@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,i,b{margin: 0; padding: 0;font: 14px 'Microsoft Yahei',Tahoma,Simsun;}
body{background-color:#ffffff;min-width: 1200px;margin:0 auto; }
@media screen and (max-width:640px) {
}
ul,ol,li,dl,dt,dd{list-style: none;}
a{text-decoration: none; color:#fff;}
a:hover{text-decoration:none; color:#248DCC;}
a:link,a:visited{outline: none;}
.w-max{width:1200px; margin: 0 auto}
.ct{margin:0 auto;}
.mt5{margin-top:5px;}
.ml5{margin-left:5px;}
.fl{float:left; }
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}

.dib{display:inline-block;*display:inline;*zoom:1;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}


			
#foot {
    padding-bottom: 23px;
    background: 
    #009fd9;
}

#foot_son {
    width: 1200px;
    margin: auto;
}
body {
    font-family: "Microsoft YaHei";
}
#sh {
    border-bottom: 1px solid 
    #27aede;
    padding-bottom: 15px;
}
#sh li {
    float: left;
    color: 
white;
font-size: 16px;
border-right: 1px solid
    #27aede;
    padding-right: 50px;
    padding-left: 20px;
}
#sh li img {
    vertical-align: middle;
}
.clearfix::after {
    clear: both;
}
.clearfix::before, .clearfix::after {
    display: table;
    content: "";
}
#foot_nav li a {
    color: 
white;
padding: 0 25px 0 25px;
border-right: 1px solid
    #ffffff;
    font-size: 16px;
}
#foot_nav li {
    float: left;
    margin-top: 80px;
}
a {
    text-decoration: none;
}
#address {
    margin-top: 68px;
    margin-left: 25px;
}
#address li {
    float: left;
    width: 390px;
    height: 125px;
}
.fisrt_li {
    font-size: 14px;
    color: 
    white;
    line-height: 25px;
}
.fisrt_li div {
    margin-top: 15px;
}
#address li:nth-child(2) {
    border-right: 1px solid 
#ffffff;
border-left: 1px solid
    #ffffff;
}
#bq {
    text-align: center;
    margin-top: 85px;
    font-size: 12px;
    color: 
    rgb(255, 255, 255);
}
#bq a {
    color: 
    rgb(255, 255, 255);
}
.three_li p {
    position: relative;
    text-align: center;
    color: 
    white;
    font-size: 14px;
    top: -10px;
}
.two_li_text {
    margin-left: 95px;
}
.two_li_text_p1 {
    font-size: 27px;
    color: 
    rgb(255, 255, 255);
    font-weight: bold;
}
.two_li_text_p2 {
    font-size: 14px;
    color: 
    rgb(255, 255, 255);
    line-height: 25px;
    margin-bottom: 5px;
}
.two_li_img {
    background: 
#ffffff;
color:
    #00a0d7;
    width: 115px;
    border-radius: 10px;
    padding: 5px 25px 5px 25px;
}
.two_li_img img {
    float: left;
    position: relative;
    top: 5px;
}
.two_li_img p {
    float: right;
}


@charset "UTF-8";
@font-face {
  font-family: 'iconfont';
  src: url('./iconfont.eot');
  src: url('./iconfont.eot?#iefix') format('embedded-opentype'),
      /*url('./iconfont.woff2') format('woff2'),
      url('./iconfont.woff') format('woff'),*/
      url('./iconfont.ttf') format('truetype'),
      url('./iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*--侧边栏--start*/
.jdc-side { display: none; position: fixed; right: 10px; top: 50%; margin-top:-130px; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }

.mod_hang_qrcode_show {transition: 0.5s ease-in-out all; display: none; position: absolute; right: 60px; bottom: 0; padding: 0 20px;  border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); border-radius: 8px; }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }

.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px; color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}
.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}


.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #0989c5; background-color: #fff }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block;  }
.mod_hang_appeal_show { display:none; z-index:100;  position: fixed; left:50%; margin-left: -350px; top: 50%; margin-top: -300px; background: #fff; -webkit-box-shadow: 0 0 10px 0 #ccc; -moz-box-shadow: 0 0 10px 0 #ccc; box-shadow: 0 0 10px 0 #ccc; width: 700px; box-sizing: border-box; padding: 20px; border-radius: 8px; }
.mod_hang_appeal_show h2{ text-align: center;  margin-bottom: 10px;}
.mod_hang_appeal_show h2 img{ display: block; margin: auto; width: 33.33%; height: auto;}
.mod_hang_appeal_show dl{ clear:both; overflow:hidden; padding: 5px 0;}
.mod_hang_appeal_show dt{ color: #333; font-size: 16px; line-height: 2.5; border-bottom: 1px solid #0989c5; clear: both; margin-bottom: 8px;}
.mod_hang_appeal_show dd{ float:left; width:25%; margin-bottom:15px ;}
.mod_hang_appeal_show dd a img{ display: inline-block; margin-right: 3px; vertical-align: middle;transition: 0.3s all ease-in-out;}
.mod_hang_appeal_show dd a{color: #999; font-size: 12px; }
.mod_hang_appeal_show dd a:hover img{ transform: scale(1.1,1.1);}
.mod_hang_appeal_show p{ color: #666; line-height: 1.75;}
.mod_hang_appeal_show .close_mod{ position: absolute; right:5px; top: 5px; color: #fff; font-size: 24px !important; padding: 5px; border-radius: 100%; cursor: pointer; background:#007dd2;}
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { height: 60px;  }
.mod_hang_qrcode_show a{ font-size: 26px; font-family: impact; line-height: 60px; color: #0989c5; white-space: nowrap;}
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}

.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }

a.jisuan{height: auto;color:#fff;
    line-height: 1;
    width: auto;
    text-indent: 0; display: inline-block; margin-left: 20px; border-radius: 10px; padding: 6px; font-size: 14px; border:1px solid #fff;}
a.jisuan:hover{color: #fff;}
/*--侧边栏--end*/

.jisuan_container{ background: #fff; margin-top: 30px;margin-bottom: 40px; padding: 25px; border-radius: 15px; border:1px solid #e5e5e5;}
.jisuan_container h6{ color: #333; font-size:20px; text-align: center; margin-bottom: 25px;}
.jisuan_container .line{ display: flex;display: -webkit-flex;margin-bottom: 35px;}
.jisuan_container .line label{width: 150px; text-align: right; font-size: 16px;color:#666;}
.jisuan_container .line .ipt{ margin-left: 30px; font-size:0; flex: 1; -webkit-flex:1;}
.jisuan_container .line .ipt .item{display: inline-block; margin: 0; cursor: pointer; padding: 8px 15px; color:#32cccc; border:1px solid #e5e5e5; transition: 0.3s all ease-in-out;}
.jisuan_container .line .ipt .item.active{background: #32cccc; color:#fff; border-color:#32cccc;}
.jisuan_container .line .ipt#type3 li{display: flex;display: -webkit-flex; margin-bottom: 25px;}
.jisuan_container .line .ipt .bd{font-size: 0;flex: 1; -webkit-flex:1; }
.jisuan_container .line .ipt .hd{ width: 50px; font-size: 14px; color:#999;}
.jisuan_container .line .ipt p.range{ position: relative; height: 28px;}
.jisuan_container .line .ipt p.range span{ position: absolute; bottom: 0; color: #999; font-size: 12px;}
.jisuan_container .line .ipt #market_price{font-size: 14px; color:#666; text-decoration: line-through;}
.jisuan_container .line .ipt #shop_price{font-size: 24px; color:#ff6700; margin-left: 35px;}
[v-cloak] {
 display: none;
}