body{ color: #333}

[class^="ico-"]{ display:inline-block; overflow:hidden; vertical-align:middle; background:url(http://ue2.17173cdn.com/a/seo/index/2016/m/img/s1.png) no-repeat; vertical-align: middle;}
.ico-rank{ width:12px; height: 15px; background-size:200%; margin-right: 0.125rem}
.ico-star{ width:12px; height: 12px; background-size:200%; background-position:0 -15px}
.ico-play{width:15px;height: 15px;background: url(http://ue1.17173cdn.com/a/seo/index/2016/m/img/ico-play.png) no-repeat;background-size: 100%; position: absolute;bottom: 3.4%;left: 3.4%; z-index: 5}

a{color: #333;}
.c-tx1{ color: #888}
.c-tx2{ color: #ff5c00; font-style: normal;}
.c-tx3{ color: #666}
.c-tx4{ color: #ff5c00}
.c-tx5{ color: #999}

.art-item{position:relative;overflow:hidden;display:block;}

.mask{overflow:hidden;position:absolute;z-index:1;width: 100%; height: 100%; bottom: 0;left: 0; background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.9));}

.ft{ margin-top:1rem; }
.pagination{ overflow: hidden; margin-left: -0.5rem; margin-right: -0.5rem}
.pagination .item{ float: left; width: 50%;}
.btn-page{ display: block; margin: 0 0.5rem; background: #ececec; color: #555; text-align: center; font-size: 0.875rem; line-height: 2.86;}

.comm-list{margin-top:-.5rem;}
.comm-list .art-item .c1{overflow: hidden;white-space:nowrap;text-overflow: ellipsis;width: 100%; padding-right:2.3rem; box-sizing:border-box;line-height: 2;}
.comm-list .art-item .c2{position:absolute;right:0; top:0;font-size:.75rem;line-height:2.66; }

.comm-list2{ overflow: hidden;}
.comm-list2 li{ font-size: 0.875rem; float: left; width: 50%; line-height: 1.6; padding: 0.25rem 0;}
.comm-list2 li:last-child{ width: 100%}

.comm-list3{ margin-top: -0.25rem}
.comm-list3 li{ border-bottom: 1px solid #ececec; padding: 0.375rem 0; line-height: 1.5}
.comm-list3 .tit a{ font-size: 0.9375rem}
.comm-list3 .txt{ font-size:0.75rem; margin-top: 0.125rem}
.comm-list3 .info{ overflow: hidden; font-size: 0.6875rem; margin-top: 0.5rem}
.comm-list3 .office{ float: left;}
.comm-list3 .time{ float: right;}

.comm-pic{overflow:hidden;}
.comm-pic li{-webkit-box-sizing:border-box;box-sizing:border-box;float: left;}
.comm-pic li .art-item{font-size: .875rem;}
.comm-pic li .art-item .img-box{display:inline-block;position: relative;}
.comm-pic li .txt-box{margin-top:.3rem;}
.comm-pic .mask{ height: 35%}

.comm-pic-ex2{margin: 0 -.4rem;}
.comm-pic-ex2 li{padding:0 .4rem .5rem;width: 50%}
.comm-pic-ex2 li .txt-box{font-size:.75rem;margin-top:.5em; height:3em; overflow: hidden; line-height: 1.5 }

.list-link{ font-size: 0; margin-left: -0.5rem; margin-right: -0.5rem}
.list-link a{ display: inline-block; font-size: 0.875rem; white-space: nowrap; margin:0 0.5rem}

[class^="comm-mod"]{padding:1rem .625rem 0;}

.comm-mod .mod-hd{border-bottom-style: solid;border-bottom-width: 1px; border-bottom-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.45;margin-bottom: -1px; border-bottom-color: #dba603;color: #dba603;}
.comm-mod .mod-bd{padding-top: 1rem;} 

.comm-mod2 .mod-hd .tit{ font-size: 1.25rem; line-height: 1.45;}
.comm-mod2 .mod-bd{ padding-top: 0.5rem}

.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;}
.swiper-nav [class*="active"]{width:20px;}
.swiper-nav span{background: #ccc;}
.swiper-nav [class*="active"] {background:#fdcd00;}

.nav-box{ line-height: 2.5rem; color: #888; padding-left:5.8rem; font-size: .875rem; position: relative;}
.nav-tit{ position: absolute; left: 0.625rem; top: 0; background: #fff}
.nav{position: relative;z-index:450;width: 100%; overflow:hidden; background: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nav::after{content:' '; display: inline-block; width: 3rem; height: 100%; background-color: #fff; position: absolute; right:0; top:0; z-index: 10; background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1)); background: linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));}
.nav-slide a{display:block; width: auto; margin-right: 0.625rem}
.nav .swiper-slide{-webkit-flex: 0 0 auto; flex:0 0 auto;}
.nav .swiper-slide:last-child{margin-right:1.5rem;}

.wrap-line{ background: #eeeeee; height: 0.625rem; width: 100%}

.topnews{ text-align: center; position: relative; line-height: 1.5; padding-top: 2.4rem}
.topnews .title{ color: #fff; font-size: 0.75rem; line-height:1.58; width: 2.75rem; height: 1.625rem; text-align: center; position: absolute; left: 1.875rem; top: -4px; background:url(http://ue3.17173cdn.com/a/seo/index/2016/m/img/bg1.png) no-repeat; background-size:cover }
.topnews .title:before{ content: ''; display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-top:2px dashed transparent; border-left:2px dashed transparent;  border-right-style:solid; border-right-width:2px; border-bottom-style:solid; border-bottom-width:2px; color: #b54100; left: -4px; top:0;}
.topnews .tit a{ font-size:1.125rem; }
.topnews .link a{ font-size: 0.875rem; margin: 0 0.25rem}

.keyword-box{ position: relative; /*height: 9rem;*/ overflow:hidden; /*margin:0 0.5rem 1rem;*/}
.keyword-box [class^="keyword"]{ /*position: absolute;*/float: left; padding: 0 0.375em; line-height: 1.5625; font-size: 1rem}
.keyword-c1{ color: #37af73; background: #e8f7ee}
.keyword-c2{ color: #888; background: #f2f2f2}
.keyword-c3{ color: #007ef4; background: #e8f4ff}
.keyword-c4{ color: #000; background: #f2f2f2}
.keyword-c5{ color: #ff5c00; background: #fcf1ed}
.keyword-box .fs-s1{ font-size: 0.75rem}
.keyword-box .fs-s3{ font-size: 0.875rem}
.keyword-box .fs-s2{ font-size: 1.25rem}
.keyword-box .fs-s4{ font-size: 1.125rem}

.keyword-box .keyword1{ left: 5.96%; top:1.37%;}
.keyword-box .keyword2{ right: 14.38%; top:0;}
.keyword-box .keyword3{ left: 0; top:34.7%;}
.keyword-box .keyword4{ left: 29.8%; top:26%;}
.keyword-box .keyword5{ right: 0; top:20.8%;}
.keyword-box .keyword6{ left: 5.96%; top:57.9%;}
.keyword-box .keyword7{ right: 9%; top:55.5%;}
.keyword-box .keyword8{ left: 15.4%; top:82.6%;}
.keyword-box .keyword9{ right: 22.8%; top:85%;}

.keyword-box2 .keyword1{ left: 7.4%; top:0.94%;}
.keyword-box2 .keyword2{ right: 14.48%; top:0;}
.keyword-box2 .keyword3{ left: 0.69%; top:18.8%;}
.keyword-box2 .keyword4{ left: 31%; top:14.8%;}
.keyword-box2 .keyword5{ right: 0; top:12.2%;}
.keyword-box2 .keyword6{ left: 7.6%; top:31.6%;}
.keyword-box2 .keyword7{ right: 7.2%; top:31.2%;}
.keyword-box2 .keyword8{ left: 0; top:46.2%;}
.keyword-box2 .keyword9{ right: auto; left: 31%; top:45.1%;}
.keyword-box2 .keyword10{ right: 7.2%; top:45.9%;}
.keyword-box2 .keyword11{ left:0.69%; top:64.7%;}
.keyword-box2 .keyword12{ left:31%; top:59.6%;}
.keyword-box2 .keyword13{ right:0; top:57.5%;}
.keyword-box2 .keyword14{ left:7.6%; top:77.4%;}
.keyword-box2 .keyword15{ right:7.4%; top:76.6%;}
.keyword-box2 .keyword16{ left:16.6%; top:91.7%;}
.keyword-box2 .keyword17{ right:22.6%; top:91.4%;}

.mod-game{ padding:1rem 0}
.mod-game .game-box{ position: relative;}
.mod-game .game-box img{ width: 100%}
.mod-game .game-tit{ position: absolute; left: 0; width: 100%; bottom: 0; background:rgba(0,0,0,.5); text-align: center; color: #fff; line-height:1.875; overflow: hidden; text-oveflow:ellipsis;}
.mod-game .game-tip{ position: absolute; top:0; right:0.625rem; background: #00a383; color: #fff; text-align: center; padding: 0.5rem 0.625rem 0; line-height: 1.3}
.mod-game .game-tip .txt{ font-size: 0.625rem;}
.mod-game .game-tip .link{ font-size: 1.25rem; font-weight: bold; color: #fff}
.mod-game .game-info{ padding: 0.5rem 0.625rem 0}

.btn-gotop{display:none;position:fixed;bottom:13%;right: .4rem;width:2.5em;height:2.5em;background:rgba(85,85,85,0.6);border-radius:100%; overflow:hidden;text-align:center;}
.btn-gotop::after { content: ""; display: inline-block; position:absolute; left: 50%; top:50%; margin-top: -0.2em; margin-left: -0.5em; width:.8em;height:.8em;border-left:0.1em solid #dbdbdb;border-bottom:0.1em solid #dbdbdb;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform: rotate(135deg);}

.footer{ background: #464646; text-align: center; padding: 0.375rem 0; margin-top: 1rem}
.footer-c1{ font-size: 0; }
.footer-c1 a{ color: #fff; font-size: 0.875rem; display: inline-block; padding: 0 0.875rem; position: relative; line-height: 2}
.footer-c1 a:before{ content: ''; position: absolute; display: block; border-left:1px solid #666666; left: 0; height: 50%; top:25%;}
.footer-c1 a:first-child:before{ display: none;}
.footer-c2{ font-size: 0.625rem; color: #666}

.seo-detail .gb-topbar-crumb {white-space: nowrap;}
.seo-detail .gb-topbar-crumb-item{overflow: hidden;}
.seo-detail .gb-topbar-crumb-item:nth-child(3) {white-space: nowrap; width: 50%; text-overflow: ellipsis;}