@charset "utf-8";
body{font-family:"microsoft yahei";font-size:15px;color:#333;overflow-x:hidden;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(26,26,26,0);margin-top:70px;background:#f8f8f8}
*{margin:0;padding:0;zoom:1}
footer:after,header:after,main:after,nav:after,section:after{content:'';display:block;clear:both}
li{list-style:none}
ol,ul{margin:0}
a{text-decoration:none;color:#333;cursor:pointer}
a.underline{text-decoration:none}
a:hover{text-decoration:none;color:#ff6428}
a:hover .fa{color:#ff6428}
a:hover.red{color:#ff6428}
a:hover.red:hover{text-decoration:none}
a:focus{text-decoration:none!important}
a:hover.blue{color:#0889f6}
a:hover.blue:hover{color:#ff6428;text-decoration:none}
button,input,select,textarea{outline:0;background:0 0;border:1px solid #eee}
button{cursor:pointer}
img{border:none;vertical-align:middle}
em,i{font-style:normal}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
.h1,.h2,.h3,h1,h2,h3,p{margin:0}
.red{color:#ff6428}
.orange{color:#ff6428}
.blue{color:#0889f6}
.fl{float:left}
.fr{float:right}
.mt15{margin-top:15px}
.mb15{margin-bottom:15px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.container{width:1200px}
.header{position:fixed;top:0;left:0;z-index:999999;width:100%;background:#fff;box-shadow:0 0 1px 1px rgba(0,0,0,.1);height:70px;transition:all .5s}
.header .container{height:100%}
.header.showOnTop{background:rgba(255,255,255,.99);box-shadow:0 0 6px 3px rgba(0,0,0,.2)}
.header.hideOnTop{transform:translateY(-75px);box-shadow:none}
.header .active>a{color:#ff6428}
.header .container a:hover{color:#ff6428}
.logo{float:left;position:relative;width:130px;overflow:hidden;height:100%}
.logo a{display:block;width:100%;height:35px;position:absolute;top:50%;transform:translateY(-50%);background-image:url(../img/logo_black.png);background-repeat:no-repeat;background-size:cover}
.wave{position:absolute;left:50%;transform:translateX(-50%);top:50%}
.main-nav{float:left;width:635px;padding-bottom:15px;margin-left:10px}
.main-nav .nav-item{float:left;width:auto}
.main-nav .nav-item>a{display:block;padding:0 11px;line-height:70px}
.main-nav .nav-item>a .fa{margin-right:5px}
.main-nav .nav-item.paihangbang>a{padding:0 18px}
.more-nav{float:left;text-align:center;position:relative}
.more-nav .more-btn{display:block;line-height:70px;padding:0 10px;cursor:default}
.more-nav:after{position:absolute;height:100%;width:100%;bottom:-50%}
.more-nav .nav-item{position:relative}
.more-nav .sub-nav-list{position:absolute;white-space:nowrap;top:0;box-shadow:0 0 4px 2px rgba(0,0,0,.3)!important;left:110%}
.more-nav .sub-nav-list li{position:relative;z-index:5}
.more-nav .sub-nav-list li:first-child:before{content:'';display:block;position:absolute;width:8px;height:8px;top:22%;left:-6px;transform:rotateZ(135deg) translateY(-50%);z-index:1;background:#fff;box-shadow:0 0 4px 2px rgba(0,0,0,.3)}
.more-nav .sub-nav-list:after{position:absolute;width:100%;left:-10px;height:100%;top:0}
.more-nav .sub-nav-list a{padding:0 5px}
.sub-nav-list{display:none;min-width:70px}
.shadow-triangle-box{line-height:30px;box-sizing:border-box;text-align:center;position:relative;display:none;margin-bottom:10px;top:15px;box-shadow:0 0 4px 2px rgba(0,0,0,.2)}
.shadow-triangle-box>li:first-child>a{padding-top:5px}
.more-nav .shadow-triangle-box>li:nth-child(6)>a{padding-top:5px}
.shadow-triangle-box>li:last-child>a{padding-bottom:5px}
.showOnTop .main-nav{padding-bottom:20px}
.showOnTop .main-nav .shadow-triangle-box{top:15px}
.showOnTop .more-nav .shadow-triangle-box{top:85px}
.shadow-triangle-box:before{content:'';display:block;position:absolute;width:8px;height:8px;top:-1px;left:43%;transform:rotateZ(135deg) translateX(-50%);z-index:1;background:#fff;box-shadow:0 0 4px 2px rgba(0,0,0,.3)}
.shadow-triangle-box a{display:block;position:relative;z-index:5;background:#fff;font-size:14px;white-space:nowrap;padding:0 5px}
.more-nav-list.shadow-triangle-box a{padding:0 10px}
.more-nav-list.shadow-triangle-box a .fa{margin-right:5px}
.more-nav-list{position:absolute;top:70px;left:50%;transform:translateX(-50%);z-index:1}
.more-nav:hover .more-nav-list,.nav-item:hover .sub-nav-list{display:block}
.header .right-wrap li a{color:#736767}
.header .right-wrap li a:hover{color:#ff6428!important}
.search-container{margin-left:15px;float:left}
.search-wrapper{float:left;position:relative;margin-top:18px;width:300px}
.search-wrapper .keywords{border-radius:20px;color:#333;background-color:#f5f5f5;border:1px solid #eee;display:block;width:100%;height:30px;padding:6px 10px;font-size:12px;line-height:28px}
.search-wrapper .sbt{display:block;position:absolute;top:0;right:10px;height:34px;line-height:34px;text-align:center;background:0 0;border:0;cursor:pointer}
.search-wrapper .fa-search{color:#999;font-size:20px;font-weight:400}
.search-wrapper .fa-search:hover{color:#ff6428}
.showOnTop .search-wrapper .fa-search:hover{color:#ff6428}
.header .right-wrap{float:right;line-height:70px;margin-left:15px}
.header .right-wrap li{display:inline-block;margin:0 8px;line-height:1;text-align:center;vertical-align:middle}
.header .right-wrap .fa{display:block;font-size:20px}
.header .right-wrap a:hover .fa{color:#ff6428}
.header .right-wrap em{display:block;font-size:12px;margin-top:2px}
.header .right-wrap .gzh{position:relative}
.header .right-wrap .gzh img{width:120px;position:relative;z-index:11}
.header .right-wrap .gzh:hover .shadow-triangle-box{display:block;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0 0 4px 2px rgba(214,214,214,.6);top:50px}
.header .right-wrap .gzh:hover .shadow-triangle-box:before{background:#fff;box-shadow:0 0 4px 2px rgba(214,214,214,.6)}
.cmt_text:focus,.search-input:focus{border-color:#ff7039!important}
.banner img{max-height:420px;width:100%}
.fed-comm-code{margin-top:-2px}
.cmt_post{display:inline-block;width:100px;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#ff7039;border-color:#ff7039;height:35px;line-height:1;color:#fff;margin-top:10px}
.cmt_post:hover{background-color:#ed6c2f;border-color:#f17341}
.cmt_text{height:38px;padding:8px;width:110px;margin-right:5px;margin-left:5px}
@media (max-width:767px){.box-page .total,.comment-avatar,.comment-post-arrow,.news-avatar{display:none}
.comment-focus .news-box,.comment-post,.comment-post-self{width:100%}
}
.details{padding:10px 10px 5px;text-align:center;display:block;width:100%;position:absolute;bottom:0;left:0;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));font-size:12px;color:#fff}
.details .name{margin:10px 0 10px;font-size:16px;display:block}
.mac_pop_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.mac_pop{z-index:99998;display:none;min-height:20px;max-height:750px;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:25px;z-index:130;border-radius:8px;background-color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.5)}
.mac_pop .pop_top{height:40px;width:100%;border-bottom:1px #e5e5e5 solid}
.mac_pop .pop_top h2{float:left;display:block;margin:0;font-size:18px;font-weight:400;font-family:"microsoft yahei"}
.mac_pop span.pop_close{float:right;width:23px;height:23px;font-size:0;text-indent:9999;cursor:pointer;font-weight:700;display:block;background:url(../images/home/background.png) -10px 0 no-repeat}
.mac_pop .pop-foot{height:50px;line-height:50px;width:100%;border-top:1px #e5e5e5 solid;text-align:right}
.mac_pop .pop-cancel,.pop-ok{padding:8px 15px;margin:15px 5px;border:none;border-radius:5px;background-color:#337ab7;color:#fff;cursor:pointer}
.mac_pop .pop-cancel{background-color:#fff;border:1px #cecece solid;color:#000}
.mac_pop .pop-content{height:380px}
.mac_pop .pop-content-left{float:left}
.mac_pop .pop-content-right{width:310px;float:left;padding-top:20px;padding-left:20px;font-size:16px;line-height:35px}
.mac_pop .bgPop{display:none;position:absolute;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.mac_pop .pop-msg{text-align:center;font-size:14px}
.mac_pop_msg_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.mac_pop_msg{z-index:99999;display:none;min-height:20px;max-height:750px;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:25px;z-index:130;border-radius:8px;background-color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.5)}
.mac_pop_msg .pop-msg{text-align:center;font-size:14px}
.layout-box{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.07);margin-top:20px;padding:20px 5px 15px 5px}
.box-slide .slide-title{display:block;width:100%;position:absolute;bottom:0;left:0;padding:30px 0 40px;background-repeat:no-repeat;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));font-size:14px;color:#fff;text-align:center}
.box-slide .slide-info{line-height:24px;font-size:14px;padding-top:10px;overflow:hidden;height:82px}
.swiper-pagination-bullet{width:18px;height:4px;margin:0 2px;background:#fff;border-radius:0}
.player-shrink,.swiper-button-next,.swiper-button-prev{width:20px;height:50px;line-height:50px;text-align:center;background-size:auto;border-radius:2px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0;background:0 0;background-color:rgba(0,0,0,.6)}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0;background:0 0;background-color:rgba(0,0,0,.6)}
.swiper-button-next .glyphicon,.swiper-button-prev .glyphicon{font-size:12px;color:#fff}
.box-slide .slide-info-page{top:60%}
.box-title{padding:10px;text-align:inherit}
.box-title h3{display:inline-block;font-size:18px}
.box-title h3 .icon{display:inline-block;margin-right:5px;font-size:24px;vertical-align:2px;float:left;margin-top:-2px;color:#f90}
.index-menu li{float:left;width:25%;padding:0 10px 15px 10px}
.index-menu li a{display:block;padding:15px 0;text-align:center;border-radius:4px;background-color:#f5f5f5;color:#999;border:1px solid #fff}
.index-menu li a .icon{display:block;margin-bottom:5px;font-size:30px;line-height:30px;color:#f90}
.slide-pic{display:block;position:relative;padding-top:150%}
.index-menu li a:hover,.index-menu li a:hover .text-color{background-color:#f90;color:#fff}
.layout-box .p-0{padding-right:5px;padding-left:0}
.box-video-text-list ul{margin:10px 10px}
.box-video-text-list ul li{float:left;padding:9px 0}
.box-video-text-list ul li.list{width:100%;border-top:none;margin:8px 0}
.box-video-text-list ul li.list1{width:100%}
.box-video-text-list ul li.list2{width:50%}
.box-video-text-list ul li.list4{width:25%}
.box-video-text-list ul li.list3{width:33%}
.box-video-text-list ul li.list5{width:20%}
.box-video-text-list ul li.list6{width:16.66%}
.box-video-text-list ul li .title{margin:0 10px}
.box-video-text-list ul li .num{margin-right:10px;padding:5px 10px;font-size:12px}
.box-video-text-list ul li span i{font-size:12px}
.box-video-text-list ul li .key{float:left;margin-right:6px;color:#f90}
.box-video-text-list ul li .hits{float:right;margin-right:5px}
.box-video-text-list ul li .time{float:right;margin-right:15px}
.text-overflow{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%}
.footer{text-align:center;font-size:12px;position:relative;background:#fff}
.footer .container{line-height:20px;padding:40px 8px;position:relative;background:#fff}
.float-box{width:35px;height:35px;line-height:35px;font-size:18px;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);cursor:pointer;position:fixed;right:50px;bottom:150px;z-index:10}
.float-box.hideOnTop{transform:translate3D(0,-100px,0);-webkit-transform:translate3D(0,-100px,0);-moz-transform:translate3D(0,-100px,0);-o-transform:translate3D(0,-100px,0);opacity:0}
.float-box.hideInBottom{transform:translate3D(0,100px,0);-webkit-transform:translate3D(0,100px,0);-moz-transform:translate3D(0,100px,0);-o-transform:translate3D(0,100px,0);opacity:0}
.float-box .fa.fa-heart{font-size:20px}
.float-box .fa.fa-chevron-circle-up{font-size:24px}
.float-box.hideInBottom{transform:translate3D(0,100px,0);-webkit-transform:translate3D(0,100px,0);-moz-transform:translate3D(0,100px,0);-o-transform:translate3D(0,100px,0);opacity:0}
.main{padding-top:20px}
.main section{margin-bottom:15px}
.lunbotu{margin-top:-20px}
.rolling-tips{max-height:20px;position:relative;top:5px}
.rolling-tips .today-up,.rolling-tips .today_up{color:#f90;font-size:12px}
.rolling-tips .today-up:hover{color:#0889f6;color:#ff6428}
.left-content{width:73%;float:left}
.right-side{width:25%;float:right;min-height:300px}
.new-up .title{margin-bottom:15px;margin-top:5px;position:relative}
.new-up .title .theme{float:left;font-size:22px;color:#333}
.new-up .title .theme .fa{color:#ff6428;font-size:24px;margin-right:10px}
.detailplay .title .theme .fa{float:left}
.new-up .item{float:left;width:13.15%;height:245px;margin-right:1%;margin-bottom:20px;position:relative}
.new-up .item .item-con{width:100%;transition:all .3s;height:100%;overflow:hidden;position:absolute;box-sizing:content-box;padding:5px;color:#333}
.new-up .item:hover .item-con{height:352px;background:#fff;box-shadow:0 0 6px 3px rgba(0,0,0,.2);z-index:111}
.new-up-list{margin-right:-15px}
.new-up-list .item img{width:100%;height:100%;transition:all .25s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.new-up-list.img-auto-height-list .item img{width:100%;height:auto;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}
.new-up-list .state{position:absolute;background:rgba(0,0,0,.66);text-align:right;right:5px;top:5px;font-size:12px;white-space:nowrap;width:auto;z-index:11;overflow:hidden;text-overflow:ellipsis;background:0 0;color:#fff;line-height:18px;border-bottom-left-radius:0;padding:0;padding-left:14px;max-width:97%}
.new-up-list .state em{display:block;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 5px;z-index:2;position:relative;background:#f90}
.new-up-list .state:before{content:'';display:block;position:absolute;width:0;height:0;border:12px solid transparent;border-right:16px solid #f90;left:-7px;top:-11px;transform:rotateZ(3deg);z-index:1}
.new-up .info-layer{width:100%;height:100%;top:88%;color:#333;transition:all .3s;padding-top:5px;display:block}
.new-up .info-layer>p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:15px;font-size:12px;color:#736767}
.new-up .info-layer>p label{font-weight:400}
.new-up .subject{font-weight:700;color:#736767;padding-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;height:23px;line-height:1}
.new-up .subject a{max-width:63%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;float:left;font-size:13px;line-height:1;height:22px;padding-top:1px}
.new-up .update{float:right;max-width:37%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:12px;position:relative;top:2px}
.new-up .info-layer .play{text-align:center;font-size:40px}
.new-up .item .thumb{display:block;position:relative;width:100%;overflow:hidden;box-shadow:0 0 6px 3px rgba(214,214,214,.3) inset;height:228px;background:#fff}
.new-up .item .thumb:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.new-up-list .item:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.new-up-list.img-auto-height-list .item:hover img{transform:translateY(-50%) scale(1.02)}
.new-up .item .hot{position:absolute;bottom:0;right:0;background:rgba(0,0,0,.3);padding:1px 3px 0 10px;color:#ff6428;font-size:12px;border-top-left-radius:15px}
.ellipsis-one{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ellipsis-two{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.new-up-list .item:hover .info-layer{top:0}
.hot-up{box-sizing:border-box}
.hot-up .title{border-bottom:3px solid #f90;padding:5px 0 15px}
.hot-up .title .theme{float:left;position:relative;margin:0;margin-right:10px;font-size:20px;font-weight:100;color:#333;max-width:64%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-up .title .theme .after-dot:after{width:5px;height:5px;background:#333}
.hot-up .title .theme:before{content:'';display:block;position:absolute;width:4px;height:18px;background:#ff6428;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:none}
.hot-up .title .more{float:right}
.hot-up .list{padding-top:7px}
.hot-up .item{line-height:37px;height:37px}
.hot-up .item:hover{background:#eee}
.hot-up .item .num{display:inline-block;width:20px;height:18px;border-radius:15px;background:rgba(0,0,0,.3);text-align:center;line-height:18px;font-size:12px;margin-right:8px;color:#fff}
.hot-up .item:nth-child(1){height:auto}
.hot-up .item:nth-child(1) img{height:118px;float:left;margin-right:10px}
.hot-up .item:nth-child(1) .info p{line-height:22px;height:22px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#999}
.hot-up .item:nth-child(1) .num{background:#f90;color:#fff}
.hot-up .item:nth-child(2) .num{background:rgba(255,153,0,.9);color:#fff}
.hot-up .item:nth-child(3) .num{background:rgba(255,153,0,.8);color:#fff}
.hot-up .item .hot{float:right;font-size:12px;color:#ff6428}
.hot-up .item .subject .ellipsis-one{display:inline-block;max-width:36%;vertical-align:middle;font-size:12px}
.hot-up .item .douban_score{font-size:12px;color:#999;margin-left:5px;max-width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.before-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#ccc;margin-right:10px;vertical-align:middle}
.after-dot:after{content:'';display:inline-block;width:3px;height:3px;background:#999;margin:0 5px;border-radius:50%;vertical-align:middle}
.after-line:after{content:'';display:inline-block;height:12px;width:2px;background:rgba(255,255,255,.3);margin:0 5px;vertical-align:middle}
.more-arrow:after{content:'';display:inline-block;margin-left:3px;width:8px;height:8px;border-top:1px solid #ddd;border-right:1px solid #ddd;transform:rotateZ(45deg);position:relative;top:-1px}
.more-arrow:hover:after{border-color:#ff6428}
.hot-up.comment-list .item:nth-child(1) img{height:30px;float:none;margin-right:5px}
.page-num{font-size:12px;color:#999;overflow:hidden;height:0}
.page-num .page_link{display:inline-block;padding:5px 15px;border-radius:4px;background-color:#fff;border:1px solid #eee}
.page-num .page_link:hover{border-color:#ff920b;color:#ff920b!important}
.page-num .page_current.page_link{background-color:#ff920b;border-color:#ff920b;color:#fff!important}
.page-num>div{padding:5px 0;line-height:20px}
.page-num.count-right .content{text-align:center}
.page-num.count-right .count{float:right}
.load-more{line-height:30px;text-align:center;font-size:13px}
.load-more a:focus{text-decoration:none;color:#ff6428}
.comment-list{border-radius:2px}
.comment-list .title{border-bottom:1px solid #ddd;line-height:40px}
.comment-list .title .theme{font-size:16px;margin:0;float:left;line-height:40px}
.comment-list .hd{line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comment-list .username{float:left}
.comment-list .username img{border-radius:50%;width:30px;height:30px;padding:1px;border:1px solid #eee;margin-right:5px}
.comment-list .date{font-size:12px;color:#999}
.comment-list .floor{font-size:12px;color:#999}
.comment-list .item .content{margin:3px 0;text-indent:30px}
.comment-list .reply-ipt{width:100%;max-width:100%;min-height:70px;padding:5px;font-size:14px}
.comment-list .mark-wrap{font-size:12px;line-height:20px;padding-left:30px}
.comment-list .list .item{border-bottom:1px solid #eee;padding:15px 0;height:auto;line-height:inherit}
.comment-list .post-post{margin-top:0}
.comment-list .reply-box{display:none}
.comment-list .target-reply{margin-top:10px;text-indent:30px;font-size:12px}
.comment-list .target-reply a{color:#999;font-size:12px;font-style:italic}
.comment-list .target-reply a:hover{text-decoration:none;color:#ff6428}
.comment-list .ft{text-align:center;padding-top:10px;height:20px;box-sizing:content-box;display:none}
.comment-list .pack-up{margin-top:10px;font-size:12px}
.comment-list .load-more{display:none}
.comment-list .page-num{height:auto}
.comment-list .clear-txt{font-size:12px;position:relative;top:10px;right:3px;color:#666}
.comment-list .clear-txt:hover{color:#ff6428}
.sub-category{top:3px;float:right;margin-right:56px}
.sub-category li{float:left;width:auto;margin-left:16px;font-size:14px}
.new-up .title .more{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:11;font-size:14px}
.crumbs-nav{font-size:12px;color:#736767}
.crumbs-nav a{font-size:12px;color:#736767}
.crumbs-nav a:hover{color:#ff6428}
.collect,.comment,.fabulous,.share{color:#736767;border-radius:3px;margin-right:20px;font-size:12px;display:inline-block;float:left}
.collect .fa,.comment .fa,.fabulous .fa,.share .fa{font-size:16px;margin-right:3px}
.collect:hover,.comment:hover,.fabulous:hover,.share:hover{color:#ff6428!important;border-color:#ff6428!important}
.share-wrap{position:relative;float:left}
.close-pop{font-size:18px;margin-right:-8px;height:10px;cursor:pointer}
.close-pop:hover{color:#ff6428}
.delete-reply-btn{line-height:32px}
.search-wrap{line-height:50px;font-size:22px}
.search-wrap .drop-box{position:relative}
.search-wrap .drop-box .keywords{height:28px;line-height:28px;border-color:#cbcbcb;border-radius:3px;color:#fff;font-size:14px;padding:0 5px;width:170px;vertical-align:middle}
.search-wrap .drop-box .close{display:none}
.search-wrap .drop-box .sbt{display:none}
.search-wrap .fa-search{color:#ccc;cursor:pointer;position:absolute;right:8px;top:52%;transform:translateY(-50%);font-size:20px}
.search-wrap .fa-search:hover{color:#ff6428}
.middle.layout-xs{margin:10px 0}
.common-search.search-wrap .drop-box{font-size:0}
.common-search.search-wrap .drop-box .keywords{color:#333;width:84%;height:40px;line-height:40px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}
.common-search.search-wrap .drop-box .sbt{display:inline-block;width:16%;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#ff7039;border-color:#ff6428;height:40px;line-height:1}
.common-search.search-wrap .tips{font-size:14px;line-height:20px;text-align:center;margin-top:5px;color:#666}
.common-search.search-wrap .tips .fa{font-size:14px;position:static;transform:translate(0);color:inherit}
.hd-wrap{margin-bottom:10px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:15px 20px}
.hd-wrap .slogan{padding:10px 0}
.hd-title{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eee}
.hd-title .theme{font-weight:700}
.hd-title .theme .fa{color:#ff6428}
.hd-nav{position:relative;border-bottom:1px dotted #eee;padding-bottom:10px}
.hd-nav:last-child{border:none}
.hd-nav:before{content:'';display:none;position:absolute;width:100%;bottom:0;left:0;height:1px;background:#ddd}
.hd-nav .theme{margin:0;line-height:24px;color:#736767}
.hd-nav .theme a{color:#736767}
.sub-nav .nav{border:none}
.sub-nav .nav>li{width:auto;white-space:nowrap;text-align:center;margin-bottom:0}
.sub-nav .nav>li>a{border:none;line-height:1;border-radius:1px;padding:5px;font-size:14px;margin:0 5px}
.sub-nav .nav>li>a:hover{background:0 0;color:#ff6428}
.sub-nav .nav>li.active>a{border:none;color:#fff;background:#f90}
.sub-nav .nav>li.active>a:hover{color:#fff!important}
.sort-nav{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:11;box-shadow:-10px 0 20px 10px #fff;-webkit-box-shadow:-10px 0 20px 10px #fff}
.editor-area{position:relative}
.editor-area .cover{position:absolute;width:100%;height:52px;top:0;left:0;z-index:1000;background:rgba(255,255,255,.1)}
.editor-area .cover .con{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;text-align:center}
.gw-modal{position:fixed;width:100%;height:100%;top:0;left:0;z-index:11111;display:none;color:#666}
.gw-modal a{color:#666}
.gw-modal .modal-bg{background:rgba(0,0,0,.6);width:100%;height:100%}
.gw-modal .modal-con{width:auto;height:auto;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-80%);-webkit-transform:translate(-50%,-80%);transition:all .5s;border-radius:5px}
.gw-modal .modal-con.in{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.gw-modal .modal-con .close-modal-btn{position:absolute;right:10px;top:3px;font-size:20px;color:#bbb}
.header .user-wrap{position:relative}
.header .user-wrap a{color:#eee}
.header .user-wrap a:hover{color:#ff6428}
.header .user-wrap .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48px}
.header .user-wrap .nickname{display:inline-block}
.header .user-wrap .nickname img{width:23px;height:23px;border-radius:50%;padding:1px;border:1px solid #666;margin-bottom:1px;transition:all .3s}
.header .user-wrap:hover .nickname img{transform:scale(1.1)}
.header .user-wrap .notice{position:absolute;top:0}
.header .user-wrap .notice .fa{display:none}
.header .user-wrap .notice .num{position:absolute;border-radius:50%;top:-9px;left:10px;background:#ff6428;color:#fff;font-size:12px;margin:0;opacity:.8;display:block;min-width:16px;text-align:center;line-height:15px}
.a-upload{padding:4px 10px;height:30px;width:80px;line-height:20px;position:relative;top:10px;cursor:pointer;color:#888;background:#fafafa;border:1px solid #ddd;border-radius:4px;overflow:hidden;display:inline-block}
.a-upload input{position:absolute;font-size:100px;top:-1px;right:-1px;opacity:0;cursor:pointer;outline:0}
.preloader{margin:17.5px auto;text-align:center;white-space:nowrap;margin-bottom:0}
.card-wrap{background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:15px 20px}
.show-0{display:block}
.hide-0{display:none}
@media (max-width:768px){.hide-1{display:none!important}
.hide-2{display:none!important}
.hide-3{display:none!important}
.hidex-2{display:none!important}
.show-1{display:block!important}
.show-2{display:block!important}
.show-3{display:block!important}
.showx-2{display:block!important}
.new-up-list{margin-right:-10px}
.search-wrapper .fa-search{color:#736767}
.container{width:100%;padding:0}
.card-wrap{padding:10px 10px}
.left-content{width:100%;float:none;margin-bottom:10px}
.right-side{width:100%;float:none}
#header{position:absolute;height:55px;font-size:14px}
.logo{width:132px;z-index:5;margin-left:5px}
.hd-wrap{padding:15px 10px}
.logo a{height:39px}
.logo .wave{top:39%}
.header .container:before{content:'';display:block;position:absolute;width:100%;height:100%;z-index:1;left:0;background:#fff}
.header .main-nav{position:absolute;top:100%;width:100%;padding:0;left:0;z-index:0;height:30px;margin-left:0;margin-top:-1px}
.header .main-nav:after{position:absolute;width:100%;left:0;height:27px;top:0;background:#fff}
.header .main-nav:before{content:'';display:block;position:absolute;width:100%;height:20px;background:linear-gradient(to bottom,#333,rgba(0,0,0,0));background:-webkit-linear-gradient(to bottom,#333,rgba(0,0,0,0));background:-o-linear-gradient(to bottom,#333,rgba(0,0,0,0));background:-moz-linear-gradient(to bottom,#333,rgba(0,0,0,0));top:10px;left:0}
.header .main-nav .nav-item>a{line-height:20px}
.header .main-nav .nav-item>a>.fa{display:none}
.header .more-nav{position:absolute;top:100%;right:0;background:#fff;z-index:11;display:none}
.header .more-nav .more-btn{line-height:24px;cursor:pointer}
.header .more-nav .fa-caret-down{margin-left:-5px;margin-right:-5px}
.header .search-container{height:100%;z-index:5;float:none;position:absolute;top:0;left:135px;right:0;width:auto}
.header .search-wrapper{top:0;left:0;right:20px;width:auto;float:right;margin-top:10px;position:absolute}
.header .search-wrapper .sbt{height:30px;line-height:30px}
.header .search-wrapper .fa-search{position:relative;top:1px}
.header .right-wrap{padding-right:5px;line-height:50px}
.header .right-wrap li{margin:0 5px}
.header .right-wrap em{display:none}
.header .shadow-triangle-box{display:none!important}
.header .more-nav .shadow-triangle-box{top:46px!important;left:20px;width:120%}
.header .shadow-triangle-box a .fa{display:none}
.main section{margin-bottom:10px}
.new-up .title .theme{font-size:15px;font-weight:700}
.new-up .title .theme .fa{font-size:16px}
.rolling-tips{height:20px;top:2px}
.rolling-tips li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-up .title .theme{font-size:15px;font-weight:700}
.float-box{right:10px;bottom:80px}
.new-up .title .more{top:30%;font-size:13px}
.hot-up .title .more{float:right;font-size:13px}
.page-num.count-right .count{float:none;text-align:center}
.movie .new-up .title .theme{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main .hot-up{margin-top:5px}
.main .new-up .new-up-list .item .item-con{padding:0;height:100%!important;position:static;transform:translateX(0);left:0;box-sizing:border-box}
.new-up .new-up-list .item:hover .item-con{box-shadow:none}
.new-up .item .info-layer{position:absolute;background:rgba(0,0,0,.6);padding:0 5px;top:inherit;bottom:23px;height:0;overflow:hidden;box-sizing:border-box}
.new-up-list .item:hover .info-layer{height:211px;top:inherit;padding-top:45px}
.new-up .item .info-layer>p{color:#eee}
.new-up .new-up-list .item .subject{position:relative;z-index:1111;padding-top:2px}
.new-up .new-up-list .item img{transform:scale(1)}
.new-up .item .hot{z-index:200}
.main .new-up .new-up-list .item{width:23.7%;height:auto!important;margin-right:1.2%;margin-bottom:15px}
.main .ys-recommend .new-up .new-up-list .item{width:23.7%}
.new-up-list .state{top:0;right:0}
.new-up .info-layer>p{line-height:20px}
.new-up-list.img-auto-height-list .item img{transform:translateY(-50%)!important}
.hot-up .item:hover{background:#fff}
}
@media (max-width:650px){.hide-2{display:none!important}
.hide-3{display:none!important}
.hidex-3{display:none!important}
.show-2{display:block!important}
.show-3{display:block!important}
.showx-2{display:none!important}
.showx-3{display:block!important}
.main .new-up .new-up-list .item{width:31.7%;margin-right:1.5%}
.new-special .list .item .img{height:130px!important}
.main .ys-recommend .new-up .new-up-list .item{width:31.6%}
.index .main .new-up .new-up-list .item:nth-child(10){display:none}
.main .new-up .new-up-list .item .thumb{height:250px}
.new-up .info-layer>p{line-height:20px}
.new-up-list .item:hover .info-layer{height:250px;padding-top:45px}
}
@media (max-width:560px){.main .new-up .new-up-list .item .thumb{height:220px}
.new-up .info-layer>p{line-height:18px}
.new-up-list .item:hover .info-layer{height:220px;padding-top:45px}
}
@media (max-width:480px){.main .new-up .new-up-list .item .thumb{height:190px}
.new-up-list .item:hover .info-layer{height:190px;padding-top:35px}
.main .new-up .new-up-list .item{margin-bottom:10px}
.new-up .subject{overflow:visible}
.new-up .subject a{overflow:visible;max-width:100%;float:none;display:block}
.new-up .subject a b{float:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.new-up .item .hot{width:100%;text-align:right;border-radius:0}
.new-up .update{position:absolute;top:-20px;left:0;color:#eee;padding:4px 5px;overflow:visible;display:block;border-top-right-radius:18px;box-sizing:content-box}
.new-up .new-up-list .state{line-height:18px}
.new-up .new-up-list .state em{padding:0 5px}
.new-up .info-layer>p{line-height:18px}
}
@media (max-width:440px){.main .new-up .new-up-list .item .thumb{height:175px}
.new-up .new-up-list .state em{padding:0 3px}
.new-up-list .item:hover .info-layer{height:175px;padding-top:35px;bottom:20px}
.new-up .subject{height:20px}
.new-up .info-layer>p{line-height:17px}
}
@media (max-width:414px){.main .new-up .new-up-list .item .thumb{height:165px}
.new-up-list .item:hover .info-layer{height:165px;padding-top:35px}
.main .new-up .new-up-list .item{margin-bottom:5px}
.new-up .subject a{font-size:12px}
.new-up .new-up-list .state em{padding:0 1px}
.new-up .info-layer>p label{display:none}
.new-up .info-layer>p{line-height:18px}
}
@media (max-width:375px){.main .new-up .new-up-list .item .thumb{height:150px}
.new-up-list .item:hover .info-layer{height:150px;padding-top:30px}
.new-up .info-layer>p{line-height:18px}
}
@media (max-width:350px){.main .new-up .new-up-list .item .thumb{height:140px}
.new-up .item:hover .info-layer{height:140px;padding-top:28px}
.new-up .info-layer>p{line-height:17px}
}
@media (max-width:320px){.main .new-up .new-up-list .item .thumb{height:130px}
.new-up .item:hover .info-layer{height:130px;padding-top:24px}
.header .right-wrap li{margin:0 4px}
}
@media (max-width:995px){.friend-link .item{width:25%!important}
.footer .container{padding:20px 8px}
.page-num .page_link{padding:3px 10px}
.layout-box{margin-top:0;padding:20px 5px 5px 5px}
.layout-xs{display:none!important}
.layout-box .col-sm-12{padding:0}
}
@media only screen and (min-width:992px) and (max-width:1200px){.layout-xx{display:none!important}
}