@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
* {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f4;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
a:hover{color:#ff7800;}
.rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.cx{overflow: hidden;*zoom: 1;}
.cfix{margin-right:auto;margin-left:auto;*zoom:1}.cfix:before,.cfix:after{display:table;content:"";line-height:0}.cfix:after{clear:both}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;}
.wraper{width:1200px;margin:0 auto;overflow: hidden;*zoom: 1;}
.h23{width:100%;height:23px;}
.hide{display:none;}
a,img{cursor: pointer;}
img{vertical-align: top;border: 0;}
.bg{background-color: #fff;}
.ico{background:url(../img/icon.png) no-repeat;background-size:800px 800px;}

#topnav{width:100%; height:35px; background:#000; color:#d1d1d1; line-height:35px; font-family:"宋体";}
#topnav div{width:1200px; margin:0 auto; font-size:12px;}
#topnav span{float:left; background:url(../img/icon1.gif) no-repeat; padding-left:28px;}
#topnav span.t1{background-position:10px 12px;}
#topnav span.t2{background-position:10px -11px;}
#topnav span.t3{background-position:10px -37px;}
#topnav span.t4{background-position:10px -64px;}
#topnav span.t5{background-position:10px -91px; width:65px; cursor:pointer; position:relative;}
#topnav span.t5>em{background:url(../img/icon1.gif) 0 -211px no-repeat; width:9px; height:9px; float:right; margin-top:13px;}
#topnav span.t5 ul{width:586px;background:#333; filter:alpha(opacity=80); opacity: 0.8; position:absolute; padding:10px;top:35px; left:0;z-index:999;display:none;}
#topnav span.t5 li{float:left; padding-left:20px; margin-right:20px;line-height:24px;}
#topnav span.t5 li:nth-child(4) p cite{ display:block; float:left;width:84px;height:120px; font-style:normal;}
#topnav span.t5 li p a{ display:block;}
#topnav span.t5 li em{display:block;font-size:14px; color:#53b5f3;}
#topnav span.t5 li em.dtcol2{color:#ff7e30;}
#topnav span.t5 li em.dtcol3{color:#add422;}
#topnav span.t5 li em.dtcol4{color:#ffcd03;}
#topnav span.t6{background-position:10px -118px;}
#topnav span.t7{background-position:10px -146px;}
#topnav span.t8{background-position:10px -174px; cursor:pointer; position:relative;}
#topnav span.t8 img{width:90px; height:90px; position:absolute; top:35px; right:0; border:1px solid #eaeaea; padding:5px; background:#fff; display:none;z-index:9999}
#topnav span.t6,#topnav span.t7,#topnav span.t8{float:right; padding-left:30px;}
#topnav a:link,#topnav a:visited{color:#d1d1d1;}
#topnav a:active,#topnav a:hover{color:#ff0;}
#topnav span.t5 li a:link,#topnav span.t5 li a:visited{color:#fff;}
#topnav span.t5 li a:active,#topnav span.t5 li a:hover{color:#ff0;}
#topnav span.t5:hover ul{display: block;}
#topnav span.t8:hover img{display: block;}


header{position: relative;width: 100%;background-color: #fff;height: 80px;line-height: 80px;-moz-box-shadow:0px 2px 5px #e9e9e9;-webkit-box-shadow:0px 2px 5px #f1c9c9;z-index: 2;box-shadow: 0px 2px 5px #e9e9e9;}
header>div{width:1200px;margin:0 auto;}
header .logo{ display: block;float: left;height: 80px;margin-right: 32px;}
header .logo img{width: 173px;height: 50px;margin-top: 16px;}
header .searchs{float: right; width:148px; height:38px; background-color: #f8f8f8;margin: 21px 0 0 8px; border-radius:19px;-webkit-border-radius:19px;}
header .search{ background:none; border:none;font-size: 16px; height:38px; line-height:38px;padding-left:18px; width:86px; float:left; outline:none; color:#454545;}
header .button{ width:38px; float:left; height:38px; background:url(../img/icon.png) 3px 4px no-repeat;background-size:800px 800px; border:none; cursor:pointer; outline:none;}
header ul{float: left;}
header li{float:left;}
header li a{display:block;width: 100px;font-size:16px;text-align: center;color: #666;margin: 0 5px;}
header li.current a,header li a:hover{background-color:#fd8042;color:#fff;}

.friendLink{background-color: #06060b;}
.friendLink>div{width:1200px;margin:0 auto;padding: 30px 0 12px 0;overflow: hidden;*zoom: 1;}
.friendLink .linkTit{font-size: 18px;color: #999;font-weight: bold;}
.friendLink .linkTit i{display: inline-block;width: 23px;height: 29px;background-position: -49px -4px;position: relative; top: 5px;margin-right: 6px;}
.friendLink .linkTags{overflow: hidden;*zoom: 1;margin-top: 10px;}
.friendLink .linkTags a{float: left;font-size: 12px;line-height: 34px;color: #999;margin-right: 16px;}
.friendLink .linkTags a:hover{color:#ff0;}
   
footer{width: 100%;color: #999;font-size: 12px;background-color: #06060b;text-align: center;}
footer div{width:1200px;margin:0 auto;border-top: 1px solid #3a3a3a;height: 115px;padding-top: 20px;}
footer p:nth-of-type(1){color: #666;line-height: 42px;font-weight: 600;font-size: 14px;}
footer p:nth-of-type(2){color: #666;font-weight: 400;}
footer p:nth-of-type(3){color: #666;font-weight: 400;line-height: 24px;}
footer p a{color: #666;margin:0 10px;font-weight: 400;}
footer p:nth-of-type(2) a{margin:0;}
footer a:hover{color: #ff0;}

.crumb{width: 1200px;height: 46px;line-height: 46px;margin: 0 auto;overflow: hidden;*zoom: 1;}
.crumb>div:nth-child(1){float: left;}
.crumb,.crumb a{font-size:12px;color:#aaa;}
.crumb a:hover{color:#fd8042;}
.crumb i{display:inline-block;width:18px;height:14px;background-position:-100px -5px;margin-right:10px;position:relative;top:1px;}

.pagecode{padding:3px;margin:10px 0 20px;text-align:center;font-size:16px;}
.pagecode a{padding:8px 14px;margin-right:8px;color:#666;text-decoration:none;border:1px solid #e6e6e6;background-color:#fff;}
.pagecode>span{display: inline-block;line-height: 38px;height: 38px;}
.pagecode span a{display: block;padding:0;min-width: 38px;line-height: 38px;text-align: center;}
.pagecode span em{ margin-right:8px;}
.pagecode a:hover{color:#fff;background-color:#fd8042;border:1px solid #fd8042;}
.pagecode a.current,.pagecode a.current:hover{color:#fff;background-color:#fd8042;border:1px solid #fd8042;}
.pagecode a.disabled,.pagecode a.disabled:hover{color:#666;background-color:#efefef;border:1px solid #e6e6e6;cursor:default;}

.tiTle{position:relative; height:26px; line-height:26px; z-index:1;overflow:hidden;*zoom: 1;}
.tiTle em{ float: left;display: inline-block;font-size:24px; color:#333;padding-right:10px; background-color:#fff; height:26px;line-height:26px;}
.tiTle:after{ width:100%; height:2px; background:#f57b42; position:absolute;left:0; top:13px; content:""; z-index:-1;}
.tiTle a{ float:right;display: block;background-color: #fff;width:20px; height:24px}
.tiTle a i{display: inline-block;width:20px; height:20px; background-position:-398px -8px;position: relative;top: 4px;}
.tiTle a:hover{-webkit-animation: scal 0.3s ease-in-out 0s infinite alternate;animation: scal 0.3s ease-in-out 0s infinite alternate;}
@keyframes scal { 0% {transform: rotate(-15deg);} 100% {transform: rotate(15deg);} }

.title_l{position:relative; height:26px; line-height:26px; z-index:1;overflow:hidden;*zoom: 1;}
.title_l em{ float: left;display: inline-block;font-size:18px; color:#020202;padding-right:10px; background-color:#fff; height:26px;line-height:26px;}
.title_l:after{ width:100%; height:2px; background:#f57b42; position:absolute;left:0; top:13px; content:""; z-index:-1;}
.title_l a{ float:right;display: block;background-color: #fff;width:20px; height:24px}
.title_l a i{display: inline-block;width:20px; height:20px; background-position:-398px -8px;position: relative;top: 4px;}
.title_l a:hover{-webkit-animation: scal 0.3s ease-in-out 0s infinite alternate;animation: scal 0.3s ease-in-out 0s infinite alternate;}
@keyframes scal { 0% {transform: rotate(-15deg);} 100% {transform: rotate(15deg);} }

.titIndex{position:relative; height:88px; line-height:88px; z-index:1;overflow:hidden;*zoom: 1;}
.titIndex em{ float: left;display: inline-block;font-size:26px; color:#020202;padding-right:10px; height:88px;line-height:88px;font-weight: lighter;}
.titIndex em i{display: inline-block;}
.titIndex a{ float:right;display: block;width:66px; height:88px;font-size: 16px;color: #999;font-weight: lighter;}
.titIndex a i{display: inline-block;width:20px; height:20px; background-position:-398px -8px;position: relative;top: 4px;margin-left: 7px;}
.titIndex a:hover {color: #f68854;}
.titIndex a:hover i{-webkit-animation: scal 0.3s ease-in-out 0s infinite alternate;animation: scal 0.3s ease-in-out 0s infinite alternate;}
@keyframes scal { 0% {transform: rotate(-15deg);} 100% {transform: rotate(15deg);} }

.gameTags{position: relative;width: 100%;background-color: #fff;border-bottom: 1px solid #e9e9e9;}
.gameTags>i{position: absolute;bottom: -10px;left: 50%;margin-left: -10px; border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;height: 18px;width: 18px;transform:rotate(45deg);background-color: #fff;}
.gameTags .line{width: 100%;height: 1px;background-color: red;background-image: linear-gradient(to right, #fec798 , #9614c8);}
.gameTags .tags_wrap{width:1200px;background-color: #fff;margin:0 auto;overflow: hidden;}
.gameTags .tags_wrap ul,.tags_wrap li{overflow: hidden;*zoom: 1;}
.gameTags .tags_wrap ul{width: 1300px;padding: 31px 0 16px;}
.gameTags .tags_wrap ul>i{float: left;display: block;font-size: 20px;color: #ccc;font-weight: bold;line-height: 52px;width: 26px;height: 52px;text-align: center;}
.gameTags .tags_wrap li{float:left;width: 176px;height:50px;border: 1px solid #fd8042;border-radius: 2px;margin-bottom:16px;text-align: center;-webkit-background-size: 5px 5px;-moz-background-size: 5px 5px;background-size: 5px 5px;background-image: -webkit-gradient(linear, 0 0, 100% 100%,   color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),   color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),   color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,    transparent 75%, transparent);   background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,transparent 75%, transparent);}
.gameTags .tags_wrap li a{display:block;width: 100%;height: 100%;overflow: hidden;*zoom: 1;}
.gameTags .tags_wrap li p{float: left;line-height: 12px;font-size: 14px;color: #999;max-width: 100px;}
.gameTags .tags_wrap li p span{overflow: hidden;white-space: nowrap;}
.gameTags .tags_wrap li p span{display: inline-block;font-size: 16px;line-height: 30px;color: #666;}
.gameTags .tags_wrap li i{float: left;display:inline-block;width:25px;height:26px;margin: 0 12px 0 33px;position:relative;}
.gameTags .tags_wrap li:nth-of-type(1){border-color:#e7a4f3;}
.gameTags .tags_wrap li:nth-of-type(2){border-color:#7fdddc;}
.gameTags .tags_wrap li:nth-of-type(3){border-color:#cbb5f3;}
.gameTags .tags_wrap li:nth-of-type(4){border-color:#f4aaaa;}
.gameTags .tags_wrap li:nth-of-type(5){border-color:#c6dd94;}
.gameTags .tags_wrap li:nth-of-type(6){border-color:#ffc933;}
.gameTags .tags_wrap li:nth-of-type(7){border-color:#93c3ff;}
.gameTags .tags_wrap li:nth-of-type(8){border-color:#7bd58e;}
.gameTags .tags_wrap li:nth-of-type(9){border-color:#7cd7fd;}
.gameTags .tags_wrap li:nth-of-type(10){border-color:#ff8c5e;}
.gameTags .tags_wrap li:nth-of-type(11){border-color:#eaafe0;}
.gameTags .tags_wrap li:nth-of-type(12){border-color:#d9d9d9;}
.gameTags .tags_wrap li:nth-of-type(n+12){border-color:#d9d9d9;}
.gameTags .tags_wrap li:nth-of-type(1):hover,.gameTags .tags_wrap li:nth-of-type(1).current{background-color:#f4d0fb;}
.gameTags .tags_wrap li:nth-of-type(2):hover,.gameTags .tags_wrap li:nth-of-type(2).current{background-color:#bdefee;}
.gameTags .tags_wrap li:nth-of-type(3):hover,.gameTags .tags_wrap li:nth-of-type(3).current{background-color:#e1d4f8;}
.gameTags .tags_wrap li:nth-of-type(4):hover,.gameTags .tags_wrap li:nth-of-type(4).current{background-color:#ffe3e8;}
.gameTags .tags_wrap li:nth-of-type(5):hover,.gameTags .tags_wrap li:nth-of-type(5).current{background-color:#e8f2d3;}
.gameTags .tags_wrap li:nth-of-type(6):hover,.gameTags .tags_wrap li:nth-of-type(6).current{background-color:#fff1c8;}
.gameTags .tags_wrap li:nth-of-type(7):hover,.gameTags .tags_wrap li:nth-of-type(7).current{background-color:#d5eafe;}
.gameTags .tags_wrap li:nth-of-type(8):hover,.gameTags .tags_wrap li:nth-of-type(8).current{background-color:#e7f8ec;}
.gameTags .tags_wrap li:nth-of-type(9):hover,.gameTags .tags_wrap li:nth-of-type(9).current{background-color:#d6f2fd;}
.gameTags .tags_wrap li:nth-of-type(10):hover,.gameTags .tags_wrap li:nth-of-type(10).current{background-color:#ffece4;}
.gameTags .tags_wrap li:nth-of-type(11):hover,.gameTags .tags_wrap li:nth-of-type(11).current{background-color:#fdebfa;}
.gameTags .tags_wrap li:nth-of-type(12):hover,.gameTags .tags_wrap li:nth-of-type(12).current{background-color:#f6f6f6;}
.gameTags .tags_wrap li:nth-of-type(n+12):hover,.gameTags .tags_wrap li:nth-of-type(n+12).current{background-color:#f6f6f6;}
.gameTags .tags_wrap li:nth-of-type(1) i{width:25px;height:20px;background-position:-7px -56px;top:15px;}
.gameTags .tags_wrap li:nth-of-type(2) i{width:23px;height:22px;background-position:-50px -56px;top:14px;}
.gameTags .tags_wrap li:nth-of-type(3) i{width:24px;height:24px;background-position:-91px -56px;top: 13px;}
.gameTags .tags_wrap li:nth-of-type(4) i{width:23px;height:23px;background-position:-133px -56px;top: 13.5px;}
.gameTags .tags_wrap li:nth-of-type(5) i{width:24px;height:23px;background-position:-174px -56px;top: 13.5px;}
.gameTags .tags_wrap li:nth-of-type(6) i{width:24px;height:24px;background-position:-258px -56px;top: 13px;}
.gameTags .tags_wrap li:nth-of-type(7) i{width:23px;height:26px;background-position:-300px -56px;top: 12px;}
.gameTags .tags_wrap li:nth-of-type(8) i{width:19px;height:24px;background-position:-341px -56px;top: 13px;}
.gameTags .tags_wrap li:nth-of-type(9) i{width:22px;height:22px;background-position:-378px -56px;top:14px;}
.gameTags .tags_wrap li:nth-of-type(10) i{width:22px;height:22px;background-position:-418px -56px;top: 14px;}
.gameTags .tags_wrap li:nth-of-type(11) i{width:24px;height:23px;background-position:-572px -210px;top: 13.5px;}
.gameTags .tags_wrap li:last-of-type p{display: block;width: 100%;max-width: 100%;text-align: center;line-height: 50px;margin: auto;}


.applyTags{position: relative;width: 100%;background-color: #fff;border-bottom: 1px solid #e9e9e9;}
.applyTags>i{position: absolute;bottom: -10px;left: 50%;margin-left: -10px; border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;height: 18px;width: 18px;transform:rotate(45deg);background-color: #fff;}
.applyTags .line{width: 100%;height: 1px;background-color: red;background-image: linear-gradient(to right, #fec798 , #9614c8);}
.applyTags .tags_wrap{width:1200px;background-color: #fff;margin:0 auto;overflow: hidden;}
.applyTags .tags_wrap ul,.tags_wrap li{overflow: hidden;*zoom: 1;}
.applyTags .tags_wrap ul{width: 1300px;padding: 31px 0 16px;}
.applyTags .tags_wrap ul>i{float: left;display: block;font-size: 20px;color: #ccc;font-weight: bold;line-height: 52px;width: 26px;height: 52px;text-align: center;}
.applyTags .tags_wrap li{float:left;width: 176px;height:50px;border: 1px solid #fd8042;border-radius: 2px;margin-bottom:16px;text-align: center;-webkit-background-size: 5px 5px;-moz-background-size: 5px 5px;background-size: 5px 5px;background-image: -webkit-gradient(linear, 0 0, 100% 100%,   color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),   color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),   color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,    transparent 75%, transparent);   background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,transparent 75%, transparent);}
.applyTags .tags_wrap li a{display:block;width: 100%;height: 100%;overflow: hidden;*zoom: 1;}
.applyTags .tags_wrap li p{float: left;line-height: 12px;font-size: 14px;color: #999;max-width: 100px;}
.applyTags .tags_wrap li p span{overflow: hidden;white-space: nowrap;}
.applyTags .tags_wrap li p span{display: inline-block;font-size: 16px;line-height: 30px;color: #666;}
.applyTags .tags_wrap li i{float: left;display:inline-block;width:28px;height:28px;margin: 0 12px 0 33px;position:relative;}
.applyTags .tags_wrap li:nth-of-type(1){border-color:#86bcff;}
.applyTags .tags_wrap li:nth-of-type(2){border-color:#ff986f;}
.applyTags .tags_wrap li:nth-of-type(3){border-color:#7fdddc;}
.applyTags .tags_wrap li:nth-of-type(4){border-color:#ffc933;}
.applyTags .tags_wrap li:nth-of-type(5){border-color:#f4aaaa;}
.applyTags .tags_wrap li:nth-of-type(6){border-color:#c6dd94;}
.applyTags .tags_wrap li:nth-of-type(7){border-color:#e7a4f3;}
.applyTags .tags_wrap li:nth-of-type(8){border-color:#89da9a;}
.applyTags .tags_wrap li:nth-of-type(9){border-color:#bfa4ef;}
.applyTags .tags_wrap li:nth-of-type(10){border-color:#7cd7fd;}
.applyTags .tags_wrap li:nth-of-type(11){border-color:#da557c;}
.applyTags .tags_wrap li:nth-of-type(12){border-color:#52bea6;}
.applyTags .tags_wrap li:nth-of-type(13){border-color:#81a0d7;}
.applyTags .tags_wrap li:nth-of-type(n+13){border-color:#81a0d7;}
.applyTags .tags_wrap li:nth-of-type(1):hover,.applyTags .tags_wrap li:nth-of-type(1).current{background-color:#e0effd;}
.applyTags .tags_wrap li:nth-of-type(2):hover,.applyTags .tags_wrap li:nth-of-type(2).current{background-color:#fdf1eb;}
.applyTags .tags_wrap li:nth-of-type(3):hover,.applyTags .tags_wrap li:nth-of-type(3).current{background-color:#d5fdfd;}
.applyTags .tags_wrap li:nth-of-type(4):hover,.applyTags .tags_wrap li:nth-of-type(4).current{background-color:#fdf3d7;}
.applyTags .tags_wrap li:nth-of-type(5):hover,.applyTags .tags_wrap li:nth-of-type(5).current{background-color:#fceef0;}
.applyTags .tags_wrap li:nth-of-type(6):hover,.applyTags .tags_wrap li:nth-of-type(6).current{background-color:#f1f9e0;}
.applyTags .tags_wrap li:nth-of-type(7):hover,.applyTags .tags_wrap li:nth-of-type(7).current{background-color:#f7ecf8;}
.applyTags .tags_wrap li:nth-of-type(8):hover,.applyTags .tags_wrap li:nth-of-type(8).current{background-color:#def1e3;}
.applyTags .tags_wrap li:nth-of-type(9):hover,.applyTags .tags_wrap li:nth-of-type(9).current{background-color:#efe9f8;}
.applyTags .tags_wrap li:nth-of-type(10):hover,.applyTags .tags_wrap li:nth-of-type(10).current{background-color:#ebf9fe;}
.applyTags .tags_wrap li:nth-of-type(11):hover,.applyTags .tags_wrap li:nth-of-type(11).current{background-color:#f9ebef;}
.applyTags .tags_wrap li:nth-of-type(12):hover,.applyTags .tags_wrap li:nth-of-type(12).current{background-color:#ecf7f4;}
.applyTags .tags_wrap li:nth-of-type(13):hover,.applyTags .tags_wrap li:nth-of-type(13).current{background-color:#eaeff8;}
.applyTags .tags_wrap li:nth-of-type(n+13):hover,.applyTags .tags_wrap li:nth-of-type(n+13).current{background-color:#eaeff8;}
.applyTags .tags_wrap li:nth-of-type(1) i{width:28px;height:28px;background-position:-279px -171px;top:11px;}
.applyTags .tags_wrap li:nth-of-type(2) i{width:28px;height:25px;background-position:-317px -171px;top:12px;}
.applyTags .tags_wrap li:nth-of-type(3) i{width:26px;height:24px;background-position:-355px -171px;top: 12px;}
.applyTags .tags_wrap li:nth-of-type(4) i{width:26px;height:26px;background-position:-391px -171px;top: 12px;}
.applyTags .tags_wrap li:nth-of-type(5) i{width:26px;height:26px;background-position:-427px -171px;top: 12px;}
.applyTags .tags_wrap li:nth-of-type(6) i{width:28px;height:24px;background-position:-463px -171px;top: 12px;}
.applyTags .tags_wrap li:nth-of-type(7) i{width:28px;height:26px;background-position:-501px -171px;top: 12px;}
.applyTags .tags_wrap li:nth-of-type(8) i{width:26px;height:24px;background-position:-539px -171px;top: 12px;}
.applyTags .tags_wrap li:nth-of-type(9) i{width:24px;height:24px;background-position:-575px -171px;top: 12px;}
.applyTags .tags_wrap li:nth-of-type(10) i{width:26px;height:25px;background-position:-609px -171px;top:12px;}
.applyTags .tags_wrap li:nth-of-type(11) i{width:27px;height:28px;background-position:-608px -207px;top:12px;}
.applyTags .tags_wrap li:nth-of-type(12) i{width:26px;height:27px;background-position:-645px -171px;top: 11px;}
.applyTags .tags_wrap li:nth-of-type(13) i{width:28px;height:28px;background-position:-645px -208px;top: 11px;}
.applyTags .tags_wrap li:nth-of-type(n+13) i{width:26px;height:27px;background-position:-645px -208px;top: 11px;}
.applyTags .tags_wrap li:last-of-type p{display: block;width: 100%;max-width: 100%;text-align: center;line-height: 50px;margin: auto;}


.softWareList{background-color: #f4f4f4;width: 1200px;margin: 0 auto;overflow: hidden;}
.softWareList ul,.softWareList ul li{overflow: hidden;*zoom: 1;}
.softWareList ul{width: 1300px;padding-top: 23px;}
.softWareList ul li{position: relative;float: left;width: 330px;height: 108px;padding:25px;border-radius: 4px;border: 1px solid #ededed;background-color: #fff;margin: 0 26px 23px 0;}
.softWareList li>a,.softWareList li>div,.softWareList li>p{display: block;float: left; }
.softWareList li>a img{width: 108px;height: 108px;border-radius: 16px;margin-right: 16px;}
.softWareList li>div{width:206px;height: 108px;overflow: hidden;}
.softWareList li>div a{display: block;width: 146px;font-size:18px ;color: #000;line-height: 36px;overflow: hidden;white-space: nowrap; }
.softWareList li>div p{font-size: 14px;color: #858585;line-height: 22px;}
.softWareList li>div p span{color: #454545;}
.softWareList li>div p:last-of-type{margin-top: 3px;}
.softWareList li .down{position: absolute;display:block;top: 27px;right:-2px;font-size: 12px;color: #666;line-height: 24px;border: 1px solid #dbdbdb;border-radius: 4px;width: 78px;text-align: center;}
.softWareList li .down.no:hover{background-color: #b9d317;border-color: #b9d317;color: #fff;}

.softWareList li>p{display: block;height: 70px;font-size: 14px;color: #666;line-height: 24px;overflow: hidden;margin-top: 20px;}
.softWareList ul li:hover{box-shadow:0px 20px 12px -20px #e0e0e0; }
.softWareList ul li:hover .down{background-color: #ff7800;color: #fff;border-color: #ff7800;}
.softWareList ul li:hover .down.no{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.softWareList li .down:hover{background-color: #ff7800;color: #fff;border-color: #ff7800;}
.softWareList li:hover div a{color: #fd8042;}
.softWareList li>a img:hover{opacity: 0.9;}
.softWareList li a.no:hover{background-color: #b9d317;border-color: #b9d317;color: #fff;}
.softWareList li:hover{-moz-box-shadow:0px 0px 5px #ededed; -webkit-box-shadow:0px 0px 5px #ededed; box-shadow:0px 0px 5px #ededed;}

.gaDetail_left{float: left;width: 828px;}
.gaDetail_right{float: right;width: 353px;}
.gaDetail_left section,.gaDetail_right section{background-color: #fff;-moz-box-shadow:0px 3px 3px #ebebeb; -webkit-box-shadow:0px 3px 3px #ebebeb; box-shadow:0px 3px 3px #ebebeb;margin-bottom: 18px;}

.ga_intro{padding: 20px;}
.ga_intro h1{max-width: 790px;height: 36px;font-size:26px;color:#333;font-weight:bold;line-height:36px;overflow: hidden;white-space: nowrap;}
.ga_intro>div{margin-top: 14px;overflow: hidden;*zoom: 1;}
.ga_intro>div img{float: left;width: 160px ;height: 160px;border-radius: 26px;margin-right: 26px;cursor: default;}
.ga_intro .info{float: left;width: 602px;height: 160px;overflow: hidden;}
.ga_intro .info p span{ font-size: 14px;color: #333;margin-right: 23px;line-height: 30px;}
.ga_intro .info p span:nth-of-type(1) i{display: inline-block;width: 14px;height: 14px;background-position:-142px -7px;position: relative;top:2px;margin-right: 7px;}
.ga_intro .info p span:nth-of-type(2) i{display: inline-block;width: 14px;height: 13px;background-position:-170px -7px;position: relative;top:2px;margin-right: 7px;}
.ga_intro .info p span:nth-of-type(3) i{display: inline-block;width: 15px;height: 12px;background-position:-198px -7px;position: relative;top:2px;margin-right: 7px;}
.ga_intro .info ul{width: 602px;height: 22px;margin: 10px 0;overflow: hidden;*zoom: 1;}
.ga_intro .info ul li{display: inline-block;padding: 0 8px;font-size: 12px;color: #68beff;line-height: 19px;border: 1px solid #68beff;border-radius: 2px;margin-right: 6px;cursor: pointer;}
.ga_intro .info ul li:nth-child(1){color: #68beff;border-color: #68beff;}
.ga_intro .info ul li:nth-child(2){color: #f4a76d;border-color: #f4a76d;}
.ga_intro .info ul li:nth-child(3){color: #ef8692;border-color: #ef8692;}
.ga_intro .info ul li:nth-child(4){color: #93d877;border-color: #93d877;}
.ga_intro .info ul li:nth-child(5){color: #f38ce3;border-color: #f38ce3;}
.ga_intro .info ul li:nth-child(6){color: #8c97cb;border-color: #8c97cb;}
.ga_intro .info ul li:nth-child(7){color: #fd5356;border-color: #fd5356;}
.ga_intro .info ul li:nth-child(8){color: #7ec23b;border-color: #7ec23b;}
.ga_intro .info ul li:nth-child(9){color: #fead7c;border-color: #fead7c;}
.ga_intro .info ul li:nth-child(10){color: #6cf7ca;border-color: #6cf7ca;}

.ga_intro .info ul li:hover{color: #fff;background-color: #68beff;}
.ga_intro .info ul li:nth-child(1):hover{background-color: #68beff;}
.ga_intro .info ul li:nth-child(2):hover{background-color: #f4a76d;}
.ga_intro .info ul li:nth-child(3):hover{background-color: #ef8692;}
.ga_intro .info ul li:nth-child(4):hover{background-color: #93d877;}
.ga_intro .info ul li:nth-child(5):hover{background-color: #f38ce3;}
.ga_intro .info ul li:nth-child(6):hover{background-color: #8c97cb;}
.ga_intro .info ul li:nth-child(7):hover{background-color: #fd5356;}
.ga_intro .info ul li:nth-child(8):hover{background-color: #7ec23b;}
.ga_intro .info ul li:nth-child(9):hover{background-color: #fead7c;}
.ga_intro .info ul li:nth-child(10):hover{background-color: #6cf7ca;}

.ga_intro .info div span{display: inline-block;min-width: 180px;line-height: 28px;font-size: 14px;color: #999;overflow:hidden;white-space:nowrap;}
.ga_intro .info div span em{color: #333;}
.ga_intro .info div span a{color: #666;}
.ga_intro .info div span a:hover{color: #fd8042;}

.ga_intro .info button {display: inline-block; border: none; width: 190px; height:45px; color: #fff;font-size: 18px;line-height: 45px; border-radius:22.5px; margin:8px 10px 0 0; cursor: pointer; text-align: center;}
.ga_intro .info button>i { display: inline-block; position: relative;  margin-right: 8px;top: 4px;}
.ga_intro .info button.down { background-color: #fc671a; }
.ga_intro .info button.down>i {width: 22px; height: 23px; background-position: -232px -8px;}
.ga_intro .info button.order { background-color: #b9d317; }
.ga_intro .info button.order>i {width: 20px; height: 20px; background-position: -274px -8px;}
.ga_intro .info button.dismount { background-color: #ccc;margin-right: 0;cursor: default; }
.ga_intro .info button.dismount>i {width: 18px; height: 21px; background-position: -466px -113px;}
.ga_intro .info button.no {background-color: #bbc5d1;margin-right: 0;}
.ga_intro .info button:hover{opacity: 0.9;}

.orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 20;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox{position: absolute;z-index: 5;top: 310px;left: 0;right: 0;margin: auto;background-color: #fff;width: 500px;border-radius: 10px;text-align: center;}
.orderBox .oClose{position: absolute;top: -118px;right: -46px;z-index: 10;width: 66px;height: 66px;cursor: pointer;}
.orderBox .oClose{background: url(../img/yxbclose.png) no-repeat;background-size: 66px 66px;display: block;}
.orderBox .oClose i{display: inline-block;width: 46px;height: 80px;background-position: -689px -313px;position: relative;}
.orderBox .oTitle{width: 100%;height: 99px;background-image: url(../img/yxbyybg.png);background-size: 100% 100%;text-align: center;font-size: 24px;border-radius: 10px;color: #fff;}
.orderBox .oTitle i{display:block;width: 36px;height: 36px;background-position: -800px -313px;position: relative;top: 42px;margin: 0 auto;}
.orderBox .oTitle p{margin-top: 82px;font-size: 24px;color: #333;font-weight: 600;line-height: 32px;white-space: nowrap;overflow: hidden;}
.orderBox form .tel{width:384px;border:1px solid #c2c2c2;background-color:#fff;color:#999;font-size: 16px;border-radius:6px;padding:0 10px;line-height: 56px;margin: 80px auto 6px;overflow: hidden;white-space: nowrap;}
.orderBox form p{color:#666;font-size:16px;line-height: 24px;margin-top: 10px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#cc0000;}
.orderBox form span{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{cursor: pointer;width: 190px;border: 0;background-color: #FD8042;color:#fff;font-size: 16px;border-radius: 23px;line-height: 45px;margin: 26px auto 40px;overflow: hidden;white-space: nowrap;font-weight: 600;}
.orderBox .msg{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;}
.orderBox .oKnow{display: block;cursor: pointer;width: 190px;border: 0;color:#fff;font-size: 16px;border-radius: 23px;line-height: 45px;margin: 36px auto 40px;font-weight: 600;overflow: hidden;white-space: nowrap;background: #68BEFF;}
.orderBox .oWin{width: 100%;height: 382px;font-size: 18px;border-radius: 10px;text-align: center;position: relative;}
.orderBox .oWin .yxbbg{width: 100%;height: 99px;display: block;background: url(../img/yxbyybg.png) no-repeat;}
.orderBox .oWin .winbg{width: 292px;height: 69px;display: block;background: url(../img/yxbwinbg.png) no-repeat;margin: 28px auto 23px;}
.orderBox .oWin p:nth-of-type(1){font-size: 28px;color: #333;line-height: 28px;font-weight: 600;position: absolute;top: 167px;left: 195px;}
.orderBox .oWin p:nth-of-type(2){color:#666;font-size:16px;line-height: 24px;margin-top: 10px;overflow: hidden;white-space: nowrap;}
.orderBox .oWin p:nth-of-type(2) em{ color:#cc0000;}
.orderBox .oLose{width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oLose p{font-size:18px;color: #141414;font-weight: 500;line-height: 36px;margin-bottom: 26px;}
.orderBox .oLose i{display:inline-block;width: 167px;height: 101px;background-position: -625px -490px;position: relative;}
.orderBox .oAgin{width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oAgin p{font-size:18px;color: #141414;font-weight: 500;line-height: 36px;margin-bottom: 26px;}
.orderBox .oAgin i{display:inline-block;width: 153px;height: 101px;background-position: -504px -360px;position: relative;}

.editSay{padding:7px 20px 20px;}
.editSay .comment{position: relative;width: 100%;height: 85px;background-image: url(../img/editSay.jpg);background-size: 100% 100%;background-repeat: no-repeat;}
.editSay .comment p{position: absolute;top:25px;left: 138px;max-width: 630px;height: 39px;line-height: 39px;font-size: 14px;color: #fff;overflow: hidden;}

.screenshot{margin-top: 20px;}
.screenshot .intro{width:788px;position:relative}
.screenshot .intro .slider-contain{position:relative;width:788px;height:297px;overflow:hidden;}
.screenshot .intro .img-slider{width:788px;height:280px;text-align: center;font-size: 0;white-space:nowrap;}
.screenshot .intro .img-slider img{display: block;height:280px;border-radius:0;width:auto;vertical-align:top}
.screenshot .intro .img-slider li{width:auto;margin-right:16px;display:inline-block;height:280px;}
.screenshot .img-slider li:last-child{margin-right: 0;}
.screenshot .intro .video-js{width: 500px;height: 280px;}
.screenshot .slider-inner-contain{position:relative;left:0;width:788px;height: 297px;overflow-x:scroll;overflow-y:hidden;background:#fff;}
.screenshot .slider-contain .a_left{position:absolute;left:0;top:108px;z-index:10;cursor:pointer;width: 50px;height: 50px;background:url(../img/lightbox/prev.png) no-repeat;}
.screenshot .slider-contain .a_left,.screenshot .slider-contain .a_right{display:none}
.screenshot .slider-contain:hover .a_left,.screenshot .slider-contain:hover .a_right{display:block}
.screenshot .slider-contain .a_right{position:absolute;right:0;top:108px;z-index:10;cursor:pointer;width:50px;height:50px;background: url(../img/lightbox/next.png) no-repeat;}
.screenshot .img-slider .img-item{position:relative;line-height:0;font-size:0}

.ga_content{padding: 20px;}
.ga_content .contHidden{position: relative;height:660px;overflow:hidden;}
.ga_content .cont{padding:10px 0 0;font-size:15px;color:#666;line-height:1.5;}
.ga_content .cont a{line-height: 25px; text-indent: 0;color:#FFA200;}
.ga_content .cont a:hover{border-bottom: .01px solid #FFA200;}
.ga_content .cont p{line-height: 26px;color: #666;margin-bottom: 16px;}
.ga_content .cont br{height: 2px;}
.ga_content .cont img{max-width:788px;}
.ga_content .cont p img{max-width:788px;}
.ga_content .cont h3{margin-bottom:16px;line-height: 22px;font-size:18px;color:#fc671a;padding: 0 0 0 10px;border-left: 3px solid #fc671a;}
.ga_content .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;}

.ga_content .linear {position: absolute; height: 30px; bottom: 0; width: 100%; background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff)); background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%); }

.openDetail{padding: 4px 0;overflow: hidden;*zoom: 1;}
.openDetail p{float: left;display: block;}
.openDetail p span{display:inline-block;margin-right:20px;color:#ababab;font-size:14px;}
.openDetail p span i{display:inline-block;margin-right:5px;position:relative;}
.openDetail p span:nth-child(1) i{width:16px;height:13px;background-position:-444px -14px;top:2px;}
.openDetail p span:nth-child(2) i{width:16px;height:16px;background-position:-478px -14px;top:3px;}
.openDetail p span:nth-child(3) i{width:14px;height:16px;background-position:-512px -15px;top:3px;}
.openDetail .lop{float: right;color:#ababab;font-size:16px;cursor:pointer;}
.openDetail .lop:hover{color:#fc671a;}
.openDetail .lop i{display:inline-block;transform:rotate(45deg);background-color: #fff;margin-left: 10px;position: relative;}
.openDetail .lop i.down{width: 12px;height: 19px;border-right: 1px solid #b1b1b1;border-bottom: 1px solid #b1b1b1;top: -2px;}
.openDetail .lop i.up{width: 14.5px;height: 12px;border-left: 1px solid #b1b1b1;border-top: 1px solid #b1b1b1;top: 6px;}
.openDetail .lop:hover i.down,.openDetail .lop:hover i.up{border-color: #fc671a; }
/* 详细信息 */
.ga_info{padding: 20px;}
.ga_info ul {width:788px;padding-top: 10px;overflow: hidden;*zoom: 1;}
.ga_info ul li{float: left;display:inline-block;width:375px;margin-right:18px ;height:30px;line-height: 30px;font-size:15px;color:#666;overflow:hidden;white-space:nowrap;}
.ga_info ul li span{font-size:15px;color:#666;line-height: 30px;}
.ga_info ul li em{font-size:15px;color:#2fa2ea;line-height: 30px;}
/* 下载地址 */
.ga_address{padding: 20px 20px 13px;}
.ga_address .app_down{padding-top: 20px;margin-left: 8px;}
.ga_address .app_down a{display: block;}
.ga_address .app_down div{width: 230px;height: 48px;line-height: 48px;color: #fff;font-size: 16px;margin-bottom: 10px;text-align: center;border-radius: 2px;}
.ga_address .app_down div i{display: inline-block;width: 21px;height: 24px;position: relative;top: 5px;margin-right: 5px;}
.ga_address .app_down .android_down i{background-position: -581px -8px;}
.ga_address .app_down .ios_down i{background-position: -615px -8px;}
.ga_address .app_down .android_down{background-color: #23c268;}
.ga_address .app_down .ios_down{background-color: #29adff;}
.ga_address .app_down a:hover .android_down{opacity: 0.9;}
.ga_address .app_down a:hover .ios_down{opacity: 0.9;}
.ga_address .app_down .no_down{background-color: #b2b2b2;text-align: center;}
.ga_address .app_down .no_down span{margin-left:0;}
.ga_address .app_down .appdown_no{background-color: #b2b2b2;text-align: center;}
.ga_address .app_down .appdown_no span{margin-left:0;}

.app_down .pull{border:0;background-color: #b2b2b2;text-align: center;width: 230px;height: 48px;line-height: 48px;color: #fff;font-size: 16px;margin-bottom: 10px;text-align: center;border-radius: 2px;}

/* 热门游戏 */
.ga_hot {padding: 20px 20px 13px; }
.ga_hot .list{width: 788px;overflow: hidden;padding-top: 20px;}
.ga_hot ul { width: 808px;overflow: hidden;*zoom: 1;}
.ga_hot li { width: 185px; height: 66px;margin: 0 13px 12px 0; border: 1px solid #e6e6e6; border-radius: 4px; float: left; -webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.ga_hot li a { padding: 10px 9px;display: block;overflow: hidden;*zoom: 1; }
.ga_hot li div{float: left;overflow: hidden;}
.ga_hot li img { border-radius: 8px; width: 46px; height: 46px; display: block; float: left; margin-right: 10px;}
.ga_hot li .name {white-space: nowrap;overflow: hidden; font-size: 14px; width: 110px; line-height: 16px; color: #666666;margin-top: 4px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.ga_hot li p { font-size: 12px; line-height: 14px; color: #999999; margin-top: 10px; }
.ga_hot li:hover { border: 1px solid #ffc5a9; }
.ga_hot li:hover .name  { color: #ff6600; }
.ga_hot li img:hover{opacity: 0.9;}

.ga_same{position:relative;padding:20px 20px 3px;}
.ga_same .tab_menu{position:absolute;height: 28px;z-index: 1;right:20px;top:20px;font-size:16px;color:#666;background-color: #fff;overflow: hidden;*zoom: 1;border-top: 2px solid #ff794a;border-bottom: 2px solid #ff794a;transform:skewX(-15deg);-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);}
.ga_same .tab_menu li{float:left;cursor:pointer;}
.ga_same .tab_menu li span{float: left;display: block;padding: 0 36px;line-height: 28px;transform:skewX(15deg);-webkit-transform:skewX(15deg);-moz-transform:skewX(15deg);}
.ga_same .tab_menu li i{float: left;display: block;width: 2px;height: 30px;line-height:  28px;background-color: #ff794a;}
.ga_same .tab_menu li.current,.ga_same .tab_menu li:hover{background-color: #ff794a;color: #fff;}
.ga_same .cont{padding-top: 23px;}
.ga_same .sub_box{width:788px;overflow:hidden;}
.ga_same .sub_box .img_box{margin-bottom:23px;overflow: hidden;*zoom: 1;}
.ga_same .sub_box .img_box>a{float: left;display: block;position: relative;}
.ga_same .sub_box .img_box>a span{display: block;position: absolute;top: 10px;left: 0;padding: 0 6px;font-size: 14px;color: #fff;line-height: 24px;background-color:rgba(0,0,0,0.67);}
.ga_same .sub_box .img_box img{display:block;width:240px;height:120px;float:left;margin-right:17px;border-radius: 6px;}
.ga_same .sub_box .img_box .infos{width:530px;position:relative;float:left;}
.ga_same .sub_box .img_box .infos a{display:block;height:32px;line-height:32px;font-weight:bold;font-size:18px;color: #000;}
.ga_same .sub_box .img_box .infos a:hover{color:#f57b42;}
.ga_same .sub_box .img_box .infos p{color:#666;font-size: 14px;height:80px;overflow:hidden;line-height:26px;margin-top: 8px;}
.ga_same .sub_box ul{width:818px;overflow: hidden;*zoom: 1;}
.ga_same .sub_box li{width:249px;margin:0 20px 25px 0;float:left;overflow: hidden;*zoom: 1;}
.ga_same .sub_box li img{float: left;display:block;width:85px;height:85px;border-radius:12px;margin-right: 20px;}
.ga_same .sub_box li .info{float: left;width:144px;height: 85px;overflow: hidden;}
.ga_same .sub_box li .name{display: block;font-size:16px;color:#333;line-height: 32px;font-weight: 500;overflow:hidden;white-space:nowrap; }
.ga_same .sub_box li p{font-size:12px;color: #cbcbcb;overflow:hidden;white-space:nowrap;}
.ga_same .sub_box li p span{color:#999;line-height: 22px;}
.ga_same .sub_box li .btn{display: block;width: 60px;height: 20px;line-height: 20px;font-size: 14px;color: #666;border: 1px solid #cdcdcd;border-radius: 3px;text-align: center;margin-top: 8px;}
.ga_same .sub_box li:hover .btn{background-color: #f57b42;color: #fff;border-color: #f57b42;}
.ga_same .sub_box li:hover .btn.no{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.ga_same .sub_box li:hover .name{color: #f57b42;font-weight: 500;}
.ga_same .sub_box li img:hover,.ga_same .sub_box .img_box img:hover{opacity: 0.9;}

.ga_strategy{padding:20px 20px 10px;}
.ga_strategy .circleList{width: 826px;overflow: hidden;*zoom: 1;padding: 13px 0;}
.ga_strategy ul{float: left;width:376px;margin-right: 33px;position: relative;}
.ga_strategy li{position:relative;}
.circleList ul .line{ position:absolute; left:4px; top:20px; width:2px;background-color:#e4e4e4;}
.ga_strategy li a{display:block;height:40px;line-height:40px;font-size: 15px;color: #353533;border-bottom: 1px dashed #ededed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:20px;}
.ga_strategy li:hover a{color: #ff7800;}
.ga_strategy li:before{content:"";position:absolute;z-index:3; width:6px; height:6px; background:#fff; border:2px solid #e4e4e4; border-radius:50%; -webkit-border-radius:50%;left:0px;top:15px;}
.ga_strategy li:hover:before{background-color: #ff7800;border-color: #ff7800;}

.ga_collecte{padding:20px 20px 23px;}
.ga_collecte ul{width: 350px;padding-top: 4px;overflow: hidden;*zoom: 1;}
.ga_collecte li{float: left;width:80px;height: 34px;line-height: 34px;text-align:center;margin: 15px 20px 0 6px;border: 1px solid #e9e9e9;border-radius:3px;transform:skewX(-15deg);-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);overflow:hidden;*zoom: 1;}
.ga_collecte li a{display: block;width: 74px;padding: 0 5px;height: 34px;line-height: 34px;font-size:14px;color:#464646;text-align:center;overflow:hidden;transform:skewX(15deg);-webkit-transform:skewX(15deg);-moz-transform:skewX(15deg);}
.ga_collecte li:hover {background-color: #ff7800;border-color: #ff7800;}
.ga_collecte li:hover a{color: #fff;}

.ga_rank {padding:20px 20px 3px;}
.ga_rank ul{width: 332px;padding-top: 18px;}
.ga_rank li{margin-bottom: 20px;}
.ga_rank li a{display: block;height: 84px;width:100%;left: -20px;overflow: hidden;*zoom: 1;}
.ga_rank li a img{float: left;width: 84px;height: 84px;border-radius: 16px;margin-right: 14px;}
.ga_rank li a .info{float: left;width:216px;}
.ga_rank li a p{overflow:hidden;white-space:nowrap;font-size: 14px;color: #999;line-height: 20px;}
.ga_rank li a .name{font-size: 16px;color: #333;line-height: 36px;}
.ga_rank li a span{font-size: 12px;color: #999;line-height: 20px;margin-right: 14px;}
.ga_rank li a .txt{font-size: 14px;color: #999;height: 28px;line-height: 28px;text-overflow: ellipsis;}
.ga_rank li a:hover .name{color: #ff7800;}
.ga_rank li a img:hover{opacity: 0.9;}

.strategy_left{float: left;width: 828px;}
.strategy_right{float: right;width: 353px;}
.strategy_left section,.strategy_right section{background-color: #fff;-moz-box-shadow:0px 3px 3px #ebebeb; -webkit-box-shadow:0px 3px 3px #ebebeb; box-shadow:0px 3px 3px #ebebeb;margin-bottom: 18px;}

.strategy_left .pagecode{margin: 30px 20px 60px;}
.strategy_right .ga_rank{border: 1px solid #e9e9e9;}

.stra_list{border: 1px solid #e9e9e9;}
.stra_list ul li{overflow: hidden;}
.stra_list li a{display:block;padding:20px 0;margin: 0 20px;border-bottom:1px solid #e0e7eb;overflow: hidden;*zoom: 1;}
.stra_list li:last-of-type a{border-bottom: 0;}
.stra_list li img{float: left;width:204px;height:120px;margin-right: 20px;border-radius: 5px;}
.stra_list li .info{ float: left;width:560px;height:120px;overflow: hidden;}
.stra_list li strong{font-size:18px;color:#333;line-height:32px;font-weight: 500;overflow: hidden;white-space:nowrap}
.stra_list li .time{font-size:12px;color:#666;line-height:24px;margin-top: 10px;overflow: hidden;*zoom: 1;}
.stra_list li .time span{max-width: 230px;overflow: hidden;white-space: nowrap}
.stra_list .time span:nth-child(1){float: left;}
.stra_list .time span:nth-child(2){float: right;color: #bdbdbd;}
.stra_list .time span:nth-child(1) i{display: inline-block;width: 16px;height: 20px;background-position: -650px -12px; position: relative;top: 2px;margin-right: 8px;}
.stra_list .time span:nth-child(2) i{display: inline-block;width: 14px;height: 16px;background-position: -675px -14px; position: relative;top: 2px;margin-right: 8px;}
.stra_list li .txt{display: block;height: 44px;font-size:14px;line-height:22px;color:#666;overflow:hidden;margin-top: 3px;}
.stra_list li:hover {background-color: #fff7f3;}
.stra_list li:hover a{border-color: #fff7f3;}
.stra_list li:hover strong{color: #ff7800;}
.stra_list li img:hover{opacity: 0.9;}

.stra_hot{padding: 20px 20px 13px;}
.stra_hot ul{padding-top: 8px;}
.stra_hot li a{display: block;padding: 10px 0;position: relative;overflow: hidden;*zoom: 1;}
.stra_hot li img{width:67px;height:67px;float:left;margin-right: 12px;display: block;border-radius: 5px;}
.stra_hot li .info{width: 180px;float: left;}
.stra_hot li p{display: block;height: 46px;line-height:22px;font-size:14px;color: #000000;overflow: hidden;}
.stra_hot li span{display: block;line-height:22px;font-size:12px;color: #bdbdbd;overflow: hidden;}
.stra_hot li:hover p{color: #ff7800;}
.stra_hot li img:hover{opacity: 0.9;}

.stradetail_left{float: left;width: 828px;}
.stradetail_right{float: right;width: 353px;}
.stradetail_left section,.stradetail_right section{background-color: #fff;-moz-box-shadow:0px 3px 3px #ebebeb; -webkit-box-shadow:0px 3px 3px #ebebeb; box-shadow:0px 3px 3px #ebebeb;margin-bottom: 18px;}

.straDeCont{padding: 20px;}
.straDeCont .tit{padding: 6px;text-align:center;}
.straDeCont .tit h1{display:block;line-height:48px;font-size:24px;color: #333;font-weight:bold;margin-bottom: 16px;}
.straDeCont .tit p{font-size: 14px;color:#c7c7c7;line-height: 20px;overflow:hidden;white-space:nowrap;}
.straDeCont .tit p span{display: inline-block;max-width: 260px;margin:0 20px;overflow:hidden;white-space:nowrap;}
.straDeCont .tit p span em{color: #999;}
.straDeCont .cont{padding:10px 0 0;font-size:15px;color:#666;line-height:32px;}
.straDeCont .cont a{line-height: 26px;text-indent: 0;color:#ff7800;}
.straDeCont .cont a:hover{opacity: 0.9;}
.straDeCont .cont p{line-height: 26px;color: #666;margin-bottom: 16px;text-indent: 2em}
.straDeCont .cont br{height: 2px;}
.straDeCont .cont img{display:block;max-width:788px;margin:16px auto;text-align: center;}
.straDeCont .cont p img{display:block;max-width:788px;margin:2px auto;text-align: center;}
.straDeCont .cont h3,.straDeCont .cont p h3{margin-bottom:16px;line-height: 28px;font-size:18px;font-weight:bold;color:#333;}
.straDeCont .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;}

.straDeDown {padding: 19px 17px 19px 14px;border: 1px solid #ffcfa5;background-color: #fff2e7;margin: 30px 0;border-radius: 5px;overflow: hidden;*zoom: 1;-webkit-background-size: 5px 5px;-moz-background-size: 5px 5px;background-size: 5px 5px;background-image: -webkit-gradient(linear, 0 0, 100% 100%,   color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),   color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),   color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,    transparent 75%, transparent);   background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,transparent 75%, transparent);}
.straDeDown>a{display: block;float: left;margin-right: 22px;}
.straDeDown>a img{display: block;width:110px;height: 110px;border-radius: 16px;}
.straDeDown .info{float: left;max-width: 468px;}
.straDeDown .info a{font-size: 18px;color: #000;line-height: 36px;overflow:hidden;white-space:nowrap;}
.straDeDown .info p{font-size: 14px;color: #999;line-height: 36px;overflow:hidden;white-space:nowrap;}
.straDeDown .info p em{color: #333;margin-right: 50px;}
.straDeDown .info p span{display: inline-block;padding: 0 6px;line-height: 20px;color: #888;font-size: 12px;border: 1px solid #e0e0e0;border-radius: 3px;margin-right: 10px;background-color: rgba(255,255,255,0.6);}
.straDeDown .look{float: right;}
.straDeDown .look a{display: block;width: 130px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;background-color: #f5f5f5;border-radius: 30px;margin: 20px 0;}
.straDeDown .look a:first-of-type{background-color: #ff7800;}
.straDeDown .look a:first-of-type i{display: inline-block;width: 16px;height: 15px;background-position: -704px -14px; position: relative;top: 2px;margin-right: 8px;}
.straDeDown .look a:nth-of-type(2){background-color: #b9d317;}
.straDeDown .look a:nth-of-type(2) i{display: inline-block;width: 13px;height: 17px;background-position: -729px -14px; position: relative;top: 3px;margin-right: 8px;}
.straDeDown .look a:first-of-type:hover{opacity: 0.9;}
.straDeDown .look a:nth-of-type(2):hover{opacity: 0.9;}
.straDeDown>a:hover img{opacity: 0.9;}
.straDeDown .info a:hover{color: #ff7800;} 

.next_pre{width: 788px; height: 24px;border-top: 1px dashed #ededed;overflow: hidden;*zoom: 1;padding: 12px 0;}
.next_pre p{width:50%;float:left;color: #999;font-size: 15px;line-height: 24px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.next_pre p:nth-of-type(1){text-align: left;}
.next_pre p:nth-of-type(2){text-align: right;}
.next_pre p a{color: #666;}
.next_pre p a:hover{color: #ff7800;}
.next_pre p span{color: #ccc;}

.straga_same{padding: 20px 20px 3px;}
.straga_same ul{width:810px;padding-top: 20px;overflow: hidden;*zoom: 1;}
.straga_same li{width:249px;margin:0 20px 25px 0;float:left;overflow: hidden;*zoom: 1;}
.straga_same li img{float: left;display:block;width:85px;height:85px;border-radius:12px;margin-right: 20px;}
.straga_same li .info{float: left;width:144px;height: 85px;overflow: hidden;}
.straga_same li .name{display: block;font-size:16px;color:#333;line-height: 32px;font-weight: 500;overflow:hidden;white-space:nowrap; }
.straga_same li p{font-size:12px;color: #cbcbcb;overflow:hidden;white-space:nowrap;}
.straga_same li p span{color:#999;line-height: 22px;}
.straga_same li .btn{display: block;width: 60px;height: 20px;line-height: 20px;font-size: 14px;color: #666;border: 1px solid #cdcdcd;border-radius: 3px;text-align: center;margin-top: 8px;}
.straga_same li .btn:hover{background-color: #f57b42;color: #fff;border-color: #f57b42;}
.straga_same li .btn.no:hover{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.straga_same li:hover .name{color: #f57b42;font-weight: 500;}
.straga_same li img:hover{opacity: 0.9;}

.strade_hot{padding: 20px 20px 13px;}
.strade_hot>a{position: relative;display: block;margin-top: 20px;border-radius: 5px;overflow: hidden;}
.strade_hot>a img{width: 313px;height: 125px;display: block;border-radius: 5px;}
.strade_hot>a p{position: absolute;bottom:0;left: 0;right: 0;display: block;background-color: rgba(0,0,0,0.66);font-size: 14px;color:#fff;text-align: center;width: 100%;height:28px;line-height: 28px;overflow:hidden;white-space:nowrap;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.strade_hot>a:hover p{bottom: -28px;}
.strade_hot>a:hover img{opacity: 0.95;}

.strade_hot ul{margin-top: 12px;position: relative;}
.strade_hot li{position:relative;overflow: hidden;*zoom: 1;}
.strade_hot .circleList ul .line{ position:absolute; left:56px; top:20px; width:2px;background-color:#e4e4e4;}
.strade_hot li span{float: left;display: block;width: 48px;height:40px;line-height:40px;font-size: 15px;color: #cccccc;}
.strade_hot li a{float: right;display:block;width: 240px;height:40px;line-height:40px;font-size: 15px;color: #353533;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.strade_hot li:hover a,.strade_hot li:hover span{color: #ff7800;}
.strade_hot li:before{content:"";position:absolute;z-index:3; width:6px; height:6px; background:#fff; border:2px solid #e4e4e4; border-radius:50%; -webkit-border-radius:50%;left:52px;top:15px;}
.strade_hot li:hover:before{background-color: #ff7800;border-color: #ff7800;}

.topic_list{width: 1200px;margin: auto;padding:10px 0; overflow: hidden;}
.topic_list .tiTle em{background-color: #f5f5f5;}
.topic_list ul{width: 1230px;padding-top: 20px;overflow: hidden;*zoom: 1;}
.topic_list li{float: left;width:280px;border: 1px solid #e9e9e9;margin:0 24px 23px 0;border-radius: 5px;background-color: #fff;overflow: hidden;}
.topic_list li>a{display: block;position: relative;}
.topic_list li>a span{display: block;position: absolute;top: 7px;left: 0;padding: 0 6px;font-size: 14px;color: #fff;line-height: 24px;background-color:rgba(0,0,0,0.67);}
.topic_list li>a img{display:block;width:280px;height:138px;}
.topic_list li>a img:hover{opacity: 0.9;}
.topic_list li div{padding:10px 10px 12px;}
.topic_list li div a{display: block;font-size: 18px;color: #000;line-height: 24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.topic_list li div p{display: block;height: 66px;font-size: 14px;color: #858585;line-height: 22px;margin-top: 6px;overflow: hidden;}
.topic_list li:hover a{color: #ff7800;}
/* 专题详情 */
.topicDetailT{background-color: #fff;padding: 16px 0;}
.topicDetailT>div{position: relative;width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.topicDetailT img{float: left;display: block;padding: 10px;border: 1px solid #f8f8f8;width: 500px;height: 242px;margin-right: 20px;overflow: hidden;}
.topicDetailT .info{float: left;width:650px;height: 264px;overflow: hidden;}
.topicDetailT .info h1{font-size: 26px;color: #666;line-height: 72px;border-bottom: 1px solid #efefef;white-space: nowrap;overflow: hidden;}
.topicDetailT .info .txt{display: block;height: 100px;font-size: 14px;color: #999;line-height: 24px;margin-top: 20px;overflow: hidden;}
.topicDetailT .info .sum{margin-top: 6px;overflow: hidden;*zoom: 1;}
.topicDetailT .sum span{float: left;color: #cccccc;font-size: 14px;line-height: 52px;}
.topicDetailT .sum span em{color: #ff7800;margin: 0 4px;}
.topicDetailT .sum a{float: right;color: #3399ff;font-size: 14px;line-height: 52px;}
.topicDetailT .sum a:hover{text-decoration: underline;}

.topicDetailB{width: 1200px;margin: auto;}
.topicDetailB ul,.topicDetailB .toList{overflow: hidden;*zoom: 1;}
.topicDetailB ul{padding-top: 20px;}
.topicDetailB ul li{position: relative;float: left;width: 348px;height: 200px;padding:16px;background-color: #fff;margin:0 26px 26px 0;border: 1px solid #ededed;border-radius: 5px;}
.topicDetailB ul li:nth-child(3n+3){margin-right: 0;}
.topicDetailB ul li:nth-child(-n+3){margin-top: 0;}
.topicDetailB ul li.hot{border-top: 1px solid #ffa826;}
.topicDetailB ul li.zan{border-top: 1px solid #f36173;}
.topicDetailB ul li.game{border-top: 1px solid #74a6ff;}
.topicDetailB ul li>i{position: absolute;width: 32px;height: 32px;top: -0px;right: -0px;}
.topicDetailB ul li.hot>i{background-position: -0px -99px;}
.topicDetailB ul li.zan>i{background-position: -58px -99px;}
.topicDetailB ul li.game>i{background-position: -118px -99px;}
.topicDetailB .toList>a,.topicDetailB .toList>div,.topicDetailB .toList>p{display: block;float: left; }
.topicDetailB .toList>a img{width: 110px;height: 110px;border-radius: 16px;margin-right: 16px;}
.topicDetailB .toList>div{width:216px ;}
.topicDetailB .toList>div .name{font-size:18px ;color: #000;line-height: 26px;overflow: hidden;white-space: nowrap; }
.topicDetailB .toList>div p{font-size: 14px;color: #999;line-height: 24px;margin-top: 8px;}
.topicDetailB .toList>div p span{color: #666;}
.topicDetailB .toList>div .down{display: block;font-size: 12px;color: #666;height: 28px;line-height: 28px;border: 1px solid #e0e0e0;border-radius:15px;width: 108px;text-align: center;margin-top: 16px;}
.topicDetailB .toList>div .down i{display: inline-block;width: 14px;height: 15px;background-position: -753px -13px;position: relative;top: 2px;margin-right: 4px;}

.topicDetailB .toList>p{display: block;height: 70px;font-size: 14px;color: #666;line-height: 24px;overflow: hidden;margin-top: 20px;}
.topicDetailB ul li:hover{-moz-box-shadow:0px 0px 6px #e9e9e9; -webkit-box-shadow:0px 0px 6px #e9e9e9; box-shadow:0px 0px 6px #e9e9e9; }
.topicDetailB ul li:hover .down{background-color: #ff7800;color: #fff;border-color: #ff7800;}
.topicDetailB ul li:hover .down.no{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.topicDetailB ul li:hover .down i{background-position: -776px -14px;}
.topicDetailB .toList>div .down:hover,.topicDetailB .toList>div .down.no:hover{opacity: 0.9;}
.topicDetailB .toList>div .name:hover{color: #ff7800;}
.topicDetailB .toList>a img:hover{opacity: 0.9;}

.rank_left{float: left;width: 262px;}
.rank_right{float: right;width: 924px;}
.rank_left section,.rank_right section{background-color: #fff;border: 1px solid #ededed;margin-bottom: 18px;border-radius: 6px;overflow: hidden;}

.rank_menu>div{position: relative;width: 260px;height: 59px;}
.rank_menu>div i{display: block;width: 260px;height: 59px;background-position: 0 -153px;position: relative;top: 0;}
.rank_menu>div p{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: block;width: 135px;height: 58px;line-height: 58px;font-size: 20px;color: #fff;font-weight: bold;font-style:oblique;text-align: center;}
.rank_menu li{position: relative;height: 76px;border-bottom: 1px solid #eeeeee;}
.rank_menu li:last-of-type{border: 0;}
.rank_menu li a{display: block;padding: 10px 17px;}
.rank_menu li a p{display: block;width: 220px;height: 32px;line-height: 32px;font-size: 18px;color: #000;overflow: hidden;white-space: nowrap;}
.rank_menu li a span{display: block;width: 220px;height: 24px;line-height:24px;font-style: oblique;font-size: 15px;color: #d7d7d7;overflow: hidden;white-space: nowrap;}
.rank_menu li a i{display: block;position: absolute;bottom: 0;}
.rank_menu li:nth-of-type(1) a i{width: 72px;height: 60px;background-position:-4px -313px;right: 12px;}
.rank_menu li:nth-of-type(1):hover a i,.rank_menu li:nth-of-type(1).current a i{background-position:-4px -238px;}
.rank_menu li:nth-of-type(2) a i{width: 78px;height: 63px;background-position:-102px -309px;right: 12px;}
.rank_menu li:nth-of-type(2):hover a i,.rank_menu li:nth-of-type(2).current a i{background-position:-102px -235px;}
.rank_menu li:nth-of-type(3) a i{width: 73px;height: 60px;background-position:-212px -313px;right: 19px;}
.rank_menu li:nth-of-type(3):hover a i,.rank_menu li:nth-of-type(3).current a i{background-position:-212px -238px;}
.rank_menu li:hover,.rank_menu li.current{background-color: #fff7f3;}
.rank_menu li:hover p,.rank_menu li.current p{color: #ff7800;}
.rank_menu li:hover span,.rank_menu li.current span{color: #ffdccb;}

.rank_list>div{width: 100%;height: 58px;background: url(../img/topRank.jpg) no-repeat;background-size: 100% 100%;font-size: 24px;color: #fff;font-weight: bold;line-height: 72px;text-align: center;}
.rank_list li{position: relative;height: 190px;border-bottom: 1px solid #e6e6e6;}
.rank_list li .imgBox{float: left;display: block;padding: 30px 36px 41px 98px;}
.rank_list li .imgBox img{display: block;width: 119px;height: 119px;border-radius: 16px;}
.rank_list li .imgBox img:hover{opacity: 0.9;}
.rank_list li .info{float: left;width: 500px;}
.rank_list li .info>a{display: block;font-size: 18px;color: #ff7800;line-height: 28px;font-weight: bold;padding-top: 24px;overflow: hidden;white-space: nowrap;}
.rank_list li .info p{font-size: 14px;color: #999;line-height: 24px;margin-top: 6px;}
.rank_list li .info p span{margin: 0 6px;}
.rank_list li .info .txt{display: block;color: #666;height: 50px;overflow: hidden;}
.rank_list li .info p:last-of-type{margin-top: 12px;height: 30px;overflow: hidden;*zoom: 1;}
.rank_list li .info p a{float: left;display: block;padding: 0 6px;height: 20px;line-height: 20px;font-size: 12px;color: #ffa280;border: 1px solid #ffd3be;margin-right: 8px;border-radius: 2px;}
.rank_list li .info p a:hover{background-color:#ff7800;color: #fff;border-color:#ff7800;}
.rank_list li:hover{background-color: #fff7f3;}
.rank_list li .down{float: right;display: block;font-size: 12px;height: 30px;line-height: 30px;background-color: #ff7800;color: #fff;border-bottom-left-radius: 15px;border-top-left-radius: 15px;width: 108px;text-align: center;position: absolute;top: 72px;right: -5px;}
.rank_list li .down i{display: inline-block;width: 16px;height: 15px;background-position: -704px -14px;position: relative;top: 2px;margin-right: 4px;}
.rank_list li .down:hover{opacity: 0.9;}
.rank_list li em{position: absolute;top: 62px;left: 28px;}
.rank_list li:nth-of-type(1) em,.rank_list li:nth-of-type(2) em,.rank_list li:nth-of-type(3) em{position: absolute;top: -5px;left: 16px;}
.rank_list li:nth-of-type(1) em i{display: block;width: 64px;height: 64px;background-position: -478px -43px;}
.rank_list li:nth-of-type(2) em i{display: block;width: 64px;height: 64px;background-position: -537px -43px;}
.rank_list li:nth-of-type(3) em i{display: block;width: 64px;height: 64px;background-position: -595px -43px;}
.rank_list li:nth-of-type(n+4) em{display: block;width: 38px;line-height: 34px;font-size: 20px;color: #999;font-style: oblique;font-family: Times New Roman,"Georgia";;background-color: #ededed;border-top-left-radius: 8px;border-bottom-right-radius: 8px;text-align: center;}
.rank_list li:nth-of-type(n+4):hover em{background-color: #ff7800;color: #fff;}
/* 首页 */
.index_one{background-color: #fff;}
.index_one>div{width: 1200px;margin: auto;}

.index_two{height: 558px;background-color: #f5f6f9;overflow: hidden;}
.index_two .titIndex em{color: #f57400;}
.index_two .titIndex em i:nth-of-type(1){width:14px;height:14px;background-position:-338px -241px;position:relative;margin-right:8px;}
.index_two .titIndex em i:nth-of-type(2){width:20px;height:17px;background-position:-338px -273px;position:relative;margin-left:8px;}
.index_two .hotTab .tab_menu li.current,.index_two .hotTab .tab_menu li:hover{color:#fff;background-color:#ef9002;}
.index_two .hotTab .preNextBox em:hover{color:#fff;background-color:#ef9002;}
.index_two .hotTab .dotTabBox i.current{background-color:#ef9002;}

.index_three{height: 558px;background-color: #fff;}
.index_three .titIndex em{color: #b3cd12;}
.index_three .titIndex em i:nth-of-type(1){width:17px;height:17px;background-position:-374px -241px;position:relative;margin-right:8px;}
.index_three .titIndex em i:nth-of-type(2){width:10px;height:10px;background-position:-374px -273px;position:relative;top: -6px;margin-left:8px;}
.index_three .hotTab .tab_menu li.current,.index_three .hotTab .tab_menu li:hover{color:#fff;background-color:#b9d317;}
.index_three .hotTab .preNextBox em:hover{color:#fff;background-color:#b9d317;}
.index_three .hotTab .dotTabBox i.current{background-color:#b9d317;}

.index_four{height: 450px;overflow: hidden;background-color: #eee; background-image: linear-gradient(60deg, #e4e4e4 ,50%, #eee 50%);}
.index_four .titIndex em{color: #2c95f3;}
.index_four .titIndex em i:nth-of-type(1){width:8px;height:25px;background-position:-406px -241px;position:relative;top: 3px;margin-right:8px;}
.index_four .titIndex em i:nth-of-type(2){width:21px;height:23px;background-position:-406px -273px;position:relative;top: 3px;margin-left:8px;}

.index_five{height: 500px;overflow: hidden;background-color: #fff;}
.index_five .titIndex em{color: #ff336d;}
.index_five .titIndex em i:nth-of-type(1){width:13px;height:26px;background-position:-448px -241px;position:relative;top: 3px;margin-right:8px;}
.index_five .titIndex em i:nth-of-type(2){width:17px;height:19px;background-position:-448px -273px;position:relative;top: 2px;margin-left:8px;}

.index_six{height: 760px;overflow: hidden;background-color: #f5f6f9;}
.index_six .titIndex {padding-top: 10px;}
.index_six .titIndex em{color: #ffad38;}
.index_six .titIndex em i:nth-of-type(1){width:35px;height:23px;background-position:-486px -241px;position:relative;top: 3px;margin-right:8px;}
.index_six .titIndex em i:nth-of-type(2){width:14px;height:13px;background-position:-486px -273px;position:relative;top: 2px;margin-left:8px;}
/* 1 */
.hotGame {padding: 18px 0;border-radius: 5px;overflow: hidden;*zoom: 1;}
.hotGame .tab_menu{float:left;background:#f9f9f9;}
.hotGame .tab_menu li{width:130px;height:66px;line-height:66px;border:1px solid #ccc;border-bottom: 0;border-right: 0;font-size:16px;color: #000;position:relative;cursor:pointer;text-align: center;overflow: hidden;}
.hotGame .tab_menu li:last-of-type{border-bottom:1px solid #ccc;}
.hotGame .tab_menu li.current span,.hotGame .tab_menu li:hover span{color:#ff6600;}
.hotGame .tab_menu li i,.hotGame .tab_menu li span{display:inline-block;}
.hotGame .tab_menu li:nth-of-type(1) i{width:18px;height:21px;background-position:-176px -90px;position:relative;top:4px;margin-right:8px;}
.hotGame .tab_menu li:nth-of-type(1).current i,.hotGame .tab_menu li:nth-of-type(1):hover i{background-position:-176px -115px;}
.hotGame .tab_menu li:nth-of-type(2) i{width:18px;height:15px;background-position:-213px -93px;position:relative;top:2px;margin-right:8px;}
.hotGame .tab_menu li:nth-of-type(2).current i,.hotGame .tab_menu li:nth-of-type(2):hover i{background-position:-213px -118px;}
.hotGame .tab_menu li:nth-of-type(n+2) i{width:18px;height:15px;background-position:-213px -93px;position:relative;top:2px;margin-right:8px;}
.hotGame .tab_menu li:nth-of-type(n+2).current i,.hotGame .tab_menu li:nth-of-type(n+2):hover i{background-position:-213px -118px;}
.hotGame .tab_menu li.current{width: 129px;background-color: #fff;border-color:#ffb996;border-left: 2px solid #ff7800;border-right:1px solid transparent;margin-right: -1px;}
.hotGame .tab_menu li:hover{background-color: #fff;}
.hotGame .tab_menu li:nth-of-type(1).current + li{border-right-color: #ffb996;border-top-color: #ffb996;}
.hotGame .cont{float:left;width: 1055px;height: 133px;padding-left: 12px;border:1px solid #ffb996;overflow: hidden;}
.hotGame .cont ul{width:1060px;position:relative;overflow: hidden;*zoom: 1;}
.hotGame .cont li a{display:block;width:105px;height:134px;float:left;text-align:center;position:relative;z-index:2;}
.hotGame .cont li a:last-child{margin:0;}
.hotGame .cont li img{display:block;width:80px;height:80px;border-radius:14px;margin:12px auto 0;}
.hotGame .cont li p{display:block;height:40px;line-height:40px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotGame .cont li:hover p {color: #ff6600;}
.hotGame .cont li img:hover{opacity: 0.9;}

.indexRec{height: 371px;background: url(../img/indexOne.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;*zoom: 1;}

.indexRecL{width:533px;height:331px;border: 2px solid #000;margin: 18px;position:relative;float:left;overflow:hidden;}
.indexRecL ul{position:relative;overflow: hidden;*zoom: 1;}
.indexRecL li{width:533px;height:331px;float:left;position:relative;}
.indexRecL li img{width:533px;height:331px;}
.indexRecL .text{display:block;width:473px;height:24px;line-height:24px;position:absolute;bottom:0;padding:15px 45px 15px 15px;font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.72);}
:root .indexRecL .text{filter:none;}
.indexRecL .dot{width:30px;position:absolute;top:288px;right:5px;overflow: hidden;*zoom: 1;}
.indexRecL .dot div{padding-right:5px;float:right;}
.indexRecL .dot i{display:block;width:8px;height:8px;overflow:hidden;margin:5px 4px 0 0;background-color:#999;float:left;cursor:pointer;}
.indexRecL .dot i.current{background:#df5b28;}

.indexRecM{width: 420px;float: left;}
.indexRecM .txt_box{padding: 20px 12px;text-align: center;border-bottom: 1px solid #dedee0;}
.indexRecM .txt_box p,.indexRecM .txt_box>a,.indexRecM ul li{max-width: 100%;overflow: hidden;white-space: nowrap; }
.indexRecM .txt_box>a{display: block;font-size: 20px;color: #f0412a;line-height: 42px;font-weight: bold;}
.indexRecM .txt_box p{color: #d4d4d4;overflow: hidden;*zoom: 1;}
.indexRecM .txt_box p a{display:block;max-width: 190px;width: 190px;font-size: 14px;color: #0066c0;line-height: 24px;overflow: hidden;}
.indexRecM .txt_box p a:nth-child(1){float: left;text-align: right;}
.indexRecM .txt_box p a:nth-child(2){float: right;text-align: left;}
.indexRecM .txt_box>a:hover{color:#ed0e0e;}
.indexRecM .txt_box p a:hover{color: #1b7cf9;}
.indexRecM ul{margin-top: 12px;position: relative;}
.indexRecM li{position:relative;overflow: hidden;*zoom: 1;}
.indexRecM li a{display: block;overflow: hidden;*zoom: 1;margin-left: 20px;}
.indexRecM .circleList ul .line{ position:absolute; left:3px; top:16px; width:1px;background-color:#dde1e8;}
.indexRecM li span{float: right;display: block;width: 48px;height:32px;line-height:32px;text-align: right;font-size: 12px;color: #999;}
.indexRecM li p{float: left;display:block;width: 346px;height:32px;line-height:32px;font-size: 15px;color: #353533;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indexRecM li:hover p{color: #fa6400;text-decoration: underline;}
.indexRecM li:hover span{color: #fa6400;}
.indexRecM li:before{content:"";position:absolute;z-index:3; width:3px; height:3px; background:#fff; border:1px solid #dde1e8; border-radius:50%; -webkit-border-radius:50%;left:1.5px;top:15px;}
.indexRecM li:hover:before{width:5px; height:5px;background-color: #fd8042;border-color: #fd8042;left: 0.5px;}

.indexRecR{position: relative;float: right;width: 166px;margin-right: 18px;}
.indexRecR em{position: absolute;display: block;top: 24px;left: 0;right: 0;margin: auto;font-size: 18px;line-height: 40px;font-weight: bold;color: #fff;text-align: center;}
.indexRecR div{display: block;margin:90px auto 0;text-align: center;}
.indexRecR a{display: block;margin-top: 18px;}
.indexRecR a img{display:block;width: 80px;height: 80px;border-radius: 16px;margin: auto;}
.indexRecR a p{width: 90%;margin: auto;height: 30px;line-height: 30px;font-size: 15px;color: #333;font-weight: bold;overflow: hidden;white-space: normal;}
.indexRecR a img:hover{opacity: 0.9;}
.indexRecR a:hover p {color: #FF7800;}
/* 2 */
.hotTab{position:relative;width: 1200px;margin: 0 auto;}
.hotTab .tab_box{overflow: hidden;*zoom: 1;}
.hotTab .tab_menu{position: relative;width:292px;overflow:hidden;float: right;}
.hotTab .tab_menu .hidden_box{height:185px;overflow:hidden;position:relative;}
.hotTab .tab_menu ul{width:303px;float:left;position:absolute;overflow: hidden;*zoom: 1;}
.hotTab .tab_menu li{display:block;width:90px;height:38px;line-height:38px;text-align:center;color:#666;background:#e5e5e5;float:left;margin:0 11px 11px 0;cursor:pointer;}
.hotTab .tab_menu li:nth-child(3n+3){margin-right:0}
.hotTab .tab_menu li.current{color:#fff;background-color:#f65959;}
.hotTab .tab_menu li:hover{color:#fff;background-color:#f65959;}
.hotTab .preNextBox{width:90px;position:absolute;top:147px;right:0;overflow: hidden;*zoom: 1;}
.hotTab .preNextBox em{display:block;width:40px;height:38px;line-height:38px;text-align:center;color:#666;background:#e5e5e5;float:left;font-size:16px;cursor:pointer;}
.hotTab .preNextBox em:hover{color:#fff;background-color:#f65959;}
.hotTab .preNextBox em.pre{margin-right:10px;}
.hotTab .dotTabBox{text-align:right;margin-top:10px;}
.hotTab .dotTabBox i{display:inline-block;width:10px;height:10px;background:#ccc;margin-left:10px;cursor: default;}
.hotTab .dotTabBox i.current{background-color:#f65959;}
.hotTab .tab_cont{float: left;width:856px;height:408px;overflow:hidden;}
.hotTab .tab_cont ul{width:900px;overflow: hidden;*zoom: 1;}
.hotTab .tab_cont ul li{width:88px;text-align:center;float:left;margin-right:40px;}
.hotTab .tab_cont ul li a,.hotTab .tab_cont ul li img{display:block;}
.hotTab .tab_cont ul li img{width:88px;height:88px;border-radius:14px;}
.hotTab .tab_cont ul li p{height:20px;overflow:hidden;white-space:nowrap;margin:10px 0 20px 0;color:#666;}
.hotTab .tab_cont ul li a:hover p{color:#F60;}

.hotTab .cont ul{width:906px;max-height: 450px;margin-top: -10px;overflow: hidden;*zoom: 1;}
.hotTab .cont li{float:left;width:279px;margin:0 23px 8px 0;}
.hotTab .cont li:hover{background-color: #fff;}
.hotTab .cont a{display: block;padding:10px 12px;overflow: hidden;*zoom: 1;}
.hotTab .cont li img{float: left;display:block;width:85px;height:85px;border-radius:12px;margin-right: 25px;}
.hotTab .cont li .info{float: left;width:144px;height: 85px;overflow: hidden;}
.hotTab .cont li .name{display: block;font-size:16px;color:#333;line-height: 32px;font-weight: 500;overflow:hidden;white-space:nowrap; }
.hotTab .cont li p{font-size:12px;color: #cbcbcb;overflow:hidden;white-space:nowrap;}
.hotTab .cont li .btn{display: block;width: 60px;height: 20px;line-height: 20px;font-size: 14px;color: #666;border: 1px solid #cdcdcd;border-radius: 3px;text-align: center;margin-top: 8px;}
.hotTab .cont li:hover .btn{background-color: #ff7800;color: #fff;border-color: #ff7800;}
.hotTab .cont li:hover .btn.no{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.hotTab .cont li:hover .name{color: #ff7800;font-weight: 500;}
.hotTab .cont li img:hover,.hotTab .cont .img_box img:hover{opacity: 0.9;}

.hotTags{width:292px;position:absolute;right:0px;top:326px;overflow:hidden;}
.hotTags .tit{font-size:16px;color: #454545;line-height: 36px;}
.hotTags ul{width:300px;height: 156px;overflow: hidden;*zoom: 1;}
.hotTags ul li{width:90px;height:60px;border:1px solid #e9e9e9;background-color: #fff;position:relative;margin:12px 8px 0 0;float:left;box-shadow:  0px 3px 5px 0px #e9e9e9;}
.hotTags ul li:nth-child(3n+3){margin-right: 0; }
.hotTags ul li.c1 .triangle{border-top:15px solid #ffae5f;}
.hotTags ul li.c1 a{color:#ffae5f;}
.hotTags ul li.c1 a:hover .triangle{border-top:15px solid #fff;}
.hotTags ul li.c1 a:hover{background:#ffae5f;color:#fff;}
.hotTags ul li.c2 .triangle{border-top:15px solid #f74b4b;}
.hotTags ul li.c2 a{color:#f74b4b;}
.hotTags ul li.c2 a:hover .triangle{border-top:15px solid #fff;}
.hotTags ul li.c2 a:hover{background:#f74b4b;color:#fff;}
.hotTags ul li.c3 .triangle{border-top:15px solid #674bf7;}
.hotTags ul li.c3 a{color:#674bf7;}
.hotTags ul li.c3 a:hover .triangle{border-top:15px solid #fff;}
.hotTags ul li.c3 a:hover{background:#674bf7;color:#fff;}
.hotTags ul li.c4 .triangle{border-top:15px solid #c49155;}
.hotTags ul li.c4 a{color:#c49155;}
.hotTags ul li.c4 a:hover .triangle{border-top:15px solid #fff;}
.hotTags ul li.c4 a:hover{background:#c49155;color:#fff;}
.hotTags ul li.c5 .triangle{border-top:15px solid #93d877;}
.hotTags ul li.c5 a{color:#93d877;}
.hotTags ul li.c5 a:hover .triangle{border-top:15px solid #fff;}
.hotTags ul li.c5 a:hover{background:#93d877;color:#fff;}
.hotTags ul li.c6 .triangle{border-top:15px solid #f38ce3;}
.hotTags ul li.c6 a{color:#f38ce3;}
.hotTags ul li.c6 a:hover .triangle{border-top:15px solid #fff;}
.hotTags ul li.c6 a:hover{background:#f38ce3;color:#fff;}
.hotTags ul li .triangle{display:block;width:0;height:0;border-right:15px solid transparent;position:absolute;top:0;left:0;z-index:2;}
.hotTags ul li .plus{display:block;width:0;height:0;border-bottom:15px solid #fff;border-left:15px solid transparent;position:absolute;top:1px;left:1px;z-index:2;}
.hotTags ul li a{display:block;text-align:center;line-height:60px;}
/* 4 */
.hotTopic{position: relative;width: 1200px;height: 100%;margin: 0 auto;}
.carousel{width: 100%;height: 350px;margin:0 auto;overflow: hidden;position: relative;}
.carousel .caroList {width: 1000%;position: absolute;top: 0;left: 0;overflow: hidden;*zoom: 1;}
.carousel .caroList div {float: left;width: 1200px;}
.carousel .caroArrow{position: absolute;bottom: 0px;left: 0;right: 0;margin: auto;width:300px;height: 80px;line-height: 80px;text-align: center;}
.carousel .caroDot span{display:inline-block;width: 10px;height: 10px;margin: 0 9px;border-radius: 50%;background-color: #cecece;}
.carousel .caroDot span.on{background-color: #2fa2ea;}
.carousel .caroBtn span{display: block;position: absolute;top:22px;width: 34px;height: 34px;line-height: 32px;text-align: center;border-radius: 50%;background-color: #cecece;font-size: 22px;color: #fff;cursor: pointer;}
.carousel .caroPre{left: 0;}
.carousel .caroNext{right: 0;}
.carousel .caroBtn span:hover{background-color: #2fa2ea;}

.hotTopic ul{width: 1220px;overflow: hidden;*zoom: 1;}
.hotTopic li{float: left;margin:0 19.5px 22px 0;width: 224px;}
.hotTopic li a{position: relative;display: block;border-radius: 4px;overflow: hidden;}
.hotTopic li a img{width: 224px;height: 118px;display: block;border-radius: 4px;}
.hotTopic li a p{position: absolute;bottom:0;left: 0;right: 0;display: block;background-color: rgba(0,0,0,0.7);font-size: 18px;color:#fff;text-align: center;width: 100%;height:100%;line-height: 118px;overflow:hidden;white-space:nowrap;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.hotTopic li a i{display: inline-block;width:9px;height:14px;background-position:-259px -94px;position:relative;top: 1px;margin-left:7px;}
.hotTopic li a:hover p{color: #2fa2ea;}
.hotTopic li a:hover i{background-position: -259px -116px;}
/* 5 */
.hotArea{width: 1200px;margin: 0 auto;}
.hotArea .cont{width: 1220px;height: 370px;margin-top: 6px;overflow: hidden;*zoom: 1;}
.hotArea .list{float: left;width: 288px;border-radius: 5px;margin:0 16px 20px 0;overflow: hidden;}
.hotArea .list>a{position: relative;display: block;overflow: hidden;}
.hotArea .list>a img{width: 288px;height: 170px;display: block;}
.hotArea .list>a p{position: absolute;bottom:0;left: 0;right: 0;display: block;background-color: rgba(0,0,0,0.66);font-size: 14px;color:#fff;text-align: center;width: 100%;height:28px;line-height: 28px;overflow:hidden;white-space:nowrap;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.hotArea .list>a:hover p{bottom: -28px;}
.hotArea .list>a:hover img{opacity: 0.95;}

.hotArea ul{position: relative;padding: 12px 9px;max-height: 181px;border: 1px solid #e5e5e5;border-top: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;}
.hotArea li{position:relative;overflow: hidden;}
.hotArea li a{display: block;margin-left: 20px;}
.hotArea .circleList ul .line{ position:absolute; left:12px; top:27px; width:1px;background-color:#dde1e8;}
.hotArea li p{display:block;width: 246px;height:32px;line-height:32px;font-size: 15px;color: #353533;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotArea li:hover p{color: #fa6400;}
.hotArea li:before{content:"";position:absolute;z-index:3; width:3px; height:3px; background:#fff; border:1px solid #dde1e8; border-radius:50%; -webkit-border-radius:50%;left:1px;top:15px;}
.hotArea li:hover:before{width:6px; height:6px;background-color: #fd8042;border-color: #fd8042;left: 0;}
/* 6 */
.popRank{width: 1200px;margin: 0 auto;}
.popRank .cont{width: 1222px;padding-top: 30px;overflow: hidden;}
.popRank .phbCont{width:350px;float:left;padding: 0 18px 30px;margin-right:21px;background-color: #fff;}
.popRank .phbCont>div{position: relative;font-size: 18px;color: #333;line-height: 52px;padding-left: 10px;}
.popRank .phbCont>div span i{display: inline-block;position: relative;top: 19px;}
.popRank .phbCont>div span{position: absolute;top: -30px;right: 0;display: block;width: 76px;height: 76px;text-align: center;border-radius: 50%;border: 4px solid #fff;}
.popRank .phbCont:nth-of-type(1)>div span{background-color: #ff5a38;}
.popRank .phbCont:nth-of-type(1)>div span i{width: 32px;height: 39px;background-position: -293px -101px;}
.popRank .phbCont:nth-of-type(2)>div span{background-color: #b9d317;}
.popRank .phbCont:nth-of-type(2)>div span i{width: 38px;height: 38px;background-position: -346px -97px;}
.popRank .phbCont:nth-of-type(3)>div span{background-color: #39aeff;}
.popRank .phbCont:nth-of-type(3)>div span i{width: 36px;height: 35px;background-position: -404px -101px;}
.popRank .phbCont>i{display: block;width: 23px;height: 22px;background-position: -773px -64px;margin:0 0 11px 10px;}
.popRank .num,.popRank img{display:block;float:left;margin-right: 15px;}
.popRank .num { position: relative;display: inline-block;width: 16px;height: 16px;line-height: 16px;border: 1px solid #999;font-size: 12px;color: #999;text-align: center;}
.popRank ul li:nth-child(1) .num{width: 24px;height: 29px;background-position: -669px -63px;border: none;color: transparent;}
.popRank ul li:nth-child(2) .num{width: 24px;height: 28px;background-position: -705px -63px;border: none;color: transparent;}
.popRank ul li:nth-child(3) .num{width: 22px;height: 27px;background-position: -741px -63px;border: none;color: transparent;}
.popRank ul li:nth-child(n+4) .num:before{content: '';display:block;width:0;height:0;border-right:5px solid transparent;border-top: 5px solid #fff;position:absolute;top:-1px;left:-1px;z-index:2;}
.popRank ul li:nth-child(n+4) .num:after{content: '';display:block;width:1px;height:6px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);transform: rotate(45deg);background-color: #666;position:absolute;top:-1px;left:1px;z-index:2;}
.popRank .phbCont:nth-of-type(1) .num{border-color: #ffac9b;color: #ff5a38;}
.popRank .phbCont:nth-of-type(1) ul li:nth-child(n+4) .num:after{background-color: #ffac9b;}
.popRank .phbCont:nth-of-type(2) .num{border-color: #d9e688;color: #b2ce00;} 
.popRank .phbCont:nth-of-type(2) ul li:nth-child(n+4) .num:after{background-color: #d9e688;}
.popRank .phbCont:nth-of-type(3) .num{border-color: #9cd6ff;color: #39aeff;} 
.popRank .phbCont:nth-of-type(3) ul li:nth-child(n+4) .num:after{background-color: #9cd6ff;}

.popRank .tfBox p{overflow:hidden;white-space:nowrap;}
.popRank .fBox{height:42px;line-height:42px;overflow: hidden;*zoom: 1;padding:0 20px;}
.popRank ul li .fBox p{font-size: 16px;color: #999;}
.popRank ul li:nth-child(-n+3) .fBox p{font-size: 16px;color: #000;}
.popRank .fBox .num{margin-top: 12px;}
.popRank .tBox .num{margin-top: 26px;}
.popRank ul li:nth-child(-n+3) .fBox .num{margin-top: 10px;}
.popRank ul li:nth-child(-n+3) .Box .num{margin-top: 22px;}

.popRank .tBox{background-color:#f9f9f9;padding: 12px 20px;border-radius: 6px;position:relative;margin: 6px 0;overflow: hidden;*zoom: 1;}
.popRank .tBox img{width:72px;height:72px;border-radius:12px;border-radius: 16px;}
.popRank .tBox .info{float:left; }
.popRank .tBox p{width:176px;line-height:24px;font-size:12px;color: #999;}
.popRank .tBox .info p:nth-child(1){font-size: 16px;color:#000 ;}
.popRank .tBox .info i{display:block;width:79px;height:13px;position: relative;top:3px;}
i.star1{background-position: -720px -265px;}
i.star2{background-position: -720px -177px;}
i.star3{background-position: -720px -247px;}
i.star4{background-position: -720px -160px;}
i.star5{background-position: -720px -230px;}
i.star6{background-position: -720px -142px;}
i.star7{background-position: -720px -212px;}
i.star8{background-position: -720px -124px;}
i.star9{background-position: -720px -195px;}
i.star10{background-position: -720px -107px;}
.popRank .tBox img:hover{opacity: 0.9;}

/* ask */
header li a{margin: 0 2px;}

.aTitle{position:relative;margin: 0 20px;padding: 15px 0 10px; height:36px; line-height:36px; z-index:1;overflow:hidden;*zoom: 1;}
.aTitle em{ float: left;display: inline-block;font-size:24px; color:#abd327;padding-right:10px; background-color:#fff; height:36px;line-height:36px;}
.aTitle em i{display: inline-block;width:37px; height:28px; background-position:-5px -400px;position: relative;top: 4px;margin-right: 8px;}
.aTitle:after{ width:100%; height:5px; background:#e9e9e9; position:absolute;left:0; top:33px; content:""; z-index:-1;-webkit-background-size: 5px 5px;-moz-background-size: 5px 5px;background-size: 5px 5px;background-image: -webkit-gradient(linear, 0 0, 100% 100%,   color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),   color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),   color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,    transparent 75%, transparent);   background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,transparent 75%, transparent);}
.aTitle a{ float:right;display: block;background-color: #fff;width:20px; height:24px}
.aTitle a i{display: inline-block;width:20px; height:20px; background-position:-398px -8px;position: relative;top: 4px;}
.aTitle a:hover{-webkit-animation: scal 0.3s ease-in-out 0s infinite alternate;animation: scal 0.3s ease-in-out 0s infinite alternate;}
@keyframes scal { 0% {transform: rotate(-15deg);} 100% {transform: rotate(15deg);} }

.sATitle{position:relative; height:48px; line-height:48px;border-top: 1px solid #eee;border-bottom: 1px solid #eee; z-index:1;overflow:hidden;*zoom: 1;}
.sATitle em{ float: left;display: inline-block;width: 136px;height: 50px;line-height: 50px;background-color: #a4d058;font-size:18px; color:#fff;font-weight: bold;}
.sATitle em i{display: inline-block;width:28px; height:24px; background-position:-55px -400px;position: relative;top: 4px;margin-right: 7px;margin-left: 14px;}
.sATitle span{ float:right;display: block;font-size: 12px;color: #bdbdbd;margin-right: 20px;}

.oATitle{position:relative;margin: 0 20px; height:48px; line-height:48px;border-bottom: 1px solid #eee; z-index:1;overflow:hidden;*zoom: 1;}
.oATitle em{ float: left;display: inline-block;margin: 15px 0;line-height: 18px;font-size:18px;color:#333;font-weight: bold;padding-left:10px;border-left: 3px solid #8fc13e;}
.oATitle em i{display: inline-block;width:28px; height:24px; background-position:-55px -400px;position: relative;top: 4px;margin-right: 7px;margin-left: 14px;}
.oATitle span{ float:right;display: block;font-size: 12px;color: #bdbdbd;margin-right: 20px;}

.yxAL{float: left;width: 826px;}
.yxAR{float: right;width: 352px;}
.yxAL,.yxAR section{background-color: #fff;-moz-box-shadow:.5px .8px 5px 0 rgba(0, 0, 0, .05); -webkit-box-shadow:.5px .8px 5px 0 rgba(0, 0, 0, .05); box-shadow: .5px .8px 5px 0 rgba(0, 0, 0, .05);margin-bottom: 18px;}
.yxAL .pagecode{margin: 28px 20px 50px;}

.yxAL .title_l{margin: 0 20px;padding: 15px 0 10px;}
.yxAL .title_l em{font-size: 24px;color: #333;}
.yxAL .title_l:after{top: 28px;}

.yxdAL{float: left;width: 826px;}
.yxdAR{float: right;width: 352px;}
.yxdAL section,.yxdAR section{background-color: #fff;-moz-box-shadow:.5px .8px 5px 0 rgba(0, 0, 0, .05); -webkit-box-shadow:.5px .8px 5px 0 rgba(0, 0, 0, .05); box-shadow: .5px .8px 5px 0 rgba(0, 0, 0, .05);margin-bottom: 18px;}
.yxdAL .pagecode{margin: 28px 20px 50px;}

.yxdAL .title_l{margin: 0 20px;padding: 22px 0 10px;}
.yxdAL .title_l em{font-size: 24px;color: #333;}
.yxdAL .title_l:after{top: 35px;}


.yxASeach{width: 100%;height: 96px;background: url(../img/askbg.jpg) no-repeat;padding-top: 46px;margin-bottom: 8px;}
.yxASeach form{display: block;width: 788px;margin:auto;overflow: hidden;*zoom: 1;}
.yxASeach form input{display:block;}
.yxASeach .askSearch{float: left;width: 626px;height: 44px;border: 3px solid #a4d058;padding-left: 14px;;}
.yxASeach .btnSearch{float: right;width: 142px; height: 50px;background-color: #a4d058; color: #fff;text-align: center;line-height: 50px;font-size: 20px;border: 0;cursor: pointer;}    
.yxASeach input::-webkit-input-placeholder {color:#ccc;}
.yxASeach input:-moz-placeholder {color:#ccc;}
.yxASeach input::-moz-placeholder {color:#ccc;}
.yxASeach input:-ms-input-placeholder {color:#ccc;}

.yxAList{margin-bottom: 18px;}
.yxAList li{overflow: hidden;*zoom: 1;}
.yxAList li a{display:block;padding:18px 0;margin: 0 20px;border-bottom:1px solid #e0e7eb;overflow: hidden;*zoom: 1;}
.yxAList li img{float: left;width:204px;height:120px;margin-right: 20px;border-radius: 5px;}
.yxAList li .info{ float: left;width:560px;height:120px;overflow: hidden;}
.yxAList li strong{font-size:18px;color:#333;line-height:32px;font-weight: 500;overflow: hidden;white-space:nowrap}
.yxAList li .time{font-size:12px;color:#666;line-height:24px;margin-top: 10px;overflow: hidden;*zoom: 1;}
.yxAList li .time span{max-width: 230px;overflow: hidden;white-space: nowrap;}
.yxAList .time span:nth-child(1){float: left;}
.yxAList .time span:nth-child(2){float: right;color: #bdbdbd;}
.yxAList .time span:nth-child(1) i{display: inline-block;width: 16px;height: 20px;background-position: -650px -12px; position: relative;top: 2px;margin-right: 8px;}
.yxAList .time span:nth-child(2) i{display: inline-block;width: 14px;height: 16px;background-position: -675px -14px; position: relative;top: 2px;margin-right: 8px;}
.yxAList li .txt{display: block;height: 44px;font-size:14px;line-height:22px;color:#666;overflow:hidden;margin-top: 3px;}
.yxAList li:hover {background-color: #fff7f3;}
.yxAList li:hover a{border-color: #fff7f3;}
.yxAList li:hover strong{color: #ff7800;}
.yxAList li img:hover{opacity: 0.9;}

.yxdAList ul{padding-bottom: 15px;}
.yxdAList li{overflow: hidden;*zoom: 1;}
.yxdAList li:last-of-type a{border: 0;}
.yxdAList li a{display:block;padding:20px 0;margin: 0 20px;border-bottom:1px solid #e0e7eb;overflow: hidden;*zoom: 1;}
.yxdAList li img{float: left;width:204px;height:120px;margin-right: 20px;border-radius: 5px;}
.yxdAList li .info{ float: left;width:560px;height:120px;overflow: hidden;}
.yxdAList li strong{font-size:18px;color:#333;line-height:32px;font-weight: 500;overflow: hidden;white-space:nowrap}
.yxdAList li .ans{font-size:12px;color:#666;line-height:24px;margin-top: 10px;overflow: hidden;white-space:nowrap}
.yxdAList li .ans span{margin-right: 26px;color: #bdbdbd;overflow: hidden;white-space: nowrap;}
.yxdAList li .txt{display: block;height: 44px;font-size:14px;line-height:22px;color:#666;margin: 5px 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.yxdAList li:hover {background-color: #fff7f3;}
.yxdAList li:hover a{border-color: #fff7f3;}
.yxdAList li:hover strong{color: #ff7800;}
.yxdAList li img:hover{opacity: 0.9;}

.totalAsk{border-top: 2px solid #abd327;background: url(../img/rpbg.jpg) repeat;}
.totalAsk .aSlider{position:relative;width:314px;height:178px;margin: 17px 19px;overflow:hidden;}
.totalAsk ul{position: relative;overflow: hidden;*zoom: 1;}
.totalAsk li{float: left;width:314px;max-height: 178px;overflow: hidden;}
.totalAsk li a{position: relative;display: block;border-radius: 5px;overflow: hidden;}
.totalAsk li a img{display: block;width:314px;height:178px;margin: auto;}
.totalAsk li a p{position: absolute;bottom: 0;left: 0;display:block;width: 100%;margin: auto;height: 42px;line-height: 36px;font-size: 14px;color: #fff;background-color: rgba(0,0,0,.7);text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.totalAsk li .btn{display: block;font-size: 14px;color: #fff;width: 68px;height: 28px;line-height: 28px;background-color: #ee6767;border-radius:3px;text-align: center;margin: auto;;}
.totalAsk li a:hover{background-color: #fff5f5;border-color: #ee6767;}
.totalAsk .aSlider .aDot{position: absolute;bottom: 0;text-align: right;width: 100%;height: 22px;line-height:22px;overflow: hidden;*zoom: 1;}
.totalAsk .aSlider .aDot i{display:inline-block;width:22px;height:4px;overflow:hidden;margin:0 1px;background-color:#f4f4f4;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.totalAsk .aSlider .aDot i.current{background-color: #fd8042;}
.totalAsk .aSlider .aDot i:last-of-type{margin-right: 5px;}
.totalAsk .num{background-color: #fff;height: 42px;padding-top: 16px;}
.totalAsk .num p{position: relative;width: 158px;height: 22px;line-height: 22px;font-size: 14px;color: #333;display: inline-block;overflow: hidden;white-space: nowrap;}
.totalAsk .num p:nth-of-type(1){text-align: right;}
.totalAsk .num p:nth-of-type(2){margin-left: 20px;padding-left: 16px;}
.totalAsk .num p:nth-of-type(2):before{content: "";width: 1px;height: 22px;background-color: #d0d0d0;position: absolute;top: 0;left: 0;}
.totalAsk .num p em{ font-size: 18px;color:#abd327;font-style: italic;margin: 0 4px; }

.hotAsk{padding:20px 20px 23px;}
.hotAsk .top{width: 350px;padding-top: 4px;overflow: hidden;*zoom: 1;}
.hotAsk .top li{float: left;width:80px;height: 34px;line-height: 34px;text-align:center;margin: 15px 20px 0 6px;border: 1px solid #e9e9e9;border-radius:4px;transform:skewX(-15deg);-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);overflow:hidden;*zoom: 1;}
.hotAsk .top li a{display: block;width: 74px;padding: 0 5px;height: 34px;line-height: 34px;font-size:14px;color:#464646;text-align:center;overflow:hidden;transform:skewX(15deg);-webkit-transform:skewX(15deg);-moz-transform:skewX(15deg);}
.hotAsk .top li:hover {background-color: #ff7800;border-color: #ff7800;}
.hotAsk .top li:hover a{color: #fff;}
.hotAsk .list{position: relative;border-top: 1px dashed #eaeaea;margin-top: 20px;padding-top: 5px; }
.hotAsk .list li{position:relative;height:42px;line-height:42px;overflow: hidden;*zoom: 1;}
.hotAsk .list li a{float: left;display:block;width: 210px;height:42px;line-height:42px;font-size: 14px;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:20px;}
.hotAsk .list li span{float: right;display: block;width: 80px;height:42px;line-height:42px;font-size: 12px;color: #bdbdbd;text-align: right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotAsk .list li:hover a{color: #ff7800;}
.hotAsk .list .line{ position:absolute; left:4px; top:24px; width:2px;background-color:#e4e4e4;}
.hotAsk .list li:before{content:"";position:absolute;z-index:3; width:6px; height:6px; background:#fff; border:2px solid #e4e4e4; border-radius:50%; -webkit-border-radius:50%;left:0px;top:16px;}
.hotAsk .list li:hover:before{background-color: #ff7800;border-color: #ff7800;}

.relAsk{padding:20px 20px 23px;}
.relAsk ul{position: relative;padding-top: 5px; }
.relAsk li{position:relative;height:42px;line-height:42px;overflow: hidden;*zoom: 1;}
.relAsk li a{float: left;display:block;width: 210px;height:42px;line-height:42px;font-size: 14px;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:20px;}
.relAsk li span{float: right;display: block;width: 80px;height:42px;line-height:42px;font-size: 12px;color: #bdbdbd;text-align: right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.relAsk li:hover a{color: #ff7800;}
.relAsk .line{ position:absolute; left:4px; top:24px; width:2px;background-color:#e4e4e4;}
.relAsk li:before{content:"";position:absolute;z-index:3; width:6px; height:6px; background:#fff; border:2px solid #e4e4e4; border-radius:50%; -webkit-border-radius:50%;left:0px;top:16px;}
.relAsk li:hover:before{background-color: #ff7800;border-color: #ff7800;}

.hotAGame{padding: 20px 20px 10px;}
.hotAGame ul{width: 332px;padding-top: 20px;overflow: hidden;*zoom: 1;}
.hotAGame li{float: left;width: 82px;text-align: center;margin-right: 28px;margin-bottom: 5px;}
.hotAGame li a{display: block;}
.hotAGame li img{display: block;width: 72px;height: 72px;border-radius: 12px;margin: 0 auto;}
.hotAGame li p{display: block;height: 42px;line-height: 42px;font-size: 14px;color: #666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotAGame li a:hover p{color: #ff7800;}
.hotAGame li a:hover img{opacity: .9;}

.hotAEdit{padding: 20px 20px 10px;}
.hotAEdit ul{width: 332px;padding-top: 18px;overflow: hidden;*zoom: 1;}
.hotAEdit li{float: left;width: 100px;height: 154px;text-align: center;margin-right: 7px;margin-bottom: 15px;background: url(../img/rpbg.jpg) repeat;}
.hotAEdit li a{display: block;}
.hotAEdit li img{display: block;width: 70px;height: 70px;border-radius: 100%;margin: 16px auto 10px;}
.hotAEdit li p{display: block;height: 24px;line-height: 24px;font-size: 14px;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotAEdit li span{display: block;height: 20px;line-height: 20px;font-size: 12px;color: #999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotAEdit li em{font-size: 12px;color: #f57b42;margin-right: 3px;}
.hotAEdit li a:hover p{color: #ff7800;}
.hotAEdit li a:hover img{opacity: .9;}

.hotAnser{padding: 20px 20px 12px;}
.hotAnser .intro{display: block;text-align: center;border: 1px solid #ffcfa5;background-color: #fff2e7;margin: 18px 0 10px;border-radius: 5px;overflow: hidden;*zoom: 1;-webkit-background-size: 5px 5px;-moz-background-size: 5px 5px;background-size: 5px 5px;background-image: -webkit-gradient(linear, 0 0, 100% 100%,   color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),   color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),   color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,    transparent 75%, transparent);   background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,transparent 75%, transparent);}
.hotAnser .intro img{display: block;width: 80px;height: 80px;border-radius: 100%;margin: 17px auto 12px;}
.hotAnser .intro em{display: block;font-size: 18px;color: #333;height: 30px;line-height: 30px;}
.hotAnser .intro div{font-size: 14px;color: #999;height: 32px;line-height: 32px;overflow: hidden;white-space: nowrap;}
.hotAnser .num{margin-top: 4px;margin-bottom: 10px;}
.hotAnser .num p{position: relative;width: 140px;height: 24px;line-height: 24px;font-size: 14px;color: #999;display: inline-block;overflow: hidden;white-space: nowrap;}
.hotAnser .num p:nth-of-type(1){text-align: right;}
.hotAnser .num p:nth-of-type(2){text-align: left;margin-left: 10px;padding-left: 10px;}
.hotAnser .num p:nth-of-type(2):before{content: "";width: 1px;height: 13px;background-color: #b5b5b5;position: absolute;top: 6px;left: 0;}
.hotAnser .num p span{ font-size: 14px;color:#f57b42;margin: 0 4px; }

.newAquiz{padding: 20px 20px 20px;}
.newAquiz ul{padding-top: 10px;}
.newAquiz li{position: relative;padding-left: 15px;height: 34px;line-height: 34px;overflow: hidden;white-space: nowrap;*zoom: 1; }
.newAquiz li:before{content: "";width: 3px;height: 3px;background-color: #8fc13e;position: absolute;top: 16px;left: 2px;}
.newAquiz li a{display: inline-block;line-height: 34px;}
.newAquiz .gaName{font-size: 14px;color: #999;margin-right: 10px;}
.newAquiz .quiz{font-size: 14px;color: #333;}
.newAquiz li a:hover{ color:#f57b42;}

.relAGame{padding: 20px 20px 20px;}
.relAGame .info{margin-top: 15px;overflow: hidden;*zoom: 1; }
.relAGame .info .pic{float: left;}
.relAGame .info .pic img{width: 110px;height: 110px;border-radius: 16px;margin-right: 16px;}
.relAGame .info div{width:185px;height: 108px;overflow: hidden;}
.relAGame .info div a{display: block;font-size:20px ;color: #333;line-height: 35px;overflow: hidden;white-space: nowrap; } 
.relAGame .info div p{font-size: 14px;color: #858585;line-height: 25px;overflow: hidden;white-space: nowrap;}
.relAGame .info div p span{color: #454545;}
.relAGame .txt {font-size: 14px;color: #858585;line-height: 22px;max-height: 44px;margin-top: 15px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relAGame .info:hover img{opacity: .9; }
.relAGame .info:hover div a{color: #f57b42;}

.askCont{padding-bottom: 12px;margin-bottom: 18px;}
.askCont .intro{padding: 15px;}
.askCont h1{line-height: 60px;font-size: 24px;color: #333;font-weight: bold;}
.askCont .num{margin-bottom: 12px;}
.askCont .num p{position: relative;max-width: 300px;height: 24px;line-height: 24px;font-size: 12px;color: #bdbdbd;display: inline-block;overflow: hidden;white-space: nowrap;}
.askCont .num p:nth-of-type(n+2){margin-left: 15px;padding-left: 15px;}
.askCont .num p:nth-of-type(n+2):before{content: "";width: 1px;height: 13px;background-color: #b5b5b5;position: absolute;top: 6px;left: 0;}
.askCont .num p span{ font-size: 12px;color:#333333;margin: 0 4px; }
.askCont .txt{font-size: 15px;color: #666666;line-height: 24px;max-height: 48px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.askCont .txt label{font-size: 15px;color: #a4d058;font-weight: bold;}
.askCont .tag{margin-top: 23px;overflow: hidden;white-space: nowrap;}
.askCont .tag span{display: inline-block;padding: 0 8px;font-size: 12px;color: #ffa280;line-height: 20px;border: 1px solid #ffa280;border-radius: 2px;margin-right: 8px;cursor: pointer;}

.sAgame {height: 100px;margin:16px 20px 10px;padding: 0 14px;background: url(../img/rpbg.jpg) repeat;overflow: hidden;*zoom: 1;}
.sAgame div{float: left;display: block;padding-top: 15px;}
.sAgame div img{float: left;width: 70px;height: 70px;border-radius: 50%;margin-right: 14px;}
.sAgame div p{float: left;line-height: 70px;font-size: 18px;color: #333;}
.sAgame span{float: right;display: block;padding: 0 15px;line-height: 28px;border: 1px solid #e2e2e2;border-radius: 30px;background-color: rgba(255,255,255,.3);cursor: pointer;margin-top: 35px;}
.sAgame span i{display: inline-block;width:14px; height:14px; background-position:-339px -364px;position: relative;top: 2px;margin-right: 6px;}
.sAgame span:hover{background-color: #fff;}
.sAgame span.current i{background-position:-318px -365px;}

.askCont .cont{ padding: 0 20px;position: relative;overflow:hidden;}
.askCont .cont{font-size:15px;color:#666666;line-height:32px;}
.askCont .cont a{line-height: 25px; color:#ffa280;}
.askCont .cont a:hover{border-bottom: .01px solid #ffa280;}
.askCont .cont p{line-height: 28px;color: #666666;margin-bottom: 6px;}
.askCont .cont br{height: 2px;}
.askCont .cont img{max-width:730px;margin: auto;text-align: center;display: block;}
.askCont .cont p img{max-width:730px;margin: auto;text-align: center;display: block;}
.askCont .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;}
.askCont .cont table{max-width: 100%;margin: auto;}
.askCont .cont h3{font-size: 18px;color: #333;font-weight: bold;line-height: 42px;margin-bottom: 6px;overflow: hidden;white-space: nowrap;}

.selectAsk{background-color: #f9f9f9;padding-bottom: 22px;margin-top: 15px;}
.otherAsk{border-top: 1px solid #eee;}
.supAsk{display: block;width: 158px;text-align: center;line-height: 44px;font-size: 14px;color: #fd8042;border: 1px solid #fd8042;border-radius: 46px;cursor: pointer;margin: 15px auto 0;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.supAsk i{display: inline-block;width:20px; height:18px; background-position:-369px -361px;position: relative;top: 2px;margin-right: 8px;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.supAsk.current{background-color: #fd8042;color: #fff;}
.supAsk:hover i{transform: translateY(-3px); }
.supAsk.current i{background-position:-405px -361px;}
.supAsk.current:hover i{transform: none;}
.askCont .next_pre{margin:15px 20px 0;}

/* add */
.indexRecM .txt_box{padding-top: 10px;}
.itabBox{position: relative;}
.itabBox .itabMenu{position: absolute;top: -40px;width: 418px;height: 30px;border: 1px solid #fd8042;background-color: #fff;overflow: hidden;}
.itabBox .itabMenu span{position: absolute;display: block;width: 50%;;text-align: center;line-height: 32px;color: #fd8042;cursor: pointer;overflow: hidden;-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-o-transform: skew(-30deg);transform: skew(-30deg);}
.itabBox .itabMenu span{top: 0;}
.itabBox .itabMenu span{background-color: #fff;}
.itabBox .itabMenu span.current{background-color: #fd8042;}
.itabBox .itabMenu span em,.itabBox .itabMenu span i{display: inline-block;-webkit-transform: skew(30deg);-moz-transform: skew(30deg);-o-transform: skew(30deg);transform: skew(30deg);font-style: normal;}
.itabBox .itabMenu span:nth-of-type(1){padding-left: 30px;left: -30px;}
.itabBox .itabMenu span:nth-of-type(2){padding-right: 30px;right: -30px;}
.itabBox .itabMenu span i{display: inline-block;position: relative;margin-right: 4px;top: 4px;}
.itabBox .itabMenu span i.gl{width: 12px;height: 14px;background-position: -7px -443px;top: 2px;}
.itabBox .itabMenu span i.wd{width: 19px;height: 17px;background-position: -30px -443px;}
.itabBox .itabMenu span.current{color: #fff;}
.itabBox .itabMenu span.current i.gl{width: 12px;height: 14px;background-position: -7px -472px;}
.itabBox .itabMenu span.current i.wd{width: 17px;height: 17px;background-position: -30px -472px;}
.itabBox .itabCont ul{margin-top: 30px;}

.ga_address .app_down .pc div{position: relative;background-color: #9c7ebb;}
.ga_address .app_down .pc i{width: 26px;height: 19px;background-position: -107px -406px;}
.ga_address .app_down .pc:hover{opacity: .9;}
.btnTx{position: relative;background-color: #9c7ebb;display: inline-block;border: none;width: 230px !important;padding-right: 10px; height: 45px;color: #fff;font-size: 18px;  line-height: 45px;border-radius: 22.5px; margin: 8px 10px 0 0;cursor: pointer;text-align: center;}
.btnTx i{display: inline-block;position: relative;margin-right: 4px;width: 22px !important;height: 18px !important;background-position: -153px -406px;top: 2px !important;}
.btnTx:after{position: absolute;content: "广告";display: block;top:0px;right: 2px;background-color: rgba(0,0,0,.2);line-height: 20px;padding: 0 4px;font-size: 12px;color: #F1F1F1;border-top-right-radius: 20px;border-bottom-left-radius: 10px;}						
.ga_intro .info .btnTx span{display: inline;color: #fff !important;font-size: 18px !important; line-height: 45px !important;}
.ga_intro .info button.order{ float: left;}

/* qx */
body{position: relative;}
.gRule{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 99;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.gRule .yxbqxbg {width: 500px;height: 100px;position: relative;background: url(../img/yxbqx.png) no-repeat;}
.gRule .yxbqxbg p{color: #333;font-size: 28px;text-align: center;padding-top: 120px;font-weight: 600;}
.gRule .yxbqxbg i{position: absolute;top: -118px;right: -46px;z-index: 100;width: 66px;height: 66px;cursor: pointer;}
.gRule .yxbqxbg i{background: url(../img/yxbclose.png) no-repeat;background-size: 66px 66px;display: block;}
.ruleTxt{width: 500px;height: 640px;background: #fff;border-radius: 10px;position: fixed;z-index: 15;top: 18%;left: 0;right: 0;margin: auto;}
.ruleTxt>p:nth-of-type(1){font-size: 30px;line-height: 30px;font-weight: 600;color: #19b955;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.ruleTxt>p:nth-of-type(2){font-size: 14px;line-height: 14px;color: #666;text-align: right;margin: 10px 45px 20px;}
.ruleMain{display: block;width: 448px;height: 430px;line-height: 42px;font-size: 16px;margin: 66px 30px 40px;overflow: auto;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 30px;}

/* ys */
.yszcbox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 99;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.yszcbox .yxbysbg {width: 500px;height: 100px;position: relative;background: url(../img/yxbsm.png) no-repeat;}
.yszcbox .yxbysbg p{color: #333;font-size: 28px;text-align: center;padding-top: 120px;font-weight: 600;}
.yszcbox .yxbysbg i{position: absolute;top: -118px;right: -46px;z-index: 100;width: 66px;height: 66px;cursor: pointer;}
.yszcbox .yxbysbg i{background: url(../img/yxbclose.png) no-repeat;background-size: 66px 66px;display: block;}
.ysTxt{width: 500px;height: 640px;background: #fff;border-radius: 10px;position: fixed;z-index: 15;top: 18%;left: 0;right: 0;margin: auto;}
.ysTxt>p:nth-of-type(1){font-size: 30px;line-height: 30px;font-weight: 600;color: #19b955;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.ysTxt>p:nth-of-type(2){font-size: 14px;line-height: 14px;color: #666;text-align: right;margin: 10px 45px 20px;}
.ysMain{display: block;width: 448px;height: 430px;line-height: 42px;font-size: 16px;margin: 66px 30px 40px;overflow: auto;}
.ysMain p:nth-last-of-type(1){margin-bottom: 30px;}

.pcAdd i{vertical-align: middle;top: 0 !important;}
.pcAdd{display: flex;align-items: center;justify-content: center;}
.pcAdd p{text-align: left;margin-left: 8px;}
.pcAdd p span{display: block;}
.pcAdd p span:first-of-type{font-size: 16px;line-height: 22px;}
.pcAdd p span:nth-of-type(2){font-size: 12px;line-height: 16px;}

/* 11-30 */
.serviceTop{overflow: hidden; *zoom: 1;margin-bottom: 20px;}
.serRecL{position:relative;float:left;width:650px;height:370px;margin-right: 18px;overflow:hidden;}
.serRecL ul{position:relative;overflow: hidden;*zoom: 1;}
.serRecL li{width:650px;height:370px;float:left;position:relative;}
.serRecL li a{display: block;width: 100%;height: 100%;}
.serRecL li img{width:100%;min-height: 370px;height: auto;object-fit:cover;}
.serRecL li div{position:absolute;bottom:0;width:100%;height:80px;background: linear-gradient(0deg, #333 0%, rgba(51, 51, 51, 0) 100%); }
.serRecL p{display:block;margin-top: 16px;width:505px;height:64px;line-height:64px;padding-left: 20px;font-size:24px;color:#fff;font-weight: bold;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.serRecL .dot{width:130px;position:absolute;bottom:24px;right:20px;overflow: hidden;*zoom: 1;}
.serRecL .dot i{float:right;display:block;width:12px;height:12px;overflow:hidden;margin:5px 10px 0 0;background-color:#fff;cursor:pointer;border-radius: 50%;}
.serRecL .dot i.current{background:#FD8042;}
.serRecR{float: right;width:530px;height:365px;background-color: #fff;margin-top: 5px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);}
.serRecR>a i{position: relative;top: -5px;left: -3px;display:inline-block;width: 132px;height: 65px;background-position: -7px -504px;}
.serRecR>a strong{display:inline-block;width: 376px;height: 50px;line-height: 50px;font-size: 24px;color: #333;font-weight: bold;vertical-align:top;margin-top: 10px;margin-left: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serRecR ul{padding: 0 17px 0 16px;margin-top: -5px;}
.serRecR li{height: 41px;line-height: 41px;overflow: hidden;*zoom: 1;}
.serRecR li:before{ content: "";float: left;margin-top: 14.5px;display:block;margin-right: 11px;width: 12px;height: 12px;background:url(../img/icon.png) no-repeat;background-size:800px 800px;background-position: -67px -473px;}
.serRecR li a{float: left;display: block;width: 410px;font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serRecR li span{float: right;font-size: 14px;color: #999;}
.serRecR li:hover:before{background-position: -67px -445px;}
.serRecR li:hover a{color: #FD8042;}
.serNewGame {padding: 20px 20px 12px;background: #FFFFFF;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);margin-bottom: 20px;}
.serNewGame ul{position: relative;padding: 14px 0;max-height: 206px;overflow: hidden;*zoom: 1; }
.serNewGame ul:before{content: "";position: absolute;top: 143.5px;right: 0;z-index: 1;display: block;width: 20px;height: 21px;background:url(../img/icon.png) no-repeat;background-size:800px 800px;background-position: -106px -468px;}
.serNewGame ul:after{content: "";position: absolute;top: 153px;left: 0;right: 0;margin: auto; display: block;width: 100%;height: 2px;background-color: #eee;}
.serNewGame li{position: relative;z-index: 1;float: left;width: 138px;text-align: center;margin-bottom: 20px;}
.serNewGame li a{display: block;}
.serNewGame li p{display: block;margin: auto;height: 38px;line-height: 38px;font-size:16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.serNewGame li img{display: block;margin: auto;width: 80px;height: 80px;border-radius: 18px;}
.serNewGame li span{display: block;margin: auto;font-size:14px;color: #999;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.serNewGame li .time{position: relative;color: #333;padding-top: 40px; }
.serNewGame li .time:before{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: 1;display: block;width: 2px;height: 22px;background: #E5E5E5;border-radius: 1px;}
.serNewGame li .time:after{content: "";position: absolute;top: 17px;left: 0;right: 0;margin: auto;z-index: 2;display: block;width: 10px;height: 10px;background:#E5E5E5;border-radius: 50%;}
.serNewGame li.current p,.serNewGame li a:hover p{color: #F57B42;}
.serNewGame li.current .time:before,.serNewGame li a:hover .time:before{background: #F57B42;}
.serNewGame li.current .time:after,.serNewGame li a:hover .time:after{background: #F57B42;}
.serNotice{padding: 20px 20px 15px;background: #FFFFFF;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);margin-bottom: 20px;overflow: hidden;}
.serNotice ul{padding: 25px 0 0;width: 1200px;overflow: hidden;*zoom: 1;}
.serNotice li{float: left;width: 370px;margin-right: 25px;}
.serNotice li>a{position: relative;display: block;width: 370px;height: 208px;overflow: hidden;}
.serNotice li>a:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: block;width: 370px;height: 208px; 
-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2))),rgba(114,102,104,.3);
background: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),rgba(114,102,104,.3);}
.serNotice li>a img{display: block;width: 370px;height: auto;min-height:208px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;-webkit-filter:blur(5px);filter:blur(5px);}
.serNotice li>a p,.serNotice li>a span{position: absolute;left: 0;right: 0;margin: auto;z-index: 1;display: block;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serNotice li>a p{font-size: 30px;color: #fff;line-height: 42px;top: 68px;}
.serNotice li>a span{font-size: 20px;color: #fff;line-height: 32px;top: 110px;}
.serNotice li>a:hover img{transform: scale(1.3);}
.serNList{margin-top: 20px;}
.serNList table{border:0;text-align:center; cellpadding:0; cellspacing:0;margin:0 auto;max-height: 439px;overflow: hidden;}
.serNList table,.newService .list tbody{display: block;width: 370px;}
.serNList tbody .trTop{background-color: #F5F5F5;height: 30px;line-height: 30px;}
.serNList tbody .trTop td{font-size: 14px;color: #666;}
.serNList tbody .trTop td:nth-of-type(1){width: 120px}
.serNList tbody .trTop td:nth-of-type(2){width: 154px}
.serNList tbody .trTop td:nth-of-type(3){width: 96px}
.serNList tbody tr:nth-of-type(n+2){height: .41rem;cursor: pointer;}
.serNList tbody tr:nth-of-type(n+2) td{border-bottom: 1px solid #eee;font-size: 14px;color: #333;line-height: 40px;}
.serNList tbody tr:last-of-type td{border-bottom:none;}
.serNList tbody tr:nth-of-type(n+2):hover td{color: #F57B42;}
.serMore{display: block;width: 370px;height: 40px;line-height: 40px;background: #FFF1EB;box-shadow: 0px 4px 4px 0px rgba(245, 123, 66, 0.05);border-radius: 4px;font-size: 14px;color: #F57B42;text-align: center;margin:7px auto;}
.serMore:before{content: "";display: inline-block;vertical-align: middle;margin-right: 4px;width: 12px;height: 12px;background:url(../img/icon.png) no-repeat;background-size:800px 800px;
background-position: -106px -445px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;}
.serMore:hover:before{transform: translateX(80px);}
.hotService{padding: 20px 20px 12px;background: #FFFFFF;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);margin-bottom: 20px;}
.hotService ul{overflow: hidden;*zoom: 1;width: 1200px;padding: 5px 0 16px;}
.hotService ul li{float: left;width: 130px;height: 40px;line-height: 40px;text-align: center;margin: 20px 17px 0 0;border-radius: 4px;overflow: hidden;}
.hotService ul li a{display: block;background-color: #F5F5F5;font-size: 16px;color: #333;white-space: nowrap;}
.hotService li:hover a{background-color: #F57B42;color: #fff;}
.serL{float: left;width: 828px;}
.serR{float: right;width: 354px;}
.serL section,.serR section{background-color: #fff;-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06); box-shadow:  0px 1px 5px 0px rgba(0, 0, 0, 0.06);margin-bottom: 20px;}
.serTitle{position:relative; height:32px; border-bottom: 2px solid #DCDCDC;margin-bottom: 18px;}
.serTitle em{position: absolute;top: 0;left: 0;z-index: 1;display: block;font-size:18px; color:#333;font-weight: bold; background-color:#FFD346; height:34px;line-height:34px;padding: 0 6px;}
.serTitle em:before{ content:"";display: inline-block;width: 21px;height: 20px;background: url(../img/icon.png) no-repeat;background-size: 800px 800px;background-position: -430px -387px;vertical-align: top;margin-top: 7px;margin-right: 7px; }
.serList .serTitle em:before{background-position: -399px -387px;}
.serFeature .serTitle em:before{background-position:  -430px -387px;}
.serTitle .serCol{position: absolute;right: 0;line-height: 32px;font-size: 14px;color: #FD8042;}
.serTitle .serCol:before{content:"";display: inline-block;width: 16px;height: 16px;background: url(../img/icon.png) no-repeat;background-size: 800px 800px;background-position: -317px -387px;vertical-align: top;margin-top: 7px;margin-right: 4px;}
.serTitle .serCol.current:before{background-position: -295px -387px;}
.serCont{padding: 20px 20px 6px;}
.serCont h1{display:block;line-height:32px;font-size:24px;color: #333;font-weight:bold;text-align: center;margin:10px auto 20px;}
.serCont .info{margin-bottom: 26px;font-size: 14px;color:#BDBDBD;line-height: 20px;text-align: center;overflow:hidden;white-space:nowrap;}
.serCont .info span{display: inline-block;max-width: 260px;margin:0 20px;overflow:hidden;white-space:nowrap;}
.serCont .info span em{color: #999;}
.serCont .cont{padding:10px 0 20px;font-size:15px;color:#828282;line-height:32px;}
.serCont .cont a{line-height: 25px; color:#ffa280;}
.serCont .cont a:hover{border-bottom: .01px solid #ffa280;}
.serCont .cont p{line-height: 26px;color: #828282;margin-bottom: 12px;}
.serCont .cont br{height: 2px;}
.serCont .cont img{display: block;max-width:100%;margin:16px auto;text-align: center;display: block;}
.serCont .cont p img{max-width:100%;margin: auto;text-align: center;display: block;}
.serCont .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;}
.serCont .cont table{max-width: 100%;margin: auto;}
.serCont .cont h3{font-size: 18px;color: #333;font-weight: bold;line-height: 42px;margin-bottom: 6px;overflow: hidden;white-space: nowrap;}
.serPreface{position: relative;width: 788px;height: 262px;margin-bottom: 30px;overflow: hidden;*zoom: 1;}
.serPreface>img{float: right;width: 422px;height: auto;min-height: 239px;margin-top: 22px;margin-right: 28px;}
.serPreface div{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 788px;height: 262px;background: url(../img/serbg.png);background-size: 100% 100%;}
.serPreface p{position: absolute;top: 90px;left: 40px;display: block;width: 310px;height: 100px;line-height: 32px;font-size: 15px;color: #787878;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.serFeature{margin-bottom: 10px;}
.serFeature ul{overflow: hidden;*zoom: 1;}
.serFeature li{float: left;padding: 0 12px;height: 36px;line-height: 36px;border: 1px solid #EEEEEE;font-size: 14px;color: #333;margin:0 16px 16px 0;}
.serList{margin-bottom: 30px;}
.serList table{border:0;text-align:center; cellpadding:0; cellspacing:0;margin:0 auto;overflow: hidden;}
.serList table,.serList tbody{display: block;width:788px;}
.serList tbody .trTop{background-color: #F5F5F5;height: 36px;line-height: 36px;}
.serList tbody .trTop td{font-size: 15px;color: #666;width: 197px}
.serList tbody tr:nth-of-type(n+2){height: .41rem;cursor: pointer;}
.serList tbody tr:nth-of-type(n+2) td{border-bottom: 1px solid #eee;font-size: 16px;color: #333;line-height: 40px;}
.serList tbody tr:nth-of-type(n+2):hover td{color: #FD8042;}
.serGame{width: 280px;height: 212px;background: url(../img/sergame.jpg);background-size: 100% 100%;padding:40px 37px;}
.serGame .name{ display: block;line-height: 32px;font-size: 24px;color: #333;font-weight: bold;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.serGame div{overflow: hidden;*zoom: 1;}
.serGame img{float: left;width: 120px;height: 120px;border-radius: 28px;margin-right: 18px;}
.serGame div div{float: left;width: 132px;height: 120px;}
.serGame .txt{display: block;width: 132px;height: 72px;line-height: 24px;font-size: 14px;color: #666;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.serGame .btn{display: block;width: 130px;height: 30px;line-height: 30px;background: #FF7800;border-radius: 15px;color: #fff;text-align: center;margin: auto;}
.serGame .btn:before{content:"";display: inline-block;width: 16px;height: 15px;background: url(../img/icon.png) no-repeat;background-size: 800px 800px;background-position: -344px -387px;vertical-align: top;margin-top: 7px;margin-right: 7px;}
.serGame .tags{margin-top: 18px;}
.serGame .tags a{float: left;display: block;padding: 0 6px;height: 20px;line-height: 20px;font-size: 12px;color: #888;border: 1px solid #CCC;border-radius: 2px;margin-right: 10px;margin-bottom: 5px;}
.serGame .name:hover{color:#FD8042;}
.serGame .btn:hover{opacity: .9;}
.serGame .tags a:hover{color:#FD8042;border-color: #FD8042;}
/* 20220325 */
.topic_list li div p{display: block;height: 44px;font-size: 14px;color: #858585;line-height: 22px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.topic_list li div p:nth-of-type(2){display: block;height: 22px;font-size: 14px;color: #999;line-height: 22px;margin-top: 4px;overflow: hidden;}
.topic_list li div p span{color: #333;}
.ztDeTop{background-color: #fff;padding: 16px 0;}
.ztDeTop .ztInfo{position: relative;width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.ztInfo img{float: left;display: block;padding: 10px;border: 1px solid #f8f8f8;width: 500px;height: 242px;margin-right: 20px;overflow: hidden;}
.ztInfo .info{float: left;width:656px;height: 264px;overflow: hidden;}
.ztInfo .info h1{font-size: 26px;color: #666;line-height: 68px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ztInfo .info div{position: relative;width: 656px;height: 28px;line-height: 28px;background: #F5F5F5;}
.ztInfo .info div span{font-size: 14px;color: #999;margin: 0 10px;}
.ztInfo .info div span em{color: #FD8042;}
.ztInfo .info div span strong{color:#FF7800;font-weight: 500;}
.ztInfo .info div i{display: block;position: absolute;top: 5px;width: 18px;height: 18px;cursor: pointer;}
.ztInfo .info div i.ztZan{right:45px;background-position: -269px -387px;}
.ztInfo .info div i.ztCol{right: 10px;background-position: -317px -387px;top: 6px;}
.ztInfo .info div i.ztZan.current{background-position: -244px -387px;top: 6px;}
.ztInfo .info div i.ztCol.current{background-position: -295px -387px;}
.ztInfo .info p{display: block;height: 72px;font-size: 14px;color: #999;line-height: 24px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ztInfo .info a{display: block;float: right;width: 106px;height: 27px;line-height: 27px;background: #EBF5FF;font-size: 14px;color: #3399FF;text-align: center;margin-top: 20px;overflow: hidden;*zoom: 1;}
.ztInfo .info a:hover{background-color:#3399FF ;color: #EBF5FF;}
.ztSpRec{position: relative;width: 1200px;height: 112px;background: #FCEFE9;margin:20px auto 8px;overflow: hidden;*zoom: 1;}
.ztSpRec i{display: block;float: left;width: 106px;height: 112px;background-position: -11px -581px;}
.ztSpRec textarea{float: left;width: 1038px;padding: 9px 25px;height: 102px;background: #FCEFE9;border: 0;line-height: 30px;margin-top: 4px;font-size: 14px;color: #FB7E4A;}
.ztSpRec textarea::-webkit-scrollbar {width:10px;margin-right:2px}
.ztSpRec textarea::-webkit-scrollbar-button {width:10px;background-color:#FCEFE9;}
.ztSpRec textarea::-webkit-scrollbar:horizontal {height:10px;margin-bottom:2px}
.ztSpRec textarea::-webkit-scrollbar-track { border-radius: 10px;}
.ztSpRec textarea::-webkit-scrollbar-track-piece { background-color: #FCEFE9;border-radius: 10px;}
.ztSpRec textarea::-webkit-scrollbar-thumb { width:10px; border-radius: 5px; background: #FCEFE9;}
.ztSpRec textarea::-webkit-scrollbar-corner { width: 10px;background-color: red;}
.ztSpRec textarea::-webkit-scrollbar-thumb:hover {background: #FCEFE9;  }
.ztDeRec{width: 1200px;overflow: hidden;padding-bottom: 19px;margin:40px auto 0;background: linear-gradient(0deg, rgba(123, 109, 227, 0.9) 0%, rgba(123, 109, 227, 0) 69%, rgba(123, 109, 227, 0) 100%);;border-radius: 20px;background: url(../img/ztdbg.jpg) no-repeat;background-size:1200px 100%;}
.ztDeRec>div,.ztDeRec h3{width: 326px;height: 84px;line-height: 69px;display: block;margin: auto;font-size: 36px;color: #FF8737;font-weight: bold;text-align: center;background: url(../img/ztdetailbg.png) no-repeat;background-size: 100% 100%;margin-top: 32px;}
.ztDeRec ul,.ztDeRec{overflow: hidden;*zoom: 1;}
.ztDeRec ul{padding-top: 15px;margin-left: 20px;}
.ztDeRec ul li{position: relative;float: left;width: 348px;max-height: 200px;padding:16px;background-color: #fff;margin:0 7px 16px 0;border: 1px solid #ededed;border-radius: 5px;}
.ztDeRec ul li:nth-child(3n+3){margin-right: 0;}
.ztDeRec ul li:nth-of-type(1){border-top: 1px solid #ffa826;}
.ztDeRec ul li:nth-of-type(2){border-top: 1px solid #f36173;}
.ztDeRec ul li:nth-of-type(3){border-top: 1px solid #74a6ff;}
.ztDeRec ul li>i{position: absolute;width: 32px;height: 32px;top: -0px;right: -1px;}
.ztDeRec ul li:nth-of-type(1)>i{background-position: -0px -99px;}
.ztDeRec ul li:nth-of-type(2)>i{background-position: -58px -99px;}
.ztDeRec ul li:nth-of-type(3)>i{background-position: -118px -99px;}
.ztDeRec .toList>a,.ztDeRec .toList>div,.ztDeRec .toList>p{display: block;float: left; }
.ztDeRec .toList>a img{width: 110px;height: 110px;border-radius: 16px;margin-right: 16px;}
.ztDeRec .toList>div{width:216px ;height: 110px;overflow: hidden}
.ztDeRec .toList>div .name{font-size:18px ;color: #000;line-height: 26px;overflow: hidden;white-space: nowrap; }
.ztDeRec .toList>div p{font-size: 14px;color: #999;line-height: 24px;margin-top: 8px;}
.ztDeRec .toList>div p span{color: #666;}
.ztDeRec .toList>div .down{display: block;font-size: 12px;color: #666;height: 28px;line-height: 28px;border: 1px solid #e0e0e0;border-radius:15px;width: 108px;text-align: center;margin-top: 16px;}
.ztDeRec .toList>div .down i{display: inline-block;width: 14px;height: 15px;background-position: -753px -13px;position: relative;top: 2px;margin-right: 4px;}
.ztDeRec .toList>div .down.no i,.topicDetailB .toList>div .down.no i{display: none;}
.ztDeRec .toList>p{display: block;max-height: 70px;font-size: 14px;color: #666;line-height: 24px;overflow: hidden;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ztDeRec ul li:hover{-moz-box-shadow:0px 0px 6px #e9e9e9; -webkit-box-shadow:0px 0px 6px #e9e9e9; box-shadow:0px 0px 6px #e9e9e9; }
.ztDeRec ul li:hover .down{background-color: #ff7800;color: #fff;border-color: #ff7800;}
.ztDeRec ul li:hover .down.no{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.ztDeRec ul li:hover .down i{background-position: -776px -14px;}
.ztDeRec .toList>div .down:hover,.topicDetailB .toList>div .down.no:hover{opacity: 0.9;}
.ztDeRec .toList>div .name:hover{color: #ff7800;}
.ztDeRec .toList>a img:hover{opacity: 0.9;}
.topicDetailB {margin-top: 6px;padding-bottom: 6px;}
.topicDetailB .titIndex em{color: #F9D115;}
.topicDetailB .titIndex em i:nth-of-type(1){width:13px;height:26px;background-position:-448px -300px;position:relative;top: 3px;margin-right:8px;}
.topicDetailB .titIndex em i:nth-of-type(2){width:17px;height:19px;background-position:-448px -332px;position:relative;top: 2px;margin-left:8px;}
.topicDetailB ul{padding-top: 0;}
.topicDetailB .pagecode{margin-bottom: 30px;margin-top: 4px;}
.ztNew{background-color: #fff;padding-bottom: 20px;margin-top: 10px;}
.ztNew .titIndex{width: 1200px;margin: auto;}
.ztNew .titIndex em{color: #1AC656;}
.ztNew .titIndex em i:nth-of-type(1){width:8px;height:25px;background-position:-376px -300px;position:relative;top: 3px;margin-right:8px;}
.ztNew .titIndex em i:nth-of-type(2){width:21px;height:23px;background-position:-376px -332px;position:relative;top: 3px;margin-left:8px;}
.ztNew ul{width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.ztNew li{float: left;margin:0 19.5px 22px 0;width: 224px;height: 118px;}
.ztNew li:nth-of-type(5n+5){margin-right: 0;}
.ztNew li a{position: relative;display: block;border-radius: 6px;overflow: hidden;}
.ztNew li a img{width: 224px;height: 118px;display: block;border-radius: 6px;}
.ztNew li a p{position: absolute;bottom:0;left: 0;right: 0;display: block;background-color: rgba(0,0,0,0.5);font-size: 18px;color:#fff;text-align: center;width: 100%;height:100%;line-height: 118px;overflow:hidden;white-space:nowrap;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.ztNew li a p:after{content: "";display: inline-block;width:9px;height:14px;background: url(../img/icon.png) no-repeat;background-size: 800px 800px;background-position:-259px -94px;position:relative;top: 1px;margin-left:7px;}
.ztNew li a:hover p{color: #1AC656;}
.ztNew li a:hover p:after{background-position: -243px -116px;}
.ztRel {width: 1200px;margin:10px auto;overflow: hidden;padding-bottom: 10px;}
.ztRel .titIndex em{color: #F9797F;}
.ztRel .titIndex em i:nth-of-type(1){width:8px;height:25px;background-position:-406px -300px;position:relative;top: 3px;margin-right:8px;}
.ztRel .titIndex em i:nth-of-type(2){width:21px;height:23px;background-position:-406px -332px;position:relative;top: 3px;margin-left:8px;}
.ztRel ul {width: 1240px;overflow: hidden;*zoom: 1;}
.ztRel ul li{float: left;width: 150px;height: 46px;padding: 0 11px;background: #FFFFFF;border-radius: 6px;margin: 0 34px 20px 0;text-align: center;line-height: 46px;}
.ztRel ul li a{display: block;width: 150px;font-size: 18px;color: #808080;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ztRel ul li:hover{background-color: #FD8042;}
.ztRel ul li:hover a{color: #fff;} 
.ga_rank li a .name{font-size: 16px;color: #333;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.downbtn .pc img{float: none;width:230px;position: relative;top:0;z-index: 1;;background-color: #fff;height: auto;cursor:pointer;border-radius: 0;margin: 0}
.downbtn .pc img:hover{-webkit-animation: scaleDraw 2s ease-in-out infinite;animation: scaleDraw 2s ease-in-out infinite;}
.ga_intro .downbtn .pc img{width:240px;top: -15px;}
@keyframes scaleDraw {0%{ transform: scale(1);}25%{transform: scale(1.03); }50%{transform: scale(1);} 75%{ transform: scale(1.03);}}