/* 111 */
* {
    margin: 0;
    padding: 0;
}
img {
    display: block;
    width: 100%;
}

div{
    box-sizing: border-box;
}
em,
i {
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    min-width: 1328px;
    background: #FAC150;
    font-size: 20px;
}

.content {
    width: 100%;
    overflow: hidden;
    min-height: 640px;
}

.top {
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20210415/top.png) no-repeat center center;
    width: 100%;
    height: 800px;
}

.topbg {
    position: relative;
    padding-top: 732px;
    width: 1006px;
    height: 215px;
    margin: 0 auto;
}

.top .rule {
    position: absolute;
    left: 752px;
    top: 734px;
    color: #333333;
}

.top .get {
    width: 147px;
    height: 147px;
    border-radius: 50%;
    /* background-color: #dddddd; */
    position: absolute;
    top: 789px;
    left: 847px;
}

.top .rule p {
    padding-bottom: 0.1px;
    border-bottom: 1px solid #333333;
    cursor: pointer;
}

.box1 {
    background: url(https://img1.40017.cn/cn/s/2020/zt/touch/20201109/bg1.png) no-repeat center center;
    width: 100%;
    height: 1705px;
}

.bg1 {
    padding-top: 152px;
    width: 942px;
    margin: 0 auto;
    height: 1537px;
    position: relative;
}

.bg1 .items {
    width: 465px;
    height: 432px;
    background: #ffffff;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
}

.box1 .bg1 :nth-child(2n+1) {
    margin-left: 0;
}

.bg1 .items .tops img {
    width: 465px;
    height: 231px;
}

.bg1 .items .bottoms {
    padding: 0 20px;
    position: relative;
}

.bg1 .items .bottoms .names {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bg1 .items .bottoms .summarys {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #333333;
}

.bg1 .items .bottoms .price {
    color: #b8b8b8;
    font-size: 18px;
}

.bg1 .items .bottoms .price i {
    color: #fa5825;
    font-size: 20px;
}

.bg1 .items .bottoms .price em {
    color: #fa5825;
    font-size: 34px;
    font-weight: bold;
}

.order {
    position: absolute;
    right: 20px;
    top: 129px;
}

.bg1 .more {
    width: 328px;
    height: 77px;
    position: absolute;
    bottom: 0;
    left: 313px;
}

.bg1 .more img {
    width: 100%;
}


.box2 {
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E7%9A%96%E7%BE%8E%E7%83%AD%E6%A6%9C%E2%80%94%E5%86%AC_04.jpg) no-repeat center center;
    width: 100%;
    height: 1079px;
}

.box2 .bg2 {
    width: 1176px;
    margin: 0 auto;
    /* height: 769px; */
    position: relative;
    padding-top: 225px;
    height: 100%;
}
.tabchecks{
    width: 869px;
    margin: 0 auto;
}
.bg2 .tab{
    display: inline-block;
    vertical-align: middle;
    width: 189px;
    height: 43px;
    background: #D35E00;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 28px;
    border-radius: 43px;
    border:1px solid #D35E00;
    margin-right: 3px;
}
.bg2 .tab:last-child{
    margin-right: 0;
}
.bg2 .active{
    color: #D35E00;
    background: #fff;
}
.box2 .slider {
    margin-top: 25px;
    /* padding: 0 60px; */
}

.box2 .bg2 .slider .items {
    width: 284px;
    height: 288px;
    background: #ffffff;
    float: left;
    margin-right: 13px;
    margin-bottom: 15px;
}

.box2 .bg2 .slider .items:last-child {
    margin-right: 0;
}


.box2 .bg2 .slider .items a {
    position: relative;
    display: block;
}

.box2 .bg2 .slider .items .tops {
    width: 284px;
    height: 167px;
}

.box2 .bg2 .slider .items .tops img {
    width: 284px;
    height: 167px;
}

.box2 .bg2 .slider .items .bottoms {
    position: relative;
    padding: 10px;

}
.box2 .bg2 .slider .items .bottoms .names {
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box2 .bg2 .slider .items .bottoms .summarys {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666666;
    margin-top: 15px;
    min-height: 50px;
}

.box2 .bg2 .slider .items .tag{
    position: absolute;
    width: 40px;
    height: 45px;
    top: -7px;
    right: 15px;
}


.box2 .bg2 .slider .items .bottoms .orderbox{
    display: inline-block;
    color: #000;
    font-size: 18px;
}
.box2 .bg2 .slider .items .bottoms .orderbox span{
    color: #fb6b2a;
    font-size: 22px;
    font-weight: bold;
}
.box2 .bg2 .slider .items .bottoms .orderbox i{
    color: #fb6b2a;
    font-size: 28px;
    font-weight: bold;
}
.box2 .bg2 .slider .items .bottoms .btn{
    display: inline-block;
    /* vertical-align: middle; */
    width: 120px;
    height: 40px;
    background: #fb6b2a;
    color: #fff;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-left: 85px;
}

.box2 .bg2 .slider .items .bottoms .bottom {
    margin-top: 15px;
}

/* 修改 */
.box2 .bg2 .slider .topDiv {
    width: 575px;
    height: 355px;
    background: #ffffff;
    float: left;
    margin-right: 26px;
    margin-bottom: 40px;
}
.box2 .bg2 .slider .topDiv:nth-child(2n) {
    margin-right: 0;
}
.box2 .bg2 .slider .topDiv .tops {
    width: 575px;
    height: 255px;
}

.box2 .bg2 .slider .topDiv .tops img{
    width: 575px;
    height: 255px;
}











.box3 {
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E7%9A%96%E7%BE%8E%E7%83%AD%E6%A6%9C%E2%80%94%E5%86%AC_05.jpg) no-repeat center center;
    width: 100%;
    height: 1053px;
}

.box3 .bg3 {
    width: 1176px;
    margin: 0 auto;
    /* height: 769px; */
    position: relative;
    padding-top: 215px;
    height: 100%;
}
.tabchecks{
    width: 869px;
    margin: 0 auto;
}
.bg3 .tab{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    height: 43px;
    background: #D35E00;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 28px;
    border-radius: 43px;
    border:1px solid #D35E00;
    margin-right: 3px;
}
.bg3 .tab:last-child{
    margin-right: 0;
}
.bg3 .active{
    color: #D35E00;
    background: #fff;
}
.box3 .slider {
    margin-top: 25px;
    /* padding: 0 60px; */
}

.box3 .bg3 .slider .items {
    width: 284px;
    height: 288px;
    background: #ffffff;
    float: left;
    margin-right: 13px;
    margin-bottom: 15px;
}

.box3 .bg3 .slider .items:last-child {
    margin-right: 0;
}


.box3 .bg3 .slider .items a {
    position: relative;
    display: block;
}

.box3 .bg3 .slider .items .tops {
    width: 284px;
    height: 167px;
}

.box3 .bg3 .slider .items .tops img {
    width: 284px;
    height: 167px;
}

.box3 .bg3 .slider .items .bottoms {
    position: relative;
    padding: 10px;

}
.box3 .bg3 .slider .items .bottoms .names {
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box3 .bg3 .slider .items .bottoms .summarys {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666666;
    margin-top: 15px;
    min-height: 41px;
}

.box3 .bg3 .slider .items .tag{
    position: absolute;
    width: 40px;
    height: 45px;
    top: -7px;
    right: 15px;
}


.box3 .bg3 .slider .items .bottoms .orderbox{
    display: inline-block;
    color: #000;
    font-size: 18px;
}
.box3 .bg3 .slider .items .bottoms .orderbox span{
    color: #fb6b2a;
    font-size: 22px;
    font-weight: bold;
}
.box3 .bg3 .slider .items .bottoms .orderbox i{
    color: #fb6b2a;
    font-size: 28px;
    font-weight: bold;
}
.box3 .bg3 .slider .items .bottoms .btn{
    display: inline-block;
    /* vertical-align: middle; */
    width: 120px;
    height: 40px;
    background: #fb6b2a;
    color: #fff;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-left: 85px;
}

.box3 .bg3 .slider .items .bottoms .bottom {
    margin-top: 15px;
}

/* 修改 */
.box3 .bg3 .slider .topDiv {
    width: 575px;
    height: 355px;
    background: #ffffff;
    float: left;
    margin-right: 26px;
    margin-bottom: 40px;
}
.box3 .bg3 .slider .topDiv:nth-child(2n) {
    margin-right: 0;
}
.box3 .bg3 .slider .topDiv .tops {
    width: 575px;
    height: 255px;
}

.box3 .bg3 .slider .topDiv .tops img{
    width: 575px;
    height: 255px;
}







.box4 {
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E7%9A%96%E7%BE%8E%E7%83%AD%E6%A6%9C%E2%80%94%E5%86%AC_06.jpg) no-repeat center center;
    width: 100%;
    height: 1067px;
}

.box4 .bg4 {
    width: 1176px;
    margin: 0 auto;
    /* height: 769px; */
    position: relative;
    padding-top: 213px;
    height: 100%;
}
.tabchecks{
    width: 869px;
    margin: 0 auto;
}
.bg4 .tab{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    height: 43px;
    background: #D35E00;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 28px;
    border-radius: 43px;
    border:1px solid #D35E00;
    margin-right: 3px;
}
.bg4 .tab:last-child{
    margin-right: 0;
}
.bg4 .active{
    color: #D35E00;
    background: #fff;
}
.box4 .slider {
    margin-top: 25px;
    /* padding: 0 60px; */
}

.box4 .bg4 .slider .items {
    width: 284px;
    height: 288px;
    background: #ffffff;
    float: left;
    margin-right: 13px;
    margin-bottom: 15px;
}

.box4 .bg4 .slider .items:last-child {
    margin-right: 0;
}


.box4 .bg4 .slider .items a {
    position: relative;
    display: block;
}

.box4 .bg4 .slider .items .tops {
    width: 284px;
    height: 167px;
}

.box4 .bg4 .slider .items .tops img {
    width: 284px;
    height: 167px;
}

.box4 .bg4 .slider .items .bottoms {
    position: relative;
    padding: 10px;

}
.box4 .bg4 .slider .items .bottoms .names {
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box4 .bg4 .slider .items .bottoms .summarys {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666666;
    margin-top: 15px;
    min-height: 41px;
}

.box4 .bg4 .slider .items .tag{
    position: absolute;
    width: 40px;
    height: 45px;
    top: -7px;
    right: 15px;
}


.box4 .bg4 .slider .items .bottoms .orderbox{
    display: inline-block;
    color: #000;
    font-size: 18px;
}
.box4 .bg4 .slider .items .bottoms .orderbox span{
    color: #fb6b2a;
    font-size: 22px;
    font-weight: bold;
}
.box4 .bg4 .slider .items .bottoms .orderbox i{
    color: #fb6b2a;
    font-size: 28px;
    font-weight: bold;
}
.box4 .bg4 .slider .items .bottoms .btn{
    display: inline-block;
    /* vertical-align: middle; */
    width: 120px;
    height: 40px;
    background: #fb6b2a;
    color: #fff;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-left: 85px;
}

.box4 .bg4 .slider .items .bottoms .bottom {
    margin-top: 15px;
}

/* 修改 */
.box4 .bg4 .slider .topDiv {
    width: 575px;
    height: 355px;
    background: #ffffff;
    float: left;
    margin-right: 26px;
    margin-bottom: 40px;
}
.box4 .bg4 .slider .topDiv:nth-child(2n) {
    margin-right: 0;
}
.box4 .bg4 .slider .topDiv .tops {
    width: 575px;
    height: 255px;
}

.box4 .bg4 .slider .topDiv .tops img{
    width: 575px;
    height: 255px;
}




.box5 {
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E7%9A%96%E7%BE%8E%E7%83%AD%E6%A6%9C%E2%80%94%E5%86%AC_07.jpg) no-repeat center center;
    width: 100%;
    height: 1075px;
}

.box5 .bg5 {
    width: 1176px;
    margin: 0 auto;
    /* height: 769px; */
    position: relative;
    padding-top: 209px;
    height: 100%;
}
.tabchecks{
    width: 869px;
    margin: 0 auto;
}
.bg5 .tab{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    height: 43px;
    background: #D35E00;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 28px;
    border-radius: 43px;
    border:1px solid #D35E00;
    margin-right: 3px;
}
.bg5 .tab:last-child{
    margin-right: 0;
}
.bg5 .active{
    color: #D35E00;
    background: #fff;
}
.box5 .slider {
    margin-top: 25px;
    /* padding: 0 60px; */
}

.box5 .bg5 .slider .items {
    width: 284px;
    height: 288px;
    background: #ffffff;
    float: left;
    margin-right: 13px;
    margin-bottom: 15px;
}

.box5 .bg5 .slider .items:last-child {
    margin-right: 0;
}


.box5 .bg5 .slider .items a {
    position: relative;
    display: block;
}

.box5 .bg5 .slider .items .tops {
    width: 284px;
    height: 167px;
}

.box5 .bg5 .slider .items .tops img {
    width: 284px;
    height: 167px;
}

.box5 .bg5 .slider .items .bottoms {
    position: relative;
    padding: 10px;

}
.box5 .bg5 .slider .items .bottoms .names {
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box5 .bg5 .slider .items .bottoms .summarys {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666666;
    margin-top: 15px;
    min-height: 41px;
}

.box5 .bg5 .slider .items .tag{
    position: absolute;
    width: 40px;
    height: 45px;
    top: -7px;
    right: 15px;
}


.box5 .bg5 .slider .items .bottoms .orderbox{
    display: inline-block;
    color: #000;
    font-size: 18px;
}
.box5 .bg5 .slider .items .bottoms .orderbox span{
    color: #fb6b2a;
    font-size: 22px;
    font-weight: bold;
}
.box5 .bg5 .slider .items .bottoms .orderbox i{
    color: #fb6b2a;
    font-size: 28px;
    font-weight: bold;
}
.box5 .bg5 .slider .items .bottoms .btn{
    display: inline-block;
    /* vertical-align: middle; */
    width: 120px;
    height: 40px;
    background: #fb6b2a;
    color: #fff;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-left: 85px;
}

.box5 .bg5 .slider .items .bottoms .bottom {
    margin-top: 15px;
}

/* 修改 */
.box5 .bg5 .slider .topDiv {
    width: 575px;
    height: 355px;
    background: #ffffff;
    float: left;
    margin-right: 26px;
    margin-bottom: 40px;
}
.box5 .bg5 .slider .topDiv:nth-child(2n) {
    margin-right: 0;
}
.box5 .bg5 .slider .topDiv .tops {
    width: 575px;
    height: 255px;
}

.box5 .bg5 .slider .topDiv .tops img{
    width: 575px;
    height: 255px;
}







.box6 {
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E7%9A%96%E7%BE%8E%E7%83%AD%E6%A6%9C%E2%80%94%E5%86%AC_08.jpg) no-repeat center center;
    width: 100%;
    height: 1395px;
}

.box6 .bg6 {
    width: 1176px;
    margin: 0 auto;
    /* height: 769px; */
    position: relative;
    padding-top: 371px;
    height: 100%;
}
.tabchecks{
    width: 869px;
    margin: 0 auto;
}
.bg6 .tab{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    height: 43px;
    background: #D35E00;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 28px;
    border-radius: 43px;
    border:1px solid #D35E00;
    margin-right: 3px;
}
.bg6 .tab:last-child{
    margin-right: 0;
}
.bg6 .active{
    color: #D35E00;
    background: #fff;
}
.box6 .slider {
    margin-top: 25px;
    /* padding: 0 60px; */
}

.box6 .bg6 .slider .items {
    width: 284px;
    height: 288px;
    background: #ffffff;
    float: left;
    margin-right: 13px;
    margin-bottom: 15px;
}

.box6 .bg6 .slider .items:last-child {
    margin-right: 0;
}


.box6 .bg6 .slider .items a {
    position: relative;
    display: block;
}

.box6 .bg6 .slider .items .tops {
    width: 284px;
    height: 167px;
}

.box6 .bg6 .slider .items .tops img {
    width: 284px;
    height: 167px;
}

.box6 .bg6 .slider .items .bottoms {
    position: relative;
    padding: 10px;

}
.box6 .bg6 .slider .items .bottoms .names {
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box6 .bg6 .slider .items .bottoms .summarys {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666666;
    margin-top: 15px;
    min-height: 41px;
}

.box6 .bg6 .slider .items .tag{
    position: absolute;
    width: 40px;
    height: 45px;
    top: -7px;
    right: 15px;
}


.box6 .bg6 .slider .items .bottoms .orderbox{
    display: inline-block;
    color: #000;
    font-size: 18px;
}
.box6 .bg6 .slider .items .bottoms .orderbox span{
    color: #fb6b2a;
    font-size: 22px;
    font-weight: bold;
}
.box6 .bg6 .slider .items .bottoms .orderbox i{
    color: #fb6b2a;
    font-size: 28px;
    font-weight: bold;
}
.box6 .bg6 .slider .items .bottoms .btn{
    display: inline-block;
    /* vertical-align: middle; */
    width: 120px;
    height: 40px;
    background: #fb6b2a;
    color: #fff;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-left: 85px;
}

.box6 .bg6 .slider .items .bottoms .bottom {
    margin-top: 15px;
}

/* 修改 */
.box6 .bg6 .slider .topDiv {
    width: 575px;
    height: 355px;
    background: #ffffff;
    float: left;
    margin-right: 26px;
    margin-bottom: 40px;
}
.box6 .bg6 .slider .topDiv:nth-child(2n) {
    margin-right: 0;
}
.box6 .bg6 .slider .topDiv .tops {
    width: 575px;
    height: 255px;
}

.box6 .bg6 .slider .topDiv .tops img{
    width: 575px;
    height: 255px;
}



.box7 {
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20210414/newbg6.png?v=1) no-repeat center center;
    width: 100%;
    height: 1242px;
}

.box7 .bg7 {
    width: 1000px;
    margin: 0 auto;
    /* height: 769px; */
    position: relative;
    padding-top: 116px;
    height: 100%;
}
.tabchecks{
    width: 1215px;
    margin: 0 auto;
}
.box7 .tab{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    height: 43px;
    background: #268a3e;
    color: #fff;
    text-align: center;
    line-height: 43px;
    font-size: 28px;
    border-radius: 43px;
    border:1px solid #268a3e;
    margin-right: 23px;
}
.bg7 .tab:last-child{
    margin-right: 0;
}
.bg7 .active{
    color: #268a3e;
    background: #fff;
}
.box7 .slider {
    margin-top: 25px;
    /* padding: 0 60px; */
}

.box7 .bg7 .slider .items {
    width: 323px;
    height: 343px;
    background: #ffffff;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.box7 .bg7 .slider :nth-child(3n) {
    margin-right: 0;
}

.box7 .bg7 .slider .items .tops {
    width: 323px;
    height: 193px;
}

.box7 .bg7 .slider .items .tops img {
    width: 323px;
    height: 193px;
}

.box7 .bg7 .slider .items .bottoms {
    position: relative;
    padding: 10px;

}
.box7 .bg7 .slider .items .bottoms .names {
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box7 .bg7 .slider .items .bottoms .summarys {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666666;
    margin-top: 15px;
    min-height: 50px;
}
.box7 .bg7 .slider .items .bottoms .orderbox{
    display: inline-block;
    color: #000;
    font-size: 18px;
}
.box7 .bg7 .slider .items .bottoms .orderbox span{
    color: #fb6b2a;
    font-size: 22px;
    font-weight: bold;
}
.box7 .bg7 .slider .items .bottoms .orderbox i{
    color: #fb6b2a;
    font-size: 28px;
    font-weight: bold;
}
.box7 .bg7 .slider .items .bottoms .btn{
    display: inline-block;
    /* vertical-align: middle; */
    width: 120px;
    height: 40px;
    background: #268a3e;
    color: #fff;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-left: 85px;
}

.box7 .bg7 .slider .items .bottoms .bottom {
    margin-top: 15px;
}


.box8 {
    height: 799px;
    margin-top: -1px;
    padding-top: 186px;
    background: url("https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20210414/newbg7.png") no-repeat center center
}

.box8 .cont8 {
    width: 1004px;
    margin: 0 auto;
    overflow: hidden
}

.box8 .cont8 .left {
    float: right;
    width: 680px;
    height: 374px;
    border: 2px solid #f75c76;
    background: #fff;
    margin-left: 42px;
}

.box8 .cont8 .left .map {
    width: 100%;
    height: 100%
}

.box8 .cont8 .right {
    padding-top: 45px;
    width: 278px;
    float: left
}

.box8 .cont8 .right a {
    width: 278px;
    height: 57px;
    line-height: 57px;
    border-radius: 57px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    background: #f75c76;
    cursor: pointer;
    margin-bottom: 57px;
    display: block;
}

.box8 .cont8 .right a:hover {
    background: #157baa
}




.fiexdlable{
    width: 131px;
    height: 413px;
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E4%BE%A7%E8%BE%B9%E6%A0%8F.png);
    position: fixed;
    top: 50px;
    right: 10px;
    z-index: 99;
    /* display: none; */
}
.contents{
    position: relative;
}
.contents .tops{
    width: 131px;
    height: 114px;
}
.contents .bottomlist{
    width: 131px;
    height: 100%;
}
.bottomlist li{
    display: block;
    color: #fff;
    width: 131px;
    text-align: center;
    padding: 9px 0;
}

.bottomlist  .active{
    color: #ffef86;
}




















.mask {
    width: 465px;
    height: 326px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 45px;
    display: none;
    box-sizing: border-box;
}

.mask p {
    color: #ffffff;
}

.mask a {
    width: 182px;
    height: 38px;
    line-height: 38px;
    border-radius: 38px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #08affd;
    cursor: pointer;
    background: #fff;
    color: #ed5c88;
    margin: 35px auto 0;
}

.itemtops:hover .mask {
    display: block
}

.foots {
    height: 823px;
    background: url("https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E7%9A%96%E7%BE%8E%E7%83%AD%E6%A6%9C%E2%80%94%E5%86%AC_09.jpg") no-repeat center center
}

.foots p {
}

.rulepop {
    position: fixed;
    z-index: 1111;
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rulepop .rules {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ruleswrap {
    position: relative;
}

.ruleswrap .text {
    position: absolute;
    top: 90px;
    /* width: 568px; */
    white-space: pre-line;
    height: 546px;
    overflow-y: auto;
    padding: 20px;
    color: #333;
    font-size: 24px;
    line-height: 32px;
}

.close {
    position: absolute;
    bottom: 0;
    left: 256px;
}

.content .none {
    display: none;
}

.hbpop {
    position: fixed;
    z-index: 1111;
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hbpop .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hbpop .wrap .hbbg {
    position: relative;
}

.hbbg .hbs {
    width: 548px;
    /* height: 871px; */
    height: 100%;
}

.hbbg .knowit {
    position: absolute;
    bottom: 127px;
    left: 94px;
}

.hbbg.knowit img {
    width: 359px;
    height: 89px;
}

.hbbg .close {
    position: absolute;
    bottom: 0;
    left: 236px;
}



.top .geted {
    background: url(https://img1.40017.cn/cn/s/2020/zt/touch/20201109/geted.png) no-repeat center center;
    pointer-events: none;
}

.showErrBox {
    display: none
}

.showErr {
    width: 540px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    color: #333;
    background: white;
    padding: 20px;
    margin-left: -270px;
    margin-top: -30px
}

.content a{
    color: #000000;
    text-decoration: none;
    outline: 0;
}

















/* 新增部分 */


/* 红包div */
.hbdiv{
    background: url(https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20210414/hbbg.png) no-repeat center center;
    width: 100%;
    height: 892px;
    position: relative;
    padding: 439px 0 392px 0;
    box-sizing: border-box;
}
.hbwrap{
    width: 958px;
    height: 66px;
    margin: 0 auto;
}
.getbtn{
    /* position: absolute; */
    display: inline-block;
    vertical-align: middle;
    width: 170px;
    height: 66px;
    margin-right: 86px;
}
.get4{
margin-right: 0;
}



.checkdiv{
    width: 100%;
    height: 205px;
    position: relative;
    padding: 33px 0 66px 0;
    box-sizing: border-box;
    background: url("https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/21121702/%E7%9A%96%E7%BE%8E%E7%83%AD%E6%A6%9C%E2%80%94%E5%86%AC_03.jpg") no-repeat center center;
}
.checks{
    width: 887px;
    margin: 0 auto;
    margin-top: -30px;
    display: flex;
    justify-content: space-between;
}
.checks .check {
    /* float: left; */
    display: inline-block;
    vertical-align: middle;
    width: 166px;
height: 173px;
}
.checks .check4 {
    margin-right: 0;
}
.checks .check img{
width: 166px;
height: 173px;
display: block;
}


.topImg {
    width: 100%;
    height: 808px;
    overflow: hidden;
    background: #eefaff;
    position: relative;
}
.hidden{
    height: 804px;
}
.topImg .inside,
.topImg .inside li {
    width: 100%;
    position: relative;
}

.topImg img {
    position: relative;
    left: 50%;
    top: 0;
    margin-left: -960px;
    vertical-align: middle;
    width: auto;
}



.topImg .mSlider_nav_circle{
    /* background: none; */
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
}

.topImg .mSlider_nav_circle:before,
.topImg .mSlider_nav_circle:after{
    content: "";
    width: 9px;
    height: 100%;
    top: 0;
    background: url(//js.40017.cn/cn/public/module/mSlider/0.4.3/circle_v2.png) 0 -24px no-repeat;
    position: absolute;
}
.topImg .mSlider_nav_circle:after {
    right: -9px;
    background-position: -9px -24px;
}
.topImg .mSlider_nav_circle li{
    margin: 0 5px;
}


.items .bottoms .names{
    height: 22px;
    line-height: 22px;
}