/*the global*/
body{font-family: 'Microsoft YaHei'; font-size: 12px; line-height: 1.84; color: #333333; min-width:1000px; background:#fff;}
img { vertical-align: middle; }
a{ color:#666;}
a:hover { text-decoration: underline; _direction: ltr; color:#16abea;}
.zq-wrap { background-repeat:no-repeat; background-position: center top; }
.zq-w-container { width: 1000px; margin-left: auto; margin-right: auto; }
.c-tx{ color: #333333; }
a.c-tx:hover{ color:#16abea;} 
.c-tx1, a.c-tx1:hover { color: #16abea; }
.c-tx2, a.c-tx2:hover { color: #ff3535; }
.arrow-down { display: inline-block; overflow: hidden; width: 0; height: 0; border-top-width: 5px; border-top-style: solid; border-right: 5px dashed transparent; border-bottom: 5px dashed transparent; border-left: 5px dashed transparent; }
.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; *height: 200px; background: #000; filter: alpha(opacity=50); opacity: .5; }
:root .mask { filter: none \0; }
.mask1{overflow:hidden;position:absolute;z-index:-1;width: 100%; height: 100%; top: 0;left: 0;
background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');
}
.ico { display: inline-block; overflow: hidden; vertical-align: middle; background: url(//ue.17173cdn.com/a/lib/zhuanqu/v2/img/icon.png) no-repeat; }
.ico-hot, .ico-new { position: relative; top: -8px; *top: 0; width: 14px; height: 16px; margin-left: 2px; *margin-bottom: 12px; }
.ico-hot { background-position: 0 0; }
.ico-new { background-position: -15px 0; }
.ico-play { display: inline-block; width: 45px; height: 45px; background: url(//ue.17173cdn.com/a/lib/zhuanqu/v2/img/ico-play.png) no-repeat;}
.ico-adorn, .ico-adorn1, .ico-adorn2, .ico-adorn3, .ico-book, .ico-paper, .ico-paper1, .ico-video1, .ico-phone{display: inline-block; overflow: hidden; vertical-align: middle; background: url(//ue.17173cdn.com/a/xyq/index/2015/img/sprite.png) no-repeat; }
.ico-adorn, .ico-adorn1, .ico-adorn2, .ico-adorn3{ width: 45px; height: 45px; position: absolute;}
.ico-adorn{ background-position: 0 -15px; left:0; top:0;}
.ico-adorn1{ background-position: -50px -15px; right:0; top:0;}
.ico-adorn2{ background-position: 0 -65px; left:0; bottom:0;}
.ico-adorn3{ background-position: -50px -65px; right:0; bottom:0;}
.ico-book, .ico-paper{ width: 17px; height: 23px;}
.ico-book{ background-position: -25px -120px;}
.ico-paper{ background-position: 0 -120px;}
.ico-paper1, .ico-video1{ width: 46px; height: 47px; position: absolute; left:5px; top:50%; margin:-23px 0 0 0;}
.ico-paper1{ background-position: -100px -65px;}
.ico-video1{ background-position: -100px -15px;}
.ico-phone{ width: 12px; height: 19px; background-position: -50px -120px;}
@font-face { font-family: 'ico-font'; src: url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.eot"); src: url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.eot?#iefix") format("embedded-opentype"), url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.woff") format("woff"), url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.ttf") format("truetype"), url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.svg#ico-font") format("svg"); }
@font-face { font-family: 'ico-font'; src: url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.eot"); src: url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.eot?#iefix") format("embedded-opentype"), url(data:application/font-woff;base64,d09GRk9UVE8AAARUAAsAAAAABgAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAATsAAAFOMUMv+EZGVE0AAAJEAAAAGQAAABxuypa/R0RFRgAAAmAAAAAdAAAAIAAwAARPUy8yAAACgAAAAEcAAABgT5xcOWNtYXAAAALIAAAAQQAAAU4CbQK/aGVhZAAAAwwAAAAvAAAANgCRELNoaGVhAAADPAAAAB0AAAAkA4gCA2htdHgAAANcAAAACgAAAAoEVgBibWF4cAAAA2gAAAAGAAAABgADUABuYW1lAAADcAAAANMAAAF3BsRnkHBvc3QAAAREAAAAEAAAACAAAwABeJw9zL1Kw1AYgOHvpElzaEPVYkQxJFcgdFYUVMwNqJ1EEpwKYrtUaMkZFGKgXyEkZEkggxfRQMd2dejk1C5ScPAGTiCDVvx5p3d6CIgiEEJo66a9d2ffAxGAwHG+K+RaKd8WhwpBpYSKqFdg57z+ifg/ivz2mpv5oaRBZ00DWNegu6EB1YhZB+GbobD2y/7pqxSoQokQof9S41sfao/FqcFDOY3jVOdhOY1ZzyhCuc+cnl5E/Fkt2rLje4nOO+XE9xODt+XE8x296JQdz3MMXi1O1Ma75AYYBasiDFw6318spJ8PXHx0XdpoSK77gE8BreUHXFNjhl3mMNZFFtOjudS8PQuvxxcTXE6nk8kSp5fjq/C01RwOcDAcUGugjjKc2ZmdmWhZto3myMrsGWajFRhtoopK5Qs0yn85AHicY2BgYGQAgvNxx36B6a3PH8FoAGBfCYkAAAB4nGNgZGBg4ANiCQYQYGJgBEIQyQLmMQAABGAANQAAAHicY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01hcGDQYtBmfPD/AYMe44r/21DUKAAhIwDx/wt4AHicY2BgYGaAYBkGRgYQ8ADyGMF8FgYdIM0GpBkZmIAs7f//wSq0oDRIFQsQM4FYjGwMUAOIAUzEKx1CAADQDQUtAAAAeJxjYGRgYADiMF/f6Hh+m68M3EwMIHB+6/NHcDqMwYtxI+MKIJeDASwNADirC5kAeJxjYGRgYFzBwMCgx8QAAowbGRgZUAETACcXAZAAAAACAAAAAgAAYgBWAAAAAFAAAAMAAHicdY49asNAEIU//TkEB+MqpFxCWglJ2CpcBx/BvTHCKMUuyCa3cJsuZY6RA+QIvo2f5GlSaGHYb968+QGe+CJieBEPLI1jEpxxwisfxqk838YZc36NZ9Kvckbpo5TF2DVwrMqLccI7b8apPBfjjGd+jGfS/+g4EMjx7PmE7hByvxdYPvJWDs95/HuOtLq3pqDUv1H8n3HX1sobRS1XxUpDgj9vQ39sXV2UbuNsk2idN3ldVvJMHbPTyp6T6sMhTgOH5eza/tQF76qinOy9Ad6QM5wAeJxjYGZABowMaAAAAI4ABQ==) format("woff"), url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.ttf") format("truetype"), url("//ue.17173cdn.com/a/lib/zhuanqu/v2/font/ico-font.svg#ico-font") format("svg"); }
.ico-font { font-family: 'ico-font'; font-weight: normal !important; font-style: normal !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; }
.ico-in{ display:block; background:url(//ue.17173cdn.com/a/xyq/index/2015/img/sprite-png24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='//ue.17173cdn.com/a/xyq/index/2015/img/sprite-png24.png');}
.ico-video, .ico-video .ico-in{ display:block; width:45px; height:46px; overflow:hidden;}
.ico-video .ico-in{ background-position:0 0; _padding-top:0; _margin-top:0;}
.ico-close, .ico-close .ico-in{ display:block; width:25px; height:25px; overflow:hidden;}
.ico-close .ico-in{ background-position:0 -50px; _padding-top:50px; _margin-top:-50px;}
.comm-mod, .comm-pn-hd, .comm-tab, .comm-tab1, .tab-pn-con, .gb-plist{ *zoom: 1; }
.comm-mod:before, .comm-pn-hd:before, .comm-tab:before, .comm-tab1:before, .tab-pn-con:before, .gb-plist:before{ content: ' '; display: table; }
.comm-mod:after, .comm-pn-hd:after, .comm-tab:after, .comm-tab1:after, .tab-pn-con:after, .gb-plist:after{ content: ' '; display: table; clear: both; }
.art-item { overflow: hidden; *zoom:1;}
.list-item .avatar{display: block;}
.list-item .avatar img{display: block;width: 100%;}
.list-item .avatar .mask{ z-index: 1;}
.list-item .mask{cursor: pointer;}
.list-item .cover{overflow: hidden;position: absolute; z-index: 5; cursor: pointer;}
.art-item-pt{display: block;}
.art-item-pt .txt,.art-item-pt .tit{display: block;cursor: pointer;}
.art-item-pt:hover{text-decoration: none;}
.art-item-pt:hover .tit{text-decoration: none;}
.comm-list, .rank{ *zoom: 1; }
.comm-list .list-item, .rank .list-item{ *overflow: hidden; *float: left; *width: 100%; }
.comm-list .art-item-c1, .rank .art-item-c1 { float: right; margin-left: 10px; font-size: 14px; color:#999;}
.comm-list .art-item-c2, .rank .art-item-c2 { overflow: hidden; *zoom: 1; }
.comm-list .tit, .rank .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rank .list-item{ font-size: 14px; height: 32px; line-height: 32px;}
.rank .rank-c1 { float: left; margin-right: 10px; }
.rank .rank-c1 .num { margin-top:10px; font-size: 12px; display: inline-block; overflow: hidden; width: 24px; height: 14px; line-height: 14px; color: white; text-align: center; background-color: #35b3f5; font-weight: bold;}
.rank .rank-c1 .num-top { background-color: #ff9000; }
.rank .rank-c2 { overflow: hidden; *zoom: 1; }
.comm-list .list-item {line-height: 26px; }
.comm-list .art-item{padding-left:10px; background: url(//ue.17173cdn.com/a/xyq/index/2015/img/sprite.png) no-repeat -168px -109px;}
.comm-list .sep { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #ececec; }
.comm-list .tit { font-size: 14px;}
.comm-list-ex .list-item{ line-height: 30px;}
.comm-list-ex .art-item{ padding-left:18px; background-position: -161px -55px;}
.comm-list-ex1 .tit{ padding:0; background: none;}
.gb-plist{*zoom:1;}
.gb-plist:before {content: ' '; display: table; }
.gb-plist:after{content: ' '; display: table; clear: both; }
.gb-plist img{ vertical-align: baseline;}
.gb-plist .list-item { float: left;}
.gb-plist .art-item-pt{ position: relative; *zoom:1;}
.gb-plist .txt { overflow: hidden; padding:5px 0;}
.gb-plist .tit { width: 99.5%; font-size: 14px; overflow: hidden;margin:0 auto;}
.gb-plist .txt .tit{ height:3.14em; line-height: 1.57}
.gb-plist .ico-video{ display:block; position:absolute; left:50%; margin-left:-22px; z-index:10}
.gb-plist .txt1{display: block; position: absolute; left:0; width: 100%; z-index: 10; height: 26px; line-height: 26px; overflow: hidden;}
.gb-plist .txt1 .tit{ color:#fff;text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.gb-plist .txt1 .mask{ height: 26px;}
.gb-plist .info{ display: block; position: absolute; left:0; width: 100%; z-index: 10; height: 36px; line-height: 36px; padding:30px 0 0 0;}
.gb-plist .info-c{ font-size: 14px; color:#fff; font-weight: bold; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.gb-plist .info-c2{ padding-right:10px; font-size: 14px; color:#999; float: right;}
.gb-plist .info .ico-comment-sm, .gb-plist .fav .ico-fav, .ico-yzang{ margin:0 5px 3px 0; _margin:9px 5px 8px 0;}
.gb-plist .info .mask1{ height: 66px;}
.gb-plist .fav{ display: block; position: absolute; top:0; right:0; width: 80px; height: 34px; text-align: center; line-height: 34px; background-color: #f44e4e; font-size: 16px; color:#fff;}
.gb-plist .art-item-detail{}
.gb-plist .art-item-detail p{ font-size: 14px; color:#666; padding:2px 0;}
.gb-plist .art-item-detail p a{ color:#666; margin-right:5px;}
.gb-plist .art-item-detail p a:hover{ text-decoration: underline;}
.gb-plist .art-item-pt:hover{ direction: ltr;}
.gb-plist .art-item-pt:hover .avatar .mask{filter: alpha(opacity=0); opacity: 0; }
.gb-plist .art-item-pt:hover .ico-video{ display:none;}
.comm-plist{ margin:0 -30px 0 0;}
.comm-plist .list-item { width: 180px; margin:0 25px 10px 0;}
.comm-plist .avatar .mask{ height: 120px;}
.comm-plist-ex .list-item { width: 210px; margin-right:23px;}
.comm-plist-ex .ico-video{ top:36px;}
.comm-plist-ex1 .list-item { width: 300px; margin:0 0 10px 0;}
.comm-plist-ex1 .info{ top:84px;}
.comm-plist-ex2 .list-item { width: 140px; margin:0 30px 0 0;}
.comm-plist-ex2 .txt .tit, .pn-record .comm-plist-ex1 .txt .tit{ height: 1.57em; text-align: center; white-space: nowrap; text-overflow:ellipsis;}
.comm-plist-ex3 .list-item { width: 200px;}
.comm-plist-ex4 .list-item { width: 160px;  margin:0 25px 0 0;}
.comm-plist-ex4 .txt1{ top:64px;}
.comm-plist-ex5 .list-item { width: 100px;}
.comm-plist-ex5 .avatar img{ border-radius: 50%;}
.comm-plist1{ margin:0 -10px 0 0;}
.comm-plist1 .list-item { width: 145px; margin:0 10px 0 0;}
.comm-plist1 .info{ width: 80px; padding:0; left:auto; right:0; top:8px; text-align: center; line-height: 1.3}
.comm-plist1 .info-c{ white-space: normal;}
.comm-plist1 .info-c strong{ display: block; font-size: 28px; font-weight: bold;}
.gb-ptlist{ *zoom: 1; }
.gb-ptlist .list-item{ overflow: hidden; *zoom: 1; *float: left; *width: 100%; }
.gb-ptlist .art-item-c1 { float: left; margin-right: 20px; }
.gb-ptlist .art-item-c2 { overflow: hidden; *zoom: 1; }
.gb-ptlist .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.comm-ptlist .art-item-c1 { width: 200px; padding: 4px 0; }
.comm-ptlist .art-item-c2 p{ font-size: 14px; color:#666; line-height: 1.714; padding:3px 0 3px 5em; position: relative; *zoom:1;}
.comm-ptlist .art-item-c2 p .tit{ position: absolute; left:0; top:3px;}
.comm-ptlist .art-item-c2 .more{ text-align: right; font-size: 14px;}
.comm-ptlist .art-item-c2 .first{ padding-left:7em; font-weight: bold;}
.comm-tab{ padding:1px 0 0 1px;}
.comm-tab .tab-item{ float: left; line-height: 2.428; }
.comm-tab .tab-con{ float: left; font-size: 14px; color:#fff; padding:0 1em;}
.comm-tab .tab-con:hover{ text-decoration: none;}
.comm-tab .current .tab-con{ background-color: #fff; color:#333;}
.comm-tab1{}
.comm-tab1 .tab-item{ float: left; line-height: 2.857; width: 25%;}
.comm-tab1 .tab-con{ display: block; border-left:1px solid #32c3ff; font-size: 14px; color:#fff; padding:5px 0; text-align: center; position: relative; *zoom:1; z-index: 1}
.comm-tab1 .tab-con i{ width: 0; height: 0; font-size: 0; line-height: 0; border:5px dashed transparent; border-top-style: solid; border-top-color:#13a0da; position: absolute; left:50%; bottom:-10px; margin-left:-5px; display: none;}
.comm-tab1 .tab-con:hover{ text-decoration: none; color:#fff;}
.comm-tab1 .current .tab-con{ background-color: #13a0da;}
.comm-tab1 .current .tab-con i{ display: block;}
.comm-tab1 .tab-item-ex{ line-height: 1.428}
.comm-tab1 .tab-item-first .tab-con{ border-left:0;}
.comm-tab1-ex .tab-item{ width: 20%; line-height: 2.5}
.comm-tab1-ex .tab-con{ padding:0; font-size: 16px;}
.comm-tab1-ex .current .tab-con{ background-color: #70d5ff}
.comm-tab2{ float: left; padding-top:5px;}
.comm-tab2 .tab-item{ float: left; line-height: 2.143; margin-right:10px;}
.comm-tab2 .tab-con{ float: left; font-size: 14px; color:#333; padding:0 0.5em;}
.comm-tab2 .tab-con:hover, .comm-tab2 .current .tab-con{  text-decoration: none; background-color: #35b3f5; color:#fff;}
.comm-tab3{ width: 100%;}
.comm-tab3 .tab-item{ float: left; width: 20%;}
.comm-tab3 .tab-con{ display: block; font-size: 18px; color:#999; height: 41px; line-height: 40px; padding-top:1px; border:1px solid #ebebeb; border-left:0; text-align: center;}
.comm-tab3 .tab-con:hover{ text-decoration: none;}
.comm-tab3 .current .tab-con{color:#109ae3; font-weight: bold; padding-top:0; border-top:2px solid #109ae3; border-bottom-color:#fff;}
.comm-tab3 .tab-item-first .tab-con{ border-left:1px solid #ebebeb;}
.comm-box{ background-color: #ff9000;}
.comm-box .hd{ font-size: 16px; color:#fff; font-weight: bold; line-height:1.875; border-bottom:1px solid #ffa633; text-align: center; margin:0 5px;}
.comm-box .bd{ padding:5px;}
.comm-mod{ padding:10px 0; border-bottom:1px solid #ececec;}
.comm-mod .hd{ float: left; width: 40px; background-color: #35b3f5; text-align: center; font-size: 14px; color:#fff; line-height: 1.2; margin-right:10px; padding:5px 0; margin-top:5px;}
.comm-mod .bd{ overflow: hidden; *zoom:1;}
.comm-mod-ex .hd{ width: 60px; background-color: #75b348; font-size: 16px; font-weight: bold; padding:30px 0; margin-top:10px;}
.comm-mod1{}
.comm-mod1 .hd{ text-align: center; font-size: 16px; color:#666;line-height: 3.375;}
.comm-mod1 .hd .tit{ font-weight: bold; }
.comm-pn{}
.comm-pn-hd{ border-bottom:1px solid #ececec; margin-bottom:10px;}
.comm-pn-hd .tit{ float: left; font-size: 18px; color:#333; font-weight: bold; border-bottom:1px solid #16abea; margin-bottom:-1px; line-height: 2.22; margin-right:20px;}
.comm-pn-hd .more{ float: right; font-size: 14px; line-height: 2.857}
.comm-pn-hd .more a{ color:#333;}
.comm-pn-ex .comm-pn-hd{ border-bottom: 0; margin:0;}
.comm-pn-ex .comm-pn-hd .tit{ border-bottom: 0; margin:0;}
.comm-pn1{}
.comm-pn1-hd{ background-color: #23b0eb; margin-bottom:15px;}
/*the layout*/ 
.wrapper{ background:url(//ue.17173cdn.com/a/news/zt/2014/10/img/wrapper.jpg) no-repeat center top;}
/*the header*/
.header-in { position: relative; z-index: 410; height: 387px; }
.header-c1 { position: absolute; bottom: 0; left: 0; width: 100%; }
.logo-box { position: absolute;}
.logo-box .logo { display: block; text-align: center; }
.logo-box .logo:hover { text-decoration: none; }
.logo-box .avatar{ display: block; margin-bottom:10px;}
.logo-box .game-name { display: block; font: normal 183.3%/1.5 "MicroSoft YaHei","SimHei"; }
.logo-box .game-url { display: block; font: normal 133.3%/1.5 "MicroSoft YaHei","SimHei";}
.nav-list .first .nav-con, .nav-item:first-child .nav-con { border-left: 0; }
.nav-list .current .nav-con { color: white; background-color: #109ae3; padding-top:4px; margin-top:-4px;}
.nav-item { float: left; position: relative; }
.nav-con { display: block; overflow: hidden; min-width: 4em; padding: 0 1.35em; font: normal 150%/40px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #6239c5; background-color: #6239c5; }
.nav-con:hover { color: white; text-decoration: none; background-color: #502aab; }
.nav-sub { overflow: hidden; *zoom: 1; height: 40px; padding: 0 220px 0 20px; background-color: #109ae3; color:#fff; font-family: "SimSun"}
.nav-sub .con { font: normal 100%/40px "SimSun"; color: white; }
.header-quick-start { overflow: hidden; position: relative; z-index: 2; height: 73px; padding-top: 12px; padding-right: 220px; font-family: "SimSun"}
.header-quick-start .item { float: left; padding: 0 15px; line-height: 30px; color: #9e9e9e; white-space: nowrap; }
.header-quick-start .tit { font-weight: bold; color: #6da6cf; }
.header-quick-start .con { color: #9e9e9e; }
.header-quick-start .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 85px; background-color: #071014; filter: alpha(opacity=80); opacity: 0.8; }
.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: white; }
.header-c2 .search-box .active .nav-ico-search, .header-c2 .search-con:hover .nav-ico-search { color: #fff; }
.header-c2 { position: absolute; z-index: 10; bottom: 0; right: 0; width: 220px; height: 125px; background-color: #27708b; }
.header-c2 .link-box { overflow: hidden; *zoom: 1; margin-bottom: 15px; border-bottom: 1px solid #215f76; background-color: #27708b; }
.header-c2 .link-box .con { float: left; width: 49.9%; margin-left: -1px; font: normal 150%/40px "MicroSoft YaHei"; color: white; text-align: center; border-left: 1px solid #215f76; }
.header-c2 .link-box .con:hover { color: white; text-decoration: none; background-color: #109ae3; }
.header-c2 .link-box1 { margin: 0 20px 8px; color: #fff; font-family: "SimSun"}
.header-c2 .link-box1 .con { color: #fff; }
.header-c2 .search-box { margin: 0 20px; font-family: "SimSun"}
.header-c2 .search-con { position: relative; overflow: hidden; height: 24px; padding: 0 28px 0 8px; background-color: #1f5a6f; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #c6c6c3; border: 0; background: none; }
.header-c2 .txt-search:focus { color: white; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 26px; height: 24px; text-align: center; }
.header-c2 .btn-search .btn { position: absolute; width: 24px; height: 24px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.header-c2 .nav-ico-search { display: inline-block; margin-top: 4px; margin-top: 2px\9; font-size: 24px; line-height: 24px; color: #c6c6c3; }
.header-c2 .shadow { position: absolute; left: -6px; top: 0; width: 6px; height: 125px; background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.4)); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, black); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr='#00000000',endColorStr='#55000000'); }
.box-state{ position: absolute; right:-22px; top:-25px; text-align: center; display: none;}
.box-state-c1{ height: 20px; line-height: 20px; background-color: #000; background: rgba(0,0,0,.7); padding:0 1em; color:#f3f3f3; border-radius: 2px; position: relative; margin-bottom:10px; display: inline-block; *display: inline; *zoom:1;}
.box-state-c1 i{ width: 0; height: 0; line-height: 0; font-size: 0; border:5px dashed transparent; border-top-style: solid; border-top-color:#000; border-top-color: rgba(0,0,0,.7); _border-top-color:#000; position: absolute; left:50%; top:20px; margin-left:-5px;}
.box-state-c2 i{ display: inline-block; width: 10px; height: 10px; font-size: 0; line-height: 0; border-radius: 50%; background-color: #ff2525}
.has-tip .box-state{ display: block;}
/*the content*/
.content{ margin-top:10px;}
.pn-hot{ height: 170px; border-bottom:3px solid #f7f7f7; background-color: #fff; position: relative; *zoom:1; overflow: hidden;}
.pn-hot-hd{ float: left; width:62px; text-align: center; padding-top:45px; font-size: 18px; font-weight: bold; color:#16abea; position: relative; z-index: 1; line-height: 1.3;}
.pn-hot-hd .tit{ font-weight: bold;}
.pn-hot-bd{ overflow: hidden; *zoom:1; padding-top:13px; position: relative; z-index: 1}
.pn-hot-bd .bar-date{ width: 900px; height: 9px; background: url(//ue.17173cdn.com/a/xyq/index/2015/img/bar-date.png) no-repeat 0 0; position: absolute; left:0; top:39px; z-index: -1;}
.first-screen{ margin-top:10px;}
.first-screen-c1, .pn-record .tab-pn-c1{ float: left; width: 300px; margin-right:25px; overflow: hidden;}
.first-screen-c2, .pn-record .tab-pn-c2{ float: left; width: 350px; margin-right:25px;}
.first-screen-c1{ padding-top:10px;}
.first-screen-c3{ float: right; width: 300px;}
.pn-record .tab-pn-c2{ margin:0;}
.scroll{ *zoom:1; position:relative;}
.scroll .scroll-box{ position:relative; overflow:hidden;}
.scroll .scroll-con{white-space:nowrap; font-size:0; vertical-align:top; position: relative; overflow: visible;}
.scroll .scroll-item{ display:inline-block; float:none; *display:inline; *zoom:1; width:100%; vertical-align:top; text-align:center; position:relative;}
.scroll .scroll-bt-prev, .scroll .scroll-bt-next{position: absolute;z-index:999; display:block; overflow:hidden;}
.scroll-focus{ width:300px; height:250px;}
.scroll-focus .scroll-box, .scroll-focus .scroll-item{ width:300px; height:250px; margin:0 auto;}
.scroll-focus .bt-prev, .scroll-focus .bt-next{width:40px; height:70px; background-color: #000; opacity:0.6; filter: alpha(opacity=60); line-height: 70px; top:50%; margin-top:-35px; color:#d0d0d1; font-size: 50px; font-family: "SimSun"; text-align: center;}
.scroll-focus .bt-prev{left:0;}
.scroll-focus .bt-next{ right:0;}
.scroll-focus .disabled{ display: none;}
.scroll-focus .bt-prev:hover, .scroll-focus .bt-next:hover{ opacity:8; filter: alpha(opacity=80); color:#fff; text-decoration: none;}
.scroll-focus .info{ top:184px;}
.scroll-jobs{ width:100%; height:175px; background-color: #fafafa}
.scroll-jobs .scroll-box, .scroll-jobs .scroll-item{ width:245px; height:175px; margin:0 auto;}
.scroll-jobs .bt-prev, .scroll-jobs .bt-next{width:30px; height:70px; line-height: 70px; top:37px; color:#d0d0d1; font-size: 42px; font-family: "SimSun"; text-align: center;}
.scroll-jobs .bt-prev{left:0;}
.scroll-jobs .bt-next{ right:0;}
.scroll-jobs .disabled{ display: none;}
.scroll-jobs .bt-prev:hover, .scroll-jobs .bt-next:hover{ text-decoration: none; color:#16abea;}
.scroll-jobs .scroll-item{ padding:17px 0 0 10px;}
.scroll-mater{ width:100%; height:90px; padding-top:20px; border-top:1px solid #ececec; margin-top:15px;}
.scroll-mater .scroll-box, .scroll-mater .scroll-item{ width:900px; height:90px; margin:0 auto;}
.scroll-mater .bt-prev, .scroll-mater .bt-next{width:30px; height:70px; line-height: 70px; top:50%; margin-top:-25px; color:#d0d0d1; font-size: 50px; font-family: "SimSun"; text-align: center;}
.scroll-mater .bt-prev{left:0;}
.scroll-mater .bt-next{ right:0;}
.scroll-mater .disabled{ display: none;}
.scroll-mater .bt-prev:hover, .scroll-mater .bt-next:hover{ text-decoration: none; color:#16abea;}
.fs-mod-topnews { padding-bottom: 5px; text-align: center; }
.fs-mod-topnews .tit a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: bold; }
.fs-mod-topnews .links { padding-bottom: 12px; padding-top:3px; font-size: 14px;}
.fs-mod-topnews .links a{ color:#999;}
.fs-pn-news .tab-pn-con{ position:relative; *zoom:1;}
.fs-pn-news .tab-pn-con .more{ position: absolute; right:10px; top:-50px; line-height: 35px; font-size: 14px;}
.fs-pn-news .tab-pn-con .more a{ color:#fff;}
.pn-feature{ margin-top:5px;}
.pn-feature .comm-pn1-hd, .pn-feature .comm-plist .list-item{ margin-bottom:0;}
.pn-notice{ margin-top:20px;}
.mod-notice{}
.mod-notice .tit{ text-align: center; font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-bottom:5px;}
.mod-notice p{ font-size: 14px; line-height:1.428 }
.mod-extend{}
.mod-old{ border-bottom:0;}
.mod-old .hd{ background-color: #6239c5}
.mod-jobs .comm-box{ width: 50%; float: left; height: 110px;}
.mod-jobs .comm-box .bd{ padding-left:55px; position: relative; *zoom:1;}
.mod-jobs .comm-box .bd p{font-size: 12px; color:#fff; line-height: 1.4;}
.mod-jobs .box-jobs1{ background-color: #75b348}
.mod-jobs .box-jobs1 .hd{ border-bottom-color:#91c26d;}
.pn-trade .comm-pn-bd{ width: 100%; overflow: hidden; *zoom:1;}
.pn-trade .comm-plist1, .pn-tools{ margin-top:10px;}
.mod-secur{ padding:5px 0 0 0; border-bottom:0;}
.area{ margin-top:30px;}
.area1{}
.area1 .area-c1, .area2 .area-c1{ float: left; width:675px; }
.area1 .area-c2, .area2 .area-c2{ float: right; width:300px; }
.area4{}
.area4 .area-c1, .area4 .area-c2, .area4 .area-c3{ float: left; width: 310px; margin-right:35px; overflow: hidden;}
.area4 .area-c3{ margin:0;}
.pn-photo .comm-pn-bd, .pn-mater .comm-pn1-bd{ width: 100%; overflow: hidden;}
.pn-record .comm-plist-ex2 .list-item{ margin-right:20px;}
.box-date{ text-align: center; margin-bottom:6px;}
.box-date-c1{ height: 32px; line-height: 32px; font-size: 16px; color:#b5c3c9;}
.box-date-c2 i{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #b5c3c9; overflow: hidden;}
.box-date-ex .box-date-c1{ color:#23b0eb; font-weight: bold;}
.box-date-ex .box-date-c2 i{ background-color: #23b0eb}
.list-mater{ font-size: 14px; color:#d3d3d3; line-height: 1.714}
.list-mater .item{ position: relative; *zoom:1; padding:5px 0 5px 5em;}
.list-mater .tit{ position: absolute; left:0; top:5px; color:#333; font-weight: bold;}
.list-mater a{ color:#333; margin:0 3px;}
.list-mater a:hover{ color:#16abea;}
.pn-mater{}
.pn-mater .tab-pn-con1 .tab-pn-c1, .pn-mater .tab-pn-con2 .tab-pn-c1{ margin-bottom:20px;}
.pn-mater .tab-pn-con1 .tab-pn-c1, .pn-mater .tab-pn-con1 .tab-pn-c1 .c2{ overflow: hidden; *zoom:1;}
.pn-mater .tab-pn-con1 .tab-pn-c1 .c1{ float: right; width: 180px; overflow: hidden; margin-left:10px; margin-bottom:-10px;}
.pn-mater .tab-pn-con2 .tab-pn-c2, .pn-mater .tab-pn-con2 .tab-pn-c2 .c2{overflow: hidden; *zoom:1;}
.pn-mater .tab-pn-con2 .tab-pn-c2 .c1{ float: left; width:595px; margin-right:40px; margin-bottom:-10px; }
.pn-mater .tab-pn-con4 .tab-pn-c2{ margin-top:15px;}
.pn-mater .tab-pn-con5 .tab-pn-c2{ float: left; width:778px; height: 318px; border:1px solid #ececec; overflow: hidden; *zoom:1; }
.pn-mater .tab-pn-con5 .tab-pn-c1{ float: right; width:200px; margin-bottom:-10px; overflow: hidden;}
.pn-mater .tab-pn-con5 .tab-pn-c1 .list-item{ margin-bottom:5px;}
.box-links a{ margin-right:5px; white-space: nowrap; line-height: 1.4}
.box-links1{ overflow: hidden; *zoom:1; margin:0 -7px -5px 0;}
.box-links1 li{ float: left; margin:0 7px 5px 0;}
.box-links1 a{ float: left; width: 95px; height: 28px; text-align: center; line-height: 28px; border:1px solid #ececec; font-size: 14px; color:#666464;}
.box-links1 .current a, .box-links1 a:hover{ color:#fff; border-color:#7a42ce; background-color: #7a42ce; text-decoration: none;}
.box-links2{overflow: hidden; *zoom:1; margin:10px -5px -5px 0;}
.box-links2 a{ float: left; width: 135px; height: 58px; padding:12px 0 0 15px; font-size: 12px; color:#fff; background-color: #23b0eb; margin:0 5px 5px 0;}
.box-links2 a strong{ font-size: 14px; color:#fff;}
.box-links2 a:hover{ background-color: #3abff7; text-decoration: none}
.mod-task{ margin-bottom:0;}
.mod-school{ width: 325px; float: left; margin-right:20px;}
.mod-school .bd{ padding-left:9px;}
.mod-plan{ overflow: hidden; *zoom:1;}
.mod-plan .bd h4{ font-size: 16px; color:#666; font-weight: bold;}
.pn-mater .tab-pn-con4 .box-links1 a{ width: 134px; height:32px; line-height: 32px; font-size: 15px;}
/*the footer-links*/
.footer-link { margin-top: 15px; background-color: #f2fafc; padding-top:35px;}
.footer-link-in {}
.footer-link-box { overflow: hidden; *zoom: 1; width: 660px; float: left; padding-bottom:20px;}
.footer-link-box .item { float: left; width:25%;}
.footer-link-box .tit { margin-bottom: 5px; font-size: 16px; font-weight: bold; color:#16abea;}
.footer-link-box .con { line-height: 26px; }
.footer-link-box .con a { display: block; font-size: 14px;}
.footer-link-box1 { padding: 10px 0; color: #999999; border-top: 1px solid #d9e9ed; border-bottom:1px solid #d9e9ed; clear: both; line-height: 30px;}
.footer-link-box1 .tit{ font-size: 16px; color:#666; font-weight: normal;}
.box-game-intro{ width: 325px; float: right; color:#666; padding-bottom:20px;}
.box-game-intro .hd{ margin-bottom:5px;}
.box-game-intro .hd .tit{ font-size: 16px; font-weight: bold;}
.box-game-intro .bd p{ font-size: 14px;line-height: 26px;}
.box-game-intro .bd p a{}
/*the footer*/
.global-footer{ color:#666; background:#f2fafc;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#666;}
/*the fix-box*/
.oz{ overflow: hidden; *zoom:1;}
.fix-box{position: fixed; width: 230px;}
.fix-box .ico-close{ position: absolute; left:-12px; top:-12px;}
.fix-right-c1 .fhd{background: #49b3e9; color: #fff; text-align: center;font-size: 16px;height: 35px;line-height: 35px;}
.fix-right-c1 .fhd .tit{}
.fix-right-c1 .fbd{padding:10px;background-color: #eef9ff; width: 210px; overflow: hidden;}
.fix-right-c2 .ico-phone{margin-bottom:5px;}
.fix-right-c1 .ico-phone{ margin:0 8px 3px 0; *margin:6px 8px 10px 0;}
.fix-right-c1 .game-logo{ display: block; text-align: center; padding:5px 0 20px;}
.fix-right-c1 .game-logo img{ width: 80%; height: auto;}
.fix-right-c2{display:none;width:16px;padding: 5px 7px 30px;/* height: 200px; */background:#49b3e9 url(//ue.17173cdn.com/a/xyq/index/2015/img/f-c2.png) no-repeat left bottom;color: #fff; line-height: 1.3; font-family:"Microsoft YaHei";cursor: pointer;position: absolute;right: 0; top: 0;}
.wsy-c1{overflow: hidden;*zoom:1;}
.wsy-c1 .btn{display: block;float: left;*display:inline;*zoom:1;width:68px;height: 25px; line-height: 25px; text-align: center;color: #fff; font-size:12px;}
.wsy-c1 .btn:hover{ text-decoration: none;}
.wsy-c1 .btn-c1{background-color: #8dbe48; margin-right: 3px;}
.wsy-c1 .btn-c2{background-color: #da4848;margin-right: 3px;}
.wsy-c1 .btn-c3{background-color: #4caee0}
.wsy-c1 .btn-c1:hover{background-color: #9cd052}
.wsy-c1 .btn-c2:hover{background-color: #e85858}
.wsy-c1 .btn-c3:hover{background-color: #58bcef}
.fix-right-c1 .btn-jrzq{display: block;width: 100%; border-radius:5px;background-color:#f68080; font: bold 18px/40px "Microsoft YaHei";color: #fff;text-align: center;margin-top: 10px; }
.fix-right-c1 .btn-jrzq:hover{background-color: #f06c6c; text-decoration: none;}
.wsy-c2{overflow: hidden;*zoom:1;margin-top:20px;}
.wsy-c2 .comm-plist{ margin-right:-10px;}
.wsy-c2 .comm-plist .list-item{float:left;width:100px; margin-right:10px; margin-bottom:0;}
.wsy-c2 .gb-plist .txt .tit{font-size: 12px; text-align: center; height: 1.57em; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color:#333;}
.wsy-c2 .gb-plist .art-item-pt:hover .txt .tit{ color:#16abea;}
.wsy-c3 .comm-list .art-item{padding-left: 10px;background: url(//ue.17173cdn.com/a/xyq/index/2015/img/sprite.png) no-repeat;background-position: -165px -149px;}
/*the page-sub*/
.subarea{}
.subarea .content-in{}
.subarea-c1{ float: left; width: 675px;}
.subarea-c2{ float: right; width: 300px;}
.subarea-c2 .comm-pn{ margin-bottom:20px;}
.subarea-c2 .pn-feature{ padding-top:10px;}
.crumb { font-size: 14px; color:#999; margin-bottom:13px;}
.crumb a { color: #999; }
.pager { text-align: center; padding: 30px 0; }
.pager ul { font-size: 0; }
.pager li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 32px; vertical-align: top; }
.pager a { display: block; padding: 0 1em; border: 1px solid #d6d6d6; color: #333; border-radius: 2px;}
.pager a.current, .pagination a:hover { color: white; text-decoration: none; border-color: #06a4f3; background-color: #06a4f3; }
.side-comm-pn-hd{ overflow: hidden; *zoom:1; margin-bottom:10px;}
.side-comm-pn .comm-plist{ padding-top:10px;}
.side-art-list .list-item{ line-height: 36px;}
.side-art-list .art-item{ padding:0; background: none; }
.side-art-list .tit{font-size: 16px;}
.side-art-list .date{ font-size: 14px; color:#999; margin-right:15px;}
.side-art-list .art-item-c1{ font-size: 16px; color:#666; width: 5em; text-align: left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.zq-side-remm {
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 7px 7px 20px;
    margin-bottom: 10px
}
.zq-side-remm-hd {
    text-align: center;
    padding: 5px 0
}
.zq-side-remm-hd .tit {
    font: bold 24px/1.2 "Microsoft Yahei"
}
.zq-side-remm-hd p {
    font-size: 14px;
    color: #999
}
.zq-side-remm-item {
    float: left;
    width: 120px;
    padding: 0 11px;
    text-align: center
}
.zq-side-remm-item img {
    margin-bottom: 8px
}
.channel-list{ overflow:hidden; *zoom:1; margin-right:-10px;}
.channel-list li{ float:left; margin:2px 2px 0 0;}
.channel-list li a{ float:left; width:149px; height:34px; text-align:center; line-height:34px; background-color:#e9e9e9; font-size:12px; color:#333; transition: all .2s ease-in;}
.channel-list li a:hover{ background-color:#c03b00; color:#fff;}
.channel-list-ex li a{ width:122px; padding-left:7px; height:30px; line-height:30px; overflow:hidden; float:left; text-align:left;}
.channel-list-ex1 li a{ height: 60px; line-height:20px; text-align: left;}
.channel-list-ex1 li a font{ color:#333;}
.channel-list-ex1 li a:hover font{ color:#fff}
.channel-list-ex1 li a .in{ padding:10px; display: block;}
.channel-list-ex1 li a .ico-bagua{ width: 36px; height: 17px; display: inline-block; vertical-align: middle; line-height: 17px; text-align: center; color:#fff; font-family: "Microsoft Yahei"; background: #f52918; border-radius: 7px; font-style: normal; margin:0  0 2px 3px;}