body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ol,ul,dl,li{list-style:none;}
body{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;color:#000; min-height:100%;padding-bottom:1px;}
a{text-decoration:none;}
html{height:100%;}
body{min-height:100%;}
em{ font-style:normal}
strong{ font-weight:normal}

.public_frame{ min-width:320px; margin-bottom:0;_width: 320px;_overflow: hidden; min-height: 100%;}
.min_frame{max-width: 640px;margin: auto;height: 100%;}
.logo{ width:100%; overflow:hidden; position:relative}
.logo span{ display:block;}
.logo span img{ width:100%}
.title{ margin:20px 20px 0px 20px; line-height:22px; color:#555; font-size:14px;padding-bottom:10px;}
.center{ margin:0 20px;}
.phone_int{ width:100%; overflow:hidden; border-bottom:1px solid #ededed;padding:10px 0; margin-bottom:5px;}
.phone_int em{ display:block; width:20px; height:23px; float:left; margin-top:3px;margin-right:7px;}
.phone_int em img{ width:100%;}
.phone_int input{ display:block; float:left; border:0; line-height:30px; height:30px; font-size:14px; color:#555555;width:90%;}
.phone_int p{ display:block; float:right; height:30px;}
.phone_int p img{height: inherit;}
.Verification{ width:100%; overflow:hidden; margin-bottom:5px;}
.phone_int1{ width:63%; overflow:hidden; border-bottom:1px solid #ededed;padding:10px 0; float:left}
.phone_int1 em{ display:block; width:20px; height:23px; float:left; margin-top:3px;margin-right:7px;}
.phone_int1 em img{ width:100%;}
.phone_int1 input{ display:block; float:left; border:0; width:84%; line-height:30px; height:30px; font-size:14px; color:#555555;}
.Verification a{ display:block; float:right; color:#008fff; font-size:14px; border:1px solid #008fff; border-radius:25px; width:100px; height:30px; text-align:center; line-height:30px;margin-top:15px;}
.Verification .second{ border:1px solid #cccccc; background-color:#fafafa; font-size:12px;color:#a9a9a9;}
.register_a{ display:block;color:#008fff; font-size:16px; background-color: #FFF; border:1px solid #008fff; border-radius:25px; text-align:center;padding:10px 0; margin-top:30px; -webkit-box-shadow:0px 5px 6px #c6edff; -moz-box-shadow:0px 5px 6px #c6edff;box-shadow:0px 5px 6px #c6edff;}
.Record{ width:100%; text-align:center; font-size:14px; color:#666666;padding-top:30px;}
.Record em{color:#008fff; font-weight:800}
/*-------------------------------*/
.banner{ width:100%; overflow:hidden; position:relative; z-index:9;}
.banner span{ display:block; width:100%;}
.banner span img{ width:100%}
.banner p{ display:block; width:100%; color:#FFF; font-size:16px; text-align:center; position:absolute; top:0; left:0;}
.type_div{ width:50%; float:left; position:relative;}
.type_div a{ display:block; margin:0 15px; margin-top:20px; border:1px solid #008fff; border-radius:4px; text-align:center; font-size:14px; color:#008fff; height:90px; line-height:90px;-webkit-box-shadow:2px 2px 3px #c6edff; -moz-box-shadow:2px 2px 3px #c6edff;box-shadow:2px 2px 3px #c6edff;}
.cur a{background:-webkit-linear-gradient(left,#008fff,#00b6ff);background: -moz-linear-gradient(left,#008fff,#00b6ff);background: linear-gradient(left,#008fff,#00b6ff);color:#FFF;}
.type_div p{ position:absolute;right:30px; bottom:15px; display:block; width:25px; height:18px;}
.margin_a{ margin:20px 15px 0px 15px;}
/*-------------------------------*/
.banner a{ position:absolute;right:15px; top:15px; color:#FFF; font-size:14px;}
.or_industry{ position:relative; z-index:9;padding:10px 0px 10px 10px; display:block;border-bottom:1px solid #dbdbdb; background:url(https://s.dlssyht.cn/images/wap_site_reg/right.png) no-repeat 98% center #FFF; background-size:12px;color:#555555; font-size:14px;}
.center1{padding:15px 0; overflow:hidden;padding-bottom:0;}
.phone_list{ width:225px; height: 424px; float:left;margin:0 30px; margin-right:15px;}
.phone_list a{ display:block; position:relative; margin:0 auto;}
.phone_list a span{ display:block; width:100%;}
.phone_list a span img{ width:100%}
.phone_list a p{ position:absolute;left: 13px;/*top: 46px;*/top: 13px;width: 199px;height: 308px;}
.phone_list a p img{ width:100%;}
.alert_bg{display:none; position:fixed; left:0; top:0; bottom:0; width:100%;}
.alert_bg p{max-width: 640px;margin: auto;height: 100%; background-color:#000; opacity:0.5}
.alert_img{display:none;position: fixed; /* position:absolute; */top:20px;left:50%; width:280px; margin-left:-140px;}
.alert_img img{ width:100%}
.alert_button{ display:none; position:fixed;left:0; bottom:0; width:100%; overflow:hidden; z-index:10; background-color:#FFF;}
.alert_button a{ display:block; width:50%; float:left; height:40px;}
.alert_button a:last-child{ background-color:#00aeff;}
.alert_button a span{ display:table; margin:0 auto; overflow:hidden;padding-top:10px;}
.alert_button a span em{ display:block; float:left; width:20px; height:20px; margin-right:5px;}
.alert_button a span em img{ width:100%}
.alert_button a span strong{ display:block; float:left; color:#888; font-size:16px; line-height:20px;}
.alert_button a:last-child span strong{color:#FFF;}
/*-------------------------------*/
.head_tit{ width:100%; background-color:#FFF; position:relative; overflow:hidden;padding:10px 0; z-index:9; border-bottom:1px solid #dbdbdb;}
.head_tit a{ display:block; float:left; width:13px; height:22px; margin-left:10px;}
.head_tit a img{ width:100%;}
.head_tit span{ display:block; position:absolute; width:50%; margin:0 auto; line-height:22px;right:0;left:0; text-align:center; font-size:16px; color:#555555;}
.back_bg{ position:fixed;left:0; top:0; bottom:0; width:100%;z-index:-10;}
.back_bg p{max-width: 640px;margin: auto;height: 100%; background-color:#eff0f5;}
.font_size{ font-size:14px;}
/*---------------网站管理----------------*/
.head_tit1{ width:100%;position:relative;z-index:9; background-color:#FFF; padding:10px 0;}
.head_tit1 span{ display:block; line-height:22px;right:0;left:0; text-align:center; font-size:16px; color:#555555;}
.relative_div{ position: relative; width: 100%;z-index:9;}
.manage_head{ background: url("https://s.dlssyht.cn/images/wap_site_reg/banner_bg1.jpg") left center; background-size: 100%;padding:20px 15px;}
.manage_head a{ display: block; width: 100%;    overflow: hidden;}
.manage_head a span{ display: block;    float: left; width: 70px;height:70px;overflow: hidden; border-radius: 50%;}
.manage_head a span img{ width: 100%;}
.manage_head a p{ display: block; line-height: 70px;    float: left; margin-left: 10px; font-size: 14px;color:#FFF;}
.manage_head a em{ display: block; width: 12px;height:22px; float: right; margin-top: 24px;}
.manage_head a em img{ width: 100%;}
.Choice_div{padding:15px 10px;  overflow: hidden; background-color: #FFF; border-bottom: 1px solid #dbdbdb;}
.Choice_div a{ display: block; width: 25%;float: left;}
.Choice_div a span{display: block;width:55px;height:55px;overflow: hidden; border-radius: 50%; margin: 0 auto;}
.Choice_div a span img{ width: 100%;}
.Choice_div a p{ display: block; text-align: center; font-size: 14px; color: #555555;padding-top:10px;}
.app_div{ margin: 15px; background-color: #FFF;overflow: hidden;padding:20px 15px;}
.app_div span{ display: block; width:60px;height:60px; float: left;}
.app_div span img{ width: 100%;}
.app_div p{ display: block;float: left; line-height: 60px;padding-left:10px;}
.app_div a{ display: block; width:28px;height:28px; float: right; margin-top: 16px;}
.app_div a img{ width: 100%;}
.img_div{margin: 15px;}
.img_div img{ width: 100%;}
.case_div{ width: 100%;padding-top:10px;}
.case_tit{ width: 100%; text-align:center; margin-bottom:10px;}
.case_tit span{ display: inline; background: url("https://s.dlssyht.cn/images/wap_site_reg/border.jpg") repeat-x left center;padding:0 35px;}
.case_tit span em{ display: inline; font-size: 14px; padding:0 15px;color:#666666; background-color: #eff0f5;}
.case_con{margin:0 8px;overflow: hidden;}
.case_list{ display: block; width: 50%; float: left; position: relative;}
.case_list span{ display: block; padding:10px; margin: 7px; background-color: #FFF;overflow: hidden;}
.case_list span img{ width: 100%;}
.case_list p{ position:absolute;left:0px;right:0;bottom:17px;margin:0 17px;padding:10px 0; background: url("https://s.dlssyht.cn/images/wap_site_reg/bg_img.png"); text-align: center; font-size: 12px;color:#FFF;display: -webkit-box;
    -webkit-box-orient: vertical;   -webkit-line-clamp:1;   overflow: hidden;}
/*---------------网站资料----------------*/
.data_logo{ display: block; background-color: #FFF; padding:10px 15px;overflow: hidden;border-top: 1px solid #ededed; border-bottom:1px solid #ededed; margin-top: 10px;}
.data_logo span{ display: block; float: left; font-size: 14px; color: #333333; line-height: 60px;}
.data_logo p{ display: block; float: right; width: 60px; height: 60px; overflow: hidden;border-radius: 50%; }
.data_logo p img{ width: 100%;}
.data_logo em{ display: block; width: 12px; height: 22px; float: right; margin-top:19px; margin-left: 10px;}
.data_logo em img{ width: 100%}
.link_a{ display:block;margin-left:15px;padding:10px 15px 10px 0px; overflow: hidden;border-top:1px solid #ECECEC}
.link_a p{ display: block; width: 105px; float: left; font-size: 14px;color:#000;}
.link_a span{ display: block; overflow: hidden;font-size: 14px; text-align: left; background: url("https://s.dlssyht.cn/images/wap_site_reg/right.png") no-repeat right center; background-size: 12px;}
.font_color{color:#000}
/*---------------网站资料----------------*/
.login_tit{ width: 100%; text-align: center; margin-bottom: 20px; margin-top: 20px; }
.login_tit span{ display: inline; background: url("https://s.dlssyht.cn/images/wap_site_reg/border1.jpg") repeat-x left center;padding:0 35px;}
.login_tit span em{ display: inline; font-size: 16px; padding:0 15px;color:#555; background-color: #FFF;}
.register_a1{ display: block; text-align: center; color: #008fff; font-size: 14px; margin-top: 30px;}
/*---------------编辑网站----------------*/
.login_head{ background: url("https://s.dlssyht.cn/images/wap_site_reg/bg_img1.jpg") no-repeat left center;padding:20px 15px;}
.login_head span{ display: block; color:#FFF; font-size: 16px; text-align: center;}
.login_head p{ display: block; width: 28px; height: 22px; margin:15px auto;}
.login_head p img{ width: 100%;}
.login_head em{display: block;margin: 0 20px; padding:10px 0;color:#FFF; font-size: 14px; text-align: center; background: url("https://s.dlssyht.cn/images/wap_site_reg/blue.png")}
.web_gif_div{ width: 100%; background-color: #eff0f5;}
.web_gif_div span{ display: block; text-align: center; color: #555555; font-size: 16px;padding:20px 0;}
.web_gif{ position: relative;}
.web_gif p{ display: block; margin: 0 auto;}
.web_gif p img{ width: 100%}
.web_gif em{ position: absolute;left: 0px;right: 0px;margin: 0 auto;}
.web_gif em img{ width: 100%;}
.max_weui{ margin-bottom: 20px;}
.no_bor:before{border-top:0;}
.weui_tit{padding:30px 0 20px 0; text-align: center; color:#555; font-size: 14px;}
.no_bor .weui-grid__icon{border-radius: 50%; overflow: hidden; -moz-box-shadow: 3px 3px 10px #9fd5ff; -webkit-box-shadow: 3px 3px 10px #9fd5ff;box-shadow: 3px 3px 10px #9fd5ff;}
.no_bor .weui-grid__label{margin-top: 10px;}
.no_bor:after{border-bottom: 0;}
.demand_div{ background: url("https://s.dlssyht.cn/images/wap_site_reg/bg_img2.jpg") no-repeat left top;padding:20px 15px;}
.demand_div span{ display: block; color: #FFF; text-align: center; font-size: 14px;padding: 10px 0px 20px 0px;}
.demand_list{ width: 100%;  overflow: hidden;}
.demand_list p{ width: 33.33%;  float: left; display: block; position: relative; margin-bottom: 15px;}
.demand_list p em{ display: block; margin: 0 auto;}
.demand_list p em img{ width: 100%;}
.demand_list p strong{ display: block; color:#FFF; font-size: 14px; text-align: center; position: absolute;left:0;
top:0;right: 0;}
.generate_div{ background-color: #eff0f5;padding:20px 0;}
.generate_div span{display: block; color: #555; text-align: center; font-size: 14px;padding: 10px 0px;}
.generate_div p{ display: block; width: 100%;}
.generate_div p img{ width: 100%;}
.bottom_div{ background:#FFF;padding:20px 15px;}
.bottom_div span{ display: block; color:#333; font-size: 16px; text-align: center;}
.bottom_div p{ display: block; width: 28px; height: 22px; margin:15px auto;}
.bottom_div p img{ width: 100%;}
.bottom_div em{display: block;margin: 0 20px; padding:10px 0;color:#008fff; font-size: 14px; text-align: center; border-radius: 4px; border:1px solid #008fff;box-shadow:2px 2px 4px #9fd5ff;-moz-box-shadow: 2px 2px 4px #9fd5ff; -webkit-box-shadow: 2px 2px 4px #9fd5ff;}

@media screen and (max-width:320px){
    .web_gif{ background:url("https://s.dlssyht.cn/images/wap_site_reg/border2.jpg") repeat-x left 210px;}
    .web_gif p{ width:280px;}
    .web_gif em{ width:262px;height:149px;top:11px;}
    .no_bor .weui-grid__icon{ width: 50px; height:50px;}
    .demand_list p em{ width:75px; height: 75px;}
    .demand_list p strong{ line-height: 75px; font-size: 12px;}
    }
@media screen and (min-width:321px) and (max-width:360px){
    .web_gif{ background:url("https://s.dlssyht.cn/images/wap_site_reg/border2.jpg") repeat-x left 210px;}
    .web_gif p{ width:280px;}
    .web_gif em{ width:262px;height:149px;top:11px;}
    .no_bor .weui-grid__icon{ width: 50px; height:50px;}
    .demand_list p em{ width:75px; height: 75px;}
    .demand_list p strong{ line-height: 75px; font-size: 12px;}
    }
@media screen and (min-width:361px) and (max-width:480px){
    .web_gif{ background:url("https://s.dlssyht.cn/images/wap_site_reg/border2.jpg") repeat-x left 235px;}
    .web_gif p{ width:320px;}
    .web_gif em{ width: 300px;  height: 171px;top: 12px;}
    .no_bor .weui-grid__icon{ width:60px; height:60px;}
    .demand_list p em{ width:95px; height: 95px;}
    .demand_list p strong{ line-height:95px; font-size: 14px;}
    }
@media screen and (min-width:481px){
    .web_gif{ background:url("https://s.dlssyht.cn/images/wap_site_reg/border2.jpg") repeat-x left 235px;}
    .web_gif p{ width:320px;}
    .web_gif em{ width: 300px;  height: 171px;top: 12px;}
    .no_bor .weui-grid__icon{ width:60px; height:60px;}
    .demand_list p em{ width:95px; height: 95px;}
    .demand_list p strong{ line-height:95px; font-size: 14px;}
    }

.phone_list a p .loading-wait{width:30px;display: table;margin: 0 auto;margin-top:50%;}
.shadowBox{top:0; left:0;right: 0;bottom: 0;position: fixed;background-color: rgba(0,0,0,0.5);z-index:20;padding-top:50%;}
.shadowBox p{color:#fff;text-align: center}
#select_logo{display: none;position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 20;padding:0 10px 0 10px; padding-top: 48%;}
.selectLogoContainerBtn{width: 50%; margin: 0 auto;margin-top: 20px}
.selectLogoContainerBtn>a:nth-child(1){float:left;margin-top:0;}
.selectLogoContainerBtn>a:nth-child(2){float:right;margin-top:15px;}
input{outline:none}
.prev_step{background: url(/images/wap_site_reg/left1.png) no-repeat 13%; background-size: 11px;width: 30px;height: 30px;left:37px;}
/*#templatesContainer .phone_list{height: 100%}*/
.exit{width:100%;height: 100%;background: #fff;height: 81px; margin-top:  20px}
.exit a{width:100%;height: 100%;color:#666666;text-align: center;line-height: 81px;display: inline-block;font-size:18px;margin-bottom: 0}
.fingerprint p{padding-left: 0}

#captch_container{width: 75%;margin:0 auto; padding:10px 0; display: none;position: fixed; top: 47%; left: 0; right: 0; bottom: 0;z-index: 1002;}
#embed-captcha{width: 100%;transform: translateY(-50%);background: #fff; padding: 58px 0 16px 0;border-radius: 4px}
#embed-captcha>div{margin:0 auto; width:90% !important;}
#close-verify{width: 32px; height: 40px;  line-height: 40px; text-align: center; font-size: 32px; color: #333; float:right;}
#verify-t{height: 40px; line-height: 40px; text-align: left; font-size: 18px; color: #333; padding: 0 7px; float: left;}
#verify-title{position: absolute; width: 100%; height: 40px; z-index: 1004; left: 0; top: -50px;}
#verify-title>div{margin:0 auto; width: 96%; height:40px;border-bottom: 1px solid #EFEFEB;}
.geetest_holder.geetest_wind{min-width:225px !important;}
.geetest_holder.geetest_mobile.geetest_ant.geetest_popup .geetest_popup_box{min-width: 320px !important}

#attentionPublicAccount{position: fixed;background: rgba(0,0,0,0.5);top:0;left:0;right:0;bottom: 0;z-index:10;}
#attentionPublicAccount .fingerprint{margin-top: 50%}
#attentionPublicAccount .app_div{padding-bottom: 0; border-radius: 4px}
#attentionPublicAccount .app_div p{text-align: center; width: 100%; border-top: 1px solid #efefef; color: #40b3ff; font-size: 19px;cursor:pointer;}
.FFF{background: #fff}

.Choice_div.sp a {
    display: block;
    width: 20%;
    float: left;
}

.treaty-box{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
  }
  .treaty-label{
    display: flex;
    position: relative;
  }
  .treaty-label input{
    visibility: hidden;
    position: absolute;
  }
  .treaty-label .treaty-check{
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .treaty-label .treaty-check::before{
    content: "";
    background: #1965ff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(0);
    transition: all 0.05s ease-in-out;
  }
  .treaty-label .treaty-check::after{
    content: "\2713";
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    position: relative;
    z-index: 2;
  }
  .treaty-label input:checked + .treaty-check{
    border-color: #1965ff;
  }
  .treaty-label input:checked + .treaty-check::before{
    transform: scale(1);
  }
  
  .register_treaty {
      font-size: 12px;
      color: #1965ff;
  }