@charset "utf-8";



@media (min-width: 1300px) {

    .container {

        width: 1300px;

    }



    .table-responsive {

        overflow-x: visible;

    }

}



/*根据bootstrap popover框 自定义popover框*/

.popover1 {

    position: absolute;

    top: calc(100% + 9px);

    left: 50%;

    transform: translateX(-50%);

    z-index: 1060;

    display: none;

    max-width: 300px;

    padding: 1px;

    text-align: left;

    background-color: #fff;

    border: 1px solid #ccc;

    border-radius: 6px;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    border: 1px solid rgba(0, 0, 0, .2);

}



.popover1.bottom>.arrow {

    top: -11px;

    left: 50%;

    margin-left: -11px;

    border-top-width: 0;

    border-bottom-color: #999;

    border-bottom-color: rgba(0, 0, 0, .25);

}



.popover1>.arrow {

    border-width: 11px;

}



.popover1>.arrow,
.popover1>.arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

}



.popover1.bottom>.arrow:after {

    top: 1px;

    margin-left: -10px;

    content: " ";

    border-top-width: 0;

    border-bottom-color: #fff;

}



.popover1>.arrow:after {

    content: "";

    border-width: 10px;

}



.popover1>.arrow,
.popover1>.arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

}



.ms-badge {

    background-color: #f4242e;

    width: 16px;

    height: 16px;

    line-height: 16px;

    display: inline-block;

    color: #fff;

    border-radius: 50%;

    font-size: 12px;

    text-align: center;

    position: relative;

    top: -12px;

    left: 0;

}



.ms-badge:empty {

    display: none;

}



/*bootstrap分页*/

.pagination {

    margin: 30px 0 5px;

}



/*缩略图*/

.ms-thumbnail {

    display: block;

    /* background-color: rgb(39, 39, 39); */

}



.ms-thumbnail img {

    margin: 0 auto 20px;

    display: block;

}



.ms-thumbnail .ms-caption {

    padding: 0 25px;

    text-align: center;

}



.ms-thumbnail .ms-caption .tit {

    font-size: 18px;

    color: #fff;

    margin-bottom: 10px;

}



.ms-thumbnail .ms-caption p {

    color: #999;

}



/*/缩略图*/



/*复制功能*/

.copy {

    cursor: pointer;

    margin-left: 5px;

    color: #f77721;

}



/*/复制功能*/



/*上传图标*/

.new-upload-icon {

    position: relative;

    border: 1px solid #ddd;

    height: 100px;

    width: 100px;
    /*border-radius: 15px;*/

    background: url("../image/icon-10.png") no-repeat center 23px;

    overflow: hidden;

    margin-left: 15px;

}



.new-upload-icon img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;
    /*border-radius: 15px;*/

    background-color: #fff;
    /*border: 1px solid #e5e5e5;*/

}



.new-upload-icon input[type=file] {

    position: absolute;

    z-index: 2;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.new-upload-icon .text {

    text-align: center;

    margin-top: 60px;

    font-size: 14px;

    font-weight: 600;

    color: #999;

}



.new-upload-icon .ongoing {

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 12px;

    display: none;

}



.new-upload-icon.uploading .ongoing {

    display: flex;

}



.new-upload-icon .reset {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 20px;

    line-height: 20px;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    color: #fff;

    text-align: center;

    font-size: 12px;

    display: none;

}



.new-upload-icon .reset {

    display: none;

}



.new-upload-icon.uploaded .reset {

    display: none;

}



.new-upload-icon.uploaded:hover .reset {

    display: block;

}



/*上传图标*/



/*上传图片*/

/*上传图片*/





/*输入框搜索*/

.input-search {

    position: relative;

}



.input-search .iconfont {

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 16px;

    cursor: pointer;

    color: #f77721;

}



.input-search input {

    height: 30px;

    line-height: 30px;

    width: 170px;

    border: 1px solid rgb(39, 39, 39);

    padding-left: 10px;

    background-color: rgb(15, 15, 15);

    color: #fff;

    border-radius: 3px;

    font-size: 13px;

}



.input-search input::-webkit-input-placeholder {

    color: #888 !important;

    font-size: 13px;

}



.input-search input::-moz-placeholder {

    color: #888 !important;

    font-size: 13px;

}



.input-search input::-ms-input-placeholder {

    color: #888 !important;

    font-size: 13px;

}



/*APP iOS Android 下拉*/

.app-system-select {

    position: relative;

    width: 90px;

    height: 30px;

    line-height: 28px;

    padding-left: 10px;

    border: 1px solid rgb(39, 39, 39);

    border-radius: 3px;

    background-color: rgb(15, 15, 15);

    cursor: pointer;

    color: #fff;

    margin-right: 10px;

    font-size: 13px;

}



.app-system-select .iconfont {

    position: absolute;

    right: 7px;

    font-size: 14px;

    height: auto;

    color: #999;

}



.app-system-select ul {

    position: absolute;

    top: calc(100% + 1px);

    left: 0;

    background-color: rgba(50, 50, 50, 0.9);

    width: 100px;

    padding: 10px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .1);

    z-index: 3;

    line-height: 30px;

    display: none;

}



.app-system-select ul li {

    cursor: pointer;

}



.app-system-select ul li.active {

    color: #f77721;

}



.app-system-select ul li:hover {

    color: #ed8d4e;

}



.blue-line {

    width: 35px;

    height: 2px;

    background-color: #157df1;

    margin: 13px 0;

}



.crumbs {

    padding: 15px 0;

    color: #fff;

}



.crumbs a {

    color: #f77721;

}



.crumbs span {

    margin: 0 10px;

}



.warn-prompt {

    background-color: #fff5e7;

    padding: 8px 20px;

    border: 1px solid #feebcd;

    margin-top: 10px;

    font-size: 12px;

    color: #000;
}



.warn-prompt .iconfont {

    color: #fd9823;

    margin-right: 5px;

    font-size: 13px;

}



.ie-prompt {

    display: none;

}



.ie-prompt-360 {

    display: none;

}



.warn-prompt-1 {

    margin-top: 10px;

    margin-bottom: 30px;

}



.warn-prompt-12 {

    margin-top: 10px;

    margin-bottom: 30px;

}



.warn-prompt-1 dt {

    font-size: 12px;

}



.warn-prompt-1 dd {

    margin-left: 40px;

    font-size: 12px;

}



.input-text {

    position: relative;

}



.input-text .error1 {

    position: absolute;

    top: 100%;

    left: 0;

    color: #fd641d;

    display: none;

    font-size: 12px;

}



.input-text.form-error .error1 {

    display: block;

}



.popover {

    font-size: 12px;

    max-width: 335px;

}



header {

    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);

    position: relative;

    z-index: 2;

    background: #0f0f0f;

}



.header {
    /*padding: 10px 0;*/

    position: relative;

}



.header .header-left img.hidden-xs {

    width: 300px;
    margin-top: 5px;
    height: auto;

    display: block;

}



.header .ms-nav {

    margin: 20px 0 0 35px;

}



.header .ms-nav>li {

    float: left;

    margin: 0 10px;

}



@media (min-width: 1200px) {

    .header .ms-nav>li>a {

        padding: 0 10px 5px;

        border-bottom: 2px solid transparent;

        color: #fff;

    }



    .header .ms-nav>li.active>a {

        border-bottom: 2px solid #f2f2f5;

        color: #f2f2f5;

    }



    .header .ms-nav>li:hover>a {

        border-bottom: 2px solid #f77721;

    }

}



.header .login {

    margin-top: 10px;

}



.header .login li {

    float: left;

}



/*增加文档二级导航*/

.header .doc-nav {

    position: relative;

    padding-bottom: 5px;

}



.header .ms-nav>li .doc-nav>a {

    padding: 0 10px 5px;

    border-bottom: 2px solid transparent;

    color: #333;

}



.header .ms-nav>li.active .doc-nav>a {

    border-bottom: 2px solid #157df1;

    color: #157df1;

}



.header .ms-nav>li:hover .doc-nav>a {

    border-bottom: 2px solid #157df1;

}



.header .top-doc {

    position: absolute;

    top: calc(100%);

    left: 50%;

    z-index: 1000;

    width: 140px;

    transform: translateX(-50%);

    padding-top: 15px;

    display: none;

}



.header .top-doc dl {

    background-color: #fff;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding-top: 15px;

}



.header .top-doc dl dd {

    margin-bottom: 15px;

}



.header .top-doc a {

    color: #666;

    text-align: center;

    display: block;

}



.header .top-doc a.active {

    color: #157df1;

}



.header .top-doc a:hover {

    color: #f77721;

}



.header .ms-nav>li:hover .doc-nav:hover .top-doc {

    display: block;

}



/*/增加文档二级导航*/



/*login-in*/

.login-in {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

}



.login-in .login-user {

    cursor: pointer;

    padding-top: 20px;

    height: 100%;

}



.login-in .login-user .certified {

    color: #157df1;

}



.login-in .name-certified {

    color: #348dee;

    margin-right: 10px;

    padding-top: 20px;

}



.login-in .icon-arrow-bottom {

    color: #c1c5cc;

    font-size: 14px;

    margin-left: 5px;

}



.login-in .login-user dl {

    background-color: #fff;

    border-radius: 3px;

    border: 1px solid #e5e5e5;

    position: absolute;

    top: 50px;

    right: 0;

    z-index: 10;

    display: none;

    width: 115px;

    box-shadow: 0 5px 10px rgba(21, 125, 241, .1);

}



.login-in .login-user:hover dl {

    display: block;

}



.login-in .login-user dl dt {

    padding: 15px 0;

    margin-top: 10px;

    border-top: 1px solid #e5e5e5;

    color: #666;

    text-align: center;

}

.login-in .login-user dl dt a {
    color: #666;
}


.login-in .login-user dl dt a:hover {

    color: #f77721;

}



.login-in .login-user dl dt .icon-sign-out {

    margin-right: 3px;

    color: #666;

    position: relative;

    top: 1px;

}



.login-in .login-user dl dt a:hover .icon-sign-out {

    color: #f77721;

}



.login-in .login-user dl dd {

    margin-top: 10px;

    text-align: center;

}



.login-in .login-user dl dd a {

    color: #666;

}



.login-in .login-user dl dd a:hover {

    color: #f77721;

}





/*通知中心*/

.header .login-in .notification {

    padding-top: 16px;

    margin-right: 2px;

    position: relative;

    cursor: pointer;

}



.header .login-in .notification .icon-msg {

    font-size: 20px;

    color: #f77721;
}



.header .login-in .notification .ms-badge {

    left: -7px
}



.header .login-in .n-drop-down {

    width: 130px;

    z-index: 10;

    position: absolute;

    left: -51px;

    top: 100%;

    padding-top: 16px;

    display: none
}



.header .login-in .n-drop-down .n-con {

    background-color: #fff;

    box-shadow: 0 3px 10px rgba(193, 220, 251, .7)
}



.header .login-in .n-drop-down .n-con .no {

    text-align: center;

    color: #333;

    padding: 50px 0
}



.header .login-in .n-drop-down .n-con .no .icon-lingdang {

    color: #f77721;

    font-size: 30px
}



.header .login-in .n-drop-down .n-con .yes {

    max-height: 330px;

    padding: 15px
}



.header .login-in .n-drop-down .n-con .y-tit {

    color: #666;

    margin-bottom: 10px
}



.header .login-in .n-drop-down .n-con .msg-list {

    max-height: 260px;

    overflow-y: auto
}



.header .login-in .n-drop-down .n-con .msg-list li {

    margin-bottom: 10px
}



.header .login-in .n-drop-down .icon-unread {

    color: #fed735
}



.header .login-in .n-drop-down .icon-read {

    color: #999;

    font-size: 20px;

    position: relative;

    top: -2px
}



.header .login-in .n-drop-down .m-right {

    margin-left: 25px;

    font-size: 12px
}



.header .login-in .n-drop-down .m-right dt {

    margin-bottom: 5px;

    line-height: 20px
}



.header .login-in .n-drop-down .m-right dt a {

    color: #999
}



.header .login-in .n-drop-down .m-right.bold dt a {

    font-weight: 600;

    color: #333
}



.header .login-in .n-drop-down .m-right.bold dd {

    font-weight: 400
}



.header .login-in .n-drop-down .m-right dd .m-details {

    color: #157df1
}



.header .login-in .n-drop-down .m-right dd .m-time {

    color: #999
}



.header .login-in .n-drop-down .n-con .m-more {

    border-top: 1px solid #e6e6e6;

    color: #157df1;

    display: block;

    text-align: center;

    padding: 15px 0
}



.header .login-in .notification:hover .n-drop-down {

    display: block
}



/*/通知中心*/

/*/login-in*/



.paging {

    text-align: center;

    margin: 30px 0 5px;

}



.paging input[type=text] {

    width: 34px;

    display: inline-block;

    vertical-align: middle;

}



.paging .color-333 {

    padding: 6px 0;

}



.help {

    text-align: left;

    padding: 70px 0 55px;

}



.help .tit {

    font-size: 36px;

    color: #157df1;

    text-align: center;

    margin-bottom: 60px;

}



.help dl {

    margin-bottom: 15px;

    color: #fff;

}



.help dt {

    line-height: 30px;

    font-weight: 600;

}



.help dd {

    line-height: 30px;

}



.help dl .left {

    float: left;

}



.help dl .right {

    margin-left: 40px;
    /*width: 75%;*/

    display: block;

}





.help1 {

    padding: 50px 0 40px;

}



.help1 .tit {

    font-size: 32px;

    color: #333;

    margin-bottom: 5px;

}



.help1 .blue-line {

    margin: 0 auto 30px;

}



/*----------index-----------*/

/*banner*/

.index-banner .swiper-container {

    width: 100%;

    height: 100%;

}



.index-banner .swiper-slide {

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    width: 100%;

}



.index-banner .swiper-slide>a {

    display: block;

    height: 430px;

    width: 100%;

}



/*自定义swiper分页按钮*/

.index-banner .swiper-pagination-bullet {

    width: 40px;

    height: 4px;

    display: inline-block;

    border-radius: 0;

    background-color: #fff;

    opacity: .4;

}



.index-banner .swiper-pagination-bullet-active {

    opacity: 1;

}



.index-banner .swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: 20px;

}



.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

}



.index-banner .banner-con {

    color: #fff;

}



.index-banner .banner-con .h1 {

    font-size: 32px;

    font-weight: 600;

}



.index-banner .banner-con .h2 {

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 20px;

}



.index-banner .banner-con .ms-btn {

    border-color: #fff;

    width: 110px;

    color: #fff;

    font-size: 16px;

}



.index-banner .banner-con.con1 {

    padding: 95px 0 0 40px;

}



.index-banner .banner-con.con1 .h1 {

    margin-bottom: 20px;

}



.index-banner .banner-con.con1 span {

    margin-left: 45px;

}



.index-banner .banner-con.con1 i {

    font-size: 22px;

}



.index-banner .banner-con.con2 {

    padding: 110px 0 0 90px;

}



.index-banner .banner-con.con2 .h1 {

    margin-bottom: 10px;

}



.index-banner .banner-con.con3 {

    text-align: center;

    padding-top: 75px;

}



.index-banner .banner-con.con3 .h1 {

    margin-bottom: 20px;

}



.index-banner .banner-con.con4 {

    padding: 100px 0 0 40px;

}



.index-banner .banner-con.con4 .h1 {

    margin-bottom: 20px;

}



/*/banner*/



/*publicity*/

.publicity-wrap {

    background-color: #f5f9fe;

}



.publicity li {

    background-color: #f5f9fe;

    padding: 18px 30px 0;

    height: 95px;

    float: left;

    width: 33.333333%;

    border-left: 1px solid #e5e5e5;

}



.publicity li>a>div {

    float: none;

    display: table-cell;

    vertical-align: top;

}



.publicity li:first-of-type {

    border-left-color: transparent;

}



.publicity li:hover {

    background-color: #fff;

}



.publicity li .p-right {

    padding-left: 15px;

}



.publicity li .tit {

    font-size: 18px;

    color: #333;

    margin-bottom: 3px;

}



.publicity li .blue-line {

    margin: 0 0 10px;

    display: none;

}



.publicity li p {

    font-size: 12px;

}



.publicity li:hover .tit {

    color: #157df1;

}



.publicity li:hover p {

    color: #157df1;

}



/*/publicity*/



/*网站封装APP*/

.index-common {

    text-align: center;

    padding: 80px 0;

}



.index-common>h1 {

    color: #157df1;

    margin-bottom: 20px;

}



.index-common>h4 {

    color: #666;

    margin-bottom: 60px;

}



.index-encapsulation .e-list {

    margin-bottom: 50px;

}



.index-encapsulation .e-list li {

    width: 20%;

    float: left;

}



.index-encapsulation .ms-thumbnail img {

    margin-bottom: 15px;

}



/*/网站封装APP*/



/*企业签名*/

.index-signature-wrap {

    background: url("../image/index-bg-1.jpg") no-repeat center;

    height: 660px;

}



.index-signature>h1 {

    color: #fff;

}



.index-signature>h4 {

    color: #fff;

}



.index-signature .row {

    padding: 0 50px;

    margin: 0 -10px 40px;

}



.index-signature .row .col-sm-6 {

    padding: 0 10px;

    margin-bottom: 20px;

}



.index-signature .row .con {

    background-color: #fff;

    padding: 0 20px;

}



.index-signature .row .con>* {

    display: table-cell;

    vertical-align: middle;

    float: none;

    height: 120px;

}



.index-signature .row .con dl {

    text-align: left;

    padding-left: 15px;

}



.index-signature .row .con dl dt {

    color: #333;

    font-size: 18px;

    margin-bottom: 5px;

}



.index-signature .more {

    border: 1px solid #fff;

    color: #fff;

}



.index-signature .more:hover {

    background-color: #fff;

    color: #157df1;

}



/*/企业签名*/



/*内测分发*/

.index-releas>h4 {

    margin-bottom: 50px;

}



.index-releas .row {

    margin-bottom: 50px;

}



.index-releas .ms-thumbnail img {

    margin-bottom: 10px;

}



/*/内测分发*/



/*功能累计数*/

.cumulative-wrap {

    background: url("../image/index-bg-2.jpg") no-repeat center;

    height: 300px;

}



.index-cumulative {

    padding: 70px 0;

}



.index-cumulative>h1 {

    color: #fff;

    margin-bottom: 50px;

}



.index-cumulative .num {

    font-size: 36px;

    color: #fff;

    margin-bottom: 5px;

}



.index-cumulative .text {

    color: #fff;

}



/*/功能累计数*/



/*合作伙伴*/

.index-partners {

    padding: 80px 60px 60px;

}



.index-partners>h1 {

    margin-bottom: 60px;

}



.index-partners .con {

    position: relative;

    border: 1px solid #e5e5e5;

}



.index-partners ul li {

    float: left;

    width: 20%;

    padding: 0 10px;

    margin-bottom: 20px;

}



.index-partners .con p {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    color: #333;

    padding: 10px;

    display: flex;

    align-items: center;

    cursor: pointer;

    display: none;

}



.index-partners .con:hover p {

    display: flex;

}



/*/合作伙伴*/





/*footer*/

footer {

    background-color: #0f0f0f;

    padding: 60px 0;

}



.footer .left dl {

    margin-right: 160px;

}



.footer .left dl:last-of-type {

    margin-right: 100px;

}



.footer .left dt {

    color: #fff;

    font-size: 18px;

    margin-bottom: 20px;

}



.footer .left dd {

    margin-bottom: 10px;

    color: #fff;

    font-size: 12px;

}



.footer .left dd.line {

    background-color: #fff;

    width: 16px;

    height: 2px;

    margin-bottom: 15px;

}



.footer .left dd a {

    color: #fff;

    font-size: 12px;

}



.footer .left dd a:hover {

    text-decoration: underline;

}



.footer .right a {

    display: block;

}



.footer .right a img {

    width: 110px;

    height: 60px;

}



.footer .right .wechat {

    padding: 5px;

    background-color: #fff;

    margin: 10px 0;

    width: 95px;

    height: 95px;

    overflow: hidden;

}



.footer .right .wechat img {

    width: 85px;

    height: 85px;

}



.footer .right p {

    font-size: 13.5px;

    color: #fff;

    text-align: right;

}



.footer .record {

    text-align: center;

    color: #fff;

    margin-top: 20px;

}



/*/footer*/

/*----------index-----------*/



/*----------登录-----------*/


.lost-common {
    width: 100%;
    min-height: auto;
    padding: 15px;
    background-image: url("../image/denglubk.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 50px;
}

.reg-common {
    width: 100%;
    min-height: auto;
    padding: 15px;
    background-image: url("../image/zhucebk.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 50px;
}

.login-common {
    width: 500px;
    padding: 40px 45px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    margin-top: 100px;
    margin-bottom: 200px;
    background: rgba(10, 10, 10, .8);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    left: 60vw;
    border: 1px solid #f9761f;
}



.login-common .help-block {

    position: absolute;

    top: 100%;

    display: none;

}



.login-common .has-error .help-block {

    display: block;

}



.login-common .input-lg {

    font-size: 16px;

}



.login-common .tit {

    font-size: 18px;

    color: #fff;

    text-align: center;

    margin-bottom: 30px;

}



.login-common .form-group {

    position: relative;

    margin-bottom: 20px;

}



.login-common .form-group label {

    position: absolute;

    left: 12px;

    top: 50%;

    transform: translateY(-50%);

}



.login-common .form-group .form-control {

    padding-left: 40px;

    border-radius: 0;

}



.login-common .form-group .icon-tel {

    font-size: 22px;

}



.login-common .form-group .icon-pwd {

    font-size: 18px;

}



.login-common .checkbox {

    margin: 0;

}



.login-common .checkbox input {

    margin-left: 0;

}



.login-common .checkbox span {

    margin-left: 20px;

}



.login-common .ms-btn-primary {

    width: 100%;

    font-size: 14px;

}



.login-common .login-logo {

    margin-bottom: 20px;

}



.login-common .registered-logo {

    margin-bottom: 30px;

}



.login-common .login-logo img {

    margin: 0 auto;

}



.login-common .login-logo .slogan-wrap {

    text-align: center;

    margin-top: 15px;

}



.login-common .login-logo .slogan {

    display: inline-block;

}



.login-common .login-logo .slogan .text {

    margin: 0 7px;

    color: #999;

}



/*----------/登录-----------*/



/*----------注册-----------*/

.login-common .form-group .icon-user {

    font-size: 20px;

}



.login-common .form-group .icon-email {

    font-size: 20px;

    top: 55%;

}



.login-common .verification-code .form-control {

    width: 70%;

}



.login-common .verification-code .ms-btn-primary {

    width: 27%;

    margin-top: 0;

}



/*----------/注册-----------*/



/*----------实名认证-----------*/

.real-name-wrap {

    background-color: rgb(0, 0, 0);

    padding-bottom: 40px;

}



.real-name {

    background-color: rgb(30, 30, 30);

    border-radius: 3px;

    /* border: 1px solid #e5e5e5; */

    padding: 65px 0;

}



.real-name.real-name-error {

    background-color: transparent;

    border-radius: 3px;

    border: none;

    padding: 65px 0 0;

}



.real-name .top {

    padding-bottom: 25px;

    text-align: center;

}



.real-name .top ul {

    display: inline-block;

}



.real-name .top ul li {

    float: left;

}



.real-name .top ul li:nth-of-type(odd) {

    margin: 0 35px;

}



.real-name .top ul li .num {

    width: 27px;

    height: 27px;

    text-align: center;

    line-height: 27px;

    color: #f77721;

    font-size: 18px;

    border-radius: 50%;

    background-color: #fff;

    position: relative;

    top: -1px;

}



.real-name .top ul li .text {

    color: #fff;

    font-size: 18px;

    margin-left: 10px;

}



.real-name .top ul li.active .text {

    color: #f77721;

    font-weight: 600;

}



.real-name .top ul li.active .num {

    background-color: #f77721;

    color: #fff;

}



.real-name .top ul li dl {

    margin: 12px 20px 0;

}



.real-name .top ul li dd {

    background-color: #d7dde4;

    width: 3px;

    height: 3px;

    border-radius: 3px;

    float: left;

    margin: 0 2px;

}



/*1*/

.real-name .con1 {

    text-align: center;

    background-color: rgb(30, 30, 30);

}



.real-name .con .choice {

    text-align: left;

    padding-left: 25px;

    margin-bottom: 20px;

}



.real-name .con .choice-wrap {

    display: inline-block;

    padding: 75px 0 160px;

}



.real-name .con li {

    width: 320px;

    border: 1px solid rgb(39, 39, 39);

    border-radius: 3px;

    padding: 65px 0 35px;

    margin: 0 25px;

}



.real-name .con li.active {

    border-color: #f77721;

}



.real-name .con li .con-t {

    background-color: #fbfbfb;

    border: 1px solid #e5e5e5;

    width: 145px;

    height: 145px;

    border-radius: 50%;

    margin: 0 auto;

}


.real-name .con li .tit {

    color: #fff;

    font-size: 18px;

    text-align: center;

    margin-top: 35px;

}



.real-name .con li p {

    color: #999;

    font-size: 12px;

    text-align: center;

    line-height: 24px;

    margin-top: 5px;

}



.real-name .con li .authentication {

    width: 50%;

    margin: 40px auto 0;

    display: block;

}



.real-name .con li:hover {

    border-color: #f77721;

    box-shadow: 0 0px 10px rgba(0, 0, 0, .1);

}



.real-name .con li:hover .con-t {

    background-color: transparent;

    border-color: transparent;

}



.real-name .con li:hover .authentication {

    background: #f77721;

    color: #fff;

    border-color: #f77721;

}



/*2*/

.real-name .con2 {

    padding: 0 200px;
    /*background-color: #fff;*/

}



.real-name .con2 .form-group {

    margin-top: 30px;

    margin-bottom: 30px;

}



.real-name .con2 .form-group .control-label {

    color: #fff;

}



.control-label span {

    color: #ff4222;

    margin-right: 10px;

}



.real-name .con2 .upload-img1 {

    position: relative;

    border: 1px dashed #e5e5e5;

    height: 150px;

    border-radius: 5px;

    background: url("../image/icon-10.png") no-repeat center 40px;

    overflow: hidden;

    margin-bottom: 30px;

}



.real-name .con2 .upload-img1:last-of-type {

    margin-bottom: 0;

}



.real-name .con2 .upload-img1 img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

}



.real-name .con2 .upload-img1 .thumbnail {

    position: absolute;

    z-index: 2;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: 0;

    cursor: pointer;

}



.real-name .con2 .upload-img1 .text {

    text-align: center;

    margin-top: 80px;

}



.real-name .con2 .upload-img1 .reset {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 30px;

    line-height: 30px;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    color: #fff;

    text-align: center;

    display: none;

}



.real-name .con2 .upload-img1 .reset {

    display: none;

}



.real-name .con2 .upload-img1.uploaded .reset {

    display: none;

}



.real-name .con2 .upload-img1.uploaded:hover .reset {

    display: block;

}



.real-name .con2 .upload-img1 .water-mark {

    display: none;

}



.real-name .con2 .upload-img1 .water-mark img {

    background-color: transparent;

}



.real-name .con2 .upload-img1.uploaded .water-mark {

    display: block;

}



.real-name .con2 .upload-img1 .ongoing {

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 12px;

    display: none;

}



.real-name .con2 .upload-img1.uploading .ongoing {

    display: flex;

}



.real-name .data-uploading .submit {

    width: 160px;

}



.real-name .con2 .upload-license {

    height: 340px;

    margin-bottom: 0;

    background-position: center 40%;

    display: flex;

    align-items: center;

}



.real-name .con2 .upload-license .text {

    text-align: center;

    width: 100%;

    margin-top: 0;

}



/*3*/

.real-name .con3-top {

    padding: 80px 135px 130px;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    background-color: #fff;

}



.real-name .con3-top>h3 {

    font-size: 28px;

    color: #333;

    margin-top: 40px;

}



.real-name .con3-top>h4 {

    font-size: 18px;

    color: #333;

    margin-top: 15px;

}



.list-bottom-common {

    padding: 40px 140px;

    margin-top: 20px;

    margin-bottom: 40px;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    background-color: #fff;

}



.list-bottom-common .index-common {

    padding: 0;

}



.list-bottom-common .index-common .row {

    margin-top: 0;

}



.list-bottom-common .index-common .con {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding: 40px 30px 45px;

}



.list-bottom-common .index-common .con p {

    line-height: 20px;

    font-size: 12px;

    margin-top: 30px;

    height: 80px;

}



.list-bottom-common .index-common .con img {

    height: 83px;

    margin: 0 auto 20px;

}



.list-bottom-common .index-common .con:hover {

    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

}



.list-bottom-common .index-common .con:hover h4 {

    color: #157df1;

}



.real-name .con3-top .btn-reset {

    background-color: #fd9823;

    color: #fff;

    padding: 9px 0;

    width: 160px;

    display: block;

    margin: 40px auto 0;

}



.real-name .list-bottom-common {

    margin-bottom: 0;

}



/*----------/实名认证-----------*/



/*----------价格-----------*/

.buy-distribution {

    padding: 90px 70px 0;

}



.buy-distribution .con {

    border: 1px solid #e5e5e5;

    padding-bottom: 35px;

    margin-bottom: 30px;

}



.buy-distribution .con:hover {

    box-shadow: 0 5px 10px rgba(21, 125, 241, .2);

}



.buy-distribution .con .c-top {

    background: linear-gradient(to right, #5aabfc, #28c9f7);

    height: 160px;

    border-radius: 0 0 50% 50%;

    text-align: center;

    padding-top: .1px;

    position: relative;

}



.buy-distribution .con .c-top .text {

    color: #fff;

    font-size: 16px;

    margin-top: 30px;

}



.buy-distribution .con .c-top .num {

    color: #fff;

    font-size: 50px;

}



.buy-distribution .con .c-top .num span {

    font-size: 12px;

}



.buy-distribution .con .c-top .recommended {

    position: absolute;

    top: 0;

    right: 0;

    display: none;

}



.buy-distribution .tooltip .tooltip-inner {

    max-width: 300px;

}



.buy-distribution .con .bottom .text {

    color: #333;

    margin-top: 25px;

}



.buy-distribution .con .bottom .price {

    color: #157df1;

    font-size: 40px;

    margin-top: 15px;

}



.buy-distribution .con .bottom .price span {

    font-size: 12px;

}



.buy-distribution .con .bottom .btn-buy {

    padding: 9px 0;

    width: 120px;

    border: 1px solid #157df1;

    color: #157df1;

    margin-top: 25px;

}



.buy-distribution .con:hover .bottom .btn-buy {

    background-color: #157df1;

    color: #fff;

}



.buy-distribution .con .bottom-con {

    padding: 0 30px;

    margin-top: 40px;

}



.buy-distribution .con .bottom-con dl {

    border-top: 1px solid #e5e5e5;

    text-align: left;

    color: #666;

    padding-top: 20px;

    height: 156px;

}



.buy-distribution .con .bottom-con dl dd {

    margin: 5px 0;

}



.buy-distribution .con .bottom-con dl dd .icon-gou {

    margin-right: 10px;

}



.buy-distribution .con .bottom-con dl dd .icon-prompt {

    position: relative;

    margin-left: 5px;

    top: -3px;

    cursor: pointer;

}





.buy-distribution p {

    padding: 10px 0 40px;

    border-bottom: 1px solid #e5e5e5;

}



.buy-distribution p a {

    color: #157df1;

}



/*----------/价格-----------*/



/*----------价格改版 改版完成后，将上一版价格样式删除-----------*/

.price-banner {

    background: url("../image/price-1.jpg") no-repeat center;

    height: 170px;

}



.price-tab {

    position: relative;

}



.price-tab ul {

    width: 490px;

    height: 40px;

    line-height: 40px;

    margin: 40px auto;

}



.price-tab ul li {

    float: left;

    text-align: center;

    width: 50%;

    color: #fff;

    cursor: pointer;

    margin-right: -1px;

    background-color: #2d2d2e;
    border-left: 1px solid #1a1a1a;

}



.price-tab li:first-of-type {

    border-radius: 20px 0 0 20px;

    border-right-color: transparent;

}



.price-tab li:last-of-type {

    border-left-color: transparent;

    border-radius: 0 20px 20px 0;

}



.price-tab ul li.active {

    background-color: #f77721;

    border-color: #f77721;

    color: #fff;

}



.price-tab ul li:hover {

    background-color: #f77721;

    border-color: #f77721;

    color: #fff;

}



.price-con>div {

    display: none;

}



.new-price-con>div {

    display: none;

}



.price-con .price-common {

    margin-top: 80px;

}



.price-con .price-common h1 {

    color: #f77721;

    text-align: center;

    margin-bottom: 20px;

}



.price-con .price-common h1 span {

    color: #fd641d;

    font-size: 18px;

}



.price-con .price-common .p1 {

    color: #fff;

    text-align: center;

    font-size: 16px;

    margin-bottom: 30px;

}



.price-con .price-common .gradient {

    height: 8px;

    background: linear-gradient(to right, #f2c0f3, #583751);

}



.price-con .price-common .gradient1 {

    background: linear-gradient(to right, #fea63f, #ffcd35);

}



.price-con .price-common .gradient2 {

    background: linear-gradient(to right, #fc853e, #fe9f30);


}



.price-con .price-common .gradient3 {

    background: linear-gradient(to right, #fc7738, #ff339a);

}



.price-con .price-common .big-package .gradient1 {

    background: linear-gradient(to right, #fea63f, #ffcd35);

}



.price-con .price-common .big-package .gradient2 {

    background: linear-gradient(to right, #fc853e, #fe9f30);

}



.price-con .price-common .big-package .gradient3 {

    background: linear-gradient(to right, #fc7738, #ff339a);

}





.price-con .table-wrap {

    padding: 0 120px;

}



.price-con .price-common table {

    table-layout: fixed;

}



.price-con .price-common table th {

    padding: 0;

    text-align: center;

    color: #fff;

    vertical-align: middle;

    height: 50px;

    font-weight: bold;

}



.price-con .price-common table td {

    padding: 0;

    text-align: center;

    color: #999;

    vertical-align: middle;

    height: 50px;

}



.price-con .price-common table td .font20 {

    font-size: 18px;

}



.price-con .price-common table td .free {

    font-size: 14px;

}



.price-con .price-common .badge-basis {

    position: relative;

}



.price-con .price-common .badge {

    background-color: #eb1f1e;

    position: absolute;

    left: calc(100% + 5px);

    top: -10px;

    border-radius: 5px;

    font-size: 12px;

    padding: 3px 5px;

    font-weight: normal;

}



.price-con .price-common table .icon-duihao {

    color: #13c960;

    font-size: 24px;

}



.price-con .price-common table .icon-xingxing2 {

    color: #b0b0b0;

    font-size: 24px;

}



.price-con .price-common table .icon-xingxing {

    color: #fec323;

    font-size: 24px;

}



.buy-number {

    padding: 0 60px;

}



.buy-number .price-common .con {

    border: 1px solid #b9b5b5;

    padding-bottom: 40px;

}



.buy-number .price-common .con:hover {

    box-shadow: 0 5px 10px rgba(21, 125, 241, .2);



}



.buy-number .price-common .c-top {

    text-align: center;

    padding: 30px 0 35px;

    position: relative;

}



.buy-number .price-common .con .c-top .num {

    color: #fff;

    font-size: 50px;

}



.buy-number .price-common .con .c-top .num span {

    font-size: 16px;

}



.buy-number .price-common .con .c-top p {

    color: #666;

}



.buy-number .price-common .con .c-top .recommended {

    position: absolute;

    top: 0;

    right: 0;

    display: none;

}



.buy-number .price-common .tooltip .tooltip-inner {

    max-width: 300px;

}



.buy-number .price-common .con .bottom-con {

    padding: 0 30px;

}



.buy-number .price-common .con .bottom-con dl {

    border-top: 1px solid #e5e5e5;

    text-align: left;

    color: #fff;

    padding-top: 20px;

    height: 195px;

}



.buy-number .price-common .con .bottom-con dl dd {

    margin: 10px 0;

}



.buy-number .price-common .con .bottom-con dl dd .icon-gou {

    margin-right: 10px;

    font-size: 14px;

}



.buy-number .price-common .con .bottom-con dl dd .icon-prompt {

    position: relative;

    margin-left: 5px;

    top: -3px;

    cursor: pointer;

}



.buy-number .price-common .con .bottom-con .b-price {

    font-size: 16px;

    color: #f77721;

    text-align: center;

    margin-bottom: 25px;

}



.buy-number .price-common .con .bottom-con .b-price span {

    font-size: 40px;

}





.buy-number .price-common .con .bottom {

    text-align: center;

}



.buy-number .price-common .con .bottom .btn-buy {

    padding: 9px 12px;

    width: 120px;

}





.price-con .tab-2 .price-common .p1 {

    margin-bottom: 40px;

}



.price-con>.tab-3 {

    margin-bottom: 60px;

}





.price-con .big-bag-price h1 {

    color: #fd9817;

}



.buy-number .big-bag-price .con .c-top .num {

    color: #fd9817;

}



.buy-number .big-bag-price .con .c-top .num span {

    color: #333;

}



.buy-number .big-bag-price .color-hover {

    color: #fd9817;

}



.buy-number .big-bag-price .con .bottom .btn-buy {

    background-color: #fd9817;

    border-color: #fd9817;

}



.buy-number .big-bag-price .con .bottom-con .b-price {

    color: #fd9817;

}



/*----------/价格改版 改版完成后，将上一版价格样式删除-----------*/





/*----------价格支付-----------*/

.price-pay-wrap {

    background-color: rgb(30, 30, 30);

    padding-bottom: 40px;

}



.price-pay .con {

    background-color: rgb(30, 30, 30);

    border-radius: 3px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

}



.price-pay .common .tit {

    padding: 25px 30px 20px;

    border-bottom: 1px solid #e5e5e5;

    color: #fff;

}



.price-pay .common ul {

    padding: 20px 25px;

}



.price-pay .common ul li {

    float: left;

    position: relative;

    cursor: pointer;

}



.price-pay .common .list1 li {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding: 12px 20px 11px;
    
    margin-bottom: 40px;

}



.price-pay .common .list1 li .left {

    padding-right: 40px;

}



.price-pay .common .list1 li .text1 {

    color: #fff;

}



.price-pay .common .list1 li .text2 {

    color: #999;

    margin-top: 5px;

    font-weight: 600;

}



.price-pay .common .list1 .right {

    color: #f77721;

    font-size: 30px;

    padding-left: 50px;

    border-left: 1px solid #e5e5e5;

}



.price-pay .common .list1 .right span {

    color: #fff;

    font-size: 14px;

}



.price-pay .common ul li .radio-checked {

    display: none;

    position: absolute;

    right: 0;

    bottom: 0;

}



.price-pay .common ul li.active .radio-checked {

    display: block;

}



.price-pay .common ul.list1 .active {

    border-color: #f77721;

}



.price-pay .common .list2.active {

    border-color: #157df1;

}



.price-pay .common .list2 li.active .icon-radio {

    width: 16px;

    height: 16px;

    background-position: 0 -17px;

}



.price-pay .common .list2 li {

    margin-right: 70px;

    position: relative;

}



.price-pay .common .list2 li .preferential {

    background-color: #ed2027;

    border-radius: 3px;

    color: #fff;

    position: absolute;

    top: -18px;

    left: 100%;

    font-size: 12px;

    white-space: nowrap;

    padding: 1px 3px;

    z-index: 3;

    display: none;

}



.price-pay .common .list3 li {

    height: 44px;

    border: 1px solid #e5e5e5;

    justify-content: center;

    display: flex;

    align-items: center;

    margin-right: 20px;

    padding: 0 30px;

}



.price-pay .common .list3 li.disabled {

    background-color: #f9f9f9;

    cursor: not-allowed;

}



.price-pay .common .list3 li.disabled .iconfont {

    color: #b3b3b3;

}



.price-pay .common .list3 li.disabled .remaining-amount {

    color: #999;

}



.price-pay .common .list3 li.disabled .remaining-amount .color-hover {

    color: #999;

}



.price-pay .common .list3 li img {

    display: inline-block;

}



.price-pay .common ul.list3 .active {

    border-color: #f77721;

}



.price-pay .common ul.list2 .disabled {

    cursor: not-allowed;

    color: #e5e5e5;

    background-color: transparent !important;

}



.price-pay .pay-money {

    padding-left: 25px;

    border-top: 1px solid #e5e5e5;

    margin-top: 20px;

    padding-bottom: 40px;

}



.price-pay .pay-money .money {

    color: #fff;

    padding: 20px 0;

}



.price-pay .pay-money .money span {

    color: #fd641d;

    font-size: 24px;

}



.price-pay .pay-money .ms-btn {

    width: 160px;

    padding: 9px 0;

}



.price-pay .common .remaining-amount .a-num {

    font-size: 12px;

}



.price-pay .common .icon-yue {

    color: #ffa304;

    font-size: 22px;

    margin-right: 5px;

}



/*----------/价格支付-----------*/



/*----------应用发布-----------*/

.release-app-wrap {

    background-color: #000;

}



.upload-file {

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    border-radius: 3px;

    background-color: rgb(30, 30, 30);

    padding: 160px 0 100px;

    margin-top: 20px;

}



.upload-file .upload-btn {

    width: 240px;

    padding: 0;

    height: 60px;

    font-size: 18px;

    line-height: 58px;

    margin: 0 auto;

    display: block;

    position: relative;

}



.upload-file .upload-btn input[type=file] {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: 0;

    cursor: pointer;

}



.upload-file .upload-btn .iconfont {

    font-size: 30px;

    margin-right: 10px;

    position: relative;

}



.upload-file p {

    text-align: center;

    color: #666;

    line-height: 22px;

    margin-top: 15px;

}



.upload-file .upload-btn .text {

    position: relative;

    top: -3px;

}



.release-app>p {

    padding: 5px 0;

}



.release-app>p>a {

    color: #157df1;

}



.upload-app-icon img {

    width: 60px;

    height: 60px;

    border-radius: 15px;

    border: 1px solid #e5e5e5;

}



/*app 上传成功*/

/*

.release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}

.release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}

.release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}

.release-app .uploaded-success .iconfont{margin-right: 5px;}

*/



.release-app .uploaded-success {

    padding: 110px 0;

    background-color: #000;

    border-radius: 5px;

    margin-bottom: 40px;

    text-align: center;

}



.release-app .uploaded-success .img-wrap {

    width: 130px;

    height: 130px;

    border-radius: 15px;

    padding: 10px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    margin: 0 auto;

    margin-bottom: 30px;

}



.release-app .uploaded-success img {

    border-radius: 15px;

    max-width: 100%;

    height: 100%;

}



.release-app .uploaded-success .tit {

    font-size: 20px;

    color: #fff;

    background: url("../image/release-img-1.png") no-repeat;

    width: 283px;

    height: 37px;

    line-height: 37px;

    margin: 0 auto 25px;

    font-weight: 600;

}



.release-app .uploaded-success .p1 {

    font-size: 18px;

    color: #fff;

    margin-bottom: 40px;

}



.release-app .uploaded-success .up-btn .ms-btn {

    border-radius: 20px;

    width: 150px;

    padding: 8px;

    margin: 0 12px;

    font-size: 16px;

}



.release-app .uploaded-success .up-btn .ms-btn:hover {

    box-shadow: 0 3px 5px rgba(21, 125, 241, .2);

}



.release-app .uploaded-success .iconfont {

    margin-right: 5px;

}





/*----------/应用发布-----------*/



/*----------/我的应用-----------*/

.release-app .search {

    position: relative;

}



.release-app .search .iconfont {

    position: absolute;

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 18px;

}



.release-app .search input {

    height: 40px;

    line-height: 38px;

    width: 160px;

    border: 1px solid #e5e5e5;

    padding-left: 40px;

}



.release-app .search .btn-search {

    line-height: 40px;

    color: #157df1;

    margin-left: 15px;

}



.release-app .btn-new-release .iconfont {

    font-size: 20px;

}



.release-app .btn-new-release .text {

    margin: 4px 0 0 5px;

}



.release-app .app-table-wrap {
    /*min-height: 400px;*/

    background-color: #fff;

    margin-top: 20px;

}



/*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/

.release-app .app-table {

    border: 1px solid #e5e5e5;

}



.release-app .app-table tr th {

    text-align: center;

    font-weight: 600;

    color: #666;

    padding: 15px 0;

    background-color: #f7f7fa;

    border-color: #e5e5e5;

    font-size: 12px;

}



.release-app .app-table tr td {

    font-size: 12px;

    color: #666;

}



.release-app .app-table>tbody>tr>td {

    text-align: center;

    padding: 10px;

    vertical-align: middle;

    background-color: #fff;

    border-color: #e5e5e5;

    color: #666;

}



.release-app .app-table>tbody>tr>td.color-danger {

    color: #fd641d;

}



.release-app .app-table>tbody>tr>td.color-999 {

    color: #999;

}



.release-app .app-table>tbody>tr>td td {

    text-align: left;

}



/*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/

/*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/

.release-app .app-table .app-icon-size img {

    border-radius: 5px;

    border: 1px solid #e5e5e5;

}



.release-app .icon-small-code {

    position: relative;

    cursor: pointer;

    margin-left: 5px;

}



.release-app .icon-small-code .popover {

    width: 150px;

    display: none;

    left: 50%;

    top: 13px;

    transform: translateX(-50%);

}



.release-app .icon-small-code .popover .popover-title {

    color: #333 !important;

}

.popover .popover-title {
    color: #333 !important;
}

.popover .popover-content {
    color: #333 !important;
}

.release-app .icon-small-code .popover .popover-content img {

    width: 120px;

    height: 120px;

}



.release-app .icon-small-code:hover .popover {

    display: block;

}



.release-app .no-app {

    padding-bottom: 100px;

}



/*

.release-app .qr-code{position: absolute; right: -99px; top: 12px; z-index: 2; display: none; background: url("../image/img-6.png"); width: 127px; height: 148px; text-align: center;}

*/



.release-app .qr-code img {

    width: 100px;

    height: 100px;

    margin-top: 42px;

}



/*----------/我的应用-----------*/



/*----------我的应用 编辑设置-----------*/

.release-app .app-editor {

    background-color: #fff;

    border-radius: 3px;

    border: 1px solid #e5e5e5;

    padding: 30px;

    margin-bottom: 40px;

}



.release-app .app-editor .top .upload-img {

    width: 80px;

    height: 80px;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

}



.release-app .app-editor .top .upload-img img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    border-radius: 15px;

}



.release-app .app-editor .top .upload-img .upload {

    position: absolute;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .6);

    line-height: 20px;

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 12px;

    cursor: pointer;

    display: none;

}



.release-app .app-editor .top .upload-img:hover .upload {

    display: block;

}



.release-app .app-editor .top .upload-img .thumbnail {

    position: absolute;

    z-index: 4;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

    overflow: hidden;

    margin-bottom: 0;

}



.release-app .app-editor .top .upload-img.uploaded .upload {

    display: none;

}



.release-app .app-editor .top .upload-img.uploaded input {

    display: none;

}



.release-app .app-editor .top .upload-img.uploaded:hover .upload {

    display: block;

}



.release-app .app-editor .top .upload-img.uploaded:hover input {

    display: block;

}





.release-app .app-editor .top .left dl {

    margin-left: 20px;

}



.release-app .app-editor .top .left dl dt {

    font-size: 24px;

    color: #333;

    margin-top: 5px;

}



.release-app .app-editor .top .left dl dt .icon-iphone {

    margin-top: 10px;

    margin-left: 5px;

}



.release-app .app-editor .top .left dl dt .icon-android {

    margin-top: 10px;

    margin-left: 5px;

}



.release-app .app-editor .top .left dl dd {

    color: #333;

    margin-top: 7px;

}



.release-app .app-editor .top .right {

    line-height: 22px;

}



.release-app .app-editor .top .right .iconfont {

    font-size: 22px;

}



.release-app .app-editor table {

    margin-top: 30px;

    table-layout: fixed;

}



.release-app .app-editor table td {

    padding: 15px;

}



.release-app .app-editor table td .bold {

    color: #333;

    margin-bottom: 5px;

}



.release-app .app-editor .download-qr .icon-small-code {

    position: relative;

    cursor: pointer;

    margin-top: 3px;

    margin-left: 5px;

}



.release-app .app-editor table td .link-down {}



.release-app .app-editor table td .link-down:hover {

    color: #157df1;

    text-decoration: underline;

}



/*

.release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}

.release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}

*/



.release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6 {

    padding-left: 0;

    padding-right: 0;

}



.release-app .app-editor .set .short-link .form-control {

    border-radius: 0 4px 4px 0;

    border-left: none;

}



.release-app .app-editor .set .short-link .link {

    padding: 6px 12px !important;

    height: 34px;

    background-color: #f2f2f5;

    border: 1px solid #e5e5e5;

    border-radius: 4px 0 0 4px;

    color: #333;

}



.release-app .app-editor .set {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding-bottom: 40px;

}



.release-app .app-editor .set .tab {

    background-color: #f2f2f5;

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid #e5e5e5;

}



.release-app .app-editor .set .tab li {

    float: left;

    padding: 0 20px;

    cursor: pointer;

    color: #333;

}



.release-app .app-editor .set .tab li.active {

    background-color: #fff;

    border-right: 1px solid #e5e5e5;

    border-left: 1px solid #e5e5e5;

    margin-left: -1px;

    color: #157df1;

}



.release-app .app-editor .set .tab-con {

    margin-top: 40px;

}



.release-app .app-editor .set .col-sm-1 {

    width: 11%;

}



.release-app .app-editor .set .tab-con label {

    color: #333;

}



.release-app .app-editor .set .tab-con .form-control {

    color: #333;

}



.release-app .app-editor .set .tab-con>div {

    display: none;

}



.release-app .app-editor .set .tab-con .form-group {

    margin-bottom: 30px;

}



.release-app .app-editor .set .trust {

    margin-top: 7px;

}



.release-app .app-editor .set .trust li {

    float: left;

    margin-right: 50px;

    cursor: pointer;

    color: #333;

}



.release-app .app-editor .set .trust li .icon-radio {

    margin-right: 8px;

}



/*----------/我的应用 编辑设置-----------*/



/*----------个人中心-----------*/

.user-center-wrap {

    background-color: rgb(30, 30, 30);

}



.user-center {

    margin-bottom: 40px;

}



.user-center>.row {

    margin: 0 -5px;

}



.user-center>.row>.col-sm-2 {

    width: 18.5%;

    padding: 0 5px;

}



.user-center>.row>.col-sm-10 {

    width: 81.5%;

    padding: 0 5px;

}



.user-center .left {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    background-color: #fff;

    height: 830px;

}



.user-center .right {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    background-color: #fff;

    height: 830px;

}



.user-center .left dl {

    padding-top: 20px;

    border-bottom: 1px solid #e5e5e5;

}



.user-center .left dl dt {

    font-size: 16px;

    color: #333;

    font-weight: 600;

    padding-left: 25px;

    margin-bottom: 15px;

}



.user-center .left dl dt .icon-service {

    margin: 5px 15px 0 0;

}



.user-center .left dl dt .icon-order {

    margin: 4px 15px 0 0;

}



.user-center .left dl dt .icon-user1 {

    margin: 3px 15px 0 0;

}



.user-center .left dl dd a {

    height: 50px;

    line-height: 50px;

    padding-left: 55px;

    color: #333;

    display: block;

}



.user-center .left dl dd a:hover {

    background-color: #f77721;

    color: #fff;

}



.user-center .left dl dd.active a {

    background-color: #157df1;

    color: #fff;

}



.user-center .right .tit {

    font-size: 16px;

    color: #333;

    font-weight: 600;

    padding: 15px 20px;

    border-bottom: 1px solid #e5e5e5;

}



.user-center .right .con {

    padding: 20px 50px;

}



.user-center .right .con .input-size {

    width: 78%;

    margin-right: 10px;

    float: left;

}



.user-center .right .con label {

    color: #333;

    font-weight: 600;

}



.user-center .right .con .form-group label {

    margin: 0 30px 8px 0;

}



.user-center .right .con .current-email {

    margin-bottom: 5px;

}



.user-center .right .con .user-data {

    table-layout: fixed;

}



.user-center .right .con .user-data tr th:first-of-type {

    width: 140px;

}



.user-center .right .con .user-data tr td:first-of-type {

    width: 270px;

}



.user-center .right .con .user-data tr td:last-of-type {

    width: 150px;

}



.user-center .right .con .user-data td,
.user-center .right .con .user-data th {

    border: none !important;

    color: #333;

    vertical-align: middle;

    padding: 5px 8px;

}



.user-center .right .con .user-data th {

    font-weight: 600;

}



.user-center .right .con .read-only {

    padding-top: 15px;

    border-top: 1px solid #e5e5e5;

}



.user-center .right .con .read-only th,
.user-center .right .con .read-only td {

    padding: 8px;

}



.user-center .right .table-wrap {

    padding: 20px;

}



.user-center .right .table-wrap .table-responsive {

    overflow-x: visible;

}



.user-center .right .con .table-order .icon-prompt {

    position: relative;

    top: 2px;

    margin-left: 5px;

    cursor: pointer;

}



.user-center .right .con .table-order>tbody>tr:nth-of-type(odd) {

    background-color: #f6fafe;

}



.user-center .right .con .table-order tr th {

    background-color: #4497f4;

    color: #fff;

    padding: 15px;

    text-align: center;

    border-color: #4497f4;

}



.user-center .right .con .table-order tr td {

    padding: 25px 15px;

    text-align: center;

}



.user-center .right .con .table-order .icon-prompt .tips {

    background: url("../image/icon-prompt.png") no-repeat;

    width: 159px;

    height: 58px;

    position: absolute;

    left: -17px;

    bottom: 11px;

    padding-top: 15px;

    font-size: 12px;

    opacity: 0;

    display: none;

    transition: all 600ms;

    z-index: 1000;

}



.user-center .right .con .table-order .icon-prompt:hover .tips {

    opacity: 1;

    display: block;

}



.user-center .right .service-wrap {

    padding: 20px;

}



.user-center .right .service {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    height: 135px;

}



.user-center .right .service .top .tit {

    background-color: #f5f6f8;

    font-size: 18px;

    color: #333;

    font-weight: 600;

    padding: 10px 25px;

    border-radius: 3px;

}



.user-center .right .service .top .ms-btn {

    margin-right: 25px;

    margin-top: 10px;

}



.user-center .right .service .top .ms-btn-default {

    border-color: transparent;

    color: #157df1;

}



.user-center .right .service .top .ms-btn-default:hover {

    background: #fff;

    color: #157df1;

    border-color: #157df1;

}



.user-center .right .service .bottom .downloads {

    margin-top: 20px;

}



.user-center .right .service .bottom .downloads li {

    padding: 0 25px;

    width: 50%;

    float: left;

    color: #666;

}



.user-center .right .service .bottom .downloads li .progress1 {

    width: 100%;

    background-color: #f3f3f3;

    height: 6px;

    border-radius: 3px;

    position: relative;

    margin-top: 10px;

}



.user-center .right .service .bottom .downloads li .progress1 .bar {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    background-color: #157df1;

    border-radius: 3px;

}



.user-center .right .service .bottom .signature {

    display: table;

    width: 100%;

    margin-top: 20px;

    text-align: center;

}



.user-center .right .service .bottom .signature li {

    display: table-cell;

    border-right: 1px solid #e5e5e5;

}



.user-center .right .service .bottom .signature li:last-of-type {

    border-color: transparent;

}



.user-center .right .service .bottom .signature li {

    color: #666;

}



.user-center .right .service .bottom .signature li .num {

    color: #333;

}



.user-center .right .service .bottom .signature li .num span {

    font-size: 20px;

}



/*

*2018-09-20改版，改版上线后，将上版本样式删除

*/

.user-center1>.row {

    margin: 0 0 20px;

    overflow: hidden;

    height: 100%;

}



@media (min-width: 1200px) {

    .user-center1>.row>.col-sm-2 {

        padding: 0 0 9999px;

        margin-bottom: -9999px;

    }

}



.user-center1>.row>.col-sm-2 {

    background-color: rgb(39, 39, 39);

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

}



.user-center1>.row>.col-sm-10 {

    padding: 0 0 0 10px;

}



/*.user-center1 .aside-left{height: 550px;}*/

.user-center1 .aside-left .iconfont {

    font-size: 18px;

}



.user-center1 .aside-left .icon-msg {

    font-size: 18px;

    position: relative;

    top: 2px;

}



.user-center1 .aside-left .icon-fapiao,
.user-center1 .aside-left .icon-028 {

    position: relative;

    top: 2px;

}



/*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/

.user-center1 .aside-right .user-table .table {

    border: 1px solid rgb(39, 39, 39);

    margin-bottom: 0;

}



.user-center1 .aside-right .user-table .table th {

    background-color: rgb(39, 39, 39);

    padding: 15px 10px;

    text-align: center;

    color: #fff;

    font-weight: 600;

    border-top-color: transparent;

}



.user-center1 .aside-right .user-table .table td {

    background-color: rgb(30, 30, 30);

    padding: 23px 10px;

    text-align: center;

    color: #999;

    font-size: 12px;

    border-top-color: rgb(39, 39, 39);

}



.user-center1 .aside-right .user-table .table td.color-hover {

    color: #157df1;

}



.user-center1 .aside-right .user-table .table td.color-999 {

    color: #999;

}



.user-center1 .aside-right .user-table .table tr:hover td {

    background-color: rgb(39, 39, 39);

}



.user-center1 .aside-right .user-table .table-wrap {

    background-color: rgb(30, 30, 30);

}



.user-center1 .aside-right .user-table .table-wrap1 {

    min-height: 495px;

}



.user-center1 .aside-right .user-table .table-wrap2 {

    min-height: 459px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    padding-bottom: 30px;

}



.user-center1 .aside-right .user-table .table-wrap2 .invoice-table2 {

    border: none;

    border-bottom: 1px solid #e5e5e5;

}



.user-center1 .aside-right .user-table .table td [data-toggle="popover"] {

    cursor: pointer;

}



.user-center1 .aside-right .paging {

    margin-top: 30px;

    margin-bottom: 0;

}



.user-center1 .aside-right .order .no-content {

    padding-top: 90px;

}



.user-center1 .aside-right .order .table-wrap {

    min-height: 351px;

}



.user-center1 .account-management {

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    background-color: rgb(30, 30, 30);

    height: 550px;

}



.user-center1 .account-management>ul {

    height: 48px;

    background-color: rgb(39, 39, 39);

    line-height: 48px;

    border-bottom: 1px solid rgb(39, 39, 39);

}



.user-center1 .account-management>ul li {

    float: left;

    padding: 0 20px;

    cursor: pointer;

    color: #fff;

}



.user-center1 .account-management>ul li.active {

    background-color: #f77721;

}



.user-center1 .account-management .tab {

    padding: 0 30px;

}



.user-center1 .account-management .tab>div {

    display: none;

}



.user-center1 .account-management .data table {

    color: #fff;

    margin-top: 25px;

    margin-bottom: 0;

}



.user-center1 .account-management .data table tr th {

    border-top: none;

    font-weight: 600;

    vertical-align: middle;

    padding: 6px;

}



.user-center1 .account-management .data table tr td {

    border-top: none;

    vertical-align: middle;

    padding: 6px;

}



.user-center1 .account-management .data table tr td .ms-btn-default {

    padding: 1px 12px;

}



.user-center1 .account-management .data .table1 tr th:first-of-type {

    width: 160px;

}



.user-center1 .account-management .data .table1 tr td:first-of-type {

    width: 250px;

}



.user-center1 .account-management .data .table2 tr th:first-of-type {

    width: 160px;

}



.user-center1 .account-management .data .table2 tr td:first-of-type {

    width: 250px;

}



.user-center1 .account-management .data hr {

    margin-top: 25px;

}



.user-center1 .account-management .pwd {

    padding: 30px 0;

}



.user-center1 .account-management .pwd .form-group {

    position: relative;

    margin-bottom: 25px;

}



.user-center1 .account-management .pwd .form-group label {

    font-weight: 600;

    color: #fff;

    margin-bottom: 5px;

}



.user-center1 .account-management .pwd .form-group .iconfont {

    position: absolute;

    bottom: 5px;

    right: 15px;

    cursor: pointer;

    color: #fff;

}



.user-center1 .account-management .pwd .form-group .error {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

}



.user-center1 .account-management .pwd .form-error .error {

    display: block;

    color: #ff4222;

}



.user-center1 .account-management .pwd .ms-btn {

    width: 160px;

    padding: 12px 9px;

}



.user-center1 .account-management .msg {

    padding: 30px 0;

}



.user-center1 .account-management .msg dl {

    font-size: 13px;

}



.user-center1 .account-management .msg dl dt {

    color: #333;

    font-weight: 600;

    margin-bottom: 3px;

}



.user-center1 .account-management .msg dl dd {

    color: #666;

}



.user-center1 .account-management .msg ol {

    margin: 10px 0 0 20px;

}



.user-center1 .account-management .msg ol li {

    float: left;

    color: #333;

    margin-left: 50px;

    cursor: pointer;

}



.user-center1 .account-management .msg ol li .icon {

    position: relative;

    top: 3px;

    margin-right: 10px;

}



.user-center1 .account-management .msg hr {

    margin: 30px 0;

    border-color: #e5e5e5;

}



.user-center1 .account-management .upload {

    padding: 30px 0;

}



.user-center1 .account-management .upload dl {

    width: 36%;

    font-size: 13px;

}



.user-center1 .account-management .upload dl dt {

    color: #333;

    font-weight: 600;

    margin-bottom: 3px;

}



.user-center1 .account-management .upload dl dd {

    color: #666;

}



.user-center1 .account-management .upload ol {

    margin: 10px 0 0 20px;

}



.user-center1 .account-management .upload ol li {

    float: left;

    color: #333;

    margin-left: 50px;

    cursor: pointer;

}



.user-center1 .account-management .upload ol li .icon {

    position: relative;

    top: 3px;

    margin-right: 10px;

}



.user-center1 .account-management .upload hr {

    margin: 30px 0;

    border-color: #e5e5e5;

}



.user-center1 .account-management .bindDomain .m-con {

    padding-top: 30px;

}



.user-center1 .account-management .bindDomain .cont p {

    color: #333;

    margin-bottom: 5px;

}



.user-center1 .account-management .bindDomain .cont p a {

    color: #157df1;

}



.user-center1 .account-management .bindDomain .cont p a:hover {

    text-decoration: underline;

}



.user-center1 .account-management .bindDomain .cont .control-label {

    color: #333;

    margin-bottom: 5px;

}



.user-center1 .account-management .bindDomain .cont #saveButton {

    width: 160px;

    padding: 9px 0;

    margin-top: 5px;

}



.user-center1 .account-management .bindDomain .m-con .bindDomainFirst {

    padding-top: 105px;

}



.user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice {

    text-align: center;

}



.user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong {

    color: #157df1;

    font-size: 70px;

}



.user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success {

    margin: -3px 0 25px;

}



.user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button {

    width: 160px;

    padding: 9px;

    color: #666;

}





.user-center1 .account-management .change .tit {

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    padding: 15px 20px;

    border-bottom: 1px solid rgb(39, 39, 39);

}



.user-center1 .account-management .con {

    padding: 20px
        /*50px*/
    ;

}



/*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/

.user-center1 .account-management .con label {

    color: #fff;

    font-weight: 600;

}



.user-center1 .account-management .con .form-group label {

    margin: 0 30px 8px 0;

}



.user-center1 .account-management .con .current-email {

    margin-bottom: 5px;

}



.user-center1 .account-management .con .read-only {

    padding-top: 15px;

    border-top: 1px solid #e5e5e5;

}



.user-center1 .account-management .con .read-only th,
.user-center .right .con .read-only td {

    padding: 8px;

}



.user-center1 .invoice-management .warn-prompt {

    margin: 0 0 10px;

}



.user-center1 .invoice-management .i-top ul li {

    float: left;

    margin-left: 20px;

}



.user-center1 .invoice-management .user-table {

    margin-top: 20px;

}



.user-center1 .invoice-management .user-table.mt10 {

    margin-top: 10px;

}



.user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1) {

    width: 180px;

}



.user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3) {

    width: 120px;

}



.user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type {

    width: 300px;

}



.user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1) {

    padding-left: 20px;

}



.user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2) {

    width: 120px;

}



.user-center1 .invoice-management .table.invoice-table2 td .company-name {

    width: 120px;

    line-height: 20px;

}



.user-center1 .invoice-management .table.invoice-table2 .courier-number {

    width: 160px;

}



.user-center1 .invoice-management .table.invoice-table2 td .courier-number {

    width: 160px;

}



.user-center1 .invoice-management .table.invoice-table2 td .ms-btn {

    margin-right: 0;

}



.user-center1 .invoice-management .table td {

    vertical-align: middle;

}



.user-center1 .invoice-management .table td .icon-checkbox1 {

    color: #e5e5e5;

    cursor: pointer;

    margin-right: 8px;

    position: relative;

    top: -2px;

}



.user-center1 .invoice-management .table td .icon-checkbox-checked1 {

    color: #157df1;

}



.user-center1 .invoice-management .table td .company-name {

    width: 110px;

    line-height: 20px;

}



.user-center1 .invoice-management .table td .receives-address {

    width: 120px;

}



.user-center1 .invoice-management .table td .ms-btn {

    margin-right: 10px;

}



.user-center1 .invoice-management .table td .set-default {

    visibility: hidden;

    color: #fd641d;

    cursor: pointer;

}



.user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default {

    visibility: visible;

}



.user-center1 .invoice-management .table tr:hover td .set-default {

    visibility: visible;

}



.user-center1 .invoice-management .no-content {

    height: 412px;

    padding-top: 150px;

}



.user-center1 .invoice-management .no-content1 {

    height: 376px;

    padding-top: 130px;

}



.user-center1 .invoice-management .submit {

    width: 160px;

    padding: 9px 12px;

}



.user-center1 .invoice-management .make-invoice-details {

    padding: 30px;

    background-color: #fff;

    border: 1px solid #e5e5e5;

    height: 550px;

    margin-bottom: 40px;

}



.user-center1 .invoice-management .make-invoice-details dl {

    color: #333;

    margin-bottom: 15px;

}



.user-center1 .invoice-management .make-invoice-details dl dt {

    color: #333;

    font-weight: 600;

    width: 100px;

    text-align: right;

}



.user-center1 .invoice-management .make-invoice-details dl dd {

    float: none;

    margin-left: 150px;

}



.user-center1 .invoice-management .make-invoice-details hr {

    margin: 20px 0;

}



.user-center1 .invoice-management .make-invoice-details .color-danger {

    font-size: 12px;

}



.user-center1 .invoice-management .apply-invoice {

    background-color: #fff;

    padding: 30px;

    margin-bottom: 40px;

    border: 1px solid #e5e5e5;

}



.user-center1 .invoice-management .apply-invoice .row {

    margin: 0 -5px;

}



.user-center1 .invoice-management .apply-invoice .row .col-sm-4 {

    padding: 0 5px;

}



.user-center1 .invoice-management .apply-invoice .row .col-sm-6 {

    padding: 0 5px;

}



.user-center1 .invoice-management .apply-invoice label {

    color: #333;

    font-weight: 600;

    margin-bottom: 5px;

}



.user-center1 .invoice-management .apply-invoice label span {

    color: #ff4222;

    margin-left: 10px;

}



.user-center1 .invoice-management .apply-invoice .form-group {

    margin-bottom: 25px;

}



.user-center1 .invoice-management .apply-invoice .select-wrap input[type=text] {

    margin-top: 20px;

}



.user-center1 .invoice-management .apply-invoice .form-group.select-wrap {

    margin-bottom: 20px;

}



/*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/

.user-center1 .invoice-management .apply-invoice .form-group.instruction-manual {

    margin-bottom: 20px;

}



.user-center1 .invoice-management .apply-invoice .form-error {

    position: relative;

}



.user-center1 .invoice-management .apply-invoice .error {

    position: absolute;

    top: 100%;

    color: #ff4222;

    font-size: 12px;

    display: none;

}



.user-center1 .invoice-management .apply-invoice .form-error .error {

    display: block;

}



.user-center1 .invoice-management .apply-invoice hr {

    margin: 5px 0 30px;

}



.user-center1 .invoice-management .apply-invoice .icon-checkbox1 {

    color: #e5e5e5;

    position: relative;

    top: 1px;

}



.user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1 {

    color: #157df1;

}



.user-center1 .invoice-management .apply-invoice .checkbox1 {

    color: #333;

    cursor: pointer;

}



.user-center1 .invoice-management .apply-invoice .save {

    margin-top: 20px;

    width: 160px;

    padding: 9px 12px;

}



/*我的订单新增充值*/

.user-center1 .aside-right .balance-recharge {

    position: relative;

    border: 1px solid #e5e5e5;

    padding: 25px 30px 10px;

    margin-bottom: 20px;

}



.user-center1 .aside-right .balance-recharge .b-tit {

    color: #fff;

    font-weight: 600;

}



.user-center1 .aside-right .balance-recharge .b-num {

    color: #fba208;

    font-size: 40px;

}



.user-center1 .aside-right .balance-recharge p {

    color: #999;

    font-size: 12px;

}



.user-center1 .aside-right .balance-recharge .recharge-btn {

    position: absolute;

    right: 180px;

    top: 50%;

    transform: translateY(-50%);

}

.user-center1 .aside-right .balance-recharge .recharge-btn1 {

    position: absolute;

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

}


/*.balance-recharge-wrap{margin-bottom: 40px;}*/

.balance-recharge-wrap .balance-recharge {

    border: none;

    margin-bottom: 0;

}



.balance-recharge-wrap .choose-recharge {

    width: 65%;

    position: relative;

}



.balance-recharge-wrap .choose-recharge li {

    margin-right: 70px;

    margin-bottom: 25px;

}



.balance-recharge-wrap .choose-recharge li:nth-of-type(n+5) {

    margin-bottom: 0;

}



.balance-recharge-wrap .choose-recharge li input[name=rechargeAmount] {

    width: 120px;

    position: absolute;

    top: -7px;

    left: 21px;

}



.balance-recharge-wrap .choose-recharge .error {

    position: absolute;

    left: 25px;

    bottom: -5px;

    color: #fd641d;

    font-size: 12px;

    display: none;

}



.balance-recharge-wrap .choose-recharge.form-error .error {

    display: block;

}



.balance-recharge-wrap .choose-recharge li .r-num {

    width: 50px;

    display: inline-block;

}



.balance-recharge-wrap .pay-money .money {

    padding-bottom: 10px;

}



.user-center1 .aside-right .price-pay .balance-recharge {

    border: none;

    margin-bottom: 0;

}



.price-pay .balance-recharge-wrap .pay-money {

    padding-bottom: 30px;

}



.balance-recharge-wrap .pay-money .icon-checkbox1 {

    color: #999;

    position: relative;

    top: 1px;

    cursor: pointer;

}



.balance-recharge-wrap .pay-money .icon-checkbox-checked1 {

    color: #157df1;

    cursor: pointer;

}



/*/我的订单新增充值*/



/*上传资质*/

.user-center1 .aside-left .icon-dunpai {

    font-size: 18px;

    position: relative;

    top: 2px;

}



.upload-img-more .uploaded-img {

    border: 1px solid #e5e5e5;

    width: 150px;

    height: 210px;

    position: relative;

    border-radius: 5px;

    margin-right: 20px;

}



.upload-img-more .uploaded-img .thumbnail {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

    z-index: 2;

}



.upload-img-more .uploaded-img img {

    width: 100%;

    height: 100%;

    border-radius: 5px;

}



.upload-img-more .uploaded-img .delete-img {

    position: absolute;

    right: -9px;

    top: -9px;

    right: 0 \9;

    top: 0 \9;

    cursor: pointer;

    z-index: 2;

}



.upload-img-more .uploaded-img .reset {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 20px;

    line-height: 20px;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    color: #fff;

    text-align: center;

    font-size: 12px;

    display: none;

}



.upload-img-more .uploaded-img:hover .reset {

    display: block;

}





.upload-img-more .upload-img {

    position: relative;

    border: 1px dashed #e5e5e5;

    width: 150px;

    height: 210px;

    border-radius: 5px;

    background: url("../image/icon-10.png") no-repeat center 80px;

    overflow: hidden;

}



.upload-img-more .upload-img input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.upload-img-more .upload-img .text {

    text-align: center;

    font-size: 12px;

    color: #666;

    margin-top: 120px;

}



.user-center1 .aside-right .upload-qualification {

    background-color: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    border-radius: 3px;

    padding: 30px;

}



.user-center1 .aside-right .upload-qualification .p1 {

    color: #333;

    margin-bottom: 5px;

}



.user-center1 .aside-right .upload-qualification .p2 {

    color: #333;

    margin-bottom: 15px;

}



.user-center1 .aside-right .upload-qualification table {

    border: 1px solid #ddd;

    width: 70%;

    color: #333;

    margin-bottom: 40px;

}



.user-center1 .aside-right .upload-qualification table td {

    border: 1px solid #ddd;

    padding: 20px;

    text-align: center;

}



.user-center1 .aside-right .upload-qualification .tit {

    color: #333;

    margin-bottom: 15px;

}



/*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/

.user-center1 .aside-right .upload-qualification .uploaded-img {

    margin-bottom: 20px;

}



.user-center1 .aside-right .upload-qualification .upload-img {

    margin-bottom: 20px;

}



.user-center1 .aside-right .upload-qualification .review-wrap {

    margin: 20px 0 30px;

    display: none;

}



.user-center1 .aside-right .upload-qualification .review-wrap li {

    float: left;

    margin-right: 20px;

}



.user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type {

    margin-right: 0;

}



.user-center1 .aside-right .upload-qualification .review-wrap .r-center {

    margin-top: -10px;

}



.user-center1 .aside-right .upload-qualification .review-wrap .r-center img {

    display: none;

}



.user-center1 .aside-right .upload-qualification .review-wrap .r-right {

    width: 750px;

    color: #ff4222;

}



.user-center1 .aside-right .upload-qualification .review-wrap .r-right div {

    display: none;

}



.user-center1 .aside-right .upload-qualification .hide-action .upload-img {

    display: none;

}



.user-center1 .aside-right .upload-qualification .hide-action .delete-img {

    display: none;

}



.user-center1 .aside-right .upload-qualification .hide-action .reset {

    display: none;

}



.user-center1 .aside-right .upload-qualification .hide-action .thumbnail {

    display: none;

}



/*/上传资质*/



/*推广大使*/

aside.aside-left ul li a .icon-dashi {

    background: url("../image/tt-10.png") no-repeat;

    width: 17px;

    height: 14px;

    display: inline-block;

    margin-right: 10px;

    margin-top: 2px;

}



.aside-right .user-promote {

    background-color: #fff;

    min-height: 510px;

}



.aside-right .user-promote .p-list {

    background-color: #f5f7f9;

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid #eee;

}



.aside-right .user-promote .p-list li {

    float: left;

    padding: 0 20px;

    cursor: pointer;

    color: #333;

}



.aside-right .user-promote .p-list li.active {

    background-color: #fff;

    border-right: 1px solid #e5e5e5;

    border-left: 1px solid #eee;

    margin-left: -1px;

}



.aside-right .user-promote .p-list li.active a {

    color: #157df1;

}



/*.aside-right .user-promote .tab>div{display: none;}*/

.aside-right .user-promote .tab-common {

    padding: 25px 30px;

}



.aside-right .user-promote .tab1 .p-link-1 {

    border: 1px solid #ddd;

    padding: 15px 20px;

    margin-bottom: 20px;

}



.aside-right .user-promote .tab1 .p-link-1 dl {

    color: #333;

    margin-bottom: 3px;

}



.aside-right .user-promote .tab1 .p-link-1 dl dt span {

    font-size: 20px;

}



.aside-right .user-promote .tab1 .p-link-1 dl dd .copy {

    font-size: 12px;

    margin-top: 8px;

    margin-left: 20px;

    display: block;

}



.aside-right .user-promote .tab1 .p-link-1 p {

    font-size: 12px;

    color: #999;

}



.aside-right .user-promote .tab1 .p-link-2 {

    border: 1px solid #ddd;

    padding: 15px 20px;

    margin-bottom: 25px;

    position: relative;

}



.aside-right .user-promote .tab1 .p-link-2 .row {

    margin: 0 -20px;

}



.aside-right .user-promote .tab1 .p-link-2 .line {

    position: absolute;

    width: 1px;

    height: calc(100% - 30px);

    left: 50%;

    top: 15px;

    background-color: #ddd;

}



.aside-right .user-promote .tab1 .p-link-2 dl {

    padding-left: 15px;

}



.aside-right .user-promote .tab1 .p-link-2 dl dt {

    color: #333;

}



.aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1 {

    margin: -1px 0 0 3px;

}



.aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt {

    color: #999;

    margin-bottom: 10px;

}



.aside-right .user-promote .tab1 .p-link-2 dl dt span {

    color: #999;

}



.aside-right .user-promote .tab1 .p-link-2 dl dd {

    color: #333;

}



.aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1 {

    height: 34px;

    overflow: hidden;

}



.aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span {

    color: #fba412;

    font-size: 30px;

}



.aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1 {

    padding: 0 12px;

    line-height: 20px;

    height: 20px;

    font-size: 12px;

    margin-left: 30px;

}



.aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span {

    color: #333;

    font-size: 20px;

}



.aside-right .user-promote .tab1 .help {

    padding: 0;

}



.aside-right .user-promote .tab1 .help .tit {

    font-size: 20px;

    color: #333;

    margin-bottom: 20px;

}



.withdrawal-to-alipay {

    padding: 15px 10px;

    border: 1px solid #ddd;

    display: none;

}



.withdrawal-to-alipay .tit {

    color: #333;

    font-size: 16px;

    margin-bottom: 30px;

}



.withdrawal-to-alipay .form-group {

    margin-bottom: 20px;

}



.withdrawal-to-alipay .form-group label {

    color: #333;

}



.withdrawal-to-alipay .withdrawal {

    color: #333;

    font-size: 12px;

    padding-top: 6px;

}



.withdrawal-to-alipay .withdrawal .num {

    color: #fba208;

    font-size: 16px;

    font-weight: 600;

}



.withdrawal-to-alipay .form-group .yuan {

    padding-top: 7px;

    color: #333;

}



.withdrawal-to-alipay .form-group .submit1 {

    width: 100px;

}



.withdrawal-to-alipay .form-group .error {

    font-size: 12px;

    color: #fd641d;

    margin-top: 3px;

    display: none;

}



.withdrawal-to-alipay .form-group.form-error .error {

    display: block;

}



#payModal .modal-dialog {

    width: 410px !important;

}



#payModal .tit {

    font-size: 16px;

    color: #333;

    font-weight: 600;

    margin-bottom: 20px;

}



#payModal .pay-msg {

    margin-bottom: 25px;

}



#payModal .pay-msg dl {

    color: #333;

    margin-bottom: 10px;

}



#payModal .pay-msg dl dt {

    width: 50%;

    text-align: right;

    padding-right: 10px;

}



#payModal .pay-msg dl dd {

    width: 50%;

    text-align: left;

    padding-left: 10px;

}



#payModal .pay-msg dl dd .num {

    color: #fba208;

}



#payModal .pay-msg dl dd .num i {

    font-weight: 600;

}



#payModal .cancel-btn {

    display: inline-block;

    height: 34px;

    line-height: 34px;

    margin-right: 20px;

}



.aside-right .user-promote .tab2 .date {

    float: left;

    width: 140px;

    position: relative;

}



.aside-right .user-promote .tab2 .date1 {

    margin-right: 10px;

}



.aside-right .user-promote .tab2 .date2 {

    margin-right: 20px;

}



.aside-right .user-promote .tab2 .date input {

    position: relative;

    z-index: 1;

    background-color: transparent;

    cursor: pointer;

}



.aside-right .user-promote .tab2 .date .icon-date {

    color: #aaa;

    position: absolute;

    right: 10px;

    top: 4px;

    z-index: 0;

}



.aside-right .user-promote .tab2 .date:hover .icon-date {

    color: #157df1;

}



.aside-right .user-promote .tab2 .d-top {

    margin-bottom: 20px;

}



.aside-right .user-promote .tab2 .d-top .form-control {

    height: 30px;

}



.aside-right .user-promote .tab2 .d-top .line {

    margin-right: 10px;

    color: #aaa;

}



.aside-right .user-promote .tab2 .d-top .query {

    padding: 5px 8px;

    border-color: #e5e5e5;

    border-left: none;

    background-color: #f5f6f7;

    font-size: 12px;

    color: #333;

    height: 30px;

}



.aside-right .user-promote .tab2 .d-top .num {

    line-height: 34px;

    margin-left: 30px;

    color: #333;

    font-size: 13px;

}



.aside-right .user-promote .tab2 .d-top .num i {

    color: #157df1;

}



.aside-right .user-promote .tab2 .d-top .account {

    display: inline-block;

    width: auto;

    border-right-color: #f5f6f7;

}



.aside-right .user-promote .tab2 .d-top .account:focus {

    border-right-color: #66afe9;

}



.aside-right .user-promote .tab-common .table {

    border: 1px solid #e5e5e5;

    table-layout: fixed;

}



.aside-right .user-promote .tab-common .table tr th {

    border-top-color: #e5e5e5 !important;

    height: 50px;

    vertical-align: middle;

    text-align: center;

    background-color: #f5f6f7;

    font-weight: normal;

    font-size: 12px;

    color: #666;

    line-height: 1.2;

}



.aside-right .user-promote .tab-common .table tr td {

    border-top-color: #e5e5e5 !important;

    height: 50px;

    vertical-align: middle;

    text-align: center;

    font-size: 12px;

    line-height: 1.2;

    color: #666;

}



.aside-right .user-promote .tab-common .table tr:hover {

    background: #ebf7ff;

}



.aside-right .user-promote .tab-common .no {

    text-align: center;

    margin-top: 100px;

}





.aside-right .user-promote .tab3 table .to-edit {

    font-size: 12px;

    transform: scale(.9);

}



.aside-right .user-promote .tab3 table .icon-edit {

    font-size: 24px;

    cursor: pointer;

}



.aside-right .user-promote .tab3 table .icon-edit:hover {

    color: #157df1;

}



/*/推广大使*/





/*----------/个人中心-----------*/



/*----------工具箱-----------*/

.toolkit-wrap {

    background: url("../image/bg-2.jpg") no-repeat center;

    height: 635px;

}



.toolkit li {

    float: left;

    width: 50%;

    text-align: center;

    padding-top: 130px;

    position: relative;

}



.toolkit li .tit {

    font-size: 30px;

    color: #333;

    margin-top: 35px;

}



.toolkit li p {

    font-size: 18px;

    color: #666;

    margin-top: 20px;

    height: 50px;

}



.toolkit li .ms-btn-primary {

    width: 165px;

    margin-top: 40px;

    padding: 12px;

}



.toolkit li .line {

    width: 2px;

    height: 300px;

    background-color: #d8d7d7;

    position: absolute;

    right: 0;

    bottom: 35px;

    border-radius: 2px;

}



/*faq*/

.faq {

    margin-bottom: 20px;

}



.faq .tit {

    font-size: 30px;

    color: #157df1;

    margin-top: 30px;

}



.faq .tit .icon-faq {

    position: relative;

    top: 7px;

    margin-right: 8px;

}



.faq .row {

    margin-left: -10px;

    margin-right: -10px;

}



.faq .row .col-sm-6 {

    padding: 0 10px;

}



.faq .con {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding: 30px 40px;

    margin-bottom: 20px;

}



.faq .con dl dt {

    font-size: 25px;

    color: #333;

    margin-bottom: 10px;

}



.faq .con dl dt span {

    width: 5px;

    height: 24px;

    background-color: #157df1;

    display: inline-block;

    position: relative;

    top: 3px;

    margin-right: 12px;

}



.faq .con dl dd {

    padding-left: 18px;

}



.faq .con dl dd a {

    font-size: 16px;

    color: #333;

    line-height: 34px;

}



.faq .con dl dd a:hover {

    color: #f77721;

}



.toolkit-common-wrap {

    background-color: #000;

}



.toolkit-common .top {

    padding: 40px 0;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    background-color: #fff;

}



.toolkit-common .udid-top {

    text-align: center;

    padding-bottom: 0;

}



.toolkit-common .udid-top img {

    width: 155px;

    border: 1px solid #e5e5e5;

    padding: 5px;

}



.toolkit-common .top .tit {

    font-size: 36px;

    color: #333;

    text-align: center;

}



.toolkit-common .udid-top .p-top {

    color: #333;

    line-height: 24px;

    margin-top: 10px;

    margin-bottom: 20px;

}



.toolkit-common .udid-top p span {

    color: #157df1;

}



.toolkit-common .udid-top .p-bottom {

    color: #333;

    line-height: 24px;

    padding: 25px 35px;

    border-top: 1px solid #e5e5e5;

    margin-top: 40px;

    text-align: left;

}



.toolkit-common .ipa-top .form-group {

    width: 65%;

    margin: 0 auto;

}



.toolkit-common .ipa-top {

    text-align: center;

}



.toolkit-common .ipa-top .form-control {

    margin-top: 40px;

    margin-bottom: 10px;

}



.toolkit-common .ipa-top .ipa-p {

    text-align: left;

    font-size: 12px;

    color: #666;

}



.toolkit-common .ipa-top .ms-btn-primary {

    margin-top: 25px;

    width: 160px;

    padding: 9px 12px;

}



.toolkit-common .ipa-top .error {

    text-align: left;

    font-size: 12px;

    color: #fd641d;

    margin-bottom: 5px;

    display: none;

}



.toolkit-common .ipa-top .form-error .error {

    display: block;

}



.toolkit-common .ipa-top table {

    width: 600px;

    margin: 40px auto 0;

}



.toolkit-common .ipa-top table th {

    border-color: #e5e5e5 !important;

    text-align: center;

    vertical-align: middle;

    width: 150px;

}



.toolkit-common .ipa-top table td {

    border-color: #e5e5e5 !important;

    text-align: left;

    padding: 20px;

}



.toolkit-common .ipa-top table td a {

    color: #157df1;

}



.toolkit-common .ipa-top table td a:hover {

    text-decoration: underline;

}



.toolkit-common .ipa-top table td .icon-big-iphone {

    margin-right: 20px;

}



.toolkit-common .ipa-top table td img {

    width: 80px;

    height: 80px;

    border-radius: 15px;

    border: 1px solid #e5e5e5;

}



/*----------toolkit-new----------*/

/*plist*/

.toolkit-new {

    background-color: #fff;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding: 50px 0 40px;

}



.toolkit-new .con {

    padding: 0 200px;

}



.toolkit-new .tit {

    color: #333;

    font-size: 36px;

    text-align: center;

    margin-bottom: 50px;

}



@media (min-width: 1200px) {

    .toolkit-new .form-horizontal .col-sm-3 {

        padding-left: 10px;

        padding-right: 10px;

    }



    .toolkit-new .form-horizontal .col-sm-9 {

        padding-left: 10px;

        padding-right: 10px;

    }

}



.toolkit-new .form-horizontal .form-group {

    margin-bottom: 30px;

}



.toolkit-new .form-horizontal label {

    color: #333;

}



.toolkit-new .error {

    font-size: 12px;

    color: #fd641d;

    display: none;

}



.toolkit-new .form-error .error {

    display: block;

}



.toolkit-new .p1 {

    color: #333;

    padding: 20px 0 0 30px;

    border-top: 1px solid #e5e5e5;

    margin-top: 40px;

}



.toolkit-new .p1 a {

    color: #157df1;

}



/*/plist*/



/*制作图标*/

.toolkit-make-icon .make-icon .sp-preview {

    width: 210px;

}



.toolkit-make-icon {

    background-color: rgb(30, 30, 30);

    border: 0px;

    border-radius: 3px;

    padding: 30px;

    margin-bottom: 40px;

}



.toolkit-make-icon .m-left .m-tit {

    text-align: center;

}



.toolkit-make-icon .m-right {

    padding: 30px 40px;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

}



.toolkit-make-icon .make-icon .m-tit {

    color: #fff;

    margin-bottom: 7px;

}



.toolkit-make-icon .make-icon .m-left .m-tit {

    margin-bottom: 20px;

    margin-top: 20px;

}



.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: #157df1;

}



.toolkit-make-icon .make-icon .m-icon .m-icon-con {

    text-align: center;

}



.toolkit-make-icon .make-icon .m-icon.radius {

    border-radius: 15px;

}



.toolkit-make-icon .make-icon .m-icon img {

    max-width: 110px;

    height: auto;

}



.toolkit-make-icon .make-icon .m-icon .m-name {

    color: #fff;

    max-width: 150px;

    text-align: center;

}



.toolkit-make-icon .make-icon .m-icon .i-name1 {

    color: #fff;

    text-align: center;

    font-size: 24px;

    margin-bottom: 5px;

    display: none;

}



.toolkit-make-icon .make-icon .m-icon .i-name2 {

    color: #fff;

    text-align: center;

    font-size: 24px;

    margin-top: 5px;

    display: none;

}



.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 .icon-bg dl dt {

    color: #fff;

    margin-right: 20px;

}



.toolkit-make-icon .make-icon .m-icon-bg1 {

    margin-bottom: 20px;

}



.toolkit-make-icon .make-icon .m-icon-bg1 dt {

    line-height: 30px;

}



.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 {

    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+li {

    border-left-color: transparent;

}



.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:last-of-type {

    border-radius: 0 3px 3px 0;

}



.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg {

    width: 100%;

    height: 100%;

    border-radius: 2px;

    background-color: #157df1;

}



.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small {

    display: none;

    position: absolute;

    right: 0;

    bottom: 0;

}



.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active {

    border-color: #157df1;

}



.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small {

    display: block;

}



.toolkit-make-icon .make-icon .foreground-map .tab li {

    float: left;

    padding: 0 30px;

    line-height: 36px;

    border: 1px solid #e5e5e5;

    color: #fff;

    background-color: rgb(30, 30, 30);

    cursor: pointer;

}



.toolkit-make-icon .make-icon .foreground-map .tab li+li {

    border-left-color: transparent;

}



.toolkit-make-icon .make-icon .foreground-map .tab li.active {

    background-color: #fff;

    color: #000;

    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;

    width: 580px;

    border-radius: 0 3px 3px 3px;

    margin-bottom: 40px;

}



.toolkit-make-icon .make-icon .foreground-map .tab-con>div {

    display: none;

}



.toolkit-make-icon .make-icon .foreground-map .tab1 {

    padding: 30px 30px 30px 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("../image/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 .icon-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active {}



.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small {

    display: block;

}



.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.active .t-con {

    border-color: #157df1;

}



.toolkit-make-icon .make-icon .foreground-map .tab1 .form-group {

    margin-bottom: 0;

    margin-top: 20px;

}



.toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type {

    margin-top: 0;

}



.toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type {

    margin-bottom: 0;

    margin-top: 30px;

}



.toolkit-make-icon .make-icon .foreground-map .tab1 .written-content {

    display: none;

}



.toolkit-make-icon .make-icon .foreground-map .tab1 .text-color {

    display: none;

}



.toolkit-make-icon .make-icon .foreground-map .tab2 {

    padding: 30px 10px;

}



.toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text {

    margin-bottom: 30px;

}



.toolkit-make-icon .make-icon .error {

    font-size: 12px;

    color: #fd641d;

    margin-top: 5px;

    display: none;

}



.toolkit-make-icon .make-icon .form-error .error {

    display: block;

}



.toolkit-make-icon .make-icon .control-label {

    color: #fff;

}



.toolkit-make-icon .make-icon .prospects {

    padding-top: 7px;

    color: #fff;

}



.toolkit-make-icon .make-icon .prospects li {

    float: left;

    margin-right: 35px;

    cursor: pointer;

}



.toolkit-make-icon .make-icon .prospects li .icon-radio {

    margin-right: 8px;

}



.toolkit-make-icon .make-icon .m-icon-radio {

    margin-bottom: 40px;

}



.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-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.toolkit-make-icon .make-icon .m-icon-radio li.active {

    border-color: #157df1;

}



.toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small {

    display: block;

}



.toolkit-make-icon .make-icon .img-size dt {

    float: left;

    margin-right: 40px;

    cursor: pointer;

}



.toolkit-make-icon .make-icon .img-size dt .iconfont {

    margin-right: 7px;

    position: relative;

    top: 1px;

}



.toolkit-make-icon .make-icon .img-size dd {

    float: left;

    margin-right: 40px;

    cursor: pointer;

}



.toolkit-make-icon .make-icon .img-size dd .iconfont {

    margin-right: 7px;

}



.toolkit-make-icon .make-icon .img-size-tit {

    margin-bottom: 2px;

}



.toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1 {

    color: #157df1;

}



.toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1 {

    color: #157df1;

}



@media (min-width: 1200px) {

    .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group {

        margin-left: -10px;

        margin-right: -10px;

    }



    .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2 {

        width: 20%;

        padding-left: 10px;

        padding-right: 10px;

    }



    .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 .tab-con .col-sm-push-2 {

        left: 20%;

    }

}



.toolkit-make-icon .m-right .generated-icon {

    padding: 9px 35px;

    margin-top: 25px;

}



/*/制作图标*/

/*----------/toolkit-new----------*/

/*----------/工具箱-----------*/



/*----------企业签名-----------*/

.signature-banner {

    background: url("../image/s-banner.jpg") no-repeat center;

    height: 430px;

    display: block;

    padding: 110px 0 0 70px;

}



.signature-banner .con {

    color: #fff;

}



.signature-banner .con .h1 {

    font-size: 32px;

    font-weight: 600;

    margin-bottom: 15px;

}



.signature-banner .con p {

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 20px;

}



.signature-banner .con .ms-btn-primary {

    width: 110px;

    background-color: transparent;

    border-color: #fff;

    font-size: 16px;

}



/*.corporate-signature-wrap{background-color: #f5f9fe;}*/

.corporate-signature {

    padding: 70px 0;

}



.corporate-signature .h1 {

    color: #157df1;

    margin-bottom: 50px;

    text-align: center;

}



/*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/

.corporate-signature .ms-thumbnail img {

    margin-bottom: 15px;

}



.signature-tool {

    padding: 70px 0;

}



.signature-tool .h1 {

    color: #157df1;

    text-align: center;

    margin-bottom: 60px;

}



.signature-tool img {

    margin: 0 auto;

}



.signature-process-wrap {

    background: url("../image/bg-4.jpg") no-repeat center;

    height: 440px;

}



.signature-process {

    padding-top: 75px;

}



.signature-process .h1 {

    color: #fff;

    margin-bottom: 80px;

    text-align: center;

}



.signature-process img {

    margin: 0 auto;

}



.signature-process ul {

    padding: 0 50px;

}



.signature-process ul li {

    float: left;

}



.signature-process ul li img {

    margin: 0 auto 20px;

    display: block;

}



.signature-process ul li p {

    color: #fff;

}



.signature-process ul li:nth-child(even) {

    background: url("../image/tt-13.png") no-repeat center;

    height: 100px;

    width: 50px;

}



.signature-process ul li:nth-child(odd) {

    width: calc((100% - 200px) / 5);

    text-align: center;

}



/*----------/企业签名-----------*/



/*----------封装页面-----------*/

.encapsulation-banner-wrap {

    background: url("../image/banner-4.jpg") no-repeat center;

    height: 430px;

    position: relative;

    display: block;

}



.encapsulation-banner {

    padding: 100px 0 0 90px;

}



.encapsulation-banner .h1 {

    color: #fff;

    font-size: 32px;

    margin-bottom: 15px;

}



.encapsulation-banner p {

    color: #fff;

    font-size: 18px;

    margin-bottom: 10px;

}



.encapsulation-banner ul {

    margin-bottom: 20px;

}



.encapsulation-banner ul li {

    color: #fff;

    float: left;

    margin-right: 40px;

    font-size: 16px;

}



.encapsulation-banner ul li .iconfont {

    font-size: 20px;

    position: relative;

    top: 2px;

    margin-right: 5px;

}



.encapsulation-banner .ms-btn {

    border: 1px solid #fff;

    color: #fff;

    padding-left: 25px;

    padding-right: 25px;

}



.encapsulation-introduce-wrap {

    background-color: rgb(30, 30, 30);

    padding: 20px 0 15px;

}



.encapsulation-introduce .ms-thumbnail .img-wrap {

    width: 115px;

    height: 100px;

    margin: 0 auto;

    margin-bottom: 15px;

    display: flex;

    align-items: flex-end;

    justify-content: center;

}



.encapsulation-introduce .ms-thumbnail .img-wrap img {

    margin-bottom: 0;

}



.encapsulation-introduce .ms-thumbnail .ms-caption .tit {

    margin-bottom: 5px;

}



.encapsulation-introduce .ms-thumbnail .ms-caption p {

    font-size: 12px;

    line-height: 20px;

}



.function-of {

    padding: 70px 0 80px;

    text-align: center;

}



.function-of .tit {

    font-size: 36px;

    color: #f77721;

}



.function-of p {

    font-size: 16px;

    color: #fff;

    margin: 20px 0 75px;

}



.function-of ul li {

    float: left;

    width: 16.6666667%;

    border-bottom: 1px solid #f5f7f9;

    border-left: 1px solid #f5f7f9;

    padding: 30px 0;

}



.function-of ul li .img-wrap {

    position: relative;

    width: 60px;

    height: 55px;

    margin: 0 auto 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.function-of ul li .img-wrap .hot {

    background: url("../image/e-5.png");

    width: 31px;

    height: 19px;

    position: absolute;

    color: #fff;

    font-size: 12px;

    line-height: 19px;

    right: -30px;

    top: -7px;

}



.function-of ul li:nth-of-type(1) {

    border-left-color: transparent;

}



.function-of ul li:nth-of-type(7) {

    border-left-color: transparent;

}



.function-of ul li:nth-of-type(13) {

    border-left-color: transparent;

}



.function-of ul li:nth-of-type(n+13) {

    border-bottom-color: transparent;

}



.function-of .f-img img {

    margin: 0 auto;

}



/*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/



.encapsulation-complete-wrap {

    background: url("../image/e-6.jpg") no-repeat center;

    height: 440px;

}



.encapsulation-complete-6 {

    padding-top: 80px;

}



.encapsulation-complete-6 .h1 {

    color: #fff;

    margin-bottom: 60px;

    text-align: center;

}



.app-case-wrap {

    background-color: #f5f9fe;

}



.app-case {

    padding: 70px 80px 45px;

}



.app-case .tit {

    font-size: 36px;

    color: #157df1;

    text-align: center;

    margin-bottom: 70px;

}



.app-case .list .con {

    position: relative;

    margin-bottom: 25px;

}



.app-case .list .con img {

    height: 418px;

}



.app-case .list .con .hover {

    position: absolute;

    left: -10px;

    top: -10px;

    width: calc(100% + 20px);

    height: calc(100% + 40px);

    background-color: #348dee;

    color: #fff;

    font-size: 24px;

    padding-top: 160px;

    text-align: center;

    opacity: 0;

    transition: all 600ms;

    cursor: pointer;

    z-index: 1;

}



.app-case .list .con:hover .hover {

    opacity: 1;

}



.price-pay .wechat-pay {

    padding: 100px 0;

}



.price-pay .wechat-pay .wechat-img {

    padding: 10px;

    width: 200px;

    height: 200px;

    border: 1px solid #e5e5e5;

}



.price-pay .wechat-pay .glyphicon-triangle-left {

    font-size: 30px;

    color: #333;

}



.price-pay .wechat-pay .left {

    margin-top: 100px;

}



.price-pay .wechat-pay .center {

    margin-top: 170px;

}



.user-loss {

    padding: 80px 0;

}



.user-loss .h1 {

    color: #157df1;

    text-align: center;

    margin-bottom: 60px;

}



.user-loss ul {

    background: url("../image/en-1.png") no-repeat center;

    position: relative;

    height: 320px;

}



.user-loss ul li {

    color: #333;

    font-size: 18px;

    padding: 0 20px;

    border-radius: 30px;

    height: 42px;

    line-height: 42px;

    box-shadow: 0 0 15px rgba(21, 125, 241, .2);

    position: absolute;

}



.user-loss ul li.con1 {

    left: 130px;

    top: 50px;

}



.user-loss ul li.con2 {

    right: 0;

}



.user-loss ul li.con3 {

    left: 0;

    bottom: 40px;

}



.user-loss ul li.con4 {

    right: 100px;

    bottom: 100px;

}



.problem-solving-wrap {

    background: #f7f8fc url("../image/en-6.png?12>") no-repeat center bottom;

}



.problem-solving {

    padding: 80px 20px;

    height: 795px;

}



.problem-solving .h1 {

    color: #157df1;

    text-align: center;

    margin-bottom: 80px;

}



@media (min-width: 1200px) {

    .problem-solving .row {

        margin: 0 -45px;

    }



    .problem-solving .row .col-sm-3 {

        padding: 0 45px;

    }



    .problem-solving .row .col-sm-3:nth-child(1) {

        margin-top: 30px;

    }



    .problem-solving .row .col-sm-3:nth-child(2) {

        margin-top: 180px;

    }



    .problem-solving .row .col-sm-3:last-of-type {

        margin-top: 228px;

    }

}



.problem-solving .ms-thumbnail {

    background-color: #fff;

    padding: 30px 0;

    position: relative;

    border-radius: 10px;

}



.problem-solving .ms-thumbnail .ms-caption p {

    height: 100px;

}



.problem-solving .ms-thumbnail .location {

    position: absolute;

    left: 50%;

    bottom: -33px;

    transform: translateX(-50%);

}



.encapsulation-complete-6 ul {

    padding: 0 50px;

}



.encapsulation-complete-6 ul li {

    float: left;

}



.encapsulation-complete-6 ul li img {

    margin: 0 auto 20px;

    display: block;

}



.encapsulation-complete-6 ul li p {

    color: #fff;

}



.encapsulation-complete-6 ul li:nth-child(even) {

    background: url("../image/tt-13.png") no-repeat center;

    height: 100px;

    width: 50px;

}



.encapsulation-complete-6 ul li:nth-child(odd) {

    width: calc((100% - 200px) / 5);

    text-align: center;

}





/*----------/封装页面-----------*/



/*----------404 500-----------*/

.web404 {

    padding: 150px 0 0;

    min-height: 790px;

}



.web404 .img {

    position: relative;

    padding-left: 45px;

}



.web404 .error {

    position: absolute;

    right: -70px;

    top: 50px;

}



.web404 .error .text {

    font-size: 24px;

    color: #333;

}



.web404 .error p {

    margin-top: 10px;

}



.web404 .error .ms-btn-primary {

    margin-top: 30px;

    font-size: 18px;

    width: 160px;

}



.web500 {

    position: absolute;

    left: 50%;

    top: 45%;

    transform: translate(-50%, -50%);

}



.web500 .error {

    position: absolute;

    bottom: -50px;

    left: 65%;

}



.web500 .error .text {

    font-size: 24px;

    color: #333;

}



.web500 .error p {

    margin-top: 10px;

}



.web500 .error .ms-btn-primary {

    margin-top: 30px;

    font-size: 18px;

    width: 160px;

}



/*----------/404 500-----------*/



/*----------关于我们-----------*/

.about-banner-wrap {

    background: #000;

    height: 200px;

}



.about-banner {

    height: 200px;

    padding-top: 50px;

    text-align: center;

    color: #fff;

}



.about-tab-wrap {

    background-color: rgba(0, 0, 0, .1);

    margin-top: -44px;

}



.about-tab-wrap .about-tab>a {

    float: left;

    color: #fff;

    width: 20%;

    height: 44px;

    line-height: 44px;

    font-size: 16px;

    text-align: center;

    cursor: pointer;

    display: block;

}



.about-tab-wrap .about-tab .router-link-active {

    background-color: #f77721;

}



.about-tab-wrap .about-tab a .iconfont {

    font-size: 18px;

    margin-right: 5px;

    position: relative;

    top: 1px;

}



.about-tab-wrap .about-tab a:hover {

    background-color: #f77721;

}



/*.about-us>div{display: none;}*/

.about-us .common {

    padding: 70px 0;

}



.about-us .common h1 {

    text-align: center;

    color: #fff;

    margin-bottom: 50px;

}



.about-us .common .p2 {

    font-size: 16px;

    color: #fff;

    text-align: center;

    line-height: 30px;

    margin-bottom: 50px;

}



.about-us .contact-us {

    padding-top: 0;

}



.about-us .contact-us .contact-con {

    padding: 0 50px;

}



.about-us .contact-us .contact-con .ms-thumbnail {

    border: 1px solid rgb(39, 39, 39);

    background-color: rgb(30, 30, 30);

    padding: 50px 0;

}



.about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit {

    font-size: 24px;

}



.about-us .contact-us .contact-con .ms-thumbnail .ms-caption p {

    color: #999;

    margin-bottom: 20px;

}



.about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont {

    color: #adb6bc;

    font-size: 20px;

    margin-right: 10px;

    position: relative;

    top: 2px;

}



.about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1 {

    font-size: 12px;

    padding: 3px 8px;

    margin-left: 25px;

}



.about-us .service_content {

    font-size: 16px;

    color: #fff;

    padding: 70px;

}



.about-us .service_content p {

    color: #fff;

    font-size: 16px;

    line-height: 28px;

}



.about-us .service_content .font18 {

    color: #fff;

    margin-top: 5px;

    margin-bottom: 5px;

}



.about-us .service_content h3 {

    font-size: 24px;

    color: #fff;

    line-height: 33px;

    margin-top: 20px;

    margin-bottom: 10px;

}



.about-us .service_content li {

    line-height: 30px;

    list-style: none;

    color: #fff;

}



.about-us .service_content a,
a:hover {

    color: #f77721;

    text-decoration: none;

}



.about-us p.item-title {

    margin: 0 0 10px 0;

    font-size: 24px;

    color: #fff;

    line-height: 50px;

}



/*----------/关于我们-----------*/



/*应用上传 重置*/

/*----------应用上传 重置----------*/

.qq-upload-list-selector {

    text-align: center;

    padding-top: 0 !important;

}



.qq-progress-bar-container-selector {

    height: 12px !important;

    border-radius: 6px;

}



.qq-progress-bar-container-selector .qq-progress-bar-selector {

    height: 12px !important;

    border-radius: 6px;

}



.qq-progress-bar-container-selector .qq-progress-bar-selector {

    height: 12px !important;

}



.release-app .progress-bar.active,
.release-app .progress.active .progress-bar {

    /*

    -webkit-animation: none !important;

    -o-animation: none !important;

    animation: none !important;

    */

}



.release-app .progress-striped .progress-bar-warning {

    /*background-image: none !important;*/

}



.release-app .progress-bar-warning {

    background-color: #36b8f3 !important;

}



.big-bag .progress-bar-warning {

    background-color: #ffa634 !important;

}



.release-app2 .qq-upload-list li {

    padding: 9px 55px;

}



.tag-box {

    padding: 50px 20px 60px !important;

    height: 450px !important;

}



.release-app .progress {

    margin-top: 20px !important;

}



.qq-upload-list-selector {

    margin-top: 20px !important;

}



.qq-uploader-selector {

    height: auto;

    text-align: center;

}



.qq-upload-button-selector {

    margin-top: 130px !important;

}



.tag-box-v5 {

    margin-bottom: 0 !important;

}



/*----------/应用上传 重置----------*/



/*----------企业签名----------*/

.signature1>.con {

    position: relative;

}



.signature1>.con>.row {

    margin: 0 0 20px;

    overflow: hidden;

    height: 100%;

}



@media (min-width: 1200px) {

    .signature1>.con>.row>.col-sm-2 {

        padding: 0 0 9999px;

        margin-bottom: -9999px;

    }

}



.signature1>.con>.row>.col-sm-2 {

    background-color: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

}



.signature1>.con>.row>.col-sm-10 {

    padding: 0 0 0 10px;

}



.signature1 .left {

    padding-top: 15px;

}



.signature1 .left ul li {

    margin-bottom: 10px;

}



.signature1 .left ul li a {

    padding-left: 25px;

    display: block;

    height: 50px;

    line-height: 50px;

    border-left: 4px solid transparent;

    color: #333;

}



.signature1 .left ul li a .iconfont {

    margin-right: 10px;

    color: #333;

    font-size: 18px;

}



.signature1 .left ul li.active a {

    background-color: #e7f2fe;

    border-color: #157df1;

    color: #157df1;

}



.signature1 .left ul li.active a .iconfont {

    color: #157df1;

}



.signature1 .left ul li.active a .icon-upload1 {

    font-size: 18px;

}



.signature1 .left ul li:hover a {

    background-color: #e7f2fe;

    border-color: #157df1;

    color: #157df1;

}



.signature1 .left ul li:hover a .iconfont {

    color: #157df1;

}



.signature1 .left ul li .icon-xiangzi {

    position: relative;

    top: 1px;

}



.signature1 .left ul li .icon-caidan {

    position: relative;

    top: 1px;

}



.signature1 .right {

    position: relative;

}



.signature1 .right .step {

    overflow: hidden;

    margin-bottom: 10px;

}



.signature1 .right .step li {

    float: left;

    background-color: #fff;

    width: 19.5%;

    height: 44px;

    line-height: 44px;

    text-align: center;

    color: #666;

    position: relative;

    border: none;

}



.signature1 .right .step li span {

    display: inline-block;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    border: 1px solid #e5e5e5;

    line-height: 16px;

    text-align: center;

    font-size: 12px;

    margin-right: 10px;

}



.signature1 .right .step li.active {

    color: #157df1;

}



.signature1 .right .step li.active span {

    color: #157df1;

    border-color: #157df1;

}



.signature1 .right .step li:after,
.signature1 .right .step li:before {

    left: 100%;

    top: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    z-index: 1;

}



.signature1 .right .step li:before {

    border-color: rgba(255, 0, 0, 0);

    border-left-color: #f2f2f5;

    border-width: 30px;

    margin-top: -30px;

}



.signature1 .right .step li:after {

    border-color: rgba(255, 255, 255, 0);

    border-left-color: #fff;

    border-width: 25px;

    margin-top: -25px;

    z-index: 1;

}



.signature1 .right .step-common {

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    background-color: #fff;

    border-radius: 3px;
    /*margin-top: 10px;*/

    color: #333;

    padding-bottom: 30px;
    /*min-height: 446px;*/

}



.signature1 .right .step-common .tit {

    line-height: 60px;

    border-bottom: 1px solid #e5e5e5;

    height: 60px;

    padding: 0 0 0 30px;

    margin-bottom: 20px;

}



.signature1 .right .step-common ul {

    padding: 0 30px 30px 30px;

}



.signature1 .warn-prompt-wrap {

    padding-bottom: 20px;

    margin-top: -20px;

}



.signature1 .warn-prompt-wrap .warn-prompt {

    width: calc(100% - 16.66666667% - 10px);

}



.signature1 .warn-prompt-wrap .warn-prompt-1 {

    width: calc(100% - 16.66666667% - 10px);

    margin-bottom: 0;

}



.release-app2 .warn-prompt-wrap {

    padding-bottom: 20px;

    margin-top: -20px;

}



.release-app2 .warn-prompt-wrapp {

    padding-bottom: -20px;

    margin-top: 10px;

}



.release-app2 .warn-prompt-wrap .warn-prompt {

    width: calc(100% - 16.66666667% - 10px);

}



.release-app2 .warn-prompt-wrap .warn-prompt-1 {

    width: calc(100% - 16.66666667% - 10px);

    margin-bottom: 0;

    color: #fff;
}



/*对公转账*/

.contrary-transfer {

    color: #666;

    padding: 0 25px;

    display: none;

}



.contrary-transfer .warn-prompt {

    margin-top: 0;

    margin-bottom: 15px;

}



.contrary-transfer dl dt {

    width: 60px;

    text-align: right;

    margin-right: 45px;

    padding-top: 7px;

}



.contrary-transfer dl dd {

    height: 34px;

    line-height: 34px;

}



.contrary-transfer .dl-input dd {

    height: auto;

    line-height: normal;

}



.contrary-transfer .dl-input {

    margin-top: 10px;

}



.contrary-transfer .dl-input .form-error+.error {

    display: block;

}



.contrary-transfer .dl-input .error {

    color: #ff4222;

    display: none;

}



.signature1 .right .step1 .upload-file {

    padding: 0;

    height: 436px;

    margin-top: 10px;

    text-align: center;

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

}



.signature1 .right .step1 .qq-upload-button-selector {

    margin-top: 100px !important;

}



.signature1 .right .step1 .qq-upload-list-selector li {

    padding-left: 20px;

    padding-right: 20px;

}



.signature1 .right .step2 .form-group {

    margin-bottom: 30px;

}



.signature1 .right .step2 .form-group .col-sm-6 {

    position: relative;

}



.signature1 .right .step2 .form-group .error-prompt {

    position: absolute;

    left: 15px;

    top: calc(100% + 3px);

    color: #f00;

    display: none;

}



.signature1 .right .step2 .form-group.form-error .error-prompt {

    display: block;

}



.signature1 .right .step2 ul {

    padding: 7px 15px 0;

}



.signature1 .right .step2 .form-group .col-sm-2 {

    width: 14%;

}



.signature1 .right .step2 .app-name img {

    border: 1px solid #e5e5e5;

    border-radius: 15px;

    width: 60px;

    height: 60px;

}



.signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1) {

    line-height: 60px;

    padding-top: 0;

}



.signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2) {

    width: auto;

    padding-right: 0;

}



.signature1 .right .step2 .app-name .col-sm-4 {

    line-height: 60px;

}



.signature1 .right .step3 .text {

    padding-left: 30px;

    margin-bottom: 20px;

}



.signature1 .right .step3 .text img {

    width: 30px;

    height: 30px;

    border: 1px solid #e5e5e5;

    border-radius: 6px;

}



.signature1 .right .step3 .text p {

    line-height: 30px;

    margin-left: 15px;

}



.signature1 .right .step3 .pay-money {

    padding-bottom: 0;

    padding-left: 30px;

}



.signature1 .right .step3 .pay-money .ms-btn {

    width: auto;

    padding: 6px 12px;

}



.signature1 .right .step3 .pay-money .ms-btn.color-hover {

    padding-left: 0;

}



.signature1 .right .step3 .pay-money .ms-btn-primary {

    width: 160px;

    padding: 9px 0;

}



.signature1 .right .step3 .choose-package li {

    height: 40px;

    line-height: 40px;

    text-align: center;

    width: 100px;

    border: 1px solid #e5e5e5;

    position: relative;

    border-radius: 3px;

    margin-right: 30px;

    float: left;

    cursor: pointer;

}



.signature1 .right .step3 .choose-package li .icon-checkbox {

    position: absolute;

    right: 0;

    bottom: 0;

    border-bottom-right-radius: 3px;

    display: none;

}



.signature1 .right .step3 .choose-package li.active {

    border-color: #157df1;

}



.signature1 .right .step3 .choose-package li.active .icon-checkbox {

    display: block;

}



.signature1 .right .step3 .tooltip .tooltip-inner {

    max-width: 300px;

}



.signature1 .right .step4 {

    padding-bottom: 0;

}



.signature1 .right .step4 .top {

    padding: 30px;

    border-bottom: 1px solid #e5e5e5;

    min-height: 350px;

}



.signature1 .right .step4 .top img {

    border: 1px solid #e5e5e5;

    border-radius: 15px;

    width: 80px;

    height: 80px;

    margin-right: 20px;

}



.signature1 .right .step4 .top table {

    width: 45%;

    color: #333;

}



.signature1 .right .step4 .top table caption {

    color: #333;

    font-size: 24px;

    margin-bottom: 5px;

}



.signature1 .right .step4 .top table caption .tit1 {

    position: relative;

}



.signature1 .right .step4 .top table caption .version {

    position: absolute;

    left: calc(100% + 2px);

    top: 0;

    background-color: #ed2027;

    font-size: 12px;

    width: 42px;

    color: #fff;

    text-align: center;

    border-radius: 3px;

}



.signature1 .right .step4 .top table td {

    padding: 2px 0;

    font-size: 12px;

}



.signature1 .right .step4 .top.signature-disabled img {

    -webkit-filter: grayscale(1);

    filter: gray;

    filter: grayscale(1);

}



.signature1 .right .step4 .top.signature-disabled table {

    color: #999;

}



.signature1 .right .step4 .top.signature-disabled table caption {

    color: #999;

}



.signature1 .right .step4 .step-bottom {

    padding: 20px 50px 15px;

}



.signature1 .right .step4 .step-bottom table {

    width: 100%;

}



.signature1 .right .step4 .step-bottom table th {

    font-weight: 600;

    padding: 5px;

}



.signature1 .right .step4 .step-bottom table th span {

    display: inline-block;

    width: 3px;

    height: 16px;

    background-color: #157df1;

    position: relative;

    top: 3px;

    margin-right: 7px;

}



.signature1 .right .step4 .step-bottom table td {

    padding: 5px;

}



.signature1 .right .app-table {

    margin-bottom: 0;

}



.signature1 .right .app-table th {

    border-bottom-width: 1px;

}



.table-list .app-table tr:hover td {

    background-color: #ebf7ff;

}



.table-list .app-table td .app-icon-size {

    margin-right: 10px;

}



.table-list .app-table td .app-icon-size img {

    width: 45px;

    height: 45px;

    border-radius: 10px;

    border: 1px solid #e5e5e5;

}



.signature1 .right .app-table td .icon-download {

    font-size: 20px;

    cursor: pointer;

    color: #157df1;

}



/*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/

.signature1 .right .app-table .number {

    cursor: pointer;

}



.signature1 .right .app-table .number .text {

    position: relative;

}



.signature1 .right .app-table .number .glyphicon {

    color: #bbb;

    display: block;

    font-size: 13px;

    position: absolute;

    left: calc(100% + 3px);

}



.signature1 .right .app-table .number .glyphicon-triangle-top {

    top: -4px;

}



.signature1 .right .app-table .number .glyphicon-triangle-bottom {

    top: 4px;

}



.signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top {

    color: #666;

}



.signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom {

    color: #666;

}



.signature1 .right .no-signature {

    background-color: #fff;

    min-height: 420px;

    text-align: center;

    padding-top: 130px;

    border: 1px solid #e5e5e5;

    border-top: none;

}



.signature1 .right .no-signature .text {

    margin-top: 20px;

}



/*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/

.signature1 .release-app .app-table td .tit-ellipsis {

    width: 70px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    position: relative;

    top: 5px;

}



.signature1 .right .warn-prompt {

    margin-top: 20px;

}



/*----------/企业签名----------*/



/*----------封装----------*/

.encapsulation {

    padding: 30px;

    background-color: rgb(30, 30, 30);

}



.encapsulation .common .list2 {

    padding: 7px 15px 0;

}



.encapsulation .common .list2 li {

    margin-right: 40px;

}



/*.encapsulation .version-number{margin-bottom: 20px !important;}*/

.encapsulation .form-horizontal .form-group:last-of-type {

    margin-bottom: 0;

}



#device {

    position: relative;

}



#device .error {

    position: absolute;

    top: 35px;

    left: 15px;

    white-space: nowrap;

    font-size: 12px;

    color: #fd641d;

    display: none;

}



#device.form-error .error {

    display: block;

}



.encapsulation .upload-icon {

    position: relative;

    border: 1px solid #ddd;

    height: 100px;

    width: 100px;
    /*border-radius: 15px;*/

    background: url("../image/icon-10.png") no-repeat center 23px;

    margin-bottom: 30px;

    overflow: hidden;

    margin-right: 15px;

}



.encapsulation .upload-icon img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;
    /*border-radius: 15px;*/

    background-color: #fff;
    /*border: 1px solid #e5e5e5;*/

}



.encapsulation .upload-icon .thumbnail {

    position: absolute;

    z-index: 2;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.encapsulation .upload-icon .thumbnail1 {

    position: absolute;

    z-index: 2;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.encapsulation .upload-icon .text {

    text-align: center;

    margin-top: 60px;

    font-size: 14px;

    font-weight: 600;

    color: #999;

}



.encapsulation .step2 .img-note {

    font-size: 12px;

    display: flex;

    align-items: flex-end;

    height: 90px;

    margin-left: 10px;

}



.encapsulation .img-note .ms-btn {

    font-size: 14px;

}



.encapsulation .step2 .control-label {

    color: #fff;

}



.encapsulation .upload-icon .reset {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 20px;

    line-height: 20px;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    color: #fff;

    text-align: center;

    font-size: 12px;

    display: none;

}



.encapsulation .upload-icon .reset {

    display: none;

}



.encapsulation .upload-icon.uploaded .reset {

    display: none;

}



.encapsulation .upload-icon.uploaded:hover .reset {

    display: block;

}



.encapsulation .upload-img {

    height: 215px;

    width: 120px;

    background-position: center 45%;
    /*border-radius: 5px;*/

    margin-bottom: 0;

}



.encapsulation .upload-img .text {

    text-align: center;

    margin-top: 120px;

}



.encapsulation .upload-img img {
    /*border-radius: 5px;*/

}



.encapsulation .step2 .img-note1 {

    font-size: 12px;

    display: flex;

    align-items: flex-end;

    height: 215px;

    margin-left: 10px;

}



.encapsulation .step2 .img-note1 .ms-btn {

    font-size: 14px;

}



/*启动图 显示时间*/

.encapsulation .step2 .start-time .tit {

    color: #333;

}



.encapsulation .step2 .start-time ul {

    padding-left: 0;

}



.encapsulation .step2 .start-time ul li {

    float: left;

    cursor: pointer;

    margin-right: 30px;

}



.encapsulation .step2 .start-time ul li .icon-radio {

    margin-right: 10px;

    top: 3px;

}



/*/启动图 显示时间*/



/*启动图 显示跳过*/

.encapsulation .step2 .show-skip .tit {

    color: #333;

}



.encapsulation .step2 .show-skip ul {

    padding-left: 0;

}



/*/启动图 显示跳过*/



.encapsulation4 {

    padding: 30px 0;

}



.encapsulation4 .common {

    margin-bottom: 10px;

}



.encapsulation4 .common .tit {

    padding: 0 30px 20px;

    border-bottom: 1px solid #e5e5e5;

    color: #333;

}



.encapsulation4 .common .list2 {

    padding: 20px 30px 30px;

    color: #333;

}



.encapsulation4 .pay-money {

    padding-bottom: 0;

    margin-top: 0;

}



.encapsulation4 .pay-money .ms-btn.color-hover {

    width: auto;

    padding: 6px 12px;

}



.encapsulation5 {

    padding: 0;

    background-color: transparent;

}



.encapsulation5 .e-details dt {

    color: #333;

    font-size: 24px;

}



.encapsulation5 .e-details dd {

    margin-top: 5px;

    font-size: 12px;

}



.encapsulation5 .e-details dt .tit1 {

    position: relative;

}



.encapsulation5 .e-details .d-bottom>span {

    margin-right: 50px;

}



.encapsulation5 table {

    table-layout: fixed;

}



.encapsulation5 table .ellipsis-wrap {

    position: relative;

}



.encapsulation5 table .ellipsis-wrap .popover {

    max-width: 410px;

    width: 410px;

    top: 15px;

    font-size: 14px;

}



.encapsulation5 table .ellipsis-wrap .popover .popover-content span {

    color: #157df1;

    margin-left: 10px;

    cursor: pointer;

}



.encapsulation5 table .ellipsis-wrap .ellipsis {

    width: 80%;

}



.encapsulation5 table .ellipsis-wrap .popover.bottom>.arrow {

    left: 25px;

}



.encapsulation5 table .ellipsis-wrap:hover .popover {

    display: block;

}



.encapsulation-app1 {

    padding: 0;

    background-color: transparent;

}



.encapsulation-app1 .app-table {

    color: #666;

}



.encapsulation-app1 .app-table .iconfont {

    color: #bbb;

}



.encapsulation-app1 .app-table tr th {

    padding-left: 10px;

    padding-right: 10px;

}



.encapsulation-app1 .app-table tr td {

    height: 60px;

    padding: 0 10px !important;

}



/*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/

/*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/

/*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/



/*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/

.encapsulation-app1 .number {

    width: 120px;

}



.table-list .app-table .tr-disabled:hover td {

    background-color: #f7f7f7;

}



.table-list .app-table .td-disabled {

    color: #999;

    position: relative;

}



.table-list .app-table .td-disabled .icon-download {

    display: none;

}



.table-list .app-table .mask {

    position: absolute;

    background-color: red;

    opacity: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    cursor: not-allowed;

}



.table-list .app-table .td-disabled img {

    -webkit-filter: grayscale(1);

    filter: gray;

    filter: grayscale(1);

}



.table-list .app-table .td-disabled.table-action-3 .table-btn {

    display: none;

}



.encapsulation-app1 .no-app {

    background-color: #fff;

    padding-top: .1px;

    min-height: 420px;

    border: 1px solid #e5e5e5;

    border-top: none;

}



.encapsulation-app1 .no-app .icon-zhuangxiang {

    margin-right: 5px;

    font-size: 18px;

}



.encapsulation-app1 .no-app .ms-btn .text {

    margin-top: 3px;

}



.no-app .big {

    display: none;

}



.big-bag .no-app .small {

    display: none;

}



.big-bag .no-app .big {

    display: block;

}



.table-list .app-table .ellipsis {

    max-width: 160px;

    width: auto;

}



.table-list .app-table .pack-name-ellipsis {

    max-width: 140px;

    width: auto;

}



.table-list .app-table .table-btn {

    padding: 4px 10px;

    border: 1px solid #f77721;

    border-radius: 3px;

    display: inline-block;

}



.table-list .app-table .table-btn+.table-btn {

    margin-left: 3px;

}



.table-list .app-table .table-btn:hover {

    background-color: #f77721;

    color: #fff;

}



.table-list .app-table .table-btn:focus {

    background-color: transparent;

    color: #f77721;

}



.table-list .app-table .table-btn:focus:hover {

    background-color: #f77721;

    color: #fff;

}



.table-list .app-table .table-btn[disabled=disabled] {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #f77721;

}



.table-list .app-table .table-btn[disabled=disabled]:focus {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #f77721;

}



.table-list .app-table .table-btn.disabled {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #f77721;

}



.table-list .app-table .table-btn.disabled:focus {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #f77721;

}



.table-list .app-table .table-btn.color-delete {

    border-color: #ee635d;

    margin-right: 0;

}



.table-list .app-table .table-btn.color-delete:hover {

    background-color: #f77721;

    color: #fff;

}



.table-list .app-table .table-btn.color-delete:focus {

    background-color: transparent;

    color: #ee635d;

}



.table-list .app-table .table-btn.color-delete:focus:hover {

    background-color: #ee635d;

    color: #fff;

}



.table-list .app-table .table-btn.color-delete[disabled=disabled] {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #e8e8e8;

}



.table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #e8e8e8;

}



.table-list .app-table .table-btn.color-delete.disabled {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #e8e8e8;

}



.table-list .app-table .table-btn.color-delete.disabled:focus:hover {

    color: #ccc;

    cursor: not-allowed;

    border-color: #e8e8e8;

    background-color: #e8e8e8;

}



.table-list .app-table .table-btn.disabled {

    color: #999;

    cursor: not-allowed;

}



.table-list .app-table .table-action-2 {

    width: 190px;

}



.table-list .app-table .table-action-3 {

    width: 225px;

}



.table-list .app-table .table-action-4 {

    width: 265px;

}



.table-list .app-table td .tit2 {

    max-width: 115px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    color: #fff;

    font-size: 14px;

    text-align: left;

    line-height: 14px;

    margin-top: 10px;

}



.table-list .app-table td .tit2:hover {

    color: #fff;

}



.table-list .app-table td .tit3 {

    color: #fff;

    font-size: 12px;

    text-align: left;

    display: block;

    margin-top: 2px;

}



.table-list .app-table tr .angle-parent {

    position: relative;

}



.table-list .app-table tr .angle-parent .angle {

    position: absolute;

    left: 0;

    top: 0;

}



.app-details2 .angle-parent {

    position: relative;

}



.app-details2 .angle-parent .angle {

    position: absolute;

    left: 0;

    top: 0;

}



.encapsulation3 {

    padding: 0;

}



.encapsulation3 {

    padding-top: .1px;

}



.encapsulation3 .tit3 {

    padding: 20px 30px;

    border-bottom: 1px solid #e5e5e5;

    color: #333;

}



.encapsulation3 .free-tool {

    color: #fff;

}



.encapsulation3 .pay-tool {

    color: #fff;

}



.encapsulation3 .plugin-list {

    padding: 20px 10px;

}



.encapsulation3 .plugin-list .con {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    cursor: pointer;

    position: relative;

}



.encapsulation3 .plugin-list .con img {

    margin: 10px auto 6px;

    height: 25px;

}



.encapsulation3 .plugin-list .con .text3 {

    text-align: center;

    margin-bottom: 10px;

    color: #fff;

    font-size: 12px;

}



.encapsulation3 .plugin-list .con .icon-checkbox {

    position: absolute;

    bottom: 0;

    right: 0;

    display: none;

}



.encapsulation3 .plugin-list .con.active {

    border-color: #f77721;

}



.encapsulation3 .plugin-list .con.active .icon-checkbox {

    display: block;

}



.encapsulation3 .plugin-list .row {

    margin-left: -10px;

    margin-right: -10px;

}



.encapsulation3 .plugin-list .row .col-sm-2 {

    padding-left: 10px;

    padding-right: 10px;

}



.encapsulation3 .plugin-list .con .in-development {

    position: absolute;

    background-color: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    border-radius: 5px;

    display: none;

    align-items: center;

    justify-content: center;

}



.encapsulation3 .plugin-list .con:hover .in-development {

    display: flex;

}



.encapsulation3 .plugin-list .col-sm-2 {

    width: 20%;

    margin-bottom: 20px;

}



/*.encapsulation3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/



.encapsulation3 .plugin-list .con .c-left {

    font-size: 12px;

    width: 60%;

}



.encapsulation3 .plugin-list .con .c-left .img-hide {

    display: none;

}



.encapsulation3 .plugin-list .con.active .c-left .img-hide {

    display: block;

}



.encapsulation3 .plugin-list .con.active .c-left .img-show {

    display: none;

}



.encapsulation3 .plugin-list .con .c-right {

    padding: 15px 20px 15px 0;

    height: 68px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.encapsulation3 .plugin-list .con .c-right .line {

    border-left: 1px solid #e5e5e5;

    width: 1px;

    height: 100%;

    margin-right: 20px;

}



.encapsulation3 .plugin-list .con .c-right .icon-checkbox-checked1 {

    color: #f77721;

}



.encapsulation3 .plugin-list .con:hover {

    border-color: #f77721;

}



/*

* table列表 优化

* 2018/10/24

*/

.table-list-wrap {

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    background-color: rgb(30, 30, 30);

    padding: 10px;

    min-height: 550px;

}



.new-encapsulation {}



.new-encapsulation .right .step li {

    width: 32.5%;

}



.new-encapsulation .right .step-common {

    min-height: 450px;

}



.new-encapsulation .right .step-common .form-group {

    margin-bottom: 30px;

}



.new-encapsulation .right .step-common .form-group1 {

    margin-bottom: 20px;

}



@media (min-width: 1200px) {

    .new-encapsulation .right .step-common .form-group .col-sm-2 {

        width: 14%;

    }

}



.new-encapsulation .step-common .img-note {

    font-size: 12px;

    display: flex;

    align-items: flex-end;

    height: 90px;

    margin-left: 10px;

}



.new-encapsulation .encapsulation .upload-icon {

    margin-bottom: 0;

}



.encapsulation .prev-step {

    padding: 6px 0;

    margin-right: 12px;

}





/*----------/封装----------*/



/*----------封装 配置插件----------*/

.plugin-modal .modal-dialog {

    width: 700px;

}



.plugin-modal .modal-title {

    color: #fff;

}



.plugin-modal .modal-header {

    padding-left: 30px;

}



.plugin-modal .modal-footer {

    padding: 30px 15px;

}



.plugin-modal .modal-header .close {

    opacity: 1;

    color: #333;

    font-size: 26px;

}



.plugin-modal .modal-body {

    max-height: 600px;

    overflow-y: auto;

    position: relative;

}



.modal-aside .modal-body {

    min-height: 600px;

}



.plugin-modal .modal-body .more-gif {

    position: absolute;

    left: 50%;

    bottom: 0px;

    margin-left: -52px;

}



.plugin-modal .modal-aside {

    background-color: rgb(30, 30, 30);

    border-radius: 6px;

}



.plugin-modal .modal-aside .modal-aside-left {

    width: 35%;

}



.plugin-modal .modal-aside .modal-aside-left .tit1 {

    color: #fff;

    font-size: 16px;

    text-align: center;

    margin-top: 55px;

    margin-bottom: 25px;

}



.plugin-modal .modal-aside .modal-aside-right {

    width: 65%;

    background-color: rgb(30, 30, 30);
    /*min-height: 710px;*/

    border-radius: 0 6px 6px 0;

}



.sp-button-container {

    width: 75px;

}



.sp-input {

    border: 1px solid #222;

}



/*浏览器*/

.plugin-browser .select-browser {

    color: #f77721;

    font-size: 12px;

    margin-left: 125px;

}



.plugin-browser .select-browser:hover {

    text-decoration: underline;

}



/*/浏览器*/



/*加载动画*/

.config-plugin {}



.config-plugin .plugin-common {

    padding: 15px 20px;

}



.config-plugin .plugin-common .sp-replacer {

    width: 100%;

}



.config-plugin .plugin-common .sp-preview {

    width: 90%;

}



.plugin-loading .tit3 {

    color: #fff;

    margin: 45px 0 15px;

}



.plugin-loading .con {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    padding: 0 10px;

    position: relative;

    overflow: hidden;

    cursor: pointer;

}



.plugin-loading .con .icon-checkbox {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-loading .con.active {

    border-color: #f77721;

}



.plugin-loading .con.active .icon-checkbox {

    display: block;

}



.plugin-loading .con .tit1 {

    padding: 15px 0;

}



.plugin-loading .con.active .tit1 {

    color: #f77721;

}



.plugin-loading .con-1 {

    border: 1px solid #e5e5e5;

    border-radius: 5px 5px 0 0;

    border-bottom: none;

    height: 140px;

}



.config-plugin .plugin-common .top {

    color: #333;

    text-align: center;

}



.config-plugin .plugin-common .top .time {

    font-size: 12px;

    font-weight: 600;

    padding-left: 20px;

    margin-top: 3px;

    display: inline-block;

}



.config-plugin .plugin-common .top .num {

    font-size: 12px;

    font-weight: 600;

    margin: 3px 5px 0 0;

}



.config-plugin .plugin-common .top .icon-signal {

    margin-left: 3px;

}



.config-plugin .plugin-common .top .icon-wifi {

    font-size: 15px;

    margin-left: 5px;

}



.config-plugin .plugin-common .top .icon-dianliang {

    font-size: 14px;

    margin-right: 3px;

}



.plugin-loading .con-1 .tit2 {

    text-align: center;

    color: #f77721;

    font-weight: 600;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 5px;

    position: relative;

}



.plugin-loading .con-1 .tit2 .progress1 {

    position: absolute;

    left: 0;

    bottom: -1px;

    background: #157df1;

    height: 1px;

    width: 80%;

}



.plugin-loading .con-1 img {

    margin: 35px auto 0;

    width: 26px;

    height: 26px;

    display: block;

}



/*/加载动画*/



/*清除缓存*/

.config-plugin .plugin-common .common-ul li {

    float: left;

    width: 140px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border: 1px solid #e5e5e5;

    position: relative;

    border-radius: 5px;

    margin-right: 25px;

    overflow: hidden;

    cursor: pointer;

}



.config-plugin .plugin-common .common-ul li .icon-checkbox {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.config-plugin .plugin-common .common-ul li.active {

    border: 1px solid #f77721;

    color: #f77721;

}



.config-plugin .plugin-common .common-ul li.active .icon-checkbox {

    display: block;

}



/*/清除缓存*/



/*极光推送*/

.config-plugin .plugin-common label {

    color: #fff;

}



/*/极光推送*/



/*退出提示*/

.plugin-exit .con-1 {

    position: relative;

}



.plugin-exit .con-1 .shadow {

    position: absolute;

    background-color: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 5px 5px 0 0;

    padding: 20px 30px;

}



.plugin-exit .con-1 .shadow .s-con {

    background-color: #fff;

    border-radius: 5px;

    height: 100%;

    text-align: center;

    font-size: 12px;

    color: #333;

    padding-top: .1px;

}



.plugin-exit .con-1 .shadow .s-con .s-tit {

    font-weight: 600;

    margin-top: 15px;

}



.plugin-exit .con-1 .shadow .s-con p {

    margin-top: 5px;

}



.plugin-exit .con-1 .shadow .s-con ol {

    margin-top: 15px;

}



.plugin-exit .con-1 .shadow .s-con ol li {

    float: left;

    color: #157df1;

    border-top: 1px solid #e5e5e5;

    width: 50%;

    height: 30px;

    line-height: 30px;

}



.plugin-exit .con-1 .shadow .s-con ol li:first-of-type {

    border-right: 1px solid #e5e5e5;

}



.plugin-exit .con-1 .shadow1 {

    position: absolute;

    background-color: rgba(0, 0, 0, .7);

    left: 15%;

    top: 55%;

    width: 70%;

    height: 30px;

    border-radius: 5px;

    line-height: 30px;

    color: #fff;

    text-align: center;

    font-size: 12px;

}



.plugin-exit .mode dd {

    cursor: pointer;

}



.plugin-exit .mode dd {

    margin-bottom: 10px;

}



.plugin-exit .mode dd .text {

    margin-left: 3px;

}



p {}



/*退出提示*/



/*引导页*/

#guideModal .modal-dialog {

    width: 1070px;

}



#guideModal .modal-aside-left .bg {

    background: url("../image/aside-10.png") no-repeat center;

    width: 268px;

    height: 564px;

    margin: 0 auto;

}



@media (min-width: 1200px) {

    .plugin-guide .row {

        margin: 0 -10px;

    }



    .plugin-guide .row .col-sm-3 {

        width: 20%;

        padding: 0 10px;

    }

}



#guideModal .modal-aside-left .bg {

    position: relative;

}



#guideModal img[src=""],
#guideModal img:not([src]) {

    opacity: 0;

}



#guideModal .modal-aside-left .bg img {

    display: block;

    background-color: #fff;

    width: 240px;

    height: 425px;

    position: absolute;

    left: 14px;

    top: 70px;

}



#guideModal .modal-aside-left .bg .experience-btn {

    position: absolute;

    left: 50%;

    bottom: 110px;

    margin-left: -65px;

    width: 130px;

    height: 30px;

    text-align: center;

    line-height: 28px;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 15px;

    z-index: 2;

}



.plugin-guide .upload-img {

    position: relative;

    border: 1px dashed #e5e5e5;

    height: 190px;

    width: 100%;

    border-radius: 5px;

    background: url("../image/icon-10.png") no-repeat center 40%;
    /*overflow: hidden;*/

}



.plugin-guide .upload-img img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 5px;

    background-color: #fff;

    border: 1px solid #e5e5e5;

}



.plugin-guide .upload-img .thumbnail {

    position: absolute;

    z-index: 2;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.plugin-guide .upload-img .text {

    text-align: center;

    margin-top: 100px;

    font-size: 12px;

}



.plugin-guide .upload-img .reset {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 20px;

    line-height: 20px;

    background: rgba(0, 0, 0, .7);

    width: 100%;

    color: #fff;

    text-align: center;

    font-size: 12px;

    display: none;

}



.plugin-guide .upload-img .reset {

    display: none;

}



.plugin-guide .upload-img.uploaded .reset {

    display: none;

}



.plugin-guide .upload-img.uploaded:hover .reset {

    display: block;

}



/*删除*/

.plugin-guide .upload-img .icon-delete2 {

    position: absolute;

    color: #ff6565;

    right: -8px;

    top: -8px;

    right: 0 \9;

    top: 0 \9;

    display: none;

    cursor: pointer;

    z-index: 2;

}



.plugin-guide .upload-img.uploaded .icon-delete2 {

    display: block;

}



.plugin-guide .experience {

    margin-top: 20px;

}



.plugin-guide .experience-color {

    margin-top: 45px;

}



.plugin-guide .experience .tit {

    color: #333;

    margin-bottom: 7px;

}



/*/引导页*/



/*第三方分享*/

.plugin-share .con {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    padding: 0 10px;

    position: relative;

    overflow: hidden;

    cursor: pointer;

}



.plugin-share .con .icon-checkbox {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-share .con.active {

    border-color: #157df1;

}



.plugin-share .con.active .icon-checkbox {

    display: block;

}



.plugin-share .con .tit1 {

    padding: 15px 0;

    color: #333;

}



.plugin-share .con.active .tit1 {

    color: #157df1;

}



.plugin-share .con-1 {

    border: 1px solid #e5e5e5;

    border-radius: 5px 5px 0 0;

    border-bottom: none;

    height: 140px;

}



.plugin-share .plugin-common .top {

    color: #333;

    text-align: center;

}



.plugin-share .plugin-common .top .time {

    font-size: 12px;

    font-weight: 600;

    padding-left: 20px;

    margin-top: 3px;

    display: inline-block;

}



.plugin-share .plugin-common .top .num {

    font-size: 12px;

    font-weight: 600;

    margin: 3px 5px 0 0;

}



.plugin-share .plugin-common .top .icon-signal {

    margin-left: 3px;

}



.plugin-share .plugin-common .top .icon-wifi {

    font-size: 15px;

    margin-left: 5px;

}



.plugin-share .plugin-common .top .icon-dianliang {

    font-size: 14px;

    margin-right: 3px;

}



.plugin-share .con-1 .tit2 {

    text-align: center;

    color: #157df1;

    font-weight: 600;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 5px;

    position: relative;

}



.plugin-share .con-1 .tit2 .share-left {

    position: absolute;

    left: 5px;

    bottom: 3px;

}



.plugin-share .con-1 .tit2 .share-right {

    position: absolute;

    right: 5px;

    bottom: 3px;

}



.plugin-share .con .icon-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-share .con.active .icon-checkbox-small {

    display: block;

}



.plugin-share .s-tit {

    color: #333;

    margin-bottom: 8px;

}



.plugin-share .s-tit1 {

    color: #fd641d;

    margin-top: 5px;

    font-size: 12px;

    display: none;

}



.plugin-share .s-way {

    margin-top: 0;

}



.plugin-share .s-way .w-top {

    margin-bottom: 8px;

}



.plugin-share .s-way .w-top .t-left {

    color: #fff;

}



.plugin-share .s-way .w-top .t-right {

    color: #157df1;

    font-size: 12px;

}



/*第三方分享三期完成后 删除*/

.plugin-share .s-way .w-con {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    padding: 15px 12px 0;

    position: relative;

    cursor: pointer;

}



.plugin-share .s-way .w-con .s-tit2 {

    color: #333;

    margin-bottom: 5px;

}



.plugin-share .s-way .w-con p {

    color: #666;

    font-size: 12px;

    margin-bottom: 10px;

    height: 34px;

}



.plugin-share .s-way .w-con.active {

    border-color: #157df1;

}



.plugin-share .s-way .w-con.active .s-tit2 {

    color: #157df1;

}



.plugin-share .s-way .w-con .icon-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-share .s-way .w-con.active .icon-checkbox-small {

    display: block;

}



/*/第三方分享三期完成后 删除*/

.plugin-share .s-way .s-ul li {

    position: relative;

    overflow: visible;

}



.plugin-share .s-way .s-ul li .way-top {

    position: absolute;

    bottom: 100%;

    right: 0;

    color: #f77721;

    z-index: 2;

    font-size: 12px;

    height: 28px;

    line-height: 28px;

}



.plugin-share .s-way .s-ul li .recommended {

    position: absolute;

    left: 0;

    top: 0;

}



.plugin-share .s-way .s-ul li .icon-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-share .s-way .s-ul li.active .icon-checkbox-small {

    display: block;

}



.plugin-share .app-share {

    display: none;

    position: relative;

}



/*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/

.plugin-share .app-share .label-wrap label {

    color: #333;

}



.plugin-share .app-share .label-wrap a {

    color: #157df1;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: -21px;

}



.plugin-share .s-con {

    border: 1px solid #e5e5e5;

    padding: 15px 20px 20px;

    border-radius: 4px;

}



.plugin-share .app-share .s-con {

    margin-top: 20px;

}



.plugin-share .s-con .s-tit3 {

    color: #fff;

}



.plugin-share .s-con dl {

    color: #333;

    margin-top: 10px;

}



.plugin-share .s-con dl dt {

    font-weight: 600;

    margin-bottom: 5px;

}



.plugin-share .s-con .save-txt {

    padding: 3px 5px 2px;

    font-size: 12px;

    line-height: 14px;

    margin-top: 5px;

    margin-bottom: 25px;

}



.plugin-share .app-share input {

    margin-top: 10px;

}



.plugin-share .form-group {

    margin-bottom: 30px;

}



.plugin-share .form-group:last-of-type {

    margin-bottom: 0;

}



.plugin-share .form-group .row .col-sm-8 {

    margin-bottom: 10px;

}



.plugin-share .share-location {

    margin-top: 40px;

}



.plugin-share .share-location .s-tit4 {

    color: #fff;

    margin-bottom: 2px;

}



.plugin-share .share-location p {

    color: #fd641d;

}



.plugin-share .share-content {

    margin-top: 40px;

}



.plugin-share .share-content .tab .s-con {

    display: none;

}



.plugin-share .share-content .radio-round {

    margin-bottom: 20px;

    color: #333;

}



.plugin-share .share-content label {

    margin-bottom: 5px;

}



.plugin-share .share-content .form-group {

    margin-bottom: 15px;

}



.plugin-share .share-content .form-group .error {

    color: #fd641d;

    font-size: 12px;

    display: none;

}



.plugin-share .share-content .form-group.form-error .error {

    display: block;

}



.plugin-share .share-content .s-con .form-group:last-of-type {

    margin-bottom: 0;

}



/*/第三方分享*/



/*状态栏*/

@media (min-width: 1200px) {

    #stateModal .modal-dialog {

        width: 1070px;

    }

}



#stateModal .modal-aside-left .bg {

    background: url("../image/plugin-aside-3.png") no-repeat center top;

    width: 268px;

    height: 564px;

    margin: 0 auto;

    padding-top: .1px;

    position: relative;

}



.plugin-modal .common-top {

    height: 24px;

    line-height: 24px;

    background-color: #157df1;

    color: #fff;

}



.plugin-modal .common-top.white {

    color: #fff;

}



.plugin-modal .common-top.black {

    color: #333;

}



.plugin-modal .common-top .icon-signal {

    margin-left: 3px;

    font-size: 13px;

}



.plugin-modal .common-top .font12 {

    font-size: 12px;

    transform: scale(.8);

}



.plugin-modal .common-top .icon-dianliang {

    margin-top: -1px;

    margin-right: 5px;

    font-size: 12px;

}



#stateModal .common-top {

    width: auto;

    margin: 71px 15px 0;

    height: 16px;

    line-height: 16px;

}



.plugin-state .tit1 {

    color: #333;

    margin-bottom: 5px;

}



.config-plugin .plugin-common .bg-text-color ol li {

    width: 30px;

    height: 30px;

    background-color: #e5e5e5;

    border: 1px solid #999;

    border-radius: 5px;

    float: left;

    padding: 6px;

    cursor: pointer;

}



.config-plugin .plugin-common .bg-text-color ol li.active {

    border: 3px solid #157df1;

}



.config-plugin .plugin-common .bg-text-color ol li:last-of-type {

    margin-left: 10px;

}



.config-plugin .plugin-common .bg-text-color ol li:first-of-type span {

    display: block;

    background-color: #fff;

    width: 100%;

    height: 100%;

}



.config-plugin .plugin-common .bg-text-color ol li:last-of-type span {

    display: block;

    background-color: #333;

    width: 100%;

    height: 100%;

}



/*/状态栏*/



/*标题栏*/

@media (min-width: 1200px) {

    #titleModal .modal-dialog {

        width: 1070px;

    }

}



#titleModal .modal-aside-left .bg {

    background: url("../image/plugin-aside-1.png") no-repeat center top;

    width: 268px;

    height: 564px;

    margin: 0 auto;

    padding-top: .1px;

}



.plugin-title input {

    color: #333;

}



.plugin-title .tit1 {

    color: #fff;

    margin-bottom: 5px;

}



#titleModal .modal-aside-left .state-title-header {

    margin-top: 71px;

}



#titleModal .modal-aside-left .state-top {

    width: auto;

    margin: 0 15px;

    height: 16px;

    line-height: 16px;

}



#titleModal .modal-aside-left .title-top {

    height: 26px;

    line-height: 26px;

    position: relative;
    /*margin-top: 85px;*/

    width: auto;

    margin-left: 15px;

    margin-right: 15px;

}



#titleModal .modal-aside-left .title-top .iconfont {

    font-size: 20px;

    display: none;

}



#titleModal .modal-aside-left .title-top .t-left .iconfont {

    margin-left: 5px;

    margin-top: 1px;

}



#titleModal .modal-aside-left .title-top .t-right .iconfont {

    margin-right: 5px;

    margin-top: 1px;

}



#titleModal .modal-aside-left .title-top .text {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translate(0, -50%);

    width: 100%;

    text-align: center;

    white-space: nowrap;

    font-size: 13px;

    line-height: 27px;

}



.plugin-title .form-group {

    margin-bottom: 40px;

}



.plugin-title .form-group:last-of-type {

    margin-bottom: 0;

}



.plugin-title .function-keys-wrap {

    margin-top: 40px;

}



.plugin-title .function-keys-wrap .form-group {

    margin-bottom: 20px;

}



.plugin-title .function-keys-wrap .form-group:last-of-type {

    margin-bottom: 0;

}



.plugin-title .function-keys li {

    float: left;

    margin-right: 25px;

    cursor: pointer;

    margin-bottom: 10px;

}



.plugin-title .function-keys li .icon {

    position: relative;

    top: 3px;

    margin-right: 5px;

}



.plugin-title .function-keys li .iconfont {

    position: relative;

    top: 1px;

    margin-right: 5px;

}



.plugin-title .function-keys li.disabled {

    background-color: transparent !important;

}



.plugin-title .function-keys li .icon-checkbox-checked1 {

    color: #157df1;

}



.plugin-title .title-top dd .icon-text {

    display: none;

}



.plugin-title .title-top dd.vertical {

    background-color: rgba(21, 125, 241, .5);

    width: 100px;

    padding: 10px 0 10px 8px;

    margin-top: 4px;

}



.plugin-title .title-top .t-right dd.vertical {

    padding-left: 20px;

}



.plugin-title .title-top dd.vertical .icon-text {

    display: block;

}



.plugin-title .title-top dd.vertical .icon-wrap {

    width: 100%;

    height: 32px;

    line-height: 32px;

}



.plugin-title .title-top dd.vertical .icon-wrap .iconfont {

    margin-top: 0;

    margin-right: 5px;

}



/*.plugin-title .common-ul{margin-bottom: 40px;}*/



.plugin-title .state-way {

    position: relative;

    margin-top: 40px;

}



.plugin-title .bg-text-color1 {

    margin-top: 40px;

}



.plugin-title .bg-text-color1 ol li {

    width: 30px;

    height: 30px;

    background-color: #e5e5e5;

    border: 1px solid #999;

    border-radius: 5px;

    float: left;

    padding: 6px;

    cursor: pointer;

}



.plugin-title .bg-text-color1 ol li.active {

    border: 3px solid #157df1;

}



.plugin-title .bg-text-color1 ol li:last-of-type {

    margin-left: 10px;

}



.plugin-title .bg-text-color1 ol li:first-of-type span {

    display: block;

    background-color: #fff;

    width: 100%;

    height: 100%;

}



.plugin-title .bg-text-color1 ol li:last-of-type span {

    display: block;

    background-color: #333;

    width: 100%;

    height: 100%;

}



.plugin-title .state-bg-extension {

    display: none;

    padding-left: 15px;

}



.plugin-title .state-bg-extension .tit {

    color: #fff;

    margin-bottom: 3px;

}



.plugin-title .state-way .way-popover {

    position: absolute;

    top: 0;

    left: 198px;

    color: #157df1;

    font-size: 12px;

}



.plugin-title .hr {

    margin-top: 50px;

    margin-bottom: 45px;

}



.plugin-title .state-way .extend-prompt {

    color: #fd641d;

    font-size: 12px;

    margin-top: 10px;

}



#titleModal .plugin-title .state-top-extension {

    background: url("../image/img-ys.png") no-repeat center top;

    width: 237px;

    height: 128px;

}



/*/标题栏*/



/*导航栏*/

/*改版完成后，删除*/

.config-plugin .plugin-common .common-top.white .n-text {

    color: #fff;

}



.config-plugin .plugin-common .common-top.black .n-text {

    color: #333;

}



.config-plugin .plugin-common .common-top.white .n-icon {

    border-color: #fff;

    color: #fff;

}



.config-plugin .plugin-common .common-top.black .n-icon {

    border-color: #333;

    color: #333;

}



/*/改版完成后，删除*/

#navModal .modal-dialog {

    width: 1070px;

}



#navModal .modal-aside-left .bg {

    background: url("../image/plugin-aside-2.png") no-repeat center top;

    width: 268px;

    height: 564px;

    margin: 0 auto;

    padding-top: .1px;

    position: relative;

}



.plugin-nav .nav-top {

    background-color: #157df1;

    height: 38px;

    line-height: normal;

    position: absolute;

    bottom: 74px;

    left: 15px;

    right: 15px;

    width: auto;

}



.plugin-nav .nav-top ul {

    width: 100%;
    /*height: 36px;*/
    /*table-layout: fixed; display: table;*/

}



.plugin-nav .nav-top ul li {

    display: table-cell;

    text-align: center;

    width: 1%;

    height: 38px;

}



.plugin-nav .nav-top ul li:nth-of-type(n+3) {

    display: none;

}



.plugin-nav .icon-null {

    border: 1px solid #ddd;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background-color: #fff;

    display: inline-block;

}



.plugin-nav .n-text {

    color: #fff;

}



.plugin-nav .nav-top .n-icon {

    color: #ddd;

}



.plugin-nav .nav-top .n-text {

    color: #ddd;

}



.plugin-nav .nav-top ul li:first-of-type .n-icon {

    color: #fff;

    border-color: #fff;

}



.plugin-nav .nav-top ul li:first-of-type .n-text {

    color: #fff;

}



.plugin-nav .nav-top ul li .li-con {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}



/*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/



.config-plugin .plugin-nav .set-nav .tit2 {

    color: #fff;

}



.config-plugin .plugin-nav .set-nav .tit2 span {

    color: #999;

}



/*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/

.config-plugin .plugin-nav .set-nav .reset {

    font-size: 12px;

    color: #157df1;

    line-height: 20px;

    cursor: pointer;

}



.config-plugin .plugin-nav .set-nav .set-con {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    margin-top: 5px;

}



/*配置插件 导航改版完成后将此处删除*/

/*

.config-plugin .plugin-nav .set-nav .set-ul li{float: left; padding: 0 15px; height: 54px; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-top: none; border-left: none; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; position: relative;}

.config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}

.config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}

.config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}

.config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}

.config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}

.config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}

.config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}

.config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}

.config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}

.config-plugin .plugin-nav .set-nav .set-ul li .mask{position: absolute; right: 0; top: -1px; background-color: rgba(0,0,0,.5); color: #fff; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; display: none;}

.config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}

.config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}



.config-plugin .plugin-nav .set-nav .set-ul li .li-con{}



.config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}



.config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}

.config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}

.config-plugin .plugin-nav .set-nav .tab .add-icon{border: 1px solid #e5e5e5; border-radius: 3px; width: 40px; height: 40px; text-align: center; cursor: pointer;}

.config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}

.config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}

.config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}

.config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}



#navModal .error{display: none;}

#navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后，再改回50px*!

*/

/*/配置插件 导航改版完成后将以上删除*/



.config-plugin .plugin-nav .set-nav .set-bottom {

    margin-top: 40px;

}



.config-plugin .plugin-nav .set-nav .set-bottom .b-tit {

    color: #fff;

    margin-bottom: 5px;

}



.config-plugin .plugin-nav .set-nav .set-bottom ul li {

    float: left;

    margin-right: 40px;

    cursor: pointer;

}



.config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio {

    position: relative;

    top: 3px;

    margin-right: 5px;

}



.plugin-modal .icons li {

    float: left;

    text-align: center;

    cursor: pointer;

    margin: 5px;

    color: #666;

}



.plugin-modal .icons li div {

    font-size: 12px;

}



.plugin-modal .icons li .iconfont {

    font-size: 36px;

}



.plugin-modal .icons li:hover {

    color: #157df1;

}



/*2018/10/30 重构*/

/*.plugin-nav .plugin-common{padding: 15px 40px;}*/

/*.plugin-nav .bg-text-color{margin-top: 40px;}*/

.plugin-nav .tit1 {

    margin-bottom: 5px;

    color: #fff;

}



.plugin-nav .nav-font-color1 {

    margin-top: 40px;

}



.plugin-nav .nav-font-color2 {

    margin-top: 40px;

}



.plugin-nav .n-nav {

    background-color: rgb(15, 15, 15);

    height: 36px;

    line-height: 36px;

    padding-left: 70px;

}



.plugin-nav .n-nav li {

    float: left;

    margin: 0 5px;

    text-align: center;

}



.plugin-nav .n-nav .nav-fun {

    width: 140px;

}



.plugin-nav .n-nav .nav-name {

    width: 90px;

}



.plugin-nav .n-nav .nav-icon {

    width: 34px;

    margin-left: 0;

}



.plugin-nav .n-list {

    padding: 20px;

    color: #fff;

}



.plugin-nav .n-list dd {

    margin-bottom: 30px;

    position: relative;

    display: none;

}



.plugin-nav .n-list dd.active {

    display: block;

}



.plugin-nav .n-list .n-num {

    margin-right: 15px;

    padding-top: 7px;

}



.plugin-nav .n-list .n-text {

    margin-right: 10px;

    width: 90px;

    padding: 6px;

}



.plugin-nav .n-list select {

    margin-right: 10px;

    width: 140px;

    padding: 6px;

    color: #fff !important;

}



.plugin-nav .n-list .add-icon {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    width: 34px;

    height: 34px;

    text-align: center;

    cursor: pointer;

    margin-right: 10px;

}



.plugin-nav .n-list .add-icon .iconfont {

    color: #e5e5e5;

    font-size: 22px;
    /*margin-top: 2px;*/

    margin-left: 3px;

    display: inline-block;

}



.plugin-nav .n-list .n-link {

    margin-right: 20px;

    width: 175px;

    padding: 6px;

    visibility: hidden;

}



.plugin-nav .n-list .n-delete {

    font-size: 24px;

    color: #f17d78;

    cursor: pointer;

    display: none;

}



.plugin-nav .n-list dd:hover .n-delete {

    display: block;

}



.plugin-nav .n-list dd .error {

    color: #ff4222;

    position: absolute;

    left: 50px;

    top: 100%;

    display: none;

}



.plugin-nav .n-list dd.form-error .error {

    display: block;

}



/*2018/10/30 重构*/

/*导航栏*/



/*升级提示*/

.plugin-upgrade-prompt .u-con {

    margin-bottom: 40px;

}



.plugin-upgrade-prompt .u-tit {

    color: #333;

    margin-bottom: 5px;

}



.plugin-upgrade-prompt ul li {

    float: left;

    color: #333;

    cursor: pointer;

}



.plugin-upgrade-prompt ul li+li {

    margin-left: 30px;

}



.plugin-upgrade-prompt ul li .icon-radio {

    position: relative;

    top: 3px;

    margin-right: 8px;

}



.plugin-upgrade-prompt .u-con select+input[type=text] {

    display: none;

}



.plugin-upgrade-prompt .style li {

    text-align: center;

    color: #666;

}



.plugin-upgrade-prompt .style li .s-con {

    position: relative;

    margin-bottom: 5px;

    border-radius: 5px;

    overflow: hidden;

    border: 1px solid transparent;

}



.plugin-upgrade-prompt .style li .s-con .icon-checkbox {

    position: absolute;

    bottom: 0;

    right: 0;

    display: none;

}



.plugin-upgrade-prompt .style li.active .s-con {

    border-color: #157df1;

}



.plugin-upgrade-prompt .style li.active .s-con .icon-checkbox {

    display: block;

}



.plugin-upgrade-prompt .download-address {

    margin-bottom: 0;

}



/*/升级提示*/



/*左侧栏*/

@media (min-width: 1200px) {

    #asideModal .modal-dialog {

        width: 1070px;

    }

}

.modal-content {
    background-color: rgb(30, 30, 30);
}

.modal-content input {
    background-color: #101010;
}



#asideModal .modal-content {

    overflow: hidden;

    background-color: #f0f0f0;

}



#asideModal .aside-modal .a-left {

    width: 35%;

    float: left;
    /*background-color: #f0f0f0; padding-bottom: 100px;*/

}



#asideModal .aside-modal .a-right {

    width: 65%;

    float: right;

    background-color: #fff;

}



#asideModal .aside-modal .a-left .phone {

    background: url("../image/aside-phone.png") no-repeat;

    width: 268px;

    height: 564px;

    position: relative;

    margin: 30px auto 0;

}



#asideModal .aside-modal .a-left .phone .bg {

    position: absolute;

    left: 13px;

    top: 70px;

    width: 241px;

    height: 422px;

    background-color: rgb(0, 0, 0);

    padding: 30px 20px;

}



#asideModal .aside-modal .a-left .l-tit {

    text-align: center;

    margin-top: 60px;

    color: #333;

    font-size: 16px;

}



#asideModal .aside-modal .a-left .phone .bg .aside-icon {

    margin-bottom: 18px;

}



#asideModal .aside-modal .a-left .phone .bg .aside-icon img {

    border-radius: 3px;

    width: 40px;

    height: 40px;

}



#asideModal .aside-modal .a-left .phone .bg .aside-nav li {

    border-bottom: 1px solid #e5e5e5;

    padding: 4px 0;

    display: none;

}



#asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont {

    font-size: 20px;

    color: #333;

}



#asideModal .aside-modal .a-left .phone .bg .aside-nav li .text {

    margin-left: 5px;

    margin-top: 5px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    max-width: 95px;

    color: #333;

}



/*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/

/*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/



#asideModal .aside-modal .a-left .phone .bg .b-right {

    position: absolute;

    top: 0;

    right: 0;

}



#asideModal .aside-modal .a-left .phone .bg .b-right img {

    display: none;

}



#asideModal .plugin-remind {

    display: block;

    margin-top: 20px;

}



.plugin-aside .set-bottom ul li {

    float: left;

    margin-right: 40px;

    cursor: pointer;

}



.plugin-aside .set-nav .set-bottom ul li .icon-radio {

    position: relative;

    top: 3px;

    margin-right: 5px;

}



.plugin-aside .tit1 {

    color: #333;

    margin-bottom: 5px;

}



.plugin-aside .set-nav .tit2 {

    color: #333;

}



.plugin-aside .set-nav .tit2 span {

    color: #999;

}



.plugin-aside .set-nav .reset {

    font-size: 12px;

    color: #157df1;

    line-height: 20px;

    cursor: pointer;

}



.plugin-aside .set-nav .set-con {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    margin-top: 5px;

}



.plugin-aside .set-nav .set-bottom {

    margin-top: 40px;

}



.plugin-aside .set-nav .set-bottom .b-tit {

    color: #333;

    margin-bottom: 5px;

}



.plugin-aside .set-nav .set-bottom ul li {

    float: left;

    margin-right: 40px;

    cursor: pointer;

    color: #333;

}



.plugin-aside .set-nav .set-bottom ul li .icon-radio {

    position: relative;

    top: 3px;

    margin-right: 5px;

}



.plugin-aside .n-nav {

    background-color: #e5e5e5;

    height: 36px;

    line-height: 36px;

    padding-left: 65px;

}



.plugin-aside .n-nav li {

    float: left;

    margin: 0 5px;

    text-align: center;

}



.plugin-aside .n-nav .nav-fun {

    width: 140px;

}



.plugin-aside .n-nav .nav-name {

    width: 90px;

}



.plugin-aside .n-nav .nav-icon {

    width: 34px;

}



.plugin-aside .n-list {

    padding: 20px;

    color: #333;

}



.plugin-aside .n-list dd {

    margin-bottom: 30px;

    position: relative;

    display: none;

}



.plugin-aside .n-list dd.active {

    display: block;

}



.plugin-aside .n-list .n-num {

    margin-right: 10px;

    padding-top: 7px;

    width: 45px;

}



.plugin-aside .n-list .n-text {

    margin-right: 10px;

    width: 90px;

    padding: 6px;

}



.plugin-aside .n-list select {

    margin-right: 10px;

    width: 135px;

    padding: 6px;

    color: #999;

}



.plugin-aside .n-list .add-icon {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    width: 34px;

    height: 34px;

    text-align: center;

    cursor: pointer;

    margin-right: 10px;

}



.plugin-aside .n-list .add-icon .iconfont {

    color: #e5e5e5;

    font-size: 22px;
    /*margin-top: 2px;*/

    margin-left: 2px;

    display: inline-block;

}



.plugin-aside .n-list .n-link {

    margin-right: 20px;

    width: 170px;

    padding: 6px;

    visibility: hidden;

}



.plugin-aside .n-list .n-delete {

    font-size: 24px;

    color: #f17d78;

    cursor: pointer;

    display: none;

}



.plugin-aside .n-list dd:hover .n-delete {

    display: block;

}



.plugin-aside .n-list dd .error {

    color: #ff4222;

    margin-left: 50px;
    /*position: absolute; left: 50px; top: 100%;*/

    display: none;

}



.plugin-aside .n-list dd.form-error .error {

    display: block;

}



.plugin-modal .icons li {

    float: left;

    text-align: center;

    cursor: pointer;

    width: calc(100% / 12);
    /*margin: 5px 4px;*/

    color: #fff;

}



.plugin-modal .icons li div {

    font-size: 12px;

}



.plugin-modal .icons li .iconfont {

    font-size: 36px;

}



.plugin-modal .icons li:hover {

    color: #157df1;

}



.plugin-aside .error {

    display: none;

}



.plugin-aside .form-error .error {

    font-size: 12px;

    color: #fd641d;

    display: block;

}



.plugin-aside .top-show {

    margin-top: 40px;

}



.plugin-aside .top-show .b-tit {

    color: #333;

    margin-bottom: 5px;

}



.plugin-aside .top-show ul li {

    float: left;

    width: 140px;

    padding: 9px 12px;

    position: relative;

    margin-right: 20px;

}



.plugin-aside .top-show ul li .icon-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-aside .top-show ul li.active {

    border-color: #157df1;

}



.plugin-aside .top-show ul li.active .icon-checkbox-small {

    display: block;

}



.plugin-aside .con {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    padding: 0 10px;

    position: relative;

    overflow: hidden;

    cursor: pointer;

}



.plugin-aside .con .icon-checkbox {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-aside .con.active {

    border-color: #157df1;

}



.plugin-aside .con.active .icon-checkbox {

    display: block;

}



.plugin-aside .con .tit1 {

    padding: 15px 0;

}



.plugin-aside .con.active .tit1 {

    color: #157df1;

}



.plugin-aside .con-1 {

    border: 1px solid #e5e5e5;

    border-radius: 5px 5px 0 0;

    border-bottom: none;

    height: 140px;

}



.plugin-aside .con-1 .a-icon {

    color: #333;

    padding: 0 5px;

    border-bottom: 1px solid #e5e5e5;

}



.plugin-aside .con-1 .a-icon .iconfont {

    font-size: 20px;

}



.plugin-aside .con-1 .tit2 {

    text-align: center;

    color: #157df1;

    margin-top: 5px;

}



.plugin-aside .con .icon-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.plugin-aside .con.active .icon-checkbox-small {

    display: block;

}



.plugin-remind {

    margin-top: 45px;

    display: none;

}



.plugin-remind .r-tit {

    color: #333;

    margin-bottom: 2px;

}



.plugin-remind p {

    color: #fd641d;

}



.plugin-remind1 {

    margin-top: 45px;

    display: none;

}



.plugin-remind1 .r-tit {

    color: #333;

    margin-bottom: 2px;

}



.plugin-remind1 p {

    color: #fd641d;

}



/*/左侧栏*/



/*制作启动图*/

#startPicModal .modal-dialog {

    width: 1010px;

}



#startPicModal .modal-content {

    overflow: hidden;

}



#startPicModal .modal-body {

    max-height: 630px;

    min-height: 630px;

    padding: 20px 30px;

}



#startPicModal .aside-modal {

    background-color: #f0f0f0;

}



#startPicModal .aside-modal .a-left {

    width: 35%;

    float: left;

    padding-top: 30px;

}



#startPicModal .aside-modal .a-right {

    width: 65%;

    float: right;

    background-color: #fff;

}



#startPicModal .aside-modal .a-left .l-tit {

    text-align: center;
    /*margin-top: 60px;*/

    color: #333;

    font-size: 16px;

}



#startPicModal .aside-modal .a-left .phone {

    background: url("../image/aside-phone1.png") no-repeat;

    width: 304px;

    height: 640px;

    position: relative;

    margin: 30px auto 0;

}



#startPicModal .aside-modal .a-left .phone .bg {

    position: absolute;

    left: 17px;

    top: 70px;

    width: 270px;

    height: 480px;

    overflow: hidden;
    /*padding: 60px 20px;*/

    background-position: center;

    background-size: cover;

}



#startPicModal .aside-modal .a-left .phone .bg img {

    border: 1px solid #e5e5e5;

}



#startPicModal .aside-modal .a-left .phone .s-app-icon {

    text-align: center;

    margin-bottom: 7px;

}



#startPicModal .aside-modal .a-left .phone .s-app-icon img {

    width: 65px;

    height: 65px;

    border-radius: 5px;

}



#startPicModal .aside-modal .a-left .phone .s-app-name {

    text-align: center;

    color: #fff;

    position: absolute;

    left: 0;

    top: 132px;

    width: 100%;

}



#startPicModal .aside-modal .a-left .phone .s-app-introduce {

    color: #fff;

    font-size: 12px;

    margin-top: 5px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

    text-align: center;

    position: absolute;

    left: 0;

    top: 152px;

}



/*#startPicModal .making-startup{padding: 10px 35px;}*/

#startPicModal .making-startup .s-tit {

    color: #333;

    margin-bottom: 5px;

}



#startPicModal .making-startup .pic-list {

    width: 460px;

    margin-bottom: 40px;

}



#startPicModal .making-startup .pic-list li {

    float: left;

    position: relative;

    border: 1px solid #e5e5e5;

    margin-right: 10px;

    margin-bottom: 10px;

    cursor: pointer;

}



#startPicModal .making-startup .pic-list li.active {

    border-color: #157df1;

}



#startPicModal .making-startup .pic-list li .icon-checkbox {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



#startPicModal .making-startup .pic-list li.active .icon-checkbox {

    display: block;

}



#startPicModal .making-startup .radio-tick {

    margin-bottom: 45px;

}



#startPicModal .a-left .phone .bg-3 .s-app-icon {

    margin-top: 100px;

}



#startPicModal .a-left .phone .bg-3 .s-app-name {

    color: #333;

    top: 232px;

}



#startPicModal .a-left .phone .bg-3 .s-app-introduce {

    color: #333;

    top: 252px;

}



/*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/

#startPicModal .a-left .phone .bg-4 .s-app-wrap {

    position: absolute;

    bottom: 10px;

    left: 5px;

    width: 100%;

}



#startPicModal .a-left .phone .bg-4 .s-app-icon {

    float: left;

}



#startPicModal .a-left .phone .bg-4 .s-name-wrap {

    float: left;

    width: 70%;

    margin-top: 13px;

    margin-left: 5px;

}



#startPicModal .a-left .phone .bg-4 .s-app-name {

    color: #333;

    text-align: left;

    position: static;

}



#startPicModal .a-left .phone .bg-4 .s-app-introduce {

    color: #333;

    position: static;

    text-align: left;

}



#startPicModal .a-left .phone .bg-5 {

    border: 1px solid #e5e5e5;

}



#startPicModal .a-left .phone .bg-5 .s-app-icon {

    margin-top: 30px;

}



#startPicModal .a-left .phone .bg-5 .s-app-name {

    color: #333;

    top: 163px;

}



#startPicModal .a-left .phone .bg-5 .s-app-introduce {

    color: #333;

    top: 183px;

}



#startPicModal .a-left .phone .bg-6 .s-app-name {

    color: #333;

}



#startPicModal .a-left .phone .bg-6 .s-app-introduce {

    color: #333;

}



#startPicModal .a-left .phone .bg-7 .s-app-name {

    color: #333;

}



#startPicModal .a-left .phone .bg-7 .s-app-introduce {

    color: #333;

}



/*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/

#startPicModal .a-left .phone .bg-8 .s-app-wrap {

    position: absolute;

    bottom: 10px;

    left: 5px;

    width: 100%;

}



#startPicModal .a-left .phone .bg-8 .s-app-icon {

    float: left;

}



#startPicModal .a-left .phone .bg-8 .s-name-wrap {

    float: left;

    width: 70%;

    margin-top: 13px;

    margin-left: 5px;

}



#startPicModal .a-left .phone .bg-8 .s-app-name {

    color: #333;

    text-align: left;

    position: static;

}



#startPicModal .a-left .phone .bg-8 .s-app-introduce {

    color: #333;

    position: static;

    text-align: left;

}



#startPicModal .a-left .phone .bg-9 .s-app-name {

    color: #333;

}



#startPicModal .a-left .phone .bg-9 .s-app-introduce {

    color: #333;

}



/*/制作启动图*/



/*制作图标*/

/*2019/4/9/ 改版*/

@media (min-width: 1200px) {

    #makeIconsModal .modal-dialog {

        width: 1010px;

    }



    #makeIconsModal .modal-dialog .modal-body {

        padding: 20px 30px;

        min-height: 410px;

    }

}





#makeIconsModal .m-tit {

    color: #333;

    margin-bottom: 10px;

}



#makeIconsModal .m-icon {

    background-position: center;

    width: 150px;

    height: 150px;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto;

}



#makeIconsModal .m-icon img {

    width: 150px;

    height: auto;

    display: block;

    border-radius: 15px;

}



#makeIconsModal .m-icon .m-name {

    color: #fff;

    max-width: 120px;

    text-align: center;

}



#makeIconsModal .icon-bg {

    border: 1px solid #e5e5e5;

    padding: 30px 25px;

    border-radius: 5px;

    margin-bottom: 50px;

}



#makeIconsModal .icon-bg dl dt {

    color: #333;

    margin-right: 20px;

}



#makeIconsModal .m-icon-bg1 {

    margin-bottom: 20px;

}



#makeIconsModal .m-icon-bg1 dt {

    line-height: 30px;

}



#makeIconsModal .m-icon-bg1 dd {

    width: 40%;

}



#makeIconsModal .m-icon-bg2 dt {

    line-height: 40px;

}



.make-img-common .tab {

    border-right: 1px solid #e5e5e5;

}



.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;

}



.make-img-common .tab li+li {

    border-left-color: transparent;

}



.make-img-common .tab li:last-of-type {

    border-right-color: transparent;

}



.make-img-common .tab li.active {

    background-color: #fff;

    border-bottom-color: transparent;

}



/*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/

/*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/



.make-img-common .tab-con {

    border: 1px solid #e5e5e5;

    margin-top: -1px;

}



.make-img-common .tab-con>div {

    display: none;

}



.make-img-common .tab-common {

    padding: 30px 40px;

}



.make-img-common .tab-common ul {
    /*height: 204px; overflow-y: auto;*/

}



.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;

}



#startPicModal .make-img-common .tab-common ul li {

    width: calc((100% - 16px) / 5);

}



#makeIconsModal .make-img-common .tab-common ul li:nth-child(7n) {

    margin-right: 0;

}



#startPicModal .make-img-common .tab-common ul li:nth-child(5n) {

    margin-right: 0;

}



.make-img-common .tab-common ul li .icon-checkbox-small {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

}



.make-img-common .tab-common ul li.active {}



.make-img-common .tab-common ul li.active .icon-checkbox-small {

    display: block;

}



.make-img-common .tab-common ul li .t-con {}



.make-img-common .tab-common ul li.active {

    border-color: #157df1;

}





#makeIconsModal .error {

    font-size: 12px;

    color: #fd641d;

    margin-top: 5px;

    display: none;

}



#makeIconsModal .form-error .error {

    display: block;

}



/*/制作图标*/



/*网页缩放*/

.plugin-web-zoom .tit {

    color: #333;

    margin-bottom: 5px;

}



/*/网页缩放*/



/*手势配置*/

.plugin-gestures .tit {

    color: #333;

    margin-bottom: 3px;

}



.plugin-gestures .gestures-list1 {

    margin-bottom: 40px;

}



.plugin-gestures .gestures-list1 li {

    float: left;

    margin-right: 40px;

    cursor: pointer;

}



.plugin-gestures .gestures-list2 .tit {

    margin-bottom: 5px;

}



.plugin-gestures .gestures-list2 p {

    color: #fd641d;

    margin-top: 10px;

}



/*/手势配置*/



/*浏览器UA*/

.plugin-ua .ua {

    margin-bottom: 40px;

}



.plugin-ua .ua:last-of-type {

    margin-bottom: 10px;

}



.plugin-ua .ua .tit {

    color: #333;

    margin-bottom: 5px;

}



.plugin-ua .ua-con {

    border: 1px solid #e5e5e5;

    padding: 30px 0;

}



.plugin-ua .ua-con .form-control {

    margin-bottom: 8px;

}



.plugin-ua .ua-con .form-group {

    margin: 0 -5px 25px;

}



.plugin-ua .ua-con .form-group:last-of-type {

    margin-bottom: 0;

}



.plugin-ua .ua-con .col-sm-3 {

    padding: 10px 5px 0;

}



@media (min-width: 1200px) {

    .plugin-ua .ua-con .col-sm-3 {

        width: 22%;

    }

}



.plugin-ua .ua-con .col-sm-8 {

    padding: 0 5px;

}



.plugin-ua .ua-con label {

    font-size: 12px;

    color: #fff;

}



.plugin-ua .ua-con p {

    font-size: 12px;

}



.plugin-ua .ua-con p span {

    color: #157df1;

}



.plugin-ua .ua-con .error {

    font-size: 12px;

    color: #fd641d;

    margin-top: 5px;

    display: none;

}



.plugin-ua .ua-con .form-error .error {

    display: block;

}



/*/浏览器UA*/



/*保存账户密码*/

.plugin-save-pwd .tit {

    color: #333;

    margin-bottom: 5px;

}



/*/保存账户密码*/

/*----------/封装 配置插件----------*/



/*----------应用发布 改版----------*/

.release-app2>.row {

    margin: 0 0 15px;

    overflow: hidden;

    height: 100%;

}



@media (min-width: 1200px) {

    .release-app2>.row>.col-sm-2 {

        padding: 0 0 9999px;

        margin-bottom: -9999px;

    }

}



.release-app2>.row>.col-sm-2 {

    background-color: rgba(30, 30, 30, 0.8);

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

}



.release-app2>.row>.col-sm-10 {

    padding: 0 0 0 10px;

}



/*

.release-app2>.row{margin-left: -5px; margin-right: -5px;}

.release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}

*/



aside.aside-left {

    padding-top: 15px;

}



aside.aside-left ul li {

    margin-bottom: 10px;

}



aside.aside-left ul li a {

    padding-left: 25px;

    display: block;

    height: 50px;

    line-height: 50px;

    border-left: 4px solid transparent;

    color: #fff;

}



aside.aside-left ul li a .iconfont {

    margin-right: 10px;

    color: #fff;

}



aside.aside-left ul li.active a {

    background-color: #f77721;

    border-color: #f77721;

    color: #fff;

}



aside.aside-left ul li.active a .iconfont {

    color: #fff;

}



aside.aside-left ul li.active a .icon-upload1 {

    font-size: 18px;

}



aside.aside-left ul li:hover a {

    background-color: #ed8d4e;

    border-color: #f77721;

    color: #fff;

}



aside.aside-left ul li:hover a .iconfont {

    color: #fff;

}



.release-app2 .aside-right .a-top {

    margin-bottom: 5px;

}



.release-app2 .aside-right .a-top.mb10 {

    margin-bottom: 10px;

}



.release-app2 .aside-right .a-top .app-icon {

    width: 100px;

    border-radius: 20px;

    background-color: #fff;

    cursor: pointer;

    border: 1px solid #e5e5e5;

    overflow: hidden;

}



.release-app2 .aside-right .a-top .app-icon li {

    float: left;

    width: 50%;

    height: 38px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-right: 1px solid #e5e5e5;

}



.release-app2 .aside-right .a-top .app-icon li:last-of-type {

    border-right-color: transparent;

}



.release-app2 .aside-right .a-top .app-icon li .iconfont {

    font-size: 22px;

    color: #bbb;

}



.release-app2 .aside-right .a-top .app-icon li.active {

    background-color: #157df1;

}



.release-app2 .aside-right .a-top .app-icon li.active .iconfont {

    color: #fff;

}



.release-app2 .aside-right .search {

    position: relative;

    margin-left: 30px;

}



.release-app2 .aside-right .search .iconfont {

    position: absolute;

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 18px;

}



.release-app2 .aside-right .search input {

    height: 40px;

    line-height: 38px;

    width: 160px;

    border: 1px solid #e5e5e5;

    padding-left: 40px;

    background-color: transparent;

    color: #333;

}



.release-app2 .aside-right .search input::-webkit-input-placeholder {

    color: #333 !important;

}



.release-app2 .aside-right .search input::-moz-placeholder {

    color: #333 !important;

}



.release-app2 .aside-right .search input::-ms-input-placeholder {

    color: #333 !important;

}



.release-app2 .aside-right .search .btn-search {

    line-height: 40px;

    color: #157df1;

    margin-left: 15px;

}



.release-app2 .aside-right .how-many dl dd {

    text-align: right;

    position: relative;

    padding-right: 20px;

    margin-right: 20px;

}



.release-app2 .aside-right .how-many dl dd .p1 {

    font-size: 12px;

    float: left;

    color: #999;

}



.release-app2 .aside-right .how-many dl dd .icon-prompt1 {

    font-size: 14px;

    color: #999;

    float: left;

    margin: -3px 0 0 3px;

}



.release-app2 .aside-right .how-many dl dd .icon-prompt {

    margin-left: 5px;

    float: left;

}



.release-app2 .aside-right .how-many dl dd .p2 {

    color: #fff;

    float: right;

    font-size: 19px;

}



.release-app2 .aside-right .how-many dl dd .p2 i {

    font-size: 12px;

    color: #888;

}



.release-app2 .aside-right .how-many dl dd .p2 span {

    float: right;

}



.release-app2 .aside-right .how-many dl dd .p2 span:last-child {

    margin-right: 10px;

}



.release-app2 .aside-right .how-many dl dd .right-line {

    position: absolute;

    top: 6px;

    right: 0;

    background-color: #e5e5e5;

    width: 1px;

    height: 30px;

}



.release-app2 .aside-right .how-many .ms-btn-primary.w60 {

    padding: 3px 12px;

    margin-top: 6px;

}



.release-app2 .aside-right .how-many .big-bag-btn {

    background-color: #fd9817;

    border-color: #fd9817;

    color: #fff;

}



.release-app2 .aside-right .app-table-wrap {
    /*min-height: 502px;*/

    margin-top: 5px;
    /*margin-bottom: 40px;*/
    /*background-color: #fff;*/
    /*border: 1px solid #e5e5e5; border-top: none;*/

}



.release-app2 .aside-right .app-table {

    /* border: 1px solid #e5e5e5; */

    font-size: 12px;

    margin-bottom: 0;

    border-collapse: collapse;

    border-spacing: 0px;

}



.release-app2 .aside-right .app-table tr th {

    text-align: center;

    font-weight: 600;

    color: #fff;

    padding: 15px 0;

    background-color: rgba(39, 39, 39, 0.8);

    border-color: #e5e5e5;

}



.release-app2 .aside-right .app-table tr td {

    text-align: center;

    padding: 0 10px;

    vertical-align: middle;

    border-color: #e5e5e5;

    color: #fff;

    height: 60px;

    border-top: 1px solid rgb(39, 39, 39);

}



/*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/

.release-app2 .aside-right .app-table>tbody>tr>td.color-danger {

    color: #fd641d;

}



.release-app2 .aside-right .app-table>tbody>tr>td.color-999 {

    color: #999;

}



.release-app2 .aside-right .app-table>tbody>tr>td td {

    text-align: left;

}



.release-app2 .aside-right .app-table tr:hover td {

    background-color: rgb(39, 39, 39);

}



.release-app2 .aside-right .app-table .app-icon1 {

    border-radius: 15px;

    border: 1px solid #e5e5e5;

    width: 50px;

    height: 50px;

}



.table-list .app-table .download-code {
    /*display: inline-block;*/

}



.table-list .app-table .download-code-wrap {

    line-height: 16px;

    height: 16px;

}



.table-list .app-table .download-code1 {

    display: inline-block;

}



.table-list .app-table .download-code .ellipsis {

    color: #f77721;

}



.table-list .app-table .download-code .ellipsis:hover {

    text-decoration: underline;

}



.table-list .app-table .download-code .icon-small-code {

    margin-top: 1px;

    margin-left: 3px;

}



.release-app2 .aside-right .app-table .app-name1 {

    display: block;

    color: #666;

    max-width: 96px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.release-app2 .aside-right .app-table .app-icon-name {

    position: relative;

}



.release-app2 .aside-right .app-table .app-icon-name .big-package-1 {

    position: absolute;

    left: -11px;

    top: -10px;

    background-color: #fd9817;

    height: 16px;

    line-height: 16px;

    padding: 0 3px 0 1px;

    border-radius: 0 10px 10px 0;

    color: #fff;

    font-size: 12px;

    display: none;

}



.release-app2 .aside-right .app-table .app-icon-name .app-expired {

    position: absolute;

    left: -11px;

    top: -10px;

    background-color: #fd641d;

    height: 16px;

    line-height: 16px;

    padding: 0 3px 0 1px;

    border-radius: 0 10px 10px 0;

    color: #fff;

    font-size: 12px;

    z-index: 2;

    display: none;

}



.release-app2 .aside-right .app-table tr td.disabled {

    background-color: #fff !important;

}



.release-app2 .aside-right .app-table tr td.disabled img {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

}



.release-app2 .aside-right .app-table tr td.disabled .tit2 {

    color: #999;

}



.release-app2 .aside-right .app-table tr td.disabled .ellipsis {

    color: #ccc;

}



.version-history-table {

    border: 1px solid #e5e5e5;

}



.version-history-table th {

    border: none !important;

    text-align: center;

    font-weight: normal;

    color: #e8e8e8;

    height: 40px;

    background-color: rgb(39, 39, 39);

    font-size: 12px;

    vertical-align: middle !important;

}



.version-history-table tr td {

    padding: 0 15px !important;

    height: 50px;

    vertical-align: middle !important;

    font-size: 12px;

    text-align: center;

}



.version-history-table tr td .bundle-length {

    display: block;

}



.version-history-table tr td .iconfont {

    font-size: 20px;

    cursor: pointer;

}



/*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/

.release-app2 .aside-right .no-app .iconfont {

    font-size: 20px;

}



.release-app2 .aside-right .no-app .text {

    margin: 4px 0 0 5px;

}



/*.app-details{margin-bottom: 40px;}*/

.app-details .details-top {

    padding: 25px 20px;

    background-color: #fff;

    margin-bottom: 20px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

}



.app-details .details-top>img {

    border: 1px solid #e5e5e5;

    border-radius: 12px;

    width: 60px;

    height: 60px;

}



.app-details .details-top .information {

    margin-left: 15px;

}



.app-details .details-top .information dt {

    color: #fff;

    margin-bottom: 2px;

    margin-top: -5px;

}



.app-set1 .details-top .information dt {

    margin-top: 0;

}



.app-details .details-top .information dt .i-tit {

    position: relative;

}



.app-details .details-top .information dt .i-tit .iconfont {

    color: #bbb;

    font-size: 21px;

}



.app-details .details-top .information dt .text {

    font-size: 20px;

}



/*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/

.app-details .details-top .information dt .version {

    position: absolute;

    left: calc(100% + 5px);

    top: -10px;

    background-color: #fc4e54;

    font-size: 12px;

    width: 42px;

    height: 18px;

    line-height: 18px;

    color: #fff;

    text-align: center;

    border-radius: 3px;

}



.app-details .details-top .information dt .version-private {

    background-color: #fd641d;

}



.app-details .details-top .information dt .no-flash-back {

    background-color: #2fc302;

    width: 52px;

}



.app-details .details-top .information dd {

    color: #999;

}



/*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/

.app-details .details-top .information dd span {

    margin-right: 30px;

}



.app-details .details-top .information dd i {

    margin-left: 10px;

}



.add-notes-wrap {

    cursor: pointer;

    margin-right: 0 !important;

}



.add-notes-wrap span {

    margin-right: 0 !important;

}



.add-notes .icon-compile {

    cursor: pointer;

    margin-top: -1px;

}



.add-notes .icon-compile:hover {

    color: #157df1;

}



.add-notes .text {

    max-width: 250px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-right: 3px !important;

}



/*.add-notes>span:last-of-type:hover{color: #157df1;}*/

.add-notes:hover>span:last-of-type {

    color: #157df1;

}



.add-notes:hover .icon-compile {

    color: #157df1;

}



.add-notes-wrap input[name='remark'] {

    display: inline-block;

    width: 200px;

    height: 26px;

    display: none;

}





#notesModal .modal-content .close {

    position: absolute;

    right: 10px;

    top: 10px;

    z-index: 2;

    color: #333;

    opacity: 1;

    font-size: 24px;

}



#notesModal .modal-footer {

    border-top: none;

    padding: 20px 30px 30px;

}



#notesModal .modal-body {

    padding: 25px 30px 0;

}



#notesModal .modal-body .tit {

    margin-bottom: 15px;

    color: #333;

}



#notesModal .modal-footer .ms-btn-primary {

    width: 130px;

    padding: 9px;

}



.app-list-notes-wrap {

    line-height: 100%;

}



.app-list-notes:empty {

    display: none;

}



.app-list-notes {

    margin-top: 3px;

    font-size: 12px;

    color: #999;

    display: block;

}



.app-list-notes2 {

    margin-top: 6px;

    display: inline-block;

}



.app-details .details-bottom {

    padding: 10px 0;
    /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/

}



.app-details .details-bottom table {

    width: 100%;

    table-layout: fixed;

}



.app-details .details-bottom table th {

    font-weight: normal;

    padding: 20px 10px 10px 0;

    color: #fff;

    white-space: nowrap;

    vertical-align: middle;

}



.app-details .details-bottom table th .th-line {

    border-left: 4px solid #f77721;

    height: 22px;

    line-height: 22px;

    display: inline-block;

    padding-left: 10px;

}

hr {
    border-top: 1px solid rgb(39, 39, 39);
}


.app-details .details-bottom table th .icon-prompt {

    position: relative;

    margin-left: 3px;

    top: -3px;

}



.app-details .details-bottom table th .icon-prompt1 {

    position: relative;

    margin-left: 0px;

    top: 0;

}



.app-details .details-bottom table th .icon-prompt .popover1-content {

    width: 210px;

    font-size: 12px;

}



.app-details .details-bottom table th .icon-prompt1 .popover1-content {

    width: 220px;

    font-size: 12px;

    white-space: normal;

}



.app-details .details-bottom table td {

    padding: 10px 0 10px 15px;

    vertical-align: top;

    white-space: nowrap;

    color: #999;

}





.app-details .details-bottom .d-table-wrap {

    position: relative;

}



.app-details .details-bottom .points-line {

    position: absolute;

    left: 50%;

    height: calc(100% - 20px);

    width: 1px;

    background-color: #e5e5e5;

    top: 50%;

    transform: translateY(-50%);

}



.app-details .details-bottom .points-line-l {

    left: 33.33%;

}



.app-details .details-bottom .points-line-r {

    right: 33.33%;

    left: auto;

}



.app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1) {

    left: 25%;

}



.app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2) {

    left: 50%;

}



.app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3) {

    left: 75%;

}



.app-details .bundle-length {

    max-width: 200px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    display: inline-block;

}



.app-details .details-bottom .d-table-wrap .test-download {}



.app-details .details-bottom .d-table-wrap .link {

    max-width: 170px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    display: inline-block;

}



/*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/

.app-details .details-bottom .d-table-wrap .more {

    color: #157df1;

}



.app-details .details-bottom .d-table-wrap .more:hover {

    text-decoration: underline;

}



.app-details .details-bottom .d-table-wrap .private-equipment-wrap {

    display: inline-block;

}



.app-details .details-bottom .d-table-wrap .private-equipment {

    max-width: 170px;

    width: auto;

}



.app-details2 .bundle-length1 {

    max-width: 255px !important;

}



.app-details2 .bundle-length2 {

    max-width: 292px !important;

}



.app-details2 .bundle-length3 {

    max-width: 310px !important;

}



/*下载明细*/

.download-details {

    background-color: rgba(39, 39, 39, 0.8);

    padding: 20px;

    min-height: 360px;

}



.download-details .date {

    float: left;

    width: 140px;

    position: relative;

}



.download-details .date1 {

    margin-right: 10px;

}



.download-details .date2 {

    margin-right: 20px;

}



.download-details .date input {

    position: relative;

    z-index: 1;

    background-color: transparent;

    cursor: pointer;

}



.download-details .date .icon-date {

    color: #aaa;

    position: absolute;

    right: 10px;

    top: 4px;

    z-index: 0;

}



.download-details .date:hover .icon-date {

    color: #157df1;

}



.download-details .d-top {

    margin-bottom: 15px;

}



.download-details .d-top .form-control {

    height: 30px;

}



.download-details .d-top .line {

    margin-right: 10px;

    color: #aaa;

}



.download-details .d-top .query {

    font-size: 13px;

    padding: 5px 12px;

}



.download-details .d-top .num {

    line-height: 34px;

    margin-left: 30px;

    color: #ccc;

    font-size: 13px;

}



.download-details .d-top .num i {

    color: #f77721;

}



.download-details .table {

    border: 0px solid #e5e5e5;

    table-layout: fixed;

}



.download-details .table tr th {

    border-top-color: #e5e5e5 !important;

    height: 50px;

    vertical-align: middle;

    text-align: center;

    background-color: rgb(15, 15, 15);

    font-weight: 600;

    font-size: 12px;

    color: #fff;

}



.download-details .table tr td {

    border-top-color: #393939 !important;

    height: 50px;

    vertical-align: middle;

    text-align: center;

    font-size: 12px;

    color: #fff;

}



.download-details .table tr:hover {

    background: #ebf7ff;

}



.download-details .no {

    text-align: center;

    margin-top: 100px;

}



/*/下载明细*/



/*详情页 签名*/

.app-details .d-signature {
    /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/

    padding: 30px 20px;

    position: relative;

}



.app-details .d-signature dl {

    color: #333;

}



.app-details .d-signature dl dd {

    color: #666;

}



.app-details .d-signature dl dd span {

    color: #157df1;

    position: relative;

    top: -1px;

    margin-right: 3px;

}



.app-details .d-signature .signature-link {

    position: absolute;

    right: 30px;

    top: 50%;

    padding: 6px 21px;

    border-radius: 20px;

    transform: translateY(-50%);

}



/*/详情页 签名*/



.release-app2 .aside-right .version-history-table td {

    position: relative;

    height: 50px;

    border-color: #e5e5e5;

    /* color: #000; */

}



.release-app2 .aside-right .version-history-table td .angle {

    position: absolute;

    left: 0;

    top: 0;

}



/*

.release-app2 .aside-right .app-details .downloads{padding: 10px 0; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}

.release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}

.release-app2 .aside-right .app-details .downloads li .d-left{background-color: #7fb8f7; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; color: #fff; margin-top: 13px;}

.release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}

.release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}

.release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}



.release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}

.release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}

*/



.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap {

    position: relative;

}



.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover {

    max-width: 410px;

    width: 410px;

    top: 15px;

    font-size: 14px;

}



.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span {

    color: #157df1;

    margin-left: 10px;

    cursor: pointer;

}



.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis {

    width: 80%;

}



.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow {

    left: 25px;

}



.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover {

    display: block;

}



.release-app2 .app-details .app-set {

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    background-color: rgb(15, 15, 15);

    margin-top: 20px;

    padding-bottom: 15px;

    min-height: 360px;

}



.release-app2 .app-details .app-set .tab {

    background-color: rgb(30, 30, 30);

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid rgb(30, 30, 30);

}



.release-app2 .app-details .app-set .tab li {

    float: left;

    padding: 0 20px;

    cursor: pointer;

    color: #fff;

}



.release-app2 .app-details .app-set .tab li.active {

    background-color: rgb(59, 59, 59);

    /* border-right: 1px solid #e5e5e5;

    border-left: 1px solid #e5e5e5; */

    margin-left: -1px;

    color: #f77721;

}



.release-app2 .app-details .app-set .tab-con {

    margin-top: 30px;

}



.release-app2 .app-details .app-set .col-sm-1 {

    width: 13%;

}



.release-app2 .app-details .app-set .tab-con label {

    color: #fff;

}



.release-app2 .app-details .app-set .tab-con .form-control {

    color: #fff;

}



.release-app2 .app-details .app-set .tab-con>div {

    display: none;

}



.release-app2 .app-details .app-set .tab-con .form-group {

    margin-bottom: 30px;

}



.release-app2 .app-details .app-set .trust {

    margin-top: 7px;

    font-size: 12px;

}



.release-app2 .app-details .app-set .trust li {

    float: left;

    margin-right: 50px;

    margin-top: 2px;

    cursor: pointer;

    color: #ccc;

}



.release-app2 .app-details .app-set .trust li .icon-radio {

    margin-right: 8px;

    top: 0;

}



.release-app2 .app-details .app-set .download-way {

    margin-top: 7px;

    font-size: 12px;

}



.release-app2 .app-details .app-set .download-way li {

    float: left;

    margin-right: 50px;

    cursor: pointer;

    color: #ccc;

    font-size: 14px;

}



.release-app2 .app-details .app-set .download-way li .icon-radio {

    margin-right: 8px;

    top: 2px;

}



.release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6 {

    padding-left: 0;

    padding-right: 0;

}



.release-app2 .app-details .app-set .short-link .form-control {

    border-radius: 0 4px 4px 0;

    border-left: none;

}



.release-app2 .app-details .app-set .short-link .link {

    padding: 6px 12px !important;

    height: 34px;

    background-color: rgb(39, 39, 39);

    border: 1px solid rgb(39, 39, 39);

    border-radius: 4px 0 0 4px;

    color: #ccc;

}



.release-app2 .app-details .app-set .language .control-label {

    padding-top: 0;

}



.release-app2 .app-details .app-set .language .radio-round {

    color: #333;

}





.release-app2 .app-screenshots .example-image-link {

    position: relative;

    margin-right: 20px;

    float: left;

    border: 1px solid #e5e5e5;

}



.release-app2 .app-screenshots .example-image-link .icon {

    position: absolute;

    color: #ff6565;

    right: -8px;

    top: -8px;

    right: 0 \9;

    top: 0 \9;

}



.release-app2 .app-screenshots a {

    width: 90px \9;

    height: 160px \9;

    overflow: hidden \9;

}



/*\9为ie9以上，除ie11*/

.release-app2 .app-screenshots a img {

    max-width: 90px;

    max-height: 160px;

    width: 90px \9;

    height: 160px \9;

}



.release-app2 .upload-screenshots {

    position: relative;

    border: 1px solid #e5e5e5;

    height: 80px;

    width: 80px;

    border-radius: 5px;

    background: url("../image/icon-10.png") no-repeat center 20px;

    overflow: hidden;
    /*margin-left: 15px;*/

}



.release-app2 .upload-screenshots .thumbnail-s {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.release-app2 .upload-screenshots .text {

    text-align: center;

    margin-top: 55px;

    font-size: 12px;

}



.upload-icon-common {

    position: relative;

    border: 1px solid #e5e5e5;

    height: 80px;

    width: 80px;

    border-radius: 15px;

    background: url("../image/icon-10.png") no-repeat center 20px;

    overflow: hidden;
    /*margin-left: 15px;*/

}



.upload-icon-common img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 15px;

    background-color: #fff;

}



.upload-icon-common .thumbnail {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.upload-icon-common .text {

    text-align: center;

    margin-top: 55px;

    font-size: 12px;

}



.release-app2 .app-details .app-set .img-note {

    font-size: 12px;

    display: flex;

    align-items: flex-end;

    height: 90px;

    margin-left: 10px;

}



.upload-icon-common .reset {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 24px;

    line-height: 24px;

    background: rgba(0, 0, 0, .6);

    width: 100%;

    color: #fff;

    text-align: center;

    font-size: 12px;

    display: none;

}



.upload-icon-common.uploaded .reset {

    display: none;

}



.upload-icon-common.uploaded:hover .reset {

    display: block;

}



.release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder {

    color: #333 !important;

}



.release-app2 .aside-right .app-set .basic input::-moz-placeholder {

    color: #333 !important;

}



.release-app2 .aside-right .app-set .basic input::-ms-input-placeholder {

    color: #333 !important;

}



.release-app2 .aside-right .app-set .download-template ul li {

    float: left;

    margin-right: 30px;

    text-align: center;

    margin-bottom: 20px;

}



.release-app2 .aside-right .app-set .download-template .t-checked-wrap {

    width: 125px;

    height: 155px;

    position: relative;

    border: 1px solid #e5e5e5;

    overflow: hidden;

    margin-bottom: 10px;

    cursor: pointer;

}



.release-app2 .aside-right .app-set .download-template .text {

    color: #f77721;

}



.release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked {

    position: absolute;

    left: 0;

    top: 0;

    background-color: rgba(0, 0, 0, .6);

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    display: none;

}



.release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont {

    color: #fff;

    font-size: 32px;

}



.release-app2 .upload-file {

    padding: 0;

    padding-top: 0;

    margin-top: 0;

}



.release-app2 .warn-prompt {

    margin-top: 0;

}



.release-app2 .tag-box {

    padding: 0 !important;

    height: 404px !important;

}



.release-app2 .qq-upload-button-selector {

    margin-top: 180px !important;

    margin-bottom: 0;

}



.release-app2 .tag-box-v5 {

    border: none;

    margin-top: 0;

}



/*侧栏增加大包上传入口*/

.big-bag-upload {

    margin-bottom: 40px;

    display: block;

}



.big-bag .aside-left {

    height: 500px;

    margin-bottom: 40px;

}



.big-bag aside.aside-left ul li a .iconfont {

    margin-right: 10px;

    color: #fd9817;

}



.big-bag aside.aside-left ul li.active a {

    background-color: #fff4e7;

    border-color: #fd9817;

    color: #fd9817;

}



.big-bag aside.aside-left ul li.active a .iconfont {

    color: #fd9817;

}



.big-bag aside.aside-left ul li.active a .icon-upload1 {

    font-size: 18px;

}



.big-bag aside.aside-left ul li:hover a {

    background-color: #fff4e7;

    border-color: #fd9817;

    color: #fd9817;

}



.big-bag aside.aside-left ul li:hover a .iconfont {

    color: #fd9817;

}



.big-bag .upload-file .upload-btn .iconfont {}



.big-bag .upload-file .upload-btn {

    background-color: #fd9817;

    border-color: #fd9817;

}



.big-bag .aside-right .a-top .app-icon li.active {

    background-color: #fd9817;

}



.big-bag .aside-right .search .btn-search {

    color: #fd9817;

}



.big-bag .ms-btn-primary.btn-new-release {

    background-color: #fd9817;

    border-color: #fd9817;

}



/*大包立即购买按钮*/

.upload-file .upload-buy {

    width: 240px;

    padding: 0;

    height: 60px;

    font-size: 18px;

    line-height: 58px;

    margin: 0 auto;

    display: block;

    position: relative;

    background-color: #fd9817;

    border-color: #fd9817;

}



.upload-file .upload-buy .iconfont {

    font-size: 24px;

    margin-right: 5px;

    position: relative;

    top: 1px;

}



.details-upload-new-version {

    background-color: #157df1;

    color: #fff;

    border-radius: 25px;

    padding: 10px 20px;

    height: 50px;

    align-items: center;

    box-shadow: 0 5px 10px rgba(202, 225, 252, .5);

}



.details-upload-new-version:hover {

    background-color: #348dee;

    color: #fff;

}



.details-upload-new-version:focus {

    background-color: #348dee;

    color: #fff;

}



.details-upload-new-version .iconfont {

    margin-right: 10px;

}



.details-upload-new-version .icon-upload1 {

    font-size: 20px;

    position: relative;

    top: 2px;

}



.details-upload-new-version .icon-upload1+.text {

    position: relative;

    top: -1px;

}



.details-upload-new-version .icon-xiazai {

    font-size: 24px;

    margin-right: 5px;

    position: relative;

    top: -3px;

}



.details-upload-new-version .icon-xiazai+.text {

    position: relative;

    top: -6px;

}



.details-preview {

    width: 50px;

    height: 50px;

    padding: 0;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    border: 1px solid #1a80f1;

    color: #fff;

    background-color: #1a80f1;
}



.details-preview:focus {

    background-color: transparent;

    color: #1a80f1;

}



.details-preview:hover {

    background-color: #1a80f1;

    color: #fff;

}



.details-preview:focus:hover {

    background-color: #1a80f1;

    color: #fff;

}



.details-merge {

    width: 50px;

    height: 50px;

    padding: 0;

    text-align: center;

    border-radius: 50%;

    border: 1px solid #f77721;

    color: #fff;

    white-space: normal;

    padding: 0 5px;

    line-height: 14px;
    background-color: #f77721;
}



.details-merge.details-renewal {

    line-height: 50px;

}



.details-merge:focus {

    background-color: transparent;

    color: #f77721;

}



.details-merge:hover {

    background-color: #f77721;

    color: #fff;

}



.details-merge.btn-success:focus {

    border-color: #f77721;

    color: #f77721;

    background-color: transparent;

}



.details-merge.btn-success:hover {

    border-color: #f77721;

}



/*----------/应用发布 改版----------*/



/*----------应用发布 改版2019/1/22----------*/

.app-details2 {

    background-color: rgba(30, 30, 30, 0.8);

    min-height: 450px;

    color: #FFF;
}



.app-details2 .details-top {

    background-color: transparent;

    box-shadow: none;

    margin-bottom: 0;

}



.app-details2 .details-top .d-right {

    margin-top: 5px;

}



.app-details2 .app-information {

    padding: 0 20px;

}



.app-details2 .app-information .more-wrap {

    position: relative;

}



.app-details2 .app-information .more-wrap img {

    width: 50px;

    height: 50px;

    position: absolute;

    left: 90px;

    top: -30px;

    transition: all 500ms;

    background-color: #fff;

}



.app-details2 .app-information .test-download2 img {

    left: 175px;

    top: -35px;

}



.app-details2 .app-information .more-wrap img:hover {

    width: 125px;

    height: 125px;

    position: absolute;

    left: 70px;

    top: -80px;

}



.app-details2 .app-information .test-download2 img:hover {

    position: absolute;

    left: 150px;

    top: -80px;

}



.app-details2 .table-list {

    padding: 25px 20px 30px;

}



.app-details2 .version-tit {

    color: #fff;

    font-size: 16px;

    margin-bottom: 15px;

}



.app-details2 .version-tit .iconfont {

    font-size: 18px;

    margin-right: 5px;

    position: relative;

    top: 1px;

}



.app-details2 .version-history-table .bundle-length {

    max-width: 150px;

    display: inline-block;

    position: relative;

    top: 3px;

}



.app-details2 .version-history-table td .iconfont {

    font-size: 24px;

    margin-left: 8px;

}



.app-details2 .version-history-table td .icon-shanchu:hover {

    color: #fff;

}



.app-details2 .version-history-table tr:hover td {

    background-color: #999;

}



.app-details2 .icon-prompt1 {

    font-size: 14px;

    color: #999;

    position: relative;

    margin-left: 3px;

}



.app-details2 .upload-icon-common {

    width: 60px;

    height: 60px;

    border-radius: 12px;

}



.app-details2 .countdown-btn {

    border-radius: 30px;

    height: 50px;

    padding: 0 20px;

    line-height: 48px;

    color: #fd641d;

    background-color: #e8e8e8;

    border-color: #e8e8e8;

}



.app-details .details-bottom {

    padding: 5px 0 15px;

}



.app-details2 .d-table-wrap table td {

    padding: 0 0 0 15px;

}



.app-details .d-table-wrap table th {

    padding: 20px 0 2px 0;

}



.app-details2 .details-top .information {

    width: 60%;

}



.app-details2 .copy.top-5 {

    font-size: 12px;

}



#app_setting_form .app-details2 {

    background-color: transparent;

}



#app_setting_form .app-details2 .details-top {

    background-color: rgb(15, 15, 15);

}



#updateModal .modal-header h4 {

    color: #fff;

}



#updateModal .modal-header .close {

    color: #fff;

    font-size: 26px;

    opacity: 1;

}



#updateModal .modal-body {

    padding: 25px 10px 25px 0;

}



#updateModal .app-details-update {

    color: #333;

}



#updateModal .app-details-update .form-group {

    margin-bottom: 25px;

}



#updateModal .app-details-update .form-group:last-of-type {

    margin-bottom: 0;

}



#updateModal .app-details-update .control-label {

    text-align: right;

    padding-right: 10px;

    color: #fff;
}



#updateModal .app-details-update ul li {

    margin-right: 25px;

    cursor: pointer;

}



#updateModal .app-details-update ul li .icon-radio {

    position: relative;

    top: 2px;

}



/*

#updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}

#updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}

#updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}

#updateModal .app-details-update dl dd textarea{}

*/

.app-details2 .no-flash-back-js {

    padding: 25px 20px 30px;

}



.app-details2 .no-flash-back-js .tit {

    color: #333;

    margin-bottom: 8px;

}



.app-details2 .no-flash-back-js .tit a {

    color: #157df1;

}



.app-details2 .no-flash-back-js pre {

    background-color: #fff;

    border-radius: 0;

    border-color: #eee;

    padding: 5px;

    color: #666;

}



.app-details2 .no-flash-back-js #copy1 {

    margin-bottom: 8px;

}



.app-details2 .no-flash-back-js .color-danger {

    margin-bottom: 15px;

    font-size: 12px;

}



.app-details2 .no-flash-back-js .copy {

    margin-left: 0;

    color: #fff;

    margin-bottom: 20px;

}



.app-details2 .no-flash-back-js .tit1 {

    color: #333;

    margin-bottom: 3px;

}



.app-details2 .no-flash-back-js p {

    line-height: 1.8;

}



.appicon {

    border: 1px solid #ddd;

    border-radius: 24px;

    height: 120px;

    width: 120px;

}



.caption {

    background: rgba(90, 90, 90, 0.65) none repeat scroll 0 0;

    color: #fff !important;

    display: none;

    height: 120px;

    left: 0;

    margin: auto;

    padding: 2%;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    width: 120px;

    z-index: 2;

}



/*----------/应用发布 改版2019/1/22----------*/



/*----------推广页----------*/

/*nav*/

.promote-nav .logo img {

    width: 138px;

    height: 60px;

}



.promote-nav {

    padding: 2px 0;

}



.promote-nav ul {

    margin: 16px 0 0 20px;

}



.promote-nav ul li {

    float: left;

    margin: 0 15px;

}



.promote-nav ul li:last-of-type {

    margin-right: 0;

}



.promote-nav ul li a {

    padding: 0 10px 5px;

    border-bottom: 2px solid transparent;

    color: #333;

}



.promote-nav ul li.active a {

    border-bottom-color: #157df1;

    color: #157df1;

}



.promote-nav ul li:hover a {

    border-bottom-color: #157df1;

}



/*footer*/

.promote-footer-wrap {

    border-top: 1px solid #e5e5e5;

    padding: 50px 0;

}



.promote-footer {

    color: #333;

    padding: 0 60px;

}



.promote-footer .p-con dl dt {

    font-size: 14px;

    margin-bottom: 12px;

    margin-top: 10px;

}



.promote-footer .p-con dl dd {

    font-size: 12px;

    margin-bottom: 12px;

}



.promote-footer .p-con dl dd a {

    color: #333;

}



.promote-footer .p-con .f-logo {

    margin-left: 270px;

    margin-top: 30px;

}



.promote-footer .p-con .promote-code {

    text-align: center;

}



.promote-footer .p-con .promote-code .img-wrap {

    width: 115px;

    height: 115px;

    border: 1px solid #e5e5e5;

}



.promote-footer .p-con .promote-code p {

    margin-top: 5px;

}



.promote-footer>p {

    text-align: center;

    margin-top: 40px;

}



/*签名*/



/*banner*/

.promote-signature-banner {

    height: 430px;

    background: url("../image/tg-banner-1.jpg") no-repeat center;

}



.signature-banner1 {

    color: #fff;

}



.signature-banner1 .s-left {

    padding: 90px 0 0 90px;

}



.signature-banner1 h1 {

    font-size: 40px;

    font-weight: 600;

}



.signature-banner1 h5 {

    font-size: 20px;

    margin-top: 15px;

}



.signature-banner1 ul {

    margin-top: 25px;

}



.signature-banner1 ul li {

    float: left;

    margin-right: 35px;

    font-size: 15px;

}



.signature-banner1 ul li .iconfont {

    font-size: 14px;

    position: relative;

    top: -1px;

    margin-right: 5px;

}



.signature-banner1 .s-left .ms-btn {

    width: 110px;

    border-color: #fff;

    color: #fff;

    margin-top: 35px;

}



/*/banner*/



.signature-list {

    padding: 60px 0;

}



.signature-list .row .col-sm-3:nth-of-type(n+5) {

    margin-top: 35px;

}



.promote-thumbnail {

    text-align: center;

}



.promote-thumbnail h4 {

    color: #333;

    font-size: 18px;

    margin-top: 20px;

    margin-bottom: 5px;

}



.promote-thumbnail .img-wrap {

    height: 59px;

    display: flex;

    align-items: flex-end;

}



.promote-thumbnail img {

    margin: 0 auto;

}



.promote-thumbnail .blue-line {

    margin: 0 auto 15px;

    width: 30px;

}



.promote-thumbnail p {

    line-height: 24px;

    height: 48px;

    color: #333;

    font-size: 13px;

}



.solve-certificate-wrap {

    background-color: #f7f8fc;

    padding: 70px 0;

}



.solve-certificate h1 {

    text-align: center;

    color: #333;

    font-size: 32px;

    margin-bottom: 20px;

}



.solve-certificate img.fr {

    margin-right: 30px;

}



.promote-common {

    padding: 70px 0;

    text-align: center;

}



.promote-common .blue-line {

    margin: 0 auto 20px;

}



.promote-common h1 {

    font-size: 32px;

    color: #333;

    margin-bottom: 8px;

}



.promote-common h3 {

    font-size: 16px;

    color: #666;

    margin-bottom: 55px;

}



.how-operate-wrap {

    background: url("../image/promote-bg-1.jpg") no-repeat center;

    height: 378px;

}



.how-operate h1 {

    margin-top: 60px;

}



.how-operate h3 {

    margin-bottom: 45px;

}



.how-operate .ms-btn-secondary {

    padding: 9px;

    width: 100px;

}



.signature-process1 ul {

    padding-left: 125px;

}



.signature-process1 ul li {

    float: left;

    text-align: center;

    padding: 0 40px;

}



.signature-process1 ul li:nth-of-type(even) {

    background: url("../image/promote-icon-23.png") no-repeat center;

    width: 61px;

    height: 85px;

}



.signature-process1 ul li .img-wrap {

    height: 85px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.signature-process1 ul li .tit1 {

    font-size: 16px;

    color: #333;

    font-weight: 600;

    margin-top: 25px;

}



/*/签名*/



/*内测分发*/

.promote-distribution-banner {

    background: url("../image/promote-banner-1.jpg") no-repeat center;

    height: 430px;

}



.distribution-banner1 img {

    margin-left: 120px;

    margin-top: 55px;

}



.distribution-banner1 .d-right {

    color: #fff;

}



.distribution-banner1 .d-right {

    margin-left: 80px;

}



.distribution-banner1 .d-right h1 {

    font-size: 40px;

    margin-top: 110px;

    margin-bottom: 15px;

}



.distribution-banner1 .d-right .p1 {

    font-size: 16px;

    line-height: 30px;

}



.distribution-banner1 .d-right .p1 span {

    font-size: 20px;

}



.distribution-banner1 .d-right .ms-btn {

    width: 110px;

    border-color: #fff;

    color: #fff;

    margin-top: 35px;

}



.distribution-list {

    padding: 70px 0;

}



.distribution-list .promote-thumbnail .blue-line {

    margin-bottom: 5px;

}



.provide-services-wrap {

    background: url("../image/tg-37.jpg") no-repeat center;

    height: 340px;

    padding: 60px 0;

}



.provide-services {

    padding: 0;

}



.provide-services h1 {

    color: #fff;

}



.provide-services .blue-line {

    margin-bottom: 40px;

}



.provide-services .row {

    margin: 0 -10px;

}



.provide-services .row .col-sm-4 {

    padding: 0 10px;

}



.provide-services .p-con {

    background-color: #fff;

    border-radius: 5px;

    padding: 20px 0 20px 15px;

}



.provide-services .p-con .p-text {

    width: 71%;

    text-align: left;

    padding-left: 10px;

}



.provide-services .p-con .p-text dt {

    color: #333;

    font-size: 18px;

    font-weight: 600;

}



.provide-services .p-con .p-text dt span {

    font-size: 12px;

    height: 60px;

}



.provide-services .p-con .p-text dd {

    color: #333;

    margin-top: 5px;

}



.web-encapsulation .promote-thumbnail .img-wrap {

    height: 51px;

    display: flex;

    align-items: flex-end;

    justify-content: center;

}



.web-encapsulation .w-list {

    padding: 0 140px;

}



.web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5) {

    margin-top: 65px;

}



.web-encapsulation .promote-common h3 {

    margin-bottom: 45px;

}



.promote-signature-wrap {

    background: url("../image/tg-29.jpg") no-repeat center;

    height: 700px;

}



.promote-signature h1 {

    font-size: 32px;

    color: #fff;

    text-align: center;

    margin-top: 55px;

}



.promote-signature h3 {

    font-size: 16px;

    color: #fff;

    text-align: center;

    margin-top: 15px;

    margin-bottom: 50px;

}



.promote-signature .text li {

    background: url("../image/promote-bg-3.png") no-repeat;

    width: 263px;

    height: 79px;

    float: left;

    margin-right: 125px;

    padding: 0 15px;

    color: #fff;

    padding-top: 7px;

}



.promote-signature .text li:last-of-type {

    margin-right: 0;

}



.promote-signature .text li dt {

    font-size: 18px;

    font-weight: 600;

    font-family: "Microsoft YaHei UI Light";

}



.promote-signature .text li dd {

    font-size: 12px;

    margin-top: 3px;

}



/*/内测分发*/



/*封装*/

.promote-encapsulation-banner {

    background: url("../image/promote-banner-2.jpg") no-repeat center;

    height: 430px;

}



.encapsulation-banner1 h1 {

    text-align: center;

    font-size: 40px;

    color: #fff;

    font-weight: 600;

    margin-top: 90px;

}



.encapsulation-banner1 h5 {

    text-align: center;

    font-size: 18px;

    color: #fff;

    line-height: 30px;

    margin-top: 15px;

}



.encapsulation-banner1 .ms-btn {

    color: #6c4409;

    background-color: #ffec06;

    font-size: 16px;

    font-weight: 600;

    width: 110px;

    margin-top: 25px;

}



.encapsulation-banner1 img {

    margin: 45px auto 0;

}



.encapsulation-banner1 ol {

    margin-left: 55px;

}



.encapsulation-banner1 ol li {

    float: left;

    text-align: center;

    padding: 0 20px;

}



.encapsulation-banner1 ol li .e-text {

    color: #333;

    font-size: 12px;

    font-weight: 600;

    margin-top: 5px;

}



.feature-plugin h1 {

    color: #333;

    font-size: 32px;

    text-align: center;

}



.feature-plugin .blue-line {

    margin: 10px auto 0;

}



.feature-plugin .f-list {

    padding: 0 120px;

    margin-top: 35px;

}



.feature-plugin .f-list .promote-thumbnail .img-wrap {

    height: 51px;

    display: flex;

    align-items: flex-end;

}



.feature-plugin .f-list li {

    float: left;

    width: 20%;

    position: relative;

    padding-bottom: 25px;

    cursor: pointer;

}



.feature-plugin .f-list li .icon-arrow-top2 {

    position: absolute;

    left: 50%;

    bottom: -14px;

    transform: translateX(-50%);

    font-size: 30px;

    color: #68a4e8;

    display: none;

}



.feature-tab-wrap {

    background: url("../image/promote-bg-4.jpg") no-repeat center;

    height: 460px;

}



.feature-tab img {

    display: none;

    margin: 50px auto 0;

}



.our-advantages img {

    margin: 40px auto 0;

}



.price-introduced-wrap {

    background-color: #f7f8fc;

}



.price-introduced .promote-common .blue-line {

    margin-bottom: 40px;

}



.price-introduced .table {

    background-color: #fff;

    table-layout: fixed;

    margin-bottom: 0;

}



.price-introduced .table tr th {

    background-color: #157df1;

    padding: 20px;

    color: #fff;

    text-align: center;

    font-size: 18px;

}



.price-introduced .table tr td {

    padding: 20px;

    color: #333;

    text-align: center;

    vertical-align: middle;

    font-size: 16px;

}



.price-introduced .table tr td .text1 {

    text-align: left;

    display: inline-block;

}



.price-introduced .table tr td .text {

    font-size: 24px;

    position: relative;

    display: inline-block;

}



.price-introduced .table tr td .text span {

    position: absolute;

    top: -5px;

    left: calc(100% + 2px);

    background: #ffcd20 url("../image/promote-arrrow.jpg") no-repeat left center;

    padding: 0 5px 0 15px;

    height: 17px;

    font-size: 12px;

    white-space: nowrap;

}



.good-case .promote-common {

    padding-left: 120px;

    padding-right: 120px;

}



.good-case .g-con {

    box-shadow: 0 7px 20px rgba(21, 125, 241, .2);

    padding-top: .1px;

}



.good-case .g-con .tab-list {

    padding-left: 200px;

    margin-top: 40px;

}



.good-case .g-con .tab-list li {

    float: left;

    height: 28px;

    line-height: 28px;

    padding: 0 15px;

    border-radius: 15px;

    font-size: 16px;

    margin-right: 90px;

    cursor: pointer;

    color: #333;

}



.good-case .g-con .tab-list li.active {

    background-color: #157df1;

    color: #fff;

}



.good-case .tab-con {

    padding: 30px 125px 45px;

}



.good-case .tab-con ul {

    display: none;

}



.good-case .tab-con ul li {

    float: left;

    margin-right: 40px;

}



.good-case .tab-con ul li:last-of-type {

    margin-right: 0;

}



.package-number {

    color: #fff;

    background: url("../image/promote-bg-6.jpg") no-repeat center;

    height: 100px;

    line-height: 100px;

    font-size: 24px;

    text-align: center;

}



.package-number span {

    font-size: 36px;

}



.encapsulation-process ul {

    margin-left: 70px;

    margin-top: 40px;

}



.encapsulation-process ul li {

    float: left;

    text-align: left;

    padding: 15px 15px 0;

}



.encapsulation-process ul li:nth-of-type(odd) {

    width: 180px;

    height: 155px;

    box-shadow: 0 0 20px rgba(21, 125, 241, .2);

}



.encapsulation-process ul li:nth-of-type(even) {

    height: 155px;

    width: 110px;

    background: url("../image/promote-icon-23.png") no-repeat center;

}



.encapsulation-process ul li dt {

    font-size: 18px;

    color: #333;

    font-weight: 600;

}



.encapsulation-process ul li dd {

    font-size: 16px;

    color: #333;

    margin-top: 10px;

}



.promote-function-of {

    padding-top: 0;

    padding-bottom: 60px;

}



.promote-function-of .tit {

    margin-bottom: 8px;

    color: #333;

    font-size: 32px;

}



.promote-blue-line {

    margin: 0 auto 20px;

    width: 35px;

    height: 2px;

    background-color: #157df1;

}



.promote-function-of .promote-blue-line {

    margin-bottom: 30px;

}



.promote-function-of ul li .text {

    color: #333;

    font-size: 16px;

}



.promote-our-advantages-wrap {

    background-color: #f7f8fc;

}



.promote-meal {

    padding: 70px 0 0;

}



.promote-meal>h1 {

    color: #333;

    margin-bottom: 8px;

    text-align: center;

    font-size: 32px;

}



.promote-meal>p {

    color: #666;

    font-size: 16px;

    margin-bottom: 40px;

    text-align: center;

}



.promote-meal .table {

    table-layout: fixed;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    margin-bottom: 0;

}



.promote-meal .table th {

    text-align: center;

    height: 50px;

    color: #333;

    border-top: none;

    position: relative;

    vertical-align: middle;

    border-left: 1px solid #ddd;

    font-weight: 600;

    font-size: 15px;

    background-color: #f5f6f7;

}



.promote-meal .table td {

    text-align: center;

    border: 1px solid #ddd;

    height: 50px;

    color: #333;

    vertical-align: middle;

}



.promote-meal .table th:first-of-type {

    border-left-color: transparent;

}



.promote-meal .table th:last-of-type {

    border-right-color: transparent;

}



.promote-meal .table td:first-of-type {

    border-left-color: transparent;

}



.promote-meal .table td:last-of-type {

    border-right-color: transparent;

}



.promote-meal .table tr:last-of-type td {

    border-bottom: none;

}



.promote-meal .table tr:nth-of-type(odd) td {

    background-color: transparent;

}



.promote-meal .table .recommend-wrap1 {

    position: relative;

}



.promote-meal .table .recommend-wrap1 .recommended {

    position: absolute;

    top: -9px;

    background: url("../image/price-tip1.png") no-repeat;

    width: 32px;

    height: 22px;

    color: #fff;

    font-size: 12px;

    line-height: 20px;

    background-size: contain;

    font-weight: normal;

}



.promote-meal .table .recommend-wrap1 .recommended {

    background: url("../image/price-tip2.png") no-repeat;

    width: 60px;

    height: 22px;

    background-size: contain;

    font-size: 12px;

    line-height: 22px;

    font-weight: normal;

}



.promote-meal .table td .num {

    font-size: 18px;

}



.promote-pack-meal {

    padding-top: 0;

    padding-bottom: 70px;

}



.promote-pack-meal .table .basis-pack {

    background: url("../image/tg-1.jpg") no-repeat center;

    height: 50px;

    color: #fff;

}



.promote-pack-meal .table .senior-pack {

    background: url("../image/tg-2.jpg") no-repeat center;

    height: 50px;

    color: #fff;

}



.promote-sign-meal {

    padding-top: 0;

    padding-bottom: 70px;

}



.promote-sign-meal .table .recommend-wrap1 .recommended {

    position: absolute;

    top: -9px;

    background: url("../image/price-tip1.png") no-repeat;

    width: 32px;

    height: 22px;

    color: #fff;

    font-size: 12px;

    line-height: 20px;

    background-size: contain;

    font-weight: normal;

}



.promote-sign-meal .table .basis-sign {

    background: url("../image/tg-3.jpg") no-repeat center;

    height: 50px;

    color: #fff;

}



.promote-sign-meal .table .senior-sign {

    background: url("../image/tg-4.jpg") no-repeat center;

    height: 50px;

    color: #fff;

}



.promote-sign-meal .table .independent-sign {

    background: url("../image/tg-5.jpg") no-repeat center;

    height: 50px;

    color: #fff;

}



.promote-meal .blue-line {

    margin: 0 auto 20px;

}



/*/封装*/



.promote-help {

    padding-bottom: 45px;

}



.promote-help h1 {

    text-align: center;

    color: #333;

    font-size: 32px;

    margin-bottom: 8px;

}



.promote-help .promote-blue-line {

    margin-bottom: 30px;

}



/*---------- /推广页----------*/



/*----------分发落地页----------*/

.template-common .form-control {

    height: 40px;

}



.passwords .template-common {

    padding: 0 320px;

}



.template-common {

    padding: 0 235px;

}



.template-common hr {

    border-top-color: #e5e5e5;

    margin-top: 25px;

    display: none;

}



.template-common .t-icon {

    background-color: #fff;

    width: 180px;

    height: 180px;

    border-radius: 25px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    display: flex;

    align-items: center;

    margin: 0 auto;

}



.template-common .t-icon img {

    width: 120px;

    height: 120px;

    border-radius: 30px;

    border: 1px solid #e5e5e5;

    margin: 0 auto;

}



.template-common .template-btn-wrap {

    text-align: center;

}



.template-common .template-btn {

    color: #fff;

    background-color: #157df1;

    height: 50px;

    padding: 0 38px;

    line-height: 48px;

    font-size: 18px;

    margin: 35px auto 15px;

    display: inline-block;

}



.template-common .decoding {

    color: #fff;

    background-color: #157df1;

    height: 50px;

    padding: 0;

    width: 180px;

    text-align: center;

    line-height: 48px;

    font-size: 18px;

    margin: 30px auto 20px;

    display: block;

}



.template-common .template-btn span:last-of-type {

    line-height: 50px;

}



.template-common .template-btn .iconfont {

    font-size: 36px;

    margin-left: -5px;

}



.template-common .t-apply {

    color: #666;

    text-align: center;

}



.template-common .t-code {

    color: #666;

    width: 200px;

    overflow: hidden;

    margin: 35px auto 0;

    text-align: center;

}



.template-common .t-code img {

    border: 1px solid #e5e5e5;

    width: 150px;

    height: 150px;

    margin: 0 auto 5px;

}



.template-common .t-name {

    color: #333;

    text-align: center;

}



.template-common .t-name .name-info span {

    margin-right: 10px;

    color: #666;

}



.template-common .t-name .tit {

    font-size: 28px;

    margin-bottom: 10px;

    margin-top: 15px;

}



.template-common .t-introduce {

    color: #333;

}



.template-common .t-introduce .tit {

    font-size: 20px;

    margin-top: 25px;

}



.template-common .t-introduce p {

    margin-top: 5px;

}



.template-common .t-contact {

    color: #333;

    margin-top: 20px;

}



.template-common .t-contact .tit {

    font-size: 20px;

    margin-bottom: 15px;

}



.template-common .t-contact dl {

    margin-bottom: 5px;

}



.template-common .t-contact dl dt {

    margin-right: 10px;

}



.template-pwd {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding: 45px 35px;

    margin-top: 45px;
    /*margin-bottom: 50px;*/

    display: none;

}



.template-pwd label {

    color: #3e4753;

    text-align: center;

    display: block;

}



.template-pwd .form-control {

    margin-top: 15px;

}



.passwords+.template-footer {

    margin-top: 50px;

}



.template-footer {

    margin-top: 30px;

}



.template-footer .methods-tutorial-full {

    background-color: #ff6666;

}



.template-footer .methods-tutorial-full a {

    color: #fff;

}



.template-footer .methods-tutorial-full a.fl {

    height: 50px;

    line-height: 50px;

}



.template-footer .methods-tutorial-full a.fl:hover {

    text-decoration: underline;

}



.template-footer .methods-tutorial-full a.fr {

    width: 22px;

    height: 22px;

    line-height: 22px;

    border: 1px solid #fff;

    border-radius: 50%;

    text-align: center;

    margin-top: 14px;

}



.template-footer .methods-tutorial-full a.fr .iconfont {

    color: #fff;

}



.template-footer .t-footer {

    text-align: center;

    margin-top: 30px;

    padding-bottom: 30px;

}



.template-footer .t-footer a {

    color: #157df1;

}



.template-footer .t-footer a:hover {

    text-decoration: underline;

}



/*应用截图*/

.template-common .app-screen {

    margin-top: 20px;

}



.template-common .app-screen .tit {

    font-size: 20px;

    margin-bottom: 15px;

    color: #333;

}



.template-common .app-screen .s-responsive {

    overflow: hidden;

    height: 405px;

    width: 100%;

    overflow-x: auto;

}



/*.template-common .app-screen ul{height: 405px;}*/

.template-common .app-screen ul li {

    float: left;

    margin-right: 20px;

}



.template-common .app-screen ul li img {

    width: auto;

    height: auto;

    max-width: 800px;

    max-height: 405px;

}



.template-common .app-screen ul li:last-of-type {

    margin-right: 0;

}



/*模板1*/

.template-1 .t-bg-1 {

    background: #157df1 url("../image/t-04.png") repeat-x center bottom;

    height: 175px;

}



.template-1 .content {

    margin-top: -125px;

    padding: 0 80px;

}



.template-1 .template-common {

    padding: 0;

}



.template-1 .template-common .t-icon {

    box-shadow: none;

    width: auto;

    height: auto;

    background-color: transparent;

}



.template-1.passwords .template-common .t-code {

    width: 125px;

    margin-top: 35px;

}



.template-1 .template-common .t-code {

    width: 200px;

    margin-top: 15px;

}



.template-1 .template-common .t-code img {

    width: 125px;

    height: 125px;

    margin: 0 auto;

}



.template-1 .template-common .t-name {

    text-align: left;

}



.template-1 .template-common .t-name .name-info span {

    color: #fff;

}



.template-1+.template-footer {

    margin-top: 140px;

}



.template-1 .template-common .template-btn {

    margin-top: 30px;

    margin-bottom: 15px;

    padding: 0 15px;

}



.template-1 .content .c-left {

    background: url("../image/t-05.png") no-repeat center;

    width: 308px;

    height: 608px;

    padding-top: 110px;

}



.template-1.passwords .content .c-left {

    padding-top: 140px;

}



.template-1.passwords .content .c-right {

    margin-left: 130px;

    width: auto;

}



.template-1 .content .c-right {

    margin-left: 100px;

    width: 630px;

}



.template-1 .content .c-right .t-name {

    color: #fff;

    margin-bottom: 100px;

}



.template-1 .template-common .t-name .tit {

    margin-top: 5px;

}



.template-1 .content .c-right .t-introduce {
    /*margin-top: 100px;*/

    margin-bottom: 45px;

}



.template-1 .content .c-right .t-contact {

    margin-top: 0;

    margin-bottom: 45px;

}



.template-1 .template-pwd {

    width: 500px;

    height: 230px;

    background-color: #fafafa;

    margin-top: 90px;

    padding: 60px 30px 0;

    position: relative;

    border-radius: 5px;

    display: none;

    border: none;

}



.template-1 .template-pwd .form-group {

    text-align: center;

}



.template-1 .template-pwd .form-group label {

    color: #3e4753;

}



.template-1 .template-pwd .form-group .form-control {

    border-color: #e5e5e5;

    margin-top: 5px;

}



.template-1 .template-pwd .form-group .form-control:focus {

    border-color: #66afe9;

}



.template-1 .template-pwd .top-pwd {

    position: absolute;

    left: 50%;

    top: -20px;

    margin-left: -30px;

    width: 60px;

    height: 60px;

    border: 1px solid #157df1;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fafafa;

}



.template-1 .template-pwd .top-pwd .iconfont {

    color: #157df1;

    font-size: 30px;

}



.template-1 .template-common .app-screen .s-responsive {

    width: 730px;

}



/*/模板1*/



/*模板2*/

.template-2 .t-bg-2 {

    background: url("../image/t-06.jpg") center;

    height: 130px;

}



.template-2 .content {

    margin-top: -90px;

}



/*/模板2*/



/*模板3*/

.template-3 .t-bg-3 {

    background: url("../image/t-07.jpg") center;

    height: 160px;

}



.template-3 .content {

    margin-top: 20px;

}



.template-3 .template-common .t-icon {

    width: 160px;

    height: 160px;

    border-radius: 50%;

}



.template-3 .template-common .t-icon img {

    width: 105px;

    height: 105px;

}



/*/模板3*/



/*模板4*/

.template-4 .t-bg-4 {

    background: url("../image/t-09.png") no-repeat center;

    height: 485px;

}



.template-4 .t-left {

    width: 255px;

    margin-left: 310px;

    margin-top: 150px;

}



.template-4 .t-right {

    margin-left: 225px;

    margin-top: 45px;

}



.template-4 .content4 .template-common {

    padding: 0;

}



.template-4 .content4 .template-common .t-icon {

    width: auto;

    height: auto;

    background-color: transparent;

    box-shadow: none;

}



.template-4 .content4 .template-common .t-icon img {

    border: none;

}



.template-4 .content4 .template-common .t-name .tit {

    color: #fff;

    margin-top: 25px;

    margin-bottom: 20px;

}



.template-4 .content4 .template-common .t-name .name-info span {

    display: block;

    text-align: center;

    margin-right: 0;

    color: #fff;

    line-height: 24px;

}



.template-4 .template-common .template-btn {

    margin-bottom: 20px;

}



.template-4 .content>.template-common {

    padding: 80px 100px 0;

}



.template-4 .template-common .t-code {

    width: 200px;

}



.template-4 .template-common .t-code img {

    width: 120px;

    height: 120px;

    margin-left: auto;

    margin-right: auto;

}



.template-4 .template-common .decoding {

    width: 100%;

    margin-top: 30px;

}



.template-4 .template-pwd {

    border: none;

    padding: 0;

    width: 490px;

    margin: 0 auto;

}



.template-4+.template-footer {

    margin-top: 100px;

}



.template-4 .content>.template-common .app-screen {

    width: 730px;

}



/*/模板4*/



/*模板5*/

.template-5 .left-bg {

    position: absolute;

    left: 0;

    top: 0;

    background: url("../image/t11.png") no-repeat left top;

    width: 283px;

    height: 1012px;

}



.template-5 .right-bg {

    position: absolute;

    right: 0;

    top: 0;

    background: url("../image/t12.png") no-repeat right top;

    width: 283px;

    height: 1012px;

}



.template-5 .content {

    padding-top: 100px;

}



.template-5 .template-common {

    padding: 0 235px;

}



.template-5 .template-common .t-icon {

    border-radius: 50%;

    position: relative;

    margin-left: 180px;

}



.template-5 .template-common .t-icon .bg-shadow {

    position: absolute;

    left: -20px;

    top: 70px;

    border-radius: 90px;

    width: 360px;

    height: 180px;

    background-color: #eff2f2;

    z-index: -1;

    transform: rotate(45deg);

}



.template-5 .template-common .t-icon .code {

    position: absolute;

    top: 160px;

    right: -160px;

    transition: all 500ms;

}



.template-5 .template-common .t-icon .code img {

    border-radius: 0;

    border: none;

    width: 110px;

    height: 110px;

    transition: all 500ms;

}



.template-5 .template-common .t-icon .code:hover {

    width: 240px;

    height: 240px;

    right: -190px;

    top: 130px;

}



.template-5 .template-common .t-icon .code:hover img {

    width: 160px;

    height: 160px;

}



.template-5 .template-common .t-name-wrap {

    width: 350px;

    margin-left: auto;

    margin-right: auto;

}



.template-5 .template-common .t-name-wrap .t-name {

    text-align: left;

}



.template-5 .template-common .t-name-wrap .template-btn {

    margin: 45px 0 20px
}



.template-5 .template-common .t-name {

    margin-top: 200px;

}



.template-5 .template-common .t-name .tit {

    margin-bottom: 20px;

}



.template-5 .template-common .t-name .name-info {

    text-align: left;

    line-height: 24px;

}



.template-5 .template-common .t-apply {

    text-align: left;

    padding-left: 15px;

}



.template-5 .template-common .template-btn {

    padding: 0 53px;

}



.template-5 .template-common hr {

    margin-top: 50px;

}



.template-5 .template-common .t-introduce .tit {

    margin-top: 50px;

}



.template-5 .template-common .t-contact {

    margin-top: 25px;

}



.template-5.passwords+.template-footer {

    margin-top: 99px;

}



.template-5+.template-footer {

    margin-top: 40px;

}



.template-5 .template-pwd {

    width: 555px;

    height: 245px;

    margin: 80px auto 0;

    padding: 60px 30px 0;

    position: relative;

    border-radius: 5px;

}



.template-5 .template-pwd .top-pwd {

    position: absolute;

    left: 50%;

    top: -30px;

    margin-left: -30px;

    width: 60px;

    height: 60px;

    border: 1px solid #157df1;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fafafa;

}



.template-5 .template-pwd .top-pwd .iconfont {

    color: #157df1;

    font-size: 30px;

}



.template-5 .template-pwd .decoding {

    width: 100%;

    margin-top: 30px;

    margin-bottom: 30px;

}



/*/模板5*/



/*模板6*/

.template-6 .t-bg-6 {

    background-color: #f4f4f4;

    height: 80px;

    line-height: 80px;

}



.template-6 .t-top .tit {

    font-size: 30px;

    color: #333;

}



.template-6 .t-top .name-info {

    font-size: 18px;

    color: #666;

}



.template-6 .t-top .name-info span {

    margin-left: 10px;

}



.template-6 .content {

    margin-top: 55px;

}



.template-6 .template-common .template-btn {

    margin-bottom: 15px;

}



.template-6 .template-common .show-hr {

    display: block;

    margin-top: 40px;

}



.template-6 .template-common .t-code {

    margin-top: 40px;

}



/*/模板6*/



/*密码显示控制*/

.passwords .template-pwd {

    display: block;

}



.passwords .pc-pwd {

    display: none !important;

}



.passwords .template-pwd {

    display: block;

}



/*----------/分发落地页----------*/



/*----------通知中心----------*/

.user-center1 .message-list .no-msg {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 550px;

}



.user-center1 .message-list .no-msg .no {

    display: inline-block;

    text-align: center;

}



.user-center1 .message-list .no-msg .no .no-text {

    margin-top: 15px;

}



.user-center1 .message-list {

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

    background-color: #fff;

    min-height: 550px;

    padding-bottom: 20px;

}



.user-center1 .message-list dt {

    background-color: #f5f6f7;

    padding: 12px 30px;

    border-bottom: 1px solid #e5e5e5;

}



.user-center1 .message-list dt .all {

    color: #333;

}



.user-center1 .message-list dt .all:hover {

    color: #157df1;

}



.user-center1 .message-list dt .all .icon-checkbox1 {

    margin-top: 2px;

    color: #999;

    margin-right: 10px;

    cursor: pointer;

}



.user-center1 .message-list dt .all:hover .icon-checkbox1 {

    color: #157df1;

}



.user-center1 .message-list dt .all .icon-checkbox-checked1 {

    margin-top: 2px;

    color: #157df1;

    margin-right: 10px;

}



.user-center1 .message-list dt .all .text {

    padding-top: 6px;

    margin-right: 20px;

}



.user-center1 .message-list dt button {

    padding: 4px 12px;

    line-height: normal;

    margin-right: 10px;

}



.user-center1 .message-list .list li {

    float: left;

    font-size: 12px;

}



.user-center1 .message-list dd {

    padding: 20px 30px;

    border-bottom: 1px solid #e5e5e5;

}



.user-center1 .message-list dd .list {

    height: 22px;

}



.user-center1 .message-list dd .checkbox-li .iconfont {

    margin-right: 20px;

}



.user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1 {

    color: #157df1;

}



.user-center1 .message-list dd .msg-icon .iconfont {

    margin-right: 30px;

}



.user-center1 .message-list dd .msg-icon .icon-unread {

    color: #fed735;

}



.user-center1 .message-list dd .msg-icon .icon-read {

    color: #999;

    font-size: 20px;

    position: relative;

    top: -3px;

}



.user-center1 .message-list dd .li-msg-con {

    line-height: 24px;

}



.user-center1 .message-list dd .li-msg-con span {

    float: left;

    line-height: 22px;

}



.user-center1 .message-list dd .li-msg-con .text1 {

    color: #333;

    font-weight: 600;

}



.user-center1 .message-list dd.read {

    background-color: #f9f9f9;

}



.user-center1 .message-list dd.read .li-msg-con .text1 {

    font-weight: normal;

}



.user-center1 .message-list dd .li-msg-con .text2 {

    color: #666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 500px;

}



.user-center1 .message-list dd .li-msg-con .text3 {

    margin: 0 5px;

}



/*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/



.user-center1 .message-list dd .time {

    float: right;

    line-height: 22px;

    color: #666;

}



.user-center1 .message-details {

    padding: 40px;

    height: 550px;

    background-color: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, .05);

}



.user-center1 .message-details .details-tit {

    color: #333;

    font-size: 26px;

    text-align: center;

    margin-bottom: 10px;

}



.user-center1 .message-details .details-time {

    color: #666;

    font-size: 12px;

    text-align: center;

    margin-bottom: 25px;

}



.user-center1 .message-details .details-p {

    color: #333;

    font-size: 14px;
    /*margin-bottom: 25px;*/

    line-height: 24px;

}



.user-center1 .message-details .details-con-wrap {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    padding: 30px;

    margin-top: 25px;

}



.user-center1 .message-details .details-con dt {

    color: #333;

    font-weight: 600;

    margin-bottom: 18px;

    margin-left: 45px;

}



.user-center1 .message-details .details-con.text-lg dt {

    color: #333;

    font-weight: 600;

    margin-bottom: 18px;

    margin-left: 95px;

}



.user-center1 .message-details .details-con dd {

    font-size: 12px;

    margin-bottom: 12px;

}



.user-center1 .message-details .details-con dd .d-left {

    color: #333;

    float: left;

    width: 60px;

    font-weight: 600;

    text-align: right;

}



.user-center1 .message-details .details-con.text-lg dd .d-left {

    color: #333;

    float: left;

    width: 110px;

    font-weight: 600;

    text-align: right;

}



.user-center1 .message-details .details-con dd .d-right {

    color: #333;

    margin-left: 85px;

    display: block;

}



.user-center1 .message-details .details-con dd .d-right.color-danger {

    color: #fd641d;

}



.user-center1 .message-details .details-con dd .d-right.color-hover {

    color: #157df1;

}



.user-center1 .message-details .details-con dd .d-right.color-hover {

    color: #157df1;

}



.user-center1 .message-details .details-con dd .d-right.color-666 {

    color: #666;

}



.user-center1 .message-details .details-con.text-lg dd .d-right {

    margin-left: 135px;

}



.user-center1 .message-details .ms-btn-secondary {

    padding: 6px 20px;

}



/*/----------通知中心----------*/



/*----------文档中心----------*/

/*列表*/

.doc-banner {

    background: url("../image/document-1.jpg?20190116") no-repeat center;

    height: 200px;

    padding-top: .1px;

}



.doc-banner .tit {

    color: #fff;

    font-size: 28px;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 600;

}



.doc-banner .b-con {

    width: 480px;

    margin: 50px auto 0;

}



.doc-banner .b-con p {

    color: #fff;

    margin-top: 5px;

}



.doc-banner .url-text {

    background-color: rgba(255, 255, 255, .2);

    height: 50px;

    padding: 6px;

    border-radius: 10px;

    color: #333;

}



.doc-banner .url-text input {

    background-color: #fff;

    border: none;

    width: 75%;

    height: 100%;

    border-radius: 5px 0 0 5px;

    padding-left: 30px;

}



.doc-banner .url-text .submit {

    background-color: #157df1;

    border: none;

    width: 25%;

    height: 100%;

    border-radius: 0 5px 5px 0;

    text-align: center;

    font-size: 17px;

    color: #fff;

    line-height: 38px;

}



.doc-list-wrap {

    padding: 35px 50px 20px;

}



.doc-list .tit {

    font-size: 24px;

    color: #157df1;

    margin-bottom: 15px;

}



.doc-list .tit .icon {

    margin-right: 10px;

    position: relative;

    top: 2px;

}



.doc-list .tit .icon-document2 {

    top: 4px;

}



.doc-list .tit .icon-document3 {

    top: 4px;

}



.doc-list .con {

    border: 1px solid rgb(39, 39, 39);

    padding: 25px 25px 15px;

    margin-bottom: 60px;

    background-color: rgb(30, 30, 30);

}



.doc-list .con .common {

    margin-bottom: 8px;

}



.doc-list .con .common .arrow {

    float: left;

    color: #fff;

    font-size: 14px;

}



.doc-list .con .common .tit1 {

    margin-left: 15px;

    color: #fff;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.doc-list .con .common .tit1:hover {

    color: #f77721;

}



.doc-list .con:last-of-type {

    margin-bottom: 20px;

}



.doc-list .advice {

    color: #fff;

    text-align: center;

}



.doc-list .advice a {

    color: #157df1;

}



.doc-list .tit .icon-document2 {

    top: 4px;

}



.doc-list .tit .icon-document3 {

    top: 4px;

}



/*banner添加教程*/

.doc-tutorial {

    padding: 0 105px;

    margin: -40px 0 20px;

}



.doc-tutorial .con {

    background-color: rgb(30, 30, 30);

    padding: 20px 40px;

    border: 1px solid rgb(39, 39, 39);

}



.doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit {

    color: #157df1;

}



.doc-tutorial .con .ms-thumbnail img {

    margin-bottom: 10px;

}



.doc-tutorial .con .ms-thumbnail .ms-caption .tit {

    margin-bottom: 0;

}



/*/列表*/



/*详情*/

@media (min-width: 1200px) {

    .doc-details .row {

        margin: 0 -5px;

    }



    .doc-details .col-sm-2 {

        padding: 0 5px;

    }



    .doc-details .col-sm-10 {

        padding: 0 5px;

    }

}



.doc-details .details-left {

    border: 1px solid rgb(39, 39, 39);

    border-bottom: none;

    border-radius: 3px;

    margin-bottom: 40px;

    background-color: rgb(30, 30, 30);
}



.doc-details .details-left dt {

    border-left: 4px solid transparent;

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid rgb(39, 39, 39);

    color: #fff;

    padding-left: 10px;

    cursor: pointer;

}



.doc-details .details-left dt .icon {

    position: relative;

    top: 2px;

    margin-right: 8px;

}



.doc-details .details-left dt .iconfont {

    margin-right: 7px;

}



.doc-details .details-left dt .icon-arrow-up {

    display: none;

}



.doc-details .details-left dt.active {

    border-left-color: #f77721;

    background-color: #f77721;



}



.doc-details .details-left dt.active .icon-arrow-up {

    display: block;

}



.doc-details .details-left dt.active .icon-arrow-down {

    display: none;

}



/*.doc-details .details-left dt.active+dd{display: block;}*/

.doc-details .details-left dt .icon-sdk2 {

    color: #157df1;

}



.doc-details .details-left dd {

    display: none;

}



.doc-details .details-left dd a {

    display: block;

    padding: 10px 20px;

    border-bottom: 1px solid rgb(39, 39, 39);

    font-size: 12px;

}



.doc-details .details-left dd a.active {

    color: #f77721;

}



.details-right {

    border: 1px solid rgb(39, 39, 39);

    border-radius: 3px;

    min-height: 600px;

    margin-bottom: 40px;

}



.details-right .article-tit {

    color: #fff;

    border-bottom: 1px solid rgb(39, 39, 39);

    padding: 18px 20px;

    font-size: 16px;

}



.details-right .article-con {

    padding: 25px 40px;

    line-height: 24px;

    color: #fff;

}



.details-right .article-con img {

    max-width: 700px;

}



/*/详情*/



/*更新日志*/

.update-log-banner {

    background: url("../image/time-2.jpg") no-repeat center;

    height: 170px;

    color: #fff;

    font-size: 28px;

    font-weight: 600;

    display: flex;

    justify-content: center;

    align-items: center;

}



.update-log-wrap {

    padding: 70px 240px;

}



.update-log-wrap .update-log:first-of-type {

    padding-top: 70px;

}



.update-log {

    background: url("../image/time-1.png") no-repeat 115px top;

}



.update-log .con {

    padding-bottom: 35px;

}



.update-log .u-left {

    width: 100px;

    text-align: right;

}



.update-log .u-left dt {

    color: #333;

    font-size: 16px;

    margin-bottom: 2px;

}



.update-log .u-left dd {

    color: #333;

    font-size: 12px;

}



.update-log .u-right {

    width: 590px;

    margin-left: 24px;

}



.update-log .u-right .u-icon {

    border: 1px solid #157df1;

    border-radius: 50px;

    width: 13px;

    height: 13px;

    padding: 2px;

    position: relative;

    top: 2px;

}



.update-log .u-right .u-icon span {

    display: block;

    background-color: #157df1;

    border-radius: 50%;

    width: 100%;

    height: 100%;

}



.update-log .u-right dl {

    margin-left: 30px;

}



.update-log .u-right dt {

    color: #333;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 5px;

}



.update-log .u-right dd {

    color: #333;

    line-height: 24px;

}



/*/更新日志*/



/*反馈 建议*/

.feedback-wrap {

    padding: 25px 150px 40px;

}



.feedback {

    border-radius: 5px;

    background-color: rgb(30, 30, 30);

    padding: 25px 30px 30px;

}



.feedback .tit {

    font-size: 18px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 20px;

}



.feedback .form-group {

    margin-bottom: 35px;

}



.feedback label {

    color: #fff;

    margin-bottom: 10px;

}



.feedback label span {

    color: #fd641d;

    margin-right: 10px;

}



.feedback .type li {

    float: left;

    margin-right: 40px;

    cursor: pointer;

}



.feedback .type li .icon-radio {

    top: 3px;

}



.feedback .submit {

    padding-left: 40px;

    padding-right: 40px;

}



.feedback .uploaded-img {

    border: 1px solid #e5e5e5;

    width: 90px;

    height: 90px;

    position: relative;

    border-radius: 5px;

    margin-right: 20px;

}



.feedback .uploaded-img img {

    width: 100%;

    height: 100%;

    border-radius: 5px;

}



.feedback .uploaded-img .delete-img {

    position: absolute;

    right: -9px;

    top: -9px;

    right: 0 \9;

    top: 0 \9;

    cursor: pointer;

    z-index: 2;

}



.feedback .upload-img {

    position: relative;

    border: 1px dashed #e5e5e5;

    width: 90px;

    height: 90px;

    border-radius: 5px;

    background: url("../image/icon-10.png") no-repeat center 20px;

    overflow: hidden;

}



.feedback .upload-img input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.feedback .upload-img .text {

    text-align: center;

    font-size: 12px;

    color: #666;

    margin-top: 60px;

}



/*/反馈 建议*/

/*----------/文档中心列表----------*/



/*----------工具箱----------*/

.tool-banner {





    background-size: cover;

    height: 460px;

    background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;

    position: relative;

    margin-bottom: 18px;

    overflow: hidden;

}



.tool-banner .con {

    color: #fff;

    font-size: 28px;

    padding-left: 100px;

    font-weight: 600;

    padding-top: 55px;

}



.tool-banner .con .p2 {

    text-indent: 2em;

}



.tool-classs {

    padding: 60px 80px;

}



.tool-classs .con {

    box-shadow: 0 0 20px rgba(21, 125, 241, .2);

    background-color: rgb(30, 30, 30);

    border-radius: 5px;

}



.tool-classs .con ul li {

    float: left;

    width: 33.333333%;

    text-align: center;

    padding-top: 20px;

}



.tool-classs .con ul li:nth-of-type(1) {

    padding-left: 20px;

}



.tool-classs .con ul li:nth-of-type(3) {

    padding-right: 20px;

}



.tool-classs .con ul li .t-con {

    /* border-right: 1px solid rgb(39, 39, 39); */

    border: 1px solid rgb(39, 39, 39);

    padding-bottom: 40px;

    padding-top: 20px;

}



.tool-classs .con ul li:hover {

    box-shadow: 0 3px 10px rgba(247, 119, 33, .8);

}



.tool-classs .con ul li .img-wrap {

    height: 66px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 15px;

}



.tool-classs .con ul li .tit {

    font-size: 24px;

    color: #fff;

    margin-bottom: 10px;

}



.tool-classs .con ul li p {

    margin-bottom: 15px;

    height: 80px;

    padding: 0 50px;

    color: #999;
}



.tool-classs .con ul li .ms-btn {

    padding: 3px 35px;

    border-radius: 15px;

}



.tool-classs .con ul li:nth-of-type(n+4) {

    padding-top: 0;

    padding-bottom: 20px;

}



.tool-classs .con ul li:nth-of-type(3n) .t-con {

    border-right-color: transparent;

}



.tool-classs .con ul li:nth-of-type(n+4) .t-con {

    border-bottom-color: transparent;

    padding-top: 30px;

    padding-bottom: 20px;

}



.tool-classs .con ul li:hover .ms-btn {

    background-color: transparent;

    color: #fff;

}



/*----------/工具箱----------*/



/*----------新价格页----------*/

.new-price-btn {

    width: 150px;

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    background: linear-gradient(to right, #ff3794, #fc753b);

    display: block;

    color: #fff;

    text-align: center;

    margin: 0 auto;

}



.new-price-btn:hover {
    /*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/

    color: #fff;

    background: linear-gradient(to right, #fe1064, #ff9c00)
}



.new-price-btn:focus {

    color: #fff;

}



.new-price-banner {
    padding: 0px;
    margin: 0px;
}



.new-price-banner .banner-con {

    color: #fff;

    padding: 65px 0 0 110px;

}



.new-price-banner .banner-con h3 {

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 10px;

}



.new-price-banner .banner-con p {

    font-size: 16px;

}



.new-price-list {

    padding: 0 110px;

    margin: 85px 0;

}



.new-price-list li {

    width: 33.333333%;

    float: left;

    text-align: center;

    padding: 35px 20px;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(112, 61, 231, .1);

    height: 695px;

    transition: transform 100ms;

}



.new-price-list li.active {

    transform: scale(1.02);

    z-index: 2;

    position: relative;

}



.new-price-list li h3 {

    color: #333;

    margin-top: 20px;

}



.new-price-list li p {

    color: #666;

    margin-top: 10px;

    line-height: 24px;

    margin-bottom: 5px;

}



.new-price-list li .amount {

    font-size: 18px;

    color: #fd9817;

}



.new-price-list li .amount .num {

    font-size: 30px;

}



.new-price-list li .more {

    margin: 10px auto 20px;

}



.new-price-list li dl dd {

    line-height: 32px;

    color: #333;

}



.new-price-details {

    margin-top: 30px;

}



.new-price-details h1 {

    color: #157df1;

    text-align: center;

    margin-bottom: 10px;

}



.new-price-details p {

    color: #666;

    font-size: 16px;

    text-align: center;

    margin-bottom: 80px;

}



.new-price-details .new-price-btn {

    margin-bottom: 80px;

}



.new-price-details .table {

    table-layout: fixed;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    margin-bottom: 0;

}



.new-price-details .table th {

    text-align: center;

    height: 50px;

    color: #333;

    font-size: 16px;

    font-weight: 600;

    border-top: none;

    position: relative;

    vertical-align: middle;

}



.new-price-details .table th:nth-of-type(2) {

    border-left: 1px solid #ddd;

}



.new-price-details .table td {

    text-align: center;

    border: 1px solid #ddd;

    height: 50px;

    color: #333;

    vertical-align: middle;

}



.new-price-details .table th:first-of-type {

    border-left-color: transparent;

}



.new-price-details .table th:last-of-type {

    border-right-color: transparent;

}



.new-price-details .table td:first-of-type {

    border-left-color: transparent;

}



.new-price-details .table td:last-of-type {

    border-right-color: transparent;

}



.new-price-details .table tr:last-of-type td {

    border-bottom: none;

}



.new-price-details .table tr:nth-of-type(odd) td {

    background-color: #f5f6f7;

}



/*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/

/*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/



.new-price-details .table th .th-con {

    position: absolute;

    width: 100%;

    height: 90px;

    left: 0;

    bottom: 0;

    background: no-repeat center;

    color: #fff;

    padding-top: 15px;

}



.new-price-details .table th .th-con .tit {

    font-size: 24px;

    font-weight: normal;

    margin-bottom: 5px;

    position: relative;

}



.new-price-details .table th .th-con .tit .unit {

    font-size: 12px;

}



.new-price-details .table th .th-con .tit .recommended {

    position: absolute;

    top: -8px;

    background: url("../image/price-tip1.png") no-repeat;

    width: 40px;

    height: 24px;

    color: #fff;

    font-size: 14px;

    line-height: 24px;

}



.new-price-details .table th .th-con .level {

    font-size: 16px;

}



/*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/

.new-price-details .table .icon-duihao {

    color: #13c960;

    font-size: 22px;

}



.new-price-details .help {

    padding-bottom: 40px;

}



.new-price-details .help h1 {

    margin-bottom: 40px;

}



.new-price-details .help dl .right {

    margin-left: 30px;

    width: calc(100% - 30px);

}



.new-publish-price .help {

    padding: 0;

    margin-bottom: 30px;

    padding: 55px 70px 0;

}



.new-publish-price .help h1 {

    margin-bottom: 40px;

    color: #157df1;

    text-align: center;

}



.new-publish-price .help dl .right {

    margin-left: 30px;

    width: calc(100% - 30px);

}



.new-pack-price .table th .level0 {

    background-image: url("../image/price-4.jpg");

}



.new-pack-price .table th .level1 {

    background-image: url("../image/price-5.jpg");

}



.new-pack-price .table th .level2 {

    background-image: url("../image/price-6.jpg");

}



.new-pack-price .table th .th-con .tit .recommended {

    position: absolute;

    top: -8px;

    background: url("../image/price-tip2.png") no-repeat;

    width: 70px;

    height: 24px;

    color: #fff;

    font-size: 14px;

    line-height: 24px;

}



.new-sign-price .table th .level0 {

    background-image: url("../image/price-5.jpg");

}



.new-sign-price .table th .level1 {

    background-image: url("../image/price-6.jpg");

}



.new-sign-price .table th .level2 {

    background-image: url("../image/price-7.jpg");

}



.new-sign-price .table tr td:first-of-type {

    font-weight: 600;

}



.new-sign-price .table tr:last-of-type td {

    border-bottom: 1px solid #ddd;

}



/*.new-publish-price{margin-bottom: 60px;}*/

.new-publish-price .tab {

    width: 490px;

    height: 40px;

    line-height: 40px;

    margin: 40px auto;

}



.new-publish-price .tab li {

    float: left;

    text-align: center;

    width: 50%;

    color: #333;

    cursor: pointer;

    border: 1px solid #e5e5e5;

}



.new-publish-price .tab li:first-of-type {

    border-radius: 20px 0 0 20px;

    border-right-color: transparent;

}



.new-publish-price .tab li:last-of-type {

    border-left-color: transparent;

    border-radius: 0 20px 20px 0;

}



.new-publish-price .tab li.active {

    background-color: #157df1;

    border-color: #157df1;

    color: #fff;

}



/*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/

/*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/



.new-publish-price .tab-con>div {

    display: none;

}



.new-publish-price .tab-con .con-wrap {

    padding: 0 70px;

}



.new-publish-price .tab-con h1 {

    text-align: center;

    color: #157df1;

    margin-bottom: 20px;

}



.new-publish-price .tab-con .big-package h1 {

    color: #fd9817;

}



.new-publish-price .tab-con .p1 {

    text-align: center;

    font-size: 16px;

    color: #666;

    margin-bottom: 35px;

}



.new-publish-price .tab-con .con {

    border: 1px solid #e5e5e5;

    padding-bottom: 40px;

    position: relative;

}



.new-publish-price .tab-con .con:hover {

    box-shadow: 0 3px 10px rgba(21, 125, 241, .2);

}



.new-publish-price .tab-con .big-package .con:hover {

    box-shadow: 0 3px 10px rgba(253, 152, 23, .2);

}



.new-publish-price .tab-con .gradient {

    height: 8px;

}



.new-publish-price .tab-con .gradient1 {

    background: linear-gradient(to right, #5caafd, #57d4f8);

}



.new-publish-price .tab-con .gradient2 {

    background: linear-gradient(to right, #507dfb, #5598fa);

}



.new-publish-price .tab-con .gradient3 {

    background: linear-gradient(to right, #5958d9, #8e1fe5);

}



.new-publish-price .tab-con .big-package .gradient1 {

    background: linear-gradient(to right, #fea63f, #ffcd35);

}



.new-publish-price .tab-con .big-package .gradient2 {

    background: linear-gradient(to right, #fc853e, #fe9f30);

}



.new-publish-price .tab-con .big-package .gradient3 {

    background: linear-gradient(to right, #fc7738, #ff339a);

}



.new-publish-price .tab-con .downloads {

    text-align: center;

    padding: 35px 0 30px;

}



.new-publish-price .tab-con .downloads .text {

    color: #666;

    font-size: 16px;

}



.new-publish-price .tab-con .downloads .num {

    color: #333;

    font-size: 50px;

}



.new-publish-price .tab-con .downloads .num span {

    font-size: 16px;

}



.new-publish-price .tab-con .con .recommended {

    position: absolute;

    top: 0;

    right: 0;

    display: none;

}



.new-publish-price .tab-con .instructions {

    padding: 0 30px;

}



.new-publish-price .tab-con .instructions dl {

    border-top: 1px solid #e5e5e5;

    text-align: left;

    color: #666;

    padding-top: 25px;

    height: 195px;

}



.new-publish-price .tab-con .instructions dl dd {

    margin: 10px 0;

    color: #666;

}



.new-publish-price .tab-con .instructions dl dd .icon-gou {

    color: #5cb4f6;

}



.new-publish-price .tab-con .big-package .instructions dl dd .icon-gou {

    color: #fd9817;

}



.new-publish-price .tab-con .instructions dl dd .icon-gou {

    margin-right: 10px;

    font-size: 14px;

}



.new-publish-price .tab-con .instructions dl dd .icon-prompt {

    position: relative;

    margin-left: 5px;

    top: -3px;

    cursor: pointer;

}



.new-publish-price .tab-con .p-price {

    font-size: 16px;

    color: #157df1;

    text-align: center;

    margin-bottom: 25px;

}



.new-publish-price .tab-con .big-package .p-price {

    color: #fd9817;

}



.new-publish-price .tab-con .p-price span {

    font-size: 40px;

}



.new-publish-price .tab-con .p-pay {

    text-align: center;

}



.new-publish-price .tab-con .p-pay .btn-buy {

    padding: 10px 12px;

    width: 120px;

}



.new-publish-price .tab-con .big-package .p-pay .btn-buy {

    color: #fd9817;

    border: 1px solid #fd9817;

}



.new-publish-price .tab-con .big-package .p-pay .btn-buy:hover {

    color: #fff;

    border: 1px solid #fd9817;

    background-color: #fd9817;

}



.new-price-meal {

    padding: 20px 0 25px;

}



.new-price-meal>h1 {

    color: #157df1;

    margin-bottom: 15px;

    text-align: center;

}



.new-price-meal>p {

    color: #666;

    font-size: 16px;

    margin-bottom: 20px;

    text-align: center;

}



.new-price-meal .new-price-btn {

    margin-bottom: 50px;

}



.new-price-meal .table {

    table-layout: fixed;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}



.new-price-meal .table th {

    text-align: center;

    height: 50px;

    color: #333;

    border-top: none;

    position: relative;

    vertical-align: middle;

    border-left: 1px solid #ddd;

    font-weight: 600;

    font-size: 15px;

    background-color: #f5f6f7;

}



.new-price-meal .table td {

    text-align: center;

    border: 1px solid #ddd;

    height: 50px;

    color: #333;

    vertical-align: middle;

}



.new-price-meal .table th:first-of-type {

    border-left-color: transparent;

}



.new-price-meal .table th:last-of-type {

    border-right-color: transparent;

}



.new-price-meal .table td:first-of-type {

    border-left-color: transparent;

}



.new-price-meal .table td:last-of-type {

    border-right-color: transparent;

}



.new-price-meal .table tr:last-of-type td {

    border-bottom: none;

}



.new-price-meal .table tr:nth-of-type(odd) td {

    background-color: transparent;

}



.new-price-meal .table .recommend-wrap1 {

    position: relative;

}



.new-price-meal .table .recommend-wrap1 .recommended {

    position: absolute;

    top: -9px;

    background: url("../image/price-tip1.png") no-repeat;

    width: 32px;

    height: 22px;

    color: #fff;

    font-size: 12px;

    line-height: 20px;

    background-size: contain;

    font-weight: normal;

}



.new-pack-meal .table .recommend-wrap1 .recommended {

    background: url("../image/price-tip2.png") no-repeat;

    width: 60px;

    height: 22px;

    background-size: contain;

    font-size: 12px;

    line-height: 22px;

    font-weight: normal;

}



.new-price-meal .table td .num {

    font-size: 18px;

}



.new-price-meal .help {

    padding: 0;

}



.new-price-meal .help>h1 {

    color: #157df1;

    text-align: center;

    margin-bottom: 50px;

}



/*----------/新价格页----------*/



/*----------SDK----------*/

.sdk-banner-wrap {

    background: url("../image/sdk-banner.jpg") no-repeat center;

    height: 200px;

}



.sdk-banner {

    padding-top: 60px;

}



.sdk-banner h1 {

    color: #fff;

    font-size: 30px;

    text-align: center;

    line-height: 40px;

    font-weight: normal;

}



.sdk-common {

    padding: 70px 0;

}



.sdk-common>h1 {

    color: #157df1;

    text-align: center;

    margin-bottom: 20px;

    font-weight: normal;

}



.sdk-common>h3 {

    color: #666;

    font-size: 16px;

    text-align: center;

    margin-bottom: 50px;

    font-weight: normal;

}



.sdk-system .list .con {

    text-align: center;

}



.sdk-system .list .con1 {

    border-right: 1px solid #e5e5e5;

}



.sdk-system .list .con img {

    margin: 0 auto 20px;

}



.sdk-system .list .con>h3 {

    text-align: center;

    color: #333;

    margin-bottom: 15px;

    font-weight: normal;

}



.sdk-system .list .con .s-btn {

    width: 165px;

    padding: 0;

    height: 46px;

    line-height: 46px;

    border-radius: 30px;

    display: block;

    margin: 0 auto;

    font-size: 18px;

    margin-bottom: 15px;

}



.sdk-system .list .con .s-btn2 {

    background-color: #13c960;

    color: #fff;

}



.sdk-system .list .con .s-btn2:hover {

    background-color: #72dd9f;

}



.sdk-system .list .con .instructions {

    color: #666;

    font-size: 18px;

}



.sdk-system .list .con .instructions1:hover {

    color: #157df1;

    text-decoration: underline;

}



.sdk-system .list .con .instructions2:hover {

    color: #13c960;

    text-decoration: underline;

}



.sdk-solve .ms-thumbnail .img-wrap {

    height: 190px;

    margin-bottom: 20px;

}



.sdk-statistical {

    padding: 70px 0;

}



.sdk-statistical .ms-thumbnail .img-wrap {

    height: 155px;

    display: flex;

    align-items: flex-end;

}



.sdk-statistical .ms-thumbnail .tit {

    margin-bottom: 0;

}



.sdk-help>h1 {

    text-align: center;

    color: #157df1;

    margin-bottom: 50px;

    font-weight: normal;

}



/*----------/SDK----------*/



/*----------免责声明----------*/

.disclaimer {

    padding: 75px 60px;

    min-height: 580px;

}



.disclaimer h1 {

    text-align: center;

    color: #333;

    margin-bottom: 50px;

}



.disclaimer p {

    line-height: 1.8;

    color: #333;

    font-size: 16px;

    margin-bottom: 35px;

}



/*----------/免责声明----------*/



/*----------推广大使----------*/

/*2019/4/1日改版*/

.ambassador-common {

    padding: 70px 0;

}



.ambassador-common .h1 {

    color: #333;

    text-align: center;

    margin-bottom: 20px;

}



.ambassador-common .h5 {

    font-size: 16px;

    text-align: center;

    margin-bottom: 45px;

    line-height: 24px;

}



.ambassador-banner-wrap {

    background: url("../image/tt-0.jpg?20190401") no-repeat center;

    height: 430px;

    display: block;

    padding-top: 110px;

}



.ambassador-banner {

    color: #fff;

    padding-left: 40px;

}



.ambassador-banner .h1 {

    font-weight: 600;

    margin-bottom: 15px;

    text-shadow: 2px 2px 0 #0b58b6;

}



.ambassador-banner .h1 span {

    color: #ffe401;

    font-size: 44px;

}



.ambassador-banner p {

    font-size: 18px;

    margin-bottom: 25px;

}



.ambassador-banner .b-btn {

    color: #157df1;

    width: 160px;

    padding: 9px;

    background-color: #fff;

    font-size: 16px;

}



.ambassador-join .ms-thumbnail .ms-caption p {

    height: 60px;

}



.ambassador-service-wrap {

    background: url("../image/ttt-banner.jpg?2019") no-repeat center;

}



.ambassador-service .h1 {

    color: #fff;

}



.ambassador-service .h5 {

    color: #fff;

}



.ambassador-service .ms-thumbnail {

    background-color: #fff;

    padding: 40px 0;

}



.ambassador-service .ms-thumbnail .ms-caption p {

    height: 40px;

}





/*.promote-process-wrap{background-color: #ecf4fd;}*/



.promote-process .h1 {

    margin-bottom: 60px;

}



.promote-process ul li {

    float: left;

    height: 220px;

    padding-top: 30px;

}



.promote-process ul li:nth-child(even) {

    width: 60px;

    background: url("../image/tt-8.png") no-repeat center;

}



.promote-process ul li:nth-child(odd) {

    width: calc((100% - 180px) / 4);

    background-color: #fff;

    box-shadow: 0 0 10px rgba(18, 112, 246, .2);

}



.promote-process .ms-thumbnail .ms-caption {

    padding: 0 20px;

}



.promote-process .ms-thumbnail .ms-caption .tit {

    font-size: 16px;

    margin-bottom: 10px;

}



.promote-process .ms-thumbnail .ms-caption .tit img {

    margin-bottom: 0;

    vertical-align: text-bottom;

    display: inline-block;

}



/*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/



.ambassador-help .tit {

    color: #333;

}



.join-ambassador {

    background: url("../image/tt-9.jpg") no-repeat center;

    height: 200px;

    display: block;

    text-align: center;

    padding-top: 55px;

}



.join-ambassador .h1 {

    font-weight: 600;

    margin-bottom: 25px;

    color: #fff;

    letter-spacing: 10px;

}



.join-ambassador .h1 span {

    margin: 0 20px;

}



.join-ambassador .ms-btn {

    width: 110px;

    font-size: 16px;

    border: 1px solid #fff;

    color: #fff;

}



/*----------/推广大使----------*/





/*右侧悬停*/

.fixed-right {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 999;
    /* display: none;*/
}

.fixed-right li {
    width: 50px;
    color: #304DD9;
    padding: 16px;
    border: 1px solid #e5e5e5;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.fixed-right li+li {
    border-top: transparent;
}

.fixed-right li .iconfont {
    color: #999;
}

.fixed-right li .icon-qq {
    font-size: 30px;
}

.fixed-right li .icon-weixin1 {
    font-size: 25px;
}

.fixed-right li .icon-go-top {
    font-size: 36px;
}

.fixed-right li .wechat {
    background: url("../img/img-15.png") no-repeat;
    width: 146px;
    height: 135px;
    position: absolute;
    top: -18px;
    right: calc(100% + 10px);
    padding: 10px 0 0 10px;
    z-index: 1000;
    display: none;
    transition: all 600ms;
}

.fixed-right li:hover .wechat {
    display: block;
}

.fixed-right li:hover .iconfont {
    color: #303659;
}

.fixed-right li.qiye .hover-hidden {
    display: block;
}

.fixed-right li.qiye .hover-show {
    display: none;
}

.fixed-right li.qiye:hover .hover-hidden {
    display: none;
}

.fixed-right li.qiye:hover .hover-show {
    display: block;
}



.fixed-right-guest-wrap {
    display: none;
    position: absolute;
    left: -220px;
    top: -70%;
    width: 220px;
}

.fixed-right-guest {
    width: 200px;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.fixed-right-guest:after {

    position: absolute;

    content: '';

    right: 8px;

    top: 42%;

    border-left: 12px solid #FFF;

    border-bottom: 12px solid transparent;

    border-top: 12px solid transparent;

}

.fixed-right li.guest:hover .fixed-right-guest-wrap {
    display: block;
}



.fixed-right li .wechat img {
    width: 115px;
    height: 115px;
}

.fixed-right-guest .wx_qrcode {
    width: 100px;
    height: 100px;
    margin-top: 10px;
}

.fixed-right-guest .item {
    padding: 15px 20px;
}

.fixed-right-guest .item:hover {
    background-color: #e6edf8;
}

.fixed-right-guest .text {
    margin-left: 10px;
}

.fixed-right-guest .text .title {
    font-size: 16px;
    color: #303659;
    line-height: 1;
    margin-bottom: 3px;
}

.fixed-right-guest .text .s-title {
    font-size: 12px;
    color: #999;
}

.fixed-right .go-top {
    display: none;
}

/*/右侧悬停*/



/*弹窗*/

/*

.ms-modal .modal-body{padding: 30px;}

.ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}

.ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}

*/



/*模板页弹窗提示*/

#templateModal .modal-content {

    background-color: #fffeff;

}



#templateModal .modal-body {

    padding: 0;

}



#templateModal .template-modal {

    padding-bottom: 30px;

}



#templateModal .m-top {

    background: no-repeat center;

    height: 130px;

    background-size: cover;

    padding-top: 25px;

    border-radius: 6px 6px 0 0;

}



#templateModal .m-top .title1 {

    color: #fff;

    font-size: 40px;

    text-align: center;

    font-weight: 600;

}



#templateModal .m-top .title2 {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    text-align: center;

    padding: 0 15px;

}



#templateModal .m-top .title2 span {

    font-size: 20px;

}



#templateModal .modal-p {

    color: #333;

    padding: 20px 30px;

}



#templateModal .modal-btn {

    display: block;

    width: calc(100% - 60px);

    margin: 0 30px;

    border-radius: 20px;

    box-shadow: 0 5px 10px rgba(21, 125, 241, .4);

    cursor: pointer;

}



#templateModal .modal-btn1 {

    background-color: #fd6835;

    border-color: #fd6835;

    box-shadow: 0 5px 10px rgba(253, 104, 53, .4);

}



#templateModal .modal-btn2 {

    background-color: #5342ff;

    border-color: #5342ff;

    box-shadow: 0 5px 10px rgba(83, 66, 255, .3);

}



/*/模板页弹窗提示*/



/*通用弹窗*/

/*#generalModal{padding-right: 0 !important;}*/

#generalModal .title {

    margin-bottom: 5px;

}



#generalModal .modal-p {

    margin-bottom: 15px;

}



#generalModal .cancel-btn {

    margin-right: 10px;

}



#generalModal .cancel-btn:empty {

    display: none;

}



#generalModal .success-btn:empty {

    display: none;

}



#generalModal .title:empty {

    display: none;

}



#generalModal .modal-p:empty {

    display: none;

}



/*/通用弹窗*/



#myModalPay .modal-header {

    border-bottom: 1px solid #e5e5e5;

    padding: 15px;

}



/*超出文件大小300m*/

.beyond-file p {

    line-height: 24px;

    margin-top: 15px;

}



.beyond-file p a {

    color: #157df1;

}



.beyond-file .ms-btn-primary {

    width: 90px;

    margin-top: 15px;

}



/*我的应用 合并应用*/

.ms-modal .app-list {

    height: 380px;

    overflow-y: auto;

}



.ms-modal .app-list li {

    float: left;

    width: 25%;

    padding: 0 10px 30px;

    text-align: center;

    cursor: pointer;

}



.ms-modal .app-list li .img-wrap {

    position: relative;

    width: 51px;

    height: 51px;

    margin: 0 auto;

    overflow: hidden;

}



.ms-modal .app-list li img {

    width: 51px;

    border-radius: 15px;

    border: 1px solid #e5e5e5;

}



.ms-modal .app-list li .tit {

    color: #333;

    margin-top: 5px;

}



.ms-modal .app-list li p {

    color: #666;

}



.ms-modal .app-list li .img-wrap .shadow {

    position: absolute;

    left: 0;

    top: 0;

    background-color: rgba(0, 0, 0, .6);

    width: 100%;

    height: 100%;

    display: none;

}



.ms-modal .app-list li.active .img-wrap .shadow {

    display: block;

}



.ms-modal .app-list li .img-wrap .shadow .icon-gou {

    color: #fff;

    font-size: 18px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



/*我的应用 确定合并应用*/

.marge-common .merge-app {

    padding: 0 70px;

}



.marge-common .merge-app li {

    float: left;

    width: 33.33333%;

    text-align: center;

}



.marge-common .merge-app li.center {

    background: url("../image/icon-20.png") no-repeat center;

    height: 110px;

}



.marge-common .merge-app li img {

    width: 100px;

    height: 100px;

    border-radius: 12px
}



.marge-common .merge-app li .icon {

    position: relative;

    top: 2px;

}



.marge-common dl.bottom {

    font-size: 12px;

    color: #333;

    border-top: 1px solid #e5e5e5;

    padding-top: 20px;

    margin-top: 25px;

}



.marge-common dl.bottom dt {

    color: #333;

    font-weight: 600;

    margin-bottom: 5px;

}



/*下载更多尺寸*/

#myModal3 .modal-dialog {

    width: 400px;

}



#myModal3 .modal-content .size-list {

    padding-left: 50px;

    padding-right: 50px;

}



#myModal3 .modal-title {

    text-align: left;

}



#myModal3 .size-list dl {

    margin-bottom: 15px;

}



#myModal3 .size-list dt {

    color: #333;

    margin-top: 6px;

}



#myModal3 .size-list .iconfont {

    color: #157df1;

    font-size: 20px;

}



/*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/



#UDIDModal .modal-dialog {

    width: 400px;

}



#UDIDModal .modal-title {

    text-align: left;

}



#UDIDModal .UDID {

    color: #333;

    max-height: 200px;

    overflow-y: auto;

}



#UDIDModal .UDID li {

    line-height: 24px;

}





/*自动消失弹窗*/

.auto-hide-modal .modal-content {

    background-color: transparent;

    box-shadow: none;

    border: none;

}



.auto-hide-modal .auto-hide {

    background-color: #666;

    padding: 20px 25px;

    border-radius: 5px;

    display: inline-block;

    color: #fff;

}



/*/自动消失弹窗*/



/*修改手机号弹窗*/

.change-phone-num {

    padding: 0 20px 20px 20px;

}



.change-phone-num label {

    color: #333;

    margin-bottom: 5px;

    font-weight: 600;

}



.change-phone-num .form-control {

    color: #333;

}



/*/修改手机号弹窗*/



/*用户签名协议弹窗*/

#myModal5 .modal-body {

    padding-top: 20px;

}



#myModal5 .con {

    line-height: 24px;

    max-height: 350px;

    overflow-y: auto;

}



/*/用户签名协议弹窗*/



/*封装打包弹窗*/

#myModal6 .packaging {

    margin-top: 70px;

}



#myModal6 .progress {

    height: 12px;

    border-radius: 6px;

    width: 94%;

}



#myModal6 .progress-bar {

    background-color: #2e90fc;

}



#myModal6 .progress-wrap .fr {

    margin-top: -4px;

}



#myModal6 .packaging p {

    margin-top: 80px;

    font-size: 12px;

}



/*/封装打包弹窗*/



/*举报弹窗*/

#reportModal .report .tit {

    font-size: 16px;

    color: #333;

    text-align: center;

    font-weight: 600;

    margin-bottom: 20px;

}



#reportModal .report p {

    color: #666;

    font-size: 12px;

    line-height: 24px;

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid #e5e5e5;

}



#reportModal .report label {

    font-weight: 600;

    color: #333;

    margin-bottom: 5px;

}



#reportModal .report label span {

    color: #ff4222;

    margin-left: 10px;

}



#reportModal .report ul {

    margin-top: 5px;

}



#reportModal .report ul li {

    float: left;

    margin-right: 35px;

    color: #333;

    cursor: pointer;

}



#reportModal .report ul li span {

    position: relative;

    top: 3px;

    margin-right: 5px;

}



#reportModal .report .btn-bottom {

    text-align: center;

    margin-top: 40px;

}



#reportModal .report .btn-bottom .ms-btn-primary {

    width: 120px;

    padding: 9px 12px;

}



#reportModal .report .form-error {

    position: relative;

}



#reportModal .report .error {

    position: absolute;

    top: 100%;

    left: 0;

    display: none;

    color: #ff4222;

}



#reportModal .report .form-error .error {

    display: block;

}



/*/举报弹窗*/



/*发票弹窗*/

#invoiceModal .user-center1 .invoice-management .make-invoice-details {

    border: none;

    height: auto;

    padding: 0;

}



#invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover {

    padding-left: 0;

}



/*/发票弹窗*/



/*删除APP弹窗*/

#deleteAppModal .modal-dialog {

    width: 470px;

}



#deleteAppModal .modal-body {

    position: relative;

    padding: 30px 20px;

}



#deleteAppModal .modal-body .delete-prompt {}



#deleteAppModal .modal-body .title {

    margin: 0 0 5px;

}



#deleteAppModal .modal-body .modal-p {

    font-size: 12px;

    color: #fd641d;

    margin-bottom: 15px;

}



#deleteAppModal .modal-body .form-horizontal {

    margin-bottom: 15px;

}



#deleteAppModal .modal-body .form-group {

    margin: 0 -5px 5px;

}



#deleteAppModal .modal-body .col-sm-3,
#deleteAppModal .modal-body .col-sm-8 {

    padding: 0 5px;

}



#deleteAppModal .modal-body .col-sm-3 {

    padding-top: 5px;

    color: #333;

}



#deleteAppModal .modal-body .form-group .form-control {

    height: 30px;

}



#deleteAppModal .modal-body .form-group .error {

    display: none;

}



#deleteAppModal .modal-body .cancel-btn {

    margin-right: 30px;

}



/*/删除APP弹窗*/



/*/弹窗*/



/*兼容平板*/

@media (min-width: 768px) and (max-width: 1199px) {

    .footer .left dl {

        margin-right: 70px;

    }



    .publicity li {

        padding: 35px 20px;

        height: auto;

    }



    .publicity li p {

        height: 72px;

    }

}



@media (width: 768px) {

    .footer>.clearfix>a {

        display: none;

    }



    .publicity li p {

        height: 96px;

    }



    .closed-beta-distribution .con .con-c {

        padding-bottom: 25px;

    }



    .closed-beta-distribution .con .con-c h4 {

        font-size: 16px;

    }



    .closed-beta-distribution .con .con-c p {

        margin-top: 15px;

        height: 72px;

        padding: 0 10px;

    }

}



.modal {
    background: rgba(60, 60, 60, 0.5)
}



.ms-badge {

    background-color: #fd0000;

    width: 30px;

    height: 16px;

    line-height: 16px;

    display: inline-block;

    color: #fff;

    border-radius: 80%;

    font-size: 12px;

    text-align: center;

    position: relative;

    top: -15px;

    left: 0;

}



.topbanner[data-v-78e3376e] {

    height: 460px;

    background: url(https://ssdtp.oss-cn-beijing.aliyuncs.com/eideasImg/diypack/banner/packbg.png) top no-repeat;

    position: relative;

    margin-bottom: 18px;

    overflow: hidden;

}

.topbanner .content[data-v-78e3376e] {

    width: 1236px;

    height: 407px;

    font-family: Source Han Sans CN;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 53px auto 0;

}

.topbanner .content .texts .title[data-v-78e3376e] {

    font-size: 40px;

    font-weight: 500;

    text-shadow: 0 -4px 10px rgb(4 59 218 / 90%);

    line-height: 70px;

}

.topbanner .content .texts .subtitle[data-v-78e3376e] {

    font-size: 24px;

    font-weight: 300;

    opacity: .9;

    line-height: 50px;

    margin-bottom: 10px;

}

.topbanner .content .texts .text[data-v-78e3376e] {

    font-size: 16px;

    font-weight: 300;

    opacity: .7;

    height: 15px;

    line-height: 2px;

    margin-bottom: 20px;

}