* { margin: 0; padding: 0; box-sizing: border-box;font-size: 14px; }
html{min-width:320px;}
body { background: #f3f3f3; color: #333;   }
a, input, textarea { color: #333; }
i { font-style: normal; }
ul { list-style: none; padding: 0; margin: 0; }
p { margin: 0; }
.p10 { padding: 10px; }
div { margin: 0 auto; }
.dpn { display: none; }
h3 { padding: 10px; background: #fff; margin-bottom: 5px; }
a, a:hover, a:active { text-decoration: none; }
.money:before { content: "￥"; }
.money { color: #fd7456; }
.delmoney:before { content: "￥"; }
.delmoney { color: #ccc; text-decoration: line-through; }
.fl { float: left; }
.fr { float: right; }
.f16 { font-size: 16px; }
.f14 { font-size: 14px; }
.f12 { font-size: 12px; }
.f10 { color: #999; font-size: 10px; }
.mr10 { margin-right: 10px; }
.ptb5 { padding: 5px 0; }
.p5 { padding: 5px; }
input { height: 36px; font-size: 16px; line-height: 36px; border-radius: 5px; border: 1px solid #fd7456; }
/*椤甸潰瀹瑰櫒*/
.views,footer,.pageview,.product,.products{width:100%;min-width:280px;}
.pageview {background:#f6f6f6; position: fixed; width: 100%; top: 0px; bottom: 50px;  overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; /*鍏佽鐙珛鐨勬粴鍔ㄥ尯鍩熷拰瑙︽懜鍥炲脊*/ }
#pagecart {top: 50px; bottom:0;}
/*璐墿杞︿笓鐢ㄩ〉闈㈠鍣�*/

/*灏�*/
footer { position: fixed; z-index: 9; bottom: 0px; width: 100%; height: 50px; border-top: solid 1px #e6e6e6; background-color: #f6f6f8; }
footer a { width: 25%; text-align: center; display: block; float: left; padding: 4px 0; color: #929292; }
footer a p { line-height: 16px; font-size: 12px; }
footer a i.iconfont { font-size: 22px; position: relative; }
footer a.select,
footer a:hover { color: #f60; }
.focus img { width: 100%; height: 250px; }
/*鍥剧墖瀵艰埅*/
.iconnav { overflow: hidden; }
.iconnav a { width: 25%; text-align: center; display: block; float: left; padding: 10px 0; background: #fff; }
.iconnav a .iconfont { font-size: 32px; }
/*浜у搧鍒楄〃*/
.products { overflow: hidden;clear:both; }
.products li { width: 32%;min-width:72px; float: left; margin:4px 0.5%; border: solid 1px #e0e0e0; background: #fff; padding: 5px; }
.products li div { width: 100%; height: 150px; text-align: center;overflow:hidden;  }
.products li img { max-width: 100%; height: 150px; }
.products li h6 { height: 25px; overflow: hidden; line-height: 25px; }
.products li .iconfont { color: #f60; float: right; margin: 5px; }

/*鍥剧墖瀵艰埅*/
.nav { overflow: hidden; }
.nav a { width: 25%; height: 150px; line-height: 50px; text-align: center; display: block; float: left; padding: 10px 0; background: #fff; }
.nav a .iconfont { font-size: 32px; }
/*浜у搧鍒楄〃*/
.product { overflow: hidden; margin: 10px 0;clear:both; }
.product li { width: 32%;min-width:72px; float: left; margin:4px 0.5%; border: solid 1px #e0e0e0; background: #fff; padding: 5px; }
.product li div { width: 100%; height: 150px; text-align: center;overflow:hidden; }
.product li img {max-width:100%; height: 150px; }
.product li h6 { height: 25px; overflow: hidden; line-height: 25px; }
.product li .iconfont { color: #f60; float: right; margin: 5px; }
.more { max-height: 1118px; overflow: hidden; margin: 10px 0; }
/*鏍囬*/
.title { width: 100%; height: 40px; line-height: 40px; text-indent: 10px; overflow: hidden; clear: both; padding: 0 5px; background: #fff; margin: 10px 0; }
.title a { float: right; font-size: 12px; color: #999; }
.title h3 { font-size: 18px; color: #333; border-left: 3px solid #f60; line-height: 30px; margin-top: 5px; }

.btn { background: #fd7456 none repeat scroll 0 0; border-radius: 3px; color: #fff; display: block; line-height: 22px; padding: 8px 16px; margin: 0 auto; width: 80%; text-align: center; }
/* 鎴�*/
/*涓汉淇℃伅*/
.member { background: url("../img/bg.jpg") no-repeat; height: 220px; color: #FFF; padding-top: 15px; position: relative; text-align: center; background-size: cover; }
.myimg { border: solid 1px #FFF; border-radius: 50%; height: 70px; width: 70px; overflow: hidden; }
.myimg a { width: 100%; height: 100%; }
.myimg img { width: 100%; height: 100%; }
.login-box { margin-bottom: 10px; padding: 0; }
.login-box a { width: 90%; text-align: center;margin:0 auto; }
.login-box .login-title {clear: both; padding: 0; border: 1px solid #FFF; margin: 10px;padding-bottom: 20px; }
.login-box .login-title a {background:#c0c0c0; display: inline-block; float:left; width:50%;  height: 36px;  line-height: 36px; margin: 0; color: #FFF; }
.login-box .login-title a.lselect, .login-box .login-title a:hover { background: rgba(200,150,50,0.5); }
.login-input { clear: both; width: 100%;padding-bottom: 0; }
.login-input:first-child{margin-bottom: 0;}
.login-input:last-child{padding-top: 0;margin-top: -10px;}
.login-input a {display: inline-block; position: relative; width: 90%; }
.login-input a:first-child{margin-top: 0;}
.login-input a:last-child {display: block; width: 80%; margin:10px auto; }
.login-input input { width: 100%; margin:10px 0; }
.login-input input:last-child{background:#fd7456; }
.login-input a .hover{position: absolute;left:0;right: 0;top: 20px;bottom: 0;}
.sex-box{position: absolute;left:0;right: 0;top: 50px;bottom: 0;z-index: 1;}
.sex-box span{display:block;width:100%;height:36px;line-height:36px;background: #FFF;border-bottom: 1px dashed   #C3C3C3;}
.login-input a img {position:absolute;left:10px;top: 10px;bottom: 10px;}
.login-box a{width:100%;}
.citycodebox{position: relative;}
.province{position:relative;}
.province div {position:absolute;left:0;right:0;top:0;bottom:0; }
.citybox{position: fixed;top: 0;left: 0;right: 0; bottom:0;z-index: 10; background: rgba(0,140,140,0.4);display: none;color:#ff6600; }
.cityp{position:absolute;top:50px;left:0;right:40%;bottom:50px;z-index:11;  overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.cityps{position:absolute;top:50px;left:60%;right:0;bottom:50px;z-index:12;  overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.city,.citys{width: 100%;}
option{display:block;padding:16px;border-bottom: 1px dashed #333;height: 48px;line-height: 48px;background:rgba(255,255,255,0.8);}
.citys option {border-left: 1px solid #333; background:#efefef;}
.city option{border-right:1px solid #333;}
.city option:last-child,
.citys option:last-child{margin-bottom: 100px;}

.me-grade { position: relative; }
.me-grade img { position: absolute; top: -14px; transform: rotate(-45deg) translate(-12px); width: 20px; }
.me-grade span { border: solid 1px #FFF; border-radius: 3px; padding: 3px 7px; }
.me-bom { bottom: 0; position: absolute; width: 100%; }
.me-bom a { background: rgba(0,0,0,0.1); color: #FFF; padding: 5px 0; width: 49.8%; }
.me-bom i,
.me-bom p { line-height: 18px; }
/*鍒楄〃*/
.mylist li i.fr { margin-right: 0; font-size: 14px; color: #c7c7c9; }
.mylist li i { font-size: 16px; margin-right: 15px; }
.mylist ul li { display: block; background: #FFF; clear: both; overflow: hidden; }
.mt10 { margin-top: 10px; }
.mylist ul li a { padding: 0 15px; border-bottom: solid 1px #F7f7f7; cursor: pointer; display: block; line-height: 49px; }
/*璐墿杞�*/
/*澶�*/
header { position: fixed; z-index: 10; top: 0px; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; text-align: center; background: #fdfdfd; border-bottom: 1px solid #e6e6e6; }
header .site-left { position: absolute; left: 10px; }
.cartlist li { background: #FFF; height: 120px; margin-top: 10px; overflow: hidden; padding: 10px 8px 10px 5px; position: relative; }
.cartlist li .propri { color: #999; padding-bottom: 6px; }
.propri i { color: #aaa; font-size: 14px; }
i.cartchoose,
.cartAC { background: #e9e9e9; color: #FFF; float: left; border-radius: 50%; font-size: 12px; line-height: 20px; margin: 40px 5px 0 0; text-align: center; width: 20px; }
.cartlist li img { border: 0 none; vertical-align: middle; margin-right: 5px; margin-top: 8px; max-height: 99px; min-height: 80px; min-width: 150px; max-width: 100%; height: 100%; }
.cartlist li .propri h3 { height: 50px; overflow: hidden; color: #000; }
.propri .fontbig { border: solid 1px #e0e0e0; border-radius: 2px; color: #999; float: left; font-size: 10px; height: 14px; line-height: 14px; width: 14px; text-align: center; margin-right: 5px; margin-top: 5px; }
.cartlist li .pri_nr { position: absolute; right: 8px; bottom: 9px; }
.cartlist li .pri_nr font { border: solid 1px #999; color: #333; font-size: 22px; line-height: 25px; text-align: center; width: 30px; }
.minus { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.cartlist li .pri_nr input { border: solid 1px #999; background: #FFF; border-left: 0 none; border-radius: 0; border-right: 0 none; font-size: 12px; height: 27px; padding: 2px 0 0; text-align: center; }
.wsmm { width: 35px; }
.plus { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

/*搴曢儴*/
#cartdnav {position:fixed;right: 0; left: 0; bottom: 50px;height:50px; }
.cartjs { background: #FFF; border-top: solid 1px #eFeFF5;  line-height: 48px; padding-left: 5px; height: 50px; }
.cartjs span { margin-right: 5px; }
i.cartAC { margin-top: 14px; }
i.cartCs { background: #fd7456; color: #FFF; }
.cartjs a.cart_js,
.cartjs a.cart_del { background: #fd7456; color: #FFF; float: right; font-size: 14px; font-weight: bold; line-height: 49px; text-align: center; width: 100px; }
.moneyr::before { content: "￥"; }
.moneyr { color: #fd7456; font-weight: bold; }
/**/
/**/
/**/
/*璐墿杞﹀浘鐗囨紓娴�*/
.cartimg { position: fixed; width: 80px; height: 80px; border-radius: 50%; }
.cartlength { position: absolute; top: -8px; right: -12px; font-size: 12px; color: #ff6600; }
.cartlength:before { content: "("; }
.cartlength:after { content: ")"; }
.cart_js .cart_cs:before { content: "("; }
.cart_js .cart_cs:after { content: ")"; }
#login { width: 420px; height: 200px; margin: 60px auto; border: 1px solid #aac6eb; }
#login h3 { height: 32px; line-height: 32px; padding-left: 8px; background: #e8f5fe; }
#login_form { margin: 20px 10px; }
#login p { height: 30px; line-height: 30px; margin: 10px 0; }
#login p label { float: left; width: 120px; text-align: right; }
.login .input { width: 180px; height: 24px; line-height: 24px; padding: 2px; border: 1px solid #d3d3d3; }
.login .sub { height: 42px; line-height: 42px; position: absolute; }
.login .btn { width: 86px; height: 33px; background: url(images/login_btn.jpg) no-repeat; border: none; text-indent: -999em; display: block; cursor: pointer; margin-left: 120px; }
.login .cur_select { border: 1px solid #aac6eb; }
#msg, #errmsg { position: absolute; width: 200px; height: 32px; line-height: 32px; left: 220px; top: 0; color: #f30; font-weight: bold; }
.login .loading { background: url(images/loading.gif) no-repeat 0 6px; padding-left: 18px; color: #999; }
#result { margin: 20px; text-align: center; }
#result p { line-height: 22px; margin: 2px 0; }
#result p span { color: #f30; margin: 4px; font-weight: bold; }



#tj {position:fixed;left:0;top:10%;bottom:10%;width:50px;height:500px; color:rgba(200,100,0,0.5);}
.product-default{max-height: 669px;}
/*.top{position:absolute;right:5px;bottom:70px; width:50px;height:70px;opcity:0.5;}*/


/*收货地址列表*/
.addresslist li { background: #fff; padding: 10px; border-bottom: solid 1px #f3f3f3; position: relative; }
.addresslist li p { line-height: 30px; margin-top: 5px; }
.addresslist li .deleteaddress { position: absolute; right: 5px; bottom: 5px; }
.addresslist li span { color: #ff6600; }
.addresslist li .isdefault0 { display: none; }

/*添加收货地址*/
.tabaddress {width:100%;height:200px;}
.tabaddress tr:last-child{margin-bottom:50px;}
.tabaddress td { padding: 5px; }
.tabaddress input[type='text'] { height: 36px; line-height: 36px; width: 100%; border: solid 1px #ddd; }
.tabaddress a{font-size: 16px;height: 36px;line-height: 36px;padding:1px;}

.selectAddress li { background: #fff; padding: 10px; border-bottom: solid 1px #f3f3f3; position: relative; margin-bottom: 10px; }
.selectAddress li p { line-height: 30px; margin-top: 5px; }
.selectAddress li a { color: #ccc; }
.selectAddress li span { color: #ff6600; }
.selectAddress li .isdefault0 { display: none; }

/*被选中状态*/
.selectAddress li.select a { color: #333; }
.selectAddress li.select .selecti { background: #fd7456 none repeat scroll 0 0; color: #fff; }


.selecti { background: #e9e9e9 none repeat scroll 0 0; border-radius: 50%; color: #fff; float: left; font-size: 12px; line-height: 20px; margin: 0px 5px 0 0; text-align: center; width: 20px; }

.paytype a { display: block; padding: 5px; color: #ccc; background: #fff; margin-bottom: 3px; }
.paytype a.select { color: #333; }
.paytype a.select .selecti { background: #fd7456 none repeat scroll 0 0; color: #fff; }

/*送货清单*/
.addorder-goodslist li { margin: 0.5%; border: solid 1px #e0e0e0; background: #fff; padding: 5px; overflow: hidden; }
.addorder-goodslist li img { width: 60px; height: 60px; float: left; }
.addorder-goodslist li b { height: 25px; overflow: hidden; line-height: 25px; }

/*商品详情*/
.goodsinfo { background: #fff; }
.goodsinfo img { width: 100%; }
.goodsinfo h5 { font-size: 16px; font-weight: normal; padding: 0 10px; }
.goodsinfo h3 { background: #f3f3f3; }
.goodsinfo p { line-height: 40px; color: #666; padding: 0 10px; }

.fixaddcart { position: fixed; bottom: 55px; left: 10%; }

.orderlist .orderli { background: #fff; margin-bottom: 10px; }
.orderlist .orderli p { line-height: 43px; border: solid 1px #ddd; border-width: 1px 0; padding: 0 10px; clear: both; }
.orderlist .orderli ul { padding: 8px; overflow: hidden; }

/*普通多条产品*/
.orderlist .orderli li img { width: 60px; height: 60px; float: left; }
.orderlist .orderli li b,
.orderlist .orderli li div { display: none; }

.orderlist .orderli1 li { padding: 5px; overflow: hidden; }
.orderlist .orderli1 li b { height: 25px; overflow: hidden; line-height: 25px; }
.orderlist .orderli1 li b,
.orderlist .orderli1 li div { display: block; }

/*订单详情*/
.orderinfo p { background: #fff; border-bottom: solid 1px #ddd; line-height: 40px; text-indent: 10px; }
.orderinfo .addinfo { background: #fffaf3; padding: 10px; }
.orderinfo .addinfo p { background: #fffaf3; clear: both; border: none; }
.orderinfo .addinfo .iconfont { color: #ff6600; }
.orderinfo .addressline { background: url(../yingchaoimg/addressline.png); height: 5px; }

.orderinfo li { padding: 5px; overflow: hidden; background: #fff; border-bottom: solid 1px #ddd; }
.orderinfo li img { width: 60px; height: 60px; float: left; }
.orderinfo li b { height: 25px; overflow: hidden; line-height: 25px; }