@images:"../img";
@wm100:100%;
@bg:background;
@wiht:#ffffff;
@greyc:#8890A1;
.bgyl{@{bg}:#FF6F00}
.colG2{color:#4BCB98;}
.colV1{color:#9374D1;}
.colY3{color:#FFBC1E;}
.colgy3{color:@greyc}
.wd20{width: 20%;}
.wd25{width: 25%;}
.wd33{width: 33.33%}
.wd50{width: 50%;}
.msgDetail img{
	display: block;
    margin: 0 auto;
}
@media screen and (min-device-width: 751px) {
	@greya:#262626;
	@greyb:#666666;
	@greyd:#d3d3d3;
	@reda:#ff0000;
	@redb:#FF4029;
	@yellowa:#FF6E02;
	@yellowb:#FF872E;
	@bluea:#3C8AE2;
	@blueb:#5E6678;
	html,body,ul,p,form,h1,h2,h3{padding:0px; margin:0px;}
	ul, ol, li {list-style: none;}
	html,body{.wt100;.ht100; min-height: 100%;}
	body{@{bg}:#F1F2F5;.bgsz; background-attachment: fixed;}
	a{text-decoration:none;}
	img{border: 0;vertical-align:middle;}
	*{outline:none}
	input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
	.hand{cursor:pointer;}
	.clB{clear:both;}
	.hide{display:none;}
	.ftw{font-weight:bold;}
	.ftwn{font-weight: normal;}
	.flL{float:left;}
	.flR{float:right;}
	.alL{text-align:left;}
	.alR{text-align:right;}
	.alC{text-align:center;}
	.posR{position:relative;}
	.posA{position:absolute;}
	.posF{position: fixed;}
	.vtM{vertical-align:middle;}
	.vtT{vertical-align: top;}
	.dsib{display:inline-block;}
	.dsb{display: block;}
	.dsf{display: flex;}
	.wsnp{white-space:nowrap}
	.dsfbtw{.dsf;align-items: center; justify-content: space-between; flex-wrap:wrap;}
	.dsfcet{.dsf;align-items: center; justify-content: center; flex-wrap:wrap;}
	.dsfai{.dsf;align-items: center; flex-wrap:wrap;}
	.dsfje{.dsf;align-items: center;justify-content: flex-end;flex-wrap:wrap;}
	.dsfst{.dsf;align-items: center;justify-content: flex-start;flex-wrap:wrap;}
	.dsfat{align-items:flex-start;}
	.ovh{overflow: hidden;}
	.bdn{border: none !important;}
	.bxsz{box-sizing:border-box;}
	.ft(@size){font-size:@size;}
	.wt100{width: @wm100;}
	.ht100{height: @wm100;}
	.radius(@w){border-radius:@w;}
	.bgwt{@{bg}: @wiht;}
	.bgy1{@{bg}:@yellowa}
	.bgy2{@{bg}:@yellowb}
	.bgsz{background-size:cover;}
	.bg100{background-size: 100% 100%;}
	.colwt{color: @wiht;}
	.colY1{color: @yellowa;}
	.colY2{color: @yellowb;}
	.colR1{color:@reda;}
	.colR2{color:@redb;}
	.colgy1{color:@greya}
	.colgy2{color:@greyb}
	.colgy3{color:@greyc}
	.colgy4{color:@greyd}
	.colG1{color:#e0ff52;}
	.colB1{color:@bluea}
	.colB2{color:@blueb}
	.mgR(@size){margin-right:@size;}
	.mgL(@size){margin-left:@size;}
	.mgT(@size){margin-top:@size;}
	.mgB(@size){margin-bottom:@size;}
	.pdT(@size){padding-top:@size ;}
	.pdB(@size){padding-bottom:@size ;}
	.pdL(@size){padding-left:@size ;}
	.pdR(@size){padding-right:@size ;}
	.lineH(@size){line-height: @size;}
	.border(@color:@yellowa, @size:1px, @style:solid){border:@arguments;}
	.borderD(@color:@yellowa, @size:1px, @style:solid){border-bottom:@arguments;}
	.ft0{.ft(0)}
	.ftels{.ovh;.wsnp;text-overflow: ellipsis;}
	.twoels{.ovh;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	#app,.lapp{.wt100;.ht100;.bxsz;}
	.loginbox{.wt100;.ht100;.posF;@{bg}:rgba(0,0,0,0.7);z-index:101;left:0;top:0;}
	.imgbox,.myhtpic,.findHot{.posA;left: 0;top: 0;img{.wt100;}}
	.imgbox{transition: all 0.5s ease-in-out;z-index: 3;}
	.bannerActive{opacity: 0;z-index: 0;}
	.myhtpic{transform: translateY(100%);transition: all 0.3s ease-in-out;opacity: 0;}
	.findHot{opacity: 0;transition: all 0.5s ease-in-out;img{.posA;left:0;top:0;}}
	.myhotAvtive{opacity:1;transform: translateY(0);}
	.myhotLeave{opacity:0;transform: translateY(-100%);}
	.fidhotAvtive{opacity: 1;z-index: 10;}
	.fidhotLeave{opacity: 0;z-index: 0;}
	.bottom_link a{color: #8B8A8C}
	.bottom_link a:hover{color:#FF872E}
	.mobile{display: none}
	.a_white:link{color: white;}
	.a_white:visited{color: white}
	.a_black:link{color: black}
	.a_black:visited{color: black}
	.a_grey:link{color:#A5A5A5;}
	.a_grey:visited{color:#A5A5A5;}
	.active{@{bg}: #ffffff !important;}
	.mg0{margin:0 !important;}
	.mgAt{margin:auto !important;}
	.closeBtn,.phoneLg,.topQueryBtn,.pcHide{.hide !important;}
		html,body{.ft(12px);}
		.webbody{width: 1280px;.mgAt;.posR;}
		.topNav{.wt100;height:80px;.bgwt;}
		.tobBox{.dsfbtw;.ht100;
			.topLogo{height: 50px;width: 190px;}
			.topRCont{.dsfbtw;.ht100;width:85%;justify-content: space-between;
				.tNvaBox{.ht100;.mgR(40px);
					a{.colgy1;.dsib;.mgL(50px);.bxsz;.ft16;.ht100;.lineH(80px)}
					.navActive{.borderD(@yellowa,2px);.ftw}
				}
				.homeUser{.dsfbtw;.colgy2;
					.userOper{}
					.userMrBox{.posR}
					.userMoreIcon{.ft18;.mgL10;.hand}
					.userMore{padding:5px 14px;.bgwt;.border(#dddddd);.posA;left:0;top:40px;.radius(6px);.lineH(30px);.wsnp;z-index: 100;
						a{.dsb;.colgy2}
						a:hover{.colY1}
					}
					.loginHead{.dsfbtw;.posR;
						.userHdImg{width:40px;height:40px;.radius(50%);.mgR4}
					}
				}
			}
		}
		.queryA,.queryB,.queryC{width:278px;height: 40px;@{bg}:#F6F7FB;.radius(20px);.dsfbtw;.bxsz;padding:0 20px;.mgR(40px);.posR;
			.inputQery{.bdn; @{bg}:none; width:calc(100% - 30px);.bxsz;}
			.enlargingLens{width:30px;.ht100;.dsfcet;color:#94969C;}
			.queryList{.posA;.bgwt;width:calc(100% - 40px);top:39px;.bxsz;padding:10px;z-index:50;.hide;.ft14;.border(#eeeeee);.radius(8px);
				.item{height: 28px;.lineH(24px);.ft14;.ftw;}
				&>a,&>span{.dsb;.colgy1;.lineH(36px);.hand;.wt100;.wsnp;.ftels;&:hover{.colY1}
					img{width:26px;height:26px;.radius(6px);.mgR10}
				}
			}
		}
		.queryA{.mgL(70px)}
		.queryB,.queryC{width:240px;.mgR(0)}
		.queryC{.wt100}
		.appDownload{.bgy1;.colwt;padding:4px 10px;.radius(12px);.hand;}
		.homeHotGamebg{.wt100;height:640px;.bg100;.posR;transition: all 0.3s ease-in-out;}
		.homeHotGameFilter{.posA;.wt100;.ht100;@{bg}:rgba(241, 242, 245, 0.7);z-index: 10;}
		.homeHotGameFilter::after{content: '';.posA;.wt100;.ht100;filter: blur(10px);backdrop-filter: blur(10px);z-index: 11;}
		.hotGmcontent{.posA;z-index:12;.bgwt;height:calc(100% - 80px);left:50%;transform: translateX(-50%);top:40px;.radius(8px);.bxsz;padding:40px;.dsfbtw;}
		.homeHotGmScrol{.ht100;width:800px;}
		.homeHotGmList{.ht100;width:calc(100% - 840px);}
		.hgmPicScrollDemo,.hgmPicScrollBox{.wt100;height:473px;.radius(6px);.ovh;.posR;.bxsz;}
		.scrollGmRmak{.wt100;.bxsz;.ftels;.colgy2;.ft16;}
		.hgmPicScrollBtn{.posA;right:0;top:0;.ht100;width:104px;@{bg}:rgba(0,0,0,0.5);z-index:15;.dsfcet;
			.hotBtnscoll{.wt100;padding:10px 0;.alC;}
		}
		.gameIconA{width:64px;height:64px;.radius(14px)}
		.gameIconB{width:100px;height:100px;.radius(15px)}
		.gameIconC{width:96px;height:96px;.radius(22px)}
		.gameIconD{width:100px;height:100px;.radius(22px)}
		.gameAlinkImg{.posA;.wt100;.ht100;.dsb;left:0;top:0;transition: all 1s ease-in-out;opacity: 0;}
	
		.hotListA,.hotListB{.wd50;.dsfai;.colgy2; .lineH(40px);.ft14;
			.orderL{width:20px;}
			.contR{width:calc(100% - 20px);.ftels;}
			&:hover{.colY1;}
		}
		.hotListB{.wt100;.lineH(30px);}
		.pageContent{.wt100;.pdB(40px)}
		.titleA{.wt100;.pdB(10px);.mgT20;.dsfai;.borderD(#F1F2F5)}
		.titleB,.titleC,.titleD{.dsfbtw;.wt100;.bxsz;.pdB(20px);
			.titIcon{.ft(30px);.colY1}
			.titleName{.ft22;.mgL20;.ftw}
			.moreA{.ft16;.colgy2;.hand}
			.moreA:hover{.colY1}
			.tabar{.mgL(60px)}
			.reHot{.ft14;padding:4px 10px;.hand;}
		}
		.titleC,.titleD{.wt100;height:auto;padding:20px;.bxsz;.borderD(#F1F2F5);
			.titleName{.ft20;.mgL10;.ftw}
		}
		.titleD{padding:0;.bdn;}
		.gmTaile{.mgB(40px);.borderD(#F1F2F5);.lineH(40px);.bgwt;.bxsz;}
		.gmTaile.fixed{.posF;left: 50%;top: 0;z-index: 100;.mgL(-640px);width:880px;padding:0 20px;.lineH(60px);}
		.subName{.ft16;.colgy2;.mgR(60px);&:hover{.colY1;}}
		.subActive{.ft18;.ftw;.colgy1;.posR;}
		.subActive::after{content:'';.posA;left:50%;transform: translateX(-50%);bottom:-10px;width:30px;height:2px;.bgy1}
		.gameNameA{.ft18;.ftw;.wt100;.ftels;.colgy1;}
		.hmNewGameBox{.webbody;.dsfbtw;}
		.hmoeNewGmL,.hmoeNewGmR,.bigRecGm{width:600px;height:520px;@{bg}:#F5F5F8;.ovh;.radius(8px);
			.newHmImg{.wt100;height:340px;}
			.newGmCont{.dsfbtw;height:calc(100% - 340px);.wt100;.bxsz;padding:0 30px;}
			.gamecontNew{width: calc(100% - 300px);}
			.scoreBox{width: 120px;.ovh;
				.score{.ft(24px);.colY1;.dsfbtw;justify-content: flex-end;}
				.makeBox{.ft14;.colgy3;.mgT(45px)}
				.mkeNuber{.ft16;.colY1;.ftw}
			}
		}
		.hmoeNewGmL{width:520px;height:434px;@{bg}:#F5F5F8;.ovh;.radius(8px);
			.newHmImg{.wt100;height:294px;}
			.newGmCont{.dsfbtw;height:calc(100% - 294px);.wt100;.bxsz;padding:0 30px;}
			.gamecontNew{width: calc(100% - 260px);}
			.scoreBox{width: 120px;.ovh;
				.score{.ft(24px);.colY1;.dsfbtw;justify-content: flex-end;}
				.makeBox{.ft14;.colgy3;.mgT(45px)}
				.mkeNuber{.ft16;.colY1;.ftw}
			}
		}
		.issuingDate{.mgT20;.ft16;.colgy3}
		.issuingDate1{.mgT20;.ft14;.colgy3}
		.hmoeNewGmRBox{width:300px;height:434px;align-content: space-between;}
		.hmoeNewGmR,.bigRecGm{width:300px;height:207px;flex-wrap: wrap;
			.newHmImg{.wt100;height:150px;}
			.newGmCont{.dsfbtw;height:calc(100% - 150px);.wt100;.bxsz;padding:0 10px;}
			.gamecontNew{width: calc(100% - 80px);}
			.scoreBox{width: 70px;.ovh;}
			.gameNameA{.ft16;.ftw;}
		}
		.newDolwnBtn,.newDolwnBtn1,.newDolwnBtn2,.newDolwnBtn3{.wt100;height:30px;.bgy1;.radius(6px);.dsfcet;.colwt;.hand}
		.newDolwnBtn1,.newDolwnBtn2,.newDolwnBtn3{width:auto;height: auto;padding:5px 20px;.dsib;line-height:normal;.ft12}
		.newDolwnBtn1 a{color: #ffffff;}
		.newDolwnBtn2{@{bg}:#5BCB71}
		.newDolwnBtn3{@{bg}:#d6d6d6}
		.bigRecGm{width:400px;height:310px;@{bg}:#ffffff;.mgT40;
			.newHmImg{.wt100;height:226px;}
			.newGmCont{.dsfbtw;height:calc(100% - 226px);.wt100;.bxsz;padding:0 10px;.mgT(0)}
			.gamecontNew{width: calc(100% - 150px);}
			.scoreBox{width: 60px;.ovh;}
		}
		.bigRecGm:nth-child(-n+3){.mgt00}
		.hideGmdemo{width:400px;height: 0;}
		.typeY,.typeB,.typeGy,.typeG{.ft12;@{bg}:#FFEBDC;.colY1;padding:2px 4px;.radius(4px);.mgR10}
		.typeB{@{bg}:#DCEFFF;color:#0A8DFF;}
		.typeG{@{bg}:#DCFFEF;color:#4BCB98}
		.typeGy{@{bg}:#F2F4F6;.colB2;}
		.playFreelyHide{width:305px;height:0;}
		.playFreely{width:305px;height:136px;@{bg}:#F5F5F8;.radius(8px);.bxsz;padding:20px;.dsfbtw;
			.gameNameB{.ft16;.wt100;.ftels;.colgy1;}
			.playGmcontent{width:calc(100% - 116px)}
			&:hover{.gameNameB{color:#FF6534}}
		}
		.playBf4{.mgT20;}
		.playBf4:nth-child(-n+4){.mgt00}
		.newStraL{width:305px;height:660px;
			.btnBoxBg1,.btnBoxBg2{.bgwt;.wt100;height:40px;.dsfcet;.mgB(20px)}
			.btnBoxBg2{.mgB(0);.mgT20}
			.straBtnIcon{.ft(22px) !important;.colgy2;.hand;}
			.straBtnIcon.straBtnActiv{.colY1;}
			.straImgScl{.wt100;height:calc(100% - 120px);.ovh;.posR;
				.straImgBox{.wt100;.posA;left:0;top:0;.hand;
					.straPic{.wt100;height:120px;.radius(8px);.ovh;.posR;.mgT20;.bxsz;
						.strGmTit,.strGmTier{.wt100;height:34px;.lineH(34px);.colwt;.ft16;.alC;@{bg}:rgba(0,0,0,0.6);.posA;left:0;bottom:0;z-index:20;.hide}
						.strGmTier{.ht100;.dsfcet;}
						&:first-child{.mgT0}
						.pointTo{.hide}
						.strimg{.wt100;.ht100;}
					}
					.straPic.starPactive{.border(@yellowa,2px);
						.strGmTit{.dsb}
						.strGmTier{.hide}
						.pointTo{.posA;.colY1;right:0;top:50%;transform: translateY(-50%);z-index:21;.dsib;.ft20 !important; }
					}
				}
	
			}
		}
		.newStraR{width:calc(100% - 325px);height:660px;.bgwt;.radius(8px);.bxsz;padding:40px 30px;}
		.newStraRList{width:calc(50% - 30px);.dsfbtw;.colgy2;.ft14;.lineH(56px);
			.newSaLstIcon{.ft18 !important;}
			.staDate{width:80px}
			.staTitle,.staTitle1{width:calc(100% - 110px);.ftels;.colgy2;&:hover{.colY1}}
			.staTitle1{width:calc(100% - 30px);}
		}
		.recStra{width:240px;.mgB(30px);
			.rsPic{.wt100;height:137px;.radius(8px)}
			.rsGame{.mgT20;.alC;.colgy1;.ft14;.wt100;.ftels}
			&:hover{.rsGame{.colY1}}
		}
		.recStraHide{width:240px;height:0}
		.pageFoot{.wt100;@{bg}:#272A2C;.bxsz;padding:40px 0;.mgT20;
			.botomNav{.alC;.ft14;
				&>a{color:#8890A1;margin:0 30px;&:hover{.colY1}}
			}
			.copyright{.alC;.mgT(50px);.lineH(40px);.colgy2;}
			.btomLogo{.alC;.mgT(50px);color:#8890A1}
			.companyName{.mgL(100px);.ft(20px);.dsib;.vtM;.englishCom{.ft12}}
		}
	
	
	
		.usfom{.dsfbtw;.mgB(40px);
			.labela{width:80px;.ft16;.colgy1;.alR;}
			.iptbtnbox{width: 270px;.dsfbtw;.posR;
				.inputb{width: 180px;height: 30px;.bxsz;padding-left: 4px;border: none;@{bg}:#EEEEEE;.border(#DDDDDD);.radius(6px)}
				.resmsg{.colR1; .posA;top: 34px;}
			}
		}
		.lgboxbg{width:1000px;height:600px;@{bg}:url("@{images}/login.png") no-repeat;.bg100;.posA; top:50%;left:50%; transform:translate(-50%,-50%);
			.userform{width:340px;.ht100;.posA;right:91px;.bxsz;.pdT(90px);.ovh;
				.ustop{.ft(24px);color:#333333;.ftw;.mgB(50px);.posR;}
				.iptbtnbox{.mgT(30px);.wt100;height:40px;.dsfai;.posR;.border(#DDDDDD);.radius(3px);.bxsz;
					.inputa{.wt100;.ht100;.bxsz;padding-left: 4px;border: none;@{bg}:none;}
					.inputb{width:calc(100% - 30px);.ht100;.bxsz;padding-left: 4px;border: none;@{bg}:none;}
					.inputc{width:calc(100% - 80px);.ht100;.bxsz;padding-left: 4px;border: none;@{bg}:none;}
					.eyeicon{width:26px}
					.getCode{width:80px;.alC}
					.resmsg{.colR1; .posA;top:45px;}
	
				}
				.wxqqLogin{.wt100;border-top:1px solid #DDDDDD;.mgT(40px);.posR;.bxsz;.pdT(30px);.alC;
					.moreLogin{width:140px;.ft14;.bgwt;.posA;left:50%;transform:translateX(-50%);top:-10px;.alC}
					.loginicon{width:40px;height:40px;.mgL(30px;)}
				}
			}
	
		}
		.userLoginSafe{width: 360px; margin: auto; margin-top: 60px;}
		.code{color:#1278C0;.ft(14px)}
		.tips{.alC;.ft14;.colgy2;.mgT10;.toreg{color:#1278C0; text-decoration: underline;}}
		.loginSubmit{.wt100;height:40px;.radius(3px);margin:auto;.mgT(50px);.colwt;.ft18;.ftw;.dsfcet;.hand; background-image: linear-gradient(-90deg, #F18629, #FFD07E);}
		.loginSubmit:hover{background-image: linear-gradient(-90deg, #FC7B0B, #FFBE4D);}
		.submitmu{width:200px;height:36px;.radius(6px);margin: auto;.mgT(20px);.colwt;.ft16;.ftw;.dsfcet;.hand; background-image: linear-gradient(to top, #FF4E00, #FFA837);}
		.submitmu:hover{ background-image: linear-gradient(to top, #FF7234, #FFBA5F);}
		.logchoose{.mgT20;.ft14;.colgy2;.dsfbtw;
			.logcos{.hand;}
		}
		.gmHuBox{.webbody;.dsfbtw;.mgT20 !important;.mgB(40px) !important;align-items: flex-start;}
		.gmHuL,.gmHuLNbg,.bagGMreg{width: 880px;.bgwt;.radius(8px);.bxsz;padding:20px 30px;}
		.gmHuLNbg{@{bg}:none;padding:0;}
		.gmHuR{width: 360px;}
		.bagGMreg{padding:20px;.mgT20}
		.inPageNav{height:40px;.wt100;
			a,span{.colB2;.dsib;.mgR(40px);.bxsz;.ft18;.ht100;.lineH(40px);.hand}
			.inPagetive{.borderD(@yellowa,2px);.ftw;.colgy1;}
		}
		.classNav{.wt100;margin:20px 0 10px 0;.dsfai;}
		.GmCentList{.wt100;padding:34px 0;.dsfbtw;
			.serialNm{width:70px;
				.s1,.s2,.s3,.s4{width:40px;height:40px;.bxsz;.radius(50%);.dsfcet;.ft18;@{bg}:#FDDC3A;color:#E3A815;.border(#E3A815,2px)}
				.s2{@{bg}:#E8E8E8;color:#ADADAD;.border(#ADADAD,2px)}
				.s3{@{bg}:#F7D2BA;color:#CC947A;.border(#CC947A,2px)}
				.s4{@{bg}:#FFEAE3;color:#FF6534;.bdn;}
			}
			.gmHuCont{width:calc(100% - 70px);.dsfbtw;}
			.gmHuNmRmk{width:calc(100% - 310px);}
			.gmHuGmnm{.wt100;.ftels;.ft(22px);.ftw;}
		}
		.gmHuGmPic{width:192px;height:108px;.radius(8px)}
		.pagingbox{.mgT(20px);.wt100;.alC;}
		.pagebtn,.pagebtnDw{padding:5px 12px;.bgwt;.border(#ACACAC);.colgy3;.radius(4px);.hand;margin:0 5px;.dsib;}
		.pagebtnDw,.pagebtn:hover{.border();@{bg}:#F9E0CD;}
		.gmHContBox,.strTopLfet{.wt100;.radius(8px);.bgwt;.mgB(20px);.bxsz;
			.gmHLay{padding:20px;.dsfbtw;.wt100;.bxsz;}
		}
		.strTopLfet{padding:20px;.mgB(0)}
		.dolAppEwm{width: 100px;height: 100px;}
		.iconDt{width: 4px;height: 20px;.bgy1;.radius(2px);.dsib;}
		.hotSechList{padding:20px;.bxsz;.dsfbtw;}
		.bagScoll,.straScoll,.hotStraGm{.wt100;height:495px;.posR;.radius(8px);.ovh;
			.nameGmA,.classGmTier{height:60px;.wt100;.posA;left:0;bottom:0;@{bg}:rgba(0,0,0,0.6);z-index:10;.bxsz;padding:0 30px;.dsfbtw;
				.scrolPint{.dsfbtw;color:#8D8F94;}
			}
			.classGmTier{height:140px;
				.gameDtilName{.colwt;}
			}
			.tierClsa{.posA;height:140px;.wt100;left:0;bottom:0; z-index: 5;}
			.tierClsa::after{content: '';.posA;.wt100;.ht100;filter: blur(5px);backdrop-filter: blur(2px);z-index: 11;}
		}
		.straScoll,.hotStraGm{width:610px;height:352px;
			.nameGmA{height:40px;}
		}
		.hotStraGm{width:295px;height:166px;
			.nameGmA{.ft16;.colwt;.dsfcet;}
		}
		.bgListA,.bgListB{width:260px;.dsfbtw;.mgT20;.bxsz;
			.gmHuNmRmk{width: calc(100% - 110px);}
		}
		.bgfile{width:260px;height:0;}
		.bgListB{.wt100;.mgT0;padding:15px;
			.gmHuNmRmk{width: calc(100% - 80px);}
		}
		.recBagNm,.recBagNmim,.gameDtilName{.ft14;.colgy1;.wt100;.ftels;.dsib}
		.recBagNmim{.ft16;.ftw;}
		.gameDtilName{.ft18;.ftw;width: auto}
		.newBagList,.newBagGod,.gameDtil,.newsverlist,.newness{.wt100;padding:20px;@{bg}:#F5F5F8;.radius(8px);.dsfbtw;.mgT20;.bxsz;
			.gmHuNmRmk{width:calc(100% - 210px);}
			.gameDtilR{width:calc(100% - 120px);}
			.scoreBox{width: 80px;.ovh;}
			.recBagNm{width: auto;}
		}
		.gameDtil{@{bg}:none;.mgT(0);
			.gmHuNmRmk{width:calc(100% - 250px);}
			.scoreBox{width:120px;.ovh;}
		}
		.newBagGod{@{bg}:none;.mgT(0);padding: 15px 20px 12px;
			.gmHuNmRmk{width:calc(100% - 140px);}
			.scoreBox{width: 60px;.ovh;}
			.recBagNm{width:100px;}
		}
		.newsverlist{width:555px;.mgB(40px);.mgT(0);
			.scoreBox{width: 90px;.ovh;}
		}
		.newness{width:calc(50% - 10px);@{bg}:none;}
		.loadBox{width: 200px;height: 6px;@{bg}: #D5D5D5;border-radius: 0px 3px 3px 0px;}
		.loadLine{.ht100;.bgy1;border-radius: 0px 3px 3px 0px;}
		.bagNewGmL1{padding:15px;.ft14;.colB2;}
		.bagNewGmBox{.posR;.bgListB{.hide;}}
		.bagNewGmBox.bgNwGmactive{.bagNewGmL1{.hide}.bgListB{.dsfbtw}}
		.stratAllBox,.stratHotBox{.webbody;.dsfbtw;.mgT20 !important;align-items: flex-start;.bxsz;}
		.stratHotBox{.bgwt;.radius(8px);padding:20px;.dsb;}
		.stratTypeBox{.wt100;height: 220px;.bgwt;.radius(8px);.bxsz;padding:20px;}
		.straclassBox{width:calc(100% - 110px)}
		.straclass{.ft14;padding:3px 5px;.dsib;.hand;width:100px;.ftels}
		.straGmqury{.dsfbtw;.lineH(43px);.ft14;.mgT10;}
		.hotGmstrat{width:calc(100% - 630px);.dsfbtw;height:352px;align-content: space-between;}
		.newStraList,.tOpenSvList{width:calc(100% - 210px);.borderD(#E8EAF0);.pdB(30px)}
		.tOpenSvList{width:calc(100% - 84px);.dsfbtw;}
		.tOpenGmName{.ft18;.colgy1;.ftw;.vtM;.wt100;.ftels;.dsib;}
		.timeBOx{width:120px;.bxsz;padding:10px;.posA;left:-140px;top:0;.bgwt;.radius(8px);
			.time1,.time2{.wt100;height:26px;.dsfcet;color:#8890A1;.hand;}
			.time2{@{bg}:#F5F5F8;.radius(4px)}
		}
		.todyOpen,.legendOpen{min-height: 644px;}
		.Tab1{.border(#8890A1);.wt100;.lineH(60px);.alC;.ft16;.colgy3;
			.tr1{@{bg}:#3C3C3C;.colwt;}
			td{border-left:1px solid #E8EAF0;.borderD(#dbdde2)}
			td:first-child{border-left:none;}
		}
		.gameDtlType{padding:0 20px; .dsfbtw;}
		.popup{.posF;left:0;top:0;.wt100;.ht100;@{bg}:rgba(0,0,0,0.6);.hide;z-index:500;
			.popupWin{.bgwt;.radius(8px);.posA;left:50%;top:50%;transform: translate(-50%,-50%);.bxsz;}
			.popTitl{.ft20;.ftw;.alC;.mgT40;.posR;.wt100;.ftels;}
			.popClose{.ft20;.colgy3;.posA;right: 10px;top:10px;.hand;}
			.popContent{padding:40px;.bxsz;.wt100}
			.ewmLogo1{.posA;width:20px;height:20px}
		}
		.ewbcodeA{margin:20px auto 40px auto;.alC;}
		.gmDtlScroll{height:315px;.wt100;.mgT20;.ovh;.posR;.bxsz;
			.gdSclBox{.ht100;width: auto;.wsnp;.posA;left:0;top:0;z-index:5;
				.img1{.ht100;width:560px;.radius(8px);.mgL5;&:first-child{.mg0}}
				.img2{.ht100;width:auto;.radius(8px);.mgL5;}
			}
			.gmdtlSclBtn1,.gmdtlSclBtn2{.ft(30px);.colwt;.posA; top: 50%;transform: translateY(-50%);z-index: 6;.hand;padding:10px 0;@{bg}:rgba(0,0,0,0.8)}
			.gmdtlSclBtn1{left:10px;}
			.gmdtlSclBtn2{right:10px}
			.gmdtlSclBtn1.gdscBtnActiv,.gmdtlSclBtn2.gdscBtnActiv{.colY1}
		}
		.overflowBag{width:410px;.bxsz;.border(#DBDDE6);padding:20px;.radius(8px);.dsfbtw;}
		.disctCpon{width:320px;height:72px;.bxsz;.border(#DBDDE6);.radius(8px);.mgT20;.dsfbtw;
			.dsCpL{width:100px;.ht100;@{bg}: url("@{images}/305.png");.dsfcet;.colwt;}
			.dsCpR{width:calc(100% - 120px);.ht100;.dsfbtw;.colB2;.bxsz;.pdR(10px)}
		}
		.hoverY1:hover{.recBagNmim{.colY1}}
		.criticismBox{.wt100;.mgT20;.dsfbtw;align-items: flex-start;
			.criHeadPic{width:60px;height:60px;.radius(50%)}
			.criCont{width:calc(100% - 80px);.pdB(20px);.borderD(#E8EAF0);.posR;.ovh;}
			.reportBtn{.posA;right:10px;top:10px;.ft20 !important;.colB2;.hand;}
			.criticismCont{height:20px;.ovh;.ft14;margin:10px 0;}
			.cricnAl1,.cricnAl2,.cricnAl3,.cricnAl4{.colB1;.hand }
			.cricnAl2,.cricnAl4{.hide}
			.iconcri1,.iconcri2{.colgy3;.mgL10;.hand;i{.ft20 !important;.vtM;}.icNm{.ft12 !important;.vtM}}
			.iconcri2{.colR1;}
			.reply,.unreply{.vtM;.hand;.ft14}
			.unreply{.colR1;.hide}
			.replayBox{padding:20px;.radius(8px);.wt100;.bxsz;.mgT20;.ovh;.posR;border-top:3px solid #f5f5f5;
				.criticismBox{.mgT0;}
				.criHeadPic{width:25px;height:25px;}
				.criCont{width:calc(100% - 35px);.pdB(0px);.bdn;.posR;}
				.criticismCont{height:auto;.ovh;.ft14;.mgAt;.mgT10 !important;.mgB(20px) !important;}
				.allcerText{.posA;right:40px;top: 10px;z-index: 50;}
			}
		}
		.userReplay,.mianRepaly{@{bg}:#f8f8f8;.wt100;height:130px;.mgT20;.bxsz;padding: 10px;.radius(8px);
			.uRtext{.wt100;height:80px;.bdn;@{bg}:none;resize:none}
			.replaySm{height:30px;.lineH(30px);padding:0 10px;.dsib;@{bg}:#d3d3d3;.colwt;.hand;}
		}
		.userReplay{.hide;}
		.townewbox{border-left: 1px solid #dddddd;.wt100;.posR;padding:40px 40px 0 40px;.bxsz;}
		.timepar{.posA;left:-8px;top:-5px;.dsfai}
		.newGmPlTop{.dsfai;.pdB(20px);.borderD(#E8EAF0)}
		.articleTitle{.ft(28px);.alC;.ftw;.lineH(60px)}
		.invitation{.dsfbtw;padding:0 20px 20px 20px;.bxsz;.wt100;
			.invPic{width:145px;height:80px;.radius(4px)}
			.invTitle{width:calc(100% - 165px);.ft14;}
		}
		.alClsTdm{.webbody;.dsfbtw;.mgT20 !important;}
		.samllCls,.moreWful{width:142px;.alC;.colgy1;.dsib;.mgB(10px);
			img{.wt100;height:80px;.radius(4px)}
	
		}
		.samllCls{.mgL20;.mgB(20px);
			&:nth-child(8n+1){.mgL(0)}
		}
		.smClsHide{width:142px;height:0;.mgL20;}
		.bigCls{width:100px;.alC;.colgy1;}
		.moreClsList{width:180px;height:260px;.bgwt;.bxsz;padding:20px;.radius(8px);.alC;.mgL40;.mgB(20px);&:nth-child(6n+1){.mgL(0)}}
		.mrClsHide{width:180px;height: 0;.mgL40;}
		.mrClsGmNm{.mgT15;.ft16;.wt100;height:40px;.ovh;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
		.userDmoe{padding:40px;.bxsz;.wt100;.bgwt;.radius(8px)}
		.userheadImg{width:80px;height:80px;.radius(50%);}
		.userLevel{width:calc(100% - 100px);}
		.memberLine{.mgT(50px);.dsfbtw;}
		.userFuc{.wd50;.alC;.ft14;color:#3c3c3c;.mgT40;}
		.expire{.posA;left:50%;transform: translateX(-50%);top:-20px;.colgy3;.ft14;}
		.safetyList,.searchList{padding:20px 0;.colgy1;.ft16;.dsfbtw;.borderD(#E8EAF0)}
		.searchList{.dsfat}
		.searchGm{width:calc(100% - 148px);
			.gameDtilName{color:#333333;font-weight: normal;}
			.searchSub{.ft12;.mgT10;color:#999999;}
		}
		.sticDome{width:205px;height:140px;.bgwt;.alC;.radius(8px);.bxsz;padding:25px 0}
		.msgTips{.posA;.ft12;.colY1;right:-10px;top:0px;}
		.pd2sp3{padding:20px 30px}
		.orderList{.wt100;.lineH(50px);.alC;.ft14;.colB2;
			tr:first-child{@{bg}:#F9FBFF;}
			td{.borderD(#E8EAF0)}
		}
		.fombox{width:70%; margin: auto;padding:40px 0;
			.fontBox{width:100px;.ft14;.colgy3;}
			.sumitBox,.texAre,.contInput{width:calc(100% - 100px);}
			.texAre,.contInput{border:none;@{bg}:none;.border(#DBDDE6);.radius(8px);.bxsz;padding:10px;resize: none;}
			.texAre{height:120px;}
		}
		.uploadBox{.dsb;width:80px;height:80px;.radius(10px);.border(#d3d3d3);.dsfcet;.colgy4;.hand;}
		.staffSer,.cooperation,.faq{.wt100;.ht100;.pdL(20px);.bxsz;background:url("../img/sfseve.png") bottom right no-repeat;min-height:120px;}
		.cooperation{background:url("../img/hzzuo.png") bottom right no-repeat;}
		.faq{background:url("../img/wenhao.png") bottom right no-repeat;min-height:80px;}
		.contentPublic{.ft14;.mgT20;.lineH(32px);.bxsz;padding:0 40px;}
		.scoreIcon{.ft20;.mgR10;.hand;}
		.scoreIcon:hover,.downloadAgr:hover{.colY1}
		.onloadIcon{.ft32;.colgy4;.dsib;animation:myonlaod 3s linear infinite;}
		@keyframes myonlaod{
			0% {
				transform: rotate(0);
			}
			100% {
				transform: rotate(360deg);
			}
		}
		.downloadPtop{.webbody;.posA;left:50%;top:3vw;transform:translateX(-50%);.dsfbtw;
			.logImg{width:8vw}
		}
		.dlEwmBOx{.posA;left:52vw;top:23vw;}
		.downloadBtom{.webbody;.dsfbtw;.mgT40 !important;.mgB(40px) !important;}
		.msgDetail{.ft16;.lineH(36px);color:#3c3c3c;img{max-width: 100%};word-break: break-all;}
		.homeWelpic{width:100px;height:50px;.radius(8px)}
		.homeWelCot{width:calc(100% - 105px);}
		.tipsDmBox{margin:200px auto;}
		.hotAagBox{padding:20px;.ovh;.bxsz;.wt100;height:auto;.dsfai;align-content: flex-start}
		.hotAlkBtn{.ft16;transform:skewX(-20deg);.radius(8px);@{bg}:#F5F5F8;.mgB(15px);.mgL15;
			.hotAlink{padding:12px;.dsib;color:#262626;transform:skewX(20deg);}
		}
		.atBonusBox{.posF;width:160px;right:40px;bottom:200px;z-index: 200;}
		.backTop{.posF;right:80px;bottom:130px;z-index: 200;.ftbig;.hand;.colgy2;}
		.atewbBox{.wt100;height:268px;@{bg}:url("@{images}/990.png");.bxsz;.pdT(108px);}
		#atEwm,#getEwm{width:120px;height:120px;.bgwt;.radius(8px);margin: auto;.dsfcet;}
		#getEwm{width:100px;height:100px}
		.welBtomBox{.wt100;height:140px;@{bg}:url("@{images}/welBtomFlex.png");.bg100;.posF;.bxsz;;bottom:0;left:0; z-index: 100;}
		.welActive{.hide;}
		.welconClose{.posA;right:40px;top:50%;transform:translateY(-50%;);.ft20;color:#3c3c3c;.hand}
		.welconClose:hover{color:#FFDF11;}
		.getwelBox{width:272px;.ht100;.radius(8px);background-image: linear-gradient(to right,#FE6857,#F23D3D);.dsfbtw;.bxsz;padding:20px;color:#F2FF3E}
		.abtUsPage{min-height:600px}
		.abtCont{.lineH(30px);.ft16;margin:40px 0;}
		.newTwoRt:first-child{.mgB20}
		.atewbIcon{.posA;right:-20px;top:0;.ft24;.hand;.colgy2}
		.sGmRmak{.wt100;.hide;transition: all 0.3s ease-in-out;opacity: 0;.ftels}
		.sGmRmakActive{opacity:1;.dsfai;z-index:10;}
		.mypicAvtive{opacity:1;z-index:10;}
		.hotBtnscoll.btnActive{@{bg}:rgba(223, 130, 54, 0.4);}
		.mapBox{.wt100;.bxsz;.border(#e7e7e7);padding: 16px 0 12px 10px;.mgT20;.ft14;}
		.m-title {color: #333333;.ftw;.pdL(10px);height: 20px;.lineH(20px);.ovh;.posR;
			&:before{content:'';.bgy1;.posA;left: 0;top: 50%;transform: translateY(-50%);height: 12px;width: 2px;}
		}
		.m-link {padding: 6px 0 0 10px;
			&>a {color: #333333;.mgR(30px);height: 34px;line-height: 34px;.wsnp;}
		}
		.sendNum{.dsfai; .mgT10;
			.moneyBtn{width: 160px;height: 60px;.bxsz;.border(#dddddd);.dsfcet;.bgwt;.radius(8px);.ft(30px);.ftw;.colgy2;.mgR(15px);.hand;}
			.moneyBtnH{.border(#FF6F00);.colY1;}
		}
		.mondyipt{width: 80px;border:none; .border(#d0d0d0);.alC;.ft14; .colgy2;}
		.sendpic{.bgwt;padding: 20px 34px 0px 34px;}
		.sdnwtit{.ft(16px); line-height: 40px;.colgy1;}
		.subtng1,.subtng2{padding:6px 30px;.bgyl;.colwt;.ft14;.ftw;.hand;.dsib;.bxsz;.mgL(40px)}
		.subtng2{.bgwt;.border(#DDDDDD);.colgy2;}
		.subtnf{padding:6px 22px;@{bg}:#EEEEEE;.border(#DDDDDD);.colgy2;.ft(14px);.ftw;.hand;.dsib;}
		.subtnf:hover{border: none;.bgyl;.colwt;}
		.wxzfb{.mgT(30px);.alC;}
		.ewbbox{width: 130px;height: 130px;.bxsz;padding: 10px;margin: auto;.mgT10;.border(#DDDDDD);.imgewm{.wt100;.ht100;.ovh;}}
		.guliPaySelect{.dsib;.mgR(20px)}
		.selecta,.pyinput{border: none;height: 30px;.border(#DDDDDD);width: 160px;.radius(4px);.ft14; .colgy2;.bxsz;}
		.pyinput{height: 40px;.border(@yellowb);width: 360px;.radius(8px);.ft14; .colgy2;.bxsz;margin:50px auto;}
		.payPassword{.ht100;.wt100;.posF;@{bg}:rgba(0, 0, 0, 0.6);left: 0; top: 0;
			.pasBox{width: 560px;height: 274px;.bgwt;.posA;left:50%;top:50%;transform: translate(-50%,-50%);.radius(8px);.ovh;
				.boxTitle{height: 50px;.lineH(50px); .colgy1; padding:0 38px;.posR;.bxsz;border-bottom:1px solid #dddddd;.ft16;
					.close{z-index: 5; .hand;.ft20;.colgy3;.posA;right: 10px;top:0px;.hand;}
				}
			}
		}
	.member{padding:40px 0;.wt100;.dsfcet;border-bottom:1px dashed #dddddd;
		.mebgbox{@{bg}:url("@{images}/772.png") no-repeat;width: 461px;height: 250px;
			.fontype{color:#FED47D;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);margin-top:104px;}
		}
		.mefont{.mgL(50px);.ft(16px);.lineH(36px);.colgy1;}
		.userCenterFt{margin-top: -20px;}
		.userCenterFt-1{margin-left:15px;font-size: 24px;}
		.userCenterFt-2{.ftw;.dsib;font-size:44px;transform: translateY(2px);}
		.userCenterFt-3{.dsib;text-decoration:line-through;font-size: 14px;transform: translateY(4px);}

	}
		.titblk{.wt100;.bxsz;.dsfbtw;
		.bdspan{.radius(3px);.dsib;width: 4px;.ht100;.bgyl;}
		.titleA{.ft14;.colY1;.mgL(10px);.ftw;}
		.titleb{.ft(16px);.colgy1;.mgL(10px);.ftw;}
		.titlec{.ft(16px);.colgy1;.pdL(30px);.ftw;@{bg}:url("@{images}/497.png") no-repeat left center;}
		.titlec.mgtt{.mgT(20px)}
		.moreA{.ft12;.colgy2;.hand;}
		.moreB{.ft14;.border(@yellowa);.colY1;padding: 3px 3px 3px 14px;.alC;.bxsz;.dsfcet;.hand;
			.zsbg{.dsib;height: 22px;width: 22px;@{bg}:url("@{images}/zsa.png");}
		}
		.moreB:hover{.colwt;.bgyl;
			.zsbg{.dsib;height: 22px;width: 22px;@{bg}:url("@{images}/zsb.png")}
		}
		.moreC{.ft14;.colgy1;.hand;.mrpic{@{bg}:url("@{images}/657.png") no-repeat;width:20px;height:16px;.dsib;.vtM;.mgL(2px)}}
		.moreC:hover{.colY2;.mrpic{@{bg}:url("@{images}/658.png") no-repeat;animation:mymor1 1s ease-in-out infinite;}}
		@keyframes mymor1 {
			0%{transform: translatex(0);}
			50%{transform: translatex(10px);}
			100%{transform: translatex(0);}
		}
	}
	.bgyl{@{bg}:@yellowa}

	.membercou{padding:40px 0;.wt100;.dsfcet;border-bottom:1px dashed #dddddd;
		.mebgboxcou{@{bg}:url("@{images}/coupon.png") no-repeat;width: 461px;height: 750px;
			.fontypecou{color:#FED47D;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);margin-top:104px;}
		}
		.mefont{.mgL(50px);.ft(16px);.lineH(36px);.colgy1;}
		.userCenterFt{margin-top: -20px;}
		.userCenterFt-1{margin-left:15px;font-size: 24px;}
		.userCenterFt-2{.ftw;.dsib;font-size:44px;transform: translateY(2px);}
		.userCenterFt-3{.dsib;text-decoration:line-through;font-size: 14px;transform: translateY(4px);}

	}
	
		.vbtn{.wt100;height:40px;.bxsz;.mgT40;@{bg}:#FFC130;color:#826114;.dsfcet;.radius(20px);.ft18;.hand;.posR;}
		.smallTipsA,.smallTipsB,.smallTipsC{.bgy1;padding:2px 10px;.colwt;.dsib;.vtM;.radius(12px);margin:0 5px;}
		.smallTipsB{@{bg}:#4BCB98}
		.smallTipsC{@{bg}:#3C8AE2}
		.classBtn1,.classBtn2{padding:5px 22px;.colB2;.bxsz;.border(#DFDFDF);.dsib;.radius(15px)}
		.classBtn2{.bdn;@{bg}:#F1F2F5;}
		.aBtn1,.aBtn2,.aBtn3,.bgBtn1,.bgBtn2{padding:5px 22px;.colB2;@{bg}:#F2F4F6;.radius(15px);.mgR(20px);.hand;.dsib}
		.aBtn1,.aBtn2,.aBtn3{.mgT15}
		.aBtn2{@{bg}:#FFE8E1;color:#FF6534;}
		.aBtn3{.bgy1;.colY1;.colwt;}
		.bgBtn1,.bgBtn2{padding:5px 15px;.mgR(0);}
		.bgBtn1{color:#FF6534}
		.bgBtn2{.colwt;@{bg}:#FF6534;}
		.btnA{padding:4px 10px;.bgy1;.radius(6px);.ft14;.colwt;.hand;}
		.dwnlBtn,.dwnlBtn_1{@{bg}:#F98451;.colwt;width:200px;height:60px;.ft18;.radius(6px);.dsib;.dsfcet;.bxsz;.hand}
		.dwnlBtn_1{@{bg}:none;.border(#3c3c3c);color:#3c3c3c}
		.anzIos1,.anzIos2{width:160px;height:40px;@{bg}:#262626;.colwt;.dsfcet;.ft16;.radius(20px)}
		.anzIos2{@{bg}:#3c3c3c;}
		.ft12{.ft(12px)}
		.ft14{.ft(14px)}
		.ft16{.ft(16px)}
		.ft18{.ft(18px)}
		.ft20{.ft(20px)}
		.ft22{.ft(22px)}
		.ft24{.ft(24px)}
		.ft32{.ft(32px)}
		.ftbig{.ft(44px)}
		.fthead{.ft(140px)}
		.mgL5{.mgL(5px)}
		.mgL10{.mgL(10px)}
		.mgL15{.mgL(15px)}
		.mgL20{.mgL(20px)}
		.mgL25{.mgL(25px)}
		.mgL40{.mgL(40px)}
		.pdT5{.pdT(5px)}
		.pdT40{.pdT(40px)}
		.pdT80{.pdT(80px)}
		.pdB20{.pdB(20px)}
		.pdB0{.pdB(0px)}
		.mgT0{margin:0 !important}
		.mgt00{.mgT(0) !important}
		.mgT5{.mgT(5px)}
		.mgT10{.mgT(10px)}
		.mgT15{.mgT(15px)}
		.mgT20{.mgT(20px)}
		.mgT30{.mgT(30px)}
		.mgT40{.mgT(40px)}
		.mgR4{.mgR(4px)}
		.mgR10{.mgR(10px)}
		.mgB0{.mgB(0) !important;}
		.mgB10{.mgB(10px)}
		.mgB20{.mgB(20px)}
		.navmore,.closeNav,.phWxLogin,.relgame,.phoneBody{.hide;}
}
@media screen and (max-device-width: 750px) {
	@greya:#707070;
	@greyb:#333333;
	@reda:#ff0000;
	@yellowa:#FF7C53;
	@yellowb:#FF6D40;
	@bluea:#3C8AE2;
	html,body,ul,p,form,h1,h2,h3,ol{padding:0px; margin:0px;}
	ul {list-style: none;}
	html,body{.wt100;}
	body{@{bg}:#F2F5F9;.bgsz; background-attachment: fixed;}
	a{text-decoration:none;}
	img{border: 0;vertical-align:middle;}
	*{outline:none}
	input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
	.hand{cursor:pointer;}
	.clB{clear:both;}
	.hide{display:none;}
	.ftw{font-weight:bold;}
	.ftwn{font-weight: normal;}
	.flL{float:left;}
	.flR{float:right;}
	.alL{text-align:left;}
	.alR{text-align:right;}
	.alC{text-align:center;}
	.posR{position:relative;}
	.posA{position:absolute;}
	.posF{position: fixed;}
	.vtM{vertical-align:middle;}
	.vtT{vertical-align: top;}
	.dsib{display:inline-block;}
	.dsb{display: block;}
	.dsf{display: flex;}
	.wsnp{white-space:nowrap}
	.dsfbtw{.dsf;align-items: center; justify-content: space-between; flex-wrap:wrap;}
	.dsfcet{.dsf;align-items: center; justify-content: center; flex-wrap:wrap;}
	.dsfai{.dsf;align-items: center; flex-wrap:wrap;}
	.dsfje{.dsf;align-items: center;justify-content: flex-end;flex-wrap:wrap;}
	.dsfst{.dsf;align-items: center;justify-content: flex-start;flex-wrap:wrap;}
	.dsfat{align-items:flex-start;}
	.ovh{overflow: hidden;}
	.bdn{border: none !important;}
	.bxsz{box-sizing:border-box;}
	.ft(@size){font-size:@size;}
	.wt100{width: @wm100;}
	.ht100{height: @wm100;}
	.radius(@w){border-radius:@w;}
	.bgwt{@{bg}: @wiht;}
	.bgy1{@{bg}:@yellowa}
	.bgy2{@{bg}:@yellowb}
	.bgsz{background-size:cover;}
	.bg100{background-size: 100% 100%;}
	.colwt{color: @wiht;}
	.colY1{color: @yellowa;}
	.colY2{color: @yellowb;}
	.colR1{color:@reda;}
	.colgy1{color:@greya}
	.colgy2{color:@greyb}
	.colB1{color:@bluea}
	.mgR(@size){margin-right:@size;}
	.mgL(@size){margin-left:@size;}
	.mgT(@size){margin-top:@size;}
	.mgB(@size){margin-bottom:@size;}
	.pdT(@size){padding-top:@size ;}
	.pdB(@size){padding-bottom:@size ;}
	.pdL(@size){padding-left:@size ;}
	.pdR(@size){padding-right:@size ;}
	.lineH(@size){line-height: @size;}
	.border(@color:@yellowa, @size:1px, @style:solid){border:@arguments;}
	.borderD(@color:@yellowa, @size:1px, @style:solid){border-bottom:@arguments;}
	.wd20{width: 20%;}
	.wd25{width: 25%;}
	.wd33{width: 33.33%}
	.wd50{width: 50%;}
	.wd70{width: 70%;}
	.ftels{.ovh;.wsnp;text-overflow: ellipsis;}
	.twoels{.ovh;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.rds2{.radius(2vw)}
	.lapp{.wt100;.bxsz;.posR;}
	.mainPage{.pdB(16vw);.bxsz;}
	.btnA,.btnA_0,.btnA_1,.btnA_2{padding:1vw 2.6vw;.bgy1;.ft(4vw);.colwt;.radius(4vw);.dsib;}
	.btnA_0,.btnA_1,.btnA_2{padding:1vw 5vw;}
	.btnA_1{@{bg}:#38A3FF}
	.btnA_2{@{bg}:#4BCB98}
	.btnB,.btnB_1{padding:1.8vw 4vw;.bgy1;.radius(1vw);.dsfcet;.colwt;.hand;.ft16;.dsib;}
	.btnB_1{@{bg}:#D9DCE1;color:#7B7B7B;}
	.btnC{padding:2vw 6vw;.bxsz;.border();.radius(1vw);.dsib;.colY1;}
	.btnD{padding:1vw 4vw;.bxsz;.radius(4vw);.dsib;.bgwt;color:#5E6678;margin:1vw;}
	.btnWA{.wt100;height:10vw;.bgy1;.colwt;.dsfcet;.radius(2vw);.mgT4vw;.posR;
		.thumb{width:7vw;height:7vw;@{bg}:url("@{images}/zantuj.png") no-repeat;.bg100;.posA;top:0;left:10%}
	}
	.downTips{.alC;.mgT2vw;.ft16;.colgy1;.border(#EEEEEE,0.2vw,dashed);padding:1vw 0;.radius(0.4vw);.bxsz;}
	.gameIconA{width:10vw;height:10vw;.radius(1.6vw)}
	.gameIconB{width:17vw;height:17vw;.rds2}
	.typeY,.typeB,.typeGy,.typeG{.ft(2.6vw);@{bg}:#FFEBDC;.colY1;padding:0.5vw 1vw}
	.typeB{@{bg}:#DCEFFF;color:#0A8DFF;}
	.typeG{@{bg}:#d9ffe9;color:#4BCB98;}
	.typeGy{@{bg}:#E7E8EB;color:#7B7B7B}
	.vinhome{padding:1.2vw 3vw;@{bg}:#FFEBDC;.colY1;.ft18;.radius(1vw);.dsib;font-weight: normal;.vtM;img{height:5vw;.vtM;.mgR(1vw)}}
	.pubDowlad{.dsfbtw;.bgwt;padding:2vw 2.4vw;.wt100;.bxsz;.colgy1;z-index:100;}
	.pubDowlad.pubDlBotm{@{bg}:#474747;.posF;left:0;bottom:0;z-index:10;.colwt;.hide;z-index:100;}
	.topLogo{width:12vw;height:12vw;.radius(1.6vw);}
	.topDlFont{width:calc(100% - 46vw);}
	.pageHead{.bgy2;.colwt;height:14vw;padding:0 5vw;.dsfbtw;.wt100;.bxsz;}
	.pHedActive{.posF;left:0;top:0; z-index: 200;}
	.pgHdImg{width:28vw;}
	.pageFoot{height:16vw;.wt100;.posF;left:0;bottom:0;.bgwt;.ft20;z-index: 900;}
	.phPgFotBox{.wt100;.ht100;.dsfbtw;justify-content: space-around;}
	.tabBox1,.tabBox2{color:#aaaaaa;.alC;}
	.tabBox2{.colY2;
		i{background-image: linear-gradient(to bottom,#FFBB77, #FF3A3A);background-clip: text;-webkit-background-clip: text;color:transparent;}
	}
	.pheCont{padding:2vw;.wt100;.bxsz;}
	.bagScoll{.wt100;height:54vw;.posR;.rds2;.ovh;
		.nameGmA{height:10vw;.wt100;.posA;left:0;bottom:0;@{bg}:rgba(0,0,0,0.6);z-index:101;.bxsz;padding:0 4vw;.dsfbtw;}
		.scrolPint{.dsfbtw;color:#8D8F94;}
		.tierClsa{.posA;height:8vw;.wt100;left:0;bottom:0; z-index: 5;}
		.classGmTier{height:14vw;.wt100;.posA;left:0;bottom:0;@{bg}:rgba(0,0,0,0.6);z-index:10;.bxsz;padding:0 3vw;.dsfbtw;}
		.gmHuNmRmk{width: calc(100% - 34vw);.colwt;.ft14;}
		.scorDloPic{width:18vw;.colwt;.ft16;}
	}
	.gameAlinkImg{.posA;.wt100;.ht100;.dsb;left:0;top:0;transition: all 1s ease-in-out;opacity: 0;z-index: 1;}
	.mypicAvtive{opacity:1;z-index: 100;}
	.titleA,.titleB{.wt100;.dsfbtw;.bxsz;
		.titleName{.mgL(1vw);.ftw;.ft24}
		.moreA{.colgy1;.hand;.ft18;.dsfai}
	}
	.titleB{height:12vw;padding:0 2vw;}
	.hmoeNewGmR,.oneKeyList{.wt100;.bgwt;.ovh;.rds2;.posR;.bxsz;}
	.oneKeyList{padding:3vw;.dsfbtw;}
	.newHmImg{.wt100;height:52vw;}
	.disIcon,.bigDis{width:9vw;height:4vw;.dsfcet;background-image: linear-gradient(269deg, #FF4B33, #F18C26);z-index: 10;.colwt;border-radius:0 2vw;.ft14}
	.disIcon{.posA;right:0;top:0;width:13vw;height:6vw;.ft18;}
	.newGmCont{.dsfbtw;height:20vw;.wt100;.bxsz;padding:0 2vw;align-items: flex-end;.mgT(-3vw);.pdB(3vw);}
	.gamecontNew{width:calc(100% - 37vw);.mgL(3vw)}
	.gameNameA{.ft24;.ftw;.wt100;.ftels;.colgy2}
	.rmakA{.ft18;.colgy1;.wt100;.ftels;.mgT10}
	.newGmTwo{.dsfbtw;.mgT2vw}
	.newGmDma,.clsLstBox{width:calc(50% - 2vw);.rds2;.dsfbtw;.bgwt;.ovh;
		.towNewCt{.wt100;height:12vw;.dsfbtw;.bxsz;padding:0 2vw;}
	}
	.clsLstBox{@{bg}:none}
	.newGmPic{.wt100;height:25vw;}
	.csBtnABox,.clsTopBtnBox,.gameBagList{.wt100;height:12vw;.bxsz;.dsfbtw;padding:0 4vw;.ft22;.colgy2;}
	.csBtnABox,.gameBagList{.bgwt;.borderD(#DDDDDD);}
	.gameBagList{padding:4vw 0;height: auto;}
	.cllActive{.posR;color:#F57168;
		&::after{content:'';.posA;width:6vw;height:1vw;.radius(0.5vw);@{bg}:#F57168;left:50%;bottom:-2vw;transform: translateX(-50%);}
	}
	.gmRecCont{width:calc(100% - 20vw);.dsfbtw;padding:6vw 0;border-top:1px solid #eeeeee;}
	.gameRecBox{.dsfbtw;padding:0 3vw;&:first-child{.gmRecCont{.bdn}}}
	.gameLong{.mgT10;.wt100;height:10vw;.ovh}
	.straList{.wt100;.dsfbtw;.dsfat;padding:2vw 0;.borderD(#eeeeee)}
	.stratImgR{width:32vw;height:18vw;.radius(1vw)}
	.straRmak{width:calc(100% - 35vw);color:#606060;}
	.searchTop{.bgy1;height:12vw;.wt100;.posR;.pdT(2vw)}
	.searchBOx{height:9vw;.wt100;.dsfbtw;.bxsz;padding:0 3vw 0 1vw;.colwt}
	.schBox{width:76vw;height:9vw;@{bg}:rgba(0,0,0,0.2);.radius(5vw);.dsfai;.bxsz;padding:0 2vw;
		.searchIpt{width:calc(100% - 10vw);.mgL(2vw);.bxsz;@{bg}:none;.bdn;.colwt;&::placeholder{color:#e1aa9a;}}
	}
	.schHotCls{.wd50;.ftels;.mgT(5vw);.ft22;.colgy2;}
	.popupBox{.posF;left:0;top:0;.wt100;.ht100;@{bg}:rgba(0,0,0,0.8);z-index:9998;.hide;
		.popTitl{.ft(5vw);color:#333333;.ftw;.mgB(5vw);.posR;.mgT20;}
		.popCot,.phoneCont{.bgwt;padding:7vw;.posA;left:50%;top:50%;transform: translate(-50%,-50%);.rds2}
		.phoneCont{padding:7vw 3vw}
		.popClose{.posA;right:1vw;top:1vw;.ft22;.colgy1;}
		.popLstBox{.posA;right:0;top:0;.ht100;width:80%;.bgwt;}
	}
	.clsMoreBtn{width:12vw;height:12vw;.posF;z-index:10;background-image: linear-gradient(to bottom,#FFB69F,#F9511E;);.radius(50%);right:2vw;bottom:16vw;.dsfcet;}
	.clsBigRt{width:22vw;.ht100;.bxsz;border-left:1px solid #F2F5F9;}
	.clsSmlLf{width:calc(100% - 22vw);.ht100;.bxsz;padding:3vw;}
	.clsTypeBox{.wt100;.ht100;overflow-y:auto;.dsfbtw;align-content: flex-start;}
	.typeCls{.wt100;padding:1vw 0;margin:4vw 0;.bxsz;.alC;.mgL(-2px);.ft24}
	.typeCls.typeActive{.colY1;border-left:3px solid @yellowa;}
	.recentHotBtn{.wt100;height:12vw;.bgy2;border-top:1px solid #ff8e59;}
	.hubGmBtn{.wd25;.alC;.ft5v;color:#FFE2D9;}
	.hubGmAtv{.posR;.colwt;
		&::after{content:'';.posA;width:6vw;height:1vw;.radius(0.5vw);.bgwt;left:50%;bottom:-2vw;transform: translateX(-50%);}
	}
	.GmCentList{.wt100;padding:3vw 0;.dsfbtw;
		.gmHuCont{width:calc(100% - 44vw);.dsfbtw;}
		.gmClsCont{width:calc(100% - 37vw);.dsfbtw;}
		.gmHuGmnm{.wt100;.ftels;.ft22;.ftw;}
	}
	.s1,.s2,.s3,.s4{width:7vw;height:7vw;.bxsz;.radius(50%);.dsfcet;.ft18;@{bg}:#FDDC3A;color:#E3A815;.border(#E3A815,0.4vw)}
	.s2{@{bg}:#E8E8E8;color:#ADADAD;.border(#ADADAD,2px)}
	.s3{@{bg}:#F7D2BA;color:#CC947A;.border(#CC947A,2px)}
	.s4{@{bg}:#FFEAE3;color:#FF6534;.bdn;}
	.article{.mgT2vw;.lineH(7vw);.ft22;.colgy2;.mgT4vw;word-break: break-all;
		img{width:100%;max-width:100%}
	}
	.copyExp{@{bg}:#F2F5F9;padding:3vw;.ft20;.radius(2vw)}
	.gameBagNm,.gameBagNm1{width:calc(100% - 18vw);.ftels;}
	.gameBagNm1{width:calc(100% - 16vw)}
	.disctCpon{.wt100;height:22vw;.bxsz;.radius(2vw);.mgT10;.dsfbtw;
		.dsCpL{width:30%;.ht100;@{bg}:url("../img/305.png");.bg100;.dsfcet;.colwt;.ft16}
		.dsCpR{width:70%;.ht100;.dsfbtw;.bxsz;padding:0 3vw;.border(#DBDDE6);border-left: none;}
	}
	.newStraRList{.wt100;.dsfbtw;.colgy2;.ft14;.lineH(10vw);.colgy2;
		.staTitle{width:calc(100% - 26vw);.ftels;.colgy2;.ft20}
		.staDate{width:20vw;.ft16;.colgy1}
	}
	.gmDetailNew{width:calc(100% - 7vw);.ftels}
	.criticismBox{.wt100;.mgT(5vw);.dsfbtw;
		.criHeadPic{width:18vw;height:18vw;.radius(50%)}
		.criCont{width:calc(100% - 20vw);.dsfbtw;}
	}
	.iconcriBox{.wt100;.bxsz;padding:0 4vw;.alR;.mgT4vw;.dsfai;justify-content:flex-end;}
	.iconcri1,.iconcri2{color:#8890A1;.mgL5v;.hand;}
	.iconcri2{.colR1;}
	.wxSign{.colwt;.alR;.mgT4vw;.ft24;.mgR(7vw)}
	.downloadTop{.posR;.wt100;
		.dwlTopLogo{padding:4vw 3vw;.posA;left:0;top:0;.wt100;.bxsz;.dsfbtw;}
	}
	.dwlLogoA{width:26vw;}
	.dldBtnBox{.posA;left:50%;top:62vw;transform: translateX(-50%);z-index: 10;}
	.iosAnBtn1,.iosAnBtn2{width:37.3vw;height:10.6vw;.colwt;.bxsz;.dsfcet;.ft22;.bgy1;.radius(1vw);.mgAt;}
	.iosAnBtn2{@{bg}:#FFE8DE;.border();.colY1}
	.downBtnBox{.bgwt;.alC;padding:8vw 0;}
	.pageBottom{padding:5vw 3vw;color: #8890A1;}
	.gmDtlScroll{height:54vw;.wt100;.ovh;.posR;.bxsz;
		.gdSclBox{.ht100;width: auto;.wsnp;.posA;left:0;top:0;z-index:5;
			.img1{.ht100;width:96vw;.radius(1vw);.mgL(0.5vw);&:first-child{.mgL(0)}}
			.img2{.ht100;width:32vw;.radius(1vw);.mgL(0.5vw);}
		}
		.gmdtlSclBtn1,.gmdtlSclBtn2{.ft(8vw);.colwt;.posA; top: 50%;transform: translateY(-50%);z-index: 6;.hand;padding:2vw 0;@{bg}:rgba(0,0,0,0.8)}
		.gmdtlSclBtn1{left:3vw;}
		.gmdtlSclBtn2{right:3vw}
		.gmdtlSclBtn1.gdscBtnActiv,.gmdtlSclBtn2.gdscBtnActiv{.colY1}
	}
	.lgboxbg{.wt100;.ht100;.bgwt;
		.userform{.wt100;.bxsz;padding:5vw;
			.ustop{.ft(5vw);color:#333333;.ftw;.mgB(5vw);.posR;.mgT20;}
			.iptbtnbox{.mgB(6vw);.wt100;height:12vw;.dsfai;.posR;.border(#DDDDDD);.radius(1vw);.bxsz;
				.inputa{.wt100;.ht100;.bxsz;.pdL(1vw);border: none;@{bg}:none;}
				.inputb{width:calc(100% - 7vw);.ht100;.bxsz;.pdL(1vw);border: none;@{bg}:none;}
				.inputc{width:calc(100% - 20vw);.ht100;.bxsz;.pdL(1vw);border: none;@{bg}:none;}
				.eyeicon{width:6vw}
				.getCode{width:20vw;.alC}
				.resmsg{.colR1; .posA;top:11vw;}
	
			}
			.wxqqLogin{.wt100;border-top:1px solid #DDDDDD;.mgT(10vw);.posR;.bxsz;.pdT(6vw);.alC;
				.moreLogin{width:40vw;.ft18;.bgwt;.posA;left:50%;transform:translateX(-50%);top:-2.6vw;.alC}
				.loginicon{width:12vw;height:12vw;.mgL(10vw;)}
			}
		}
	
	}
	.loginSubmit{.wt100;height:11vw;.radius(1vw);margin:auto;.mgT(5vw);.colwt;.ft(4.6vw);.ftw;.dsfcet;.hand; background-image: linear-gradient(-90deg, #F18629, #FFD07E);}
	.loginSubmit:hover{background-image: linear-gradient(-90deg, #FC7B0B, #FFBE4D);}
	.logchoose{.mgT20;.ft18;.colgy2;.dsfbtw;
		.logcos{.hand;}
	}
	.submitmu{width:40%;height:9vw;.ft(4.6vw);.radius(1vw);.colwt;.dsfcet;margin: auto;.mgT(4vw);.hand; background-image: linear-gradient(to top, #FF4E00, #FFA837);}
	.code{color:#1278C0;.ft18}
	.closePop,.closePop1{.ft6v;.posA;.colgy1;z-index:9999;right:2vw;top:2vw;}
	.closePop1{.ft8v;.colwt;top:-10vw;}
	.iosTOpTile{.posA;top:-10vw;left:50%;transform:translateX(-50%);width:62vw;height:17.8vw;@{bg}:url("../img/dd1.png");.bg100;.dsfcet;color:#DE4728;.ftw;.bxsz;.pdT(3vw)}
	.mapBox{.wt100;.bxsz;.border(#e7e7e7);padding:2vw 4vw;.mgT20;.ft22;}
	.m-title {color: #333333;.ftw;.pdL(3vw);height:8vw;.lineH(8vw);.ovh;.posR;
		&:before{content:'';.bgy1;.posA;left: 0;top: 50%;transform: translateY(-50%);height:4vw;width:1vw;}
	}
	.m-link {padding:2vw 0;
		&>a {color: #333333;.mgR(4vw);line-height:7vw;.wsnp;}
	}
	.sendNum{.dsfbtw;.mgT10;
		.moneyBtn{width:30%;height:10vw;.bxsz;.border(#dddddd);.dsfcet;.bgwt;.radius(4vw);.ft16;.ftw;.colgy2;.hand;}
		.moneyBtnH{.border(#FF6F00);.colY1;}
	}
	.mondyipt{width:80%;border:none; border-bottom:#d0d0d0 1px solid;.alC;.ft14; .colgy2;.mgT(2vw)}
	.sendpic{.bgwt;padding:6vw;}
	.sdnwtit{.ft16;.lineH(7vw)}
	.subtng1,.subtng2{padding:2vw 6vw;.bgyl;.colwt;.ft14;.ftw;.hand;.dsib;.bxsz;.mgL(4vw);.radius(4vw)}
	.subtng2{.bgwt;.border(#DDDDDD);.colgy2;}
	.subtnf{padding:1.6vw 6vw;@{bg}:#EEEEEE;.border(#DDDDDD);.colgy2;.ft14;.ftw;.hand;.dsib;.radius(4vw)}
	.wxzfb{.mgT(10vw);.alC;}
	.ewbbox{width:40vw;height:40vw;.bxsz;padding:1vw;margin: auto;.mgT10;.border(#DDDDDD);.imgewm{.wt100;.ht100;.ovh;}}
	.guliPaySelect{.dsb;.mgT20}
	.selecta,.pyinput{border: none;height:10vw;.border(#DDDDDD);width:80%;.radius(1vw);.ft14; .colgy2;.bxsz;}
	.pyinput{height:10vw;.border(@yellowb);.radius(5vw);.ft14; .colgy2;.bxsz;margin:5vw auto;}
	.payPassword{.ht100;.wt100;.posF;@{bg}:rgba(0, 0, 0, 0.6);left: 0; top: 0;
		.pasBox{width:80%;height:50vw;.bgwt;.posA;left:50%;top:50%;transform: translate(-50%,-50%);.radius(1vw);.ovh;
			.boxTitle{height:10vw;.lineH(10vw);.colgy1; padding:0 4vw;.posR;.bxsz;border-bottom:1px solid #dddddd;.ft16;
				.close{ z-index: 5; .hand;.posA;right:1vw;top:1vw;.ft22;.colgy1;}
			}
		}
	}
	.userDmoe{padding:3vw;.bxsz;.wt100;.bgwt;}
	.userheadImg{width:16vw;height:16vw;.radius(50%);}
	.userLevel{width:calc(100% - 18vw);.dsfbtw}
	.memberLine{.mgT(3vw);.dsfbtw;}
	.userFuc{.wd33;.alC;color:#3c3c3c;.mgT(4vw)}
	.expire{.posA;left:50%;transform: translateX(-50%);top:-20px;.ft20}
	.vbtn{.wt100;height:10vw;.bxsz;.mgT(14vw);@{bg}:#FFC130;color:#826114;.dsfcet;.radius(4vw);.ft22;.hand;.posR;}
	.strTopLfet{.wt100;;.bgwt;.bxsz;padding:0 3vw;.mgB(0)}
	.safetyList{padding:4vw 0;.colgy1;.ft22;.dsfbtw;border-top:#E8EAF0 1px solid}
	.safetyList:first-child{.bdn}
	.sticDome{width:49%;height:36vw;.bgwt;.alC;.bxsz;padding:6vw 0;.mgT20}
	.msgTips{.posA;.ft12;.colY1;right:-2vw;top:-1vw;}
	.ctListA,.ctListB{.wd50;.alC;.bgyl;.colwt;line-height:12vw;}
	.ctListB{@{bg}:#efefef;color:#818181;}
	.centerList{@{bg}:#f5f5f5;.mgT(4vw);.radius(2vw);padding:0 4vw}
	.listName{width:18vw;.alR}
	.listCont{width:calc(100% - 20vw);color:#000000;}		
	.smallTipsA,.smallTipsB,.smallTipsC{.bgy1;padding:1vw 3vw;.colwt;.dsib;.vtM;margin:0 3vw;.radius(1vw);.ft18}
	.smallTipsB{@{bg}:#4BCB98}
	.smallTipsC{@{bg}:#3C8AE2}
	.ftbig{.ft(8vw)}
	.ft0{.ft(0)}
	.ft12{.ft(2.2vw)}
	.ft14{.ft(2.6vw)}
	.ft16{.ft(3vw)}
	.ft18{.ft(3.4vw)}
	.ft20{.ft(3.8vw)}
	.ft22{.ft(4.2vw)}
	.ft24{.ft(4.6vw)}
	.ft5v{.ft(5vw)}
	.ft6v{.ft(6vw)}
	.ft7v{.ft(7vw);}
	.ft8v{.ft(8vw);}
	.mgAt{margin:auto;}
	.mgB10{.mgB(2vw)}
	.mgT10{.mgT(1.4vw)}
	.mgT2vw{.mgT(2vw)}
	.mgT20{.mgT(2.6vw);}
	.mgT40{.mgT(4vw)}
	.mgT4vw{.mgT(4vw)}
	.mgT6vw{.mgT(6vw)}
	.mgB4vw{.mgB(4vw)}
	.mgL10{.mgL(1.4vw)}
	.mgL15{.mgL(2vw)}
	.mgL5v{.mgL(5vw)}
	.mgR4vw{.mgR(4vw)}
	.pcBody{.hide}
	.pdTB4{padding:4vw 3vw;}
}



.page{
	margin: 0 auto;
	width: 50%;
	text-align: center;
}
.hl-page-wrap li,.page a,.page em{display:inline-block;padding:0 4px;width:17.5%;}
.page a,.page em{
	width: 8%;
	margin-left: 1%;
	height:38px;border:1px solid;border-radius:2px;font-size:14px;line-height:36px;
	text-align: center;
	border: 1px solid #86cb01;
    color: #86cb01;
}
.page>a:first-child,
.page>a:last-child{
	width:15%;
}
.page em{
	background-color: #86cb01;
	border:1px solid #86cb01;
	color:#FFFFFF
}
@media (max-width:1300px){
	.page{
		width: 80%;
	}
}
@media (max-width:580px){
	.page a,.page em{
		width: 10%;
	}
}
@media (max-width:480px){
	.page{
		width: 100%;
	}
	.page a,.page em{
		width: 12%;
		margin-top: 1%;
		margin-left: 2%;
	}
	.page>a:first-child,
	.page>a:last-child{
		width: 17%;
	}
}