.xm-fixed-box{white-space:nowrap}.top-seperator{margin-top:10px;width:100%;}
/*.top-content{display:flex;justify-content:space-between}*/
.top-recommand-thread{font-family: Avenir Light;;width:340px;display:flex;flex-direction:column;justify-content:space-between}.top-recommand-thread .thread-item{position:relative;width:100%;height:209px}.top-recommand-thread .thread-item .top-feature-img{width:100%;height:100%;background-size:cover;background-position:center center}.top-recommand-thread .thread-item .text-shadow-mask{position:absolute;bottom:0;height:104px;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);border-radius:0 0 2px 2px}.top-recommand-thread .thread-item .img-link{display:block;width:100%;height:100%}.top-recommand-thread .thread-item .thread-title{position:absolute;margin:0 20px 14px;line-height:22px;bottom:0;color:#FFF;font-size:18px;font-weight:400}.banner{position:relative;width:100%;height:438px;overflow:hidden}.banner .ui-pager-item{margin:0 10px}.banner .ui-pager-item .ui-pager-link{width:30px!important;height:3px!important;background:#fff;opacity:.5!important;border-radius:unset!important}.banner .slides{height:100%}.banner .slider img{width:100%}.banner .main-banner-pager{position:absolute;bottom:20px;left:0;width:100%;z-index:100;text-align:center;font-size:0}.banner .main-banner-pager>li{position:relative;display:inline-block;width:140px;height:80px;margin-right:2px;cursor:pointer}.banner .main-banner-pager>li:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 2px #fff}.banner .main-banner-pager>li:after{content:'';position:absolute;top:-2px;bottom:-2px;left:0;right:-2px;background-color:rgba(0,0,0,.3);z-index:10;transition:opacity .2s}.banner .main-banner-pager>li:first-child{border-left-width:2px}.banner .main-banner-pager>li:first-child:after{left:-2px}.banner .main-banner-pager>li a{display:block;width:100%;height:100%;overflow:hidden;text-align:center}.banner .main-banner-pager>li img{position:relative;height:100%;left:50%;transform:translate(-50%,0)}.banner .main-banner-pager>li.active,.banner .main-banner-pager>li:hover{z-index:20}.banner .main-banner-pager>li.active:after,.banner .main-banner-pager>li:hover:after{opacity:0}.thread-list{padding:15px 0 0}.thread-list .thread-list-ul>li{position:relative;margin-bottom:40px}.thread-list .thread-list-ul>li .title{font-size:30px;font-weight:600;line-height:1;display:block;display:-webkit-box;max-height:60px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.thread-list .thread-list-ul>li a{color:inherit}.thread-list .thread-list-ul .column-display{height:auto!important}.thread-list .thread-list-ul .column-display .column-box-header{display:flex;justify-content:space-between;margin-bottom:15px}.thread-list .thread-list-ul .column-display .column-box-header .column-header-title{color:#333;font-size:22px;line-height:26px;font-weight:600}.thread-list .thread-list-ul .column-display .column-box-header .column-header-more{color:#999;font-size:16px;line-height:19px}.thread-list .thread-list-ul .column-display .column-container{display:flex;justify-content:space-between}.thread-list .thread-list-ul .column-box{width:262px}.thread-list .thread-list-ul .column-box .column-cover{display:block;width:262px;height:128px;overflow:hidden;background-size:cover;background-position:center center}.thread-list .thread-list-ul .column-box .column-title{display:block;margin-top:10px;color:#222;font-size:16px;line-height:19px;font-weight:600}.thread-list .thread-list-ul .column-box .column-desc{margin-top:6px;color:#999;height:51px;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:17px}.thread-list .thread-list-ul .column-box .column-detail{margin-top:3px;height:16px}.thread-list .thread-list-ul .column-box .column-detail span{margin-right:10px;color:#c5c5c5;font-size:12px;line-height:16px}.thread-list .thread-list-ul .thread-plain{height:160px}.thread-list .thread-list-ul .thread-plain .thumb{width:230px;height:160px;overflow:hidden}.thread-list .thread-list-ul .thread-plain .thumb .thread-feature-img{width:230px;height:160px;background-size:cover;background-position:center center}.thread-list .thread-list-ul .thread-plain .content{position:relative;width:610px;height:100%;box-sizing:border-box;padding-top:32px;border-top-color:#f77e7e}.thread-list .thread-list-ul .thread-plain .content .title{font-size:22px;line-height:26px;color:#333}.thread-list .thread-list-ul .thread-plain .content .summary{margin-top:10px;color:#999;height:34px;overflow:hidden;line-height:17px;text-overflow:ellipsis}.thread-list .thread-list-ul .thread-plain .thread-info{position:absolute;left:0;bottom:0;width:100%;height:20px;line-height:20px}.thread-list .thread-list-ul .thread-plain .thread-info .y,.thread-list .thread-list-ul .thread-plain .thread-info .z{height:20px}.thread-list .thread-list-ul .thread-plain .thread-info .icon-view-new{display:inline-block;background-image:url(../png/views_icon2x.png);width:18px;height:14px;background-size:cover;vertical-align:text-bottom}.thread-list .thread-list-ul .thread-plain .thread-info .icon-comment-new{background-image:url(../png/comments_icon2x.png);display:inline-block;width:16px;height:16px;background-size:cover;vertical-align:text-bottom}.thread-list .thread-list-ul .thread-plain .thread-info .avatar{width:20px;height:20px;border-radius:50%}.thread-list .thread-list-ul .thread-plain .thread-info span{color:#c3c3c7;vertical-align:super;margin-left:10px}.thread-list .thread-list-ul .thread-plain .thread-info .z{display:flex}.thread-list .thread-list-ul .thread-plain .thread-info .z .auth-name{color:#333;font-size:14px}.thread-list .thread-list-ul .thread-plain .category{position:absolute;top:0;left:0;padding:0 8px;font-size:14px;color:#fff;background-color:#333!important;line-height:24px}.thread-list .thread-list-ul .thread-plain .category a:hover{text-decoration:none!important}.thread-list .thread-list-ul .thread-video{height:460px;overflow:hidden;background-color:#212121}.thread-list .thread-list-ul .thread-video .thumb{position:absolute;top:0;left:0;width:866px;height:460px;overflow:hidden}.thread-list .thread-list-ul .thread-video .thumb img{width:100%}.thread-list .thread-list-ul .thread-video .content .title{position:relative;z-index:1;margin:23px 0 0 22px;color:#fff}.thread-list .thread-list-ul .thread-video .xm-play-btn{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%)}.thread-list .xm-text-loading{width:260px;height:32px;margin:50px auto 38px;background-color:#00a1e9;text-align:center;font-size:20px;color:#fff;line-height:32px}.scrollContainer{height:120px;position:relative;overflow:hidden}.scrollContainer .scrollTitle{font-size:18px;color:#fff;width:250px;text-overflow:ellipsis;z-index:2;position:absolute;bottom:8px;left:20px;cursor:pointer}.pointerContainer{position:absolute;bottom:9px;right:-10px;width:75px;height:20px}.pointerContainer .point-item{margin-top:2px;width:10px;height:10px;cursor:pointer;float:left;margin-left:2px}.pointerContainer .point-item .point-icon{width:6px;height:6px;border-radius:3px;background:rgba(0,0,0,.5);margin:5px auto 0}.pointerContainer .point-item .point-icon-active{background:#fff}.scrollBg{height:120px;width:2720px;position:absolute;left:0}.imgCt{width:340px;height:120px;position:relative;float:left;overflow:hidden}.threadContainer{box-sizing:border-box;padding:20px 20px 11px}.threadContainer .threadInfo{line-height:20px;color:#666;margin-bottom:9px}.threadContainer .threadInfo:hover{color:#ff6700}.threadInfoPage{display:none}.Mask{position:absolute;bottom:0;width:100%;height:60px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1))}.column-entrance{width:340px;background:#fff;margin-bottom:20px}.column-entrance .column-entrance-header{height:46px;padding:0 20px;line-height:46px;border-top:4px solid #ff6700}.column-entrance .column-entrance-header .column-title{color:#424242;font-size:20px}.column-entrance .column-entrance-header .column-more{font-size:14px;color:#ff6700;float:right;cursor:pointer}.thread-list .thread-list-ul .thread-plain .content .title{margin-bottom:0;margin-top:0}.qr-box .policy-box{margin-top:21px!important}
#J_header{display: none;}
@media screen and (max-width: 1000px){
    #J_header{display: block;}
    .interbar{display: none;}
    .J_xmFixedNav{display: none;}
    #wp{margin-top: 23px;}
    .xm-header {height: 2.9167rem;line-height: 2.9167rem;position: relative;margin-top: 0;}
    .xm-header.fixed .top {width: 100%;position: fixed;top: 0;left: 0;z-index: 100;background-color: #00a1e9;}
    .xm-header .icon-menu, .xm-header .icon-prev {width: 3.4167rem;display: block;font-size: 2rem;text-align: center;color: #fff;padding: 17px;float: left;}
    .xm-header .title {text-align: left;padding-left: .3333rem;font-size: 20px;color: #fff;font-weight: bold;flex: 1;-webkit-box-flex: 1;float: left}
    .xm-header .button-box>a, .xm-header .button-box>button {width: 2.9167rem;display: block;position: relative;padding: 0;border: none;color: #fff;background-color: transparent;}
    .xm-header .button-box {height: 1.9167rem;display: flex;display: -webkit-box;display: -ms-flexbox;color: #fff;font-size: 2.625rem;text-align: center;padding: 17px;float: right;}
    .menu-box.expand{background-color: rgba(0,0,0,.6);}
    .menu-box{width: 100%;overflow: hidden;z-index: 100;transition: background-color .5s ease-in;    height: 100%;position: fixed;left: 0;top: 0;}
    .menu-box .menu{width: 23.75rem;z-index: 101;background-color: #fff;}
    .menu-box .user {padding: 2.25rem 0;background-color: #00a1e9;display: flex;display: -webkit-box;display: -ms-flexbox;align-items: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;box-align: center;color: #fff;line-height: 1.5;font-size: .8333rem;}
    .menu-box .user .pic {margin: 0 1.125rem 0 1.3333rem;}
    .menu-box .user img {width: 4.75rem;height: 4.75rem;border: .125rem solid #00a1e9;border-radius: 2.0833rem;vertical-align: middle;}
    .menu-box .user .user-headinfo {max-width: 11.5rem;}
    .menu-box .user .name {font-size: .9375rem;padding-bottom: .3333rem;}
    .level{font-size: 18px;}
    menu, ol, ul {padding: 0;list-style: none;}
    .menu-box .type {height: 4.9167rem;line-height: 1.4;display: flex;display: -webkit-box;display: -ms-flexbox;display: box;border-bottom: .0703rem solid #DDD;font-size: .6667rem;align-items: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;box-align: center;}
    .menu-box .type li {font-size: 15px;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;-ms-flex: 1 0 auto;box-flex: 1;text-align: center;}
    .menu-box .type .num {display: block;color: #FF6700;}
    .menu-box .nav-box {overflow-x: hidden;overflow-y: auto;flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;-ms-flex: 1 0 auto;box-flex: 1;min-height: 800px;overflow: hidden;}
    .menu-box .nav-box .nav-list {padding-top: .4167rem;height: auto;position: relative;}
    .xm-header {height: 2.9167rem;line-height: 2.9167rem;}
    .menu-box .nav-box .tit {padding-left: 3.2708rem;display: block;height: 2.5rem;line-height: 2.5rem;color: #666;font-size: 15px;padding-bottom: 10px;}

    .top-content{display: block;}
    .banner{width: 100%;}
    .top-recommand-thread{width: 100%;}
    body{width: 100%;min-width: 100%;}
    .container, .span20{width: 100%}
    #hd .wp, #wp{min-width: 100%;}
    .banner{height: auto;}
    .thread-list .thread-list-ul .thread-plain{margin: 0 15px;}
    .thread-list .thread-list-ul .thread-plain .thumb{width: 100px;height: 100px;}
    .thread-list .thread-list-ul .thread-plain .thumb .thread-feature-img{width: 100%;height: 100%;}
    .thread-list .thread-list-ul .thread-plain .content{width: 68%;}
    .thread-list .thread-list-ul .thread-plain .content .title{font-size: 16px;font-family: Avenir Medium;}
    .xm-main-area{width: 100%;}
    .summary{display: none;}
    .thread-list .thread-list-ul .thread-plain .thread-info{bottom: 50px;}
    .xm-side-box{width: 100%;padding: 0 15px;}
    .xm-side-box .xm-box{width: 100%;}
    .xm-side-box .checkin-box .dayMisstionBox .todayMissionBox{margin: 0 auto;}
    .xm-side-box .featured-box h4{text-align: center;}
    .xm-side-box .featured-box ul{text-align: center;display: block;}
    .xm-side-box .users-box h3{text-align: center;}
    .xm-side-box .users-box .seperator{width: auto}
    .xm-side-box .users-box h4{width: auto;}
    .J_xmFixedBox{display: none;}
    .thread-list .thread-list-ul .thread-plain .thread-info span{margin-left: 0px;}
    #zhuye{display: block;height: 50px;float: left; margin-top: 20px;margin-left: 10px;}
    #zhuye img{width: 60%;}
    .xm-main-area{width: 100%!important;}
    .xm-subject img{width: 100%}
    .post-y{width: 100%!important;}
    .post-z{width: 100%!important;}
    .auth-avatar{width: 50px!important;height: 50px!important;margin: 0 auto;margin-right:auto!important;;}
    .auth-title{width: auto!important;}
    .louc{display: none!important;}
    #nv_forum #ct{padding: 0 15px;}
    #wp{margin-top: 30px!important;}
}