body{height:100%;margin:0px;padding:0px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;font-family:Tahoma;font-size:14px;}
body.login{
	background-image:url('../images/login-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}
body.register{
	background-image:url('../images/login-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}
body.findPwd{
	background-image:url('../images/login-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}
/*body.cms{background:#fff;padding:5px;}*/
/*.header,.footer{background:#222;}*/
.header,.footer{background-color:#111521;}
.header{padding-top:10px;top:0px;position: relative;z-index:30}
/*.header .logo{float:left;font-size:26px;font-weight:bold;padding:10px 10px 0px 10px;color:#FFFFFF;}*/
.headerContent{display: flex;justify-content: space-between;align-items: center}
.headerContent .logo{flex:0 0 200px;padding-left: 15px;}
.headerContent .logo img{width:100%}
@media(max-width:1280px){
	.headerContent .logo img{width:90%}
}
@media(max-width:1024px){
	.headerContent .logo img{width:85%}
}
.headerContent .mainMenu{background: unset;flex:1;height: 60px;line-height: 60px;}
.headerContent .mobileMainMenu{display: none}
@media(max-width: 768px){
	.headerContent .mainMenu{
		display: none;
	}
	.headerContent .mobileMainMenu{
		display:block;
		font-size: 22px;
		line-height: 30px;
		cursor: pointer;
	}
	.headerContent .mobileMainMenu i{
		float:right;
	}
	.headerContent .headerRight{
		display: none;
	}
}
.headerContent .mainMenu >ul{ display: flex;justify-content: center; }
.headerContent .mainMenu >ul > li{background: unset;padding:0 15px;height: 50px;line-height: 50px;}

.headerContent .mainMenu >ul > li.mout > a{font-size:19px;position:relative;border-bottom: 2px solid rgba(154,154,154,.2);padding-bottom: 10px;}
@media(max-width: 1024px){
	.headerContent .mainMenu >ul > li.mout > a{
		font-size:17px;
	}
}
.headerContent .mainMenu >ul > li.mout > a::after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0%;
	border-bottom: 2px solid currentColor;
	transition: width .5s ease;
}
.headerContent .mainMenu >ul > li.mout > a:hover::after{
	width:100%;
}

.headerContent .mainMenu >ul > li.mout:hover >a::after{
	width:100%;
}

.header{
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 0 10px 10px -5px rgb(0 0 0 / 5%);
}

.header .info{float:right;color:white;}
.header .info>.divr{margin-right:20px;}
.headerContent,.pageContent,.footerContent{width:100%;max-width:1200px;margin: 0px auto;}
.headerContent{max-width: 1500px;}
body.cms .pageContent{min-height: 585px}
ul{margin:0px;padding:0px;list-style:none;}
a{color:#fff;text-decoration:none;}
.loading{background:url(../images/loading.gif) no-repeat center;background-size:100% auto;}
.floatLeft{float:left;}
.floatRight{float:right;}
body.index .breadcrumb{display: none}
.breadcrumb{line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;padding: 15px 15px;display: flex;align-items: center;}
.breadcrumb a{color:#202020;padding:0px 5px;trasition:all .3s}
.breadcrumb a:hover{text-decoration: underline;color:#999999;}
.breadcrumb span{padding: 0 5px;}
.divrow{clear:both;}
.sysMessage ol,.sysMessage ol li{margin:0px;padding:0px;}
.loginMsgbox ol,.loginMsgbox ol li{margin:0px;padding:0px;}
.successSysMessage li{color:#006600;}
.errorSysMessage li{color:#FF0000;}
.warningSysMessage li{color:#FF9933;}
.noteSysMessage div{color:#FF6600;}
.fixed{position: fixed;width:100%;z-index: 999}

.featured{margin-bottom:10px;}
.featured .title{color:#fff;font-weight:bold;padding:0 10px;text-align:center;background:#383838;line-height:40px;}
.featured a.more{float:right;}
.listHeader{background:#FFFFFF;margin:0px 5px;padding:10px;}
.listHeader .listSortDesc{float:left;line-height:20px;cursor:pointer;}
.listHeader .listSortDesc::after{content:' ';width:18px;height:18px;display:block;float:right;margin-top:2px;background:url(../images/listIcon.png) left -36px no-repeat;}
.listHeader .floatRight div{width:18px;height:18px;float:left;cursor:pointer;}
.listHeader .listLayoutList{background:url(../images/listIcon.png) left -18px no-repeat;}
.listHeader .listLayoutBlock{background:url(../images/listIcon.png) left 0px no-repeat;}
.listHeader .listFilter{background:url(../images/listIcon.png) left -72px no-repeat;margin-left:5px;}
.item-list li{float:left;width:50%;}
.item-list a{color:#222;}
.item-list .item{background:#FFFFFF;margin:5px;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;position: relative;}
.item-list .item .name{padding:0px 1.5rem;line-height:20px;}
.item-list .item .description{padding:0px 1.5rem;}
.item-list .item .info{padding:0px 1.5rem;line-height:30px;}
.item-list .item .currentPrice{color:#FF3300;font-family:Tahoma;}
.item-list .item .special-tag{text-align: center;position: absolute;top: 20px;right: -30px;width: 120px;height: 20px;transform: rotate(45deg);color: white;font-size: 18px;line-height: 18px;background: #bd57e6;background: -moz-linear-gradient(top,#bd57e6,#9706a0);background: -o-linear-gradient(top,#bd57e6,#9706a0);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(234 40 202)), to(#b444d6));}
.item-list .item .addToCart{float:right;background:#FF3300;border-radius:3px;overflow:hidden;cursor:pointer;line-height:20px;color:#FFFFFF;padding-left:3px;margin-top:5px;}
.item-list .item .addToCart::after{float:right;content:' ';display:block;width:20px;height:20px;background:url(../images/icons.png) left -40px no-repeat;background-size:100%;margin-left:2px;}
.item-list:after{clear: both;content:' ';display: table;}
.noContent{padding:10px;margin:10px;}

/*.footer{margin-bottom:60px;}*/
.footer,.footer div,.footer a{color:#FFFFFF;}
.footer a:link, .footer a:visited {
	color: #ffffff;
}
.footer .copyRight{text-align:center;border-top:1px #333 solid;line-height:3.8rem;opacity:0.3;padding:2rem}
.pageContent.footer_top{
	border-bottom: 1px solid #444;
}
.footer_column{
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}
.footer{clear:both}
.footer_top.pageContent{
	width:600px;
}
.footerMenu{text-align:center;}
.footerMenu ul{height: 40px;}
.footerMenu li{line-height:30px;float: left;margin: 5px;}
.footer .footer_icon{
	display: block;
	width:80px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:10px;
	background-size: contain;
	background-repeat: no-repeat;
}

.pageContent.footer_menu{
	margin-top:20px;
	margin-bottom:20px;
}
.footer_top .footer_column{
	width:25%;
}
.footer_menu .footer_column{
	width:33%;
}
.footer .footer_icon_text{
	width:80px;
	font-size:13px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	line-height:18px;
}

.footer_menu .footer_icon_text{
	width:auto;
	text-align:left;
	line-height:24px;
	padding-left:30px;
}
.footer_menu .footer_column:nth-child(2){
	border-left:1px solid #777;
}
.footer_menu .footer_column:nth-child(3){
	border-left:1px solid #777;
}

.footer .footer_img_1{
	background-image: url("../images/footer_icon_1.png");
}
.footer .footer_img_2{
	background-image: url("../images/footer_icon_2.png");
}
.footer .footer_img_3{
	background-image: url("../images/footer_icon_3.png");
}
.footer .footer_img_4{
	background-image: url("../images/footer_icon_4.png");
}
.footer .footer_img_logo{

}
/* brand site footer responsive begin */

/*.footerContentTop{
	padding-top: 15px;
	display:flex;
	padding-bottom:15px;
	overflow: hidden;
}
@media(max-width: 1199px){
	.footerContentTop{
		margin-left:0px;
		margin-right:0px;
	}
}
.footerContentTop>div{
	width:50%;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.footerContentTop .footer-box-social-icon{
	margin-top:15px;
}
.footerContentTop .footer-box-social-icon ul{
	display: flex;
}
.footerContentTop .footer-box-social-icon ul>li{
	width:25%;
	box-sizing: border-box;
	font-size:22px;
}
.footerMenu ul{
	display: flex;
	flex-direction: column;
}
.footerMenu li{
	text-align: left;
}
.footerMenu a{
	cursor: pointer;
	transition: .3s ease-in;
}
.footerMenu a:hover{
	color:#0AA5D1;
}

.footer-box-contact-us a{
	cursor: pointer;
	transition: .3s ease-in;
}
.footer-box-contact-us a:hover{
	color:#0AA5D1;
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}


.footer-box-social-icon li{
	background-color: white;
	transition: .3s ease-in;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.footer-box-social-icon li:hover{
	background-color:#0AA5D1;
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}*/
.footerContentTop{
	padding-top: 60px;
}
.footerContentTop .logo{
	width: 142px;
	/*height: 36px;*/
	height:40px;
	margin-left:auto;
	margin-right:auto;
	background-image: url("../images/logo.png");
	background-size: 100%;
	margin-bottom: 42px;
	margin-top: 42px;
}
.footerContentTop .footer-link ul{
	display: flex;
	justify-content: space-between;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: white;
	opacity: 0.5;
}
@media(max-width: 767px){
	.footerContentTop .footer-link ul{
		height:unset;
		flex-wrap: wrap;
		text-align: center;
	}
	.footerContentTop .footer-link ul li{
		width:100%;
	}
}
.footerContentTop .footer-social{
	margin-top: 30px;
	margin-bottom: 30px;
}
.footerContentTop .footer-social ul{
	display: flex;
	justify-content: space-between;
	width:40%;
	height:60px;
	line-height: 40px;
	margin-left:auto;
	margin-right:auto;
}
@media(max-width: 767px){
	.footerContentTop .footer-social ul{
		width:100%;
		justify-content: space-evenly;
	}
}
.footerContentTop .footer-social ul>li{
	width:40px;
	height:40px;
	background-size: 100%;
}
.footerContentTop .footer-social .facebook{
	background-image: url("../images/Facebook.png");
}
.footerContentTop .footer-social .twitter{
	background-image: url("../images/Twitter.png");
}
.footerContentTop .footer-social .pinterest{
	background-image: url("../images/pinterest.png");
}
.footerContentTop .footer-social .instagram{
	background-image: url("../images/ins.png");
}
/* brand site footer responsive end */
/********************************************/
.b{font-weight:bold;}
.divtr{width:100%;clear:both;}
.divtd{float:left;padding:0px 5px;}
.divl{float:left;}
.divr{float:right;}
.divline{height:10px;line-height:10px;font-size:9px;clear:both;}
.divrow{padding:2px 0px;clear:both;}
.divbr{clear:both;}
/***********************************************************/
.mainMenu{height:30px;line-height:30px;background:url(../images/menu.jpg) left top repeat-x;overflow-x: auto;}
.mainMenu >ul{white-space:nowrap;}
.mainMenu >ul > li{display:inline-block;height:30px;line-height:30px;background:url(../images/menu.jpg) right -30px no-repeat; padding:0px 5px;}
.mainMenu >ul > li:last-child{background-image:none;}
.mainMenu li ul{position:absolute;background:#333333;border:1px #222 double;margin:0px;padding:0px;list-style:none;border-top:none;/*margin-left:-5px;*/display:none;z-index:999;display:none;}
.mainMenu li:hover,.mainMenu li:hover > a{color:#9F378E;cursor:pointer;}
.mainMenu li:hover > span > ul{display:block;}
.mainMenu li:hover > div > ul{display:block;}
.mainMenu li li{border-bottom:1px #222 double;border-top:1px #585858 double;cursor:default;padding:0px 10px;line-height:22px;white-space:nowrap;}
.mainMenu li li.sub{background:url(../images/submenu.gif) right 4px no-repeat;}
.mainMenu li li span{float:right;*float:none;}
.mainMenu li li:hover{background-color:#222; }
.mainMenu li li:hover > span > ul{margin:-1px 0px 0px 10px!important;margin:-5px 0px 0px 4px;*margin:-5px 0px 0px 4px!important;}
.mainMenu li, .mainMenu li a{color:#FFFFFF;}
.mainMenu a{text-decoration:none;}
/* 首页头部菜单 begin */
@keyframes header-menu-hover{from{height:0}to{height:300px}}
.mainMenu li > div > ul{
	display:flex;
	justify-content: space-evenly;
	visibility: hidden;
}
.mainMenu li:hover > div > ul{
	display:flex;
	visibility: visible;
	justify-content: space-evenly;
	opacity: 1;
	padding-top:20px;
}
.mainMenu  li .msub > ul{
	left: 0;
	width: 100%;
	/*width:100vw;*/
	/*min-height: 100px;*/
	min-height:60px;
	display:flex;
	padding-bottom:20px;
	justify-content: space-evenly;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	padding-top:60px;
	opacity: 0;
	box-shadow: 0 10px 20px rgb(0 0 0 / 45%);
}
.mainMenu li li:hover{
	background-color: unset;
}
.mainMenu li li{
	border-top:unset;
	border-bottom: unset;
}
.mainMenu li .msub > ul > li > a{
	font-size:20px;
}
.mainMenu li ul{
	border:unset;
}
.mainMenu li .msub>ul>li ul{
	display:flex;
	flex-direction: column;
}
.mainMenu li li > span{
	display: block;
}
.mainMenu li li:hover > span > ul{
	margin:unset;
}
/* 首页头部菜单 end */
/* 响应式移动端弹出菜单 begin */
.overlay-nav{
	visibility: hidden;
	position: fixed;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	top: 0;
	bottom: 0;
	padding: 0 15px 15px;
	max-width: 95%;
	/*z-index: 30;*/
	color: #4a4a4a;
	background-color: #fff;
	box-shadow: 0 0 150px rgb(0 0 0 / 10%);
	width: 300px;
	right: -300px;
	z-index:1001;
	transition-duration: .15s;
}
.overlay-nav.is-open{
	visibility: visible;
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	transition-duration: .45s;

}
@-webkit-keyframes overlay-on{from{opacity:0;visibility: hidden}to{opacity:.7;visibility: visible}}
@-webkit-keyframes overlay-off{from{opacity:.7;visibility: visible}to{opacity:0;visibility: hidden}}
body.js-nav-open:after{
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #67635d;
	opacity: 0;
	z-index: 1000;
	-webkit-animation: overlay-on .5s forwards;
	animation: overlay-on .5s forwards;
	transition: all .3s;
}
body.js-nav-open.js-nav-close:after{
	-webkit-animation: overlay-off .5s forwards;
	animation: overlay-off .5s forwards;
}

.overlay-nav-header{
	display: flex;
	flex-direction: row-reverse;
	font-size: 24px;
	line-height: 60px;
	height: 60px;
	align-items: center;
}
.overlay-nav.is-open .overlay-nav-content{
	animation: jumpUp 1.5s;
}
.overlay-nav-content a{
	color:#4a4a4a;
}
.overlay-nav-menu .msub{
	display: none;
	margin:10px 0 10px 0px;
}
.overlay-nav-menu .msub .msub{
	margin:10px 0 10px 10px;
}
.overlay-nav-menu>ul>li{
	/*margin-bottom:30px;*/
	margin-bottom:20px;
}
.overlay-nav-menu >ul >li > a{
	font-size:20px;
}
.overlay-nav-menu > ul >li > .msub li{
	margin-bottom:5px;
}
.overlay-nav-menu > ul >li > .msub a {
	font-size:15px;
}
.overlay-nav-menu .mout span,.overlay-nav-menu .msout span{
	float: right;
	border: 1px solid;
	padding: 2px;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.overlay-nav-menu .mout span.show-sub-menu,.overlay-nav-menu .msout span.show-sub-menu{
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.overlay-nav-menu>ul>li.mout>span,.overlay-nav-menu>ul>li.msout>span{
	border:unset;
}
.overlay-nav-menu .mout span i,.overlay-nav-menu .msout span i{
	font-size:18px;
}

.overlay-nav-social ul{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.overlay-nav-login {
	margin:15px 0 30px 0;
}
.overlay-nav-social ul li{
	flex:1;
	flex-wrap:wrap;
	text-align: center;
}
/* 响应式移动端弹出菜单 end */

/* 动画效果 begin */
@keyframes imgFadeIn{
	from{
		transform: scale(1.2);
		opacity: 0.5;
	}
	to{
		transform: scale(1.0);
		opacity: 1;
	}
}
@keyframes jumpUp{
	0%{
		margin-top:60px;
		opacity: 0.1;
	}
	100%{
		margin-top:0;
		opacity: 1;
	}
}
.effect-jump-up{
	animation: jumpUp .25s;
}
.img-fade-in{
	animation: imgFadeIn 1s;
	/*animation-delay:0.5s;*/
}
/* 动画效果 end */

.selectList{display:none;position:absolute;background:#fff;border:1px #888 solid;border-bottom:none;}
.selectList li{line-height:24px;padding:0px 5px;border-bottom:1px #888 solid;}
.selectList a,.selectList li i{color:#000;}
.selectList li:hover,.selectList li.selected{background:#000;}
.selectList li:hover a,.selectList li.selected,.selectList li:hover i{color:#fff;}
.headerLoginBlock{height:30px;line-height:30px;position: relative;}
.headerLoginBlock i{font-size:20px;margin:0px 5px;color:#fff;}
.headerLoginBlock a{cursor:pointer;}
.languagesBlock div.current{font-weight: normal;background: url(../images/icons.png) left top no-repeat;background-size: 30px auto;padding-left: 30px;color: #fff;cursor: pointer;height: 30px;line-height: 30px;text-transform: uppercase;}
.languagesBlock:hover .selectList,.headerLoginBlock:hover .selectList{display:block;}
/***********************************************************/
.cms_content{margin-top:10px;margin-bottom:10px;}
.cms_content a{color:#db16aa}
.cms_content .content-left{float:left}
.cms_content .content-left img{width:300px}
.cms_content .content-right{float:right;max-width:650px;padding-right:20px;}
.cms_content .content-right h2{font-size:1.4em;margin-top:4.5em;margin-bottom:2.5em}
.cms_content .content-right h4{text-align: justify}
/*************************************************************/
.loginTitle{overflow:hidden;}
.loginTitle li{width:50%;float:left;text-align:center;line-height:40px;font-size:16px;border-bottom: 1px solid #888;cursor: pointer;}
.loginTitle li.active{border-bottom: 3px solid #9f378e;}
.loginTitle li i{padding-right:20px;color:#9f378e;}
.login-tab-1{margin-left:-1px;border-right: 1px solid #888;}
.login-check-info{color:#F64400;margin-bottom:0px;margin-top:5px;clear:both;}
.overlay{width:100%;height: 100%;position: fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color: rgba(0,0,0,0.7);display: none;}
.overlay.fadeIn{
	animation:fadeShow 1s ;
	-webkit-animation:fadeShow 1s ;
}
.overlay.fadeOut{
	animation:fadeHide 1s ;
	-webkit-animation:fadeHide 1s ;
}
@keyframes fadeShow{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeShow{
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeHide{
0%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes fadeHide{
0%{opacity:1;}
100%{opacity:0;}
}
.overlay .loginBox{
	width:90%;
	max-width:600px;
	min-height:270px;
	margin:0 auto;
	box-shadow:1px 1px 5px #333;
	-webkit-box-shadow:1px 1px 5px #333;
	background-color:#ffffff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -135px;
}
.pageContent .loginBox{
	margin:10px auto;
	width:600px;
	box-shadow:1px 1px 5px #333;
	-webkit-box-shadow:1px 1px 5px #333;
}
.loginForm .login-qrcode{text-align: center;padding: 50px 0px;background:url(../images/loading.gif) no-repeat center;min-height:100px;display:none;}
.loginForm .login-qrcode-expired{display:none;cursor: pointer;font-size:14px;line-height: 16px;}
.loginForm .list{padding:20px 0;}
.loginForm .list li{margin:5px;overflow: hidden;}
.loginForm .list li:last-child{display: flex;justify-content: space-between}
.loginForm .list li:last-child a{color:black;}
.loginForm .list li strong{width:45%;float:left;display:inline-block;margin-right:20px;text-align: right;}
.loginForm .list li span{margin-left:5px;}
.loginForm .list .fl{float:left;line-height:30px;}
.loginForm .list input[type=text],.loginForm .list input[type=password]{width:200px;text-indent:5px;border:1px solid #ccc;padding:5px 0;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow:0 0 3px #ddd inset;}
.loginForm .list li img{margin-top: 3px;}
.loginForm .list input.validcode{width:60px;}
.loginForm .list input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6);}
.submitBtn{width:100%;height:32px;line-height:30px;cursor:pointer;margin:10px auto;display:inline-block;text-align:center;background-color:#9f378e;color:#fff;}
.submitBtn:hover,.submitBtn:disabled{opacity: .8;-webkit-opacity: .8;}
.ulListStyleArrow ul>li{list-style:square inside url('../images/arrow.gif');}

/* pager begin */
#page {
	background-color: #F5F5F6;
	margin: 30px 0 0;
	/*padding-left: 20px;*/
	font: 14px arial;
	white-space: nowrap;
}

#page .page-inner {
	padding: 14px 0 14px 0px;
}

#page a, #page strong {
	display: inline-block;
	vertical-align: text-bottom;
	height: 66px;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
	overflow: hidden;
	margin-right: 9px;
	background: #fff;
}

#page strong {
	background: #9F378E;
	color: #fff;
	font-weight: 400;
	min-width: 36px;
	height: 36px;
	border: 0;
	border-radius: 6px;
	margin-right: 12px;
	display: inline-block;
	vertical-align: text-bottom;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
	overflow: hidden;
}

#page a {
	min-width: 36px;
	height: 36px;
	border: 0;
	border-radius: 6px;
	background-color: #fff;
	color: #9F378E;
	margin-right: 12px;
	cursor: pointer;
}

#page a.nan.left{
	float:left;
}
#page a.nan.right{
	float:right;
}

#page a:hover {
	min-width: 36px;
	height: 36px;
	border: 0;
	border-radius: 6px;
	background-color: #9F378E;
	color: #fff;
	margin-right: 12px;
	cursor: pointer;
}

#page .fa-chevron-right,.fa-fast-forward{
	padding-left:5px;
}
#page .fa-chevron-left,.fa-fast-backward{
	padding-right:5px;
}
@media(max-width: 580px){
	.mainMenu td a{text-align:left; line-height:40px;}
	.mainMenu td a::before{position:relative;float:left;margin:10px 0px;}
	.item-list li{float:left;width:33%;}
	.header .logo img{width:120px;}
	.overlay .loginBox{margin-left: -45%;}
	.pageContent .loginBox{width:auto;}
}
@media(max-width: 420px){
	.loginForm .list {width:80%;margin:0px auto;}
	.loginForm .list li strong,.loginForm .list .fl{ width:auto;float:none;padding:0px 10px;text-align:left;line-height:30px;}
	.loginForm .list input[type="text"], .loginForm .list input[type="password"] {}
	.loginForm .list input.validcode{width:60px;}
}
.header-cart .cart-num{
	position: relative;
	display: inline-block;
	background: #bd25a8 none;
	height: 18px;
	border-radius: 11px;
	color: white;
	font-size: 12px;
	line-height: 18px;
	padding: 0 5px;
	vertical-align: top;
	top: 7px;
	left: 2px;
}
.header-cart i{
	font-size:24px;
	cursor: pointer;
}
/* new header language style begin */
.headerContent .info{
	height:32px;
}

.languagesWrapper,.languagesWrapperMobile{
	position: relative;
	width:120px;
}
.languagesWrapper a,.languagesWrapperMobile a{
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: 2px solid white;
	position: absolute;
	transform: scale(0.5);
	transform-origin: top;
}
.languagesWrapperMobile a{
	width: 50px;
	height: 50px;
}
.languagesWrapper a:nth-child(1),.languagesWrapperMobile a:nth-child(1){
	z-index: 6;
	left:0px;
}
.languagesWrapper a:nth-child(2),.languagesWrapperMobile a:nth-child(2){
	z-index: 5;
	left:10px;
}
.languagesWrapper a:nth-child(3),.languagesWrapperMobile a:nth-child(3){
	z-index: 4;
	left:20px;
}
.languagesWrapper a:nth-child(4),.languagesWrapperMobile a:nth-child(4){
	z-index: 3;
	left:30px;
}
.languagesWrapper a:nth-child(5),.languagesWrapperMobile a:nth-child(5){
	z-index: 2;
	left:40px;
}
.languagesWrapper a:nth-child(6),.languagesWrapperMobile a:nth-child(6){
	z-index: 1;
	left:50px;
}
.languagesWrapper a.selected,.languagesWrapperMobile a.selected{
	z-index: 10;
}
.languagesWrapper a:hover,.languagesWrapperMobile a:hover{
	z-index: 11;
}
.languagesWrapper .zh,.languagesWrapperMobile .zh{
	background: url(../images/flag.jpg) -225px -90px no-repeat;
}
.languagesWrapper .us,.languagesWrapperMobile .us{
	background: url(../images/flag.jpg) -35px -95px no-repeat;
}
.languagesWrapper .de,.languagesWrapperMobile .de{
	background: url(../images/flag.jpg) -515px -95px no-repeat;
}
.languagesWrapper .ja,.languagesWrapperMobile .ja{
	background: url(../images/flag.jpg) -420px -95px no-repeat;
}
/*
.languagesWrapper .en,.languagesWrapperMobile .en{
  background: url(../images/flag.jpg) -35px -195px no-repeat;
}*/
.languagesWrapper .en,.languagesWrapperMobile .en{
  background: url(../images/flag.jpg) -35px -95px no-repeat;
}
.languagesWrapper .fr,.languagesWrapperMobile .fr{
	background: url(../images/flag.jpg) -130px -195px no-repeat;
}
.languagesWrapper .nl,.languagesWrapperMobile .nl{
	background: url(../images/flag.jpg) -710px -295px no-repeat;
}
/* new header language style end */

/* header search form begin */
.searchbarWrapper{
	position:relative;
	width:120px;
	height: 32px;
}
#searchbar{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all 1s;
	overflow: hidden;
	width: 32px;
	height: 32px;
	background: #111521;
	box-sizing: border-box;
	border-radius: 25px;
	padding: 5px;
}
.login #searchbar,.register #searchbar,.findPwd #searchbar{
	background-color:transparent;
}
#searchbar input{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	/*width:86px;*/
	width:calc( 100% - 34px );
	height:22px;
	border-radius: 22px;
	outline: 0;
	border: 0;
	padding: 5px 32px 5px 10px;
}
#search-btn{
	position: absolute;
	right: 0;
	top: 0;
	width:32px;
	height:32px;
	font-size: 22px;
	border-radius: 50%;
	background-color: #111521;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login #search-btn,.register #search-btn,.findPwd #search-btn{
	background-color:transparent;
}
#searchbar:hover{
	width: 120px;
	cursor: pointer;
}

#searchbar:hover input{
	display: block;
}

#searchbar:hover #search-btn{
	background: white;
	color: #111521;
}
#searchbar .searchbar-icon{
	width:22px;
	height:22px;
	background-image: url("../images/search.png");
}
#searchbar:hover .searchbar-icon{
	background-image: url("../images/search_black.png");
}

/* header search form end */

/* header user icon begin */
.userWrapper{
	font-size:24px;
	display: flex;
	align-items: center;
}

/* header user icon end */

/* right header begin */
.headerRight{
	display:flex;
}
/* right header end */

/* bg img style begin */
.hotsale-bg-static-wave{
	background-image: url("../images/hotsale-bg.png");
}
.video-play{
	background-image: url("../images/bofang.png");
}
.video-pause{
	background-image: url("../images/zant.png");
	display: none;
}
.play-pause-icon{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20%;
	background-image: url("../images/bofang.png");
}
.current .play-pause-icon{
	background-image: url("../images/zant.png");
}
.current .play-pause-icon.play{
	background-image: url("../images/bofang.png");
}
/*
.homepage-tool-icon-craft{
	background-image: url("../images/Craft.png");
}
.homepage-tool-icon-helpful{
	background-image: url("../images/helpful.png");
}
.homepage-tool-icon-quality{
	background-image: url("../images/Quality.png");
}
.homepage-tool-icon-trust{
	background-image: url("../images/Trust.png");
}
*/
.home-banner-block4.home-content-box{
	/*background-image: url("../images/mobol.png");*/
}
.home-banner-block4-wrapper .logo{
	background-image: url("../images/logo_h.png");
	background-repeat: no-repeat;
}

/* bg img style begin */
/* additional begin */
.index .des{
    display:none;
}
.overlay-nav-login{
    display:none;
}
.cms .article-content>ul>li{
    line-height:30px;
}
/* additional end */