@charset "UTF-8";
/*字体*/
@font-face{font-family:"iconfont";src:url('font/iconfont.woff2?t=1640660932769') format('woff2'),url('font/iconfont.woff?t=1640660932769') format('woff'),url('font/iconfont.ttf?t=1640660932769') format('truetype')}
.iconfont{font-family:"iconfont" !important;font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class*=" icon-"],[class^=icon-]{font-family:iconfont;speak:none;font-style:normal;font-weight:normal;font-variant:normal;font-size:12px;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-cai2:before{content:"\e655"}
.icon-cai3:before{content:"\e60a"}
.icon-dianzan:before,.icon-zan:before{content:"\e90a"}
.icon-bg-like:before{content:"\e650"}
.icon-badreview-full:before{content:"\e9a4"}
.icon-chakan:before{content:"\e600"}
.icon-gongzhonghao:before,.icon-weixin:before{content:"\e631"}
.icon-fanhuidingbu1:before,.icon-top:before{content:"\e608"}
.icon-shouye:before{content:"\e6ca"}
.icon-lib:before,.icon-wenzhang1:before{content:"\e6a9"}
.icon-qq:before,.icon-QQ:before{content:"\e882"}
.icon-pinglun:before{content:"\e62f"}
.icon-sousuo:before{content:"\e665"}
.icon-review:before{content:"\e62a"}
.icon-weibo1:before,.icon-weibo:before{content:"\e611"}
.icon-pinglun1:before{content:"\e67b"}
.icon-zan3:before{content:"\e61d"}
.icon-zan2:before{content:"\e6b4"}
.icon-cai:before{content:"\e62d"}
.icon-zan1:before{content:"\e63e"}
.icon-cai1:before{content:"\e61e"}


/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
code,kbd,samp,tt{font-size:100%}
input,button,textarea,select{*font-size:100%;border:0}
body{background:#2f5b4e;color:#5e5e5e;font:14px/2em Microsoft YaHei,SimSun,Arial}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sup,sub{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a:link,a:visited{color:#5e5e5e}
a:hover{color:#c9394a}
a:active{color:#666}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.l{float:left}
.r{float:right}
.clear{height:0;overflow:hidden;clear:both}
.hide{display:none}
.btn.hide{display:none}
a.hidefocus{outline:0}
button.hidefocus::-moz-focus-inner{border:0}
a:focus{outline:0;-moz-outline:0}
input,textarea{outline:0}
h2{font-size:20px}
h3{font-size:16px;line-height:32px}
h5{font-size:14px;line-height:28px}
.img_border{border:4px solid #fff;border-radius:1px}
.bb{border-bottom:1px solid #d2d2d2}
.bt{border-top:1px solid #d2d2d2}
.bbn{border-bottom:0!important}
.mc{margin:0 auto!important}
.m0{margin:0!important}
.m1{margin:1px!important}
.m2{margin:2px!important}
.m3{margin:3px!important}
.m4{margin:4px!important}
.m5{margin:5px!important}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}
.mt5{margin-top:5px!important}
.mt0{margin-top:0!important}
.mt10{margin-top:10px!important}
.mt14{margin-top:14px}
.mt15{margin-top:15px}
.mt18{margin-top:18px}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt110{margin-top:110px}
.mt120{margin-top:120px}
.mt130{margin-top:130px}
.mt140{margin-top:140px}
.mt150{margin-top:150px}
.mb0{margin-bottom:0!important}
.mb3{margin-bottom:3px}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb55{margin-bottom:55px}
.mb80{margin-bottom:80px}
.mb100{margin-bottom:100px}



.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}
.pt110{padding-top:110px !important}
.pt120{padding-top:120px !important}
.pt130{padding-top:130px !important}
.pt140{padding-top:140px !important}



.ml0{margin-left:0!important}
.ml8{margin-left:8px!important}
.ml1{margin-left:1px!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml12{margin-left:12px!important}
.ml13{margin-left:13px!important}
.ml15{margin-left:15px!important}
.ml25{margin-left:25px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml35{margin-left:35px!important}
.ml38{margin-left:38px!important}
.ml40{margin-left:40px!important}
.ml50{margin-left:50px!important}
.ml60{margin-left:60px!important}
.ml55{margin-left:55px!important}
.ml57{margin-left:57px!important}
.ml60{margin-left:60px!important}
.ml80{margin-left:80px!important}
.ml100{margin-left:100px!important}
.ml110{margin-left:110px!important}
.ml120{margin-left:120px!important}
.ml150{margin-left:150px!important}
.ml200{margin-left:200px!important}
.ml250{margin-left:250px!important}
.ml285{margin-left:285px!important}
.ml835{margin-left:835px!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.mr50{margin-right:50px!important}
.mr80{margin-right:80px!important}
.mr100{margin-right:100px!important}
.mr250{margin-right:250px!important}
.mr300{margin-right:300px!important}
.pointer{cursor:pointer}
.color-gray,a.color-gray:link,a.color-gray:visited{color:#b7bcc0}
.color-white{color:#fff!important}
.color-blue{color:#088bd3}
.fl{float:left}
.fr{float:right}
.mr60{margin-right:60px}
.color-red{color:#EF1300!important}
.pr{position:relative}
.pa{position:absolute}
.errorHint{height:25px;line-height:20px;font-size:12px;color:#f01414}
.breakall{word-break:break-all}
.wui-dialog{background-color:#fff;box-shadow:#ccc 1px 4px 20px 3px;position:absolute;box-shadow:0 12px 24px 0 rgba(0,0,0,.24)}
.cb{clear:both}
.fs12{font-size:12px!important}
.fs14{font-size:14px!important}
.fs16{font-size:16px!important}
.fs18{font-size:18px!important}
.fs20{font-size:20px!important}
.bold{font-weight:700!important}
body,html{font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;color:#1c1f21;height:100%}
body{background-color:#f8fafc;overflow-y:auto;padding-top:0;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;overflow-x:hidden}
a:link,a:visited{color:#1c1f21}
a:active,a:hover{color:#ec1500}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.l{float:left}
.r{float:right}
.hide{display:none}
.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}
.container{margin:0 auto}
.container{width:1152px}
.fix-header{position:fixed;top:0;width:100%;z-index:900;box-shadow:0 4px 8px 0 rgba(7,17,27,0.1)}
#new_header{background:#f6f6f6;overflow:hidden}
#new_header .new-header .logo{float:left;align-items:center;justify-content:center;height:60px;line-height:60px;width:150px}
#new_header .new-header .logo a{font-size:24px;color:#eb6f5a;font-weight:700}
#new_header .new-header .nav-item li{float:left;padding-left:3px;padding-right:3px}
#new_header .new-header .nav-item li>a{display:block;height:60px;line-height:60px;color:#717A84;font-weight:bold;position:relative;padding:0 18px}
#new_header .new-header .nav-item li>a .icn-new{position:absolute;display:inline-block;top:2px;width:16px;height:16px;background:url(../images/new.png) no-repeat 0 0}
#new_header .new-header .nav-item li>a.active{color:#fff}
#new_header .new-header .nav-item li>a:hover{color:#fff}
#new_header .new-header .nav-item li:first-child a{padding-left:0}
#new_header .new-header .header-right{float:right;display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px}
#new_header.special-header{background:#fafafa}
.special-header .new-header{width:1088px;margin:0 auto}
#new_header.special-header .nav-item li>a{color:#1C1F21}
#new_header.special-header .nav-item li>a.active,#new_header.special-header .nav-item li>a:hover{color:#3377FF}
#new_header.special-header .header-right .search-box .input-search .input-box input{color:#1C1F21}
#main{padding:0;min-height:calc(100% - 244px)}
.waper{width:1200px;margin:0 auto}
.shadow{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-right .search-warp{float:left;width:320px;height:36px;background:#fff;border-radius:4px;border:1px solid rgba(84,92,99,.2);padding-right:36px;margin:9px 12px;box-sizing:border-box}
.search-warp{position:relative;float:left;margin-left:24px}
.header-right .search-warp .search-area{width:100%!important;height:34px;background:#fff;font-size:14px;color:#9199a1;padding:0;margin:0;border-radius:inherit}
.header-right .search-warp .search-area{width:100%!important;height:34px;background:#fff;font-size:14px;color:#9199a1;padding:0;margin:0;border-radius:inherit}
.search-area{float:right;position:relative;height:40px;padding-right:36px;border-bottom:1px solid rgba(255,255,255,.4);zoom:1;background:#f3f5f6;border-radius:4px;margin:16px 0;width:324px;box-sizing:border-box;font-size:0;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}
.search-area{margin:12px 0}
.header-right .search-warp .showhide-search{position:absolute;right:0;top:0;font-size:24px;color:#fff;line-height:24px;padding:2px 11px 8px 7px;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#545c63;height:26px;margin-top:-1px;margin-right:-1px}
.search-warp .showhide-search{width:20px;height:24px;text-align:right;position:absolute;display:inline-block;right:0;bottom:24px;padding:0 8px;border-radius:18px}
.header-right .search-warp .search-area input.search-input{width:100%;height:34px;line-height:20px;padding:8px 16px;font-size:13px;color:#9199a1;border-radius:inherit}
.header-right .search-warp .search-area input.search-input{width:100%;height:34px;line-height:20px;padding:8px 16px;font-size:13px;color:#9199a1;border-radius:inherit}
.search-area .search-input{padding:8px 12px;font-size:14px;color:#9199a1;line-height:24px;height:40px;width:100%;float:left;border:0;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;background-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#new_header .new-header .header-right #login-area{float:left;position:relative;height:36px;line-height:36px;margin:9px 12px}
#new_header .new-header .header-right #login-area .header-unlogin{font-size:16px}
#new_header .new-header .header-right #login-area .header-unlogin li{float:left;color:#545C63}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a{color:#545C63}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a:hover{color:#F20D0D !important}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a.reg{color:#ec6149}
#new_header .new-header .header-right #login-area .logined{display:flex;flex-direction:row;align-items:center;justify-content:center}
#new_header .new-header .header-right #login-area .logined>li{float:left}
#new_header .new-header .header-right #login-area .logined .user-card-item{line-height:63px}
#new_header .new-header .header-right #login-area .logined .remind_warp{width:auto;margin:0 25px 0 0;position:relative}
#new_header .new-header .header-right #login-area .logined .remind_warp .msg_remind{display:none;width:4px;height:4px;background-color:rgba(240,20,21,0.7);border-radius:50%;position:absolute;top:0;left:16px}
#new_header .new-header .header-right #login-area .logined .remind_warp>a{display:block;color:#545C63;text-align:center;line-height:1}
#new_header .new-header .header-right #login-area .logined .remind_warp>a:hover{color:#F01414}
#new_header .new-header .header-right #login-area .logined .remind_warp .icon-notifi{vertical-align:middle;font-size:20px}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item img{display:inline-block;width:32px;height:32px;border-radius:50%;vertical-align:middle;border:2px solid #F3F5F6}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item .myspace_remind{width:10px;height:10px;background:url(/static/img/common/space-remind.png) no-repeat 0 0;position:absolute;top:10px;right:10px}
#new_header .new-header .header-right #login-area .logined .user-card-box:hover .user-card-item img{border:2px solid #F01414}
#footer{background:#1c1f21;border-top:1px solid #e2e4e6;font-size:12px;color:#787d82;padding:27px 0;min-width:620px}
#footer .waper{width:auto;max-width:1200px}
#footer .footer_intro{padding-left:40px}
#footer p{line-height:1.7}
#footer .des{width:445px}
#footer .followus{margin-right:34px;padding-left:30px}
.followus a{float:left;position:relative;width:32px;height:32px;background-image:url(../images/footer-sprite.png?t=0705);background-repeat:no-repeat;margin:3px 6px 0;opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;z-index:2}
#footer .followus a:hover{opacity:1}
#footer .beian{background:url(../images/beianicon.png) no-repeat 0 0;width:16px;height:16px;vertical-align:middle;background-size:cover;display:inline-block;margin-right:4px;margin-top:-4px}
.flw-weixin-box{position:absolute;display:none;width:170px;height:220px;left:-69px;bottom:35px;background:url(../images/footer-sprite.png?t=0705) no-repeat 0 0}
.followus .followus-weixin{background-position:0 -279px}
.followus-weixin:hover .flw-weixin-box{display:block}
.followus .followus-weibo{background-position:0 -321px}
.followus .followus-qzone{background-position:0 -363px}
.friend-links{line-height:60px}
.friend-links a{display:inline-block;margin-right:20px}
.friend-links a:hover{text-decoration:underline;color:#000}
.friend-links dl{padding:0 10px}
.friend-links dd{float:left;width:160px}
.footer_link ul{overflow:hidden;margin-top:-1px}
.footer_link a:active,.footer_link a:link,.footer_link a:visited{color:#c8cdd2}
.footer_link a:hover{color:#fff}
#footer .footer_link{margin-bottom:4px;line-height:1.8}
#footer .footer_link li{margin-right:30px;text-align:center;float:left}
a{outline:0}
a:active{star:expression(this.onFocus=this.blur())}
a,button,input{outline:0}
button::-moz-focus-inner{border:0}
input::-moz-focus-inner{border:0}
.sub-header{width:100%;min-height:40px;background:#fafafa;border-top:#f3f3fb solid 1px;position:fixed;top:60px;left:0px;z-index:900}
.sub-header  .sub_box{box-shadow:0 4px 8px 0 rgba(7,17,27,0.1)}
.sub-header .sub-container{width:1088px;height:100%;margin:0 auto;overflow:hidden}
.sub_menu .m_item{display:inline-block;height:40px;line-height:40px;padding:0 5px;margin-right:15px;position:relative}
.sub_menu .m_item.active a{color:#eb6f5a;font-weight:700}
.sub_menu .m_item.active a:after,.sub_menu .m_item:focus a:after,.sub_menu .m_item:hover a:after{content:"";width:100%;min-width:40px;height:3px;background:#eb6f5a;border-radius:2px;position:absolute;bottom:1px;left:0}
.search-main{width:100%}
.search-main,.search-main input{font-family:"Microsoft YaHei","Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif}
.search-main .search-header{height:88px;width:100%;padding-top:24px;box-sizing:border-box;background:#fafafa;box-shadow:0 4px 8px 0 rgba(7,17,27,0.1)}
.search-main .search-header.fixed{position:fixed;top:0;left:0;width:100%;z-index:3}
.search-main .search-header .search-info{font-family:"Microsoft YaHei","Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;height:50px;line-height:50px;padding-left:30%;font-size:16px;color:#666;display:block}
.search-main .search-header .tag-info{font-family:"Microsoft YaHei","Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;height:50px;line-height:50px;padding-left:30%;font-size:16px;color:#666;display:block}
.search-main .search-header .search-form{height:48px;width:840px;margin:0 auto;position:relative;display:none}
.search-main .search-header .search-form .search-form-ipt{font-size:16px;color:#93999f;width:736px;height:48px;padding:12px;background:#f1f1f1;box-sizing:border-box;border-top-left-radius:4px;border-bottom-left-radius:4px}
.search-main .search-header .search-form .search-form-btn{background:#f01414;width:104px;height:48px;line-height:48px;font-size:16px;color:#fff;cursor:pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.search-main .search-header .search-form .search-form-btn:hover{background:#c20a0a}

/* 皮肤 样式 */

.main_con {
    position: relative;
    width: 960px;
    margin: 32px auto 0 auto
}
.main_con .left_essay {width: 656px}
.main_con .right_recommend {width: 280px}
.main_con .right_recommend>div:first-child {margin-top: 0}

.sub-header .sub-container .sub_menu{
    height: 40px;
}

/* ===== */
.main_con .left_essay{width:calc(100% - 300px) !important}
.main_con .right_recommend{display:block}
.active-box{margin-left:0px !important;left:50px}
@media screen and (max-width:280px){.elevator,.wd-scroll{display:none}
    .right_recommend{display:none}
    .main_con .left_essay{width:100% !important}
    .active-box{display:none}
    .main_con{width:280px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:280px !important}
    .sub-header{display:none}
    .header-right{display:none !important}
    .special-header .new-header .nav-item{display:none}
    .special-header .new-header .logo{margin-left:10px}
}
@media screen and (min-width:280px){.elevator,.wd-scroll{display:none}
    .right_recommend{display:none}
    .main_con .left_essay{width:100% !important}
    .active-box{display:none}
    .main_con{width:280px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:280px !important}
    .sub-header{display:none}
    .header-right{display:none !important}
    .special-header .new-header .nav-item{display:none}
    .special-header .new-header .logo{margin-left:10px}
}
@media screen and (min-width:320px){.elevator,.wd-scroll{display:none}
    .right_recommend{display:none}
    .main_con .left_essay{width:100% !important}
    .active-box{display:none}
    .main_con{width:320px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:320px !important}
    .sub-header{display:none}
    .header-right{display:none !important}
    .special-header .new-header .nav-item{display:none}
    .special-header .new-header .logo{margin-left:10px}
}
@media screen and (min-width:360px){.elevator,.wd-scroll{display:none}
    .right_recommend{display:none}
    .main_con .left_essay{width:100% !important}
    .active-box{display:none}
    .main_con{width:346px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:360px !important}
    .sub-header{display:none}
    .header-right{display:none !important}
    .special-header .new-header .nav-item{display:none}
    .special-header .new-header .logo{margin-left:10px}
}
@media screen and (min-width:375px){.elevator,.wd-scroll{display:none}
    .right_recommend{display:none}
    .main_con .left_essay{width:100% !important}
    .active-box{display:none}
    .main_con{width:361px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:375px !important}
    .sub-header{display:none}
    .header-right{display:none !important}
    .special-header .new-header .nav-item{display:none}
    .special-header .new-header .logo{margin-left:10px}
}
@media screen and (min-width:414px){.elevator,.wd-scroll{display:none}
    .right_recommend{display:none}
    .main_con .left_essay{width:100% !important}
    .active-box{left:calc((100% - 400px)/2 - 55px) !important}
    .main_con{width:400px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:414px !important}
    .sub-header{display:none}
    .header-right{display:none}
    .special-header .new-header .nav-item{display:none}
    .special-header .new-header .logo{margin-left:10px}
}
@media screen and (min-width:540px){.elevator,.wd-scroll{display:none}
    .right_recommend{display:none}
    .main_con .left_essay{width:100% !important}
    .active-box{display:none !important}
    .main_con{width:526px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:540px !important}
    .sub-header{display:none}
    .header-right{display:none}
    .special-header .new-header .nav-item{display:none}
    .special-header .new-header .logo{margin-left:10px}
}
@media screen and (min-width:768px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:100% !important}
    .active-box{left:calc((100% - 660px)/2 - 55px) !important}
    .main_con{width:660px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:660px !important}
    .header-right{display:none}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}
@media screen and (min-width:780px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:100% !important}
    .active-box{display:block !important;left:calc((100% - 660px)/2 - 55px) !important}
    .main_con{width:660px}
    .main_con .right_recommend{display:none}
    .sub-header .sub-container,.special-header .new-header{width:660px !important}
    .header-right{display:none}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}
@media screen and (min-width:880px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:100% !important}
    .active-box{display:block !important;left:calc((100% - 700px)/2 - 55px) !important}
    .main_con{width:700px}
    .main_con .right_recommend{display:none;width:250px}
    .sub-header .sub-container,.special-header .new-header{width:700px !important}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}
@media screen and (min-width:980px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:calc(100% - 270px) !important}
    .active-box{display:block !important;left:calc((100% - 800px)/2 - 55px) !important}
    .main_con{width:800px}
    .main_con .right_recommend{display:block;width:250px}
    .sub-header .sub-container,.special-header .new-header{width:800px !important}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}
@media screen and (min-width:1080px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:calc(100% - 270px) !important}
    .active-box{display:block !important;left:calc((100% - 900px)/2 - 55px) !important}
    .main_con{width:900px}
    .main_con .right_recommend{display:block;width:250px}
    .sub-header .sub-container,.special-header .new-header{width:900px !important}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}
@media screen and (min-width:1250px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:calc(100% - 300px) !important}
    .active-box{display:block !important;left:calc((100% - 1070px)/2 - 55px) !important}
    .main_con{width:1070px}
    .main_con .right_recommend{display:block;width:280px}
    .sub-header .sub-container,.special-header .new-header{width:1070px !important}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}
@media screen and (min-width:1400px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:calc(100% - 300px) !important}
    .active-box{display:block !important;left:calc((100% - 1220px)/2 - 55px) !important}
    .main_con{width:1220px}
    .main_con .right_recommend{display:block;width:280px}
    .sub-header .sub-container,.special-header .new-header{width:1220px !important}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}
@media screen and (min-width:1550px){.elevator,.wd-scroll{display:block}
    .main_con .left_essay{width:calc(100% - 300px) !important}
    .active-box{display:block !important;left:calc((100% - 1380px)/2 - 55px) !important}
    .main_con{width:1380px}
    .main_con .right_recommend{display:block;width:280px}
    .sub-header .sub-container,.special-header .new-header{width:1380px !important}
    .special-header .new-header .nav-item{display:block !important}
    .special-header .new-header .logo{margin-left:0px}
    .sub-header{display:block}
    .header-right{display:block !important}
}