@charset "utf-8";
body{font-size:12px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{padding:0;margin:0;}
.container{width:1000px;padding:0;}
@media (min-width:1300px) {
	.container{width:1200px;}
}
div,ul,li,dl,dt,dd,p,i,span,input,h1,h2,h3,h4{margin:0;padding:0;list-style: none;}

a:hover,.hover{color:#f60;text-decoration: none}
a:focus{border:none;outline: none;text-decoration: none;}
.margin_t10{margin-top:10px;}
.margin_t15{margin-top:15px;}
.margin_t20{margin-top:20px!important;}
.margin_t30{margin-top:30px;}
.btn,.form-control{border-radius:0;}
input{box-shadow:none !important;outline:none !important;}
/* 自定义按钮样式 橙色系 －S */
.btn-orange{color:#fff;background-color:#f60;border-color:#f60;}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange{color:#fff;background:#ce5200;border-color:#ce5200;}
.btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover,.btn-orange.disabled:focus,.btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus,.btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active,.btn-orange[disabled].active,fieldset[disabled] .btn-orange.active{background:#ff7900;border-color:#ff7900;color:#fff;}
/* 自定义按钮样式 橙色系 －E */


/* 顶部模块 -S */
.head_top{position:relative;z-index:105;border-bottom:1px solid #ddd;background:#eee;line-height:32px;font-size:12px;}
.head_top .icon-bar{background-color:#666;}
.head_top .nav a{padding:0 15px!important;line-height:32px!important;color:#666;}
.head_top .nav a:focus{background:none;outline:none;}
.head_top .nav a:hover{padding:0 15px!important;color:#f60;background:none;}
.head_top .nav .dropdown .dropdown-menu{border:1px solid #e9e9e9;border-top:none;min-width:100%;}
.head_top .nav .dropdown:hover a,.head_top .nav .dropdown.hover a,.head_top .nav .dropdown a:hover{background:#fff;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;padding:0 14px!important;}
.head_top .nav .dropdown .dropdown-menu a,
.head_top .nav .dropdown .dropdown-menu li{border:none;padding:0 5px!important;}



/* 顶部模块 -E */
.msg_box{position:fixed; z-index: 10009; padding: 0 30px; display:hidden; border-radius:10px; opacity:0; left:50%; top:50%; transform: translate(-50%,-50%); line-height:50px; font-size:16px; background:rgba(0,0,0,.7); color:#fff; text-align:center;white-space:nowrap; }
/* LOGO栏部分 －S */
.header_box{margin-top:20px;}
.logo img{max-height:70px;}
.city_chage{margin-left:20px;line-height:70px;}
.city_chage img{position:relative;top:-2px;}
.logo_right{padding:0;margin-top:6px;}
/* 搜索框 -S */
.search_box,.search_key{width:524px;}
.search_box{border:2px solid #f60;}
.search_box .select_box,.search_box .search_input,.search_box .search_btn{float:left;}
.select_box{position:relative;width:100px;cursor:pointer;z-index:10;}
.select_box .selected_box{line-height:34px;height:34px;padding:0 10px;position:relative;}
.select_box .selected_box .caret{position:absolute;top:15px;right:10px;}
.select_box .select_list{position:absolute;top:100%;left:-2px;min-width:100%;display:none;background:#fff;border:2px solid #f60;border-top:none;}
.select_box ul,.select_box li{list-style:none;margin:0;padding:0;}
.select_box li{padding:5px 10px;}
.select_box li:hover{background:#f60;color:#fff;}
.search_input{width:360px;}
.search_input .form-control{border:none;}
.search_btn{width:60px;}
.search_btn .btn{height:100%;width:100%;}
.search_key{color:#666;padding:5px 0;}
.search_key a{padding:0 5px;}

.crumbs .search_box{width:auto;border:none;}
.crumbs .search_box .search_input{width:200px;border:1px solid #d2d2d2;border-right:none;font-size:12px;}
.crumbs .form-control{height:29px;}
.crumbs .search_btn .btn{height:31px;}
/* 搜索框 -E */
/* 购物车按钮 －S */
.cart_box{line-height:34px;padding:1px 10px;}
/* 购物车按钮 －E */
/* LOGO栏部分 －E */

/* 主导航 －S */
.menu_box{background:#ff7900;margin-top:20px;}
/* 全部分类 -S */
.left_nav{width:170px;position:relative;z-index:100;margin-right:1px;}
.left_nav .ln_title{background:#f60;line-height:50px;text-align:center;color:#fff;font-size:16px;}
.left_nav .menu_list{width:100%;position:absolute;top:100%;left:0;}
.left_nav .menu_list,.left_nav .menu_list li{margin:0;padding:0;list-style:none;}
.left_nav .menu_list{background:#ff7900;display:none;}
.left_nav .menu_list a{display:block;padding:10px;color:#fff;padding-left:40px;transition:0.2s;position:relative;}
.left_nav .menu_list a i.iconfont{position:absolute;top:6px;left:10px;width:25px;height:25px;display:block;background-position:center center;background-repeat:no-repeat;}
.left_nav .menu_list li:hover,.left_nav .menu_list li.hover{background:#f60;}
.left_nav .menu_list .menu_child{margin:0 10px;border-bottom:1px solid #ffc998;padding-bottom:5px;}
.left_nav .menu_list li:last-child .menu_child{border-bottom:none;}
.left_nav .menu_list .menu_child a{width:32.8%;padding:3px 0;padding-right:3px;float:left;background:none;}
.left_nav .drop_down{display:none;position:absolute;top:0;padding:10px 20px;width:850px;height:100%;background:#fff;overflow:hidden;left:100%;border:1px solid #FF7900;border-left:0;z-index:11;}
.left_nav .drop_down dl{padding:8px 0;line-height:20px;margin-bottom:10px;}
.left_nav .drop_down dt{width:90px;text-align:right;float:left;font-weight:bold;}
.left_nav .drop_down dt a{margin:5px 0;padding:0;color:#5c646e;}
.left_nav .drop_down dd{margin-left:95px;border-bottom:1px dotted #4b525b;padding-bottom:5px;color:#999;overflow:hidden;font-size:12px;}
.left_nav .drop_down dd a{display:block;float:left;color:#999;padding:0 10px;margin:5px 0;border-left:1px solid #999;margin-left:-1px;}
.left_nav .drop_down dt a:hover,.left_nav .drop_down dd a:hover{color:#FF5926;}
/* 全部分类 -E */
.menu_box .navbar-collapse{padding:0;}
.menu_box .nav a{color:#fff;font-size:14px;padding:15px 20px;}
.menu_box .nav a:hover,.menu_box .nav a:focus,.menu_box .nav a.hover{background:#f60;}
/* 主导航 －E */

/* 面包屑 －S */
.com_nav{width: 100%;font-size: 12px;color: #999;margin:0;}
.com_nav li{height: 40px;line-height: 40px;padding: 0 5px 0 0;float:left;}
.com_nav li:after{content: ">";}
.com_nav li:last-child:after,.com_nav li.no_arrow:after,.com_nav li.li_active:after{content: "";}
.com_nav li a{color: #999;margin-right: 5px;}
.com_nav li.li_active,.com_nav ul li.li_active a,.com_nav ul li a:hover{color: #f60;}
/* 面包屑 －E */

/* banner -S */
.home_banner{position: relative;z-index: 0;width:100%;height:460px;margin:0 auto;overflow: hidden;}
.home_banner ul,.home_banner li{list-style:none;padding:0;}
.imagelist{margin-bottom:20px;}
.imagelist>li{float:left;width:100%;overflow:hidden;}
.imagelist a{width:100%;}
.imagelist a>img{width:100%;height:460px;}
.home_banner .imageCheck>li{width: 44px;height: 55px;cursor: pointer;}
.home_banner .point{position: absolute;z-index: 0;bottom: 14px;left:50%;margin-left:-30px;}
.home_banner .point>li{float:left;width:10px;height:10px;border:1px solid #fff;border-radius:100%;margin:0 5px;}
.home_banner .point>li.on{background-color:#fff;}
/*图片左右切换公共样式 -S*/
.imageCheck span{position: absolute;z-index: 0;top:50%;display: block;width: 44px;height: 55px;margin-top:-22px;background-position: left top;background-repeat: no-repeat; cursor: pointer;opacity:0.8;fliter:alpha(opacity=80);}
.imageCheck span:hover{opacity:1;fliter:alpha(opacity=100);}
.imageCheck .prev{left: 0;background-image: url('../img/home_banner/prev_check.png');}
.imageCheck .next{right: 0;background-image: url('../img/home_banner/next_check.png');}
/*图片左右切换公共样式 -E*/
/* banner -E */

#footer{width:100%;height:59px;line-height:59px;text-align:center;color:#999;font-size:14px;border-top:#e5e8f2 solid 1px;background:#fbfbfb};

/* 分页 －S */
.pages{text-align:center;}
.pages a{margin:20px 0;display: inline-block;padding: 8px 14px;color: #fff;text-decoration: none;background-color: #999;}
.pages a:hover,.pages a.cur{background: #ff6046;border-color:#f60;color:#fff;}

.pages a:first-child,.pages a:last-child{border:none;color:#333;background:none;}

/* 分页 －E */

/* 底部帮助中心 －S */
.footer_box{margin-top:20px;padding:20px 0;border-top:1px solid #ddd;color:#333;line-height:24px;}
.footer_box a{display:block;color:#666;}
.footer_box a:hover{color:#f60;}
.footer_box .weixin{width:100px;}
/* 底部帮助中心 －E */


.text-center{text-align:center;}


/*顶部升级会员提示 -S*/
.upgrade-notice{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg, #ff7900 0%, #f60 100%);color:#fff;padding:12px 0;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.upgrade-notice .container{position:relative;width:1000px;margin:0 auto;padding:0 40px 0 20px;}
@media (min-width:1300px) {
	.upgrade-notice .container{width:1200px;}
}
@media (max-width:768px) {
	.upgrade-notice .container{width:100%;padding:0 50px 0 15px;}
	.upgrade-notice .upgrade-content{flex-direction:column;align-items:flex-start;gap:8px;}
	.upgrade-notice .upgrade-title{font-size:14px;margin-right:0;margin-bottom:5px;}
	.upgrade-notice .upgrade-list{flex-direction:column;gap:5px;font-size:12px;width:100%;}
	.upgrade-notice .upgrade-contact{flex-direction:column;gap:5px;font-size:12px;margin-left:0;width:100%;}
}
.upgrade-notice .upgrade-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.upgrade-notice .upgrade-title{font-size:16px;font-weight:bold;margin-right:20px;white-space:nowrap;}
.upgrade-notice .upgrade-list{flex:1;display:flex;align-items:center;gap:20px;font-size:13px;}
.upgrade-notice .upgrade-list span{white-space:nowrap;}
.upgrade-notice .upgrade-contact{display:flex;align-items:center;gap:20px;font-size:13px;margin-left:20px;}
.upgrade-notice .upgrade-contact a{color:#fff;text-decoration:underline;}
.upgrade-notice .upgrade-contact a:hover{color:#ffeb3b;}
.upgrade-notice .upgrade-close{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:24px;height:24px;line-height:24px;text-align:center;font-size:20px;cursor:pointer;color:#fff;border-radius:50%;transition:all 0.3s;}
.upgrade-notice .upgrade-close:hover{background:rgba(255,255,255,0.2);}
.upgrade-notice.hidden{display:none;}
/* 当提示框显示时，给body添加padding-top，避免遮挡内容 */
body.has-upgrade-notice{padding-top:50px;}
@media (max-width:768px) {
	body.has-upgrade-notice{padding-top:80px;}
}
/*顶部升级会员提示 -E*/

/*悬浮样式 -S*/
.susbox{position:fixed;z-index:99;bottom:200px;right:0;width: 55px;display:none;}
.susbox>div{display: block;margin-bottom: 5px;}
.susbox>div>a{display: block;width: 55px;height: 55px;background-color:#eee;background-repeat: no-repeat;background-position: center center;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);filter: grayscale(1);}
.susbox>div>a:hover{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter: grayscale(0);filter: grayscale(0);}
/*悬浮样式 -E*/




/*开关的大小*/
.switch-container {
    height: 30px;
    width: 56px;
}

/*设置checkbox不显示*/
.switch {
    display: none;
}

/*设置label标签为椭圆状*/
label {
    display: block;
    background-color: #ebedf1;
    height: 100%;
    width: 100%;
    cursor: pointer;
    border-radius: 25px;
}

/*在label标签内容之前添加如下样式，形成一个未选中状态*/
label:before {
    content: '';
    display: block;
    border-radius: 25px;
    height: 100%;
    width: 30px;
    background-color: white;
    opacity: 1;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.2s ease;
}

/*在label标签内容之后添加如下样式，形成一个选中状态*/
label:after {
    position: relative;
    top: -30px;
    left: 26px;
    content: '';
    display: block;
    border-radius: 25px;
    height: 100%;
    width: 30px;
    background-color: #fff;
    opacity: 0;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.2s ease;
}


/* ~ 兄弟选择符。
   p~ul ：位于 p 元素之后的所有 ul 元素
*/

/*选中后，选中样式显示*/
#switch:checked~label:after {
    opacity: 1;
}

/*选中后，未选中样式消失*/
#switch:checked~label:before {
    opacity: 0;
}

/*选中后label的背景色改变*/
#switch:checked~label {
    background-color:#ff6046;
}


.wx_modal{
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
	z-index:90;
	background:url('../img/icon/tm.png');
	display:none;
}
.wx_modal_img{
	width:290px;
	height:420px;
	position: absolute !important;
	left:0;
	top:0;
    right: 0;
    bottom: 0;
	margin:auto;
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align:center;
	align-items: center;
}
.close_modal{
    position: absolute;
    font-size: 21px;
    color: #fff;
    border: #fff solid 2px;
    width: 28px;
    height: 28px;
    line-height: 19px;
    text-align: center;
    border-radius: 100px;
    cursor: pointer;
    font-family: sans-serif;
    top: -35px;
    right: 88px;
}
.wx_modal_img img{width: 200px;height: 200px}
.wx_modal_img h3{font-size:20px;font-weight: bold;color:#ff6046;margin-top:-20px;}
.wx_modal_img p{font-size:16px;margin-bottom:10px;}

/* 登录/注册弹窗样式 */
.login_tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.tab_item {
    padding: 15px 0;
    width: 50%;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #666;
}

.tab_item.tab_active {
    background: #fff;
    color: #ff6046;
    font-weight: bold;
    border-bottom: 2px solid #ff6046;
}

.tab_content {
    padding: 20px;
}

.register_form {
    width: 100%;
}

.register_form h3 {
    font-size: 20px;
    font-weight: bold;
    color: #ff6046;
    text-align: center;
    margin-bottom: 20px;
}

.form_item {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.form_item label {
    width: 100px;
    text-align: right;
    padding-right: 10px;
}

.form_item input, .form_item select {
    flex: 1;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
}

.register_btn {
    width: 200px;
    height: 40px;
    background: #ff6046;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-left: 100px;
    margin-top: 10px;
}

.register_btn:hover {
    background: #e55035;
}