.bannerbox{width:100%;position:relative; overflow:hidden;height:530px;}
.banner{width:1920px;position:absolute;left:50%;margin-left:-960px;}
.banner#b1{display:block;height:530px;background:url(../../images/single/videohao/banner.png) 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-title {
    text-align: center;
}

.page-title .main {
    font-size: 32px;
    color: #333;
}

.page-title.white .main {
    color: #fff;
}

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

.first-main {
    padding: 60px 0 50px;
    background:  url(../../images/single/groupBuy/img-10.png) 0 209px no-repeat, url(../../images/single/groupBuy/img-9.png) 100% 205px no-repeat;
}

.first-content {
    width: 1200px;
    margin: 50px auto 0;
}

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

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

.first-content .first-list>li {
    width: 280px;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 28px 30px;
    box-sizing: border-box;
    border: 1px solid #EAEAEA;
}

.first-content .first-list>li>img {
    margin-bottom: 40px;
}

.first-content .first-list>li>span {
    display: inline-block;
    font-size: 24px;
    color: #000;
    position: relative;
    margin-bottom: 38px;
}

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

.first-content .first-list>li>p{
    font-size: 14px;
    color: #888;
    line-height: 1.8em;
}



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

.second-main {
    background-color: #F4F8FF;
    padding: 50px 0 55px;
}

.second-content {
    width: 1200px;
    margin: 60px auto 0;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
}

.second-content .second-list {
    width: 430px;
    height: 730px;
    background-color: #fff;
}

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

.second-content .second-list .second-bg {
    height: 110px;
    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 {
    margin-left: 25px;
    font-size: 24px;
    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: 20px;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 5px; 
}

.second-content .second-list>ul>li {
    height: 88px;
    display: -webkit-box;
    display: flex;
    align-items: center;
    border: 1px solid #EEEEEE;
    padding: 0 27px;
    margin-bottom: 10px;
}

.second-content .second-list>ul>li>span {
    font-size: 14px;
    color: #666;
    margin-left: 10px;
}

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

.second-content .second-center>li {
    height: 63px;
    width: 160px;
    margin-bottom: 35px;
    background-color: #2B90F5;
    font-size: 24px;
    color: #fff;
    line-height: 63px;
    text-align: center;
    position: relative;
}

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

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

.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>li:nth-child(4){
    opacity: 0.65;
}

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

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



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

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

.third-content {
    width: 1200px;
    margin: 70px auto 0;
}

.third-content .third-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.third-content .third-list>li {
    margin-right: 100px;
    margin-bottom: 40px;
}

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


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

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

.fourth-content {
    width: 1200px;
    margin: 60px auto 0;
}

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

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

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

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

.fourth-content .fourth-list>li>span::after {
    content: " ";
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -15px;
}

.fourth-content .fourth-list>li>p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1.8em;
}



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

.process-main {
    padding: 50px 0 30px;
}

.process-content {
    width: 1200px;
    margin: 50px auto 0;
}

.process-content .process-list{
    display: -webkit-box;
    display: flex;
    margin-bottom: 30px;
}

.process-content .process-list>div{
    width: 68px;
    height: 183px;
    position: relative;
    margin-right: 40px;
    position: relative;
    top: 10px;
}

.process-content .process-list>div>span{
    writing-mode: horizontal-lr;
    font-size: 28px;
    color: #333;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% ,-50%);
    line-height: 1.2em;
}

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

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

.process-content .process-list>ul>li{
    width: 258px;
    border: 1px solid #EEEEEE;
    padding: 0 30px 20px;
    box-sizing: border-box;
    text-align: center;
}

.process-content .process-list>ul>li>img{
    padding: 40px 0 38px;
}

.process-content .process-list>ul>li>p{
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 1.8em;
}


/*留言板*/
.message{display:block;padding:80px 0;background:#f0f3fa;}
.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;}