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: 0px; padding: 0px; }
fieldset, img { border: 0px; }
:focus { outline: 0px; }
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: 0px; 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 { }
body { line-height: 1.5; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0px; }
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: none; }
* { margin: 0px; padding: 0px; }
body, html { overflow: hidden auto; }
.clearfix { margin-right: auto; margin-left: auto; }
.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: 0px; font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, SimSun, "Hiragino Sans GB", sans-serif; font-size: 14px; line-height: 20px; color: rgb(51, 51, 51); position: relative; }
html, body { width: 100%; min-width: 1200px; margin: 0px auto; overflow-x: hidden; min-height: 1000px; background-color: rgb(242, 242, 242); }
button, input, select, textarea, th { background: rgb(255, 255, 255); font-size: 12px; line-height: 1.5em; font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, SimSun, "Hiragino Sans GB", sans-serif; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:hover, a:focus { transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms; }
.rotate360:hover { transform: rotate(360deg); }
a:hover { color: rgb(255, 186, 37); }
.rotate360 { transition: all 0.5s ease-in-out 0s; }
.cx { overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.h20 { width: 100%; height: 20px; }
.hide { display: none; }
a, img { cursor: pointer; }
img { vertical-align: top; border: 0px; }
.bg { background-color: rgb(255, 255, 255); }
.icon { background: url("../images/icon.png") 0% 0% / 800px 800px no-repeat; display: inline-block; }
.ye1200 { width: 1200px; margin: 0px auto; }
.mr0 { margin-left: 0px !important; margin-right: 0px !important; }
header { height: 132px; background: url("../images/logobg.jpg") center center no-repeat; }
header .logo {width: 109px;height: 43px;display: block;float: left;margin: 15px 0px 0px 30px;}
header ul {margin-left: 52px;float: left;}
header ul li { width: 78px; height: 103px; float: left; position: relative; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; margin-right: 31.5px; }
header ul li a { font-size: 18px; color: rgb(153, 153, 153); text-align: center; display: block; position: relative; z-index: 2; height: 100%; width: 100%; }
header ul li p { display: inline-block; font-size: 18px; color: rgb(1, 0, 0); font-weight: 600; line-height: 18px; margin-top: 62px; }
header ul li.current, header ul li:hover { background-color: rgb(255, 186, 37); box-shadow: rgba(255, 186, 37, 0.6) 1.5px 0px 28px; }
header ul li.current a, header ul li:hover a { color: rgb(255, 255, 255); }
header ul li.current p, header ul li:hover p { color: rgb(255, 255, 255); }
header ul li:nth-child(1) i { width: 28px; height: 28px; background-position: -1px 0px; position: absolute; top: 26px; left: 24px; }
header ul li:nth-child(1):hover i, header ul li:nth-child(1).current i { background-position: -1px -32px; }
header ul li:nth-child(2) i { width: 28px; height: 28px; background-position: -33px 0px; position: absolute; top: 26px; left: 24px; }
header ul li:nth-child(2):hover i, header ul li:nth-child(2).current i { background-position: -33px -32px; }
header ul li:nth-child(3) i { width: 26px; height: 28px; background-position: -64px 0px; position: absolute; top: 26px; left: 24px; }
header ul li:nth-child(3):hover i, header ul li:nth-child(3).current i { background-position: -64px -32px; }
header ul li:nth-child(4) i { width: 29px; height: 28px; background-position: -93px 0px; position: absolute; top: 26px; left: 24px; }
header ul li:nth-child(4):hover i, header ul li:nth-child(4).current i { background-position: -93px -32px; }
header ul li:nth-child(5) i { width: 27px; height: 28px; background-position: -126px 0px; position: absolute; top: 26px; left: 24px; }
header ul li:nth-child(5):hover i, header ul li:nth-child(5).current i { background-position: -126px -32px; }
header ul li:nth-child(6) i { width: 29px; height: 28px; background-position: -158px 0px; position: absolute; top: 26px; left: 24px; }
header ul li:nth-child(6):hover i, header ul li:nth-child(6).current i { background-position: -158px -32px; }
.setbox { width: 240px; height: 54px; float: right; margin-top: 30px; border-radius: 20px;  }
.setbox span { width: 48px; height: 48px; background: rgb(37, 36, 41); border-radius: 20px; display: inline-block; float: right; margin: 3px; cursor: pointer; margin-top: 33px;}
.setbox span i { width: 18px; height: 18px; vertical-align: middle; float: right; margin-top: 15px; margin-right: 15px; background-position: -245px 0px; }
.setbox input {
width: 172px;
    height: 54px;
    background: rgb(255, 255, 255);
    float: left;
    margin-top: 30px;
    border-radius: 20px;
    border: 1px solid rgb(232, 232, 232);
	line-height: 56px;
    border-radius: 20px;
    font-size: 14px;
	    padding-left: 10px;
}
footer { width: 100%; height: 130px; color: rgb(153, 153, 153); font-size: 14px; background-color: rgb(20, 20, 20); text-align: center; padding-top: 30px; }
footer p { color: rgb(153, 153, 153); font-weight: 400; margin-top: 20px; }
footer p a { color: rgb(153, 153, 153); margin: 0px 10px; font-weight: 400; }
footer p:nth-child(2) { color: rgb(102, 102, 102); }
footer p:nth-child(3) { margin-top: 10px; color: rgb(102, 102, 102) !important; }
footer p:nth-child(3) a { color: rgb(102, 102, 102); }
footer p:nth-child(3) a:hover { color: rgb(255, 186, 37); }
footer p:nth-of-type(2) a { margin: 0px; }
.back_to_top { width: 50px; height: 50px; position: fixed; right: 50%; margin-right: -660px; bottom: 3.85%; z-index: 99; cursor: pointer; display: none; }
.back_to_top i { display: block; width: 50px; height: 50px; background-position: -676px 0px; }
.back_to_top:hover i { opacity: 0.72; }
.indexbg { width: 100%; height: 553px; background: url("../images/indexbg.png") center center no-repeat; }
.topgame { overflow: hidden; margin-top: -553px; position: relative; z-index: 2; }
.topgame .list { margin: 30px 224px 0px 24px; height: 152px; position: relative; overflow: hidden; }
.topgame .list ul { position: absolute; }
.topgame .list ul li { float: left; margin-right: 22px; }
.topgame .list ul li:nth-last-child(1) { margin-right: 0px; position: relative; }
.topgame .list ul li img { width: 110px; height: 110px; border-radius: 30px; border: 2px solid rgb(254, 212, 162); }
.topgame .list ul li:hover img { opacity: 0.9; }
.topgame .list ul li i { width: 70px; height: 61px; display: inline-block; background-position: -358px 0px; position: absolute; left: 0px; top: 0px; z-index: 3; }
.topgame .list ul li p { font-size: 16px; color: rgb(51, 51, 51); text-align: center; width: 112px; display: block; white-space: nowrap; overflow: hidden; line-height: 18px; margin-top: 20px; }
.topgame .list ul li:hover p { color: rgb(233, 68, 62); }
.lrsub { position: absolute; right: 30px; top: 166px; height: 30px; }
.lrsub i:nth-child(1) { width: 30px; height: 30px; display: inline-block; background-position: -275px 0px; margin-right: 15px; cursor: pointer; }
.lrsub i:nth-child(1):hover { background-position: -275px -41px !important; }
.lrsub i:nth-child(2) { width: 30px; height: 30px; display: inline-block; background-position: -312px 0px; cursor: pointer; }
.lrsub i:nth-child(2):hover { background-position: -312px -41px !important; }
.topgame > .info { position: absolute; right: 28px; top: 58px; }
.topgame > .info a { float: left; }
.topgame > .info a:nth-child(1) { z-index: 6; position: relative; }
.topgame > .info a:nth-child(2) { margin-left: -28px; position: relative; z-index: 5; }
.topgame > .info a:nth-child(3) { margin-left: -28px; position: relative; z-index: 4; }
.topgame > .info a:nth-child(4) { margin-left: -28px; position: relative; z-index: 3; width: 64px; display: block; background: rgb(225, 225, 225); height: 65px; border-radius: 10px; }
.topgame > .info a p { color: rgb(84, 84, 84); font-size: 12px; width: 12px; display: block; float: right; line-height: 14px; margin-right: 14px; margin-top: 5px; }
.topgame > .info img { width: 65px; height: 65px; border-radius: 10px; border-right: 4px solid rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; }
.topgame > .info a img:hover { transform: scale(1.1); }
.topgame > .info a:nth-child(1):hover { z-index: 6; }
.topgame > .info a:nth-child(2):hover { z-index: 7; }
.topgame > .info a:nth-child(3):hover { z-index: 8; }
.topzt { margin: 28px 25px 30px; overflow: hidden; height: 36px; }
.topzt a { float: left; border: 1px solid rgba(255, 255, 255, 0.3); padding: 0px 24px; height: 34px; color: rgb(255, 255, 255); font-size: 16px; display: block; line-height: 36px; border-radius: 20px; margin-right: 10px; }
.topzt a:hover { color: rgb(233, 68, 62); }
.bannerbox { }
.indexRec { height: 380px; max-height: 380px; overflow: hidden; width: 865px; float: left; margin-left: 25px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; border-radius: 20px; }
.indexRecL { width: 865px; height: 380px; position: relative; overflow: hidden; border-radius: 20px; }
.indexRecL ul { position: relative; border-radius: 20px; overflow: hidden; }
.indexRecL li { width: 865px; height: 380px; float: left; position: relative; }
.indexRecL li img { width: 865px; height: 380px; border-radius: 20px; opacity: 0.9;object-fit: cover; }
.indexRecL .text { display: block; width: 817px; position: absolute; bottom: 0px; padding: 40px 24px 19px; font-size: 16px; color: rgb(255, 255, 255); overflow: hidden; white-space: nowrap; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0)); }
:root .indexRecL .text { filter: none; }
.indexRecL .dot { width: 216px; position: absolute; bottom: 0px; right: 0px; z-index: 10; }
.indexRecL .dot div { padding-right: 5px; float: right; }
.indexRecL .dot i { display: block; width: 54px; height: 54px; overflow: hidden; float: left; cursor: pointer; background: rgb(43, 43, 43); font-size: 16px; color: rgb(255, 255, 255); font-weight: 600; text-align: center; line-height: 54px; }
.indexRecL .dot i:nth-child(1) { border-top-left-radius: 20px; background: rgba(43, 43, 43, 0.1) !important; }
.indexRecL .dot i:nth-child(2) { background: rgba(43, 43, 43, 0.3) !important; }
.indexRecL .dot i:nth-child(3) { background: rgba(43, 43, 43, 0.6) !important; }
.indexRecL .dot i:nth-child(4) { background: rgba(43, 43, 43, 0.9) !important; }
.indexRecL .dot i:nth-last-child(1) { border-bottom-right-radius: 20px; }
.indexRecL .dot i.current { color: rgb(255, 186, 37); background: rgba(102, 102, 102, 0.5) !important; }
.daygame { float: right; width: 270px; margin-right: 25px; }
.daygame .daygamei { width: 270px; height: 63px; background: url("../images/todayrec.png") no-repeat; margin-top: -7px; }
.daygame .box { width: 266px; height: 322px; background: url("../images/mh1.png") no-repeat; margin-left: 4px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; }
.daygame .box > img { width: 238px; height: 148px; display: block; border-radius: 10px; margin: 17px 14px 0px; }
.daygame .box .info { position: relative; }
.daygame .box .info img { width: 62px; height: 62px; display: block; border-radius: 10px; border: 1px solid rgb(255, 255, 255); position: absolute; left: 28px; top: -32px; }
.daygame .box .info p { font-size: 16px; color: rgb(255, 255, 255); font-weight: 600; white-space: nowrap; overflow: hidden; width: 140px; display: block; position: absolute; left: 102px; top: 8px; }
.daygame .box .info span { font-size: 14px; color: rgb(153, 153, 153); position: absolute; left: 30px; top: 45px; }
.daygame .box .info span i { width: 16px; height: 18px; background-position: -246px -28px; display: inline-block; margin-right: 6px; vertical-align: sub; }
.daygame .box .info em { width: 203px; height: 45px; background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); box-shadow: rgba(254, 200, 12, 0.5) 0px 2px 10px 0px; border-radius: 23px; color: rgb(255, 255, 255); font-size: 16px; line-height: 45px; text-align: center; display: block; position: absolute; left: 32px; top: 86px; }
.topnew { overflow: hidden; margin: 30px 24px 0px; }
.topnew_l { float: left; margin-right: 20px; }
.topnew_l .box { height: 85px; width: 378px; background: rgb(247, 247, 247); border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 20px; }
.topnew_l .box .info { width: 210px; height: 85px; float: left; }
.topnew_l .box .info p { font-size: 15px; line-height: 18px; color: rgb(51, 51, 51); margin: 10px 15px 0px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.topnew_l .box:hover .info p { color: rgb(233, 68, 62); }
.topnew_l .box .info span { display: block; width: 50px; height: 18px; background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); opacity: 0.5; border-radius: 9px; color: rgb(255, 255, 255); font-weight: 600; text-align: center; line-height: 18px; position: absolute; left: 15px; bottom: 9px; }
.topnew_l .box:hover .info span { background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); opacity: 1; }
.topnew_l .box .info span i { width: 4px; height: 8px; display: inline-block; background-position: -246px -50px; margin-left: 2px; }
.topnew_l .box:nth-child(2) .info span { left: 180px; }
.topnew_l .box a > img { width: 166px; height: 85px; display: block; float: left; }
.topnew_l .box a > i { width: 10px; height: 27px; display: block; background-position: -263px -63px; position: absolute; top: 30px; right: 158px; }
.topnew_l .box:nth-child(2) a > i { background-position: -248px -63px; right: 0px; left: 156px; }
.topnew_c { float: left; }
.topnew_c ul { }
.topnew_c ul li { overflow: hidden; margin-bottom: 23.5px; }
.topnew_c ul li img { width: 56px; height: 56px; border-radius: 10px; display: block; float: left;object-fit: cover;}
.topnew_c ul li .info { float: left; width: 300px; margin-left: 18px; }
.topnew_c ul li .info p:nth-child(1) { font-size: 19px; color: rgb(233, 68, 62); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 280px; line-height: 20px; margin-top: 6px; }
.topnew_c ul li:hover .info p:nth-child(1) { color: rgb(233, 68, 62); }
.topnew_c ul li .info p:nth-child(2) { font-size: 14px; color: rgb(73, 73, 73); white-space: nowrap; overflow: hidden; width: 280px; line-height: 16px; margin-top: 4px; }
.topnew_r { float: left; margin-left: 20px; }
.topnew_r ul { position: relative; }
.topnew_r ul li { position: relative; overflow: hidden; line-height: 20px; }
.topnew_r ul li::before { content: ""; position: absolute; z-index: 3; width: 6px; height: 6px; background: rgb(255, 255, 255); border-radius: 50%; left: 1.5px; top: 15px; border: 1px solid rgb(255, 186, 37); }
.topnew_r ul li a { margin-left: 10px; display: block; overflow: hidden; }
.topnew_r ul li p { font-size: 15px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; width: 333px; text-overflow: ellipsis; line-height: 37px; margin-left: 8px;}
.topnew_r ul li:hover p { color: rgb(233, 68, 62); }
.topnew_r .line { position: absolute; left: 5px; top: 20px; width: 1px; background: rgb(247, 247, 247); height: 260px; }
.indexar { overflow: hidden; }
.indextit { position: relative; margin: 0px 0px 0px 25px; display: flow-root; }
.indextit em { font-size: 24px; color: rgb(51, 51, 51); margin: 36px 20px 30px; line-height: 24px; }
.indextit p { font-size: 30px; font-weight: 600; color: rgb(51, 51, 51); line-height: 32px; margin-top: 20px; float: left; }
.indextit span { font-size: 60px; font-weight: 600; color: rgba(51, 51, 51, 0.08); display: block; line-height: 60px; position: absolute; left: 0px; top: 0px; user-select: none; }
.indextit a { width: 98px; height: 28px; background: rgb(255, 255, 255); border: 1px solid rgb(255, 246, 220); box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px; border-radius: 14px; display: block; float: right; margin-top: 16px; margin-right: 29px; font-size: 14px; color: rgb(255, 153, 0); text-align: center; line-height: 28px; }
.indextit a:hover { box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px; }
.indexar ul { margin: 40px 25px 0px; }
.indexar ul li { width: 144px; float: left; margin-right: 56px; margin-bottom: 42px; }
.indexar ul li:nth-child(6n) { margin-right: 0px; }
.indexar ul li img { width: 144px; height: 144px; display: block; border-radius: 38px;object-fit: cover;}
.indexar ul li:hover img { opacity: 0.9; }
.indexar ul li p { font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-align: center; line-height: 30px; height: 30px; display: block; margin-top: 24px; text-overflow: ellipsis;}
.indexar ul li:hover p { color: rgb(255, 255, 255); background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 15px; }
.gamenav { margin: 0px 25px; }
.gamenav ul { margin-top: 38px; }
.gamenav ul li { float: left; font-size: 16px; color: rgb(102, 102, 102); width: 115px; position: relative; text-align: center; }
.gamenav ul li:nth-child(1) { margin-left: 20px; }
.gamenav ul li:nth-last-child(1) { width: auto; }
.gamenav ul li em { font-weight: 600; cursor: pointer; }
.gamenav ul li.current em, .gamenav ul li:hover em { color: rgb(254, 185, 0); }
.gamenav ul li span { margin: 0px 22px; color: rgb(204, 204, 204); font-weight: 300; }
.gamenav ul li i { width: 10px; height: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(209, 209, 209); border-radius: 50%; display: block; position: absolute; left: 26px; bottom: -26px; z-index: 2; }
.gamenav ul li.current i, .gamenav ul li:hover i { border-color: rgb(254, 185, 0); background: rgb(254, 185, 0); }
.navline { width: 1151px; height: 1px; background: rgb(204, 204, 204); opacity: 0.5; margin-top: 20px; }
.indexgame .sub_box ul { margin: 40px 25px 0px; }
.indexgame .sub_box ul li { width: 144px; float: left; margin-right: 56px; margin-bottom: 42px; }
.indexgame .sub_box ul li:nth-child(6n) { margin-right: 0px; }
.indexgame .sub_box ul li img { width: 144px; height: 144px; display: block; border-radius: 38px; }
.indexgame .sub_box ul li:hover img { opacity: 0.9; }
.indexgame .sub_box ul li p { font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-align: center; line-height: 30px; height: 30px; display: block; margin-top: 24px; }
.indexgame .sub_box ul li:hover p { color: rgb(255, 255, 255); background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 15px; }
.indexapp .sub_box ul { margin: 40px 25px 0px; }
.indexapp .sub_box ul li { width: 144px; float: left; margin-right: 56px; margin-bottom: 42px; }
.indexapp .sub_box ul li:nth-child(6n) { margin-right: 0px; }
.indexapp .sub_box ul li img { width: 144px; height: 144px; display: block; border-radius: 38px; }
.indexapp .sub_box ul li:hover img { opacity: 0.9; }
.indexapp .sub_box ul li p { font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-align: center; line-height: 30px; height: 30px; display: block; margin-top: 24px; }
.indexapp .sub_box ul li:hover p { color: rgb(255, 255, 255); background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 15px; }
.indexapp .gamenav ul li.current em, .indexapp .gamenav ul li:hover em { color: rgb(181, 143, 253); }
.indexapp .gamenav ul li.current i, .indexapp .gamenav ul li:hover i { border-color: rgb(181, 143, 253); background: rgb(181, 143, 253); }
.hotbox { margin: 0px 25px; position: relative; overflow: hidden; }
.hotbox ul { margin: 32px 0px; position: relative; }
.hotbox ul li { position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; border-radius: 10px; width: 272px; height: 175px; overflow: hidden; float: left; margin-right: 20px; }
.hotbox ul li:nth-last-child(1) { margin-right: 0px; }
.hotbox ul li a > p { font-size: 24px; color: rgb(255, 255, 255); font-weight: 600; position: absolute; top: 19px; left: 15px; }
.hotbox ul li img { width: 272px; height: 175px; display: block; }
.hotbox ul li:hover img { transform: scale(1.05); transition: all 0.3s ease-out 0s; }
.hotbox ul li .info { width: 272px; height: 130px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74)); box-shadow: rgba(0, 0, 0, 0.2) 1px 10px 30px 0px; border-radius: 10px; position: absolute; left: 0px; bottom: 0px; }
.hotbox ul li .info p { display: block; color: rgb(255, 255, 255); font-size: 18px; margin: 65px 10px 0px; white-space: nowrap; overflow: hidden; }
.hotbox ul li:hover .info p { color: rgb(254, 185, 0); }
.hotbox ul li .info > em { display: block; width: 252px; height: 1px; background: rgb(105, 105, 105); opacity: 0.7; margin: 8px 10px 0px; }
.hotbox ul li .info span { font-size: 14px; color: rgb(204, 204, 204); display: block; margin-top: 5px; margin-left: 10px; }
.hotbox ul li .info span i { width: 15px; height: 16px; display: inline-block; background-position: -358px -66px; vertical-align: middle; margin-right: 5px; }
.hotbox ul li .info span em { font-size: 14px; color: rgb(253, 71, 42); margin: 0px 5px; }
.lrsub2 { height: 40px; margin-bottom: 42px; }
.lrsub2 i:nth-child(1) { width: 40px; height: 40px; display: inline-block; background-position: -275px -80px; margin-right: 15px; cursor: pointer; }
.lrsub2 i:nth-child(1):hover { background-position: -275px -127px !important; }
.lrsub2 i:nth-child(2) { width: 40px; height: 40px; display: inline-block; background-position: -318px -80px; cursor: pointer; }
.lrsub2 i:nth-child(2):hover { background-position: -318px -127px !important; }
.hotbox > em { width: 1018px; height: 2px; background: rgb(204, 204, 204); display: block; position: absolute; bottom: 60px; right: 0px; }
.hotbox > em span { width: 100px; height: 2px; display: block; background: rgb(37, 36, 41); position: absolute; bottom: 0px; left: 0px; }
.indexnew { }
.topbox { margin: 35px 25px 0px; }
.topbox .box1 { width: 565px; height: 260px; background: rgb(247, 247, 247); border-radius: 10px; float: left; margin-right: 24px; }
.topbox .box1 img { width: 270px; height: 260px; border-radius: 10px; display: block; float: left; object-fit: cover;}
.topbox .box1:hover img { transform: scale(1.05); transition: all 0.3s ease-out 0s; }
.topbox .box1 .info { float: left; width: 295px; height: 260px; position: relative; }
.topbox .box1 .info p:nth-child(1) { font-size: 16px; color: rgb(51, 51, 51); font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 40px 18px 0px; line-height: 24px; }
.topbox .box1:hover .info p:nth-child(1) { color: rgb(233, 68, 62); }
.topbox .box1 .info p:nth-child(2) { font-size: 14px; color: rgb(102, 102, 102); font-weight: 300; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin: 20px 24px 0px 18px; line-height: 24px; display: -webkit-box; }
.topbox .box1 .info span { color: rgb(153, 153, 153); font-size: 14px; position: absolute; left: 18px; bottom: 30px; }
.topbox .box1 .info span i { width: 16px; height: 18px; background-position: -250px -106px; display: inline-block; margin-right: 6px; vertical-align: sub; }
.topbox .box1 .info em { display: block; width: 50px; height: 18px; background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); opacity: 0.5; border-radius: 9px; color: rgb(255, 255, 255); font-weight: 600; text-align: center; line-height: 18px; position: absolute; right: 21px; bottom: 29px; }
.topbox .box1:hover .info em { background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); opacity: 1; }
.topbox .box1 .info em i { width: 4px; height: 8px; display: inline-block; background-position: -246px -50px; margin-left: 2px; }
.topbox .box2 { width: 270px; height: 260px; background: rgb(247, 247, 247); border-radius: 10px; float: left; margin-right: 20px; position: relative; }
.topbox .box2:nth-last-child(1) { margin-right: 0px; }
.topbox .box2 img { display: block; width: 270px; height: 152px; border-radius: 10px; }
.topbox .box2:hover img { transform: scale(1.05); transition: all 0.3s ease-out 0s; }
.topbox .box2 p { font-size: 16px; color: rgb(51, 51, 51); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 24px; margin: 18px 22px 0px; font-weight: 600; }
.topbox .box2:hover p { color: rgb(233, 68, 62); }
.topbox .box2 span {color: rgb(153, 153, 153);font-size: 14px;position: absolute;left: 18px;bottom: 14px;}
.topbox .box2 span i { width: 16px; height: 18px; background-position: -250px -106px; display: inline-block; margin-right: 6px; vertical-align: sub; }
.topbox .box2 em {display: block;width: 50px;height: 18px;background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0));opacity: 0.5;border-radius: 9px;color: rgb(255, 255, 255);font-weight: 600;text-align: center;line-height: 18px;position: absolute;right: 21px;bottom: 16px;}
.topbox .box2:hover em { background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); opacity: 1; }
.topbox .box2 em i { width: 4px; height: 8px; display: inline-block; background-position: -246px -50px; margin-left: 2px; }
.botbox { margin: 20px 25px 0px; }
.botbox .box1 { width: 810px; height: 118px; position: relative; }
.botbox .box1 .info1 { float: left; text-align: center; }
.botbox .box1 .info1 i { width: 32px; height: 33px; display: block; background-position: -385px -66px; margin: 30px auto 0px; }
.botbox .box1 .info1 p { font-size: 14px; color: rgb(153, 153, 153); font-weight: 600; text-align: center; margin-top: 25px; }
.botbox .box1 .info2 { float: right; width: 725px; }
.botbox .box1 .info2 p:nth-child(1) { font-size: 20px; color: rgb(51, 51, 51); font-weight: 600; white-space: nowrap; overflow: hidden; margin-top: 22px; }
.botbox .box1:hover .info2 p:nth-child(1) { color: rgb(254, 185, 0); }
.botbox .box1 .info2 p:nth-child(2) { font-size: 14px; color: rgb(102, 102, 102); font-weight: 300; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 17px; }
.botbox .box1 a > em { width: 810px; display: block; position: absolute; bottom: 0px; left: 0px; background: rgb(236, 236, 236); height: 1px; }
.botbox .box_l { width: 810px; float: left; }
.botbox .box_r { width: 314px; float: right; }
.botbox .box_r p { font-size: 24px; font-weight: 600; color: rgb(51, 51, 51); line-height: 26px; margin-top: 8px; margin-left: 20px; }
.botbox .box_r ul { margin-top: 20px; }
.botbox .box_r ul li { margin-bottom: 12px; }
.botbox .box_r ul li a {display: block;width: 312px;height: 38px;background: rgb(247, 247, 247);border-radius: 20px;border: 1px solid rgb(247, 247, 247);line-height: 40px;font-size: 14px;color: rgb(102, 102, 102);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.botbox .box_r ul li span {font-size: 20px;color: rgb(255, 174, 69);line-height: 40px;font-weight: 600;margin: 0px 10px 0px 20px;display: inline-block;vertical-align: top;}
.botbox .box_r ul li:hover a { border: 1px solid rgba(255, 186, 37, 0.5); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; }
.indexrank { margin-top: 50px; }
.indexrank .bigbox { margin: 0px 25px 64px; }
.rankinfo { position: relative; width: 365px; height: 810px; margin: 40px 0px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; border-radius: 10px; float: left; }
.rankinfo:nth-child(2) { margin: 40px 27px 0px; }
.rankinfo > p { font-size: 24px; color: rgb(255, 255, 255); font-weight: 600; width: 365px; text-align: center; margin-top: 26px; position: absolute; z-index: 2; }
.rankinfo > p i { width: 201px; height: 9px; display: inline-block; position: absolute; background-position: -369px -159px; top: 6px; right: 82px; }
.rankinfo .rankinfobg { width: 365px; height: 157px; background: url("../images/irank1.png") no-repeat; position: absolute; top: 0px; left: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; }
.rankinfo:nth-child(2) .rankinfobg { background: url("../images/irank2.png") no-repeat; }
.rankinfo:nth-child(3) .rankinfobg { background: url("../images/irank3.png") no-repeat; }
.rankinfo ul { position: relative; z-index: 3; margin: 73px 18px 0px; }
.rankinfo ul li { width: 330px; height: 125px; background: rgb(247, 247, 247); border-radius: 10px; position: relative; margin-bottom: 17px; }
.rankinfo ul li:nth-child(1) { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 3px 0px 7px 0px; }
.rankinfo ul li a > i { width: 24px; height: 40px; display: block; position: absolute; background-position: -368px -107px; left: 45px; top: -5px; z-index: 3; }
.rankinfo ul li:nth-child(2) a > i { background-position: -400px -107px; }
.rankinfo ul li:nth-child(3) a > i { background-position: -432px -107px; }
.rankinfo ul li a > span { width: 56px; height: 28px; background: rgb(255, 148, 0); border-top-right-radius: 10px; border-bottom-left-radius: 10px; color: rgb(255, 255, 255); font-size: 12px; line-height: 28px; text-align: center; position: absolute; right: 0px; top: 0px; display: none; }
.rankinfo ul li:hover a > span { display: block; }
.rankinfo ul li img { width: 72px; height: 72px; display: block; border: 2px solid rgb(255, 141, 0); border-radius: 20px; float: left; margin-top: 28px; margin-left: 20px; }
.rankinfo ul li:hover img { transform: scale(1.05); transition: all 0.3s ease-out 0s; }
.rankinfo ul li .info { width: 200px; float: left; margin-left: 18px; }
.rankinfo ul li .info p {white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.rankinfo ul li .info p:nth-child(1) { font-size: 18px; color: rgb(51, 51, 51); font-weight: 600; line-height: 18px; margin-top: 34px; }
.rankinfo ul li:hover .info p:nth-child(1) { color: rgb(255, 148, 0); }
.rankinfo ul li .info p:nth-child(2) { font-size: 14px; color: rgb(153, 153, 153); margin-top: 8px; margin-bottom: 3px; }
.rankinfo ul li .info span { font-size: 14px; color: rgb(153, 153, 153); }
.rankinfo ul li .info span i { width: 16px; height: 18px; background-position: -250px -106px; display: inline-block; vertical-align: sub; }
.rankinfo ul li .info span em { margin: 0px 4px 0px 8px; font-size: 12px; color: rgb(153, 153, 153); }
.rankinfo .abox { }
.rankinfo .abox a { font-size: 16px; color: rgb(68, 68, 68); width: 330px; margin: 0px 18px 22px; display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.rankinfo .abox a:hover { color: rgb(255, 148, 0); }
.rankinfo .abox a span { font-size: 20px; color: rgb(185, 192, 200); font-style: italic; font-weight: 600; display: inline-block; width: 68px; text-align: center; }
.friendurl { background: rgb(246, 246, 246); height: 132px; }
.friendurl .frbox { overflow: hidden; }
.friendurl .box_l { width: 162px; height: 132px; float: left; position: relative; }
.friendurl .box_r { float: left; width: 950px; }
.friendurl .box_l p { color: rgb(254, 194, 0); font-size: 24px; font-weight: 600; margin-top: 50px; margin-left: 42px; position: relative; z-index: 2; }
.friendurl .box_l i { width: 87px; height: 85px; display: block; background-position: -463px -22px; position: absolute; left: 44px; top: 21px; }
.friendurl .box_l em { height: 88px; width: 1px; background: rgb(255, 255, 255); border-right: 1px solid rgb(231, 231, 231); display: block; position: absolute; right: 0px; top: 20px; }
.friendurl .box_r { margin: 40px 28px 0px; }
.friendurl .box_r a { font-size: 14px; color: rgb(153, 153, 153); margin-right: 20px; margin-bottom: 14px; display: block; float: left; }
.friendurl .box_r a:hover { color: rgb(233, 68, 62); }
.gamelist { background: url("../images/gamelist.png") center center no-repeat; height: 257px; position: relative; }
.applist { background: url("../images/applist.png") center center no-repeat; height: 257px; position: relative; }
.gamelist .location, .applist .location { color: rgb(252, 212, 124) !important; }
.gtop { position: relative; }
.gtop h1 { font-size: 38px; font-weight: 600; color: rgb(255, 255, 255); position: absolute; top: 88px; left: 30px; line-height: 38px; }
.gtop p { font-size: 24px; color: rgba(255, 255, 255, 0.7); position: absolute; top: 140px; left: 6px; }
.gamelnav { background: rgb(255, 255, 255); overflow: hidden; }
.gamelnav ul { overflow: hidden; margin-top: 20px; }
.gamelnav ul li { width: 186px; height: 70px; display: block; float: left; background: rgb(255, 250, 249); border-radius: 3px; margin-right: 16px; margin-bottom: 15px; position: relative; }
.gamelnav ul li em i { width: 20px; height: 10px; position: absolute; background-position: -517px -112px; bottom: -7px; left: 84px; z-index: 3; display: none; }
.gamelnav ul li.current em i, .gamelnav ul li:hover em i { display: block; }
.gamelnav ul li a { display: block; width: 100%; height: 100%; }
.gamelnav ul li.current, .gamelnav ul li:hover { height: 56px; padding: 6px 0px 8px; background: url("../images/listcur.png") center center no-repeat !important; }
.gamelnav ul li:nth-child(6n) { margin-right: 0px; }
.gamelnav ul li.current .info p:nth-child(1), .gamelnav ul li:hover .info p:nth-child(1) { color: rgb(255, 255, 255); font-weight: 600; }
.gamelnav ul li.current .info p:nth-child(2), .gamelnav ul li:hover .info p:nth-child(2) { color: rgb(255, 255, 255); }
.gamelnav ul li a > i { width: 40px; height: 37px; display: inline-block; background-position: -1px -80px; float: left; margin-left: 29px; margin-top: 17px; }
.gamelnav ul li.current a > i, .gamelnav ul li:hover a > i, .gamelnav ul li.current .info, .gamelnav ul li:hover .info { margin-top: 11px; }
.gamelnav ul li .info { width: 100px; float: left; margin-left: 12px; margin-top: 17px; }
.gamelnav ul li .info p:nth-child(1) { font-size: 16px; color: rgb(51, 51, 51); line-height: 16px; }
.gamelnav ul li .info p:nth-child(2) { font-size: 12px; color: rgb(153, 153, 153); line-height: 12px; margin-top: 6px; }
.gamelnav ul li:nth-child(2) a>i { background-position: -94px -80px; width: 42px; height: 42px; }
.gamelnav ul li:nth-child(3) a>i { background-position: -48px -131px; width: 38px; height: 35px; }
.gamelnav ul li:nth-child(4) a>i { background-position: -140px -131px; width: 40px; height: 38px; }
.gamelnav ul li:nth-child(5) a>i { background-position: -188px -276px; width: 40px; height: 38px; }
.gamelnav ul li:nth-child(6) a>i { background-position: -245px -276px; width: 40px; height: 40px; }
.gamelnav ul li:nth-child(7) a>i { background-position: -94px -131px; width: 36px; height: 43px; }
.gamelnav ul li:nth-child(8) a>i { background-position: -141px -276px; width: 36px; height: 43px; }
.gamelnav ul li:nth-child(9) a>i { background-position: -194px -80px; width: 45px; height: 33px; }
.gamelnav ul li:nth-child(10) a>i { background-position: -190px -131px; width: 45px; height: 37px; }
.gamelnav ul li:nth-child(11) a>i { background-position: -1px -181px; width: 38px; height: 39px; }
.gamelnav ul li:nth-child(12) a>i { background-position: -48px -80px; width: 45px; height: 42px; }
.gamelnav ul li:nth-child(13) a>i { background-position: -1px -131px; width: 43px; height: 35px; }
.gamelnav ul li:nth-child(14) a>i { background-position: -44px -181px; width: 40px; height: 36px; }
.gamelnav ul li:nth-child(15) a>i { background-position: -141px -80px; width: 45px; height: 42px; }
.gamelnav ul li:nth-child(16) a>i { background-position: -244px -229px; width: 42px; height: 40px; }
.gamelnav ul li:nth-child(17) a>i { background-position: -293px -276px; width: 45px; height: 42px; }

.gamelnav ul li:nth-child(17){background: rgb(250, 247, 255);}
.gamelnav ul li:nth-child(2), .gamelnav ul li:nth-child(6), .gamelnav ul li:nth-child(9), .gamelnav ul li:nth-child(15) { background: rgb(246, 250, 255); }
.gamelnav ul li:nth-child(3), .gamelnav ul li:nth-child(11) { background: rgb(239, 254, 255); }
.gamelnav ul li:nth-child(4), .gamelnav ul li:nth-child(5), .gamelnav ul li:nth-child(8), .gamelnav ul li:nth-child(10), .gamelnav ul li:nth-child(12){ background: rgb(255, 249, 239); }
.gamelnav ul li:nth-child(7), .gamelnav ul li:nth-child(13), .gamelnav ul li:nth-child(14) { background: rgb(255, 250, 249); }
.gamebox { background: rgb(242, 242, 242); }
.gbox_t { overflow: hidden; }
.gbox_t h3 { font-size: 28px; font-weight: 600; color: rgb(51, 51, 51); line-height: 28px; margin-top: 35px; margin-bottom: 24px; }
.gbox_t p { height: 52px; display: block; width: 100%; background: rgb(255, 255, 255); border-radius: 10px; line-height: 52px; position: relative; }
.gbox_t p a { margin-left: 24px; color: rgb(117, 117, 117); }
.gbox_t p span { display: inline-block; width: 12px; height: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(205, 205, 205); border-radius: 50%; vertical-align: middle; margin-right: 5px; }
.gbox_t p span em { width: 6px; height: 6px; display: none; background: rgb(60, 60, 60); border-radius: 50%; vertical-align: top; margin-top: 3px; margin-left: 3px; }
.gbox_t p a.current span em { display: inline-block; }
.gbox_t p i { width: 29px; height: 20px; display: block; position: absolute; right: 18px; top: 17px; background-position: -463px -112px; }
.gamebox ul { margin-top: 22px; }
.gamebox ul li { width: 282px; height: 230px; display: block; background: url("../images/listbg.png") no-repeat; border-radius: 10px; position: relative; float: left; margin-right: 24px; margin-bottom: 20px; }
.gamebox ul li a { display: block; width: 100%; height: 100%; }
.gamebox ul li:nth-child(4n) { margin-right: 0px; }
.gamebox ul li img { width: 100px; height: 100px; display: block; border-radius: 18px; float: left; margin-top: 20px; margin-left: 20px; }
.gamebox ul li:hover img { opacity: 0.9; }
.gamebox ul li .info { width: 130px; float: left; margin-left: 14px; }
.gamebox ul li .info p:nth-child(1) { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); line-height: 16px; margin-top: 24px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.gamebox ul li .info p:nth-child(2) { font-size: 14px; color: rgb(153, 153, 153); line-height: 14px; margin-top: 10px; }
.gamebox ul li .info p:nth-child(3) { font-size: 14px; color: rgb(153, 153, 153); line-height: 14px; margin-top: 10px; }
.gamebox ul li .info p:nth-child(4) { font-size: 14px; color: rgb(153, 153, 153); margin-top: 6px; }
.gamebox ul li .info p:nth-child(4) i { width: 16px; height: 18px; background-position: -250px -106px; display: inline-block; vertical-align: sub; }
.gamebox ul li .info p:nth-child(4) span { margin: 0px 4px 0px 8px; font-size: 12px; color: rgb(153, 153, 153); }
.gamebox ul li a > p { width: 84%;;font-size: 14px; color: rgb(153, 153, 153); line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; float: left; margin: 15px 25px 0px 20px; }
.gamebox ul li a > span { width: 100%; height: 42px; display: block; position: absolute; bottom: 0px; left: 0px; text-align: center; line-height: 42px; font-size: 14px; color: rgb(102, 102, 102); background: rgb(255, 255, 255); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px solid rgb(228, 228, 228); }
.gamebox ul li:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; }
.gamebox ul li:hover .info p:nth-child(1) { color: rgb(255, 148, 0); }
.gamebox ul li:hover a > span { color: rgb(255, 255, 255); background: rgb(255, 148, 0); }
.gamebox ul li.look:hover .info p:nth-child(1) { color: rgb(0, 192, 255); }
.gamebox ul li.look:hover a > span { color: rgb(255, 255, 255); background: rgb(0, 192, 255); }
.pagecode { padding: 16px 0px 52px; text-align: center; font-size: 18px; color: rgb(102, 102, 102); }
.pagecode a { padding: 8px 19px; margin: 0px 5px; color: rgb(102, 102, 102); text-decoration: none; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(234, 234, 234); }
.pagecode > span { display: inline-block; line-height: 38px; height: 38px; border-radius: 3px; }
.pagecode span a { display: block; padding: 0px; min-width: 38px; line-height: 38px; text-align: center; border-radius: 3px; }
.pagecode a:hover { color: rgb(255, 255, 255); background-color: rgb(255, 186, 37); }
.pagecode a.current, .pagecode a.current:hover { color: rgb(255, 255, 255); background-color: rgb(255, 186, 37); padding: 8px 15px; }
.pagecode a.disabled, .pagecode a.disabled:hover { color: rgb(102, 102, 102); background-color: rgb(239, 239, 239); cursor: default; }
.pagecode a i{display: inline-block;width: 12px;height: 20px;background-position: -601px -6px;position: relative;top: 3px;}
.pagecode a i.ll{background-position: -601px -6px;}
.pagecode a i.lr{background-position: -601px -31px;}
.pagecode a:hover i.ll{background-position: -625px -6px;}
.pagecode a:hover i.lr{background-position: -625px -31px;}

.applnav { background: rgb(255, 255, 255); overflow: hidden; }
.applnav ul { overflow: hidden; margin-top: 20px; }
.applnav ul li { width: 186px; height: 70px; display: block; float: left; background: rgb(255, 250, 249); border-radius: 3px; margin-right: 16px; margin-bottom: 15px; position: relative; }
.applnav ul li em i { width: 20px; height: 10px; position: absolute; background-position: -517px -112px; bottom: -7px; left: 84px; z-index: 3; display: none; }
.applnav ul li.current em i, .applnav ul li:hover em i { display: block; }
.applnav ul li a { display: block; width: 100%; height: 100%; }
.applnav ul li.current, .applnav ul li:hover { height: 56px; padding: 6px 0px 8px; background: url("../images/listcur.png") center center no-repeat !important; }
.applnav ul li:nth-child(6n) { margin-right: 0px; }
.applnav ul li.current .info p:nth-child(1), .applnav ul li:hover .info p:nth-child(1) { color: rgb(255, 255, 255); font-weight: 600; }
.applnav ul li.current .info p:nth-child(2), .applnav ul li:hover .info p:nth-child(2) { color: rgb(255, 255, 255); }
.applnav ul li a > i { width: 40px; height: 37px; display: inline-block; background-position: -1px -80px; float: left; margin-left: 29px; margin-top: 17px; }
.applnav ul li.current a > i, .applnav ul li:hover a > i, .applnav ul li.current .info, .applnav ul li:hover .info { margin-top: 11px; }
.applnav ul li .info { width: 100px; float: left; margin-left: 12px; margin-top: 17px; }
.applnav ul li .info p:nth-child(1) { font-size: 16px; color: rgb(51, 51, 51); line-height: 16px; }
.applnav ul li .info p:nth-child(2) { font-size: 12px; color: rgb(153, 153, 153); line-height: 12px; margin-top: 6px; }
.applnav ul li:nth-child(2) a > i { background-position: -94px -231px; width: 39px; height: 36px; }
.applnav ul li:nth-child(3) a > i { background-position: -141px -231px; width: 45px; height: 39px; }
.applnav ul li:nth-child(4) a > i { background-position: -1px -276px; width: 39px; height: 38px; }
.applnav ul li:nth-child(5) a > i { background-position: -189px -231px; width: 41px; height: 36px; }
.applnav ul li:nth-child(6) a > i { background-position: -2px -321px; width: 41px; height: 36px; }
.applnav ul li:nth-child(7) a > i {background-position: -47px -321px;width: 41px;height: 41px;}
.applnav ul li:nth-child(8) a > i {background-position: -92px -321px;width: 41px;height: 38px;}
.applnav ul li:nth-child(9) a > i { background-position: -1px -231px; width: 40px; height: 37px; }
.applnav ul li:nth-child(10) a > i { background-position: -48px -231px; width: 45px; height: 35px; }
.applnav ul li:nth-child(11) a > i { background-position: -48px -276px; width: 38px; height: 34px; }
.applnav ul li:nth-child(12) a > i { background-position: -94px -276px; width: 37px; height: 36px; }
.applnav ul li:nth-child(13) a > i { background-position: -141px -321px; width: 38px; height: 36px; }
.applnav ul li:nth-child(14) a > i { background-position: -190px -181px; width: 37px; height: 41px; }
.applnav ul li:nth-child(15) a > i { background-position: -195px -321px; width: 37px; height: 36px; }
.applnav ul li:nth-child(16) a > i { background-position: -94px -181px; width: 44px; height: 38px; }
.applnav ul li:nth-child(17) a > i { background-position: -245px -321px; width: 37px; height: 36px; }
.applnav ul li:nth-child(7), .applnav ul li:nth-child(16), .applnav ul li:nth-child(11) { background: rgb(239, 254, 255); }
.applnav ul li:nth-child(4), .applnav ul li:nth-child(14), .applnav ul li:nth-child(13) { background: rgb(255, 250, 242); }
.applnav ul li:nth-child(2), .applnav ul li:nth-child(6), .applnav ul li:nth-child(9), .applnav ul li:nth-child(10), .applnav ul li:nth-child(12), .applnav ul li:nth-child(17) { background: rgb(246, 250, 255); }

.newlist { background: url("../images/newlist.png") center center no-repeat; height: 257px; position: relative; }
.hotnew { position: absolute; top: 137px; right: 19%; }
.hotnew p { font-size: 14px; color: rgba(255, 255, 255, 0.7); text-align: right; }
.hotnew p span { margin: 0px 5px; }
.hotnew p a { font-size: 14px; color: rgba(255, 255, 255, 0.7); text-decoration: revert; }
.hotnew p a:hover { color: rgb(233, 68, 62); }
.newlbox { background: rgb(242, 242, 242); }
.newnav { height: 80px; line-height: 80px; background: rgb(255, 255, 255); border-radius: 10px; text-align: center; margin-top: -60px; position: relative; z-index: 3; }
.newnav a { font-size: 18px; color: rgb(102, 102, 102); margin: 0px 32px; line-height: 80px; display: inline-block; position: relative; }
.newnav a.current, .newnav a:hover { color: rgb(51, 51, 51); font-size: 24px; font-weight: 600; line-height: 80px; margin: 0px 26px; }
.newnav a.current em, .newnav a:hover em { display: block; position: absolute; width: 20px; height: 8px; background: rgb(255, 186, 37); border-radius: 10px; bottom: 0px; left: 12px; }
.newlbox { }
.newlbox ul.listmain { margin-top: 35px; }
.newlbox ul.listmain li { width: 382px; height: 484px; border-radius: 10px; background: rgb(255, 255, 255); overflow: hidden; position: relative; margin-right: 24px; margin-bottom: 22px; float: left; border: 1px solid rgb(255, 255, 255); }
.newlbox ul.listmain li:hover { border: 1px solid rgba(255, 186, 37, 0.5); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; }
.newlbox ul.listmain li:nth-child(3n) { margin-right: 0px; }
.newlbox ul.listmain li img { width: 340px; height: 192px; display: block; margin: 25px 22px 0px; border-radius: 10px; }
.newlbox ul.listmain li:hover img { opacity: 0.9; }
.newlbox ul.listmain li p:nth-child(2) { font-size: 18px; color: rgb(51, 51, 51); font-weight: 600; line-height: 30px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 20px 30px 0px; }
.newlbox ul.listmain li p:nth-child(3) { font-size: 14px; color: rgb(153, 153, 153); line-height: 26px; padding: 21px 16px; width: 308px; height: 50px; background: rgb(247, 247, 247); border-radius: 6px; margin: 28px 22px 0px;  }
.newlbox ul.listmain li p:nth-child(3) span{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newlbox ul.listmain li p:nth-child(4) { position: absolute; bottom: 24px; left: 0px; width: 340px; margin: 0px 22px; }
.newlbox ul.listmain li p:nth-child(4) span { font-size: 14px; color: rgb(183, 183, 183); }
.newlbox ul.listmain li p:nth-child(4) span:nth-child(1) { float: left; }
.newlbox ul.listmain li p:nth-child(4) span:nth-child(2) { float: right; }
.newlbox ul.listmain li p:nth-child(4) span:nth-child(1) i { width: 16px; height: 16px; display: inline-block; background-position: -517px -131px; vertical-align: text-top; margin-right: 3px; }
.newlbox ul.listmain li p:nth-child(4) span:nth-child(2) i { width: 18px; height: 16px; display: inline-block; background-position: -542px -132px; vertical-align: text-top; margin-right: 3px; }
.newlbox ul.listmain li:nth-child(3):hover { border: 1px solid rgb(255, 255, 255); box-shadow: none; }
.hottit { width: 340px; height: 115px; display: block; position: relative; background: url("../images/hottit.png") no-repeat; margin: 25px 22px 0px; }
.hottit p { font-size: 24px; font-weight: 600; color: rgb(255, 148, 0); position: absolute; top: 44px; left: 142px; }
.newlbox ul.listmain li .info { margin: 18px 22px; }
.newlbox ul.listmain li .info a { display: block; width: 340px; height: 38px; background: rgb(247, 247, 247); border-radius: 20px; border: 1px solid rgb(247, 247, 247); line-height: 38px; font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 12px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newlbox ul.listmain li .info span { font-size: 20px; color: rgb(255, 174, 69);vertical-align: top; line-height: 38px; font-weight: 600; margin: 0px 10px 0px 20px; display: inline-block; }
.newlbox ul.listmain li .info a:hover { border: 1px solid rgba(255, 186, 37, 0.5); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; }
.newzt { margin-top: -20px; }
.newzt ul { margin-top: 33px; margin-bottom: 25px; }
.newzt ul li { width: 272px; height: 175px; position: relative; float: left; margin-right: 37px; border-radius: 10px; }
.newzt ul li:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; }
.newzt ul li:nth-child(4n) { margin-right: 0px; }
.newzt ul li img { width: 272px; height: 175px; display: block; border-radius: 10px; }
.newzt ul li p { position: absolute; left: 0px; bottom: 0px; font-size: 18px; color: rgb(255, 255, 255); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.46)); display: block; width: 248px; padding: 106px 12px 14px; white-space: nowrap; overflow: hidden; border-radius: 10px; }
.newgood { padding-bottom: 60px; }
.newgood ul { margin-top: 32px; }
.newgood ul li { width: 110px; float: left; margin-right: 26px; }
.newgood ul li:nth-last-child(1) { margin-right: 0px; }
.newgood ul li img { width: 110px; height: 110px; border-radius: 30px; display: block; }
.newgood ul li p { font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-align: center; line-height: 30px; height: 30px; display: block; margin-top: 20px; }
.newgood ul li:hover p { color: rgb(255, 255, 255); background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 15px; }
.newdetail { background: url("../images/newdetail.png") center center no-repeat; height: 190px; width: 100%; position: absolute; top: 132px; left: 0px; z-index: 5; }
.newb { position: relative; z-index: 6; }
.newbox_l { width: 800px; float: left; padding-right: 36px; }
.newbox_r { width: 362px; float: left; overflow: hidden; background: rgb(242, 242, 242); border: 1px solid rgb(226, 226, 226); margin-top: 189px; }
.newde1 {overflow: hidden;}
.newde1 h1 {font-size: 32px;color: rgb(51, 51, 51);font-weight: 600;text-align: center;margin: 22px 30px 0px;display: block;line-height: 48px;max-height: 96px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newde1 p {font-size: 14px;color: rgb(153, 153, 153);line-height: 14px;text-align: center;margin-top: 36px;}
.newde1 p em { margin: 0px 15px; color: rgb(153, 153, 153); display: inline-block; transform: scale(0.8); }
.newde1 p span:nth-child(1) i { width: 18px; height: 16px; display: inline-block; background-position: -542px -132px; vertical-align: text-top; margin-right: 3px; }
.newde1 p span:nth-child(3) i { width: 16px; height: 18px; display: inline-block; background-position: -517px -130px; vertical-align: text-top; margin-right: 3px; }
.newde2 { margin-top: 36px; }
.newde2 td{text-align: center;}
.newde2 a { line-height: 26px; text-indent: 0px; color: #0000ee; }
.newde2 a:hover { opacity: 0.9; color: #009ad6;}
.newde2 p { line-height: 26px; color: rgb(68, 68, 68); margin-bottom: 16px; text-indent: 2em; font-size: 16px;word-break: break-all;}
.newde2 strong{margin: 20px 0;}
.newde2 br { height: 2px; }
.newde2 img { display: block;  margin: 16px auto; text-align: center; max-width: 90%;}
.newde2 p img { display: block;  margin: 2px auto; text-align: center; }
.newde2 h3 { margin-bottom: 16px; line-height: 28px; font-size: 18px; font-weight: bold; color: rgb(255, 186, 37); }
.newde2 table{margin: 20px auto;}
.newde2 iframe {width: 600px;height: 340px;margin: 10px auto 20px;display: block;border: none;}
.newde3 { margin-bottom: 20px;}
.newde3 .mutual { text-align: center; margin: 10px 0px 40px; }
.newde3 .mutual span { display: inline-block; width: 129px; height: 59px; background: linear-gradient(0deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 28px; color: rgb(255, 255, 255); line-height: 58px; text-align: center; font-size: 16px; margin-right: 26px; cursor: pointer; }
.newde3 .mutual span:nth-child(1) i { width: 19px; height: 19px; display: inline-block; background-position: -222px -22px; vertical-align: text-bottom; margin-right: 5px; }
.newde3 .mutual span:nth-child(2) i { width: 19px; height: 19px; display: inline-block; background-position: -222px -45px; vertical-align: text-bottom; margin-right: 5px; }
.newde3 .mutual span em { margin-left: 5px; font-weight: 600; }
.newde3 .hotgame { width: 800px; height: 145px; background: url("../images/hotgame.png") center center no-repeat; border-radius: 10px; border: 1px solid rgba(255, 186, 37, 0.5); }
.newde3 .hotgame img { width: 110px; height: 110px; border-radius: 30px; display: block; float: left; margin: 18px; }
.newde3 .hotgame .info { display: block; float: left; width: 500px; overflow: hidden; }
.newde3 .hotgame .info > a { font-size: 24px; color: rgb(51, 51, 51); font-weight: 600; line-height: 24px; margin-top: 28px; display: block; }
.newde3 .hotgame .info span { font-size: 14px; color: rgb(51, 51, 51); line-height: 14px; margin-top: 15px; display: block; }
.newde3 .hotgame .info p { margin-top: 16px; }
.newde3 .hotgame .info p a { display: inline-block; height: 24px; line-height: 24px; padding: 0px 12px; font-size: 14px; color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.12); margin-right: 10px; border-radius: 3px; }
.newde3 .hotgame > a:nth-last-child(1) { display: block; float: right; width: 112px; height: 36px; background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); box-shadow: rgba(254, 200, 12, 0.5) 0px 2px 10px 0px; border-radius: 18px; margin-right: 20px; margin-top: 54px; color: rgb(255, 255, 255); line-height: 36px; text-align: center; font-size: 16px; }
.fzurl { margin: 24px 0px 0px; border-bottom: 1px dashed rgb(227, 227, 227); padding-bottom: 18px; width: 800px; }
.fzurl p { color: rgb(136, 136, 136); font-size: 16px; line-height: 28px; }
.fzurl span { cursor: pointer; display: inline-block; width: 123px; height: 26px; color: rgb(255, 117, 0); border: 1px solid rgb(255, 117, 0); border-radius: 3px; line-height: 26px; text-align: center; margin-right: 10px; font-size: 14px; }
.fzurl span i { width: 14px; height: 14px; display: inline-block; background-position: -222px -2px; margin-right: 6px; vertical-align: sub; }
.next_pre { width: 798px; height: 127px; background: rgb(251, 251, 251); border: 1px solid rgb(235, 235, 235); margin-top: 26px; }
.next_pre a { float: left; width: 398px; }
.next_pre a:nth-child(1) { border-right: 1px solid rgb(235, 235, 235); }
.next_pre a img { width: 120px; height: 78px; border-radius: 3px; display: block; float: left; margin: 23px 18px 26px 22px; }
.next_pre a .info { width: 235px; float: left; }
.next_pre a .info span { font-size: 14px; color: rgb(0, 0, 0); margin-top: 26px; line-height: 14px; display: block; }
.next_pre a .info span em { color: rgb(161, 161, 161); margin-left: 7px; }
.next_pre a .info p { margin-top: 12px; color: rgb(102, 102, 102); font-size: 14px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.next_pre a:hover .info p { color: rgb(233, 68, 62); }
.newde4 { width: 800px; }
.newde4 .newgood { padding-bottom: 20px; }
.newde4 .newgood ul { margin-top: 32px; }
.newde4 .newgood ul li { width: 122px; float: left; margin-right: 46px; }
.newde4 .newgood ul li:nth-last-child(1) { margin-right: 0px; }
.newde4 .newgood ul li img { width: 122px; height: 122px; border-radius: 30px; display: block; }
.newde4 .newgood ul li:hover img { opacity: 0.9; }
.newde4 .newgood ul li p { font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-align: center; line-height: 30px; height: 30px; display: block; margin-top: 20px; }
.newde4 .newgood ul li:hover p { color: rgb(255, 255, 255); background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 15px; }
.newde5 { width: 800px; }
.newde5 ul { margin-top: 24px; margin-bottom: 26px; }
.newde5 ul li { width: 255px; float: left; margin-right: 16px; margin-bottom: 24px; }
.newde5 ul li:nth-child(3n) { margin-right: 0px; }
.newde5 ul li img { width: 255px; height: 144px; border-radius: 10px; display: block; }
.newde5 ul li:hover img { transform: scale(1.05); opacity: 0.9; transition: all 0.3s ease-out 0s; }
.newde5 ul li p { font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; }
.newde5 ul li:hover p { color: rgb(233, 68, 62); }
.newde6 { overflow: hidden; }
.newrec { }
.newrecL { width: 322px; height: 180px; margin: 18px; position: relative; float: left; overflow: hidden; }
.newrecL ul { position: relative; overflow: hidden; }
.newrecL li { width: 322px; height: 180px; float: left; position: relative; overflow: hidden; border-radius: 10px; }
.newrecL li img { width: 322px; height: 180px; }
.newrecL .text { position: absolute; left: 0px; bottom: 0px; font-size: 14px; color: rgb(255, 255, 255); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); display: block; width: 298px; padding: 106px 12px 6px; white-space: nowrap; overflow: hidden; border-radius: 10px; }
:root .newrecL .text { filter: none; }
.newrecL .text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 260px; }
.newrecL .dot { width: 30px; position: absolute; bottom: 12px; right: 5px; overflow: hidden; }
.newrecL .dot div { padding-right: 5px; float: right; }
.newrecL .dot i { display: block; width: 8px; height: 8px; overflow: hidden; margin: 5px 4px 0px 0px; background-color: rgb(153, 153, 153); float: left; cursor: pointer; }
.newrecL .dot i.current { background: rgb(253, 128, 66); }
.newde6 .indextit { margin-top: 36px; }
.newde7 { margin-top: 20px; }
.newde7 .indextit a { margin-top: 0px; margin-right: 20px !important; }
.newde8 { margin-top: 45px; }
.newde8 .indextit a { margin-top: 0px; margin-right: 20px !important; }
.newde7 ul { margin: 26px 20px 0px; }
.newde7 ul li { overflow: hidden; position: relative; height: 66px; margin-bottom: 20px; }
.newde7 ul li img { width: 120px; height: 66px; border-radius: 6px; display: block; float: left; margin-right: 12px; }
.newde7 ul li:hover img { opacity: 0.9; }
.newde7 ul li .info { float: left; width: 190px; }
.newde7 ul li .info p { font-size: 14px; color: rgb(51, 51, 51); line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newde7 ul li:hover .info p { color: rgb(233, 68, 62); }
.newde7 ul li .info span { font-size: 12px; color: rgb(153, 153, 153); position: absolute; left: 134px; top: 46px; }
.newde8 ul { position: relative; z-index: 3; margin: 30px 20px 0px; }
.newde8 ul li { width: 323px; height: 132px; position: relative; border-top: 1px dashed rgba(0, 0, 0, 0.15); }
.newde8 ul li a > i { width: 24px; height: 40px; display: block; position: absolute; background-position: -368px -107px; left: 28px; top: -3px; z-index: 3; }
.newde8 ul li:nth-child(2) a > i { background-position: -400px -107px; }
.newde8 ul li:nth-child(3) a > i { background-position: -432px -107px; }
.newde8 ul li a > span { width: 56px; height: 28px; background: rgb(255, 148, 0); border-top-right-radius: 10px; border-bottom-left-radius: 10px; color: rgb(255, 255, 255); font-size: 12px; line-height: 28px; text-align: center; position: absolute; right: 0px; top: 0px; display: block; }
.newde8 ul li.look a > span { background: rgb(0, 192, 255) !important; }
.newde8 ul li img { width: 72px; height: 72px; display: block; border: 2px solid rgb(255, 141, 0); border-radius: 20px; float: left; margin-top: 32px; margin-left: 2px; }
.newde8 ul li:hover img { opacity: 0.9; }
.newde8 ul li:nth-child(2) img { border-color: rgb(159, 217, 0); }
.newde8 ul li:nth-child(3) img { border-color: rgb(0, 190, 255); }
.newde8 ul li .info { width: 200px; float: left; margin-left: 18px; }
.newde8 ul li .info p:nth-child(1) { font-size: 18px; color: rgb(51, 51, 51); font-weight: 300; line-height: 18px; margin-top: 34px; white-space: nowrap;overflow: hidden;}
.newde8 ul li:hover .info p:nth-child(1) { color: rgb(255, 148, 0); }
.newde8 ul li .info p:nth-child(2) { font-size: 14px; color: rgb(153, 153, 153); margin-top: 8px; margin-bottom: 3px; }
.newde8 ul li .info span { font-size: 14px; color: rgb(153, 153, 153); }
.newde8 ul li .info span i { width: 16px; height: 18px; background-position: -250px -106px; display: inline-block; vertical-align: sub; }
.newde8 ul li .info span em { margin: 0px 4px 0px 8px; font-size: 12px; color: rgb(153, 153, 153); }
.newde8 .abox { border-top: 1px dashed rgba(0, 0, 0, 0.15); border-bottom: 1px dashed rgba(0, 0, 0, 0.15); margin: 0px 20px; }
.newde8 .abox a { font-size: 16px; color: rgb(68, 68, 68); width: 330px; margin: 0px 0px 22px; display: block; white-space: nowrap; overflow: hidden; }
.newde8 .abox a:nth-child(1) { margin-top: 22px; }
.newde8 .abox a:hover { color: rgb(255, 148, 0); }
.newde8 .abox a span { font-size: 20px; color: rgb(185, 192, 200); font-style: italic; font-weight: 600; display: inline-block; width: 34px; text-align: center; margin-right: 16px; }
.location { height: 48px; line-height: 48px; color: rgb(205, 205, 205); font-size: 14px; position: relative; text-indent: 25px; }
.location a { color: rgba(255, 255, 255, 0.7);}
.location a { color:#d3d3d3;}
.location a:hover { color: rgb(233, 68, 62); }
.location i { position: absolute; top: 14px; left: 2px; width: 16px; height: 20px; background-position: -2px -400px; }
.location i.ico2 { background-position: -115px -400px; }
.rankTop .location { color: rgb(255, 255, 255); opacity: 0.3; }
.ztBody { background: rgb(242, 242, 242); }
.ztTop { width: 100%; height: 256px; background: url("../images/ztbg2.jpg") center center / cover no-repeat; }
.ztTop .ye1200 > p:nth-child(2) { position: relative; width: 166px; height: 50px; line-height: 50px; color: rgb(255, 255, 255); font-size: 38px; font-weight: bold; text-align: center; margin: 15px auto 0px; }
.ztTop .ye1200 > p:nth-child(2) span { position: absolute; top: 1px; height: 18px; line-height: 18px; background-color: rgb(238, 62, 49); padding: 0px 8px; border-radius: 8px 8px 8px 0px; color: rgb(255, 255, 255); font-size: 12px; font-weight: normal; margin-left: 8px; }
.ztTop .ye1200 > p:nth-child(3) { height: 38px; line-height: 38px; color: rgb(209, 212, 215); font-size: 24px; text-align: center; }
.ztMid { position: relative; padding-top: 77px; }
.ztMid > div:nth-child(1) { width: 100%; height: 80px; line-height: 80px; border-radius: 12px; background: rgb(255, 255, 255); position: absolute; top: -60px; display: flex; justify-content: center; align-items: center; }
.ztMid > div:nth-child(1) a { display: block; width: 100px; color: rgb(102, 102, 102); font-size: 18px; text-align: center; position: relative; transition: font-size 0.3s ease 0s; }
.ztMid > div:nth-child(1) a::before { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 0px; height: 8px; border-radius: 4px; background: rgb(255, 186, 37); transition: width 0.3s ease-in-out 0s; }
.ztMid > div:nth-child(1) a.current, .ztMid > div:nth-child(1) a:hover { color: rgb(51, 51, 51); font-size: 24px; font-weight: bold; }
.ztMid > div:nth-child(1) a.current::before, .ztMid > div:nth-child(1) a:hover::before { width: 20px; }
.ztMid ul li { float: left; width: 544px; height: 228px; padding: 15px 22px 28px; background: rgb(255, 255, 255); border-radius: 16px; margin: 0px 22px 52px 0px; }
.ztMid ul li:nth-child(2n) { margin-right: 0px; }
.ztMid ul li .top { display: block; position: relative; height: 132px; padding-left: 274px; }
.ztMid ul li .top img { position: absolute; top: -34px; left: 0px; width: 258px; height: 144px; border-radius: 10px; }
.ztMid ul li .top div { width: 272px; white-space: nowrap; overflow: hidden; }
.ztMid ul li .top div p:nth-child(1) { height: 48px; line-height: 48px; color: rgb(51, 51, 51); font-size: 20px; }
.ztMid ul li .top div p:nth-child(2) { height: 28px; line-height: 28px; color: rgb(102, 102, 102); font-size: 12px; }
.ztMid ul li .top div p:nth-child(2) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: 6px 8px 0px 0px; }
.ztMid ul li .top div p:nth-child(3) { height: 30px; line-height: 30px; color: rgb(153, 153, 153); font-size: 14px; }
.ztMid ul li .top div p:nth-child(3) span { color: rgb(238, 62, 49); font-size: 22px; font-weight: bold; float: right; }
.ztMid ul li .bottom { width: 518px; height: 52px; background: rgb(247, 247, 247); border-radius: 6px; padding: 20px 10px 22px 16px; position: relative; }
.ztMid ul li .bottom i { position: absolute; top: -9px; width: 32px; height: 25px; background-position: -66px -400px; }
.ztMid ul li .bottom p { width: 378px; float: left; line-height: 26px; color: rgb(153, 153, 153); font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; }
.ztMid ul li .bottom div { float: right; width: 122px; height: 70px; position: relative; }
.ztMid ul li .bottom div img { position: absolute; width: 50px; height: 50px; border-radius: 8px; z-index: 2; border-right: 3px solid rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; }
.ztMid ul li .bottom div a:nth-child(2) img { left: 34px; z-index: 1; }
.ztMid ul li .bottom div a:nth-child(3) img { left: 68px; z-index: 0; }
.ztMid ul li .bottom div a img:hover { z-index: 3; transform: scale(1.1); }
.ztDetailTop { width: 100%; height: 286px; border-radius: 10px; background: rgb(255, 255, 255); margin-top: 33px; }
.ztDetailTop img { float: left; width: 500px; height: 280px; border-radius: 10px; margin: -22px 20px 0px 22px; }
.ztDetailTop .right { float: left; width: 638px; white-space: nowrap; overflow: hidden; }
.ztDetailTop .right > h1 { height: 38px; line-height: 38px; font-size: 24px; color: rgb(51, 51, 51); font-weight: bold; margin-top: 24px; }
.ztDetailTop .right > p:nth-child(2) { height: 34px; line-height: 34px; color: rgb(153, 153, 153); font-size: 12px; }
.ztDetailTop .right > p:nth-child(2) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: 9px 8px 0px 0px; }
.ztDetailTop .right > p:nth-child(2) span { color: rgb(238, 62, 49); font-size: 22px; font-weight: bold; float: right; }
.ztDetailTop .right div { height: 128px; border-radius: 8px; background: rgb(247, 247, 247); padding: 22px 16px 0px; margin-top: 14px; position: relative; }
.ztDetailTop .right div i { position: absolute; top: -9px; width: 32px; height: 25px; background-position: -66px -400px; }
.ztDetailTop .right div p { width: 604px; float: left; white-space: normal; line-height: 26px; color: rgb(153, 153, 153); font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; }
.ztDetailMid { overflow: hidden; margin: 25px 0px 10px; }
.ztDetailMid li { float: left; margin: 0px 23px 20px 0px; position: relative;}
.ztDetailMid li:nth-child(4n) { margin-right: 0px; }
.ztDetailMid li{ display: block; width: 282px; height: 230px; border-radius: 10px; background: url("../images/ztbg1.jpg"); }
.ztDetailMid li .top { overflow: hidden; padding: 21px 0px 15px; }
.ztDetailMid li .top img { float: left; width: 100px; height: 100px; border-radius: 18px; margin: 0px 15px 0px 18px; }
.ztDetailMid li .top div { float: left; width: 140px; white-space: nowrap; overflow: hidden; font-size: 14px; color: rgb(153, 153, 153); }
.ztDetailMid li .top div a:nth-child(1) { height: 24px; line-height: 24px; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; }
.ztDetailMid li .top div p:nth-child(2) { height: 24px; line-height: 24px; }
.ztDetailMid li .top div p:nth-child(3) { height: 22px; line-height: 22px; }
.ztDetailMid li .top div p:nth-child(4) { height: 30px; line-height: 30px; }
.ztDetailMid li .top div p:nth-child(4) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: 6px 8px 0px 0px; }
.ztDetailMid li .mid { line-height: 20px; color: rgb(153, 153, 153); font-size: 14px; margin: 0px 15px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; }
.ztDetailMid li .bottom { width: 100%;height: 42px; line-height: 42px; font-size: 14px; color: rgb(102, 102, 102); text-align: center; border-top: 1px solid rgb(228, 228, 228); background: rgb(255, 255, 255); margin-top: 15px; border-radius: 0px 0px 10px 10px; transition: background 0.2s ease-in-out 0s; position: absolute;left: 0;bottom: 0;}
.ztDetailMid li.down:hover .bottom { background: rgb(255, 148, 0); color: rgb(255, 255, 255); }
.ztDetailMid li.look:hover .bottom { background: rgb(0, 192, 255); color: rgb(255, 255, 255); }
.ztDetailMid li.down:hover .top div p:nth-child(1) { color: rgb(255, 148, 0); }
.ztDetailMid li.look:hover .top div p:nth-child(1) { color: rgb(0, 192, 255); }
.ztDetailBottom .tlt { height: 56px; line-height: 56px; color: rgb(51, 51, 51); font-size: 28px; font-weight: bold; }
.ztDetailBottom .tlt a { float: right; width: 98px; height: 28px; line-height: 28px; text-align: center; color: rgb(255, 153, 0); font-size: 14px; background: rgb(255, 255, 255); border: 1px solid rgb(255, 246, 220); border-radius: 14px; box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px; transition: box-shadow 0.2s ease-in-out 0s; margin-top: 13px; }
.ztDetailBottom .tlt a:hover { opacity: 0.9; box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px; }
.ztDetailBottom ul li { float: left; margin: 19px 37px 61px 0px; position: relative; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; }
.ztDetailBottom ul li:nth-child(4n) { margin-right: 0px; }
.ztDetailBottom ul li a::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 272px; height: 84px; background: linear-gradient(to top, rgba(0, 0, 0, 0.565), transparent); border-radius: 0px 0px 10px 10px; z-index: 1; }
.ztDetailBottom ul li a, .ztDetailBottom ul li a img { display: block; width: 272px; height: 175px; border-radius: 10px; overflow: hidden; transition: transform 0.5s ease 0s; }
.ztDetailBottom ul li a p { position: absolute; bottom: 0px; height: 46px; line-height: 46px; font-size: 18px; color: rgb(255, 255, 255); text-indent: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; z-index: 2; }
.ztDetailBottom ul li:hover a img { transform: scale(1.05); }
.rankTop { width: 100%; height: 60px; background: url("../images/rankbg.jpg") center center / cover no-repeat; }
.rankTop .watercolor1 { position: absolute; width: 47px; height: 32px; top: 274px; left: -28px; background-position: -144px -400px; }
.rankTop .watercolor2 { position: absolute; width: 116px; height: 56px; top: 540px; right: -24px; background-position: -2px -444px; }
.rankTop ul { overflow: hidden; position: absolute;}
.rankTop ul li { float: left; margin-right: 16px; width: 226px; height: 290px; border-radius: 12px; background-color: rgb(255, 255, 255); }
.rankTop ul li:last-child { margin-right: 0px; }
.rankTop ul li > i.top { display: block; width: 100%; height: 69px; background-position: -573px -406px; }
.rankTop ul li > p a{ height: 56px; line-height: 56px; font-size: 18px; font-weight: bold; color: rgb(255, 126, 74); text-align: center; white-space: nowrap; overflow: hidden; display: block     ;}
.rankTop ul li > a { float: left; margin-left: 11px; }
.rankTop ul li > a img { display: block; width: 86px; height: 86px; border-radius: 50%; border: 5px solid rgb(255, 115, 93); }
.rankTop ul li > a span { display: block; width: 56px; height: 22px; line-height: 22px; background: rgb(255, 126, 74); text-align: center; font-size: 12px; color: rgb(255, 255, 255); border-radius: 12px; margin-top: 16px; position: relative; padding: 0px 20px; }
.rankTop ul li > a span i { position: absolute; width: 24px; height: 28px; left: -4px; top: -4px; background-position: -284px -400px; }
.rankTop ul li > a:nth-child(4) span i { background-position: -316px -400px; }
.rankTop ul li > a span em { display: block; width: 70px; white-space: nowrap; overflow: hidden; }
.rankTop ul li:nth-child(2) > p { color: rgb(255, 184, 92); }
.rankTop ul li:nth-child(2) > i.top { background-position: -572px -488px; }

.rankTop ul li:nth-child(2) > a img { border-color: rgb(255, 179, 91); }
.rankTop ul li:nth-child(2) > a span { background-color: rgb(255, 179, 91); }
.rankTop ul li:nth-child(3) > i.top { background-position: -572px -569px; }
.rankTop ul li:nth-child(3) > p { color: rgb(72, 215, 255); }
.rankTop ul li:nth-child(3) > a img { border-color: rgb(72, 215, 255); }
.rankTop ul li:nth-child(3) > a span { background-color: rgb(72, 215, 255); }
.rankTop ul li:nth-child(4) > i.top { background-position: -572px -649px; }
.rankTop ul li:nth-child(4) > p { color: rgb(60, 239, 144); }
.rankTop ul li:nth-child(4) > a img { border-color: rgb(120, 244, 178); }
.rankTop ul li:nth-child(4) > a span { background-color: rgb(120, 244, 178); }
.rankTop ul li:nth-child(5) > i.top { background-position: -573px -727px; }
.rankTop ul li:nth-child(5) > p { color: rgb(216, 169, 248); }
.rankTop ul li:nth-child(5) > a img { border-color: rgb(201, 131, 246); }
.rankTop ul li:nth-child(5) > a span { background-color: rgb(201, 131, 246); }
.rankTop .listbox{position: relative;height: 290px;overflow: hidden;margin-top: 228px;}
.rankTop .info{position: relative;width: 1200px;}
.lrsub3 {position: absolute;left: 0;top: 0;width: 100%;}
.lrsub3 i:nth-child(1) {width: 40px;height: 120px;display: inline-block;background-position: -603px -68px;cursor: pointer;opacity: .6;position: absolute;top: 100px;left: -50px;}
.lrsub3 i:nth-child(1):hover { opacity: 1; }
.lrsub3 i:nth-child(2) {width: 40px;height: 120px;display: inline-block;background-position: -654px -68px;cursor: pointer;opacity: .6;position: absolute;top: 100px;right: -50px;}
.lrsub3 i:nth-child(2):hover { opacity: 1; }

.rankMid { background: rgb(250, 135, 117); overflow: hidden; width: 100%; padding-bottom: 43px; }
.rankMid > .ye1200 > i { display: block; width: 529px; height: 48px; background-position: 0px -752px; margin: 14px auto; }
.rankMid > .ye1200 > p { width: 1078px; height: 43px; line-height: 43px; margin: auto auto 39px; color: rgb(255, 255, 255); font-size: 20px; text-align: center; border-top: 1px solid rgb(255, 255, 148); border-bottom: 1px solid rgb(255, 255, 148); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rankMid > .ye1200 > p span { color: rgb(255, 245, 130); }
.rankMid > .ye1200 > div.ranknav { margin: 0px 15px 10px; height: 65px; position: relative; }
.rankMid > .ye1200 > div.ranknav div { float: left; width: 394px; height: 65px; line-height: 65px; border-radius: 12px; text-align: center; color: rgb(255, 255, 255); font-size: 26px; font-weight: bold; transition: all 0.3s ease-in-out 0s; margin-right: 16px; position: relative;cursor: pointer;}
.rankMid > .ye1200 > div.ranknav div:nth-child(1) { background: rgb(255, 97, 53); }
.rankMid > .ye1200 > div.ranknav div:nth-child(2) { background: rgb(255, 207, 92); }
.rankMid > .ye1200 > div.ranknav div:nth-child(3) { width: 350px; background: rgb(92, 232, 255); margin-right: 0px; }
.rankMid > .ye1200 > div.ranknav div i { display: inline-block; width: 31px; height: 9px; transition: all 0.3s ease-in-out 0s; position: relative; z-index: 1; }
.rankMid > .ye1200 > div.ranknav div i:nth-child(1) { background-position: -206px -400px; vertical-align: top; margin: 29px 9px 0px 0px; }
.rankMid > .ye1200 > div.ranknav div i:nth-child(3) { background-position: -247px -400px; vertical-align: top; margin: 29px 0px 0px 9px; }
.rankMid > .ye1200 > div.ranknav div span:nth-child(2) { display: inline-block; max-width: 234px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; }
.rankMid > .ye1200 > div.ranknav div:nth-child(1):hover, .rankMid > .ye1200 > div.ranknav div:nth-child(1).current { width: 394px; height: 79px; line-height: 79px; border-radius: 12px 12px 12px 0px; transform: translateY(-4px); }
.rankMid > .ye1200 > div.ranknav div:nth-child(1)::after { content: ""; position: absolute; background: url("../images/icon.png") -3px -596px / 800px 800px no-repeat; width: 0px; height: 38px; bottom: 0px; left: 0px; transition: all 0.3s ease-in-out 0s; }
.rankMid > .ye1200 > div.ranknav div:nth-child(1):hover::after, .rankMid > .ye1200 > div.ranknav div:nth-child(1).current::after { width: 390px; transform: translateY(38px); }
.rankMid > .ye1200 > div.ranknav div:nth-child(2)::after { content: ""; position: absolute; background: url("../images/icon.png") -3px -654px / 800px 800px no-repeat; width: 0px; height: 38px; bottom: 0px; left: 0px; transition: all 0.3s ease-in-out 0s; }
.rankMid > .ye1200 > div.ranknav div:nth-child(2):hover, .rankMid > .ye1200 > div.ranknav div:nth-child(2).current { width: 394px; height: 79px; line-height: 79px; transform: translateY(-4px); border-radius: 12px 12px 12px 0px; }
.rankMid > .ye1200 > div.ranknav div:nth-child(2):hover::after, .rankMid > .ye1200 > div.ranknav div:nth-child(2).current::after { width: 394px; transform: translateY(38px); }
.rankMid > .ye1200 > div.ranknav div:nth-child(3):hover, .rankMid > .ye1200 > div.ranknav div:nth-child(3).current { width: 350px; height: 79px; line-height: 79px; border-radius: 12px 12px 12px 0px; transform: translateY(-4px); }
.rankMid > .ye1200 > div.ranknav div:nth-child(3)::after { content: ""; position: absolute; background: url("../images/icon.png") -4px -708px / 800px 800px no-repeat; width: 0px; height: 38px; bottom: 0px; left: 0px; transition: all 0.3s ease-in-out 0s; }
.rankMid > .ye1200 > div.ranknav div:nth-child(3):hover::after, .rankMid > .ye1200 > div.ranknav div:nth-child(3).current::after { width: 350px; transform: translateY(38px); }
.rankMid > .ye1200 > div.ranknav div:hover i, .rankMid > .ye1200 > div.ranknav div.current i { margin-top: 36px; }
.rankMid > .ye1200 ul { border-radius: 22px; background: rgb(255, 255, 255); padding: 60px 30px 20px; }
.rankMid > .ye1200 ul li a { display: block; width: 1006px; height: 133px; padding: 25px 30px 0px 102px; border-radius: 8px; background: rgb(247, 247, 247); position: relative; margin-bottom: 16px; }
.rankMid > .ye1200 ul li a > i { position: absolute; width: 102px; height: 158px; line-height: 158px; font-size: 26px; color: rgb(185, 192, 200); font-weight: bold; top: 0px; left: 0px; text-align: center; }
.rankMid > .ye1200 ul li:nth-child(1) a > i, .rankMid > .ye1200 ul li:nth-child(2) a > i, .rankMid > .ye1200 ul li:nth-child(3) a > i { width: 42px; height: 68px; top: 0px; left: 29px; background-position: -5px -514px; }
.rankMid > .ye1200 ul li:nth-child(2) a > i { background-position: -62px -514px; }
.rankMid > .ye1200 ul li:nth-child(3) a > i { background-position: -121px -514px; }
.rankMid > .ye1200 ul li a img { float: left; width: 111px; height: 111px; border-radius: 22px; }
.rankMid > .ye1200 ul li a .mid { float: left; margin: 0px 62px 0px 20px; width: 700px; white-space: nowrap; overflow: hidden; }
.rankMid > .ye1200 ul li a .mid p:nth-child(1) { height: 40px; line-height: 40px; color: rgb(36, 36, 36); font-size: 18px; font-weight: bold; }
.rankMid > .ye1200 ul li a .mid p:nth-child(2) { height: 16px; line-height: 16px; color: rgb(153, 153, 153); font-size: 14px; }
.rankMid > .ye1200 ul li a .mid p:nth-child(2) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: -1px 8px 0px 16px; }
.rankMid > .ye1200 ul li a .mid p:nth-child(3) { white-space: normal; line-height: 22px; color: rgb(102, 102, 102); font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; }
.rankMid > .ye1200 ul li a .down { float: left; width: 112px; height: 36px; line-height: 36px; border-radius: 20px; background: rgb(248, 232, 210); font-size: 16px; color: rgb(255, 148, 0); text-align: center; margin-top: 36px; }
.rankMid > .ye1200 ul li a:hover { background: rgb(255, 244, 229); }
.rankMid > .ye1200 ul li a:hover .mid p:nth-child(1) { color: rgb(254, 169, 17); }
.rankMid > .ye1200 ul li a:hover .down { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); box-shadow: rgba(254, 200, 12, 0.5) 0px 2px 10px 0px; }
.gameDBody_1 { height: 206px; width: 100%; background: rgb(48, 48, 55); margin-bottom: 125px; }
.gameDBody_1 .info { margin-top: 29px; }
.gameDBody_1 .info img { float: left; width: 160px; height: 160px; border-radius: 30px; object-fit: cover;}
.gameDBody_1 .info .msg {float: left;width: 500px;margin-left: 20px; white-space: nowrap;  overflow: hidden; }
.gameDBody_1 .info .msg h1 {max-height: 64px;line-height: 32px;font-size: 28px;color: rgb(255, 255, 255);font-weight: bold;white-space: normal;margin: 9px 0;    display: -webkit-box;-webkit-box-orient: vertical;   -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;}
.gameDBody_1 .info .msg h1 span {display: inline-block;height: 24px;line-height: 24px;padding: 0px 8px;font-size: 12px;color: rgb(255, 148, 0);border: 1px solid rgb(255, 148, 0);border-radius: 4px;vertical-align: top;margin: 6px 0px 0px 15px;}
.gameDBody_1 .info .msg h1 span i { display: inline-block; width: 14px; height: 14px; background-position: -350px -400px; vertical-align: top; margin: 5px 4px 0px 0px; }
.gameDBody_1 .info .msg p:nth-child(2) { height: 24px; line-height: 24px; font-size: 14px; color: rgb(153, 153, 153); }
.gameDBody_1 .info .msg p:nth-child(3) span { float: left; height: 24px; line-height: 24px; font-size: 14px; color: rgb(153, 153, 153); background-color: rgb(67, 67, 72); padding: 0px 12px; margin: 12px 11px 0px 0px; border-radius: 2px; }
.gameDBody_1 .downBox { float: left; width: 520px; height: 88px; overflow: hidden; margin-top: 40px; }
.gameDBody_1 .downBox a { float: left; width: 165px; height: 45px; line-height: 45px; font-size: 18px; color: rgb(255, 255, 255); text-align: center; border-radius: 22px; margin-left: 8px; transition: opacity 0.2s ease 0s; }
.gameDBody_1 .downBox a.iosBtn { background: linear-gradient(to right, rgb(1, 115, 255), rgb(17, 166, 255)); }
.gameDBody_1 .downBox a.androidBtn { background: linear-gradient(to right, rgb(52, 212, 117), rgb(20, 238, 158)); }
.gameDBody_1 .downBox a.pcBtn { background: linear-gradient(to right, rgb(170, 50, 243), rgb(234, 80, 254)); }
.gameDBody_1 .downBox a i { display: inline-block; vertical-align: top; }
.gameDBody_1 .downBox a.iosBtn i { width: 20px; height: 24px; margin: 8px 6px 0px 0px; background-position: -378px -401px; }
.gameDBody_1 .downBox a.androidBtn i { width: 24px; height: 26px; margin: 10px 6px 0px 0px; background-position: -414px -401px; }
.gameDBody_1 .downBox a.pcBtn div { display: inline-block; width: 96px; margin-top: 7px; }
.gameDBody_1 .downBox a.pcBtn div p:nth-child(1) { height: 17px; line-height: 17px; font-size: 15px; color: rgb(255, 255, 255); }
.gameDBody_1 .downBox a.pcBtn div p:nth-child(2) { height: 14px; line-height: 14px; font-size: 12px; color: rgb(255, 255, 255); }
.gameDBody_1 .downBox a.pcBtn i { width: 28px; height: 26px; margin: 10px 6px 0px 0px; background-position: -448px -402px; }
.gameDBody_1 .downBox a:hover { opacity: 0.9; }
.gameDBody_1 .downBox > div { height: 45px; line-height: 45px; width: 212px; border-radius: 22px; float: left; margin-left: 8px; text-align: center; font-size: 18px; color: rgb(255, 255, 255); transition: opacity 0.2s ease 0s; }
.gameDBody_1 .downBox > div.orderBtn { cursor: pointer; background: linear-gradient(to right, rgb(255, 84, 0), rgb(255, 142, 0)); }
.gameDBody_1 .downBox > div.noBtn { background: linear-gradient(to right, rgb(153, 153, 153), rgb(153, 153, 153)); }
.gameDBody_1 .downBox > div i { display: inline-block; vertical-align: top; }
.gameDBody_1 .downBox > div.orderBtn i { background-position: -490px -403px; width: 22px; height: 22px; margin: 12px 8px 0px 0px; }
.gameDBody_1 .downBox > div.noBtn i { background-position: -528px -402px; width: 22px; height: 22px; margin: 11px 9px 0px 0px; }
.gameDBody_1 .downBox > div:hover { opacity: 0.9; }
.gameDL { float: left; width: 850px; margin-right: 28px; position: relative; }
.gameDL1 { position: absolute; top: -88px; left: 0px; height: 88px; line-height: 88px; font-size: 18px; color: rgb(102, 102, 102); }
.gameDL1 span { float: left; width: 100px; text-align: center; position: relative; transition: font-size 0.3s ease 0s; cursor: pointer; }
.gameDL1 span::after { content: ""; position: absolute; bottom: 15px; left: 0px; right: 0px; margin: auto; width: 0px; height: 8px; border-radius: 4px; background: rgb(255, 186, 37); transition: width 0.3s ease 0s; }
.gameDL1 span.current::after { width: 20px; }
.gameDL1 span.current { font-size: 24px; font-weight: bold; }
.gameDL1 span:hover { color: rgb(51, 51, 51); }
.showImg { border-radius: 12px 12px 0px 0px; background: rgb(255, 255, 255); }
.gDSwiper { width: 800px; height: 312px; padding: 27px 0px 83px; margin: 0px 24px; overflow: hidden; position: relative; }
.gDSwiper .swiper-slide { height: 310px; width: auto; max-width: 548px; }
.gDSwiper .swiper-slide video, .gDSwiper .swiper-slide img { height: 310px; width: auto; border-radius: 10px; box-sizing: border-box; max-width: 548px;}
.gDSwiper .swiper-slide-active video, .gDSwiper .swiper-slide-active img { border: 2px solid rgb(255, 186, 37); }
.showImg .gDSwiper .swiper-pagination { width: 666px; height: 2px; line-height: 2px; background: rgb(204, 204, 204); left: 134px; bottom: 47px; font-size: 0px; display: flex; }
.gDSwiper .swiper-pagination .swiper-pagination-bullet { height: 2px; background: rgb(204, 204, 204); border-radius: 0px; opacity: 1; flex: 1 1 0%; margin: 0px !important; }
.gDSwiper .swiper-pagination .swiper-pagination-bullet-active { background: rgb(37, 36, 41); }
.gDSwiper .btnPrev, .gDSwiper .btnNext { height: 40px; width: 40px; border-radius: 50%; top: 377px; left: 0px; background: url("../images/icon.png") -310px -454px / 800px 800px no-repeat; }
.gDSwiper .btnNext { left: 64px; transform: rotate(180deg); }
.gDSwiper .btnPrev:hover, .gDSwiper .btnNext:hover { background-position: -254px -454px; }
.gameDL2 { background: rgb(255, 255, 255); padding-top: 10px;}
.gameDL2 .cont { margin: 18px 24px 0px; line-height: 30px;
    color: rgb(68, 68, 68);
    margin-bottom: 16px;
    text-indent: 2em;
    font-size: 16px;
    word-break: break-all;}
.gameDL2 .cont img { display: block; padding: 5px 0px; margin: 0px auto;width: auto;max-width: 90%;object-fit: cover;}
.gameDL2 .cont h3 { font-size: 20px; color: rgb(255, 186, 37); height: 52px; line-height: 52px; font-weight: 600;}
.gameDL2 .cont p { line-height: 25px; color: rgb(102, 102, 102); font-size: 16px; margin: 15px 0px; text-indent: 2em;}
.gameDL2 .cont p a { text-decoration: underline; color: blue; }
.gameDL2 .cont table{margin: 20px auto;}
.gDTlt { height: 24px; line-height: 24px; color: rgb(51, 51, 51); font-size: 20px; font-weight: bold; text-indent: 25px; position: relative; }
.gDTlt a.more { position: absolute; top: -3px; right: 28px; width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: rgb(254, 153, 1); border-radius: 14px; border: 1px solid rgb(255, 246, 220); text-indent: 0px; box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px; font-weight: 300; }
.gDTlt a.more:hover { box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px; }
.gameTagBox { margin: 12px 25px 0px; }
.gameTagBox > div:nth-child(1) { margin-top: 12px; height: 75px; line-height: 75px; color: rgb(138, 138, 138); font-size: 16px; text-align: center; position: relative; }
.gameTagBox > div:nth-child(1) i { display: inline-block; width: 19px; height: 19px; background-position: -250px -419px; vertical-align: top; margin: 28px 6px 0px 0px; }
.gameTagBox > div:nth-child(1)::before, .gameTagBox > div:nth-child(1)::after { content: ""; position: absolute; width: 326px; height: 1px; background: rgb(240, 240, 240); top: 0px; bottom: 0px; margin: auto; }
.gameTagBox > div:nth-child(1)::before { left: 0px; }
.gameTagBox > div:nth-child(1)::after { right: 0px; }
.gameTagBox > div:nth-child(2) { text-align: center; overflow: hidden; padding-bottom: 20px; }
.gameTagBox > div:nth-child(2) a { display: inline-block; padding: 0px 20px; margin: 0px 20px 20px 0px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: rgb(138, 138, 138); border-radius: 8px; background: rgb(243, 245, 247); transition: opacity 0.2s ease 0s; }
.gameTagBox > div:nth-child(2) a:hover { opacity: 0.8; }
.gameTagBox > div:nth-child(2) a:nth-child(1),.gameTagBox > div:nth-child(2) a:nth-child(4),.gameTagBox > div:nth-child(2) a:nth-child(7){background: #edfaff;color: #009ad6;}
.gameTagBox > div:nth-child(2) a:nth-child(2),.gameTagBox > div:nth-child(2) a:nth-child(5),.gameTagBox > div:nth-child(2) a:nth-child(8){background: #fff5ed;color: #f47920;}
.gameTagBox > div:nth-child(2) a:nth-child(3),.gameTagBox > div:nth-child(2) a:nth-child(6),.gameTagBox > div:nth-child(2) a:nth-child(9){background: #edfff5;color: #45b97c;}
.gameDL3 { background: rgb(255, 255, 255); margin-bottom: 20px; border-radius: 0px 0px 12px 12px; }
.gameDL3 ul { overflow: hidden; padding-bottom: 40px; margin: 14px 25px 0px; }
.gameDL3 ul li { float: left; margin-right: 8px; height: 35px; line-height: 35px; width: 396px; color: rgb(153, 153, 153); font-size: 16px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.gameDL3 ul li:nth-child(2n) { margin-right: 0px; }
.gameDL3 ul li span { color: rgb(102, 102, 102); }
.gameDL3 ul li span.gamePermissions, .gameDL3 ul li span.privacyStatement { text-decoration: underline; color: rgb(236, 0, 62); cursor: pointer; }
.gameDL3 ul li span.gamePermissions:hover, .gameDL3 ul li span.privacyStatement:hover { color: rgba(255, 16, 16, 0.62); }
.gameDL4 { padding: 26px 0px; border-radius: 12px; background: rgb(255, 255, 255); margin-bottom: 20px; }
.gameDL4 ul li a { display: block; width: 800px; height: 62px; line-height: 62px; background: rgb(247, 247, 247); border-radius: 8px; margin: 0px auto 18px; transition: background 0.3s ease 0s; }
.gameDL4 ul li:first-child a { margin-top: 21px; }
.gameDL4 ul li a img { float: left; width: 42px; height: 42px; border-radius: 8px; margin: 10px 17px 0px 13px; }
.gameDL4 ul li a p:nth-child(2) { float: left; width: 170px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-size: 16px; color: rgb(51, 51, 51); margin-right: 20px; }
.gameDL4 ul li a p:nth-child(3), .gameDL4 ul li a p:nth-child(4) { float: left; width: 200px; white-space: nowrap; overflow: hidden; font-size: 16px; color: rgb(153, 153, 153); margin-right: 4px; }
.gameDL4 ul li a p:nth-child(3) span, .gameDL4 ul li a p:nth-child(4) span { color: rgb(102, 102, 102); }
.gameDL4 ul li a div { float: left; width: 112px; height: 36px; line-height: 36px; font-size: 16px; color: rgb(255, 148, 0); border-radius: 18px; background: rgb(248, 237, 222); margin-top: 13px; text-align: center; }
.gameDL4 ul li a:hover { background: rgb(255, 244, 229); }
.gameDL4 ul li a:hover div { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); box-shadow: rgba(254, 200, 12, 0.5) 0px 2px 10px 0px; }
.gameDL5 { padding: 25px 0px 20px; border-radius: 12px; background: rgb(255, 255, 255); margin-bottom: 20px; }
.gameDL5 ul { overflow: hidden; }
.gameDL5 ul li { float: left; }
.gameDL5 ul li a { display: block; width: 124px; margin: 23px 44px 0px 0px; }
.gameDL5 ul li:first-child a { margin-left: 25px; }
.gameDL5 ul li:nth-child(5n) a { margin-right: 0px; }
.gameDL5 ul li a img { display: block; width: 124px; height: 124px; border-radius: 24px; }
.gameDL5 ul li a p { width: 124px; height: 30px; line-height: 30px; border-radius: 14px; font-size: 16px; color: rgb(51, 51, 51); text-align: center; white-space: nowrap; overflow: hidden; margin: 15px 0px; }
.gameDL5 ul li a:hover p { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); }
.gameDL6 {padding: 27px 0px 28px;border-radius: 12px;background: rgb(255, 255, 255);margin-bottom: 20px;}
.gameDL6 ul {overflow: hidden;padding-left: 24px;}
.gameDL6 ul li { float: left; }
.gameDL6 ul li a { display: block; width: 255px; margin: 19px 17px 0px 0px; }
.gameDL6 ul li:nth-child(3n) a { margin-right: 0px; }
.gameDL6 ul li a img { display: block; width: 255px; height: 144px; border-radius: 10px; }
.gameDL6 ul li a p {width: 255px;height: 42px;line-height: 23px;font-size: 14px;color: rgb(102, 102, 102);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;margin-top: 11px;transition: color 0.3s ease 0s;}
.gameDL6 ul li a:hover p { color: rgb(255, 153, 0); }
.gameDL7 { padding: 26px 0px 14px; border-radius: 12px; background: rgb(255, 255, 255); margin-bottom: 24px; }
.gameDL7 .tabBar { margin: 0px 22px; height: 68px; line-height: 68px; display: flex; overflow: auto; border-bottom: 1px solid rgb(240, 239, 244); white-space: nowrap; }
.gameDL7 .tabBar span { display: inline-block; margin-right: 60px; font-size: 16px; color: rgb(102, 102, 102); width: 120px; text-align: center; cursor: pointer; position: relative; transition: font-size 0.3s ease 0s; }
.gameDL7 .tabBar span::after { position: absolute; content: ""; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 0px; height: 5px; background: rgb(252, 239, 226); border-radius: 4px; transition: width 0.3s ease 0s; }
.gameDL7 .tabBar span.current, .gameDL7 .tabBar span:hover { color: rgb(255, 148, 0); font-size: 18px; font-weight: bold; }
.gameDL7 .tabBar span.current::after, .gameDL7 .tabBar span:hover::after { width: 80px; }
.gameDL7 .top {width: 737px;height: 203px;border-radius: 12px;background: url("../images/ztbg1.jpg");margin: 21px auto 31px;position: relative;padding: 19px 20px 0px 52px;}
.gameDL7 .top .clipImgbox { position: absolute; border-radius: 12px 0px 0px 12px; left: 0px; top: 0px; width: 147px; height: 222px; overflow: hidden; }
.clipImg { height: 222px; position: relative; z-index: 3; mask-image: linear-gradient(-69deg, #0000 79px, #fff 0);-webkit-mask-image: linear-gradient(-69deg, #0000 79px, #fff 0);}
.gameDL7 .top img { float: left; height: 180px; width: 300px; border-radius: 12px; border: 2px solid rgb(255, 255, 255); position: relative; z-index: 6; }
.gameDL7 .top .right { float: left; width: 415px; margin-left: 18px; }
.gameDL7 .top .right p:nth-child(1) { height: 49px; line-height: 49px; color: rgb(0, 0, 0); font-size: 20px; }
.gameDL7 .top .right p:nth-child(1) a{ display: inline-block; width: 300px; white-space: nowrap; overflow: hidden; }
.gameDL7 .top .right p:nth-child(1) span { float: right; font-size: 14px; color: rgb(153, 153, 153); }
.gameDL7 .top .right p:nth-child(1) span em { font-size: 18px; color: rgb(253, 71, 42); font-weight: bold; }
.gameDL7 .top .right p:nth-child(2) { width: 100%; line-height: 24px; color: rgb(102, 102, 102); font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; }
.gameDL7 .top .right p:nth-child(3) { height: 48px; line-height: 48px; color: rgb(153, 153, 153); font-size: 12px; }
.gameDL7 .top .right p:nth-child(3) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: 15px 8px 0px 0px; }
.gameDL7 .top .right p:nth-child(3) span { font-size: 14px; }
.gameDL7 .bottom { overflow: hidden; margin-left: 25px; }
.gameDL7 .bottom li { float: left; }
.gameDL7 .bottom li a { display: block; width: 123px; margin: 0px 46px 12px 0px; }
.gameDL7 .bottom li:nth-child(5n) a { margin-right: 0px; }
.gameDL7 .bottom li a img { display: block; width: 123px; height: 123px; border-radius: 28px; }
.gameDL7 .bottom li a p { width: 123px; height: 59px; line-height: 59px; font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-align: center;}
.gameDL7 .bottom li a:hover p { color: rgb(255, 148, 0); }
.gameDR { float: left; width: 322px; }
.gameDR .gDRTlt { height: 66px; line-height: 66px; font-size: 24px; color: rgb(51, 51, 51); position: relative; }
.gameDR .gDRTlt a.more { position: absolute; top: 20px; right: 0px; width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: rgb(255, 153, 0); border-radius: 14px; border: 1px solid rgb(255, 246, 220); background: rgb(255, 255, 255); box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px; }
.gameDR .gDRTlt a.more:hover { box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px; }
.gameDR .gDRTlt .change { position: absolute; right: 0px; font-size: 12px; color: rgb(138, 138, 138); cursor: pointer; }
.gameDR .gDRTlt.move { position: absolute; top: -66px; left: 0px; width: 100%; }
.gameDR .gDRTlt.move i { display: inline-block; width: 12px; height: 14px; background-position: -216px -420px; vertical-align: top; margin: 27px 4px 0px 0px; }
.gameDR .gDRTlt.move i.cur { transition: all 1s ease 0s; transform: rotate(360deg); }
.gameDR1 { position: relative; }
.gameDR1 ul li a { display: block; width: 322px; height: 104px; border-radius: 12px; box-sizing: border-box; background: rgb(255, 255, 255); margin-bottom: 12px; padding: 16px 0px 0px 18px; position: relative; transition: all 0.5s ease 0s; border: 1px solid transparent; }
.gameDR1 ul li:last-child a { margin-bottom: 0px; }
.gameDR1 ul li a img { float: left; width: 72px; height: 72px; border-radius: 22px; margin-right: 18px; }
.gameDR1 ul li a div { float: left; width: 150px; white-space: nowrap; overflow: hidden; }
.gameDR1 ul li a div p:nth-child(1) { height: 26px; line-height: 26px; font-size: 16px; color: rgb(51, 51, 51); }
.gameDR1 ul li:hover a div p:nth-child(1) { color: rgb(233, 68, 62); }
.gameDR1 ul li a div p:nth-child(2) { height: 26px; line-height: 26px; font-size: 14px; color: rgb(153, 153, 153); }
.gameDR1 ul li a div p:nth-child(3) { height: 18px; line-height: 18px; font-size: 12px; color: rgb(153, 153, 153); }
.gameDR1 ul li a div p:nth-child(3) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: 0px 8px 0px 0px; }
.gameDR1 ul li a span.down, .gameDR1 ul li a span.look { position: absolute; width: 56px; height: 27px; line-height: 27px; border-radius: 0px 12px; right: -1px; top: -1px; color: rgb(255, 255, 255); font-size: 12px; text-align: center; background: rgb(255, 148, 0); }
.gameDR1 ul li a span.look { background: rgb(0, 192, 255); }
.gameDR1 ul li a.aDown:hover { border: 1px solid rgb(249, 214, 139); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; }
.gameDR1 ul li a.aLook:hover { border: 1px solid rgb(249, 214, 139); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; }
.gameDR2 ul li a { display: block; position: relative; width: 322px; height: 142px; border-radius: 12px; margin-bottom: 13px; overflow: hidden; }
.gameDR2 ul li:last-child a { margin-bottom: 0px; }
.gameDR2 ul li a::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 84px; background: linear-gradient(to top, rgba(0, 0, 0, 0.565), transparent); border-radius: 0px 0px 10px 10px; z-index: 1; }
.gameDR2 ul li a img { display: block; width: 322px; height: 142px; border-radius: 12px; transition: transform 0.5s ease 0s; }
.gameDR2 ul li a p { position: absolute; bottom: 0px; left: 0px; width: 322px; height: 41px; line-height: 41px; font-size: 16px; color: rgb(255, 255, 255); text-indent: 14px; white-space: nowrap; overflow: hidden; z-index: 1; }
.gameDR2 ul li a span { position: absolute; bottom: 0px; left: 0px; display: block; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); width: 322px; height: 112px; }
.gameDR2 ul li:hover a img { transform: scale(1.05); }
.gameDR3 ul { padding-bottom: 24px; border-radius: 12px; background: rgb(255, 255, 255); }
.gameDR3 ul li a { display: block; height: 42px; line-height: 42px; color: rgb(68, 68, 68); font-size: 16px; white-space: nowrap; overflow: hidden; position: relative; }
.gameDR3 ul li a i.rank { float: left; font-size: 20px; color: rgb(185, 192, 200); font-weight: bold; font-style: italic; margin: 0px 26px 0px 28px; }
.gameDR3 ul li a p { overflow: hidden; text-overflow: ellipsis; }
.gameDR3 ul li:nth-child(1) a, .gameDR3 ul li:nth-child(2) a, .gameDR3 ul li:nth-child(3) a { display: block; width: 322px; height: 126px; box-sizing: border-box; background: rgb(255, 255, 255); padding: 30px 0px 0px 18px; position: relative; border-bottom: 1px solid rgb(240, 240, 240); }
.gameDR3 ul li:nth-child(1) a { border-radius: 12px 12px 0px 0px; }
.gameDR3 ul li:nth-child(3) a { margin-bottom: 14px; }
.gameDR3 ul li:nth-child(1) a .rank, .gameDR3 ul li:nth-child(2) a .rank, .gameDR3 ul li:nth-child(3) a .rank { position: absolute; top: -1px; left: 44px; width: 24px; height: 40px; background-position: -371px -456px; margin: 0px; }
.gameDR3 ul li:nth-child(2) a .rank { background-position: -413px -457px; }
.gameDR3 ul li:nth-child(3) a .rank { background-position: -454px -456px; }
.gameDR3 ul li:nth-child(1) a img, .gameDR3 ul li:nth-child(2) a img, .gameDR3 ul li:nth-child(3) a img { float: left; width: 76px; height: 76px; border-radius: 22px; margin-right: 18px; box-sizing: border-box; border: 2px solid rgb(255, 141, 0); }
.gameDR3 ul li:nth-child(2) a img { border-color: rgb(159, 217, 0); }
.gameDR3 ul li:nth-child(3) a img { border-color: rgb(0, 190, 255); }
.gameDR3 ul li:nth-child(1) a div, .gameDR3 ul li:nth-child(2) a div, .gameDR3 ul li:nth-child(3) a div { float: left; width: 150px; white-space: nowrap; overflow: hidden; }
.gameDR3 ul li:nth-child(1) a div p:nth-child(1), .gameDR3 ul li:nth-child(2) a div p:nth-child(1), .gameDR3 ul li:nth-child(3) a div p:nth-child(1) { height: 26px; line-height: 26px; font-size: 16px; color: rgb(51, 51, 51); }
.gameDR3 ul li:nth-child(1) a div p:nth-child(2), .gameDR3 ul li:nth-child(2) a div p:nth-child(2), .gameDR3 ul li:nth-child(3) a div p:nth-child(2) { height: 26px; line-height: 26px; font-size: 14px; color: rgb(153, 153, 153); }
.gameDR3 ul li:nth-child(1) a div p:nth-child(3), .gameDR3 ul li:nth-child(2) a div p:nth-child(3), .gameDR3 ul li:nth-child(3) a div p:nth-child(3) { height: 18px; line-height: 18px; font-size: 12px; color: rgb(153, 153, 153); }
.gameDR3 ul li:nth-child(1) a div p:nth-child(3) i, .gameDR3 ul li:nth-child(2) a div p:nth-child(3) i, .gameDR3 ul li:nth-child(3) a div p:nth-child(3) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: 0px 8px 0px 0px; }
.gameDR3 ul li a span.down, .gameDR3 ul li a span.look { position: absolute; width: 56px; height: 27px; line-height: 27px; border-radius: 0px 12px; right: 0px; top: 0px; color: rgb(255, 255, 255); font-size: 12px; text-align: center; background: rgb(255, 148, 0); }
.gameDR3 ul li a span.look { background: rgb(0, 192, 255); }
.gameDR3 ul li a:hover .name { color: rgb(233, 68, 62) !important; }
.gameDR4 div { width: 322px; height: 188px; overflow: hidden; border-radius: 12px; background: rgb(255, 255, 255); position: relative; }
.gameDR4 ul { height: 68px; width: 450px; padding-top: 20px; }
.gameDR4 ul:nth-child(1) { margin-left: 35px; }
.gameDR4 ul:nth-child(3) { margin-left: 35px; }
.gameDR4 ul:nth-child(3) { position: absolute; top: 0px; left: 450px; }
.gameDR4 ul:nth-child(4) { position: absolute; top: 88px; left: 450px; }
.gameDR4 ul li { float: left; }
.gameDR4 ul li a { display: block; width: 68px; height: 68px; border-radius: 14px; margin: 0px 7px 7px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px 0px; }
.gameDR4 ul li a img { display: block; width: 68px; height: 68px; border-radius: 14px; border-bottom: 1px solid rgb(255, 255, 255); }


/* order */
.orderList i,.feedBack i,.gRule i,.gPrivacy i{background: url(../images/maskicon.png) no-repeat;background-size: 500px 500px;}
.orderList{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,.7);}
.orderBox{position: fixed;top: 180px;left: 0;right: 0;margin: auto;background-color: #fff;width: 546px;min-height: 300px;border-radius: 20px;text-align: center;}
.orderBox:after{content: "";display:block;width: 101px;height:99px;background: url(../images/maskicon.png) no-repeat;background-size: 500px 500px;background-position: -392px -395px;position: absolute;bottom: 0;right: 0;z-index: -1;}
.orderBox .oClose{position: absolute;bottom: -122px;left: 0;right:0;margin: auto;}
.orderBox .oClose i{display: inline-block;width: 46px;height: 98px;background-position: -76px -4px;position: relative;cursor: pointer;}
.orderBox .oTitle{position: relative;width: 100%;height: 90px;}
.orderBox .oTitle:after{content: "";display:block;width: 35px;height: 35px;background: url(../images/maskicon.png) no-repeat;background-size: 500px 500px;background-position: -458px -336px;position: absolute;top: 37px;right: 35px;margin: 0 auto;}
.orderBox .oTitle p{padding-left: 41px;padding-top: 20px;font-size: 32px;color: #000;font-weight: bold;line-height: 68px;white-space: nowrap;overflow: hidden;text-align: left;}
.orderBox .oTitle p:after{content: "";display:block;width: 77px;height:5px;background: #FDD400;position: relative;}
.orderBox form{position: relative;min-height: 216px;}
.orderBox form .tel{width:396px;height: 58px;line-height: 58px;border: 1px solid #E0E0E0;color:#ccc;font-size:14px;border-radius:9px;padding-left: 70px;margin: 26px auto 4px;overflow: hidden;white-space: nowrap;}
.orderBox form i{content: "";position: absolute;top: 39px;left: 61px;display:inline-block;width: 19px;height: 30px;background-position: -8px -86px;margin-right: 15px;}
.orderBox form i:after{content: "";display: inline-block;width: 1px;height: 41px;background: #E3E3E3;position: absolute;right: -15px;top: -5px;}
.orderBox form p{ color:#404040;font-size:18px;line-height: 30px;overflow: hidden;white-space: nowrap;}
.orderBox form p span{ color:#E9443E;}
.orderBox form p:nth-of-type(2){color: #ccc;font-size: 16px;}
.orderBox form>span{color: #fe684d;font-size: 14px;text-align: left;display: block;width:362px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{position: absolute;left: 0;right: 0;bottom: -22px;cursor: pointer;width:228px;height: 52px;border: 0;background: linear-gradient(-90deg, #FF8E00, #FF5300);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 26px auto 0 ;overflow: hidden;white-space: nowrap; }
.orderBox form .txt span{display: inline;}
.orderBox .msg{color: #ff3232;font-size: 12px;height: 14px;line-height: 14px;text-align: left;display: block;padding: 0 30px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox .oKnow{position: absolute;left: 0;right: 0;bottom: -22px;display: block;cursor: pointer;width:228px;height: 52px;border: 0;background: linear-gradient(-90deg, #FF8E00, #FF5300);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 6px auto 0;overflow: hidden;white-space: nowrap; }
.orderBox .oWin{width: 100%;min-height: 220px;padding: 0 0 20px;font-size: 18px;border-radius: 20px;text-align: center;}
.orderBox .oWin p{font-size:26px;color: #FF7631;font-weight: bold;line-height: 36px;margin: 22px auto;}
.orderBox .oWin>i{display:inline-block;width: 149px;height: 112px;background-position: -154px -4px;position: relative;}
.orderBox .oAgin{width: 100%;min-height:220px;padding: 0 0 20px;font-size: 18px;border-radius: 20px;text-align: center;}
.orderBox .oAgin p{font-size:26px;color: #1AE6CD;font-weight: bold;line-height: 36px;margin: 22px auto;}
.orderBox .oAgin>i{display:inline-block;width: 150px;height: 113px;background-position: -343px -4px;position: relative;}
/* feedback */
.gameDL3{position: relative;}
.feBaBtn {position: absolute;top: 4px;right: 0;margin-right:25px;color:rgb(255, 148, 0);font-size:14px;cursor: pointer;overflow: hidden;*zoom: 1;}
.feBaBtn:before{ content: "!";display: inline-block; width: 16px; height: 16px;font-size: 12px;color: #fff;background-color:rgb(255, 148, 0);border-radius: 50%;text-align: center;line-height: 15px;margin-right: 4px;position: relative;top: 2px;vertical-align: top;z-index: 2;}
.feBaBtn:hover{text-decoration: underline;}
.feedBack{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,.7);}
.feBaBox{position: fixed;top: 50px;left: 0;right: 0;margin: auto;width: 533px;border-radius: 8px;background-color: #fff;border-radius: 18px 18px 20px 20px;}
.feBaBox .fClose{position: absolute;top: 0;right:17px;margin: auto;z-index: 10;text-align: center;}
.feBaBox .fClose i{display: inline-block;width: 41px;height: 56px;background-position: -7px -3px;position: relative;cursor: pointer;}
.feBaBox .fTitle{position: relative;width: 100%;height: 140px;background-color: transparent;background-image: url(../images/maskfback.jpg);background-size: 533px 100%;text-align: center;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.feBaBox .fTitle p{font-size: 24px;color: #fff;font-weight: bold;padding-top: 24px;line-height: 70px;white-space: nowrap;overflow: hidden;}
.feBack{padding: 15px 26px 5px;position: relative;top: -18px;background-color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.feBack p{font-size: 22px;color: #000;margin: 15px 0;line-height: 28px;}
.feBack p:nth-of-type(1){margin-bottom: 5px;}
.feBack textarea{width: 459px;height: 99px;border: none;resize:none;background: #F0F0F0;padding-left: 2px;padding: 12px;font-size: 16px;color: #999;border-radius: 6px;}
.checkbox {position: relative;height: 50px;line-height: 50px;}
.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: 50px;line-height: 50px;width: 480px;font-size: 18px;color: #666;text-align: left;padding-left: 38px;}
.checkbox label:after {content: '';position: absolute;left: 2px;top: 13px;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #CCCCCC;text-align: center;line-height: 20px;}
.checkbox input[type='checkbox']:checked + label:after {background-color: #fff;content: '';border-color: #934FD6;display: inline-block;width: 20px;height: 20px;background: url(../images/maskicon.png) no-repeat;background-size: 500px 500px;background-position:-38px -64.5px; }
.telBox{height: 53px;line-height: 53px;overflow: hidden;background: #F6F6F6;border-radius: 6px;}
.telBox input{border: none;height: 53px;width: 471px;font-size:16px;padding-left: 12px;background: #F6F6F6;}
.telBox input::-webkit-input-placeholder {color: #999;}
.telBox input:-moz-placeholder { color: #999;}
.telBox input::-moz-placeholder { color: #999;}
.telBox input:-ms-input-placeholder { color: #999;}
.feSubmit{position: relative;}
.feSubmit input{display: block;background: url(../images/maskicon.png) no-repeat;background-size: 500px 500px;background-position: -12px -430px;font-size: 24px;margin: 10px auto 40px;width:276px;height: 60px;line-height: 60px;text-align: center;color: #fff;border: none;}
.feSubmit input:hover{opacity: .96;}
/* rule */
.gRule{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, .7);}
.ruleBox{position: fixed;z-index: 5;top: 60px;left: 0;right: 0;margin: auto;background-color: transparent;width: 573px;border-radius: 20px;}
.ruleBox .rTitle{position: relative;width: 100%;height: 172px;background-image: url(../images/maskrule.png);background-size: 573px 100%;text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.ruleBox .rTitle p{font-size: 39px;color: #fff;font-weight: bold;padding-top: 22px;line-height: 120px;white-space: nowrap;overflow: hidden;}
.grBox{background-color: #fff;position: relative;padding: 10px;top: -30px;border-radius: 20px;}
.ruleMain{display: block;width: 490px;height: 420px;border-radius: 20px;padding:0 10px 0 15px;line-height: 42px;font-size: 16px;margin: 20px auto 0;overflow: auto;}
.ruleMain p:nth-of-type(1){font-size: 18px;color: #333;font-weight: bold;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 20px;}
.gRule .rSure{position: relative;display: block;cursor: pointer;text-align: center;width:228px;height: 52px;border: 0;background: linear-gradient(-90deg, #FF8E00, #FF5300);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 36px auto 40px;overflow: hidden;white-space: nowrap; }
textarea.ruleMain {border: none;resize: none;}
/* gPrivacy */
.gPrivacy{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, .7);}
.privacyBox{position: fixed;z-index: 5;top: 60px;left: 0;right: 0;margin: auto;background-color: transparent;width: 573px;border-radius: 20px;}
.privacyBox .rTitle{position: relative;width: 100%;height: 172px;background-image: url(../images/maskrule.png);background-size: 573px 100%;text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.privacyBox .rTitle p{font-size: 39px;color: #fff;font-weight: bold;padding-top: 22px;line-height: 120px;white-space: nowrap;overflow: hidden;}
.grBox{background-color: #fff;position: relative;padding: 10px;top: -30px;border-radius: 20px;}
.privacyMain{display: block;width: 490px;height: 420px;border-radius: 20px;padding:0 10px 0 15px;line-height: 42px;font-size: 16px;margin: 20px auto 0;overflow: auto;}
.privacyMain p{line-height: 32px;}
.privacyMain p:nth-of-type(1){font-size: 18px;color: #333;font-weight: bold;margin-bottom: 6px;}
.privacyMain p:nth-last-of-type(1){margin-bottom: 20px;}
.gPrivacy .gSure{position: relative;display: block;cursor: pointer;text-align: center;width:228px;height: 52px;border: 0;background: linear-gradient(-90deg, #FF8E00, #FF5300);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 36px auto 40px;overflow: hidden;white-space: nowrap; }

/* rankdetail */
.rankdetail{overflow: hidden;}
.rankdetail .rank_l{width: 850px;background: #fff;position: relative;overflow: hidden;border-radius: 10px;margin-bottom: 30px;float: left;}
.rankdetail .rank_r{float: left;margin-left: 28px;}
.rl_t .rt{background: url(../images/rankdetailbg.png) no-repeat;width: 850px;height: 262px;display: block;position: absolute;top: 0;left: 0;}
.rl_t .box{position: relative;z-index: 3;}
.rl_t .box h3{font-size: 26px;color: #fff;font-weight: 600;line-height: 26px;text-align: center;margin-top: 46px;}
.rl_t .info{height: 98px;margin: 0 14px;background: rgba(255, 255, 255, .7);border-radius: 16px;margin-top: 30px;position: relative;padding-top: 22px;}
.rl_t .info>i{width: 32px;height: 25px;display: inline-block;background-position: -248px -191px;position: absolute;top: -10px;left: 18px;}
.rl_t .info p{font-size: 16px;color: #999;line-height: 28px;margin: 0 18px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;}
.rl_t .info span{position: absolute;top: 88px;left: 18px;font-size: 13px;color: #ffbe3e;line-height: 16px;}
.rl_t .info span i{width: 16px;height: 16px;display: inline-block;background-position: -250px -136px;margin-right: 8px;vertical-align: text-top;}

.rl_b ul { border-top-left-radius: 22px; border-top-right-radius: 22px; background: rgb(255, 255, 255); padding: 30px 30px 20px; }
.rl_b ul li a {display: block;height: 133px;padding: 25px 30px 0px 102px;border-radius: 8px;background: rgb(247, 247, 247);position: relative;margin-bottom: 16px;}
.rl_b ul li a > i { position: absolute; width: 102px; height: 158px; line-height: 158px; font-size: 26px; color: rgb(185, 192, 200); font-weight: bold; top: 0px; left: 0px; text-align: center; }
.rl_b ul li:nth-child(1) a > i, .rl_b ul li:nth-child(2) a > i, .rl_b ul li:nth-child(3) a > i { width: 42px; height: 68px; top: 0px; left: 29px; background-position: -5px -514px; }
.rl_b ul li:nth-child(2) a > i {background-position: -62px -514px;width: 42px;height: 68px;top: 0px;left: 29px;}
.rl_b ul li:nth-child(3) a > i { background-position: -121px -514px;width: 42px;height: 68px;top: 0px;left: 29px;}
.rl_b ul li a img {float: left;width: 110px;height: 110px;border-radius: 25px;}
.rl_b ul li a .mid {float: left;margin: 0px 62px 0px 20px;width: 408px;white-space: nowrap;overflow: hidden;}
.rl_b ul li a .mid p:nth-child(1) { height: 38px; line-height: 38px; color: rgb(36, 36, 36); font-size: 18px; font-weight: bold; }
.rl_b ul li a .mid p:nth-child(2) { height: 16px; line-height: 16px; color: rgb(153, 153, 153); font-size: 14px; }
.rl_b ul li a .mid p:nth-child(2) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: -1px 8px 0px 16px; }
.rl_b ul li a .mid p:nth-child(3) { white-space: normal; line-height: 22px; color: rgb(102, 102, 102); font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; }
.rl_b ul li a .down {width: 112px;height: 36px;line-height: 36px;border-radius: 20px;background: rgb(248, 232, 210);font-size: 16px;color: rgb(255, 148, 0);text-align: center;margin-top: 36px;position: absolute;right: 20px;}
.rl_b ul li a .look {width: 112px;height: 36px;line-height: 36px;border-radius: 20px;background: rgb(0, 192, 255);font-size: 16px;color: rgb(255, 148, 0);text-align: center;margin-top: 36px;position: absolute;right: 20px;color: #fff;}
.rl_b ul li a:hover { background: rgb(255, 244, 229); }
.rl_b ul li a:hover .mid p:nth-child(1) { color: rgb(254, 169, 17); }
.rl_b ul li a:hover .down { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); box-shadow: rgba(254, 200, 12, 0.5) 0px 2px 10px 0px; }
.rl_b ul li a:hover .look { color: #fff; background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); box-shadow: rgba(254, 200, 12, 0.5) 0px 2px 10px 0px; }

.rank_r .gDRTlt { height: 66px; line-height: 66px; font-size: 24px; color: rgb(51, 51, 51); position: relative;margin-top: -20px;}
.rank_r .gDRTlt a.more { position: absolute; top: 20px; right: 0px; width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: rgb(255, 153, 0); border-radius: 14px; border: 1px solid rgb(255, 246, 220); background: rgb(255, 255, 255); box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px; }
.rank_r .gDRTlt a.more:hover { box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px; }
.rank_r .gDRTlt .change { position: absolute; right: 0px; font-size: 12px; color: rgb(138, 138, 138); cursor: pointer; }
.rank_r .gDRTlt.move { position: absolute; top: -66px; left: 0px; width: 100%; }
.rank_r .gDRTlt.move i { display: inline-block; width: 12px; height: 14px; background-position: -216px -420px; vertical-align: top; margin: 27px 4px 0px 0px; }
.rank_r .gDRTlt.move i.cur { transition: all 1s ease 0s; transform: rotate(360deg); }

.hotrank{margin-top: 28px;}
.hotrank .box{background: #fff;border-radius: 12px;padding: 24px 20px 20px;width: 282px;overflow: hidden;}
.hotrank .box a{display: inline-block;height: 36px;line-height: 36px;padding: 0 12px;background: #f5f5f5;border-radius: 8px;float: left;margin-right: 15px;margin-bottom: 20px;}

/* rizhi */
.rizhi {position: relative;}
.rizhi strong{display: block;color: #454545;line-height: 26px;font-size: 14px; font-weight: bold;}
.rizhi h3{position: relative;}
.rizhi h3:after{content: "";width: 78%;height: 1px;border-bottom: 1px dashed #d2d2d2;position: absolute;bottom: 18px;left: 96px;}
.rizhi p{margin-bottom: 6px;border-bottom: none;display: block;}
.rizhi p span{display: block;text-indent: 2em;}
.rizhi p br{display: none;}
font.rLog{position: absolute;top: 16px;right: 0px;color: #f79c4c;cursor: pointer;font-size: 14px;text-indent: 2em;}
font.rLog:hover{text-decoration: underline;}

.gLog{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);}
.logBox{position: fixed;z-index: 5;top: 100px;left: 0;right: 0;margin: auto;background-color: #fff;width: 486px;border-radius: 15px;}
.logBox .lClose{position: absolute;top: 0;right: 17px;margin: auto;z-index: 10;text-align: center;}
.logBox .lClose i{display: inline-block;width: 41px;height: 56px;background-position: -483px -276px;position: relative;cursor: pointer;}
.logBox .lTitle{position: relative;width: 100%;height: 104px;background: url(../images/maskbg.png) no-repeat;background-size: 486px 100%;text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.logBox .lTitle>i{display:block;width: 102px;height: 102px;background-position: -359px -276px;position: absolute;top: -42px;left: 0;right: 0;margin: 0 auto;}
.logBox .lTitle p{font-size: 24px;color: #ff5600;font-weight: bold;text-indent: 0;line-height: 146px;white-space: nowrap;overflow: hidden;width: 446px;}
.logBox .lTitle p>i{display:inline-block;width: 24px;height:26px;background-position: -970px -702px;position: relative;top: 5px;margin-right:10px;}
.logMain{display: block;width: 415px;height: 358px;border-radius: 20px;padding:0 20px;line-height: 42px;font-size: 16px;margin: 20px auto 0;overflow: auto;}
.lSure{width: 256px;height: 56px;font-size: 24px;color: #fff;background: linear-gradient(to right, #ff5400, #ff8e00);text-align: center;line-height: 56px;border-radius: 28px;font-weight: 300;display: block;margin: 20px auto 30px;cursor: pointer;}
.logBox strong{display: block;padding:15px 0px 0px;overflow:hidden;color: #454545;line-height: 28px;font-size: 16px; font-weight: bold;border-top: 1px dashed #eee;}
.logBox p{padding:0px 0px 20px;overflow:hidden;line-height: 26px;color: #555;font-size: 14px;border-bottom: 1px solid #eee;}
.logBox p{padding-bottom: 6px;border-bottom: none;text-indent: 2em;}
.logBox p span{display: block;text-indent: 2em;}
.logBox p br{display: none;}

section{padding:8px 20px 20px;margin-bottom: 20px;background-color: #fff;overflow: hidden;*zoom: 1;border-radius: 12px;}
.dgTit{overflow: hidden;*zoom:1;}
.dgTit em{float: left;display: block;height: 65px;line-height: 65px;font-size: 20px;color: #333;font-weight: bold;background-color: #fff;}
.dgTit em i{position: relative;display: inline-block;width: 26px;height: 26px;line-height: 26px;font-size: 18px;color: #fff;text-align: center;background-color: #ff9400;border-radius: 5px;margin-right: 10px;}
.dgTit a{float: right;display: block;font-size: 14px;color: #757575;margin-top:28px;}
.dgTit a:hover {color: #6ac20c;}
.dgComment .comTop {text-align: right;}
.dgComment textarea{width: 100%;border: none;border: 1px solid #d2d2d2;padding: 10px 0;height: 110px;outline: none;resize: none;margin-top: 16px;line-height:28px;text-indent: 1em;font-size: 14px;color:#454545;}
.dgComment textarea::-webkit-input-placeholder {font-size: 16px;color:#666;}
.dgComment textarea:-moz-placeholder {font-size: 16px;color:#666;}
.dgComment textarea::-moz-placeholder {font-size: 16px;color:#666;}
.dgComment textarea:-ms-input-placeholder {font-size: 16px;color:#666;}
.dgComment button{outline: none;border: none;cursor: pointer;width: 116px;height: 36px;line-height: 36px;border-radius: 5px;margin-top: 12px;background-color: #f79c4c;font-size: 16px;color: #fff;}
.dgComment button.disabled{cursor: default;}
.comTit{width:100%;height:42px;border-bottom: 2px solid #e6e6e6;margin-top: 10px;}
.comTit em{position: relative;float: left;display: inline-block;height:42px;line-height: 42px;font-size:16px;color: #ff9400;border-bottom: 2px solid #ff9400;padding:0 3px;}
.comTit em:after{content: '';width:100%;height: 2px;background-color: #ff9400;position: absolute;bottom: -2px;left: 0;}
.comTit span{float: right;display: inline-block;height:40px;line-height: 40px;font-size:14px;color: #808080;}
.comList li{padding: 15px 0;border-bottom: 1px solid #f4f4f4;}
.comList li>p{font-size:16px;color: #333;line-height: 28px;margin-top: 5px;}
.listTop{line-height: 32px;overflow: hidden;*zoom: 1;}
.listTop p,.listTop em{float: left;display: inline-block;font-size:16px;color: #999;}
.listTop span{float: right;display: inline-block;font-size:16px;color: #333;cursor: pointer;}
.listTop em{margin-left: 32px;}
.comMore{padding-top: 30px;height: 39px;}
.comMore span{display: block;width: 90px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #fff;background-color: #6ac20c;margin:0 auto;border-radius: 5px;cursor: pointer;}
.comMore span:hover{opacity: .9;}
.dgComment .unlist{width: 100%;height: 115px;line-height: 115px;font-size: 16px;color:#ababab;text-align: center;}

.tablep{padding: 6px 0;}
.tablep>em{display: block;margin:16px 0;line-height: 17px;font-size:16px;color:#333;font-weight: bold;padding-left:10px;border-left: 5px solid rgb(255, 186, 37);}
.tablep a{color:#0000ee}
.tablep a:hover{text-decoration:underline}
.tablep table{margin: 0 auto;}

.newde2 table a{color:#0000ee!important}
.newde2 table a:hover{color:#0000ee!important;text-decoration:underline}

.newde5 ul li{margin-bottom:16px;}
.newde5 ul li p{height:48px;text-overflow:ellipsis;}

.sTips{position: relative;top: 0;padding: 12px 24px;border-radius: 12px;background: #fdf4f4;}
.sTips label{position: relative;display: block;margin-bottom: 8px;font-size: 18px;color: #000;height: 30px;line-height: 30px;}
.sTips label:before{content: "";display:inline-block;vertical-align: top;margin-right: 10px;width: 34px;height: 30px;background: url(../images/icon.png) no-repeat;background-size: 800px 800px;background-position: -484px -346px;}
.sTips p{font-size: 15px;color: #e44540;line-height: 24px;}
.sTips p a{color: #e44540;}
.sTips p a:hover{text-decoration: underline;}
.sTips ~ .showImg .gDSwiper{padding-top: 18px;}
.setbox button {
    outline: none;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.setbox .info {
    margin: -30px 0px;
    width: 100%;
    height: 30px;
    line-height: 100px;
}

.gameDBody_1 .info .msg p:nth-child(3) a{
    float: left;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: rgb(153, 153, 153);
    background-color: rgb(67, 67, 72);
    padding: 0px 12px;
    margin: 12px 11px 0px 0px;
    border-radius: 2px;
}

.rankMid > .ye1200 .sub_box1 li a {display: block;width: 1090px;height: 133px;padding: 25px 30px 0px 20px;border-radius: 8px;background: rgb(247, 247, 247);position: relative;margin-bottom: 16px;}
.rankMid > .ye1200 .sub_box1 li a .mid { float: left; margin: 0px 62px 0px 35px; width: 760px; white-space: nowrap; overflow: hidden; }