
html,body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei", "微软雅黑", sans-serif;
}
body{
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}
.iframe-wrapper{
    height: 100%;
}
.iframe-wrapper iframe{
    width:100%;
    height:100%;
    border:none;
    overflow:hidden;
    position:absolute;
}
.iframe-footer iframe{
    width:100%;
    height:60px;
    border:none;
    position:absolute;
}
.copyright{
    height:60px;
    line-height: 60px;
    width:100%;
    background-color: #F5F5F7;
}
.copyright,a{
    color: #888;
    text-align: center;
    font-size: 12px;
}


.rheaplus{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

header{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: fixed;
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    top:0;
    z-index: 100;
}
header .title{
    width: 73.24%;
    display: block;
    position: absolute;
    left: 13.38%;
}
header .title ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
}
header .title ul .first{
    text-align: left;
}
header .title ul .interval{
    width:15%;
}
header .title ul .li3{
    width:40px;
}
header .title ul .li5{
    width:80px;
}
header .title ul .last{
    text-align: right;
    width: 80px;
}
header .title ul li a{
    font-size: 14px;
    text-decoration: none;
    color: rgba(255, 255, 255, .8);
}
header .title ul li a:hover{
    text-decoration: none;
    font-weight:bold;
}
header .title img{
    width: 13px;
    height: 20px;
}
header .title_app{
    display:none;
}
header .operate{
    display:none;
}

@media screen and (max-width:767px){
    header .title{
        display: none;
    }
    header .title_app{
        width: 85.71%;
        display:block;
        position: absolute;
        left: 7.145%;
    }
    header .operate{
        display:block;
    }
    header .title_app img{
        max-height: 25px;
    }
    header .title_app .logo{
        float: left;
    }
    header .title_app .operate_btn{
        float: right;
    }
    header .title_app .operate_btn a{
        line-height: 70px;
        text-decoration: none;
    }
    header .operate{
        position: fixed;
        width: 100%;
        z-index: 200;
        height: 0;
        background-color:white;
        overflow-y: hidden;
        transition: height 0.2s linear;
        -webkit-transition: height 0.2s linear;
        -moz-transition: height 0.2s linear;
    }
    header .operate.o_show{
        height:100%;
    }
    header .operate.o_hide {
        height:0;
    }
    header .operate .close{
        position: absolute;
        right: 16px;
        top: 16px;
    }
    header .operate .close a{
        font-size: 21px;
        text-decoration: none;
    }
    header .operate ul{
        list-style: none;
        margin: 0;
        display:grid;
        flex-wrap:wrap;
        padding-top: 30px;
    }
    header .operate ul li{
        text-align: left;
    }
    header .operate ul li a{
        font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
        color: #000000;
        font-style: normal;
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        text-decoration: none;
    }
}

.content{
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #F5F5F7;
}

.content a{
    width: inherit;
}
.content img{
    width: 100%;
    height: 100%;
}
.content .pc{
    display: block;
}
.content .app{
    display: none;
}

@media screen and (max-width:767px){
    .content .pc{
        display: none;
    }
    .content .app{
        display: block;
    }
}

.container-md { max-width: 800px !important;}
@media screen and (max-width: 767px){
    .container-introduce{ padding-left: 30px !important;padding-right: 30px !important; }
}

.xiao_an_bg{
    background-image:url('../img/banner.png') !important;
    background-size:cover !important;
}

.gray-bg{
    background: -moz-linear-gradient(top, #FCFCFC 0%, #FFF 100%) ;
    background: -webkit-linear-gradient(top, #FCFCFC 0%,#FFF 100%) ;
    background: -o-linear-gradient(top, #FCFCFC 0%,#FFF 100%) ;
    background: -ms-linear-gradient(top, #FCFCFC 0%,#FFF 100%) ;
}
.xiao_an{ text-align: center; padding: 0 0 40px;}
.xiao_an img{ height: 75px; }
@media screen and (max-width: 767px){
    .xiao_an img{ height: 60px; }
    .xiao_an{ padding: 0 0 30px;}
    .xiao_an_bg{
        background-image:url('../img/banner-mobile.png') !important;
    }
}


.section .tip{
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
}
.section .title{
    text-align: center;
    font-size: 40px;
    line-height: 1.05;
    font-weight: 600;
    color: #111;
}
.section .title-2{
    text-align: left;
    font-size: 40px;
    margin-top: 20px;
    line-height: 1.05;
    font-weight: 600;
    color: #000;
}
.section .introduce{
    margin-top:20px;
    font-size: 20px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
}
.section .more{
    font-size: 20px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
    margin: 20px 0;
}
@media screen and (max-width: 767px) {
    .section .tip{ font-size: 24px; }
    .section .title{ font-size: 40px; }
    .section .title-2{ font-size: 40px; }
    .section .introduce{ font-size: 20px; }
}

.section .iphone,.section .mac{ text-align: center }
.section .iphone img,.section .mac img,.banner img{ width:100%; }
.version img{ max-height: 75px; }
.service img{ width: 100%;object-fit: contain; max-height: 100px;min-height: 54px;min-width: 54px; }
@media screen and (max-width: 767px){
    .section .iphone img{ max-width: 300px;margin-right: -50px; }
}


.section .version{ margin: 20px; }
.section .diff-top-50 { margin-top: 50px;}
.section .diff-top-100 { margin-top: 100px;}
.section .diff-top-150 { margin-top: 150px;}
.section .diff-top-200 { margin-top: 200px;}
.section .diff-top-250 { margin-top: 250px;}
.section .diff-top-300 { margin-top: 300px;}
@media screen and (max-width: 767px){
    .section .diff-top-50 { margin-top: 0;}
    .section .diff-top-100 { margin-top: 0;}
    .section .diff-top-150 { margin-top: 0;}
    .section .diff-top-200 { margin-top: 0;}
    .section .diff-top-250 { margin-top: 0;}
    .section .diff-top-300 { margin-top: 0;}
}

.about_us{ text-align: center;margin-bottom: 40px; }
.about_us img{ max-height: 60px; }
@media screen and (max-width: 767px){
    .about_us img{ max-height: 40px; }
}

.company{ font-size: 16px;line-height: 1.5;margin: 20px 0; }
.company .name{ font-size: 20px;line-height: 1.5 }

/* 上下间距及上下间距补差 */
.margin-top-bottom-sm{ margin: 5px 0; }
.margin-top-bottom-md{ margin: 10px 0; }
.margin-top-bottom-lg{ margin: 20px 0; }
.margin-left-right-lg{ margin: 0 20px; }
.margin-bottom-lg{ margin-bottom: 20px; }
.margin-top-bottom-sm-diff{ margin: -5px 0; }
.margin-top-bottom-md-diff{ margin: -10px 0; }
.margin-top-lg-diff{ margin-top: -20px; }
.margin-bottom-lg-diff{ margin-bottom: -20px; }
.margin-top-bottom-lg-diff{ margin: -20px 0; }
.margin-left-right-md-diff{ margin: 0 -10px; }
.margin-left-right-lg-diff{ margin: 0 -20px; }


.padding-top-md{ padding-top: 50px; }
.padding-top-lg{ padding-top: 100px; }
.padding-bottom-md{ padding-bottom: 50px; }
.padding-bottom-lg{ padding-bottom: 100px; }
.padding-top-bottom-md{ padding: 50px 0; }
.padding-top-bottom-lg{ padding: 100px 0; }
@media screen and (max-width: 767px){
    .padding-top-md{ padding-top: 50px !important; }
    .padding-top-bottom-lg{ padding: 80px 0; }
}

.full-img{ width: 100%;}
.text-center{ text-align: center !important; }
.text-right{ text-align: right !important; }
.nowrap{ display: block; text-decoration: inherit; white-space: nowrap;}

.share_img{ position:absolute; top:0; left:0;  width: 80%; z-index:-1;opacity: 0; }
.share_title{ opacity: 0;height: 0; }