[class^="ico-"]{ display:inline-block; overflow:hidden; vertical-align:middle; background:url(http://ue3.17173cdn.com/a/lol/zt/2015/banben/m/img/b1.png) no-repeat}
.ico-t{ background-size:200%; width: 30px; height:24px; margin: 0.125em 0 0.4375em -4px}
.ico-good{ background-size:200%; width:30px; height: 28px; background-position:0 -30px}
.ico-normal{ background-size:200%; width:30px; height: 28px; background-position:0 -70px}
.ico-bad{ background-size:200%; width:30px; height: 28px; background-position:0 -105px}
.ico-comment{ background-size:400%; width:15px; height: 15px; background-position:0 -140px; margin: 0.3125em 1em 0.5625em 0}

.strong{ font-weight: bold;}
.c-tx1{ color: #ff0000}
.c-tx2{ color: #06a42c}
.c-tx3{ color: #e66e03}

.mask{ overflow: hidden; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5;}

.top-box{ background-repeat:no-repeat; background-position:top center; background-size:cover; position: relative; height: 10rem; overflow: hidden;}
.top-box .pic-box{ display: none;}
.top-box .tip{ position: absolute; width:100%; left: 0; top: 0; z-index: 10; text-align: center;}
.top-box .tip img{ width: 12.75rem}
.top-box .tit-box{ position: absolute; left: 0; width: 100%; bottom:20%; text-align: center; z-index: 12;}
.top-box .tit{ font-size:2.5rem; color: #fff600; line-height: 1; margin-bottom: 0.25rem; overflow: hidden}
.top-box .txt{ color: #01dcab; font-size: 1rem;}

.comm-mod .mod-hd{ border-bottom:1px solid #dddddd; line-height: 2}
.comm-mod .mod-hd .tit{ color: #405683; font-size: 1.125rem;}
.comm-mod .mod-bd{ padding: 1rem 0 1.5rem 0}

.pn{ padding: 0 0.625rem;}

.pn-article .info{ color: #202128; font-size: 0.9375rem; line-height: 1.66; padding-bottom: 0.5rem}
.pn-article .info-p1{ padding-bottom: 1.5rem}
.pn-article .img-box{ display: table; width: 100%; padding: 0.25em 0}
.pn-article .img-box .pic-box{ display: table-cell; width: 2.8125rem;}
.pn-article .img-box .pic-box img{ width: 100%}
.pn-article .img-box .tit{ display: table-cell; vertical-align: bottom; line-height: 1; padding-left: 1rem}
.pn-article .img-box-s .pic-box{ width: 1.875rem; }
.pn-article .img-box-s .tit{ padding-left:0.5rem; }
.pn-article .img-group{ overflow: hidden; padding: 0.25em 0}
.pn-article .img-group .pic-box{ width: 1.5625rem; float: left;}
.pn-article .img-group .pic-box img{ width: 100%}
.pn-article .img-group .txt{ float:left; line-height: 1; margin-top: 0.625em}
.pn-article .img-box-l img{ width: 100%; }
.pn-article .video-box{ font-size: 0; padding: 0.25em 0}
.pn-article .video-box iframe{ width: 100%; height: auto;}

.mod-overview .mod-hd{ padding-top: 0.5625rem}
.mod-overview .info{ color: #333}

.pn-vote{ padding-top: 0.75rem; padding-bottom: 0.5rem; background: #2e3b55}
.pn-vote .title{ text-align: center; color:#fff600; font-size: 1.25rem; padding-bottom: 0.625rem}
.pn-vote .vote-box{ overflow: hidden;}
.pn-vote .vote-box .item{ float: left; width:30%; margin-left: 5%; text-align: center;}
.pn-vote .vote-box .item:first-child{ margin: 0}
.pn-vote .vote-box .num{ color:#fff; font-size: 0.9375rem}
.pn-vote .vote-box .btn-vote{ background:#ffffff; border-radius: 0.5rem; padding-top:0.625rem; padding-bottom: 0.25rem}
.pn-vote .vote-box .tit{ color: #333333; font-size: 0.8125rem}

.pn-share{ padding-bottom: 2.1875rem}
.pn-share .pn-in{ width: 16.875rem; margin: 0 auto;}
.pn-share .link-app{ color:#fff; font-size: 1rem; background: #00b38b; line-height:2.1875; text-align: center; display: block; border-radius:0.2rem}
.mod-share{text-align:center; padding:1.5625rem 0}
.mod-share .share-box{display:inline-block}
.mod-share .gb-share-btn{margin:0 0 0 3.9375rem;border-radius:50%;color:#fff}
.mod-share .gb-share-btn:first-child{ margin: 0}
.mod-share .gb-share-btn-weixin{background:#91d460}
.mod-share .gb-share-btn-tsina{background:#f2543f}
.mod-share .gb-share-btn-qzone{background:#f79532}
.mod-share .gb-share-btn-tqq{background:#73c5f1}
.mod-share .gb-share-ico-font{font-size:2rem;width:1.5em;line-height:1.5}
.mod-share .gb-share-btn-tit{display:none}

.link-comment-box{ text-align: center; padding: 1rem 0}
.link-comment-box a{ color: #363636; font-size: 1rem; display: inline-block; line-height: 2}


/*the iPhone 4*/
@media only screen and (min-device-width: 320px) and (max-device-height: 480px){

} 

/*iPhone 5 and iPhone 5s*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

} 


/*iPhone 6 and iPhone 6+*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {

}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {

}