/*公共样式*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.flex{
    display: flex;
}
.dis-none{
    display: none;
}
.dis-inline-block{
    display: inline-block;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.vertical-middle{
    vertical-align:middle;
}
.posi-rela{
    position: relative;
}
.posi-abso{
    position: absolute;
}
.white-bg{
    background-color: #fff;
}
.bold-gray-bg{
    background: #f2f2f5;
}
.gray-bg{
    background-color: #fafafa
}
.light-gray-bg{
    background-color: #f6fbff
}
.bor-bottom{
    border-bottom: 1px solid #e5e5e5;
}
.main-color{
    color: #08c1a0!important;
}
.assist-color{
    color:#5f82ff;
}
.color6{
    color: #666;
}
.color9{
    color: #999;
}
.mainBg-color{
    background-color: #08c1a0;
}
.red-start{
    color: #ff4222;
    padding-right: 6px;
}
.error{
    color: #ff4222;
}
.fontBold{
    font-weight: bold;
}
.btn-main{
    color: #fff;
    background: #08c1a0;
    border: 1px solid #08c1a0;
}
.btn-main:hover{
    color: #fff;
    background: #00ddc6;
    border: 1px solid #00ddc6;
}
.btn-bor{
    color: #08c1a0;
    background: transparent;
    border: 1px solid #08c1a0;
}
.btn-bor:hover{
    color: #fff;
    background: #08c1a0;
    border: 1px solid #08c1a0;
}

.btn-modle{
    width: 160px;
    height: 41px;
    border-radius: 21px;
}
.check-box{
    display: none;
}
.check-box span{
    display: inline-block;
    vertical-align: middle;
}
.check-box-beauty{
    height: 14px;
    width: 14px;
    display: inline-block;
    border: 1px solid #999;
    vertical-align: middle;
    margin:0 5px 3px 0;
    cursor: pointer;
}
input[type="checkbox"]:checked + .check-box-beauty{
    background: url(https://static.bufanapp.com/web/images/ui/common/chec-checked.png)0 0 no-repeat;
    color: #08c1a0;
    border: 1px solid #0bcaa8;
}
input:read-only{
    cursor: not-allowed;
}
.font12{
    font-size: 12px!important;
}
.uml5{
    margin-left: 5px;
}
.uml10{
    margin-left: 10px;
}
.uml15{
    margin-left: 15px;
}
.uml20{
    margin-left: 30px;
}
.uml30{
    margin-left: 30px;
}
.uml40{
    margin-left: 40px;    
}
.umr5{
    margin-right: 5px;
}
.umr10{
    margin-right: 10px;
}
.umr15{
    margin-right: 15px;
}
.umr20{
    margin-right: 30px;
}
.umr30{
    margin-right: 30px;
}
.umr40{
    margin-right: 40px;    
}
.umb5{
    margin-bottom: 5px;
}
.umb10{
    margin-bottom: 10px;
}
.umb15{
    margin-bottom: 15px;
}
.umb30{
    margin-bottom: 30px;
}
.umb40{
    margin-bottom: 40px;    
}
.umt5{
    margin-top: 5px;
}
.umt10{
    margin-top: 10px;
}
.umt15{
    margin-top: 15px;
}
.umt30{
    margin-top: 30px;
}
.umt50{
    margin-top: 60px;    
}
.umt100{
    margin-top: 100px;    
}
.umax100{
    max-width: 100%;
}
/*面包屑*/
.crumbs {
  padding: 25px 0 15px 0;
  color: #666;
}

@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
    .verify-img-model .modal-dialog{
        margin-top: 300px;
    }
    .package-modal  .modal-dialog{
        min-width: 1010px;
    }
    .price-wrap .price-item .line{
        display: block;
    }
}
@media (max-width: 1200px) and (min-width: 997px){
    /*实名认证页面*/
    .personal-auth-list{
        padding: 0 15px;
    }
  
    /*免责声明*/
    .disclaimer-wrap .disclaimer{
        padding: 90px 15px;
    }
    .disclaimer-wrap .disclaimer-cont{
        padding: 50px 30px;
    }
    .distribute-info{
        padding: 0 120px;
    }
    /*封装页面*/
    .package-modal .make-img-common .tab-common{
        padding: 30px 15px;
    }
    .package-model-two-right .item1{
        margin-top: 50px;
        margin-left: -60px;
    }
    .package-model-two-right .item2{
        margin-top: 50px;
        margin-left: 0px;
    }
    .package-model-two-right .item3{
        margin-top: 55px;
        margin-left: 0px;
    }
    .package-model-two-right .item4{
        margin-top: 55px;
        margin-left: -60px;
    }    
    .package-model-two-right .item .title{
        font-size: 16px;
    }
  
    .package-model-one .content .item{
        width: 345px;
        min-height: 75px;
    }
    .package-model-one .content .item .cont{
        max-width: 200px;
    }
    .package-model-one .content .item .cont .title{
        margin: 0px 0 10px 0;
    }
    .package-model-one .content .item img{
        width: 64px;
    }
    .package-model-one .content .item1{
        margin-top: 119px;
    }
    .package-model-one .content .item2{
        margin-top: 120px;
    }
    .package-model-one .content .item3{
        margin-top: 35px;
    }
    .package-model-one .content .item4{
        margin-top: 35px;
    }
}
@media (max-width: 997px) and (min-width: 768px){
    /*轮播图*/
    .verify-img-model .modal-dialog{
        margin-top: 240px;
    }
    /*导航条*/
    .header-login-box{
        margin-right: 0
    }
    .nav>li>a{
        padding: 10px;
    }
    .collapse-box .collapse-content .navbar-nav{
        margin-left: 0;
        margin-top: 10px;
    }
    .package-model-four .content .item:hover .hover{
        line-height: 250px;
    }
    /*app管理页面*/
    .apps-right-wrap .step-wrap .step li{
        text-align: right;
    }
    .apps-right-wrap .step-wrap .step li span{
        margin-right: 3px;
    }

    /*实名认证页面*/
    .personal-auth-list{
        padding: 0 15px;
    }
    /*分发页面*/
    .distribute-info-wrap .screenshot-item:nth-of-type(1){
        margin-left: 0;
    }
    .distribute-info{
        padding: 0 60px;
    }
    .distribute-info-wrap .screenshot-item{
        margin-left: 0;
    }
    /*免责声明*/
    .disclaimer-wrap .disclaimer{
        padding: 60px 15px;
    }
    .disclaimer-wrap .disclaimer-cont{
        padding: 50px 30px;
    }
     /*封装页面*/
     .package-modal .make-img-common .tab-common{
        padding: 30px 15px;
    }
    .package-model-two .package-model-two-left{
        display: none;
    }
    .package-model-two .package-model-two-right .item{
        min-height: 120px;
    }
    .package-model-two-right .item .title{
        margin-top: 15px;
    }
    .package-model-two .package-model-two-right .item1{
        margin:0;
    }
    .package-model-two .package-model-two-right .item2{
        margin:0;
    }
    .package-model-two .package-model-two-right .item3{
        margin:0;
    }
    .package-model-two .package-model-two-right .item4{
        margin:0;
    }
    .package-model-two .package-model-two-right .item  img{
        float: left;
        display: block;
        margin-left: 30px;
        margin-right: 15px;
    }
    .package-model-one .content{
        background: none;
    }
    .package-model-one .content .item{
        width: 345px;
        min-height: 75px;
    }
    .package-model-one .content .item .cont{
        max-width: 200px;
    }
    .package-model-one .content .item .cont .title{
        margin: 0px 0 10px 0;
    }
    .package-model-one .content .item2{
        margin-top: 80px;
    }
    /*价格页面*/
    .price-wrap .price-list .price-item:hover{
        z-index: 2;
        position:relative;
    }
}
@media (max-width: 767px){
    body{
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    /*轮播图*/
    .verify-img-model .modal-dialog{
        margin: 160px auto 0;
    }
    .verify-img-model .modal-content{
         width: 70%;
         margin:  auto;
    }
    .pay-status-model .modal-content{
        width: 90%;
        margin:  auto;
    }
    .right-server ul{
        height: 180px;
    }
    .right-server ul li{
        width: 60px;
        height: 60px;
    }
    .footer{
       padding-top: 0px;
    }
    .phone-footer-wrap{
        width: 100%;
        height: 52px;
        background-color: #fff;
        color: #333;
        text-align: center;
        padding: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 97;
        box-shadow: 0 -5px 5px rgba(0,0,0,.05);
    }
    .phone-footer-wrap .cont-btn{
        width: 90%;
        height: 40px;
        line-height: 40px;
        color: #FFF;
        background: linear-gradient(to right, #08c1a0, #00ddc6);;
        font-size: 18px;
        margin-top: 6px;
        border-radius: 20px;
    }
    .phone-footer-wrap .item{
        position: relative;
        cursor: pointer;
    }
    .phone-footer-wrap .item .chat-icon{
        width: 30px;
        margin-top: 3px;
    }
    .phone-footer-wrap .item .footer-wechat-code{
        width: 146px;
        height: 135px;
        position: absolute;
        top: -146px;
        left: 0;
        padding: 5px;
        z-index: 101;
        display: none;
    }
    .phone-footer-wrap .item:nth-of-type(1):hover .footer-wechat-code{
        display: block;
    }
    .phone-footer-wrap .item .footer-wechat-code img{
       width: 100%;
    }
    .phone-footer-wrap .item p{
        white-space: nowrap;
    }
    .footer-left .footer-left-logo{
        margin-top: 0;
        margin-left: 30px;
    }
    .footer-center{
        border-left:none;
    }
    .footer-center .item{
        margin-top: 30px;
    }
    .footer-right{
        margin-top: 30px;
    }
    /*导航条*/
    .mobile-show{
        display: block;
    }
    .mobile-hidden{
        display: none
    }
    .collapse-box{
        width: 100%;
    }
    .header-login-box{
        width: calc(100% + 15px);
        padding: 10px 25px;
        float: none;
        height: auto;
        line-height: 1;
        border-bottom:1px solid #f5f5f5; 
    }
    .nav-small-login-box{
        padding-top: 25px;
        border: none;
    }
    .navbar{
        width: 100%;
        height: 44px;
        min-height: 44px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0 2px 5px rgba(0,0,0,.05);
        z-index: 999999;
    }
    .navbar .mobile-small-login{
        display: inline-block;
        line-height: 44px;
        padding-right: 15px;
    }
    .navbar .navbar-logo{
        position: absolute;
        /* left: calc(50% - 61px); */
        left: 15px;
    }
    .navbar-default .navbar-toggle{
        border-width: 0;
        margin-top: 0;
        margin-right: 5px;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color : #08c1a0;
        width:  22px;
        margin: 4px auto;
    }
    .navbar-toggle .icon-bar:nth-of-type(3){
        width: 20px;
    }
    .navbar-toggle .icon-bar:nth-of-type(4){
        width: 28px;
    }
    .navbar-default .navbar-nav>li>a{
        border-bottom: 1px solid #f4f4f4;
        padding-left: 25px;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
        border-bottom: 1px solid #f4f4f4;
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
        border-bottom: 1px solid #f4f4f4;
    }
    .navbar-collapse{
        padding-left: 0;
    }

    .mobile-shadow {
        background: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        cursor: pointer;
        display: none;
        z-index: 98;
    }
    .collapse-box .collapse-content{
        width: 65%;
        position: fixed;
        top: 0;
        left: -200%;
        z-index: 99;
        height: 100%;
        background: #fff
    }
    .collapse-box .show_nav{
        display: block;
        animation: showMove .3s ease-out;
        animation-fill-mode: forwards;
    }
    .collapse-box .hidden_nav{
        display: block;
        animation: hiddenMove .3s ease-in;
        animation-fill-mode: forwards;
    }
    .collapse-box .collapse-content .navbar-nav{
        margin-left: 0;
    }
    .collapse-box .collapse-content .navbar-nav li a{
        margin-right: 0;
    }
    .login-user ul{
        top: 30px;
        border: none;
        box-shadow: none;
        left: 0;
    }
    .login-user{
        padding-top: 0;
    }
    .login-user ul li{
        text-align: left;
    }
    .login-user .dropdown-center{
        padding-left:0; 
        width: 100%;
    }
    .login-user .dropdown-menu{
        right: auto;
        left: auto;
        top: 25px;
        box-shadow: none;
    }
    .dropdown-menu>li>a{
        padding: 3px 0;
    }
    .login-user .dropdown-menu .userinfo{
        padding: 10px 0 10px 0px
    }
    .login-user ul li .iconfont{
        margin-right: 10px;
    }
    /*轮播*/
    .index-swiper-box{
        height: auto;
    }
    .index-swiper-box .swiper-slide,.sign-banner,.package-banner{
        height: 250px;
        background-size: cover!important;
        padding: 0 .2rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 28%;
    }
    .index-swiper-box .swiper-slide-item .content {
        min-height: 65%;
    }
    .index-swiper-box .swiper-slide-item h2{
        font-size: 24px;
        margin-bottom: 10px;
        font-weight: 600;
        margin-top: 40px;
    }
    .index-banner-bottom{
        height: 26%;
    }
    .index-banner-bottom-item{
        text-align: center;
    }
    .index-banner-bottom-item img{
        width: 28px;
        height: 28px;
        margin-top: 5px;
        margin-right: 0px;
        float: none;
    }
    .index-banner-bottom-item .title{
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    /*首页模块*/
    .index-publicity-modle{
        padding: 30px 0;
        height: auto;
        background-size: cover;
    }
    .index-publicity-modle .head h2{
        margin-bottom: 15px;
        font-size: 20px;
    }
    .index-publicity-modle .content .item{
        width: 50%;
    }
    .index-publicity-modle .content .item img{
        float: none;
    }
    .index-publicity-modle-two .content .item .title, .index-publicity-modle-two .content .item .desc{
        margin-left: 0;
    }
    .index-publicity-modle-two .content .item{
        padding: 0 15px;
        margin: 0;
        min-height: 320px;
    }
    .index-publicity-modle .head h5{
        font-size: 14px;
        margin-bottom: 30px;
        line-height: 1.2;
        padding: 0 15px;
    }
    .index-publicity-modle-one .content .item{
        min-height: 240px;
    }
    .index-publicity-modle-one .content .item .title{
        font-size: 16px;
    }
    .index-publicity-modle-one .content .item .desc{
        font-size: 14px;
    }
    .index-publicity-modle-three .content .item{
        min-height: 230px;
    }
    .index-publicity-modle-three .content .item .title{
        font-size: 16px;
    }
    .index-publicity-modle-three .content .item .desc{
        font-size: 14px;
    }

    .index-publicity-modle-cooprate .content li{
        width: 50%;
    }
    .invite-model-two .more-btn .btn-bor{
        margin-right: 0;
    }
    .invite-model-two .content .item:nth-of-type(1){
        margin-left: 0;
    }
    .invite-model-two .content .item:nth-of-type(5){
        width: calc(50% - 60px);
    }
    .invite-model-two .content .item:nth-of-type(5) .item-cont{
        width: 100%;
    }
    .index-publicity-modle-three.modle-nbg .content .item{
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
        min-height: 120px;
    }
    .index-publicity-modle-three.modle-nbg .content .item img{
        float: left;
        margin: 18px 5px 0;
    }
    .index-publicity-modle-three.modle-nbg .content .item .text-wrap{
        float: left;
        text-align: left;
        margin-top: 15px;
    }
    .index-publicity-modle .more-btn span{
        padding: 12px 50px;
    }
    .index-publicity-modle-four .content .item{
        width: 100%;
        padding: 0 15px;
    }
    .index-publicity-modle .content .item img{
        float: left;
    }
    .index-statistics-item{
        width: 100%;
        font-size: 18px;
    }
    .index-statistics-item .now-btn{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }
    .index-statistics-item i{
        font-size: 18px;
        margin: 3px;
    }
    .news-modle .news-tabs li{
        padding-left:0;
        padding-right: 10px; 
    }
    .news-modle .news-item-wrap{
        padding: 50px 0 30px;
    }
    .phone-index-modal{
        padding: 60px 0;
        text-align: center;
    }
    .phone-index-modal .head h2{
        color: #08c1a0;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .phone-index-modal .head h5{
        margin-bottom: 30px;
    }
    .phone-index-modal .more-btn span{
        font-size: 18px;
        display:inline-block;
        width: 60%;
        margin: auto;
        padding: 10px;
        border-radius: 30px;
    }
    .phone-index-modal1 .item{
        width: 25%;
        position: relative;
    }
    .phone-index-modal1 .item img{
        max-width: 100%;
    }
    .phone-index-modal1 .item .step-arrow{
        border-top: 2px solid;
        border-right: 2px solid;
        width: 12px;
        height: 12px;
        border-color: #ccc;
        transform: rotate(50deg);
        position: absolute;
        right: 0;
        top: 50%;
    }
    .phone-index-modal2  .item{
        width: 25%;
        display: inline-block;
        margin: 25px 0;
    }
    .phone-index-modal2  .item img{
        max-width: 100%;
        margin-bottom: 15px;
    }
    .phone-index-modal3 {
        background-color: #333;
    }
    .phone-index-modal3 .swiper-container{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .phone-index-modal3 .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 200px;
        height: auto;
    }
    .phone-index-modal3 .item .hover{
        position: absolute;
        left: calc(50% - 62px);
        top: calc(50% - 62px);
        width: 125px;
        height: 125px;
        background-color: rgba(46,101,214,0.6);
        color: #fff;
        font-size: 24px;
        text-align: center;
        opacity: 1;
        transition: all 600ms;
        cursor: pointer;
        z-index: 1;
        border-radius: 50%;
    }
    .phone-index-modal3 .item h3{
        display: inline-block;
        position: absolute;
        top:calc(50% - 13px);
        left: calc(50% - 24px);
        color: #fff;
        z-index: 2;
    }
    .phone-index-modal3 .item .case-color-1{
        background-color: rgba(255,92,92,0.6);
    }
    .phone-index-modal3 .item .case-color-2{
        background-color: rgba(197,16,166,0.6);
    }
    .phone-index-modal3 .item .case-color-3{
        background-color: rgba(92,213,133,0.6);
    }
    .phone-index-modal3 .item .case-color-4{
        background-color: rgba(239,81,5,0.6);
    }
    /*签名页面*/
    .sign-banner .content h2{
        font-size: 18px;
    }
    .sign-banner .content{
        margin: 40px 0 0 0;
        padding-top: 0;
    }
    .sign-banner-bg{
        background: url(https://static.bufanapp.com/web/images/ui/ipas/mobile_corporate_topbanner.png) no-repeat center;
    }
    .sign-banner .content .desc{
        font-size: 14px;
        line-height: 18px;
    }
    .sign-right-content .step-title{
        padding: 0;
    }
    .sign-right-content #step2{
        padding: 15px;
    }
    .sign-prod-name li{
        margin-right: 20px;
        margin-bottom: 15px;
    }
    .sign-publicity-modle-two .content .item{
        width: calc(50% - 20px);
        padding: 0;
        min-height: 90px;
    }
    .sign-publicity-modle-two .content .item img{
        float: left;
    }
    .sign-publicity-modle-two .small-content img{
        width: 43px;
    }
    /*封装页面*/
    .package-banner{
        height: 3rem;
        background-size: cover;
        /* background-image: url(https://static.bufanapp.com/web/images/ui/about/aboutus_topbanner.png); */
        text-align: center;
    }
    .package-banner .content{
        margin:30px 0 0 0;
        color: #fff;
    }
    .package-banner .content h1,.publish-banner .content h1{
        font-size: 24px;
        margin-bottom: 10px;
        font-weight: 600;
        margin-top: 20px;
    }
    .package-banner .content .desc{
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .package-model-three .content .item{
        min-height: 330px;
        margin: 0;
        padding: 10px;
    }
    .question-modle .content .item{
        width: 100%;
        padding:0;
    }
    .package-model-two .package-model-two-right .item{
        width: 100%;
        min-height: 120px;
    }
    .package-model-two-right .item .title{
        margin-top: 10px;
        font-size: 16px;
    }
    .package-model-two .package-model-two-right .item1{
        margin:0;
    }
    .package-model-two .package-model-two-right .item2{
        margin:0;
    }
    .package-model-two .package-model-two-right .item3{
        margin:0;
    }
    .package-model-two .package-model-two-right .item4{
        margin:0;
    }
    .package-model-two .package-model-two-right .item  img{
        float: left;
        display: block;
        margin-left: 15px;
        margin-right: 15px;
    }

    .package-model-one .content .item{
        width: 100%;
        min-height: auto;
    }
    .package-model-one .content .item .cont{
        max-width: 180px;
        float: left;
    }
    .package-model-one .content .item .cont.fr{
        text-align: left;
    }
    .package-model-one .content .item2{
        margin-top: 80px;
    }
    .package-model-one .content{
        background: none;
    }
    .package-model-one .content .item{
        padding: 10px;
    }
    .package-model-one .content .item1{
        margin-top: 0;
        margin-left: 0;
    }
    .package-model-one .content .item2{
        margin-top: 30px;
    }
    .package-model-one .content .item3{
        margin-top: 30px;
        margin-left: 0;
    }
    .package-model-one .content .item4{
        margin-top: 30px;
    }
    .package-model-one .content .item .cont .title{
        margin: 10px;
    }
    .package-model-one .content .item .cont .desc{
        margin: 0px 10px 10px 10px;
    }
    .sign-banner .content .sign-now{
        margin: auto;
    }
    /*登录注册页面*/
    .captcha-load-img{
        margin-left: 5px!important;
    }
    .login-background, .register-background{
        background: #fff url();
        padding-top: 40px;
    }
    .login,.register{
        width: 100%;
        border: none;
        box-shadow: 0 0 0;
        padding: 10px 15px;
        margin: 30px auto;
    }
    .register .verify-code .getVerify-code{
        font-size: 12px;
        padding: 13px 0;
    }
    /*app管理页面*/
    .apps-left-wrap{
        margin-left: 15px;
        margin-right: 15px;
    }
    .apps-right-wrap{
        padding: 30px 15px;
    }
    .apps-right-wrap .apps-right-content{
        padding: 0;
    }
    .apps-right-wrap .step-wrap .step li{
        width: 45%;
        margin-top: 10px;
    }
    .merge-model .merge-item{
        width: 100%;
    }
    .cancal-merge-model .cancal-merge-item{
        width: 100%;
    }
    .ipas-right-content{
        padding: 0px;
        margin-top: 30px;
    }
    .ipas-right-content .title{
        padding: 15px;
    }
    .ipas-right-content .nextBtn-wrap button{
        width: 120px;
    }
    .usercenter-right-content .title{
        padding: 0;
    }
    .release-success-wrap  .handle-button button{
        width: 90px;
    }
    .pay-status-model .modal-body{
        padding: 15px;
    }
    .appDetail-wraper .detail-content{
        padding: 15px;
    }
    /*选择产品页面*/
    .setMeal-wrap li{
        width: 100%;
        margin-bottom: 10px;
    }
    .effectiveTime li{
        margin-bottom: 10px;
        margin-right: 40px;
    }
    .payStyle li{
        justify-content: center;
        display: flex;
        align-items: center;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .balance-right-content .payStyle li{
        justify-content: center;
        display: flex;
        align-items: center;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .balance-right-content .contrary-transfer dl dt{
        float: none;
        text-align: left;
    }
    .balance-right-content .contrary-transfer dl dd{
        padding: 0;
    }
    /*微信支付页面*/
    .wxPay-wrap .wxPay-tip{
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }
    /*应用列表页面*/
    .appsList-right-content{
        padding: 0
    }
    .appsList-right-content .search-wrap input{
        margin-bottom: 10px;
    }
    .table-responsive{
        border: none;
    }
    .list-content .tab-wrap .table-responsive .table .title ,.list-content .tab-wrap .table-responsive .table .control{
        min-width: 180px;
    }
    .list-content .tab-wrap .table-responsive .table{
        min-width: 960px;
    }
    .downLoad-times-wrap{
        padding: 10px 0;
    }
    .downLoad-times-wrap .times{
        text-align: left;
        padding-left: 20px;
    }
    .downLoad-times-wrap .buy-times{
        width: 100%;
        padding-left: 16px;
    }
    .downLoad-times-wrap .buy-times button{
        margin-top: 0;
    }
    .download-detail-wrap .choose-time-wrap{
        padding-top: 15px;
    }
    .download-detail-wrap .choose-time-wrap .all_count{
        margin-top: 15px;
    }
    .appDetail-wraper .detail-note .detail-note-cont{
        width: 100%;
        overflow: auto
    }
    .appDetail-wraper .detail-note table{
        min-width: 960px;
    }
    .appDetail-wraper .app-logo{
        float: none;
        display: block;
        margin: 0 auto 10px;
    }
    .appDetail-wraper .detail-top{
        padding: 10px;
    }
    .appDetail-wraper .detail-top .title,.appDetail-wraper .detail-top .desc{
        text-align: center;
    }
    /*分发页面*/
    .distribute-header{
        height: 165px;
        background-size: cover;
    }
    .distribute-content{
        margin-bottom: 30px;
    }
    .distribute-content .cont{
        margin-top: -120px;
        padding: 0;
    }

    .distribute-info-wrap{
        padding: 30px 0;
    }
    .distribute-info{
        padding: 0 15px;
    }
    .distribute-info-wrap .screenshot-item img{
        max-width: 600px;
        width: auto;
        height: auto;
        max-height: 350px;
    }
    .distribute-info-wrap p{
        margin: 20px 0 30px;
    }
    .report-form-wrap  .effectiveTime{
        padding: 10px 0;
    }
    .report-form-wrap .form-group{
        padding: 10px 0;
    }
    .report-form-wrap .form-group textarea,.report-form-wrap .email-input input{
        width: 100%;
    }
    .report-form-wrap .form-group label{
        padding: 0px;
    }
    .report-form-wrap .form-group .qualification-upload{
        padding: 0;
    }
    /*关于我们页面*/
    .aboutus-top h1{
        font-size: 28px;
        line-height: 100px;
    }
    .aboutus-cont .tab-header {
        background: rgba(30,199,169,0.5);
        margin-top: -98px;
    }
    .aboutus-cont .content-text{
        padding:0 15px ;
    }
    .aboutus-cont .container{
        padding: 0;
    }
    .aboutus-cont .tab li{
        width: 50%;
    }
    .aboutus-cont #desc{
        padding:0 30px;
    }
    .aboutus-cont .auditing{
        padding:0 30px;
    }
    .aboutus-cont .desc-list .desc-item{
        padding: 0 5px;
    }
    .aboutus-cont .desc-list .desc-item img{
        width: 72px;
        height: 72px;
    }
    /*价格页面*/
    .price-wrap .price-top-banner h1{
        font-size: 28px;
        text-align: center;
        margin-top: 70px;
    }
    .price-wrap .price-top-banner h5{
        text-align: center;
    }
    .price-wrap .price-content{
        padding-top: 25px;
    }
    .price-wrap .price-list .price-item{
        width: 330px;
        float: none;
        margin: 0 auto 30px;
    }
    .price-wrap .price-list .price-item:nth-of-type(1){
        margin: 0 auto 30px;  
    }
    .price-apps-tab{
        width: 320px;
    }
    .price-apps-wrap .tab-con .cont{
        margin-bottom: 30px;
    }
    .price-apps-wrap .tab-con .item{
        padding: 10px;
    }
    .apps-buy .apps-list1{
        padding: 10px 15px
    }
    .apps-buy .apps-list1 li{
        width: 100%;
        margin-left: 0;
    }
    .add-val-wrap{
        padding: 15px;
    }
    /*文档页面*/
    .dosc-banner h1{
        font-size: 28px;
        text-align: center;
    }
    .dosc-banner h5{
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
    }
    .dosc-content .doc-list{
        padding: 35px 0px;
    }
    .dosc-content .doc-list .doc-item .title{
        font-size: 16px;
    }
    .dosc-content .doc-list .doc-item .cont{
        padding:25px 25px 15px;
    }
    .dosc-content .doc-left,.dosc-content .doc-right{
        width: 100%;
        padding: 10px 20px;
    }
    /*反馈页面*/
    .feedback-wrap{
        padding: 0;
        margin: 15px 0;
    }
    .feedback-wrap .feedcont{
        padding: 15px;
    }
    /*个人中心页面*/
    .select-auth-content .select-auth-list .select-auth-item{
        margin-right:calc((100% - 310px) / 2);
    }
    .select-auth-list .select-auth-item:nth-of-type(1){
        margin-left: calc((100% - 310px) / 2);
        margin-bottom: 30px;
    }
    .select-auth-title{
        margin: 30px 0;
        font-size: 28px;
    }
    .usercenter-list{
        padding: 15px;
    }
    .usercenter-list .usercenter-item .cont .getVerify-code{
        margin-left: 0;
        padding: 0 5px;
    }
    .usercenter-item .message-time{
        padding-left:0;
        padding-right: 0; 
    }
    .usercenter-item .message-cont{
        padding-left:0;
        padding-right: 0; 
    }
    .message-center-wrap .message-center-content .title{
        padding: 0 0 0 15px;
    }
    /*实名认证页面*/
    .personal-auth-list{
        padding: 0 15px;
        margin-top: 30px;
    }
    .personal-auth-submit .prev{
        width: 120px;
    }
    .personal-auth-img .example-img{
        width: 100%;
        height: 178px;
        float: none;
        margin: 10px auto 0;
    }
    .enterprise-auth-img .example-img ,.enterprise-auth-img .upload-img1{
        margin-right: 0;
        height: 170px;
        background: url(https://static.bufanapp.com/web/images/ui/common/icon_upload.png) no-repeat center 45px;
    }
    .enterprise-auth-list .enterprise-example-img:nth-of-type(1){
        margin-left: 0;
        width: 100%;
        margin: 0 auto 20px;
        float: none;
    }
    .personal-auth-list .personal-auth-img .upload-img1{
        margin-left: 0;
        width: 100%;
        height: 178px;
        margin: 10px auto 0;
        float: none;
        background-position: center;
    }
    .personal-auth-list .personal-auth-img .upload-img1 .text{
        margin-top: 140px;
    }
    .enterprise-auth-img .upload-img1 .text{
        margin-top: 130px; 
    }
    .enterprise-auth-img .example-img{
        margin-right: 10px;
    }
    /*免责声明*/
    .disclaimer-wrap .disclaimer{
        padding: 15px 15px;
    }
    .disclaimer-wrap .disclaimer-cont{
        padding: 50px 30px 30px;
    }

    /*封装页面*/
    .package-modal .modal-aside .modal-aside-left {
        width: 100%;
        float: none;
        margin-bottom:60px;
    }
    .package-modal .make-img-common .tab-common{
        padding: 20px 15px;
    }
    .package-modal .modal-aside .modal-aside-right {
        width: 100%;
        float: none;
    }
    .package-modal .modal-dialog .modal-body{
        padding: 20px 15px;
    }
    .package-model-one .content .item{
        min-height: auto;
    }
    .package-model-one .content .item img{
        margin: 0 auto;
        float: left;
    }
    .package-model-five .content .item{
        min-height: 60px;
        width: 25%;
    }
    /*公告页面*/
    .bulletin-modle .bulletin-left{
        width: 100%;
        float: none;
    }
    .bulletin-modle .bulletin-left .item-img{
        float: none;
        width: 100%;
    }
    .bulletin-modle .bulletin-left .item-img img{
        width: 100%;
        height: auto;
    }
    .bulletin-modle .bulletin-left .item-info{
        margin-left: 0;
        margin-top: 20px;
    }
    .bulletin-modle .bulletin-left .item-info .tags span{
        margin-bottom: 10px;
    }
    .bulletin-modle .bulletin-right{
        width: 100%;
    }
    .bulletin-modle .reco-wrap .reco-item{
        width: 100%;
    }
    .bulletin-modle .reco-wrap .reco-item img{
        height: auto;
    }
    /*案例页面*/
    .case-modle-one .content .item{
        width: 30%;
    }
    .case-modle-tow .item .item-content .content-img-wrap {
        width: 100%;
    }
    .case-modle-tow .item .item-content .content-img-wrap img{
        width: 100%;
        margin-bottom: 20px;
    }
    .case-modle-tow .item .item-content .content-qrcode-wrap{
        width: 100%;
    }
    .case-banner h1{
        font-size: 28px;
    }
    /*工具*/
    .toolkit-make-icon{
        padding: 0;
    }
    .toolkit-make-icon .m-right{
        border: none;
        padding: 15px;
    }
    .toolkit-make-icon .make-icon .icon-bg dl dt{
        float: none;
    }
    .toolkit-make-icon .make-icon .foreground-map .tab-con{
        width: 100%;
    }
    .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2{
        width: 100%;
    }
    .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10{
        width: 100%;
    }
    .toolkit-make-icon .make-icon .m-icon-radio li{
        width: 120px;
        margin-right: 9px;
    }
    .toolkit-make-img .model-tit{
        width: auto;
    }
    .toolkit-make-img .n-posi-text{
        margin-left: 0!important;
    }
    .tool-plist-wrap{
        padding: 20px;
    }
}

@media (max-width: 767px) and (min-width: 414px){
    
}
@media (max-width: 414px) and (min-width: 375px){
    /*底部版权*/
    .footer-right .qrcode p{
        margin-left: 10px;
    }

}
@media (max-width: 374px) {
    /*登录注册*/
    .login .login-logo .line, .register .login-logo .line{
        width: 65px;
    }
    /*首页*/
    .index-statistics{
        height: auto;
    }
    .index-statistics-item{
        width: 100%;
        line-height: 48px;
    }
    .index-publicity-modle-one .content .item{
        min-height: 280px;
    }
    .invite-model-two .content .item{
        min-height: 260px;
    }
    .index-publicity-modle .more-btn span{
        padding: 12px 32px;
    }
    .package-model-four .content .item .hover{
        width: 96px;
        height: 96px;
        left: calc(50% - 48px);
        top: calc(50% - 48px);
    }
    /*分发*/
    .index-publicity-modle-two .content .item img{
        width: 96px;
        height: 96px;
    }
    .index-publicity-modle-two .content .item .title{
        font-size: 16px;
    }
    /*价格*/
    .price-wrap .price-list .price-item{
        width: 100%;
    }
    .price-apps-tab{
        width: 100%;
    }
    .price-apps-wrap .tab-con h2{
        font-size: 36px; 
    }
    /*封装*/
    .ipas-right-content .title{
        padding: 0 0 0 30px;
    }
    .effectiveTime li{
        margin-bottom: 20px;
    }
    .pack-right-content .choose-pack-cont{
        margin-left: 3px;
    }
    .packOridinary-step3 .plugin-list .con-price .iconfont-price{
        margin-right: 0;
    }
    .packOridinary-step3 .plugin-list .con-price .price-android{
        margin-right: 0;
    }
    .pay-status-model .modal-footer{
        padding: 15px 0;
    }
    .pay-status-model  .pay-success{
        min-width: 100px;
        padding: 5px 10px;
        border-radius: 23px;
    }
    .pay-status-model  .pay-fail{
        min-width: 100px;
        padding: 5px 10px;
        border-radius: 23px;
    }
}