.bannerbox{width:100%;position:relative; overflow:hidden;height:500px;}
.banner{width:1920px;position:absolute;left:50%;margin-left:-960px;}
.banner#b1{display:block;height:500px;background:url(../../images/single/mini_program_selling/banner.jpg) no-repeat;}
.banner#b1 .ban2{padding-top:150px;}
.banner#b1 .ban2 .bac{margin-top:30px;width:550px;}
.banner#b1 .ban2 .bac p{font-size:20px;margin-top:0;line-height:42px;}

.page-content{min-width:1200px;}
.page-title{text-align:center;}
.page-title .main{font-size:32px;color:#333;}
.page-title .small{font-size:20px;color:#333;margin-top:10px;}
.page-title.white .main{color:#fff;}
.page-title.white .small{color:#fff;}
.clearFex:after{clear:both;content:'';display:block;width:0;height:0;}
.first-main{margin:55px 0 60px 0;}
.first-content{width:1060px;margin:36px auto 0 auto;font-size:0;}
.first-content .left-group{float:left;overflow:hidden;}
.first-content .right-group{float:right;overflow:hidden;}
.first-content .icon-box{width:114px;height:239px;border-style:solid;text-align:center;position:relative;}
.first-content .icon-box .icon{margin:80px 0 10px 0;}
.first-content .icon-box .name{color:#fff;font-size:24px;}
.first-content .icon-box:before{content:'';display:block;height:100%;width:78px;background-color:#fff;position:absolute;top:0;}
.first-content .icon-box:after{content:'';display:block;height:219px;width:4px;background-color:#fff;position:absolute;top:9px;}
.first-content .left-group .icon-box{border-width:4px 0 4px 4px;border-color:#3887fa;padding-left:78px;background-color:#3887fa;float:right;}
.first-content .left-group .icon-box:before{left:0;}
.first-content .left-group .icon-box:after{left:-4px;}
.first-content .right-group .icon-box{border-width:4px 4px 4px 0;border-color:#fab36a;padding-right:78px;background-color:#fab36a;float:left;}
.first-content .right-group .icon-box:before{right:0;}
.first-content .right-group .icon-box:after{right:-4px;}
.first-content .left-group .list-box{float:left;margin-top:9px;margin-right:-60px;}
.first-content .right-group .list-box{float:right;margin-top:9px;margin-left:-60px;}
.first-content .list-box{position:relative;z-index:2;}
.first-content .list-box .list{font-size:16px;color:#fff;line-height:50px;height:50px;width:354px;padding:0 15px;margin-top:20px;}
.first-content .left-group .list-box .list{background-color:#3887fa;text-align:right;border-radius:25px 0 0 25px;}
.first-content .right-group .list-box .list{background-color:#fab36a;border-radius:0 25px 25px 0;}

.second-main{background-color:#1b1d2c;padding:40px 0 50px 0;}
.second-content{text-align:center;margin-top:50px;}

.third-main{margin:60px 0 50px 0;}
.third-content{width:1200px;margin:30px auto 0 auto;font-size:0;}
.third-content .list{float:left;width:288px;margin-right:13px;margin-top:13px;border:solid 1px #efefef;padding:40px 0 35px 0;text-align:center;}
.third-content .list:nth-child(4n){margin-right:0;}
.third-content .list .icon{margin-bottom:25px;}
.third-content .list .name{font-size:18px;color:#333;margin-bottom:13px;}
.third-content .list .small{font-size:14px;color:#888;margin:0 15px;line-height:1.5;text-align:left;}

.fourth-main{background:url(../../images/single/mini_program_selling/page_bg.jpg) no-repeat center;padding:35px 0 92px 0;height:540px;box-sizing:border-box;}
.fourth-content{width:1200px;margin:135px auto 0 auto;background:url(../../images/single/mini_program_selling/img_3.png) no-repeat center;position:relative;height:236px;}
.fourth-content .list{position:absolute;font-size:0;}
.fourth-content .list:nth-child(1){top:-88px;left:680px;}
.fourth-content .list:nth-child(2){top:-10px;left:120px;text-align:right;}
.fourth-content .list:nth-child(3){top:58px;right:60px;}
.fourth-content .list:nth-child(4){top:135px;text-align:right;left:58px;}
.fourth-content .list:nth-child(5){top:185px;right:118px;}
.fourth-content .list .name{font-size:18px;color:#fff;margin-bottom:10px;}
.fourth-content .list .small{font-size:14px;color:#fff;line-height:1.8;}

/*留言板*/
.message{display:block;padding:80px 0;background:#fff;}
.mestitle,.remarks{display:block;text-align:center;}
.mestitle .titleh{font-size:28px;color:#333;font-weight:700}
.mestitle .contp{font-size:20px;color:#666;margin-top:10px;}
.formd form{display:flex;justify-content:space-evenly;padding:0 200px;margin-top:40px;}
.formd form .xmane,.formd form .iphone{width:300px;position:relative;border:solid 1px #f0f3fa;box-sizing:border-box;}
.formd form .xmane input,.formd form .iphone input{display:block;width:100%;height:100%;box-sizing:border-box;line-height:60px;padding:20px 10px;padding-left:60px;font-size:14px;}
.formd form .xmane:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/xingming.png) no-repeat;width:30px;height:30px;}
.formd form .iphone:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/dianhua.png) no-repeat;width:30px;height:30px;}
.formd form .submit{width:180px;height:60px;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;line-height:60px;background:#316fff;color:#fff;border:solid 1px #316fff;font-size:20px;cursor:pointer;box-sizing:border-box;}
.remarks{margin-top:30px;}
.remarks .main{font-size:24px;color:#333;font-weight:700}
.remarks .small{font-size:24px;margin-top:5px;color:#666;}
font{color:#f50303;font-weight:700;}