*html { _background: fixed url(about:blank;vpn_img); }
body { font: 14px/24px "Microsoft YaHei"; _font-family: "SimSun"; color: #333333; background: #fff; }
body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i { margin: 0; padding: 0; }
a { color: #333; text-decoration: none; cursor: pointer; outline: none; }
a:hover { color: #2fc26e; text-decoration: none; outline: none; }
ol, ul, li { list-style: none; }
em, i { font-style: normal; }
img { border: none; vertical-align: top; }
/*common*/
.cf { *zoom: 1; }
.cf:after { content: ''; display: block; height: 0; clear: both; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.w980 { width: 1030px; margin: 0 auto; }
.w730 { width: 780px; }
.w240 { width: 240px; }
.ico { width: 30px; height: 30px; display: inline-block; vertical-align: top; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/icon.png;vpn_img) no-repeat; }
.pubox { background: #fff; border-radius: 10px; }
.pubtit { height: 30px; line-height: 30px; padding: 4px 8px 4px; border-bottom: 1px solid #eeeeee; }
.pubtit .name { height: 30px; padding-left: 30px; font-size: 16px; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/icon.png;vpn_img) no-repeat; }
.n-head { height: 34px; background: #fff; border-bottom: 1px solid #eeeeee; position: relative; z-index: 55; }
.n-head .search { width: 232px; height: 22px; background: #2fc26e; padding: 1px 34px 1px 1px; border-radius: 4px; margin: 5px 0 0 20px; float: left; display: inline; position: relative; }
.n-head .search-txt { width: 100%; height: 22px; line-height: 22px; text-indent: 10px; background: #fff; border-radius: 4px 0 0 4px; border: 0; outline: none; float: left; _display: inline; overflow: hidden; color: #999999; }
.n-head .search-sbt { width: 34px; height: 22px; line-height: 200px; overflow: hidden; position: absolute; top: 0; right: 0; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/top-ico.png;vpn_img) -8px -14px no-repeat; border: none; cursor: pointer; }
.n-head .right-content { z-index: 10; position: relative; float: right; }
.n-head .right-content .played, .n-head .right-content .like { height: 34px; line-height: 34px; font-size: 12px; padding: 0 5px; text-align: center; float: left; position: relative; }
.n-head .right-content .played .myPlay, .n-head .right-content .like .myPlay { display: block; color: #666666; }
.n-head .right-content .played i, .n-head .right-content .like i { width: 30px; height: 34px; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/top-ico.png;vpn_img) -8px -8px no-repeat; display: inline-block; vertical-align: top; }
.n-head .right-content .played i.ico1, .n-head .right-content .like i.ico1 { background-position: -58px -7px; }
.n-head .right-content .played i.ico2, .n-head .right-content .like i.ico2 { background-position: -108px -7px; }
.n-head .right-content .played i.ico3, .n-head .right-content .like i.ico3 { background-position: -216px -6px; width: 26px; }
.n-head .right-content .played:hover, .n-head .right-content .like:hover { background: #e9e9e9; }
.n-head .right-content .played.on .p-hover { display: block; }
.n-head .right-content .like .l-hover { left: auto; margin: 0; right: 0; }
.n-head .right-content .like.on .l-hover { display: block; }
.n-head .right-content .p-hover, .n-head .right-content .l-hover { display: none; background: #fff; width: 280px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; top: 34px; z-index: 10; position: absolute; left: 50%; margin-left: -140px; }
.n-head .right-content .p-hover p, .n-head .right-content .l-hover p { height: 30px; line-height: 40px; text-align: center; color: #666; }
.n-head .right-content .tjgameplay { width: 100%; position: relative; }
.n-head .right-content .top-list { padding-top: 12px; width: 100%; }
.n-head .right-content .top-list li { text-align: center; width: 78px; height: 100px; overflow: hidden; line-height: 24px; margin: 3px 7px 0; padding: 3px 0 0; float: left; display: inline; position: relative; }
.n-head .right-content .top-list li:hover .del { display: block; }
.n-head .right-content .top-list img { width: 72px; height: 72px; margin: 0 auto; }
.n-head .right-content .del, .n-head .right-content .pre, .n-head .right-content .nex { background-image: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/top-ico.png;vpn_img); background-repeat: no-repeat; }
.n-head .right-content .del { width: 13px; height: 13px; top: 0; right: 0; cursor: pointer; position: absolute; background-position: -250px 0; display: none; }
.n-head .right-content .top-pag { background: #e0f6e9; height: 30px; border-radius: 0 0 10px 10px; }
.n-head .right-content .pre, .n-head .right-content .nex { width: 16px; height: 20px; margin-top: 5px; float: left; }
.n-head .right-content .pre { background-position: -66px -114px; margin-left: 10px; }
.n-head .right-content .nex { background-position: -116px -114px; }
.n-head .right-content .pag-ico { padding: 0 5px; float: left; }
.n-head .right-content .pag-ico a { background: #2fc26e; border-radius: 100%; display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 10px 2px 0 2px; }
.n-head .right-content .pag-ico a:hover, .n-head .right-content .pag-ico a.on { background: #a0e3bd; }
.n-head .right-content .for-btn { background: #2fc26e; border-radius: 9px; font-size: 12px; width: 38px; height: 18px; line-height: 19px; text-align: center; color: #fff; margin: 6px 10px 0 0; }
.menu { margin-top: 10px; background-position: 0 -24px; background-color: #2fc26e; height: 36px; }
.menu a { height: 36px; line-height: 36px; color: #fff; display: inline-block; vertical-align: top; padding: 0 7px; }
.menu_le { height: 36px; float: left; width: 852px; }
.menu_le a { font-size: 14px; }
.menu_le a:hover { background: #3dd67f; }
.menu_ri { background: #0ca84f; width: 178px; float: right; text-align: center; }
.menu_ri a:hover { text-decoration: underline; }
.hscroll { width: 974px; margin: 0 auto; border-bottom: 1px solid #eeeeee; padding: 0 28px 15px; height: 95px; position: relative; }
.hscroll .next, .hscroll .prev { width: 30px; height: 30px; display: block; position: absolute; top: 24px; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/top-ico.png;vpn_img) no-repeat; z-index: 50; }
.hscroll .prev { transition: background 0.3s linear; background-position: -200px -50px; left: 0; }
.hscroll .prev:hover { background-position: -230px -50px; }
.hscroll .next { transition: background 0.3s linear; background-position: -200px -80px; right: 0; }
.hscroll .next:hover { background-position: -230px -80px; }
.hscroll .pic { width: 100%; overflow: hidden; }
.hscroll .pic ul { float: left; }
#s2 { display: none; }
.hscroll .pic ul li { width: 93px; padding: 0 7px 0 8px; text-align: center; float: left; height: 95px; }
.hscroll .pic ul li img { width: 72px; height: 72px; border-radius: 10px; display: inline-block; vertical-align: top; }
.hscroll .pic ul li span { width: 100%; height: 22px; line-height: 22px; overflow: hidden; display: block; font-size: 12px; }
.hscroll .prevStop, .hscroll .nextStop { opacity: .6; }
.crumbs { padding: 10px 0; line-height: 24px; font-size: 12px; color: #999999; }
.crumbs a { margin: 0 5px; color: #999999; }
.crumbs a:hover { color: #0ca84f; }
.crumbs .ico { width: 24px; height: 24px; display: inline-block; vertical-align: top; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/top-ico.png;vpn_img) -13px -63px no-repeat; }
.crumbs .btn { float: right; }
.crumbs .btn a { padding: 0 8px 0 5px; font-size: 12px; float: left; margin: 0 0 0 10px; display: inline; height: 22px; line-height: 22px; border: 1px solid #2fc26e; color: #2fc26e; border-radius: 4px; }
.crumbs .btn a i, .crumbs .btn a em { width: 22px; height: 22px; display: inline-block; vertical-align: top; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/top-ico.png;vpn_img) no-repeat; }
.crumbs .btn a.a1 i { background-position: -64px -64px; }
.crumbs .btn a.a2 { padding-right: 0; }
.crumbs .btn a.a2 i { background-position: -116px -63px; }
.crumbs .btn a.a2 em { background-position: -164px -63px; width: 20px; }
.content { margin: 20px auto 0; }
.content .bgift .pubtit{padding-left: 8px;}
.content .bgift .pubtit .name {background-position: -5px -30px;padding-left: 30px;}
.content .bgift .list { padding: 10px 10px 10px; }
.content .bgift .list.list1 { border-bottom: 1px solid #eeeeee; }
.content .bgift .list li { height: 32px; line-height: 32px; overflow: hidden; padding-right: 44px; position: relative; }
.content .bgift .list li i { width: 16px; height: 16px; border-radius: 2px; background: #ff7529; display: inline-block; vertical-align: top; color: #fff; line-height: 16px; text-align: center; font-size: 12px; margin-top: 8px; margin-right: 5px; }
.content .bgift .list li .btn { width: 32px; height: 18px; text-align: center; line-height: 18px; color: #ff7529; border: 1px solid #ff7529; margin-top: -10px; border-radius: 2px; display: block; position: absolute; top: 50%; right: 0; font-size: 12px;}
.content .bgift .list li .btn.has { color: #999; border-color: #999; cursor: default; }
.content .bgift .list li .btn.has:hover { background-color: #fff; color: #999; }
.content .bgift .list li .btn:hover { background-color: #ff7529; color: #fff; }
.content .bgift .list li p.nr a { text-overflow: ellipsis; overflow: hidden; height: 32px; white-space: nowrap; width: 100%; display: block; }
.content .bgift .list li p.nr a:hover { color: #ff7529; }
.content .bgift .list li.hasico p.nr { background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/ico1.png;vpn_img) center right no-repeat; padding-right: 23px; }
.content .tuijian .pubtit .name { background-position: -3px -60px; padding-left: 34px;}
.content .tuijian .pubtit .change { font-size: 12px; color: #666666; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/ico2.png;vpn_img) right center no-repeat; padding-right: 20px; }
.content .tuijian .pubtit .change:hover { color: #2fc26e; }
.content .tuijian .list { padding: 2px 0 0px; width: 212px; margin: 0 auto; height: 345px; overflow: hidden; }
.content .tuijian .list li { width: 106px; height: 107px; overflow: hidden; text-align: center; margin-top: 8px; line-height: 35px; float: left; display: inline; }
.content .tuijian .list li img { width: 72px; height: 72px; border-radius: 10px; }
.content .tuijian .list li span { width: 5em; height: 35px; display: inline-block; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.content .tuijian .list li a { display: block; height: 115px; overflow: hidden; }
.content .tuijian .list li a:hover { color: #2fc26e; }
.content .paihang .pubtit .name { background-position: -4px -90px; }
.content .paihang .list { padding: 4px 0 5px; }
.content .paihang .list li { padding: 10px 16px 10px 92px; height: 40px; position: relative; }
.content .paihang .list li .phnum { color: #666666; font-size: 12px; width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/icon.png;vpn_img) 0 -360px no-repeat; }
.content .paihang .list li img { width: 40px; height: 40px; border-radius: 5px; position: absolute; left: 47px; top: 50%; margin-top: -20px; }
.content .paihang .list li .game-name { max-width: 5em; color: #333333; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: top; }
.content .paihang .list li .rq { color: #999999; font-size: 12px; }
.content .paihang .list li .btn { width: 54px; height: 22px; border: 1px solid #2fc26e; color: #2fc26e; background: #fff; text-align: center; line-height: 22px; display: block; font-size: 12px; border-radius: 4px; position: absolute; right: 16px; top: 50%; margin-top: -12px; }
.content .paihang .list li .btn:hover { color: #fff; background-color: #2fc26e; }
.content .paihang .list li.i1 .phnum { background-position: 0 -180px; color: #c55d17; }
.content .paihang .list li.i2 .phnum { background-position: 0 -210px; color: #505b6b; }
.content .paihang .list li.i3 .phnum { background-position: 0 -240px; color: #c55d17; }
.content .paihang .list li:hover { background-color: #f5f5f5; }
.content .paihang .list li:hover .game-name { color: #2fc26e; }
.content .picscroll { height: 120px; overflow: hidden; border-radius: 10px; position: relative; }
.content .picscroll .pic li { width: 100%; height: 100%; }
.content .picscroll .pic li img { width: 100%; height: 120px; }
.content .picscroll .hd { width: 100%; height: 8px; text-align: right; position: absolute; left: 0; bottom: 5px; }
.content .picscroll .hd li { width: 8px; height: 8px; border-radius: 100%; background: #fff; display: inline-block; vertical-align: top; margin: 0 6px 0 0; border-radius: 4px; }
.content .picscroll .hd li.on { background: #2fc26e; width: 14px; }
.content .game-detail { padding: 0 20px 20px; }
.content .game-detail .game-pic { height: 400px; position: relative; }
.content .game-detail .game-pic .pic { width: 9999px; height: 400px; overflow: hidden; }
.content .game-detail .game-pic .pic li { width: 240px; height: 400px; overflow: hidden; float: left; display: inline; margin-right: 10px; border-radius: 10px; }
.content .game-detail .game-pic .pic li img { width: 240px; height: 400px; }
.content .game-detail .game-pic .next, .content .game-detail .game-pic .prev { width: 30px; height: 30px; display: block; position: absolute; top: 50%; margin-top: -15px; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/icon.png;vpn_img) no-repeat; z-index: 50; }
.content .game-detail .game-pic .prev { background-position: 0 -300px; left: 10px; }
.content .game-detail .game-pic .next { background-position: 0 -330px; right: 10px; }
.content .game-detail .game-pic .prevStop, .content .game-detail .game-pic .nextStop { opacity: 0.6; filter: alpha(opacity=60); }
.content .game-detail .game-ins .tit { height: 22px; line-height: 22px; overflow: hidden; padding: 10px 0; }
.content .game-detail .game-ins .tit span { float: left; border-left: 4px solid #3d94ee; padding-left: 10px; font-size: 20px; }
.content .game-detail .game-ins .ins { font-size: 14px; color: #666666; overflow: hidden; line-height: 30px; margin: 5px 0 0; }
.content .game-detail .game-ins .ins.max-height { max-height: 90px; }
.content .game-detail .game-ins .more { text-align: right; }
.content .game-detail .game-ins .more a { color: #999999; display: inline-block; vertical-align: top; }
.content .game-detail .game-ins .more a:hover { color: #009900; }
.content .game-detail .game-ins .more a i { width: 25px; height: 20px; display: inline-block; vertical-align: top; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/top-ico.png;vpn_img) -160px -115px no-repeat; }
.content .game-detail .notice { margin: 25px 0 0; }
.content .game-detail .notice .noticelist { width: 596px; height: 32px; overflow: hidden; line-height: 32px; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/noticebg.png;vpn_img) left top no-repeat; padding-left: 45px; float: left; }
.content .game-detail .notice .noticelist li { width: 100%; height: 32px; position: relative; }
.content .game-detail .notice .noticelist li a:hover { color: #2fc26e; }
.content .game-detail .notice .enter { width: 80px; height: 32px; text-align: center; line-height: 32px; color: #fff; border-radius: 6px; background: #2fc26e; display: block; float: right; }
.content .game-detail .notice .enter:hover { background-color: #fb5c03; }
.content .game-detail .game-head { height: 120px; padding: 0 110px 0 140px; position: relative; }
.content .game-detail .game-head .game-ico { width: 120px; height: 120px; border-radius: 20px; position: absolute; top: 0; left: 0; }
.content .game-detail .game-head .ondown { width: 98px; height: 118px; border: 1px solid #eeeeee; font-size: 12px; line-height: 14px; color: #666666; position: absolute; top: 0; right: 0; text-align: center; }
.content .game-detail .game-head .ondown img { padding: 5px 7px 0; width: 84px; }
.content .game-detail .game-head .game-name { font-size: 24px; line-height: 40px; height: 40px; overflow: hidden; }
.content .game-detail .game-head .start-btn { margin-top: 12px; width: 115px; height: 38px; text-align: center; line-height: 38px; background: #2fc26e; border-radius: 8px; font-size: 16px; color: #fff; display: block; }
.content .game-detail .game-head .start-btn:hover { background-color: #28a75e; }
.content .game-detail .game-head .game-oth { height: 20px; padding-top: 8px; overflow: hidden; }
.content .game-detail .game-head .game-oth .tip { float: left; }
.content .game-detail .game-head .game-oth .tip span { height: 16px; line-height: 16px; border: 1px solid #009900; float: left; display: inline; margin-right: 18px; font-size: 12px; padding: 0 8px; border-radius: 2px; }
.content .game-detail .game-head .game-oth .tip span.g { border-color: #009900; color: #009900; }
.content .game-detail .game-head .game-oth .tip span.g a { color: #009900; }
.content .game-detail .game-head .game-oth .tip span.r { border-color: #ff00ff; color: #ff00ff; }
.content .game-detail .game-head .game-oth .tip span.r a { color: #ff00ff; }
.content .game-detail .game-head .game-oth .tip span.b { border-color: #169bd5; color: #169bd5; }
.content .game-detail .game-head .game-oth .tip span.b a { color: #169bd5; }
.content .game-detail .game-head .game-oth .tip span.o { border-color: #ff6600; color: #ff6600; }
.content .game-detail .game-head .game-oth .tip span.o a { color: #ff6600; }
.content .game-detail .game-head .game-oth .rq { height: 18px; line-height: 18px; float: left; border-left: 1px solid #d3d3d3; color: #999999; padding-left: 12px; }
.content .game-detail .game-head .game-oth .rq span { color: #f03838; }
.pl { padding: 0 10px 10px; }
.phone_wrapper { margin: 0 auto; width: 990px; padding: 20px; background: #fff; border-radius: 10px; }
.phone_wrapper a:hover { color: #ff6600; }
.phone_product { height: 28px; border-bottom: 1px dashed #D5D5D5; font-size: 0; overflow: hidden; padding-bottom: 12px; }
.phone_product dt { display: none; }
.phone_product dd.last { background: none; }
.phone_product dd { color: #333; float: left; height: 16px; font-size: 12px; margin: 2px 0 0 0; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/phone_universal_e1.png;vpn_img) no-repeat right -231px; padding: 0 10px; font-family: "simsun"; line-height: 16px; }
.phone_product dd a { color: #666; }
.phone_product dd i { margin: 0 5px 0 0; }
.phone_product .ico_yx, .phone_product .ico_my, .phone_product .ico_sj, .phone_product .ico_dm, .phone_product .ico_wg, .phone_product .ico_news, .phone_product .ico_api, .phone_product .ico_android { background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/phone_universal_e1.png;vpn_img) no-repeat 0 -35px; width: 16px; height: 16px; float: left; }
.phone_product .ico_my { background-position: 0 -53px; }
.phone_product .ico_sj { background-position: 0 -71px; }
.phone_product .ico_dm { background-position: 0 -89px; }
.phone_product .ico_wg { background-position: 0 -107px; }
.phone_product .ico_news { background-position: 0 -125px; }
.phone_product .ico_api { background-position: 0 -143px; }
.phone_product .ico_android { background-position: 0 -267px; }
.phone_copyright { font-size: 12px; color: #999; line-height: 20px; padding-top: 20px; font-family: "arial"; }
.phone_copyright a { color: #999; padding-right: 10px; margin-right: 10px; }
.phone_copyright .m_link { padding-bottom: 11px; font-size: 0; }
.phone_copyright .m_link a { border-right: 1px solid #999; font-size: 12px; color: #00519D; }
.phone_copyright .m_link a:hover { color: #ff6600; }
.phone_copyright .m_link a.last { border-right: 0 none; }
.phone_pad { visibility: hidden; }
@keyframes menu { 0% { background-position: 0 0; }
  100% { background-position: 1920px 0; } }
@-webkit-keyframes menu { 0% { background-position: 0 0; }
  100% { background-position: 1920px 0; } }
@-ms-keyframes menu { 0% { background-position: 0 0; }
  100% { background-position: 1920px 0; } }
@-moz-keyframes menu { 0% { background-position: 0 0; }
  100% { background-position: 1920px 0; } }
@-o-keyframes menu { 0% { background-position: 0 0; }
  100% { background-position: 1920px 0; } }
.fixed-menu { width: 68px; position: fixed; bottom: 100px; left: 50%; margin-left: 550px; z-index: 999; }
.fixed-menu a { width: 100%; height: 72px; overflow: hidden; line-height: 999px; display: block; background: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/fixed_a_20240516.png;vpn_img) no-repeat; }
.fixed-menu a.i1 { background-position: 0 0; }
.fixed-menu a.i2 { background-position: 0 -72px; }
.fixed-menu a.i3 { background-position: 0 -144px; }
.fixed-menu a:hover { background-image: url(/vpn/89/https/P75YPLSVGM6UTLUDN7XB/images/newh5/normal/fixed_on_20240516.png;vpn_img); }
#smart_pop { left: 0 !important; margin-left: 0 !important; }

/* add202307 */
.comingsoon-box{margin-top: 12px;overflow: hidden;}
.comingsoon-box span{width: 115px;height: 38px;text-align: center;line-height: 38px;background: #f1f1f1;
border-radius: 8px;font-size: 16px;color: #999999;display: inline-block;cursor: default;user-select: none;}
.comingsoon-box p{display: inline-block;margin-left: 10px;color: #999;font-size: 12px;}