html,body{width:100%;min-width:1420px;height:100%;font-family:'思源宋体',"Microsoft YaHei",Arial; overflow: hidden;}
.wrap{width: 100%;height: calc(100% - 44px); margin: 0 auto;min-width: 1400px;max-width: 1920px;max-height: 1080px;position: relative;overflow: hidden}
.yy_btn,.type span,.type .cur::after,.from .item,.verify,.submit,.links a,.age,.team_join,.team_invite,.follow_ico,.new_more,.next,.prev,.invite_code,.job_desc .txt::after,.job_desc .txt::before,.attr{background: url('../images/sprite.png') no-repeat -9999px;}
.part,.links,.flex{display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-ms-flex-align:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center}
.part{background-repeat: no-repeat; background-position: center top; /*height: calc(100% -90px);*/ box-sizing: border-box; padding: 90px 0 50px; }
.home{width: 100%;height: 100%;position: relative; overflow: hidden;}
.home .swiper-slide{overflow: hidden;}
.p1{background-image: url('../images/p1_0914.jpg');background-position: center top;}
.arrow{width: 60px; height: 72px; position: absolute; z-index: 20; bottom:0; left: 50%; margin-left: -65px; -webkit-animation: arrowUpDown 1s infinite ease-in-out alternate; animation: arrowUpDown 1s infinite ease-in-out alternate;background: url('../images/arrow.png') no-repeat;}
@-webkit-keyframes arrowUpDown{
    from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:.8}
}
@keyframes arrowUpDown{
    from{transform:translateY(0);transform:translateY(0);opacity:1}
    to{transform:translateY(10px);transform:translateY(10px);opacity:.8}
}
.tip{position: absolute; left: 52px; bottom: 50px;}
.tip a{color: #fff; font-family:"Microsoft YaHei",Arial; display: inline-block; margin-right: 10px;}
.age{width: 78px; height: 103px;background-position: -468px -344px; margin-bottom: 4px;}
/* .yy_btn{width: 444px; height: 76px; display: block; background-position: 0 -420px; z-index: 30; -webkit-animation: scaleIn 2s linear infinite; animation: scaleIn 2s linear infinite;}
.p1 .yy_btn{position: absolute; bottom: 152px; left: 50%; margin-left: -222px;} */
@-webkit-keyframes scaleIn{0%,100%{-webkit-transform:scale(.96);transform:scale(.96)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes scaleIn{0%,100%{-webkit-transform:scale(.96);transform:scale(.96)}50%{-webkit-transform:scale(1);transform:scale(1)}}
/* .welfare{display: block; position: absolute; bottom: 275px; right: 30px; width: 220px; height: 186px; background: url('../images/welfare.png') no-repeat; -webkit-animation: scaleIn 2.4s linear infinite; animation: scaleIn 2.4s linear infinite;} */
.slogan{width: 926px; height: 378px; position: absolute; bottom: 250px; left: 65%; margin-left:-470px; background: url('../images/slogan5.png') no-repeat;}
.db{width: 675px; height: 128px; position: absolute; left: 50%; margin-left: -342px; bottom:70px; background: url('../images/db.png') no-repeat; overflow: hidden;z-index: 2;}
.db .code{border: 2px solid #cdbcb1; width: 90px; height: 90px; float: left; margin: 16px 0 0 62px;}
.db_btn{float: left; margin: 15px 0 0 4px; width: 368px; height: 100px;}
.db_btn a,.pay_btn{float: left; width: 174px; height: 44px; background: url('../images/btns.png') no-repeat -999px; margin: 0 2px 9px;}
.pay_btn{width: 98px; height: 98px; background-position: 0 -216px; margin: 15px 0 0 0;}
.db_btn .ios{background-position: 0 0;}
.db_btn .tap{background-position: 0 -54px;}
.db_btn .and{background-position: 0 -108px;}
.db_btn .pc{background-position: 0 -162px;}
.db_btn a:hover,.pay_btn:hover{background-position-x: -184px;}
.team_btn{width: 206px; height:189px; display: block; position: absolute; right: 20px; bottom: 58px; background: url('../images/team_ico.png') no-repeat; z-index: 30;-webkit-animation: scaleIn 2s linear infinite; animation: scaleIn 2s linear infinite;}
.wechat_btn{width: 92px; height: 95px; display: block; position: absolute; right: 230px; bottom: 50px; background: url('../images/wechat.png') no-repeat;}
.p2{background-image: url('../images/p2.jpg');}
.title{width: 754px; height: 72px; background: url('../images/title.png') no-repeat; margin: 15px auto;}
.reward li{width: 186px; height: 486px; background: url('../images/reward_item.png') no-repeat; margin: 0 10px; overflow: hidden; text-align: center; font-weight: bold;color: #5d3714; position: relative;}
.reward .reach_order{background: url('../images/reach_order.png') no-repeat;}
.reward .ico{width: 99px; height: 99px; margin: 59px auto 20px;}
.reward .desc{height: 196px; font-size: 16px;}
.reward li span{display: inline-block; font-size: 44px; line-height: 1.2;background: linear-gradient(#c69a75, #8e623d);background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.reward .reach::after{content: ''; width: 131px; height: 93px; position: absolute; left: 50%; margin-left: -65px; bottom: 140px; z-index: 10; background: url('../images/reach.png') no-repeat;}
.p2 .yy_btn{margin: 20px auto 0;}
.p3{background-image: url('../images/p3.jpg');}
.team .title{height: 120px; background-position: 0 -72px; margin-bottom: 40px;}
.team ul{justify-content: space-between; width: 1400px;}
.team li,.team .last{background: url('../images/team.png') no-repeat;}
.team li{width: 235px; height: 454px; overflow: hidden; text-align: center; font-family: '思源黑体'; line-height: 30px; color: #fff;}
.team .last{width: 322px; height: 538px; background-position: right top; margin-top: -86px;}
.team .ico{width: 122px; height: 122px; margin: 48px auto 25px; border-radius: 50%; overflow: hidden;}
.team .num{ height: 30px; font-size:26px; font-weight: bold; background: linear-gradient(#fdf5dc, #f7e2ad);background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.team .yq{font-size: 20px; margin: 30px 0 56px;}
.team i{font-size: 30px; font-style: normal; display: block; width: 30px; height: 30px; margin: 0 auto;}
.team .last .ico{width: 142px; height: 142px; margin: 75px auto 66px; background: #a9b7e1;}
.team_number{line-height: 64px; height: 64px; margin-bottom: 60px; font-size: 24px;}
.team_number span{display: inline-block; font-size: 78px;min-width: 72px; font-weight: bold; padding: 0 10px; background: linear-gradient(#fefaf1, #fce1af);background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.team_join,.team_invite{display: block; color: #fff; font-size: 20px; margin: 0 5px; height: 64px; width: 137px;}
.team_join{background-position: 0 -506px;}
.team_invite{background-position: -148px -506px;}
.p4{background-image: url('../images/p4.jpg');}
.job_nav{width: 240px; height: calc(100% - 90px); background: url('../images/job_nav_bg.png') no-repeat left top; position: absolute; top: 90px; left: 50%; margin-left:-700px;}
.job_nav span{display: block; width: 100px; height: 100px; background: url('../images/job_nav.png') no-repeat; position: absolute; left: 0; top: 50%; cursor: pointer;}
.job_nav .ts{background-position: -200px 0; left: 0; margin-top: -300px;}
.job_nav .xw{background-position: -100px 0; left: -25px; margin-top: -200px;}
.job_nav .mrb{background-position: -300px 0; left: -50px; margin-top: -100px;}
.job_nav .mhj{background-position: -600px 0; left: -50px; margin-top: 0;}
.job_nav .rr{background-position: -400px 0; left: -25px; margin-top: 100px;}
.job_nav .zzq{background-position: -500px 0; left: 0; margin-top: 200px;}
.job_nav .cur{background-position-y: -100px;}
.job_cont{width: 100%;height: 100%; overflow: hidden;}
.job_cont .item{display: none;}
.job_cont .show{display: block;}
.job_desc{position: absolute; right: 50%; margin-right: -775px; top: 50%; margin-top: -233px; width: 868px; height: 556px; background: url('../images/job_desc.png') no-repeat; overflow: hidden;-webkit-animation: descShow .5s forwards 300ms 0 ease;-moz-animation: descShow .5s forwards 300ms 0 ease;-ms-animation: descShow .5s forwards 300ms 0 ease;animation: descShow .5s forwards 300ms 0 ease;-moz-animation: descShow 2.5s forwards;-webkit-animation: descShow .5s forwards;-o-animation: descShow .5s forwards;-ms-animation: descShow .5s forwards;}
@-webkit-keyframes descShow{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-moz-keyframes descShow{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-ms-keyframes descShow{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-o-keyframes descShow{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@keyframes descShow{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
.job_desc .jt{margin: 22px 0 0 412px; width: 421px; height: 175px;}
.job_desc .txt{margin: 30px 0 30px 513px; position: relative; color: #27437b; width: 280px; font-size: 18px;font-weight: bold; text-align: left;}
.job_desc .txt p{font-family: "Microsoft YaHei"; line-height: 30px; font-weight: normal; margin-top: 10px;}
.job_desc .txt::after,.job_desc .txt::before{content: ''; position: absolute; width: 8px; height: 8px;}
.job_desc .txt::before{top: -10px; left: 0; background-position: -301px -145px;}
.job_desc .txt::after{bottom: -10px; right: 0; background-position: -314px -145px;}
.job_desc .attr{height: 40px; line-height: 40px; width: 284px; padding-left: 32px; background-position: 0 -646px; color: #fff; margin-left: 513px; font-size: 24px; font-weight: bold;}
.job_ico{margin: 20px 0 0 514px;}
.job_img{position: absolute; top: 0; left: 50%; margin-left: -728px; width: 1250px; height: 100%; overflow: hidden;-webkit-animation: jimgShow .5s forwards 300ms 0 ease;-moz-animation: jimgShow .5s forwards 300ms 0 ease;-ms-animation: jimgShow .5s forwards 300ms 0 ease;animation: jimgShow .5s forwards 300ms 0 ease;-moz-animation: jimgShow 2.5s forwards;-webkit-animation: jimgShow .5s forwards;-o-animation: jimgShow .5s forwards;-ms-animation: jimgShow .5s forwards;}
@-webkit-keyframes jimgShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-moz-keyframes jimgShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-ms-keyframes jimgShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-o-keyframes jimgShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@keyframes jimgShow{0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
.p5{background-image: url('../images/p5.jpg');}
.new .title{background-position: 0 -264px;}
.new_box{width: 1392px; height: 425px; margin: 60px auto 0;}
.new_box .banner{height: 425px; width: 696px; overflow: hidden; float: left;}
.new_list{float: right; width: 652px; height: 425px; padding: 0 22px; background-color: rgba(0, 0, 0, .6); background-image: url('../images/news_type.png'); background-repeat: no-repeat;}
.new_type{height: 80px; border-bottom: 2px solid #afaead; position: relative;}
.new_type span{float: left; height: 64px; line-height: 64px; cursor: pointer; padding: 0 18px; color: #fff; font-size: 24px; margin: 15px 15px 0 0; border-bottom: 3px solid transparent;}
.new_type .cur{border-color:#fff;}
.new_more{position: absolute; top: 22px; right: 25px; width: 124px; height: 42px; background-position: -295px -506px; -webkit-transition: .2s; transition: .2s;}
.new_more:hover{right: 20px;}
.new_cont{height: 340px; position: relative; overflow: hidden;}
.new_cont ul{width: 100%;position: absolute;top: 0; left: 0;display: none;}
.new_cont ul.on{display: block;}
.new_cont li{width: 100%; line-height: 52px; height: 52px; position: relative; border-bottom: 2px solid #4f6776; font-family: '思源黑体';}
.new_cont li:last-child{border: none;}
.new_cont li .nt{width: 510px; float: left; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color: #abb3ba; -webkit-transition: .2s; transition: .2s;}
.new_cont li .time{float: right; color: #757575;}
.new_cont li a:hover .nt{color: #fff;}
.p6{background-image: url('../images/p5.jpg');}
.feature{width: 1365px; margin: 20px auto 0; position: relative;}
.feature .title{height: 90px; background-position: 0 -426px;}
.feature .swiper-slide{width:890px; position: relative; margin: 20px 0;}
.feature .swiper-slide img{display: block; width: 100%;}
.feature .swiper-3d .swiper-slide-shadow-left,.feature .swiper-3d .swiper-slide-shadow-right{background: rgba(0, 0, 0, .6);}
.feature .swiper-slide-active{border: 6px solid #fff;}
.next,.prev{width: 58px; height: 64px; position: absolute; bottom: 220px; cursor: pointer; z-index: 10; }
.prev{left:-80px; background-position: -488px -452px;}
.next{right: -80px; background-position: -488px -516px;}

.p7{background-image: url('../images/p7.jpg');}
.av .title{height: 90px; background-position: 0 -336px;}
.preview{margin: 10px auto 0; width: 1400px; height: 520px;}
.preview img{display: block; width: 100%;-webkit-transition: .2s; transition: .2s;}
.preview .pl{float: left; width: 493px;}
.preview .pr{float: right; width: 907px; position: relative; cursor: pointer;}
.preview .item{position: relative; width: 493px; height: 260px; overflow: hidden; cursor: pointer;}
.preview .pr .item{width: 907px; height: 520px;}
.preview .item::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .5) url('../images/scale.png') no-repeat center; opacity: 0; -webkit-transition: .2s; transition: .2s;}
.preview .pr .item::after{background: rgba(0, 0, 0, .3) url('../images/play.png') no-repeat center;}
.preview .item:hover::after{opacity: 1;}
.preview .item:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.p8{background-image: url('../images/p8.jpg');}
.follow .title{background-position: 0 -192px;}
.follow ul{margin: 86px auto 300px; width: 1000px; justify-content: space-between;}
.follow ul li{width: 194px; height: 194px; background: url('../images/follow.png') no-repeat; display: inline-block;}
.follow ul li a{display: block;width: 100%; height: 128px; padding-top: 66px; text-align: center; position: relative; color: #fff; font-weight: bold; font-size: 14px; font-family: '思源黑体';}
.follow .follow_ico{height: 59px; display: block; margin: 0 auto 3px;}
.follow .wx{background-position: 0 -578px; width: 73px;}
.follow .tap{background-position: -78px -578px; width: 91px;}
.follow .wb{background-position: -174px -578px; width: 70px;}
.follow .dy{background-position: -249px -578px; width: 53px;}
.follow .bil{background-position: -307px -578px; width: 60px;}
.follow .kf{background-position: -372px -578px; width: 54px;}
.follow .rwm{width: 160px; height: 160px; border-radius: 5px;pointer-events: none; background: #fff; position: absolute; top: -110px;left: 50%; margin-left: -80px; display: none;opacity: 0; box-shadow: 5px 5px 15px rgba(30, 30, 30, .1); -webkit-transition:.2s; transition:.2s;}
.follow .rwm img{border-radius: 5px; width: 160px; height: 160px; display: block;}
.follow .rwm::after{content: "";position: absolute;bottom: -8px;left: 50%;margin-left: -8px;width: 0;height: 0;border: 8px solid;border-top-color: white; border-right-color: white;border-bottom-color: transparent;border-left-color: transparent;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.follow a:hover .rwm{display: block;-webkit-animation: page-qr-show .3s ease-in-out .01s 1 forwards;animation: page-qr-show .3s ease-in-out .01s 1 forwards;}
@-webkit-keyframes page-qr-show {
    0% {opacity: 0;-webkit-transform: scale(.5);filter: blur(10px);}
    70% {filter: blur(3px);}
    100% {opacity: 1; -webkit-transform: scale(1); filter: blur(0);}
}
@keyframes page-qr-show {
    0% {opacity: 0;transform: scale(.5);filter: blur(10px);}
    70% {filter: blur(3px);}
    100% {opacity: 1;transform: scale(1);filter: blur(0);}
}

.pop{position: fixed;z-index: 100;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, .8); display: none;}
.close,.pv_close{width: 60px; height: 60px; display: block; background: url('../images/close.png') no-repeat; top: 184px; right: 26px; position: absolute;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.close:hover,.pv_close:hover{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.pop_main{position: fixed; left: 50%; top: 50%; color: #4b330d; font-size: 26px; font-weight: bold;}
.pop_order{width: 1001px; height: 822px; margin: -420px 0 0 -500px; background: url('../images/yy.png') no-repeat;}
.pop_order::after{content: ''; position: absolute; bottom: -20px; right: -110px; width: 210px; height: 587px; background: url('../images/yy_ym.png') no-repeat;}
.pop_body{padding-top: 270px; text-align: center;}
.pt{font-size: 40px; line-height: 54px; height: 54px; background: linear-gradient(#cfbfa5, #aa9178);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.order{margin: 50px 90px 0 90px;}
.order_img{float: left; background: #fff; padding: 4px; box-shadow: 0 6px 8px rgba(0, 0, 0, .17);}
.order_img img{display: block;}
.order .from{float: right; min-width: 556px; text-align: left;}
.from{line-height: 76px; font-size: 26px; font-weight: bold;}
.from .item{margin-top: 7px; position: relative; background-position: 0 0; width: 436px; padding-left: 110px;}
.from .label{display: inline-block; position: absolute; left: 15px; top: 0;}
.from input{width: 100%;border: 0;outline: 0;-webkit-appearance: none;appearance: none;background-color: transparent;font-size: 26px;color: #4b330d;height: 76px; line-height: 76px;font-weight: bold;font-family:'思源宋体'}
.from input::-webkit-input-placeholder{color: #cbcbcb;}
.from input::-moz-placeholder{color: #cbcbcb;}
.from input::placeholder{color: #cbcbcb;}
input:-webkit-autofill{background: transparent; transition: background-color 50000s ease-in-out 0s;-webkit-text-fill-color: unset;}
.type{height: 76px;}
.type span{float: left; position: relative; width: 268px; height: 76px; background-position:0 -86px; text-indent: 92px; font-size: 28px; cursor: pointer; margin-right: 10px;}
.type span:last-child{margin: 0;}
.type .cur::after{content: ''; position: absolute; left: 33px; top: 23px; width: 34px; height: 30px; background-position:-488px -93px;}
.verify{position: absolute; right: 5px; top: 12px; cursor: pointer; height: 49px; line-height: 49px; color: #fff; font-size: 20px; text-align: center; width: 193px; background-position:-278px -86px;}
.submit{line-height: 76px; height: 76px; width: 546px; color: #623d29; font-size: 32px; text-align: center; background-position: 0 -172px; display: block; margin-top: 18px;}
.submit:hover{background-position: 0 -258px;}
.text{margin-top: 30px;}
.code{width: 174px; height: 174px; margin: 15px auto;}
.links{width: 597px; height: 98px; background: url('../images/link.png') no-repeat; margin: 0 auto;}
.links a{display: inline-block; height: 52px; font-size: 0; text-indent: -999px; overflow: hidden; margin: 0 25px;}
.links .wx{width: 64px; background-position: 0 -344px;}
.links .wb{width: 55px; background-position: -69px -344px;}
.links .tap{width: 71px; background-position: -129px -344px;}
.links .dy{width: 46px; background-position: -205px -344px;}
.links .bi{width: 53px; background-position: -256px -344px;}
.pop_img{background: #000; width: 1158px; height: 650px; margin: -325px 0 0 -579px;}
.pop_video{background: #000; width: 800px; height: 450px; margin: -225px 0 0 -400px;}
.pv_close{top: -62px; right: 0;}
.pv video,.pv img{display: block; width: 100%;}
@media screen and (max-width: 1680px){
    .nav .item{margin: 0 1%;}
}
@media screen and (max-width: 1420px){
    .nav .item{margin: 0 2px;}
}
.pop_join{width: 651px; height: 574px; background: url('../images/join.png') no-repeat; margin: -287px 0 0 -325px;}
.pop_join .close,.pop_invite .close{right: 0; top: -64px;}
.tit{text-align: center; line-height: 58px; padding: 20px 0; font-size: 40px; font-weight: bold; background: linear-gradient(#c3ae8b, #a99078);background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.join{padding: 22px 50px 0;}
.pop_join .text{line-height: 40px; text-align: center; margin: 24px 0;}
.pop_join .links{margin-top: 30px;}
.pop_invite{width: 651px; height: 524px; background: url('../images/invite.png') no-repeat; margin: -262px 0 0 -325px; text-align: center;}
.pop_invite .tit{padding-top: 48px;}
.invite_tisp{font-size: 24px;}
.invite_code{background-position: 0 0; width: 546px; height: 76px; line-height: 76px; font-size: 30px; color: #5a1e07; margin: 56px auto 45px;}
.pop_invite  .submit{margin: 50px auto 0;}

#cyou_bottom{display: none; position: fixed; z-index: 20; left: 0; width: 100%; bottom: 0;}
#cyou_bottom .footer-right{padding: 0;}