.pagebox .banner#agency{height:0;padding-bottom:33%;}
.ping{display:block;max-width:100%;max-height:100%;min-height:100%;min-width:100%;}

.page-title {
	text-align: center;
}

.page-title .main {
	font-size: .42rem;
	color: #333;
}

.page-content{
    background-color: #fff
}

/*------------------*/

.first-main {
    padding: 45px 10px 12px;
    box-sizing: border-box;
}

.first-content {
    width: 100%;
}

.first-content .first-img {
    text-align: center;
    margin-bottom: 25px;
}

.first-content .first-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.first-content .first-list>li {
    width: calc(50% - 5px);
    /* height: 150px; */
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #EAEAEA;
    margin-bottom: 10px;
}

.first-content .first-list>li>img {
    margin-bottom: .8rem;
    transform: scale(0.8,0.8);
}

.first-content .first-list>li>span {
    display: inline-block;
    font-size: .42rem;
    color: #333;
    position: relative;
    margin-bottom: .4rem;
    top: -20px;
}

.first-content .first-list>li>span::after {
    content: " ";
    display: inline-block;
    width: 23px;
    height: 1px;
    background-color: #2B90F5;
    position: absolute;
    left: 50%;
    margin-left: -11.5px;
    bottom: -10px;
}

.first-content .first-list>li>p{
    position: relative;
    top: -20px;
    font-size: .32rem;
    color: #888;
	line-height:.6rem;
}



/*---------------------*/

.second-main {
    background-color: #F4F8FF;
    padding: 25px 10px 0;
}

.second-content {
    width: 100%;
    margin: 30px auto 0;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
}

.second-content .second-list {
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
}

.second-content .second-list img{
    transform: scale(0.8,0.8);
}

.second-content .second-list .second-list-one {
    padding: 0 10px;
    background-color: #F4F8FF;
}

.second-content .second-list .second-bg {
    height: 55px;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


.second-content .second-list .second-bg>span {
    font-size: .42rem;
    color: #333;
}

.second-content .second-list .second-bg.two {
    background-color: #2B90F5;
}

.second-content .second-list .second-bg.two>span {
    color: #fff;
}

.second-content .second-list>ul {
    padding: 10px;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 5px; 
}

.second-content .second-list>ul>li {
    display: -webkit-box;
    display: flex;
    align-items: center;
    border: 1px solid #EEEEEE;
    padding: .4rem;
    margin-bottom: 5px;
}

.second-content .second-list>ul>li>span {
    font-size: .32rem;
    color: #666;
    margin-left: .2rem;
	line-height:.6rem;
}

.second-content .second-center {
    display: -webkit-box;
    display: flex;
    justify-content: center;
}

.second-content .second-center.bottom{
    margin-bottom: 10px;
}

.second-content .second-center>li {
    height: 32px;
    width: 23%;
    margin-bottom: 15px;
    background-color: #2B90F5;
    font-size: .24rem;
    color: #fff;
    line-height: 32px;
    text-align: center;
    position: relative;
    margin-right: 37px;
}

.second-content .second-center>li:nth-last-child(1){
    margin-right: 0;
}

.second-content .second-center>li::before {
    content: " ";
    width: 0;
    height: 0;
    border-width: 16px 10px 16px 0;
    border-style: solid;
    border-color: transparent #2B90F5 transparent transparent;
    position: absolute;
    top: 0;
    left: -10px;
}

.second-content .second-center>li::after {
    content: " ";
    width: 0;
    height: 0;
    border-width: 16px 0 16px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #2B90F5 ;
    position: absolute;
    top: 0;
    right: -10px;
}

.second-content .second-center>li:nth-child(2){
    opacity: 0.85;
}

.second-content .second-center>li:nth-child(3){
    opacity: 0.75;
}

.second-content .second-center.bottom>li:nth-child(1){
    opacity: 0.65;
}

.second-content .second-center.bottom>li:nth-child(2){
    opacity: 0.55;
}

.second-content .second-center.bottom>li:nth-child(3){
    opacity: 0.45;
}



/*------------------------*/

.third-main {
    padding: 25px 10px 15px;
    background: url(../../images/single/groupBuy/img-8.png) 100% 0 no-repeat;
}

.third-content {
    width: 100%;
    margin: 36px auto 0;
}

.third-content .third-list {
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}

.third-content .third-list>li {
    width: calc(33.33% - 6px);
    margin-bottom: 10px;
}

.third-content .third-list>li:nth-child(3n){
    margin-right: 0;
}


/*---------------------*/

.fourth-main {
    padding: 25px 10px 0;
    background-color:#2B90F5;
}

.fourth-content {
    width: 100%;
    margin: 30px auto 0;
}

.fourth-content .fourth-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.fourth-content .fourth-list img{
    transform: scale(0.8 ,0.8);
}

.fourth-content .fourth-list>li {
    width: 50%;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.fourth-content .fourth-list>li>img {
    margin-bottom: 20px;
}

.fourth-content .fourth-list>li>span {
    display: inline-block;
    font-size: .42rem;
    color: #fff;
    position: relative;
    margin-bottom: .3rem;
    top: -20px;
}

.fourth-content .fourth-list>li>span::after {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -8px;
}

.fourth-content .fourth-list>li>p{
    font-size: .32rem;
    color: #fff;
    text-align: center;
    position: relative;
    top: -15px;
	line-height:.5rem;
}



/*----------------------*/

.process-main {
    padding: 30px 10px 15px;
}

.process-content {
    width: 100%;
    margin: 20px auto 0;
}

.process-content .process-list{
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
}

.process-content .process-list ul img{
    transform: scale(0.8 ,0.8);
}

.process-content .process-list>div>span{
    font-size: .6rem;
    color: #333;
	display:block;
	text-align:center;
}

.process-content .process-list>div>span.color{
    color: #fff;
}

.process-content .process-list>ul{
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.process-content .process-list>ul>li{
    width: calc(50% - 5px);
    border: 1px solid #EEEEEE;
    padding: .4rem;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: .2rem;
}

.process-content .process-list>ul>li>p{
    font-size: .32rem;
    color: #666;
    text-align: left;
    margin-top:.1rem;
	line-height:.5rem;
}


.message{padding:1rem 0;background:#f0f3fa;}
.mestitle{text-align:center;}
.mestitle .titleh{font-size:.48rem;color:#333;}
.mestitle .contp{font-size:.36rem;color:#666;margin-top:.2rem;}
.formd{margin-top:.5rem;}
.formd form input{display:block;width:100%;box-sizing:border-box;}
.formd form .xmane,.formd form .iphone{position:relative;border:solid .02rem #f0f3fa;box-sizing:border-box;display:flex;align-items:center;}
.formd form .xmane input,.formd form .iphone input{padding:.36rem .2rem;padding-left:1rem;font-size:.36rem;}
.formd form .xmane:before{display:block;position:absolute;left:.3rem;content:'';background:url(../../images/xingming.png) no-repeat;width:.48rem;height:.48rem;background-size:100%;}
.formd form .iphone:before{display:block;position:absolute;left:.3rem;content:'';background:url(../../images/dianhua.png) no-repeat;width:.48rem;height:.48rem;background-size:100%;}
.formd form .submit{margin-top:.4rem;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;padding:.3rem 0;background:#316fff;color:#fff;border:solid .02rem #316fff;font-size:.4rem;cursor:pointer;box-sizing:border-box;border-radius:60rem;}
.remarks{text-align:center;margin-top:.5rem;}
.remarks p.mainp{font-size:.4rem;color:#333;}
.remarks p.small{font-size:.38rem;color:#666;margin-top:.2rem;}