body{font:normal 14px/1.6em Arial,Microsoft YaHei,Tahoma,simsun; color:#ffffff;min-width:1200px;margin:0 auto;overflow-x: hidden}
.main-page{width: 100%;height: 100vh;overflow: hidden;position: relative}
.tween-page{width: 100%;overflow: hidden; position: absolute;}

/*第一页*/
.content1{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/bg1.jpg") no-repeat center;width: 100%;height: 100vh;overflow: hidden;position: relative}
.content1 .tween-con{position: absolute;width: 1920px;height: 100%;}
.content1 .slogen{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/slogen.png") no-repeat center;width: 885px;height: 190px;position: absolute;left:50%;transform: translate(-50%,0);overflow: hidden;top:50px}
.content1 .left-mans{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/left_mans.png") no-repeat center;width: 793px;height: 943px;position: absolute;left: 0;bottom: 0}
.content1 .right-mans{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/right_mans.png") no-repeat center;width: 940px;height: 1008px;position: absolute;right:0;bottom: 0}
.content1 .video-bg{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/video_bg.png") no-repeat center;width: 644px;height: 380px;margin: 185px auto 0;position: relative}
.content1 .video-container{width: 585px;height: 310px;margin-left: 24px;margin-top: 53px;border: 0}
.content1 .btn-con{width: 540px;margin: 41px auto 0;overflow: hidden;z-index: 2;position: relative}

.content1 .yuyue-btn {box-shadow:inset 0px 1px 0px 0px #f29c93;background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);background-color:#fe1a00;
	border-radius:6px;border:1px solid #d83526;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:28px;font-weight:bold;
	padding:15px 33px;text-decoration:none;text-shadow:0px 1px 0px #b23e35;margin-bottom: 35px;margin-left: 48px;}
.content1 .yuyue-btn:hover {background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);background-color:#ce0100;}
.content1 .yuyue-btn:active {position:relative;top:1px;}



.content1 .appdown-btn {box-shadow:inset 0px 1px 0px 0px #fce2c1;background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);background-color:#ffc477;
	border-radius:6px;border:1px solid #eeb44f;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:28px;font-weight:bold;
	padding:15px 33px;text-decoration:none;text-shadow:0px 1px 0px #cc9f52;margin-bottom: 35px;margin-left: 48px;}
.content1 .appdown-btn:hover {background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);background-color:#fb9e25;}
.content1 .appdown-btn:active {position:relative;top:1px;}

.content1 .neice-btn {box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);background-color:#79bbff;
	border-radius:6px;border:1px solid #84bbf3;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:28px;font-weight:bold;
	padding:15px 33px;text-decoration:none;text-shadow:0px 1px 0px #528ecc;margin-bottom: 35px;margin-left: 48px;}
.content1 .neice-btn:hover {background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);background-color:#378de5;}
.content1 .neice-btn:active {position:relative;top:1px;}

.content1 .pcdown-btn {box-shadow:inset 0px 1px 0px 0px #ffffff;background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);background-color:#ededed;
	border-radius:6px;border:1px solid #dcdcdc;display:inline-block;cursor:pointer;color:#777777;font-family:Arial;font-size:28px;font-weight:bold;
	padding:15px 33px;text-decoration:none;text-shadow:0px 1px 0px #ffffff;margin-bottom: 35px;margin-left: 48px;}
.content1 .pcdown-btn:hover {background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);background-color:#dfdfdf;}
.content1 .pcdown-btn:active {position:relative;top:1px;}



.content1 .kaifu-btn{background: url("../images/kaifu_btn.png") no-repeat center;
width: 231px;
height: 70px;
float: left;
cursor: pointer;
z-index: 2;
position: relative;}
.content1 .ios-btn{background: url("../images/ios_btn.png") no-repeat center;width: 230px;height: 70px;float: left;cursor: pointer;margin-left: 48px;z-index: 2;position: relative;}


.pop-mask{background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;position: fixed;text-align: center;z-index: 10;top: 0px;display: none;}
.pop-reg{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/pop_bg.png") no-repeat top center;width: 700px;height: 668px;z-index: 1000;position: fixed;top: 40%;left:50%;transform: translate(-50%,-50%);color: #455397;display: none}
.pop-reg .title{font-size: 35px;font-weight: bold;width: 100%;height: 45px;text-align: center;color: #ff9254;margin-top: 300px}
.pop-reg .select-div{margin: 10px auto 0;width: 700px;overflow: hidden;display: flex;justify-content: center;color: #fff;}
.pop-reg .select-div .select-phone-txt{font-size: 20px;width: 100px;float: left}
.pop-reg .select-div .radio-div{width: 110px;margin-left: 18px;float: left;cursor: pointer}
.pop-reg .select-div .radio1{background: url("../images/radio1.png") no-repeat center;width: 22px;height: 22px;float: left}
.pop-reg .select-div .radio2{background: url("../images/radio2.png") no-repeat center;width: 22px;height: 22px;float: left}
.pop-reg .select-div .ios-icon{background: url("../images/ios_icon.png") no-repeat center;width: 18px;height: 100%;margin-left: 6px;float: left}
.pop-reg .select-div .android-icon{background: url("../images/android_icon.png") no-repeat center;width: 20px;height: 100%;margin-left: 6px;float: left}
.pop-reg .select-div .radio-div p{font-size: 18px;margin-left: 6px;float: left;line-height: 26px}
.pop-reg .phone-number-txt{font-size: 12px;margin: 22px auto 0;width: 331px;color: #fff;}
.pop-reg .phone-number-input{width: 301px;height: 51px;background-color: #9297b2;line-height: 51px;margin: 0 auto;display: block;font-size: 20px;padding:0 15px;border: 0}
.pop-reg .check-number-txt{font-size: 12px;margin: 10px auto 0;width: 331px;color: #fff;}
.pop-reg .check-number-div{width: 331px;height: 51px;margin: 0 auto}
.pop-reg .check-number-input{width: 172px;height: 51px;background-color: #9297b2;line-height: 51px;display: block;font-size: 20px;padding:0 15px;float: left;border: 0}
.pop-reg .check-number-btn{width: 114px;height: 51px;background-color: #cf5653;float: left;font-size: 16px;text-align: center;line-height: 51px;cursor: pointer;color: #ffffff;margin-left: 14px}
.pop-reg .soul-id-txt{font-size: 12px;margin: 10px auto 0;width: 331px}
.pop-reg .soul-id-input{width: 301px;height: 51px;background-color: #9297b2;line-height: 51px;margin: 0 auto;display: block;font-size: 20px;padding:0 15px;border: 0}
.pop-reg .error-info{width: 331px;font-size: 12px;margin: 10px auto 0;text-align: center;height: 114px;color: white}
.pop-reg .reg-btn{background-color: #4f61b0;width: 231px;height: 54px;margin: 0 auto 0;cursor: pointer;text-align: center;font-size: 20px;color:#ffffff;line-height: 54px}
.pop-reg .close-btn{width: 50px;height: 50px;text-align: center;font-size: 100px;line-height: 50px;color: #ffffff;cursor: pointer;margin: 36px auto 0}

.pop-prize{background: url("../images/pop_bg.png") no-repeat top center;width: 514px;height: 580px;z-index: 1000;position: fixed;top: 50%;left:50%;transform: translate(-50%,-50%);overflow: hidden;color: #455397;display: none}
.pop-prize .title{font-size: 35px;font-weight: bold;width: 100%;height: 45px;text-align: center;color: #ff9254;margin-top: 16px}
.pop-prize .ts{width: 100%;text-align: center;margin-top: 20px}
.pop-prize .prize-con{margin: 10px auto 0;overflow: hidden;width: 400px;}
.pop-prize .prize-con .prize-bg{background-color: #9297b2;width: 165px;height: 165px;margin: 0 17px 12px;float: left}
.pop-prize .prize-con .prize-bg .txt{width: 100%;text-align: center;margin-top: 4px;font-size: 16px;color: #455397}
.pop-prize .close-btn{width: 50px;height: 50px;text-align: center;font-size: 100px;line-height: 50px;color: #ffffff;cursor: pointer;margin: 60px auto 0}

.pop-qrcode{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/pop_bg.png") no-repeat top center;width: 700px;height: 668px;z-index: 1000;position: fixed;top: 40%;left:50%;transform: translate(-50%,-50%);color: #455397;display: none}
.pop-qrcode .title{font-size: 35px;font-weight: bold;width: 100%;height: 45px;text-align: center;color: #ff9254;margin-top: 300px}
.pop-qrcode .ts{width: 100%;text-align: center;color: #fff;font-size: 25px}
.pop-qrcode .qr-code{width: 180px;margin: 15px auto 0 auto;}
.pop-qrcode .close-btn{width: 50px;height: 50px;text-align: center;font-size: 100px;line-height: 50px;color: #ffffff;cursor: pointer;margin: 60px auto 0}

.share-box {text-align: center;margin-top: 10px;}
.share-box input{width: 250px;}


/*第二页*/
.content2{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/bg2.jpg") no-repeat center;width: 100%;height: 100vh;overflow: hidden;color:#96a7d4;position: relative}
.content2 .top-div{width: 1100px;height: 100%;margin: 50px auto ;position: absolute;left:50%;transform: translate(-50%,0);}
.content2 .left-arrow{background: url("../images/left_arrow.png") no-repeat center;width: 86px;height: 650px;position: absolute;left: 100px;top:100px;cursor: pointer;z-index: 5;}
.content2 .right-arrow{background: url("../images/left_arrow.png") no-repeat center;width: 86px;height: 650px;position: absolute;right: 100px;top:100px;cursor: pointer;transform: scaleX(-1);-ms-transform: scaleX(-1);-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1);z-index: 5}
.content2 .tween-div{width: 1600px;position: absolute;left: 0;top:0;display: none;}
.hero-img-div{z-index: 5;float: left;position: relative;margin-left: -200px}
.hero-content-div{background-color:rgba(43,52,95,0.7);width: 700px;min-height: 603px;margin-left: -25px;margin-top: 120px;z-index: 1;float: left;position: relative;padding-left: 40px;padding-top: 30px;overflow: hidden}
.hero-content-div .hero-name{font-size: 50px;font-weight: bold;line-height: 50px;color: #f8b551}
.hero-content-div .hero-job{font-size: 30px;line-height: 30px;color: #cfd5e6}
.hero-content-div .hero-content{border-radius:10px;-moz-border-radius:10px;background-color: #fff;width: 623px;background-color:rgba(33,38,89,0.5);margin-top: 20px;padding: 20px;}
.hero-content-div .hero-content .skill-txt{font-size: 18px;text-align: center;margin-bottom: 10px;line-height: 18px;}
.hero-content-div .hero-content .skill-list{margin-top: 18px;height: 126px;}
.hero-content-div .hero-content .skill-list .skill-icon{float: left;margin-right: 17px;width: 84px}
.hero-content-div .hero-content .skill-list .skill-icon .icon{}
.hero-content-div .hero-content .skill-list .skill-icon .txt{width: 100%;text-align: center}
.hero-content-div .hero-content .attr-txt{font-size: 18px;margin-top: 60px}
.hero-content-div .hero-content .attr-val-con{margin-top: 18px;overflow: hidden}
.hero-content-div .hero-content .attr-val-con .attr-rect{background-color: rgba(0,0,0,0.2);border-radius:5px;-moz-border-radius:5px;width: 165px;height: 64px;float: left;margin-right: 42px;margin-bottom: 28px}
.hero-content-div .hero-content .attr-val-con .attr-rect .attr-div{display: inline-block;height: 64px;vertical-align:top}
.hero-content-div .hero-content .attr-val-con .attr-rect .attr-div .name{margin-top: 10px}
.hero-content-div .hero-content .attr-val-con .attr-rect .attr-div .val{margin-top: 4px;font-size: 20px;color: #5c72b0}
.content2 .zhuli-btn{background: url("../images/zhuli_btn.png") no-repeat center;margin: 20px auto 0 auto;display: block;vertical-align: middle;width: 245px;height: 56px;cursor: pointer;z-index: 2;position: relative;}
.content2 .rules{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/neice_bg.png") no-repeat center;background-size: contain;padding: 20px 0;width: 700px;position: absolute;top: 500px;left: 10%;text-align: center;}
.content2 .rules p{font-size: 18px;color: #fff;}
.content2 .rank{background: url("https://oss1-1vda.oss-cn-beijing.aliyuncs.com/res/pc/rank_bg.png") no-repeat center;width: 300px;height: 650px;padding:0 20px;position: absolute;top: 50px;right: 10%;}
.content2 .rank ul{width: 100%;margin-top: 30px;}
.content2 .rank ul li{text-align: center;font-size: 18px;line-height: 22px;color: #fff;margin-bottom: 8px;}


.center{position: absolute;left:50%;transform: translate(-50%,0);overflow: hidden;}

.tip-bg{background: url("../images/tip_bg.png") no-repeat center;width: 200px;height: 122px;position: fixed;top:0;left: 0;z-index: 9;pointer-events: none;overflow: hidden;display: none;}
.tip-bg .txt{width: 186px;height: 94px;margin: 12px auto 0}

.i1{background: url("../images/i1.png") no-repeat center;width: 64px;height: 64px;display: inline-block;vertical-align:top}
.i2{background: url("../images/i2.png") no-repeat center;width: 64px;height: 64px;display: inline-block;vertical-align:top}
.i3{background: url("../images/i3.png") no-repeat center;width: 64px;height: 64px;display: inline-block;vertical-align:top}
.i4{background: url("../images/i4.png") no-repeat center;width: 64px;height: 64px;display: inline-block;vertical-align:top}
.i5{background: url("../images/i5.png") no-repeat center;width: 64px;height: 64px;display: inline-block;vertical-align:top}
.i6{background: url("../images/i6.png") no-repeat center;width: 64px;height: 64px;display: inline-block;vertical-align:top}

/*第三页*/
.content3{background: url("../images/bg3.jpg") no-repeat center;width: 100%;height: 1080px;overflow: hidden;color:#4b423a;}
.content3 .center-div{width: 350px;margin: 274px auto 0;overflow: hidden}
.content3 .code{background: url("../images/code.jpg") no-repeat center;width: 129px;height: 116px;margin-top: 15px;margin-left: 28px;float: left}
.content3 .sina-div{float: left;width: 80px;margin-left: 4px;margin-top: 20px}
.content3 .sina-div .icon{background: url("../images/sina.png") no-repeat center;width: 100%;height: 60px}
.content3 .sina-div .txt{width: 100%;text-align: center;font-size: 12px;line-height: 16px}
.content3 .qq-div{float: left;width: 100px;margin-left: 4px;margin-top: 20px}
.content3 .qq-div .icon{background: url("../images/qq.png") no-repeat center;width: 100%;height: 60px}
.content3 .qq-div .txt{width: 100%;text-align: center;font-size: 12px;line-height: 16px}

.right-con{background: #4a558b; width: 76px;position: absolute;right: 0;top:274px;overflow: hidden;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.right-btn-con{margin-top: 0;margin-left: 6px}
.right-icon-div{margin-top: 30px;height: 75px;cursor: pointer;}
.right-icon{background: url("../images/right_icon.png") no-repeat center;width: 100%;height: 41px;}
.right-txt{color: #ffffff;text-align: center;margin-top: 5px;width: 100%;font-size: 16px;}
.right-current-txt{color: #f19149;text-align: center;margin-top: 5px;width: 100%}
.right-icon-div:hover .right-txt{color: #f19149;}