/* 样式初始化 */

html,
head,
body,
div {
    padding: 0;
    margin: 0;
}

input,
input:focus,
button,
select {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
}

a {
    text-decoration: none;
    color: #333333;
}

i,
b,
s {
    font-style: normal;
}

.radio-cl {
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 50%;
    cursor: pointer;
}

ul li .select-tips {
    font-size: 12px;
    text-decoration: none;
    color: #FF6600;
}

.banner_box {
    /* max-width: 1920px; */
    width: 100%;
}

.banner_box img {
    width: 100%;
    height: 100%;
}
.swiper-box{
    height: 300px;
}

.navigation {
    text-align: center;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #ddd
}

.navigation a {
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    color: #333333;
    position: relative;
    letter-spacing: 2px;
    width: 270px;
    height: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 257px;
    white-space: nowrap;
}

.navigation a:nth-child(2) {
    position: relative;
}

.navigation a:nth-child(2)::before {
    content: '';
    height: 3px;
    background: #FF6600;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.navigation a img {
    margin-right: 8px
}

.navigation a~a {
    margin-left: -1px
}

.navigation a>span {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    margin: 0 auto
}

.navigation p {
    position: relative
}

.navigation p img {
    position: absolute;
    top: -15px;
    right: 0
}

.navigation_act {
    background-color: #FF6600;
}

.container {}

.container .category_nav {
    max-width: 550px;
    width: 100%;
    margin: 30px auto;
}

.container .category_nav ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.category_nav ul li {
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #EEEEEE;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    position: relative;
}

.category_nav ul .nav_arr {
    position: absolute;
    bottom: -40%;
    left: 40%;
    width: 0 !important;
    height: 0 !important;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 14px solid #ff6600;

}

.category_nav ul .active {
    background-color: #FF6600;
}

.category_nav ul .active a {
    color: #fff;
}

/* 产品分类 */

/* H5建站 */
.h5-wrap {
    width: 100%;
    /* display: none; */
}

.h5-wrap .h5-content {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 44px;
    display: flex;
    justify-content: space-around;
}

.h5-wrap .h5-content .h5-item {
    width: 295px;
    height: auto;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
    position: relative;
}

.cornerMark {
    position: absolute;
    top: -5px;
    right: -5px;
}

.h5-wrap .h5-content .h5-item:hover {
    background: url('../images/h5_bg.png');
}

.h5-item .h5-item-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.h5-item-head .h5-item-title {
    padding-top: 10px;
    padding-bottom: 10px;
}

.h5-item-head .h5-item-title .h5-title-1 {
    font-size: 14px;
    font-family: Source Han Sans CN;
    color: #333333;
    line-height: 10px;
    margin-top: 15px;
    text-align: center;
    padding-left: 7px;
    margin-bottom: 15px;
}

.h5-item-title .h5-title-1 .type {
    font-size: 20px;
    font-weight: 600;
}

.h5-item-head .h5-item-title .h5-title-2 {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 10px;
    text-align: center
}

.h5-item-head .h5-nav-bar {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.h5-nav-bar li {
    width: 70px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    padding-bottom: 5px;
}

.h5-nav-bar .active {
    border-bottom: 2px solid #FF6600;
    color: #FF6600;
}

/* 营销推广 */
.h5-item-body .sale-info {
    padding-left: 25px;
}

.h5-item-body .sale-info-title {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sale-info-con {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-left: 13px;
}

.sale-info-con li {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sale-info-con span {
    margin-left: 5px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #666666;
}

/* 高级功能 */
.h5-item-body .superfn-info {
    padding-left: 25px;
    height: 210px;
}

.h5-item-body .superfn-info-title {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.superfn-info-con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-left: 13px;
}

.superfn-info-con li {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
}

.superfn-info-con li:nth-child(1),
.superfn-info-con li:nth-child(2) {
    margin-top: 0;
}

.superfn-info-con span {
    margin-left: 5px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #666666;
}

/* 年限选择和空间大小 */
.select-info {
    margin-left: 25px;
}

.select-info .space {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
}

.select-info .year-wrap {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
}

.select-info p span {
    display: inline-block;
    width: 145px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}

.select-info p select {
    width: 145px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}

.year-select {
    position: relative;
}

.year-select::before {
    content: '送1年';
    width: 100px;
    height: 20px;
    font-size: 14px;
    color: #ff6600;
    position: absolute;
    top: 0;
    left: 0;
}

/* 价格信息 */
.discount {
    /* width: 80%; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.discount span {
    display: inline-block;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FC961F;
    /* background-color: #FC961F; */
    /* width: 68px; */
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px 3px 3px 0px;
    /* margin: 0 5px; */
}
.discount span:nth-child(-n+2)::after {
    content: '，';
}

.price-info {
    padding-left: 15px;
    margin: 0;
}

.price-info .now-price {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
}

.price-info .now-price i {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FD8301;
}

.price-info .now-price b {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FD8301;
    position: relative;
}

.price-info .pre-price {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-decoration: line-through;
    color: #888888;
    margin-left: 23px;
}

/* 立即购买 */
.btn {
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #FF6600;
    border-radius: 3px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.btn-free {
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #fff4ed;
    border-radius: 3px;
    color: #ff6600;
    text-align: center;
    cursor: pointer;
    margin: 15px 0;
    font-size: 14px;
}

.btn-wrap {
    display: flex;
    width: 230px;
    margin: 12px auto;
    justify-content: space-between;
    align-items: center;
}


/* 网上商城 */
.online-wrap {
    width: 100%;
    display: none;
    margin-bottom: 45px;
}

.online-wrap .online-content {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.online-wrap .online-content .online-item {
    width: 380px;
    height: auto;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
    position: relative;
}

.online-wrap .online-content .online-item:hover {
    background: url('../images/shop_bg.png');
}

.online-item .online-item-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

.online-item-head .online-item-title {
    padding-top: 10px;
    padding-bottom: 10px;
}

.online-item-head .online-item-title .type {
    font-size: 20px;
    font-weight: 600;
}

.online-item-head .online-item-title .online-title-1 {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 5px;
    text-align: center;
    margin-bottom: 20px;
}

.online-item-head .online-item-title .online-title-2 {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 10px;
    text-align: center;
}

.online-item-head .online-nav-bar {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.online-nav-bar li {
    width: 70px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    padding-bottom: 5px;
    text-align: center;
    cursor: pointer;
}

.online-nav-bar .disable {
    color: #BBBBBB;
    cursor: default;
}

.online-nav-bar .active {
    border-bottom: 2px solid #FF6600;
    color: #FF6600;
}

/* 营销推广 */
.online-item-body .sale-info {
    padding-left: 38px;
}

.online-item-body .sale-info-title {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.online-item .sale-info-con {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-left: 13px;
    flex-wrap: wrap;
}

.online-item .sale-info-con li {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
}

.online-item .sale-info-con li:nth-child(1),
.online-item .sale-info-con li:nth-child(2) {
    margin-top: 0;
}

/* 高级功能 */
.online-item-body .superfn-info {
    padding-left: 38px;
    height: 120px;
}

.online-item-body .superfn-info-title {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.superfn-info-con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-left: 13px;
}

.superfn-info-con li {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
}

.superfn-info-con li:nth-child(1),
.superfn-info-con li:nth-child(2) {
    margin-top: 0;
}

.superfn-info-con span {
    margin-left: 5px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #666666;
}

/* 年限选择和空间大小 */
.online-item-body .select-info {
    margin-left: 38px;
}

.online-item-body .select-info .space {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
}

.online-item-body .select-info .year-wrap {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
}

.online-item-body .select-info p span {
    display: inline-block;
    width: 207px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333;
}

.online-item-body .select-info p select {
    width: 207px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333;
}

/* 优惠以及提示 */
.online-item-body .sale-tips {
    width: 323px;
    height: 53px;
    background: #F5F5F5;
    margin: 10px 26px 30px;
    padding: 7px 0px 7px 24px;
    box-sizing: border-box;
}

.online-item-body .sale-tips li {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    position: relative;
}

.online-item-body .sale-tips li:last-child {
    margin-top: 5px;
}

.online-item-body .sale-tips li::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #FF6600;
    border-radius: 50%;
    position: absolute;
    top: 35%;
    left: -5%;
}

/* 价格信息 */
.online-item-body .price-info {
    padding-left: 70px;
}

.online-item-body .price-info .now-price {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
}

.online-item-body .price-info .now-price i {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF4734;
}

.online-item-body .price-info .now-price b {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF4734;
    position: relative;
}

.online-item-body .price-info .pre-price {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-decoration: line-through;
    color: #888888;
    margin-left: 23px;
}

/* 立即购买 */
.online-item-body .btn-wrap {
    display: flex;
    width: 306px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.online-item-body .btn {
    width: 135px;
    height: 36px;
    line-height: 36px;
    background: #FF6600;
    border-radius: 3px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin: 35px auto;
    cursor: pointer;
}

.online-item-body .btn-free {
    width: 135px;
    height: 36px;
    line-height: 36px;
    background: #fff4ed;
    border-radius: 3px;
    color: #ff6600;
    text-align: center;
    cursor: pointer;
    margin: 35px 0;
    font-size: 14px;
}

/* 小程序应用 */
.wxapp-wrap {
    width: 100%;
    display: none;
    margin-bottom: 45px;
}

.wxapp-wrap .wxapp-content {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.wxapp-wrap .wxapp-content .wxapp-item {
    width: 295px;
    /* background-color: lightblue; */
    height: auto;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
    position: relative;
}

.wxapp-wrap .wxapp-content .wxapp-item:hover {
    background: url('../images/wxapp_bg.png');
}

.wxapp-item .wxapp-item-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

.wxapp-item-head .wxapp-item-title {
    padding-top: 10px;
    padding-bottom: 15px;
}

.wxapp-item-head .wxapp-item-title .wxapp-title-1 {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 5px;
    text-align: center;
    margin-bottom: 20px;
}

.wxapp-item-title .wxapp-title-1 .type {
    font-size: 20px;
    font-weight: 600;
}

.wxapp-item-head .wxapp-item-title .wxapp-title-2 {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 10px;
    text-align: center
}

.wxapp-item-head .wxapp-nav-bar {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #eee;
}


/* 营销推广 */
.wxapp-item-body .sale-info {
    padding-left: 25px;
}

.wxapp-item-body .sale-info-title {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sale-info-con {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-left: 13px;
}

.sale-info-con li {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sale-info-con span {
    margin-left: 5px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333;
}

/* 高级功能 */
.wxapp-item-body .superfn-info {
    padding-left: 25px;
    height: 230px;
}

.wxapp-item-body .superfn-info-title {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.superfn-info-con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-left: 13px;
}

.superfn-info-con li {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
}

.superfn-info-con li:nth-child(1),
.superfn-info-con li:nth-child(2) {
    margin-top: 0;
}

.superfn-info-con span {
    margin-left: 5px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333;
}

/* 优惠以及提示 */
.sale-tips {
    width: 267px;
    height: 53px;
    background: #F5F5F5;
    margin: 10px 15px 25px;
    padding: 7px 0px 7px 20px;
    box-sizing: border-box;
}

.sale-tips li {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    position: relative;
    white-space: nowrap;
}

.sale-tips li:last-child {
    margin-top: 5px;
}

.sale-tips li::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #FF6600;
    border-radius: 50%;
    position: absolute;
    top: 35%;
    left: -5%;
}

/* 价格信息 */
.price-info {
    padding-left: 15px;
}

.price-info .now-price {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
}

.price-info .now-price i {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF4734;
}

.price-info .now-price b {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF4734;
    position: relative;
}

.price-info .pre-price {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-decoration: line-through;
    color: #888888;
    margin-left: 23px;
}

/* 立即购买 */
.wxapp-item-body .btn {
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #FF6600;
    border-radius: 3px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.wxapp-item-body .btn-free {
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #fff4ed;
    border-radius: 3px;
    color: #ff6600;
    text-align: center;
    cursor: pointer;
    margin: 15px 0;
    font-size: 14px;
}

.wxapp-item-body .btn-wrap {
    display: flex;
    width: 230px;
    margin: 13px auto;
    justify-content: space-between;
    align-items: center;
}

/* 建站优势 */
.h5-adg-wrap {
    width: 100%;
    background-color: #F8F8F8;
}

.h5-adg-wrap .h5-adg-content {
    padding-bottom: 60px;
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.h5-adg-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding: 28px 0 30px;
}

.h5-adg-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.h5-adg-content ul .h5-adg-item {
    width: 183px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 25px 50px;
}



ul .h5-adg-item h5 {
    text-align: center;
}

.h5-adg-info h5 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0;
}

.h5-adg-info p {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 19px;
}

/* H5建站流程 */

.h5-process {
    width: 100%;
    background-color: #fff;
}

.h5-process .h5-process-wrap {
    max-width: 1200px;
    width: 100%;
    height: 469px;
    margin: 0 auto;
}

.h5-process-wrap h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    line-height: 100px;
}

.h5-process .h5-line {
    width: 1022px;
    height: 1px;
    border-top: 3px solid #FFE9D4;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    margin-top: 160px;
}

.h5-radius div:nth-child(1) {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    left: -2px;
    border: 3px solid #FFA653FF;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.h5-radius div:nth-child(2) {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    left: 193px;
    border: 3px solid #FFA653FF;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.h5-radius div:nth-child(3) {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    left: 396px;
    border: 3px solid #FFA653FF;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.h5-radius div:nth-child(4) {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    left: 604px;
    border: 3px solid #FFA653FF;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.h5-radius div:nth-child(5) {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    left: 807px;
    border: 3px solid #FFA653FF;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.h5-radius div:nth-child(6) {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    left: 1022px;
    border: 3px solid #FFA653FF;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.progess-conent .item:nth-child(1) div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -175px;
    left: -53px;
}

.progess-conent .item:nth-child(2) div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 115px;
}

.progess-conent .item:nth-child(3) div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -175px;
    left: 345px;
}

.progess-conent .item:nth-child(4) div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 550px;
}

.progess-conent .item:nth-child(5) div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -175px;
    left: 750px;
}

.progess-conent .item:nth-child(6) div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 980px;
}

.progess-conent .item div p {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 0;
}

.progess-conent .item div img {
    width: 118px;
    height: 118px;
}

/* 模板列表 */
.h5-tmpl-container {
    background-color: #F8F8F8;
}

.h5-tmpl-container .h5-tmpl-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}

.h5-tmpl-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding-top: 29px;
}

.h5-tmpl-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 25px;
}

.h5-tmpl-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 280px;
    height: 248px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    margin-top: 30px;
}

.h5-tmpl-item .info-img {
    width: 100%;
    height: 204px;
    margin: 0 auto;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 100% !important;
    position: relative;

}

.phone-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    background-size: 76px 140px !important;
    border-radius: 13px;
    background-position: 0 19px !important;
}

/* .info-img-bg1 {
    background-image: url('https://template.yz168.cc/skinp/E163/skinsrc/images/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.info-img-bg2 {
    background-image: url('https://template.yz168.cc/skinp/E125/skinsrc/images/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.info-img-bg3 {
    background-image: url('https://template.yz168.cc/skinp/E170/skinsrc/images/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.info-img-bg4 {
    background-image: url('https://template.yz168.cc/skinp/E176/skinsrc/images/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.info-img-bg5 {
    background-image: url('https://template.yz168.cc/skinp/E263/skinsrc/images/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.info-img-bg6 {
    background-image: url('https://template.yz168.cc/skinp/mE112/skinsrc/styles/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.info-img-bg7 {
    background-image: url('https://template.yz168.cc/skinp/E306/skinsrc/images/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.info-img-bg8 {
    background-image: url('https://template.yz168.cc/skinp/mE134/skinsrc/styles/tempshowbig.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
} */
.h5-tmpl-item .info-des {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.h5-tmpl-item .btn-use {
    width: 56px;
    height: 18px;
    line-height: 18px;
    background: #FF6600;
    border-radius: 9px;
    font-size: 9px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.btn-more-tmpl {
    width: 160px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #FF6600;
    border-radius: 21px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF6600;
}

.btn-more-tmpl:hover {
    background-color: #FF6600;
    color: #fff;

}

/* 轮播图样式 */
.h5-banner-container {
    background-color: #fff;
    padding-left: 80px;
    margin-top: 55px;
}

.h5-banner-wrap {
    max-width: 1145px;
    width: 100%;
    margin: 30px auto;
    /* box-sizing: border-box; */
}

.h5-banner-title {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    /* line-height: 50px; */
    position: relative;
    top: 25px;
}

.operation {
    width: 215px;
    height: 60px;
    background: #F5F8FF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
}

.banner {
    display: flex;
    position: absolute;
    left: -273px
}

.banneritem {
    display: inline-block;
    border: 1px solid #F1F1F1;
    width: 231px;
    margin-right: 42px;
    cursor: pointer;
}

.move_left {
    position: absolute;
    top: 40px;
    left: -80px
}


/* 网上商城主页面内容样式 */
.main-adg-container {
    background-color: #F8F8F8;
}

.main-adg-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    box-sizing: border-box;
}

.main-adg-wrap .main-adg-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    line-height: 0;
    padding-top: 60px;
    padding-bottom: 20px;
}

.main-adg-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.main-adg-content .main-adg-item {
    width: 300px;
    height: 191px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.main-adg-content .main-adg-item:hover {
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.07);
}

.main-adg-item p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}


/* 核心优势 */
.core-adg-container {
    background-color: #fff;
}

.core-adg-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.core-adg-wrap .core-adg-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    line-height: 0;
    padding-top: 44px;
    padding-bottom: 37px;
}

.core-adg-content {
    padding-left: 35px;
    display: flex;
    justify-content: space-between;
}

.side-left {
    width: 430px;
}

.side-left li h5 {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    line-height: 5px;
}

.side-left li p {
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    /* margin-top: -15px; */
    position: relative;
    top: 15px;
}

.side-right img {
    width: 565px;
    height: 382px;
}


/* 网上商城模板 */
.online-tmpl-container {
    background-color: #F8F8F8;
}

.online-tmpl-container .online-tmpl-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}

.online-tmpl-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding-top: 49px;
}

.online-tmpl-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 25px;
}

.online-tmpl-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 280px;
    height: 248px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    margin-top: 30px;
}

.online-tmpl-item .info-img {
    width: 272px;
    height: 204px;
    margin: 0 auto;
    position: relative;
}

.online-phone-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    background-size: 76px 140px !important;
    border-radius: 13px;
    background-position: 0 19px !important;
}

.online-tmpl-item .info-des {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.online-tmpl-item .btn-use {
    width: 56px;
    height: 18px;
    line-height: 18px;
    background: #FF6600;
    border-radius: 9px;
    font-size: 9px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.btn-more-tmpl {
    width: 160px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #FF6600;
    border-radius: 21px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF6600;
}

.btn-more-tmpl:hover {
    background-color: #FF6600;
    color: #fff;

}


/* 微信小程序主页面 内容 */

/* 注册流程 */
.register-step-container {
    background-color: #F8F8F8;
}

.register-step-container .register-step-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 398px;
    box-sizing: border-box;
}

.register-step-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    line-height: 0;
    padding: 60px 0;
}

.register-step-content {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.register-step-item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.register-step-item .step-item-img {
    width: 97px;
    height: 95px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0px 2px 12px 1px rgba(9, 9, 9, 0.07);
}

.set_1 {
    background-image: url('../images/step_1.png');
}

.set_2 {
    background-image: url('../images/step_2.png');
}

.set_3 {
    background-image: url('../images/step_3.png');
}

.set_4 {
    background-image: url('../images/step_4.png');
}

.set_5 {
    background-image: url('../images/step_5.png');
}

.set_6 {
    background-image: url('../images/step_6.png');
}

.register-step-item p {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 10px;
}

.register-step-arr {
    margin-bottom: 30px;
}


/* 小程序核心优势 */
.wxapp_core-container {
    background-color: #fff;
}

.wxapp_core-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 641px;
}

.wxapp_core-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    line-height: 0;
    padding: 61px 0;
}

.wxapp_core-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.core-l .core-l-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.core-l .core-l-item:nth-child(2) {
    margin: 40px 0;
}

.core-l-item div {
    width: 280px;
    padding-right: 10px;
}

.core-l-item div h5 {
    text-align: right;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    line-height: 0;
}

.core-l-item div p {
    text-align: right;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 500;
    color: #666666;
    line-height: 20px;
    /* margin-top: -12px; */
    position: relative;
    top: 14px;
}

.core-l-item:nth-child(1) div p,
.core-l-item:nth-child(2) div p {
    text-align: left;
}

.core-r .core-r-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.core-r .core-r-item:nth-child(2) {
    margin: 40px 0;
}

.core-r-item div {
    width: 280px;
    padding-left: 10px;
}

.core-r-item div h5 {
    text-align: left;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    line-height: 0;
}

.core-r-item div p {
    text-align: left;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 500;
    color: #666666;
    line-height: 20px;
    /* margin-top: -12px; */
    position: relative;
    top: 14px;
}

/* 更多小程序模板 */

.wxapp-tmpl-container {
    background-color: #F8F8F8;
}

.wxapp-tmpl-container .wxapp-tmpl-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
}

.wxapp-tmpl-title h1 {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding-top: 49px;
    padding-bottom: 19px;
}

.wxapp-tmpl-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 47px;
}

.wxapp-tmpl-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 285px;
    height: 333px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    margin-top: 15px;
    padding-bottom: 20px;
}

.wxapp-tmpl-item:hover {
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.04);
}

.wxapp-tmpl-item .info-img {
    width: 250px;
    height: 216px;
    background-color: lightblue;
    margin: 25px auto 0;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.info-img .tmpl-wx-img-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 216px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    justify-content: center;
    align-items: center;
}

.tmpl-wx-img-bg .buy {
    display: block;
    width: 90px;
    height: 35px;
    color: #fff !important;
    background-color: #ff6600;
    border-radius: 21px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #ff6600;
}

.info-img:hover .tmpl-wx-img-bg {
    display: flex;
}

.wxapp-tmpl-item .info-des {
    padding: 0 25px;
    box-sizing: border-box;
}

.wxapp-tmpl-item .info-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wxapp-tmpl-item .info-tips {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.price-tips {
    text-decoration: none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF6600;
}

.price-tips #price {
    text-decoration: none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF6600;
}

.info-price {
    margin: 15px 0;
}

.btn-more-tmpl {
    width: 160px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #FF6600;
    border-radius: 21px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF6600;
}

.btn-more-tmpl:hover {
    background-color: #FF6600;
    color: #fff;
}

.underline {
    width: 100%;
    height: 1px;
    border-top: 1px solid #F1F1F1;
    margin-top: -8px;
    box-sizing: border-box;
    display: none;
}

.underline2 {
    width: 100%;
    height: 1px;
    border-top: 1px solid #F1F1F1;
    box-sizing: border-box;
    position: relative;
    top: 37px;
    display: none;
}

.side-left>li {
    height: 85px;
}

.info-des>p {
    font-size: 16px;
}

.h5-adg-info>h5 {
    margin: 15px 0px;
}
.advantage-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-around;
}
/* .advantage-container_text{
    margin-top: 60px;
} */
.advantage-item {
    flex: 1;
    background-color: #fff;
    padding: 30px;
    border: 1px solid #EBECEC;
    background-image: url('../images/advantage_bg.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: 20px;
    height: 86px;
    /* transition: transform 0.3s ease; */
}
.advantage-title {
    font-size: 18px;
    color: #333;
}
.advantage-number {
    font-style: italic;
    font-size: 22px;
    color: #f60;
    margin-right: 6px;
}
.advantage-description {
    width: 76%;
    line-height: 26px;
    margin-top: 12px;
    color: #777;
    font-size: 16px;
}
@media (max-width:1300px) {
    .h5-wrap .h5-content {
        width: 100%;
        display: flex;
        justify-content: unset;
        flex-wrap: wrap;
    }

    .h5-wrap .h5-content .h5-item {
        width: 295px;
        height: 717px;
        border: 1px solid #F1F1F1;
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
        position: relative;
        margin: 10px 2px;
    }

    .h5-process .h5-process-wrap {
        max-width: 1200px;
        width: 100%;
        height: 469px;
        margin: 0 auto;
        overflow: hidden;
    }

    .navigation a {
        margin: 0 0px;
    }

    .online-wrap .online-content {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: unset;
        flex-wrap: wrap;
    }

    .online-wrap .online-content .online-item {
        width: 380px;
        height: 680px;
        border: 1px solid #F1F1F1;
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
        position: relative;
        margin: 15px 9px;
    }

    .wxapp-wrap .wxapp-content {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: unset;
        flex-wrap: wrap;
    }

    .wxapp-wrap .wxapp-content .wxapp-item {
        width: 295px;
        height: 648px;
        border: 1px solid #F1F1F1;
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
        position: relative;
        margin: 15px 1px;
    }
}

@media (max-width: 900px) {
    .navigation a:nth-child(2)>p {
        color: #FF6600;
    }
    .swiper-box{
        height: 120px;
    }

    .navigation a:nth-child(2)::before {
        content: '';
        display: none;
    }

    .banner_box img {
        width: 100%;
        height: 120px;
    }

    .navigation a img {
        /* margin-right: 2px; */
        /* visibility: hidden; */
        display: none;
    }

    .navigation {
        width: 100%;

    }

    .navigation a {
        font-size: 15px;
        width: 100%;
        margin: 0;
        letter-spacing: 0px;
        height: 32px;
    }

    .navigation a:first-child {
        border-right: 1px solid #F1F1F1;
    }

    .navigation a:last-child {
        /* padding-left: 64px; */
        box-sizing: border-box;
    }

    .navigation a:last-child::before {
        width: 100%;
    }

    .container .category_nav ul {
        padding: 0;
    }

    .category_nav ul {
        width: 100%;
    }

    .category_nav ul li a {
        font-size: 14px;
    }

    .h5-wrap {
        /* overflow-x: scroll; */
    }

    .h5-content {
        width: 100% !important;
        /* padding-left: 135%; */
    }

    .h5-adg-wrap .h5-adg-content {
        height: auto;
    }

    .h5-process {
        /* overflow-x: scroll; */
    }

    .h5-process-wrap {
        width: 100%;
    }

    .h5-process-wrap .h5-line {
        /* margin-left: 17%; */
    }

    .move_left {
        left: -43px;
    }

    .h5-banner-container {
        padding-left: 45px;
    }

    .online-wrap {
        /* overflow-x: scroll; */
    }

    .online-content {
        width: 100% !important;
        /* padding-left: 120%; */
    }

    .side-right img {
        display: none;
    }

    .side-left li h5 {
        font-size: 14px;
    }

    .side-left li p {
        font-size: 12px;
    }

    .wxapp-wrap {
        overflow-x: scroll;
    }

    .wxapp-content {
        width: 100% !important;
        /* padding-left: 135%; */
    }

    .register-step-container {
        /* overflow-x: scroll; */
    }

    .register-step-wrap {
        width: 100%;
    }

    .register-step-title h1 {
        width: 100%;
        font-size: 20px;
    }

    .register-step-content {
        /* margin-left: 132%; */
    }

    .wxapp_core-container {
        overflow-x: unset;
    }

    .wxapp_core-wrap {
        width: 100%;
        height: auto
    }

    .wxapp_core-content {
        padding-left: 0%;
        display: block;
    }

    .h5-adg-content ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .h5-wrap .h5-content {
        display: block;
    }

    .h5-wrap .h5-content .h5-item {
        width: 95%;
        height: auto;
        margin: 10px auto;
    }

    .h5-item-body .superfn-info {
        height: auto;
        position: relative;
        top: 20px;
    }


    .select-info {
        /* text-align: center; */
        /* display: none; */
        position: relative;
        top: 60px;
        left: 0px;
    }

    /* .h5-adg-content>ul li {
        width: 100%;
        height: 63px;
        border: 1px solid #F1F1F1;
    } */

    .h5-adg-content ul .h5-adg-item {
        display: block;
        width: 100%;
        margin: 10px;
        background: #fff;
        width: 100%;
        height: 30px;
        border: 1px solid #F1F1F1;
    }


    .h5-adg-content ul .h5-adg-item>img {
        position: relative;
        top: 0px;
        left: -25px;
    }

    ul .h5-adg-item h5 {
        /* text-align: center; */
        /* text-align: center; */
        position: relative;
        top: -44px;
        left: 35px;
        float: left;
    }

    .h5-adg-info p {
        position: relative;
        top: 0px;
        left: 0px;
        white-space: nowrap;
    }

    ul>li:first-child>div>p {
        top: -12px;
        left: -28px;
    }

    ul>li:nth-child(2)>div>p {
        top: -11px;
        left: -44px;
    }

    ul>li:nth-child(3)>div>p {
        top: -10px;
        left: -61px;
    }

    ul>li:nth-child(4)>div>p {
        top: -13px;
        left: -29px;
    }

    ul>li:nth-child(5)>div>p {
        top: -14px;
        left: -60px;
    }

    ul>li:nth-child(6)>div>p {
        top: -13px;
        left: -29px;
    }

    ul>li:nth-child(7)>div>p {
        top: -15px;
        left: -12px;
    }

    ul>li:nth-child(8)>div>p {
        top: -15px;
        left: -76px;
    }

    .h5-adg-title {
        height: 45px;
    }

    .h5-adg-title h1 {
        font-size: 19px;
        padding: 13px;
    }

    .navigation>a>p>span {
        display: none;
    }

    .h5-item-title .h5-title-1 .type {
        font-size: 12px;
        font-weight: 600;
    }

    .h5-item-head .h5-item-title .h5-title-2 {
        display: none;
    }

    .h5-item-head .h5-nav-bar {
        display: none;
    }

    .h5-item .h5-item-head {
        display: flex;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .h5-item-head .h5-item-title {
        position: relative;
        top: 0px;
        left: 16px;
    }

    .h5-item-body .sale-info-title {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0;
        margin-top: 25px;
        margin-bottom: 12px;
    }

    .sale-info-con span {
        margin-left: 5px;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #333;
    }

    .h5-item-body .superfn-info-title {
        font-size: 13px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0;
        margin-top: 25px;
        margin-bottom: 17px;
    }

    .superfn-info-con span {
        margin-left: 5px;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #333;
    }

    .sale-tips {
        width: 267px;
        height: 53px;
        background: #F5F5F5;
        margin: 10px 15px 25px;
        padding: 7px 0px 7px 24px;
        box-sizing: border-box;
        display: none;
    }

    .btn-wrap {
        display: flex;
        width: 165px;
        margin: 12px auto;
        justify-content: unset;
        align-items: center;
        position: relative;
        top: 16px;
        left: 105px;
    }

    .btn {
        width: 65px;
        height: 28px;
        line-height: 28px;
        background: #FF6600;
        border-radius: 3px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        cursor: pointer;
    }

    .btn-free {
        width: 65px;
        height: 28px;
        line-height: 28px;
        background: #fff4ed;
        border-radius: 3px;
        color: #ff6600;
        text-align: center;
        cursor: pointer;
        margin: 15px 0;
        font-size: 14px;
        margin-left: 15px;
    }

    .price-info {
        padding-left: 15px;
        position: relative;
        top: 70px;
    }

    .price-info .now-price {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666;
    }

    .price-info .now-price b {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FD8301;
        position: relative;
    }

    .price-info .pre-price {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        text-decoration: line-through;
        color: #888888;
        margin-left: 5px;
    }

    .price-info .now-price i {
        font-size: 17px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FD8301;
    }
    .discount_box {
        position: relative;
        top: 60px;
        left: 110px;
    }
    .discount_img {
        height: 20px !important;
    }
    .discount_num {
        top: 3px !important;
        right: 4px !important;
        font-size: 10px !important;
    }

    .discount {
        width: 80%;
        display: flex;
        justify-content: unset;
        align-items: unset;
        position: relative;
        top: 10px;
        left: 20px;
    }

    .discount span {
        display: inline-block;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        /* color: #FFFFFF; */
        /* background-color: #FC961F; */
        /* width: 65px; */
        height: 18px;
        line-height: 18px;
        text-align: center;
        border-radius: 3px 3px 3px 0px;
        /* margin: 0 5px; */
    }

    .underline {
        display: block;
    }

    .underline2 {
        display: block;
    }

    .h5-item-body .sale-info {
        padding-left: 25px;
        margin: 23px 0px;
        position: relative;
        top: 9px;
    }

    .sale-info-con {
        position: relative;
        top: 3px;
    }

    .h5-tmpl-content {
        display: flex;
        justify-content: space-around;
        /* flex-wrap: nowrap; */
        padding-bottom: 25px;
        /* overflow-x: scroll; */
    }

    .h5-tmpl-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 170px;
        height: 223px;
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        margin-top: 30px;
        position: relative;
        margin: 10px 6px;
    }

    /* 网上商城 */
    .online-wrap .online-content {
        width: 100%;
        display: unset;
    }

    .online-wrap .online-content .online-item {
        width: 95%;
        height: auto;
        border: 1px solid #F1F1F1;
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
        position: relative;
        margin: 10px auto;
    }

    .online-item-body .superfn-info {
        height: auto;
    }

    .online-item-head .online-item-title .online-title-2 {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 10px;
        text-align: center;
        display: none;
    }

    .online-item-head .online-nav-bar {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        border-bottom: 1px solid #eee;
        display: none;
    }

    .online-item .online-item-head {
        display: flex;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
        position: relative;
        padding-left: 32px;
        top: 7px;
    }

    .online-item-head .online-item-title .type {
        font-size: 12px;
        font-weight: 600;
    }

    .online-item-head .online-item-title {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .online-item-body .btn-wrap {
        display: flex;
        width: 140px;
        margin: 0 auto;
        justify-content: space-between;
        align-items: center;
    }

    .online-item-body .btn {
        width: 65px;
        height: 27px;
        line-height: 27px;
        background: #FF6600;
        border-radius: 3px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        margin: 35px auto;
        cursor: pointer;
    }

    .online-item-body .btn-free {
        width: 65px;
        height: 27px;
        line-height: 27px;
        background: #fff4ed;
        border-radius: 3px;
        color: #ff6600;
        text-align: center;
        cursor: pointer;
        margin: 35px auto;
        font-size: 14px;
    }

    .online-item-body .price-info {
        padding-left: 14px;
    }

    .online-item-body .price-info .now-price i {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FD8301;
    }

    .online-item-body .price-info .pre-price {
        font-size: 13px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        text-decoration: line-through;
        color: #888888;
        margin-left: 0px;
    }

    .online-item-body .price-info .now-price b {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FD8301;
        position: relative;
    }

    .online-tmpl-content {
        display: flex;
        justify-content: space-around;
        flex-wrap: flex;
        padding-bottom: 25px;
        /* overflow-x: scroll; */
    }

    .online-item-body .sale-info-title {
        font-size: 13px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0;
        margin-top: 19px;
        margin-bottom: 19px;
    }

    .online-item-body .superfn-info-title {
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0;
        margin-top: 24px;
        margin-bottom: 19px;
    }

    .wxapp-item .wxapp-item-head {
        display: flex;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
    }

    .wxapp-wrap .wxapp-content {
        width: 100%;
        margin: 0 auto;
        display: unset;
    }

    .wxapp-wrap .wxapp-content .wxapp-item {
        width: 95%;
        height: auto;
        border: 1px solid #F1F1F1;
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
        position: relative;
        margin: 15px auto;
    }

    .wxapp-item-body .superfn-info {
        padding-left: 25px;
        height: auto;
    }

    .wxapp-item-head .wxapp-nav-bar {
        display: none;
    }

    .wxapp-item-head .wxapp-item-title .wxapp-title-2 {
        display: none;
    }

    .wxapp-item-title .wxapp-title-1 .type {
        font-size: 13px;
        font-weight: 600;
    }

    .wxapp-item-head .wxapp-item-title {
        padding-top: 0px;
        padding-bottom: 9px;
        left: 24px;
        position: relative;
    }

    .wxapp-item-body .btn-wrap {
        display: flex;
        width: 140px;
        margin: 13px auto;
        justify-content: space-between;
        align-items: center;
    }

    .wxapp-item-body .btn {
        width: 65px;
        height: 27px;
        line-height: 27px;
        background: #FF6600;
        border-radius: 3px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        cursor: pointer;
    }

    .wxapp-item-body .btn-free {
        width: 65px;
        height: 27px;
        line-height: 27px;
        background: #fff4ed;
        border-radius: 3px;
        color: #ff6600;
        text-align: center;
        cursor: pointer;
        margin: 15px 0;
        font-size: 14px;
    }

    .wxapp-tmpl-title h1 {
        font-size: 20px;
    }

    .h5-process .h5-process-wrap {
        /* overflow: visible; */
        height: auto;
    }

    .phone-bg {
        position: absolute;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat !important;
        background-size: 62px 107px !important;
        border-radius: 13px;
        background-position: 0 6px !important;
        height: 110px;
    }

    .h5-process-wrap h1 {
        font-size: 24px;
        line-height: 68px;
        height: 68px;
    }

    .h5-radius {
        display: none;
    }

    .h5-process .h5-line {
        width: 1022px;
        height: auto;
        border-top: 3px solid #FFE9D4;
        margin: 0 auto;
        box-sizing: border-box;
        position: relative;

    }

    .progess-conent .item:nth-child(1) div {
        flex-direction: unset;
        justify-content: unset;
        position: static;
        padding: 5px 40px;
    }

    .progess-conent .item:nth-child(2) div {
        flex-direction: unset;
        justify-content: unset;
        position: static;
        padding: 5px 40px;
    }

    .progess-conent .item:nth-child(3) div {
        flex-direction: unset;
        justify-content: unset;
        position: static;
        padding: 5px 40px;
    }

    .progess-conent .item:nth-child(4) div {
        flex-direction: unset;
        justify-content: unset;
        position: static;
        padding: 5px 40px;
    }

    .progess-conent .item:nth-child(5) div {
        flex-direction: unset;
        justify-content: unset;
        position: static;
        padding: 5px 40px;
    }

    .progess-conent .item:nth-child(6) div {
        flex-direction: unset;
        justify-content: unset;
        position: static;
        padding: 5px 40px;
    }

    .progess-conent .item div img {
        width: 68px;
        height: 68px;
    }

    .register-step-arr>img {
        display: none;
    }

    .register-step-container .register-step-wrap {
        height: auto;
    }

    .register-step-content {
        display: block;
        padding-bottom: 15px;
    }

    .register-step-item {

        padding: 5px 30px;
    }

    .register-step-item {
        display: flex;
        flex-direction: unset;
        justify-content: unset;
        align-items: center;
    }

    .register-step-item .step-item-img {
        width: 69px;
        height: 69px;
    }

    .register-step-title {
        height: 86px;

    }

    .register-step-item p {
        font-size: 14px;
        position: relative;
        left: 15px;
    }

    .wxapp-tmpl-item {
        width: 178px;
        height: auto;
    }

    .info-price {
        font-size: 14px;
    }

    .wxapp-tmpl-item .info-tips {
        font-size: 12px;
    }

    .wxapp-tmpl-item .info-img {
        width: 100%;
    }

    .info-img .tmpl-wx-img-bg {
        width: 100%;
    }

    .h5-tmpl-title h1 {
        font-size: 20px;
    }

    .info-des>p {
        font-size: 12px;
        white-space: nowrap;
    }

    .core-l-item>div {
        order: 2;
        padding-left: 10px;
    }

    .core_m {
        display: none;
    }

    .core-l .core-l-item {
        justify-content: unset;
    }

    .core-r .core-r-item {
        justify-content: unset;
    }

    .core-l {
        padding-left: 15px;
    }

    .core-r {
        padding-left: 15px;
        padding-bottom: 15px;
    }

    .core-l-item div h5 {
        text-align: left;
        font-size: 15px;
    }

    .core-l-item div p {
        text-align: left;

    }

    .core-l .core-l-item:nth-child(2) {
        margin: 0px 0;
    }

    .core-l-item div {
        width: auto;
        padding-right: 10px;
    }

    .core-r-item div {
        width: auto;
        padding-left: 10px;
    }

    .core-r .core-r-item:nth-child(2) {
        margin: 0px 0;
    }

    .core-l-item:nth-child(1) div p,
    .core-l-item:nth-child(2) div p,
    .core-l-item:nth-child(3) div p {
        text-align: left;
        font-size: 12px;
        top: 12px;
        left: 0px;
    }

    .core-r>.core-r-item:first-child>div>p,
    .core-r>.core-r-item:nth-child(2)>div>p,
    .core-r>.core-r-item:nth-child(3)>div>p {
        text-align: left;
        font-size: 12px;
        top: 12px;
        left: 0px;
    }

    .core-r-item div h5 {
        font-size: 15px;
    }

    .core-r-item div p {
        font-size: 13px;
    }

    .wxapp_core-title h1 {
        font-size: 24px;
        padding: 36px 0;
    }
}

@media (max-width:680px) {
    .banner_box img {
        content: url(../images/banner_mc.png);
    }
}
@media (max-width: 768px) {
    .advantage-container {
        flex-direction: column;
    }
    .advantage-container {
        width: auto;
    }

    .advantage-item {
        margin-bottom: 20px;
    }
    .core-advantages img {
        width: 100%;
        display: inline;
    }
}
/* @media (max-width:375px) {
    .h5-content {
        padding-left: 110%;
    }

    .h5-adg-content ul {
        padding-left: 12%;
    }
} */