* {
    margin: 0;
    padding: 0;
    font-family: "黑体",Arial;
    line-height: 1;
    text-decoration: none;
}

h1 {
    font-size: 0.555556rem;
}

h3 {
    font-size: 0.4074074rem;
    color: #858585;
}

h4 {
    font-size: 0.296296rem;
    color: #858585;
    margin-top: 0.185185rem;
}

button {
    outline: 0 none;
}

a,
a:link,
a:active,
a:hover,
a:visited {
    cursor: pointer;
    text-decoration: none;
    color: #F74D61;
}

body {
    width: 100%;
    overflow: hidden;
}
/* 头部样式 */

#hbbLogo {
    width: 1.85185rem;
    height: 1.85185rem;
    margin-top: 0.9259259rem;
}

header > p {
    font-size: 0.3333333rem;
    color: #242424;
    margin-top: 0.2777778rem;
}

header > h1 {
    margin-top: 0.555556rem;
}

header > h3 {
    line-height: 0.48148148rem;
    margin-top: 0.296296rem;
    display: inline-block;
    width: 7.8rem;
}

.download {
    display: block;
    position: relative;
    margin: 0.3rem auto;
    width: 9rem;
    height: 1.1111111rem;
    border-radius: 0.13888889rem;
    background-color: #F74D61;
    font-size: 0.5555556rem;
    line-height: 1.1111111rem;
    color: #FFF;
    border: 0 none;
}
/* 正文样式 */
#container {
    width: 100%;
    position: relative;
    text-align: center;
}

.content {
    width: 100%;
    position: relative;
}

    .content > h1 {
        color: #F74D61;
    }

    .content > h3 {
        line-height: 0.49074074rem;
        width: 9rem;
        display: inline-block;
        margin-top: 0.287037037rem;
    }

.swiper-container,
.gallery {
    left: 0;
    position: relative;
    width: 100%;
}

.imgArea {
    width: 100%;
    position: absolute;
}

.content .imgArea:nth-of-type(1) {
    left: 0%;
}

.content .imgArea:nth-of-type(2) {
    margin-left: 100%;
}

.content .imgArea:nth-of-type(3) {
    margin-left: 200%;
}

.buttonArea {
    width: 8.1944444rem;
    position: relative;
    display: inline-block;
    margin-top: 0.648148148rem;
}

.iconBtn {
    width: 33.3333%;
    float: left;
}

    .iconBtn > img {
        width: 0.833333rem;
        height: 0.833333rem;
    }

.selected > h4 {
    color: #F74D61;
}

#page-1,
#page-3 {
    background-color: #F8F8F8;
}

#page-1 {
    height: 14.1rem;
}

    #page-1 .swiper-container {
        height: 10.0555556rem;
    }

    #page-1 .gallery {
        height: 10.0555556rem;
    }

        #page-1 .gallery img {
            width: 100%;
            height:14.12rem;
        }
/* 脚部样式 */
footer {
    background-color: #F0F0F0;
    padding: 0.296296rem 0;
    text-align: center;
}

    footer > .download {
        margin-top: 0;
    }

    footer > h5 {
        font-size: 0.333333rem;
        color: #858585;
        margin-bottom: 0.185185rem;
    }

    footer > h6 {
        font-size: 0.296296rem;
        color: #AAA;
        margin-top: 0.148148rem;
    }

#copyRight {
    margin-top: 0.37037rem;
}

.weui_dialog_confirm * {
    line-height: 2.5;
}

.conDesc {
    line-height: 1.3;
    padding: 0 0.648148rem 0.4rem;
}

#switchArea {
    margin-bottom: 0.9259259rem;
    font-size: 0.333333rem;
}

.Phone-web {
    color: #AAA
}



.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

header {
    width: 100%;
    text-align: center;
    background-color: #fff;
    height: 1.574rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999;
    border-bottom: 1px solid #eee;
    transition: all 0.1s;
}

    header.h1 {
        height: 1.203rem;
    }

#container .content {
    padding-top: 1.574rem;
}

#container.h1 .content {
    padding-top: 1.203rem;
}

header .hbblogo {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    margin-top: 0.26rem;
    margin-left: 0.3rem;
}

header .hbblogo2 {
    width: 2.6rem;
    margin: 0.3rem 0 0 0.370rem;
    transition: all 0.1s;
}

header.h1 .hbblogo2 {
    margin: 0.15rem 0 0 0.370rem;
}

header .logoText {
    font-size: 0.4rem;
    color: #f00;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}

header .versionSelect {
    margin-left: 0.25rem;
    margin-top: 0.6rem;
    color: #f00;
    border: none;
    font-size: 0.370rem;
    background-color: transparent;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

header .versionSelect2 {
    margin-left: 0.25rem;
    margin-top: 0.62rem;
    color: #f00;
    border: none;
    font-size: 0.370rem;
    background-color: transparent;
    transition: all 0.1s;
}

header.h1 .versionSelect2 {
    margin-top: 0.47rem;
}

header .triangleIcon {
    width: 0;
    height: 0;
    border: 0.1rem solid transparent;
    border-right: 0.2rem solid #f00;
    margin-top: 0.63rem;
    margin-left: 0.1rem;
}

header .triangleIcon2 {
    width: 0.2rem;
    margin-top: 0.67rem;
    margin-left: 0.212rem;
    transition: all 0.1s;
}

header.h1 .triangleIcon2 {
    margin-top: 0.52rem;
}

header .buyBtn1 {
    width: 2.025rem;
    height: 0.652rem;
    line-height: 0.652rem;
    border-radius: 0.185rem;
    background-color: #e84e5e;
    font-size: 0.4rem;
    color: #fff;
    border: none;
    margin-top: 0.47rem;
    margin-right: 0.370rem;
    transition: all 0.1s;
}

header.h1 .buyBtn1 {
    margin-top: 0.29rem;
}

.buyBtn2 {
    width: 3.4rem;
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #e84e5e;
    font-size: 0.462rem;
    color: #fff;
    border: none;
    position: absolute;
    left: 50%;
    margin-left: -1.7rem;
    /*bottom: 0.4rem;*/
    bottom: 1rem;
    border-radius: 1rem;
}

.video {
    position: relative;
    overflow: hidden;
}

    .video video {
        width: 100%;
        z-index: 5 !important;
        display: block;
        position: relative;
    }

.videoMask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: rgba(53,53,53,0.4);
    cursor: pointer;
}

.video .playBtn {
    width: 0.5rem;
    position: absolute;
    top: 5.29rem;
    left: 5.7rem;
    z-index: 20;
    cursor: pointer;
}

.video .videoText {
    position: absolute;
    top: 3.4rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.62rem;
    font-weight: bold;
    color: #fefefe;
    z-index: 20;
    cursor: pointer;
}

    .video .videoText .videoText1 {
        margin-bottom: 0.1rem;
    }

.video .videoText2 {
    position: absolute;
    top: 5.35rem;
    left: 3.85rem;
    text-align: center;
    font-size: 0.42rem;
    color: #fefefe;
    z-index: 20;
    cursor: pointer;
}

.pageList .pageListItem {
    text-align: center;
    padding-top: 1.259rem;
}

    .pageList .pageListItem.grey {
        background-color: #f8f8f8;
    }

    .pageList .pageListItem .title1 {
        font-size: 0.648rem;
        color: #000;
        font-weight: bold;
        margin-bottom: 0.314rem;
    }

    .pageList .pageListItem .title2 {
        font-size: 0.462rem;
        color: #000;
        margin-bottom: 1.537rem;
        letter-spacing: -0.02rem;
    }

.pageList .pageListItem .bigImg{
    display:inline-block;
    width:10rem;
    position:relative;
}
    .pageList .pageListItem .bigImg img {
        width: 100%;
        height: 100%;
        height: 9.93rem;
    }
    .pageList .pageListItem .bigImg .description{
        position:absolute;
    }

.pageBottom {
    /*
    position: fixed;
    left: 0;
    bottom: 0;
    */
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    z-index: 9999999999999;
}


.pageList .pageListItem.tenSecond {
    height: 12.2rem;
}
.pageList .pageListItem.tenSecond .bigImg img{
    width:90%;
    height:8rem;
}
    .pageList .pageListItem.tenSecond .bigImg .description .text1 {
        color: #e24c5e;
        font-size: 0.38rem;
        font-weight: bold;
        margin-bottom: 0.15rem;
    }

    .pageList .pageListItem.tenSecond .bigImg .description .text2 {
        color: #000;
        font-size: 0.231rem;
        letter-spacing: -0.03rem;
    }

    .pageList .pageListItem.tenSecond .bigImg .description.description1 {
        top: 0.35rem;
        left: 0.4rem;
    }

    .pageList .pageListItem.tenSecond .bigImg .description.description2 {
        top: 0.35rem;
        left: 7.3rem;
    }

    .pageList .pageListItem.tenSecond .bigImg .description.description3 {
        top: 4.5rem;
        left: 0.35rem;
    }

    .pageList .pageListItem.tenSecond .bigImg .description.description4 {
        top: 4.5rem;
        left: 7.3rem;
    }


.pageList .pageListItem.mobilePrint .title2 {
    margin-bottom: 0.435rem;
}
.pageList .pageListItem.mobilePrint .bigImg img{
    width:8rem;
    height:5.1rem;
}

.pageList .pageListItem.mobilePrint .bigImg2 {
    width: 10rem;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 0.2rem;
    position: relative;
}

    .pageList .pageListItem.mobilePrint .bigImg2 img {
        width: 4.2rem;
        height:3.55rem;
    }

.pageList .pageListItem.mobilePrint .bigImg .description {
    font-size: 0.277rem;
    color: #221e1f;
    letter-spacing: -0.03rem;
}

    .pageList .pageListItem.mobilePrint .bigImg .description.description1 {
        top: 3.75rem;
        left: 3.1rem;
    }

    .pageList .pageListItem.mobilePrint .bigImg .description.description2 {
        top: 2.5rem;
        left: 6.7rem;
    }

    .pageList .pageListItem.mobilePrint .bigImg .description.description3 {
        top: 5.1rem;
        left: 6.7rem;
    }

.pageList .pageListItem.mobilePrint .bigImg2 .description {
    font-size: 0.277rem;
    color: #221e1f;
    letter-spacing: -0.03rem;
    position: absolute;
}

    .pageList .pageListItem.mobilePrint .bigImg2 .description.description1 {
        bottom: -0.45rem;
        left: 3.4rem;
    }

    .pageList .pageListItem.mobilePrint .bigImg2 .description.description2 {
        bottom: -0.45rem;
        left: 5.6rem;
    }


.pageList .pageListItem.pageListItem_common {
    padding-top: 2rem;
}

    .pageList .pageListItem.pageListItem_common .title2 {
        margin-bottom: 0.759rem;
    }


.pageList .pageListItem.pageListItem_common.store .bigImg {
    width: 9rem;
    padding-bottom: 1.5rem;
}
    .pageList .pageListItem.pageListItem_common.store .bigImg img{
        height:5.4rem;
    }

/*
video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-enclosure {
    display: none !important;
}
*/