﻿@charset"utf-8";
/* CSS Document */
 body, html, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, em, i, span, img, a, b, input, label {
    margin:0;
    padding:0;
    font-weight:normal;
    font-family: Arial, "microsoft yahei";
}
body {
	width: 16rem;
    margin: 0 auto;
}
img {
	width: 100%;
    border:none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
ul, li, ol {
    list-style-type:none;
}
input, button {
    font-family:"microsoft yahei";
}
a {
    text-decoration: none;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: none;
}
input, button, select, textarea {
    outline:none;
}
/*去除苹果默认按钮样式*/
 input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
/*去除苹果默认圆角样式*/
 .button {
    border-radius: 0;
}
/*去除Chrome等浏览器文本框默认发光边框*/
 input:focus, textarea:focus {
    outline: none;
}
/*去掉高光样式*/
 input:focus {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-user-modify:read-write-plaintext-only;
}
/*去除IE10+浏览器文本框后面的小叉叉*/
 input::-ms-clear {
    display: none;
}
/*禁止多行文本框textarea拖拽*/
 textarea {
    resize: none;
}
/*元素的内边距和边框不再会增加它的宽度*/
 .bobox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.left {
    float:left;
}
.right {
    float:right;
}
/*清除浮动终极版（在需要清除浮动的外框加个clearfix类）*/
 .clearfix:after {
    content:"\200B";
    display:block;
    height:0;
    clear:both;
}
.clearfix {
    *zoom:1;
}
/*IE/7/6*/


/**/
.quota{
	margin: auto 0.85rem;
	/*background: #f9f7fa;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 0 0.5rem;
	font-size: 0.7rem;
	margin-bottom: 0.45rem;*/
}
.quota h1{
	color: #f3497e;
	font-size: 1.15rem;
	text-align: center;
	padding: 1rem 0 0.65rem;
}
.quota1{
	width: 100%;
	line-height: 2rem;
	border: solid 1px #adadad;
	background: #f9f7fa;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 0 0.5rem;
	font-size: 0.7rem;
	margin-bottom: 0.45rem;
}
/*.quota input[type=text]:nth-of-type(2){
	margin-bottom: 0;
}*/
.quota button{
	width: 100%;
	line-height: 2.35rem;
	background: #f14378;
	border-radius: 10px;
	text-align: center;
	font-size: 1.15rem;
	color: white;
	display: block;
	margin-top: 0.85rem;
}

.quota button a{color: white;}
.quota p{
	color: #7a7a7a;
	font-size: 0.55rem;
	text-align: center;
	padding: 0.6rem 0 1rem;
	background: url(../images/img/img/quota-ioc.jpg) no-repeat 12.1rem 0.75rem;
	background-size: 0.4rem;
}


.step{
	background: #edecec;
}
.step h1,.absorbed h1,.thinking h1,.list h1,.customer h1,.advantage h1,.procedure h1{
	color: #f3497e;
	font-size: 1rem;
	text-align: center;
	padding: 1rem 0 0.65rem;
}
.step h1 span,.absorbed h1 span,.thinking h1 span,.list h1 span,.customer h1 span,.advantage h1 span,.procedure h1 span{
	color: #7a7a7a;
	font-size: 0.3rem;
	display: block;
}


.thinking{
	background: #f14378;
}
.thinking h1,.thinking h1 span{
	color: white;
}
.thinking ul{
	width: 13.6rem;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.thinking ul li{
	width: 6.4rem;
	margin-bottom: 0.85rem;
}
.thinking ul li:nth-of-type(1),.thinking ul li:nth-of-type(3){
	margin: 0 0.8rem 0.85rem 0;
}
.thinking ul li:nth-of-type(3),.thinking ul li:nth-of-type(4){
	margin-bottom: 0.55rem;
}


.list ul{
	width: 14.75rem;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.list ul a{
	width: 4.8rem;
	margin-bottom: 0.2rem;
}
.list ul a:nth-of-type(2),.list ul a:nth-of-type(5){
	margin: 0 0.15rem;
}
.list > a,.procedure > a{
	width: 11rem;
    line-height: 1.85rem;
    color: white;
    font-size: 0.85rem;
    text-align: center;
    border-radius: 10px;
    display: block;
    background: #f14378;
    box-shadow: 0px 5px 0px #9D3051;
    margin: 0.55rem auto 0;
}


.customer ul{
	background: url(../images/img/customer-beijing.jpg) no-repeat;
	background-size: 100%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 1.75rem 0.75rem 0.8rem;
}
.customer ul a{
	width: 4.25rem;
	margin-bottom: 0.35rem;
}
.customer ul a:nth-of-type(2),.customer ul a:nth-of-type(5),.customer ul a:nth-of-type(8){
	margin: 0 0.85rem 0.35rem;
}


.procedure > a{
	margin: 0.65rem auto 1rem;
}