/* 未能缩小。正在返回未缩小的内容。
(1618,46): run-time error CSS1046: Expect comma, found '100'
(1618,53): run-time error CSS1046: Expect comma, found ')'
(1623,47): run-time error CSS1046: Expect comma, found '84'
(1623,51): run-time error CSS1046: Expect comma, found ')'
(1632,47): run-time error CSS1046: Expect comma, found '215'
(1632,53): run-time error CSS1046: Expect comma, found ')'
 */
/**
 * admin.css
 */

ul {
    margin-top: 0;
}

.admin-icon-yellow {
    color: #ffbe40;
}

.admin-header {
    font-size: 1.4rem;
    margin-bottom: 0;
}

.admin-header-list a:hover :after {
    content: none;
}

.admin-newmsg-tips {
    padding-left: 10px;
    position: absolute;
    right: 0px;
    top: 70px;
    color: black;
    background-color: white;
    border: 1px solid;
    border-radius: 5px;
    line-height: 30px;
}

.admin-main {
    background: #f3f3f3;
}

.admin-menu {
    position: fixed;
    z-index: 10;
    bottom: 30px;
    right: 20px;
}

.admin-sidebar {
    width: 260px;
    min-height: 100%;
    float: left;
    border-right: 1px solid #cecece;
}

.admin-sidebar-list {
    margin-bottom: 0;
}

    .admin-sidebar-list li a {
        color: #5c5c5c;
        padding-left: 24px;
    }

    .admin-sidebar-list li:first-child {
        border-top: none;
    }

.admin-sidebar-sub {
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0 16px 8px -15px #e2e2e2 inset;
    background: #ececec;
    padding-left: 24px;
}

    .admin-sidebar-sub li:first-child {
        border-top: 1px solid #dedede;
    }

.admin-sidebar-panel {
    margin: 10px;
}

.admin-content {
    width: auto;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.admin-content-list {
    border: 1px solid #e9ecf1;
    margin-top: 0;
}

    .admin-content-list li {
        border: 1px solid #e9ecf1;
        border-width: 0 1px;
        margin-left: -1px;
    }

        .admin-content-list li:first-child {
            border-left: none;
        }

        .admin-content-list li:last-child {
            border-right: none;
        }

.admin-content-table a {
    color: #535353;
}

.admin-content-file {
    margin-bottom: 0;
    color: #666;
}

    .admin-content-file p {
        margin: 0 0 5px 0;
        font-size: 1.4rem;
    }

    .admin-content-file li {
        padding: 10px 0;
    }

        .admin-content-file li:first-child {
            border-top: none;
        }

        .admin-content-file li:last-child {
            border-bottom: none;
        }

        .admin-content-file li .am-progress {
            margin-bottom: 4px;
        }

        .admin-content-file li .am-progress-bar {
            line-height: 14px;
        }

.admin-content-task {
    margin-bottom: 0;
}

    .admin-content-task li {
        padding: 5px 0;
        border-color: #eee;
    }

        .admin-content-task li:first-child {
            border-top: none;
        }

        .admin-content-task li:last-child {
            border-bottom: none;
        }

.admin-task-meta {
    font-size: 1.2rem;
    color: #999;
}

.admin-task-bd {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.admin-content-comment {
    margin-bottom: 0;
}

    .admin-content-comment .am-comment-bd {
        font-size: 1.4rem;
    }

.admin-content-pagination {
    margin-bottom: 0;
}

    .admin-content-pagination li a {
        padding: 4px 8px;
    }

@media only screen and (min-width: 641px) {
    .admin-sidebar {
        display: block;
        position: static;
        background: none;
        width: 16rem;
    }

    .admin-offcanvas-bar {
        position: static;
        width: auto;
        background: none;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .admin-offcanvas-bar:after {
            content: none;
        }
}

@media only screen and (max-width: 640px) {
    .admin-sidebar {
        width: inherit;
    }

    .admin-offcanvas-bar {
        background: #f3f3f3;
    }

        .admin-offcanvas-bar:after {
            background: #BABABA;
        }

    .admin-sidebar-list a:hover, .admin-sidebar-list a:active {
        -webkit-transition: background-color .3s ease;
        -moz-transition: background-color .3s ease;
        -ms-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease;
        background: #E4E4E4;
    }

    .admin-content-list li {
        padding: 10px;
        border-width: 1px 0;
        margin-top: -1px;
    }

        .admin-content-list li:first-child {
            border-top: none;
        }

        .admin-content-list li:last-child {
            border-bottom: none;
        }

    .admin-form-text {
        text-align: left !important;
    }
}

/*
* user.html css
*/
.user-info {
    margin-bottom: 15px;
}

    .user-info .am-progress {
        margin-bottom: 4px;
    }

    .user-info p {
        margin: 5px;
    }

.user-info-order {
    font-size: 1.4rem;
}

/*
* errorLog.html css
*/

.error-log .am-pre-scrollable {
    max-height: 40rem;
}

/*
* table.html css
*/

.table-main {
    font-size: 1.4rem;
    padding: .5rem;
}

    .table-main button {
        background: #fff;
    }

.table-check {
    width: 30px;
}

.table-id {
    width: 50px;
}

@media only screen and (max-width: 640px) {
    .table-select {
        margin-top: 10px;
        margin-left: 5px;
    }
}

/*
gallery.html css
*/

.gallery-list li {
    padding: 10px;
}

.gallery-list a {
    color: #666;
}

    .gallery-list a:hover {
        color: #3bb4f2;
    }

.gallery-title {
    margin-top: 6px;
    font-size: 1.4rem;
}

.gallery-desc {
    font-size: 1.2rem;
    margin-top: 4px;
}

/*
 404.html css
*/

.page-404 {
    background: #fff;
    border: none;
    width: 200px;
    margin: 0 auto;
}


/*
 fixed-layout 固定头部和边栏布局
*/

.fixed-layout,
.fixed-layout body {
    height: 100%;
    overflow: hidden;
}

    .fixed-layout .admin-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1500;
    }

    .fixed-layout .admin-main {
        position: relative;
        height: 100%;
        padding-top: 51px;
    }

    .fixed-layout .admin-content,
    .fixed-layout .admin-sidebar {
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        .fixed-layout .admin-sidebar.am-active {
            z-index: 1600;
        }

.model {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.model {
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1100;
    text-align: center;
    opacity: 1.74;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

.model-hide {
    display: none;
}

.model.model_hide {
    opacity: 1;
    display: none;
}

.model::before {
    content: "\200B";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.modal-dialog {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    min-height: 125px;
    min-width: 500px;
    max-width: 900px;
    width: auto;
    border-radius: 0;
    text-align: center;
    background-color: #E8E8E8;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

.model-hd {
    padding: 7px;
    text-align: left;
    background-color: #ededed
}

.model-colse {
    position: absolute;
    top: 8px;
    right: 10px;
}

.model-title {
    width: 100%;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    position: relative;
    display: block;
    word-wrap: break-word;
}


.bold-line {
    border-width: 1px !important;
}
.model-bd {
    width: 100%;
    max-height: 500px;
    height: auto;
    overflow: auto;
    color: #797979;
    position: relative;
    margin: 0;
    line-height: normal;
    display: block;
    text-align: left;
    word-wrap: break-word;
    padding: 30px 0;
    background-color: #fff;
}

.model-ft {
    background-color: #fff;
    border-top: none;
    position: relative;
    display: block;
    padding: 10px 0 10px;
}
body {
    font-family: "Microsoft YaHei","Segoe UI","Lucida Grande",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}

.login-header {
    text-align: center;
}

    .login-header h1 {
        font-size: 200%;
        color: #333;
        margin-top: 30px;
    }

    .login-header p {
        font-size: 14px;
    }

.login-msg {
    color: #f00;
}

.am-icon-btn:hover {
    background-color: #3f455e;
}

.smo-u-1 {
    width: 8.33333%;
}

.smo-u-2 {
    width: 16.66666667%;
}

.smo-u-3 {
    width: 25%;
}

.smo-u-4 {
    width: 33.33333%;
}

.smo-u-5 {
    width: 41.66666667%;
}
/*������Сiconͼ�����ʽ*/
.am-icon-xs::before {
    font-size: 80%;
    vertical-align: 0%;
}
/*ԭAmazeUI΢��*/
.admin-main {
    /*�Ҳ������ɫ*/
    background: #262b41;
}

.admin-sidebar {
    /*ʹ�Ҳ�����˵��ұ߿����������*/
    border-right: 0px solid #CECECE;
}
/*ԭAmazeUI΢��END*/

/*�»���*/
.underline {
    text-decoration: underline;
}

.bold-line {
    border-bottom: 2px solid #ccc;
}
/*����ͼƬ*/
.img-official {
    height: 33px;
    width: 100px;
    background: url(../i/Login/official1.png) no-repeat left center;
    -webkit-background-size: 100px 33px;
    background-size: 100px 33px;
}
/*��̳ͼƬ*/
.img-bbs {
    height: 33px;
    width: 100px;
    background: url(../i/Login/bbs1.png) no-repeat left center;
    -webkit-background-size: 100px 33px;
    background-size: 100px 33px;
}
/*��½����ͼƬ*/
.img-title {
    height: 37px;
    width: 229px;
    background: url(../i/Login/title.png) no-repeat left center;
    -webkit-background-size: 229px 37px;
    background-size: 229px 37px;
}
/*��½��ťͼƬ*/
.img-login {
    border-radius: 9px;
    background: url(../i/Login/login1.png) top center no-repeat;
    background-size: cover;
}
/*��¼��ť��ɫ*/
.cor-login {
    background-color: #317efd;
    color: #FFF;
}
/*ע��̧ͷ��ɫ*/
.topbar {
    background-color: #262b41;
    border-bottom: 2px solid #126bd1;
    height: 80px;
}
/*ע��̧ͷlogoͼƬ*/
.img-topbar {
    height: 30px;
    width: 185px;
    background: url(../i/Register/topbar.png) no-repeat left center;
    -webkit-background-size: 185px 30px;
    background-size: 185px 30px;
}
/*ע�ᰴťͼƬ*/
.img-register {
    border-radius: 9px;
    background: url(../i/Register/register1.png) top center no-repeat;
    background-size: cover;
}
/*ע����ʾ������ɫ*/
.cor-register {
    color: #126bd1;
}
/*app��ҳӦ��ͼ��*/
.icon-list {
    box-sizing: border-box;
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 24px;
    line-height: 48px;
    border-radius: 50%;
    background-color: #262b41;
    color: #fff;
}

.icon-applist {
    font-style: normal;
    height: 100px;
    width: 100px;
    /*background: url(../i/icon/moren1.png) no-repeat left center;*/
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
    /*border:solid 1px #ccc;*/
    border-radius: 50%;
}

    .icon-applist:hover {
        background-color: #FFF;
        opacity: 0.7;
    }

.icon-addapp {
    font-style: normal;
    height: 100px;
    width: 100px;
    background: url(../i/icon/build1.png) no-repeat left center;
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
}

    .icon-addapp:hover {
        background-color: #FFF;
        opacity: 0.7;
    }

.icon-maxapp {
    font-style: normal;
    height: 100px;
    width: 100px;
    background: url(../i/icon/maxcount.png) no-repeat left center;
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
}
/*app��ҳСӦ��ͼ��*/
.icon-sm {
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 48px;
    border-radius: 50%;
    background-color: #EEE;
    color: #555;
}
/*app��ҳ�༭Ӧ��ͼ��*/
.icon-edit {
    background: url(../i/icon/edit1.png) top center no-repeat;
}
/*app��ҳ����Ӧ��ͼ��*/
.icon-manage {
    background: url(../i/icon/manage1.png) top center no-repeat;
}
/*app��ҳɾ��Ӧ��ͼ��*/
.icon-delete {
    background: url(../i/icon/delete1.png) top center no-repeat;
}
/*����css*/
.navigation-bccolor {
    background-color: #262B41;
}

.navigation-color > li {
    background-color: #3f455e;
    border-color: #000;
}

.navigation-color li a {
    color: #fff;
}

.blackcolor {
    color: #000;
}
/*���������*/
/*.admin-sidebar {
    width: 220px;
    width: 16rem;
}*/
/**�޸���������z-index���Լ���UEditor��Ԥ����ʽ*/
#admin-offcanvas {
    z-index: 1;
}

@media only screen and (min-width: 641px) {
    .nav-position {
        top: 80px;
        position: fixed;
        bottom: 30px;
        left: 0px;
        background-color: #262B41;
        overflow: auto;
        height: 100%;
        /*padding-bottom:100px;*/
    }

    .admin-offcanvas-bar {
        overflow: auto;
        position: absolute;
        top: 0;
        bottom: 56px;
        left: 0;
        right: 0;
        display: block;
    }
    /*�Ҳ�����ƫ����*/
    .con-position {
        /*padding-left:190px;*/
        margin-left: 16rem;
    }

    .am-with-topbar-fixed-top {
        padding-top: 78px;
    }

    .am-modal {
        width: 400px;
        margin-left: -200px;
    }

    /********************************************************************************************************/
    /*body {overflow-y: scroll; overflow-x: hidden; } 
     ::-webkit-scrollbar { width: 12px; }
     ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }
    ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } 
    ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }*/
    /********************************************************************************************************/

}

.btn-del {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
    transition: background-color 300ms ease-out, border-color 300ms ease-out;
}

.btn-del-color {
    color: #666;
    background-color: #fff;
    border-color: #fff;
}

.am-btn, input:not([type="radio"]):not([type="checkbox"]) {
    vertical-align: top;
}

.icon-index {
    font-style: normal;
    height: 32px;
    width: 32px;
    background: url(../i/icon/icon-index.png) no-repeat left center;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    border-radius: 0;
}

.icon-corp {
    font-style: normal;
    height: 32px;
    width: 32px;
    background: url(../i/icon/icon-corp.png) no-repeat left center;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    border-radius: 0;
}

.icon-data {
    font-style: normal;
    height: 32px;
    width: 32px;
    background: url(../i/icon/icon-data.png) no-repeat left center;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    border-radius: 0;
}

.icon-msg {
    font-style: normal;
    height: 32px;
    width: 32px;
    background: url(../i/icon/icon-msg.png) no-repeat left center;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    border-radius: 0;
}

.icon-serve {
    font-style: normal;
    height: 32px;
    width: 32px;
    background: url(../i/icon/icon-serve.png) no-repeat left center;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    border-radius: 0;
}

.icon-setting {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/setting.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-setting {
    border: solid 1px #3f455e;
}

.icon-packup {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/packup.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-packup {
    border: solid 1px #3f455e;
}

.icon-download {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/download.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.icon-check-success {
    display: block;
    height: 103px;
    width: 103px;
    font-style: normal;
    background: url(../i/icon/icon-check.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-download {
    border: solid 1px #3f455e;
}

.icon-shared {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/share.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-shared {
    border: solid 1px #3f455e;
}

.icon-push {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/push.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-push {
    border: solid 1px #3f455e;
}

.icon-analyse {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/analyse.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-analyse {
    border: solid 1px #3f455e;
}

.icon-server {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/server.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-server {
    border: solid 1px #3f455e;
}

.icon-safe {
    font-style: normal;
    height: 103px;
    width: 103px;
    background: url(../i/icon/safe.png) no-repeat left center;
    -webkit-background-size: 103px 103px;
    background-size: 103px 103px;
    border-radius: 50%;
}

.content-list li:hover .icon-safe {
    border: solid 1px #3f455e;
}
/*����tab a��ǩ����*/
.downtab {
    color: #555;
}

.am-nav-tabs > li.am-active > .downtab {
    color: #0e90d2;
}

/*ios��androidƽ̨��ť�ı���ͼƬ*/
.icon-ios {
    font-style: normal;
    height: 65px;
    width: 65px;
    background: url(../i/icon/ios1.png) no-repeat left center;
    -webkit-background-size: 66px 65px;
    background-size: 65px 65px;
    border-radius: 10px;
}

.icon-android {
    font-style: normal;
    height: 65px;
    width: 65px;
    background: url(../i/icon/android1.png) no-repeat left center;
    -webkit-background-size: 66px 65px;
    background-size: 65px 65px;
    border-radius: 10px;
}

.icon-fenge {
    font-style: normal;
    height: 21px;
    width: 11px;
    background: url(../i/icon/fenge.png) no-repeat left center;
    -webkit-background-size: 11px 21px;
    background-size: 11px 21px;
}

.fenge {
    height: 32px;
}

.press-ios {
    font-style: normal;
    height: 42px;
    width: 143px;
    background: url(../i/icon/press-ios1.png) no-repeat left center;
    -webkit-background-size: 143px 42px;
    background-size: 143px 42px;
    border-radius: 10px;
}

    .press-ios :hover {
        background: url(../i/icon/press-ios2.png) no-repeat left center;
    }

.press-android {
    font-style: normal;
    height: 42px;
    width: 143px;
    background: url(../i/icon/press-anroid1.png) no-repeat left center;
    -webkit-background-size: 143px 42px;
    background-size: 143px 42px;
    border-radius: 10px;
}

    .press-android:hover {
        background: url(../i/icon/press-anroid2.png) no-repeat left center;
    }

#message {
    color: #191919;
    border: 1px solid #c4c4c4;
    background: #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 1em;
    padding: 5px;
    top: -30px;
    position: absolute;
    text-align: center;
    width: auto !important;
    z-index: 10000;
    -moz-box-shadow: 0 0 15px #eeeeee;
    -webkit-box-shadow: 0 0 15px #eeeeee;
    border-color: #eeeeee;
    box-shadow: 0 0 15px #eeeeee;
    outline: none;
}
/*������Ϣ��ʾicon*/
.icon-error {
    font-style: normal;
    height: 44px;
    width: 42px;
    background: url(../i/icon/e.png) top center no-repeat;
    -webkit-background-size: 42px 44px;
    background-size: 42px 44px;
}

.icon-sucess {
    font-style: normal;
    height: 44px;
    width: 42px;
    background: url(../i/icon/r.png) top center no-repeat;
    -webkit-background-size: 42px 44px;
    background-size: 42px 44px;
}

.errorhd {
    margin-left: -42px;
    line-height: 44px;
    font-weight: 700;
}

.warmprompt {
    line-height: 44px;
    font-weight: 700;
}

#sucessmsg {
    /*margin-left: -42px;*/
    line-height: 44px;
    word-wrap: break-word;
}

#errmsg {
    word-wrap: break-word;
}
/*��ʾlogoͼƬ�������С*/
.iconsize {
    width: 65px;
    max-height: 65px;
}

.iconborder {
    width: 67px;
    height: 67px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}

.iphonesize {
    max-width: 128px;
    min-height: 192px;
    /*width:128px;
    max-height :192px;*/
}

.iphoneborder {
    width: 130px;
    height: 194px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

.ipadsize {
    width: 149px;
    /*max-height :192px;*/
    height: 192px;
}

.ipadborder {
    width: 151px;
    height: 194px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
}
/**�����Բ��*/
.am-form input.am-radius[type="text"], .am-form input.am-radius[type="password"], .am-form input.am-radius[type="checkbox"], .am-form input.am-radius[type="email"] {
    border-radius: 10px;
}

.am-btn.am-radius {
    border-radius: 6px;
}
/*��֤��*/
#piccode {
    width: 50px;
    height: 40px;
}
/*�ʺ���ʾicon*/
.hide {
    font-style: normal;
    height: 18px;
    width: 18px;
    background: url(../i/icon/wenhao.png) top center no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    border-radius: 0;
}

.button-hide {
    font-style: normal;
    height: 18px;
    width: 18px;
    background: url(../i/icon/wenhao.png) top center no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    border-radius: 0;
    margin-top: 17px;
}

/*iconͼ�걳��ɫ*/

.hide:hover {
    background-color: #FFF;
}

.button-hide:hover {
    background-color: #FFF;
}
/*����ԲȦ�ĸ߶�*/
.percent {
    height: 28px;
}

label {
    margin-bottom: 0;
}
/*ɾ����ťpadding*/
.s-btn-del {
    padding: 0.2em 1em;
}
/*������ʾ��ʽ*/
.step {
    color: #317efd;
}

/*������Բ��*/
.am-selected-btn {
    border-radius: 10px;
}
/*�ָ���*/
.list-border {
    border-bottom: 1px solid #ddd;
}

.delpadding {
    padding-left: 0;
    padding-right: 0;
}
/*������*/
.navbar {
    /*margin-left:-3rem;*/
    margin-top: 2px;
    background-color: #ededed;
    font-size: 18px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.smo-text-primary {
    color: #317efd;
}

.content-top {
    padding-top: 36px;
}
/*ul ����ɫ*/
.content-list-bg {
    background-color: #f2f2f2;
}

.con-list-word {
    font-weight: 500;
    font-size: 18px;
    color: #000;
}

.content-list li:hover .con-list-word {
    color: #5d6482;
}

.sharp-word {
    font-size: 16px;
    color: #939393;
}

.content-list {
    border: none;
}

    .content-list li {
        border: none;
    }

.smo-list-second {
    padding-left: 0;
    background-color: #003366;
}

    .smo-list-second > li {
        border: 0px solid #3f455e;
        background-color: #003366;
    }

    .smo-list-second li:first-child {
        border: 0px solid #3f455e;
    }

    .smo-list-second > li > a {
        font-size: 14px;
        font-weight: 500;
    }

.smo-list-active {
    color: #126bd1;
    border-left: 3px solid #126bd1;
}

/*������������*/
.smo-dropdown-content {
    min-width: 125px;
}

.am-btn-primary {
    background-color: #317efd;
}
/*��˲�ͨ��ԭ��css*/
.resultcss {
    white-space: pre-wrap;
    word-wrap: break-word
}

.dtype .am-radio + .am-radio {
    margin-top: 10px;
}

.am-form textarea {
    max-height: 150px;
    min-height: 150px;
}

#copyurl {
    max-height: 25.6px;
    min-height: 25.6px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    z-index: -9999 !important;
    position: absolute;
}

#copyInviteUrl {
    max-height: 3px;
    min-height: 3px;
    max-width: .1px;
    min-width: .1px;
    display: inline-block !important;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    outline: medium;
    z-index: -9999 !important;
    position: absolute;
    color: #262b41;
    background-color: #262b41;
    border-color: #262b41;
}

.task_details {
    opacity: .5;
    background-color: #999;
}
/*Ӧ������ɾ����ʽ*/
.delsid {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .delsid:hover {
        cursor: pointer;
        opacity: .7;
    }
/*���ñ�����ݳ����Զ�����*/
.am-table {
    table-layout: fixed;
}

    .am-table > tbody > tr > td > p {
        margin: 0;
        -moz-user-select: text;
        -ms-user-select: text;
        -webkit-user-select: text;
        user-select: text;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/*����б�*/
.plugin-table {
    border: 1px solid #ccc;
}

    .plugin-table tbody {
        display: block;
        max-height: 300px;
        overflow-y: auto;
    }

    .plugin-table thead, .packapp-plugin-table tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .plugin-table thead th:not(:first-child) {
            min-width: 100px;
            width: 32.3%;
            font-weight: 500;
            font-size: 15px;
        }

        .plugin-table thead th:first-child {
            max-width: 27px;
        }

    .plugin-table tbody td:not(:first-child) {
        min-width: 100px;
        width: 33%;
        font-size: 13px;
    }

    .plugin-table tbody td:first-child {
        max-width: 27px;
    }

.chosePackV a:hover {
    background-color: #ccc !important;
}
/*���������ʡ�Ժ���ʾ*/
.s-ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.userselect_none {
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/**������Ϣά��*/
.instruction {
}

.instruction {
    border-bottom: 1px #ccc solid;
}

/**SmobilerService ���ݿ�*/
.smobiler-service-container {
    background-color: #2f383d;
}

.smobiler-service-title {
    font-weight: 600;
    color: #eff4f7;
    height: 40px;
    font-size: large !important;
    margin-top: 20px !important;
    border: 1px solid rgb(120,120,120);
    text-align: center;
}

.smobiler-service-title-btn {
    font-weight: 600;
    color: #eff4f7;
    height: 40px;
    font-size: large !important;
    margin-top: 20px !important;
    border: 1px solid rgb(120,120,120) !important;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    padding: .5em 1em;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    background-color: goldenrod;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .3s ease-out,border-color .3s ease-out;
    transition: background-color .3s ease-out,border-color .3s ease-out;
}

    .smobiler-service-title-btn:hover {
        color: white !important;
        transition: color linear .2s;
        background-color: gold !important;
        transition: background-color linear .2s;
    }

    .smobiler-service-title-btn:focus {
        color: white !important;
        transition: color linear .2s;
        background-color: orange !important;
        transition: background-color linear .2s;
    }

.smobiler-service-changetrail-btn {
    color: white;
    background-color: #3bb4f2;
    border-color: #3bb4f2;
    font-weight: 600;
    height: 40px;
    font-size: large !important;
    margin-top: 20px !important;
    border: 1px solid rgb(120,120,120) !important;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    padding: .5em 1em;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .3s ease-out,border-color .3s ease-out;
    transition: background-color .3s ease-out,border-color .3s ease-out;
}

    .smobiler-service-changetrail-btn:hover {
        color: white !important;
        transition: color linear .2s;
        background-color: #19a7f0 !important;
        transition: background-color linear .2s;
    }

    .smobiler-service-changetrail-btn:focus {
        color: white !important;
        transition: color linear .2s;
        background-color: #0e93d7 !important;
        transition: background-color linear .2s;
    }

.smobiler-service-aborttrail-btn {
    color: white;
    background-color: #dd514c;
    border-color: #3bb4f2;
    font-weight: 600;
    height: 40px;
    font-size: large !important;
    margin-top: 20px !important;
    border: 1px solid rgb(120,120,120) !important;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    padding: .5em 1em;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .3s ease-out,border-color .3s ease-out;
    transition: background-color .3s ease-out,border-color .3s ease-out;
}

    .smobiler-service-aborttrail-btn:hover {
        color: white !important;
        transition: color linear .2s;
        background-color: #d7342e !important;
        transition: background-color linear .2s;
    }

    .smobiler-service-aborttrail-btn:focus {
        color: white !important;
        transition: color linear .2s;
        background-color: #be2924 !important;
        transition: background-color linear .2s;
    }

.smobiler-service-board {
    background-color: #2d2d2d;
    border: 1px solid #2d2d2d;
    color: #eff4f7;
    text-align: center;
    margin-bottom: 24px;
    padding: 20px 5px;
    min-height: 250px;
}

.smobiler-service-btn {
    color: #eff4f7 !important;
}

    .smobiler-service-btn:hover {
        color: lightblue !important;
    }

.servicekey-btn {
    background-color: gray;
    border: 1px solid gray;
}

    .servicekey-btn:hover {
        background-color: darkgray;
        border: 1px solid gray;
    }

    .servicekey-btn:active {
        background-color: gray;
        border: 1px solid gray;
    }

.actived-service-board {
    background-color: #2d2d2d;
    color: #eff4f7;
    margin: 24px 0;
    border-radius: 5px;
    border: 2px solid;
}

.actived-service-board-standard {
    border-color: #214265;
    background: linear-gradient(-4deg,rgb(33 100 105), transparent );
}

.actived-service-board-professional {
    border-color: #3c3c3c78;
    background: linear-gradient(-4deg,rgb(255 84 0), transparent );
}

    .actived-service-board-professional .actived-service-edition-text-bgcolor {
        background-color: #ea770b;
    }

.actived-service-board-enterprise {
    border-color: #827a5d61;
    background: linear-gradient(-5deg,rgb(255 215 63), transparent );
}

    .actived-service-board-enterprise .actived-service-edition-text-bgcolor {
        background-color: #ffd523;
    }

.actived-service-logo-wrapper {
    height: 60px;
    padding-top: 24px;
    padding-left: 24px;
    padding-bottom: 52px;
}

.actived-service-logo {
    max-width: 164px;
}

.actived-service-title {
    font-size: xx-large;
    line-height: 0px;
    position: relative;
    top: 7px;
    margin-left: 8px;
    opacity: 0.95;
}

.actived-service-renew {
    padding: 6px 32px;
    background: linear-gradient( 180deg, #4F4F4F 0%, #343434 100%);
    color: #FFCD4D;
    border-radius: 20px;
    cursor: pointer;
    margin-left: 12px;
}

    .actived-service-renew:hover {
        background: linear-gradient( 180deg, #616161 0%, #3a3a3a 100%);
    }

    .actived-service-renew:active {
        background: linear-gradient( 180deg, #3a3a3a 0%, #2d2d2d 100%);
    }

.service-renew-tips {
    font-size: x-small;
    color: darkslategray;
    width: 570px;
    margin-top: 16px;
    border: 1px solid;
    padding: 12px;
    border-radius: 5px;
    background-color: snow;
}

.service-renew-btn{
    border-radius:5px;
    margin-top:2px;
}

.actived-service-edition-text {
    font-size: xx-large;
    font-weight: 600;
    font-family: 'Microsoft JhengHei UI';
    float: right;
    margin-right: 16px;
    position: relative;
    bottom: 12px;
    border-radius: 5px;
    background-color: #2fa3af;
    padding: 0px 20px 0px 20px;
}

.actived-service-progress-wrapper {
}

.actived-service-progressbar {
    color: white;
    animation: actived-service-progressbar 1s normal;
}

@keyframes actived-service-progressbar {
    from {
        width: 10px;
        color: #0e90d2;
    }

    to {
        color: white;
    }
}

.actived-service-content-wrapper {
    margin-top: 6px;
    margin-bottom: 50px;
    padding-left: 39px;
    background: linear-gradient(0deg, black, transparent);
    border-radius: 3px;
    padding-bottom: 25px;
}

.actived-service-content-main {
    color: white;
    font-size: x-large;
    font-family: Consolas;
    margin-top: 5px;
}

.actived-service-content-text {
    color: lightgray;
    font-size: small;
    margin-left: 5px;
}

    .actived-service-content-text span {
        width: 250px;
        margin: 6px 12px;
        display: inline-block;
    }


.recyce-index-board {
    color: white;
    border-radius: 6px 10px;
    height: 320px;
    cursor: pointer;
    opacity: 0.85;
}

    .recyce-index-board:hover,
    .recyce-index-board:focus {
        opacity: 0.8;
        color: white;
    }

    .recyce-index-board:active {
        opacity: 1;
    }

.recyce-index-board-container {
    height: 100%;
    margin-top: 50%;
}