@charset "utf-8";
*{ font-family:"Microsoft YaHei", tahoma, Simsun, Mingliu, Arial, Helvetica;}
body {background: white;}
body, input, textarea, select { font-size: 12px; color: #333; font-family: "microsoft yahei", Arial, Helvetica, sans-serif; }
body, h1, h2, h3, h4, p, ul, ol, dl, dt, dd { margin: 0; padding:0;}
p img {line-height: 0; vertical-align: middle; width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
ul, ol, dl, dt, dd { padding-left: 0; list-style-type: none; }
img{display: block;vertical-align: middle;}
.menu-panel{height:100%;width:80%;position:absolute;top:0px;right:-80%;background:#333;opacity:0.9;z-index:99999;display:none;}
.tel_a .ui-icon { background:url(../images/nav_black.png) no-repeat -83px -9px; margin-left:10px; border-radius:0; border:none; box-shadow:none; width:25px; height:25px; }
.mail_a .ui-icon { background:url(../images/nav_black.png) no-repeat -159px -9px; margin-left:10px; border-radius:0; border:none; box-shadow:none; width:30px; height:25px; }
.phone_a .ui-icon{background: url(../images/nav_black.png) no-repeat -203px -9px;margin-left: 10px;border-radius: 0;border: none;box-shadow: none;width: 25px;height: 25px;}
.news_list, .products_list, #vedio_list{display:none;position: fixed;z-index: 500;}
.news_list li, .products_list li{ border:none;}
.news_list a, .products_list a{ font-size:14px; font-weight:normal; text-indent:25px;}
#product_list a {display: block;width: 100%;height: 100%;}
.div_search{ width:100%; height:48px;}
.tab_search{ width:310px; position:absolute; right:3px;}

/* share panel*/

.share-panel{position: absolute;z-index:9999;bottom: 65px;right:-100%;height:66px;width: 70%;}


/* reset */
.fl { float: left !important; }
.fr { float: right !important; }
.clearfix { overflow: hidden; zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.hide { display: none; }
body { background: #EFEFEF; -webkit-tap-highlight-color: rgba(0,0,0,0); }
header, section, footer { -webkit-animation: pulsate .5s ease-in-out; }
.org { color: #f60; }
header.hbg1 { box-shadow: 0px 1px 1px #D2D2D2; border-bottom: #DEDEDE 1px solid; }
header .logo { display: inline-block; width: 90px; height: 23px; margin-left: 10px; margin-top: 9px; font-size: 18px; color: #fff; overflow: hidden; -webkit-text-shadow:0px 0px 2px rgb(25,131,11);}
/* i_list */
.i_list_flash,.i_list, .more { margin: 10px 0; background: #fff; border-radius: 5px; font-family: 'Microsoft YaHei'; }
/* i_list_tui */
.i_list_tui { margin: 10px; }
.i_list_tui p { font-weight: normal;width: 210px; height: 30px; overflow: hidden;}
.i_list_tui h3 a { color: #333; font-size: 20px; }
.i_list_flash .tui_img { width: 100%; }
.i_list_flash .tui_img ul li img { display: inline-block; max-width:100%!important;height:auto!important; }
.pq {color: #999;height:20px;font-weight:normal}
.tui_price {height:25px;line-height:25px;}
.tui_price strong { color: #CB0100; font-size: 14px; }
.tui_price del { color: #666; }
.tui_btn { position: relative; margin: 0 -3px; }
.tui_btn a { display: block; text-align: center; font-size: 20px; color: #fff; height: 38px; line-height: 38px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b5071d), to(#96050d)); box-shadow: 0px 1px 1px #b5071d inset; text-shadow: 0px -1px 1px #b5071d; }
.tui_btn em { position: absolute; top: -3px; width: 3px; height: 3px; overflow: hidden; }
.tui_btn em i { display: block; width: 10px; height: 10px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.tui_btn em.em_left { left: 0px; }
.tui_btn em.em_right { right: 0px; }
.tui_btn em.em_right i { margin-left: -7px; }
/* list list-style */
.i_list ul li { position: relative; border-top: #DBDBDB 1px dashed;  height: 80px;padding: 10px;  clear: both; }
.i_list ul li:first-child, .u_order li:first-child { border-top: none; }
.i_list ul li img { float: left; max-width: 80px; max-height: 80px; margin-right: 10px; }
.i_list ul li .head { font-size: 14px; color: #333; overflow: hidden;height:38px;font-weight:normal}
.i_list ul li .tui_price { background: #fff; padding: 0;color:#999;margin-top: 3px;}
.i_list ul li .tui_price del{ color: #999; font-size: 12px;font-weight: normal }
.i_list ul li .tui_price span { padding: 1px 5px; background: #F0F0F0; margin: 3px 0px 10px 0px; }
.i_image_list {padding:5px; border:1px solid #ddd; border-radius: 5px; background: #fff}
.i_image_list ul li{float: left;width: 50%;height: auto; text-align: center;}
.i_image_list .pic-wrap {width: 96%;border: 1px solid #bebebe;height: auto; border-radius: 10px;overflow: hidden;margin:0 auto;}
.i_image_list .pic-wrap img {width: 100%; max-height:180px; border-radius: 10px;}
.i_image_list ul li .tui_price { background: #fff; padding: 0;width: 100%; height:2em ;overflow: hidden;}
.i_image_list  .head{ margin: 0 auto;overflow: hidden; white-space: nowrap;width: 77%;}
.cf:before,
.cf:after {content: '.';display: block;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0;width: 0;height: 0;}
.cf:after {clear: both;}
.cf {zoom: 1;}
.more { display: block; text-align: center; line-height: 36px; }
.more:hover { background: #fbfbfb; color: #666 }
.p_mod_title { font-size: 15px; color: #63B908; padding: 0px 0px 5px 0px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.bottom_margin { margin-bottom: 64px; }
@media screen and (max-width: 340px) {
.o_address input, .o_address select { width: 200px; }
.o_address textarea { width: 180px }
}
input.number_info {width: 40px;line-height: 22px;vertical-align: middle;text-align: center;display: inline-block;border: 1px solid #4B4C57;-webkit-border-radius: 3px;-webkit-box-shadow: inset 0 -3px 5px #C2C6CC,inset 3px 0 5px #C2C6CC,inset -3px 0 5px #C2C6CC;margin: 0 5px;}
/* shopping cart style */
#cart_0 li { background-repeat: repeat-x;background-position: left bottom;padding: 7px 7px 9px;position: relative;border-bottom:1px solid #ddd; }
#cart_0 li dl dd { float: left;padding-right: 5px }
#cart_0 li dl dd img { border: 1px solid #DADBDD;}
#cart_0 li dl dt { line-height: 1.8em;margin-left: 0px; }
.red { color: #E8270C;}
.dell_prod { position: absolute;right: 10px;top: 50%;margin-top: -20px; }
.p_b li { line-height: 20px;padding-left: 10px;font-size: 14px;color: #999; }
/* cover style */
.disno {display: none;}
.shadow { width: 100%;height: 100%;top: 0;left: 0;background-color: #000;opacity: .7;position: fixed;z-index: 9998; }
/*product_detail*/
.p_short_desc h2{ font-size: 15px;color: #63B908;padding: 0px 0px 5px 0px;border-bottom: 1px solid #ddd;margin-bottom: 10px; }

.payl{ padding:2px 5px;background-color: #ccd39e;color:#fff;text-shadow:none;position: relative;z-index: 1;}
a.payl::before{content:"";background: #ccd39e;height: 20px;position: absolute;right: -11px;top: 50%;width: 20px;margin-top: -11px;z-index: -1;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
/* table style*/
table {*border-collapse: collapse; /* IE7 and lower */border-spacing: 0;width: 100%;text-align: center;color: #3B3E40;}
.bordered {border: solid #ccc 1px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;}
.bordered tr {-o-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;   }
.bordered .highlight,.bordered tr:hover {background: #fbf8e9;    }
.bordered th {font-size: 14px;font-weight: 700;}
.bordered td {font-size: 12px;vertical-align: middle;}
.bordered td, .bordered th {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: 8px;/*text-align: left;*/}
.bordered td a {display: inline-block;margin: 0 5px;color: #3B3E40;}
.bordered th {
  background: #e0f3fa; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZjNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Q4ZjBmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmRmZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 30%, #b6dffd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(30%,#d8f0fc), color-stop(100%,#b6dffd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 30%,#b6dffd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 30%,#b6dffd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 30%,#b6dffd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 30%,#b6dffd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-8 */
}
.bordered td:first-child, .bordered th:first-child {border-left: none;}
.bordered th:first-child {-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0;border-radius: 6px 0 0 0;}
.bordered th:last-child {-moz-border-radius: 0 6px 0 0;-webkit-border-radius: 0 6px 0 0;border-radius: 0 6px 0 0;}
.bordered tr:last-child td:first-child {-moz-border-radius: 0 0 0 6px;-webkit-border-radius: 0 0 0 6px;border-radius: 0 0 0 6px;}
.bordered tr:last-child td:last-child {-moz-border-radius: 0 0 6px 0;-webkit-border-radius: 0 0 6px 0;border-radius: 0 0 6px 0;}
.al{ margin:5px 0;}
.al a { color: #005AA0; }
.al a:hover {text-decoration: underline;}
.order-detail{border: 1px solid #DADADA;padding: 0 5px 10px;background: #ddd;font-size: 12px;overflow: visible;}
.order-detail td{ vertical-align: middle;}
.order-detail .mt{padding: 0 8px;height: 30px;line-height: 30px;font-size: 14px;}
.order-detail .mc{padding: 5px 8px;background: #fff;color: #333;overflow: visible;}
.order-detail .mc dt{ margin-bottom: 4px;font-weight: bold;}
.order-detail .mc dl{padding: 10px 5px;border-top: 1px solid #EDEDED;}
.order-detail .mc .fore{border-top : 0;}
.p-list table {border-collapse: collapse;margin-left: -1px;border: solid #DEDEDE;border-width: 0 1px;}
.p-list th{padding: 5px;background: #f3f3f3;border-top: 1px solid #DEDEDE;border-bottom: 1px solid #DEDEDE;border-left: 1px solid #F0F0F0;font-size: 12px;font-weight: normal;}
.p-list td {padding: 5px;background: #fff;border-top: 1px solid #DEDEDE;border-bottom: 1px solid #DEDEDE;border-left: 1px solid #F0F0F0;text-align: center;vertical-align: middle;}
.img-list .img-box {border: 1px solid #e1e1e1;display: block;margin: 0 auto;width: 50px;height: 52px;}
.img-list .img-box img{vertical-align: middle;}
.p-sumary {text-align:right;font-size:14px;padding:5px;}
.p-sumary span {color: #f70;font-weight: 600}
/* address_book */
.option{text-align: right}
.address p{font-size: 12px;margin:3px 0;}
.addSelect{color: #f70;}
.address-list{ border-bottom: 1px solid #ddd;padding:5px 0;}
.address-list:last-child{border:none;}
.screenIfm {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  z-index: 13;
}
nav.arc {
    position:fixed;
    height:40px;
    width:40px;
    bottom: 45px;
    left: 5px;
    /*background:#F00;*/
    z-index: 999;
}

a {
    -webkit-tap-highlight-color:hsla(0,0%,0%,0.0);
}
.arc > a {
    position: absolute;
    width: 40px;
    height: 40px;
    /*background: #F00;*/
    bottom: 36px;
    left: 0px;
    z-index: 2;
    border-radius:50px;
    font-size: 38px;
    text-align:center;
    line-height:35px;
    color:#FFF;
    text-decoration:none;
}
.arc ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
.arc li {
    position:absolute;
    left:2px;
    top:-38px;
}
.arc li a {
    border: 2px solid #ccc;
    width: 34px;
    height: 34px;
    position: absolute;
    top:0;
    left:0;
    border-radius: 100%;
    overflow:hidden;
    text-decoration:none;
}
.arc li a:hover{border: 3px solid #aaa; }
.ani0-open { -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate3d(0px, -130px, 0px);}
.ani1-open { -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate3d(65px, -113px, 0px);}
.ani2-open { -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate3d(113px, -65px, 0px);}
.ani3-open { -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate3d(130px, 0px, 0px);}
.ani0-open > a, .ani1-open > a, .ani2-open > a, .ani3-open > a{
    -webkit-transition: -webkit-transform 300ms ease-in-out 0s; 
    -webkit-transform: rotate(-360deg);
}
.ani0-close {-webkit-transition: -webkit-transform 300ms;}
.ani1-close { -webkit-transition: -webkit-transform 300ms;}
.ani2-close { -webkit-transition:-webkit-transform 300ms;}
.ani3-close { -webkit-transition: -webkit-transform 300ms;}
.ani0-close > a, .ani1-close > a, .ani2-close > a, .ani3-close > a{
    -webkit-transition: -webkit-transform 300ms ease-in-out 0s; 
    -webkit-transform: rotate(360deg);
}

/*animation*/
.qnav-index { background: #fff url(../images/menu/weijiaico.png) center center no-repeat; background-position: 0px 0px;}
.qnav-phone { background: #fff url(../images/menu/weijiaico.png) center center no-repeat;background-position: 0px -40px;}
.qnav-cart { background: #fff url(../images/menu/weijiaico.png) center center no-repeat;background-position: 0px -80px;}
.qnav-map { background: #fff url(../images/menu/weijiaico.png) center center no-repeat;background-position: 0px -120px;}
.qnav-product { background:#fff url(../images/menu/weijiaico.png) center center no-repeat;background-position: 0px -160px;}
.qnav-custom { background:#fff  url(../images/menu/weijiaico.png) center center no-repeat;background-position: 0px -200px;}
.qnav-share { background:#fff url(../images/menu/weijiaico.png) center center no-repeat;background-position: 0px -240px;}

/* 图片自适应 */

.detail_content_news img{ width:98%;}