@CHARSET "UTF-8";
input:focus{outline:none;}
body{background:#fff !important;color:#402719;}
.mar0{margin-right:0px;}
.w1200{width:1200px !important;margin:0 auto;}
.w1283{width:1283px !important;margin:0 auto;}
.dp_n{display:none;}
.header_top_box {background:#464444;height:40px;line-height:40px;}
.header_top_inner_box{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:flex-end;}
.header_top_box .menu_right_box{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:space-between;background:#464444}
.header_top_box .menu_right_box img{height:20px;}
.header_top_box .menu_right_box .top_cart_box{margin-left:20px;}
.header_top_box .menu_right_box .top_user_box{margin-left:20px;}
.header_top_box .menu_right_box .search-text{width:280px;height:30px;border:1px solid #707070;border-radius:16px;background: transparent;color:#fff;margin-right:10px;text-indent: 20px;}
.header_top_box .menu_right_box .top_find{cursor:pointer;}
.logo_box{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:center;}
.logo_box{ height:90px;line-height:90px;}
.logo_box .logo_img_box img{ height:44px;}
.logo_box .logo_text{font-size:12px;color:#402719; margin-left:15px;}
.header_category_box{height:64px;line-height:64px;}
.header_category_box ul{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:space-between;}
.header_category_box ul li{text-align:left;}
.header_category_box ul li:last-child{margin-right:0px;}
.header_category_box ul li a{color:#402719;font-size:14px;}
.header_category_box ul li a.cur{font-size:18px;font-weight:bold;}
a:hover{color:#402719;}
.search-page{text-align:right;}
.search-page a.cur{border-color: #402719;background: #402719;width: 25px;height: 25px;border-radius: 50%;line-height:25px;}
.search-page a:hover{border:none;color:#402719;width: 25px;height: 25px;line-height:25px;}
.search-page a{border:none;font-size:13px;width: 25px;height: 25px;border-radius: 50%;line-height:25px;}
.search-page span input{width:25px;height:25px;}
/**buttom*/
.bottom_ys_box ul{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:space-between;color:#402719;font-size:18px;}
.bottom_ys_box ul li{margin-right:60px;}
.bottom_ys_box ul li img{margin-right:5px;}
.bottom_slipt{box-shadow: 0px -5px 6px 0px rgba(206,206,206,0.16);height:106px;margin-top:100px;}
.bottom_help_box{margin-top:80px;margin-bottom:80px;}
.bottom_help_box ul{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:space-between;color:#402719;}
.bottom_help_box ul .title{font-size:16px;margin-bottom:33px;}
.bottom_help_box ul .row{margin-bottom:15px;}
.bottom_help_box ul .t1{font-size:16px;}
.bottom_help_box ul .t2{font-size:12px;margin-top:5px;}
.bottom_help_box .app_ico_box{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:space-between;margin-left:-8px;}
.bottom_help_box .sm_img_box{border: 1px solid #e6e6e6;padding:5px;}
.bottom_help_box .sm_img_box img{width:115px;height:115px;}
.bottom_help_box .sm_text{color:#402719;font-size:16px;text-align:center;margin-top:20px;}
.filter-wrap .filter-sort a:hover, .filter-wrap .filter-sort a.curr{color:#402719;font-weight:bold;}
.layui-layer-btn .layui-layer-btn0{background-color:#402719 !important;border-color:#402719 !important;}
.header_box{position: fixed;width: 100%;background-color: #fff;top:0px;z-index: 99999;}
.header_box_fixed{box-shadow:0px 6px 6px 0px rgba(172,172,172,0.16);}
.fixed_ht{height:194px;}
.layui-layer-title{padding:0px !important;text-align:center;background-color: #b8b0aa !important;height: 54px !important;line-height: 54px !important;font-size:16px !important;}
.icon_tip { background-image: url(../images/icon48.png) !important;}
.ico_null_tip_box{width:172px;margin:0 auto;text-align:center;margin-top:100px;font-size:14px;color:#402719;}
.ico_null_tip_box .ico_null_tip{margin-top:26px;}
.complaint_content .complaint_type ul li.cur{border-color:#402719}
.sc-redBg-btn{    background: #402719;border-color: #402719;}
.sc-redBg-btn:hover{background: #4d433e;}
.login-switch li.on{    color: #402719;border-bottom: 2px solid #402719;}
.form .mobile_yzm a{color: #402719 !important;}
.complaint_content .complaint_type ul li.cur span{background:url('../images/ico_item_selected.png');width: 21px;height: 12px;}
.complaint_content p a.com_btn{ background: #402719;border-color: #402719;}
.article-side .article-menu .am-t a{background: #402719;}
.menu-drop .trigger{padding-left:0px;}
.selector .s-l-tit{padding-left:0px;}
.right-extra .u_cloose{padding-left:0px;}
.article-main .am-hd .extra a:hover{color:#402719;}
.right-toolbar{position:fixed;right:38px;top:50%;margin-top:-100px;_position:absolute;z-index:100000;}
.right-toolbar dd{border: 1px solid #e8e8e8;border-radius: 10px;width: 70px;height: 70px;margin-bottom:10px;background:#fff;text-align:center;position: relative;}
.right-toolbar dd.cur{background: #f3f3f3;border:1px solid #f3f3f3;}
.right-toolbar dd a{width: 70px;height: 70px;display: inline-block;}
.right-toolbar dd a img{width:50px;height:50px;margin:0 auto;margin-top:10px;}
.right-toolbar dd .txt{position: absolute;bottom:0px;width:70px;height:20px;background:#402719;border-radius:0px 0px 10px 10px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.16);color:#fff;}
.right-toolbar dd .big_img{position: absolute;top:-20px;width:115px;height:115px;right:80px;border: 1px solid #e6e6e6;
    padding: 5px;background:#fff;}
.right-toolbar dd .big_img img{width:115px;height:115px;}
.copyright_box{color:#402719;font-size:14px;text-align:center;margin-top:20px;margin-bottom:20px;line-height: 26px;}
.copyright_box a {color:#402719;font-size:14px;text-align:center;margin-top:20px;margin-bottom:20px;}
.copyright_box .bom_logo{padding-top:8px;}
.copyright_box .bom_logo img{width: 254px;} 
.c-history .ftit h3{background:none !important;padding-left:0px;text-align:left;color:#402719;font-size:18px;}
.ftit-delr{background:none;}
.ftit{background:none;text-align:left;border-bottom:1px solid #707070;margin-bottom:50px;height:25px;}
.c-history{margin-top:130px;}
.p-panel-main .gl-list li{width:386px;margin-right: 21px;text-align:center;}
.p-panel-main .gl-list li .p-img{width:100%;height:unset;}
.p-panel-main .gl-list li .p-name{margin-top:30px;}
.p-panel-main .gl-list li .p-name a{font-size: 14px;color: #402719;}
.p-panel-main .gl-list li .price{color:#402719;font-size:13px;margin-top:10px}
.p-panel-main .gl-list li .price .mk{color:#AEAEAE;font-size:10px;text-decoration:line-through;margin-left:8px;}
.login-wrap .login-banner{height:670px;}
.login-banner .banner-bg{height:670px;}

.index_top{width: 100%;overflow: hidden;}
.index_top img{-webkit-user-select: none;margin: auto;background-color: hsl(0, 0%, 90%);transition: background-color 300ms;}
.header_box_index{position: static;}
.fixed_ht_index{height: 0px;}
.mask, .mask_a{width: 100%;height: 100%;display: none;top: 0;left: 0;position: fixed;background: #000;filter: alpha(opacity=50);opacity: .50;z-index: 1010;}
.ac_box {display:none; min-height:140px; position:fixed; border:solid 1px #eee; background:#fff; box-shadow:0 0 3px #ccc; color:#333; z-index:1110;}
.ac_box{background: none;border: none;box-shadow: none;}
.ac_box .close_btn {width: 50px;height: 50px;position: absolute;top: -9px;right: -8px;cursor: pointer;}

/**动画**/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}   
@-webkit-keyframes fadeUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.fadeUp {
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp
}
       
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
} 


/*重置 CSS**/
.selector .s-l-value{padding-right: 0px;}
.price_auto .price_range{margin-right: 40px;}
.selector .s-l-wrap{line-height: 40px;}