.loginInfoNew{
            text-align: left;
        }
        .rulerPop {
            position: fixed;
            width: 100%;
            left: 0;
            top: 0;
            height: 100%;
            z-index: 999;
            background: rgba(0, 0, 0, .5);
            display: none;
        }
        .rulerPop .rulerPMain {
            width: 90%;
            position: absolute;
            left: 5%;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            padding-bottom: 0.12rem;
        }
        .rulerPTit {
            text-align: center;
            position: relative;
            z-index: 3;
        }
        .rulerClose {
            width: 0.56rem;
            height: 0.56rem;
            background: url(../img/rulerClose.png) no-repeat center center;
            background-size: 100% 100%;
            display: block;
            position: absolute;
            right: -0.28rem;
            top: 0.28rem;
            z-index: 5;
        }
        .rulerPTit img {
            height: 0.98rem;
        }
        .rulerPCon {
            background: #fff;
            border-radius: 0.2rem;
            z-index: 2;
            min-height: 1rem;
            position: relative;
            line-height: 0.3rem;
            font-size: 0.24rem;
            color: #000;
            padding: 0.74rem 0.24rem 0.34rem 0.24rem;
            margin-top: -0.5rem;
        }
        .rulerPConScrol {
            max-height: 8.8rem;
            overflow: auto;
        }
        
.rulerPCon p{
    padding:0.14rem 0;
    position: relative;
    padding-left:0.5rem;
}
.rulerPCon p.noPad{
    padding-left:0;
}
.rulerPCon p.sub{
    padding-left:1rem;
}
.rulerPCon p .num{
    color: #fff;
    width: 0.38rem;
    height: 0.38rem;
    text-align: center;
    line-height: 0.38rem;
    font-size: 0.24rem;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0.14rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: -webkit-linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
    background: -moz-linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
    background: -o-linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
    background: linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
    box-shadow: 0 1px 6px 1px rgba(252,52,98,.15);
}
.rulerPCon p em{
    font-style: normal;
    color:#ff0d0d;
}
.rulerPCon p a{
    color:#ff0d0d;
    font-weight: bold;
}
.rulerPCon p.sub .num{
    left:0.5rem;
    background:#fd5351;
}

.move-list .move-list-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.move-list .move-list-main .row {
    width: 3.3rem;
    padding: 0.3rem;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.move-list .move-list-main .row .row-img {
    width: 2.7rem;
    height: 5.39rem;
    padding: 0;
    position: relative;
    z-index: 2;
}
.move-list .move-list-main .row .row-img:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 2;
    background: url(http://cdn.fzbosun.com/dm/bjhyvrbt/img/phoneBg.png) no-repeat center center;
    background-size: 100% 100%;
    box-shadow: none;
}
.move-list .move-list-main .row .row-img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 4;
    background: url(http://cdn.fzbosun.com/dm/bjhyvrbt/img/phoneMask.png) no-repeat center center;
    background-size: 100% 100%;
}
.move-list .move-list-main .row .row-img .img {
    position: absolute;
    z-index: 3;
    width: 2.36rem;
    height: 5.07rem;
    left: 0.18rem;
    top: 0.16rem;
    border-radius: 0.2rem;
    overflow: hidden;
    padding: 0;
    display: block;
    box-sizing: border-box;
    margin: 0;
}

.fixVideo {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    background: #000;
    display: none;
}
.order, .order .contaner {
    width: 100%;
}
.order {
    height: 100vh;
}
.fixVideo .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fd4081;
}
.fixVideo .loading .pic {
    width: 100%;
    position: absolute;
    height: 48px;
    left: 0;
    top: 50%;
    margin-top: -36px;
    background: url(../img/circles.svg) no-repeat center center;
    background-size: auto 100%;
}
.fixVideo .loading p {
    color: #fff;
    font-size: 14px;
    position: absolute;
    width: 100%;
    line-height: 48px;
    left: 0;
    top: 50%;
    text-align: center;
}
.fixVideo .contaner {
    height: 100%;
    display: none;
}
.am-icon-lg {
    width: 36px;
    height: 36px;
}
.am-icon-left {
    background: url(../img/am-icon-left.png) no-repeat center center;
    background-size: 80% 80%;
    position: fixed;
    color: #fff;
}
.fixVideo .am-icon-left {
    z-index: 3;
}
.order #video, .order audio {
    width: 100%;
    height: 100vh;
}
.order .contaner .mask {
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .23)), color-stop(19.56%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .81)), color-stop(29%, rgba(0, 0, 0, .58)), color-stop(56.4%, rgba(0, 0, 0, .27)), color-stop(76%, transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, .23), transparent 19.56%), linear-gradient(0deg, rgba(0, 0, 0, .81), rgba(0, 0, 0, .58) 29%, rgba(0, 0, 0, .27) 56.4%, transparent 76%);
}
.order .contaner .mask .mask-main {
    position: absolute;
    width: 100%;
    top: 50%;
}
.order .contaner .mask .play {
    width: 48px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -24px;
}
.order .contaner .mask .mask-icon {
    display: flex;
    width: 250px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.order .contaner .mask .mask-main img {
    width: 32px;
    display: block;
    margin: 15px auto 5px;
}
.order .contaner .mask .mask-main .btn {
    color: #fff;
    background-color: #fd4081;
    display: block;
    text-align: center;
    width: 155px;
    line-height: 30px;
    margin: 25px auto 0;
    border-radius: 20px;
}
.order .contaner .mask .mask-icon div {
    width: 33%;
    text-align: center;
    color: #b6b6b6;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.order .contaner .mask .mask-main img {
    width: 32px;
    display: block;
    margin: 15px auto 5px;
}

#userPhone {
    width: 100%;
    height: 0.88rem;
    border: 0;
    line-height: 0.78rem;
    font-size: 0.32rem;
    color: #222;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.3rem;
    text-align: left;
    margin-bottom: 0.15rem;
    border: 1px solid #41a3e6;
    border-radius: 0.88rem;
    position: relative;
    z-index: 2;
}
#userPhone a {
    float: right;
    color: #fc3462;
    text-decoration: underline;
    font-size: 0.28rem;
}

.loginPop {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
}
.loginPop .move-order {
    background: none;
}
.loginPop .move-order .list {
    width: 84%;
    left: 8%;
    background: #ecfdff;
    background-size: 100% auto;
    padding: 0.3rem;
    border-radius: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
}
.loginPop .popClose {
    position: absolute;
    width: 0.66rem;
    height: 0.66rem;
    background: url(http://cdn.fzbosun.com/dm/common/img/close.png) no-repeat right top;
    background-size: 100% 100%;
    right: -0.33rem;
    top: -0.33rem;
    cursor: pointer;
    z-index: 4;
}
.inputBox .inpLi {
    margin-bottom: 0.3rem;
    position: relative;
}
.loginPop .inputBox .inpLi input {
    text-align: left;
    padding: 0 0.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.btnWrap button{
    background-size: 100% 100%;
}
.loginPop .inpUl{
    margin-bottom: -0.1rem;
}
.loginPop .inputBox .inpLi span {
    position: absolute;
    text-align: right;
    color: #fc3462;
    display: inline-block;
    height: 100%;
    top: 0;
    right: 0.25rem;
    height: 0.94rem;
    line-height: 0.94rem;
    font-size: 0.28rem;
}

.pop.successPopNew {
    background: rgba(0, 0, 0, .7);
}
.pop.successPopNew .container {
    position: absolute;
    z-index: 2;
    text-align: center;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
}
.pop.successPopNew .container .pic img {
    width: 6.35rem;
    max-width: 90%;
}
.pop.successPopNew .container .text {
    font-size: 0.26rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    margin: 0 10%;
    border-bottom: 1px dashed #fff;
    padding-bottom: 0.1rem;
}
.pop.successPopNew .container .text span {
    color: #ffba00;
}


html, body{
    background:#7ad6ff;
    font-family: '黑体','arial','微软雅黑';
}
.preloader{
    background-color:#7ad6ff;
}
.infoBox .title img{
    height:0.96rem;
}
.infoBox .text{
    background: linear-gradient(to right,#d0f1ff,#ccf0ff);
    border-radius: 0.2rem;
    box-shadow: 1px 1px 6px 0 rgba(179,0,10,.26);
    padding:0.36rem;
    font-size: 0.26rem;
    color:#333333;
    line-height: 0.48rem;
}
.infoBox .text a{
    color:#333333;
}
.infoBox .title{
    padding:0;
    text-align: center;
}
.homeService a{
    width:100%;
    border:0;
    padding:0;
    height: 0.96rem;
    line-height: 0.96rem;
    color:#f6537a;
    font-size: 0.34rem;
    background:#d4f2ff;
    border-radius: 0.2rem;
}
.section1{
    background:none;
}
.loginInfoNew{
    text-align: center;
    color:#878787;
    font-size: 0.22rem;
}
.loginForm{
    box-shadow: none;
}
.section1{min-height: auto;}
.infoBox .title{
    margin-top:0.2rem;
}
.btnWrap:before{
    background-image: url(../img/point.png);
    width:0.75rem;
    height: 0.84rem;
    right:0.3rem;
}
.btnWrap button{
    background-image: url(../img/btnBg.png);
    height: 1rem;
    line-height: 1rem;
    font-size: 0.38rem;
    color:#dc3c01;
    font-weight: bold;
}
.inputBox .inpLi input{
    border:0;
}
.serviceIco{
    width:1.18rem;
    height: 0.52rem;
    top:2.8rem;
    background-image: url(../img/serviceIco.png);
}
.topTxt{
    padding-top:0!important;
}
.loginPop .move-order .list{
    background:#7ad6ff;
}
.unregInfo{
    color:#878787;
    font-size: 0.22rem;
}
.unRegCodePop h3{
    display: none;
}
.unRegCodePop .btnWrap{
    margin-top:0.2rem;
}
.unRegCodePop .btnWrap button{
    margin-top:0.1rem;
    background: linear-gradient(to bottom,#fbe47e,#f6b12f);
    box-shadow: 0 5px 0 0 #ec6300;
}
.unRegCodePop .btnWrap:before{display: none;}
.btnWrap button.quickClass {
    background-image: url(../img/btnBg2.png);
    height: 1.56rem;
    line-height: 0.6rem;
}
.infoBox .title{
    padding-bottom: 0.2rem;
    height: 0.8rem;
    background: url(../img/titleBg.png) no-repeat center center;
    background-size: auto 100%;
    text-align: center;
}
.infoBox .title span{
    background: none;
    width:auto;
    height: 0.8rem;
    line-height: 0.8rem;
    color:#054ec3;
    font-size: 0.36rem;
    font-weight: bold;
    text-shadow: 0 2px 0 rgba(255,255,255,1);
    padding:0;
    text-align: center;
}

.rulerPop {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .5);
    display: none;
}
.rulerPop .rulerPMain {
    width: 90%;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    padding-bottom: 0.12rem;
}
.rulerPTit {
    text-align: center;
    position: relative;
    z-index: 3;
}
.rulerClose {
    width: 0.56rem;
    height: 0.56rem;
    background: url(../img/rulerClose.png) no-repeat center center;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    right: -0.28rem;
    top: 0.28rem;
    z-index: 5;
}
.rulerPTit img {
    height: 0.98rem;
}
.rulerPCon {
    background: #fff;
    border-radius: 0.2rem;
    z-index: 2;
    min-height: 1rem;
    position: relative;
    line-height: 0.3rem;
    font-size: 0.24rem;
    color: #000;
    padding: 0.74rem 0.24rem 0.34rem 0.24rem;
    margin-top: -0.5rem;
}
.rulerPConScrol {
    max-height: 8.8rem;
    overflow: auto;
}

.rulerPCon p{
padding:0.14rem 0;
position: relative;
padding-left:0.5rem;
}
.rulerPCon p.noPad{
padding-left:0;
}
.rulerPCon p.sub{
padding-left:1rem;
}
.rulerPCon p .num{
color: #fff;
width: 0.38rem;
height: 0.38rem;
text-align: center;
line-height: 0.38rem;
font-size: 0.24rem;
font-family: Arial, Helvetica, sans-serif;
display: block;
vertical-align: top;
position: absolute;
left: 0;
top: 0.14rem;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background: -webkit-linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
background: -moz-linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
background: -o-linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
background: linear-gradient(to bottom, #fe624b, #fc3462, #fd4082);
box-shadow: 0 1px 6px 1px rgba(252,52,98,.15);
}
.rulerPCon p em{
font-style: normal;
color:#ff0d0d;
}
.rulerPCon p a{
color:#ff0d0d;
font-weight: bold;
}
.rulerPCon p.sub .num{
left:0.5rem;
background:#fd5351;
}

.move-list .move-list-main {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -1%;
width: 102%;
}

.move-list .move-list-main .row {
width: 3.3rem;
padding: 0.1rem;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.move-list .move-list-main .row .row-img {
width: 3.1rem;
height: 5.5rem;
padding: 0;
position: relative;
z-index: 2;
}
.move-list .move-list-main .row .row-img:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 2;
background: url(http://cdn.fzbosun.com/dm/bjhyvrbt/img/phoneBg.png) no-repeat center center;
background-size: 100% 100%;
box-shadow: none;
display: none;
}
.move-list .move-list-main .row .row-img:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 4;
background: url(http://cdn.fzbosun.com/dm/bjhyvrbt/img/phoneMask.png) no-repeat center center;
background-size: 100% 100%;
display: none;
}
.move-list .move-list-main .row .row-img .img {
position: absolute;
z-index: 3;
width: 3.1rem;
height: 5.5rem;
left: 0;
top: 0;
border-radius: 0.2rem;
overflow: hidden;
padding: 0;
display: block;
box-sizing: border-box;
margin: 0;
}



.tabBar{
display: -webkit-box;
display: -webkit-flex;
display: flex;
box-sizing: content-box;
position: relative;
z-index: 2;
}
.tabBar span{
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: center;
color:#054ec3;
font-size: 0.28rem;
position: relative;
padding-bottom:0.12rem;
height: 0.5rem;
line-height: 0.5rem;
}
.tabBar span.active:before{
content:'';
width:0.72rem;
height: 0.1rem;
border-radius: 0.1rem;
background:#054ec3;
position: absolute;
bottom:0;
left:50%;
transform: translateX(-50%);
}
.tabBar span:after{
content:'';
display: block;
width:0;
height: 0.24rem;
border-right: 1px dashed #1894e2;
position: absolute;
right:0;
top:50%;
transform: translateY(-50%);
}
.tabBar span:last-child:after{
display: none;
}
.unregInfo{
color:#333;
padding-bottom: 0.2rem;
}
.newBox{
text-align: center;
position: relative;
background: rgba(255,255,255,0.9);
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
-ms-border-radius: 0.2rem;
-o-border-radius: 0.2rem;
border-radius: 0.2rem;
box-shadow: 0 0 8px 0 rgba(65,163,230,.56);
}
.newBox img{
position: relative;
z-index: 2;
width: 96%;
border-radius: 0.2rem;
padding: 0.1rem 0;
}
.unRegCodePop .btnWrap:before{
display: none;
}
.diy {
position: fixed;
width: 1.2rem;
height: 1.2rem;
z-index: 100;
right: 0.2rem;
bottom: 0.2rem;
background: url(../img/diy.png) no-repeat center center;
background-size: 100% 100%;
}
.row-text{
position: absolute;
z-index: 3;
left:0;
right:0;
bottom:0;
padding:0.1rem 0.2rem;
color:#fff;
line-height: 0.36rem;
font-size: 0.28rem;
background-image: linear-gradient(to top,rgba(0,0,0,.2),rgba(0,0,0,0));
border-radius: 0 0 0.2rem 0.2rem;
}
.row-text h4{
line-height: 0.42rem;
margin-bottom: 0.1rem;
}
.move-list .move-list-main .row .row-img .img{
width:auto;
transform: translateX(-50%);
left: 50%;
}
.move-list .move-list-main .row .row-img{
overflow: hidden;
border-radius: 0.2rem;
}