html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none; font-weight: normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:arial,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.clearfix{*zoom:1;}
body{font-family:'Microsoft YaHei',Verdana,Arial,Helvetica,sans-serif,\5fae\8f6f\96c5\9ed1,\5b8b\4f53; color:#000;}
body{background: #fff; color:#5d5d5d;}
html{font-size: 20px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body{font-size: 1.2em; box-sizing: border-box;}
body *{box-sizing: inherit;}
input{font-size:1em; outline:none;}
.w100 img{width:100%;}

a{color:#444;text-decoration:none;}
.btn{ text-align: center; display: inline-block; vertical-align: middle;}
.main{width:100%; min-width:320px; max-width:640px; margin:0 auto; font-size:14px; box-sizing:border-box; overflow:hidden}
.main > *{font-size: 0.85em;!important;}
@media screen and (min-width:320px){.main{font-size:14px !important;}.product_text .info span{ display:none}}
@media screen and (min-width:400px){.main{font-size:18px !important;}}
@media screen and (min-width:480px){.main{font-size:22px !important;}}
@media screen and (min-width:560px){.main{font-size:24px !important;}}
@media screen and (min-width:640px){.main{font-size:28px !important;}}
.width-full{width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.fixed-width{width:100%; min-width:320px; max-width:640px; margin:0 auto;/* position:fixed; left:0; right:0; z-index:9999;*/}

@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1471928395'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1471928395#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1471928395') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1471928395') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1471928395#iconfont') format('svg'); /* iOS 4.1- */
}

.icon{
  font-family:"iconfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e602"; }
.icon-duihuakuang:before { content: "\e600"; }
.icon-zheng:before { content: "\e601"; }
.icon-list:before { content: "\e608"; }
.icon-zheng:before { content: "\e603"; }
.icon-join:before { content: "\e605"; }
.icon-help:before { content: "\e606"; }
.icon-fire:before { content: "\e607"; }
.icon-jian:before { content: "\e60f"; }
.icon-xin:before { content: "\e609"; }
.icon-cart:before { content: "\e60a"; }
.icon-phone:before { content: "\e60b"; }
.icon-zuanshi:before { content: "\e60c"; }
.icon-jia:before { content: "\e612"; }
.icon-mian:before { content: "\e60d"; }
.icon-exit:before { content: "\e610"; }

.ui-header{/*height: 3.8em;*/position: static;z-index: 99; overflow:hidden}
.ui-header div{/*height:3.8em;*/background:#ffffff; text-align: center;top: 0; z-index: 9999;}
.ui-header .logo{vertical-align: middle;text-align: center;padding:1em 0; margin:0 auto; width:80%}
.ui-header .logo img{ width:100%}
.ui-header .icon{font-size: 2.0em;}
.hd-btn{width: 3.5em; color: #969696 !important; display: table-cell; vertical-align: middle; float:left}
.ui-header .fixed-width{/*border-bottom:.2em solid #1b2388;overflow:hidden;*/ overflow:hidden}


#menu{ position:fixed; width:15em; top:4.3rem; left:-15em; background:rgba(0,0,0,0.8); color:#fefefe; z-index:100; display:none;}
#menu li:after{ content:''; display:block; width:100%; /* border-bottom:.1em solid #6e59a4;*/}
#menu a{ position:relative; height:2.8em; line-height:2.8em;  padding: 0 .7em; border:none; display:block;color:#eee;font-size: 1em;}
#menu a:after{
  display:block; content:''; position:absolute; 
  right:20px;
  top:50%;
  margin-top:-6px;
  width:10px; height:10px;
  border:.1px solid #f9f9f9;
  border-width:.2em .2em 0 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
#msk{ display:block; position:fixed; width:100%; height:100%;/* background:#000; */opacity:0.5; left:0;z-index:10;}


.swipe {overflow: hidden;visibility: hidden;position: relative;width:100%;height:auto;z-index:1}
.swipe-wrap{overflow: hidden;position: relative;z-index:1}
.swipe-wrap li{float:left;width:100%;position: relative;z-index:1}
.swipe-wrap li img{ width:100%;z-index:1; display:block; }
.swipe-text{ position:absolute; bottom:0; width:100%; height:30px; line-height:30px; z-index:100; background-color:rgba(0,0,0,0.5); color:#fff; font-size:14px;}
.swipe-text p{ padding-left:8px;}
#slider_on{ position:absolute;width:100%;height:30px; line-height:30px; z-index:9999;text-align:center; bottom:0;}
#slider_on ul{ padding-right:8px;}
#slider_on li{display:inline-block;width:10px;height:10px;border-radius:5px;background:rgba(0,0,0,0.5); margin:0 2px;cursor:pointer; z-index:9999;}
#slider_on li.on{box-shadow:inset 0 1px 3px -1px #1b2388,0 1px 2px rgba(0,0,0,.5);background-color:#1b2388; z-index:9999;}


.ui-product{padding-right:.4em;padding-top:.5em;}
.ui-product ul li{width:48%; margin-left:.5em; display: inline-block; float:left;}
.ui-product ul li a{display:block; width:100%; height:100%;border:1px solid #f0f0f0; background:#fff; text-align:center;}
.ui-product ul li a img{max-width:100%; height:auto;}
.ui-product ul li .view img{max-width:100%; height:auto;width:4em;}
.ui-product ul li a p{ text-align:center}
.ui-product ul li a .tit{ color:#666; font-size: .8em; font-weight: 400;}
.ui-product ul li a .dec{padding-bottom:20px; color:#1b2388}
.ui-indextit{padding:.5em .4em; background:#fff;}
.ui-indextit h2{ border-left:.4em solid #1b2388; color:#1b2388; padding-left:10px; line-height:1.5em; font-size: 1em; font-weight: 600; }
.ui-indexblock{padding:.5em .4em; background:#fff}
.ui-indexblock img{max-width:100%;}


.ui-nav{padding:2%; background:#f5f5f5;}
.ui-nav ul{background:#fff; padding-bottom:2%}
.ui-nav ul li{width:25%; float:left; background:#fff; text-align:center; padding-top:2%}
.ui-nav ul li a{display:block;}
.ui-nav ul li a img{width:100%;}


.ui-helpnav{}
.ui-helpnav ul li{width:20%; float:left; text-align: center; padding:10px 0;}
.ul-helpnav ul li{background:#f1f1f1;color:#1b2388;}



/*==============================qrcode==================================*/
.qrcode{padding:.5em .4em; background:#fff}
.qrcode p{border:1px solid #f0f0f0}
.qrcode p img{max-width:100%}
/*==============================footnav==================================*/
.ui-footnav{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; padding:.8em .5em;}
.ui-footnav ul li{width:20%; float:left;text-align: center;}

.ui-footnav ul li a{display:block;font-size: 0.8em;color:#999; border-right:1px dashed  #999;}
.ui-footnav ul li:last-child a{border-right:none;}
.ui-footnav ul li a i{font-size: 2.4em;}
.ui-footnav ul li a h4{color:#999;}
.ui-footer{}
.ui-footer ul li{width:50%; float:left; padding-top:1.3em;}
.ui-footer ul li div{border-right:1px solid #e6e6e6; padding-bottom:.8em;}
.ui-footer ul li h3{line-height:1.5em; color:#333;padding-left:1.5em; font-size: 1em;padding-bottom: .8em;}
.ui-footer ul li p{line-height:1.8em; font-size:0.8em; padding-left:1.8em;}
.ui-footer ul li p a{color:#808080;}
.ui-footer ul li p a:last-child{}
.ui-footdec{padding-top:15px; padding-bottom:85px; text-align:center; color:#999; font-size:0.8em;}

.wells{ position:fixed; left:0; bottom:0; width:100%; height:4em; border-top:.2em solid #1b2388;z-index:9999;}
.wells li{ display:block; width:33.3333%; float:left; height:4em;}
.wells li a{display:block; width:100%; height:100%; text-align: center} 
.wells li a i{font-size:2.0em;display:block;}
.wells .tel{background:#1b2388; color:#f2f2f2;}
.wells .tel a{color:#f2f2f2;}
.wells .cart{background:#fff;color:#1b2388;}
.wells .cart a{color:#1b2388}
.wells .zixun{background:#fff;color:#1b2388;}
.wells .zixun a{color:#1b2388}
.bread{color:#999;padding: .5em .4em;line-height:1.5em}
.bread>li{display:inline-block;}
.bread>li+li:before{padding: 0 5px; content: "/\00a0";}
.adv img{max-width:100%;}
.drop{padding:0 2%; }
.droplist{  display: table; width:100%;}
.droplist .active{ color:#1b2388;}
.droplist .btn{padding:8px 12px; text-align:center;    display: table-cell; border:1px solid #ddd;}
.droplist .btn:not(:last-child){border-right:none;}
.droplist .btn:first-child{border-top-left-radius:3px; border-bottom-left-radius:3px;}
.droplist .btn:last-child{border-top-right-radius:3px; border-bottom-right-radius:3px;}

.droplist1{  display: table; width:100%;min-width:320px;max-width:640px;background:#fff;}
.droplist1 .active{ color:#fff; background:#1b2388; border:1px solid #1b2388;}
.droplist1 .btn{padding:8px 12px; text-align:center;    display: table-cell; border:1px solid #ddd;}
.droplist1 .btn:not(:last-child){border-right:none;}
.droplist1 .btn:first-child{border-top-left-radius:3px; border-bottom-left-radius:3px;}
.droplist1 .btn:last-child{border-top-right-radius:3px; border-bottom-right-radius:3px;}

.item{padding:0 2%;}
.item .list-item{border:1px solid #f0f0f0; margin-top:12px; padding:5px 8px;}
.item li:after{ content:''; display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.item .list-item .img{width:100px; float:left; margin-right:20px;}
.item .list-item .img img{width:100%}
.item .list-item .tit{pading:5px 0;}
.item .list-item .tit h3{ font-weight:700; line-height:40px;}
.item .list-item .tit .dec{color:#999 }
.item .list-item .tit .price{color:#ff4f59; line-height:40px;}
.item .list-item .btn{ float:right; display:inline-block}
.item .list-item .btn a{display:block; margin-top:10px;border-radius:8px; padding:5px 4px 5px 8px; }
.item .list-item .btn .btnprim{  background:#ff4f59;color:#fff; border:1px solid #ff4f59; }
.item .list-item .btn .btndanger{ background:#1b2388;color:#fff; border:1px solid #1b2388; }

.item .list-item .ico-img{width:40%;float:left;}
.item .list-item .ico-img img{width:100%}
.item .list-item .ico-txt{width:60%;float: left;}
.item .list-item .ico-txt h3{font-size:18px; color: #1b2388; font-weight: bold; line-height:30px; padding-top:6px;}
.item .list-item .ico-txt .price span{color:#F36}
.item .list-item .ico-txt .mark,.item .list-item .ico-txt .view{padding-top:6px;}
.item .list-item .ico-txt .mark p{font-size:13px;}


.art{padding:0 2%;}
.art .con{ padding:5px; border:1px solid #f0f0f0;}
.art .con img{max-width:100%;vertical-align: bottom;}
.art .list{border:1px solid #f0f0f0;}
.art .list a{width:49%; height:40px; float:left; margin-top:8px; text-align:center;}
.art .list a:nth-child(2n+1){margin-right:1%;}
.art .list a:nth-child(2n){margin-left:1%;}
.art .list .btn{ line-height:40px; background:#f5f5f5; color:#333;}
.art .list .active{background:#1b2388; color:#fff}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.gobtn div{float:left;}
.gobtn .btn{background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	background:#fff;
	border:1px solid #ddd;
	}

.box h3 {
    padding: 0 0 0 80px;

    cursor: hand;
    background: url(../images/hengtiao.png) no-repeat;
    background-position: 0;
}
.pir img{ width:100%;}

.product_text{height:80px; padding-left:8px;}
.product_text .buybtn{border-radius:3px; background:#ff3c48; float:right; dispaly:block; width:60px; height:60px; margin:10px; padding:5px 0;text-align:center; font-size:13px; color:#fff}

.product_text p{ line-height:40px;}
.product_text .price{color:#1b2388;}
.product_text .price span{border-radius:3px ; background:#1b2388; padding:0 5px;margin-left:4px;color:#fff}
.product_text .info{font-size: 1.2em;}
.product_text .info span{color:#777;font-size:12px;}
#prolist li{border-bottom:dashed 1px #ddd;}
#prolist li .pic{width:30%;float:left;}
#prolist li .pic img{width:100%;}
#prolist li .info{width:70%; float: left;padding-top:30px; position: relative;}
#prolist li .info .tit{font-weight: 700;font-size: 18px;line-height: 1.5em}
#prolist li .info span.fix-price{color:#1b2388;font-weight: 700;font-size: 18px; position: absolute;bottom:0px;left:5px;}
#prolist li .info span.desc{color:#777;}
#prolist li .info .del{position:absolute;right:5px;top:5px;color:#1b2388;}
.cart-num{text-align: right;}
.cart-num img{vertical-align: middle;}
.cart-num input {
    width: 80px;
    height: 24px;
    border: 1px #cccccc solid;
    vertical-align: middle;
    line-height: 15px;
    text-align: center;
    margin: 0 15px;
}
#prolist li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.dgprice {
    text-align: right;
    padding: 10px 20px;
    font-family: "΢ÈíÑźÚ";
    font-size: 14px;
    border-top: 1px #e3e3e3 dotted;
    line-height: 30px;
}


.dgprice span.payp {
    font-size: 24px;
    vertical-align: middle;
    color: #ff3c48;
}
.dgprice span {
    color: #444;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
}

.oct{border-bottom:2px solid #1b2388; line-height:30px;}
.oct h3{display: inline-block;background:#1b2388; padding:10px 15px; color:#fff;}
.form li{line-height:30px; margin-top: 8px;}
.red{color:#ff3c48;}
.form-control{display: block; width:98%;height:30px; line-height: 30px; border:1px solid #ddd;}
.zft{width:100%;height:80px;}
.zft span{display:block;width:50%; float:left; text-align: center;}
.zft a{display:block;height:88px;}
.zft a.active img{border:3px solid #ff3c48;}
.zft a img{max-width: 100%;border:3px solid #eee; border-radius: 8px;}
.subtj{margin-top: 15px;padding:10px 20px;background:#1b2388;color:#fff;border-radius: 3px;}
.scroll-top{position:fixed; bottom:90px;right:10px;width:30px;height:30px; background:url(../images/top.png) no-repeat; background-size:100% 100%}
.abx{position:fixed; top:0;z-index:9999;}


#maskWebChat{position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 10000;display: none;}
#mask{position: absolute;left: 50%;width: 60%;margin-left: -30%;top: 50%;margin-top: -14%;background: #414141;border-radius: 8px;z-index: 10001;padding: 3em 0;}
#txtWebChat{color: #fff;font-size: 2em;text-align: center;padding-bottom: 1em;border-bottom: 1px solid #fff;width: 90%;margin: 0 auto;margin-bottom: 1em;}
#txt_tips{color: #fff;padding: 0 2em;text-align: center;}
#closeWebChat{position: absolute;right: 0.5em;top: 0.2em;font-size: 1.8em;color: #fff;}