@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
* {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f4;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#333;text-decoration:none;}
.rotate360:hover{transform: rotateY(360deg);}
.rotate360{transition:all 2s ease-in-out;transform: rotateY(360deg);}
.cx{overflow: hidden;*zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;position: relative;}
.h23{width:100%;height:23px;}
.hide{display:none;}
a,img{cursor: pointer;}
img{vertical-align: top;border: 0;}
.bg{background-color: #fff;}
.icon{background:url(../images/icon.png) no-repeat;background-size:800px 800px;}
/* 公共头部 */
header { height: 81px; background-color: #fff; border-top: 5px solid #000000; border-top:0; box-shadow: 0 5px 9px 0 rgba(0, 0, 0, .05); /* overflow: hidden; */ }
header .logo { display: block; width: 120px; height: 51px; margin: 16px 50px 0 0; float: left; background-position: 0 0; }
header ul { float: left; position: relative; top: -5px; }
header ul li { float: left; }
header ul li a { display: block; height: 81px; line-height: 81px; color: #666666; font-size: 17px; text-align: center; padding: 0 24px; border-top: 5px solid transparent; }
header ul li a:hover { border-top: 5px solid #ec003e; color: #ec003e; }
header ul li a.on { border-top: 5px solid #ec003e; color: #ec003e; }
header form { position: relative; }
header form .keyboard { width: 176px; height: 38px; border: none; line-height: 38px; color: #b1b1b1; font-size: 12px; background-color: #f7f7f7; border-radius: 18px; margin-top: 20px; float: right; padding:0 56px 0 18px; }
header form .keySubmit { width: 38px; height: 38px; border: none; background-color: #ec003e; border-radius: 50%; position: absolute; top: 20px; right: 0; background-position: 11px -62px; }
/* 所在位置 */
.local {width: 100%;line-height: 53px;font-size: 12px;color: #aeaeae;position: absolute;z-index: 9;}
.local i { width: 18px; height: 14px; display: inline-block; background-position: -38px -72px;}
.local a {color: #aeaeae;}
.local span { display: inline-block; padding-left: 10px; padding-top: 2px; }
/* 公共分页 */
.page {padding: 18px 0 60px 20px;text-align: center;}
.page ol {margin:0 auto;overflow: hidden;*zoom: 1;display: inline-block;}
.page li { float: left; margin-left: 8px; width: 55px; height: 38px; line-height: 38px; text-align: center; color: #666666; font-size: 16px; cursor: pointer; background-color: #fff; border: 1px solid #eaeaea; transition: all 0.2s ease; overflow: hidden; white-space: nowrap;border-radius: 4px; }
.page li:first-child{ margin-left: 0;}
.page a { display:block;}
.page ol>a{float: left;margin-left: 8px;}
.page li:hover a { color: #fff;background-color: #e8002e; }
.page a:hover { color: #ffffff; }
.page a li:hover { color: #fff;background-color: #e8002e; }
.page li>a.on { background-color: #e8002e;color: #fff;}
.page ol a li { width: 72px!important; }
/* 应用列表 */
.menuTable{ margin-top: 58px; }
.menuTable>div { background-color: #ffffff; border-radius: 8px; box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, .06); }
.menuTable ul { position: relative; z-index: 2; }
.menuTable>div ul li { float: left; }
.menuTable>div ul li a { display: block; width: 199px; height: 91px; border-right: 1px solid #eff1f4; border-bottom: 1px solid #eff1f4; }
.menuTable>div ul li:nth-child(6n) a { border-right: none; }
.menuTable ul li a i { background-position: -8px -207px; }
.menuTable ul li:nth-child(2) a i { background-position: -53px -210px; }
.menuTable ul li:nth-child(3) a i { background-position: -104px -210px; }
.menuTable ul li:nth-child(4) a i { background-position: -161px -210px; }
.menuTable ul li:nth-child(5) a i { background-position: -575px -207px; }
.menuTable ul li:nth-child(6) a i { background-position: -218px -210px; }
.menuTable ul li:nth-child(7) a i { background-position: -272px -209px; }
.menuTable ul li:nth-child(8) a i { background-position: -323px -208px; }
.menuTable ul li:nth-child(9) a i { background-position: -376px -207px; }
.menuTable ul li:nth-child(10) a i { background-position: -427px -209px; }
.menuTable ul li:nth-child(11) a i { background-position: -480px -206px; }
.menuTable ul li:nth-child(12) a i { background-position: -529px -207px; }
.menuTable ul li.current a i { background-position: -8px -256px; }
.menuTable ul li.current:nth-child(2) a i { background-position: -53px -259px; }
.menuTable ul li.current:nth-child(3) a i { background-position: -104px -259px; }
.menuTable ul li.current:nth-child(4) a i { background-position: -161px -259px; }
.menuTable ul li.current:nth-child(5) a i { background-position: -575px -257px; }
.menuTable ul li.current:nth-child(6) a i { background-position: -218px -259px; }
.menuTable ul li.current:nth-child(7) a i { background-position: -272px -258px; }
.menuTable ul li.current:nth-child(8) a i { background-position: -323px -257px; }
.menuTable ul li.current:nth-child(9) a i { background-position: -376px -256px; }
.menuTable ul li.current:nth-child(10) a i { background-position: -427px -258px; }
.menuTable ul li.current:nth-child(11) a i { background-position: -480px -255px; }
.menuTable ul li.current:nth-child(12) a i { background-position: -529px -256px; }
/* .menuTable ul li:hover a i { background-position: -8px -256px; }
.menuTable ul li:nth-child(2):hover a i { background-position: -53px -259px; }
.menuTable ul li:nth-child(3):hover a i { background-position: -104px -259px; }
.menuTable ul li:nth-child(4):hover a i { background-position: -161px -259px; }
.menuTable ul li:nth-child(5):hover a i { background-position: -575px -257px; }
.menuTable ul li:nth-child(6):hover a i { background-position: -218px -259px; }
.menuTable ul li:nth-child(7):hover a i { background-position: -272px -258px; }
.menuTable ul li:nth-child(8):hover a i { background-position: -323px -257px; }
.menuTable ul li:nth-child(9):hover a i { background-position: -376px -256px; }
.menuTable ul li:nth-child(10):hover a i { background-position: -427px -258px; }
.menuTable ul li:nth-child(11):hover a i { background-position: -480px -255px; }
.menuTable ul li:nth-child(12):hover a i { background-position: -529px -256px; } */
.menuTable>div ul li i { float: left; width: 32px; height: 32px; margin: 32px 20px 0 30px; }
.menuTable ul li a .type { float: left; width: 110px; line-height: 29px; font-size: 18px; color: #525252; white-space: nowrap; overflow: hidden; margin-top: 23px; }
.menuTable ul li a .num { float: left; width: 110px; line-height: 20px; font-size: 12px; color: #a2a2a2; white-space: nowrap; overflow: hidden; }
.menuTable ul li.current a { border-color: transparent; }
.menuTable ul li.current a .type { color: #fff; font-weight: bold; }
.menuTable ul li.current a .num { color: #fff; }
/* .menuTable ul li:hover a { border-color: transparent; }
.menuTable ul li:hover a .type { color: #fff; font-weight: bold; }
.menuTable ul li:hover a .num { color: #fff; } */
.menuTable ul li:hover .type{color: rgba(255, 103, 103, 1);}
.menuTable ul li.current{background: rgba(255, 103, 103, 1); box-shadow: 2.5px 4.5px 8px 0 rgba(255, 0, 0, 0.19); border-radius: 8px}
/* .menuTable .navbg { position: absolute; top: 0; left: 0; width: 200px; height: 92px; background: rgba(255, 103, 103, 1); box-shadow: 2.5px 4.5px 8px 0 rgba(255, 0, 0, 0.19); border-radius: 8px; } */
.appBox { padding-top: 36px; }
.appBox ul li { float: left; margin: 0 26px 20px 0; border-radius: 8px; position: relative; box-shadow: 0.5px 0.86px 5px 0 rgba(0, 0, 0, .06); }
.appBox ul li:nth-child(4n) { margin-right: 0; }
.appBox ul li a { display: block; width: 280px; height: 266px; border-radius: 8px; }
.appBox ul li .imgBox { height: 97px; border-radius: 8px 8px 0 0; padding-top:24px ; }
.appBox ul li .imgBox img { display: block; width: 84px; height: 84px; border-radius: 18px; margin: auto; }
.appBox ul li .contBox { padding: 8px 0 0 0; text-align: center; margin: 0 auto; width: 280px; height: 136px; border-radius: 0 0 8px 8px; background-color: #ffffff; }
.appBox ul li .name { font-size: 18px; color: #4b4b4b; line-height: 48px; line-height: 48px; margin: 0 auto; max-width: 240px; overflow: hidden; white-space: nowrap; font-weight: bold; }
.appBox ul li .size { font-size: 14px; color: #a1a1a1; line-height: 24px; line-height: 24px; margin: 0 auto; max-width: 240px; overflow: hidden; white-space: nowrap; }
.appBox ul li .size span{margin: 0 3px;}
.appBox ul li .date {font-size: 12px; color: #999;}
.appBox ul li .down, .look { width: 108px; height: 28px; border: 1px solid #ff6767; border-radius: 14px; line-height: 28px; text-align: center; color: #ff6767; font-size: 14px; margin: 12px auto 0; }
.appBox ul li .down i { display: inline-block; width: 12px; height: 12px; background-position: -127px -77px; margin-right: 2px; }
.appBox ul li .down:hover { background: linear-gradient(to right, #fe6505, #ee0d75); color: #fff; box-shadow: 3px 4.5px 8px 0 rgba(255, 0, 0, .19); }
.appBox ul li .down:hover i { background-position: -71px -76px; }
.appBox ul li .look { border-color: #ffca00; color: #ffca00; }
.appBox ul li .look:hover { background-color: #ffca00; color: #fff; box-shadow: 3px 4.5px 8px 0 rgba(255, 202, 0, .3); }
footer { height: 90px; padding-top: 31px; text-align: center; background: url(../images/footer.jpg); }
footer p { line-height: 20px; color: #666; font-size: 14px; }
footer p a { color: #666; font-size: 14px; margin: 0 9px; }
/* 游戏列表 */
.menuTable_game{ margin-top: 58px; }
.menuTable_game>div { background-color: #ffffff; border-radius: 8px; box-shadow: 0.5px 0.8px 5px 0 rgba(0, 0, 0, .06); }
.menuTable_game ul { position: relative; z-index: 2; }
.menuTable_game>div ul li { float: left; }
.menuTable_game>div ul li a { display: block; width: 199px; height: 91px; border-right: 1px solid #eff1f4; border-bottom: 1px solid #eff1f4; }
.menuTable_game>div ul li:nth-child(6n) a { border-right: none; }
.menuTable_game>div ul li i { float: left; width: 32px; height: 32px; margin: 32px 20px 0 30px; }
.menuTable_game ul li a i { background-position: -8px -207px; }
.menuTable_game ul li:nth-child(2) a i { background-position: -60px -367px; }
.menuTable_game ul li:nth-child(3) a i { background-position: -116px -367px; }
.menuTable_game ul li:nth-child(4) a i { background-position: -162px -367px; }
.menuTable_game ul li:nth-child(5) a i { background-position: -221px -366px; }
.menuTable_game ul li:nth-child(6) a i { background-position: -273px -367px; }
.menuTable_game ul li:nth-child(7) a i { background-position: -324px -369px; }
.menuTable_game ul li:nth-child(8) a i { background-position: -377px -369px; }
.menuTable_game ul li:nth-child(9) a i { background-position: -443px -368px; }
.menuTable_game ul li:nth-child(10) a i { background-position: -498px -367px; }
.menuTable_game ul li:nth-child(11) a i { background-position: -557px -367px; }
.menuTable_game ul li:nth-child(12) a i { background-position: -606px -369px; }
.menuTable_game ul li.current a i { background-position: -8px -256px; }
.menuTable_game ul li.current:nth-child(2) a i { background-position: -59px -428px; }
.menuTable_game ul li.current:nth-child(3) a i { background-position: -114px -428px; }
.menuTable_game ul li.current:nth-child(4) a i { background-position: -160px -424px; }
.menuTable_game ul li.current:nth-child(5) a i { background-position: -219px -423px; }
.menuTable_game ul li.current:nth-child(6) a i { background-position: -273px -424px; }
.menuTable_game ul li.current:nth-child(7) a i { background-position: -322px -426px; }
.menuTable_game ul li.current:nth-child(8) a i { background-position: -374px -424px; }
.menuTable_game ul li.current:nth-child(9) a i { background-position: -441px -424px; }
.menuTable_game ul li.current:nth-child(10) a i { background-position: -496px -424px; }
.menuTable_game ul li.current:nth-child(11) a i { background-position: -555px -424px; }
.menuTable_game ul li.current:nth-child(12) a i { background-position: -604px -424px; }
/* .menuTable_game ul li:hover a i { background-position: -8px -256px; }
.menuTable_game ul li:nth-child(2):hover a i { background-position: -59px -422px; }
.menuTable_game ul li:nth-child(3):hover a i { background-position: -114px -423px; }
.menuTable_game ul li:nth-child(4):hover a i { background-position: -160px -424px; }
.menuTable_game ul li:nth-child(5):hover a i { background-position: -219px -423px; }
.menuTable_game ul li:nth-child(6):hover a i { background-position: -273px -424px; }
.menuTable_game ul li:nth-child(7):hover a i { background-position: -322px -426px; }
.menuTable_game ul li:nth-child(8):hover a i { background-position: -374px -424px; }
.menuTable_game ul li:nth-child(9):hover a i { background-position: -441px -424px; }
.menuTable_game ul li:nth-child(10):hover a i { background-position: -496px -424px; }
.menuTable_game ul li:nth-child(11):hover a i { background-position: -555px -424px; }
.menuTable_game ul li:nth-child(12):hover a i { background-position: -604px -424px; } */
.menuTable_game ul li a .type { float: left; width: 110px; line-height: 29px; font-size: 18px; color: #525252; white-space: nowrap; overflow: hidden; margin-top: 23px; }
.menuTable_game ul li a .num { float: left; width: 110px; line-height: 20px; font-size: 12px; color: #a2a2a2; white-space: nowrap; overflow: hidden; }
.menuTable_game ul li.current a { border-color: transparent; }
.menuTable_game ul li.current a .type { color: #fff; font-weight: bold; }
.menuTable_game ul li.current a .num { color: #fff; }
/* .menuTable_game ul li:hover a { border-color: transparent; }
.menuTable_game ul li:hover a .type { color: #fff; font-weight: bold; }
.menuTable_game ul li:hover a .num { color: #fff; } */
.menuTable_game ul li:hover .type{color: rgba(255, 103, 103, 1);}
.menuTable_game ul li.current{background: rgba(255, 103, 103, 1); box-shadow: 2.5px 4.5px 8px 0 rgba(255, 0, 0, 0.19); border-radius: 8px}
/* .menuTable_game .navbg { position: absolute; top: 0; left: 0; width: 200px; height: 92px; background: rgba(255, 103, 103, 1); box-shadow: 2.5px 4.5px 8px 0 rgba(255, 0, 0, 0.19); border-radius: 8px; } */

/* 游戏攻略列表 */
.gameStrate_l { width: 866px; background-color: #fff; border-radius: 8px; margin-bottom: 53px; float: left; margin-top: 58px; box-shadow: 0.6px 0.9px 5px rgba(0, 0, 0, .06); }
.gameStrate_l .gameStrate_t { height: 71px; font-size: 30px; color: #4b4b4b; font-weight: bolder; }
.gameStrate_l .gameStrate_t div { float: left; height: 71px; line-height: 71px; }
.gameStrate_l .gameStrate_t i { display: block; width: 30px; height: 30px; float: left; margin: 21px 9px 0 20px; background-position: -556px -8px; }
.gameStrate_l .page_bar { width: 818px; height: 44px; padding: 0 0 0 9px; border-radius: 4px; background-color: #f9f9f9; margin:0 auto 10px; }
.gameStrate_l .page_bar p { font-size: 14px; color: #888888; height: 44px; line-height: 44px; float: left; }
.gameStrate_l .page_bar p i { width: 16px; height: 16px; display: inline-block; margin-right: 6px; position: relative; top: 2px; background-position: -163px -74px; }
.gameStrate_l .page_bar p span { color: #fc5b12; padding: 0 4px; font-weight: bold; }
.gameStrate_l .page_bar .changePage { float: right; }
.gameStrate_l .page_bar .changePage span { font-size: 14px; color: #888888; font-weight: normal; }
.gameStrate_l .page_bar .changePage .page_now { display: inline-block; width: 33px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #f3f3f3; background-color: #fff; padding: 0; margin: 0 5px; }
.gameStrate_l .page_bar .changePage p a { display: inline-block; width: 20px; height: 18px; border: 1px solid #f3f3f3; background-color: #fff; padding: 0; margin: 0; margin-left: 5px; position: relative; top: 4px; }
.gameStrate_l .page_bar .changePage p .prev { background-position: -66px -116px; }
.gameStrate_l .page_bar .changePage p .next { background-position: -84px -116px; margin-right: 15px; }
.gameStrate_l .gameStrate_list li a { display: block; width: 818px; height: 185px; padding: 20px 27px 0 21px; }
.gameStrate_l .gameStrate_list li a img { display: block; float: left; width: 261px; height: 165px; border-radius: 8px; margin-right: 27px; }
.gameStrate_l .gameStrate_list li a .cont { float: left; }
.gameStrate_l .gameStrate_list li a .name { font-size: 20px; color: #262626; font-weight: bold; width: 530px; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; margin-bottom: 16px; }
.gameStrate_l .gameStrate_list li a .name span { display: inline-block; font-size: 12px; color: #ec003e; width: 36px; height: 22px; line-height: 22px; text-align: center; border: 1px solid #ec003e; border-radius: 4px; margin-right: 9px; position: relative; top: -2px; }
.gameStrate_l .gameStrate_list li a .txt { font-size: 14px; color: #888888; line-height: 26px; width: 530px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 12px; }
.gameStrate_l .gameStrate_list li a .msg { height: 22px; line-height: 22px; font-size: 12px; color: #888888; }
.gameStrate_l .gameStrate_list li a .msg .type { padding: 0 29px; }
.gameStrate_l .gameStrate_list li a .msg .label { display: inline-block; padding: 0 4px; border-radius: 4px; background: #f7f7f7; }
.gameStrate_l .gameStrate_list li:hover a { background-color: #f9f9f9; }
.gameStrate_l .gameStrate_list li:hover a .name { color: #ec003e; }
.gameStrate_l .gameStrate_list li:hover a .msg .label { color: #fff; background: #ec003e; }
.gameStrate_r { width: 315px; float: right; margin-top: 58px; }
.gameStrate_r .gameStrate_r1 { border-radius: 10px; padding: 14px 20px 24px; background-color: #fff; margin-bottom: 19px; box-shadow: 0.6px 0.9px 5px rgba(0, 0, 0, .06); }
.gameStrate_r .gameStrate_r1 ul li a { display: block; width: 274px; height: 109px; border-bottom:1px dashed #f3f3f3; padding-top: 19px; }
.gameStrate_r .gameStrate_r1 ul li:hover a .txt { color: #ec003e; }
.gameStrate_r .gameStrate_r1 ul li:last-child a { border: none; }
.gameStrate_r .gameStrate_r1 ul li a img { display: block; float: left; width: 108px; height: 80px; border-radius: 8px; margin-top: 5px; margin-right: 19px; }
.gameStrate_r .gameStrate_r1 ul li a .txt { float: left; width: 146px; line-height: 25px; font-size: 16px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 18px; font-weight: bold; }
.gameStrate_r .gameStrate_r1 ul li a .time { float: left; width: 146px; line-height: 12px; font-size: 12px; color: #bdbdbd; overflow: hidden; white-space: nowrap; }
.gameStrate_r .gameStrate_r1 ul li a.hover { display: block; width: 274px; height: 272px; border-bottom:1px dashed #f3f3f3; padding-top: 18px; }
.gameStrate_r .gameStrate_r1 ul li a.hover img { display: block; float: left; width: 274px; height: 182px; border-radius: 8px; margin: 0; margin-bottom: 11px; }
.gameStrate_r .gameStrate_r1 ul li a.hover .txt { float: left; width: 272px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 18px; font-weight: bold; }
.gameStrate_r .gameStrate_r1 ul li a.hover .time { float: left; width: 146px; line-height: 12px; font-size: 12px; color: #bdbdbd; overflow: hidden; white-space: nowrap; }
.gameStrate_r .gameStrate_r1 .more { display: block; width: 275px; height: 34px; line-height: 34px; border-radius: 4px; background: #fafafa; font-size: 14px; color: #888888; text-align: center; }
.gameStrate_r .gameStrate_r1 .more i { display: inline-block; width: 7px; height: 12px; background-position: -263px -21px; margin-left: 5px; position: relative; top: 2px; }
.gameStrate_r .gameStrate_r1 .more:hover { background-color: #ec003e; color: #fff; }
.gameStrate_r .gameStrate_r1 .more:hover i { background-position: -334px -117px; }
.gameStrate_r .gameStrate_r1 .hotTitle { width: 276px; height: 52px; line-height: 52px; color: #4b4b4b; font-size: 20px; font-weight: bold; border-bottom: 1px solid #f2f2f2; }
.gameStrate_r .gameStrate_r1 .hotTitle i { display: inline-block; width: 22px; height: 26px; background-position: -222px -13px; vertical-align: top; position: relative; top: 13px; margin-right: 7px; }

.gameStrate_r .gameStrate_r2 { border-radius: 10px; padding: 14px 20px 24px; background-color: #fff; margin-bottom: 19px; box-shadow: 0.6px 0.9px 5px rgba(0, 0, 0, .06); }
.gameStrate_r .gameStrate_r2 ul li a { display: block; width: 274px; height: 109px; border-bottom:1px dashed #f3f3f3; padding-top: 19px; }
.gameStrate_r .gameStrate_r2 ul li:last-child a { border: none; }
.gameStrate_r .gameStrate_r2 ul li a img { display: block; float: left; width: 84px; height: 84px; border-radius: 18px; margin-top: 5px; margin-right: 15px; }
.gameStrate_r .gameStrate_r2 ul li a .name { float: left; width: 174px; line-height: 27px; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; }
.gameStrate_r .gameStrate_r2 ul li a .txt { float: left; width: 174px; line-height: 22px; font-size: 14px; color: #888; overflow: hidden; white-space: nowrap; margin-bottom: 14px; }
.gameStrate_r .gameStrate_r2 ul li a .type { float: left; height: 24px; font-size: 12px; color: #a7a7a7; }
.gameStrate_r .gameStrate_r2 ul li a .type span { display: inline-block; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; background-color: #f7f7f7; padding: 0 5px; margin-right: 10px; }
.gameStrate_r .gameStrate_r2 .more { display: block; width: 275px; height: 34px; line-height: 34px; border-radius: 4px; background: #fafafa; font-size: 14px; color: #888888; text-align: center; }
.gameStrate_r .gameStrate_r2 .more i { display: inline-block; width: 7px; height: 12px; background-position: -263px -21px; margin-left: 5px; position: relative; top: 2px; }
.gameStrate_r .gameStrate_r2 .more:hover { background-color: #ec003e; color: #fff; }
.gameStrate_r .gameStrate_r2 .more:hover i { background-position: -334px -117px; }
.gameStrate_r .gameStrate_r2 .newTitle { width: 276px; height: 52px; line-height: 52px; color: #4b4b4b; font-size: 20px; font-weight: bold; border-bottom: 1px solid #f2f2f2; }
.gameStrate_r .gameStrate_r2 .newTitle i { display: inline-block; width: 22px; height: 28px; background-position: -172px -13px; vertical-align: top; position: relative; top: 13px; margin-right: 7px; }
/* 游戏攻略详情 */
.strateDetail_l { width: 866px; border-radius: 8px; margin-bottom: 43px; float: left; margin-top: 58px; }
.strateDetail_l .article_cont img{background-color: #fff;border-radius: 8px 8px 0 0; }
mg {
        max-width:835px;
        
        }
.strateDetail_l .article_cont h1 { text-align: center; color: #333333; font-size: 30px; line-height: 46px; padding-top: 42px; font-weight: bold;margin-bottom: 17px; }
.strateDetail_l .article_cont p { text-indent: 34px; color: #444444; font-size: 16px; letter-spacing: 1px; line-height: 30px; padding:0 17px 0 23px;}
.strateDetail_l .article_cont p:nth-child(2) { text-indent: 0; color: #888888;font-size: 14px; text-align: center; line-height: 22px;margin:0 2px 21px;padding-bottom: 25px;border-bottom: 1px solid #f6f6f6; }
.strateDetail_l .article_cont p:nth-child(2) span { padding-right: 34px; }
.strateDetail_l .article_cont img { display: block;margin: 0 auto; padding: 27px 0; }
.strateDetail_l .article_cont h3 { line-height: 88px; color: #444444; font-size: 20px; padding-left: 54px; font-weight: bold; }
.strateDetail_l .strateDetail_l2 { background-color: #fff; border-radius:0 0 8px 8px; }
.strateDetail_l .strateDetail_l2 .recDown { width: 808px; height: 130px; border-radius: 6px; padding: 20px 0 0 15px; margin: 30px auto 34px; background: url(../images/sgbg1.jpg); }
.strateDetail_l .strateDetail_l2 .recDown img { display: block; float: left; width: 110px; height: 110px; border-radius: 18px; margin-right: 24px; }
.strateDetail_l .strateDetail_l2 .recDown .cont { float: left; width: 476px; }
.strateDetail_l .strateDetail_l2 .recDown .cont .name { font-size: 18px; line-height: 38px; color: #4b4b4b; white-space: nowrap; overflow: hidden; }
.strateDetail_l .strateDetail_l2 .recDown .cont .type { font-size: 14px; line-height: 38px; color: #5a5a5a; }
.strateDetail_l .strateDetail_l2 .recDown .cont .type span { padding-right: 45px; }
.strateDetail_l .strateDetail_l2 .recDown .cont .type em { font-size: 14px; line-height: 38px; color: #999999; }
.strateDetail_l .strateDetail_l2 .recDown .cont .play { font-size: 14px; line-height: 35px; color: #999999; }
.strateDetail_l .strateDetail_l2 .recDown .cont .play span { display: inline-block; height: 20px; line-height: 20px; text-align: center; padding: 0 6px 0 8px; font-size: 14px; color: #ef8692; border: 1px solid #ef8692; margin-right: 5px; border-radius: 10px; }
.strateDetail_l .strateDetail_l2 .recDown .cont .play span:nth-child(3) { color: #f4a76d; border: 1px solid #f4a76d; }
.strateDetail_l .strateDetail_l2 .recDown .cont .play span:nth-child(4) { color: #4fb3ff; border: 1px solid #4fb3ff; }
.strateDetail_l .strateDetail_l2 .recDown .cont .play span:nth-child(5) { color: #93d877; border: 1px solid #93d877; }
.strateDetail_l .strateDetail_l2 .recDown .downGame_btn, .gameTopic_btn { display: block; float: left; width: 168px; height: 34px; font-size: 14px; color: #fff; line-height: 34px; text-align: center; border-radius: 16px; margin-top: 35px; box-shadow: 2.5px 4.5px 8px 0 rgba(255, 0, 0, .19); background: linear-gradient(to right, #fe6604, #ee0d75); }
.strateDetail_l .strateDetail_l2 .recDown .gameTopic_btn { margin-top: 13px; box-shadow: 0 5px 8px 0 rgba(255, 202, 0, .3); background: linear-gradient(to right, #ffca00, #ffae00); }
.strateDetail_l .strateDetail_l2 .recDown .downGame_btn i, .gameTopic_btn i { display: inline-block; width: 18px; height: 18px; background-position: -35px -116px; margin-right: 7px; position: relative; top: 4px; }
.strateDetail_l .strateDetail_l2 .recDown .gameTopic_btn i { background-position: -3px -115px; top: 2px; }
.strateDetail_l .strateDetail_l2 .turnPage { height: 240px; padding: 0 21px; }
.strateDetail_l .strateDetail_l2 .turnPage .reprint{ height: 74px; line-height: 74px; font-size: 16px; color: #888888; margin-bottom: 9px; border-top: 1px solid #f3f3f3; }
.strateDetail_l .strateDetail_l2 .turnPage .reprint span:nth-child(1){ display: inline-block; width: 125px; height: 28px; line-height: 28px; font-size: 14px; text-align: center; color: #ff0300; border: 1px solid #ff0300; border-radius: 4px; margin-right: 11px; cursor: pointer; position: relative; }
.strateDetail_l .strateDetail_l2 .turnPage .reprint span:nth-child(1) i { display: inline-block; width: 15px; height: 14px; vertical-align: top; position: relative; top: 7px; margin-right: 6px; background-position: -364px  -115px; }
.strateDetail_l .strateDetail_l2 .turnPage .reprint span:nth-child(1) input{ position: absolute; top: 0; left: 0; z-index: -1; }
.strateDetail_l .strateDetail_l2 .prevBox { width: 822px; height: 126px; border: 1px solid #ededed; border-radius: 4px; box-shadow: 0.5px 0.9px 5px 0 rgba(0, 0, 0, .06); }
.strateDetail_l .strateDetail_l2 .prevBox a { display: block; float: left; width: 356px; height: 102px; padding: 24px 24px 0 30px; }
.strateDetail_l .strateDetail_l2 .prevBox a img { display: block; float: left; width: 120px; height: 76px; border-radius: 4px; margin-right: 18px; }
.strateDetail_l .strateDetail_l2 .prevBox a.prevBtn { border-right: 1px solid #f0f0f0; }
.strateDetail_l .strateDetail_l2 .prevBox a .prev { font-size: 14px; color: #333333; line-height: 22px; }
.strateDetail_l .strateDetail_l2 .prevBox a .prev i { display: inline-block; width: 7px; height: 12px; margin-right: 9px; vertical-align: top; position: relative; top: 5px; background-position: -72px -119px; }
.strateDetail_l .strateDetail_l2 .prevBox a .txt { margin-top: 9px; font-size: 13px; color: #333333; line-height: 19px; width: 218px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.strateDetail_l .strateDetail_l2 .prevBox a .next { font-size: 14px; color: #333333; line-height: 22px; }
.strateDetail_l .strateDetail_l2 .prevBox a .next i { display: inline-block; width: 7px; height: 12px; margin-left: 9px; vertical-align: top; position: relative; top: 5px; background-position: -92px -119px; }
.strateDetail_l .strateDetail_l2 .prevBox a.prevBtn:hover .prev { color: #ec003e; }
.strateDetail_l .strateDetail_l2 .prevBox a.nextBtn:hover .next { color: #ec003e; }
.strateDetail_l .relatedRaiders, .similarRecommend{ padding: 21px 0 36px 23px; border-radius: 8px; background-color: #fff; margin-top: 17px; }
.strateDetail_l .relatedRaiders .title, .similarRecommend .title{ width: 96px; height: 52px; line-height: 52px; text-align: center; font-size: 24px; color: #676767; font-weight: bold; background-position: -709px -160px; margin-bottom: 4px; }
.strateDetail_l .similarRecommend .title { background-position: -709px -231px; margin-bottom: 12px; }
.strateDetail_l .relatedRaiders li a { float: left; line-height: 29px; font-size: 14px; color: #4e4e4e; width: 378px; margin-right: 41px; white-space: nowrap; overflow: hidden; }
.strateDetail_l .relatedRaiders li:hover a { color: #ec003e; }
.strateDetail_l .relatedRaiders li a i { display: inline-block; width: 8px; height: 8px; background-position: -112px -122px; margin-right: 8px; }
.strateDetail_l .similarRecommend  li { position: relative; }
.strateDetail_l .similarRecommend  li a { float: left; width: 250px; height: 94px; border-radius: 12px; border: 1px solid #e6e6e6; padding: 10px 0 0 10px; margin: 0 18px 18px 0; }
.strateDetail_l .similarRecommend  li a img { float: left; width: 84px; height: 84px; border-radius: 18px; margin-right: 10px; }
.strateDetail_l .similarRecommend  li a .cont { float: left; width: 96px; height: 84px; white-space: nowrap; overflow: hidden; margin-top: 7px; }
.strateDetail_l .similarRecommend  li a .cont .name { font-size: 16px; color: #000000; line-height: 29px; }
.strateDetail_l .similarRecommend  li a .cont .size { font-size: 10px; color: #b8b8b8; line-height: 18px; }
.strateDetail_l .similarRecommend  li a .cont .type { font-size: 12px; color: #b8b8b8; line-height: 24px; }
.strateDetail_l .similarRecommend  li a .down { float: left; width: 60px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; background-color: #ff6767; border-radius: 12px 0 0 12px; margin-top: 47px; box-shadow: 0 5px 8px 0 rgba(255, 0, 0, 0.19); }
.strateDetail_l .similarRecommend  li a .down i { display: inline-block; width: 12px; height: 12px; background-position: -71px -76px; margin-right: 2px; }
.strateDetail_l .similarRecommend  li a:hover .cont .name { color: #ec003e; }
.strateDetail_l .similarRecommend  li a:hover .down { background: linear-gradient(to right, #fd6407, #f11b64); }
.strateDetail_r { width: 315px; float: right; margin-top: 58px; }
.strateDetail_r .strateDetail_r1 { border-radius: 10px; padding: 14px 20px 24px; background-color: #fff; margin-bottom: 19px; }
.strateDetail_r .strateDetail_r1 .newTitle { width: 276px; height: 52px; line-height: 52px; color: #4b4b4b; font-size: 20px; font-weight: bold; border-bottom: 1px solid #f2f2f2; }
.strateDetail_r .strateDetail_r1 .newTitle i { display: inline-block; width: 22px; height: 28px; background-position: -172px -13px; vertical-align: top; position: relative; top: 13px; margin-right: 7px; }
.strateDetail_r .strateDetail_r1 .more { display: block; width: 275px; height: 34px; line-height: 34px; border-radius: 4px; background: #fafafa; font-size: 14px; color: #888888; text-align: center; }
.strateDetail_r .strateDetail_r1 .more i { display: inline-block; width: 7px; height: 12px; background-position: -263px -21px; margin-left: 5px; position: relative; top: 2px; }
.strateDetail_r .strateDetail_r1 .more:hover { background-color: #ec003e; color: #fff; }
.strateDetail_r .strateDetail_r1 .more:hover i { background-position: -334px -117px; }
.strateDetail_r .strateDetail_r1 ul li a { display: block; width: 274px; height: 109px; border-bottom:1px dashed #f3f3f3; padding-top: 19px; }
.strateDetail_r .strateDetail_r1 ul li:last-child a { border: none; }
.strateDetail_r .strateDetail_r1 ul li a img { display: block; float: left; width: 84px; height: 84px; border-radius: 18px; margin-top: 5px; margin-right: 15px; }
.strateDetail_r .strateDetail_r1 ul li a .name { float: left; width: 174px; line-height: 27px; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; }
.strateDetail_r .strateDetail_r1 ul li a .name span { display: inline-block; height: 16px; line-height: 16px; text-align: center; border-radius: 4px; background-color: #ff5a00; padding: 0 6px; margin-left: 9px; color: #fff; font-size: 9px; }
.strateDetail_r .strateDetail_r1 ul li a .txt { float: left; width: 174px; line-height: 22px; font-size: 14px; color: #888; overflow: hidden; white-space: nowrap; margin-bottom: 14px; }
.strateDetail_r .strateDetail_r1 ul li a .type { float: left; height: 24px; font-size: 12px; color: #a7a7a7; }
.strateDetail_r .strateDetail_r1 ul li a .type span { display: inline-block; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; background-color: #f7f7f7; padding: 0 5px; margin-right: 10px; }
.strateDetail_r .strateDetail_r2 { border-radius: 10px; padding: 14px 20px 24px; background-color: #fff; margin-bottom: 19px; }
.strateDetail_r .strateDetail_r2 .hotNews { width: 276px; height: 52px; line-height: 52px; color: #4b4b4b; font-size: 20px; font-weight: bold; border-bottom: 1px solid #f2f2f2; }
.strateDetail_r .strateDetail_r2 .hotNews i { display: inline-block; width: 22px; height: 28px; background-position: -222px -13px; vertical-align: top; position: relative; top: 13px; margin-right: 7px; }
.strateDetail_r .strateDetail_r2 li a { display: block; height: 72px; color: #444444; font-size: 14px; padding-top: 16px; }
.strateDetail_r .strateDetail_r2 li a span { float: left; width: 14px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #b4b4b4; color: #a4a4a4; font-size: 11px; border-radius: 2px; margin: 5px 9px 0 0; }
.strateDetail_r .strateDetail_r2 li a .txt { float: left; width: 142px; line-height: 24px; text-align: left; color: #686868; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.strateDetail_r .strateDetail_r2 li a img { float: left; width: 86px; height: 58px; border-radius: 2px; margin-left: 21px; }
.strateDetail_r .strateDetail_r2 li a:hover span { border-color: #ec003e; color: #ec003e; }
.strateDetail_r .strateDetail_r2 li a:hover .txt { color: #ec003e; }
.strateDetail_r .strateDetail_r2 .more { display: block; width: 275px; height: 34px; line-height: 34px; border-radius: 4px; background: #fafafa; font-size: 14px; color: #888888; text-align: center; }
.strateDetail_r .strateDetail_r2 .more i { display: inline-block; width: 7px; height: 12px; background-position: -263px -21px; margin-left: 5px; position: relative; top: 2px; }
.strateDetail_r .strateDetail_r2 .more:hover { background-color: #ec003e; color: #fff; }
.strateDetail_r .strateDetail_r2 .more:hover i { background-position: -334px -117px; }
/* 排行榜 */
.rankbg{height: 320px;background: url(../images/rankbg.png) no-repeat;background-position: top center;}
.ranknav{width: 1200px;margin: auto;position: relative;top: 194px;z-index: 1;height: 70px;border-radius: 10px 10px 0 0;background-color: rgba(255,255,255,0.8);*zoom: 1;}
.ranknav a{float: left;display:block;height: 100%;font-size: 18px;color: #666;width: 325px;height: 70px;line-height: 70px;text-align: center;position: relative;top: -5px;}
.ranknav a.current{color: #ec003e;height:80px;background-color: #fff;line-height: 88px;position: relative;top: -15px;z-index: 2;border-radius: 10px 10px 0 0;}
.ranknav a span{ position: absolute; right: -4px; font-size: 20px; color: #d6cdcc; }
.ranknav a.current span { display: none; }
.ranknav i{width: 24px;height: 30px;display: inline-block;position: relative;}
.ranknav a:nth-child(1) i{background-position: 0 -670px;top: 7px;left: -10px;}
.ranknav a:nth-child(2) i{background-position: -26px -670px;width: 30px;top: 7px;left: -10px;}
.ranknav a:nth-child(3) i{background-position: -62px -670px;width: 30px;top: 7px;left: -10px;}
.ranknav .current:nth-child(1) i{background-position: 0 -702px;}
.ranknav .current:nth-child(2) i{background-position: -26px -702px;}
.ranknav .current:nth-child(3) i{background-position: -62px -702px;}
.ranknav a:hover{color: #ec003e;}
.ranknav a:nth-child(1):hover i{background-position: 0 -702px;}
.ranknav a:nth-child(2):hover i{background-position: -26px -702px;}
.ranknav a:nth-child(3):hover i{background-position: -62px -702px;}

.rankBox { box-shadow: 0.5px 0.86px 6px 0 rgba(0, 0, 0, .06);margin-top: -56px;padding-top: 21px;}
.rankList{width: 1200px;margin: auto;position: relative;top: -40px;}
.ranklist{background: #fff;padding-bottom: 20px;}
.ranklist li{overflow: hidden;padding: 0 35px;}
.ranklist li:hover{background: #f9f9f9;}
.ranklist li:hover .name{color: #ec003e !important;}
.ranklist li:hover .dload i{ background-position: -261px -740px;}
.ranklist li:nth-last-child(1) a{border-bottom: none;}
.ranklist li a { display: block;border-bottom: 1px solid #e6e6e6;width: 1130px;height: 119px;padding: 32px 0 36px;}
.ranklist i{width: 48px;height: 60px;display: inline-block;float: left;position: relative;}
.ranklist i em{font-size: 16px;color: #999;position: absolute;top: 11px;left: 16px;}
.ranklist .list1{margin: 28px 28px 31px 21px;background-position: 0 -740px;}
.ranklist .list2{margin: 28px 28px 31px 21px;background-position: -53px -740px;}
.ranklist .list3{margin: 28px 28px 31px 21px;background-position: -106px -740px;}
.ranklist .list{width: 42px;height: 42px;margin: 36px 32px 31px 24px;background-position: -159px -740px;}
.ranklist li img{width: 119px;height: 119px;display: inline-block;float: left;border-radius: 14px;}
.ranklist li .info{float: left;margin-left: 35px;width: 700px;}
.ranklist li .info .name{font-size: 18px;line-height: 20px;font-weight: 600;color: #4b4b4b;max-width: 700px;white-space: nowrap;overflow: hidden;}
.ranklist li .info p:nth-child(2){line-height: 36px;}
.ranklist li .info p:nth-child(2) em{margin: 0 8px;font-size: 14px;color: #a5a8b1;}
.ranklist li .info p:nth-child(2) span{font-size: 14px;color: #a5a8b1;}
.ranklist li .info p:nth-last-child(2){font-size: 14px;line-height: 16px; color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ranklist li .info p:nth-last-child(1){font-size: 12px;margin-top: 29px;}
.ranklist li .info p:nth-last-child(1) span{border: 1px solid;line-height: 20px;text-align: center;padding: 0 8px;border-radius: 14px;margin:0 3px;}
.ranklist li .info p:nth-last-child(1) span:nth-child(1){border-color: #ef8692;color: #ef8692;}
.ranklist li .info p:nth-last-child(1) span:nth-child(2){border-color: #f4a76d;color: #f4a76d;}
.ranklist li .info p:nth-last-child(1) span:nth-child(3){border-color: #4fb3ff;color: #4fb3ff;}
.ranklist li .info p:nth-last-child(1) span:nth-child(4){border-color: #93d877;color: #93d877;}
.dload{float: left;}
.dload i{width: 56px;height: 56px;display: inline-block;background-position: -205px -740px;margin: 35px 42px 28px 72px;}

/* 专题合集详情 */
.bgbox{position: relative;height: 264px;width: 100%;overflow: hidden;top: -5px;}
.bgbox .lbg{position: relative;height: 264px;width: 100%;overflow: hidden;background-size:cover;background-repeat:no-repeat;-webkit-filter: blur(10px);filter: blur(10px);background-position:0rem -200px;}
.bgbox .lbgmask{height: 264px;}
.zthead{background: #fff;overflow: hidden;padding: 40px 35px 40px 40px;border-radius: 12px;position: relative;top: -120px;box-shadow: 0.6px 0.9px 5px rgba(0, 0, 0, 0.06);}
.zthead img{width: 370px;height: 204px;display: inline-block;float: left;}
.zthead .info{float: left;width: 735px;margin-left: 20px;}
.zthead .info>p{font-size: 14px;color: #888;display: block;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 32px;}
.zthead .ztbox{overflow: hidden;padding-bottom: 14px;border-bottom: 1px solid #f3f3f3;}
.zthead .ztbox .likeup{float: right;width: 94px;height: 94px;position: relative;margin-top: -22px;}
.likeup em{display: block;position: absolute;}
.likeup em:nth-child(1){border-left: 2px solid #eaeaea;border-top: 2px solid #eaeaea;width: 14px;height: 14px;left: 0px;top: 0px;}
.likeup em:nth-child(2){border-right: 2px solid #eaeaea;border-top: 2px solid #eaeaea;width: 14px;height: 14px;right: 0px;top: 0px;}
.likeup em:nth-child(3){border-right: 2px solid #eaeaea;border-bottom: 2px solid #eaeaea;width: 14px;height: 14px;right: 0px;bottom: 0px;}
.likeup em:nth-child(4){border-left: 2px solid #eaeaea;border-bottom: 2px solid #eaeaea;width: 14px;height: 14px;left: 0px;bottom: 0px;}
.likeup span{font-size: 14px;color: #4b4b4b;position: absolute;top: -10px;left: 31px;display: block;font-weight: 600;}
.likeup i{width: 38px;height: 38px;display: block;background-position: -504px -4px;margin-top: 19px;margin-left: 28px;cursor: pointer;box-shadow: 0 5px 8px 0 rgba(255, 202, 0, .3);border-radius: 50%;}
.likeup .likenum{font-size: 12px;color: #888;text-align: center;position: absolute;bottom: 8px;left: 30px;}
.zthead .ztbox h1{font-size: 28px;font-weight: 600;color: #333;margin-top: 12px;}
.zthead .ztbox p{font-size: 14px;color: #888;margin-top: 32px;max-width: 500px;display: inline-block;}
.zthead .ztbox p em{color: #dedede;margin: 0 20px;font-size: 10px;}
.zthead .ztbox p span{font-size: 32px;color: #ec003e;font-weight: 600;margin-right: 12px;}
.zthead .ztbox p span.date { font-size:12px;font-weight: normal;color: #888888;}
.zthead .ztbox p span.date i { display: inline-block; width: 14px; height: 14px; background-position: -664px -117px; margin-right: 8px;position: relative;top: 3px; }

.ztmain{margin-top: -90px;}
/* .ztmain ul{overflow: hidden;} */
.ztmain ul .special{border-top: 1px solid transparent;}
.ztmain ul .special:nth-child(1){border-top-color: #ff7272;}
.ztmain ul .special:nth-child(2){border-top-color: #bed627;}
.ztmain ul .special:nth-child(3){border-top-color: #ffa826;}
.ztmain ul .special a>i{width: 36px;height: 32px;position: absolute;}
.ztmain ul .special:nth-child(1) a>i{background-position: -341px -9px;right: 0;top: -1px;}
.ztmain ul .special:nth-child(2) a>i{background-position: -395px -10px;right: 0;top: -1px;}
.ztmain ul .special:nth-child(3) a>i{background-position: -451px -9px;right: 0;top: -1px;}
.ztmain ul li{float: left;position: relative;margin-bottom: 24px;width: 360px;margin-left:10px;}
.ztmain ul li a{margin-right:auto;margin-left:auto;*zoom:1}
.ztmain ul li a:before,.ztmain ul li a:after{display:table;content:"";line-height:0}
.ztmain ul li a:after{clear:both}
.ztmain ul li a{display: block;position: relative;width: 380px;border-radius: 12px;margin-left:-10px;background: #fff;*zoom: 1;box-shadow: 0.6px 0.9px 5px rgba(0, 0, 0, 0.06);}
.ztmain ul li:hover .name{color: #ec003e !important;}
.ztmain ul li:hover .info p:nth-child(3){background: linear-gradient(to right, #fe6a08, #ee0d75);color: #fff;box-shadow: 0px 5px 5px rgba(255,212,212,0.9);}
.ztmain ul li:hover .info p:nth-child(3) i{background-position: -71px -76px;}
.ztmain ul li:nth-child(3n-1){margin: 0 30px 24px;}
.ztmain ul li:nth-child(3n+2){margin-left: 50px;}
.ztmain ul li:nth-child(3n+3){margin-left: 20px;}
.ztmain ul li img{width: 110px;height: 110px;display: block;float: left;border-radius: 15px;padding: 16px 19px;}
.ztmain ul li .info{float: left;margin-top: 16px;width: 232px;}
.ztmain ul li .info .name{font-size: 18px;color: #4b4b4b;font-weight: 600;display: block;margin-top: 10px;white-space: nowrap;overflow: hidden;max-width: 198px;}
.ztmain ul li .info p:nth-child(2){line-height: 12px;margin-top: 12px;}
.ztmain ul li .info p:nth-child(2) span{font-size: 14px;line-height: 12px;color: #666;}
.ztmain ul li .info p:nth-child(2) em{font-size: 12px;color: #999;margin: 0 8px;}
.ztmain ul li .info p:nth-child(3){font-size: 14px;color: #ff6767;line-height: 14px;border-radius: 20px;width: 110px;text-align: center;border: 1px solid #ff6767;height: 28px;line-height: 28px;margin-top: 20px;}
.ztmain ul li .info p:nth-child(3) i{width: 12px;height: 13px;display: inline-block;background-position: -127px -77px;margin-right: 5px;vertical-align: middle;}
.ztmain ul li .info .looks{color: #ffca00 !important;border-color: #ffca00 !important;}
.ztmain ul li:hover .info .looks{color: #fff !important;background: #ffca00 !important;box-shadow: 0px 5px 5px rgba(255,224,141,0.9) !important;}

/* 合集 */
.crumb{width:1200px;margin:0 auto;margin-top: 100px;}
.ztList{position: relative;width: 1200px;padding:10px 0;margin-top: 46px;}
.ztList .tiTle{overflow: hidden;*zoom:1;font-size: 0;border-bottom: 1px solid #e9e9e9;}
.ztList .tiTle em{float: left;display: inline-block;font-size: 30px;line-height: 56px;color: #4b4b4b;font-weight: bold;}
.ztList .tiTle em i{display: inline-block;width: 30px;height: 32px;background-position: -290px -9px;position: relative;top: 5px;margin-right: 10px; }
.ztNav{ width: 260px;padding: 14px 20px;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
.ztNav a{position: relative;display: inline-block;padding: 0 3px;height:52px;font-size: 18px;line-height: 52px;font-weight: bold;text-align: center;color: #676767;margin:0 20px;}
.ztNav a.current,.ztNav a:hover{color: #ec003e;}
.ztNav a.current:after{content: "";position: absolute;bottom: 0;left: 0;width: 78px;height: 4px;background-image: linear-gradient(to right,#fe6703 40%, #ee0d75 100%); box-shadow:0px 8px 8px #f6d6d6;}
.tiTle i{color: #f0412a;font-size: 14px;font-weight: 600;margin: 0 3px;}
.ztList ul{width: 1240px;*zoom: 1;}
.ztList li{float: left;width:380px;margin:0 30px 27px 0;border-radius: 7px;background-color: #fff;position: relative;box-shadow:0.5px 0.9px 5px 0 rgba(37, 25, 25, 0.06);}
.ztList li:hover { box-shadow:0.5px 0.9px 15px 0 rgba(0, 0, 0, .15);}
.ztList li>a{display: block;position: relative;}
.ztList li>a span{display: block;position: absolute;bottom:0;left: 0;padding: 0 10px;font-size: 14px;color: #fff;line-height: 30px;}
.ztList li>a em{display: block;position: absolute;bottom:0;right: 0;padding: 0 10px;font-size: 14px;color: #fff;line-height: 30px;}
.ztList li>a img{display:block;width:380px;height:168px;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.ztList li>a img:hover{opacity: 0.9;}
.ztList li div{padding-bottom: 23px;border-radius: 0 0 7px 7px;}
.ztList li div a:nth-of-type(1){display: block;margin: 20px 0 16px;font-size: 20px;color: #4b4b4b;line-height: 20px;font-weight: bold;padding-left: 10px;border-left: 4px solid #ec003e;}
.ztList li div a:nth-of-type(2){display: block;width: 86px;height: 36px;text-align: center;font-size: 14px;color: #555555;line-height: 36px;margin:17px auto 0;border: 1px solid #eaeaea;border-radius: 2px;}
.ztList li div p{display: block;padding: 0 14px;height: 70px;font-size: 14px;color: #999;line-height: 24px;overflow: hidden;}
.ztList li div a:nth-of-type(1):hover{color: #ec003e;}
.ztList li:hover div a:nth-of-type(2){color: #fff;background-color: #ffca00;border-color: #ffca00; box-shadow:0px 6px 8px #fff0b9;}

@-webkit-keyframes niceIn { 0% { opacity: 1; transform: scale(1) } 50% { opacity: 1; transform: scale(1.25) } 70% { transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } }
@keyframes niceIn { 0% { opacity: 1; transform: scale(1) } 50% { opacity: 1; transform: scale(1.25) } 70% { transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } }
.niceIn { -webkit-animation: niceIn .8s .2s ease; animation: niceIn .8s .2s ease }

/* 首页 */
.indexCont1 { height: 326px; background: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 rgba(0, 0, 0, .06); margin: 18px 0 16px 0; }
.indexCont1 .tabBox { height: 65px; line-height: 65px; position: relative; border-bottom: 2px solid #ff7226; }
.indexCont1 .tabBox .hotLab { position: absolute; width: 48px; height: 48px; top: 0; left: 0; background-position: -296px -499px; }
.indexCont1 .tabBox .hotGame, .indexCont1 .tabBox .hotApp { float: left; width: 114px; font-size: 20px; color: #4b4b4b; font-weight: bold; cursor: pointer; }
.indexCont1 .tabBox .hotGame { margin-left: 58px; }
.indexCont1 .tabBox .hotGame i { display: inline-block; width: 24px; height: 24px; vertical-align: top; margin: 22px 9px 0 0; background-position: -520px -110px; }
.indexCont1 .tabBox .hotApp i { display: inline-block; width: 20px; height: 23px; vertical-align: top; margin: 22px 9px 0 0; background-position: -449px -68px; }
.indexCont1 .tabBox .hotGame.current, .indexCont1 .tabBox .hotApp.current { color: #fb551a; }
.indexCont1 .tabBox .hotGame.current i { display: inline-block; width: 24px; height: 24px; vertical-align: top; margin: 22px 9px 0 0; background-position: -402px -67px; }
.indexCont1 .tabBox .hotApp.current i { background-position: -563px -110px; }
.indexCont1 .tabBox .hotGame:hover i { background-position: -402px -67px; }
.indexCont1 .tabBox .hotApp:hover i { display: inline-block; width: 20px; height: 23px; vertical-align: top; margin: 22px 9px 0 0; background-position: -563px -110px; }
.indexCont1 .tabBox .hotGame:hover, .indexCont1 .tabBox .hotApp:hover { color: #fb551a; }
.indexCont1 .tabBox .bias { float: left; width: 54px; text-align: center; font-size: 14px; color: #e7eaf0; }
.indexCont1 .tabBox .hotWord { float: right; margin-right: 6px; font-size: 11px; color: #8c8c8c; }
.indexCont1 .tabBox .hotWord em { color: #008fd1; margin-right: 8px; }
.indexCont1 .tabBox .hotWord a { padding-right: 16px; }
.indexCont1 .tabBox .hotWord a:hover { text-decoration: underline; color: #f7343e; }
.indexCont1 .tabBox .triangle { position: absolute; bottom: 0; left: 110px; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: transparent transparent #ff7226 transparent ; transition: all 0.5s; }
.indexCont1 .tabBox .triangleS { position: absolute; bottom: -12px; left: -9px; width: 0; height: 0; border-width: 9px; border-style: solid; border-color: transparent transparent #fff transparent ; }
.indexCont1 .tabList .commonList { border-bottom: 1px dashed #e2e2e2; margin: 19px 8px 5px 20px; }
.indexCont1 .tabList .commonList li { float: left; margin-right: 33px; }
.indexCont1 .tabList .commonList li:last-child { margin-right: 0; }
.indexCont1 .tabList .commonList li a { display: block; }
.indexCont1 .tabList .commonList li a img { display: block; width: 100px; height: 100px; border-radius: 18px; }
.indexCont1 .tabList .commonList li a .name { width: 100px; line-height: 36px; font-size: 14px; color: #4b4b4b; white-space: nowrap; overflow: hidden; text-align: center; margin-bottom: 6px; }
.indexCont1 .tabList .commonList li:hover a .name { color: #ec003e; }
.indexCont1 .fontList .sy, .indexCont1 .fontList .yy { width: 1150px; height: 41px; line-height: 41px; font-size: 16px; color: #dddddd; white-space: nowrap; overflow: hidden; margin-left: 20px; }
.indexCont1 .fontList .sy em, .indexCont1 .fontList .yy em { font-size: 17px; color: #4b4b4b; }
.indexCont1 .fontList .sy em i, .indexCont1 .fontList .yy em i { display: inline-block; width: 9px; height: 13px; background-position: -405px -115px; vertical-align: top; margin: 15px 5px 0 6px; }
.indexCont1 .fontList .sy a, .indexCont1 .fontList .yy a { font-size: 12px; color: #444444; padding: 0 12px; }
.indexCont1 .fontList .sy a:hover, .indexCont1 .fontList .yy a:hover { color: #ec003e; }
.indexCont2 { height: 322px; background: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%); margin: 18px 0 16px 0; }
.indexCont2 .slideIndex { width: 516px; height: 284px; position: relative; margin: 0 25px 0 20px;padding-top: 17px;overflow: hidden;float: left;border-radius: 8px; }
.indexCont2 .slideIndex .swiper-container1 { height: 284px; }
.indexCont2 .slideIndex .swiper-slide { width: 516px; height: 284px; border-radius: 8px; }
.indexCont2 .slideIndex .swiper-slide img { width: 516px; height: 284px; border-radius: 8px; }
.indexCont2 .slideIndex .swiper-pagination-bullet { width: 40px; height: 5px; background: #ffffff; border-radius: 2px; opacity: 1; }
.indexCont2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
.indexCont2 .slideIndex .swiper-pagination-bullet-active { background: #ec003e; }
.indexCont2 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 9px; }
.indexCont2 .slideIndex .swiper-slide .txt { width: 504px; position: absolute; height: 45px; line-height: 45px; font-size: 17px; color: #ffffff; padding: 0 0 25px 12px; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); white-space: nowrap; overflow: hidden; }
.indexCont2 .indexCont2_m { float: left; width: 407px; margin: 7px 33px 0 0; }
.indexCont2 .indexCont2_m .top { display: block; height: 70px; line-height: 70px; font-size: 21px; color: #f7343e; padding-left: 50px; position: relative; text-indent: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #f3f3f3; }
.indexCont2 .indexCont2_m .top span { position: absolute; width: 50px; height: 50px; line-height: 50px; top: 10px; left: 0; font-size: 12px; color: #fff; background: #f7343e; text-align: center; text-indent: 0; }
.indexCont2 .indexCont2_m .top:hover { border-color: #f7343e; }
.indexCont2 .indexCont2_m a:hover { color: #f7343e; }
.indexCont2 .indexCont2_m a:hover span { background: #f7343e; color: #fff; }
.indexCont2 .indexCont2_m .white, .indexCont2 .indexCont2_m .red { display: block;position: relative; height: 38px; line-height: 38px; font-size: 17px; color: #4b4b4b; padding-right: 50px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.indexCont2 .indexCont2_m .white em, .indexCont2 .indexCont2_m .red em { font-size: 13px;color: #888888;position: absolute;right: 0;}
.indexCont2 .indexCont2_m .white span, .indexCont2 .indexCont2_m .red span{ position: absolute; width: 50px; height: 26px; line-height: 26px; top: 6px; left: 0; font-size: 13px; color: #7f7f7f; background: #f8f8f8; text-align: center; text-indent: 0; }
.indexCont2 .indexCont2_m .red span { background: #f7343e; color: #fff; }
.indexCont2 .indexCont2_m .red { color: #f7343e; }
.indexCont2 .indexCont2_m a:nth-child(3) { margin-top: 6px; }
.indexCont2 .indexCont2_r { float: left; }
.indexCont2 .indexCont2_r .tlt { width: 180px; height: 52px; line-height: 52px; font-size: 18px; color: #4b4b4b; }
.indexCont2 .indexCont2_r .tlt .line { float: left; width: 5px; height: 20px; background: #ff5a38; margin: 17px 7px 0 0; }
.indexCont2 .indexCont2_r .tlt .more { float: right; width: 22px; height: 22px; background-position: -438px -110px; margin-top: 17px; }
.indexCont2 .indexCont2_r .recommondBox { display: block; position: relative; margin-bottom: 13px; overflow: hidden; }
.indexCont2 .indexCont2_r .recommondBox img { display: block; width: 180px; height: 75px; }
.indexCont2 .indexCont2_r .recommondBox .type { width: 100%; font-size: 14px; color: #fff; position: absolute; height: 28px; line-height: 28px; bottom: 0; left: 0; background: #00000080; white-space: nowrap; overflow: hidden; text-align: center; }
.indexCont2 .indexCont2_r .recommondBox:hover img { transition: all 0.5s; transform: scale(1.1); }
.indexCont3, .indexCont4 { height: 535px; background: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%); padding: 27px 0 0 21px; position: relative; }
.indexCont3 .indexTlt, .indexCont4 .indexTlt { width: 121px; height: 32px; line-height: 32px; font-size: 30px; color: #4b4b4b; font-weight: bold; text-align: end; padding-top: 13px; background-position: -705px -593px; }
.typeList_common { position: absolute; top: 38px; left: 150px; }
.typeList_common li { float: left; line-height: 31px; font-size: 15px; color: #999; border-bottom: 3px solid transparent; margin: 0 13px; cursor: pointer; }
.typeList_common li:first-child { margin: 0 22px; }
.typeList_common li.current { color: #f05874; border-color: #ec003e; }
.typeList_common li:hover { color: #f05874; border-color: #ec003e; }
.indexCont3 .more, .indexCont4 .more { position: absolute; top: 38px; right: 20px; line-height: 31px; font-size: 14px; color: #676767; }
.indexCont3 .more:hover, .indexCont4 .more:hover { color: #f05874; }
.gameAppBox { float: left; width: 894px; margin-top: 8px; }
.gameAppBox ul li { float: left; margin: 20px 28px 0 0; }
.gameAppBox ul li:nth-child(7n) { margin-right: 0; }
.gameAppBox ul li a { display: block; }
.gameAppBox ul li a img { display: block; width: 100px; height: 100px; border-radius: 16px; }
.gameAppBox ul li a .name { width: 100px; line-height: 32px; font-size: 14px; color: #4b4b4b; white-space: nowrap; overflow: hidden; text-align: center; }
.gameAppBox ul li:hover a .name { color: #f05874; }
.indexCont3 .editorRecommend, .indexCont4 .editorRecommend { float: left; width:266px; height: 430px; border: 1px solid #80e2c4; margin-top: 27px; border-radius: 8px; }
.indexCont3 .editorRecommend .tlt, .indexCont4 .editorRecommend .tlt { height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center; background: #01c689; border-radius: 8px 8px 0 0; position: relative; }
.indexCont3 .editorRecommend .tlt i, .indexCont4 .editorRecommend .tlt i { position: absolute; bottom: -12px; left: 126px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #01c689 transparent transparent transparent; }
.indexCont3 .editorRecommend .imgBox, .indexCont4 .editorRecommend .imgBox { display: block; width: 235px; height: 102px; position: relative; margin: 15px auto 0; overflow: hidden; }
.indexCont3 .editorRecommend .imgBox img, .indexCont4 .editorRecommend .imgBox img { display: block; width: 235px; height: 102px; }
.indexCont3 .editorRecommend .imgBox .cont, .indexCont4 .editorRecommend .imgBox .cont { position: absolute; bottom: 0; left: 0; width: 235px; height: 102px; white-space: nowrap; overflow: hidden; background: #00000080; text-align: center; position: relative; top: -28px; }
.indexCont3 .editorRecommend .imgBox .cont .txt, .indexCont4 .editorRecommend .imgBox .cont .txt  { width: 220px; line-height: 28px; font-size: 14px; color: #fff; white-space: nowrap; overflow: hidden; }
.indexCont3 .editorRecommend .imgBox .cont .type, .indexCont4 .editorRecommend .imgBox .cont .type  { line-height: 32px; font-size: 12px; color: #fff; }
.indexCont3 .editorRecommend .imgBox .cont .type em, .indexCont4 .editorRecommend .imgBox .cont .type em { margin-right: 7px; }
.indexCont3 .editorRecommend .imgBox .cont .size, .indexCont4 .editorRecommend .imgBox .cont .size  { line-height: 23px; font-size: 12px; color: #fff; }
.indexCont3 .editorRecommend .imgBox .cont .size em, .indexCont4 .editorRecommend .imgBox .cont .size em { margin-right: 14px; }
.indexCont3 .editorRecommend .imgBox:hover .cont, .indexCont4 .editorRecommend .imgBox:hover .cont { text-align: left; transition: all 0.5s; position: relative; top: -102px; text-indent: 7px; }
.indexCont3 .editorRecommend .imgBox:hover .cont .txt, .indexCont4 .editorRecommend .imgBox:hover .cont .txt { margin-top: 8px; }
.indexCont3 .editorRecommend .rg, .indexCont4 .editorRecommend .rg { display: block; width: 235px; padding: 10px 0 8px; position: relative; margin: auto; border-bottom: 1px dashed #d7d7d7; }
.indexCont3 .editorRecommend .rg .name, .indexCont4 .editorRecommend .rg .name { width: 190px; line-height: 32px; font-size: 14px; color: #4b4b4b; white-space: nowrap; overflow: hidden; }
.indexCont3 .editorRecommend .rg .type, .indexCont3 .editorRecommend .rg .size, .indexCont4 .editorRecommend .rg .type, .indexCont4 .editorRecommend .rg .size { width: 190px; line-height: 28px; font-size: 12px; color: #999999; white-space: nowrap; overflow: hidden; }
.indexCont3 .editorRecommend .rg .type em, .indexCont3 .editorRecommend .rg .size em, .indexCont4 .editorRecommend .rg .type em, .indexCont4 .editorRecommend .rg .size em { padding-right: 7px; }
.indexCont3 .editorRecommend .rg .down, .indexCont4 .editorRecommend .rg .down { width: 28px; height: 28px; position: absolute; top: 39px; right: 5px; background-position: -530px -66px; }
.indexCont3 .editorRecommend .rg:hover .down, .indexCont4 .editorRecommend .rg:hover .down { background-position: -485px -65px; }
.indexCont3 .editorRecommend .rgBox .rg:last-child, .indexCont4 .editorRecommend .rgBox .rg:last-child { border-bottom: none; margin-bottom: 6px; }
.indexCont3 .editorRecommend .change, .indexCont4 .editorRecommend .change { width: 235px; height: 36px; line-height: 36px; color: #999999; font-size: 14px; text-align: center; background: #f2f2f2; margin: auto; cursor: pointer; }
.indexCont3 .editorRecommend .change i, .indexCont4 .editorRecommend .change i { display: inline-block; width: 14px; height: 14px; vertical-align: top; margin: 11px 0 0 9px; background-position: -481px -110px; }
.indexCont3 .editorRecommend .change:hover i, .indexCont4 .editorRecommend .change:hover i { transition: all 0.5s; transform: rotate(360deg); }
.indexCont3 .editorRecommend .rg .name:hover{color: #f05874;}
.indexCont4 .editorRecommend .rg .name:hover{color: #ffb524;}
.indexCont4 { margin: 18px 0; }
.indexCont4 .indexTlt { background-position: -700px -650px; }
.indexCont4 .editorRecommend { border: 1px solid #ffd77f; }
.indexCont4 .typeList_common li.current { color: #ffb524; border-color: #ffaf00; }
.indexCont4 .typeList_common li:hover { color: #ffb524; border-color: #ffaf00; }
.indexCont4 .more:hover { color: #ffb524; }
.indexCont4 .editorRecommend .tlt { background: #ffaf00; }
.indexCont4 .editorRecommend .tlt i { border-color: #ffaf00 transparent transparent transparent; }
.indexCont4 .gameAppBox ul li:hover a .name { color: #ffb524; }
.indexCont5 { height: 319px; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%); border: 1px solid #ffffff; position: relative; padding: 23px 0 0 19px; background: url(../images/indexbg1.jpg); background-size: cover; }
.indexCont5 .indexTlt { width: 121px; height: 32px; line-height: 32px; font-size: 30px; color: #4b4b4b; font-weight: bold; text-align: end; padding-top: 13px; background-position: -700px -701px; margin-bottom: 20px; }
.indexCont5 .more { position: absolute; top: 46px; right: 20px; line-height: 31px; font-size: 15px; color: #676767; }
.indexCont5 .more:hover { color: #f05874; }
.indexCont5 .slideIndex2 { width: 1056px; height: 220px;position: relative;border-radius: 6px;margin: auto; }
.indexCont5 .slideIndex2 .swiper-container2 { height: 220px;overflow: hidden;border-radius: 6px; }
.indexCont5 .slideIndex2 .swiper-slide { width: 332px;height: 220px;border-radius: 6px;overflow: hidden; }
.indexCont5 .slideIndex2 .swiper-slide img { width: 332px;height: 220px; border-radius: 6px; }
.indexCont5 .slideIndex2 .swiper-button-prev, .indexCont5 .slideIndex2 .swiper-button-next { position: absolute; top: 80px; right: -62px; width: 40px; height: 60px; background-position: -631px -155px; z-index: 99; }
.indexCont5 .slideIndex2 .swiper-button-prev { left: -80px; transform: rotate(180deg); }
.indexCont5 .slideIndex2 .swiper-button-prev:hover, .indexCont5 .slideIndex2 .swiper-button-next:hover { background-position: -631px -232px; }
.indexCont5 .slideIndex2 .swiper-slide .num { width: 314px; line-height: 32px; font-size: 13px; color: #fff; position: absolute; bottom: 93px; left: 0; padding: 0 9px; }
.indexCont5 .slideIndex2 .swiper-slide .num span:last-child { float: right; }
.indexCont5 .slideIndex2 .swiper-slide .cont { position: absolute; bottom: 0; left: 0; height: 62px; width: 100%; background: linear-gradient(to top, #fff 70%, #ffffff90); padding: 25px 0 6px 0; }
.indexCont5 .slideIndex2 .swiper-slide .cont .name { border-left: 4px solid #ec003e; line-height: 23px; font-size: 18px; color: #4b4b4b; font-weight: bold; text-indent: 10px; white-space: nowrap; overflow: hidden; }
.indexCont5 .slideIndex2 .swiper-slide .cont .txt { line-height: 42px; font-size: 14px; color: #999999; text-indent: 14px; white-space: nowrap; overflow: hidden; }
.indexCont5 .slideIndex2 .swiper-slide:hover img { transition: all 0.5s; transform: scale(1.1); }
.indexCont6 { background: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%); border: 1px solid #ffffff; position: relative; padding: 23px 0 0 19px; margin: 20px 0; }
.indexCont6 .indexTlt { width: 121px; height: 32px; line-height: 32px; font-size: 30px; color: #4b4b4b; font-weight: bold; text-align: end; padding-top: 13px; background-position: -710px -753px; margin-bottom: 20px; }
.indexCont6 .more { position: absolute; top: 46px; right: 20px; line-height: 31px; font-size: 15px; color: #676767; }
.indexCont6 .more:hover { color: #f05874; }
.indexCont6 ul li { float: left; width: 548px; margin: 0 43px 32px 0; }
.indexCont6 ul li:nth-child(2n) { margin-right: 0; }
.indexCont6 ul li .imgTxt { float: left; position: relative; margin-right: 25px; overflow: hidden; }
.indexCont6 ul li .imgTxt img { float: left; width: 212px; height: 136px; border-radius: 6px; }
.indexCont6 ul li .imgTxt .name { width: 100%; text-align: center; line-height: 28px; font-size: 14px; color: #fff; position: absolute; bottom: 0; left: 0; background: #00000080; white-space: nowrap; overflow: hidden; border-radius: 0 0 6px 6px; }
.indexCont6 ul li .imgTxt:hover img { transition: all 0.5s; transform: scale(1.1); }
.indexCont6 ul li .cont { float: left; }
.indexCont6 ul li .cont a { display: block; padding-left: 12px; width: 296px; white-space: nowrap; overflow: hidden; line-height: 33px; color: #4e4e4e; font-size: 14px; position: relative; }
.indexCont6 ul li .cont a .dot { position: absolute; top: 13px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(to bottom, #fdb2b0, #ffe3de); }

.indexCont6 ul li .cont a:hover { color: #f05874; }
.indexCont7 { height: 836px; background: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%); border: 1px solid #ffffff; position: relative; padding: 23px 0 0 19px; margin: 20px 0; }
.indexCont7 .indexTlt { width: 121px; height: 32px; line-height: 32px; font-size: 30px; color: #4b4b4b; font-weight: bold; text-align: end; padding-top: 13px; background-position: -584px -758px; margin-bottom: 29px; }
.indexCont7 .more { position: absolute; top: 46px; right: 20px; line-height: 31px; font-size: 15px; color: #676767; }
.indexCont7 .more:hover { color: #f05874; }
.indexCont7 .indexRankTop { width: 1160px; height: 120px; border-bottom: 1px solid #e5e5e5; }
.indexCont7 .indexRankTop div { width: 376px; height: 110px; line-height: 110px; font-size: 0; color: #fff; border-radius: 6px; background: #f16565; float: left; margin: 0 16px 10px 0; position: relative; }
.indexCont7 .indexRankTop div:last-child { margin-right: 0; }
.indexCont7 .indexRankTop div span { font-size: 25px; }
.indexCont7 .indexRankTop div .phone { display: inline-block; width: 58px; height: 82px; vertical-align: top; margin: 14px 35px 0 74px; background-position: 0 -482px; }
.indexCont7 .indexRankTop div .square { position: absolute; width: 16px; height: 16px; border: 2px solid #fff; bottom: -10px; left: 0; right: 0; margin: 0 auto; background: #f16565; transform: rotate(45deg); }
.indexCont7 .indexRankTop div.blueRank { background: #4ac0d1; }
.indexCont7 .indexRankTop div.blueRank .square { background: #4ac0d1; }
.indexCont7 .indexRankTop div.blueRank .phone { background-position: -100px -482px; }
.indexCont7 .indexRankTop div.yellowRank { background: #f9c85b; }
.indexCont7 .indexRankTop div.yellowRank .square { background: #f9c85b; }
.indexCont7 .indexRankTop div.yellowRank .phone { background-position: -195px -482px; }
.indexCont7 .indexRankList { float: left; width: 373px; margin-right: 20px; }
.indexCont7 .indexRankList .sort { margin: 5px 0 0 5px; line-height: 34px; font-size: 12px; color: #999999; }
.indexCont7 .indexRankList .sort span:nth-child(1) { padding-right: 34px; }
.indexCont7 .indexRankList .sort span:nth-child(2) { padding-right: 237px; }
.indexCont7 .indexRankList li a { display: block; padding-left: 67px; position: relative; }
.indexCont7 .indexRankList li a .rank { position: absolute; top: 0; bottom: 0; left: 17px; margin: auto; width: 24px; height: 30px; line-height: 30px; background-position: -679px -65px; text-align: center; font-size: 12px; color: #b6b6b6; }
.indexCont7 .indexRankList li a.ir1 { height: 54px; line-height: 54px; }
.indexCont7 .indexRankList li a.ir1 .name { width: 200px; font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; }
.indexCont7 .indexRankList li a .num { position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; font-size: 14px; color: #ff3333; }
.indexCont7 .indexRankList li a.ir2 { display: none; height: 84px; background: #f5f5f5; }
.indexCont7 .indexRankList li a.ir2 img { float: left; width: 70px; height: 70px; border-radius: 14px; margin: 7px 12px 0 0 ; }
.indexCont7 .indexRankList li a.ir2 .cont { float: left; width: 120px; white-space: nowrap; overflow: hidden; margin-top: 3px; }
.indexCont7 .indexRankList li a.ir2 .cont .name { line-height: 43px; font-size: 14px; color: #333333; }
.indexCont7 .indexRankList li a.ir2 .cont .down { width: 73px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; border-radius: 12px; text-align: center; background: linear-gradient(to right, #fe6506, #ee0d75); }
.indexCont7 .indexRankList li a.ir2 .cont .down i { display: inline-block; width: 12px; height: 12px; margin: 6px 2px 0 0; background-position: -721px -75px; }
.indexCont7 .indexRankList li a.ir2 .num { top:18px; }
.indexCont7 .indexRankList li:first-child a.ir1 { display: none; }
.indexCont7 .indexRankList li:first-child a.ir2 { display: block; }
.indexCont7 .indexRankList li:nth-child(1) .rank { background-position: -574px -66px; }
.indexCont7 .indexRankList li:nth-child(2) .rank { background-position: -609px -66px; }
.indexCont7 .indexRankList li:nth-child(3) .rank { background-position: -642px -66px; }
.indexCont8 { height: 145px; background: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 rgb(0 0 0 / 6%); position: relative; margin-bottom: 35px; }
.indexCont8 .friendlyLink{ float: left; height: 145px; line-height: 145px; text-align: center; font-size: 22px; color: #fff; font-weight: bold; width: 150px; background-color: #ea6161; border-radius: 8px 0 0 8px; background-position: -468px -662px; position: relative; }
.indexCont8 .friendlyLink .tri { position: absolute; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #ea6161; top: 69px; right: -16px; }
.friendly_swiper{width: 1000px;float: left;height: 130px;overflow: hidden;position: relative;margin: 10px 0 0 50px;}
.links_box{position: absolute;top: 0;left: 0;}
.links_box a{font-size: 14px;color: #5c5c5c;width: 175px;height: 44px;line-height: 44px; display: inline-block;*display: inline;*zoom: 1;}
.links_box a:hover{color: #f05874;}
.btnWrap{position: absolute;z-index: 5;right: 18px;top: 8px;width: 30px;}
.friendly_swiper .prevBtn, .friendly_swiper .nextBtn{float: left;position: static;width: 30px;height: 30px;border-radius: 50%; cursor: pointer;background-position: -749px -68px;}
.friendly_swiper .nextBtn{transform: rotate(180deg);margin-top: 50px;}
.friendly_swiper .prevBtn:hover{background-color: #ea6161;background-position: -610px -108px;}
.friendly_swiper .nextBtn:hover{background-color: #ea6161;background-position: -610px -108px;}

/* 游戏详情 */
.gdw1200{width:1200px;position: relative;background: #fff;border-radius: 8px;box-shadow: 0 1px 5px rgba(0, 0, 0, .06);margin: 52px auto 37px;}
.gd_l { width: 866px; float: left; }
.gd_l .gd1_l { height: 219px; position: relative; padding: 21px 0 0 26px; background: url(../images/gdbg2.jpg); background-size: cover; border-radius: 8px 0 0 0; }
.gd_l .gd1_l .horn { position: absolute; top: 0; left: 0; width: 25px; height: 30px; background-position: -376px -484px; }
.gd_l .gd1_l img { float: left; width: 182px; height: 182px; border-radius: 38px; margin: 7px 20px 0 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2); }
.gd_l .gd1_l .cont { float: left; width: 636px; }
.gd_l .gd1_l .cont .name { width: 100%; height: 52px; line-height: 52px; border-bottom: 1px dashed #e8e8e8; }
.gd_l .gd1_l .cont .name span { float: left; font-size: 24px; color: #333333; font-weight: bold; max-width: 400px; white-space: nowrap; overflow: hidden; }
.gd_l .gd1_l .cont .name .intro { float: left; width: 200px; line-height: 43px; font-size: 14px; color: #ec003e; margin: 9px 0 0 10px; font-weight: normal; }
.gd_l .gd1_l .cont .type { height: 20px; margin: 15px 0; }
.gd_l .gd1_l .cont .type a { float: left; height: 20px; line-height: 20px; padding: 0 3px 0 4px; background: #d7a9a4; font-size: 12px; color: #fff; margin-right: 5px; width: 20%;}
.gd_l .gd1_l .cont .time { height: 18px; font-size: 14px; color: #999999; }
.gd_l .gd1_l .cont .time em { color: #333333; padding-right: 40px; }
.gd_l .gd1_l .cont .gdDownBtn { margin-top: 20px; }
.gd_l .gd1_l .cont .gdDownBtn a, .gd_l .gd1_l .cont .gdDownBtn .orderBtn, .gd_l .gd1_l .cont .gdDownBtn .noBtn { float: left; width: 218px; line-height: 48px; height: 48px; font-size: 16px; color: #fff; border-radius: 24px; text-align: center; margin-right: 11px; cursor: pointer; }
.gd_l .gd1_l .cont .gdDownBtn a.androidBtn { background: linear-gradient(to right, #23c268, #25d973); box-shadow: 0 5px 8px 0 rgba(35, 194, 104, .25); }
.gd_l .gd1_l .cont .gdDownBtn a.androidBtn i { display: inline-block; width: 20px; height: 24px; background-position: -376px -527px; vertical-align: top; margin: 12px 9px 0 0; }
.gd_l .gd1_l .cont .gdDownBtn a.iosBtn { background: linear-gradient(to right, #2c4efd, #0490f9); box-shadow: 0 5px 8px 0 rgba(6, 143, 249, 0.25); }
.gd_l .gd1_l .cont .gdDownBtn a.iosBtn i { display: inline-block; width: 20px; height: 24px; background-position: -507px -526px; vertical-align: top; margin: 12px 9px 0 0; }
.gd_l .gd1_l .cont .gdDownBtn .orderBtn { background: linear-gradient(to right, #ffca00, #ffae00); box-shadow: 0 5px 8px 0 rgba(255, 202, 0, 0.3); }
.gd_l .gd1_l .cont .gdDownBtn .orderBtn i { display: inline-block; width: 24px; height: 24px; background-position: -419px -528px; vertical-align: top; margin: 12px 9px 0 0; }
.gd_l .gd1_l .cont .gdDownBtn .noBtn { background: #fff; box-shadow: 0 5px 8px 0 rgba(255, 203, 124, 0.25); border: 1px solid #f7d9aa; box-sizing: border-box; color: #ff9900; }
.gd_l .gd1_l .cont .gdDownBtn .noBtn i { display: inline-block; width: 22px; height: 22px; background-position: -465px -530px; vertical-align: top; margin: 13px 10px 0 0; }
.gd_l .gd1_l .cont .gdDownBtn a:hover, .gd_l .gd1_l .cont .gdDownBtn div:hover { opacity: .9; }
.gd_l .gd1_l .authority { position: absolute; right: 0; bottom: 30px; }
.gd_l .gd1_l .authority .report { width: 65px; height: 22px; line-height: 22px; font-size: 14px; color: #b7b7b7; text-align: center; border-radius: 12px; border: 1px solid #dadada; cursor: pointer; margin-bottom: 2px; }
.gd_l .gd1_l .authority .report i { display: inline-block; width: 16px; height: 18px; background-position: -416px -490px; vertical-align: top; margin: 2px 3px 0 0; }
.gd_l .gd1_l .authority .power { width: 65px; height: 20px; line-height: 20px; font-size: 12px; color: #b7b7b7; text-align: center; border-radius: 12px; border: 1px solid #dadada; cursor: pointer; }
.gd2_l .tab { height: 60px; margin: 0 0 37px 20px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .15); border-radius: 6px; position: relative; }
.gd2_l .tab li { float: left; width: 160px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #333333; cursor: pointer; }
.gd2_l .tab li.current { font-size: 20px; color: #ec003e; font-weight: bold; background:url(../images/icon.png) no-repeat;background-size:800px 800px; background-position: -140px -592px; }
.gd2_l .tab li:hover { font-size: 20px; color: #ec003e; font-weight: bold; }
.gd2_l .editComment { width: 820px; height: 42px; line-height: 42px; font-size: 14px; color: #ff9900; background: #f5f5f5; margin-left: 44px; border-radius: 8px; }
.gd2_l .editComment i { float: left; height: 30px; width: 40px; background-position: -604px -8px; position: relative; top: -12px; left: -20px; vertical-align: top; }
.gd2_l .editComment span { float: left; height: 44px; width: 54px; border-radius: 4px; text-align: center; background: #ffca00; color: #fff; font-size: 16px; padding-top: 10px; line-height: 17px; letter-spacing: 1px; position: relative; top: -10px; margin-right: 13px; box-shadow: 0 5px 8px 0 rgba(255, 202, 0, .3); }
.gd2_l .editComment p { float: left; max-width: 700px; white-space: nowrap; overflow: hidden; }
.gd_l .g_title { width: 96px; height: 52px; line-height: 52px; text-align: center; font-size: 24px; color: #676767; font-weight: bold; background-position: -718px -335px; margin-bottom: 4px; margin: 26px 0 0 20px; }
.gd3_l .hiddenDetail { height: 660px;overflow: hidden;position: relative;padding-top: 3px;margin-bottom: 13px;}
.gd3_l .hiddenDetail img { display: block;margin: 22px auto 12px;max-width: 638px;border-radius: 6px; }
.gd3_l .hiddenDetail h3 {width: 846px;margin: 27px 0 20px 24px; font-size: 18px; color: #ec003e;font-weight: bold; height: 24px;text-indent: 26px; border-bottom: 1px solid #f9adc1;position: relative; }
.gd3_l .hiddenDetail p{overflow: hidden;line-height: 30px; margin-left: 20px;width: 846px; color: #666666;font-size: 15px;letter-spacing: 1px;text-indent: 30px;}
.gd3_l .hiddenDetail p a{ text-decoration:underline;color:blue;}
.gd3_l .pack_up {width: 846px;height: 54px;line-height: 54px;font-size: 14px;color: #ff6c3f; background: url(../images/linear.png);margin-left: 20px;text-align: center;cursor: pointer;}
.gd3_l .pack_up>i {display: inline-block;width: 15px; height: 12px;background-position: -512px -492px;margin-left: 5px;transform: rotate(180deg); }
.gd3_l .pack_up>i.up {transform: rotate(0);}
.gd3_l .hiddenDetail .linear { position: absolute; height: 40px; bottom: 0; width: 100%; background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%); }
.gd3_l .hiddenDetail h3::before { content: ""; position: absolute; left: -6px; top: 0; width: 12px; height: 25px; background:url(../images/icon.png) no-repeat;background-size:800px 800px; background-position: -560px -484px; }
.gd4_l .g_title { margin: 7px 0 14px 20px; background-position: 8px -613px; }
/* banner图 */
.gd4_l .showImg {width: 781px;height: 431px;padding:22px 32px 0 33px;background-color: #f5f5f5;border-radius: 8px;margin-left: 20px;}
.gd4_l .swiperCont {width: 100%;height: 339px; margin-left: auto; margin-right: auto;border-radius: 8px;}
.gd4_l .swiper-slide {position: relative;text-align: center;}
.gd4_l .gallery-top .swiper-slide video{position: relative;}
.gd4_l .gallery-top .swiper-slide>div{width: 100%;height: 100%;}
.gd4_l .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;}
.gd4_l .gallery-top .swiper-slide>div img{width: 100%; opacity: 0.9;-o-object-fit: cover;object-fit: cover;-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
.gd4_l .gallery-top .swiper-slide>img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 339px;width: auto;opacity: 1;}
.gd4_l .gallery-top {width: 781px;height: 339px;position: relative;}
.gd4_l .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;}
.gd4_l .showImg .gallery-thumbs {width: 781px;height: 62px;padding: 10px 0 12px;border-radius: 0;}
.gd4_l .showImg .gallery-thumbs .swiper-slide {opacity: 0.8;text-align: center;width: 122px!important;height: 62px;border-radius: 6px;}
.gd4_l .showImg .gallery-thumbs .swiper-slide>div{overflow: hidden;width: 122px!important;height: 62px;border-radius: 6px;}
.gd4_l .showImg .gallery-thumbs .swiper-slide img{width: 100%;height:auto;min-height: 62px;}
.gd4_l .showImg .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.gd4_l .showImg .gallery-thumbs .swiper-slide-thumb-active{border: 3px solid #fe6604;width: 122px;height: 62px;position: relative;top: -3px;}
.gd4_l .showImg .gallery-thumbs .swiper-slide-thumb-active::before { position: absolute; content: ""; width: 0; height: 0; border-width: 7px; border-color: transparent transparent #fe6604 transparent; border-style: solid; top: -17px; left: 54px; }
.gd4_l .showImg .gallery-thumbs .swiper-slide-thumb-active img{width: 100%;height: auto;min-height: 62px;}
.gd4_l .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: linear-gradient(to right, #fe6604, #ee0d75) !important;border-radius: 4px;}
.gd4_l .swiper-pagination {border-radius: 4px;}
.gd4_l .swiper-slide-thumb-active {border: 3px solid #fe6604 !important;border-radius: 4px;display: block;}
.gd4_l .btnPrev, .gd4_l .btnNext { position: absolute; right: 0; width: 40px; height: 60px; z-index: 99; background:url(../images/icon.png) no-repeat;background-size:800px 800px; background-position: -343px -592px; }
.gd4_l .btnPrev { left: 0; transform: rotate(180deg); }
.gd4_l .btnPrev:hover, .gd4_l .btnNext:hover { opacity: .8; }
.gd5_l p { margin-left: 25px; font-size: 15px; color: #666666; line-height: 34px; float: left; width: 392px; white-space: nowrap; overflow: hidden; }
.gd5_l p span { color: #ec003e; }
.gd5_l .msg { width: 846px; height: 122px; background: #f4f4f4; border-radius: 10px; padding-top: 18px; margin: 0 0 8px 20px; }
.gd6_l { position: relative; }
.gd6_l .g_title, .gd7_l .g_title{ height: 42px; position: relative; background-position: -707px -532px; }
.gd7_l .g_title { background-position: -710px -231px; }
.gd6_l .g_title .more { position: absolute; top: 1px; right: -747px; font-size: 9px; color: #c2c2c2; }
.gd6_l .g_title .more em { color:#ed3e61; }
.gd6_l .gradientBar, .gd7_l .gradientBar{ height: 20px; margin-left: 20px; background: linear-gradient(to bottom, #f8f8f8, #ffffff); }
.gd6_l ul { width: 823px; height: 132px; border: 1px dashed #dddddd; margin: 0 0 7px 20px; padding-left: 20px; }
.gd6_l ul li { float: left; margin: 19px 20px 0 0; }
.gd6_l ul li:last-child { margin-right: 0; }
.gd6_l ul li a { display: block; }
.gd6_l ul li a img { width: 72px; height: 72px; border-radius: 16px; }
.gd6_l ul li a .name { width: 72px; font-size: 12px; line-height: 30px; color: #333333; text-align: center; white-space: nowrap; overflow: hidden; }
.gd6_l ul li:hover a .name { color: #ed3e61; }
.gd6_l .hotLab { position: absolute; width: 48px; height: 48px; top: 63px; left: 21px; background-position: -599px -481px; }
.gd7_l { position: relative; }
.gd7_l .recommendBox { position: absolute; font-size: 16px; color: #666666; line-height: 30px; right: 0; top: 11px; }
.gd7_l .recommendBox span { display: inline-block; height: 26px; line-height: 26px; border: 1px solid #ededed; text-align: center; padding: 0 10px; font-size: 14px; color: #333333; cursor: pointer; margin-right: 14px; }
.gd7_l .recommendBox span.current { color: #fff; border-color: #ec003e; background: #ec003e; }
.gd7_l .recommendBox span:hover { color: #fff; border-color: #ec003e; background: #ec003e; }
.gd7_l .gameBox { display: none; padding: 0 0 18px 20px; }
.gd7_l .type_0 { display: block; }
.gd7_l .gameIntro { height: 136px; width: 846px;margin-bottom: 15px; position: relative; }
.gd7_l .gameIntro img { float: left; width: 277px; height: 135px; border-radius: 8px; margin-right: 21px; }
.gd7_l .gameIntro .name { float: left; width: 400px; height: 36px; line-height: 36px; font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 9px; }
.gd7_l .gameIntro .txt { float: left; width: 546px; line-height: 26px; font-size: 14px; color: #666666; display: -webkit-box; text-overflow: ellipsis; overflow : hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.gd7_l .gameIntro .num { position: absolute; width: 74px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; top: -7px; left: 4px; text-align: center; background: #f76341; }
.gd7_l .gameBox li { float: left; position: relative; }
.gd7_l .gameBox li a { float: left; width: 263px; height: 79px; border-radius: 10px; padding: 10px 0 0 9px; margin: 0 15px 21px 0; }
.gd7_l .gameBox li:nth-child(3n) a { margin-right: 0; }
.gd7_l .gameBox li a img { float: left; width: 70px; height: 70px; border-radius: 14px; margin-right: 10px; }
.gd7_l .gameBox li a .cont { float: left; width: 130px; white-space: nowrap; overflow: hidden; }
.gd7_l .gameBox li a .cont .name { font-size: 12px; color: #434343; line-height: 28px; }
.gd7_l .gameBox li a .cont .size { font-size: 11px; color: #9c9c9c; line-height: 19px; }
.gd7_l .gameBox li a .cont .type { font-size: 12px; color: #9c9c9c; line-height: 32px; }
.gd7_l .gameBox li a i.down { display: none; float: right; width: 28px; height: 28px; border-radius: 50%; margin: 21px 19px 0 0; background-position: -552px -525px; }
.gd7_l .gameBox li a:hover { background: #fef5f7; }
.gd7_l .gameBox li a:hover .cont .name { color: #ee3f62; }
.gd7_l .gameBox li a:hover .down { display: block; }
.gd7_l .gameIntro .more { position: absolute; top: 15px; right: 4px; font-size: 12px; color: #333333; font-weight: bold; }
.gd7_l .gameIntro .more em { color:#ed3e61; }
.gd_r { float: right; width: 275px; padding: 28px 20px 0 0; }
.gd_r .Title { width: 276px; height: 52px; line-height: 52px; color: #4b4b4b; font-size: 20px; font-weight: bold; border-bottom: 1px solid #f2f2f2; }
.gd_r .Title i { display: inline-block; width: 22px; height: 28px; background-position: -172px -13px; vertical-align: top; position: relative; top: 13px; margin-right: 7px; }
.gd_r .more { display: block; width: 275px; height: 34px; line-height: 34px; border-radius: 4px; background: #f2f2f2; font-size: 14px; color: #888888; text-align: center; }
.gd_r .more i { display: inline-block; width: 7px; height: 12px; background-position: -263px -21px; margin-left: 5px; position: relative; top: 2px; }
.gd_r .more:hover { background-color: #ec003e; color: #fff; }
.gd_r .more:hover i { background-position: -334px -117px; }
.gd_r .tablist { width: 275px; height: 52px; background-position: -115px -669px; }
.gd_r .tablist div.down { float: left; width: 123px; height: 52px; line-height: 52px; color: #fff; font-size: 20px; text-align: center; margin-right: 36px; cursor: pointer; }
.gd_r .tablist div.new { float: left; width: 116px; height: 52px; font-size: 20px; line-height: 52px; color: #fff; text-align: center; cursor: pointer; }
.gd_r .tablist div.current { font-weight: bold; }
.gd_r .tablist div i { width: 24px; height: 24px; background-position: -464px -484px; vertical-align: top; margin: 16px 0 0 8px; display: none; }
.gd_r .tablist div.current i { display: inline-block; }
.gd_r .gd1_r .gradientBar { height: 22px; background: linear-gradient(to bottom, #f3f3f3, #ffffff); }
.gd_r .gd1_r ul li a { display: block; height: 84px; padding:22px 0; border-bottom: 1px dashed #eaeaea; position: relative; }
.gd_r .gd1_r ul li:first-child a { padding-top: 4px; }
.gd_r .gd1_r ul li:last-child a { border-bottom: none; }
.gd_r .gd1_r ul li a img { float: left; width: 84px; height: 84px; border-radius: 20px; margin-right: 15px; }
.gd_r .gd1_r ul li a .cont { float: left; width: 160px; white-space: nowrap; overflow: hidden; }
.gd_r .gd1_r ul li a .cont .name { line-height: 18px; font-size: 16px; color: #333333; }
.gd_r .gd1_r ul li a .cont .type { line-height: 32px; font-size: 14px; color: #888888; margin-bottom: 5px; }
.gd_r .gd1_r ul li a .cont .down { width: 66px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #ec003e; border: 1px solid #ffb3b3; border-radius: 12px; }
.gd_r .gd1_r ul li a .rank { position: absolute; top: 22px; left: 0; width: 36px; height: 16px; line-height: 16px; text-align: center; font-size: 9px; color: #fff; background: #666666; border-radius: 2px; }
.gd_r .gd1_r ul li:nth-child(1) a .rank { top: 4px; background: #ff5a00; }
.gd_r .gd1_r ul li:nth-child(2) a .rank { background: #4ac0d1; }
.gd_r .gd1_r ul li:nth-child(3) a .rank { background: #f9c85b; }
.gd_r .gd1_r ul li:hover a .name { color: #ec003e; }
.gd_r .gd1_r ul li:hover a .down { border: none; width: 68px; height: 24px; color: #fff; background: linear-gradient(to right, #fe6506, #ee0d74); }
.gd_r .gd2_r { padding: 25px 0 11px; }
.gd_r .gd2_r li { float: left; margin: 0 32px 7px 0; }
.gd_r .gd2_r li:nth-child(3n) { margin-right: 0; }
.gd_r .gd2_r ul { margin-top: 23px; }
.gd_r .gd2_r li a { display: block; width: 70px; height: 109px; }
.gd_r .gd2_r li a img { display: block; width: 70px; height: 70px; border-radius: 14px; }
.gd_r .gd2_r li a .name { line-height: 40px ; font-size: 14px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gd_r .gd2_r li:hover a .name { color: #ec003e; }
.gd_r .gd2_r .Title { width: 276px; height: 52px; line-height: 52px; color: #4b4b4b; font-size: 20px; font-weight: bold; border-bottom: 1px solid #f2f2f2; }
.gd_r .gd2_r .Title i { background-position: -709px -8px; width: 26px; }
.gd_r .gd3_r .Title i { background-position: -664px -12px; top: 16px; }
.gd_r .gd3_r ul { margin-top: 17px; }
.gd_r .gd3_r ul li a { display: block; width: 275px; height: 151px; border-radius: 6px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15); margin-bottom: 15px; }
.gd_r .gd3_r ul li a img { display: block; width: 275px; height: 118px; border-radius: 6px 6px 0 0; }
.gd_r .gd3_r ul li a .name { width: 275px; line-height: 33px; font-size: 14px; color: #4b4b4b; text-align: left; text-indent: 12px; white-space: nowrap; overflow: hidden; }
.gd_r .gd3_r ul li a:hover .name { color: #ec003e; }

/* add */
.gd_l .gd1_l .cont .time em{display: inline-block;max-width: 166px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;top: 5px;}
.ico{background:url(../images/qicon.png) no-repeat;background-size:500px 460px;}
.pc{background-color: #a286c0;}
.pc i { display:inline-block;background-position: -20px -130px;width: 26px;height: 19px;position: relative;top: 4px;margin-right: 10px;}
.txBtn{background-color: #9c7ebb;position: relative;width: 220px;height: 48px;line-height: 48px;font-size:18px;color: #fff;text-align: center;cursor: pointer;position: relative;}
.txBtn p{position: absolute;display: block;top:0px;right: 2px;border-top-right-radius: 20px;border-bottom-left-radius: 3px;background-color: rgba(0,0,0,.2);line-height: 20px;padding: 0 6px 0 3px;font-size: 12px;color: #F1F1F1;}
.txBtn.pc i{position: absolute;width: 20px;height: 18px;background-position: -68px -130px;left: 16px;display: inline-block;top: 16px;}

/* order */
.orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox{position: absolute;z-index: 5;top: 310px;left: 0;right: 0;margin: auto;background-color: #fff;width: 486px;border-radius: 10px;text-align: center;}
.orderBox .oClose{position: absolute;top: -80px;right: 38px;z-index: 10;}
.orderBox .oClose i{display: inline-block;width: 46px;height: 80px;background-position: -22px -14px;;position: relative;}
.orderBox .oTitle{width: 100%;height: 139px;background-image: url(../images/orderbg.png);background-size: 100% 100%;text-align: center;font-size: 24px;border-radius: 10px;color: #fff;}
.orderBox .oTitle i{display:block;width: 36px;height: 36px;background-position: -91px -17px;position: relative;top: 42px;margin: 0 auto;}
.orderBox .oTitle p{margin-top: 50px;font-size: 24px;color: #fff;font-weight: 500;line-height: 32px;white-space: nowrap;overflow: hidden;}
.orderBox form .tel{width:384px;border:1px solid #c2c2c2;background-color:#fff;color:#999;font-size:14px;border-radius:6px;padding:0 10px;line-height: 40px;margin: 36px auto 6px;overflow: hidden;white-space: nowrap;}
.orderBox form p{ color:#666;font-size:16px;line-height: 24px;margin-top: 20px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#cc0000;}
.orderBox form span{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{cursor: pointer;width:220px;border: 0;background-color:#ffa622;color:#fff;font-size:20px;border-radius:8px;line-height: 40px;margin: 26px auto 60px;overflow: hidden;white-space: nowrap; }
.orderBox .msg{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;}
.orderBox .oKnow{display: block;cursor: pointer;width:220px;border: 0;background-color:#ffb800;color:#fff;font-size:20px;border-radius:8px;line-height: 40px;margin: 36px auto;overflow: hidden;white-space: nowrap; }
.orderBox .oWin{width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oWin p{font-size:18px;color: #141414;font-weight: 500;line-height: 36px;margin-bottom: 26px;}
.orderBox .oWin i{display:inline-block;width: 167px;height: 101px;background-position: -329px -308px;position: relative;}
.orderBox .oLose{width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oLose p{font-size:18px;color: #141414;font-weight: 500;line-height: 36px;margin-bottom: 26px;}
.orderBox .oLose i{display:inline-block;width: 167px;height: 101px;background-position: -329px -151px;position: relative;}
.orderBox .oAgin{width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oAgin p{font-size:18px;color: #141414;font-weight: 500;line-height: 36px;margin-bottom: 26px;}
.orderBox .oAgin i{display:inline-block;width: 153px;height: 101px;background-position: -329px -12px;position: relative;}


/* feedback */
.feedBack{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.feBaBox{position: fixed;z-index: 15;top: 160px;left: 0;right: 0;margin: auto;background-color: #fff;width: 486px;border-radius: 10px;}
.feBaClose{position: absolute;top: -80px;right: 38px;z-index: 10;cursor: pointer;}
.feBaClose i{display: inline-block;width: 46px;height: 80px;background-position: -22px -14px;position: relative;}
.feHead{height: 28px;line-height: 28px;font-size: 28px;color: #333;text-align: center;margin-top: 30px;}

.feBack{margin: 0 26px 5px;}
.feBack p{font-size: 16px;color: #898989;margin: 22px 0 16px;}
.feBack .info{border: 1px solid #dfe2e6;border-radius: 10px;}
.feBack .info p{font-size: 16px;color: #303030;line-height: 88px;border-bottom: 1px solid #dfe2e6;}
.feBack textarea{width: 410px;height: 68px;border: none;resize:none;background: #edf1f5;padding-left: 2px;padding: 12px;font-size: 14px;color: #454545;}

.checkbox {position: relative;height: 42px;line-height: 42px;border-bottom: 1px solid #dfe2e6;}
.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: 42px;line-height: 42px;width: 420px;font-size: 14px;color: #303030;text-align: left;padding-left: 10px;}
.checkbox label:after {content: '';position: absolute;right: 10px;top: 11px;width: 12px;height: 12px;border: 4px solid #fff;border-radius: 50%;box-shadow: 0 0 0 1px #ddd ;}
.checkbox input[type='checkbox']:checked + label:after {background-color: #ec003e}
.telBox{height: 48px;line-height: 48px;margin: 0 26px;overflow: hidden;}
.telBox span{font-size: 14px;color: #00121a;}
.telBox input{border: none;height: 28px;width: 180px;float: right;font-size:12px;padding-left: 12px;margin-top: 10px;border: 1px solid #cecece;border-radius: 2px;}
.telBox input::-webkit-input-placeholder {color: #888;}
.telBox input:-moz-placeholder { color: #888;}
.telBox input::-moz-placeholder { color: #888;}
.telBox input:-ms-input-placeholder { color: #888;}
.feSubmit input{font-size: 16px;margin: 16px 26px 46px;width: 432px;height: 48px;line-height: 48px;text-align: center;color: #fff;border: none;border-radius: 24px;background-color: #ec003e;}
.feSubmit input:hover{opacity: .96;}

/* rule */
.aRule{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.aSure{width: 190px;height: 40px;font-size: 16px;font-weight: 600;color: #fff;background: #fdbc4c;text-align: center;line-height: 40px;border-radius: 20px;display: block;margin: 20px auto;cursor: pointer;}
.ruleTxt{width: 1200px;height: 780px;background: #fff;border-radius: 10px;position: fixed;z-index: 15;top: 8%;left: 0;right: 0;margin: auto;}
.ruleTxt>p:nth-of-type(1){font-size: 20px;line-height: 20px;font-weight: 600;color: #363636;text-align: center;margin-top: 40px;}
.ruleTxt>p:nth-of-type(2){font-size: 14px;line-height: 14px;color: #666;text-align: right;margin: 10px 45px 20px;}
.ruleMain{width: 1110px;height: 600px;border: 1px solid #d2d2d2;border-radius: 20px;margin: 0 auto;overflow: auto;}
.ruleMain p{margin-left: 25px;margin-top: 25px;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 30px;}
.aRule i{display: inline-block; width: 36px; height: 54px; background-position: -151px -18px;position: absolute;right: 6px; top:-52px;cursor: pointer;}
a.logo img{
    max-width: 170px;
    max-height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
}