@charset "UTF-8";
/*header*/
header{
    background:#fff;
    border-bottom: 1px solid #e5e5e5;
    height:0.9rem;
    line-height: 0.9rem;
}
section{
    top:0.9rem;
}
* {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input::placeholder,textarea::placeholder{
    font-size:0.28rem;
    color:#AFAFAF;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    font-size:0.28rem;
    color:#AFAFAF;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    font-size:0.28rem;
    color:#AFAFAF;
}
input:-moz-placeholder,textarea:-moz-placeholder{
    font-size:0.28rem;
    color:#AFAFAF;
}
input::-moz-placeholder,textarea::-moz-placeholder{
    font-size:0.28rem;
    color:#AFAFAF;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    font-size:0.28rem;
    color:#AFAFAF;
}

.mui-picker {
    background-color: #fff !important;
}

html, body {
    height: 100%;
    overflow: auto;
}

body .mui-poppicker {
    z-index: 99999;
}

.mui-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position:relative;
}
.mui-content .nav_item{
    position:fixed;
    bottom:2.4rem;
    right:0.35rem;
    width:1.21rem;
    height:1.04rem;
    z-index:999;
}
.mui-content .nav_item img{
    width:100%;
    height:100%;
}
.play {
    width: 100%;
    height: 3.8rem;
    object-fit: fill;
    display: none;
    z-index: 990;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.scroll_box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: auto;
    /* winphone8和android4+ */
    -webkit-overflow-scrolling: touch;
    /* ios5+ */
}

.mui-bar-nav~.mui-content {
    padding-top: 0;
}

.mui-bar-nav {
    box-shadow: 0!important;
    border-bottom: 1px solid #ccc;
}

.mui-bar {
    top: 0;
    border-bottom: 0;
    /*background-color: #2577E3;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.selectMode {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
    text-align: center;
    background: #000;
}
.banner-box{
    position:relative;
    z-index:990;
    height:3.8rem;
}
.section-wrap{
    margin:0 auto;
}
.content{
    width:auto;
    margin:0;
}
.section-wrap .title{
    color:#333;
    font-size:0.36rem;
    font-weight:bold;
    text-align: center;
    position: relative;
    padding-bottom:0.2rem;
}
.common-line:after{
    content:"";
    position:absolute;
    width:0.34rem;
    height:0.06rem;
    background:rgba(0,0,0,1);
    border-radius:0.02rem;
    bottom:0;
    left:50%;
    margin-left:-0.17rem;
}
.banner-section{
    width:100%;
    height:3.8rem;
    position: relative;
}
.banner-section img{
    width:100%;
    height:100%;
}
#appMask.form-section{
    width:7.2rem;
    margin:0;
    display: none;
}
#appMask .cancle-button{
    position: absolute;
    bottom:-1.2rem;
    left:50%;
    margin-left:-0.4rem;
    width:0.8rem;
    height:0.8rem;
}
#appMask .cancle-button img{
    width:100%;
    height:100%;
}
.form-section{
    background: #fff;
    padding:0.40rem 0.20rem;
    position: relative;
    border-radius: 0.06rem;
    box-sizing: border-box;
    box-shadow:0rem 0.08rem 0.10rem 0rem rgba(118,141,207,0.11);
    top: -0.2rem;
    margin:0 0.24rem;
    opacity: 0.9;
}
#appMask.form-section{
    opacity: 1;
}
.form-section .title .txt_1{
    font-size:0.3rem;
    color:#333;
    font-weight:bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-section .title .txt_1 img{
    width:0.31rem;
    height:0.08rem;
}
.form-section .title .txt_1 span{
    padding:0 0.1rem;
}
.form-section .title .txt_2{
    font-size:0.24rem;
    color:#999;
    padding-top:0.18rem;
    text-align: center;
}
.form-section .content{
    padding-top:0.30rem;
    overflow: hidden;
}
.form-section .content .flex{
    display:flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.form-section .city{
    width:3.2rem;
    background:#F4F4F4;
    border-radius: 0.1rem;
    position: relative;
    height: 0.8rem;
}
.form-section .city .txt{
    position:absolute;
    left:0.20rem;
    top:0;
    height: 0.8rem;
    line-height: 0.8rem;
    box-sizing: border-box;
    color:#333;
    font-size:0.28rem;
    font-weight:bold;
}
.form-section .city .icCity-input{
    padding:0 0.10rem;
    width:1.48rem;
    height: 100%;
    box-sizing: border-box;
    color:#1D212A;
    font-size:0.28rem;
    background:#F4F4F4;
    border:none;
    margin:0;
    margin-left: 1.4rem;
}
.form-section .city img{
    width:0.16rem;
    height:0.09rem;
    position: absolute;
    right:0.20rem;
    top:0.38rem;
}
.form-section .cartype{
    width:3.2rem;
    background:#F4F4F4;
    border-radius: 0.1rem;
    position: relative;
    height: 0.8rem;
}
.form-section .cartype .txt{
    position:absolute;
    left:0.20rem;
    top:0;
    height: 0.8rem;
    line-height: 0.8rem;
    box-sizing: border-box;
    color:#333;
    font-size:0.28rem;
    font-weight:bold;
}
.form-section .cartype .cartype-select{
    padding:0 0.10rem;
    width:1.48rem;
    height: 100%;
    box-sizing: border-box;
    color:#1D212A;
    font-size:0.28rem;
    margin:0;
    background:#F4F4F4;
    border:none;
    margin-left: 1.4rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.form-section .cartype img{
    width:0.16rem;
    height:0.09rem;
    position: absolute;
    right:0.20rem;
    top:0.38rem;
}
.form-section .phone{
    width:100%;
    background:#F4F4F4;
    border-radius: 0.1rem;
    position: relative;
    margin-top:0.2rem;
    height: 0.8rem;
}
.form-section .phone .txt{
    position:absolute;
    left:0.20rem;
    top:0;
    height:0.8rem;
    line-height:0.8rem;
    box-sizing: border-box;
    color:#1D212A;
    font-size:0.28rem;
    font-weight:bold;
}
.form-section .phone .phone-input{
    padding:0 0.10rem;
    height:100%;
    box-sizing: border-box;
    color:#1D212A;
    margin:0;
    margin-left:1.1rem;
    background:#F4F4F4;
    border:none;
}
.form-section .button{
    background: #00AAEB;
    width:100%;
    height:0.76rem;
    line-height:0.76rem;
    color:#fff;
    font-size:0.32rem;
    font-weight:bold;
    text-align: center;
    margin-top:0.2rem;
    border-radius: 0.08rem;
}
.form-section .js-button{
    background: #00AAEB;
    width:100%;
    height:0.76rem;
    line-height:0.76rem;
    color:#fff;
    font-size:0.32rem;
    font-weight:bold;
    text-align: center;
    margin-top:0.2rem;
    border-radius: 0.08rem;
}
.form-section-box{
    clear: both;
    padding:0.60rem 0;
}
.form-section-box .form-section{
    top:0;
    background:#F3F5F9;
    box-shadow:unset;
    padding:0;
}
.form-section-box .form-section .title{
    position: relative;
    padding-left:0.15rem;
}
.form-section-box .form-section i{
    display: inline-block;
    width:0.05rem;
    height:0.22rem;
    background:rgba(0,170,235,1);
    border-radius:0.03rem;
    margin-right:0.10rem;
    position: absolute;
    top:0.08rem;
    left:0;

}
.countUp-section{
    background: url(countUp_bg.jpg) repeat center center;
    background-size: cover;
    position:relative;
}
.countUp-section .section-wrap{
    clear: both;
    padding-top:0.6rem;
}
.countUp-section .section-wrap .content{
    overflow: hidden;
    padding-top:0.60rem;
    padding-bottom:0.50rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.countUp-section .section-wrap .content li{
    text-align: center;
}
.countUp-section .t .txt_1{
    color:#333;
    font-size:0.48rem;
    font-weight:bold;
}
.countUp-section .t .txt_2{
    color:#333;
    font-size:0.30rem;
    font-weight:bold;
}
.countUp-section .b{
    color:#000033;
    font-size:0.24rem;
    padding-top:0.20rem;
}
.step-section{
    background:#fff;
    padding:0.60rem 0;
    clear: both;
}
.step-section .ps{
    text-align: center;
    color:#666;
    font-size:0.24rem;
    padding-bottom:0.12rem;
    position: relative;
}
.step-section .content{
    padding-top:0.60rem;
    overflow: hidden;
}
.step-section .content ul{
    display:flex;
    align-items: center;
    justify-content: space-around;
    padding:0.3rem 0.24rem;
}
.step-section .content .content-line{
    width:7.02rem;
    margin:0 auto;
    height:1px;
    background:rgba(238,238,238,1);
}

.step-section .content li{
    display:flex;
}
.step-section .content li.section-line{
    width:1px;
    height:1.64rem;
    background:rgba(238,238,238,1);
}
.step-section .content li .l{

}
.step-section .content li .r{
    padding-left:0.20rem;
    width:2.4rem;
}
.step-section li img{
    width:0.60rem;
    height:0.60rem;
    vertical-align: middle;
}
.step-section li .step-title{
    color:#000;
    font-size:0.3rem;
    font-weight:bold;
}
.step-section li .step-content{
    color:#666;
    font-size:0.26rem;
    line-height:0.32rem;
    padding-top:0.20rem;
}
.reason-section{
    background:#fff;
    padding:0.60rem 0 0.20rem;
    clear: both;
}
.reason-section .section-wrap{
    width:100%;
}
.reason-section .ps{
    text-align: center;
    color:#666;
    font-size:0.24rem;
    padding-bottom:0.12rem;
    position: relative;
}
.reason-section .content{
    padding:0.50rem 0.24rem 0;
    overflow: hidden;
}
.reason-section .content li{
    overflow: hidden;
    clear:both;
    padding-bottom:0.40rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reason-section .content li .l{

}
.reason-section .content li .r{
    padding-left:0.2rem;
}
.reason-section .content img{
    width:2.96rem;
    height:1.8rem;
    margin:0;
}
.reason-section .reason-title{
    display: flex;
    word-break: break-all;
}
.reason-section .reason-title i{
    width:0.24rem;
    height:0.24rem;
    line-height:0.24rem;
    background:rgba(0,170,235,1);
    border-radius:50%;
    color:#fff;
    font-size:0.16rem;
    font-weight:bold;
    position: relative;
    display: inline-block;
    text-align: center;
    flex: 0 0 auto;
    margin-top: 0.05rem;
}
.reason-section .reason-title span{
    font-size:0.3rem;
    color:#000;
    font-weight:bold;
    padding-left:0.10rem;
    flex: 0 1 auto;
}
.reason-section .reason-content{
    font-size:0.26rem;
    color:#666;
    line-height: 0.32rem;
    padding-top:0.2rem;
    padding-left:0.34rem;
}
.system-section{
    background:#fff;
    clear: both;
    padding-top:0.4rem;
}
.system-section .section-top{
    background: url(system_bg.png) no-repeat center center;
    background-size:cover;
    width:100%;
    height:4.32rem;
    position:relative;
    padding-top:0.32rem;
    margin-top:0.4rem;
}
.system-section .title{
    color:#000000;
    font-size:0.38rem;
    font-weight:bold;
    text-align: center;
    position: relative;
    padding-bottom:0.2rem;
}
.system-section .content{
    padding:0 0.3rem;
}
.system-section .tag{
    width:3.73rem;
    height:0.34rem;
    line-height:0.34rem;
    background:#19C482;
    font-size:0.22rem;
    color:#fff;
    margin:0 auto;
    border-radius: 0.10rem;
    text-align: center;
}
.system-section .system{
    padding-top:0.60rem;
    overflow: hidden;
}
.system-section .system li{
    width:100%;
    padding-bottom:0.50rem;
    display: flex;
    align-items: center;
}
.system-section .system li .l{
    width:1.64rem;
    height:1.64rem;
}
.system-section .system li .l img{
    width:100%;
    height:100%;
}
.system-section .system li .r{
    padding-left:0.22rem;
    flex:1;
}
.system-section .system-title{
    color:#000;
    font-size:0.28rem;
    font-weight:bold;
    padding-bottom:0.20rem;
    position: relative;
    display: flex;
    align-items: center;
}
.system-section .system-title i{
    width:0.12rem;
    height:0.12rem;
    background:rgba(0,170,235,1);
    border-radius:50%;
    display: block;
    margin-right:0.1rem;
}
.system-section .system-content{
    color:#666;
    font-size:0.26rem;
    line-height:0.36rem;
}
.message-section{
    clear: both;
    background:#fff;
    padding-top:0.60rem;
}
.message-section .ps{
    text-align: center;
    color:#666;
    font-size:0.24rem;
    padding-bottom:0.12rem;
    position: relative;
}
.message-section .content{
    padding:0.30rem 0.3rem 0rem;
    overflow: hidden;
}
.message-section .section-item{
    clear: both;
    overflow: hidden;
    padding-top:0.30rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid #EEEEEE;
}
.message-section .section-item.no-line{
    border:none;
}
.message-section .section-item-left .l{
    width:0.58rem;
    height:0.58rem;
}
.message-section .section-item-left .l img{
    width:100%;
    height:100%;
    vertical-align: baseline;
}
.message-section .section-item-left .r{
    padding-left:0.20rem;
    flex:1;
}
.message-section .section-item-left .r .step-1{
    color:#666;
    font-size:0.24rem;
}
.message-section .section-item-left .r .step-2{
    color:#000;
    font-size:0.28rem;
    font-weight:bold;
    line-height:0.4rem;
    width:6.08rem;
    background:rgba(244,244,244,1);
    padding:0.2rem;
    border-radius: 0.04rem;
}
.message-section .section-item-left .r .step-3{
    padding-top:0.2rem;
    padding-bottom:0.3rem;
}
.message-section .section-item-left .r .step-3 .txt_1{
    color:#333;
    font-weight:bold;
    font-size:0.26rem;
    line-height:0.36rem;
    display:inline-block;
}
.message-section .section-item-left .r .step-3 .txt_2{
    color:#666;
    font-size:0.26rem;
    line-height:0.36rem;
    display:flex;
    /*flex-wrap: wrap;*/
    word-break: break-all;
}
.message-section .section-item-left .r .step-3 span{
    flex:0 1 auto;
}
.message-section .section-item-left .r .step-3 .txt_2 img{
    width:0.24rem;
    height:0.24rem;
    display:inline-block;
    margin-top: 0.02rem;
    margin-right:0.08rem;
    flex:0 0 auto;
}
.message-section .section-item-right .r{
    width:0.58rem;
    height:0.58rem;
}
.message-section .section-item-right .r img{
    width:100%;
    height:100%;
    vertical-align: baseline;
}
.message-section .section-item-right .l{
    padding-right:0.20rem;
    flex:1;
}
.message-section .section-item-right .l .step-1{
    color:#666;
    font-size:0.24rem;
    text-align: right;
    padding-right: 0.2rem;
}
.message-section .section-item-right .l .step-2{
    color:#000;
    font-size:0.28rem;
    font-weight:bold;
    line-height:0.4rem;
    width:6.08rem;
    background:rgba(244,244,244,1);
    padding:0.2rem;
    border-radius: 0.04rem;
}
.message-section .section-item-right .l .step-3{
    padding-top:0.2rem;
    padding-bottom:0.3rem;
    padding-left: 0.7rem;
}
.message-section .section-item-right .l .step-3 .txt_1{
    color:#333;
    font-weight:bold;
    font-size:0.26rem;
    line-height:0.36rem;
    display:inline-block;
}
.message-section .section-item-right .l .step-3 .txt_2{
    color:#666;
    font-size:0.26rem;
    height:0.36rem;
    line-height:0.36rem;
    display:inline;
}
.message-section .section-item-right .l .step-3 .txt_2 img{
    width:0.24rem;
    height:0.24rem;
    display:inline-block;
    vertical-align: middle;
    margin-right:0.08rem;
    margin-top: -0.08rem;
}
.advantage-section{
    clear: both;
    background:#fff;
    padding-top:0.60rem;
    padding-bottom:0.60rem;
}
.advantage-section .ps{
    text-align: center;
    color:#666;
    font-size:0.24rem;
    padding-bottom:0.12rem;
    position: relative;
}
.advantage-section .content{
    padding-top:0.60rem;
}
.advantage-section .advantage{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0.15rem;
}
.advantage-section .advantage li{
    width:50%;
    padding:0.15rem;
}
.advantage-section .box{
    background:#fff;
    position: relative;
    background:rgba(255,255,255,1);
    box-shadow:0rem 0.03rem 0.13rem 0rem rgba(119,125,143,0.13);
    border-radius:0.08rem;
    padding:0.47rem 0.28rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.advantage-section .box img{
    width:0.72rem;
    height:0.72rem;
    margin-top: -0.80rem;
/*    position: absolute;
    top:-36rem;
    left:50%;
    margin-left:-36rem;*/
}
.advantage-section .box .advantage-title{
    color:#000;
    font-size:0.3rem;
    font-weight:bold;
    padding-bottom:0.20rem;
    text-align: center;
    position: relative;
    padding-top:0.42rem;
}
.advantage-section .box .advantage-title:after{
    content: "";
    position: absolute;
    bottom:0;
    left:50%;
    width:0.20rem;
    height:0.05rem;
    border-radius:0.03rem;
    margin-left:-0.10rem;
}
.advantage-section .box .txt_1:after{
    background: #F29E30;
}
.advantage-section .box .txt_2:after{
    background: #2FC0C1;
}
.advantage-section .box .txt_3:after{
    background: #00AAEB;
}
.advantage-section .box .txt_4:after{
    background: #4570E6;
}
.advantage-section .box .advantage-content{
    color:#666;
    font-size:0.26rem;
    line-height:0.36rem;
    padding-top:0.30rem;
    text-align: center;
}
.cartype-section{
    padding-top:0.60rem;
    clear:both;
    background:#fff;
    padding-bottom:0.80rem;
}
.cartype-section .ps{
    text-align: center;
    color:#666;
    font-size:0.24rem;
    padding-bottom:0.12rem;
    position: relative;
}
.cartype-section .content{
    padding-top:0.60rem;
}
.cartype-section .cartype{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.cartype-section .cartype li{

}
.cartype-section .box{
    position: relative;
}
.cartype-section .box img{
    width: 2.40rem;
    height: 1.6rem;
}
.cartype-section .cartype-title{
    text-align: center;
    color:#333;
    font-size:0.3rem;
    font-weight:bold;
    padding:0.20rem 0;
}
.cartype-section .cartype-ps{
    height:0.34rem;
    width:1.84rem;
    background:#E7ECF3;
    border-radius:0.10rem;
    font-size:0.24rem;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:0.34rem;
    text-align: center;
    margin:0 auto;
}
.cartype-section .cartype-content{
    color:#666;
    font-size:0.26rem;
    line-height:0.32rem;
    padding:0.20rem;
    text-align: center;
    height:1.2rem;
}
.case-section{
    clear:both;
    background:#fff;
    padding-bottom:1.2rem;
}
.case-section .ps{
    text-align: center;
    color:#666;
    font-size:0.24rem;
    position: relative;
    padding:0 1.2rem 0.12rem;
}
.case-section .content{
    padding-top:0.20rem;
}
.case-section .case{
    overflow: hidden;
}
.case-section .case>li{
    padding:0.3rem;
    border-bottom:1px solid #EEEEEE;
}
.case-section .case .box{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.case-section .box .case_img{
    width:3.28rem;
    height:2.00rem;
}
.case-section .box .case-content{
    padding-left:0.15rem;
    flex:1;
    clear: both;
}
.case-section .box .case-title{
    color:#000;
    font-size:0.3rem;
    font-weight:bold;
}

.case-section .box .case-content  ul{
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-top:0.06rem;
}
.case-section .box .case-content ul li{
    padding-right:0.10rem;
}
.case-section .box .case-content ul li img{
    width:0.42rem;
    height:0.48rem;
}
.case-section .line,.case-section .type,.case-section .intro{
    color:#666;
    font-size:0.26rem;
    line-height:0.32rem;
    padding-top:0.06rem;
    clear: both;
}
.case-section .intro{
    padding-top:0.2rem;
}

.fixedBottom {
    display: flex;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.fixedBottom img{
    width:0.32rem;
    height:0.32rem;
}
.fixedBottomLeftNew {
    width: 50%;
    height: 0.96rem;
    line-height: 0.96rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 0.04rem #cdcdcd;
}

.fixedBottomLeftTextNew {
    color: #0f0e1a;
    font-size: 0.32rem;
    margin-left: 0.1rem;
}

.fixedBottomLeftTimeNew {
    color: #fff;
    font-size: 0.26rem;
    margin-top: 0.03rem;
}

.fixedBottomRightTextNew {
    color: #fff;
    font-size: 0.32rem;
    margin-left: 0.1rem;
}

.fixedBottomLeftImgNew {
    width: 0.38rem;
    height: 0.38rem;
    margin-right: 0.1rem;
    background: #fff;
}

.fixedBottomLeft {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.fixedBottomRight {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #00AAEB;
    display:flex;
    align-items: center;
}

.fixedBottomLeftImg {
    width: 0.38rem;
    height: 0.38rem;
    margin-right: 0.1rem;
}

.fixedBottomLeftText {
    color: #2577e3;
    font-size: 0.36rem;
}

.fixedBottomRightText {
    color: #fff;
    font-size: 0.36rem;
}
.case-button{
    display: flex;
    align-items: center;
    justify-content: center;
}
.case-button .more{
    color:#666666;
    margin-top:0.4rem;
    font-size:0.26rem;
    width:1.96rem;
    height:0.58rem;
    line-height:0.58rem;
    text-align: center;
    border:1px solid #B7B7B7;
    border-radius: 0.08rem;
}