@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:#454545;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;}
header, section, footer, aside, nav, article, figure{display: block;}
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: #00FF87;}
.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;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
a{cursor: pointer;}
img{vertical-align: top;border: 0;}
a img:hover{opacity: 0.9;cursor: pointer;}
.ico{background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}

header{position: relative;z-index: 1;width: 100%;height: 70px;background: #000;overflow: hidden;}
header div{width: 1200px;margin: 0 auto;overflow: hidden;*zoom: 1;}
header div>a{float: left;display: block;width: 220px;}
header div>a img{width: auto;height: 39px;margin-top: 15.5px;}
header nav{float:right;max-width: 980px;min-width: 930px;overflow: hidden;}
header nav a{float: left;display: block;position: relative;padding: 0 35px;line-height: 70px;text-align: center;font-size: 18px;color: #888;white-space: nowrap;overflow: hidden;}
header nav a:hover,header nav a.current{color: #00FF87;}
.wrapper{background-color: #f4f4f4;}
.wrap{margin: 0 auto;overflow: hidden;*zoom: 1;}
.hTitle{position: relative;overflow: hidden;*zoom:1;}
.hTitle em{float: left;display: block;position: relative;margin-top: 16px;height: 44px;line-height: 44px;font-size: 44px;color: #333;font-weight: lighter;}
.hTitle strong{position: absolute;top: 0;left: 0;height: 56px;line-height: 54px;font-size: 68px;color: rgba(0,0,0,.04);font-weight: bold;}
.hTitle a{float: right;display: block;padding: 0 5px;font-size: 16px;color: #202326;height: 30px;line-height: 30px;margin-top: 30px;}
.hTitle a:before{content: "···";position: relative;top: -2px;margin-right: 10px;font-size: 14px;color: #202326;font-weight: bold;line-height: 14px;}
.hTitle a:hover {color: #00FFA3;}
.hTitle a:hover:before {color: #00FFA3;}
.hGame .hTitle a{margin-right:35px;}

.hTit{padding: 0 14px;overflow: hidden;zoom: 1;}
.hTit em{float: left;position: relative;font-size: 24px;color: #333;font-weight: bold;line-height: 66px;}
.hTit em:after{content: "";position: absolute;bottom:0;display: block;width: 49px;height: 4px;background-color: #333;}
.hTit a{float: right;position: relative;top: 22px;display: block;width: 30px;height: 30px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -108px -36px;}
.hTit a{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.hTit a:hover{transform: scale(1.1);}
.hgR .hTit{padding: 0 13px;}
.hgR .hTit em{line-height: 76px;}
.hgR .hTit a{top: 24px;}

.gTitle{position: relative;overflow: hidden;*zoom:1;}
.gTitle em{float: left;display: block;position: relative;height: 42px;line-height: 42px;font-size: 24px;color: #333;font-weight: bold;}
.gTitle a{float: right;display: block;padding: 0 5px;font-size: 16px;color: #202326;height: 32px;line-height: 32px;margin-top: 10px;}
.gTitle a:before{content: "···";position: relative;top: -2px;margin-right: 10px;font-size: 14px;color: #202326;font-weight: bold;line-height: 14px;}
.gTitle a:hover {color: #00FFA3;}
.gTitle a:hover:before {color: #00FFA3;}
.gsTit{padding:0 28px;position: relative;overflow: hidden;*zoom:1;}
.gsTit em{float: left;display: block;position: relative;height: 42px;line-height: 42px;font-size: 24px;color: #333;font-weight: lighter;}
.gsTit a{float: right;display: block;padding: 0 5px;font-size: 16px;color: #202326;height: 32px;line-height: 32px;margin-top: 10px;}
.gsTit a:before{content: "···";position: relative;top: -2px;margin-right: 10px;font-size: 14px;color: #202326;font-weight: bold;line-height: 14px;}
.gsTit a:hover {color: #00FFA3;}
.gsTit a:hover:before {color: #00FFA3;}
.pagecode{display: block;padding:10px 0;text-align:center;font-size:14px;color: #666}
.pagecode a{padding:10.5px 16px;margin:0 5px;color:#666;text-decoration:none;background-color:#ecebee;border-radius: 3px;}
.pagecode>span{display: inline-block;line-height: 40px;height: 40px;border-radius: 3px;}
.pagecode span a{display: block;padding:0;min-width: 40px;line-height: 40px;text-align: center;border-radius: 3px;font-size: 14px;font-weight: bold;}
.pagecode a:hover{color:#fff;background-color: #00E7AE;}
.pagecode a.current,.pagecode a.current:hover{color:#fff;background-color: #00E7AE;padding: 10.5px 15px;font-weight: normal;}
.pagecode a.disabled,.pagecode a.disabled:hover{color:#666;background-color:#efefef;cursor:default;}
section{margin-bottom: 20px;overflow: hidden;*zoom: 1;}
.hRec{background: url(../img/htopbg.png) no-repeat;background-size: cover;margin: 0;padding-top: 43px;margin-bottom: 11px;}
.hRec>div{position: relative;width: 1200px;margin: 0 auto;overflow: hidden;*zoom: 1;}
.hotSearch{position:absolute;top: 15px;right: 0;z-index: 1;overflow: hidden;zoom: 1;}
.hotSearch>div{float: right;max-width: 320px;height: 42px;overflow: hidden;}
.hotSearch>div a{color: #767676;font-size: 13px;line-height: 42px;margin-left: 5px;}
.hotSearch>div a:after{content:"·";color: #adadad;font-size: 20px;margin-left:9px;line-height: 42px;vertical-align: top;}
.hotSearch>div a:last-of-type:after{display: none;}
.hotSearch>div a:hover{color: #00FF87;}
#searchForm{float: right;width:381px;height:42px;line-height: 42px;margin-left: 18px;border-radius: 21px;overflow: hidden;background:#eee;padding-right: 12px;}
#searchForm input[name='search']{width:312px;height:24px;line-height: 24px;padding:9px 18px;font-size: 15px;color:#666;border:none;background:#eee;}
#searchForm .btnSearch{display: block;width:30px;height:42px;border: none;text-indent:-9999px;cursor:pointer;position:absolute;right:12px;top:0;border-radius: 21px;background:#eee;background-image:url(../img/icon.png);background-size:1000px 1000px;background-repeat:no-repeat;background-position: -35px 9px;overflow: hidden;}
#searchForm input::-webkit-input-placeholder {color:#999;}
#searchForm input:-moz-placeholder {color:#999;}
#searchForm input::-moz-placeholder {color:#999;}
#searchForm input:-ms-input-placeholder {color:#999;}
.hRec .hit{width: 1230px;height: 182px;padding-top: 19px;overflow: hidden;*zoom: 1;}
.hRec .hit a{float: left;display: block;padding-top: 14px;width: 110px;margin-right: 26px;text-align: center;}
.hRec .hit a img{width: 110px;height: 110px;border-radius: 30px;display: block;margin: auto;}
.hRec .hit a p{font-size: 16px;color: #333;line-height: 58px;white-space: nowrap;overflow: hidden;}
.hRec .hit a:hover p{color: #00FFA3;}
.hRec .hit a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.hRec .hit a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}
.hRec .tag {width: 1250px;padding: 10px 0 4px;overflow: hidden;*zoom: 1;}
.hRec .tag a{float: left;display: block;width: 56px;font-size: 14px;color: #666;line-height: 26px;margin-right: 48px;white-space: nowrap;overflow: hidden;}
.hRec .tag a:before{content: "";position: relative;display: block;width: 40px;height: 40px !important;margin: auto;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.hRec .tag a:nth-of-type(1):before{background-position: -6px -160px;width: 34px;height: 39px;}
.hRec .tag a:nth-of-type(2):before{background-position: -52px -160px;}
.hRec .tag a:nth-of-type(3):before{background-position: -94px -160px;}
.hRec .tag a:nth-of-type(4):before{background-position: -143px -160px;}
.hRec .tag a:nth-of-type(5):before{background-position: -191px -160px;}
.hRec .tag a:nth-of-type(6):before{background-position: -239px -160px;}
.hRec .tag a:nth-of-type(7):before{background-position: -311px -160px;}
.hRec .tag a:nth-of-type(8):before{background-position: -359px -160px;}
.hRec .tag a:nth-of-type(9):before{background-position: -410px -156px;}
.hRec .tag a:nth-of-type(10):before{background-position: -507px -160px;}
.hRec .tag a:nth-of-type(11):before{background-position: -458px -158px;}
.hRec .tag a:nth-of-type(12):before{background-position: -556px -160px;}
.hRec .tag a:hover{color: #00FF87;}
.hRec .hJpin{width: 1220px;padding: 14px 0;line-height: 30px;overflow: hidden;*zoom: 1;}
.hRec .hJpin dt{float: left;margin-right: 22px;max-width: 138px;height: 30px;line-height: 30px;text-align: center;background: #333;font-size: 15px;color: #00FFA3;font-weight: bold;}
.hRec .hJpin dd{float: left;width: 1050px;height: 30px;margin-bottom:10px;overflow: hidden;}
.hRec .hJpin dd a{position: relative;float: left;display: block;font-size: 15px;color: #666;}
.hRec .hJpin dd a:after{content: "";position: relative;top: 3px;display: inline-block;width: 1px;height: 15px;background-color: #e3e3e3;margin: 0 12px;}
.hRec .hJpin dd a:last-of-type:after{display: none;}
.hRec .hJpin dd a:hover{color: #00FFA3;}
.hRec .hJpin dt:before,.hRec dl dt:after{content: "";position: relative;top: 4px;display: inline-block;width: 40px;height: 19px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.hRec .hJpin dt:before{background-position: -68px -5px;}
.hRec .hJpin dt:after{background-position: -120px -5px;margin-left: -2px;}
.hrecbot{background: #191919;border: 2px solid #00ff87;overflow: hidden;*zoom: 1;}
.hrecL {float: left;width: 472px;height: 356px;padding-left: 225px;position: relative;overflow: hidden;}
.hrecL .sliders{width: 472px;height: 356px;margin: 0;}
.hrecL ul {position: relative}
.hrecL li {float: left;position: absolute;width: 472px;height: 356px;overflow: hidden;-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.hrecL li a{display: block;}
.hrecL li img {width: 472px;min-height: 356px;height: auto;}
.hrecL li p {display: block;width: 432px;height: 56px;line-height: 56px;position: absolute;left: 0;bottom: 0;padding:10px 20px;font-size: 18px;color: #fff;font-weight: bold;
background: linear-gradient(0deg,rgba(0,0,0,0.92) 0%, rgba(0,0,0,0) 100%);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.hrecL .dot {width: 225px;position: absolute;bottom: 0;left: 0;top: 0;z-index: 2;}
.hrecL .dot dd{position: relative;display: block;width: 225px;height: 72px;overflow: hidden;cursor: pointer;}
.hrecL .dot dd:after{content: "";position: absolute;top: 28px;left: 0;height: 14px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -173px -2px;}
.hrecL .dot dd.cur:after{width: 8px;}
.sliderBox{width: 225px;height: 356px;background: #191919;position: absolute;left: 0;bottom: 0;}
.sliderBox .info{width: 201px;height: 42px;padding: 15px 12px;overflow: hidden;*zoom: 1;}
.sliderBox .info img{float: left;display: block;width: 42px;height: 42px;border-radius: 10px;margin-right: 8px;}
.sliderBox .info div{float: left;width: 150px;}
.sliderBox .info p{font-size: 14px;color: #fff;line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sliderBox .info span{display: block;font-size: 12px;color: #666;line-height: 24px;margin-top: 6px;}
.sliderBox .info.current {background: #000;}
.sliderBox .info.current p{color:#00FFA3;}
.sliderBox .info.current span{color:rgba(0,255,163,.5);}
.sliderBox .info span:after{content: "";display: inline-block;position: relative;top: -3px;transform:rotate(8deg) scale(.8);width: 12px;height: 16px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -321px -7px;margin-left: 0;}
.hrecR{position: relative;float: right;width: 460px;height: 356px;margin-left: 19px;padding-right: 20px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -975px -229px;}
.hrecR:before{position: absolute;left: 0;top: 0;display: block;width: 19px;height: 359px; }
.hrTxt{position: relative;text-align: center;padding-top: 10px;}
.hrTxt i{position: absolute;top: 0;left: 0;width: 68px;height: 63px;background-position: -6px -49px;}
.hrTxt strong a,.hrTxt>a:nth-of-type(1){display: block;font-size: 20px;color: #00ff87;font-weight: bold;line-height: 32px;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hrTxt strong a:hover{color: #00FFA3;}
.hrTxt p {margin-bottom: 10px;color: #999;font-size: 13px;line-height: 20px;}
.hrTxt p a{font-size: 14px;color: #999;line-height: 20px;}
.hrTxt a:hover{color: #00FF87;}
.hrecR ul{position: relative;overflow: hidden;*zoom: 1;}
.hrecR li{float: left;width: 50%;}
.hrecR li a{position: relative;float: left;display: block;padding-left: 22px;}
.hrecR li img{float: left;display: block;width: 20px;height: 20px;border-radius: 6px;margin-top: 6.5px;margin-right: 8px;}
.hrecR li p{float: left;width: 136px;font-size: 14px;color: #d1d1d1;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hrecR li i{float: right;font-size: 12px;color: #cc0000;margin-right: 3px;line-height: 33px;}
.hrecR li a:hover p{color: #00FF87;}
.hrecR li a:before{content: "";position: absolute;left: 4px;top: 12px;display: block;width: 9px;height: 9px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -564px -4px;}
.hrecR li:nth-of-type(2n+2) a:before{left: 8px;}
.editRec{width: 1204px;margin: auto;padding: 14px 0;overflow: hidden;*zoom: 1;margin-bottom: 24px;}
.editRec strong{float: left;position: relative;right: -2px;display: block;height: 121px;background:linear-gradient(180deg,#f4f4f4,#f4f4f4);margin-left: 2px;}
.editRec i{position: relative;top:2px;left: -2px;display: block;width: 143px;height: 114px;padding-left: 40px;background-position: -811px 0px;font-size: 24px;color: #333;font-weight: bold;line-height: 96px;}
.editRec ul{float: left;position: relative;width: 1018px;background: #fff;padding: 0 0 18px 1px;}
.editRec li{float: left;width: 314px;border-radius: 3px;margin:18px 0 0 19px;overflow: hidden;}
.editRec li a{display: block;padding: 11px 10px 12px 15px;background-color: rgba(0,255,163,.1);overflow: hidden;*zoom: 1;}
.editRec li img{float: left;display: block;width: 62px;height: 62px;border-radius: 10px;margin-right: 10px;}
.editRec li div{float: left;width: 150px;}
.editRec li div p{font-size: 16px;color: #333;font-weight: bold;line-height: 34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.editRec li div span{display: block;font-size: 12px;color: rgba(51,51,51,.5);line-height: 22px;}
.editRec li a>span{float: right;margin:20px 3px 0 0;display: block;width: 55px;height: 24px;background: #FFF;text-align: center;border: 1px solid #00FFA3;border-radius: 2px;font-size: 12px;color: #00FFA3;line-height: 24px;}
.editRec li:hover a>span{background:#00ffa3;color: #fff;}
.hGame{width: 1200px;margin: auto;overflow: hidden;*zoom: 1;margin-bottom: 29px;}
.hGame .hgL{float: left;}
.hGame .tabBox{position: relative;margin-top: 21px;width: 900px;padding: 30px 0 26px;background-color: #fff;overflow: hidden;*zoom: 1;}
.hGame .tabBox .tiTle em{color: #fff;}
.hGame .tabMenu{position: relative;width: 860px;padding: 0 10px 0 30px;line-height: 40px;overflow: hidden;*zoom: 1;}
.hGame .tabMenu:before{content: "";position: relative;top: 16px;display: inline-block;float: left;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 19px;}
.hGame .tabMenu span{position: relative;float: left;display: block;padding: 0 12px;margin-right: 18px;font-size: 15px;color: #666;line-height: 40px;cursor: pointer;}
.hGame .tabMenu span:hover{color:#00ffa3;}
.hGame .tabMenu span.current{background-color:#00ffa3;color: #fff;font-weight: bold;}
.hGame .tabMenu span.current:hover{color: #fff;}
.hSoft .tabMenu:before{background-color:#FD57D7;}
.hSoft .tabMenu span:hover{color:#FD57D7;}
.hSoft .tabMenu span.current{background-color:#FD57D7;}
.hGame .tabCont{padding:28px 7px 0 13px}
.hGame .hgL ul{width: 920px;overflow: hidden;*zoom: 1;}
.hGame .hgL ul li{float: left;width: 144px;height: 160px;text-align: center;margin-bottom: 10px;}
.hGame .hgL ul li a{display: block;padding: 11px 17px;}
.hGame .hgL ul li img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: auto;}
.hGame .hgL ul li p{height: 36px;line-height: 36px;font-size: 15px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hGame .hgL ul li img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.hGame .hgL ul li:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}
.hGame .hgL ul li:hover p{color: #00FF87;}

.hgR{float: right;width: 290px;background: #00ffa3;padding: 6px 5px;}
.hgR ul{background-color: #fff;margin-top: 18px;padding: 5px 11px 17px;}
.hgR li{border-bottom: 1px solid #e6e6e6;}
.hgR li a{position: relative;display: block;line-height:42px;overflow: hidden;*zoom: 1;}
.hgR li a>i{float: left;width: 14px;line-height: 42px;text-align: center;font-size: 12px;color: #666;margin-right: 14px;}
.hgR li a>p{float: left;width: 176px;font-size: 14px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hgR li a>span{float: right;max-width: 62px;font-size: 12px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hgR li .up:after{content: "";display: inline-block;position: relative;margin-left: 8px;width: 8px;height: 10px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -2px -19px;}
.hgR li .dn:after{content: "";display: inline-block;position: relative;margin-left: 8px;width: 8px;height: 10px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -15px -19px;}
.hgR li a img{float: left;width:72px;height: 72px;border-radius: 10px;margin-right: 9px;}
.hgR li a .info{float: left;width: 118px;height: 72px;overflow: hidden;}
.hgR li a .info p{display: block;font-size: 14px;color: #333;font-weight: bold;line-height: 26px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hgR li a .info span{display: block;font-size: 12px;color: #454545;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hgR li a:hover p{color: #00FF87;}
.hgR li a div:nth-of-type(2){float: right;width: 68px;}
.hgR li a div:nth-of-type(2) span{float: right;display: block;max-width: 68px;font-size: 12px;color: #999;line-height: 24px;}
.hgR li a div:nth-of-type(2) .btn{width: 68px;height: 24px;border-radius: 2px;margin-top: 22px;text-align: center;font-size: 12px;color: #00e7ae;border: 1px solid #00e7ae;line-height: 24px;}
.hgR li:nth-of-type(3){margin-bottom: 3px;}
.hgR li:nth-of-type(-n+3) a{padding: 13px 0;}
.hgR li:nth-of-type(-n+3) a i{font-size: 0;display: block;width: 28px;height: 34px;position: absolute;z-index: 1;left: 22px;top: 12px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.hgR li:nth-of-type(1) a i{background-position: -2px -36px;}
.hgR li:nth-of-type(2) a i{background-position: -35px -36px;}
.hgR li:nth-of-type(3) a i{background-position: -68px -36px;}
.hTopic{width: 1200px;margin: auto;margin-bottom: 24px;}
.hTopic ul{width: 1240px;overflow: hidden;*zoom:1;}
.hTopic ul li{float: left;margin:26px 6px 0 0;}
.hTopic ul li a{display: block;position: relative;}
.hTopic ul li div{border: 2px solid #00ffa3;width: 291px;height: 164px;overflow: hidden;}
.hTopic ul li img{width: 291px;min-height: 164px;height: auto;}
.hTopic ul li img{-webkit-transition: all .2s ease;-moz-transition: all .32s ease;-o-transition: all .32s ease;transition: all .32s ease;}
.hTopic ul li:hover img{transform: scale(1.1);}
.hTopic ul li p{position: relative;display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 46px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hTopic ul li p:after{content: "";position: absolute;left: 0;bottom:0;display: block;width: 119px;height: 3px;background-color: #00ffa3;}
.hTopic ul li em{font-size: 14px;color: rgba(51,51,51,.5);line-height: 34px;}
.hTopic ul li span{position: absolute;top:14px;right:11px;width: 80px;height: 30px;background: #FFB100;border-radius:0 10px 0 10px;font-size: 14px;color: #FEFEFE;text-align: center;line-height: 30px;}
.hRank{background: url(../img/hrankbg.png) no-repeat;background-size: 100% auto;background-position:left bottom;padding-bottom: 38px;margin-bottom: 0;}
.hRank>div{width: 1200px;margin: auto;}
.hRCont{width: 1250px;overflow: hidden;*zoom: 1;}
.hRCont .list{float: left;width: 336px;background: #fff;padding:20px 22px;margin: 30px 31px 0 0;}
.hrTit{position: relative;display: block;font-size: 24px;color: #333;font-weight: bold;line-height: 30px;}
.hrTit:before{content: "";position: relative;top:-4px;display: inline-block;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 12px;}
.hrTit:after{content: "";position: absolute;top: 0;right: 0;display: block;width: 30px;height: 30px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -108px -36px;}
.hrTit:after{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.hrTit:hover:after{transform: scale(1.1);}
.hrTit:hover{color: #333;}
.hRCont .list ul{background-color: #fff;margin-top: 10px;}
.hRCont .list li a{position: relative;display: block;line-height:48px;overflow: hidden;*zoom: 1;}
.hRCont .list li a>i{float: left;width: 30px;line-height: 48px;font-size: 20px;color: #d8d8d8;font-weight: bold;font-style: italic;font-family: "Georgia";}
.hRCont .list li a>p{float: left;width: 186px;font-size: 14px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hRCont .list li a>span{float: right;max-width: 70px;font-size: 14px;color: #f57a00;overflow: hidden;white-space: nowrap;}
.hRCont .list li .up:after{content: "";display: inline-block;position: relative;margin-left: 8px;width: 8px;height: 10px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -2px -19px;}
.hRCont .list li .dn:after{content: "";display: inline-block;position: relative;margin-left: 8px;width: 8px;height: 10px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -15px -19px;}
.hRCont .list li a img{float: left;width:72px;height: 72px;border-radius: 10px;margin-right: 9px;}
.hRCont .list li a .info{float: left;width: 136px;height: 72px;overflow: hidden;}
.hRCont .list li a .info p{display: block;font-size: 14px;color: #333;font-weight: bold;line-height: 26px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hRCont .list li a .info span{display: block;font-size: 12px;color: #454545;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hRCont .list li a:hover p{color: #00FF87;}
.hRCont .list li a div:nth-of-type(2){float: right;width: 68px;}
.hRCont .list li a div:nth-of-type(2) span{float: right;display: block;max-width: 68px;font-size: 12px;color: #999;line-height: 24px;}
.hRCont .list li a div:nth-of-type(2) .btn{width: 68px;height: 24px;background: #333;border-radius: 2px;margin-top: 22px;text-align: center;font-size: 12px;color: #00FFA3;line-height: 24px;}
.hRCont .list li:nth-of-type(-n+3){ border-bottom: 1px solid #e6e6e6;}
.hRCont .list li:nth-of-type(-n+3) a{padding: 13px 0;}
.hRCont .list li:nth-of-type(-n+3) a i{font-size: 0;display: block;width: 28px;height: 34px;position: absolute;z-index: 1;left: 22px;top: 12px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.hRCont .list li:nth-of-type(1) a i{background-position: -2px -36px;}
.hRCont .list li:nth-of-type(2) a i{background-position: -35px -36px;}
.hRCont .list li:nth-of-type(3) a i{background-position: -68px -36px;}
.hFriLink{background-color: #202020;padding: 23px 0 3px;margin-bottom: 0;}
.hFriLink>div{width: 1200px;margin: auto;}
.hFriLink .fTitle{position: relative;display: block;font-size: 15px;color: #999;font-weight: bold;line-height: 42px;}
.hFriLink .fTitle:before{content: "";position: relative;top:-1px;display: inline-block;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 6px;}
.hFriLink .list a{position: relative;color: #7f7f7f;font-size: 14px;padding: 0 16px 0 9px;line-height: 24px;}
.hFriLink .list a:after{content: "";position: absolute;top: 9px;right: 0;display:block;width: 4px;height: 1px;background-color: #7f7f7f;}
.hFriLink .list a:hover{color: #00FF87;}
.hFriLink .list a:last-of-type:after{display: none;}
footer{width: 100%;color: #666;font-size: 14px;background-color: #202020;text-align: center;}
footer>div:nth-of-type(2){padding-top: 15px;height: 45px;background-color: #1D1D1C;line-height: 30px;}
footer>div:nth-of-type(2) a{font-size: 14px;color: #999;}
footer>div:nth-of-type(1) div{width:1200px;margin:0 auto;height: auto;padding: 30px 0 15px;line-height: 24px;}
footer>div:nth-of-type(1) div p:nth-of-type(1) a{font-size: 14px;color: #999;}
footer p{margin-bottom: 10px;}
footer p a{margin:0 5px;color: #999;}
footer p span{margin: 0 10px;}
footer div img{width: 30px;height: 30px;margin:0 10px 0 50px;}
footer div a:hover{color: #cfcfcf !important;}
.contain{background-color: #00ffa3;padding: 1px;}
.noFound{position: relative;margin:162px auto 143px;text-align: center;}
.noFound img{display: block;width: 462px;height: 281px;margin: auto;}
.noFound p{font-size: 28px;color: #333;line-height: 32px;margin-top: 29px;}
.noFound a{display: block;margin: auto;text-align: center;margin-top: 28px;}
.noFound a i{display: block;width: 286px;height: 48px;background-position:-320px -939px ;font-size: 22px;color: #fff;line-height: 48px;margin: auto;}
.noFound a:hover i{text-decoration: underline;}
.crumb{position: relative;z-index: 2;width: 1200px;height: 50px;line-height: 50px;margin: auto;}
.crumb,.crumb a{font-size:14px;color:rgba(204, 204, 204, 1);}
.crumb i{display:inline-block;width:18px;height:15px;background-position: -369px -6px;margin-right:6px;position:relative;top:2px;}
.crumb a:hover{color:#00FF87;}
.gadeBg .crumb i{background-position: -225px -9px;}
.ztcrumb, .ztcrumb a{color:#ccc;}
.ztcrumb i{background-position: -533px -5px;}

.ylJump {width: 1200px;height: 86px;margin: auto;}
.ylJump ul{margin-left: 30px;overflow: hidden;*zoom: 1;}
.ylJump ul li{position: relative;float: left;font-size: 18px;color: #666;padding: 32px 0 31px 27px;cursor: pointer;}
.ylJump ul li:after{content: "/";font-size: 16px;color: rgba(0,0,0,.1);margin-left: 25px;}
.ylJump ul li.current{color: #333;font-size: 24px;font-weight: bold;}
.ylJump ul li:hover{color: #333;}
.gasoCont{position: relative;z-index: 1;width: 1200px;padding-bottom: 20px;margin:0 auto 32px;background: #fff;}
.gasoL{float: left;width: 844px;padding: 0 28px;}
.gasoR{float: right;width: 300px;}
.gasoIntro{overflow: inherit;}
.editYelp{height: 59px;background: #E5FFF6;margin-bottom: 5px;}
.editYelp i{position: relative;top: -18px;display:inline-block;width: 103px;height: 86px;background-position: -870px -119px;font-size: 18px;color: #333;line-height: 88px;font-weight: bold;padding-left: 21px;}
.editYelp em{display:inline-block;width: 680px;margin-left: 17px;vertical-align: top;font-size: 16px;color: #333;line-height: 59px;white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis;}
.introTit{padding: 13px 0;overflow: hidden;*zoom: 1;}
.introTit span{position:relative;float: left;margin-right: 22px;height: 30px;padding: 0 33px;line-height: 29px;text-align: center;background: #333;font-size: 18px;color: #00FFA3;font-weight: bold;}
.introTit span:before,.introTit span:after{content: "";position: absolute;top: 5px;display: block;width: 40px;height: 19px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.introTit span:before{background-position: -68px -5px;left: 0;}
.introTit span:after{background-position: -120px -5px;right: 0;}
.ylCont{padding-bottom: 2px;}
.ylCont .cont{width: 844px;font-size:16px;color:#666;line-height:28px;overflow: hidden;}
.ylCont .cont a{line-height: 29px; text-indent: 0;color:#00FFA3;}
.ylCont .cont a:hover{border-bottom: .01px solid #00FFA3;}
.ylCont .cont p{line-height: 28px;color: #666;margin-bottom: 10px;}
.ylCont .cont p:nth-of-type(1){text-indent: 2em;}
.ylCont .cont br{height: 1px;}
.ylCont .cont img{max-width:844px;padding:6px 0;display: block;margin: auto;}
.ylCont .cont p img{max-width:844px;}
.ylCont .cont h3{position: relative;display:block;line-height: 32px;font-size: 18px;color: #00FFA3;font-weight: bold;margin-bottom: 10px;}
.ylCont .cont h3:before{content: "";position: relative;top: 11px;display: inline-block;float: left;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 12px;}
.ylCont .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;}
.ylCont .cont table{max-width: 100%;margin: auto;}
.ylInfo{position: relative;padding-bottom: 8px;}
.ylInfo ul{background-color: #f4f4f4;padding: 8px 0 20px;overflow: hidden;*zoom: 1;margin-top: 3px;}
.ylInfo li{float: left;width:396px;margin-left: 18px;font-size: 16px;color: #868C92;height: 40px;line-height: 40px;border-bottom: 2px solid #fff;overflow: hidden;*zoom: 1;}
.ylInfo li span,.ylInfo li i,.ylInfo li a{float: right;max-width: 288px;font-size: 16px;color: #666;}
.ylInfo li i,.ylInfo li .gaSecret,.ylInfo li a,.ylInfo li .gsSecret{color: #00E7AE;cursor: pointer;text-decoration: underline;}
.ylInfo li i:hover{color: #00ff87;}
.feBaBtn{position: absolute;right: 19px;top: 23px;font-size: 13px;text-align: center;color:#fff;line-height: 40px;cursor: pointer;display: block;width: 35px;height: 40px;background-position: -198px -36px;}
.feBaBtn:hover{color: #00ff87;}
.gaSoList .list{width: 860px;overflow: hidden;*zoom: 1;}
.gaSoList .list a{display: block;float: left;width: 128px;margin: 6px 15px 0 0;overflow: hidden;padding-top: 10px;}
.gaSoList .list a img{display: block;width: 110px;height: 110px;border-radius: 30px;margin: auto;}
.gaSoList .list a p{width: 100%;line-height: 32px;text-align: center;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;margin:15px auto 0;}
.gaSoList .list a:hover p{color: #00ff87;}
.gaSoList .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.gaSoList .list a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}

.gaSoNew{position: relative;}
.ylChange{position: absolute;top: 8px;right: 4px;font-size: 16px;color: #00FFA3;line-height: 40px;cursor: pointer;}
.ylChange i{position: relative;top: 2px;display: inline-block;width:16px ;height: 16px;background-position: -197px -9px;margin-right: 9px;}
.ylChange:hover{text-decoration: underline;}
.ylChange:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.gaSoNew li{width: 860px;overflow: hidden;*zoom: 1;}
.gaSoNew li a{display: block;float: left;width: 128px;margin: 6px 15px 0 0;overflow: hidden;padding-top: 10px;}
.gaSoNew li a img{display: block;width: 110px;height: 110px;border-radius: 30px;margin: auto;}
.gaSoNew li a p{width: 100%;line-height: 32px;text-align: center;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;margin:15px auto 0;}
.gaSoNew li a:hover p{color: #00ff87;}
.gaSoNew li a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.gaSoNew li a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}

.gasoRelzt{position: relative;margin-top: 30px;}
.gasoRelzt .tabMenu{position: absolute;top: 1px;left: 120px;width: 650px;height: 40px;line-height: 40px;overflow: hidden;*zoom: 1;}
.gasoRelzt .tabMenu:before{content: "";position: relative;top: 16px;display: inline-block;float: left;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 19px;}
.gasoRelzt .tabMenu span{position: relative;float: left;display: block;padding: 0 12px;margin-right: 18px;font-size: 15px;color: #666;line-height: 40px;cursor: pointer;}
.gasoRelzt .tabMenu span:hover{color:#00ffa3;}
.gasoRelzt .tabMenu span.current{background-color:#00ffa3;color: #fff;font-weight: bold;}
.gasoRelzt .tabMenu span.current:hover{color: #fff;}
.gasoRelzt .tabCont{padding:23px 10px 29px;background: url(../img/gamerecbg.png) no-repeat;background-size: 100% 100%;margin-top: 21px;}
.gasoRelzt .subBox>div{overflow: hidden;*zoom: 1;}
.gasoRelzt .subBox .img{float: left;position: relative;border: 2px solid #00ffa3;width: 291px;height: 164px;margin-right: 18px;overflow: hidden;}
.gasoRelzt .subBox .img img{width: 100%;min-height: 164px;height: auto;}
.gasoRelzt .subBox .img span{position: absolute;top:14px;left:14px;width: 80px;height: 30px;background: #FFB100;border-radius:0 10px 0 10px;font-size: 14px;color: #FEFEFE;text-align: center;line-height: 30px;}
.gasoRelzt .subBox .img img{-webkit-transition: all .2s ease;-moz-transition: all .32s ease;-o-transition: all .32s ease;transition: all .32s ease;}
.gasoRelzt .subBox .img:hover img{transform: scale(1.1);}
.gasoRelzt .subBox .info strong{position: relative;display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 46px;;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gasoRelzt .subBox .info strong:after{content: "";position: absolute;left: 0;bottom:0;display: block;width: 119px;height: 3px;background-color: #00ffa3;}
.gasoRelzt .subBox .info em{font-size: 14px;color: rgba(51,51,51,.5);line-height: 34px;}
.gasoRelzt .subBox .info p{height:72px;font-size: 16px;color: #666;line-height: 24px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.gasoRelzt .subBox .info strong:hover p{color:#00FF87;}
.gasoRelzt .subBox ul{width: 860px;padding: 7px 0;overflow: hidden;*zoom: 1;}
.gasoRelzt .subBox ul li{float: left;width: 152px;text-align: center;margin: 18px 15px 0 0;}
.gasoRelzt .subBox ul li a{display: block;padding: 0 21px;height: 166px;overflow: hidden;}
.gasoRelzt .subBox ul li img{display: block;width: 110px;height: 110px;border-radius: 30px;margin: auto;}
.gasoRelzt .subBox ul li p{margin-top: 2px;line-height: 34px;font-size: 15px;color: #000;overflow: hidden;white-space: nowrap;}
.gasoRelzt .subBox ul li span{display: block;font-size: 14px;color: #9A9A9A;line-height: 20px;}
.gasoRelzt .subBox ul li:hover p{color: #00ff87;}
.gasoRelzt .subBox ul li img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.gasoRelzt .subBox ul li:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}

.gasoR .hgR{position: relative;margin-top: -70px;margin-bottom: 17px;float: none;}
.gasoEdition{border: 2px solid #00FFA3;}
.gasoEdition ul{padding: 10px 0 15px;}
.gasoEdition ul li{background-color: transparent;padding: 0 14px;}
.gasoEdition ul li a{display: block;overflow: hidden;*zoom: 1;padding: 9px 0;border-bottom: 1px dashed #e4e4e4;}
.gasoEdition ul li img{float: left;display: block;width: 50px;height: 50px;border-radius: 10px;margin-right: 11px;}
.gasoEdition ul li div{float: left;width: 150px;height: 50px;}
.gasoEdition ul li div p{font-size: 12px;color: #999;line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gasoEdition ul li div p:nth-of-type(1){font-size: 14px;color: #000;line-height: 18px;}
.gasoEdition ul li span{float: right;display: block;width: 52px;height: 22px;line-height: 22px;border: 1px solid #00ffa3;background-color: #fff;color: #00ffa3;font-size: 12px;text-align: center;margin-top: 13px;}
.gasoEdition ul li:last-of-type a{border-bottom-color: transparent;}
.gasoEdition ul li:hover{background-color: rgba(0,255,163,.08);}
.gasoEdition ul li:hover a{border-bottom-color: transparent;}
.gasoEdition ul li:hover a img{opacity: .9;}
.gdrHotTopic{border: 2px solid #00FFA3;}
.gdrHotTopic .list{padding: 1px 14px 20px;}
.gdrHotTopic .list a{display: block;position: relative; width: 268px;height: 138px;overflow: hidden;margin:16px 0 0 0;overflow: hidden;}
.gdrHotTopic .list a img{ width: 268px;min-height: 138px;height: auto;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.gdrHotTopic .list a:hover img{transform: scale(1.2);}
.gdrHotTopic .list a:after{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%, rgba(0,0,0,.6) );}
.gdrHotTopic .list a p{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;width:100%;height: 36px;line-height: 36px;font-size: 14px;color: #fff;font-weight: bold;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gameTop{background: url(../img/gamelistbg.png) no-repeat;padding-bottom: 122px;background-size: contain;}
.softTop{background: url(../img/softlistbg.png) no-repeat;background-size: contain;}
.topTit{width: 1200px;margin: auto;}
.topTit strong{display: block;font-size: 36px;color: #fff;font-weight: bold;line-height: 42px;margin-left: 121px;margin-top: 70px;}
.topTit  p{display: block;font-size: 16px;color: #fff;line-height: 42px;margin-left: 121px;margin-top: 4px;}
.gameWrap{position: relative;width: 1200px;margin: auto;margin-top: -120px;overflow: hidden;*zoom: 1;}
.tagList{float: left;width: 70px;background-color: #fff;margin-right: 5px;overflow: hidden;}
.tagList a{position: relative;display: block;width: 70px;height: 64px;padding-top: 6px;text-align: center;font-size: 12px;color:#666;line-height: 32px;border-bottom: 1px solid #f2f2f2;}
.tagList a:before{content:"";position: relative;top: 3px;display: block;width:30px;height: 32px;margin: auto;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position:-6px -221px;}
.tagList a:nth-of-type(1):before{background-position: -6px -221px;}
.tagList a:nth-of-type(2):before{background-position: -55px -221px;}
.tagList a:nth-of-type(8):before{background-position: -101px -221px;}
.tagList a:nth-of-type(4):before{background-position: -147px -221px;}
.tagList a:nth-of-type(5):before{background-position: -193px -221px;}
.tagList a:nth-of-type(6):before{background-position: -240px -221px;}
.tagList a:nth-of-type(7):before{background-position: -289px -221px;}
.tagList a:nth-of-type(3):before{background-position: -338px -221px;}
.tagList a:nth-of-type(9):before{background-position: -391px -221px;}
.tagList a:nth-of-type(10):before{background-position: -442px -221px;}
.tagList a:nth-of-type(11):before{background-position: -491px -221px;}
.tagList a:nth-of-type(12):before{background-position: -540px -221px;}
.tagList a:nth-of-type(13):before{background-position: -442px -329px;}
.tagList a:nth-of-type(14):before{background-position: -289px -221px;}

.tagList a:nth-of-type(1).current:before,.tagList a:nth-of-type(1):hover:before{background-position: -6px -273px;}
.tagList a:nth-of-type(2).current:before,.tagList a:nth-of-type(2):hover:before{background-position: -55px -273px;}
.tagList a:nth-of-type(8).current:before,.tagList a:nth-of-type(8):hover:before{background-position: -101px -273px;}
.tagList a:nth-of-type(4).current:before,.tagList a:nth-of-type(4):hover:before{background-position: -147px -273px;}
.tagList a:nth-of-type(5).current:before,.tagList a:nth-of-type(5):hover:before{background-position: -193px -273px;}
.tagList a:nth-of-type(6).current:before,.tagList a:nth-of-type(6):hover:before{background-position: -240px -273px;}
.tagList a:nth-of-type(7).current:before,.tagList a:nth-of-type(7):hover:before{background-position: -289px -273px;}
.tagList a:nth-of-type(3).current:before,.tagList a:nth-of-type(3):hover:before{background-position: -338px -273px;}
.tagList a:nth-of-type(9).current:before,.tagList a:nth-of-type(9):hover:before{background-position: -391px -273px;}
.tagList a:nth-of-type(10).current:before,.tagList a:nth-of-type(10):hover:before{background-position: -442px -273px;}
.tagList a:nth-of-type(11).current:before,.tagList a:nth-of-type(11):hover:before{background-position: -491px -273px;}
.tagList a:nth-of-type(12).current:before,.tagList a:nth-of-type(12):hover:before{background-position: -540px -273px;}
.tagList a:nth-of-type(13).current:before,.tagList a:nth-of-type(13):hover:before{background-position: -589px -270px;}
.tagList a:nth-of-type(14).current:before,.tagList a:nth-of-type(14):hover:before{background-position: -289px -273px;}

.softWrap .tagList a:nth-of-type(1):before{background-position: -6px -329px;}
.softWrap .tagList a:nth-of-type(2):before{background-position: -55px -329px;}
.softWrap .tagList a:nth-of-type(3):before{background-position: -101px -329px;}
.softWrap .tagList a:nth-of-type(4):before{background-position: -147px -329px;}
.softWrap .tagList a:nth-of-type(5):before{background-position: -193px -329px;}
.softWrap .tagList a:nth-of-type(6):before{background-position: -240px -329px;}
.softWrap .tagList a:nth-of-type(7):before{background-position: -289px -329px;}
.softWrap .tagList a:nth-of-type(8):before{background-position: -338px -329px;}
.softWrap .tagList a:nth-of-type(9):before{background-position: -391px -329px;}
.softWrap .tagList a:nth-of-type(10):before{background-position: -442px -329px;}
.softWrap .tagList a:nth-of-type(11):before{background-position: -491px -329px;}
.softWrap .tagList a:nth-of-type(12):before{background-position: -540px -329px;}
.softWrap .tagList a:nth-of-type(1).current:before,.softWrap .tagList a:nth-of-type(1):hover:before{background-position: -6px -381px;}
.softWrap .tagList a:nth-of-type(2).current:before,.softWrap .tagList a:nth-of-type(2):hover:before{background-position: -55px -381px;}
.softWrap .tagList a:nth-of-type(3).current:before,.softWrap .tagList a:nth-of-type(3):hover:before{background-position: -101px -381px;}
.softWrap .tagList a:nth-of-type(4).current:before,.softWrap .tagList a:nth-of-type(4):hover:before{background-position: -147px -381px;}
.softWrap .tagList a:nth-of-type(5).current:before,.softWrap .tagList a:nth-of-type(5):hover:before{background-position: -193px -381px;}
.softWrap .tagList a:nth-of-type(6).current:before,.softWrap .tagList a:nth-of-type(6):hover:before{background-position: -240px -381px;}
.softWrap .tagList a:nth-of-type(7).current:before,.softWrap .tagList a:nth-of-type(7):hover:before{background-position: -289px -381px;}
.softWrap .tagList a:nth-of-type(8).current:before,.softWrap .tagList a:nth-of-type(8):hover:before{background-position: -338px -381px;}
.softWrap .tagList a:nth-of-type(9).current:before,.softWrap .tagList a:nth-of-type(9):hover:before{background-position: -391px -381px;}
.softWrap .tagList a:nth-of-type(10).current:before,.softWrap .tagList a:nth-of-type(10):hover:before{background-position: -442px -381px;}
.softWrap .tagList a:nth-of-type(11).current:before,.softWrap .tagList a:nth-of-type(11):hover:before{background-position: -491px -381px;}
.softWrap .tagList a:nth-of-type(12).current:before,.softWrap .tagList a:nth-of-type(12):hover:before{background-position: -540px -381px;}
.gameCont{float: right;width: 1125px;overflow: hidden;}
.gameRec{background-color: #fff;padding: 13px 0 0;margin-bottom: 5px;}
.gameRec .list{width: 1088px;padding: 12px 28px 20px;overflow: hidden;*zoom: 1;}
.gameRec .list a{float: left;display: block;position: relative; width: 256px;height: 160px;margin-bottom: 8px;overflow: hidden;margin-right:15px;overflow: hidden;-webkit-transition: all linear .2s;transition: all linear .2s;}
.gameRec .list a img{display: block;width: 256px;min-height: 160px;height: auto;}
.gameRec .list a:hover {transform: scale(1.07);-webkit-box-shadow: 0 6px 12px -3px rgb(102 102 102 / 20%), 0 7px 14px -7px rgb(102 102 102 / 20%); box-shadow: 0 6px 12px -3px rgba(102, 102, 102,.2), 0 7px 14px -7px rgba(102, 102, 102,.2);}
.gameRec .list a p{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;width:100%;height: 42px;line-height: 42px;font-size: 16px;color: #fff;font-weight: bold;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gameRec .list a:after{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%, rgba(0,0,0,.6) );}
.gameRec .list a:before{content: "";display: block;position: absolute;top: -1px;left: -1px;z-index: 1; width: 70px;height: 62px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.gameRec .list a.hot:before{background-position: -413px -80px;}
.gameRec .list a.new:before{background-position: -486px -80px;}
.gameList{background-color: #fff;padding-bottom: 37px;margin-bottom: 29px;}
.gMenu{border-bottom: 2px solid #f6f6f6;margin-bottom: 28px;overflow: hidden;*zoom: 1;}
.gMenu a{float: left;display: block;padding-top: 12px;width: 110px;margin-right:10px;height: 53px;font-size: 18px;color: #666;font-weight: bold;text-align: center;border-bottom: 3px solid transparent;}
.gMenu a i{display: block;margin: auto;width: 12px;height: 16px;background-position: -297px -7px;margin-bottom: 2px;}
.gMenu a.current{color: #00FF99;border-color: #00ff9f;background-color: #f2fff9;}
.gMenu a i.nw{background-position: -297px -7px;}
.gMenu a i.ht{background-position: -321px -7px;}
.gMenu a i.rc{background-position: -345px -7px;}
.gMenu a:hover{color: #00FF99;}
.gameList ol{width: 1088px;padding: 0 28px;overflow: hidden;*zoom: 1;}
.gameList ol>li{position: relative;float: left;margin-right: 15px;margin-bottom: 22px;}
.gameList ol>li:nth-of-type(-n+3):before{content: "";display: block;width: 28px;height: 34px;position: absolute;z-index: 1;left: 0;top: 0;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.gameList ol>li:nth-of-type(1):before{background-position: -2px -36px;}
.gameList ol>li:nth-of-type(2):before{background-position: -35px -36px;}
.gameList ol>li:nth-of-type(3):before{background-position: -68px -36px;}
.gameList ol a{position: relative;display: block;width: 254px;height: 263px;text-align: center;background: #FFFFFF;border: 1px solid #DEDEDE;overflow: hidden;}
.gameList ol a img{display: block;width: 65px;height: 65px;border-radius: 10px;margin: 17px auto 8px;}
.gameList ol a p:nth-of-type(1){font-size: 18px;color: #333;font-weight: bold;line-height: 30px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.gameList ol a p:nth-of-type(2){display: block;padding: 0 10px;font-size: 14px;color: #666;height: 45px;line-height: 22px;margin-top: -3px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.gameList ol ul{margin-top: 2px;}
.gameList ol ul li{font-size: 12px;color: #999;line-height: 26px;}
.gameList ol ul li span{color: #666;margin: 0 4px;}
.gameList ol a>span{display: block;margin:10px auto 14px;width: 180px;height: 32px;line-height: 32px;font-size: 16px;color: #00E7AE;font-weight: bold;text-align: center;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -814px -931px;}
.gameList ol a.no>span{background-position: -814px -967px;color: #15E8EF;}
.gameList ol a:hover{border-color:#00FFA3;background: #F2FFFA;}
.gameList ol a.no:hover{border-color:#15E8EF;background: #E7FEFF;}
.gameList ol a:hover>span{background-position: -814px -895px;color: #fff;}
.gameList ol a.no:hover>span{background-position: -814px -861px;color: #fff;}
.ztTop{background: url(../img/ztlistbg.png) no-repeat;padding-bottom: 10px;}
.ztTit{position: relative;width: 1200px;margin: auto;display: block;font-size: 24px;color: #00FFA3;font-weight:lighter;line-height: 42px;}
.ztTit:before{content: "";position: relative;top:-4px;display: inline-block;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 12px;}
.ztTop ul{width: 1200px;overflow: hidden;*zoom:1;margin: auto;}
.ztTop ul li{float: left;margin:12px 6px 0 0;}
.ztTop ul li:nth-of-type(4n+4){margin-right: 0;}
.ztTop ul li a{display: block;position: relative;}
.ztTop ul li div{border: 2px solid #00ffa3;width: 291px;height: 164px;overflow: hidden;}
.ztTop ul li img{width: 291px;min-height: 164px;height: auto;}
.ztTop ul li img{-webkit-transition: all .2s ease;-moz-transition: all .32s ease;-o-transition: all .32s ease;transition: all .32s ease;}
.ztTop ul li:hover img{transform: scale(1.1);}
.ztTop ul li p{position: relative;display: block;font-size: 18px;color: #fff;font-weight: bold;line-height: 46px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztTop ul li p:after{content: "";position: absolute;left: 0;bottom:0;display: block;width: 119px;height: 3px;background-color: #00ffa3;}
.ztTop ul li em{font-size: 14px;color: #ccc;line-height: 34px;}
.ztTop ul li:hover p{color:#00FF87;}
.ztCont{position: relative;width: 1200px;margin: auto;overflow: hidden;padding: 7px 0 28px;}
.ztCont .ztMenu{position: absolute;top: 8px;left: 120px;width: 650px;height: 40px;line-height: 40px;overflow: hidden;*zoom: 1;}
.ztCont .ztMenu:before{content: "";position: relative;top: 16px;display: inline-block;float: left;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 19px;}
.ztCont .ztMenu a{position: relative;float: left;display: block;padding: 0 12px;margin-right: 18px;font-size: 15px;color: #666;line-height: 40px;cursor: pointer;}
.ztCont .ztMenu a:hover{color:#00ffa3;}
.ztCont .ztMenu a.current{background-color:#00ffa3;color: #fff;font-weight: bold;}
.ztCont .ztMenu a.current:hover{color: #fff;}
.ztCont ul{width: 1230px;overflow: hidden;*zoom: 1;padding-bottom: 2px;padding-top: 22px;}
.ztCont li{float: left;width: 587px;height: 328px;background: #fff;border: 1px solid #DEDEDE;margin: 0 21px 22px 0;}
.ztCont li .intro {padding: 24px 20px 10px;overflow: hidden;*zoom: 1;}
.ztCont li .intro>a{float: left;position: relative;border: 2px solid #00ffa3;width: 291px;height: 164px;margin-right: 18px;overflow: hidden;}
.ztCont li .intro>a img{width: 100%;min-height: 164px;height: auto;}
.ztCont li .intro>a span{position: absolute;top:14px;left:14px;width: 80px;height: 30px;background: #FFB100;border-radius:0 10px 0 10px;font-size: 14px;color: #FEFEFE;text-align: center;line-height: 30px;}
.ztCont li .intro>a img{-webkit-transition: all .2s ease;-moz-transition: all .32s ease;-o-transition: all .32s ease;transition: all .32s ease;}
.ztCont li .intro>a:hover img{transform: scale(1.1);}
.ztCont li .info{width: 234px;height: 168px;overflow: hidden;}
.ztCont li .info a{position: relative;display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 46px;;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztCont li .info a:after{content: "";position: absolute;left: 0;bottom:0;display: block;width: 119px;height: 3px;background-color: #00ffa3;}
.ztCont li .info em{font-size: 14px;color: rgba(51,51,51,.5);line-height: 34px;}
.ztCont li .info p{height:72px;font-size: 14px;color: #666;line-height: 24px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ztCont li .info a:hover{color:#00FF87;}
.ztCont li .list{padding: 0 12px;height: 110px;overflow: hidden;*zoom: 1;}
.ztCont li .list a{float: left;display: block;width: 80px;text-align: center;margin-top: 9px;}
.ztCont li .list a img{display: block;width: 65px;height: 65px;border-radius: 10px;margin: auto;}
.ztCont li .list a p{margin-top: 2px;line-height: 34px;font-size: 14px;color: #333;}
.ztCont li .list a:hover p{color: #00ff87;}
.ztCont li:hover{border-color: #00ffa3;background: #f2fffa;}
.ztCont li .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.ztCont li .list a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}

.ztdexq{background-color: #00FFA3;padding: 19px 0;margin-bottom: 12px;}
.ztdexq>div{position: relative;width: 1200px;margin: auto;}
.ztdexq .intro {padding: 24px 23px;width: 837px;background: url(../img/ztdetailbg.png) no-repeat;overflow: hidden;*zoom: 1;}
.ztdexq .intro>div:nth-of-type(1){float: left;position: relative;border:1px solid #00ffa3;width: 430px;height: 220px;margin-right: 19px;overflow: hidden;}
.ztdexq .intro>div:nth-of-type(1) img{width: 100%;min-height: 164px;height: auto;}
.ztdexq .intro>div:nth-of-type(1) span{position: absolute;top:14px;left:11px;width: 80px;height: 30px;background: #FFB100;border-radius:0 10px 0 10px;font-size: 14px;color: #FEFEFE;text-align: center;line-height: 30px;}
.ztdexq .intro .info{width: 380px;height: 222px;overflow: hidden;}
.ztdexq .intro .info h1{position: relative;display: block;font-size: 24px;color: #333;font-weight: bold;line-height: 56px;margin-top: 1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztdexq .intro .info h1:after{content: "";position: absolute;left: 0;bottom:0;display: block;width: 119px;height: 3px;background-color: #00ffa3;}
.ztdexq .intro .info em{font-size: 14px;color: #ADADAD;line-height: 32px;display: block;margin-top: 6px;}
.ztdexq .intro .info p{height:96px;font-size: 16px;color: #666;line-height: 24px;margin-top: 2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ztdeRec{position: absolute;top: -63px;right: -6px;background: url(../img/ztrecbg.png) no-repeat;width: 260px;height: 240px;padding: 103px 26px 20px 20px;overflow: hidden;}
.ztdeRec p{position: absolute;top: 43px;left: -8px;right: 0;margin: auto;text-align: center;font-weight: bold;font-size: 24px;color: #fff;line-height: 32px;}
.ztdeRec a{position: relative;display: block;text-align: center;overflow: hidden;padding-top: 10px;}
.ztdeRec a img{display: block;width: 65px;height: 65px;border-radius: 10px;margin: 0 auto 8px;}
.ztdeRec a strong{font-size: 18px;color: #333;font-weight: bold;line-height: 30px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.ztdeRec a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.ztdeRec a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}

.ztdeRec ul{padding-left: 41px;}
.ztdeRec ul li{font-size: 14px;color: #666;line-height: 26px;text-align: left;}
.ztdeRec ul li:before{content: "";position: relative;top: 10.2px;vertical-align: top;display: inline-block;width: 5px;height: 5px;background-color:#434343;border-radius: 50%;margin-right: 13px;}
.ztdeRec ul li span{color: #999;margin-left: 20px;}
.ztdeRec a>span{display: block;margin:15px auto;width: 192px;height: 30px;line-height: 30px;font-size: 16px;color: #fff;font-weight: bold;text-align: center;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -802px -819px;}
.ztdeRec a:hover strong{color: #00ff87;}
.ztdeCont{width: 1200px;margin: auto;margin-bottom: 28px;}
.ztdeCont .pagecode{padding-top: 7px;}
.ztdeCont .gameList{padding-bottom: 30px;border-top: 2px solid #dadada;}
.ztdeCont .gameList ol{width: 1200px;padding: 38px 51px 0;}
.ztdeCont .gameList ol>li{margin: 0 25px 23px 0;}
.ztdeCont .gameList ol>li:nth-of-type(-n+3):before{display: none;}
.ztdeHot{width: 1220px;overflow: hidden;*zoom: 1;}
.ztdeHot a{position: relative;float: left;display: block;width: 288px;height: 161px;padding: 10px 0 15px;margin: 0 16px 19px 0;overflow: hidden;background: #fff;}
.ztdeHot a>p{position: relative;display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 38px;padding-left: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #F4F4F4;}
.ztdeHot a>p:before{content: "";position: relative;top:-2px;display: inline-block;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 8px;}
.ztdeHot a .info{overflow: hidden;*zoom: 1;padding: 12px 0 0 13px;}
.ztdeHot a .info img{float: left;display: block;width: 110px;height: 110px;border-radius: 20px;margin-right: 11px;}
.ztdeHot a .info div{float: left;width: 145px;height: 109px;padding-top: 1px;}
.ztdeHot a .info div p{font-size: 14px;color: #999;line-height: 24px;text-align: left;}
.ztdeHot a .info div p span{color: #666;margin-left: 10px;}
.ztdeHot a .info div>span{display: block;width: 68px;height: 24px;background: #333;border-radius: 2px;margin-top: 8px;text-align: center;font-size: 12px;color: #00FFA3;line-height: 24px;}
.ztdeHot a:hover>p{color: #00ff87;}
.ztdeHot a:before{content: "";position: absolute;top: 0;right:0;display: none;width: 56px;height: 48px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.ztdeHot a.zhb:before{display: block;background-position: -64px -87px;}
.ztdeHot a.shy:before{display: block;background-position: -130px -87px;}
.ztdeHot a.xzd:before{display: block;background-position: -196px -87px;}
.ztdeHot a.kbj:before{display: block;background-position: -262px -87px;}
.chartsWrap{position: relative;background: url(../img/ranklistbg.png) no-repeat;background-size:contain;margin-bottom: 0;}
.chartsTop{position: relative;margin-top: 296px;height: 168px;background: rgba(255,255,255,.12);} 
.chartsTop:before{content: "";position: absolute;top: 32px;left: 0;right: 0;margin: auto;display: block;width: 100%;height: 116px;background: #f4f4f4;}
.chartsMenu{position: relative;width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.chartsMenu a{position: relative;z-index: 2;float: left;display: block;width: 376px;height: 152px;background: transparent;text-align: center;margin: 16px 12px 0;}
.chartsMenu a strong{position: relative;display: block;font-size: 28px;color: #333;height: 32px;line-height: 32px;font-weight: normal;margin-top: 11px;}
.chartsMenu a i{display: block;width: 35px;height: 35px;background-position: -300px -427px;margin: auto;margin-top: 35px;}
.chartsMenu a:nth-of-type(1) i,.chartsMenu a:nth-of-type(1) qd{background-position: -227px -428px;width: 36px;}
.chartsMenu a:nth-of-type(2) i,.chartsMenu a:nth-of-type(1) jz{background-position: -371px -428px;}
.chartsMenu a:nth-of-type(3) i,.chartsMenu a:nth-of-type(1) rd{background-position: -300px -427px;}
.chartsMenu a strong:after{content: "";position: absolute;bottom: -19px;left: 0;right: 0;margin: auto;display: block;width: 88px;height: 3px;background: rgba(30,24,24,.3);}
.chartsMenu a.current{background: #00FFA3;}
.chartsMenu a.current strong{color: #fff;font-weight: bold;}
.chartsMenu a.current strong:after{background: #fff;}
.chartsMenu a.current i{width: 50px;height: 50px;background-position: -294px -468px;margin-top: 20px;}
.chartsMenu a:nth-of-type(1).current i,.chartsMenu a:nth-of-type(1).current qd{background-position: -220px -468px;}
.chartsMenu a:nth-of-type(2).current i,.chartsMenu a:nth-of-type(1).current jz{background-position: -364px -468px;}
.chartsMenu a:nth-of-type(3).current i,.chartsMenu a:nth-of-type(1).current rd{background-position: -294px -468px;}
.chartsMenu a.current:before{content: "";position: absolute;top: 0;left: -12px;display: block;width: 12px;height: 16px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -400px -5px;}
.chartsMenu a.current:after{content: "";position: absolute;top: 0;right: -12px;display: block;width: 12px;height: 16px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -426px -5px;}
.chartsMenu a:hover strong{font-weight: bold;}
.chartsMenu a.current:hover strong{color: #fff;}
.chartsList{position: relative;background:#fff;top: -21px;width: 1152px;padding: 21px 29px 32px 19px;margin: auto;overflow: hidden;*zoom: 1;}
.chartsList li{position: relative;height: 268px;border-bottom: 1px solid #ebebeb;}
.chartsList li>a{display: block;padding:31px 0;overflow: hidden;*zoom: 1;}
.chartsList li>a i{float: left;display: block;width: 64px;line-height: 167px;font-size: 34px;color: #D8D8D8;font-family: Microsoft YaHei;font-style: italic;text-decoration: underline;font-weight: bold;text-align: center;padding-right: 30px;}
.chartsList li>a img{float: left;width: 150px;height: 150px;border-radius: 30px;margin-right: 22px;}
.chartsList li>a div{float: left;width: 466px;height: 150px;overflow: hidden;}
.chartsList li>a div p:nth-of-type(1){font-size: 24px;color: #333;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.chartsList li>a div span{display: block;font-size: 14px;color: #9A9A9A;line-height:32px;margin-top: 5px;}
.chartsList li>a div p:nth-of-type(2){height:72px;font-size: 14px;color: #333;line-height: 24px;margin-top: 3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.chartsList li>a:hover div p:nth-of-type(1){color: #00FF87;font-weight: bold;}
.chartsList li:nth-of-type(-n+3)>a i{font-size: 0;width: 52px;height: 76px;position: relative;margin: 2px 34px 20px 8px;padding: 0;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.chartsList li:nth-of-type(1)>a i{background-position: -6px -437px;}
.chartsList li:nth-of-type(2)>a i{background-position: -74px -437px;}
.chartsList li:nth-of-type(3)>a i{background-position: -143px -437px;}
.chartsList li .time {position: absolute;left: 106px;bottom: 28px;}
.chartsList li .time span{float: left;font-size: 14px;color: #999;line-height: 24px;}
.chartsList li .time p{float: left;overflow: hidden;white-space: nowrap;margin-left: 29px;max-width: 488px;height: 26px;}
.chartsList li .time p a{position: relative;float: left;display: block;padding:0 8px 0 6px;line-height: 22.5px;margin-bottom: 2px;font-size: 14px;color: #999;border-top: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;margin-left: 20px;border-radius: 2px;}
.chartsList li .time p a:before{content: "";position: absolute;top: -.5px;left: -9px;display: inline-block;width: 10px;height: 24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -454px -2px;}
.chartsList li .time p a:hover{color: #00ff87;}
.chartsList li .list{position: absolute;top: 23px;right:-9px;width:400px;height: 216px;overflow: hidden;text-align: right;}
.chartsList li .list a{display: block;}
.chartsList li .list img{display: block;max-width:400px;height: 216px;width: auto;margin: auto;}
.gadeBg{margin-bottom: 0;}
.bgbox{position: absolute;top: 70px;left: 0;right: 0; width: 100%; height:720px; overflow: hidden; pointer-events: none;}
.bgbox:before { content: "";box-sizing: border-box; height: 360px;position: absolute;top: 0;left: 0;right: 0;opacity: .9;background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.98)),to(rgba(0,0,0,0)));background-image: linear-gradient(to bottom,rgba(0,0,0,.98),rgba(0,0,0,0));pointer-events: none;-webkit-transition: all .3s;transition: all .3s;}
.bgbox:after {box-sizing: border-box;content: "";height: 380px;position: absolute;bottom: 0;left: 0;right: 0; background-image: -webkit-gradient(linear,left bottom,left top,from(#f4f4f4),to(rgba(236,236,238,0)));background-image: linear-gradient(to top,#f4f4f4,rgba(236,236,238,0));pointer-events: none;}
.bgpic {position: absolute;top: 0;left: 0;width: 100%;height: 720px;pointer-events: none;overflow: hidden;background-color: #f4f4f4;opacity: .6;word-wrap: normal;display: inline-block;font-size: 0;}
.bgpic img {position: relative;width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%; -webkit-filter: blur(40px);filter: blur(40px);-webkit-transform: scale(1.8);transform: scale(1.8);-webkit-transition: all .3s;transition: all .3s;}
.showImg .swiper-container {width: 100%;height: 300px;margin: auto;}
.showImg .swiper-slide {position: relative;text-align: center}
.showImg .gallery-top .swiper-slide video {position: relative}
.showImg .gallery-top .swiper-slide>div {width: 100%;height: 100%}
.showImg .swiper-slide i {display: block;width: 32px;height: 32px;background-position: -259px -126px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2}
.showImg .gallery-top .swiper-slide>div img {width: 100%;opacity: .9;object-fit: cover;-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px)}
.showImg .gallery-top .swiper-slide>img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 459px;width: auto;opacity: 1}
.showImg .gallery-top {width: 812px;height: 459px;border: 2px solid rgba(0,255,135,.2);border-radius: 2px;}
.showImg .swiper-slide i {display: block;width: 32px;height: 32px;background-position: -259px -126px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2}
.showImg .gallery-thumbs {width: 816px;height: 90px;padding-top: 10px;margin-top: 0}
.showImg .gallery-thumbs .swiper-slide {position: relative;text-align: center;width: 160px;height: 90px;cursor: pointer;}
.showImg .gallery-thumbs .swiper-slide div{position: relative;width: 160px;height: 90px;overflow: hidden;}
.showImg .gallery-thumbs .swiper-slide img {display: block;width: 100%;height: auto;min-height: 90px}
.showImg .gallery-thumbs .swiper-slide div:after{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;background: rgba(0,0,0,.36);-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.showImg .gallery-thumbs .swiper-slide-thumb-active {opacity: 1}
.showImg .gallery-thumbs .swiper-slide-thumb-active {position: relative;border: 2px solid #00ff87;width: 156px !important;height: 86px}
.showImg .gallery-thumbs .swiper-slide-thumb-active div{width: 156px;height: 86px}
.showImg .gallery-thumbs .swiper-slide-thumb-active:after{content: "";position: absolute;top: -9px;left: 0;right: 0;margin: auto;width:16px;height: 8px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -169px -21px;}
.showImg .gallery-thumbs .swiper-slide-thumb-active div:after{display: none;}
.showImg .gallery-thumbs .swiper-slide:hover div:after{display: none;}
.showImg .gallery-thumbs .swiper-slide-thumb-active img {width: 100%;height: auto;min-height: 90px}

.showImg .swiper-button-white {display: none}
.showImg .swiper-container:hover .swiper-button-white {display: block}
.showImg .swiper-button-prev{background: rgba(0, 0, 0, .7);left: 0;top: 10px;margin: auto;width:26px;height:90px;}
.showImg .swiper-button-prev:after{content: "";position: absolute;top: 30px;left: 0;right: 0;margin: auto;width:12px;height:24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -255px -2px;}
.showImg .swiper-button-next{background: rgba(0, 0, 0, .7);right: 0;top: 10px;margin: auto;width:26px;height:90px;}
.showImg .swiper-button-next:after{content: "";position: absolute;top: 30px;left: 0;right: 0;margin: auto;width:12px;height:24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -278px -2px;}

.gadeTop{width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.showImg{float: left;width: 816px;height: 565px;overflow: hidden;}
.gadeInfo{float: right;position: relative;width: 338px;height: 561px;padding:0 6px 0 27px ;background: rgba(0,0,0,.65);border: 2px solid rgba(0,255,135,.2);border-radius: 2px;}
.gadeInfo h1{position: relative;font-size: 28px;color: #fff;font-weight: bold;line-height: 68px;margin-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gadeInfo h1:before{content: "";position: relative;top:-4px;display: inline-block;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 12px;}
.gadeInfo .tag{position: relative;margin-bottom: 4px;max-height: 110px;overflow: hidden;*zoom: 1;}
.gadeInfo .tag img{float: left;width: 106px;height: 106px;border-radius: 26px;border: 2px solid #00ff87 ;margin-right: 20px;}
.gadeInfo .tag a{float: left;display: block;padding: 0 9px;font-size: 12px;color: #fffc;height: 22px;line-height: 21px;border:1px solid rgba(255,255,255,.2);background: #0006;margin-right: 2px;margin-bottom: 5px;border-radius: 4px; text-align: center;-webkit-transition: all .3s linear;transition: all .3s linear;min-width: 45px;max-width: 163px;}
.gadeInfo .tag a:hover{ color: #fff;background-color: #0006;border-color: rgba(255,255,255,.4);}
.gadeInfo ul{margin-top: 6px;}
.gadeInfo ul li{width: 100%;font-size: 14px;color: #ccc;line-height: 30px;white-space: nowrap;overflow: hidden;*zoom: 1;text-overflow:ellipsis;}
.gadeInfo ul li span{display: block;float: left;width: 76px;color: #999;}
.gadeInfo ul li a{color: #ccc;}
.gadeInfo ul li a:hover{color: #00ff87;}
.gadeInfo .age{position: absolute;top: -2px;right: -2px;display: block;width: 68px;height: 60px;background-position: -561px -80px;font-size: 12px;font-weight: bold;color: #000;overflow: hidden;}
.gadeInfo .age em{position: absolute;top: 16px;right:1px;display: block;font-weight: bold;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);width: 24px;height: 24px;overflow: hidden;}

.downBtn{float: left;width: 286px;margin-top: 36px;padding-left: 15px;}
.downBtn a,.downBtn button{position: relative;z-index: 1;display: block;border: none;width: 286px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #fff;margin-bottom:10px;cursor: pointer;vertical-align: top;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.downBtn a i,.downBtn button>i{display: inline-block;position: relative;top: 7px;margin-right: 10px;}
.downBtn a.iosBtn{background-position: -10px -759px;;}
.downBtn a.iosBtn i{width: 24px;height: 30px;background-position: -251px -36px;}
.downBtn a.adrBtn{background-position: -10px -699px;}
.downBtn a.adrBtn i{width: 28px;height: 29px;background-position: -286px -36px;}
.downBtn .pcBtn{background-position: -10px -819px;}
.downBtn .pcBtn i{width: 26px;height: 22px;background-position: -325px -36px;margin-right: 4px;}
.downBtn .orderBtn{background-position: -10px -879px;}
.downBtn .orderBtn i{width: 26px;height: 26px;background-position: -362px -36px;top: 5px;}
.downBtn .noBtn{background-position: -10px -939px;cursor: default;}
.downBtn .noBtn i{width: 26px;height: 27px;background-position: -399px -36px;}
.downBtn a.dn{background-position: -10px -637px;}
.downBtn a.dn i{width: 27px;height: 24px;background-position: -439px -37px;top: 5px;}
.pcAdd{display: flex;align-items: center;justify-content: center;}
.pcAdd i{vertical-align: middle;top: 3px!important;}
.pcAdd p{text-align: left;margin-top: 2px;margin-left: 2px;}
.pcAdd p span{display: block;}
.pcAdd p span:first-of-type{font-size: 15px;line-height: 22px;}
.pcAdd p span:nth-of-type(2){font-size: 11px;line-height: 16px;}
.oTip{display: block;width: 286px;line-height: 18px;font-size: 12px;color: #ccc;overflow: hidden;margin: 6px auto;}
.oTip label{color: #f36861;margin-right: 3px;font-weight: bold;}
.downBtn a:hover,.downbtn button:hover{opacity: .9;}


.newsWrap{background:url(../img/newsbg.png) no-repeat;background-size: 100% auto;}
.newsWrap .crumb i{background-position: -582px -4px;}
.newsWrap .crumb,.newsWrap .crumb a{color: #ccc;}
.newsLR{width: 1200px;margin:93px auto 26px;background-color: #fff;}
.newsDeLR{width: 1200px;margin:0 auto 26px;}
.newsL{float: left;width: 882px;margin-right: 16px;}
.newsR{float: right;width: 300px;}
.newsRec{width: 1200px;margin:auto;margin-bottom: 19px;}
.newsRec .list{position: relative;background-color: #fff;padding: 20px 20px 24px;height: 214px;overflow: hidden;*zoom: 1;}
.newsRec .list a{position: relative;display:inline-block;float: left;width: 376px;margin-right: 10px;overflow: hidden;border: 2px solid #00FFA3}
.newsRec .list a:nth-of-type(2){margin-bottom: 10px;}
.newsRec .list a:nth-of-type(4){position: absolute;top: 20px;right: 20px;margin-right: 0px;}
.newsRec .list a img{width: 100%;}
.newsRec .list a img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.newsRec .list a:hover img{transform: scale(1.3);}
.newsRec .list a:nth-of-type(1) {height: 210px;}
.newsRec .list a:nth-of-type(2) {height: 98px;}
.newsRec .list a:nth-of-type(3) {height: 98px;}
.newsRec .list a:nth-of-type(4) {height: 210px;}
.newsRec .list a:nth-of-type(1) img{min-height: 210px;height: auto;}
.newsRec .list a:nth-of-type(2) img{min-height: 98px;height: auto;}
.newsRec .list a:nth-of-type(3) img{min-height: 98px;height: auto;}
.newsRec .list a:nth-of-type(4) img{min-height: 210px;height: auto;}
.newsRec .list a p{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;display: block;height: 44px;padding-top: 10px;font-size: 14px;color: #fff;font-weight: bold;text-align: center;line-height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);}
.newsRec .list a:nth-of-type(1):before{content: "";display: block;position: absolute;top: 0;left: 0;z-index: 1; width: 70px;height: 62px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -413px -80px;}
.newsList{position: relative;margin-top: -74px;margin-bottom: 25px;padding-top: 13px;margin-bottom: 25px;}
.newsMenu{position: absolute;top: 13px;left: 120px;width: 650px;height: 40px;line-height: 40px;overflow: hidden;*zoom: 1;}
.newsMenu:before{content: "";position: relative;top: 16px;display: inline-block;float: left;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 19px;}
.newsMenu a{position: relative;float: left;display: block;padding: 0 12px;margin-right: 18px;font-size: 15px;color: #666;line-height: 40px;cursor: pointer;}
.newsMenu a:hover{color:#00ffa3;}
.newsMenu a.current{background-color:#00ffa3;color: #fff;font-weight: bold;}
.newsMenu a.current:hover{color: #fff;}
.newsList ol{margin: 19px 0 16px;}
.newsList ol li{padding: 0 19px; overflow: hidden;*zoom: 1;border: 1px solid transparent;}
.newsList li a{display: block;padding: 25px 0;height: 120px;overflow: hidden;border-bottom: 1px solid rgba(229,229,229,.6);}
.newsList li img{display: block;float: left;width: 190px;height: 120px;margin-right: 19px;}
.newsList li div{float: left;width: 588px;}
.newsList li p:nth-child(1){font-size:18px;font-weight: bold; color: #333;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;}
.newsList li p:nth-child(2){font-size:14px; color: #666;height: 46px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 19px;}
.newsList li span{position: relative;font-size:14px;color: rgba(51,51,51,.5);line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsList li span:before{content: "";position: relative;top: 3px;display:inline-block;vertical-align: top;margin-right: 6px;width: 14px;height: 14px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -609px -4px;}
.newsList li:hover img{opacity: .9;}
.newsList li:hover{border-color: #00FFA3;background-color: #f2fffa;}
.newsList .pagecode a:hover{background-color: #00FF99;}
.newsList .pagecode a.current,.newsList .pagecode a.current:hover{background-color: #00FF99;}
.newsDeLR .hotNRank{margin-top: 0;}
.hotNRank{margin-bottom: 16px;width: 290px;background: #00ffa3;padding: 10px 5px 6px;margin-top: -74px;}
.hotNRank ul{background-color: #fff;margin-top: 18px;padding: 5px 10px 14px;}
.hotNRank li{border-bottom: 1px dashed #e5e5e5;}
.hotNRank li a{position: relative;display: block;overflow: hidden;*zoom: 1;padding: 10px 0;}
.hotNRank li div{float: left;width: 225px;}
.hotNRank li div p{font-size: 15px;color: #242424;line-height: 24px;height: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 12px;}
.hotNRank li div span{font-size: 12px;color:#999;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotNRank li a:hover p{color:#00ffa3;}
.hotNRank li:last-of-type{border: 0;}
.hotNRank li a i{float: left;width: 28px;padding-left: 8px;margin-right: 8px;line-height: 32px;font-size: 20px;color: #d8d8d8;font-weight: bold; font-style: italic;}
.hotNRank li:nth-of-type(-n+3) a i{font-size: 0;display: block;width: 30px;padding-left: 2px;height: 34px;position: relative;left: 0px;top: 5px;margin-right: 12px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
.hotNRank li:nth-of-type(1) a i{background-position: -2px -36px;}
.hotNRank li:nth-of-type(2) a i{background-position: -35px -36px;}
.hotNRank li:nth-of-type(3) a i{background-position: -68px -36px;}
.newsR .gdrHotTopic{margin-bottom: 16px; background-color: #fff;}
.wellGame{border: 2px solid #00FFA3;margin-bottom: 16px;}
.wellGame li{padding: 20px 9px 7px;width: 290px;}
.wellGame li a{display: block;float: left;width: 87px;margin: 0 9px 2px 0;overflow: hidden;padding:0 0 10px 0;}
.wellGame li a img{display: block;width: 77px;height: 77px;border-radius: 12px;margin: auto;}
.wellGame li a p{width: 100%;line-height: 30px;text-align: center;font-size: 12px;color: #333;overflow: hidden;white-space: nowrap;margin:auto;}
.wellGame li a:hover p{color: #00ff87;}
.wellGame li a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.wellGame li a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}
.wellGame .ylChange{top: 18px;right: 15px;}
.newsDeLR .gaSoNew{margin-bottom: 20px;padding: 20px 20px 32px;background: #fff;}
.newsDeLR .newsList{margin-top: 0;background: #fff;padding-top: 20px;}
.newsDeLR .newsList .gTitle{padding: 0 20px;}
.newsDeLR .newsList ol{margin: 0 auto 10px;}
.newsDeLR .newsList ol li:nth-of-type(1) a{padding-top: 18px;}
.newsDeLR .newsList ol li:last-of-type a{border-color: transparent;}
.newsCont{background: url(../img/newsdetopbg.png) no-repeat;background-size: 100% auto;background-color: #fff;padding: 40px 20px 10px;margin-bottom: 18px;}
.newsCont h1{font-size: 32px;color: #333;font-weight: bold;line-height: 42px;margin-bottom: 20px;text-align: center;}
.newsCont .nInfo{position: relative;font-size: 14px;color: #ADADAD;line-height: 32px;padding-bottom: 21px;margin-bottom: 22px;text-align: center;}
.newsCont .nInfo:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;display: block;height: 8px;width: 100%;background: url(../img/newsdeinfobg.png) repeat; }
.newsCont .nInfo span{margin-right: 15px;}
.newsCont .nInfo .time{position: relative;}
.newsCont .nInfo .time:before{content: "";position: relative;top: 8px;display:inline-block;vertical-align: top;margin-right: 5px;width: 14px;height: 14px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -609px -4px;}
.newsCont .cont{font-size:16px;color:#666;line-height:30px;padding: 0 2px;}
.newsCont .cont a{line-height: 28px;text-indent: 0;color:#00ff87;}
.newsCont .cont a:hover{opacity: 0.9;text-decoration: underline;}
.newsCont .cont p{line-height: 32px;color: #666;margin-bottom: 12px;font-size: 16px;text-indent: 2em;}
.newsCont .cont br{height: 2px;line-height: 2px;}
.newsCont .cont img{display:block;max-width:790px;margin:16px auto;text-align: center;}
.newsCont .cont p img{display:block;max-width:790px;margin:16px auto;text-align: center;}
.newsCont .cont h3,.knCont .cont p h3{position: relative;margin:10px 0;line-height: 32px;font-size:20px;font-weight:bold;color:#444;}
.newsCont .cont iframe{width: 666px;height:340px;margin: 0 auto;display: block;border: none;}
.newsCont .cont table{max-width: 100%;margin: auto;}
.nRGame{width: 804px;height: 110px;margin-top: 30px;padding: 20px 18px;border-radius: 6px;background-image: url(../img/newsgabg.png);background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;*zoom: 1;}
.nRGame .img{ float: left;display: block;margin-right: 19px;width: 110px;height: 110px;border-radius: 16px;overflow: hidden;}
.nRGame .img img{width: 110px;height: 110px;}
.nRGame .img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.nRGame .img:hover{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}
.nRGame .info{float: left;max-width: 400px;}
.nRGame .info a{display: block;font-size: 18px;color: #fff;font-weight: bold;line-height: 40px;margin-top: 2px;overflow: hidden;white-space: nowrap}
.nRGame .info a:before{content: "";position: relative;top: -2px;display: inline-block;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 7px;}
.nRGame .info p{font-size: 14px;color: #999;line-height: 32px;overflow: hidden;white-space: nowrap;}
.nRGame .info p span{color: #ccc;margin-right: 40px;}
.nRGame .ngBtn{float: right;display: block;margin-top: 31px;width: 248px;height: 45px;font-size: 18px;color: #fff;text-align: center;line-height: 45px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -343px -820px;}
.nRGame .ngBtn:hover{opacity: .9;}
.nsCopy {height: 66px;line-height: 66px;font-size: 16px;color: #888;margin: 3px 0 2px}
.nsCopy span {position: relative;display: inline-block; width: 123px; height: 26px;line-height: 26px;font-size: 14px;text-align: center;color: #ffab18;border: 1px solid #ffab18; border-radius: 4px;margin-right: 11px;cursor: pointer}
.nsCopy span i { display: inline-block; width: 14px; height: 14px;vertical-align: top; position: relative; top: 7px;margin-right: 6px; background-position: -632px -4px}
.nsCopy span input { position: absolute; top: 0;left: 0;z-index: -1}
.nextPre {height: 54px; border-top: 1px dashed #e5e5e5;margin: 0 auto; overflow: hidden}
.nextPre p {width: 50%;display: block;float: left; color: #ccc;font-size: 14px; line-height: 54px;overflow: hidden;*zoom: 1;white-space: nowrap;text-overflow: ellipsis}
.nextPre p span{ color: #ccc;float: left;}
.nextPre p:nth-of-type(1) span:before{content: " < ";}
.nextPre p a {color: #666;float: left;display: block;width: 320px;overflow: hidden;text-overflow: ellipsis}
.nextPre p a:hover {color: #00ff87}
.newsDeLR .hgR{float: right;width: 290px;background: #00ffa3;padding: 6px 5px;}
.newsDeLR .hgR ul{background-color: #fff;margin-top: 18px;padding: 5px 11px 17px;}
.newsDeLR .hgR li{border-bottom: 1px solid #e6e6e6;}
.newsDeLR .hgR li a{position: relative;display: block;line-height:42px;overflow: hidden;*zoom: 1;padding: 13px 0;}
.newsDeLR .hgR li a>p{float: left;width: 176px;font-size: 14px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsDeLR .hgR li a>span{float: right;max-width: 62px;font-size: 12px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsDeLR .hgR li .up:after{content: "";display: inline-block;position: relative;margin-left: 8px;width: 8px;height: 10px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -2px -19px;}
.newsDeLR .hgR li .dn:after{content: "";display: inline-block;position: relative;margin-left: 8px;width: 8px;height: 10px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -15px -19px;}
.newsDeLR .hgR li a img{float: left;width:72px;height: 72px;border-radius: 10px;margin-right: 9px;}
.newsDeLR .hgR li a .info{float: left;width: 118px;height: 72px;overflow: hidden;}
.newsDeLR .hgR li a .info p{display: block;font-size: 14px;color: #333;font-weight: bold;line-height: 26px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsDeLR .hgR li a .info span{display: block;font-size: 12px;color: #454545;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsDeLR .hgR li a:hover p{color: #00FF87;}
.newsDeLR .hgR li a div:nth-of-type(2){float: right;width: 68px;}
.newsDeLR .hgR li a div:nth-of-type(2) span{float: right;display: block;max-width: 68px;font-size: 12px;color: #999;line-height: 24px;}
.newsDeLR .hgR li a div:nth-of-type(2) .btn{width: 68px;height: 24px;background: #333;border-radius: 2px;margin-top: 22px;text-align: center;font-size: 12px;color: #00FFA3;line-height: 24px;}
.hgR li a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.hgR li a img:hover{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}
.newsDeLR .newsList{margin-bottom: 2px;}



















::-webkit-scrollbar{width: 6px !important;}
::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #DFDFDF!important;}
/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.orderBox{position: absolute;z-index: 5;top: 110px;left: 0;right: 0;margin: auto;background-color: #fff;width: 328px;height: 402px;padding: 0 67px 0 48px;background: url(../img/orderbg.png) no-repeat;background-size: 100% 100%;text-align: center;}
.orderBox .oClose{position: absolute;bottom: 8px;right: 0;z-index: 10;cursor: pointer;padding: 20px;}
.orderBox .oClose i{display: inline-block;width: 23px;height: 20px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -757px -879px;position: relative;}
.orderBox .oClose:hover i{opacity: .9;}
.orderBox .oTitle{position: relative;margin-top:66px;text-align: center;font-size: 24px;color: #fff;}
.orderBox .oTitle i{display:block;line-height: 80px;font-size: 30px;color: #fff;font-weight: bold;position: relative;margin: 0 auto;}
.orderBox .oTelBox{position: relative;width: 322px;height: 48px;background: #121212;border: 1px solid #418CA0;border-radius: 6px;margin-bottom: 16px;}
.orderBox .oTelBox i{position: absolute;top: 12px;left: 12px;display: block;width: 16px;height: 25px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -639px -879px;}
.orderBox .oTelBox:before{content: "";position: absolute;top: 8px;left: 41px;display: block;width: 1px;height: 34px;background:rgba(57,130,146,.5);}
.orderBox form .tel{width: 260px;height: 48px;line-height: 48px;background: transparent !important;border: none;color:#999;font-size:15px;border-radius:6px;padding:0 10px 0 56px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .tel::-webkit-input-placeholder {color: #ccc;}
.orderBox form .tel:-moz-placeholder { color: #ccc;}
.orderBox form .tel::-moz-placeholder { color: #ccc;}
.orderBox form .tel:-ms-input-placeholder { color: #ccc;}
.orderBox form .tel:focus{color: #808080;}
.orderBox form p{ color:#fff;font-size:15px;line-height: 24px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#00FF8A;}
.orderBox form p:last-of-type{font-size: 12px;color: #ccc;}
.orderBox form span{color: #ff3232;font-size: 14px;text-align: left;display: block;width:306px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;border: 0;width: 286px;height: 48px;color:#fff;font-size:22px;line-height: 48px;margin: 30px auto 56px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -10px -879px; }
.orderBox .msg{display: block;color: #ff3232;font-size: 14px;text-align: left;width:326px;margin: 0 auto;}
.orderBox .oWin{width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oWin>strong{display: block;font-size:24px;color: #00ff87;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 16px;}
.orderBox .oWin>i{display:block;width: 92px;height: 69px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -615px -920px;margin: auto;position: relative;}
.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oAgin>strong{display: block;font-size:24px;color: #FFB800;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 16px;}
.orderBox .oAgin>i{display:block;width: 94px;height: 70px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -711px -920px;margin: auto;position: relative;}
/* power */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);}
.ruleTxt{position: absolute;z-index: 5;top: 0px;left: 0;right: 0;margin: auto;background-color: #fff;width: 500px;padding: 0 30px;border-radius: 3px;text-align: center;background: url(../img/qxysbg.png) no-repeat;}
.gRule .gRclose{position: absolute;top: 15px;right: 0;z-index: 10;cursor: pointer;padding: 19px;}
.gRule .gRclose i{display: inline-block;width: 24px;height: 24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -715px -879px;position: relative;}
.gRule .oTitle{position: relative;text-align: center;margin-top: 110px;}
.gRule .oTitle i{font-size: 32px;line-height: 72px;font-weight: bold;color: #000;margin: 0 auto;}
.gRule .gSure{display: block;cursor: pointer;border: 0;width: 286px;height: 48px;color:#fff;font-size:22px;line-height: 48px;margin: 28px auto 38px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -320px -939px;}
.ruleMain{display: block;height: 400px;border:none;padding:0px 26px;line-height: 28px;font-size: 16px;margin: 20px auto 30px;text-align: left;overflow: auto;}
.ruleMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.ruleMain p:nth-of-type(1){font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 20px;}
.gRule .gRclose:hover i{background-position: -715px -849px;}
/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);}
.privacyTxt{position: absolute;z-index: 5;top: 0px;left: 0;right: 0;margin: auto;background-color: #fff;width: 500px;padding: 0 30px;border-radius: 3px;text-align: center;background: url(../img/qxysbg.png) no-repeat;}
.gPrivacy .gPclose{position: absolute;top: 15px;right: 0;z-index: 10;cursor: pointer;padding: 19px;}
.gPrivacy .gPclose i{display: inline-block;width: 24px;height: 24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -715px -879px;position: relative;}
.gPrivacy .oTitle{position: relative;text-align: center;margin-top: 110px;}
.gPrivacy .oTitle i{font-size: 32px;line-height: 72px;font-weight: bold;color: #000;margin: 0 auto;}
.gPrivacy .gSure{display: block;cursor: pointer;border: 0;width: 286px;height: 48px;color:#fff;font-size:22px;line-height: 48px;margin: 28px auto 38px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -320px -939px;}
.privacyMain{display: block;height: 400px;border:none;padding:0px 26px;line-height: 28px;font-size: 16px;margin: 20px auto 30px;text-align: left;overflow: auto;}
.privacyMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.privacyMain p:nth-of-type(1){font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.privacyMain p:nth-last-of-type(1){margin-bottom: 20px;}
.gPrivacy .gPclose:hover i{background-position: -715px -849px;}
/* feedback */
.feedBack{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.feBaBox{position: absolute;z-index: 5;top: 0px;left: 0;right: 0;margin: auto;background-color: #fff;width: 500px;padding: 0 30px;text-align: center;background: url(../img/fackfeedbg.png) no-repeat;border-radius: 3px;}
.feBaClose{position: absolute;top: 32px;right: 0;z-index: 10;cursor: pointer;padding: 14px;}
.feBaClose i{display: inline-block;width: 24px;height: 24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -715px -879px;position: relative;}
.feBaClose:hover i{background-position: -715px -849px;}
.feHead{position: relative;text-align: center;margin-top: 116px;}
.feHead i{font-size: 32px;line-height: 72px;font-weight: bold;color: #000;margin: 0 auto;}
.feBack{margin: 20px 23px 5px;}
.feBack p{font-size: 22px;color: #000;margin: 20px 0 16px;text-align: left;}
.feBack .info{position: relative;top: -4px;}
.feBack .info p{font-size: 16px;color: #303030;line-height: 88px;}
.feBack textarea{width: 419px;height: 28px;border: none;resize:none;padding: 15px 18px;font-size: 16px;color: #8f8f8f;background-color: #F0F0F0;border-radius: 3px;}
.checkbox {position: relative;height: 42px;line-height: 42px;}
.checkbox:nth-last-child(1){border-bottom: none;}
.checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.checkbox label {position: absolute;left: 0px;top: 0;height: 48px;line-height: 48px;width: 420px;font-size: 18px;color: #666;text-align: left;padding-left: 36px;}
.checkbox label:after {content: '';position: absolute;left: 0;top: 11px;width: 22px;height: 22px;border-radius: 50%;border: 2px solid #ccc;text-align: center;line-height: 14px;font-size: 12px;cursor: pointer;}
.checkbox input[type='checkbox']:checked + label:after {top: 12px;width: 24px;height: 24px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -673px -879px;border: 0;}
.telBox{overflow: hidden;margin-bottom: 20px;}
.telBox input{display: block;border: none;width: 415px;height: 53px;line-height: 53px;font-size:16px;padding:0 20px;background-color: #F6F6F6;border-radius: 3px;}
.telBox input::-webkit-input-placeholder {color: #8f8f8f;}
.telBox input:-moz-placeholder { color: #8f8f8f;}
.telBox input::-moz-placeholder { color: #8f8f8f;}
.telBox input:-ms-input-placeholder { color: #8f8f8f;}
.feSubmit input{display: block;cursor: pointer;border: 0;width: 286px;height: 48px;color:#fff;font-size:22px;line-height: 48px;margin: 30px auto 36px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -320px -879px;}
.feSubmit input:hover{opacity: .96;}

.navRec{position: relative;z-index: 2;height: 48px;overflow: hidden;width: 1200px;background: rgba(0,0,0,.2);margin: auto;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .03); text-align: center;}
.navRec a{position: relative;display: inline-block;vertical-align: top;font-size: 14px;color: #fff; padding:0 9px;transition: .2s;margin: 0 5px;line-height: 48px;}
.navRec a:hover{background: rgba(0,255,159,.06);}
.navRec a:hover:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 100%;height: 3px;background: #00ff9f;}
.navRec a.hot:before,.navRec a:nth-of-type(2):before{content: "";position: absolute;left: -6px;top: 15px;display: block;width: 12px; height: 16px; background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -321px -7px;}
.yjtip { height: auto;font-size: 12px; color: #888; padding: 0 5px;margin-bottom: 8px;position: relative;}
.yjtip em {color: #f40;display: inline;}

.topNav{position: relative;z-index: 2;width: 100%;height: 30px;background:linear-gradient(to right, #00ffa3 ,rgba(0,255,163,.25),#fff,rgba(0,255,163,.25),#00ffa3) ;}
.topNav>div{width: 1200px;margin: auto;height: 30px;line-height: 30px;overflow: hidden;*zoom: 1;}
.topNav p{float: left;font-size: 14px;color: #333;line-height: 30px;}
.topNav div div{float: right;max-width: 720px;font-size: 14px;color: #666;line-height: 30px;}
.topNav a{position: relative;font-size: 14px;color: #666;line-height: 30px;}
.topNav a:nth-of-type(n+2):before{content: "|";font-size: 12px;color: #808080;margin: 0 10px 0 6px;position: relative;top: -1px;}
.topNav a:hover{color: #EF493C;}

.guideNav {position: absolute;top:30px;left: 310px;width: 930px;max-height: 130px;text-align: left;overflow: hidden;*zoom: 1;}
.guideNav dl {position: relative;float: left;width: 187px;padding:0 15px 0 25px;border-right: 1px solid #454545;}
.guideNav dl:last-of-type {border: 0}
.guideNav dl dt {display: block;overflow: hidden;white-space: nowrap;font-size: 16px;color: #cecece;font-weight: 700;line-height: 24px;margin-bottom: 10px}
.guideNav dl dd {float: left;width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.guideNav dl dd a {font-size: 14px;color: #999;line-height: 24px}
.guideNav dl dd a:hover {color: #fff}


.aboutWrap{width: 1200px;margin: auto;}
.aboutWrap .aboutL{width:228px;_height:750px;min-height:750px;background-color:#f3f3f3;float:left;}
.aboutWrap .aboutL ul li{width:228px;height:86px;border-bottom: 1px solid #e2e2e2;background-repeat:no-repeat;background-position:bottom center;background-color:#f3f3f3;}
.aboutWrap .aboutL ul li strong{padding-left:70px;line-height:86px;height:86px;font-size:22px;font-weight: bold;color:#2e2e2e;display:block;position:relative;}
.aboutWrap .aboutL ul li strong:after{content: '';width: 0; height: 0;border-left: 15px solid #00ffa3;border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid transparent;font-size: 0; line-height: 0;position:absolute;display:block;top: 32px;right: -24px;display:none;}
.aboutWrap .aboutL ul li strong:hover{color:#fff;background:-webkit-linear-gradient(left, #00ffa3 ,#00ffa3);background:-o-linear-gradient(right, #00ffa3, #00ffa3);background:-moz-linear-gradient(right, #00ffa3 , #00ffa3);background:linear-gradient(to right, #00ffa3 , #00ffa3);}
.aboutWrap .aboutL ul li strong.on{color:#fff;background:-webkit-linear-gradient(left, #00ffa3 , #00ffa3);background:-o-linear-gradient(right, #00ffa3 , #00ffa3);background:-moz-linear-gradient(right, #00ffa3 , #00ffa3);background:linear-gradient(to right, #00ffa3 , #00ffa3);}
.aboutWrap .aboutL ul li strong.on:after{display:block;}
.aboutWrap .aboutR{width:972px;float:right;_height:750px;min-height:750px;overflow:hidden;background-color:#fff;}
.aboutWrap .aboutR .siteTle{width:877px;line-height:85px;height:85px;margin:0 50px;border-bottom:1px #d9d9d9 solid;font-size: 28px;color: #c6c6c6;}
.aboutWrap .aboutR .siteTle span{display: inline-block;font-size: 20px;margin-left: 10px;line-height:99px;}
.aboutWrap .aboutR .textbox_01 p{margin-bottom:0px;text-indent:2em;}
.aboutWrap .aboutR .textbox_01,.aboutWrap .aboutR .textbox_02,.aboutWrap .aboutR .textbox_03{width:877px;overflow:hidden;padding-top:25px;margin:0 auto;font-size:14px;line-height:36px;}

.aboutWrap .aboutR .textbox_03 dl{margin-bottom:30px;}
.aboutWrap .aboutR .textbox_03 dt{font-weight:700;color:#008bff;font-size:18px;}
.aboutWrap .aboutR .textbox_03 dd{width:900px;}
.aboutWrap .aboutR .textbox_03 dd a{display:block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aboutWrap .aboutR .textbox_03 .l5 dd a{width:136px;margin-right:42px;}
.aboutWrap .aboutR .textbox_03 .l6 dd a{width:110px;margin-right:40px;}

.aboutWrap .aboutR .textbox_02 b{color:#cc0000;line-height:30px;font-size:16px;}
.aboutWrap .aboutR .textbox_02 .title_04{color:#000;font-weight:bold;font-size:14px;}
.aboutWrap .aboutR .textbox_02 .title_05{margin-top:10px;display:block;}

.aboutWrap .aboutR .textbox_03 p{font-size:14px;line-height:36px;}
.aboutWrap .aboutR .textbox_03 .title_02,.aboutWrap .aboutR .bottom .title_02 b{color:#cc0000;font-size:16px;line-height:40px;width:777px;margin-top:10px;}
.aboutWrap .aboutR .textbox_03 .title_03{margin-top:5px;}
.aboutWrap .aboutR .bottom b{margin-left:40px;}
.aboutWrap .aboutR .bottom{margin-bottom:40px;}

.tpHotRec{width: 1140px;padding: 0 30px;margin: auto;background-color: #fff;padding-bottom: 10px;margin-bottom: 29px;overflow: hidden;*zoom: 1;}
.tpHotRec .gTitle{padding: 20px 0 16px;}
.tpHotRec .list {width: 1200px;overflow: hidden}
.tpHotRec .list a {float: left;margin: 0 10px 20px 0;display: block;padding: 0 32px;line-height: 42px;background-color: #ebe6fc;border-radius: 21px;font-size: 16px;color: #6969FF;}
.tpHotRec .list a:nth-of-type(16n+1){color: #FF9900;background-color: #FFF5E5}
.tpHotRec .list a:nth-of-type(16n+2){color: #88D42F;background-color: #F3FFE5}
.tpHotRec .list a:nth-of-type(16n+3){color: #8957A1;background-color: #F7E5FF}
.tpHotRec .list a:nth-of-type(16n+4){color: #00B7F1;background-color: #E5F9FF}
.tpHotRec .list a:nth-of-type(16n+5){color: #DEA32C;background-color: #FFF9ED}
.tpHotRec .list a:nth-of-type(16n+6){color: #796CB0;background-color: #F1EDFF}
.tpHotRec .list a:nth-of-type(16n+7){color: #DEA32C;background-color: #FFF9ED}
.tpHotRec .list a:nth-of-type(16n+8){color: #2585A6;background-color: #EDFBFF}
.tpHotRec .list a:nth-of-type(16n+9){color: #C77EB5;background-color: #FFEDFB}
.tpHotRec .list a:nth-of-type(16n+10){color: #7FB86E;background-color: #F1FFED}
.tpHotRec .list a:nth-of-type(16n+11){color: #BF3504;background-color: #FFECE5}
.tpHotRec .list a:nth-of-type(16n+12){color: #45B97C;background-color: #EDFFF5}
.tpHotRec .list a:nth-of-type(16n+13){color: #e85454;background-color: #ffedee}
.tpHotRec .list a:nth-of-type(16n+14){color: #fcaf18;background-color: #fff9ed}
.tpHotRec .list a:nth-of-type(16n+15){color: #6969FF;background-color: #ebe6fc}
.tpHotRec .list a:nth-of-type(16n+16){color: #bea901;background-color: #fbf9e3}
.tpHotRec .list a:nth-of-type(16n+1):hover {background-color: #FF9900;color: #FFF5E5}
.tpHotRec .list a:nth-of-type(16n+2):hover {background-color: #88D42F;color: #F3FFE5}
.tpHotRec .list a:nth-of-type(16n+3):hover {background-color: #8957A1;color: #F7E5FF}
.tpHotRec .list a:nth-of-type(16n+4):hover {background-color: #00B7F1;color: #E5F9FF}
.tpHotRec .list a:nth-of-type(16n+5):hover {background-color: #DEA32C;color: #FFF9ED}
.tpHotRec .list a:nth-of-type(16n+6):hover {background-color: #796CB0;color: #F1EDFF}
.tpHotRec .list a:nth-of-type(16n+7):hover {background-color: #DEA32C;color: #FFF9ED}
.tpHotRec .list a:nth-of-type(16n+8):hover {background-color: #2585A6;color: #EDFBFF}
.tpHotRec .list a:nth-of-type(16n+9):hover {background-color: #C77EB5;color: #FFEDFB}
.tpHotRec .list a:nth-of-type(16n+10):hover {background-color: #7FB86E;color: #F1FFED}
.tpHotRec .list a:nth-of-type(16n+11):hover {background-color: #BF3504;color: #FFECE5}
.tpHotRec .list a:nth-of-type(16n+12):hover {background-color: #45B97C;color: #EDFFF5}
.tpHotRec .list a:nth-of-type(16n+13):hover {background-color: #e85454;color: #ffedee}
.tpHotRec .list a:nth-of-type(16n+14):hover {background-color: #fcaf18;color: #fff9ed}
.tpHotRec .list a:nth-of-type(16n+15):hover {background-color: #6969FF;color: #ebe6fc}
.tpHotRec .list a:nth-of-type(16n+16):hover { background-color: #bea901; color: #fbf9e3}

.gameList.tabBox{position: relative;}
.gameList.tabBox ol{padding-top: 20px;}
.gameList.tabBox .gTitle{padding:20px 30px 0;}
.gameList.tabBox .tabMenu{position: absolute;top: 18px;right: 10px;height: 40px;line-height: 40px;overflow: hidden;*zoom: 1;}
.gameList.tabBox .tabMenu:before{content: "";position: relative;top: 16px;display: inline-block;float: left;width: 10px;height: 10px;background-color: #00ffa3;margin-right: 19px;}
.gameList.tabBox .tabMenu span{position: relative;float: left;display: block;padding: 0 22px;margin-right: 18px;font-size: 15px;color: #666;line-height: 40px;cursor: pointer;}
.gameList.tabBox .tabMenu span:hover{color:#00ffa3;}
.gameList.tabBox .tabMenu span.current{background-color:#00ffa3;color: #fff;font-weight: bold;}
.gameList.tabBox .tabMenu span.current:hover{color: #fff;}

.ylCont .cont video{width: auto;max-width: 100%;height: auto;max-height: 600px;display:block;margin:auto;}