@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

@font-face {
	font-family: 'SlatePro';
	src: url('https://s3.geeko.ltd/fonts/Roboto-Regular.ttf.gz');
	font-display: swap;
}

@font-face {
	font-family: 'SlatePro-Medium';
	src: url('https://s3.geeko.ltd/fonts/Roboto-Medium.ttf.gz');
	font-display: swap;
}


@font-face {
	font-family: 'AcuminPro-Bold';
	src: url('https://s3.geeko.ltd/fonts/Roboto-Bold.ttf.gz');
	font-display: swap;
}

@font-face {
	font-family: 'iconfont';  /* Project id 384296 */
	src: url('//at.alicdn.com/t/c/font_384296_dthew9secoi.woff2?t=1660815571797') format('woff2'),
	url('//at.alicdn.com/t/c/font_384296_dthew9secoi.woff?t=1660815571797') format('woff'),
	url('//at.alicdn.com/t/c/font_384296_dthew9secoi.ttf?t=1660815571797') format('truetype');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

table{
	border-collapse: collapse;
}

html{
	
}


article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

ul,ol{
	list-style-type: none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input{
	-webkit-appearance: none;
	border-radius: 0;
	outline:none;
    box-shadow:none;
}
select{
	outline:none;
    box-shadow:none;
}

html{
	font-size: 18px;
}
body{
	margin: 0;
	font-family: SlatePro, "Open Sans", Arial,"Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.8rem;
	-webkit-text-size-adjust: 100%;
	height:100%;
	max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
}


.m-select {
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-position: right;
    background: url(https://image.geeko.ltd/site/pc/icon137.png) no-repeat scroll calc(100% - 10px) center transparent;
    padding-left: 5px;
    border: 1px solid #d6d6d6;
    box-shadow: none;
    color: #4b5056;
    cursor: pointer;
}

.m-line-through{
	text-decoration: line-through;
}
.padding-bottom-10{
	padding-bottom:10px;
}
.relative{
  position:relative;
}
.mp-a-right{
  position:absolute;
  right:5px;
  top:40px;
}
.mp-outer-box,.mp-outer-box-01{
  width:100%;
  padding:5px 10px;
  border-bottom:1px solid #dddddd;
}
.mp-process-style{
  border-top:1px solid #dddddd;
}
.pull-left{
  float:left;
}
.pull-right{
  float:right;
}

.mp-color-orange{
  color:#ec7459;
}
.mp-light-color{
  color:#666666;
}
.mp-pict,.mp-pict-01{
  width:78px;
  padding-right:10px;
}
.mp-pict img,.mp-pict-01 img{
  width:100%;
}
.mp-tex,.mp-tex-01{
}
button.mp-click-to-go, .mp-click-to-go-01{
  height: 30px;
  margin-top: 3px;
  font-weight: bold;
  line-height: 30px;
  background-color: #ec7459;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: none;
  color: #ffffff;
  cursor:pointer;
  padding:0 15px;
}
button.mp-click-to-go:focus,.mp-click-to-go-01:focus{
  outline:none;
}
.m-ellipsis{
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.m-fixed-table{
	table-layout: fixed;
}

.m-overy-hidden{
	overflow-y: hidden;
}

.m-pointer{
	cursor:pointer;
}

.m-small-font{
	font-size:0.5rem;
}

*, *::after, *::before{
	box-sizing:border-box;
}



.m-non-a{
	text-decoration: none;
	color: #222222;
	display:block;
}

.m-non-a-01{
	text-decoration: none;
	color: #000;
}


.m-block{
	display: block !important;
}

.m-relative{
	position:relative;
}

.m-main{
/* 	margin-top:50px; */
}

.m-main-body{
/* 	margin-top:50px; */
}

.m-white-back{
	background-color: #fff;
}

.m-red-font{
	color: #E64545;
}

.m-white-font{
	color:#fff;
}

.m-grey-font{
	color: #6d7682;
}
.m-padding-l-15{
	padding-left: 15px;
}
.m-margin-t-15{
	margin-top: 15px;
}

.m-margin-t-10{
	margin-top: 10px;
}

.m-margin-t-5{
	margin-top: 5px;
}

.m-margin-l-10{
	margin-left:10px;
}

.m-margin-r-10{
	margin-right:10px;
}

.m-margin-b-80{
	margin-bottom: 80px !important;
}

.m-margin-b-30{
	margin-bottom: 30px !important;
}

.m-padding-t-5{
	padding-top: 5px;
}

.m-padding-10{
	padding: 10px;
}

.m-padding-lr-10{
	padding-left: 10px;
	padding-right: 10px;
}

.m-inline-block{
	display: inline-block;
}

.m-margin-tb-15{
	margin: 15px 0;
}

.m-padding-tb-10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.m-padding-tb-5{
	padding-top: 5px;
	padding-bottom: 5px;
}

.m-margin-t-2{
	margin-top: 2px;
}

.m-table{
	display: table;
}

.m-fixed-talbe{
	table-layout: fixed;
}

.m-table-row{
	display: table-row;
}

.m-table-cell{
	display: table-cell;
}

.m-vertical-middle{
	vertical-align: middle;
}

.m-vertical-bottom{
	vertical-align: bottom;
}

.m-vertical-top{
	vertical-align: top;
}

.m-text-right{
	text-align: right;
}

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

.ellipsis{
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}


.m-normal-font{
	font-size: 0.8rem;
	font-family: 'AcuminPro-Bold';
	font-size: 14px;
	color: #222222;
}

.m-big-font{
	font-size:1rem;
}

.m-big-b-font{
	font-size:1.2rem;
}

.m-large-font{
	font-size:1.5rem;
}

.m-blod-font{
	font-family: SlatePro-Medium;
	text-transform: capitalize;
}

.m-shadow{
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
	box-shadow:0 1px 4px rgba(0,0,0,.2);
}

.m-upper-shadow{
	-webkit-box-shadow:0 -1px 4px rgba(0,0,0,.2);
	-moz-box-shadow:0 -1px 4px rgba(0,0,0,.2);
	box-shadow:0 -1px 4px rgba(0,0,0,.2);
}

.m-vc-image{
	vertical-align: middle;
}

.m-flex{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.m-flex-nowrap{
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.m-flex-wrap{
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.m-justify-between{
	justify-content: space-between;
	-webkit-justify-content: space-between; /* Safari */
}

.m-justify-around{
	justify-content: space-around;
	-webkit-justify-content: space-around; /* Safari */
}

.m-justify-end{
	justify-content:flex-end;
	-webkit-justify-content: flex-end; /* Safari */
}

.m-flex-item{
	flex:1 1 auto;
	-webkit-flex:1 1 auto;
}

.m-right-sword{
	width: 18px;
	display:block
}

.m-slide-botton{
	width: 50px;
	border-radius:25px;
	height: 25px;
	background-color: #B5B2B2;
	position: relative;
	cursor:pointer;
}

.m-slide-botton .circle{
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #fff;
	border: 1px solid #B5B2B2;
	position: absolute;
	left: 0;
	top: -2px;
	cursor:pointer;
	transition:all 0.5s;
	-webkit-transition:left 0.5s;
	-moz-transition:left 0.5s;
	-ms-transition:left 0.5s;
}


.m-slide-botton.on{
	background-color:#E64545;
}

.m-slide-botton.on .circle{
	left:25px;
}

.m-full-background{
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.m-normal-distance{
	margin-top: 10px;
}

.m-uppercase{
	text-transform: uppercase;
}

.m-block-bl{
	 border-bottom: 1px solid #E4E3E3;
}

.m-blockc{
	margin-left:auto;
	margin-right: auto;
}

.m-bl{
	border-bottom: 1px solid #efefef;
}


.bl{
	border-bottom:1px solid #e5e4e5;
}
.tb{
  display: table;
}

.tbr{
  display: table-row;
}

.tbc{
  display: table-cell;
}

.v-m{
  vertical-align: middle;
}

.v-t{
  vertical-align: top;
}

.v-b{
  vertical-align: bottom;
}

.txtc{
  text-align: center;
}

.txtr{
  text-align: right;
}

.blockc{
  margin-left: auto;
  margin-right: auto;
}

.upf{
  text-transform: uppercase;
}

.fw{
  width: 100%;
}

.fh{
  height: 100%;
}

.mgt-l{
  margin-top: 25px;
}

.mgt-b{
  margin-top: 15px;;
}

.mgt-m{
  margin-top: 10px;
}

.mgt-s{
  margin-top: 5px;
}

.mgt-mi{
  margin-top: 2px;
}

.mgl-m{
  margin-left: 10px;
}
.mgl-s{
  margin-left: 5px;
}

.mgt-25{
  margin-top: 25px;
}

.pd-m{
  padding: 5px;
}

/*footer*/
.m-joins{
	margin: 25px auto;

}

.m-joins img{
	width: 20px;
	vertical-align: middle;
	margin-left: 10px;
}

.m-joins .image-title{
	font-size: 0.8em;
	margin-left: 5px;
}

.m-subscribe-dsc{
	text-align: center;
	font-size: 0.8rem;
	font-weight: bold;
}

.m-subscribe{
	width: 90%;
	margin: 10px auto;
	overflow: hidden;
}

.m-subscribe .m-subscribe-btn{
	float: right;
	width: 90px;
	height: 40px;
	background-color: #353339;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 0.8rem;
}

.m-subscribe .m-subscribe-email{
	overflow: hidden;
}

.m-subscribe .m-subscribe-email input{
	height: 40px;
	border: 1px solid #898787;
    box-shadow: none;
    outline: medium none;
    width: 100%;
    padding-left: 5px;
}

.m-footer-image{
	margin: 25px auto;
	width: 90%;
}

.m-footer-image img{
	display: block;
	border: none;
	width: 100%;
}

.m-footer-cross-line-container {
  position: relative;
  height: 12.5px;
  line-height: 25px;
  margin-top: 20px;
  border-bottom: 1px solid #6d7682;
}

.m-radio{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #E4E3E3;
	display: inline-block;
	cursor: pointer;
}
.m-radio.active{
	border: 6px solid #E64545;
}

.m-radio15.active{
	border: 5px solid #E64545;
}
.m-footer-legend {
  text-align: center;
  margin: auto;
  width: 145px;
  background-color: #efefef;
  font-weight: bold;
  font-size: 0.8rem;
}

.m-footer-line {
  text-align: center;
  border-bottom: 1px solid #727171;
  position: absolute;
  z-index: -1;
  top: 12.5px;
  width: 100%;
}

.m-footer-fubbiaoti{
	text-align:center;
	margin:10px auto;
	font-size:0.9em;
}

.m-foot-menu-row{
	margin: 10px 5px;
}

.m-boder-top{
	border-top: 1px solid #efefef;
}



/*header*/


.m-header{
	width: 100%;
/* 	position: fixed; */
/* 	box-shadow: 0 2px 2px #A3A1A1; */
	top: 0;
	left: 0;
	z-index: 20;
	overflow: hidden;
}

.m-fixed-header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width:100%;
}



.m-download-close{
	width:20px;
	height:20px;
	margin-left:5px;
	position: absolute;
	background-image:url(https://image.geeko.ltd/site/icon/icon-37.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	top:12.5px;
	right:5px;
}

.m-apple-star{
	color:#ffb401;
	font-size:1rem;
	width:15px;
	height:15px;
	background-image:url(https://image.geeko.ltd/site/icon/icon-43.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	display:inline-block;
}



.m-fixed-download{
	height:76px;
	background-color:#fff;
	position:relative;
}

.m-downlod-logo-container{
	width:45px;
}

.m-apple-stars{
	line-height: 20px;;
}

.m-download-logo{
	width:60px;
	height:60px;
	/* margin:0 6px; */
	margin:0px 12px 0px 2px;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	background-image:url(https://image.geeko.ltd/site/icon/icon-41.png);
}

.m-h-download-container{
	width:68px;
}

.h-download{
	border: solid 1px #222222;
    border-radius: 10px;
    font-weight: bold;
    width: 48px;
	height: 38px;
    line-height: 37px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    text-transform: uppercase;
}

.h-open{
	width:100px;
	height:30px;
	line-height:29px;
	text-align:center;
	border:1px solid;
	border-radius:5px;
	font-weight:bold;
    margin-left: 15px;
    margin-right: 5px;
	display:none;
}
.h-download img{
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    width: 13px;
}
.m-google .m-download-logo{

}

.m-apple .m-download-logo{
	border-radius:12px;
}

.m-down{
	width:100%;
}

.m-down > .m-table-cell{
	height:76px;
}

.m-app-store-logo{
	width:100px;
	display:inline-block;
}


.m-full-height{
	height: 100%;
}

.m-full-width{
	width: 100%;
}

.m-down .m-table-cell{
	vertical-align: middle;
}

.m-down-load-image{
	display:block;
	width:110px;
	margin-left:5px;
}

.m-header-title {
	width: 100%;
	background-color: #fff;
	height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 16px;
}
.m-header-title i{
	font-size:20px;
	color:#000;
}

.m-header-element-text {
	text-align: center;
	line-height: 45px;
	font-weight: bold;
}
.m-logo-btn {
	text-align: center;
	cursor:pointer;
	height: 25px;
}
.m-relative{
	position:relative;
}
.m-logo-btn img{
	height:100%;
	display:block;
}
.m-header-element-cart.trigger {
	/*	animation:1s ease 0s normal forwards 1 running iphone-1-show;
				-webkit-animation:1s ease 0s normal forwards 1 running iphone-1-show;*/
	animation-name: cart-trigger;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	-moz-animation-name: cart-trigger;
	-moz-animation-duration: 0.4s;
	-moz-animation-timing-function: ease;
	-webkit-animation-name: cart-trigger;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease;
	-o-animation-name: cart-trigger;
	-o-animation-duration: 0.4s;
	-o-animation-timing-function: ease;
	-ms-animation-name: cart-trigger;
	-ms-animation-duration: 0.4s;
	-ms-animation-timing-function: ease;
}

@keyframes cart-trigger { 
	0%{
		background-size: 20px;
	}
	50%{
		background-size:25px;
	}
	100%{
		background-size:20px;
	}
}

.m-header-search-tip{
	height: 45px;
	background-color: #fff;
	padding-top: 5px;
	display: none;

}

.m-header-search-tip .m-search-btn-container{
	float: right;
	width: 75px;
	height: 35px;
}

.m-header-search-tip .m-search-area{
	margin:0 20px;
	overflow: hidden;
}

.m-header-search-tip .m-search-area input{
	height: 35px;
	border: 1px solid #898787;
    box-shadow: none;
    outline: medium none;
    width: 100%;
    padding-left: 5px;
}

.m-header-search-tip .m-search-btn-container .m-search-btn{
	width: 50px;
	height: 35px;
	border-radius: 15px;
	background-image: linear-gradient(center top , #E64545, #91002c);
	background-image: -moz-linear-gradient(center top, #E64545, #91002c);
	background-image:-webkit-linear-gradient(top, #E64545, #91002c);
	margin-left: 5px;
	color: #fff;
	text-align: center;
	line-height: 35px;
}

.m-hot-searchs{
	background-color: #fff;
	margin-top: 20px;
}

.m-hot-searchs .hd{
	padding: 0 12px;
	padding-bottom:5px;
}

.m-hot-searchs .bd ul{
	padding: 0 12px 10px 12px;
	margin: 0;
	list-style-type: none;
}

.m-hot-searchs .bd ul:after{
	display: block;
	content: '';
	clear: both;
}

.m-hot-searchs .bd ul li{
	padding: 2px 10px;
	float: left;
	border-radius: 2px;
	margin: 10px 10px 0 0;
	color: #666666;
	background-color: #f6f6f6;
	text-transform: capitalize;
    cursor: pointer;
}



.hotlogo{
	width: 25px;
	height: 25px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(https://image.geeko.ltd/site/pc/icon143.png);
	display: inline-block;
}

.m-hot-searchs .hd .hotlogo-c{
	width: 35px;
}

.m-header-search-result{
	/* border-top: 1px solid #efefef; */
	display: none;
	background-color: #fff;
	/* margin-top:15px; */
}

.m-header-search-result-element{
	background-color: #fff;
	margin-top:10px;
	/* border-bottom:1px solid #E4E3E3; */
	padding-left: 10px;
	padding-right:10px;
}

.m-header-search-result-products{
	margin-top:0px;
	border-top: 10px solid #f7f7f7;
}


.m-header-search-result-element li{
	height: 50px;
}

.m-header-search-result-element .m-r-title{
	font-size: 0.8rem;
	font-weight: bold;
	padding: 10px 5px;
	/* border-bottom: 1px solid #efefef; */
}

.m-header-search-result-element .m-r-footer{
	font-size: 0.8rem;
	padding: 10px 5px;
	border-bottom: 1px solid #efefef;
	width: 100%;
}

.m-header-search-result-element .m-r-container ul{
	margin: 0;
	padding: 0;
}

.m-header-search-result-element .m-r-container ul li{
	list-style-type: none;
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	padding: 4px;
}

.m-header-search-result-products .m-r-container ul li{
	border-bottom: none;
}

.m-header-search-result-element .m-r-container ul li strong{
	color: #999999;
	font-weight: normal;
}

.m-header-search-result-img-container{
	width: 40px;
}

.m-header-search-result-element .m-fangdajing{
	width: 21px;
	height: 21px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(https://image.geeko.ltd/site/pc/icon144.png);
}

.m-header-search-result-element .right-sowrd{
	display: inline-block;
}

.m-header-search-result-element .m-r-container ul li img{
	width: 30px;
}

.m-r-search-item-name{
	padding-left: 5px;
}

.m-header-search-result-element .right-sowrd{
	width: 25px;
	height: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 45%;
	cursor: pointer;
	background-image: url(https://s3-us-west-2.amazonaws.com/image.chic-fusion.com/site/icon/icon-169.png);
}



.m-r-search-item{
	width: 100%;
}

.m-header-search-result-users{
	margin-top: 20px;
}

/*category*/

.m-header-category{
	background-color: #fff;
}

.m-switch{
	overflow: hidden;
}

.m-switch > div{
/* 	position: absolute; */
}

/*.m-switch-acitve{
	left: calc(100% - 45px);
}*/


.m-switch .m-category-menu{
	width: 100%;
	height: 100%;
	background-color: #fff;
	display:none;
	position: fixed;
	overflow-y:auto;
	overflow-x:hidden;
}

.m-help-container{
	width:88%;
	height:100%;
	position:absolute;
	left:-88%;
	background-color:#fff;
	margin-bottom:80px;
}

.m-menu-help-footer{
	position:fixed;
	left:0;
	bottom:0;
	z-index:2;
	
	width:275px;
	background-color:#fff;
}

.m-menu-help-footer .m-table{
	height:80px;
}


.m-menu-help-footer *{
	font-size:0.9em;
}

.m-menu-help-footer .m-table >div{
	width:33.333%;
}



.m-f-element{
	opacity:0.5;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	width:40px;
	height:40px;
	margin:auto;
	cursor:pointer;
}

.m-f-element.active{
	opacity:1;
}

.m-f-element:active{
	opacity:1;
}

.m-f-element ~ div{
	margin:10px auto;
}

.m-f-download{
	background-image:url(https://image.geeko.ltd/site/icon/icon-68.png);
}

.m-f-help{
	background-image:url(https://image.geeko.ltd/site/icon/icon-69.png);
}

.m-f-account{
	background-image:url(https://image.geeko.ltd/site/icon/icon-70.png);
}

.m-f-facebook{
	background-image:url(https://image.geeko.ltd/site/icon/icon-77.png);
}

.m-menu-container li:not(.m-first-category-container){
	cursor:pointer;
}
.m-menu-mask{
	width: 100%;
	height: 100%;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	z-index: 100;
	display: none;
	top:0;
	left:0;
}

.m-switch-right{
	width: 100%;
	position:relative;
/* 	box-shadow: 0 -2px 4px #9E9C9C; */
}

.m-switch-acitve{
	left: 275px !important;
/* 	animation: open-slide 0.1s; */
}

.m-switch-close{
	left:0;
/* 	animation: close-window 0.1s; */
}

@keyframes open-slide{
	from {left:0;}
	to {left: 275px;}
}

@keyframes close-window{
	from {left: 275px;}
	to {left: 0}
}

.m-category-menu ul{
	padding: 0;
	margin: 0;

}

.m-category-menu ul.first-level-container{
	/*margin-left: 10px;*/
	margin-bottom:130px;
}

.m-menu-container{
	width: 275px;
	background-color:#fff;
	margin-bottom:80px;
}

@media screen and (min-width:370px) {
	.m-menu-container {
		width: 320px;
		background-color: #fff;
		margin-bottom: 80px;
	}
	
	.m-switch-acitve {
		left: 320px !important;
	}
	
	.m-menu-help-footer {
		width: 320px;
	}
}

@media screen and (min-width:400px) {
	.m-menu-container {
		width: 360px;
		background-color: #fff;
		margin-bottom: 80px;
	}
	
	.m-switch-acitve {
		left: 360px !important;
	}
	
	.m-menu-help-footer{
		width: 360px;
	}
}

.back-title{
    font-size: 0.8rem;
    height: 50px;
    line-height: 50px;
    list-style-type: none;
    padding: 0 0 0 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px;
    cursor:pointer;
}

.m-category-menu ul li.first-level-title{
    font-size: 0.8rem;
    height: 50px;
    line-height: 50px;
    list-style-type: none;
    padding: 0 0 0 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 25px;
    cursor:pointer;
}

.first-level-title .bottom-line , .m-first-category-title .bottom-line,.back-title .bottom-line,.m-child-category .bottom-line,.m-back-clicker .bottom-line{
	border-bottom: 1px solid #efefef !important;
}

.m-menu-footer{
	width: 100%;
	background-color: #E6E3E3;
	border: 1px solid #B2B0B0;
}

.m-menu-footer > div{
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size:1.2em;
	width:50%;
}


.m-hidden-category{
	display: none;
	margin-bottom:150px;
}

.m-child-category{
	height: 45px;
	line-height: 45px;
	padding-left: 40px;
	background-image: url("https://image.geeko.ltd/site/icon/icon-22.png");
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    font-size: 12px;
}

.m-back-clicker{
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	padding-left: 40px;
	background-image: url("https://image.geeko.ltd/site/icon/icon-33.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    cursor:pointer;
}

.m-back-clicker01{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #efefef;
	font-weight: bold;
	padding-left: 24px;
	background-image: url("https://image.geeko.ltd/site/icon/icon-33.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    cursor:pointer;
}

.m-menu-footer > div:first-child{
	border-right: 1px solid #B2B0B0;
}

.m-menu-footer *{
	font-size:1rem;
}

.m-menu-faqs{
	width:100%;
	margin-top:10px;
}

.m-menu-faq-img{
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	margin:auto;
}
.m-menu-faq{
	margin-top:5px;
	font-size:0.8em;
}

.m-menu-faq-img.faq{
	background-image:url(https://image.geeko.ltd/site/icon/icon-46.png);
}

.m-menu-faq-img.about{
	background-image:url(https://image.geeko.ltd/site/icon/icon-44.png);
}

.m-menu-faq-img.contact{
	background-image:url(https://image.geeko.ltd/site/icon/icon-45.png);
}

.m-menu-faq-img.terms{
	background-image:url(https://image.geeko.ltd/site/icon/icon-47.png);
}

.m-menu-faq-img.privacy{
	background-image:url(https://image.geeko.ltd/site/icon/icon-48.png);
}

.m-menu-faq-img.return{
	background-image:url(https://image.geeko.ltd/site/icon/icon-49.png);
}

.m-menu-faq-container {
  background-color: #efefef;
  border-radius: 5px;
  height: 80px;
  text-align: center;
  width: 80px;
  cursor:pointer;
  display:block;


}

.m-footer-n-a{
	 text-decoration: none;
	  color:#000;
}

.m-menu-faq-row-distance-01{
	margin-top:10px;
}
.m-menu-faq-row-distance-02{
	margin-top:20px;
}

.m-first-category-title{
	list-style-type: none;
	padding-left: 40px;
	font-size: 0.8rem;
	height: 50px;
	line-height: 50px;
}

.m-first-category-container{
	padding-left: 10px;
}

.m-first-category-container li{
    background-position: calc(100% - 10px) center , left center;
    background-repeat: no-repeat;
    background-size: 18px auto , 25px auto;
}




.m-small-distance{
	margin-top:10px;
}

.m-op-loadding-mask{
	top:0;
	left:0;
	z-index:998;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0);
	position:fixed;
}

.ball-clip-rotate{
	z-index:999;
	position: fixed;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
}



.ball-clip-rotate{
	  width: 15px;
	  height: 15px;
	  border-radius: 100%;
	  margin: 2px;
	  -webkit-animation-fill-mode: both;
	          animation-fill-mode: both;
	  border: 2px solid #BEBDBD;
	  border-bottom-color: transparent;
	  height: 25px;
	  width: 25px;
	  background: transparent !important;
	  display: block;
	  -webkit-animation: rotate 0.75s 0s linear infinite;
      animation: rotate 0.75s 0s linear infinite;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
     }

  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
       }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
     }

  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
       }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
}





/* products */
.m-product-panel{
	padding-bottom:10px;
	margin-top: -10px;
	padding-left: 10px;
	padding-right: 10px;
}
.m-products{
	width: 100%;
}

.m-products-col{
	width: 50%;
}

.mp-product-container{
	border-radius:3px;
	margin: 10px 10px 0 0;
	border:1px solid #e4e3e3;
	overflow: hidden;
}

.m-product{
	border-top-right-radius:3px;
	border-top-left-radius:3px;

	background-color: #E2E2E2;
	position: relative;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://image.geeko.ltd/site/icon/logo-01.png);
}

.mp-l-save-icon{
	width:11px;
	height:13px;
	display:inline-block;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://image.geeko.ltd/site/icon/icon-137.png);
	vertical-align: bottom;
}

.mp-l-save.active .mp-l-save-icon{
	background-image: url(https://image.geeko.ltd/site/icon/icon-138.png);
}

.mp-l-buy-icon{
	width:15px;
	vertical-align:bottom;
}

.mp-l-buy-span{
	margin-left:5px;
}

.mp-buy-bar{
	height:30px;
	background-color:#fff;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	width:100%;
	color:grey;
	padding:8px 0;
}

.mp-buy-bar > div{
	text-align:center;
	vertical-align: middle;
	cursor:pointer;
	width:50%;
}

.mp-buy-bar > div:last-child{
	border-left:1px solid #949393;
}

.mp-l-buy-font{
	font-size:0.8rem;
}


.m-products-col{
	vertical-align: top;
}

.m-time-sale{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.m-time-sale .m-time-process{
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}

.m-time-sale .m-time-process img{
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
}

.m-time-sale .m-time-process .m-timer-text{
	color: #fff;
}

.m-time-cost{
	height: 20px;
	background-color: rgba(228, 0, 79, 0.8);
	line-height: 20px;
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding-left:5px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-flags{
	position:absolute;
	right:5px;
	top:0;
}

.m-flags > *{
	margin-left:5px;
}

.m-flags > *:first-child{
	margin-left:0;
}

.m-bird-icon , .m-flash-sale-icon , .m-free-icon , .m-us-del-icon, .m-multi-color-icon {
	display:inline-block;
	background-repeat:no-repeat;
	background-size:100%;
	vertical-align:middle;
}

.m-off-jiao{
	background-repeat:no-repeat;
	background-size:100%;
	width:55px;
	height:55px;
	left:0;
	top:0;
	background-image:url(https://image.geeko.ltd/site/icon/icon-317.png);
	color:#fff;
}

.m-off-jiao span{
	display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    top: 13px;
    position: absolute;
    font-size: 0.7rem;
    left: -3px;
}

.m-multi-color-icon{
	background-image:url(https://image.geeko.ltd/site/icon/multicolor.png);
	width:16px;
	height:18px;
}

.m-bird-icon{
/* 	TODO */
	background-image:url(https://image.geeko.ltd/site/icon/icon-326.png);
	width:16px;
	height:18px;
}

.m-flash-sale-icon{
	background-image:url(https://image.geeko.ltd/site/icon/icon-325.png);
	width:10px;
	height:19px;
}

.m-free-icon{
	background-image:url(https://image.geeko.ltd/site/icon/icon-318.png);
	width:17px;
	height:18px;
}

.m-real-price{
	font-size: 16px;
	color: #fff;
	margin-right:5px;
	line-height: 22px;
}

@media screen and (min-width:370px){
	.m-real-price{
		font-size: 16px;
		color: #fff;
		margin-right:5px;
		line-height: 27px;
	}
}

@media screen and (min-width:400px){
	.m-real-price{
		font-size: 16px;
		color: #fff;
		margin-right:5px;
		line-height: 27px;
	}
}

.m-higher-cost{
	text-decoration: line-through;
}

/* .m-higher-cost:after{ */
/* 	content: " >"; */
/* 	display: inline-block; */
/* 	text-decoration: none; */
/* } */

.m-normal{
	position: absolute;
	width: 100%;
	height: 22px;
	line-height: 22px;
	background-color: rgba(0,0,0,0.3);
	padding-left:5px;
	bottom: 0;
	left: 0;
}

@media screen and (min-width:370px){
	.m-normal{
		position: absolute;
		width: 100%;
		height: 27px;
		line-height: 27px;
		background-color: rgba(0,0,0,0.3);
		padding-left:5px;
		bottom: 0;
		left: 0;
	}
}

@media screen and (min-width:370px){
	.m-normal{
		position: absolute;
		width: 100%;
		height: 25px;
		line-height: 25px;
		background-color: rgba(0,0,0,0.3);
		padding-left:5px;
		bottom: 0;
		left: 0;
	}
}

.m-normal-higher-price{
	font-size: 0.7rem;
	text-decoration: line-through;
	color: #fff;
	line-height: 22px;
}

@media screen and (min-width:370px){
	.m-normal-higher-price{
		font-size: 0.8rem;
		text-decoration: line-through;
		color: #fff;
		line-height: 27px;
	}
}

@media screen and (min-width:400px){
	.m-normal-higher-price{
		font-size: 0.8rem;
		text-decoration: line-through;
		color: #fff;
		line-height: 27px;
	}
}

.m-products-loadding{
	text-align:center;
	margin:20px;
	display:none;
}

.m-about-us{
	margin:20px 0;

}

.m-about-us .m-about-links{
	margin:auto;
}


.m-about-us .m-about-links > .m-about-link{
}

.m-about-us .m-about-links > .m-about-link a{
	display:block;
	border-left:1px solid;
	padding:0 10px;
	color:#000;
	text-decoration: none;
	font-size:0.9em;
}

.m-about-us .m-about-links > .m-about-link:last-child a{
	border-right:1px solid;

}

.m-ltd{
	text-transform:uppercase;
	text-align:center;
	margin-top:10px;
	font-size:0.9em;
}

.m-btn-active:active{
	background-color:#F9939B;
}


.m-back{
	width:45px;
	height:45px;
	background-image:url(https://image.geeko.ltd/site/icon/icon-34.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	float:left;
}

.scrop-to-top{
	width:40px;
	height:40px;
	background-image:url(https://image.geeko.ltd/site/icon/icon-136.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	position:fixed;
	z-index:100;
	right:5px;
	bottom:20px;
	display:none;
	cursor:pointer;
}


/* search */

.m-searcher-container{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	background-color:#fff;
	z-index:48;
	display:none;
	-webkit-overflow-scrolling: touch;
}

.m-search-bar{
	height:50px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	background-color:#ffffff
}

.m-search-text-container{
	margin-top:7.5px;
	overflow:hidden;
	margin-right:12px;
	margin-left:12px;
}

.m-search-text-container input[type=search]{
	height: 34px;
    box-shadow: none;
    outline: medium none;
    border:none;
    width:100%;
    padding-left:10px;
    -webkit-appearance:none;
    /* background-image:url(https://image.geeko.ltd/site/icon/icon-57.png);
    background-size:20px;
    background-position:5px;
    background-repeat:no-repeat; */
    font-size:0.8rem;
	background-color: #f6f6f6;
	position:relative;
}

.m-search-text-container input[type=search]::-webkit-search-cancel-button{
    /* -webkit-appearance: none;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: red; */
    -webkit-appearance:none;
    width: 16px;
    font-weight:bold;
    height: 16px; 
    background: url(https://s3-us-west-2.amazonaws.com/image.chic-fusion.com/site/icon/icon-170.png) no-repeat center; 
    background-size: 8px 8px;
    background-color:rgba(34, 34, 34, 0.3);
    border-radius:50%;
    position: absolute;
    top:25%;
    right:18px;
}

/* ȥ���Զ�������ɫ */
.m-search-text-container input[type=search]:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
}


.m-search-back{
	width:50px;
	height:50px;
	background-image:url(https://image.geeko.ltd/site/icon/icon-34.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	float:left;
	cursor:pointer;
}

.m-search-cancel{
	width:70px;
	height:50px;
	cursor:pointer;
	float:right;
	text-align:center;
	line-height:50px;
	font-size:0.85rem;
}

.m-search-back-category{
	height:300px;
	border-bottom:1px solid #E4E3E3;
	background-color:#fff;
	margin-top:10px;
}


/* buyer */
.variant-mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 50;
	display: none;
	cursor:pointer;
}

.variant-selector{
	padding: 0 0 20px 0;
	background-color: #fff;
	position: fixed;
	bottom: -300px;
	width: 100%;
	display: none;
	z-index: 51;
}

.variant-item-image{
	padding:10px;
	border-bottom:1px solid #efefef;
}

.variant-show{
	bottom: 0;
	display: block;
	animation:show 0.3s;
	-moz-animation:show 0.3s; /* Firefox */
	-webkit-animation:show 0.3s; /* Safari and Chrome */
	-o-animation:show 0.3s; /* Opera */
}

.variant-hide{
	bottom: -300px;
	display: none;
	animation:hide 0.3s;
	-moz-animation:hide 0.3s; /* Firefox */
	-webkit-animation:hide 0.3s; /* Safari and Chrome */
	-o-animation:hide 0.3s; /* Opera */
}

@keyframes show
{
	from {bottom:-300px;}
	to {bottom:0;}
}

@keyframes hide
{
	from {bottom:0;}
	to {bottom:-300px;}
}


.variant-item-display{
}

.variant-select-values{
	width:100%;
	padding-top:10px;
}

.variant-label{
	width:85px;
	text-align:left;
	padding-left:10px;
}

.variant-elemnts:after{
	content: "";
	display: block;
	clear:both;
}

.variant-elemnts > .variant-element{
	float: left;
	padding:5px 10px;
	color: #000;
	margin: 0 0 10px 10px;
	cursor:pointer;
	border: 1px solid transparent;
}

.buy-cancel{
	cursor:pointer;
	color:#666;
}

.variant-elemnts > .variant-element.disabled{
	color: #efefef;
}

.variant-elemnts > .variant-element.variant-selectd{
	border: 1px solid #000;
	color: #000;
}



.variant-buy{
	width: 80%;
	margin:auto;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size:1.1rem;
	font-weight: bold;
	color: #fff;
	background-color: #353339;
	margin-top: 20px;
	margin-bottom:20px;
	cursor:pointer;
}

.variant-buy:active{
	background-color:#F9939B;
}

.variant-image{
	width: 75px;
	height: 99px;
	border: 1px solid #efefef;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.variant-name{
	font-weight: bold;
	margin-left: 10px;
}

.variant-price{
	font-size: 1.1rem;
	margin-left: 10px;
	color: #000;
}

.variant-higher-price{
	margin: 10px 0 0 10px;
	font-size:0.9em;
	text-decoration: line-through;
	color: #A6A4A4;
}

.variant-bottom{
	vertical-align: bottom;
}

.variant-top{
	vertical-align: top;
}

#quantity{
	height:30px;
	border:medium none;
    box-shadow: none;
    outline: medium none;
    width: 50px;
    background-color:#fff;
    text-align:center;
    border-radius:0;
    color:#000;
}

#quantity:disabled,#quantity:[disabled]{
	color:#000;
}


.variant-add-reduce{
  color: #000;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
}

.variant-add-reduce:active{
	background-color: #000;
	color:#fff;

}

.variant-title-font{
	font-size:1.2em;
}

.variant-title{
	width:100%;
	height:40px;
	border-bottom:1px solid #efefef;
	padding:10px;
}

.mh-big-font{
	font-size:1.5rem;
}

.mh-plus-font{
	font-size:0.9rem;
}

.mh-normal-font{
	font-size:1rem;
}

.mh-small-font{
	font-size:0.85em;
}

.m-mini-font{
	font-size: 0.7rem;
}



.m-empty-image{
	display:block;
	margin:auto;
}

.m-no-data{
	text-align:center;
	font-size:1.1rem;
	font-weight:bold;
	color:#727171;
}

.m-download-tip{
	position:fixed;
	left:0;
	top:0;
	background-color:#fff;
	z-index:10;
}

.m-prime-icon{
	background-image:url(https://image.geeko.ltd/site/icon/icon-11.png);
	width:40px;
	height:20px;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top left;
	top:5px;
	right:5px;
	position:absolute;
}
.m-header-top{
	width: 100%;
    background-color: #353339;
    height: 50px;
    color: #fff;
}
.m-header-element-help{
	background-image:url(https://image.geeko.ltd/site/icon/icon-20.png);
	background-position:-1px;
}
.m-header-top{
	width: 100%;
    background-color: #353339;
    height: 50px;
    color: #fff;
}
.m-header-element-help{
	background-image:url(https://image.geeko.ltd/site/icon/icon-20.png);
	background-position:-1px;
}
.m-white-back{
	background-color:#fff;
}

/**store coupon**/
.coupon-mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 50;
	display:none;
	cursor:pointer;
}
.m-coupon-selector{
	position:fixed;
	width:100%;
	bottom:-350px;
	height:340px;
	background-color:#efefef;
	z-index:51;
	overflow-y:auto;
}
.m-coupon-container{
	padding-top:40px;
}
.m-coupon-element{
	margin:10px;
}
.m-coupon-upper{
	background-image:url(https://image.geeko.ltd/site/icon/back-08.png);
	background-position:bottom center;
	background-size:100%;
	background-repeat:no-repeat;
	width:100%;
}

.m-coupon-down{
	background-image:url(https://image.geeko.ltd/site/icon/back-09.png);
	background-position:top center;
	background-size:100%;
	background-repeat:no-repeat;
	width:100%;
	text-align:right;
	padding-right:15px;
	padding-bottom:2px;
}

.m-coupon-selector-title{
	background-color:#fff;
	width:100%;
	height:40px;
	padding:0 10px;
	position:fixed;
}

.m-coupon-logo-container{
	width:55px;
}

.m-coupon-logo{
	width:35px;
	height:35px;
	background-size:100%;
	background-repeat:no-repeat;
	margin:0 20px;
}

.m-coupon-upper-table{
	width:100%;
	height:100%;

}

.m-coupon-element-d{
	margin-top:16px;
}

.m-coupon-numeric-font{
	font-size:1.5rem;
}

.m-coupon-select-container{
	width:85px;
}

.m-coupon-select-btn{
	width:70px;
	height:30px;
	text-align:center;
	line-height:30px;
	border-radius:3px;
	cursor:pointer;
	border:1px solid #E64545;
}

.m-coupon-select-btn.active{
	border:none;
	background-color:#efefef;
}

.m-coupon-small-font{
	font-size:0.8em;
}

.m-coupon-footer{
	text-align:right;
}

.m-coupon-done{
	cursor:pointer;
}

.m-red-btn{
	background-color: #353339;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	border:none;
	cursor: pointer;
}


.m-btn-7030{
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 1rem;
}

.m-btn-25040{
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.2rem;
}

.m-btn-15040{
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 1.2rem;
}

.m-half{
	width:50%;
}

.m-half-e{
	width:calc(100% - 5px);
}

.m-radio15{
	width: 15px;
	height: 15px
}


.m-wt-25{
	width:25px;
}

.i-bird-icon , .i-flash-sale-icon , .i-free-icon{
	width: 30px;
	height: 40px;
	top: 0;
	left:0;
	position: absolute;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}

.i-bird-icon{
	background-image:url(https://image.geeko.ltd/site/icon/ms1.png);
}

.i-flash-sale-icon{
	background-image:url(https://image.geeko.ltd/site/icon/ms2.png);
}

.i-free-icon{
	background-image:url(https://image.geeko.ltd/site/icon/ms3.png);
}

.i-product-bird-container > .i-product-bird{
  padding: 0;
  margin-top:40px;
}

.i-product-bird-container.product-page .i-product-bird{
  padding: 20px 0;
}

.i-product-bird-container > .i-product-bird:after{
  clear: both;
  content: '';
  display: block;
}

.i-product-bird > .i-bird-proid:last-child .i-bird-end{
	right:0;
}

.i-product-bird > .i-bird-proid:first-child .i-bird-start{
	left:0;
}

.i-bird-proid{
  position: relative;
  width: 33.3%;
  height: 4px;
  background-color: #dcdcdc;
  display: block;
  float: left;
}

.i-bird-proid .i-bird-start{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: -4px;
  top: -4px;
  display: inline-block;
  background-color: #dcdcdc;
  position: absolute;
}

.i-bird-proid .i-bird-end{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  right: -8px;
  top: -4px;
  display: inline-block;
  background-color: #dcdcdc;
  position: absolute;
}

.i-bird-proid.active{
  background-color:  #E64545;
}

.i-bird-proid.active .i-bird-start{
  background-color:  #E64545;
  z-index:2;
}

.i-bird-proid.active .i-bird-end{
	background-color: #E64545;
	z-index:2;
}

.i-bird-price{
  text-align:center;
}

.i-product-bird-container.product-page .i-bird-price{
  padding: 0;
}


.i-bird-price:after{
  content: '';
  display: block;
  clear: both;
}

.i-bird-price > div{
  float: left;
  width: 33.33%;
  color: #6d7682;;
  font-size: 0.8rem;
  padding-left: 5px;
  line-height:30px;
  height:30px;
}


.bird_products .i-bird-price > div{
	line-height:initial;
	height:auto;
	padding:5px;
	text-align:center;
}

.i-bird-price > div.active{
/*   color: #000; */
	color:#E64545;
	font-weight:bold;
}

.i-bird-price > div:first-child{
  border-left: none;
}

.replace-product{
	margin-right:12px;
}



.m-margin-l-5{
	margin-left:5px;
}

.bird_products{
	list-style-type:none;
	margin:0;
	padding:0;
}

.bird_products::after{
	content:'';
	display:block;
	clear:both;
}

.bird_products > li{
	float:left;
	width:50%;
	padding:5px;
	overflow:hidden;
}

.bird_products > li .bird_timer{
	position:absolute;
	bottom:0;
	left:0;
}

.bird_products > li .pimg{
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	background-color:#fafafa;
	overflow:hidden;
	position:relative;
}

.bird_products > li .pimg:after{
	content:'';
	display:block;
	margin-top:125%;
}

.bird_products > li .bird_body{
	background-color:#fff;
	display:block;
	text-decoration:none;
	color:#353339;
	border-radius: 3px;
    border: 1px solid #e4e3e3;
    position:relative;
}

.bird_products > li .pdsc{
	padding:0 5px 0 5px; 
}


.bird_products > li .i-bird-outer{
	height:8px;
}

.bird_products .i-product-bird-container{
	border-bottom: none;
	padding-bottom: 0;
}

.bird_products .i-product-bird{
	margin-top:5px;
}

.amour-hot-cate{
	height:40px;
	border-bottom:1px solid #efefef;
	padding:0 10px;
	background-color:#fff;
}

.amour-cate-elements{
	background-color:#fff;
}



.amour-cate-elements  .amour-cate-element{
	padding:5px 10px;
	border-radius:3px;
	border:1px solid #efefef;
	color:#6e6b6e;
	text-decoration:none;
	font-style: italic;
	font-size:12px;
}

.i-bird-outer{
    width: 100%;
    height: 6px;
    background-image: linear-gradient(180deg, #f8f8f8 0%, #eeeeee 100%);
    border-radius: 4px;
    border: solid 1px #dddddd;
}
.i-bird-inner{
	background-image: linear-gradient(center left , #fadbda, #E64545);
	background-image: -moz-linear-gradient(center left,#fadbda, #E64545);
	background-image:-webkit-linear-gradient(left, #fadbda, #E64545);
    position: relative;
    top: -1px;
    left: -1px;
    height: 6px;
    border-radius: 4px;
}
.i-bird-pro-name{
	font-size:0.8rem;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.i-relative{
	position:relative;
}
.i-order-num{
	position:absolute;
	top: -40px;
	color:#bcbcbc;
	font-weight:normal;
}
.i-end-num{
	left:100%;
	transform:translateX(-50%);
}
.i-last-num{
	left:100%;
	transform:translateX(-100%);
}

.header-tip{
	background-color:#fff;
	padding:10px;
	border-top:1px solid #efefef;
}

.m-hide {
	display: none;
}

.m-cart-num-n {
    background-color: #e64545;
    position: absolute;
    top: -8px;
    left: 17px;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: block;
}

.close-header-tip-wrap{
	width:25px;
}

.close-header-tip{
	width:15px;
	height:15px;
	display:inline-block;
	background-image:url(https://image.geeko.ltd/site/pc/christheme/icon14.png);
	background-size:100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

.slide-header-tip{
	width:15px;
	height:15px;
	display:inline-block;
	background-image:url(https://image.geeko.ltd/site/icon/icon-324.png);
	background-size:100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

.header-tip{
	cursor:pointer;
}

/* ----------------------------------new categories */
.cat-menu{
	top:0;
	width:80%;
	min-width:275px;
	max-width:320px;
    height: 100%;
	background-color: #fff;
	position: fixed;
	overflow-y:auto;
	z-index:101;
	left:-100%;
	transition: left .3s;
	-webkit-overflow-scrolling: touch;
}


.cat-menu.show{
	left: 0;
}

.cat-mask{
	z-index:100;
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.4);
	display:none;
}

.cat-mask.active{
	display: block;
}


.cat-container{
	padding-left:10px;
}
.cat-container:after{
	display:block;
	content:'';
	clear:both;
}
.cat-parent-item{
	width:100%;
	height:45px;	
	cursor:pointer;
}
.cat-name-01{
	float:left;
	height:45px;
	line-height:45px;
	font-size:16px;
}
.cat-bullet{
	margin-right:15px;
	float:right;
	height:45px;
	width:12px;
	background-image:url(https://image.geeko.ltd/site/ivrose/icon-157_.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	transform:rotate(-90deg);
}

.cat-parent-item{
	overflow:hidden;
	border-bottom:1px solid #e6e6e6;
}

.bullet-act{
	transform:rotate(-180deg);
}
.bullet-dis{
	transform:rotate(0deg);
}
.cat-children-box{
	width:100%;
}
.cat-child-item{
	width:100%;
	height:40px;
	clear:both;
	cursor:pointer;
	padding-left:10px;
	border-bottom:1px solid #e6e6e6;
}
.cat-name-02{
	float:left;
	height:40px;
	line-height:40px;
	color: #666;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:16px;
}
.cat-bullet-01{
	margin-right:15px;
	float:right;
	height:40px;
	width:12px;
/* 	background-image:url(https://image.geeko.ltd/site/ivrose/icon-157_.png); */
/* 	background-size:100%; */
/* 	background-position:center; */
/* 	background-repeat:no-repeat; */
/* 	transform:rotate(-90deg); */
}
.cat-sign{
	border-bottom:1px solid #ccc;
}
.padding-25{
	padding:25px;
}
.pd-b-10{
	padding-bottom:10px;
}
.font14{
	font-size:1.4rem;
}
.cat-email{
	width:100%;
	height:35px;
	line-height:35px;
	text-align:center;
	border:1px solid #ccc;
	margin:0 auto;
	display:block;
}
.cat-sub-btn{
	background-color: #E64545;
	color: #fff;
	width:100%;
	height:35px;
	display:block;
	line-height:35px;
	text-align:center;	
	margin:15px auto;
}
.cat-footer{
	padding:15px 35px 35px 35px; 
}
.contact-ico-table{
	width:100%;
	margin:0 auto;
}
.cat-contact{
	width:40px;
	height:40px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}
.cat-cont-div{
	width:30px;
	height:40px;
}
.contact-01{
	background-image:url(https://image.geeko.ltd/site/icon/icon-161.png);
}
.contact-02{
	background-image:url(https://image.geeko.ltd/site/icon/icon-162.png);
}
.contact-03{
	background-image:url("https://image.geeko.ltd/site/bouti/icon13.png");
}
.contact-04{
	background-image:url(https://image.geeko.ltd/site/icon/icon-164.png);
}
.mg-t-25{
	margin-top:25px;
}
.fw-tb{
	width:100%;
	display:table;
}
.mg-b-15{
	margin-bottom:15px;
}
.cell-01{
	width:33%;
}
.cell-02{
	width:50%;
}
.cat-a-1{
	text-decoration:none;
}
.contact-ico-table a{
	display:block;
}
.pd-l-30{
	padding-left:30px;
}
.pd-l-10{
	padding-left:10px;
}
.pd-r-20{
	padding-right:20px;
}
.font18{
	font-size:18px;
}
.i-view-all{
	width:70px;
	height:30px;
	background-color:#f08300;
	color:#fff;
	border-radius:15px;
	text-align:center;
	line-height:30px;
	display:inline-block;
	text-decoration: none;
}
.m-time-sale{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.m-time-sale .m-time-process{
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}

.m-time-sale .m-time-process img{
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
}

.m-time-sale .m-time-process .m-timer-text{
	color: #fff;
	vertical-align: middle;
}

.m-time-cost{
	height: 22px;
	line-height: 22px;
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding-left:5px;
    background-color: #e64545;
    opacity: .8;
}

@media screen and (min-width:370px){
	.m-time-cost{
		height: 27px;
		line-height: 27px;
		color: #fff;
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		padding-left:5px;
		background-color: #e64545;
    	opacity: .8;
	}
}

@media screen and (min-width:400px){
	.m-time-cost{
		height: 25px;
		line-height: 27px;
		color: #fff;
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		padding-left:5px;
		background-color: #e64545;
    	opacity: .8;
	}
}


.bird_products{
	list-style-type:none;
	margin:0;
	padding:5px;
}


.bird_products > li .bird_timer{
	position:absolute;
	bottom:0;
	left:0;
}


.amour-hot-cate{
	height:40px;
	border-bottom:1px solid #efefef;
	padding:0 10px;
	background-color:#fff;
}

.amour-cate-elements{
	background-color:#fff;
}

.amour-cate-elements li{
	display:inline-block;
}
.amour-cate-elements  .amour-cate-element{
	padding:5px 10px;
	border-radius:3px;
	border:1px solid #efefef;
	color:#6e6b6e;
	text-decoration:none;
	font-style: italic;
	display:inline-block;
}

.pd-t-25{
	padding-top:25px;
}
.pd-l-10{
	padding-left:10px;
	text-transform: capitalize;
}
.pd-l-20{
	padding-left:20px;
}
.pd-l-25{
	padding-left:25px;
}
.pd-l-30{
	padding-left:30px;
}
.pd-r-20{
	padding-right:20px;
}
.pd-r-30{
	padding-right:30px;
}
.w250-c{
	width:250px;
	margin:0 auto;
}
.flt-l{
	float:left;
}

.m-btn-14540{
	width:145px;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size: 1.4rem;
}
.mg-r-10{
	margin-right:10px;
}

.m-flex21 >*:first-child{
	overflow:hidden;
	width:60%;
	background-size:100%;
	background-repeat:no-repeat;
}

.m-flex21 >*:last-child{
	width:calc(40% - 10px);
	margin-left:10px;
	position:relative;
}

.m-flex21 >*:first-child:after{
	content:'';
	margin-top:125%;
	display:block;
}

.m-flex21 >*:last-child > *{
	height:calc(50% - 5px);
	background-size:100%;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.m-flex21 >*:last-child > *:last-child{
	top:calc(50% + 5px);
	
}

/*---------footer----------*/
..msite-footer{
	width:100%;
}
.msite-footer a{
	text-decoration:none;
}
.bg-white{
	/* background-color:#fff; */
	background-color:#f1f1f1;
}
.line-b{
	border-bottom:1px solid #eeeeee;
}
.cas-confirm{
	padding:60px 30px;
	background-color:#fff;
}
.cas-info{
	padding-bottom:50px;
}
.back-btn{
	width:145px;
	height:30px;
	background-color:#353339;
	color:#fff;
	line-height:30px;
	margin:0 auto;
	border-radius:4px;
	text-align:center;
	cursor:pointer;
}
.fwtb{
	width:100%;
	display:table;
}
.cas-subscribe{
	padding:20px 10px;
	background-color:#fff;
	border-bottom:1px solid #dcdcdc;
}
.cas-address{
	width:100%;
	height:40px;
	padding:0 10px;
	border:1px solid #dcdcdc;
	background-color:#fff;	
}
.cas-sub{
	width:100%;
	height:40px;
	background-color:#353339;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
}
.pd-r-5{
	padding-right:5px;
}
.pd-10{
	padding:10px;
}
.pd-r-10{
	padding-right:10px;
}
.pd-t-10{
	padding-top:10px;
}
.pd-b-10{
	padding-bottom:10px;
}
.pd-lr-20{
	padding-left:20px;
	padding-right:20px;
}
.pd-20{
	padding:20px;
}
.pd-b-20{
	padding-bottom:20px;
}
.pd-t-20{
	padding-top:20px;
}
.pd-l-25{
	padding-left:25px;
}
.cas-45-off{
	color:#E64545;
	font-weight:bold;
}
.cas-download{
	width:85%;
	height:auto;
	display:inline-block;
}
.cas-join-box{
	padding:10px 40px;
}
.cas-join{
	width:40px;
	height:40px;
}
.h50{
	height:50px;
}
.cas-plus{
	font-size:28px;
	/* color:#000; */
	color:#999999;
}
.cas-ship{
	width:100%;
	height:auto;
	display:block;
}
.cas-copyright{
	color:#808080;
}

.grey-btn{
	border-radius: 3px;
	background-color: rgb(238, 239, 238);
	border:1px solid #dcdcdc;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	background:linear-gradient(to bottom,#fff 0,#efefef 100%);
	background:-moz-linear-gradient(top,#fff 0,#efefef 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,#fff 0,#efefef 100%);
	background: -o-linear-gradient(top,#fff 0,#efefef 100%);
	background: -ms-linear-gradient(top,#fff 0,#efefef 100%);
}

.view-more-btn {
	display: none;
	width: 100%;
	height: 20px;
	/* border: solid 1px #000000; */
	text-align: center;
	line-height: 20px;
	color: #999999;
	font-size: 14px;
	background-color: #fff;
	/* letter-spacing: 2px; */
	text-transform: capitalize;
	cursor: pointer;
	margin: 0px auto;
	position: relative;
	box-shadow: 0 -18px 15px 17px #fff;
}

.fc-black{
	color:#000;
}

.m-user-me{
	width: 50px;
    height: 50px;
    position: absolute;
    left: 40px;
    background-image: url(https://image.geeko.ltd/site/icon/icon-165.png);
    background-position: center;
    background-size: 36%;
    background-repeat: no-repeat;
    cursor:pointer;
}
.m-hide{
	display:none;
}
.m-absolute{
	position:absolute;
}
.mp-share-pin{
	bottom:0;
	z-index:2;
	width:100%;
	transform:translateY(100%);
	-webkit-transform:translateY(65%);
}
.mp-share-pin div{
	float:right;
}
mp-product-img{
	width:100%;
	position:relative;
}

.mp-product-contain{
	position:absolute;
	bottom:0;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}

div.mp-share-tip{
	position:static;
}

.mp-color-white{
	color:#fbfffd;
}

.lottery-flip{
	display:none;
	position:fixed;
	z-index:20;
	width:25vw;
	left:-5px;
	bottom:60px;
	
	-webkit-animation-name: box-hover;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;

	-ms-animation-name: box-hover;
	-ms-animation-duration: 1.5s;
	-ms-animation-timing-function: linear;
	-ms-animation-delay: 0;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: normal;
	-ms-animation-play-state: running;

	-moz-animation-name: box-hover;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-play-state: running;

	animation-name: box-hover;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
}


@-webkit-keyframes box-hover{
	0%{
		transform: rotate(0deg);
	}

	4%{
		transform: rotate(-8deg);
	}

	8%{
		transform: rotate(8deg);
	}

	12%{
		transform: rotate(-8deg);
	}

	16%{
		transform: rotate(8deg);
	}

	18%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(0deg);
	}
}

@-moz-keyframes box-hover{
	0%{
		transform: rotate(0deg);
	}

	4%{
		transform: rotate(-8deg);
	}

	8%{
		transform: rotate(8deg);
	}

	12%{
		transform: rotate(-8deg);
	}

	16%{
		transform: rotate(8deg);
	}

	18%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(0deg);
	}
}


@-ms-keyframes box-hover{
	0%{
		transform: rotate(0deg);
	}

	4%{
		transform: rotate(-8deg);
	}

	8%{
		transform: rotate(8deg);
	}

	12%{
		transform: rotate(-8deg);
	}

	16%{
		transform: rotate(8deg);
	}

	18%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(0deg);
	}
}

@keyframes box-hover{
	0%{
		transform: rotate(0deg);
	}

	4%{
		transform: rotate(-8deg);
	}

	8%{
		transform: rotate(8deg);
	}

	12%{
		transform: rotate(-8deg);
	}

	16%{
		transform: rotate(8deg);
	}

	18%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(0deg);
	}
}

.lottery-flip img{
	width:100%;
}

.safe-icon{
	width:50px;
	height:50px;
	display: block;
}

.safe-banner{
	    padding: 0 10px;
    margin-top: 15px;
    position: absolute;
    bottom: 70px;
}

.clear:after{
	clear:both;
	display:block;
	content:'';
}

.m-flt-r{
	float:right;
}

.m-lottery-header{
	background-color:rgba(123, 200, 204, 1);
	top:0;
	left:0;
	width:100%;
	color:#fff;
	text-align:center;
	font-weight:bold;
	display:block;
	padding:10px 10px;
}

.m-fixed-close{
	position:absolute;
	top:15px;
	right:10px;
}

.hide{
	display:none;
}

@media screen and (min-width:400px){
	
	.m-lottery-header *{
		font-size:0.9rem;
	}
}
.fc-r{
	color: #E64545;
}
.fw-b{
	font-weight: bold;
}
.m-us-del-icon{
    background-image: url(https://image.geeko.ltd/site/icon/us-ware.png);
    width: 40px;
    background-size: 40px 25px;
    height: 25px;
    margin: 5px;
    top: 0px;
    right: 0px;
    position: absolute;
}

@media screen and (min-width:370px){
	.m-us-del-icon{
		background-image: url(https://image.geeko.ltd/site/icon/us-ware.png);
	    width: 40px;
	    background-size: 40px 25px;
	    height: 25px;
	    margin: 5px;
	    top: 0px;
	    right: 0px;
	    position: absolute;
	}
}

@media screen and (min-width:400px){
	.m-us-del-icon{
		background-image: url(https://image.geeko.ltd/site/icon/us-ware.png);
	    width: 40px;
	    background-size: 40px 25px;
	    height: 25px;
	    margin: 5px;
	    top: 0px;
	    right: 0px;
	    position: absolute;
	}
}

.back-color-fff{
	background-color: #fff;
}

.ware-house-us.ware-house span{
	background-size: 40px;
    width: 50px;
}

.ware-house span {
	height: 40px;
	width: 30px;
	background-size: 30px 25px;
	background-repeat: no-repeat;
	vertical-align: middle;
	display: inline-block;
	background-position: center;
	margin-right: 10px;
}

.ware-house div {
	display: table-cell;
	vertical-align: middle;
}

.mar-le--5{
	margin-left:-5px;
}

.mar-le-10{
	margin-left: 10px;
}

.ware-house-no-us div{
}

.only-inv-mar{
	margin-top:40px;
}
.i-search-coupon input{
	height: 30px;
    float: right;
    border: 2px solid #212830 !important;
    width: 70%;
    background-color: transparent;
    padding-left: 5px;
    position: absolute;
}

.i-search-coupon button{
	background-color: black;
    float: right;
    color: white;
    font-weight: 600;
    border: 0;
    height: 30px;
    font-size: 16px;
    margin-left: 10px;
    width: 70px;
    cursor: pointer;
}

.i-search-coupon-bd{
	height: 110px;
    background-color: white;
}

.i-search-coupon{
	padding-top: 60px;
	margin: 0 10px;
}

.bd .s-coupons{
	margin-top: 0px !important;
}

.p-num-save{
	float: right;
    line-height: 20px;
}

.m-ship-mh-span{
    height: 30px;
    line-height: 60px;
    float: right;
}

.opacity-0-1{
	opacity: 0.1;
}

.pointer-no{
	pointer-events: none;
}

.pad-le-10-im{
	padding-left: 10px !important;
}

.wid-100_{
	width: 100%;
}

.bor-top-ef{
	border-top: 1px solid #efefef;
}

.pad-le-10{
	padding-left: 10px;
}

.bor-bot-ef{
	border-bottom: 1px solid #efefef;
}

.mar-le-60{
	margin-left: 60px;
}

.mp-product-off {
    color: #E64545;
    font-size: 0.8rem;
}

#mp-v-desc-box{
	padding: 0px 10px 10px 10px;
}

#mp-v-desc{
	padding: 5px 10px;
	background-color: #fbf7e7;
    border-radius: 3px;
    color: #666;
    border: 1px solid #ccc;
}

.col-red{
	color: red;
}

.i-free-fu{
	background-repeat: no-repeat;
    background-size: 100%;
    width: 35px;
    height: 40px;
    top: 0px;
    right: 0px;
    position: absolute;
    background-image: url(https://image.geeko.ltd/site/icon/msite-fu.png);
}


.o-question-window{
	width:100%;
	height:100%;
	position:fixed;
	background-color:#efefef;
	top:100%;
	left:0;
	z-index:40;
}

.o-question-window .cancel{
	cursor:pointer;
}

.o-question-window a{
	
	text-decoration: underline;
    color: #E64545;
}

.o-question-window > .hd{
	background-color:#353339;
	color: #fff;
	width:100%;
	padding: 0 10px;
	height:50px;
	
}

.o-question-window > .hd .title{
	font-size:16px;
}

.o-question-window > .bd{
	height: calc(100% - 110px);
	overflow:auto;
}

.o-question-window > .bd h2{
	padding: 20px 10px;
	font-size:18px;
	font-weight:bold;
}

.o-question-window ul{
	background-color:#fff;
}

.o-question-window ul li{
	background-image:url(https://image.geeko.ltd/site/icon/icon-131.png);
	background-position:calc(100% - 10px) center;
	background-size: 9px;
	background-repeat:no-repeat;
	border-top:1px solid #efefef;
	padding:15px 10px;
	cursor: pointer;
}

.o-question-window > .fd{
	height: 60px;
	background-color:#fff;
	padding: 10px;
	
}

.o-question-window .answer{
	background-color:#fff;
}

.o-question-window .answer h3{
	font-size: 16px;
	padding:15px 10px;
}

.o-question-window .answer h3 .back{
	display:inline-block;
	width:9px;
	height:20px;
	background-image:url(https://image.geeko.ltd/site/icon/icon-131.png);
	background-size: 100%;
	background-position:center;
	background-repeat:no-repeat;
	cursor: pointer;
	vertical-align: middle;
    transform: rotate(180deg);
    margin-right: 10px;
}

.o-question-window .answer p {
	border-top: 1px solid #efefef;
	line-height: 25px;
	font-size: 16px;
	padding: 10px;
}

.o-question-window>.fd .oq-contact-btn {
	width: 80%;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #353339;
	margin: auto;
}

.n-notifications li {
	margin-top: 15px;
	background-color: #fff;
	border-bottom: 1px solid #e4e3e3;
}

.n-notifications li:first-child {
	margin-top: 0;
}

.n-notifications li>.hd {
	height: 50px;
	border-bottom: 1px solid #efefef;
	padding: 0 10px;
	display: table;
	width: 100%;
}

.n-notifications li>.hd>div {
	display: table-cell;
	vertical-align: middle;
}

.n-notifications li > .bd{
	padding:20px 10px;
}

.n-notifications li > .fd{
	height: 50px;
	text-align:right;
	padding: 12px 10px 0 10px;
	border-top: 1px solid #efefef;
}

.n-notifications li>.fd .n-btn {
	padding: 5px 10px;
	color: #fff;
	background-color: #353339;
	cursor: pointer;
	display: inline-block;
}

.red-num {
	background-color: #e64545;
	padding: 2px 4px;
	border-radius: 5px;
	color: #fff;
}

.red-num.ab {
	position: absolute;
	top: 5px;
	right: 5px;
}

@media screen and (min-width:370px) {
	.i-free-fu {
		background-repeat: no-repeat;
		background-size: 100%;
		width: 40px;
		height: 40px;
		top: 0px;
		right: 0px;
		position: absolute;
		background-image:
			url(https://image.geeko.ltd/site/icon/msite-fu.png);
	}
}

@media screen and (min-width:400px) {
	.i-free-fu {
		background-repeat: no-repeat;
		background-size: 40px;
		width: 40px;
		height: 40px;
		top: 0px;
		right: 0px;
		position: absolute;
		background-image:url(https://image.geeko.ltd/site/icon/msite-fu.png);
	}

}
.menu-go-in {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	float: right;
	margin: 17px 12px 0 0;
}

.menu-num {
	width: 40%;
	height: 50px;
	float: left;
	text-align: right;
	padding-right: 2.2rem;
	color: #727271;
	overflow: hidden;
}

#menu-currency-list {
	clear: both;
	background: #FFFFFF;
	height: 50px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	position: relative;
	top: -50px;
	display: block;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.menu-change-currency {
	float: left;
}

.menu-bottom-line {
	height: 50px;
}

.o-s-foot .o-s-text {
	width: 100%;
}

/* .o-s-foot .o-s-text>div { */
/* 	width: 33%; */
/* } */

.o-s-foot .rate div {
	width: 120px;
	color: #00A0E9;
	height: 30px;
	margin-left: 25px;
	font-size: 16px;
	text-decoration: underline
}

.o-s-foot .rate {
	height: 30px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-image:
		url(https://image.geeko.ltd/site/icon/rate01.png);
	background-position-y: 3px;
}

.o-s-foot .o-s-text .send {
	width: 33%;
	height: 30px;
	position: relative;
}

.o-s-foot .o-s-text .send div {
	position: absolute;
	right: 0;
}

.x-error-msg-class{
	background-color:rgba(255,0,0,.6);
	color:#fff;
	padding:5px;
	font-size:12px;
	border-radius:4px;
}

.x-error-input-class{
	border:1px solid red !important;
 	box-shadow: inset 0 0 1px red !important;
}

.i-self-selector{
	position:relative;
	width:100%;
}

.i-self-selector .label{
	font-size:16px;
	text-align:right;
	line-height:40px;
	cursor: pointer;
	padding-right:10px;
}

.i-self-selector .label span::after{
	display:inline-block;
	content:'\e692';
	font-family: 'iconfont';
	vertical-align:middle;
	margin-left:5px;
	font-size: 16px;
}

.i-self-selector .select-list{
	position: absolute;
    top: 100%;
    font-size: 16px;
    font-weight: normal;
    line-height: initial;
    background-color: #fff;
    padding: 10px;
    z-index: 10;
    min-width: 100%;
    text-align: left;
}


.i-self-selector .select-list li{
	line-height:30px;
	cursor:pointer;
	font-size:16px;
}

.i-filter-sort{
	width:100%;
	height:40px;
	background-color: #fff;
	border-bottom: 1px solid #efefef;
}

.i-filter-sort.fixed{
	position:fixed;
	top: 50px;
	left:0;
	z-index:10;
}

.i-filter-sort > .m-table-cell{
	width: 50%;
}

.i-self-selector .select-list li a{
	text-decoration: none;
	color:#353339;
}

.i-self-selector .select-list li.active{
	background:url(https://image.geeko.ltd/site/selected.png) no-repeat calc(100% - 5px) center / 15px;
}
/*
#comm100-button-175{
	text-align:center;
	padding:15px 0 10px 0;
}

#comm100-button-175 a{
	position:relative;
	width:150px;
	height:30px;
	display:inline-block;
	color:#fff;
}

 #comm100-button-175 a::after{
	display:inline-block;
	position:absolute;
	width:100%;
	height:100%;
	content:'';
	top:0;
	left:0;
	background:url(https://image.geeko.ltd/Online.png) no-repeat center/100%;
} */

.rate-disabled{
	display:none;
}

.tl{
	border-top:1px solid #E4E3E3;
}

.m-limit-window{
	position: fixed;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	background-color:#fff;
	width:80%;
	padding:20px;
	max-width:300px;
	z-index: 200;
}

.m-limit-window .image{
	width: 70%;
	margin:auto;
}

.m-limit-window .image img{
	width: 100%;
}

.m-limit-window .title{
	font-size:18px;
	margin-top:10px;
	text-align:center;
}

.m-limit-window .dsc{
	color:#333;
	margin-top:10px;
	text-align:center;
}

.m-limit-window .time{
	margin-top:10px;
	text-align:center;
}

.m-limit-window .time .num{
	color: #fff;
	background-color: #e3014f;
	padding:8px 8px;
	border-radius:2px;
}

.m-limit-window .time .dotted{
	color: #e3014f;
	font-size:20px;
}


.m-limit-window .limit-time > *{
	margin-left: 5px;
	display:inline-block;
}

.m-limit-window .limit-time > *:first-child{
	margin-left: 0;
}

.m-limit-window .btn{
	margin-top: 15px;
    background: #e3014f;
    color: #fff;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.m-limit-window-mask{
	top:0;
	left:0;
	z-index:199;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.4);
	position:fixed;
}
div.mp-country-box{
	width:85px;
	cursor:pointer;
}
div.mp-has-country-box-css::after{
	content:'';
	width:0;
	height:0;
	border-top: 5px solid #000;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	position:absolute;
	right:-3px;
	top: 7px;
}
.mp-country-ul-css{
	background-color:#ffffff;
	border:1px solid #cacaca;
	width:80px;
	padding-top:3px;
	display:none;
	position:absolute;
	left:0px;
	top:22px;
	text-align:center;
}
.mp-country-ul-css li{
	font-weight:normal;
	padding:4px 0px;
	cursor:pointer;
}

.mp-black-square{
	width:6px;
	height:6px;
	display:inline-block;
	background-color:#000000;
	transform: translate(9px,-2px) rotate(45deg);
	z-index:1;
}

.mp-white-square{
	display:inline-block;
	width:8px;
	height:6px;
	background-color:#ffffff;
	transform: translate(2px, -5px);
	z-index:2;
}
div.mp-color-part-css{
	width:85px;
}
div.mp-placeholder-text{
	margin-top:6px;
	margin-bottom: 4px;
	font-size:12px;
}
.mp-padding-left-10{
	padding-left:3px;
}


.menu-loged-tabs{
	width:100%;
	padding:10px;
}

.menu-loged-tabs > *{
	width: 33.333%;
	text-align: center;
	font-size: 12px;
}


.menu-loged-tabs .tl{
	margin-top: 5px;
	border-top: none;
}
.menu-loged-tabs img{
	height:25px;
}
.menu-title{
	padding:18px 10px;
}

.m-download-app{
	margin-top:20px;
}
.mp-google-img{
	width:55%;
	padding-left: 17px;
}
.mp-app-store{
	width:45%;
}
.mp-google-img img{
	width:100%
}
.mp-app-store img{
	width:100%
}

.menu-select{
	-webkit-appearance: none;
    background:url(https://image.geeko.ltd/upgrade/20180110/up.png) transparent no-repeat calc(100% - 10px)/10px;
    border: 1px solid #666;
    text-align: center;
    padding: 5px 13px;
    position: relative;
    width: 85px;
    font-size: 12px;
    line-height: initial;
}

.menu-dl{
	display: inline-block;
	line-height:45px;
}

.menu-dl dt,.menu-dl dd{
	display: inline-block;
	vertical-align: middle;
}

.menu-dl dt{
	width: 75px;
}

.disabled{
/* 	pointer-events: none; */
}

.m-contact-button{
	width:110px;
	line-height:24px;
	border-radius:15px;
	text-align:center;
	margin:12px auto;
	background:#eee;
}
.m-contact-button a{
	color:#666;
	text-decoration:none;
}
.filterarrow{
	font-size:22px;
}
.cookie-mask{
	width:100%;
	line-height:20px;
	position:fixed;
	bottom:0;
	line-height:20px;
	padding:10px;
	text-align:center;	
	background-color:white;
	z-index:5;
	font-size:12px;
	border-top:1px solid #e3e3e3;
	box-shadow:0px 1px 1px 1px #e3e3e3;
}
.cookie-mask a{
	color:#222;
	font-weight:700;
}
.accept-btn{
	margin-top:10px;
	heigth:25px;
	line-height:25px;
	background-color:#E64545;
	border:none;
	color:white;
	cursor:pointer;
	font-size:12px;
	padding:0 15px;
}
.close-btn{
	width:100%;
	text-align:right;
	cursor:pointer;
	font-size:16px;
}
.emailist{
	border:1px solid #bdbdbd; 
	background-color:#fff; 
	color:#666; 
	font-size:16px; 
	list-style-type:0; 
	padding:0; 
	margin:0; 
	overflow:hidden;
	height:85px;
	overflow-y:auto;
}
.emailist li{
	padding:2px 11px;
	cursor:pointer;
}
.emailist .on, .emailist li:hover{
	background-color:#eee;
}

/* #comm100-button-176{
	width:155px;
	height:34px;
	line-height:28px;
	background-color:#ededed;
	margin:20px auto;
	border:1px solid #ededed;
	border-radius:100px;
	text-align:center;
	position:relative;
}
#comm100-button-176 a{
	text-decoration:none;
	color:#222;
	line-height:29px;
	dispaly:none;
	width:100%;
	opacity:0;
	position:absolute;
	left:0;
}
#comm100-button-176::before{
	font-family:iconfont;
	font-style:normal;
	content:'\e652';
	font-size: 20px;
	color:#222;
	margin-right:10px;
	position:relative;
	top:2px;
} */
.verCode{
	width:150px;
	height:30px;
	border:1px solid;
	border-color:#ededed;
	border-radius:2px;
}
.verImg{
	position:relative;
	top:9px;
	left:6px;
}

/* .i-new-crazy-hd{ */
/* 	padding-left: 5px; */
/* 	padding-right: 5px; */
/* } */


/* .i-crazy-blocker:first-child{ */
/* 	margin-left:0; */
/* } */

.i-crazy-blocker{
	padding: 10px 0;
	margin-left: 5px;
	text-align: center;
	position: relative;
}

#crazies{
	border-bottom: 1px solid #e5e5e5;
}

.i-crazy-blocker .__title{
	font-size: 12px;
	margin-top:5px;
}

.i-crazy-blocker .__imagepadding{
	padding: 4px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}

.i-crazy-blocker .__image{
	display: block;
	overflow:hidden;
	position: relative;
	border-radius: 50%;
	
}

.i-crazy-blocker .__image::after{
	content: '';
	margin-top: 100%;
	display: block;
}

.i-crazy-blocker .__image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.i-crazy-blocker.active .__imagepadding{
	border-color: #E64545;
}

.i-crazy-blocker.active::after{
	display: block;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	content: '';
	position: absolute;
	bottom:-5px;
	left:50%;
	transform: translateX(-50%) rotate(45deg);
	width: 10px;
	height: 10px;	
	background-color: #fff;
}

.off-icon{
      width: 35px;
        height: 42px;
    background-size: 100%;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding-top: 16px;
    top: -10px;
    left: 0;
    font-size: 12px;
    line-height: 12px;
}

.off-tip{
	display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    top: 3%;
    position: absolute;
    font-size: 12px;
    left: -40%;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 2px;
    z-index:5;
}
/* outfits */
#outfits-container{
	background-color: #fff;
    padding:15px 0 25px 0;
    border-top: 8px solid #f7f7f7;
    border-bottom: 8px solid #f7f7f7;
    display:none;
    font-family: OpenSans;
    text-align: center;
    color: #222;
}
#outfits-container .hd{
    font-size: 15px;
    font-weight: bold;
}
#outfits-container .l_hd{
	font-size: 13px;
}
.collCon{
    margin: 0 10px;
    background-color: white;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.collCon .flex-viewport{
	border:none;
}
.collCon .collImg img{
	width:100%;
}
.collCon .c-info{
	margin-top:10px;
}
.collCon .c-info .c-name{
	float: left;
    width: 50%;
    padding-left: 15px;
    line-height: 30px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.collCon .c-info .c-like{
	float:right;
	margin-right:20px;
	font-size:16px;
	color:#666;
	cursor:pointer;
	height:30px;
	line-height:30px;
}
.collCon .c-info .active i{
	color:#e9546b;
}
.collCon .c-info .c-like i{
	margin-right:6px;	
}
.collCon .c-info .c-share{
	cursor: pointer;
	float:right;
	margin-right:12px;
	margin-top:4px;
}
.collCon .c-info .c-share i {
	font-size: 20px;
    color: #d73532;
    
}
.collCon .c-info .c-share i:first-child{
	color: #3b579d;
    margin-right: 16px;
}

.collCon .c-info .c-shop{
	float:right;
	margin-right:12px;
	width: 150px;
	height: 30px;
	background-color: #e9546b;
	text-align:center;
	color:#fff;
	line-height:30px;
	font-size:16px;
	font-family: HelveticaNeue-Medium;
	letter-spacing:1px;
	cursor:pointer;
}
.c-info:after{
	display:block;
	clear:both;
	content:'';
}
.collProducts{
	margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.collProducts .collProduct{
	width: 28%;
}
.collProducts .collPlusIcon{
    width: 8%;
    color: #333;
    position: relative;
    top: -10px;
}
.collProducts .collProduct .p-img{
	width:100%;
	cursor:pointer;
}
.collProducts .collProduct .p-img a{
	display:block;	
}
.collProducts .collProduct .p-img img{
	width:100%;
}
.collProducts .collProduct .p-price{
	font-size:15px;
	color: #000;
	text-align:center;
}
.collProducts .collProduct .p-sizecolor{
    width: 100%;
    height: 28px;
    line-height:  28px;
    text-align:center;
    font-size:  16px;
    color:  #000;
    margin-top:8px;
    position:relative;
    cursor:pointer;
    background-color:#222;
    color:#fff;
    text-transform: capitalize;
}
.collProducts .collProduct .p-sizecolor span{
	overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 15px);
    display: inline-block;
    text-overflow:ellipsis;
}
.p-mask{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	top: 0;
	left: 0;
	display: none;
	z-index: 100;
	cursor:pointer;
}
.p-mask.active{
	display:block
}
.sharecon{
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	position: fixed;
	bottom: -100%;
	-webkit-transition: bottom .3s;
	transition: bottom .3s;
	z-index: 110;
	background-color:#fff;
}
.sharecon i{
	font-size:30px;
	color:#d73532;
	cursor:pointer;
	margin:10px;
}
.sharecon i:first-child{
	color:#3b579b;
}

.sharecon.active{
	bottom: 0;
}
.p-options{
	position: fixed;
	background-color: #fff;
	width: 100%;
	bottom: -100%;
	-webkit-transition: bottom .3s;
	transition: bottom .3s;
	z-index: 110;
}
.p-options.active{
	bottom: 0;
}
.p-options .hd{
	height: 35px;
    position: relative;
    background-color: #efefef;
}
.p-options .hd h3{
	font-size: 13px;
    font-weight: bold;
    line-height: 35px;
    padding-left: 10px;
}
.p-options .hd .cls{
	position: absolute;
    right: 10px;
    font-size: 18px;
    top: 8px;
    font-weight: bold;
    cursor: pointer;
}
.p-options .bd{
	background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}
.p-options .bd .color-size .label{
	display: inline-block;
    width: 70px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.p-options .bd .color-size .content{
	display: inline-block;
   	vertical-align: middle;
}
.p-options .bd .color-block{
	width: 40px;
    height: 53px;
    background: no-repeat top center / 100%;
    margin-top: 8px;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
}
.p-options .bd .active{
	border: 1px solid #222;
}
.p-options .bd .size-block{
	padding: 5px 9px;
	border: 1px solid #e6e6e6;
	cursor: pointer;
	display: inline-block;
	margin:2px 5px 0 0 ;
}
.p-options .bd .size-block.active{
	background-color: #222;
   	color: #fff;
}
.p-options .bd .size-block.hide{
	display:none;
}
.p-options .bd .p-s-fit-confirm {
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	outline: none;
	border: none;
	box-shadow: none;
	background-color: #222;
	cursor: pointer;
	margin-top: 23px;
	margin-left: 74px;
}
.collIntro{
    text-align: left;
    margin: 0 10px;
    padding-top: 15px;
}
.collIntro .collProductName{
	margin-bottom:10px;
	font-size:14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: #333;
    text-decoration: none;
}
.collIntro .collProductPrice{
	margin-left:13px;
	font-size:14px;
	font-weight: bold;
}
.collIntro .p-sizecolor{
	display: inline-block;
	padding:0 5px 0 15px;
	text-align:center;
	border-radius: 2px;
	border: solid 1px #dddddd;
	line-height:24px;
	cursor:pointer;	
}
.collIntro .p-sizecolor i{
	font-size:10px;
	margin-left:5px;
}
.collProductInfoItem{
	margin-bottom:15px;
	display:flex;
	justify-content: left;
}
.collProductInfoItem ._clickIcon{
	font-size:16px;
	width:16px;
	margin-right:8px;
	color:#333;
}
.collTotal{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0 15px 0;
}
.collAddToCart{
    margin: 0 10px;
    height: 40px;
    background-color: #ffffff;
    border: solid 1px #222222;
    line-height: 40px;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    cursor: pointer;
}
.add-success{
    width: 100px;
    height: 80px;
    background-color: rgba(0,0,0,.2);
    color: #fff;
    text-align: center;
    line-height: 80px;
    border-radius: 10px;
    position: fixed;
    z-index: 10000;
    top: calc(50% - 40px);
    left: calc(50% - 50px);
    letter-spacing: 1.2px;
    text-transform: capitalize;
}
/*outfits end*/


.head-countdown .date-num{
  color: #222;
  font-size: 14px;
}
.head-countdown .date-label{
  color: #fff;
	font-size: 14px;
  margin: 0 5px;
  text-transform: uppercase;
}
.head-countdown .date-doted{
  display: none;
}

.m-c-promotion{
	
    height: 25px;
    background-color: rgba(0,0,0,.6);
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    bottom: 27px;
    position: absolute;
    width: 100%;
    left: 0;
	
}

.x-com-dsc{
	display: inline-block;
	transform: scale(0.8);
}

.i-fixed-icon{
			position:fixed;
			width:50px;
			display:block;
			left:10px;
			bottom:60px;
			z-index:2;
		} 
		
		
		
.x-menus{}

.x-menus .x-first-menu{
	height: 45px;
    line-height: 45px;
    text-transform: capitalize;
    font-size: 16px;
    cursor: pointer;
}

.x-menus > .x-menu{
	border-top: 1px solid #e6e6e6;
	position: relative;
}

.x-menus > .x-menu:first-child{
	border-top: none;
}

.x-menu.x-hasleaf::after{
	content:'';
	display: block;
    height: 45px;
    width: 12px;
    background-image: url(https://image.geeko.ltd/site/ivrose/icon-157_.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 0;
}


.x-menus .x-second-menu{
	height: 45px;
    line-height: 45px;
    padding-left: 10px;
    font-size: 12px;
    padding-left: 15px;
    display: none;
    cursor: pointer;
}

.x-menus a{
	color: #222;
	text-decoration: none;
	display: block;
}

.x-menus .x-second-menu.second, .x-menus .x-second-menu.second a{
	font-weight: bold;
	text-transform: uppercase;
}

.x-menus .x-second-menu{
	border-top: 1px solid #e6e6e6;
}

.x-menu.x-hasleaf.active::after{
	transform: rotate(-180deg);
}

.x-menu.active .x-second-menu{
	display: block;
}

#addtohome{
	
}


.x-play{
	border: 2px solid rgba(255,255,255,.6);
	background-color: rgba(0,0,0,.45);
	position:relative;
	cursor: pointer;
	border-radius: 50%;
}


.x-progress{
	
	 
	 
}



.x-play::after{
	content:'\e758';
	color: #fff;
	font-family:"iconfont" !important;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	font-style:normal;
	font-size:20px;
	position: absolute;
	top: 48%;
    left: 54%;
    transform: scale(.9) translate(-50%,-50%);
   
}


.x-play.puase::after{
	content:'\e759';
	left: 50%;
}


.x-listing-play{
	width: 25px;
    height: 25px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    border-width: 1px;
}

.x-listing-play::after{
	font-size:10px;
}

.m-product{
	display:block;
	overflow:hidden;
}

.m-product::after{
	content:'';
	display:block;
	margin-top: 125%;
}





.x-product{
	
	
}

.x-product .__bd{
	position: relative;	
	display: block;
}

.x-product .__image{
	position: relative;
	overflow: hidden;
	background-color: #f1f1f1;
}

.x-product .__image::after{
	content:'';
	clear: both;
	margin-top: 125%;
	display:block;
}

.x-product .__image img{
	width: 100%;
	position: absolute;
	left:0;
	top:0;
	display: block;
}

.x-products{
	display: flex;
	flex-wrap: wrap;
}

.x-products > .x-product{
	width: calc(50% - 10px);
	margin: 10px 5px;
}

.x-products.__3 > .x-product{
	width: calc(33.333% - 10px);
}

.x-products.__3 > .x-product .three-count-none{
	display: none;
}

.x-product .three-count-none{
	display: none;
}


.x-product .__fd{
	padding-top: 5px;
}

.x-product .__name{
	font-size: 14px;
	color: #999999;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
}

.x-product .__prices{
	margin-top:2px;
	display: table;
	width: 100%;
	table-layout: fixed;
	text-align: left;
}

.x-product ._xprice{
	font-size: 16px;
}

.x-product .__prices > div{
	display: table-cell;
	vertical-align: middle;
}

.x-product .__prices > div:first-child{
	/*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}

.x-product .__prices > div:last-child{
	text-align: right;
	width: 26px;
}

.x-product .__price{
	font-size: 15px;
	color: #111;
	font-family: 'AcuminPro-Bold';
}

.x-product .points-price{
	font-family: 'SlatePro-Medium';
	font-size: 14px;
	color: #e64545;
}

.x-product .points-icon{
	width: 11px;
	height: 11px;
	display: inline-block;
	background-image: url(https://image.geeko.ltd/chicme/2021111101/point_mall.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.x-product .points-count{
	font-size: 12px;
	color: #e96060;
}

.x-product .__promotion,.__flashdeals{
	font-family: AcuminPro-Bold;
	font-size: 15px;
	color: #e64545;
	display: inline-block;
}

/*.x-product .__promotion::before{*/
/*	content: '\e6be';*/
/*	font-family: iconfont;*/
/*	font-size: 14px;*/
/*	color: #e64545;*/
/*	margin-right: 4px;*/
/*	vertical-align: middle;*/
/*	position:relative;*/
/*	top:-1px;*/
/*}*/

.x-product .__flashdeals::before{
	content: '\e6f4';
	font-family: iconfont;
	font-size: 14px;
	color: #fed157;
	margin-right: 4px;
	vertical-align: middle;
	position:relative;
	top:-1px;
}

.x-product .__del{
	font-size: 12px;
	color: #b4b4b4;
}

.x-product .__icon{
	font-size: 16px;
	cursor:pointer;
	position: relative;
}

.x-product .__like.active::after{
	content: '\e67b';
	width:100%;
	height:100%;
	position:absolute;
	font-size: 16px;
	display: inline-block;
	top:0;
	left:0;
	color:#da3f3f;
}

.x-product .__off{
	height: 15px;
	width: 42px;
	line-height: 13px;
	text-align: center;
	font-size: 11px;
	border: solid 1px #222222;
}

.x-product .__flash{
	color: #ffe700;
}

.x-product .__bird{
	color: #63c763;
}

.x-product .__boutique{
	color: #ffb512;
    font-size: 13px;
}

.x-product .__multicolor{
	background:url(https://image.geeko.ltd/site/icon/multicolor.png) center/100% no-repeat;
	width:15px;
	height:15px;
}

.x-product .__events{
	height: 20px;
}

.x-product .__events > .__event{
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
}

.x-product .__events > .__event:first-child{
	margin-left:0;
}

.x-product .vcolor{
	position: relative;
}

.x-product .vcolor img{
	width: 100%;
	padding: 1px;
	border-radius: 50%;
}

.x-product .colored-selected .vcolor img{
	border: 1px solid #222;
}


.x-list-product-slider{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 5px;
}


.x-list-product-slider > .__slider{
	width: calc(100% - 25px);
	margin-left: 0;
}



.x-list-product-slider > .__more{
	width: 25px;
	cursor: pointer;
	display: none;
	text-align: right;
	color: #999;
	font-weight: bold;
	font-family: iconfont;
	font-size: 12px;
	transform: scale(.2);
}

.x-list-product-slider > .__more.active{
	display: inline;
}

.i-subcribor{
    padding: 20px 20px;
    background-color: #f1f1f1;
}

.x-socials{
    margin-top: 10px;
    vertical-align: middle;
  	display: inline-block;
  	margin-right: 10px;
}
.x-social-label{
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.x-social-label i{
  	font-size: 25px;
}
  .x-sub-label{
    font-size: 14px;
    font-family: AcuminPro-Bold;
    text-align: left;
  }

  .x-sub-desc{
    font-size: 12px;
    color:#666;
    margin-top: 10px;
  }
.x-footer-sub input{
      border: none;
      outline: none;
      box-shadow: none;
      width: 100%;
      height: 100%;
      padding-left: 10px;
      background-color: #f1f1f1;
      font-family: AcuminPro-Bold;
	 font-size: 12px;
}
  .x-footer-sub{
    height: 35px;
    position: relative;
    margin-top: 10px;
    border:1px solid #cacaca;
  }
  .x-footer-sub .after{
      width: 95px;
      height: 35px;
      cursor: pointer;
      display: block;
      position: absolute;
      right: 0;
      top: -1px;
      border: none;
      box-shadow: none;
      outline: none;
      background-color: #222;
      color:  #fff;
      text-transform: uppercase;
      font-family: AcuminPro-Regular;
	 font-size: 14px;
	}
.sub-alert{
    width: 80%;
    background-color: #fff;
    color: #222;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: left;
    border: 1px solid #efefef;
    padding: 20px;
    border-radius: 2px;
    transform: (50%,50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 50;
}
.sub-alert-btn{
	width: 80px;
    background-color: #222;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    margin: 15px auto 0;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.owl-carousel{
	display:block !important;
}
._grey{
    opacity: .5;
}

.Flow-Container::after{
	content:'';
	display:block;
	clear:both;
}
.Flow-Container > .__col{
	float: left;
}


.listing-coupon .__close{
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	    font-size: 20px;
    cursor: pointer;
}

.listing-coupon{
	background-color:#222;
	color: #fff;
	text-align: center;
	position: relative;
	display: none;
}

.listing-coupon .__coupon a{
	color: #fff;
	text-transform: uppercase;
}

.listing-coupon .__coupons > li{
	line-height: 25px;
}

.listing-coupon .__coupons{
	padding: 15px 10px;
}

.x-mask{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:50;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	cursor:pointer;
}

.p-sizecolor-containers > div{
	margin-top: 10px;
	position: relative;
}

.p-sizecolor-containers > div:first-child{
	margin-top: 0;
}

.x-product-buyer{
	position: fixed;
	background-color: #fff;
	z-index: 51;
	bottom:-100%;
	left:0;
	width: 100%;
	transition: bottom .4s ease;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.x-product-buyer.active{
	bottom:0;
}


.x-product-buyer .__bd{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	-webkit-overflow-scrolling: touch;

}


/*size color*/

.p-color-size{
	padding-top:15px;
	padding-left: 10px;
	padding-right: 10px;
}

.p-sizecolor-container{
}

.p-sizecolor-container > div{

}

.p-sizecolor-container .__label{
	font-family: SlatePro-Medium;
	font-size: 12px;
}

.p-sizecolor-container .__tools{
	margin-top: 6px;
}

.p-colors{
}
.p-colors > li{
	width: 36px;
	height: 44px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
	padding:1px;
	border: solid 1px #ccc;
}
.p-colors > li a{
	text-decoration: none;
}
.p-colors > li img{
	width: 100%;
}

/* .p-colors > li.selected::after{
	border: 1px solid #222;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	position:absolute;
	content:'';
	border-radius: 2px;
} */

.p-colors > li.selected{
	border: solid 1px #222;
}


.p-size-item{
	display:inline-block;
	min-width:56px;
	height: 24px;
	border: solid 1px #dddddd;
	cursor: pointer;
	text-align: center;
	line-height: 24px;
	border-radius:4px;
}

.p-size-item.dashed{
	border-style: dashed;
	color: #e6e6e6;
}

.p-size-item.selected{
	border-color: #222;
}

.p-size-item.dashed.selected{
	color: #e6e6e6;
	border-style: solid;
}

.p-size-item.disabled{
	border-color: #efefef;
	color: #efefef;
}

.p-sizes{
	display: flex;
	flex-wrap: wrap;
}

.p-sizes > li{
	margin-right: 12px;
	margin-bottom: 12px;
}

.xp-warehouse{
	padding: 10px 10px 10px 20px;
}

.xp-warehouse > *{
	display: inline-block;
	vertical-align: middle;
}

.xp-warehouse img{
	width: 35px;
	height: 100%;
	display: block;
}

.mp-product-summary-container > div{
	margin-top: 15px;
}

.mp-product-summary-container > div:first-child{
	margin-top:0;
}

.mp-product-summary-container{
	padding: 10px;
}

.p-qty-chg{
	height:18px;
	width: 35px;
	line-height:18px;
	text-align:center;
	border-radius:3px;
	font-size:1.4rem;
	color:#6d7682;
}
.p-qty-chg:active{
	background-color: #000;
	color:#fff;
}
.p-qty{
	width:30px;
	height:18px;
	line-height:18px;
	border:none;
}
.p-cs-box{
	display:inline-block;
	margin-right:0px;
	vertical-align:middle;
	background-color: #f6f6f6;
}


.x-product-buy{
	background-color: #E64545;
    color: #fff;
	font-family: SlatePro-Medium;
	font-size: 18px;
    text-align: center;
	height: 42px;
	line-height: 42px;
	background-color: #121314;
	border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.x-product-soldout-btn{
	cursor: not-allowed;
	text-align: center;
	height: 45px;
	line-height: 45px;
	border-radius: 2px;
	background-color: #efefef;
	color: #666;
	font-size: 1rem;
	width: 100%;
	display: inline-block;
	text-transform: capitalize;
}

.x-product-pointsmall-buy{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	line-height: normal;
}

.x-product-pointsmall-buy .__icon{
	width: 11px;
	height: 11px;
	display: inline-block;
	background-image: url(https://image.geeko.ltd/chicme/2021111101/point_mall.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.x-product-pointsmall-buy span{
	margin-right: 3px;
}

.list-reviews{
	height:22px;
	line-height: 22px;
}
.reviews i{
    height: 10px;
    letter-spacing: -2px;
}
.reviews-stars i{
	font-size: 9px;
    color: #e64545;
    display: inline-block;
    transform: scale(0.8);
}
.reviews-count{
	font-size: 14px;
	color:#999;
}
.reviews{
	height:15px
}

.icon-buy-cart{
	cursor: pointer;
}

.i-outer-tag{
	background-color: rgb(246,246,246);
	border: 1px solid rgb(246,246,246);
	color: #666;
	border-radius: 2px;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
	cursor: pointer;
	position: relative;
}

.i-outer-tag.active{
	border-color: #222;
}

.i-outer-tag.active::after{
	display: inline-block;
	font-family: iconfont;
	content: '\e680';
	position: absolute;
	top: -5px;
	right: -1px;
	font-size: 17px;
	color: #222;
}



.x-menu-page{
	position: fixed;
	width: calc(100% - 50px);
	top: 0;
	left: -100%;
	z-index: 101;
	background-color: #ffffff;
	height: 100%;
	overflow: hidden;
	transition: .1s left;
}


.x-menu-page.active{
	left: 0;
}

/*.x-menu-page > .__hd{*/
/*	height: 43px;*/
/*	border-bottom: solid 1px #e6e6e6;*/
/*}*/

.x-menu-page > .__bd{
	height: calc(100% - 50px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding-top: 15px;
}

.x-menu-page > .__fd{
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	box-shadow: 0 -5px 5px rgba(0, 0, 0, .05);
}

.x-menu-page > .__fd .fdicon{
	font-size: 25px;
	text-decoration: none;
	color: #222;
}

.x-category-page .__first_menu{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.x-category-page .__first_menu > * {
	display: table-cell;
}

.x-category-page .__first_menu > .__icon_container{
	width: 44px;
	vertical-align: middle;
}
.x-category-page .__first_menu .__icon{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #fafafa;
	border: solid 1px #f0f0f0;
	text-align: center;
	display: inline-block;
	overflow: hidden;
}

.x-category-page .__first_menu .__icon img{
	height: 100%;
	display: inline-block;
}

.x-category-page .__first_menu > .__title{
	font-size: 14px;
	color: #222222;
	padding-left: 15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align: middle;
}

.x-category-page .__first_menu > .__sword{
	width: 12px;
	vertical-align: middle;
}

.x-category-page .__first_menus{
	padding-left: 20px;
	padding-right: 14px;
}

.x-category-page .__first_menus > li{
	margin-top: 16px;

}

.x-category-page .__first_menus > li:first-child{
	margin-top: 0;
}

.x-category-page .x-secondary-menu{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 100%;
	transition: left .2s;
	background-color: #fff;
	z-index: 1;
}

.x-category-page .x-secondary-menu.active{
	left: 0;
}

.x-category-page .x-secondary-menu > .__hd{
	height: 44px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
}

.x-category-page .x-secondary-menu > .__hd .__back{
	cursor: pointer;
	font-family: iconfont;
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 0;
}

.x-category-page .x-secondary-menu > .__bd{
	height: calc(100% - 44px);
	padding-bottom: 20px;
	padding-top: 10px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.x-leaf-icons{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.x-leaf-icons > .__leaf{
	width: 33.333%;
	text-align: center;
	padding: 10px;
}

.x-leaf-icons > .__leaf > .__image{
	padding-left: 12px;
	padding-right: 12px;
	display: block;
}

.x-leaf-icons > .__leaf > .__image img{
	display: block;
	width: 100%;
}

.x-leaf-icons > .__leaf > .__title{
	font-size: 12px;
	color: #666;
	margin-top: 6px;
}

.x-category-page .__secondary_box > .__hd{
	padding-top: 10px;
	padding-left: 10px;
	font-size:12px;
	text-transform: uppercase;
}
.x-category-page .__secondary_box > .__bd{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


.x-secondary-boxes > .__secondary_box{
	border-top: 10px solid #fff;
}

.x-secondary-boxes > .__secondary_box:first-child{
	border-top: none;
}


.x-menu-image-box{
	display: flex;
	flex-wrap: wrap;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}

.x-menu-image-box img{
	display: block;
	width: 100%;
}
.x-menu-banner{
	padding-left: 10px;
	padding-right: 10px;
}


.x-menu-tools{
	border-top: 8px solid #f7f7f7;
	margin-top: 18px;
}

.x-menu-tool{
	height: 50px;
	line-height: 50px;
	position: relative;
	padding-left: 20px;
	padding-right: 14px;
}

.x-menu-tool .__tool_title{
	font-family: 'SlatePro-Medium';
	font-size: 16px;
	margin-left: 10px;
}

.x-menu-tool .__tool_icon{
	font-family: 'iconfont';
	font-size: 20px;
	vertical-align: middle;
}

.x-menu-tool .__tool_value{
	font-size: 14px;
	color: #aaa;
	float: right;
}

.x-menu-tool .__tool_select{
	border: none;
	background: none;
	position: absolute;
	height: 100%;
	text-align: right;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}


.x-menu-page .__grey_foot{
	background-color: #f7f7f7;
	padding-left: 20px;
	padding-right: 14px;
}

.x-menu-page .__grey_foot .__go{
	height: 50px;
	line-height: 50px;
	display: table;
	width: 100%;
	table-layout: fixed;
	color: #222;
	text-decoration: none;
}

.x-menu-page .__grey_foot .__go > .__title{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align: middle;
	display: table-cell;
	font-size: 16px;
}

.x-menu-page .__grey_foot .__go > .__icon{
	width: 20px;
	vertical-align: middle;
	display: table-cell;
}

.x-menu-page .__downloadcontainer{
	background-color: #f7f7f7;
	padding: 0 14px 20px 20px;

}

.x-menu-page .__download{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: solid 1px #e6e6e6;
	padding-top: 20px;
}

.x-menu-page .__download > div{
	display: table-cell;
	vertical-align: middle;
}

.x-menu-page .__download > div:first-child{
	width: 40px;
}

.x-menu-page .__download > div:nth-child(2){
	padding-left: 7px;
}

.x-menu-page .__download > div:nth-child(3){
	width: 30px;
}

.x-menu-page .__download .__image{
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 8px;
}

.x-menu-page .__download .__dIcon{
	font-size: 28px;
}



.xi-images{

}

.xi-images.__2{
	margin: 0;
	padding: 0;
}
.flexslider{
	border: none !important;
}

.xi-images::after{
	content: '';
	display: block;
	clear: both;
}

.xi-images > li{
	float: left;
	padding: 7.5px;
}

.xi-images.__2 > li{
	padding: 0;
}

.xi-images > li a{
	text-decoration: none;
}

.xi-images > li img{
	display: block;
	width: 100%;
}

.xi-title-2{
	font-size: 18px;
	letter-spacing: 2.7px;
	text-transform: uppercase;
}

.xi-list-2 > li{
	padding: 7.5px;
	width:50%;
	float: left;
}

.xi-list-2{
	margin-left: -7.5px;
	margin-right: -7.5px;
	margin-top: -7.5px;
	padding-left: 15px;
	padding-right: 15px;
}

.xi-list-2::after{
	content:'';
	display: block;
	clear: both;
}

.xi-product .__image{
	position: relative;
	overflow: hidden;
	background-color: #efefef;
}

.xi-product .__image::after{
	margin-top: 125%;
	content:'';
	display: block;
}

.xi-product .__image > img{
	position: absolute;
	width: 100%;
	top:0;
	left:0;
	display: block;
}



.xi-list-products{
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	border-radius: 2px;
	margin: -7.5px -5px;
}

.xi-list-products > li{
	width: 33.333%;
	padding: 7.5px 5px;
}

.xi-list-product .__image{
	position: relative;
	background-color: #EFEFEF;
	overflow: hidden;
}

.xi-list-product .__image::after{
	margin-top: 125%;
	content: '';
	display: block;
}

.xi-list-product .__image img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.xi-list-product figure figcaption{
	margin-top: 5px;
}


.xi-list-product figure figcaption .__prices {
	margin-top: 2px;
	display: table;
	width: 100%;
	table-layout: fixed;
}


.xi-list-product figure figcaption .__prices > div{
	display: table-cell;
	vertical-align: middle;
}

.xi-list-product figure figcaption .__prices > div:first-child{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.xi-list-product figure figcaption .__prices > div:last-child{
	text-align: right;
	width: 25px;
}

.xi-list-product figure figcaption .__price{
	font-size: 14px;
	color: #111;
	font-family: 'AcuminPro-Bold';
}

.xi-list-product figure figcaption .__del{
	font-size: 12px;
	color: #b4b4b4;
}

.xi-list-product figure figcaption .__icon{
	font-size: 16px;
	cursor:pointer;
	position: relative;
}

.xi-list-product figure figcaption .__btn{
	display: block;
	width: 100%;
	height: 24px;
	background-color: #111111;
	border-radius: 2px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
	text-transform: capitalize;
}

.xi-list-friday .__viewall{
	height: 25px;
	line-height: 25px;
	background-color: #ffffff;
	border-radius: 2px;
	font-size: 14px;
	color: #999;
	text-align: center;
	display: inline-block;
	padding-left: 27px;
	padding-right: 27px;
}

.xi-list-friday > .__image{
	display: block;

}

.xi-list-friday > .__image img{
	display: block;
	width: 100%;
}

.xi-list-friday{
}

.xi-list-friday > .__hd{
	margin-top: 10px;
	overflow: initial;
	padding-left: 10px;
	padding-right: 10px;
}

.xi-list-friday > .__bd{
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.xi-list-friday .__firday_products{
	display: none;
}

.xi-list-friday .__firday_products.active{
	display: block;
}



.xi-list-friday .__tabs {
}

.xi-list-friday .__tabs > .__tab{
	cursor: pointer;
	height: 32px;
	border-radius: 2px;
	border: solid 1px #cacaca;
	width: auto;
	min-width: 90px;
	font-family: SlatePro-Medium;
	font-size: 13px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px;
	position: relative;
}

.xi-list-friday .__tabs > .__tab.active{
	background-color: #222;
	color: #fff;
	border-color: #222;
}

.xi-list-friday .__tabs > .__tab.active::after{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #222;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	position: absolute;
}

.xi-list-friday .__tabs2 {
	display: flex;
	justify-content: center;
}

.xi-list-friday .__tabs2 > .__tab{
	margin-left: 6px;
	margin-right: 6px;
	width: 90px;
	height: 32px;
	color: #fff;
	border: solid 1px #ffffff;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	font-family: SlatePro-Medium;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}

.xi-list-friday .__tabs2 > .__tab.active{
	background-color: #e81e03;
	border-color: #e81e03;
}








.xi-list-friday .__tabs3 {
	background-color: #f6f6f6;
}

.xi-list-friday .__tabs3 > .__tab{
	cursor: pointer;
	height: 32px;
	width: auto;
	min-width: 25%;
	font-family: SlatePro-Medium;
	font-size: 13px;
	text-align: center;
	line-height: 30px;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

.xi-list-friday .__tabs3 > .__tab::after{
	height: 8px;
	border-left: solid 1px #cacaca;
	position: absolute;
	right: 0;
	top: 12px;
	content: '';
	display: inline-block;
}

.xi-list-friday .__tabs3 > .__tab:last-child::after{
	border-left: none;
}

.xi-list-friday .__tabs3 > .__tab.active{
	background-color: #222;
	color: #fff;
}


.xi-list-friday .__tabs3 > .__tab.active::after{
	border-color: #222;
}

.xi-list-friday .__tabs3.__tab8 > .__tab::after{
	content: none;
}


.xi-list-friday .__tabs5 {
	background-color: #fde4a1;
}

.xi-list-friday .__tabs5 > .__tab{
	cursor: pointer;
	height: 50px;
	width: auto;
	min-width: 20%;
	font-size: 14px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #fde4a1;
}

.xi-list-friday .__tabs5 > .__tab{
	color: #212121;
}

.xi-list-friday .__tabs5 > .__tab.active{
	background-color: #fcd364;
	color: #000;
}



.xi-list-friday .__colorhd2{
	height: 48px;
}

.xi-list-friday .__tabs6{
	height: 48px;
}

.xi-list-friday .__tabs6 > li{
	width: auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 12px;
	position: relative;
	text-transform: uppercase;
}

.xi-list-friday .__tabs6 > li.active{
	color: var(--lottery-color--, #ff63c4);
	font-family: AcuminPro-Bold;
}

.xi-list-friday .__tabs6 > li.active::after{
	 height: 2px;
	 width: 100%;
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 background-color: var(--lottery-color--, #ff63c4);
	 content: '';
 }

.product-top-number{
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--lottery-top-color--, #f9368e);
	width: 32px;
	height: 35px;
	padding-top: 5px;
	z-index: 1;
}


.product-top-number > .__txt{
	  position: relative;
	  z-index: 2;
	  text-align: center;
	  color: #fff;
	  text-transform: uppercase;
	  font-size: 12px;

}
.product-top-number > .__txt .__number{
	font-family: AcuminPro-Bold;
	font-size: 16px;
}
.product-top-number::after{
	position: absolute;
	width: 18px;
	z-index: 1;
	background-color: var(--lottery-top-color--, #f9368e);
	transform: rotate(45deg) skew(-12deg,-12deg);
	content: "";
	height: 18px;
	bottom: -9px;
	left: 7px;
 }


.xi-landing-discounts .xi-discount{

}
.xi-landing-discounts .xi-discount .__image{
	min-height: 120px;
	margin-top: 24px;
	padding-left: 7px;
	padding-right: 7px;
	position: relative;
}

.xi-landing-discounts .xi-discount .__image img{
	display: block;
	width: 100%;
}


.xi-landing-discounts .xi-discount .__image .__title{
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	position: absolute;
	left: 0;
}

.xi-discount .__time_line{
	text-align: center;
}

.xi-discount .__time_line .__line{
	position: relative;
	margin-top: 7px;
}

.xi-discount .__time_line .__line::before, .xi-discount .__time_line .__line::after{
	height: 2px;
	background-color: #4e150d;
	position: absolute;
	width: 50%;
	top: 0;
	content: '';
}

.xi-discount .__time_line .__line::before{
	left: 0;
}

.xi-discount .__time_line .__line::after{
	right: 0;
}

.xi-discount .__time_line .__line .__node{
	width: 10px;
	height: 10px;
	background-color: #4e150d;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -4px;
	border-radius: 50%;
	z-index: 2;
}

.xi-discount.active .__time_line .__line .__node, .xi-discount.actived .__time_line .__line .__node{
	background-color: #bd1e08;
}

.xi-discount.active .__time_line .__line::before, .xi-discount.actived .__time_line .__line::before{
	background-color: #bd1e08;
}

.xi-discount.actived .__time_line .__line::after{
	background-color: #bd1e08;
}



.xi-discount .__time_line .__title{
	font-size: 12px;
	color: #fff;
	font-family: SlatePro-Medium;
}

.xi-landing-discounts.flexslider{
	background: transparent;
}

.xi-discounts-container > .__hd{
	text-align: center;
	height: 42px;
	line-height: 42px;
	font-family: SlatePro-Medium;
	font-size: 18px;
	color: #ffffff;
	background-color: #c72913;
}

.xi-discounts-container > .__bd{
	padding: 20px 0 20px 20px;
}







.xi-landing-products{
	display: flex;
	flex-wrap: wrap;
	border-radius: 2px;
	padding: -5px;

}

.xi-landing-products > li{
	width: 33.333%;
	padding: 5px;
}

.xi-landing-product{
	background-color: #fff;
}
.xi-landing-product .__image{
	position: relative;
	background-color: #EFEFEF;
	overflow: hidden;
}

.xi-landing-product .__image::after{
	margin-top: 125%;
	content: '';
	display: block;
}

.xi-landing-product .__image img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.xi-landing-product figure figcaption{
	margin-top: 5px;
	position: relative;
	height: 27px;
	padding-left: 10px;
	line-height: 27px;
}


.xi-landing-product figure figcaption .__lower{
	font-family: SlatePro-Medium;
	font-size: 14px;
	color: #000;
}

.xi-landing-product figure figcaption .__buyer{
	font-size: 13px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 0;
}

.xi-landing-products-container .__viewall{
	height: 25px;
	line-height: 25px;
	background-color: #ffffff;
	border-radius: 2px;
	font-size: 14px;
	color: #000;
	text-align: center;
	display: inline-block;
	padding-left: 27px;
	padding-right: 27px;
	text-decoration: none;
}

.i-landing-navi{
	background-color: #000;
}


.i-landing-navi .__nav{
	display: inline-block;
	height: 40px;
	background-color: #030303;
	cursor: pointer;
	width: 100%;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

.i-landing-navi .__nav.active{
	background-color: #f6010b;
}

.i-landing-navi.fixed{
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 10;
}

.xi-christmas{

}

.xi-christmas a{
	display: block;
	text-decoration: none;
}

.xi-christmas a img{
	display: block;
	width: 100%;
}
.xi-christmas .__images{
	display: flex;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background: url(https://image.geeko.ltd/upgrade/20201109/pc-bg.png) no-repeat center/100%;
}


.xi-christmas .__images > li{
	width: 33.333333%;
}

.x-black-icon{
	width: 36px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.x-black-icon.small{
	width: 32px;
}

.x-black-icon img{
	display: block;
	width: 100%;
}


.x-black-off{
	z-index: 1;
	background-color: #ff7f4b;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	padding-top: 3px;
}

.x-black-off.small{
	width: 32px;
	height: 32px;
	padding-top: 1px;
}


.x-black-off .__amounttxt{
	font-size: 13px;
	font-family: SlatePro-Medium;
}
.x-black-off .__percenttxt{
	font-size: 12px;
	margin-left: -3px;
}
.x-black-off .__offtxt{
	font-size: 12px;
	display: block;
	line-height: 12px;
	margin-top: -2px;
}

.xp-size-tip{
	line-height: 20px;
	font-size: 12px;
	text-transform: capitalize;
}

#msite-footer{
	background-color:#f1f1f1;
	padding-top:15px;
}

.foot-flex{
    display: flex;
    padding: 0px 60px;
    justify-content: space-between;
    background-color:#f1f1f1;
   	border-bottom:1px solid #e6e6e6;
   	padding-bottom:20px;
}

.foot-icon{
    width: 34px;
 	height: 34px;
    background-color: #000000;
    text-align: center;
    line-height: 34px;
    text-decoration: none;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    cursor: pointer;
}

.foot-icon .span1{
    font-size: 18px;
}

.foot-icon .span2{
    font-size: 20px;
}

.x-promotion-collections{
	padding: 5px 8px 3px 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.x-promotion-collections-container{
	position: relative;
	overflow: hidden;
	background: url(https://image.geeko.ltd/upgrade/20201224/cback.jpg) center/cover;
}

.x-promotion-collections-container::after{
	display: block;
	content: '';
	margin-top: 125%;
}

.x-promotion-collections > .__hd{
	font-family: SlatePro-Medium;
	font-size: 14px;
	color: #ff9600;
	text-align: center;
}

.x-promotion-collections > .__bd{
	display: flex;
	flex-wrap: wrap;
}

.x-promotion-collections > .__bd > li{
	padding: 4px;
	width: 50%;
}

.x-promotion-collections .__collection{
	background-color: #fff;
	padding: 4px;
}

.x-promotion-collections .__collection .__image{
	position: relative;
	overflow: hidden;
	background-color: #efebef;
}

.x-promotion-collections .__collection .__image::after{
	content: '';
	display: block;
	margin-top: 125%;
}

.x-promotion-collections .__collection .__image img{
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.x-new-menu-page{
	display: flex;
}

.x-new-menu-page > div:first-child{
	width: 104px;
	position: relative;
	height: 100%;
}

.x-new-menu-page > div:last-child{
	width: calc(100% - 104px);
	position: relative;
}

.x-first-menu{
	height: 50px;
	cursor: pointer;
	padding-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
}

.x-first-menu::after{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: '';
}

.x-first-menu.active{
	background-color: #f7f7f7;
	font-family: SlatePro-Medium;
}

.x-first-menus{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.x-new-menu-page .x-secondary-menu{
	transition: none;
}

.x-new-menu-page .x-secondary-menu > .__bd{
	height: 100%;
}

.x-new-menu-page .x-secondary-menu{
	background-color: #f7f7f7;
	padding-left: 10px;
	padding-right: 10px;
}

.x-new-menu-page .x-secondary-boxes > .__secondary_box{
	background-color: #fff;
}


.x-new-menu-page .x-menu-banner{
	padding-left: 0;
	padding-right: 0;
}


.x-new-menu-page .x-menu-image-box{
	padding-left: 0;
	padding-right: 0;
}

.m-fixed-bottom-nav{
	background-color: #fff;
	height: 51px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: solid 1px #eeeeee;
	display: flex;
	padding-top: 7px;
	z-index: 10;
}

.m-fixed-bottom-nav > div{
	width: 20%;
	text-align: center;
}

.m-fixed-bottom-nav .__element .__icon, .m-fixed-bottom-nav .__element .__title{
	color: #999;
}

.m-fixed-bottom-nav .__element.active .__icon, .m-fixed-bottom-nav .__element.active .__title{
	color: #222;
}

.m-fixed-bottom-nav .__element{
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #999;
	position: relative;
}

.m-fixed-bottom-nav .__element .__title{
	font-size: 12px;
	line-height: 14px;
	margin-top: 3px;
	text-transform: capitalize;
	font-family: 'SlatePro-Medium';
}

.m-fixed-bottom-nav .__element .__icon{
	font-size: 18px;
}

.m-fixed-bottom-nav .__element .__ctip{
	position: absolute;
	background-color: #e64545;
	top: -12px;
	right: -12px;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	display: none;
}


.x-top-web-sites{
	background-color: #fff;
	height: 38px;
	padding-left: 20px;
	width: 100%;
	padding-top: 10px;
}

.x-top-web-sites ul > li{
	width: auto;
	padding-bottom: 5px;
}

.x-top-web-sites ul > li a{
	color: #666;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'AcuminPro-Bold';
}

.x-top-web-sites .web-actived {
	border-bottom: 3px solid #222;
}

.x-top-web-sites .web-actived a{
	color: #222;
	font-family: 'AcuminPro-Bold';
}


.x-product-info .__imageslide{
	width: 44%;
	background-color: #efebef;
	overflow: hidden;
}

.x-product-info .__imageslide::after{
	display: block;
	margin-top: 125%;
	content: '';
}

.x-product-info .__imageslide img{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.x-product-info .__swiper{
	overflow: initial;
}

.x-product-info .__name{
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-top: 5px;
}
.x-product-info .__prices{
	margin-top: 5px;
	margin-bottom: 20px;
}


.x-product-info .__prices .x-product-price{
	font-family: AcuminPro-Bold;
	font-size: 20px;
	color: #e64545;
}

.x-product-info .__prices .x-product-del-price{
	font-size: 12px;
	margin-left: 10px;
}

.x-product-info .__prices .x-product-off{
	background-color: #222;
	color: #fff;
	padding: 2px 4px;
	font-size: 12px;
	margin-left: 10px;
}



@media screen and (min-width:370px) {
	.x-menu-page {
		width: calc(100% - 80px);
	}
}

@media screen and (min-width:400px) {
	.x-menu-page {
		width: calc(100% - 100px);
	}
}


/* Search history */
.m-recently-searched{
	margin-top: 10px;
	padding: 0px 12px;
	display: none;
}

#recently-searched{
	display: flex;	
	/* margin-top: 5px; */
	flex-wrap:wrap;
}

#recently-searched .recently-item {
	padding: 5px 15px;
	color: #666666;	
	background-color: #f6f6f6;
	border-radius: 2px;
	margin: 10px 10px 0 0;
	text-transform: capitalize;
	cursor: pointer;
}

.recently-more{
	width: 26px;
	height: 26px;
	background-color: #f6f6f6;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
	margin: 10px 10px 0 0;
	transform: rotate(90deg);
	cursor: pointer;
}

.recently-more span{
	font-size: 12px;
	color: #666666;
}

#remove-recently{
	width: 25px;
	height: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
	cursor: pointer;
	background-image: url(https://s3-us-west-2.amazonaws.com/image.chic-fusion.com/site/icon/icon-168.png);
	display:inline-block;
}

.recently-container-item{
	width: calc(100% - 100px);
       position: fixed;
       padding: 5px;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
       background-color: #ffffff;
	border-radius: 12px;
	padding: 30px;
	z-index: 502;
	display: none;
}

.recently-container-item > div:first-child{
	font-family: SlatePro;
	font-size: 15px;
	line-height: 18px;
	color: #222222;
}

.recently-container-item .l-btn{
	display: flex;
	margin-top: 20px;
	width: 100%;
	justify-content: space-between;
}

.recently-container-item .l-btn > div{
	width: calc(50% - 10px);
	height: 28px;
	color: #222222;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	outline: none;
}

.recently-container-item .l-btn > div:first-child{
	border: solid 1px #e6e6e6;
}

.recently-container-item .l-btn > div:last-child{
	background-color: #222222;
	color: #ffffff;
}

#recently-mask{
	position: fixed;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       background-color: rgba(0, 0, 0, 0.4);
       z-index: 501;
       display: none;
}

#hots .my-hot-icon{
	width: 25px;
	height: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
	cursor: pointer;
	/* display:inline-block; */
}



#lottery #easter-egg{
	width: 80px;
	position: fixed;
	left: 15px;
	bottom: 60px;
	z-index: 2;
	transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    z-index: 5;
}

#lottery .easter-divs{
	width: 80px;
	height: 80px;
	animation: index-shake 1s infinite;
	-webkit-animation: index-shake 1s infinite;
}

#lottery .easter-divs img{
	display: block;
	width: 100%;
}

#lottery .easter-divs2{
	width: 80px;
	height: 40px;
}

#lottery .easter-divs2 img{
	display: block;
	width: 100%;
}

#lottery .easters-alert{
	background: url("https://image.geeko.ltd/chicme/2021032401/m-popup.png") center center/cover no-repeat;
	background-size:100%;
	width:80%;
	height:365px;
	position: fixed;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	z-index: 199;
	text-align: center;
	display:none;
}

#lottery .e-popup-p{
	position:relative;
}

#lottery .e-popup-p .first{
	margin-top: 45px;
    font-size: 27px;
    font-family: Oswald-Regular;
    color: #ffffff;
    letter-spacing: -2px;
}

#lottery .e-popup-p .second{
	margin-top: 40px;
}

#lottery .e-popup-p .second > div{
	font-family: SlatePro-Medium;
    font-size: 100px;
    color: #f43a2c;
    font-weight: bold;
    line-height: 85px;
}

#lottery .e-popup-p .second > span{
	font-size: 24px;
	color: #000000;
	font-family: SlatePro-Medium;
	font-weight: bold;
}

#lottery .e-popup-p .third{
	margin-top: 50px;
}

#lottery .e-popup-p .third button{
	height: 28px;
	line-height:28px;
	background-color: #ffffff;
	border-radius: 23px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0px 15px;
}

#lottery .e-popup-p .fourth{
	margin-top: 10px;
	font-family: SFProDisplay-Regular;
	font-size: 14px;
	color: #ffffff;
}

#lottery .e-popup-p-mask{
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 100;
    top: 0;
    left: 0;
    cursor: pointer;
    display:none;
}

@media screen and (max-width:350px){
	#lottery .e-popup-p .first{
		margin-top: 60px;
	}
	
	#lottery .e-popup-p .second{
		margin-top: 20px;
		
	}
	
	#lottery .e-popup-p .third {
	    margin-top: 35px;
	}
	
	#lottery .e-popup-p .second > div{
		font-size: 80px;
	}
}


#lottery .easters-alert #easter-close{
	position: absolute;
	cursor: pointer;
	right: -10px;
    top: -35px;
}

#lottery .easters-alert #easter-close span{
	font-size: 22px;
	color: #fff;
}


/* �������� */
#lottery #l-easteregg-alert {
	width: calc(100% - 40px);
	position: fixed;
	padding: 5px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	border-radius: 4px;
	z-index: 151;
	display: none;
}

#lottery #l-easteregg-alert ._header {
	text-align: right;
}

#lottery #l-easteregg-alert ._content {
	padding: 10px 10px 20px;
	font-family: SlatePro;
	font-size: 14px;
	color: #222222;
}

#lottery #easteregg-close {
	cursor: pointer;
    font-weight: bold;
    color: #999999;
}


@keyframes index-shake {
 0% {
   transform: rotate(0);
 }
 10% {
   transform: rotate(5deg);
 }
 20% {
    transform: rotate(0);
 }
  30% {
    transform: rotate(-5deg);
  }
  40%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(0);
  }
}

@-webkit-keyframes index-shake {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(-5deg);
  }
  40%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(0);
  }
}





.xi-list-friday .__tabs4 {
	background-color: #f5f5f5;
}

.xi-list-friday .__tabs4 > .__tab{
	cursor: pointer;
	width: auto;
	min-width: 25%;
	font-family: SlatePro-Medium;
	text-align: center;
	position: relative;
	padding: 8px 15px;
}

.xi-list-friday .__tabs4 > .__tab.active{
	background-color: #222;
	color: #fff;
}

.swiper-container.banner-3{
	overflow: initial;
}

.xi-banner-3-slides > li{
	width: 46%;
	transition: all 200ms linear;

	padding-left: 10px;
	padding-right: 10px;
}

.xi-banner-3-slides > li::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	pointer-events: none;
}


.xi-banner-3-slides > li.swiper-slide-active{
	transform: scale(1.2);
	z-index: 2;
}

.xi-banner-3-slides > li.swiper-slide-active::after{
	background-color: transparent;
}

.i-list-6{
	margin-left: 12px;
	margin-right: 12px;
}

.i-list-6 .__products{
	background-color: #ffffff;
	box-shadow: 1px 2px 6px 0px
	rgba(0, 0, 0, 0.08);
	display: flex;
	padding-top: 12px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}

.i-list-6 .__products > li{
	width: 33.33%;
	padding-left: 7px;
	padding-right: 7px;
}

.i-list-6 .__image{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: block;
}

.i-new-rec > .__hd{
	padding-left: 12px;
	padding-right: 12px;
}

.i-new-rec .__tabs > span{
	width: auto;
	cursor: pointer;
	font-size: 12px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.i-new-rec .__tabs > span.active{
	font-family: SlatePro-Medium;
	font-size: 12px;
	color: #000;
	border-bottom: 2px solid #000;
}



.i-new-rec > .__bd{
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 20px;
}

.index-theme .flex-control-paging li a{
	width: 30px;
	height: 2px;
	background: rgba(255, 255, 255, 0.4);
	box-shadow: none;
}


.index-theme .flex-control-paging li a.flex-active{
	width: 30px;
	height: 2px;
	background: rgb(255, 255, 255);
	box-shadow: none;
}

.i-top-tags{
	padding-left: 10px;
	margin-top: 20px;
}

.i-top-tags a{
	text-decoration: none;
	display: inline-block;
}


.newflag{
	position: relative;
}


.newflag.active::after{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #e64545;
	position: absolute;
	top: -6px;
	right: -2px;
	border-radius: 50%;
}

.x-image-displayer{
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	left: 0;
	top: 0;
	z-index: 100;
	display: flex;
	align-items: center;
}


.x-image-displayer .__close{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	right: 12px;
	top: 12px;
	color: #222;
	cursor: pointer;
	font-family: iconfont;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
	position: absolute;
	background-color: #fff;
}


.x-smart-card{
	padding: 8px 12px;
	background-size: cover;
	overflow: hidden;
	border-radius: 4px;
}

.x-smart-card > .__hd{
	font-size: 14px;
	text-align: center;
	font-family: SlatePro-Medium;
}

.x-inner-products{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.x-inner-products > div{
	width: calc(50% - 6px);
	background: transparent;
	margin-top: 8px;
}

.x-inner-product .__price{
	font-size: 12px;
	text-align: center;
	margin-top: 2px;
}

.x-inner-product .innerImage{
	border: 2px solid #fff;
}

.contact-sevice{
	position: fixed;
	right: 13px;
	bottom:60px;
	z-index:21;
}

.contact-sevice .close{
	color: #999999;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

.contact-sevice .main-container{
	display: none;
}

.contact-sevice .item{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	background-color: rgba(255,107,152, 0.7);
	color: #ffffff;
	margin-top: 7px;
	cursor: pointer;
}

.contact-sevice .item .iconfont{
	font-size: 26px;
}

.contact-sevice .item.contact .iconfont{
	font-size: 28px;
}

.contact-sevice .item.active .iconfont{
	font-size: 18px;
}

#xproductbtns .__like.active{
	color: #e64545;
	font-size: 22px;
	animation: 300ms like;
}

@keyframes like {
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.3);
	}
	100%{
		transform: scale(1);
	}
}

#xproductbtns .stockout-container{
	margin-left: 17px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#xproductbtns .stockout-container > div{
	width: calc(50% - 5px);
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-family: AcuminPro-Bold;
	font-size: 16px;
	text-transform: uppercase;
	border-radius: 2px;
	cursor: pointer;
}

#xproductbtns .stockout-container .cart-find-simlar{
	background-color: #ffffff;
	border: 1px solid #222222;
	color: #222222;
}

#xproductbtns .stockout-container .cart-notify-me{
	background-color: #222222;
	color: #ffffff;
}

#xproductbuyer .cart-notification-message{
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0px 10px;
	width: 100%;
	background-color: #EDBEBE;
	font-size: 12px;
	color: #222222;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.cart-stockout-notification-item{
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #ffffff;
	transform: translate(-50%, -50%);
	width: 85%;
	z-index:51;
}

.cart-stockout-notification-item ._hd{
	text-align: right;
	margin-top: 5px;
	padding-right: 10px;
}

.cart-stockout-notification-item ._hd .iconfont{
	font-size: 12px;
	color: #222222;
	cursor: pointer;
}

.cart-stockout-notification-item ._bd{
	padding: 0px 15px 15px;
	margin-top: 18px;
	text-align: center;
}

.cart-stockout-notification-item ._bd ._font{
	font-family: 'AcuminPro-Bold';
	font-size: 14px;
	color: #222222;
}

.cart-stockout-notification-item ._bd ._btn{
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-color: #222222;
	font-family: 'AcuminPro-Bold';
	font-size: 16px;
	color: #ffffff;
	margin-top: 30px;
	cursor: pointer;
}

.cart-stockout-notification-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 51;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	cursor: pointer;
}

.p-colors > li.beauty-color {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	min-height: 28px;
	border-radius: 50%;
	border: none;
}


.p-colors > li.beauty-color.selected {
	border: 1px solid black;
	width: 30px;
	height: 30px;
}

.p-colors > li.beauty-color span {
	height: 26px;
	width: 26px;
	display: block;
	border-radius: 50%;
	margin-top: 1px;
}

.p-colors > li.beauty-color.selected span {
	width: 24px;
	height: 24px;
	margin: 0 auto;
	margin-top: 1px;
}

.p-beauty-color{
	display: flex;
	flex-wrap: wrap;
}

.product-global-modal-container .product-global-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #ffffff;
	transform: translate(-50%, -50%);
	width: 85%;
	z-index: 51;
}

.product-global-modal-container .product-global-modal ._hd {
	text-align: center;
	margin-top: 10px;
	font-family: 'AcuminPro-Bold';
	font-size: 14px;
	color: #222222;
}

.product-global-modal-container .product-global-modal ._bd {
	padding: 0px 8px 8px 8px;
	margin-top: 15px;
	text-align: center;
}

.product-global-modal-container .product-global-modal ._bd ._font {
	color: #222222;
	font-family: 'SlatePro-Medium';
}

.product-global-modal-container .product-global-modal ._bd ._black {
	background-color: #222222;
	color: #ffffff;
	margin-top: 15px;
}

.product-global-modal-container .product-global-modal ._bd ._white {
	background-color: #ffffff;
	color: #222222;
	border: 1px solid #222222;
	margin-top: 5px;
}

.product-global-modal-container .product-global-modal ._bd > button {
	width: 100%;
	border: none;
	outline: 0;
	cursor: pointer;
	box-shadow: none;
	padding: 11px 0px;
	border-radius: 2px;
	font-family: 'AcuminPro-Bold';
	font-size: 16px;
}