@charset "utf-8";green
.red { color: #f10215;} .grey_bg { background-color:#f1f1f1;} .green { color: #00b905;}
.nav_ul, .fixed_bottom { position: fixed; left: 0px; bottom: 0px; width: 100%;  border-top: 1px solid #ddd; background-color: #fff;}
.nav_ul a { position: relative; float: left; width: 25%; padding-top: 2.8rem; text-align: center; color: #333; font-size: 1.4rem;}
.nav_ul a:before { position: absolute; top: 3px; left: 50%; width: 25px; height: 25px; margin-left: -12px; content:"\20"; background: url(../../images/nav.png) no-repeat 0 0; background-size: 25px 248px;}
.nav_ul a.nav_home:before { background-position: 0 0;}
.nav_ul .current a.nav_home:before { background-position: 0 -132px;}
.nav_ul a.nav_cart:before { background-position: 0 -44px;}
.nav_ul .current a.nav_cart:before { background-position: 0 -177px;}
.nav_ul a.nav_my:before { background-position: 0 -89px;}
.nav_ul .current a.nav_my:before { background-position: 0 -222px;}
.fixed_bottom { bottom: 45px; border-top: 1px solid #ddd; background-color: #f9f9f9;}
.total { padding-left: 10px;}
.total_mun { float: left; height: 40px; line-height: 40px; font-size: 1.4rem;}
.cart_button { float: right; width: 30%; height: 40px;line-height: 40px; font-size: 1.5rem; text-align: center; border-radius: 0; background-color: #0094ff;
background: linear-gradient(to bottom, #0094ff 100%,#ff8000 100%); color: #fff; font-weight: bold;}
.cart_button01 { float: right; width: 30%; height: 40px;line-height: 40px; font-size: 1.5rem; text-align: center; border-radius: 0; background-color: #0094ff;
background: linear-gradient(to bottom, #0094ff 100%,#ff8000 100%); color: #fff; font-weight: bold;}
.header_bar { position: fixed; top:0; width: 100%; left: 0; right: 0; height: 45px; line-height: 45px; text-align: center; color: #fff; background-color:#3069ff; z-index: 999;}
.header_bar h2 { font-size: 1.6rem; color: #fff;}
.header_bar a:before{ content: "\20"; background: url(../../images/header_icon.png) no-repeat 0 0; background-size: 21px 75px;}
.header_bar a:before { position: absolute; top: 12px; width: 23px; height: 23px;}
.header_bar a.nav_up_arrow:before { left: 10px; background-position: 0 0;}
.header_bar a.hnav_text:before { position: absolute; top: 12px; right: 0; background: none;}
.header_bar a.hnav_text span{ float: right; margin-top: -45px; padding-right: 10px; font-size: 1.5rem; color: #fff;}
.header_bar a.hnav_text { right: 10px; background: none;}
.search_box form { float: left; height: 30px; margin: 8px 10px 7px 10px;  border-radius: 3px; width: 100%;}
.search_form { overflow: hidden; height: 30px; padding-left: 10px; width: 68%;background-color: #ffecd9;}
.search_form .search_icon { width: 20px; height: 20px; margin-top: 5px; margin-right: 8px; background: url(../../images/search.png) no-repeat 0 0; background-size: 20px 20px;}
.search_input { margin-top: 2px; height: 25px; width: 88%; background-color: #ffecd9; color: #fa9e42;}
.search_btn { float: right; margin-right: 10px;}
.search_btn input { display: block; width: 50px; height: 30px;margin-right: 6px; margin-top: 1px; background: #f10215; color: #fff; font-size: 1.5rem; border-radius:3px;
}

.main { overflow: hidden; height: 100%; margin-top: 45px;}
.tab { height: 3.5rem; line-height: 3.5rem; border-bottom: 1px solid #ddd;}
.tab li { float: left; display: inline; width: 25%; text-align: center; background: url(../../images/tab_line.png) no-repeat  right center; }
.tab li a{ display: block; height: 3.3rem; font-size: 1.4rem; font-weight: 600;}
.tab li.current a { color: #ff8000;}
.sort { display: inline-block; width: 8px; height: 11px; margin: 0 0 3px 5px; vertical-align:middle;}
.product_list02 { margin-bottom: 10px;}
.product_list li { min-height: 95px; padding: 10px 10px 10px 0; background-color: #fff; font-size: 1.4rem; border-bottom: 1px solid #ddd; display: -webkit-box;}
.pro_img { display: inline-block; width: 95px; height: 95px; margin: 0 10px 0 8px;}
.pro_img a, .pro_img img{ display: block; width: 95px; height:95px;}
.pro_text { position: relative; -webkit-box-flex: 1;}
.pro_top a { height: 42px; overflow: hidden; display: block; font-size: 1.5rem; margin-bottom: 3px;}
.p_mid { color: #ff8000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.pro_bottom { overflow: hidden; margin-top: 8px;}
.pro_bottom, .pro_bottom .price, .stock { float: left;}
.pro_bottom .price, .total_mun .price, .details_text_price em, .total_price em, .expressive_list .price { color: #f10215; font-family:Arial; font-size: 1.7rem; font-weight: 600; margin-right: 10px;}
.stock { margin-top: 2px;}
.stock a { padding: 0 0.1rem; border: 1px solid #727272; border-radius: 2px 0 0 2px;}
.stock a.add { border-radius: 0 2px 2px 0;}
.stock a i { display: block; width: 20px; height: 20px;}
.stock i:before { display: block; width: 15px; height: 15px; content:"\20"; background: url(../../images/s_a.png) no-repeat 0 0; background-size: 100%;}
.stock i.s_iconfont:before { background-position: 2px -104px;}
.stock i.s_iconfonted:before { background-position: 2px -73px;}
.stock i.a_iconfont:before { background-position: 2px -37px;}
.stock i.a_iconfonted:before { background-position: 2px 5px;}
.p_amount { width: 25px; border-top:1px solid #727272; height: 20px; padding: 0 .3rem; border-bottom:1px solid #727272; text-align: center;}
.del_icon { position: absolute; bottom:2px; right: 0px;}
.del_icon i:before { display: block; width: 22px; height: 22px; content:"\20"; background: url(../../images/del_icon.png) no-repeat 0 0; background-size: 22px 22px;}
.cart_icon { position: absolute; bottom:2px; right: 0px;}
.cart_icon i:before { display: block; width: 24px; height: 24px; content:"\20"; background: url(../../images/cart_icon.png) no-repeat 0 0; background-size: 24px 24px;}
.address_arrow { position: absolute; right: 10px; top: 30px;}
.arrow { display: inline-block; width: 7px; height: 7px; margin: 4px 3px 0 3px; border: solid #bbb; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg);}
.address { overflow: hidden; position: relative; display: block; padding: 10px 0 15px; font-size: 1.4rem; background:#fff url(../../images/address_bg.png) repeat-x left bottom;}
.address_li { margin-bottom: 10px; padding: 15px 0 12px;}
.address_info { overflow: hidden;}
.address_title { float: left; width: 15%; text-align: center;}
.address_info { float: left; width: 83%;} .address_info02 { padding: 0 10px;}
.gm { overflow: hidden; position: relative; display: block; padding: 10px 0 15px; font-size: 1.4rem; background:#fff url(../../images/address_bg.png) repeat-x left bottom;}
.edit_del { overflow: hidden; height: 2.2rem; line-height: 2.2rem; border-top: 1px solid #ddd;}
.edit_del a { float: right; padding-top: 3px; padding-right: 10px;}
.edit_del label { padding-left: 3px; font-size: 1.4rem;}
.item_icon { width: 20px; height: 20px; vertical-align: middle;}

.name_tel span { float: left; height: 28px; line-height: 28px;}
.address_no { position: relative;  height: 50px; line-height: 50px; font-size: 1.4rem;}
.address_no .address_info { float: none; width: 100%; background: url(../../images/address_bg.png) repeat-x left bottom;}
.details_bpic, .details_infos { width: 100%; overflow: hidden;}
.details_bpic img, .details_infos img { display: block; width: 100%; height: 100%;}
.details_text { margin-bottom: 10px; padding: 10px; background-color: #fff; font-size: 1.5rem;}
.details_text_price { margin: 10px auto 0;}
.details_info { background: #fff;}
.details_infot { height: 38px; line-height: 38px; margin-bottom: 10px; text-align: center; border-bottom: 1px solid #ddd; font-size: 1.8rem; color: #ff8000;}
.details_infot span { padding: 0 15px;}
.total_mun02 { padding: 10px; font-size: 1.5rem; background-color: #fff;}
.total_price, .total_mun03 { overflow: hidden;}
.total_price  { margin-bottom: 6px; margin-right: 0px;}
.total_price span, .total_mun03 span { float: left;} .total_price em, .total_mun03 em { float: right; margin-right: 0;} .total_mun03 em { font-family:Arial; font-size: 1.8rem;}
.shows_ul, .edit_ul { position: relative; background-color: #fff; margin: 10px auto;}
.edit_ul { margin: 0px auto;}
.edit_ul li.reg_arrow { position: absolute; top: 60px; right: 0px; height: auto; line-height: normal;}
.edit_ul li.reg_arrow .arrow { margin: 4px 3px 3px 5px; -webkit-transform: rotate(135deg);}
.shows_ul li, .edit_ul li { overflow: hidden; position: relative; height: 4rem;line-height: 4rem; text-align: left;padding: 0 10px;background-color: #fff;}
.shows_ul li span, .edit_ul span { float: left; display: inline-block; width: 50px; text-align: left; font-size: 1.5rem;}
.edit_ul span { width: 30%;}
.shows_ul li em { float: left; display: inline-block; font-size: 1.5rem;}
.edit_ul li input { float: left;  height: 32px; line-height: 35px; font-size: 1.5rem; margin-top: 5px; border: none;}
.line_bottom { border-bottom: 1px solid #ddd; outline:none;}
.line_bottom select{ height: 34px; display: block;
  position: relative;
  overflow: hidden;
  background: white;
  border: 1px solid #d2e2e7;
  margin-top:3px;
  border-bottom-color: #c5d4d9;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, #fcfdff, #f2f7f7);
  background-image: -moz-linear-gradient(top, #fcfdff, #f2f7f7);
  background-image: -o-linear-gradient(top, #fcfdff, #f2f7f7);
  background-image: linear-gradient(to bottom, #fcfdff, #f2f7f7);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);

}
.com_btn { margin-top: 25px; padding: 0 10px;}
.com_btn .com_button{ display: block; width: 100%; height: 3.8rem; line-height: 3.3rem; color: #fff; text-align: center; border-radius:3px; font-size: 1.5rem; background-color: #3069ff ; cursor: pointer; font-weight: bold; background: linear-gradient(to bottom, #3069ff 100%,#3069ff 100%);}
.shopping_cart_empty{ padding-top: 7rem; text-align: center;}
.shopping_cart,.sb, .cg { width: 125px; height: 125px; margin: 0 auto; background: url(../../images/cart.png) no-repeat 0 0; background-size: 100%;}
.sb { width: 120px; height: 120px; background: url(../../images/sb.png) no-repeat 0 0; background-size: 120px 120px;}
.cg { width: 120px; height: 120px; background: url(../../images/cg.png) no-repeat 0 0; background-size: 120px 120px;}
.shopping_cart_empty h3{ font-weight: normal; margin: 1.5rem auto 2.5rem; padding: 0 2rem; color: #666; font-size: 1.6rem;}
.shopping_button { display: inline-block; text-align: center; padding: 1rem 5rem; border-radius: 0.3rem; font-size: 1.6rem; background-color: #0094ff;  background: linear-gradient(to bottom, #0094ff 100%,#0094ff 100%); color: #fff;}
.list li { position: relative; margin-bottom: 10px; background-color: #fff; font-size: 1.4rem;}
.list_item_two { height: 2.5rem;line-height: 2.5rem; font-size: 1.4rem;} .list_item_two .l { width: 50%;} .list_item_two .r { width: 50%;}

.list_arrow { position: absolute; right: 5px; top: 25px;}
.list_item_two span { float: left; width: 45px; text-align: right;}
.list_item_two span.span02 { width: 56px;}
.list_item_two span.span03 { width: 70px;}
.list_item_two b { float: left; color: #999;} .list_item_two b.price { color: #f10215; font-family: Arial; font-weight: 600;}
.bill_list li, .expressive_list li { height: 3.5rem; line-height: 3.5rem; padding: 0 10px; background-color: #fff;}
.expressive_list li { height: 4rem; padding: 8px 10px 0; line-height: normal;}
.expressive_list li l { width: 25%; text-align: center;}
.expressive_list span { display: block; font-size: 1.5rem;}
.expressive_list .price { color: #333; text-align: center;} .expressive_list span.time { color: #888;} .expressive_list b { margin-right: 10px;}
.bill_list li span { float: left; font-size: 1.4rem;} .expressive_list span.an { font-size: 1.8rem;white-space: nowrap;}
.bank_management li { position: relative; height: 4.2rem; margin-bottom: 10px; padding: 5px 10px 0; font-size: 1.4rem; background-color: #fff;}
.bank_management li p { padding-top: 3px;}
.bank_management .edit_del { position: absolute; top: 2px; right: 5px; border-top: none;}
.item_container { background-color: #fff;}
.item_container .item { display: block; height: 26px; padding: 10px 0px 9px 0px; border-bottom: 1px solid #ddd;}
.item label { float: left; font-size: 1.4rem; margin-bottom: 0;}
.item  .r{ padding-right: 10px;}
.item label.label_margin_left { width: 60px; text-align: right; margin-right: 15px;}
.label_address { line-height: 1.4rem; width: 70%;}
.reg_ul { border: 1px solid #ddd; border-radius: 10px; margin: 30px 10px; background-color: #fff;}
.reg_ul li { overflow: hidden; position: relative; height: 4rem; line-height: 4rem; padding: 0 10px; text-align: left; font-size: 1.5rem;}
.reg_ul li span { float: left;}
.reg_ul .reg_login2 { float: left; width: 40%;}
.reg_ul .reg_login img { display: block; width: 27px; height: 26px; margin-top: 6px;}
.reg_ul .reg_password img { display: block; width: 24px; height: 29px; margin-top: 8px;} 
.reg_ul li input{ float: left; display: inline; width: 45%; height: 35px; font-size: 1.5rem; margin-top: 1px; border: none; outline:none;}
.retrieve_password { display: block; margin-top: 5px; text-align: center; font-size: 1.5rem;}
.user_summary { position: relative; overflow: hidden; height: 80px;}
.user_summary img {display: block; width: 100%; min-height: 80px;}
.user_info { position: absolute; top: 15px;  width: 100%; height: 75px; text-align: center;}
.user_info p { margin-bottom: 8px; font-size: 1.5rem; font-weight: 600; color: #fff;}
.quick_entry { padding: 4% 2% 0; background-color: #fff;}
.quick_entry a { float: left; width: 33%; padding-bottom: 1.1rem; text-align: center; font-size: 1.4rem;}
.quick_entry a img { display: block; width: 40px; height: 40px; margin: 0 auto 6px;}
.tx { overflow: hidden; height: 4.5rem; margin: 10px auto; padding: 0 10px; background-color: #fff;}
.tx_btn { float: right; width: 70px; height: 2.8rem; line-height: 2.8rem; margin-top: 10px; border: 1px solid #ff8000; color: #ff8000; font-size: 1.5rem; border-radius: 3px; background: #fff; font-weight: 600;}
.tx .total_mun { margin-top: 5px;}
.jz{ display: block; width: 80px; height: 2rem; line-height: 2rem; margin: 1rem auto; border: 1px solid #ddd; font-size: 1.5rem; text-align: center;}

.fixed_bottom021 { position: fixed; bottom:0px; width: 100%; border-top: 1px solid #ddd; background-color: #f9f9f9;}

.fixed_bottom02 { position: fixed; bottom:0px; width: 100%; border-top: 1px solid #ddd; background-color: #f9f9f9;}
.fixed_bottom02 a { float: left; width: 34%; height: 50px; line-height: 50px; font-size: 1.5rem; font-weight:600; text-align:center;}
.fixed_bottom02 input { float: left; width: 33%; height: 50px; line-height: 50px; font-size: 1.5rem; font-weight:600; text-align:center;}
.fixed_bottom02 input.btn01 { background-color: #0094ff; color: #fff;} 
.fixed_bottom02 input.btn02 { background-color: #f10215; color: #fff;} 
.fixed_bottom03 { position: fixed; bottom:0px; width: 100%; border-top: 1px solid #ddd; background-color: #f9f9f9;}
.fixed_bottom03 a { float: left; width: 34%; height: 50px; line-height: 50px; font-size: 1.5rem; font-weight:600; text-align:center;}
.fixed_bottom03 input { float: left; width: 33%; height: 50px; line-height: 50px; font-size: 1.5rem; font-weight:600; text-align:center;}
.fixed_bottom03 input.btn01 { background-color: #ff8000; color: #fff;} 
.fixed_bottom03 input.btn02 { background-color: #f10215; color: #fff;}