/**malltop**/
.tn-l a{color: #fff;}
.inseach{width: 35%;}
.layui-inline{width: 65%;}
.radiocs input{float: left; margin-top: 10px; margin-right: 10px;width: 15px;height: 15px;}
.layui-input-inline p{float: left; line-height: 32px; padding-right: 15px;}
.seachot{float: left;width: 30%;margin-top: 12px;}
.seachot a{padding: 0 1%;color: #666;line-height: 45px;}
.layui-form-item select{display:inline;float: left; line-height: 88px; height: 28px; margin-top: 5px;margin-right: 5px;}
.layui-form-item .layui-input-inline{width:300px;}
.layui-input-block{margin-top: 10px;}

.mban{height: 460px;}
.fullSlide{ width:100%;  position:absolute;  height:460px;z-index: 99;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd ul a{width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:460px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:460px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;text-align:center;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; 
		line-height:9999px; 
	}
.fullSlide .hd ul .on{ background-position:0 0; }

#navbox{ position:relative; z-index:999; width:250px;   background:#fff;height: 460px;}
#navbox .mainCate{ position:relative; padding:10px 20px; zoom:1;   }
#navbox .evenLeval{ background:#fff;  }
#navbox h2{text-align: center;line-height:50px;background: #0B2A61;color: #fff;}
#navbox h3{ height: 28px; line-height: 28px; font-size: 16px; overflow:hidden;  }
#navbox h3 span{ width: 18px; height: 15px; line-height:32px; font-weight: 200; font-size: 12px; float:right;  }
#navbox p{ height:20px; line-height:20px;   }
#navbox p a{ margin-right:10px; color:#666;   }
#navbox .subCate{ display:none;/*默认隐藏*/  background:#ebf3ff; position:absolute; left:250px; top:0; width:550px;  padding:0 0 20px 20px; color:#333; height:390px;}
#navbox .subCate h4{ height:26px; line-height:26px; margin:0 0 10px 0;   border-bottom:1px solid #ccc; font-size:16px; color:#333;   }
#navbox .subCate ul{ width:230px; ;float:left;  overflow:hidden; padding-top:20px;  }
#navbox .subCate li{ float:left; display:inline;   }
#navbox .subCate li a{ display:block; float:left; padding:0 5px; line-height:25px; color:#666; word-break:keep-all; white-space:nowrap;  }
#navbox .subCate #sub-ul-1{ width:100%;  }
#navbox .on{ background:#0B2A61; color:#fff;  }
#navbox .on a{ color:#fff;  }
#navbox .on .subCate{ display:block !important; /* !important 强制显示，否则会闪烁*/ }
#mainCate-2 .subCate{top: -88px;}
#mainCate-3 .subCate{ top:-176px }
#mainCate-4 .subCate{ top:-264px; }
.son2{top: -48px !important;}
.son3{top: -96px !important;}
.son4{top: -144px !important;}
.son5{top: -192px !important;}
.son6{top: -240px !important;}
.son7{top: -288px !important;}
.son8{top: -336px !important;}


.inhtit{float: left;width: 100%;border-bottom: solid 2px #0B2A61;padding-bottom: 10px;}
.inhtit h1{font-size: 24px;font-weight: 700;color: #0B2A61;}
.inhtit h1 i{font-size: 28px;padding-right: 10px;}
.inhotpro {margin-top: 10px;}
.inhotpro li{float: left;width: 19.9%;border: solid 1px #D0D0D0;border-right: none;height: 227px;overflow: hidden;}
.inhotpro li:last-child{border-right: solid 1px #D0D0D0;}
.inhotpro li img{float: left;width: 100%;height: 150px; transition: all 1s; -webkit-transition: all 1s;overflow: hidden;}
.inhotpro li img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.inhotpro .cltit{width: 96%;margin:5% 2% 2% 2%;}
.inhotpro .cltit h3{font-weight: 700;float: left;display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.inhotpro .cltit p{color: #DD0000;}


.classtit{border-bottom: 2px solid #0099FF;}
.classtit h1{float: left;font-size: 18px;line-height: 36px;margin: 10px 0;}
.classtit h1 em{color: #0099FF;}
.classtit span{float: right;font-size: 12px;padding: 0 10px;line-height: 24px;background: #f6f6f6;border-radius: 5px;color: #666;margin-top: 16px;}
.cl-l{width: 326px;height: 516px;overflow: hidden;}
.cl-l img{float: left;width: 326px;height: 516px;overflow: hidden; transition: all 1s; -webkit-transition: all 1s;}
.cl-l img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.cl-c{width: 432px;height: 516px;}
.cl-c li{float: left;width: 432px;height: 258px;overflow: hidden; border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0; }
.cl-c li img{float: left;width: 432px;height: 258px; transition: all 1s; -webkit-transition: all 1s;}
.cl-c li img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.cl-r{width: 874px;height: 516px;}
.cl-r li{float: left; width: 217px;height: 258px;overflow: hidden; border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0; }
.cl-r li img{float: left; width: 219px;height: 160px; transition: all 1s; -webkit-transition: all 1s;}
.cl-r li img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.cl-r .cltit{width: 96%;margin: 2%;}
.cl-r .cltit h3{font-weight: 100;  font-size: 14px; line-height: 24px; color: #00338e;}
.cl-r .cltit p{color: #666;}
.cl-r .cltit span a{color: #DD0000;}

/*.fotico{background: #0B2A61;color: #fff;}*/
.fotico li{float: left;width: 25%;color: #0B2A61;}
.fotico li i{float: left;margin-right: 10px;font-size: 36px;font-weight: 600;line-height: 38px;margin-top: 10px;}
.fotico li .icotit{float: left;}
.fotico li .icotit h3{font-weight: 600;}


/**产品详细**/
.add{line-height: 36px;margin: 15px 0;}
.pro-l{width:964px ;}
#ifocus { width:490px; margin-bottom:7px; height:470px; border:1px solid #DEDEDE; }
#ifocus_pic { display:inline; position:relative; float:left; width:490px; height:368px; overflow:hidden; margin:2px; }
#ifocus_piclist li { width:490px; height:368px; overflow:hidden;}
#ifocus_piclist img { width:486px; height:364px; }
#ifocus_btn { display:inline; float:left; margin-top:9px; width:490px;}
#ifocus_btn li {float: left; width:98px; height:74px; margin-bottom:5px; cursor:pointer;margin: 5px 11px;border: solid 1px #d0d0d0;  }
#ifocus_btn img { width:98px; height:74px;  }
.prtit {width: 432px;margin-left: 40px;}
.prtit h1{float: left; width: 100%;height: 36px;line-height: 36px;font-size: 24px; color: #333; font-weight: bold;}
.prtit h2{float:left;width: 100%;font-size: 32px; font-weight: bold;color: #ff0000;margin-top: 30px;}
.kuli{float: left; width: 100%;background: #fafafa;height: 50px;margin-top: 30px; padding: 10px 0;}
.kuli p{float: left;width: 100%;color: #666;text-indent: 25px;font-size: 12px;line-height: 24px;}
.btn-box{float: left;width: 100%;margin-top: 30px;}
.buy{ float: left; width: 205px; height: 45px; text-align: center; line-height: 43px;font-size: 18px;background: #ff9e13;color: #fff;}
.share{ float: right; width: 205px; height: 45px; text-align: center; line-height: 43px;font-size: 18px; color: #666;border: solid 1px #d8d8d8;}
.zffs{margin-top: 30px;}
.zffs span{float: left; color: #999999;}
.zffs p{float: left;color: #666;margin-left: 20px;text-indent: 5px;line-height: 28px;font-size: 12px;}
.ico1{float: left; background: url(../image/ico1.jpg) no-repeat;width: 16px;height: 16px;margin-top: 6px;}
.ico2{float: left; background: url(../image/ico2.jpg) no-repeat;width: 16px;height: 16px;margin-top: 6px;}
.ico3{float: left; background: url(../image/ico3.jpg) no-repeat;width: 16px;height: 16px;margin-top: 6px;}
.probox{margin-top: 40px;}
.protit{background: #f6f6f6;height: 46px;line-height: 46px;}
.protit h3{float: left;width: 150px;background: #0099FF;color: #fff;text-align: center;font-size: 18px;font-weight: 100;}
.proxl {width: 864px;margin-left: 50px;margin-top: 20px;}
.proxl img{float: left;width: 100%;}
.pro-r{float: left;margin-left: 40px;width: 196px;}
.hotpro{float: left;width:196px;}
.hottit{float: left;width:196px;height: 42px;line-height: 42px;text-align: center;background: #0099FF;color: #fff;}
.hotpro ul{float: left;width: 194px;border: solid 1px #D0D0D0;border-top: none;}
.hotpro ul li{float: left;width: 100%;margin-top: 10px;}
.hotpro ul li img{float: left;width: 184px;height:128px;padding: 5px;}
.hotpro ul li p{float: left;width: 184px;padding: 5px;height: 28px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;text-align: center;color: #666;}


/**会员**/
.mt5{margin-top: 5px;}
.xw5{width: 5%;}
.xw10{width: 10%;}
.xw15{width: 15%;}
.xw20{width: 20%;}
.xw30{width: 30%;}
.xw35{width: 34%;}
.xw45{width: 44%;}
.flbox{width: 210px;overflow: hidden;}
.perin{width: 80%;background: #0B2A61;padding:10%;color: #fff;font-size: 12px;}
.preimg{width: 80px;height: 80px;margin: 0 auto;}
.perin img{border-radius: 50%;width: 100%;height: 100%;}
.wel{text-align: center;margin-top: 10px;}
.djjf{float: left;width: 100%;}
.djjf p{float: left;width: 100%;line-height: 24px;color:#fff;}
.fllist{float: left;width: 100%;background: #f0f0f0;}
.fllist h3{float: left;width: 100%;height: 38px;background: #0B2A61;color: #fff;font-size: 16px;line-height: 38px;text-indent: 10%;}
.fllist ul{float: left;width: 80%;padding: 10%;text-align: left;} 
.fllist ul li{float: left;width: 100%;text-align: left;font-size: 14px;line-height: 28px;}
.fllist ul .on a{color: #0049cc;}


.frbox{margin-left: 30px;width: 960px;}
.order,.cartbox,.follbox,.couder{background: #FFFFFF;box-shadow: 1px 2px 5px #D0D0D0;}
.ortit{width: 94%;padding:2% 3%;}
.ortit li{float: left;padding: 0 3%;border-right: dotted 1px #D0D0D0;line-height: 38px;font-size: 14px;font-weight: 700;}
.ortit .on a{ color:#0049cc;}
.orblock{width: 94%;padding:0 3% 2% 3%;}
.orbktit{background: #F0F0F0;height: 38px;line-height: 38px;width: 100%;}
.orbktit li{float: left;text-align: center;}
.orbls{width: 99.8%;border: solid 1px #D0D0D0;}
.orbls li{float: left;font-size: 12px;line-height: 60px;height: 60;text-align: center;border-right: solid 1px #D0D0D0;padding: 1% 0;}
.orbls li:last-child{border-right: none;}
.ordate{float: left;width: 100%;text-align: center;border-bottom: solid 1px #D0D0D0;line-height: 38px;}
.ordate span{padding:0 5px;}
.orpic{float: left;width: 20%;margin:0 2%;}
.orpic img{float: left;width: 100%;height: 60px;}
.orname{float: left;width: 73%;margin-left: 2%;text-align: left;line-height: 24px;}
.carttit{width: 94%;padding:2% 3%;border-bottom: solid 2px #D0D0D0;}
.carttit h3{font-weight: 700;font-size: 16px;}

.carblock{width: 94%;padding:2% 3% 2% 3%;}
.cartit{background: #F0F0F0;height: 38px;line-height: 38px;width: 100%;}
.cartit li{float: left;text-align: center;}
.carbls{width: 99.8%;border: solid 1px #D0D0D0;}
.carbls li{float: left;font-size: 12px;line-height: 60px;height: 60px;text-align: center;border-right: solid 1px #D0D0D0;padding: 1% 0;}
.carbls li:last-child{border-right: none;}
.cart-checkbox{float: left;width: 10%;}
.carpic{float: left;width: 20%;margin:0 2%;}
.carpic img{float: left;width: 100%;height: 60px;}
.carname{float: left;width: 63%;margin-left: 2%;text-align: left;line-height: 24px;}
.item-amount{ height: 25px;overflow: hidden; position: relative; z-index: 1;width: 88%;margin-left: 6%;margin-top:15%;}
.item-amount a{display: block;height: 23px;width: 17px;border: 1px solid #e5e5e5;background: #f0f0f0; text-align: center; line-height: 23px; color: #444; position: absolute; top: 0;}
.text-amount {width: 54%; height: 15px;line-height: 15px; border: 1px solid #aaa;color: #343434; text-align: center; padding: 4px 0; background-color: #fff; background-position: -75px -375px;position: absolute;z-index: 2; left: 18px;  top: 0;}
.no-plus{ border-left-color: transparent;  right: 0;}
.no-minus {color: #e5e5e5;}

.casettbots {position: fixed; overflow: hidden; bottom: 50px; width: 100%; background: #fff; border-top: 1px solid #e5e5e5;}
.casett{position: relative;border: #f5f5f5 1px solid;background: #eee;width: 100%;}
.caqx{float: left;width: 10%;height: 50px;line-height: 50px; padding-left: 5px;  position: relative;}
.cart-checkbox{display: inline-block; width: 15px; margin: 0 5px;}
.caqx span{position: absolute;}
.caczss { float: left; line-height: 50px;  height: 50px;width: 20%;}
.caczss a { margin-left: 5px; float: left;}
.cabtr{float: right; position: absolute; right: 0px; top: 0px; z-index: 4;width: 40%;}
.amount-sum{float: left; height: 50px; color: #3C3C3C;  line-height: 50px;width: 25%;}
.txt{float: left;margin-right: 1%;}
.casl{float: left;}
.price-sum{float: left;margin-left: 2%;width: 30%;line-height: 50px;}
.price {float: left;}
.price em{font-size: 16px;font-weight: 600;}
.btn-area {float: right;font-size: 16px;font-weight: 700; width: 30%;line-height: 50px; background: #F40; text-decoration: none;  text-align: center;}
.btn-area a{color: #fff;}
.follbolck{width: 94%;padding:2% 3% 2% 3%;}
.folli li{float: left;width: 22%;margin:1%;border: solid 1px #D0D0D0;}
.folpic img{float: left;width: 100%;height: auto;}
.folpic p{float: left;text-indent: 5px;width: 100%;line-height: 24px;}
.folpic strong{color: #FF4400;float: left;width: 100%;text-indent: 5px;}
.foltit {float: left;width: 100%;border-top: solid 1px #D0D0D0;}
.foltit a{float: left;width: 49%;text-align: center;border-right: 1px solid #D0D0D0;font-size: 12px;}
.foltit a:last-child{border-right:none;}
.coublock{width: 94%;padding:2% 3% 2% 3%;}
.couponli li{float: left;width: 30%;margin: 1%;}
.couinfo{color: #fff;border-radius: 5px;float: left;}
.cowsy{background: #0E45A7;}
.coysy{background: #E2E2E2;}
.couname {float: left;font-size: 18px;font-weight: 700;width: 100%;margin: 2% 0;text-indent: 15px;}
.couprice{float: left;width: 100%;text-align: center;margin: 2% 0;}
.couprice i{font-weight: 700;}
.couprice em{font-size: 28px;font-weight: 700;}
.couuse{float: left;width: 100%;text-align: center;font-size: 12px;line-height: 24px;}
.coutime{float: left;width: 100%;text-align: center;font-size: 12px;line-height: 24px;color:#93B9FF;}
.counum{float: left;width: 99.6%;background: #fff;border-radius: 5px;border: solid #D0D0D0 1px;padding: 10px 0;}
.counum p{width: 80%;height: 22px;font-size: 12px; text-indent: 10px;line-height: 22px;color: #666;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.coucon{float: left;border-top: dashed 2px #D0D0D0;width: 100%;margin-top: 2%;}
.coucon a{float: right;padding: 1% 3%;background: #FF4400;color: #fff;border-radius: 5px;margin: 2% 2% 0 0;}
.ysydt a{float: right;padding: 1% 3%;background: #E2E2E2;color: #333;border-radius: 5px;margin: 2% 2% 0 0;}

.addsul{float: left;margin-top: 2%;width: 100%;}
.borb{border-bottom: 1px solid #D0D0D0; margin-top: 10px;font-size: 14px;font-weight: bold;}
.hidden{display: none !important;}
.address h3{float: left;font-weight: bold;font-size: 14px;}
.btn-add{display: inline-block;margin-left: 1%; background: #FF4400;border-color: #ff4400; margin-bottom: 0; padding:0 1%;vertical-align: middle;font-size: 12px; font-weight: normal;  text-align: center;}
.btn-add a{ color: #fff;}
.useadd{position: relative; display: block; width: 235px; height: 130px; float: left; background: url(../img/peraddbg.png) no-repeat scroll 0% 0%;  margin-right: 10px; padding: 10px;}
.defaadd{background: url(../img/peraddressbg.png)no-repeat scroll 0% 0%;}
.address-left {width: 100%; float: left; position: relative;}
.dfadd{font-size: 14px; font-weight: 700;float: left;}
.buyadd{float: left;}
.deftip { position: absolute; top: 0px;right: 0px; padding: 0px 2px; text-decoration: none; opacity: 0.7; z-index: 3;   background: #14B710 none repeat scroll 0% 0%; color: #FFF;}
.default-address{font-weight:100 ;line-height: 24px;margin-top: 2%;color: #333;}
.new-addr-btn { display: block; font-size: 12px; color: #282828; text-align: right; padding-right: 5px;    position: absolute; bottom:15px; right: 10px;}
.logistics{float: left;width: 100%}
.logistics li{overflow: hidden;border: solid 1px transparent;}
.logistics li i{margin: 5px 10px;}
.exphot li ,.pay-list li {width: 18%; float: left; display: block; cursor: pointer;}
.exphot i { background: transparent url(../img/kuaidi.png) no-repeat scroll 0px 0px; display: inline-block; width: 36px; height: 36px; vertical-align: middle;   overflow: hidden;}
.logistics li.selected { border-color: #F03726; position: relative;}
.logistics li.selected span {position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; right: 0px; bottom: 0px; background: url(../img/sys_item_selected.gif) no-repeat right bottom;}
.pay img {display: inline-block; width: 54px; height: 36px; overflow: hidden; margin: 5px auto;}

.qrdbox{float: left;width: 100%;}
.qrinfo{border: solid 1px #D0D0D0;border-top: none;float: left;width: 96%;padding: 2%;}
.pay-total { border: #f5f5f5 1px solid;overflow: hidden;width: 96%;  padding: 2%;}
.order-extra{border: none; float: left; width: 60%;}
.memo-close {border: 1px solid #f5f5f5; padding-left: 10px; min-width: 280px; width: 80%;}
.buy-agio {text-align: right;float: left; width: 40%;}
.buy-agio li{float: left;padding: 1% 0;width: 100%;}
.buy-point-discharge { font-size: 14px; font-weight: 700;  padding: 10px 0px;  text-align: right;float: right;width: 100%;}
.realPay{font-weight: bold;}
.g_price em{ color: #FF4200;}
.realPay{float: left;width: 100%;padding: 1% 0;}
.realPay .g_price{font-size: 26px;}
.pay-address{float: left;width: 100%;padding: 1% 0;}
.buy-line-title{font-weight: bold;}
.pay-confirm  { font-size: 12px; overflow: hidden; border: 2px solid #f40; float: right; width: 50%;  font-size: 14px;  text-align: right;   padding-right: 10px;}
.submitOrder { width: 100%; overflow: hidden; padding-top: 10px; margin-bottom: 10px;}
.submitOrder .btn-go { display: block; padding: 0 25px; height: 36px;line-height: 36px;  font-size: 18px; background-color: #f50; color: #fff;    text-align: center;  cursor: pointer;  outline: 0;  z-index: 999;}
.take-delivery {background: url(../img/wcdg.png) 10px 25px  no-repeat;padding: 27px 0 27px 60px;color: #333;width: 100%; margin: 0px auto; margin-top: 50px;}
.successinfo{ display: inline-block; padding: 5px 0px; max-width: 547px;}
.successinfo li{float: left;font-size: 18px;padding: 1% 0;width: 100%;}
.successinfo li em{font-size: 14px;color: #F00;margin-left: 5px;font-weight: bold;}
.user-info {float: left; border: 1px solid #F00;margin-bottom: 15px;padding: 2%;}
.option{float: left;padding: 1% 0;}
.qrinfos{float: left;width: 100%;padding: 1% 0;}
.makept span{color: #FF0000;}
.addblock{width: 94%;padding:2% 3% 2% 3%;}
.addblock .addsul{margin-bottom: 10px;}
.newsadd{float: left;margin-top: 2%;width: 80%;}
