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

.wrap{ width: 750px; height: 9802px; margin-top: 98px; background: url(../images/body-bg.jpg) center top no-repeat;}
/* section-head */
.section-head{ position: relative; height: 1065px; background: url(../images/section-head-bg.jpg) no-repeat 0 0;}
.logo{ position: absolute; right: 17px; top: 14px; width: 222px;}
.log-box{ position: absolute; height: 38px; right: 19px; top: 26px; font-size: 20px; line-height: 38px; color: #fff;}
.logout{ display: none; }

.section-box{ position: relative; width: 750px; overflow: hidden;}
/* section-createrole */
#section-createrole{ height: 1116px;}
.btn-rule{ position: absolute; z-index: 5; width: 104px; height: 32px; font-size: 24px; line-height: 32px; color: #fff; text-align: center; text-decoration: underline;}
#section-createrole .btn-rule{ left: 323px; top: 144px;}
.section-t{ display: block; width: 620px; margin: 0 auto;}
.kafu-time{ position: relative; width: 563px; height: 30px; margin: 16px auto 0; background: url(../images/kaifu-time.png) no-repeat; z-index: 1;}
.kafu-time span{ position: absolute; top: -8px; left: 220px; width: 246px; height: 46px; font-size: 34px; line-height: 46px; color: #ffe42b; }
.prize-createrole{ position: relative; width: 750px; height: 776px; margin-top: 120px; background: url(../images/prize-createrole.png) no-repeat; background-size: 100% auto;}
.btn-createrole{ position: absolute; left: 50%; top: 596px; transform: translate3d(-50%,0,0); width: 443px; height: 97px; background: url(../../images/btn-createrole.png) no-repeat; cursor: pointer; }
/* section-tequan */
#section-tequan{ height: 653px;}
.prize-tequan{ display: block; width: 580px; margin: 60px auto 0;}
/* section-yy */
#section-yy{ height: 1590px;}
#section-yy .btn-rule{ left: 323px; top: 248px;}
.btn-yy{ display: block; width: 443px; height: 97px; margin: 68px auto 0; background: url(../../images/btn-yy.png) no-repeat 0 0; cursor: pointer;}
.yy-line-wrap{ position: relative; width: 702px; height: 16px; margin: 98px auto 0; background-color: #f0f0f0;}
.num-w{ position: absolute; width: 0px; height: 16px; left: 0; top: 0; background-color: #ff8a40;}
.yy-point{ position: absolute;width: 702px; height: 16px; left: 0; top: 0;}
.yy-point li{ position: relative; float: left; width: 117px; height: 100%;}
.yy-point li div{ position: absolute; width: 68px; height: 68px; right: 0; margin-right: -34px; top: -26px; }
.yy-point li:nth-child(1) div{background: url(../../images/icon-tou1.png);}
.yy-point li:nth-child(2) div{background: url(../../images/icon-tou2.png);}
.yy-point li:nth-child(3) div{background: url(../../images/icon-tou3.png);}
.yy-point li:nth-child(4) div{background: url(../../images/icon-tou4.png);}
.yy-point li:nth-child(5) div{background: url(../../images/icon-tou5.png);}
.yy-point li span{ position: absolute; width: 110px; height: 26px; left: 50%; margin-left: -55px; top: -34px; font-size: 24px; line-height: 32px; color: #fff; text-align: center;}
.yy-point li.on div{ background-position: 0 -68px;}
.yy-point li.on span{ color: #ff8a40;}
.prize-yy{ display: block; width: 699px; margin: 54px auto 0;}
/* section-team */
#section-team{ height: 1914px;}
#section-team .btn-rule2{ position: absolute; right: 327px; top: 330px; font-size: 24px; color: #fff; text-decoration: underline;}
.prize-team{ display: block; width: 739px; margin: 84px 0 0 12px;}
.prize-share-copy{
	display: none;
}
.team-wrap{ width: 279px; margin: 0 auto; margin-top: 48px; position: relative; display: flex; justify-content: space-between; align-items: center;}
.team-wrap a{ width: 351px; height: 95px;}
.share_hd_btn{ background: url(../../images/share_hd_btn.png) no-repeat;}
.download_btn{ background: url(../../images/download_btn.png) no-repeat;}

/* section-full */
#section-full{ height: 1245px;}
.full-intro{ display: block; width: 720px; margin: 52px auto 0;}
.btn-full-link{ display: block; width: 443px; height: 97px; margin: 26px auto 0; background: url(../../images/btn-full-link.png) no-repeat 0 0;}

.full-info-box{ display: none; position: relative; width: 100%; height: 90px; margin-top: 30px;}
.full-nick-info{ height: 48px; font-size: 22px; line-height: 48px; color: #FFF; text-align: center;}
.full-num-line{ display: flex; width: 689px; height: 42px; background: url(../../images/full-num-line.png) center top no-repeat; justify-content: center;}
.full-num-line p{ margin: 0 30px; font-size: 22px; line-height: 42px; color: #3b3f90;}
.full-btn-wrap{ display: flex; width: 100%; height: 61px; margin-top: 20px; justify-content: center;}
.full-btn-wrap div{ width: 219px; height: 61px; margin:0 30px;}
.btn-full-rule{ background: url(../../images/btn-full-rule.png);}
.btn-full-share{ display: none; background: url(../../images/btn-full-share.png);}
.prize-full{ display: block; width: 696px; margin: 40px auto 0;}
.full-tip{ width: 656px; max-height: 84px; margin: 36px auto 0; font-size: 18px; line-height: 28px; color: #fffaea;}
/* section-lottery */
#section-lottery{ height: 2284px;}
#section-lottery .ection-t{
	width: 663px;
}
.lottery-btn-wrap1{display: flex; width: 100%; height: 61px; margin-top: 48px; justify-content: center; }
.lottery-btn-wrap1 span{ display: block; width: 219px; height: 61px; margin: 0 30px; cursor: pointer;}
.btn-myprize{ background: url(../../images/btn-myprize.png) no-repeat 0 0; }
.btn-lottery-rule{ background: url(../../images/btn-full-rule.png) no-repeat 0 0; }
.lottery-num{ width: 100%; height: 30px; margin-top: 36px; font-size: 26px; line-height: 30px; color: #fff58b; text-align: center;}
.lottery-progress{ width: 100%; height: 36px; margin-top: 36px; font-size: 21px; color: #fff58b; text-align: center;}
.lottery-progress span{ margin: 0 10px; font-size: 35px; }
.help-progress{ position: relative; width: 637px; height: 25px; margin: 36px auto 0; background: #3b3a82; border: 1px solid #787dc9; border-radius: 13px; }
.help-bar{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 626px; height: 20px; }
.help-bar-curr{ position: absolute; top: 0; left: 0; height: 100%; background: #ffc472; border-radius: 10px; }
.help-bar-curr:after{ content: ""; position: absolute; top: 50%; right: 0; width: 62px; height: 60px; transform: translate(50%,-50%); background: url(../../images/help-progress-point.png) no-repeat 0 0;}
.lottery-tip{ width: 100%; height: 30px; margin-top: 18px; font-size: 21px; color: #fff58b; text-align: center;}
.lottery-btn-wrap2{ width: 443px; height: 306px; margin: 40px auto 0;}
.lottery-btn-wrap2 span{ display: block; width: 443px; height: 97px; margin-bottom: 28px; cursor: pointer;}
.btn-lottery-invite{ background: url(../../images/btn-lottery-invite.png) no-repeat 0 0; }
.btn-lottery{ background: url(../../images/btn-lottery.png) no-repeat 0 0;}
.prize-lottery{ display: block; width: 555px; margin: 0 auto;}

.bot-ewm{ position: relative; width: 346px; height: 400px; margin: 85px auto 0; background: url(../../images/bot-ewm.png);}
.bot-ewm img{ position: absolute; left: 15px; top: 15px; width: 276px;}
/* nav */
#bot-nav{ position: fixed; width: 750px; height: 99px; left: 0; bottom: 0; display: flex; z-index: 50;}
#bot-nav a{ position: relative; width: 150px; height: 99px; background: url(../images/bot-nav.png) no-repeat; background-position-y: 0; }
#bot-nav .n1{ background-position-x: 0;}
#bot-nav .n2{ background-position-x: -125px;}
#bot-nav .n3{ background-position-x: -250px;}
#bot-nav .n4{ background-position-x: -375px;}
#bot-nav .n5{ background-position-x: -500px;}
#bot-nav .n6{ background-position-x: -625px;}
#bot-nav a.on{ background-position-y: 100%;}
#bot-nav a:after{ content: ""; position: absolute; bottom: 0; right: 0; width: 2px; height: 98px; background: url(../images/bot-nav-line.png) no-repeat 0 0; }

/* 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-cont-bg1{ position: absolute; left: 50%; top: 50%; width: 748px; height: 933px; transform: translate(-50%, -50%); background:url(../../images/pop-bg1.png) no-repeat; background-size: 100% auto;}
.icon-close{ position:absolute; right: 54px; top: 52px; z-index: 5; width: 81px; height: 69px; background: url(../../images/icon-close.png); background-size: 100% auto; cursor: pointer;}
.pop-cont-bg1 .pop-cont{position:absolute; left: 50%; transform: translateX(-50%); top: 135px; width: 636px; height: 612px;}
/* pop-rule */
.pop-t{ display: block; height: 35px; margin: 0 auto;}
.cus-scroll{ overflow-y: auto; overflow-x: hidden;}
.cus-scroll::-webkit-scrollbar{ width: 8px; background-color: #7a6f93;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 8px; background-color: #eac368;}
.pop-rule-scroll{ width: 580px; height: 536px; margin: 40px 0 0 37px;}
.rule-list{ width: 556px;}
.rule-list li{ padding-bottom: 25px; font-size: 20px; line-height: 34px; color: #fff;}
.rule-list li a{ color: #fcf5df; text-decoration: underline;}
.rule-list li .bold{ font-weight: bold;}
/* pop-createrole */
.pop-cont-bg2{ position: absolute; left: 50%; top:50%; width: 748px; height: 1262px; transform: translate(-50%,-50%); background: url(../../images/pop-bg2.png) no-repeat; background-size: 100% auto;}
.pop-cont-bg2 .icon-close{ top: 40px;}
.pop-cont-bg2 .pop-cont{ position: absolute;left: 50%; top: 65px; transform: translate3d(-50%,0,0); width:636px; height: 1178px;}
.role-tx-box{ position: relative; width: 392px; height: 392px; margin: 9px auto 0; background: url(../../images/cr-tx-bg.png); background-size: 100% auto;}
#chose-tx{ position: absolute; left: 51px; top: 51px; width: 290px; height: 290px;}
#role-info{ position: absolute; left: 140px; top: 102px; width: 362px;}
.btn-role-prev, .btn-role-next{ position: absolute; top: 258px; width: 56px; height: 52px; }
.btn-role-prev{ left: 26px; background: url(../../images/btn_role_prev.png) no-repeat 0 0; background-size: 100% auto;}
.btn-role-next{ right: 26px; background: url(../../images/btn_role_next.png) no-repeat 0 0; background-size: 100% auto;}
.role-tab-wrap{ width: 634px; height: 190px; margin: 18px auto 0; background: url(../../images/tab-line.png) center bottom no-repeat; background-size: 100% auto;}
.role-tab-box{ display: flex; flex-wrap: wrap; width: 380px; height: 130px; margin: 0 auto; justify-content: center;}
.role-tab-box li{ width: 51px; height: 51px; margin: 0 5px 8px; cursor: pointer;}
.tx-101{ background: url(../../images/role/tab-qingyun.png) no-repeat; background-size: 100% auto;}
.tx-101.on{ background: url(../../images/role/tab-qingyun-on.png) no-repeat; background-size: 100% auto;}
.tx-103{ background: url(../../images/role/tab-fenxianggu.png) no-repeat; background-size: 100% auto;}
.tx-103.on{ background: url(../../images/role/tab-fenxianggu-on.png) no-repeat; background-size: 100% auto;}
.tx-105{ background: url(../../images/role/tab-guiwangzong.png) no-repeat; background-size: 100% auto;}
.tx-105.on{ background: url(../../images/role/tab-guiwangzong-on.png) no-repeat; background-size: 100% auto;}
.tx-107{ background: url(../../images/role/tab-wandumen.png) no-repeat; background-size: 100% auto;}
.tx-107.on{ background: url(../../images/role/tab-wandumen-on.png) no-repeat; background-size: 100% auto;}
.tx-102{ background: url(../../images/role/tab-tianyinsi.png) no-repeat; background-size: 100% auto;}
.tx-102.on{ background: url(../../images/role/tab-tianyinsi-on.png) no-repeat; background-size: 100% auto;}
.tx-104{ background: url(../../images/role/tab-nanjiangguwu.png) no-repeat; background-size: 100% auto;}
.tx-104.on{ background: url(../../images/role/tab-nanjiangguwu-on.png) no-repeat; background-size: 100% auto;}
.tx-108{ background: url(../../images/role/tab-changshengtang.png) no-repeat; background-size: 100% auto;}
.tx-108.on{ background: url(../../images/role/tab-changshengtang-on.png) no-repeat; background-size: 100% auto;}
.tx-106{ background: url(../../images/role/tab-hehuanpai.png) no-repeat; background-size: 100% auto;}
.tx-106.on{ background: url(../../images/role/tab-hehuanpai-on.png) no-repeat; background-size: 100% auto;}
.tx-109{ background: url(../../images/role/tab-guidao.png) no-repeat; background-size: 100% auto;}
.tx-109.on{ background: url(../../images/role/tab-guidao-on.png) no-repeat; background-size: 100% auto;}
.tx-110{ background: url(../../images/role/tab-tiandaofu.png) no-repeat; background-size: 100% auto;}
.tx-110.on{ background: url(../../images/role/tab-tiandaofu-on.png) no-repeat; background-size: 100% auto;}
.tx-111{ background: url(../../images/role/tab-hanfenglongzu.png) no-repeat; background-size: 100% auto;}
.tx-111.on{ background: url(../../images/role/tab-hanfenglongzu-on.png) no-repeat; background-size: 100% auto;}
.tx-112{ background: url(../../images/role/tab-wanlinggong.png) no-repeat; background-size: 100% auto;}
.tx-112.on{ background: url(../../images/role/tab-wanlinggong-on.png) no-repeat; background-size: 100% auto;}

.genre{ display: flex; justify-content: center; align-items: center; font-size: 24px; color: #eed4a2;}
.genre a{ position: relative; margin-right: 22px; width: 152px; height: 37px; line-height: 37px; text-align: center; background: url(../../images/genreBtn.png) no-repeat 0 0; background-size: 100% auto; font-size: 20px; color: #eed4a2;}
.genre a.on{ background-position: 0 100%; color: #8c6329;}
.genre a.new::after{ content: ""; position: absolute; top: -12px; right: -24px; width: 93px; height: 25px; background: url(../../images/newGenre.png) no-repeat 0 0; background-size: 100% auto;}

.role-skill-box{ position: relative; width: 571px; height: 87px; margin: 15px auto 0;}
.skill-text{ position: absolute; left: 50%; margin-left: -284px; bottom: 0; width: 562px;}
#role-skill-list{position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%;}
#role-skill-list.skill-101{ background: url(../../images/role/skill-101.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-102{ background: url(../../images/role/skill-102.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-103{ background: url(../../images/role/skill-103.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-104{ background: url(../../images/role/skill-104.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-105{ background: url(../../images/role/skill-105.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-106{ background: url(../../images/role/skill-106.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-107{ background: url(../../images/role/skill-107.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-108{ background: url(../../images/role/skill-108.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-109{ background: url(../../images/role/skill-109.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-110{ background: url(../../images/role/skill-110.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-111{ background: url(../../images/role/skill-111.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list.skill-112{ background: url(../../images/role/skill-112.png) center top no-repeat; background-size: 100% auto;}
#role-skill-list li{ position: relative; float: left; width: 61px; height: 91px; margin: -4px 24px 0 0;}
#role-skill-list li:last-child{margin-right: 0;}
.pop-skill{ display: none; position: absolute; top: 90px; left: 0; width: 310px; height: 140px; background: url(../../images/pop-skill-bg.png); background-size: 100% auto;}
#role-skill-list li:nth-child(5) .pop-skill,#role-skill-list li:nth-child(6) .pop-skill,#role-skill-list li:nth-child(7) .pop-skill{ left: -240px;}
#role-skill-list li:hover .pop-skill{ display: block;}
.skill-name{ display: block; height: 40px; font-size: 28px; line-height: 40px; color: #fff; text-align: center;}
.skill-intro{ width: 290px; height: 84px; max-height: 84px; overflow: hidden; margin: 6px auto 0; font-size: 17px; line-height: 20px; color: #908162;}

.role-type-box{display: flex; width: 100%; height: 36px; margin: 24px auto 0; justify-content: center;}
.role-type-box li{ width: 138px;height: 36px; margin: 0 13px; cursor: pointer;}
.role-type-11{ background: url(../../images/role-type-snan.png);background-size: 100% auto;}
.role-type-11.on{ background: url(../../images/role-type-snan-on.png);background-size: 100% auto;}
.role-type-21{ background: url(../../images/role-type-snv.png);background-size: 100% auto;}
.role-type-21.on{ background: url(../../images/role-type-snv-on.png);background-size: 100% auto;}
.role-type-10{ background: url(../../images/role-type-nan.png);background-size: 100% auto;}
.role-type-10.on{ background: url(../../images/role-type-nan-on.png);background-size: 100% auto;}
.role-type-20{ background: url(../../images/role-type-nv.png);background-size: 100% auto;}
.role-type-20.on{ background: url(../../images/role-type-nv-on.png);background-size: 100% auto;}
.sub-form{ width: 390px; height: 180px; margin: 26px auto 0;}
.sub-form select{ width: 390px; height: 63px; padding: 0 20px; font-size: 22px; color: #c14336; background-color: #fff; border: 1px solid #ffe9b2; outline: 0;}
.sub-form input{ display: block; width: 348px; height: 61px; padding: 0 20px; margin-top: 20px; font-size: 22px; line-height: 61px; color: #c14336; background-color: #fff; border: 1px solid #ffe9b2; outline: 0;}
.btn-sub{ display: block; width: 443px; height: 97px; margin: 0 auto; background: url(../../images/btn-sub.png);background-size: 100% auto; cursor: pointer;}
/* pop-bind */
#pop-createrole-succ .pop-cont{ width: 678px;}
.pop-cont-bind{ background:url(../../images/pop-cont-bind.png); background-size: 100% auto;}
.bind-tip{ display: block; width: 398px; margin: 80px auto 0;}
#pop-bind .sub-form{ margin: 60px auto 0;}
.btn-sub-bind{ display: block; width: 443px; height: 97px; margin: 0 auto; background: url(../../images/btn-sub-bind.png); background-size: 100% auto; cursor: pointer;}
/* pop-createrole-succ */
#pop-createrole-succ .pop-t{ height: 43px; margin-top: 80px;}
.prize-cr-succ{ display: block; width: 671px; margin: 70px auto;}
.btn-cr-succ-go,.btn-yy-succ-go,.btn-cr-first-go,.btn-team-succ-invite,.btn-team-succ-go{display: block;  width: 443px; height: 97px; margin: 40px auto 0; background: url(../../images/btn-cr-succ-go.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.succ-tip{ margin-top: 30px; font-size: 22px; line-height: 35px; color: #f8dc8d; text-align: center;}
/* pop-yy-succ */
#pop-yy-succ .pop-t{ height: 48px; margin-top: 110px;}
#pop-yy-succ .succ-tip{ margin-top: 60px;}
/* .color-white{ color: #ece4df;} */
.btn-yy-succ-go,.btn-cr-first-go{ margin: 90px auto 0; background: url(../../images/btn-yy-succ-go.png); background-size: 100% auto;}
.btn-cr-first-go{ background: url(../../images/btn-cr-first-go.png);background-size: 100% auto;}
#pop-createrole-first .pop-t{ height: 109px; margin-top: 168px;}
/* pop-createteam-succ */
#pop-createteam-succ .pop-t{ height: 48px; margin-top: 110px;}
.btn-team-succ-invite{ margin-top: 60px; background: url(../../images/btn-team-succ-invite.png); background-size: 100% auto;}
.btn-team-succ-go{ margin-top: 54px; background: url(../../images/btn-team-succ-go.png);background-size: 100% auto;}
/* pop-team-invite */
#pop-team-invite .pop-t,#pop-lottery-invite .pop-t{ height: 44px; margin-top: 35px;}
.invite-tag1{ display: block; height: 24px; margin: 50px 0 0 20px;}
.share-link-box{ width: 603px; height: 55px; margin: 12px 0 0 20px;}
.copy-link-cont{ float: left; width: 406px; height: 53px; overflow: hidden; font-size: 18px; line-height: 53px; color: #810e02; background-color: #fff; border: 1px solid #ffe9b2; white-space: nowrap; text-overflow: ellipsis;}
#btn-copy-team, #btn-copy-lottery{ float: right; width: 177px; height: 55px; background: url(../../images/btn-copy-link.png); background-size: 100% auto; cursor: pointer;}
.invite-tag2{ display: block; height: 24px; margin: 28px 0 0 20px;}
.poster-box{ position: relative; width: 593px; height: 365px; padding-top: 9px; box-sizing: border-box; margin: 12px 0 0 20px; border: 1px solid #ffd7ab; overflow: hidden;}
.create-box{ position: relative; width: 576px; height: 344px; margin: 0 auto; background-color: #2d2d2d;}
.poster-img{ display: block; width: 100%; height: 100%;}
.result-ewm{ position: absolute; width: 120px; height: 120px; padding: 5px; left: 10px; bottom: 10px; background-color: #fff;}
.share-info{ position: absolute; width: 184px; height: 32px; left: 150px; padding-left: 18px; box-sizing: border-box; font-size: 18px; line-height: 30px; color: #ffe7ca; background: url(../../images/share-info-line.png); background-size: 100% auto;}
.share-info1{ top: 260px;}
.share-info2{ top: 302px;}
.result-poster{ position: absolute; width: 576px; height: 346px; left: 9px; top: 9px; z-index: 10; opacity: 0;}
/* pop-team-list */
#pop-team-list .pop-t{ height: 44px; margin-top: 46px;}
.search-box{ width: 600px; height: 55px; margin: 26px auto 0; overflow: hidden;}
#inp-search{ float: left; width: 410px; height: 55px; padding-left: 34px; box-sizing: border-box; font-size: 22px; line-height: 55px; color: #c14336; background-color: #fcf5df; border: 0; outline: 0;}
.btn-search{ float: right; width: 177px; height: 55px; background: url(../../images/btn-search.png); background-size: 100% auto; cursor: pointer;}
.team-th{ display: block; width: 538px; margin: 28px 0 0 45px;}
.team-list{ width: 100%; height: 366px; margin: 18px auto 0; overflow: hidden;}
.team-list li{ width: 100%; height: 112px; margin-top: 10px; overflow: hidden;}
.team-list li:nth-child(odd){ background: url(../../images/team-line-bg.png) center top no-repeat; background-size: 100% auto;}
.item-line{ width: 100%; height: 56px; overflow: hidden;}
.col1,.col2,.col3{ float: left; height: 56px; overflow: hidden; font-size: 22px; line-height: 56px; color: #fcf5df; text-align: center;}
.team-list li div.col1{ width: 204px;}
.team-list li div.col2{ width: 284px;}
.team-list li div.col3{ width: 144px;}
.item-opa{ display: flex; width: 604px; height: 37px; margin: 4px auto 0; justify-content: center;}
.btn-check-team,.btn-sub-join{ display: block; width: 111px; height: 37px; margin:0 10px; background: url(../../images/btn-check-team.png); background-size: 100% auto; cursor: pointer;}
.btn-sub-join{background: url(../../images/btn-sub-join.png);background-size: 100% auto;}
.page-box{ display: flex; width: 100%; height: 42px; margin-top: 40px; justify-content: center;}
.page-box div{ width: 166px; height: 42px; margin: 0 15px; cursor: pointer;}
.btn-prev-page{background: url(../../images/btn-prev-page.png);background-size: 100% auto;}
.btn-next-page{background: url(../../images/btn-next-page.png);background-size: 100% auto;}
/* pop-team-detail */
#popteame-code{ display: block; right: 0; top: 72px;}
.detail-tag{ position: absolute; left: 40px; top: 160px; width: 191px;}
.pop-team-leader{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 146px; width: 132px; height: 136px; background: url(../../images/tx-leader.png) center top no-repeat; background-size: 100% auto;}
.pop-team-leader img{ position: absolute; left: 5px; top: 5px; width: 122px; height: 122px; border-radius: 122px;}
.pop-team-leader span{ position: absolute; left: 0; bottom: -30px; width: 100%; height: 30px; overflow: hidden; font-size: 18px; line-height: 30px; color: #b73d15; text-align: center;}
#checkteam-member{ display: block; left: 110px; top: 340px; width: 532px;}
#checkteam-member li{ margin-right: 28px;}
#checkteam-member li .nickname{ color: #b73d15;}
/* pop-join-succ */
.join-succ-leader{ position: relative; width: 379px; height: 37px; margin: 204px auto 0; background: url(../../images/join-succ-leader.png); background-size: 100% auto;}
.succ-leader{ position: absolute; left: 145px; top: 0; width: 124px; height: 36px; overflow: hidden; font-size: 24px; line-height: 32px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
#pop-join-succ .btn-team-succ-go{ margin-top: 100px;}
/* pop-letter */
#pop-letter-role-none .pop-t,#pop-letter-role-have .pop-t{ height: 44px; }
.letter-from{ position: relative; width: 339px; height: 38px; margin: 96px 0 0 110px; background: url(../../images/letter-from.png) center bottom no-repeat; background-size: 100% auto;}
.from-code{ position: absolute; width: 168px; height: 36px; left: 69px; top: 0; font-size: 25px; line-height: 36px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.from-info{ margin-top: 26px; font-size: 24px; line-height: 30px; color: #fff; text-align: center;}
.letter-leader{ position: relative; width: 382px; height: 26px; margin: 18px auto 0; background: url(../../images/letter-leader.png); background-size: 100% auto;}
.form-leader{ position: absolute; position: absolute; width: 114px; height: 26px; left: 0; top: 0; font-size: 20px; line-height: 22px; color: #fff; text-align: center;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.letter-tip1{ display: block; width: 430px; margin: 18px auto 0;}
.btn-letter-createrole,.btn-letter-join{ display: block; width: 443px; height: 97px; margin: 84px auto 0; background: url(../../images/btn-cr-first-go.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.btn-letter-join{ margin: 96px auto 0; background: url(../../images/btn-letter-join.png); background-size: 100% auto;}
.letter-zhu{ margin-top: 24px;font-size: 22px; color: #fff; text-align: center;}

.share-ewm-box{ display: none; width: 120px; height: 120px;}
/* pop-myprize */
#pop-myprize .pop-t{ height: 44px; margin-top: 52px;}
.myprize-box{ width: 560px; margin: 80px auto 0; }
.myprize-box table{ width: 100%; }
.myprize-box td{ padding: 0 5px; }
.myprize-box td:nth-child(1){ width: 160px; }
.myprize-tag{ height: 30px;}
.myprize-box tbody td{ height: 65px; border-bottom: 1px solid #fff; font-size: 18px; color: #fff; }
.myprize-list{ height: 430px; overflow-x: hidden; overflow-y: auto; }
.myprize-list::-webkit-scrollbar{ width: 6px; border-radius: 6px; background: #c1c1c1; }
.myprize-list::-webkit-scrollbar-thumb{ background-color: #f1f1f1; border-radius: 6px; }
.btn-myprize-copy, .btn-myprize-address{ display: block; width: 161px; height: 52px;}
.btn-myprize-copy{ background: url(../../images/btn-myprize-copy.png) no-repeat 0 0; background-size: 100% auto;}
.btn-myprize-address{ background: url(../../images/btn-myprize-address.png) no-repeat 0 0; background-size: 100% auto;}
/* pop-lottery-succ */
#pop-lottery-succ .pop-t{ height: 44px; margin-top: 34px;}
.lottery-succ-cont{ display: flex; width: 513px; height: 313px; border: 2px solid #c68767; margin: 54px auto 0; justify-content: center; align-items: center; background: url(../../images/lottery-succ-cont.png) no-repeat center center; background-size: 100% auto;}
.lottery-succ-cont img{ width: 178px; height: 159px; animation: awardSuccess 1s; }
@keyframes awardSuccess{
	from{ opacity: 0; transform: scale(0); }
	to{ opacity: 1; transform: scale(1); }
}
.btn-conform{ display: block; width: 369px; height: 97px; margin: 53px auto 0; background: url(../../images/btn_conform.png) no-repeat 0 0; background-size: 100% auto;}
/* pop-address */
#pop-address .pop-t{ height: 44px; margin-top: 45px;}
.pop-mailCont{ padding-top: 53px; }
.address-tip{ display: block; width: 551px; margin: 0 auto 38px; }
.pop-mailCont input{ display: block; margin: 0 auto 27px; width: 515px; height: 87px; line-height: 87px; text-align: center; font-size: 27px; color: #707070; border: 1px solid #de9469;}
.btn-sub-address{ display: block; width: 369px; height: 97px; margin: 30px auto 0; background: url(../../images/btn-sub.png) no-repeat 0 0; background-size: 100% auto;}
/* pop-msg */
#pop-msg{ z-index:991;}
.msg{ display: flex; width: 500px; height: 100%; margin: 0 auto; font-size: 32px; font-weight: bold; line-height: 46px; color: #fff;  align-items: center; justify-content: center; text-align: center;}