/*定义flex*/

.flexfl{display: flex;justify-content: flex-start;align-items: center;}
.flexfr{display: flex;justify-content: flex-end;align-items: center;}
.flexa1{display: flex;justify-content: center;flex-wrap: wrap;}
.flexa2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexa2:before,.flexa2:after{content: "";display: block;}
.flexa3{display: flex;justify-content: space-around;flex-wrap: wrap;}
.flexa4{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexb1{display: flex;flex-wrap: wrap;align-content: center;}
.flexb2{display: flex;flex-wrap: wrap;align-content: space-evenly;}
.flexb2:before,.flexb2:after{content: "";display: block;}
.flexb3{display: flex;flex-wrap: wrap;align-content: space-around;}
.flexb4{display: flex;flex-wrap: wrap;align-content: space-between;}
.flexc1{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.flexc2{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.flexc2:before,.flexc2:after{content: "";display: block;}
.flexc3{display: flex;justify-content: space-around;flex-wrap: wrap;align-items: center;}
.flexc4{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}

/*common公共类顶部*/

body{padding-top: 60px;}
.huangTopBox{background: #F4808D;width: 100%;position: fixed;left: 0;top: 0;z-index: 998877;box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);}
.huangTopBox2{width: 1200px;margin: 0 auto;}
.huangTopBox2 .fls,.huangTopBox2 .flrs{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.huangTopBox2 .frs a{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.huangTopBox2 .fls,.huangTopBox2 .frs,.huangTopBox,.huangTopBox2 .frs a{height: 60px}
.huangTopBox2 .fls .shuxian{height: 30px;width: 1px;background: #fff;margin: 0 5px;}
.huangTopBox2 .fls .d1 img{width: 90px;}
.huangTopBox2 .fls .d2{font-size: 22px;color: #fff;font-weight: 700;margin-right: 5px;}
.huangTopBox2 .fls .d3 img{width: 40px;margin-right: 5px;}
.huangTopBox2 .fls .d4 .p1{color: #eee;font-size: 16px;}
.huangTopBox2 .fls .d4 .p2{color: #fff;font-size: 22px;font-weight: 700;}
.huangTopBox2 .frs a{font-size: 20px;color: #fff;height: 100%;background: -pink;margin-left: 10px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.huangTopBox2 .frs a:hover{text-decoration: underline !important;}

/*common公共类底部*/

.huangBotBox{height: auto;background: #F4808D;color: #fff;padding: 20px 0;text-align: center;}
.huangBotBox a{color: #fff;}
.huangBotBox a:hover{text-shadow: 0 0 5px #fff;}
.huangBotBox2{overflow: hidden;display: inline-block;}
.huangBotBox .fls{padding-right: 20px;float: left;position: relative;}
.huangBotBox .fls:after{content: "";display: inline-block;width: 2px;height: 120px;background: #fff;position: absolute;top: 0;right: 0;}
.huangBotBox .fls img{width: 240px;}
.huangBotBox .frs{padding-left: 20px;float: left;}
.huangBotBox .frsbox1{overflow: hidden;}
.huangBotBox .fls2{float: left;background: -pink;}
.huangBotBox .frs2{float: left;padding-left: 20px;text-align: left;background: -orange;}
.huangBotBox .fls2 .p1 img{width: 100px;height: 100px;}
.huangBotBox .fls2 .p2{font-size: 16px;text-align: center;padding-top: 6px;color: #fff;}
.huangBotBox .frs2 .p1{font-size: 18px;font-weight: 700;padding-bottom: 5px;}
.huangBotBox .frs2 .p2 a{font-size: 16px;}
.huangBotBox .frs2 .p3{font-size: 18px;font-weight: 700;padding-top: 10px;color: #fff;}
.huangBotBox .frs2 .p3:after{content: "";display: block;width: 200px;height: 2px;background: #fff;margin: 5px 0;}
.huangBotBox .frs2 .p4 a{font-size: 14px;padding-bottom: 5px;}
.huangBotBox .frsbox2{text-align: left;padding-top: 10px;}
.huangBotBox .frsbox2 .p1{font-size: 14px;padding-left: 10px;color: #fff;}

/*引入了新航道后端的样式前端必须重置的*/

input{margin: 0;padding: 0;}