/* 重置 */
.container { max-width: 1200px;}

/* --------------------------------------------------------- */
/* navbar */
.navbar-bg, .service-wrap { background-color: #265a97;}
.header-nav-items-wrap a.nav-link h2 {
	padding: 4px 0 4px 0;
	font-size: .875rem;
	font-weight: 600;
}
.header-nav-items-wrap .navbar-light a.nav-link p { font-size: .875rem;}
.header-nav-items-wrap ul.nav-items-box li { padding: 0px 42px;}
.header-nav-items-wrap ul.nav-items-box li:nth-of-type(1) { margin-left: 40px;}
.header-nav-items-wrap ul.nav-items-box li a { padding: 10px 0;}
.header-nav-items-wrap .navbar-light .navbar-nav .nav-link {
   color: #fff;
   padding-top: 24px;
}
/*.header-nav-items-wrap ul.nav-items-box li:hover { background-color: #fff;}*/
/*.header-nav-items-wrap ul.nav-items-box li:hover .nav-link { color: #333;}*/
.header-nav-items-wrap .navbar-light ul.nav-items-box .dropdown-menu {
	padding: 20px 0;
	min-width: 320px;
}
.header-nav-items-wrap .navbar-light ul.nav-items-box .dropdown-menu a {
	padding: 14px 20px;
	color: #666;
	font-size: .875rem;
	font-weight: 600;
}
.header-nav-items-wrap .navbar-light .navbar-toggler-icon {
    width: 30px;
    height: 30px;
    background: url("../images/meau-icon.png") no-repeat;
    background-size: 100%;
}
.header-nav-items-wrap .user-name {
	width: 32px;
	height: 32px;
	background: url("../images/user-icon.png") no-repeat;
	background-size: 100%;
	margin-right: 4%;
}
.header-nav-items-wrap .user-logout {
	width: 40px;
	height: 40px;
	background: url("../images/log-out.png") no-repeat;
	background-size: 100%;
}

/* kuai-search-wrap  */
.kuai-search-wrap {
	background-color: #f5f5f5;
	padding-bottom: 5%;
}
.kuai-search-wrap ul img { width: 100%;}
.search-box {
	position: relative;
	line-height: 48px;
	border: 1px solid #b3b3b3;
	box-sizing: border-box;
	border-radius: 44px;
}
.search-box input {
	width: 80%;
	padding-left: 24px;
	border: none;
	background-color: transparent;
}
.search-box .search-icon {
	position: absolute;
	top: 16px;
    right: 20px;
	width: 20px;
	height: 20px;
	background: url('../images/search_btn.png') no-repeat;
	cursor: pointer;
}
.kuai-search-wrap ul li { margin-bottom: 20px;}


/* business-wrap */
.business-wrap .producut-lg-box img { width: 100%; height: 480px;}
.business-wrap ul.business-column li { height: 240px; padding: 0 30px;}
.business-wrap ul.business-column li a { color: #fff;}
.business-wrap ul.business-column li a:hover { text-decoration: none;}
.first-page-li-2-2{ background-color: #5f93c5;}
.first-page-li-2-3{ background-color: #417db9;}
.first-page-li-2-4{ background-color: #30669c;}
.first-page-li-2-5{ background-color: #26598c;}
/*
.business-wrap ul.business-column li:nth-of-type(1) { background-color: #5f93c5;}
.business-wrap ul.business-column li:nth-of-type(2) { background-color: #417db9;}
.business-wrap ul.business-column li:nth-of-type(3) { background-color: #30669c;}
.business-wrap ul.business-column li:nth-of-type(4) { background-color: #26598c;}
*/
.business-wrap ul.business-column li h2 {
	padding: 20px 0 20px 0;
	font-size: 1rem;
	font-weight: 600;
}
.business-wrap ul.business-column li p {
	min-height: 130px;
	font-size: .75rem;
	line-height: 25px;
	letter-spacing: 1px;
}
.business-wrap ul.business-column li span { font-size: .75rem;}

/* service-wrap  */
.service-wrap img {
	width: 60px;
	height: 60px;
	margin: 0 10px;
}
.service-wrap .card { margin-bottom: 0!important;}
.service-wrap .card-title {
	margin-bottom: 6px;
	font-size: .875rem;
	font-weight: 600;
}
.service-wrap .card-text { font-size: .75rem;}


/* login */
.inner_login_wrap p.registered_prompt_info { padding-right: 0;}
.login-frm, .j_regist_frm, .registered-frm { padding: 0 20px;}

.inner_login_wrap .login_content label.user_name_box,
.inner_login_wrap .login_content label.user_pw_box,
.inner_login_wrap .login_content label.login_btn_box {

}
.inner_login_wrap .login_content label.user_protocol {
	margin: 8px 0 0 0;
}
.login-frm i, .j_regist_frm i, .registered-frm i {
	position: absolute;
	bottom: 13px;
}
.login_content label.user_name_box input, .login_content label.user_pw_box input {
	padding-left: 0;
	margin-left: 28px;
}
.user_protocol input[type=checkbox] {
	position: absolute;
	top: 3px;
}
.user_protocol span {
	margin-left: 18px;
}



/* mall */
.mail_search_box .shopping_cart_box a em {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 9px;
	left: 29px;
	background: url("../images/shopping-cart-icon.png") no-repeat;
	background-size: 100%;
}

.mail_search_box .mail_logo { margin: 0 20px 0 20px;}
.mail_search_box .mail_logo img { width: 100%;}
.mail_search_main { margin-top: 0;}
.mail_search_content {
	width: 100%;
	height: 46px;
    border-radius: 23px;
	border: none;
	background-color: #fff;
	overflow: hidden;
}
.mail_search_content input {
	width: 80%;
	background-color: #fff;
}

.mail_search_box .mail_search_btn{
	position: absolute;
	top: 0;
	right: 30px;
	width: 60px;
	height: 46px;
	text-align: center;
	background-color: transparent;
}
.mail_search_box .shopping_cart_box {
    margin: 0;
    border: none;
}
.inner_page_top_banner_box {
	width: 70%;
	padding: 0;
	overflow: hidden;
  text-align: center;
}
.category_box h2.cat_title { padding: 0; font-weight: 600;}
.category_box ul.cat_list {
	max-width: 1080px;
	padding: 0;
}
.mail_category_wrap { width: 100%;}
.hot_product_wrap .content_box ul li { width: auto;}
.hot_product_wrap .content_box ul { margin: 0;}
.hot_product_wrap .content_box ul li { padding: 10px;overflow: hidden;}
.hot_product_wrap { margin: 0;}
.hot_product_wrap .content_box ul li .product-box { overflow: hidden;}
.hot_product_wrap .content_box ul li .product-box img {
    position: relative;
	transform: translateX(-50%);
    left: 50%;
}
.hot_product_wrap .content_box ul li .new {

  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0C60EE;
  color: #fff;
  font-size: 16px;
  top: 6px;
  right: -56px;
  width: 10rem;
  height: 2rem;
  z-index:1;
  -webkit-transform: rotate(45deg);
}



/* mall-product */
.product_image_list { width: 100%;}
.product_image_list img { width: 100%;}
.slideshow { margin-right: 0;}
.tab_content_current img { width: 100%;}
.breadcrumb {
	margin: 0 auto;
	padding-left: 0;
	font-size: .875rem;
	background-color: transparent;
}

/* cart */
.cart_main { padding: 0;}
.cart-warehouse-type-title {
	padding: 16px 0;
	border-radius: 10px 10px 0 0;
	background-color: #eee;
}
.cart-warehouse-type-title h2 {
	padding-left: 14px;
	font-size: 1rem;
	font-weight: 600;
}
.cart-warehouse-type-title input {
	width: 16px;
	height: 16px;
	margin-left: 18px;
}
.cart-product-info input.cart_item_product {
	position: absolute;
    top: 20px;
    left: -7px;
    width: 16px;
    height: 16px;
	z-index: 99;
}
.cart-product-info img { width: 100%;}
.cart-product-title {
	min-height: 48px;
	margin-top: 6px;
	padding-right: 16px;
	padding-bottom: 100px;
	font-size: .875rem;
	font-weight: 600;
}
.cart_wrap .cart-product-items { padding-left: 24px;}
.cart-product-items .cart-product-info { border-bottom: 1px solid #dee2e6;}
.cart-product-items .cart-product-info:nth-last-of-type(1) { border-bottom: none;}
.cart_totals label { margin-bottom: 0;}
.checkout_block_title {
	margin-left: 14px;
	padding-bottom: 10px;
	font-weight: 600;
}

.category_box .cat-more-btn {
	position: absolute;
	bottom: 16px;
	left: 20px;
	border: 1px solid #ccc;
	padding: 2px 24px 2px 6px;
	color: #aaa;
}

.category_box .cat-more-btn i {
	position: absolute;
	top: 8px;
	right: 7px;
	width: 13px;
	height: 13px;
	background: url('../images/icon-arrow.png') no-repeat center 0;
}



@media ( max-width: 576px ) {
	/* index */
	.header-nav-items-wrap {
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
		padding: 10px 0;
		overflow: scroll;
		max-height: calc(100% - 82px);
	}
	.header-nav-items-wrap .navbar-brand { margin: 0 auto;}
	.header-nav-items-wrap ul.nav-items-box li:nth-of-type(1) { margin-left: 0;}
	.navbar-collapse { height: 100vh; margin: 24px 0;}

	.header-nav-items-wrap .navbar-light ul.nav-items-box .dropdown-menu {
		min-width: inherit;
		border: none;
		border-radius: 0;
		border-top: 2px solid #eee;
	}
	.header-nav-items-wrap .navbar-light ul.nav-items-box .dropdown-menu a {
		padding: 16px 6px;
	}

	.header-nav-items-wrap .navbar-light ul.nav-items-box .dropdown-menu a:before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 4px;
		margin-right: 16px;
		margin-bottom: 2px;
		border-radius: 50%;
		background-color: #999;
	}

	.header-nav-items-wrap .navbar-light .navbar-nav .nav-link {
	   padding-top: 14px;
	   padding-bottom: 14px;
	}




	/* business-wrap */
	.business-wrap .producut-lg-box img { height: auto;}
	.business-wrap ul.business-column li { height: 200px;}
	.business-wrap ul.business-column li h2 { padding: 20px 0 16px 0;}
	.business-wrap ul.business-column li p {
		min-height: 100px;
		font-size: .875rem;
	}


	/* service-wrap  */
	.service-wrap img { margin-left: 0;}


	/* login */
	.inner_login_wrap .inner_page_right .inner_page_content { padding: 0 10px;}
	.inner_page_container {
		position: static;
		min-height: auto;
		box-shadow: none;
	}
	.footer-fixed-bottom {
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	.inner_login_wrap .login_wrap { margin-top: 0;}
	.inner_page_content h2.title {
		margin: 50px 0 20px 0;
		color: #ccc;
		font-size: 1.5rem;
		font-weight: 600;
		border: none;
	}
	.sm-hidden { display: none;}
	.login-paw-input { width: 70% !important;}
	.retrieve_password_view{
		position: relative;
		top: 10%;
	}

	/* mall */
	.mail_search_box .mail_logo img { width: 50%;}
	.mail_search_box { padding-bottom: 12px;}
	.category_box h2.cat_title { margin-right: 0; }
	.category_box { padding: 10px 20px 48px 20px;}
	.category_box > ul {
		height: 80px;
		overflow: hidden;
	}
	.category_box ul.cat_list li a { padding: 2px 0;}
	.category_box .cat_list li a.cat_highlight { padding: 2px 4px;}
	.category_box ul.cat_list li {
	    margin-left: 0 24px 0 0;
	    line-height: 36px;
	}
	.hot_product_wrap { padding: 0;}
	.mail_search_box .shopping_cart_box a span { padding-left: 40px;}
	.mail_search_box .shopping_cart_box a em { left: 20px;}
	.inner_login_wrap .inner_page_container {
		/* position: absolute; */
		/* top: 120px; */

	}
	.mail_search_content { height: 38px;}
	.mail_search_content input {
		height: 38px;
		line-height: 38px;
		padding-left: 24px;
	}
	.mail_search_box .mail_search_btn {
		font-size: 1rem;
		line-height: 36px;
	}
	.mail_search_content input { width: 66%;}

	.slideshow, .product_image_list { height: auto;}
	.slideshow { border: none;}
	.product_image_list img {
		width: 100%;
		height: auto;
	}
	.center_box { width: auto;}
	.btn_add_to_cart {
		width: 100%;
		height: 50px;
		margin-top: 20px;
		line-height: 50px;
	}
	.product_delimiter { height: 76px;}

	.cart_main { width: 100%;}
	.cart-product-title {
		margin-top: 6px;
		min-height: 48px;
		padding-right: 16px;
		padding-bottom: 0;
	}
	.cart-product-items-box { margin: 0 14px;}
	.cart-product-info input.cart_item_product { top: 10px;}
	.cart_totals { width: 100%;}
	.btn_checkout { width: 90%;}
	.cart_wrap .cart-product-checkout-box .cart-product-items { padding-left: 14px;}
}
.fr-btn{
	background-color: #0066CB;
}

#mask{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity:0.6;
    z-index:1000;
    display: none;
}
.mask_content {
     background: #fafafa;
     padding:12px;
     /* width:400px; */
     height:auto;
     position: fixed;
     z-index:1001;
     display: none;
     border: 2px solid #444;
     width:700px;
}

.mask_pops {
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
}

.btn_img_close {
    position: absolute;
    width: 4%;
    top: 6px;
    right: 6px;
}
.recommend_box{
	max-height: 410px;
}
.index_recmmond_stores{
	width: 1220px;
}
@media ( max-width: 576px ) {
	.fp-product-ads{
		max-width: 100%;
	}
	.index_recmmond_stores{
		width: 100%;
	}
	.recommend_box{
		max-height: unset;
	}
	.fp-3-x-ads{
		display: none;
	}
	.business-wrap ul.business-column li{
		height: unset;
		min-height: 200px;
	}
	.recommend_box li{
		width: calc(100% - 0px);
	}
	.recommend_box li img{
		width: 100%;
	}
	.service-wrap{
		margin-bottom: 82px;
	}
	.index_entrance_img_box{
		width: 100%;
		max-width: 100%;
		margin-left: 0px;
		left:0px;
	}
	.index_entrance_img_box a img{
		max-width: 100%;
	}
	.business-wrap>.py-5{
		padding-bottom: unset !important;
	}
}

.green {
	color:green;
}
.red {
	color:red;
}

.recommend_product_box {
	margin-top: 1rem;
}

.recommend_product_box .p_name_box:hover img {
	width: 6rem;
	height: 6rem;
	margin-top: -0.5rem;
	margin-left: -0.5rem;

	transition: width 0.8s ,height 0.8s, margin 0.8s;
	-moz-transition: width 0.8s, height 0.8s,  margin 0.8s;	/* Firefox 4 */
	-webkit-transition: width 0.8s, height 0.8s,  margin 0.8s;	/* Safari 和 Chrome */
	-o-transition: width 0.8s, height 0.8s,  margin 0.8s;	/* Opera */
}
.p_name_box {
	/*max-width: 5rem;
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
    width: 5rem;
    height: 13rem;
    float: left;
    margin-left: 1rem;
    padding-top: 2rem;
    /*overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; */
}
.p_name_box li {
	width: 8rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.p_name_box li:first {
	width: 6rem;
	height: 8rem;
    overflow:visible;
}

.p_name_box li img {
	width: 5rem;
    height: 5rem;
    margin-top: 1rem;
}

.a_sto_font_btn{
	text-decoration: none;
	color: black;
	font-size: large;
	font-weight: 600px;
}

/*共用简单样式*/
.pdl_5{
	padding-left: 0.5rem;
}
.pdt_10{
	padding-top: 1rem;
}
.b_radius_2 {
	border-radius: 0.2rem;
}
.b_radius_5 {
	border-radius: 0.5rem;
}
/*共用简单样式--------------end*/

.not_select{
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
img{
	-moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
/*
.nav-item .nav-link{
	webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	animation-name: swing;
	animation-iteration-count:1;
}
.nav-item:hover .nav-link{
	animation-delay: 0s;
    animation-name: heartBeat;
}
*/
.layui-layer-content ._first_page_layer_photo{
	webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: flip;
    /*animation-name: slideInDown;*/
    /*animation-name: hinge;*/
}
.service_action_btn_img{
	webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: swing;
	animation-iteration-count:infinite;
}

.business-wrap img:hover,
.convenient_column img:hover,
.kuai-search-wrap img:hover,
.business-wrap li:hover,
.service-column li:hover,
.hot_product_wrap img:hover{
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: pulse;
}
.stock_eq_zero{
    height           : 30px;
    line-height      : 30px;
    text-align       : center;
    width: 100%;
    /*margin-top       : -230px;*/
    font-size        : 1rem;
    color            : #666;
    opacity          : 0.7;
    background-color : #bbb;
    color            : #fff;
    position         : absolute;
    bottom: 0px;
    padding: 0px .4rem;
    z-index: 999
}
.style_618_activity{
    color:red;
}
.tbl_detail tr td.style_618_activity{
    font-size:1rem;
}