/*初始化bootstrap样式*/
/* .table-responsive::-webkit-scrollbar{width:0px}
.table-responsive{
    -ms-overflow-style:none;
    overflow-y:-moz-scrollbars-none;
} */
.navbar-default .navbar-nav>li>a{
    color: #333;  
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #08c1a0;
    background-color: #fff;
    border-bottom: 4px solid #08c1a0;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #08c1a0;
    background-color: #fff;
    border-bottom: 4px solid #08c1a0;
}
.dropdown-backdrop{
    display: none;
}
.dropdown-menu>li>a{
    padding:3px 25px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background: transparent;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #fff;
    opacity: 0.6;
}
.swiper-pagination-bullet-active{
    border-color:#00ddc6;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 22%;
}
.popover-content {
    color: #999;
    font-size:12px;
    word-break: break-all;
 }
 .form-control{
    border:1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
 }
 .common-tip-modal{margin-top:270px;}
 .common-tip-modal .common-tip-content{text-align:center;padding: 60px 30px 30px;font-size: 16px;border-bottom: none;}
 .common-tip-modal .common-tip-content-title{font-size: 16px;margin-bottom: 5px;font-weight: 700;}
 .common-tip-modal .common-tip-content-text{font-size: 14px;line-height: 1.4;margin-bottom: 10px;}
 .common-tip-modal .common-tip-content-pwd span{display: inline-block;vertical-align: middle;margin-right: 10px;}
 .common-tip-modal .common-tip-content-pwd input{width:200px;border:1px solid #e5e5e5;box-shadow: none;border-radius: 0;height: 30px;padding: 6px 12px;}
 .common-tip-modal .success-btn{background:#08c1a0;border:1px solid #08c1a0; margin-top: 30px;width: 90px;border-radius: 23px;}
 .common-tip-modal .success-btn:hover{background:#00ddc6;border:1px solid #00ddc6;}
 .common-tip-modal .error-btn{background:#fff;color:#08c1a0;border:1px solid #08c1a0;margin-top: 30px;margin-right: 40px;width: 90px;border-radius: 23px;}
 .common-tip-modal .error-btn:hover{background:#08c1a0;color:#fff;border:1px solid #08c1a0;}
 .modal-tip-header{text-align:center; font-size: 16px; border-bottom:none;}
 .btn:focus{outline: none;}
 body.nav_show_fixed {
    position: fixed;
    width: 100%;
}
 /*导航条*/
.header{
    box-shadow: 0 2px 5px rgba(0,0,0,.05);
    position: relative;
}
.header-top{
    width:100%;
    height: 36px;
    line-height: 36px;
    background: #f1f1f1;
    color: #999;
    position:relative;
    overflow:hidden;  
}
#content_small_tip{
    position:absolute;
    left:0;
    top:0;
    white-space:nowrap;
}
.navbar-default{
    background: #fff;
    border: none;
    padding-top: 0px;
    margin-bottom: 0px;
}
.navbar .navbar-logo .big-logo-img{
    width: 118px;
    height: 48px;
    margin-top: 6px;
    font-size: 14px;
}

.navbar .navbar-logo .small-logo-img{
    width: 112px;
    height: 30px;
    margin-top: 7px;
}
.navbar-nav .navbar-tags{
    display: inline-block;
    font-size: 11px;
    position: absolute;
    top: 1px;
    color: #ed2027;
    transform: rotate(30deg);
}
.collapse-box .collapse-content .navbar-nav{
    margin-top: 5px;
    margin-left: 30px; 
}
.collapse-box .collapse-content .navbar-nav li a{
    margin-right: 20px;
    padding-bottom: 10px;
}
.nav-small-avatar {
    padding: 25px 0px 10px 15px;
}
.nav-small-avatar img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.nav-small-avatar .login-out-btn{
    margin-top: 0;
}
.header-login-box button{
    display: inline-block;
    padding: 4px 20px;
    border-radius: 17px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: 0 0;
}
.header-login-box{
    height: 60px;
    line-height: 60px;
}
.header-login-box .header-login-button{
    display: inline-block;
}
.header-login-box .header-register{
    background: #08c1a0;
    color: #fff;
    border: 1px solid #08c1a0;
    margin-left: 6px;
}
.header-login-box .header-register:hover{
    background: #00ddc6;
    border: 1px solid #00ddc6;
}
.collapse-box{
    display: flex;
}
.collapse-content{
    flex: 1
}
@keyframes  showMove{
    form{ left:-200%;}   to{ left:0px;}
}
@keyframes  hiddenMove{
    form{ left:0px;}   to{ left:-200%;}
}
.mobile-show{
    display: none;
}
.login-user{
    cursor: pointer;
    height: 100%;
}
.login-user #navPhoneNum{
    width: 76px;
    line-height: 1;
    margin: 0 0 10px 10px;
}

.login-user .noCertification{
    font-size: 14px;
    margin-right: 10px;
	color: #08c1a0;
}
.login-user .message-tip{
    color: #2e65d6;
    position: relative;
}
.login-user .message-tip .icon-lingdang{
    display: inline-block;
    color: #666;
    vertical-align: middle;
    font-size: 18px;
}
.login-user .message-tip .icon-lingdang:hover{
    color: #08c1a0;
}
.login-user  .message-total{
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    background-color: #db0000;
    border-radius: 50%;
    font-size: 11px;
    position: absolute;
    top: -8px;
    left: 10px;
    color: #fff;
    text-align: center;
}
.login-user  .message-total:empty{
    display: none;
}
.login-user .dropdown-menu{
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    top: 58px;
    left: auto;
    right: -65px;
    z-index: 10;
    display: none;
    width: 180px;
    box-shadow: 0 5px 10px rgba(21,125,241,.1);
    min-width: 120px;
    border-top: none;
}
.login-user .dropdown-menu .userinfo{
    border-bottom: 1px solid #e5e5e5;
    padding:10px 0 10px 20px;
}
.login-user .dropdown-menu .userinfo a:hover{
    color: #08c1a0;
}
.login-user .dropdown-menu .userinfo  .user-avatar-wrap{
    line-height: 1;
}
.login-user .dropdown-menu .userinfo .user-avatar{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.login-user .dropdown-menu .userinfo .user-balance{
    line-height: 1;
    display: block;
    width: 90px;
    padding-left:10px;
    text-align: left;
    font-size: 12px;
    color: #999;
}
.login-user .dropdown-menu .userinfo .user-balance>a{
    color: #999;
}
.login-user .dropdown-center{
    display: inline-block;
    padding-left: 20px;
}
.login-user .dropdown-center .header-avatar{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.login-user .dropdown-center:hover + .dropdown-menu{
    display: block;
}
.login-user .dropdown-menu:hover{
    display: block;
}
.login-user>a{
    color: #333;
}
.login-user ul li{
    width: 100%;
    margin-top: 10px;
}
.login-user ul li>a{
    color: #333;
}
.login-user ul li>a:hover{
    color: #08c1a0;
}
.login-user ul li.login-out{
    padding: 8px 0;
    border-top: 1px solid #eee;
}
.login-user ul li.login-out span{
    vertical-align: middle;
}
.login-user ul li .iconfont{
    margin-right: 20px;
}
.mobile-login-out-img{
    height: 42px;
    margin-left: 15px;
    width: 100px;
}
.mobile-login-out{
    float: right;
    background: #Fff;
    padding: 5px 5px;
    margin-top: 15px;
    border-radius: 5px;
}
.mobile-login-out a{
    color: #0bcaa8; 
}
.phone-dropdown-center{
    height: 41px;
    line-height: 41px;
    padding: 0 25px;
    border-bottom: 1px solid #f5f5f5;
}
.phone-dropdown-list{
    display: none;
}
.phone-dropdown-list li{
    margin-top: 15px;
    padding: 3px 25px;
}
.phone-dropdown-list li .iconfont{
    margin-right: 10px;
}
/*
*轮播
*/
.index-swiper-box{
    height: 480px;
    overflow: hidden;
    position: relative;
}
.index-swiper-box .swiper-slide{
    height: 480px;
}
.index-banner-bottom{
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.2);
    z-index: 1;
}
.swiper-slide-one{
    background:url('https://static.bufanapp.com/web/images/ui/home/home_topbanner1.png') center center no-repeat
}
.swiper-slide-one .sign-now{
    color: #7996ff;
}
.swiper-slide-two{
    background:url('https://static.bufanapp.com/web/images/ui/home/home_topbanner2.png') center center no-repeat
}
.swiper-slide-two .desc .desc-info {
    margin: 10px 0;
}
.swiper-slide-two .desc .desc-info .item{
    width: 260px;
    display: inline-block;
}
.swiper-slide-two .desc .desc-info span{
    display: inline-block;
    color: #FFF;    
    vertical-align: middle;
    margin-left: 10px;
}
.swiper-slide-two .sign-now{
    color:#50c1c5;
    margin-top: 30px;
}
.swiper-slide-three{
    background:url('https://static.bufanapp.com/web/images/ui/home/home_topbanner3.png') center center no-repeat
}
.swiper-slide-three .sign-now{
    color:#8250c5
}
.swiper-slide-four{
    background:url('https://static.bufanapp.com/web/images/ui/home/home_topbanner4.png') center center no-repeat
}
.swiper-slide-four .sign-now{
    color:#5655c5;
}
.swiper-slide-item  .content h2{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #Fff;
    margin-top: 110px;
}
.swiper-slide-item  .content .desc{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #Fff;
}
.swiper-slide-item  .content .sign-now{
    width: 180px;
    height: 42px;
    line-height: 42px;
    background-color: #fff;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 21px;
}
.swiper-slide-item  .content .sign-now:hover{
    background: #fff;
}
.index-banner-bottom .container{
    height: 100%;
}
.index-banner-bottom-item{
    width: 33.3%;
    height: 100%;
    float: left;
    color: #fff;
    overflow: hidden;
    position: relative;
    padding-left:15px;
    padding-right: 15px;
    cursor: pointer;
}
.index-banner-bottom-item:nth-of-type(1){
    padding-left:0;
}
.index-banner-bottom-item .border{
    width: 1px;
    height: 70%;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    right: 0;
    top: 15px;
}
.index-banner-bottom-item img{
    width: 40px;
    height: 40px;
    margin-top: 30px;
    margin-right: 15px
}
.index-banner-bottom-item .title{
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
}
/*
*首页统计
*/
.index-statistics{
    width: 100%;
    height: 64px;
    line-height: 64px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1)
}
.index-statistics-item{
    width: 33%;
    text-align: center;
}
.index-statistics-item img{
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.index-statistics-item span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #999;
}
.index-statistics-item span.number{
    color: #333;
}
/*
*模块1
*/
.index-publicity-modle{
    text-align: center;
    padding: 90px 0;
}
.index-publicity-modle .head h2{
    color: #08c1a0;
    margin-bottom: 20px;
    font-size: 36px;
}
.index-publicity-modle .head h5{
    color: #999;
    margin-bottom: 60px;
    font-size: 16px;
}
.index-publicity-modle .new-head h2{
    margin-bottom: 30px;
    font-size: 24px;
}
.index-publicity-modle .new-head h5{
    color: #999;
    margin-bottom: 60px;
    font-size: 16px;
}
.index-publicity-modle .more-btn span{
    display: inline-block;
    padding: 22px 50px;
    font-size: 16px;
    border-radius: 32px;
}
.index-publicity-modle-one .content .item{
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding:0 15px; 
    vertical-align: top;
}
.index-publicity-modle-one .content .item img{
    width: 80px;
    height: 80px;
}
.index-publicity-modle-one .content .item .title{
    font-size: 18px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 15px;
}
.index-publicity-modle-one .content .item .desc{
    color: #999;
    box-sizing: border-box;
    line-height: 1.5;
    max-width: 200px;
    margin: 0 auto;
}
.index-publicity-modle-one .content {
    margin-bottom: 60px;
}
.index-publicity-modle .new-more-btn span{
    display: inline-block;
    padding: 12px 22px;
    border-radius: 10px;
}
.index-publicity-plugin-modle{
    padding-top: 30px;
    padding-bottom: 30px;
}
.index-publicity-plugin-modle .content{
    padding-bottom: 50px;
    background: url(https://static.bufanapp.com/web/images/ui/home/plugin-bg.png) center no-repeat;
    background-size: auto 100%;
}
.index-publicity-plugin-modle .left{
    text-align: right;
}
.index-publicity-plugin-modle .right{
    text-align: left;
}
.index-publicity-plugin-modle .item{
    margin-bottom: 50px;
}
.index-publicity-plugin-modle .item .img-wrap{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    border-radius: 30px;
    float: right;
    margin-bottom: 25px;
}
.index-publicity-plugin-modle .right .item .img-wrap{
    float: none;
}
.index-publicity-plugin-modle .item .title{
    font-size: 16px;
    margin-bottom: 10px;
}
.index-publicity-plugin-modle .item .desc{
    color: #999;
    line-height: 1.4;
}
/*模块二*/
.index-publicity-modle-two .content .item{
    width: calc(50% - 20px);
    background-color: #fff;
    padding: 0 50px;
    float: left;
    margin: 15px 10px;
    overflow: hidden;
}
.index-publicity-modle-two .content .item img{
    width: 150px;
    height: 150px;
}
.index-publicity-modle-two .content .item .title,.index-publicity-modle-two .content .item .desc{
    text-align: left;
    margin-left: 175px
}
.index-publicity-modle-two .content .item .title{
    margin-top: 30px;
    font-size: 18px;
    margin-bottom: 25px;
    border-left: 4px solid #08c1a0;
    padding-left: 5px;
    color:#08c1a0;
}
.index-publicity-modle-two .content .item .desc{
    color: #999;
    line-height: 1.4;
}
.index-publicity-modle-four {
    padding-bottom: 30px;
}
.index-publicity-modle-four .content .item{
    width: calc(50% - 20px);
    background-color: #fff;
    padding: 0 50px;
    float: left;
    margin: 15px 10px;
    overflow: hidden;
    min-height: 85px;
}
.index-publicity-modle-four .content .item img{
    width: 75px;
    height: 75px;
}
.index-publicity-modle-four .content .item .title,.index-publicity-modle-four .content .item .desc{
    text-align: left;
    margin-left: 95px
}
.index-publicity-modle-four .content .item .title{
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.index-publicity-modle-four .content .item .desc{
    color: #999;
    line-height: 1.4;
}
/*模块三*/
.index-publicity-modle-three.modle-nbg{
    background: url("https://static.bufanapp.com/web/images/ui/home/bk_yyfb.png") no-repeat 0 210px;
    background-size: 100% 600px;
}
.index-publicity-modle-three .content .item{
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding:0 15px; 
}
.index-publicity-modle-three.modle-nbg .content .item{
    width: calc(25% - 22.5px);
    float: left;
    box-sizing: border-box;
    padding:100px 15px;
    margin-left: 30px; 
    box-shadow: 0px 1px 68px 0px rgba(202, 239, 227, 0.58);
    border-radius: 3px;
}
.index-publicity-modle-three.modle-nbg .content .item:nth-of-type(1){
    margin-left: 0;
}
.index-publicity-modle-three .content .item img{
    max-width: 100%;
    width: 80px;
}
.index-publicity-modle-three .content .item .title{
    font-size: 18px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}
.index-publicity-modle-three .content .item .desc{
    color: #999;
    box-sizing: border-box;
    line-height: 1.5;
    max-width: 210px;
    margin: 0 auto;
}
.invite-model-two .content .item{
    width: 20%;
    float: left;
}
.invite-model-two .content .item .item-cont{
    width:calc(100% - 60px);
    padding: 30px 0;
}
.invite-model-two .content .item:nth-of-type(1){
    margin-left: 30px;
}
.invite-model-two .content .item:nth-of-type(5){
    width: calc(20% - 60px);
}
.invite-model-two .content .item:nth-of-type(5) .item-cont{
    width: 100%;
}

.invite-model-two .content .item .item-cont img{
    max-width: 100%;
    margin-bottom: 20px;
    width: 120px;
}
.invite-model-two .content .item .item-cont .title{
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}
.invite-model-two .content .item .item-cont .desc{
    color: #999;
    line-height: 1.5;
}
.invite-model-two .content .item .step{
    width: 60px;
    height: 160px;
    background: url(https://static.bufanapp.com/web/images/ui/home/step.png) no-repeat center;
}
.invite-model-two .more-btn .btn-bor{
    margin-right: 20px;
}
.news-modle .head h2{
    margin-bottom: 50px;
}
.news-modle .news-tabs{
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
.news-modle .news-tabs li{
    display: inline-block;
    padding-left:30px;
    padding-right: 30px;
    font-size: 16px;
    cursor: pointer;
}
.news-modle .news-tabs li span{
    display: inline-block;
    padding-bottom: 20px;
}
.news-modle .news-tabs li.active span{
    color: #08c1a0;
    border-bottom: 3px solid #08c1a0;
}
.news-modle .news-item-wrap{
    padding: 50px 0;
}
.news-modle .news-item{
    margin-bottom: 30px;
    cursor: pointer;
}
.news-modle .news-item:hover .news-item-cont{
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}
.news-modle .news-item-img img{
    width: 100%;
    height: 150px;
}
.news-modle .news-item-cont {
    padding: 10px;
    height: 50px;
    text-align: left;
    line-height: 1.2;
    background-color: #FFF;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.news-modle .news-item-cont p{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*ie提示弹窗*/
.ie_modal{
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF !important;
    display: none;
}
.ie_modal_wrap{
    width: 790px;
    margin: 200px auto;
    /* background-color: #fff4f4; */
    border: solid 1px #e5e5e5;
    padding-top: 30px;
    box-shadow: 0 0 8px #eee;
    position: relative;
}
.ie_modal .title{
    text-align: center;
    margin: 13px 25px;
    font-weight: bold;
    font-size: 19px;
}
.ie_modal .list{
    width: 100%;
    margin: 25px auto;
}
.ie_modal .list .item{
    text-align: center;
    padding: 10px;
    width: 25%;
}
.ie_modal .list .item .link {
    padding-top: 110px;
    padding-bottom: 4px;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
}
.ie_modal .list .item .bf{
    background-image: url(/images/ui/common/ff.png)
}
.ie_modal .list .item .bo{
    background-image: url(/images/ui/common/op.png)
}
.ie_modal .list .item .bc{
    background-image: url(/images/ui/common/ch.png)
}
.ie_modal .list .item .bi{
    background-image: url(/images/ui/common/logo_360.png);
    background-size: 110px 110px;
}
.ie_modal .list .item .link .name{
    color: #e25600;
    text-align: center;
    text-decoration: underline;
    font-size: 19px;
    font-weight: 300;
}
.ie_modal .list .item .link .vendor{
    font-size: 10px;
    color: #aaa;
    text-align: center;
    display: block;
    margin-top: 5px;
    text-decoration: none;
}
.ie_modal .tag{
    text-align: center;
    background: #efefef;
    padding: 25px;
    font-size: 19px;
    font-weight: 300;
    margin: auto;
    cursor: pointer;
}
/*底部*/
.footer{
    background: #3e434f;
    padding: 60px 0 0;
    color: #fff
}
.footer-wrap{
    padding-bottom: 20px;
}
.footer-left{
    padding: 0;
}
.footer-left .footer-left-logo{
    margin-top: 45px;
}
.footer-center{
    border-left: 1px solid #7d7d7d;
}
.footer-center .item{
    float: left;
}
.footer-center .item dt{
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1;
    padding-left: 7px;
    border-left: 3px solid #08c1a0;
}
.footer-center .item dd{
    margin-bottom: 10px;
    font-size: 12px;
    color: #fff;
}
.footer-right {
    text-align: right;
}
.footer-right .item img{
    width: 120px;
    margin-top: 50px;
    margin-left: 20px;
}
.footer-right .qrcode img{
    margin: 0;
    margin-bottom: 10px;
}
.footer-right .qrcode p{
    margin-right: 20px;
}
.footer-right .logo{
    margin-bottom: 10px;
}
.footer .frend-links{
    padding: 10px 30px;
    border-top: 1px solid #7d7d7d;
    color: #ccc;
    line-height: 1.5;
}
.footer .frend-links .links{
    margin-left: 70px;
}
.footer .frend-links span{
    cursor: pointer;
    padding: 0 15px;
    display: inline-block;
    color: #ccc;
}
.footer .copyright{
    text-align: center;
    padding: 20px 30px;
    background: #2c2f37;
}
.footer .copyright a{
    color: #FFF;
    line-height: 2
}

.sign-banner{
    height: 430px;
    display: block;
    color: #fff;
    overflow: hidden;
}
.sign-banner .content{
    /* margin-top: 110px; */
}
.sign-banner .content h2{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #Fff;

}
.sign-banner .content .desc{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
    color: #Fff;
}
.sign-banner .content .sign-now{
    width: 180px;
    height: 42px;
    line-height: 42px;
    background-color: #fff;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 21px;
}
.sign-banner .content .sign-now:hover{
    background: #fff;
}
/*模块二*/
.sign-publicity-modle-two img{
    margin: 30px auto 0;
}
.sign-publicity-modle-two{
    background: #f9f9f9;
}
.sign-publicity-modle-two .head h1{
    color: #157df1;
}
.sign-publicity-modle-two .small-content .item{
    width: calc(50% - 20px);
    float: left;
    margin: 15px 10px;
    overflow: hidden;
}
.sign-publicity-modle-two .lg-show-modle{
    background: url(../images/ui/ipas/img_serve.png) no-repeat center;
    min-height: 360px;
}
.sign-publicity-modle-two .lg-content .item{
    width: 33%;
}
.sign-publicity-modle-two .lg-content .top{
    margin-top: 20px;
}
.sign-publicity-modle-two .lg-content .bottom{
    margin-top: 70px;
}
.sign-publicity-modle-two .left-item{
    margin-left: 100px;
}
.sign-publicity-modle-two .right-item{
    margin-right: 70px;
}
.sign-publicity-modle-two.content .item img{
    max-width: 100%;
    margin-top: 20px;
}
.sign-publicity-modle-two .content .item .title,.sign-publicity-modle-two .content .item .desc{
    text-align: left;
    margin-left: 50px
}
.sign-publicity-modle-two .lg-content .right-item .title,.sign-publicity-modle-two .lg-content .right-item .desc{
    text-align: right;
    margin-right: 50px;
    margin-left:0; 
}
.sign-publicity-modle-two .content .item .title{
    margin-top: 30px;
    font-size: 18px;
    margin-bottom: 10px;
}
.sign-publicity-modle-two .content .item .desc{
    color: #999;
    line-height: 1.4;
}
.sign-publicity-modle-two .small-content img,.sign-publicity-modle-two .lg-content img{
    width: 43px;
}

/*模块三*/
.sign-publicity-modle-three {
    background:url(../images/ui/ipas/sign-three-bg.png) no-repeat center;
    background-size: cover;
}
.sign-publicity-modle-three .head h1{
    color: #fff;
}

.sign-publicity-modle-three .content .item{
    width: 25%;
    float: left;
}
.sign-publicity-modle-three .content .item:nth-of-type(1){
    margin-left: 30px;
}
.sign-publicity-modle-three .content .item:nth-of-type(4){
    width: calc(25% - 60px);
}
.sign-publicity-modle-three .content .item .item-cont{
    width:calc(100% - 60px);
    padding: 30px 0;
}
.sign-publicity-modle-three .content .item:nth-of-type(4) .item-cont{
    width: 100%;
}

.sign-publicity-modle-three.content .item .item-cont img{
    max-width: 100%;
    margin-bottom: 20px;
}
.sign-publicity-modle-three .content .item .item-cont .title{
    font-size: 16px;
    margin-top: 20px;
    color: #fff;
}
.sign-publicity-modle-three .content .item img{
    width: 110px;
    height: 110px;
}
.sign-publicity-modle-three .content .item .step{
    width: 60px;
    height: 170px;
    background: url(../images/ui/ipas/next_right.png) no-repeat center;
    background-size: 37px;
}
/*问答*/
.question-modle .content .item{
    text-align: left;
    line-height: 2;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #bfbfbf;
}
.question-modle .content .item .cont{
    display: block;
    margin-left: 40px;
}

/*登录注册*/
.login-background,.register-background{
    background: url(https://static.bufanapp.com/web/images/ui/home/bk_yyfb.png) no-repeat center;
    background-size: 60%;
    padding: 130px 0 150px;
    background-color: #fafafa;
}
.login,.register{
    width: 500px;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    padding: 55px 40px 75px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    margin: 0px auto;
    background: #FFF;
}
.login .login-wrap .login-logo,.register .login-wrap .login-logo{
    text-align: center
}
.login .login-wrap .login-logo img,.register .login-wrap .login-logo img{
    width: 178px;
    margin-bottom: 15px;
}
.login .login-wrap .login-logo .logo-text ,.register .login-wrap .login-logo .logo-text{
	font-size: 32px;
    color: #6284ff;
    margin-bottom: 30px;
}
.login .login-wrap .login-logo .line,.register .login-wrap .login-logo .line{

}
.login .login-logo .desc,.register .login-logo .desc{
    margin: 7px 0 35px;
    font-size: 12px;
    color: #999;
}
.login .login-logo .line,.register .login-logo .line{
    width: 102px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}
.login .form-group,.register .form-group{
    border: 1px solid #e5e5e5;
    position: relative;
    margin-bottom: 30px;
}
.login .form-group.marb20,.register .form-group.marb20{
    margin-bottom: 20px;
}
.login .form-input-tip,.register .form-input-tip{
    font-size: 12px;
    color: #ff0000;
    margin: 0 0 8px;
    position: absolute;
    bottom: -30px;
}
.login .form-group img,.register .form-group img{
    width: 44px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.login .form-group input,.register .form-group input{
    width: 100%;
    padding: 11px 16px 11px 64px;
}
.login .form-group input:focus,.register .form-group input:focus { 
    outline: none;
    background-color: transparent;
    box-shadow: 0 0 10px rgba(46,101,214,0.6)
}
input::-webkit-input-placeholder {
    color: #848484;
    font-size: 12px;
  }

.register .rember-pass a:hover{
    text-decoration: underline;
}
.login-btn{
    width: 100%;
    text-align: center;
}
.login-btn button{
    width: 100%;
    padding: 7px 0;
    color: #fff;
    font-size: 16px;
    margin: 20px 0;
    line-height: 2;
    border-radius: 5px;
}
.login-btn button:hover{
    background: #00ddc6;
}
.forget-pass a:hover{
    color: #00ddc6;
    text-decoration:underline;
}
.register .verify-code .form-group{
    width: 70%;
}
.register .verify-code .getVerify-code{
    width: 27%;
    padding: 12px 2px;
    color: #fff;
    border-radius: 5px;
}
.register .verify-code .getVerify-code:hover{
    background: #00ddc6;
}
.ms-modal .modal-dialog{
    margin-top: 120px;
}
.verify-img-model .modal-content{
    padding:20px 30px;
}
.verify-img-model .captcha-code{
    border: 1px solid #e5e5e5;
    width:70%;
    box-sizing: border-box;
    padding: 11px 20px;
}
.verify-code-btn{
    width: 28%;
    color: #fff;
    padding: 11px 0; 
}
.pay-status-model .modal-title{
    color: #333;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.pay-status-model .modal-body{
    padding: 30px;
}
.pay-status-model .modal-body .title{
    font-size: 18px;
    color: #333;
}
.pay-status-model .modal-body .small-title{
    line-height: 1.5;
    margin-top: 20px;
}
.pay-status-model  .pay-success{
    min-width: 120px;
    padding: 5px 10px;
    border-radius: 23px;
}
.pay-status-model  .pay-fail{
    min-width: 120px;
    padding: 5px 10px;
    border-radius: 23px;
}
.pay-type-recommend{
    background: #ff4222;
    display: block;
    position: absolute;
    top: 8px;
    left: -16px;
    transform: rotate(-45deg);
    color: #FFF;
    padding: 2px 20px;
    font-size: 12px;
}
/*发布(我的应用)页面*/
.apps-wrap{
    overflow: hidden;
}
.apps-wrap .breadCrumbs{
    padding: 15px 0;
    color: #333;
}
.apps-wrap .breadCrumbs-active{
    color: #5f82ff;
}
.apps-wrap .breadCrumbs span{
    display: inline-block;
    margin:0 10px;
}
.apps-conten{
    overflow: hidden;
    margin-bottom: 30px;
}
.apps-left-wrap{
    background: #Fff;
    text-align: left;
    border: solid 1px #caefe3;
    padding: 0;
}
.apps-left-wrap ul li{
    border-top: 1px solid #caefe3;
}
.apps-left-wrap ul li:nth-of-type(1){
    border-top:none;  
}
.apps-left-wrap ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    border-left: 4px solid transparent;
    color: #333;
}
.apps-left-wrap ul li a span{
    font-size: 18px;
    margin:0 10px;
    vertical-align: middle;
}
.apps-left-wrap ul li.active a,.apps-left-wrap ul li:hover a {
    background-color: #caefe3;
    border-color: #08c1a0;
    color: #009966;
}
.release-app2>.row>.col-sm-10{
    padding: 0 0 0 10px
}
.apps-right-wrap .certification-tip{
    background-color: #fff5e7;
    padding: 8px 20px;
    border: 1px solid #feebcd;
    font-size: 12px;
    margin-bottom: 10px;
    color: #666;
    line-height: 1.4;
}
.apps-right-wrap .certification-tip span.icon-tishi{
    color: #fd9823;
    margin-right: 5px;
    font-size: 14px;
}
.apps-right-wrap .apps-right-content{
    width: 100%;
    background-color: #fff;
    min-height: 493px;
    padding: 15px;
    border: solid 1px #caefe3;
}
.norm-tip p{
    width: 70%;
    text-align: center;
    line-height: 1.5;
    margin: 0 auto 20px;
}
.uploding-info{
    text-align: center;
    padding: 30px 0;
}
.uploding-info .uploding-info-logo{
    width: 60px;
    height: 60px;
    border-radius: 15px;
    border: 1px solid #e5e5e5;
}
.uploding-info .uploding-info-name{
    font-size: 16px;
    color: #666;
    margin: 20px 0;
}
.apps-wrap .upload-wrap{
    overflow: hidden;
}
.apps-wrap .upload-wrap .file {
    width: 240px;
    height: 60px;
    line-height: 60px;
    position: relative;
    display: block;
    background: #08c1a0;
    border: 1px solid #08c1a0;
    border-radius: 30px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    text-indent: 0;
    text-align: center;
    margin: 100px auto 30px;
}
.apps-wrap .upload-wrap .file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    max-width: 100%;
}
.apps-wrap .upload-wrap .file:hover {
    background: #AADFFD;
    border-color: #00ddc6;
    background: #00ddc6;
    color: #fff;
    text-decoration: none;
}
.upload-tip{
    text-align: center;
    line-height: 1.5;
}
/*上传进度条*/
.upload-progress {
    width: 80%;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0px auto 10px;
    overflow: hidden;
    display: none;
}
/* 初始状态设置进度条宽度为0px */
.upload-progress .progress-bar {
    width: 0px;     
    height: 100%;
    background-color:#08c1a0 ;
    transition: all .3s ease;
}
.apps-right-wrap{
    overflow: hidden;
    
}
.apps-right-wrap .step-wrap .step{
    margin-bottom: 20px;
}
.apps-right-wrap .step-wrap .step li{
    float: left;
    background-color: #eff0f0;
    width: 24.5%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #666;
    position: relative;
    border: 0;
}
.apps-right-wrap .step-wrap .step li:after, .apps-right-wrap .step-wrap .step li:before{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.apps-right-wrap .step-wrap .step li:before{
    border-color: transparent;
    border-left-color: #fcfcfc;
    border-width: 28px;
    margin-top: -28px;
}
.apps-right-wrap .step-wrap .step li:after{
    border-color: transparent;
    border-left-color: #eff0f0;
    border-width: 22px;
    margin-top: -22px;
    z-index: 1;
}
.apps-right-wrap .step-wrap .step li:last-of-type:after{
    border-color: transparent;
    border-left-color: transparent;
}
.apps-right-wrap .step-wrap .step li:last-of-type:before{
    border-color: transparent;
    border-left-color: transparent;
}
.apps-right-wrap .step-wrap .step li:last-of-type.active:after{
    border-color: transparent;
    border-left-color: transparent;
}
.apps-right-wrap .step-wrap .step li.active{
    color: #FFF;
    background-color: #08c1a0;
}
.apps-right-wrap .step-wrap .step li.active:before{
    border-left-color: #fff;
}
.apps-right-wrap .step-wrap .step li.active:after{
    border-left-color: #08c1a0;
}
.apps-right-wrap .step-wrap .step li.active:last-of-type:before{
    border-left-color: #fff;
}
.apps-right-wrap .step-wrap .step li span{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle;
}
.apps-right-wrap .step-wrap .step li.active span{
    color: #08c1a0;
    background: #fff;
}
/*应用设置页面*/
.appSetting-wraper{
    padding:0 15px ;
}
.appSetting-wraper .form-group .appLink{
    width: 50%;
    border-radius: 0;
}
.appSetting-wraper .form-group .appLink:nth-of-type(1){
    border-right: none
}
.appSetting-wraper .form-group .appLink:disabled{
    background: #eee;
    cursor: not-allowed
}
.appSetting-wraper .form-group .effectiveTime{
    padding: 10px 0;
}
.appSetting-wraper .mould-img img{
    width: 120px;
    margin-left: 15px;
}
.appSetting-wraper .mould-img-item {
    position: relative;
}
.appSetting-wraper .mould-img-item .wrap-active{
    display: none;
    width: 120px;
    height: 215px;
    background: url(https://static.bufanapp.com/web/images/ui/apps/icon_dui.png) no-repeat center;
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    bottom: 0;
}
.appSetting-wraper .form-group .appsetting-submit{
    width: 140px;
    height: 34px;
    margin: 15px;
    border-radius: 17px;
}

/*发布成功页面*/
.release-success-wrap{
    padding: 50px 0 80px;
    text-align: center;
    background-color:#f2faf9;
}
.release-success-wrap .content{
    padding:100px 0;
    background: url(https://static.bufanapp.com/web/images/ui/apps/release_success.png) no-repeat;
    background-position: bottom 0px right 0px;
    background-size: 50%;
    background-color:#FFF;
    
}
.release-success-wrap .release-info .app-logo{
    width: 80px;
    height: 80px;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    margin: 0 auto;
    margin-bottom: 20px
}
.release-success-wrap .release-info .app-logo img{
    width: 60px;
    height: 60px;
    border-radius: 12px;
}
.release-success-wrap .release-info h4{
    font-size: 36px;
    margin:60px 0 80px; 
    color: #0ec2a2;
}
.release-success-wrap  .handle-button{
    margin-top: 60px;
}
.release-success-wrap  .handle-button button{
   padding:10px 0;
   width: 190px;
   border-radius: 23px;
   margin-left: 20px;
}
/*封装上传页面*/
.ipas-right-content .title{
    line-height: 60px;
    border-top: 1px solid #e5e5e5;
    height: 60px;
    padding: 0 0 0 30px;
    margin-top: 20px;
    position: relative;
}
.ipas-right-content .title:nth-of-type(1){
    border-top: none;
    margin-top: 0;
}
.ipas-right-content .form-group label{
    text-align: right;
    padding: 10px 15px;
    font-weight: normal;
}
.ipas-right-content .form-group input,.ipas-right-content .form-group textarea{
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    /* border: 1px solid #e5e5e5; */
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.ipas-right-content .form-group textarea{
    height: auto;
}
.ipas-right-content .nextBtn-wrap{
    padding: 20px 0;
    margin-bottom: 0;
}
.ipas-right-content .nextBtn-wrap button{
    width: 140px;
    height: 34px;
    display: inline-block;
    border-radius: 0;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: text-bottom;
    margin-left: 10px;
    border-radius: 23px;
}
.add-val-wrap .item-wrap li{
    margin-bottom: 10px;
}
.add-val-title{
    padding: 10px 0;
    border-bottom: 1px solid #08c1a0;
    color: #08c1a0;
    font-size: 16px;
    margin-bottom: 20px;
}
.add-val-wrap .btn-next,.add-val-wrap .btn-guest,.add-val-wrap .btn-prev{
    width: 120px;
    height: 34px;
    margin: 15px;
    border-radius: 17px;
}
.nosign-info-btn-wrap button{
    width: 140px;
    height: 36px;
    margin: 15px;
    border-radius: 18px;
}
.add-val-wrap .btn-guest,.nosign-info-btn-wrap .btn-guest{
    background-color: #157df1;
    color: #fff;
}
.add-val-wrap .btn-guest:hover,.nosign-info-btn-wrap .btn-guest:hover{
    background-color: #529cff;
}
.add-val-wrap .btn-prev{
    margin-left: 40px;
}
.add-val-wrap .order_info{
    padding: 10px 30px;
}
.add-val-wrap .order_info p{
    margin-bottom: 10px;
    line-height: 1.4;
}
.add-val-wrap .app_desc span{
    display: inline-block;
    white-space: pre-wrap;
    word-break: break-all;
    max-width: 85%;
    vertical-align: text-top;
}

.product-info{
    padding-left: 30px;
    box-sizing: border-box;
}
.product-info img{
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-right: 10px;
}
.setMeal-wrap,.effectiveTime,.payStyle,.payBtn-wrap{
    padding: 10px 30px;
}
.payBtn-wrap .preBtn{
    cursor: pointer;
    background-color: transparent;
}
.payStyle li img{
    margin-right: 10px;
}
.effectiveTime li{
    margin-right: 70px;
    position: relative;
    float: left;
    cursor: pointer;
}
.effectiveTime li span{
    display: inline-block;
    vertical-align: middle;
}
.effectiveTime .icon-radio{
    width: 16px;
    height: 16px;
    background-position: 0 0;
    position: relative;
    margin-right: 5px;
    background: url(https://static.bufanapp.com/web/images/ui/common/redio-init.png) no-repeat;
}
.effectiveTime .active .icon-radio{
    background: url(https://static.bufanapp.com/web/images/ui/common/redio-checked.png) no-repeat;
}
.effectiveTime .preferential{
    background-color: #ed2027;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    top: -18px;
    left: 100%;
    font-size: 12px;
    white-space: nowrap;
    padding: 2px 4px;
    z-index: 3;
    display: block;
}
.protEffectiveTime{
    padding-left:30px;
}
.protEffectiveTime li{
    margin-right: 70px;
    position: relative;
    float: left;
    cursor: pointer;
}
.protEffectiveTime li span{
    display: inline-block;
    vertical-align: middle;
}
.protEffectiveTime .icon-radio{
    width: 16px;
    height: 16px;
    background-position: 0 0;
    position: relative;
    margin-right: 5px;
    background: url(https://static.bufanapp.com/web/images/ui/common/redio-init.png) no-repeat;
}
.protEffectiveTime .active .icon-radio{
    background: url(https://static.bufanapp.com/web/images/ui/common/redio-checked.png) no-repeat;
}
.protEffectiveTime .preferential{
    background-color: #ed2027;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    top: -18px;
    left: 100%;
    font-size: 12px;
    white-space: nowrap;
    padding: 2px 4px;
    z-index: 3;
    display: block;
}
.payMoney-wrap{
    border-top: 1px solid #d9eeff;
    margin-top: 20px;
    padding: 20px 30px 0;
}
.payMoney-wrap span{
    color: #fd641d;
    font-size: 36px;
}
.payStyle li{
    border: 1px solid #e5e5e5;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-right: 20px;
    height: 60px;
    width: 200px;
    border-radius: 8px;
    float: left;
    position: relative;
    cursor: pointer;
}
.payStyle .icon-qiandai1{
    color: #ffa304;
    font-size: 24px;
}
.payStyle li.disable {
    background: #e5e5e5;
    color: #999;
    cursor:not-allowed;
}
.payStyle li.disable .icon-qiandai1{
    color: #b3b3b3;
    font-size: 24px;
}
.ipas-right-content .icon-checkbox{
    background: url(https://static.bufanapp.com/web/images/ui/common/right-botton-active.png) no-repeat;
    width: 42px;
    height: 31px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.ipas-right-content .active .icon-checkbox{
    display: block;
}

/*应用列表页面*/
.appsList-right-content{
    padding: 20px;
    box-sizing: border-box;
}
.img_nothing {
    background: url(https://static.bufanapp.com/web/images/ui/common/img_nothing.png) no-repeat center;
    background-size:auto;
    background-color: #fff;
}
.appsList-right-content .search-wrap input{
    height: 32px;
    line-height: 32px;
    width: 170px;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    background-color: #fff;
    color: #666;
    border-radius: 3px;
    font-size: 13px;
}
.downLoad-times-wrap{
    position: relative;
    margin-bottom: 10px;
}
.downLoad-times-wrap .times{
    text-align: right;
    line-height: 1.5;
    color: #777;
    float: left;
    position: relative;
    padding-right: 20px;
    margin-right: 20px;
}
.downLoad-times-wrap .times .title{
    font-size: 12px;
    color: #999;    
}
.downLoad-times-wrap .times .number{
    font-size: 18px;
    color: #333;  
    padding-right: 10px ;
    display: inline-block;
}
.downLoad-times-wrap .times .number span{
    color: #999;
    font-size: 12px;
    margin-left: 5px;
}
.downLoad-times-wrap .times .right-line{
    position: absolute;
    top: 6px;
    right: 0;
    background-color: #e5e5e5;
    width: 1px;
    height: 30px;
}
.downLoad-times-wrap .buy-times{
    float: left;
}
.downLoad-times-wrap .buy-times button{
    padding: 3px 12px;
    margin-top: 6px;
    border-radius: 18px;
}
.pack-search-wrap .search-wrap{
    display: inline-block;
}
.pack-search-wrap .search-input-wrap{
    border: 1px solid #efefef;
    margin-left: 15px;
}
.pack-search-wrap .buy-times button{
    margin-top: 3px;
    margin-left: 15px;
}
.pack-search-wrap .search-type{
    width: 120px;
    height: 36px;
    line-height: 36px;
    vertical-align: inherit;
    padding: 5px;
}
.pack-search-wrap .search-wrap input{
    width: 120px;
    border: none;
    display: inline-block;
    padding-left: 10px;
}
.pack-search-wrap .search-wrap .search-btn{
    width: 36px;
    line-height: 36px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    color: #08c1a0;
    background-color: #efefef;
    cursor: pointer;
    font-weight: bold;
}
.list-content .tab-wrap .table-responsive .table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #e6f8f2;
    font-size: 12px;
}
.list-content .tab-wrap .table-responsive .table { -ms-overflow-style: none; }
.list-content .tab-wrap .table-responsive tr th{
    text-align: center;
    font-weight: 600;
    color: #666;
    padding: 15px 0;
    background-color: #e6f8f2;
    border-color: #e6f8f2;
    min-width:48px;
}
.list-content .tab-wrap .table-responsive tr {
    border-bottom: 1px solid #e6f8f2;
}
.list-content .tab-wrap .table-responsive tr td{
    text-align: center;
    padding: 0 10px;
    vertical-align: middle;
    border-color: #e6f8f2;
    height: 60px;
    line-height: 1;
}
.list-content .tab-wrap .table-responsive tr .red-info{
    color:#ff4222;
}
.list-content .tab-wrap .table-responsive tr:hover td{
        background-color: #fafafa;
}
.list-content .tab-wrap .table-responsive .control-btn{
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
    line-height: 1;
}
.list-content .tab-wrap .table-responsive .update-icon .icon-gengxin1{
    font-size: 25px;
    color: #5f82ff;
}
.list-content .tab-wrap .table-responsive .update-icon .icon-gengxin1.expired{
    color: #999;
    cursor: not-allowed;
}
.list-content .tab-wrap .table-responsive .expired-update-btn{
    background: #eee;
    color: #999;
    border: 1px solid #eee;
    cursor: not-allowed;
}
.list-content .tab-wrap .table-responsive .expired-update-btn:hover{
    background: #eee;
    color: #999;
    border: 1px solid #eee;
    cursor: not-allowed;
}
.list-content .tab-wrap .table-responsive .delete-modal-show{
    border: 1px solid #ee635d;
    color:#ee635d; 
}
.list-content .tab-wrap .table-responsive .delete-modal-show:hover{
    background-color:#ee635d; 
    color: #fff
}
.list-content .tab-info-icon{
    min-width: 181px;
}
.list-content .tab-info-icon img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 8px;
}
.list-content .download-link>a{
    max-width: 160px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-content .tab-info-icon p{
    text-align: left;
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-content .tab-info-icon p>span{
    font-size: 14px; 
    color: #333;
}
.merge-model .merge-body-tip{
    text-align: center;
    margin-top: 131px;
    color: #999;
    font-size: 16px;
}
.merge-model .modal-dialog,.cancal-merge-model .modal-dialog{
    margin-top:100px;
}
.merge-model .merge-item{
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    
}
.merge-model .modal-body{
    max-height: 600px;
    min-height: 300px;
    overflow-y: scroll;
}
.merge-model .merge-item .merge-item-logo{
    width: 120px;
    height: 120px;
    margin: 0 auto 10px;
    position: relative;
}
.merge-model .merge-item .merge-item-logo img{
    width: 100%;
    height: 100%;
    border-radius: 24px;
}
.merge-model .merge-item p{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.merge-model .merge-item-active{
    display: none;
    width: 120px;
    height: 120px;
    background: url(https://static.bufanapp.com/web/images/ui/apps/icon_dui.png) no-repeat center;
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
}

.cancal-merge-model .cancal-merge-item{
    width: 33%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}
.cancal-merge-model .cancal-merge-item .merge-item-logo{
    width: 120px;
    height: 120px;
    margin: 0 auto 10px;
    position: relative;
}
.cancal-merge-model .cancal-merge-item .merge-item-logo img{
    width: 100%;
    height: 100%;
}
.cancal-merge-model .cancal-merge-item  .icon_combineapp{
    width: 60px;
    height: 60px;
    margin: 50px auto 10px;
}
.merge-model .modal-dialog button,.cancal-merge-model .modal-dialog button{
    padding: 8px 20px;
    border-radius: 22px;
}
/*左侧客服导航按钮*/
.right-server{
    position: fixed;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 999;
}
.right-server ul{
    height: 240px;
}
.right-server ul li{
    width: 80px;
    height: 80px;
    border: 1px solid #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}
.right-server ul li span{
    color: #999;
    font-size: 30px;
}
.right-server ul li span:hover{
    color: #529cff
}
.right-server ul li .wechat-code{
    background: url(https://static.bufanapp.com/web/images/ui/common/img-kuang.png) no-repeat;
    width: 146px;
    height: 135px;
    position: absolute;
    top: -18px;
    right: calc(100% + 10px);
    padding: 5px 0 0 5px;
    z-index: 1000;
    display: none;
    transition: all 600ms;
}
.right-server ul li .wechat-code img{
    width: 125px;
    height: 125px;
}
.wechat-code-wrap:hover .wechat-code{
    display: block
}
.right-server ul .toTop{
    display: none;
}
/*分发页面*/
.distribute-header{
    height: 330px;
    max-width: 750px;
    margin: 0 auto;
}
.distribute-content .cont{
    margin-top: -190px;
    padding: 0 120px;
    text-align: center;
}
.distribute-content .cont .name-info{
    line-height: 1.4;
    color: #999;
}
.icon-wrap{
    background-color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.icon-wrap img{
    width: 110px;
    height: 110px;
    border-radius: 24px;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
}
.distribute-content{
    margin-bottom: 120px;
}
.distribute-content .name{
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 15px;
    word-break: break-all;
    white-space: pre-wrap;
}

.distribute-content .download .download-btn{
    height: 50px;
    padding: 0 38px;
    line-height: 48px;
    font-size: 16px;
    margin: 35px auto 15px;
    display: inline-block;
    border-radius: 25px;
}
.distribute-content .download .clicked-download{
    display: inline-block;
    margin: 15px 0;
}
.distribute-content .download .system{
    color: #666;
    text-align: center;
}
.distribute-content .download-code{
    color: #666;
    width: 146px;height:146px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
.distribute-content .download-code p{
    margin-top: 10px;
}
.distribute-info-wrap{
    padding: 68px 0;
}
.distribute-info{
    padding: 0 235px;
}
.distribute-info h3{
	font-size: 20px;
	line-height: 20px;
    color: #333333;
}
.distribute-info-wrap p{
    text-align: left;
    line-height: 1.4;
    margin: 50px 0;
    text-indent: 24px;
}
.distribute-info-wrap .screenshot-list{
    margin-top: 35px;
    margin-bottom: 55px;
    overflow: hidden;
    height: 350px;
    width: 100%;
    overflow-x: auto;
}
.distribute-info-wrap .screenshot-item{
    margin-right: 10px;
    float: left;
}
.distribute-info-wrap .screenshot-item img{
    width: auto;
    height: auto;
    max-width: 800px;
    max-height: 405px;
}
.distribute-info-link{
    text-align: center;
}
.distribute-info-link a{
    color: #08c1a0;
    cursor: pointer;
}
.distribute-password-input{
    border: 1px solid #e5e5e5;
    max-width: 375px;
    margin: 20px auto;
    padding: 30px;
}
.distribute-password-input input{
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 10px 20px; 
    margin:20px 0;
}
.distribute-password-input .submit-password{
    padding: 5px 30px;
    color: #fff;
}
.click_opacity {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: fixed;
    z-index: 10000;
    top: 0px;
}
.to_btn {
    position: fixed;
    top: 10px;
    right: 10px;
    text-align: right;
    z-index: 10001;
    color: #fff;
}
.to_btn img {
    width: 20%;
    height: auto;
    display: inline-block;
}
.to_btn .span2 {
    display: inline-block;
    line-height: 36px;
    width: 80%;
    margin-bottom: 12px;
    text-align: left;
    font-size: 16px;
}
.to_btn .span2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 5px;
}
.report-model h4{
    text-align: center;
    font-size: 22px;
}
.report-model .report-title{
    line-height: 1.8; 
}

.report-form-wrap {
    background: #f5f9fe;
    padding: 15px;
}

.report-form-wrap .form-group{
    padding: 10px 15px;
}
.report-form-wrap .form-group textarea{
    padding: 15px;
    width: 75%;
}
.report-form-wrap .email-input label{
    margin-top: 12px;
}
.report-form-wrap .email-input input{
    width: 75%;
    padding: 10px 15px;
}
.report-button{
    display: flex;
    justify-content: center;
    align-content: center;
}
.report-form-wrap  .report-fail{
    width: 140px;
    height: 40px;
    border-radius: 20px;
    margin-right: 20px;
}
.report-form-wrap  .report-success{
	width: 140px;
	height: 40px;
    border-radius: 20px;  
}
#disclaimerModal h4.modal-title{
    font-size: 22px;
}
#disclaimerModal .disclaimer-title{
    line-height: 1.8;
    text-indent: 15px;
}
#disclaimerModal .disclaimer-button{
    text-align: right;
    margin-top: 15px;
}
#disclaimerModal .disclaimer-fail{
    padding: 6px 20px;
    border-radius: 4px;
}
.certification-model .modal-body{
    border-radius: 10px;
    text-align: center;
    line-height: 1.5;
    padding-left: 0;
    padding-right: 0;
}
.certification-model .certification-model-bg{
    width: 125px;
    margin-bottom: 20px;
}
.certification-model .certification-fail{
    width: 180px;
    height: 40px;;
    color: #fff;
    background: #08c1a0;
    border-radius: 23px;
    margin-top: 15px;
}
.certification-model .invoiceReeor-title{
    font-size: 28px;
    margin-top: 5px;
}
.certification-model .invoiceReeor-desc{
    font-size: 14px;
    margin-top: 5px;
    color: #666;
}
/*文档详情页*/
.doc-wrap{
    background: #f6f8f9;
}
.dosc-banner{
  background: url(https://static.bufanapp.com/web/images/ui/dosc/document_topbanner.png) no-repeat center;
  height: 200px;
  overflow: hidden;
}
.dosc-banner h1{
  color: #666;
  font-size: 42px;
  margin-top: 60px;
  margin-bottom: 20px;

}
.dosc-banner h5{
    color: #666;
    font-size: 16px;
}
.dosc-content .doc-left{
    width: 220px;
    padding: 10px 0px 10px 20px;
}
.dosc-content .doc-right{
    width: calc(100% - 220px);
    padding: 10px 20px;
}
.dosc-content .doc-list{
    padding: 10px 0px;
}
.dosc-content .doc-list .doc-item .top-wrap{
    position: relative;
}
.dosc-content .doc-list .doc-item .title{
    font-size: 24px;
    margin-top: 15px;
}
.dosc-content .doc-list .doc-item .title p{
    margin-left: 60px;
    padding-bottom: 20px;
    position: relative;
}

.dosc-content .doc-list .doc-item  .cont{
    padding: 40px 60px 15px;
    margin-bottom: 60px;
    margin-top: 20px;
    background-color: white;
}
.dosc-content .doc-list .doc-item .common{
    margin-bottom: 15px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dosc-content .doc-list .doc-item .common .icon-youjiantou{
    vertical-align: middle;
    color: #529cff;
}
.dosc-content .doc-list .doc-item .icon-document{
    display:inline-block;
    vertical-align: middle;
    width:50px;
    height:45px;
    margin-top: 5px;
    float: left;
}
.accordion .icon-document{
    display:inline-block;
    vertical-align: middle;
    width:20px;
    height:20px;
    margin-right: 5px;
}
.icon-document1{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_wd_fbxz.png) no-repeat;
    background-size: 100% 100%;
}
.icon-document2{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_wd_mqfz.png) no-repeat;
    background-size: 100% 100%;
}
.icon-document3{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_wd_fz.png) no-repeat;
    background-size: 100% 100%;
}
.icon-document4{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_wd_js.png) no-repeat;
    background-size: 100% 100%;
}
.icon-document-info1{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_ncff_m.png) no-repeat;
    background-size: 100% 100%;
}
.icon-document-info2{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_fz_m.png) no-repeat;
    background-size: 100% 100%;
}
.icon-document-info3{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_qyqm_m.png) no-repeat;
    background-size: 100% 100%;
}
.icon-document-info4{
    background:url(https://static.bufanapp.com/web/images/ui/dosc/icon_wd_js.png) no-repeat;
    background-size: 100% 100%;
}
.dosc-content .doc-list .doc-item .common a:hover{
    color: #157df1;
}
.dosc-content .accordion {
  width: 100%;
  background: #FFF;
  border: 1px solid #e5e5e5;
}

.dosc-content .accordion .link {
  border-left: 5px solid transparent;
  cursor: pointer;
  display: block;
  padding: 15px 0 15px 10px ;
  color: #666;
  font-size: 14px;
  position: relative;
}
.dosc-content .accordion li .link {
  border-bottom: 0;
  border-top: 1px solid #e5e5e5;
  color: #333;
  margin-top: 1px;
}
.dosc-content .accordion li i {
  position: absolute;
  top: 16px;
  right: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.dosc-content .accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}
.dosc-content .accordion li:nth-of-type(1) .link{
    margin-top: 0;
    border-top: none;
}
.dosc-content .accordion li.open .link {
    border-left-color: #5f82ff;
    color: #5f82ff;
}

.dosc-content .accordion li i {
    color:#595959;
}
.dosc-content .accordion li.open i {
    color: #5f82ff;
}
.dosc-content .accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
  line-height: 1.4;
}
.submenu li {
  border-top: 1px solid #e5e5e5;
  padding: 12px 15px;
}
.submenu a {
    font-size: 12px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu li:hover,.submenu li.actived {
    background: #fff;
}
.submenu li:hover a,.submenu li.actived a{
    color: #5f82ff;
}
.cont-right{
  border-radius: 3px;
  min-height: 600px;
  margin-bottom: 40px;
  background: #fff;
  border: solid 1px #e5e5e5;
}
.cont-right .title{
  color: #333;
  padding: 20px;
  font-size: 16px;
  border-bottom: 1px solid #e5e5e5;
}
.cont-right .article-cont{
    padding: 20px ;
    max-width: 100%;
    overflow: hidden;
}
.cont-right .article-cont img{
    max-width: 100%;
    height: 100%;
}
.cont-right .article-cont table{
    border: 1px solid #ccc;
}
.cont-right .article-cont tr:hover{
    background-color: #efefef;
}
.cont-right .article-cont tr td{
    padding: 10px;
}
.cont-right .article-cont ul li{
    list-style-type: disc;
    margin-left: 30px;
    
}
/*app详情页*/
.appDetail-wraper .detail-top{
    box-sizing: border-box;
    padding: 10px 0;
}
.appDetail-wraper .app-logo{
    border: 1px solid #e5e5e5;
    float: left;
    border-radius: 12px;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}
.appDetail-wraper .detail-top p{
    line-height: 1.5;
}
.appDetail-wraper .detail-top .title{
    font-size: 20px;
}
.appDetail-wraper .detail-top .title .status{
    background-color: #fd641d;
    margin-top: -5px;
    color: #fff;
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    border-radius: 5px;
    padding: 0 5px;
}
.appDetail-wraper .detail-top .desc{
    color: #999;
}
.appDetail-wraper .detail-top .desc span{
    margin-right: 20px;
}
.appDetail-wraper .detail-top .upload-new{
    border-radius: 25px;
    padding: 15px 20px;
    align-items: center;
    box-shadow: 0 5px 10px rgba(202,225,252,.5);
    display: inline-block;
}
.appDetail-wraper .detail-top .upload-preview{
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    display: inline-block;
    margin-left:15px;
}
.appDetail-wraper .detail-top  .expired-update-btn{
    background: #eee;
    color: #999;
    border: 1px solid #eee;
    cursor: not-allowed;
}
.appDetail-wraper .detail-top  .expired-update-btn:hover{
    background: #eee;
    color: #999;
    border: 1px solid #eee;
    cursor: not-allowed;
}
.appDetail-wraper .detail-top .guest-btn{
    padding:10px 20px;
    margin-right:15px;
    position: relative;
}
.appDetail-wraper .detail-top .guest-wrap{
    width: 280px;
    height: 160px;
    border: 1px solid #ccc;
    position: absolute;
    top: 120%;
    left: -80px;
    z-index: 1;
    background-color: #FFF;
    display: none;
}
.appDetail-wraper .detail-top  .guest-wrap-line{
    height: 10px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
}
.appDetail-wraper .detail-top .guest-wrap .guest-item{
    float: left;
    width: 50%;
    text-align: center;
    color: #333;
    margin-top: 10px;
    cursor: pointer;
}

.guest-item-top{
    position: absolute;
    top: -20px;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent #ccc transparent;
}
.guest-item-top::after{
    content: '';
    position: absolute;
    top: -9px;
    left: -10px;
    border: 10px solid;
    border-color:  transparent transparent white transparent;
}

.appDetail-wraper .detail-top .guest-wrap .guest-item:nth-of-type(1){
    border-right: 1px solid #ccc;
}
.appDetail-wraper .detail-top .guest-wrap .guest-item img{
    height: 120px;

}
.appDetail-wraper .detail-top .merge{
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ee635d;
    color: #ee635d;
    white-space: normal;
    padding: 0 5px;
    line-height: 50px;
    background: #fff;
    display:inline-block;
    margin-left: 15px;
}
.appDetail-wraper .detail-top .merge:hover{
    background: #ee635d;
    color: #fff;
}
.appDetail-wraper .detail-top .cancal-merge-btn{
    line-height: 1;   
}
.appDetail-wraper .detail-content .item{
    min-height: 75px;
}
.appDetail-wraper .detail-content .item .line{
    border-left: 4px solid #caefe3;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    display: block;
}
.appDetail-wraper .detail-content .item p{
    display: inline-block;
    line-height: 1.5;
    max-width: 290px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
    padding-left: 15px;
}
.appDetail-wraper .detail-content .item  .small{
    font-size: 12px;
    margin-bottom: 0;
    color: #999;
}
.qrcode-item{
    position: relative;
}
.appDetail-wraper .detail-content{
    padding: 25px 0 15px;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}
.appDetail-wraper .detail-content .qrcode-item  .qrcode-img{
    width: 125px;
    height: 125px;
    position: absolute;
    left: 150px;
    top: 5px;
    background-color: #fff;
}
.appDetail-wraper .detail-content .qrcode-item .qrcode-img canvas{
    width: 100%;
    height: 100%;
}
.detail-sign-wrap{
    padding:30px 0;
}
.detail-sign-wrap .detail-sign-tip{
    font-size: 14px;
    color:#333;
    line-height: 1.5;
}
.detail-sign-wrap .detail-sign-tip span{
    color: #08c1a0;
    position: relative;
    top: -1px;
    margin-right: 3px;
    margin-left: 3px;
}
.detail-sign-wrap .detail-sign-btn{
    padding: 8px 20px;
    border-radius: 20px;
}
.detail-sign-wrap .detail-sign-disable-btn{
    padding: 8px 20px;
    border-radius: 20px;
    background: #eee;
    color: #999;
    border: 1px solid #eee;
    cursor: not-allowed;
}

.appDetail-wraper .detail-note{
    padding: 20px 0;
}
.appDetail-wraper .detail-note h4{
    padding-bottom: 10px;
}
.appDetail-wraper .detail-note table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #e6f8f2;
}
.appDetail-wraper .detail-note table th{
    border: none !important;
    text-align: center;
    font-weight: normal;
    color: #666;
    height: 50px;
    background-color: #e6f8f2;
    font-size: 12px;
    vertical-align: middle !important;
}
.appDetail-wraper .detail-note table td{
    padding: 0 15px !important;
    height: 50px;
    vertical-align: middle !important;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #e6f8f2;
    position: relative;
}
.appDetail-wraper .detail-note table .vesion-now{
    position: absolute;
    top: 0;
    left: 0;
}
.detail-note .control{
    width: 200px !important;
    display: inline-block;
    line-height: 50px;
}
.detail-note .control a{
    font-size: 25px;
    color: #999;
    margin-left: 5px;
}
.detail-note .control a:hover{
    color: #08c1a0;
}
/*下载明细页面*/
.download-detail-wrap .choose-time{
    width: 120px;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    position: relative;
}
.download-detail-wrap .choose-time input{
    width: 100%;
}
.download-detail-wrap .choose-time span{
    font-size: 18px;
    position: absolute;
    right: 3px;
    top: 8px;
}
.download-detail-wrap .choose-time-wrap{
    padding-bottom: 15px ;
}
.download-detail-wrap .choose-time-wrap .all_count{
    margin-left: 15px;
    display: inline-block;
}
.download-detail-wrap .search-down{
    display: inline-block;
    padding: 9px 10px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 18px;
}
/*关于我们页面*/
.nav-tabs{
    border: none;
}
.nav-tabs>li a{
    border: none;
    color: #fff;
    background: transparent;
    margin-right:0;
    border-radius: 0;
    height: 49px;
    line-height: 49px;
    padding: 0;
}
.nav-tabs>li a span{
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border: none;
    background: #fff;
    color: #08c1a0;
}
.nav-tabs>li>a:hover{
    background: #fff;
    color: #08c1a0;
}

.aboutus-top .aboutus-top-banner{
    background: url(https://static.bufanapp.com/web/images/ui/about/aboutus_topbanner.png) no-repeat center;
    height: 200px;
}
.aboutus-top h1{
    color: #fff;
    font-size: 36px;
    text-align: center;
    line-height: 200px;
}
.aboutus-cont .tab-header {
    background: rgba(30,199,169,0.5);
    margin-top: -50px;
}
.aboutus-cont .tab-header .nav-tabs>li.active>a,.aboutus-cont .tab-header .nav-tabs>li.active>a:focus,.aboutus-cont .tab-header .nav-tabs>li.active>a:hover{
    background:#4af1d2;
    color: #FFF;
}
.aboutus-cont .tab-header .nav-tabs>li>a:hover{
    background:#4af1d2;
    color: #FFF;
}
.aboutus-cont .tab li{
    width: 25%;
    height: 49px;
    line-height: 49px;
    text-align: center;
}
.aboutus-cont{
    text-align: center;
    padding-bottom: 80px;
}
.aboutus-cont h1{
    font-size: 36px;
    color: #0bcaa8;
    margin:60px 0 43px;
}
.aboutus-cont .content-text{
    font-size: 14px;
    line-height: 2;
    color: #666666;
    box-sizing: border-box;
    padding: 0 90px;
    text-align: left;
}
.aboutus-cont .desc-list-wrap{
    padding: 45px 0;
    margin-top: 130px;
    background: #f5f8fb;
}
.aboutus-cont .desc-list{
    width: 100%;
}
.aboutus-cont .desc-list .desc-item{
    width: 33.3%;
    float: left;
    font-size: 14px;
}
.aboutus-cont .desc-list .desc-item img{
    width: 88px;
    height: 88px;
}
.aboutus-cont .desc-list .desc-item .title{
    font-size: 20px;
    color: #333333;
    padding: 30px 0 20px;
}
.aboutus-cont .feed_button{
    margin-top: 50px;
    border-radius: 22px;
    padding: 10px 40px;
}
.aboutus-cont #desc{
    padding: 0 90px;
}
.aboutus-cont #desc h3{
    text-align: center;
    font-size: 20px;
    color: #333;
    margin: 70px 0 30px;
}
.aboutus-cont #desc p{
    text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 1.8
}
.aboutus-cont #desc .desc-list p{
    text-align: center
}
.aboutus-cont #desc .desc-list .small-title{
    max-width: 180px;
    margin: auto;
}
.aboutus-cont .auditing{
    text-align: left;
    line-height: 1.2;
    padding: 0 90px;
}
.aboutus-cont .auditing h1{
    text-align: center;
}
.aboutus-cont .auditing h3{
    font-size: 20px;
    color: #333333;
    line-height: 33px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.aboutus-cont .auditing h5{
    font-size: 16px;
    color: #333333;
    line-height: 33px;
}
.aboutus-cont .auditing p{
    color: #666666;
    font-size: 14px;
    line-height: 28px;
}
/*价格页面*/
.price-wrap{
    background-color: #f6f8f9;
}
.price-wrap .price-top {
    background: url(https://static.bufanapp.com/web/images/ui/price/price_topbanner.png) no-repeat center;
    height: 200px;
}
.price-wrap .price-content{
    padding-bottom: 30px;
}
.price-wrap .price-top-banner h1{
    font-size: 42px;
    margin-top: 60px ;
    margin-bottom: 20px;
    color: #666;
}
.price-wrap .price-top-banner h5{
    color: #666;
}
.price-wrap .price-list .price-item{
    width: 340px;
    height: 840px;
    text-align: center;
    padding: 50px 20px;
    transition: transform 100ms;
    margin: 20px 0;
    margin-left: calc((100% - 1020px) / 2);
    float: left;
    background-color: #FFF;
}
.price-wrap .price-list .price-item:hover{
    transform:scale(1.05)
}
.price-wrap .price-list .price-item:nth-of-type(1){
    margin-left: 0px;
}
.price-wrap .price-item p,.price-wrap .price-item dt{
    font-size: 14px;
    color: #666666;
    line-height: 1.7;
}
.price-wrap .price-item .title{
    font-size: 28px;
    color: #333333;
    margin:25px 0;
}
.price-wrap .price-item span{
    font-size: 18px;
    margin: 0 3px;
}
.price-wrap .price-item .maney{
    font-size: 55px;
    margin: 30px 0;
}
.price-wrap .price-item .maney1{
    color: #0bcaa8;
}
.price-wrap .price-item .maney2{
    color: #2986f0;
}
.price-wrap .price-item .maney3{
    color: #29cdf0;
}

.price-wrap .price-item button{
    padding: 12px 70px;
    color: #fff;
    border-radius: 23px;
    margin: 20px 0;
}
.price-wrap .price-item .nosign-btn{
    background: #2986f0;
}
.price-wrap .price-item .publish-btn{
    background: #29cdf0;
}
.price-wrap .price-item .nosign-btn:hover{
    background: #6fadf3
}
.price-wrap .price-item .publish-btn:hover{
    background: #6adbf3
}
.price-wrap .price-item button.disable{
    cursor: not-allowed;
    background: #e5e5e5;
    color: #fff;
}
.price-wrap .price-item button.disable:hover{
    background: #e5e5e5;
}
/*价格详情页面*/
.price-detail-wrap{
    padding-bottom: 60px;
}
.price-detail-wrap .price-title{
    color: #999;
    text-align: center;
}
.price-detail-wrap .price-title h2{
    font-size: 36px;
    color: #08c1a0;

}
.price-detail-wrap .price-title  .small-title{
    margin: 20px 0 50px 0;
}
.price-detail-wrap .sign-now{
    text-align: center;
    margin: 30px 0;
}
.price-detail-wrap .sign-now button{
    display: inline-block;
    padding: 15px 50px;
    font-size: 16px;
    border-radius: 44px;
}
.price-table .table th{
    width:33%;
    text-align: center;
    height: 50px;
    color: #666;
    border-top: none;
    position: relative;
    vertical-align: middle;
    border-right: 1px solid #d9eeff;
    font-weight: 600;
    font-size: 15px;
    background-color: #eff7fe;
}
.price-table .table th .recommended{
    color: #5f82ff;
}
.price-table .table th .line{
    display: inline-block;
    width: 30px;
	height: 4px;
    background-color: #08c1a0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.price-table .table td{
    text-align: center;
    border: solid 1px #d9eeff;
    height: 50px;
    color: #666;
    vertical-align: middle;
}
.price-table .table th:nth-of-type(1){
    border-left: 1px solid #d9eeff;
}

.price-publich-wrap{
    background: #fcfcfc;
}
.price-apps-tab{
    width: 440px;
    height: 48px;
    line-height: 48px;
    margin: 50px auto;
}
.price-apps-tab li{
    float: left;
    text-align: center;
    width: 50%;
    color: #333;
    cursor: pointer;
    border: 1px solid #e5e5e5;
}
.price-apps-tab li:first-of-type{
    border-radius: 25px 0 0 25px;
    border-right-color: transparent;
}
.price-apps-tab li:last-of-type{
    border-left-color: transparent;
    border-radius: 0 25px 25px 0;
}
.price-apps-tab li:nth-of-type(1).active {
    background-color: #29cdf0;
    border-color: #29cdf0;
    color: #fff;
}
.price-apps-tab li:nth-of-type(2).active {
    background-color: #2986f0;
    border-color: #2986f0;
    color: #fff;
}
.price-apps-wrap .tab-con h2{
    font-size: 50px;
    color: #08c1a0;
    text-align: center;
    margin-bottom: 30px;
}
.price-apps-wrap .tab-con .small-title{
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 35px;
}
.price-apps-wrap .tab-con .item{
    padding: 40px;
    padding-bottom: 60px;
}
.price-apps-wrap .tab-con .cont:hover{
    box-shadow: 0 3px 10px rgba(21,125,241,.2);
}
.price-apps-wrap .tab-con .cont{
    border: 1px solid #e5e5e5;
    padding-bottom: 40px;
    background: #fff;
    position: relative;
}
.price-apps-wrap .tab-con .big-item-wrap .cont{
    background: #FFF;
}
.price-apps-wrap .tab-con .downloads{
    background: #29cdf0;
    text-align: center;
    padding: 35px 0 30px;
}
.price-apps-wrap .tab-con .downloads.big_bg{
    background: #2986f0;
}
.price-apps-wrap .tab-con .downloads .text{
    color: #FFF;
    font-size: 16px;
    margin-bottom: 15px;
}
.price-apps-wrap .tab-con .downloads .num{
    color: #FFF;
    font-size: 50px;
}
.price-apps-wrap .tab-con .downloads .num span{
    font-size: 16px;
}
.price-apps-wrap .tab-con .instructions dl{
    border-top: 1px solid #e5e5e5;
    text-align: center;
    color: #666;
    padding-top: 25px;
    height: 240px;
}
.price-apps-wrap .tab-con .instructions dl dd{
    margin: 10px 0;
    color: #666;
}
.price-apps-wrap .tab-con .p-price{
    font-size: 16px;
    color: #29cdf0;
    text-align: center;
    margin-bottom: 25px;
}
.price-apps-wrap .tab-con .big-item-wrap .p-price{
    color: #2986f0;
}
.price-apps-wrap .tab-con .p-price span{
    font-size: 40px;
}
.price-apps-wrap  .tab-con .p-pay{
    text-align: center
}
.price-apps-wrap .tab-con .p-pay .btn-buy{
    display: inline-block;
    width: 200px;
    padding: 15px 0;
    color: #29cdf0;
    border: 1px solid #29cdf0;
    border-radius: 23px;
}
.price-apps-wrap .tab-con .icon-duigou-copy{
    color: #29cdf0;
    margin-right: 10px;
}
.price-apps-wrap .tab-con .big-item-wrap  .icon-duigou-copy{
    color: #2986f0;
    margin-right: 10px;
}
.price-apps-wrap .tab-con .big-item-wrap .p-pay .btn-buy{
    color: #2986f0;
    border: 1px solid #2986f0;
}
.price-apps-wrap .tab-con .p-pay .btn-buy:hover{
    background: #29cdf0;
    color: #fff;
}
.price-apps-wrap .tab-con .big-item-wrap .p-pay .btn-buy:hover{
    background: #2986f0;
    color: #fff;
}
.publish-buy-prot{
    margin: 25px 0 0;
    font-size: 12px;
    color: #666;
}
.publish-buy-btn-wrap .nextBtn.disable {
    cursor: not-allowed;
    color: #ccc !important;
    background: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}
.apps-buy .apps-list1 {
    padding: 10px 30px;
}
.apps-buy .apps-list1 li{
    float: left;
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 12px 20px 11px;
    margin-left: 40px;
    margin-bottom: 5px;
}
.apps-buy .apps-list1 li:nth-of-type(1){
    margin-left: 0;
}
.apps-buy .apps-list1 li.active{
    border-color: #5f82ff;
}
.apps-buy .apps-list1 li .left{
    padding-right: 40px;
}
.apps-buy .apps-list1 li .text2{
    color: #333;
    margin-top: 8px;
    font-weight: 600;
}
.apps-buy .apps-list1 .right{
    color: #2e65d6;
    font-size: 30px;
    padding-left: 50px;
    border-left: 1px solid #e5e5e5;
}
.apps-buy .apps-list1 .right span{
    color: #666;
    font-size: 14px;
}
/*反馈页面*/
.feedback-wrap{
    padding: 25px 120px 40px;
}
.feedback-wrap .feedcont{
    border-radius: 5px;
    padding: 25px 30px 30px;
}
.feedback-wrap .title{
    font-size: 30px;
    color: #666;
    margin-bottom: 40px;
}
.feedback-wrap .form-group {
    margin-bottom: 35px;
}
.feedback-wrap label {
    color: #333;
    margin-bottom: 10px;
}
.feedback-wrap  label span {
    color: #fd641d;
    margin-right: 10px;
}
.feedback-wrap  .type li {
    float: left;
    margin-right: 40px;
    cursor: pointer;
    margin-bottom: 10px;
}
.feedback-wrap input[type="radio"]:checked + .radio-beauty {
    padding: 2px;
    background-color: #08c1a0;
    background-clip: content-box;
  }
.feedback-wrap.radio-name {
    vertical-align: middle;
    font-size: 16px;
  }
.feedback-wrap .radio-beauty {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #08c1a0;
    vertical-align: middle;
    margin: 0 15px 0 3px;
    border-radius: 50%;
  }
.feedback-wrap .radio-beauty:hover {
    box-shadow: 0 0 7px #08c1a0;
  }
.feedback-wrap  input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.feedback-wrap .feedback-submit button{
	width: 200px;
	height: 46px;
    border-radius: 23px;
}

/*多张图片公共样式*/
.upload-multiple .upload-img{
    position: relative;
    border: 1px dashed #e5e5e5;
    width: 90px;
    height: 90px;
    border-radius: 5px;
    background: url(https://static.bufanapp.com/web/images/ui/common/img_upload.png) no-repeat center ;
    overflow: hidden;
}
.upload-multiple .upload-img input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.upload-multiple .uploaded-img {
    border: 1px solid #e5e5e5;
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.upload-multiple .uploaded-img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.delete-img{
    width: 20px;
    height: 20px;
    position: absolute;
    right: -9px;
    top: -9px;
    cursor: pointer;
    z-index: 2;
    background: url(https://static.bufanapp.com/web/images/ui/common/icon_close.png);
    display: inline-block
}

/*个人中心相关css*/
.center-crumbs-wrap{
    background: #fcfcfc;
    height: 55px;
    line-height: 55px;
}
.center-crumbs-wrap .breadCrumbs-active{
    color: #5f82ff;
}
.select-auth-content{
    text-align: center;
    padding-bottom: 120px;
}
.select-auth-content img{
    margin: 0 auto
}
.select-auth-title{
    margin: 70px 0 50px 0;
	font-size: 30px;
}
.select-auth-content .select-auth-list .select-auth-item{
    width: 310px;
    text-align: center;
    padding: 45px;
    background-color: #fff;
    transition: transform 100ms;
    margin-right: calc((100% - 760px) / 2);
    border: 1px solid #6486ff;
}
.select-auth-list .select-auth-item:nth-of-type(1){
    margin-right: 100px;
    margin-left: calc((100% - 760px) / 2); 
    margin-right: 0px;
    border-color: #08c1a0;
}
.select-auth-list  .select-auth-item p,.select-auth-list  .select-auth-item dt{
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
}
.select-auth-list .select-auth-item h3{
	font-size: 28px;
	line-height: 30px;
    margin: 20px 0;
}
.select-auth-list  .select-auth-item img{
    width: 64px;
    height: 64px;
}
.select-auth-list  .select-auth-item .title{
    font-size: 28px;
    color: #333333;
    margin:20px 0;
}
.select-auth-list  .select-auth-item span{
    font-size: 18px;
    margin: 0 3px;
}
.select-auth-list  .select-auth-item button{
    width: 200px;
    height: 46px;
    color: #fff;
    border-radius: 23px;
    margin: 30px 0;
}
.select-auth-list .select-auth-item.blue button{
    background: #6486ff;
}
.select-auth-list .select-auth-item.blue button:hover{
    background: #7693fd;
}
.personal-auth-cont{
    border-radius: 5px;
    padding: 0px 30px 30px;
}
.personal-auth-top img{
    margin: 0 auto
}
.personal-auth-list{
    margin-top: 80px;
    padding: 0 220px;
}
.personal-auth-cont label{
    line-height: 34px;
}
.personal-auth-list .personal-auth-img .upload-img1{
    position: relative;
    border: 1px dashed #e5e5e5;
    width: 175px;
	height: 126px;
    border-radius: 5px;
    background: url(https://static.bufanapp.com/web/images/ui/common/icon_upload.png) no-repeat center 30px;
    overflow: hidden;
    margin-left: calc((100% - 525px ) / 2) ;
    float: left;
}

.personal-auth-list .personal-auth-img .upload-img1 .thumbnail{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.personal-auth-list .personal-auth-img .upload-img1 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.personal-auth-img .example-img .thumbnail{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}
.personal-auth-list .personal-auth-img .upload-img1 .text {
    text-align: center;
    margin-top: 100px;
}
.personal-auth-list .example-img-more,.personal-auth-list .upload-img-more{
    margin: 30px 0;
    padding: 0 15px;
}
.personal-auth-img .example-img{
    position: relative;
    border: 1px dashed #e5e5e5;
    width: 175px;
	height: 126px;
    border-radius: 5px;
    overflow: hidden;
    margin-left: calc((100% - 525px ) / 2) ;
    float: left;
}
.personal-auth-img .example-img:nth-of-type(1),.personal-auth-list .personal-auth-img .upload-img1:nth-of-type(1){
    margin-left: 0;
}
.personal-auth-tips{
    display: flex;
    align-items: center;justify-content: center;
}
.personal-auth-tips p{
    line-height: 1.5;
	color: #999999;
}
.personal-auth-agree{
    text-align: center;
    margin: 65px 0;
}
.personal-auth-submit{
    display: flex;
    align-items: center;
    justify-content: center
}
.personal-auth-submit .prev{
    width: 140px;
    height: 36px;
	border-radius: 18px;
    margin-right: 30px;
}
.personal-auth-submit .auth{
    width: 140px;
	height: 36px;
	border-radius: 18px;
    color: #Fff;
}

.enterprise-auth-tip{
    padding: 10px 20px;
    text-align: center;
    line-height: 1.5;
	background: #fff5f2;
	border-radius: 6px;
    border: solid 1px #bfbfbf;
    margin: 30px ;
}
.enterprise-auth-img{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.enterprise-auth-img .upload-img1{
    position: relative;
    border: 1px solid #e5e5e5;
    width: 175px;
	height: 126px;
    border-radius: 5px;
    background: url(https://static.bufanapp.com/web/images/ui/common/icon_upload.png) no-repeat center 100px;
    overflow: hidden;
}

.enterprise-auth-img .upload-img1 .thumbnail{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.enterprise-auth-img .upload-img1 .text {
    text-align: center;
    margin-top: 200px;
}
.enterprise-auth-img .example-img ,.enterprise-auth-img .upload-img1{
    width: 240px;
    height: 300px;
    margin-right: 75px;
}
.enterprise-auth-img .example-img .thumbnail{
    width: 100%;
    height: 100%;
}
.enterprise-auth-img .upload-img1 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.enterprise-auth-list .enterprise-example-img:nth-of-type(1){
    margin-left: calc((100% - 525px ) / 2) ;
}
.apps-right-wrap .usercenter-right-content{
    background: #fcfcfc;
}
.usercenter-right-content .title{
    height: 50px;
    line-height: 50px;
    padding: 0;
}
.usercenter-right-content .title ul li{
    width: 140px;
    display: inline-block;
    text-align: center;
    background-color: #caefe3;
    margin-right: -5px;
}
.usercenter-right-content .title ul li.active{
    background: #fff;
    color: #08c1a0;
    border-bottom: none;
    border: 1px solid #caefe3;
    border-bottom: 1px solid #fff;
}
.apps-right-wrap .usercenter-right-wrap{
    padding: 30px 40px;
}
.usercenter-list{
    line-height: 44px;
}
.usercenter-list .usercenter-item label{
    text-align: left;
    font-weight: 700;
}
.apps-right-wrap .changepass-wrap label{
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.usercenter-list .usercenter-item .cont button{
    width: 80px;
    border-radius: 20px;
}
.usercenter-list .usercenter-item .cont input{
    width: 70%;
    height: 100%;
    padding: 10px;
}
.apps-right-wrap .changepass-wrap  input{
    margin-bottom: 20px;
}
.usercenter-list .usercenter-item .cont textarea{
    width: 70%;
    height: 100%;
    padding: 10px;
}
.usercenter-list .usercenter-item .cont .getVerify-code{
    width: auto;
    height: 37px;
    margin-left: 5px;
    padding: 0 10px;
    border-radius: 18px;
    margin-top: -15px;
}
.usercenter-item .message-cont span{
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 14px;
    vertical-align: middle;
}
.usercenter-item  .message-cont .icon-icon---copy,.usercenter-item  .message-cont .icon-xinfeng{
    font-size: 18px;
}
.usercenter-item .message-cont{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.usercenter-item .message-time span:nth-of-type(2){
    margin-left: 20px;
}
/*余额充值*/
.balance-right-content{
    padding: 0;
}
.balance-right-content .balance-number{
    position: relative;
    padding: 25px 30px 10px;
}
.balance-right-content .balance-number .desc{
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
}
.balance-right-content .balance-number .num{
    color: #fd641d;
    font-size: 40px;
}
.balance-right-content .balance-title{
    padding: 25px 30px 20px;
    margin-top: 20px;
    border-top: 1px solid #d9eeff;
    color: #333;
}
.balance-right-content .mart0{
    margin-top: 0;
}
.balance-right-content .payBtn-wrap .payBtn{
    width: 140px;
    height: 36px;
    border-radius: 18px;
    margin-bottom: 60px;
}
.balance-right-content .payBtn-wrap .payBtn.disable{
    cursor: not-allowed;
    color: #ccc !important;
    background: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}
.balance-right-content .balance-price ul{
    width: 65%;
}
.balance-right-content .balance-price ul li{
    margin-bottom: 20px;
}
.balance-right-content .balance-price li input[name=rechargeAmount]{
    width: 120px;
    position: absolute;
    top: -7px;
    left: 21px;
}
.balance-right-content .balance-price ul .price-num{
    width: 50px;
    display: inline-block;
}
.balance-right-content .balance-prot{
    margin: 25px 0;
    font-size: 12px;
    color: #666;
}
.balance-right-content input[type=checkbox]{
    margin-top: 0;
}
.balance-right-content .card-pay{
    width: 34px;
    margin-right: 10px;
}
.balance-right-content .icon-checkbox{
    background: url(https://static.bufanapp.com/web/images/ui/common/right-botton-active.png) no-repeat;
    width: 42px;
    height: 31px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.balance-right-content .active .icon-checkbox{
    display: block;
}
.balance-right-content .certification-tip{
    margin: 20px 0;
}
.balance-right-content .contrary-transfer dl dt{
    width: 60px;
    float: left;
    font-weight: normal;
    text-align: right;
    margin-right: 45px;
    padding-top: 7px;
}
.balance-right-content .contrary-transfer dl dd{
    line-height: 34px;
    font-weight: normal;
}
.balance-right-content .contrary-transfer .dl-input .error{
    display: none;
}
.balance-right-content .contrary-transfer .dl-input .form-error+.error{
    display: block;
}
.balance-right-content .contrary-transfer .dl-input{
    margin-top: 15px;
}
.order-balance-recharge{
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 25px 30px 10px;
    margin-bottom: 20px;
}
.order-balance-recharge .b-tit{
    color: #333;
    font-weight: 600;
}
.order-balance-recharge .b-num{
    color: #fd641d;
    font-size: 40px;
    line-height: 1.5;
}
.order-balance-recharge .desc{
    font-size: 12px;
    color: #666;
}
.order-balance-recharge  .recharge-btn{
    display: inline-block;
    padding: 10px 25px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 18px;
}
/*消息中心*/
.message-center-list{
    line-height: 44px;
}
.message-center-wrap .message-center-content{
    border: 1px solid #e5e5e5;
}
.message-center-wrap .messagecenter-item{
    border-top: 1px solid #e5e5e5;
    padding: 5px 0;
}
.message-center-wrap .messagecenter-item:hover{
    background-color: #e8faf4;
}
.message-center-wrap a.change_read:hover{
    color:#333;
}
.message-center-wrap input[type=checkbox]{
    margin-top: 0;
    zoom:120%;
}
.message-center-wrap .read-all{
    padding: 4px 12px;
    line-height: normal;
    margin-left: 10px;
    border-radius: 17px;
    background-color: transparent;
}
.message-detail-wrap{
    padding: 15px;
}
.message-detail-title{
    text-align: center;
    font-size: 26px;
    margin-bottom: 25px;
}
.message-detail-title .time{
    color: #666;
    font-size: 12px;
    margin-top: 15px;
}
.message-detail-content{
    line-height: 1.6;
}
/*发票详情页面*/
.billing-btn button{
    padding: 5px 20px;
    margin-bottom: 10px;
    border-radius: 17px;
}
.invoice-right-content .company-name span{
    width: 120px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.invoiceDetail-list{
    line-height: 36px;
    padding: 30px;
}
.invoiceDetail-list .usercenter-item label{
    text-align: right;
}
.invoiceDetail-list hr{
    margin: 20px 0;
    border-color: #d9eeff;
}
.invoiceCreate-form{
    padding: 30px;
}
.invoiceCreate-form .form-item {
    margin-bottom: 20px;
}
.invoiceCreate-form .form-item label{
    margin-bottom: 8px;
}
.invoiceCreate-form .form-item .text-input{
    width: 100%;
    padding: 5px 10px;
}
.invoiceCreate-form .form-item  .select-input{
    border: 1px solid #e5e5e5;
    margin-right: 15px;
    margin-bottom: 20px;
    padding: 5px 10px;
}
.invoiceCreate-form hr{
    margin: 20px 0;
    border-top:1px solid #e5e5e5;
}
.invoiceCreate-form .form-button button{
    width: 140px;
    height: 36px;
    border-radius: 18px;
    margin-left: 15px;
}
/*资质*/
.qualification-tips{
    padding: 30px;
    padding-bottom: 0;
}
.qualification-tips table {
    margin-top: 20px;
    margin-bottom: 0;
}
.qualification-tips table td {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
}
.qualification-upload{
    padding: 0 30px;
}
.qualification-upload .upload-img{
    position: relative;
    border: 1px dashed #e5e5e5;
    width: 90px;
    height: 90px;
    border-radius: 5px;
    background: url(https://static.bufanapp.com/web/images/ui/common/img_upload.png) no-repeat center ;
    overflow: hidden;
}
.qualification-upload .upload-img input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.qualification-submit button , .changeUsername-submit button{
	width: 140px;
	height: 36px;
    border-radius: 18px;
    margin-left: 15px;
}
.changeUsername-submit button{
    margin-top: 30px;
}

/*微信支付页面*/
.wxPay-wrap .wxPay-qrcode{
    width: 200px;
    height: 200px;
    padding: 10px;
    margin: 80px auto 0;
    border: 1px solid #ccc;
}
.wxPay-wrap .wxPay-tip{
    margin-top: 130px;
    color: #333;
}
.wxPay-wrap .wxPay-tip span{
    line-height: 1.5;
}
.wxPay-wrap .wxPay-tip-img{
    text-align: center;
}

/*免责声明页面*/
.disclaimer-wrap .disclaimer{
    background: url(https://static.bufanapp.com/web/images/ui/home/bk_yyfb.png) no-repeat center;
    background-size: contain;
    padding: 120px 180px;
}
.disclaimer-wrap  .disclaimer-cont{
    padding: 50px ;
    background-color: #FFF;
    border: 1px solid #eee;
}
.disclaimer-wrap .disclaimer-cont h3{
    font-size: 36px;
    text-align: center;
    color:#5f82ff;
    margin-bottom: 30px;
}
.disclaimer-wrap .disclaimer-cont p{
    font-size: 14px;
    line-height: 1.7;
}
.disclaimer-wrap .disclaimer-cont p:nth-of-type(1){
    margin-bottom: 30px;
}
.disclaimer-footer img{
    margin: auto;
}

/*封装页面*/
.package-banner{
    background: url(https://static.bufanapp.com/web/images/ui/pack/fengzhuang_topbanner2.png) no-repeat center;
    height: 430px;
    position: relative;
    display: block;
    overflow: hidden;
}
.publish-banner{
    background: url(https://static.bufanapp.com/web/images/ui/apps/publish_topbanner.png) no-repeat center;
    height: 430px;
    position: relative;
    display: block;
    overflow: hidden;
}
.sign-banner-bg{
    background: url(/images/ui/ipas/corporate_topbanner.png) no-repeat center;
}
.publish-banner .content{
    color: #fff;
    height: 100%;
    padding-top: 110px;
}
.publish-banner .content h1{
    font-size: 32px;
    margin-bottom: 30px;
}
.package-banner .content{
    color: #fff;
    height: 100%;
    padding-top: 110px;
}
.package-banner .content h1{
    font-size: 32px;
    margin-bottom: 30px;
}
.publish-banner .content .desc{
    font-size: 16px;
}
.package-banner .content .desc{
    font-size: 16px;
    margin-bottom: 10px;
}
.publish-banner .content .desc.mb40{
    margin-bottom: 40px;
}
.package-banner .content .desc.mb40{
    margin-bottom: 40px;
}
.package-banner .content .desc-icon span{
    color: #fff;
    display: inline-block;
}
.package-banner .content .desc-icon .desc-icon-circle{
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 10px;
}
.package-banner .content .desc-icon .desc-icon-circle:nth-of-type(1){
    margin-left: 0;
}
.package-banner .content .desc-icon img{
    margin-left: 30px
}
.package-banner .content .desc-icon img:nth-of-type(1){
    margin-left: 0;
}
.package-banner .content ul:nth-of-type(2){
    margin-top: 0
}
.package-banner .content li{
    float: left;
    margin: 20px 40px 20px 0px;
    font-size: 16px;
}
.package-banner .content .package-now span{
    display: inline-block;
    padding: 15px 60px;
    border: 1px solid #fa8359;
    background: #fa8359;
    border-radius: 5px;
    color: #fff;
}
.package-model-one{
    padding: 60px 0;
    background-color: #f6f8fe;
}
.package-model-one .content {
    height: 520px;
    background: url(https://static.bufanapp.com/web/images/ui/pack/fz_mqbk.png) no-repeat center;
    background-size:contain;
}
.package-model-one .content .item{
    width: 440px;
    background-color: #FFF;
    padding:  20px 0;
    min-height: 140px;
    border: solid 1px #ccdcf9;
}
.package-model-one .content .item1{
    margin-top: 80px;
    margin-left: -10px;
}
.package-model-one .content .item2{
    margin-top: 75px;
}
.package-model-one .content .item3{
    margin-top: 48px;
    margin-left: -10px;
}
.package-model-one .content .item4{
    margin-top: 48px;
}

.package-model-one .content .item img{
    margin: 0 30px 0 15px;
}
.package-model-one .content .item .cont{
    text-align: left;
}
.package-model-one .content .item .cont.fr{
    text-align: right;
}
.package-model-one .content .item .cont .title{
	font-size: 18px;
    color: #333333;
    margin: 20px 0 10px 0;
}
.package-model-one .content .item .cont .desc{
    color: #999;
    line-height: 1.5;
}
.package-model-one .head h2, .package-model-two .head h2, .package-model-three .head h2{
    margin-bottom: 20px;
}
.package-model-two .package-model-two-left img{
    max-width: 100%;;
}
.package-model-two-right{
    position: relative;
    text-align: left;
}
.package-model-two-right .item1{
    margin-top: 65px;
    margin-left: -60px;
}
.package-model-two-right .item2{
    margin-top: 80px;
    margin-left: 0px;
}
.package-model-two-right .item3{
    margin-top: 95px;
    margin-left: 0px;
}
.package-model-two-right .item4{
    margin-top: 75px;
    margin-left: -60px;
}
.package-model-two-right .item  img{
    display: none;
}
.package-model-two-right .item .title{
    font-size: 18px;
    margin-bottom: 10px;
}
.package-model-two-right .item .desc{
    font-size: 14px;
    color: #999;
}
.package-model-three{
    background: url(https://static.bufanapp.com/web/images/ui/pack/fz_stepbk1.png) no-repeat center;
    background-size: cover;
    height: 680px;
}
.package-model-three .head h2{
    font-size: 36px;
}
.package-model-three .content{
    margin-top: 160px;
}
.package-model-three .content .item{
    width:calc((100% - 200px) / 6);
    margin-right: 40px;
    float: left;
    min-height: 190px;
    color: #999;
    line-height: 1.4;
    position: relative;
}
.package-model-three .content .item .num_bg{
    position: absolute;
    top: -130px;
    left: 25px;
    font-size: 178px;
    color: #dbeefb;
    z-index: 1;
}
.package-model-three .content .item .item_cont{
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 15px;
    padding: 20px;
}
.package-model-three .content .item:nth-of-type(6){
    margin-right: 0;
}
.package-model-three .content .item img{
   width: 48px;
   height: 48px; 
   margin-top: 50px;
   margin-bottom: 30px;
}
.package-model-three .content .item .item-cont .title{
    font-size: 14px;
    line-height: 1.2;
}
.package-model-four{
    background: #000;
}
.package-model-four .head h2{
    font-size: 36px;
}
.package-model-four .col-md-3{
    width: 20%;
}
.package-model-four .content .item{
    margin-bottom: 30px;
    position: relative;
}
.package-model-four .content .item .case{
    margin:0 auto 
}
.package-model-four .content .item:hover .hover{
    left: 15px;
    top: 0px;
    width: calc(100% - 30px);
    height: calc(100%);
    border-radius: 0;
}
.package-model-four .content .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%;
}
.package-model-four .content .item h3{
    display: inline-block;
    position: absolute;
    top:calc(50% - 13px);
    left: calc(50% - 24px);
    color: #fff;
    z-index: 2;
}
.package-model-four .content .item .case-color-1{
    background-color: rgba(255,92,92,0.6);
}
.package-model-four .content .item .case-color-2{
    background-color: rgba(197,16,166,0.6);
}
.package-model-four .content .item .case-color-3{
    background-color: rgba(92,213,133,0.6);
}
.package-model-four .content .item .case-color-4{
    background-color: rgba(239,81,5,0.6);
}
.package-model-five .content .item{
    width: 14%;
    float: left;
    margin-bottom: 40px;
    min-height: 60px;
}
.package-model-five .content .item p {
    margin-top: 15px;
}
/*封装上传表单*/
.pack-left-wrap ul li a span{
    display: inline-block;
    margin-left: 10PX;
}
.apps-right-wrap .pack-noback-step-wrap .step li{
    width:33.3%;
}
.pack-right-content .form-group{
    margin-bottom:25px;
}
.pack-right-content .choose-pack-cont{
    margin-left: 15px;
    font-size: 12px;
    line-height: 1.4;
    color: #999;
}
.pack-right-content .choose-pack-cont .choose-pack-btn{
    font-size: 14px;
    padding: 5px 12px;
    margin: 12px 0 5px 0;
    border-radius: 22px;
}
.ipas-right-content .form-group .free-selease-tip{
    padding:0px 20px 0px;
    color: #999;
}
.ipas-right-content .form-group .free-selease-tip .free-selease{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 0;
    margin-right: 2px;
}
.nosign-plugin{
    padding: 8px 0;
}
.nosign-plugin .con{
    padding-top: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    cursor: pointer;
    width: 168px;
}
.nosign-plugin .con .c-left{
    font-size: 12px;
    width: 60%;
    text-align: center;
}
.nosign-plugin .con img{
    margin: 10px auto 6px;
    height: 25px;
    max-width: 100%;
}
.nosign-plugin .con .c-right{
    padding: 15px 10px 15px 0;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.nosign-plugin .con .c-right .line{
    border-left: 1px solid #e5e5e5;
    width: 1px;
    height: 100%;
    margin-right: 10px;
}
.nosign-plugin .con .c-right label{
    padding: 0;
}
.nosign-plugin .con-price{
    height: 24px;
    padding: 5px 10px;
    color: #777;
    background: #ececec;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.umui-switch {
    width: 38px;
    height: 21px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none; 
}
.umui-switch:before {
    content: '';
    width: 22px;
    height: 19px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.umui-switch.active {
    border-color: #08c1a0;
    box-shadow: #08c1a0 0 0 0 16px inset;
    background-color: #08c1a0; 
}
.umui-switch.active:before {
    left: 15px; 
}
.umui-switch.umui-switch-animbg {
    transition: background-color ease 0.4s; 
}
.umui-switch.umui-switch-animbg:before {
    transition: left 0.3s; 
}
.umui-switch.umui-switch-animbg:checked {
    box-shadow: #dfdfdf 0 0 0 0 inset;
    background-color: #08c1a0;
    transition: border-color 0.4s, background-color ease 0.4s; 
}
.umui-switch.umui-switch-animbg:checked:before {
        transition: left 0.3s; 
}

/*封装弹窗*/
.package-modal .modal-aside{
    background-color: #f0f0f0;
    border-radius: 6px;
}
.package-modal .modal-aside .modal-aside-left{
    width: 35%;
}

.package-modal .modal-aside .modal-aside-left .tit1 {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 25px;
}
.package-modal .modal-aside .modal-aside-left #picPreview{
    background: url('https://static.bufanapp.com/web/images/ui/pack/aside-phone.png') no-repeat center;
    width: 268px;
    height: 564px;
    margin: 0 auto;
    position: relative;
}
.package-modal .m-icon img {
    width: 150px;
    height: auto;
    display: block;
    border-radius: 15px;
    margin: 0 auto;
}
.package-modal .modal-aside .modal-aside-left #picPreview img{
    width: 240px;
    height: 425px;
    position: absolute;
    left: 14px;
    top: 70px;
    border-radius: 0px;
}
.package-modal .modal-aside .modal-aside-right {
    width: 65%;
    background-color: #fff;
    border-radius: 0 6px 6px 0;
}
.package-modal .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.package-modal .modal-dialog .modal-body{
    padding: 20px 30px;
    min-height: 410px;
}
.package-modal  .make-img-common .tab-common {
    padding: 30px 40px;
}
.package-modal .make-img-common .tab li.active {
    background-color: #fff;
    border-bottom-color: transparent;
}
.package-modal  .make-img-common .tab li {
    float: left;
    width: 16.66666667%;
    text-align: center;
    line-height: 32px;
    border: 1px solid #e5e5e5;
    color: #333;
    background-color: #fbfbfb;
    cursor: pointer;
}
.package-modal .make-img-common .tab-common ul li {
    width: calc((100% - 24px) / 7);
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    cursor: pointer;
    border: 1px solid #e5e5e5;
}
.package-modal .make-img-common .tab-common ul li img{
    max-width: 100%;
}
.pack-appLogo-modal .make-img-common .tab-common ul li {
    width: calc((100% - 20px) / 5);
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    cursor: pointer;
    border: 1px solid #e5e5e5;
}
.pack-appLogo-modal .make-img-common .tab-common ul li img{
    max-width: 100%;
}
.package-modal .make-img-common .icon-xuanzhong{
    display: none;
    font-size: 18px;
    position: absolute;
    right: 0;bottom: 0;
    color: #08c1a0
}
.package-modal .tab-con .tab-common li.active .icon-xuanzhong{
    display: block;
}
.package-modal .make-img-common .tab-con{
    border: 1px solid #e5e5e5;
    margin-top: -1px;
}
.package-modal .package-modal-btn{
    padding: 8px 40px;
}
.no-back-js{
    padding: 25px 20px;
}
.no-back-js .tit{
    font-size: 14px;
    color: #333;
    line-height: 1.2;
    margin-bottom: 10px;
}
.no-back-js .red-start{
    margin-top: 10px;
}
.no-back-js .copy-btn{
    width: 140px;
    height: 36px;
    margin-left: 0;
    margin-bottom: 20px;
    border-radius: 18px;
    margin-top: 10px;
}
.no-back-js .tip-cont{
    color: #999;
    line-height: 1.5;
    text-indent: 4;
}
/*普通封装*/
.packOridinary-right-content {
    display: none;
}
.apps-right-wrap .packOridinary-step-wrap .step li{
    width:20%;
}
.packOridinary-step1 .effectiveTime,.packOridinary-step2 .effectiveTime{
    padding-left: 0;
}
.packOridinary-step2 .effectiveTime li{
    margin-right: 30px;
}
.packOridinary-right-content .next-submit{
    width: 140px;
    height: 34px;
    margin: 15px;
    border-radius: 17px;
}
.packOridinary-right-content .prevBtn{
    background: transparent;
    color: #08c1a0;
    margin-left: 12px;
    margin-right: 12px;
}
.packOridinary-right-content .nextBtn,.packOridinary-right-content .paySubmit{
    width: 120px;
    height: 34px;
    margin: 15px;
}
.start-picture .upload-img{
    width: 120px;
    height: 215px;
    background:url('https://static.bufanapp.com/web/images/ui/common/start-upload.png') no-repeat center;
}
.start-picture .upload-text{
    text-align: center;
    color: #666;
    margin-top: 130px;
}
.start-picture .choose-pack-cont{
    margin-top: 133px;
}
.packOridinary-step2 .upload-img img{
    width: 100%;
    height: 100%;
}
.packOridinary-step4 .product-selected{
    padding-left: 30px;
}
.packOridinary-step4 .product-selected-item {
    padding-bottom: 10px ;
}
.packOridinary-step4 .product-selected-item .icon-duigou-copy{
    color:#08c1a0;
}

.nomal-renew-content .product-selected{
    padding-left: 30px;
}
.nomal-renew-content .product-selected-item {
    padding-bottom: 10px ;
}
.nomal-renew-content .product-selected-item .icon-duigou-copy{
    color:#08c1a0;
}
/*资讯
*/
.bulletin-modle{
    padding-bottom: 60px;
    min-height: 600px;
}
.bulletin-modle .bulletin-left{
    width: 78%;
    float: left;
}
.bulletin-modle .bulletin-left .head {
    margin-top: 20px;
}
.bulletin-modle .bulletin-left .head .title{
    font-size: 16px;
    display: inline-block;
    padding-left: 10px;
    border-left: 3px solid #08c1a0;
}
.bulletin-modle .bulletin-left .item{
    padding:30px 0;
    border-bottom: 1px solid #ccc;
}
.bulletin-modle .bulletin-left .item-img img{
    width: 226px;
    height: 140px;
}
.bulletin-modle .bulletin-left .item-info{
    margin-left: 250px;
}
.bulletin-modle .bulletin-left .item-info .title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-bottom: 10px;
}
.bulletin-modle .bulletin-left .item-info .time{
    margin-bottom: 20px;   
    color: #333;
}
.bulletin-modle .bulletin-left .item-info .time span{
    color: #999;
}
.bulletin-modle .bulletin-left .item-info .desc{
    min-height: 42px;
    line-height: 1.5;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.bulletin-modle .bulletin-left .item-info .tags{
    min-height: 24px;
    color: #999;
}
.bulletin-modle .bulletin-left .item-info .tags a{
    font-size: 12px;
    color: #999;
}
.bulletin-modle .bulletin-left .item-info .tags span{
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-radius: 30px;
    margin-right: 15px;
    margin-top: 5px; 
    display: inline-block;
}
.bulletin-modle .bulletin-left .item-info .tags a.active span{
    color: #5f82ff;
    border-color: #5f82ff;
}
.bulletin-modle .bulletin-left .item-info .tags a:hover span{
    color: #5f82ff;
    border-color: #5f82ff;
}
.bulletin-modle .bulletin-right{
    width: 19%;
    float: right;
}
.bulletin-modle .bulletin-right .head {
    margin-top: 20px;
    margin-bottom: 20px;
}
.bulletin-modle .bulletin-right .title{
    font-size: 16px;
    display: inline-block;
    padding-left: 10px;
    border-left: 3px solid #08c1a0;
}
.bulletin-modle .bulletin-right ul li{
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 15px;
    line-height: 1.4;
    cursor: pointer;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bulletin-modle .news-info .info-title .title{
    font-size: 28px;
    line-height: 1.4;
    margin-top: 20px;
}
.bulletin-modle .news-info .info-title .time {
    margin-top: 10px;
}
.bulletin-modle .news-info .info-title .time span{
    color: #999;
}
.bulletin-modle .news-info .line{
    height: 1px;
    background-color: #e5e5e5;
    margin: 15px 0;
}
.bulletin-modle .news-info img{
    max-width: 100%;
    height: 100%;
}
.bulletin-modle .reco-wrap{
    margin-top: 50px;
}
.bulletin-modle .reco-wrap .reco-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.bulletin-modle .reco-wrap .reco-tag{
    margin-top: 15px; 
    margin-bottom: 15px; 
}
.bulletin-modle .reco-wrap .reco-tag span{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
}
.bulletin-modle .reco-wrap .reco-tag span.active{
    color: #08c1a0;
    border: 1px solid #08c1a0;
}
.bulletin-modle .reco-wrap .recomment-wrap{
    display: none;
}
.bulletin-modle .reco-wrap .recomment-wrap.active{
    display: block;
}
.bulletin-modle .reco-wrap .reco-item{
    width: 25%;
    padding: 15px;
    float: left;
}
.bulletin-modle .reco-wrap .reco-item img{
    width: 100%;
    height: 105px;
}
.bulletin-modle .reco-wrap .reco-item p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px
}
/*案例*/
.case-banner{
    background: url(https://static.bufanapp.com/web/images/ui/home/case_topbanner.png) no-repeat center;
    height: 200px;
    overflow: hidden;
}
.case-banner h1{
    color: #666;
    font-size: 42px;
    margin-top: 60px;
    margin-bottom: 20px;
    color: #FFF;
}
.case-banner h5{
    color: #666;
    font-size: 16px;
    color: #FFF;
}
.case-modle-one{
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.case-modle-one .item{
    display: inline-block;
    width: 12%;
    margin-right: 1%;
    border-radius: 30px;
    border: 1px solid #666;
    color: #666;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
}
.case-modle-one .item.active{
    color: #08c1a0;
    border-color: #08c1a0;
}
.case-modle-one .item:nth-of-type(n+7){
    display: none;
}
.case-modle-tow{
    padding: 60px 0;
}
.case-modle-tow .item .img-wrap{
    display: table-cell;
    padding-right: 15px;
}
.case-modle-tow .item .img-wrap img{
    width: 96px;
    height: 96px;
    border-radius: 10px;
}
.case-modle-tow .item .title-wrap{
    display: table-cell;
    vertical-align: top;
    padding-top: 10px;

}
.case-modle-tow .item .title-wrap .title{
    font-size: 28px;
    margin-bottom: 20px;
}
.case-modle-tow .item .title-wrap .small-title{
    font-size: 14px;
    color: #999;
    line-height: 1.2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-modle-tow .item-wrap{
    display: none;
}
.case-modle-tow .item-wrap.active{
    display: block;
}
.case-modle-tow .item {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
}
.case-modle-tow .item .item-content{
    margin-top: 30px;
}
.case-modle-tow .item .item-content .content-wrap{
    padding: 20px 40px;
    margin-top: 10px;
}
.case-modle-tow .item .item-content .content-img-wrap{
    display: inline-block;
    width: 75%;
}  
.case-modle-tow .item .item-content .content-img-wrap img{
    width: 30%;
    margin-right: 2%;
    height: 380px;
}  
.case-modle-tow .item .item-content .content-qrcode-wrap{
    display: inline-block;
    width: 25%;
    padding-top: 10p;
    text-align: center;
    vertical-align: top;
} 
.case-modle-tow .item .item-content .content-qrcode-wrap .qrcode{
    margin-top: 15px;
    margin-bottom: 15px;
}
.case-modle-tow .item .item-content .content-qrcode-wrap .see-btn{
    width: 140px;
    margin: 0 auto;
    height: 48px;
    line-height: 48px;
    border-radius: 10px;
    margin-top: 15px;
}
/*工具*/
.tool-index-wrap{
    padding-bottom: 40px;
}
.tool-index-wrap .item{
    text-align: center;
    height: 270px;
    display: block;
    cursor: pointer;
    border: 3px solid transparent;
    padding-top: 32px;
    border-radius: 12px;
    margin-top: 30px;
    box-shadow: 0 0 40px 0 rgba(157,163,179,.15);
}
.tool-index-wrap .item:hover{
    border-color: #08c1a0;
}
.tool-index-wrap .more-item:hover{
    border-color: transparent;
}
.tool-index-wrap .item .title{
    color: #333;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.tool-index-wrap .item .more-tool{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #eee;
    margin: auto;
    overflow: hidden;
}
.tool-index-wrap .item .more-tool img{
    width: 50%;
    margin: 25% auto;
}
.toolkit-make-icon{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 30px;
    margin-bottom: 40px;
}
.toolkit-make-icon .make-icon .sticky-top-30{
    position: -webkit-sticky;  /* for Safari */
    position: sticky;
    top: 30px;
}
.toolkit-make-icon .make-icon .m-left .m-tit{
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.toolkit-make-icon .make-icon .m-left .i-name{
    color:#fff;
    width: 100%;
    white-space: pre-wrap;
    word-break: break-all;
}
.toolkit-make-icon .make-icon .m-left .i-name1{
    text-align: center;
    margin-bottom: 5px;
    font-size: 24px;
    color:#fff;
}
.toolkit-make-icon .make-icon .m-left .i-name2{
    text-align: center;
    margin-top: 5px;
    font-size: 24px;
    color:#fff;
}
.toolkit-make-icon .make-icon .m-icon{
    background-position: center;
    width: 180px;
    height: 180px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background-color: #08c1a0;
}
.toolkit-make-icon .make-icon .m-icon img{
    max-width: 110px;
    height: auto;
}
.toolkit-make-icon .m-right{
    padding: 30px 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.toolkit-make-icon .make-icon .m-tit{
    color: #333;
    margin-bottom: 7px;
}
.toolkit-make-icon .make-icon .icon-bg{
    border: 1px solid #e5e5e5;
    padding: 30px 25px;
    border-radius: 3px;
    margin-bottom: 50px;
}
.toolkit-make-icon .make-icon .m-icon-bg1{
    margin-bottom: 20px;
}
.toolkit-make-icon .make-icon .icon-bg dl dt {
    color: #333;
    margin-right: 20px;
    line-height: 30px;
    font-weight: normal;
}
.toolkit-make-icon .make-icon .m-icon-bg1 dd {
    width: 40%;
}
.toolkit-make-icon .make-icon .m-icon-bg2 dt{
    line-height: 40px;
}
.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active{
    border-color: #08c1a0;
}
.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type{
    border-radius: 3px 0 0 3px;
}
.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li{
    width: 40px;
    height: 40px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    float: left;
    cursor: pointer;
    position: relative;
}
.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #08c1a0;
}
.toolkit-make-icon .make-icon .sp-preview{
    width: 210px;
}
.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-xuanzhong {
    width: 16px;
    height: 16px;
    color: #08c1a0;
    display: none;
    position: absolute;
    right: 0;
    bottom: 3px;
}
.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-xuanzhong{
    display: block;
}
.toolkit-make-icon .make-icon .foreground-map .tab li {
    float: left;
    padding: 0 30px;
    line-height: 36px;
    border: 1px solid #e5e5e5;
    color: #333;
    background-color: #fbfbfb;
    cursor: pointer;
}
.toolkit-make-icon .make-icon .foreground-map .tab li.active {
    background-color: #fff;
    border-bottom-color: transparent;
}
.toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type {
    border-radius: 3px 0 0 0;
}
.toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type {
    border-radius: 0 3px 0 0;
}
.toolkit-make-icon .make-icon .foreground-map .tab-con {
    border: 1px solid #e5e5e5;
    margin-top: -1px;
    border-radius: 0 3px 3px 3px;
    margin-bottom: 40px;
}
.toolkit-make-icon .make-icon .foreground-map .tab1 {
    padding: 30px 10px 30px 10px;
}
.toolkit-make-icon .make-icon .foreground-map .tab-con>div{
    display: none;
}
.toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2 {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
}
.toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10 {
    width: 80%;
    padding-left: 10px;
    padding-right: 10px;
}
.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul{
    height: 204px;
    overflow-y: auto;
}
.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li{
    width: 50px;
    height: 50px;
    background: url(https://static.bufanapp.com/web/images/ui/tool/icon/m-bg.png) repeat-x;
    position: relative;
    margin-right: 1px;
    margin-bottom: 1px;
    float: left;
    cursor: pointer;
}
.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con{
    border: 1px solid transparent;
    padding: 10px;
}
.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-xuanzhong{
    color: #08c1a0;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-xuanzhong{
    display: block;
}
.toolkit-make-icon .make-icon .foreground-map .tab2{
    padding: 30px 10px;   
}
.toolkit-make-icon .make-icon .foreground-map .tab3{
    padding: 30px 10px;   
}
.toolkit-make-icon .make-icon .prospects{
    padding: 7px 0 0 0;
}
.toolkit-make-icon .make-icon .prospects li{
    float: left;
    margin-right: 35px;
    cursor: pointer;
}

.toolkit-make-icon .make-icon .m-icon-radio li{
    float: left;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}
.toolkit-make-icon .make-icon .m-icon-radio li .icon-xuanzhong{
    width: 16px;
    height: 16px;
    color: #08c1a0;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    line-height: 1;
}
.toolkit-make-icon .make-icon .m-icon-radio li.active .icon-xuanzhong{
    display: block;
}
.toolkit-make-icon .make-icon .img-size dd .icon-xiazai{
    margin-right: 6px;
}
.toolkit-make-icon .make-icon .img-size dd{
    float: left;
    margin-right: 40px;
    cursor: pointer;
}

.toolkit-make-img  .small_tit{
    display: inline-block;
    font-size: 12px;
    margin-left: 5px;
    vertical-align: text-bottom;
}
.toolkit-make-img .make-icon .m-icon{
    width: 207px;
    height: 368px;
}
.toolkit-make-img #iconPreview{
    overflow: hidden;
}
.toolkit-make-img .n-select{
    width: 90px;
}
.toolkit-make-img .umr10{
    margin-right: 10px;
}
.toolkit-make-img .umb15{
    margin-bottom: 15px;
}
.toolkit-make-img .uml75{
    margin-left: 75px;
}
.toolkit-make-img  .model-tit{
    width: 75px;
    text-align: right;
    display: inline-block;
    line-height: 34px;
    margin-right: 10px;
}
.toolkit-make-img  .n-selset-icon{
    line-height: 32px;
    border: 1px solid #e5e5e5;
    padding: 0 5px;
}
.toolkit-make-icon .make-icon .m-icon img{
    max-width: 100px;
    height: auto;
}
.toolkit-make-img  .n-title-text{
    width: 130px;
}
.toolkit-make-img  .n-scale-text{
    width: 100px;
}
.toolkit-make-img .n-posi-text{
    width: 90px;
}
.toolkit-make-img .n-font-weight{
    width: 105px; 
}
.toolkit-make-img .m-con:nth-of-type(n+4){
    display: none;
}
.toolkit-make-img .model-item {
    margin-bottom: 20px;
}
.toolkit-make-img .model-item:nth-of-type(n+4){
    display: none;
}
.toolkit-make-img .model-item .sp-preview{
    width: 40px;
}
.toolkit-make-img .model_add_btn{
    display: inline-block;
    padding: 6px 12px;
    border-radius: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    background: #08c1a0;
    color: #fff;
    border: 1px solid #08c1a0;
    font-weight: 700;
    line-height: 1.5;
}
.toolkit-make-img-modal-wrap .icons li{
    width: 50px;
    height: 50px;
    background: url(https://static.bufanapp.com/web/images/ui/tool/icon/m-bg.png) repeat-x;
    position: relative;
    margin-right: 1px;
    margin-bottom: 1px;
    float: left;
    cursor: pointer;
}
.toolkit-make-img-modal-wrap .icons li .t-con{
    border: 1px solid transparent;
    padding: 10px;
}
.toolkit-make-img-modal-wrap .icons li .icon-xuanzhong{
    color: #08c1a0;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.toolkit-make-img-modal-wrap .icons li.active .icon-xuanzhong {
    display: block;
}
.tool-plist-wrap{
    padding: 80px;
    background: #FFF;
    margin-bottom: 50px;
}
.tool-plist-title-wrap .tool-plist-title{
    color: #333;
    font-size: 36px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 500;
}
.tool-plist-title-wrap .tool-plist-small-title {
    color: #8c9497;
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
}
.tool-plist-form-item{
    margin: 25px 0;
}
.tool-plist-form-item label{
    text-align: right;
    font-weight: normal;
}
.tool-plist-form-item .errorInfo{
    display: none;
    margin-top: 5px;
}
.tool-plist-form-item .error{
    display: block;
}
.tool-plist-form .btn{
    color: #fff;
    border-radius: 0;
    margin-top: 15px;
}

.sign-app-logo{
    width:60px;
    height:60px;
    border-radius: 15px;
}
.sign-btn-wrap .prevBtn {
    background: transparent;
    color: #08c1a0;
    margin-left: 12px;
    margin-right: 12px;
}
.sign-btn-wrap .nextBtn, .sign-btn-wrap .paySubmit {
    width: 120px;
    height: 34px;
    margin: 15px;
    border-radius: 17px;
}
.sign-prod-name li{
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 12px 20px 11px;
    margin-right: 40px;
    float: left;
    position: relative;
    cursor: pointer;
}
.sign-prod-name .expired-li{
    border: 1px solid #e5e5e5;
    background: #eee;
    border-radius: 3px;
    padding: 12px 20px 11px;
    margin-right: 40px;
    float: left;
    cursor: not-allowed;
}
.sign-prod-tip {
    margin-top: 20px;
    padding: 15px;
    border: 2px dashed #ff4222;
}
.sign-prod-name li.active{
    border-color: #157df1;
}
.sign-prod-name li.active .radio-checked{
    display: block;
}
.sign-prod-name li .icon-checkbox{
    right: -5px;
    bottom: -4px;
    transform: scale(0.8);
}
.sign-hs-wrap table td{
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sign-right-content .step-title{
    padding: 15px;
}