#web-main {
  width: 100%;
  position: relative;
  height: 100vh; font-size: 18px;
  color: #4e5566;
  min-width: 1400px;
}
.wrap_box{
  height: 6071px; background: url(/static/zt/recruit/images/bg.jpg) no-repeat center top; background-size:cover;
  overflow: hidden;
}
.box1{  height: 969px;  background: url(/static/zt/recruit/images/bg_role.png) no-repeat center top; background-size: cover;}
.box1 .logo{ left: 28px; top: 26px;}
.box1 .slogan{left: 85px; top: 269px;}
.box1 .top_bar{ right: 110px; top: 39px; color: #175571;}
.box1 .top_bar a.info_pc{ width: 167px; height: 46px; background-position: 0 0;}
.box1 .top_bar .btn_wx{ width: 35px; height: 28px; background-position: -710px 0;}
.box1 .top_bar .btn_wx:hover::after{content: ""; position: absolute; width: 135px; height: 146px; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);  bottom: -150px; background: url(/static/zt/recruit/images/info_pc.png) no-repeat; background-size: 800px 800px; background-position: -320px -310px;}
.box1 .join{width: 410px;height: 132px;  top: 848px; background-position: -168px 0;}

.box2{width: 1349px; height: 591px; background: url(/static/zt/recruit/images/frame1.png) no-repeat; background-size: 100%;margin-top: -70px;}
.box2 .text{left: 700px; top: 220px;}
.box2 .text p{ line-height: 50px;}
.box3{width: 1539px; height: 525px; background: url(/static/zt/recruit/images/frame2.png) no-repeat; background-size: 100%;}
.box3 .frame {width: 1130px; height: 450px; left: 260px; top: 33px;}
.box3 .frame .nav a{width: 200px; height: 55px; line-height: 52px; border: 1px solid #9fccdb; padding: 2px; color: #629eb7; margin: 0 19px;}
.box3 .frame .nav a.active{background-color: #ffe79a; border-color: #ead07b;}
.box3 .frame .nav a.active p{color: #985d00; border: 1px solid #ead07b;}
.box3 .frame .nav a.active::after{content: ""; position: absolute; width:15px; height: 9px; left: 50%; bottom: -23px; transform: translateX(-50%);-webkit-transform: translateX(-50%);  background: url(/static/zt/recruit/m/images/info.png) no-repeat; background-size: 750px 800px; background-position: -700px 0;}
.box3 .frame .content{ width: 912px; height: 250px;}
.content p{padding-left: 50px; position: relative; margin-top: 30px; line-height: 32px;}
.content p::before{content: ""; width: 27px; height: 28px; position: absolute;background: url(/static/zt/recruit/m/images/info.png) no-repeat; background-size: 750px 800px; background-position: -666px 0; left: 0; top: 2px;}

.frame3{width: 1215px; height: 555px; background: url(/static/zt/recruit/images/frame3.png) no-repeat; background-size: 100%;}
.frame3 .content{    margin-left: 88px;  margin-top: 132px;}
.frame4{width: 1264px; height: 586px; background: url(/static/zt/recruit/images/frame4.png) no-repeat; background-size: 100%;margin-top: -70px;}
.frame4 a{width: 305px; height: 95px; background-position: 0 -352px;    margin-left: 720px;  margin-top: 200px;}
.frame4 p{margin-left: 646px;  margin-top: 333px;  width: 435px;}
.frame5{width: 1303px; height: 654px; background: url(/static/zt/recruit/images/frame5.png) no-repeat; background-size: 100%;}
.frame5 .rule{ width: 169px; height: 46px; line-height: 46px; background-position: 0 -133px; right: 112px; top: 54px; z-index: 88;}
.box5 .nav{width: 800px; height: 64px; background-position: 0 -137px; margin-left: 263px;}
.box5 .nav a{ width: 183px; left: 411px; top: 0; }
.box5 .nav.right{height: 68px; background-position: 0 -207px;  margin-top: -2px;}
.box5 .nav.right a{left: 203px;}
.box5 .task_list{width: 1006px; height: 394px; left: 210px; top: 165px;  overflow: hidden; padding-bottom: 30px;}
.box5 .task_list .option{display: inline-block; width: 984px ;height: 109px; background: url(/static/zt/recruit/images/bg_task.png) no-repeat; background-size: 100%; margin-bottom: 19px;}
.box5 .task_list .todo{width: 100px; height: 85px; left: 50px; top: 12px;}
/* .todo.status0{ background-position: -412px 0;}
.todo.status1{ background-position: -618px -427px;} */
.todo.status0{ display: none;}
.todo.status1{ display: none;}
.todo.status2{  background-position: -615px -60px;}
.todo.status3{background-position: -496px -427px;}
.box5 .task_list .text{width: 300px; left: 176px; top: 25px; color: #3391b6;}
.box5 .task_list .text h2{line-height: 35px;}
.box5 .task_list .text p{line-height: 30px;}
.box5 .task_list .money{width: 141px; height: 91px; background-position: 0 -300px; right: 27px; top: 8px; color: #e4805c;}
.box5 .task_list .money span{width: 226px;right: 0;text-align: right;font-family: 'hs_bold'; }

.color_629eb7{color: #629eb7;}
.color_d9ac1c{color: #d9ac1c;}
.box6>p{ color: #629eb7;}
.box6>p span{color: #d9ac1c; margin: 0 5px;}
.box6 .reward{width: 169px; height: 46px; line-height: 46px; background-position: 0 -133px;z-index: 22;}
.box6 .inner_wrap { width: 1200px;}
.box6 .zp .zpbg{width: 596px; height: 596px; background: url(/static/zt/recruit/m/images/zp.png) no-repeat; background-size: 100%;}
.box6 .zp .zz{ width: 168px; height: 183px; background-position: -314px -358px; top: 200px; z-index: 88;}
.box6 .line{width: 367px; height: 18px; background-position: 0 -552px;}
.box6 .btn_invite{width: 297px; height: 93px; background-position: 0 -452px;}
.box6 .rule{width: 680px; color: #4e5566; padding: 0 70px;}
.box6 .rule p{margin-top: 20px;}

/* tag:public */
.info_pc{background: url(/static/zt/recruit/images/info_pc.png) no-repeat; background-size: 800px 800px;}
.info_m{background: url(/static/zt/recruit/m/images/info.png) no-repeat; background-size: 750px 800px;}

.pwin_box{width: 555px; height: 668px; background: url(/static/zt/recruit/m/images/bg_win.png) no-repeat; background-size: 100%; color: #646464; }
.pop_win .pop_x{width: 90px; height: 76px; background-position: -512px -50px; right: -85px; top: 0; z-index: -1;}
.pop_win .pwin_title{font-size: 48px;color: #1f618b;}
.pop_win .pwin_btn{width: 251px; height: 60px; line-height: 60px; background-position: -490px -355px;}
.pop_win .pwin_btn2{width: 427px; height: 84px; line-height: 84px; background-position: 0 -693px; letter-spacing: 10px;}
.pop_win input{width: 412px; height: 48px; border: 1px solid #c2c2c2; padding-left: 20px;}

#draft_win .frame{width: 475px; height: 238px; border: 1px solid #a1c5cb; padding: 0 20px;}
#draft_win .frame1{height: 240px;}
#draft_win .frame1>div:nth-child(1){height: 110px;}
#draft_win .frame1>div:nth-child(1) h2{color: #3391b6;}
#draft_win .frame1>div:nth-child(1) .todo{width: 100px; height: 85px; left: 50px; top: 12px;}
#draft_win .frame1>div:nth-child(2){padding: 20px 20px;}
#draft_win .frame1>div:nth-child(2) span{width: 120px; height: 30px; background-color: #3391b6;}
#draft_win .frame1>div:nth-child(3){color: #3391b6; padding: 0 20px;}
#draft_win .frame1>div:nth-child(3) span{width: 120px; height: 30px;}

#draft_win .frame2{height: 340px;  padding-bottom: 40px;}
#draft_win .frame2>div:nth-child(1){height: 200px;}
#draft_win .frame2 p span{color: #3391b6;}
#draft_win .frame2 p:nth-child(n+2){margin-top: 10px;line-height: 30px;}
#draft_win .pwin_btn{bottom: -68px;}

.border_b{border-bottom: 1px solid #b2d6e4;}
/* #address_win{display: block;} */

#address_win textarea{width: 412px; height: 128px; border: 1px solid #c2c2c2; padding-left: 20px; padding-top: 10px;}

#reward_list_win .reward_list{height: 450px;  }
#reward_list_win .reward_list .stitle{color: #1f618b;font-weight: 550;margin: 0 30px;}
#reward_list_win .reward_list .stitle,#reward_list_win .reward_list .list p{height: 76px; line-height: 76px;border-bottom: 1px solid #b2d6e4;}
#reward_list_win .reward_list .list{height: 374px; padding: 0 20px 0 30px; margin-right: 10px;}
#reward_list_win .reward_list .stitle span:nth-child(1),#reward_list_win .reward_list .list p span:nth-child(1){flex: 1; text-align: left; padding-left: 15px;}
#reward_list_win .reward_list .stitle span:nth-child(2),#reward_list_win .reward_list .list p span:nth-child(2){width: 165px;}
#reward_list_win .reward_list .list p span:nth-child(2) a{    color: #3391b6;}

/* #cont_win{display: block;} */
#cont_win .phone_type a{width:163px; height: 36px; border-radius: 36px; line-height: 32px;   border: 1px solid #6b6658; color: #6b6658; margin: 0 22px;}
#cont_win .phone_type a.active{background-color: #6b6658; color: #fff; border: 1px solid #6b6658; }
#cont_win .code{width: 412px; height: 48px;}
#cont_win .code input{ width: 272.5px;}
#cont_win .code .btn_get_code{flex: 1; line-height: 45px; color: #895500; background-color: #ffd38a; border: 1px solid #c2c2c2;}

#rule_win .pwin_box{padding: 0 35px;}

#prize_win{color: #1f618b;}
#prize_win .img_box{width: 193px; height: 194px;}
#prize_win .img_box .bg{background-position: -126px -294px;}
#prize_win .img_box img{height: 140px;}

.frame5 .nicescroll-rails-vr{
  left: unset !important;
  right: 87px !important;
}