@charset "utf-8";
body{font-family: "Microsoft YaHei";}
a{cursor: pointer;}
ul,ol,li{list-style:none; padding: 0; margin: 0;}
address,cite,dfn,em,var,i{font-style:normal;}
.rel{position:relative;}
.abs{position:absolute;}
.linebox_staic{position: relative;}
.linebox_fixed{position: fixed; top: 0; z-index: 100;}
.dis{display: block;}
.undis{display: none;}
.bold{font-weight: 700;}
.normal{font-weight: 400;}
/*字体大小*/
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.pointer{cursor: pointer;}
/*字体颜色*/
.black{color: #000;}
.white{color: #fff;}
.cl-c00{color: #c00;}
.cl-333{color: #333;}
.cl-454545{color: #454545;}
.cl-666{color: #666;}
.cl-828282{color: #828282;}
.cl-999{color: #999;}
.cl-b16a00{color: #b16a00;}
.cl-f90{color: #f4bf31;}
.cl-2192d9{ color:#2192d9;}
.cl-00ba00{color: #00ba00;}
.cl-a3a3a3{color: #a3a3a3;}
.cl_d10000 {color:#d10000;}
/*margin padding值*/
.mt0{margin-top: 0px;}
.mt2{margin-top: 2px;}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt22{margin-top: 22px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mb0{margin-bottom: 0px;}
.mb4{margin-bottom: 4px;}
.mb5{margin-bottom: 5px;}
.mb6{margin-bottom: 6px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml100{margin-left: 100px;}
.mr5{margin-right: 5px;}
.mr4{margin-right: 4px;}
.mr6{margin-right: 6px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.plr10{padding-left: 10px; padding-right: 10px;}
.ptb100{ padding-top: 100px; padding-bottom: 100px;}
/*宽度 高度*/
.w50{width: 50px !important;}
.w45{width: 45px !important;}
.w100{width: 100px !important;}
.w200{width: 200px !important;}
.w215{width: 215px !important;}
.w160{width: 160px !important;}
.h30{height: 30px !important; line-height: 30px;}
.h35{height: 35px !important; line-height: 35px;}
.line-wrap{min-width: 1280px;}
.w1280{width: 1280px; margin-left: auto; margin-right: auto;}
.shadow-box{width: 100%; height: 9px; position: absolute; background: url('../images/shadow_bg.png') repeat-x;}
.underline{text-decoration: underline;}
.no-border{border: none !important;}
.no-margin{margin: 0 !important;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
/*input select*/
.style-input{height: 30px; line-height: 30px; padding: 4px 6px; border: 1px solid #ddd;}
.style-select{height: 30px; line-height: 30px; padding: 4px 6px; border: 1px solid #ddd;}
.style-textarea{height:60px;line-height:20px;padding:4px 6px;border:1px solid #ddd;}
.search-input{padding: 5px 8px; -webkit-box-shadow: 3px 3px 3px #efefef inset; -moz-box-shadow: 3px 3px 3px #efefef inset; box-shadow: 3px 3px 3px #efefef inset; border: 1px solid #dadada;}
/*可通用激活状态*/
.current{color: #f90; font-weight: 700;}
.active-fff{background-color: #fff; -webkit-box-shadow: 0px 0 3px #999; -moz-box-shadow: 0px 0 3px #999; box-shadow: 0px 0 3px #999;}
.active-f90{background-color: #00b459 !important; color: #fff !important;}
/*可通用图标*/
.-ico{background: url('../images/dingwei_icon.png') no-repeat; vertical-align: middle; display: inline-block;}
.pcbonline-ico{width: 17px; height: 21px; margin-right: 4px; background-position: 0 -12px;}
.cart-ico{width: 20px; height: 20px; background-position: -20px -12px; margin-right: 10px;}
.bigcart-ico{width: 26px; height: 26px; background-position: -82px -12px; margin-right: 10px;}
.optiontip-ico{width: 14px; height: 14px; background-position: -66px -12px; text-indent: -99999em; overflow: hidden;}
.subscript-ico{position: absolute; bottom: 0px; right: 0px; width: 10px; height: 10px; background-position: -40px 0;}
.quickness-ico{width: 40px; height: 40px; background-position: 1px -106px;}
.accurateness-ico{width: 40px; height: 40px; background-position: -39px -106px;}
.excellence-ico{width: 40px; height: 40px; background-position: -79px -106px;}
.hook-ico{width: 13px; height: 13px; background-position: -80px -66px; margin-right: 4px;}
.del-ico{width: 14px; height: 16px; background-position: -86px -150px; margin-right: 4px; vertical-align: text-bottom;}
.del-ico:hover{background-position: -102px -150px;}
.ok-ico{width: 36px; height: 36px; background-position: 0 -186px; margin-right: 6px;}
.fail-ico{width: 36px; height: 36px; background-position: -84px -186px; margin-right: 6px;}
.position-ico{width: 20px; height: 25px; margin-right: 6px;background:url(../images/dingwei_icon.png) no-repeat;}
.tipscon{position:absolute;top:0px;right:20px;z-index:1000; display: none; width:250px;font-weight:400;line-height:16px;color:#000;background-color:#fff;border:1px solid #ccc;padding:10px;text-align:left;-webkit-box-shadow: 0 0 15px #999;-moz-box-shadow: 0 0 15px #999;box-shadow: 0 0 15px #999;}
.item-tips .-ico{width: 16px; height: 16px; background-position: -66px -186px;}
.tel-ico{width: 32px; height: 32px; background:url(../images/phone_icon.png) no-repeat;}
.qq-ico{width: 32px; height: 32px; background:url(../images/qq_bigicon.png) no-repeat;}
.email-ico{width: 32px; height: 32px; background:url(../images/phone_icon.png) no-repeat;}
.qqcontact-ico{width: 77px; height: 24px; }
.more-ico{width: 14px; height: 12px; background-position: -22px -265px; margin-left: 2px; vertical-align: baseline;}
.browse-ico{width: 24px; height: 14px;background:url(../images/read_icon.png) no-repeat;}
/*可通用按钮*/
.btn-yellow{background-color: #00b459; color: #fff; border: none;}
.btn-yellow:hover,.btn-yellow:focus{background-color: #00c763; color: #fff;}
.btn-gray{width:320px; padding: 0; border-color:#adb1b8 #a2a6ac #8d9096;border-style:solid;border-width:1px; background: #eff0f3;background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec); background: linear-gradient(to bottom,#f7f8fa,#e7e9ec); height:34px; line-height:32px; text-align:center;display:block;position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.6) inset;border-radius:2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#111;}
.btn-gray:hover,.btn-gray:focus{background:#e0e3e8;background:-webkit-linear-gradient(top,#e7eaf0,#d9dce1);background:linear-gradient(to bottom,#e7eaf0,#d9dce1); text-decoration:none;}
.btn-bfbfbf{width: 100%; background-color: #bfbfbf; color: #fff; border: none;}
.btn-bfbfbf:hover,.btn-bfbfbf:focus{background-color: #aaa;}
.btn-buy{display: block; height: 35px; line-height: 35px;}
.btn-upload{display: block; width: 80px; height: 25px; line-height: 25px;}
.btn-order{width: 100px; height: 26px; line-height: 26px; margin-top: 5px; margin-left: auto; margin-right: auto; display: block;}

/*可通用圆角、边框线*/
.line-through{text-decoration: line-through;}
.b-bradius4{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.b-bradius0{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; overflow: hidden;}
.b2-f90{border: 2px solid #f90;}
/*可通用的背景色*/
.bg-f90{background-color: #f90;}
.bg-fff5e7{background-color: #fff5e7;}
.bg-8a8a8a{background-color: #8a8a8a;}
.bg-f7f7f7{background-color: #f7f7f7;}
/*错误提示*/
.error-msg{position: absolute; top: 30px; left: 6px; z-index: 20; font-size: 12px; color: #c00;}
.error-msg .-ico{position: absolute; top: -7px; left: 10px; z-index: 21; width: 9px; height: 8px; background-position: -22px 0;}
.error-msg p{background-color: #fff2df; border: 1px solid #bc8835; padding: 5px 10px;}
/*示例图片*/
.example-diagram{display: inline-block;}
.example-diagram-con{position: absolute; z-index: 20; padding: 15px; background-color: #fff; border: 1px solid #ddd;}
/*评分*/
.score{width: 90px; height: 15px; background: url("../img/icons.png") no-repeat 0 -165px;}
.score i{position: absolute; top: 0; left: 0; height: 15px; background:url(../images/sd_xx.png)no-repeat;}
/*重定义*/
.has-success .form-control{border-color: #129b00;}
.has-success .form-control-feedback{color: #129b00;}
.has-error .form-control{border-color: #c00;}
.has-error .form-control-feedback{color: #c00;}
.tooltip{text-align: left !important;}
.tooltip.bottom .tooltip-arrow{border-bottom-color: #fff;}
.tooltip-inner{background-color: #fff; color: #000; text-align: left; padding: 8px 10px; webkit-box-shadow: 0 0 10px #af8a52; -moz-box-shadow: 0 0 10px #af8a52; box-shadow: 0 0 10px #af8a52;}
.tooltip.in{opacity: 1;}
.ie6 .form-control,.ie7 .form-control,.ie8 .form-control{display: inline-block;}

.option-size{width: 238px; height: 30px; background-color: #eee; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.option-size .form-control{width: 90px; height: 28px; line-height: 28px; padding-top: 0; padding-bottom: 0; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-top: none; border-bottom: none; display: inline-block;}
/*分页*/
.pagination>li>a, .pagination>li>span {color:#333;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #fff; background-color:#f90; border: 1px solid #f90;}

/*基础页面样式*/
.loading{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#000;filter:alpha(opacity=20);-moz-opacity:0.2;opacity: 0.2;}
.loading img{ width: 0px; height: 0px; margin-left: auto; margin-right: auto; display: block;}
.page-box{background-color: #ffffff; padding-top: 0px; padding-bottom: 0px;}
.hd-position .position-ico{position: absolute;}
.hd-position .con{padding-left: 0px; line-height: 0px; width: 0px; }
.page-box-con{padding: 0px 0 ;  }
/*修改/添加地址*/
.edit-address{height: 300px;}
.edit-address li{margin-bottom: 10px;}
.edit-address .title{width: 100px; text-align: right; margin-right: 5px; display: inline-block; line-height: 30px;}
.edit-address .con{position: absolute; left: 108px; top: 0;}
.edit-address .style-textarea{width: 320px;}
/*头部提示*/
.head-tips{width:100%; height: 40px; line-height: 40px; background:#fff8d4;position:fixed;top:0;z-index:10000;}
.btntips-close {position:absolute;right:0px;top:0px;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#837955;font-size:30px;}
/*顶部导航条*/
.site-nav{height: 29px; line-height: 29px; font-size: 12px; background-color: #f8f8f8; border-bottom: 1px solid #e9e9e9;}
.site-nav-r li{float: left; }
.site-nav-r .spacer{ width: 1px; height: 14px; background-color: #888; margin: 7px 5px 0; padding-left: 0px; padding-right: 0px; overflow: hidden;}
.member-centre .-ico{width: 8px; height: 4px; background-position: 0 0; margin-left: 4px;}
.sn-member-centre-con{position: absolute; top: 29px; right: 0px; z-index: 10; width: 260px; background-color: #fff; padding: 20px 0px 6px; -webkit-box-shadow:2px 5px  5px #888; -moz-box-shadow:2px 5px  5px #888; box-shadow:2px 5px  5px #888;}
.sn-member-centre-con .hd{padding-left: 20px; margin-bottom: 15px;}
.sn-member-centre-con .hd a{ background:#fff0e6; border:1px solid #ff9900; color:#ff9900; height:26px; line-height:24px; display:inline-block; padding:0 10px; border-radius:4px; text-decoration: none;}
.sn-member-centre-con .not-logged span{ padding:0 10px;}
.sn-member-centre-con .bd{margin: 0;}
.sn-member-centre-con .bd p{display:block; line-height:32px; background:#f2f3f7; border-top:1px solid #dae2ed; border-bottom:1px solid #dae2ed; text-indent: 20px; margin: 0;}
.sn-member-centre-con .bd a{display:block; line-height:32px; border-bottom:1px solid #f4f4f4; text-indent: 20px;}
/*免邮费*/
.allfreeship{width: 100%;}
.allfreeship a{display: block; width: 100%; height: 80px; text-indent: -99999em; overflow: hidden;}
/*头部主导航*/
.navigation{height: 100px; padding-top: 16px;}
.navigation .logo span{margin-top: 12px;}
.navigation .menu{margin-left: 48px;}
.navigation .menu li{float: left; margin-left: 10px; margin-right: 10px;}
.navigation .menu a{line-height: 48px; font-size: 16px;}
.navigation-r{width: 250px; height: 44px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; overflow: hidden;}
.navigation-r dd{float: left; width: 125px; text-align: center;}
.navigation-r dd a{font-weight: 700; line-height: 44px; color: #fff; display: block;}
.navigation-r dd a:hover{text-decoration: none;}
.navigation-r .entrance-pcbonline{background-color: #000;}
.navigation-r .entrance-way a{display: inline; padding: 0 4px;}
.navigation-r .entrance-way a:hover{color: #000;}
.navigation-r .entrance-pcbonline:hover,.navigation-r .entrance-cart:hover em{background-color: #333;}
.navigation-r .entrance-cart,.navigation-r .entrance-way{ background-color: #f90;}
.navigation-r .entrance-cart em{position: absolute; top: 9px; left: 32px; min-width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; background-color: #000; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.navigation-r .entrance-cart:hover{background-color: #ffad33;}
/*底部*/
.footer-main{background-color: #f2f2f2; border-top: 1px solid #ddd; padding-top: 30px; padding-bottom: 30px;}
.footer-main li{float: left;}
.footer-main .fax{width: 250px; height: 32px; text-align: center; line-height: 32px; background-color: #000; margin-left: auto; margin-right: auto;}
.footer-partner{border-left: 1px solid #dae2ed; border-right: 1px solid #dae2ed; padding-top: 10px; padding-left:30px; padding-bottom: 10px; margin-right: 30px;}
.footer-partner dt,.footer-partner dd{float: left;}
.footer-partner dt{margin-top: 8px; margin-right: 8px;}

.footer-partner dt,.footer-partner dd{float: left;}
.footer-partner dt{margin-top: 8px;}

/*在线客服*/
.onlineservice{position: fixed; right: 10px; top: 180px; z-index: 102; width: 108px; text-align:right;}
.onlineserviceinfo{z-index: 101;}
.onlineservicename{position: absolute; bottom: 18px; right: 0; width: 108px;}
.onlineservicename .-ico{width: 13px; height: 19px; background-position: 0 -40px; vertical-align: text-bottom;}
.onlineservice-con{position: absolute; top: 54px; right: 54px; z-index: 100; width: 290px; border: 1px solid #e18700; -webkit-box-shadow: 1px 1px 10px #aaa; -moz-box-shadow: 1px 1px 10px #aaa; box-shadow: 1px 1px 10px #aaa;}
.onlineservice-con .hd{height: 42px;}
.onlineservice-con h3{margin: 0; padding: 0 16px; color: #fff; line-height: 42px;}
.onlineservice-bd{padding: 13px; background-color: #fff;}
.onlineservice-bd p{margin-bottom: 5px;}
.onlineservice-bd a{background: none; width: 77px;  height: 24px; display: block; overflow: hidden;}
.onlineservice-bd .-ico{width: 77px; height: 24px; background-position: -16px -40px;}

.onlineservice-leftmost{text-align:left;}
.onlineservice-leftmost .onlineservicename{left: 0;}
.onlineservice-leftmost .onlineservice-con{left: 54px; right: 0;}
.onlineservice-leftmost .onlineservice-con h3{text-align:center;}


.ie6 .ie-tips,.ie7 .ie-tips,.ie8 .ie-tips{display: block; position: static;}
.ie6 .btntips-close,.ie7 .btntips-close,.ie8 .btntips-close{display:none;}

/*板子数量下拉*/
.boardnumber {position:absolute;border:1px solid #f90;width:442px;padding:10px;top:32px;left:0;z-index:199;background-color:#fff;}
.boardnumber label{display: block; margin: 0; font-weight: 400;}
.boardnumber li {float:left;width:20%;padding:2px 0 2px 6px; margin-bottom:4px; line-height:normal; overflow: inherit;}
.boardnumber li:hover {box-shadow:0 0 10px #ccc;}
.boardnumber li label {display:block;}
.boardnumber .boardnumberbtn {float:left;margin:10px 0;width:100%;}
#Num{position:relative; z-index:200; line-height: inherit;}

/*owl-carousel 切换基本样式*/
.owl-item.loading {min-height:150px;background:url('../img/loading.gif') no-repeat center center}

.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel {display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item {float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer;}
.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.grabbing {cursor:url('../img/grabbing.png') 8 8,move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:165px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;filter:Alpha(Opacity=20);opacity:0.2;}
.owl-theme .owl-controls .owl-buttons div:hover {color: #f90; filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}

/*20170807 下拉导航*/
.menu .dropDownNav .-ico{width:10px; height:5px; background-position:-160px 0px; margin-left:4px; vertical-align:middle;}
.menu .secondNav{background-color:#fff; box-shadow: 0 0 10px #888; position:absolute; top: 38px; left:0px; z-index:12;}
.menu .secondNav dd a{height:35px; line-height:35px; width:160px; font-size:14px; padding-left:22px; padding-right:22px; margin: 0; display:block;}