/* 大于768（电脑） */
 @media screen and (min-width:768px) {
     .from_wrap {
         padding: 20px 40px;
     }

     .from_wrap .title {
         text-align: center;
         padding: 20px 0px;
         font-size: 20px;
         color: #18B580;
         font-weight: bold;
         margin-top: 20px;
     }

     .from_wrap .login_tip {
         text-align: center;
     }

     .from_data {
         padding: 50px 20%;
     }

     .from_data .input_dl {
         display: -webkit-flex;
         display: flex;
         margin-bottom: 15px;
     }

     .from_data .input_dl dt {
         width: 200px;
         text-align: right;
         line-height: 40px;
         margin-right: 15px;
         font-size: 16px;
         color: #333333;
     }

     .from_data .input_dl dd {
         width: 100%;
         line-height: 40px;
         font-size: 16px;
         color: #333333;
     }

     .from_data .input_dl dd input {
         border: 1px solid #DCDFE6;
         border-radius: 8px;
         line-height: 40px;
         height: 40px;
         padding: 0px 10px;
         font-size: 14px;
         color: #333333;
         width: 388px;
     }

     .from_data .input_dl dd select {
         border: 1px solid #DCDFE6;
         border-radius: 8px;
         line-height: 40px;
         height: 40px;
         font-size: 14px;
         color: #333333;
         width: 408px;
     }

     .from_data .input_dl .phone_code {
         display: -webkit-flex;
         display: flex;
     }

     .from_data .input_dl .phone_code input {
         /* width: 40%; */
         width: 241px;
     }

     .from_data .input_dl .phone_code button {
         /* width: 30%; */
         /* margin-left: 10%; */
         width: 130px;
         line-height: 40px;
         margin-left: 10px;
     }

     .from_data .input_dl_ID .up_img div img, 
     .from_data .input_dl_certificate .up_img div img{
         width: 104px;
         cursor: pointer;
     }

     .from_data .input_dl .btn {
         font-size: 14px;
         background-color: #18B580;
         text-align: center;
         color: #ffffff;
         border-radius: 8px;
         cursor: pointer;
     }

     .from_data .input_dl .btn:hover {
         background-color: #18B580;
     }

     .from_data .input_dl .submit {
         width: 232px;
         line-height: 42px;
         margin: 20px 0px;
     }

     .from_data .input_dl .protocols {
         font-size: 14px;
         color: #333333;
         line-height: 40px;
     }

     .from_data .input_dl .protocols input {
         width: 15px;
         height: 15px;
         vertical-align: middle;
     }

     .alert_error ul {
         width: 100%;
     }

     .alert_error ul li {
         line-height: 40px;
         text-indent: 10px;
         color: red;
         font-size: 16px;
         background: #F9D6D5;
     }

     .alert_success ul {
         width: 100%;
     }

     .alert_success ul li {
         line-height: 40px;
         text-indent: 10px;
         color: white;
         font-size: 16px;
         background: #18B580;
     }

 }

 /* 小于768（手机） */
 @media screen and (max-width:768px) {
     .from_wrap {
         /* border: solid red 1px; */
         /* padding:20px 40px; */
     }

     .from_wrap .title {
         text-align: center;
         font-size: .4267rem;
         color: #18B580;
         font-weight: bold;
         margin-top: 1.3067rem;
     }

     .from_wrap .login_tip {
         text-align: center;
         font-size: .4267rem;
         color: red;
     }

     .from_data {
         /* border: solid red 1px; */
         padding: .6133rem .48rem 0 .4533rem;
     }

     .from_data .input_dl {
         display: -webkit-flex;
         display: flex;
         margin-bottom: .4267rem;
     }

     .from_data .input_dl dt {
         /* background-color: skyblue; */
         width: 3.0667rem;
         text-align: right;
         line-height: .96rem;
         margin-right: .4267rem;
         font-size: .3733rem;
         color: #333333;
     }

     .from_data .input_dl dd {
         /* border: solid red 1px; */
         width: 100%;
         line-height: .96rem;
         font-size: .4267rem;
         color: #333333;
     }

     .from_data .input_dl dd input {
         box-sizing: border-box;
         /* background-color: skyblue; */
         border: 1px solid #DCDFE6;
         border-radius: .2133rem;
         line-height: .96rem;
         height: .96rem;
         width: 100%;
         padding: 0px .4267rem;
         font-size: .3733rem;
         color: #333333;
     }

     .from_data .input_dl dd select {
         border: 1px solid #DCDFE6;
         border-radius: .2133rem;
         line-height: .96rem;
         height: .96rem;
         width: 100%;
         font-size: .3733rem;
         color: #333333;
     }

     .from_data .input_dl .phone_code {
         /* border: 1px solid red; */
         display: -webkit-flex;
         display: flex;
         justify-content: space-between;
     }

     .from_data .input_dl .phone_code input {
         width: 3.0667rem;
     }

     .from_data .input_dl .phone_code button {
         width: 3.0667rem;
     }

     .from_data .input_dl_ID,
     .from_data .input_dl_certificate {
         /* border: 1px solid blue; */
         display: flex;
         flex-direction: column;
     }

     .from_data .input_dl_ID dt,
     .from_data .input_dl_certificate dt {
         /* width: 100%; */
         width: 4.1067rem;
         text-align: center;
     }

     .from_data .input_dl_ID .up_img,
     .from_data .input_dl_certificate .up_img {
         /* border: 1px solid red; */
         box-sizing: border-box;
         padding-left: 2.5333rem;
         padding-top: .4267rem;
     }

     .from_data .input_dl_ID .up_img div p,
     .from_data .input_dl_certificate .up_img div p {
         display: none;
     }

     .from_data .input_dl_ID .up_img div img,
     .from_data .input_dl_certificate .up_img div img {
         width: 2.7733rem;
         margin-bottom: .2667rem;
     }

     .from_data .input_dl_ID .up_img div .img_1 {
         margin-right: .5333rem;
     }

     .from_data .input_dl_ID .up_img .img_size,
     .from_data .input_dl_certificate .up_img .img_size {
         font-size: .32rem;
         color: #999999;
     }


     .from_data .input_dl .btn {
         font-size: .3733rem;
         background-color: #18B580;
         text-align: center;
         color: #ffffff;
         border-radius: .2133rem;
         cursor: pointer;
     }

     .from_data .input_dl .btn:hover {
         background-color: #18B580;
     }

     .from_data .input_dl_submit dt {
         display: none;
     }

     .from_data .input_dl .submit {
         width: 4.48rem;
         padding: .2133rem 0px;
         margin: 0 2.2667rem;
     }

     .from_data .input_dl_protocols dt {
         display: none;
     }

     .from_data .input_dl .protocols {
         text-align: center;
         font-size: .3733rem;
         color: #999;
         line-height: .4533rem;
     }

     .from_data .input_dl .protocols input {
         width: .4rem;
         height: .4rem;
         vertical-align: middle;
         margin-left: 1.6rem;
     }

     .alert_error ul {
         width: 100%;
     }

     .alert_error ul li {
         line-height: 1.0667rem;
         text-indent: .2667rem;
         color: red;
         font-size: .4267rem;
         background: #F9D6D5;
     }

     .alert_success ul {
         width: 100%;
     }

     .alert_success ul li {
         line-height: 1.0667rem;
         text-indent: .2667rem;
         color: white;
         font-size: .4267rem;
         background: #18B580;
     }

 }