body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

/* basic */
.c:before,.c:after{content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
body{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,'\5b8b\4f53',"\9ED1\4F53",sans-serif;padding-top:0px!important;background-color:#1b5193;overflow-x: hidden;box-sizing: border-box;}
a {text-decoration:none;overflow:hidden;}
a:hover{text-decoration:underline;}
.wrap,.dnfact_navbg,.ost,#afooter,body{min-width:1200px !important;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');overflow-x: hidden;}
.hide{display:block;width:0;height:0;overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.db{display:block;text-indent:-999em;}
.db1{display:block;}
.fl{float:left;}
.fr{float:right;}

.gray{filter: grayscale(1);-webkit-filter: grayscale(1);}
.part .tit{margin: 0 auto;position: relative;}
.part{display:flex;flex-direction: column;align-items: center;}
.content{background: url(../images/ct.jpg) no-repeat 50% 0;width: 1920px;height: auto;display:flex;flex-direction: column;}
.part .tit .btn-rule {
	z-index: 3;
	left:620px;
	top: 45px;
	display: inline-block;
	width:48px;
	height:48px;
	background: url(../images/btn-rule.png) no-repeat 0 0 / 100% 100%;
}
/* 通用样式 */
@font-face {
  font-family: 'font1';
	src: url(../images/font1.ttf);
}
@font-face {
  font-family: 'font2';
	src: url(../images/font2.ttf);
}
@keyframes pulse {
	0% {
		transform: translateX(-50%) scale(1);
	}
	100% {
		transform: translateX(-50%) scale(1.1);
	}
}
.wrap *{box-sizing: border-box;}
.wrap{max-width: 1920px;margin: 0 auto;position: relative;font-family: 'font2';}

/* 通用样式 */
.btn-comm1{display: flex;justify-content: center;align-items: center;font-family: 'font1';font-size: 22px;color: #fff1cc;text-align: center;}
.btn-comm2{font-family: 'font1';display: flex;justify-content: center;align-items: center;font-size: 34px;color: #fff6df;width:269px;height:69px;background: url(../images/btn2.png) no-repeat 0 0/100% 100%;}
.btn-comm3{display: flex;justify-content: center;align-items: center;font-family: 'font1';font-size: 18px;color: #fff1cc;text-align: center;}

/* 头部 */
.head{height:974px;background: url(../images/hd.jpg) no-repeat 0 0;width: 100%;}
.head .logo1{left: 88px;top: 52px;width:280px;height:107px;background: url(../images/logo1.png) no-repeat 0 0/100% 100%;}
.head .btn-ksyx{z-index: 5;left:760px;top:860px;width:392px;height:106px;background: url(../images/btn-ksyx.png) no-repeat 0 0/100% 100%;}
.head .btn-play{animation: pulse 1.5s infinite alternate ease-in-out;width:1106px;height:221px;top:550px;left:50%;background: url(../images/pt-tit1.png) no-repeat 0 0/100% 100%;}
.head h2 {width:100%;height:35px;line-height:35px;top:800px;text-align:center;color:#ffffff;font-size:20px;}
.head h2 a {color:#ffffff;}
.head h2 a:hover {color:#ff0000;}

/*-- --------------------------------- 第一部分 ---------------------------------- --*/
.part1{margin-top:40px;font-family: 'font2';font-size: 22px;color: #8e6541;}
.part1 .tit{width:611px;height:148px;background: url(../images/p1-tit1.png) no-repeat 0 0/100% 100%;}
.part1 .bdjs {position:absolute;margin:0 auto;width: 1210px;margin-top:238px;margin-left:250px;color:#ffffff;}
.part1 .bdjs h2 {float:left;width:790px;height:56px;line-height:56px;color:#ffffff;}
.part1 .bdjs a {float:left;color: #ffffff;  width:194px;  height:56px; line-height:56px;background: url(../images/btn-draw2.png) no-repeat;  transform: scale(0.85);text-align:center;}
.part1 .page5 {margin-top:30px;height:731px;}
.part1 .page5 .cont-row1 {width: 1210px;height:807px;background: url(../images/p5-act.png) no-repeat 0 0/100% 100%;}
.part1 .page5 .proList {position: absolute;width:450px;right:480px;}
.part1 .page5 .pro1 {top:450px;}
.part1 .page5 .pro2 {top:745px;}
.part1 .page5 .proList li {position: relative;width: 100%;height:40px;padding:15px 160px 5px 0;box-sizing: border-box;border-bottom: 1px solid #356abd;line-height: 1.3;color: #ffffff;font-size: 14px;}
.part1 .page5 .proList a {position: absolute;top:8px;right:0;width:86px;height:29px;line-height:29px;color: #825032;font-weight: bold;text-align: center;background: url(../images/p5-btn1.png) no-repeat;}
.part1 .page5 .proList a.lock{background: url(../images/p1-tab1-lock.png) no-repeat 0 0/100% 100%;color: #454545;}
.part1 .page5 .proList a.lock:hover{filter: brightness(1.0);}
.part1 .page5 .proList a:hover,.part1 .page5 .btn-drawQ:hover,.page5 .draw-btnBox a:nth-child(2):hover,.part1 .bdjs a:hover{filter: brightness(1.05);}
.part1 .page5 .btn-drawQ {top:578px; right:610px; position: absolute; color: #ffffff;  width: 201px;  height:86px;  background: url(../images/btn-draw.png) no-repeat;  transform: scale(0.85);}
.part1 .page5 .btn-drawQ .num {position:absolute;bottom:0px;width: 100%;text-align: center;  font-size: 16px;  color:#ffffff;}
.part1 .page5 .draw-btnBox {position: relative;margin-left:190px;margin-top:-150px;width:400px;display: flex;  justify-content: space-around;  align-items: center;z-index:9}
.part1 .page5 .draw-btnBox a {  font-size:16px;color: #ffffff;text-decoration:underline;}
.part1 .page5 .draw-btnBox a:nth-child(1) {position: absolute;width:210px; top:-50px;left:-70px;text-decoration: none;}
.part1 .page5 .draw-btnBox a:nth-child(2) {position: relative;color: #ffffff;left:-60px;text-decoration: none;width:240px;height:100px; background: url(../images/btn-draw1.png) no-repeat;}
.part1 .page5 .draw-btnBox a:nth-child(3) {position: absolute;width:210px; top:-50px;left:80px;text-decoration: none;}
.part1 .page5 .draw-btnBox a:nth-child(4) {position: absolute;width:210px; top:-50px;left:230px;text-decoration: none;}
.desc1{position: absolute;top:500px;left:70px;width:792px;height:656px;background: url(../images/desc1.png) no-repeat 0 0/100% 100%;z-index:8}
.part1 .page5 .draw-btnBox .num {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}
/*-- --------------------------------- 第二部分 ---------------------------------- --*/
.part2{margin: 262px auto 0;height:900px;}
.part2 .tit{width:611px;height:110px;background: url(../images/p2-tit1.png) no-repeat 0 0/100% 100%;}
.p3-box1 .btn-rule {z-index: 3;left: 1138px;top: 38px;display: inline-block;width: 48px;height: 48px;background: url(../images/btn-rule.png) no-repeat 0 0 / 100% 100%;}
.p3-box1{width:1210px;height:834px;background: url(../images/p3-box1.png) no-repeat 0 0/100% 100%;margin: 14px 0 0 10px;display: flex;flex-direction: column;align-items: center;}
.p3-box1 .btn-wrap{display: flex;align-items: center;justify-content: space-between;width: 570px;margin:37px auto 0;}
.p3-box1 .btn-wrap .btn-mxt{font-size: 24px;color: #fff1cc;width:194px;height:56px;background: url(../images/p3-btn1.png) no-repeat 0 0/100% 100%;padding: 6px 0 0;}
.p3-box1 .user-list{width: 990px;display: flex;align-items: center;margin-top:20px;}
.p3-box1 .user-item{display: flex;flex-direction: column;align-items: center;color: #ffffff;font-size: 20px;text-align: center;}
.p3-box1 .user-item .avatar-wrap{width:160px;height:160px;display: flex;justify-content: center;align-items: center;}
.p3-box1 .user-item .user-avatar{display: block;width: 163px;height: 163px;object-fit: cover;}
.p3-box1 .dj-list{display:flex;align-items: center;justify-content: space-between;width:1080px;margin-top:40px;}
.p3-box1 .dj-list .dj-item {float:left;width:360px;}
.part2 .btn-lq{float:left;margin:10px 20px 0 3px;width:148px;height:42px;line-height:42px;background: url(../images/p2-btn1.png) no-repeat 0 0/100% 100%;padding: 4px 0 0;}
.part2 .btn-lq.ylq{background: url(../images/btn-ylq.png) no-repeat 0 0/100% 100%;}

/* 信息列表 */
.info-list{margin:60px auto 0;width: 1080px;display: flex;align-items: center;justify-content: space-between;}
.info-list .info-wrap{display: flex;align-items: center;color: #ffffff;font-size: 26px;}
.info-box{margin-left: 6px;display: flex;align-items: center;width: 398px;height: 52px;background:#2b5faf;}
.info-wrap .info-box input{width: 282px;height: 100%;color: #ffffff;font-size: 26px;outline: none;border: none;background: transparent;padding: 0 14px;}
.info-wrap .btn-copy{display: block;width: 89px;height: 35px;line-height: 35px;background: url(../images/btn-p3-copy.png) no-repeat 0 0/100% 100%;font-family: 'font1';color: #fffcdd;font-size: 24px;text-align: center;}
.desc2{position: absolute;top:1750px;left:1480px;width:476px;height:723px;background: url(../images/desc2.png) no-repeat 0 0/100% 100%;z-index:8}

/*-- --------------------------------- 第三部分 ---------------------------------- --*/
.part3{margin: 155px auto 0;font-family: 'font2';font-size: 22px;color: #8d6542;text-align: center;}
.part3 .tit{width:611px;height:110px;background: url(../images/p3-tit1.png) no-repeat 0 0/100% 100%;}
.part3 .p3-box1{margin: 14px auto 0;width:950px;height:363px;background: url(../images/p4-box1.png) no-repeat 0 0/100% 100%;}
.part3 .p3-box2{margin: 8px auto 0;width:1263px;height:695px;background: url(../images/p4-box2.png) no-repeat 0 0/100% 100%;}
.part3 .p3-box4{margin:48px auto 110px;position: relative;width:1190px;height:313px;background: url(../images/p4-box4.png) no-repeat 0 0/100% 100%;}
.p3-gift{position: absolute;width: 272px;height: 272px;left: 106px;top: 23px;cursor: pointer;}
.p3-gift .p3-fc{display: none;position: absolute;top: 42px;left: 252px;width:450px;height:262px;background: url(../images/p4-fc.png) no-repeat 0 0/100% 100%;;}
.part3 .p3-gift:hover .p3-fc{display: block;}
.desc3{position: absolute;top:3525px;left:50px;width:470px;height:892px;background: url(../images/desc3.png) no-repeat 0 0/100% 100%;z-index:8}


/*-- --------------------------------- 第四部分 ---------------------------------- --*/

.part4{margin:35px auto 0;font-family: 'font2';font-size: 22px;color: #8d6542;text-align: center;}
.part4 .tit{width:691px;height:147px;background: url(../images/p4-tit1.png) no-repeat 0 0/100% 100%;}
.part4 .p3-box5{margin:48px auto 110px;position: relative;width:1132px;height:682px;background: url(../images/p4-box5.png) no-repeat 0 0/100% 100%;}


/* 弹窗样式 */
/*弹窗*/
.dialog{display: none;box-sizing: border-box;font-family: 'font2';}
.btn_close{display: block;background: url(../images/close.png) no-repeat 0 0/100% 100%;width:37px;height:37px;position: absolute;right: -24px;top: 20px;transition: transform 0.5s;}
.btn_close:hover{transform: rotate(180deg);}
.dia_con{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;position: relative;}
.dialog .ipt_invite{background-color: rgba(196, 171, 127, 0.4);border: none;width: 684px;height: 81px;border-radius: 10px;margin-top: 22px;font-size: 24px;padding: 0 20px;color: #925d27;}

.dialog1{width:779px;height:488px;background: url(../images/pop1.png) no-repeat 0 0/100% 100%;}
.dialog1 .dia_con{padding: 160px 0 0;}

.dialog1 .p11_txt1{width: 100%;height:25%;display: flex;justify-content: center;align-items: center;font-family: 'font2';font-size: 36px;color: #925d27;line-height: 1.1;text-align: center;}
.dialog1 .p11_txt2{width: 100%;height:15%;display: flex;justify-content: center;align-items: center;font-family: 'font2';font-size:16px;color: #925d27;line-height: 1.1;text-align: center;}
.dialog1 .btn-comm2{margin-top: 24px;}

/* 弹窗 ：记录 */
.dialog2{font-size: 20px;color: #925d27;width:839px;height:554px;background: url(../images/pop14.png) no-repeat 0 0/100% 100%;}
.dialog2 .dia_con{padding: 25px 0 0;}
.dialog2 .tit {width: 100%;height:40px;line-height:40px;float:left;text-align:center;font-size:40px;color:#d5592b;font-family: 'font1';margin-top:70px;}
.pop2-tb{width:730px;border: 1px solid #a48a5f;text-align: center;}
.pop2-tb thead th{height:50px;background-color: rgba(196, 169, 127,0.85);color: #fff6e5;}
.pop2-tb thead tr th:not(:first-of-type){border-left: 1px solid #a48a5f;}
.pop2-tb tbody tr td:not(:first-of-type){border-left: 1px solid #a48a5f;}
.pop2-tb tbody tr{border-bottom: 1px solid #a48a5f;}
.pop2-tb td{padding:5px 2px;}
.dialog2 .list_dj {overflow-y:auto;height:338px;width:750px;}

.dialog2 .list_dj::-webkit-scrollbar{width: 12px;height: 12px;background-color: #d5b98b;border-radius: 10px;}
.dialog2 .list_dj::-webkit-scrollbar-track{background-color: #d5b98b;margin:12px 0;}
.dialog2 .list_dj::-webkit-scrollbar-thumb{background-color: #b26153;border-radius: 10px;} 

.dialog2 .action-foot{display: flex;align-items: center;margin-top: 14px;}
.dialog2 .action-foot .page-wrap{margin: 0 40px;}
.dialog2 .action-foot a{color: #925d27;}
.dialog2 .action-foot a.on{opacity: 0.6;cursor: default;}

/* 弹窗：规则 */
.dialog4{width:1167px;height:770px;background: url(../images/pop4.png) no-repeat 0 0/100% 100%;}
.dialog4 .dia_con{padding: 180px 0 0;color: #925d27;font-size: 20px;}
.dialog4 .scroll-view{width: 1024px;height: 510px;overflow-x: hidden;overflow-y: auto;}
.scroll-view::-webkit-scrollbar-track{background-color:#c2a67a;border-radius: 10px}
.scroll-view::-webkit-scrollbar{width:6px;}
.scroll-view::-webkit-scrollbar-thumb{background:#be4b32;border-radius: 10px;}
.dialog4 .rule-tit{color: #be4b32;margin-top: 4px;}
.dialog4 .rule-cont{padding-right: 20px;}
.dialog4 .i-dot2{display: inline-block;margin-right: 5px;width:16px;height:14px;background: url(../images/i-dot2.png) no-repeat 0 0/100% 100%;}
.dialog4 table{font-size: 16px;margin: 0 auto 0;width: 975px;height: 347px;border: 2px solid rgba(164, 138, 95,0.5);background-color: rgba(254, 238, 204,0.5);text-align: center;}
.dialog4 table tr td{text-align: center;padding: 10px 20px;}
.dialog4 table tr td:not(:last-of-type){border-right: 1px solid rgba(164, 138, 95,0.5);}
.dialog4 table tr:not(:first-of-type){border-top: 1px solid rgba(164, 138, 95,0.5);}
.dialog4 table tr:first-of-type{background-color: rgba(175, 154, 110,0.39);}
.dialog4 .spec-txt{color: #be4b32;}

/* 弹窗5：组建我的团队 */
.dialog5{width:779px;height:479px;background: url(../images/pop5.png) no-repeat 0 0/100% 100%;}
.dialog5 .dia_con{padding: 270px 0 0 ;}

/* 弹窗6：成功创建团队 */
.dialog6{width:779px;height:476px;background: url(../images/pop6.png) no-repeat 0 0/100% 100%;}
.dialog6 .dia_con{padding: 215px 0 0;}
.p6_txt1{font-family: 'font2';font-size: 24px;text-align: center;color: #925d27;}

/* 弹窗7：加入好友团队 */
.dialog7{width:779px;height:475px;background: url(../images/pop7.png) no-repeat 0 0/100% 100%;}
.dialog7 .dia_con{padding: 183px 0 0;}
.dialog7 .btn-comm2{margin-top: 20px;}

/* 弹窗8：通用文字弹窗 */
.dialog8{width:779px;height:477px;background: url(../images/pop7.png) no-repeat 0 0/100% 100%;}
.dialog8 .dia_con{padding: 70px 42px 80px 28px;}
.dialog8 .p8_txt1{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-family: 'font2';font-size: 36px;color: #925d27;line-height: 1.1;text-align: center;}

/* 弹窗9： 绑定角色 */
.dialog9{width:779px;height:663px;background: url(../images/pop9.png) no-repeat 0 0/100% 100%;}
.dialog9 .dia_con{padding: 210px 42px 80px 0px;}
.dialog9 .select-item{margin-top: 27px;font-size: 24px;color: #925d27;font-family: 'font2';width: 662px;display: flex;align-items: center;justify-content: space-between;}
.dialog9 .select-item select{color: #925d27;appearance: none;border: none;outline: none;background: url(../images/select-bg.png) no-repeat 0 0/100% 100%;width:555px;height:80px;font-size: 24px;padding: 0 20px;}
.dialog9 .btn-comm2{margin: 50px auto 0;}






.dialog10{font-size: 20px;color: #925d27;width:839px;height:554px;background: url(../images/pop14.png) no-repeat 0 0/100% 100%;}
.dialog10 .dia_con{padding: 15px 0 0;}
.dialog10 .tit {width: 100%;height:40px;line-height:40px;float:left;text-align:center;font-size:40px;color:#d5592b;font-family: 'font1';margin-top:70px;}
.dialog10 .tit1 {width: 100%;height:30px;line-height:30px;float:left;text-align:center;font-size:20px;color:#a64f2f;font-family: 'font2';margin-top:0px;}
.dialog10 .line_item{display: flex;align-items: center;width: 652px;height:72px;line-height:72px;}
.dialog10 input{border: none;background-color: rgba(196, 171, 127,0.4);border: 1px solid #836c44;width:652px;height:52px;line-height:52px;border-radius: 10px;font-size: 20px;padding: 0 10px;color: #925d27;}
.dialog10 .dia_con .btn-comm4{position:absolute;font-family: 'font1';font-size: 34px;text-align:center;color: #fff6df;width:269px;height:69px;line-height:69px;background: url(../images/btn2.png) no-repeat 0 0/100% 100%;margin-top:250px;text-decoration:none;}
.dialog10 .dia_con .btn-comm5{position:absolute;font-family: 'font1';font-size: 34px;text-align:center;color: #fff6df;width:269px;height:69px;line-height:69px;background: url(../images/btn2.png) no-repeat 0 0/100% 100%;margin-top:250px;text-decoration:none;}
/* .dialog10 .dia_con .btn-comm4{left:130px;} */
.dialog10 .dia_con .btn-comm5{right:150px;}

/* 弹窗11： 绑定账号 */
.dialog11{width:779px;height:477px;background: url(../images/pop8.png) no-repeat 0 0/100% 100%;}
.dialog11 .dia_con{padding:100px 0 0;}
.dialog11 .line_item{display: flex;align-items: center;width: 652px;height: 82px;}
.dialog11 input{border: none;background-color: rgba(196, 171, 127,0.4);border: 1px solid #836c44;border-radius: 10px;font-size: 20px;padding: 0 20px;color: #925d27;}
#ipt_phone{width: 652px;height: 82px;}
#ipt_code{width: 412px;height: 82px;}
.dialog11 .btn_code{width: 230px;height: 80px;line-height: 82px;color: #fcf5e3;font-size: 24px;margin-left: 10px;text-align: center;background-color: #9b7a5d;border-radius: 10px;}
.dialog11 .btn_bind{margin-top: 38px;}


.dialog12{width:779px;height:477px;background: url(../images/pop8.png) no-repeat 0 0/100% 100%;}
.dialog12 .dia_con{padding:0px 0 0;}
.dialog12 .tit {width: 100%;height:40px;line-height:40px;float:left;text-align:center;font-size:40px;color:#d5592b;font-family: 'font1';margin-top:70px;}
.dialog12 .p8_txt1{width: 100%;height:40%;display: flex;justify-content: center;align-items: center;font-family: 'font2';font-size: 36px;color: #925d27;line-height: 1.1;text-align: center;}
.dialog12 .p8_txt2{width: 100%;height:50px;line-height:50px;display: flex;justify-content: center;align-items: center;font-family: 'font2';font-size: 30px;color: #925d27;text-align: center;}
.dialog12 .p8_txt3{width: 100%;height:30px;line-height:30px;}
.dialog12 .p8_txt2 span {color:#d5592b;}

.dialog15{width:779px;height:663px;background: url(../images/pop15.png) no-repeat 0 0/100% 100%;}
.dialog15 .dia_con{padding: 210px 42px 80px 0px;}
.dialog15 .select-item{margin-top: 27px;font-size: 24px;color: #925d27;font-family: 'font2';width: 662px;display: flex;align-items: center;justify-content: space-between;}
.dialog15 .select-item select{color: #925d27;appearance: none;border: none;outline: none;background: url(../images/select-bg.png) no-repeat 0 0/100% 100%;width:555px;height:80px;font-size: 24px;padding: 0 20px;}
.dialog15 .btn-comm2{margin: 50px auto 0;}