/* 大于768（电脑） */
 @media screen and (min-width:768px) {
     * {
         margin: 0px;
         padding: 0px;
         list-style-type: none;
         line-height: 150%;
         border: 0px;
         font-size: 12px;
     }

     body {
         background-color: #e8e8e8;
         color: #707070;
     }

     a {
         text-decoration: none;
     }

     a:hover {
         color: #0a0a0a !important;
     }

     input:focus,
     textarea:focus,
     select:focus,
     button:focus {
         outline: none;
         border: 0px;
     }

     .main_body {
         overflow: hidden;
         width: 1190px;
         margin: 0px auto;
         background-color: #ffffff;
     }

     /* chrome */
     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
         -webkit-appearance: none;
     }

     /* 火狐浏览器 */
     input[type="number"] {
         -moz-appearance: textfield;
     }

     .w40 {
         width: 40%;
     }

     .w50 {
         width: 50%;
     }

     .w60 {
         width: 60%;
     }

     .w70 {
         width: 70%
     }

     .w30l {
         width: 30%
     }

     .w30 {
         width: 33.3333%
     }

     .main_header {
         background-color: #ffffff;
         padding: 15px 0px;
     }

     .main_header .main_body {
         position: relative;
     }

     .main_header .logo_wrap {
         float: left
     }

     .main_header .logo {
         height: 56px;
         margin-top: 10px;
         margin-left: 60px;
     }

     .main_header .register {
         display: inline-block;
         border-left: 1px solid #707070;
         line-height: 80px;
         margin-left: 30px;
         padding-left: 30px;
         color: #333333;
         font-size: 30px;
     }

     .main_footer {
         background-color: #18B580;
         padding-bottom: 20px;
     }

     .main_footer .main_body {
         background: none;
         display: -webkit-flex;
         display: flex;
         color: #ffffff;
     }

     .main_footer .main_body a {
         color: #FFFFFF;
     }

     .main_footer .main_body .w50:first-child {
         padding-left: 60px;
         padding-right: 20px;
     }

     .main_footer .main_body .w50:last-child {
         padding-right: 60px;
         padding-left: 20px;
     }

     .main_footer .about_dl {
         display: -webkit-flex;
         display: flex;
         margin: 12px 0px;
     }

     .main_footer .about_dl dt {
         width: 80px;
     }

     .main_footer .about_dl dd {
         width: 100%;
     }

     .main_footer .about_title {
         border-bottom: 1px solid #128D63;
         color: #BFFFE9;
         box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.52);
         line-height: 40px;
         margin: 20px 0px;
         font-size: 14px;
     }

     .main_footer .map {
         overflow: hidden;
     }

     .main_footer .map a {
         line-height: 30px;
         display: block;
         width: 50%;
         display: block;
         float: left;
     }

     .from_wrap {
         margin-top: 20px;
         min-height: 600px;
     }

     .from_data {
         padding: 50px 20%;
     }

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

     .from_data .input_dl dt {
         width: 100px;
         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;
         width: 80%;
         padding: 0px 10px;
         font-size: 14px;
         color: #333333;
     }

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

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

     .from_data .input_dl .phone_code input {
         width: 40%;
     }

     .from_data .input_dl .phone_code button {
         width: 30%;
         margin-left: 10%;
     }

     .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: 200px;
         padding: 10px 0px;
         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 {
         height: 40px;
         background: #F9D6D5;
     }

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

     .alert_success {
         height: 40px;
         background: #18B580;
         ;
     }

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

 /* 小于768（手机） */
 @media screen and (max-width:768px) {
     * {
         margin: 0px;
         padding: 0px;
         list-style-type: none;
         line-height: 150%;
         border: 0px;
         font-size: .32rem;
     }

     body {
         background-color: #e8e8e8;
         color: #707070;
     }

     a {
         text-decoration: none;
     }

     a:hover {
         color: #0a0a0a !important;
     }

     input:focus,
     textarea:focus,
     select:focus,
     button:focus {
         outline: none;
         border: 0px;
     }

     .main_body {
         width: 100%;
         margin: 0px auto;
         background-color: #ffffff;
     }

     /* chrome */
     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
         -webkit-appearance: none;
     }

     /* 火狐浏览器 */
     input[type="number"] {
         -moz-appearance: textfield;
     }

     .w40 {
         width: 40%;
     }

     .w50 {
         width: 50%;
     }

     .w60 {
         width: 60%;
     }

     .w70 {
         width: 70%
     }

     .w30l {
         width: 30%
     }

     .w30 {
         width: 33.3333%
     }

     /* 顶部logo+文字 */
     .main_header {
         /* border: solid blue 1px; */
         background-color: #ffffff;
         /* padding: 15px 0px; */
     }

     .main_header .main_body {
         overflow: hidden;
         min-height: 1.4933rem;
         position: relative;
     }

     .main_header .logo_wrap {
         float: left
     }

     .main_header .logo {
         width: 5.6rem;
         margin: .2133rem 0 0 .4267rem;
     }

     .main_header .register {
         /* border: solid red 1px; */
         display: inline-block;
         border-left: 1px solid #707070;
         line-height: 1.0667rem;
         margin-left: .72rem;
         margin-top: .2133rem;
         padding-left: .4267rem;
         color: #333333;
         font-size: .3733rem;
     }

     /* 底部 */
     .main_footer {
         display: none;
     }

     /* 表单 */
     .from_wrap {
         margin-top: .2133rem;
     }

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

     .from_data .input_dl {
         /* border: solid blue 1px; */
         display: -webkit-flex;
         display: flex;
         margin-bottom: .4267rem;
     }

     .from_data .input_dl dt {
         /* border: solid red 1px; */
         width: 2.9867rem;
         text-align: right;
         line-height: .96rem;
         margin-right: .4267rem;
         font-size: .4267rem;
         color: #333333;
     }

     .from_data .input_dl dd {
         /* background-color: #bfa; */
         width: 100%;
         line-height: .96rem;
         font-size: .4267rem;
         color: #333333;
     }

     .from_data .input_dl dd input {
         /* 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 {

         display: -webkit-flex;
         display: flex;
         justify-content: space-between;
     }

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

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

     .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 {
         margin-top: .64rem;
     }

     .from_data .input_dl_submit dt {
         display: none;
     }

     .from_data .input_dl_submit .submit {
         /* border: solid red 1px; */
         width: 6.1867rem;
         padding: .2133rem 0px;
         margin: 0 1.4667rem;
     }

     .from_data .input_dl_protocols dt {
         display: none;
     }

     .from_data .input_dl .protocols {
        /* border: solid red 1px; */
         font-size: .3733rem;
         color: #666;
         line-height: .5333rem;
     }

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

     /* 顶部验证提示 */
     .alert_error {
         height: 1.0667rem;
         background: #F9D6D5;
     }

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

     .alert_success {
         height: 1.0667rem;
         background: #18B580;
         ;
     }

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