@charset "utf-8";

@font-face {
    font-family: 'pangmen';
    src: url("fonts/庞门正道标题体2.0增强版.TTF");
}

html, body {
    margin: 0px;
    width: 100%;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #535353;
}

body {
    background: #F5F5F5;
}

html, body {
    min-width: 500px;
}

@media only screen and (min-width: 500px) {
    html, body {
        min-width: 500px;
    }
}

*html {
    background-image: url(about:blank);
    background-attachment: fixed;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, img, form, applet, fieldset, legend, button, input, textarea, th, table, tr, td {
    margin: 0;
    padding: 0;
    border: none;
}

body, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, p {
    -webkit-text-size-adjust: none
}

input::-ms-clear {
    display: none;
}

input, select, textarea {
    outline: none;
    cursor: pointer;
}

img {
    padding: 0;
    margin: 0;
    vertical-align: top;
    border: none
}

i {
    font-style: normal;
}

.block {
    display: block;
}

.none {
    display: none;
}

.o0 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.o1 {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

li, ul {
    list-style: none;
    outside: none;
}

.clear {
    clear: both;
    height: 0px;
    width: 100%;
}

input[type=button] {
    -webkit-appearance: none;
}

a {
    color: #535353;
    text-decoration: none !important;
}

    a:hover, a:active, a:focus {
        text-decoration: none !important;
    }

.tr {
    text-align: right !important;
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.fblod {
    font-weight: bold !important;
}

.fnormal {
    font-weight: normal !important;
}

.overflowh {
    overflow: hidden;
}

.marginl10 {
    margin-left: 10px !important;
}

.marginl20 {
    margin-left: 20px !important;
}

.marginl120 {
    margin-left: 120px !important;
}

.marginr10 {
    margin-right: 10px !important;
}

.marginr30 {
    margin-right: 30px !important;
}

.margint8 {
    margin-top: 8px !important;
}

.margint10 {
    margin-top: 10px !important;
}

.margint20 {
    margin-top: 20px !important;
}

.margint30 {
    margin-top: 30px !important;
}

.margint30 {
    margin-top: 30px !important;
}

.margint50 {
    margin-top: 50px !important;
}

.marginb10 {
    margin-bottom: 10px !important;
}

.marginb20 {
    margin-bottom: 20px !important;
}

.marginb40 {
    margin-bottom: 40px !important;
}

.margin14 {
    margin: 14px !important;
}

.margin20 {
    margin: 20px !important;
}

.margin4 {
    margin: 4px !important;
}

.margin10 {
    margin: 10px !important;
}

.padding20 {
    padding: 20px !important;
}

.padding10 {
    padding: 10px !important;
}

.paddingb200 {
    padding-bottom: 200px !important;
}

.paddingb100 {
    padding-bottom: 100px !important;
}

.paddingb50 {
    padding-bottom: 50px !important;
}

.paddingt50 {
    padding-top: 50px !important;
}

.paddingt20 {
    padding-top: 20px !important;
}

.paddingt10 {
    padding-top: 10px !important;
}

.paddingt5 {
    padding-top: 5px !important;
}


.col-lg-2 {
    width: 16.66666667%;
    float: left;
}

.col-lg-3 {
    width: 25%;
    float: left;
}

.col-lg-4 {
    width: 33.33333333%;
    float: left;
}

.col-lg-6 {
    width: 50%;
    float: left;
}

.col-lg-8 {
    width: 66.66666667%;
    float: left;
}

.col-lg-9 {
    width: 75%;
    float: left;
}

.col-lg-10 {
    width: 83.33333333%;
    float: left;
}

.col-lg-12 {
    width: 100%;
    float: left;
}

/*- scrollbar -*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #fa8a00;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    ::-webkit-scrollbar-thumb:vertical:hover {
        background-color: #e57e00;
    }

    ::-webkit-scrollbar-thumb:vertical:active {
        background-color: #e57e00;
    }

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

/* 文本框 */
input.check[type=checkbox], input.check[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    margin: 0 6px;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    background: transparent;
    border: 2px solid #FF4300;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: medium !important;
}

    input.check[type=checkbox]:checked::after, input.check[type=radio]:checked::after {
        content: url(../../img/checkbox.png);
        display: block;
        line-height: 16px !important;
    }

    input.check[type=checkbox]:disabled, input.check[type=radio]:disabled {
        line-height: 16px !important;
        background: #E6E6E6 !important;
        border: 2px solid #CCCCCC !important;
    }

.inf-control {
    height: 34px !important;
    padding-left: 10px;
    background: transparent;
    border: 1px solid #dcdfe6;
    margin-bottom: 2px;
}

.inf-control-t {
    padding-left: 10px;
    background: transparent;
    border: 1px solid #dcdfe6;
    margin-bottom: 2px;
    resize: none;
    padding: 1px 4px;
}

    .inf-control:hover, .inf-control-t:hover {
        border: 1px solid #FF4300;
    }

    .inf-control:focus, .inf-control-t:focus {
        border: 1px solid #FF4300;
    }

    .inf-control:disabled, .inf-control-t:disabled {
        border: 1px solid transparent;
        padding-left: 0px !important;
    }

.in-w {
    width: 98% !important;
}

.in-w100 {
    width: 100% !important;
}

.in-w80 {
    width: 80% !important;
}

.in-w75 {
    width: 75% !important;
}

.in-w70 {
    width: 70% !important;
}

.in-w68 {
    width: 68% !important;
}

.in-w65 {
    width: 65% !important;
}

.in-w62 {
    width: 62% !important;
}

.in-w60 {
    width: 60% !important;
}

.in-w50 {
    width: 50% !important;
}

.in-w47 {
    width: 47% !important;
}

.in-w45 {
    width: 45% !important;
}

.in-w40 {
    width: 40% !important;
}

.in-w35 {
    width: 35% !important;
}

.in-w33 {
    width: 33.33333% !important;
}

.in-w30 {
    width: 30% !important;
}

.in-w28 {
    width: 28% !important;
}

.in-w25 {
    width: 25% !important;
}

.in-w20 {
    width: 20% !important;
}

.in-w15 {
    width: 15% !important;
}

.in-w10 {
    width: 10% !important;
}

/*按钮 字*/
.btn-red {
    background: #ed4e4b !important;
}

    .btn-red:hover {
        background: #db4542 !important;
    }

.btn-Dred {
    background: #c3050e !important;
}

    .btn-Dred:hover {
        background: #a80109 !important;
    }

.btn-orange {
    background: #ff4300 !important;
}

    .btn-orange:hover {
        background: #DF3D00 !important;
    }

.btn-yellow {
    background: #ffbc34 !important;
}

    .btn-yellow:hover {
        background: #dc970b !important;
    }

.btn-green {
    background: #5cb460 !important;
}

    .btn-green:hover {
        background: #4ba64f !important;
    }

.btn-Lblue {
    background: #409eff !important;
}

    .btn-Lblue:hover {
        background: #3992ee !important;
    }

.btn-blue {
    background: #137eff !important;
}

    .btn-blue:hover {
        background: #0b59b7 !important;
    }

.btn-Dblue {
    background: #004986 !important;
}

    .btn-Dblue:hover {
        background: #023056 !important;
    }

.btn-purple {
    background: #7460ee !important;
}

    .btn-purple:hover {
        background: #5345ac !important;
    }

.btn-brown {
    background: #996c33 !important;
}

    .btn-brown:hover {
        background: #81511c !important;
    }

.btn-Dbrown {
    background: #81511c !important;
}

    .btn-Dbrown:hover {
        background: #694115 !important;
    }

.btn-gray {
    background: #bfbfbf !important;
}

    .btn-gray:hover {
        background: #a7a7a7 !important;
    }

.color-red {
    color: #ed4e4b !important;
}

    .color-red:hover, .color-red:focus {
        color: #db4542 !important;
    }

.color-white {
    color: #FFFFFF !important;
}

.color-blue {
    color: #137eff !important;
}

    .color-blue:hover, .color-blue:focus {
        color: #0b59b7 !important;
    }

.color-green {
    color: #5ac146 !important;
}

    .color-green:hover, .color-green:focus {
        color: #32921f !important;
    }

.color-yellow {
    color: #ffbc34 !important;
}

    .color-yellow:hover, .color-yellow:focus {
        color: #dc970b !important;
    }

.color-orange {
    color: #eb6100 !important;
}

    .color-orange:hover, .color-orange:focus {
        color: #ca5300 !important;
    }

.color-g-s {
    font-size: 13px !important;
    color: #ADADAD !important;
}

.color-gray {
    color: #999999 !important;
}

.back-red {
    background: #E51C23 !important;
}

.back-white {
    background: #FFFFFF !important;
}

.back-blue {
    background: #137eff !important;
}

.back-Dblue {
    background: #004986 !important;
}

.back-green {
    background: #5ac146 !important;
}

.back-yellow {
    background: #ffbc34 !important;
}

.back-orange {
    background: #eb6100 !important;
}

.back-gray {
    background: #CCCCCC !important;
}

.back-Lgray {
    background: #f5f5f5 !important;
}

.font40 {
    font-size: 40px !important;
}

.font30 {
    font-size: 30px !important;
}

.font24 {
    font-size: 24px !important;
}

.font18 {
    font-size: 18px !important;
}

.font16 {
    font-size: 16px !important;
}

.font12 {
    font-size: 12px !important;
}

.lineh12 {
    line-height: 12px !important;
}

.lineh34 {
    line-height: 34px !important;
}

.lineh40 {
    line-height: 40px !important;
}

.underline {
    text-decoration: underline;
}


/* login */
.loginbox {
    width: 100%;
    /* min-width: 1240px; */
    height: 100%;
    background: url(../../img/loginimg01.png);
    position: relative;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.loginheader {
    overflow: hidden;
    height: 80px;
}

    .loginheader .logobox {
        margin: 12px 0 0 0;
    }

        .loginheader .logobox h3 {
            font-size: 28px;
            color: #FFFFFF;
        }

.headernav {
    overflow: hidden;
    margin-top: 20px;
}

    .headernav li {
        float: left;
        margin: 0 14px;
    }

        .headernav li a {
            color: #fff7f4;
            font-size: 15px;
            display: block;
            padding: 0 5px;
            line-height: 48px;
            text-align: center;
            border-bottom: 1px solid transparent;
        }

            .headernav li a:hover {
                color: #FFFFFF;
                border-bottom: 2px solid #FFFFFF;
            }

.loginimg {
    position: absolute;
    top: 18%;
    left: 10%;
    width: 50%;
}

.l-box {
    width: 40%;
    min-width: 320px;
    max-width: 400px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    right: 10%;
    padding: 40px;
    border-radius: 10px;
}

.background {
    width: 400px;
    position: absolute;
    top: 50%;
    padding: 40px;
    border-radius: 10px;
    right: 50%;
    margin-right: -200px;
    margin-top: -200px;
}

    .background .l-box {
        width: 100%;
        height: 360px;
        top: 40px;
        right: 0;
    }

.backimg {
    width: 400px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
}

.login {
    height: 360px;
    margin-top: -180px;
}

.retrieve {
    height: 460px;
    margin-top: -230px;
}

.signup {
    height: 480px;
    margin-top: -240px;
}

.l-box h3 {
    font-size: 24px;
    color: #ff4300;
}

.l-box ul {
    width: 100%;
    margin: 30px 0;
}

    .l-box ul li {
        position: relative;
        width: 100%;
        margin: 20px 0;
        overflow: hidden;
    }

        .l-box ul li input {
            width: 100%;
            height: 40px;
            line-height: 40px;
            padding-left: 50px;
            background: #FFFFFF;
            border: 1px solid #CCCCCC;
        }

            .l-box ul li input.code {
                width: 60%;
            }

            .l-box ul li input.check {
                padding-left: 0;
                margin-top: 2px;
            }

        .l-box ul li label {
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 20px;
            background: #F0F0F0;
            width: 38px;
            height: 38px;
            border-right: 1px solid #CCCCCC;
            text-align: center;
            line-height: 38px;
            color: #AAAAAA;
        }

.codebtn {
    display: inline-block;
    width: 40%;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
}

    .codebtn:hover, .codebtn:focus {
        color: #FFFFFF;
    }

.loginbtn {
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 18px;
}

    .loginbtn:hover, .loginbtn:focus {
        color: #FFFFFF;
    }

.login-footer {
    width: 100%;
    text-align: center;
    line-height: 26px;
    position: absolute;
    bottom: 4px;
    color: #fff7f4;
    font-size: 12px;
}

    .login-footer span {
        margin: 0 6px;
    }

/* index */
.contentbox {
    width: 90%;
    margin: 0 auto;
}

.topbox {
    width: 40%;
}

.slogan {
    width: 24%;
    height: auto;
    margin: 24px 0 0 60px;
}

.topbox .search-box {
    width: 96%;
    margin: 0 auto;
    border: 2px solid #ff4300;
    overflow: hidden;
}

    .topbox .search-box select {
        width: 18%;
        height: 40px;
    }

    .topbox .search-box input {
        width: 67%;
        height: 40px;
        line-height: 40px;
    }

    .topbox .search-box a {
        width: 15%;
        height: 40px;
        line-height: 40px;
    }

.bannerchart {
    width: 60%;
    height: 120px;
    background: rgba(255,255,255,.6);
    position: absolute;
    top: 580px;
    right: 5%;
    z-index: 2;
    border-radius: 5px;
    padding: 10px;
}

#b-chartbox {
    width: 100%;
    height: 100%;
}

.bannerbox {
    width: 100%;
}

.navbox {
    overflow: hidden;
}

.navlist-l {
    width: 260px;
    float: left;
}

    .navlist-l h3 {
        font-size: 16px;
        color: #FFFFFF;
        background: #ff4300;
        height: 40px;
        line-height: 40px;
    }

        .navlist-l h3 i {
            margin-right: 10px;
            margin-left: 30px;
        }

.classifylist {
    width: 260px;
    height: 550px;
    background: url(../../img/back-black.png);
    position: absolute;
    top: 205px;
    z-index: 8;
}

.news-nav .classifylist {
    height: 0px;
}

.news-nav .txt, .news-nav .icon, .news-nav .category-option {
    display: none;
}

.news-nav:hover .classifylist {
    height: 550px;
}

.news-nav:hover .txt, .news-nav:hover .icon, .news-nav:hover .category-option {
    display: block;
}

.category-option {
    width: 260px;
    position: absolute;
    z-index: 10;
    display: block;
}

    .category-option .cat-item {
        height: 68.6px;
        padding: 10px 0;
        vertical-align: top;
        transition: .2s ease-in-out;
    }

        .category-option .cat-item .sub-cat {
            overflow: hidden;
            display: none;
            width: 616px;
            height: 550px;
            padding: 9px 30px 25px 0;
            left: 260px;
            top: 0;
            background: rgba(0,0,0,.88);
            z-index: 10;
            position: absolute;
            line-height: 20px;
        }

    .category-option .sub-cat .sub-cat-links .sub-title {
        width: 100%;
        font-size: 15px;
        font-weight: 700;
        border-bottom: 1px dashed #CCCCCC;
        line-height: 40px;
    }

        .category-option .sub-cat .sub-cat-links .sub-title a {
            color: #FFFFFF;
        }

            .category-option .sub-cat .sub-cat-links .sub-title a i {
                margin-right: 8px;
            }

    .category-option .sub-cat .sub-cat-links .sub-content {
        margin: 10px;
        max-height: 460px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .category-option .sub-cat .sub-cat-links .sub-content a {
            margin-right: 16px;
            display: inline-block;
            color: #FFFFFF;
            width: 100%;
            font-size: 13px;
            margin-bottom: 8px;
            opacity: .65;
        }

            .category-option .sub-cat .sub-cat-links .sub-content a:hover {
                opacity: 1;
                color: #fa8a00 !important;
            }

            .category-option .sub-cat .sub-cat-links .sub-content a span {
                margin-right: 8px;
            }

    .category-option .cat-item .icon {
        float: left;
        font-size: 32px;
        margin: 6px 15px 0 15px;
        opacity: .65;
        color: #FFFFFF;
        width: 32px;
        text-align: center;
    }

    .category-option .cat-item .txt {
        color: #fff;
        opacity: .65;
    }

        .category-option .cat-item .txt .t-name {
            font-size: 18px;
        }

        .category-option .cat-item .txt .t-describe span {
            color: #FFFFFF;
            opacity: .6;
            margin-right: 10px;
            font-size: 10px;
        }

    .category-option .cat-item.top-cat .txt {
        opacity: 1;
    }

    .category-option .cat-item.top-cat .icon {
        opacity: 1;
    }

    .category-option .cat-item.hover {
        background: rgba(0,0,0,.4);
    }

        .category-option .cat-item.hover a:hover {
            color: #FFFFFF !important;
        }

    .category-option .cat-item:hover .sub-cat {
        display: block;
        opacity: 1;
        padding-left: 10px;
        animation: subcat .3s ease-in-out;
    }

.navlist-r {
    height: 40px;
    float: left;
    overflow: hidden;
    margin-left: 20px;
    display: block;
}

    .navlist-r li {
        float: left;
        margin: 0 20px;
    }

        .navlist-r li a {
            font-size: 16px;
            line-height: 37px;
            display: block;
            border-bottom: 3px solid transparent;
        }

            .navlist-r li a:hover {
                color: #ff4300;
            }

        .navlist-r li.active a {
            color: #ff4300;
            font-weight: bold;
            border-bottom: 3px solid #ff4300;
        }

.phonebtn {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #ff4300;
    color: #FFFFFF;
    float: right;
}

    .phonebtn:hover, .phonebtn:focus {
        color: #FFFFFF;
        background: #DF3D00;
    }

.banner {
    position: relative;
    height: 550px;
    overflow: hidden;
}

.slideBox {
    position: absolute;
    top: 0px;
    width: 100%;
}

    .slideBox .hd {
        width: 100%;
        height: 25px;
        overflow: hidden;
        position: absolute;
        bottom: 10px;
        z-index: 9;
    }

        .slideBox .hd ul {
            text-align: center;
            width: 100%;
        }

            .slideBox .hd ul li {
                display: inline-block;
                width: 30px;
                height: 5px;
                background: #eee;
                cursor: pointer;
                margin: 0 4px;
            }

                .slideBox .hd ul li.on {
                    background: #ff4300;
                    color: #fff;
                }

    .slideBox .bd {
        height: 550px;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .slideBox .bd li {
            height: 550px;
            width: 100%;
            overflow: hidden;
        }

.b-back01 {
    background: url(../../img/banner-b01.png) no-repeat;
    background-size: cover;
}

.b-back02 {
    background: url(../../img/banner-b02.png) no-repeat;
    background-size: cover;
}

.slideBox .item {
    height: 500px;
    background-size: cover;
    background-position: center;
}

    .slideBox .item a {
        display: block;
    }

.banner-img {
    width: 55%;
    height: auto;
    margin: 1% 0 0 25%;
}

.banner-txt {
    width: 40%;
    margin-top: 13%;
    overflow: hidden;
}

    .banner-txt h3 {
        font-size: 38px;
        font-weight: bolder;
        position: relative;
        margin-bottom: 20px;
    }

.gradient-text {
    background-image: -webkit-linear-gradient(left,#F5C150,#dabde6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-txt p {
    line-height: 30px;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.totalbox {
    width: 100%;
    height: 120px;
    background: #fafafa;
}

.total-l {
    width: 100%;
    height: 120px;
    overflow: hidden;
}

    .total-l li {
        width: 25%;
        height: 100px;
        margin-top: 6px;
        text-align: center;
        border-right: 1px solid #e5e5e5;
        float: left;
    }

        .total-l li:last-child {
            border-right: none;
        }

        .total-l li img {
            width: 86px;
            height: auto;
            margin: 5px 0;
        }

        .total-l li p {
            font-size: 18px;
        }

            .total-l li p span {
                font-size: 22px;
                color: #ed4e4b;
                margin: 0 4px;
            }

.specialoffer {
    width: 100%;
    height: 87px;
    margin-top: 40px;
    position: relative;
}

.s-name {
    width: 180px;
    height: 87px;
    background: #fafafa;
    background: url(../../img/s-name.png);
}

.s-box01 {
    position: absolute;
    top: 0px;
    left: 180px;
    right: 68px;
    height: 87px;
    overflow: hidden;
    background: url(../../img/s-box01.png);
    background-repeat: repeat-x;
}

.s-listcon {
    margin-top: 21px;
    width: 100%;
    height: 44px;
    overflow: hidden;
}

    .s-listcon li {
        width: 100%;
        height: 44px;
        line-height: 44px;
        overflow: hidden;
    }

        .s-listcon li a {
            overflow: hidden;
            display: block;
            width: 100%;
        }

            .s-listcon li a label {
                max-width: 60%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: 0 10px;
                cursor: pointer;
            }

.s-type {
    padding: 0 5px;
    line-height: 24px;
    margin: 10px 0;
    color: #FFFFFF;
    border-radius: 5px;
}

.s-time {
    color: #999999;
}

.s-box02 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 68px;
    height: 87px;
    background: url(../../img/s-box02.png);
    background-repeat: no-repeat;
}

.titlebox {
    overflow: hidden;
    margin-bottom: 20px;
}

    .titlebox h2 {
        text-align: center;
        font-size: 24px;
        color: #333;
        line-height: 24px;
        padding-bottom: 10px;
        position: relative;
    }

        .titlebox h2:after {
            position: absolute;
            left: 50%;
            width: 100px;
            height: 1px;
            margin-left: -50px;
            background-color: #ff4300;
            bottom: 0;
            content: '';
        }

.subtitle {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.newest, .recommend {
    width: 49%;
    height: 366px;
}

.nodata {
    height: 180px;
    width: 214px;
    margin: 40px auto 0;
    display: block;
}

.rollingbox {
    margin: 0 5px;
    height: 255px;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px;
}

.rolling li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    height: 30px;
    margin-bottom: 10px
}

    .rolling li a {
        display: block;
        width: 100%;
        height: 100%;
    }

        .rolling li a:hover, .rolling li a:focus {
            background: #F5F5F5;
            color: #ff4300;
        }

.rollingname {
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rolling li .s-type {
    margin: 2px 8px 2px 0;
}

.rolling li img {
    margin-top: 2px;
    width: 30px;
    height: auto;
}

.deal {
    width: 30%;
    height: 368px;
}

    .deal .rollingbox {
        margin: 10px 5px 0;
        height: 293px;
    }

.trading, .colleges {
    width: 100%;
    height: 506px;
    margin-top: 50px;
}

.showbox {
    width: 100%;
    overflow: hidden;
    height: 435px;
}

.showimg {
    width: 20%;
    height: 435px;
    background: url(../../img/back01.png);
    position: relative;
    overflow: hidden;
}

    .showimg img {
        width: 100%;
        height: auto;
    }

.showimg-btn {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 20px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 34px;
    color: #FFFFFF;
    font-size: 16px;
}

    .showimg-btn i {
        margin-right: 8px;
    }

    .showimg-btn:hover, .showimg-btn:focus {
        color: #FFFFFF;
        box-shadow: 5px 5px 5px #D43A02;
    }

.showcon01 {
    width: 73%;
    margin: 0 1%;
}

    .showcon01 .boxtab {
        margin-top: 0;
    }

.showbtn {
    width: 5%;
    height: 429px;
    background: #fffbf2;
}

    .showbtn a {
        display: block;
        height: 50%;
        position: relative;
    }

        .showbtn a p {
            width: 16px;
            height: 80px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -40px;
            margin-left: -8px;
        }

        .showbtn a:hover {
            background: #fff7e5;
        }

.boxlist {
    width: 100%;
    overflow: hidden;
    height: 429px;
}

    .boxlist li {
        float: left;
        width: 25%;
        overflow: hidden;
    }

        .boxlist li a {
            display: block;
            margin: 5px;
            height: 90px;
            border-radius: 5px;
            padding: 10px;
            overflow: hidden;
        }

            .boxlist li a h3 {
                font-size: 16px;
                margin-bottom: 10px;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .boxlist li a h3 i {
                    color: #ff4300;
                    margin-right: 6px;
                }

            .boxlist li a p {
                margin: 8px 0 0 15px;
            }

            .boxlist li a p {
                width: 96%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.boxlist-red a {
    border: 1px solid #ffd2d1;
    background: #ffeaea;
}

    .boxlist-red a:hover, .boxlist-red a:focus {
        background: #ffd2d1;
    }

.boxlist-green a {
    border: 1px solid #d6ffd8;
    background: #e9ffea;
}

    .boxlist-green a:hover, .boxlist-green a:focus {
        background: #d6ffd8;
    }

.boxlist-blue a {
    border: 1px solid #cadcff;
    background: #ecf3ff;
}

    .boxlist-blue a:hover, .boxlist-blue a:focus {
        background: #cadcff;
    }

.boxlist-yellow a {
    border: 1px solid #fef1d4;
    background: #fff5e0;
}

    .boxlist-yellow a:hover, .boxlist-yellow a:focus {
        background: #fef1d4;
    }

.boxlist-purple a {
    border: 1px solid #e8cfff;
    background: #f6ecff;
}

    .boxlist-purple a:hover, .boxlist-purple a:focus {
        background: #e8cfff;
    }

.boxlist-brown a {
    border: 1px solid #ffeed9;
    background: #fff3e3;
}

    .boxlist-brown a:hover, .boxlist-purple a:focus {
        background: #ffeed9;
    }

.showcon02 {
    width: 79%;
    margin: 0 0 0 1%;
    overflow: hidden;
}

.map {
    width: 70% !important;
    float: left;
    text-align: center;
}

#ChinaMap {
    left: 50%;
    margin-left: -282px;
}

.stateTip, #StateTip {
    display: none;
    position: absolute;
    padding: 2px;
    background: #ed4e4b;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.c-list {
    width: 30%;
    float: right;
    height: 429px;
    overflow: hidden;
    position: relative;
    background: #FAFAFA;
}

.c-list-title {
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    color: #FFFFFF;
    background: #ed4e4b;
    overflow: hidden;
}

    .c-list-title span {
        font-weight: bold;
    }

.c-more {
    margin: 8px 5px 0 0;
}

    .c-more img {
        height: 18px;
    }

.c-search {
    width: 90%;
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCCCCC;
    margin: 8px auto;
    border-radius: 28px;
    position: relative;
    background: #FFFFFF;
}

    .c-search input {
        width: 84%;
        background: transparent;
        position: absolute;
        top: 0;
        left: 10px;
    }

    .c-search a {
        display: block;
        width: 30px;
        text-align: center;
        font-size: 15px;
        position: absolute;
        right: 10px;
        top: 0;
        color: #AAAAAA;
    }

        .c-search a:hover {
            color: #ff4300;
        }

.c-list-txt {
    height: 351px;
    overflow-y: auto;
}

    .c-list-txt li {
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px dashed #CCCCCC;
    }

        .c-list-txt li:last-child {
            border-bottom: none;
            margin-bottom: 36px;
        }

        .c-list-txt li a {
            display: block;
            overflow: hidden;
            width: 100%;
            position: relative;
            padding: 5px 0;
            height: 78px;
        }

            .c-list-txt li a:hover {
                background: #F5F5F5;
            }

            .c-list-txt li a img {
                width: 68px;
                height: 68px;
                margin-left: 10px;
            }

.txtbox {
    position: absolute;
    top: 14px;
    left: 90px;
    right: 10px;
}

    .txtbox h3 {
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .txtbox p {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .txtbox p span {
            margin: 0 4px;
        }

.demand {
    width: 100%;
    height: 401px;
    margin-top: 50px;
    overflow: hidden;
}

    .demand .showimg {
        width: 20%;
        height: 320px;
    }

    .demand .showbox {
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
        height: 320px;
    }

    .demand .showbtn {
        width: 5%;
        height: 320px;
        background: #fffbf2;
    }

    .demand .boxlist {
        height: 320px;
    }

        .demand .boxlist li a {
            height: 98px;
        }

.agent {
    width: 68%;
    height: 368px;
}

.showcon03 {
    width: 93%;
    margin: 0 1%;
}

.agent .boxlist {
    height: 293px;
}

    .agent .boxlist li {
        width: 33.33%;
    }

.agentimg02 {
    display: none;
}

.agent .boxlist li a {
    margin: 5px;
    height: 86px;
    overflow: hidden;
    position: relative;
}

    .agent .boxlist li a h3 {
        font-size: 16px;
        margin-bottom: 10px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .agent .boxlist li a i {
        width: 15px;
        text-align: center;
        margin: 0 8px 0 8px;
    }

    .agent .boxlist li a p {
        margin: 0px 0 6px 0px;
    }

        .agent .boxlist li a p label {
            max-width: 65%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 0;
        }

.agenticon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 2px 0 0 10px;
}

.agent01 {
    position: absolute;
    top: 5px;
    left: 0px;
    right: 90px;
}

.agent02 {
    position: absolute;
    top: 18px;
    right: 5px;
    width: 86px;
    bottom: 12px;
    overflow: hidden;
    text-align: center;
    border-left: 1px solid #FFFFFF;
}

    .agent02 h2 {
        font-size: 26px;
        margin: 0 0 10px 0;
    }

    .agent02 p {
        font-size: 12px;
        margin: 0 !important;
    }

.agent .showbtn {
    width: 5%;
    height: 293px;
}

    .agent .showbtn a {
        height: 100%;
    }

.bl-blue01 a {
    background: #112ac3;
    color: #FFFFFF;
}

.bl-blue02 a {
    background: #6e8bd7;
    color: #FFFFFF;
}

.bl-blue03 a {
    background: #6eb1d7;
    color: #FFFFFF;
}

.bl-orange01 a {
    background: #fa5e00;
    color: #FFFFFF;
}

.bl-orange02 a {
    background: #fa8a00;
    color: #FFFFFF;
}

.bl-orange03 a {
    background: #fac200;
    color: #FFFFFF;
}

.bl-purple01 a {
    background: #8352c5;
    color: #FFFFFF;
}

.bl-purple02 a {
    background: #ad52c5;
    color: #FFFFFF;
}

.bl-purple03 a {
    background: #c552ab;
    color: #FFFFFF;
}

.newsbox {
    margin-top: 50px;
}

.page-titlebox {
    overflow: hidden;
    margin: 0 0 20px 15px;
}

    .page-titlebox h2 {
        text-align: left;
        font-size: 24px;
        color: #333;
        line-height: 24px;
        padding-bottom: 20px;
        position: relative;
    }

        .page-titlebox h2:after {
            position: absolute;
            left: 0;
            width: 46px;
            height: 1px;
            background-color: #ff4300;
            bottom: 0;
            content: '';
        }

.tab-block {
    width: 100%;
    height: 580px;
    margin: 50px auto 0;
    background-color: #FFF;
    border: 1px solid #e5e5e5;
}

    .tab-block.information-tab {
        height: 430px;
    }

        .tab-block.information-tab .tabs {
            height: 380px;
        }

    .tab-block .tab-buttons {
        width: 100%;
        height: 50px;
        background-color: #fafafa;
    }

        .tab-block .tab-buttons .tab-button {
            width: 25%;
            float: left;
            height: 50px;
            font-size: 16px;
            color: #999;
            line-height: 50px;
            position: relative;
            cursor: pointer;
            padding: 0 10px;
        }

            .tab-block .tab-buttons .tab-button.cur {
                background-color: #fff;
                color: #024ebf;
            }

                .tab-block .tab-buttons .tab-button.cur .more {
                    display: block;
                }

                .tab-block .tab-buttons .tab-button.cur:after {
                    content: '';
                    position: absolute;
                    top: -1px;
                    left: 0;
                    width: 100%;
                    height: 2px;
                    background-color: #024ebf;
                }

.more {
    display: none;
    float: right;
    margin: 15px 5px;
}

    .more img {
        height: 18px;
    }

.tab-block .tabs {
    width: 100%;
    height: 528px;
}

    .tab-block .tabs .tab-item {
        width: 100%;
        height: 100%;
        padding: 20px;
        display: none;
    }

        .tab-block .tabs .tab-item.active {
            display: block;
            overflow: hidden;
        }

.information-tab .information-left {
    width: 40%;
    height: 340px;
    overflow: hidden;
    position: relative;
    float: left;
}

    .information-tab .information-left img {
        width: 100%;
        height: auto;
    }

    .information-tab .information-left .left-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 38px;
        line-height: 38px;
        background-color: rgba(0, 0, 0, .5);
        z-index: 2;
        color: #fff;
        padding: 0 14px;
    }

        .information-tab .information-left .left-bottom .article-title {
            font-size: 14px;
            width: 70%;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .information-tab .information-left .left-bottom .article-time {
            font-size: 14px;
            float: right;
        }

.information-tab .information-right {
    width: 58%;
    height: 340px;
    float: right;
}

    .information-tab .information-right .article-list {
        padding-top: 20px;
    }

        .information-tab .information-right .article-list .article-link {
            display: block;
            padding: 0 20px;
        }

            .information-tab .information-right .article-list .article-link .article-head span {
                display: inline-block;
                vertical-align: middle;
            }

        .information-tab .information-right .article-list .article-number {
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            color: #fff;
            background-color: #999;
            font-size: 14px;
        }

        .information-tab .information-right .article-list .article-title {
            font-size: 16px;
            color: #333;
            line-height: 20px;
            margin-left: 14px;
            width: 70%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .information-tab .information-right .article-list .article-time {
            float: right;
            font-size: 12px;
            color: #999;
            line-height: 20px;
        }

        .information-tab .information-right .article-list .article-content {
            margin-top: 10px;
            padding-left: 44px;
            width: 100%;
            font-size: 14px;
            color: #666;
            line-height: 26px;
            display: none;
        }

            .information-tab .information-right .article-list .article-content p {
                height: 52px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
            }

        .information-tab .information-right .article-list:nth-of-type(1) .article-number,
        .information-tab .information-right .article-list:nth-of-type(2) .article-number,
        .information-tab .information-right .article-list:nth-of-type(3) .article-number {
            background-color: #333;
        }

        .information-tab .information-right .article-list.current .article-link {
            background-color: #fafafc;
            padding: 20px;
        }

        .information-tab .information-right .article-list.current .article-number {
            background-color: #ff4300 !important;
        }

        .information-tab .information-right .article-list.current .article-title {
            color: #ff4300;
        }

        .information-tab .information-right .article-list.current .article-content {
            display: block;
        }

.information-tab .information {
    width: 100%;
    height: 340px;
}

    .information-tab .information .article-list {
        padding-top: 10px;
        width: 50%;
        float: left;
    }

        .information-tab .information .article-list .article-link {
            display: block;
            padding: 12px;
        }

            .information-tab .information .article-list .article-link .article-head span {
                display: inline-block;
                vertical-align: middle;
            }

        .information-tab .information .article-list .article-number {
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            color: #fff;
            background-color: #999;
            font-size: 14px;
        }

        .information-tab .information .article-list .article-title {
            font-size: 16px;
            color: #333;
            line-height: 20px;
            margin-left: 14px;
            width: 60%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .information-tab .information .article-list .article-time {
            float: right;
            font-size: 12px;
            color: #999;
            line-height: 20px;
        }

        .information-tab .information .article-list .article-content {
            margin-top: 10px;
            padding-left: 44px;
            width: 100%;
            font-size: 14px;
            color: #666;
            line-height: 26px;
        }

            .information-tab .information .article-list .article-content p {
                height: 52px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
            }

        .information-tab .information .article-list:nth-of-type(1) .article-number,
        .information-tab .information .article-list:nth-of-type(2) .article-number,
        .information-tab .information .article-list:nth-of-type(3) .article-number {
            background-color: #333;
        }

        .information-tab .information .article-list.current .article-link {
            background-color: #fafafc;
            /* padding: 20px; */
        }

        .information-tab .information .article-list.current .article-number {
            background-color: #ff4300 !important;
        }

        .information-tab .information .article-list.current .article-title {
            color: #ff4300;
        }

.processlist {
    margin-top: 30px;
}

.processline {
    width: 100%;
    height: 18px;
    border-bottom: 1px solid #AAAAAA;
}

.processbox {
    margin-top: -18px;
    overflow: hidden;
}

    .processbox li {
        width: 14.2%;
        text-align: center;
        float: left;
    }

.processnum {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #AAAAAA;
    background: #FFFFFF;
    text-align: center;
    line-height: 36px;
    color: #AAAAAA;
    margin: 0 auto;
    font-size: 18px;
}

.processcon div {
    width: 70%;
    border: 3px solid #FF4300;
    border-radius: 30px;
    margin: 10px auto;
}

    .processcon div img {
        width: 100%;
        height: auto;
    }

.processcon p {
    font-size: 16px;
}


.footerbox {
    width: 100%;
    padding: 10px 0;
    background: #2c2e2f;
}

.footerimg {
    overflow: hidden;
}

    .footerimg img {
        float: left;
        height: 30px;
        width: auto;
        margin: 0 4px;
    }

.copy-w {
    width: 100%;
    line-height: 20px;
    margin: 10px 0;
    font-size: 10px;
    overflow: hidden;
    color: #888888;
    text-align: center;
    border-top: 1px dashed #888888;
    padding-top: 10px;
}

.recordtxt {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    color: #888888;
}

    .recordtxt:hover {
        color: #FFFFFF;
    }

    .recordtxt img {
        margin: 0px 5px 0 10px;
    }

.footercon {
    width: 60%;
}

.footernav {
    overflow: hidden;
    margin-top: 40px;
}

    .footernav li {
        float: left;
        margin-right: 10px;
    }

        .footernav li a {
            display: inline-block;
            color: #888888;
            padding-right: 10px;
            font-size: 15px;
        }

            .footernav li a:hover, .footernav li a:focus {
                color: #FFFFFF;
            }

.linkbox {
    display: inline-block;
    color: #888888;
    margin-top: 20px;
    overflow: hidden;
}

    .linkbox p {
        margin-bottom: 5px;
        font-weight: bold;
    }

    .linkbox .footernav {
        margin-top: 0;
    }

        .linkbox .footernav li a {
            font-size: 13px;
        }

.contact-way {
    overflow: hidden;
    width: 40%;
}

.telimg {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.telbox {
    margin: 40px 0 0 50px;
    overflow: hidden;
}

.teltxt {
    text-align: center;
    color: #FFFFFF;
}

    .teltxt p {
        font-size: 24px;
        font-weight: bold;
    }

    .teltxt span {
        font-size: 12px;
        display: block;
        width: 100%;
        height: 16px;
        line-height: 16px;
        background: #AAAAAA;
        border-radius: 20px;
        color: #2c2e2f;
    }

.QRbox {
    text-align: center;
    margin-top: 20px;
    color: #888888;
    font-size: 12px;
}

    .QRbox img {
        width: 90px;
        height: 90px;
        margin-bottom: 4px;
    }

.sidebox {
    position: fixed;
    bottom: 40%;
    right: 0px;
}

    .sidebox a {
        color: #AAAAAA;
        display: block;
        padding: 5px;
        background: #EEEEEE;
        margin-bottom: 6px;
        width: 30px;
        height: 30px;
        position: relative;
        border: 1px solid #DDDDDD;
    }

        .sidebox a i {
            margin: 0 2px;
        }

        .sidebox a span {
            display: none;
        }

        .sidebox a:hover {
            width: 100px;
            margin-left: -70px;
            background: #ff4300;
            color: #FFFFFF;
            border: 1px solid #ff4300;
        }

            .sidebox a:hover span {
                display: inline-block;
                margin-left: 5px;
            }

        .sidebox a img {
            width: 60px;
            height: auto;
            position: absolute;
            top: -44px;
            right: -25px;
            z-index: -1;
        }

        .sidebox a:hover img {
            width: 100px;
            top: -68px;
            right: 0px;
        }

.floatbtn {
    width: 100px;
    height: 100px;
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 9;
    display: none;
}

    .floatbtn img {
        width: 100%;
        height: 100%;
    }

.floatbox {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: rgba(0,0,0,.68);
    z-index: 9;
}

.floatclose {
    display: block;
    width: 40px;
    height: 40px;
    color: #EEEEEE;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

    .floatclose i {
        line-height: 40px;
        font-size: 18px;
    }

    .floatclose:hover, .floatclose:focus {
        color: #FFFFFF;
        background: rgba(0,0,0,.68);
    }

.floatcon {
    position: absolute;
    left: 0px;
    right: 500px;
    top: 0;
    bottom: 0;
}

.floatimg02 {
    position: absolute;
    bottom: -100px;
    width: 70%;
    margin-left: 15%;
}

.floattxt {
    width: 280px;
    position: absolute;
    right: 220px;
    top: 15px;
}

.f-input {
    width: 100%;
    height: 34px;
    line-height: 34px;
    border: 1px solid #CCCCCC;
    position: relative;
}

    .f-input input {
        width: 100%;
        padding-left: 40px;
        padding-right: 10px;
        height: 34px;
        line-height: 34px;
    }

    .f-input i {
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        font-size: 20px;
        border-right: 1px solid #CCCCCC;
        color: #AAAAAA;
    }

.f-btn {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

    .f-btn a {
        width: 48%;
        height: 30px;
        color: #FFFFFF;
        text-align: center;
        line-height: 30px;
    }

.codebox {
    width: 120px;
    margin-top: -46px;
    float: right;
    margin-right: 40px;
    text-align: center;
}

    .codebox img {
        width: 100%;
        height: auto;
        border-radius: 20px;
        border: 10px solid rgba(0,0,0,.68);
    }

    .codebox p {
        line-height: 24px;
        font-size: 12px;
        color: #CCCCCC;
    }

/* 会员中心 */
.m-header {
    width: 100%;
    height: 60px;
    background: #2c2e2f;
}

.box {
    width: 90%;
    margin: 0px auto;
}

.logobox {
    float: left;
    margin-right: 20px;
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
}

    .logobox img {
        height: 42px;
        margin: 9px 5px;
    }

.h-nav {
    line-height: 60px;
}

    .h-nav li {
        float: left;
        margin: 0;
        min-width: 40px;
        text-align: center;
    }

        .h-nav li i {
            font-size: 18px;
        }

        .h-nav li a {
            color: #CCCCCC;
            padding: 0 15px;
            display: block;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .h-nav li.user {
            max-width: 180px;
            position: relative;
        }

            .h-nav li.user i {
                margin-right: 8px;
            }

        .h-nav li:hover a {
            background: #000000;
            color: #FFFFFF;
        }

.userlist {
    position: absolute;
    top: 60px;
    left: 0;
    width: 0;
    background: #2c2e2f;
    z-index: 2;
    overflow: hidden;
}

    .userlist li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0;
    }

.h-nav li:hover .userlist li a, .h-nav li:hover .productlist li a {
    background: #2c2e2f;
    color: #CCCCCC;
}

.h-nav li.user:hover .userlist {
    width: 100%;
}

.userlist li a:hover {
    color: #FFFFFF !important;
}

.h-nav li.QR {
    position: relative;
}

.QRlist {
    position: absolute;
    top: 60px;
    right: 0;
    width: 150px;
    background: #2c2e2f;
    z-index: 2;
    height: 0;
    overflow: hidden;
}

    .QRlist img {
        width: 146px;
        height: 146px;
        margin: 2px;
    }

.h-nav li.QR:hover .QRlist {
    height: 150px;
}

.h-nav li.product {
    width: 110px;
    position: relative;
}

.productlist {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #2c2e2f;
    z-index: 2;
    height: 0px;
    overflow: hidden;
}

    .productlist li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0;
    }

.h-nav li.product:hover .productlist {
    height: 160px;
}

.productlist li a:hover {
    color: #FFFFFF !important;
}

.phonenav01 {
    display: none;
}

.navigation i {
    margin-left: 5px;
}

.navigationlist {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    padding-left: 188px;
    background: #2c2e2f;
    z-index: 2;
    height: 0;
    overflow: hidden;
}

    .navigationlist li {
        line-height: 50px;
        padding: 10px;
    }

.h-nav li:hover .navigationlist li a {
    background: #2c2e2f;
    color: #CCCCCC;
}

.h-nav li.navigation:hover i {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* Internet Explorer */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
}

.h-nav li.navigation:hover .navigationlist {
    height: 80px;
}

.navigationlist li a:hover {
    color: #FFFFFF !important;
}


.m-page {
    width: 100%;
    position: absolute;
    top: 60px;
    bottom: 0;
    right: 0;
    left: 0;
}

.layout-side {
    position: fixed;
    display: block;
    top: 60px;
    bottom: 0px;
    left: 0px;
    width: 200px;
    z-index: 1;
    font-size: 14px;
    background: #2c2e2f;
    padding-top: 30px;
    overflow: hidden;
    overflow-y: auto;
}

.layout-side-arrow {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    height: 30px;
    width: 30px;
    z-index: 1;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    font-size: 18px;
    background: #2c2e2f;
}

    .layout-side-arrow:hover {
        background: #6f6f6f;
    }

    .layout-side-arrow.ls-backstage:hover {
        background: #1A1A1A;
    }

.layout-main {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 200px;
    width: auto;
    overflow: hidden;
    z-index: 1;
}

.b-footer {
    position: absolute;
    -position: relative;
    left: 0px;
    right: 0px;
    bottom: 0;
    -bottom: auto;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    border-top: 1px solid #b8b8b8;
    background: #F5F5F5;
    padding: 0 20px 0 10px;
}

.navtxt02 {
    display: none;
}

/* 点击菜单收缩后变更的样式 */
.layout-side.close {
    /* left:-200px; */
    width: 40px;
    opacity: 1;
    z-index: 2;
    font-weight: normal;
    text-shadow: none;
    overflow: visible;
}

    .layout-side.close .navtxt {
        position: absolute;
        width: 88px;
        height: 0px;
        left: 40px;
        top: 0;
        padding-left: 10px;
        color: #FFFFFF;
        background: #ff4300;
        overflow: hidden;
    }

    .layout-side.close.m-menu .navtxt {
        line-height: 55px;
    }

    .layout-side.close.m-menu .nav-l:hover .navtxt {
        height: 55px;
    }

    .layout-side.close.b-menu .navtxt {
        line-height: 43px;
    }

    .layout-side.close.b-menu .nav-l:hover .navtxt {
        height: 43px;
    }

    .layout-side.close .navtxt01, .layout-side.close .submenu.navtxt03 {
        display: none !important;
    }

    .layout-side.close .navtxt02 {
        display: block;
        position: absolute;
        width: 0px;
        left: 40px;
        top: 0;
        background: #ff4300;
        overflow: hidden;
    }

.navtxt02 li a {
    background: none;
    padding: 0 0 0 10px !important;
    color: #FFFFFF !important;
    background: #ff4300 !important;
}

.layout-side.close.m-menu .navtxt02 {
    line-height: 55px;
}

.m-menu .navtxt02 li a {
    line-height: 55px;
}

.layout-side.close.b-menu .navtxt02 {
    line-height: 43px;
}

.b-menu .navtxt02 li a {
    line-height: 43px;
}

.navtxt02 li a:hover {
    background: #DF3D00 !important;
}

.layout-side.close .nav-l:hover .navtxt02 {
    width: 88px;
}

.layout-side-arrow.close {
    left: 0px;
    font-weight: normal;
    opacity: 1;
    color: #FFFFFF;
    text-shadow: none;
}

    .layout-side-arrow.close i {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg); /* Internet Explorer */
        -moz-transform: rotate(180deg); /* Firefox */
        -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
        -o-transform: rotate(180deg); /* Opera */
    }

.layout-main.full-page {
    left: 40px;
}

.layout-side.close .jquery-accordion-menu > ul > li.active > a, .layout-side.close .jquery-accordion-menu > ul > li:hover > a {
    color: #fff;
    background: #ff4300;
}

.layout-side.close .jquery-accordion-menu .submenu-indicator {
    display: none;
}

.jquery-accordion-menu {
    width: 100%;
    float: left;
    position: relative;
    box-shadow: 0 5px 20px #333;
}

    .jquery-accordion-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .jquery-accordion-menu ul li {
            width: 100%;
            display: block;
            float: left;
            position: relative;
        }

            .jquery-accordion-menu ul li a {
                width: 100%;
                float: left;
                text-decoration: none;
                color: #979898;
                font-size: 13px;
                background: #222222;
                white-space: nowrap;
                position: relative;
                -o-transition: color .2s linear,background .2s linear;
                -moz-transition: color .2s linear,background .2s linear;
                -webkit-transition: color .2s linear,background .2s linear;
                transition: color .2s linear,background .2s linear;
            }

.b-menu .jquery-accordion-menu ul li a {
    padding: 12px;
}

.m-menu .jquery-accordion-menu ul li a {
    padding: 18px 12px;
}

.jquery-accordion-menu > ul > li.active > a, .jquery-accordion-menu > ul > li:hover > a {
    color: #fff;
    background: #3b424d;
}

    .jquery-accordion-menu > ul > li.active > a i.navicon01 img, .jquery-accordion-menu > ul > li:hover > a i.navicon01 img {
        opacity: 1;
    }

.jquery-accordion-menu > ul > li > a {
    border-bottom: solid 1px #3b424d;
}

.jquery-accordion-menu ul li a i {
    width: 28px;
    float: left;
    line-height: 18px;
    font-size: 16px;
    text-align: left;
}

i.navicon01 img {
    width: 18px;
    height: 18px;
    opacity: .6;
}

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 22px;
    position: absolute;
    line-height: 19px;
    font-size: 20px;
    -o-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px;
}

.jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static;
}

    .jquery-accordion-menu ul ul.submenu li {
        clear: both;
        width: 100%;
    }

        .jquery-accordion-menu ul ul.submenu li a {
            width: 100%;
            float: left;
            font-size: 13px;
            background: #383838;
            border-top: none;
            position: relative;
            border-left: solid 6px transparent;
            -o-transition: border .2s linear;
            -moz-transition: border .2s linear;
            -webkit-transition: border .2s linear;
            transition: border .2s linear;
        }

        .jquery-accordion-menu ul ul.submenu li:hover > a {
            border-left-color: #414956;
        }

    .jquery-accordion-menu ul ul.submenu > li > a {
        padding-left: 34px;
    }

    .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a {
        padding-left: 45px;
    }

    .jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
        padding-left: 60px;
    }

    .jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        min-width: 20px;
        padding: 1px 2px 1px 1px;
        position: absolute;
        right: 18px;
        top: 14px;
        font-size: 11px;
        font-weight: 800;
        color: #555;
        text-align: center;
        line-height: 18px;
        background: #f0f0f0;
        border-radius: 100%;
    }

    .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        top: 12px;
    }

.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.animate-ink {
    -webkit-animation: ripple .5s linear;
    -moz-animation: ripple .5s linear;
    -ms-animation: ripple .5s linear;
    -o-animation: ripple .5s linear;
    animation: ripple .5s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.black.jquery-accordion-menu .jquery-accordion-menu-footer, .black.jquery-accordion-menu .jquery-accordion-menu-header, .black.jquery-accordion-menu ul li a {
    background: #292929;
}

.black.jquery-accordion-menu > ul > li.active > a, .black.jquery-accordion-menu > ul > li:hover > a {
    background: #222;
}

.black.jquery-accordion-menu > ul > li > a {
    border-bottom-color: #222;
}

.black.jquery-accordion-menu ul ul.submenu li:hover > a {
    border-left-color: #222;
}

.memberbox {
    padding: 24px;
}

.location {
    width: 100%;
    background: #f2f2f2;
    border: 1px solid #e5e5e5;
    line-height: 26px;
    padding: 0 10px;
    border-radius: 5px;
    color: #999999;
    margin-bottom: 14px;
}

    .location i {
        margin: 0 5px;
    }

        .location i.navicon01 img {
            margin: 5px 0 0 0;
        }

    .location a {
        margin: 0 5px;
        color: #999999;
    }

    .location span {
        margin: 0 5px;
    }

.table-top {
    overflow: hidden;
}

.tablebtnbox {
    overflow: hidden;
}

.table-btn {
    display: block;
    min-width: 60px;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    color: #FFFFFF;
    margin: 4px 10px 4px 4px;
    cursor: pointer;
    text-align: center;
}

    .table-btn:hover, .table-btn:focus {
        color: #FFFFFF;
        text-decoration: none;
    }

.searchtitle {
    width: 100%;
    display: block;
}

    .searchtitle a {
        display: block;
        width: 100px;
        text-align: center;
        color: #FFFFFF;
        background: #FF4300;
        margin-top: 4px;
        line-height: 32px;
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

        .searchtitle a:hover {
            text-decoration: none;
            color: #FFFFFF;
        }

    .searchtitle i.fa-caret-up {
        transform: rotate(180deg);
    }

.searchbox-con {
    width: 100%;
    padding: 10px;
    margin: 0 0 8px 0%;
    border-top: 3px solid #FF4300 !important;
    border: 1px solid #EBEBEB;
    background: #F8F8F8;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    display: none;
}

.group {
    overflow: hidden;
}

.searchbox-con input, .searchbox-con select {
    background-color: #f5f5f5;
    border: 1px solid #E0E0E0;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
}

.timeline {
    width: 4%;
    line-height: 34px;
}

.searchbox-con .col-md-3, .searchbox-con .col-md-6 {
    margin: 4px 0;
}

.search-btn {
    display: block;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    margin: 0 10px;
}

    .search-btn i {
        margin-right: 5px;
    }

    .search-btn:hover, .search-btn:focus {
        color: #FFFFFF;
        text-decoration: none;
    }

.tablecon {
    width: 100%;
    overflow-x: auto;
}

.pagetablebox {
    min-height: 400px;
    overflow-x: auto;
}

.pagetable {
    width: 99.9%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 10px;
    min-width: 600px;
}

    .pagetable thead th {
        height: 34px;
        line-height: 34px;
        text-align: center;
        background: #EEEEEE;
    }

    .pagetable td {
        border-bottom: 1px solid #EEEEEE;
        line-height: 20px;
        padding: 8px 4px;
    }

    .pagetable tr:nth-child(even) {
        background: #F7F7F7;
    }

    .pagetable td input, .pagetable td select {
        border: none;
        width: 100%;
        height: 100%;
        text-align: center;
        background: none;
    }

        .pagetable td input:disabled, .pagetable td select:disabled {
            background: none;
        }

        .pagetable td input.Wdate {
            background: transparent url(../js/datepicker/skin/datePicker.gif) no-repeat right;
        }

.tablebtn {
    display: inline-block;
    padding: 4px 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    margin: 2px;
}

    .tablebtn:hover, .tablebtn:focus {
        color: #FFFFFF;
    }

.tableadd {
    display: block;
    font-size: 18px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    margin: 0 auto;
    cursor: pointer;
}

.pagetxt li {
    overflow: hidden;
    margin: 10px 0;
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 5px;
}

.b-txt li {
    margin: 5px 0 !important;
    padding-bottom: 2px !important;
}

.username {
    width: 120px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listtitle {
    font-weight: bold;
    color: #ff4300;
    border-left: 3px solid #ff4300;
    padding-left: 10px;
    line-height: 28px;
}

.p-box {
    overflow: hidden;
}

.page-name {
    float: left;
    width: 120px;
    max-width: 120px;
    line-height: 24px;
    font-weight: normal;
    text-align: right;
    padding: 5px 5px 5px 0;
    display: inline-block;
    font-size: 12px;
    color: #888888;
}

.page-con {
    width: 68%;
    float: left;
    line-height: 34px;
    display: inline-block;
}

.s-txt li {
    margin: 5px 0 !important;
    padding-bottom: 2px !important;
}

.s-txt .page-name {
    width: auto;
}

.s-txt .col-lg-6 .page-con {
    width: 50%;
}

.s-txt .col-lg-12 .page-con {
    width: 70%;
}

.pagebtn {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

    .pagebtn:hover, .pagebtn:focus {
        color: #FFFFFF;
    }

.pagebtn-s {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 5px;
}

    .pagebtn-s:hover, .pagebtn-s:focus {
        color: #FFFFFF;
    }

.tradingimg {
    width: 80%;
    height: 240px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 2px;
    line-height: 230px;
    margin-bottom: 5px;
}

    .tradingimg img {
        width: 100%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }

.dot {
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: #ff0000;
}

/* 会员中心 */
.infbox {
    background: #FFFFFF;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.infbox-l {
    width: 170px;
    height: 190px;
}

    .infbox-l img {
        width: 150px;
        height: 150px;
        display: block;
        padding: 2px;
        border: 1px solid #CCCCCC;
        border-radius: 5px;
        margin: 0 auto;
    }

    .infbox-l .state {
        padding: 2px 0;
        width: 70px;
        display: block;
        text-align: center;
        margin: 10px auto;
    }

.infbox-r {
    position: absolute;
    top: 30px;
    left: 200px;
    right: 10px;
}

    .infbox-r h3 {
        font-size: 15px;
        margin-bottom: 10px;
    }

        .infbox-r h3 span {
            margin-left: 8px;
            font-size: 24px;
        }

    .infbox-r ul li {
        line-height: 24px;
        margin-bottom: 4px;
    }

.b-todo {
    width: 100%;
    overflow: hidden;
}

    .b-todo li {
        float: left;
        height: 100px;
        /* min-width: 196px; */
        margin-bottom: 10px;
    }

        .b-todo li.col-lg-4 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .b-todo li a {
            display: block;
            width: 100%;
            height: 100%;
            color: #FFFFFF;
            border-radius: 5px;
            overflow: hidden;
        }

.b-icon {
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 42px;
    line-height: 76px;
    margin: 7px 10px 0 10px;
    border-radius: 50%;
}

    .b-icon img {
        width: 58px;
        height: 58px;
        margin: 14px 9px;
    }

.b-todo-txt {
    margin-top: 15px;
}

    .b-todo-txt label {
        font-size: 30px;
        margin-right: 5px;
        margin-bottom: 0;
    }

.b-todo a.b-purple {
    background: #e2357c;
    border-top: 5px solid #cb306f;
}

    .b-todo a.b-purple .b-icon {
        background: #cb306f;
    }

.b-todo a.b-blue {
    background: #024ebf;
    border-top: 5px solid #013788;
}

    .b-todo a.b-blue .b-icon {
        background: #013788;
    }

.b-todo a.b-green {
    background: #54B2A4;
    border-top: 5px solid #3a9386;
}

    .b-todo a.b-green .b-icon {
        background: #3a9386;
    }

.b-todo a.b-orange {
    background: #ff9228;
    border-top: 5px solid #d87c22;
}

    .b-todo a.b-orange .b-icon {
        background: #d87c22;
    }

.b-todo a.b-yellow {
    background: #fdc43c;
    border-top: 5px solid #d9ab3d;
}

    .b-todo a.b-yellow .b-icon {
        background: #d9ab3d;
    }

.b-colleges li {
    height: 210px;
    min-width: 100px;
}

    .b-colleges li .b-icon {
        float: none !important;
        width: 100px;
        height: 100px;
        text-align: center;
        font-size: 42px;
        line-height: 100px;
        margin: 10px auto;
        border-radius: 50%;
    }

        .b-colleges li .b-icon img {
            width: 58px;
            height: 58px;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
        }

    .b-colleges li .b-todo-txt {
        float: none !important;
        text-align: center;
    }

.chartbox {
    margin-top: 10px;
}

.chartcon {
    width: 100%;
}

#chart-pat, #chart-order {
    height: 200px;
}

#chart-trading {
    height: 400px;
}

/* 我的订单 */
.ordertotal {
    overflow: hidden;
    margin-left: 20px;
}

    .ordertotal span {
        font-size: 20px;
        margin: 0 4px;
    }

    .ordertotal div {
        margin-right: 20px;
    }



/* 立即付款 */
.paymentbox {
    width: 80%;
    margin: 50px auto;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 20px;
}

.paylogo {
    width: 100%;
    border-bottom: 1px dashed #DDDDDD;
    padding: 15px 0;
    overflow: hidden;
    height: 90px;
}

    .paylogo img {
        width: auto;
        height: 60px;
    }

    .paylogo p {
        font-size: 24px;
        padding-top: 30px;
        color: #ff4300;
    }

.prompt {
    width: 100%;
    line-height: 24px;
    padding: 2px 6px;
    margin-bottom: 10px;
    border-radius: 5px;
}

    .prompt i {
        margin-right: 10px;
    }

.p-red {
    border: 1px solid #ed4e4b;
    background: #fff4f4;
    color: #ed4e4b;
}

.p-green {
    border: 1px solid #5cb460;
    background: #f4fff5;
    color: #5cb460;
}

.promptbtn {
    display: inline-block;
    padding: 2px 5px;
    color: #FFFFFF;
}

    .promptbtn:hover, .promptbtn:focus {
        color: #FFFFFF;
    }

.p-red .promptbtn {
    background: #ed4e4b;
}

.p-green .promptbtn {
    background: #5cb460;
}

.pay-choose {
    width: 100%;
    font-size: 14px;
    margin: 10px 0;
    overflow: hidden;
}

    .pay-choose ul li {
        float: left;
        display: block;
        margin: 0 20px 10px 0;
        cursor: pointer;
        border: 1px dashed #c9c9c9 !important;
        width: 160px;
        height: 60px;
        padding: 2px;
        z-index: 1;
    }

        .pay-choose ul li img {
            z-index: -1;
            display: block;
        }

        .pay-choose ul li#alipay {
            background: url(../../img/pay-01.png)no-repeat center;
        }

        .pay-choose ul li#unionpay {
            background: url(../../img/pay-02.png)no-repeat center;
        }

        .pay-choose ul li#wechat {
            background: url(../../img/pay-03.png)no-repeat center;
        }

        .pay-choose ul li:hover {
            border: 2px dashed #fa8a00 !important;
            color: #fa8a00;
        }

    .pay-choose .on {
        border: 2px dashed #fa8a00 !important;
        color: #fa8a00;
        font-weight: bold;
        position: relative;
    }

        .pay-choose .on i {
            display: block;
            width: 22px;
            height: 22px;
            position: absolute;
            right: 0px;
            bottom: 0px;
            background: url(../../img/righbt-r.png) no-repeat 0 0;
        }

.paybox {
    clear: both;
    width: 98%;
    height: 0;
    overflow: hidden;
    margin-bottom: 8px;
    margin-top: -8px;
    display: none;
    font-size: 12px;
    padding: 8px;
}

.paylist {
    overflow: hidden;
}

    .paylist li {
        float: left;
        margin-right: 30px;
        font-size: 15px;
        margin-bottom: 8px;
    }

.servicetime {
    overflow: hidden;
}

    .servicetime a {
        display: block;
        float: left;
        width: 110px;
        height: 36px;
        text-align: center;
        font-size: 14px;
        line-height: 36px;
        border: 1px solid #CCCCCC;
        margin: 8px 5px;
        color: #AAAAAA;
        border-radius: 5px;
        position: relative;
    }

        .servicetime a i {
            margin-right: 4px;
            display: none;
        }

        .servicetime a:hover {
            color: #fa8a00;
            border: 1px solid #fa8a00;
        }

        .servicetime a:focus, .servicetime a.on {
            background: #fa8a00;
            color: #FFFFFF;
            border: 1px solid #fa8a00;
        }

            .servicetime a:focus i, .servicetime a.on i {
                display: inline-block;
            }

        .servicetime a img {
            width: 30px;
            height: 30px;
            position: absolute;
            top: -10px;
            left: -12px;
        }

/* 会员权益 */
.RIimg {
    width: 40%;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    padding: 2px;
    position: relative;
}

.RIimg01 {
    width: 100%;
    height: 366px;
    background: url(../../img/back01.png);
}

.RIimg h3 {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    line-height: 366px;
}

    .RIimg h3.RIintegral {
        font-size: 70px;
    }

    .RIimg h3.RImember {
        font-size: 50px;
    }

.RIbox {
    width: 60%;
    overflow: hidden;
    padding: 0 0 0 20px;
}

.RItitle {
    font-size: 20px;
    color: #ff4300;
    margin: 20px 0 18px 1%;
    height: 34px;
    background: url(../../img/RItitle.png) no-repeat;
    padding-left: 30px;
    line-height: 34px;
    font-weight: bold;
}

    .RItitle i {
        font-size: 16px;
        margin-right: 6px;
    }

.RIchoosebox p {
    margin: 0 0 0 1%;
    font-size: 15px;
    padding-left: 15px;
}

.RIchoose {
    overflow: hidden;
}

    .RIchoose a {
        display: block;
        float: left;
        padding: 0 5px;
        height: 50px;
        text-align: center;
        font-size: 17px;
        line-height: 50px;
        border: 1px solid #CCCCCC;
        margin: 8px 1%;
        color: #AAAAAA;
        border-radius: 5px;
        position: relative;
        width: 31.3%;
    }

        .RIchoose a i {
            margin-right: 4px;
            display: none;
        }

        .RIchoose a:hover {
            color: #ff8400;
            border: 1px solid #ff8400;
        }

        .RIchoose a:focus, .RIchoose a.on {
            background: #ff8400;
            color: #FFFFFF;
            border: 1px solid #ff8400;
        }

            .RIchoose a:focus i, .RIchoose a.on i {
                display: inline-block;
            }

.RImoneybox {
    background: #F5F5F5;
    padding: 15px;
    overflow: hidden;
    margin: 20px 1% 0;
    border-radius: 5px;
}

.RImoney {
    font-size: 15px;
    margin-bottom: 20px;
}

    .RImoney span {
        color: #ed4e4b;
    }

        .RImoney span#RImoney {
            font-weight: bold;
            font-size: 26px;
            margin-left: 4px;
        }

            .RImoney span#RImoney label {
                margin-bottom: 0;
                font-size: 18px;
            }

.RIbtn a {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
}

#RImembertxt1, #RImembertxt2 {
    display: none;
}

.RItable {
    width: 98%;
    border-collapse: collapse;
    margin: 20px 1%;
    font-size: 14px;
    text-align: center;
}

    .RItable thead {
        background: #ff8400;
        color: #FFFFFF;
        line-height: 34px;
        font-size: 18px;
        border-bottom: 4px solid #e27500;
    }

        .RItable thead th {
            border: 1px solid #ff8400;
            text-align: center;
        }

    .RItable td {
        border: 1px solid #DDDDDD;
        padding: 6px;
    }

.RIactive {
    font-size: 18px;
    line-height: 40px;
    color: #ff8400;
    font-weight: bold;
    background: #F5F5F5;
}

    .RIactive i {
        font-size: 22px;
    }

.popbox .RItable {
    margin: 5px auto;
}

    .popbox .RItable thead {
        line-height: 28px;
        font-size: 13px;
        border-bottom: 2px solid #e27500;
    }

    .popbox .RItable td {
        border: 1px solid #DDDDDD;
        padding: 2px 6px;
    }

.popbox .RIactive {
    font-size: 15px;
    line-height: 30px;
}

.RIbox-img {
    width: 98%;
    height: auto;
    margin: 0 1%;
}
/* 我的资料 */

.txt-name {
    margin-bottom: 8px;
    color: #888888;
}

    .txt-name span {
        margin-right: 4px;
    }

.txt-con {
    line-height: 34px;
}

.p-btnbox {
    width: 250px;
    margin: 20px auto;
    overflow: hidden;
}

.p-btnbox-m {
    width: 320px;
    margin: 20px auto;
    overflow: hidden;
}

    .p-btnbox a, .p-btnbox-m a {
        margin: 0 1%;
    }

.test-box {
    position: relative;
}

    .test-box > .test-tab {
        width: 100%;
    }

    .test-box .content {
        display: none;
    }

.test-radio01 {
    position: absolute;
    top: 10px;
    left: 136px;
}

.test-label01 {
    position: absolute;
    top: 8px;
    left: 170px;
}

.test-radio02 {
    position: absolute;
    top: 10px;
    left: 210px;
}

.test-label02 {
    position: absolute;
    top: 8px;
    left: 244px;
}

.test-radio03 {
    position: absolute;
    top: 10px;
    left: 284px;
}

.test-label03 {
    position: absolute;
    top: 8px;
    left: 318px;
}

.test-radio04 {
    position: absolute;
    top: 10px;
    left: 378px;
}

.test-label04 {
    position: absolute;
    top: 8px;
    left: 412px;
}

.test-box input:checked ~ .content {
    display: block;
}

.p-up, .t-increase, .b-save, .b-cancel, .t-minus, .asterisk, .c-save, .c-cancel {
    display: none;
}

.t-add {
    padding: 3px;
}

    .t-add .tablebtn {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0px auto;
        padding: 0;
    }

        .t-add .tablebtn i {
            line-height: 30px;
        }

.license01 {
    display: none;
}

.state {
    padding: 0 6px;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 12px;
    line-height: 22px;
    margin-left: 8px;
    display: inline-block;
}

a.state:hover, a.state:focus {
    color: #FFFFFF;
}

.pers-txt .pagetxt li {
    margin: 0;
}
/* .pers-txt .page-name{
	width: 130px;
}
.pers-txt .page-con{
	width: 70%;
} */
.pers-txt .test-box input:checked ~ .content {
    padding-top: 3px;
}

.informationtop {
    line-height: 24px;
    margin-top: 10px;
}

.security {
    display: inline-block;
    width: 300px;
    text-align: center;
    position: relative;
    background: #CCCCCC;
    color: #FFFFFF;
}

    .security .percent {
        position: relative;
        z-index: 1;
    }

    .security .bgcolor {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

.informationtxt {
    margin-top: 30px;
    border-top: 1px solid #DDDDDD;
}

    .informationtxt li {
        padding: 15px 0;
        border-bottom: 1px solid #DDDDDD;
        overflow: hidden;
    }

        .informationtxt li i {
            width: 40px;
            text-align: center;
            font-size: 18px;
        }

            .informationtxt li i.fa-exclamation-circle {
                color: #E51C23;
            }

            .informationtxt li i.fa-check {
                color: #5ac146;
            }

        .informationtxt li label {
            font-weight: normal;
            font-size: 16px;
            color: #080808;
            padding-right: 15px;
            border-right: 1px solid #DDDDDD;
            margin-right: 15px;
        }

        .informationtxt li span {
            font-size: 14px;
            color: #999999;
        }

        .informationtxt li a {
            display: inline-block;
            float: right;
            width: 120px;
            text-align: center;
        }

        .informationtxt li.not span {
            color: #ed4e4b;
        }

/* 快递管理 */
.pro-con {
    width: 94%;
    margin: 0 auto;
    position: relative;
}

.iconbox {
    position: relative;
    width: 100%;
    height: 100%;
}

.proicon-b {
    width: 28px;
    height: 28px;
    margin-left: 6px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-top: -11px;
}

.proicon {
    width: 28px;
    height: 28px;
    margin-left: 6px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.vertical {
    width: 2px;
    background: #CCCCCC;
    position: absolute;
    top: 40px;
    left: 21px;
    bottom: 0;
    z-index: -1;
}

.p-line {
    width: 98%;
    padding: 10px;
    background: #F7F7F7;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    position: relative;
    margin-top: 6px;
    line-height: 20px;
}

.triangle_border_left {
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #CCCCCC transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -10px;
}
/*电子收据*/
.receiptbox {
    width: 600px;
    height: 300px;
    background: #FFFFFF;
}

    .receiptbox td {
        font-size: 10pt;
        color: #666666;
        font-family: "Times New Roman", "Times", "serif";
    }

    .receiptbox .font4 {
        font-size: 14pt;
        color: #FF0000;
        font-family: "Arial", "Helvetica", "sans-serif";
    }

    .receiptbox .font3 {
        font-size: 11pt;
        color: #FF0000;
        font-family: "Arial", "Helvetica", "sans-serif";
    }

    .receiptbox .font2 {
        font-size: 10pt;
        color: #FF0000;
        font-family: "Arial", "Helvetica", "sans-serif";
    }

    .receiptbox .font1 {
        font-size: 8pt;
        color: #FF0000;
        font-family: "Arial", "Helvetica", "sans-serif";
    }

.border_r {
    border-right: rgb(255, 0, 0) 1px groove;
}

.border_b {
    border-bottom: rgb(255, 0, 0) 1px groove
}

.border_n {
    border: none;
}

    .border_n:hover, .border_n:focus {
        border: none;
    }

.seal {
    position: absolute;
    width: 120px;
    height: 120px;
    z-index: 1;
    left: 290px;
    top: 70px;
}

    .seal img {
        width: 120px;
        height: auto;
    }

/* 我的专利 */
.cost {
    min-width: 60px;
}

.patbox .searchtab {
    margin: 10px;
}

.patbox .search-box {
    width: 60%;
    margin: 20px auto;
    overflow: hidden;
}

    .patbox .search-box input {
        width: 85%;
        height: 40px;
        line-height: 40px;
    }

    .patbox .search-box a {
        height: 40px;
        line-height: 40px;
    }

/* 消息 */
.messagelist li {
    overflow: hidden;
    border-bottom: 1px dashed #DDDDDD;
}

    .messagelist li:hover {
        background: #F5F5F5;
    }

    .messagelist li a {
        display: block;
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding: 2px 10px;
    }

    .messagelist li i {
        line-height: 34px;
        margin-right: 10px;
        color: #AAAAAA;
    }

    .messagelist li.unread i {
        color: #F58410;
    }

.plate {
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    border-radius: 5px;
    padding: 0 8px;
    margin: 5px;
}

.messagelist li a .con {
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-time {
    color: #ADADAD;
    font-size: 12px;
}

.messagebox {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 500px;
    min-height: 120px;
    /*background: #00BFFF;*/
    background: #CC3F44;
    opacity: .8;
    padding: 10px;
}

    .messagebox:hover {
        opacity: 1;
    }

.mlist {
    max-height: 400px;
    overflow-y: auto;
}

    .mlist li {
        width: 98%;
        padding: 1%;
        margin-top: 10px;
        border-bottom: 1px dashed #FFFFFF;
    }

        .mlist li:hover {
            /*background: #00b7f4;*/
            background: #be373c;
        }

        .mlist li a {
            color: #FFFFFF;
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 24px;
        }

            .mlist li a i {
                margin: 5px 6px 0 0;
            }

            .mlist li a div {
                width: 95%;
            }

            .mlist li a label {
                margin: 0 10px 0 0;
            }

.m-txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.mlist li a .m-time {
    color: #FFFFFF;
    line-height: 28px;
}

.m-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0px;
    color: transparent;
    line-height: 24px;
    text-align: center;
}

.m-close {
    right: 0px;
}

.m-read {
    right: 26px;
}

.messagebox:hover .m-btn {
    color: #FFFFFF;
    /*background: #0386C2;*/
    background: #9c171c;
    cursor: pointer;
}




/* 上传文件 */
.upbox {
    position: relative;
    font-weight: normal;
    width: 98%;
}

.filebox {
    position: relative;
    font-weight: normal;
    width: 100%;
}

.filebtn {
    float: left;
    display: block;
    width: 12%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
}

    .filebtn:hover, .filebtn:focus {
        color: #FFFFFF;
    }

    .filebtn i {
        line-height: 34px;
    }

#fileinp {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
}

#text {
    color: #888888;
    border: 1px solid #dcdfe6;
    float: left;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    width: 100%;
}

.portraitbox {
    position: relative;
    width: 100px;
    height: 100px;
    /* border-radius: 50%; */
    overflow: hidden;
    border: 2px solid #EEEEEE;
}

    .portraitbox #fileinp {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

    .portraitbox img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

    .portraitbox p {
        background: #000000;
        width: 100px;
        height: 100px;
        opacity: .2;
        text-align: center;
        position: absolute;
        bottom: 0px;
    }

    .portraitbox label {
        width: 100px;
        height: 100px;
        line-height: 110px;
        text-align: center;
        position: absolute;
        bottom: 0px;
        font-size: 35px;
        color: #FFFFFF;
    }

.up_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin: 0 auto;
}

    .up_table td {
        padding: 6px;
        line-height: 20px;
        overflow: hidden;
    }

.upload {
    overflow: hidden;
    margin-bottom: 10px;
}

    .upload .filebox {
        position: relative;
        font-weight: normal;
        width: 80px;
    }

    .upload p {
        margin: 10px 0 0 10px;
    }

.upimg {
    width: 80px;
    height: 80px;
    cursor: pointer;
    margin-top: 10px;
}

.up_s {
    overflow: hidden;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    color: #333333;
}

    .up_s img {
        width: 20px;
        margin-right: 6px;
    }

    .up_s:hover {
        background: #F2F2F2;
        border-radius: 5px;
    }

.upload-b {
    overflow: hidden;
}

    .upload-b .filebox {
        position: relative;
        font-weight: normal;
        width: 70px;
        height: 24px !important;
        padding-left: 0px;
        background: transparent;
        border: 1px solid #ff4300;
        border-radius: 24px;
    }

    .upload-b p {
        font-size: 12px;
        color: #ff4300;
        text-align: center;
        line-height: 20px;
        width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

#text01 {
    color: #888888;
    border: 1px solid #dcdfe6;
    float: left;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    width: 80%;
}

.btn-up-s {
    width: 20%;
    float: left;
    color: #FFFFFF;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
    cursor: pointer;
}

    .btn-up-s:hover, .btn-up-s:focus {
        color: #FFFFFF;
    }

    .btn-up-s i {
        line-height: 34px;
    }

.t-img {
    width: 200px;
    height: 145px;
    padding: 2px;
    border: 1px solid #DDDDDD;
}

.p-img {
    width: 145px;
    height: 145px;
    padding: 2px;
    border: 1px solid #DDDDDD;
}

.uplist {
    display: inline-block;
    padding: 0px 8px;
    line-height: 24px;
    background: #fcf3ef;
    font-size: 12px;
    color: #ffa585;
    border: 1px solid #ffa585;
    border-radius: 5px;
}

    .uplist i {
        display: none;
    }

    .uplist:hover i {
        display: inline-block;
    }

/* 专利检索 */
.heardertop {
    width: 100%;
    height: 30px;
    line-height: 30px;
    /* background: #2c2e2f; */
    background: #F5F5F5;
    color: #535353;
}

    .heardertop .h-nav {
        line-height: 30px;
        font-size: 12px;
    }

        .heardertop .h-nav li i {
            font-size: 14px;
        }

        .heardertop .h-nav li a {
            color: #535353;
        }

        .heardertop .h-nav .userlist, .heardertop .h-nav .QRlist, .heardertop .h-nav .productlist {
            top: 30px;
        }

        .heardertop .h-nav li:hover a {
            background: #E0E0E0;
            color: #535353;
        }

    .heardertop .QRlist, .heardertop .productlist {
        background: #E0E0E0;
    }

    .heardertop .h-nav li:hover .userlist li a, .heardertop .h-nav li:hover .productlist li a {
        background: #E0E0E0;
        color: #535353;
    }

    .heardertop .userlist li a:hover, .heardertop .productlist li a:hover {
        color: #000000 !important;
        background: #EDEDED !important;
    }

.searchcon {
    width: 50%;
    margin: 12% auto;
}

.search-title {
    overflow: hidden;
    width: 330px;
    margin: 0 auto 60px;
}

    .search-title a {
        display: inline-block;
        width: 169px;
        height: 72px;
    }

    .search-title img {
        width: 169px;
        height: 72px;
    }

    .search-title h3 {
        line-height: 72px;
        font-size: 26px;
        color: #FF4300;
        font-weight: bold;
    }

        .search-title h3 i {
            font-size: 14px;
            margin-right: 10px;
            color: #FF4300;
        }

.search-box {
    width: 90%;
    margin: 0 auto;
    border: 2px solid #FF4300;
    overflow: hidden;
}

    .search-box select {
        width: 18%;
        height: 50px;
        border: none;
        border-right: 2px solid #FF4300;
        float: left;
    }

    .search-box input {
        width: 67%;
        height: 50px;
        line-height: 50px;
        border: none;
        padding: 0 1%;
        float: left;
    }

    .search-box a {
        display: block;
        width: 15%;
        height: 50px;
        line-height: 50px;
        float: left;
        background: #FF4300;
        text-align: center;
        color: #FFFFFF;
        font-size: 16px;
    }

        .search-box a:hover, .search-box a:focus {
            color: #FFFFFF;
            background: #DF3D00;
        }

.search-adv {
    float: right;
    margin: 10px 5% 0 0;
    color: #FF4300;
    font-weight: bold;
}

    .search-adv:hover, .search-adv:focus {
        color: #DF3D00;
    }

.footer {
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin-top: 100px;
}

.search-content {
    width: 90%;
    margin: 0 auto;
}

.search-top {
    margin: 20px auto 40px;
    min-height: 75px;
}

.searchlogo {
    display: block;
}

    .searchlogo img {
        width: 139px;
        height: 59px;
    }

.page-search-box {
    width: 45%;
}

    .page-search-box .search-box {
        width: 100%;
    }

    .page-search-box .search-adv {
        margin: 6px 0 0 0;
    }

    .page-search-box .search-box select, .page-search-box .search-box input, .page-search-box .search-box a {
        height: 40px;
        line-height: 40px;
    }

.membertitle {
    width: 100%;
    height: 37px;
    line-height: 37px;
    padding-left: 20px;
    font-size: 16px;
    background: #ff4300;
    color: #FFFFFF;
    font-weight: bold;
}

    .membertitle i {
        margin-right: 4px;
    }

.membernav {
    margin-top: 0;
    width: 100%;
    background: #FFFFFF;
}

    .membernav li {
        width: 100%;
    }

    .membernav a {
        display: block;
        width: 100%;
        height: 100%;
        color: #535353;
        line-height: 40px;
        font-size: 15px;
        padding-left: 20px;
        overflow: hidden;
    }

        .membernav a i {
            margin-right: 8px;
            font-size: 14px;
        }

            .membernav a i.fa-angle-down {
                line-height: 50px;
            }

    .membernav li.active i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .membernav a:hover {
        background: #f5f5f5 !important;
    }

    .membernav label {
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: normal;
    }

    .membernav .active a {
        background: #f0f0f0;
    }

    .membernav .submenu {
        width: 100%;
        margin: 0 auto;
        display: none;
        position: static;
        overflow: hidden;
    }

        .membernav .submenu li {
            width: 100%;
        }

            .membernav .submenu li a {
                overflow: hidden;
                color: #535353;
                line-height: 24px;
                font-size: 13px;
                text-decoration: none;
                display: block;
                padding: 5px 15px 5px 43px;
                width: 100%;
                height: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .membernav .submenu a:hover, .membernav .submenu a:focus {
            color: #FFFFFF;
            background: #FF4300 !important;
        }

        .membernav .submenu li.current a {
            color: #FFFFFF;
            background: #FF4300;
        }

.typebox {
    display: none;
}

.t1 {
    display: block;
}

.IPC-s-box {
    display: none;
}

.aui-img {
    width: 26px;
    height: 26px;
}

.marketpage-l {
    width: 78%;
    padding-right: 15px;
}

.marketpage-r {
    width: 22%;
    padding-left: 5px;
}

.s-listbox {
    position: relative;
}
/* 发布时间 */
.listbox-btn {
    width: 100%;
    height: 38px;
    line-height: 32px;
    background: #FFFFFF;
    overflow: hidden;
}

    .listbox-btn a {
        display: inline-block;
        padding: 4px 6px;
        color: #FFFFFF;
        font-size: 13px;
    }

        .listbox-btn a i {
            margin-right: 4px;
        }

    .listbox-btn p {
        margin-top: 2px;
    }

        .listbox-btn p span {
            margin: 0 2px;
            font-size: 15px;
        }

.listsearch {
    margin-left: 175px;
}

.list-time {
    margin-right: 3px;
}

.list-timebtn {
    color: #FF4300 !important;
    display: block;
    width: 86px;
    height: 38px;
    line-height: 38px;
    padding: 0 !important;
    text-align: center;
}

    .list-timebtn:hover {
        background: #E4E4E4;
    }

.list-timebox {
    position: absolute;
    top: 0px;
    left: 175px;
    width: 320px;
    z-index: 2;
    height: 80px;
    display: none;
}

.list-timebtn-c {
    display: block;
    width: 86px;
    height: 38px;
    line-height: 38px;
    padding: 0 !important;
    text-align: center;
    background: #FF4300;
    color: #FFFFFF !important;
}

.list-timebox ul {
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #FF4300;
}

.list-timebox li {
    float: left;
    margin: 5px;
    overflow: hidden;
}

.list-searchbox span {
    line-height: 28px;
    margin: 0 4px;
    font-size: 12px;
}

.list-timebtn-t {
    width: 96px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
    text-align: center;
    border: none;
    color: #535353 !important;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
}

    .list-timebtn-t:hover {
        background: #F5F5F5;
    }

.list-time-in {
    width: 104px;
    height: 28px !important;
    font-size: 13px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 0 4px;
}

.list-search {
    display: block;
    width: 34px;
    height: 28px !important;
    line-height: 28px;
    text-align: center;
    background: #FF4300;
    color: #FFFFFF;
    padding: 0 !important;
    border-radius: 5px;
    margin-left: 5px;
}

.listbtn {
    color: #FF4300 !important;
    padding: 0 6px !important;
    display: block;
    height: 38px;
    line-height: 38px;
    margin-right: 10px;
    width: 86px;
    text-align: center;
}

    .listbtn:hover {
        background: #E4E4E4;
    }

    .listbtn:focus {
        color: #FFFFFF !important;
        background: #FF4300;
    }


/* 优惠 */
.list-other {
    margin-right: 3px;
}

.list-otherbtn {
    color: #FF4300 !important;
    display: block;
    width: 86px;
    height: 38px;
    line-height: 38px;
    padding: 0 !important;
    text-align: center;
    z-index: 3;
}

    .list-otherbtn:hover {
        background: #E4E4E4;
    }

.list-otherbox {
    position: absolute;
    top: 0px;
    width: 86px;
    z-index: 2;
    display: none;
    overflow: hidden;
}

.b-jiage {
    left: 265px;
}

.b-youhui {
    left: 354px;
}

.b-jiaoyi {
    left: 443px;
}

.coll-search .b-jiage {
    left: 175px;
}

.coll-search .b-jiaoyi {
    left: 263px;
}

.list-otherbtn-c {
    display: block;
    width: 86px;
    height: 38px;
    line-height: 38px;
    padding: 0 !important;
    text-align: center;
    background: #FF4300;
    color: #FFFFFF !important;
}

.list-otherbox ul {
    background: #FFFFFF;
    border: 1px solid #FF4300;
    overflow: hidden;
}

.list-otherbox li {
    float: left;
    margin: 5px;
}

    .list-otherbox li a {
        width: 74px;
        height: 28px;
        line-height: 28px;
        padding: 0;
        text-align: center;
        border: none;
        color: #535353 !important;
        border: 1px solid #EEEEEE;
    }

        .list-otherbox li a:hover {
            background: #F5F5F5;
            border-radius: 5px;
        }

.list-release {
    width: 100%;
}

    .list-release img {
        width: 80px;
        height: 80px;
    }

.release {
    width: 100%;
    height: 80px;
    background: #FF4300;
    color: #FFFFFF;
    overflow: hidden;
    border-radius: 80px 30px 30px 80px;
    margin-top: -80px;
    padding: 0 0px 0 80px;
}

    .release a {
        display: block;
        width: 46%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #FFFFFF;
        float: right;
        font-weight: bold;
        font-size: 16px;
        border: 1px solid #FFFFFF;
        margin: 20px 3% 0 0;
        border-radius: 10px;
        overflow: hidden;
    }

        .release a:hover, .release a:focus {
            background: #137eff;
            border: 1px solid #137eff;
        }

.agentbox .listsearch {
    margin-left: 89px;
}

.agentbox .list-timebox {
    left: 89px;
}

.agentbox .b-jiage {
    left: 179px;
}

.agentbox .b-jiaoyi {
    left: 268px;
}

/* 提示 */
.original {
    font-size: 12px;
    color: #ADADAD;
    display: inline-block;
}

.t-hint {
    line-height: 16px;
}

.t-hintbtn {
    height: 16px;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

    .t-hintbtn span {
        font-weight: normal;
        color: #FF0000;
        line-height: 16px;
        margin: 0 4px 0 0;
    }

    .t-hintbtn i {
        color: #FF0000 !important;
        padding: 0 !important;
        font-size: 14px;
    }

.t-hintbox {
    position: absolute;
    top: 20px;
    left: -5px;
    width: 120px;
    z-index: 2;
    height: 0;
    overflow: hidden;
    text-align: center;
}

    .t-hintbox li {
        text-align: center;
    }

.t-hint:hover .t-hintbox {
    height: 50px;
    line-height: 24px;
    color: #FFFFFF;
    background: rgba(255,0,0,.6);
    border: 1px solid #FF0000;
    font-size: 12px;
}

.line-t {
    text-decoration: line-through;
}

.pagetable .s-type {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    padding: 0;
}

.s-list {
    padding: 10px;
    background: #FFFFFF;
    border-top: none;
}

    .s-list li {
        border-bottom: 1px dashed #CCCCCC;
        padding: 15px 10px;
    }

        .s-list li:hover {
            background: #F5F5F5;
        }

        .s-list li .listbox {
            display: block;
            overflow: hidden;
        }

.s-listimg {
    width: 200px;
    height: 200px;
    margin-right: 10px;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.s-listtxt {
    width: 70%;
}

    .s-listtxt h3 {
        font-size: 18px;
        line-height: 28px;
        overflow: hidden;
        margin-bottom: 10px;
    }

.txtname {
    max-width: 50%;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommendlist .s-listtxt-new {
    padding: 6px 10px 2px 10px !important;
}

    .recommendlist .s-listtxt-new h3 {
        margin-bottom: 0px !important;
    }

    .recommendlist .s-listtxt-new .txtname {
        max-width: 100% !important;
        margin-bottom: 0;
    }

.dealimg {
    display: inline-block;
    width: 25px;
    height: 25px;
}

.mark {
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    padding: 0 5px;
    color: #FFFFFF;
    margin-left: 20px;
}

    .mark:hover, .mark:focus {
        color: #FFFFFF;
    }

.s-list li a dl {
    overflow: hidden;
    font-size: 12px;
    color: #666666;
}

    .s-list li a dl dd {
        float: left;
        width: 49.4%;
        padding: 0 .3%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.abstract {
    width: 100%;
    color: #666666;
    padding: 0 .3%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    height: 64px;
}

.s-listbtn {
    overflow: hidden;
    margin-top: 15px;
}

    .s-listbtn a {
        display: block;
        margin-right: 10px;
        padding: 4px 10px;
        color: #FFFFFF;
    }

        .s-listbtn a i {
            margin-right: 4px;
        }

        .s-listbtn a:hover, .s-listbtn a:focus {
            color: #FFFFFF;
        }

.s-list li .listbox-tra {
    display: block;
    overflow: hidden;
}

.listbox-tra .s-listimg {
    width: 200px;
    height: 130px;
}

.s-list li a.listbox-tra dl dd {
    width: 33% !important;
}

.s-title {
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 10px;
}

    .s-title .s-listtxt {
        width: 100% !important;
    }

        .s-title .s-listtxt h3 {
            font-size: 16px;
            margin-bottom: 0 !important;
        }

            .s-title .s-listtxt h3 i {
                line-height: 28px;
                color: #FF4300;
            }

        .s-title .s-listtxt .s-listbtn {
            overflow: hidden;
            margin-top: 5px;
        }

.searchtab {
    width: 98%;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
}

    .searchtab .nav-tabs {
        border-bottom: none !important;
    }

        .searchtab .nav-tabs > li.active > a,
        .searchtab .nav-tabs > li.active > a:hover,
        .searchtab .nav-tabs > li.active > a:focus {
            color: #ff4300 !important;
            cursor: default;
            background-color: #fff !important;
            border: 1px solid #ff4300 !important;
            font-weight: bold;
        }

    .searchtab .nav > li > a {
        position: relative;
        display: block;
    }

    .searchtab .nav-tabs li a {
        padding: 0 10px !important;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        float: left;
        color: #AAAAAA !important;
        background: #FFFFFF !important;
        border: 1px solid #AAAAAA !important;
        margin: 4px 10px 4px 0;
        border-radius: 0px;
    }

        .searchtab .nav-tabs li a i {
            margin-right: 4px;
        }

.s-pagetxt {
    margin: 10px 0;
}

    .s-pagetxt p {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .s-pagetxt .col-md-6, .o-pagetxt .col-md-12, .o-pagetxt .col-md-8, .o-pagetxt .col-md-4 {
        padding-bottom: 0;
    }

    .s-pagetxt .signup-t {
        margin: 10px 0 10px 0;
    }

.s-pageimg {
    width: 300px;
    height: 240px;
    padding: 2px;
    border: 1px solid #CCCCCC;
    margin: 10px 10px 10px 0;
}

.search-t {
    font-size: 16px;
    margin: 10px 0;
    color: #FF4300;
}

    .search-t i {
        color: #FF4300;
        font-size: 10px;
        margin-right: 4px;
    }

.med-table {
    width: 100%;
}

    .med-table thead {
        background: #098DDF;
        color: #FFFFFF;
    }

        .med-table thead th {
            text-align: center;
            line-height: 34px;
            border: 1px solid #FFFFFF;
        }

    .med-table td {
        text-align: center !important;
        overflow: hidden;
        line-height: 32px;
        border: 1px solid #CCCCCC;
    }

    .med-table tr:nth-child(even) {
        background: #efefef;
    }

.recommendlist {
    width: 100%;
    background: #FFFFFF;
}

    .recommendlist li {
        padding: 10px;
    }

.recom-title {
    background: #FF4300;
    color: #FFFFFF;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 10px !important;
}

.recommendlist .s-listtxt {
    display: block;
    width: 100%;
    border-bottom: 1px dashed #CCCCCC;
    padding: 10px;
}

    .recommendlist .s-listtxt h3 {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 20px;
    }

.recommendlist .txtname {
    font-size: 14px;
    line-height: 20px;
    max-width: 55%;
}

    .recommendlist .txtname span {
        font-size: 12px;
    }

.recommendlist .mark {
    font-size: 12px;
    line-height: 20px;
    padding: 0 3px;
}

.recommendlist .s-listtxt:hover {
    background: #F5F5F5;
}

/* 专利市场 */
.m-list {
    padding: 10px;
    border-top: none;
    background: #FFFFFF;
}

    .m-list li {
        border-bottom: 1px dashed #CCCCCC;
        padding: 15px 10px;
        overflow: hidden;
        position: relative;
    }

        .m-list li:hover {
            background: #F5F5F5;
        }

        .m-list li .listbox {
            display: block;
            overflow: hidden;
            width: 85%;
        }

.reserved {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
}

.m-listimg {
    width: 16%;
    margin-right: 1%;
    float: left;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    text-align: center;
    overflow: hidden;
}

    .m-listimg img {
        width: auto;
        height: 98%;
        max-height: 110px;
    }

.m-listcon {
    width: 83%;
    float: left;
}

.m-listtxt {
    width: 100%;
    margin-top: 8px;
}

    .m-listtxt h3 {
        font-size: 18px;
        line-height: 28px;
        overflow: hidden;
        margin-bottom: 5px;
    }

.m-list li a dl {
    overflow: hidden;
    font-size: 12px;
    color: #999999;
}

    .m-list li a dl dd {
        float: left;
        width: 33%;
        padding: 0 .3%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.m-list .abstract {
    -webkit-line-clamp: 1;
    color: #999999;
    height: 20px;
}

.m-listbtn {
    overflow: hidden;
    margin-top: 0px;
    width: 14%;
}

    .m-listbtn a {
        display: block;
        width: 98%;
        text-align: center;
        height: 28px;
        line-height: 28px;
        color: #FFFFFF;
        margin: 5px 1%;
    }

        .m-listbtn a i {
            margin-right: 4px;
        }

        .m-listbtn a:hover, .m-listbtn a:focus {
            color: #FFFFFF;
        }

.m-price {
    width: 20%;
    overflow: hidden;
    text-align: right;
    font-weight: bold;
    color: #D5080F;
    font-size: 20px;
}

.textlist p {
    margin: 10px;
    line-height: 28px;
    text-indent: 2em;
}

.page-top {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CCCCCC;
}

.page-top-l {
    width: 25%;
    float: left;
}

.label-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: 1;
}

.page-img {
    width: 98%;
    max-height: 222px;
    padding: 2px;
    border: 1px solid #CCCCCC;
}

.page-top-l .reserved {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 2%;
}

.page-img-txt {
    margin: 10px;
    overflow: hidden;
    line-height: 28px;
    color: #999999;
}

    .page-img-txt a {
        color: #999999;
    }

        .page-img-txt a:hover, .page-img-txt a:focus {
            color: #ed4e4b;
        }

.page-top-r {
    width: 75%;
    float: left;
    padding: 0 0 0 10px;
    /* overflow: hidden; */
}

.page-inf {
    position: relative;
    height: 183px;
}

.page-inf-txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 100px;
}

    .page-inf-txt h3 {
        overflow: hidden;
        font-size: 18px;
        line-height: 28px;
    }

.page-t-list {
    overflow: hidden;
    width: 100%;
    margin: 10px;
}

    .page-t-list li {
        float: left;
        overflow: hidden;
        padding-right: 5px;
        padding-left: 0;
        margin-bottom: 9px;
        font-size: 13px;
    }

        .page-t-list li label {
            font-weight: normal;
        }

.btn-type-t {
    display: inline-block;
    padding: 2px 6px;
    color: #FFFFFF;
    background: #FF4300;
    border-radius: 5px;
    margin-right: 5px;
}

.topicsCode {
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

.qrcodetxt {
    font-size: 12px;
}

#qrcode {
    margin: 0;
    padding: 0;
}

.page-txt {
    overflow: hidden;
    width: 100%;
}

    .page-txt p {
        margin-right: 8px;
        font-size: 12px;
        line-height: 20px;
    }

        .page-txt p img {
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }

.page-btn {
    overflow: hidden;
    margin-top: 15px;
}

    .page-btn a {
        display: block;
        margin-right: 10px;
        padding: 8px 15px;
        color: #FFFFFF;
    }

        .page-btn a:hover, .page-btn a:focus {
            color: #FFFFFF;
        }

.inf_explain {
    width: 100%;
    border: 1px solid #FF4300;
    border-radius: 5px;
    padding: 10px;
    line-height: 20px;
    background: #fbf4d8;
    font-size: 13px;
}

.markettab {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .markettab .nav-tabs {
        height: 42px;
        border-bottom: 2px solid #FF4300;
    }

        .markettab .nav-tabs > li.active > a,
        .markettab .nav-tabs > li.active > a:hover,
        .markettab .nav-tabs > li.active > a:focus {
            color: #FFFFFF;
            cursor: default;
            background-color: #FF4300;
            border: 1px solid #FF4300;
            font-weight: bold;
        }

    .markettab .nav > li > a {
        position: relative;
        display: block;
    }

    .markettab .nav-tabs li {
        width: 20%;
    }

        .markettab .nav-tabs li a {
            display: block;
            width: 100%;
            height: 40px;
            border-radius: 0px;
            color: #FF4300;
        }

            .markettab .nav-tabs li a i {
                margin-right: 4px;
            }

.textcon {
    padding: 0 20px;
}

.IPC_elements {
    margin: 6px 0;
}

    .IPC_elements ul.expmenu {
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        line-height: 24px;
    }

        .IPC_elements ul.expmenu li div.header {
            padding: 2px 4px;
            overflow: hidden;
        }

        .IPC_elements ul.expmenu li ul li {
            padding: 4px 10px;
            color: #999999;
        }

        .IPC_elements ul.expmenu a:hover {
            color: #FF4300;
        }

        .IPC_elements ul.expmenu div.header {
            color: #666666 !important;
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
        }

        .IPC_elements ul.expmenu li div.header .arrow {
            display: block;
            width: 16px;
            height: 16px;
            float: left;
            background: no-repeat center;
            margin: 4px 5px 0 0;
        }

            .IPC_elements ul.expmenu li div.header .arrow.up {
                background-image: url(../../img/arrow_j02.png);
            }

            .IPC_elements ul.expmenu li div.header .arrow.down {
                background-image: url(../../img/arrow_j01.png);
            }

.Hotwords ul {
    overflow: hidden;
}

    .Hotwords ul li {
        float: left;
        margin: 10px;
    }

        .Hotwords ul li a {
            font-size: 16px;
            display: block;
            padding: 6px 12px;
            background: #FF4300;
            color: #FFFFFF;
        }

            .Hotwords ul li a:hover {
                color: #FFFFFF;
                background: #DF3D00;
            }

.costtable {
    width: 96%;
    border-collapse: collapse;
    margin: 20px auto;
    font-size: 14px;
    text-align: center;
}

    .costtable thead {
        background: #ffa180;
        color: #FFFFFF;
        line-height: 34px;
        font-size: 15px;
        border-bottom: 4px solid #e57349;
    }

        .costtable thead th {
            border-left: 1px solid #DDDDDD;
            text-align: center;
        }

    .costtable td {
        border: 1px solid #DDDDDD;
        padding: 6px;
    }

        .costtable td p {
            margin-bottom: 0;
            line-height: 20px;
        }

.costhback {
    background: #ffa180;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    border-left: 4px solid #e57349 !important;
}

.costback {
    background: #E9E9E9
}

.paypage, .pbox-btn a.paybtn02, .pbox-btn a.paybtn03 {
    display: none;
}

.paycode {
    width: 80%;
    margin: 10px auto;
    background: #F5F5F5;
    padding: 10px;
    text-align: center;
}

    .paycode h3 {
        font-size: 16px;
        font-weight: bold;
    }

    .paycode img {
        width: 220px;
        height: 220px;
        margin: 20px auto 10px;
    }

/* 技术需求 */
.d-list {
    padding: 10px;
    border-top: none;
    background: #FFFFFF;
}

    .d-list li {
        border-bottom: 1px dashed #CCCCCC;
        padding: 15px 10px;
        overflow: hidden;
        position: relative;
    }

        .d-list li:hover {
            background: #F5F5F5;
        }

        .d-list li .listbox {
            display: block;
            overflow: hidden;
            width: 100%;
        }

.d-listcon {
    width: 100%;
    float: left;
}

.d-listtxt {
    width: 100%;
}

    .d-listtxt h3 {
        font-size: 18px;
        line-height: 28px;
        overflow: hidden;
        margin-bottom: 0;
        width: 84%;
    }

        .d-listtxt h3 .txtname {
            max-width: 100%;
        }

            .d-listtxt h3 .txtname i {
                margin-right: 5px;
                color: #FF4300;
            }

        .d-listtxt h3 a {
            display: block;
            width: 100%;
            height: 100%;
        }

.d-list li a dl {
    overflow: hidden;
    font-size: 12px;
    color: #999999;
}

    .d-list li a dl dd {
        float: left;
        width: 33%;
        padding: 0 .3%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.d-list .abstract {
    -webkit-line-clamp: 2;
    color: #999999;
    height: 44px;
}

.d-listbtn {
    overflow: hidden;
    margin-top: 0px;
    width: 15%;
}

    .d-listbtn a {
        display: block;
        width: 98%;
        text-align: center;
        height: 28px;
        line-height: 28px;
        color: #FFFFFF;
        margin: 0 1%;
        font-size: 14px;
    }

        .d-listbtn a i {
            margin-right: 4px;
        }

        .d-listbtn a:hover, .d-listbtn a:focus {
            color: #FFFFFF;
        }

.demandlist .page-inf {
    height: 153px;
}

.demandlist .txtname {
    max-width: 100%;
}

    .demandlist .txtname i {
        margin-right: 5px;
        color: #ff4300;
    }
/*news*/
.pagesbanner {
    width: 100%;
    height: 160px;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    text-align: center;
}

.p-news {
    color: #071640;
    background: url(../../img/pages01.png) no-repeat;
    background-size: cover;
}

.p-colleges {
    color: #153a5f;
    background: url(../../img/pages02.png) no-repeat;
    background-size: cover;
}

.p-market {
    color: #0b3a76;
    background: url(../../img/pages03.png) no-repeat;
    background-size: cover;
}

.p-demand {
    color: #0356ba;
    background: url(../../img/pages04.png) no-repeat;
    background-size: cover;
}

.p-search {
    color: #1d5c92;
    background: url(../../img/pages07.png) no-repeat;
    background-size: cover;
}

.p-agent {
    color: #04010e;
    background: url(../../img/pages06.png) no-repeat;
    background-size: cover;
}

.p-footer {
    color: #060304;
    background: url(../../img/pages05.png) no-repeat;
    background-size: cover;
}

.pagesb-box {
    border: 1px solid #FFFFFF;
    width: 30%;
    margin: -130px 32% 0 38%;
    clear: both;
}

.pagesbanner h3 {
    background: rgba(255,139,76,.8);
    width: 170px;
    margin-left: 89px;
    height: 158px;
    font-family: pangmen;
    font-size: 36px;
    text-align: center;
    line-height: 160px;
    border: 1px solid #FF4300;
    border-top: none;
    color: #FFFFFF;
}

.pagesb-con {
    background: rgba(255,255,255,.6);
    border: 1px solid #FFFFFF;
    text-align: center;
    margin: 5px;
    overflow: hidden;
    font-family: pangmen;
    padding: 20px 0;
    clear: both;
    display: block;
}

    .pagesb-con i {
        font-size: 18px;
        line-height: 40px;
        margin: 0 10px;
    }

    .pagesb-con p {
        font-size: 38px;
        line-height: 40px;
        display: inline-block;
    }

        .pagesb-con p span {
            margin: 0 3px;
            color: #FF4300;
        }

.newscon .boxtab .tab .nav-tabs li:first-child a {
    margin: 0 5px 0 0;
}

.newscon .boxtab .tab .nav-tabs li:last-child a {
    margin: 0 0 0 5px;
}

.newslist {
    width: 100%;
}

    .newslist li {
        position: relative;
        margin-bottom: 10px;
        overflow: hidden;
        background: #FFFFFF;
        padding: 10px;
    }

.n-num {
    width: 20px;
    height: 20px;
    background: #FF4300;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
    margin: 0 10px 0 0;
    font-size: 14px;
    font-weight: bold;
}

.n-img {
    width: 180px;
    height: 120px;
    padding: 4px;
    border: 1px solid #CCCCCC;
}

    .n-img img {
        width: 100%;
        height: 100%;
    }

.n-txt {
    width: 66%;
    margin-left: 20px;
    margin-top: 34px;
    display: block;
}

.ency .n-txt {
    width: 80%;
    margin-left: 10px;
    margin-top: 0px;
    display: block;
}

.n-txt h3 {
    font-size: 20px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}

.ency .n-txt h3 {
    line-height: 20px;
    margin-bottom: 15px;
}

.n-txt p {
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.n-txt:hover h3, .n-txt:hover p {
    color: #FF4300;
}

.n-time {
    border-radius: 5px;
    width: 110px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #ebebeb;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666666;
    cursor: pointer;
}

.pagecon {
    background: #FFFFFF;
}

    .pagecon h3 {
        background: #FF4300;
        color: #FFFFFF;
        font-size: 16px;
        height: 34px;
        line-height: 34px;
        padding-left: 10px;
    }

    .pagecon ul {
        padding: 6px 7px;
    }

        .pagecon ul li a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #333333;
            text-decoration: none;
            font-size: 13px;
            padding: 6px 3px;
        }

            .pagecon ul li a span {
                margin-right: 5px;
                color: #FF4300;
            }

            .pagecon ul li a:hover {
                color: #FF4300;
                background: #F7F7F7;
            }

.advimg {
    display: block;
    width: 100%;
    height: auto;
    margin: 20px 0;
}

    .advimg img {
        width: 100%;
        height: auto;
    }

.newstit {
    border-left: 3px solid #FF4300;
    padding-left: 10px;
    margin-bottom: 20px;
}

    .newstit h3 {
        font-size: 20px;
        line-height: 36px;
    }

        .newstit h3 span {
            margin-left: 10px;
            font-size: 16px;
        }

.nt_list {
    color: #999999;
    overflow: hidden;
    line-height: 22px;
}

    .nt_list span {
        margin-right: 20px;
    }

.n_share a {
    cursor: pointer;
    float: left;
    margin: 0 4px;
    font-size: 14px;
}

    .n_share a:hover {
        color: #FF4300;
    }

.newstxt {
    margin-top: 30px;
}

.newsimg {
    width: 60%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.newsimg-w {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.newsimg-s {
    width: 40%;
    min-width: 200px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.news-w {
    text-indent: 2em;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
}

.pagetransition {
    overflow: hidden;
    margin-top: 50px;
    padding-top: 10px;
    border-top: 1px dashed #CCCCCC;
}

    .pagetransition a {
        text-decoration: none;
        color: #AAAAAA;
        font-size: 12px;
        line-height: 20px;
        width: 49%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .pagetransition a:hover {
            color: #DF3D00;
        }

.previous {
    float: left;
    text-align: left;
}

.next {
    float: right;
    text-align: right;
}
/*政策*/

.aui-choice-screen {
    width: 100%;
    margin: 0px auto 20px;
    background: #FFFFFF;
    font-size: 13px;
}

.aui-screen-list-box {
    padding: 10px;
}

    .aui-screen-list-box dl {
        border-bottom: #FF4300 1px dashed;
        width: 100%;
        overflow: hidden;
        line-height: 45px;
    }

        .aui-screen-list-box dl:last-child {
            border-bottom: none;
        }

        .aui-screen-list-box dl dt {
            float: left;
            text-align: right;
            width: 10%;
            height: 45px;
            font-weight: 600;
            line-height: 45px;
        }

        .aui-screen-list-box dl dd {
            position: relative;
            padding-bottom: 5px;
            padding-left: 0px;
            width: 90%;
            float: left;
            overflow: hidden;
            padding-top: 0px;
        }

            .aui-screen-list-box dl dd a {
                line-height: 14px;
                display: inline-block;
                color: #DF3D00;
                overflow: hidden;
                text-decoration: none;
                height: 28px;
                line-height: 28px;
                padding: 0 8px;
                margin-top: 8px;
            }

                .aui-screen-list-box dl dd a:hover {
                    background: #DF3D00;
                    color: #fff
                }

                .aui-screen-list-box dl dd a.selected {
                    background: #DF3D00;
                    color: #fff;
                }

            .aui-screen-list-box dl dd span.more {
                position: absolute;
                width: 39px;
                display: block;
                height: 14px;
                top: 6px;
                cursor: pointer;
                right: 1px
            }

                .aui-screen-list-box dl dd span.more label {
                    display: inline-block;
                    cursor: pointer
                }

.aui-screen-head-choice {
    border-bottom: #ff4300 1px solid;
    width: 100%;
    overflow: hidden;
    height: 35px;
    line-height: 22px;
}

    .aui-screen-head-choice dl {
        width: 100%;
        background: #ff4300;
        color: #FFFFFF;
        overflow: hidden;
    }

        .aui-screen-head-choice dl dt {
            float: left
        }

        .aui-screen-head-choice dl dd {
            float: left
        }

        .aui-screen-head-choice dl dt {
            text-align: right;
            line-height: 35px;
            width: 10%;
            height: 35px;
            font-weight: 600;
        }

        .aui-screen-head-choice dl dd {
            padding-bottom: 4px;
            width: 90%;
            padding-top: 2px;
        }

.aui-selected-info {
    border: 1px solid #f60;
    position: relative;
    padding-bottom: 1px;
    margin: 4px 5px 0 0;
    padding-left: 5px;
    padding-right: 20px;
    display: block;
    white-space: nowrap;
    background: #fff;
    float: left;
    height: 23px;
    line-height: 22px;
    color: #999999;
}

    .aui-selected-info label {
        color: #f60
    }

    .aui-selected-info span {
        font-size: 12px;
    }

.aui-eliminate {
    line-height: 22px;
    margin-top: 4px;
    width: 80px;
    float: left;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
}

.aui-selected-info em {
    cursor: pointer;
    display: block;
    height: 13px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    top: 4px;
    background-size: 12px;
    width: 13px;
    line-height: 13px;
}

.aui-screen-list-box .aui-aui-screen-list-item {
    border-bottom: none;
}

    .aui-screen-list-box .aui-aui-screen-list-item dd {
        overflow: hidden;
    }

.aui-list-pz-size li label {
    color: #4284d9;
}

    .aui-list-pz-size li label input {
        margin-right: 3px;
    }

.searchbox {
    width: 50%;
    min-width: 300px;
    margin-top: 5px;
}

    .searchbox button {
        height: 34px;
        line-height: 34px;
        color: #FFFFFF;
    }

.policy-title {
    width: 100%;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    background: #FAEBCC;
    padding: 0 20px;
    border-radius: 5px;
    margin: 10px 0;
}

    .policy-title h3 {
        width: 30%;
        overflow: hidden;
        font-size: 14px;
        font-weight: bold;
        line-height: 34px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .policy-title a {
        display: block;
        width: 70%;
        cursor: pointer;
        text-align: right;
        font-size: 16px;
    }
/*colleges*/
.collegeslist {
    width: 100%;
}

    .collegeslist li {
        position: relative;
        margin-bottom: 10px;
        overflow: hidden;
        background: #FFFFFF;
        padding: 10px;
        height: 130px;
    }

.c-img {
    width: 110px;
    height: 110px;
    padding: 4px;
    border: 1px solid #CCCCCC;
}

    .c-img img {
        width: 100%;
        height: 100%;
    }

.c-txt {
    position: absolute;
    left: 166px;
    right: 15px;
    top: 0;
}

.c-txt-title {
    overflow: hidden;
    margin: 10px 0;
}

    .c-txt-title h3 {
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        max-width: 60%;
        margin: 5px 0;
    }

    .c-txt-title .s-type {
        color: #FFFFFF;
        margin: 7px;
    }

.c-txt p {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    max-height: 38px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.c-total {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    text-align: center;
}

    .c-total h3 {
        font-size: 15px;
        margin: 10px 0;
        line-height: 24px;
    }

    .c-total p {
        margin-bottom: 5px;
    }

        .c-total p span {
            margin: 0 4px;
        }

.collegeslist li:hover .c-img {
    border: 1px solid #FF4300;
}

.collegeslist li:hover .c-txt p.color-g-s {
    color: #FF4300 !important;
}

.joinbox {
    width: 100%;
    /* height: 60px; */
}

    .joinbox img {
        width: 120px;
        height: 120px;
    }

    .joinbox p {
        float: right;
        font-size: 28px;
        margin-top: 36px;
        color: #ff4300;
    }

.join {
    width: 100%;
    height: 40px;
    background: #ff4300;
    color: #FFFFFF;
    overflow: hidden;
    border-radius: 10px;
    margin-top: -38px;
}

    .join a {
        display: block;
        width: 100px;
        height: 26px;
        background: #FFFFFF;
        border-radius: 26px;
        text-align: center;
        line-height: 26px;
        color: #ff4300;
        margin: 7px;
        float: right;
    }

        .join a:hover, .join a:focus {
            box-shadow: 2px 2px 2px #904f00;
        }

.coll-l .public-fixleftbar {
    position: absolute;
    width: 18%;
    background: #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
    margin: 4px 2% 4px 4px;
}

.coll-r {
    width: 80%;
    margin-left: 20%;
    min-height: 600px;
}

.colleges-inf {
    width: 96%;
    margin: 10px 2%;
    text-align: center;
}

    .colleges-inf img {
        width: 60%;
        min-width: 80px;
        height: auto;
        margin-bottom: 10px;
    }

    .colleges-inf h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

.c-inf-txt {
    margin-top: 10px;
    width: 100%;
    text-align: left;
    line-height: 22px;
}

.coll-l ul {
    width: 96%;
    margin: 0 2% 10px;
}

    .coll-l ul li {
        width: 100%;
        line-height: 34px;
    }

        .coll-l ul li a {
            display: block;
            width: 100%;
            height: 100%;
            padding-left: 26px;
        }

            .coll-l ul li a i {
                margin-right: 5px;
            }

            .coll-l ul li a:hover {
                color: #ff4300;
            }

            .coll-l ul li a:focus {
                color: #FFFFFF;
                background: #ff4300;
            }

.public-fixleftbar a.active {
    color: #FFFFFF;
    background: #ff4300;
}

    .public-fixleftbar a.active:hover {
        color: #FFFFFF;
        background: #DF3D00;
    }

.fixed .public-fixleftbar {
    position: fixed;
    left: 5%;
    top: 5px;
    z-index: 1;
    width: 16.5%;
    background: #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
    margin: 4px 2% 4px 4px;
}

.coll-title {
    text-align: right;
    color: #999999;
}

.colleges-inf .search-t {
    font-size: 15px;
    margin-left: 10px;
}

.colleges-t {
    color: #FF4300;
    font-size: 24px;
}

    .colleges-t i {
        font-size: 18px;
        margin-right: 10px;
    }

.c-table {
    width: 80%;
    margin: 30px auto 0;
    line-height: 34px;
}

.chartcon-p {
    width: 33.33%;
    height: 300px;
    float: left;
}

.chartcon-lb {
    width: 100%;
    height: 450px;
}

.expertsbox {
    margin: 20px 0;
}

    .expertsbox .boxlist {
        height: auto;
    }

        .expertsbox .boxlist li {
            width: 33.33%;
        }

            .expertsbox .boxlist li a {
                margin: 5px;
                height: 100px;
                overflow: hidden;
                position: relative;
                background: #FFFFFF;
            }

                .expertsbox .boxlist li a img {
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    border: 1px solid #CCCCCC;
                }

                .expertsbox .boxlist li a div {
                    position: absolute;
                    top: 15px;
                    left: 110px;
                    right: 10px;
                }

                    .expertsbox .boxlist li a div h3 {
                        font-size: 22px;
                        margin-bottom: 10px;
                        color: #FF4300;
                    }

                        .expertsbox .boxlist li a div h3 span {
                            font-size: 12px;
                            margin-left: 5px;
                        }

                    .expertsbox .boxlist li a div p {
                        margin: 0 0 5px 0;
                    }

.boxlist li a p.introd {
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: normal;
}

.expertsbox .boxlist li a div p label {
    margin: 0;
}

.expertslist .expertsbox .boxlist li a {
    margin: 10px;
    height: 130px;
}

.agenttitle {
    overflow: hidden;
    padding-left: 15px;
    border-left: 1px solid #CCCCCC;
    margin-top: 10px;
}

    .agenttitle img {
        width: 59px;
        height: 59px;
    }

    .agenttitle h3 {
        max-width: 120px;
        overflow: hidden;
        line-height: 59px;
        font-size: 26px;
        margin: 0 10px;
    }

    .agenttitle div p {
        background: #FF0000;
        color: #FFFFFF;
        font-size: 12px;
        padding: 0 5px;
        line-height: 20px;
    }

.agentlistbox {
    margin: 20px 0;
}

    .agentlistbox .boxlist {
        height: auto;
    }

        .agentlistbox .boxlist li {
            width: 33.33%;
        }

            .agentlistbox .boxlist li a {
                margin: 5px;
                height: 136px;
                overflow: hidden;
                position: relative;
                background: #FFFFFF;
            }

    .agentlistbox .agent01 {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 95px;
    }

    .agentlistbox .agent02 {
        position: absolute;
        top: 18px;
        right: 10px;
        width: 86px;
        bottom: 10px;
        overflow: hidden;
        text-align: center;
        border-left: 1px solid #CCCCCC;
        padding-top: 26px;
    }

    .agentlistbox .boxlist li a div h3 {
        font-size: 22px;
        margin-bottom: 4px;
        color: #FF4300;
    }

        .agentlistbox .boxlist li a div h3 .agentlogo {
            width: 40px;
            height: 40px;
        }

        .agentlistbox .boxlist li a div h3 .agenticon {
            margin: 18px 0 0 2%;
        }

        .agentlistbox .boxlist li a div h3 label {
            max-width: 62%;
            margin-top: 10px;
            line-height: 30px;
            margin-bottom: 0;
            font-weight: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .agentlistbox .boxlist li a div p {
        margin: 0 0 5px 0;
        padding-left: 10px;
    }

        .agentlistbox .boxlist li a div p i {
            margin-right: 10px;
            width: 16px;
            text-align: center;
        }

.agent-inf .public-fixleftbar {
    background: none;
    box-shadow: none;
    background: #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
    margin: 4px 2% 4px 4px;
}

.agent-inf .colleges-inf {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ece6e9,endColorStr=#FFFFFF); /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #ece6e9, #FFFFFF); /* IE 10 */
    background: -moz-linear-gradient(top,#ece6e9,#FFFFFF); /*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ece6e9), to(#FFFFFF)); /*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ece6e9), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #ece6e9, #FFFFFF); /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #ece6e9, #FFFFFF); /*Opera 11.10+*/
    width: 100%;
    margin: 0;
    padding: 10px 0;
}

.agentcode {
    width: 100%;
    margin: 10px 0;
    padding: 10px 0 0;
}

    .agentcode .topicsCode {
        position: static;
        width: 100%;
        text-align: center;
    }

    .agentcode iframe {
        width: 104px;
        height: 104px;
        overflow: hidden;
        border: none;
        margin: 0;
    }

    .agentcode .qrcodetxt {
        margin: -5px 0 0 0;
    }

.agent-inf-logo {
    width: 60%;
    border-radius: 50%;
    min-width: 80px;
    max-width: 140px;
    height: auto;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #CCCCCC;
}

.agentcode ul li {
    width: 100%;
    line-height: 40px;
}

    .agentcode ul li a {
        font-size: 15px;
    }

.icon-recommend {
    width: 60px;
    height: auto;
    position: absolute;
    bottom: 10px;
    right: 90px;
}

.c-inf-txt td img {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 2px 5px;
}

.morebtn {
    font-size: 14px;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    color: #FFFFFF;
}

    .morebtn i {
        font-size: 12px;
        margin: 0 0 0 5px;
    }

    .morebtn:hover, .morebtn:focus {
        color: #FFFFFF;
    }
/* footerpage */
.footerpage-l {
    width: 12%;
    background: #FFFFFF;
}

    .footerpage-l .public-fixleftbar {
        position: absolute;
        width: 12%;
        background: #FFFFFF;
        box-shadow: 0 0 3px #CCCCCC;
        margin: 4px 2% 4px 4px;
    }

    .footerpage-l.fixed .public-fixleftbar {
        width: 12% !important;
        left: 0;
    }

    .footerpage-l ul {
        width: 100%;
    }

        .footerpage-l ul li a {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }

            .footerpage-l ul li a:hover {
                color: #FF4300;
            }

            .footerpage-l ul li a.active:hover {
                color: #FFFFFF;
            }

.footerpage-r {
    margin: 4px 0 0 14%;
    width: 86%;
    min-height: 500px;
    background: #FFFFFF;
    padding: 10px;
}

.contacttxt {
    width: 30%;
    padding-left: 2%;
}

    .contacttxt h3 {
        font-size: 22px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .contacttxt p {
        margin-bottom: 10px;
    }

        .contacttxt p i {
            margin-right: 5px;
            color: #FF4300;
        }

        .contacttxt p img {
            display: inline-block;
            width: 50%;
            height: auto;
        }

.contactimg {
    width: 50%;
    margin: 0 9%;
    height: auto;
}

.n-line {
    margin: 15px auto;
    width: 98%;
    border-bottom: 1px dashed #CCCCCC;
}


/* 后台管理 */
.top-search {
    width: 240px;
    height: 34px;
    border-radius: 34px;
    border: 1px solid #999999;
    float: left;
    margin: 10px 0 0 30px;
    overflow: hidden;
}

    .top-search input {
        width: 190px;
        height: 30px;
        background: none;
        color: #999999;
        padding-left: 20px;
        float: left;
    }

    .top-search a {
        display: inline-block;
        width: 40px;
        height: 34px;
        text-align: center;
        line-height: 30px;
        color: #999999;
        float: right;
        font-size: 18px;
    }

.bhome-l {
    width: 25%;
    padding-right: 5px;
    float: left;
}

.bhome-r {
    width: 75%;
    padding-left: 5px;
    float: left;
}

.todolist {
    width: 100%;
    line-height: 30px;
    padding: 10px 18px 18px 18px;
    overflow: hidden;
    display: block;
}

a.todolist {
    padding: 9px 18px;
}

    a.todolist:hover, a.todolist:focus {
        color: #FFFFFF;
        text-decoration: none;
    }

.todoc01 {
    background: #ffba00;
    color: #FFFFFF;
    height: 160px;
}

.todoc02 {
    background: #00b19d;
    color: #FFFFFF;
    height: 190px;
}

.todoc03 {
    background: #ff6264;
    color: #FFFFFF;
    height: 160px;
}

.todoc04 {
    background: #75AEDD;
    color: #FFFFFF;
}

.todoc05 {
    background: #758bdd;
    color: #FFFFFF;
}

.todoc06 {
    background: #785be4;
    color: #FFFFFF;
}

.todoc07 {
    background: #a25be4;
    color: #FFFFFF;
}

.todoc08 {
    background: #7c38bc;
    color: #FFFFFF;
}

.todotit {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #FFFFFF;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
}

.todobox {
    width: 100%;
    height: 118px;
    margin-top: 6px;
    overflow-y: auto;
}

.todoc02 .todo_box {
    height: 170px;
}

.todolist i {
    font-size: 30px;
}

a.todolist i {
    font-size: 14px;
    margin-right: 4px;
}

.todolist p {
    line-height: 23px;
    margin-bottom: 5px;
}

.todolist .num {
    min-width: 30px;
    padding: 0 4px;
    height: 23px;
    border-radius: 10px;
    line-height: 23px;
    text-align: center;
    display: block;
    margin-right: 28px;
}

    .todolist .num:hover {
        box-shadow: 0 2px 2px rgba(0,0,0,.4);
        text-decoration: none;
    }

.totalbtn {
    float: right;
    font-size: 14px;
    padding-top: 6px;
    margin-right: 28px;
    color: #FFFFFF;
}

    .totalbtn:hover, .totalbtn:focus {
        color: #FFFFFF;
    }

.todoc01 .num {
    background: #FFFFFF;
    color: #ffba00;
}

.todoc02 .num {
    background: #FFFFFF;
    color: #00b19d;
}

.todoc03 .num {
    background: #FFFFFF;
    color: #ff6264;
}

.todoc04 .num {
    background: #FFFFFF;
    color: #75AEDD;
}

.todoc05 .num {
    background: #FFFFFF;
    color: #758bdd;
}

.todoc06 .num {
    background: #FFFFFF;
    color: #785be4;
}

.todoc08 .num {
    background: #FFFFFF;
    color: #7c38bc;
}

.tradingchart {
    width: 100%;
    background: #F5F5F5;
    height: 466px;
    padding: 2px 10px;
}

    .tradingchart .nav-tabs {
        border-bottom: none !important;
    }

        .tradingchart .nav-tabs > li.active > a,
        .tradingchart .nav-tabs > li.active > a:hover,
        .tradingchart .nav-tabs > li.active > a:focus {
            color: #FFFFFF !important;
            cursor: default;
            background-color: #fff;
            border-left: none;
            border-right: none;
            border-bottom: none;
            border-bottom-color: transparent;
        }

    .tradingchart .nav.nav-tabs + .tab-content {
        background: transparent;
        margin-bottom: 0px;
        overflow: hidden;
    }

    .tradingchart .nav > li > a {
        position: relative;
        display: block;
        padding: 0 10px !important;
        height: 28px !important;
        background: none !important;
        border-radius: 5px !important;
        border: 1px solid #ff6264 !important;
        color: #ff6264 !important;
        line-height: 28px !important;
    }

.b-pagebox .tradingchart .nav > li > a {
    padding: 5px 10px;
}

.tradingchart .nav.nav-tabs > li.active > a {
    background-color: #ff6264 !important;
    color: #FFFFFF;
    border-radius: 5px;
    border-top: none;
}

.t-chart {
    width: 100%;
    min-width: 400px;
    height: 400px;
    margin: 0 auto;
}

.b-title {
    font-size: 16px;
    padding-left: 20px;
    line-height: 28px;
    background: #F5F5F5;
    margin-bottom: 10px;
}

.b-t-orange {
    color: #FF4300;
    border-left: 3px solid #ff4300;
}

.b-t-green {
    color: #5cb460;
    border-left: 3px solid #5cb460;
}

.b-t-purple {
    color: #7460ee;
    border-left: 3px solid #7460ee;
}

.b-t-blue {
    color: #137eff;
    border-left: 3px solid #137eff;
}

.b-t-yellow {
    color: #ffbc34;
    border-left: 3px solid #ffbc34;
}

.b-title i {
    margin-right: 5px;
}

.b-title span {
    font-size: 12px;
    margin-left: 5px;
}

.informationbox {
    overflow: hidden;
}

    .informationbox li {
        padding: 10px;
    }

        .informationbox li div {
            border: 1px dashed #CCCCCC;
            padding: 10px;
        }

            .informationbox li div h3 {
                font-size: 15px;
                margin-bottom: 5px;
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .informationbox li div p {
                font-size: 12px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .informationbox li div p label {
                    margin-bottom: 0;
                }

                .informationbox li div p a.table-btn {
                    min-width: 40px;
                    margin: 6px 6px 0 0;
                    height: 24px;
                    line-height: 24px;
                }

.contractlist {
    overflow: hidden;
}

    .contractlist li {
        float: left;
        width: 23%;
        margin: 1%;
        height: 80px;
        position: relative;
        overflow: hidden;
    }

        .contractlist li a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 80px;
            color: #FFFFFF;
            font-size: 18px;
            position: absolute;
            top: 0;
            left: 0;
        }

        .contractlist li i {
            position: absolute;
            bottom: -10px;
            right: -10px;
            font-size: 70px;
            opacity: .6;
            transform: rotate(-35deg);
            -ms-transform: rotate(-35deg); /* Internet Explorer */
            -moz-transform: rotate(-35deg); /* Firefox */
            -webkit-transform: rotate(-35deg); /* Safari 和 Chrome */
            -o-transform: rotate(-35deg); /* Opera */
        }

        .contractlist li.btn-orange i {
            color: #bb3100;
        }

        .contractlist li.btn-green i {
            color: #358f39;
        }

        .contractlist li.btn-red i {
            color: #a82826;
        }

        .contractlist li.btn-blue i {
            color: #0a54ad;
        }

.breadcrumb {
    margin-bottom: 10px !important;
    font-size: 12px;
}
/* 检索结果页面 */
.searchpagebox {
    width: 80%;
    margin: 40px auto;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
}

.searchpage-title {
    padding-bottom: 10px;
    margin: 10px 0 0px 0;
    text-align: center;
    overflow: hidden;
}

    .searchpage-title h3 {
        font-size: 20px;
        margin: 0px;
        line-height: 28px;
        width: 100%;
    }

        .searchpage-title h3 i {
            margin-right: 5px;
            color: #ff4300;
            line-height: 28px;
        }

    .searchpage-title p {
        color: #AAAAAA;
    }

        .searchpage-title p i {
            margin-right: 5px;
        }

.txtname {
    max-width: 50%;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s-mark {
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    padding: 0 5px;
    color: #FFFFFF;
    margin-left: 20px;
}

    .s-mark:hover {
        text-decoration: none;
    }
/* 交易管理 */
.applicantbox {
    position: relative;
}

.applicantbtn {
    display: block;
    width: 100%;
}

.applicantlist {
    width: 120px;
    height: 0px;
    text-align: center;
    background: url(../../img/applicantlist.png);
    overflow: hidden;
}

.applicantbox:hover .applicantlist {
    height: 172px !important;
}

.applicantlist li {
    border-bottom: none;
    padding: 0;
    margin: 2px 0 !important;
}

    .applicantlist li h3 {
        font-size: 10px;
        color: #AAAAAA;
        margin: 18px 0 5px 0;
    }

    .applicantlist li a {
        display: block;
        width: 80%;
        height: 28px;
        line-height: 28px;
        margin: 0 auto;
    }

        .applicantlist li a img {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            vertical-align: middle;
        }

        .applicantlist li a:hover, .applicantlist li a:focus {
            text-decoration: none;
            color: #FFFFFF;
            background: #FF4300;
        }

.pageicon {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .pageicon img {
        width: 100px;
        height: 100px;
        opacity: .8;
    }
/* 合同管理 */
.cont-nav li h3 {
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #ff4300;
}

.cont-nav .public-fixleftbar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 120px;
    z-index: 8;
}

    .cont-nav .public-fixleftbar .list {
        position: relative;
        margin-top: 10px;
        text-align: center;
        float: none;
    }

        .cont-nav .public-fixleftbar .list a {
            display: block;
            width: 100%;
            height: 28px;
            line-height: 28px;
            text-align: center;
            border: 1px dotted #CCCCCC;
            border-radius: 28px;
            margin-bottom: 10px;
            background: #FFFFFF;
            font-size: 12px;
        }

            .cont-nav .public-fixleftbar .list a.active, .cont-nav .public-fixleftbar .list a:hover, .cont-nav .public-fixleftbar .list a:focus {
                border: 1px solid #ff4300;
                color: #FFFFFF;
                background: #FF4300;
                text-decoration: none;
            }

            .cont-nav .public-fixleftbar .list a:focus {
                text-decoration: none;
            }


.cont-box {
    position: absolute;
    left: 140px;
    right: 0;
}

.contract-con {
    width: 48%;
    margin: 10px 1%;
    border: 2px dashed #ff4300;
    float: left;
}

    .contract-con li {
        overflow: hidden;
    }

    .contract-con h3 {
        background: #ff4300;
        margin: 0;
        width: 200px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
        padding-left: 10px;
    }

        .contract-con h3 i {
            font-size: 22px;
            margin-right: 4px;
            line-height: 34px;
        }

        .contract-con h3 span {
            font-size: 12px;
            font-weight: normal;
            margin: 0 2px;
        }

.contractl-txt {
    padding: 2px 10px;
    margin-bottom: 5px;
    position: relative;
}

    .contractl-txt .col-lg-12, .contractl-txt .col-lg-6 {
        padding: 0;
    }

.c-title {
    display: inline-block;
    text-align: right;
    color: #888888;
    font-size: 12px;
    margin-bottom: 0;
    width: 114px;
    line-height: 34px;
    min-height: 10px;
}

.c-con {
    position: absolute;
    left: 128px;
    right: 0;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 34px;
}

.money {
    min-width: 40px;
    margin: 0 5px;
    font-weight: normal;
}

.receipttxt {
    display: inline-block;
    border-bottom: 1px solid #CCCCCC !important;
    width: 140px !important;
    height: 20px !important;
    margin: 0 2px !important;
}



.contractbox {
    text-align: center;
    width: 300px;
    margin: 50px auto 0;
}

    .contractbox .upbox {
        position: relative;
        font-weight: normal;
        width: 100%;
        height: 80px;
        margin-bottom: 30px;
    }

    .contractbox #text {
        border: 3px dashed #FF4300;
        width: 100%;
        height: 80px;
        line-height: 80px;
        border-radius: 80px;
        font-size: 18px;
        color: #FF4300;
    }

    .contractbox #fileinp {
        width: 100%;
        height: 80px;
    }

    .contractbox #text i {
        font-size: 34px;
        margin-right: 10px;
    }

.con-success {
    width: 300px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    background: #F5F5F5;
    margin: 5px auto;
    color: #999999;
    overflow: hidden;
    cursor: pointer;
}

    .con-success i.fa-file-text {
        margin: 0 5px 0 15px;
    }

.up-success {
    float: right;
    line-height: 28px !important;
    margin: 0 15px 0 0;
    color: #60A2D7;
}

.con-delete {
    float: right;
    margin: 0 15px 0 0;
    color: #d5080f;
    display: none;
}

    .con-delete i {
        line-height: 28px;
    }

    .con-delete:hover, .con-delete:focus {
        color: #d5080f;
    }

.con-success:hover .con-delete {
    display: block !important;
}

.con-success:hover .up-success {
    display: none !important;
}


/* 客户管理 */
.savebtn, .head02, .operation, .c-dot {
    display: none;
}

    .operation .tableadd, .operation .tableminus {
        margin: 6px auto;
    }
/* 数据与分析 */
.QQbox {
    width: 100%;
    max-height: 300px;
    min-height: 100px;
    overflow-y: auto;
}

.keywordslist {
    width: 99%;
    margin: 10px 0 0 10px;
}

    .keywordslist td {
        padding: 4px 4px;
        border: 1px dashed #AAAAAA;
        line-height: 28px;
    }

        .keywordslist td span {
            margin-right: 4px;
        }

        .keywordslist td a {
            font-size: 16px;
            color: #FF0000;
            font-weight: bold;
        }

            .keywordslist td a.keywordadd {
                width: 100%;
                height: 100%;
                font-size: 28px;
                font-weight: bold;
                text-align: center;
                border: 1px dashed #AAAAAA;
                display: block;
                color: #AAAAAA;
            }

.classify {
    width: 100%;
    font-size: 14px;
}

    .classify ul li {
        float: left;
        display: block;
        height: 30px;
        padding: 0 18px;
        line-height: 30px;
        color: #464646;
        display: block;
        margin: 0 10px 10px 0;
        border: 1px solid #c9c9c9 !important;
        cursor: pointer;
    }

        .classify ul li:hover {
            border: 1px solid #ff4300 !important;
            color: #ff4300;
        }

        .classify ul li.on:hover {
            border: 1px solid #D43A02 !important;
        }

    .classify .on {
        border: 1px solid #ff4300 !important;
        background: url(../../img/righbt-r.png)right bottom no-repeat;
        color: #ff4300;
        font-weight: bold;
    }

/*联系记录*/
.reclist {
    overflow: hidden;
    margin-top: 10px;
}

    .reclist li {
        line-height: 20px;
        overflow: hidden;
        margin-left: 10px;
        margin-bottom: 5px;
    }

        .reclist li div {
            overflow: hidden;
        }

        .reclist li span {
            float: left;
            margin-right: 4px;
        }

.retime {
    margin-right: 10px;
    color: #AAAAAA;
}

.recadd {
    width: 98%;
    border-radius: 5px;
    background: #E7E7E7;
    padding: 10px;
    margin: 50px auto 10px;
}

    .recadd h3 {
        font-size: 14px;
        font-weight: bold;
    }

    .recadd table {
        width: 100%;
        margin: 6px 0;
    }

        .recadd table td {
            padding: 5px 0;
        }

.r-content {
    border-radius: 5px;
    background: #FFFFFF;
    border-radius: 5px;
    resize: none;
    border: 1px solid #CCCCCC;
    line-height: 20px;
    width: 98%;
    margin: 8px auto 4px;
    padding-left: 6px;
}

    .r-content:hover, .r-content:focus {
        border: 1px solid #FF4300;
    }

.recadd table a.btn {
    height: 34px;
    line-height: 34px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0;
}

    .recadd table a.btn:hover, .recadd table a.btn:focus {
        color: #FFFFFF;
    }

.rec-up {
    position: relative;
    font-weight: normal;
    width: 100%;
    cursor: pointer;
}

    .rec-up a {
        border: 1px solid #FF4300;
        border-radius: 5px;
        color: #FF4300;
        display: inline-block;
        width: 80px;
        line-height: 24px;
        text-align: center;
    }

    .rec-up span {
        font-size: 12px;
        color: #999999;
    }

.r-btn {
    width: 98%;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: block;
}

    .r-btn:hover, .r-btn:focus {
        color: #FFFFFF;
    }
/* 案件管理 */
.casetotal {
    overflow: hidden;
    margin-bottom: 10px;
}

    .casetotal li.col-lg-3 {
        float: left;
        padding-left: 8px;
        padding-right: 8px;
    }

    .casetotal li a {
        background: #F5F5F5;
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px;
        border-radius: 10px;
    }

.casetotal-top {
    overflow: hidden;
    margin-bottom: 5px;
    border-bottom: 1px dashed #CCCCCC;
    height: 70px;
    position: relative;
}

.c-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: #FFFFFF;
    font-size: 26px;
}

.case-txt {
    position: absolute;
    top: 0px;
    left: 80px;
    right: 10px;
}

    .case-txt p {
        font-size: 13px;
        color: #AAAAAA;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .case-txt h3 {
        font-size: 30px;
        margin-top: 6px;
    }

.casetotal-bottom {
    overflow: hidden;
}

    .casetotal-bottom p {
        float: right;
        margin-left: 10px;
    }

        .casetotal-bottom p span {
            margin-left: 4px;
        }

.casetotal li a.h-red:hover {
    background: #E51C23;
    color: #FFFFFF;
}

    .casetotal li a.h-red:hover .casetotal-top {
        border-bottom: 1px dashed #FFFFFF;
    }

    .casetotal li a.h-red:hover .case-txt p {
        color: #FFFFFF;
    }

    .casetotal li a.h-red:hover .c-icon {
        background: #FFFFFF !important;
        color: #E51C23;
    }

    .casetotal li a.h-red:hover .casetotal-bottom p span.color-red {
        color: #FFFFFF !important;
    }

.caselist {
    padding: 8px;
    overflow: hidden;
}

    .caselist li {
        float: left;
        width: 25%;
        padding: 5px;
        border-bottom: 1px dashed #CCCCCC;
    }

        .caselist li a {
            display: block;
            width: 100%;
            height: 100%;
            line-height: 24px;
            padding-right: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #666666;
        }

            .caselist li a:hover {
                color: #333333;
            }

            .caselist li a span {
                margin: 0 3px;
            }
/* 系统管理 */
.m-save {
    display: none;
}

/* 树状图 */
.permissionsbox .col-lg-3 {
    overflow: hidden;
}

.tree {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fbfbfb;
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    overflow-x: auto;
}

    .tree ul {
        min-width: 140px;
    }

    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 10px 0px 0 5px;
        position: relative
    }

        .tree li::before, .tree li::after {
            content: '';
            left: -20px;
            position: absolute;
            right: auto
        }

        .tree li::before {
            border-left: 1px solid #999;
            bottom: 50px;
            height: 100%;
            top: 0;
            width: 1px
        }

        .tree li::after {
            border-top: 1px solid #999;
            height: 20px;
            top: 25px;
            width: 25px
        }

        .tree li span {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #999;
            border-radius: 5px;
            display: inline-block;
            padding: 3px 8px;
            text-decoration: none
        }

        .tree li.parent_li > span {
            cursor: pointer
        }

    .tree > ul > li::before, .tree > ul > li::after {
        border: 0
    }

    .tree li:last-child::before {
        height: 30px
    }

    .tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000
    }

.treebox {
    padding-left: 30px;
}


/* 选项卡 */
.indextab .tab .nav-tabs {
    padding-left: 15px;
    border-bottom: none;
    min-height: 25px;
}

    .indextab .tab .nav-tabs li a {
        color: #ff4300;
        padding: 6px 8px;
        font-weight: bold;
        border: none;
        border-radius: 0;
        position: relative;
        transition: all 0.3s ease 0s;
        border-radius: 5px 5px 0 0;
    }

        .indextab .tab .nav-tabs li a:hover {
            opacity: 0.8;
            background: none;
        }

    .indextab .tab .nav-tabs li.active a, .indextab .tab .nav-tabs li.active a:hover, .indextab .tab .nav-tabs li.active a:focus {
        color: #fff;
        background: #ff4300;
        border: none;
        border-radius: 5px 5px 0 0;
    }

    .indextab .tab .nav-tabs li a:before, .indextab .tab .nav-tabs li a:after {
        content: "";
        border-top: 34px solid transparent;
        position: absolute;
        top: -1px;
    }

    .indextab .tab .nav-tabs li a span {
        display: inline-block;
        font-size: 14px;
        transition: all 0.3s ease 0s;
    }

.indextab .tab .tab-content {
    padding: 0px 0px 0 0px;
    background: #FFFFFF;
}

.collegestab {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}

    .collegestab .nav-tabs {
        border-bottom: none;
        width: 18%;
        float: left;
        background: #FFFFFF;
        box-shadow: 0 0 3px #CCCCCC;
        margin: 4px .5%;
    }

        .collegestab .nav-tabs > li {
            float: none;
            width: 96%;
            margin: 0 2%;
            overflow: hidden;
        }

            .collegestab .nav-tabs > li.active > a,
            .collegestab .nav-tabs > li.active > a:hover,
            .collegestab .nav-tabs > li.active > a:focus {
                color: #FFFFFF;
                cursor: default;
                background-color: #ff4300;
                border: none;
                font-weight: bold;
            }

    .collegestab .nav > li > a {
        position: relative;
        display: block;
        border: none;
    }

        .collegestab .nav > li > a:hover {
            color: #ff4300;
            border: none;
        }

    .collegestab .nav-tabs li a {
        width: 100%;
        padding: 0 10px 0 30px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        font-size: 14px;
        float: left;
        color: #AAAAAA;
        background: #FFFFFF;
        margin: 4px 10px 4px 0;
        border-radius: 0px;
    }

        .collegestab .nav-tabs li a i {
            margin-right: 4px;
        }

    .collegestab .tab .tab-content {
        width: 80%;
        float: left;
        padding: 0px;
        margin: 4px 0;
    }

.boxtab .tab .nav-tabs {
    padding-left: 0;
    border-bottom: none;
    min-height: 34px;
}

    .boxtab .tab .nav-tabs li a {
        color: #FFFFFF;
        margin: 0 5px;
        border: 1px solid #ff4300;
        color: #ff4300;
        border-radius: 0;
        position: relative;
        text-align: center;
        height: 36px;
        line-height: 36px;
        padding: 0;
        overflow: hidden;
    }

        .boxtab .tab .nav-tabs li a:hover {
            background: none;
            color: #ff4300;
            border: 1px solid #ff4300;
            opacity: 0.8;
        }

    .boxtab .tab .nav-tabs li.active a, .boxtab .tab .nav-tabs li.active a:hover, .boxtab .tab .nav-tabs li.active a:focus {
        opacity: 1;
        color: #fff;
        background: #ff4300;
        border: none;
        border-radius: 0;
    }

    .boxtab .tab .nav-tabs li a:before, .boxtab .tab .nav-tabs li a:after {
        content: "";
        border-top: 34px solid transparent;
        position: absolute;
        top: -1px;
    }

    .boxtab .tab .nav-tabs li a i, .boxtab .tab .nav-tabs li.active a i {
        display: inline-block;
        padding-right: 5px;
        font-size: 15px;
        text-shadow: none;
    }

    .boxtab .tab .nav-tabs li a span {
        display: inline-block;
        font-size: 14px;
        transition: all 0.3s ease 0s;
    }

.boxtab .tab .tab-content {
    padding: 0px;
    background: #FFFFFF;
}

.pagetab .tab .nav-tabs {
    padding-left: 15px;
    border-bottom: 2px solid #ff4300;
    min-height: 34px;
}

    .pagetab .tab .nav-tabs li a {
        color: #FFFFFF;
        padding: 6px 15px;
        margin-right: 10px;
        /* background: #f4f4f4; */
        background: #ff6a35;
        border: none;
        border-radius: 0;
        /* opacity: 0.5; */
        position: relative;
        transition: all 0.3s ease 0s;
    }

        .pagetab .tab .nav-tabs li a:hover {
            background: #ff4300;
            opacity: 0.8;
        }

    .pagetab .tab .nav-tabs li.active a {
        opacity: 1;
    }

        .pagetab .tab .nav-tabs li.active a, .pagetab .tab .nav-tabs li.active a:hover, .pagetab .tab .nav-tabs li.active a:focus {
            color: #fff;
            background: #ff4300;
            border: none;
            border-radius: 0;
        }

    .pagetab .tab .nav-tabs li a:before, .pagetab .tab .nav-tabs li a:after {
        content: "";
        border-top: 34px solid transparent;
        position: absolute;
        top: -1px;
    }

    .pagetab .tab .nav-tabs li a i, .pagetab .tab .nav-tabs li.active a i {
        display: inline-block;
        padding-right: 5px;
        font-size: 15px;
        text-shadow: none;
    }

    .pagetab .tab .nav-tabs li a span {
        display: inline-block;
        font-size: 14px;
        transition: all 0.3s ease 0s;
    }

.pagetab .tab .tab-content {
    padding: 8px 0px 0 0px;
    background: #FFFFFF;
}

.listtab .tab .nav-tabs {
    padding-left: 0px;
    border-bottom: none;
    min-height: 25px;
    margin-top: -38px;
    margin-bottom: 22px;
    overflow: hidden;
}

    .listtab .tab .nav-tabs li {
        float: left;
    }

        .listtab .tab .nav-tabs li a {
            color: #FF4300;
            padding: 0;
            font-weight: normal;
            border: none;
            border-radius: 0;
            position: relative;
            width: 86px;
            height: 39px;
            text-align: center;
            line-height: 39px;
        }

            .listtab .tab .nav-tabs li a:hover {
                opacity: 1;
                background: #E4E4E4;
            }

        .listtab .tab .nav-tabs li.active a, .listtab .tab .nav-tabs li.active a:hover, .listtab .tab .nav-tabs li.active a:focus {
            color: #fff;
            background: #FF4300;
            border: none;
        }

        .listtab .tab .nav-tabs li a:before, .listtab .tab .nav-tabs li a:after {
            content: "";
            border-top: 34px solid transparent;
            position: absolute;
            top: -1px;
        }

        .listtab .tab .nav-tabs li a span {
            display: inline-block;
            font-size: 14px;
        }

        .listtab .tab .nav-tabs li a i {
            margin-right: 4px;
        }

.listtab .tab .tab-content {
    padding: 0px 0px 0 0px;
    background: #FFFFFF;
}

.backgtab .tab .nav-tabs {
    padding-left: 15px;
    border-bottom: 2px solid #FFFFFF;
    min-height: 37px;
}

    .backgtab .tab .nav-tabs li a {
        color: #535353;
        padding: 0 15px;
        line-height: 30px;
        height: 35px;
        margin-right: 10px;
        background: #EEEEEE;
        border: none;
        border-top: 3px solid #EEEEEE;
        border-radius: 5px 5px 0 0;
        position: relative;
        transition: all 0.3s ease 0s;
    }

        .backgtab .tab .nav-tabs li a:hover {
            background: #FFFFFF;
            opacity: 1;
        }

    .backgtab .tab .nav-tabs li.active a {
        opacity: 1;
    }

        .backgtab .tab .nav-tabs li.active a, .backgtab .tab .nav-tabs li.active a:hover, .backgtab .tab .nav-tabs li.active a:focus {
            color: #535353;
            background: #fff;
            border: none;
            border-top: 3px solid #FF4300;
            border-radius: 5px 5px 0 0;
        }

    .backgtab .tab .nav-tabs li a:before, .backgtab .tab .nav-tabs li a:after {
        content: "";
        border-top: 34px solid transparent;
        position: absolute;
        top: -1px;
    }

    .backgtab .tab .nav-tabs li a i, .backgtab .tab .nav-tabs li.active a i {
        display: inline-block;
        padding-right: 5px;
        font-size: 15px;
        text-shadow: none;
    }

    .backgtab .tab .nav-tabs li a span {
        display: inline-block;
        font-size: 14px;
        transition: all 0.3s ease 0s;
    }

.backgtab .tab .tab-content {
    padding: 8px;
    background: #FFFFFF;
}

.menutab .tab .nav-tabs {
    padding-left: 0px;
    min-height: 37px;
}

    .menutab .tab .nav-tabs li a {
        color: #535353;
        padding: 0 15px;
        line-height: 30px;
        height: 30px;
        margin-right: 10px;
        background: #EEEEEE;
        border: none;
        border-radius: 5px;
        position: relative;
        transition: all 0s ease 0s;
    }

        .menutab .tab .nav-tabs li a:hover {
            background: #FFFFFF;
            opacity: 1;
        }

    .menutab .tab .nav-tabs li.active a {
        opacity: 1;
    }

        .menutab .tab .nav-tabs li.active a, .menutab .tab .nav-tabs li.active a:hover, .menutab .tab .nav-tabs li.active a:focus {
            color: #FFFFFF;
            border: none;
            border-radius: 5px;
        }

.m-orange .tab .nav-tabs li.active a, .m-orange .tab .nav-tabs li.active a:hover, .m-orange .tab .nav-tabs li.active a:focus {
    background: #FF4300;
}

.m-green .tab .nav-tabs li.active a, .m-green .tab .nav-tabs li.active a:hover, .m-green .tab .nav-tabs li.active a:focus {
    background: #5cb460;
}

.m-purple .tab .nav-tabs li.active a, .m-purple .tab .nav-tabs li.active a:hover, .m-purple .tab .nav-tabs li.active a:focus {
    background: #7460ee;
}

.m-blue .tab .nav-tabs li.active a, .m-blue .tab .nav-tabs li.active a:hover, .m-blue .tab .nav-tabs li.active a:focus {
    background: #137eff;
}

.m-yellow .tab .nav-tabs li.active a, .m-yellow .tab .nav-tabs li.active a:hover, .m-yellow .tab .nav-tabs li.active a:focus {
    background: #ffbc34;
}

.menutab .tab .nav-tabs li a:before, .menutab .tab .nav-tabs li a:after {
    content: "";
    border-top: 34px solid transparent;
    position: absolute;
    top: -1px;
}

.menutab .tab .nav-tabs li a i, .menutab .tab .nav-tabs li.active a i {
    display: inline-block;
    padding-right: 5px;
    font-size: 15px;
    text-shadow: none;
}

.menutab .tab .nav-tabs li a span {
    display: inline-block;
    font-size: 14px;
    transition: all 0s ease 0s;
}

.menutab .tab .tab-content {
    padding: 0px;
}

.p-backgtab .tab .nav-tabs {
    padding-left: 15px;
    min-height: 37px;
    width: 15%;
    float: left;
    border-bottom: none;
}

    .p-backgtab .tab .nav-tabs li {
        width: 100%;
        margin-bottom: 8px;
    }

        .p-backgtab .tab .nav-tabs li a {
            color: #535353;
            padding: 0 15px;
            line-height: 40px;
            height: 40px;
            background: #EEEEEE;
            border: none;
            border-left: 3px solid #EEEEEE;
            border-radius: 5px 0 0 5px;
            position: relative;
            transition: all 0.3s ease 0s;
            margin-right: 0;
        }

            .p-backgtab .tab .nav-tabs li a:hover {
                background: #FFFFFF;
                opacity: 1;
            }

        .p-backgtab .tab .nav-tabs li.active a {
            opacity: 1;
        }

            .p-backgtab .tab .nav-tabs li.active a, .p-backgtab .tab .nav-tabs li.active a:hover, .p-backgtab .tab .nav-tabs li.active a:focus {
                color: #535353;
                background: #fff;
                border: none;
                border-left: 3px solid #FF4300;
                border-radius: 5px 0 0 5px;
            }

        .p-backgtab .tab .nav-tabs li a:before, .p-backgtab .tab .nav-tabs li a:after {
            content: "";
            border-top: 34px solid transparent;
            position: absolute;
            top: -1px;
        }

        .p-backgtab .tab .nav-tabs li a i, .p-backgtab .tab .nav-tabs li.active a i {
            display: inline-block;
            padding-right: 5px;
            font-size: 15px;
            text-shadow: none;
        }

        .p-backgtab .tab .nav-tabs li a span {
            display: inline-block;
            font-size: 14px;
            transition: all 0.3s ease 0s;
        }

.p-backgtab .tab .tab-content {
    padding: 8px;
    background: #FFFFFF;
    width: 85%;
    float: left;
}

/* 弹出框 */

.integralbox {
    width: 300px;
    height: 80px;
    background: rgba(219,69,66,.6);
    border: 1px solid #db4542;
    position: fixed;
    top: 18%;
    left: 50%;
    margin-left: -150px;
    z-index: 12;
    text-align: center;
    line-height: 80px;
    color: #FFFFFF;
    display: none;
    font-size: 24px;
}

.nav-blackbox {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    display: none;
    top: 0px;
    background: #000000;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}

.blackbox {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    display: none;
    top: 0px;
    background: #000000;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}

.popbox {
    background: #fff;
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 10;
}

.p-small {
    width: 400px;
    margin-left: -200px;
    max-height: 530px;
}

.p-normal {
    width: 68%;
    margin-left: -34%;
    max-height: 530px;
}

.p-normal-s {
    width: 60%;
    margin-left: -30%;
    max-height: 530px;
}

.p-normal-l {
    width: 90%;
    margin-left: -45%;
    max-height: 530px;
}

.p-large {
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
}

.deletebox, .keybox, .emailbox, .qqbox, .mobilebox, .p-pagebox, .addbox, .modifybox, .hintbox, .contactbox, .Lackbox, .c-abox, .c-box {
    display: none;
}

.pbox-con {
    margin: 20px;
}

.pbox-title {
    height: 34px;
    border-bottom: 1px solid #CCCCCC;
}

    .pbox-title h3 {
        font-size: 16px;
        width: 90%;
        font-weight: bold;
    }

        .pbox-title h3 i {
            color: #ff4300;
            margin-right: 5px;
        }

.pbox-close, .pbox-close-c {
    font-size: 30px;
    color: #999999;
    position: absolute;
    top: 4px;
    right: 10px;
    font-weight: bold;
    cursor: pointer;
}

    .pbox-close:hover, .pbox-close-c:hover {
        color: #ff4300;
    }

.p-small .pbox-txt, .p-normal .pbox-txt, .p-normal-s .pbox-txt {
    width: 100%;
    margin: 10px auto;
    line-height: 24px;
    max-height: 380px;
    overflow-y: auto;
}

.p-normal .pbox-txt {
    min-height: 200px;
}

.p-large .pbox-txt {
    width: 96%;
    margin: 10px auto;
    line-height: 24px;
    max-height: auto;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 55px;
    bottom: 50px;
    left: 20px;
    right: 20px;
}

.popbox .page-name {
    float: left;
    width: 80px;
    line-height: 34px;
    font-weight: normal;
    text-align: right;
    padding: 0 5px 0 0;
    font-size: 12px;
}

.popbox .page-con {
    width: 70%;
    float: left;
    line-height: 34px;
}

.popbox .pt-l .page-name {
    width: 100px;
}

.popbox .pt-l .page-con {
    width: 68%;
}

.p-small .pagetable {
    min-width: 100px;
}

.p-small .page-name {
    float: none;
    text-align: left;
}

.p-small .page-con {
    float: none;
    width: 100%;
}

.smalltxt {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.jumpbtn {
    display: block;
    width: 40%;
    margin: 0 5%;
    line-height: 34px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

    .jumpbtn:hover, .jumpbtn:focus {
        color: #FFFFFF;
    }

.pbox-btn {
    overflow: hidden;
    margin: 0 auto 10px;
    width: 200px;
}

    .pbox-btn a {
        display: block;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        margin: 0 5px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        color: #FFFFFF;
    }

        .pbox-btn a:hover, .pbox-btn a:focus {
            color: #FFFFFF;
        }

        .pbox-btn a.btn-confirm {
            min-width: 100px;
        }

.p-large .pbox-btn {
    position: absolute;
    bottom: 0px;
    right: 50%;
    margin-right: -75px;
}

.popbox .pagetxt li {
    border-bottom: none;
}

    .popbox .pagetxt li .col-lg-6, .popbox .pagetxt li .col-lg-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

.c-blackbox {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 11;
    display: none;
    top: 0px;
    background: #000000;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}

.choosebox {
    background: #fff;
    position: fixed;
    top: 15%;
    left: 50%;
    z-index: 12;
}
/* loading */
.loadingbox {
    display: none;
}

.loadingback {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0px;
    background: #000000;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}

.loadingbox section {
    width: 4em;
    height: 4em;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -2em;
    margin-left: -2em;
    z-index: 100;
}

.sk-double-bounce {
    width: 4em;
    height: 4em;
    position: relative;
    margin: auto;
}

    .sk-double-bounce .sk-child {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #ff4300;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-double-bounce 2.0s infinite ease-in-out;
        animation: sk-double-bounce 2.0s infinite ease-in-out;
    }

    .sk-double-bounce .sk-double-bounce-2 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

@-webkit-keyframes sk-double-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-double-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (min-width: 1740px) {
    .floatimg02 {
        width: 54%;
        margin-left: 28%;
    }

    .recommendlist .txtname {
        max-width: 64%;
    }
}

@media screen and (max-width: 1520px) {
    .pagesb-box {
        width: 38%;
        margin: -130px 28% 0 34%;
    }

    .agent .boxlist li a p label {
        max-width: 60%;
    }
}

@media screen and (min-width: 1440px) {
    .recommendlist .txtname {
        max-width: 68% !important;
    }

    .recommendlist .mark {
        margin-left: 5px;
    }

    .p-normal-s {
        width: 50%;
        margin-left: -25%;
    }
}

@media screen and (min-width: 1250px) {
    .recommendlist .txtname {
        max-width: 62%;
    }

    .recommendlist .mark {
        margin-left: 5px;
    }

    .page-txt p {
        margin-right: 4px;
    }
}

@media screen and (min-width: 881px) and (max-width: 1516px) {
    .release a {
        width: 48%;
        font-size: 15px;
        margin: 20px 1% 0 0;
    }
}

@media screen and (max-width: 1380px) {
    .agentlistbox .boxlist li a div h3 label {
        max-width: 58%;
    }

    .permissionsbox .col-lg-3 {
        width: 30%;
        padding-left: 0px;
        padding-right: 5px;
    }

    .permissionsbox .col-lg-9 {
        width: 70%;
        padding-left: 5px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 1320px) {
    .navlist-r li {
        margin: 0 15px;
    }

    .agent .boxlist li a p label {
        max-width: 50%;
    }

    .agentlistbox .boxlist li a div h3 label {
        max-width: 56%;
    }

    .page-con {
        width: 60%;
    }
}

@media screen and (max-width: 1250px) {
    .agent .boxlist li a i {
        margin: 0 4px 0 6px;
    }

    .agent .boxlist li a p label {
        max-width: 50%;
    }

    .navlist-r li {
        margin: 0 10px;
    }

    .recommendlist .txtname {
        max-width: 100%;
    }

    .recommendlist .mark {
        float: left !important;
        margin-left: 0;
    }

    .pagesb-box {
        width: 42%;
        margin: -130px 26% 0 32%;
    }

    .page-txt p {
        margin-right: 4px;
        margin-bottom: 4px;
    }

    .page-btn a {
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .p-normal-s {
        width: 64%;
        margin-left: -32%;
    }

    .release a {
        width: 90%;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        margin: 7px 5% 0 0;
    }

    .agentlistbox .agent01 {
        right: 76px;
    }

    .agentlistbox .agent02 {
        width: 66px;
    }

    .agentlistbox .boxlist li a div h3 {
        font-size: 18px;
    }

        .agentlistbox .boxlist li a div h3 label {
            max-width: 53%;
        }

    .agentlistbox .agent02 h2 {
        font-size: 20px;
    }

    .icon-recommend {
        right: 80px;
    }

    .RIimg h3.RImember {
        font-size: 45px;
    }

    .RItitle {
        margin: 0px 0 18px 1%;
    }

    .RIchoose a {
        width: 48%;
        height: 45px;
        line-height: 45px;
        margin: 4px 1%;
    }

    .RImoneybox {
        padding: 10px 15px;
        margin: 10px 1% 0;
    }
}

@media screen and (max-width: 1144px) {
    .searchlogo img {
        width: 176px;
        height: auto;
        /* margin-top: 16px; */
    }

    .slogan {
        margin: 46px 0 0;
    }

    .agenttitle {
        margin-top: 30px;
    }

        .agenttitle img {
            width: 48px;
            height: 48px;
        }

        .agenttitle h3 {
            line-height: 48px;
        }

    .banner-img {
        margin: 3% 0 0 20%;
    }

    .topbox {
        width: 55%;
    }

    .m-listtxt h3 span {
        font-size: 14px;
    }

    .m-price {
        font-size: 16px;
    }

    .txtname {
        max-width: 46%;
        font-size: 16px;
    }

    .mark {
        margin-left: 10px;
    }

    .navlist-r {
        margin-left: 0px;
    }

        .navlist-r li {
            margin: 0 6px;
        }

            .navlist-r li a {
                font-size: 15px;
            }

    .total-l li p {
        font-size: 16px;
    }

        .total-l li p span {
            font-size: 18px;
        }

    .s-listcon li a label {
        max-width: 30%;
    }

    .boxlist li a p {
        margin: 8px 0 0 8px;
    }

    .agentlistbox .agent01 {
        right: 76px;
    }

    .agentlistbox .agent02 {
        width: 66px;
    }

    .information-tab .information .article-list .article-title {
        width: 50%;
    }

    .footercon {
        width: 50%;
    }

    .contact-way {
        width: 50%;
    }

    .s-listtxt {
        width: 60%;
    }

    .n-txt {
        width: 60%;
        margin-left: 20px;
    }

    .page-con {
        width: 55%;
    }

    .popbox .page-name {
        float: none;
        width: 100%;
        text-align: left;
        font-size: 12px;
        line-height: 20px;
    }

    .popbox .page-con {
        width: 100%;
        float: none;
    }

    .agent01 {
        top: 5px;
        left: 0px;
        right: 60px;
    }

    .agent02 {
        top: 22px;
        width: 58px;
        bottom: 18px;
    }

        .agent02 h2 {
            font-size: 18px;
        }

    .floatimg02 {
        width: 100%;
        margin-left: 0;
    }

    .floattxt {
        right: 200px;
    }

    .newsbanner img {
        width: auto;
        height: 140px;
        margin-top: 10px;
    }

    .pagesb-box {
        width: 48%;
        margin: -130px 20% 0 32%;
    }

    .page-inf {
        position: relative;
        height: 243px;
    }

    .page-t-list li {
        width: 100% !important;
    }

        .page-t-list li label {
            font-size: 12px;
        }

        .page-t-list li .font16 {
            font-size: 14px !important;
        }

        .page-t-list li .font18 {
            font-size: 15px !important;
        }

    .demandlist .page-inf {
        height: 180px;
    }

    .page-t-list li.col-lg-4 {
        width: 50% !important;
    }

    .agentlistbox .agent01 {
        right: 60px;
    }

    .agentlistbox .agent02 {
        width: 50px;
    }

    .agentlistbox .boxlist li a div h3 label {
        max-width: 48%;
    }

    .icon-recommend {
        right: 60px;
    }

    .RIimg h3.RImember {
        font-size: 40px;
    }

    .infbox-l {
        width: 120px;
        height: 190px;
    }

        .infbox-l img {
            width: 120px;
            height: 120px;
            display: block;
        }

    .infbox-r {
        left: 140px;
    }

    .b-icon {
        width: 60px;
        height: 60px;
        font-size: 32px;
        line-height: 56px;
        margin: 17px 10px 0 10px;
    }

        .b-icon img {
            width: 40px;
            height: 40px;
            margin: 12px 9px;
        }

    .b-todo-txt label {
        font-size: 25px;
    }

    .h-nav li a {
        padding: 0 10px;
    }
}

@media screen and (max-width: 990px) {
    .bhome-l, .bhome-r {
        width: 100%;
        padding: 5px;
        float: none;
    }

    .todoc02 {
        height: 280px;
    }

        .todoc02 .todobox {
            height: 260px;
        }

    .todoc03 {
        height: 290px;
    }

        .todoc03 .todobox {
            height: 270px;
        }

    .pagetxt li {
        border-bottom: none;
    }

        .pagetxt li .col-lg-6, .pagetxt li .col-lg-12 {
            width: 100%;
            border-bottom: 1px dashed #CCCCCC;
        }

    .loginimg {
        left: 2%;
        width: 50%;
    }

    .l-box {
        width: 48%;
        right: 5%;
    }

    .slogan {
        display: none;
    }

    .banner-img {
        width: 55%;
        height: auto;
        margin: 6% 0 0 20%;
    }

    .navlist-l {
        width: 180px;
    }

    .classifylist {
        width: 180px;
    }

    .category-option {
        width: 180px;
    }

        .category-option .cat-item .sub-cat {
            left: 180px;
        }

    .newest, .recommend, .deal, .agent {
        width: 98%;
        margin-left: 1%;
    }

    .recommend, .agent {
        margin-top: 30px;
    }

    .boxlist li a h3 {
        font-size: 14px;
    }

    .boxlist li a p {
        font-size: 12px;
    }

    .agent01 {
        right: 90px;
    }

    .agent02 {
        display: block;
    }

    .information-tab .information-right .article-list .article-title {
        width: 60%;
        font-size: 14px;
    }

    .information-tab .information .article-list {
        width: 50%;
    }

    .processcon p {
        font-size: 14px;
    }

    .s-txt02 {
        width: 80%;
    }

    .n-txt {
        width: 58%;
        margin-left: 10px;
    }

        .n-txt h3 {
            font-size: 18px;
        }

    .n-time {
        width: 90px;
        font-size: 12px;
    }

    .floatcon {
        right: 400px;
    }

    .floattxt {
        width: 220px;
        right: 160px;
        top: 15px;
    }

    .codebox {
        width: 100px;
        margin-top: -26px;
    }

    .newsbanner img {
        width: auto;
        height: 120px;
        margin-top: 20px;
    }

    .pagesbanner h3 {
        width: 170px;
        margin-left: 10px;
        font-size: 28px;
    }

    .pagesb-box {
        width: 47%;
        margin: -130px 18% 0 37%;
    }

    .pagesb-con i {
        font-size: 14px;
    }

    .pagesb-con p {
        font-size: 30px;
    }

    .coll-l .public-fixleftbar {
        width: 28%;
    }

    .fixed .public-fixleftbar {
        width: 26%;
    }

    .coll-r {
        width: 70%;
        margin-left: 30%;
    }

    .expertsbox .boxlist li {
        width: 50%;
    }

        .expertsbox .boxlist li a {
            height: 78px;
        }

    .expertslist .expertsbox .boxlist li a {
        height: 100px;
    }

    .expertsbox .boxlist li a div {
        left: 70px;
    }

        .expertsbox .boxlist li a div h3 {
            font-size: 16px;
            margin-bottom: 10px;
        }

    .expertsbox .boxlist li a img {
        width: 40px;
        height: 40px;
    }

    .agentlistbox .boxlist li a div h3 .agentlogo {
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }

    .RIimg {
        width: 98%;
        margin: 0 1% 20px;
    }

    .RIimg01 {
        height: 200px;
    }

    .RIimg h3 {
        line-height: 200px;
    }

        .RIimg h3.RImember {
            font-size: 50px;
        }

    .RIbox {
        width: 100%;
        padding: 0;
    }

    .RIchoose a {
        width: 31.3%;
    }

    .infbox-r ul li {
        font-size: 13px;
    }

    .infbox-r h3 span {
        margin-left: 4px;
        font-size: 18px;
    }

    .infbox-l {
        width: 100px;
    }

        .infbox-l img {
            width: 100px;
            height: 100px;
        }

    .infbox-r {
        left: 120px;
    }

    .b-icon {
        width: 50px;
        height: 50px;
        font-size: 22px;
        line-height: 50px;
        margin: 22px 10px 0 5px;
    }

        .b-icon img {
            width: 30px;
            height: 30px;
            margin: 12px 9px;
        }

    .b-todo-txt {
        margin-top: 22px;
    }

        .b-todo-txt label {
            font-size: 20px;
        }

    .h-nav li a {
        padding: 0 5px;
    }
}

@media screen and (min-width: 881px) and (max-width: 989px) {
    .page-inf {
        height: 250px;
    }

    .page-inf-txt h3 {
        font-size: 15px;
    }

        .page-inf-txt h3 .mark {
            margin-left: 5px;
        }

    .btn-type-t {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .page-img-txt {
        font-size: 12px;
    }

    .navlist-r li {
        margin: 0 4px;
    }
}

@media screen and (max-width: 880px) {
    .l-box {
        font-size: 12px;
    }

    .banner-img {
        width: 52%;
        margin: 6% 0 0 16%;
    }

    .topbox {
        width: 60%;
    }

    .category-option .cat-item .sub-cat {
        width: 560px;
    }

    .navlist-r li a {
        font-size: 13px;
    }

    .navlist-r li {
        margin: 0 3px;
    }

    .searchcon {
        width: 80%;
    }

    .wellcome {
        display: none;
    }

    .h-nav li a {
        padding: 0 5px;
    }

    .membertitle {
        padding-left: 10px;
        font-size: 14px;
    }

    .membernav a {
        font-size: 13px;
        padding-left: 10px;
    }

    .membernav .submenu li a {
        font-size: 12px;
        padding: 5px 0px 5px 23px;
    }

        .membernav .submenu li a label {
            max-width: 90%;
        }

    .search-content {
        width: 98%;
    }

    .page-search-box {
        width: 60%;
    }

    .search-l, .search-r {
        padding: 0 5px;
    }

    .s-listimg {
        width: 180px;
        height: 180px;
        margin-right: 6px;
    }

    .listbox .s-listtxt {
        width: 63%;
    }

        .listbox .s-listtxt h3 {
            font-size: 15px;
            line-height: 20px;
        }

    .listbox .txtname {
        max-width: 50%;
        font-size: 15px;
        line-height: 20px;
    }

    .listbox .mark {
        font-size: 12px;
        line-height: 20px;
        margin-left: 5px;
    }

    .recommendlist .txtname {
        max-width: 80%;
    }

    .recommendlist .mark {
        float: right !important;
        margin-left: 10px;
    }

    .phonenav01 {
        display: block;
    }

    .phonenav02 {
        display: none;
    }

    .h-nav li.user:hover .userlist {
        height: 280px;
    }

    .footercon {
        width: 60%;
    }

    .contact-way {
        width: 40%;
    }

    .telimg {
        width: 40px;
        height: 40px;
        margin-right: 6px;
    }

    .telbox {
        margin: 40px 0 0 20px;
    }

    .teltxt p {
        font-size: 18px;
    }

    .QRbox img {
        width: 60px;
        height: 60px;
        margin-bottom: 4px;
    }

    .newspage .col-lg-12, .newspage .col-lg-9, .newspage .col-lg-3 {
        width: 100%;
        float: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .floatimg02 {
        position: absolute;
        bottom: -88px;
    }

    .newsbanner {
        height: 100px;
    }

        .newsbanner img {
            width: auto;
            height: 100px;
            margin-top: 0px;
        }

    .aui-screen-list-box dl dt {
        font-weight: normal;
        font-size: 12px;
    }

    .marketpage-l {
        width: 100%;
        padding-right: 0;
    }

    .marketpage-r {
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }

    .release a {
        width: 140px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin: 20px 20px 0 0px;
    }

    .p-normal-s {
        width: 98%;
        margin-left: -49%;
    }

    .agentlistbox .boxlist li a div h3 .agentlogo {
        width: 40px;
        height: 40px;
        margin-top: 0px;
    }

    .home-l, .home-r {
        width: 100%;
        padding: 0 !important;
    }

    .infbox-l {
        height: 160px;
    }
}

@media screen and (max-width: 760px) {
    .loginimg {
        display: none;
    }

    .l-box {
        width: 98%;
        top: 50%;
        right: 1%;
    }

    .banner-img {
        margin: 6% 0 0 12%;
    }

    .navlist-l {
        width: 170px;
    }

    .classifylist {
        width: 170px;
    }

    .category-option {
        width: 170px;
    }

        .category-option .cat-item .sub-cat {
            left: 170px;
            width: 400px;
            padding: 9px 5px 25px 0;
        }

    .navlist-l h3 i {
        margin-left: 15px;
    }

    .category-option .cat-item .icon {
        font-size: 28px;
        margin: 6px 10px 0 10px;
        width: 28px;
    }

    .navlist-r li {
        margin: 0 3px;
    }

        .navlist-r li a {
            font-size: 12px;
        }

    .category-option .cat-item .txt .t-name {
        font-size: 16px;
    }

    .contentbox {
        width: 98%;
    }

    .bannerchart {
        right: 2%;
    }

    .total-l li p {
        font-size: 13px;
    }

        .total-l li p span {
            font-size: 14px;
        }

    .s-listimg {
        width: 150px;
        height: 150px;
        margin-right: 6px;
    }

    .listbox .s-listtxt {
        width: 63%;
    }

    .showimg-btn {
        width: 90%;
        left: 5%;
        font-size: 16px;
    }

    .abstract {
        -webkit-line-clamp: 2;
    }

    .spage-l, .spage-r {
        width: 100%;
        float: none;
    }

    .m-list li .listbox {
        width: 80%;
    }

    .m-listtxt h3 {
        font-size: 16px;
    }

        .m-listtxt h3 .txtname {
            max-width: 35%;
            font-size: 16px;
        }

        .m-listtxt h3 .mark {
            margin-left: 10px;
        }

    .m-list li a dl dd {
        float: left;
        width: 49.4%;
        padding: 0 .3%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-listbtn {
        width: 19%;
    }

    .m-price {
        width: 30%;
        font-size: 18px;
    }

    .information-tab .information-right .article-list .article-title {
        width: 55%;
    }

    .processcon p {
        font-size: 12px;
    }

    .s-txt02 {
        width: 98%;
    }

    .footercon {
        width: 100%;
    }

    .contact-way {
        width: 100%;
    }

    .telbox {
        float: left !important;
        margin: 40px 20px 0 0px;
    }

    .QRbox {
        float: left !important;
    }

    .searchcon {
        width: 98%;
    }

    .floatcon {
        right: 320px;
    }

    .floattxt {
        width: 180px;
        right: 136px;
        top: 15px;
    }

    .codebox {
        width: 84px;
        margin-top: -15px;
    }

    .pagesbanner h3 {
        margin-left: 0px;
    }

    .pagesb-box {
        width: 51%;
        margin: -130px 16% 0 33%;
    }

    .aui-screen-list-box dl dt {
        width: 15%;
    }

    .aui-screen-list-box dl dd {
        width: 85%;
    }

    .page-top-l {
        width: 20%;
    }

    .page-img-txt p, .page-img-txt a {
        width: 100%;
        float: none;
    }

    .page-top-r {
        width: 80%;
    }

    .fixed .public-fixleftbar {
        left: 1%;
        margin: 4px 1% 4px 4px;
    }

    .coll-r {
        width: 71%;
        margin-left: 29%;
    }

    .expertsbox .boxlist li {
        width: 50%;
    }

    .agentlistbox .boxlist li a div h3 label {
        max-width: 45%;
    }

    .paymentbox {
        width: 96%;
        margin: 20px auto;
    }
}

@media screen and (max-width: 650px) {
    .banner-img {
        width: 50%;
        margin: 8% 0 0 6%;
    }

    .phonebtn {
        display: block;
    }

    .navlist-r {
        display: none;
        position: absolute;
        top: 10%;
        width: 90%;
        left: 5%;
        overflow: hidden;
        z-index: 10;
        height: auto;
    }

        .navlist-r li {
            float: left;
            margin: 3% 1% !important;
            width: 30.3%;
            height: 40px;
        }

            .navlist-r li a {
                display: block;
                width: 100%;
                height: 40px;
                text-align: center;
                line-height: 40px;
                background: #fa8a00;
                color: #FFFFFF;
                border-bottom: none !important;
            }

            .navlist-r li.active a {
                color: #FFFFFF !important;
                font-weight: normal;
            }

            .navlist-r li a:hover {
                color: #FFFFFF !important;
                background: #e57e00;
                border-bottom: none !important;
            }

    .totalbox, .total-l {
        height: 80px;
    }

        .total-l li img {
            width: 50px;
        }

        .total-l li p {
            font-size: 12px;
        }

            .total-l li p span {
                font-size: 13px;
            }

    .boxlist li {
        float: left;
        width: 50%;
        overflow: hidden;
    }

    .showimg-btn {
        font-size: 14px;
    }

    .agent {
        height: 568px;
    }

        .agent .boxlist {
            height: 493px;
        }

            .agent .boxlist li {
                width: 50%;
            }

                .agent .boxlist li a p label {
                    max-width: 60%;
                }

    .s-listimg {
        width: 120px;
        height: 120px;
        margin-right: 6px;
    }

    .listbox .s-listtxt {
        width: 60%;
    }

    .listbox .txtname {
        max-width: 40%;
    }

    .m-listtxt h3 {
        line-height: 20px;
        margin-bottom: 0px;
    }

        .m-listtxt h3 span {
            font-size: 12px;
        }

        .m-listtxt h3 .txtname {
            max-width: 35%;
            font-size: 14px;
            line-height: 20px;
        }

        .m-listtxt h3 .mark {
            margin-left: 2px;
            line-height: 20px;
            padding: 0 2px;
        }

    .m-listtxt {
        margin-top: 0px;
    }

    .b-todo .col-lg-3 {
        width: 50%;
        padding: 0 5px;
    }

    .b-icon {
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 30px;
        line-height: 60px;
        margin: 15px 10px 0 10px;
        border-radius: 50%;
    }

        .b-icon img {
            width: 40px;
            height: 40px;
            margin: 14px 9px;
        }

    .chartbox .col-lg-3, .chartbox .col-lg-9 {
        width: 100%;
        padding: 0;
    }

    .messagebox {
        width: 340px;
    }

    .pagetab .tab .nav-tabs {
        padding-left: 0px;
    }

        .pagetab .tab .nav-tabs li a {
            padding: 6px 5px;
            margin-right: 5px;
        }

    .security {
        width: 200px;
    }

    .logobox {
        margin-right: 10px;
    }

        .logobox img {
            height: 30px;
            margin: 19px 0;
        }

    .layout-side {
        width: 150px;
    }

    .layout-main {
        left: 150px;
    }

    .tab-block.information-tab {
        height: 510px;
    }

        .tab-block.information-tab .tabs {
            height: 460px;
        }

    .tab-block .tab-buttons .tab-button {
        font-size: 12px;
        padding: 0 5px;
        text-align: center;
    }

        .tab-block .tab-buttons .tab-button.cur .more {
            display: none;
        }

    .tab-block.information-tab .tabs .tab-item {
        padding: 10px;
    }

    .information-tab .information-left {
        width: 100%;
        height: 120px;
    }

    .information-tab .information-right {
        width: 100%;
        height: 340px;
    }

        .information-tab .information-right .article-list .article-link {
            padding: 0 10px;
        }

        .information-tab .information-right .article-list.current .article-link {
            padding: 10px;
        }

    .information-tab .information .article-list {
        width: 100%;
    }

    .newsb02 {
        display: none;
    }

    .pagesb-box {
        width: 60%;
        margin: -130px 10% 0 35%;
    }

    .listtab .tab .nav-tabs li a {
        width: 38px;
    }

        .listtab .tab .nav-tabs li a span {
            display: none;
        }

        .listtab .tab .nav-tabs li a i {
            margin-right: 0px;
        }

    .listsearch {
        margin-left: 81px;
    }

    .list-timebtn, .list-otherbtn, .list-timebtn-c, .list-otherbtn-c, .list-otherbox {
        width: 76px;
    }

    .listbtn {
        width: 68px;
    }

    .list-otherbox li a {
        width: 64px;
        font-size: 12px;
    }

    .list-timebox {
        left: 81px;
    }

    .b-jiage {
        left: 160px;
    }

    .b-youhui {
        left: 239px;
    }

    .b-jiaoyi {
        left: 318px;
    }

    .coll-search .b-jiage {
        left: 81px;
    }

    .coll-search .b-jiaoyi {
        left: 160px;
    }

    .agentbox .listsearch {
        margin-left: 41px;
    }

    .agentbox .list-timebox {
        left: 41px;
    }

    .agentbox .b-jiage {
        left: 121px;
    }

    .agentbox .b-jiaoyi {
        left: 200px;
    }

    .page-top-l {
        width: 50%;
    }

    .page-img-txt p {
        width: 50%;
        float: left;
    }

    .page-img-txt a {
        width: 50%;
        float: right;
    }

    .page-top-r {
        width: 100%;
        padding: 0;
    }

    .agentlistbox .boxlist li {
        width: 50%;
    }

        .agentlistbox .boxlist li a div h3 label {
            max-width: 60%;
        }

    .RIchoose a {
        font-size: 15px;
    }
}

@media screen and (max-width: 560px) {
    .banner-img {
        width: 300px;
        margin: 8% 0 0 3%;
    }

    .topbox {
        width: 100%;
        margin-top: 16px;
    }

        .topbox .search-box {
            width: 100%;
        }

    .navlist-l {
        width: 40px;
    }

        .navlist-l h3 i {
            margin-left: 10px;
        }

    .classifylist {
        top: 295px;
        width: 40px;
    }

    .category-option .cat-item .icon {
        font-size: 28px;
        margin: 6px 10px 0 6px;
        width: 28px;
    }

    .category-option .cat-item .txt {
        display: none;
    }

    .category-option {
        width: 40px;
    }

        .category-option .cat-item .sub-cat {
            left: 40px;
            width: 270px;
            padding: 9px 0px 25px 0;
        }

    .bannerchart {
        width: 80%;
        top: 680px;
        right: 2%;
    }

    .totalbox, .total-l {
        height: 172px;
    }

        .total-l li {
            width: 50%;
            height: 80px;
        }

            .total-l li:nth-child(2) {
                border-right: none;
            }

    .boxtab .tab .nav-tabs li a {
        margin: 0 2px;
    }

    .boxlist li {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .showimg-btn {
        width: 50px;
        left: 50%;
        margin-left: -25px;
        bottom: 25px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
    }

        .showimg-btn i {
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 30px;
        }

    .agent {
        height: 940px;
    }

        .agent .boxlist {
            height: 865px;
        }

            .agent .boxlist li {
                width: 100%;
            }

    .expertsbox .boxlist li {
        width: 100%;
    }

    .s-logo {
        width: 100%;
    }

    .s-txt {
        width: 100%;
        margin-top: 10px;
    }

    .s-txt02 span {
        margin: 0 5px;
    }

    .floatbox {
        height: 200px;
    }

    .floatcon {
        position: absolute;
        left: 0px;
        right: 0;
        top: 0;
    }

    .floattxt {
        width: 60%;
        position: absolute;
        top: 110px;
        left: 0;
        right: auto;
    }

    .codebox {
        width: 90px;
        position: absolute;
        top: 100px;
        left: auto;
        right: -30px;
    }

    .s-title .s-listtxt h3 .txtname {
        max-width: 40%;
        font-size: 14px;
    }

    .recommendlist .txtname {
        max-width: 60%;
    }

    .m-listimg {
        width: 100%;
        margin-right: 0;
        float: none;
        display: block;
    }

        .m-listimg img {
            max-height: 160px;
        }

    .m-listcon {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .m-listtxt h3 .txtname {
        max-width: 50%;
    }

    .m-price {
        width: 100%;
        text-align: left;
        margin-bottom: 8px;
        font-size: 14px;
    }

    .m-list li .listbox {
        width: 100%;
    }

    .m-listbtn {
        width: 100%;
    }

        .m-listbtn a {
            width: 48%;
        }

    .n-txt {
        width: 93%;
        margin-left: 30px;
        margin-top: 0px;
        display: block;
    }

    .pagesbanner h3 {
        width: 40px;
        margin-left: 0px;
        font-size: 26px;
        line-height: 34px;
        padding-top: 15px;
    }

    .pagesb-box {
        width: 84%;
        margin: -130px 8% 0 12%;
    }

    .aui-screen-list-box dl dt {
        width: 18%;
    }

    .aui-screen-list-box dl dd {
        width: 82%;
    }

    .topicsCode {
        top: -190px;
    }

    .page-inf-txt {
        right: 0px;
    }

    .markettab .nav > li > a {
        padding: 10px 5px;
    }

    .release a {
        width: 45%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin: 20px 2% 0 0px;
    }

    .colleges-inf .s-type {
        line-height: 20px;
        margin: 0;
        font-size: 12px;
    }

    .c-inf-txt {
        font-size: 12px;
    }

    .agentlistbox .boxlist li a div h3 label {
        max-width: 50%;
    }

    .RIimg h3.RImember {
        font-size: 40px;
    }

    .RIchoose a {
        width: 48%;
        font-size: 15px;
    }

    .RIchoosebox p {
        font-size: 13px;
    }

    .RImoney {
        font-size: 13px;
    }

        .RImoney span#RImoney {
            font-size: 17px;
        }

            .RImoney span#RImoney label {
                margin-bottom: 0;
                font-size: 13px;
            }
}

@media screen and (min-height: 300px) and (max-height: 530px) {
    .fixed .public-fixleftbar {
        position: fixed;
        left: 5%;
        top: 0;
        z-index: 1;
        width: 16.5%;
        background: #FFFFFF;
        box-shadow: 0 0 3px #CCCCCC;
        margin: 4px 2% 4px 4px;
    }

    .colleges-inf {
        margin: 5px 2%;
    }

        .colleges-inf img {
            display: none;
        }

    .c-inf-txt {
        margin-top: 4px;
        font-size: 12px;
    }

    .colleges-inf .search-t {
        font-size: 13px;
        margin: 4px 0 4px 10px;
        line-height: 15px;
    }

    .coll-l ul li {
        line-height: 28px;
    }
}


#tabiframe {
    min-height: 540px;
}

@media screen and (min-height: 328px) {
    #tabiframe {
        min-height: 190px;
    }
}

@media screen and (min-height: 378px) {
    #tabiframe {
        min-height: 240px;
    }
}

@media screen and (min-height: 428px) {
    #tabiframe {
        min-height: 290px;
    }
}

@media screen and (min-height: 478px) {
    #tabiframe {
        min-height: 340px;
    }
}

@media screen and (min-height: 528px) {
    #tabiframe {
        min-height: 390px;
    }
}

@media screen and (min-height: 578px) {
    #tabiframe {
        min-height: 440px;
    }
}

@media screen and (min-height: 628px) {
    #tabiframe {
        min-height: 490px;
    }
}

@media screen and (min-height: 678px) {
    #tabiframe {
        min-height: 540px;
    }
}

@media screen and (min-height: 728px) {
    #tabiframe {
        min-height: 590px;
    }
}

@media screen and (min-height: 778px) {
    #tabiframe {
        min-height: 640px;
    }
}

@media screen and (min-height: 828px) {
    #tabiframe {
        min-height: 690px;
    }
}