@font-face{ font-family:'ico-font'; src:url(data:application/octet-stream;base64,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) format("truetype");}

[class*="ico"]{ display: inline-block;}
.ico-play{width:23px;height: 23px;background: url(//ue1.17173cdn.com/a/cr/index/2016v2/m/img/ico-play.png) no-repeat;background-size: 100%; position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px;}

[class*="ico-font"]::after{display: inline-block; font-family: 'ico-font';vertical-align: middle;}
.ico-font-comment::after{ content:'\f102'; margin-left: .2em; font-size: .875rem; line-height: 1;}

/* sign */
[class^="sign-"]{color:#fff; font-size: 0.75rem; line-height: 1.3; display: inline-block; padding: 0 0.4em; border-radius:3px; margin-right: 3px}
.sign-hot{background:#f35858}
.sign-zt{background:#00a0e9}
.sign-pc{background:#61ba3a}

/* comm-mod */
.comm-mod, .comm-mod2, .comm-mod3{ padding: 1rem 0.625rem 0}
.comm-mod .mod-hd{border-bottom-style: solid;border-bottom-width: 1px; border-color: #ececec}
.comm-mod .mod-hd::before{content: "";display:table;}
.comm-mod .mod-hd::after{content:"";display:table;clear: both;}
.comm-mod .mod-hd .tit{float:left;border-bottom-width: 1px;border-bottom-style: solid;font-size:1.25rem;line-height: 1.5;margin-bottom: -1px; border-bottom-color: #3a72db; color: #3a72db;}
.comm-mod .mod-bd{padding-top: 1rem;} 
.comm-mod .btn-toggle{float:right;border-radius: 50%; border-width: 1px;border-style: solid;width: 1.5em; border-color:#dddddd; height: 1.5em;text-align: center;line-height: 1;overflow: hidden; position: relative; margin-top: 0.18em}
.comm-mod .btn-toggle::after{ content:' '; display: inline-block; width:0.5em; height:0.5em; border-left:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.comm-mod .btn-toggle.hide{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.comm-mod2 .mod-hd .tit{ font-weight: bold; font-size: .875rem; color: #333}

.comm-mod3 .mod-hd .tit, .comm-submod .sub-tit{ color: #3a72db; font-size: 1rem; line-height: 2.25}

/* focus */
.focus a{ position: relative; display: block; color: #fff}
.focus img{ display: block; width: 100%; max-width: 640px; margin:0 auto; height: 188px!important; object-fit: cover;}
.focus .txt{ overflow: hidden; position: absolute; left:0; bottom:0; width:100%; padding:1rem 5rem 0 .8rem;line-height: 2.2; 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;font-size: 1.5rem;font-weight: bold;opacity: .5;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 .swiper-nav{ position: absolute; z-index:99; bottom:.75em; right:.7rem;width: auto;}
.focus .swiper-nav span{ float: left; overflow: hidden; width:4px; height:4px; margin:1px 4px; border-radius: 0}
.focus .swiper-nav [class*="active"]{ border-radius: 0}

/* comm-scroll */
.comm-scroll{margin:0 -.375rem;}
.comm-scroll::after{content:' '; display: inline-block; width: 1.5rem; height: 100%; background-color: #fff; position: absolute; right:0; top:0; z-index: 10; 
background: -webkit-linear-gradient(left,rgba(248,248,248,0),rgba(248,248,248,.8)); 
background: linear-gradient(left,rgba(248,248,248,0),rgba(248,248,248,.8));}
.comm-scroll .swiper-slide{-webkit-flex: 1 0 50%;flex: 1 0 50%;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.comm-scroll .img-box{height:5rem;position: relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;overflow: hidden; margin-bottom:.3em;}
.comm-scroll .img-box img{position: absolute; top: 50%; left: 50%;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 100%; height:100%!important; object-fit: cover;}
.comm-scroll .art-item{position:relative;overflow:hidden;display:block; padding:.25rem .375rem;width:100%;-webkitbox-sizing:border-box;box-sizing:border-box;}
.comm-scroll li .txt-box{font-size:.75rem;line-height:1rem; max-height: 2rem; overflow: hidden; text-align: center;color:#333}

.comm-scroll-ex2{ margin: 0 -.5rem}
.comm-scroll-ex2 .img-box img{ height:100%!important; object-fit: cover;}
.comm-scroll-ex2 .swiper-slide{-webkit-flex: 1 0 33.3%;flex: 1 0 33.3%;}
.comm-scroll-ex2 .art-item{ padding:.25rem .5rem;}

.comm-scroll-ex3{ margin: 0 -.5rem}
.comm-scroll-ex3 .swiper-slide{-webkit-flex: 1 0 25%;flex: 1 0 25%;}
.comm-scroll-ex3 .img-box{height:3.75rem; width: 3.75rem; background: #f9fbff; border: 1px solid #b6c2d7; border-radius:100%; margin: 0 auto;}
.comm-scroll-ex3 .img-box img{ max-width: 50%}
.comm-scroll-ex3 .art-item{ padding:.25rem .5rem;}

.comm-scroll-ex4::after{ display: none;}
.comm-scroll-ex4 li .txt-box{height: 2rem;}
/* comm-plist */
.comm-plist{overflow: hidden;}
.comm-plist li{overflow: hidden;border-bottom-width: 1px;border-bottom-style: solid;padding: .625rem 0; border-color:#ececec;}
.comm-plist li:first-child{padding-top:0;}
.comm-plist li:last-child{border-bottom: none;}
.comm-plist .art-item{ display: block; overflow: hidden; padding: 1px}
.comm-plist .pic-box{position:relative;overflow:hidden;float:left;width:30%;max-width:160px; margin-right: .8rem;}
.comm-plist .tit{max-height: 3em;line-height: 1.5; color: #000; overflow: hidden;}
.comm-plist .text-box{overflow: hidden;}
.comm-plist .desc{overflow:hidden;font-size:.625rem; margin-top: 0.125rem}
.comm-plist .date{float: left; color: #999; }
.comm-plist .ico-font-comment{float:right; color: #666;}
.comm-plist .pic-box{height:4.375rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.comm-plist .pic-box img{position: absolute; top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); object-fit: cover;}

.list-wsn .txt-box{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

/* more-box */
.more-box{ margin-top: .5rem}
.more-box .btn-more{ display: block; height: 2.86em;line-height: 2.86;font-size:.875rem;text-align:center; background: #ececec;color:#555}

/* list-news */
.list-news li{ overflow: hidden; line-height: 2.25}
.list-news .time{ float: right; color: #888; font-size: 0.75rem; line-height: 3; margin-left: 0.25rem}
.list-news .tit{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.list-news .tit a:visited{ color: #888}
.list-news .tit a:link, .list-news .tit a, .list-news .tit a:active{ color: #333}

/* comm-list */
.comm-list{ overflow: hidden; margin: 0 -.375rem; font-size: 0}
.comm-list li{ float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.comm-list a{ display: block; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .25rem .375rem}
.comm-list .img-box{ position: relative; text-align: center;}
.comm-list .txt-box{ font-size:.75rem;line-height:1.7;text-align: center; color:#333}
.comm-list img{ max-height: 90px!important; width: 98%; object-fit: cover; margin: 0 auto}

.comm-list-ex2{ margin: 0 -.5rem}
.comm-list-ex2 li{ width: 33.3%;}
.comm-list-ex2 a{ padding: .25rem .5rem}

.comm-list-ex3 .txt-box{ background: #ececec}

.comm-list2{ margin: 0 -.5rem; font-size: 0}
.comm-list2 li{ display: inline-block; width: 33.3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.comm-list2 a{ display: block; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .25rem .5rem}
.comm-list2 .img-box{ position: relative; text-align: center;}

.list-link{ overflow: hidden; margin-left: -0.3125rem; margin-right: -0.3125rem}
.list-link li{ float: left; width: 33.3%; padding: 0.3125rem 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.list-link a{ display: block; color: #333; font-size: 0.875rem; line-height: 2.35; border:1px solid #cad5ee; text-align: center; margin: 0 0.3125rem; border-radius: 2rem}
.list-link .btn-show{ position: relative; }
.list-link .btn-show::after{ content:' ';display:inline-block; position:relative;top:-0.25em;width:.4em;height:.4em;margin-left:.4em;border-left:0.1em solid #427ae2;border-bottom:0.1em solid #427ae2;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.list-link.js-begin li:nth-child(n+6){ display: none;}
.list-link.js-begin li:last-child{ display: block;}

/* comm-tab */
.comm-tab .tab{ display: table; width: 100%; position: relative;}
.comm-tab .tab:before{ position: absolute; content: ""; right: 0; top:0; height: 100%; width: 1px; background: #ececec}
.comm-tab .tab a{ display: table-cell; color: #333; font-size: 0.875rem; border:1px solid #ececec; border-right: none; line-height: 2.43; text-align: center; padding:2px 0}
.comm-tab .tab .active{ color: #3a72db; border-top:3px solid #3a72db; border-bottom: none; padding:0 0 3px}

/* page-index */
.page-index .mod-arena .sub-tit{ line-height: 2.87}
.page-index .mod-arena .comm-list{ padding-bottom: 0.5rem}

/* page-article */
.mod-recommend .list-news{ margin-top: .5rem}