@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font:13px "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;color:#333; background:#FFF;}
a {font-size:13px;color:#333;}
a:link{text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration: none;}
a:active {text-decoration:none;}
img,a img{border:0;margin:0;padding:0;vertical-align:middle;/*image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;*/}
ul,li{display:block;list-style:none;margin:0;padding:0;}
form,p{margin:0px;}
input,select{vertical-align:middle;color:#636363;font:12px Verdana,Helvetica,sans-serif;outline:none;background: #fff;}
.bot{padding:5px 15px 5px 15px;border:none;color:#FFF; text-align:center; background:#000;font-size:16px;color:#fff;cursor:pointer;}
.clear{clear:both;height:10px;}
.red{color:#ff0000; display:inline;}
.tip{position:absolute;visibility:hidden;background:#FFEFEF;border:#f96 1px solid;padding:5px;color:#009933;line-height:20px;}

#header{margin:0;width:100%;height:auto;border-bottom:#ddd 1px solid;top:0px;background:#FFF; z-index:9;}

#welcome{margin:0;width:100%;height:45px;line-height:45px;background:#000;}
#welcome ul{margin:auto;width:1200px;height:auto; overflow:hidden;}
#welcome li{display:block; float:left; }
#welcome #wel{width:10%;}
#welcome #wel #currency{height:24px;background:#000;border:#000 1px solid; color:#FFF; font-size:11px;}
#welcome #wel .scurr{font-size:12px;display:none;color:#FFF;}
#welcome #wec{width:65%; text-align:center;color:#FFF;}
#welcome #wec{color:#FFF;}
#welcome #wer{width:25%;text-align:right;}
#welcome #wer a{padding-left:10px; color:#FFF;}
#welcome #wer img{ height:15px;}
#welcome #show_home{display:none;}

#he{margin:auto;width:1200px;height: auto;overflow:hidden;}

.marquee_box{width: 100%; display: none; background: #f6f6f6;}
.marquee{margin:auto; font-size: 12px;}

#logo{display:block;float:left;margin-top:10px;width:500px;height:auto; overflow:hidden;}
#logo img{height:50px;}

#search{display:block;float:right; margin-top:20px;width:300px;background:#f1f1f1;border-radius:3px;}
#search #search_txt{padding:0px;border:0;width:250px;height:28px; text-indent:5px;line-height:28px;border:#f1f1f1 1px solid; background:#f1f1f1;border-radius:3px; color:#999;}
#search #search_submit{display:inline-table; float:right;width:30px;height:30px;background:url(../images/search.gif); background-size:30px 30px;color:#FFF;cursor:pointer; border:none;}

#show_nav{position:absolute;cursor:pointer; left:10px; margin-top:15px;display:none;}
#show_nav i{ font-size: 16px;}

#nav{position:fixed;top:50px; bottom: 0px;  width:100%; max-width:640px;background: rgba(0, 0, 0, 0.8); height:auto; overflow:hidden; display:none; z-index:9999999999;}
#nav li{ padding:10px; text-align:center;}
#nav li a{color:#fff;}

#show_currency{position:absolute;cursor:pointer; left:40px; margin-top:12px;display:none;}
#show_currency #currency{height:24px; width: 30px; background:#fff;border:#fff 1px solid; color:#000; font-size:12px;}
#show_currency .scurr{font-size:12px;display:none;color:#FFF;}

#show_account{position:absolute;cursor:pointer; right:50px; margin-top:12px;display:none;}
#show_account a{ font-size: 18px;}

#show_search{position:absolute;cursor:pointer; right:10px; margin-top:12px;display:none;}
#show_search i{ font-size: 18px;}
#show_search a{ font-size: 18px;}


#heclear{ clear:both; width:100%; height:0px; overflow:hidden;}


#h_nav{ margin:auto; margin-bottom:10px;width:1200px;text-align: center;}
#h_nav li{display:inline-block;margin:0;width:auto;height:30px;text-align:center;}
#h_nav li:hover{}
#h_nav a{display:inline-block;padding:0 10px 0px 10px;height:30px;line-height:30px; font-size:14px; font-weight:bold;}
#h_nav a:hover{}
#h_nav a img{vertical-align:middle;}
#h_nav span{margin-top:0px;}
#h_nav .nav_line{width:1px;height:30px;line-height:30px;text-align:center; background:#FFF;}

#h_nav .h_class_list{position:absolute;padding:0;margin-top:0px; margin-left:0px;width:180px;height:auto;z-index:9999999;/*visibility:hidden;*/background:#f1f1f1; display:none;}
#h_nav .h_class_list_show{margin:auto;width:160px;height:auto;}
#h_nav .h_class_list a{padding:10px 0px 10px 0px;width:100%;font-weight:normal;text-align:left;height:auto;line-height: normal;}
#h_nav .h_class_list a:hover{ border-bottom:none;}
#h_nav .h_class_list ul{}
#h_nav .h_class_list .c{display:block; padding:0px;float:left;width:160px;overflow:hidden;}
#h_nav .h_class_list .ct{width:160px; }
#h_nav .h_class_list .cs{width:100%;height:auto;overflow:hidden;border-bottom:#ccc 1px solid;}
#h_nav .h_class_list .cs a{}
#h_nav .h_class_list .cs a:hover{ color:#af0000;}
#h_nav .h_class_list .csn{float:left;width:170px;}


#float_top{position:fixed;top:0;background:#000;width:100%;z-index:9999;display:none;}
.ftop{margin:auto;width:1200px;display: flex;justify-content: center;align-items: center;}
.ftop .logo{ display:block; float:left;width:10%; cursor:pointer;}
.ftop .logo img{ height:30px;}
.ftop .nav{ display:block; float:left;width:75%;text-align:center;}
.ftop .nav li{ display:inline-block; padding:7px 10px 7px 10px;cursor:pointer;}
.ftop .nav li a{display:inline-block;color:#FFF;font-size:14px; border-bottom:#000 1px solid;}
.ftop .nav li a:hover{border-bottom:#fff 1px solid;}
.ftop .button{display:block; float:left;width:15%; text-align:right;}
.ftop .button span{display:inline-block;padding:0px 10px 0px 10px; cursor:pointer;}
.ftop .button i{ font-size:20px; color:#FFF;}
.ftop .button p{ position:absolute; margin-top:-10px;display:inline-block;background:#FFF; color:#000; font-size:11px; border-radius:5px; font-weight:normal; font-style:normal; padding:2px;}

#footers{clear:both;margin:auto; margin-top:50px; padding:20px 0px 20px 0px;width:100%;height:auto;overflow:hidden;background:#000;}
#footers #f_contents{margin:auto;width:1200px;}
#footers #f_mail{display:block;float:left;width:50%;height:auto; overflow:hidden;}
#footers #f_mail li{}
#footers #f_mail #f_title{font-size:16px; color:#FFF;}
#footers #f_mail #f_input{ margin-top:20px;width:500px;}
#footers #f_mail #f_input #special_mail{ height:28px; border:#fff 1px solid; width:380px; line-height:25px; text-indent:10px;}
#footers #f_mail #email_submit{height:30px;background:#000; color:#FFF;border:#fff 1px solid; cursor:pointer;}
#footers #f_ico{display:block;float:left;width:50%;padding:30px 0px 30px 0px;height:auto; overflow:hidden; text-align:center;}
#footers #f_ico i{display:inline-block; margin:0px 10px 0px 10px;padding:5px;width:20px; height:20px; line-height:20px;border-radius:50%;color:#fff; border:#fff 1px solid; font-size:15px; text-align:center;cursor: pointer;}


#footer{clear:both;margin:auto;width:100%;height:auto;overflow:hidden;}
#footer #f_nav{margin:auto; padding:0; width:1200px;height: auto; padding:30px 0px 30px 0px;overflow:hidden;}
#footer #f_nav ul{display:block; float:left;margin:0; padding:0; width:16.6%;}
#footer #f_nav li{padding-top:10px;}
#footer #f_nav li a{}
#footer #f_nav .qrcode{ margin-top:10px;text-align:center;}
#footer #f_nav .qrcode img{ width:50%;}
#footer #f_nav #f_n_title{font-weight:bolder;}
#footer #f_txt{margin:20px;text-align:center;}
#footer #f_content{margin:20px;text-align:center;}

#footer_fixed{position:fixed;margin:auto; padding: 8px 0px 8px 0px; bottom:0px;left:0px;right:0px;width:100%; height:auto;background:#fff;z-index:999; display: flex; justify-content: center; align-items: center; visibility:hidden; border-top:#cdcdcd 1px solid;}
/* #footer_fixed::before{content:'';display:block;position: absolute;width:100%; bottom: 30px; left:0px;height:1px;background-color:#cdcdcd; -webkit-transform: scaleY(0.5);transform:scaleY(0.5);} */
#footer_fixed .fl{width:0px;}
#footer_fixed .ff{flex:1;width:0;text-align:center; color:#999; cursor:pointer; font-size:11px;}
#footer_fixed i{font-size:18px; color:#666;}
#footer_fixed a{display:block; width:100%; height:100%; color:#999; font-size:11px;}
#footer_fixed img{ width:20px;}
#footer_fixed span{ display:block;}

#float_right{position:fixed;right:2px;bottom:10%;height:auto;width:50px;height:auto;z-index:999;}
#float_right div{ margin-bottom:10px;padding:10px;width:30px; height:30px;background:#000;text-align:center;border-radius:5px;cursor:pointer;}
#float_right div i{ font-size:25px; color:#fff;}
#float_right div img{ width: 100%;}
#float_right .totop{background:#cdcdcd;}
#float_right .totop i{ font-size:30px; color:#FFF;}


.show_bg{position:fixed;z-index:999999;width:100%;height:100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3); display:none;}

.result{position:fixed;z-index:9999999;top:0;left:50%;margin-left:-250px;width:500px;height:auto;_position:absolute;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));background:#ff5500;/*filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95;*/line-height:35px; text-align:center;color:#FFF; font-size:16px;display:none;}

.toast{position: fixed;top: 50%;left: 50%; width:auto; height: auto;transform: translateX(-50%) translateY(-50%);background:rgba(0, 0, 0, 0.5);color:#fff; padding: 10px 20px 10px 20px; border-radius: 5px; z-index: 9999999999; display: none;}

.weui_dialog_alert{display:none;}
.weui_dialog_confirm{display:none;}

.weui_mask {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.weui_dialog {
  position: fixed;
  z-index: 999999999999;
  width: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FAFAFC;
  text-align: center;
  border-radius: 3px;
}

.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
  padding: 1.2em 20px .5em;
}
.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
  text-align: center;
}
.weui_dialog_hd {
  padding: 1.2em 0 .5em;
}
.weui_dialog_title {
  font-weight: 400;
  font-size: 17px;
  color:#000;
}
.weui_dialog_bd {
  padding: 0 20px;
  font-size: 15px;
  color: #888;
  word-wrap: break-word;
  word-break: break-all;
}
.weui_dialog_ft {
  position: relative;
  line-height: 42px;
  margin-top: 20px;
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.weui_dialog_ft a {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #3CC51F;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_dialog_ft a:active {
  background-color: #EEEEEE;
}
.weui_dialog_ft:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_dialog_confirm .weui_dialog_ft a {
  position: relative;
}
.weui_dialog_confirm .weui_dialog_ft a:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.weui_dialog_confirm .weui_dialog_ft a:first-child:after {
  display: none;
}
.weui_btn_dialog.default {
  color: #353535;
}
.weui_btn_dialog.primary {
  color: #000;
}
@media screen and (min-width: 1024px) {
  .weui_dialog {
    width: 35%;
  }
}

@media screen and (max-width: 750px) {
*{padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent;/*-webkit-appearance: none;*/}
body{-webkit-text-size-adjust:none;margin:0 auto;font:12px;}
a {font-size:12px;}
input,select{-webkit-appearance:none;}

#welcome{height:30px;line-height:30px; display: none;}
#welcome ul{width:98%;}
#welcome #wel{ width:50%;}
#welcome #wel .scurr{display: inline;}
#welcome #wec{ display:none;}
#welcome #wer{ width:50%;}
#welcome #wer span{display:none;}
#welcome #show_home{display:inline;}

#header{position:fixed;border-bottom:none;-moz-box-shadow: none;box-shadow:none;}
#he{width:100%; height:auto;}
.marquee_box{ display: block;}
#logo{margin-top:5px;width:100%;text-align:center;}
#logo img{ height:40px;}
#h_nav{ display:none;}

#search{position:absolute;top:50px;width:100%;background:#303030; height:auto; overflow:hidden; display:none; z-index:9999999999;border-radius:0px;}
#search #search_txt{padding:0px;border:0;width:80%;height:38px; text-indent:5px;line-height:38px;border:#303030 1px solid; background:#303030;border-radius:0px; color:#999;}
#search #search_submit{display:inline-table; float:right;width:40px;height:40px;background:url(../images/search.gif); background-size:40px 40px;color:#FFF;cursor:pointer; border:none;}
#show_nav{display:block;}
#show_search{display:block;}
#show_currency{display:block;}
#show_search{display:block;}
#show_account{display:block;}
#heclear{height:50px;}

#footers {width:100%;}
#footers #f_contents{width:100%;}
#footers #f_mail{width:100%; text-align:center;}
#footers #f_mail #f_title{font-size:14px; color:#FFF;}
#footers #f_mail #f_input{ margin-top:20px;width:100%;}
#footers #f_mail #f_input #special_mail{ width:80%;}
#footers #f_mail #email_submit{height:28px; font-size:10px; padding:0px 2px 0px 2px;}
#footers #f_ico{width:100%;padding:30px 0px 10px 0px;}
#footers #f_ico i{margin:0px 5px 0px 5px;padding:5px;width:12px; height:12px; line-height:12px;font-size:10px;}

#footer{margin-bottom:50px;}
#footer #f_nav{width: 95%;}
#footer #f_nav ul{display:block; float:left;margin:0; padding:0; width:50%;}
#footer #f_nav ul:nth-child(5){display: none;}
#footer #f_nav ul:nth-child(6){display: none;}
#footer #f_txt{margin:20px;text-align:center; border-top:#ddd 1px solid;}

#footer_fixed{ visibility:visible;}

#float_right{right:2px;bottom:10%;width:30px;}
#float_right div{ margin-bottom:10px;padding:5px;width:20px; height:20px;background:#000;text-align:center;border-radius:5px;cursor:pointer;}
#float_right div i{ font-size:15px; color:#fff;}
#float_right div img{ width: 100%;}
#float_right .totop i{ font-size:18px; color:#FFF;}


input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="radio"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {
    background-color: #ccc;
    background-clip: content-box;
    padding: 0em;
}
input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="checkbox"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-indent: .15em;
    line-height: 1; 
}
input[type="checkbox"]:checked + label::before {
	content: "\2713";
    background-color: #ccc;
    background-clip: content-box;
    padding: 0em;
}
}