﻿@charset "utf-8";
/*quanju 全局*/
*{list-style:none; margin:0; padding:0;text-decoration:none;}
html{
	 width: 100%;
	 min-height: 100%;
     height:auto;
	 margin: 0px;
	 padding: 0px;
	 border:none;
	 background: #f8f8fa;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-moz-user-focus: none;}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
    height:auto;
	font-family:"微软雅黑",arial;
	font-size:16px;
	color: #333;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:none;
	background:#f8f8fa;
}
input[type=search]{
	border-radius:0px;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week],select,textarea{
	background-color:#eee;
	height: 40px;
	line-height:40px;
	padding: 0px 25px;
	color: #757578;
	border:none;
	width: 100%;
}

input, select, textarea{font-size: 16px;padding: 6px 25px;}	

[v-cloak] {
  display:none !important;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .border-1px::after {
    transform: scaley(0.7);
    -webkit-transform: scaley(0.7);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .border-1px::after {
    transform: scaley(0.5);
    -webkit-transform: scaley(0.5);
  }
}
a{color:inherit;}
a:hover,a:focus{text-decoration: underline;color:inherit;cursor: pointer;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.i_hidden{overflow:hidden;}
.i_item{position:absolute;display:inline-block;}
.i_parent{position:relative;}
.i_block{display:inline-block;}
.undisplay{display:none;}
.block{display: block;}
.ovfhiden{overflow: hidden;height: 100%;}   

/*字号*/
.text-note{font-size: 14px;color:#9699a6;}
.text-12{font-size: 12px;color:#666;}
.text-14{font-size: 14px;color:#666;}
.text-14w{font-size: 14px;color:#fff;}
.text-16{font-size: 16px;color:#333;}
.text-16b{font-size: 16px;color:#68696f;}
.text-16l{font-size: 16px;color:#a2d2f4}
.text-16w{font-size: 16px;color:#fff;}
.text-18{font-size: 18px;color:#333;}
.text-20{font-size: 20px;color:#333;}
.text-20w{font-size: 20px;color:#fff;}
.text-22{font-size: 20px;color:#333;}
.text-24{font-size: 24px; color:#333;}
.text-26{font-size: 26px;color:#31364c;}
.text-26w{font-size: 26px;color:#fff;}
.text-center{text-align: center;}
.text-color{color:#e58a28;font-size: 20px;}
.text-color2{color:#f98560;}

.line{width:4px;height:20px;background:#149ed4;}
.text-ellipsis{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.gradient1{filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#faa286',endcolorstr='#85c7f7',gradienttype='0'); 
background: -moz-linear-gradient(left, #faa286, #85c7f7); 
background: -o-linear-gradient(left,#faa286, #85c7f7); 
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#faa286), to(#85c7f7)); 
background: -ms-linear-gradient(left,#faa286, #85c7f7);
background: linear-gradient(left,#faa286, #85c7f7);
} 
.gradient2{filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#5db6f4',endcolorstr='#bbdffc',gradienttype='0'); 
background: -moz-linear-gradient(left, #5db6f4, #bbdffc); 
background: -o-linear-gradient(left,#5db6f4, #bbdffc); 
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#5db6f4), to(#bbdffc)); 
background: -ms-linear-gradient(left,#5db6f4, #bbdffc);
background: linear-gradient(left,#5db6f4, #bbdffc);
} 

.btn-page{background:#fff;border:1px solid #ddd;border-radius: 5px;text-align: center;}
.btn-next{background:#fff;border:1px solid #1993e9;text-align: center;color:#1993e9;padding:5px 25px;}
.btn-next:hover{background:#1993e9;color:#fff;}
.btn-commit{color:#fff;border-radius: 100px;text-align: center;width:190px;line-height: 42px;display: block;margin:10px auto;}
.btn-commit:hover{color:#fff;}
.btn-reset{color:#333;background:#fff;border:1px solid #333;border-radius: 100px;text-align: center;display: block;margin:10px auto;width:190px;line-height: 42px;}

/*margin-padding*/
.am-margin-top10{margin-top:10px;}
.am-margin-auto{
	margin:0 auto;
}

.am-margin {
    margin: 1.6rem
}

.am-margin-0 {
    margin: 0!important
}

.am-margin-xs {
    margin: .5rem
}

.am-margin-sm {
    margin: 1rem
}

.am-margin-lg {
    margin: 2.4rem
}

.am-margin-xl {
    margin: 3.2rem
}

.am-margin-horizontal {
    margin-left: 1.6rem;
    margin-right: 1.6rem
}

.am-margin-horizontal-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.am-margin-horizontal-xs {
    margin-left: .5rem;
    margin-right: .5rem
}

.am-margin-horizontal-sm {
    margin-left: 1rem;
    margin-right: 1rem
}

.am-margin-horizontal-lg {
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

.am-margin-horizontal-xl {
    margin-left: 3.2rem;
    margin-right: 3.2rem
}

.am-margin-vertical {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.am-margin-vertical-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.am-margin-vertical-xs {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.am-margin-vertical-sm {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.am-margin-vertical-lg {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

.am-margin-vertical-xl {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.am-margin-top {
    margin-top: 1.6rem
}

.am-margin-top-0 {
    margin-top: 0!important
}

.am-margin-top-xs {
    margin-top: .5rem
}

.am-margin-top-sm {
    margin-top: 1rem
}

.am-margin-top-lg {
    margin-top: 2.4rem
}

.am-margin-top-xl {
    margin-top: 3.2rem
}

.am-margin-bottom {
    margin-bottom: 1.6rem
}

.am-margin-bottom-0 {
    margin-bottom: 0!important
}

.am-margin-bottom-xs {
    margin-bottom: .5rem
}

.am-margin-bottom-sm {
    margin-bottom: 1rem
}

.am-margin-bottom-lg {
    margin-bottom: 2.4rem
}

.am-margin-bottom-xl {
    margin-bottom: 3.2rem
}

.am-margin-left {
    margin-left: 1.6rem
}

.am-margin-left-0 {
    margin-left: 0!important
}

.am-margin-left-xs {
    margin-left: .5rem
}

.am-margin-left-sm {
    margin-left: 1rem
}

.am-margin-left-lg {
    margin-left: 2.4rem
}

.am-margin-left-xl {
    margin-left: 3.2rem
}

.am-margin-right {
    margin-right: 1.6rem
}

.am-margin-right-0 {
    margin-right: 0!important
}

.am-margin-right-xs {
    margin-right: .5rem
}

.am-margin-right-sm {
    margin-right: 1rem
}

.am-margin-right-lg {
    margin-right: 2.4rem
}

.am-margin-right-xl {
    margin-right: 3.2rem
}

.am-padding {
    padding: 1.6rem
}

.am-padding-0 {
    padding: 0!important
}

.am-padding-xs {
    padding: .5rem
}

.am-padding-sm {
    padding: 1rem
}

.am-padding-lg {
    padding: 2.4rem
}

.am-padding-xl {
    padding: 3.2rem
}

.am-padding-horizontal {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.am-padding-horizontal-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.am-padding-horizontal-xs {
    padding-left: .5rem;
    padding-right: .5rem
}

.am-padding-horizontal-sm {
    padding-left: 1rem;
    padding-right: 1rem
}

.am-padding-horizontal-lg {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.am-padding-horizontal-xl {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

.am-padding-vertical {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.am-padding-vertical-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.am-padding-vertical-xs {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.am-padding-vertical-sm {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.am-padding-vertical-lg {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.am-padding-vertical-xl {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.am-padding-top {
    padding-top: 1.6rem
}

.am-padding-top-0 {
    padding-top: 0!important
}

.am-padding-top-xs {
    padding-top: .5rem
}

.am-padding-top-sm {
    padding-top: 1rem
}

.am-padding-top-lg {
    padding-top: 2.4rem
}

.am-padding-top-xl {
    padding-top: 3.2rem
}

.am-padding-bottom {
    padding-bottom: 1.6rem
}

.am-padding-bottom-0 {
    padding-bottom: 0!important
}

.am-padding-bottom-xs {
    padding-bottom: .5rem
}

.am-padding-bottom-sm {
    padding-bottom: 1rem
}

.am-padding-bottom-lg {
    padding-bottom: 2.4rem
}

.am-padding-bottom-xl {
    padding-bottom: 3.2rem
}

.am-padding-bottom-xxl {
    padding-bottom: 22rem;
}

.am-padding-left {
    padding-left: 1.6rem
}

.am-padding-left-0 {
    padding-left: 0!important
}

.am-padding-left-xs {
    padding-left: .5rem
}

.am-padding-left-sm {
    padding-left: 1rem
}

.am-padding-left-lg {
    padding-left: 2.4rem
}

.am-padding-left-xl {
    padding-left: 3.2rem
}

.am-padding-right {
    padding-right: 1.6rem
}

.am-padding-right-0 {
    padding-right: 0!important
}

.am-padding-right-xs {
    padding-right: .5rem
}

.am-padding-right-sm {
    padding-right: 1rem
}

.am-padding-right-lg {
    padding-right: 2.4rem
}

.am-padding-right-xl {
    padding-right: 3.2rem
}

h1 {
  font-size: 2.5em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.5em;line-height: 2rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: bold;}

/*图片*/
.circle{border-radius: 50%;}
/*第一行居中 第二行 左对齐*/
.diy_h3 {
    line-height: 4rem;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-bottom: 10px;
}

