/**
 * admin:Fierce Rabbit-666
 * company:Acshoes
 * project:Acshoes-Shoe circle【upgrade】
 * Document description:default setting
 * Computational formulas[rem]：10px * 2 / 100 = 0.2rem
 * 2017-11
 */
@charset "UTF-8";
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
header,
nav,
section,
article,
aside,
footer,
figure,
figcaption,
menu,
button {
  margin: 0;
  padding: 0;
}

body {
  font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
  color: #808080;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  background-color: #f8f8f8;
  overflow-x: hidden;
}
body.active{
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
table{
	width:100%;
	text-align:center;
	border-collapse:inherit;
	border-spacing:0; 
}
table td{
	word-break: break-all; 
	word-wrap:break-word;
	border: none;
	font:500 14px Arial
}

caption,
th {
  text-align: left;
}

fieldset,
img {
  border: 0;
  vertical-align: middle;
}

li {
  list-style: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  border: none;
}

button {
  -webkit-appearance: none;
  border: 0;
  background: none;
}

a {
  -webkit-touch-callout: none;
  text-decoration: none;
  color: #333;
}

:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

em,
i {
  font-style: normal;
}

body.active {
    overflow: hidden;
}

.hidden {
    display: none !important;
}
*::-webkit-scrollbar{display: none;width: 0;}

/*自适应配置【start】*/
body{font-size:0.28rem;}
html{font-size: calc( 100vw / 750 * 100 );height: 100%;}
@media (min-width:1300px){
	html{font-size: calc( 100vw / 750 * 30 );}
}
/*自适应配置【end】*/



/*图片lazy【start】*/
.lazyImg-parent.lazyImg-fix{width:60px;height:60px;margin-left:auto;margin-right:auto;display:block;}
.lazyImg-parent{position:relative;}
.lazyImg-parent.in{background-color:#ddd !important;}
.lazyImg{visibility:hidden;}
.lazyImg-load{visibility:visible;}
.web-lazyImg-preloader{position:absolute;width:60px;height:60px;left:50%;top:50%;margin-left:-30px;margin-top:-30px;}
	.web-lazyImg-preloader:after {
		content: '';
		display: block;
		background-image: url(/Images/shoescircle/2017/loading.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		width: 100%;
		height: 100%;
	}
/*图片lazy【start】*/


/*图像垂直居中基础公用样式【2018.9.21】增改*/
.pub-list-ver{
	text-align: center;
	overflow: hidden;
	background-color:white;
}
.pub-list-ver span{
	display: table-cell;
	vertical-align: middle;	
}

/*width*/
.wid-100p{width: 100%;}
.max-wid-100p{max-width:100%;}
.max-het-100p{max-height:100%;}

/*富文本编辑内容图片适应宽度*/
.cot-img img,
.cot-img table,
.cot-img iframe{max-width:100%;width:auto !important;}

/*text-align*/
.txt-c{
	text-align: center;
}
.txt-r{
	text-align: right;
}
.txt-l{
	text-align: left;
}

/*float*/
.fl-l{
	float: left;
}
.fl-r{
	float: right;
}
/*clear-float*/
.fl-eim:before,.fl-eim:after{
	content:"";
	display: table;
	clear: both;
	overflow: hidden;
}

/*display块级、内联级*/
.dsy-none{
	display: none;
}
.dsy-block{
	display: block;
}

/*visibility*/
.vis-hide,.visi{
	visibility: hidden;
}
.vis-visle{
	visibility: visible;
}

/*强制字符换行【英文按单词换行】*/
.word{
	word-wrap: break-word !important;
	-ms-word-wrap:break-word !important;
    word-break:break-word !important;
    -ms-word-break:break-word !important;
}
/*强制字符换行【英文拆分换行】*/
.word-all{
	word-break: break-all;
	-webkit-word-break: break-all;
	-moz-word-break: break-all;
	-ms-word-break: break-all;
	-o-word-break: break-all;
}

/*overflow*/
.over-hide,.over-hide body{overflow:hidden;}
.over-hide body{position:relative;}
.over-visi{overflow:visible;}
.over-y-auto{overflow-y:auto;}
.over-x-auto{overflow-x:auto;}

/*溢出显示方式*/
.over-spot-none{
	white-space:nowrap; 	
}
.over-spot{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
	-webkit-text-overflow:ellipsis; 
	-moz-text-overflow:ellipsis; 
	-ms-text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 		
}
.over-spot-1{
	overflow: hidden;
    -webkit-line-clamp: 1;
    -moz-line-clamp:1;
    -ms-line-clamp:1;
    -o-line-clamp: 1;
    line-clamp:1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    word-break: break-all;		
}
.over-spot-2{
	overflow: hidden;
    -webkit-line-clamp: 2;
    -moz-line-clamp:2;
    -ms-line-clamp:2;
    -o-line-clamp: 2;
    line-clamp:2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    word-break: break-all;		
}
.over-spot-3{
	overflow: hidden;
    -webkit-line-clamp: 3;
    -moz-line-clamp:3;
    -ms-line-clamp:3;
    -o-line-clamp: 3;
    line-clamp:3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    word-break: break-all;		
}
.over-spot-4{
	overflow: hidden;
    -webkit-line-clamp: 4;
    -moz-line-clamp:4;
    -ms-line-clamp:4;
    -o-line-clamp: 4;
    line-clamp:4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    word-break: break-all;		
}
.over-spot-5{
	overflow: hidden;
    -webkit-line-clamp: 5;
    -moz-line-clamp:5;
    -ms-line-clamp:5;
    -o-line-clamp: 5;
    line-clamp:5;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    word-break: break-all;		
}

/*---------------弹性盒子组件------------------------*/
/*启动弹性盒子*/
.dis-box{
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-box;
	display: -o-box;
	display:flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:-moz-flex;
	display:-o-flex;	
}

.box-1{
	box-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	-o-box-flex:1;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
}
.box-2{
	box-flex:2;
	-webkit-box-flex:2;
	-moz-box-flex:2;
	-ms-box-flex:2;
	-o-box-flex:2;
	flex: 2;
	-webkit-flex: 2;
	-moz-flex: 2;
	-ms-flex: 2;
	-o-flex: 2;
}
.box-3{
	box-flex:3;
	-webkit-box-flex:3;
	-moz-box-flex:3;
	-ms-box-flex:3;
	-o-box-flex:3;
	flex: 3;
	-webkit-flex: 3;
	-moz-flex: 3;
	-ms-flex: 3;
	-o-flex: 3;
}
.box-4{
	box-flex:4;
	-webkit-box-flex:4;
	-moz-box-flex:4;
	-ms-box-flex:4;
	-o-box-flex:4;
	flex:4;
	-webkit-flex: 4;
	-moz-flex: 4;
	-ms-flex: 4;
	-o-flex: 4;
}
.box-5{
	box-flex:5;
	-webkit-box-flex:5;
	-moz-box-flex:5;
	-ms-box-flex:5;
	-o-box-flex:5;
	flex: 5;
	-webkit-flex: 5;
	-moz-flex: 5;
	-ms-flex: 5;
	-o-flex: 5;
}
.box-6{
	box-flex:6;
	-webkit-box-flex:6;
	-moz-box-flex:6;
	-ms-box-flex:6;
	-o-box-flex:6;
	flex: 6;
	-webkit-flex: 6;
	-moz-flex: 6;
	-ms-flex: 6;
	-o-flex: 6;
}
.box-7{
	box-flex:7;
	-webkit-box-flex:7;
	-moz-box-flex:7;
	-ms-box-flex:7;
	-o-box-flex:7;
	flex:7;
	-webkit-flex:7;
	-moz-flex: 7;
	-ms-flex: 7;
	-o-flex: 7;
}
.box-8{
	box-flex:8;
	-webkit-box-flex:8;
	-moz-box-flex:8;
	-ms-box-flex:8;
	-o-box-flex:8;
	flex:8;
	-webkit-flex:8;
	-moz-flex: 8;
	-ms-flex:8;
	-o-flex: 8;
}
.box-9{
	box-flex:9;
	-webkit-box-flex:9;
	-moz-box-flex:9;
	-ms-box-flex:9;
	-o-box-flex:9;
	flex: 9;
	-webkit-flex: 9;
	-moz-flex:9;
	-ms-flex:9;
	-o-flex:9;
}
.box-10{
	box-flex:10;
	-webkit-box-flex:10;
	-moz-box-flex:10;
	-ms-box-flex:10;
	-o-box-flex:10;
	flex: 10;
	-webkit-flex: 10;
	-moz-flex:10;
	-ms-flex:10;
	-o-flex:10;
}
/*【弹性盒子垂直设定】*/
/*弹性盒子垂直居中*/
.box-ver-c{
	box-align:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:center;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;

}
/*弹性盒子垂直向上*/
.box-ver-s{
	box-align:start;
	-webkit-box-align:start;
	-moz-box-align:start;
	-ms-box-align:start;
	-o-box-align:start;
	align-items:flex-start;
	-webkit-align-items:flex-start;
	-moz-align-items:flex-start;
	-ms-align-items:flex-start;
	-o-align-items:flex-start;
}
/*弹性盒子垂直向下*/
.box-ver-e{
	box-align:end;
	-webkit-box-align:end;
	-moz-box-align:end;
	-ms-box-align:end;
	-o-box-align:end;
	align-items:flex-end;
	-webkit-align-items:flex-end;
	-moz-align-items:flex-end;
	-ms-align-items:flex-end;
	-o-align-items:flex-end;
}
/*弹性盒子垂直基线对齐*/
.box-ver-b{
	box-align:baseline;
	-webkit-box-align:baseline;
	-moz-box-align:baseline;
	-ms-box-align:baseline;
	-o-box-align:baseline;
	align-items:baseline;
	-webkit-align-items:baseline;
	-moz-align-items:baseline;
	-ms-align-items:baseline;
	-o-align-items:baseline;
}
/*弹性盒子垂直拉伸填充*/
.box-ver-sh{
	box-align:stretch;
	-webkit-box-align:stretch;
	-moz-box-align:stretch;
	-ms-box-align:stretch;
	-o-box-align:stretch;
	align-items:stretch;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	-ms-align-items:stretch;
	-o-align-items:stretch;
}


/*【弹性盒子水平设定】*/
/*弹性盒子水平居中*/
.box-hor-c{
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-box-pack: center;
	-o-box-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
}
/*弹性盒子水平左对齐*/
.box-hor-s{
	box-pack:start;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-ms-box-pack: start;
	-o-box-pack: start;	
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	-o-justify-content:flex-start;	
}
/*弹性盒子水平右对齐*/
.box-hor-e{
	box-pack:end;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-box-pack: end;
	-o-box-pack: end;	
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;
	-o-justify-content:flex-end;			
}
/*弹性盒子水平平均分配*/
.box-hor-j{
	box-pack:justify;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-box-pack: justify;
	-o-box-pack: justify;	
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;			
}


/*【弹性盒子排列方式】*/
/*水平排列*/
.box-or-hor{
	box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-orient:horizontal;
	-ms-box-orient: horizontal;
	-o-box-orient:horizontal;
	flex-direction:row;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
}
/*垂直排列*/
.box-or-ver{
	box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	flex-direction:column;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
}

/*【弹性盒子拆分拆列】*/
.box-wrap{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
}
.box-wrap-rev{
	flex-wrap: wrap-reverse;
	-webkit-flex-wrap:wrap-reverse;
	-moz-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	-o-flex-wrap:wrap-reverse;
}

/*margin设置系列【start】*/
.margin-auto{margin-left:auto;margin-right:auto;}
/*margin设置系列【end】*/

/*【模块】图片水平垂直居中对齐【start】*/
.pub-img-ver,
.pub-cot-ver,
.pub-img-ver2,
.pub-img-ver3,
.pub-img-ver4{overflow:hidden;position:relative;text-align:center;}
.pub-img-ver:after,
.pub-cot-ver:after,
.pub-img-ver2:after,
.pub-img-ver3:after,
.pub-img-ver4:after{content:'';display:block;}
.pub-img-ver img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;}
.pub-img-ver2 img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.pub-img-ver3 img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.pub-img-ver4 img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover;-moz-object-fit:cover;
-ms-object-fit:cover;-o-object-fit:cover;}
/*【模块】图片水平垂直居中对齐【end】*/

/*svg图形-旋转【start】*/
.web-gen-loading-wai{box-sizing:initial;padding:10px 0;}
.web-gen-loading-wai .web-gen-loading-tips{font-size:0.26rem;color:#aaa;}
.web-gen-loading{width:70px;height:70px;display:inline-block;animation:genLoading .5s ease-in infinite;}
.web-reload-img{font-size:0.24rem;color:white;line-height:0.6rem;}
@keyframes genLoading{
	0%{
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	50%{
		transform:rotate(-225deg);
		-webkit-transform:rotate(-225deg);
	}
	100%{
		transform:rotate(-405deg);
		-webkit-transform:rotate(-405deg);
	}
}
@-webkit-keyframes genLoading{
	0%{
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	50%{
		transform:rotate(-225deg);
		-webkit-transform:rotate(-225deg);
	}
	100%{
		transform:rotate(-405deg);
		-webkit-transform:rotate(-405deg);
	}
}
/*svg图形-旋转【end】*/


/*web和pc端适应显示【start】*/
@media(min-width: 1300px) and (max-height:1500px){
	.content{
		width: 460px;
		position: relative;
		margin: 0 auto !important;
	}

	.webMobile
	{
		width: 460px !important;
		left: 50% !important;
		right:auto !important;
		margin-left: -230px !important;
	}
	.webMobile-420{
		width: 420px !important;
		margin-left: -210px !important;
	}
}

@media(min-width: 1500px){
	.content{
		width: 460px;
		position: relative;
		margin: 0 auto !important;
	}

	.webMobile
	{
		width: 460px !important;
		left: 50% !important;
		right:auto !important;
		margin-left: -230px !important;
	}
	.webMobile-420{
		width: 420px !important;
		margin-left: -210px !important;
	}	
}

@media(width: 1680px){
	.content{
		width: 460px;
		position: relative;
		margin: 0 auto !important;
	}

	.webMobile
	{
		width: 460px !important;
		left: 50% !important;
		right:auto !important;
		margin-left: -230px !important;
	}
	.webMobile-420{
		width: 420px !important;
		margin-left: -210px !important;
	}	
}


@media(width: 1920px){
	.content{
		width: 460px;
		position: relative;
		margin: 0 auto !important;
	}

	.webMobile
	{
		width: 460px !important;
		left: 50% !important;
		right:auto !important;
		margin-left: -230px !important;
	}
	.webMobile-420{
		width: 420px !important;
		margin-left: -210px !important;
	}	
}
/*web和pc端适应显示【end】*/