@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}  
@font-face {
  font-family: "poppins_regular";
  src: url("../fonts/poppins_regular.woff2") format("woff2"),
       url("../fonts/poppins_regular.woff") format("woff"),
       url("../fonts/poppins_regular.ttf") format("truetype"),
       url("../fonts/poppins_regular.eot") format("embedded-opentype"),
       url("../fonts/poppins_regular.svg") format("svg");
} 
@font-face {
  font-family: "poppins_semibold";
  src: url("../fonts/poppins_semibold.woff2") format("woff2"),
       url("../fonts/poppins_semibold.woff") format("woff"),
       url("../fonts/poppins_semibold.ttf") format("truetype"),
       url("../fonts/poppins_semibold.eot") format("embedded-opentype"),
       url("../fonts/poppins_semibold.svg") format("svg");
}
html{
	font-size: 100px;
}
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  
} 
body {
    font-family:"poppins_regular",sans-serif;
    font-size: 14px;
	line-height: 1.50;
    color: #000000;
    background: #f5f5f7;
	font-weight: 400;   
	overflow-x: hidden;
	/*word-break: break-word;*/
}  
img{
	border:none;
	display:inline-block;
	vertical-align: middle;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#000000; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#000000;}
a:hover,a:active,a:focus{text-decoration:none;}
em,i{font-style:normal;}
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ -webkit-appearance: none; font-family:"poppins_regular",sans-serif;}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
/*ie*/
input::-ms-reveal {
  display: none;
}
input::-ms-clear{
  display: none;
}
/*edge*/
input::-o-clear{
  display: none;
}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:14px; line-height:1.20; font-family:"poppins_semibold",sans-serif; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/
.swiper-container{ height:100%;}   
.swiper-pagination-bullet-active{ background: #2c82e3!important;}
div[class*="swiper-button-"]{ -webkit-transition:all 600ms ease; transition:all 600ms ease; background: none; color:#dcdcdc; text-align: center; border-radius: 50%; width:50px; line-height: 50px; }  
div[class*="swiper-button-"] .iconfont{ font-size: 30px;}
div[class*="swiper-button-"]:hover{ color:#2c82e3; }   
/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button, sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .bg_img, .img_box img, header, .menu_phone i, .n_subclass, .menu_box{ 
	-webkit-transition:all 600ms ease; transition:all 600ms ease; 
}  
a{ -webkit-transition:color 600ms ease, background 600ms ease, border 600ms ease, opacity 600ms ease, transform 600ms ease, box-shadow 600ms ease; 
	transition:color 600ms ease, background 600ms ease, border 600ms ease, opacity 600ms ease, transform 600ms ease, box-shadow 600ms ease;
}

/*===================common========================*/ 
html.active,
body.active{ overflow:hidden;}
/*bg_img*/
.bg_img{ display:block; overflow: hidden; width:100%;height:100%; background:#f6f6f6 50% 50% no-repeat;background-size:cover; position: relative; }
.bg_img img{display:none;} 
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; background:#f6f6f6;} 
.img_box img, .img_box video {
	display:block;
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
	position: absolute;
    top: 0;
    left: 0;
}
/*icon_box*/
.icon_box{position:relative;display:block; height:0;padding-top:100%;}
.icon_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*single_line*/
.single_line{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height: 24px; } 
/*multi_line*/
.multi_line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;} 
/*inner*/
.container { width:100%; padding: 0 40px; margin: 0 auto; max-width: 1480px; }
.container_1280{ max-width: 1360px;} 
  
/*=========announcement_wrap=========*/ 
.announcement_wrap{ 
	
}
.announcement_newsletter{
	background: #f5f5f7;
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
	text-align: center;
	transition: max-height .5s cubic-bezier(.77, 0, .175, 1), visibility .5s cubic-bezier(.77, 0, .175, 1);
}
.announcement_newsletter.active{
	visibility: visible;
	max-height: 400px;
} 
.announcement_newsletter .container{
	position:relative;
}
.newsletter_close{
	cursor: pointer;
	display: block; 
	width: 50px; 
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 15px;
	right: 0; 
	transition: color .2s ease-in-out
}
.newsletter_close:hover {
	color: #2c82e3;
}
.newsletter_close .iconfont{
	font-size: 18px;
	font-weight: 800;
}
.newsletter_narrow {
	margin: 0 auto;
	max-width: 510px;
	padding: .80rem 0;
}  
.newsletter_tit { 
	font-weight: 800;  
}
.newsletter_des{
	word-break: break-word;
	line-height: 1.30;
	margin-top: .20rem;
}
.newsletter_form{ 
	max-width: 410px;
	margin: .40rem auto 0;
}   
.form{
	position: relative;
}
.form_input {
    position: relative;
    width: 100%;
	clear: both;
    margin-bottom: .20rem;
}
.form_input_name{ width: 48%; float: left; clear: none;}
.form_input_name_last{ float:right;}
.form_field {
    display: block;
    padding: 0 12px;
    border-radius: 6px;
	background: #ffffff;
    border: 1px solid #e5e5e5;
    width: 100%; 
    height: 55px; 
	line-height: 55px;
    resize: none; 
    box-shadow: 0 1px rgb(220 213 207 / 25%) inset;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
} 
.form_field::-webkit-input-placeholder {
	color:#999999;
}
.form_field::-moz-placeholder {
	color:#999999;
}
.form_field:-ms-input-placeholder {
	color:#999999;
}
.form_field::-ms-input-placeholder {
	color:#999999;
}
.form_field::placeholder {
	color:#999999;
}
.form_field:focus {
	border-color: rgba(50,132,224, .70);
	box-shadow: 0 0 3px 0 rgba(50,132,224, .50); 
}
.form_input_label .form_field {
    padding-top: 20px;
    padding-bottom: 3px;
}
.form_floating_label {
    position: absolute;
    left: 13px;
    top: 0;
    line-height: 55px;  
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    pointer-events: none;
	color: #999999;
}
.form_input_label .form_field:focus+.form_floating_label,
.form_input_label .form_field.is_filled+.form_floating_label{
	-webkit-transform: translateY(-6px) scale(.8);
	transform: translateY(-6px) scale(.8)
} 
.form_submit {
    display: inline-block; 
	background: #2c82e3;
    color: #fff;
	position: relative; 
    padding: 0 .30rem;
    height: 55px; line-height: 55px;
    border-radius: 6px;
    text-align: center; 
    cursor: pointer;
    transition: background .25s ease-in-out,color .25s ease-in-out,box-shadow .25s ease-in-out; 
} 
.btn_full{
	display: block;
	width: 100%;
}
.form_return{
	background: #eeeeee;
	color:#999999;
	margin-top: .10rem;
}
.newsletter_form .form_submit{
	position: absolute;
	top:0;
	right:0;
	z-index: 1; 
}
.create_yu{ height:140px; padding-top:10px;}
.form_line{clear: both; margin-bottom: .20rem;}
.form_line .form_input{ margin-bottom:0!important;}
.form_line_name{ float:left; width: 49%; clear: none;}
.form_line_name_last{ float:right;}
.form_label{ display:block; color: #999999; margin-bottom: .05rem;}
.form_input_tip{ text-align: left; margin-top: -.10rem; margin-bottom: 0.1rem; padding: 0 12px; font-size: 12px; }
/*announcement_bar*/
.announcement_bar {  
	border-bottom: 1px solid rgba(255,255,255,.20);
	font-size: 12px; 
	background: #0f2b49;
	color: #ffffff;
	height: 38px;
	line-height: 38px;
} 
.bar_free{  
	float: left;
	margin-left: 2.60%;
	text-transform: uppercase; 
} 
.bar_right{
	float:right;
}
.bar_language{
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	color: rgba(255,255,255, .20);
	margin-right: 10px;
}
.bar_language a{
	color: rgba(255,255,255, .20);
	padding: 0 10px;
}
.bar_language a:hover,
.bar_language a.active{
	color: rgba(255,255,255, 1);
}
.bar_button{ 
	display: inline-block;
	vertical-align: top;
	cursor: pointer; 
	height: 38px;
	line-height: 38px;
	padding: 0 .24rem;
	font-size: 12px;
	background: #2c82e3;
	color: #fff; 
}
.bar_button .iconfont { 
	font-size: 12px;
	margin-right: 10px; 
} 
/*=========header_wrap=========*/ 
.header_wrap {
	position: relative;
	z-index:1000;
	position: -webkit-sticky;
	position: sticky;
	top: 0; 
} 
.header_inline {
    position: relative;
    padding: 20px 0;
    background: #0f2b49;
    color: #ffffff;
    transition: margin-bottom .25s ease-in-out;
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
} 
.icon_state_box{
	position: relative;
	cursor: pointer;
}
.icon_state{
	display: block;
    transition: opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
    transition: opacity .35s ease-in-out,transform .35s ease-in-out;
    transition: opacity .35s ease-in-out,transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
} 
.icon_state_primary{
	
} 
.icon_state_secondary {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0; 
    -webkit-transform: translate(-50%,-50%) scale(.3);
    transform: translate(-50%,-50%) scale(.3);
} 
.icon_state_secondary .icon_guanbi{
	font-size: 20px;
}
/*@media screen and (max-width: 640px) { 
	.icon_state_box.active .icon_state_primary{
		opacity: 0;
		-webkit-transform:scale(.3);
		transform:scale(.3);
	}
	.icon_state_box.active .icon_state_secondary{ 
		opacity: 1;
		-webkit-transform: translate(-50%,-50%) scale(1);
		transform:translate(-50%,-50%) scale(1);
	}
}*/
.mobile_nav{
    display: none;
    margin-left: 15px;
	margin-right: -5px; 
}
.mobile_icon{ 
    vertical-align: middle;
	color: #ffffff;
}
.mobile_icon .icon_state_primary .iconfont{
    font-size: 26px;
}
/*mobile_menu*/
.mobile_menu{  
	position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 100%;
    visibility: hidden; 
	opacity: 0;
	-webkit-transform: scale(.9);
    transform: scale(.9); 
    z-index: 1; 
    color: #000;
    font-size: 15px; 
	background-color: #ffffff;
    transition: opacity .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s,-webkit-transform .25s ease-in-out;
	will-change: transform;   
} 
.mobile_menu.active{ 
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear;
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
}
.mobile_menu_box{
	width: 100vw;
    height: 100vh;
	position: relative;
	overflow: hidden;
}
.icon {
    display: inline-block;
    height: 16px;
    width: 22px;
    fill: currentColor;
    vertical-align: middle;
    background: 0 0;
    pointer-events: none;
    overflow: visible;
} 
.icon_borderless{   
    position: absolute;
    bottom: 100%;
	left:50%; 
    width: 12px;
    height: 12px; 
    z-index: 2;
    transition: .2s ease-in-out;
    border: 0;
    border-top: 1px solid #e7e2de;
    border-right: 1px solid #e7e2de;
	background: #fff;
    -webkit-transform: translate(-50%, 6px) rotate(-45deg);
    -ms-transform: translate(-50%, 6px) rotate(-45deg);
    -o-transform: translate(-50%, 6px) rotate(-45deg);
    transform: translate(-50%, 6px) rotate(-45deg);
}
.icon_borderless:after {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
    width: 20px;
    height: 1px;
    content: ''; 
    background-color: #ffffff;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mobile_menu .icon_borderless{
	left:30px;
} 
.mobile_menu_inner {
    position: absolute;
	top:0; left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
} 
.mobile_menu_section{
	overflow: hidden;
    padding: 16px 20px;
}
.mobile_menu_section:not(:last-child) {
    border-bottom: 1px solid #e7e2de;
} 
.mobile_menu_nav{ 
	overflow: hidden;
}
.mobile_menu_nav_item{
	overflow: hidden;
}
.mobile_menu_nav_link {
	cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	line-height: 18px;
    padding: 12px 0;
}  
.mobile_menu_nav_link .iconfont{
	font-size:13px;
	font-weight: bold;
}
.mobile_menu_section_title{
	text-transform: uppercase; 
	margin-bottom: .20rem;
}
.mobile_menu_help{}
.mobile_menu_help li{
	display: flex;
    align-items: center;
	margin-bottom:.15rem;
}
.mobile_menu_help:last-child{
	margin-bottom: 0;
}
.mobile_menu_help li .iconfont{ 
	font-size: 22px; 
	color: #2c82e3;
	margin-right: .15rem;
}
.mobile_menu_social{ 
    margin: -5px 0;
}
.mobile_menu_social li a{
    display: block; 
    padding: 5px 0;
	line-height: 28px;
}
.mobile_menu_social li a .iconfont{
	width:28px; 
	height: 28px; 
	line-height: 28px;
	vertical-align: baseline;
	text-align: center;
	border-radius: 50%;
	background: #949291;
    color: #ffffff;
	margin-right: .10rem;
	transition: background .25s ease-in-out; 
}
.mobile_menu_social li.social_facebook:hover a .iconfont{
	background: #3b5998;
}
.mobile_menu_social li.social_twitter:hover a .iconfont{
	background: #1da1f2;
}
.mobile_menu_social li.social_instagram:hover a .iconfont{
	background: #d83776;
}
.mobile_menu_social li.social_youTube:hover a .iconfont{
	background: red;
}
.mobile_menu_social li.social_linkedIn:hover a .iconfont{
	background: #0077b5;
}

.mobile_menu_panel{
    position: absolute;
	width: 100%;
    height: 100%;
    background: #fff;
	overflow: hidden;
    overflow-y: auto; 
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
    transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
}
.mobile_menu_panel.is_nested { 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.mobile_menu_panel.is_open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}
.mobile_menu_section.is_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
.mobile_menu_back{
	cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
}
.mobile_menu_back .iconfont{
	font-size:12px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 10px;
}
.mobile_menu_nav_list{
	
}
.mobile_menu_nav_list_item {
    margin-bottom: 20px;
}
.mobile_menu_nav_list_toggle {
	cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 10px 0;
	font-weight: 600;
}
.mobile_menu_nav_list_toggle .iconfont{
	font-size: 13px; 
	font-weight: bold;
	margin-left: 10px;
	transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.mobile_menu_nav_collapsible{
	overflow: hidden;
	display:none;
	font-size: 14px;
	/*height: 0; 
    transition: .3s ease-in-out; */
}
.mobile_menu_nav_collapsible_content{
	
}
.mobile_menu_nav_collapsible .mobile_menu_nav_link{
	padding:8px 0;
}
.mobile_menu_nav_collapsible .mobile_menu_nav_link:hover{
	color:#2c82e3;
}
.mobile_menu_nav_list_item.active .mobile_menu_nav_list_toggle .iconfont{
	-webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg); 
}   
.scroller {
	 overflow: hidden;
}
.scroller_inner {
	
}
@media screen and (min-width: 641px) and (max-width: 999px){
	.scroller_inner{
		scroll-padding-left: 40px;
	}
}
.mobile_menu_promo_list {
    display: flex;
    flex-flow: row nowrap;
    margin:-.20rem;
}
.mobile_menu_promo_item {
    flex: 0 0 auto;
    width: 81%;
    white-space: normal;
    scroll-snap-align: center;
}
.mobile_menu_promo_item a{
    display: block;
    padding: .20rem;
    text-align: center; 
} 
.mobile_menu_image_wrapper{
	margin-bottom: .20rem;
    border-radius: 3px;
    overflow: hidden; 
}
.mobile_menu_image_wrapper .img_box {
    position: relative;
    margin-left: auto;
    margin-right: auto;
	padding-top: 66%;
} 
.mobile_menu_image_tit{ 
	
}
.mobile_menu_image_text{
	font-size: 14px;
	line-height: 1.30;
	margin-top: .10rem;
}
/*header_logo*/
.header_logo {
    display: inline-block;
    vertical-align: middle; 
	margin: 0 2.60%;
}
.header_search_bar_wrapper {
    flex: 0.59 0 auto;
} 
.header_search_bar_wrapper.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 10
}
.header_search_bar_wrapper.is-visible .search_bar{
	opacity: 1;
	transition-delay: 0.15s
}
.header_search_bar_wrapper.is-fixed .search_bar{
	padding: 9px 0
}
.header_search_bar_wrapper.is-fixed .search_bar_inner {
	max-height: none;
	visibility: visible
}
.header_search_bar_wrapper.is-fixed .search_bar_inner_animation {
	transition: none
}
.header_search_bar_wrapper.is-fixed .search_bar_close_button {
	opacity: 1
}
.search_bar{
    position: relative; 
    z-index: 1; 
}
.search_bar_top_wrapper{
	
}
.search_bar_top{
    position: relative;
    display: flex;
    height: 44px;
    align-items: center;
    border-radius: 6px;
    background: #fff;
    color: #000;
    z-index: 1;
}
.search_bar_input_wrapper {
    position: relative;
    flex: 1 0 auto;
    height: 100%;
}
.search_bar_input{
    height: 100%;
    width: 100%;
    padding: 0 15px 1px 15px;
    border: none;
    background: 0 0;
    line-height: normal;
    color: #000; 
}
.search_bar_input_clear {
    position: absolute;
    right: 15px;
    top: calc(50% - 9px);
    display: none;
    opacity: .5;
}
.search_bar_submit{
	cursor: pointer;
	flex: none;
    width: 50px;
    height: 100%;
    color: #fff;
    background:#2c82e3;
    border-radius: 0 6px 6px 0;
}
.search_bar_submit svg {
    position: relative;
}
.icon_search .iconfont{
    font-size: 22px;
}
.icon_search_loader{
    display: none;
    width: 22px;
    height: 22px;
    margin: 0 auto;
    -webkit-animation: spinnerRotation .7s infinite linear;
    animation: spinnerRotation .7s infinite linear;
}
@-webkit-keyframes spinnerRotation {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
	}
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
	}
}
@keyframes spinnerRotation {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
	}
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
	}
}
.search_bar_close_button{ display: none;}
/*header_action_list*/
.header_action_list{
	display: flex;
    align-items: center;
    margin-left: auto;  
}
.header_action_item{
	position: relative;
	padding: 0 25px;
}
.header_action_item:not(:last-child)::after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
	transform: translateY(-50%);
    background: rgba(233,226,221,.3);
    height: 80%;
    width: 1px;
}
/*header_action_item_search*/
.header_action_item_search{
	cursor: pointer;
	display: none;
}
.header_action_item_search .iconfont{ font-size: 22px;}
/*header_action_item_account*/
.header_action_item_account{
	
} 
.account_content{
	/*position: relative;*/
	max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}
.account_icon{ display: none; position: relative; color: #fff; width: 24px; height: 34px; line-height: 34px;}
.account_icon .icon_state_primary .iconfont{ font-size: 24px;}
.account_link{ display:block; color: #fff;}
.account_title{ display: block; font-size: 12px; }
.account_text{ display:block; color: #fff; }
.account_text .iconfont{ font-size:12px; margin-left: 5px;}
.account_popover {
    position: absolute;
    width: 100vw; 
	max-width: 500px;
    right: 0;
    top: calc(100% + 10px);
    background: #fff;
	box-shadow: 0 0 10px 4px rgba(0,0,0, .20);
    color: #000;
    z-index: 1;
	border-radius: 10px;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
    -webkit-transform: scale(.9) translateX(40px);
    transform: scale(.9) translateX(40px);
    transition: opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
    will-change: transform; 
	min-width: 160px;
}
.account_popover.active{
	visibility: visible;
    opacity: 1;
	pointer-events: all;
    -webkit-transform: scale(1) translateX(40px);
    transform: scale(1) translateX(40px); 
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear;
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
} 
.account_popover .icon_borderless{ 
    left:auto; 
	right: 59px;
}
.account_popover_inner{ 
/*
	max-height:550px; 
	overflow-y: auto;
*/
}
.popover_panel_list{
	position: relative;
    overflow: hidden;
    transition: height .2s ease-in-out;  
}
.popover_panel {
	text-align: center;
    width: 100%;
    visibility: hidden;
    transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
}
.popover_panel_default {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.popover_panel_sliding {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.popover_panel.is_selected {
    -webkit-transform: translateX(0);
    transform: translateX(0);
	visibility: visible;
}
.popover_inner {
    padding: .40rem;
} 
.popover_header {
    margin-bottom: 30px;
}
.popover_title{ 
	font-weight:800;
}
.popover_legend{ line-height: 1.30; margin-top: 10px; color: #666666; font-size: 12px; }
.popover_secondary_action{
	margin-top: 30px;
	line-height: 1.60; 
} 
.popover_secondary_action a,
.link_find{
	display: inline-block;
	color: #2c82e3;
}
.popover_secondary_action a:hover,
.link_find:hover{
	text-decoration: underline;
}
.popover_secondary_action a.link_dif{
	color: #333;
}
.popover_secondary_action a.link_dif:hover{
	color: #2c82e3;
} 
.mdn_option_accept{ display:block; text-align:left; margin-bottom: .10rem; color: #999999;}
.mdn_option_accept a{ color: #333333;}
.mdn_option_accept a:hover{ color: #2c82e3; }
.mdn_option_remember{ display:block; text-align:left; margin-top: .10rem; margin-bottom: .10rem;}
.mdn_option_accept, .mdn_option_remember{ font-size: 13px;}
.mdn_option_accept .mdn_option,
.mdn_option_remember .mdn_option{ display:flex;}
.mdn_option_accept .mdn_option .option_label,
.mdn_option_remember .mdn_option .option_label{ flex: 1 0 0;}
.btn_get{ cursor: pointer; position: absolute; top:0; right:0; z-index: 1; color: #2c82e3; text-decoration: underline; width: 105px; line-height: 55px; text-align: center;}
.btn_get:before{ content: ""; position: absolute; top: 50%; left:0; transform: translateY(-50%); width: 1px; height: 24px; background: #e5e5e5}
.header_action_item_account .account_popover{ max-width: 400px;}
.header_action_item_account .popover_inner { padding: 20px; }
#header_create_panel .popover_inner .form{ max-height: 343px; overflow-y: auto; margin-right: -20px; padding-right: 20px;}
/*header_action_item_cart*/
/*.header_action_item_cart{ padding: 0 40px;}*/
.cart_toggle{ display: block; position: relative; color: #ffffff;}
.cart_toggle_icon{ display: inline-block; vertical-align: bottom; }
.cart_toggle_icon .icon_state_primary .iconfont{ font-size: 26px;}
.cart_toggle_icon .icon_state_secondary{ margin-left: 3px;}
.cart_toggle_icon.active .icon_state_primary{
	opacity: 1;
    -webkit-transform:scale(1);
    transform:scale(1);
}
.cart_toggle_icon.active .icon_state_secondary{
	opacity: 0; 
    -webkit-transform: translate(-50%,-50%) scale(.3);
    transform: translate(-50%,-50%) scale(.3);
}
.cart_toggle_count{
    display: block;
    position: absolute;
    right: -14px;
    top: -5px;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    line-height: 22px; 
    text-align: center;
    background: #2c82e3;
    color: #ffffff;
    border-radius: 50%;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
    will-change: transform;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    z-index: 1;
	font-size: 14px;
}
.cart_toggle_text{ margin-left: 20px; }
.cart_toggle:hover .cart_toggle_count, 
.cart_toggle.active .cart_toggle_count{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
} 
.mini_cart {
    position: absolute;
	width:100vw;
    max-width: 500px;
    border-radius: 10px;
    box-shadow: 0 1px 5px 2px rgb(0 0 0 / 10%);
	top: calc(100% + 10px);
    right: 0;  
    background: #fff;
    color: #000;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
    -webkit-transform: scale(.9) translateX(-24px);
    transform: scale(.9) translateX(-24px);
    transition: opacity .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,max-height 0s linear .25s,-webkit-transform .25s ease-in-out;
    will-change: transform;
} 
.mini_cart.active{
    visibility: visible;
    opacity: 1;
	pointer-events: all;
    -webkit-transform: scale(1) translateX(-24px);
    transform: scale(1) translateX(-24px);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear;
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
}
.mini_cart .icon_borderless{
	left: auto; 
    right: 59px;
}
.mini_cart_content{
	padding: 40px;
}
.mini_cart_empty {
    text-align: center;
}
.empty_tit{
	display: block;
    padding: 6px 14px; 
    border-radius: 2px;
    white-space: normal; 
    word-break: break-all;
    word-break: break-word;
    background: #f7f4f2;  
}
.empty_state{
    padding: 50px 25px;  
}
.empty_state_icon{ display:block;}
.empty_state_icon .iconfont{ font-size: 90px;}
.empty_state_text{ margin-top: 10px;}
.empty_go{ margin-top: 0;}
/*account_popover_logged*/
#account_popover_logged{ max-width: 220px;}
.popover_linklist{ padding: 10px;} 
.popover_linklist li a{ display:block; padding: .08rem .10rem; line-height: 1.30; border-radius: 8px;}
.popover_linklist li:hover a{ background: #eeeeee; color: #2c82e3;}
/*header_action_item_store*/
.store_toggle{ display: block; position: relative; color: #ffffff;}
.store_toggle_icon{ display: inline-block; vertical-align: bottom; }
.store_toggle_icon .icon_state_primary .iconfont{ font-size: 24px;}
.store_toggle_text{ margin-left: 10px; }

/*=======nav_bar======*/
.nav_bar{
	/*display: block;*/
    position: relative;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e7e2de;
    background: #fff;
	padding: 0 6.78%;
	display: none!important;
} 
.nav_bar_link{
	display: block;
    cursor: pointer;
	transition: color .2s ease-in-out;
	 font-family:"poppins_semibold",sans-serif; 
}
.nav_bar_link .iconfont{
	font-size:12px; 
	font-weight: bold; 
	margin-left: 10px;
}
.icon_triangle { 
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin-left: -18px;
    z-index: 2;
    transition: .2s ease-in-out;
    border: 0;
    border-top: 1px solid #e7e2de;
    border-right: 1px solid #e7e2de; 
    -webkit-transform: translate(50%, 6px) rotate(-45deg);
    -ms-transform: translate(50%, 6px) rotate(-45deg);
    -o-transform: translate(50%, 6px) rotate(-45deg);
    transform: translate(50%, 6px) rotate(-45deg);
}
.icon_triangle:after {
	content: ''; 
    position: absolute;
    left: 0;
    top: 0;
	margin-top: -1px;
    z-index: 1;
    width: 16px;
    height: 1px; 
    background-color: #ffffff;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav_bar_linklist{
	display: flex;
}
.nav_bar_item{
	position: relative;
    display: inline-block;
    margin-right: 4.70%;
    padding: 17px 0;
}
.nav_bar_item:last-child{
	margin-right:0;
}
.nav_bar_item_static {
    position: static;
} 
.mega_menu {
    position: absolute;
    width: 100vw;
    left: 0;
    top: 100%;
    background: #fff;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #e7e2de;
    border-bottom: 1px solid #e7e2de;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
}
.nav_bar .mega_menu{
    max-height: calc(100vh - var(--header-height,0px) - var(--announcement-bar-height,0px) - 40px);
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
} 
.mega_menu_inner {
    display: flex; 
    align-items: flex-start;
    padding: 25px 0 0 0;
    max-height: 100%;
    min-height: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
	justify-content: center;
}
.mega_menu_column {
    display: block;
    flex: 0 1 auto;
    margin: 0 45px 30px 45px;
}
.mega_menu_column:first-child {
    margin-left: 0!important;
}
.mega_menu_title {
    display: block;
    margin-bottom: 10px; 
}
.mega_menu_linklist{}
.mega_menu_linklist li{}
.mega_menu_linklist li a{
    display: block;
    padding: 5px 0;
    line-height: 1.4;
	transition: color .2s ease-in-out;
} 
.mega_menu_promo {
    display: block;
    flex: 0 1 290px;
    /*flex-basis: 290px;*/
    width: 290px;
    min-width: 240px;
    margin: 0 0 30px 50px;
    white-space: normal;
    text-align: center;
}
.promo_image{
	margin: 5px 0 22px 0;
    border-radius: 3px;
    overflow: hidden;
}
.promo_image .img_box {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
	padding-top: 66%;
}
.promo_image:hover .img_box{
	-webkit-transform: scale(1.06);
	transform: scale(1.06)
}
.promo_tit{ display: block; font-weight: 800; margin-bottom: 7px; transition: color .2s ease-in-out;}
.promo_text{ }
.mega_menu_promo:hover .promo_tit{
	color:#2c82e3;
}
.nav_dropdown {
    position: absolute;
    top: 100%;
	left: -15px;
    padding: 16px 0; 
    background: #fff;
    color: #000;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e7e2de;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
	pointer-events: none;
    z-index: 1;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
	max-height: calc(100vh - var(--header-height,0px) - var(--announcement-bar-height,0px) - 40px);
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
	min-width: calc(100% + 20px);
}   
.nav_dropdown li {
	
} 
.nav_dropdown li a{
    display:block;
    padding:5px 20px; 
	transition: color .2s ease-in-out;
} 
.nav_bar_item:hover .nav_bar_link .icon_triangle,
.nav_bar_item:hover .mega_menu,
.nav_bar_item:hover .nav_dropdown{
	visibility: visible;
    opacity: 1;
	pointer-events: all;
}
.nav_bar_item:hover .nav_bar_link,
.nav_dropdown li a:hover,
.mega_menu_linklist li a:hover {
	color: #2c82e3;
}

#account_popover_unlogged .form_input{ margin-bottom: .10rem;}

/*============================ footer ============================*/  
footer{ overflow: hidden; border-top:1px solid #e5e5e5;}
.footer_top{
	padding: .50rem 0 1rem; display: none!important;
}
.footer_block_list{
	display: flex; 
    flex-wrap: wrap;
	justify-content: space-between;
    margin: -20px -35px; 
}
.footer_block_item{
	padding: 20px 35px;
	width:30%;
} 
.footer_block_item:nth-child(2){
	width:18%;
}
.footer_block_item:nth-child(3){
	width:28%;
}
.footer_block_item:nth-child(4){
	width:23%;
}
.footer_title {
    position: relative;
    display: block;
    width: 100%; 
	text-transform: uppercase;
	margin-bottom: 15px;
}
.footer_title .icon_plus{
	display: none;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
}
.footer_title .icon_plus:after, 
.footer_title .icon_plus:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
    background-color: currentColor;
    transition: opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out,opacity .35s ease-in-out;
    transition: transform .35s ease-in-out,opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
}
.footer_title .icon_plus:before{
    width: 10px;
    height: 2px; 
}
.footer_title .icon_plus:after{
    width: 2px;
    height: 10px; 
}
.footer_title_pc{ display:block;}
.footer_title_phone{ display:none;}
.footer_title_phone .icon_plus{ display:block;}
.footer_block_item .footer_title .icon_plus:before,
.footer_block_item .footer_title .icon_plus:after{
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
}
.footer_block_item.active .footer_title .icon_plus:before{
    opacity: 0;
}
.footer_collapsible{ display:block; font-size: 12px;}
.footer_collapsible_content{ line-height: 1.50;}
.footer_linklist{}
.footer_linklist li a{ display:block;}
.footer_linklist li a:focus, 
.footer_linklist li a:hover {
	color: #2c82e3;
}
.footer_newsletter_form{ margin-top: .60rem;}
.footer_newsletter_form .form_input{ margin-bottom: .15rem;}
.footer_newsletter_form .form_field{ border:none; height: 40px; line-height: 40px;}
.footer_newsletter_form .form_floating_label,
.footer_newsletter_form .form_submit{ height:40px; line-height:40px;}
.footer_social{ margin-top: .30rem;}
.footer_social .footer_title{ text-transform: none;}
.footer_social_list{ margin: 0 -4px;}
.footer_social_list li{ display:inline-block; vertical-align: middle; position: relative; margin: 0 4px;}
.footer_social_list li a{ display: block; text-align: center; border-radius: 50%; background: #949291; color: #ffffff; width:40px; height: 40px; line-height: 38px;}
.footer_social_list li a .iconfont{ font-size: 24px;}
.footer_social_list li.social_weixin a:hover{ background: #0ac216;}
.footer_social_list li.social_linkedin a:hover{ background: #0077b5;}
.footer_bot{ padding: .15rem 0; text-align: center; background: #0d2a4a; color: #576575;}
/*footer_social_cover*/
.footer_social_cover{ position: absolute; bottom: 100%; margin-bottom: 12px; left:50%; width:100vw; max-width: 180px;
	visibility: hidden;
    opacity: 0;
	pointer-events: none;
    -webkit-transform: scale(.9) translateX(-50%);
    transform: scale(.9) translateX(-50%);
    transition: opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
    will-change: transform; 
}
.footer_social_cover .icon_borderless{
	bottom: 0;
	border:0;
	border-bottom: 1px solid #e7e2de;
    border-left: 1px solid #e7e2de;
}
.social_cover_inner {
    background: #fff;
	box-shadow: 0 0 10px 4px rgba(0,0,0, .20);
    color: #000;
    z-index: 1;
	border-radius: 10px; 
}
.footer_social_list li:hover .footer_social_cover{
	visibility: visible;
    opacity: 1;
	pointer-events: all;
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%); 
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear;
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
} 


/*float_guide*/
/*
.float_guide{ position: fixed; bottom: 40px; right:4px; z-index: 1003; color: #666; width:52px; } 
.float_guide li{ position:relative; margin-bottom: 4px;}
.float_guide li a.f_g0{ position: relative; box-shadow: 0 0 10px 0 rgba(0,0,0, .10); display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width:52px; height: 52px; text-align:center; background: #ffffff; color: #2c82e3;} 
.float_guide li:hover a.f_g0{ background: #2c82e3; color: #ffffff;}
.float_guide li.back_top a.f_g0 .iconfont{display:block; font-weight: bold;}
*/

/*float_guide 2021.12.23 针对商城页面右侧悬浮菜单 CSS 暂未启用*/
.float_guide{ position: fixed; top:70%; right:0; z-index: 1003; color: #666; width:36px; } 
.float_guide li{ position:relative; margin-bottom: 1px;}
.float_guide li a.f_g0{ position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width:36px; height: 36px; line-height: 36px; text-align:center; background: #a9c3e2; color: #ffffff;} 
.float_guide li:hover a.f_g0{ background: #2c82e3;} 
.float_guide li a.f_g0 .iconfont{ font-size: 20px;}

/*============================ Home ============================*/  
main{ }
.sec_box{ background: 50% 0 no-repeat; background-size: cover;} 
.sec_tit{ font-weight: 600; margin-bottom: .40rem;} 
.tit_sub{ margin-left: 10px; color: #666666;}
.color_blue{color: #2c82e3;}
.color_white{ color: #ffffff;}
.color_black{ color: #000000;}
/*=======index_focus======*/   
.index_focus{ overflow:hidden; position:relative; } 
.index_focus .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.swiper_inner{ height:100%; overflow:hidden;}
.focus_img{ height:100%;/* transform:scale(1.10); transition:all 3s .2s linear;*/} 
/*.index_focus .swiper-slide-active .focus_img{ transform:scale(1.0); transition:all 6s .2s linear;} */
.focus_img_pc{ display:block;}
.focus_img_phone{ display:none;}
.focus_text{ position: absolute; top:50%; left: 0; transform: translateY(-84%); z-index: 1; width:100%; text-align: center; color: #ffffff;}
.focus_text a{ color: #ffffff;}
.focus_tit{ text-transform: uppercase; }
.focus_des{ max-width: 720px; line-height: 1.30; margin: .20rem auto 0;}
.index_focus .swiper-pagination{ bottom: 0;}
.index_focus .swiper-pagination-bullet{ vertical-align: bottom; background: none!important; border-radius:0; position: relative; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); }  
.index_focus .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.index_focus .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} 
.index_focus .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
}  
/*mouse-icon*/
.mouse-icon { display:block; position: absolute; top: 75%; left:50%; transform: translateX(-50%); z-index: 2; text-align: center; color: #ffffff;}
.mouse-icon .mouse {
  width: 18px;
  height: 28px;
  border:2px solid #fff;
  border-radius: 20px;
  position: relative;
  margin:0 auto 3px;
}
.mouse-icon .mouse:after {
  content: "";
  background: #fff;
  width: 2px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  border-radius: 20px;
  -webkit-animation: scrollAnim 1.1s infinite;
          animation: scrollAnim 1.1s infinite;
}
.mouse-icon .arrow {
  width: 6px;
  height: 6px;
  display: block;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  -webkit-animation: arrowAnim 1.2s infinite;
          animation: arrowAnim 1.2s infinite;
}
.mouse-icon .arrow.arrow-01 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.mouse-icon .arrow.arrow-02 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.mouse-icon .arrow.arrow-03 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}

@keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}
@-webkit-keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mouse_txt{ display:block; margin-top: 10px;}

/*=======index_products======*/   
.index_products{ overflow: hidden; padding: 1rem 0;}
.index_products_head{ }
.index_products_head .container{display:flex; flex-wrap: wrap;}
.products_head_tit{ line-height: 1.00; max-width: 63%;}
.products_head_right{ margin-left: auto; text-align: right;}
.products_head_ask{ text-align: left;}
.products_head_ask li{ margin-bottom: .30rem;}
.products_head_ask li:last-child{ margin-bottom: 0;}
.ask_icon{ width: 33px; max-height: 40px; margin-right: .15rem;}
.ask_text{ display: inline-block;vertical-align: middle;}
.ask_tit{ color: #0d2a4a;}
.ask_more{ display: block; margin-top: .05rem; color: #2C82E3;}
.ask_more:hover{ text-decoration:underline;}
.view_all{ display: block; font-weight: bold; margin-top: .45rem;}
.view_all:hover{ text-decoration:underline;}
/*products_thumbs_box*/
.products_thumbs_box{ overflow: hidden; cursor: url("../images/cursor_icon.cur"),auto;} 
.products_thumbs_box .container{ position: relative;} 
.products_thumbs_img{ width:90%; max-width:210px; margin: 0 auto;}
.products_thumbs_img .icon_box{ padding-top: 85.714%;}
.products_thumbs_tit{ margin-top: .10rem; text-align: center; -webkit-transition:color 600ms ease; transition:color 600ms ease; }
.products_thumbs .swiper-slide:hover{}
.products_thumbs .swiper-slide-active{ color: #2C82E3;}  
.products_thumbs_box div.swiper-button-prev{ display: none;} 
/*products_show_box*/
.products_show_box{ overflow: hidden; position: relative; margin-top: 1rem; /*width: 125%;*/ /*100vw; padding-left: 16.667vw*/} 
.author{ height:156px; margin-top: -156px;}
.products_show{ width: 100vw; max-width: 1600px; }
.products_show .swiper-slide{ width: 24.188%; -webkit-transition:color 600ms ease; transition:color 600ms ease; }
.products_show .img_box{ padding-top: 131.514%; border-radius: 12px; box-shadow: 0px 14px 21px 0px rgba(0, 0, 0, 0.09); } 
.products_show_text{ position: absolute; top:0; left:0; z-index: 1; width:100%; padding:12% 10%;}
.products_show_tit{}
.products_show_des{ margin-top: .10rem;}
.products_show .swiper-slide:hover{ color: #2C82E3;}  
.products_show .swiper-slide:hover img{ -webkit-transform: scale(1.04); transform: scale(1.04);}
.products_show_box div[class*="swiper-button-"]{ background:rgba(0,0,0, .30); color: #ffffff;}
.products_show_box div[class*="swiper-button-"] .iconfont{ font-size: 20px;}
.products_show_box div[class*="swiper-button-"]:hover{ background: #2C82E3;}
.products_show_box div.swiper-button-prev{ left:auto; right:102%; display: none;}
.products_show_box div.swiper-button-next{ right: 3.125%;}

/*=======index_support======*/ 
.index_support{ padding: 0 0 .80rem;}
.support_list{ margin: -15px; }
.support_list li{ width: 50%; float:left; padding: 15px; }
.support_list li a{ display:block; position: relative;}
.support_list li a .img_box{ border-radius: 12px; padding-top: 45.97%;} 
.support_list li.support_item01 a .img_box{ padding-top: 96.78%;}
.support_text{ position: absolute; top:.50rem; left:.40rem; z-index: 1;}
.support_tit{ font-weight: 600;}
.support_des{ margin-top: .10rem;}
.support_list li.support_item01 .support_text{ left:.50rem}
.support_list li.support_item02 a{ color: rgba(255,255,255, 1);}
.support_list li.support_item03 a{ }
.support_list li a:hover{ color: #2C82E3;}  
.support_list li a:hover img{ -webkit-transform: scale(1.04); transform: scale(1.04);}
.support_list li.support_item02 a:hover{ color: rgba(255,255,255, 0.70);}
/*=======index_advantage======*/ 
.index_advantage{ padding-bottom: .50rem;}
.advantage_list{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin: -15px; } 
.advantage_list li{ width: 25%; float:left; padding: 15px;}
.advantage_block{ border-radius: 12px; background: #FFFFFF; box-shadow: 0px 14px 21px 0px rgba(0, 0, 0, 0.03); height: 100%; padding: 13.45%; }
.advantage_icon{ padding-top: 0; width: 50px; height: 50px;}
.advantage_text{ overflow: hidden; flex:1 0 0; margin-top: .15rem;}
.advantage_tit{ line-height: 1.25;}
.advantage_des{ line-height: 1.30; margin-top: .15rem;}

/*============================ 01 ============================*/   
.account_wrap{ display:flex; align-items: stretch;} 
/*=======account_left======*/   
.account_left, .account_right{ padding-top:.50rem; padding-bottom: .50rem;}
.account_left{ width: 18.00%; max-width: 350px; min-width: 250px; }
.account_left_con{}
/*account_toolbar*/
.account_toolbar{ display:none; align-items: center; background: #f7f4f2; border-bottom: 1px solid #e7e2de; padding: 0 20px; margin-bottom: 40px;}
.account_close{ display:block; cursor: pointer; margin-left: auto; width:50px; height: 50px; line-height: 50px; text-align: center;}
.account_close .iconfont{ font-weight: bold; font-size: 20px;}
.account_close:hover{ color:#2C82E3;}
/*account_guide*/
.account_guide{ }
.account_guide_block{ position: relative; padding:.40rem 0 .20rem;}
.account_guide_block:before{ content:""; position: absolute; top:0; left:11.43%; width: 77.14%; height: 1px; background: #DCDCDC;}
.account_guide_block:first-child{ padding-top: 0!important; }
.account_guide_block:first-child:before{ display:none!important;}
.account_guide_tit, .account_guide_list li{ padding: 0 8.57%; /*0 11.43%*/}
.account_guide_list{ margin-top: .20rem;}
.account_guide_list li{ position: relative; margin-bottom: .05rem;}
.account_guide_list li:last-child{ margin-bottom: 0;}
.account_guide_list li:before{ content:""; position: absolute; top:50%; left:100%; width:2px; height:0; background: #2C82E3;}
.account_guide_list li a{ display:block; position: relative; text-transform: capitalize; border-radius: 12px; padding: 0 10px; height: 55px; line-height: 55px;}
.account_guide_icon{ display:inline-block; vertical-align: middle; width: 30px; height: 30px; padding-top: 0; margin-top: -5px; margin-right: .08rem;}
.account_guide_icon img{ -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.account_guide_icon img:nth-child(2){ opacity: 0;}
.account_guide_list li:hover:before,
.account_guide_list li.current:before{ top:0; height:100%;}
.account_guide_list li:hover a,
.account_guide_list li.current a{ background: #2C82E3; color: #fff;font-weight:bold;}
.account_guide_list li:hover a .account_guide_icon img:nth-child(1),
.account_guide_list li.current a .account_guide_icon img:nth-child(1){ opacity: 0;}
.account_guide_list li:hover a .account_guide_icon img:nth-child(2),
.account_guide_list li.current a .account_guide_icon img:nth-child(2){ opacity: 1;}
.inbox_num{ display:block; position: absolute; top:50%; right:18px; transform: translateY(-50%); z-index: 1; background: #ffffff; color: #2C82E3; font-size: 12px; text-align: center; line-height: 16px; width: 16px; height: 16px; border-radius: 50%; -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; visibility: hidden; pointer-events: none;}
.account_guide_list li:hover a .inbox_num,
.account_guide_list li.current a .inbox_num{ opacity: 1; visibility: visible; pointer-events: all;}
/*=======account_right======*/
.account_right{ flex:1 0 0; border-left: 1px solid #DCDCDC; padding-left: 2%; /*.10*/ padding-right: 3%; /*.54*/}
.account_welcome{ }
.welcome_hi{ display:block; font-family:"poppins_regular",sans-serif; margin-bottom: .15rem;}
/*=========account_information==========*/
.account_information{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.15rem;}
.information_block{ float:left; width: 33.33%; padding: .15rem;}
.information_block_inner{-webkit-transition:all 600ms ease; transition:all 600ms ease; background: #FFFFFF; border-radius: 12px; height: 100%; position: relative; padding: .40rem .30rem;/* min-height: 455px;*/}
.information_block:hover .information_block_inner{ box-shadow: 0px 14px 21px 0px rgba(0, 0, 0, 0.07);}
.information_block_tit{ margin-bottom: .40rem;}
.information_block_edit{ display:block; float:right; 
	text-align: center;
	width: 37px;
	height: 27px;
	line-height:20px;
	background: #FFFFFF;
	border: 2px solid #E5E5E5;
	border-radius: 10px;
} 
.information_block_edit .iconfont{ -webkit-transition:transform 600ms ease!importan; transition:transform 600ms ease!important;}
.information_block_edit:hover,
.information_block_edit.active{ border-color:#2C82E3; background-color: #2C82E3; color: #fff;}
.information_block_edit:hover .iconfont,
.information_block_edit.active .iconfont{ transform: rotateY(180deg);}

.information_block_text{ line-height: 1.875;}
.user_name{ margin-bottom: .40rem;}
#information_invoice{ width: 66.66%; margin-right: auto; margin-left: -66.66%;}
.information_invoice_table{}
.information_invoice_table tr td{ padding: .13rem .20rem;}
.information_invoice_table tr:nth-child(odd) td{ background: #e5edf6;}
.information_invoice_table tr td:nth-child(odd){ white-space: nowrap;}
#information_business{ margin-left: auto; transform: translateX(100%);}
.information_business_image{ max-width: 3.10rem; margin: 0 auto;}
/*tan_information*/ 
.region_address{ display:flex; justify-content: space-between;}
.region_address .form_input{ width:31.80%;}
.line_consignee .select_wrapper{ margin-right: 0!important; display: block;}
.line_consignee .select_wrapper .select_text_box{ height:55px; line-height: 55px;}
.line_consignee .select_wrapper .select_text_box .select_text{ display: block; background: #eeeeee;}
.line_consignee .select_wrapper .select_text_box .iconfont{ color: #7d7d7d;}
.line_consignee .select_wrapper .select_option_box{ top:auto; bottom: 100%;}
.line_consignee .select_wrapper .select_option_box .select_option .option_show{ display: flex; padding: 5px 0 5px 12px;} 
.line_consignee .select_wrapper .select_option_box .select_option .option_show:nth-child(odd){ background: #f5f5f5;}
.option_show .option_del{margin-left:  auto; width: 40px; cursor: pointer; text-align: center;}
.option_show .option_del .iconfont{ font-size: 14px;}
.option_show .option_des{ flex:1 0 0; }
#tan_information_business{ -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; visibility: hidden; pointer-events: none;}
#tan_information_business.tan_show{ opacity: 1; visibility: visible; pointer-events: all;}
/*webuploader*/
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #2C82E3;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.webuploader-pick-hover { opacity: 0.80; filter:alpha(opacity=80);}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}
#uploader{ position: relative; margin-bottom: .20rem; }
#uploader .queueList{ } 
#uploader .placeholder { border: 1px dashed #d6d6d6; border-radius:12px; min-height: 3.20rem; padding-top: 1.60rem; text-align: center; background:#f4f7f8  url(../webUploader/webUploader_image.png) center 90px no-repeat; background-size:62px; color: #9d9d9d; font-size: 16px; position: relative; }
#uploader .placeholder .webuploader-pick { display:inline-block; cursor: pointer; background: #2C82E3; color: #fff; border-radius: 5px; line-height: 50px; min-width: 170px; padding: 0 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#uploader .placeholder .webuploader-pick:hover{ opacity: 0.80; filter:alpha(opacity=80);} 
#uploader .placeholder .flashTip { color: #666666; font-size: 12px; position: absolute; width: 100%; text-align: center; bottom: 20px; }
#uploader .placeholder .flashTip a { color: #2C82E3; text-decoration: none;}
#uploader .placeholder .flashTip a:hover { text-decoration: underline; }
#uploader .placeholder.webuploader-dnd-over { border-color: #999999; }
#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied { border-color: red;} 
#uploader .filelist { list-style: none; margin: 20px 0 -20px; padding: 0; }
#uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}
#uploader .filelist li {
    width: 110px;
    height: 110px;
    background: url(../webUploader/webUploader_bg.png) no-repeat;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
} 
#uploader .filelist li p.log {
    position: relative;
    top: -45px;
} 
#uploader .filelist li p.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left;
} 
#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
	background-color:transparent;
	margin-bottom:0;
    overflow: hidden;
    z-index: 50;
}
#uploader .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #2C82E3 url(../webUploader/webUploader_progress.png) repeat-x; 
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear; 
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;

    -webkit-transform: translateZ(0);
}

@-webkit-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 110px;
    height: 110px; 
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; 
    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

#uploader .filelist li img {
    width: 100%;
}

#uploader .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

#uploader .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../webUploader/webUploader_success.png) no-repeat right bottom;
}

#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

#uploader .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../webUploader/webUploader_icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer;
}

#uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}
#uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

#uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px;
}
#uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

#uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px;
}
#uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}

#uploader .statusBar { /*margin-top: 20px; border-top: 1px solid #dadada;*/ border-bottom: 1px solid #dadada; padding: 10px 0; position: relative; }
#uploader .statusBar .progress {
	display: block; 
	margin-bottom: 10px;
	 position: relative;
    border: 1px solid #2C82E3;
    width: 100%;
    background: #fff;
    height: 20px;
	line-height: 20px;  
    color: #fff; 
}
#uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #2C82E3;
    position: absolute;
}
#uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10;
}

#uploader .statusBar .info {
    float:left; 
	width:52%;
    font-size: 12px;
    color: #666666;
}

#uploader .statusBar .btns { float:right; line-height: 40px; }

#filePicker2 {
    display: inline-block;
    float: left;
}

#uploader .statusBar .btns .webuploader-pick,
#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .uploadBtn.state-paused {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
	min-width:96px; text-align:center;
    padding: 0 15px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    float: left; 
}
#uploader .statusBar .btns .webuploader-pick-hover,
#uploader .statusBar .btns .uploadBtn:hover,
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
#uploader .statusBar .btns .uploadBtn.state-paused:hover {
    background: #f0f0f0;
} 
#uploader .statusBar .btns .uploadBtn {
    background: #2C82E3;
    color: #fff;
    border-color: transparent;
}
#uploader .statusBar .btns .uploadBtn:hover {background: #2C82E3; opacity: 0.80; filter:alpha(opacity=80);}

#uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: 0.6;
}

/*============================ 02 ============================*/ 
.account_heading{ margin-bottom: .40rem; position: relative;}
.account_heading_tit{ margin-bottom: .20rem;}
.account_heading_local{ margin: 0 -.08rem;}
.account_heading_local a{ display:inline-block; padding: 0 8px;}
.account_heading_local a:hover,
.account_heading_local a.current{ color: #2C82E3;} 
.account_heading_item{ margin-bottom: .20rem;}
.account_menu{ display:none; cursor: pointer; position: absolute; top:0; right:0; z-index: 1; line-height: 30px; color: #2C82E3; font-weight: bold;}
.account_menu .iconfont{ font-size: 24px; margin-right: .10rem; font-weight: normal;}

/*=========quick_order==========*/
.quick_order{}
/*quick_order_action*/
.quick_order_action{ margin: -.10rem -.10rem .30rem;}
.quick_order_action_btn{ display:inline-block; cursor: pointer; border: 1px solid #DCDCDC; border-radius: 8px; height: 35px; line-height: 33px; padding: 0 .20rem; margin: .10rem;}
.quick_order_action_btn .iconfont{ margin-right: .10rem; font-size: 18px; color: #2C82E3;}
.quick_order_action_btn:hover{ border-color:#2C82E3; background-color: #2C82E3; color: #ffffff;}
.quick_order_action_btn:hover .iconfont{ color: #ffffff;}
/*table_box*/
.table_box{ position: relative;} 
.table{ position: relative; z-index: 1; width:100%; height: 100%; display: table; /* border-collapse: collapse; */ border-collapse: separate; } 
.table-row { overflow: hidden; /*display: table-row;*/ display:flex; flex-wrap:nowrap; align-items: center; word-break:break-word; -webkit-transition:background 600ms ease,box-shadow 600ms ease; transition:background 600ms ease, box-shadow 600ms ease;}
.table-cell{ display: table-cell; vertical-align: middle; cursor: pointer; position: relative; text-align: center; line-height: 20px; padding: .15rem .10rem;}
.table-header-group{ display:table-header-group; font-family: "poppins_semibold",sans-serif; white-space: nowrap;} 
.table-header-group .table-cell{ padding-top:0;}
.table-row-group { display: table-row-group;}  
.table-row-group .table-row{ background: #FFFFFF; border-radius: 12px;}
.table-row-group .table-row:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0, .08); }
.table-row-group .table-cell{ padding-top: .30rem; padding-bottom: .30rem;}
.table-row-blank{ background-color: transparent!important; box-shadow: none!important; height:.20rem;}
.tc_sort{ display:none;}
.tc_con{ margin-left:auto;}
/*table_box_order*/
.table_box_order{}
.table_box_order .tc_item{ width: 5%; white-space: nowrap;}
.table_box_order .tc_description{ width: 24%; text-align: left;}
.table_box_order .table-header-group .tc_description{ padding-left: .20rem; padding-right: .20rem;}
.table_box_order .tc_partNo,
.table_box_order .tc_comments{ width: 16%;}
.table_box_order .tc_quantity{ width: 14%;}
.table_box_order .tc_unit{ width: 8%;}
.table_box_order .tc_price,
.table_box_order .tc_total{ width: 10%;}
.table_box_order .tc_handle{ width: 13%;}  
.table_box_order .table-header-group .table-row .tc_partNo{ text-indent: -26px;}
/*quick_order_table*/
#quick_order_table{}  
.description_block{ display:flex; align-items: center;}
.description_img{ overflow: hidden; /*float:left;*/ width:1.20rem; background: #F5F5F7; border-radius: 6px; margin-right: .15rem;}
.description_text{ flex:1 0 0; overflow: hidden; line-height: 1.30; }
.description_tit{ margin-bottom: .10rem;} 
.description_tit em, .description_tit i{ display:block;}
.description_block:hover .description_tit a{ color:#2C82E3;}
.description_sku{}
.partNo_block{ position: relative;}
.partNo_text{
	display: inline-block;
	vertical-align: middle;
	width: 75%;
	max-width: 150px;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 12px;
	padding: 10px 12px;
}
.partNo_text:focus{
	border-color: #2c82e3;
	box-shadow: 0 0 3px 0 #2c82e3;
}
.partNo_state{ 
	margin-left: .06rem;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	line-height: 12px;
	color:#ffffff; 
	border-radius: 50%;	 
}
.partNo_state .iconfont{
	font-size: 13px; 
}
.partNo_state_true{
	background: #39AF6F;
}
.partNo_state_false{
	background: #F6B55A;
}
.partNo_state_false_tip{
	 -webkit-transition:all 600ms ease; transition:all 600ms ease; position:absolute; top:99%; left:0; padding:18px 12px; /*left:99%; margin: 18px 0 0 -21%;*/ z-index: 1; text-align: left; line-height: 1.30; color: #999999; width:100vw; max-width: 500px; opacity: 0; visibility: hidden; pointer-events: none;
}
#quick_order_table .tc_partNo_false:hover .partNo_state_false_tip{
	opacity: 1; visibility: visible; pointer-events: all;
}
.link_talk{ 
	display: inline-block; 
	vertical-align: bottom;
	margin-left: .08rem;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #EEEEEE;
	 color: #2c82e3;
	border-radius: 50%;	
}
.link_talk .iconfont{
	font-size:14px;
} 
.link_talk:hover{
	background: #2c82e3;
	 color: #ffffff;
}
.quantity_block{ }
.quantity_show{
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	width: 100%;
	max-width: 150px;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 12px; 
}
.quantity_selector, .quantity_value, .quantity_selector, .quantity_value_disabled {
    display: block;
    float: left;
    width: 33.33%;
    height: 100%;
    text-align: center;
}
.quantity_selector{ cursor: pointer; }
.quantity_selector .iconfont{ font-size:13px; font-weight: bold;}
.quantity_selector:hover{ color: #2c82e3;}
.quantity_value{ font-family: Arial!important; }
.handle_block{ text-align: right; margin: 0 -.05rem; padding-right: 10%;}
.handle_btn{ cursor: pointer; display: inline-block; vertical-align: middle; background: #e5e5e5; color: rgba(0,0,0, .30); border-radius: 50%; text-align: center; line-height: 38px; width: 38px; height: 38px; margin: 0 .05rem; }
.handle_btn .iconfont{ font-size: 20px; }
.handle_btn:hover{ background: #2c82e3; color: #FFFFFF;}
.handle_btn_cart{ background: #2c82e3; color: #FFFFFF;}
.handle_btn_del:hover{ background: #c00404;}
.handle_btn_remove{}
.handle_btn_collect .iconfont{ margin-top:-4px; }
.handle_btn_collect:hover{ background: #f19825;}
.handle_btn_collect.active {
    background: #f19825;
    color:#fff;
}
.handle_btn_jiaru{}
.handle_btn_jiaru .iconfont{ font-size: 30px; }
/*quick_order_operate*/
.quick_order_operate{
	display: flex; 
	flex-wrap: wrap;
	align-items: center;
	margin: -.10rem 0;
}
.quick_order_operate_btn{ 
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	line-height: 42px;
	height: 42px;
	background: #E5E5E5;
	border-radius: 6px;
	padding: 0 .30rem; 
	margin: .10rem 0;
	min-width: 150px;  
} 
#btn_add_item{
	
}
#btn_add_all{
	margin-left: auto;
    background: #2c82e3; 
	color: #FFFFFF;	
	min-width: 200px;
} 
.btn_add_all_pc{}
.btn_add_all_phone{ display:none;}

/*=======tan_wrap======*/ 
.tan_wrap, .tan_bg { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; } 
.tan_bg { z-index: 1; background: rgba(0,0,0, .75); } 
.tan_box { position:relative; z-index: 2; width: 100%; height: 100%;}
.tan_box .container{ max-width: 100%; height: 100%; display:flex; flex-wrap: wrap; align-items: center; overflow-y: auto; padding: 30px 20px;}
.tan_con{ position:relative; width: 100%; /*max-height: 90%; */ overflow: hidden; max-width:650px; margin: 0 auto; border-radius: 12px; background: #fff;}
.tan_tit{ text-align: center; background: #eeeeee; height: 60px; line-height: 60px; position: sticky; top:0; z-index: 2;}
.tan_close { position:absolute; right:0px; top: 0; float:right; z-index: 5; text-align: center; color: #666; width: 60px; line-height: 60px;}
.tan_close .icon_guanbi { font-weight: bold; font-size: 18px; }
.tan_close:hover { color: #2c82e3!important; } 
.tan_range{ padding:.40rem .50rem; /*max-height: 530px; overflow-y: auto;*/}
.tan_attention{ padding-top:.70rem; padding-bottom: .70rem; text-align: center;}
.tan_handle{ margin-top: .40rem;}
.tan_btn{ cursor: pointer; background: #2c82e3; color: #FFFFFF; border-radius: 6px; text-align: center; margin: 0 .08rem; min-width:150px; padding: 0 .20rem; height: 50px;}
.tan_btn_grey{ background: #eeeeee; color: #333333;}
/*tan_upload*/
#tan_upload{}
.attention_tit{ margin-bottom: .10rem;}

/*============================ 03 ============================*/ 
.my_orders{ } 
/*=========my_orders_screen==========*/
.my_orders_screen{ margin-bottom: .40rem;}
/*select_wrapper*/
.select_wrapper { display:inline-block; vertical-align: middle; position: relative; margin-right: 10px; }
.select_wrapper:last-child{ margin-right: 0;}
.select_text_box{ position:relative; height: 35px; line-height: 35px;}
.select_text_box .iconfont{ position: absolute; top:50%; right:14px; transform: translateY(-50%); font-size: 14px; color: #BFBFBF; }
.select_text{ display: block; min-width:260px; padding: 0 40px 0 20px; border-radius: 8px; background: #e5e5e5; cursor: pointer;}
.select_option_box{
	position: absolute; 
	top:100%;
	left:0;
	z-index: 2;
	/*display: none;*/
	width: 100%; 
	visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);  
    transition: opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
    will-change: transform;
}
.select_option_box.active{ 
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear;
    transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear,-webkit-transform .4s cubic-bezier(.18, 1.25, .4, 1);
}
.select_option_box .icon_borderless{
	
}
.select_option { 
	background: #fff;
	border-radius:12px;
	box-shadow: 0 0 10px 0 rgba(0,0,0, .10);
	padding: 10px 20px; 
} 
.select_option li {
	cursor: pointer; 
}
.select_option li a {
	width: 100%;
	height: 100%;
	display: block;
	color:#666666;
	padding: .08rem .10rem;
	line-height: 1.30; 
	border-radius:8px;
}
.select_option li:hover a{
	color: #333333;
}
.select_option li.selected a {
  color: #2c82e3;
}
.select_option li.disabled{
	display:none;
}  
/*my_orders_table*/
#my_orders_table .table-cell{ white-space: nowrap;}
#my_orders_table .tc01{ width:11%;}
#my_orders_table .tc02{ width:14%;} 
#my_orders_table .tc03{ width:11%;}
#my_orders_table .tc04{ width:11%; text-align: right; padding-right: 2%;}
#my_orders_table .tc05{ width:10%;}
#my_orders_table .tc06{width:18%; text-align: left; padding-left: 2.50%;} 
#my_orders_table .table-header-group .tc06{ text-indent: calc(24px + .10rem);; }
#my_orders_table .tc07{ width:25%; text-align: left;} 
#my_orders_table .table-row-group .table-row .tc07{ padding-top: 0; padding-bottom: 0;}
.details_block{ }
.details_kan{ display:inline-block; position: relative;color: #B5B5B5;}
.details_kan .iconfont{ font-size:24px;}
.details_kan a{color: #B5B5B5;}
.status_block{ /*max-width: 170px; margin: 0 auto; text-align: left;*/}
.status_block img{ vertical-align: bottom; max-width: 24px; max-height: 24px; margin-right: .10rem;}
.tracking_swiper_box{ /*position: absolute; top:0; right:0; z-index: 1;*/ width: 100%; height: 80px; overflow: hidden;}
.tracking_swiper{} 
.tracking_swiper .swiper-slide-prev:before,
.tracking_swiper .swiper-slide-next:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1;} 
.tracking_swiper .swiper-slide-prev:before{
	background: rgba(255,255,255, .80); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0.30) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255, 1) 0%,rgba(255,255,255, 0.30) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255, 1) 0%,rgba(255,255,255, 0.30) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255, 1)', endColorstr='rgba(255,255,255, 0.30)',GradientType=1 ); /* IE6-9 */
}
.tracking_swiper .swiper-slide-next:before{
	background: rgba(255,255,255, .80); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255, 0.30) 0%, rgba(255,255,255, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255, 0.30) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255, 0.30) 0%,rgba(255,255,255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255, 0.30)', endColorstr='rgba(255,255,255, 1)',GradientType=1 ); /* IE6-9 */
}
.tracking_num{
	display: inline-block; 
	margin-right: 5px;
	text-align: center; 
	width: 18px;
	height: 18px;
	line-height: 16px;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 50%;
	font-size: 12px;
}
/*my_orders_record*/
.my_orders_record{
	min-height: 480px; 
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.my_orders_record_no{ }
/*=========order_confirmation==========*/
.order_confirmation{ }
.confirmation_tit{ text-align:center; margin-bottom: .50rem;}
#order_confirmation_table{ border-top:1px solid #dadada; border-bottom:1px solid #dadada;} 
#order_confirmation_table .table-row-group .table-row{ display:flex; align-items: center; justify-content: space-between; padding: 0!important; border-bottom: 1px dashed #dadada; overflow: visible;}
#order_confirmation_table .table-row-group .table-row:last-child{ border-bottom:none;}
#order_confirmation_table .table-row-group .table-cell{ padding: .20rem 0!important; } 
#order_confirmation_table .tc_tit{ text-align: left; width:35%!important; position: relative;}
#order_confirmation_table .tc_des{text-align: right; width:65%!important; justify-content: flex-end; }
.order_confirmation_tip{ display: inline-block; color:#999999; margin-left: .10rem; line-height: 20px;}
.tip_icon{ font-size: 14px; color:#2c82e3; margin-right: .05rem;}
.tip_des{ position: absolute; top: .20rem; margin-top: 2px; margin-left: 20px; width: max-content; max-width: 150%; display: none;}
/*instructions_table*/
#instructions_table{ margin-top: -1px; background: #f5f5f5;}
#instructions_table .table-header-group{ background: #e5e5e5;}
#instructions_table .table-row{ border-bottom-style:solid; border-radius:0; background:none;}  
#instructions_table .table-header-group .table-cell{ padding-top: .15rem; padding-bottom: .15rem;}
#instructions_table .table-row-group .table-cell{ padding-top: .25rem; padding-bottom: .25rem;}
#instructions_table .tc_item{ width:7%;}
#instructions_table .tc_description{ width: 36%; } 
#instructions_table .tc_quantity{ width:13%;}
#instructions_table .tc_unit{ width:13%;}
#instructions_table .tc_price{ width:13%;}
#instructions_table .tc_total{ width:18%;} 
#instructions_table .table-header-group .tc_description{ padding-left:0; padding-right: 0;}
#instructions_table .description_tit{ margin-bottom:.20rem;}
#instructions_table .description_tit em{ font-family: "poppins_semibold",sans-serif;}
#instructions_table .description_tit i{  margin-top: .05rem;}
#instructions_table .total_block{ font-weight: bold; }
/*#instructions_table .total_block，
#instructions_table .price_block { text-align: right;  margin-right: 20px; }*/
/*order_confirmation_toolbar*/
.order_confirmation_toolbar { display: flex; justify-content: space-between; align-items: center;  margin-top: .40rem; }
.toolbar_connect{ }
.connect_text{ float: left; margin-right: .70rem;}
.connect_way{ overflow: hidden;}
.way_link{ display: inline-block; vertical-align: bottom; margin: 0 .10rem; text-align: center;background: #EEEEEE; color: #2c82e3; border-radius: 50%; width: 36px; height: 36px; line-height: 36px; }
.way_link .iconfont{ font-size: 20px;}
.way_link:hover{ background: #2c82e3; color: #ffffff;}
.toolbar_right{ margin-left: auto;} 
.btn_download .iconfont{ font-size: 26px; margin-right: .10rem; margin-top: -5px;}
#tan_confirm .tan_con{ max-width: max-content;}


/*============================ 04 ============================*/ 
.my_wishlist{ } 
/*=========my_wishlist_table==========*/
#my_wishlist_table{}
#my_wishlist_table .table-row-group .table-row{}
.comments_text{  width: 100%; max-width: 180px; height: 50px; line-height: 50px; background: #f6f6f6;  border-radius: 12px; padding: 0 18px;}
.comments_text:focus{  box-shadow: 0 0 3px 0 #2c82e3; }
.btn_share{ min-width: 0; padding: 0; background: none; }
.btn_share .iconfont{ color: #2c82e3; font-size: 18px; margin-right: .10rem;}
.btn_share:hover{ color: #2c82e3; text-decoration: underline;}
/*page*/
.page{ text-align: center; margin-left: auto; color: #666666;}
.page a{ display:inline-block; vertical-align: middle; margin: 0 2px; text-align: center; border-radius:50%; border:1px solid rgba(0,0,0, 0); width:30px; line-height: 28px; color: #666666;}
.page a:hover{ color: #2c82e3;}
.page a.current{ border-color:#2c82e3; color: #2c82e3;}
.page a.page_btn{ border:none; width:auto; padding: 0 4px;}
.page a.page_btn .iconfont{ font-size: 12px; font-weight: bold;}
.page a.page_btn_double .iconfont{ font-size: 18px; font-weight: normal;}
.page_go{ display:inline-block; vertical-align: middle; position: relative; border-left:1px solid #d2d2d2; margin-left: .15rem; padding-left: .15rem;}
.page_go_text{ margin-left: .15rem; border-radius:6px; background: #ffffff; border:1px solid #2c82e3; padding: 6px; width:36px; height: 28px;}
/*tan_share*/
#tan_share .tan_con{ max-width:540px;} 
#tan_share .form .form_input .form_field{ height: 50px; line-height: 50px;}
.btn_more_mailbox{ height: 24px; cursor: pointer; color:#2c82e3;}
.btn_more_mailbox .iconfont{ font-size: 13px; font-weight: bold; margin-top: -5px; margin-right: 5px;}
.btn_more_mailbox:hover{ text-decoration: underline;}
.share_wishlist_handle{ margin-top: .30rem; text-align: center;}
.btn_send{ width:100%; max-width: 200px; height: 45px; line-height: 45px;}
.up_to_tip{ color:#2c82e3; margin-top: -.10rem;}

/*============================ 05 ============================*/  
.machines{} 
.machines_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin:-.15rem -.15rem .15rem;}
.machines_list li{ width:25%; padding: .15rem;}
.machines_item{ display:block; height: 100%; -webkit-transition:box-shadow 600ms ease; transition:box-shadow 600ms ease; position: relative; overflow: hidden; border-radius:12px; background: #ffffff;}
.machines_text{ position: relative; z-index: 1; padding:.30rem .30rem 0;}
.machines_headtit{}
.machines_subtit{ margin-top: .05rem;}
.machines_type{ display:inline-block; background:#0F2B49; color: #ffffff; border-radius:4px; min-width: 35px; padding: 0 5px; height: 20px; line-height: 20px; text-align: center; margin-top: .20rem;}
.machines_img{ padding:0 .15rem; margin-top: -6%;}
.machines_cover{ position: absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%; border-radius:12px; overflow:hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; visibility: hidden; pointer-events: none;} 
.machines_cover:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius:12px; background: rgba(0,0,0, .30); filter: blur(5px);}
.link_download{ position: relative; z-index: 2; cursor: pointer; text-align: center; width:80%; max-width: 160px; line-height: 47px; height: 47px; background: #2C82E3; color: #ffffff; border-radius: 6px; top:-2%; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.link_download .iconfont{ font-size:20px; margin-right: .10rem;}
.machines_item:hover{ box-shadow: 0px 14px 21px 0px rgba(0, 0, 0, 0.08);}
.machines_item:hover .machines_cover{ opacity: 1; visibility: visible; pointer-events: all;;}  
.machines_item:hover .machines_cover:before{ filter: blur(0px)}
.machines_item:hover .machines_cover .link_download{ top:0;}

/*============================ 06 ============================*/  
.services{}
.services_line{ margin-bottom: .40rem;}
.services_line:last-child{ margin-bottom: 0;}
.services_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin:-.10rem;}
.services_list li{ float:left; width:25%; padding: .10rem;}
.services_list li a{ display:block; height: 100%; -webkit-transition:box-shadow 600ms ease; transition:box-shadow 600ms ease; overflow: hidden; border-radius:12px; background: #ffffff; padding: .30rem .22rem;}
.services_tit{ }
.services_text{ margin-top: .15rem; padding-top: .15rem; border-top:1px dashed #bfbfbf; line-height: 1.30; color: #2C82E3; display:flex; justify-content: space-between;} 
.services_list li a:hover{ box-shadow: 0px 14px 21px 0px rgba(0, 0, 0, 0.08);} 
.coupons_state{ /*float:right;*/ margin-left: .10rem; font-weight: bold;}
.services_list li.coupons_expired,
.services_list li.coupons_expired a,
.services_list li.coupons_expired a .services_text{ color:#999999;}
@media screen and (min-width: 641px) {
	.services_tit{ line-height: 22px; height: 66px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:3;}
}

/*============================ 07 ============================*/  
.account_main{ background: #FFFFFF; border-radius: 12px; padding: .60rem;}
/*===========mdn===========*/
/*mdn_switch*/
.mdn_switch {
	cursor: pointer;
    position: relative;
    display: block;
	float:right;      
}
.mdn_switch input {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}
.mdn_switch .switch_toggle {
    width: 37px;
    height: 14px;
    position: relative;
    display: inline-block;
    background:#dddddd;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 1px rgb(255 255 255 / 50%);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.08),0 1px rgba(255,255,255,.5);
    -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.08),0 1px rgba(255,255,255,.5);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 1px rgb(255 255 255 / 50%);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    vertical-align: middle;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    cursor: pointer;
}
.mdn_switch .switch_toggle::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -1px;
    width: 20px;
    height: 20px;
    background: #bdbdbd;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.18);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.18);
    box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.mdn_switch input:checked+.switch_toggle {
    background: rgba(44,130,227,.30);
}
.mdn_switch input:checked+.switch_toggle::before {
    left: 18px;
    background: rgba(44,130,227,1);
}
/*mdn_option*/
.mdn_option {
	cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: .30rem;
}
.mdn_option input {
    position: absolute;
    height: inherit;
    width: inherit;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    opacity: 0;
    left: 0;
}
.mdn_option .option_opt{
    position: relative;
    margin-right: .05rem;
    display: inline-block;
	vertical-align: middle;
    border: 1px solid #dcdcdc;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
    height: 16px;
    width: 16px; 
}
.mdn_option .option_opt:before{
    content: '';
    display: block;  
    width: 10px;
    height: 6px;
	position: absolute;
	top: 2px;
    left: 2px;
	z-index: 2;
	border: solid #fff;
    border-width: 0 0 2px 2px; 
    -webkit-transform: rotate(-45deg) scale(0.2); 
    transform: rotate(-45deg) scale(0.2);
	opacity: 0;
	
} 
.mdn_option .option_opt:after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #2c82e3;
    position: absolute; 
    left:0;
    top: 0;
	z-index: 1;
	-webkit-transform: scale(1);
    transform: scale(1); 
	opacity: 0;
} 
.mdn_option input:checked+.option_opt{
	border-color: #2c82e3;
}
.mdn_option input:checked+.option_opt:before {   
   -webkit-transform: rotate(-45deg) scale(1); 
    transform: rotate(-45deg) scale(1);
	opacity: 1;
}
.mdn_option input:checked+.option_opt:after{
	opacity: 1;
}
.option_label{ display: inline-block; vertical-align: sub; }
/*mdn_rating*/
.mdn_rating {
	position: relative; 
	display: block
} 
.mdn_rating_num{
	display: inline-block;
	vertical-align: middle;
	width:30px;
	height: 30px;
	line-height: 30px; 
	border-radius:50%;
	background: #eeeeee;
	color: #666666;
	text-align: center; 
	font-size: 16px;
} 
.mdn_rating .star-l {
	margin:0 .15rem;
}
.mdn_rating .star-i {
	position: absolute;
	left: -9999px;
	top: auto
}
.mdn_rating:hover .star-l:hover .mdn_rating_num, 
.mdn_rating:hover .star-l:hover+.star-l .mdn_rating_num, 
.mdn_rating .star-i:checked+.star-l .mdn_rating_num{
	background: #2c82e3;
	color: #ffffff;
} 
.mdn_rating .star-l { 
	float: left;
	display: block;
	cursor: pointer; 
}
.mdn_rating:after, 
.mdn_rating:before {
	line-height: 0;
	display: table;
	content: ""
}
.mdn_rating:after {
	clear: both
}
.mdn_rating_label { 
	display: inline-block;
	vertical-align: middle;  
}
.mdn_rating_widget {
	display: inline-block;
	vertical-align: middle; 
	position: relative; 
	margin:0 .15rem;
}
.mdn_rating label span { 
	text-shadow: 0 1px rgba(255,255,255,0);
	-webkit-transition: margin .6s, opacity .6s;
	-moz-transition: margin .6s, opacity .6s;
	-ms-transition: margin .6s, opacity .6s;
	-o-transition: margin .6s, opacity .6s;
	transition: margin .6s, opacity .6s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	position: absolute;
	padding: 5px 10px; 
	background: #2c82e3;
	color: #ffffff;
	font-size: 12px;
	margin-left: -5px;
	margin-bottom: 15px;
	display: block;
	left: -9999px; 
	opacity: 0;
	z-index: 10
}
.mdn_rating label span:before {
	content: '';
	position: absolute;
	border-top: 4px solid #2c82e3;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	left: 8px;
	top: 100%
}
.mdn_rating label:hover span {
	opacity: 1;
	left: auto;
	bottom: 100%;
	margin-bottom: 5px
} 

/*==============settings==============*/
.settings{ }
.settings_form{ max-width: 740px;}
.settings_line{ display: flex; flex-wrap:nowrap; align-items: center; margin-bottom: .30rem;}
.settings_label{ flex: 1 0 auto; width: 190px; padding-right: 15px; font-family:"poppins_semibold",sans-serif;}
.settings_line .form_input{ margin-bottom: 0!important;}
.password_tip{ line-height:1.30; color: #999999; opacity: .50; position: absolute; top:50%; left:0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 20px; 
    transition: opacity .2s ease-in-out; 
    pointer-events: none;
}
.settings_line .form_input .form_field.is_filled+.password_tip, 
.settings_line .form_input .form_field:focus+.password_tip{ 
	opacity: 0;
}
.settings_line_newsletter { 
    border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
    padding: .37rem 0;
    margin-top: .50rem;
} 
.account_handle{ 
	text-align: right;
}
.account_handle_btn{
	cursor: pointer;
	display: inline-block; 
	vertical-align: middle;
	min-width: 120px;
	padding: 0 .20rem;
	height: 45px;
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	margin-left: 10px;
}
.btn_cancel{
	
}
.btn_save{
	background: #2c82e3;
	color:#ffffff;
}

/*============================ 08 ============================*/  
.feedback{ }
.feedback_form{ }
.feedback_line{ padding: .38rem 0; border-top:1px dashed #DCDCDC;}
.feedback_line:first-child{ border:none; }
.feedback_label{ display: block; font-family:"poppins_semibold",sans-serif; margin-bottom: .20rem;}
.feedback_options{ color: #999999; }
.feedback_yu{ height:104px; line-height: 1.36; padding-top:10px;}
.feedback_handle{  text-align: center;}
.feedback_handle .account_handle_btn{ margin: 0 5px;}

/*============================ 09 ============================*/  
.inbox{}
.inbox_line{ background: #ffffff; border-radius: 12px; margin-bottom: .10rem; }
.inbox_head{ background: #ffffff; border-radius: 12px; display:flex; flex-wrap:nowrap; align-items: center; -webkit-transition:box-shadow 600ms ease; transition:box-shadow 600ms ease; line-height: 20px; padding: .25rem .40rem .25rem .20rem;}
.inbox_state{ display:block; position: relative; width: 20px; height: 20px; margin-right: .20rem; }
.inbox_state:before{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-family:"iconfont";}
.state_unread:before{ content: "\e625"; font-size: 18px; color: #2c82e3;}
.state_read:before{ content: "\e632"; font-size: 24px; color: #b2b2b2;}
.inbox_tit {
    cursor: pointer; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/
    max-width: 70%;
}
.inbox_action{ margin-left: auto;}
.inbox_date{ }
.inbox_del{ cursor: pointer; margin-left:.30rem; color:#b2b2b2;}
.inbox_del:hover{ color: #c00404;}
.inbox_del .iconfont{ font-size: 18px;}
.inbox_content{ padding:0 1.80rem .25rem .60rem; display: none;}
.inbox_des{}
.inbox_line.active .inbox_tit{ font-weight: bold;}
.inbox_reply{ cursor: pointer; background: #2c82e3; color: #ffffff; border-radius: 6px; width: 100px; height: 37px; margin-top: .20rem;}
.inbox_line:hover .inbox_head{ box-shadow: 0 0 5px 0 rgba(0,0,0, .08); }
/*tan_send*/  
.send_line{ margin-bottom: .30rem;}
.send_label{ display:block; color: #999999; margin-bottom: .08rem;}
.send_line .form_input{ margin-bottom: 0rem;}
.send_yu{ height:115px; line-height: 1.36; padding-top:10px;}

/*============================ 10 ============================*/  
.get_help{ }
.help_form{ margin: 0 -.10rem;}
.help_line{ padding: 0 .10rem; margin-bottom: .30rem; clear: both;}
.help_line:nth-child(1), .help_line:nth-child(2){ clear: none; float:left; width:50%;}
.help_label{display: block; font-family:"poppins_semibold",sans-serif; margin-bottom: .10rem;}
.help_line .form_input{ margin-bottom: 0!important;}
.help_options{}
.help_yu{ height:136px; line-height: 1.36; padding-top:10px;}

/*============================ 11 ============================*/   
.sub_wrap{ padding:.80rem 6.77%;}
/*=======products_display_box======*/   
.products_display_box{ overflow: hidden; position: relative; padding:.50rem 6.77% 0; margin-bottom: -.20rem;}
.products_display{ width: 100%; /*max-width: 1100px;*/ /*1360px */ margin: 0;} 
.products_display .swiper-slide{ opacity: .50;}
.products_display .swiper-slide-active{ opacity: 1;}
.products_display_box div[class*="swiper-button-"]{ /*display:none;*/}
.products_display_box .swiper-pagination{ position:static; margin-top: .20rem;}
.products_display .products_thumbs_img .icon_box{ padding-top: 70.714%;}

/*=======products_flex======*/   
.products_wrap{ } 
.products_flex{ display:flex; align-items: stretch;}
.products_left{ width:20%; max-width: 310px; min-width: 260px; margin-right: .40rem; margin-top: .50rem; }
.products_left_con{}
body.active{ overflow-y: hidden;}
/*filters_toolbar*/
.filters_toolbar{ margin-bottom: -1px;}
/*filters*/
.filters{ border-radius: 3px; background: #fff; border: 1px solid #e7e2de; position: relative; padding: 20px 25px; overflow-y: auto;  max-height: -webkit-calc(100vh - 51px); min-height: calc(100vh - 51px);}
.filters_head{ /*margin-bottom: .30rem;*/}
.filters_tree{}
/*filters_selected*/
.filters_selected{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
	display: none;
} 
.filters_selected_title{    
    line-height: 20px;
	position: relative;
	font-family: "poppins",sans-serif;
	margin-bottom: .15rem; 
} 
.filters_selected_title .title_text{
	cursor: pointer;
	display: inline-block;  
	margin-right: 30px;
}
.filters_selected_title .clear_all{
	cursor: pointer; 
    font-size: 80%;  
	display:none;
	position: absolute;
	top:0; 
	right:0;
}
.filters_selected_title .clear_all:hover{
	color:#2c82e3;
}
.filters_selected_items{
	
}
.selected_item{
	text-transform: uppercase;
    color: #2d2d2d;
    clear: both;
}
.selected_item>a { 
    display: block;
	margin-bottom: .08rem;
    position: relative;
}
.selected_item>a:last-child{
	margin-bottom: 0;
}
.selected_show{
	display:block;
	padding-right: 25px;
}
.selected_clear{ display: block; width: 15px; height: 15px; position: absolute; top:2px; right:0; }
.selected_clear:before {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.selected_clear:after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
/*filters_option*/
.filters_option{}
.filters_option_block { 
    padding:20px 0;
    border-bottom: 1px solid #e3e3e3;
}
.filters_option_block:first-child{
	padding-top:0;
} 
.filters_option_title{   
	display: block;
	position: relative;
    line-height: 20px; 
	 font-family: "poppins",sans-serif;
}
.filters_option_title .title_text {
	cursor: pointer;
	display: inline-block; 
	margin-right: 30px;
	font-family: "poppins_semibold",sans-serif;
} 
.filters_option_title .title_text:before {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #000;
    display: inline-block;
    margin: 0 10px -2px 0;
	-webkit-transition:all 0ms ease; transition:all 0ms ease; 
}
.filters_option_block.active .filters_option_title .title_text:before {
    border-top: none;
    border-bottom-color: #000;
    margin-bottom: 2px;
}
.filters_option_title .clear_this{
	cursor: pointer;
    float: right;
    font-size: 80%;  
	display:none;
	position: absolute;
	top:0; 
	right:0;
}
.filters_option_title .clear_this:hover{
	color:#2c82e3;
}
.filters_option_content{
	display:none;
	margin-top: .20rem; 
} 
.filters_option_list{
	
}
.filters_option_list li { 
	position: relative;
    margin-bottom: .08rem;
}
.filters_option_list li a {
    position: relative;
	display: block;
	line-height: 24px;
    padding-left: 23px;
} 
.filters_option_list li a.selected {
    font-weight: 700;
}
.option_verify{ 
	display: block;
    width: 17px;
    height: 17px;
    position: absolute; 
    left: 0;
    top: 3px;
	border-radius: 3px;
	background: #e5e5e5;
} 
.filters_option_list li a.selected .option_verify{
	background: #2c82e3;
}
.filters_option_list li a.selected .option_verify:before {
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 2px solid #ffffff;
    border-top: none;
    border-right: none;
    background: 0 0;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg); 
}
.option_value{}
.option_amount{}
.filters_option_view{ cursor: pointer; margin-top: .10rem; color: #2c82e3; display: none;}
/*selector*/
.price_selector {
    position: relative; 
} 

.price_selector .price-slider {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; 
}  

.price_selector #slider-range {
    width: 100%;
	height: 1px;
    background: #dcdcdc;
    margin-bottom: .20rem;
} 

.price_selector .ui-slider-handle {
	display: block;
    border-radius: 50%;
    background-color: #ffffff; 
	border:2px solid #1b1b1b;
	position: absolute;
    top: -5px;
	z-index: 2;
    width: 10px;
    height: 10px; 
}    
.price_selector .slider-price {
    position: relative;
    display: inline-block;
    padding:8px;
    width: 43%;  
	height: 40px;
	border-radius: 4px;
	border:1px solid #dcdcdc; 
}

.price_selector .slider-price:before {
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: 0;
    color: #39c9a9;
    content: attr(data-currency);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
} 
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1; 
    display: block; 
	height: 2px;
    background-color: #1b1b1b;
} 

/*=============products_right============*/
.products_right{ flex:1 0 0; }
.products_meta{ float:left; }
.toolbar_tit{ display:inline-block; vertical-align: middle;}
.toolbar_count{ display:inline-block; vertical-align: middle; margin-left: .25rem;}
/*products_toolbar*/
.products_toolbar{float:right;} 
.products_toolbar_inner{ display:flex; flex-wrap: wrap; align-items: center;}
.toolbar_filter{ cursor: pointer; position: relative; height: 35px; line-height: 35px; display:none;}
.toolbar_filter:before{
	content: '';
    position: absolute;
    top: 3px;
    left: 13px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #2c82e3;
	display: none;
}
.toolbar_filter .iconfont{ font-size:22px; margin-right: 5px;}
.toolbar_filter.active:before{ display:block;}
.toolbar_sort{ margin: 0; }
.toolbar_sort .select_text_box .iconfont{ right:0; font-size: 12px; color: #333; font-weight: bold;}
.toolbar_sort .select_text{ display:inline-block; min-width: auto; background: none; border-radius:0; padding: 0 16px 0 10px;}
.toolbar_sort .select_option_box{ min-width: 220px;}
.toolbar_sort .select_option{ padding: 10px;}
.toolbar_sort .select_option li a{ color: #333333;}
.toolbar_sort .select_option li:hover a{ color: #2c82e3;}
.toolbar_sort .select_option li.selected a{ background: #eeeeee; color: #2c82e3;}
.toolbar_layout{ margin-left: .35rem;}
.layout_label, .layout_btn{ display:inline-block; vertical-align: middle; margin-right: .10rem;}
.layout_btn{ cursor: pointer;}
.layout_btn:hover{ color:#000000;}
.layout_btn.active{ color: #2c82e3;}
.layout_btn .iconfont{ font-size: 22px;}
/*products_list*/
.products_list{  
	clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; 
	margin: -1.464%;
	margin-bottom: .30rem;
}
.product_item{
	width: 25%; 
	padding: 1.464%;
}
.product_item_inner{
	height: 100%;
	background: #ffffff;
	border-radius:12px;
	position: relative;
	display: flex;
    flex-direction: column;
	transition:box-shadow .25s ease-in-out; 
}
.product_item:hover .product_item_inner{
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.27);
}
.product_item_img{
	overflow: hidden;
	background: #dcdcdc;
	border-radius: 12px 12px 0 0;
}
.product_item:hover .product_item_img img{
	transform: scale(1.04);
}
.product_item_info{ flex:1 0 0; padding-top: .20rem; padding-bottom: .20rem;}
.offer_sign{ color:#d33927; font-weight: bold; margin-bottom: .05rem; display:none;}
.product_item_tit{ display:block;}
.product_item_tit b{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 20px; height: 40px; word-break: break-word;}
.product_item_sku{ color:#999999; margin-top: .15rem;}
.product_item_bar{ margin-top: .20rem;}
.bar_price{ display: inline-block;} 
.price_initial{ display:block; line-height: 36px; color: #2c82e3;}
.price_initial i, .price_offer i, .price_lineation i{ margin-left: .05rem;}
.price_offer, .price_lineation{ line-height: 18px;}
.price_offer{ color:#d33927; display: none;}
.price_lineation{ margin-top: 5px; display: none;}
.price_lineation b{ font-weight: normal; text-decoration: line-through;}
.bar_handle{ float:right; margin: 0 -.04rem;}
.bar_handle .handle_btn{ width:36px; height: 36px; line-height: 36px; margin: 0 .04rem;}
.product_item_bar .bar_handle .handle_btn{ color: #ffffff;}
.product_item_get{ }
.get_account{ position:relative; z-index: 1;}
.get_btn{ cursor: pointer; border-radius: 12px; background: #2c82e3; color:#ffffff; min-width:150px; height: 45px;}
/*product_item_grid*/
.product_item_grid .product_item_info{ padding-left: .20rem; padding-right: .20rem;}
.product_item_grid .product_item_bar{ margin-top: .45rem;}
.product_item_grid .product_item_get{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; border-radius: 12px; overflow: hidden; color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; -webkit-transition:all 600ms ease; transition:all 600ms ease; opacity: 0; visibility: hidden; pointer-events: none;}
.product_item_grid .product_item_get:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .50); filter: blur(5px);}
.product_item_grid .product_item_get .get_account{ top:.20rem; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.product_item_grid .product_item_get.active{ opacity: 1; visibility: visible; pointer-events: all; }
.product_item_grid .product_item_get.active:before{ filter: blur(0px);}
.product_item_grid .product_item_get.active .get_account{ top:0;}
.product_item_grid .product_item_get .quantity_block{ display:block;}
.product_item_grid .product_item_get .get_btn{ margin-top: 10px;} 
/*product_item_offer*/
.product_item_offer .offer_sign,
.product_item_offer .price_offer,
.product_item_offer .price_lineation{ display:block;}
.product_item_offer .price_initial{ display:none;}
.product_item_offer .product_item_bar{ margin-top: .20rem;}
/*product_item_list*/
.product_item_list{ width: 100%!important;}
.product_item_list .product_item_inner{ padding: .30rem; align-items: stretch; flex-direction: row;}
.product_item_list .product_item_img{ border-radius:12px; width:2.50rem; margin-right: .30rem;}
.product_item_list .product_item_info{ position: relative;}
.product_item_list .product_item_text{ display: inline-block;}
.product_item_list .product_item_bar .bar_price{ position: absolute; bottom:.20rem; left:0; z-index: 1;}
.product_item_list .product_item_bar .bar_handle{ position: absolute; top:.20rem; right:0; z-index: 1;}
.product_item_list .product_item_get{ position: absolute; bottom:.20rem; right:0; z-index: 1; }
.product_item_list .product_item_get .get_btn{ margin-left: .15rem;} 
.product_item_list .product_item_get .quantity_block{ display:inline-block; vertical-align: middle;}

/*==========products_relevant==========*/
.products_relevant{ margin-top: .80rem; }  
.relevant_tit{ margin-bottom: .20rem;}
.relevant_swiper_box{ position: relative; margin: 0 -13px -.30rem;} 
.relevant_swiper{ padding:0 13px;}
.relevant_swiper .swiper-slide{ height:auto;}
.relevant_swiper .swiper-slide .product_item{ width: 100%; height: 100%; padding-bottom: .30rem;}
.relevant_swiper .swiper-slide .bar_handle{display:none;}
.relevant_swiper_box div[class*="swiper-button-"]{ background:rgba(0,0,0, .30); color: #ffffff;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
    transition: all .2s ease-in-out;
    -webkit-transform:translateY(-100%) scale(.7);
    transform:translateY(-100%) scale(.7);
}
.relevant_swiper_box:hover div[class*="swiper-button-"]{
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	-webkit-transform:translateY(-100%) scale(17);
    transform:translateY(-100%) scale(1);
}
.relevant_swiper_box div[class*="swiper-button-"] .iconfont{ font-size: 20px;}
.relevant_swiper_box div[class*="swiper-button-"]:hover{ background: #2C82E3;} 

/*==========pad_t0==========*/
.pad_t0{ padding-top:0;}
/*sub_header*/
.sub_header{ padding: .25rem 0;}
.sub_header .account_heading_local{ float:left;}
.page_navigation{ float:right; margin: 0 -.20rem;}
.page_navigation a{ display:inline-block; vertical-align: baseline; padding: 0 .20rem;}
.page_navigation a .iconfont{ font-size:13px; font-weight: bold; }
.page_navigation a.pn_prev .iconfont{ margin-right: .15rem;}
.page_navigation a.pn_next .iconfont{ margin-left: .15rem;}
.page_navigation a:hover{ color:#2C82E3;}
/*products_detail_template*/
.products_detail_template{ box-shadow: 0 0 21px 14px rgba(0,0,0, .03);}
.products_detail_galleryinfo{ padding-bottom: 50px;}
.products_detail_gallery{ float:left; margin-right: 4%; width: 53%; max-width: 705px; position: relative; } 
.gallery_show_box{ width: 78%; margin-left: auto; position: relative;}
.gallery_show{ border-radius: 12px; background: #e6e6e6; }
.gallery_thumbs_box{ position: absolute; top:0; left:0; width: 22%; height: 100%; padding-right: .30rem;} 
.gallery_thumbs{ display:flex;}
.gallery_thumbs .swiper-wrapper{ flex-direction: column; }
.gallery_thumbs .swiper-slide{ flex-flow: column nowrap; overflow: hidden; border-radius: 12px; background: #e6e6e6; width: 100%; height: 100%; opacity: 0.40; cursor: pointer; } 
.gallery_thumbs .swiper-slide-thumb-active{ opacity: 1;} 
.gallery_thumbs_box div[class*="swiper-button-"]{ width: calc(100% - .30rem); background: #fff; color: #c9c9c9; left:0; border-radius:0; transform: none; }
.gallery_thumbs_box div[class*="swiper-button-"] .iconfont{ font-size: 18px; font-weight: bold;}
.gallery_thumbs_box .swiper-button-prev{ top:auto; bottom:100%; } 
.gallery_thumbs_box .swiper-button-next{ bottom:auto; top:100%;} 
.gallery_notice{ position: absolute; top: 100%; left: 0; margin-top: .20rem; width: 100%; text-align: center; }
.gallery_notice .iconfont{ margin-right: .10rem; font-size: 15px; font-weight: bold;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;border-radius:3px; background:#ffffff; border:1px solid #2c82e3;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;/*background:url("http://demo.lanrenzhijia.com/2015/jqzoom0225/images/mask.png") repeat scroll 0 0 transparent;*/ background: rgba(44,130,227,.20); border-radius:3px; border:1px solid #2c82e3; cursor:move;z-index:1;}
div.zoomDiv img.bigimg{ display:block; max-width:none; max-height: none;} 
/*div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px; width:350px!important; height: 350px!important; overflow: hidden; border-radius:3px; background:#ffffff; border:1px solid #2c82e3;
	opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .2s ease-in-out;
    -webkit-transform:scale(.7);
    transform: scale(.7);
}
div.zoomDiv.active{
	opacity:1;
    visibility: visible;
    pointer-events: all; 
    -webkit-transform:scale(1);
    transform: scale(1);
}
div.zoomMask{position:absolute; width:170px!important; height: 170px!important;  background: rgba(44,130,227,.20); border-radius:3px; border:1px solid #2c82e3; cursor:move;z-index:2; display:none;}*/
/*products_detail_info*/
.products_detail_info{ overflow:hidden;}
.products_detail_head{ padding-bottom: .30rem; border-bottom:1px solid #DCDCDC;}
.head_text{ float:left;}
.products_detail_head .head_text .product_item_tit b{ line-height: 1.25; height: auto; -webkit-line-clamp: initial;}
.products_detail_text{ margin-top: .30rem;}
.text_sku{ line-height: 2.25;}
.products_detail_price{ margin-top: .45rem;}
.price_tit{ display: block; margin-bottom: .10rem;}
.products_detail_price .price_initial,
.products_detail_price .price_offer,
.products_detail_price .price_lineation{ margin-right: .25rem;}
.products_detail_price .price_initial,
.products_detail_price .price_lineation{ display:inline-block;}
.products_detail_price .price_lineation{ color:#999999;}
.products_detail_get{ display:flex; align-items: center; justify-content: space-between; margin-top: .60rem;}
.get_tit{ } 
.products_detail_get .quantity_block{ width:auto; margin-right: 0;}
.products_detail_action{ display: flex; justify-content: space-between; margin-top: .60rem;}
.action_btn{ cursor: pointer; border-radius: 12px; background: #2c82e3; color: #ffffff; height: 55px; flex: 1 0 0; margin-left: .20rem;}
.action_btn:first-child{ margin-left:0;}
.btn_add{}
.btn_buy{ background:#0d2a4a;}
.products_detail_info_offer .offer_sign{ display:block;}
.products_detail_info_offer .price_initial{ display:none;}
.products_detail_info_offer .price_offer{ display:inline-block;}
/*products_detail_description*/
.products_detail_description{ margin-top: .50rem; padding-top: .50rem; border-top:1px solid #DCDCDC;}
.description_show{ line-height:1.875;}

/*============================ 12 ============================*/    
.cart_wrap{}
.cart_flex{ display:flex; align-items: stretch;}
/*===========cart_left==============*/    
.cart_left{ width:69%; margin-right: .30rem; }
.cart_left_content{ background: #FFFFFF; border-radius: 12px; padding: .30rem .30rem .60rem; margin-bottom: .40rem;}
.cart_head{ margin-bottom: .40rem;}
.cart_head_tit{ float:left;}

/*cart_table*/
.table_box_cart .table-row-group .table-row{ border-top:1px solid #eeeeee;}
.table_box_cart .tc_item{ width:5%; }
.table_box_cart .tc_description{ width: 35%; } 
.table_box_cart .tc_quantity{ width:18%;}
.table_box_cart .tc_unit{ width:8%;}
.table_box_cart .tc_price{ width:12%;}
.table_box_cart .tc_total{ width:20%;} 
.table_box_cart .description_img{width:1.50rem;}
.table_box_cart .description_tit{ margin-bottom: .20rem;}
.table_box_cart .description_tit em{ font-family: "poppins_semibold",sans-serif;}
.table_box_cart .description_tit i{  margin-top: .05rem;}
.table_box_cart .table-header-group .tc_total{ text-align: right; padding-right: .20rem;}
.table_box_cart .total_block{ font-weight: bold; text-align: right;}
.table_box_cart .price_block,
.table_box_cart .total_block{ height:24px; line-height: 24px;}
.table_box_cart .handle_block{ padding-right:0; position: absolute; right:.10rem;}
.table_box_cart .handle_block .handle_btn{ width:auto; background: none;}
.table_box_cart .handle_block .handle_btn:hover{ color:#2c82e3;}
.table_box_cart .handle_block .handle_btn_del:hover{ color: #c00404;} 
.table_box_cart .table-row-group .table-row-blank{ border-radius:0; height: 0; border:none; background-color: #f5f5f7!important;}
#cart_table{}
 /*cart_table_service*/
#cart_table_service .tc_item{ width:7%;}
#cart_table_service .tc_description{ width: 36%; } 
#cart_table_service .tc_quantity{ width:13%;}
#cart_table_service .tc_unit{ width:13%;}
#cart_table_service .tc_price{ width:13%;}
#cart_table_service .tc_total{ width:18%;} 
/*==============cart_right================*/   
.cart_right{ flex: 1 0 0;}
.cart_right_content{ position: sticky; top:156px;}
.cart_mation{ background: #FFFFFF; border-radius: 12px; padding: .37rem; margin-bottom: .30rem;}
.mation_list{ margin:-.17rem 0 0;}
/*=======cart_mation_contact======*/   
.cart_mation_contact{ }
.mation_line{}
.mation_head{ cursor: pointer; display:flex; justify-content: space-between; align-items: center; height: 55px; border-bottom:1px solid #eeeeee; position: relative;}
.mation_tit{ }
.mation_head .icon_sanjiaoxia{ font-size: 18px; position: absolute; top:50%; right:0; transform:translateY(-50%) rotate(90deg); color: #dcdcdc; display:none;}
.mation_line.has_collapsible .mation_head .icon_sanjiaoxia{ display:block;}
.mation_line.has_collapsible.active .mation_head{ border-color:transparent;}
.mation_line.has_collapsible.active .mation_head .icon_sanjiaoxia{ transform:translateY(-50%) rotate(0deg);}
.mation_collapsible{ display:none;} 
.mation_line:last-of-type .mation_head{ border-color:transparent;}
/*line_delivery*/
.line_delivery{}
.delivery_ddp{ color: #999999;}
.delivery_ddp .ddp_select{ margin-left:.12rem;}
.delivery_address{ display:flex; justify-content: space-between; align-items: center; margin-top: .10rem;}
.delivery_address .form_input_select{ margin-bottom: 0;}
.form_input_select .form_field{ line-height: 30px; cursor: pointer;}
.form_input_select .iconfont{ font-size: 14px; position: absolute; top:50%; right:12px; transform: translateY(-50%); color: #7d7d7d;}
.btn_continue{ background: #f9f9f9; border:1px solid #e5e5e5; color:#333333; height: 50px; line-height: 50px; margin-top: .15rem;}
.btn_continue:hover{ background: #2c82e3; color: #ffffff;}
/*line_payment*/
.line_payment{}
.mdn_option_cart input:checked+.option_opt{ border-color: #dcdcdc;}
.mdn_option_cart .mdn_option input:checked+.option_opt:after{ 
	opacity: 0;
}
.mdn_option_cart .option_opt:before{ border-color:#2c82e3;}
.mdn_option_cart .option_opt:after{ background-color:#ffffff;}
/*line_shipping*/
.line_shipping{}
/*line_billing*/
.line_billing{}
/*=======cart_mation_calculate======*/   
.cart_mation_calculate{}
/*line_order*/
.line_order{} 
.mation_text{ float:right; text-align: right; margin-left: auto;}
.order_number{}
/*line_subtotal*/
.line_subtotal{} 
.subtotal_number{}
/*line_coupon*/
.line_coupon{}
    .line_coupon .mation_head .icon_sanjiaoxia { /*display:none!important;*/
    }
.coupon_number{ color: #2c82e3;}
.coupon_item{ height: 130px; background: url(../images/coupon_01.png) center top no-repeat; background-size: cover;}
.coupon_item.disabled{color:#ccc}
.coupon_item.disabled .btn_use {background: #ddd;}
.coupon_head{ height: 84px; padding: 20px .20rem 0 .30rem;}
.coupon_tit{ float:left; max-width: 70%; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:3; line-height: 18px; max-height: 54px;}
.btn_use {
    cursor: pointer;
    float: right;
    min-width: 60px;
    padding: 0 .10rem;
    height: 25px;
    border-radius: 15px;
    background: #2c82e3;
    color: #ffffff;
}
.btn_use.active{background: #2c82e3;}

.coupon_valid{ height: 46px; line-height: 46px; padding:0 .20rem 0 .30rem;}
/*line_remarks*/
.line_remarks{}
.collapsible_remarks{ background: #eeeeee; padding: .30rem;}
.remarks_yu{ height:90px; padding-top:10px;}
.btn_mation{ height:48px;}
.remarks_tax{ margin-top: .20rem;}
.tax_tit{}
.tax_des{ color: #2c82e3;}
.tax_des_dif{ color: #d33927;}
/*line_total*/
.line_total{}
.total_number{ font-weight: bold; color: #2c82e3;}
.btn_refer{ margin-top:.10rem;} 
/*=======result_wrap======*/   
.result_wrap{ min-height: 600px; display: flex; align-items: center; text-align: center;}
.result_box{ margin: 0 auto;}
.result_tit{}
.result_subtit{ margin-top: .05rem;}
.result_des{ margin-top: .30rem;}
.result_handle{ margin-top: .40rem;}
.result_handle .form_submit{ min-width: 200px; height: 50px; line-height: 50px; margin: .08rem;}
.btn_view{ background: #a9c3e2;} 

/*============================ 13 ============================*/    
/*=======enter_wrap======*/   
.enter_wrap{ min-height: -webkit-calc(100vh - 190px); min-height: calc(100vh - 190px); display: flex; align-items: center;}  
.popover_panel_box{ position: relative; overflow: hidden; margin: 0 auto; max-width: 500px; background: #ffffff; box-shadow: 0 0 10px 4px rgb(0 0 0 / 20%); color: #000; border-radius: 10px;}

/*============================ 14 ============================*/    
/*=======tan_shoppingCart======*/   
.tan_bag .tan_con{ max-width: 760px; overflow: hidden;}
.tan_bag .tan_range{ padding: .30rem; max-height: none; overflow: hidden;}
.tan_bag .table_box_order{ margin-top:-.30rem;
	max-height: 480px;
    overflow-y: auto; 
    padding-right: .30rem;
	margin-right: -.30rem;
}
.tan_bag .table_box_order .table-header-group{ display:none;}
.tan_bag .table_box_order .table-row{ display: table-row; box-shadow: none; padding: 0!important;}
.tan_bag .table_box_order .table-row-blank{ height:0; background:#f5f5f7; border:none;}
.tan_bag .table_box_order .table-cell{ /*width:auto!important;*/ padding: 30px 0!important; margin: 0!important; border-bottom: 1px solid #e5e5e5;}
.tan_bag .table_box_order .table-row:last-child .table-cell{ border:none;}
.tan_bag .table_box_order .table-cell .tc_sort{ display:none;}
.tan_bag .table_box_order .tc_description{ font-weight: bold; }
.tan_bag .table_box_order .tc_description .description_img{ width:1rem;}
.tan_bag .table_box_order .tc_description .description_tit i{ font-weight: normal;}
.tan_bag .table_box_order .tc_description .description_sku{ font-size: 12px; white-space:nowrap;}
.tan_bag .table_box_order .tc_total .total_block{ white-space:nowrap; color:#2c82e3; font-weight: bold;}
.tan_bag .table_box_order .tc_handle .handle_block{ padding-right: 0;}
.tan_bag .table_box_order .tc_handle .handle_block .handle_btn{ width: 30px; height: 30px; line-height: 30px; background: none;}
.tan_bag .table_box_order .tc_handle .handle_block .handle_btn:hover{ color: #2c82e3;}
.tan_bag .table_box_order .tc_handle .handle_block .handle_btn_collect{ background: #e5e5e5; color: #ffffff!important;}
.tan_bag .table_box_order .tc_handle .handle_block .handle_btn_collect:hover{ background: #f19825;}
.tan_bag .table_box_order .tc_handle .handle_block .handle_btn_collect.active {
	background: #f19825; color:#fff;
}
.tan_bag .table_box_order .tc_handle .handle_block .handle_btn_collect .iconfont {
	font-size: 16px;
}
.tan_bag .table_box_order .tc_handle .handle_block .handle_btn_del:hover{ color:#c00404;}
#tan_shoppingCart{}
.bag_subtotal{ padding-top: 20px; border-top:1px solid #DCDCDC; display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.bs_tit{}
.bs_num{ font-weight:bold;}
.bag_handle{ margin-top: 10px; display:flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.bag_btn{ height: 45px; line-height: 45px; min-width: 200px;}
.tan_bag .table_box_order .tc_description{ width:42%; }
.tan_bag .table_box_order .tc_quantity{ width:24%;}
.tan_bag .table_box_order .tc_total{ width:16%;}
.tan_bag .table_box_order .tc_handle{ width:14%;}
/*tan_noItems*/
.tan_noItems .tan_con{ max-width: 540px;}
.no_icon{ color:#dcdcdc;}
.no_icon .iconfont{ font-size: 60px; font-weight: bold; margin-bottom: .20rem;}
/*show_psw*/
.show_psw{
	position: absolute;
    top: 0;
    right: 0;
    z-index: 1; 
    line-height: 55px;
    width: 55px;
    text-align: center;
    cursor: pointer;
	color: #999999;
}
/*tan_outcome*/
.tan_outcome{ z-index:2001; }
.tan_outcome .tan_con{ max-width: max-content;/*360px*/ text-align: center;}
.outcome_tit{ margin-bottom: .30rem;}
.outcome_sign{ }
.outcome_sign .iconfont{ width: 30px; height: 30px; line-height: 30px; font-size: 22px; text-align: center; border-radius: 50%; background: #2c82e3; color: #ffffff;}
.outcome_sign .icon_cuohao{ background: #dddddd; font-size: 20px;}



.cart_head_notice {
    float: right;
    color: #999999;
}