@keyframes scale1
{
    0% { transform: scale(1)}
    50% {transform: scale(1.2)}
    100%{transform: scale(1)}
}
#myframe{display:none !important;}
#Form1{width:100%;overflow:hidden;}
#Form1>div{width:100%;overflow:hidden;}
*{padding: 0; margin: 0; box-sizing: border-box;font-family: '微软雅黑';}
html,body{ padding: 0; margin: 0;}
a{text-decoration: none;}
li{ list-style: none;}
input{
    outline: none;
}

.reg_box{ width: 100%; height: 100%; background: url("../images/circle_bg.png") right bottom no-repeat; margin-top: 70px; }
.reg{ width: 100%;display: flex; height: 100%; }
.reg_info{ width: 35%; max-width: 630px;
     padding:100px 0 0 90px;  color:#53565e;background-size:cover; height: 101vh;

    overflow: hidden;
    position: relative;
}
.regbg1{ position: absolute; top:0; left: 0; right:0; bottom:0;width: 100%; height: auto; background-size:100% auto;

    animation: scale1 10s;
    -webkit-animation: scale1 10s; /* Safari 与 Chrome */
    animation-iteration-count: 1;
}
.regbg1>img{ width: 100%; height: auto;}
	.reg_info p{ font-size:38px; line-height:40px;font-weight:bold; position: relative;}
	.reg_info span{ font-size:24px; display:inline; position:relative;font-weight:bold;}
	.reg_info span:before{ width:90px; background:#db0012; height:6px; position:absolute; bottom:-40px; content:'';}
.reg_form{width: 61.44%; padding-top:80px;  padding-bottom: 20px;}
.reg_tab{ width: 440px; margin: 0 auto;height:100%; background:#fff;}
.reg_tab h6{ color: #53565e; font-size: 30px; line-height: 52px; font-weight: bold;}

.form_con .form_ul>li{  width: 100%;height: 50px; line-height: 50px; padding: 0 20px; display: flex; align-items: center; margin-top: 15px; position: relative;}
.form_ul>li#nametip,.form_ul>li#stips,.form_ul>li#codetip,.form_ul>li#pwdtip,.form_ul>li#emailtip,.form_ul>li#companytip,.form_ul>li#ddlcuindustrytip{ color: #f00; height: 30px; font-size: 14px; display: none; margin-top: 0; line-height: 30px;}
.form_con .form_ul>li label{ display: flex; align-items: center;}
.form_con .form_ul>li.s1{ /*background:#f5f8fe; */ justify-content: space-between;  position:relative; }
.form_con .form_ul>li.s1 select{ width: 100%; height: 48px;  color: #666; font-size: 16px; color: #898d9b; cursor: pointer; position: absolute; left: 0; top: 0;
padding-left: 60px; border-radius: 4px;transition: all .5s linear;border:solid #d8dce8 1px; -webkit-appearance: none;background:url("../images/tip1.png")  98% center no-repeat; }
.form_con .input1{ width:100%; height:50px; line-height: 50px; background: none; color: #898d9b; font-size: 16px; border-radius: 4px;font-weight: normal;
    position: absolute; left: 0; top:0; z-index: 1;border:solid #d8dce8 1px; box-sizing: border-box; transition: all .5s linear;  padding-left: 60px;}
.form_con .input1:focus,.form_con select:focus{ box-shadow: 0 1px 15px #f2c3c6; border:none}

.form_con .form_ul>li.s2{ border-radius: 4px;justify-content: space-between;}
.form_con .form_ul>li.s3 label{ justify-content: space-between;border-radius: 4px;display: inline-block;padding-left: 20px; }
.form_con .form_ul>li.s3 span{ display: inline-block; background:#898d9b; color: #fff; height: 50px;cursor: pointer;
    border-radius: 18px; padding: 0 20px;font-size: 20px;border-radius: 4px; line-height: 50px; font-size: 16px; position: relative; z-index: 2;}
.form_con .form_ul>li.s3{ padding: 0;justify-content: space-between;}

.form_con .btn1{ background:#d02331; height: 50px; width: 100%;box-shadow: 0 10px 15px #f2c3c6; border: none; border-radius: 30px;
    font-size: 20px; line-height:50px; font-weight: bold; color: #fff;  cursor: pointer;}
.form_con .other_ul{ margin-top: 20px;}
.form_con .other_ul>li{ display: flex; justify-content: space-around;}
.form_con .other_ul>li.s1>a{ color: #999; font-size: 15px;}
.form_con .other_ul>li.s2{ justify-content: flex-start; align-items: center; margin-top:20px; color: #666; font-size: 16px;}
.form_con .other_ul>li.s2 input{ margin-right:10px;}
.form_con .other_ul>li.s2 a{ color:#d02331;}
.form_con .other_ul>li.s2 label{font-weight: normal; padding-left: 0; margin-bottom: 0;}
.form_con .other_ul>li.s2 .checkbox{
    position: static;
    display: block;
    min-height: auto;
    margin-top: auto;
    margin-bottom: auto;
}
/*tips*/
.form_con  .tips{ background:#d02331; width:110px; height:40px; border-radius:4px; position:absolute; text-align:center; line-height:40px; color:#fff; right:-20px;
    bottom:-40px; z-index: 4; display: none;}
.form_con  .tips:before{ position:absolute;content:''; width:12px; height:12px; background:#d02331; transform:rotate(45deg); top:-6px; 
left:calc(50% - 6px);}
@media screen and (max-width: 1200px){
.reg{background:none;flex-direction: column;}
    .reg_info{ text-align:center; background:#d02331;width:100%; color:#fff; padding:20px;  border-top-left-radius: 0;border-top-right-radius: 0;height:auto; max-width: none;}
    .regbg1{ display: none;}
	.reg_info span:before{ display:none;}
    .reg_form{ width:100%; padding-top:20px;}
}
@media screen and (max-width: 992px){
    .reg_box{   margin-top: 24px;}

}
.checkbox{margin-right:10px;}
.checkbox input[type=checkbox]{ display: none;}
.checkbox>label{ width: 20px; height: 20px; border-radius:2px; border: solid #ccc 1px; display: inline-block; margin-top: 6px;}
.checkbox input[type=checkbox]:checked+label{
    background: url("../images/check.png") center center no-repeat;
}
@media screen and (max-width: 760px){
    .s1{ left: auto;}
    .s3 {
        left: auto;
        top: auto;
    }
    .s2 {
        right: auto;
        top: auto;
        margin-top: 15px !important;
    }
    .reg_box{   margin-top:0px;}
}

@media screen and (max-width: 640px){
.reg_info p{ font-size:20px; line-height:32px;}
	.reg_info span{ font-size:18px;}
.reg_tab h6{ color: #53565e; font-size: 20px; line-height: 34px; text-align:center;}
.reg_tab{ max-width: 440px; width:96%;}
     .form_con .form_ul>li{ height: 40px; line-height: 40px; padding: 0 10px;margin-top: 15px;}
   
	 .form_con .form_ul>li.s1 select{height: 40px;  color: #666; font-size: 14px; }
   
    .form_con .input1{  height:40px; line-height: 40px; background: none; color: #898d9b; font-size: 14px;  }
    .form_con .form_ul>li.s2 label.form_con .form_ul>li.s1 label{padding-left: 10px;}
    .form_con .form_ul>li.s3 span{  height: 40px;
        padding: 0 20px;font-size: 16px; line-height: 40px; }
   
    
    .form_con .btn1{ background:#d02331; height: 40px; width: 100%;box-shadow: 0 5px 8px #f2c3c6; border: none; border-radius: 20px;
        font-size: 16px; line-height:40px; font-weight: bold; color: #fff;  }

  /*  .form_con .other_ul>li{ display: flex; justify-content: space-around;}*/
    .form_con .other_ul>li.s1>a{ font-size: 14px;}
   
    .form_con .other_ul>li.s2{ align-items:flex-start; margin-bottom:6px}
    .form_con .other_ul>li.s2 label{ font-size: 12px; line-height: 28px; }
    .form_con .other_ul>li.s2 a{ color:#d02331;white-space:nowrap;}
    .checkbox>label{ width: 16px; height: 16px; border-radius:2px; border: solid #ccc 1px; display: inline-block; }
    .form_con .form_ul > li.s3 label {

        padding-left: 10px;
    }
}