@charset "UTF-8";
/*头部*/
.logo {
    width: 780px;
    height: 90px;
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    display: block;
    background: url('../img/logo.png') no-repeat 0 center;
}
.top-explain {
    text-align: center;
    position: absolute;
    left: 790px;
    top: 34px;
    font-size: 20px;
    color: #555;
    font-weight: 600;
}
.top-link {
    text-align: center;
    position: absolute;
    right: 20px;
    top: 40px;
}
.top-link a {
    color: #0b51c1;
    text-decoration: none;
}
.top-link a:hover {
    color: #03A9F4;
    text-decoration: underline;
}
.nav-wrap{
    background-color: #0b51c1;
}
ul.nav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 290px;
}
<!-- 20211206 样式冲突注释掉 -->
/* .nav { */
/*     margin: 0; */
/*     padding: 0; */
/*     list-style: none; */
/*     margin-right: 290px; */
/* } */

.nav li {
    display: inline-block;
    width: 13.5%;
    text-align: center;
    position: relative;
}
<!-- 20211206 样式冲突注释掉 -->
/* .nav li a { */
/*     display: block; */
/*     color: #fff; */
/*     text-decoration: none; */
/*     font-size: 16px; */
/*     line-height: 40px; */
/*     font-weight: 600; */
/* } */
.nav li.active a,.nav li:hover a {
    background: #FF9800;
}
.nav .second-nav {
    background: #fff;
    width: 750px;
    position: absolute;
    left: 0;
    padding: 0;
    border-radius: 0 0 10px 10px;
    z-index: 50;
    height: 0;
    overflow: hidden;
    transition: height ease .3s;
}
.nav li:hover .second-nav {
    height: auto;
    z-index: 9999;
    padding-bottom: 10px;
}
.nav .second-nav li {
    width: auto;
    display: block;
}
.matter-type-item {
    padding: 0;
    margin: 0;
}
.nav .second-nav .matter-type-item li {
    width: 125px;
    display: block;
    float: left;
}
.nav .second-nav .matter-type-item li a {
    color: #555;
    background: #fff;
}
.nav .second-nav .matter-type-item li a:hover {
    color: #fff;
    background: #03a9f4;
}
.matter-type em {
    margin-top: 20px;
    display: block;
    background-color: #f4f4f4;
    color: #0b51c1;
    text-align: left;
    padding: 8px 0;
    text-indent: 15px;
}
/*用户*/
.user {
    position: absolute;
    width: 195px;
    right: 0;
    top: -6px;
}
.user-login a {
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    text-decoration: none;
}
.user-login {
    text-align: center;
    background: url(../img/nav_user.png) 0 0 no-repeat transparent;
    padding-left: 12px;
}
.user-login span {
    color: #fff;
    margin: 0 10px;
}
.user-info {
    background: #fff;
    width: 330px;
    position: absolute;
    right: 0;
    border-radius: 0 0 10px 10px;
    z-index: 5000000000000;
    height: 0;
    overflow: hidden;
    transition: height ease .3s;
}
.user:hover .user-info {
    height: 400px;
}
.info-t {
    background: #2196F3;
    text-align: center;
}

.info-t a {
    text-decoration: none;
    color: #fff;
}
.user-info p {
    margin: 0;
}
.user-name i {
    display: block;
    /* border: 1px solid rgba(255, 255, 255, 0.31); */
    /* border-radius: 20px; */
    font-size: 60px;
    /* width: 40px; */
    /* height: 40px; */
    line-height: 60px;
    margin: 0 auto;
}
.user-name strong {
    font-size: 20px;
    display: block;
    margin: 10px 0;
}
.user-name {
    padding: 24px 0 20px;
}
.user-other span {
    margin: 10px;
}

.user-other {
    padding-bottom: 10px;
}
.info-m {
    padding: 3%;
}
.info-list a {
    display: inline-block;
    width: 95px;
    height: 95px;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #2196f3;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-right: 3px;
    margin-bottom: 3px;
}
.info-list a:hover {
    border-color: #2196f3;
}
.info-list a i {
    font-size: 32px;
    display: block;
    margin-top: 18px;
    margin-bottom: 6px;
}
.info-list a span {
    display: block;
}
.info-list a b {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #FF5722;
}
/*右侧*/
.right-wrap {
    position: fixed;
    top: 10%;
    right: 20px;
    width: 50px;
    z-index: 5000000;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);
}
.right-wrap a {
    color: #555;
    display: block;
    border-bottom: 1px solid #ededed;
    margin: 5px;
    text-decoration: none;
    text-align: center;
    padding: 3px 0;
    cursor: pointer;
}
.right-wrap a:hover {
    color: #03a9f4;
}
/*搜索框*/
.top-search, .top-phone {
    padding: 10px 0;
    margin-top: 14px;
}
.top-search form {
    height:36px;
    position:relative;
    width:300px;
    margin:0 auto;
}
.top-search input {
    height: 32px;
    padding-left: 13px;
    width: 200px;
    border-radius: 42px;
    border: 1px solid #e6e6e6;
    background: #ffffff;
    transition: .3s linear;
    float: right;
    outline: none;
}
.top-search input:focus {
    width:300px;
}
.top-search button {
    height:42px;
    width:42px;
    cursor:pointer;
    position:absolute;
    background:none;
    top:-2px;
    right:2px;
    border:none;
    outline:none;
    color: #aeaeae;
}
.top-search button:hover {
    color: #1457c3;
}
.phone {
    line-height: 1;
    padding: 6px;
}
.phone svg {
    fill: #aeaeae;
    height: 24px;
}
.phone:hover svg {
    fill: #1457c3;
}

/*空间右侧固定*/

.elevator {
    position: fixed;
    width: 60px;
    right: 40px;
    bottom: 100px;
    z-index: 49;
    display: none
}
.elevator a {
    width: 100%;
    height: 60px;
    color: #1479d7;
    font-size: 14px;
    display: inline-block;
    background: #F5F8FC;
    border: 1px solid #C9DFF4;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
}
.elevator a:hover {
    color: #0c82ff;
    background-color: #F8FBFF;
    border: 1px solid #A2D0FA
}
.elevator .refresh .icon {
    display: inline-block;
    width: 19px;
    height: 20px;
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/right-refresh.png");
    background-image: -webkit-image-set(url("../img/right-refresh.png") 1x, url("../img/right-refresh_2x.png") 2x);
}
.elevator .feedback {
    color: #64788c
}
.elevator .fix {
    line-height: 20px;
    padding-top: 10px;
    height: 50px
}
.elevator .backtop {
    line-height: 60px
}
.elevator .backtop .icon {
    display: inline-block;
    width: 25px;
    height: 14px;
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/right-up1.png");
    background-image: -webkit-image-set(url("../img/right-up1.png") 1x, url("../img/right-up1_2x.png") 2x)
}
@media screen and (max-width: 1440px) {
    .elevator {
        right:20px
    }
    .elevator .refresh {
        display: none
    }
}
@media screen and (max-width: 1279px) {
    .elevator {
        display: none !important;
        right: 20px
    }
    .elevator .fix {
        padding-top: 5px;
        height: 45px
    }
    .elevator .backtop {
        line-height: 50px
    }
    .elevator a {
        font-size: 12px;
        width: 50px;
        height: 50px
    }
    .elevator .refresh .icon {
        width: 16px;
        height: 16px
    }
    .elevator .backtop .icon {
        width: 21px;
        height: 12px
    }
}
/*banner*/
.banner-wrap {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b51c1+41,1476d6+68,2196f3+100 */
    background: rgb(17, 100, 207); /* Old browsers */
    background: -moz-linear-gradient(-25deg,  rgba(11,81,193,1) 32%, rgba(33,150,243,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-25deg,  rgba(11,81,193,1) 32%,rgba(33,150,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(155deg,  rgba(11,81,193,1) 32%,rgba(33,150,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b51c1', endColorstr='#2196f3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.yaocao, .sunshine {
    height: 100%;
    width: 100%;
    position: absolute;
}
.yaocao {
    background: url(../img/yaocao.png) 0 bottom repeat-x;
    opacity: 0.2;
}

.sunshine {
    background: url(../img/sunshine.png) right 0 no-repeat;
}
.banner-gradient {
    background: rgb(17, 100, 207);/* Old browsers */
    background: -moz-linear-gradient(-25deg,  rgba(11,81,193,1) 32%, rgba(33,150,243,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-25deg,  rgba(11,81,193,1) 32%,rgba(33,150,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(155deg,  rgba(11,81,193,1) 32%,rgba(33,150,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b51c1', endColorstr='#2196f3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-size: 200%;
    background-position: 0 100%;
    -webkit-animation: gradient 17.5s ease-in-out infinite;
    animation: gradient 17.5s ease-in-out infinite;
}
@-webkit-keyframes gradient {
    50% {
        background-position: 100% 0
    }
}
@keyframes gradient {
    50% {
        background-position: 100% 0
    }
}
/*情景导航*/
.content {
    position: relative;
    height: 400px;
}
.scene-tab {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    display: block;
}
.scene-wrap {
    text-align: center;
    padding-top: 70px;
}
.scene-tab li {
    display: inline-block;
    border: 1px dashed transparent;
    padding: 5px;
    border-radius: 50%;
    position: relative;
    margin-right: 20px;
}
.scene-tab li.active {
    border-color: #167cda;
}
.scene-tab li:last-child  {
    margin-right: 0;
}
.scene-tab li b {
    background: #1168ce;
    width: 75px;
    height: 75px;
    display: block;
    line-height: 75px;
    font-size:28px;
    color: #fff;
    font-weight: 400;
    border-radius: 50%;
}
.scene-tab li.active b {
    font-weight: 600;
    background: #167cda;
    color: #fbf88d;
    font-size: 32px;
    background-image: linear-gradient( 135deg, #38b6e6 10%, #2a64ce 100%);
}
.scene-tab li span {
    position: absolute;
    right: -14px;
    top: 25px;
    border-right: 1px dashed #1168ce;
    width: 1px;
    height: 35px;
    transform:rotate(27deg);
    -ms-transform:rotate(27deg); 	/* IE 9 */
    -moz-transform:rotate(27deg); 	/* Firefox */
    -webkit-transform:rotate(27deg); /* Safari 和 Chrome */
    -o-transform:rotate(27deg); 	/* Opera */
}
/*看*/
/*查*/
.search-help, .ask,.transact {
    width: 60%;
    margin: 30px auto 0;
    padding: 0;
    float: none;
    height: 50px;
    position: relative;
}
.scene-item-con {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #9f9f9f;
}
.scene-item-con .txt {
    width: calc(100% - 180px);
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    color: #666;
    border: 0;
    /* position: absolute; */
    padding: 0;
    float: left;
    /* left: 130px; */
    outline: medium;
}
.scene-item-con .hxui-select-center {
    position: relative;
    width: auto;
    float: left;
    margin-right: 10px;
}
.scene-item-con .hxui-btn {
    position: absolute;
    right: 8px;
    top: 8px;
}
.scene-item-hot{
    margin-top: 10px;
}
.scene-item-hot span, .scene-item-hot a {
    color: #fff;
    line-height: 28px;
    margin: 0 8px 0;
    display: inline-block;
    text-decoration: none;
}
.scene-item-hot a:hover{
    /*color: #03A9F4;*/
    text-decoration: underline;
}
.scene-item-hot span {
    color: #FFC107;
}
.hxui-select-center {
    padding: 0 10px;
    font-size: 18px;
    cursor: default;
    background: url(../img/arrow.png) no-repeat scroll right center transparent;
    padding-right: 14px;
    border: 0;
    height: 50px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-weight: 600;
    color: #0b51c1;
    outline: medium;
}
select::-ms-expand { display: none; }/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.hxui-select-center option {
    color: #666;
}
/*问*/
span.ask-send-title {
    padding: 0 10px;
    font-size: 18px;
    cursor: default;
    border: 0;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    color: #0b51c1;
    outline: medium;
    float: left;
}
/*看*/
.look-con {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 10px;
}
.look-con h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.look-con a {
    color: #fff;
    text-decoration: none;
}
.look-con a:hover {
    text-decoration: underline;
}
.top-news {
    /* background: url(../img/topnews.png) 0 center no-repeat transparent; */
    font-size: 24px;
    /* padding-left: 124px; */
    line-height: 36px;
    display: inline-block;
    font-family: cursive;
}
.look-news {
    list-style: none;
    color: #fff;
    padding: 0;
    display: table;
    width: 60%;
    margin: 12px auto 0;
}
.look-news a, .look-news span {
    padding: 6px 0;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*内容*/
.main,.content{
    margin-bottom: 20px;
}
.ibox {
    width: 23%;
    float: left;
    border: 1px solid #e5e5e5;
    height: 150px;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
}
.ibox .title {
    font-size: 16px;
    color: #555555;
    padding-top: 40px;
    padding-left: 20px;
    line-height: 24px;
    display: block;
    text-decoration: none;
    height: 100%;
    width: 100%;
}
.ibox .title strong {
    font-weight: 600;
    font-size: 24px;
}
.ibox .title:hover strong {
    color: #2196f3;
}
.ibox .assist-img {
    position: absolute;
    right: 30px;
    top: 50px;
}
.ibox-title h3 {
    margin: -1px 0 0 20px;
    padding: 6px 0 0;
    display: inline-block;
    border-top: 3px solid #0b51c1;
    color: #555;
    width: auto;
}
.ibox-title .more {
    color: #fff;
    background: #03A9F4;
    text-decoration: none;
    font-size: 12px;
    padding: 2px;
    margin: 8px 8px;
    float: right;
}
.ibox-content ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}
.ibox-content li a {
    color: #555;
    display: block;
    font-size: 14px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../img/dot.png) 20px center no-repeat;
    padding: 5px 10px 5px 14px;
    /* margin-left: 18px; */
    margin-right: 0;
    text-indent: 18px;
}
.ibox-content li a:hover {
    color: #03A9F4;
    text-decoration: underline;
    background: url(../img/dot_h.png) 20px center no-repeat;
}

/*底部*/
.footer {
    background: #f4f4f4;
    border-top: 1px solid #e5e5e5;
}
.conac {
    padding-top: 16px;
}
.jiucuo {
    padding-top: 28px;
    padding-right: 30px;
}
.copyright {
    margin: 16px 0;
}
.copyright p {
    margin: 10px;
    font-size: 12px;
}
.copyright a {
    color: #0b51c1;
    text-decoration: none;
}
.copyright a:hover {
    color: #03A9F4;
    text-decoration: underline;
}

/*二级页面*/
/*个人中心*/
.my-page .banner-wrap,.my-page{
    height: 215px;
}
.my-page {
    margin-bottom: -64px;
}
.my-page .banner-wrap{
    background: #2a64ce;
    background: linear-gradient(90deg, rgba(33,150,243,1) 22%, #3569c7 50%,rgb(42, 100, 206) 100%);
}
.my-page .scene-wrap {
    padding-top: 20px;
    text-align: left;
    color: #fff;
}
.user-center-info {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    display: flex;
}
.user-center-info a {
    border: 0;
    margin: 6px;
    flex: 1;
    width: auto;
    min-width: 90px;
    height: auto;
    min-height: 94px;
    color: #2a64ce;
}
.user-center-info a:hover, .user-center-info a.active {
    color: #FF9800;
    border-bottom: 6px solid #e5e5e5;
    background: #f4f4f4;
}
.user-center-info a.active {
    border-bottom: 6px solid #FF9800;
}
.user-center-info a b {
    position: relative;
    right: 0;
    top: 0;
    color: #9E9E9E;
}
/*个人中心*/
.user-center {
    color: #fff;
    padding-top: 40px;
    text-align: center;
}
.user-name-info, .user-other-info {
    margin: 18px 0 0 0;
    padding: 0 18px;
}
.user-avatar,.user-name-info {
    float: left;
}
.user-avatar i {
    font-size: 60px;
    padding: 2px;
    /*border: 10px solid #2660cc;*/
    border: 10px solid #2b80de;
    background: #1e5ac7;
    border-radius: 50%;
}
.user-name-info strong {
    font-size: 22px;
    display: block;
    padding: 0 0 8px;
}
.user-account-setup, .user-login-out {
    display: inline-block;
    float: left;
    margin: 30px 18px 0 0;
    padding: 6px 22px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border: #fff 1px solid;
    border-radius: 50px;
}
.user-account-setup:hover, .user-login-out:hover {
    background: rgba(255, 255, 255, 0.3);
}
.user-account-setup.active, .user-login-out.active {
    background: #fff;
    color: #2a64ce;
}
.user-other-title {
    color: #c1cee6;
    text-align: left;
}
.real-name-info,.affiliated-enterprise-info {
    font-size: 20px;
    display: block;
    margin-top: 6px;
    text-align: right;
}
.affiliated-enterprise {
    max-width: 400px;
}
.btn-real,.btn-change {
    text-decoration: none;
    margin-left: 10px;
    float: right;
    cursor: pointer;
}
.btn-real {
    color: #cddefd;
    cursor: pointer;
}
.btn-change {
    color: #d2cea8;
}
.btn-real i, .btn-change i {
    font-size: 1rem;
}
.btn-real:hover {
    color: #fff;
}
.btn-change:hover {
    color: #FFEB3B;
}
.showed i {
    transform: rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.cur {
    color: #4CAF50;
    margin: 10px;
}
/*个人中心2*/
.my-page {
    margin-bottom: 0;
}
.my-page .banner-wrap, .my-page {
    height: 160px;
}
.my-list {
    margin-top: 20px;
}
.my-list li a {
    border: 1px solid #f4f4f4;
    margin-bottom: -1px;
}
.task-name {
    margin: 8px 0;
}
.process-name {
     margin-bottom: 8px;
     font-size: 18px;
     color: #09f;
 }
.process-name em {
    font-size: 14px;
    font-style: normal;
    color: #8BC34A;
}
.project-no {
    color: #8BC34A;
    /* background: #f4f4f4; */
    padding: 2px 4px;
    font-size: 14px;
}
.subscribe-date {
    margin-left: 18px;
    margin-right: 2px;
    font-size: 14px;
}
.is-accept {
    float: right;
    color: #9E9E9E;
}
.is-read {
    color: #F44336;
}
.is-read.readed {
    color: #9E9E9E;
}
.applyer-name {
    color: #9E9E9E;
    margin-left: 18px;
    margin-right: 2px;
    font-size: 14px;
}
.disabled {
    color: #9E9E9E;
}
.hxui-tab-centered.hxui-tab {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 其它取值如下：
      align-items     主轴原点方向对齐
      flex-end        主轴延伸方向对齐
      space-between   等间距排列，首尾不留白
      space-around    等间距排列，首尾留白
     */
}
.hxui-tab-centered.hxui-tab a {
    width: 12%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 30px 0;
    margin: 10px 10px;
    line-height: 1.2;
    background: #f4f4f4;
    border-radius: 2px;
}
/*我的收藏*/
.favorite-list .list-item-operation {
    height: auto;
    position: relative;
    margin-bottom: 10px;
    background: none;
}
.favorite-list .list-item {
    border: 1px solid #f4f4f4;
    margin-bottom: -1px;
}
.favorite-list .list-item:hover{
    background-color: #f4f4f4;
}
.favorite-list .list-item:hover .list-item-operation {
    height: 32px;
    padding: 0 16px 0;
    width: calc(100% - 32px);
    box-shadow: none;
}
.favorite-list .list-item .list-item-title {
    border-top: none;
}
/*搜索*/
.second-page .banner-wrap,.second-page .content {
    height: 170px;
}
.second-page .banner-wrap{
    background: #f4f4f4;
}
.second-page .scene-item-con {
    border: 1px solid #ccc;
}
.second-page .scene-item-hot span {
    color: #FF5722;
}
.second-page .scene-item-hot a {
    color: #aaa;
}
.second-page .scene-wrap{
    padding-top: 20px;
}
/*筛选*/
.filters {
 }
.filter {
    border: 1px solid #ddd;
    margin-bottom: -1px;
}
.filter em {
    font-style: normal;
    line-height: 40px;
    padding: 0 12px;
    display: inline-block;
    float: left;
    font-weight: 600;
    width: 50px;
}
.filter-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: calc(100% - 80px);
}
.filter-list li {
    line-height: 40px;
    padding: 0 12px;
    display: inline-block;
    float: left;
}
.filter-list li a {
    text-decoration: none;
    color: #555;
}
.filter-list li.active a,.filter-list li a:hover {
    color: #FF5722;
}
/*事项列表*/
.list-item {
    margin: 0;
}
.hxui-panel-item-body {
    padding: 0;
}
.list-item-title {
    color: #0b51c1;
    display: block;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../img/dot.png) 20px center no-repeat;
    padding: 5px 10px 5px 14px;
    /* margin-left: 18px; */
    margin-right: 0;
    text-indent: 18px;
    border-top: 1px solid #f4f4f4;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
}
.hxui-panel-item-header {
    background: url(../img/arrow.png) no-repeat scroll 99% center transparent;
}
.hxui-panel-item-open > .hxui-panel-item-header {
    background-image: url(../img/arrow-r.png) ;
}
.hxui-panel-item-open > .hxui-panel-item-body {
     height: auto;
     overflow: visible;
 }
.hxui-panel-item-body:after {
    height: 0;
}
.hxui-panel-item:first-child.hxui-panel-item-open {
    margin-top: 0;
}
.list-item-details b {
    font-weight: normal;
    color: #555;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
}
.list-item-details b i {
    font-size: 20px;
    color: #4CAF50;
}
.charge.charging i,.post.no-post i {
    color: #FF9800;
}
.list-item-details b.start i {
    color: #555;
    font-size: 21px;
    margin-top: -2px;
}
.list-item-details {
    /* background: #f4f4f4; */
    display: block;
    padding: 0 32px 10px;
}
.list-item-details b.start {
    float: right;
    margin-right: 30px;
}
.list-item-operation .hxui-btn {
    height: 32px;
    line-height: 32px;
    color: #0b51c1;
}
.list-item-details .hxui-btn {
    height: 32px;
    line-height: 32px;
    color: #0b51c1;
}






.favorite.favorited {
     color: #8BC34A;
 }
.right-option .favorite.favorited {
    background: #8BC34A;
}
.list-item-operation {
    display: block;
/*     height: 0; */
    padding-left: 16px;
    width: calc(100% - 32px);
/*     overflow: hidden; */
    transition: height ease .3s;
    position: absolute;
    /* 控制【办事指南】等按钮的颜色*/
/*      background: #f4f4f4;  */
    z-index: 999;
}

.task-dir .list-item-operation {
    display: block;
	height: 0; 
    padding-left: 16px;
    width: calc(100% - 32px);
	overflow: hidden; 
    transition: height ease .3s;
    position: absolute;
    /* 控制【办事指南】等按钮的颜色*/
 	background: #f4f4f4;
    z-index: 999;
}

.hxui-panel-item-open:hover {
    border-color: #0b51c1;
    border-color: rgba(11, 81, 193, 0.4);
}
/*控制事项名称的样式*/
.list-item:hover {
    background: #f4f4f4;
    position: relative;
}
.list-item:hover .list-item-operation {
    height: 32px;
    padding: 5px 16px 5px;
    width: calc(100% - 32px);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3);
}
.classify {
    padding: 0 16px;
    font-weight: 600;
    color: #555;
}
/*控制事项名称字体的样式*/
.list-item:hover .list-item-title {
    color: #F44336;
}
.list-item-operation .hxui-btn:hover {
    background: none;
    color: #F44336;
}
.hxui-btn.disabled, .hxui-btn.disabled:hover {
    cursor: not-allowed !important;
    color: #ccc !important;
}
.right-option .hxui-btn.disabled,.right-option .hxui-btn.disabled:hover {
    background: #f4f4f4! important;
}

/*登录页*/
.login-page {
    height: auto;
    margin-bottom: 0;
}
.login-page .scene-wrap {
    padding-bottom: 70px;
    background: url(../img/banner-img.png) 10% center no-repeat;
}
.login-wrap {
    width: 400px;
    height: 430px;
    border: 1px solid #ddd;
    background: #fff;
    margin-right: 10%;
    float: right;
}
.hxui-tab {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
}
.hxui-tab a {
    position: relative;
    display: inline-block;
    line-height: 46px;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
    text-decoration: none;
    padding: 0 30px;
    margin: 0 10px;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    -webkit-transition: all .35s cubic-bezier(.4,0,.2,1);
    transition: all .35s cubic-bezier(.4,0,.2,1);
}
.hxui-tab a.active {
     color: #0b51c1;
     border-color: #0b51c1;
 }
.hxui-tab a:hover {
    border-color: #2196f3;
}
.hxui-tab.hxui-tab-centered{
    border-bottom: none;
}
.hxui-tab.hxui-tab-centered a.active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 45%;
    bottom: -10px;
    border-right: 10px solid transparent;
    border-top: 10px solid #0b51c1;
    border-left: 10px solid transparent;
}

.input-text {
    height: 34px;
    line-height: 34px;
    width: calc(100% - 4rem - 42px);
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #f6faff;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    color: #999;
}
.tab-form label {
    display: inline-block;
    width: 4rem;
    height: 34px;
    line-height: 34px;
    text-align: right;
    margin-right: 10px;
    color: #555;
    font-weight: 600;
}
.username, .password, .verifycod,.submit {
    margin: 16px 20px;
    position: relative;
}
.username, .password, .verifycod,.submitCa {
    margin: 16px 20px;
    position: relative;
}
.username {
    padding-top: 30px;
}
.submit {
    margin-top: 40px;
}

.submitCa {
    margin-top: 5px;
}
.verifycod .input-text {
    width: calc(70% - 4rem - 46px);
}
.verifycode-img {
    width: 30%;
    height: 34px;
    display: inline-block;
}
.verifycode-img img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.submit .hxui-btn {
    background: #f4f4f4;
    width: 100%;
}

.submitCa .hxui-btn {
    background: #f4f4f4;
    width: 100%;
}
.login-links {
    margin-bottom: 10px;
}
.login-links a {
    margin-right: 10px;
    margin-bottom: 10px;
    color: #555;
    /* text-decoration: none; */
}
.login-links a:hover {
    color: #F44336;
}
.hxui-btn.success {
    background-color: #338ae2 !important;
    color: #fff !important;
}
.login-wrap {
    position: relative;
}
#to-qr-code {
    position: absolute;
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
    cursor: pointer;
    background: url("../img/to-qr-code.png") no-repeat left top;
    overflow: hidden;
    text-indent: -999px;
}
#to-qr-code.pc {
    background-position: right top;
}
#qr-code-wrap {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: #fff;
    height: 270px;
}
/* .qr-code-img img { */
/*     width: 160px; */
/*     height: 160px; */
/*     margin: 40px 0 20px; */
/*     border: 1px solid #ccc; */
/* } */

.qr-code-img-dzyyzz img {
	width: 200px; 
	height: 200px;
}

.app-download {
    color: #555;
}
/*注册页*/
.content.register-page {
    border-top: 4px solid #0b51c1;
    height: auto;
}
.register-page .scene-wrap {
    padding-top: 28px;
}
.steps-content {
    margin-top: 16px;
    border: 1px dashed #e9e9e9;
    border-radius: 6px;
    background-color: #fafafa;
    min-height: 200px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.steps-action {
    margin-top: 24px;
}

/*表单*/
.form-item {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: #555;
    box-sizing: border-box;
    padding: 0;
    list-style: none;
    margin: 0 0 16px;
    vertical-align: top;
}
.form-item-label {
    width: 20%;
    text-align: right;
    vertical-align: middle;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
    position: relative;
}
.form-item-label.form-item-required:before {
    display: inline-block;
    margin-right: 4px;
    content: '*';
    font-family: SimSun;
    line-height: 1;
    font-size: 14px;
    color: #f5222d;
}
.form-item .hxui-radio-icon {
    left: 9px;
}
.form-item-control-wrap {
    width: 60%;
    display: inline-block;
    text-align: left;
    position: relative;
}
.form-item-control, .hxui-select {
    font-variant: tabular-nums;
    box-sizing: border-box;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 4px 11px;
    width: 100%;
    height: 36px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    /*background-color: #fff;*/
    /*background-image: none;*/
    background: #f6faff;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all .3s;
}
.form-item a {
    color: #0b51c1;
}
.form-item a:hover {
    color: #03A9F4;
}
.form-item-control-right {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    background-color: #ddd;
}
.form-item.form-item-extra-wrap {
    margin-bottom: 30px;
}
.form-item-extra {
    position: absolute;
    top: 40px;
    left: 0;
    width: auto;
    line-height: 1rem;
    font-size: 12px;
}

/*授权绑定*/
.auth-system {
     margin: 0 auto;
 }
.auth-page {
    /*background: #7ac2ff;*/
    background: #0b51c1;
    padding-top: 30px;
}
.authority-wrap.response {
    width: 630px;
    background: #fff;
    padding: 30px;
    box-shadow: 0px 4px 6px 0px #ccc;
    border-top: 4px solid #4caf50;
}
.auth-logo,.auth-arrow,.auth-system-name {
    display: inline-block;
    height: 100px;
    float: left;
}
.auth-arrow {
    width: 80px;
    margin: 20px;
    background: url(../img/auth-arrow.png) no-repeat center center;
}
.auth-logo {
    background: #ecf7ff;
    padding: 20px;
    border-radius: 20px;
    border: 1px dotted #7ac2ff;
}
.auth-system-name {
    background: #f4f4f4;
    padding: 20px;
    border-radius: 20px;
    border: 1px dotted #ccc;
    display: table;
    vertical-align: middle;
    font-size: 24px;
    color: #555;
    font-weight: 600;
    width: 220px;
    text-align: center;
}
.auth-system-name span {
    vertical-align: middle;
    color: #0b51c1;
    display: table-cell;
}
.auth-list-wrap {
    margin: 0 auto;
    padding-top: 20px;
}
.authority-wrap .username {
    padding-top: 18px;
}

.authority-wrap .username, .authority-wrap .password, .authority-wrap .verifycod,.authority-wrap  .submit {
    width: 360px;
    margin: 16px auto;
}

.authority-wrap .username, .authority-wrap .password, .authority-wrap .verifycod,.authority-wrap  .submitCa {
    width: 360px;
    margin: 16px auto;
}

.authority-wrap h1 {
    text-align: center;
    margin: 0 0 30px;
 }
.authority-wrap label {
    font-weight: bold;
}
.auth-list-wrap b {
    color: #2196F3;
    margin: 0 6px;
}
.auth-list {
    list-style: none;
}
.auth-list li {
    margin: 10px 0;
}
.binding-wrap {
    margin: 20px auto 0;
}
.binding-wrap p {
     width: 50%;
     text-align: center;
     float: left;
 }
.binding-wrap p button {
    display: block;
    margin: 0px auto;
}
.binding-wrap span {
    font-size: 12px;
    display: block;
    padding: 10px 0;
}
.login-form {
    margin: 40px auto 0;
}

/*搜索页*/
.search-list .hxui-panel-item-body {
    height: auto;
}
.search-list .list-item .list-item-operation {
    position: relative;
}
.search-list .list-item:hover .list-item-operation {
    height: 32px;
    padding: 0 16px 10px;
}
.hxui-panel-item.search-list{
    border-color: #fff;
}
.search-list .list-item {
    margin: 0;
    margin-bottom: 16px;
    border: 1px solid #dddddd;
}
.gl {
    /* background-color: #FFFF80; */
    display: inline!important;
    /* border-bottom: 2px solid #f44336; */
    color: #F44336;
    font-weight: inherit;
    font-style: normal;
}
/*事项详情页*/
.main-wrap h2 {
    color: #555;
    margin: 30px 20px;
}
/*左边*/
.left-tab {
    float: left;
    width: 160px;
    height: 400px;
}
.left-tab-tofixed {
    width: 160px;
    border-right: 1px solid #ccc;
    padding-bottom: 50px;
}
.left-tab .tab-title {
     font-size: 20px;
     display: block;
     width: 100%;
     padding: 20px 0;
     text-align: right;
     color: #f44336;
    background: #f4f4f4;
 }
.left-tab .tab-title i {
    font-size: 30px;
}
.left-tab ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.left-tab ul li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #555;
    border-radius: 3px 0 0 13px;
    margin-bottom: 2px;
    transition-property: color,background-color;
    background: 0 0;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
     /*transition: background-color .2s ease;*/
}
.left-tab ul li:hover  a{
    animation-name: hvr-back-pulse;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    background-color: #F44336;
    color: #fff;
}
.left-tab ul li.active a {
    background-color: #F44336;
    color: #fff;
}
/*右边*/
.right-option {
    width: 150px;
    float: right;
}
.right-option .hxui-btn {
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 4px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #0b51c1;
}
.right-option .hxui-btn:hover {
    background: #F44336;
}
.share-platform {
    font-size: 14px;
    padding-top: 14px;
}
.bdshare-button-style1-32 a {
     margin: 2px 4px 0 0 !important;
 }
.share-platform .bds_weixin{
    background-image: url('../img/share.png');
    background-position: -13px -7px !important;
}
.share-platform .bds_tsina{
    background-image: url('../img/share.png');
    background-position: -57px -7px !important;
}
.share-platform .bds_sqq{
    background-image: url('../img/share.png');
    background-position: -101px -7px !important;
}
.share-platform .bds_qzone{
    background-image: url('../img/share.png');
    background-position: -146px -7px !important;
}
/*中间*/
.center-details {
    width: calc(100% - 350px);
    float: left;
    margin-left: 16px;
}
.details-item{
    display: none;
}
.table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-radius: 4px 4px 0 0;
    color: #555;
}
.table thead {
     background: #f4f4f4;
 }
.table td, .table th {
    padding: 8px;
    border: 1px solid #ddd;
}
.cell-title {
    text-align: right;
    font-weight: 600;
    width: 15%;
    background: #f4f4f4;
}
.cell-content {
    text-align: left;
}
.cell-content p {
    margin: 0;
    line-height: 24px;
}
.to-map{
    cursor: pointer;
    width: 50px
}
.to-top {
    position: fixed;
    display: block;
    _display: none;
    height: 34px;
    width: 34px;
    background: #ccc;
    left: 50%;
    margin-left: 430px;
    bottom: 132px;
    line-height: 34px;
    text-align: center;
    color: #fff;
}
.to-top.top-arrived {
     display: none;
 }
.to-top:hover {
    background: #ddd;
}
.ask-title {
    font-weight: 600;
    position: relative;
    padding: 8px 8px 8px 22px;
    background: #f4f4f4;
    margin-left: 20px;
}
.ask-con {
    position: relative;
    padding: 8px 8px 18px 0px;
    text-indent: 2em;
}
.ask-title:before, .ask-con:before {
    background: #f4f4f4;
    width: 36px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    border-radius: 50% 0 50% 50%;
    font-size: 16px;
}
.ask-title:before {
    /*color: #FF5722;*/
    color: #f44336;
    content: "问";
    left: -13px;
    top: 4px;
}
.ask-con:before {
    /*content: "答";*/
    color: #0b51c1;
    top: 0px;
    font-weight: 800;
    left: -32px;
    border-radius: 50% 50% 0 50%;
}
.ask-con p {
    line-height: 22px;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 6px;
}
/*事项页问答*/
.ask-title {
    font-size: 18px;
    color: #09f;
    padding-left: 38px;
    background: none;
}
.ask-con {
    text-indent: 0;
    padding: 0 8px 18px 20px;
}


.cell-content p a {
    color: #0b51c1;
    margin-left: 5px;
    margin-right: 5px;
}
.cell-content p a:hover {
    color: #f44336;
}
.file-standard, .file-download, .file-notice {
    display: inline-block;
}
.img-wrap {
    text-align: center;
}
.img-wrap .img-big {
     max-width: 100%;
 }
.img-wrap p {
    text-align: left;
}

/*新闻列表页*/
.news-list-title {
    border-bottom: 1px solid #555;
}
.news-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}
.devide {
    border-bottom: 1px dotted #ccc;
    margin: 10px;
}
.news-list li a {
    color: #555;
    display: block;
    /* font-size: 14px; */
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../img/dot.png) 20px center no-repeat;
    padding: 15px 10px 15px 14px;
    /* margin-left: 18px; */
    margin-right: 0;
    text-indent: 18px;
}
.news-list li a:hover {
    color: #F44336;
    background-color: #f4f4f4;
}
.news-list li a .date {
    float: right;
    color: #9E9E9E;
}
/*文章*/
.article-title {
    text-align: center;
    padding-top: 30px;
    border-bottom: 2px solid #555;
}
.article-title .date {
    float: right;
    line-height: 42px;
    font-size: 14px;
}
.article-title .share-platform {
    font-size: 14px;
    float: right;
    padding: 0;
}
.article-title .bdshare-button-style1-32 a.favorite {
    background: #ffffff;
    text-indent: 0;
    margin: 4px 7px !important;
    width: auto;
    text-decoration: none;
    border-radius: 16px;
    /* border: 1px solid #ccc; */
    /* color: #9E9E9E; */
}
.article-wrap {
    padding: 30px 0;
}
.article-wrap p {
    line-height: 1.5rem;
    margin: 10px 0;
}
/*业务列表*/

/*空空如也*/
.null-wrap {
    width: 100%;
    text-align: center;
    padding: 80px 0;
    /*background: #e8e8e8;*/
}
.hxui-to-fiexd.fixed {
    top: 0;
    position: fixed;
    z-index: 100;
}
.hxui-tab.hxui-to-fiexd {
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 10px;
    background: #fff;
}
/*安全评分*/
.score-wrap{
    position: relative;
}
.score-step {
    background: #fff;
    height: 14px;
    border-radius: 7px;
    position: relative;
    display: inline-block;
}
.safe-score {
    width: 350px;
    margin-top: 15px;
}
.score-state {
    width: 10%;
    height: 100%;
    border-radius: 6px;
    background: #4CAF50;
}
.score-num {
    float: right;
    font-size: 28px;
    margin-top: 6px;
    margin-left: 6px;
    display: inline-block;
    text-align: right;
    text-shadow: 1px 1px 1px #0b51c1;
}
.score-tip {
    width: auto;
    font-size: 14px;
    position: absolute;
    display: inline;
    padding: 6px 8px;
    top: 36px;
}
.score-tip:after {
    content: " ";
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 40%;
}
.score-state.error{
    background: red;
}
.score-tip.error{
    background: red;
}
.score-tip.error:after {
    border-bottom-color:red;
}
.score-state.warning{
    background: #FFC107;
}
.score-tip.warning{
    background: #FFC107;
}
.score-tip.warning:after {
    border-bottom-color:#FFC107;
}
.score-state.info{
    background: #2196F3;
}
.score-tip.info{
    background: #2196F3;
}
.score-tip.info:after {
    border-bottom-color:#2196F3;
}
.score-state.success{
    background: #8BC34A;
}
.score-tip.success{
    background: #8BC34A;
}
.score-tip.success:after {
    border-bottom-color:#8BC34A;
}
.score-detail {
    background: #fff;
    border-top: 2px solid #0b51c1;
    text-align: left;
    list-style: none;
    padding: 12px 20px;
    position: absolute;
    right: 0;
    top: -14px;
}
.score-detail li {
    color: #9E9E9E;
    margin: 8px 0;
}
.score-detail li.done {
    color: #4caf50;
}
.score-detail li a {
    color: #F44336;
    float: right;
}
.score-detail li.done a {
    display: none;
}
/*修改信息*/
.to-revamp {
}
.to-revamp i {
    font-size: 1rem;
}
.to-revamp.hxui-btn {
    margin: 20px auto;
}
/*弹出*/
/*弹出框时,body设为无滚动条*/
.overflowhide {
    overflow: hidden;
}
/*遮罩层*/
.msgbox-shadow {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
    background-color: #000;
    z-index: 10000;
}
/*alert框*/
.msgbox-alert {
    padding: 20px;
    background: #3F51B5;
    color: #fff;
    width: 200px;
    margin: 30% auto;
}
/*弹出层父级*/
.msgbox-modal {
    /*固定定位*/
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10001;
    text-align: center;
}
.mymodal {
    margin: 0 auto;
    text-align: left;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    min-width: 330px;
    min-height: 242px;
    position: relative;
}
.modaltit {
    padding: 0 80px 0 20px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    /* background-color: #F8F8F8; */
    border-radius: 2px 2px 0 0;
    font-weight: 600;
    margin-left: -1em;
}
.modalcon {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.msgbox-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    right: 0;
    top: 0;
    cursor: pointer;
    /*color: #9E9E9E;*/
    color: #ffffff;
}
.msgbox-close:hover {
    background: #e8e8e8;
    color: #444;
}
.msgbox-title {
    background: #2a64ce;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding-left: 1em;
    font-weight: 600;
}
.msgbox-content {
    float: left;
    height: calc(100% - 80px);
    width: calc(100% - 40px);
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.info .msgbox-title {
    background: url(../img/sunshine.png) right 0 no-repeat rgb(33,150,243);
}
.msgbox-content p {
    text-indent: 2em;
}
/*经办人授权*/
.agent-accredit {
    background: #f4f4f4;
    border: 1px solid #ddd;
}
.agent-list, .agent-accredit-content {
    background: #fff;
    float: left;
}
.agent-accredit-header {
	margin-top:20px;
	margin-bottom:20px;
}
.agent-accredit-content {
    width: calc(100% - 24%);
    float: right;
    padding: 0 20px;
}
.agent-list {
    width: 196px;
}
.searchbar.agent-list-searchbar {
    background: #f4f4f4;
    padding: 14px 6px 8px;
}
.search-input {
    position: relative;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 15px;
    height: 30px;
    overflow: hidden;
    background: #ffffff;
    font-size: 12px;
    -webkit-box-align: center;
    line-height: 30px;
    padding-left: 30px;
    padding-right: 40px;
    box-sizing: border-box;
}
.search-input input {
    border: 0;
    background: 0 0;
    font-size: 14px;
    color: #444;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    height: auto;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.search-input input:focus {
    outline:none;
    border-color: #0b51c1;
}
.search-input .icon-search {
    color: #a9a9a9;
    position: absolute;
    left: 6px;
    top: 0;
}
.searchbar-cancel {
    position: absolute;
    right: 10px;
    top: 0;
    color: #F44336;
    line-height: 30px;
    display: none;
}
/*列表*/
.agent-list ul {
    list-style: none;
    padding-left: 22px;
    font-size: 14px;
    border-left: 1px solid #ddd;
    /* margin: -1px; */
}
.agent-list ul.agent-list-first, .agent-list ul.agent-list-second {
    border-left: 0px solid #ddd;
}
.agent-list-first a {
    text-decoration: none;
    color: #0b51c1;
    display: block;
    margin: 10px 0 10px -10px;
}
.agent-list-first a:hover,.agent-list-first a.active {
    color: #FF5722;
}
.agent-item {
    cursor: pointer;
}
.agent-list-add {
    margin: 30px 0 20px;
}
/*授权*/
.hxui-radio .hxui-radio-icon {
    left: 9px;
}
ul.agent-system-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.agent-system-list li {
    border: 1px solid #f4f4f4;
    padding: 6px;
    background: #f4f4f4;
    margin-bottom: 6px;
}
.agent-system-list li:hover {
    background: #fff;
    border-color: #aec5eb;
}
.agent-system-list .hxui-btn {
    margin-left: 8px;
}
/*账号关联*/
.agent-system-list.agent-system-associated li{
    border: 1px dotted #ccc;
}
.agent-system-list.agent-system-associated li {
    border: 1px dotted #ccc;
    width: calc(50% - 24px);
    float: left;
    margin-right: 10px;
}

/*添加经办人*/
.add-agent-modal .msgbox-content,.revamp-password-modal .msgbox-content,.revamp-account-modal .msgbox-content {
    width: 100%;
    padding: 0;
}
.revamp-account-modal .msgbox-content {
    height: calc(100% - 40px);
}
.searchbar-enter {
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    line-height: 30px;
    display: none;
    background: #2a64ce;
    border-radius: 15px;
    padding: 0 10px;
}
/*修改密码*/
.revamp-password-modal .input-text {
    width: 94%;
}
.revamp-password-modal .username,.revamp-password-modal .password, .revamp-password-modal .verifycod, .revamp-password-modal .submit{
    padding: 0;
    margin: 20px;
}

.revamp-password-modal .username,.revamp-password-modal .password, .revamp-password-modal .verifycod, .revamp-password-modal .submitCa{
    padding: 0;
    margin: 20px;
}
.revamp-password-modal label {
    font-weight: bold;
    display: block;
}
.hxui-btn-default {
    background: #f4f4f4;
}
/*密保工具*/
.mod-bind {
    list-style: none;
    padding: 0;
    margin: 0;
}
.binditem {
    width: 33.333%;
    float: left;
}
.bind-icon {
    color: #2196F3;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 35px;
    background: #dcefff;
    text-align: center;
    float: left;
    margin-top: 10px;
}
.mod-bind .binditem .bind-content {
    float: left;
    padding-top: 15px;
    padding-left: 20px;
    width: calc(100% - 100px);
}
.mod-bind .binditem .bind-content-detial {
    padding-top: 0;
}
.mod-bind .binditem .bind-content .bind-title {
    font-size: 14px;
    font-weight: bold;
    color: #555;
}
.mod-bind .binditem .bind-content .bind-title-detail-msg {
    font-size: 18px;
    color: #f90;
    font-weight: 700;
}
.mod-bind .binditem .bind-content .bind-title .bind-link {
    margin-left: 10px;
    font-size: 12px;
    color: #2196F3;
}
.mod-bind .binditem .bind-content .bind-title .bind-link.useless {
    color: #999
}
.mod-bind .binditem .bind-content .bind-title .bind-link.useless:hover {
    color: #999
}
.mod-bind .binditem .bind-content .bind-tips {
    font-size: 12px;
    padding-top: 16px;
    color: #666
}
.mod-bind .binditem .bind-content .bind-tips-detial {
    padding-top: 8px
}
.otp-download img {
    width: 30%;
}
/*登录历史*/
.login-histroy-date {
    color: #2196F3;
}
.login-histroy-highlight {
    background: #fbfbfb;
    font-size: 12px;
}
.login-histroy-highlight td:first-child {
    text-align: right;
}
.login-histroy-highlight a {
    color: #0b51c1;
}
.hxui-text-color-theme-icon {
    color: rgb(159, 210, 251) !important;
}
/*按钮 补充*/
.hxui-btn-mini {
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    min-width: auto;
}
/*按钮 补充*/
.hxui-btn-small {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    min-width: auto;
}

.hxui-btn-warning {
    background: #FF9800;
    color: #fff;
}
.hxui-btn-warning:hover {
    background: #FFC107;
    color: #fff;
}
.hxui-btn.hxui-btn-warning:not(.hxui-ripple):active {
    background-color: #ffbe1b;
}
.hxui-btn-danger {
    background: #F44336;
    color: #fff;
}
.hxui-btn-danger:hover {
    background: #ff3e2f;
    color: #fff;
}
.hxui-btn.hxui-btn-danger:not(.hxui-ripple):active {
    background-color: #ff1200;
}
/*Switch 单选框*/
.hxui-switch {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    user-select: none;
}
.hxui-switch input {
/*隐藏系统 input 标签，用自定义的图标代替*/
   height: 0;
   width: 0;
   overflow: hidden;
   position: absolute;
   opacity: 0;
}
.hxui-switch-icon {/* 图标轨道 */
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 14px;
    border-radius: 14px;
    background-color: rgba(0, 0, 0, 0.38);
    transition: background-color .3s;
}
.hxui-switch-icon:before { /*圆形图标*/
    position: absolute;
    display: inline-block;
    content: ' ';
    width: 20px;
    height: 20px;
    top: -3px;
    left: -3px;
    background-color: #fafafa;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    -webkit-transition: background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .14s cubic-bezier(.4,0,.2,1);
    transition: background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .14s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .14s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .14s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .14s cubic-bezier(.4,0,.2,1);
}
.hxui-switch input[type="checkbox"]:checked + .hxui-switch-icon {/* 选中状态的图标 */
    background-color: #45cc4b;
}
.hxui-switch input[type="checkbox"]:checked + .hxui-switch-icon:before {
    left: 20px;
    background-color: #4CAF50;
}
.hxui-switch input[type="checkbox"]:disabled + .hxui-switch-icon {/* 禁用状态 */
    background-color: rgba(0, 0, 0, 0.12) !important;
}
.hxui-switch input[type="checkbox"]:disabled + .hxui-switch-icon:before {
     background-color: #fafafa !important;
 }
/*在表格中的*/
.table .hxui-switch{
    margin-right: 4px;
}
.table .hxui-switch-icon{
    width: 46px;
    height: 25px;
}
.table .hxui-switch-icon:before{
    top: 2px;
    left: 2px;
}
.table .hxui-switch input[type="checkbox"]:checked + .hxui-switch-icon {
    background-color: #4caf50;
}
.hxui-switch input[type="checkbox"]:checked + .hxui-switch-icon:before {
     left: 24px;
     background-color: #ffffff;
 }

/*认证*/
.cont_p {
    margin-top: 18px;
}
.cont_tit {
    width: 130px;
    margin-right: 20px;
    margin-left: 20px;
    display: inline-block;
    font-size: 14px;
    color: #2c3e50;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}
.ukey-sel {
    width: 50px;
    margin-right: 20px;
    margin-left: 20px;
    display: inline-block;
    font-size: 14px;
    color: #2c3e50;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}
.cont_p .input-text {
    width: 220px;
}
.cont_tips {
    width: auto;
    line-height: 14px;
    display: inline-block;
    float: left;
    display: table;
    font-size: 12px;
    color: #2196F3;
    margin-left: 25px;
    margin-top: 5px;
}
.cont_tips em {
    font-style: normal;
}
.cont_tips em b,.cont_tips>p em {
    color: #F44336;
    font-weight: normal;
}
.hxui_up_img,.hxui_up_img_pre {
    text-align: center;
    width: 240px;
    height: 158px;
    border: 1px dashed #cccccc;
    background: #f6faff;
    position: relative;
}
.hxui_up_img .hxui_up_icon_file {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
    width: 158px;
    height: 226px;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
}
.hxui_up_img .seat {
    width: 158px;
    height: 226px;
    display: inline-block;
}
.hxui_up_img .seat img {
    width: 100%;
    height: 100%;
}
.up_img_shadow {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background-color: rgb(226, 236, 249);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.hxui_up_img:hover .up_img_shadow {
    opacity: .5;
    visibility: visible;
    transition: all .5s;
}
.hxui_up_img .hxui-icon {
    opacity: 0;
    visibility: hidden;
    width: 68px;
    height: 68px;
    color: #0b51c1;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 68px;
    margin-left: -34px;
    margin-top: -32px;
}
.hxui_up_img:hover .hxui-icon {
    opacity: 1;
    visibility: visible;
    transition: all .5s;
    margin-top: -34px;
}
.hxui_up_img_pre {
}
span.close {
    width: 100%;
    height: 30px;
    background: rgb(85, 85, 85);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    text-align: right;
    display: none;
}

/*响应式*/
.response {
    margin: 0 auto;
    position: relative;
}
/*小屏幕*/
@media (max-width: 599px) {
    .response {
        width: 100%;
    }
    .footer {
        text-align: center;
    }
    .conac, .jiucuo {
        display: none;
    }
    .logo {
        width: 100%;
        height: 170px;
        display: block;
        background: url(../img/logo-auth-big.png) no-repeat center center;
    }
    .login-wrap {
        position: relative;
        width: 100%;
        margin: 0;
    }
    .login-page .scene-wrap {
        padding: 0;
    }
    .login-wrap .hxui-tab {
        margin: 0;
        background: #f4f4f4;
        display: flex;
    }
    .hxui-tab a {
        width: 48%;
        padding: 0;
        margin: 0;
        flex: 1;
    }
    .username, .password, .verifycod, .submit{
        padding-left: 0;
        padding-right: 0;
    }
    .username, .password, .verifycod, .submitCa{
        padding-left: 0;
        padding-right: 0;
    }
    #to-qr-code,.login-wrap .hxui-tab span {
        display: none;
    }
    .right-wrap {
        right: 8px;
        width: 40px;
/*         bottom: 8px; */
        top: unset;
    }
    .right-wrap a {
        margin: 2px;
        padding: 2px;
    }
    .mymodal {
        width: 100% !important;
        height: 100% !important;
    }
    .form-item-label, .form-item-control-wrap {
        width: 90%;
        text-align: left;
    }

    /*菜单栏*/
    ul.nav {
        width: 100%;
        /* padding-top: 40px; */
        position: relative;
    }
    /*ul.nav:before {*/
         /*content: "菜单" !important;*/
         /*position: absolute;*/
         /*top: 0;*/
         /*line-height: 40px;*/
         /*color: #fff;*/
         /*margin-left: 20px;*/
     /*}*/
    .user {
        top: unset;
        bottom: -6px;
    }
    .nav li {
        width: 50%;
        float: left;
    }
    .nav li a {
         text-align: left;
         padding-left: 20px;
     }
    .nav .second-nav {
        width: 100%;
    }
    .nav .second-nav .matter-type-item li{
        width: 50%;
    }
    .nav .second-nav .matter-type-item li a {
        font-size: 12px;
        padding-left: 8px;
    }
    .matter-type em {
        margin-top: 10px;
    }
    .search, .ask, .transact {
        width: 90%;
    }
    .list-item-details b,.list-item-details b.start {
        width: 100%;
        float: left;
    }
    .list-item:hover .list-item-operation {
        height: auto;
    }

    .second-page .scene-wrap {
        padding-top: 1px;
    }
    /*首页*/
    .scene-wrap {
        padding-top: 40px;
    }
    .look-con h2 {
        margin: 0;
    }
    .look-news {
        width: 90%;
    }
    .top-news {
         background: none;
         padding: 0;
     }
    .article-wrap {
        padding: 30px 20px;
    }
    .ibox {
        width: 96%;
        margin-left: 2%;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    /*空间*/
    .my-page .banner-wrap, .my-page {
        height: 360px;
    }
    .user-center {
        padding-top: 20px;
    }
    .user-avatar, .user-name-info {
         float: unset;
     }
    .user-other-title{
        text-align: center;
    }
    .btn-real, .btn-change {
        float: unset;
    }
    .real-name-info, .affiliated-enterprise-info {
        font-size: 16px;
        text-align: center;
    }
    .user-name-info, .user-other-info {
        padding: 0 20px;
        float: unset;
    }
    .user-base-info {
        float: unset;
    }
    .user-account-setup, .user-login-out {
        float: unset;
    }
    .safe-score {
        width: 100%;
    }
    .score-num {
        display: none;
    }
    .hxui-tab-centered.hxui-tab a {
        line-height: 1.3rem;
        padding: 10px 0;
    }
    .binditem {
        width: 100%;
        float: left;
    }
    .agent-system-list.agent-system-associated li {
        width: calc(100% - 14px);
        margin-right: 0;
    }
}
/*中屏幕*/
@media (min-width: 600px)and (max-width: 1023px)  {
    .response {
        width: 100%;
    }
    body {
        font-size: 12px;
    }
    ul.nav {
        margin-right: 210px;
    }
    .nav li a {
        font-size: 14px;
    }
    .nav li a i {
        display: none;
    }
    .nav .second-nav {
        width: 500px;
    }
    .nav .second-nav .matter-type-item li a {
        line-height: 30px;
    }
    .nav .second-nav .matter-type-item li {
        width: 100px;
    }
    .hxui-icon, .hxui-icon::before {
        font-size: 16px;
    }
    .top-news {
        background: none;
        font-size: 16px;
        line-height: 20px;
        padding-left: 0;
    }
    .scene-wrap {
        padding-top: 30px;
    }
    .content {
        height: 320px;
    }
    .main.index-main {
        margin-bottom: 0;
    }
    .ibox {
        height: 130px;
        width: 46%;
        margin: 0 0 20px 2%;
        border-radius: 10px;
    }
    .ibox .assist-img {
        right: 6px;
        top: 60px;
    }
    .ibox .title {
        font-size: 14px;
        padding-top: 20px;
        padding-left: 10px;
    }
    .ibox .title strong {
        font-size: 16px;
    }
    .ibox-content li a {
        font-size: 12px;
    }
    /*二级页面*/
    .second-page .banner-wrap,.second-page .content {
        height: 130px;
    }
    .second-page .main {
        width: 96%;
        margin-left: 2%;
    }
    .second-page .scene-wrap {
         padding-top: 4px;
     }
    .search, .ask, .transact {
        margin: 20px auto 0;
        width: 80%;
    }
    /*个人空间*/
    .my-page .banner-wrap, .my-page{
        height: 100%;
    }
    .user-center {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .user-name-info {
        margin-top: 10px;
    }
    .user-base-info {
        margin: 0 auto 0 5%;
    }
    .user-other-info {
        width: 40%;
        padding: 20px 5%;
        background: #3271cf;
        margin: 0 5% 0 auto;
        max-width: 400px;
    }
    .user-avatar, .user-name-info {
         float: none;
     }
    .user-account-setup, .user-login-out {
        float: none;
        margin-top: 10px;
    }
    .score-num {
        font-size: 50px;
        margin-top: 30px;
    }
    .hxui-tab-centered.hxui-tab a {
        padding: 30px 0;
        margin: 10px 10px;
        line-height: 1.2;
        background: #f4f4f4;
        border-radius: 2px;
    }
    .login-page {
        height: auto;
    }
    .login-page .scene-wrap{
        background: none;
    }
    .login-wrap {
        float: none;
        margin: 0 auto;
    }
    .conac{
        display: none;
    }
    .right-wrap {
        right: 2px;
    }
    .top-link {
        top: 10px;
    }

    .mymodal {
        width: 100% !important;
        height: 100% !important;
    }
    .form-item-label, .form-item-control-wrap {
        width: 90%;
        text-align: left;
    }
    /*事项*/
    .left-tab,.left-tab-tofixed {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        background: #fff;
        padding: 0;
        border-right: 0;
    }
    .left-tab .tab-title {
        text-align: center;
    }
    .left-tab ul li a {
        border-bottom: 1px solid #f4f4f4;
        width: 33.333%;
        float: left;
    }
    .main-wrap h2 {
        text-align: center;
    }
    .center-details {
        width: 96%;
        margin-left: 2%;
    }
    .binditem {
        width: 100%;
        float: left;
    }
    .agent-system-list.agent-system-associated li {
        width: calc(100% - 14px);
        margin-right: 0;
    }
}
/*大屏幕*/
@media (min-width: 1024px)and (max-width: 1399px) {
    .response {
        width: 1024px;
    }
    .form-item-label {
        width: 60%;
        text-align: left;
    }
    .ibox .assist-img {
        right: 6px;
    }
    .affiliated-enterprise {
        max-width: 290px;
        padding: 0;
        font-size: 18px;
    }
    .user-account-setup, .user-login-out {
        margin-right: 10px;
        padding: 6px 18px;
    }
    .binditem {
        width: 50%;
        float: left;
    }
    .agent-system-list.agent-system-associated li {
        width: calc(50% - 24px);
    }
}
/*更大屏幕*/
@media (min-width: 1400px)and (max-width: 1921px){
    .response {
        width: 1200px;
    }
}
/*特大屏幕*/
@media (min-width: 1922px){
    .response {
        width: 1900px;
    }
}
[v-cloak]{
   display: none
}

.linker {
    background: #f9f9f9;
}
.link-wrap {
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}
<!-- 网站footer样式-旧的 -->
/* .link-to { */
/*     color: #555; */
/*     display: inline-block; */
/*     text-indent: 20px; */
/*     text-decoration: none; */
/*     font-size: 14px; */
/*     line-height: 40px; */
/*     flex: 1; */
/*     background: #e6e6e6; */
/*     margin: 14px 0 14px 2%; */
/*     width: 23%; */
/* } */
.link-wrap .link-to:first-child {
    margin-left: 0;
}
.link-to:hover {
    color: #03A9F4;
    /* text-decoration: underline; */
    cursor: pointer;
    box-shadow: 0px 1px 1px -1px #cecece;
}
<!-- 20211211 注释掉  -->
/* .link-open-list .link-list { */
/*     display: none; */
/*     width: 99%; */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     background: #fff; */
/*     z-index: 999; */
/*     list-style: none; */
/*     padding: 0; */
/*     height: 0; */
/*     overflow: hidden; */
/*     transition: height ease .3s; */
/* } */
.link-open-list:hover .link-list {
    display: block;
    box-shadow: 0px 2px 2px 2px #efefef;
    height: auto;
    border-left: 2px solid #09f;
}
.link-open-list .link-list li a {
    float: left;
    padding: 0;
    margin: 0;
    color: #555;
    line-height: 30px;
    text-decoration: none;
}
.link-open-list .link-list li a:hover {
    color: #03A9F4;
    text-decoration: underline;
}
/*咨询*/
.post-module .categories-wrap {
    margin: 0 0 20px 0;
    display: inline-flex;
}
.post-module .categories-wrap .category {
    background: #fff;
    border: 1px solid #e7e7eb;
    border-radius: 3px;
    line-height: 34px;
    height: 34px;
    padding-left: 10px;
    margin-left: 16px;
    width: 218px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.post-module .categories-wrap .category:first-child {
    margin-left: 0;
}
.post-module .categories-wrap .category:before {
    content:" ";
    display:block;
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:8px solid #d8d8d8;
    float:right;
    margin:13px
}
.post-module .categories-wrap .category:hover {
    border-color:#c2c2c2
}
.post-module .categories-wrap .category .options {
    position:absolute;
    width:100%;
    max-height:204px;
    border:1px solid #e7e7eb;
    background:#fff;
    overflow-y:auto;
    box-shadow:0 0 10px rgba(0, 0, 0, .3);
    box-sizing:border-box;
    left:0;
    margin-top:1px;
    z-index:2
}
.post-module .categories-wrap .category .options .option {
    padding:0 10px
}
.post-module .categories-wrap .category .options .option:hover {
    background:#f0f0f0;
    color:#5a97e3
}
.post-module .form {
    background:#fff;
    border:1px solid #e7e7eb;
    width:720px;
    margin:0 0 20px 0;
    border-radius:3px
}
.post-module .form.text-focus {
    border-color:#5d9fff
}
.post-module .form.no-category {
    margin-top:40px
}
.post-module .form textarea {
    width:100%;
    outline:none;
    resize:none;
    height:140px;
    border:none;
    font-size:14px;
    padding:10px;
    box-sizing:border-box;
    line-height:1.5;
    overflow-x:hidden;
    overflow-y:auto
}
.post-module .form .upload-images {
    margin:15px;
    display:flex
}
.post-module .form .upload-images .img-item {
    position:relative;
    width:72px;
    height:72px;
    border:1px solid #e7e7eb;
    display:inline-block;
    margin-right:12px;
    overflow:hidden;
    z-index:10;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.post-module .form .upload-images .img-item:hover .del {
    display:block
}
.post-module .form .upload-images .img-item .del {
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    background-color:rgba(43, 43, 43, .5);
    width:19px;
    height:18px;
    display:none;
    z-index:10
}
.post-module .form .upload-images .img-item .del:hover {
    background-color:#f04336
}
.post-module .form .upload-images .img-item .del i {
    position:relative;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    display:block;
    overflow:hidden;
    left:-1px
}
.post-module .form .upload-images .img-item .del i:after, .post-module .form .upload-images .img-item .del i:before {
    content:" ";
    display:block;
    background-color:#fff;
    position:relative
}
.post-module .form .upload-images .img-item .del i:before {
    width:16px;
    height:2px;
    top:7px;
    left:2px
}
.post-module .form .upload-images .img-item .del i:after {
    width:2px;
    height:16px;
    left:9px;
    top:-2px
}
.post-module .form .additional {
    padding:0 10px;
    position:relative;
    border-top:1px solid #e7e7eb;
    height:36px
}
.post-module .form .additional .tips {
    font-size:14px;
    color:#9b9b9b;
    line-height:36px;
    position:absolute;
    right:10px
}
.post-module .form .additional .tips.warn {
    color:#f04336
}
.post-module .form .additional .rich-text-bar ::-webkit-file-upload-button {
    cursor:pointer
}
.post-module .form .additional .rich-text-bar>div {
    float:left;
    margin:0 12px 0 8px;
    position:relative
}
.post-module .form .additional .rich-text-bar>div i {
    cursor:pointer;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    display:block
}
.post-module .form .additional .rich-text-bar .btn-expression-wrap {
    top:9px
}
.post-module .form .additional .rich-text-bar .btn-expression-wrap .btn-expression {
    width:20px;
    height:20px
}
.post-module .form .additional .rich-text-bar .btn-expression-wrap .btn-expression:hover i {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAgdJREFUOBGtVbFqFFEUPe+xayFrBBEkwSIQidhvZZWktIo2IkhK/QHXRIOVJBtcfyCNhdiEgKayc2Oj1fQSYTGFCIIRXKxcnes5szPjzbCYmHhh9t0559z73p333t2AEbaeWP3rd8xbinnSTQuYkCwYPnFIQsTWmQa2bjfDQLi34F/kt1/b1TRFh+5Ulau892JE695MeOHxMqGZxdVtrJFsecEh/M79WSyFEFJpa0XAEZMpvMVY2V39ZCvMy3wu4KjG8q+p/KAN+NLHOyYqv1kIeMBnh9/yGfETlUl+MPimGS7yeei43tkxXIrazX3JgL0LM2hztk2u/5ULGLrExEnD8vYcP6VcMT8aDkfjwxuczADDOU94LNc0PK9cYbVrOwZMe4Izd4l9JLbgcec/peY8NXMO04a8r2WHloy3qtBzub9QCclg5YojxMeCarpOnG1YcsAdHsyNf8n4E7gOw2PFKJcOdsInS8jlji/OBn27Q1t728azKzKMSKIuehHNc3VjLbHTxftBo7SKKXTKFdU1CPQEsvSJtI8nheCgUVrF5LqecnGnyw5TXj3ekvV4CotLzfBtVFKt7Fcfj8jdKvjy6hXAStckKDsNZ/psESv1Ol5OXsaudLtvMTkY4Ar7yjJX5g99Z3ku/GkOEv+tfXHFjJdm2EzkO9vXvrKSHfn/GqxPepy/gN+eIMYJyOFNkwAAAABJRU5ErkJggg==)
}
.post-module .form .additional .rich-text-bar .btn-expression-wrap .btn-expression i {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAitJREFUOBGtVc9LW0EQnnkvtkREDz2IxYNQaOnJQ+MPCik2OTUnK9QiFI/+BVoF8SRCMf4DXnoovbQH60lPpqUPhcR4lghCD1Lw0INVEJWX8Zs1G99G0RjcQ97sfN98O7s7O2G6ZhSLxaaD43CQiQeFKMEij5UmzH+ZqCgky21xfzmRSJzVhgN3x68g/7ZMnBWRJy7izph51yOZGEj2/YgiVUEIeD+DwidkNBEl3GZDIPs62TuFBcrKjdmARsQ0VhNArJof9cdkqNsMhZbU0ejwmYZ0+6wX8P+4vO2cGfMM1i5hva8k8sBZhPkU2Adgz4DNWkzPtDXuPee1IP8OeX+3AIj/UsmedhDCtaCwgqA3lxgs5tV0sjeDBPxcsLkP8UdVnGnY09KoOi6MlvX1UrMxhdprMD0046twWqK4aiHDQglZPHUByuF090RoNOq3NjN9gXAnLiRlfebLvMO53/lDAM5KDukOE9zwkXcHfl3UmD4nu2WPeZyaHn6rK9KSzk7el0UWdKpaMaSJt0nmDFHqHen+7j3LreeLO+iwPNXy9KFbB74jqMu2yPxGs8IdsSTV8rRraFEaJ7oKivyzJdz2NdxKJ1INo6VBtU8PZbHYGvcn0Z4OrhPVzCA2j+Ies3j16VkHymdeH7qdow73UWtz5PsrqZcv/qg/t7HVRWGYATZtC1z9OLts6lXfZXNQ503tC9vBWoaDWHeoWLR9XSHcW4ONrqsdqNG/gHNzjfYFsojBdgAAAABJRU5ErkJggg==)
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap {
    top:10px
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap:hover .image-tips {
    display:block
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .image-tips {
    display:none;
    background-color:#555556;
    font-size:12px;
    position:absolute;
    color:#fff;
    white-space:nowrap;
    padding:2px 5px;
    top:-32px;
    left:-24px
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .image-tips:after {
    content:" ";
    display:block;
    width:9px;
    height:9px;
    background-color:#555556;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    left:32px;
    margin-top:-2px
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image {
    width:24px;
    height:18px
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image.disabled input {
    cursor:default
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image.disabled ::-webkit-file-upload-button {
    cursor:default
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image.disabled i {
    opacity:.4
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image.disabled:hover i {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAABGdBTUEAALGPC/xhBQAAAXRJREFUOBG1Uj1LxEAQdZNgEPUELSwURBvTWFmJnYKd7VU2Vlra2NgKFv4A5X6BpaCF1SFnZ5kvSWuX1FdIINn45nBkPfdi5PYWlpmdefve7MwK3/dvhBAnVVVZUwYXOCU4OyIIgtI0OddJIg6Tu67bKsuy4uS4tiiKPnE7TOR5Xp99ExatH9AY7buusFoBzGcDlZzrLjaNjRQA8SZ6+AKia/i3PKumxIzTCqDyLfyAHkArX8DTMAzv4jie5ouqTZJkHnc8Ncb+LwEAt5F8RsXLDCKLcxu/7DFN01k1HkXRbp7nNNFXvHRfzZH/QwDkOyDqYi8NA+mM+EGWZV28ZBG+A/wlROml6zi3YJ/w0iPC8hJQHfx927b3pJQPAM5xcpRF+96QO8TuAb86jLMs6wJcVxT/FoD/gT1DwYbrHUL3EDirw6st+g85ca6B/LiOnHKqwF9YXX5BF1Rj4wqoXFp/8gIYlNRKGwgSt4VBdSYhQpzE/Qmu9q6xfTssFgAAAABJRU5ErkJggg==)
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image:hover i {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAABGdBTUEAALGPC/xhBQAAAYZJREFUOBG9VT1Lw1AUPS/Uglgr6OCgILoogpOT6KTg5urk4qR/QARXaeIHOCr9BYI4KeLUpFURHDvo5B9wEcHNtO96XiAxxrQVSb3wyH3n3nvOfV9E2a4cC7ABwOLI0rQCyqrkSpOsWZOHjepcSJ7Lo1jwwcVkY2+Cd8NtBALbXlAGyMy4MwFXt7YmarStgHMrE05VtqLsPzgtBfbvZFL7uNEaByVPTkSkZW473dSivZrMND9QY+FIUCzYdDycnj1KPo2MzfTbnkylxX4IOK7M6iY8HtFwvIDz1ecXXB7WpS+O8x3NN3zURfDAg12Kx4z/TcCuyhyJKhxDyUQzJ77sv6JydC+Dnic5dr1LuMbAOL9FpXDN7VwzuaGZh8Y6moVFJl5wFMJgqy9f6JPqwYo0UGP1aDLPsrDDs7MNHq1ACa5+Q26K2NE0L4BL99zMkxaSGzwSYCe9ycQO8zEqrXfI+RLolJgW50oG0vA4Fq0gDmbp/4uAzrLjBJe2eOXKBLshEvxwPgG/BoXJ345+rwAAAABJRU5ErkJggg==)
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image i {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAABGdBTUEAALGPC/xhBQAAAXRJREFUOBG1Uj1LxEAQdZNgEPUELSwURBvTWFmJnYKd7VU2Vlra2NgKFv4A5X6BpaCF1SFnZ5kvSWuX1FdIINn45nBkPfdi5PYWlpmdefve7MwK3/dvhBAnVVVZUwYXOCU4OyIIgtI0OddJIg6Tu67bKsuy4uS4tiiKPnE7TOR5Xp99ExatH9AY7buusFoBzGcDlZzrLjaNjRQA8SZ6+AKia/i3PKumxIzTCqDyLfyAHkArX8DTMAzv4jie5ouqTZJkHnc8Ncb+LwEAt5F8RsXLDCKLcxu/7DFN01k1HkXRbp7nNNFXvHRfzZH/QwDkOyDqYi8NA+mM+EGWZV28ZBG+A/wlROml6zi3YJ/w0iPC8hJQHfx927b3pJQPAM5xcpRF+96QO8TuAb86jLMs6wJcVxT/FoD/gT1DwYbrHUL3EDirw6st+g85ca6B/LiOnHKqwF9YXX5BF1Rj4wqoXFp/8gIYlNRKGwgSt4VBdSYhQpzE/Qmu9q6xfTssFgAAAABJRU5ErkJggg==)
}
.post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image .input-polyfill, .post-module .form .additional .rich-text-bar .btn-upload-image-wrap .btn-upload-image input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
}

/*聊天窗口*/
.hxui-chart {
    width: 100%;
    outline: none;
    resize: none;
    min-height: 300px;
    border: none;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 1.5;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fafafa;
    -webkit-overflow-scrolling: touch;
}
.hxui-chart .hxui-chart--wrapper {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    background-color: #fff;
}
.hxui-chart .chat--separation  {
    text-align: center;
    font-size: 12px;
    color: #a1a6af;
    margin-bottom: 15px;
}
.hxui-chart .chat--separation span {
    background: #4CAF50;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
}
.hxui-chart .message {
    margin-bottom: 20px;
}
.hxui-chart .message--date {
    font-size: 13px;
    color: #a1a6af;
    text-align: center;
    margin-bottom: 13px;
}
.hxui-chart .message--pin {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #A1A6AF;
    padding: 0 48px;
    margin-bottom: 3px !important;
    width: 100%;
    text-align: left;
}
.hxui-chart .message--container{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.hxui-chart .hxui-chart message--container .message--head {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    overflow: hidden;
}
.hxui-chart .message.waiter-message .message--head {
    float: left;
    margin-right: 10px;
    width: 40px;
}
.hxui-chart .avatar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-size: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}
.hxui-chart .img-bg {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.hxui-chart .message--container .message--content {
    position: relative;
}
.hxui-chart .text-message--container {
    position: relative;
    display: inline-block;
    min-height: 18px;
    line-height: 1.4;
    background-color: #f3f3f3;
    border-radius: 4px;
    padding: 12px 9px;
    word-break: break-all;
}
.hxui-chart .text-message.waiter-message .text-message--container{
    float: left;
    padding-left: 15px;
    text-align: justify;
    word-break: break-all;
}
.msgbox-content .hxui-chart p {
    text-indent: 0;
    margin: 0;
}
.hxui-chart .avatar img {
    width: 100%;
}
.hxui-chart .menu-wrap{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    width: 400px;
    margin-top: 18px;
    padding: 0 10px;
    font-size: 13px;
    color: #5A606B;
}
.menu-list .item {
    height: 41px;
    line-height: 40px;
    position: relative;
    cursor: pointer;
}
.menu-list .item.border {
    border-bottom: 1px solid #F2F2F2;
}
.menu-list .item.disabled{
    color: #8c939f;
}
.menu-list .item span {
    display: inline-block;
    width: 345px;
}
.message--wrapper {
    float: left;
}
.menu-list .item:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #A1A6AF;
    border-bottom: 1px solid #A1A6AF;
    margin-left: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 5px;
    top: 18px;
}


.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.action .start i {
    padding: 0;
    font-size: 22px;
    text-indent: 4px;
}
.introjs-button {
    font: 12px/normal "微软雅黑",sans-serif;
}

.beginner-link {
    text-align: center;
    position: absolute;
    cursor:pointer;
    right: 80px;
    top: 40px;
}
.beginner-link a {
    color: #0b51c1;
    text-decoration: none;
}
.beginner-link a:hover {
    color: #03A9F4;
    text-decoration: underline;
}


/*专题*/
.nav li{
    white-space: nowrap;
}
.nav li.monographic{
    width: auto !important;
}
.nav li.monographic a{
    padding: 0 1rem !important;
}
.main-monographic h1 {
    text-align: center;
    margin-top: 1em;
    color: #0091f1;
}
.nav-tabs {
    padding: 0;
    list-style: none;
    border: none;
    margin: 0;
}
.nav-tabs-wrap {
    width: 100%;
    border-bottom: 3px solid #ddd;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -3px;
    margin-left: -2px;
    margin-right: 12px;
}
.nav-tabs>li a {
    display: table-cell;
    padding: 0 8px;
    line-height: 41px;
    height: 41px;
    font-size: 18px;
    border: none;
    text-decoration: none;
    color: #333;
    min-width: 5em;
    text-align: center;
}
.nav-tabs>li>a:hover {
    border: none;
    border-bottom: 3px solid #0C52C1;
    text-decoration: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #0C52C1;
    background-color: #fff;
    border: none;
    border-bottom: 3px solid #0C52C1;
    font-weight: 600;
    cursor: pointer;
}

#indexTab1, #indexTab2 {
    width: 46%;
    margin: 0 2%;
}
.main-monographic .news-list li a {
    background: url(../img/dot2.png) 16px center no-repeat;
    padding: 15px 148px 15px 14px;
    position: relative;
}
.main-monographic .news-list li a .date {
    right: 14px;
    position: absolute;
}
#indexTab3, #indexTab4 {
    width: 100%;
    margin: 0 2%;
}
.monographic-system-list a {
    color: #555;
    display: block;
    text-decoration: none;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    background: url(../img/dot2.png) 16px center no-repeat;
    padding: 15px 2% 15px 14px;
    margin-right: 0;
    text-indent: 18px;
    position: relative;
    width: 26%;
    float: left;
    margin: 0 0 0 2%;
}
.monographic-system-list a:hover {
    color: #F44336;
    background-color: #f4f4f4;
}
/*专栏标题样式2*/
.main-monographic h1 {
    text-align: center;
    margin: 1em auto 8px;
    background: #0091f1;
    width: 4em;
    font-size: 24px;
    padding: 8px 14px;
    color: #fff;
}

/* 进度条 */
.has-progress {
	background: none;
	padding-left: 16px;
	margin-bottom: 0;
}

.has-progress li {
	position: relative;
	list-style: none;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 14px;
}

.has-progress li .progress {
	width: 70%;
	position: absolute;
	right: 0;
	top: 0;
}

.progress-outer {
	display: inline-block;
	width: 80%;
	margin-right: 0;
	padding-right: 0;
}

.progress-line.progress-show-info .progress-outer {
	margin-right: calc(-2em - 16px);
	padding-right: calc(2em + 16px);
}

.progress-inner {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	background-color: #f5f5f5;
	border-radius: 100px;
}

.progress.progress-xs {
	height: 12px;
}

.progress-line {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	position: relative;
	width: 70%;
	font-size: 14px;
	display: inline-block;
	overflow: visible;
}

.progress-line.progress-show-info .progress-outer {
	margin-right: calc(-2em - 16px);
	padding-right: calc(2em + 16px);
}

.progress-success-bg, .progress-bg {
	position: relative;
	background-color: #1890ff;
	border-radius: 100px;
	-webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
	transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}

.progress-success-bg {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #52c41a;
}

.progress-text {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	list-style: decimal-leading-zero;
	box-sizing: border-box;
	display: inline-block;
	width: 2em;
	margin-left: 8px;
	color: rgba(0, 0, 0, 0.45);
	font-size: 1em;
	line-height: 1;
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
	word-break: normal;
}

/*评价*/
.appraise-modal .pl-32{
    padding-left: 32px;
}
.appraise-modal ul, .appraise-modal li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.appraise-modal .msgbox-title{
    text-align: center;
    padding-left: 0;
}
.appraise-modal .msgbox-content{
    padding: 10px 20px;
    float: none;
}
.appraise-modal h2.appraise-title{
    margin: 0;
    color: #FF0000;
}
.appraise-modal .appraise-stars{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    padding: 10px 0;
}
.appraise-modal .appraise-stars i{
    font-size: 20px;
    cursor: pointer;
}
.appraise-modal .appraise-stars i.icon-kongwujiaoxing{
    color: #999;
}
.appraise-modal .appraise-stars i.icon-shiwujiaoxing{
    color: red;
}
.appraise-modal .appraise-stars .appraise-stars-text{
    margin-left: 10px;
}
.appraise-modal .appraise-p{
    text-indent: 2em;
    padding: 10px 0;
}
.appraise-modal .hxui-list-item{
    min-height: 20px;
    padding: 0px;
    padding-left: 54px;
}
.appraise-modal .hxui-checkbox{
    margin-left: -22px;
    height: 20px;
    line-height: 20px;
    float: left;
    padding-left: 0;
}
.appraise-modal .hxui-checkbox-icon{
    top: 2px;
    width: 16px;
    height: 16px;
}
.appraise-modal .hxui-checkbox-icon:before{
    top: 3px;
    left: 1px;
    width: 7px;
    height: 10px;
}
.appraise-modal .hxui-checkbox-icon:after{
    width: 16px;
    height: 16px;
}
.appraise-modal .hxui-list-item-content{
    font-weight: normal;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
}
.appraise-modal .appraise-tab .appraise-item{
    display: none;
}
.appraise-modal .appraise-textarea-title , .appraise-modal .appraise-code-title{
    width: 70px;
    text-align: right;
} 
.appraise-modal .appraise-code-title{
    line-height: 36px;
}
.appraise-modal .appraise-textarea, .appraise-modal .appraise-code{
    margin-top: 10px;
}
.appraise-modal .appraise-textarea-box{
    width: 80%;
}
.appraise-modal .my-appraise-textarea{
    font-variant: tabular-nums;
    box-sizing: border-box;
    margin: 0;
    list-style: none;
    position: relative;
    padding: 4px 11px;
    width: 100%;
    height: 60px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    /*background-color: #fff;*/
    /*background-image: none;*/
    background: #f6faff;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all .3s;
}
.appraise-modal .appraise-code-box{
    width: 100px;
    margin-right: 20px;
}
.appraise-modal .form-item-control{
    width: 100px;
}
.appraise-modal .appraise-textarea-msg{
    color: #f00;
}
.appraise-modal .appraise-code-img img{
    height: 36px;
    width: auto;
}
.appraise-modal .appraise-submit{
    text-align: center;
    padding-top: 20px;
}

/*我的评价详情相关样式*/
.myappraise-modal .appraise-name{
    margin-right: 10px;
}
.myappraise-modal .myappraise-table{
    margin-top: 10px;
}
.myappraise-modal .cell-title{
    width: 20%;
    text-align: center;
}
.myappraise-modal .appraise-stars{
    border-bottom: none;
}
.myappraise-modal .appraise-date{
    color: #AEAEAE;
}
.myappraise-modal .appraise-tab .appraise-item{
    display: block;
}
.myappraise-modal .appraise-reply-box{
    margin: 10px 0 0 32px;
    background: #f3f6f8;
    padding: 8px;
}
.myappraise-modal .enterprise-reply-title, .myappraise-modal .user-addappraise-title{
    font-weight: bold;
}
.myappraise-modal .enterprise-reply-date{
    color: #AEAEAE;
}   
.myappraise-modal .user-addappraise{
    margin-top: 10px;
}
.myappraise-modal .user-addappraise .appraise-stars{
    border-top: none;
    margin-top: 0;
    padding: 0;
}
.myappraise-modal .user-addappraise-box .hxui-list-item{
    padding-left: 24px;
}
.myappraise-modal .appraise-textarea{
    margin-top: 0;
}
.myappraise-modal .hxui-checkbox-gou:before{
    position: absolute;
    top: 3px;
    left: 1px;
    opacity: 1;
    -webkit-transform: rotateZ(37deg) scale(1);
    transform: rotateZ(37deg) scale(1);
    display: inline-block;
    width: 10px;
    height: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content:"";
    border-right: 2px solid #f00;
    border-bottom: 2px solid #f00;
}

/*综合评价详情相关样式*/
.overallappraise-modal .appraise-name{
    margin-right: 10px;
}
.overallappraise-modal .myappraise-table{
    margin-top: 10px;
}
.overallappraise-modal .cell-title{
    width: 20%;
    text-align: center;
}
.overallappraise-modal .appraise-stars{
    border-bottom: none;
}
.overallappraise-modal .appraise-date{
    color: #AEAEAE;
}
.overallappraise-modal .appraise-tab .appraise-item{
    display: block;
}
.overallappraise-modal .appraise-reply-box{
    margin: 10px 0 0 32px;
    background: #f3f6f8;
    padding: 8px;
}
.overallappraise-modal .enterprise-reply-title, .overallappraise-modal .user-addappraise-title{
    font-weight: bold;
}
.overallappraise-modal .enterprise-reply-date{
    color: #AEAEAE;
}   
.overallappraise-modal .user-addappraise{
    margin-top: 10px;
}
.overallappraise-modal .user-addappraise .appraise-stars{
    border-top: none;
    margin-top: 0;
    padding: 0;
}
.overallappraise-modal .user-addappraise-box .hxui-list-item{
    padding-left: 24px;
}
.overallappraise-modal .appraise-textarea{
    margin-top: 0;
}

.overallappraise-modal .overallappraise-tab{
    margin-top: 10px;
}
.overallappraise-modal .overallappraise-tab .hd li{
    display: inline-block;
    background: #f2f2f2;
    padding: 4px 25px;
    position: relative;
    margin-right: 15px;
    cursor: pointer;
    line-height: 24px;
}
.overallappraise-modal .overallappraise-tab .hd li.active{
    background: #f00;
    color: #fff;
}
.overallappraise-modal .overallappraise-tab .hd li.active:after{
    content: "";
    position: absolute;
    border-width: 12px;
    border-style: solid;
    border-color:#f00 transparent transparent transparent;
    bottom: -24px;
    left: 50%;
    margin-left: -12px;
}
.overallappraise-modal .overallappraise-tab .bd{
    margin-top: 30px;
}
.overallappraise-modal .overallappraise-tabcon{
    display: none;
}
.overallappraise-modal .overallappraise-item{
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 20px;
}
.overallappraise-modal .progress-left{
    width: 80px;
    margin-left: -100px;
    text-align: right;
}
.overallappraise-modal .progress{
    background: #efefef;
    height: 20px;
    width: 100%;
}
.overallappraise-modal .progress-bar{
    background: #f00;
    height: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}
.overallappraise-modal .progress-tw {
    position: relative;
}
.overallappraise-modal .progress-tw span{
    position: absolute;
    right: -50px;
}


/* 订阅管理 */
.dingyueguanli-box .msgbox-modal{
    display:flex;
    justify-content: center;
    align-items: center; 
}
.dingyueguanli-modal{

}
.dingyueguanli-modal h2, .dingyueguanli-modal ul, .dingyueguanli-modal li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.dingyueguanli-modal h2.title{
    color: #0b51c1;
    border-left: 2px solid #0b51c1;
    font-weight: normal;
    padding-left: 10px;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.dingyueguanli-modal ul{
    margin-top: 20px;
}
.dingyueguanli-modal li{
    float: left;
    background: #f2f2f2;
    height: 46px;
    line-height: 46px;
    width: 150px;
    margin: 0 30px 20px;
    color: #000;
    font-size: 16px;
    padding-left: 15px;
}
.dingyueguanli-modal li button{
    float: right;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border: none;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}
.dingyueguanli-modal li button.dingyue-remove{
    background: #ff0000;
}
.dingyueguanli-modal li button.dingyue-add{
    background: #0b51c1;
}