﻿/* CSS Document */
/*-------------------此部分为公用样式部分--------------------*/
body{ font-family:"Microsoft Yahei","Hiragino Sans GB",sans-serif; font-size:12px;  background:#f4f4f4;}
*{ margin:0px; padding:0px; -webkit-box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
ul, ol { list-style:none;}
a{ text-decoration:none;}
em,cite,i{font-style: normal;}
img{border: 0; max-width: 100%;}
.left{ float:left;}
.right{ float:right;}
.mg15{ margin-top:15px;}
.mg10{ margin-top:10px;}
.mg5{ margin-top:5px;}
.none{ display:none;}
/*------index------*/
.warp{min-width: 320px; max-width: 640px; width: 100%; margin:0px auto;}
.head{ max-width:640px; width:100%; margin: 0 auto; z-index:100; background:#FF7701; top:0; background:#006cd0; height:50px; position:fixed;-moz-box-shadow:0px 0px 1px #003260; -webkit-box-shadow:0px 0px 1px #003260; box-shadow:0px 0px 1px #003260;}
.wbox{display: -webkit-box;}
.logo{ width:75px; height:21px; margin: 12px 0 0 10px;}
.search_bar{ position:relative; margin: 7px 5px; display:block;}
.wbox_flex {-webkit-box-flex: 1!important; word-wrap: break-word;word-break: break-all;}
.search_bar div{ width:100%;  height: 34px; display:inline-block;}
.search_bar div input{ width:100%; height: 34px; line-height:34px; border: none; resize:none; color: #666; font-size: 14px; outline:0; text-align: start; float:left; border-radius: 20px; background:#fff; text-indent:10px;}
.search_bar s{ position:absolute; background:url(../images/search.png) no-repeat; background-size:18px; right:15px; top:7px; width:20px; height:20px; cursor: pointer;}
.index_nav img{ width:30px; height:21px; margin: 12px 10px 0 0px; position: relative; right:0px;}
/*--*/
.w{max-width:640px; margin:0 auto; width: 100%; height:100%;}
.border_b{ border-bottom:1px #eee solid;}
.white{ background:#fff; border:1px #e6e6e6 solid;}
.banner{ position:relative;}
.banner_img{ position:relative; z-index:0;}
.banner_img li{ float:left; position:relative; max-width:640px; max-height:270px; overflow:hidden;}
.banner_img img{ width:100%;}
.nav,.time_mc{-webkit-box-orient: horizontal;}
.nav ul,.time_mc ul{display: -webkit-box; width:100%;}
.nav li,.time_mc li{-webkit-box-flex: 1;text-align: center;}
.nav li a{display: inline-block; width:100%; padding: 10px 0; color:#666; }
.nav li img{ width:50px; height:50px; -webkit-transition: all .5s ease-in-out;}
.nav li span{ display:block; font-size:12px;}
.group,.time_mt,.more,.list_nav{ padding:10px;}
.group_mt s{ background:url(../images/group.png) no-repeat; width:18px; height:18px; background-size:18px; margin:2px 5px 0px 0px;}
.time_mt s{ background:url(../images/time.png) no-repeat; width:18px; height:18px; background-size:18px; margin:2px 5px 0px 0px;}
.group_mt span{ font-size:16px; color:#ff4545; font-weight:700;}
.time_mt span{ font-size:16px; color:#333; font-weight:700;}
.group_mc{ zoom:1; overflow:auto;}
.cp_img{ position:relative; z-index:0; width:40%;overflow:hidden;}
.cp_img img{ width:100%;}
.cp_img span{ position:absolute; bottom:0px; right:0px; background:url(../images/tg_icno.png) no-repeat center; background-size:50px; width:50px; height:50px; font-size:12px; color:#fff; text-align:center; line-height:14px; padding:10px;}
.cp_name{ font-size:16px; color:#333;}
.group_mc li div{ width:50%; border-radius:3px; background:#ff4545; height:28px; line-height:28px; color:#fff; font-size:14px; text-align:center; cursor:pointer; padding:0px 10px;}
.group_mc li div:hover{ background:#f63131;}
.price{ color:#666; font-size:12px;}
.group_mc del{ color:#bbb;}
.time_mt{ border-bottom:1px #f0f0f0 solid;}
.time_mc li{ padding:15px 5px;}
.red{ background:#ff4545; border-radius:3px; color:#fff; padding:0px 3px; text-shadow:none;}
.time_pic{ max-width:160px; overflow:hidden; margin:0px auto;}
.time_mc li a{ color:#333;}
.time_mc li strong{ font-size:14px;}
/*--*/
.app01 li,.app02 li{ width:50%; float:left;}
.app01,.app02,.more,.footernav,.zizhi{ zoom:1; overflow:auto;}
.more_mt span{ font-size:16px; color:#006cd0; font-weight:700; margin-left:5px;}
.more_mc li{ float:left; width:32.6%; margin:1px; display: inline-block;}
.more_mc a{display: inline-block; width:100%; color:#666; background:#f4f4f4;text-align:center; line-height:30px;}

/*------list------*/
.head_s{width:100%; margin: 0 auto; z-index:100; background:#FF7701; top:0; background:#006cd0; height:50px; -moz-box-shadow:0px 0px 1px #003260; -webkit-box-shadow:0px 0px 1px #003260; box-shadow:0px 0px 1px #003260;}
.fh{ width:14px; height:24px; margin: 12px 0px 0 10px;}
.title{ width:100%; text-align:center; font-size:18px; color:#fff; line-height:50px; font-weight:400; text-shadow: none;}
.list_nav{ zoom:1; overflow:auto;}
.list_nav li{ width:25%; text-align: center; float: left; background:#f4f4f4; height:30px; line-height:30px; border-right:1px #fff solid; border-bottom:1px #fff solid; font-size:14px;}
.list_nav li:hover{ background:#006cd0;}
.list_nav li a:hover{ color:#fff;}
.list_nav li a{ display:block; color:#666;}
.list_mt ul{display: -webkit-box;}
.list_mt li{-webkit-box-flex: 1; cursor:pointer; text-align: center; height:40px; line-height:40px; border-bottom:1px #e0e0e0 solid; font-size:14px;}
.list_mt li:hover,.list_mt li.curr{ color:#ff4545;}
.list_mt li s{ background:url(../images/jt-back.png) no-repeat center; width:12px; height:12px; background-size:12px; display: inline-block;}
.list_mt li:hover s,.list_mt li.curr s{ background:url(../images/jt-red.png) no-repeat center;width:12px; height:12px; background-size:12px;}
.list_mc li{ border-bottom:1px #e0e0e0 solid;}
.list_mc li a{ display:block; position: relative; padding:10px 12px; min-height:105px;}
.pro_img img{ width:85px; height:85px; border: 1px solid #e0e0e0; position:absolute;}
.pro_m{ position:relative; padding-left:95px;}
.name{ color:#333; font-size:16px;}
.desc{ color:#999;}
.sales{ color:#ff4545;}
.pro_m span{ margin-top:10px; /*float:left;*/ color:#ff4545;}
.pro_m span em,.cp_price strong{ font-size:16px;}
.pro_m span del,.cp_price del{ color:#ccc; margin-left:10px;}
/*--------------翻页----------------*/
.pagenav{ width:100%; display: -webkit-box; margin:20px 0px; font-size:12px;}
.pagenav div{-webkit-box-flex: 1;}
.pagenav span{ float:right; padding-right:5px; line-height:28px; display:block; width:60px; height:28px; border-radius:3px; background:#bbb; text-align:center; color:#fff; cursor:pointer;}
.pagenav span:hover{ background:#a2a2a2;}
.pagenavbox {background: #f3f3f3; border: 1px solid #d6d6d6; text-align: center; height: 28px;}
.new-select {position: absolute; top: 0px; left: 0; z-index: 10; width: 100%; height: 40px; line-height:40px; text-align: center; color: #666; border: 1px solid #d6d6d6; opacity: 0; font-size:15px;}
.pagenavbox cite {color: #333; padding-right: 16px; line-height: 28px; display: inline-block; position: relative;}
.pagenavbox cite s {position: absolute; background:url(../images/page.png) no-repeat; display: block; right: 0; top:7px; width: 13px; height:13px; background-size:13px;}
.pagenum {text-align: center; position: relative; display: block; margin: 0px 10px;}
.next span{ float:left;}
.edit{ padding:0px 5px;}
/*-----------------产品详情-----------------*/
.show{ width:200px; height:200px; margin:20px auto;}
.show img{ width:200px; height:200px;}
.pro_info{ padding:10px; line-height:24px;}
.saleicons span{background: #ff4545; display: inline-block; border-radius: 1px; margin-left: .08rem; margin-top: 3px; padding: 0 3px;
height: 18px; line-height: 18px; color: #FFF; font-size: 12px; text-align: center; vertical-align: top; overflow: hidden;}
.area,.dianhua{ padding:10px;}
.area div{ float:left;}
.area_t{ text-align:right; width:70px; font-size:14px;}
.area li{line-height:22px; zoom:1; overflow:auto; margin:5px 0px;}
.cx_info span{ margin-right:10px;}
.cx_info em,.cp_price span{color: #ff4545;}
.num h5{ font-weight:normal;}
/*---------------购买数量---------------*/
.show_num{ background:#fff;padding:10px; zoom:1; overflow:auto;}
.show_num dt{ font-size:14px;}
.show_num dt,.show_num dd{ float:left; line-height:30px;}
.show_num span{float: left; width: 31px; height: 30px; border: 1px #f1f1f1 solid; text-align: center; color: #333; cursor: pointer; font-weight:700; background: #f1f1f1; line-height:30px;}
.show_num input{float: left;height: 30px; width: 56px;line-height: 30px; font-size: 14px; border: 1px #f1f1f1 solid; padding: 2px; text-align: center;  outline:none;}
.ask{ background:#ff4545; margin:2px 5px 2px 10px; padding:0px 5px; border-radius:2px; text-align:center;display: block;height: 26px;line-height: 26px;color: #fff;}
.ask img{ vertical-align:-5px; margin-right:5px;}
.ask:hover{ background:#de3b3b;}
.dianhua{ overflow:auto; zoom:1;}
.dianhua span{ float:left; font-size:14px; line-height:30px;}
.phone{ background:#006cd0; border-radius:2px; height: 32px; float:left; padding: 2px;}
.phone input{ border:none; outline:none; height:28px; min-width:150px;}
.phone a{width: 65px; float: right; display: inline; text-align:center; line-height: 26px; color:#fff; font-size:14px;}
/*---------------商品信息---------------*/
.detailtab{ background:#fff;}
.dh_tab{display:-webkit-box; width:100%; height:35px;}
.dh_tab li{ background:#e6e6e6; height:35px; -webkit-box-flex: 1; text-align:center; line-height:35px; cursor:pointer; font-size:14px;}
.dh_tab li.current{ background:#fff;}
.dh_tab li b{ color:#FF0000;}
.p_info{ padding:10px;}
.table_box{ border-top:1px #ddd solid; border-left:1px #ddd solid; line-height:28px; font-size:12px;}
.table_box td{ border-right:1px #ddd solid; border-bottom:1px #ddd solid;}
.table_bt{ text-align:center;}
.more_jz{ width:220px; margin:0 auto; text-align:center; position:relative; line-height:30px;  cursor:pointer;}
.more_jz s{ background:url(../images/more.png) no-repeat; width:30px; height:30px; display:block; position:absolute;}
/*-------------评论-------------*/
.review{ padding:10px; font-size:12px; line-height:24px;}
.review li{ border-bottom:1px #e0e0e0 solid; padding:5px;}
.review li span{ display:block;}
.clearfix{ overflow:auto; zoom:1; color:#666;}
/*---------------底部浮动---------------*/
/*.bottom {display: -webkit-box; position: fixed; bottom: 0; background: #fff; border-top:1px #e0e0e0 solid; width: 100%; padding:5px 0px;}
.bottom a{-webkit-box-flex: 1;display: block;height: 35px;line-height: 35px;color: #fff;text-align: center;font-size: 16px;border-radius:2px;}
.buy_btn{ background:#ff4545; margin-right:10px;}
.buy_btn:hover{ background:#de3b3b}
.into_shopcart{ background:#006cd0;}
.into_shopcart:hover{ background:#0062bc;}
.bottom img{vertical-align: -2px; margin-right:5px;}*/

/*---------登录界面----------*/
.login{ padding:20px;}
.login dl{ overflow:auto; zoom:1;}
.login dd{ line-height:43px; margin-bottom:10px; font-size:14px;}
.login dd div{border: 1px #d9d9d9 solid;}
.login input{ height: 43px; line-height: 43px; outline: none; color: #999; border:none; text-indent:10px;}
.in_box{ width:100%;}
.yzm_box{ width:100%;}
.yzm{ border:1px #d47a28 solid;}
.blue{ color:#006cd0; text-decoration:underline;}
.btns{display: -webkit-box; width: 100%;}
.btns a{-webkit-box-flex: 1;display: block; height:42px; line-height:42px; color: #fff;text-align: center;font-size: 16px;border-radius:2px;}
.login_btn{background:#ff4545; margin-right:10px;}
.login_btn:hover{ background:#de3b3b}
.reg_btn{ background:#006cd0;}
.reg_btn:hover{ background:#0062bc;}
.mg25{ margin-top:25px;}
.login_pt{ overflow:auto; zoom:1; line-height:35px; font-size:14px;}
.login_pt img{ width:35px; height:35px;}
.login_pt span,.login_pt img{ margin-right:10px;}

/*--会员中心1--*/
.menber_top{ position:relative;}
.grade { position:absolute; z-index:100; right:10px; top:0px; background:url(../images/jin.png) no-repeat center; background-size:40px; width:40px; height:40px;}
.grade { background:url(../images/yin.png) no-repeat center; background-size:40px; width:40px; height:40px;}
.grade { background:url(../images/tong.png) no-repeat center; background-size:40px; width:40px; height:40px;}
.menber{ padding:10px; overflow:auto; zoom:1;}
.tx{ width:70px; height:70px;}
.menber_m{ margin-left:8px; line-height:24px; padding:5px 0px;}
.menber_m strong{ font-size:20px; color:#333; font-weight:400;}
.menber_m p span{ margin-right:5px; font-size:12px; color:#666;}
.menber_m em{ background: #ff4545; display: inline-block; border-radius: 1px; margin-left:10px; margin-top: 5px; padding: 0 3px;
height: 18px; line-height: 18px; color: #FFF; font-size: 12px; text-align: center; vertical-align: top; overflow: hidden;}
.menber_icno li{ border-bottom:1px #e0e0e0 solid; overflow:auto; zoom:1; line-height:30px; font-size:16px; position:relative;}
.menber_icno li img{ width:25px; height:25px; float:left; margin-right:10px; margin-top:3px;}
.menber_icno li a{ display:block; padding:12px 10px; color:#666;}
.menber_icno li a s{ position:absolute; background:url(../images/jt.png) no-repeat; width:20px; height:20px; background-size:20px; right:10px; top:15px;}
.browse_mc strong{ color:#ff4546; line-height:18px;}

/*------会员中心2-----*/
.all_order{ padding:10px;}
.allorder_mt{font-size: 16px; color: #333; font-weight: 700;}
.allorder_mc{ border:1px #f4f4f4 solid;}
.order_mt{ background:#f4f4f4; line-height:30px; padding:5px 10px;}
.order_mc dd{ border-bottom:1px #f4f4f4 solid; padding:10px; position:relative;}
.order_mc dd a{ display:block; min-height:85px;}
.order_mc dd a span{ position:absolute; right:10px; top:15px; color:#666; font-size:14px;}
.order_mc dd a span em{ display:block;}
.or_name{ width:80%;}
.order_price{ padding:10px; overflow:auto; zoom:1;}
.all_price{ position:relative; float:left;}
.order_price em{ color:#ff4546;}
.dj{ line-height:30px; font-size:14px;}
.order_btn a{ padding:5px; color:#fff; border-radius:2px;  float:left;}
.yfh{margin-top:3px; margin-left:10px; position:absolute; top:-10px; right:-45px;}

/*--------结算中心--------*/
.fll_mt{ background:#f4f4f4;}
.fll_mt ul{display: -webkit-box;}
.fll_mt li{-webkit-box-flex: 1; border-bottom:1px #e0e0e0 solid; text-align:center; cursor: pointer; height: 40px; line-height: 40px; font-size:14px;}
.fll_mt li.on{ background:#fff; border-bottom:1px #fff; color:#ff4545;}

.fll_mc{ position:relative;}
.basic,.pay,.invoice,.remarks,.payable,.total{ border-bottom:1px #ddd solid; padding:10px; font-size:15px;}
.detailed{ padding:10px 10px 0px 10px;}
.fll_mc dl{ line-height:30px;}
.fll_mc dt{ position:absolute; left:10px; text-align:right; width:75px; font-size:15px; line-height:40px; font-weight:bold;}
.fll_mc dd{ margin-left:80px;   position:relative; line-height:40px;}
.fll_mc dd input{ border:1px #ddd solid; height:40px; line-height:40px; font-size: 15px; outline:none; padding-left:10px; vertical-align:middle;}
.remarks li{ list-style:none;line-height: 30px;}
.remarks li input{ vertical-align:middle; margin-right:10px;}
.in_box{ width:100%;}
.in_box_small{ width:5%; min-width:60px;}
.in_box_long{ width:100%; border:1px #ddd solid; font-size:15px; line-height:28px;}
.order dd textarea{ border:1px #ddd solid; outline:none; padding-left:10px; line-height:24px;}
.addressbox cite {color: #333; background:url(../images/choose.png) no-repeat right #fff; border:1px #ddd solid; padding-left:10px; height:40px; line-height: 40px; font-size: 15px; display: inline-block; position: relative; left:0px; width:100%;}
.address { position: relative; display: block;}
.check{ margin-right:10px;}
.fp_bt{ color:#999;}
.detailed,.payable{ line-height:40px;}
.buy_cp{  border-bottom:1px #ddd dashed; line-height:20px; padding-bottom:10px;}
.buy_cp a{ color:#333;}
.qua,.buy_cp,.total{ overflow:auto; zoom:1; font-size:15px; line-height:30px;}
.total em,.payable em,.buy_cp em{ color:#FF0000;}
.qua span{ color:#888;}
.payable{ background:#efefef;}
.submit_btn{ border-radius:3px; color:#fff; margin:20px 0px; line-height:48px; background:#ff4545; text-align:center; cursor:pointer; font-size:16px; }
.submit_btn:hover{ background:#de3b3b;}

/*-------物流查询------------*/
.select dt{ font-size:16px; margin-bottom:10px; }
.wl_new{ padding:10px;}
.wl_new_mt{ font-size:16px; line-height:40px;}
.wl_new dt,.wl_new dd{ padding: 4px 15px; line-height:20px;}
.date{ margin-right:10px; }
.mail_last{ background:#e0e0e0; color:#1b730c;}
.wl_info {color: #858585; margin-top:5px;}
.wl_info em {margin-right: 20px;}
.wl{ color:#666;}
.nothing{ color:#ff4545; font-size:14px; text-align:center; padding:30px;}

/*------------弹出框------------*/
.box{ background:#fff;-moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; width:50%; margin:0 auto;}
.box_mt{ background:#ff4644; text-align:center; color:#fff; font-size:16px; line-height:40px; height:40px; position:relative;}
.box_mt img{ width:30px; height:30px; position:absolute; right:10px; top:5px; cursor:pointer;}
.box_mc{ padding:10px; color:#666;}
.fkxx{ width:100%; outline:none; height:100px; margin-top:10px;}


/* 首页轮换图样式 */
.device {width: 100%; height: 150px;position: relative;box-shadow: none;}
.swiper-container {height: 150px;width: 100%;}
.swiper-slide img{height:150px;}
.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index:999;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}


a, span {text-shadow:none; }


.m_nosel{font-size:12px; background:#f9f9f9;border:1px solid #e2e2e2;padding:1px 17px;margin-bottom: 6px;display:block; float:left;margin-right:5px;color:#C00;}
.m_sel{background: url(/images/actii.png) right bottom no-repeat;padding:0px 16px;border:2px solid #c80003;font-size:12px;color:#C00;margin-bottom: 6px;display:block;float:left;margin-right:5px;}
.gyc_fix {
margin-top:50px;
}

/*-------物流查询------------*/
.select dt{ font-size:16px; margin-bottom:10px; }
.wl_new{ padding:10px;}
.wl_new_mt{ font-size:16px; line-height:40px;}
.wl_new dt,.wl_new dd{ padding: 4px 15px; line-height:20px;}
.date{ margin-right:10px; }
.mail_last{ background:#e0e0e0; color:#1b730c;}
.wl_info {color: #858585; margin-top:5px;}
.wl_info em {margin-right: 20px;}
.wl{ color:#666;}
.nothing{ color:#ff4545; font-size:14px; text-align:center; padding:30px;}

/*------------弹出框------------*/
.box{ background:#fff;-moz-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; width:50%; margin:0 auto;}
.box_mt{ background:#ff4644; text-align:center; color:#fff; font-size:16px; line-height:40px; height:40px; position:relative;}
.box_mt img{ width:30px; height:30px; position:absolute; right:10px; top:5px; cursor:pointer;}
.box_mc{ padding:10px; color:#666;}
.fkxx{ width:100%; outline:none; height:100px; margin-top:10px;}


/*-----公用底部-----*/
/*.footer{ background:#fff; width:100%; margin: 10px auto 0px auto;}
.footernav{ border-bottom:1px #e0e0e0 solid; line-height:35px; padding:0px 10px;}
.footernav a,.footernav span{ float:left;}
.footernav a{ color:#555;}
.footernav a,.footernav cite{ font-size:16px;}
.footernav span{ color:#b3b3b3; margin:0px 5px;}
.footernav cite {float: right; color:#333; cursor: pointer;}
.zizhi{  margin:10px auto 0px auto;}
.zizhi li{ float:left; color:#999;width:20%; text-align:center; height:16px; padding:0; margin:0; line-height:16px; }
.zizhi img{ width:15px; height:15px; vertical-align:middle; }
.footerchoose,.footer p{ text-align:center; font-size:12px; color:#666; line-height:1.5;}
.footerchoose a{ color:#666;}
.footer p{ padding-bottom:50px;}
.footerchoose a.current{ color:#FF0000;}*/

/*----------底部---------*/
.bottom{ background:#fff; min-height: 170px;}
.footer_links{width: 320px;
margin: 0 auto;
display: table;
height: 13px;
padding: 18px 0;}
.footer_links li{border-right: 1px solid #d7d7d7;display: table-cell; text-align:center; width: 69px; height: 13px;line-height: 13px; font-size: 13px;}
.footer_links li a{ color:#333;}
.line{height: 0px; border-top: 1px solid #e6e6e6; border-width: 1px 0 0 0;}
.platforms{height: 69px; width: 250px; margin: 0 auto; display: table;}
.platforms li{display: table-cell; text-align:center; padding:10px 0px;}
.platforms li a{ color:#999; font-size:14px;}
.platforms li b{ width:40px; height:40px; display:block; margin:0px auto;}
.platforms li b.b1{ background:url(/images2016/bottom_i01.png) no-repeat; background-size:40px;}
.platforms li b.b2{ background:url(/images2016/bottom_i02.png) no-repeat; background-size:40px;}
.platforms li.on b.b1{ background:url(/images2016/bottom_i1.png) no-repeat; background-size:40px;}
.platforms li.on a{ color:#333;}
.copyright{height: 44px; line-height: 44px; text-align: center; color: #848689; font-size: 12px;}