@font-face {
	font-family: 'fz'; 
	src: url( 'https://zhuxianvmg.wmupd.com/game/zhuxian/250509version/FZShengSKSJW_Cu.TTF');
}
body{ margin:0; padding:0; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; overflow-x: hidden; background-color: #282a2c;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;font-weight: normal;}
*{outline: none;}
img{ border: 0;}
ol,ul{list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none;outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}

.wrap{ position: relative; overflow: hidden; width: 100%; max-width: 1920px; min-width: 1360px; height: 3200px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center top;}
/* section-head */
.section-head{ position: relative; width: 100%; height: 1004px;}
.nav-box{ position: absolute; left: 9px; top: 0; z-index: 10; width: 500px; height: 200px;}
.nav-box span{ position: absolute; top: 0; cursor: pointer; text-indent: -999px; overflow: hidden;}
.nav1{ left: 0; width: 135px; height: 142px; background: url(../images/nav-star1.png) no-repeat;}
.nav2{ left: 103px; width: 137px; height: 172px; background: url(../images/nav-star2.png) no-repeat;}
.nav3{ left: 202px; width: 136px; height: 141px; background: url(../images/nav-star3.png) no-repeat;}
.nav4{ left: 298px; width: 135px; height: 171px; background: url(../images/nav-star4.png) no-repeat;}

.btn-login,.btn-bind{ position: absolute; right: 34px; top: 28px; z-index: 10; width: 117px; height: 32px; font-size: 18px; line-height: 32px; color: #ecd8bb; text-align: center; background: url(../images/btn-bg.png) no-repeat; cursor: pointer;}
.logout{ display: none; position: absolute; right: 34px; top: 28px; z-index: 10; width: 900px; height: 32px; padding-right: 125px; box-sizing: border-box; font-size: 18px; line-height: 32px; color: #fff; text-align: right;}
.btn-logout{ cursor: pointer;}
.btn-bind{ right: 0; top: 0;}
.bind-info{ display: none; margin-left: 10px;}

#slogan-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 259px; width: 990px; height: 282px; background: url(../images/slogan.png) no-repeat;}
.slogan-on{ position: absolute; left: 0; top: 0; overflow: hidden; width: 0; height: 100%;}
.slogan-on img{ display: block; width: 990px;}

.all-mum-box{ display: flex; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 541px; width: 402px; height: 43px; justify-content: center;}
.all-num-text1{ width: 61px; height: 43px; background: url(../images/all-num-text1.png) no-repeat;}
.all-num-text2{ width: 253px; height: 43px; background: url(../images/all-num-text2.png) no-repeat;}
.all-num{ font-size: 24px; line-height: 43px; color: #fff;}
.btn-get-ch{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 596px; z-index: 10; width: 123px; height: 38px; background: url(../images/btn-get.png) no-repeat; cursor: pointer;}

.btn-create{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 677px; z-index: 10; width: 220px; height: 208px; background: url(../images/btn-create.png) no-repeat; cursor: pointer;}
.btn-download-wallpaper{ position: absolute; right: 24px; top: 670px; z-index: 10; width: 52px; height: 51px; background: url(../images/btn-download-wallpaper.png) no-repeat; cursor: pointer;}
.btn-download-wallpaper span{ display: none; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 55px; width: 74px; font-size: 14px; color: #fff; text-align: center;}
.btn-download-wallpaper:hover span{ display: block;}

#btn-danmu{ position: absolute; left: 12px; top: 428px; z-index: 10; width: 52px; height: 52px; cursor: pointer;}
#btn-danmu.on{ background: url(../images/danmu-on.png) no-repeat;}
#btn-danmu.off{ background: url(../images/danmu-off.png) no-repeat;}
#danmu-container{ position: relative; width: 100%; height: 100%; overflow: hidden;}
#danmu-container span{ display: inline-block; position: absolute; left: 100%; height: 28px;  padding:0 15px; font-size: 18px; line-height: 28px; color: #fefefe; background-color: rgba(18,18,18,.8); border-radius: 10px; white-space: nowrap;}
#danmu-container span.own{ display: none; top: 400px; color: #cc9eff;}
/* section-yu */
.section-yu{ position: relative; width: 100%; height: 1039px;}
.section-t{ display: block; margin: 0 auto;}
.yu-cont{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 213px; width: 900px; height: 674px;}
.yu-cont span{ position: absolute; text-align: center; white-space: nowrap; color: transparent; background-clip: text; -webkit-background-clip: text; font-family: "fz";}
.w72{ width: 300px; height: 72px; font-size: 72px; line-height: 72px;}
.w60{ width: 242px; height: 60px; font-size: 60px; line-height: 60px;}
.w48{ width: 196px; height: 48px; font-size: 48px; line-height: 48px;}
.w30{ width: 124px; height: 30px; font-size: 30px; line-height: 30px;}
.c-lan{ background: linear-gradient(to bottom, #fefefc, #70dee2);}
.c-zi{ background: linear-gradient(to bottom, #fefefc, #cc9eff);}
.c-cheng{ background: linear-gradient(to bottom, #fefefc, #ffa462);}
.yu1{ left: 266px; top: 139px;}
.yu2{ left: 387px; top: 270px;}
.yu3{ left: 293px; top: 506px;}
.yu4{ left: 445px; top: 81px;}
.yu5{ left: 16px; top: 224px;}
.yu6{ left: 617px; top: 199px;}
.yu7{ left: 530px; top: 342px;}
.yu8{ left: 353px; top: 408px;}
.yu9{ left: 240px; top: 85px;}
.yu10{ left: 687px; top: 89px;}
.yu11{ left: 491px; top: 35px;}
.yu12{ left: 690px; top: 140px;}
.yu13{ left: 200px; top: 37px;}
.yu14{ left: 264px; top: 219px;}
.yu15{ left: 351px; top: 587px;}
.yu16{ left: 50px; top: 294px;}
.yu17{ left: 214px; top: 354px;}
.yu18{ left: 155px; top: 406px;}
.yu19{ left: 4px; top: 172px;}
.yu20{ left: 31px; top: 87px;}
.yu21{ left: 135px; top: 138px;}
.yu22{ left: 0px; top: 138px;}
.yu23{ left: 138px; top: 5px;}
.yu24{ left: 691px; top: 46px;}
.yu25{ left: 72px; top: 47px;}
.yu26{ left: 695px; top: 268px;}
.yu27{ left: 676px; top: 305px;}
.yu28{ left: 562px; top: 160px;}
.yu29{ left: 586px; top: 0px;}
.yu30{ left: 464px; top: 227px;}
.yu31{ left: 265px; top: 277px;}
.yu32{ left: 611px; top: 410px;}
.yu33{ left: 591px; top: 445px;}
.yu34{ left: 550px; top: 482px;}
.yu35{ left: 216px; top: 466px;}
.yu36{ left: 350px; top: 466px;}
.yu37{ left: 390px; top: 643px;}
.yu38{ left: 94px; top: 345px;}
.yu39{ left: 259px; top: 316px;}
.yu40{ left: 404px; top: 363px;}

.yu-hover{ position: absolute; left: 50%; top: 100%; z-index: 5; width: 154px; height: 181px; padding: 0 9px; box-sizing: border-box; background: url(../images/yu-hover-bg.png) no-repeat;}
.yu-hover div{ height: 77px; margin-top: 10px;}
.yu-hover div p{ font-size: 16px; line-height: 20px; color: #fefefe; text-align: left;}
.usernum,.highserver{ margin-top: 8px;}
/* section-hui */
.section-hui{ position: relative; width: 100%; height: 1517px;}
.hui-list{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 135px; overflow: hidden; width: 1460px; height: 500px;}
.hui-list li{ float: left; width: 400px; height: 500px; margin: 0 43px;}
.shape-box{ position: relative; width: 400px; height: 400px; overflow: hidden;}
.shape-box div{ width: 100%; height: 100%;}
.shape-box div,.shape-box img{ position: absolute; left: 0; top: 0; width: 100%;}
.hui-list li.cardioid .shape-box div,.hui-list li.cardioid .shape-box img{ top: -70px;}
.hui-list li.triangle .shape-box div,.hui-list li.triangle .shape-box img{ top: 35px;}
.hui-list li.cardioid .shape-box div{ background: url(../images/shape-cardioid.png) no-repeat;}
.hui-list li.circle .shape-box div{ background: url(../images/shape-circle.png) no-repeat;}
.hui-list li.diamond .shape-box div{ background: url(../images/shape-diamond.png) no-repeat;}
.hui-list li.pentagon .shape-box div{ background: url(../images/shape-pentagon.png) no-repeat;}
.hui-list li.star .shape-box div{ background: url(../images/shape-star.png) no-repeat;}
.hui-list li.triangle .shape-box div{ background: url(../images/shape-triangle.png) no-repeat;}

.author-line{ display: block; width: 344px; height: 24px; margin: 14px 0 0 55px; padding-left: 112px; box-sizing: border-box; font-size: 24px; line-height: 24px; color: #e7eaff;}
.author-server{ background: url(../images/tag-server.png) no-repeat 0 0;}
.author-role{ background: url(../images/tag-role.png) no-repeat 0 0;}
.btn-change-list{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 736px; width: 151px; height: 42px; background: url(../images/btn-change-list.png) no-repeat; cursor: pointer;}

.ewm-invite{ display: none; width: 300px; height: 300px;}
.ewm-invite div{ width: 300px; height: 300px;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index:10000000; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7);}
.pop-bg{ position:absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0);}
.icon-close{ position:absolute; right: 20px; top: 20px; z-index: 10; width: 52px; height: 52px; background: url(../images/icon-close.png); cursor: pointer;}
/* pop-msg */
#pop-msg{ z-index: 10000001;}
.pop-bg1{ width: 746px; height: 471px; background: url(../images/pop-bg1.png) no-repeat;}
#msg{ display: flex; width: 560px; height: 274px; margin: 90px auto 0; font-size: 28px; line-height: 42px; color: #e6dba7; justify-content: center; text-align: center; align-items: center;}
/* pop-rule */
.pop-bg2{ width: 840px; height: 531px; background: url(../images/pop-bg2.png) no-repeat;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 6px; background-color: #fff;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 8px; background-color: #e6dba7;}
.rule-scroll{ width: 750px; height: 341px; margin: 10px 0 0 85px;}
.rule-item{ width: 670px; padding-bottom: 12px;}
.rule-item h4{ font-size: 20px; font-weight: bold; line-height: 26px; color: #e6dba7;}
.rule-item p{ margin-top: 8px; font-size: 18px; line-height: 30px; color: #fff;}
/* pop-bind */
.pop-t{ display: block; height: 129px; margin: -6px auto 0;}
.form-box{ width: 436px; height: 228px; margin: 0 auto; padding-top: 10px; box-sizing: border-box;}
.form-line-box{ width: 436px; height: 50px; margin-bottom: 30px;}
.form-box .form-tag{ float: left; width: 68px; height: 50px; font-size: 18px; line-height: 50px; color: #fff;}
.form-line-box select{ width: 368px; height: 50px; padding: 0 18px; box-sizing: border-box; font-size: 18px; line-height: 50px; color: #8d92bb; background-color: rgb(0, 0, 0, .5); border: 1px solid #25294c; border-radius: 4px;}
.form-line-box select option{ background-color: #fff;}
.btn-conform{ display: block; width: 235px; height: 57px; margin: 0 auto; font-size: 24px; line-height: 57px; color: #161721; text-align: center; background: url(../images/pop-btn-bg1.png) no-repeat; cursor: pointer;}
/* pop-bless */
.pop-bg3{ width: 1183px; height: 943px; background: url(../images/pop-bg3.png) no-repeat;}
.pop-bg3 .icon-close{ right: 35px; top: 80px;}
#pop-bless .pop-t{ height: 163px; margin-top: 28px;}
.bless-info{ height: 45px; margin-top: -45px; font-size: 18px; line-height: 45px; color: #fefefe; text-align: center;}
.bless-list{ overflow: hidden; width: 750px; height: 275px; margin: 42px 0 0 246px;}
.bless-list li{ float: left; width: 148px; height: 24px; margin: 0 33px 46px 0; padding-left: 30px; box-sizing: border-box; font-size: 24px; line-height: 24px; color: #b8bde2; background: url(../images/icon-check.png) no-repeat 0 0; cursor: pointer;}
.bless-list li.on{ color: #ffe35a; background: url(../images/icon-check-on.png) no-repeat 0 0;}
.chiosed-t{ display: block; height: 31px; margin: 0 auto;}
.choised-box{ position: relative; width: 674px; height: 112px; margin: 25px auto 0;}
.btn-clear{ position: absolute; right: -110px; top: 72px; width: 102px; height: 22px; background: url(../images/btn-clear.png) no-repeat; cursor: pointer;}
.input-box{ width: 674px; height: 112px; overflow: hidden;}
.input-box input{ float: left; width: 160px; height: 48px; margin: 0 3px 6px; padding: 0 13px; box-sizing: border-box; font-size: 24px; line-height: 48px; color: #fff; background-color: rgb(0, 0, 0, .5); border: 1px solid #25294c; border-radius: 4px;}
.input-box input[readonly="readonly"]{ background-color: #33354d;}
.choise-tip{ width: 662px; height: 46px; margin: 0 auto; font-size: 18px; line-height: 46px; color: #8e96d5;}
.btn-sub-ci{ display: block; width: 314px; height: 56px; margin: 24px auto 0; font-size: 24px; line-height: 56px; color: #161721; text-align: center; background: url(../images/pop-btn-bg2.png) no-repeat; cursor: pointer;}
/* pop-create */
#pop-create .icon-close{ display: none;}
#pop-create .pop-t{ height: 163px; margin-top: 81px;}
.btn-share,.btn-save{ position: absolute; right: 92px; top: 145px; width: 136px; height: 40px; font-size: 17px; line-height: 40px; color: #e6dba7; text-align: center; border: 2px solid #e6dba7; border-radius: 40px; cursor: pointer;}
.btn-save{ display: none; top: 199px;}
.mobile-ewm{ display: none; position: absolute; left: -6px; top: 46px; z-index: 5; width: 136px; height: 136px; padding: 6px; background-color: #fff;}
.mobile-ewm img{ display: block; width: 100%;}

.wordcloud-box{ position: relative; width: 400px; height: 400px; margin: 22px auto 0;}
.result-img{ display: none; width: 100%; height: 100%;}
#wordcloud-container{ position: absolute; left: 0; top: 0; width: 400px; height: 400px;}

.create-btn-wrap{ display: flex; width: 100%; height: 57px; margin-top: 100px; justify-content: center;}
.create-btn-wrap span{ display: block; margin: 0 17px; cursor: pointer;}
.btn-create-hui{ width: 235px; height: 57px; font-size: 24px; line-height: 57px; color: #161721; text-align: center; background: url(../images/pop-btn-bg1.png) no-repeat;}
.btn-change-hui{ width: 231px; height: 53px; font-size: 24px; line-height: 53px; color: #e6dba7; text-align: center; border: 2px solid #e6dba7; border-radius: 230px;}

.createing{ display: none; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9);}
.createing p{ display: flex; width: 100%; height: 100%; font-size: 18px; color: #fefefc; justify-content: center; text-align: center; align-items: center;}
/* pop-create-succ */
.create-succ-tip1,.create-succ-tip2{ margin-top: 35px; font-size: 18px; line-height: 32px; color: #fff; text-align: center;}
.create-succ-tip2{ height: 70px; margin-top: 61px;}
/* pop-lottery */
#pop-lottery .pop-bg3{ background: url(../images/pop-bg-lottery.png) no-repeat;}
#pop-lottery .pop-t{ height: 163px; margin-top: 81px;}
.btn-myprize{ position: absolute; right: 100px; top: 190px; width: 136px; height: 40px; font-size: 17px; line-height: 40px; color: #e6dba7; text-align: center; border: 2px solid #e6dba7; border-radius: 40px; cursor: pointer;}

.lottery-box{ position: absolute; left: 277px; top: 234px; width: 597px; height: 577px;}
.lottery-img{ display: block; width: 100%;}
#lottery{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#lottery li{ position: absolute; width: 218px; height: 218px;}
#lottery li.on{ background: url(../images/lottery-on.png);}
#lottery li.p1{ left: -11px; top: -11px;}
#lottery li.p2{ left: 189px; top: -11px;}
#lottery li.p3{ left: 390px; top: -11px;}
#lottery li.p4{ left: 390px; top: 180px;}
#lottery li.p5{ left: 390px; top: 371px;}
#lottery li.p6{ left: 189px; top: 371px;}
#lottery li.p7{ left: -11px; top: 371px;}
#lottery li.p8{ left: -11px; top: 180px;}
#btn-lottery{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 169px; height: 169px;  background: url(../images/btn-lottery.png); cursor: pointer;}
#btn-lottery div{ display: flex; position: absolute; left: 0; top: 114px; width: 100%; height: 18px; justify-content: center;}
.lotter-num-text1,.lotter-num-text2{ display: block; height: 18px;}
.lotter-num-text1{ width: 39px; background: url(../images/lottery-num-text1.png) no-repeat;}
.lotter-num-text2{ width: 20px; background: url(../images/lottery-num-text2.png) no-repeat;}
.lotter-num{ font-size: 18px; line-height: 18px; color: #ffec7f;}
/* pop-lottery-succ-game */
.prize-game-icon{ display: block; width: 89px; margin: 30px auto 0;}
.prize-game-name{ height: 115px; font-size: 28px; line-height: 115px; color: #e6dba7; text-align: center;}
.prize-tip{ margin-top: 96px; font-size: 18px; line-height: 22px; color: #e34557; text-align: center;}
/* pop-lottery-succ-sw */
.prize-sw-cont{ display: flex; position: absolute; left: 37px; top: 88px; width: 300px; height: 285px; align-items: center;}
.prize-sw-cont div{ width: 100%;}
.prize-sw-icon{ display: block; margin: 0 auto;}
.prize-sw-name{ margin-top: 10px; font-size: 28px; line-height: 30px; color: #e6dba7; text-align: center;}
.address-form{ position: absolute; left: 360px; top: 117px; width: 412px; height: 271px;}
.form-line-box2{ margin-bottom: 22px; overflow: hidden;}
.address-form .form-tag{ float: left; width: 90px; height: 50px; font-size: 18px; line-height: 50px; color: #fff; text-align: right;}
.form-line-box2 input,.form-line-box2 textarea{ float: left; width: 214px; height: 48px; margin-left: 14px; padding: 10px 18px; box-sizing: border-box; font-size: 18px; line-height: 50px; color: #8d92bb; background-color: rgb(0, 0, 0, .5); border: 1px solid #25294c; border-radius: 4px;}
.form-line-box2 textarea{ width: 304px; height: 98px; line-height: 24px; resize: none;}
.succ-btn-box{ position: absolute; left: 0; top: 415px; width: 100%; height: 57px;}
/* pop-myprize */
.myprize-head{ width: 784px; height: 40px; margin: -17px auto 0; font-size: 18px; line-height: 40px; color: #fff; text-align: center; border-bottom: 1px solid rgba(255,255,255,.2);}
.myprize-head span{ float: left; height: 40px;}
.col1{ width: 110px;}
.col2{ width: 180px;}
.col3{ width: 367px;}
.col4{ width: 125px;}
.myprize-scroll{ width: 810px; height: 340px; margin-left: 28px;}
.myprize-list{ width: 784px;}
.myprize-list li{ width: 784px; height: 40px; font-size: 18px; line-height: 40px; color: #fff; text-align: center; overflow: hidden;}
.myprize-list li div{ float: left; height: 40px;}
.myprize-list .col3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myprize-list .col4,.color-zi{ color: #bfc2f1;}
.btn-address{ color: #ecd670; cursor: pointer;}