html,body,div,ul,ol,span,p,a,b,i,h1,h2,h3,img{margin: 0; padding: 0; border: 0}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
html,body{ width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; position: relative; font-family: Microsoft YaHei;}
input,select,textarea,button{ outline: none }

.clearfloat:after{content: '';display: block;clear: both;}

.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 8; background-color: rgba(0,0,0,.8); display:none }

.top_box{position: fixed;top: 0;left: 0;width: 100%;z-index: 7;height: 3rem;background: url("img/top_box.png") no-repeat top center;background-size: 100% 100%;}
.top_box .nav_list{display: block;float: left;width: 1.775rem;height: 1.2rem;margin-top: .9rem;margin-left: .5rem}
.top_box .nav_list img{display: block;width: 100%}
.top_box .community{float: right;width: 6.7rem;height: .825rem;margin-top: 1.2rem;margin-right: .875rem}
.top_box .community a{display: block;float: left;width: 1rem;height: 100%;background-image: url("img/soc_box.png");background-repeat: no-repeat;background-size: 670% 100%;margin-right: .8rem}
.top_box .community a.com_1{background-position: 0 0;}
.top_box .community a.com_2{background-position: -2rem 0;}
.top_box .community a.com_3{background-position: -3.9rem 0;}
.top_box .community a.com_4{background-position: -5.7rem 0;margin-right: 0}

.header{position: relative;width: 100%;height: 33.375rem;background: url("img/header.jpg") no-repeat top center;background-size: 100% 100%;}
.part_1{position: relative;width: 100%;height: 32.75rem;background: url("img/part_1.jpg") no-repeat top center;background-size: 100% 100%;}
.part_2{position: relative;width: 100%;height: 54.5rem;background: url("img/part_2.jpg") no-repeat top center;background-size: 100% 100%;}
.part_3{position: relative;width: 100%;height: 31.875rem;background: url("img/part_3.jpg") no-repeat top center;background-size: 100% 100%;}
.part_4{position: relative;width: 100%;height: 66.75rem;background: url("img/part_4.jpg") no-repeat top center;background-size: 100% 100%;}
.part_5{position: relative;width: 100%;height: 26.75rem;background: url("img/part_5.jpg") no-repeat top center;background-size: 100% 100%;}
.part_6{position: relative;width: 100%;height: 35.5rem;background: url("img/part_6.jpg") no-repeat top center;background-size: 100% 100%;}
.part_7{position: relative;width: 100%;height: 30.8rem;background: url("img/part_7.jpg") no-repeat top center;background-size: 100% 100%;overflow: hidden}
.part_8{position: relative;width: 100%;height: 16.25rem;background: url("img/part_8.jpg") no-repeat top center;background-size: 100% 100%;}
.part_9{position: relative;width: 100%;height: 29.8rem;background: url("img/part_9.jpg") no-repeat top center;background-size: 100% 100%;}

.header .logo{position:absolute;width: 6.05rem;height: 2.575rem;top: 4rem;left: 1.15rem;}
.header .logo img{display: block;width: 100%;}
.header .video_btn{position:absolute;width: 3.475rem;height: 3.275rem;top: 50%;margin-top: .9rem;left: 1.75rem;}
.header .video_btn img{display: block;width: 100%;}
.header .pre_reg{position:absolute;width: 17.75rem;height: 5.4rem;bottom: 4.625rem;left:50%;margin-left: -8.875rem;}
.header .pre_reg img{display: block;width: 100%;}
.header .down_box{width: 17.25rem;height: 1.625rem;position: absolute;left: 50%;margin-left: -8.625rem;bottom: 2.15rem}
.header .down_box a{display: block;width: 5.4rem;height: 100%;float: left}
.header .down_box a:nth-child(2){margin: 0 .5rem}
.header .down_box a img{display: block;width: 100%;}

.part_1 .reg_box{position: absolute;width: 100%;height: 19.275rem;background: url("img/reg_box.png") no-repeat top center;background-size: 100% 100%;left: 0;top: 50%;top: 3.075rem;box-sizing: border-box;padding: 3.5rem 1.35rem 0;}
.part_1 .reg_box .choose_box{text-align: center}
.part_1 .reg_box .choose_box a{display: inline-block;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;}
.part_1 .reg_box .choose_box a.c_ios{width: 4.75rem;height: 1.05rem;background-image: url("img/c_ios.png");position: relative;margin-right: 2.25rem;}
.part_1 .reg_box .choose_box a.c_ios.cur{background-image: url("img/c_ios_cur.png")}
.part_1 .reg_box .choose_box a.c_android{width: 4.75rem;height: 1.05rem;background-image: url("img/c_android.png")}
.part_1 .reg_box .choose_box a.c_android.cur{background-image: url("img/c_android_cur.png")}
.part_1 .reg_box .area_code{display: block;float: left;width: 2.6rem;height: 2.25rem;line-height: 2.25rem;text-align: center;box-sizing: border-box;border: 1px solid #CADCDE;font-size: .9rem;color: #1B1B1B;background: #fff;}
.part_1 .reg_box .user_phone{height: 2.25rem;margin-top: .875rem}
.part_1 .reg_box .phone{float: right;width: 12.625rem;height: 2.25rem;line-height: 2.25rem;box-sizing: border-box;border: 1px solid #CADCDE;font-size: .85rem;color: #BFBFBF;background: #fff;padding-left: .625rem;}
.part_1 .reg_box .line{display:block;float: left;width: .375rem;height: 1px;background: #CADCDE;vertical-align: middle;margin: 1.1rem .15rem;}
.part_1 .reg_box .checkbox_box{font-size: .6rem;color: #556162;line-height: 1.5rem;margin-top: .5rem}
.part_1 .reg_box .checkbox_box input{position: relative;top: .1rem}
.part_1 .reg_box .checkbox_box .detail{display:block;float: right;background: #70A0B7;color: #FFFFFF;text-align: center;width: 3.15rem;height: .95rem;line-height: .95rem;font-size: .55rem;margin-top: .275rem}
.part_1 .reg_box .reg_finish{display: block;width: 10.6rem;height: 2.45rem;background: url("img/reg_finish.png") no-repeat top center;background-size: 100% 100%;margin: 0.5rem auto 0}

.part_2 .pre_award_box a{display: block;width: 4.3rem;height: 13.25rem;background-image: url("img/pre_award.png");background-repeat: no-repeat;position: absolute;background-size: 500% 100%; }
.part_2 .pre_award_box a.get{background-image: url("img/pre_award_cur.png");height: 14.65rem;}
.part_2 .pre_award_box a.award_1{background-position: 0 0;top: 22.675rem;left: 1.325rem}
.part_2 .pre_award_box a.award_2{background-position: -4.3rem 0;top: 21.5rem;left: 7.7rem}
.part_2 .pre_award_box a.award_3{background-position: -8.6rem 0;top: 22.25rem;right: .8rem}
.part_2 .pre_award_box a.award_4{background-position: -12.9rem 0;top: 40.45rem;left: 4.05rem}
.part_2 .pre_award_box a.award_5{background-position: -17.2rem 0;top: 38.575rem;right: 3.475rem}
.part_2 .pre_award_box a.award_1:before{content: '';position: absolute;width: .05rem;height: 4.4rem;background: #838165;left: 50%;margin-left: 0.025rem;top: -3.45rem;}
.part_2 .pre_award_box a.award_2:before{content: '';position: absolute;width: .05rem;height: 2.925rem;background: #838165;left: 50%;margin-left: 0.025rem;top: -1.975rem;}
.part_2 .pre_award_box a.award_3:before{content: '';position: absolute;width: .05rem;height: 2.925rem;background: #838165;left: 50%;margin-left: 0.025rem;top: -1.975rem;}
.part_2 .pre_award_box a.award_4:before{content: '';position: absolute;width: .05rem;height: 2.15rem;background: #838165;left: 50%;margin-left: 0.025rem;top: -1.2rem;}
.part_2 .pre_award_box a.award_5:before{content: '';position: absolute;width: .05rem;height: 2.1rem;background: #838165;left: 50%;margin-left: 0.025rem;top: -1.15rem;}

.part_3 .share_box{position: absolute;width: 4rem;top: 9.125rem;left: 8.25rem}
.part_3 .share_box a{display: block;width: 1.775rem;height: 1.75rem;}
.part_3 .share_box a img{display: block;width:100%;}
.part_3 .share_box a.facebook{float: left}
.part_3 .share_box a.twitter{float: right}

.part_4 .guanka{position: absolute;width: 10.25rem;height: 2rem;left:50%;margin-left: -5.125rem;top: 10.5rem;}
.part_4 .guanka img{display: block;width: 100%}

.part_6 .cloud{position: absolute;z-index: 1;width: 15rem;right: 0;bottom: 9.5rem;}
.part_6 .job_intro{position: absolute;z-index: 2;width: 6.95rem;height: 20.75rem;left: .9rem;top: 6.5rem;}
.part_6 .job_intro .job{display: block;width: 100%;}
.part_6 .job_intro .job{display: none}
.part_6 .job_intro .job.cur{display: block}
.part_6 .gender{position: absolute;width: 1.5rem;height: 3.75rem;z-index: 3;left: 5.45rem;top:7.625rem; }
.part_6 .gender a{display: block;width: 100%;height: 50%;}
.part_6 .gender a.female.cur{background: url("img/gender_0.png") no-repeat bottom center;background-size: 100% 200%;}
.part_6 .gender a.male.cur{background: url("img/gender_1.png") no-repeat top center;background-size: 100% 200%;}
.part_6 .gender a.male{background: url("img/gender_0.png") no-repeat top center;background-size: 100% 200%;}
.part_6 .gender a.female{background: url("img/gender_1.png") no-repeat bottom center;background-size: 100% 200%;}
.part_6 .role_choose{width: 100%;height: 7rem;position: absolute;bottom: .75rem;z-index: 2}
.part_6 .role_choose a{position: absolute;width: 5.25rem;height: 5.25rem;background-image: url(img/r_choose.png);background-size: 21rem;background-repeat: no-repeat}
.part_6 .role_choose a.sy{background-position: 0 0;left: .75rem}
.part_6 .role_choose a.sy.cur{background-position: 0 -5.25rem;left: .75rem}
.part_6 .role_choose a.xs{background-position:-5.25rem 0;bottom: 0;left:4.75rem}
.part_6 .role_choose a.xs.cur{background-position:-5.25rem -5.25rem;bottom: 0;left:4.75rem}
.part_6 .role_choose a.ss{background-position:-10.5rem 0;right:4.75rem}
.part_6 .role_choose a.ss.cur{background-position:-10.5rem -5.25rem;right:4.75rem}
.part_6 .role_choose a.sw{background-position:-15.75rem 0;right:.75rem;bottom:0}
.part_6 .role_choose a.sw.cur{background-position:-15.75rem -5.25rem;right:.75rem;bottom:0}

.part_6 .role_box{position: absolute;width: 13.75rem;height: 25.175rem;right: 0;top: 3.75rem;}
.part_6 .role_box img{display: block;width: 100%;display: none}
.part_6 .role_box img.cur{display: block}

.part_7 .pic_name{position: absolute;z-index: 2;right: .5rem;top:4.925rem;width: 6.225rem;height: 9.75rem;}

#role_box{width: 100%;height: 100%;position: relative;left: 0;top: 0}
#role_box ul.slides{width: 100%;height: 100%;}
#role_box ul.slides .slide{width:100%;height: 100%;display: none}
#role_box ul.slides .slide .role{width: 100%;position: absolute;z-index: 1;left: 0;top: 50%;margin-top: -12.5rem}

#role_box .flex-control-paging{position: absolute;z-index: 2;text-align: center;bottom: 2.75rem}
#role_box .flex-control-paging li{display: inline-block;margin: 0 .25rem}
#role_box .flex-control-paging li a{width: 3.175rem; height: 3.175rem; display:block;text-indent:-9000px;cursor:pointer; transition: .5s; box-sizing: border-box; background-size: 100% 100%; background-repeat: no-repeat;}
#role_box .flex-control-paging li:nth-child(1) a{background-image: url(img/avatar_1.png); }
#role_box .flex-control-paging li:nth-child(2) a{background-image: url(img/avatar_2.png); }
#role_box .flex-control-paging li:nth-child(3) a{background-image: url(img/avatar_3.png); }
#role_box .flex-control-paging li:nth-child(4) a{background-image: url(img/avatar_4.png); }
#role_box .flex-control-paging li:nth-child(5) a{background-image: url(img/avatar_5.png); }
#role_box .flex-control-paging li:nth-child(1) a.flex-active{background-image: url(img/avatar_1_cur.png); }
#role_box .flex-control-paging li:nth-child(2) a.flex-active{background-image: url(img/avatar_2_cur.png); }
#role_box .flex-control-paging li:nth-child(3) a.flex-active{background-image: url(img/avatar_3_cur.png); }
#role_box .flex-control-paging li:nth-child(4) a.flex-active{background-image: url(img/avatar_4_cur.png); }
#role_box .flex-control-paging li:nth-child(5) a.flex-active{background-image: url(img/avatar_5_cur.png); }
#role_box .flexslider{position:relative;}
#role_boxrole_box .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;list-style-type:none;}

.ts_box{ width: 17.25rem; position: relative; margin: 0 auto; padding-top: 4.2rem;}
.ts_box .slide{width: 17.25rem;height: 9.75rem;}
.ts_box img{ width: 100%; display: block; }
.ts_box .flex-control-paging{display: none}
.ts_box .flex-prev{text-indent: -99999px;position: absolute;width: 1rem;height: 3rem;background: url("img/prev.png") no-repeat top center;background-size: 100% 100%;left: -.75rem;top: 50%;}
.ts_box .flex-next{text-indent: -99999px;position: absolute;width: 1rem;height: 3rem;background: url("img/next.png") no-repeat top center;background-size: 100% 100%;right: -.75rem;top: 50%}

.part_9{padding-top: 3.2rem;box-sizing: border-box}
.part_9 .toggle_box{width: 9rem;margin: 0 auto;}
.part_9 .toggle_box a{display: block;width: 4rem;height: 1.5rem;text-align: center;line-height: 1.5rem;color: #000000;font-size: .6rem;}
.part_9 .toggle_box a.cur{background: url("img/toggle_bg.png") no-repeat top center;background-size: 100% 100%;}
.part_9 .toggle_box a.pic{float: left}
.part_9 .toggle_box a.video{float: right}
.part_9 .ap_box{margin-top: 1.25rem}
.part_9 .ap{text-align: center;display: none}
.part_9 .ap.cur{display: block}
.part_9 .ap li{display: inline-block;width: 8.75rem;height: 6.5rem;position: relative;}
.part_9 .ap li:before{content: '';position: absolute;width: 8.5rem;height: 6.25rem;box-sizing: border-box;border: 1px solid #fff;left: 50%;margin-left: -4.25rem;top: 50%;margin-top: -3.125rem;opacity: .5}
.part_9 .ap li img{display: block;width: 100%;}
.part_9 .ap:nth-child(2) li a:before{content: '';position: absolute;width: 1.825rem;height: 1.825rem;background: url("img/ap_play.png") no-repeat top center;background-size: 100% 100%;z-index: 1;left: 50%;margin-left: -.9125rem;top: 50%;margin-top: -.9125rem;}


.pop{position: absolute;top: 5rem;z-index: 9;display: none;padding-top: 1.15rem;font-size: .6rem;color: #556162;line-height: 1rem;box-sizing: border-box;}
.pop .title{display: block;margin: 0 auto;width: 11.575rem;}
.pop .close{position: absolute;width: 1.275rem;height: 1.275rem;background: url("img/close.png") no-repeat top center;background-size: 100% 100%;top: .2rem;right: .6rem}
.pop.pop_small .close{position: absolute;width: 1.275rem;height: 1.275rem;background: url("img/close.png") no-repeat top center;background-size: 100% 100%;top: .2rem;right: 2.25rem;}

.pop_1{padding-left: 1.25rem;padding-right: 1.65rem;;}
.pop_2{padding-left: 1.25rem;padding-right: 1.25rem;}
.pop_3{padding-left: 2.15rem;padding-right: 1.6rem;line-height: .8rem}
.pop_big.pop_3 .title{margin-bottom: 1rem}

.pop_big{width: 18.5rem;height: 13.7rem;background: url("img/pop_big_bg.png") no-repeat top center;left: 50%;margin-left: -9.25rem;background-size: 100% 100%;}
.pop_big .title{margin-bottom: 1.5rem;}
.pop_big .tips{margin-top: .8rem;margin-bottom: .5rem}

.pop_small{width: 16.925rem;height: 8.75rem;background: url("img/pop_small_bg.png") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -8.4625rem;font-size: .6rem;text-align: center;color: #333333}
.pop_small .title{margin-bottom: 2rem;}

.list{position: absolute;width: 100%;height: 33.35rem;background: url("img/list_bg.png") no-repeat top center;background-size: 100% 100%;top: 0;left: 0;z-index: 10;padding-top: 5.5rem;box-sizing: border-box;display: none}
.list .close{position: absolute;width: 1.275rem;height: 1.15rem;top: 1.625rem;right: 1.2rem;}
.list .close img{display: block;width: 100%}
.list .logo{position: absolute;width: 6.05rem;height: 2.575rem;top: 2.25rem;left: 50%;margin-left: -3.025rem;}
.list .logo img{display: block;width: 100%}
.list .nav{width: 100%;padding: 0 1.75rem;box-sizing: border-box;}
.list .nav li a{display:block;height: 2rem;line-height: 2rem;color: #333333;font-size: .95rem;padding-left: 1.125rem;box-sizing: border-box;position: relative}
.list .nav li:not(:last-child){border-bottom: 1px dashed #C5C5C5;}
.list .nav li a:before{content: '';position: absolute;width: .65rem;height: .65rem;background-image: url("img/dot.png");background-size: 200% 100%;background-repeat: no-repeat;background-position: 0 0;top: 50%;margin-top: -.325rem;left: 0;}
.list .nav li a.cur:before{background-position: -.65rem 0;}
.list .down_box{width: 17.25rem;height: 1.625rem;margin: 1.5rem auto 1rem}
.list .down_box a{display: block;width: 5.4rem;height: 100%;float: left}
.list .down_box a:nth-child(2){margin: 0 .5rem}
.list .down_box a img{display: block;width: 100%;}
.list .community{width: 10rem;height: 2rem;margin: 0 auto}
.list .community a{display: block;float: left;width: 2rem;height: 100%;background-image: url("img/soc_box_2.png");background-repeat: no-repeat;background-size: 9.5rem 100%;margin:0 .25rem;}
.list .community a.com_1{background-position: 0 0;}
.list .community a.com_2{background-position: -2.5rem 0;}
.list .community a.com_3{background-position: -5rem 0;}
.list .community a.com_4{background-position: -7.5rem 0;}

.pop_video{ width:14.15rem;position:fixed; top:20%; left:50%; margin-left:-7.2rem; z-index:11; padding:0.125rem; background:#666; display:none;}
.pop_video .close{ width:0.75rem; height:0.75rem; position:absolute; top:-1.2rem; right:0; display:block; z-index:5}
.pop_video .close img{ transition:all ease .5s; width:100%;}
.pop_video .close:hover img{ transform:rotate(360deg);}
.pop_video iframe{ width:14.15rem; height:7.85rem;}