@charset "utf-8";
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; overflow-x:hidden; -webkit-text-size-adjust:none; background-color: #ede3cf;}
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;}

.wrap{ position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
.section-box{ position: relative; width: 100%; overflow: hidden;}
/* section-head */
#section-head{ height: 1028px; background: url(../images/section-head-bg.jpg) no-repeat center top;}
.logo{ position: absolute; top: 37px; left: 18px; width: 107px;}
.top-nav{ display: flex; position: absolute; right: 25px; top: 20px; z-index: 5; width: 600px; height: 33px; justify-content: flex-end;}
.top-nav a{ display: block; position: relative; width: 131px; height: 33px; margin-left: 8px;}
.top-nav a img{ display: none; position: absolute; left: -35px; top: 40px; width: 200px;}
.top-nav a:hover{ background-position: 0 -33px;}
.top-nav a:hover img{ display: block;}
.btn-rule1{ background: url(../images/btn-rule1.png) no-repeat;}
.btn-main{ background: url(../images/btn-main.png) no-repeat;}
.btn-download{ background: url(../images/btn-download.png) no-repeat;}
.btn-bbs{ background: url(../images/btn-bbs.png) no-repeat;}

.log-box{ position: absolute; right: 25px; top: 70px; width: 600px; height: 54px;}
.login,.logout{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.btn-login{ float: right; width: 178px; height: 54px; background: url(../images/btn-login.png) no-repeat; cursor: pointer;}
.logout{ display: none;}
.logout p{ float: left; width: 480px; height: 54px; font-size: 20px; line-height: 54px; color: #dfbd7c; text-align: right;}
.btn-logout{ float: right; width: 109px; height: 54px; background: url(../images/btn-logout.png) no-repeat; cursor: pointer;}

.btn-rule2{ position: absolute; left: 50%; top: 776px; transform: translate3d(-50%,0,0); width: 350px; height: 70px; background: url(../images/btn-rule2.png) no-repeat; cursor: pointer;}
/* section-yy */
#section-yy{ height: 765px; background: url(../images/section-yy-bg.jpg) no-repeat center top;}
.btn-rule3{ position: absolute; left: 50%; top: 101px; transform: translate3d(-50%,0,0); width: 173px; height: 40px; background: url(../images/btn-rule3.png) no-repeat; cursor: pointer;}
.yy-prize{ position: absolute; left: 50%; top: 177px; transform: translate3d(-50%,0,0);}
#btn-yy{ position: absolute; left: 50%; top: 564px; transform: translate3d(-50%,0,0); width: 490px; height: 99px; background: url(../images/btn-yy.png) no-repeat; cursor: pointer;}
#btn-yy.done{ background: url(../images/btn-yy-done.png) no-repeat;}
/* section-team */
#section-team{ height: 1122px; background: url(../images/section-team-bg.jpg) no-repeat center top;}
.btn-wrap{ display: flex; position: absolute; left: 0; top: 188px; width: 100%; height: 70px; justify-content: center;}
.btn-wrap div{ height: 70px; margin: 0 14px; cursor: pointer;}
.btn-team-create{ width: 335px; background: url(../images/btn-team-create.png) no-repeat;}
.btn-team-join{ width: 335px; background: url(../images/btn-team-join.png) no-repeat;}
.btn-team-invite{ display: none; width: 385px; background: url(../images/btn-team-invite.png) no-repeat;}
.team-prize{ display: flex; position: absolute; left: 0; top: 319px; width: 100%; height: 348px; justify-content: center;}
.team-prize li{ position: relative; width: 286px; height: 348px; margin: 0 14px;}
.team-prize li img{ display: block; width: 100%;}
.team-prize li span{ display: none; position: absolute; right: -11px; top: -16px; width: 86px; height: 78px; background: url(../images/icon-done.png) no-repeat; cursor: pointer;}
.team-prize li.done span{ display: block;}

.team-box{ display: none; position: absolute; left: 50%; top: 733px; transform: translate3d(-50%,0,0); width: 1145px; height: 249px;}
.team-member-list{ width: 962px; height: 142px; margin: 31px 0 0 160px;}
.team-member-list li{ float: left; position: relative; width: 174px; height: 142px; margin: 0 33px;}
.team-member-list li div{ position: relative; width: 103px; height: 103px; margin: 0 auto; background: url(../images/tx-bg.png) no-repeat;}
.btn-tx-invite,.team-member-list li div img{ position: absolute; left: 7px; top: 6px; width: 90px; height: 90px; border-radius: 90px;}
.btn-tx-invite{ cursor: pointer;}
.team-member-list li div img{ display: none; z-index: 2;}
.team-member-list li .nickname{ position: absolute; left: 0; bottom: 0; width: 100%; height: 29px; font-size: 18px; line-height: 29px; color: #2d2d2d; text-align: center; background-color: #fcf7ed; border-radius: 10px; overflow: hidden;}
.leader-tag{ position: absolute; left: -6px; top: -2px; z-index: 3; width: 114px; height: 106px; background: url(../images/leader-tag.png) no-repeat;}
.team-code{ position: relative; width: 272px; height: 32px; margin: 30px auto 0;  background: url(../images/team-code-bg.png) no-repeat;}
.team-code .myteam-code{ position: absolute; left: 79px; top: 0; width: 150px; height: 32px; font-size: 20px; line-height: 32px; color: #227683; text-align: center;}
.team-code .btn-copy-code{ position: absolute; right: 0; top: 0; width: 42px; height: 32px; cursor: pointer;}
/* section-all */
#section-all{ height: 882px; background: url(../images/section-all-bg.jpg) no-repeat center top;}
.all-progress-line{ position: absolute; left: 50%; top: 375px; transform: translate3d(-50%,0,0); width: 1137px; height: 19px;background: url(../images/all-line.png) no-repeat 0 0;}
.all-progress-line span{display: block; width: 0%; height: 19px; background: url(../images/all-line-on.png) no-repeat 0 3px;}

.all-progress{ position: absolute; left: 50%; top: 210px; transform: translate3d(-50%,0,0); width: 1000px; height: 330px;}
.all-progress li{ position: relative; float: left; width: 200px; height: 330px;}
.all-prize-item{ position: relative; width: 100%; height: 153px;}
.all-prize-item img{ display: block; width: 110px; margin: 0 auto;}
.all-prize-item p{ position: absolute; left: 50%; top: 110px; transform: translate3d(-50%,0,0); height: 32px; font-size: 20px; line-height: 32px; color: #413f46; white-space: nowrap;}
.progress-point{ display: block; width: 40px; height: 40px; margin: 0 auto; background: url(../images/progress-point.png) no-repeat;}
.all-progress li.on .progress-point{ background-position: 0 -40px;}
.all-prize-num{ margin-top: 20px; text-align: center;}
.all-prize-num span{ display: block; height: 20px; font-size: 14px; color: #413f46;}
.all-prize-num p{ font-size: 30px; font-weight: bold; line-height: 32px; color: #c26140;}

.all-rule-box{position: absolute; left: 50%; top: 570px; transform: translate3d(-50%,0,0); width: 1080px; height: 220px;}
.all-rule-box h3{font-weight: bold; font-size: 22px; padding-bottom: 10px;}
.all-rule-box p{font-size: 16px; line-height: 26px;}
.all-rule-box span{color: #c8441c;}
/* section-version */
#section-version{ height: 1003px; background: url(../images/section-version-bg.jpg) no-repeat center top;}
.version-swiper{ position: absolute; left: 50%; top: 232px; width: 580px; height: 505px; margin-left: -76px;}
.version-item-t{ width: 535px; height: 49px; font-size: 28px; line-height: 49px; color: #fff6e0; text-align: center; background: url(../images/version-t-bg.png) no-repeat;}
.version-item-info{ width: 535px; height: 300px; margin-top: 20px; font-size: 20px; line-height: 30px; color: #262728;}
.version-item-info span{ color: #d03c0f;}

.version-swiper .swiper-pagination-bullet{ width: 108px; height: 99px;}
.version-swiper .n0{ background: url(../images/version-nav1.png) no-repeat 0 0;}
.version-swiper .n1{ background: url(../images/version-nav2.png) no-repeat 0 0;}
.version-swiper .n2{ background: url(../images/version-nav3.png) no-repeat 0 0;}
.version-swiper .n3{ background: url(../images/version-nav4.png) no-repeat 0 0;}
.version-swiper .n4{ background: url(../images/version-nav5.png) no-repeat 0 0;}
/* section-full */
#section-full{ height: 1009px; padding-top: 293px; box-sizing: border-box; background: url(../images/section-full-bg.jpg) no-repeat center top;}
.btn-full{ position: absolute; left: 50%; top: 152px; width: 312px; height: 80px; margin-left: -28px; background: url(../images/btn-full.png) no-repeat;}
.full-info{ font-size: 24px; line-height: 40px; color: #212424; text-align: center;}
.full-info span{ color: #bd471f;}
.full-card{ display: block; margin: 18px auto 0;}
/* section-tese */
#section-tese{ height: 1018px; background: url(../images/section-tese-bg.jpg) no-repeat center top;}
.tese-swiper{ width: 100%; height: 917px;}
.tese-t{ display: block; margin: 148px auto 0;}
.tese-info{ display: block; margin: 36px auto 0;}
.tese-img{ display: block; margin: 0 auto;}
.tese-swiper .swiper-pagination-bullet{ width: 54px; height: 54px; margin: 0 17px!important; border-radius: 0; opacity: 1; background: url(../images/icon-page.png) no-repeat;}
.tese-swiper .swiper-pagination-bullet-active{ background: url(../images/icon-page-on.png) no-repeat;}
/* section-ewm */
#section-ewm{ height: 870px; background: url(../images/section-ewm-bg.jpg) no-repeat center top;}
.ewm_list{ display: flex; position:absolute; left: 50%; top: 128px; transform: translate(-50%,0); width: 1050px; justify-content: space-between;}
.ewm_list li{ position:relative; width:185px; height:187px; }
.ma_bg{ position:relative; width:185px; height:187px; background:url(https://xxa.wanmei.com/images/cover2007/ewm_bg.png);}
.ma_bg img{ position:absolute; width:155px; height:155px; left:25px; top:25px;}
.ewm_list li p{ width:174px; height:28px; margin:8px 0 0 20px; font: normal 18px/28px "Microsoft YaHei"; color:#ffeeda; text-align:center; background-color:#655e5c; border-radius:14px;}
.ewm_list li p a{ color:#ffeeda;}
/* float-nav */
.float-nav{ position: fixed; right: 20px; bottom: 10px; z-index: 10; width: 211px; height: 529px; padding-top: 62px; box-sizing: border-box; background: url(../images/float-nav-bg.png) no-repeat;}
.float-nav span{ display: block; width: 171px; height: 33px; margin: 0 auto 9px; cursor: pointer; background: url(../images/float-nav.png) no-repeat;}
#nav-go-home{ background-position: 0 0;}
#nav-go-home.on{ background-position: -171px 0;}
#nav-go-yy{ background-position: 0 -42px;}
#nav-go-yy.on{ background-position: -171px -42px;}
#nav-go-team{ background-position: 0 -84px;}
#nav-go-team.on{ background-position: -171px -84px;}
#nav-go-all{ background-position: 0 -126px;}
#nav-go-all.on{ background-position: -171px -126px;}
#nav-go-version{ background-position: 0 -168px;}
#nav-go-version.on{ background-position: -171px -168px;}
/*#nav-go-full{ background-position: 0 -210px;}
#nav-go-full.on{ background-position: -171px -210px;}
#nav-go-tese{ background-position: 0 -252px;}
#nav-go-tese.on{ background-position: -171px -252px;}*/
#nav-go-tese{ background-position: 0 -210px;}
#nav-go-tese.on{ background-position: -171px -210px;}

/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index: 991; width: 100%; height: 100%; background:rgba(0,0,0,0.8);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0);}
.icon-close{ position:absolute; right: -37px; top: -27px; z-index: 5; width: 104px; height: 104px; background: url(../images/icon-close.png) no-repeat; cursor: pointer;}
/* pop-rule */
.pop-bg1{ width: 652px; height: 664px; background:url(../images/pop-bg1.png) no-repeat;}
.pop-t{ display: block; margin: 85px auto 0;}
.cus-scroll{ overflow-y: auto; overflow-x: hidden;}
.cus-scroll::-webkit-scrollbar{ width: 6px; background-color: #cd9e77;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 6px; background-color: #712e13;}
.pop-rule-scroll{ width: 618px; height: 432px; margin: 30px auto 0;}
.rule-list{ width: 550px; margin: 0 auto;}
.rule-list li{ font-size: 22px; line-height: 40px;}
.rule-list li a{ color: #fcf5df; text-decoration: underline;}
.bold{ font-weight: bold;}
.color-red{ color: #bd1706;}
.pt40{ padding-top: 40px;}
.pop-bg2{ width: 652px; height: 603px; background:url(../images/pop-bg2.png) no-repeat;}
/* pop-createrole */
#pop-createrole .pop-t{ margin-top: 66px;}
.tx-tip{ height: 70px; font-size: 20px; line-height: 70px; color: #bc4c30; text-align: center;}
.choise-tx-wrap{ position: relative; width: 460px; height: 152px; margin: 19px auto 0;}
.role-tx-box{ position: relative; width: 152px; height: 152px; margin: 0 auto ; background: url(../images/tx-bg2.png) no-repeat;}
.role-tx-box img{ display: none; position: absolute; left: 10px; top: 9px; width: 132px; height: 132px; border-radius: 132px;}
.btn-prev,.btn-next{ position: absolute; top: 24px; width: 58px; height: 94px; cursor: pointer;}
.btn-prev{ left: 0; background: url(../images/btn-prev.png) no-repeat 0 0;}
.btn-next{ right: 0; background: url(../images/btn-next.png) no-repeat 0 0;}
#role-name{ display: block; width: 418px; height: 52px; margin: 38px auto 0; font-size: 24px; line-height: 52px; color: #7f6e52; text-align: center; background-color: #fff; border: 1px solid #dfd6c5; outline: 0;}
.btn-sub{ display: block; width: 335px; height: 70px; margin: 60px auto 0; background: url(../images/btn-sub.png) no-repeat; cursor: pointer;}
/* pop-createrole-succ */
.pop-bg3{ width: 652px; height: 441px; background:url(../images/pop-bg3.png) no-repeat;}
#pop-createrole-succ .pop-t{ margin-top: 105px;}
.pop-text{ width: 590px; margin: 44px auto 0; font-size: 28px; line-height: 44px; color: #3e3e3e; text-align: center;}
/* pop-msg */
#pop-msg{ z-index: 999;}
.msg{ display: flex; width: 590px; height: 100%; margin: 0 auto; font-size: 28px; font-weight: bold; line-height: 46px; color: #3e3e3e;  align-items: center; justify-content: center; text-align: center;}
/* pop-createrole-first */
#pop-createrole-first .pop-t{ margin-top: 160px;}
.btn-cr-first-go{ display: block; width: 335px; height: 70px; margin: 110px auto 0; background: url(../images/btn-cr-first-go.png) no-repeat; cursor: pointer;}
/* pop-createteam-conform */
#pop-createteam-conform .pop-text{ margin-top: 155px;}
.pop-btn-wrap{ display: flex; width: 100%; height: 70px; margin-top: 125px; justify-content: center;}
.pop-btn-wrap span{ display: block; margin: 0 8px; cursor: pointer;}
.btn-conform{ width: 255px; height: 70px; background: url(../images/btn-conform.png) no-repeat;}
.btn-cancel{ width: 255px; height: 70px; background: url(../images/btn-cancel.png) no-repeat;}
/* pop-createteam-succ */
#pop-createteam-succ .pop-t{ margin-top: 110px;}
.createteam-succ-code{ width: 502px; height: 54px; margin: 99px auto 0;}
.createteam-succ-code p{ float: left; width: 116px; font-size: 28px; line-height: 54px; color: #3e3e3e;}
.createteam-succ-code div{ float: left; width: 290px; height: 52px; font-size: 28px; line-height: 52px; color: #3e3e3e; text-align: center; background-color: #fff; border: 1px solid #dfd6c5;}
.createteam-succ-code span,.invite-code-box .btn-copy-code,.btn-copy-link{ float: right; width: 82px; height: 54px;font-size: 28px; line-height: 52px; color: #b7472e; text-align: center; text-decoration: underline; cursor: pointer;}
#pop-createteam-succ .pop-btn-wrap{ margin-top: 86px;}
#pop-createteam-succ .btn-team-succ-invite{ display: block; width: 335px; height: 70px; background: url(../images/btn-team-succ-invite.png) no-repeat; cursor: pointer;}
/* pop-team-invite */
#pop-team-invite .pop-t{ margin-top: 93px;}
.invite-code-box{ width: 508px; height: 54px; margin: 24px auto 0;}
.invite-code-box div{ float: left; width: 418px; height: 52px; padding: 0 18px; box-sizing: border-box; font-size: 28px; line-height: 52px; color: #3e3e3e; background-color: #fff; border: 1px solid #dfd6c5;}

.invite-link-box{ width: 580px; height: 240px; padding-top: 107px; box-sizing: border-box; margin: 50px auto 0; background: url(../images/invite-link-bg.png) no-repeat center top; overflow: hidden;}
.invite-link-t{ width: 508px; height: 48px; margin: 0 auto; font-size: 24px; line-height: 48px; color: #3e3e3e;}
.invite-link-box .invite-code-box{ margin-top: 0;}
.invite-link-box .invite-code-box div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* pop-team-search */
#pop-team-search .pop-t{ margin-top: 80px;}
.search-box{ width: 418px; height: 52px; margin: 26px auto 0; font-size: 28px; line-height: 52px; color: #3e3e3e; background-color: #fff; border: 1px solid #9e8a69;}
.search-box span{ float: left; width: 196px; text-align: right;}
.search-box input{ float: left; width: 210px; height: 100%; font-size: 28px; border: none;}
.btn-search{ display: block; width: 182px; height: 41px; margin: 20px auto 0; background: url(../images/btn-search.png) no-repeat; cursor: pointer;}

.search-result-box{ display: none; width: 578px; height: 132px; margin: 40px auto 0; background-color: #fff; border: 1px solid #9e8a69;}
.search-result-th{ display: flex; width: 100%; height: 50px; justify-content: center; background-color: #9e8a69;}
.search-result-th span{ display: block; width: 50%; font-size: 24px; line-height: 50px; color: #fff; text-align: center;}
.search-result-list{ width: 100%;}
.search-result-list li{ display: flex; width: 100%; height: 82px; justify-content: center;}
.search-result-list li span{ display: block; width: 50%; height: 82px; font-size: 28px; line-height: 82px; color: #3e3e3e; text-align: center; overflow: hidden;}
.btn-sub-join,.btn-letter-join{ display: block; width: 335px; height: 70px; margin: 30px auto 0; background: url(../images/btn-sub-join.png) no-repeat; cursor: pointer;}
/* pop-join-succ */
#pop-join-succ .pop-t{ margin-top: 160px;}
.jion-succ-tip{ height: 60px; margin-top: 42px; font-size: 40px; line-height: 60px; color: #3e3e3e; text-align: center;}
#pop-join-succ .pop-btn-wrap{ margin-top: 86px;}
#pop-join-succ .btn-team-succ-invite{display: block; width: 335px; height: 70px; background: url(../images/btn-team-succ-invite2.png) no-repeat; cursor: pointer;}
/* pop-team-full */
#pop-team-full .pop-t,#pop-team-have .pop-t{ margin-top: 156px;}
/* pop-letter */
.letter-leader{ height: 58px; margin-top: 80px; font-size: 28px; color: #3e3e3e; text-align: center;}
.from-info{ margin-top: 30px; font-weight: bold; color: #3e3e3e; text-align: center;}
.new-server-time{ font-size: 34px; line-height: 38px;}
.new-server-name{ font-size: 60px; line-height: 64px;}
.from-info span{ color: #bc4c30;}
.btn-letter-join{ margin-top: 60px;}
/* pop-team-done */
.done-t-box{ position: relative; width: 100%; height: 58px; margin-top: 110px;}
.done-t-box img{ display: none; position: absolute; left: 50%; top: 0; transform: translate3d(-50%,0,0);}
.done-tip-box{ margin-top: 46px;}
.done-tip-box p{display: none; font-size: 28px; line-height: 44px; color: #3e3e3e; text-align: center;}