/*@media only screen and (max-width: 359px){html{font-size:16px}}
@media only screen and (min-width: 360px){html{font-size:18px}}*/

body{color: #666; background-color:#e6f2fe;}
a{color: #666;}

@font-face{ font-family:'ico-font'; src:url(data:application/octet-stream;base64,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) format("truetype");}
[class*="ico-font"]::after{display: inline-block; font-family: 'ico-font';vertical-align: middle;}
[class*="-arrow"]::after{content: '\f101';display: inline-block;font-family:'ico-font';display: block;}
.btn-gotop-arrow{position: fixed;bottom:25%; right: .8rem;width: 2em; height: 2em;border-radius: 50%;background: rgba(0,0,0,.6);line-height: 2;text-align: center;color: #fff; z-index: 610;font-size: 1.25rem; display: none;}
.btn-gotop-arrow::after{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.ico-font-comment::after{ content:'\f102'; margin-left: .2em; font-size: .875rem; line-height: 1;}
.ico-font-search::after{ content:'\f103';}
.ico-font-map::after{ content:'\f104';}

.btn-toggle-arrow{float:right;border-radius: 50%; border:1px solid #ddd;width: 1.57em; height: 1.57em;text-align: center;line-height: 1.7; font-size: .875rem;overflow: hidden;color: #ddd;}
.btn-toggle-arrow.hide{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

[class^="ico-"]{display: inline-block;vertical-align: middle;background:url(http://ue.17173cdn.com/a/h5/index/2015/m/img/sprite.png) no-repeat; background-size:100%;}
[class^="ico-tit"]{ background-size: 200%; width: 20px; height: 20px; margin:0 .3125rem 4px 0;}
.ico-tit{ background-position: 0 0;}
.ico-tit1{ background-position: 0 -25px;}
.ico-tit2{ background-position: 0 -50px;}
.ico-tit3{ background-position: 0 -100px;}
.ico-tit4{ background-position: 0 -125px;}
.ico-lift{background-size: 800%; width: 5px; height: 8px; background-position: 0 -75px; margin:0 1px 2px 0;}

[class^="tag-"]{ color:#fff; font-size: .75rem; width: 2.5em; text-align: center; position: absolute; top:0; right:.625rem; font-style: normal; padding:2px 0 0;}
[class^="tag-"]::after{content:""; display: inline-block; border:1.25em dashed transparent; border-top-width:.5em;  border-bottom-width:.5em; border-top-style: solid; border-top-color:red; position: absolute; left:0; bottom:-1em;}
.tag-recomm{ background-color: #4799f4}
.tag-recomm::after{ border-top-color:#4799f4;}
.tag-hot{ background-color: #ff5858}
.tag-hot::after{ border-top-color:#ff5858;}

.bt-play{ display: block; width: 5.5em; color:#7dc627; border:1px solid #7dc627; font-size: .8125rem; line-height: 2.23; background: #fff; border-radius: .9375rem; text-align: center;}

.bt-more{ float: right; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; margin:.15rem -.5rem 0 0;}
.bt-more::after, .bt-flex::after {content:""; display: inline-block;
position:relative;
width:.625em;
height:.625em;
border-top:0.1em solid #aaa;
border-right:0.1em solid #aaa;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}

.bt-flex{ display: none; text-align: center; line-height: 2; color:#999; font-size: .875rem;}
.bt-flex::after{ vertical-align: middle; margin:-.5rem 0 0 .5rem;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)
}
.bt-flex-ex::after{ margin-top:.2rem;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}

[class^="mod-"]{padding:1rem .8rem 0;}
[class^="sign-"]{display:inline-block;padding: 0 .3em;font-size:.75rem;line-height:1.3;vertical-align: middle;color: #fff; border-radius: 3px;margin: 0 .2em .2em 0;}
.sign-hot{background:#f35858}
.sign-zt{background:#00a0e9}
.sign-pc{background:#61ba3a}

.hd::before, .comm-plist::before{content: "";display:table;}
.hd::after, .comm-plist::after{content:"";display:table;clear: both;}

.comm-pn{ background: #fdfeff; margin-top:.625rem; width: 100%; overflow: hidden; }
.comm-pn>.hd{border-bottom: 1px solid #e4e4e4; padding:0 .625rem; line-height: 2.5;}
.comm-pn>.hd .tit{float:left; color:#4799f4;}
.comm-pn>.bd{ padding:.5625rem .625rem 0;} 

.comm-pn-ex{ background: none; margin:0;}

.comm-plist{margin:0 -.875rem;}
.comm-plist li{ float: left; -webkit-box-sizing:border-box;  box-sizing:border-box; width: 25%; padding:0 .5rem .5625rem;}
.comm-plist a{ display: block; text-align: center; max-width: 108px; margin:0 auto;}
.comm-plist .c1{ position: relative; padding:0 .375rem;}
.comm-plist .c1 img{ border-radius: .9375rem;}
.comm-plist .c2{ font-size: 0.75rem; line-height: 1.9; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

.comm-plist-ex{margin:0 -.3125rem;}
.comm-plist-ex li{width: 50%; padding:0 .3125rem .5625rem;}
.comm-plist-ex li a{max-width: 290px;}
.comm-plist-ex .c1{ padding:0 0 1px; border-bottom:1px solid #d7d7d7; border-radius: 0 0 .32rem .32rem; position: relative;}
.comm-plist-ex .c1 img{ border-radius: .3125rem;}
.comm-plist-ex .c1::after, .comm-plist-ex .c1::before{content:""; display: block; width: 100%; height: 100%;border-bottom:1px solid #d7d7d7;position: absolute; left:0; top:0;}
.comm-plist-ex .c1::after{ padding-bottom:2px; border-radius: 0 0 .42rem .42rem;}
.comm-plist-ex .c1::before{ padding-bottom:4px; border-radius: 0 0 .52rem .52rem;}
.comm-plist-ex .c2{ margin-top:4px;}

.comm-ptlist{}
.comm-ptlist li{ margin-bottom:.3125rem; position: relative;}
.comm-ptlist .con{ display: block; padding:.625rem; background: #fff; border-radius: .3125rem;display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;}
.comm-ptlist .c1{ width: 18.7%; max-width: 108px; margin-right:.625rem;}
.comm-ptlist .c1 img{ border-radius: .9375rem}
.comm-ptlist .c2{ width: 42%;}
.comm-ptlist .c2 .tit{ color:#333; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.comm-ptlist .c2 .info{ font-size: 0}
.comm-ptlist .c2 .info span{ color:#999; font-size: .75rem; margin:0 .5rem; position:relative;}
.comm-ptlist .c2 .info span::after{content:""; display: inline-block; width: 1px; height: .75rem; background: #999; position: absolute; left:-.5rem; top:50%;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.comm-ptlist .c2 .info span:first-child{ margin-left:0;}
.comm-ptlist .c2 .info span:first-child::after{ display: none;}
.comm-ptlist .c3{ width:1.25rem; text-align: center; margin-right:.5rem; margin-top:-.5rem;}
.comm-ptlist .c3 .num{ color:#333; font-size:1.125rem; display: block;}
.comm-ptlist .bt-play{ position: absolute; top:50%; right:.625rem;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}

.box-lift{background: #b7bdce; font-size: .625rem; color:#fff; line-height: 1.25; overflow: hidden;}
.box-lift-up{ background: #ff0000}
.box-lift-up .ico-lift{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); vertical-align: bottom;}
.box-lift-down{ background: #fdcd00}

.comm-tab{border-radius: .625rem; text-align: center; margin-bottom:.5625rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
.comm-tab li{-webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.comm-tab a{ display: block; color:#4799f4; border:1px solid #4799f4; border-right:none; line-height: 1.866}
.comm-tab li:first-child a{ border-radius:.3125rem 0 0 .3125rem;}
.comm-tab li:last-child a{ border-radius:0 .3125rem .3125rem 0; border-right:1px solid #4799f4;}
.comm-tab .current a{ background: #4799f4; color:#fff;}

.swiper-container{ overflow: hidden; position: relative;}
.swiper-wrapper{    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    display:-webkit-box;display:-webkit-flex; display: flex;position: relative;width: 100%; height: 100%}
.swiper-slide{ -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-flex-shrink: 0;  flex-shrink: 0;-webkit-flex: 1 0 100%; flex: 1 0 100%;position: relative;}
.swiper-button-disabled{display: none;}
.tab-ex .swiper-slide{-webkit-flex: 0 0 auto; flex:0 0 auto;}

.swiper-nav{width: 100%;text-align: center;line-height: 1}
.swiper-nav span{display:inline-block;width: 6px;height: 6px;margin: 0 3px;border-radius: 50%; background:#ccc;}
.swiper-nav [class*="active"]{background: #fdcd00; width:20px;border-radius: 10px; }

.nav{ position: relative;z-index:450;width: 100%;}
.nav-main{position: relative;z-index:450;width: 100%; overflow:hidden;background-color:#4799f4;
 display:-webkit-box;display:-webkit-flex; display: flex;}
.nav-main .item{-webkit-flex: 0 0 auto; flex:0 0 auto; width: 20%; text-align: center;}
.nav-main .item a{ border-bottom: .125rem solid #4799f4; padding-top:.125rem; color:#fff; display: inline-block; line-height: 2.1875}
.page-index .nav-main .item:nth-child(1) a,
.page-hot .nav-main .item:nth-child(2) a,
.page-newest .nav-main .item:nth-child(3) a,
.page-cate .nav-main .item:nth-child(4) a,
.page-rank .nav-main .item:nth-child(5) a{ border-bottom-color:#fff;}

.focus{ background-color: #000;}
.focus a{ position: relative; display: block;}
.focus img{ display: block; width: 100%; max-width: 640px; margin:0 auto;}
.focus .txt{ overflow: hidden; position: absolute; left:0; bottom:0; width:100%; padding:1rem 5rem 0 .8rem; color:#fff; line-height: 2.6; white-space: nowrap; text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box; font-size: .875rem; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8)); background: (top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8));}

.focus [class^="btn-"]{position: absolute;top:50%;width: 2em;height: 1em;line-height: 1;margin-top:-2rem;color:#fff;font-size: 1.5rem;font-weight: bold;opacity: .5;background-color: #000;text-align: center;}
.focus .btn-prev-arrow{left: -.6em;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.focus .btn-next-arrow{right: -.6em;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

.focus-ex .swiper-nav{ position: absolute; z-index:99; bottom:.85em; right:.7rem;width: auto;}
.focus-ex .swiper-nav span{ float: left; overflow: hidden; width:4px; height:4px; margin:1px 3px; background-color: #999; border-radius: 50%;}
.focus-ex .swiper-nav [class*="active"]{ margin:0 2px; padding:1px; border-color:#4799f4; background-color: #4799f4;}

.pn-newest>.hd .tit{ color:#7dc627;}

.pn-quality>.hd .tit{ color:#4799f4;}

.pn-zt-hot>.hd .tit{ color:#ff5858;}

.pn-final-intro{ font-size: .875rem; padding-bottom:.5625rem;}
.pn-final-intro .bd{ overflow: hidden; padding-top:0; margin-top:.5625rem;}
.pn-final-intro .bd p{margin-bottom:1em;}
.pn-final-intro .bd p:last-child{ margin-bottom:0;}
.pn-final-intro .bd p .tit{ color:#333; font-weight: bold;}
.pn-final-intro .bd b{display:block;}
.pn-final-intro .ft{ margin-top:.5rem;}

.pn-comment{margin-top: .625rem; background: #fff;}
.number-arrows-b::after{display: none;}

.issue-fix{position:fixed;bottom: 0; left: 0; width: 100%; background: rgba(51,51,51,.78);z-index: 602;padding:.5rem .8rem;}
.issue-fix-in{position:relative;height: 2.125rem; overflow: hidden; background: #fff}
.issue-fix .issue-text{border:0;outline:none;background: #fff;width: 78.5%;padding:.3125rem 20% .3125rem 1.5%; color: #333;font-size: 1rem; line-height: 1.5;border-radius:0;} 
.issue-fix .issue-btn{background:#fdcd00; color:#000; position: absolute; right: 0; top: 0; width: 20%;height: 100%;border:0;border-radius: 0;}

.footer{background:#464646;color: #666;padding:.5rem 0;text-align: center;}
.footer-c1{ font-size: .875rem;}
.footer-c1 a{position:relative;padding:0 1em;line-height:2.2;color:#999;display: inline-block;}
.footer-c1 a::before{content:"";position:absolute;left:0; top: .6rem;width: 1px;height:1rem;background: #555;}
.footer-c1 a:first-child::before{display: none;}
.footer-c2{padding-top: .5rem;font-size: .75rem}
.footer-logo-17173{ display: block; width: 4.375rem; margin:0 auto;}

@media only screen and (min-width: 360px){
[class^="tag-"]{ font-size: 0.7777rem;}
[class^="ico-tit"]{ margin-bottom:5px;}
.comm-pn>.hd{ padding-top:2px;}
.ico-lift{ margin-bottom:1px;}
.box-lift-up .ico-lift{ margin-bottom:3px;}
}

.pn-final-intro .mod-info{ display:none;}