/* 覆盖 */
.layui-form-item .label-free {
    width: 110px;
    height: 38px;
    line-height: 20px;
    text-align: center;
    background-color: #FBFBFB;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    float: left;
    display: block;
}

/* 头部 */
.yj-header-bg-sub {
    background-color: #fff
}

.yj-header-bg-trans {
    background-color: rgba(0,0,0,0.3);
}

.yj-header-bg-grey {
    background-color: #393D49
}

.fly-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 60px;
    padding-top: 10px;
    border-right: 1px solid #404553;
    border-radius: 0;
}

    .fly-header .layui-nav {
        padding: 0;
        background: none;
    }

    .fly-header .fly-nav a {
        padding: 0 25px 0 60px;
        font-size: 16px
    }

    .fly-header .fly-nav-user li a {
        padding: 0 10px;
    }

    .fly-header .fly-nav-user li .fly-nav-avatar {
        padding-right: 0;
    }

    .fly-header .fly-nav-user a.iconfont {
        color: #A9B7B7;
    }

    .fly-header > .layui-nav-item a {
        color: rgba(255,255,255,0.5);
    }

    .fly-header .layui-this a {
        color: #fff;
    }

    .fly-header .layui-nav .layui-this:after,
    .fly-header .layui-nav .layui-nav-bar,
    .fly-header .fly-nav-user .layui-nav-more {
        display: none !important;
    }

    .fly-header .fly-nav-user .layui-nav-child {
        left: auto;
        right: 0;
        width: 120px;
        min-width: 0;
    }

    .fly-header .fly-nav-user li .fly-nav-avatar {
        padding-right: 15px;
    }

    .fly-header .fly-nav-user {
        margin-right: 5px;
    }

.fly-header-sub {
    width: 100%;
    height: 60px;
    border-radius: 0;
    padding-top: 10px
}

    .fly-header-sub .layui-nav {
        padding: 0;
        background: none;
    }

    .fly-header-sub .fly-nav a {
        padding: 0 25px 0 60px;
        color: #000;
        font-size: 16px
    }

        .fly-header-sub .fly-nav a:hover {
            color: #3333ff
        }

    .fly-header-sub .fly-nav-user li a {
        padding: 0 10px;
        color: #000
    }

        .fly-header-sub .fly-nav-user li a:hover {
            color: #3333ff
        }

    .fly-header-sub .fly-nav-user li .fly-nav-avatar {
        padding-right: 0;
    }

    .fly-header-sub .fly-nav-user a.iconfont {
        color: #A9B7B7;
    }

    .fly-header-sub > .layui-nav-item a {
        color: #000;
    }

    .fly-header-sub .layui-this a {
        color: #000;
    }

    .fly-header-sub .layui-nav .layui-this:after,
    .fly-header-sub .layui-nav .layui-nav-bar,
    .fly-header-sub .fly-nav-user .layui-nav-more {
        display: none !important;
    }

    .fly-header-sub .fly-nav-user .layui-nav-child {
        left: auto;
        right: 0;
        width: 120px;
        min-width: 0;
    }

    .fly-header-sub .fly-nav-user li .fly-nav-avatar {
        padding-right: 15px;
    }

    .fly-header-sub .fly-nav-user {
        margin-right: 5px;
    }

.fly-logo {
    background: url(/images/logo.png) no-repeat
}

.main-marginTop {
    margin-top: 15px;
}

.main-marginTopMini {
    margin-top: 15px;
}

@media screen and (max-width:768px) {
    .yj-header-bg-sub {
        background-color: #a8a7a7ed;
    }

    .fly-logo {
	/*padding-left:70px;*/
        background: url(/images/logo_white.png) no-repeat
    }

    .main-marginTop {
        margin-top: 70px;
    }

    .fly-header-sub {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10000;
        width: 100%;
        height: 60px;
        padding-top: 10px;
        border-right: 1px solid #404553;
        border-radius: 0
    }

        .fly-header-sub .layui-nav {
            padding: 0;
            background: none;
        }

        .fly-header-sub .fly-nav a {
            padding: 0 25px 0 60px;
            color: #fff;
            color: rgba(255,255,255,.7);
            font-size: 16px
        }

            .fly-header-sub .fly-nav a:hover {
                color: #fff
            }

        .fly-header-sub .fly-nav-user li a {
            padding: 0 10px;
            color: #fff;
            color: rgba(255,255,255,.7);
        }

            .fly-header-sub .fly-nav-user li a:hover {
                color: #fff
            }

        .fly-header-sub .fly-nav-user li .fly-nav-avatar {
            padding-right: 0;
        }

        .fly-header-sub .fly-nav-user a.iconfont {
            color: #A9B7B7;
        }

        .fly-header-sub > .layui-nav-item a {
            color: #000;
        }

        .fly-header-sub .layui-this a {
            color: #000;
        }

        .fly-header-sub .layui-nav .layui-this:after,
        .fly-header-sub .layui-nav .layui-nav-bar,
        .fly-header-sub .fly-nav-user .layui-nav-more {
            display: none !important;
        }

        .fly-header-sub .fly-nav-user .layui-nav-child {
            left: auto;
            right: 0;
            width: 120px;
            min-width: 0;
        }

            .fly-header-sub .fly-nav-user .layui-nav-child a {
                color: #333
            }

                .fly-header-sub .fly-nav-user .layui-nav-child a:hover {
                    color: #333
                }

        .fly-header-sub .fly-nav-user li .fly-nav-avatar {
            padding-right: 15px;
        }

        .fly-header-sub .fly-nav-user {
            margin-right: 5px;
        }
}

/* 头部 end */

/* sub banner */
.yj-sub-banner img {
    width: 100%
}
/* sub banner end */

/* 首页banner */
.banner_content {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
}

    .banner_content .ewm {
        border: 3px solid #fff;
        border-radius: 8px;
        margin: 25px 0;
        width: 150px
    }

    .banner_content .title {
        padding: 0 0 30px 0;
        color: #fff;
        font-size: 20px;
    }

        .banner_content .title img {
            width: 40%;
        }

    .banner_content .subtitle {
        padding: 10px 0;
        color: #fff;
        font-size: 20px;
    }

    .banner_content .banner_btn {
        line-height: 80px;
        height: 80px;
        font-size: 20px;
        margin: 20px auto;
        padding: 0 50px
    }

.banner_item {
    padding: 0 40px 0px 40px;
}

    .banner_item a {
        background-color: rgba(0,0,0,0.3);
        color: #fff;
        position: relative;
        transition: box-shadow 0.5s,0.5s;
    }

        .banner_item a:hover {
            border-radius: 10%;
            box-shadow: 0 1px 8px 5px #d4d4d4;
            color: #34a40c;
            background-color: #45aff9;
            color: #fff
        }

    .banner_item .block_bg {
        z-index: 7;
        display: block;
        position: absolute;
        background-color: #2b6b04;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .banner_item h2 {
        position: absolute;
        z-index: 8;
        color: #fff;
        text-align: center;
        width: 100%;
        display: none;
        line-height: 40px
    }

    .banner_item a img {
        width: 40%;
        margin-top: 10px;
    }

    .banner_item p {
        font-weight: 600;
        padding: 6px;
        margin: 0;
    }

        .banner_item p span {
            font-weight: normal;
            padding: 2px;
            margin: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .banner_item a {
        display: block;
        text-align: center;
    }
/* 首页banner end */

@media screen and (max-width:1170px) and (min-width:641px) and (orientation:portrait) {
    .banner_content {
        position: absolute;
        left: 0;
        right: 0;
        top: 160px;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
    }

        .banner_content .title img {
            width: 80%;
        }

    .banner_item {
        padding: 20px;
        margin-top: 10px;
    }

        .banner_item a img {
            width: 40%;
            margin-top: 10px;
        }
}

@media screen and (max-width:1170px) and (min-width:641px) and (orientation:landscape) {
    .banner_content {
        position: absolute;
        left: 0;
        right: 0;
        top: 160px;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
    }

        .banner_content .title img {
            width: 80%;
        }

    .banner_item {
        padding: 20px;
        margin-top: 10px;
    }

        .banner_item a img {
            width: 40%;
            margin-top: 10px;
        }
}

@media screen and (max-width:640px) and (orientation:portrait) {
    .banner_content {
        position: absolute;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
    }

        .banner_content .title img {
            width: 80%;
        }

    .banner_item {
/*        padding: 3px;*/
    padding:0 0 10px 13px;
	width:48%;
    }

        .banner_item a img {
            width: 40%;
            margin-top: 5px;
        }

    .banner_content .banner_btn {
        line-height: 38px;
        height: 38px;
        font-size: 14px;
        margin: 0px auto;
        padding: 0 18px;
    }
}

@media screen and (max-width:640px) and (orientation:landscape) {
    .banner_content .title {
        padding: 0 0 20px 0;
        color: #fff;
        font-size: 20px;
    }

    .banner_content {
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
    }

        .banner_content .title img {
            width: 40%;
        }

    .banner_item {
	text-align: center;
        padding: 8px;

    }

        .banner_item a img {
            width: 40%;
            margin-top: 5px;
        }

    .banner_content .banner_btn {
        line-height: 38px;
        height: 38px;
        font-size: 14px;
        margin: 0px auto;
        padding: 0 18px;
    }
}

/* 左侧客服 */
.yj-rmenu {
    position: fixed;
    right: 2px;
    bottom: 100px;
    padding-bottom: 15px;
    z-index: 999;
}

    .yj-rmenu i {
        color: #fff;
        font-size: 36px;
        padding-top: 10px;
    }

    .yj-rmenu .fbtn {
        width: 72px;
     /*   height: 58px;*/
        margin-bottom: 1px;
        cursor: pointer;
        position: relative;
        text-align: center;
     /*   padding-top: 14px;*/
    }

    .yj-rmenu a.btn-qq {
        background-color: #6da9de;
        display: inline-block;
        text-decoration: none;
    }

        .yj-rmenu a.btn-qq:hover {
            background-color: #488bc7;
        }

        .yj-rmenu a.btn-qq:visited {
            text-decoration: none;
        }

    .yj-rmenu .btn-wx {
        background-color: #78c340;
    }

        .yj-rmenu .btn-wx:hover {
            background-color: #58a81c;
        }

        .yj-rmenu .btn-wx .kefupic {
            position: absolute;
            left: -200px;
            top: -73px;
            width: 200px;
            max-width: none;
            display: none;
            box-shadow: -5px 1px 3px #dedede;
        }

    .yj-rmenu .btn-phone {
        background-color: #fbb01f;
    }

        .yj-rmenu .btn-phone:hover {
            background-color: #ff811b;
        }

        .yj-rmenu .btn-phone .phone {
            background-color: #ff811b;
            position: absolute;
            width: 160px;
            left: -160px;
            top: 0px;
            line-height: 72px;
            color: #FFF;
            font-size: 18px;
            text-align: center;
            display: none;
        }

    .yj-rmenu .btn-top {
        background-color: #666666;
        display: none;
    }

        .yj-rmenu .btn-top:hover {
            background-color: #444;
        }

@media screen and (max-width:1170px) and (min-width:641px) {
    .yj-rmenu {
        position: fixed;
        right: 15px;
        bottom: 15px;
        padding-bottom: 0px;
        z-index: 999;
    }

        .yj-rmenu .fbtn {
            width: 50px;
            height: 50px;
            margin-bottom: 1px;
            cursor: pointer;
            position: relative;
            text-align: center;
            padding-top: 0px;
            line-height: 50px;
        }
}

@media screen and (max-width:640px) {
    .yj-rmenu {
        position: fixed;
        right: 15px;
        bottom: 15px;
        padding-bottom: 0px;
        z-index: 999;
    }

        .yj-rmenu .fbtn {
            width: 50px;
            height: 50px;
            margin-bottom: 1px;
            cursor: pointer;
            position: relative;
            text-align: center;
            padding-top: 0px;
            line-height: 50px;
        }

        .yj-rmenu a.btn-qq {
            display: none
        }

        .yj-rmenu .btn-wx {
            display: none
        }

        .yj-rmenu .btn-phone {
            display: none
        }
}
/* 左侧客服 end */

/* 首页标题栏 */
.yj-section-header {
    margin: 80px 0px 60px 0px;
}

    .yj-section-header h2 {
        font-size: 50px;
        font-weight: 300;
        text-align: center;
    }

    .yj-section-header p {
        font-size: 16px;
        line-height: 30px;
        color: #9b9b9b;
        text-align: center;
        margin: 13px 8px 0px 8px;
    }
/* 首页标题栏 end */

/* 设计内容 start */
.yj-design {
    padding: 8px;
    text-align: center;
}

    .yj-design img {
        width: 50%;
        transition: all 0.4s linear;
    }

        .yj-design:hover img {
            transform: rotateY(360deg);
            -ms-transform: rotateY(360deg); /* IE 9 */
            -moz-transform: rotateY(360deg); /* Firefox */
            -webkit-transform: rotateY(360deg); /* Safari 鍜� Chrome */
            -o-transform: rotateY(360deg); /* Opera */
        }

    .yj-design h3 {
        font-weight: 600;
        padding: 8px 8px 8px 8px;
        margin: 0;
    }

    .yj-design p {
        padding: 0px 8px 8px 8px;
        margin-top: 0px;
    }
/* 设计内容 end */

/* 首页优势 start */
.yj-advantage {
    padding: 8px;
    text-align: center;
}

    .yj-advantage img {
        width: 80%;
    }

    .yj-advantage h3 {
        font-weight: 600;
        padding: 8px 8px 8px 8px;
        margin: 0;
    }

    .yj-advantage p {
        padding: 0px 8px 8px 8px;
        margin-top: 0px;
    }
/* 首页优势 end */

/* 首页用户案例 */
.yj-case-box {
    background: #f3f4f4 !important;
    color: #262626;
    margin-bottom: 20px;
    padding: 8px;
}

    .yj-case-box img {
        width: 100%;
    }

    .yj-case-box p {
        padding: 12px 8px 12px 8px;
        margin-bottom: 0px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/*.yj-case-content p {padding:0px 8px 8px 8px;margin-top:0px;} */
@media screen and (max-width:640px) {
    .yj-case-content {
        padding: 0;
    }
}
/* 首页用户案例 end */

/* 首页统计 */
.yj-stat {
    margin: 30px 0px 30px 0px;
    text-align: center;
}

    .yj-stat p {
        font-size: 18px;
        margin: 10px 0;
    }

        .yj-stat p span {
            font-size: 48px;
            color: #333;
            font-weight: bold;
        }

@media screen and (max-width:1170px) and (min-width:641px) {
    .yj-stat p span {
        font-size: 36px;
        color: #333;
        font-weight: bold;
    }
}

@media screen and (max-width:640px) {
    .yj-stat p span {
        font-size: 24px;
        color: #333;
        font-weight: bold;
    }
}
/* 首页统计 end */

/* 底部 */
.yj-footer {
    width: 100%;
    background-color: #393D49;
    background-size: cover;
    position: relative;
}

.yj-footer-main {
    padding: 15px 0px 0px 0px;
    color: #fff;
    font-size: 14px;
}

    .yj-footer-main strong {
        color: #fff;
        font-size: 18px;
        line-height: 29px;
        font-weight: 700;
        display: block;
    }

    .yj-footer-main ul {
        margin-top: 0px;
        padding: 0;
    }

        .yj-footer-main ul li {
            padding: 4px 0;
            position: relative;
            color: #fff;
            font-size: 14px;
            list-style: none;
        }

            .yj-footer-main ul li span {
                padding: 0 0 0 8px;
            }

            .yj-footer-main ul li a {
                color: #fff;
            }

        .yj-footer-main ul.link li a {
            padding: 0 8px 0 0;
        }

        .yj-footer-main ul li i {
            min-width: 16px;
        }

.yj-footer-qrcode {
    margin: 0;
}

    .yj-footer-qrcode img {
        width: 100px;
    }

    .yj-footer-qrcode span {
        margin: 5px 0 10px 5px;
        display: block;
    }
/* 底部 end */

/* 通用 */
.yj-top-50 {
    margin-top: 50px;
}

.yj-top-20 {
    margin-top: 20px;
}

.yj-top-15 {
    margin-top: 15px;
}

.yj-top-10 {
    margin-top: 10px;
}

.yj-top-5 {
    margin-top: 5px;
}

.yj-padding-20 {
    padding: 20px
}

.yj-padding-15 {
    padding: 15px
}

.yj-padding-10 {
    padding: 10px
}

.yj-padding-5 {
    padding: 5px
}

.yj-center {
    text-align: center;
}

.yj-left {
    text-align: left;
}

.yj-right {
    text-align: right;
}

.yj-panel {
    padding: 20px 50px;
}

@media screen and (max-width:1170px) and (min-width:641px) {
    .yj-panel {
        padding: 20px 20px;
    }
}

@media screen and (max-width:640px) {
    .yj-panel {
        padding: 10px 10px;
    }
}
/* 通用 end */

/* 登录注册二维码遮罩 */
.refresh_qrcode_mask {
    position: absolute;
    left: 0;
    display: none;
    top: 0;
    width: 100%;
    background: rgba(255,255,255,0.95);
    height: 300px;
}

    .refresh_qrcode_mask .layui-icon-refresh {
        position: absolute;
        left: 50%;
        top: 50%;
        display: inline-block;
        font-size: 40px;
        color: rgb(115,115,115);
        background: #FFF;
        margin-left: -36px;
        margin-top: -33px;
        cursor: pointer;
        padding: 3px;
        border-radius: 100%;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
/* 登录注册二维码遮罩 end */

/* 表情通知 */
.yj-msgbox {
    text-align: center;
    padding: 20px;
}

    .yj-msgbox i {
        font-size: 100px;
    }

    .yj-msgbox p.msg {
        color: #666;
        font-size: 20px;
        margin-top: 20px;
    }

    .yj-msgbox p.text {
        color: #666;
        font-size: 16px;
        margin-top: 20px;
    }
/* 表情通知 end */

/* 项目列表 */
.project-list li {
    position: relative;
    height: 45px;
    line-height: 22px;
    padding: 15px;
    border-bottom: 1px dotted #e2e2e2;
}

    .project-list li h2 {
        height: 26px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .project-list li h2 a {
            display: inline-block;
            max-width: 80%;
            padding-right: 10px;
            font-size: 16px;
        }

        .project-list li h2 .layui-badge {
            top: -2px;
            height: 16px;
            line-height: 16px;
            padding: 0 5px;
            background: none;
        }

.project-list .list-info {
    position: relative;
    font-size: 13px;
    color: #999;
}

.project-list .list-time {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0 !important;
}
/* 项目列表 end */



/* 消息列表 */
.msg-list li {
    position: relative;
    line-height: 22px;
    padding: 15px;
    border-bottom: 1px dotted #e2e2e2;
}

    .msg-list li h2 {
        height: 26px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .msg-list li h2 a {
            display: inline-block;
            max-width: 80%;
            padding-right: 10px;
            font-size: 16px;
        }

        .msg-list li h2 .layui-badge {
            top: -2px;
            height: 16px;
            line-height: 16px;
            padding: 0 5px;
            background: none;
        }

.msg-list .list-info {
    position: relative;
    font-size: 13px;
    color: #999;
}

.msg-list .list-time {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0 !important;
}
/* 消息列表 end */

/* 发现列表 */
.news-list li {
    position: relative;
    height: 45px;
    line-height: 22px;
    padding: 15px;
    border-bottom: 1px dotted #e2e2e2;
}

    .news-list li h2 {
        height: 26px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .news-list li h2 a {
            display: inline-block;
            max-width: 80%;
            padding-right: 10px;
            font-size: 16px;
        }

        .news-list li h2 .layui-badge {
            top: -2px;
            height: 16px;
            line-height: 16px;
            padding: 0 5px;
            background: none;
        }

.news-list .list-info {
    position: relative;
    font-size: 13px;
    color: #999;
}

.news-list .list-time {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0 !important;
}
/* 发现列表 end */

/* 发现文章 */
.news-title {
    height: 45px;
    padding: 15px;
}

.news-time {
    height: 26px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #e2e2e2;
}

.news-content {
    padding-right: 10px;
    font-size: 16px;
    line-height: 36px;
    padding: 20px 50px 20px 50px;
}

.new-sub {
    padding: 20px;
    color: #818486;
}
/* 发现文章 end */

/* 项目大厅列表 */
.proroom-list {
    margin: 0px 10px;
    width: 98%;
    height: auto;
}

    .proroom-list li {
        position: relative;
        line-height: 22px;
        padding: 25px 15px 15px 5px;
        border-bottom: 1px dashed #D8D8D8;
    }

        .proroom-list li h2 {
            height: 26px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .proroom-list li h2 a {
                display: inline-block;
                max-width: 80%;
                padding-right: 10px;
                font-size: 24px;
            }


.proroom-list-badge {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 0;
}

    .proroom-list-badge .layui-badge-rim {
        padding: 25px 4px 4px 4px;
        margin-left: 5px;
        border-radius: 2px;
        font-size: 16px;
        border: none
    }

.proroom-list li .list-info {
    position: relative;
    font-size: 13px;
    color: #999;
    padding-top: 2px;
}

.proroom-list li .list-type {
    position: relative;
    clear: both;
    width: 100%;
    display: block;
    display: flex;
    padding: 10px 10px 5px 0px;
    font: 12px/24px "微软雅黑", sans-serif;
    line-height: 20px;
}

    .proroom-list li .list-type .major {
        border: 1px solid #009966;
        display: inline-block;
        margin-right: 10px;
    }

        .proroom-list li .list-type .major .major-title {
            color: #fff;
            background-color: #48b5ab;
            padding: 8px;
            display: inline-block;
            font-size: 16px;
            color: white;
            line-height: 14px;
        }

    .proroom-list li .list-type em {
        display: inline-block;
        border: 1px solid #009688;
        margin-right: 10px !important;
        color: #009688;
        font-size: 12px;
        font: 12px/24px "微软雅黑", sans-serif;
        line-height: 14px;
        padding: 8px;
    }


.proroom-list li .list-time {
    position: absolute;
    right: 0;
    top: 6px;
    padding-right: 0 !important;
}


/*项目大厅列表筛选行 start*/
@media screen and (max-width:640px) {
    .select {
        padding: 50px 5px 0px 5px;
    }
}
@media screen and (min-width:640px) {
	.select {
    padding: 5px 5px 0px 5px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px
}
}

    .select li {
        position: relative;
        line-height: 22px;
        padding: 5px 15px 15px 55px;
        list-style: none;
    }

    .select .select-list {
        border-bottom: #eee 1px dashed
    }

    .select dl {
        zoom: 1;
        position: relative;
        line-height: 24px;
    }

        .select dl:after {
            content: " ";
            display: block;
            clear: both;
            height: 0;
            overflow: hidden
        }

    .select dt {
        width: 100px;
        margin-bottom: 5px;
        position: absolute;
        top: 0;
        left: -100px;
        text-align: right;
        color: #666;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-weight: bold;
    }

    .select dd {
        float: left;
        display: inline;
        margin: 0 0 5px 5px;
    }

    .select a {
        display: inline-block;
        white-space: nowrap;
        height: 24px;
        padding: 0 10px;
        text-decoration: none;
        color: #333;
        border-radius: 2px;
    }

        .select a:hover {
            color: #ffffff;
            background-color: #3e8321;
        }

		 .select li dl dt dd a: hover{
            color: #009966;
            background-color: #f5f5f5;
        }

    .select .selected a {
        color: #009966;
        background-color: #f5f5f5;
    }


.select-no {
    color: #999
}
/*项目大厅列表筛选行 end*/


/*项目大厅列表排序行 start*/
.m-sortbar {
    margin-top: 0px;
    padding-bottom: 5px;
    border-bottom: #eee 1px dashed
}

    .m-sortbar .sort-row {
        height: 39px;
    }

        .m-sortbar .sort-row .sort-inner {
            height: 39px;
            background-color: #f5f5f5;
            border: solid 1px #e8e8e8
        }

    .m-sortbar .sorts {
        float: left;
        line-height: 39px
    }

        .m-sortbar .sorts .sort {
            float: left
        }

        .m-sortbar .sorts .link {
            float: left;
            display: block;
            height: 39px;
            margin-left: -1px;
            padding: 0 19px;
            border-left: solid 1px #f5f5f5;
            border-right: solid 1px #f5f5f5;
            text-decoration: none;
            color: #6d6d6d
        }

            .m-sortbar .sorts .active, .m-sortbar .sorts .link:hover {
                position: relative;
                z-index: 1;
                background-color: #fff;
                border-color: #e5e5e5;
                color: #009966;
            }

                .m-sortbar .sorts .active a {
                    position: relative;
                    z-index: 1;
                    background-color: #fff;
                    border-color: #e5e5e5;
                    color: #009966;
                }


        .m-sortbar .sorts .first {
            margin-left: 0;
            border-left: none
        }

    .m-sortbar .filter-row {
        height: 41px;
    }

        .m-sortbar .filter-row .filter-inner {
            height: 39px;
            background-color: #f5f5f5;
            border: solid 1px #e8e8e8
        }

    .m-sortbar .filter {
        float: left;
        line-height: 39px;
    }

        .m-sortbar .filter .filter {
            float: left;
            display: block;
            height: 39px;
            margin-left: -1px;
            padding: 0 19px;
            text-decoration: none;
            color: #6d6d6d
        }

/*项目大厅列表排序行 end*/


/* 项目大厅列表 end */



/* 问答模块列表  strart*/
.qa-list li {
    position: relative;
    height: 45px;
    line-height: 22px;
    padding: 15px 15px 10px 10px;
    border-bottom: 1px dotted #e2e2e2;
}

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

    .qa-list li h2,
    .qa-list li h2 a,
    .qa-list-info {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .qa-list li h2 {
        height: 26px;
        font-size: 0;
    }

        .qa-list li h2 a {
            display: inline-block;
            max-width: 80%;
            padding-right: 10px;
            font-size: 16px;
        }

        .qa-list li h2 .layui-badge {
            top: -2px;
            height: 16px;
            line-height: 16px;
            padding: 0 5px;
            margin-right: 10px;
            font-size: 12px;
            border: 1px solid #5FB878;
            background: none;
            color: #5FB878;
        }
/* 列表 end */

/* steps start */
.ivu-steps {
    font-size: 0;
    width: 100%;
    line-height: 1.5
}

.ivu-steps-item {
    display: inline-block;
    position: relative;
    vertical-align: top
}

    .ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner {
        background-color: #fff
    }

        .ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner > .ivu-steps-icon, .ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner span {
            color: #ccc
        }

    .ivu-steps-item.ivu-steps-status-wait .ivu-steps-content, .ivu-steps-item.ivu-steps-status-wait .ivu-steps-title {
        color: #999
    }

    .ivu-steps-item.ivu-steps-status-wait .ivu-steps-tail > i {
        background-color: #e9eaec
    }

    .ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner {
        border-color: #2d8cf0;
        background-color: #2d8cf0
    }

        .ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner > .ivu-steps-icon, .ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner span {
            color: #fff
        }

    .ivu-steps-item.ivu-steps-status-process .ivu-steps-content, .ivu-steps-item.ivu-steps-status-process .ivu-steps-title {
        color: #666
    }

    .ivu-steps-item.ivu-steps-status-process .ivu-steps-tail > i {
        background-color: #e9eaec
    }

    .ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner {
        background-color: #fff;
        border-color: #2d8cf0
    }

        .ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner > .ivu-steps-icon, .ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span {
            color: #2d8cf0
        }

    .ivu-steps-item.ivu-steps-status-finish .ivu-steps-tail > i:after {
        width: 100%;
        background: #2d8cf0;
        transition: all .2s ease-in-out;
        opacity: 1
    }

    .ivu-steps-item.ivu-steps-status-finish .ivu-steps-content, .ivu-steps-item.ivu-steps-status-finish .ivu-steps-title {
        color: #999
    }

    .ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner {
        background-color: #fff;
        border-color: #ed3f14
    }

        .ivu-steps-item.ivu-steps-status-error .ivu-steps-content, .ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner > .ivu-steps-icon, .ivu-steps-item.ivu-steps-status-error .ivu-steps-title {
            color: #ed3f14
        }

    .ivu-steps-item.ivu-steps-status-error .ivu-steps-tail > i {
        background-color: #e9eaec
    }

    .ivu-steps-item.ivu-steps-next-error .ivu-steps-tail > i, .ivu-steps-item.ivu-steps-next-error .ivu-steps-tail > i:after {
        background-color: #ed3f14
    }

    .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner {
        background: 0 0;
        border: 0;
        width: auto;
        height: auto
    }

        .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner > .ivu-steps-icon {
            font-size: 20px;
            top: 2px;
            width: 20px;
            height: 20px
        }

    .ivu-steps-item.ivu-steps-custom.ivu-steps-status-process .ivu-steps-head-inner > .ivu-steps-icon {
        color: #2d8cf0
    }

    .ivu-steps-item:last-child .ivu-steps-tail {
        display: none
    }

.ivu-steps .ivu-steps-head, .ivu-steps .ivu-steps-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.ivu-steps .ivu-steps-head {
    background: #fff
}

.ivu-steps .ivu-steps-head-inner {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    margin-right: 8px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 14px;
    transition: background-color .2s ease-in-out
}

    .ivu-steps .ivu-steps-head-inner > .ivu-steps-icon {
        line-height: 1;
        position: relative
    }

        .ivu-steps .ivu-steps-head-inner > .ivu-steps-icon.ivu-icon {
            font-size: 24px
        }

        .ivu-steps .ivu-steps-head-inner > .ivu-steps-icon.ivu-icon-ios-checkmark-empty, .ivu-steps .ivu-steps-head-inner > .ivu-steps-icon.ivu-icon-ios-close-empty {
            font-weight: 700
        }

.ivu-steps .ivu-steps-main {
    margin-top: 2.5px;
    display: block;
    position: relative;
}

.ivu-steps .ivu-steps-custom .ivu-steps-title {
    margin-top: 2.5px
}

.ivu-steps .ivu-steps-title {
    display: inline-block;
    margin-bottom: 4px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    background: #fff
}

    .ivu-steps .ivu-steps-title > a:first-child:last-child {
        color: #666
    }

.ivu-steps .ivu-steps-item-last .ivu-steps-title {
    padding-right: 0;
    width: 100%
}

.ivu-steps .ivu-steps-content {
    font-size: 12px;
    color: #999;
    display: block;
}

.ivu-steps .ivu-steps-tail {
    width: 100%;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 13px
}

    .ivu-steps .ivu-steps-tail > i {
        display: inline-block;
        width: 100%;
        height: 1px;
        vertical-align: top;
        background: #e9eaec;
        border-radius: 1px;
        position: relative
    }

        .ivu-steps .ivu-steps-tail > i:after {
            content: "";
            width: 0;
            height: 100%;
            background: #e9eaec;
            opacity: 0;
            position: absolute;
            top: 0
        }

.ivu-steps.ivu-steps-small .ivu-steps-head-inner {
    width: 18px;
    height: 18px;
    line-height: 16px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px
}

    .ivu-steps.ivu-steps-small .ivu-steps-head-inner > .ivu-steps-icon.ivu-icon {
        font-size: 16px;
        top: 0
    }

.ivu-steps.ivu-steps-small .ivu-steps-main {
    margin-top: 0
}

.ivu-steps.ivu-steps-small .ivu-steps-title {
    margin-bottom: 4px;
    margin-top: 0;
    color: #666;
    font-size: 12px;
    font-weight: 700
}

.ivu-steps.ivu-steps-small .ivu-steps-content {
    font-size: 12px;
    color: #999;
    padding-left: 30px
}

.ivu-steps.ivu-steps-small .ivu-steps-tail {
    top: 8px;
    padding: 0 8px
}

    .ivu-steps.ivu-steps-small .ivu-steps-tail > i {
        height: 1px;
        width: 100%;
        border-radius: 1px
    }

.ivu-steps .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner, .ivu-steps.ivu-steps-small .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner {
    width: inherit;
    height: inherit;
    line-height: inherit;
    border-radius: 0;
    border: 0;
    background: 0 0
}

.ivu-steps-vertical .ivu-steps-item {
    display: block
}

.ivu-steps-vertical .ivu-steps-tail {
    position: absolute;
    left: 13px;
    top: 0;
    height: 100%;
    width: 1px;
    padding: 30px 0 4px
}

    .ivu-steps-vertical .ivu-steps-tail > i {
        height: 100%;
        width: 1px
    }

        .ivu-steps-vertical .ivu-steps-tail > i:after {
            height: 0;
            width: 100%
        }

.ivu-steps-vertical .ivu-steps-status-finish .ivu-steps-tail > i:after {
    height: 100%
}

.ivu-steps-vertical .ivu-steps-head {
    float: left
}

.ivu-steps-vertical .ivu-steps-head-inner {
    margin-right: 16px
}

.ivu-steps-vertical .ivu-steps-main {
    min-height: 47px;
    overflow: hidden;
    display: block
}

    .ivu-steps-vertical .ivu-steps-main .ivu-steps-title {
        line-height: 26px
    }

    .ivu-steps-vertical .ivu-steps-main .ivu-steps-content {
        padding-bottom: 12px;
        padding-left: 0
    }

.ivu-steps-vertical .ivu-steps-custom .ivu-steps-icon {
    left: 4px
}

.ivu-steps-vertical.ivu-steps-small .ivu-steps-custom .ivu-steps-icon {
    left: 0
}

.ivu-steps-vertical.ivu-steps-small .ivu-steps-tail {
    position: absolute;
    left: 9px;
    top: 0;
    padding: 22px 0 4px
}

    .ivu-steps-vertical.ivu-steps-small .ivu-steps-tail > i {
        height: 100%
    }

.ivu-steps-vertical.ivu-steps-small .ivu-steps-title {
    line-height: 18px
}

.ivu-steps-horizontal.ivu-steps-hidden {
    visibility: hidden
}

.ivu-steps-horizontal .ivu-steps-content {
}

.ivu-steps-horizontal .ivu-steps-item:not(:first-child) .ivu-steps-head {
    padding-left: 10px;
    margin-left: -10px
}

/* steps end */


/**/
.clear {
    zoom: 1;
}

    .clear:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

.m-publish-step {
    background-color: #F1F1F1;
    padding: 15px 0;
    border: 1px solid #DADADA;
    position: relative;
    margin: 20px 0;
    font-size: 14px;
    font: 12px/1.5 "Microsoft YaHei", 微软雅黑, Arial, Verdana, Sans-Serif;
}

.m-publish-info-line {
    height: 2px;
    overflow: hidden;
    border: 2px solid #DCDCDC;
    background-color: #C2C2C2;
    width: 650px;
    position: absolute;
    top: 25px;
    left: 58px;
}

    .m-publish-info-line i {
        height: 2px;
        overflow: hidden;
        background-color: #0DAD6D;
        display: inline-block;
        position: absolute;
    }

.m-publish-step li {
    width: 110px;
    text-align: center;
    font-size: 12px;
    float: left;
    display: inline;
    position: relative;
    z-index: 9;
    color: #666;
}

    .m-publish-step li.ok i {
        background-color: #48b5ab
    }

    .m-publish-step li i {
        font-style: normal;
        display: block;
        height: 25px;
        line-height: 25px;
        color: #fff;
        margin-bottom: 5px;
    }

/* 颜色 */
/*紫*/
.yj-zong1 {
    background-color: #8c592b !important;
}

.yj-zong2, .yj-act13, .yj-act20, .yj-ptp0, .yj-rt0, .yj-vip0, .yj-psort0 {
    background-color: #bf9969 !important;
}

.yj-zong3 {
    background-color: #f2e0bf !important;
}
/*紫*/
.yj-zi1, .yj-act1, .yj-act14 {
    background-color: #6d248d !important;
}

.yj-zi2, .yj-act2, .yj-act15, .yj-ptp7, .yj-ptp8, .yj-ptp9, .yj-rt1 {
    background-color: #ac69ce !important;
}

.yj-zi3 {
    background-color: #c3a1d4 !important;
}
/*绿*/
.yj-lv1, .yj-act4 {
    background-color: #166e00 !important;
}

.yj-lv2, .yj-act5, .yj-act16, .yj-ptp1, .yj-rt2 {
    background-color: #009966 !important;
}

.yj-lv3, .yj-act6 {
    background-color: #33cc66 !important;
}
/*蓝*/
.yj-lan1, .yj-act3, .yj-act7 {
    background-color: #0039b3 !important;
}

.yj-lan2, .yj-act8, .yj-act17, .yj-ptp10, .yj-rt4, .yj-vip1 {
    background-color: #1e82d9 !important;
}

.yj-lan3, .yj-act12 {
    background-color: #88c9f2 !important;
}
/*红*/
.yj-hong1, .yj-act9 {
    background-color: #bb1c1c !important;
}

.yj-hong2, .yj-act10, .yj-ptp2, .yj-ptp3, .yj-ptp4, .yj-ptp5, .yj-ptp6, .yj-psort1, .yj-act18 {
    background-color: #db4b0b !important;
}

.yj-hong3, .yj-act11 {
    background-color: #fa9d87 !important;
}
/*黄*/
.yj-huang1, .yj-vip2, .yj-rt3, .yj-ptp11, .yj-ptp12 {
    background-color: #f29f3f !important;
}

.yj-huang2 {
    background-color: #ffe500 !important;
}

.yj-huang3 {
    background-color: #e8e68a !important;
}

/*青*/
.yj-qing1, .yj-act0 {
    background-color: #00697d !important;
}

.yj-qing2, .yj-act19 {
    background-color: #2d9dab !important;
}

.yj-qing3 {
    background-color: #afe7e2 !important;
}
/*灰*/
.yj-hui {
    background-color: #c6c6c6 !important;
}

.yj-pts {
    display: inline-block;
    min-width: 10px;
    padding: 0.25em 0.25em;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #e1e1e1;
    border-radius: 0;
}

/* 颜色 end */


/* project preview */
.prvTitle {
    text-align: right;
    font-weight: bold;
}

.prvContent {
}
/* project preview end */

/* 项目发布 */
.yj-publish {
    margin: 20px 0;
}

    .yj-publish li {
        font-weight: bold;
        font-size: 0.95rem;
    }
/* 项目发布 end */

/* 扩展 */
.layui-input-inline2 {
    position: relative;
}

.layui-input-inline2 {
    display: inline-block;
    vertical-align: middle;
}

.layui-form-item .layui-input-inline2 {
    float: left;
    width: 390px;
    margin-right: 10px;
}

.layui-form-text .layui-input-inline2 {
    width: auto;
}

.layui-form-pane .layui-input-inline2 {
    margin-left: -1px;
}

.layui-form-pane .layui-form-text .layui-input-inline2 {
    display: block;
    margin: 0;
    top: -1px;
    clear: both;
}

.layui-form-pane .layui-form-item[pane] .layui-input-inline2 {
    margin-left: 110px;
}


@media screen and (max-width: 450px) {
    .layui-form-item .layui-input-inline2 {
        display: block;
        float: none;
        left: -3px;
        width: auto;
        margin: 0 0 10px 112px;
    }
}

.layui-form-mid {
    color: #666;
}


/* 修改 */
.fly-panel-title {
    font-size: 16px;
}

/*input:read-only {
    color: darkgray;
}*/

.layui-form-item .layui-form-label-show {
    float: left;
    display: block;
    padding: 9px 15px;
    font-weight: 400;
    text-align: left;
    color: #808080;
}

.layui-form-item .layui-input-block .layui-form-label-show {
    width: 85%;
}

/**亿己网聊天*/
.chatContainer, .chatContainer div, .chatContainer ul, .chatContainer li, .chatContainer p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*按钮样式*/
/*按钮样式*/
.btn-default-styles {
    outline: none;
    resize: none;
    border: none;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #bbb;
    color: #fff;
    border-radius: 4px;
}

    .btn-default-styles:focus {
        outline: none;
    }

    .btn-default-styles:hover {
        background: #c5c5c5;
        animation: anniu 1s infinite;
    }

    .btn-default-styles:active {
        box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
    }


.chatContainer {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

.chatBtn {
    width: 50px;
    height: 50px;
    background: #01bef0;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

    .chatBtn:hover {
        background: #01b3df;
        box-shadow: none;
    }

    .chatBtn > i {
        font-size: 25px;
    }

.chatBox {
    width: 320px;
    min-width: 320px;
    height: 535px;
    background: #f5ecff;
    position: absolute;
    bottom: 0;
    right: 20px;
    overflow: hidden;
    box-shadow: 1px 1px 2px #c0c0c0;
    z-index: 999;
    border-radius: 10px;
}

.chatBox-head {
    width: 100%;
    height: 40px;
    background: #01aee0;
    position: absolute;
    top: 0;
    left: 0;
}

.chatBox-head-one {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.chatBox-head-two {
    width: 100%;
    height: 40px;
    color: #fff;
    padding: 0 10px 0 10px;
    display: none;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
}

.chat-return {
    float: left;
    width: 10px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
}

    .chat-return:hover {
        background: #0188b7;
    }

.chat-close {
    float: right;
    width: 50px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
}

    .chat-close:hover {
        background: #0188b7;
    }

.chat-username {
    float: left;
    margin-left: 10px;
    width: 220px;
    height: 40px;
    line-height: 40px;
}

.chatBox-info {
    width: 100%;
    height: 495px;
    background: #fff;
    text-align: left;
    position: absolute;
    top: 40px;
    left: 0;
}

.chatBox-list {
    width: 100%;
    height: 495px;
    overflow-y: scroll;
}

.chat-list-people {
    width: 100%;
    height: 55px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    overflow: hidden;
    padding: 0px 10px;
    border-bottom: 1px solid #999
}

    .chat-list-people:hover {
        cursor: pointer;
        background: #f8f8f8;
    }

.chat-message-num {
    display: inline-block;
    height: auto;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    margin-right: 15px;
    margin-top: 14px;
    color: #fff;
    background: #f46266;
    position: absolute;
    bottom: 40px;
    right: -24px;
}


.chat-name {
    width: 250px;
    float: left;
}

    .chat-name > p {
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .chat-name > p:nth-of-type(1) {
            line-height: 55px;
        }


.message-num {
    display: inline-block;
    height: auto;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    margin-right: 5px;
    margin-top: 14px;
    color: #fff;
    background: #f46266;
    float: right;
}

.chatBox-kuang {
    width: 100%;
    height: 495px;
    display: none;
}

.chatBox-content {
    width: 100%;
}

.chatBox-content-demo {
    width: 100%;
    overflow-y: scroll;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfloat {
    zoom: 1;
    margin: 10px 10px;
}

    .clearfloat .right {
        float: right;
    }

.author-name {
    text-align: center;
    margin: 15px 0 5px 0;
    color: #888;
}

.clearfloat .chat-message {
    max-width: 225px;
    text-align: left;
    padding: 8px 12px;
    border-radius: 6px;
    word-wrap: break-word;
    display: inline-block;
    position: relative;
}


.clearfloat .left .chat-message {
    background: #D9D9D9;
    min-height: 36px;
}

    .clearfloat .left .chat-message:before {
        position: absolute;
        content: "";
        top: 8px;
        left: -6px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #D9D9D9;
    }

.clearfloat .right {
    text-align: right;
}

    .clearfloat .right .chat-message {
        background: #8c85e6;
        color: #fff;
        text-align: left;
        min-height: 36px;
    }

        .clearfloat .right .chat-message:before {
            position: absolute;
            content: "";
            top: 8px;
            right: -6px;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid #8c85e6;
        }

.clearfloat .chat-avatars {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eee;
    vertical-align: top;
    overflow: hidden;
}

    .clearfloat .chat-avatars > img {
        width: 30px;
        height: 30px;
    }

.clearfloat .left .chat-avatars {
    margin-right: 10px;
}

.clearfloat .right .chat-avatars {
    margin-left: 10px;
}

.chatBox-send {
    width: 100%;
    padding: 10px 5px;
    background: #eee;
    border-top: 1px #D0D0D0 solid;
    position: absolute;
    bottom: 0;
    left: 0;
}

.div-textarea {
    width: 260px;
    min-height: 20px;
    max-height: 100px;
    _height: 120px;
    padding: 3px;
    outline: 0;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    user-modify: read-write-plaintext-only; /*纯文本*/
    -webkit-user-modify: read-write-plaintext-only;
    -moz-user-modify: read-write-plaintext-only;
}

    .div-textarea:focus {
        box-shadow: 0 0 15px rgba(82, 168, 236, 0.6);
    }

.chatBox-send > div {
    float: left;
}

    .chatBox-send > div:nth-of-type(2) {
        font-size: 0;
    }

    .chatBox-send > div button {
        padding: 1px 5px;
        margin-left: 3px;
    }

    .chatBox-send > div label {
        padding: 1px 5px;
        margin-left: 3px;
    }

#chat-biaoqing {
    position: relative;
}

.hidden {
    display: none;
}

.biaoqing-photo {
    width: 200px;
    height: 160px;
    background: #ffffff;
    position: absolute;
    top: -160px;
    right: 40px;
    text-align: left;
    border-radius: 5px;
    border: solid 1px #c5c5c5;
    display: none;
}

    .biaoqing-photo::before {
        content: '';
        position: absolute;
        border-top: solid 7px #c5c5c5;
        border-left: solid 9px transparent;
        border-right: solid 9px transparent;
        bottom: -7px;
        right: 36px;
    }

    .biaoqing-photo::after {
        content: '';
        position: absolute;
        border-top: solid 7px #fff;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        bottom: -5px;
        right: 35px;
    }

    .biaoqing-photo > ul {
        margin: 0;
        width: 200px;
        height: 160px;
        padding: 3px 2px;
        list-style: none;
    }

        .biaoqing-photo > ul > li {
            float: left;
            height: 30px;
            margin-left: 2px;
        }

.emoji-picker-image {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/bqxtb01.png) no-repeat;
    background-size: 200px auto;
    cursor: pointer;
}

.biaoqing-photo > ul > li span.emoji-picker-image:hover {
    border: solid 1px #f5f5f5;
}

.chat-message img {
    width: 220px;
    height: auto;
}

@media all and (max-width: 768px) {
    .chatBox {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media all and (max-width: 370px) {
    .chat-name {
        width: 185px;
    }

    .chat-people > div:nth-of-type(2) {
        width: 120px;
    }

    .clearfloat .chat-message {
        max-width: 240px;
    }
}

/*进度条*/

.skillbar {
    position: relative;
    display: block;
    width: 100%;
    background: #eee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.skillbar-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    background: #6adcfa;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
}

    .skillbar-title span {
        display: block;
        background: rgba(0, 0, 0, 0.1);
        padding: 0 20px;
        height: 35px;
        line-height: 35px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.skillbar-bar {
    height: 35px;
    width: 0px;
    background: #6adcfa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.skill-bar-percent {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    color: rgba(0, 0, 0, 0.4);
}
/*订单详情*/
.checkout-confirm {
    padding: 20px 30px;
    background: #fafafa;
    text-align: right;
    color: #333;
}

    .checkout-confirm .btn-back-cart {
        border-color: #dfdfdf;
    }

.btn-lineDakeLight {
    background-color: #fafafa;
    border-color: #f3f3f3;
    color: #333;
}

.btn-primary {
    background-color: #ff4646;
    border-color: #ff4a00;
    color: #fff;
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ff4a00;
    color: #ff4a00;
    padding: 0;
    width: 148px;
}

/*评价区**/
.comment-tags {
    height: 27px;
    vertical-align: middle;
}

    .comment-tags .citem {
        line-height: 27px;
        height: 29px;
        display: inline-block;
        background: url(../../../images/pjbq.png) no-repeat;
        padding-left: 18px;
    }

    .comment-tags > img {
        height: 27px;
        vertical-align: middle;
    }


    .comment-tags em {
        background: #ffefd9;
        border: 1px solid #ff9e45;
        border-left: none;
        color: #767676;
        display: inline-block;
        font-size: 14px;
        height: 27px;
        /*line-height: 27px;*/
        margin-right: 10px;
        padding: 0 18px;
        border-radius: 0 4px 4px 0;
    }
/*账户余额*/
.shopcard {
    overflow: hidden;
    padding: 50px 20px;
    border: 1px solid #dadada
}

    .shopcard .cuschan {
        float: left;
        width: 50%;
        text-align: center
    }

        .shopcard .cuschan span {
            font-size: 24px;
            text-align: right
        }

        .shopcard .cuschan .co {
            margin-left: 37px;
            color: #e23435
        }

        .shopcard .cuschan .topup-mom {
            border: 1px solid #dadada;
            background: #f1f1f1;
            width: 180px;
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            display: block;
            text-align: center;
            margin: 0 auto
        }

.money {
    background: url(../../../images/money.png) no-repeat;
    width: 41px;
    height: 36px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

.payment-list {
    margin: 0 0 0 -14px;
    padding: 0;
    overflow: hidden;
    _zoom: 1;
}

    .payment-list li {
        float: left;
        width: 174px;
        height: 60px;
        line-height: 60px;
        margin-left: 14px;
        margin-bottom: 14px;
        border: 1px solid #e0e0e0;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
        _zoom: 1;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

        .payment-list li img {
            cursor: pointer;
            margin-left: -10px;
        }

.modal {
    position: fixed !important;
    top: 50%;
    left: 50%;
    _position: absolute;
    _top: 15%;
    _margin-top: 0;
    z-index: 1050;
    width: 660px;
    margin-left: -330px;
    margin-top: -300px;
    background-color: #fff;
    outline: none;
}

.modal-weixin-pay {
    width: 370px;
    height: 440px;
    margin-top: -220px;
    margin-left: -185px;
}

.modal-header, .modal-hd {
    position: relative;
    height: 32px;
    padding: 14px 20px;
    background-color: #f5f5f5;
}

    .modal-header h3, .modal-header .title, .modal-hd h3, .modal-hd .title {
        margin: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        color: #424242;
    }

.modal .close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #757575;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 10;
    border-radius: 15px;
}

.modal-weixin-pay .modal-bd {
    height: 360px;
    padding: 0 40px;
    position: relative;
    text-align: center;
}

.modal-weixin-pay .example {
    display: none;
    width: 307px;
    height: 488px;
    background: url(../../../images/weinxin-pay.png) no-repeat;
    position: absolute;
    top: -30px;
    left: -300px;
}

.modal-weixin-pay .msg span {
    color: #ff6700;
    cursor: pointer;
}

.example {
    display: none;
    width: 307px;
    height: 488px;
    background: url(../../../images/weinxin-pay.png) no-repeat;
    position: absolute;
    top: -70px;
    left: -60px;
}
/*财务中心登陆*/

#particles-js {
    width: 100%;
    height: 610px;
    background-image: url(../../../images/bg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.sk-rotating-plane {
    display: none;
    width: 80px;
    height: 80px;
    margin: auto;
    background-color: white;
    -webkit-animation: sk-rotating-plane 1.2s infinite ease-in-out;
    animation: sk-rotating-plane 1.2s infinite ease-in-out;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -80px;
}

    .sk-rotating-plane.active {
        display: block;
    }

@keyframes sk-rotating-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes login-small {
    0% {
        transform: scale(1);
        -moz-transform: scale(1); /* Firefox 4 */
        -webkit-transform: scale(1); /* Safari 和 Chrome */
        -o-transform: scale(1); /* Opera */
        -ms-transform: scale(1); /* IE 9 */
    }

    100% {
        transform: scale(0.2);
        -moz-transform: scale(0.1); /* Firefox 4 */
        -webkit-transform: scale(0.2); /* Safari 和 Chrome */
        -o-transform: scale(0.1); /* Opera */
        -ms-transform: scale(0.1); /* IE 9 */
    }
}

.login {
    z-index: 2;
    position: absolute;
    width: 450px;
    border-radius: 5px;
    height: 500px;
    background: white;
    box-shadow: 0px 0px 5px #333333;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -175px;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
}

.login-top {
    font-size: 24px;
    margin-top: 100px;
    padding-left: 40px;
    box-sizing: border-box;
    color: #333333;
    margin-bottom: 50px;
}

.login-center {
    width: 100%;
    box-sizing: border-box;
    padding: 0 40px;
    margin-bottom: 30px;
}

.login-center-img {
    width: 20px;
    height: 30px;
    float: left;
    margin-top: 5px;
}

    .login-center-img > img {
        width: 100%;
    }

.login-center-input {
    float: left;
    width: 230px;
    margin-left: 15px;
    height: 30px;
    position: relative;
}

    .login-center-input input {
        z-index: 2;
        transition: all 0.5s;
        padding-left: 10px;
        color: #333333;
        width: 100%;
        height: 38px;
        border: 0;
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        box-sizing: border-box;
        outline: none;
        position: relative;
    }

        .login-center-input input:focus {
            border: 1px solid dodgerblue;
        }

.login-center-input-btn {
    float: left;
    width: 20px;
    margin-left: 15px;
    height: 30px;
    position: relative;
}


.login-center-input-text {
    background: white;
    padding: 0 5px;
    position: absolute;
    z-index: 0;
    opacity: 0;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    left: 5px;
    color: dodgerblue;
    line-height: 20px;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s; /* Opera */
}

.login-center-input input:focus ~ .login-center-input-text {
    top: 0;
    z-index: 3;
    opacity: 1;
    margin-top: -15px;
}

.login.active {
    -webkit-animation: login-small 0.8s;
    animation: login-small 0.8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layui-table th {
    background-color: #a3d1cd;
    font-weight: 600;
}

.layui-form-label {
    width: 90px;
}

.layui-input-block {
    margin-left: 120px;
}

.layui-table td {
    padding: 11px 6px;
}

.layui-table th {
    padding: 11px 6px;
    text-align: center
}

.layui-table td .layui-form-checkbox[lay-skin=primary] {
    padding-left: 18px;
}

.layui-table th .layui-form-checkbox[lay-skin=primary] {
    padding-left: 18px;
}
/* 搜索 */
.yj-soform {
    padding: 10px;
}

.yj-sotitle {
    display: inline-block;
    vertical-align: middle;
    padding: 9px 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
/* 搜索 end */


/* 财务中心*/
.ydc-right-head-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    -webkit-flex: 1 1 780px;
    -ms-flex: 1 1 780px;
    flex: 1 1 780px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    background-color: #f4f4f4;
    border-radius: 3px;
}

    .ydc-right-head-info dl {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }



        .ydc-right-head-info dl dt {
            color: #757575;
            line-height: 22px;
            font-size: 14px;
            font-weight: 200;
        }

        .ydc-right-head-info dl dd {
            margin: 8px 0 0;
            font-size: 26px;
            line-height: 37px;
            font-weight: 700;
            color: #ff6565;
        }


        .ydc-right-head-info dl a:hover {
            color: #ff6565;
        }
.fly-filter a {
    color: #666;
}

    .fly-filter a:hover, .fly-filter a.active {
        color: #FF565D;
    }
	  #tnu {
            position: fixed;
            z-index: 10;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            background-color:#ffffff; 
            margin:0; /*很重要*/
			height: 50px;
    padding-top: 10px;
        }
		#tnu img{
		padding-left:20px
         }
        #tnu li {
            float: left;
            list-style: none;
            width: 25%;
			text-align:center;
        }

        #tnu a {
            display: block;
			padding-right:10px;
			padding-left:10px;
            width: 100%;
            text-align: center;
            -webkit-transition: .5s all ease-out;
            -moz-transition: .5s all ease-out;
            transition: .5s all ease-out;
/*            border-bottom: 3px solid cyan;*/
            color: #000000;
            text-decoration: none;
        }

        #tnu a:hover {
            color: #000;
        }

        #tnu li.active a {
/*            border-bottom: 3px solid #333;*/
            color:#000000;
        }
		
		.lib_Tab1_sx{max-width: 1200px;margin:0 auto;padding:0px;margin-bottom:15px; overflow:hidden;font-size: 14px; background-color:#FFFFFF;}
/*.lib_tabborder_sx{border:1px solid #95C9E1;}*/
.lib_Menubox_sx {line-height:28px;position:relative; float:left;  width: 17%; height:570px;}
.lib_Menubox_sx ul{margin:0px;padding:0px;list-style:none; position:absolute; top:15px; left:5px; margin-left:10px; height:25px;text-align:center;}
.lib_Menubox_sx li{display:block;cursor:pointer;width:114px;color:#3e423e;margin-bottom:5px;height:32px;line-height:32px;}
.lib_Menubox_sx li.hover{padding:0px;background:#fff;width:116px; border-right:0;
color:#01AAED;height:32px;line-height:32px;}
.lib_Contentbox_sx{margin-top:0px; border-top:none;padding:20px; border-left:0; margin-left:130px;}
.yy3{ 
display: flex;
padding:10px;
font-size:14px;
border-left:solid 7px #006600;
background-color:#E1F5E0;
margin-top:5%;
line-height:25px;
}  
.yy4{
font-size:26px;
}  
	@media screen and (max-width: 768px){
	.proroom-list li h2 a{font-size: 16px;}
	.proroom-list li .list-type .major .major-title{ font-size:12px;}
    .list-bs{ display:none;}
	.proroom-list-badge .layui-badge-rim{padding: 16px 4px 4px 4px;}
	.yj-footer {margin-bottom: 60px;}
	.select dd{ margin:0;}
	.select dt{left: -90px;}
	.select li{padding: 5px 5px 1px 30px;}
	.select a{padding: 0 6px;}
	.lib_Tab1_sx{padding-top: 60px;}
	.yy3 img{ width:100%}
	.yj-padding-20{padding:60px 10px 10px 10px;}
	.yj-footer-qrcode{ display:none;}
	.yj-footer-main strong{ display:none;}
	layui-col-sm4{ display:none;}
}
	@media screen and (min-width: 768px){
	.tn{ display:none;}
}