html {
    font-size: 100px
}

@media screen and (max-width:640px) {
    html {
        font-size: 100px
    }
}

@media screen and (max-width:610px) {
    html {
        font-size: 95px
    }
}

@media screen and (max-width:580px) {
    html {
        font-size: 90px
    }
}

@media screen and (max-width:540px) {
    html {
        font-size: 84px
    }
}

@media screen and (max-width:510px) {
    html {
        font-size: 80px
    }
}

@media screen and (max-width:480px) {
    html {
        font-size: 75px
    }
}

@media screen and (max-width:450px) {
    html {
        font-size: 70px
    }
}

@media screen and (max-width:428px) {
    html {
        font-size: 67px
    }
}

@media screen and (max-width:406px) {
    html {
        font-size: 63px
    }
}

@media screen and (max-width:375px) {
    html {
        font-size: 58.6px
    }
}

@media screen and (max-width:360px) {
    html {
        font-size: 56px
    }
}

@media screen and (max-width:320px) {
    html {
        font-size: 50px
    }
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body,input,button,textarea {
    font-size: .4rem;
    outline: 0
}

body {
    margin: auto;
    color: #333;
    font-size: 100px;
    font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
    font-size: .4rem;
    overflow: scroll
}

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

fieldset,img {
    border: 0
}

ol,ul,li {
    list-style: none
}

address,em {
    font-style: normal
}

a {
    color: #333;
    text-decoration: none;
    outline: 0
}

table {
    border-collapse: collapse
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

input[type=button],input[type=submit],input[type=reset],textarea {
    -webkit-appearance: none
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

* html .clearfix {
    height: 1%
}

.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end
}

.flexbox-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1
}

.dis {
    display: none
}

.wrap {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative
}

.wrap ul.ani {
    transition: margin .5s
}

.wrap ul li {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.bg1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*background: url(../images/pbg_368c354.jpg) no-repeat center;*/
    background-size: 100%;
    opacity: 0
}
/*改成轮播形式*/
.phone-banner0 img {
    width: 100%;
    height: 100%;
}


.bg2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #3bc0c3;
    z-index: 3
}

.top {
    width: 100%;
    height: .93rem;
    background: #fff;
    /* border-bottom: solid 2px #3bc0c3; */
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5
}

.logo {
    width: 0.9rem;
    height: .44rem;
    background: url(../images/plogo_ffd8cce.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    margin: .24rem 0 0 .2rem
}

.menu {
    width: .4rem;
    height: .36rem;
    background: url(../images/pmenu_317fc1a.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin: .28rem .24rem 0 0
}

.menu.close {
    width: .4rem;
    height: .36rem;
    background: url(../images/pclose_b87f2d4.jpg) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin: .28rem .24rem 0 0
}

.nav {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    display: none;
    z-index: 4;
    -webkit-animation: changeHeights .3s linear forwards
}

.nav.on {
    -webkit-animation: changeHeight .3s linear forwards
}

.downbtn {
    width: 4.4rem;
    height: .76rem;
    display: block;
    border: solid 1px #3bc0c3;
    position: absolute;
    bottom: 1.12rem;
    left: 50%;
    margin-left: -2.4rem;
    font-size: .32rem;
    color: #3bc0c3;
    text-align: center;
    line-height: .76rem;
    border-radius: .08rem
}

.downbtnLeft {
    width: 2.2rem
}

.downbtnRight {
    width: 2.2rem;
    margin-left: 0;
    /*color: #FFF;*/
    /*background-color: #00beaf*/
    color: #3bc0c3;
    background-color: #fff;
}

.downbtn:active {
    color: #fff;
    background: #00beaf
}

.kefu {
    width: 2.5rem;
    display: block;
    background: url(../images/call_0d40def.jpg) no-repeat left center;
    background-size: .4rem .4rem;
    font-size: .32rem;
    padding-left: .5rem;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -1.35rem;
    color: #707070
}

.kefu:link,.kefu:hover,.kefu:visited {
    color: #707070
}

.kefu:active {
    color: #00beaf;
    background: url(../images/call2_0b0047b.jpg) no-repeat left center;
    background-size: .4rem .4rem
}

.navlist {
    width: 100%;
    height: 5.4rem;
    position: absolute;
    top: 50%;
    margin-top: -3.25rem
}

.navlist div {
    height: .87rem;
    line-height: .87rem;
    font-size: .32rem;
    color: #333;
    width: 4.4rem;
    margin: 0 auto;
    border-bottom: solid 1px #e4e4e4;
    background: url(../images/parrow_4811915.png) no-repeat right center;
    background-size: .13rem .24rem
}

.navlist div a {
    width: 100%;
    display: inline-block
}

.girl {
    width: 2.92rem;
    height: 6.05rem;
    /*background: url(../images/pgirl_9b26a89.png) no-repeat;*/
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: .3rem;
    opacity: 0
}

.infor {
    margin: 2.1rem 0 0 .48rem;
    position: absolute;
    opacity: 0
}

.infortext {
    width: 2rem;
    height: .67rem;
    background: url(../images/ptext_c8a2b8c.png) no-repeat;
    background-size: 100% 100%;
    margin: .32rem 0 .45rem
}

.title {
    width: 4.26rem;
    height: .72rem;
    background: url(../images/ptit_2dfb0ed.png) no-repeat;
    background-size: 100% 100%
}

.download {
    font-size: .28rem;
    color: #00beaf;
    padding: .11rem .2rem;
    border: solid 2px #00beaf;
    border-radius: .08rem
}

.title2 {
    /*border: 1px solid red;*/
    /*width: 4.63rem;*/
    display: flex;
    justify-content: center;
    height: .47rem;
    /*background: url(../images/ptit2_3a19a9a.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    margin: 1.6rem auto .2rem;
    opacity: 0
}


.text {
    font-size: .28rem;
    color: #999;
    text-align: center;
    opacity: 0
}

.centerbox {
    /*width: 4rem;*/
    /*height: 4rem;*/
    width: 5.8rem;
    height: 2.41rem;
    margin: 1.15rem auto;
    position: relative
}

.center {
    /*width: 5.8rem;*/
    /*height: 2.41rem;*/
    /*background: url(../images/pcenter_1c17577.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    opacity: 0;
}
.center>img{width: 100%;}

/*用户关注页 的修改样式*/
.service-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.service-left img {
    width: 1.31rem;
    height: 1.31rem;
}

.service-left>p {
    font-size: .26rem;
}
.service-left-list {
    display: flex;
    justify-content: space-between;

    width: 2.72rem;
    font-size: .26rem;
    color: #454545;
    margin-top: .46rem;

}
.service-left-content>p {
    line-height: .46rem;
}




.service {
    width: 1.05rem;
    height: 1.05rem;
    position: absolute
}

.service1 {
    background: url(../images/service1_be44146.png) no-repeat;
    background-size: 100% 100%;
    top: -.59rem;
    left: 50%;
    margin-left: -.52rem;
    opacity: 0
}

.service2 {
    background: url(../images/service2_3e5b645.png) no-repeat;
    background-size: 100% 100%;
    top: .25rem;
    left: -.05rem;
    opacity: 0
}

.service3 {
    background: url(../images/service3_d7d7804.png) no-repeat;
    background-size: 100% 100%;
    top: .25rem;
    right: -.05rem;
    opacity: 0
}

.service4 {
    background: url(../images/service4_e93f973.png) no-repeat;
    background-size: 100% 100%;
    top: 1.9rem;
    left: -.45rem;
    opacity: 0
}

.service5 {
    background: url(../images/service5_9e6e218.png) no-repeat;
    background-size: 100% 100%;
    top: 1.9rem;
    right: -.45rem;
    opacity: 0
}

.service6 {
    background: url(../images/service6_c1551ec.png) no-repeat;
    background-size: 100% 100%;
    bottom: -.3rem;
    left: .5rem;
    opacity: 0
}

.service7 {
    background: url(../images/service7_1787dc3.png) no-repeat;
    background-size: 100% 100%;
    bottom: -.3rem;
    right: .5rem;
    opacity: 0
}

.tit2 {
    width: 4.3rem;
    height: .47rem;
    background: url(../images/ptit3_587ee1f.png) no-repeat;
    background-size: 100% 100%;
    margin: 1.5rem auto 0;
    opacity: 0
}

.house1 {
    width: 1.02rem;
    height: 2.86rem;
    background: url(../images/phouse1_4406115.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0
}

.house2 {
    width: .99rem;
    height: 3.72rem;
    background: url(../images/phouse2_47661f7.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0
}

.cloud1 {
    width: 1.04rem;
    height: .37rem;
    background: url(../images/cloud1_f519af9.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .46rem;
    top: 1.85rem;
    opacity: 0
}

.cloud2 {
    width: .42rem;
    height: .15rem;
    background: url(../images/cloud2_a1f78b6.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .35rem;
    top: 4.65rem;
    opacity: 0
}

.phone {
    width: 4.4rem;
    height: 7.87rem;
    background: url(../images/pphone_1db7590.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -1.3rem;
    left: 50%;
    margin-left: -2.2rem;
    z-index: 2;
    opacity: 0
}

.tit3 {
    width: 5rem;
    height: .39rem;
    text-align: center;
    /*background: url(../images/ptit4_625dc5d.png) no-repeat;*/
    background-size: 100% 100%;
    margin: 1.6rem auto .2rem;
    opacity: 0
}

.list.on {
    margin: .55rem .46rem 0 .56rem
}

.list {
    margin: .4rem .46rem 0 .56rem;
    height: 1.28rem;
    opacity: 0
}

.list dt {
    width: 1.28rem;
    height: 1.28rem;
    float: left
}

.list dt img {
    width: 100%;
    height: 100%
}

.list dd {
    margin-left: 1.54rem;
    overflow: hidden
}

.list dd p:first-child {
    font-size: .32rem;
    color: #333;
    margin: .05rem 0 .03rem
}

.list dd p:last-child {
    font-size: .24rem;
    color: #999;
    line-height: .32rem
}

.uptip {
    width: .59rem;
    height: .3rem;
    background: url(../images/uptip_399445e.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -.29rem;
    bottom: .22rem;
    -webkit-animation: uptips 1s linear infinite;
    z-index: 3
}

.tit4 {
    width: 5.67rem;
    /*height: 0.9rem;*/
    /*background: url(../images/ptext2_79790da.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    margin: 1.4rem auto .15rem;
    opacity: 0
}

.mediatop {
    width: 1.48rem;
    height: .48rem;
    padding-left: .2rem;
    background: url(../images/icons3_efa38bc.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .28rem;
    font-size: .28rem;
    color: #fff;
    line-height: .48rem;
    opacity: 0
}

.medailist {
    margin: .25rem .28rem
}

.medailist a {
    padding: .3rem .3rem .3rem 0;
    display: block;
    border-top: solid 1px #e4e4e4;
    font-size: .28rem;
    line-height: .48rem;
    background: url(../images/parrow_4811915.png) no-repeat right center;
    background-size: .12rem .24rem;
    text-align: justify
}

.medailist a:last-child {
    text-align: right;
    font-size: .24rem;
    color: #999
}

.one,.two,.three {
    opacity: 0
}

.tit5 {
    width: 1.9rem;
    height: .47rem;
    /*border: 1px solid red;*/
    /*background: url(../images/ptit5_b0d0bb4.png) no-repeat;*/
    background-size: 100% 100%;
    margin: 1.0rem auto .24rem;
    opacity: 0
}

.timetop {
    margin: 0 .15rem;
    opacity: 0
}

.timetop div {
    text-align: center;
    font-size: .32rem;
    color: #666;
    background: url(../images/line_9c86c9c.jpg) no-repeat right center;
    background-size: .03rem .33rem;
    padding: .05rem 0
}

.timetop div:last-child {
    background: 0 0
}

.timetop div.on {
    color: #00beaf
}

.timelist {
    /*margin: .35rem .3rem;*/
    margin: .1rem .3rem;
    overflow: hidden
}

.infors {
    border-bottom: solid 1px #e4e4e4
}

.infors p:first-child {
    font-size: .24rem;
    color: #ccc;
    margin-top: .1rem
}

.infors p:last-child {
    font-size: .26rem;
    color: #333;
    line-height: .36rem;
    margin: .05rem 0 .2rem
}

.listinfors {
    display: none
}

.listinfors.on {
    display: block
}

.listinfors.on .one,.listinfors.on .two,.listinfors.on .three,.listinfors.on .four {
    opacity: 0
}

.page01 .bg1 {
    -webkit-animation: slideTop 1s linear forwards
}

.page01 .girl {
    -webkit-animation: slideRight 1s linear forwards
}

.page01 .infor {
    -webkit-animation: slideLeft 1s linear forwards
}

.page02 .title2 {
    -webkit-animation: scalebig .5s linear forwards
}

.page02 .text {
    -webkit-animation: scalebig .5s linear forwards
}

.page02 .center {
    -webkit-animation: scales .7s linear forwards
}

.page02 .service1 {
    -webkit-animation: scales .8s linear forwards
}

.page02 .service2 {
    -webkit-animation: scales .8s linear forwards
}

.page02 .service3 {
    -webkit-animation: scales .8s linear forwards
}

.page02 .service4 {
    -webkit-animation: scales .8s linear forwards
}

.page02 .service5 {
    -webkit-animation: scales .8s linear forwards
}

.page02 .service6 {
    -webkit-animation: scales .8s linear forwards
}

.page02 .service7 {
    -webkit-animation: scales .8s linear forwards
}

.page03 .tit2 {
    -webkit-animation: scales .8s linear forwards
}

.page03 .cloud1 {
    -webkit-animation: moveleft .5s linear forwards
}

.page03 .cloud2 {
    -webkit-animation: moveright .5s linear forwards
}

.page03 .phone {
    -webkit-animation: movetop .6s linear forwards
}

.page03 .house1 {
    -webkit-animation: movetop .6s linear forwards
}

.page03 .house2 {
    -webkit-animation: movetop .6s linear forwards
}

.page04 .tit3 {
    -webkit-animation: scales .8s linear forwards
}

.page04 .text {
    -webkit-animation: scales .8s linear forwards
}

.page04 .list1 {
    -webkit-animation: slideRight .6s linear forwards
}

.page04 .list2 {
    -webkit-animation: slideRight .6s linear forwards .3s
}

.page04 .list3 {
    -webkit-animation: slideRight .6s linear forwards .6s
}

.page06 .tit4 {
    -webkit-animation: slideTop .3s linear forwards
}

.page06 .mediatop {
    -webkit-animation: slideLeft .3s linear forwards
}

.page06 .one {
    -webkit-animation: slideLeft .6s linear forwards .1s
}

.page06 .two {
    -webkit-animation: slideLeft .6s linear forwards .2s
}

.page06 .three {
    -webkit-animation: slideLeft .6s linear forwards .3s
}

.page05 .tit5 {
    -webkit-animation: slideTop .3s linear forwards
}

.page05 .timetop {
    -webkit-animation: slideTop .3s linear forwards
}

.page05 .listinfors.on .one {
    -webkit-animation: slideLeft .5s linear forwards .1s
}

.page05 .listinfors.on .two {
    -webkit-animation: slideLeft .5s linear forwards .2s
}

.page05 .listinfors.on .three {
    -webkit-animation: slideLeft .5s linear forwards .3s
}

.page05 .listinfors.on .four {
    -webkit-animation: slideLeft .5s linear forwards .4s
}

@-webkit-keyframes uptips {
    from {
        -webkit-transform: translateY(0.2rem);
        opacity: 0
    }

    20% {
        -webkit-transform: translateY(0rem);
        opacity: 1
    }

    80% {
        -webkit-transform: translateY(0rem);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-.2rem);
        opacity: 0
    }
}

@-webkit-keyframes changeHeight {
    from {
        height: 0
    }

    to {
        height: 100%
    }
}

@keyframes changeHeight {
    from {
        height: 0
    }

    to {
        height: 100%
    }
}

@-webkit-keyframes changeHeights {
    from {
        height: 100%
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes changeHeights {
    from {
        height: 100%
    }

    to {
        height: 0;
        opacity: 0
    }
}

@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes scales {
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes scales {
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes scalebig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes scalebig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes movetop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes movetop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes moveleft {
    0% {
        opacity: 0;
        -webkit-transform: translate(300%,100%);
        transform: translate(300%,100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes moveleft {
    0% {
        opacity: 0;
        -webkit-transform: translate(300%,100%);
        transform: translate(300%,100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes moveright {
    0% {
        opacity: 0;
        -webkit-transform: translate(-300%,300%);
        transform: translate(-300%,300%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes moveright {
    0% {
        opacity: 0;
        -webkit-transform: translate(-300%,300%);
        transform: translate(-300%,300%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@media(device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
    .navlist {
        height: 4.4rem;
        margin-top: -2.2rem
    }

    .navlist div {
        height: .67rem;
        line-height: .67rem
    }

    .downbtn {
        bottom: .7rem
    }

    .kefu {
        width: 2.5rem;
        bottom: .2rem
    }

    .infor {
        margin: 1.6rem 0 0 .48rem
    }

    .girl {
        /*width: 4.68rem;*/
        /*height: 5.05rem*/
    }

    .title2 {
        margin: 1.2rem auto .1rem
    }

    .centerbox {
        width: 3.5rem;
        height: 3.5rem;
        margin: .6rem auto;

    }

    .center {
        /*width: 3.5rem;*/
        /*height: 3.5rem*/
        margin-left: -1.15rem;
    }

    .phone {
        /*width: 3.4rem;*/
        /*height: 4.63rem;*/
        /*margin-left: -1.7rem*/
    }

    .tit3 {
        margin: 1.2rem auto .1rem
    }

    .list {
        margin: .2rem .46rem 0 .56rem
    }

    .list.on {
        margin: .25rem .46rem 0 .56rem
    }

    .medailist a {
        padding: .15rem .3rem .15rem 0
    }

    .tit5 {
        margin: 1.2rem auto .1rem
    }

    .timelist {
        margin: .1rem .3rem
    }

    .infors p:last-child {
        margin: .05rem 0 .1rem
    }
}

.cengboxindex {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    z-index: 9998
}

.cengboxindex .black {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .6;
    filter: alpha(opacity=60)
}

.closebtn2 {
    width: .64rem;
    height: 1.08rem;
    display: block;
    background: url(../images/jtfw5_79f4d03.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: .22rem;
    right: .4rem
}

.cengcenter {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-left: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

.cengcenter iframe {
    position: fixed;
    top: 1.3rem;
    bottom: 0
}