@charset "utf-8";
/*lyann 01.10*/
@font-face{
     font-family: 'Impact'; 
     src: url('../fonts/impact.ttf'); 
}
html{font-family: "微软雅黑",'Microsoft YaHei',Arial,"宋体";}
*{margin: 0;padding: 0;}
body{margin: 0;overflow-x: hidden;color: #444;}
img:focus,a:focus,img:active,a:active{outline: none !important;border: transparent;}
*:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
img{max-width: 100%;}
a{color: inherit;text-decoration: none;}
ul,ul li,ol{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style: normal;}
li{clear: unset !important;}
p{color: inherit;}
input,textarea{ -webkit-appearance: none;border-radius:0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px transparent inset !important; outline:none;background-color: transparent;}  
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}
select::-ms-expand { display: none; }.switch::-ms-expand { display: none; }
select{appearance: none;-moz-appearance:button;-webkit-appearance: none;-ms-progress-appearance: none;}
::-webkit-input-placeholder {color: #838383;font-size: inherit;}
::-moz-placeholder {color: #838383;font-size: inherit;}
:-ms-input-placeholder {color: #838383;font-size: inherit;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb:vertical{background-color:#1642bb;border-radius:30px;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#fff;}
::-webkit-scrollbar-corner:vertical{background-color:#fff;}
::-webkit-scrollbar-resizer:vertical{background-color:#1642bb;}

.clear{clear: both;}
.clearfix:after{content: ""; display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}

.main-w{width: 90%;margin: 0 auto;}
.w-100{width: 100%;}
.h-100{height: 100%;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

/*对齐方式*/
.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.flex0 { flex-shrink: 0; }
.flex1 { flex: 1; }
.flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex-Y-top { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; }
.flex-Y-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.flex-Y-bottom { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }
.flex-X-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.flex_dj { display: flex; justify-content: space-between; width: 100%; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; }
.flex_dh { display: flex; justify-content: space-around; width: 100%; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; }
.flex-col{-webkit-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.flex-row-res{-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.dis-t, .dis-m, .dis-b, .SJ { display: inline-block; }
.dis-t, .SJ { vertical-align: top; }
.dis-m { vertical-align: middle; }
.dis-b { vertical-align: bottom; }
.v-align-m1, .v-align-m2 { font-size: 0; }
.v-align-m1:before, .v-align-m2:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.m-ot { margin: 0 auto; }
.ovh {overflow: hidden;}

.block{display: block;}
.i-block{display: inline-block;}
.font-over1 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-over2 {line-height: 1.8;max-height: 3.6em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.font-over3 {line-height: 1.8;max-height: 5.4em;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.font-over4 {line-height: 1.8;max-height: 7.2em;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.por-r,.pos-r{position: relative;}
.por-s,.pos-s{position: static;}
.por-a,.pos-a{position: absolute;}
.vam{display: inline-block;vertical-align: middle;}
.vat{display: inline-block;vertical-align: top;}
.vab{display: inline-block;vertical-align: bottom;}
.text-u{text-transform: uppercase;}
.b-000{background-color: #000;}
.b-fff{background-color: #fff;}
.b-f0{background-color: #f0f0f0;}
.b-eee{background-color: #eeeeee;}
.b-025da3{background-color: #025da3;}
.b-00479d{background-color: #00479d;}
.b-22ac38{background-color: #22ac38;}
.b-093a74{background-color: #093a74;}
.b-0b4891{background-color: #0b4891;}

.b-f5{background-color: #f5f5f5;}
.c-fff{color: #fff;}
.c-4b{color: #4b4b4b;}
.c-ddd{color: #ddd;}
.c-000{color: #000;}
.c-333{color: #333;}
.c-222{color: #222;}
.c-ccc{color: #ccc;}
.c-888{color: #888;}
.c-999{color: #999;}
.c-4c{color: #4c4c4c;}
.c-4d{color: #4d4d4d;}
.c-025da3{color: #025da3;}
.c-666{color: #666;}

.c-0c69b3{color: #0c69b3;}
.c-283380{color: #283380;}
.c-0061ae{color: #0061ae;}
.c-ed7101{color: #ed7101;}
.c-f3ca1e{color: #f3ca1e;}
.c-126bae{color: #126bae;}
.c-e70975{color: #e70975;}
.c-0061b0{color: #0061b0;}
.c-f59600{color: #f59600;}
.c-005bac{color: #005bac;}
.c-f6a800{color: #f6a800;}
.c-1746bf{color: #1746bf;}
.c-239300{color: #239300;}
.c-e6212a{color: #e6212a;}
.c-fbe926{color: #fbe926;}
.c-ffe44f{color: #ffe44f;}
.c-01edff{color: #01edff;}
.c-b0f606{color: #b0f606;}
.c-be1b21{color: #be1b21;}
.c-004ea1{color: #004ea1;}
.c-ed6d00{color: #ed6d00;}
.c-ea5505 { color: #ea5505; }
.b-00769c { background: #00769c; }
.b-005bab { background: #005bab; }
.bold{font-weight: bold;}
.c-005bab { color: #005bab; }
.c-ffb017 { color: #ffb017; }

.f-0{font-size: 0;}
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px ;}
.f-20{font-size: 1vw;}
.f-22{font-size: 1.1vw;}
.f-24{font-size: 1.2vw;}
.f-26{font-size: 1.3vw;}
.f-28{font-size: 1.4vw;}
.f-30{font-size: 1.5vw;}
.f-32{font-size: 1.6vw;}
.f-34{font-size: 1.7vw;}
.f-36{font-size: 1.8vw;}
.f-38{font-size: 1.9vw;}
.f-40{font-size: 2vw;}
.f-42{font-size: 2.1vw;}
.f-46{font-size: 2.3vw;}
.f-54{font-size: 2.7vw;}
.f-58{font-size: 2.9vw;}
.f-60{font-size: 3vw;}

.ptb-60{padding-top: 60px;padding-bottom: 60px;}


.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 1vw;}
.mt-30{margin-top: 1.5vw;}
.mt-40{margin-top: 2vw;}
.mt-50{margin-top: 2.6vw;}
.mt-60{margin-top: 3vw;}
.mt-70{margin-top: 3.5vw;}
.mt-80{margin-top: 4vw;}
.mt-90{margin-top: 4.5vw;}
.mt-100{margin-top: 5.2vw;}
.mt-120{margin-top: 6vw;}
.mt-150{margin-top: 7.5vw;}
.mt-200{margin-top: 10vw;}
.lh-12{line-height: 1.2;}
.lh-15{line-height: 1.5;}
.lh-17{line-height: 1.7;}
.lh-18{line-height: 1.8;}
.lh-20{line-height: 2.0;}
.text-indent{text-indent: 2em;}
.p_tb_80{padding: 4vw 0;}
.tras-6{
  -webkit-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
}
.tras-3{
  -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
}
/*提示气泡*/
.login-tip{display: none; width: 260px;line-height: 1.8; position: fixed;top: 50%;margin-top: -50px;padding: 20px;text-align: center;background: #fff;
    border-radius: 6px;left: 50%;margin-left: -130px;border: 1px solid #ccc;box-sizing: border-box;color: #777;z-index: 999;}
.mob{display: none;}

.ResTitle_a2{text-transform: capitalize;font-size: 1.6vw;text-align: center;}

/*操作弹出提示框*/
.tip-alert.flhide{opacity: 0;top: 0;display: block;}
.tip-alert{width: 344px;text-align: center;overflow: hidden; position: fixed;top: 300px;left: 50%;margin-left: -177px; z-index: 10;border-radius: 6px;
    box-sizing: border-box;box-shadow: 3px 5px 11px rgba(0,0,0,0.2);background-color: #fff;border: 1px solid #ccc;}
.tip-alert h3{font-size: 22px;color: #cccccc;}
.tip-alert .tip-con{padding: 50px 30px;box-sizing:border-box;font-size: 18px;}
.tip-alert .tip-btn{text-align: center; background: #fff;border-top: 1px solid #a20000;box-sizing:border-box;padding: 13px 0;}
.tip-alert .tip-btn div{cursor: pointer; font-size: 14px;text-align: center; color: #fff;background-color: #a20000;display: inline-block;margin: 0 10px;
     width: 83px;border-radius: 14px; height: 38px;line-height: 38px;}
.tip-alert .tip-btn div:hover{color: #fff;background: #a20000;}
.class-list li:hover{transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);-o-transform: translateY(-5px);}
.class-list li:hover .title{color: #F5811A;}

/*提示气泡*/
.login-tip{display: none; width: 260px;line-height: 1.8; position: fixed;top: 50%;margin-top: -50px;padding: 20px;text-align: center;background: #fff;
    border-radius: 6px;left: 50%;margin-left: -130px;border: 1px solid #ccc;box-sizing: border-box;color: #777;}

/*right-slide*/
.notRead_num{ position: absolute; font-size: 0; border-radius: 10px; color: #fff; z-index: 0; top: 0; right: 0; 
  width: 14px; height: 14px; border-radius: 50%; line-height: 25px; text-align: center; transform: translate(40%, -40%); display: none; }
@keyframes myfirst
{
    0%   {right: 20px;transform: scale(0);}
    100% {right: 20px;transform: scale(1);}
}
.right-slide { right: 10px; position: fixed; top: 50%;  z-index: 10;width: 80px;transform: translateY(-50%);}
.right-slide li {  position: relative; text-align: center; }
.right-slide li + li{margin-top: 0.25em;}
.right-slide li i { transition: 0.3s ease 0s; font-size: 0; display: inline-block; vertical-align: top; width: 40px; height: 38px;
  text-align: center;line-height: 38px;position: relative; }
.right-slide li i img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.right-slide li p{font-size: 14px;color: #fff;line-height: 1.5;}
.right-slide li a{position: relative; z-index: 0; display: block; font-size: 0;padding: 10px 0;text-align: center;border-radius: 15px; }
.right-slide li a:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 15px; 
    opacity: 0;transition: all 0.3s ease 0s;border: 1px solid #126bae;box-sizing: border-box;
}
.right-slide a>span { overflow: hidden; font-size: 20px; height: 50px; line-height: 50px; width: 180px; display: inline-block; vertical-align: top;
 text-align: center; background: #fff; transition: 0.3s ease 0s; white-space: nowrap;position: absolute;right: 50px;top: 5px; opacity: 0;transform: scale(0);
 border:  1px solid #126bae;border-radius: 5px;
}
.right-slide a .hover-span { overflow: hidden; font-size: 20px; line-height: 50px; width: 180px; display: inline-block; vertical-align: top;
  text-align: center; background: #fff; transition: 0.3s ease 0s; white-space: nowrap;position: absolute;right: 50px;top: 5px; opacity: 0;transform: scale(0);padding: 10px 15px;box-sizing: border-box;text-align: left;
  border:  1px solid #126bae;border-radius: 5px;
 }
 .right-slide a .hover-span p {font-size: 18px;color:#333!important;}
.hover-text {text-align: center;width: 110px; background: rgba(0,0,0,0.5); position: absolute; right: 85px; top: 0; z-index: -1; border:  1px solid #126bae;
  transform: scale(0); transition: 0.3s ease 0s; transform-origin: right 85px; background: #fff;border-radius: 5px;text-align: center;padding: 10px 0;
}
.right-slide .hover-text .BannerShow_c1 img { width: 90px; display: block;margin-left: auto;margin-right: auto;}
.right-slide .hover-text p{color: #666;}
.right-slide a[title*="公众号"]:hover+.hover-text { transform: scale(1); }
.right-slide li em img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0;opacity: 0; }
.right-slide li em { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition: 0.5s linear 0s;position:absolute;z-index: 0; }
/* .right-slide li a{
  background: rgba(0,0,0,0.5);
} */

.right-slide li:nth-of-type(1) a{
    background-color: #d51061;
    background: linear-gradient(140deg,#e46e5e, #e73d84);
}
.right-slide li:nth-of-type(2) a{
    background-color: #109811;
    background: linear-gradient(140deg,#03E06D, #07D268);
}
.right-slide li:nth-of-type(3) a{
    background-color: #0b4c92;
    background: linear-gradient(140deg,#5094de, #2972c0);
}
.right-slide li:nth-of-type(4) a{
    background: linear-gradient(140deg,#e7c747, #df633d);
}
.right-slide li:nth-of-type(5) a{
    background-color: #4e06aa;
    background: -webkit-linear-gradient(#ab46f9, #4e06aa);
    background: -o-linear-gradient(#ab46f9, #4e06aa);
    background: linear-gradient(#ab46f9, #4e06aa);
}
.right-slide li:nth-of-type(6) a{
    background-color: #0066c8;
    background: -webkit-linear-gradient(#00b2ff, #0066c8);
    background: -o-linear-gradient(#00b2ff, #0066c8);
    background: linear-gradient(#00b2ff, #0066c8);
}

.form {text-align: center;}
.form input{border: none;box-shadow: none;background: #fff;line-height: 40px;height: 40px;border-radius: 8px;padding: 0 0.5em;}
.form li{display: inline-block;vertical-align: middle;margin-right: 1.5%;color: #0c69b3;}
.form li:nth-of-type(1) input{width: 14em;}
.form li:nth-of-type(2) input{width: 8em;}
.form .code{ border-radius: 8px;color: #333;font-size: 12px;height: 40px;line-height: 40px;width: 9em;
  cursor: pointer;position: relative;overflow: hidden;
}
.form .code span{position: absolute;z-index: 1;background: url(../images/f4.png) #fff no-repeat;background-position: 0.8em center;
  padding:0 0.5em 0 3.2em;box-sizing: border-box;text-align: left;width: 100%;left: 0;top: 0;height: 100%;line-height: 1.5;
  background-size: 1.8em auto;
}
.form .code img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;z-index: 2;}
/*.form li:nth-of-type(2){padding-right: 5em;position: relative;}
.form li:nth-of-type(2) input{border-bottom-right-radius: 0;border-top-right-radius: 0;}*/
.form li:nth-of-type(2) img{position: absolute;right: 0;top: 0;height: 40px;width: 6em;border-bottom-right-radius: 8px;border-top-right-radius: 8px;}
.form .ButtonV1{line-height: 40px;height: 40px;color: #fff;text-align: center;width: 12em;border-radius: 20px;cursor: pointer;
  background: -webkit-linear-gradient(#00afff, #0080ff);
    background: -o-linear-gradient(#00afff, #0080ff);
    background: linear-gradient(#00afff, #0080ff);
}

.common-form.hide{opacity: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  transform: scale(0) translateY(50%);
}
.common-form{background: url(../images/tcbg.png) center no-repeat;background-size: 100% 100%;position: fixed;top: 50%;left: 50%;line-height: 1.5;
  width: 530px;height: 300px;box-sizing: border-box;padding: 50px 54px 0 36px;margin-left: -265px;margin-top: -150px; z-index: 10;
   -webkit-transition: all .8s ease;
      -o-transition: all .8s ease;
      transition: all .8s ease;
      display: none;
}
.common-form p span{font-size: 28px;color: #fff04d;font-family: Impact;}
.common-form ul{text-align: left;}
.common-form input{border: 1px solid #fff;box-shadow: none;background: none;line-height: 40px;height: 40px;border-radius: 8px;padding: 0 0.5em;width: 100%;
  box-sizing: border-box;color: #fff;width: 100% !important;
}
.common-form input:active,.common-form input:focus{border-color: #fff04d;}
.common-form ::-webkit-input-placeholder {color: #f5f5f5;font-size: inherit;}
.common-form ::-moz-placeholder {color: #f5f5f5;font-size: inherit;}
.common-form :-ms-input-placeholder {color: #f5f5f5;font-size: inherit;}
.common-form .close{position: absolute;right: 25px;top: 25px;width: 18px;cursor: pointer;
   -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
}
.common-form .close img{display: block;width: 100%;}
.common-form .close:hover{transform: rotate(180deg);}

.common-form li{display: inline-block;vertical-align: middle;margin-right: 1.5%;color: #0c69b3;}
.common-form li:nth-of-type(1){width: 44%;}
.common-form li:nth-of-type(2){width: 20%;}
.common-form li:nth-of-type(3){width: 20%;margin-right: 0;}

/*.form li:nth-of-type(2){padding-right: 5em;position: relative;}
.form li:nth-of-type(2) input{border-bottom-right-radius: 0;border-top-right-radius: 0;}*/
.common-form .ButtonV1{line-height: 36px;height: 36px;color: #013155;text-align: center;width: 12em !important;border-radius: 8px;border: none;
  background: #fff04d;display: block;margin-left: auto;margin-right: auto;
}
@media screen and (min-width: 1027px){
    .right-slide li a:hover i img{ opacity: 0;  }
    .right-slide li a:hover em img{ opacity: 1;  }
    .right-slide li a:hover:before{ opacity: 1;  }
    .right-slide li a:hover{background: #fff;box-sizing: border-box;}
    .right-slide li a:hover p{color: #126bae;}
    .right-slide li a:hover>span { opacity: 1;right: 85px; display: block; transform: scale(1);}
    .right-slide li a:hover .hover-span { opacity: 1;right: 85px; display: block; transform: scale(1);}

    .right-slide li{
        -webkit-animation: fadeInRight 0.8s ease 0s both;
        -ms-animation: fadeInRight 0.8s ease 0s both;
        -moz-animation: fadeInRight 0.8s ease 0s both;
        -o-animation: fadeInRight 0.8s ease 0s both;
    }
    .right-slide li:nth-child(2){
        animation-delay: 0.1s;
    }
    .right-slide li:nth-child(3){
        animation-delay: 0.2s;
    }
    .right-slide li:nth-child(4){
        animation-delay: 0.3s;
    }
    .right-slide li:nth-child(5){
        animation-delay: 0.4s;
    }
    .right-slide li:nth-child(6){
        animation-delay: 0.5s;
    }
}
@media screen and (max-width: 1440px){
  .f-16{font-size: 14px;}
  .f-18{font-size: 16px;}
  .f-20{font-size: 18px;}
  .right-slide{transform: scale(0.8);}
}

@media screen and (max-width: 1250px){
  .f-22{font-size: 14px;}
  .f-24{font-size: 16px;}
  .f-26{font-size: 18px;}
  .f-28{font-size: 20px;}
  .f-30{font-size: 22px;}
  .f-32{font-size: 24px;}
  .f-34{font-size: 26px;}
  .f-36{font-size: 28px;}
  .right-slide{transform: scale(0.7);}
}
@media screen and (max-width: 1024px){
  .right-slide{display: none;}
}
@media screen and (max-width: 640px){
  body{font-size: 3.8vw;}
  .main-w{width: 93%;}

  .pc{display: none;}
  .mob{display: block;}

  .f-14, .fm-24{font-size: 14px;}
  .fm-26{font-size: 3.6vw;}
  .fm-28{font-size: 3.8vw;}
  .fm-30{font-size: 4vw;}
  .fm-32{font-size: 4.2vw;}
  .fm-34{font-size: 4.4vw;}
  .fm-36{font-size: 4.6vw;}
  .fm-38{font-size: 5.06vw;}
  .fm-40{font-size: 5.4vw;}
  .fm-44{font-size: 5.8vw;}
  .fm-46{font-size: 6.1vw;}
  .fm-54{font-size: 7.2vw;}
  .fm-76{font-size: 10.6vw;}

  .mt-100{margin-top: 13.3vw;}
  .mt-90{margin-top: 12vw;}
  .mt-80{margin-top: 10.5vw;}
  .mt-70{margin-top: 9.3vw;}
  .mt-60{margin-top: 8vw;}
  .mt-50{margin-top: 6.6vw;}
  .mt-40{margin-top: 5.3vw;}
  .mt-30{margin-top: 4vw;}
  .mt-20,.mt-m20{margin-top: 3vw;}
  .mt-10{margin-top: 1.3vw;}

  .mt-m0{margin-top:0;}
  .mt-m10 { margin-top: 1.3vw; }
  .mt-m15 { margin-top: 2vw; }
  .mt-m20 { margin-top: 2.6vw; }
  .mt-m25 { margin-top: 3.3vw; }
  .mt-m30 { margin-top: 4vw; }
  .mt-m40 { margin-top: 5.3vw; }
  .mt-m50 { margin-top: 6.6vw; }
  .mt-m60 { margin-top: 8vw; }
  .mt-m70 { margin-top: 9.33vw; }
  .mt-m80 { margin-top: 10.6vw; }
  .mt-m90 { margin-top: 11.6vw; }
  .mt-m100 { margin-top: 13.3vw; }
  .mt-m120 { margin-top: 16vw; }

  #service p{font-size: 3.6vw;}
  #service{min-height: 6em;padding: 0.5em 0.5em 2.5em 0.5em;}

  .ResTitle_a2{font-size: 5.6vw;}
  
  .right-slide {display: none;}
  #wechat_mess { display: block; position: fixed; right: 5vw; bottom: 3%; width: 10vw; height: 10vw; border-radius: 5px;
    background: url(../images/ri1.png) #fff center no-repeat; z-index: 5; background-size: 50% auto; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
  #wechat_mess a { display: block; width: 100%; height: 100%; }

  .form {text-align: left;font-size: 3.8vw;}
  .form ul{font-size: 0;position: relative;}
  .form li{font-size: 3.8vw;margin-right: 2.5%;}
  .form li span{width: 18vw;text-align: left;display: inline-block;}
  .form li:nth-of-type(1) {text-align: right;display: block;margin-right: 0;}
  .form li:nth-of-type(1) input{width: 70vw;}
  .form li:nth-of-type(1) span{float: left;line-height: 40px;height: 40px;display: block;}
  .form li.btn{display: block;}
  .form li:nth-of-type(2) input{width: 40.5vw;}
  .form li:nth-of-type(3){margin-right: 0;position: absolute;right: 0;}
  .form li + li{margin-top: 3vw;}
  .form .code{min-width: 29vw;}
  .form .btn{margin-top: 5vw;}
  .form .ButtonV1{margin-left: auto;margin-right: auto;display: block;}

  .common-form{ width: 80vw;height: 300px;margin-left: -40vw;padding: 35px 5vw 2vw 5vw;background-image: url(../images/mtcbg.png);}
  .common-form p span{display: block;font-size: 5vw;}
  .common-form li:nth-of-type(1){width: 100%;}
  .common-form li:nth-of-type(2){width: 55.5%;margin-right: 3%;}.common-form li:nth-of-type(3){width: 41%;}
  .common-form input,.form .code,.form input,.form li:nth-of-type(1) span{line-height: 36px;height: 36px;border-radius: 3px;}
  .form .code{width: 100%;float: right;border-radius: 3px;}
  .common-form .content>img{width: 77%;}
  .common-form .code{min-width: 100%;}

}
@media screen and (max-width: 370px){
  .fm-26{font-size: 14px;}
  .fm-28{font-size: 14px;}
  .f-14, .fm-24{font-size: 12px;}
}