.pagebox .banner#agency{height:0;padding-bottom:33%;}
.ping{display:block;max-width:100%;max-height:100%;min-height:100%;min-width:100%;}
.form-main{margin:25px 0;}
.form-main .form-title{text-align:center;margin-bottom:15px;}
.form-main .form-title .main{font-size:13px;color:#333;margin-bottom:7px;}
.form-main .form-title .small{display:inline-block;line-height:normal;padding:4px 10px;background-color:#f5f5f5;font-size:10px;color:#333;}
.form-main .form-content{margin:0 auto;border-top:solid 1px #d1d1d1;}
.form-main .form-content .form-group{border-bottom:solid 1px #d1d1d1;}
.form-main .form-content .form-group:after{content:'';display:block;width:0;height:0;clear:both;}
.form-main .form-content .form-group .left{float:left;border-left:solid 1px #f3f3f3;width:30%;box-sizing:border-box;text-align:center;font-size:11px;color:#555;line-height:35px;}
.form-main .form-content .form-group .right{float:right;border-left:solid 1px #d1d1d1;border-right:solid 1px #f3f3f3;width:70%;box-sizing:border-box;height:35px;}
.form-main .form-content .form-group .form-ipt{width:96%;height:100%;margin:0 2%;font-size:10px;color:#555;outline:none;border:0;}
.form-main .form-content .form-btn{width:100%;height:36px;color:#fff;font-size:14px;cursor:pointer;background-color:#3396f2;border:0;margin-top:15px;}
.form-remarks{text-align:center;line-height:1.5;margin-top:20px;}
.form-remarks .main{color:#333;font-size:13px;}
.form-remarks .small{color:#333;font-size:13px;}

.page-title{text-align:center;font-size:0;}
.page-title .main{font-size:16px;color:#333;}
.page-title .small{font-size:10px;color:#888;margin-top:6px;}
.page-title.white .main{color:#fff;}
.first-main{margin-top:25px;margin-bottom:20px;}
.first-content{margin:15px 10px 0 10px;}
.first-content .list{border-bottom:solid 1px #e7e7e7;padding:10px 0;}
.first-content .list:last-child{border-bottom:0;}
.first-content .list .icon{width:20px;}
.first-content .list .text-box{margin-left:15px;}
.first-content .list .name{font-size:13px;color:#2e2f39;margin-bottom:3px;}
.first-content .list .small{font-size:9px;color:#666;line-height:1.5;}

.second-main{background-color:#fafafa;padding:20px 10px 15px 10px;}
.second-main .img-box{margin-top:20px;}
.second-main .icon-arrow{text-align:center;font-size:0;}
.second-main .icon-arrow img{width:25px;margin:20px 0 10px 0;}
.second-content{margin-top:10px;}
.second-content .list{border:solid 1px #e9e9e9;padding:10px;background-color:#fff;margin-top:10px;}
.second-content .list .icon{width:22px;}
.second-content .list .text-box{margin-left:15px;}
.second-content .list .name{font-size:13px;margin-bottom:3px;}
.second-content .list .small{font-size:9px;color:#888;line-height:1.5;}

.third-main{margin:24px 0 18px 0;}
.third-content{margin:20px 10px 0 10px;}
.third-content .list{border:solid 1px #efefef;background-color:#fff;padding:5px;margin-top:10px;}
.third-content .list .icon-box{width:105px;height:50px;}
.third-content .list:nth-child(1) .icon-box{background-color:#bc7df6;}
.third-content .list:nth-child(2) .icon-box{background-color:#6a98e6;}
.third-content .list:nth-child(3) .icon-box{background-color:#fc4f4f;}
.third-content .list:nth-child(4) .icon-box{background-color:#86ab77;}
.third-content .list:nth-child(5) .icon-box{background-color:#6e7190;}
.third-content .list:nth-child(even){text-align:right;}
.third-content .list:nth-child(odd) .text-box{margin-left:12px;}
.third-content .list:nth-child(even) .text-box{margin-right:12px;}
.third-content .list .icon{height:26px;}
.third-content .list .name{font-size:13px;color:#333;margin-bottom:3px;}
.third-content .list .small{font-size:9px;color:#888;}

.fourth-main{background:url(../../images/single/supplier_selling/page_bg.jpg) no-repeat center top;background-size:100% 100%;padding:24px 10px 30px 10px;}
.fourth-content{margin:24px 0 0 0;}
.fourth-content .list{width:50%;text-align:center;padding:24px 10px 20px 10px;box-sizing:border-box;}
.fourth-content .list:nth-child(odd){border-right:solid 1px rgba(255,255,255,.3);}
.fourth-content .list:nth-child(1),
.fourth-content .list:nth-child(2),
.fourth-content .list:nth-child(3),
.fourth-content .list:nth-child(4){border-bottom:solid 1px rgba(255,255,255,.3);}
.fourth-content .list .icon{height:34px;margin-bottom:15px;}
.fourth-content .list .small{font-size:10px;color:#fff;text-align:left;}



.message{padding:1rem 0;background:#fff;}
.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;}

/*flex兼容写法*/
/* 定义 */
.flex-def {display: -webkit-flex; display: flex; }
/* 主轴居中 */
.flex-zCenter {-webkit-justify-content: center;justify-content: center;}
/* 主轴居中 */
.flex-zAround {-webkit-justify-content: space-around;justify-content: space-around;}
/* 主轴两端对齐 */
.flex-zBetween {-webkit-justify-content: space-between;justify-content: space-between;}
/* 主轴end对齐 */
.flex-zEnd {-webkit-justify-content: flex-end;justify-content: flex-end;}
/* 主轴start对齐 */
.flex-zStart {-webkit-justify-content: start;justify-content: start;}
/* 侧轴居中 */
.flex-cCenter {-webkit-align-items: center;align-items: center;}
/* 侧轴start对齐 */
.flex-cStart {-webkit-align-items: start;align-items: start;}
/* 侧轴底部对齐 */
.flex-cEnd {-webkit-align-items: flex-end;align-items: flex-end;}
/* 侧轴文本基线对齐 */
.flex-cBaseline {-webkit-align-items: baseline;align-items: baseline;}
/* 侧轴上下对齐并铺满 */
.flex-cStretch {-webkit-align-items: stretch;align-items: stretch;}
/* 主轴从上到下 */
.flex-zTopBottom {-webkit-flex-direction: column;flex-direction: column;}
/* 主轴从下到上 */
.flex-zBottomTop {-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 主轴从左到右 */
.flex-zLeftRight {-webkit-flex-direction: row;flex-direction: row;}
/* 主轴从右到左 */
.flex-zRightLeft {-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
/* 是否允许子元素伸缩 */
.flex-item {-webkit-flex-grow: 1;flex-grow: 1;}
/*子元素换行*/
.flex-wrap {-moz-flex-wrap:wrap;flex-wrap:wrap;}
/* 子元素的显示次序 */
.flex-order{-webkit-order: 1;order: 1;}
/*元素比例*/
.flex-one{-webkit-flex: 1; flex: 1;}