@charset "utf-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin:0;
  padding:0;
  font-weight: normal;
}
body,
button,
input,
select,
textarea {
  /* font-family:"Microsoft YaHei","Arial","OpenSansLight","\5FAE\8F6F\96C5\9ED1" ,Verdana; */
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-size:100%;
}
address,
cite,
dfn,
em,
var {
  font-style:normal;
}
code,
kbd,
samp {
  font-family:couriernew, courier, monospace;
}
small{
  font-size:12px;
}
ul,
ol {
  list-style:none;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}
.nav_link {
	color: #fff!important;
}
sup {
  vertical-align:text-top;
}
sub{
  vertical-align:text-bottom;
}
legend {
  color:#000;
}
fieldset,
img {
  border:0;
}
button,
input,
select,
textarea {
  font-size:100%;
}

input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
  -webkit-appearance: none;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}
html {
  height:100%;
  font-size:16px;
}
body {
  height:100%;
  overflow-x:hidden;
  background:#FFF;
}
header div, footer div {box-sizing: content-box !important;}
input, button, input:focus { outline: none; border: none; }
a, button {border: none;text-decoration: none;}
/*去除input在Chrome浏览器中默认的黄色背景色*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/*IE10+以上input获取焦点时去除文本框的×图标和密码框的眼睛图标，IE9及以下无效*/
input::-ms-clear, input::-ms-reveal {
  display: none;
}
/*设置input placeholder的字体颜色*/
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a4a4a4;
  font-size: 14px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a4a4a4 !important;
  font-size: 14px !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
}
/*去除input number浏览器自带的上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"] { /*FireFox下*/
  -moz-appearance:textfield;
}

/* 清除浮动 */
.fl {float: left;}
.fr { float: right; }
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}
.sm-sp-xj{
	    width: 50%;
	    height: 30px;
	    display: inline-block;
	    line-height: 30px;
	    box-sizing: border-box;
	    /*color: #FFFFFF;*/
	    font-size: 16px;
	    background: #fff;
	    border-radius: 3px;
	    border: 1px solid #007cba;
	    background: #007cba;
	    margin-top:10px;
	    display: none;
}
.sm-sp-xj a{
	color: #FFFFFF;
}
@media only screen and (min-width: 100px) and (max-width: 900px) {
	.sm-sp-xj{
    	display: inline-block;
	}
}
@media only screen and (min-width: 100px) and (max-width: 900px) {
	.text{
    	/* display: none; */
 }
}
@media only screen and (min-width: 100px) and (max-width: 900px) {
	.price{
    	display: none;
	}
}

@media screen and (max-width:750px) {


    .email-modal-mask img{
      padding: 0;
      margin: 0;
      display: inline-block;
    }
    input{
      border: 0;
    }
    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
          -webkit-appearance: none;
      }
      input[type="number"]{
          -moz-appearance: textfield;
      }
      input::-webkit-search-cancel-button{
        display: none;
      }
      input::-webkit-search-cancel-button{ 
        display: none;
      }
    .email-modal-mask{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      /* background:rgba(0, 0, 0, .5); */
      background:rgba(0, 0, 0, 1);
      z-index:998;
      display: none;
      overflow: hidden;
    }
    .email-modal-mask  .modal-container {
      width: 100%;
      /* height: 600px; */
      height: 90%;
      /* height: 100%; */
      position: absolute;
      bottom: 0;
      background: #fff;
      z-index: 999;
      color: #666;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      overflow-y: scroll;
    }
    .modal-container .email-title{
        display: table;
        width: 100%;
        height: 48px;
        line-height: 48px;
        font-size: 18px;
        text-align: center;
    }
    .modal-container .email-title h2{
          padding-left: 20px;
          font-weight: normal;
      }
    .modal-container .email-title .closeDiv{
      width: 32px;
      height: 32px;
      /* border: 1px solid #ddd; */
      top: 12px;
      right: 10px;
      position: absolute;
    }
    .modal-container  .email-title .close{
        width: 12px;
        height: 12px;
        top: 6px;
        right: 6px;
        position: absolute;
        /*background: url("/assets/images/email/close_mb_@2x.png");*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
    }
    .modal-container  .email-content{
        padding: 0 25px 20px 25px;
        font-size: 14px;
    }
    .modal-container .email-content .tips{ 
      height: 15px;
      display: block;
      line-height: 21px;
      font-size: 12px;
      color: #e84050;
      position: absolute;
      display: none;
      left: 78px;
    }
   .email-content .email-text .tips{
    left: 100px;
    }
    .email-name .tips{
      top:52px;
    }
    .email-phone .tips{
      top: 117px;
    }
    .email-main .tips{
      top: 182px;
    }
    .email-text .tips{
      left:100px;
      margin-top: 8px;
    }
    .email-content .sign{
      color: #e84050;
      font-size: 14px;
      vertical-align: middle;
    }
    .email-name-phone{
      font-size: 0;
    }
    .email-name-phone .tick{
      /* display: none; */
      border: none;
    }
    .email-name-phone img[src=""],.email-name-phone img:not([src]){ 
      opacity: 0;
    }
    .email-name,.email-phone,.email-main,.email-area,.label-question,.label-descript{
      height: 36px;
    }
    .email-name-phone .email-name,.email-name-phone .email-phone,.email-name-phone .email-main,.email-name-phone .email-area{
        display: inline-block;
        width: 100%;
        padding-top: 20px;
        font-size: 14px;
    }
    .email-phone,.email-main,.email-area{
      margin-top: 8px;
    }
    .email-name .name{
        height: 36px;
        width: calc(100% - 74px);
    }
    .email-phone .phone{
        height: 36px;
        width: calc(100% - 77px);
    }
    .email-name .label-name,.email-phone .label-phone,.email-main .label-main,.email-main .label-main,.email-area .label-area{
      padding-right: 10px;
    }
    .email-main .email{
        height: 36px;
        width: calc(100% - 74px);
    }
    .email-area .area{
        height: 36px;
        width: calc(100% - 74px);
    }    
    .email-types_pc{
      display: none;
    }
    .email-types_mobile{
      height: 36px;
      line-height: 36px;
    }
    .email-content .email-types,  .email-content .email-text{
      padding-top: 20px;
    }
    .email-content .email-types{
      position: relative;
    }
    .email-types .chosed-types{
        height: 44px;
        line-height: 44px;
        width:  calc(100% - 10px);
        border-radius: 4px;
        background-color: #f4f4f4;
        padding-left: 10px;
        font-size: 14px;
        cursor: pointer;
        border: 1px solid #fff;
    }
    .email-types .chosed-types::-webkit-input-placeholder {
        color: #a4a4a4;
        font-size: 14px;
    }
    .email-types .question-types{
        position: absolute;
        z-index: 1000;
        width: calc(100% - 0px);
        font-size: 14px;
        color: #666;
        list-style: none;
        border: 1px solid #7fbddc;
        background-color: #fff;
        border-radius: 4px;
        height: 236px;
        overflow-y: scroll;
        display:none;
    }
    .email-types .question-types::-webkit-scrollbar {
        width: 6px;    
        height: 120px;
    }
    .email-types .question-types::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.2);
    }
    .email-types .question-types::-webkit-scrollbar-track {
        border-radius: 0;
    }
    .email-types li{
        height: 36px;
        line-height: 36px;
        padding-left: 10px;
        font-size: 14px;
        color: #666;
    }
    .email-types li:hover{
        color: #007cba;
        background-color: #e5f2f8;
        cursor: pointer;
    }
    .email-types .arrow{
        position: absolute;
        z-index: 1000;
        right: 40px;
        width: 12px;
        height: 8px;
        background: url("/assets/images/email/droplist_mb_@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        top:75px;
        right: 10px;
    }
    .email-text .label-describe{
        padding-right: 16px;
    }
    .email-text .text{
        vertical-align: top;
        resize: none;
        border-radius: 4px;
        background-color: #f4f4f4;
        font-size: 14px;
        width: calc(100% - 20px);
        padding: 10px 10px;
        /* height: 85px; */
        border: 1px solid #fff;
    }
    .email-types .text::-webkit-input-placeholder {
        color: #a4a4a4;
        font-size: 14px;
    }
    .email-text .text:hover{
      border: 1px solid #e4e4e4;
      background-color: #f4f4f4;
    }
    .email-content .email-submit{
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        margin-top: 30px;
    }
    .email-submit .submit{
        width: 100%;
        height: 44px;
        border-radius: 8px;
        background-color: #007cba;
        color: #fff;
    }
    .email-submit .submit:hover{
        background-color: #0095c8;
    }
  
    /* åé¦ˆä¿¡æ¯ start */
    .send-feedback{
      text-align: center;
      display: none;
    }
    .feedback-content{
      margin: auto;
      margin-top: 120px;
    }
    .feedback-img{
      margin-bottom: 24px;
    }
    .feedback-logo{
      position: relative;
      left: 50%;
      margin-left: -22px;
      display: block;
      width: 45px;
      height: 45px;
      background: url("/assets/images/email/success_icon_phone.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }
    .feedback-detail{
      font-size: 13px;
      color: #666;
    }
    .feedback-detail p{
      margin-bottom: 10px;
    }
    .close-feedback{
      margin-top: 32px;
      width: 160px;
      height: 40px;
      font-size: 15px;
      color: #007cba;
      background-color: #fff;
      border: 1px solid #007cba;
      border-radius: 4px;
    }
    /* åé¦ˆä¿¡æ¯end */
  
    /* æˆåŠŸ å¤±è´¥ */
    .email-content .input-success{
      color: #000;
    }
    .email-content .input-error{
      color: #e84050;
    }
    .email-content .input-active{ 
      color: #007cba;
    }
    .email-content .div-success{
      /* border: 1px solid #d4d4d4; */
    }
    .email-content .div-error{
      /* border: 1px solid #e84050; */
    }
    .email-content .div-active{ 
      /* border: 2px solid #007cba; */
    }
    .email-name-phone .bottom-success{
      border-bottom: 1px solid #d4d4d4;
    }
    .email-name-phone .bottom-error{
      /* border-bottom: 1px solid #e84050; */
    }
    .email-name-phone .bottom-active{ 
      border-bottom: 2px solid #007cba;
    }
  
    .email-content .unChoose{
      color: #a4a4a4;
      font-size: 14px;
    }
  
    /*é‚®ä»¶å’¨è¯¢ -- END */
  }
  
  @media screen and (min-width:751px) {
  
    /*é‚®ä»¶å’¨è¯¢ -- START */
      .email-modal-mask img{
        padding: 0;
        margin: 0;
        display: inline-block;
      }
      input{
        border: 0;
        outline: none;
      }
      input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
          -webkit-appearance: none;
      }
      input[type="number"]{
          -moz-appearance: textfield;
      }
      input::-webkit-search-cancel-button{ 
        display: none;
      }
      input::-webkit-search-cancel-button{ 
      }
    .email-modal-mask{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:rgba(0, 0, 0, .5);
      z-index:998;
      display: none;
      transition: opacity .3s ease;
      overflow: hidden;
    }
    .email-modal-mask  .modal-container {
      width: 620px;
      height: 546px;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      background: #fff;
      z-index: 999;
      color: #666;
    }
    .modal-container .email-title{
        display: table;
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
        border-bottom: 1px solid #eee;
    }
    .modal-container .email-title h2{
        padding-left: 20px;
    }
    .modal-container .email-title .closeDiv{
      width: 32px;
      height: 32px;
      /* border: 1px solid #ddd; */
      top: 12px;
      right: 10px;
      position: absolute;
    }
    .modal-container .email-title .close{
        width: 16px;
        height: 16px;
        position: absolute;
        top: 10px;
        right: 6px;
        cursor: pointer;
    }
    .email-content{
        padding: 0 60px 60px;
        font-size: 14px;
    }
    .email-content .tips{
      height: 30px;
      display: block;
      line-height: 42px;
      font-size: 12px;
      color: #e84050;
      position: absolute;
      top:-30px;
      display: none;
      left: 60px;
  
    }
    .email-phone .tips{
      padding-left: 3px;
    }
    .email-text .tips{
      left: 85px;
    }
    .email-content .sign{ 
      color: #e84050;
      font-size: 14px;
      vertical-align: middle;
    }
    .email-name-phone{
      margin-top: 30px;
      position: relative;
    }
    .email-name-phone .tick{
      /* display: none; */
      border: none;
    }
    .email-name-phone .email-name,.email-name-phone .email-phone{
        position: relative;
        display: inline-block;
        width: 230px;
        font-size: 0;
    }
    .email-name-phone .email-phone{
        float: right;
    }
  
  
    /* åŠ¨ç”» start*/
    .email-name:after,.email-phone:after,.email-main:after,.email-area:after{
      content: ' ';
      cursor: pointer;
      height: 1px;
      width: 0px;
      position: absolute;
      margin: 0 auto;
      background: #007cba;
      transition: width 0.3s;
    }
    .email-name:after{
      /* left: 0px;
      bottom: 71px; */
      left: 0px;
      bottom: -1px;
    }
    .email-phone:after{
      /* left: 270px;
      bottom: 71px; */
      left: 0px;
      bottom: -1px;
    }
    .email-main:after{
      bottom: -1px;
      left: 0;
    }
    .email-area:after{
      bottom: -1px;
      left: 0;
    }    
    .email-name:hover:after,.email-phone:hover:after{
      width: 230px;
    }
    .email-main:hover:after{
      width: 100%;
    }
    .email-area:hover:after{
      width: 100%;
    }    
    /* åŠ¨ç”» end*/
  
    .email-name .name,.email-main .email,.email-area .area{
      width: calc(100% - 85px);
      font-size: 14px;
    }
    .email-phone .phone{
      width: calc(100% - 88px);
      font-size: 14px;
    }
    .email-name .name,.email-phone .phone{
        /* text-indent: 3px; */
        height: 39px;
    }
    .email-name .label-name,.email-phone .label-phone,.email-main .label-main,.email-area .label-area{
      padding-right: 18px;
      font-size: 14px;
    }
  
    .email-content .email-main{
        height: 40px;
        margin-top: 30px;
        position: relative;
    }
    .email-content .email-area{
        height: 40px;
        margin-top: 30px;
        position: relative;
    }   
    .email-main .email{
        height: 39px;
    }
    .email-area .area{
        height: 39px;
    }    
    .email-types_mobile{
        display: none;
    }
    .email-content .label-question{
        padding-right: 16px;
    }
    .email-content .email-types{
        margin-top: 30px;
        height: 40px;
        line-height: 40px;
        position: relative;
    }
    .email-types .chosed-types{
        height: 40px;
        line-height: 40px;
        /* color: #666; */
        width: calc(100% - 100px);
        /* border: 1px solid #d4d4d4; */
        border-radius: 4px;
        background-color: #f4f4f4;
        padding-left: 10px;
        font-size: 14px;
        cursor: pointer;
        border: 1px solid #fff;
    }
    .email-types .chosed-types:hover{
      border: 1px solid #e4e4e4;
    }
    .email-types .chosed-types::-webkit-input-placeholder {
        color: #a4a4a4;
        font-size: 14px;
    }
    .email-types .question-types{
        position: absolute;
        z-index: 1000;
        width: calc(100% - 90px);
        font-size: 14px;
        color: #666;
        margin-left: 87px;
        list-style: none;
        border: 1px solid #7fbddc;
        background-color: #fff;
        border-radius: 4px;
        height: 234px;/* 36*6.5 */
        overflow-y: scroll;
        display:none;
    }
    .email-types .question-types::-webkit-scrollbar {
        width: 6px;     
        height: 120px;
    }
    .email-types .question-types::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.2);
    }
    .email-types .question-types::-webkit-scrollbar-track {
        /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
        border-radius: 0;
        /* background: rgba(0,0,0,0.1); */
    }
    .email-types li{
        height: 36px;
        padding-left: 10px;
        font-size: 14px;
        color: #666;
    }
    .email-types li:hover{
        color: #007cba;
        background-color: #e5f2f8;
        cursor: pointer;
    }
    .email-types .arrow{
        position: absolute;
        right: 78px;
        width: 14px;
        height: 8px;
        background: url("/assets/images/email/droplist_normal_pc_@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        top:15px;
        right: 20px;
    }
    .email-types .arrow:hover{
        background: url("/assets/images/email/droplist_choosing_pc_@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .email-content .email-text{
        margin-top: 30px;
        position: relative;
    }
    .email-text .label-describe{
        padding-right: 16px;
    }
    .email-text .text{
        vertical-align: top;
        resize: none;
        border-radius: 4px;
        background-color: #f4f4f4;
        font-size: 14px;
        width: calc(100% - 110px);
        padding: 10px 10px;
        height: 82px;
        border: 1px solid #fff;
    }
    .email-types .text::-webkit-input-placeholder {
        color: #a4a4a4;
        font-size: 14px;
    }
    .email-text .text:hover{
      border: 1px solid #e4e4e4;
      background-color: #f4f4f4;
    }
    .email-content .email-submit{
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        margin-top: 40px;
    }
    .email-submit .submit{
        width: 160px;
        height: 40px;
        border-radius: 4px;
        background-color: #007cba;
        color: #fff;
        cursor: pointer;
    }
    .email-submit .submit:hover{
        background-color: #0095c8;
    }
  
    /* åé¦ˆä¿¡æ¯start */
    .send-feedback{
      text-align: center;
      display: none;
    }
    .feedback-content{
      margin: auto;
      margin-top: 120px;
    }
    .feedback-img{
      margin-bottom: 24px;
    }
    .feedback-logo{
      position: relative;
      left: 50%;
      margin-left: -18px;
      display: block;
      width: 36px;
      height: 36px;
      background: url("/assets/images/email/success_icon_pc.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }
    .feedback-detail{
      font-size: 14px;
    }
  
    .feedback-detail p{
      margin-bottom: 8px;
    }
    .close-feedback{
      margin-top: 32px;
      width: 160px;
      height: 40px;
      font-size: 16px;
      color: #007cba;
      background-color: #fff;
      border: 1px solid #007cba;
      border-radius: 4px;
      cursor: pointer;
    }
    .close-feedback:hover{
      background-color: #0095c8;
      color: #fff;
    }
    /* åé¦ˆä¿¡æ¯end */
  
    /* æˆåŠŸ å¤±è´¥ */
    .email-content .input-success{
      color: #000;
    }
    .email-content .input-error{
      /* color: #e84050; */
    }
    .email-content .input-active{ 
      color: #007cba;
    }
    .email-name-phone{
      margin-top: 30px;
      position: relative;
    }
    .email-name-phone .bottom-success{
      border-bottom: 1px solid #d4d4d4;
    }
    .email-name-phone .bottom-error{
      /* border-bottom: 1px solid #e84050; */
    }
    .email-name-phone .bottom-active{ 
      /* border-bottom: 2px solid #007cba; */
      border: 0;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: #007cba;
    }
    .email-content .div-success{
      /* border: 1px solid #d4d4d4; */
    }
    .email-content .div-error{
      /* border-bottom: 1px solid #e84050; */
    }
    .email-content .div-active{ 
      /* border: 2px solid #007cba; */
    }
  
    .email-content .unChoose{
      color: #000000;
      font-size: 14px;
    }
  }
  