.divtopval {
    width:1200px; margin:0 auto; height:26px; line-height:26px; background-color:white;
}
.divsearchinfo {
    padding-left:1px;
}

.divdiquinfo {
     margin-top: 3px; float: left; margin-left: 0px; width:128px;overflow:hidden; height:20px;     text-overflow: ellipsis;
    white-space: nowrap;
}

#page {
    height: 50px;
    line-height: 50px;
}

    #page .current {
        padding: 5px 10px;
        margin: 5px;
        border: 1px solid #1ABC9C;
    }

.okbtn {
    padding: 6px 10px;
}

#page .Pagenum {
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid #ddd;
}

#page .allpage {
    padding: 5px 10px;
    margin: 5px;
}
.bannertopleft2 {
    
    float: left;
    height: 26px;
    line-height: 26px;
    width: 60px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #d62929;
    color: white;
    border-bottom-right-radius: 30px;
}

.typesel {
    background-color:#11aae0; color:white;
}
.bannertoplefts {
    float:left;  height:20px; line-height:20px; width:50px; text-align:center;  position:absolute; left:0px; top:0px; background-color:#d62929; color:white;
    border-bottom-right-radius:20px;
}

.bannertopleft3 {
    float:right;  height:26px; line-height:26px; font-size:26px; width:60px; text-align:center;  position:absolute; right:0px; bottom:8px; font-weight:bold; color:#d62929; 
    
}
.divnavul {
    float:left;
}
.divnavul li {
    float:left; width:80px; height:25px;  line-height:25px; text-align:center; cursor: pointer;
}
.divnavulover {
    background-color:#11aae0; color:white; border-top-left-radius:4px; border-top-right-radius:4px; 
}

body{background-color:#ffffff !important}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-size:14px}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
a{overflow:hidden;color:#161616;text-decoration:none;cursor:pointer}
*{font-family:"microsoft yahei","微软雅黑",simsun,"宋体"}
a:hover{color:#c8113d;text-decoration:none}
img{width:100%;height:100%;border:none}
h1{font-weight:700;font-size:15px}
span{text-align:left}
.napinfotopleft{float:left;margin-top:3px;margin-right:18px;padding:0 10px;padding-bottom:9px;width:60px;height:30px;text-align:center;line-height:30px}
.napinfotopleftover2{border-bottom:2px solid #11aae0}
.napinfotopleftover{border-bottom:2px solid #11aae0}
.napinfotopleft a{display:block;font-size:15px}
.blueborder{ border: 1px solid #0077bd !important; }
.divtop{height:30px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-bottom:1px solid #e6e5e5;background-color:#f1f1f1;line-height:30px}
.divtop a:hover{color:#b24602}
.divtop01{margin:0 25px;height:100%}
.divtop01 ul{float:left;width:222px}
.divtop01 li{float:left;margin-right:1px;width:80px;height:23px;text-align:center;line-height:23px}
.divtop01 li a{display:block}
.divtop02 .napinfotopleft a:hover{background-color:#b24602;color:#fff}
.divtop02 .napinfotopleft:hover a{color:#fff}
.divlogins{float:right;margin-top:10px;width:auto;height:40px}
.divloginsbtn{float:left;margin:auto 10px;padding:0 8px;width:60px;height:40px;background-color:#ed640c;text-align:center;line-height:40px}
.divloginsbtn{display:block;color:#fff}
.divloginsbtn:hover{color:#fff}
.divloginsbtnover{background-color:#ed7426}
.divloginsbtn2{float:left;margin:auto 10px;padding:0 8px;width:60px;height:40px;background-color:#ddd;text-align:center;line-height:40px}
.divloginsbtn2{display:block;color:#161616}
.divloginsbtn2:hover{color:#464646}
.divloginsbtn2over{background-color:#c6c4c4}
.divtop02{clear:both;height:100px;border-bottom:1px solid #b24602;line-height:50px}
.divtop02info{margin:0 auto;width:1000px;height:50px}
.divtop02in ul{height:50px}
.divtop02in li{float:left;margin-right:3px;padding-right:9px;padding-left:9px;width:78px;height:50px;text-align:center;font-size:14px;line-height:50px}
.divtop02in li a{display:block}
.divtop02inhouver{color:#b24602;cursor:pointer}
.divtop02inhouver2{color:#b24602;cursor:pointer}
.divtop02inhouverNews{background-color:#b24602;color:#fff;cursor:pointer}
.divinfo01{margin:0 auto;margin-top:20px;width:1000px;height:980px}
.infoleft{position:relative;float:left;margin-right:50px;width:730px;height:100%}
.divin01{position:relative;margin-bottom:15px;padding:6px;height:330px;background-color:#f5f5f5}
.divkejitop{clear:both;margin-bottom:5px;padding:8px;padding-bottom:6px;height:38px;border-bottom:1px solid #e7eaf1;box-shadow:0 1px 3px #e7eaf1;line-height:38px}
.divkejitopleft{float:left;margin-right:20px;font-size:22px}
.divkejitopright{margin-right:10px}
.divin03left{float:left;padding-left:10px;width:320px}
.divin03left li{position:relative;float:left!important;overflow:hidden;margin-bottom:10px;text-overflow:ellipsis}
.divin02{clear:both;width:730px;height:120px;background-color:#f0f0f0}
.divin03left2{float:left;height:115px}
.divin03left2 li{position:relative;float:left;margin-bottom:10px;padding-left:10px;padding-left:15px;width:310px}
.divin03right2{float:left;margin-left:10px;width:320px}
.rslides{position:relative;overflow:hidden;margin:0;padding:0;width:710px}
.rslides li{position:absolute;top:0;left:0;display:none;width:710px;-webkit-backface-visibility:hidden}
.rslides li:first-child{position:relative;float:left;display:block}
.rslides img{float:left;display:block;width:710px;height:auto;border:0}
.slide_container{position:relative;float:left;margin-bottom:20px;width:710px}
.slide{position:relative;overflow:hidden;margin:0;padding:0;width:710px;list-style:none}
.slide li{position:absolute;top:0;left:0;width:710px}
.slide img{position:relative;z-index:1;display:block;width:710px;height:auto;border:0}
.slide .caption{position:absolute;right:0;bottom:0;left:0;z-index:2;display:block;margin:0;padding:10px 20px;max-width:none;background:#575353;background:rgba(0,0,0,.4);color:#fff;text-shadow:none;font-size:20px}
.slide_nav{position:absolute;top:52%;left:0;z-index:3;overflow:hidden;margin-top:-45px;width:38px;height:61px;background:transparent url(/content/img/themes.gif) no-repeat left top;text-decoration:none;text-indent:-9999px;opacity:.3;-webkit-tap-highlight-color:transparent}
.slide_nav:active{opacity:1}
.slide_nav.next{right:0;left:auto;background-position:right top}
.inforight{float:left;overflow:hidden;width:320px}
.rightinfotop{padding-left:20px;height:45px;font-size:16px;line-height:45px}
.righttabInfo2bom{clear:both;padding-bottom:8px;width:100%}
.righttabInfo2bom li{position:relative;overflow:hidden;margin-bottom:8px;padding-left:5px;text-overflow:ellipsis}
.firstliinfo{font-weight:700}
.agxspanleft{position:absolute;left:4px;margin-top:8px;width:3px;height:3px;background-color:#c7c7c7}
.agxspantip{position:absolute;left:4px;margin-top:8px;width:6px;height:6px;background-color:#b24602}
.divinfo03{clear:both;box-sizing:border-box;margin:10px auto;margin-top:10px;margin-bottom:20px;padding-bottom:10px;height:auto;border-radius:2px}

.divkejiinfo01{float:left;padding-right:10px;width:340px;text-align:center}
.divlink{margin:0 auto;margin-bottom:20px;width:1000px}
.divlinkin{height:auto;line-height:40}
.divlinkin a{float:left;display:block;margin:0 5px;padding:0 8px;height:30px;text-align:center;line-height:30px}
.divlinkin a:hover{background-color:#f0f0f0;color:#b24602}
.righttabInfo3{margin-bottom:15px;min-height:270px}
.imgmouseover,.logfoot01 img,a:hover{-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
.spanfirst{font-weight:700}
#username{position:relative;z-index:2;clear:both;margin:0 0 18px 25px;padding-right:5px;width:240px;height:42px;border-radius:4px;background-image:url(/Content/Img/bg.png);background-position:0 -352px;line-height:42px}
#userpwd{position:relative;z-index:2;clear:both;margin:0 0 18px 25px;padding-right:5px;width:240px;height:42px;border-radius:4px;background-image:url(/Content/Img/bg.png);background-position:0 -352px;line-height:42px}
#username .ico{position:absolute;top:13px;left:9px;z-index:1;background-image:url(/Content/Img/bg.png)}
#userpwd .ico{position:absolute;top:13px;left:9px;z-index:1;background-image:url(/Content/Img/bg.png)}
.ico-uid{width:14px;height:16px;background-position:-169px -64px}
.ico-pwd{width:14px;height:16px;background-position:-193px -64px}
.txtuserinfo{position:relative;left:-28px;margin-left:30px;padding-left:33px;width:209px;height:38px;border:0;border-radius:5px}
.bom2{height:80px;border-top:1px solid #ddd}
.logfoot{clear:both;margin:0 auto;padding:10px 0;width:1000px;height:60px}
.logfoot01{float:left;margin-right:10px;width:85px;height:75px}
.logfoot02{margin:0 auto;padding-top:18px;width:800px}
.logfoot02 ul{margin:0 auto;width:700px}
.logfoot02 li{float:left;margin-right:20px}
.logfoot03{float:left}
#regsuccess{position:absolute;top:66px;right:20%;overflow:hidden;margin-right:1px;width:379px;height:450px;background-color:#fff;opacity:.9;filter:alpha(opacity=9);-moz-opacity:.9;-khtml-opacity:.9}
#regsuccess li{float:left;margin:5px 8px}
#regsuccess li a{padding:5px;background-color:#161616;color:#ededed}
#regsuccess li a:hover{padding:5px;background-color:#ed640c;color:#fff}
.reg01{padding-top:20px;height:350px}
.reg01 div{margin-bottom:10px;height:45px;color:#38250e;text-align:center;font-weight:700;font-weight:700;line-height:45px}
.regTxt{float:left;padding-left:5px;width:250px;height:76%;height:35px;border:1px solid #ddd;border-radius:3px}
.regspan{float:left;margin-right:1%;width:19%;text-align:right;font-weight:lighter}
.searchinfo{margin:0 auto}
.searchinfoin{padding:15px 0}
.searchinfotitle{margin-bottom:5px;font-weight:700;font-size:18px}
.searchinfohead{margin-bottom:5px}
.searchinfoinfo{margin-bottom:5px}
.more_page{clear:both;overflow:hidden;margin:0 auto;margin-bottom:10px;padding:5px;width:100%;height:50px}
.more_page li{float:left;display:block;margin:0 5px;width:auto;height:20px;min-width:20px;text-align:center;line-height:20px}
.more_page li a{display:block}
.page_curent{background-color:#f0f0f0;color:gray}
.pageother{float:left;display:block;margin:0 6px;width:auto;height:30px;min-width:30px;border-radius:100%;text-align:center;line-height:30px}
.pageotherover{background-color:#ddd}
.maph1{margin-bottom:8px}
.maph1 a,.maph2 a{color:#d43d0c;font-weight:700;font-size:16px}
.maph2{clear:both;margin-bottom:8px;font-size:14px}
.maph3 a{margin-bottom:8px;font-size:15px}
.maph3 a:hover{color:#d43d0c}
.maph3 li{float:left;margin-right:28px;margin-bottom:12px}
.container ul li{float:left;display:inline;margin-right:13px;margin-bottom:10px;width:205px;-webkit-perspective:1000px;-moz-perspective:1000px}
.out_box{position:relative;width:200px;height:260px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-ms-transition:.5s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.out_box div{position:absolute;top:0;left:0;display:block;width:200px;height:260px;background:#ddd;color:#FFF;text-align:center;font-size:16px;line-height:260px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.out_box .front_box{z-index:2}
.out_box .back_box{z-index:1;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.container ul li:hover .out_box{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.container ul li:hover .back_box{z-index:3}
.mediadiv{clear:both;overflow:hidden;padding:4px 0;padding-left:5px;height:auto}
.mediain{margin:10px;margin-bottom:20px;padding:10px;height:200px;background-color:#fafafa}
.intopcenter{clear:both;margin-bottom:20px;height:40px;font-size:14px;line-height:40px}
.intopcenterin{float:left;padding-left:12px;width:68px;height:40px;border-bottom:2px solid #161a19;text-align:left;font-size:14px;line-height:40px}
.intopcenterinright{float:right;width:80px;height:28px;border-radius:3px;background-color:#47505e;color:#fff;text-align:center;font-size:12px;line-height:28px;cursor:pointer}
.btn2{margin-top:5px;margin-left:20px;width:80px;height:30px;border-radius:3px;background-color:#47505e;color:#fff;text-align:center;font-size:12px;line-height:30px;cursor:pointer}
.intopcenterinrightover{background-color:#555d68}
.intopcenterinrightover a{color:#eef1ef}
.intopcenterinright a{display:block;color:#fff}
.intopcenterinright .no{background-color:#ddd}
.accoutleft{float:left;margin-right:8px;padding-top:10px;width:120px;text-align:right}
.accountright{float:left;text-align:left}
.spanred{margin:0 5px;color:red}
.btnnouse{background-color:#f0f0f0;cursor:none}
.btnnouse a{background-color:#f0f0f0}
.btnnouse a:hover{background-color:#f0f0f0}
.menuimg{overflow:hidden;margin:0 auto;margin-bottom:10px;width:80px;height:80px;border-radius:100%}
.menuimgbom{height:25px;text-align:center;line-height:25px}
.menuimgbom a{color:#fff}
.menuimgbom a:hover{color:#ddd}
.maskdiv{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-color:#000;opacity:.8}
.maskdivin{position:absolute;top:0;left:0;display:none;margin:10%;width:80%;height:80%;background-color:#f0f0f0;text-align:center;font-weight:700;font-size:18px}
#msgdiv{display:none;padding-left:120px;height:50px;color:red;line-height:50px}
.divkejiinfo01{float:left;padding-right:10px;width:340px;text-align:center}
.divlink{margin:0 auto;margin-bottom:20px;width:1000px}
.divlinkin{height:auto;line-height:40}
.divlinkin a{float:left;display:block;margin:0 5px;padding:0 8px;height:30px;text-align:center;line-height:30px}
.divlinkin a:hover{background-color:#f0f0f0;color:#d43d0c}
.divlogins{float:right;margin-top:10px;padding-right:10px;width:auto;height:40px}
.divloginsbtn{float:left;margin:auto 5px;padding:0 8px;width:60px;height:40px;background-color:#b24602;text-align:center;line-height:40px}
.divloginsbtn{display:block;color:#fff}
.divloginsbtn:hover{color:#fff}
.divloginsbtnover{background-color:#3487d3}
.divloginsbtn2{float:left;margin:auto 10px;padding:0 8px;width:60px;height:40px;background-color:#f0f0f0;text-align:center;line-height:40px}
.divloginsbtn2{display:block;color:#161616}
.divloginsbtn2:hover{color:#464646}
.divloginsbtn2over{background-color:#e5e5e5}
#zSlider{margin:0 auto}
#picshow{position:relative;width:680px;height:auto}
#picshow,#picshow_img{float:left;margin-right:3px;height:330px}
#picshow_img{float:left;width:100%;height:330px}
#picshow_img ul{width:680px;height:330px}
#picshow_img li{float:left;display:none;width:100%;height:330px}
#picshow_img img{width:680px;height:330px}
#picshow_tx{position:absolute;bottom:0;left:0;width:680px;height:70px}
#picshow_tx li{display:none;padding:5px 30px;height:60px;background:url(/Content/Img/picshow_bg.png) repeat;color:#fff}
#picshow_img img{border-radius:0}
#picshow_tx li a{color:#fff}
#picshow_tx li h3{margin:15px 0;font-size:20px}
.ings{-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
#picshow_tx li p{height:16px;color:#ccc;line-height:16px}
#select_btn{float:left;display:inline;height:330px;color:#111}
#select_btn li{margin-bottom:13px;padding:3px;height:38px}
#select_btn li:hover{background-color:#f6f6f6;-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
#select_btn li.current .select_img{background-color:#b24602;-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
#select_btn .select_text{margin-top:10px}
#select_btn .select_img{float:left;margin-right:5px;padding:2px;width:20px;height:20px;border-radius:100%;background-color:#ddd;color:#fff;text-align:center}
.divkejiinfo01{float:left;padding-right:10px;width:340px;text-align:center}
.divlink{margin:0 auto;margin-bottom:20px;width:1000px}
.divlinkin{height:auto;line-height:40}
.divlinkin a{float:left;display:block;margin:0 5px;padding:0 8px;height:30px;text-align:center;line-height:30px}
.divlinkin a:hover{background-color:#f0f0f0;color:#d43d0c}
.divright{height:100px}
.divright1{padding-top:20px;text-align:center}
.divright2{margin-bottom:20px;padding:10px;text-align:center}
.divBomIn2{float:left;margin-bottom:10px;width:360px;height:180px;text-align:center}
.divBomIn3{float:left;margin-top:30px;padding-left:40px;width:330px;height:150px;border-left:1px solid #ddd;line-height:26px}
.righttabInfo3{float:left;margin-bottom:15px;width:320px;min-height:270px}
.agxspantip{position:absolute;left:4px;margin-top:3px;padding-top:10px;width:3px;height:5px;background-color:#b24602}
.spanfirst{font-weight:700}
.navinfonews{clear:both;height:50px;border-top:2px solid #ce1919;border-bottom:1px solid #ce1919;background-color:#d83a3a}
.divtop02in2{float:left;overflow:hidden;width:360px;height:100%;line-height:50px}
.divtop02in2 span{float:right;margin-right:16px}
.navinfonews li{color:#fff}
.navinfonews a{color:#fff}
.divtop02inhouvertechnology{background-color:#0c7d8d;color:#fff;cursor:pointer}
.navinfotechnology{clear:both;height:50px;border-top:2px solid #0c7d8d;border-bottom:1px solid #0c7d8d;background-color:#0f4e57}
.navinfotechnology li{color:#fff}
.navinfotechnology a{color:#fff}
.divtop02inhouverhis{background-color:#1e1c21;color:#fff;cursor:pointer}
.navinfohis{clear:both;height:50px;border-top:2px solid #1e1c21;border-bottom:1px solid #1e1c21;background-color:#5a575f}
.navinfohis li{color:#fff}
.navinfohis a{color:#fff}
.abstract{margin-bottom:20px;padding:15px 10px;border:1px solid #ddd;background-color:#f5f5f5;line-height:23px}
.bombomnav{height:50px;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;background-color:#f0f0f0}
.divInfo{margin:0 auto;width:1000px}
.divinfo01ad{overflow:hidden;margin-top:20px;margin-bottom:20px;width:1000px;height:110px}
.divinfo01adin{margin:0 auto;width:100%;height:100%}
.divinfo01adleft{float:left;overflow:hidden;margin-right:40px;width:730px}
.divinfo01adright{float:left;overflow:hidden;width:340px}
.right01in{padding:5px;height:62px}
.divinfo02{margin:0 auto;padding-bottom:10px;width:1000px;height:480px}
.infoleft02{float:left;margin-right:40px;width:730px;height:100%}
.infoleft02in{margin-right:15px;padding:10px;width:730px}
.infoleft02in01{margin-bottom:5px;padding-left:10px;height:45px;background-color:#F5F5F5;font-size:16px;line-height:45px}
.rightinfotop2{margin-bottom:10px;padding-left:20px;height:45px;border-bottom:1px solid #f0f0f0;background-color:#fafafa;font-size:16px;line-height:45px}
.infoleft02in02{margin-bottom:8px;padding-bottom:10px;background-color:#FFF}
.infoleft02in03{overflow:hidden;padding-top:10px;padding-bottom:10px;height:118px;background-color:#FFF}
.indexright{float:left;overflow:hidden;width:68%;height:340PX;border-radius:5px}
.indexleft{position:relative;float:left;margin-right:1%;width:29%;height:340px;border-radius:8px}
.navdiv{overflow:hidden;margin-bottom:5px;padding:5px;height:42px;border:1px solid #F0F0F0;border-radius:5px;background-color:#FFF;cursor:pointer}
.navdivinfo{position:absolute;top:0;left:103%;display:none;padding-top:3px;padding-right:1px;padding-bottom:3px;padding-left:1%;height:340px;border:1px solid #e0e0e0;border-radius:5px;background-color:#FFF}
.shopnav{display:block}
.addbg{border:1px solid #e2dfdf;background-color:#f6f6f6}
.divlogin{width:100%;height:175px;border:1px solid #ed640c;background-color:#fff}
.divclose{height:28px;text-align:right}
.divclosein{float:right;margin-top:6px;margin-right:6px;margin-bottom:8px;width:30px;height:28px;border-radius:30px;background-color:#f0f0f0;text-align:center;line-height:28px;cursor:pointer}
.divcloseinover{background-color:#ed640c;color:#fff}
.txtUser{float:left;overflow:hidden;margin-left:5px;width:25%;height:30px;line-height:35px}
.txtinput{float:left;overflow:hidden;margin-left:5px;width:63%;line-height:35px}
.txtinputin{padding-left:1%;width:95%;border:1px solid #f2aa0d}
.navadimg{height:80px;background-color:#FDFDFD}
.navshotinfo{float:left;overflow:hidden;margin-right:1px;margin-bottom:2px;width:72px;height:40px;border:1px solid #ddd;border-radius:1px;background-color:#f8f8f8;text-align:center;line-height:40px;cursor:pointer}
.navshotinfo a{display:block}
.navshotinfoover{background-color:#fff}
.wenmininfo{padding:6px}
.divin03right{float:left;width:50%}
.divin03bom{float:left;overflow:hidden;margin-right:13px;margin-bottom:12px;width:160px;height:120px;white-space:nowrap}
.divin03bomover{background-color:#ed640c}
.divin03bomover a{background-color:#ed640c;color:#fff}
.divin03bomimg{height:90px}
.divin03bomjs{overflow:hidden;height:30px;text-align:left;line-height:30px}
.divin03bomjs a{font-size:12px}
.inforight01{margin-bottom:10px;height:180px}
.inforight01 .spanleft{float:left;overflow:hidden;height:28px;white-space:nowrap;line-height:28px}
.inforight2{margin-bottom:11px;height:175px}
.inforight2 span{float:left;margin-right:5px;color:#ddd;font-size:8px}
.inforight2 .spanover{color:#ff6a00}
.inforight2 .bold{font-weight:700;font-size:14px}
.inforight2 h4{height:28px;white-space:nowrap}
.inforight2 h4{height:28px;white-space:nowrap}
.left03in{float:left;width:360px}
.left03in li{overflow:hidden;padding-left:8px;width:100%;height:34px;line-height:34px}
.spanread{float:right;padding-right:10px}
.addlibg{background-color:#f5f5f5}
.addlibg a:hover{color:#ed640c}
.left03first{font-weight:700}
.picNewsnav{float:left;margin-right:2px;margin-bottom:5px;padding-top:30px;padding-left:10px;width:4%;height:123px;background-color:#f0f0f0;font-size:16px}
.picNewsinfo{float:left;width:94%;height:150px}
.inforight02{float:left;width:340px;height:100%}
.inforight02in{padding:10px;height:100%}
.imgnews{position:relative;float:left;margin-right:1.5%;width:23.5%;height:100%;border-radius:8px;background-color:#FFF}
.newsimg{width:100%;height:100%}
.imgnewsindiv{position:absolute;top:87px;left:0;width:100%;height:100%;background-color:#000;color:#fff;opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8}
.imgnewsindiv h1{font-size:14px}
.imgnewsindiv a{color:#fff}
.imgnewsindiv a:hover{color:#fff}
.imgnewsindiv p{color:#a09e9e}
.imgstabin{height:155px;background-color:#fdfdfd}
.imgstabinbom{overflow:hidden;margin-bottom:10px;padding:2px 5px 2px 5px;height:18px}
.changcolor{background-color:#ff7318}
.changcolor a{background-color:#ff7318;color:#fff}
.imgstabin01{float:left;margin-right:5px;margin-bottom:20px;width:155px;height:155px}
.infoleft03{float:left;margin-right:50px;width:730px;height:100%}
.inforight03{float:left;width:320px}
.righttabInfo2{float:left;width:320px;min-height:270px}
.righttabInfo2boma{clear:both;overflow:hidden;margin-bottom:7px;padding-left:8px;height:20px;color:#161616}
.agxspancenter{float:left;overflow:hidden}
.agxspanleftlong{float:left;width:10px;color:#d43d0c}
.agxspancenterlong{float:left;overflow:hidden}
.agxspanleftnews{float:left;width:10px;color:#d43d0c}
.agxspancenternews{float:left;overflow:hidden}
.agxspanleftnewsm{float:left;width:18px;color:#d43d0c}
.news_1,.news_7{color:#363636}
.divShiPin{float:left;margin-bottom:20px;width:158px}
.divShiPinin{padding:3px;height:100px}
.divShiPininbom{padding-top:5px;padding-left:10px;height:25px;background-color:#f0f0f0}
.divShiPininbomover{background-color:#f2aa0d}
.divShiPininbomover a{color:#fff}
.napinfotop{float:left;margin-right:12px}
.divofkeji{margin-bottom:10px;height:441px}
.divkejiinfo{padding:10px;height:391px}
.divkejiinfo02{float:left;width:360px}
.divkejiinfo02 li{margin-bottom:4px;padding-left:10px;width:100%;height:25px;line-height:25px}
.Kejiimgtop{margin-bottom:8px;width:320px;height:210px}
.Kejiimgtopover{background-color:#ff7318}
.Kejiimgtopover a{background-color:#ff7318;color:#fff}
.kejilagimg{height:175px}
.Kejiimgbom{float:left;overflow:hidden;margin-right:5px;width:158px;height:125px}
.kejismallimg{height:94px}
.divImgJS{overflow:hidden;padding-left:3px;height:30px;text-align:left;line-height:30px}
.divlvxing{width:100%;height:355px}
.divlvxingin{margin:5px;margin-right:1%;width:33%;height:100px;border:1px solid #f2aa0d}
.divlvxingin01{float:left;width:40%;height:355px;background-color:#fff;text-align:center}
.divlvxingin01in{padding:10px;height:355px}
.divlvxingin02{float:left;padding-top:8px;width:60%;height:355px;background-color:#fff}
.divlvxingin02in{position:relative;float:left;margin-right:3%;margin-bottom:30px;width:29.5%;height:160px;cursor:pointer}
.divlvxingin02in01{position:absolute;top:0;left:0;width:100%;height:100%}
.divlvxingin02in02{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-color:#F9F9F9;opacity:.8}
.divinfo04{margin:0 auto;margin-bottom:20px;width:1000px;height:630px}
.divShop01{margin-top:10px;margin-bottom:10px;height:180px}
.divShop01in{float:left;margin-right:.8%;margin-left:.4%;width:32%;height:180px;border-radius:8px}
.box{clear:both;margin-bottom:15px;border-radius:12px;background-color:#f9f9f9}
.boxtop{height:50px;border-bottom:1px solid #f0f0f0;border-radius:12px;background-color:#f9f9f9;text-align:center;line-height:50px}
.boxtop2{height:50px;border-bottom:1px solid #f2f2f2;background-color:#f2f2f2}
.boxtop2 ul{position:relative;height:51px}
.boxtop2 li{float:left;padding:0 5px;width:70px;height:51px;text-align:center;line-height:50px;cursor:pointer}
.handinfo{background-color:#f9f9f9;font-weight:700}
.boxPositatin{position:absolute;top:51px;left:10px;overflow:hidden;padding-top:8px;width:323px;width:95%;height:210px;font-weight:lighter}
.boxPositatin02{position:absolute;left:0;width:300px}
.boxPositatindiv{float:left;margin:5px 8px;padding:5px 15px;height:30px;border-radius:100%;background-color:#f0f0f0;line-height:30px;cursor:pointer}
.boxPositatindivover{background-color:#dcdada;color:#fff}
.boxPositatindivover a{color:#161a19}
.boxtop3{height:50px;border-bottom:1px solid #f2f2f2;background-color:#f2f2f2}
.boxtop3 ul{position:relative;height:51px}
.boxtop3 li{float:left;width:140px;height:51px;text-align:center;line-height:50px;cursor:pointer}
#gonggao .divpaiming{height:35px;line-height:35px}
#yiwangxi .divpaiming{height:35px;line-height:35px}
#kanjinzhao .divpaiming{height:35px;line-height:35px}
.divpaiming{overflow:hidden;margin:0;padding:0;padding-left:5px;width:100%;height:45px;text-align:left;font-weight:lighter;line-height:45px}
.divpaiming a{display:block}
.divpaiming:hover{background-color:#f5f5f5}
.divpaiming2{margin-bottom:5px;width:100%;height:76px;text-align:left;font-weight:lighter;line-height:35px}
.spanright{float:left;width:20%;height:35px;text-align:right}
.dropinfo{margin:0;border:1px solid #f2aa0d;border-right:0}
.btnlogn{margin:0 auto;margin-bottom:8px;height:43px;max-width:120px;border:1px solid #ed640c;border-radius:3px;color:#ed640c;text-align:center;font-weight:700;line-height:43px;cursor:pointer}
.btnlogn2{margin:0 auto;margin-bottom:8px;height:43px;max-width:120px;border:1px solid #ed640c;border-radius:3px;background-color:#f0f0f0;color:#ed640c;text-align:center;font-weight:700;line-height:43px;cursor:pointer}
.btnlognover{background-color:#ed640c;color:#fff}
.btnlognover a{color:#fff}
.btnlognover a{color:#fff}
.showinfo{position:absolute;top:40px;left:0;z-index:9999;display:block;display:none;width:100%;height:90px;border-bottom:1px solid #ddb59b;background-color:#f0f0f0}
#idspan li:hover{background-color:#ddb59b;color:#fff}
.spanshow{width:100%;height:100%}
#toplifirst{margin:5px;width:54.5px;color:#f2aa0d}
#indexdiv{clear:both;margin-bottom:20px;height:320px;background-color:#fff}
.imgmouseover,.logfoot01 img,a:hover{-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
.bomimg img,.divinfo01ad img,.logfoot01 img{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8}
.bomimg img:hover,.divinfo01ad img:hover,.logfoot01 img:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}
.newtopimgleft{position:relative;float:left;width:230px;height:60px}
.newtopimgleft img{position:relative;left:-6px}
.newtopimgright{float:right;padding-top:10px;width:370px;height:50px}
.searchtxt{width:76%;height:30px;border:1px solid #7a7474;border-radius:3px;font-weight:700}
.searchbtn{margin:0;padding:0;width:20%;height:30px;text-align:center;line-height:50px}
.gloabTop{height:38px;border-bottom:1px solid #ddd;background-color:#f0f0f0;line-height:38px}
.gloabTopin{margin:0 auto;width:1000px}
.gloabTopinleft{float:left}
.gloabTopinleft a{display:block}
.gloabTopinleft li{float:left;margin:0 2px;width:50px;list-style:none;text-align:center}
.gloabTopinright{float:right}
.gloabTopinright li{float:left;padding:0 5px;width:78.65px;width:auto;list-style:none;text-align:center;cursor:pointer}
.gloabTopinright li a{display:block}
.gloabTopinright ul{position:relative}
.toplifirstdiv{position:absolute;top:38px;left:0;z-index:999;display:none;width:100%;height:138px;border-top:none;background-color:#e5e3e3}
.userli{margin:10px;padding:5px;border-top:1px solid grey}
.userli li{float:left;margin:5px 8px;margin-left:0;width:auto}
.userli li a{display:block;padding:3px;background-color:#f0f0f0}
.userli li a:hover{background-color:#ed640c;color:#fff}
.indexad{margin:0 auto;width:1000px;height:100px}
.indexasleft{float:left;width:760px}
.indexasright{float:left;margin-left:20px}
.indexad01{float:left;width:320px}
.indexad02{float:left;width:320px}
.indexad03{float:left;width:320px}
.newgloabTop a:hover{color:#bf0808}
.newAll{clear:both;margin:0 auto;width:1000px;height:auto;color:#2a2a2a}
.newAll a:hover{color:#bf0808}
.newstopimg{float:left;margin-right:10px}
.newtop{margin:10px 0 10px 0;height:auto}
.newtopimg{padding-bottom:10px;height:70px}
.newnav{height:45px;border-top:3px solid #dc0000;border-right:1px solid #dedede;border-bottom:1px solid #dedede;line-height:45px}
.newnavover{background-color:#fa6060}
.newnavover a{display:block;color:#fff}
.newnavover a:hover{color:#fff}
.newnav li{float:left;width:85px;list-style:none;text-align:center;font-size:14px}
.newnav li div{border-right:1px solid #dedede}
.newsTQ{margin-bottom:10px;height:45px;letter-spacing:1px;line-height:45px}
.newinfoleft{float:left;margin-right:30px;padding-bottom:20px;width:760px;background-color:#fff}
.newinforight{float:left;width:310px}
.rightbox{clear:both;margin-bottom:20px;height:auto;text-align:center}
.borderinfo{border:1px solid #ddd}
.rightboxtop{height:50px;background-color:#f0f0f0;font-size:16px;line-height:50px}
.rightboxtop ul{position:relative}
.rightboxtop li{float:left;width:155px;text-align:center;cursor:pointer}
.rightboxinfo{clear:both;padding:3px;height:auto}
.rightboxinfo a{display:block}
.newhead{margin-bottom:20px;border-bottom:1px solid #f0f0f0}
.newhead01{clear:both;overflow:hidden;padding:4px 0;padding-left:5px;height:200px;border-bottom:1px solid #f0f0f0;background-color:#f9f9f9}
.newhead01over{background-color:#f8f8f8}
.newOne{clear:both;overflow:hidden;height:60px;line-height:60px}
.newOne2{clear:both;margin-top:10px;height:50px}
.newOneleft{float:left;overflow:hidden;font-weight:inherit;font-size:14px}
.newOne a{font-size:26px}
.newOne a:hover{color:#ae0e0e;font-size:26px}
.newOne2 a{font-size:21px}
.newOne2 a:hover{color:#ae0e0e;font-size:21px}
.newOneinfo{clear:both;overflow:hidden;margin-bottom:10px;padding-right:50px;height:35px}
.newTwo{clear:both;overflow:hidden}
.newTwo li{float:left;width:40%;height:30px}
.newTwo2{clear:both;overflow:hidden}
.newTwo2 span{margin-right:18px}
.newsli{padding:15px 5px;height:120px;background-color:#f8f8f8}
.newsli li{float:left;overflow:hidden;margin-right:1%;width:350px;height:30px;list-style:none;line-height:30px}
.newhead02{clear:both;overflow:hidden;margin:15px auto;padding:8px;height:135px;border-bottom:1px solid #f0f0f0}
.newsleft{float:left;margin-right:20px;padding-top:10px;width:180px;height:120px}
.newheadright02{clear:both;overflow:hidden;margin:0 auto;padding:8px;height:90px;border-bottom:1px solid #f0f0f0}
.newsleftright02{float:left;margin-right:5px;padding-top:10px;width:100px;height:68px}
.newsleftright02 a{display:block;height:98%}
.newsright02{float:left;padding-top:15px;width:180px}
.newsright{float:left;width:520px}
.newimg{float:left;width:25%;height:150px}
.newimgin{padding:5px 10px;height:100%}
.newimginbom{overflow:hidden;padding:5px;height:30px;text-align:left;font-size:12px}
.newimgintop{margin-bottom:10px;height:200px}
.newimginsmalltop{float:left;margin-bottom:10px;width:100%;height:auto}
.newimginsmalltop a{display:block;height:100%}
.newimginsmall{float:left;margin-right:1%;margin-bottom:10px;margin-left:1%;width:48%;height:auto}
.newimginsmall a{display:block;height:100%}
.newsmoreinfo{float:right;margin-right:10px;width:50px;height:30px;border-radius:3px;background-color:#c7c7c7;color:#fff;color:#680707;text-align:center;line-height:30px;cursor:pointer}
.newsmoreinfo a{color:#161a19}
.newsmoreinfo:hover{background-color:#f53838;box-shadow:0 0 2px #f2aa0d;color:#fff;-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
.newsmoreinfo:hover a{color:#fff}
.newsAD{clear:both;margin:10px auto;padding:8px 10px;height:100px;background-color:#f0f0f0}
#newsGongyi li,#newsview li{float:left;margin-right:1%;margin-bottom:15px;width:32.34%;height:140px}
.newsbom{clear:both;margin-top:20px;margin-bottom:10px;height:auto;background-color:#f0f0f0}
.newbody{margin:10px 0;padding:5px 0;height:580px}
.newbodytop{padding:5px 10px;padding-left:15px;height:40px;border-bottom:1px solid #ddd;background-color:#fafafa;font-weight:700;line-height:40px}
.newbodyinfo{overflow:hidden;padding-top:10px;height:520px}
.newbodyinfoleft{float:left;width:320px;text-align:center}
.newbodyinforight{float:left;padding-left:10px;width:420px}
.newbodyinforight li{margin-bottom:4px;height:95px;border-bottom:1px}
.newbodyinforight h1{margin-bottom:2px;margin-bottom:5px;padding-left:10px;height:32px;font-weight:400;font-size:16px;line-height:40px}
.newbodyinforight p{margin-bottom:2px;padding-bottom:2px;padding-left:10px}
.newssmalldivover{border-bottom:1px solid #ddd;background-color:#fafafa}
.newbodyinfoin2{padding:10px 1%;width:98%;height:430px;background-color:#fff}
.newbodyinfoin2 li{float:left;margin-right:.9%;margin-bottom:30px;padding-top:5px;width:19.05%;height:180px}
.newsfooter .smalldivspan{padding-top:3px;height:35px;background-color:#f0f0f0;text-align:center}
.newsfooter .smalldivspan:hover{background-color:#f12c2c;color:#fff}
.newslistleft{float:left;clear:both;overflow:hidden;width:750px;height:auto}
.newslistright{float:right;margin-top:10px;margin-bottom:20px;width:310px;height:auto;background-color:#fafafa}
.newsfooter{clear:both;overflow:hidden;height:570px;background-color:#f0f0f0}
.headtitle{float:left;margin-bottom:10px;padding-top:10px;padding-left:10px;font-size:25px}
.headtitlebom{clear:both;padding-bottom:10px;padding-left:10px;height:50px;text-align:left}
.headtitlebom01{float:left;height:35px;line-height:40px}
.headtitlebom02{float:right;padding-right:10px;height:35px;line-height:40px}
.imgnewsindiv a:hover{color:#fff}
.newsTQrul{margin-bottom:10px;padding-left:10px;height:50px;border-bottom:1px solid grey;letter-spacing:1px;line-height:50px}
.newsTQrul01{float:left;margin-right:30px}
.newsTQrul02{float:left;margin-right:5px;height:50px;font-weight:700;line-height:50px}
.newsTQrul03{float:left;padding-top:5px;height:50px;line-height:50px}
.newsTQrul04{float:right;margin-right:10px}
#review{margin-top:20px;padding-top:20px}
.reviewlisttop{padding-bottom:10px;border-bottom:1px solid #161616}
.reviewtop{clear:both;margin-bottom:10px;height:30px;color:#2A2A2A;font-size:20px;line-height:30px}
.reviewbox{margin-bottom:50px;padding-top:1px;height:150px;border:1px solid #379BE9}
.reviewbox01{height:100px}
.reviewbox02{margin-top:10px;height:40px;border-top:1px solid #f0f0f0;line-height:40px}
.left123{float:left;margin-left:10px;height:40px}
.right123{float:right;margin-top:5px;margin-right:10px;width:67px;height:28px;border-radius:3px;background-color:#379BE9;color:#fff;text-align:center;line-height:28px;cursor:pointer}
.right123over{background-color:#2f85b7}
.reviewlist{height:auto}
.reviewlistin{margin:10px auto;padding:10px 10px;height:auto;border-bottom:1px solid #f0f0f0}
.reviewlistinover{background-color:#f8f8f8}
.spanres{float:left;margin-left:30px;color:#379BE9}
.ending{margin-bottom:10px;height:60px;border-bottom:1px solid grey;text-align:center;font-weight:700;font-size:20px;line-height:60px}
.nextinfo{margin-bottom:10px;height:50px;text-align:center;font-size:18px;line-height:50px}
.spantxt{margin-right:5px;margin-left:5px;font-weight:700}
.listtopnum{float:left;display:block;margin-right:8px;width:30px;height:30px;border-radius:100%;background-color:#fa8d47;color:#fff;text-align:center}
.listtopnum2{float:left;display:block;margin-right:8px;width:30px;height:30px;border-radius:100%;background-color:#bebdbd;color:#fff;text-align:center}
#Techtop a:hover{color:#338cc1}
.TechAll{clear:both;margin:0 auto;width:1000px;height:auto;color:#161616}
.TechAll a:hover{color:#338cc1}
.Techtop{margin:10px 0 10px 0}
.Techtopimg{height:60px}
.Technav{height:45px;border-top:3px solid #338cc1;border-right:1px solid #dedede;border-bottom:1px solid #dedede;line-height:45px}
.Technav a{display:block}
.Technavover{background-color:#7ac9f7}
.Technavover a{color:#fff}
.Technavover a:hover{color:#fff}
.Technav li{float:left;width:85px;list-style:none;text-align:center;font-size:14px}
.Technav li div{border-right:1px solid #dedede}
.Techmoreinfo{float:right;margin-right:10px;width:50px;height:30px;border-radius:3px;background-color:#d9cfcf;color:#fff;color:#680707;text-align:center;line-height:30px;cursor:pointer}
.Techmoreinfo a{color:#161a19}
.Techmoreinfo:hover{background-color:#338cc1;box-shadow:0 0 2px #f2aa0d;color:#fff;-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
.Techmoreinfo:hover a{color:#fff}
.techimg{float:left;width:25%;height:150px}
.techimgin{padding:5px 10px;height:100%}
.travelTou{margin-bottom:20px;width:100%;height:80px;border-top:5px solid #161616;background-color:#f0f0f0;letter-spacing:5px;cursor:pointer}
.travelTouover{background-color:#d4c8c8}
.travelTouin{margin:10px 20px;height:60px;color:#fff;text-align:center;font-weight:700;font-size:20px;line-height:60px}
#Traveltop a:hover{color:#166f05}
#travel .travelinfoleft{float:left;margin-right:2.5%;padding-bottom:20px;width:59%;background-color:#fff}
#travel .travelinforight{float:left;width:38%}
.boxtoptravel{margin-bottom:50px;height:45px;border-top:3px solid #166f05;border-bottom:1px solid #dedede;line-height:45px}
.boxtoptravel ul{position:relative;height:45px}
.boxtoptravel li{float:left;height:45px;list-style:none;text-align:center;line-height:45px}
.boxtoptravel li div{border-top:0;border-bottom:0}
.smalldivspan{padding-top:3px;height:35px;background-color:#f0f0f0;text-align:center}
.smalldivspan:hover{background-color:#166f05;color:#fff}
.smalldivspan:hover a{color:#fff}
.HisInfo04{clear:both;margin-bottom:20px;height:320px;background-color:#166f05}
.HisInfo04 .left{float:left;margin:10px 1%;padding-top:10px;width:10%;color:#fff;text-align:center;font-weight:700;font-size:20px}
.HisInfo04 .right{float:left;margin:10px 1%;margin-right:2%;padding-bottom:20px;width:84%;height:280px;background-color:#fff}
.HisInfo04 .right .imgdiv{float:left;margin-right:.4%;padding:8px .5%;width:18.5%;height:130px}
.HisInfo04 .smalldivspan{padding-top:3px;height:35px;background-color:#f0f0f0;text-align:center}
.HisInfo04 .smalldivspan:hover{background-color:#166f05;color:#fff}
.HisInfo04 .smalldivspan:hover a{color:#fff}
.travelTip{float:left;margin-left:1%;width:31.5%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0;text-align:center;line-height:120px}
.travelTip:hover{background-color:#f0f0f0;color:#fff}
#cartop a:hover{color:#431175}
#cartop a:hover{color:#431175}
#carTop a:hover{color:#431175}
.carAll{clear:both;margin:0 auto;width:1000px;color:#161616}
.carAll a:hover{color:#431175}
.cartop{margin:10px 0 10px 0;height:140px}
.boxtopcar{margin-bottom:50px;height:45px;border-top:3px solid #431175;border-bottom:1px solid #dedede;line-height:45px}
.boxtopcar a{display:block}
.boxtopcar a:hover{color:#fff}
.boxtopcar ul{position:relative;height:45px}
.boxtopcar li{float:left;width:85px;height:45px;list-style:none;text-align:center;line-height:45px}
.boxtopcar li div{border-top:0;border-bottom:0}
.boxPositatincar{position:absolute;top:46px;left:0;padding-left:3%;width:97%;height:40px;background-color:#f5f5f5;text-align:left;line-height:40px}
.boxPositatincarover{background-color:#431175;font-weight:700}
.boxPositatincarover a{color:#fff}
.boxPositatincar span{float:left;margin-right:20px;color:#161a19;font-weight:lighter}
.boxPositatincar span a{color:#161616}
.carnavover{background-color:#7f52ac}
.carnavover a{color:#fff}
.carnavover a:hover{color:#fff}
.carsTQ{clear:both;height:45px;letter-spacing:1px;line-height:45px}
.carsfooter .smalldivspan{padding-top:3px;height:35px;background-color:#f0f0f0;text-align:center}
.carsfooter .smalldivspan:hover{background-color:#431175;color:#fff}
.Techbannercar{clear:both;overflow:hidden;margin-bottom:10px;height:450px;border-bottom:1px solid #f0f0f0;background-color:#f0f0f0}
#focuscar{position:relative;overflow:hidden;height:450px}
#focuscar ul{position:absolute;width:100%;height:450px}
#focuscar ul li{position:relative;float:left;overflow:hidden;height:450px;background:#000}
#focuscar ul li div{position:absolute;overflow:hidden}
#focuscar .btnBg{position:absolute;bottom:0;left:0;width:100%;height:20px;background:#000}
#focuscar .btn{position:absolute;right:0;bottom:3px;padding:5px 10px;height:10px;text-align:right}
#focuscar .btn span{display:inline-block;margin-left:5px;width:25px;height:10px;background:#fff;cursor:pointer}
#focuscar .btn span.on{background:#fff}
#focuscar .preNext{position:absolute;top:150px;width:45px;height:100px;background:url(/img/sprite.png) no-repeat 0 0;cursor:pointer}
#focuscar .pre{left:0}
#focuscar .next{right:0;background-position:right top}
.navbom{position:relative;top:0;left:0;width:1000px;height:35px;background-color:#161616}
.FinanInfo03{padding-top:10px;padding-left:5px;height:100px}
#container{margin:50px auto;background-color:#f0f0f0}
#container ul{float:left;margin-right:1%;padding-left:1%;width:31.3%;list-style:none}
#container ul li{margin-bottom:20px}
em{font-style:normal}
.fl{float:left}
.fr{float:right}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{display:inline-table}
.clearfix{height:1%}
.clearfix{display:block}
.clearfix{min-height:1%}
.demo{margin:0 auto}
.item_list{position:relative;padding:0 0 50px}
.item{overflow:hidden;margin:15px 0 0 0;width:18.5%;border-radius:4px 4px 4px 4px;background:#fff;-ms-border-radius:4px 4px 4px 4px}
.item_t{padding:10px 8px 0}
.item_t .img{position:relative;margin:0 auto;width:210px;height:210px;min-height:210px;background-color:#FFF}
.item_t .img a{display:block}
.item_t .img a:hover img{opacity:.8;-webkit-transition:all .3s ease-out;filter:alpha(opacity=80);-khtml-opacity:.8;-khtml-transition:all .3s ease-out}
.item_t .price{position:absolute;right:0;bottom:10px;width:80px;height:36px;color:red;text-align:center;line-height:36px}
.item .btns{display:none}
.img_album_btn{position:absolute;top:0;right:0;width:86px;height:40px;border-radius:3px;background:#c73ee2;color:#fff;text-align:center;line-height:40px}
.img_album_btn:hover{background-color:#f0f0f0;color:#431175;cursor:pointer}
.item_t .title{padding:8px 0;line-height:18px}
.item_b{padding:10px 8px}
.item_b .items_likes .like_btn{float:left;display:block;margin-right:5px;width:59px;height:23px;border:1px solid #f0f0f0;text-align:center;line-height:23px}
.item_b .items_likes em{float:left;display:block;padding:0 6px;border:1px solid #c73ee2;border-radius:3px;color:#c73ee2;font-weight:800;line-height:23px}
#more{display:block;margin:10px auto 20px}
#infscr-loading{position:absolute;bottom:-10px;left:45%;z-index:100;width:120px;height:20px;text-align:center;line-height:20px}
.page{display:none;margin:20px 0 0 0;height:65px;background-color:#f0f0f0;text-align:center;font-size:18px;line-height:65px}
.head{margin:0 auto;width:1000px;height:80px}
.head a:hover,.logfoot a:hover{color:#d43d0c}
.headleft{float:left;margin-right:10px;padding-top:20px;width:230px;height:50px}
.headleft2{float:left;text-align:center;font-size:20px;line-height:100px}
.headleft img{float:left;width:200px}
.headleft div{margin-left:20px;padding-top:50px}
.headright{float:right;overflow:hidden;width:500px;height:80px}
.headright li{float:left;margin-right:13px;font-size:14px;line-height:100px}
.logininfo{position:relative;margin:0 auto;width:1000px;height:520px}
.logininfo .top{margin-bottom:10px;padding-top:10px;height:50px;text-align:center;font-size:16px;line-height:50px}
.logininfo .left{float:left;width:700px;height:514px;border-radius:8px}
.logininfo .leftin{color:#071f0b;text-align:center;font-size:30px;line-height:514px}
.logininfo .right{float:left;margin:0 auto;margin-top:50px;width:290px;height:400px;border:1px solid #ddd;border-radius:3px;background-color:#f0f0f0}
.logininfo .regleft{float:left;margin-right:20px;width:700px;height:514px}
.logininfo .regleftin{border-radius:10px;color:#8590a6 ;text-align:center;font-size:30px;line-height:514px}
.logininfo .regright{position:relative;float:left;overflow:hidden;width:380px;height:510px;border:1px solid #ddd;border-radius:4px;background-color:#fff}
.regtop{padding-left:20px;height:45px;background-color:#f0f0f0;color:#38250e;font-size:14px;line-height:45px}
.reg02{padding:8px;height:98px;background-color:#f0f0f0}
.logininfo .sucessdiv{position:absolute;top:20px;right:8px;float:left;display:none;overflow:hidden;width:380px;height:510px;border:1px solid #ddd;border-radius:4px;background-color:#000;opacity:.8}
.logininfo .sucessdivin{position:absolute;top:80px;right:50px;display:none;margin:100px auto;padding:80px 0;width:300px;background-color:#fff;text-align:center}
#username{position:relative;z-index:2;clear:both;margin:0 0 18px 25px;padding-right:5px;width:240px;height:42px;border-radius:4px;background-image:url(/Content/Img/bg.png);background-position:0 -352px;line-height:42px}
#userpwd{position:relative;z-index:2;clear:both;margin:0 0 18px 25px;padding-right:5px;width:240px;height:42px;border-radius:4px;background-image:url(/Content/Img/bg.png);background-position:0 -352px;line-height:42px}
#username .ico{position:absolute;top:13px;left:9px;z-index:1;background-image:url(/Content/Img/bg.png)}
#userpwd .ico{position:absolute;top:13px;left:9px;z-index:1;background-image:url(/Content/Img/bg.png)}
.ico-uid{width:14px;height:16px;background-position:-169px -64px}
.ico-pwd{width:14px;height:16px;background-position:-193px -64px}
.txtuserinfo{position:relative;left:-28px;margin-left:30px;padding-left:33px;width:209px;height:38px;border:0;border-radius:5px}
.bom2{height:80px;border-top:1px solid #ddd}
.logfoot{clear:both;margin:0 auto;padding:10px 0;width:1000px;height:60px}
.logfoot01{float:left;margin-right:10px;width:85px;height:75px}
.logfoot02{margin:0 auto;padding-top:18px;width:600px}
.logfoot02 li{float:left;margin-right:20px}
.logfoot03{float:left}
#regsuccess{position:absolute;top:66px;right:20%;overflow:hidden;margin-right:1px;width:379px;height:450px;background-color:#fff;opacity:.9;filter:alpha(opacity=9);-moz-opacity:.9;-khtml-opacity:.9}
#regsuccess li{float:left;margin:5px 8px}
#regsuccess li a{padding:5px;background-color:#161616;color:#ededed}
#regsuccess li a:hover{padding:5px;background-color:#ed640c;color:#fff}
.reg01{padding-top:20px;height:350px}
.reg01 div{margin-bottom:10px;height:45px;color:#38250e;text-align:center;font-weight:700;font-weight:700;line-height:45px}
.regTxt{float:left;padding-left:5px;width:250px;height:76%;height:35px;border:1px solid #ddd;border-radius:3px}
.regspan{float:left;margin-right:1%;width:19%;text-align:right;font-weight:lighter}
.logingun{overflow:hidden;padding:10px;height:160px;border-top:1px solid #b7b4b4}
.searchinfo{margin:0 auto}
.searchinfoin{padding:15px 0}
.searchinfotitle{margin-bottom:5px;font-weight:700;font-size:18px}
.searchinfohead{margin-bottom:5px}
.searchinfoinfo{margin-bottom:5px}
.maskdiv{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-color:#000;opacity:.8}
.maskdivin{position:absolute;top:0;left:0;display:none;margin:10%;width:80%;height:80%;background-color:#f0f0f0;text-align:center;font-weight:700;font-size:18px}
#msgdiv{display:none;padding-left:120px;height:50px;color:red;line-height:50px}
.olyBg{position:absolute;z-index:-999;width:100%;height:4px;background:url(/Content/Img/bj_1000.png)}
.olyBanner{margin:30px auto;width:1110px!important}
.olyBanner li{list-style:none}
.olyBanner a{outline:0;text-decoration:none}
.layout-wrap-a{margin-right:auto;margin-left:auto}
.layout-relative{position:relative}
.layout-of-hidden{overflow:hidden}
.olyBanner .layout-fl{float:left;display:inline}
.olyBanner .layout-fr{float:right;display:inline}
.olyBanner .layout-mr-a{margin-right:10px}
.olyBanner .layout-mr-b{margin-right:20px}
.olyBanner .layout-mr-f{margin-right:16px}
.olyBanner .layout-mr-c{margin-right:24px}
.olyBanner{border:1px solid #dcdde1}
.olyBg{position:absolute;z-index:-999;width:100%;height:4px;background:url(../img/bj_1000.png)}
.olyBanner-left{padding-left:10px;width:460px;height:32px}
.olyBanner-left img{width:100%;height:100%}
.olyBanner-right{width:640px;height:32px;border-bottom:1px solid #dbdee1}
.olyBanner-right a{display:inline-block;padding:0 10px;height:32px;line-height:32px}
.olyBanner-right__cur{margin-top:-4px;border-top:4px solid #ff8400;border-right:1px solid #dbdee1;border-bottom:1px solid #fff;border-left:1px solid #dbdee1}
.olyBanner-model{position:absolute;top:4px;right:0}
.olyBanner-model a{display:inline-block;margin-right:15px;padding:7px 0;width:60px;height:18px;color:#333;font-size:12px;font-family:"微软雅黑";line-height:18px}
.olyBanner-model em{padding:0 2px;font-weight:700;font-style:normal;font-size:14px;font-family:Arial}
.olyBanner-model img{float:left;display:block;margin-right:6px;width:18px;height:18px}
.olyBanner-model .olyBanner-model__country{margin-right:30px;color:#1f5c98;font-weight:700;font-size:14px}
.olyBanner-model__country img{margin-right:8px;width:18px;height:18px}
.olyBanner-cont{position:relative;padding:15px 10px;width:980px;height:100px}
.olyBanner-cont-item{position:absolute;top:15px;left:-2000px;width:980px;height:100px}
.olyBanner-cont__cur{left:10px}
.gexiimg2{padding:0 20px 10px 20px}
.gexiimg2 img{height:180px}
.gexiimg2 a{text-align:left!important;white-space:normal;font-size:10px}
.gexiimg3{float:left;overflow:hidden;margin-left:20px;width:140px;text-align:left;line-height:18px}
.gexiimg3 a{text-align:left!important;white-space:normal;font-size:12px}
.gexiimg3 span{display:block}
.gexiimg3 img{height:90px}
.divimg{float:left;display:inline;overflow:hidden;margin-right:10px;margin-bottom:10px;margin-left:5px;width:140px;text-align:left}
.divimg a{white-space:normal;font-size:10px}
.login-three-home{text-align:center}
.login-three-home h3{height:14px;color:#666;text-align:center;font-size:12px}
.login-three-home a{float:left;width:104px;height:36px;border-radius:2px;color:#fff;line-height:36px}
.login-three-home a i{float:left;width:35px;height:100%;background:url(/content/img/threeico.png) no-repeat}
.login-three-home .sina i{background-position:5px 5px}
.login-three-home .qq i{background-position:-40px 5px}
.login-three-home .weixin i{background-position:-90px 5px}
.login-three-home .yangcong i{background-position:-90px 5px}
.login-three-home a span{float:left;height:36px;text-align:center;font-size:12px;line-height:36px}
.login-three-home a span{padding-left:8px}
.login-three-home .weixin{background-color:#8bcf7b}
.login-three-home .yangcong{background-color:#9762d8}
.login-three-home .sina{background-color:#e36f5f}
.login-three-home .qq{margin:0 10px;background-color:#5ca3df}
#rightnav{position:fixed;top:192px;right:0;z-index:1000000;width:120px;height:auto;background:#eaeaea;text-align:center;opacity:.9;cursor:pointer}
#rightnav .firsh{background-color:#4aa6fc;color:#fff}
#rightnav .last{background-color:#638aae;color: #fff;font-weight: lighter; }
#rightnav li{height:36px;line-height:36px}
.rightli:hover{background-color:#f0f0f0}
.rightlihover{background-color:#e4f1fc}
#divone{padding:10px 0;padding-top:0px;height:430px;background-color:#fff}
.div022{overflow:hidden;margin:0 auto;margin-bottom:20px;width:100%;height:430px}
.div02 {width:1200px; margin:0 auto;}
#divtwo{clear:both;height:495px;border-top:1px solid #fff;background-color:#fff}
#divthree{clear:both;height:100%;border-top:1px solid #ddd;border-top: 1px solid #ddd;background-color: #fff}
.divthreein{padding: 15px; background-color: #fff;width: 1200px; margin: 20px auto; height: auto;}
.divthreein .left{float: left; width: 900px;}
#divfour{ padding-top:20px; height:auto;background-color:#fff}
#divfive{padding-top:20px;height: 320px;overflow: hidden;}
#divsex{clear:both;padding-top:20px;height:220px;background-color:#fff}
#divseven{clear:both;padding-top:20px;clear:both;height:315px;background-color: #fff; overflow:hidden }
#diveight{clear:both;padding-top:20px;background-color:#fff;background-color: #fff;}
#divnine{clear:both;padding-top:20px;height:350px;background-color:#fff;background-color: #fff;}
#divten{clear:both;padding-top:20px;/*height:380px;*/background-color:#fff;background-color:#fff}
#diveleven{clear:both;padding-top:20px;height:530px;background-color:#fff;background-color:#fff}
#divfive a:hover{color:#11aae0}
.example-1{position:relative;margin:1em 0;background:#8fb0d1}
.example-1:before{position:absolute;top:50%;left:50%;z-index:999;width:150px;border:solid 3px #2eafbb;border-radius:10px;content:'';transform:translate(-50%,-50%)}
.example-1:after{position:absolute;top:50%;left:50%;z-index:999;width:10px;height:10px;border-radius:50%;background:#665;content:'';animation-name:example-1;animation-duration:2s;animation-direction:alternate;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.indexnav{width:100%;height:38px;text-align:center;line-height:38px}
.indexnav li{float:left;margin:0 3px;margin-right:5px;padding:0 3px;width:auto;height:20px;text-align:center;line-height:20px}
.indexnavfirst{float:left;margin:0 3px;padding:0 3px;background-color:#ac1f10;color:#fff;line-height:20px}
.indexnavfirst a{color:#fff}
.indexnavfirst a:hover{color:#fff!important}
.indexnav5{margin-bottom:5px;width:100%;height:38px;text-align:center;line-height:38px}
.indexnav5 li{float:left;margin:0 3px;margin-right:5px;padding:0 3px;width:auto;height:20px;text-align:center;line-height:20px}
.indexnavfirst5{float:left;margin:0 3px;padding:0 3px;background-color:#11aae0;color:#fff;line-height:20px}
.indexnavfirst5 a{color:#fff}
.indexnavfirst5 a:hover{color:#fff!important}
.indexnav5 a:hover{color:#11aae0}
.indexnav6{margin-bottom:5px;width:100%;height:38px;text-align:center;line-height:38px}
.indexnav6 li{float:left;margin:0 3px;margin-right:6px;padding:0 3px;width:auto;height:20px;text-align:center;line-height:20px}
.indexnavfirst6{margin:0 3px;padding:0 3px;background-color:#037b82;color:#fff;line-height:20px}
.indexnavfirst6 a{color:#fff}
.indexnavfirst6 a:hover{color:#fff!important}
.indexnav6 a:hover{color:#037b82}
.indexnav8{margin-bottom:10px;width:100%;height:38px;text-align:center;line-height:38px}
.indexnav8 ul{display:inline-block}
.indexnav8 li{float:left;margin:0 3px;margin-right:8px;padding:0 3px;width:auto;height:20px;text-align:center;line-height:20px}
.indexnavfirst8{float:left;margin:0 3px;padding:0 3px;background-color:#0b3e8e;color:#fff;line-height:20px}
.indexnavfirst8 a{color:#fff}
.indexnavfirst8 a:hover{color:#fff!important}
.indexnav8 a:hover{color:#0b3e8e}
.gxbnum{color:#ff6a00;font-size:18px}
.divlinks li{float:left;margin:0 6px}
#banner{cursor:move!important}
.top{position:fixed;top:0;right:0;left:0;z-index:100;height:30px;background-color:#c8113d}
.dt3:hover{width:100px;height:30px;border:1px solid #c8113d;border-radius:5px;background-color:#c8113d;color:#fff;text-align:center;line-height:30px;cursor:pointer;-webkit-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transition:background-color .4s,transform .4s,opacity .4s ease-in-out}
.dy li{box-shadow:0 1px 1px 1px #ddd}
.liin:hover{border-bottom:1px solid #c8113d;background-color:#fafafa;-webkit-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-webkit-transition:border-bottom .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:border-bottom .4s,transform .4s,opacity .4s ease-in-out;transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transition:border-bottom .4s,transform .4s,opacity .4s ease-in-out}
.divnewer:hover{background-color:#fafafa;cursor:pointer;-webkit-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transition:background-color .4s,transform .4s,opacity .4s ease-in-out}
.divnew01a a:hover{color:#c8113d}
.accommodation01 a:hover,.divnew01 a:hover,.divnew02 a:hover,.divnew03 a:hover{color:#c8113d}
.teacher:hover{background-color:#fafafa;cursor:pointer;-webkit-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transition:background-color .4s,transform .4s,opacity .4s ease-in-out}
.teach01a a:hover{color:#c8113d}
.accommodation01 a:hover,.teach01 a:hover,.teach02 a:hover,.teach03 a:hover{color:#c8113d}
.ys01:hover{-webkit-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);-ms-transform:rotate(20deg)}
.ysimg01:hover{-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}
.flip-container:hover .flipper{transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transform:rotateY(-360deg)}
.back,.flip-container,.front{overflow:hidden;width:40px;height:40px}
.back{transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transform:rotateY(-360deg)}
.flipper:hover{background-position:center -48px}

.bordersinfo{ border: 1px solid #c8113d;height: 40px !important;}

.eic_blue_tab{height:50px;line-height:50px}

.eic_blue_tab .a1{float:left;display:block;margin-top:10px;width:138px;height:40px;color:#49555e;text-align:center;font-weight:700;font-size:14px;font-size:16px;line-height: 40px;
                    border-top-left-radius: 40px;margin-right: 5px;cursor: pointer;padding-left: 10px;
    border-bottom-right-radius: 5px;border-top-right-radius: 5px;border: 1px solid #c8113d;
}

.eic_blue_tab .a2{float:left;display:block;margin-top:10px;width:138px;height:40px;color:#49555e;text-align:center;font-weight:700;font-size:14px;font-size:16px;line-height: 40px;
                    border-top-right-radius: 40px;cursor: pointer;
    border-bottom-left-radius: 5px;border-top-left-radius: 5px;border: 1px solid #11aae0;padding-left: 10px;
}

.eic_blue_tabsel{background-color:#d62929;color: #fff !important;border: 1px solid #c8113d !important; }

.eic_blue_tabse2l{float:left;display:block;margin-top:-10px;margin-right:10px;width:20px;height:40px;border-bottom:1px solid #cac3c3;color:#49555e;text-align:center;font-size:14px;font-size:16px;line-height:40px}
.eic_tabhidden ul,.eic_tabhidden1 ul{margin-top:10px;color:#8e99a0}
.eic_tabhidden li h3.eic_blueh3,.eic_tabhidden1 li h3.eic_blueh3{margin-bottom:5px;border:0 none}
.eic_tabhidden li p,.eic_tabhidden1 li p{position:relative;margin:10px 0 16px 0;line-height:20px}
.eic_tabhidden .tab_alist a,.eic_tabhidden1 .tab_alist a{display:block;overflow:hidden;width:232px;height:24px;border-radius:20%;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:24px;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.eic_tabhidden .tab_alist a,.eic_tabhidden1 .tab_alist a.more{width:232px;text-align:right}
.eic_tabhidden .tab_alist a span,.eic_tabhidden1 .tab_alist a span{float:left;display:block;overflow:hidden;width:200px;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.eic_tabhidden1{display:none}
/*.eic_tabhidden1{height:500px}*/
#eic_index_l3 .gray_grayb,#eic_index_l3 .gray_grayimg{position:absolute;top:0;left:0;z-index:1;display:none;cursor:pointer}
#eic_index_l3 .gray_grayimg{padding:40px 10px;width:215px;height:20px;background:#666;opacity:.3;opacity:.3;-ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3}
#eic_index_l3 .gray_grayb{margin:20px 10px 0 10px;padding:10px 5px;width:185px;border-bottom:1px solid #fff;color:#fff;font-weight:700}
.tab_alist a:hover{color:#c8113d}
.map span:hover{color:#c8113d}
.map li div:hover{color:#c8113d}
.sherch:hover{background-color:#c8113d}
.btn:hover{background-color:#c8113d!important;color:#fff;font-size:18px}
.caijiSummary,.fromSummary,.infosd,.timeSummary{margin-right:10px;background:url(/Content/img/icon3.png) no-repeat}
.caijiSummary{padding:1px 19px 0 9px;background-position:9px -50px;text-indent:20px}
.timeSummary{padding:1px 13px 0 9px;text-indent:20px}
.fromSummary{padding:1px 19px 0 9px;background-position:9px -23px;text-indent:20px}
.infosd{padding:1px 19px 0 9px;background-position:9px -120px;text-indent:20px}
.swiper-button-next img{height:30px}
.table tbody tr th{font-weight:lighter!important}
.table tbody tr:hover{background-color:#ddd!important}
.dianrigth{float:left;font-size:14px}
.imgbig:hover img{margin-top:-5px;width:40px!important;height:40px!important}
.eic_blue_tab a:hover img{margin-top:-2px;width:35px!important;height:35px!important}
#style-2::-webkit-scrollbar-track{border-radius:10px;background-color:#F5F5F5;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
#style-2::-webkit-scrollbar{width:8px;background-color:#F5F5F5}
#style-2::-webkit-scrollbar-thumb{border-radius:20px;background-color:#D62929;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.imgovers:hover{-webkit-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:background-color .4s,transform .4s,opacity .4s ease-in-out;transition:background-color .4s,transform .4s,opacity .4s ease-in-out;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);-ms-transform:rotate(20deg)}
.btnimgs img:hover{margin-top:-10px;width:70px;height:80px;opacity:1;-webkit-transition:opacity .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:opacity .4s,transform .4s,opacity .4s ease-in-out;transition:opacity .4s,transform .4s,opacity .4s ease-in-out}
.bottomdiv li:hover{margin-top:-5px;opacity:1;-webkit-transition:opacity .4s,transform .4s,opacity .4s ease-in-out;-webkit-transition:margin-top .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:opacity .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:margin-top .4s,transform .4s,opacity .4s ease-in-out;transition:opacity .4s,transform .4s,opacity .4s ease-in-out;transition:margin-top .4s,transform .4s,opacity .4s ease-in-out}
.activeimg16{float:right!important;width:385px!important}
.div02info li{float:left;margin-right:15px}
.itemtuijian{float:left;margin-right:20px;border:1px solid #fafafa;background-color: #fff;margin-bottom: 20px; }

    /*.itemtuijian:hover {
        box-shadow:0 0 10px 1px #666;
       opacity:1;-webkit-transition:opacity .4s,transform .4s,opacity .4s ease-in-out;-webkit-transition:margin-top .4s,transform .4s,opacity .4s ease-in-out;
       -moz-transition:opacity .4s,transform .4s,opacity .4s ease-in-out;
       -moz-transition:margin-top .4s,transform .4s,opacity .4s ease-in-out;transition:opacity .4s,transform .4s,opacity .4s ease-in-out;
       transition:margin-top .4s,transform .4s,opacity .4s ease-in-out
    }*/

#divdianli a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;text-align:center;font-size:14px}
#divdianli2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divrightnav{   
     height: 30px;
    width: 255px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #eee;padding-left: 55px;
   }
.divrightnav2{   
     height: 30px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #eee;padding-left: 0px;
   }
.divrightnav a{ 
   width: 90px;
    text-align: center;
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    border-radius: 3px;
    border-bottom: 1px solid #fff;
    margin-right: 10px;
    z-index: 50000;
}
.divrightnav2 a{ 
   width: 90px;
    text-align: left;
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    border-radius: 3px;
    border-bottom: 1px solid #fff;
    margin-right: 10px;
    z-index: 50000;
}
.divrightnav .noactive {
     width: 90px;
    text-align: center;
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    border-radius: 3px;
    /* border: 1px solid #11aae0; */
    border-bottom: 1px solid #fff;
    margin-right: 10px;
    /* border-top-left-radius: 5px; */
    /* border-top-right-radius: 5px; */
    /* margin-top: 3px; */
    z-index: 50000;
    /* background-color: #fafafa; */
    background-color: #11aae0;border-bottom:1px solid #11aae0 !important;color: white !important;
    
    
}

.divrigthifno{ /*background-color: #fafafa !important;*/}

#huizhaninfo {
    height:40px !important;   line-height: 40px; clear: both; width: 840px; margin: 0 auto;
 font-size: 0; background-color: #f0f0f0; border-top:2px solid #d20000;opacity: 1;
}
#huizhaninfo span{width:80px;color:#49555e;text-align:center;font-size: 14px;padding: 0 10px;display: block;float: left; cursor: pointer  }
#huizhaninfo2 span{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.huizhaninfo2over{ /*border-bottom: 3px solid #be232a !important;*/background-color: #e72a31;color: white !important;
}
.huizhaninfofirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}

.huizhaninfofix {
    position: fixed;
    top: 0;
    opacity: 0.9 !important;
    -webkit-transition: opacity .4s,transform .4s,opacity .4s ease-in-out;
    -webkit-transition: margin-top .4s,transform .4s,opacity .4s ease-in-out;
    -moz-transition: opacity .4s,transform .4s,opacity .4s ease-in-out;
    -moz-transition: margin-top .4s,transform .4s,opacity .4s ease-in-out;
    transition: opacity .4s,transform .4s,opacity .4s ease-in-out;
    transition: margin-top .4s,transform .4s,opacity .4s ease-in-out;
}

.divdianli2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divdianli2over{color:#11aae0!important}


.anav a{float:left;margin-right:5px;padding-left:5px;font-size: 26px !important;cursor: pointer; color:#909090 !important; width:auto; }
.anav a:hover{ border-bottom: 0px;}
.anav{float:left;margin-right:8px;padding-left:5px;font-size: 26px;cursor: pointer;     position: relative;   color:#909090 !important;  bottom:1px; }



.divdianlifirst a{float:left;margin-right:5px;padding-left:5px;font-size: 26px !important;cursor: pointer; color:#909090 !important; width:auto; }
.divdianlifirst a:hover{ border-bottom: 0px; color:#e72a31}
.divdianlifirst{float:left;margin-right:8px;padding-left:5px;font-size: 20px;cursor: pointer;     position: relative;    bottom:1px; }
.divdianlifirst:hover{ color: #e72a31;}
.divdianlifirst a:hover{ color: #e72a31 !important;}

.divrightbat {
    position:absolute;  top:3px;right: 10px;
}
.divrightbat a{ width: auto !important; }
    .divrightbat a {
        width:80px; height:30px;
    }
#divqipei a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divqipei2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divqipei2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divqipei2over{color:#11aae0!important}
.divqipeifirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
#divdianzizhan a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divdianzizhan2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divdianzizhan2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divdianzizhan2over{color:#11aae0!important}
.divdianzizhanfirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
#divbiaojizhan a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divbiaojizhan2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divbiaojizhan2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divbiaojizhan2over{color:#11aae0!important}
.divbiaojizhanfirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
#divdianchi a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divdianchi2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divdianchi2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divdianchi2over{color:#11aae0!important}
.divdianchifirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
#divshui a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divshui2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divshui2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divshui2over{color:#11aae0!important}
.divshuifirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
#divguangfuneng a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divguangfuneng2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divguangfuneng2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divguangfuneng2over{color:#11aae0!important}
.divguangfunengfirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
#divgongye a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divgongye2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divgongye2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divgongye2over{color:#11aae0!important}
.divgongyefirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
#divwujin a{float:left;display:block;padding-bottom:11px!important;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
#divwujin2 a{float:left;display:block;width:80px;border-bottom:2px solid #fff;color:#49555e;text-align:center;font-size:14px}
.divwujin2over{padding-bottom:10px!important;border-bottom:2px solid #11aae0!important}
.divwujin2over{color:#11aae0!important}
.divwujinfirst{float:left;margin-right:15px;padding-left:5px;font-size:18px}
.play-button:hover{background-color:#072!important}
.mod-mediacard{position:relative;float:left;margin-bottom:10px;margin-left:10px;width:320px;height:264px;background-position:left 34px;background-repeat:no-repeat}
.mod-mediacard:hover{text-decoration:none}
.mod-mediacard .bg-mask{position:absolute;left:0;width:310px;height:200px;border-radius:3px}
.mod-mediacard p{height:34px;line-height:48px}
.mod-mediacard .media-name{color:#474d61;text-align:left;font-size:16px;-webkit-font-smoothing:antialiased}
.mod-mediacard .media-name:hover{color:#474d61}
.nav-items li a:hover{background-color:#ddd}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
#db-nav-music a:link,#db-nav-music a:visited{color:#555d53;text-decoration:none}
#db-nav-music a:active,#db-nav-music a:hover{background-color:#555d53;color:#fff}
.nav-search .inp{background-image:url(/content/img/nav_mu_bg.png?s=1)}
.nav-search .inp-btn input{background:url(/content/img/nav_mu_bg.png?s=1) no-repeat 0 -40px}
.mineleftliover a:hover{color:#fff}
.mineleft li a{display:block}
.mineleft li{margin:13px 20px;padding:6px;border:1px solid #ddd;border-radius:3px;text-align:center;cursor:pointer}
.mineleftliover{background-color:#4aa6fc;color:#fff}
.mineleftliover a{color:#fff}
.nav{overflow:hidden;width:100%;min-width:950px;zoom:1}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary,.nav .nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:1200px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav .nav-logo{float:left;margin:0 13px 0 0;width:145px;height:46px}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
.imgtools{margin-right:5px;width:68px;height:68px;border:1px solid #d3d9de;border-radius:5px}
.nav-secondary{width:100%;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:30px}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-inner,#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-wrap{position:absolute;top:-16px;left:50%;overflow:hidden;margin-left:-4px;width:0;height:0;border:8px solid transparent}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-wrap{border-bottom-color:#e3ddda}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-inner{top:-13px;margin-left:-3px;border:7px solid transparent;border-bottom-color:#f9f9f9}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:active,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:hover,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:link,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:visited{color:#9d9d9d}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:active,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:hover{background:#f8f6f6;color:#9d9d9d}
#db-nav-commodity .nav-logo{padding-top:15px;height:50px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;font-size:24px;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{background:#4aa6fc no-repeat 22px 19px!important}
#db-nav-commodity .nav-item .nav-link,#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover,#db-nav-commodity .nav-item .nav-link:link,#db-nav-commodity .nav-item .nav-link:visited{background:0 0;color:#654f41}
#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover{border-bottom-color:#4aa6fc}
#db-nav-commodity .nav-misc-item.enterances .more-enterances:hover{background-color:#479dee}
#db-nav-commodity{margin-bottom:10px}
.nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:950px;zoom:1}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:25px}
#db-nav-music .nav-wrap{border-color:#e3e9e2}
#db-nav-music a:link,#db-nav-music a:visited{color:#555d53;text-decoration:none}
.clearfix{display:block;padding-bottom:20px}
#autopbn:hover{background:#fff;text-decoration:none}
#forumnew{position:absolute;top:0;right:0;z-index:-1}
.ttp{margin-bottom:-1px;padding:0;background:#fff;color:grey}
.ttp #thread_types{padding:5px 15px 5px;background:#f7f7f7}
#thread_types>li>a{color:#3c3c3c}
.ttp .cttp{overflow:hidden;height:2.2em}
.ttp li{float:left;white-space:nowrap;line-height:2.3}
.ttp li>a{color:#9c9c9c}
.ttp a:link,.ttp a:visited{color:grey}
.ttp .a a{color:#c33}
#threadlist{padding-top:0}
.mn>#threadlist .th{margin-right:0;margin-left:0;padding:0 10px}
#threadlist .sortlist{margin-right:26px;margin-left:30px;padding:5px 0;padding-bottom:16px;padding-left:5px}
#threadlist .info{color:#3c3c3c}
.tl table{width:100%;border-collapse:separate;table-layout:fixed}
.tl td,.tl th{padding:5px 0;border-bottom:1px solid #E3E3E3}
.tl th{padding-right:1.5em;zoom:1}
.tl .icn{padding-left:5px;width:25px;text-align:left}
.tl .th{margin-top:1px;padding:0 10px;border-bottom:1px solid #E3E3E3}
.tl tbody:last-child td,.tl tbody:last-child th{border-bottom:none}
.tl{padding:6px;background:#fff}
.tl .th{height:45px;border-bottom:1px solid #e5e5e5;line-height:45px}
.tl .showmenu_outer>a{padding-left:32px;color:#7c7c7c!important;font-size:14px}
.tl .icn{padding-left:4px;width:5px}
.tl td,.tl th{border-bottom-color:#e5e5e5}
.tl td.by,.tl td.num{overflow:hidden;width:0;height:0}
.tl th{padding:10px 5px 10px 0}
.tl .avatarbox{position:relative;margin-left:0;padding:0}
.tl .tl_ct{position:relative;margin-left:52px}
.tl .tl_ct .info{margin-top:5px}
.tl .replies{margin-right:9px;color:#bfbfbf;cursor:pointer}
#autopbn{margin:-1px auto 0;padding:0;width:128px;height:20px;border:1px solid #E5E5E5;border-top:none;border-radius:0 0 10px 10px;background:#fff;color:#aab2bd;letter-spacing:0;font-size:12px;line-height:20px}
#autopbn:hover i{border-color:#B7262D transparent transparent}
.pgs{margin-bottom:20px;padding-top:41px;padding-bottom:35px;background:#fff;text-align:center}
.pg a,.pg label,.pg strong,.pgb a{float:none;display:inline-block;margin-left:-1px;padding:0 6px;height:30px;min-width:18px;border:1px solid #fff;color:#5c5c5c;text-align:center;font-size:14px;line-height:30px}
.pg a.last,.pg a.nxt,.pg label,.pgb a{padding:0 6px;width:auto}
.pg a.nxt{padding:0 20px 0 6px}
.pgb a{padding:0 6px 0 20px;border-radius:5px 0 0 5px;background-position:5px center}
.pg strong{background:#4aa6fc;color:#fff}
.y{float:right}
.cl:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.cl{zoom:1}
.pipe{margin:0 5px;color:#7c7c7c}
.xs1{font-size:12px!important}
.xi1{color:#5c5c5c}
.xm_tp_action_detail .xi1{color:#9c9c9c}
.xi2{color:#9c9c9c}
.xw0{font-weight:400}
.bw0{border:none!important}
.px:focus{border-color:#6FB1DF;box-shadow:0 0 5px #6FB1DF;color:#333}
.px,UNUSEDselect{outline:0!important;border:1px solid #e3e3e3}
.px{padding:2px 6px;line-height:17px}
.px{height:17px}
.wp{margin:0 auto;width:1200px}
#qmenu:hover{text-decoration:none}
#ct{margin-top:5px}
.mn{overflow:hidden}
.ct2 .mn{float:left;margin-bottom:1em;width:925px}
.ct2 .sd{float:right;overflow:hidden;width:300px}
.bm{margin-bottom:10px}
.bm{border:1px solid #E3E3E3;background:#FFF}
.pg{float:right}
.pg,.pgb{line-height:26px}
.pg a,.pg label,.pg strong,.pgb a{float:left;display:inline;overflow:hidden;padding:0 8px;height:26px;border:1px solid;border-color:#E3E3E3;background-color:#FFF;background-repeat:no-repeat;color:#333;text-decoration:none}
.pg a.nxt,.pgb a{padding:0 10px}
.pg a.nxt{padding-right:25px;background-image:url(/content/img/arw_r.gif);background-position:90% 50%}
.pg strong{background:#4aa6fc;color:#fff}
.pgb a{padding-left:25px;background-image:url(/content/img/arw_l.gif);background-position:10px 50%}
.pg label{cursor:text}
.pg label .px{padding:0;width:25px;height:16px;line-height:16px}
.block{margin:0 0 0}
#ct .sd .block{margin:0}
.pgbtn a:hover{border-color:#BABABA;text-decoration:none}
.divtop{height:30px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-bottom:1px solid #e6e5e5;background-color:#f1f1f1;line-height:30px}
.divtop01{margin:0 25px;height:100%}
a:hover{-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
.divright{height:100px}
.divright1{padding-top:20px;text-align:center}
.divright2{margin-bottom:20px;padding:10px;text-align:center}
.box{clear:both;margin-bottom:15px;border-radius:12px}
a:hover{-webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{display:inline-table}
.clearfix{display:block}
.item{overflow:hidden;margin:15px 0 0 0;border-radius:4px 4px 4px 4px;-ms-border-radius:4px 4px 4px 4px}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.avatarbox{float:left;margin-right:8px;margin-left:8px;padding:1px}
.avatarbox img{width:35px}
.xm_search #scbar_txt::-webkit-input-placeholder{color:#FFA88B!important}
.pipe{margin-left:7px}
.xm_ct2 .xm_mn{width:690px}
.xm_ct2 .xm_sd{width:290px;background-color:#fff}
.xm_tp_action_detail{float:right}
.forumlistsort{float:left!important}
.forumlistsort>span{font-size:12px!important}
#threadlisttableid{width:100%}
.common{padding:18px 2px 18px 0!important}
.xst{padding-right:10px!important}
.replies{display:inline-block;padding-left:21px;background:url(/content/img/postcomment.png) no-repeat;color:#aaa!important;cursor:pointer}
.replies:hover{background:url(/content/img/postcomment_press.png) no-repeat;color:red!important}
.viewnum{display:inline-block;padding-right:10px;padding-left:21px;background:url(/content/img/postcheck.png) no-repeat;color:#aaa!important}
.viewnum:hover{background:url(/content/img/postcheck_press.png) no-repeat;color:red!important}
.right-time{float:left;width:50%;height:103px;background:#4aa6fc;text-align:center}
.right-week{padding-top:10px;font-size:16px}
.right-day{font-size:26px}
.right-signnum{padding-bottom:8px;font-size:12px}
.right-signnums{padding-right:2px;padding-left:2px}
.right-signups{float:left;width:50%}
.right-signups>a{display:block;margin:0 auto;background:#fff;color:#4aa6fc;text-align:center;letter-spacing:2px;font-size:20px;line-height:44px}
.lucky-link{margin-left:3%;width:47%}
.time-signups{margin:0 auto;padding:0 0 10px 0;width:90%;height:93px;color:#fff}
.lucky-links{display:block;margin:0 auto;border:2px solid #4aa6fc;background:#fff;color:#4aa6fc;text-align:center;letter-spacing:2px;font-size:19px;line-height:40px}
.lucky-links:hover{color:#4aa6fc!important}
.xm_sd .box{margin-top:20px;margin-bottom:10px;padding:0 13px}
.box h4{padding-bottom:4px;border-bottom:1px solid #ececec;color:#3c3c3c;font-size:14px}
.editorChoice ul{padding-top:10px;font-size:12px;line-height:24px}
.editorChoice li{padding:4px 0 5px}
.editorChoice h4 strong+span{float:right;margin-left:60px}
.activitynum-list{float:left;margin-top:20px;width:77px;text-align:center}
.activitynum-list a>img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-o-border-radius:50%}
.activitynum-name{padding-top:8px}
.activitynum-name>a{display:inline-block;overflow:hidden;width:70px;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.detailframe{margin-top:20px!important}
#filter_dateline_menu ul li a,#filter_orderby_menu ul li a,#filter_reward_menu ul li a,#filter_special_menu ul li a,#filter_time_menu ul li a{width:130px}
.mineleftliover a:hover{color:#fff}
.item .basic-input:focus{border:1px solid #a9a9a9}
h2{margin:5px;text-align:center;font-size:20px!important}
.btntoubiao:hover{background-color:#eb6739!important;color:#fafafa!important}
.wmimgbox{text-align:center}
.wmimgbox li{float:left;margin-bottom:20px!important;width:25%;height:150px;cursor:pointer}
.wmimgbox li .IMG{clear:both;overflow:hidden;padding:3PX;width:90%;height:110px;border:1px solid #ddd;border-bottom:none;text-align:center}
.wmimgbox li img{clear:both;margin:0;padding:0;width:auto}
.wmimgbox li .DIV{float:left;clear:both;overflow:hidden;margin:0;padding:3PX;width:90%;height:30px;border:1px solid #ddd;border-top:none;text-align:center;line-height:30px}
.nav{overflow:hidden;width:100%;min-width:950px;zoom:1}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary,.nav .nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:1200px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav-logo{padding-top:10px;color:#fff;text-align:center;font-size:26px}
.nav .nav-logo{float:left;margin:0 13px 0 0;width:145px;height:46px}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
.nav-secondary{width:100%;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:30px}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
#db-nav-commodity{position:relative;overflow:visible;border-bottom:1px solid #d3cdca;background:#fff}
#db-nav-commodity .nav-wrap{border:none}
#db-nav-commodity .nav-primary{overflow:visible;padding:0;height:60px;line-height:60px}
#db-nav-commodity .nav-logo{position:relative;margin-right:30px;width:122px;height:60px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:0 0;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{padding-top:15px;height:50px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;font-size:24px;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{background:#ac1f10 no-repeat 22px 19px!important}
#db-nav-commodity .nav-items{font-size:0}
#db-nav-commodity .nav-item{position:relative;display:inline-block;margin-right:15px;vertical-align:top;vertical-align:middle}
#db-nav-commodity .nav-item .nav-link{display:block;padding-top:4px;width:100px;height:53px;border-bottom:3px solid transparent;text-align:center;font-size:16px;line-height:53px}
#db-nav-commodity .nav-item .nav-link,#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover,#db-nav-commodity .nav-item .nav-link:link,#db-nav-commodity .nav-item .nav-link:visited{background:0 0;color:#654f41}
#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover{border-bottom-color:#ac1f10}
#db-nav-commodity .nav-item.search-item{overflow:hidden;margin-right:0;margin-left:20px;border:1px solid #e7e8e2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:0;-ms-border-radius:3px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity{display:inline-block;padding:0 0 0 10px;height:35px;background:#fff;vertical-align:top;line-height:35px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-input{margin:0;padding:0;width:160px;height:35px;outline:0;border:0;vertical-align:top;line-height:35px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-icon{width:38px;height:35px;border:none;border-left:1px solid #eee;background:url(/content/img/search.png) no-repeat center;color:#666;cursor:pointer}
#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#ac1f10}
#db-nav-commodity .nav-misc{position:absolute;top:0;right:0}
#db-nav-commodity .nav-misc-list{padding-left:10px;height:60px;font-size:0}
#db-nav-commodity .nav-misc-item{display:inline-block;vertical-align:top}
#db-nav-commodity .nav-misc-item.enterances{position:relative;margin-right:14px;padding-right:14px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances{display:inline-block;margin-top:12px;padding:0 8px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#ac1f10;color:#fff;vertical-align:top;text-align:center;font-size:15px;line-height:36px;cursor:pointer;-ms-border-radius:2px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances:hover{background-color:#d8442b}
#db-nav-commodity .nav-misc-item.enterances:last-child{margin-right:0;padding-right:0;border-right:0}
#db-nav-commodity{margin-bottom:4px}
.nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:950px;zoom:1}
.nav-secondary .nav-items{float:none;margin-left:150px;font-size:13px;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:25px}
#db-nav-music .nav-wrap{border-color:#e3e9e2}
#db-nav-music a:link,#db-nav-music a:visited{color:#555d53;text-decoration:none}
.clearfix{display:block}
.divtop{height:30px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-bottom:1px solid #e6e5e5;background-color:#f1f1f1;line-height:30px}
.divtop01{margin:0 25px;height:100%}
.divright{height:100px}
.divright1{padding-top:20px;text-align:center}
.divright2{margin-bottom:20px;padding:10px;text-align:center}
.fl{float:left}
.fr{float:right}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{display:inline-table}
.clearfix{display:block}
.item{overflow:hidden;margin:15px 0 0 0;width:18.5%;border-radius:4px 4px 4px 4px;background:#fff;-ms-border-radius:4px 4px 4px 4px}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.xm_search #scbar_txt::-webkit-input-placeholder{color:#FFA88B!important}
.tool{margin-top:0;margin-right:auto;margin-bottom:10px;margin-left:auto;width:1200px;text-align:center}
.tool li{float:left;padding-top:10px;padding-left:10px;width:230px;height:80px;text-align:left;line-height:22px}
.tool li img{float:left;text-align:left}
.btnspan{display:inline-block;padding:0 8px;height:20px;border:1px solid #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:gray;vertical-align:top;text-align:center;line-height:20px;cursor:pointer;-ms-border-radius:2px}
.btnspan a{color:gray}
.btnspan:hover{background-color:#fafafa}
.nav{overflow:hidden;width:100%;min-width:950px;zoom:1}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary,.nav .nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:1200px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav-logo{padding-top:10px;color:#11aae0;text-align:center;font-size:26px}
.nav .nav-logo{float:left;margin:0 13px 0 0;width:145px;height:46px}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
.nav-secondary{width:100%;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:30px}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
#db-nav-commodity{position:relative;overflow:visible;border-bottom:1px solid #d3cdca;background:#fff}
#db-nav-commodity .nav-wrap{border:none}
#db-nav-commodity .nav-primary{overflow:visible;padding:0;height:60px}
#db-nav-commodity .nav-logo{position:relative;margin-right:30px;width:122px;height:60px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:0 0;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{padding-top:15px;height:50px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;font-size:24px;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{background:#11aae0 no-repeat 22px 19px!important;color:#fff}
#db-nav-commodity .nav-items{font-size:0}
#db-nav-commodity .nav-item{position:relative;display:inline-block;margin-right:15px;vertical-align:top;vertical-align:middle}
#db-nav-commodity .nav-item .nav-link{display:block;padding-top:4px;width:100px;height:53px;border-bottom:3px solid transparent;text-align:center;font-size:16px;line-height:53px}
#db-nav-commodity .nav-item .nav-link,#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover,#db-nav-commodity .nav-item .nav-link:link,#db-nav-commodity .nav-item .nav-link:visited{background:0 0;color:#654f41}
#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover{border-bottom-color:#11aae0}
#db-nav-commodity .nav-item.search-item{overflow:hidden;margin-right:0;margin-left:20px;border:1px solid #e7e8e2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:0;-ms-border-radius:3px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity{display:inline-block;padding:0 0 0 10px;height:35px;background:#fff;vertical-align:top;line-height:35px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-input{margin:0;padding:0;width:160px;height:35px;outline:0;border:0;vertical-align:top}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-icon{width:38px;height:35px;border:none;border-left:1px solid #eee;background:url(/content/img/search.png) no-repeat center;color:#666;cursor:pointer}
#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#11aae0}
.currentli{background-color:#11aae0;color:#fff}
.currentli a{color:#fff!important}
#db-nav-commodity .nav-misc{position:absolute;top:0;right:0}
#db-nav-commodity .nav-misc-list{padding-left:10px;height:60px;font-size:0}
#db-nav-commodity .nav-misc-item{display:inline-block;vertical-align:top}
#db-nav-commodity .nav-misc-item.enterances{position:relative;margin-right:14px;padding-right:14px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances{display:inline-block;margin-top:12px;padding:0 8px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#11aae0;color:#fff;vertical-align:top;text-align:center;font-size:15px;line-height:36px;cursor:pointer;-ms-border-radius:2px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances:hover{background-color:#12a1d3}
#db-nav-commodity .nav-misc-item.enterances:last-child{margin-right:0;padding-right:0;border-right:0}
#db-nav-commodity{margin-bottom:4px}
.nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:950px;zoom:1}
.nav-secondary .nav-items{float:none;margin-left:150px;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:25px}
#db-nav-music .nav-wrap{border-color:#e3e9e2}
#db-nav-music a:link,#db-nav-music a:visited{color:#555d53;text-decoration:none}
#db-nav-music a:active,#db-nav-music a:hover{background-color:#12a1d3;color:#fff}
.clearfix{display:block}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.xm_search #scbar_txt::-webkit-input-placeholder{color:#FFA88B!important}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{clear:both}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{margin-bottom:20px}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
.gray-link:hover{color:#4ba733;text-decoration:none}
.gray-link:hover small{color:#4ba733}
.green-link:hover{text-decoration:underline}
.gray-btn:hover{background-color:#888;color:#FFF;text-decoration:none}
.gclear:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.cmts .cmts-list .cmt-do .icon-like:hover{color:#666}
.cmts .cmts-list .cmt-do .icon-like.liked:hover{color:#D6D6D6}
.cmts .cmts-do .reply-box:hover .tip{border:1px solid #F0F0F0;background:#F6F6F6;text-decoration:none}
.cmts .cmts-submit-box .gnbtn-primary:hover{background-color:#84c350;color:#FFF}
.cmts .cmts-submit-box .draft-btn:hover{border:1px solid #ededed;text-decoration:none}
.document-do .gnbtn-block,.document-do .gnbtn-primary{display:inline-block;margin-left:10px;padding:0 15px;height:29px;border:1px solid #84c350;border-radius:3px;background:#FFF;color:#4ba733;text-decoration:none;font-size:14px;line-height:29px}
.document-do .gnbtn-primary{background-color:#84c350;color:#FFF;text-decoration:none}
.document-do .gnbtn-primary .icon-like:before{color:#fff}
.document-do .gnbtn-block:hover{background-color:#84c350;color:#FFF;text-decoration:none}
.document-do .icon-weibo:hover{text-decoration:none}
.document-do .icon-weibo{color:#EC786B}
.document-do .icon-weibo:hover{color:#EC584B}
.document-do .icon-douban:hover{color:#43934E}
.document-do .icon-qzone:hover{color:#FCB23A}
.document-do .icon-qqmb:hover{color:#6CAAEE}
.document-do .icon-weixin:hover{color:#6BA86D}
.tooltip .tip a.tip-btn,.tooltip .tip a.tip-btn:hover{float:right;display:block;padding:0;width:72px;height:23px;border:1px solid #E9E9E9;background:#FAFAFA;color:#4EA733;text-align:center;text-decoration:none;font-size:14px;line-height:23px}
.tooltip .tip a.tip-btn:hover{background:#E9E9E9}
.gselect .options a:hover{background:#47a829;color:#fff}
.baskets li:hover{background:#F8F8F8}
.toolBar-wrap li a:hover{opacity:1;-webkit-filter:alpha(opacity=100);filter:alpha(opacity=100)}
.tool-comment .comment:hover{background-position:-59px 0}
.tool-reply .reply:hover{background-position:-59px -59px}
.tool-mygroups:hover .mygroups{background-position:-59px -118px}
.tool-share:hover .share{background-position:-59px -236px}
.tool-service:hover{background-position:-59px -414px}
.tool-gotop .gotop:hover{background-position:-59px -479px}
.tool-casual .casual:hover{background-position:-59px -295px}
.tool-question .question:hover{background-position:-59px -354px}
.tool-share .bdsharebuttonbox a{float:none;margin:0 7px 0 6px;padding:0}
.tool-share .bdsharebuttonbox .gicon-share-db{background-position:-50px -496px}
.block-del-do a:hover{text-decoration:none}
.u-list .x{position:absolute;right:0;bottom:0;overflow:hidden;height:20px;background:#eee;font-size:12px;line-height:20px}
.u-list .u-list_box a:hover .x{opacity:0}
.x b{font-weight:400}
.x .x2{float:left;margin:0 5px 0 5px}
.list_test{padding:4px 10px}
.container-row{display:inline-block}
.container-row_l{float:left;width:700px}
.container-row_r{float:right;padding:10px;padding-top:0;width:280px;background:#fff}
.container-row_r h3{margin-bottom:10px;color:#222;font-weight:400;font-size:16px}
.rlist{padding-top:8px;height:auto;}
.rlist li .number{position:absolute;top:0;left:0;z-index:20;width:18px;height:18px;border-radius:2px;text-align:center;font-weight:bolder;font-size:12px;line-height:17px}
.rlist li .number.n2{border:1px solid #11aae0;background-color:transparent!important;color:#aab2bd}

.rlist li .number.n8{border:1px solid #11aae0;background-color:transparent!important;color:#aab2bd}

.rlist li .rl-info{float:left}
.rlist li{position:relative;overflow:hidden;margin-top:6px;height:20px}

.n2{top:0;left:8px;z-index:20;margin-right:8px;width:30px;width:18px;height:18px;border:1px solid #11aae0;border-radius:2px;
    background-color:#fafafa;color:#11aae0;text-align:center;font-weight:bolder;font-size:12px;line-height: 17px;cursor: pointer;}

.n9{top:0;left:8px;z-index:20;margin-right:8px;width:30px;width:18px;height:18px;border:1px solid #c8113d;border-radius:2px;
    background-color: #fafafa;color:#c8113d;text-align:center;font-weight:bolder;font-size:12px;line-height: 17px;cursor: pointer;}

.rlist li .t{overflow:hidden;margin-left:10px;height:18px;word-wrap:break-word;line-height:17px;word-break:break-all}
.hot-pic-shadow:hover{color:#1caffc}
.load_more:hover{border:solid 1px #1caffc;box-shadow:0 0 7px #1caffc;color:#1caffc}
.video.list:hover{border:1px solid #ddd;background:#fff;box-shadow:0 0 3px #ddd}
.headline .title:hover{color:#1daffc}
.biaoqian a:hover{text-decoration:none}
.playBut a:hover{background:#1daffc;color:#fff;text-decoration:none}
.item_img a:hover img{opacity:1!important;-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;-o-transform:scale(1.1)!important;transform:scale(1.1)!important;-ms-transform:scale(1.1)!important}
.live_Top_banner .link:hover{border-color:#fff;color:#fff}
.liveCont_test .title:hover{color:#68c5ff}
.clear{clear:both;height:0;font-size:0;line-height:0}
.block{display:block}
.inline-block{display:inline-block;display:-moz-inline-box}
.width_p20{width:22%}
.g-search-submit:hover{background:#1daffc}
.g-search-submit:hover{background:#2db5fc}
.nav-menu a:hover{color:#1caffc}
.hd-load-text:hover{background-position:0 -90px}
.hd-load-bf:hover .hd-load-con{display:block}
.hd-load-client a,.hd-load-sdk a{display:block;margin-top:5px;margin-bottom:8px;margin-left:13px;width:128px;height:32px;background:#ffa71d;color:#fff;text-align:center;line-height:32px}
.hd-load-sdk a{background:#7ad448}
.hd-load-client a:hover{background:#ff9c00;color:#fff;text-decoration:none}
.hd-load-sdk a:hover{background:#6bcd34;color:#fff;text-decoration:none}
.mark{z-index:10000;float:right;height:60px;color:#686868;text-align:right;font-size:12px;line-height:60px;cursor:pointer}
@media screen and (min-width:0){.login-ct .menu{border:none}
}
.foot .links-box .links a:hover{color:#1caffc}
.weixin .pic:hover{background-position:-228px -11px}
.weibo .pic:hover{background-position:-228px -89px}
.weibo{margin-right:25px}
.weibo:hover .qrcode-box-wrp{display:block}
.index_cont{width:1200px}
.nav-link-item a:hover .index-site{background-position:-498px -134px}
.nav-link-item a:hover .main-site{background-position:-603px -131px}
.nav-link-item:hover .sub-nav{display:block}
.nav-link-item .sub-nav a:hover{background-color:#e4f1e5}
.live-top-nav-panel a:hover{color:#1caffc}
.fl:hover .live-top-nav-panel{display:block}
.u-list{display:inline-block}
.u-list li{float:left;overflow:hidden;margin-right:20px;margin-bottom:15px;width:210px;border:1px solid #ddd;border-radius:5px;background:#f9f9f9}
.u-list_box{position:relative;overflow:hidden;width:210px;height:130px;border-bottom:1px solid #ddd}
.u-list_box a{display:inline-block}
.u-list_box img{width:100%;height:128px}
.playbox{position:absolute;top:0;left:0;z-index:9;width:100%;height:130px;background-color:rgba(0,0,0,.5);line-height:0;opacity:0;filter:alpha(opacity=0);filter:alpha(opacity=0)}
.playbox:hover{opacity:1;filter:alpha(opacity=1);filter:alpha(opacity=100)}
.play_icon{display:block;margin:0 auto;padding:10px;padding-top:10px;background-size:36px auto;color:#f5f5f5;text-align:center;font-size:12px;line-height:20px}
.module-tit .more:hover{color:#1daffc}
.sortbox{margin:0 auto;width:1200px}
.about_left li:hover{color:#1daffc}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after,.gside .side-list-large:after,.gside .side-list-small:after{clear:both}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.hidden{display:none!important;visibility:hidden!important}
.affix{position:fixed}
.inline-block{display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1}
.gray-link{color:#666;text-decoration:none}
.gray-link:hover{color:#4ba733;text-decoration:none}
.gray-link:hover small{color:#4ba733}
.gpages li a,.gpages li span,.green-link,.pager li a,.pager li span{color:#4ba733;text-decoration:none}
.green-link:hover{text-decoration:underline}
.gray-btn,.gside .side-rank .rank-group .add,.gside .side-rank .rank-group .applied,.gside .side-rank .rank-group .delete{margin-left:20px;padding:6px 8px;border:1px solid #ebebed;background-color:#FFF;color:#666;text-decoration:none}
.gray-btn:hover{background-color:#888;color:#FFF;text-decoration:none}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wordbreak{overflow:hidden;word-wrap:break-word}
.gpack{overflow:hidden}
.gclear:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.gclear{display:block;min-height:1%}
.gfl{float:left;-display:inline}
.gfr{float:right;clear:right;white-space:nowrap;-display:inline}
.achieve-icon-gold:before{color:#00a9df}
.achieve-icon-silver:before{color:#43bc50}
.achieve-icon-copper:before{color:#acb9c1}
.icon-sai:hover{text-decoration:none}
.gnicon-home,UNUSEDgnicon-set{display:inline-block;overflow:hidden;background:url(../images/101829d3.header-icon.png) no-repeat;vertical-align:middle;text-indent:-9999px}
.gnicon-home{margin-right:5px;width:16px;height:18px;background-position:0 0}
.gnicon-search:active,.gnicon-search:hover{width:31px;height:23px;background-position:9px -96px}
.focus .gnicon-search:hover{width:31px;height:23px;background-position:9px -96px}
.gicon-super:hover{width:15px;height:13px;background-position:-16px 0}
.gnbtn-primary:active,.gnbtn-primary:hover{background:#50A200;text-decoration:none}
.gnbtn-primary:active{box-shadow:2px 2px 2px #448A00 inset}
.btn-primary{border:1px solid #85c926;background:#11aae0;color:#fff;font-size:14px}
.btn-primary:hover{border:1px solid #7dbd24;background:#8dc83b}
.gheader-new a:hover{background:#393939;color:#FFF;text-decoration:none}
.gheader-new .other:hover .gnarrow-down{border-top-color:#FFF}
.gheader-new .gh-list li a:hover{background:#E0E0E0;color:#666}
.gheader-new .gh-login a:hover{color:#fff;text-decoration:underline}
.gheader-new .gh-i-me a:hover{color:#fff}
.gheader-new .gh-notice-panel a:hover{text-decoration:underline}
.gheader-new .gh-notice-panel .gnbtn:hover{border:1px solid #d0d0d0;background:#fff;color:#414141;text-decoration:none}
.gheader-new .gh-notice-panel li a:hover{color:#666}
.gheader-new .gh-notice-panel li .gnicon-close:hover,.gheader-new .gh-remind-panel li .gnicon-close:hover{background-position:-24px -77px}
.gh-search p{padding:1px 0 0 1px;height:25px;border:0;border-top:1px solid #FFF;border-left:1px solid #FFF;background:#FFF}
.sub-nav-wrap .sub-nav-link a:active,.sub-nav-wrap .sub-nav-link a:hover{background:#85C155;color:#FFF;text-decoration:none}
.sub-nav-wrap .sub-nav-link a:active{box-shadow:2px 2px 2px #71A448 inset}
.sub-nav-wrap .dropdown-group .group-link:hover{background-color:#eee}
.tab li,.tab-underline li{margin-right:10px}
.tab li a,.tab-underline li a{padding:0 12px 11px;height:28px;color:#666;text-decoration:none;font-size:14px;line-height:28px}
.tab li a:hover{color:#4ba733;text-decoration:none}
.tab-underline li{margin-bottom:-1px}
.menu-list li a:hover{background:#e0e0e0;color:#FFF;text-decoration:none}
.gside .side-list-large,.gside .side-list-small{overflow:hidden;margin:15px 0 25px}
.gside .side-list-large{margin-right:-32px}
.gside .side-promote .focus-tag a:hover{cursor:pointer}
.gside .side-rank .rank-group .add,.gside .side-rank .rank-group .applied,.gside .side-rank .rank-group .delete{position:absolute;top:15px;right:10px;padding:6px 8px;width:38px;border-radius:3px;text-align:center;font-size:12px}
.gside .side-rank .rank-group .applied:hover{background-color:#FFF}
.gside .side-rank .rank-group .add{color:#0177b7}
.gside .side-rank .rank-group .add:hover{background-color:#4ba733}
.gside .side-apply-group:hover{background-color:#4ba733;color:#FFF;text-decoration:none}
.guokr-layer-beforelogin .guokr-layer-bl-btn{margin-top:5px}
.guokr-layer-beforelogin .guokr-beforelogin-close a:hover{background-position:-110px 7px}
.gwrap,.gwrap-p{padding:0 15px}
.gwrap:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.gwrap,.gwrap-m,.gwrap-p{display:block;min-height:1%}
.gpages li a,.gpages li span,.pager li a,.pager li span{padding:.25em 10px;border:1px solid transparent;color:#0177b7;font-size:14px}
.gpages li span,.pager li span{color:#333}
.gpages li span:hover,.pager li span:hover{text-decoration:none}
.gui-block a:hover{text-decoration:underline}
.gui-block-close:hover{background-position:0 -560px}
.gui-block-bd:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.white-overlay .white-overlay-dialog a:hover{background:#50A200;text-decoration:none}
.block-report-content a:hover{text-decoration:underline}
.block-report-do a:hover{text-decoration:none}
.block-gag-content a:hover{text-decoration:underline}
.block-gag-do a:hover{text-decoration:none}
.gui-menu-focus:focus{outline:0}
.gui-menu-list li a:hover{text-decoration:none}
.name_card a:hover{text-decoration:underline}
.card-achieve-stat,.card-user_info-name{overflow:hidden;height:24px;line-height:24px}
.card-achieve-stat{color:#888;font-size:18px}
.card-achieve-icon-gold{color:#11AAE0}
.card-focus-btn{background-position:-80px -32px;color:#FFF}
.card-focus-btn span{display:inline-block;margin-left:13px;width:36px;line-height:22px}
.tooltip-new .tip a.tip-btn,.tooltip-new .tip a.tip-btn:hover{float:right;display:block;padding:0;width:72px;height:23px;border:1px solid #E9E9E9;background:#FAFAFA;color:#4EA733;text-align:center;text-decoration:none;font-size:14px;line-height:23px}
.tooltip-new .tip a.tip-btn:hover{background:#E9E9E9}
.new-block-layer .new-block-container .close-layer-btn:hover{text-decoration:none}
.mineleftliover{background-color:#11aae0;color:#fff}
.mineleftliover a{color:#fff}
.navli li:hover{background-color:#0078b6;color:#fff}
.navli li:hover a{color:#fff}
.btncurent{border:1px solid #0078b6!important;background-color:#0078b6!important;color:#fff}
.nav{overflow:hidden;margin-bottom:40px;width:100%;min-width:950px;zoom:1}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary{overflow:hidden;margin:0 auto;padding-bottom:0;width:950px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav .nav-logo{float:left;margin:0 13px 0 0;width:145px;height:56px;background:url(lg_main_a11_1.png) no-repeat 0 12px;background-image:-webkit-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-moz-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-ms-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-o-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x)}
.nav .nav-logo a:active,.nav .nav-logo a:hover{background:0 0!important}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
#db-nav-commodity{position:relative;overflow:visible;border-bottom:1px solid #d3cdca;background:#fff}
#db-nav-commodity .nav-wrap{border:none}
#db-nav-commodity .nav-primary{overflow:visible;padding:0;height:60px;line-height:60px}
#db-nav-commodity .nav-logo{position:relative;margin-right:30px;width:122px;height:60px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:0 0;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo a,#db-nav-commodity .nav-logo a:active,#db-nav-commodity .nav-logo a:hover,#db-nav-commodity .nav-logo a:link,#db-nav-commodity .nav-logo a:visited{padding-bottom:16px;background:#de533c no-repeat 22px 19px!important;color:#fff;text-align:center;font-size:24px}
#db-nav-commodity .nav-items{font-size:0}
#db-nav-commodity .nav-item{position:relative;display:inline-block;margin-right:15px;vertical-align:top;vertical-align:middle}
#db-nav-commodity .nav-item .nav-link{display:block;padding-top:4px;width:60px;height:53px;border-bottom:3px solid transparent;text-align:center;font-size:16px;line-height:53px}
#db-nav-commodity .nav-item .nav-link,#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover,#db-nav-commodity .nav-item .nav-link:link,#db-nav-commodity .nav-item .nav-link:visited{background:0 0;color:#654f41}
#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover{border-bottom-color:#de533c}
#db-nav-commodity .nav-item.search-item{overflow:hidden;margin-right:0;margin-left:20px;border:1px solid #e7e8e2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:0;-ms-border-radius:3px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity{display:inline-block;padding:0 0 0 10px;height:35px;background:#fff;vertical-align:top;line-height:35px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-input{margin:0;padding:0;width:160px;height:35px;outline:0;border:0;vertical-align:top;line-height:35px\9}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-icon{width:38px;height:35px;border:none;border-left:1px solid #eee;background:url(/content/img/search.png) no-repeat center;color:#666;cursor:pointer}
#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#de533c}
#db-nav-commodity .nav-misc{position:absolute;top:0;right:0}
#db-nav-commodity .nav-misc-list{padding-left:10px;height:60px;font-size:0}
#db-nav-commodity .nav-misc-item{display:inline-block;vertical-align:top}
#db-nav-commodity .nav-misc-item.enterances{position:relative;margin-right:14px;padding-right:14px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances{display:inline-block;margin-top:12px;padding:0 10px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#de533c;color:#fff;vertical-align:top;text-align:center;font-size:15px;line-height:36px;cursor:pointer;-ms-border-radius:2px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances:hover{background-color:#d8442b}
#db-nav-commodity .nav-misc-item.enterances:last-child{margin-right:0;padding-right:0;border-right:0}
#db-nav-commodity{margin-bottom:20px}
.home-recommend-col1{overflow:hidden;border:1px solid #dfdfdf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-moz-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-ms-border-radius:3px;-ms-box-shadow:0 1px 2px 0 rgba(158,158,158,.2)}
.home-recommend{margin-bottom:45px}
.home-recommend:after,.home-recommend:before{clear:both;display:block;content:"\0020"}
.home-recommend-col1{float:left}
.tips-common,.tips-overly{position:absolute;top:0;left:0;z-index:99;width:320px;border:1px solid #bfddb7;background:#fff}
.card-story-large .card-actions .btn-carditem-like .main:before,.card-story-large .card-actions .btn-carditem-like:active .main:after,.card-story-large .card-actions .btn-carditem-like:hover .main:after{text-transform:none;font-weight:400;font-style:normal;font-variant:normal;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.card-story-large .card-actions .btn-carditem-like .main:before{content:"\e008"}
.card-story-large .card-actions .btn-carditem-like,.card-story-large .card-actions .btn-doulist{pointer-events:auto}
.card-story-large .card-actions .btn-carditem-like .count,.card-story-large .card-actions .btn-doulist .count{display:none}
.card-story-large .card-actions .btn-doulist{padding:13px 17px 12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:12px;line-height:1;-ms-border-radius:4px}
.card-story-large .card-actions .btn-doulist,.card-story-large .card-actions .btn-doulist:link,.card-story-large .card-actions .btn-doulist:visited{background:#db5140;background:rgba(219,81,64,.9);background-image:-webkit-linear-gradient(bottom,#a02713,#c0341e 7%,#e0614d 92%,#ee6f5b);background-image:-moz-linear-gradient(bottom,#a02713,#c0341e 7%,#e0614d 92%,#ee6f5b);background-image:-ms-linear-gradient(bottom,#a02713,#c0341e 7%,#e0614d 92%,#ee6f5b);background-image:-o-linear-gradient(bottom,#a02713,#c0341e 7%,#e0614d 92%,#ee6f5b);background-image:linear-gradient(bottom,#a02713,#c0341e 7%,#e0614d 92%,#ee6f5b);color:#fff}
.card-story-large .card-actions .btn-doulist:active,.card-story-large .card-actions .btn-doulist:hover{background:#d8442b;background-image:-webkit-linear-gradient(bottom,#962412,#a83725 7%,#c15848 92%,#d06b5b);background-image:-moz-linear-gradient(bottom,#962412,#a83725 7%,#c15848 92%,#d06b5b);background-image:-ms-linear-gradient(bottom,#962412,#a83725 7%,#c15848 92%,#d06b5b);background-image:-o-linear-gradient(bottom,#962412,#a83725 7%,#c15848 92%,#d06b5b);background-image:linear-gradient(bottom,#962412,#a83725 7%,#c15848 92%,#d06b5b);color:#fff}
.card-story-large .card-actions .btn-carditem-like{float:right;padding:8px 14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;line-height:16px;-ms-border-radius:4px}
.card-story-large .card-actions .btn-carditem-like .count{font-size:12px}
.card-story-large .card-actions .btn-carditem-like,.card-story-large .card-actions .btn-carditem-like:active,.card-story-large .card-actions .btn-carditem-like:hover,.card-story-large .card-actions .btn-carditem-like:link,.card-story-large .card-actions .btn-carditem-like:visited{background:#fff;background-image:-webkit-linear-gradient(bottom,#babbbb,#dedede 9%,#efefef 96%,#f1f2f4);background-image:-moz-linear-gradient(bottom,#babbbb,#dedede 9%,#efefef 96%,#f1f2f4);background-image:-ms-linear-gradient(bottom,#babbbb,#dedede 9%,#efefef 96%,#f1f2f4);background-image:-o-linear-gradient(bottom,#babbbb,#dedede 9%,#efefef 96%,#f1f2f4);background-image:linear-gradient(bottom,#babbbb,#dedede 9%,#efefef 96%,#f1f2f4);color:#484848}
.card-story-large .card-actions .btn-carditem-like:active,.card-story-large .card-actions .btn-carditem-like:hover{background-image:-webkit-linear-gradient(bottom,#a8a8a8,#c9c9c9 9%,#dddcdc 96%,#e4e6e6);background-image:-moz-linear-gradient(bottom,#a8a8a8,#c9c9c9 9%,#dddcdc 96%,#e4e6e6);background-image:-ms-linear-gradient(bottom,#a8a8a8,#c9c9c9 9%,#dddcdc 96%,#e4e6e6);background-image:-o-linear-gradient(bottom,#a8a8a8,#c9c9c9 9%,#dddcdc 96%,#e4e6e6);background-image:linear-gradient(bottom,#a8a8a8,#c9c9c9 9%,#dddcdc 96%,#e4e6e6)}
.card-story-large .card-actions .btn-carditem-like:active .main:after,.card-story-large .card-actions .btn-carditem-like:hover .main:after{position:absolute;top:50%;left:50%;z-index:-1;display:none\9;margin-top:-8px;margin-left:-8px;content:"\e008";font-size:16px}
.card-story-large .card-hd .story-image:hover{opacity:.8;filter:Alpha(Opacity=80)}
.card-story-large .card-bd .stats-list li:last-child:after{display:none}
.card-story-large .card-actions{display:none}
.card-story-large .card-hd{height:260px}
.card-story-large .card-bd{padding:13px 20px 0;height:220px}
.card-story-large .card-bd .story-title{margin-bottom:20px;line-height:1.5;word-break:break-all}
.card-story-large .card-bd .author-box{padding-bottom:8px}
.card-story-large .card-bd .story-info{right:20px;left:20px}
.card-story-large .card-actions{z-index:2;padding:20px 25px}
.card-dislike-btn:hover .card-dislike-tip{display:block\9;opacity:1}
.dx-nav{width:138px}
.dx-nav .bd{padding:2px 10px 0;text-align:center}
.dx-nav .bd li{border-top:1px solid #eee;font-size:14px;line-height:36px}
.dx-nav .bd li:first-child{border-top:none}
.dx-nav a{display:block}
.dx-nav a:active,.dx-nav a:hover,.dx-nav a:link,.dx-nav a:visited{color:#333}
.dx-nav a:active,.dx-nav a:hover{color:#985d3e}
.main-promotion{border:1px solid #dfdfdf;-webkit-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-moz-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-ms-box-shadow:0 1px 2px 0 rgba(158,158,158,.2)}
.main-promotion{overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;-ms-border-radius:4px}
.main-promotion{margin-left:162px;font-size:0}
.main-promotion .promotion-info{position:relative;padding:0 32px 0 17px}
.main-promotion .promotion-info .promotion-banner-title{margin-top:11px;margin-bottom:11px;padding:3px 0 0 9px;text-align:center;font-weight:400;font-size:17px;line-height:17px}
.main-promotion .commodity-item{position:relative}
.main-promotion .commodity-item .item-image{position:absolute;top:0;left:0;z-index:0;vertical-align:top}
.main-promotion .commodity-item .story-box{position:absolute;bottom:0;display:none;overflow:hidden;width:100%;background:#fff;opacity:.7;zoom:1;filter:Alpha(Opacity=70)}
.main-promotion .commodity-item .story-box .story-info{padding:8px 12px;color:#111;font-size:14px}
.main-promotion .commodity-item .story-box .story-info .story-item-price{float:right}
.main-promotion .commodity-item:hover .story-box{display:block}
.main-promotion .commodity-layout{width:786px;height:440px}
.main-promotion .commodity-layout .layout-item-A,.main-promotion .commodity-layout .layout-item-B{float:left;overflow:hidden}
.main-promotion .commodity-layout .layout-item-A{width:346px;height:220px}
.main-promotion .commodity-layout .layout-item-B{width:440px;height:440px}
.cardlist .carditem .card-main{overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;-ms-border-radius:4px}
.article{padding-right:0;width:950px}
.cardlist .carditem .card-main{width:222px;font-size:12px}
.divaddactive a{color:#fefbea}
.divaddactivein{border-color:#ddd!important;border-radius:1px!important;background-color:#ddd}
.divaddactivein a{color:#ff9860}
.btn-normal,.btn-submit{display:inline-block;padding:5px 10px 4px;vertical-align:top;vertical-align:middle;font-size:12px;line-height:1.25;cursor:pointer}
.btn-normal:focus,.btn-submit:focus{outline:0}
.btn-normal{border:1px solid #dcd6d3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-ms-border-radius:2px}
.btn-normal,.btn-normal:link,.btn-normal:visited{background:#f9f9f9;color:#59493f}
.btn-normal:active,.btn-normal:hover{border-color:#cec6c3;background-color:#efefef;color:#59493f}
.btn-submit{border:1px solid #de533c;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-ms-border-radius:3px}
.btn-submit,.btn-submit:link,.btn-submit:visited{background-color:#de533c;color:#fff}
.btn-submit:active,.btn-submit:hover{border-color:#d8442b;background-color:#d8442b;color:#fff}
.text-input:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{/*outline:1px solid #ccc;*/outline-offset:0}
.text-input.error,UNUSEDtextarea.error,input[type=password].error,input[type=text].error{outline-color:red}
.text-input,input[type=password],input[type=text]{height:26px}
.commodity-quote .quote:after,.commodity-quote .quote:before{content:"\00200B"}
.nav{overflow:hidden;width:100%;min-width:950px;zoom:1}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary,.nav .nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:1200px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav-logo{padding-top:10px;color:#fff;text-align:center;font-size:26px}
.nav .nav-logo{float:left;margin:0 13px 0 0;width:145px;height:46px}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
.nav-secondary{width:100%;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:30px}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap{position:absolute;top:57px;left:-64px;z-index:11;display:none;padding:3px;border:1px solid #e3ddda;background:#f9f9f9;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);-moz-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15);-ms-box-shadow:0 0 2px rgba(0,0,0,.15)}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-inner,#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-wrap{position:absolute;top:-16px;left:50%;overflow:hidden;margin-left:-4px;width:0;height:0;border:8px solid transparent}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-wrap{border-bottom-color:#e3ddda}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-inner{top:-13px;margin-left:-3px;border:7px solid transparent;border-bottom-color:#f9f9f9}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul{border:1px solid #e3ddda}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul li{width:145px;height:45px;border-bottom:1px solid #e3ddda;background:#fff;font-size:14px;line-height:45px}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a{display:block}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:active,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:hover,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:link,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:visited{color:#9d9d9d}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:active,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:hover{background:#f8f6f6;color:#9d9d9d}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul .icon{padding-right:14px;vertical-align:middle;font-size:16px}
#db-nav-commodity{position:relative;overflow:visible;border-bottom:1px solid #d3cdca;background:#fff}
#db-nav-commodity .nav-wrap{border:none}
#db-nav-commodity .nav-primary{overflow:visible;padding:0;height:60px}
#db-nav-commodity .nav-logo{position:relative;margin-right:30px;width:122px;height:60px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:0 0;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{padding-top:15px;height:50px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;font-size:24px;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{background:#0b3e8e no-repeat 22px 19px!important}
#db-nav-commodity .nav-items{font-size:0}
#db-nav-commodity .nav-item{position:relative;display:inline-block;margin-right:15px;vertical-align:top;vertical-align:middle}
#db-nav-commodity .nav-item .nav-link{display:block;padding-top:4px;width:100px;height:53px;border-bottom:3px solid transparent;text-align:center;font-size:16px;line-height:53px}
#db-nav-commodity .nav-item .nav-link,#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover,#db-nav-commodity .nav-item .nav-link:link,#db-nav-commodity .nav-item .nav-link:visited{background:0 0;color:#654f41}
#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover{border-bottom-color:#0b3e8e}
#db-nav-commodity .nav-item.search-item{overflow:hidden;margin-right:0;margin-left:20px;border:1px solid #e7e8e2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:0;-ms-border-radius:3px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity{display:inline-block;padding:0 0 0 10px;height:35px;background:#fff;vertical-align:top;line-height:35px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-input{margin:0;padding:0;width:160px;height:35px;outline:0;border:0;vertical-align:top;line-height:35px\9}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-icon{width:38px;height:35px;border:none;border-left:1px solid #eee;background:url(/content/img/search.png) no-repeat center;color:#666;cursor:pointer}
#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#0b3e8e}
#db-nav-commodity .nav-misc{position:absolute;top:0;right:0}
#db-nav-commodity .nav-misc-list{padding-left:10px;height:60px;font-size:0}
#db-nav-commodity .nav-misc-item{display:inline-block;vertical-align:top}
#db-nav-commodity .nav-misc-item.enterances{position:relative;margin-right:14px;padding-right:14px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances{display:inline-block;margin-top:12px;padding:0 8px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#0b3e8e;color:#fff;vertical-align:top;text-align:center;font-size:15px;line-height:36px;cursor:pointer;-ms-border-radius:2px}
#db-nav-commodity .nav-misc-item.enterances:last-child{margin-right:0;padding-right:0;border-right:0}
#db-nav-commodity .nav-misc-item .publish-enterances{border-bottom:none}
#db-nav-commodity .nav-misc-item .publish-enterances a{padding-left:20px}
#db-nav-commodity .nav-misc-item .publish-enterances .icon{padding-right:14px;vertical-align:middle;font-size:16px}
#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#0b3e8e!important}
#db-nav-commodity{margin-bottom:10px}
.nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:950px;zoom:1}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:25px}
#db-nav-music .nav-wrap{border-color:#e3e9e2}
#db-nav-music a:link,#db-nav-music a:visited{color:#555d53;text-decoration:none}
#db-nav-music a:active,#db-nav-music a:hover{background-color:#555d53;color:#fff}
#interest_sectl .rating_self:after,#interest_sectl .rating_self:before{clear:both;display:block;content:''}
.rating_helper_wrap:hover .rating_helper_icon{background-position:0 -12px}
.rating_helper_wrap:hover .rating_helper_content{display:block}
.rate,.subject-rating,UNUSEDspan.subject-rate{color:#e09015}
img.rating:nth-child(1){padding-left:10px}
.album-item .star .allstar00,.album-item .star .allstar05,.album-item .star .allstar10,.album-item .star .allstar15,.album-item .star .allstar20,.album-item .star .allstar25,.album-item .star .allstar30,.album-item .star .allstar35,.album-item .star .allstar40,.album-item .star .allstar45,.album-item .star .allstar50{float:left}
h2+.result-list{margin-top:-8px}
.result:after{clear:both;display:block;content:'\0020'}
.result-list-ft a:link,.result-list-ft a:visited{color:#333}
.result-list-ft a:active,.result-list-ft a:hover{background-color:#f4f4f4;color:#333}
.result-top .result,.result-top .ul{margin-bottom:10px;padding:0;border:none}
.result-top .result{margin:0}
.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-24-24,.pure-u-xl-5-5{width:100%}
.clearfix:after,.feeds .item-actions:after{clear:both}
.receptacle{clear:both;margin-right:auto;margin-left:auto;width:1200px}
.page-content-main,.page-sidebar{float:left;margin-bottom:2em}
.feeds.loose .item,.module,.module-like,.roundtable-followers .follower .content{border:1px solid #d3d9de;border-radius:3px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.module+.module,.module+div{margin-top:2em}
.module .module-header{padding:.5em .8em;border-bottom:1px solid #eaf0f5;border-radius:3px 3px 0 0;background:#f9fafb}
.module .module-header h2,.module .module-header h3{margin:0;color:#778087;font-size:1.1em}
.module .module-header h2 a,.module .module-header h3 a{color:inherit}
.feeds .item:hover .auto-hide,UNUSEDhtml.touch .feeds .item .auto-hide{display:inline-block}
.feeds .item-actions,.feeds .item-header{padding:.5em .8em}
.feeds .item-header{margin:.5em 0 .2em}
.feeds .item-actions{position:relative;margin:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#f9fafb;color:#b7bdc3;list-style:none}
.feeds .item-actions a:hover{color:#778087;text-decoration:none}
.feeds .item-actions .bull,.feeds .item-actions a{color:#b7bdc3}
.feeds .phone-actions .menu,.feeds .phone-actions .menu a{color:#999}
.feeds-loading{display:block;margin-top:2em;width:100%;outline:0;border:0;background:0 0}
.feeds-loading span{display:block;border:1px solid #d3d9de;border-radius:3px;background-color:#f9fafb;box-shadow:0 1px 2px rgba(0,0,0,.02);color:#778087;text-align:center;line-height:3em;-webkit-transition:all .15s ease;transition:all .15s ease}
.feeds.loose .item+.item{margin-top:2em;border-top:1px solid #d3d9de}
.feeds.compact .item+.item{border-top:1px solid #eaf0f5}
.entry .entry-content .time:hover{color:#778087}
.entry .entry-content ol,.entry .entry-content ul{margin:.8em 0;padding:0}
.entry .entry-content ol ol,.entry .entry-content ol ul,.entry .entry-content ul ol,.entry .entry-content ul ul{padding-left:2em}
.rating:hover{background:#698ebf;color:#fff;text-decoration:none}
.votebar button:hover{background:#698ebf;color:#fff;text-decoration:none}
.votebar-mobile-dialog .votebar .down,.votebar-mobile-dialog .votebar .up{position:relative;float:left;margin:0;width:50px;height:50px}
.votebar-mobile-dialog .votebar .down{float:right}
.votebar-mobile-dialog .votebar .fi-votedown-arrow,.votebar-mobile-dialog .votebar .fi-voteup-arrow{font-size:2em}
.button-cancel:active,.button-default:active,.button-error:active,.button-primary:active,.button-success:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 1px rgba(0,0,0,.15)}
.button-error,.button-primary,.button-secondary,.button-success,.button-warning{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.button-success{border:1px #28a47a solid;background-color:#45be96;background-image:-webkit-linear-gradient(top,#47c49a,#42b690);background-image:linear-gradient(to bottom,#47c49a,#42b690);text-shadow:0 1px 1px #16741d}
.button-success:active,.button-success:hover{background-color:#44ba93;background-image:-webkit-linear-gradient(top,#46c198,#40b08b);background-image:linear-gradient(to bottom,#46c198,#40b08b)}
.button-primary{border:1px #0062b4 solid;background-color:#0077d3;background-image:-webkit-linear-gradient(top,#0077d9,#0077cb);background-image:linear-gradient(to bottom,#0077d9,#0077cb);text-shadow:0 1px 1px #055291}
.button-primary:active,.button-primary:hover{background-color:#0077c1;background-image:-webkit-linear-gradient(top,#0077c3,#0077bd);background-image:linear-gradient(to bottom,#0077c3,#0077bd)}
.button-error{border:1px #b22d2d solid;background-color:#e33e3e;background-image:-webkit-linear-gradient(top,#e93f3f,#d93c3c);background-image:linear-gradient(to bottom,#e93f3f,#d93c3c);text-shadow:0 1px 1px #811a1a}
.button-error:active,.button-error:hover{background-color:#da3e3e;background-image:-webkit-linear-gradient(top,#e03f3f,#d03c3c);background-image:linear-gradient(to bottom,#e03f3f,#d03c3c)}
.button-cancel:focus,.button-cancel:hover{background:#e7e9ea}
.button-default:active,.button-default:hover{background-color:#e8ecf0;background-image:-webkit-linear-gradient(top,#edf1f5,#e1e5e9);background-image:linear-gradient(to bottom,#edf1f5,#e1e5e9)}
.button-warning{background:#df7514}
.button-secondary{background:#42b8dd}
.button-link:active,.button-link:hover{text-decoration:underline}
.button-link:focus{outline:0;text-decoration:underline}
.button-text:focus,.button-text:hover{color:#778087;text-decoration:none}
.global-footer:hover{background:#fff;-webkit-transition:background .15s ease;transition:background .15s ease}
.global-footer,.global-footer a{color:#b7bdc3}
.global-footer li,.global-footer ul{float:left;list-style:none}
.global-footer ul{margin:0}
.global-footer li a:hover{color:#778087;text-decoration:none;-webkit-transition:background .15s ease;transition:background .15s ease}
.global-footer li+li:before{margin:0 .3em;color:#b7bdc3;content:'"'}
.menu-nav li+li{border-top:1px solid #eaf0f5}
.menu-nav li.active,.menu-nav li:hover{background-color:#fff}
.menu-nav a:hover{text-decoration:none}
.menu-nav.horizontal li+li{border-top:0;border-left:1px solid #d3d9de}
.comment-box .comment+.comment{border-top:1px solid #eaf0f5}
.comment-box .comment.focusin .op,UNUSEDhtml.touch .comment-box .comment .op,html.no-touchevents .comment-box .comment:hover .op{visibility:visible}
.comment-box .actions,.comment-box .actions a{color:#b7bdc3;font-size:1em}
.comment-box .comment-form .editable:focus{border:1px solid #ccc}
.zm-comment-box .zm-comment-op-link:hover{text-decoration:none}
.ui-suggest:before{position:absolute;top:-10px;left:50%;margin:0 0 0 -8px;width:0;height:0;border-right:9px solid transparent;border-bottom:9px solid rgba(0,0,0,.25);border-left:9px solid transparent;content:"";font-size:0}
.ui-suggest:after{position:absolute;top:-9px;left:50%;margin:0 0 0 -8px;width:0;height:0;border-right:9px solid transparent;border-bottom:9px solid #FFF;border-left:9px solid transparent;content:"";font-size:0}
.ui-suggest>.row{padding:0 12px;white-space:nowrap;line-height:44px;cursor:pointer}
.ui-suggest>.row:first-child.active:after,.ui-suggest>.row:first-child:hover:after{position:absolute;top:-9px;left:50%;z-index:1;margin:0 0 0 -8px;width:0;height:0;border-right:9px solid transparent;border-bottom:9px solid #F7F8F9;border-left:9px solid transparent;content:"";font-size:0}
.ui-suggest>.row .avatar{margin-right:8px;width:25px;height:25px;border-radius:13px;vertical-align:-7px}
.ui-suggest>.row .name{color:#666}
.ui-suggest>.row+.row{border-top:1px solid #f1f2f3}
.ui-suggest>.row:first-child{border-radius:4px 4px 0 0}
.ui-suggest>.row:last-child{border-radius:0 0 4px 4px}
.ui-suggest>.row.active,.ui-suggest>.row:hover{background-color:#f7f8f9}
.roundtable-form .row-avatar td[colspan]{padding:0}
.roundtable-form .row-avatar td[rowspan]{width:200px;height:200px;border:0}
.roundtable-form .row-avatar td[rowspan]+td{height:1em}
.roundtable-form input,.roundtable-form textarea{padding-top:1em;padding-bottom:1em;border:0;border-radius:0;box-shadow:none}
.roundtable-form input[readonly]{border-color:transparent;background:0 0;cursor:not-allowed}
.roundtable-form .topics-cell .input-container,.roundtable-form .topics-cell .tags-inline{float:left}
.content{float:left;margin-right:20px;margin-bottom:10px;width:200px;border-radius:3px}
.item-link{position:relative;position:relative;display:block;width:100%;height:100%;border-radius:3px 3px 0 0;background-position:center;background-size:cover}
.item-link .mask{display:block;width:100%;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.01) 70%,rgba(0,0,0,.4) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,.01) 70%,rgba(0,0,0,.4) 100%)}

.visits{display:block;box-sizing:border-box;width:100%;border-radius:0 0 3px 3px;background:#fff;color: #778087;}
.avatar{display:none;width:100%;border-radius:3px 3px 0 0}
.feeds-loading span{margin:0 1em}
.page-sidebar .items{margin:0;list-style:none}
.page-sidebar .items .item+.item{border-top:1px solid #eaf0f5}
.page-sidebar .items .item-link{float:left;margin-right:.8em;width:50px;height:50px}
.page-sidebar .items .item-header{overflow:hidden;padding:.5em .8em}
.page-sidebar .items a.name{color:inherit}
.page-sidebar .items img.avatar{display:block}
.currentli{background-color:#0b3e8e;color:#fff}
.currentli a{color:#fff!important}
.mineleftliover{background-color:#0b3e8e;color:#fff}
.mineleftliover a{color:#fff}
.mineleftliover a:hover{color:#fff}
.navli li{float:left;margin-right:10px!important;padding:2px;width:auto;text-align:center}
.navli li:hover{background-color:#0b3e8e;color:#fff}
.navlilihover{background-color:#0b3e8e;color:#fff}
.navlilihover a{color:#fff!important}
.navli li:hover a{color:#fff}
.nav{overflow:hidden;width:100%;min-width:950px;zoom:1}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary,.nav .nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:1200px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav-logo{padding-top:10px;color:#037b82;text-align:center;font-size:26px}
.nav .nav-logo{float:left;margin:0 13px 0 0;width:145px;height:46px}
.nav .nav-logo a:active,.nav .nav-logo a:hover{background:0 0!important}
.nav-search{position:relative;overflow:hidden;padding:10px 0 15px 0;zoom:1}
.nav-search input{border:none;background:0 0;-webkit-appearance:none}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search ::-moz-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
.nav-search .inp{float:left;width:470px;height:34px;background:url(/nav_bg_a1.png) no-repeat 0 0;text-align:center;cursor:text}
.nav-search .inp input{margin:0;padding-left:10px;width:96%;height:30px;height:28px\9;outline:0;background:#fff;text-align:left;line-height:28px\9}
.nav-search .inp-btn{position:relative;left:-1px;overflow:hidden;width:37px;height:34px;zoom:1}
.nav-search .inp-btn input{overflow:hidden;padding:35px 0 0 0;width:100%;height:100%;background:url(/nav_bg_a1.png) no-repeat 0 -40px;color:transparent;font-size:0;cursor:pointer}
.nav-search .inp-btn input:hover{background-position:-40px -40px}
.nav-secondary{width:100%;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:30px}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap{position:absolute;top:57px;left:-64px;z-index:11;display:none;padding:3px;border:1px solid #e3ddda;background:#f9f9f9;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);-moz-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15);-ms-box-shadow:0 0 2px rgba(0,0,0,.15)}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-inner,#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-wrap{position:absolute;top:-16px;left:50%;overflow:hidden;margin-left:-4px;width:0;height:0;border:8px solid transparent}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-wrap{border-bottom-color:#e3ddda}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap .icon-inner{top:-13px;margin-left:-3px;border:7px solid transparent;border-bottom-color:#f9f9f9}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul{border:1px solid #e3ddda}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul li{width:145px;height:45px;border-bottom:1px solid #e3ddda;background:#fff;font-size:14px;line-height:45px}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a{display:block}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:active,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:hover,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:link,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:visited{color:#9d9d9d}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:active,#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul a:hover{background:#f8f6f6;color:#9d9d9d}
#db-nav-commodity .nav-misc-item .publish-enterances-wrap ul .icon{padding-right:14px;vertical-align:middle;font-size:16px}
#db-nav-commodity .nav-item .icon-more,#db-nav-commodity .nav-misc-item.enterances .more-enterances .icon-more{display:inline-block;overflow:hidden;width:0;height:0;border:4px solid transparent;vertical-align:top;vertical-align:middle}
#db-nav-commodity{position:relative;overflow:visible;border-bottom:1px solid #d3cdca;background:#fff}
#db-nav-commodity .nav-wrap{border:none}
#db-nav-commodity .nav-primary{overflow:visible;padding:0;height:60px}
#db-nav-commodity .nav-logo{position:relative;margin-right:30px;width:122px;height:60px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background:0 0;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo{padding-top:15px;height:50px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;font-size:24px;-ms-border-radius:0 0 2px 2px}
#db-nav-commodity .nav-items{font-size:0}
#db-nav-commodity .nav-item{position:relative;display:inline-block;margin-right:15px;vertical-align:top;vertical-align:middle}
#db-nav-commodity .nav-item .nav-link{display:block;padding-top:4px;width:100px;height:53px;border-bottom:3px solid transparent;text-align:center;font-size:16px;line-height:53px}
#db-nav-commodity .nav-item .nav-link,#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover,#db-nav-commodity .nav-item .nav-link:link,#db-nav-commodity .nav-item .nav-link:visited{background:0 0;color:#654f41}
#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover{border-bottom-color:#037b82}
#db-nav-commodity .nav-item .icon-more{border-top-color:#654f41}
#db-nav-commodity .nav-item.search-item{overflow:hidden;margin-right:0;margin-left:20px;border:1px solid #e7e8e2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:0;-ms-border-radius:3px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity{display:inline-block;padding:0 0 0 10px;height:35px;background:#fff;vertical-align:top;line-height:35px}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-input{margin:0;padding:0;width:160px;height:35px;outline:0;border:0;vertical-align:top;line-height:35px\9}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-icon{width:38px;height:35px;border:none;border-left:1px solid #eee;background:url(/content/img/search.png) no-repeat center;color:#666;cursor:pointer}
#db-nav-commodity .nav-item.active .nav-link,#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#037b82}
#db-nav-commodity .story-more-nav .main-cate,#db-nav-commodity .story-more-nav .primary-tag,#db-nav-commodity .story-more-nav .secondary-tag{float:left;height:68px}
#db-nav-commodity .story-more-nav .main-cate a,#db-nav-commodity .story-more-nav .primary-tag a,#db-nav-commodity .story-more-nav .secondary-tag a{font-size:14px}
#db-nav-commodity .story-more-nav .main-cate a,#db-nav-commodity .story-more-nav .main-cate a:link,#db-nav-commodity .story-more-nav .main-cate a:visited,#db-nav-commodity .story-more-nav .primary-tag a,#db-nav-commodity .story-more-nav .primary-tag a:link,#db-nav-commodity .story-more-nav .primary-tag a:visited,#db-nav-commodity .story-more-nav .secondary-tag a,#db-nav-commodity .story-more-nav .secondary-tag a:link,#db-nav-commodity .story-more-nav .secondary-tag a:visited{color:#333}
#db-nav-commodity .story-more-nav .main-cate a:active,#db-nav-commodity .story-more-nav .main-cate a:hover,#db-nav-commodity .story-more-nav .primary-tag a:active,#db-nav-commodity .story-more-nav .primary-tag a:hover,#db-nav-commodity .story-more-nav .secondary-tag a:active,#db-nav-commodity .story-more-nav .secondary-tag a:hover{background:0 0;color:#666}
#db-nav-commodity .story-more-nav .main-cate{border-right:1px solid #ddd}
#db-nav-commodity .story-more-nav .primary-tag,#db-nav-commodity .story-more-nav .secondary-tag{padding-left:20px;width:400px;line-height:1}
#db-nav-commodity .story-more-nav .primary-tag li,#db-nav-commodity .story-more-nav .secondary-tag li{display:inline-block;padding:8px 10px;height:18px;vertical-align:top;font-size:12px;line-height:18px}
#db-nav-commodity .story-more-nav .secondary-tag{padding-right:0;width:240px}
#db-nav-commodity .story-more-nav .secondary-tag li{width:60px}
#db-nav-commodity .nav-misc{position:absolute;top:0;right:0}
#db-nav-commodity .nav-misc-list{padding-left:10px;height:60px;font-size:0}
#db-nav-commodity .nav-misc-item{display:inline-block;vertical-align:top}
#db-nav-commodity .nav-misc-item.enterances{position:relative;margin-right:14px;padding-right:14px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances{display:inline-block;margin-top:12px;padding:0 8px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#037b82;color:#fff;vertical-align:top;text-align:center;font-size:15px;line-height:36px;cursor:pointer;-ms-border-radius:2px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances:hover{background-color:#d8442b}
#db-nav-commodity .nav-misc-item.enterances .more-enterances.disabled,#db-nav-commodity .nav-misc-item.enterances .more-enterances.disabled:hover{opacity:.4;cursor:default;filter:Alpha(Opacity=40)}
#db-nav-commodity .nav-misc-item.enterances .more-enterances .icon-more{margin-top:2px;margin-left:8px;border-top-color:#fff}
#db-nav-commodity .nav-misc-item.enterances:last-child{margin-right:0;padding-right:0;border-right:0}
#db-nav-commodity .nav-misc-item .publish-enterances{border-bottom:none}
#db-nav-commodity .nav-misc-item .publish-enterances a{padding-left:20px}
#db-nav-commodity .nav-misc-item .publish-enterances .icon{padding-right:14px;vertical-align:middle;font-size:16px}
#db-nav-commodity .nav-misc-item .profile-link,#db-nav-commodity .nav-misc-item .profile-link:link,#db-nav-commodity .nav-misc-item .profile-link:visited{color:#654f41}
#db-nav-commodity .nav-misc-item .profile-link:active,#db-nav-commodity .nav-misc-item .profile-link:hover{background:0 0;color:#654f41}
#db-nav-commodity .nav-item.active .nav-link,#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#037b82!important}
#db-nav-commodity{margin-bottom:10px}
.more-product:hover{opacity:.9;filter:alpha(opacity=90)}
.apk-download-pannel>img{width:100%}
.apk-download-pannel>a{position:absolute;bottom:34px;left:1032px;display:inline-block;width:225px;height:45px}
.channel-group-rec li,.channel-group-rec li .info,.channel-item .bd,.channel-item .block,.channel-item .block p,.mod .hd{overflow:hidden;zoom:1}
.grid-16-8 .article{margin-bottom:40px;width:690px}
.grid-16-8 .aside{width:210px}
.channel-group-rec li,.channel-group-rec li .info,.channel-item .bd,.channel-item .block,.channel-item .block p,.mod .hd{overflow:hidden;zoom:1}
.channel-item{margin-bottom:20px}
.channel-item .likes{float:left;margin-right:19px;padding:8px 0;width:48px;border:1px solid #037b82;border-radius:50%;text-align:center;font-size:13px;line-height:1.3}
.channel-item .bd{padding-bottom:10px}
.channel-item .block{padding:10px;background:#f9f9f9;color:#999}
.channel-item .block p{margin:0}
.channel-item .pubtime{color:#999}
.channel-item .pic{position:relative;float:left;overflow:hidden;margin-right:16px;width:60px;height:60px;white-space:nowrap}
.channel-item .pic img{min-width:60px;min-height:60px;vertical-align:middle}
.channel-item .pic .pic-wrap{position:absolute;top:-30px;left:-30px;width:120px;height:120px;text-align:center}
.channel-item .pic .pic-wrap:after{display:inline-block;width:0;height:120px;content:"";vertical-align:middle}
.channel-item h3{margin:0 0 12px 0;background:0;font-weight:400;line-height:1.3}
.channel-item .source{margin-top:10px;color:#666}
.channel-item .source a:link,.channel-item .source a:visited{color:#666}
.channel-item .source .from{margin-right:18px}
.grid-16-8 .article{float:left;margin-bottom:40px;width:600px}
.grid-16-8 .aside{width:300px}
.mod{margin-bottom:10px}
.mod .hd{margin-bottom:10px;text-align:right}
.channel-group-rec .bd{border-top:1px solid #e5e5e5}
.channel-group-rec li{float:left;margin-top:10px;padding-bottom:10px;width:50%;color:#666}
.channel-group-rec li .titlec{margin-bottom:10px;font-size:14px;line-height:1.3}
.channel-group-rec li .pic{float:left;overflow:hidden;margin-right:8px;padding:2px;width:48px;height:48px}
.channel-group-rec li .pic img{width:100%;height:100%;border:1px solid #ddd;border-radius:5px}
.channel-group-rec li .num{margin-right:10px}
.lnk-join{white-space:nowrap}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary,.nav .nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:1200px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav .nav-logo a:active,.nav .nav-logo a:hover{background:0 0!important}
.ua-iphone .nav{-webkit-text-size-adjust:none}
.nav-search{position:relative;overflow:hidden;padding:10px 0 15px 0;zoom:1}
.nav-search input{border:none;background:0 0;-webkit-appearance:none}
.nav-search label{position:absolute;top:10px;left:11px;width:auto;color:#bbb;line-height:30px;cursor:text}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-moz-placeholder{color:#bbb}
.nav-search ::-moz-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
.nav-search .inp{float:left;width:470px;height:34px;text-align:center;cursor:text}
.nav-search .inp input{margin:0;padding-left:10px;width:96%;height:30px;height:28px\9;outline:0;background:#fff;text-align:left;line-height:28px\9}
.nav-search legend{display:none}
.nav-search fieldset{position:static;margin:0;padding:0;border:none}
.nav-search .inp-btn{position:relative;left:-1px;overflow:hidden;width:37px;height:34px;zoom:1}
.nav-search .inp-btn input{overflow:hidden;padding:35px 0 0 0;width:100%;height:100%;color:transparent;font-size:0;cursor:pointer}
.nav-search .inp-btn input:hover{background-position:-40px -40px}
.nav-search .inp-btn input:active{background-position:0 -40px}
.nav-secondary{width:100%;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary img{margin-right:4px;vertical-align:middle}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:30px}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
#db-nav-group a:link,#db-nav-group a:visited{color:#037b82}
#db-nav-group a:active,#db-nav-group a:hover{background-color:#037b82;color:#fff}
.bg-img-green h4,.nlst,.nlst h3{background-color:#f0f6f3}
.groupicon-qq:before,.groupicon-weibo:before,.item-3rd .item-qq:before,.item-3rd .item-weibo:before,[data-icon]:before{text-transform:none;font-weight:400;font-style:normal;font-variant:normal;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.groupicon-qq:before,.item-3rd .item-qq:before{content:"\e600"}
.groupicon-weibo:before,.item-3rd .item-weibo:before{content:"\e601"}
#g-popup-reg .lnk-close:active,#g-popup-reg .lnk-close:hover,#g-popup-reg .lnk-close:link,#g-popup-reg .lnk-close:visited{padding:0 2px;color:#aaa;font-size:18px;line-height:1}
#landing-bar .lnk-close:hover{background:0 0}
.grid-16-8 .aside{float:right;width:300px}
.clearfix{clear:both}
.clear{clear:both}
.reply-comment .lnk-close:hover{background-color:#999;color:#fff}
.topic-reply li{margin-bottom:10px;background:#fff}
.operation_div a,.operation_div span{float:right;margin-left:10px}
#comments .comment-report a:link,#comments .comment-report a:visited,.operation_div a:link,.operation_div a:visited{color:#aaa}
.operation_div a:active,.operation_div a:hover{background-color:#aaa;color:#fff}
.operation_div span{color:#BBB}
.nav{overflow:hidden;width:100%;min-width:950px;zoom:1}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary,.nav .nav-secondary{overflow:hidden;margin:0 auto;padding-bottom:0;width:1200px;zoom:1}
.nav .nav-primary{position:relative;overflow:hidden;padding:10px 0 5px;zoom:1}
.nav .nav-logo{float:left;margin:0 13px 0 0;width:145px;height:56px;background:url(/lg_main_a11_1.png) no-repeat 0 12px;background-image:-webkit-image-set(url(/lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-moz-image-set(url(/lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-ms-image-set(url(/lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-o-image-set(url(/lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x)}
.nav .nav-logo a{display:block;overflow:hidden;width:100%;height:100%;line-height:100em}
.nav .nav-logo a:active,.nav .nav-logo a:hover{background:0 0!important}
.ua-iphone .nav{-webkit-text-size-adjust:none}
.nav-search{position:relative;overflow:hidden;padding:10px 0 15px 0;zoom:1}
.nav-search input{border:none;background:0 0;-webkit-appearance:none}
.nav-search label{position:absolute;top:10px;left:11px;width:auto;color:#bbb;line-height:30px;cursor:text}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-moz-placeholder{color:#bbb}
.nav-search ::-moz-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
.nav-search .inp{float:left;width:470px;height:34px;background:url(/nav_bg_a1.png) no-repeat 0 0;text-align:center;cursor:text}
.nav-search .inp input{margin:0;padding-left:10px;width:96%;height:30px;height:28px\9;outline:0;background:#fff;text-align:left;line-height:28px\9}
.nav-search legend{display:none}
.nav-search fieldset{position:static;margin:0;padding:0;border:none}
.nav-search .inp-btn{position:relative;left:-1px;overflow:hidden;width:37px;height:34px;zoom:1}
.nav-search .inp-btn input{overflow:hidden;padding:35px 0 0 0;width:100%;height:100%;background:url(/nav_bg_a1.png) no-repeat 0 -40px;color:transparent;font-size:0;cursor:pointer}
.nav-search .inp-btn input:hover{background-position:-40px -40px}
.nav-search .inp-btn input:active{background-position:0 -40px}
.nav-secondary{width:100%;zoom:1}
.nav-secondary:after{clear:both;display:block;content:'\0020'}
.nav-secondary img{margin-right:4px;vertical-align:middle}
.nav-secondary ul{margin:9px 0}
.nav-secondary li{display:inline;margin-right:30px}
.nav-secondary .nav-items{float:none;font-size:13px;zoom:1}
label{float:left;display:inline-block;margin-right:15px;width:40px;vertical-align:middle;text-align:right;font-size:14px;line-height:30px}
.basic-input,.basic-textarea{padding:5px;height:18px;border:1px solid #c9c9c9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;vertical-align:middle;font-size:14px}
.basic-input:focus,.basic-textarea:focus{border:1px solid #a9a9a9}
.btncurent{border:1px solid #037b82;background-color:#037b82;color:#fff}
.mineleftliover{background-color:#037b82!important;color:#fff}
.mineleftliover a{color:#fff}
.wmimgbox{text-align:center}
.wmimgbox li{float:left;margin-right:15px!important;margin-bottom:20px!important;width:80px;height:100px;cursor:pointer}
.wmimgbox li .IMG{clear:both;overflow:hidden;padding:3PX;height:70px;border:1px solid #ddd;border-bottom:none;text-align:center}
.wmimgbox li img{clear:both;margin:0;padding:0;width:100%;height:100%}
.wmimgbox li .DIV{float:left;clear:both;overflow:hidden;margin:0;padding:3PX;width:90%;height:20px;border:1px solid #ddd;border-top:none;text-align:center;line-height:20px}
.typeinfo li:hover{background-color:#037b82;color:#fff}
.typeinfo li:hover a{color:#fff}
.bg-mask{opacity:.8;-webkit-transition:color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:color .4s,transform .4s,opacity .4s ease-in-out;transition:color .4s,transform .4s,opacity .4s ease-in-out}
.bg-mask:hover{opacity:1;-webkit-transition:color .4s,transform .4s,opacity .4s ease-in-out;-moz-transition:color .4s,transform .4s,opacity .4s ease-in-out;transition:color .4s,transform .4s,opacity .4s ease-in-out}
.img{ margin-top:6px;}
.icon06{width:20px;height:19px;background-position:0 0}
.icon05{width:20px;height:20px;background-position:-20px 0}
.icon08{width:20px;height:20px;background-position:-40px 0}
.icon07{width:20px;height:20px;background-position:-60px 0}
.icon02{width:20px;height:20px;background-position:-80px 0}
.icon01{width:20px;height:20px;background-position:-100px 0}
.icon04{width:20px;height:19px;background-position:-120px 0}
.icon03{width:20px;height:20px;background-position:-140px 0}
.icon09{width:20px;height:20px;background-position:-40px 0}
.icon10{width:20px;height:20px;background-position:-40px 0}
.dingzhiimg{float:left;margin-right:8px;margin-bottom:9px;/*margin-left:8px;*/width:120px;height:63px}
/*.anav { color: white;}*/
.dingzhiimgbg{float:left;margin-right:8px;margin-bottom:9px;width:300px;height:100px}
.dingzhiimgbg2{float:left;margin-right:8px;margin-bottom:9px;margin-left:0px;width:300px;height:100px}

.dingzhiul{padding-top:6px;padding-bottom:3px}
.dingzhiul li{clear:both;padding:2px;height: 60px;margin-bottom: 16px;}
.dingzhidiv{padding-top:5px}
.rigthimglist li{float:left;margin-right:10px;width:140px;height:100px}
.dingzhiimg2{width:140px;height:100px}
.dingzhiimg3{float:left;margin-right:8px;margin-bottom:9px;width:90px;height:34px}
.dingzhiimg4{float:left;margin-right:8px;margin-bottom:9px;width:170px;height:75px}
/*@media screen and (max-width:660px){*{font-size:14px!important}
#litoplifirst{display:none}
.divtopright{display:none}
.logoimgs{width:168px!important;height:48px!important}
.divsearch{padding-top:8px!important;padding-bottom:8px!important}
#rightnav{display:none}
.divtop01{margin:0 5px!important}
.divtop{height:auto!important}
.divsearchin{width:100%!important}
.divsearchinfo{display:none}
#eic_index_l3{padding:5px}
#divone{overflow:hidden;padding-top:5px;width:100%;height:850px}
#divtwo{height:600px}
#divthree{height:780px!important}
#divfour{height:980px}
 
#divsex{height:980px}
#divseven{height:1100px}
#diveight{height:850px}
.main-promotion .commodity-item .story-box{display:block}
.main-promotion .promotion-info .promotion-banner-title{text-align:left}
.main-promotion .promotion-info{padding:0}
#divseven{padding-top:10px}
.divsearch{height:60px!important}
.divkejiinfo01{width:100%!important}
#eic_indexl3_tab1{width:100%!important}
.eic_blue_tabse2l{display:none}
#eic_indexl3_tab1 a{height:45px!important}
.divnews{height:780px!important}
.divinfo03,.divnews{width:100%!important}
.divin03left{display:none}
.mod-mediacard{width:45%;height:186px}
.bg-mask{width:99%!important;height:130px!important}
.xm_mn{height:550px!important}
.rementuijian{display:none}
.ct2 .mn,.wp{width:100%!important}
.sd{width:100%!important}
.portal_block_summary{display:none}
.gexiimg2{padding:0}
.righttabInfo2{width:100%}
.gexiimg3{margin-right:10px;margin-left:0}
.divimg,.gexiimg3{width:45%}
.xm_sd{height:auto!important}
.u-list_box{width:100%}
.tool{width:100%!important}
.tool li{padding-left:0!important;width:50%}
.tit{float:left;width:110px}
.spantime{display:none}
.index_cont{width:100%!important}
.container-row_l{overflow:hidden;margin-bottom:20px;width:100%!important;height:750px}
.home-recommend-col1{border:none}
.main-promotion{border:none}
.u-list li{margin-right:10px;margin-left:5px;width:45%}
.list_test{height:33px}
.rlist li{padding-left:10px}
.n2{top:0;left:8px;z-index:20;margin-right:8px;width:30px;width:18px;height:18px;border:1px solid #11aae0;border-radius:2px;background-color:transparent!important;color:#aab2bd;text-align:center;font-weight:bolder;font-size:12px;line-height:17px}
.channel-item{width:100%}
.main-promotion .commodity-layout{width:100%!important}
.clearfix{height:100%}
.container-row_r{padding:0;width:100%!important}
.aside{width:100%!important}
.dx-nav,.home-recommend-col1{width:100%!important}
.dx-nav .bd li{float:left;margin-right:10px;border-top:none}
.commodity-layout,.main-promotion{margin-left:0;width:100%}
.commodity-layout li{width:100%}
.commodity-item{float:none}
.commodity-item img{width:100%;height:auto!important}
.layout-item-A{width:100%!important}
.leftdivinfo{padding:10px;width:100%!important}
.roundtable-list .content{margin-right:10px;width:45%}
.module{display:none}
.article{width:100%!important}
.home-recommend-col1{margin-right:0}
.divsearchin{padding:0!important}
.divlogo{margin-right:26px!important}
.channel-group-rec li{padding-left:5px;width:45%}
.imgtools{margin-right:5px;margin-left:5px;width:63px;height:63px;border:1px solid #d3d9de;border-radius:5px}
}*/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-size:14px}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
a{color:#161616;text-decoration:none;cursor:pointer}
*{font-family:"microsoft yahei","微软雅黑",simsun,"宋体"}
a:hover{text-decoration:none}
img{border:none}
h1{font-weight:700;font-size:15px}
span{text-align:left}
.divtop{height:30px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-bottom:1px solid #e6e5e5;background-color:#f1f1f1;line-height:30px}
.divtop01{margin:0 25px;height:100%}
.divtop01 ul{float:left;width:222px}
.divtop01 li{float:left;margin-right:1px;width:80px;height:23px;text-align:center;line-height:23px}
.divtop01 li a{display:block}
.divsearch{    clear: both;
    padding-top: 15px;
    padding-bottom: 5px;
    height: 90px;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;}
.divsearchin{margin:0 auto;padding:8px 5px 5px 5px;width:1200px;height:60px}
.divlogo{float:left;margin-right:20px;width:210px;height:55px}

.divsearchinfo{float:left;margin-top:0px;margin-right:30px;height:38px;border:1px solid #2fb3ff!important}
.searchbox{float:left;overflow:hidden;padding-left:38px!important;width:420px;height:40px;border:none!important}
.txtinfo{margin:0;padding-left:8px;width:400px;height:40px;border:0}
.btninfo{ float:left;width:65px;height:38px;border-left:1px solid #2fb3ff!important;background-color:#2fb3ff!important;color:#fff!important;text-align:center;line-height:40px;cursor:pointer}
.btninfo a{color:#fff!important}
.btninfoovre{background-color:#f2f2f2}
.btninfo a{color:#fff}
.divBom{clear:both;border-top:1px solid #ddd;color: #161616;margin-top: 20px;}
.divBomIn{margin:0 auto;width:1000px;height:200px}
.divBomIn li{float:left;margin-right:5px;width:100px;height:36px;line-height:36px}
.divBomIn1{float:left;margin-top:30px;padding-left:10px;width:360px;height:150px;border-right:1px solid #ddd}
.divright1{padding-top:20px;text-align:center}
.divright2{margin-bottom:20px;padding:10px;text-align:center}
.divBomIn2{float:left;margin-bottom:10px;width:360px;height:180px;text-align:center}
.divBomIn3{float:left;margin-top:30px;padding-left:40px;width:330px;height:150px;border-left:1px solid #ddd;line-height:26px}
#tbox{position:fixed;right:3px;bottom:15px;z-index:300;float:right;width:50px}
#gotop{display:block;width:50px;height:48px;background:url(/Content/img/icon.png) no-repeat;color:#161616;text-align:center;font-weight:700;font-size:14px;line-height:50px}
 
.logininfo{position:relative;margin:0 auto;width:1000px;height:520px}
.logininfo .top{margin-bottom:10px;padding-top:10px;height:50px;text-align:center;font-size:16px;line-height:50px}
.logininfo .left{float:left;width:700px;height:514px;border-radius:8px}
.logininfo .leftin{color:#071f0b;text-align:center;font-size:30px;line-height:514px}
.logininfo .right{float:left;margin:0 auto;margin-top:50px;width:290px;height:400px;border:1px solid #ddd;border-radius:3px;background-color:#f0f0f0}
.logininfo .regleft{float:left;margin-right:20px;width:700px;height:514px}
.logininfo .regleftin{border-radius:10px;color:#071f0b;text-align:center;font-size:30px;line-height:514px}
.logininfo .regright{position:relative;float:left;overflow:hidden;width:380px;height:510px;border:1px solid #ddd;border-radius:4px;background-color:#fff}
.regtop{padding-left:20px;height:45px;background-color:#f0f0f0;color:#38250e;font-size:14px;line-height:45px}
.reg02{padding:8px;height:98px;background-color:#f0f0f0}
.logininfo .sucessdiv{position:absolute;top:20px;right:8px;float:left;display:none;overflow:hidden;width:380px;height:510px;border:1px solid #ddd;border-radius:4px;background-color:#000;opacity:.8}
.logininfo .sucessdivin{position:absolute;top:80px;right:50px;display:none;margin:100px auto;padding:80px 0;width:300px;background-color:#fff;text-align:center}
#username{position:relative;z-index:2;clear:both;margin:0 0 18px 25px;padding-right:5px;width:240px;height:42px;border-radius:4px;background-image:url(/Content/Img/bg.png);background-position:0 -352px;line-height:42px}
#userpwd{position:relative;z-index:2;clear:both;margin:0 0 18px 25px;padding-right:5px;width:240px;height:42px;border-radius:4px;background-image:url(/Content/Img/bg.png);background-position:0 -352px;line-height:42px}
#username .ico{position:absolute;top:13px;left:9px;z-index:1;background-image:url(/Content/Img/bg.png)}
#userpwd .ico{position:absolute;top:13px;left:9px;z-index:1;background-image:url(/Content/Img/bg.png)}
.ico-uid{width:14px;height:16px;background-position:-169px -64px}
.ico-pwd{width:14px;height:16px;background-position:-193px -64px}
.txtuserinfo{position:relative!important;left:-28px!important;margin-left:30px!important;padding-left:33px!important;width:209px!important;height:38px!important;border:1px solid #ddd!important;border-radius:3px!important;border-radius:5px!important}
.bom2{height:80px;border-top:1px solid #ddd}
.logfoot{clear:both;margin:0 auto;padding:10px 0;width:1000px;height:60px}
.logfoot01{float:left;margin-right:10px;width:85px;height:75px}
.logfoot02{margin:0 auto;padding-top:18px;width:600px}
.logfoot02 li{float:left;margin-right:20px}
.logfoot03{float:left}
#regsuccess{position:absolute;top:66px;right:20%;overflow:hidden;margin-right:1px;width:379px;height:450px;background-color:#fff;opacity:.9;filter:alpha(opacity=9);-moz-opacity:.9;-khtml-opacity:.9}
#regsuccess li{float:left;margin:5px 8px}
#regsuccess li a{padding:5px;background-color:#161616;color:#ededed}
#regsuccess li a:hover{padding:5px;background-color:#ed640c;color:#fff}
.reg01{padding-top:20px;height:350px}
.reg01 div{margin-bottom:10px;height:45px;color:#38250e;text-align:center;font-weight:700;font-weight:700;line-height:45px}
.regTxt{float:left;padding-left:5px;width:250px;height:76%;height:35px;border:1px solid #ddd;border-radius:3px}
.regspan{float:left;margin-right:1%;width:19%;text-align:right;font-weight:lighter}
.logingun{overflow:hidden;padding:10px;height:160px;border-top:1px solid #b7b4b4}
.searchinfo{margin:0 auto}
.searchinfoin{padding:15px 0}
.searchinfotitle{margin-bottom:5px;font-weight:700;font-size:18px}
.searchinfohead{margin-bottom:5px}
.searchinfoinfo{margin-bottom:5px}
.maskdiv{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-color:#000;opacity:.8}
.maskdivin{position:absolute;top:0;left:0;display:none;margin:10%;width:80%;height:80%;background-color:#f0f0f0;text-align:center;font-weight:700;font-size:18px}
#msgdiv{display:none;padding-left:120px;height:50px;color:red;line-height:50px}
.login-three-home{text-align:center}
.login-three-home h3{height:14px;color:#666;text-align:center;font-size:12px}
.login-three-home a{float:left;width:104px;height:36px;border-radius:2px;color:#fff;line-height:36px}
.login-three-home a i{float:left;width:35px;height:100%;background:url(/content/img/threeico.png) no-repeat}
.login-three-home .sina i{background-position:5px 5px}
.login-three-home .qq i{background-position:-40px 5px}
.login-three-home .weixin i{background-position:-90px 5px}
.login-three-home .yangcong i{background-position:-90px 5px}
.login-three-home a span{float:left;height:36px;text-align:center;font-size:12px;line-height:36px}
.login-three-home a span{padding-left:8px}
.login-three-home .weixin{background-color:#8bcf7b}
.login-three-home .yangcong{background-color:#9762d8}
.login-three-home .sina{background-color:#e36f5f}
.login-three-home .qq{margin:0 10px;background-color:#5ca3df}
.btnlogn{margin:0 auto;margin-bottom:8px;height:43px;max-width:120px;border:1px solid #ed640c;border-radius:3px;color:#ed640c;text-align:center;font-weight:700;line-height:43px;cursor:pointer}
.btnlogn2{margin:0 auto;margin-bottom:8px;height:43px;max-width:120px;border:1px solid #ed640c;border-radius:3px;background-color:#f0f0f0;color:#ed640c;text-align:center;font-weight:700;line-height:43px;cursor:pointer}
.btnlognover{background-color:#ed640c;color:#fff}
.btnlognover a{color:#fff}
.btnlognover a{color:#fff}
.showinfo{position:absolute;top:40px;left:0;z-index:9999;display:block;display:none;width:100%;height:90px;border-bottom:1px solid #ddb59b;background-color:#f0f0f0}
.news-more{display:block;margin:30px auto;width:162px;height:32px;border:1px solid #58aeef;border-radius:5px;color:#58AEEF;color:#58aeef;text-align:center;font-size:16px;line-height:32px}
a.news-more{color:#58aeef}
a.news-more:hover{background-color:#58aeef;color:#fff}
.ke-container-default{min-width:666px!important}
.topul{float:left;padding-left:20px;height:30px}
.topul li{float:left;margin-right:15px}
.divtopright{float:right;margin-right:20px}
.logindiv{clear:both}
.icon-search{position:absolute;top:11px;left:11px;display:inline-block;width:16px;height:16px;
             background:url(/content/img/header_3091d80.png) -133px -189px no-repeat}
.divkejitopright02{float:right}
.divkejitopright02 li{float:left;margin-right:15px;padding:0 5px}
.divkejitopright02 a:hover{color:#2fb3ff}
.divbottom01{height:490px;background-color:#fff}
.divbottom01in{margin:0 auto;width:1200px}
.divwujin2over2{padding-bottom:12px!important;border-bottom:2px solid #c8113d !important}
.divwujin2over2{/*color:#11aae0!important*/}
.divbottom02{margin-top:20px;height:auto;background-color: #fff;margin-bottom: 20px;}
.divbottom02in{margin:0 auto;width:1200px}
.divbottom02inover{ color: #c8113d;}
.divbottom03{border-top:1px solid #ddd}
.spanriqi{margin-top:2px;    color: #8590a6;}

.lifirstnvaimg{    width: 20px;height: 20px;margin-top:2px;} 
.lilastnvaimg{    width:15px; height:15px; position:absolute; left:860px; top:6px;} 

.divdianli{height:20px; width:870px; margin: 0 auto;  line-height: 20px; padding: 2px 0 13px; margin: 0 20px 20px 0; border-bottom: 1px solid #eee; font-size: 0;}

.newslistleftinfo img{ width: auto;height: auto;max-width: 800px !important;}

.aboutinfo p{ line-height: 25px;font-size: 15px !important;}

.selectfirst{display: block}
.selectother{display: none}

.btngotobtn li{ float: left;margin-right: 10px;text-align: center; cursor: pointer}
.btngotobtn li img{ width: 50px;height: 50px; }



/*新闻页面*/
.divbanner {
    height: 500px;width: 1200px;margin: 10px auto;background-color: #fafafa;
}

.divnewcontent{ width: 1200px;margin: 0 auto;}

.divtype{ width: 1200px;margin: 0 auto;height:120px;background-color: #fafafa;margin: 20px auto;  }





.divtimeleave2{background-color: #ef8e16;height:75px;width:100%; color: white;cursor: pointer;border-radius: 0px;line-height: 68px;}
.divtimeleave2:hover{ background-color: #dd7e09;  transition: all 1s;}

.divtimeleave3{background-color: #c8113d;height:75px;width:100%; color: white;cursor: pointer;border-radius: 0px;line-height: 68px;}
.divtimeleave3:hover{ background-color: #9d0b2e;  transition: all 1s;}

.tipsinfo{
    /* background-color: #e04242; */
    margin: 0 auto;
    padding: 3px 5px;
    margin-top: -10px;
    background-color: #fafafa;
    /* color: white; */
    border: 1px solid #ddd;
    font-size: 12px;
    border-radius: 0px;
    cursor: pointer;
    margin-right:6px;}

.ft-footer{min-width:1190px;_margin-bottom:0;font-size: 14px;}
.ft-footer a,.ft-footer label,.ft-footer p,.ft-footer b,.ft-footer .copyright{line-height:20px;}
.ft-footer .ft-footer-con{overflow:hidden;width:1190px;margin-left:auto;margin-right:auto;}
.ft-footer a{color:#555555;text-decoration:none;}
.ft-footer a:hover{color:#cc3311;}
.ft-footer ul,.ft-footer li,.ft-footer p{white-space:nowrap;padding:0;margin:0;}
.ft-footer .icon-footer-icp,.ft-footer .icon-footer-union,.ft-footer .icon-footer-report,.ft-footer .icon-footer-submit,.ft-footer .icon-footer-icbu,
.ft-footer .qcode,.ft-footer button{background-repeat:no-repeat;}
.ft-footer .icon-footer-icp,.ft-footer .icon-footer-union,.ft-footer .icon-footer-report,.ft-footer .icon-footer-submit,.ft-footer .icon-footer-icbu{width:16px;height:16px;vertical-align:middle;*line-height:10px;*float:left;display:inline-block;*display:inline;*zoom:1;*font-size:0;}
.ft-footer .icon-footer-icp{background-position:0 0;}
.ft-footer .icon-footer-union{background-position:-16px 0;}
.ft-footer .icon-footer-report{background-position:-32px 0;}
.ft-footer .icon-footer-submit{background-position:-48px 0;}
.ft-footer .icon-footer-icbu{background-position:-64px 0;}
.ft-footer .footer-link{font-size:0;margin:20px 0 10px;margin-right:-40px;word-spacing:-3px}
.ft-footer ul{list-style:none;display:inline-block;*display:inline;*zoom:1;margin-right:20px;font-size:0;word-spacing:-6px;}
.ft-footer .narrow{margin-right:5px;*margin-right:15px;}
.ft-footer li{width: 70px;float:left; margin-bottom:8px;*margin-left:-12px;*margin-right:-12px;font-size:0;word-spacing:-3px;line-height:1em;word-spacing:-3px;}
.ft-footer li a{margin-right:14px;font-size:14px;word-spacing:0;}
.ft-footer li label{font-size:14px;font-weight: 400;}
.ft-footer label a{margin-right:0;}
.ft-footer .cert{margin:20px 0 40px;margin-right:-100px;color:#909090;font-size:0;vertical-align:top;}
.ft-footer .cert .cert-list{display:inline-block;*display:inline;*zoom:1;font-size:12px;margin-right:48px;*margin-right:55px;vertical-align:top;}
.ft-footer .cert p{line-height:16px;margin-bottom:8px;vertical-align:middle;}
.ft-footer .cert p span,.ft-footer .cert p a{font-size:12px;*display:inline;line-height:16px;}
.ft-footer .cert b{font-weight:normal;}
.ft-footer .qcode{background-position:0 -65px;width:105px;height:90px;display:inline-block;*display:inline;*zoom:1;padding-left:110px;}
.ft-footer .qcode .wrap{display:inline-block;padding:18px 0;line-height:25px;}
.ft-footer .qcode .title{font-size:16px;display:inline-block;}
.ft-footer .copyright{clear:both;text-align:center;color:#909090;font-size:14px;}
.ft-w970 .ft-footer-con{width:970px;}
.ft-w1190 .ft-footer-con{width:1190px;}
.ft-w1190 .ft-footer .footer-link{height: 80px;margin-bottom: 30px;margin-right: -80px;padding-bottom: 20px;}
.ft-w1190 .ft-footer ul{float: left;}
.ft-w1190 .ft-footer .tit{width: 100%;clear: both;display: block;float: none !IMPORTANT;
    height: 20px !IMPORTANT;}
.tit{width: 100%;clear: both;display: block;float: none !IMPORTANT;
    height: 20px !IMPORTANT;font-weight: lighter; }
.ft-w1190 .ft-footer .narrow{margin-right:10px;*margin-right:20px;}
.ft-w1190 .ft-footer .cert{margin-right:-123px;*margin-right:-90px;}
.ft-w1190 .ft-footer .cert-list{margin-right:108px;*margin-right:115px;}

/* pages */
#pages { padding:14px 0 10px;margin:10px;text-align: center;}
#pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 { width:56px; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#06a7e1; border:1px solid #06a7e1; color:#fff; text-align:center; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

                                                                                              


.misc{position:fixed;right:10px;bottom: 0px;margin-top: -50px;height: 90px; z-index:999;width:30px;border-radius:3px;border-right: none;text-align: center; }
.misc .item{opacity: 0.8; text-align: center;line-height: 30px; width:30px;height:30px!important;
            text-align:center;overflow:hidden;margin-top:10px;background-color: #4aa6fc;border-radius: 100%;}
.item{position: absolute;bottom: 55px;}
.item2{ background-color: #b90707 !important;position: absolute;bottom: 20px;}
.misc .item:hover{opacity:1}
.misc a{position:absolute;padding-left:3px;padding-right:3px;line-height:1.2;color:#fff;font-size:12px}
.misc a:hover{color:#FFF!important}
.misc a.item-text-hidden{top:39px}
.misc a.item-icon-hidden{top:-39px}
.misc a.item-show{top:0}
.misc .item-text{top:39px}
.misc .item-icon{display:inline-block}
.misc .text{float:left;padding-top:4px}


.name,.visits{padding:2px 5px}
.nametip{
        position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    height: 45px;
    /*background-color: #000;*/
    opacity: 0.8;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.05) 5%,rgba(0,0,0,1) 80%);
    color: #fff;
}
.name{position:absolute;right:0;bottom:0px;left:0;height:40px;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.05) 5%,rgba(0,0,0,1) 100%);color:#fff}
.spantop{height: 35px;  color: #8590a6;/*background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 100%)*/}
.spantop02{position: absolute;top: 0px; height: 30px;width: 100%;   color: #8590a6;/*background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 5%,#ddd 100%)*/}

.atitle { 
    text-align: left;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display: block;}
.hotname { line-height: 30px;
    text-align: left;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display: block;}
.content{ position: relative;overflow:hidden;}
.totops{ position: absolute;top: 0px;background-color: #000;opacity: 0.5; }

.showdiv{ position: absolute;top: 130px;left: 0px;height: 100%;width: 100%; background-color: #000;opacity: 0.6;color: white;}
.showdivinfo{ position: absolute;top:130px;left: 0px;height: 100%;width: 100%; background-color:transparent;color: white;z-index: 999; }
.showdivinfo a{ color: white;}
               .top130{ top: 130px !important; }
.bannertopleft{ color: white; margin-top: 3px; float: left; margin-left: 10px;}
.bannertoprigth{ float: right; margin-right: 10px; color: #d62929; font-size: 20px}

.titleleft{ width: 80%; }
.titleright{ margin-top: -20px;float: right;color: #d62929;font-size: 18px; }
.divtip{ position: absolute;top: 3px;left: 3px;}
.spantop02score{color: #d62929;font-size: 16px;float: right;margin-right: 8px;font-weight:bold; }  


.divtitle{ margin: 10px 0px;font-size: 18px;}

.showdivinfo  a:hover{ color: white;}

              .divnavtextup{ height:80px; margin-top:30px; clear:both;}
.divnavtext{ width: 1200px;margin: 10px auto;}
.divnavtext li{ float: left;width: 190px;}
    .divnavtext li span {
          height: 20px;
          margin-bottom:8px;
    display: block;
    float: left;
    text-align: left;
    width:63px;
    overflow:hidden;
    }
.rightline{width: 2px !important;height: 50px; border-right: 2px solid #888 !important;margin-right: 40px; }

.divnavimg li { float: left;width: 100px;margin-left: 40px; text-align:center;}
.onclose {
    opacity:0.8;
}

.divrights{   
    font-size:12px;
}


.divrights2 {
    font-size:16px;
}


.input{border:1px solid #379BE9;width: 260px;}

.btnbtninfo {
    height: 20px;
    line-height: 20px;
    border: 1px solid #666;
    padding: 1px 6px;
    margin-left: 8px;
    border-radius: 3px; cursor:pointer;  background-color:white;}
    .btnbtninfo:hover {
        background-color:#11aae0; color:white; border:1px solid #11aae0;
    }


.zhanquandongni {
    font-size:28px; margin-right:20px;text-align: center;width: 120px;  
}
.zhanquandongniright {
    float:right; padding-top:10px;
}



.cores {
    font-size:14px; margin-left:0px;
}
.spanaddress {
    margin-top: 3px; float: left; margin-left: 10px; color:white;
}

.divshowinfo {
    clear: both; text-align: center; background-color:#ffffff ; color:#49555e; height:30px; line-height:30px;opacity:0.9;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.divshowinfo a {
    color:#49555e;
}
.divshowinfo a:hover {
    color:#161616;
}

.spantext {
    width:70px; float:left;
}

.divallnav {
    float:left; width:80px; text-align:center;  height:45px; line-height:40px; margin-right:25px; position:relative; color:#72787c;
}
    .divallnav:hover {
        background-color:#eaeaea; color:#555d53;  
    }

    .divallnav i {
        font-size:30px;  cursor:pointer;
    }

.divallnavin {
    height: 435px;
    width: 180px;
    background-color: #eaeaea;
    opacity:0.90;
    color: white;
    z-index: 100000000;
    position: absolute;
    top: 45px;
}
    .divallnav img {
        width:30px;  height :auto;
    }

.divallnavin {
    display:none;
padding-top:20px; padding-left:10px;}
.divallnavin div {
    height:35px; line-height:35px; 
}

    .divallnavin li {
        height: 32px;
        line-height: 32px;
        border-radius: 20px;
        padding: 0 10px;
        text-align: left;
        float: left;
        padding-left: 10px;
        margin-right: 10px;
        border: 1px solid #eaeaea;
    }

.divallnavin li  a{
    color:#49555e;
}
    .divallnavin ul {
        position:absolute;
        height:450px;
    }
.divallnavin li:hover{
    background-color:#11aae0; 
    color:white;
    border:1px solid #eaeaea;
}

.divallnavin li  a:hover{
    color:#e5e5e5;
}

.divallnavin li:hover a{
  color:white;
}
.divallnavin li a:hover{
    color:white;
}

.divall {
    clear:both; padding-top:10px;
}

.divnav {
    height:50px; line-height:50px; background-color:#f0f0f0; border:1px solid #ddd;  padding:0 8px; margin: 0 0 10px 0;
}

    .divnav li:hover {
        background-color:#c8113d;  cursor:pointer; color:white;
    }
.listnavleft {
    float:left; 
}
    .listnavleft span {
        width:80px;
    }

.listnavright {
    float:right; 
}

.navliftdiv {
  border:1px solid #ddd; height:35px; width:auto;  overflow:hidden; margin-top:7px; line-height:35px; border-right:none; float:left; margin-right:50px;
}

    .navliftdiv li {
        float:left;  width:60px; text-align:center; padding:2px 8px;   border-right:1px solid #ddd;   background-color:white;
    }
      .navliftdiv i {
        font-size:14px;
    }

.navliftdiv2{
  border:1px solid #ddd; height:27px; width:243px;  margin-top:12px; line-height:27px; border-right:none; float:left;
}

    .navliftdiv2 li {
        float:left;  width:120px; text-align:center;  border-right:1px solid #ddd;   background-color:white;
    }





    .navliftdiv3{
  border:1px solid #ddd; height:35px; width:102px;  margin-top:7px; line-height:27px; border-right:none; float:left;  margin-right:20px;
}

    .navliftdiv3 li {
        float:left; height:35px; line-height:35px;  width:50px; text-align:center;  border-right:1px solid #ddd;   background-color:white;
    }


    
    .navliftdiv4{
  border:1px solid #ddd; height:35px; width:122px;  margin-top:7px; line-height:27px; border-right:none; float:left;
}

    .navliftdiv4 li {
        float:left;  height:35px; width:60px; text-align:center;  border-right:1px solid #ddd;   background-color:white; font-size:28px !important
    }

.spanprice {
    clear:both; float:left;
}

.itemtuijian:hover {
  
    border-radius:1px;
}

.itemtuijian {
    position:relative;
}

.bordershow {
 box-shadow: 0 5px 30px #49555e;
 -webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms
}

.itemtuijianout {
    position:absolute; height:280px; top:0px; left:0px;   box-shadow: 0 5px 30px #49555e; z-index:1; width:200px; display:none;
    -webkit-transition:all .15s linear 10ms;-moz-transition:all .15s linear 10ms;-o-transition:all .15s linear 10ms;transition:all .15s linear 10ms;-ms-transition:all .15s linear 10ms

}

.itemtuijianoutindex {
    position:absolute; height:50px; bottom:0px; left:0px;    z-index:1; width:200px; background-color:#fafafa;
}

.itemtuijianoutbottom {
    position:absolute; height:30px; bottom:0; width:200px; background-color:white;
}
    .divshowbtn a {
        color:white !important; 
    }
    .divshowbtn a:hover {
        color:white !important; 
    }
.divbottoms {
 height: 30px;
    width: 202px;
    background-color: white;
    position: absolute;
    bottom: -30px;
    left: -1px;
}

.divshowbtn {
    width:120px; height:28px; line-height:28px; border:1px solid #c8113d; border-radius:5px; position:absolute;bottom:10px; left:38px;
     clear:both; text-align:center; background-color:#c8113d; color:white;  margin:0 auto;  display:none;  cursor:pointer;
}




table {
	max-width:100%;
	background-color:transparent;
	border-collapse:collapse;
	border-spacing:0
}
.table {
	width:100%;
	margin-bottom:20px
}
.table th,.table td {
	padding:8px;
	line-height:20px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #ddd
}
.table th {
	font-weight:bold
}
.table thead th {
	vertical-align:bottom
}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
	border-top:0
}
.table tbody+tbody {
	border-top:2px solid #ddd
}
.table .table {
	background-color:#fff
}
.table-condensed th,.table-condensed td {
	padding:4px 5px
}
.table-bordered {
	border:1px solid #ddd;
	border-collapse:separate;
	*border-collapse:collapse;
	border-left:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.table-bordered th,.table-bordered td {
	border-left:1px solid #ddd
}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
	border-top:0
}
.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child {
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px
}
.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child {
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px
}
.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child {
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px
}
.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child {
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px
}
.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
	-webkit-border-bottom-left-radius:0;
	border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0
}
.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
	-moz-border-radius-bottomright:0
}
.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child {
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px
}
.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child {
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px
}
.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th {
	background-color:#f9f9f9
}
.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
	background-color:#f5f5f5
}
table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"] {
	display:table-cell;
	float:none;
	margin-left:0
}
.table td.span1,.table th.span1 {
	float:none;
	width:44px;
	margin-left:0
}
.table td.span2,.table th.span2 {
	float:none;
	width:124px;
	margin-left:0
}
.table td.span3,.table th.span3 {
	float:none;
	width:204px;
	margin-left:0
}
.table td.span4,.table th.span4 {
	float:none;
	width:284px;
	margin-left:0
}
.table td.span5,.table th.span5 {
	float:none;
	width:364px;
	margin-left:0
}
.table td.span6,.table th.span6 {
	float:none;
	width:444px;
	margin-left:0
}
.table td.span7,.table th.span7 {
	float:none;
	width:524px;
	margin-left:0
}
.table td.span8,.table th.span8 {
	float:none;
	width:604px;
	margin-left:0
}
.table td.span9,.table th.span9 {
	float:none;
	width:684px;
	margin-left:0
}
.table td.span10,.table th.span10 {
	float:none;
	width:764px;
	margin-left:0
}
.table td.span11,.table th.span11 {
	float:none;
	width:844px;
	margin-left:0
}
.table td.span12,.table th.span12 {
	float:none;
	width:924px;
	margin-left:0
}
.table tbody tr.success>td {
	background-color:#dff0d8
}
.table tbody tr.error>td {
	background-color:#f2dede
}
.table tbody tr.warning>td {
	background-color:#fcf8e3
}
.table tbody tr.info>td {
	background-color:#d9edf7
}
.table-hover tbody tr.success:hover>td {
	background-color:#d0e9c6
}
.table-hover tbody tr.error:hover>td {
	background-color:#ebcccc
}
.table-hover tbody tr.warning:hover>td {
	background-color:#faf2cc
}
.table-hover tbody tr.info:hover>td {
	background-color:#c4e3f3
}

.ui-paging-container {
    color: #666;
    font-size: 12px;
}

    .ui-paging-container ul {
        overflow: hidden;
        text-align: center;
    }

    .ui-paging-container ul, .ui-paging-container li {
        list-style: none;
    }

    .ui-paging-container li {
        display: inline-block;
        padding: 3px 10px;
        margin-left: 5px;
        color: #666;
        margin-right:5px;
    }

        .ui-paging-container li.ui-pager {
            cursor: pointer;
            border: 1px solid #ddd;
            border-radius: 2px;
        }

            .ui-paging-container li.ui-pager:hover, .ui-paging-container li.focus {
                background-color: #2fb3ff;
                color: #FFFFFF;
            }

        .ui-paging-container li.ui-paging-ellipse {
            border: none;
        }

        .ui-paging-container li.ui-paging-toolbar {
            padding: 0;
        }

            .ui-paging-container li.ui-paging-toolbar select {
                height: 22px;
                border: 1px solid #ddd;
                color: #666;
            }

            .ui-paging-container li.ui-paging-toolbar input {
                line-height: 20px;
                height: 20px;
                padding: 0;
                border: 1px solid #ddd;
                text-align: center;
                width: 30px;
                margin: 0 0 0 5px;
                vertical-align: middle;
            }

            .ui-paging-container li.ui-paging-toolbar a {
                vertical-align: middle;
                text-decoration: none;
                display: inline-block;
                height: 20px;
                border: 1px solid #ddd;
                vertical-align: top;
                border-radius: 2px;
                line-height: 20px;
                padding: 0 3px;
                cursor: pointer;
                margin-left: 5px;
                color: #666;
            }

        .ui-paging-container li.ui-pager-disabled, .ui-paging-container li.ui-pager-disabled:hover {
            background-color: #f6f6f6;
            
            cursor: default;
            border: none;
            color: #ddd;
        }

.spanriqi .white {
    color:white;
}
.icon-dizhi {
    float:left; font-size:20px;
}
.icon-guanbi {
    font-size:12px;
}
.divdianlifirst i {
    /*margin-left:8px;*/
}

.divpinlunjb {
    float:right; margin-right:10px; margin-top:10px;
}

.divpl {
   position:relative;
}

.actinfo {
    padding:10px 0; min-height:120px;
}

.divall a {
    color:#49555e;
}

.divall a:hover {
    color:#11aae0;
}


 
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#e02222;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#e02222;border-color:#e02222}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li{display:inline}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}

#catlisttype2 {
    height :50px;  overflow:hidden;
}

#diviheight {
    cursor:pointer;
}

.listype2child ul {
    padding-left:10px; padding-top:3px;
}
.listype2child {
    display:none; padding-left:8px;
    height:auto; min-height:30px; width:1100px;  border:1px solid #ddd; padding:5px;  background-color:#fafafa;
    margin-top:5px; margin-left:70px;
}
.listype2child li {
    float:left; margin-right:5px; padding :0 8px; cursor:pointer;
}
.listype3child li {
    float:left; margin-right:5px; padding :0 8px;cursor:pointer;
}
.listype4child li {
    float:left; margin-right:5px; padding :0 8px;cursor:pointer;
}

.liselecton {
    background-color:#11aae0;   color:white !important;
}.liselecton a{
    color:white !important;
}

 .liselectonchild {
    background-color:#11aae0;  color:white !important; border-radius:20px;
} 

#catlisttype3 li, #catlisttype4 li, #catlisttype1 li, #catlisttype2 li {
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

 .listype3child ul {width:1010px;
    padding-left:10px; padding-top:3px;
}
.listype3child {
    display:none; padding-left:8px;
    height:auto; min-height:80px; width:1100px;  border:1px solid #ddd; padding:5px;  background-color:#fafafa;
    margin-top:5px; margin-left:70px;
}
.listype3child li {
    float:left; 
}


 .listype4child ul {width:1010px;
    padding-left:10px; padding-top:3px;
}
.listype4child {
    display:none; padding-left:8px;
    height:auto; min-height:30px; width:1100px;  border:1px solid #ddd; padding:5px;  background-color:#fafafa;
    margin-top:5px; margin-left:70px;
}
.listype4child li {
    float:left; 
}

.navselect {
    display:none;
}
.btnbtninfo span {
    margin-right:10px;
}

.searchbtnover {
    background-color:#c8113d  !important; color:white !important;
}

#divchange {
    cursor: pointer;
}

    #divchange:hover {
        color: #c8113d;
    }



    body{background-color:#f7f8fa}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;font-size:14px}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
a{text-decoration:none;color:#161616;cursor:pointer}
*{font-family:"microsoft yahei","微软雅黑",simsun,"宋体"}
a:hover{text-decoration:none;color:#b24602}
img{border:none;width:100%;height:100%}
h1{font-size:15px;font-weight:700}
span{text-align:left}
.gloabTop{background-color:#b24602;border-bottom:1px solid #ddd;height:30px;line-height:30px}
.gloabTopin{width:1000px;margin:0 auto}
.gloabTopinleft{float:left}
.gloabTopinleft a{display:block}
.gloabTopinleft li{width:50px;float:left;list-style:none;margin:0 2px;text-align:center}
.gloabTopinright{float:right}
.gloabTopinright li{width:78.65px;float:left;list-style:none;width:auto;padding:0 5px;text-align:center;cursor:pointer}
.gloabTopinright li a{display:block}
.gloabTopinright ul{position:relative}
.btnlogn{height:43px; max-width:120px; margin:0 auto; line-height:43px; margin-bottom:8px; cursor:pointer; border-radius:3px; color:#c8113d; text-align:center; border:1px solid #c8113d; font-weight:bold}
.btnlognover{background-color:#c8113d; color:white}
.btnlognover a{color:white;}
.divright{/*background-color:#fdfdfd;height:100px*/}
.divright1{text-align:center;padding-top:20px}
.divright2{text-align:center;padding:10px;margin-bottom:20px}
 .top_nav{border-bottom:1px solid #d9d9d9;height:80px;width:100%;background: #fff;overflow: hidden;clear: both}
.top_navin{width:1000px;margin:0 auto;padding-top:15px;overflow:hidden;zoom:1}
.firstli{height:50px;float:left;margin-right:80px;}
.top_navinul{padding-top:15px;float:left}
.top_navinul li{float:left;text-align:center;width:80px;height:32px;line-height:32px}
.top_navinul li span{background-color:#b24602;border-radius:5px;text-align:center;color:#fff;display:block;cursor:pointer}
.top_navinulover{border-radius:5px;color:#fff;display:block;cursor:pointer}
.top_navinulover a{color:#b24602}
.warpnewtop{width:1000px;margin:0 auto}
.warpnewtop plaintext{width:390px;float:left;position:relative}
.slider01{position:relative;overflow:hidden;width:100%}
*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.clearit{clear:both;height:0;font-size:0;overflow:hidden}
.fwit a:link,.fwit a:visited{color:#fff}
.fwit a:hover{color:#fff}
.fblue,.fblue a:link,.fblue a:visited,a.fblue:link,a.fblue:visited{color:#b24602}
.fblue a.hover,a.fblue:hover{color:#b24602;text-decoration:underline}
.tmbg a span{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#fa000000') \9;background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));background:-webkit-gradient(linear,bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));background:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7))}
.icons,.list01 li,.omenu_li li{background-image:url(/cloudnews/res/assets/img/xuan-homepage/icons.png);background-position:0 0;background-repeat:no-repeat;background-repeat:no-repeat;background-image:-webkit-image-set(url(/cloudnews/res/assets/img/xuan-homepage/icons.png) 1x,url(/cloudnews/res/assets/img/xuan-homepage/icons_2x.png) 2x)}
.partner{background:url(/cloudnews/res/assets/img/xuan-homepage/partner.png) 0 0 no-repeat}
.titl{background-image:url(/cloudnews/res/assets/img/xuan-homepage/titl.png);background-repeat:no-repeat;background-image:-webkit-image-set(url(/cloudnews/res/assets/img/xuan-homepage/titl.png) 1x,url(/cloudnews/res/assets/img/xuan-homepage/titl_2x.png) 2x)}
.logo{background-image:url(/cloudnews/res/assets/img/xuan-homepage/logo.jpg);background-repeat:no-repeat;background-image:-webkit-image-set(url(/cloudnews/res/assets/img/xuan-homepage/logo.jpg) 1x,url(/cloudnews/res/assets/img/xuan-homepage/logo_2x.jpg) 2x)}
.lf{float:left!important}
.rt{float:right!important}
.space{height:20px;width:100%;overflow:hidden;zoom:1}
.wrap{width:1000px;margin:0 auto}
.top_nav .wrap{padding-top:15px;overflow:hidden;zoom:1}
.top_nav .wrap .mo_btn{background:url(/cloudnews/res/assets/img/xuan-homepage/mo_menu.png) 0 0 no-repeat;background-size:contain;height:30px;width:30px;margin-top:5px;float:left}
.top_nav .wrap .mo_user_face img{border-radius:20px}
.part01{margin-top:50px}
.part01 .p_l{width:390px;float:left;position:relative}
.part01 .p_m{float:left;width:475px;margin:0 20px;zoom:1;position:relative}
.part01 .p_m_bor{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:268px 10px 0 20px}
.part01 .p_m .list01{border-top:1px dotted #d9d9d9;padding:15px 0 0}
.part01 .p_r{width:305px;float:left}
.part01 .blk_yw{position:absolute;top:0;left:435px;padding-bottom:5px;width:425px;z-index:2}
.part01 .blk_yw .txt{padding-bottom:15px}
.part01 .blk_yw h2{font-size:18px;line-height:35px;font-weight:700}
.part01 .blk_yw p{padding-top:5px;line-height:28px;font-size:14px}
.part01 a.yw_more{display:block;width:103px;height:30px;line-height:999px;overflow:hidden;zoom:1;background-position:0 -160px;margin:20px auto 0}
.part01 a.yw_more:hover{background-position:0 -200px}
.partAd{margin:40px auto;border:1px solid #ddd;padding:20px 10px;display:none;overflow:hidden}
.partAd h2{font-weight:700;float:left;float:left;font-size:15px;padding-bottom:10px;padding-right:30px}
.partAd ul{float:left;overflow:hidden;width:80%;height:40px;zoom:1}
.partAd ul li{float:left;padding:0 10px 15px}
.partAd .rt{float:right;color:#b24602;height:20px}
.partAd .rt a{color:#b24602;font-size:12px;font-family:"宋体"}
.part02{background:#f5f5f5;margin-top:40px;padding-bottom:40px}
.part02 .tit{font-size:18px;font-weight:700;text-align:center;height:40px;line-height:40px;color:#666;padding-top:10px}
.part02 .cont{width:100%}
.part03{overflow:hidden;zoom:1}
.part03 .p_l{float:left;width:49%}
.part03 .p_r{float:right;width:49%}
.part03 .tl{height:18px;padding-top:30px;padding-bottom:10px;line-height:18px;text-align:right;font-size:12px}
.part03 .tl h2{float:left;font-size:18px;font-weight:700}
.part04{ margin-bottom: 30px;}
.part04 .p_l{float:left;width:100%}
.part04 .p_l_c{width: 660px; margin-right:10px;padding: 5px;float: left;
                   margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
    box-sizing: border-box;
    padding: 0 20px 16px 20px;
    margin-top: 20px;
}
.part04 .p_r{float:right;width:300px;margin-left:0;background: #f5f5f5;margin-top: 20px;}
.part_friends{margin:20px 0}
.part_friends .wrap{border-top:1px dashed #d9d9d9}
.part_friends h2{margin-top:20px;font-size:14px}
.part_friends p a{padding:0 5px 0 0;font-size:12px}
.part_friends p a:link,.part_friends p a:visited{color:#b2b2b2}
.part_friends p a:hover{color:#b24602}
.part_friends h2{font-size:14px;padding-bottom:10px;font-weight:700}
.part_friends .pic a{float:left;margin:10px 30px 10px 0;margin-right:30px;display:inline}
.part_friends .pic img{display:block;width:auto}
.list01{padding-left:25px}
.list01{font-size:16px;line-height:40px}
.list01 li{background-position:0 -24px;padding-left:15px}
.pictxt{overflow:hidden;zoom:1}
.pictxt .pic{width:49%;height: auto;margin-right: 3px;margin-bottom: 3px;}
.pictxt .pic a{display:block;position:relative;width:100%;height:auto;overflow:hidden;zoom:1}
.pictxt .pic img{width:100%;height:auto;min-height:148px;display:block}
.pictxt .pic a span{line-height:20px;height:50px;margin-top:-50px;display:block;position:relative;padding:0 2px 0 5px;text-overflow:ellipsis;overflow:hidden}
.pictxt .pic i{position:absolute;top:9px;left:0;width:88px;height:37px}
.blk01{padding-top:10px}
.blk01 .tit01{overflow:hidden;zoom:1;line-height:999px;height:50px;width:100px}
.blk01 .t_newspace{background-position:0 0}
.blk01 .t_xhview{background-position:0 -105px}
.blk01 .t_yinhua{background-position:0 -50px}
.blk02{float:left;margin-top:20px;display:inline;width:49%;overflow:hidden;zoom:1;position:relative}
.blk02 .bcont{border-left:5px solid #ff9f52;padding:20px;overflow:hidden;zoom:1;background:#fff}
.blk02 .pic{float:left;width:150px;height:150px;padding-right:30px}
.blk02 .pic img{display:block;border-radius:100px;width:100%;height:100%}
.blk02 .txt{padding-top:20px;height:150px;overflow:hidden}
.blk02 h2{font-size:22px;font-size:2.2rem;font-weight:700}
.blk02 p{padding-top:10px;overflow:hidden;height:60px;text-overflow:ellipsis;white-space:nowrap}
.i_zhan .bcont{border-color:#ff9f52}
.i_zhuan .bcont{border-color:#c37cfa}
.i_ping .bcont{border-color:#85c65a}
.i_yi .bcont{border-color:#fb7d7d}
.i_zhan h2{color:#ff9f52}
.i_zhuan h2{color:#c37cfa}
.i_ping h2{color:#85c65a}
.i_yi h2{color:#fb7d7d}
.blk03 .lf{width:62%;float:left}
.blk03 .rt{width:37%;float:right}
.blk03 .pictxt .pic{width:100%}
.blk03 .pic{margin-top:10px;position:relative}
.blk03 .pictxt .pic a,.blk03 .pictxt .pic img{height:100%}
.blk03 .lf .pic{height:300px}
.blk03 .lf .pic span{font-size:18px;font-size:1.8rem;line-height:50px;line-height:3.6rem}
.blk03 .rt .pic{height:145px}
.blk03 .pic .vido{background:url(/cloudnews/res/assets/img/xuan-homepage/vido_icon.png) 0 0 no-repeat;background-size:contain;width:24%;height:26%;position:absolute;top:33%;left:42%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cloudnews/res/assets/img/xuan-homepage/vido_icon.png', sizingMethod='scale');display:block}
.info .icons { padding:  0 6px;}
.divright .pictxt{padding-bottom:25px;border-bottom:1px dotted #d9d9d9}
.divright .list01{padding-left:0;padding-top:15px}
.divright .pictxt .pic img{width:183px;height:123px}
.divright .tit{overflow:hidden;zoom:1;padding:0 0 10px}
.divright .tit h2{font-size:18px;float:left;font-weight:700}
.divright .refresh{cursor:pointer;float:right;width:17px;height:17px;overflow:hidden;zoom:1;background-position:0 -120px}
.divright .tit.icons{background-position:0 -280px;padding-left:25px}
.divright .switch{cursor:pointer;float:left;font-size:14px;padding-top:4px;padding-left:3px}
.divright .list01 li{overflow:hidden;height:35px;text-overflow:ellipsis;white-space:nowrap}
.divright .blkcont{transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s}
.scroll-to-fixed-fixed {background-color:#f5f5f5 }
.blk05{padding-top:20px}
.blk05 .QR{background:url(/cloudnews/res/assets/img/xuan-homepage/QRCode.png) 0 0 no-repeat;height:163px;width:334px;margin:0 auto;overflow:hidden;zoom:1;display:block}
#guesslike{padding-bottom:20px;display:none}
#localnews{position:relative}
.localBtn{background-color:#b24602;font-size:12px;text-align:center;color:#fff;display:block;float:left;width:60px;height:19px;border-radius:3px;cursor:pointer}
.fixposition{display:none;border:1px solid #ddd;position:absolute;background:#fff;width:403px;z-index:999;left:-15px;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s}
.fixposition .c{font-size:12px;padding:10px 5px}
.fixposition select{float:left;margin-right:5px}
.fixposition label{float:left;padding-left:5px}
.loading{height:30px;width:30px;display:block;margin:20px auto}
.nodata{background:url(/cloudnews/res/assets/img/order-news/order-news-no-news-bg.png) no-repeat 50% 60%;width:90%;height:90%}
#guesslike .nodata{background-image:url(/cloudnews/res/assets/img/xuan-homepage/no-news-bg.png)}
.list_hd li,.slider_hd .angle,.slider_hd_dot span{background:url(/cloudnews/res/assets/img/xuan-homepage/hd_icons.png) 999px 999px no-repeat}
.tit_hd{height:18px;padding-bottom:19px;line-height:18px;text-align:right;font-size:12px}
.tit_hd h2{float:left;font-size:18px;font-weight:700}
.slider_hd{border-bottom:1px dotted #d9d9d9}
.slider_hd_c{overflow:hidden;zoom:1;width:305px;height:180px;position:relative}
.slider_hd .hd_c{float:left;width:305px;height:180px;overflow:hidden;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s}
.slider_hd .con{border-style:solid;border-width:1px 1px 0;border-color:#b24602;height:70px;overflow:hidden;zoom:1}
.slider_hd .tit{height:40px;line-height:40px;color:#fff;padding-left:15px;font-size:16px;background:#b24602}
.slider_hd .angle{background-position:0 -220px;width:23px;height:17px;overflow:hidden;zoom:1}
.slider_hd .editor .pic{float:left;height:50px;width:50px}
.slider_hd .editor .pic img{border-radius:25px;width:100%;height:100%;display:block}
.slider_hd .name{float:left;padding:8px 0 0 10px}
.slider_hd .name h4{font-size:14px;color:#4f5157;padding-bottom:5px}
.slider_hd .name p{font-size:12px;color:#b24602}
.slider_hd .add{float:right;padding-top:14px}
.slider_hd .add a{display:block;height:22px;width:50px;border:1px solid #d8d8d8;font-size:12px;line-height:22px;text-align:center;background:#fff}
.slider_hd .add a:hover{background-color:#b24602;color:#fff}
.slider_hd_dot{text-align:center;height:25px;padding-top:15px;padding-bottom:10px}
.slider_hd_dot span{display:inline-block;margin:0 2px;height:10px;line-height:999px;overflow:hidden;zoom:1;font-size:0;width:10px;background-position:0 -360px;border-radius:5px}
.slider_hd_dot span.on{background-position:0 -340px}
.c_debate .con{font-weight:700}
.c_debate .con span{float:left;text-align:center}
.c_debate .con span em{font-weight:400;font-style:normal;padding-top:3px;font-size:12px;text-align:left}
.c_debate .d1,.c_debate .d2{width:42%;padding-top:15px;padding-left:5px;font-size:14px;line-height:16px}
.c_debate .vs{width:12%;color:#c7c7c7;font-size:22px;padding-top:18px}
.c_vote .con{border-color:#83cd4d}
.c_vote dl{overflow:hidden;zoom:1;padding:12px 15px 0;line-height:16px}
.c_vote dt{float:left;width:140px;height:4px;overflow:hidden;zoom:1;margin-top:8px}
.c_vote dd{float:right;width:130px;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;height:16px;overflow:hidden}
.c_vote .v1{display:block;width:50%;background:#fa924d;height:4px;overflow:hidden;zoom:1}
.c_vote .v2{display:block;width:50%;background:#ebc928;height:4px;overflow:hidden;zoom:1}
.c_vote .angle{background-position:0 -240px}
.c_vote .tit{background-color:#83cd4d}
.c_vote .name p{color:#83cd4d}
.c_survey .con{border-color:#8d71cd;text-align:center}
.c_survey .angle{background-position:0 -260px}
.c_survey .tit{background-color:#8d71cd}
.c_survey .name p{color:#8d71cd}
.c_survey .num{float:left;font-size:38px;color:#8d71cd;border-right:1px solid #e1e1e1;height:40px;line-height:40px;width:50%;padding-right:10px;text-align:right;margin-top:15px;font-weight:700}
.c_survey .tt{float:left;font-size:14px;padding-left:15px;line-height:40px;margin-top:15px}
.c_topic .con{border-color:#f16161}
.c_topic .con p{line-height:22px;padding:10px 15px 0;font-size:12px;color:#666}
.c_topic .angle{background-position:0 -280px}
.c_topic .tit{background-color:#f16161}
.c_topic .name p{color:#f16161}
.c_question .con{border-color:#f7865a}
.c_question .angle{background-position:0 -300px}
.c_question .tit{background-color:#f7865a}
.c_question .name p{color:#f7865a}
.c_question .num{float:left;font-size:38px;color:#f7865a;border-right:1px solid #e1e1e1;height:40px;line-height:40px;width:50%;padding-right:10px;text-align:right;margin-top:15px;font-weight:700}
.c_question .tt{float:left;font-size:14px;padding-left:15px;line-height:40px;margin-top:15px}
.list_hd{padding-top:18px}
.list_hd li{height:40px;line-height:40px;padding-left:25px;font-size:16px}
.list_hd li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px}
.list_hd .bian{background-position:0 13px}
.list_hd .piao{background-position:0 -27px}
.list_hd .hua{background-position:0 -67px}
.list_hd .da{background-position:0 -108px}
.list_hd .diao{background-position:0 -149px}
.blk_ad{padding-top:29px}
.slider01{position:relative;overflow:hidden;width:100%}
.slider01 .piclist{overflow:hidden;zoom:1;height:260px;position:relative;width:100%}
.slider01 img{width:100%;height:100%;display:block}
.slider01 li{float:left;height:auto;width:100%}
.slider01 li a{display:block;width:100%;height:100%}
.slider01 li span{display:block;cursor:pointer;height:40px;line-height:40px;line-height:2.5rem;font-size:1.8rem;font-size:18px;padding-left:10px;margin-top:-40px;position:relative;text-overflow:ellipsis;white-space:nowrap}
.slider01 dl{overflow:hidden;zoom:1;height:6px;width:100%;margin-top:1px}
.slider01 dl span{height:6px;float:left;width:20%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #fff;overflow:hidden;zoom:1;display:inline;line-height:999px;font-size:0;background-color:#ccc;display:block}
.slider01 dl span.on{background-color:#b24602}
.slider01 dl span.last{border-right:0}
.orderNews{position:relative}
.orderNews .order_menu{height:50px;font-weight:700;border-top:3px solid #000;background-color:#fff}
.mfixed{position:fixed!important}
.obtn{position:absolute;right:0;width:80px;text-align:center;color:#b24602;font-size:16px;height:50px;line-height:50px;background-position:-108px -963px;cursor:pointer}
.obtn.select{background:0 0;border-left:1px solid #ccc;border-right:1px solid #ccc}
.onews{position:absolute;left:0;height:50px;width:98px;line-height:50px;color:#fff;background:#258beb;cursor:pointer;background:-webkit-linear-gradient(120deg,#b24602,#258beb);background:-moz-linear-gradient(120deg,#b24602,#258beb);background:-o-linear-gradient(120deg,#b24602,#258beb);background:linear-gradient(120deg,#b24602,#258beb);text-align:center;float:left;margin-top:-6px}
.omenu{margin:0 80px 0 98px;line-height:50px;font-weight:700;position:relative}
.omenu_li{overflow:hidden;zoom:1;float:left;width:85%}
.omenu_li li{float:left;text-align:center;width:20%;background-position:100% -722px;font-size:16px}
.omenu_li li span,.omenu_more_li li span{cursor:pointer}
.omenu_li li span.cur,.omenu_more_li li span.cur{color:#b24602}
.omenu_more{float:left;width:15%;min-width:35px;text-align:center;cursor:pointer;height:50px}
.omenu_more_btn i{display:inline-block;font-style:normal;padding-right:12px;background-position:100% 23px;min-width:35px}
.omenu_more .omenu_more_li{opacity:0;visibility:hidden;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;width:103px;right:10%;position:relative}
.omenu_more.on .omenu_more_li{visibility:visible;background:#fff;width:103px;opacity:1;right:10%;position:relative}
.omenu_more.on .omenu_more_btn i{background-position:100% -760px}
.omenu_more_li{border:1px solid #ccc;border-bottom:0}
.omenu_more_li li{border-bottom:1px solid #ccc;height:40px;line-height:40px}
.omenu_more_li li a{display:block}
.omenu_more_li li a:hover{color:#fff;background:#449fec}
.order_window{position:absolute;z-index:999;left:0;right:0;top:51px;background:#fff url(/cloudnews/res/assets/img/xuan-homepage/orderBg.png) 100% 0 no-repeat;padding-top:5%;border:1px solid #ccc;border-top:0;display:none}
.order_window.show{display:block}
.order_window dl{padding:0 2%}
.order_window dt{color:#666;font-size:16px;font-weight:400}
.order_window dd{padding:10px 0;overflow:hidden}
.order_window dd span{display:block;float:left;text-align:center;margin-right:8px;margin-bottom:5px;color:#fff;font-weight:400;font-size:14px;cursor:pointer;height:35px;line-height:35px;width:44px;text-align:center;overflow:hidden;zoom:1}
.order_window .ordered span{background-color:#35d675}
.order_window .orderopt span{background-color:#bcc8d2}
.order_window .ordered span:hover{background:url(/cloudnews/res/assets/img/xuan-homepage/order-news-menu-hover.png) 50% -12px no-repeat;line-height:99px;overflow:hidden;zoom:1}
.order_window .ordered span.ks-dd-dragging{background-color:#fff;text-indent:-99px;border:2px #4886DE dashed;width:40px;height:31px}
.order_window .ordered span.ks-dd-proxy{background:#5ad288;color:#fff;border:0;opacity:.8;cursor:move}
.order_window .orderopt span:hover{background:url(/cloudnews/res/assets/img/order-news/order-news-menu-hover.png) 50% -72px no-repeat;line-height:999px}
.order_window .ordertip{border-top:1px solid #ccc;padding:8px 10px;text-align:right;color:#666;font-weight:400;background-color:#f5f5f5}
.order_window .ordertip a{display:inline-block;background-color:#b24602;border-radius:4px;padding:4px 13px;color:#fff}
.olist li{padding:30px 0;border-bottom:1px dotted #e6e6e6;overflow:hidden;zoom:1}
.olist .pic{float:right;width:140px;height:105px;padding-left:10px}
.olist .txt{overflow:hidden;zoom:1}
.olist .title{font-size:20px;height: 25px;text-align: left}
.olist .abstract{font-size:14px;padding:10px 0 10px 0px;line-height:24px}
.olist .info{font-size:12px;color:#999}
.olist .info a:link,.olist .info a:visited{color:#999}
.olist .title span{display:inline-block;width:50px;font-size:10px;color:#fff;padding-left:7px;line-height:22px;height:22px;vertical-align:5px}
.olist .title .flag1{background-position:0 -338px}
.olist .title .flag2{background-position:0 -398px}
.olist .title .flag3{background-position:0 -458px}
.olist .title .flag4{background-position:0 -518px}
.olist .title .flag5{background-position:0 -578px}
.olist .title .flag6{background-position:0 -638px}
.olist .pics{padding-left:54px}
.olist .pics .pic{width:33%;float:left;height:auto;padding:20px 0}
.olist .pics .pic a{width:98%;display:block;float:left;height:auto;overflow:hidden;zoom:1}
.news-more{display:block;margin:30px auto;width:162px;height:32px;line-height:32px;text-align:center;font-size:16px;color:#58AEEF;border-radius:5px;border:1px solid #58aeef;color:#58aeef}
a.news-more{color:#58aeef}
a.news-more:hover{color:#fff;background-color:#58aeef}
.blk_radio{padding-top:20px}
.blk_radio .cont{background:url(/cloudnews/res/assets/img/xuan-homepage/radio.png) 0 0 no-repeat;width:305px;height:197px}
.blk_radio .tit{font-size:18px;font-weight:700;height:40px}
.blk_radio .txt{padding-top:15px;width:90%;margin:0 auto;text-align:center;font-size:14px;height:45px;line-height:20px}
.blk_radio .opts{height:35px;overflow:hidden;zoom:1;padding:0 0 0 98px}
.blk_radio .opts span{display:block;cursor:pointer;width:34px;float:left;height:35px;background:url(/cloudnews/res/assets/img/xuan-homepage/radio_btn.png) 0 0 no-repeat}
.blk_radio .opts .radioBack{background-position:0 -100px;margin-top:4px}
.blk_radio .opts .radioPlay{background-position:0 0;width:39px}
.blk_radio .opts .radioPuse{background-position:0 -40px;width:39px}
.blk_radio .opts .radioNext{background-position:0 -140px;margin-top:4px}
.blk_radio .process{overflow:hidden;zoom:1;padding:15px 10px 5px;height:18px}
.blk_radio .now,.blk_radio .played{color:#fff;width:35px;font-size:12px;float:left;height:18px}
.blk_radio .ruler{width:209px;height:20px;float:left;padding:6px 3px;cursor:pointer}
.blk_radio .ruler .bg{width:100%;background-color:#fff;height:3px;overflow:hidden;zoom:1}
.blk_radio .ruler .playing{width:1%;background-color:#143758;height:3px;overflow:hidden;zoom:1}
.blk_radio .channel{position:relative;padding-top:34px}
.blk_radio .channel span{padding:0 3px 0 21px;color:#4aa3ec;cursor:pointer}
.blk_radio .channel span:hover{color:#fff}
.blk_radio .channel .on{color:#fff}
.blk_radio .pointer{background-position:0 -640px;width:14px;height:60px;position:absolute;left:148px;top:5px;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.blk_radio .p0{left:27px}
.blk_radio .p1{left:88px}
.blk_radio .p2{left:148px}
.blk_radio .p3{left:204px}
.blk_radio .p4{left:266px}
.footer{padding:20px 0}
.footer .wrap{border-top:4px solid #e6e6e6;text-align:center;padding:20px 0;color:#b2b2b2;font-weight:400;font-size:12px}
#b2t{position:fixed;display:block;bottom:70px;left:50%;width:62px;height:37px;padding-top:25px;text-align:center;font-size:12px;color:#c5c5c5;background-color:#f5f5f5;background-position:25px -808px;cursor:pointer;margin-left:620px;z-index:9}
.mo_app{display:none}
.gloabTop a{color:#fff}
.gloabTop a:hover{text-decoration:none;color:#fff}
.newAll{width:1200px;margin:0 auto;clear:both;height:auto;color:#2a2a2a}
.newstop{height:60px;}
.newstopimg{float:left;margin-right:10px}
.newtop{margin:10px 0 10px 0;height:auto}
.newtopimg{height:70px;padding-bottom:10px}
.newnav{height:45px;line-height:45px;border-top:3px solid #dc0000;border-bottom:1px solid #dedede;border-right:1px solid #dedede}
.newnavover{background-color:#fa6060}
.newnavover a{color:#fff;display:block}
.newnavover a:hover{color:#fff}
.newnav li{width:85px;float:left;list-style:none;text-align:center;font-size:14px}
.newnav li div{border-right:1px solid #dedede}
.newsTQ{height:45px;line-height:45px;letter-spacing:1px;margin-bottom:10px}
.newinfoleft{width:760px;margin-right:30px;float:left;background-color:#fff;padding-bottom:20px}
.newinforight{width:310px;float:left}
.rightbox{height:auto;text-align:center;clear: both;
              padding: 0 16px;
                 margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
    box-sizing: border-box;
}
.borderinfo{ background-color: #fff;padding: 0px;border: 1px solid #ddd;}
.rightboxtop{
    height:45px;line-height:45px;font-size: 14px;
                display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #f0f2f7;
    box-sizing: border-box;
}
.rightboxtop ul{position:relative}
.rightboxtop li{float:left;width:155px;text-align:center;cursor:pointer}
.rightboxinfo{height:auto;padding:8px;clear:both}
.rightboxinfo a{display:block}
.newhead{border-bottom:1px solid #f0f0f0;margin-bottom:20px}
.newhead01{height:200px;padding:4px 0;clear:both;border-bottom:1px solid #f0f0f0;overflow:hidden;background-color:#f9f9f9;padding-left:5px}
.newhead01over{background-color:#f8f8f8}
.newOne{height:60px;line-height:60px;clear:both;overflow:hidden}
.newOne2{height:50px;clear:both;margin-top:10px}
.newOneleft{float:left;overflow:hidden;font-size:14px;font-weight:inherit}
.newOne a{font-size:26px}
.newOne a:hover{color:#ae0e0e;font-size:26px}
.newOne2 a{font-size:21px}
.newOne2 a:hover{color:#ae0e0e;font-size:21px}
.newOneinfo{clear:both;margin-bottom:10px;overflow:hidden;height:35px;padding-right:50px}
.newTwo{clear:both;overflow:hidden}
.newTwo li{height:30px;float:left;width:40%}
.newTwo2{clear:both;overflow:hidden}
.newTwo2 span{margin-right:18px}
.newsli{height:120px;padding:15px 5px;background-color:#f8f8f8}
.newsli li{float:left;margin-right:1%;list-style:none;width:350px;height:30px;line-height:30px;overflow:hidden}
.newhead02{height:135px;padding:8px;clear:both;margin:15px auto;border-bottom:1px solid #f0f0f0;overflow:hidden}
.newsleft{float:left;height:120px;width:180px;margin-right:20px;padding-top:10px}
.newheadright02{height:90px;padding:8px;clear:both;margin:0 auto;overflow:hidden}
.newsleftright02{float:left;height:68px;width:100px;margin-right:5px;padding-top:10px}
.newsleftright02 a{display:block;height:98%}
.newsright02{float:left;width:180px;padding-top:15px}
.newsright{float:left;width:520px}
.newimg{width:25%;height:150px;float:left}
.newimgin{padding:5px 10px;height:100%}
.newimginbom{height:30px;text-align:left;padding:5px;overflow:hidden;font-size:12px}
.newimgintop{height:200px;margin-bottom:10px}
.newimginsmalltop{height:auto;margin-bottom:10px;float:left;width:100%}
.newimginsmalltop a{display:block;height:100%}
.newimginsmall{height:auto;margin-bottom:10px;float:left;width:48%;margin-right:1%;margin-left:1%}
.newimginsmall a{display:block;height:100%}
.newsmoreinfo{width:50px;height:30px;line-height:30px;background-color:#c7c7c7;color:#fff;cursor:pointer;color:#680707;text-align:center;border-radius:3px;float:right;margin-right:10px}
.newsmoreinfo a{color:#161a19}
.newsmoreinfo:hover{color:#fff;background-color:#f53838;-webkit-transition:all .15s linear .01s;-moz-transition:all .15s linear .01s;-ms-transition:all .15s linear .01s;-o-transition:all .15s linear .01s;transition:all .15s linear .01s;box-shadow:0 0 2px #f2aa0d}
.newsmoreinfo:hover a{color:#fff}
.newsAD{height:100px;margin:10px auto;background-color:#f0f0f0;padding:8px 10px;clear:both}
#newsGongyi li,#newsview li{float:left;width:32.34%;margin-right:1%;height:140px;margin-bottom:15px}
.newsbom{height:auto;background-color:#f0f0f0;clear:both;margin-bottom:10px;margin-top:20px}
.newbody{height:580px;margin:10px 0;padding:5px 0}
.newbodytop{height:40px;line-height:40px;background-color:#fafafa;border-bottom:1px solid #ddd;padding:5px 10px;font-weight:700;padding-left:15px}
.newbodyinfo{height:520px;overflow:hidden;padding-top:10px}
.newbodyinfoleft{float:left;width:320px;text-align:center}
.newbodyinforight{float:left;width:420px;padding-left:10px}
.newbodyinforight li{margin-bottom:4px;height:95px;border-bottom:1px}
.newbodyinforight h1{height:32px;font-size:16px;margin-bottom:2px;line-height:40px;padding-left:10px;font-weight:400;margin-bottom:5px}
.newbodyinforight p{margin-bottom:2px;padding-bottom:2px;padding-left:10px}
.newssmalldivover{background-color:#fafafa;border-bottom:1px solid #ddd}
.newbodyinfoin2{background-color:#fff;height:430px;padding:10px 1%;width:98%}
.newbodyinfoin2 li{width:19.05%;height:180px;float:left;margin-right:.9%;margin-bottom:30px;padding-top:5px}
.newsfooter .smalldivspan{height:35px;background-color:#f0f0f0;text-align:center;padding-top:3px}
.newsfooter .smalldivspan:hover{background-color:#f12c2c;color:#fff}

.newslistleft{float:left;height:auto;overflow:hidden;clear:both;width:750px}
.newslistleftinfo p{margin-top:10px;margin-bottom:13px;font-size:14px;    line-height: 23px;}
.newslistright{width:310px;float:right;height:auto;margin-bottom:20px;margin-top:16px !important; }
.newsfooter{height:570px;background-color:#f0f0f0;clear:both;overflow:hidden}
.headtitle{font-size:25px;float:left;padding-left:10px;padding-top:10px;margin-bottom:10px}
.headtitlebom{text-align:left;clear:both;padding-left:10px;height:30px;padding-bottom: 10px;
    border-bottom: 1px solid #f1f2f3;margin-bottom: 20px;line-height: 30px;
}
.headtitlebom01{float:left;height:35px;line-height:40px}
.headtitlebom02{float:right;height:35px;line-height:40px;padding-right:10px}
.imgnewsindiv a:hover{color:#fff}
.newsTQrul{height:50px;line-height:50px;letter-spacing:1px;margin-bottom:10px;padding-left:10px;border-bottom:1px solid grey}
.newsTQrul01{float:left;margin-right:30px}
.newsTQrul02{float:left;height:50px;line-height:50px;font-weight:700;margin-right:5px}
.newsTQrul03{height:50px;float:left;line-height:50px;padding-top:5px}
.newsTQrul04{float:right;margin-right:10px}
#review{margin-top:20px;padding-top:20px}
.reviewlisttop{border-bottom:1px solid grey;padding-bottom:10px}
.reviewtop{height:30px;line-height:30px;font-size:20px;color:grey;margin-bottom:10px;clear:both}
.reviewbox{border:1px solid #379BE9;height:150px;margin-bottom:50px;padding-top:1px}
.reviewbox01{height:100px; padding-left:1px;}
.divsearchinfo {
    padding-left:1px; 
}
.reviewbox02{border-top:1px solid #f0f0f0;height:40px;margin-top:10px;line-height:40px}
.left123{float:left;height:40px;margin-left:10px}
.right123{width:67px;line-height:28px;height:28px;text-align:center;float:right;margin-right:10px;border-radius:3px;cursor:pointer;margin-top:5px;color:#fff;background-color:#379BE9}
.right123over{background-color:#2f85b7}
.reviewlist{height:auto}
.reviewlistin{height:auto;margin:10px auto;padding:10px 10px;border-bottom:1px solid #f0f0f0}
.reviewlistinover{background-color:#f8f8f8}
.spanres{color:#379BE9;float:left;margin-left:30px}
.ending{height:60px;line-height:60px;border-bottom:1px solid grey;text-align:center;font-weight:700;font-size:20px;margin-bottom:10px}
.nextinfo{height:50px;line-height:50px;text-align:center;font-size:18px;margin-bottom:10px}
.spantxt{font-weight:700;margin-right:5px;margin-left:5px}
.listtopnum{height:30px;width:30px;background-color:#fa8d47;color:#fff;text-align:center;display:block;float:left;margin-right:8px;border-radius:100%}
.listtopnum2{height:30px;width:30px;background-color:#bebdbd;color:#fff;text-align:center;display:block;float:left;margin-right:8px;border-radius:100%}
#username{position: relative;width: 240px;height: 42px;line-height: 42px;margin: 0 0 18px 25px;padding-right: 5px;clear: both;border-radius: 4px;background-position: 0 -352px;z-index: 2;background-image: url("/Content/Img/bg.png");}
#userpwd{position: relative;width: 240px;height: 42px;line-height: 42px;margin: 0 0 18px 25px;padding-right: 5px;clear: both;border-radius: 4px;background-position: 0 -352px;z-index: 2;background-image: url("/Content/Img/bg.png");}
#username .ico {position: absolute;left: 9px;top: 13px;z-index: 1;background-image: url("/Content/Img/bg.png");}
#userpwd .ico {position: absolute;left: 9px;top: 13px;z-index: 1;background-image: url("/Content/Img/bg.png");}
.ico-uid {width: 14px;height: 16px;background-position: -169px -64px;}
.ico-pwd {width: 14px;height: 16px;background-position: -193px -64px;}
.txtuserinfo{margin-left:30px; border:0px; border-radius:5px; width:209px; height:38px; padding-left:33px; position:relative; left:-28px;}
.bom2{border-top: 1px solid #dddddd;height: 80px; }
.logfoot{ width:1000px; margin:0 auto; padding:10px 0; height:60px;clear: both}
.logfoot01{float:left; width:85px; height:75px; margin-right:10px;}
.logfoot02{width:800px;margin: 0 auto; padding-top:18px;}
.logfoot02 ul{ width: 700px;margin: 0 auto;}
.logfoot02 li{ float:left; margin-right:20px;}
.logfoot03{float:left}
#regsuccess{width:379px; top:66px;right:20%; margin-right:1px; background-color:#ffffff;   height:450px; overflow:hidden; position:absolute; filter:alpha(opacity=9);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
#regsuccess li{float:left; margin:5px 8px;}
#regsuccess li a{padding:5px; background-color:#161616; color:#ededed}
#regsuccess li a:hover{padding:5px; background-color:#c8113d; color:white;}
.reg01{ padding-top:20px; height:350px;  }
.reg01 div{ color:#38250e; font-weight:bold; font-weight:bold;   height:45px;  line-height:45px; text-align:center;margin-bottom: 10px;}
.regTxt{ height:76%; width:250px; float:left; border-radius:3px; height:35px; border:1px solid #dddddd; padding-left:5px;}
.regspan{ width:19%; text-align:right; margin-right:1%; float:left; font-weight:lighter}
.logingun{overflow:hidden;height: 160px; padding: 10px 50px; border-top:1px solid #b7b4b4}
.searchinfo{margin: 0 auto}
.searchinfoin{padding:15px 0px}
.searchinfotitle{font-size:18px; font-weight:bold; margin-bottom:5px;}
.searchinfohead{ margin-bottom:5px;}
.searchinfoinfo{ margin-bottom:5px;}
.timeSummary, .fromSummary,.caijiSummary{background: url(/Content/img/icon3.png) no-repeat;margin-right:10px;
}
.summaryNew { text-align:left; height:20px; color:#8c8c8c; padding:7px 0 9px; margin-bottom:33px; position:relative; border-bottom:1px solid #f0f0f0}
.summaryNew strong { display:inline-block; height:18px; font-weight:normal; color:#8c8c8c; line-height:20px;vertical-align:middle; float:left;}
.summaryNew strong a {color:#8c8c8c!important;}
.summaryNew strong a:hover {color:#595959!important;}
.fromSummary {
    background-position: 9px -23px;
    text-indent: 20px;
    padding: 1px 9px 0 9px;
} 
.caijiSummary {
      background-position: 9px -50px;
    text-indent: 20px;
    padding: 1px 9px 0 9px;
}
 #email, #pwd {
            display: block !important;
        }


 .divrightnav2{   
     height: 30px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #11aae0;
   }
    .divrightnav2 span {
        width: auto;
        padding: 0px 8px;
        text-align: center;
        display: block;
        float: left;
        height: 31px;
        line-height: 31px;
        border: 1px solid #11aae0;
        border-bottom: 1px solid #fafafa;
        margin-right: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-top: 3px;
        z-index: 50000; /*background-color: #fafafa;*/
        cursor: pointer;
    }

    .divrightnav2 .firstinfo {
        width: 60px;
        padding: 0px 5px;
        padding-left: 10px;
        text-align: center;
        display: block;
        float: left;
        height: 31px;
        line-height: 31px;
        border: none;
        margin-right: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-top: 3px;
        z-index: 50000; /*background-color: #fafafa;*/
        cursor: pointer;
        font-size: 18px;
    }
.divrightnav2 .noactive{ background-color: #11aae0;border-bottom:1px solid #11aae0 !important;color: white;}

.divrightnav3 {
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    /*background-color: #f0f0f0;*/
    border-bottom: 2px solid #ccc;
}
    .divrightnav3 span {
        width: auto;
        padding: 0px 8px;
        text-align: center;
        display: block;
        float: left;
        height: 25px;
        line-height: 25px;
        /*border: 1px solid #11aae0;*/
        margin-right: 10px;
        border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-top: 7px;
        z-index: 50000; /*background-color: #fafafa;*/
        cursor: pointer;
    }
    .divrightnav3 .firstinfo {
        width: 60px;
        padding: 0px 5px;
        padding-left: 10px;
        text-align: center;
        display: block;
        float: left;
        height: 31px;
        line-height: 31px;
        border: none;
        margin-right: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-top: 3px;
        z-index: 50000; /*background-color: #fafafa;*/
        cursor: pointer;
        padding-bottom: 1px;
        margin-right: 0px;
        font-size: 20px;
    }
.noactivehover{ background-color: #11aae0;color: white;}


.newslistleftinfo{margin-right:30px;float:left;height:auto;overflow:hidden;clear:both;width:860px;padding-top: 0;   margin-bottom: 10px;
                                      background: #fff;
                                    
                                      border-radius: 2px;
                                      box-sizing: border-box;    padding:0 20px 16px 0px;
    margin-top: 5px;
}
.newnav2{ color: #656464; line-height:35px;}




.actbtn {
    height: 36px;
    width: 90px;
    text-align: center;
    background-color: #11aae0;
    line-height: 36px;
    border: 1px solid #0c8fbd;
    color: white;
    /* font-weight: bold; */
    font-size: 16px;
    border-radius: 0px;
}

.quantity-form {
    position: relative;
    overflow: hidden;
    height: 22px;
    width: 88px;
    float: left;
    border: 1px solid #cacbcb;
        margin-left: 2px;
}
.increment {
    border-right: 0;
    height: 18px;
    line-height: 18px;
    padding: 1px 0;
    width: 20px;
    text-align: center;
    color: #666;
    margin: 0;
    background: #fff;
    float: left
}
     .decrement {
    border-right: 0;
    height: 18px;
    line-height: 18px;
    padding: 1px 0;
    width: 20px;
    text-align: center;
    color: #666;
    margin: 0;
    background: #fff;
    float: left
}

 .itxt {
     border: 0px;
    border-left: 1px solid #cacbcb;
    border-right: 1px solid #cacbcb;
    
    width: 42px;
    height: 20px !important;
    line-height: 20px;
    text-align: center;
     float: left;
    padding: 1px;
    margin: 0;
    font-size: 12px;
    font-family: verdana;
    color: #333;
    -webkit-appearance: none;
}



 @charset "gb2312";
/* CSS Document */

.choose  { border:1px #ddd solid; margin-top:14px; position:relative;width: 1200px;margin: 0 auto;}
.chooseToolBtn{ border-bottom: 1px solid #ddd; margin-bottom: 9px; height: 34px; position: relative;}
.chooseToolBtn span { display: block; position: absolute; left: 0px; top: 0px; }
.chooseToolBtn span a{ display: block; float: left; width: 100px; line-height: 34px; height: 34px; text-align: center; color: #333; font-size: 16px; border-right: 1px solid #ddd; position: relative;}
.chooseToolBtn .on{ font-weight: bold; border-bottom:1px solid #fff;margin-bottom:-1px;}
.choose dl dt { padding-top: 9px; padding-bottom: 9px; line-height: 26px; color: #333; }
.choose dl dt em { margin-right: 11px; margin-left: 18px; }
.choose dl dt, .choose dl dd {display: block; }
.choose dl dt .tiaojian li{ float: left; display:inline-block; border: 1px dashed #FF3333; color: #FF3333; margin-right: 12px; padding-right:6px; padding-left: 8px; overflow: hidden; line-height: 24px; height: 24px; vertical-align: middle; }
.choose dl dt .tiaojian a{ color: #F33; text-decoration: none; vertical-align: middle; display: inline-block; line-height: normal; margin-top: 4px; }
.choose dl dt .tiaojian   li a.close{ height: 11px; width: 11px; cursor:pointer; background-image: url(images/icon.gif); background-repeat: no-repeat; background-position: left top; margin-left: 6px; margin-top: 7px; }
.choose dl dt .tiaojian a.close:hover { background-image: url(images/icon.gif); background-repeat: no-repeat; background-position: left -11px; }
.choose dl dt .tiaojian .fr { float: right; border: none; padding-top:6px;}
.choose dt .tiaojian .fr cite { background-image: url(images/icon.gif); background-repeat: no-repeat; background-position: left -23px; display: block; height: 16px; width: 19px; }
.choose dl dt .tiaojian .fr a { border: none; margin-top: 0px; color: #333; }
.choose dt .tiaojian .fr span { line-height: 16px; color: #999; height: 16px; }
.choose dt .tiaojian .fr.qingkong cite{ background:url(images/icon.gif) no-repeat left -40px;}
.choose dt .tiaojian .qingkong,.choose dt .tiaojian .baocun{cursor:pointer; }
.choose dt .tiaojian .qingkong a:hover,.choose dt .tiaojian .baocun a:hover{text-decoration:underline;}

.lp_area{ height:80px;}

.liinfo li{ margin-right:8px;cursor: pointer; }
.liinfo li:hover{color:#FF3333}

.choose .clearfix{ margin-bottom: 0px;}
.choose dl dd{ padding: 10px 0;}
.choose dl dd,.choose dl dt{ border-bottom:1px dashed #CCC;}
.choose dl dd a { display:block; float:left; color: #000; margin-right: 10px; margin-left:10px; white-space: nowrap;}
.choose dl dd ul li{ float: left; line-height: 25px;}
.choose dl dd .quyu_area { color: #666666; width: 55px; padding-left: 18px; }
.choose dl dd .quyu_name { display: block; width: 1098px;}
.choose dl dd .quyu_name a{ }
.choose dl dd .dingwei { position: relative; }
.choose dl dd .open { position: absolute; top: 0px; right: 0px; }
.choose dl dd .open a { height: 10px; width: 9px; margin-right: 0px; background-image: url(images/icon.gif); background-repeat: no-repeat; background-position: left -57px; }
.choose dl dd .open a:hover{ background-position:left -68px; }
.choose dl dd .black{ color:#000;}
.choose dl dd .hui { color:#999;}
.choose .xie{ position: absolute; right: 60px; top: 9px; *top: 7px;line-height: 24px; width:200px; color: #999; vertical-align: middle; height: 24px; }
/*.choose .xie em { margin-right: 34px;}
.choose .xie input    { height: 22px; width: 52px; border: 1px solid #DDDDDD; background-color: #FFF; text-indent: 13px; color: #999; line-height: 22px; vertical-align: middle; font-family: "微软雅黑"; font-size: 12px; }
.choose .xie .sure { margin:1px 0 0 5px; height: 22px; position: absolute; top: 2px; right: 87px; display: block; padding: 0px; width: 52px; line-height: 22px; text-align: center; border: 1px solid #DDD; }*/
.choose .quyu { position: relative; width: 1036px;border: 1px solid #CCC; padding-left: 10px;margin:5px auto 0;}
.more-school{bottom: 0;right: 0;font-size: 12px;color: #666 !important;position: absolute;}
.more-school:hover{color: #f33!important;}
.sarr{top: -7px;position: absolute;width: 10px;height: 7px;background: url(images/sarr.png) no-repeat;left:525px;}
.choose .quyu ol li   { float: left; padding-right: 4px; line-height: 32px; word-break:keep-all;}
.choose .quyu ol li a   { display: inline; margin: 0px; padding: 0px; margin-right: 20px;float:left;}
.choose .quyu ol li em   { margin-right:4px; color: #999; }
.choose dl  dd.list{ margin:0;padding: 0;padding-bottom: 9px; border: none;  }
.choose .list .quyu_area  { padding-top: 16px; }
.choose .list .listbox  { height: 22px; width: 106px; margin-top: 10px; position: relative; line-height: 22px; float: left;  margin-right:6px;}
.choose .list .listbox.duan{ width:78px;}
.choose .listbox span   { margin-left: 4px; }
.choose .listbox em   { background-image: url(images/icon.gif); background-repeat: no-repeat; background-position: left bottom; display: block; height: 4px; width: 9px; position: absolute; top: 8px; right: 4px; }
.choose .listbox ul  { position: absolute; width: 106px; left: -1px; top: 22px; border: 1px solid #DCDCDC; background-color: #FFF; }
.choose .list .listbox.duan ul{width:74px;}
.choose .listbox li  { line-height: 21px; color: #333333; display: block; float: none; padding-left: 5px; }
.choose .listbox li:hover{ background-color:#F2F2F2; cursor:pointer;}
.choose dl dd a:hover { color: #F33; }
.choose dl dd .bj_price a {margin-right: 20px;}
.contentList dl dd .add { width: 334px; }
.contentList dl dd .map { width: 76px;}
.contentList dl dd .map cite{ margin-left:0; padding-left:0;}


/* 条目工具条排序*/
.contentTool { height: 30px; border-bottom: 2px solid #C00; margin-top: 28px; }

.contenttwo{padding-top:26px;}
.new-chang{ width:880px; height:32px; border-bottom:2px solid #cc0000; overflow: hidden;font-family: "Microsoft Yahei"; margin-top:-4px;}
.new-chang h3{ font-size: 16px; float:left; font-weight: normal;}
.new-chang h3 ul{}
.new-chang h3 ul li{ float:left; height:32px;line-height: 32px; background-color: #f2f2f2; padding:0 12px;}
.new-chang h3 ul li a{ display: block;height:32px; color:#333;}
.new-chang h3 ul li a:link,.new-chang h3 ul li a:visited,.new-chang h3 ul li a:hover{ text-decoration: none; color:#333;}
.new-chang h3 ul li.actived{background-color: #cc0000;}
.new-chang h3 ul li.actived a{color:#fff;}
.new-chang .new-changtwo{ overflow: hidden; height:25px; margin-top:6px; font-size:12px; float:right; text-align: center;}
.new-chang .new-changtwo .new-changtwo-1{height:25px; line-height: 25px; margin-left:12px; color:#666666; float:right;}
.new-chang .new-changtwo .new-changtwo-1 em{color:#cc0000}
.new-chang .new-changtwo .new-changtwo-2{ float:right; height:23px; border:1px solid #dddddd; border-right:0; line-height: 25px;}
.new-chang .new-changtwo .new-changtwo-2.specs-acl a{color:#cc0000;}
.new-chang .new-changtwo .new-changtwo-2.specs-acl a em{color:#cc0000;}
.new-chang .new-changtwo .new-changtwo-2.last-dd{border-right:1px solid #dddddd;}
.new-chang .new-changtwo .new-changtwo-2 a{ display: block; color:#333; padding:0 12px; overflow: hidden;}
.new-chang .new-changtwo .new-changtwo-2.specs-acl a:hover{background: none; color:#cc0000;}
.new-chang .new-changtwo .new-changtwo-2 a em{ float:left; display: block;}
.new-chang .new-changtwo .new-changtwo-2 a:link,.new-chang dl dd a:visited{ text-decoration: none; color:#333;}
.new-chang .color-red{color:#cc0000;}

/***************箭头向上灰色********************************/
.new-chang .new-changtwo .new-changtwo-2 a b.two-dwn{background: url(images/decration1.png) no-repeat 9px -26px;display:block;height: 23px;overflow: hidden;width: 18px; float:left;}
/***************箭头向下灰色********************************/
.new-chang .new-changtwo .new-changtwo-2 a b.two-up{background: url(images/decration1.png) no-repeat 9px -72px;display:block;height: 23px;overflow: hidden;width: 18px; float:left;}

/***************箭头向上红色和背景灰色文字红色********************************/
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc{background:#f2f2f2;color:#cc0000;}
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc em{color:#cc0000;}
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc b{background: url(images/decration1.png) no-repeat 9px -1px;}

/***************箭头向下红色和背景灰色文字红色********************************/
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc-up-clc{background:#f2f2f2;}
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc-up-clc b{background: url(images/decration1.png) no-repeat 9px -51px;}
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc-up-clc em{color:#cc0000;}

/***************鼠标滑过的样式********************************/
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc-up-clc:hover b.two-dwn{background: url(images/decration1.png) no-repeat 9px -51px;}
.new-chang .new-changtwo .new-changtwo-2 a.clickbgc:hover b.two-up{background: url(images/decration1.png) no-repeat 9px -1px;}
.new-chang .new-changtwo .new-changtwo-2 a:hover{background:#f2f2f2;color:#cc0000;}
.new-chang .new-changtwo .new-changtwo-2 a:hover b.two-up{background: url(images/decration1.png) no-repeat 9px -51px;}
.new-chang .new-changtwo .new-changtwo-2 a:hover b.two-dwn{background: url(images/decration1.png) no-repeat 9px -1px;}

/* 条目 */

.content h3   { font-size: 16px; font-weight: bold; }
.contentList { width: 880px; }
.contentList dl {display: block; color: #333; }
.contentList dl.huise{ background-color:#F2F2F2; }
.contentList dl:hover{background-color:#FAFAFA;}
.contentList dl dt, .contentList dl dd { float: left; }
.contentList dl dt { padding-right: 25px; height: 112px; }
.contentList dl dd { width: 650px; display: block; vertical-align: middle; }
.contentList dd img{ vertical-align: bottom; margin-bottom: 4px; }
.contentList cite { margin-left: 22px; margin-right: 5px; }
.contentList h4 { line-height: 20px; }
.contentList .pt08 { padding-top: 8px;}
.contentList .pt04 { padding-top: 2px;}
.contentList h4 a{ font-size: 18px; color: #333; line-height: 30px; }
.contentList h4 span {color: #999;}
.contentList dl h5{ height: 30px; line-height: 30px;*line-height:32px;}
.contentList h5 span{ font-size: 28px; font-weight: bold; color: #cc0000;margin-right: 6px; }
.contentList dd strong { font-size: 14px; color: #C00; }
.contentList .fr { _width: 210px; _display: block; _text-align: right; }
.contentList a { color: #333; }
.contentList .pt04 a {   color: #999999; line-height: 20px; height: 20px;  margin-right: 5px;  }
.contentList .jia a { color: #0B1735; }
.contentList a:hover { color: #C00; text-decoration: underline; }
.contentList .guanjianzi a{ display: block; float: left; border: 1px solid #DDDDDD; color: #999; line-height: 20px; height: 20px; padding-right: 5px; padding-left: 5px; margin-right: 5px; }

.contentList .dakai a    { display: block; line-height: 24px; font-size: 14px; background-image: url(images/dakai.jpg); background-repeat: no-repeat; background-position: left bottom; height: 24px; width: 106px; padding-left: 4px; }
.contentList .dakai a:hover { text-decoration: none; }

.contentList .dakai .shouqi { color: #C00; background-image: url(images/dakai.jpg); background-repeat: no-repeat; background-position: left top; }
.contentList dd strong { font-size: 14px; color: #C00; }
.contentList h5 strong    { font-size: 16px; color: #666; margin-right: 10px; }
.contentList h5 em{ font-size: 12px; color: #ccc; line-height: 16px; margin-right: 5px; display: inline;}
.contentList .guwen   { margin-right: 12px; }

/* 翻页 */
.page { padding-top: 18px; }
.page .fr{ _width:380px;}
.page a { color: #333; display: block; float: left; height: 22px; width: 26px; border: 1px solid #CCC; line-height: 22px; text-align: center; margin-right: 5px; }
.page .active,.page a:hover { color: #FFF; background-color: #C00; border: 1px solid #C00; text-decoration: none; }
.page .next { width: 56px; }
.page .last { width: 44px; }
.page strong {color: #C00; }

/* 新房 */
.newHouse ul { padding-top: 30px; }
.newHouse ul li { float: left; width: 190px; display: block; margin-right: 14px; margin-left: 14px; _margin-right: 12px;_margin-left: 12px; }
.newHouse li div  { position: relative; width: 190px;height: 127px; }
.newHouse li div cite { position: absolute; left: 0px; bottom: 0px; z-index: 100; margin: 0px; padding: 0px; }
.newHouse li div cite a { color: #FFF; line-height: 35px; margin-left: 4px; }
.newHouse li i{ font-style: normal;}
.newHouse li div span{ background-color: #000; position: absolute; z-index: 10; height: 35px; width: 100%; left: 0px; bottom: 0px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;/*其他，透明度50%*/}
.newHouse li p em { color: #D00; }
.fangyuan_esf{ position:relative;}
.newHouse li .yongjin{ width:64px; height:50px; position:absolute; right:0px; top:0px; background:url(images/tuan.png) no-repeat; text-align:center; line-height:18px; padding-top:14px; font-size:14px; color:#cc0000;}
.newHouse li .price{ height:22px; line-height:22px; font-size:14px;}
.newHouse li .price .huxing{ display:inline-block; float:left; color:#333;}
.newHouse li .price .jiage{ display:inline-block; float:right; margin-right:15px;color:#de3438; font-weight:bold; }


/* 快速入口 */
.rukou p { padding-top: 12px; padding-bottom: 30px; }
.rukou p a { margin-right: 24px; color: #333; line-height: 12px; }
.rukou p a:hover{ color:#c00;}
/*快速入口下方区县楼盘与附近城市*/
.keywords_nr {width:100%; overflow:hidden; padding-top: 10px;padding-bottom: 10px;} 
.keywords_nr dl{margin:0px; padding:0px; line-height:30px;float:left; } 
.keywords_nr dt{float:left;width: 90px; padding: 0px 10px 0px 0px; text-align: left; color:#666; } 
.keywords_nr dt a{ color:#666;} 
.keywords_nr dd {float:left; width:1070px;padding:0px 14px;word-wrap:break-word;word-break:normal;text-align:left;overflow:hidden;} 
.keywords_nr dd a{float:left;display:inline-block;white-space:nowrap;margin-right:15px; color:#333;} 
.title_style{ height:35px; line-height:35px; border-bottom:2px #ddd solid;} 
.title_span{ font-size:16px; padding:0 5px 0 0; color:#000; border-bottom:2px #c00 solid; font-weight:bold; } 
.title_style a{ color:#333; text-decoration:none;} 
.keywords_nr dl a:hover { color: #c00; text-decoration: underline; }
.tishi { padding:10px 18px 10px 18px;; border: 1px solid #CCC;}
.tishi p { line-height: 18px; margin: 0px; padding: 0px; text-align: left; color: #333; }

/* 右侧楼盘样式 */
.contentHot { width: 300px; padding-bottom: 20px; }
.hotTool { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #C00; height: 28px; }
.hotTool a { color: #333333; line-height: 28px; }
.hotTool a em { color: #CCCCCC; }
.hotContent dl { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.hotContent dl span { float: left; display: block; text-align: center; }
.hotContent dl dt { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.hotContent dl dt span { line-height: 32px; height: 32px; color: #999999; }
.hotContent dl dt,.hotContent dl dd { overflow: hidden; }
.hotContent dl .mc  { width: 114px; text-align: left; }
.hotContent dl .jg { width: 100px; line-height: 33px;}
.hotContent dl .lt { width: 50px; }
.hotContent dl .db { width: 36px; }
.hotContent dl dd a { color: #333; line-height: 33px; }
.hotContent dl dd .db a { color: #CCC; }
.hotContent dl dd.hover,.hotContent dl dd:hover { background-color: #F2F2F2; }
.hot_con_left,.hot_con_right{ width:214px; height:33px; overflow:hidden;} 
.hot_con_right{ width:86px;} 
.hotContent dl dd .hot_con_left:hover a,.hotContent dl dd .hot_con_right:hover a{ color: #C00; text-decoration: underline; }
.page .current{ color: #FFF; background-color: #C00; border: 1px solid #C00; text-decoration: none; }
.all .moren .current { background-image: none; margin: 0px; padding: 0px; color: #FFF; display: block; height: 22px; width: 63px; background-color: #C00; border: 1px solid #C00; }
/*新增select样式*/
#selectbox .select_box{width:83px;height:25px;}
#selectbox div.tag_select,#selectbox div.tag_select_hover,#selectbox div.tag_select_open{border:none;display:block;width:60px;height:25px;line-height:25px;font-size:12px;background:url(http://img.soufun.com/secondhouse/image/esfnew/fang/images/searchbj.gif) no-repeat 0 -102px;padding:0 20px 0 5px;}
#selectbox div.tag_select_hover,#selectbox div.tag_select_open{background-position:0 -102px;}
#selectbox ul.tag_options{ margin-top:-1px; mlist-style:none;border:1px solid #bdbdbd; border-top:none;width:81px;background:#fff;}
#selectbox ul.tag_options li{display:block;padding:0;height:22px;text-decoration:none;line-height:22px;}
#selectbox ul.tag_options li.open_hover{ background:#eee;}
#selectbox ul.tag_options li.open_selected{ background:#none; color:#c00;}
#selectpx .select_box{width:118px;height:25px;}
#selectpx div.tag_select,#selectpx div.tag_select_hover,#selectpx div.tag_select_open{display:block;width:91px;height:25px;line-height:25px;font-size:12px;background:url(http://img.soufun.com/secondhouse/image/esfnew/fang/images/searchbj.gif) no-repeat 0 -50px;padding:0 20px 0 7px;}
#selectpx div.tag_select_hover,#selectpx div.tag_select_open{background-position:0 -50px;}
#selectpx ul.tag_options{ margin-top:-1px; mlist-style:none;border:1px solid #bdbdbd; border-top:none;width:116px;background:#fff;}
#selectpx ul.tag_options li{display:block;width:100px;padding:0 8px;height:22px;text-decoration:none;line-height:22px;}
#selectpx ul.tag_options li.open_hover{background:#eee;height:22px;line-height:22px; }
#selectpx ul.tag_options li.open_selected{ background:#none; color:#c00;height:22px;line-height:22px; }
/*zhuzhai-select*/
#select_zhuzhai .select_box{width:96px;height:25px;}
#select_zhuzhai div.tag_select,#select_zhuzhai div.tag_select_hover,#select_zhuzhai div.tag_select_open{display:block;width:73px;height:25px;line-height:25px;font-size:12px;background:url(http://img.soufun.com/secondhouse/image/esfnew/fang/images/searchbj.gif) no-repeat 0 -155px;padding:0 20px 0 7px;}
#select_zhuzhai div.tag_select_hover,#select_zhuzhai div.tag_select_open{background-position:0 -155px;}
#select_zhuzhai ul.tag_options{ margin-top:-1px; mlist-style:none;border:1px solid #bdbdbd; border-top:none;width:94px;background:#fff;}
#select_zhuzhai ul.tag_options li{display:block;width:78px;padding:0 8px;height:22px;text-decoration:none;line-height:22px;}
#select_zhuzhai ul.tag_options li.open_hover{background:#eee;}
#select_zhuzhai ul.tag_options li.open_selected{ background:#none; }
/*peitao*/
.Pt{width:76px;height:25px;padding-left:7px;line-height:25px;background:url(http://img.soufun.com/secondhouse/image/esfnew/fang/images/searchbj.gif) 0 -102px no-repeat; cursor:pointer}
.morePt{width:216px;padding:6px 0 0 8px; background:#fff; border:1px solid #ddd; font:12px/24px "宋体";overflow:hidden;z-index:999;position:absolute;left:-143px; top:23px}
.morePt li{width:108px;height:24px;text-decoration:none;line-height:24px; float:left;}
.morePt li input{ vertical-align:middle}
.morePt li.fr{ float:right; margin:0 10px 10px 0;*margin:0 5px 0 0;_margin:0 5px 10px 0;text-align:right}
/*finder20140213*/
.finder{padding:11px 25px 10px; line-height:22px;background:#f9f9f9; border-top:1px solid #ddd}
.finder a.term{ height:17px; margin:0 15px 10px 0; padding:0 22px 0 6px; color:#545454; line-height:17px;line-height:20px\9;_line-height:17px;background:#fff url(http://img.soufun.com/secondhouse/image/esfnew/search2014/images/icoCloseArrow.gif) right 0 no-repeat; border:1px solid #ffb180; display:inline-block; text-decoration:none;}
.finder a.term:hover{ color:#666; background-position:right -17px;border:1px solid #ff6a0d;}
/*finder20140213*/
.finder{padding:11px 25px 10px; line-height:22px;background:#f9f9f9; border-top:1px solid #ddd}
.finder a.term{ height:17px; margin:0 15px 10px 0; padding:0 22px 0 6px; color:#545454; line-height:17px;line-height:20px\9;_line-height:17px;background:#fff url(http://img.soufun.com/secondhouse/image/esfnew/search2014/images/icoCloseArrow.gif) right 0 no-repeat; border:1px solid #ffb180; display:inline-block; text-decoration:none;}
.finder a.term:hover{ color:#666; background-position:right -17px;border:1px solid #ff6a0d;}
.contentList .guanjianzi a:hover {display: block;float: left;border: 1px solid #EF3939;color: #c00;line-height: 20px;height: 20px;padding-right: 5px;padding-left: 5px;margin-right: 5px;text-decoration: NONE;}
.bq_icon{ position:absolute; top:0; right:25px;}

.ico_rm{width:18px; height:20px;background:url(images/search201406/ssicon.png) no-repeat -78px -43px;display:block;position:absolute; top: 7px; left: -4px; }
.searchlist .searchlist_right ul li a{ color:#c00 !important; text-decoration:none;} 
.searchlist .searchlist_right a{ color:#c00 !important; text-decoration:none;} 
.search_jieg{width:775px; margin:10px 0;padding:10px 39px 10px 65px;background: none;font-weight:bold;line-height:30px; border-bottom:1px dashed #ccc;border-top:none;}
.search_jieg p a{color:#c00;text-decoration:none; padding:0 10px;}
.con_pri {
width: 42px;
height: 22px;
border: 1px solid #dcdcdc;
padding-left: 16px;
color: #666;
line-height: 22px;
}
.con_sure { width: 53px; height: 24px;border: 1px solid #dcdcdc; display: block;  text-align: center; background: #fff; color: #666;line-height: 22px;margin-top:1px; }
.con_sure:focus { noFocusLine: expression(this.onFocus=this.blur()); } 

/*soufun_logo*/ 
.soufun_logo{ width:298px; border:solid 1px #e5e5e5; } 
.soufun_logo ul{ width:100%; padding-bottom:10px; } 
.soufun_logo li{float:left; display:inline; width:75px; height:75px; margin:5px 5px 5px 15px;} 
.soufun_logo li a{ display:block; width:75px; padding-top:62px; text-align:center; background:url(images/soufun_logo.png) no-repeat; cursor:pointer; color:#333;position:relative;} 
.listewm{ width: 104px; height: 138px; position:absolute; top: 83px; left: -15px; background:#fff;border:1px solid #ccc; text-align:center; z-index: 1000;} 
.listewm img{ margin: 5px auto;} 
.listewm p{ font-size:12px; line-height:16px;}
.soufun_logo li a:hover{text-decoration:none; color:#c00;} 
.soufun_logo .fang_logo a{background-position:10px 0px;} 
.soufun_logo .zufang_logo a{background-position:-58px 0px;} 
.soufun_logo .zxfang_logo a{background-position:-128px 0px;} 
.soufun_logo .youfang_logo a{background-position:-197px 0px;} 
.soufun_logo .fangbank_logo a{background-position:-266px 0px;} 
.soufun_logo .tudifang_logo a{background-position:-336px 0px;}

.w880{width:880px;}
.fynum{float:right; height:30px; line-height:30px; font-size:12px; font-weight:bold;}
.fynum span{color:#f00;}

.contentList .guanjianzi a.newSc{height: 22px;line-height: 22px; text-align: center;background: #e04545; color:#FFF;border-radius:0;vertical-align:top;margin: 0; border:none; cursor: default;} 
.contentList .guanjianzi a.scSerch{position:relative;height: 20px; line-height:20px;border:1px solid #DDD; border-left: none; padding:0 5px;vertical-align:top; margin: 0;} 
.contentList .guanjianzi .upS{display: inline-block; line-height: 22px; border-left:1px solid #DDD; padding-left:5px;} 
.sftitle{position: relative; z-index: 10000000;} 
.scName{padding-right: 5px;} 
.scContanner{ display:none; position: absolute; top:130px; left:483px; background: #FFF; border:1px solid #d9d5d5; border-bottom:none; overflow: hidden; z-index: 1000000;} 
.scSort{border-bottom: 1px solid #d9d5d5; overflow: hidden;} 
.sortName{width: 62px; float: left; padding-top: 11px; text-align: center;} 
.scNames{float: left; padding-right: 11px;} 
.scNames li{border-top:1px dashed #ccc; padding:8px 0; overflow: hidden;} 
.scNames li:first{border-top:none;} 
.sortPrompt{float: right; border: 1px solid #d3d3d3; width: 70px; height: 18px; line-height: 18px; text-align: center; color:#e04545; margin-left: 7px;} 
.sslalone{position: relative;} 
.contStyle{border-bottom:1px solid #dcdcdc; padding-bottom: 8px;} 
.hotContentTit{height: 33px; line-height:33px; width: 290px; padding-left:10px; background: url("images/titilog.gif") 0 12px no-repeat; border-bottom: 1px dashed #dfdfdf;} 
.inSc{overflow: hidden; line-height: 19px; border-bottom: 1px dashed #dcdcdc; margin-top:15px; padding-bottom:10px;} 
.scEx{float: left; margin-right: 10px; margin-bottom: 5px;width: 100px;} 
.protBox{padding:3px 8px; border: 1px solid #DDD;display: inline-block; margin-top: 6px;} 
.sildeDowns{width: 100%; height: 24px; line-height: 24px; background: #f2f2f2; text-align: center;margin-top: 5px;} 
.fontRed{color:#e04545;} 
.fontGray{color: #999;} 
.pdt8{padding-top:8px;}
.titlog {position: absolute;top: 0;left: 0;z-index: 1000;width:50px;}

/*学区房指南*/
.contStyle{border-bottom:1px solid #dcdcdc; padding-bottom:9px;} 
.hotContentTit{height: 33px; line-height:33px; width: 290px; color:#333; border-bottom:none; padding-left:0px; background:none;}
.hotContDetail,.hotContDetail1{line-height:20px; height:40px; width:100%; overflow:hidden; position:relative;}
.hotContDetail .detailBtn,.hotContDetail1 .detailBtn{position:absolute; right:0;bottom:0px; color:#c00; background:#fff;}
.hotContDetail1{ height:60px;}
.scImgExp{float:left; margin-right:10px; margin-top:4px;} 
.mgr10{margin-right:10px;}

/*房源标签*/
.contentList .guanjianzi span{ display: block; float: left; border: 1px solid #DDDDDD; color: #999; line-height: 20px; height: 20px; padding-right: 5px; padding-left: 5px; margin-right: 5px; }
.hotTool_a_2015_7_8:hover{ text-decoration:none; cursor: default;}

/*热评榜*/
.hot_dp-add .gray_border-two{margin-bottom:22px; border-bottom:solid 1px #ccc !important;}
.hot_dp-add .gray_border{border:none;}
.lp_public{ height:34px; border-bottom:2px solid #c00; overflow:hidden;clear:both;}
.lp_public .lpf_phblic_lf{ height:34px;}
.lp_public .lpf_phblic_lf p{ font-size:16px; line-height:34px; color:#333; font-weight:bold;}
.lp_public .lpf_phblic_lf p a{ color:#333; text-decoration:none;}
.lp_public .lpf_phblic_rt { width:auto; font-size:14px; margin: 11px 3px 0 0; overflow:hidden;}
.lp_public .lpf_phblic_rt a{ height:25px; line-height:25px; overflow:hidden; color:#333; padding-left:20px; text-decoration:none;  background:url(images/xqy201410/icon_menu.gif) no-repeat; }
.gray_border{  overflow:hidden; border-top:none; border-bottom: solid 1px #ccc;}
/*hot_lpdp*/
.hot_dp_nr{width:298px;overflow: hidden; }
.hot_dp_nr li{float:left;width:100%;height:35px; line-height:35px;overflow: hidden; *zoom: 1;cursor:pointer;font-size:14px; margin-top:-1px;padding:0;}
.hot_dp_nr li a{ display:block;cursor:pointer; text-decoration:none;}
.hot_dp_nr li a:hover{ cursor:pointer;text-decoration:none;}
.hot_dp_nr li  a:hover span.rt{ color:#c00;}
.hot_dp_nr li .num, .hot_dp_nr li .num_gray{ float: left; margin:10px 7px 0 5px; width:16px; height: 16px; line-height: 16px; background:#c00; text-align:center; color:#fff; font-size:12px;}
.hot_dp_nr li .num_gray{ background:#d2d2d2;}
.hot_dp_nr li .tit{ float: left;width:125px; color:#333; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.hot_dp_nr li .prc{ float: left; width:110px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.hot_dp_nr li .rtb{ float: right;width:70px;color:#999; font-size:12px; text-align:left;}
.hot_dp_nr li .rta{width:54px}
.hot_dp_nr li .rta.dn{padding-right:10px;background:url(../images/newgif.gif) no-repeat right -339px; color:#090;}
.hot_dp_nr li .rta.up{padding-right:10px;background:url(../images/newgif.gif) no-repeat 56px -341px; color:#c00;}
.hot_dp_nr li .news{float:left;width:235px;padding-right:5px;}
.dping { float:left;overflow:hidden;padding-top:11px;}
.dping i {float:left;width:12px;height:12px;line-height:12px;margin-right:2px;display:inline; font-style:normal;text-indent:-9000px;}
.dping i.no1{background: url(images/dplist201501/dping.gif) 0px 0px no-repeat;}
.dping i.no2{background: url(images/dplist201501/dping.gif) 0px -17px no-repeat;}
.dping i.no3{background: url(images/dplist201501/dping.gif) 0px -34px no-repeat;}
/*20150721新增*/
.red_box{ width:60px; height:35px; background:url(images/hongbao201507/red_box.png) no-repeat; position:absolute; top:20px; right:250px;}
.red_box p{ text-align:center; font-size:14px; color:#ffe92c; margin-top: 17px; line-height: 16px; height: 16px;}
.by_v{ height:16px; width:16px; display:inline-block; background:url(images/v1.png) no-repeat; margin-left:5px; vertical-align:middle;}
/********** 免责声明 lx ********************************************************************************************/
.disclaimer{width:1160px;line-height:20px;margin:10px auto 8px auto;padding:15px 20px;background:#eee;}
/************** 友情链接 ****************/
.link{width:100%;overflow:hidden;}
.link ul{overflow:hidden; padding:15px 0 20px 0;overflow:hidden;}
.link ul li{display:inline;float:left;width:95px;height:20px;line-height:20px;margin:8px 4px 0px 4px;overflow:hidden; vertical-align:middle;}
.link ul li a{ color:#333;}
.link .title_style {
    height: 35px;
    line-height: 35px;
  border-bottom: 2px solid #C00;
}
.link ul li a:hover {
    color: #c00;
    text-decoration: none;
}



.Card-section {
    background-color: #fafafa; 
}

.isok {
    border:1px solid #ef8e16 !important;
}
.isend {
    border:1px solid #C00 !important;
}

.green {
    color:green !important; 
}
.divpinglin {
    margin: 10px 0;
    color: #888;
    background-color: #fafafa;
    padding: 10px;
}





/*n1*/

.divshadows {
    display: none;
    height: 100%;
    width: 120%;
    position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #8FB0D1;
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 88888;
    filter: alpha(opacity=40);
    background: rgb(0,0,0);
    opacity: 0.3;
}
.filters {
    filter: blur(2px);
}

.divinfo {
    height:34px; line-height:34px;
}
.spanleftinfo {
    font-size:18px; 
}
.inputrightinfo {
    height:20px; padding:2px; line-height:20px;
}

.divalertclose{ position: absolute;top: 10px;right: 10px;height: 30px;width:30px;background-color: transparent;cursor: pointer;}

.divalertauto {
    background-color:white;
    display: none;
    z-index: 99999999999999999999999999999999;
    position: fixed;
    margin-left: -250px;
    width: 500px;
    left: 50%;
    overflow: hidden;
    top: 200px;
    border-radius: 3px;
    font-size: 16px;
    height: 300px;
    text-align: center;
}

.divshadowsalert{display:none;height:100%;width:120%;position:fixed;top:0;left:0px;right:0px;bottom:0px;background-color:#8FB0D1;-moz-opacity:0.8;opacity:0.8;z-index:1001;filter:alpha(opacity=40);background:rgb(0,0,0);opacity:0.5}
.divalerts{display:none;height:90%;position:relative;overflow-y:scroll;padding-bottom:50px;position:fixed;text-align:center;z-index:99999;border-radius:5px;width:1000px;background-color:white;top:30px;left:50%;margin-left:-500px}
.divalerts2{display:none;height:90%;position:relative;overflow-y:hidden;padding-bottom:0px;position:fixed;text-align:center;z-index:99999;border-radius:0px;width:90%;background-color:white;top:30px;left:50%;margin-left:-45%}
.divbottoms{clear:both;position:fixed;bottom:30px;height:60px;width:1000px;background-color:white;padding:8px;border-top:1px solid #ddd}
.divcontents{height:auto;margin-bottom:60px;padding:20px;padding-bottom:60px}
.divalerted {
    display: none;
    height: 300px;
    padding-bottom: 50px;
    position: fixed;
    text-align: center;
    z-index: 99999;
    border-radius: 5px;
    width: 600px;
    background-color: white;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -300px;
}

button {
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
body, button, p, pre {
    margin: 0;
}
h1, h2, h3 {
    margin: 0;
    font: inherit;
}
ol, ul {
    padding: 0;
    margin: 0;
}
li {
    list-style-type: none;
}
a {
    color: inherit;
    text-decoration: none;
}
.Sticky.is-fixed {
    position: fixed;
    z-index: 2;
    box-sizing: border-box;
}
.Sticky.is-absolute {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    margin-bottom: 0;
    box-sizing: border-box;
}
    .Sticky.is-absolute.is-bottom {
        top: 0;
        bottom: auto;
        margin-top: 0;
    }
.Sticky.Sticky--CSSSticky {
    position: -webkit-sticky;
    position: sticky;
}
.Sticky--holder {
    visibility: hidden;
}
.Formula {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat 50%;
}
    .Formula.isEditable {
        cursor: pointer;
    }
.Formula-image {
    opacity: 0;
    visibility: hidden;
}
.Formula-placeholder {
    opacity: 0;
}
.Button {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    color: #8590a6;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid #ccd8e1;
    border-radius: 3px;
}
    .Button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }
    .Button:focus {
        outline: none;
    }
    .Button:disabled {
        cursor: default;
        opacity: .5;
    }
    .Button:hover {
        background-color: rgba(207,216,230,.1);
    }
        .Button:hover:disabled {
            background-color: initial;
        }
.Button--grey:hover {
    color: #abb6c5;
    border: 1px solid #abb6c5;
}
.Button--grey, .Button--grey:disabled {
    color: #c3ccd9;
    border: 1px solid #c3ccd9;
}
.Button--blue {
    color: #0f88eb;
    border: 1px solid #0f88eb;
}
    .Button--blue:hover {
        background-color: rgba(13,121,209,.06);
    }
    .Button--blue:disabled {
        background-color: initial;
    }
.Button--green {
    color: #11a668;
    border: 1px solid #11a668;
}
    .Button--green:hover {
        background-color: rgba(8,166,100,.06);
    }
    .Button--green:disabled {
        background-color: initial;
    }
.Button--primary {
    background: #ccd8e1;
}
    .Button--primary.Button--blue {
        color: #fff;
    }
        .Button--primary.Button--blue:hover {
            background-color: #0d79d1;
        }
        .Button--primary.Button--blue, .Button--primary.Button--blue:disabled {
            background: #0f88eb;
        }
    .Button--primary.Button--green {
        color: #fff;
        border-color: #12b370;
    }
        .Button--primary.Button--green:hover {
            background-color: #08a369;
        }
        .Button--primary.Button--green, .Button--primary.Button--green:disabled {
            background: #12b370;
        }
    .Button--primary.Button--red {
        color: #fff;
    }
        .Button--primary.Button--red:hover {
            background-color: #ed4e50;
        }
        .Button--primary.Button--red, .Button--primary.Button--red:disabled {
            background: #f75659;
            border-color: #f75659;
        }
    .Button--primary.Button--grey {
        color: #fff;
    }
        .Button--primary.Button--grey:hover {
            background: #abb6c5;
            border: 1px solid #abb6c5;
        }
        .Button--primary.Button--grey, .Button--primary.Button--grey:disabled {
            background: #c3ccd9;
            border: 1px solid #c3ccd9;
        }
.Button--spread {
    width: 100%;
}
.Button-icon {
    margin-right: 7px;
}
.Button--plain .Button-icon {
    margin-right: 6px;
}
.Button--blue .Button-icon, .Button--green .Button-icon, .Button--red .Button-icon {
    fill: currentColor;
}
.Button--link, .Button--plain {
    height: auto;
    padding: 0;
    line-height: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
    .Button--link:hover, .Button--plain:hover {
        background-color: transparent;
    }
.Button--link {
    color: #175199;
}
.Input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    height: 34px;
    padding: 4px 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 3px;
    box-sizing: border-box;
    transition: background .2s,border .2s;
}
    .Input-wrapper.Input-wrapper--grey {
        background: #f7f8fa;
    }
    .Input-wrapper.Input-wrapper--spread {
        width: 100%;
    }
    .Input-wrapper.Input-wrapper--multiline {
        height: inherit;
    }
    .Input-wrapper .DraftEditor-root, .Input-wrapper .Editable-toolbar, .Input-wrapper.Input-wrapper--large {
        height: auto;
        padding: 6px 12px;
    }
    .Input-wrapper .Dropzone-overlay {
        margin: 6px 12px;
    }
    .Input-wrapper.Input-wrapper--noPadding {
        padding: 0;
    }
    .Input-wrapper.is-focus {
        background: #fff;
        border: 1px solid #9fadc7;
    }
.Input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: transparent;
    border: none;
    outline: none;
    resize: none;
}
input.Input {
    height: 24px;
}
.Input:not(input), input.Input {
    line-height: 24px;
}
.Input:-ms-input-placeholder {
    line-height: normal;
}
.Input .public-DraftEditorPlaceholder-root, .Input::-webkit-input-placeholder {
    color: #9fadc7;
}
.Input .public-DraftEditorPlaceholder-root, .Input:-ms-input-placeholder {
    color: #9fadc7;
}
.Input .public-DraftEditorPlaceholder-root, .Input::placeholder {
    color: #9fadc7;
}
.Input--validationError::-webkit-input-placeholder {
    color: #f75659;
}
.Input--validationError:-ms-input-placeholder {
    color: #f75659;
}
.Input--validationError::placeholder {
    color: #f75659;
}
.Input-after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.Icon {
    vertical-align: text-bottom;
    fill: #9fadc7;
}
.Icon--left {
    margin-right: 6px;
}
.ModalButtonGroup--vertical {
    margin-top: 40px;
    margin-bottom: 16px;
}
    .ModalButtonGroup--vertical .Button {
        display: block;
        width: 220px;
        margin-right: auto;
        margin-left: auto;
    }
        .ModalButtonGroup--vertical .Button + .Button {
            margin-top: 28px;
        }
.Modal-content--buttonGroupOnly .ModalButtonGroup--vertical {
    margin-top: 60px;
}
.ModalButtonGroup--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 48px;
}
    .ModalButtonGroup--horizontal .Button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
        .ModalButtonGroup--horizontal .Button:last-child:first-child {
            width: 220px;
            margin-right: auto;
            margin-left: auto;
            -webkit-box-flex: initial;
            -ms-flex: initial;
            flex: initial;
        }
        .ModalButtonGroup--horizontal .Button + .Button {
            margin-left: 16px;
        }
.Modal-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 203;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .3s ease-out;
}
    .Modal-wrapper.Modal-enter {
        opacity: .01;
    }
    .Modal-wrapper.Modal-enter-active, .Modal-wrapper.Modal-leave {
        opacity: 1;
    }
    .Modal-wrapper.Modal-leave-active {
        opacity: .01;
    }
.Modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0,0,0,.65);
    transition: background-color .3s ease-out;
}
.Modal-wrapper--transparent .Modal-backdrop {
    background-color: transparent;
}
.Modal {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 400px;
    max-height: calc(100vh - 24px * 2);
    margin-right: auto;
    margin-left: auto;
    outline: 0;
    box-shadow: 0 5px 20px 0 rgba(0,34,77,.5);
    box-sizing: border-box;
    transition: max-height .8s ease;
}
.Modal--large {
    width: 536px;
}
.Modal--fullPage {
    width: 688px;
    height: calc(100vh - 24px * 2);
}
.Modal-enter .Modal {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.Modal-enter-active .Modal {
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;
}
.Modal-enter-active .Modal, .Modal-leave .Modal {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.Modal-leave-active .Modal {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;
}
.Modal-inner {
    overflow: auto;
    background: #fff;
    border-radius: 2px;
}
.Modal--fullPage .Modal-inner {
    height: 100%;
}
.Modal-closeButton {
    position: absolute;
    top: 8px;
    right: -60px;
    padding: 12px;
}
.Modal-closeIcon {
    vertical-align: top;
    fill: #fff;
}
.Modal-title {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 500;
    color: #262626;
    text-align: center;
}
    .Modal-title.Modal-title--simple {
        font-family: inherit;
        font-size: 20px;
    }
.Modal-subtitle {
    padding: 0 38px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #8590a6;
    text-align: center;
}
    .Modal-subtitle a {
        text-decoration: underline;
    }
.Modal-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 24px 32px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.7;
    opacity: 1;
}
.Modal--fullPage .Modal-content {
    padding: 0;
}
.Modal-content.Modal-content--spread {
    height: 100%;
    margin-top: 0;
}
.Modal-content.Modal-content--hidden {
    opacity: 0;
    transition: opacity .3s ease-out;
}
.Modal-footer {
    padding: 16px 24px;
    font-size: 13px;
    line-height: 1.7;
    color: #9aaabf;
    background: #f7f8fa;
    border-top: 1px solid #efeef5;
}
    .Modal-footer a {
        text-decoration: underline;
    }
.FormulaModal-form {
    text-align: center;
}
.FormulaModal-input {
    margin-bottom: 30px;
}
.FormulaModal-formula {
    overflow-x: auto;
}
.Popover {
    position: relative;
    display: inline-block;
}
.Popover-arrow {
    position: absolute;
}
    .Popover-arrow, .Popover-arrow:after {
        border: 8px solid transparent;
        display: block;
        width: 0;
        height: 0;
    }
        .Popover-arrow:after {
            position: absolute;
            left: 0;
            top: 0;
            content: "";
        }
.Popover-arrow--top {
    border-top-color: #e7eaf1;
    margin-top: 7px;
}
    .Popover-arrow--top, .Popover-arrow--top:after {
        border-bottom-width: 0;
        -webkit-transform: translate3d(-50%,-100%,0);
        transform: translate3d(-50%,-100%,0);
    }
        .Popover-arrow--top:after {
            margin-top: -1px;
            border-top-color: #fff;
        }
.Popover-arrow--bottom {
    border-bottom-color: #e7eaf1;
    margin-top: -8px;
}
    .Popover-arrow--bottom, .Popover-arrow--bottom:after {
        border-top-width: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
        .Popover-arrow--bottom:after {
            margin-top: 1px;
            border-bottom-color: #fff;
        }
.Popover-arrow--left {
    border-left-color: #e7eaf1;
    margin-left: 7px;
}
    .Popover-arrow--left, .Popover-arrow--left:after {
        border-right-width: 0;
        -webkit-transform: translate3d(-100%,-50%,0);
        transform: translate3d(-100%,-50%,0);
    }
        .Popover-arrow--left:after {
            margin-left: -1px;
            border-left-color: #fff;
        }
.Popover-arrow--right {
    border-right-color: #e7eaf1;
    margin-left: -8px;
}
    .Popover-arrow--right, .Popover-arrow--right:after {
        border-left-width: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        .Popover-arrow--right:after {
            margin-left: 1px;
            border-right-color: #fff;
        }
.Popover-content {
    position: absolute;
    background: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0,34,77,.1);
    z-index: 203;
}
.Popover-content-enter {
    opacity: .01;
}
.Popover-content-enter-active {
    transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
}
.Popover-content-enter-active, .Popover-content-leave {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.Popover-content-leave-active {
    opacity: .01;
    transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
}
.Popover-content--fixed {
    position: fixed;
}
.Popover-content--top {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    margin-top: -8px;
}
    .Popover-content--top.Popover-content--arrowed {
        margin-top: -16px;
    }
    .Popover-content--top.Popover-content--enter, .Popover-content--top.Popover-content-leave-active {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
.Popover-content--bottom {
    margin-top: 8px;
}
    .Popover-content--bottom.Popover-content--arrowed {
        margin-top: 16px;
    }
    .Popover-content--bottom.Popover-content--enter, .Popover-content--bottom.Popover-content-leave-active {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
.Popover-content--left {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    margin-left: -8px;
}
    .Popover-content--left.Popover-content--arrowed {
        margin-left: -16px;
    }
    .Popover-content--left.Popover-content--enter, .Popover-content--left.Popover-content-leave-active {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
.Popover-content--right {
    margin-left: 8px;
}
    .Popover-content--right.Popover-content--arrowed {
        margin-left: 16px;
    }
    .Popover-content--right.Popover-content--enter, .Popover-content--right.Popover-content-leave-active {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
.Menu {
    padding: 6px 0;
}
.Menu-item {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}
    .Menu-item.is-active {
        background: #f4f8fb;
    }
.Menu-item--noActive {
    cursor: default;
}
.Menu-divider {
    margin: 8px 0;
    border-bottom: 1px solid #ebeef5;
}
.AutoComplete-DefaultItem {
    line-height: 40px;
}
.Avatar {
    background: #fff;
    border-radius: 2px;
}
.Avatar--medium {
    border-radius: 3px;
}
.Avatar--large {
    border-radius: 4px;
}
.Avatar--round {
    border-radius: 50%;
}
.AutoComplete-UserItem {
    width: 188px;
    height: 50px;
    padding: 9px 0;
    line-height: normal;
    box-sizing: border-box;
}
.AutoComplete-UserDetail {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}
.AutoComplete-UserHeadline, .AutoComplete-UserName {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AutoComplete-UserName {
    font-size: 14px;
    color: #262626;
}
.AutoComplete-UserHeadline {
    font-size: 12px;
    color: #8590a6;
}
.AutoComplete-UserAvatar {
    vertical-align: middle;
}
.AutoComplete-menu--hidden {
    visibility: hidden;
}
.MentionSuggestions {
    position: absolute;
    z-index: 203;
    line-height: 1;
}
.MentionSuggestions-input {
    width: 200px;
    padding: 4px 6px;
    font-size: inherit;
}
    .MentionSuggestions-input .Input {
        height: auto;
        background: transparent;
    }
.MentionSuggestions-menu {
    width: 200px;
}
    .MentionSuggestions-menu .Menu-item {
        padding: 0 10px;
    }
.Dropzone {
    position: relative;
}
.Dropzone-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.Dropzone-overlay-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #9aaabf;
    background-color: hsla(0,0%,100%,.5);
    border: 3px dashed currentColor;
    border-radius: 6px;
    box-sizing: border-box;
}
.Dropzone-overlay-text {
    font-size: 24px;
}
.LoadingBar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 101;
    display: none;
    height: 2px;
    pointer-events: none;
    background: #4197ff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
    .LoadingBar.is-active {
        display: block;
        -webkit-animation: LoadingBarForward 1s ease-in-out .8s infinite;
        animation: LoadingBarForward 1s ease-in-out .8s infinite;
    }
@-webkit-keyframes LoadingBarForward {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes LoadingBarForward {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.Embed embed {
    display: block;
    width: 100%;
    height: 100%;
}
.VideoCard {
    position: relative;
    overflow: hidden;
    border: 1px solid #e7eaf1;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
}
.VideoCard-link {
    display: block;
}
.VideoCard-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.VideoCard-poster {
    width: 120px;
    height: 90px;
    background-color: #e7eaf1;
}
    .VideoCard-poster img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
.VideoCard-video {
    position: relative;
    width: 100%;
}
    .VideoCard-video:before {
        display: block;
        padding-top: 56.25%;
        content: "";
    }
.VideoCard-video-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.VideoCard-thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #e7eaf1;
}
    .VideoCard-thumbnail img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
.VideoCard-play-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 64px;
    margin: auto;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
    .VideoCard-play-button .Icon {
        display: block;
    }
.VideoCard--interactive .VideoCard-video:hover .VideoCard-play-button {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.VideoCard-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 16px;
    overflow: hidden;
    box-sizing: border-box;
}
.VideoCard-title {
    overflow: hidden;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.VideoCard-link .VideoCard-content:hover .VideoCard-title {
    color: #175199;
}
.VideoCard-description {
    height: 25px;
    margin-top: 5px;
    line-height: 25px;
}
.VideoCard-source {
    display: inline-block;
    margin-right: 10px;
    color: #8590a6;
}
.VideoCard-badge {
    display: inline-block;
    padding: 0 8px;
    color: #8590a6;
    background-color: #f7f8fa;
    border-radius: 3px;
}
.VideoCard-player {
    width: 100%;
    height: 100%;
    background-color: #000;
}
    .VideoCard-player .Embed, .VideoCard-player iframe {
        display: block;
        width: 100%;
        height: 100%;
    }
.VideoCard-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
    .VideoCard-overlay.is-loading {
        opacity: 0;
    }
.VideoCard-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: opacity .3s,visibility .3s;
}
    .VideoCard-mask:not(.is-shown) {
        opacity: 0;
        visibility: hidden;
    }
.VideoCard--mobile .VideoCard-poster {
    width: 100px;
    height: 75px;
}
.VideoCard--mobile .VideoCard-video:hover .VideoCard-play-button {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.VideoCard--mobile .VideoCard-content {
    padding: 10px 12px;
}
.VideoCard--mobile .VideoCard-title {
    font-size: 16px;
}
.VideoCard--mobile .VideoCard-description {
    margin-top: 0;
    font-size: 12px;
}
.Editable-videoUploader {
    margin: 16px 0;
}
.Editable-videoUploader-thumbnail {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.Editable-videoUploader-text {
    text-align: center;
    color: #8597a6;
}
.Editable-videoUploader-status {
    font-size: 28px;
    line-height: 40px;
}
.Editable-videoUploader-size {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}
.Editable-videoUploader-progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 4px;
    background-color: rgba(0,0,0,.05);
}
.Editable-videoUploader-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #0f88eb;
}
    .Editable-videoUploader-progress-bar.is-error {
        background-color: #f75659;
    }
.Editable-videoUploader-progress .LoadingBar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: hsla(0,0%,100%,.3);
}
.Editable-video {
    margin: 16px 0;
}
.Editable-toolbar {
    background: #f7f8fa;
    border-bottom: 1px solid #e7eaf1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Editable-controls {
    display: inline-block;
}
    .Editable-controls + .Editable-controls {
        padding-left: 12px;
        border-left: 1px solid #e7eaf1;
    }
.Editable-control {
    width: 28px;
    height: 28px;
    margin-right: 12px;
    cursor: pointer;
    box-sizing: border-box;
}
    .Editable-control.is-active, .Editable-control:hover {
        background: #fcfcfc;
        border: 1px solid #ebeef5;
    }
.Editable-videoModal-typeButton {
    font-size: 20px;
    font-weight: 400;
    color: inherit;
}
    .Editable-videoModal-typeButton.is-active {
        font-weight: 500;
        color: #0f88eb;
    }
.Editable-videoModal-typeDivider {
    display: inline-block;
    height: 20px;
    margin: 0 40px;
    border-right: 1px solid #e7eaf1;
    vertical-align: middle;
}
.Editable-videoModal-container, .Editable-videoModal-uploader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 220px;
}
.Editable-videoModal-uploader {
    position: relative;
    box-sizing: border-box;
    border: 2px dashed #e7eaf1;
    border-radius: 10px;
    cursor: pointer;
}
    .Editable-videoModal-uploader:hover {
        border-color: #9fadc7;
    }
        .Editable-videoModal-uploader:hover .Icon {
            fill: #9fadc7;
        }
    .Editable-videoModal-uploader input {
        display: none;
    }
.Editable-videoModal-uploader-icon {
    text-align: center;
}
    .Editable-videoModal-uploader-icon .Icon {
        vertical-align: middle;
        fill: #e7eaf1;
    }
.Editable-videoModal-uploader-text {
    margin-top: 10px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
.Editable-videoModal-uploader-tip {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #8590a6;
}
.Editable-languageSuggestions {
    position: fixed;
    z-index: 203;
}
.Editable-languageSuggestionsInput {
    cursor: pointer;
}
    .Editable-languageSuggestionsInput input {
        cursor: inherit;
    }
        .Editable-languageSuggestionsInput input:focus {
            cursor: text;
        }
.Editable-languageSuggestionsMenu {
    max-height: 300px;
    margin-top: -8px;
    margin-bottom: -8px;
    overflow-y: auto;
}
.RichText {
    word-break: break-word;
    white-space: pre-wrap;
}
    .RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) {
        text-decoration: none;
        cursor: pointer;
        border-bottom: 1px solid rgba(64,64,64,.72);
    }
        .RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link):hover {
            color: #175199;
            border-color: rgba(62,122,194,.72);
        }
        .RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) > .ellipsis:after {
            content: "...";
        }
        .RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) > .invisible {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
        }
        .RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) u {
            border-color: transparent;
        }
    .RichText a.member_mention, .RichText a.UserLink-link {
        color: #175199;
    }
        .RichText a.member_mention:hover, .RichText a.UserLink-link:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
    .RichText u {
        text-decoration: none;
        border-bottom: 1px solid rgba(64,64,64,.72);
    }
        .RichText u a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) {
            border-color: transparent;
        }
    .RichText b {
        font-weight: 700;
    }
    .RichText h1, .RichText h2, .RichText h3, .RichText h4, .RichText h5, .RichText h6 {
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 18px;
        font-weight: 400;
    }
    .RichText p {
        margin-bottom: .72em;
    }
    .RichText .content_image, .RichText .origin_image {
        display: block;
        max-width: 100%;
        margin-top: .72em;
        margin-bottom: .72em;
    }
    .RichText .zh-lightbox-thumb {
        cursor: -webkit-zoom-in;
    }
    .RichText blockquote {
        padding-left: 1em;
        margin: 1em 0;
        color: #6b7a8c;
        border-left: 4px solid #cfd8e6;
    }
        .RichText blockquote a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) {
            border-color: rgba(107,122,140,.72);
        }
    .RichText ol, .RichText ul {
        padding-left: 2em;
        margin: 1em 0;
    }
        .RichText ol li, .RichText ul li {
            list-style-position: outside;
        }
        .RichText ol ol, .RichText ol ul, .RichText ul ol, .RichText ul ul {
            margin: 0;
        }
        .RichText ul li {
            list-style-type: disc;
        }
        .RichText ol li {
            list-style-type: decimal;
        }
    .RichText .link-box, .RichText .video-box {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 16px;
        margin-bottom: 16px;
        overflow: auto;
        white-space: normal;
        cursor: pointer;
        border: 1px solid #e7eaf1;
        border-radius: 4px;
        box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
    }
        .RichText .link-box .thumbnail, .RichText .video-box .thumbnail {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 90px;
            height: 90px;
            -o-object-fit: cover;
            object-fit: cover;
        }
        .RichText .link-box .content, .RichText .video-box .content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            padding: 10px 16px;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }
        .RichText .link-box .title, .RichText .video-box .title {
            font-size: 18px;
            font-weight: 400;
        }
        .RichText .link-box .url, .RichText .video-box .url {
            overflow: hidden;
            font-size: 15px;
            color: #8798ae;
            text-overflow: ellipsis;
            word-wrap: normal;
            white-space: nowrap;
        }
        .RichText .link-box .label, .RichText .video-box .label {
            display: none;
        }
    .RichText img[eeimg] {
        max-width: 100%;
        vertical-align: middle;
    }
    .RichText img[eeimg="1"] {
        display: inline-block;
        margin: 0 3px;
    }
    .RichText pre {
        padding-right: 1em;
        padding-left: 1em;
        margin: 1em 0;
        overflow: auto;
        font-family: Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
        font-size: 14px;
        word-wrap: break-word;
        background: #ebeef5;
        border-radius: 4px;
    }
        .RichText pre .hll {
            background-color: #ffc;
        }
        .RichText pre .c {
            font-style: italic;
            color: #998;
        }
        .RichText pre .err {
            color: #a61717;
            background-color: #e3d2d2;
        }
        .RichText pre .k, .RichText pre .o {
            font-weight: 700;
        }
        .RichText pre .cm {
            font-style: italic;
            color: #998;
        }
        .RichText pre .cp {
            font-weight: 700;
            color: #999;
        }
        .RichText pre .c1 {
            font-style: italic;
            color: #998;
        }
        .RichText pre .cs {
            font-style: italic;
            font-weight: 700;
            color: #999;
        }
        .RichText pre .gd {
            color: #000;
            background-color: #fdd;
        }
        .RichText pre .ge {
            font-style: italic;
        }
        .RichText pre .gr {
            color: #a00;
        }
        .RichText pre .gh {
            color: #999;
        }
        .RichText pre .gi {
            color: #000;
            background-color: #dfd;
        }
        .RichText pre .go {
            color: #888;
        }
        .RichText pre .gp {
            color: #555;
        }
        .RichText pre .gs {
            font-weight: 700;
        }
        .RichText pre .gu {
            color: #aaa;
        }
        .RichText pre .gt {
            color: #a00;
        }
        .RichText pre .kc, .RichText pre .kd, .RichText pre .kn, .RichText pre .kp, .RichText pre .kr {
            font-weight: 700;
        }
        .RichText pre .kt {
            font-weight: 700;
            color: #458;
        }
        .RichText pre .m {
            color: #099;
        }
        .RichText pre .s {
            color: #d32;
        }
        .RichText pre .na, .RichText pre .nb {
            color: teal;
        }
        .RichText pre .nc {
            font-weight: 700;
            color: #458;
        }
        .RichText pre .no {
            color: teal;
        }
        .RichText pre .ni {
            color: purple;
        }
        .RichText pre .ne, .RichText pre .nf {
            font-weight: 700;
            color: #900;
        }
        .RichText pre .nn {
            color: #555;
        }
        .RichText pre .nt {
            color: navy;
        }
        .RichText pre .nv {
            color: teal;
        }
        .RichText pre .ow {
            font-weight: 700;
        }
        .RichText pre .w {
            color: #bbb;
        }
        .RichText pre .mf, .RichText pre .mh, .RichText pre .mi, .RichText pre .mo {
            color: #099;
        }
        .RichText pre .s2, .RichText pre .sb, .RichText pre .sc, .RichText pre .sd, .RichText pre .se, .RichText pre .sh, .RichText pre .si, .RichText pre .sx {
            color: #d32;
        }
        .RichText pre .sr {
            color: olive;
        }
        .RichText pre .s1, .RichText pre .ss {
            color: #d32;
        }
        .RichText pre .bp {
            color: #999;
        }
        .RichText pre .vc, .RichText pre .vg, .RichText pre .vi {
            color: teal;
        }
        .RichText pre .il {
            color: #099;
        }
        .RichText pre::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .RichText pre::-webkit-scrollbar-thumb:horizontal {
            background-color: rgba(0,0,0,.5);
            border-radius: 6px;
        }
            .RichText pre::-webkit-scrollbar-thumb:horizontal:hover {
                background-color: rgba(0,0,0,.6);
            }
    .RichText .katex-display {
        text-align: left;
    }
body:not(.Body--isAppleDevice) .RichText .link-box title, body:not(.Body--isAppleDevice) .RichText .video-box title, body:not(.Body--isAppleDevice) .RichText b, body:not(.Body--isAppleDevice) .RichText h1, body:not(.Body--isAppleDevice) .RichText h2, body:not(.Body--isAppleDevice) .RichText h3, body:not(.Body--isAppleDevice) .RichText h4, body:not(.Body--isAppleDevice) .RichText h5, body:not(.Body--isAppleDevice) .RichText h6 {
    font-weight: 700;
}
.Editable .RichText {
    cursor: text;
}
.public-DraftEditorPlaceholder-root {
    position: absolute;
    pointer-events: none;
}
.Editable--hidePlaceholder .public-DraftEditorPlaceholder-root {
    display: none;
}
.DraftEditor-root .Editable-unstyled:not(:last-child) {
    margin-bottom: .8em;
}
.DraftEditor-root blockquote + blockquote {
    margin-top: -1em;
}
.DraftEditor-root pre.public-DraftStyleDefault-pre {
    overflow: hidden;
    border-radius: 4px;
}
    .DraftEditor-root pre.public-DraftStyleDefault-pre pre {
        padding: 0;
        margin: 0;
        border-radius: 0;
    }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    margin-left: 2em;
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2 {
    margin-left: 4em;
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3 {
    margin-left: 6em;
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4 {
    margin-left: 8em;
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem {
    position: relative;
    list-style-type: none;
}
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem:before {
        position: absolute;
        left: -36px;
        width: 30px;
        text-align: right;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
        counter-reset: ol0;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before {
        content: counter(ol0) ". ";
        counter-increment: ol0;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
        counter-reset: ol1;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
        content: counter(ol1) ". ";
        counter-increment: ol1;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
        counter-reset: ol2;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
        content: counter(ol2) ". ";
        counter-increment: ol2;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
        counter-reset: ol3;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
        content: counter(ol3) ". ";
        counter-increment: ol3;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
        counter-reset: ol4;
    }
    .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
        content: counter(ol4) ". ";
        counter-increment: ol4;
    }
.DraftEditor-root figure {
    margin: 0;
}
.public-DraftStyleDefault-block, _:-ms-lang(x) {
    font-size: 0;
}
    .public-DraftStyleDefault-block *, _:-ms-lang(x) * {
        font-size: 14px;
    }
.DraftEditor-root code[class*=language-], .DraftEditor-root pre[class*=language-] {
    color: #000;
    background: none;
    text-shadow: 0 1px #fff;
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
    .DraftEditor-root code[class*=language-]::-moz-selection, .DraftEditor-root code[class*=language-] ::-moz-selection, .DraftEditor-root pre[class*=language-]::-moz-selection, .DraftEditor-root pre[class*=language-] ::-moz-selection {
        text-shadow: none;
        background: #b3d4fc;
    }
    .DraftEditor-root code[class*=language-]::selection, .DraftEditor-root code[class*=language-] ::selection, .DraftEditor-root pre[class*=language-]::selection, .DraftEditor-root pre[class*=language-] ::selection {
        text-shadow: none;
        background: #b3d4fc;
    }
@media print {
    .DraftEditor-root code[class*=language-], .DraftEditor-root pre[class*=language-] {
        text-shadow: none;
    }
}
.DraftEditor-root pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}
.DraftEditor-root :not(pre) > code[class*=language-], .DraftEditor-root pre[class*=language-] {
    background: #f5f2f0;
}
.DraftEditor-root :not(pre) > code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}
.DraftEditor-root .token.cdata, .DraftEditor-root .token.comment, .DraftEditor-root .token.doctype, .DraftEditor-root .token.prolog {
    color: #708090;
}
.DraftEditor-root .token.punctuation {
    color: #999;
}
.DraftEditor-root .namespace {
    opacity: .7;
}
.DraftEditor-root .token.boolean, .DraftEditor-root .token.constant, .DraftEditor-root .token.deleted, .DraftEditor-root .token.number, .DraftEditor-root .token.property, .DraftEditor-root .token.symbol, .DraftEditor-root .token.tag {
    color: #905;
}
.DraftEditor-root .token.attr-name, .DraftEditor-root .token.builtin, .DraftEditor-root .token.char, .DraftEditor-root .token.inserted, .DraftEditor-root .token.selector, .DraftEditor-root .token.string {
    color: #690;
}
.DraftEditor-root .language-css .token.string, .DraftEditor-root .style .token.string, .DraftEditor-root .token.entity, .DraftEditor-root .token.operator, .DraftEditor-root .token.url {
    color: #a67f59;
    background: hsla(0,0%,100%,.5);
}
.DraftEditor-root .token.atrule, .DraftEditor-root .token.attr-value, .DraftEditor-root .token.keyword {
    color: #07a;
}
.DraftEditor-root .token.function {
    color: #dd4a68;
}
.DraftEditor-root .token.important, .DraftEditor-root .token.regex, .DraftEditor-root .token.variable {
    color: #e90;
}
.DraftEditor-root .token.bold, .DraftEditor-root .token.important {
    font-weight: 700;
}
.DraftEditor-root .token.italic {
    font-style: italic;
}
.DraftEditor-root .token.entity {
    cursor: help;
}
.SignFlowInput {
    position: relative;
}
    .SignFlowInput .Input-wrapper {
        width: 100%;
        height: 48px;
        padding: 0;
        color: #8590a6;
        border: none;
    }
    .SignFlowInput input.Input {
        height: 48px;
    }
.SignFlowInput-errorMask {
    position: absolute;
    right: 0;
    height: 90%;
    padding: 12px 0 0 20px;
    margin-top: -47px;
    font-size: 14px;
    color: #f75659;
    text-align: right;
    cursor: text;
    background: #fff;
    opacity: 1;
    box-sizing: border-box;
    transition: opacity .25s ease;
}
    .SignFlowInput-errorMask:before {
        position: absolute;
        top: 0;
        left: -16px;
        width: 16px;
        height: 46px;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
        content: "";
    }
.SignFlowInput-errorMask--hidden {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
}
    .SignFlowInput-errorMask--hidden:before {
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
.SignFlowInput-requiredErrorMask {
    right: auto!important;
    width: 100%;
    padding-left: 0;
    text-align: left;
}
    .SignFlowInput-requiredErrorMask:before {
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
.Captcha {
    position: relative;
    opacity: 1;
    transition: opacity .3s ease;
}
.Captcha-chineseContainer {
    position: relative;
    width: 100%;
    padding: 0 60px;
    margin-top: 16px;
    box-sizing: border-box;
}
.Captcha-englishContainer {
    position: absolute;
    top: 24px;
    right: 0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.Captcha-chineseImg {
    display: block;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Captcha-englishImg {
    display: block;
    height: 30px;
    cursor: pointer;
}
.Captcha-chineseOperator {
    width: 100%;
    margin-top: 8px;
}
.Captcha-info {
    font-size: 14px;
    color: #8590a6;
}
.Captcha-error {
    color: #f75659;
}
.Captcha-chineseRefreshButton {
    float: right;
    width: 14px;
    height: 17px;
}
.Captcha-errorMessage {
    right: 76px;
}
.Captcha-requiredErrorMessage {
    right: 0;
}
.ChineseCaptchaPoint {
    position: absolute;
}
.ChineseCaptchaPoint-backIcon {
    fill-opacity: .75;
}
.ChineseCaptchaPoint-backIcon--hovered {
    fill-opacity: .8;
}
.ChineseCaptchaPoint-frontIcon {
    position: absolute;
    top: 4px;
    left: 4px;
}
.ChineseCaptchaPoint-frontIcon--hovered {
    top: 6px;
    left: 6px;
}
.Select-button {
    height: 40px;
    padding: 0 20px;
    line-height: 38px;
    color: #262626;
    text-align: left;
    box-sizing: border-box;
}
.Select-plainButton {
    padding: 0;
    border: 1px solid transparent;
}
.Select-arrow {
    margin-left: 8px;
}
.Select-list {
    position: relative;
    overflow: hidden;
    max-height: 500px;
    padding: 8px 0;
    border-radius: 4px;
}
.Select-option {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    text-align: left;
}
    .Select-option:focus {
        background: #f4f8fb;
    }
.Select-popoverTarget {
    margin-top: 0;
    transition: opacity .2s ease-out;
}
.SignFlow-accountInputContainer {
    overflow: hidden;
}
.SignFlow-account {
    margin-top: 16px;
    border-bottom: 1px solid #e7eaf1;
    border-radius: 0;
}
.SignFlow-supportedCountriesSelectContainer {
    display: inline-block;
    float: left;
    min-width: 72px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
    .SignFlow-supportedCountriesList .Select-option, .SignFlow-supportedCountriesSelectContainer .Select-button {
        color: #8590a6;
    }
.SignFlow-accountSeperator {
    float: left;
    width: 1px;
    height: 22px;
    margin: 24px 12px 0;
    background: #e1e6f0;
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
}
.SignFlow-passwordErrorMask {
    z-index: 10;
}
.SignFlow-passwordInput {
    font-size: 24px;
}
    .SignFlow-passwordInput input {
        letter-spacing: 1.8px;
    }
.SignFlow-requiredPasswordErrorMask {
    right: auto;
    width: 80%;
}
.SignFlow-password {
    position: relative;
    margin-top: 12px;
}
.SignFlow-switchPassword {
    position: absolute;
    top: 24px;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.SignFlow-switchPasswordIcon:hover {
    fill: #95a1ba;
}
.SignFlow-username {
    position: relative;
    margin-top: 12px;
}
.SignFlowModalHeader {
    padding: 24px 0 28px;
    margin: 0 -24px;
    background: #0f88eb;
}
.SignFlowModalHeader-title {
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.SignFlowModalHeader-subTitle {
    margin-top: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.CountingDownButton {
    color: #175199;
}
    .CountingDownButton.is-counting {
        color: #8590a6;
        cursor: auto;
    }
.SignFlow-smsInputContainer {
    position: relative;
    margin-top: 12px;
}
.SignFlow-smsInputButton {
    position: absolute;
    right: 0;
    padding: 4px 0;
    color: #175199;
}
.SignFlow-smsInputButton, .SignFlow-smsInputErrorMessage {
    top: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.SignFlow-smsInputErrorMessage {
    right: 130px;
    width: 40%;
    height: 47px;
    padding: 0;
    padding-left: 4px;
    margin: 0;
    line-height: 47px;
}
.SignFlow-smsInputRequiredErrorMask {
    right: 0;
    padding-left: 0;
}
.RegisterSMSCodeVerificationDialog {
    position: relative;
    box-shadow: 0 -1px 0 0 #ebeef5;
}
.RegisterSMSCodeVerificationDialog-header {
    padding-top: 23px;
}
.RegisterSMSCodeVerificationDialog-title {
    font-size: 24px;
    color: #262626;
    text-align: center;
}
.RegisterSMSCodeVerificationDialog-subtitle {
    font-size: 14px;
    color: #8590a6;
    text-align: center;
}
.RegisterSMSCodeVerificationDialog-phoneNo, .SMSInput {
    width: 100%;
    height: 48px;
    font-size: 14px;
    line-height: 40px;
    color: #8590a6;
}
.RegisterSMSCodeVerificationDialog-phoneNo {
    border-bottom: 1px solid #e7eaf1;
    padding: 4px 0;
    margin-top: 24px;
    box-sizing: border-box;
}
.RegisterSMSCodeVerificationDialog-form {
    position: relative;
}
.RegisterSMSCodeVerificationDialog-remind {
    position: absolute;
    right: 0;
    margin-top: 12px;
    color: #8590a6;
}
.RegisterSMSCodeVerificationDialog-buttonContainer {
    padding: 0 58px;
    text-align: center;
}
.RegisterSMSCodeVerificationDialog-enterButton {
    width: 100%;
    margin: 71px auto 0;
}
.RegisterSMSCodeVerificationDialog-backButton {
    position: relative;
    top: 28px;
    height: 17px;
}
.RegisterSMSTypeOptions {
    margin-top: 16px;
}
.RegisterSMSTypeCut {
    float: right;
}
    .RegisterSMSTypeCut:hover {
        color: #7a8599;
    }
.SignFlow {
    overflow: hidden;
}
    .SignFlow input[type=number]::-webkit-inner-spin-button, .SignFlow input[type=number]::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none;
        appearance: none;
    }
    .SignFlow input {
        height: 48px;
    }
        .SignFlow input::-webkit-autofill {
            -webkit-box-shadow: 0 0 0 1000px #fff inset!important;
        }
        .SignFlow input[type=number] {
            -moz-appearance: textfield;
        }
    .SignFlow .Input-wrapper {
        width: 100%;
        height: 48px;
        padding: 0;
        color: #8590a6;
        border: none;
        border-bottom: 1px solid #e7eaf1;
    }
    .SignFlow .SignFlow-accountInput, .SignFlow .SignFlow-smsInput {
        width: auto;
        border-bottom: none;
    }
.SignFlow-submitButton {
    width: 100%;
    margin-top: 32px;
}
.SignFlow-captchaContainer {
    height: 48px;
    margin-top: 12px;
    transition: height .3s ease;
}
.SignFlow-snackBar {
    font-size: 13px;
    color: #8590a6;
}
.SignFlow-snackBarLink {
    color: #175199;
}
.Login-options {
    margin-top: 16px;
}
.Login-switchType {
    color: #175199;
}
    .Login-switchType:hover {
        box-shadow: 0 1px 0 0 #175199;
    }
.Login-cannotLogin {
    float: right;
}
    .Login-cannotLogin:hover {
        color: #7a8599;
    }
.Login-footer {
    margin-top: 22px;
}
.Login-aboardPhone {
    display: inline-block;
    width: 47%;
    color: #8590a6;
    text-align: right;
    vertical-align: middle;
}
    .Login-aboardPhone button:hover {
        color: #7a8599;
    }
.Login-footerSeparate {
    display: inline-block;
    width: 6%;
    color: #8590a6;
    text-align: center;
    box-sizing: border-box;
}
.Login-socialLogin {
    display: inline-block;
    width: 47%;
    text-align: left;
    vertical-align: middle;
}
.Login-socialButtonGroup {
    margin-left: 2px;
    transition: opacity .3s ease;
}
.Login-socialButtonGroup--hidden {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
    .Login-socialButtonGroup--hidden button {
        width: 0;
        height: 0;
        overflow: hidden;
    }
.Login-socialButtonEntrance {
    width: 103px;
    text-align: left;
}
.Login-socialButtonEntrance--hidden {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.Login-socialButtonEntrance:hover {
    color: #7a8599;
}
.Login-socialButton {
    height: 24px;
}
    .Login-socialButton svg {
        vertical-align: middle;
    }
    .Login-socialButton:not(:first-child) {
        margin-left: 22px;
    }
.Login-accountBlockEmphasis {
    color: #f75659;
}
.Login-socialIcon:hover {
    fill: #95a1ba;
}
.SignFlowActive-account {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e7eaf1;
}
.SignFlowActive-editEmail {
    float: right;
    color: #175199;
}
.SignFlowActive-sendDigits, .SignFlowActive-sendEmail {
    display: block;
    width: 220px;
    margin: 0 auto;
}
.SignFlowActive-sendEmail {
    margin-top: 48px;
}
.SignFlowActive-sendDigits {
    margin-top: 55px;
}
.SignFlowActive-button {
    display: inline-block;
    border: none;
}
    .SignFlowActive-button:hover {
        font-weight: 500;
        background: none;
    }
.SignFlowActive-options {
    text-align: right;
    margin-top: 16px;
}
.VerificationDialogModal-cutSmsType:hover {
    color: #7a8599;
}
.SignFlowModal {
    width: 400px;
}
.SignFlowModal-registerFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 17px;
    color: #9aaabf;
    text-align: center;
}
    .SignFlowModal-registerFooter .Button--plain:hover {
        color: #7a8599;
    }
.SignFlowModal-switchButton {
    color: #175199;
}
    .SignFlowModal-switchButton:hover {
        box-shadow: 0 1px 0 0 #175199;
    }
.CornerButtons {
    position: fixed;
    bottom: 0;
    right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
    will-change: transfrom;
}
.CornerAnimayedFlex {
    width: 40px;
    height: 52px;
    overflow: hidden;
    transition: height .2s ease;
}
.CornerAnimayedFlex--hidden {
    height: 0;
}
.CornerButton {
    background: #e7eaf1;
    border-radius: 4px;
    width: 40px;
    height: 40px;
}
    .CornerButton:hover {
        background: #d5dbe7;
    }
    .CornerButton .Icon {
        fill: #9aaabf;
    }
        .CornerButton .Icon:hover {
            fill: #8d9eb3;
        }
html:not([data-focus-method=pointer]) .Button:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(38,148,237,.3);
}
.Tooltip {
    position: absolute;
    width: 0;
    height: 0;
}
.Tooltip-enter, .Tooltip-leave {
    transition: opacity .3s;
}
.Tooltip-enter {
    opacity: 0;
}
.Tooltip-enter-active, .Tooltip-leave {
    opacity: 1;
}
.Tooltip-leave-active {
    opacity: 0;
}
.TooltipContent-wrapper {
    position: relative;
    width: 0;
    height: 0;
}
.TooltipContent {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 20px;
    color: #fff;
    white-space: nowrap;
    background-color: rgba(0,0,0,.8);
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.TooltipContent--top {
    -webkit-transform: translate(-50%,-100%) translateY(-8px);
    transform: translate(-50%,-100%) translateY(-8px);
}
.TooltipContent--bottom {
    -webkit-transform: translate(-50%) translateY(8px);
    transform: translate(-50%) translateY(8px);
}
.TooltipContent--left {
    -webkit-transform: translate(-100%,-50%) translateX(-8px);
    transform: translate(-100%,-50%) translateX(-8px);
}
.TooltipContent--right {
    -webkit-transform: translateY(-50%) translateX(8px);
    transform: translateY(-50%) translateX(8px);
}
.TooltipContent:before {
    position: absolute;
    z-index: -1;
    border-color: rgba(0,0,0,.8) transparent transparent rgba(0,0,0,.8);
    border-style: solid;
    border-width: 6px;
    content: "";
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}
.TooltipContent--top:before {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
    transform: translate(-50%,-50%) rotate(-135deg);
}
.TooltipContent--bottom:before {
    top: 0;
    left: 50%;
}
.TooltipContent--left:before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    transform: translate(-50%,-50%) rotate(135deg);
}
.TooltipContent--right:before {
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.TooltipContent a {
    color: inherit;
    text-decoration: underline;
}
.GlobalTooltip {
    position: fixed;
    z-index: 9999;
}
.VerificationDialogModalHeader {
    text-align: center;
}
.VerificationDialogModalHeader-title {
    margin-top: 40px;
    font-size: 24px;
    color: #1e1e1e;
    margin-bottom: 0;
    padding: 0;
}
.VerificationDialogModalHeader-subTitle {
    margin: 2px auto 24px;
    font-size: 14px;
    color: #8590a6;
    max-width: 240px;
}
.VerificationDialogModal-select {
    height: 48px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ebeef5;
    width: 100%;
    color: #404040;
}
    .VerificationDialogModal-select .Select-plainButton {
        width: 100%;
    }
    .VerificationDialogModal-select .Select-arrow {
        position: absolute;
        right: 0;
        top: 27%;
    }
.VerificationDialogModal-code {
    position: relative;
}
    .VerificationDialogModal-code .CountingDownButton {
        top: 16px!important;
    }
.VerificationDialogModal-input {
    margin-top: 16px;
    width: 100%;
    border: none!important;
    border-bottom: 1px solid #ebeef5!important;
}
.VerificationDialogModal-checkout {
    text-align: center;
}
.VerificationDialogModal-button {
    color: #fff;
    background: #0f88eb;
    width: 220px;
    height: 36px;
    border: 1px solid #0f88eb;
    margin-top: 45px;
    font-size: 14px;
    border-radius: 3px;
}
    .VerificationDialogModal-button:hover {
        background: #0f88eb;
    }
        .VerificationDialogModal-button:hover:disabled {
            background-color: #0f88eb;
        }
.VerificationDialogModal-tips {
    background: #f8f9fa;
    box-shadow: 0 -1px 0 0 #ebeef5;
    margin: 30px -24px -32px;
    padding: 16px;
    font-size: 13px;
    line-height: 21px;
    color: #7a8596;
}
.VerificationDialogModal-blue {
    color: #3e7ac2;
}
.Popover-targetContainer-verification {
    width: 376px;
}
.VerificationDialogModal-options {
    margin-top: 16px;
    text-align: right;
}
.VerificationDialogModal-cutSmsType:hover {
    color: #7a8599;
}
.StaticCacheBanner {
    position: relative;
    z-index: 100;
    padding: 16px 10px;
    line-height: 28px;
    color: #8590a6;
    text-align: center;
    background-color: #e7eaf1;
}
    .StaticCacheBanner a {
        color: #175199;
        transition: border-bottom .2s ease-in;
    }
        .StaticCacheBanner a:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.Notification {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 99;
    padding: 16px 20px;
    width: 680px;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    font-size: 14px;
    text-align: center;
    pointer-events: all;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 3px 0 #afbdcf;
    box-sizing: border-box;
}
.Notification-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 203;
    overflow: hidden;
    pointer-events: none;
}
.Notification-white {
    color: #8798ae;
    background: #fff;
}
.Notification-red {
    color: #fff;
    background: #f75659;
}
.Notification-red-ghost {
    color: #f75659;
    background: #fff;
}
@-webkit-keyframes spring-in {
    0% {
        -webkit-transform: translate3d(-50%,-100%,0);
        transform: translate3d(-50%,-100%,0);
    }
    60% {
        -webkit-transform: translate3d(-50%,-10%,0);
        transform: translate3d(-50%,-10%,0);
    }
    to {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
}
@keyframes spring-in {
    0% {
        -webkit-transform: translate3d(-50%,-100%,0);
        transform: translate3d(-50%,-100%,0);
    }
    60% {
        -webkit-transform: translate3d(-50%,-10%,0);
        transform: translate3d(-50%,-10%,0);
    }
    to {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
}
@-webkit-keyframes spring-out {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
    to {
        -webkit-transform: translate3d(-50%,-100%,0);
        transform: translate3d(-50%,-100%,0);
    }
}
@keyframes spring-out {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
    to {
        -webkit-transform: translate3d(-50%,-100%,0);
        transform: translate3d(-50%,-100%,0);
    }
}
.Notification-enter {
    -webkit-animation: spring-in .37s;
    animation: spring-in .37s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.Notification-leave {
    -webkit-animation: spring-out .24s;
    animation: spring-out .24s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.BounceLoading {
    position: relative;
}
    .BounceLoading .BounceLoading-child {
        position: absolute;
        background-color: #0f88eb;
        border-radius: 50%;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: Bounce;
        animation-name: Bounce;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
@-webkit-keyframes Bounce {
    0%,to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@keyframes Bounce {
    0%,to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
.PlaceHolder-inner {
    position: relative;
    overflow: hidden;
    background: #f6f7f9;
}
.PlaceHolder-mask {
    position: relative;
    min-width: 100%;
    vertical-align: top;
    box-sizing: border-box;
}
.PlaceHolder-bg {
    position: absolute;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg,#f6f7f9 0,#e9ebee 20%,#f6f7f9 40%,#f6f7f9);
    -webkit-animation: linear-double 1s linear 1ms infinite forwards;
    animation: linear-double 1s linear 1ms infinite forwards;
}
@-webkit-keyframes linear-double {
    0% {
        -webkit-transform: translateX(-56%);
        transform: translateX(-56%);
    }
    to {
        -webkit-transform: translateX(56%);
        transform: translateX(56%);
    }
}
@keyframes linear-double {
    0% {
        -webkit-transform: translateX(-56%);
        transform: translateX(-56%);
    }
    to {
        -webkit-transform: translateX(56%);
        transform: translateX(56%);
    }
}
.InfiLoader--bounceShown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.Pagination {
    padding: 16px 20px;
    text-align: center;
    margin: 0 auto;
}
.PaginationButton {
    color: #262626;
    transition: color .2s;
    padding: 0 15px;
}
    .PaginationButton:not(:disabled):hover {
        color: #175199;
    }
.PaginationButton--current {
    color: #8590a6;
}
.MobileModal {
    background: #fff;
}
.MobileModal-content--default {
    padding-top: 50px;
    padding-bottom: 60px;
}
.MobileModal-closeButton {
    position: fixed;
    top: 0;
    right: 0;
    padding: 16px 20px;
    z-index: 100;
}
.MobileModal-closeIcon {
    fill: #262626;
}
.MobileModal-title {
    font-weight: 500;
}
.MobileModal-title--default {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 16px;
    border-bottom: 1px solid #e7eaf1;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
    margin: 0;
    font-size: 16px;
    line-height: 48px;
}
.MobileModal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,.65);
}
.MobileModal--plain {
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 100;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 87.2%;
    box-shadow: 0 5px 20px 0 rgba(0,34,77,.5);
    border-radius: 2px;
    overflow: hidden;
}
.MobileModal-content--plain {
    padding: 16px 20px;
}
.MobileModal-title--plain {
    text-align: center;
    padding: 24px 20px 8px;
    font-size: 18px;
}
.MobileModal-subtitle {
    font-size: 14px;
    padding: 0 20px;
    color: #8590a6;
}
.MaxLength {
    font-size: 14px;
    color: #8590a6;
}
    .MaxLength.is-error {
        color: #f75659;
    }
.Holder {
    height: 14px;
    margin-bottom: 16px;
    background: #f7f8fa;
    border-radius: 2px;
}
    .Holder:last-child {
        margin-bottom: 0;
    }
.Holder--avatar, .Holder--button, .Holder--icon, .Holder--inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: bottom;
}
.Holder--title {
    height: 18px;
}
.Holder--icon {
    width: 14px;
    margin-right: 8px;
    border-radius: 999px;
}
.Holder--button {
    width: 96px;
    height: 34px;
    border-radius: 3px;
}
    .Holder--button + .Holder--button {
        margin-left: 16px;
    }
.Holder--avatar {
    width: 24px;
    height: 24px;
}
.CheckItem {
    position: relative;
    display: block;
}
.CheckItem-box {
    position: relative;
    padding: 12px;
    border: 1px solid #f7f8fa;
    border-radius: 3px;
    transition: border-color .2s ease-out;
}
.CheckItem-input {
    position: absolute;
    z-index: -1;
    opacity: 1;
}
.CheckItem-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    fill: #0f88eb;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.CheckItem-input:checked + .CheckItem-box, .CheckItem:hover .CheckItem-box {
    border-color: #175199;
}
    .CheckItem-input:checked + .CheckItem-box .CheckItem-inner {
        max-width: calc(100% - 28px);
    }
.CheckItem-input:not(:checked) + .CheckItem-box .CheckItem-icon {
    opacity: 0;
    transition: opacity .2s;
}
.Favlists-items {
    max-height: 236px;
    min-height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
}
.Favlists-item, .Favlists-items {
    margin-bottom: 12px;
}
.Favlists-itemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 1.5;
}
.Favlists-itemContent {
    transition: opacity .2s;
}
.CheckItem-input:checked + .CheckItem-box .Favlists-itemContent {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.Favlists-add, .Favlists-itemName {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.Favlists-itemName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 24px;
    overflow: hidden;
}
.Favlists-itemNameText {
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Favlists-itemIcon {
    margin-left: 6px;
}
    .Favlists-itemIcon .Icon {
        vertical-align: baseline;
    }
.Favlists-itemContent {
    position: relative;
    width: 72px;
    color: #8590a6;
    text-align: right;
    white-space: nowrap;
    transition: color .2s;
}
.Favlists-actions, .Favlists-addButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.Favlists-addIcon {
    padding: 6px;
    margin: 0 8px 0 4px;
    fill: #fff;
    background-color: #cfd8e6;
    border-radius: 50%;
}
.Favlists-addItems {
    margin-bottom: 12px;
}
.Favlists-addItem {
    margin-bottom: 8px;
}
.Favlists-descritionInput, .Favlists-titleInput {
    width: 100%;
    background: none;
}
.Favlists-privacyOption {
    display: block;
    margin-bottom: 6px;
    overflow: auto;
    font-size: 14px;
}
.Favlists-privacyOptionTips {
    margin-left: 4px;
    color: #8590a6;
}
.Favlists-privacyOptionRadio {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 2px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    border: 2px solid #e7eaf1;
    border-radius: 50%;
    transition: background-color,border-color .3s;
    background-clip: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
    .Favlists-privacyOptionRadio:checked {
        background-color: #0f88eb;
        border-color: #0f88eb;
    }
    .Favlists-privacyOptionRadio:focus {
        outline: none;
    }
.Favlists-inputTips {
    padding-top: 8px;
    text-align: right;
}
.Favlists-favButton {
    width: 72px;
}
.EmptyState {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}
.EmptyState-inner {
    font-size: 15px;
    color: #8590a6;
    text-align: center;
}
.EmptyState-image {
    display: block;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
}
.EmptyState-action:not(.Button) {
    color: #175199;
}
    .EmptyState-action:not(.Button):hover {
        border-bottom: 1px solid rgba(62,122,194,.72);
    }
.EmptyState-action.Button:hover {
    color: #7a8599;
}
    .EmptyState-action.Button:hover .Icon {
        fill: #95a1ba;
    }
.CommentEditor .RichText {
    min-height: auto!important;
}
.CommentEditor--normal {
    position: relative;
    transition: padding-right .3s ease;
}
    .CommentEditor--normal .CommentEditor-input {
        overflow: hidden;
        width: 100%;
    }
    .CommentEditor--normal .Editable-unstyled {
        margin: 0!important;
    }
    .CommentEditor--normal .Dropzone {
        min-height: auto!important;
    }
    .CommentEditor--normal.CommentEditor--active {
        padding-right: 94px;
    }
        .CommentEditor--normal.CommentEditor--active .CommentEditor-singleButton {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
.CommentEditor--inCommentItem .CommentEditor-actions {
    margin-top: 16px;
    text-align: right;
}
    .CommentEditor--inCommentItem .CommentEditor-actions .Button {
        line-height: 34px;
    }
        .CommentEditor--inCommentItem .CommentEditor-actions .Button + .Button {
            margin-left: 20px;
        }
.CommentEditor-singleButton {
    position: absolute;
    right: 16px;
    bottom: 12px;
    line-height: 34px!important;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
}
    .CommentEditor-singleButton:disabled {
        cursor: not-allowed;
    }
.CommentEditor-input .Editable {
    background: #f7f8fa;
}
.CommentEditor-input .Editable--focus {
    background: #fff;
}
.CommentEditor-input .DraftEditor-root {
    padding: 5px 12px!important;
}
.ReportMenu-inner {
    min-height: 192px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.75;
}
.ReportMenu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #f0f2f7;
    outline: none;
}
.ReportMenu-itemValue {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ReportMenu-itemCheck {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
    .ReportMenu-itemCheck:checked + .ReportMenu-itemCheckIcon {
        opacity: 1;
    }
.ReportMenu-itemCheckIcon {
    fill: #0f88eb;
    opacity: 0;
    transition: opacity .2s;
}
.ReportMenu-paragraph {
    white-space: pre-wrap;
    list-style: none;
}
.ReportMenu-paragraph--light {
    margin-top: 1em;
    color: #8590a6;
}
.ReportMenu-check {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ReportMenu-textarea {
    width: 100%;
}
.ReportMenu-link {
    color: #175199;
}
    .ReportMenu-link--light, .ReportMenu-link:hover {
        text-decoration: underline;
    }
.VagueImage {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f7f8fa;
}
.VagueImage-canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    transition: opacity .3s ease-in;
}
    .VagueImage-canvas.is-active {
        opacity: 0;
    }
.VagueImage-innerLarge {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.NumberBoard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.NumberBoard-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.NumberBoard-name {
    font-size: 14px;
    line-height: 20px;
    color: #8590a6;
}
.NumberBoard-value {
    margin-top: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #262626;
}
.NumberBoard-item.Button:hover .NumberBoard-name, .NumberBoard-item.Button:hover .NumberBoard-value {
    color: #175199;
}
.NumberBoard-divider {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-right: 1px solid #f0f2f7;
}
.HoverCard {
    padding: 0 12px 16px;
    font-size: 14px;
    opacity: 1;
    transition: opacity .3s ease;
    box-shadow: 0 5px 20px rgba(0,34,77,.1);
}
.HoverCard--isLoading {
    opacity: 0;
}
.HoverCard, .HoverCard-loading {
    box-shadow: 0 5px 20px rgba(0,34,77,.1);
    background: #fff;
    border-radius: 2px;
}
.HoverCard-container {
    width: 360px;
    max-height: 600px;
}
.HoverCard-loading {
    position: absolute;
    width: 120px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}
.HoverCard-loading--reversed {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.HoverCard-container--large {
    width: 400px;
}
.HoverCard-titleContainer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid #f0f2f7;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.HoverCard-avatar {
    position: absolute;
    top: -20px;
    border: 2px solid #fff;
}
.HoverCard-titleText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 42px;
    padding-bottom: 2px;
    margin-left: 84px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.HoverCard-coverContainer {
    height: 100px;
    margin: 0 -12px;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
}
.HoverCard-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.HoverCard-subtitle, .HoverCard-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.HoverCard-title {
    font-size: 16px;
    font-weight: 500;
}
.HoverCard-subtitle {
    margin-top: 4px;
    font-weight: 400;
}
.HoverCard-numberBoard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.HoverCard-buttons {
    margin-top: 16px;
}
    .HoverCard-buttons .Button {
        width: 144px;
    }
.HoverCard-numberGroup {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.HoverCard-boardKey {
    line-height: 1.7;
    color: #8590a6;
}
.HoverCard-boardNumber {
    margin-top: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #262626;
}
.HoverCard-item {
    padding: 8px 0;
    line-height: 1.75;
    border-bottom: 1px solid #f0f2f7;
}
    .HoverCard-item:last-child {
        padding: 8px 16px;
        text-align: center;
        border: 0;
    }
    .HoverCard-item .Icon {
        margin-right: 8px;
    }
.HoverCard-description {
    display: block;
    display: -webkit-box;
    max-height: 73.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.HoverCard-attrInfo {
    margin-left: 10px;
    color: #8590a6;
    white-space: nowrap;
}
    .HoverCard-attrInfo .Icon {
        margin-right: 8px;
    }
.HoverCard-separate {
    color: #f7eaf1;
}
.HoverCard-popoverTarget {
    border-width: 0;
    background: transparent;
    box-shadow: none;
}
.FollowButton {
    width: 96px;
}
.FollowButton-icon {
    margin-right: 8px;
    fill: currentColor;
}
.ModifyButton {
    font-size: 15px;
}
.ModifyButton-icon {
    margin-right: 4px;
    fill: currentColor;
}
.Messages-menu {
    width: 360px;
    padding: 0;
    overflow: hidden;
}
.Messages-newItem {
    background: #f4f8fb;
}
.Messages-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebeef5;
}
.Messages-tab {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    font-size: 14px;
    color: #8590a6;
    cursor: pointer;
}
.Messages-currentTab {
    color: #262626;
}
.Messages-myMessageTab {
    width: 360px;
    color: #262626;
}
.Messages-tab:not(:last-child):after {
    position: absolute;
    left: 180px;
    width: 1px;
    height: 20px;
    margin: auto;
    background: #ebeef5;
    content: "";
}
.Messages-list {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}
.Messages-withNoTabList {
    height: 408px;
}
.Messages-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #262626;
}
    .Messages-item:hover {
        background-color: #f7f8fa;
    }
    .Messages-item .Avatar {
        display: block;
    }
.Messages-user {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px;
    overflow: hidden;
}
.Messages-userName {
    font-size: 15px;
}
.Messages-itemContent {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    color: #8590a6;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Messages-newDialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 274px;
}
.Messages-footer {
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    background: #fff;
    border-top: 1px solid #ebeef5;
    box-sizing: border-box;
}
.Messages-footer, .Messages-receiver {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.Messages-receiver {
    height: 36px;
    margin-top: 8px;
    line-height: 36px;
}
.Messages-receiverInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    line-height: 36px;
}
.Messages-receiverAutoComplete {
    position: relative;
    margin-top: 8px;
}
.Messages-records {
    color: #1d6eb5;
}
.Messages-sendContent {
    width: 352px;
    margin: 12px auto 0;
}
    .Messages-sendContent textarea {
        overflow-y: auto;
    }
.Messages-modifyButton {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #8590a6;
}
.Messages-warning {
    height: 23px;
    margin: 4px auto 0;
    font-size: 14px;
    color: #f75659;
    opacity: 0;
    transition: opacity .2s;
}
    .Messages-warning.is-shown {
        opacity: 1;
    }
.Messages-input {
    width: 352px;
}
.Messages-icon {
    cursor: pointer;
}
    .Messages-icon:hover .Icon {
        fill: #95a1ba;
    }
.Messages-count {
    position: absolute;
    bottom: 50%;
    left: 50%;
    padding: 0 4px;
    font-size: 11px;
    color: #fff;
    background-color: #f75659;
    border: 2px solid #fff;
    border-radius: 20px;
}
.Messages-menu {
    z-index: 205;
}
.Messages-searchIcon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.MemberButtonGroup .Button + .Button {
    margin-left: 16px;
}
.MemberButtonGroup-prohibitIcon {
    fill: currentColor;
    margin-right: 4px;
}
.FollowStatus {
    display: inline-block;
    padding: 1px 6px;
    margin-left: 8px;
    font-size: 12px;
    color: #8590a6;
    vertical-align: 1px;
    background-color: #f7f8fa;
    border-radius: 3px;
}
.UserHoverCard-infoItem:not(:last-child) {
    margin-bottom: 8px;
}
.UserHoverCard-infoDivider {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #e7eaf1;
}
.UserHoverCard-mutuals {
    color: #8590a6;
}
.UserHoverCard-orgBadge {
    margin-left: 6px;
    vertical-align: 2px;
}
.UserLink-badge {
    margin-left: .3em;
}
.GifPlayer {
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 0;
    cursor: pointer;
}
    .GifPlayer:after {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -30px;
        margin-top: -30px;
        content: "";
        width: 60px;
        height: 60px;
        pointer-events: none;
        -webkit-transform: scale(1);
        transform: scale(1);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS1kYXNoYXJyYXk9JzQsMSw0JyBjeD0nMzAnIGN5PSczMCcgcng9JzI2JyByeT0nMjYnPjwvZWxsaXBzZT4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDwvZz48L3N2Zz4=) no-repeat;
    }
    .GifPlayer.is-playing:after {
        transition-duration: .3s;
        transition-timing-function: ease-out;
        -webkit-transform: scale(.3);
        transform: scale(.3);
        opacity: 0;
    }
    .GifPlayer.is-loading:after {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAuNSIgY3g9IjMwIiBjeT0iMzAiIHJ4PSIyNiIgcnk9IjI2Ij48L2VsbGlwc2U+ICAgICAgICA8ZWxsaXBzZSBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2UtZGFzaGFycmF5PSc0LDEsNCcgY3g9JzMwJyBjeT0nMzAnIHJ4PScyNicgcnk9JzI2Jz4gICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDMwIDMwIiB0bz0iOTAgMzAgMzAiIGR1cj0iMC4zcyIvPiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjAuMyIgZmlsbD0iZnJlZXplIi8+ICAgICAgICA8L2VsbGlwc2U+ICAgIDwvZz4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDxwYXRoIGQ9Ik01NiwzMCBDNTYsMTUuNjQwNTk2NSA0NC4zNTk0MDM1LDQgMzAsNCIgaWQ9Ik92YWwtMi1Db3B5LTMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAiIGZpbGw9Im5vbmUiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMCIgdG89IjEiIGR1cj0iLjYiIGZpbGw9ImZyZWV6ZSIvPiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlVHlwZT0ieG1sIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAzMCAzMCIgdG89IjM2MCAzMCAzMCIgZHVyPSIxLjYyNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgIDwvcGF0aD48L3N2Zz4=) no-repeat;
    }
    .GifPlayer.is-refreshed:after {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8ZWxsaXBzZSBmaWxsPSIjMjgyODI4IiBvcGFjaXR5PSIwLjQ1IiBjeD0iMzAiIGN5PSIzMCIgcng9IjMwIiByeT0iMzAiPjwvZWxsaXBzZT4gICAgPHBhdGggZD0iTTQxLjU1MjQ5OTcsMTguOTMwMTk5OCBDMzguNjQwMjQ5NywxNS44OTE3Njg0IDM0LjU0MTA0NzksMTQgMzAsMTQgQzIxLjE2MzQ0NCwxNCAxNCwyMS4xNjM0NDQgMTQsMzAgQzE0LDM4LjgzNjU1NiAyMS4xNjM0NDQsNDYgMzAsNDYgTDMwLDQ2IEMzNy44MTEwODczLDQ2IDQ0LjMxNDg1NDUsNDAuNDAyNjk3NSA0NS43MTkxNjUsMzMuMDAwMjI5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+ICAgIDxwYXRoIGQ9Ik00NS4xMDc4NjU0LDE2LjIzNjAwOTcgQzQ1LjU0NzkwMDMsMTUuOTA1OTgzNSA0NS45MDQ2MTkxLDE2LjA4NDc1NTggNDUuOTA0NjE5MSwxNi42MzU5ODkxIEw0NS45MDQ2MTkxLDIzLjY0MDg5OTggQzQ1LjkwNDYxOTEsMjQuMTkxODI4NSA0NS41NDcyNjAyLDI0LjM3MDQyNTIgNDUuMTA3ODY1NCwyNC4wNDA4NzkyIEw0MC43MDEzNzI4LDIwLjczNjAwOTcgQzQwLjI2MTMzNzksMjAuNDA1OTgzNSA0MC4yNjE5NzgsMTkuODcwNDI1MiA0MC43MDEzNzI4LDE5LjU0MDg3OTIgTDQ1LjEwNzg2NTQsMTYuMjM2MDA5NyBaIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICA8L2c+PC9zdmc+) no-repeat;
    }
.RichText-video {
    margin: 16px 0;
}
.RichText-gifPlaceholder {
    display: inline-block;
    overflow: hidden;
    line-height: 0;
}
.CommentItem {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 12px 16px 10px;
    font-size: 15px;
}
    .CommentItem:not(:first-child):after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        margin: 0 20px;
        border-bottom: 1px solid #f0f2f7;
        content: "";
    }
.CommentItem-deletedContent {
    padding: 16px 0;
    font-size: 14px;
    color: #8590a6;
    text-align: center;
}
.CommentItem-meta {
    position: relative;
    height: 27px;
    padding-right: 3px;
    padding-left: 1px;
    margin-bottom: 5px;
    line-height: 24px;
}
.CommentItem-avatar {
    margin-right: 8px;
}
    .CommentItem-avatar .UserLink-avatar {
        vertical-align: top;
    }
.CommentItem-reply, .CommentItem-roleInfo {
    color: #8590a6;
}
.CommentItem-reviewing {
    margin-left: 8px;
}
.CommentItem-reply {
    margin-right: 8px;
    margin-left: 8px;
}
.CommentItem-roleInfo {
    margin-right: -8px;
}
.CommentItem-time {
    float: right;
    font-size: 14px;
    color: #8590a6;
}
.CommentItem-content {
    margin-bottom: 6px;
    line-height: 25px;
}
    .CommentItem-content p {
        margin: 0;
    }
.CommentItem-editor {
    margin-bottom: 8px;
}
.CommentItem-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
}
    .CommentItem-footer .Button + .Button {
        margin-left: 20px;
    }
    .CommentItem-footer .Button--plain:hover {
        color: #7a8599;
    }
        .CommentItem-footer .Button--plain:hover .Icon {
            fill: #95a1ba;
        }
.CommentItem-hoverBtn {
    opacity: 0;
    transition: opacity .2s;
}
.CommentItem-likeBtn:disabled, .CommentItem:hover .CommentItem-hoverBtn {
    opacity: 1;
}
.CommentItem-likeBtn.is-liked {
    color: #0f88eb;
}
    .CommentItem-likeBtn.is-liked:hover {
        color: #0b6ab8;
    }
        .CommentItem-likeBtn.is-liked .Icon, .CommentItem-likeBtn.is-liked:hover .Icon {
            fill: currentColor;
        }
.CommentItem--highlighted {
    -webkit-animation: highlight 1.6s ease-out;
    animation: highlight 1.6s ease-out;
}
@-webkit-keyframes highlight {
    0% {
        background: #e1e6f0;
    }
    to {
        background: initial;
    }
}
@keyframes highlight {
    0% {
        background: #e1e6f0;
    }
    to {
        background: initial;
    }
}
.Tabs {
    border-bottom: 1px solid #f0f2f7;
}
.Tabs-item {
    display: inline-block;
    padding: 0 20px;
}
.Tabs-link {
    position: relative;
    display: inline-block;
    padding: 14px 0;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    text-align: center;
}
    .Tabs-link.is-active {
        font-weight: 500;
        color: #333;
    }
        .Tabs-link.is-active:after {
            position: absolute;
            right: 0;
            bottom: -1px;
            left: 0;
            height: 3px;
            background: #0f88eb;
            content: "";
        }
.Tabs-meta {
    margin-left: 6px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #a1aebf;
}
.Topbar {
    background: #fff;
    border-bottom: 1px solid #f0f2f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 20px;
}
.Topbar-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.CommentTopbar {
    border-radius: 2px;
}
.CommentTopbar-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 16px;
}
    .CommentTopbar-meta .CommentTopbar-back {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
    }
        .CommentTopbar-meta .CommentTopbar-back:hover {
            color: #3e7ac2;
        }
        .CommentTopbar-meta .CommentTopbar-back .Icon {
            vertical-align: -2px;
            fill: currentColor;
        }
.CommentTopbar-title {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #1e1e1e;
}
.CommentTopbar-tabsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.CommentTopbar-tabs {
    padding: 0;
    border-bottom: none;
}
.CommentTopbar-tab {
    display: inline-block;
    padding: 0 20px;
}
    .CommentTopbar-tab:first-child {
        padding-left: 0;
    }
.CommentTopbar-tabButton {
    position: relative;
    height: 56px;
    border: none;
}
    .CommentTopbar-tabButton:hover {
        background: none;
    }
.CommentTopbar-switch {
    border-bottom: 1px solid #fff;
}
    .CommentTopbar-switch:hover {
        border-bottom: 1px solid #175199!important;
    }
.Comments, .Comments-container {
    height: 100%;
}
.Comments {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}
.Comments--hidden {
    display: none;
}
.Comments-titleLink a {
    color: #175199;
}
    .Comments-titleLink a:hover {
        border-bottom: 1px solid rgba(62,122,194,.72);
    }
.Comments-notification {
    width: 500px;
    top: 25px;
    margin-top: 50px;
}
.Comments-notification--mobile {
    position: fixed;
    width: calc(100vw - 2 * 20px);
    top: 0;
}
.Comments-notification--bottom {
    top: 0;
}
.CommentList {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
}
.CommentList-divider {
    position: relative;
    margin: 0 24px;
    font-size: 14px;
    color: #8590a6;
    text-align: center;
}
    .CommentList-divider:first-child {
        padding: 16px 0;
    }
    .CommentList-divider + .CommentItem:after {
        content: none;
    }
    .CommentList-divider a {
        color: #175199;
    }
        .CommentList-divider a:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
.CommentList-dividerLine {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    margin: auto;
    border-top: 1px solid #ebeef5;
}
.CommentList-dividerText {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 1em;
    background-color: #fff;
}
    .CommentList-dividerText .CommentList-questionMark {
        margin-left: 8px;
    }
.Comments-footer {
    padding: 12px 16px;
    background: #fff;
    border-top: 1px solid #ebeef5;
}
.Comments-disabledText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 74px;
    color: #8590a6;
    background-color: #f7f8fa;
    border-top: 1px solid #f0f2f7;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.CommentList-action {
    position: relative;
    padding: 16px 0;
    text-align: center;
}
    .CommentList-action:after {
        position: absolute;
        top: 0;
        display: block;
        width: calc(100% - 48px);
        border-bottom: 1px solid #f0f2f7;
        content: "";
    }
    .CommentList-action a {
        color: #175199;
    }
        .CommentList-action a:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
.Comments-withPagination {
    border: 1px solid #e7eaf2;
    box-shadow: 0 1px 3px 0 rgba(0,33,77,.05);
    background: #fff;
    margin-top: 12px;
    overflow: visible;
    border-radius: 4px;
}
    .Comments-withPagination .CommentList {
        overflow-y: visible;
    }
.comments-pagination {
    border-top: 1px solid #e7eaf1;
}
.Comments-Packup-Button {
    background: rgba(231,234,241,.95);
    border-radius: 3px;
    position: fixed;
    height: 30px;
    width: 93px;
    bottom: 30px;
    left: 570px;
    font-size: 13px;
    color: #8590a6;
    letter-spacing: 0;
}
    .Comments-Packup-Button:hover {
        color: #7a8599;
    }
    .Comments-Packup-Button .Icon {
        margin-left: 6px;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
.Comments-Packup-Button-enter, .Comments-Packup-Button-leave {
    transition: opacity .3s;
}
.Comments-Packup-Button-enter {
    opacity: 0;
}
.Comments-Packup-Button-enter-active, .Comments-Packup-Button-leave {
    opacity: 1;
}
.Comments-Packup-Button-leave-active {
    opacity: 0;
}
.Comments-pattern-loading {
    height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.Comments-empty {
    padding: 60px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    overflow: auto;
}
.PushNotifications-menu {
    width: 360px;
    padding: 0;
    overflow: hidden;
}
.PushNotifications-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebeef5;
}
.PushNotifications-icon {
    cursor: pointer;
}
    .PushNotifications-icon:hover .Icon {
        fill: #95a1ba;
    }
.PushNotifications-tab {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    cursor: pointer;
}
.PushNotifications-tabIcon {
    fill: #c2cfde;
}
.PushNotifications-selectedTabIcon {
    fill: #0f88eb;
}
.PushNotifications-tab:not(:last-child):after {
    position: absolute;
    left: 120px;
    width: 1px;
    height: 20px;
    margin: auto;
    background: #ebeef5;
    content: "";
}
.PushNotifications-list {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}
.PushNotifications-item {
    position: relative;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #262626;
}
    .PushNotifications-item a {
        color: #3e7ac2;
    }
    .PushNotifications-item:after {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 1px;
        padding: 0 16px;
        background-color: #ebeef5;
        content: "";
        background-clip: content-box;
    }
.PushNotifications-newItem {
    background: #f4f8fb;
}
.PushNotifications-followTitle {
    position: relative;
    height: 54px;
    font-size: 14px;
    line-height: 54px;
    color: #9aaabf;
    text-align: center;
}
    .PushNotifications-followTitle:after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0 16px;
        border-bottom: 1px solid #ebeef5;
        content: "";
    }
.PushNotifications-followItem {
    display: block;
}
    .PushNotifications-followItem:hover {
        background-color: #f7f8fa;
    }
    .PushNotifications-followItem .AuthorInfo-name {
        font-family: inherit;
    }
    .PushNotifications-followItem .AuthorInfo-badge {
        color: #8590a6;
    }
    .PushNotifications-followItem:after {
        content: none;
    }
    .PushNotifications-followItem a {
        color: #262626;
    }
.Notifications-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    background: #fff;
    border-top: 1px solid #ebeef5;
    box-sizing: border-box;
}
.PushNotifications-user {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px;
    overflow: hidden;
}
.PushNotifications-userName {
    font-size: 15px;
}
.PushNotifications-redbot {
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-left: 8px;
    background-color: #f75659;
    border-radius: 50%;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.PushNotifications-count {
    position: absolute;
    bottom: 50%;
    left: 50%;
    padding: 0 4px;
    font-size: 11px;
    color: #fff;
    background-color: #f75659;
    border: 2px solid #fff;
    border-radius: 20px;
}
.AuthorInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.AuthorInfo-avatar {
    vertical-align: top;
}
.AuthorInfo-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 14px;
    overflow: hidden;
}
.AuthorInfo-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 1.1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.AuthorInfo-name {
    font-weight: 600;
}
.AuthorInfo-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AuthorInfo--plain .AuthorInfo-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
}
.AuthorInfo--plain .AuthorInfo-badge {
    margin-top: 0;
}
    .AuthorInfo--plain .AuthorInfo-badge:before {
        content: "\FF0C";
    }
.AuthorInfo-detail {
    overflow: hidden;
}
.Tag {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    color: #3e7ac2;
    vertical-align: top;
    background: #eef4fa;
    border-radius: 100px;
}
.Tag--removable {
    padding-right: 28px;
}
.Tag-remove {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;
}
    .Tag-remove .Icon {
        display: block;
        fill: #96b7dd;
    }
    .Tag-remove:hover .Icon {
        fill: #3e7ac2;
    }
.Tag-content:hover {
    border-bottom: 1px solid rgba(62,122,194,.72);
}
.TagInput .Input-wrapper {
    display: block;
}
.TagInput .Input {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 30px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 8px;
}
.TagInput.TagInput--empty .Input {
    width: 100%;
    margin-left: 0;
}
.TagInput .Tag {
    margin-top: 2px;
    margin-right: 4px;
    margin-bottom: 2px;
}
.TagInput .Popover {
    display: block;
}
.QuestionAsk-title {
    font-size: 15px;
}
.QuestionAsk-section {
    margin-bottom: 12px;
}
    .QuestionAsk-section.QuestionAsk-DetailSection {
        margin-top: 24px;
    }
    .QuestionAsk-section .TagInput {
        line-height: 0;
    }
.QuestionAsk-sectionHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 13px;
    margin-bottom: 8px;
    color: #8590a6;
}
.QuestionAsk-label {
    color: #404040;
}
.QuestionAsk-sectionHeaderRight {
    margin-left: auto;
}
    .QuestionAsk-sectionHeaderRight .Editable-control:last-child {
        margin-right: 13px;
    }
.QuestionAsk-warning {
    color: #fd9727;
}
.QuestionAsk-error, .QuestionAsk-Modal .Modal-footer {
    color: #f75659;
}
.QuestionAsk-questionItems {
    line-height: 26px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    box-sizing: border-box;
}
.QuestionAsk-questionItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 12px;
}
    .QuestionAsk-questionItem:hover {
        color: #3e7ac2;
    }
        .QuestionAsk-questionItem:hover .QuestionAsk-questionAnswerCount {
            color: inherit;
        }
.QuestionAsk-questionTitle {
    margin-right: 14px;
}
.QuestionAsk-questionAnswerCount {
    margin-left: auto;
    color: #8590a6;
    white-space: nowrap;
}
.QuestionAsk-anonymous {
    color: #8590a6;
    cursor: pointer;
}
.QuestionAsk-anonymousCheckbox {
    margin-right: 8px;
    vertical-align: text-top;
}
.QuestionEdit-reasonSelect {
    margin-right: 8px;
}
.QuestionEdit-why {
    color: #175199;
}
    .QuestionEdit-why:hover {
        border-bottom: 1px solid rgba(62,122,194,.72);
    }
.QuestionAsk-orgQuestionIcon {
    margin-left: 8px;
}
.QuestionAsk-brandSelector {
    width: 100%;
}
    .QuestionAsk-brandSelector .Select-button {
        position: relative;
        padding: 0 12px;
        width: 100%;
    }
    .QuestionAsk-brandSelector .Select-arrow {
        position: absolute;
        top: 12px;
        right: 12px;
    }
    .QuestionAsk-brandSelector .Icon {
        margin-left: 5px;
    }
.QuestionAsk-brandSelector--no-arrow .Select-arrow {
    display: none;
}
.QuestionAsk-brandOption {
    padding: 0 12px;
    width: 488px;
}
    .QuestionAsk-brandOption .Icon {
        margin-left: 5px;
    }
.QuestionAsk-buttonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px;
}
    .QuestionAsk-buttonGroup .Button {
        width: 232px;
    }
        .QuestionAsk-buttonGroup .Button + .Button {
            margin-left: 24px;
        }
.QuestionAsk-noBrandModal {
    text-align: center;
}
.QuestionAsk-link {
    color: #0b213f;
}
.QuestionCategorySelect {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.QuestionCategory, .QuestionCategorySelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}
.QuestionCategory {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 26px;
}
    .QuestionCategory:hover {
        cursor: pointer;
    }
    .QuestionCategory + .QuestionCategory {
        border-top: 1px solid #ebeef5;
    }
.QuestionCategory-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 320px;
}
.QuestionCategory-title {
    font-size: 17px;
    color: #1e1e1e;
}
.QuestionCategory-desc {
    margin-top: 10px;
    font-size: 14px;
    color: #8590a6;
}
.QuestionCategory-link {
    color: #259;
}
.QuestionCategory-arrow {
    margin-left: 22px;
    color: #afbdcf;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.QuestionCategory-buttonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 48px;
}
    .QuestionCategory-buttonGroup .Button {
        width: 168px;
    }
.QuestionAsk-error {
    color: red;
}
.SearchBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.SearchBar-toolWrapper {
    position: relative;
    z-index: 104;
    width: 326px;
}
.SearchBar-tool {
    position: relative;
    float: left;
    overflow: hidden;
}
    .SearchBar-tool .Popover {
        display: block;
    }
.SearchBar-menu {
    width: 500px;
    padding-top: 16px;
    padding-bottom: 0;
    overflow-x: hidden;
}
    .SearchBar-menu .AutoComplete-group:last-child .Menu-item {
        height: 40px;
        padding: 0;
        margin-top: 8px;
        line-height: 40px;
        color: #8590a6;
    }
        .SearchBar-menu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
            background: #f7f8fa;
        }
.SearchBar-contentResult, .SearchBar-peopleResult, .SearchBar-topicResult {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    box-sizing: border-box;
}
.SearchBar-label {
    padding: 7px 0;
    margin-right: 16px;
    margin-left: 16px;
    font-size: 14px;
    color: #8590a6;
    border-bottom: 1px solid #ebeef5;
}
.SearchBar-peopleResult {
    padding: 13px 0;
}
    .SearchBar-peopleResult .AuthorInfo {
        padding-top: 0;
    }
    .SearchBar-peopleResult .AuthorInfo-name {
        font-weight: 400;
    }
    .SearchBar-peopleResult .AuthorInfo-badge {
        font-size: 13px;
        color: #8590a6;
    }
.SearchBar-userAvatar {
    border-radius: 3px;
}
.SearchBar-user {
    display: inline-block;
    margin-left: 16px;
}
.SearchBar-userHeadline {
    margin-top: 2px;
    font-size: 13px;
    color: #8590a6;
}
.SearchBar-contentSuffix, .SearchBar-topicSuffix {
    margin-left: 8px;
    font-size: 13px;
    color: #8590a6;
    white-space: nowrap;
}
.SearchBar-searchLink {
    display: block;
    font-size: 14px;
    color: #8590a6;
    text-align: center;
}
.SearchBar-askButton {
    z-index: 103;
    padding: 0 14px;
    margin-left: 16px;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    line-height: 30px;
}
.SearchBar-hiddenAskButton {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.SearchBar-input {
    width: 326px;
    transition: width .2s ease,background .3s ease;
}
.SearchBar-focusedInput {
    width: 400px;
}
.SearchBar-searchIcon {
    position: absolute;
    right: -11px;
    top: -17px;
    bottom: -17px;
    background: transparent;
    border: transparent;
    padding: 0 12px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    transition: fill .3s ease;
}
    .SearchBar-searchIcon .Icon {
        fill: #afbdcf;
    }
    .SearchBar-searchIcon:hover {
        background-color: transparent;
    }
.SearchBar-focusedSearchIcon .Icon {
    fill: #0f88eb;
}
.SearchBar-hasValueSearchIcon .Icon {
    fill: #fff;
}
.SearchBar-iconDecorator {
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 36px;
    border-radius: 0 3px 3px 0;
    transition: all .3s ease;
    transition-delay: .1s;
    z-index: 101;
    background: #0f88eb;
    opacity: 0;
}
.SearchBar-shownIconDecorator {
    opacity: 1;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    transition-delay: 0;
}
.AppHeaderProfileMenu-item {
    height: 36px;
    line-height: 36px;
    color: #262626;
}
.AppHeader-profileAvatar {
    vertical-align: top;
}
.AppHeader {
    position: relative;
    min-width: 1032px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid rgba(30,35,42,.06);
    box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
    background-clip: content-box;
}
    .AppHeader, .AppHeader.is-fixed {
        z-index: 100;
    }
.AppHeader-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    height: 52px;
    padding: 0 16px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.AppHeader.is-hidden .AppHeader-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.AppHeader-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
    margin-right: 18px;
    margin-left: 27px;
    color: #999;
}
.AppHeader-navItem {
    padding: 0 15px;
    font-size: 15px;
    line-height: 30px;
    color: #8590a6;
}
    .AppHeader-navItem:hover {
        color: #175199;
    }
    .AppHeader-navItem.is-active {
        color: #333;
    }
    .AppHeader-navItem:first-child {
        padding-left: 0;
    }
.AppHeader-input {
    width: 345px;
}
.AppHeader-userInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.AppHeader-messages, .AppHeader-notifications {
    margin-right: 40px;
}
.AppHeader-notification {
    margin-top: 50px;
}
.AppHeader-notificationUnblock {
    padding: 10px 25px;
    width: 680px;
    height: 74px;
    margin-left: -340px;
    line-height: 28px;
}
.AppHeader-login {
    margin-right: 16px;
}
.AdblockBanner {
    position: relative;
    z-index: 100;
    min-width: 1000px;
    padding: 16px;
    line-height: 28px;
    color: #8590a6;
    text-align: center;
    background-color: #e7eaf1;
}
.AdblockBanner-inner {
    width: 1000px;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box;
}
    .AdblockBanner-inner a:hover {
        border-bottom: 1px solid #8590a6;
    }
.AdblockBanner-close {
    position: absolute;
    top: 16px;
    right: 16px;
}
    .AdblockBanner-close .Icon {
        display: block;
    }
body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;
    font-size: 15px;
    color: #262626;
    background: #f7f8fa;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.App-main {
    display: block;
}
.u-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
}
.App-loginGuideModal {
    width: 400px;
}
.App-loginButton, .App-registerButton {
    display: block;
    width: 220px;
    height: 36px;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
}
.App-loginButton {
    margin-top: 28px;
    color: #fff;
}
.App-registerButton {
    margin-top: 52px;
    margin-bottom: 12px;
    color: #8590a6;
}
.Card {
    margin-bottom: 30px;
    /*border: 1px solid #e7eaf1;*/
    padding-top: 0px;
    border-radius: 2px;
    /*box-shadow: 0 1px 3px rgba(0,37,55,.05);*/
    box-sizing: border-box;
}
.Card  a{color: #8590a6 !important}
    .Card:last-child {
        margin-bottom: 0;
    }
.Card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #f0f2f7;
    box-sizing: border-box;
}
    .Card-header:last-child {
        border-bottom: none;
    }
.Card-headerText {
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Card-section {
    padding: 10px;
    position: relative;
    background-color: #fafafa;
}
    .Card-section:not(:last-child):after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 20px;
        display: block;
        content: "";
    }
.Footer {
    padding: 10px 0;
    font-size: 13px;
    line-height: 2;
    color: #8590a6;
}
.Footer-dot:after {
    margin: 0 5px;
    content: "\B7";
}
.Footer-item {
    display: inline-block;
}
a.Footer-item:hover {
    color: #175199;
    cursor: pointer;
}
.UserStatus {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #262626;
    text-align: center;
    background-color: rgba(133,144,166,.08);
}
    .UserStatus, .UserStatus .Button {
        font-size: 15px;
    }
.UserStatus-warnText {
    margin-left: 8px;
}
.UserCover {
    position: relative;
    height: 240px;
    overflow: hidden;
    background: #f7f8fa;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    transition: height .3s;
}
.UserCover--colorBlock {
    height: 132px;
    background: #96a1a9;
}
.UserCover-image {
    transition: -webkit-transform 6s ease-out;
    transition: transform 6s ease-out;
    transition: transform 6s ease-out,-webkit-transform 6s ease-out;
}
    .UserCover-image, .UserCover-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
input[type=range].RangeInput {
    width: 220px;
    height: 12px;
    padding: 0;
    margin: 0 10px;
    vertical-align: middle;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
    input[type=range].RangeInput:focus {
        outline: none;
    }
    input[type=range].RangeInput::-webkit-slider-runnable-track {
        height: 5px;
        cursor: pointer;
        background: #f2f5fb;
        border-radius: 2px;
    }
    input[type=range].RangeInput::-webkit-slider-thumb {
        width: 12px;
        height: 12px;
        margin-top: -4px;
        cursor: pointer;
        background: #d2dbe8;
        border-radius: 50%;
        -webkit-appearance: none;
        appearance: none;
    }
    input[type=range].RangeInput::-moz-range-track {
        height: 5px;
        cursor: pointer;
        background: #f2f5fb;
        border-radius: 2px;
    }
    input[type=range].RangeInput::-moz-range-thumb {
        width: 12px;
        height: 12px;
        cursor: pointer;
        background: #d2dbe8;
        border: none;
        border-radius: 50%;
    }
    input[type=range].RangeInput::-ms-track {
        width: 100%;
        height: 5px;
        color: transparent;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
    }
    input[type=range].RangeInput::-ms-fill-lower, input[type=range].RangeInput::-ms-fill-upper {
        background: #f2f5fb;
        border-radius: 2px;
    }
    input[type=range].RangeInput::-ms-thumb {
        width: 12px;
        height: 12px;
        cursor: pointer;
        background: #d2dbe8;
        border: none;
        border-radius: 50%;
    }
    input[type=range].RangeInput::-ms-tooltip {
        display: none;
    }
.DynamicColorButton {
    color: #ccd8e1;
    transition: color,border-color .3s;
}
    .DynamicColorButton svg {
        fill: currentColor;
    }
.DynamicColorButton--dark {
    color: rgba(0,0,0,.6);
    border-color: rgba(0,0,0,.12);
}
    .DynamicColorButton--dark:hover {
        background: rgba(0,0,0,.03);
    }
.DynamicColorButton--white {
    color: hsla(0,0%,100%,.7);
    border-color: hsla(0,0%,100%,.24);
}
    .DynamicColorButton--white:hover {
        background: hsla(0,0%,100%,.04);
    }
.UserCoverGuide {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}
    .UserCoverGuide.is-active .is-playing {
        opacity: 1;
    }
    .UserCoverGuide.is-active .UserCoverGuide-dialog {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
.UserCoverGuide-inner {
    position: relative;
    z-index: 2;
    float: right;
    padding: 24px;
}
.UserCoverGuide-buttonContainer {
    margin-bottom: 14px;
    text-align: right;
}
.UserCoverGuide-dialog {
    position: relative;
    width: 286px;
    padding: 22px 16px;
    background-color: #fff;
    border-radius: 4px;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s;
}
    .UserCoverGuide-dialog:after {
        position: absolute;
        right: 60px;
        bottom: 100%;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 7px;
        content: "";
    }
.UserCoverGuide-dialogContent {
    font-size: 14px;
    line-height: 1.7;
}
    .UserCoverGuide-dialogContent a {
        color: #175199;
        cursor: pointer;
    }
        .UserCoverGuide-dialogContent a:hover {
            text-decoration: underline;
        }
.UserCoverGuide-dialogDescription, .UserCoverGuide-dialogHead {
    margin: 0 0 6px;
}
.UserCoverGuide-item, .UserCoverGuide-items {
    width: 100%;
    height: 100%;
}
.UserCoverGuide-item {
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .5s;
}
.UserCoverEditor {
    position: relative;
}
.UserCoverEditor-simpleEditButton {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
}
.UserCoverEditor-editor {
    top: -1px;
    z-index: 5;
    border: 1px solid #e7eaf1;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
    .UserCoverEditor-editor, .UserCoverEditor-editor:after {
        position: absolute;
        left: -1px;
        width: 100%;
        box-shadow: 0 1px 3px rgba(0,37,55,.05);
    }
        .UserCoverEditor-editor:after {
            display: block;
            height: 1000px;
            background-color: hsla(0,0%,100%,.95);
            border: 1px solid #e7eaf1;
            border-top: 0;
            border-bottom: 0;
            content: "";
        }
        .UserCoverEditor-editor canvas {
            vertical-align: top;
            cursor: -webkit-grab;
            cursor: grab;
        }
.UserCoverEditor-action {
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #e7eaf1;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
}
.UserCoverEditor-actionContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 0 24px;
}
    .UserCoverEditor-actionContent .Button + .Button {
        margin-left: 16px;
    }
.UserCoverEditor-actionTitle {
    font-size: 24px;
    color: #262626;
}
.UserCoverEditor-rangeInput {
    display: inline-block;
}
.UserCoverEditor-cameraIcon {
    margin-bottom: 14px;
    fill: #fff;
}
.UserCoverEditor-mask {
    z-index: 100;
    border-top: 60px solid hsla(0,0%,100%,.7);
}
    .UserCoverEditor-mask canvas {
        vertical-align: middle;
    }
.UserCoverEditor-loadingCanvas {
    width: 100%;
    height: 100%;
}
.Mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: opacity .2s ease-in;
}
.Mask-hidden {
    pointer-events: none;
    opacity: 0;
}
.Mask-mask {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .4;
    box-sizing: border-box;
}
.Mask-mask--black {
    background: #000;
}
.Mask-mask--white {
    background: hsla(0,0%,100%,.95);
}
.Mask-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.Mask-content--full {
    width: 100%;
    height: 100%;
}
.UserAvatar {
    display: inline-block;
    overflow: hidden;
    border: 4px solid #fff;
    border-radius: 8px;
}
.UserAvatar, .UserAvatar-inner {
    vertical-align: top;
}
.UserAvatar-holder {
    width: 160px;
    height: 160px;
}
.UserAvatarEditor {
    cursor: pointer;
}
.UserAvatarEditor-avatar {
    background: #f7f8fa;
    border: 4px solid #fff;
    border-radius: 8px;
}
.UserAvatarEditor-container {
    width: 256px;
    height: 256px;
    margin: 0 auto 30px;
    cursor: move;
}
    .UserAvatarEditor-container canvas {
        vertical-align: top;
    }
.UserAvatarEditor-modal {
    text-align: center;
}
.UserAvatarEditor-title {
    font-size: 24px;
    color: #262626;
}
.UserAvatarEditor-subTitle {
    font-size: 14px;
    color: #8590a6;
}
.UserAvatarEditor-range {
    width: 200px;
    margin: 20px 10px;
}
.UserAvatarEditor-maskInner {
    z-index: 4;
    border: 4px solid #fff;
    border-radius: 8px;
}
.UserAvatarEditor-maskInnerText {
    white-space: nowrap;
}
.UserAvatarEditor-cameraIcon {
    margin-bottom: 14px;
    fill: #fff;
}
.ProfileHeader {
    position: relative;
    width: 1000px;
    padding: 0 16px;
    margin: 10px auto;
}
.ProfileHeader-wrapper {
    position: relative;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}
.ProfileHeader-main {
    position: relative;
    margin: 0 20px 24px;
}
.ProfileHeader-avatar {
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 4;
}
.ProfileEdit--org .ProfileHeader-avatar, .ProfileHeader--org .ProfileHeader-avatar {
    top: -60px;
}
.ProfileHeader-userCover {
    width: 100%;
}
    .ProfileHeader-userCover.is-fixed {
        z-index: 4;
    }
.ProfileHeader-content {
    padding-top: 16px;
    padding-left: 32px;
    border-left: 164px solid transparent;
}
.ProfileHeader-contentHead {
    position: relative;
    padding-right: 106px;
    margin-bottom: 16px;
}
    .ProfileHeader-contentHead .Button--plain {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        .ProfileHeader-contentHead .Button--plain:hover {
            color: #7a8599;
        }
            .ProfileHeader-contentHead .Button--plain:hover .Icon {
                fill: #95a1ba;
            }
    .ProfileHeader-contentHead .FollowStatus {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 3px 6px;
    }
.ProfileHeader-contentBody {
    position: relative;
    width: 524px;
    overflow: hidden;
    transition: height .3s;
}
.content-enter {
    position: absolute;
    top: 0;
    opacity: 0;
}
.content-enter-active {
    opacity: 1;
    transition: opacity .3s ease-out;
}
.content-leave {
    opacity: 1;
}
.content-leave-active {
    opacity: 0;
    transition: opacity .3s ease-out;
}
.ProfileHeader-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ProfileHeader-name {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
}
.ProfileHeader-badge {
    margin-left: 12px;
    vertical-align: 2px;
}
.ProfileHeader-detailValue a, .ProfileHeader-headline a {
    border: none!important;
}
    .ProfileHeader-detailValue a:hover, .ProfileHeader-headline a:hover {
        color: #175199;
    }
.ProfileHeader-headline {
    margin-left: 12px;
    font-size: 18px;
    white-space: nowrap;
}
.ProfileHeader-info {
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
}
.ProfileHeader--org .ProfileHeader-info {
    margin-bottom: 36px;
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ProfileHeader-divider {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #e7eaf1;
}
.ProfileHeader-infoItem {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .ProfileHeader-infoItem:not(:last-child) {
        margin-bottom: 10px;
    }
.ProfileHeader-iconWrapper {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    text-align: center;
}
.ProfileHeader-arrowIcon.is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ProfileHeader-contentFooter {
    position: relative;
    padding-top: 8px;
}
.ProfileHeader-expandButton {
    line-height: 1;
}
    .ProfileHeader-expandButton .Icon {
        margin: 0 16px 0 4px;
    }
.ProfileHeader-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
}
.ProfileHeader-detail {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    color: #262626;
}
.ProfileHeader--org .ProfileHeader-detail .ProfileHeader-detailLabel {
    width: 30px;
}
.ProfileHeader-detailItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px;
}
.ProfileHeader-detailLabel {
    width: 60px;
    margin-right: 37px;
    font-weight: 500;
}
.ProfileHeader-detailValue {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}
.ProfileHeader-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
    .ProfileHeader-field:not(:first-child) {
        margin-top: 12px;
    }
.ProfileHeader-itemAvatar {
    width: 18px;
    height: 18px;
    margin-right: 12px;
}
.ProfileHeader-defaultCover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.ProfileHeader-tips {
    font-size: 14px;
    color: #8590a6;
}
.PageHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
    .PageHeader:not(.is-shown) {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
.ProfileMain-avatar .Avatar {
    display: block;
    cursor: pointer;
}
.PageHeader .ProfileMain-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1000px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto;
}
.PageHeader .ProfileMain-tabs {
    border-bottom: none;
}
.ProfileMain-tabs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ProfileMain-menuToggler {
    font-size: 16px;
    color: #262626;
}
.ProfileMain-tabIcon {
    margin-left: 4px;
}
.Profile-popoverMenuItem {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #262626;
}
    .Profile-popoverMenuItem.is-active {
        background: #f4f8fb;
    }
    .Profile-popoverMenuItem .Link-meta {
        font-size: 14px;
        color: #8590a6;
    }
body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
    font-weight: 700;
}
.ProfileLockStatus {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.ProfileLockStatus-title {
    margin: 42px 0 10px;
    font-size: 20px;
    font-weight: 500;
    color: #1e1e1e;
}
.ProfileLockStatus-subtitle {
    margin-bottom: 23px;
    font-size: 16px;
    color: #8590a6;
}
.ProfileLockStatus-avatar {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
}
.ProfileLockStatus-redirect {
    display: block;
    margin: 0 auto;
    text-decoration: underline;
}
    .ProfileLockStatus-redirect:hover {
        color: rgba(38,84,153,.72);
    }
    .ProfileLockStatus-redirect:active {
        color: #175199;
    }
.ProfileLockStatus-avatar, .ProfileLockStatus-redirect, .ProfileLockStatus-subtitle, .ProfileLockStatus-title {
    text-align: center;
}
.IconGraf {
    margin-bottom: 12px;
}
    .IconGraf:last-child {
        margin-bottom: 0;
    }
.IconGraf-iconWrapper {
    display: inline-block;
    width: 28px;
}
.IconGraf-icon {
    fill: #bdcadb;
}
.SideItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    margin-bottom: 24px;
}
    .SideItem:last-child {
        margin-bottom: 0;
    }
.SideItem-image {
    padding-top: 3px;
}
.SideItem--multiline .SideItem-image {
    padding-top: 0;
}
.SideItem-image img {
    vertical-align: top;
}
.SideItem-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}
.SideItem-title {
    font-size: 15px;
    font-weight: 400;
    color: #262626;
}
.SideItem--multiline .SideItem-title {
    font-size: 18px;
}
.SideItem-description {
    max-height: 52px;
    margin-top: 2px;
    overflow: hidden;
    font-size: 14px;
    color: #8590a6;
    text-overflow: ellipsis;
}
.SideItem--multiline .SideItem-description {
    margin-top: 8px;
}
.Publication-title:hover {
    color: #175199;
}
.Publications-content {
    padding: 4px 20px;
}
.Publication-item:not(:first-child) {
    display: block;
    border-top: 1px solid #f0f2f7;
}
.Publication-summary {
    display: -webkit-box;
    line-height: 24px;
    color: #262626;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.Publication-image {
    width: 80px;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
}
.FollowshipCard {
    font-size: 14px;
}
.FollowshipCard-counts:not(:last-child) {
    border-bottom: 1px solid #f0f2f7;
}
.FollowshipCard-counts .NumberBoard-item {
    padding: 16px 0;
}
.FollowshipCard-counts .NumberBoard-divider {
    margin: 16px 0;
}
.FollowshipCard-link {
    color: #175199;
}
    .FollowshipCard-link:hover {
        border-bottom: 1px solid rgba(23,81,153,.72);
    }
.FollowshipCard-avatars, .FollowshipCard-item:not(:first-child) {
    margin-top: 12px;
}
.FollowshipCard-icon {
    margin-right: 8px;
}
.FollowshipCard-avatar {
    margin-left: 8px;
}
    .FollowshipCard-avatar:first-child {
        margin-left: 0;
    }
.Profile {
    width: auto;
}
.Profile-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    min-height: 100vh;
    padding: 0 16px;
    margin: 10px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.Profile-mainColumn {
    width: 694px;
}
body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
    font-weight: 700;
}
body:not(.Body--isAppleDevice) .Profile-mainColumn .SubTabs-item:not(.is-active) {
    font-weight: 400;
}
.Profile-sideColumn {
    width: 296px;
    color: #555;
}
.Profile-sideColumnItems {
    padding: 12px 0;
}
.Profile-sideColumnItem {
    padding: 6px 16px;
}
.Profile-sideColumnItemValue {
    margin-left: 29px;
    font-size: 14px;
    color: #8590a6;
}
.Profile-lightList {
    border-top: 1px solid #f0f2f7;
}
.Profile-lightItem, .Profile-lightList {
    font-size: 14px;
    border-bottom: 1px solid #f0f2f7;
}
.Profile-lightItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
}
    .Profile-lightItem:hover, .Profile-lightItem:hover .Profile-lightItemValue {
        color: #175199;
    }
    .Profile-lightItem:last-child {
        border-bottom: none;
    }
.Profile-lightItemName {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.Profile-lightItemValue {
    font-size: 14px;
    color: #8590a6;
}
.Profile-sideColumnTitle {
    padding: 0 14px;
}
.Profile-footerOperations {
    width: 100%;
    padding: 10px 0;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    border-bottom: 1px solid #f0f2f7;
}
    .Profile-footerOperations, .Profile-footerOperations a {
        color: #8590a6;
    }
        .Profile-footerOperations .Button--plain:hover {
            color: #7a8599;
        }
            .Profile-footerOperations .Button--plain:hover .Icon {
                fill: #95a1ba;
            }
.Profile-footerDot:after {
    margin-right: 5px;
    margin-left: 5px;
    content: "\B7";
}
.Profile-sideColumnItemLink {
    cursor: pointer;
}
    .Profile-sideColumnItemLink:hover {
        color: #175199;
    }
.Profile-createOrgAccount {
    display: inline-block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #175199;
}
.Profile-activities .ContentItem-title, .Profile-answers .ContentItem-title {
    font-weight: 500;
}
.List .EmptyState {
    padding: 70px 0;
}
.List-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    margin: 0 20px;
    border-bottom: 1px solid #f0f2f7;
    box-sizing: border-box;
}
.List-headerText {
    margin: 0;
    font-weight: 500;
}
.List-headerOptions {
    font-size: 14px;
}
.List-loading {
    padding: 200px 0;
    color: #8590a6;
    text-align: center;
}
.List-item {
    position: relative;
    padding: 16px 20px;
}
    .List-item:not(:last-child):after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 20px;
        display: block;
        border-bottom: 1px solid #f0f2f7;
        content: "";
    }
.List-item--holder {
    padding: 24px 0;
}
.List-itemMeta {
    margin-bottom: 10px;
    color: #8590a6;
}
.ContentItem-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    color: #1e1e1e;
    margin-top: -5px;
    margin-bottom: -5px;
}
    .ContentItem-title + .ContentItem-meta {
        margin-top: 6px;
    }
    .ContentItem-title a:hover {
        color: #175199;
    }
.ContentItem-meta {
    font-size: 15px;
    color: #555;
}
    .ContentItem-meta .ColumnItem-meta, .ContentItem-meta .TopicItem-meta {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.ContentItem-avatar {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
    .ContentItem-avatar .UserLink-avatar {
        width: 38px;
        height: 38px;
        vertical-align: top;
    }
.ContentItem-author {
    padding-top: 10px;
}
.ContentItem-status {
    margin-top: 5px;
    color: #8590a6;
    font-size: 14px;
}
.ContentItem-statusItem:not(:first-child):before {
    margin: 0 5px;
    content: "\B7";
}
.ContentItem-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding: 0 20px;
    margin: 4px -20px -8px;
    color: #555;
    background: #fff;
    clear: both;
}
    .ContentItem-actions.is-fixed {
        margin: 0;
        box-shadow: 0 -1px 3px rgba(0,34,77,.05);
    }
    .ContentItem-actions .Button--plain:hover {
        color: #7a8599;
    }
        .ContentItem-actions .Button--plain:hover .Icon {
            fill: #95a1ba;
        }
.ContentItem-action {
    margin-left: 24px;
}
    .ContentItem-action:first-child {
        margin-left: 0;
    }
.ContentItem-rightButton {
    margin-left: auto;
}
    .ContentItem-rightButton .Icon {
        margin-left: 8px;
    }
.ContentItem-more {
    padding: 0;
    margin-left: 4px;
}
    .ContentItem-more:hover {
        color: #7a8599;
    }
        .ContentItem-more:hover .Icon {
            fill: #95a1ba;
        }
.ContentItem-time {
    margin-top: 1em;
    font-size: 14px;
    color: #8590a6;
}
    .ContentItem-time a:hover {
        border-bottom: 1px solid rgba(161,174,191,.72);
    }
.ContentItem-arrowIcon {
    width: 9px;
    margin-left: 8px;
}
    .ContentItem-arrowIcon.is-active {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
.ContentItem-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ContentItem-image {
    float: left;
    margin-right: 16px;
}
.ContentItem-head {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    margin-right: 6px;
}
.ContentItem-extra {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.ContentItem-cells {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    line-height: 26px;
}
.ContentItem-cell:not(:first-child) {
    margin-left: 40px;
}
.ContentItem-cell > span:first-child {
    color: #8590a6;
}
.ImageView {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    overflow: hidden;
    transition: background-color .2s ease-in-out;
}
    .ImageView.is-active {
        background-color: hsla(0,0%,100%,.9);
    }
.ImageView-inner {
    height: 100%;
    box-sizing: border-box;
}
.ImageView-img {
    cursor: zoom-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.CopyrightRichText-tooltip {
    font-size: 14px;
}
.RichContent--unescapable.is-collapsed .RichContent-inner {
    position: relative;
    max-height: 400px;
    transition: max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    transition: mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
    transition: mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    -webkit-mask-image: linear-gradient(#000 calc(100% - 9rem),transparent);
    mask-image: linear-gradient(#000 calc(100% - 9rem),transparent);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.RichContent--unescapable.is-collapsed .RichContent-questionInner {
    max-height: 90px;
}
.RichContent {
    line-height: 1.67;
}
    .RichContent.is-collapsed {
        cursor: pointer;
        transition: color .14s ease-out;
    }
        .RichContent.is-collapsed .RichContent-cover > img {
            transition: -webkit-transform .6s ease-out;
            transition: transform .6s ease-out;
            transition: transform .6s ease-out,-webkit-transform .6s ease-out;
        }
        .RichContent.is-collapsed .CopyrightRichText-richText {
            pointer-events: none;
        }
        .RichContent.is-collapsed .RichContent-inner:hover {
            color: #6f6f6f;
        }
            .RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link), .RichContent.is-collapsed .RichContent-inner:hover u {
                border-bottom: 1px solid hsla(0,0%,44%,.72);
            }
                .RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u, .RichContent.is-collapsed .RichContent-inner:hover u u {
                    border-color: transparent;
                }
            .RichContent.is-collapsed .RichContent-inner:hover .RichContent-cover > img {
                -webkit-transform: scale3d(1.024,1.024,1);
                transform: scale3d(1.024,1.024,1);
            }
        .RichContent.is-collapsed:not(.RichContent--unescapable) .CopyrightRichText-richText {
            white-space: normal;
        }
.RichContent-inner {
    margin-top: 9px;
    margin-bottom: -5px;
    overflow: hidden;
}
.RichContent-cover {
    position: relative;
    width: 190px;
    height: 105px;
    margin-top: -2px;
    margin-right: 18px;
    margin-bottom: 4px;
    float: left;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
    .RichContent-cover + .RichContent-inner {
        margin-top: 16px;
    }
    .RichContent-cover:after {
        position: absolute;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        content: "";
        opacity: .02;
    }
    .RichContent-cover .VagueImage {
        vertical-align: top;
    }
.RichContent-cover-play {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
    .RichContent-cover-play .Icon {
        display: block;
    }
.RichContent-cover-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
    .RichContent-cover-inner img {
        max-width: 100%;
        vertical-align: top;
    }
.RichContent-cover > img {
    margin: 0!important;
}
.RichContent-cover .zh-lightbox-thumb {
    cursor: pointer!important;
}
.ShareMenu-button {
    height: 40px;
    font-size: 14px;
    color: #262626;
}
.ShareMenu-wechat {
    padding-bottom: 12px;
}
.ShareMenu-fakeQRCode {
    display: none;
}
.ShareMenu-qrCode, .ShareMenu-wechatText {
    display: block;
}
.ShareMenu-qrCode {
    width: 94px;
    height: 94px;
}
.QuestionItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.QuestionItem-muteStatus {
    display: inline-block;
    padding: 0 6px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #8590a6;
    cursor: default;
    background-color: #f7f8fa;
    border-radius: 3px;
}
.QuestionItem-icon {
    margin-left: 8px;
}
.QuestionItem-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.QuestionItem-dot {
    margin-right: 10px;
}
    .QuestionItem-dot:after {
        content: "\2022";
    }
.UserItem-avatar .Avatar, .UserItem-avatar .Popover {
    display: block;
}
.UserItem-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.UserItem-name, .UserItem-name .UserLink-badge, .UserItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    .UserItem-name .UserLink-badge {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
.UserItem-headline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.UserItem-business {
    font-size: 14px;
    color: #262626;
}
.UserItem-company:after {
    margin: 0 5px;
    color: #eee;
    content: "|";
}
.VoterList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.VoterList-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
}
.Voters {
    color: #8590a6;
}
.AnswerModal-list {
    font-size: 14px;
    line-height: 1.75;
}
    .AnswerModal-list > li:not(:first-child) {
        margin-top: 4px;
    }
.AnswerModal-moreLink {
    display: inline-block;
    margin-top: 8px;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    color: #175199;
}
    .AnswerModal-moreLink:hover {
        border-bottom: 1px solid rgba(62,122,194,.72);
    }
.AnswerForm--bordered {
    border: 1px solid #e7eaf1;
    border-radius: 3px;
}
.AnswerForm:not(.AnswerForm--bordered) .Editable-toolbar {
    border-top: 1px solid #e7eaf1;
}
.AnswerForm-editor {
    border: none;
    border-radius: 0;
}
    .AnswerForm-editor.is-focus {
        border: none;
    }
    .AnswerForm-editor .DraftEditor-root {
        padding: 12px 20px;
        font-size: 15px;
    }
    .AnswerForm-editor .Dropzone-overlay {
        margin: 14px 24px;
    }
.AnswerForm-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    padding: 12px 24px;
    background: #fff;
    box-sizing: border-box;
}
.AnswerForm-footer--hidden {
    pointer-events: none;
    opacity: 0;
}
.AnswerForm-status {
    font-size: 14px;
    color: #8590a6;
}
.AnswerForm-delete {
    margin-right: 12px;
}
    .AnswerForm-delete:hover .Icon {
        fill: #95a1ba;
    }
.AnswerForm-footerRight {
    margin-left: auto;
    transition: opacity .3s ease-out;
}
.AnswerForm-submit {
    margin-left: 22px;
}
.AnswerForm-cancel {
    color: #175199;
    cursor: pointer;
}
    .AnswerForm-cancel:hover {
        border-bottom: 1px solid rgba(62,122,194,.72);
    }
.VoteButton {
    padding: 0 10px;
    color: #2d84cc;
    background: #ebf3fb;
    border-color: #ebf3fb;
}
    .VoteButton:not(:disabled):hover {
        background-color: #e4ebf3;
        border-color: #e4ebf3;
    }
    .VoteButton:disabled:hover {
        background: #ebf3fb;
        border-color: #ebf3fb;
    }
    .VoteButton.is-active {
        color: #eef3f7;
        background: #2d84cc;
        border-color: #2d84cc;
    }
        .VoteButton.is-active:hover {
            background-color: #2774b3;
            border-color: #2774b3;
        }
    .VoteButton:focus {
        outline: none;
    }
html:not([data-focus-method=pointer]) .VoteButton:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(38,148,237,.3);
}
.VoteButton--down {
    margin-left: 4px;
}
.VoteButton-downIcon, .VoteButton-upIcon {
    fill: currentColor;
}
.VoteButton-upIcon {
    margin-right: 8px;
}
.VoteButton-downIcon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.AnswerItem-meta {
    position: relative;
    margin-top: 14px;
}
    .AnswerItem-meta .AnswerItem-sticky {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        color: #9aaabf;
        cursor: default;
    }
.AnswerItem-meta--related {
    margin-top: -2px;
}
.AnswerItem-selfMenu {
    font-size: 14px;
    color: #8590a6;
}
.AnswerItem-selfMenuItem {
    line-height: 40px;
}
.AnswerItem-selectMenuItem {
    position: relative;
    padding-left: 44px;
    line-height: 40px;
}
    .AnswerItem-selectMenuItem .Icon {
        position: absolute;
        top: 10px;
        left: 20px;
    }
.AnswerItem-extraInfo {
    margin-top: 10px;
    margin-bottom: -4px;
    font-size: 14px;
    color: #8590a6;
}
.AnswerItem-filteredContent {
    padding: 16px;
    margin: 16px 0 18px;
    background: #e6ebf2;
    border-radius: 4px;
}
.AnswerItem-filterReason {
    font-size: 15px;
    line-height: 26px;
    color: #262626;
}
.AnswerItem-filterTitle {
    font-size: 14px;
    line-height: 26px;
    color: #8590a6;
}
.AnswerItem-filterLink {
    border-bottom: 1px solid #8590a6;
}
    .AnswerItem-filterLink:active, .AnswerItem-filterLink:hover {
        color: #175199;
        border-bottom: 1px solid #175199;
    }
.AnswerItem-complaintLink {
    color: #4c8bbf;
}
    .AnswerItem-complaintLink:hover {
        color: #175199;
    }
.AnswerItem-complaintIcon {
    position: relative;
    top: -1px;
}
.AnswerItem-status {
    padding: 16px;
    margin: 6px 0;
    background: #e7eaf1;
    border-radius: 4px;
}
    .AnswerItem-status a {
        color: #175199;
    }
        .AnswerItem-status a:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
.AnswerItem-deleted {
    font-size: 15px;
    color: #8590a6;
    text-align: center;
}
    .AnswerItem-deleted a {
        font-size: inherit;
        color: #175199;
        cursor: pointer;
    }
        .AnswerItem-deleted a:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
.AnswerItem-form {
    margin-top: 24px;
}
.AnswerItem-editButton {
    color: #175199;
    cursor: pointer;
}
    .AnswerItem-editButton:hover .AnswerItem-editButtonText {
        border-bottom: 1px solid rgba(62,122,194,.72);
    }
    .AnswerItem-editButton .Icon {
        fill: #175199;
    }
.AnswerItem-mainAction {
    margin-right: 16px;
    border-color: #0f88eb;
    color: #0f88eb;
}
.AnswerItem-mainAction--disabled {
    opacity: .5;
}
.Mobile-body .AnswerItem .ContentItem-actions {
    height: 45px;
    line-height: 28px;
}
    .Mobile-body .AnswerItem .ContentItem-actions .VoteButton {
        line-height: 28px;
    }
    .Mobile-body .AnswerItem .ContentItem-actions .AnswerItem-mainAction {
        margin-right: 12px;
        padding: 0 10px;
        line-height: 28px;
        font-size: 12px;
    }
.LikeButton {
    padding: 0 15px;
    color: #2d84cc;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
}
    .LikeButton, .LikeButton:disabled:hover {
        background: #ebf3fb;
        border-color: #ebf3fb;
    }
        .LikeButton:not(:disabled):hover {
            background-color: #e4ebf3;
            border-color: #e4ebf3;
        }
        .LikeButton.is-active {
            color: #eef3f7;
            background: #2d84cc;
            border-color: #2d84cc;
        }
            .LikeButton.is-active:hover {
                background-color: #2774b3;
                border-color: #2774b3;
            }
        .LikeButton .Icon {
            margin-right: 7px;
            fill: currentColor;
        }
.ArticleItem-authorInfo {
    margin-top: 14px;
}
.ArticleItem-extraInfo {
    margin-top: 11px;
    margin-bottom: -3px;
    font-size: 14px;
    color: #8590a6;
}
.ArticleItem-image {
    margin-top: 10px;
    width: 100%;
}
.ArticleItem .RichContent-cover-inner img {
    -o-object-fit: cover;
    object-fit: cover;
}
.EBookItem .ContentItem-title {
    margin-top: 0;
}
.EBookItem-description {
    line-height: 27px;
    margin-top: 12px;
    margin-bottom: 16px;
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.EBookItem-image {
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    vertical-align: top;
}
.EBookItem-actions {
    margin-top: 4px;
}
.EBookItem-price {
    color: #f75659;
}
    .EBookItem-price del {
        margin-left: 6px;
        color: #8590a6;
    }
.TopicItem-statusLink {
    font-size: 14px;
    color: #175199;
}
.FavlistItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.FavlistItem-lockIcon {
    margin-left: 8px;
}
.FavlistItem-follow {
    width: 90px;
}
.RoundtableItem-badge {
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px;
    white-space: nowrap;
    color: #8590a6;
    vertical-align: 1px;
    background-color: #f7f8fa;
    border-radius: 3px;
    line-height: 1;
    margin-left: 8px;
}
    .RoundtableItem-badge .Icon {
        margin-right: 6px;
    }
.LiveItem-description {
    display: inline-block;
    margin-top: 8px;
    line-height: 26px;
    cursor: pointer;
}
    .LiveItem-description.is-expand {
        overflow: auto;
        white-space: pre-wrap;
    }
button.LiveItem-description {
    display: block;
    width: 100%;
    text-align: left;
}
.LiveItem-price {
    color: #f75659;
}
    .LiveItem-price del {
        color: #8590a6;
        margin-left: 3px;
    }
.LiveItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px;
}
    .LiveItem-cover img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
.FavlistItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.FavlistItem-lockIcon {
    margin-left: 8px;
}
.FavlistItem-follow {
    width: 90px;
}
.PinItem-authorInfo {
    margin-bottom: 10px;
}
.PinItem-remainContentRichText {
    pointer-events: auto;
}
    .PinItem-remainContentRichText blockquote {
        cursor: pointer;
    }
.PinItem-3lineBlockquote {
    display: -webkit-box;
    max-height: 81px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.PinItem-contentTitle {
    max-height: 54px;
}
.PinItem-contentTitle, .PinItem-contentUrl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.PinItem .subtype {
    display: inline-block;
    padding: 1px 6px;
    margin-left: 8px;
    font-size: 12px;
    line-height: normal;
    color: #8590a6;
    vertical-align: 1px;
    background-color: #f7f8fa;
    border-radius: 3px;
}
.ActivityItem-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ActivityItem-metaTitle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.SubTabs {
    display: inline-block;
}
.SubTabs-item {
    height: 21px;
    padding: 6px 0 7px;
    margin-right: 36px;
}
    .SubTabs-item:last-child {
        margin-right: 0;
    }
    .SubTabs-item:not(.is-active) {
        font-weight: 400;
    }
.SubTabs .Select-button {
    font-size: 1em;
    font-weight: inherit;
}
.Field {
    padding: 30px 0;
    border-bottom: 1px solid #ebeef5;
}
    .Field .ButtonGroup .Button + .Button {
        margin-left: 16px;
    }
.Field-label {
    position: absolute;
    font-size: 15px;
    font-weight: 700;
    line-height: 36px;
    color: #333;
}
.Field-content {
    padding: 0 64px 0 140px;
    line-height: 36px;
}
.Field-list {
    margin: 20px -10px 0;
}
.Field-dot {
    margin-right: 10px;
}
.Field-input {
    width: 180px;
}
.Field-longInput {
    width: 495px;
}
.Field-autoComplete {
    display: inline-block;
}
    .Field-autoComplete:not(:first-child) {
        margin-left: 16px;
    }
.Field-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 440px;
    padding: 8px 10px;
    line-height: 24px;
    cursor: move;
}
    .Field-card span {
        margin-left: 12px;
        font-size: 15px;
        color: #262626;
    }
.Field-hoveredCard {
    background: #f7f8fa;
    border-radius: 4px;
}
.Field-draggingCard {
    opacity: 1;
}
.Field-delete {
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.Field-avatar {
    vertical-align: top;
}
.Field-modify {
    position: absolute;
    margin-left: 16px;
    line-height: inherit;
    transition: opacity .1s;
}
.Field-modify-hidden:not(:focus) {
    opacity: 0;
}
.Field .MaxLength {
    position: absolute;
    top: 30px;
    right: 12px;
    text-align: right;
}
.ButtonGroup {
    margin-top: 24px;
    vertical-align: top;
}
.ButtonGroup--right {
    display: inline-block;
    margin-top: 0;
    margin-left: 24px;
}
.HeadlineField-input {
    width: 540px;
}
.HeadlineField-buttonGroup {
    display: inline-block;
}
.HeadlineField-actions {
    position: relative;
}
.HomepageField-input {
    width: 540px;
}
.HomepageField-buttonGroup {
    display: inline-block;
}
.HomepageField-actions {
    position: relative;
}
.AddButton {
    font-size: 15px;
}
.AddButton-icon {
    fill: #3e7ac2;
    vertical-align: -4px;
}
.TextArea {
    padding: 4px 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    line-height: 26px;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    outline: none;
    box-sizing: border-box;
    transition: background .2s;
    resize: none;
}
    .TextArea:focus {
        background: #fff;
    }
    .TextArea::-webkit-input-placeholder {
        color: #8590a6;
    }
    .TextArea:-ms-input-placeholder {
        color: #8590a6;
    }
    .TextArea::placeholder {
        color: #8590a6;
    }
.DescriptionField-input {
    width: 540px;
}
.DescriptionField-buttonGroup {
    display: inline-block;
}
.DescriptionField-actions {
    position: relative;
}
.DescriptionField-content {
    word-break: break-all;
}
.ProfileEdit {
    width: 1000px;
    padding: 0 16px;
    margin: 14px auto;
    font-size: 15px;
    color: #262626;
}
.ProfileEdit-fields {
    padding-bottom: 100px;
    margin-top: 10px;
}
.ProfileEdit-headlineInput {
    width: 495px;
}
.ProfileEdit-buttons {
    margin-top: 24px;
}
.ProfileEdit-expandActions {
    bottom: auto;
}
.ProfileEdit-arrowIcon {
    margin: 0 4px 0 8px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.Anonymous-confirm ul {
    padding-left: 2em;
}
    .Anonymous-confirm ul li {
        list-style: disc;
    }
.QuestionRichText {
    font-size: 15px;
    line-height: 25px;
}
.QuestionRichText--expandable.QuestionRichText--collapsed {
    cursor: pointer;
    transition: color .14s ease-out;
}
    .QuestionRichText--expandable.QuestionRichText--collapsed .RichText {
        pointer-events: none;
    }
    .QuestionRichText--expandable.QuestionRichText--collapsed:hover {
        color: #6f6f6f;
    }
        .QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link), .QuestionRichText--expandable.QuestionRichText--collapsed:hover u {
            border-bottom: 1px solid hsla(0,0%,44%,.72);
        }
            .QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u, .QuestionRichText--expandable.QuestionRichText--collapsed:hover u u {
                border-color: transparent;
            }
.QuestionRichText-more:hover {
    color: #7a8599;
}
    .QuestionRichText-more:hover .Icon {
        fill: #95a1ba;
    }
.QuestionRichText-more-icon {
    margin-left: 8px;
}
.QuestionButtonGroup {
    display: inline-block;
    margin: 0 -8px;
}
    .QuestionButtonGroup .Button {
        margin: 0 8px;
    }
.MobileQuestionButtonGroup .Button {
    margin-right: 16px;
}
@media (max-width:340px) {
    .MobileQuestionButtonGroup .Button {
        width: auto;
        padding: 0 10px;
        margin-right: 10px;
    }
}
.QuestionMainAction {
    width: 100%;
    height: 50px;
    font-size: 15px;
    border: none;
    border-radius: 0;
}
    .QuestionMainAction:first-child:not(:last-child) {
        border-bottom: 1px solid #e7eaf1;
    }
    .QuestionMainAction:last-child:not(:first-child) {
        border-top: 1px solid #e7eaf1;
    }
    .QuestionMainAction a {
        color: #175199;
    }
        .QuestionMainAction a:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
a.QuestionMainAction {
    display: block;
    line-height: 50px;
    color: #8590a6;
    text-align: center;
}
    a.QuestionMainAction:hover {
        color: #175199;
    }
.QuestionInvitation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
    .QuestionInvitation .Card-headerText {
        color: #8590a6;
    }
    .QuestionInvitation em {
        font-style: normal;
        color: #f75659;
    }
.QuestionInvitation-title {
    font-size: 16px;
    font-weight: 500;
}
.QuestionInvitation-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.QuestionInvitation-content--centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 160px;
}
.Invitees-wrapper {
    position: relative;
    background: #fff;
    border: 1px solid #f0f2f7;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(0,34,77,.1);
}
    .Invitees-wrapper:after, .Invitees-wrapper:before {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 3;
        width: 0;
        height: 0;
        margin: auto;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-radius: 1px;
        content: "";
    }
    .Invitees-wrapper:before {
        top: -8px;
        border-bottom: 8px solid #f0f2f7;
    }
    .Invitees-wrapper:after {
        top: -7px;
        border-bottom: 8px solid #fff;
    }
.Invitees {
    max-height: 383px;
    overflow-y: auto;
}
.Invitees-popover {
    padding-top: 10px;
}
.Invitees-toggler {
    font-size: 16px;
    color: inherit;
}
.Invitees-togglerUsers {
    font-weight: 400;
    color: #262626;
}
.InviteeItem {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 340px;
    padding: 16px;
    box-sizing: border-box;
}
    .InviteeItem:not(:last-child):after {
        position: absolute;
        bottom: 0;
        display: block;
        width: calc(100% - 32px);
        border-bottom: 1px solid #f0f2f7;
        content: "";
    }
.InviteeItem-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.InviteeItem-image {
    margin-right: 12px;
}
.InviteeItem-title {
    margin: 0;
    font-weight: 500;
}
.QuestionStatus-bar {
    padding: 16px;
    line-height: 28px;
    color: #8590a6;
    text-align: center;
    background-color: rgba(133,144,166,.08);
}
    .QuestionStatus-bar em, .QuestionStatus-bar strong {
        font-style: normal;
        font-weight: 500;
        color: #3f3f3f;
    }
.QuestionStatus-bar-inner {
    width: 1000px;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box;
}
.QuestionStatus-bar-commercialMuted {
    font-weight: 500;
    color: #9aaabf;
}
    .QuestionStatus-bar-commercialMuted a {
        color: #4d87ce;
    }
.QuestionStatus-notification {
    position: absolute;
    margin-top: 50px;
    width: 680px;
    padding-right: 24px;
    padding-left: 24px;
}
.QuestionStatus-notification-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.QuestionStatus-notification-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .QuestionStatus-notification-content a {
        display: inline;
        color: #175199;
    }
        .QuestionStatus-notification-content a:hover {
            text-decoration: underline;
        }
.QuestionStatus-notification-actions {
    margin-left: 32px;
}
.QuestionStatus-notification-divider {
    display: inline-block;
    height: 14px;
    margin: 0 12px;
    vertical-align: middle;
    border-right: 1px solid #e7eaf1;
}
.QuestionStatus-notification-primary {
    color: #175199;
}
.QuestionFollowStatus-counts {
    width: 200px;
    margin-left: auto;
}
    .QuestionFollowStatus-counts .NumberBoard-name {
        line-height: 14px;
    }
    .QuestionFollowStatus-counts .NumberBoard-value {
        margin-top: 6px;
        line-height: 18px;
    }
.QuestionFollowStatus-people {
    height: 32px;
    margin-top: 10px;
}
    .QuestionFollowStatus-people .UserLink {
        display: inline-block;
        vertical-align: middle;
    }
        .QuestionFollowStatus-people .UserLink + .UserLink {
            margin-left: -8px;
        }
    .QuestionFollowStatus-people .Avatar {
        display: block;
        border: 1px solid #fff;
        box-shadow: 0 2px 4px rgba(4,27,45,.1);
    }
.QuestionFollowStatus-people-tip {
    margin-right: 8px;
    font-size: 14px;
    color: #8590a6;
}
.QuestionRedirectionCreator-content {
    height: 160px;
}
.QuestionRedirectionCreator .Popover {
    display: block;
}
.QuestionRedirectionCreator .Input {
    height: 30px;
}
.QuestionRedirectionCreator-menu {
    width: 488px;
}
.QuestionHeaderActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    .QuestionHeaderActions > .Button:not(:first-child), .QuestionHeaderActions > .Popover:not(:first-child) {
        margin-left: 24px;
    }
@media (max-width:690px) {
    .QuestionHeaderActions > .Button:not(:first-child), .QuestionHeaderActions > .Popover:not(:first-child) {
        margin-left: 12px;
    }
}
.QuestionHeader {
    position: relative;
    min-width: 1032px;
    padding: 16px 0;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e7eaf1;
    box-shadow: 0 1px 3px 0 rgba(0,37,55,.05);
}
.QuestionHeader-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto;
}
.PageHeader .QuestionHeader-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.QuestionHeader-main {
    width: 694px;
    padding-left: 20px;
    box-sizing: border-box;
}
.QuestionHeader-side {
    width: 296px;
    padding-right: 20px;
    text-align: right;
}
.QuestionHeader-topics {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    padding: 1px 0;
}
    .QuestionHeader-topics, .QuestionHeader-topics .QuestionHeader-brandQuestionSymbol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
        .QuestionHeader-topics .QuestionHeader-brandQuestionSymbol .QuestionHeader-brandQuestionIcon {
            border-left: 4px solid #0f88eb;
            padding-left: 5px;
            line-height: 16px;
            font-size: 13px;
            color: #1e1e1e;
        }
        .QuestionHeader-topics .QuestionHeader-brandQuestionSymbol .QuestionHeader-divider {
            margin-left: 16px;
            margin-right: 17px;
            border-left: 1px solid #e7eaf1;
            height: 24px;
            background: #e7eaf1;
        }
        .QuestionHeader-topics .QuestionTopic {
            margin: 3px 5px 3px 0;
            vertical-align: middle;
        }
        .QuestionHeader-topics .Button {
            margin-left: 12px;
            vertical-align: middle;
        }
.QuestionHeader-title {
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: #1e1e1e;
}
    .QuestionHeader-title .Button {
        margin-left: 12px;
        vertical-align: middle;
    }
.PageHeader .QuestionHeader-title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.QuestionHeader-lock {
    vertical-align: middle;
}
.QuestionHeader-brandQuestionIntro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 14px;
    font-size: 15px;
    color: #8590a6;
}
    .QuestionHeader-brandQuestionIntro img {
        border-radius: 28px;
        width: 28px;
        height: 28px;
    }
    .QuestionHeader-brandQuestionIntro .QuestionHeader-brandName {
        margin: 0 8px;
        color: #175199;
    }
    .QuestionHeader-brandQuestionIntro .QuestionHeader-dot {
        margin: 0 4px;
    }
    .QuestionHeader-brandQuestionIntro .QuestionHeader-link {
        text-decoration: underline;
    }
        .QuestionHeader-brandQuestionIntro .QuestionHeader-link:hover {
            color: #175199;
        }
.QuestionHeader-detail {
    min-height: 10px;
}
.QuestionHeader-footer {
    padding-bottom: 12px;
    margin-top: 4px;
    margin-bottom: -12px;
    background: #fff;
}
    .QuestionHeader-footer.is-fixed {
        height: 60px;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        border-top: 1px solid #e7eaf1;
        box-shadow: 0 -1px 3px rgba(0,34,77,.05);
    }
.QuestionHeader-footer-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1000px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto;
}
.QuestionHeader-footer-inner, .QuestionHeader-footer-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.QuestionHeader-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
}
    .QuestionHeader-actions .Button {
        margin: 0 12px;
    }
    .QuestionHeader-actions .Button--plain:hover {
        color: #7a8599;
    }
        .QuestionHeader-actions .Button--plain:hover .Icon {
            fill: #95a1ba;
        }
.QuestionHeader-collapse-icon {
    margin-left: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.QuestionHeader-menu {
    font-size: 14px;
}
.QuestionHeader-menu-item {
    line-height: 40px;
}
.QuestionHeader-delete-confirm {
    text-align: center;
}
.QuestionHeader-org {
    height: 60px;
    margin-top: 16px;
    margin-bottom: -16px;
    border-top: 1px solid rgba(0,34,77,.05);
}
.QuestionHeader-org-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    padding: 0 16px;
    margin: 0 auto;
}
.QuestionHeader-org-inner, .QuestionHeader-org-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.QuestionHeader-org-main {
    font-size: 14px;
    color: #8590a6;
}
.QuestionHeader-org-avatar {
    margin-right: 12px;
}
    .QuestionHeader-org-avatar .Avatar, .QuestionHeader-org-avatar .Popover, .QuestionHeader-org-avatar .UserLink {
        display: block;
    }
.QuestionHeader-org-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
    .QuestionHeader-org-name .UserLink {
        font-weight: 500;
        color: #555;
    }
.QuestionHeader-edit:hover {
    color: #7a8599;
}
    .QuestionHeader-edit:hover .Icon {
        fill: #95a1ba;
    }
.Question-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    min-height: 100vh;
    padding: 0 16px;
    margin: 10px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.Question-mainColumn {
    width: 694px;
    padding-bottom: 20px;
}
.Question-sideColumn {
    width: 296px;
}
.Question-sideColumn--sticky .Card:last-of-type {
    margin-bottom: 0;
}
.QuestionAnswers-content {
    margin-bottom: 14px;
}
.QuestionAnswers-hasAnswer {
    padding: 16px 24px;
    font-size: 15px;
    color: #8590a6;
    text-align: center;
}
    .QuestionAnswers-hasAnswer a {
        font-size: inherit;
        color: #175199;
        cursor: pointer;
    }
        .QuestionAnswers-hasAnswer a:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
.QuestionAnswers-answerList {
    margin-bottom: 10px;
}
.QuestionAnswers-answerTip {
    margin: 40px 0;
    font-size: 14px;
    color: #8590a6;
    text-align: center;
}
    .QuestionAnswers-answerTip .Button {
        color: #175199;
    }
        .QuestionAnswers-answerTip .Button:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
    .QuestionAnswers-answerTip .QuestionAnswers-iconLink:hover {
        border-bottom: none;
    }
.QuestionAnswers-answerAdd {
    margin-top: 40px;
    margin-bottom: 60px!important;
}
.QuestionAnswers-answers {
    margin-bottom: 10px;
}
.Answers-none {
    padding: 50px 0;
}
.QuestionAnswers-navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.QuestionAnswers-nav {
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
    .QuestionAnswers-nav:hover {
        cursor: pointer;
    }
    .QuestionAnswers-nav.is--active {
        border-bottom: 3px solid #0f88eb;
    }
    .QuestionAnswers-nav + .QuestionAnswers-nav {
        margin-left: 33px;
    }
.TopicBios-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 400px;
}
.TopicBioItem:not(:first-child) {
    margin-top: 16px;
}
.TopicBioItem .AuthorInfo {
    color: #555;
}
.TopicBioItem-title {
    margin-bottom: 8px;
    color: #8590a6;
}
.TopicBioItem-inner {
    padding: 12px;
    margin-bottom: 8px;
    border: 1px solid #175199;
    border-radius: 3px;
}
.TopicBioItem-modifyButton {
    margin-left: 6px;
    font-size: 14px;
    color: #8590a6;
}
    .TopicBioItem-modifyButton:hover {
        color: #175199;
    }
.TopicBioItem-input {
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 14px;
}
    .TopicBioItem-input, .TopicBioItem-input.is-focus {
        border: none;
    }
        .TopicBioItem-input .Input {
            height: auto;
            color: #555;
        }
.TopicBioItem-inputFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.TopicBioItem-actions {
    text-align: right;
}
    .TopicBioItem-actions .Button:not(:first-child) {
        margin-left: 25px;
    }
.TopicBioItem-addButton {
    height: 48px;
    padding: 0 12px;
    text-align: left;
    border: 1px solid #e7eaf1;
}
    .TopicBioItem-addButton:hover {
        border-color: #175199;
    }
    .TopicBioItem-addButton .Icon {
        fill: currentColor;
    }
.AnswerAdd-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px;
}
.AnswerAdd-info {
    overflow: hidden;
}
.AnswerAdd-toggleAnonymous {
    margin-left: auto;
    padding-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
    .AnswerAdd-toggleAnonymous:hover {
        color: #7a8599;
    }
.AnswerAdd-topicBiosButton {
    font-size: 14px;
    color: #8590a6;
}
    .AnswerAdd-topicBiosButton:hover {
        color: #175199;
    }
.AnswerAdd-bio {
    margin-right: 6px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
}
.QuestionMainDivider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    margin: 0 20px;
    color: #8590a6;
    text-align: center;
}
    .QuestionMainDivider:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 20px;
        display: block;
        border-top: 1px solid #ebeef5;
        content: "";
    }
    .QuestionMainDivider a {
        color: #175199;
    }
        .QuestionMainDivider a:hover {
            border-bottom: 1px solid rgba(62,122,194,.72);
        }
.QuestionMainDivider-inner {
    position: relative;
    padding: 0 1em;
    background: #fff;
}
.CollapsedAnswers-bar {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    color: #555;
    text-align: left;
    border-top: 1px solid #e7eaf1;
    border-bottom: 1px solid #e7eaf1;
}
    .CollapsedAnswers-bar:not(:last-child) {
        margin-bottom: 14px;
    }
    .CollapsedAnswers-bar .Button {
        color: inherit;
    }
        .CollapsedAnswers-bar .Button:hover {
            color: #175199;
        }
.Banner {
    position: relative;
    overflow: hidden;
    transition: height .3s,margin .3s,opacity .3s;
}
.Banner--hidden {
    margin-bottom: 0;
    opacity: 0;
}
.Banner-link {
    display: block;
}
.Banner-image {
    display: block;
    width: 100%;
}
.Banner-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: opacity .3s;
}
    .Banner-close, .Banner-close:hover {
        background-color: #000;
    }
        .Banner-close .Icon {
            display: block;
            margin: 0 auto;
            fill: #fff;
        }
.Banner:not(:hover) .Banner-close {
    opacity: 0;
}
.AppBanner-link {
    display: block;
}
.AppBanner-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
}
.AppBanner-qrcode {
    width: 50px;
    height: 50px;
    margin-right: 12px;
}
    .AppBanner-qrcode svg {
        display: block;
        width: 100%;
        height: 100%;
    }
.AppBanner-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.AppBanner-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #333;
}
.AppBanner-description {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #3f3f3f;
}
.AppBanner-sticky {
    height: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s,visibility .3s;
}
    .AppBanner-sticky:not(.is-shown) {
        opacity: 0;
        visibility: hidden;
    }
.Recommendations-title {
    padding: 0 16px;
}
.Recommendations-item {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
    .Recommendations-item + .Recommendations-item {
        margin-top: 12px;
    }
    .Recommendations-item .Button {
        display: inline;
        color: #175199;
    }
        .Recommendations-item .Button:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.SimilarQuestions-title {
    padding: 0 16px;
}
.SimilarQuestions-item {
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
}
    .SimilarQuestions-item + .SimilarQuestions-item {
        margin-top: 10px;
    }
    .SimilarQuestions-item .Button {
        display: inline;
        color: #175199;
    }
        .SimilarQuestions-item .Button:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.RelatedLives-title {
    padding: 0 16px;
}
.RelatedLives-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
    .RelatedLives-item:hover .RelatedLives-subject {
        color: #175199;
    }
    .RelatedLives-item + .RelatedLives-item {
        margin-top: 10px;
    }
.RelatedLives-avatar {
    margin-right: 8px;
}
.RelatedLives-subject {
    display: -webkit-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 40px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    text-align: left;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.RelatedLives-meta {
    color: #8590a6;
}
    .RelatedLives-meta .Rating {
        margin-right: 4px;
    }
.Rating {
    display: inline-block;
}
.BrandQuestionDesc-content, .BrandQuestionDesc-header {
    padding-left: 12px;
    padding-right: 12px;
}
.BrandQuestionDesc-content {
    font-size: 14px;
    line-height: 24px;
}
.BrandQuestionDesc-learnMore {
    font-size: 14px;
    color: #9aaabf;
}
.BrandQuestionAuthor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
    .BrandQuestionAuthor.is-clickable {
        cursor: pointer;
    }
.BrandQuestionAuthor-content, .BrandQuestionAuthor-header {
    padding-left: 12px;
    padding-right: 12px;
}
.BrandQuestionAuthor-icon {
    width: 60px;
    height: 60px;
    border: 1px solid #f8f9fa;
    border-radius: 4px;
    box-sizing: border-box;
}
.BrandQuestionAuthor-content {
    width: calc(100% - 72px);
    margin-left: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.BrandQuestionAuthor-content, .BrandQuestionAuthor-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}
.BrandQuestionAuthor-name {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    color: #1e1e1e;
}
.BrandQuestionAuthor-badge {
    margin-left: 3px;
    vertical-align: baseline;
}
.BrandQuestionAuthor-intro {
    width: 100%;
    height: 28px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
    color: #262626;
    text-overflow: ellipsis;
}
.BrandQuestionAuthor-buttons {
    margin: 0 20px;
    padding-top: 16px;
    padding-bottom: 16px;
}
    .BrandQuestionAuthor-buttons .Button {
        width: 119px;
    }
.MobileBrandQuestionAuthor .BrandQuestionAuthor-header {
    position: relative;
    height: 44px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0;
}
    .MobileBrandQuestionAuthor .BrandQuestionAuthor-header:after {
        content: "";
        display: block;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        margin: 0 20px;
        border-bottom: 1px solid #e7eaf1;
    }
.MobileBrandQuestionAuthor .BrandQuestionAuthor-headerText {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff;
    top: -3px;
}
.Mobile-body .BrandQuestionAuthor-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
    .Mobile-body .BrandQuestionAuthor-buttons .Button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
        .Mobile-body .BrandQuestionAuthor-buttons .Button + .Mobile-body .BrandQuestionAuthor-buttons .Button {
            margin-left: 16px;
        }
.QuestionAnswer-content {
    padding: 16px 20px;
}
.MoreAnswers .List-header {
    position: relative;
    height: 44px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0;
}
    .MoreAnswers .List-header:after {
        position: absolute;
        content: "";
        display: block;
        top: 30px;
        left: 0;
        right: 0;
        margin: 0 20px;
        border-bottom: 1px solid #ebeef5;
    }
.MoreAnswers .List-headerText {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff;
    top: -3px;
    color: #8590a6;
    font-weight: 400;
}
.AnswerAuthor .Card-section:empty {
    display: none;
}
.AnswerAuthor-title {
    padding: 0 16px;
}
.AnswerAuthor-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.AnswerAuthor-user-avatar {
    margin-right: 12px;
}
    .AnswerAuthor-user-avatar .Avatar, .AnswerAuthor-user-avatar .Popover, .AnswerAuthor-user-avatar .UserLink {
        display: block;
    }
.AnswerAuthor-user-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}
.AnswerAuthor-user-headline, .AnswerAuthor-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AnswerAuthor-user-name {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #1e1e1e;
}
.AnswerAuthor-user-headline {
    font-size: 14px;
    line-height: 20px;
}
    .AnswerAuthor-user-headline .RichText {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.AnswerAuthor-item {
    font-size: 14px;
    line-height: 24px;
}
    .AnswerAuthor-item + .AnswerAuthor-item {
        margin-top: 12px;
    }
.AnswerAuthor-item-icon {
    display: inline-block;
    width: 16px;
    margin-right: 8px;
    text-align: center;
}
.AnswerAuthor-item-value {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
.AnswerAuthor-counts {
    font-size: 14px;
    text-align: center;
}
.AnswerAuthor-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
}
    .AnswerAuthor-buttons .Button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
.AnswerFavlists {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.AnswerFavlists, .AnswerFavlists-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.AnswerFavlists-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    padding: 0 24px;
    border-bottom: 1px solid #f0f2f7;
}
.AnswerFavlists-title {
    font-size: 16px;
    font-weight: 500;
    color: #1e1e1e;
}
.AnswerFavlists-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.AnswerCopyrightApplicants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.AnswerCopyrightApplicants-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    padding: 0 24px;
    border-bottom: 1px solid #f0f2f7;
}
.AnswerCopyrightApplicants-title {
    font-size: 16px;
    font-weight: 500;
    color: #1e1e1e;
}
.AnswerCopyrightApplicants-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.AnswerCopyrightApplicants-item {
    padding: 16px 0;
    margin: 0 24px;
    border-bottom: 1px solid #f0f2f7;
}
.AnswerCopyrightApplicants-time {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    color: #8590a6;
}
.AnswerInfo-title {
    padding: 0 16px;
}
    .AnswerInfo-title .Button {
        font-size: inherit;
        color: #175199;
    }
        .AnswerInfo-title .Button:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.AnswerInfo-copyright-applicants {
    padding: 16px;
    margin: 0;
}
.AnswerInfo-copyright-applicant {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
    .AnswerInfo-copyright-applicant + .AnswerInfo-copyright-applicant {
        margin-top: 12px;
    }
    .AnswerInfo-copyright-applicant .UserLink a {
        color: #175199;
    }
        .AnswerInfo-copyright-applicant .UserLink a:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.AnswerInfo-favlists {
    padding: 4px 16px;
    margin: 0;
}
.AnswerInfo-favlist {
    position: relative;
    padding: 12px 0;
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
    .AnswerInfo-favlist:not(:first-child) {
        border-top: 1px solid #f0f2f7;
    }
    .AnswerInfo-favlist a {
        display: inline;
        color: #175199;
    }
        .AnswerInfo-favlist a:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.AnswerInfo-title {
    font-weight: 500;
}
.AnswerInfo-favlist-title {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AnswerInfo-favlist-followers {
    position: absolute;
    top: 12px;
    right: 0;
}
.TopstoryHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 58px;
    padding: 0 20px;
}
    .TopstoryHeader a {
        text-decoration: none;
    }
.TopstoryHeader-rightItem {
    color: #8590a6;
    transition: color .2s ease-in;
}
    .TopstoryHeader-rightItem:hover {
        color: #175199;
    }
.TopstoryHeader-navItem {
    display: inline-block;
    transition: color .2s ease-in;
    font-size: 16px;
    color: #262626;
}
    .TopstoryHeader-navItem .Icon {
        margin-right: 8px;
    }
    .TopstoryHeader-navItem:hover {
        color: #175199;
        cursor: pointer;
    }
    .TopstoryHeader-navItem + .TopstoryHeader-navItem {
        margin-left: 40px;
    }
.LiveCourseItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 170px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px;
}
    .LiveCourseItem-cover img {
        width: 100%;
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
.EventcardItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px;
}
    .EventcardItem-cover img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
.EventcardItem-content {
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px;
}
.Feed .ColumnItem-meta, .Feed .RoundtableItem-meta {
    margin-top: 12px;
}
.Feed-title {
    margin-bottom: 14px;
}
.Feed-meta {
    color: #8590a6;
    line-height: 1;
}
.Feed-meta-item:not(:first-child):before {
    margin: 0 5px;
    content: "\B7";
}
.Feed-meta-author + .ContentItem {
    margin-top: 14px;
}
.AuthorInfo .Feed-meta {
    margin-top: 1px;
    margin-left: 6px;
    line-height: 1.1;
    font-size: 15px;
}
.ActionCard-topic {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 20px 20px 4px;
    text-align: center;
    width: 160px;
    box-sizing: border-box;
}
    .ActionCard-topic:not(:first-child):after {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -43px;
        display: block;
        content: "";
        height: 86px;
        width: 1px;
        background-color: #e7eaf1;
    }
.ActionCard-topic-name {
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ActionCard-topic-reason {
    margin-top: 10px;
    color: #8590a6;
    margin-bottom: 16px;
    font-size: 14px;
}
.ActionCard-topic-button {
    height: 24px;
    line-height: 24px!important;
    font-size: 13px;
    width: 96px;
}
.ActionCard-dot:after {
    margin: 0 5px;
    content: "\B7";
}
.ActionCard-title {
    color: #8590a6;
    margin-right: 8px;
}
.Advert-head {
    margin-bottom: 10px;
}
.Advert-content {
    margin-top: 10px;
}
.Advert-brand, .Advert-content--cover, .Advert-content--question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.Advert-brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8590a6;
    line-height: 24px;
}
.Advert-brand-name {
    margin-left: 12px;
}
.Advert-brand-name--hasExtra {
    color: #262626;
    font-weight: 700;
}
.Advert-cover {
    display: block;
    position: relative;
    margin-top: 12px;
    width: 100%;
    height: 150px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
    .Advert-cover img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
.Advert--card-cover {
    width: 200px;
    height: 112px;
    margin-top: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #96a1a9;
    vertical-align: top;
}
.Advert--card-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    line-height: 24px;
}
.Advert-account-inner {
    width: 100%;
    border: 1px solid #e7eaf1;
    border-radius: 3px;
    color: #555;
}
.Advert-account-cover {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    vertical-align: top;
}
    .Advert-account-cover:not(img) {
        background: #96a1a9;
        padding-top: 24%;
    }
.Advert-account-body {
    padding: 8px 12px 16px;
    line-height: 1.6;
}
.Advert-account-user {
    position: relative;
    padding-left: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.Advert-account-user-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 12px;
}
    .Advert-account-user-content .RichText {
        margin-top: 4px;
    }
.Advert-account-user-link {
    font-size: 20px;
}
.Advert-account-user-avatar {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 2px solid #fff;
}
.Advert-account-description {
    line-height: 27px;
    margin-top: 12px;
}
    .Advert-account-description span, .Advert-meta {
        color: #8590a6;
    }
.Advert-meta {
    margin-bottom: 14px;
    line-height: 23px;
}
.Advert-title {
    font-size: 18px;
    font-weight: 700;
    color: #262626;
}
.Advert-description {
    line-height: 27px;
    margin-top: 6px;
}
.Advert-button {
    display: inline-block;
    color: #8590a6;
    font-size: 14px;
    padding: 0 3px;
}
    .Advert-button .Icon {
        margin-left: 4px;
        vertical-align: -1px;
    }
.TopstoryItem {
    position: relative;
    padding: 16px 20px;
}
    .TopstoryItem:hover .TopstoryItem-rightButton {
        opacity: 1;
    }
    .TopstoryItem .Button:not(.Button--plain):not(.Button--link) {
        line-height: 30px;
        padding: 0 12px;
    }
.TopstoryItem-rightButton {
    position: absolute;
    top: 12px;
    right: 16px;
    opacity: 0;
    transition: opacity .3s;
}
    .TopstoryItem-rightButton.Popover {
        background: #f7f8fa;
        border-radius: 3px;
        padding: 3px 6px;
        opacity: 1;
    }
.TopstoryItem-actionButton {
    position: absolute;
    top: 20px;
    right: 24px;
}
    .TopstoryItem-actionButton.is-active {
        color: #175199;
    }
.TopstoryItem-advertButton {
    font-size: 13px;
}
    .TopstoryItem-advertButton .Icon {
        margin-left: 6px;
    }
.TopstoryItem-uninterestTitle {
    font-weight: 500;
}
.TopstoryItem-uninterestTag {
    margin-top: 12px;
}
    .TopstoryItem-uninterestTag:not(:last-child) {
        margin-right: 16px;
    }
    .TopstoryItem-uninterestTag.is-active {
        background: #2d84cc;
        border: 1px solid #2d84cc;
        color: #fff;
    }
.TopstoryItem-menuItem {
    line-height: 36px;
    font-size: 14px;
    color: #8590a6;
}
.TopstoryMain {
    width: 694px;
    padding-bottom: 20px;
}
.TopstorySideBar-categoryList {
    margin: 20px 0;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
.TopstorySideBar-categoryItem {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
}
    .TopstorySideBar-categoryItem .Button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        cursor: pointer;
        color: currentColor;
    }
    .TopstorySideBar-categoryItem a:hover .TopstorySideBar-categoryLabel {
        color: currentColor;
    }
.TopstorySideBar-categoryLabel {
    font-size: 15px;
    color: #8590a6;
}
.TopstorySideBar-categoryIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}
    .TopstorySideBar-categoryIcon .Icon {
        fill: currentColor;
    }
.TopstorySideBar-categoryBadge {
    position: absolute;
    left: 52%;
    top: 0;
    font-size: 11px;
    padding: 0 4px;
    border: 2px solid currentColor;
    border-radius: 20px;
    color: #fff;
}
.TopstorySideBar-liveItem {
    color: #ffcf00;
}
    .TopstorySideBar-liveItem .TopstorySideBar-categoryBadge {
        background-color: #ffcf00;
    }
.TopstorySideBar-pubItem {
    color: #43d480;
}
    .TopstorySideBar-pubItem .TopstorySideBar-categoryBadge {
        background-color: #43d480;
    }
.TopstorySideBar-orgItem {
    color: #0084ff;
}
    .TopstorySideBar-orgItem .TopstorySideBar-categoryBadge {
        background-color: #0084ff;
    }
.TopstorySideBar-editItem {
    color: #0f88eb;
}
    .TopstorySideBar-editItem .TopstorySideBar-categoryBadge {
        background-color: #0f88eb;
    }
.TopstorySideBar-infinityItem {
    color: #5478f0;
}
.TopstorySideBar-indexItem {
    color: #fd9727;
}
    .TopstorySideBar-indexItem .TopstorySideBar-categoryBadge {
        background-color: #fd9727;
    }
.TopstorySideBar-navList {
    width: 100%;
    padding: 8px 0;
}
.TopstorySideBar-navItem .Button {
    padding: 0 15px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
    .TopstorySideBar-navItem .Button:hover {
        background: #f4f8fb;
    }
.TopstorySideBar-navIcon {
    width: 15px;
}
.TopstorySideBar-navLink {
    text-align: left;
    margin: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.TopstorySideBar-navNumber {
    padding: 6px 10px;
    border-radius: 2px;
    background: #f7f8fa;
    color: #8590a6;
    font-size: 10px;
}
.TopstorySideBar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
}
    .TopstorySideBar .Footer {
        padding: 0;
    }
.TopstoryPrelude-users {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.TopstoryPrelude-field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    .TopstoryPrelude-field .Input-wrapper {
        width: 320px;
        margin-right: 20px;
    }
    .TopstoryPrelude-field .Input {
        line-height: 26px;
    }
.TopstoryPrelude-fieldTips {
    position: absolute;
    top: 50px;
    right: 85px;
    color: #f75659;
}
.TopstoryPrelude-users {
    margin: 65px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.TopstoryPrelude-intro {
    margin-bottom: 45px;
    color: #565d68;
    font-size: 16px;
}
.TopstoryPrelude-user {
    position: relative;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.TopstoryPrelude-avatar {
    margin-right: 16px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.TopstoryPrelude-userBio {
    color: #666;
}
.TopstoryPrelude-userList {
    width: 100%;
    overflow: hidden;
}
.TopstoryPrelude-userId--0 {
    margin-left: -190px;
}
.TopstoryPrelude-userId--1 {
    margin-left: 60px;
}
.TopstoryPrelude-userId--2 {
    margin-left: -280px;
}
.TopstoryPrelude-userId--3 {
    margin-left: 34px;
}
.TopstoryPrelude-userId--4 {
    margin-left: -190px;
}
.TopstoryPrelude-userId--5 {
    margin-left: -34px;
}
.TopstoryTopics-hint {
    padding: 40px 0 160px;
    text-align: center;
    color: #999;
}
.TopstoryTopics-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 14px;
    min-height: 80vh;
}
.TopstoryTopics-item {
    width: 20%;
    box-sizing: border-box;
    padding: 14px;
    cursor: pointer;
}
.TopstoryTopics-itemWrap {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.TopstoryTopics-itemMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.6));
}
    .TopstoryTopics-itemMask:hover {
        opacity: .6;
    }
.TopstoryTopics-itemPic {
    width: 100%;
    display: block;
}
.TopstoryTopics-itemLabel {
    position: absolute;
    z-index: 1;
    left: 10px;
    bottom: 10px;
    color: #fff;
}
.TopstoryTopics-selectItem {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .6;
    background: #fff;
}
    .TopstoryTopics-selectItem.is--selected {
        opacity: 1;
        background: #1cbf72;
    }
        .TopstoryTopics-selectItem.is--selected .Icon {
            fill: #fff;
        }
.TopstoryGuide-onStage {
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background-color: hsla(0,0%,100%,.96);
    box-shadow: 0 -1px 0 0 rgba(0,0,0,.08);
}
    .TopstoryGuide-onStage .Button {
        padding: 6px 24px;
        font-size: 18px;
    }
.TopstoryGuide {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    overflow: auto;
    width: 100%;
    height: 100%;
    min-width: 500px;
    border: 0;
    border-radius: 0;
    overflow-x: hidden;
    color: #444;
    background: hsla(0,0%,100%,.95);
}
.TopstoryPrelude, .TopstoryTopics {
    -webkit-animation: .3s fadeInUp ease-in;
    animation: .3s fadeInUp ease-in;
}
.TopstoryGuide-fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.TopstoryGuide-container, .TopstoryGuide-header {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.TopstoryGuide-container {
    margin-top: 40px;
}
.TopstoryGuide-title {
    margin: 40px 0 20px;
    font-size: 24px;
    font-weight: 400;
}
.TopstoryGuide-subtitle {
    color: #999;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.Topstory-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 1000px;
    padding: 0 16px;
    margin: 10px auto;
}
.Topstory-mainColumn {
    margin-right: 10px;
}
.BrandQuestionIntroModule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 100px;
    width: 1000px;
}
.BrandQuestionIntroModule--noneTitle {
    margin-top: 50px;
}
.BrandQuestionIntroModule-title {
    font-size: 28px;
}
.BrandQuestionIntroModule-divider {
    margin: 20px auto;
    border-top: 2px solid #0f88eb;
    width: 40px;
    height: 0;
}
.BrandQuestionIntroModule-subTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 670px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.BrandQuestionIntroModule-content {
    margin-top: 50px;
}
@media (max-width:690px) {
    .BrandQuestionIntroModule {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 24px;
    }
    .BrandQuestionIntroModule-title {
        font-size: 18px;
    }
    .BrandQuestionIntroModule-divider {
        margin: 12px auto;
    }
    .BrandQuestionIntroModule-subTitle {
        font-size: 12px;
        width: 100%;
        line-height: 20px;
    }
    .BrandQuestionIntroModule-content {
        width: 100%;
        margin-top: 24px;
    }
}
.page-brandQuestionIntro .AppHeader {
    display: none;
}
.BrandQuestionIntro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.BrandQuestionIntro-header {
    width: 100%;
}
.BrandQuestionIntro-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.BrandQuestionIntro-introList {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.BrandQuestionIntro-introItem, .BrandQuestionIntro-introList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}
.BrandQuestionIntro-introItem {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    width: 238px;
    box-shadow: 0 5px 20px 0 rgba(0,34,77,.1);
}
    .BrandQuestionIntro-introItem + .BrandQuestionIntro-introItem {
        margin-left: 16px;
    }
.BrandQuestionIntro-introTitle {
    margin-top: 45px;
    line-height: 15px;
    font-size: 18px;
    color: #333;
}
.BrandQuestionIntro-introDescs {
    margin-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 17px;
    line-height: 24px;
    font-size: 14px;
    color: #3f3f3f;
}
.BrandQuestionPreview--landing {
    margin-left: -28px;
    margin-right: -20px;
    width: 1048px;
}
.BrandQuestionPreview--flow {
    margin-left: -20px;
    margin-right: -20px;
    width: 1040px;
}
.BrandQuestionIntro-howToStart {
    line-height: 24px;
    font-size: 16px;
    text-align: center;
}
.BrandQuestionIntro-email {
    color: #175199;
}
.BrandQuestionIntro-qaList {
    width: 800px;
    line-height: 28px;
    font-size: 15px;
}
.BrandQuestionIntro-qaItem + .BrandQuestionIntro-qaItem {
    margin-top: 50px;
}
.BrandQuestionIntro-qaTitle {
    color: #1e1e1e;
}
.BrandQuestionIntro-qaAnswer {
    margin-top: 8px;
    color: #8590a6;
}
    .BrandQuestionIntro-qaAnswer ol {
        margin-left: 16px;
    }
    .BrandQuestionIntro-qaAnswer li {
        list-style-type: decimal;
    }
.BrandQuestionIntro-footer {
    margin-top: 110px;
    width: 100%;
    height: 110px;
    line-height: 110px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #000;
}
@media (max-width:690px) {
    .BrandQuestionIntro-introList {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .BrandQuestionIntro-content {
        padding: 0 16px;
    }
    .BrandQuestionIntro-introItem {
        width: 100%;
        box-shadow: 0 5px 20px 0 rgba(0,34,77,.07);
    }
        .BrandQuestionIntro-introItem + .BrandQuestionIntro-introItem {
            margin-left: 0;
            margin-top: 12px;
        }
    .BrandQuestionIntro-introTitle {
        font-size: 16px;
        margin-top: 40px;
        font-weight: 700;
    }
    .BrandQuestionIntro-introDescs {
        margin-top: 12px;
        margin-bottom: 40px;
        font-size: 12px;
        line-height: 20px;
    }
    .BrandQuestionIntro-howToStart p {
        font-size: 14px;
    }
    .BrandQuestionIntro-howToStart .BrandQuestionIntroModule-content {
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .BrandQuestionIntro-qaList {
        width: 100%;
    }
    .BrandQuestionIntro-qaQuestion {
        font-size: 14px;
        color: #1e1e1e;
        letter-spacing: 0;
        line-height: 28px;
        font-weight: 700;
    }
    .BrandQuestionIntro-qaAnswer {
        font-size: 12px;
        line-height: 22px;
    }
    .BrandQuestionIntro-qaItem + .BrandQuestionIntro-qaItem {
        margin-top: 12px;
    }
    .BrandQuestionIntro-footer {
        margin-top: 80px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
    }
}


/*p3*/
 
.nav{width:100%;min-width:950px;overflow:hidden;zoom:1;margin-bottom:40px}
.nav .nav-wrap{border-bottom:1px solid #e5ebe4}
.nav .nav-primary{width:950px;margin:0 auto;padding-bottom:0;overflow:hidden;zoom:1}
.nav .nav-primary{position:relative;padding:10px 0 5px;overflow:hidden;zoom:1}
.nav .nav-logo{float:left;height:56px;width:145px;margin:0 13px 0 0;background:url(lg_main_a11_1.png) no-repeat 0 12px;background-image:-webkit-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-moz-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-ms-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-o-image-set(url(lg_main_a11_1.png) 1x,url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x)}
.nav .nav-logo a:active,.nav .nav-logo a:hover{background:0 0!important}
.nav-search ::-webkit-input-placeholder{color:#bbb}
.nav-search :-ms-input-placeholder{color:#bbb}
#db-nav-commodity{background: white;position:relative;border-bottom:1px solid #d3cdca;overflow:visible}
#db-nav-commodity .nav-wrap{border:none}
#db-nav-commodity .nav-primary{height:60px; line-height:60px;padding:0;overflow:visible}
#db-nav-commodity .nav-logo{background:0 0;width:122px;height:60px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;margin-right:30px;position:relative}
#db-nav-commodity .nav-logo a{position:absolute;top:0;bottom:0;left:0;right:0;height:49px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}
#db-nav-commodity .nav-logo a,#db-nav-commodity .nav-logo a:active,#db-nav-commodity .nav-logo a:hover,#db-nav-commodity
 .nav-logo a:link,#db-nav-commodity .nav-logo a:visited{background:#de533c no-repeat 22px 19px!important;color:#fff;
                                                      text-align:center;font-size:24px;padding-bottom:16px}
#db-nav-commodity .nav-items{font-size:0}
#db-nav-commodity .nav-item{display:inline-block;vertical-align:top;margin-right:15px;position:relative;vertical-align:middle}
#db-nav-commodity .nav-item .nav-link{display:block;font-size:16px;width:60px;padding-top:4px;height:53px;line-height:53px;border-bottom:3px solid transparent;text-align:center}
#db-nav-commodity .nav-item .nav-link,#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover,#db-nav-commodity .nav-item .nav-link:link,#db-nav-commodity .nav-item .nav-link:visited{color:#654f41;background:0 0}
#db-nav-commodity .nav-item .nav-link:active,#db-nav-commodity .nav-item .nav-link:hover{border-bottom-color:#de533c}
#db-nav-commodity .nav-item.search-item{margin-right:0;margin-left:20px;line-height:0;border:1px solid #e7e8e2;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;overflow:hidden}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity{display:inline-block;vertical-align:top;height:35px;line-height:35px;padding:0 0 0 10px;background:#fff}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-input{width:160px;height:35px;line-height:35px\9;border:0;outline:0;padding:0;margin:0;vertical-align:top}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-icon{width:38px;color:#666;height:35px;border:none;cursor:pointer;border-left:1px solid #eee;background:url(/content/img/search.png) no-repeat center}
#db-nav-commodity .nav-item.current .nav-link{border-bottom-color:#de533c}
#db-nav-commodity .nav-misc{position:absolute;top:0;right:0}
#db-nav-commodity .nav-misc-list{font-size:0;height:60px;padding-left:10px}
#db-nav-commodity .nav-misc-item{display:inline-block;vertical-align:top}
#db-nav-commodity .nav-misc-item.enterances{padding-right:14px;margin-right:14px;position:relative}
#db-nav-commodity .nav-misc-item.enterances .more-enterances{display:inline-block;vertical-align:top;font-family:ilmenicons;margin-top:12px;height:36px;line-height:36px;text-align:center;color:#fff;background:#de533c;font-size:15px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;cursor:pointer;padding:0 10px}
#db-nav-commodity .nav-misc-item.enterances .more-enterances:hover{background-color:#d8442b}
#db-nav-commodity .nav-misc-item.enterances:last-child{margin-right:0;padding-right:0;border-right:0}
#db-nav-commodity{margin-bottom:20px}
.commodity-quote{background:url(/content/img/quotel.png) no-repeat 0 0;background:rgba(1,1,1,0) url(/content/img/quotel.png) no-repeat 0 0;padding-left:22px}
.commodity-quote .quote{background:url(/content/img/quoter.png) no-repeat right bottom;background:rgba(1,1,1,0) url(/content/img/quoter.png) no-repeat right bottom;padding-right:22px;word-wrap:break-word;word-break:break-word}
.commodity-quote .quote:after,.commodity-quote .quote:before{content:"\00200B"}
.aside .mod,.commodity-info{border:1px solid #dfdfdf;-webkit-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-moz-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-ms-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);box-shadow:0 1px 2px 0 rgba(158,158,158,.2)}
.aside .mod,.commodity-info{background:#fff;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
@media (max-width:767px){.aside .mod,.commodity-info{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
}
.aside .mod,.commodity-info{margin-bottom:19px}
.aside .mod .hd{background:#fbfbfb;color:#333;border-bottom:1px solid #e8e8e8;line-height:49px;font-size:14px;width:auto;height:auto;margin:0;padding:0 16px}
.commodity-publisher .publisher-avatar{float:left;margin-right:20px}
#db-nav-commodity{margin-bottom:20px}
.aside .mod h2{border:none;margin-bottom:0;padding-bottom:0;line-height:inherit;font-size:inherit}
.commodity-info{overflow:visible}
.commodity-info:after,.commodity-info:before{content:"\0020";display:block;clear:both}
.commodity-publisher{margin:15px 30px 0 15px;overflow:hidden;position:relative}
.commodity-publisher .publisher-avatar img{width:48px;height:48px;border-radius:48px}
.commodity-publisher .publisher-info{overflow:hidden;font-size:13px;line-height:48px}
.commodity-publisher .publisher-info span{color:#666}
.commodity-publisher .publisher-info a{margin:0 .3em}
.commodity-publisher .publisher-actions{position:absolute;top:10px;right:0}
.commodity-detail{ position: relative; }
.commodity-detail:after,.commodity-detail:before{content:"\0020";display:block;clear:both}
.commodity-detail .commodity-price{position:relative}
.commodity-name{font-size:16px;font-weight:400;line-height:1.5;padding-top:18px;padding-bottom:0;overflow:hidden;color:#333}
.commodity-purchase-mod{padding:15px 0 30px 0;overflow:hidden}
.commodity-purchase-mod .commodity-price{font-size:13px;line-height:32px;color:#999}
.commodity-purchase-mod .btn-buy{float:right}
.commodity-quote{padding-bottom:40px;padding-right:5px;border-bottom:1px solid #e7e7e7;color:#333}
.commodity-quote .quote{font-size:13px}
.commodity-actions{padding-top:22px;font-size:0;margin-right:-30px}
.commodity-actions .btn-like-wrap{display:inline-block;vertical-align:top;padding-right:14px;margin-right:14px;vertical-align:middle;height:24px}
.commodity-actions .btn-like-wrap .btn-like{margin-top:2px}
.commodity-response{background:#fafafa;border-top:1px solid #efefef}
.commodity-response .ui-tab{display:inline-block;vertical-align:top;border-top:3px solid transparent;font-size:14px;padding:.5em 1.5em;position:relative;cursor:pointer;color:#666}
.commodity-response .ui-tab.active{border-top-color:#e79005;color:#333}
.commodity-response .ui-tab:hover{color:#333}
.commodity-response .ui-tab:after{content:"";display:block;border-right:1px dotted #999;height:19px;position:absolute;right:0;top:8px}
.commodity-response .ui-tab:last-child:after{border-right:0}
.commodity-response .ui-content{display:none}
.commodity-response .ui-content.active{display:block}
.simple-story-cardlist-mod h2{font-size:15px;line-height:1;color:#666;padding-top:11px;margin-bottom:20px}
@media (max-width:767px){.grid-16-8 .article,.grid-16-8 .aside{width:100%;padding:0}
#content{padding-left:.7em;padding-right:.7em}
.commodity-info .commodity-detail{padding:.5rem .5rem 1.5rem}
.commodity-info .commodity-detail .commodity-actions,.commodity-info .commodity-detail .commodity-name,.commodity-info .commodity-detail .commodity-price{margin-left:1rem;margin-right:1rem}
.commodity-info .commodity-detail .commodity-name{padding-top:1rem;margin-bottom:0}
.commodity-info .commodity-detail .commodity-price{padding-top:.5rem}
.commodity-info .commodity-actions{padding:1rem 1.25rem;padding-right:0;margin-right:0}
.commodity-info .commodity-actions .btn-like-wrap{border-right:0;padding-right:0}
.commodity-info .commodity-actions .btn-like-wrap{margin-right:.8rem}
.simple-story-cardlist-mod{padding-top:0;margin-bottom:19px}
}
.btn-buy{ display: block;    border: 1px solid #dcd6d3;width: 80px;text-align: center;padding: 5px 8px;    border-radius: 2px;}
.btn-buy:hover{ background-color: #de533c;border: 1px solid #de533c; color:white}

@media (max-width:767px){}

#review{margin-top:10px;padding-top:10px}
.reviewlisttop{border-bottom:1px solid grey;padding-bottom:10px}
.reviewtop{height:30px;line-height:30px;font-size:20px;color:grey;margin-bottom:20px;clear:both}
.reviewbox{border:1px solid #379BE9;height:150px;margin-bottom:50px;padding-top:1px}
.reviewbox01{height:100px}
.reviewbox02{border-top:1px solid #f0f0f0;height:40px;margin-top:10px;line-height:40px}
.left123{float:left;height:40px;margin-left:10px}
.right123{width:67px;line-height:28px;height:28px;text-align:center;float:right;margin-right:10px;border-radius:3px;cursor:pointer;margin-top:5px;color:#fff;background-color:#379BE9}
.right123over{background-color:#2f85b7}
.reviewlist{height:auto}
.reviewlistin{height:auto;margin:0px auto;padding:10px 10px;border-bottom:1px solid #f0f0f0}
.reviewlistinover{background-color:#f8f8f8}

body {
    margin-top: 0;
}
.btn-buy, .btn-like {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.25;
    padding: 5px 10px 4px;
    vertical-align: middle;
    cursor: pointer;
}
    .btn-buy:focus, .btn-like:focus {
        outline: none;
    }
.btn-buy {
    border: 1px solid #dcd6d3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
    .btn-buy, .btn-buy:link, .btn-buy:visited {
        color: #59493f;
        background: #f9f9f9;
    }
        .btn-buy:active, .btn-buy:hover {
            color: #59493f;
            background-color: #efefef;
            border-color: #cec6c3;
        }
html {
    background-color: #efefef;
}
.grid-16-8 .article {
    width: 670px;
    padding-right: 30px;
}
.grid-16-8 .aside {
    width: 250px;
}
.btn-like {
    padding: 0;
    padding-left: 28px;
    height: 18px;
    line-height: 19px;
    position: relative;
}
.likeover{ background: url(/content/img/icons_misc_svg_ie.2.png) no-repeat 0 -40px !important;}
    .btn-like:link, .btn-like:visited {
        background: url(/content/img/icons_misc_svg_ie.2.png) no-repeat 0 0;
        background: transparent url(/content/img/icons_misc_svg_ie.2.png) no-repeat 0 0;
        color: #333;
    }
    .btn-like:active, .btn-like:hover {
        background-image: none;
        background-image: url(/content/img/icons_misc_svg_ie.2.png) \9;
        color: #333;
    }
        .btn-like:active:after, .btn-like:hover:after {
            content: "";
            width: 20px;
            height: 18px;
            position: absolute;
            top: 0;
            left: 0;
            background: url(/content/img/icons_misc_svg_ie.2.png) no-repeat 0 -40px;
            background: transparent url(/content/img/icons_misc_svg_ie.2.png) no-repeat 0 -40px;
            opacity: 0.45;
            filter: Alpha(Opacity=45);
        }
@media (max-width: 991px) {
    .btn-like:link, .btn-like:visited, .btn-like:active, .btn-like:hover {
        background: url(/f/dongxi/2ab563c9ed224a598b37d3160efe0a50630ea910/pics/dongxi/icons_misc.3.svg) no-repeat 0 0;
    }
        .btn-like:link:after, .btn-like:visited:after, .btn-like:active:after, .btn-like:hover:after {
            display: none;
        }
}
.btn-buy {
    padding: 8px 15px 7px;
}
button:focus {
    outline: 0;
} 
.story-postform .btn-add-post{display:inline-block;vertical-align:top;font-size:12px;line-height:1.25;padding:5px 10px 4px;vertical-align:middle;cursor:pointer}
.story-postform .btn-add-post:focus{outline:0}
.story-postform .btn-add-post{border:1px solid #de533c;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
.story-postform .btn-add-post,.story-postform .btn-add-post:link,.story-postform .btn-add-post:visited{color:#fff;background-color:#de533c}
.story-postform .btn-add-post:active,.story-postform .btn-add-post:hover{color:#fff;border-color:#d8442b;background-color:#d8442b}
.story-editor .postitem-avatar,.story-postitem .postitem-avatar{float:left;margin-right:20px}
.story-postlist{border-bottom:1px solid #efefef;padding:0 25px}
.story-postitem{overflow:hidden;padding:18px 0;border-top:1px solid #efefef}
.story-postitem:first-child{border-top:0}
.story-postitem .postitem-hd{margin-bottom:4px}
.story-postitem .postitem-bd{overflow:hidden}
.story-postitem .postitem-avatar img{width:40px;height:40px;border-radius:40px}
.story-postitem .postitem-time{float:right;color:#999}
.story-postitem .postitem-content{font-size:13px}
.no-story-post{font-size:14px;margin:20px 20px 0}
.story-editor{padding:19px 20px}
.story-editor .postitem-avatar img{width:40px;height:40px;border-radius:40px}
.story-editor .postitem-content{overflow:hidden;position:relative}
.story-editor textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:625px;height:35px;padding:11px;border-top:0;outline:0;height:13px\9}
.story-postform .btn-add-post,.story-postform .postitem-avatar{display:none}
.story-postform .postitem-content{border:1px solid #ccc;background:#fff;text-align:right}
.story-postform .btn-add-post{padding:5px 16px;margin-bottom:3px}
.story-postform .postitem-refer{background:#f6f6f6;overflow:hidden;padding:.6em 1em;text-align:left;font-size:13px}
.story-postform .postitem-refer .refer-text{border-left:2px solid #999;padding-left:1em;color:#666}
.story-postform .postitem-refer .refer-author{color:#985d3e;margin-left:.3em}
.story-postform .postitem-refer .refer-close{float:right;font-size:18px;line-height:1;color:#999;font-weight:300}
.story-pager{padding:0 20px}
.story-collection{padding:20px 25px;background:#FAFAFA}
.story-collection li{overflow:hidden;line-height:30px;margin:20px 0}
.story-collection li:first-child{margin-top:0}
.story-collection li:last-child{margin-bottom:0}
.story-collection .avatar{margin-right:35px}
.story-collection .avatar img{width:30px;height:30px;border-radius:30px}
.story-collection .time{float:right;color:#999}
.story-collection a{color:#985d3e}
.story-collection a:hover{color:#7f4b2f}
.no-collection{font-size:14px;padding:20px;margin:0}
.sim-story-loading-tip{display:none;text-align:center;padding:10px 0}
.simple-story-cardlist-mod .simple-story-carditem .item-mod{border:1px solid #dfdfdf;-webkit-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-moz-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);-ms-box-shadow:0 1px 2px 0 rgba(158,158,158,.2);box-shadow:0 1px 2px 0 rgba(158,158,158,.2)}
.simple-story-cardlist-mod .simple-story-carditem .item-mod{background:#fff;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
@media (max-width:767px){.simple-story-cardlist-mod .simple-story-carditem .item-mod{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
}
.simple-story-cardlist-mod .simple-story-carditem .item-mod{margin-bottom:19px}
.simple-story-cardlist-mod h2{color:#666}
.simple-story-cardlist-mod .simple-story-cardlist{font-size:0;margin-bottom:-30px;overflow:hidden}
.simple-story-cardlist-mod .simple-story-carditem{display:inline-block;vertical-align:top;width:212px;margin-right:8px;margin-bottom:30px}
.simple-story-cardlist-mod .simple-story-carditem .item-mod{display:block;margin-bottom:0;font-size:12px;overflow:hidden}
.simple-story-cardlist-mod .simple-story-carditem .item-hd{position:relative;height:194px;overflow:hidden}
.simple-story-cardlist-mod .simple-story-carditem .item-hd .commodity-price{position:absolute;bottom:0;right:0;line-height:1;padding:8px 12px;background:#b9b9b9;background-color:rgba(185,185,185,.65);color:#fff}
.simple-story-cardlist-mod .simple-story-carditem .item-bd{margin:14px 18px 18px;font-size:13px;line-height:1.5;height:39px;overflow:hidden;word-wrap:break-word}
@media (max-width:767px){.simple-story-cardlist-mod h2{margin-bottom:1rem}
.simple-story-cardlist-mod .simple-story-cardlist{width:auto;margin-bottom:-.5rem;letter-spacing:-.26rem}
.simple-story-cardlist-mod .simple-story-carditem{letter-spacing:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;margin-right:0;margin-bottom:.5rem;padding-left:1.25rem;padding-right:.25rem}
.simple-story-cardlist-mod .simple-story-carditem .item-hd{height:auto}
.simple-story-cardlist-mod .simple-story-carditem .item-hd img{width:100%;height:auto}
.simple-story-cardlist-mod .simple-story-carditem .item-bd{margin:.625rem}
.simple-story-cardlist-mod .simple-story-carditem:nth-child(even){padding-right:1.25rem;padding-left:.25rem}
}
.btn-back-to-top:before{font-family:ilmenicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.btn-back-to-top:before{content:"\e015"}
.btn-back-to-top{display:none;position:fixed;right:50px;bottom:50px;text-align:center;padding:12px 7px;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;overflow:hidden}
.btn-back-to-top:before{display:block;font-size:20px;line-height:1;padding-bottom:4px}
.btn-back-to-top,.btn-back-to-top:link,.btn-back-to-top:visited{color:#fff;background-color:rgba(0,0,0,.45);filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#73000000, EndColorStr=#73000000)}
.btn-back-to-top:active,.btn-back-to-top:hover{color:#fff;background-color:rgba(0,0,0,.55);filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#8c000000, EndColorStr=#8c000000)}
.aside .aside-doulist-intro .hd{margin-bottom:10px;padding-top:10px;padding-bottom:15px;line-height:1}
.aside .aside-doulist-intro .hd .belonging{font-size:12px;color:#999}
.aside .aside-doulist-intro .hd h2{font-size:14px;font-weight:700;margin-top:10px}
.aside .aside-doulist-intro .hd h2 a{color:#333}
.aside .aside-doulist-intro .bd,.aside .aside-doulist-intro .ft{padding-left:20px;padding-right:20px}
.aside .aside-doulist-intro .bd{max-height:282px;overflow:hidden}
.aside .aside-doulist-intro .bd.with-scrollbar{overflow-x:hidden;overflow-y:auto}
.aside .aside-doulist-intro .bd.load-more{max-height:249px}
.aside .aside-doulist-intro .bd .doulist-story-list{font-size:0;width:216px;margin-bottom:-6px}
.aside .aside-doulist-intro .bd .doulist-story-item{display:inline-block;vertical-align:top;margin-right:6px;margin-bottom:6px}
.aside .aside-doulist-intro .bd .doulist-story-item a{display:block;border:1px solid #ecebea}
.aside .aside-doulist-intro .bd .doulist-story-item:hover a{border-color:#e2e2e2}
.aside .aside-doulist-intro .bd .doulist-story-item:hover img{opacity:.8;filter:Alpha(Opacity=80)}
.aside .aside-doulist-intro .ft{padding:0 0 13px 0}
.aside .aside-doulist-intro .ft .actions{border-top:1px solid #ddd;padding:0 16px 0;margin-top:10px}
.aside .aside-doulist-intro .ft.load-more .actions{-webkit-box-shadow:0 -3px 10px rgba(0,0,0,.1);-moz-box-shadow:0 -3px 10px rgba(0,0,0,.1);-ms-box-shadow:0 -3px 10px rgba(0,0,0,.1);box-shadow:0 -3px 10px rgba(0,0,0,.1);margin-top:0}
@media (max-width:767px){.aside-doulist-intro .hd h2{font-size:0}
.aside-doulist-intro .hd h2>*{display:none}
.aside-doulist-intro .hd h2:after{content:"瑁�@(鍑�";font-size:14px}
.aside-doulist-intro .bd{max-height:none;overflow:hidden;padding-left:1.25rem;padding-right:1.25rem}
.aside-doulist-intro .bd .doulist-story-list{width:auto;margin-bottom:.6rem;letter-spacing:-.26rem}
.aside-doulist-intro .bd .doulist-story-item{letter-spacing:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:33.333%;padding-right:.2rem;margin-right:0}
.aside-doulist-intro .bd .doulist-story-item:nth-child(3n+2){padding-left:.1rem;padding-right:.1rem}
.aside-doulist-intro .bd .doulist-story-item:nth-child(3n+3){padding-right:0;padding-left:.2rem}
.aside-doulist-intro .bd .doulist-story-item img{width:100%;height:auto;opacity:1!important}
}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.hidden{display:none}
textarea{resize:none}
form{margin:0;padding:0;border:0}
fieldset{border:1px solid #ddd;padding:0 10px;margin-bottom:15px}
input{margin-right:3px;vertical-align:middle}
label{font-family:Tahoma;vertical-align:middle}
.mod{width:auto;margin-bottom:35px}
.mod:after{content:'\0020';display:block;clear:both}
.aside .mod{margin-bottom:40px;word-break:break-all}
#wrapper{width:950px;margin:0 auto}
#content{min-height:420px}
.grid-16-8 .article{float:left;width:660px;}
.grid-16-8 .aside{float:right;width: 250px;}
h1{word-wrap:break-word;display:block;font-size:25px;font-weight:700;color:#494949;margin:0;padding:0 0 15px 0;line-height:1.1}
h2{font:15px Arial,Helvetica,sans-serif;color:#072;margin:0 0 12px 0;line-height:150%}
h3{height:26px;margin-left:4px;font:14px Arial,Helvetica,sans-serif;color:#666;margin-bottom:1px;line-height:1.62;background-color:#f2fbf2}
h4{height:26px;margin:0 0 10px 4px;overflow:hidden;font:12px Arial,Helvetica,sans-serif;color:#666;line-height:1.62;background-color:#f2fbf2}


.tagsinput {
            height: 28px !important;
        }

        #size-demo img {
            height: 20px;
            width: 20px;
        }

        .raty-cancel {
            display: none;
        }

        .swiper-pagination-bullet {
            background: #fff;
            opacity: 1;
        }

        .swiper-pagination-bullet-active {
            background-color: #11aae0;
        }

        .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 4px;
        }