/* 
 重置基础样式
 */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
}

html {
	
}
iframe {
	display: inherit;
}

img {
	display: inline-block;
	width: 100%;
	border: none;
	vertical-align: middle;
}

a {
	display: inline-block;
	color: #EAEAEA;
	text-decoration: none;
	width: 100%;
}

select,
button {
	cursor: pointer;
}

a,
button,
input {
	/* 去除点击效果以及闪屏问题 */
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

ol,
ul,
li {
	list-style: none;
}
button,
input,
select {
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	outline:none;
    transition: all .2s linear 0s;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.005);
}
select:focus,
input:focus {
	outline:none;
}

input::-webkit-input-placeholder {
color: #999; 
-webkit-transition: color.5s; 
} 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder { 
color: #c2c2c2; 
-webkit-transition: color.5s; 
}

.aui-form {
	
}

select {
	border: 0;
	outline: none;
	/*清除默认样式*/
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}
/*清除ie下面的默认样式*/
select::-ms-expand{display:none;}



body {
	display: block;
	width: 100%;
	max-width: 1080px;
	height: auto;
	overflow-x: hidden;
	font-size: 6.25%;
	background: #f5f5f5;
	background-size: 100% auto;
	padding-bottom: 3rem;
	margin: 0 auto;
}
section {
	padding: 0 4%;
	margin: 2rem 0 0;
}
/* section article {
	padding: 1rem;
	background: #9128eb;
	border-radius: 0.75rem;
} */

/* aui */
/* form 表单 */
.aui-select {
	position: relative;
	z-index: 1;
}
.aui-label.aui-input a:after,
.aui-select:after {
	content: "〉";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 2rem;
	z-index: 1;
	line-height: 4rem;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	vertical-align: middle;
	color: #7C7C7C;
}
.aui-input-select {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	line-height: 4rem;
	padding: 0 0.5rem;
	opacity: 0;
	z-index: 1;
}
.aui-input-select:focus {
	opacity: 1;
	z-index: -1;
}
.aui-label-iteam {
	padding: 0 0.75rem;
	background: #3D3739;
	border-radius: 0.75rem;
}
.aui-input {
	display: table-cell;
	font-size: 1.75rem;
	line-height: 2rem;
	border-bottom: #ccc 1px solid;
	color: #000;
	padding: 1.25rem 0;
	text-align: left;
	vertical-align: sub;
}
.aui-label.aui-input {
	display: block;
	padding: 0;
	border: none;
}
.aui-form .aui-flex-list {
	display: table-cell;
	width: 50%;
	min-width: 6rem;
}
.aui-form .aui-input.aui-flex-list {
	padding: 1.5rem 0;
	width: 100%;
	text-align: left;
}
.aui-label button.aui-flex-list {
	background: #d60a00;
	margin-left: 1rem;
	border-radius: 0.5rem;
	color: #fff;
	font-size: 1.75rem;
}
.aui-label{
	position: relative;
	width: 100%;
}
.aui-label.aui-input + i {
	display: block;
	width: 100%;
}
.aui-label-iteam + .aui-label-iteam,
.aui-label + .aui-label {
	margin-top: 2.5rem;
}
.aui-label-iteam .aui-label + .aui-label {
	margin-top: 0;
}
.aui-form .aui-label em {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 5rem;
	height: 5rem;
	padding: 1.5rem;
	line-height: 2rem;
	font-size: 2rem;
	text-align: center;
	color: #7C7C7C;
}
.aui-tips p {
	display: block;
	width: 100%;
	margin: 2rem 0;
	color: #aaa;
	font-size: 1.5rem;
}
.aui-label strong {
	display: block;
	width: 100%;
	padding: 0.5rem 0;
	text-align: right;
	font-weight: normal;
}
.aui-label-iteam .aui-label.aui-input:last-child:after,
.aui-label-iteam .aui-label.aui-input:last-child:before {
	display: none;
}
.aui-label.aui-input span {
	display: table-cell;
	width: 100%;
	line-height: 1.5rem;
	padding: 0 1.5rem 0 0.75rem;
	text-align: right;
}
.aui-label.aui-input span:first-child {
	width: 20%;
	min-width: 4rem;
	text-align: left;
	padding: 0;
	color: #7C7C7C;
}
.aui-label a {
	display: inline-block;
	width: auto;
	color: #6441a4;
	border-bottom: 1px solid #6441a4;
}
.aui-label.aui-input a {
	position: relative;
	display: flex;
	width: 100%;
	color: #EAEAEA;
	border: none;
	padding: 1.25rem 0;
}
.aui-label.aui-input a:after {
	right: -0.5rem;
}

.aui-article-btn {
	position: relative;
	display: block;
	width: 100%;
	min-width: 24rem;
	max-width: 24rem;
	margin: 4rem auto 2rem;
	z-index: 1;
}
.aui-article-btn img {
	
}

.aui-btn {
/* 	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; */
	
	display: block;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	margin: 0.75rem 0;
	color: #fff;
	background: #5f2bcf;
	font-size: 2rem;
	border-radius: 3rem;
}

.aui-form-btn {
	/* position: absolute;
	left: 0;
	bottom: 3rem; */
	width: 100%;
	text-align: center;
	color: #aaa;
}
.aui-form-btn .aui-btn {
	color: #EAEAEA;
}
.aui-form-btn p {
	display: block;
	width: 100%;
	line-height: 2rem;
}
.aui-form-btn a {
	display: inline;
	color: #ccc;
}
.aui-form-btn h4 {
	display: block;
	width: 100%;
	font-size: 1.5rem;
	margin: 2.5rem 0 0;
}
.aui-form-btn h4 a {
	color: #FFF;
}



/* is-flexd */
[class^="is-flexd "],[class*=" is-flexd"] {
	position: flexd;
}
/* aui-line-x 移动端1px问题 */
[class^="aui-line-"], [class*=" aui-line-"]  {
	position: relative;
}
.aui-line-x:after {
	content: " ";
	width: 200%;
	height: 2px;
	
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #1f191b;
	transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-webkit-transform-origin: bottom left;
}
.aui-line-y:after {
	content: " ";
	width: 2px;
	height: 200%;
	
	position: absolute;
	top: 0;
	left: 0;
	border-left: 1px solid #5b4761;
	transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-webkit-transform-origin: top left;
}
.aui-label.aui-input:after,.aui-label.aui-input:before,
.aui-line-double-x:after,.aui-line-double-x:before {
	content: " ";
	width: 200%;
	height: 2px;
	
	position: absolute;
	left: 0;
	transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-webkit-transform-origin: bottom left;
}
.aui-label.aui-input:before,
.aui-line-double-x:before {
	border-top: 1px solid;
	color: #454851;
	bottom: -1px;
}
.aui-label.aui-input:after,
.aui-line-double-x:after {
	border-bottom: 1px solid;
	color: #261E21;
	bottom: 0;
}
.aui-line-double-y:after,.aui-line-double-y:before {
	content: " ";
	width: 1px;
	height: 200%;
	
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-webkit-transform-origin: bottom left;
}
.aui-line-double-y:before {
	border-left: 1px solid;
	color: #454851;
}
.aui-line-double-y:after {
	border-right: 1px solid;
	color: #261E21;
}
.aui-line-border:after {
	content: " ";
	width: 200%;
	height: 200%;
	box-sizing: border-box;
	
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid;
	transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-webkit-transform-origin: top left;
}

/* 清除浮动 */
.clearfix {
	display: inline-block;
	*display: inline;
	width: 100%;
	clear: both;
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	line-height: 0;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

/* flex 流体布局兼容 */
.aui-form .aui-label,
.aui-sort p,
.aui-flex {
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	/*display: -ms-flexbox;
	 IE 10 */
	display: flex;
	/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	float: left\9\0;
	flex: 0 1 100%;
}

.aui-flex > * {
	display: block;
}

.aui-flex-list,
.aui-flex li {
	float: left\9;
	text-align: center;
	vertical-align: middle;
	padding: 1%;
}

.aui-flex-wrap {
	flex-wrap: wrap;
}
.aui-flex-2 .aui-flex-list,
.aui-flex-2 li {
	width: 50%;
}
.aui-flex-3 .aui-flex-list,
.aui-flex-3 li {
	width: 33.33%;
}
.aui-flex-4 .aui-flex-list,
.aui-flex-4 li {
	width: 25%;
}
.aui-flex-5 .aui-flex-list,
.aui-flex-5 li {
	width: 20%;
}
.aui-flex-6 .aui-flex-list,
.aui-flex-6 li {
	width: 16.66%;
}

/* 溢出隐藏 省略处理 */
.aui-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.aui-ellipsis-2 {
	white-space: pre-wrap;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

h2 {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 4rem;
	margin: 1rem 0;
	font-size: 2.5rem;
	color: #07011d;
}

/* aui-page-ad 页面广告样式 */
.aui-banner a, .aui-page-ad a {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.aui-boxshow {
	position: relative;
	margin: -7rem auto 2rem;
	background: #fff;
	padding: 2% 4%;
	border-radius: 1rem;
	box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.1);
	z-index: 10;
}
.aui-tips-txt {
	font-size: 1.75rem;
	line-height: 2.5rem;
}
.aui-tips-txt p + p {
	margin-top: 1.25rem;
}

.aui-tips-txt p i {
	font-size: 2rem;
	font-weight: 400;
	font-style: normal;
	margin-right: 0.5rem;
}
.aui-tips-txt p small {
	display: block;
	margin-left: 1rem;
	color: #5F2BCF;
	font-size: 1.75rem;
}
/* 物流 */
.logistics{
	/* min-height: 100vh; */
	/* margin-top: 0; */
	/* background: #fff; */
}
.logistics-form{
	background: #fff;
    padding: 2% 4%;
	border-radius: 1rem;
	margin-bottom: 1rem;
    box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.1);
}
.logistics-form h2{
	margin: 0;
	padding: 1rem 0;
}
.logistics-form .aui-article-btn{
	margin-top: 2rem;
}
.logistics-info{
	min-height: 50vh;
	background: #fff;
    padding: 4% 3%;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.1);
}
.logistics-info .time-item .info-l{
	position: relative;
	float: left;
	width: 6rem;
	height: 6rem;
	margin-right: .5rem;
	font-size: 0;
}
.logistics-info .time-item .info-l .time{
	display: inline-block;
	vertical-align: top;
	width: 4.6rem;
	overflow: hidden;
	font-size: 1.2rem;
	text-align: right;
	padding-right: 0.5rem;
	overflow: hidden;
}
.logistics-info .time-item .info-l .time p{
	color: #999;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.2rem;
	overflow: hidden;
}
.logistics-info .time-item .info-l .time span{
	color: #999;
	font-size: 1.2rem;
}
.logistics-info .time-item .info-l .ball{
	position: absolute;
	top: 0;
	right: 0;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background: #eee;
	z-index: 2;
}
.logistics-info .time-item .info-l .line{
	position: absolute;
	top: 0;
	right: .6rem;
	width: 0;
	height: 100%;
	border-left: .2rem solid #eee;
	z-index: 1;
}
.logistics-info .time-item.active .info-l .time p{
	color: #666;
	font-size: 1.6rem;
}
.logistics-info .time-item.active .info-l .ball{
	background: #f67917;
}
.logistics-info .time-item.active .info-l .line{
	border-left: .2rem dashed #f67917;
}
.logistics-info .time-item .info-r{
	height: 6rem;
	font-size: 1.4rem;
	color: #999;
	line-height: 2rem;
	overflow: hidden;
}
.logistics-info .tips{
	height: 6rem;
	line-height: 6rem;
	text-align: center;
	font-size: 1.4rem;
	color: #999;
}