html{font:28px "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
/* html{font:28px; } */
ul,li,div,p,body{margin:0;padding:0;text-align:left;font-size:28px;font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
li{list-style:none;}
a{text-decoration:none;}
.hide{display:none;}
h1{display:none;}
input,button,select,textarea{outline:none;-webkit-appearance:none;appearance:none;}
body, html {background:#000000;text-align: left;height:100%;width: 100%;font-weight: normal;overflow:hidden;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0.5);}
#main{position:absolute;background:#000000;width:1330px;height:100%;left:0;top:0;overflow:hidden;transform-origin:0 0;transform: translate3d(0px, 0px, 0px);}

.bpic{position:absolute;left:0;top:0;transform:translate3d(0,0,0);pointer-events:none;}
.bpic2{position:absolute;left:0;top:0;transform:translate3d(0,0,0);pointer-events:none;}

#soundCon{display:none;}
#musicClose{cursor:pointer;position:absolute;left:34px;top:30px;width:66px;height:93px;background:url("../images/nmo.png") no-repeat;background-size:100%;display:none;z-index:301;transform:translate3d(0,0,0);}
#musicOpen{cursor:pointer;position:absolute;left:34px;top:30px;width:66px;height:93px;background:url("../images/nmc.png") no-repeat;background-size:100%;display:none;z-index:301;transform:translate3d(0,0,0);}

.con{position:absolute;left:0;top:0px;width:1330px;height:622px;transform:translate3d(0,0,0);transform-origin:50% 0;}
.absdiv{position:absolute;left:0;top:0;width:1330px;height:622px;transform:translate3d(0,0,0);}

#forPc{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/pcbg.jpg') no-repeat center;min-height:500px;}
#pageCon{position:absolute;left:0;top:0;width:1330px;height:622px;overflow:hidden;}
#fbCon{position:absolute;left:0;top:0;width:2150px;height:622px;transform:translate3d(0,0,0);}
.loginbg{left:29px;top:86px;width:1220px;height:486px;background:url("../images/loginbg.png") no-repeat;background-size:100%;}
.daojubg{left:29px;top:56px;width:1220px;height:506px;background:url("../images/daojubg.png") no-repeat;background-size:100%;}
.djlock3{left:561px;top:174px;width:192px;height:191px;background:url("../images/djlock1.png") no-repeat;background-size:100%;}
.djlock5{left:802px;top:174px;width:192px;height:191px;background:url("../images/djlock1.png") no-repeat;background-size:100%;}
.djlock2{left:442px;top:280px;width:192px;height:191px;background:url("../images/djlock1.png") no-repeat;background-size:100%;}
.djlock4{left:683px;top:280px;width:192px;height:191px;background:url("../images/djlock1.png") no-repeat;background-size:100%;}
.djlock1{left:320px;top:174px;width:192px;height:191px;background:url("../images/djlock1.png") no-repeat;background-size:100%;}
.daoju1{left:378px;top:231px;width:78px;height:68px;background:url("../images/daoju1.png") no-repeat;background-size:100%;}
.daoju2{left:500px;top:331px;width:78px;height:68px;background:url("../images/daoju1.png") no-repeat;background-size:100%;}
.daoju3{left:619px;top:231px;width:78px;height:68px;background:url("../images/daoju1.png") no-repeat;background-size:100%;}
.daoju4{left:741px;top:331px;width:78px;height:68px;background:url("../images/daoju1.png") no-repeat;background-size:100%;}
.daoju5{left:860px;top:231px;width:78px;height:68px;background:url("../images/daoju1.png") no-repeat;background-size:100%;}
.getbg{left:404px;top:140px;width:477px;height:289px;background:url("../images/getbg.png") no-repeat;background-size:100%;}
.gdaoju1{left:602px;top:197px;width:78px;height:68px;background:url("../images/daoju1.png") no-repeat;background-size:100%;}
#closeBtn{cursor:pointer;position:absolute;width:85px;height:85px;left:1074px;top:27px;background:url("../images/closeBtn.png") no-repeat;background-size:100%;transform:translate3d(0,0,0);}
.allbtn{display:none;}
#celan{display:none;position:absolute;right:20px;top:20px;width:54px;height:326px;transform:translate3d(0,0,0);z-index:200;transform-origin:100% 0;}
#startBtn{cursor:pointer;position:absolute;width:357px;height:84px;left:491px;top:265px;}
#jdBtn{cursor:pointer;position:absolute;width:357px;height:84px;left:491px;top:389px;}
#findBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:343px;}
#chatBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#dageBtn{cursor:pointer;position:absolute;width:751px;height:91px;left:283px;top:343px;}
#heroBtn{cursor:pointer;position:absolute;width:751px;height:91px;left:283px;top:217px;}
#chs2Btn{cursor:pointer;position:absolute;width:751px;height:91px;left:283px;top:343px;}
#chs1Btn{cursor:pointer;position:absolute;width:751px;height:91px;left:283px;top:217px;}
#againBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:232px;}
#againBtn2{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:232px;}
#againBtn3{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:232px;}
#againBtn4{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:232px;}
#againBtn8{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:232px;}
#againBtn5{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:232px;}
#saveBtn1{cursor:pointer;position:absolute;width:591px;height:91px;left:363px;top:343px;}
#saveBtn2{cursor:pointer;position:absolute;width:591px;height:91px;left:363px;top:343px;}
#saveBtn3{cursor:pointer;position:absolute;width:591px;height:91px;left:363px;top:343px;}
#saveBtn4{cursor:pointer;position:absolute;width:591px;height:91px;left:363px;top:343px;}
#nextBtn1{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#nextBtn2{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#nextBtn3{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#nextBtn4{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#myjdBtn{cursor:pointer;position:absolute;width:50px;height:130px;left:2px;top:28px;}
#mydjBtn{cursor:pointer;position:absolute;width:50px;height:130px;left:2px;top:170px;}
#fightBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:343px;}
#taoBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#zhiBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:430px;top:403px;}
#fightBtn2{cursor:pointer;position:absolute;width:471px;height:91px;left:430px;top:267px;}
#taoBtn2{cursor:pointer;position:absolute;width:471px;height:91px;left:430px;top:131px;}
#zdddBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:343px;}
#awayBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#helphcBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:343px;}
#helpjyjBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#helphcBtn2{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:343px;}
#duoBtn{cursor:pointer;position:absolute;width:471px;height:91px;left:423px;top:207px;}
#lqBtn1{cursor:pointer;position:absolute;width:591px;height:91px;left:376px;top:194px;}
#fqBtn1{cursor:pointer;position:absolute;width:591px;height:91px;left:376px;top:330px;}
.lqBtn3{cursor:pointer;position:absolute;width:591px;height:91px;left:376px;top:194px;}
.fqBtn3{cursor:pointer;position:absolute;width:591px;height:91px;left:376px;top:330px;}
#shareBtn{cursor:pointer;position:absolute;width:591px;height:91px;left:361px;top:345px;}
#againBtn6{cursor:pointer;position:absolute;width:591px;height:91px;left:361px;top:481px;}
#doneBtn{cursor:pointer;position:absolute;width:591px;height:91px;left:361px;top:245px;}
#descBtn{cursor:pointer;position:absolute;width:50px;height:130px;left:2px;top:330px;}

#gqBtn1{cursor:pointer;position:absolute;left:39px;top:114px;width:360px;height:202px;}
#gqBtn2{cursor:pointer;position:absolute;left:305px;top:361px;width:360px;height:217px;}
#gqBtn3{cursor:pointer;position:absolute;left:541px;top:48px;width:360px;height:217px;}
#gqBtn4{cursor:pointer;position:absolute;left:819px;top:301px;width:360px;height:217px;}
#gqBtn5{cursor:pointer;position:absolute;left:1071px;top:15px;width:360px;height:217px;}
#gqBtn6{cursor:pointer;position:absolute;left:1310px;top:363px;width:360px;height:217px;}
#gqBtn7{cursor:pointer;position:absolute;left:1548px;top:89px;width:360px;height:217px;}
#gqBtn8{cursor:pointer;position:absolute;left:1788px;top:314px;width:360px;height:217px;}
#backBtn{cursor:pointer;position:absolute;width:60px;height:60px;left:24px;top:12px;background:url("../images/backBtn.png") no-repeat;background-size:100%;transform:translate3d(0,0,0);}

.wxtips2{left:772px;top:15px;width:528px;height:231px;background:url("../images/wxtips2.png") no-repeat;background-size:100%;}
.wxtips1{left:346px;top:193px;width:638px;height:251px;background:url("../images/wxtips1.png") no-repeat;background-size:100%;}
.dmbg{left:29px;top:86px;width:1220px;height:486px;background:url("../images/dmbg.png") no-repeat;background-size:100%;}
#closeBtn4{cursor:pointer;position:absolute;width:85px;height:85px;left:1074px;top:27px;background:url("../images/closeBtn.png") no-repeat;background-size:100%;transform:translate3d(0,0,0);}
#sendBtn{cursor:pointer;position:absolute;width:476px;height:86px;left:434px;top:352px;background:url("../images/sendBtn.png") no-repeat;background-size:100%;transform:translate3d(0,0,0);}
#loginBtn{cursor:pointer;position:absolute;width:416px;height:86px;left:464px;top:332px;background:url("../images/loginBtn.png") no-repeat;background-size:100%;transform:translate3d(0,0,0);}
#closeBtn1{cursor:pointer;position:absolute;width:85px;height:85px;left:1074px;top:27px;background:url("../images/closeBtn.png") no-repeat;background-size:100%;transform:translate3d(0,0,0);}
#downBtn{cursor:pointer;position:absolute;width:281px;height:57px;left:532px;top:439px;}
input::-webkit-input-placeholder{color:#654845;font-size:28px;}
#idTxt{position:absolute;user-select:text;-webkit-user-select:text;left:712px;top:228px;width:290px;height:30px;padding:10px 0;background:none;margin:0;border:none;color:#654845;font-size:28px;transform:translate3d(0,0,0);}
#serList{position:absolute;user-select:text;-webkit-user-select:text;left:322px;top:214px;width:290px;height:70px;padding:10px 0;background:none;margin:0;border:none;color:#654845;font-size:28px;transform:translate3d(0,0,0);}
.btnCon{position:absolute;width:1330px;height:622px;top:0;left:0;z-index:120;transform-origin:0 0;}
.pop{display:none;position:absolute;width:1330px;height:622px;top:0;left:0;z-index:120;transform-origin:50% 0;}
#sdmTxt{position:absolute;user-select:text;-webkit-user-select:text;left:462px;top:258px;width:430px;height:30px;padding:10px 0;background:none;margin:0;border:none;color:#654845;font-size:28px;transform:translate3d(0,0,0);}
#dmCon1{position:absolute;width:1330px;left:0;top:0px;height:200px;transform:translate3d(0,0,0);pointer-events:none;overflow:hidden;pointer-events:none;}
.dmone{position:absolute;left:0;top:0;transform:translate3d(0,0,0);}
.dmtxt{position:absolute;height:28px;left:0;white-space:nowrap;padding:10px 20px;border-radius:30px;top:0;font-size:26px;line-height:28px;background:rgba(0,0,0,0.5);color:#ffffff;transform:translate3d(0,0,0);pointer-events:none;}

.descbg2{left:29px;top:56px;width:1220px;height:506px;background:url("../images/descbg2.png") no-repeat;background-size:100%;}
.descOutCon{position:absolute;left:295px;top:143px;width:760px;height:366px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;transform:translate3d(0,0,0);
scrollbar-arrow-color:#000000;
scrollbar-face-color:rgba(145, 153, 190, 1);
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:rgba(137, 116, 73, 1);
scrollbar-base-color:#000000;}
#descList{position:absolute;left:0;top:0;width:730px;height:741px;transform:translate3d(0,0,0);}
.desctxt{left:0;top:0;width:730px;height:741px;background:url("../images/desctxtn.png") no-repeat;background-size:100%;}
.celanbg{left:0;top:0;width:54px;height:496px;background:url("../images/celanbg.png") no-repeat;background-size:100%;}
#homeBtn{cursor:pointer;position:absolute;width:82px;height:93px;left:26px;top:141px;background:url("../images/nhomeBtn.png") no-repeat;background-size:100%;transform:translate3d(0,0,0);}
.mcrt{-webkit-animation:5s rtAni linear infinite;left:3px;top:3px;width:60px;height:59px;background:url("../images/nmcrt.png") no-repeat;background-size:100%;}
#leftCon{display:none;position:absolute;left:0;top:0;width:69px;height:296px;transform:translate3d(0,0,0);z-index:200;transform-origin:0 0;}
#downBtn3{cursor:pointer;position:absolute;width:82px;height:93px;left:26px;top:260px;background:url("../images/downBtn3.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}

@keyframes rtAni{
	0%{
		transform:translate3d(0,0,0) rotate(0deg);
	}
	100%{
		transform:translate3d(0,0,0) rotate(360deg);
	}
}
@keyframes fadeIn{
	0%{
		opacity:0;
		transform:translate3d(0,0,0);
	}
	100%{
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@keyframes fadeOut{
	0%{
		opacity:1;
		transform:translate3d(0,0,0);
	}
	100%{
		opacity:0;
		transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes rtAni{
	0%{
		transform:translate3d(0,0,0) rotate(0deg);
	}
	100%{
		transform:translate3d(0,0,0) rotate(360deg);
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
#poptips{position:absolute;width:510px;background:rgba(0,0,0,0.8);transform:translate3d(0,0,0);color:#ffffff;font-size:30px;text-align:center;padding:20px;left:100px;top:400px;z-index:220;display:none;-webkit-animation: 0.3s tipsShow2 ease-out;pointer-events:none;border-radius:10px;}
#wxtips{position:absolute;left:0;top:0;width:1330px;z-index:210;display:none;-webkit-animation: 0.3s tipsShow2 ease-in;pointer-events:none;transform-origin:50% 0;transform:translate3d(0,0,0);}
#hptips{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.9);color:#ffffff;font-size:30px;line-height:100%;left:0;top:0;transform:translate3d(0,0,0);z-index:230;display:none;-webkit-animation:0.3s tipsShow2  ease-out;pointer-events:none;transform:translate3d(0,0,0);}
.hptipstxt{position:absolute;width:100%;top:50%;text-align:center;transform:translate3d(0,0,0);}

#maskbg2{display:none;position:absolute;width:1380px;height:680px;background:rgba(0,0,0,0.8);background-size:100%;opacity:0;top:0;left:0;z-index:100;transform:translate3d(0,0,0);-webkit-animation:0.6s fadeIn ease-out both;}
#maskbg{display:none;position:absolute;width:1380px;height:680px;background:black;background-size:100%;opacity:0.8;top:0;left:0;z-index:200;-webkit-animation:0.3s tipsShow ease-in;transform:translate3d(0,0,0);}
@-webkit-keyframes tipsShow {
	0%{
		opacity:0;
	}
	100%{
		opacity:0.8;
	}
}
@-webkit-keyframes tipsShow2 {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}