@charset "utf-8";
@media(max-width:767px) {
    body {
        font-size: .28rem;
        padding-top: 30px
    }
    .ms-modal .modal-dialog {
        margin-top: 30px
    }
    .table-responsive {
        border-color: #eee;
        overflow-y: visible
    }
    .mt15 {
        margin-top: .15rem
    }
    .mt20 {
        margin-top: .2rem
    }
    .mt25 {
        margin-top: .25rem
    }
    .mt30 {
        margin-top: .3rem
    }
    .mt40 {
        margin-top: .4rem
    }
    .mt70 {
        margin-top: .7rem
    }
    .mt110 {
        margin-top: 1.1rem
    }
    .mb60 {
        margin-bottom: .6rem
    }
    .ml140 {
        margin-left: 1.7rem
    }
    .pl65 {
        padding-left: .6rem
    }
    header {
        z-index: 1000;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #fff
    }
    .header {
        height: 60px
    }
    .header .header-left {
        margin: 5px 0 0 5px
    }
    .header .header-left img {
        width: 2rem;
        height: auto
    }
    .header .ms-nav {
        margin: 10px 0 0;
        float: none;
        position: absolute;
        top: 50px;
        width: 100%
    }
    .header .ms-nav li {
        float: none;
        border-bottom: 1px solid #ddd;
        padding-left: 20px
    }
    .header .ms-nav li>a {
        line-height: 40px;
        font-size: .32rem;
        color: #333
    }
    .header .ms-nav li.active>a {
        color: #157df1
    }
    .header .ms-nav li .doc-nav>a {
        padding: 0 5px 5px;
        border-bottom: 2px solid transparent;
        color: #333
    }
    .header .login {
        margin-top: 0;
        float: none;
        position: absolute;
        right: 10px;
        top: 13px
    }
    .login-in .login-user {
        padding-top: 20px;
        height: auto;
        font-size: .32rem
    }
    .login-in dl {
        top: 40px
    }
    .login-in {
        position: absolute;
        right: 10px;
        top: 0;
        height: auto;
        display: none
    }
    .header .phone-menu {
        float: right;
        color: #157df1;
        margin-top: 10px;
        font-size: 28px
    }
    .header .phone-shadow {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        position: fixed;
        left: -200%;
        top: 0;
        cursor: pointer
    }
    .header .phone-nav-wrap {
        background: #fff;
        width: 75%;
        height: 100%;
        position: fixed;
        left: -200%;
        top: 0;
        cursor: pointer;
        z-index: 1001
    }
    .header .login-in .notification {
        display: none
    }
    .login-in .login-user dl {
        display: none !important
    }
    .login-in .login-user .logout1 {
        margin: 0 0 0 30px;
        color: #157df1
    }
    .header .ms-nav .phone-user-center .icon-arrow-down {
        margin: 9px 10px 0 0;
        transition: all 500ms
    }
    .header .ms-nav .phone-user-center dl {
        display: none
    }
    .header .ms-nav .phone-user-center .user1 a {
        line-height: 40px;
        font-size: .32rem;
        color: #333
    }
    .header .ms-nav .phone-user-center dl a {
        line-height: 30px
    }
    footer {
        background-color: #2e3033;
        padding: .5rem 0
    }
    .footer {
        text-align: center;
        font-size: 12px;
        color: #fff
    }
    .footer .con {
        margin-bottom: 15px
    }
    .footer .con span {
        margin: 0 15px;
        position: relative;
        top: -1px
    }
    .footer .con a {
        color: #fff
    }
    .footer p {
        text-align: center
    }
    .footer .p1 {
        margin-bottom: 8px
    }
    .help {
        padding: .6rem 0 .4rem
    }
    .help .tit {
        font-size: .48rem;
        margin-bottom: .5rem
    }
    .help dl {
        margin-bottom: 10px;
        color: #333
    }
    .help dt {
        line-height: 24px;
        font-weight: 600
    }
    .help dd {
        line-height: 30px
    }
    .index-banner .swiper-slide>a {
        height: 2.5rem;
        background-size: cover !important;
        padding: 0
    }
    .index-banner .banner-con {
        padding: .8rem 0 0 !important
    }
    .index-banner .banner-con .h1 {
        font-size: .36rem;
        margin-bottom: 10px !important
    }
    .index-banner .banner-con .h2 {
        font-size: .28rem;
        line-height: normal;
        margin-bottom: 0 !important
    }
    .index-banner .banner-con .ms-btn {
        border-color: #fff;
        width: auto;
        color: #fff;
        font-size: 14px
    }
    .index-banner .swiper-container-horizontal>.swiper-pagination-bullets {
        display: none
    }
    .index-banner .banner-con .mt110 {
        margin-top: .4rem
    }
    .index-banner .banner-con.pl65 {
        padding-left: 0
    }
    .index-banner .swiper-slide .container {
        padding: 0
    }
    .index-banner .banner-con.con4 {
        padding: .6rem 0 0;
        text-align: center
    }
    .login-in .name-certified {
        margin-right: 15px;
        display: none
    }
    .header .login-in .n-drop-down {
        left: -125px
    }
    .index-banner .banner-con.con1 {
        padding: .6rem 0 0;
        text-align: center
    }
    .index-banner .banner-con.con1 .h1 {
        margin-bottom: 20px
    }
    .index-banner .banner-con.con1 span {
        margin-left: 0
    }
    .index-banner .banner-con.con2 {
        padding: .6rem 0 0;
        text-align: center
    }
    .index-banner .banner-con.con2 .h1 {
        margin-bottom: 20px
    }
    .index-banner .banner-con.con3 {
        padding: .6rem 0 0;
        text-align: center
    }
    .index-banner .banner-con.con3 .h1 {
        margin-bottom: 20px
    }
    .publicity li {
        width: 100%;
        border-left: 0
    }
    .index-common {
        padding: 40px 0
    }
    .index-common>h1 {
        font-size: .48rem
    }
    .index-common>h4 {
        font-size: .32rem;
        margin-bottom: 30px;
        line-height: 24px
    }
    .index-common .ms-btn.ms-btn-lg {
        width: auto;
        font-size: 14px;
        padding: 6px 30px
    }
    .index-encapsulation .e-list {
        margin-bottom: 25px
    }
    .index-encapsulation .e-list li {
        width: 50%
    }
    .index-signature-wrap {
        height: auto;
        background-position: top center;
        background-repeat: repeat-y;
        background-size: cover
    }
    .index-signature .row {
        padding: 0;
        margin-bottom: 20px
    }
    .index-signature .row .con {
        padding: 0 15px 0 20px
    }
    .index-signature .row .con dl {
        padding-top: 20px;
        margin-left: 115px !important
    }
    .index-releas>h4 {
        margin-bottom: 15px
    }
    .ms-thumbnail .ms-caption {
        padding: 0 10px
    }
    .ms-thumbnail .ms-caption .tit {
        font-size: 14px;
        font-weight: 400
    }
    .index-releas .row {
        margin-bottom: 20px
    }
    .index-cumulative .num {
        font-size: .4rem;
        font-weight: 600
    }
    .index-cumulative .text {
        font-size: 12px
    }
    .cumulative-wrap {
        height: 4rem;
        background-size: cover
    }
    .index-cumulative>h1 {
        margin-bottom: 20px
    }
    .index-common>h1 {
        font-size: .46rem
    }
    .index-partners {
        padding-bottom: 20px
    }
    .index-partners>h1 {
        margin-bottom: 30px
    }
    .index-partners ul li {
        width: 50%
    }
    .index-partners .con:hover p {
        display: none
    }
    .encapsulation-app-wrap {
        height: 8rem;
        background-size: cover
    }
    .encapsulation-app img {
        margin: .7rem auto 0
    }
    .closed-beta-distribution .row {
        margin: 0 -15px
    }
    .closed-beta-distribution .row .col-sm-3 {
        padding: 0 15px
    }
    .closed-beta-distribution .con {
        margin-top: .6rem;
        padding: 0
    }
    .signature-banner {
        height: 2.5rem;
        background-size: cover;
        background-image: url(../img/s-banner-1.jpg);
        padding: .8rem 0 0;
        text-align: center
    }
    .signature-banner .con .h1 {
        font-size: .36rem;
        margin-bottom: 10px;
        margin-top: 0
    }
    .signature-banner .con .h2 {
        font-size: .28rem;
        margin-bottom: 0
    }
    .signature-banner .con .ms-btn-primary {
        width: auto;
        font-size: 14px
    }
    .corporate-signature {
        padding: .7rem 0 .2rem
    }
    .corporate-signature .h1 {
        margin-bottom: 20px;
        font-size: .48rem
    }
    .corporate-signature .ms-thumbnail {
        margin-bottom: .5rem
    }
    .corporate-signature .ms-thumbnail .ms-caption .tit {
        font-size: .3rem
    }
    .corporate-signature .ms-thumbnail img {
        margin-bottom: 5px;
        width: 2.8rem
    }
    .corporate-signature .row .col-sm-4:last-of-type .con {
        padding-bottom: 0;
        border-bottom-color: transparent
    }
    .signature-tool {
        padding: .6rem 0
    }
    .signature-tool .h1 {
        font-size: .48rem;
        margin-bottom: 25px
    }
    .signature-process-wrap {
        background-size: cover;
        height: 6.8rem;
        background-size: cover
    }
    .signature-process {
        padding-top: .7rem
    }
    .signature-process .h1 {
        font-size: .48rem;
        margin-bottom: 30px
    }
    .signature-process img {
        max-width: 100%;
        height: auto;
        display: block
    }
    .user-center {
        margin-bottom: .6rem
    }
    .user-center>.row {
        margin: 0 -15px
    }
    .user-center>.row>.col-sm-2 {
        width: 100%;
        padding: 0 15px
    }
    .user-center>.row>.col-sm-10 {
        width: 100%;
        padding: 0 15px
    }
    .user-center .left {
        height: auto;
        margin-bottom: .6rem
    }
    .user-center .right {
        border: 1px solid #eee;
        border-radius: 3px;
        background-color: #fff;
        height: auto
    }
    .user-center .left dl {
        padding-top: .4rem;
        border-bottom: 1px solid #eee
    }
    .user-center .left dl dt {
        font-size: 16px;
        color: #333;
        font-weight: 600;
        padding-left: 25px;
        margin-bottom: 5px
    }
    .user-center .left dl dt .icon-service {
        margin: 5px 15px 0 0
    }
    .user-center .left dl dt .icon-order {
        margin: 4px 15px 0 0
    }
    .user-center .left dl dt .icon-user1 {
        margin: 3px 15px 0 0
    }
    .user-center .left dl dd a {
        height: 30px;
        line-height: 30px;
        padding-left: 55px;
        font-size: .28rem;
        color: #333;
        display: block;
        margin-bottom: 5px
    }
    .user-center .left dl dd a:hover {
        background-color: #157df1;
        color: #fff
    }
    .user-center .left dl dd.active a {
        background-color: #157df1;
        color: #fff
    }
    .user-center .right .tit {
        font-size: 16px;
        color: #333;
        font-weight: 600;
        padding: 15px 20px;
        border-bottom: 1px solid #eee
    }
    .user-center .right .table-responsive {
        border: 0
    }
    .user-center .right .table {
        margin-bottom: 0
    }
    .user-center .right .con {
        padding: .4rem .3rem
    }
    .user-center .right .con .input-size {
        width: 65%;
        margin-right: 5%;
        float: left
    }
    .user-center .right .con .input-size+button {
        width: 30%
    }
    .user-center .right .con label {
        color: #333;
        font-weight: 600
    }
    .user-center .right .con .form-group label {
        margin: 0 30px 8px 0
    }
    .user-center .right .con .current-email {
        margin-bottom: 5px
    }
    .user-center .right .con .user-data {
        table-layout: auto
    }
    .user-center .right .con .user-data tr th:first-of-type {
        width: auto
    }
    .user-center .right .con .user-data tr td:first-of-type {
        width: auto
    }
    .user-center .right .con .user-data tr td:last-of-type {
        width: auto;
        text-align: center
    }
    .user-center .right .con .user-data td,
    .user-center .right .con .user-data th {
        border: 0 !important;
        color: #333;
        vertical-align: middle;
        padding: 5px 8px
    }
    .user-center .right .con .user-data th {
        font-weight: 600
    }
    .user-center .right .con .read-only {
        padding-top: 15px;
        border-top: 1px solid #eee
    }
    .user-center .right .con .read-only th,
    .user-center .right .con .read-only td {
        padding: 8px
    }
    .user-center .right .table-wrap {
        padding: 20px
    }
    .user-center .right .con .table-order {
        border: 1px solid #eee
    }
    .user-center .right .con .table-order .icon-prompt {
        top: 2px;
        margin-left: 5px;
        position: relative;
        cursor: pointer;
        display: none
    }
    .user-center .right .con .table-order>tbody>tr:nth-of-type(odd) {
        background-color: #f6fafe
    }
    .user-center .right .con .table-order tr th {
        background-color: #4497f4;
        color: #fff;
        padding: 15px;
        text-align: center;
        border: 1px solid #4497f4
    }
    .user-center .right .con .table-order tr td {
        padding: 25px 15px;
        text-align: center
    }
    .user-center .right .con .table-order .icon-prompt .tips {
        background: url(../img/icon-prompt.png) no-repeat;
        width: 159px;
        height: 58px;
        position: absolute;
        left: -17px;
        bottom: 11px;
        padding-top: 15px;
        font-size: 12px;
        opacity: 0;
        transition: all 600ms
    }
    .user-center .right .con .table-order .icon-prompt:hover .tips {
        opacity: 1
    }
    .user-center .right .service-wrap {
        padding: 0
    }
    .user-center .right .service {
        border: 0;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        height: 145px
    }
    .user-center .right .service .top .tit {
        font-size: .3rem
    }
    .buy-distribution {
        padding-bottom: 0
    }
    .buy-distribution h4 {
        margin-bottom: .5rem
    }
    .buy-distribution .con {
        padding-top: 0
    }
    .price-pay-wrap {
        background-color: #f5f7f9;
        padding-bottom: 40px
    }
    .price-pay .con {
        background-color: #fff;
        border-radius: 3px;
        border: 1px solid #eee
    }
    .price-pay .common .tit {
        padding: .3rem
    }
    .price-pay .common ul {
        padding: 20px
    }
    .price-pay .common .list1 li .left {
        padding-right: .6rem
    }
    .price-pay .common .list1 li {
        margin-right: 0;
        float: none;
        margin-bottom: 20px
    }
    .price-pay .common .list1 li:last-of-type {
        margin-bottom: 0
    }
    .price-pay .common .list2 li {
        margin-right: .4rem;
        margin-bottom: .2rem
    }
    .price-pay .common .list3 {
        padding-bottom: 0
    }
    .price-pay .common .list3 li {
        width: 65%;
        height: 44px;
        border: 1px solid #eee;
        justify-content: center;
        display: flex;
        align-items: center;
        margin-right: 0;
        margin-bottom: 10px
    }
    .balance-recharge-wrap .choose-recharge li {
        margin-bottom: 10px !important
    }
    .balance-recharge-wrap .choose-recharge li .icon-radio {
        top: -1px
    }
    .price-pay .wechat-pay {
        padding: .6rem 0
    }
    .price-pay .wechat-pay .left {
        margin-top: 0;
        text-align: center
    }
    .price-pay .wechat-pay .center {
        margin-top: .5rem
    }
    .price-pay .wechat-pay img {
        max-width: 100%;
        height: auto;
        display: block
    }
    .price-pay .wechat-pay .wechat-img {
        max-width: 100%;
        height: auto;
        display: inline-block
    }
    .real-name-wrap {
        background-color: #f5f7f9;
        padding-bottom: .6rem
    }
    .real-name .top {
        background-color: #fbfbfb;
        padding: .4rem 0;
        margin-bottom: .4rem
    }
    .real-name .top ul li {
        float: none;
        margin-bottom: .4rem
    }
    .real-name .top ul li dl {
        margin: 0 auto;
        width: 3px;
        height: 30px;
        overflow: hidden
    }
    .real-name .top ul li dd {
        float: none;
        margin: 2px 0
    }
    .real-name .con1 {
        text-align: center;
        background-color: transparent
    }
    .real-name .con .choice {
        text-align: left;
        padding-left: 0;
        margin-bottom: .3rem;
        font-size: .32rem
    }
    .real-name .con .choice-wrap {
        display: inline-block;
        padding: 0
    }
    .real-name .con li {
        width: 100%;
        padding: .6rem 0;
        margin: 0 0 .6rem;
        background-color: #fff
    }
    .real-name .con li:last-of-type {
        margin-bottom: 0
    }
    .real-name .con2 {
        padding: .4rem;
        background-color: #fff
    }
    .real-name .con2 .form-group {
        margin-bottom: .3rem
    }
    .real-name .con2 .form-group .control-label {
        margin-bottom: 7px
    }
    .real-name .con2 .form-group .fr {
        float: none
    }
    .real-name .con2 .form-group img {
        margin-top: .6rem
    }
    .real-name .con2 .form-group .color-333 {
        font-size: .32rem
    }
    .real-name .con2 .form-group .text-right .ms-btn-primary {
        margin-top: .3rem
    }
    .real-name .data-uploading .submit {
        width: 100%;
        margin: .5rem 0 0
    }
    .real-name .con2 .data-uploading .ms-btn-primary {
        width: 100%;
        margin-top: .5rem
    }
    .real-name .con3-top {
        padding: .8rem 0
    }
    .real-name.real-name-error {
        padding-top: 0
    }
    .list-bottom-common {
        padding: 0;
        margin-top: .6rem;
        margin-bottom: .6rem;
        border: 0;
        background-color: transparent
    }
    .list-bottom-common .index-common .col-sm-4 {
        margin-bottom: .6rem
    }
    .list-bottom-common .index-common .row .col-sm-4:last-of-type {
        margin-bottom: 0
    }
    .list-bottom-common .index-common .con {
        background-color: #fff;
        padding: .6rem
    }
    .list-bottom-common .index-common .con p {
        line-height: 24px;
        font-size: .28rem;
        margin-top: .3rem;
        height: auto
    }
    .real-name .list-bottom-common {
        margin-bottom: 0
    }
    .real-name .con3-top>h3 {
        font-size: .48rem
    }
    .encapsulation-banner-wrap {
        height: 2.5rem;
        background-size: cover;
        background-image: url(../img/banner-4-1.jpg)
    }
    .encapsulation-banner {
        padding: .8rem 0 0;
        text-align: center
    }
    .encapsulation-banner .h1 {
        font-size: .36rem;
        margin-bottom: 10px;
        font-weight: 600
    }
    .encapsulation-banner .h2 {
        font-size: .28rem;
        margin-bottom: 0;
        color: #fff
    }
    .encapsulation-banner ul {
        margin-bottom: 5px
    }
    .encapsulation-banner ul li {
        margin-right: 15px;
        font-size: 14px
    }
    .encapsulation-banner ul:last-of-type {
        margin-bottom: 5px
    }
    .function-of ul li {
        width: 33.33333333%;
        padding: 15px 0;
        border-right: 1px solid #f5f7f9;
        border-left: 0
    }
    .function-of ul li:nth-of-type(n+13) {
        border-bottom-color: #f5f7f9
    }
    .function-of ul li:nth-of-type(3n) {
        border-right-color: transparent
    }
    .function-of ul li:last-of-type {
        border-bottom-color: transparent
    }
    .function-of ul li .img-wrap {
        width: .6rem;
        height: .55rem
    }
    .function-of ul li .img-wrap img {
        max-width: 100%;
        height: auto;
        display: block
    }
    .function-of ul li .img-wrap .hot {
        width: .31rem;
        height: .19rem;
        background-size: cover;
        right: -20px
    }
    .function-of ul li .img-wrap .hot span {
        transform: scale(.5);
        display: inline-block;
        position: relative;
        top: -4px;
        left: -5px
    }
    .corporate-signature .row .col-sm-3:last-of-type .con {
        border: 0;
        padding-bottom: 0
    }
    .function-of {
        padding: .6rem 0
    }
    .function-of .tit {
        font-size: .48rem;
        color: #157df1
    }
    .function-of p {
        font-size: 16px;
        color: #333;
        margin: .4rem 0 .6rem
    }
    .function-of img {
        max-width: 100%;
        height: auto;
        display: block
    }
    .encapsulation-complete-wrap {
        height: auto;
        background-size: cover
    }
    .encapsulation-complete-6 {
        padding: .8rem 0
    }
    .encapsulation-complete-6 h1 {
        font-size: .48rem;
        margin-bottom: 20px
    }
    .encapsulation-complete-6 img {
        display: block;
        max-width: 100%;
        height: auto
    }
    .app-case {
        padding: .6rem 0 .45rem
    }
    .app-case .tit {
        font-size: .48rem;
        margin-bottom: 25px
    }
    .app-case .list {
        padding: 0;
        margin-top: .5rem
    }
    .app-case .list .row {
        margin: 0 -10px
    }
    .app-case .list .con {
        position: relative;
        margin-bottom: 20px
    }
    .app-case .list .con img {
        height: auto
    }
    .app-case .list .con .hover {
        display: none
    }
    .app-case .list .col-sm-3 {
        width: 50%;
        float: left;
        padding: 0 10px
    }
    .toolkit-wrap {
        height: 7.6rem;
        background-size: cover
    }
    .toolkit-wrap .container {
        padding: 0
    }
    .toolkit li {
        padding-top: 1rem
    }
    .toolkit li:first-of-type img {
        width: 1.1rem
    }
    .toolkit li:last-of-type img {
        width: 1.5rem
    }
    .toolkit li .tit {
        font-size: .48rem;
        margin-top: .4rem
    }
    .toolkit li p {
        font-size: 16px;
        margin-top: .3rem;
        height: 88px;
        text-align: center;
        padding: 0 10px
    }
    .toolkit li .ms-btn-primary {
        width: 70%;
        margin-top: .5rem;
        padding: 6px 12px
    }
    .toolkit li .line {
        width: 2px;
        height: 80%;
        bottom: 15px
    }
    .release-app .table-responsive .app-table {
        border: 0
    }
    .release-app .table-responsive .app-table th {
        border: 0
    }
    .release-app .search {
        position: relative;
        width: 60%
    }
    .release-app .search input {
        height: 40px;
        line-height: 38px;
        width: 75%;
        border: 1px solid #eee;
        padding-left: 30px
    }
    .release-app .icon-small-code {
        display: none
    }
    .login-common {
        width: 100%;
        border: 0;
        padding: .6rem 15px;
        margin: 0
    }
    .login-common .login-logo .slogan .text {
        margin: 0
    }
    .toolkit-common .top {
        padding: .4rem
    }
    .toolkit-common .ipa-top .form-group {
        width: 100%;
        margin: 0 auto
    }
    .toolkit-common .ipa-top .form-control {
        margin-top: 20px
    }
    .toolkit-common .ipa-top .table-responsive {
        margin: .5rem 0
    }
    .toolkit-common .ipa-top table {
        width: 100%;
        margin: 0
    }
    .toolkit-common .ipa-top table>tbody>tr:first-of-type th,
    .toolkit-common .ipa-top table>tbody>tr:first-of-type td {
        border-top: 0
    }
    .toolkit-new {
        padding: 30px 0
    }
    .toolkit-new .tit {
        font-size: .48rem;
        margin-bottom: 20px
    }
    .toolkit-new .con {
        padding: 0 10px
    }
    .toolkit-new .form-horizontal .form-group {
        margin-bottom: 20px
    }
    .toolkit-make-icon {
        padding: 0
    }
    .toolkit-make-icon .m-right {
        border: 0;
        padding: 15px
    }
    .toolkit-make-icon .make-icon .icon-bg {
        padding: 10px;
        margin-bottom: 20px
    }
    .toolkit-make-icon .make-icon .icon-bg dl dt {
        float: none
    }
    .toolkit-make-icon .make-icon .icon-bg dl dd {
        float: none;
        width: auto
    }
    .toolkit-make-icon .make-icon .foreground-map .tab-con {
        width: 100%
    }
    .toolkit-make-icon .make-icon .foreground-map .tab1 {
        padding: 10px
    }
    .toolkit-make-icon .make-icon .m-icon-radio li {
        width: 100px
    }
    .web404 {
        padding: 1rem 0 0;
        min-height: auto
    }
    .web404 img {
        max-width: 100%;
        height: auto;
        display: block
    }
    .web404 .error {
        position: static;
        right: 0;
        top: 0
    }
    .web500 .error .ms-btn-primary {
        margin-top: 30px;
        font-size: 18px;
        width: 60%
    }
    .web500 {
        position: static;
        left: 0;
        top: 0;
        transform: translate(0, 0);
        margin-top: 1rem
    }
    .web500 img {
        max-width: 100%;
        height: auto;
        display: block
    }
    .web500 .error {
        position: static;
        bottom: 0;
        left: 0;
        padding-left: .6rem
    }
    .web500 .error .ms-btn-primary {
        margin-top: 30px;
        font-size: 18px;
        width: 60%
    }
    .release-app .app-editor {
        background-color: #fff;
        border-radius: 3px;
        border: 1px solid #eee;
        padding: 15px;
        margin-bottom: 40px
    }
    .release-app .app-editor .top>div {
        float: none
    }
    .release-app .app-editor .top .right {
        margin-top: .5rem
    }
    #myModal3 .modal-dialog {
        width: auto
    }
    .release-app .app-editor .table-responsive {
        margin-top: 30px;
        overflow-y: auto
    }
    .release-app .app-editor table {
        margin-top: 0;
        table-layout: auto
    }
    .release-app .app-editor table>tbody>tr:first-of-type td {
        border-top: 0
    }
    .release-app .app-editor .set {
        padding-bottom: .3rem
    }
    .release-app .app-editor .set .tab-con {
        margin-top: 20px;
        padding: 0 10px
    }
    .release-app .app-editor .set .tab-con .col-sm-1 {
        width: 100%;
        margin-bottom: 5px
    }
    .release-app .app-editor .set .tab-con .form-group {
        margin-bottom: 15px
    }
    .release-app .app-editor .set .tab-con .short-link .link {
        width: 73%;
        float: left
    }
    .release-app .app-editor .set .tab-con .short-link .link+.col-sm-6 {
        width: 27%;
        float: left
    }
    .release-app .app-editor .set .tab-con .short-link .link+.col-sm-6 input {
        padding: 6px 0 6px 6px
    }
    .signature1>.con>.row>.col-sm-2 {
        margin-bottom: 10px;
        padding-left: 0
    }
    .signature1 .left {
        height: auto;
        padding: 10px 0
    }
    .signature1 .right .app-table {
        min-width: 500px !important
    }
    .signature1 .right .table-responsive {
        margin-bottom: 0
    }
    .signature1 .right .table-responsive table {
        border: 0
    }
    .signature1 .right .step li {
        width: 45%;
        margin-bottom: 20px
    }
    .signature1 .right .step2 .form-horizontal {
        padding: 0 15px
    }
    .signature1 .right .step2 .form-horizontal .col-sm-2 {
        padding: 0 15px;
        width: 100%
    }
    .signature1 .right .step2 .form-horizontal .control-label {
        margin-bottom: 5px
    }
    .signature1 .right .step2 .app-name .col-sm-2 {
        width: 25%;
        float: left;
        padding: 0 15px
    }
    .signature1 .right .step2 .app-name .col-sm-4 {
        width: 50%;
        float: left
    }
    .signature1 .right .step4 .top {
        padding: 15px
    }
    .signature1 .right .step4 .top table {
        width: 100%;
        color: #333
    }
    .signature1 .right .step4 .top .fr {
        float: left;
        margin-top: 5px
    }
    .signature1 .right .step4 .bottom {
        padding: 15px
    }
    .signature1 .right .step4 .bottom table {
        width: 100%
    }
    .signature1 .right .step4 .bottom table th {
        text-align: center;
        padding: 5px
    }
    .signature1 .right .step4 .bottom table td {
        text-align: center;
        padding: 5px
    }
    .signature1 .right .step4 .step-bottom {
        padding: 15px
    }
    .signature1 .right .step4 .step-bottom table th {
        white-space: nowrap;
        padding: 5px 10px
    }
    .signature1 .right .step4 .step-bottom table td {
        white-space: nowrap;
        padding: 5px 10px
    }
    .encapsulation {
        padding: 15px
    }
    .encapsulation5 table {
        table-layout: auto
    }
    .encapsulation5 table .ellipsis-wrap:hover .popover {
        display: none
    }
    .encapsulation5 table .ellipsis-wrap .ellipsis {
        width: 100%
    }
    .signature1 .right .step2 .form-group .col-sm-2.control-label {
        width: 100%;
        margin-bottom: 10px
    }
    .signature1 .right .step-common ul {
        padding: 0 30px
    }
    .signature1>.con>.row>.col-sm-10 {
        padding-left: 0
    }
    .signature1 .warn-prompt-wrap .warn-prompt-1 {
        width: auto;
        float: none
    }
    .signature1 .right .step li:after {
        border-width: 23px;
        margin-top: -23px
    }
    .signature1 .app-icon-name {
        width: 130px
    }
    .encapsulation4 .common .list2 {
        padding: 20px 30px 0
    }
    .encapsulation3 .step3 .plugin-list .col-sm-2 {
        width: 50%;
        margin-bottom: 30px;
        float: left
    }
    .plugin-modal .modal-dialog {
        width: auto
    }
    .plugin-modal .plugin-loading .row .col-sm-5:last-of-type {
        margin-top: 30px
    }
    .plugin-loading .tit3 {
        margin: 20px 0 15px
    }
    .config-plugin .plugin-common .common-ul li {
        width: 40%
    }
    .plugin-guide .row .col-sm-3 {
        margin-bottom: 10px
    }
    .udid-phone {}
    .udid-phone .logo {
        width: 150px;
        display: block;
        margin: 10px auto 0
    }
    .udid-phone .warn-prompt {
        font-size: 12px;
        padding: 5px 10px;
        margin-top: 0
    }
    .udid-phone .udid {
        margin-top: 30px
    }
    .udid-phone .udid img {
        width: 1.12rem
    }
    .udid-phone .udid .tit {
        font-size: .36rem;
        color: #333;
        margin-top: .4rem
    }
    .udid-phone .udid .introduce {
        padding: 0 15px
    }
    .udid-phone .udid .introduce .tit1 {
        font-size: .3rem;
        color: #333;
        margin-top: .8rem
    }
    .udid-phone .udid .introduce p {
        font-size: .24rem;
        color: #666;
        margin-top: .16rem
    }
    .udid-phone .position-btn {
        position: absolute;
        bottom: 1rem;
        padding: 0 15px;
        width: 100%
    }
    .udid-phone .position-btn .ms-btn-primary {
        width: 100%
    }
    .udid-phone .udid-copy {
        margin-top: .8rem
    }
    .udid-phone .udid-copy .tit {
        font-size: .48rem;
        color: #333;
        margin-top: .24rem
    }
    .udid-phone .udid-copy .text {
        padding: 0 15px;
        margin-top: .8rem
    }
    .udid-phone .udid-copy .text p {
        padding: .3rem 0 .1rem
    }
    .udid-phone .udid-copy .p1 {
        font-size: .32rem;
        border-bottom: 2px solid #ebecec;
        color: #666
    }
    .udid-phone .udid-copy .p2 {
        font-size: 13px;
        color: #1979fb
    }
    .fixed-right li {
        width: 50px;
        height: 50px;
        border: 1px solid #eee;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        cursor: pointer;
        position: relative
    }
    .fixed-right li:last-of-type {
        display: none
    }
    .release-app2>.row>.col-sm-2 {
        margin-bottom: 10px;
        padding-left: 0
    }
    .release-app2>.row>.col-sm-10 {
        padding: 0
    }
    .release-app2 .search {
        position: relative;
        width: 60%
    }
    .release-app2 .search input {
        height: 40px;
        line-height: 38px;
        width: 75%;
        border: 1px solid #eee;
        padding-left: 30px
    }
    .release-app2 .aside-right .how-many dl dd {
        padding-right: 10px
    }
    aside.aside-left {
        height: auto;
        padding: 10px 0
    }
    .release-app2 .aside-right .how-many {
        margin-top: 15px
    }
    .release-app2 .aside-right .how-many dl dd {
        margin-right: 10px
    }
    .release-app2 .warn-prompt-wrap .warn-prompt-1 {
        width: auto;
        float: none
    }
    .promote-nav .logo img {
        width: 100px;
        height: auto
    }
    .promote-nav ul {
        padding-left: 10px
    }
    .promote-nav ul li a {
        padding: 0 0 5px
    }
    .encapsulation-banner1 h1 {
        font-size: .48rem;
        margin-top: 30px
    }
    .encapsulation-banner1 h5 {
        font-size: .32rem
    }
    .encapsulation-banner1 ol {
        margin-left: 0;
        margin-top: 10px
    }
    .encapsulation-banner1 ol li {
        padding: 0;
        width: 16.6666667%
    }
    .encapsulation-banner1 img {
        margin: 15px auto 0
    }
    .encapsulation-banner1 .ms-btn {
        margin-top: 15px
    }
    .distribution-list {
        padding: 30px 0
    }
    .promote-thumbnail p {
        height: auto
    }
    .distribution-list .row .col-xs-6:nth-of-type(n+3) {
        margin-top: 20px
    }
    .feature-plugin .f-list {
        padding: 0;
        margin-top: 20px
    }
    .feature-plugin .promote-thumbnail h4 {
        margin-top: 15px;
        font-size: 15px;
        height: 32px
    }
    .feature-tab img {
        height: 3.2rem
    }
    .feature-tab-wrap {
        height: 210px;
        background-size: cover
    }
    .feature-plugin h1 {
        font-size: .48rem
    }
    .promote-common {
        padding: 30px 0
    }
    .promote-common h1 {
        font-size: .48rem
    }
    .price-introduced .promote-common .blue-line {
        margin-bottom: 20px
    }
    .price-introduced .table {
        table-layout: auto;
        width: 900px
    }
    .price-introduced .table tr td {
        background-color: #fff
    }
    .price-introduced .table tr td .text-wrap {
        width: 150px
    }
    .price-introduced .table tr td .text {
        font-size: .32rem
    }
    .price-introduced .table tr th {
        font-size: .32rem
    }
    .good-case .promote-common {
        padding-left: 0;
        padding-right: 0
    }
    .promote-common h3 {
        line-height: 22px;
        margin-bottom: 30px
    }
    .good-case .g-con .tab-list {
        padding-left: 0;
        width: auto;
        margin-left: 5%;
        margin-top: 25px
    }
    .good-case .g-con .tab-list li {
        margin-right: 0
    }
    .good-case .tab-con {
        padding: 25px 0 30px
    }
    .good-case .tab-con ul li {
        width: 40%;
        margin: 0 5%
    }
    .good-case .tab-con ul li:last-of-type {
        display: none
    }
    .package-number {
        line-height: normal;
        font-size: .4rem;
        padding: .3rem 0;
        background-size: cover
    }
    .package-number span {
        font-size: .6rem;
        line-height: 50px
    }
    .encapsulation-process ul {
        margin-left: 0;
        margin-top: 30px
    }
    .encapsulation-process ul li {
        float: none;
        margin: 0 auto
    }
    .encapsulation-process ul li:nth-of-type(even) {
        transform: rotate(90deg);
        padding: 0;
        height: 100px
    }
    .encapsulation-process ul li:nth-of-type(odd) {
        height: auto;
        padding-bottom: 15px
    }
    .our-advantages img {
        margin-top: 30px
    }
    .our-advantages .promote-common {
        padding-bottom: 20px
    }
    .promote-distribution-banner {
        background: #4d96ff no-repeat;
        height: auto
    }
    .distribution-banner1 img {
        margin-left: 0;
        margin-left: -15px;
        float: none;
        width: 5rem;
        margin: 35px auto 0
    }
    .distribution-banner1 .d-right {
        margin-left: 0;
        float: none
    }
    .distribution-banner1 .d-right h1 {
        font-size: .56rem;
        margin-top: 0
    }
    .distribution-banner1 .d-right .ms-btn {
        margin-top: 20px;
        margin-bottom: 35px
    }
    .provide-services-wrap {
        padding: 0
    }
    .provide-services .blue-line {
        margin-bottom: 30px
    }
    .web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5) {
        margin-top: 30px
    }
    .promote-signature-wrap {
        background-size: cover;
        height: auto
    }
    .promote-signature h1 {
        margin-top: 30px;
        font-size: .48rem
    }
    .promote-signature .text li {
        margin-right: 0;
        float: none;
        margin-bottom: 10px
    }
    .promote-signature h3 {
        margin-bottom: 30px
    }
    .promote-signature .s-bottom {
        margin-bottom: 25px
    }
    .promote-signature .text li dt {
        font-size: 16px
    }
    .help1 .tit {
        margin-bottom: 15px
    }
    .help1 .blue-line {
        margin-bottom: 20px
    }
    .promote-signature-banner {
        height: auto;
        padding: 30px 0 20px;
        background-size: cover
    }
    .signature-banner1 .s-left {
        padding-left: 0;
        padding-top: 0;
        float: none
    }
    .signature-banner1 h1 {
        font-size: .56rem
    }
    .signature-banner1 h5 {
        font-size: .32rem
    }
    .signature-banner1 ul {
        margin-top: 15px
    }
    .signature-banner1 ul li {
        margin-right: 10px
    }
    .signature-banner1 .s-left .ms-btn {
        margin-top: 25px
    }
    .signature-list {
        padding: 30px 0 0
    }
    .signature-list .promote-thumbnail {
        margin-bottom: 30px
    }
    .signature-list .promote-thumbnail p {
        height: 48px
    }
    .signature-list .promote-thumbnail .blue-line {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .signature-list .row .col-sm-3:nth-of-type(n+5) {
        margin-top: 0
    }
    .signature-list .promote-thumbnail h4 {
        font-size: .3rem;
        margin-top: 10px
    }
    .solve-certificate-wrap {
        padding: 30px 0
    }
    .solve-certificate h1 {
        font-size: .48rem
    }
    .solve-certificate img.fl {
        width: 4rem;
        margin: 0 auto 20px;
        float: none
    }
    .solve-certificate img.fr {
        margin-right: 0;
        float: none
    }
    .signature-process1 ul {
        padding-left: 0
    }
    .signature-process1 ul li {
        float: none
    }
    .signature-process1 ul li:nth-of-type(even) {
        transform: rotate(90deg);
        margin: 10px auto
    }
    .provide-services .p-con .p-text dt {
        font-size: 16px
    }
    .web-encapsulation .promote-thumbnail h4 {
        height: 38px
    }
    .release-app2 .aside-right .app-table>tbody>tr>td .download-code {
        width: 160px
    }
    .app-details .details-bottom {
        padding: 20px 0
    }
    .app-details .details-bottom table {
        table-layout: auto
    }
    .app-details .details-bottom table th {
        border: 0;
        padding: 10px
    }
    .app-details .details-bottom table td {
        border: 0
    }
    .app-details .details-bottom .d-table-wrap .test-download img {
        display: none
    }
    .points-line-wrap {
        display: none
    }
    .release-app2 .aside-right .app-details .details-bottom .table-responsive {
        border: 0
    }
    .release-app2 .aside-right .app-details .details-bottom table {
        table-layout: auto
    }
    .release-app2 .aside-right .app-details .details-bottom table th {
        white-space: nowrap;
        padding: 5px
    }
    .release-app2 .aside-right .app-details .details-bottom table td {
        white-space: nowrap;
        padding: 5px
    }
    .release-app2 .aside-right .app-details .downloads li {
        width: auto;
        border-right: 0 !important
    }
    .release-app2 .aside-right .app-details .details-top .fr {
        float: left;
        margin-top: 10px
    }
    .release-app2 .app-details .app-set .col-sm-1 {
        width: 100%
    }
    .release-app2 .app-details .app-set .tab-con>div {
        padding: 0 15px
    }
    .release-app2 .app-details .app-set .tab-con label {
        margin-bottom: 5px
    }
    .release-app2 .app-details .app-set .tab-con .short-link .link+.col-sm-6 .form-control {
        border-left: 1px solid #ddd;
        margin-top: 10px;
        border-radius: 4px
    }
    .release-app2 .app-details .app-set .tab-con .short-link .link+.col-sm-6 .form-control:focus {
        box-shadow: none;
        border-color: #ddd
    }
    .release-app2 .app-details .app-set .ms-btn-primary {
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
        display: block
    }
    .release-app2 .app-details .app-set .download-way li {
        margin-right: 0;
        margin-bottom: 5px;
        float: none
    }
    .promote-footer-wrap {
        padding: .4rem 0
    }
    .promote-footer {
        padding: 0
    }
    .promote-footer .p-con dl {
        float: none
    }
    .promote-footer .p-con dl dt {
        text-align: center;
        font-size: .28rem;
        margin-top: 0
    }
    .promote-footer .p-con dl dd {
        float: left;
        font-size: .24rem;
        width: 50%;
        padding: 0 .3rem
    }
    .promote-footer .p-con dl dd a {
        color: #333
    }
    .promote-footer .p-con dl dd:first-of-type {
        text-align: right
    }
    .promote-footer .p-con .promote-code {
        float: none
    }
    .promote-footer .p-con .promote-code .img-wrap {
        margin: 5px auto 0
    }
    .promote-footer>p {
        margin-top: .3rem
    }
    .passwords .template-common {
        padding: 0
    }
    .template-common {
        padding: 0
    }
    .template-common .form-control {
        height: 34px
    }
    .template-common hr {
        display: block
    }
    .template-common .t-icon {
        width: 3.2rem;
        height: 3.2rem;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-radius: 25px;
        margin: 0 auto
    }
    .template-common .t-icon img {
        border-radius: 15px;
        width: 110px;
        height: 110px
    }
    .template-common .t-name .tit {
        text-align: center;
        font-size: .4rem;
        font-weight: 600;
        margin-top: .3rem;
        margin-bottom: 8px
    }
    .template-common .t-name .name-info {
        font-size: .28rem
    }
    .template-common .t-name .name-info span {
        color: #999
    }
    .template-common .t-name .name-info span:last-of-type {
        display: block
    }
    .template-common .t-apply {
        color: #999;
        font-size: .24rem
    }
    .template-common .t-code {
        color: #999;
        font-size: .24rem;
        margin-top: 25px;
        width: 200px
    }
    .template-common .t-code img {
        width: 130px;
        height: 130px
    }
    .template-common .t-introduce .tit {
        font-size: .3rem;
        font-weight: 600;
        margin-bottom: 5px
    }
    .template-common .t-introduce p {
        font-size: .24rem
    }
    .template-common .t-contact {
        margin-top: .4rem !important
    }
    .template-common .t-contact .tit {
        font-size: .3rem;
        font-weight: 600;
        margin-bottom: 5px
    }
    .template-common .t-contact p {
        font-size: .24rem
    }
    .template-common .t-contact dl {
        font-size: .24rem
    }
    .template-common .template-btn {
        padding: 0 35px;
        height: 40px;
        line-height: 38px;
        border-radius: 20px;
        text-align: center;
        font-size: .32rem;
        margin-top: .4rem;
        margin-bottom: .2rem
    }
    .template-common .template-btn span:last-of-type {
        line-height: .8rem
    }
    .template-common .decoding {
        padding: 0;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        text-align: center;
        font-size: .32rem;
        margin-top: .4rem;
        margin-bottom: .2rem;
        width: 3.6rem
    }
    .template-common .template-btn .iconfont {
        font-size: 32px
    }
    .passwords+.template-footer {
        margin-top: 30px
    }
    .template-footer {
        margin-top: 15px
    }
    .template-footer .methods-tutorial-full {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0
    }
    .template-footer .methods-tutorial-full a.fl {
        height: 30px;
        line-height: 30px;
        font-size: .24rem
    }
    .template-footer .methods-tutorial-full a.fr {
        margin-top: 4px
    }
    .template-footer .t-footer {
        margin-top: 0;
        margin-bottom: 40px;
        padding-bottom: .2rem;
        font-size: .24rem
    }
    .template-pwd {
        width: auto !important;
        margin: .4rem .7rem 0;
        background-color: #fff !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        padding: .4rem .3rem !important;
        height: auto !important
    }
    .template-pwd .form-group label {
        color: #666;
        font-size: .24rem
    }
    .template-pwd .form-control {
        margin-top: 10px
    }
    .template-common .app-screen .tit {
        font-size: .3rem;
        font-weight: 600;
        margin-bottom: 5px
    }
    .template-common .app-screen .s-responsive {
        overflow: hidden;
        height: 350px;
        width: 100%;
        overflow-x: auto
    }
    .template-common .app-screen ul li {
        float: left;
        margin-right: 10px
    }
    .template-common .app-screen ul li img {
        max-width: 600px;
        width: auto;
        height: auto;
        max-height: 350px
    }
    .template-1 .t-bg-1 {
        background: #157df1 url(../img/t-04.png) repeat-x center bottom;
        height: 1.4rem
    }
    .template-1 .content {
        margin-top: 0;
        padding: 0
    }
    .template-1 .content .c-left {
        background-image: none;
        width: 100%;
        height: auto;
        float: none;
        padding-top: .4rem
    }
    .template-1.passwords .content .c-left {
        padding-top: 25px
    }
    .template-1 .template-common .t-name .tit {
        margin-bottom: 0;
        margin-top: 15px
    }
    .template-1 .template-common .t-icon {
        width: 1.8rem;
        height: 1.8rem;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-radius: 20px;
        margin: 0 auto
    }
    .template-1 .template-common .t-icon img {
        width: 60px;
        height: 60px
    }
    .template-1 .content .c-right {
        float: none;
        width: 100%;
        margin-left: 0 !important;
        padding-top: .5rem;
        border-top: 1px solid transparent;
        margin-top: 0;
        padding-top: 0
    }
    .template-1 .content .c-right .template-common {
        padding: 0
    }
    .template-1 .template-common .t-name .name-info {
        text-align: center;
        margin-top: 5px
    }
    .template-1 .template-common .t-name .name-info span {
        color: #999
    }
    .template-1 .template-common .template-btn {
        margin-top: 20px;
        padding: 0 36px;
        margin-bottom: 10px
    }
    .template-1 .content .c-right .t-introduce {
        margin-top: 0;
        margin-bottom: 20px
    }
    .template-1 .content .c-right .t-introduce p {
        margin-top: 0
    }
    .template-1 .content .c-right .t-contact {
        margin-bottom: 20px;
        margin-top: 0
    }
    .template-1 .template-common .t-code {
        margin-top: 25px
    }
    .template-1 .template-pwd {
        margin-top: .4rem
    }
    .template-1.passwords+.template-footer {
        margin-top: 40px
    }
    .template-1+.template-footer {
        margin-top: 40px
    }
    .template-1 .template-common .app-screen .s-responsive {
        width: 100%
    }
    .template-2 .content {
        margin-top: -80px
    }
    .template-3 .t-bg-3 {
        background: url(../img/t-08.jpg) center;
        height: .7rem;
        background-size: cover
    }
    .template-3 .content {
        margin-top: 20px
    }
    .template-3 .template-common .t-icon {
        width: 100px;
        height: 100px;
        border-radius: 50%
    }
    .template-3 .template-common .t-icon img {
        width: 65px;
        height: 65px
    }
    .template-3 .template-common .t-name .tit {
        margin-top: 10px
    }
    .template-3.passwords+.template-footer {
        margin-top: 40px
    }
    .template-4 .t-bg-4 {
        background: 0 0;
        height: auto
    }
    .template-4 .t-bg-4>.container {
        padding: 0
    }
    .template-4 .t-left {
        float: none;
        margin: 0;
        width: 100%;
        padding-top: 55px;
        background: url(../img/t-10.png) no-repeat center;
        height: 3.7rem;
        background-size: cover
    }
    .template-4 .t-right {
        float: none;
        margin: 25px auto 0;
        width: 100%
    }
    .template-4 .content4 .template-common .t-icon {
        margin-left: -3px
    }
    .template-4 .content4 .template-common .t-icon img {
        width: 70px;
        height: 70px
    }
    .template-4 .content4 .template-common .t-name .tit {
        font-weight: 400;
        margin-top: 10px;
        font-size: .32rem
    }
    .template-4 .t-right .template-common .t-name .name-info span {
        color: #999;
        display: inline-block;
        line-height: 20px
    }
    .template-4 .t-right .template-common .t-name .name-info span:last-of-type {
        display: block
    }
    .template-4 .content>.template-common {
        padding: 0
    }
    .template-4 .template-common .template-btn {
        margin-bottom: 5px
    }
    .template-4 .template-common .decoding {
        width: 3.6rem;
        padding: 0;
        margin-top: .4rem
    }
    .template-4 .template-common .template-pwd {
        margin: 0 .7rem
    }
    .template-4.passwords+.template-footer {
        margin-top: 55px
    }
    .template-4+.template-footer {
        margin-top: 15px
    }
    .template-4 .content>.template-common .app-screen {
        width: 100%
    }
    .template-5 .left-bg {
        position: absolute;
        left: 0;
        top: 0;
        background: url(../img/t11.png) left top;
        background-size: 100% auto;
        width: 1.1rem;
        height: 100%;
    }
    .template-5 .right-bg {
        position: absolute;
        right: 0;
        top: 0;
        background: url(../img/t12.png) right top;
        background-size: 100% auto;
        width: 1.1rem;
        height: 100%;
    }
    .template-5 .content {
        padding-top: 25px
    }
    .template-5.passwords .template-common {
        padding: 0 .7rem
    }
    .template-5 .template-common .t-icon {
        border-radius: 25px;
        margin-left: auto;
        margin-right: auto
    }
    .template-5 .template-common .t-name-wrap {
        width: auto;
        margin-left: 0
    }
    .template-5 .template-common .t-name {
        margin-top: 0
    }
    .template-5 .template-common .t-name .tit {
        margin-bottom: 10px
    }
    .template-5 .template-common .t-name .name-info {
        text-align: center;
        line-height: 20px
    }
    .template-5 .template-common .t-name-wrap .template-btn {
        padding: 0 38px;
        margin: 20px auto 10px
    }
    .template-5 .template-common .t-apply {
        padding-left: 0;
        text-align: center
    }
    .template-5 .template-common hr {
        margin-top: 25px
    }
    .template-5 .template-common .t-introduce .tit {
        margin-top: 25px
    }
    .template-5 .template-common .t-contact {
        margin-top: .4rem
    }
    .template-5.passwords+.template-footer {
        margin-top: 30px
    }
    .template-5+.template-footer {
        margin-top: 15px
    }
    .template-5 .template-pwd {
        margin-top: 15px
    }
    .template-5 .template-pwd .decoding {
        width: 3.6rem;
        margin-top: 0;
        margin-bottom: 25px
    }
    .template-5 .template-common {
        padding: 0
    }
    .template-6 .t-bg-6 {
        background-color: #f4f4f4;
        height: auto;
        line-height: normal;
        padding: 10px 0
    }
    .template-6 .t-top .tit {
        font-size: .4rem;
        color: #333;
        float: none;
        text-align: center
    }
    .template-6 .t-top .name-info {
        font-size: .28rem;
        color: #999;
        float: none;
        text-align: center;
        margin-top: 3px
    }
    .template-6 .t-top .name-info span {
        margin-left: 10px
    }
    .template-6 .t-top .name-info span:last-of-type {
        display: block
    }
    .template-6 .content {
        margin-top: 25px
    }
    .template-6 .template-common .template-btn {
        margin-bottom: 15px
    }
    .template-6 .template-common .show-hr {
        display: none
    }
    .template-6 .template-common .t-code {
        margin-top: 25px
    }
    .passwords .pc-pwd {
        display: none !important
    }
    .passwords .phone-pwd {
        display: none
    }
    #reportModal .report ul li {
        margin-right: 20px
    }
    .user-center1>.row {
        margin-bottom: 20px
    }
    .user-center1>.row>.col-sm-2 {
        padding-left: 0
    }
    .user-center1>.row>.col-sm-10 {
        padding: 0
    }
    .user-center1 .aside-left {
        height: auto;
        padding: 15px 0;
        margin-bottom: 20px
    }
    .user-center1 .account-management {
        height: auto;
        margin-bottom: 30px
    }
    .user-center1 .account-management .change .ms-btn-default {
        margin-top: 20px
    }
    .user-center1 .account-management .change .ms-btn-primary {
        width: 100%
    }
    .user-center1 .invoice-management .user-table .table .company-name-wrap {
        width: 140px
    }
    .user-center1 .order .user-table .table-responsive {
        border: 0
    }
    .user-center1 .invoice-management .user-table .table-responsive {
        border: 0
    }
    .user-center1 .invoice-management .table td .set-default {
        visibility: visible
    }
    .user-center1 .invoice-management .make-invoice-details {
        height: auto;
        margin-bottom: 30px
    }
    .user-center1 .invoice-management .make-invoice-details dl dt {
        text-align: left;
        margin-right: 0
    }
    .user-center1 .invoice-management .make-invoice-details dl dd {
        float: none;
        margin-left: 100px
    }
    .user-center1 .invoice-management .make-invoice-details dl:last-of-type {
        margin-bottom: 0
    }
    .user-center1 .invoice-management .apply-invoice .form-group.select-wrap select {
        margin-bottom: 10px
    }
    .user-center1 .invoice-management .apply-invoice .select-wrap input[type=text] {
        margin-top: 0
    }
    .user-center1 .invoice-management .apply-invoice input[name=recipient] {
        margin-bottom: 15px
    }
    .user-center1 .invoice-management .apply-invoice .save {
        width: 100%
    }
    .user-center1 .account-management .tab .data .table-responsive {
        border: 0
    }
    .user-center1 .account-management .msg dl {
        float: none
    }
    .user-center1 .account-management .msg ol {
        float: none;
        margin-left: 0
    }
    .user-center1 .account-management .msg ol li {
        margin-left: 0;
        margin-right: 30px
    }
    .user-center1 .account-management .msg hr {
        margin: 15px 0
    }
    .user-center1 .aside-right .balance-recharge {
        padding: 15px
    }
    .user-center1 .aside-right .balance-recharge .recharge-btn {
        top: 38%
    }
    .user-center1 .account-management>ul li {
        padding: 0 10px
    }
    .user-center1 .account-management .tab {
        padding: 0 10px
    }
    .user-center1 .account-management .upload dl {
        width: 100%
    }
    .user-center1 .account-management .upload ol {
        margin-left: 0
    }
    .user-center1 .account-management .upload ol li {
        margin-left: 0;
        margin-right: 30px
    }
    .user-center1 .aside-right .upload-qualification {
        padding: 15px
    }
    .user-center1 .aside-right .upload-qualification table {
        margin-bottom: 20px
    }
    .user-center1 .aside-right .upload-qualification table td {
        vertical-align: middle
    }
    .price-tab ul li {
        width: auto;
        padding: 0 10px;
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }
    .price-con .table-wrap {
        padding: 0
    }
    .price-con .price-common {
        margin-top: 40px
    }
    .price-con .price-common .table-responsive {
        border-top: 0
    }
    .price-con .price-common table {
        table-layout: auto
    }
    .price-con .price-common table tr th {
        white-space: normal
    }
    .price-con .price-common table tr td {
        white-space: normal
    }
    .price-con>.tab-3 {
        margin-bottom: 30px
    }
    .price-con>.tab-3 table {
        table-layout: fixed
    }
    .price-con .price-common h1 {
        font-size: .48rem
    }
    .buy-number {
        padding: 0
    }
    .price-con .tab-2 .buy-number .col-sm-4 {
        margin-bottom: 30px
    }
    .price-con .tab-2 .price-common .p1 {
        margin-bottom: 30px
    }
    .buy-number .price-common .con .bottom-con dl {
        height: auto
    }
    .buy-number .price-common .con .bottom {
        margin-top: 30px
    }
    .price-con .price-common .badge {
        position: relative;
        left: 0
    }
    .price-con .price-common table .icon-xingxing {
        font-size: 12px
    }
    .price-con .price-common table .icon-xingxing2 {
        font-size: 12px
    }
    .doc-list-wrap {
        padding: .4rem 0
    }
    .doc-list .con {
        margin-bottom: 30px
    }
    .doc-banner {
        height: 2rem;
        background-size: cover
    }
    .doc-banner .tit {
        font-size: .48rem
    }
    .doc-banner .b-con {
        width: 100%;
        padding: 0 .2rem
    }
    .update-log-wrap {
        padding: .5rem 0
    }
    .update-log .u-right {
        width: calc(100% - 100px);
        margin-left: 0;
        padding-left: 24px
    }
    .details-right {
        min-height: auto
    }
    .details-right .article-con {
        padding: .3rem
    }
    .feedback-wrap {
        padding: .4rem 0
    }
    .feedback .type li {
        margin-bottom: 10px
    }
    .feedback .form-group {
        margin-bottom: .4rem
    }
    .uploaded-wrap .uploaded-img {
        margin-bottom: 10px;
        margin-right: 10px
    }
    .user-center1 .message-details {
        padding: .4rem;
        height: auto;
        margin-bottom: .6rem
    }
    .user-center1 .message-details .details-con-wrap {
        padding: .3rem
    }
    .user-center1 .message-details .details-tit {
        font-size: .4rem
    }
    .user-center1 .message-details .details-con dt {
        margin-left: 0
    }
    .user-center1 .message-details .details-con.text-lg {
        margin-top: 30px
    }
    .user-center1 .message-details .details-con.text-lg dt {
        margin-left: 0
    }
    .user-center1 .message-list {
        min-height: auto
    }
    .user-center1 .message-list dd {
        padding: .2rem
    }
    .user-center1 .message-list dd .li-msg-con {
        width: 70%
    }
    .user-center1 .message-list dd .checkbox-li .iconfont {
        margin-left: 10px;
        margin-right: 10px
    }
    .user-center1 .message-list dd .li-msg-con .text1 {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .user-center1 .message-list dd .li-msg-con .text2 {
        display: none
    }
    .user-center1 .message-list dd .li-msg-con .text3 {
        display: none
    }
    .user-center1 .message-list dd .time {
        display: none
    }
    .tool-banner {
        height: 1.8rem;
        background-image: url(../img/tool-banner-1.jpg);
        background-size: cover;
        text-align: center
    }
    .tool-banner .con {
        padding-top: .4rem;
        padding-left: 0;
        font-size: .36rem;
        font-weight: 400
    }
    .tool-banner .con .p1 {
        margin-bottom: 5px;
        font-weight: 600
    }
    .tool-banner .con .p2 {
        font-size: .28rem
    }
    .tool-classs {
        padding: 30px 0
    }
    .tool-classs .con {
        padding: 0
    }
    .tool-classs .con ul li {
        width: 50%
    }
    .tool-classs .con ul li .tit {
        font-size: .3rem
    }
    .tool-classs .con ul li p {
        padding: 0 10px;
        height: 100px;
        font-size: 12px
    }
    .tool-classs .con ul li .t-con {
        padding-bottom: 20px
    }
    .tool-classs .con ul li:nth-of-type(odd) {
        padding-left: 20px;
        padding-right: 0
    }
    .tool-classs .con ul li:nth-of-type(odd) .t-con {
        border-right: 1px solid #e5e5e5
    }
    .tool-classs .con ul li:nth-of-type(n+3) {
        padding-top: 0
    }
    .tool-classs .con ul li:nth-of-type(n+3) .t-con {
        padding-top: 20px
    }
    .tool-classs .con ul li:nth-of-type(4) {
        padding-bottom: 0
    }
    .tool-classs .con ul li:nth-of-type(4) .t-con {
        border-bottom: 1px solid #e5e5e5
    }
    .tool-classs .con ul li .t-con .img-wrap img {
        width: 60px
    }
    #templateModal .m-top {
        padding-top: .6rem
    }
    #templateModal .m-top .title1 {
        font-size: 28px
    }
    #templateModal .m-top .title2 {
        font-size: 14px
    }
    #navModal .modal-dialog {
        width: auto
    }
    .plugin-modal .modal-aside .modal-aside-left {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }
    .plugin-modal .modal-aside .modal-aside-right {
        float: none;
        width: 100%
    }
    .config-plugin .plugin-nav .set-nav {
        width: 630px;
        padding-right: 15px
    }
    .config-plugin .plugin-common {
        padding-left: 0;
        padding-right: 0
    }
    .encapsulation3 .step3 .plugin-list {
        padding-left: 0;
        padding-right: 0
    }
    .encapsulation3 .step3 .free-tool {
        padding-left: 0;
        margin-top: 0
    }
    .encapsulation3 .step3 .pay-tool {
        padding-left: 0
    }
    .encapsulation3 .step3 .pl30 {
        padding-left: 0
    }
    .signature1 .right .step2 .form-group {
        margin-bottom: 15px
    }
    #asideModal .aside-modal .a-left {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }
    #asideModal .aside-modal .a-right {
        width: 100%;
        float: none
    }
    #asideModal .aside-modal .a-right .plugin-aside {
        width: 600px
    }
    .app-details .details-top .upload-icon-common {
        float: none;
        margin-bottom: 15px
    }
    .app-details .details-top .information {
        margin-left: 5px;
        width: 75%
    }
    .release-app2 .app-details .app-set .language .radio-round li {
        margin-right: 20px
    }
    .user-center1 .aside-right .upload-qualification table {
        width: 100%
    }
    .upload-img-more .uploaded-img {
        width: 100px;
        height: 150px
    }
    .upload-img-more .upload-img {
        width: 100px;
        height: 150px;
        background-position: center 50px
    }
    .upload-img-more .upload-img .text {
        margin-top: 90px
    }
    .mobile-price .tab {
        background-color: #fff
    }
    .mobile-price .tab li {
        width: 33.333333%;
        text-align: center;
        float: left
    }
    .mobile-price .tab li a {
        display: inline-block;
        padding: 0 10px;
        height: .92rem;
        line-height: .92rem;
        border-bottom: 2px solid transparent;
        color: #333;
        font-size: .32rem
    }
    .mobile-price .tab li.active a {
        color: #157df1;
        border-bottom-color: #157df1
    }
    .mobile-price .tab-con>div {
        display: none
    }
    .mobile-price .bg-f3 {
        padding-top: 15px
    }
    .mobile-price .bg-f3 .container {
        background-color: #fff
    }
    .mobile-price .m-price-banner {
        background-color: #f3f3f3;
        padding: 15px
    }
    .mobile-price .m-price-banner .swiper-container {
        width: 100%;
        height: 100%
    }
    .mobile-price .m-price-banner .swiper-slide {
        background: no-repeat center;
        height: 2.5rem;
        color: #fff;
        padding: .6rem 0 0 .5rem;
        border-radius: 5px;
        background-size: cover
    }
    .mobile-price .m-price-banner .swiper-slide .tit {
        font-size: .32rem;
        font-weight: 600;
        margin-bottom: 5px
    }
    .mobile-price .m-price-common {
        padding: 20px 0
    }
    .mobile-price .m-price-common .tit-wrap {
        text-align: center;
        margin-bottom: 10px;
        position: relative
    }
    .mobile-price .m-price-common .tit-wrap .publish-angle {
        position: absolute;
        left: -15px;
        top: 0;
        background-color: #fd641d;
        padding: 0 10px;
        height: 20px;
        line-height: 20px;
        border-radius: 0 10px 10px 0;
        color: #fff;
        font-size: 12px
    }
    .mobile-price .m-price-common .tit-wrap .p2 {
        color: #333
    }
    .mobile-price .m-price-common .tit-wrap .p2 span {
        color: #fd641d
    }
    .mobile-price .m-price-common .tit {
        display: inline-block
    }
    .mobile-price .m-price-common .tit li {
        float: left;
        color: #157df1;
        font-size: .32rem
    }
    .mobile-price .m-price-common .tit li img {
        width: 100%;
        height: auto;
        width: 1.4rem
    }
    .mobile-price .m-price-common .tit .center {
        margin: 0 5px
    }
    .mobile-price .m-price-common .row {
        margin: 0 -5px
    }
    .mobile-price .m-price-common .col-xs-4 {
        padding: 0 5px
    }
    .mobile-price .m-price-common .con {
        color: #fff;
        text-align: center;
        padding: .42rem 0 .34rem;
        border-radius: 5px;
        position: relative
    }
    .mobile-price .m-price-common .con0 {
        background-color: #157df1
    }
    .mobile-price .m-price-common .con1 {
        background-color: #a057fb
    }
    .mobile-price .m-price-common .con2 {
        background-color: #6047fc
    }
    .mobile-price .m-pack-price .con0 {
        background-color: #cbcbcb
    }
    .mobile-price .m-pack-price .con1 {
        background-color: #157df1
    }
    .mobile-price .m-pack-price .con2 {
        background-color: #a057fb
    }
    .mobile-price .m-price-common .con .level {
        font-size: .32rem;
        font-weight: 600;
        margin-bottom: 3px
    }
    .mobile-price .m-price-common .con .img-wrap {
        line-height: 6px
    }
    .mobile-price .m-price-common .con img {
        width: 1rem;
        height: auto;
        margin-bottom: 8px
    }
    .mobile-price .m-price-common .con .msg {
        font-size: 12px;
        margin-bottom: 5px
    }
    .mobile-price .m-price-common .con .num {
        font-size: 12px;
        font-weight: 600
    }
    .mobile-price .m-price-common .con .num span {
        font-size: .4rem
    }
    .mobile-price .m-price-common .con .recommended {
        position: absolute;
        left: 0;
        top: 3px;
        background-color: #ea4335;
        padding: 0 5px;
        border-radius: 0 10px 10px 0;
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }
    .mobile-price .m-price-common .tab-level {
        padding: 0 15%
    }
    .mobile-price .m-price-common .tab-level li {
        float: left;
        width: 33.333333%;
        text-align: center;
        color: #333
    }
    .mobile-price .m-price-common .tab-level li .level {
        padding: 3px 10px;
        border-radius: 15px;
        display: inline-block;
        position: relative
    }
    .mobile-price .m-price-common .tab-level li.active .level {
        color: #fff;
        background-color: #157df1
    }
    .mobile-price .m-price-common .tab-level li .stable {
        display: none
    }
    .mobile-price .m-price-common .tab-level li .stable2 {
        position: absolute;
        background: url(../img/m-price-6.png);
        width: 47px;
        height: 22px;
        display: block;
        color: #fff;
        font-size: 12px;
        top: -12px;
        left: 90%;
        line-height: 22px
    }
    .mobile-price .m-price-common .tab-level-con>div {
        display: none
    }
    .mobile-price .m-price-common .tab-level-con .level-con {
        text-align: center;
        padding-top: 20px
    }
    .mobile-price .m-price-common .tab-level-con .level-con .img-wrap {
        align-items: flex-end;
        justify-content: center;
        display: flex;
        margin-bottom: 5px
    }
    .mobile-price .m-price-common .tab-level-con .level-con {
        position: relative
    }
    .mobile-price .m-price-common .tab-level-con .level-con .img-wrap {}
    .mobile-price .m-price-common .tab-level-con .level-con img {
        max-width: 100%;
        width: 30px;
        height: auto
    }
    .mobile-price .m-price-common .tab-level-con .level-con .p1 {
        color: #666;
        font-size: 12px
    }
    .mobile-price .m-price-common .price-table {
        table-layout: fixed;
        margin-bottom: 0
    }
    .mobile-price .m-price-common .price-table th {
        font-size: .28rem;
        color: #333;
        text-align: center;
        border: 1px solid #eee
    }
    .mobile-price .m-price-common .price-table td {
        font-size: .24rem;
        color: #333;
        text-align: center;
        border: 1px solid #eee;
        vertical-align: middle
    }
    .mobile-price .m-price-common .price-table tr td:first-of-type {
        font-size: .28rem
    }
    .mobile-price .m-price-common .price-table tr:nth-of-type(even) td {
        background-color: #f5f6f7
    }
    .mobile-price .m-price-common .price-table td .num {
        font-size: .28rem
    }
    .mobile-price .help {
        padding: 0
    }
    .mobile-price .help dl {
        margin-bottom: 20px
    }
    .mobile-price .help dl:last-of-type {
        margin-bottom: 0
    }
    .mobile-price .help dd {
        line-height: 24px
    }
    .mobile-price .help dl .right {
        margin-left: 30px;
        width: calc(100% - 30px)
    }
    .mobile-price .understand-more {
        text-align: center;
        padding: 15px 0
    }
    .mobile-price .understand-more .p1 {
        font-size: 12px;
        color: #333;
        margin-bottom: 5px
    }
    .mobile-price .understand-more .ms-btn {
        font-size: .3rem;
        border-radius: 20px;
        padding: 6px 15px
    }
    .mobile-price .pack-level .tab-level {
        padding: 0 25%
    }
    .mobile-price .pack-level .tab-level li {
        width: 50%
    }
    .mobile-price .m-price-common .tab-level-con .level-con .hot {
        background: url(../img/m-price-29.png);
        width: .36rem;
        height: .22rem;
        line-height: .22rem;
        position: absolute;
        right: 25px;
        top: 20px;
        color: #fff;
        font-size: 12px;
        display: none;
        background-size: cover
    }
    .mobile-price .m-price-common .tab-level-con .level-con .hot span {
        transform: scale(.6);
        display: inline-block;
        margin-left: -3px
    }
    .mobile-price .m-price-common .tab-level-con .senior .level-con .hot {
        right: 24px;
        top: 15px
    }
    .mobile-price .m-price-common .tab-level-con .level-con .hot.show {
        display: block
    }
    .mobile-price .m-publish .con {
        background-color: #e2f0ff
    }
    .mobile-price .m-publish .big-package {
        background-color: #fdf2dd
    }
    .mobile-price .m-publish .con .level {
        color: #fff;
        font-size: .4rem
    }
    .mobile-price .m-publish .con .level span {
        font-size: 12px
    }
    .mobile-price .m-publish .con .msg {
        color: #fff
    }
    .mobile-price .m-publish .con .num {
        color: #fff
    }
    .mobile-price .m-publish table:last-of-type {
        margin-bottom: 0
    }
    .mobile-price .m-publish .introduce-table th {
        border: 1px solid #ddd;
        color: #333;
        vertical-align: middle;
        text-align: center;
        padding: 10px 15px;
        font-weight: 600
    }
    .mobile-price .m-publish .introduce-table td {
        border: 1px solid #ddd;
        color: #333;
        vertical-align: middle;
        text-align: center;
        padding: 10px 15px
    }
    .mobile-price .m-publish .introduce-table td dl {
        margin-bottom: 5px
    }
    .mobile-price .m-publish .introduce-table td dl:last-of-type {
        margin-bottom: 0
    }
    .mobile-price .m-publish .introduce-table td dl .iconfont {
        color: #13c960;
        margin-right: 10px
    }
    .mobile-price .m-publish .understand-more .p1 {
        margin-bottom: 0
    }
    .mobile-price .m-publish-buy {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%
    }
    .mobile-price .m-publish-buy a {
        float: left;
        width: 33.3%;
        text-align: center;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: .3rem
    }
    .mobile-price .m-publish-buy a .iconfont {
        margin-right: 5px
    }
    .mobile-price .m-publish-buy .small1 {
        background-color: #157df1
    }
    .mobile-price .m-publish-buy .big1 {
        background-color: #6047fc
    }
    .mobile-price .m-publish-buy .big2 {
        background-color: #fd9817
    }
    .mobile-price .m-price-common .row {
        margin: 0 -5px;
    }
    .mobile-price .m-price-common .col-xs-4 {
        padding: 0 5px;
    }
    .mobile-price .m-price-common .con {
        color: #fff;
        text-align: center;
        padding: .42rem 0 .34rem;
        border-radius: 5px;
        position: relative;
    }
    .mobile-price .m-price-common .con0 {
        background-color: #157df1;
    }
    .mobile-price .m-price-common .con1 {
        background-color: #a057fb;
    }
    .mobile-price .m-price-common .con2 {
        background-color: #6047fc;
    }
    .mobile-price .m-pack-price .con0 {
        background-color: #cbcbcb;
    }
    .mobile-price .m-pack-price .con1 {
        background-color: #157df1;
    }
    .mobile-price .m-pack-price .con2 {
        background-color: #a057fb;
    }
    .release-app .uploaded-success {
        padding: 30px 0 10px
    }
    .release-app .uploaded-success .p1 {
        margin-bottom: 20px
    }
    .release-app .uploaded-success .up-btn .ms-btn {
        margin-bottom: 20px
    }
    .download-details .table {
        border: 0;
        table-layout: auto
    }
    .download-details .table tr th {
        border-top: 0
    }
    .download-details .date {
        width: 120px
    }
    .download-details .d-top .query {
        margin-top: 10px
    }
    .download-details .d-top .num {
        margin-top: 10px
    }
    .plugin-ua .ua-con .form-group {
        margin-bottom: 10px
    }
    .plugin-ua .ua {
        margin-bottom: 20px
    }
    .plugin-ua .ua-con {
        padding: 15px
    }
    .plugin-ua .ua-con label {
        margin-bottom: 5px
    }
    .about-banner-wrap {
        height: 150px;
        background-size: cover
    }
    .about-banner {
        height: 150px;
        padding-top: 30px
    }
    .about-banner>h1 {
        font-size: .48rem
    }
    .about-tab-wrap {
        margin-top: -62px
    }
    .about-tab-wrap .container {
        padding-left: 0;
        padding-right: 0
    }
    .about-tab-wrap .about-tab>a {
        font-size: .28rem;
        width: 33%;
        height: auto;
        line-height: 30px;
        text-align: left;
        padding-left: .2rem
    }
    .about-tab-wrap .about-tab .iconfont {
        font-size: .32rem
    }
    .about-us .common {
        padding: .7rem 0
    }
    .about-us .common h1 {
        font-size: .48rem;
        margin-bottom: 20px
    }
    .about-us .common .p2 {
        margin-bottom: 20px
    }
    .about-us .contact-us {
        padding-top: 0
    }
    .about-us .contact-us .contact-con .ms-thumbnail {
        margin-top: 20px;
        padding: 30px 0
    }
    .about-us .service_content {
        padding: .7rem 0
    }
    .service_content .font36 {
        font-size: .48rem
    }
    .service_content .mb60 {
        margin-bottom: 20px
    }
    .about-us .service_content h3 {
        font-size: .32rem
    }
    .about-us .service_content p {
        font-size: .28rem
    }
    .about-us .service_content li {
        font-size: .28rem
    }
    .about-us p.item-title {
        line-height: 1.4
    }
    .sdk-banner-wrap {
        background-size: cover;
        height: 2rem
    }
    .sdk-banner {
        padding-top: .5rem;
        color: #fff;
        text-align: center
    }
    .sdk-banner .h1 {
        font-size: .36rem;
        margin-bottom: 10px;
        font-weight: 600
    }
    .sdk-banner .h2 {
        font-size: .28rem
    }
    .sdk-common {
        padding: .7rem 0
    }
    .sdk-common>h1 {
        font-size: .48rem
    }
    .sdk-common>h3 {
        line-height: 24px;
        margin-bottom: .5rem;
        font-size: .32rem;
        font-weight: 400
    }
    .sdk-system .list .con img {
        width: 1.6rem
    }
    .sdk-system .list .con>h3 {
        font-size: .32rem
    }
    .sdk-system .list .con .s-btn {
        width: 1.6rem;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin-bottom: 10px
    }
    .sdk-system .list .con .instructions {
        font-size: 14px
    }
    .sdk-solve .ms-thumbnail {
        margin-bottom: 30px
    }
    .sdk-solve .ms-thumbnail .img-wrap {
        height: auto;
        margin-bottom: 0
    }
    .sdk-solve .ms-thumbnail img {
        width: 2rem
    }
    .ms-thumbnail .ms-caption .tit {
        font-size: .3rem
    }
    .sdk-statistical {
        padding-bottom: 0
    }
    .sdk-statistical .ms-thumbnail {
        margin-bottom: 30px
    }
    .sdk-statistical .ms-thumbnail .img-wrap {
        height: 100px
    }
    .sdk-statistical .ms-thumbnail img {
        width: 2rem
    }
    .sdk-help>h1 {
        font-size: .48rem;
        margin-bottom: 25px
    }
    .promote-sign-meal .table .recommend-wrap1 .recommended {
        display: none
    }
    .promote-meal {
        padding: .7rem 0 0
    }
    .promote-meal>h1 {
        font-size: .48rem
    }
    .promote-meal>p {
        margin-bottom: 20px
    }
    .disclaimer {
        padding: .6rem 0;
        min-height: auto
    }
    .disclaimer h1 {
        font-size: .48rem;
        margin-bottom: 20px
    }
    .disclaimer p {
        margin-bottom: 15px;
        font-size: 14px
    }
    .ambassador-banner-wrap {
        background-size: cover;
        height: 2.5rem;
        padding-top: .46rem
    }
    .ambassador-banner h1 {
        font-size: .36rem;
        margin-bottom: 5px
    }
    .ambassador-banner h1:last-of-type {
        font-size: .28rem;
        margin-bottom: 10px
    }
    .ambassador-banner h1 span {
        font-size: .4rem
    }
    .ambassador-banner p {
        font-size: 16px;
        margin-bottom: 10px
    }
    .ambassador-banner .b-btn {
        width: 2rem;
        padding: 0 12px;
        font-size: .28rem
    }
    .ambassador-common {
        padding: .7rem 0
    }
    .ambassador-common-1 .ms-thumbnail img {
        width: 2rem
    }
    .ambassador-common-1 .row .col-xs-6:last-of-type {
        margin-top: 20px
    }
    .promote-process h1 {
        font-size: .48rem;
        margin-bottom: 30px
    }
    .promote-process ul li {
        float: none;
        width: 100% !important;
        height: auto;
        padding-bottom: 30px
    }
    .promote-process ul li:nth-child(even) {
        height: 70px;
        transform: rotate(90deg)
    }
    .join-ambassador {
        background-size: cover;
        height: 2rem;
        padding-top: .46rem
    }
    .join-ambassador h1 {
        font-size: .36rem;
        letter-spacing: 2px;
        margin-bottom: 10px
    }
    .join-ambassador .ms-btn {
        font-size: .28rem;
        padding: 3px 0
    }
    .withdrawal-to-alipay .form-group .yuan {
        display: none
    }
    #payModal .modal-dialog {
        width: auto !important
    }
    .aside-right .user-promote .p-list li {
        padding: 0 10px
    }
    .aside-right .user-promote .tab-common {
        padding: 25px 10px
    }
    .aside-right .user-promote .tab1 .p-link-1 dl dt #copy {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        width: 90%
    }
    .aside-right .user-promote .tab1 .p-link-1 dl dd .copy {
        margin-left: 0
    }
    .aside-right .user-promote .tab1 .p-link-2 {
        padding: 15px 10px
    }
    .aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1 {
        margin-left: 15px
    }
    .aside-right .user-promote .tab1 .p-link-2 .line {
        display: none
    }
    .aside-right .user-promote .tab1 .p-link-2 .col-sm-6:first-child {
        margin-bottom: 15px
    }
    .aside-right .user-promote .tab-common .table {
        table-layout: auto;
        border: 0
    }
    .aside-right .user-promote .tab-common .table tr th {
        border-top: 0
    }
    .user-loss {
        padding: .8rem 0
    }
    .user-loss .h1 {
        font-size: .48rem;
        margin-bottom: .8rem
    }
    .user-loss ul {
        background-size: 50%
    }
    .user-loss ul li {
        font-size: .26rem
    }
    .user-loss ul li.con1 {
        left: 0;
        top: -10px
    }
    .user-loss ul li.con2 {
        top: 50px
    }
    .user-loss ul li.con3 {
        bottom: -10px
    }
    .user-loss ul li.con4 {
        right: 0;
        bottom: 50px
    }
    .problem-solving {
        padding: .8rem 0 .2rem;
        height: auto
    }
    .problem-solving .h1 {
        font-size: .48rem;
        margin-bottom: .8rem
    }
    .problem-solving-wrap {
        background-size: contain
    }
    .problem-solving .ms-thumbnail .location {
        display: none
    }
    .problem-solving .ms-thumbnail {
        margin-bottom: 30px
    }
    .problem-solving .ms-thumbnail .ms-caption .tit {
        font-size: .28rem
    }
    .problem-solving .ms-thumbnail .ms-caption p {
        font-size: .26rem
    }
    .encapsulation-complete-6 .h1 {
        font-size: .48rem;
        margin-bottom: .8rem
    }
    .encapsulation-complete-6 ul {
        padding: 0
    }
    .encapsulation-complete-6 ul li {
        width: 100% !important
    }
    .encapsulation-complete-6 ul li img {
        margin-bottom: 10px
    }
    .encapsulation-complete-6 ul li:nth-child(even) {
        height: 60px;
        transform: rotate(90deg)
    }
    .new-encapsulation .right .step-common .form-group {
        margin-bottom: 20px
    }
    .new-encapsulation .step-common .control-label {
        margin-bottom: 10px
    }
    .new-encapsulation .right .step-common .form-group1 {
        margin-bottom: 0
    }
    .table-list-wrap {
        padding: 0
    }
    .table-list-wrap .input-search {
        margin: 10px 10px 0 !important
    }
    .input-text .error1 {
        font-size: 12px
    }
    .signature1 .right .step3 .text {
        margin-bottom: 10px
    }
    .signature1 .right .step-common .tit {
        height: 40px;
        line-height: 40px
    }
    .app-details .details-top {
        padding: 25px 10px
    }
    .app-details .details-top .information dd span {
        margin-right: 10px
    }
    .app-details2 .details-top .d-right {
        float: left
    }
    .new-encapsulation .copy {
        top: -5px !important
    }
    .app-details2 .no-flash-back-js {
        padding: 20px 0
    }
}

@media(max-width:374px) {
    .encapsulation-banner1 h1 {
        margin-top: 20px
    }
    .encapsulation-banner1 .ms-btn {
        margin-top: 15px
    }
    .encapsulation-banner1 h5 {
        line-height: 24px;
        margin-top: 5px
    }
    .encapsulation-banner1 img {
        margin-top: 5px
    }
    .promote-nav ul {
        margin-left: 0
    }
    .distribution-list .promote-thumbnail p {
        height: 96px
    }
    .provide-services .p-con .p-text {
        width: 65%
    }
    .encapsulation-banner1 ol li {
        padding: 0;
        width: 19.6666667%
    }
    .good-case .g-con .tab-list {
        margin-left: 2%
    }
    .good-case .g-con .tab-list li {
        padding: 0 10px
    }
    .release-app2 .search {
        width: 80%;
        margin-left: 0 !important;
        margin-top: 10px
    }
    .release-app2 .aside-right .how-many dl dt {
        float: none
    }
    .release-app2 .aside-right .app-details .details-top .fr {
        float: left;
        margin-top: 5px
    }
    .release-app2 .app-details .app-set .download-way li span:last-of-type {
        width: 210px
    }
    .user-loss ul li {
        padding: 0 5px
    }
    .footer .con span {
        margin: 0 10px
    }
}