@charset "UTF-8";
/*===公共样式====*/
.red{color:#f00}
.c_red{color:#f73030}
.gray{color:#ccc}
.blue{color:rgba(0,147,255,1.00)}
.bold{font-weight:bold}
.c9{color:#999}
.c6{color:#666}
.del{text-decoration:line-through}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fr_p{ float:right;}
.fl_p{ float:left;}
.price{ color:#f73030;}
.tl_c{text-align:center}
.tl_r{text-align:right}
.c_btnbg{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#ff5252),color-stop(100%,#f73030));background-image:-webkit-linear-gradient(#ff5252,#f73030);background-image:-moz-linear-gradient(#ff5252,#f73030);background-image:linear-gradient(#ff5252,#f73030);}
.b_btn{border-radius: 5px;text-align: center;height: 31px;line-height: 31px;border: 1px solid #ff5252;color: #FFF;font-size: 18px; min-width:100px; }
.a_btn{border-radius: 5px;text-align: center;height: 25px;line-height: 25px;border: 1px solid #ff5252;color: #FFF; min-width:80px; display:inline-block;}
.b_btn_cancel{border-radius: 5px;text-align: center;height: 31px;line-height: 31px;border: 1px solid #ccc;color: #666;font-size: 18px; min-width:100px;
background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#D9D9D9),color-stop(100%,#CDCDCD));background-image:-webkit-linear-gradient(#D9D9D9,#CDCDCD);background-image:-moz-linear-gradient(#D9D9D9,#CDCDCD);background-image:linear-gradient(#D9D9D9,#CDCDCD);
}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.input_text{padding: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;background-color: white;border: 1px solid #ddd;}
.input_text_s{padding: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;background-color: white;border: 1px solid #ddd;}
.w100{width:100%;box-sizing:border-box}
.w98{width:98%;box-sizing:border-box}
.disable_btn{ background-color:#bbb; color:#fff; border-color:#666;}
#J_c_mask{position: fixed;right: 0;bottom: 0;top: 0;left: 0; width:100%; height:100%;z-index: 1001;background-color: rgba(0,0,0,0.7);}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }



/*===首页===*/
.home-nav { display: box; display: -webkit-box; display: -moz-box; width: 100%; height: 56px; background-color: #FC6B00; }
.home-nav a { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; display: block; }
.home-nav .logo { text-align: center; background-color: #FC6B00; width: 90px; height: 56px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-nav .logo img { max-width: 90px; max-height: 56px; vertical-align: middle; }
.home-nav .item { padding-top: 33px; line-height: 23px; color: #FFFFFF; text-align: center; }
.home-nav .item .cart-num { position: absolute; top: 0; margin-left: -20px; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background: #333; }

.home-nav-down { text-align: center; color: #EEEEEE; background-color: #484848; margin-top: 15px; }
.home-nav-down td { border-left: 1px solid #6d6d6d; }
.home-nav-down td a { display: block; line-height: 30px; color: #FFFFFF; }

.home-to-top { position: relative; padding: 10px 0; text-align: center; }
.home-to-top .to-top { position: absolute; right: 10px; padding-right: 15px; color: #666; background: url(./top.jpg) no-repeat 100% 2px; }

.search { position: relative; height: 30px; background-color: #FC6B00; border: 2px solid #FC6B00; margin: 16px 0px 13px; }
.search .key { display: block; margin-right: 36px; background-color: #FFFFFF; border: none; width: 100%; height: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.search .submit { width: 30px; height: 30px; position: absolute; top: 0; right: 0; background: #FC6B00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTUvMTPGSXG+AAAAoklEQVQokZWS0Q3DIAxEUSdhhIzACBmB0RghIzBCRugI2eD1I9AewU6Vkywh8DtsTABCiwRURu3AKjlD9EXmXsWDkyRVuWkBNjnLFlwFtMrrBm8L7vJ6i5ITPdh8lBZdSfdf4acl2IqyPoYTznHQerNuLXc9r1LWJn1FAc0Hvbr/0zBvdcqtNNXB/Ou+Bt5oEucn8SorHuzFZPAEngyewmqQPy9QxGSgpAE7AAAAAElFTkSuQmCC) no-repeat 50%; border: none; }

.main-banner { position: relative; height: 128px; border: 2px solid #BFBFBF; background-color: #FFFFFF; margin-bottom: 12px; }
.main-banner .slider { height: 128px; }
.main-banner .slider-item { float: left; width: 296px; height: 100%; }
.main-banner .slider-item img { display: block; width: 100%; height: 100%; }
.main-banner .slider-point { position: absolute; width: 100%; bottom: 0px; }

.home-login { margin-bottom: 12px; }
.home-login .login { box-flex: 2; -webkit-box-flex: 2; -moz-box-flex: 2; padding-right: 12px; }
.home-login .reg { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }

.home-logon { margin-bottom: 12px; padding: 5px; text-align: center; background: #eee; }
.home-logon .left { display: inline-block; padding: 0 5px; border-right: 1px solid #ddd; }
.home-logon a { display: inline-block; padding: 0 5px; border-left: 1px solid #fff; }

.home-hot .panel { padding: 5px 0; }
.home-hot .pt-item { float: left; width: 145px; padding-left: 5px; }
.home-hot .pt-item:nth-child(odd) { padding-left: 0; padding-right: 5px; }
.home-hot .pt-img { width: 143px; height: 143px; border: 1px solid #BFBFBF; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-hot .pt-img img { max-width: 143px; max-height: 143px; vertical-align: middle; }
.home-hot .price { font-size: 13px; line-height: 25px; margin-bottom: 5px; }
.home-hot .pt-name { font-size: 13px; height: 36px; line-height: 18px; margin: 5px 0; overflow: hidden; }

.home-brand .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-brand .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-brand .brand-list { border-top: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; }
.home-brand .brand-item { float: left; width: 74px; height: 29px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; border-left: 1px solid #BFBFBF; }
.home-brand .brand-item img { max-width: 74px; max-height: 29px; vertical-align: middle; }
.home-brand .brand-item:nth-child(4n+0) { width: 73px; height: 29px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-brand .brand-item:nth-child(4n+0) img { max-width: 73px; max-height: 29px; vertical-align: middle; }

.home-comment .title, .home-concessions .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-comment .title .arr, .home-concessions .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-comment .comment-list, .home-comment .concessions-list, .home-concessions .comment-list, .home-concessions .concessions-list { padding-bottom: 20px; }
.home-comment .comment-list .comment-item, .home-comment .comment-list .concessions-item, .home-comment .concessions-list .comment-item, .home-comment .concessions-list .concessions-item, .home-concessions .comment-list .comment-item, .home-concessions .comment-list .concessions-item, .home-concessions .concessions-list .comment-item, .home-concessions .concessions-list .concessions-item { margin-top: 2px; background: #f5f5f5; }
.home-comment .comment-list .comment-item a, .home-comment .comment-list .concessions-item a, .home-comment .concessions-list .comment-item a, .home-comment .concessions-list .concessions-item a, .home-concessions .comment-list .comment-item a, .home-concessions .comment-list .concessions-item a, .home-concessions .concessions-list .comment-item a, .home-concessions .concessions-list .concessions-item a { display: block; padding: 10px 50px 10px 80px; height: 62px; }
.home-comment .comment-list .comment-item img, .home-comment .comment-list .concessions-item img, .home-comment .concessions-list .comment-item img, .home-comment .concessions-list .concessions-item img, .home-concessions .comment-list .comment-item img, .home-concessions .comment-list .concessions-item img, .home-concessions .concessions-list .comment-item img, .home-concessions .concessions-list .concessions-item img { float: left; margin-left: -70px; width: 60px; height: 60px; border: 1px solid #ddd; }
.home-comment .comment-list .comment-item .arr, .home-comment .comment-list .concessions-item .arr, .home-comment .concessions-list .comment-item .arr, .home-comment .concessions-list .concessions-item .arr, .home-concessions .comment-list .comment-item .arr, .home-concessions .comment-list .concessions-item .arr, .home-concessions .concessions-list .comment-item .arr, .home-concessions .concessions-list .concessions-item .arr { float: right; margin-right: -30px; margin-top: 30px; }
.home-comment .comment-list .comment-item em, .home-comment .comment-list .concessions-item em, .home-comment .concessions-list .comment-item em, .home-comment .concessions-list .concessions-item em, .home-concessions .comment-list .comment-item em, .home-concessions .comment-list .concessions-item em, .home-concessions .concessions-list .comment-item em, .home-concessions .concessions-list .concessions-item em { display: block; height: 18px; line-height: 18px; overflow: hidden; }
.home-comment .comment-list .comment-item span, .home-comment .comment-list .concessions-item span, .home-comment .concessions-list .comment-item span, .home-comment .concessions-list .concessions-item span, .home-concessions .comment-list .comment-item span, .home-concessions .comment-list .concessions-item span, .home-concessions .concessions-list .comment-item span, .home-concessions .concessions-list .concessions-item span { display: block; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden; color: #999; }
.home-comment .comment-list .concessions-item a, .home-comment .concessions-list .concessions-item a, .home-concessions .comment-list .concessions-item a, .home-concessions .concessions-list .concessions-item a { height: 20px; line-height: 20px; }
.home-comment .comment-list .concessions-item .arr, .home-comment .concessions-list .concessions-item .arr, .home-concessions .comment-list .concessions-item .arr, .home-concessions .concessions-list .concessions-item .arr { margin-top: 10px; }
.home-comment .comment-list .concessions-item span, .home-comment .concessions-list .concessions-item span, .home-concessions .comment-list .concessions-item span, .home-concessions .concessions-list .concessions-item span { float: left; margin-top: 0; margin-left: -70px; width: 60px; height: 20px; text-align: center; color: #FFF; background: #F8AB31; }

.home-cate { border-top: 2px solid #BFBFBF; }
.home-cate .more { position: absolute; right: 0; padding-right: 20px; }
.home-cate .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-cate .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-cate .content { padding-bottom: 10px; }
.home-cate .content .item { width: 300px; height: 31px; position: relative; overflow: hidden; }
.home-cate .content .item a { float: left; width: 64px; height: 30px; line-height: 30px; position: relative; overflow: hidden; text-align: center; margin-bottom: 1px; color: #FFFFFF; background-color: #484848; }
.home-cate .content .item a .arr { position: absolute; top: 50%; right: -3px; margin-top: -3px; border-color: #FFFFFF; background-color: #FFFFFF; }
.home-cate .content .item .cate { float: left; margin: 0 0 1px 1px; width: 235px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; background-color: #E7E7E7; }
.home-cate .content .item .cate span { display: block; height: 30px; }
.home-cate .content .item .cate a { border-right: 1px solid #fff; width: 46.2px; height: 30px; line-height: 30px; color: #333; background: transparent; }

.goods-cate { border-top: 2px solid #BFBFBF; }
.goods-cate .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.goods-cate .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.goods-cate .title .more { position: absolute; right: 0; padding-right: 20px; }
.goods-cate .content { padding-bottom: 10px; border-top: 1px solid #E7E7E7; }
.goods-cate .content .item { width: 300px; position: relative; overflow: hidden; }
.goods-cate .content .item > a { display: block; line-height: 30px; font-weight: bold; border: 1px solid #E7E7E7; border-top: 0; text-align: center; background-color: #F3F3F3; }
.goods-cate .content .item .cate { text-align: center; line-height: 30px; border-left: 1px solid #E7E7E7; overflow: hidden; }
.goods-cate .content .item .cate a { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; }
.goods-cate .content .item .cate .more { background-color: #F9F9F9; }

.home-cate-pt { background-color: #BFBFBF; padding-bottom: 1px; }
.home-cate-pt .cate-name { float: left; color: #FFFFFF; font-size: 16px; width: 78px; height: 60px; line-height: 30px; margin-right: 1px; padding: 21px 10px 20px; }
.home-cate-pt .cate-top { display: block; float: left; color: #FFFFFF; font-size: 20px; width: 99px; height: 100px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background-color: #FFFFFF; margin-right: 1px; margin-top: 1px; }
.home-cate-pt .cate-top img { max-width: 99px; max-height: 100px; vertical-align: middle; }
.home-cate-pt .cate-rank { display: block; float: left; color: #FFFFFF; font-size: 20px; width: 74px; height: 75px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background-color: #FFFFFF; margin-right: 1px; margin-top: 1px; }
.home-cate-pt .cate-rank img { max-width: 74px; max-height: 75px; vertical-align: middle; }
.home-cate-pt .cate-rank:nth-child(4n+0) { width: 73px; height: 75px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; margin-left: 1px; }
.home-cate-pt .cate-rank:nth-child(4n+0) img { max-width: 73px; max-height: 75px; vertical-align: middle; }
.home-cate-pt .floor1 { background-color: #91DB6D; }
.home-cate-pt .floor2 { background-color: #8AC5EA; }

.w-article .title { position: relative; height: 37px; line-height: 37px; }
.w-article .title:after { content: '\0020'; display: block; position: absolute; top: 50%; right: 10px; margin-top: -3px; width: 5px; height: 5px; border-top: 2px solid #666666; border-right: 2px solid #666666; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.w-article .title a { font-size: 1em; font-weight: bold; display: block; }
.w-article li { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-article li a { display: block; line-height: 2.5; }

/*===首页 end===*/