/*栅格*/
.col-3, .col-4 {
    box-sizing: border-box;
    *behavior: url(boxsizing.htc);
}

    .col-3 *, .col-4 * {
        box-sizing: border-box;
        *behavior: url(boxsizing.htc);
    }

.box {
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

    .row:after {
        content: "";
        display: table;
        clear: both;
    }

.col-4, .col-3 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.col-3 {
    width: 33.333%;
}

.col-4 {
    width: 25%;
}

img {
    border: medium none;
}

p {
    text-indent: 2em;
    line-height: 21px;
}

.img-responsive {
    width: 100%;
    display: inline-block;
}

a {
    cursor: pointer;
}

    a:hover {
        color: #11a3f8;
        text-decoration: none;
    }

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

a[disabled=disabled] {
    cursor: text;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.hidden {
    display: none;
}

.center {
    margin: 0 auto;
}

.lh24 {
    line-height: 24px;
}
/*左侧列表*/
.left-content {
    width: 668px;
    float: left;
}

    .left-content.report {
        background-color: #fff;
        float: left;
        width: 234px;
        border-right: 1px solid #ffa12d;
    }

        .left-content.report .user_center {
            margin-bottom: 10px;
            margin-right: 10px;
            background: url('../images/2018/user-shadow.png') center bottom no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
            padding-bottom: 20px;
        }

.user_center img {
    display: block;
    height: 140px;
    margin: 15px auto;
    width: 140px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 3px #ffa12d;
}

.user_center p {
    font-size: 13px;
    margin: 5px;
    text-indent: 0;
}

    .user_center p b {
        color: #378cd9;
        font-size: 15px;
    }

.user_center a.log_out {
    /*background-color: #f8f7f6;*/
    border-top: 1px solid #b9def1;
    color: #fff;
    display: block;
    padding: 8px 0;
    text-align: center;
    background: url("../images/caption_bg.png") repeat-x scroll left top;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.user_center .info {
    border: 1px solid #b9def1;
    margin-bottom: 10px;
}

.info ul li {
    font-size: 14px;
    padding: 3px 0;
    margin: 1px 0;
    position: relative;
}

    .info ul li:hover, .info ul li.current {
        background: #ffa12d;
        border-radius: 4px 0 0 4px;
    }

.left_caption {
    background: rgba(0, 0, 0, 0) url("../images/2018/tt-left.png") 0 0 no-repeat;
    color: #fff;
    /*padding: 6px 35px;*/
    margin-right: 10px;
    /*background: #378cd9;*/
    line-height: 46px;
    font-size: 16px;
    position: relative;
    padding-left: 65px;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .left_caption i {
        /*background: url('../images/2018/ic-t1.png') 12px 8px no-repeat;*/
        width: 45px;
        height: 45px;
        position: absolute;
        display: block;
        vertical-align: middle;
        margin-right: 20px;
        top: 0;
        left: 0;
    }

    .left_caption .ic-t1 {
        background: url('../images/2018/ic-t1.png') 12px 10px no-repeat;
    }

    .left_caption .ic-t2 {
        background: url('../images/2018/ic-t2.png') 12px 13px no-repeat;
    }

    .left_caption .ic-t3 {
        background: url('../images/2018/ic-t3.png') 12px 12px no-repeat;
    }

    .left_caption .ic-t4 {
        background: url('../images/2018/ic-t4.png') 12px 10px no-repeat;
    }

.icons-grxx, .icons-fzda, .icons-hd {
    width: 29px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.icons-grxx {
    background: url('../images/2018/icons-grxx.png') 0 0 no-repeat;
}

    .icons-grxx.ic-02 {
        background-position: 0 -28px;
    }

    .icons-grxx.ic-03 {
        background-position: 0 -57px;
    }

    .icons-grxx.ic-04 {
        background-position: 0 -87px;
    }

    .icons-grxx.ic-05 {
        background-position: 0 -117px;
    }

li:hover .icons-grxx.ic-01, li.current .icons-grxx.ic-01 {
    background-position: -30px 0px;
}

li:hover .icons-grxx.ic-02, li.current .icons-grxx.ic-02 {
    background-position: -30px -28px;
}

li:hover .icons-grxx.ic-03, li.current .icons-grxx.ic-03 {
    background-position: -30px -57px;
}

li:hover .icons-grxx.ic-04, li.current .icons-grxx.ic-04 {
    background-position: -30px -87px;
}

li:hover .icons-grxx.ic-05, li.current .icons-grxx.ic-05 {
    background-position: -30px -117px;
}

.icons-fzda {
    background: url('../images/2018/icons-fzda.png') 0 -2px no-repeat;
}

    .icons-fzda.ic-02 {
        background-position: 0 -32px;
    }

    .icons-fzda.ic-03 {
        background-position: 0 -67px;
    }

    .icons-fzda.ic-04 {
        background-position: 0 -100px;
    }

li:hover .icons-fzda.ic-01, li.current .icons-fzda.ic-01 {
    background-position: -30px -2px;
}

li:hover .icons-fzda.ic-02, li.current .icons-fzda.ic-02 {
    background-position: -30px -32px;
}

li:hover .icons-fzda.ic-03, li.current .icons-fzda.ic-03 {
    background-position: -30px -67px;
}

li:hover .icons-fzda.ic-04, li.current .icons-fzda.ic-04 {
    background-position: -30px -100px;
}

.icons-hd {
    background: url('../images/2018/icons-hd.png') 0 -14px no-repeat;
}

    .icons-hd.ic-stem {
        background-position: 0 -45px;
    }

    .icons-hd.ic-cxds {
        background-position: 0 -79px;
    }

    .icons-hd.ic-robot {
        background-position: -2px -107px;
    }

    .icons-hd.ic-dcty {
        background-position: -1px -139px;
    }

    .icons-hd.ic-rcpy {
        background-position: 0 -180px;
    }

    .icons-hd.ic-zc {
        background-position: 0 -207px;
    }

    .icons-hd.ic-kj {
        background-position: 0 -243px;
    }

li:hover .icons-hd.ic-kxjy, li.current .icons-hd.ic-kxjy {
    background-position: -30px -14px;
}

li:hover .icons-hd.ic-stem, li.current .icons-hd.ic-stem {
    background-position: -30px -45px;
}

li:hover .icons-hd.ic-cxds, li.current .icons-hd.ic-cxds {
    background-position: -30px -79px;
}

li:hover .icons-hd.ic-robot, li.current .icons-hd.ic-robot {
    background-position: -32px -107px;
}

li:hover .icons-hd.ic-dcty, li.current .icons-hd.ic-dcty {
    background-position: -31px -139px;
}

li:hover .icons-hd.ic-rcpy, li.current .icons-hd.ic-rcpy {
    background-position: -30px -180px;
}

li:hover .icons-hd.ic-zc, li.current .icons-hd.ic-zc {
    background-position: -30px -207px;
}

li:hover .icons-hd.ic-kj, li.current .icons-hd.ic-kj {
    background-position: -30px -243px;
}


#content .info ul li:hover a, #content .info ul li.current a {
    color: #fff;
}

.info ul li:hover a::after, .info ul li.current a::after {
    background: url("../images/2018/i-e.png") 0 0 no-repeat;
    content: '';
    width: 10px;
    height: 15px;
    display: block;
    position: absolute;
    top: 8px;
    right: -4px;
}

.erweima {
    background: url("../images/2018/c-shadow.png") 160px 60px no-repeat;
    margin-bottom: 10px;
}

.left-content > div {
    margin-bottom: 30px;
}

.list {
    padding: 0 10px;
}

    .list li {
        line-height: 28px;
        margin-bottom: 10px;
    }

.list-border-3 li {
    border-bottom: 1px solid #F0F0F0;
    line-height: 40px;
}

.list .top {
    /*font-size: 18px;*/
}

    .list .top p {
        font-size: 12px;
        color: #656565;
        line-height: 20px;
        margin-bottom: 10px;
    }

.list li a:first-child {
    color: #111;
}

.list li.pic {
    overflow: hidden;
}

.list li a:hover {
    color: #1375CB;
}

.list li.pic .face-f {
    width: 180px;
    height: 145px;
    float: left;
}

.list li.pic .content-li {
    margin-left: 190px;
}

.left-content .title {
    margin-bottom: 10px;
}

.left-content .well .title .caption {
    font-size: 24px;
    padding-left: 35px;
    line-height: 41px;
}

    .left-content .well .title .caption i {
        font-size: 30px;
    }

.well .tab {
    float: right;
    position: relative;
}

    .well .tab li {
        float: left;
        margin-left: 30px;
    }

.silde-bar {
    width: 80px;
    height: 8px;
    display: inline-block;
    background: url(../images/slide_bar.png) no-repeat left top;
    position: absolute;
    bottom: -16px;
    left: 0px;
}

.icons-user, .icons-desk, .icons-note {
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: middle;
    background: url("../images/icons-user.png") 0 0 no-repeat;
    margin-right: 10px;
}

.icons-desk {
    background: url("../images/icons-desk.png") 0 0 no-repeat;
}

.icons-note {
    background: url("../images/icons-note.png") 0 0 no-repeat;
}

.icons-01, .icons-02, .icons-03, .icons-04, .icons-05 {
    display: inline-block;
    width: 23px;
    height: 18px;
    vertical-align: middle;
    background: url("../images/icons-01.png") 0 0 no-repeat;
    margin-right: 5px;
}

.icons-02 {
    background: url("../images/icons-02.png") 0 0 no-repeat;
}

.icons-03 {
    background: url("../images/icons-03.png") 0 0 no-repeat;
}

.icons-04 {
    background: url("../images/icons-04.png") 0 0 no-repeat;
}

.icons-05 {
    background: url("../images/icons-05.png") 0 0 no-repeat;
}

.pic-news {
    margin-bottom: 10px;
}

    .pic-news li {
        position: relative;
        padding-left: 140px;
        line-height: 26px;
        margin-top: 20px;
        min-height: 89px;
    }

        .pic-news li > a {
            color: #111;
            font-weight: bold;
            font-size: 14px;
            font-family: "simsun";
        }

.left-content .pic-hover {
    width: 103%;
}

    .left-content .pic-hover li {
        list-style: none;
        margin-right: 18px;
        width: 210px;
        height: 158px;
    }
/*右侧列表*/
.right-list {
    float: right;
    width: 300px;
}

.list-top {
    background-color: #00a3e2;
    margin-bottom: 20px;
    overflow: visible;
}

    .list-top i.for-list-top {
        display: block;
        width: 13px;
        height: 24px;
        position: absolute;
        top: 0;
        left: -13px;
        background: url("../images/for_toplist.png") no-repeat;
    }

    .list-top .title {
        padding-top: 20px;
        text-align: center;
    }

        .list-top .title a {
            color: #c9eff2;
            display: inline-block;
            width: 30%;
            padding-bottom: 10px;
            cursor: pointer;
        }

            .list-top .title a:hover, .list-top .title a.cur {
                background: url("../images/titleBg.png") no-repeat bottom center;
                color: #fff;
            }

    .list-top .content {
        padding: 10px;
        color: #fff;
    }

ul.rec-list em {
    padding: 2px 4px;
    color: #fff;
    background-color: #ffaa00;
}

ul.rec-list li, ul.rec-list a {
    color: #fff;
    padding-left: 5px;
}

ul.rec-list li {
    line-height: 40px;
}

    ul.rec-list li a:hover {
        color: #eee;
    }

.right-list > .well {
    padding: 20px 10px 0px;
    /*background-color: #f3f3f3;*/
    margin-bottom: 20px;
}

.right-list .well.Expert {
    padding-top: 0;
}

.well .title {
    height: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
}

    .well .title.big {
        height: 40px;
    }

    .well .title .caption {
        border-bottom: 2px solid #2783d6;
        padding-left: 30px;
        display: inline-block;
        font-size: 18px;
        color: #2783d6;
        line-height: 31px;
        margin-top: -2px;
        position: relative;
    }

.well > .title > .caption > .face {
    font-size: 22px;
    color: #2783d6;
}

.zy, .wj, .dt, .by {
    background: url("../images/ico-group-1.png") no-repeat;
}

.well .title .zy {
    background-position: 0 -43px;
}

.well .title .wj {
    background-position: 0 8px;
}

.well .title .dt {
    background-position: 0 -79px;
}

.well .title .by {
    background-position: 0 -124px;
}

.well .title .more {
    margin-left: 10px;
}

.pic-hover {
    overflow: hidden;
}

    .pic-hover li {
        list-style: none;
        margin-bottom: 20px;
        width: 260px;
        height: 196px;
    }

    .pic-hover a {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

        .pic-hover a img {
            width: 100%;
            height: 100%;
        }

.trans-title {
    position: absolute;
    text-align: center;
    height: 40px;
    background: url("../images/transImg.png") repeat-x;
    bottom: 0;
    width: 100%;
    display: block;
    color: #fff;
    line-height: 40px;
    overflow: hidden;
}

.shadow-big {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    background: url("../images/trans50.png");
    color: #fff;
}

    .shadow-big a {
        color: #fff;
    }

.shadow-inner {
    width: 90%;
    height: 80%;
    margin: 20px auto;
}

    .shadow-inner h1 {
        text-align: center;
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .shadow-inner p {
        text-indent: 0;
        text-align: center;
    }

.ico-type i {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    background: url("../images/ico-group-type.png") no-repeat;
}

.ico-type.wz i {
    background-position: 0 0;
}

.ico-type.app i {
    background-position: 0 -50px;
}

.ico-type.ts i {
    background-position: 0 -100px;
}

.ico-type.dh i {
    background-position: 0 -150px;
}

.ico-type.stu i {
    background-position: 0 -200px;
}

.ico-type.teacher i {
    background-position: 0 -250px;
}

.ico-type.school i {
    background-position: 0 -300px;
}

div.icon-btn-group {
    text-align: center;
    display: block;
}

.icon-btn-group a {
    /*    display: inline-block;
    float: left;
    width: 24.5%;
    border-left: 1px solid #e0e0e0;
    padding-top: 68px;
    padding-bottom: 15px;
    text-align: center;
    background: #f3f3f3 url("../images/btn-group-2.png") no-repeat;
	*/
    display: inline-block;
    width: 45%;
    margin-bottom: 5px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    font-family: "microsoft yahei";
    text-indent: 25px;
    background: #fc9401 url("../images/btn-group-3.png") 10px 20px no-repeat;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .icon-btn-group a:hover {
        opacity: 0.8
    }

    .icon-btn-group a:first-child {
        border: none;
    }

    .icon-btn-group a.dy {
        background: #6fba44 url("../images/btn-group-3.png") no-repeat;
        background-position: 10px -50px;
    }

    .icon-btn-group a.fk {
        background: #2196f3 url("../images/btn-group-3.png") no-repeat;
        background-position: 10px -120px;
    }

    .icon-btn-group a.jy {
        background: #6960d7 url("../images/btn-group-3.png") no-repeat;
        background-position: 10px -195px;
    }
/*影像活动*/
.yx {
    padding-bottom: 30px;
    padding-top: 1px;
}

    .yx .title {
        font-size: 24px;
        color: #fff;
        line-height: 32px;
        margin-top: 20px;
        padding-left: 40px;
        margin-bottom: 20px;
    }

    .yx .title {
        background: url("../images/ico-group-1.png") no-repeat;
        background-position: 0 -180px;
    }

    .yx .left {
        width: 400px;
        height: 300px;
        float: left;
    }

    .yx .right {
        width: 580px;
        height: 300px;
        float: right;
    }

        .yx .right .col3 {
            width: 104%;
        }

            .yx .right .col3 li {
                width: 186px;
                height: 140px;
                margin-right: 10px;
                float: left;
            }

.left-list {
    float: left;
    margin-bottom: 30px;
}

.h2 {
    font-size: 24px;
    color: #333;
    font-weight: 800;
    line-height: 40px;
}

.left-list .h2 {
    text-indent: 5px;
}

.main-list {
    width: 200px;
    line-height: 32px;
    margin-top: 20px;
}

    .main-list a {
        padding-left: 15px;
        height: 100%;
        display: block;
        color: #fff;
    }

    .main-list li {
        width: 100%;
        height: 32px;
        background: #2783D6;
        margin-bottom: 4px;
    }

        .main-list li:hover, .main-list li.cur {
            background: #F08F1A;
        }

            .main-list li:hover:after {
                display: inline-block;
            }

            .main-list li:after, .main-list li.cur:after {
                content: "";
                display: none;
                width: 0;
                height: 0;
                position: absolute;
                right: -6px;
                top: 50%;
                margin-top: -6px;
                border-left: 6px solid #F08F1A;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
            }

            .main-list li.cur:after {
                display: inline-block;
            }

.right-content {
    width: 750px;
    float: right;
    padding-bottom: 60px;
}

.title-bar {
    height: 40px;
    border: 1px solid #ddd;
    line-height: 40px;
    color: #ddd;
    margin-bottom: 20px;
}

    .title-bar a:before {
        content: ">";
        display: inline-block;
        text-indent: 0;
        padding-right: 5px;
    }

    .title-bar a:first-child:before {
        display: none;
    }

    .title-bar > a:first-child {
        padding-left: 20px;
    }

.right-content .h2 {
    margin-bottom: 20px;
}

.right-content .content p {
    color: #333;
    line-height: 24px;
    margin-bottom: 14px;
    font-size: 14px;
    text-indent: 2em;
    font-family: "simsun";
}

.title-bar .tab a {
    display: inline-block;
    height: 100%;
    padding: 0 15px;
    color: #666;
}

.tab li a:after, .tab li a.cur:after {
    content: "";
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -6px;
    border-top: 6px solid #2783d6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.tab li a.cur:after {
    display: block;
}

.title-bar .tab li a.cur {
    background: #2783d6;
    color: #fff
}
/**/
.group-bar {
    background: #EFEFEF;
    height: 28px;
    line-height: 28px;
    margin-bottom: 14px;
}

    .group-bar > * {
        display: inline-block;
        height: 100%;
        margin-right: 10px;
    }

    .group-bar dt {
        background: #00A4E3;
        text-align: center;
        width: 60px;
        color: #fff;
        padding: 0 7px;
    }

        .group-bar dt:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: -5px;
            top: 50%;
            margin-top: -5px;
            border-left: 5px solid #00A4E3;
            ;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
        }

    .group-bar dd a {
        display: inline-block;
        height: 100%;
        padding: 0 7px;
    }

    .group-bar i[class|=icon] {
        padding-right: 8px;
        font-size: 14px;
    }

    .group-bar dd a:hover, .group-bar dd a.cur {
        background: #F08F1A;
        color: #fff;
    }

.pic-list {
    width: 104%;
}

    .pic-list li {
        width: 247px;
        height: 184px;
        margin-right: 10px;
        margin-bottom: 60px;
        position: relative;
    }

        .pic-list li a {
            width: 100%;
            height: 100%;
            display: block;
            font-size: 0; /*position: relative;*/
        }

            .pic-list li a dt {
                font-size: 12px;
            }

            .pic-list li a * {
                font-size: 14px;
            }

        .pic-list li span {
            display: block;
            line-height: 26px;
            color: #11a3f8;
            padding: 5px 10px 5px 0;
        }

    .pic-list .trans-title {
        text-align: left;
    }

        .pic-list .trans-title dt {
            color: #fff;
            padding: 0 10px;
            margin-right: 10px;
        }

        .pic-list .trans-title i[class|=icon] {
            font-size: 14px;
            padding-right: 4px;
        }

        .pic-list .trans-title i.icon-comments {
            font-size: 14px;
            color: #89C115;
        }
/*页码条样�?*/
.pageList {
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
}

    .pageList span.isNow {
        background: #1375CC;
        color: #fff;
    }

        .pageList span.isNow:hover {
            background: #1375CC;
            color: #fff;
        }

    .pageList span {
        color: #666;
        cursor: pointer;
        display: inline-block;
        font: 12px/30px "Microsoft YaHei";
        height: 30px;
        margin-right: 5px;
        text-align: center;
        width: 30px;
        border: 1px solid #E2E2E2;
    }

        .pageList span a {
            display: inline-block;
            width: 24px;
        }

        .pageList span:hover {
            background: #ddd;
            color: #111;
        }

    .pageList .Disabled a {
        width: 60px;
    }

    .pageList .Disabled {
        width: 60px;
        color: #999;
    }
/* 新闻评论部分 */
.bg_lu1 {
    background: #f3faf0
}

.comment-box {
    margin-bottom: 20px;
    position: relative;
}

.comment-box-innner {
}

.padL-50 {
    padding-left: 50px;
}

.news_comment > .info {
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #373737;
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 20px;
    position: relative;
}

    .news_comment > .info span {
        color: #111;
        border-bottom: 3px solid #02A5E8;
        display: inline-block;
        height: 100%;
        position: absolute;
        top: -2px;
    }

    .news_comment > .info i {
        color: #666;
        font-size: 14px;
        padding: 0 5px;
    }

.comment-box textarea {
    width: 100%;
    height: 100px;
    line-height: 22px;
    font-size: 12px;
    color: #333;
    padding: 5px;
    border: none;
    overflow-y: visible;
    border: 1px solid #65B5F0;
    outline: none;
    overflow: auto;
    resize: none;
    vertical-align: top;
    box-sizing: border-box;
}

.comment-submit {
    border: 1px solid #65B5F0;
    border-top: none;
    overflow: hidden;
    height: 40px; /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
}

    .comment-submit .inner * {
        float: left;
        margin-left: 10px;
        margin-top: 5px;
    }

input.comment-name, input.comment-pictext, input.comment-password {
    width: 130px;
    height: 25px;
    border: 1px solid #ccc;
    float: left;
    overflow: auto;
    resize: none;
    text-indent: 5px;
}

.comment-login {
    color: #fff;
    font-size: 14px;
    background: #0189DD;
    padding: 5px 15px;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    float: left;
}

.comment-user {
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.shape-circle {
    vertical-align: middle;
    border-radius: 50%;
}

.comment-login:hover {
    opacity: 0.85;
    color: #fff;
}

.comment-registe {
    color: #006ebc;
    background: transparent;
    margin-right: 4px;
    font-size: 12px;
    line-height: 43px;
    margin-right: 12px;
}
/* 新闻评论列表 */
.comment_list {
    width: 100%;
    margin-bottom: 50px
}

.comment_box {
    position: relative;
    padding-left: 60px;
    border-top: 1px solid #D2D2D2;
    padding-top: 18px;
}

.comment_list > .comment_box:first-child {
    border-top: none;
    padding-top: 0;
}

    .comment_list > .comment_box:first-child > .face {
        top: 0;
    }

.comment_list .face {
    position: absolute;
    top: 18px;
    left: 0;
}

.reply {
    position: relative;
}

.reply-info {
    color: #111;
    padding-top: 8px;
    font-size: 12px;
}

    .reply-info span {
        color: #111;
        margin-left: 10px;
        font-size: 12px;
    }

.reply-text {
    margin-top: 10px;
    margin-bottom: 16px;
    line-height: 24px;
    color: #666;
}

.zan, .huifu {
    font-size: 12px;
    color: #909090;
    padding-right: 10px;
}

    .zan a, .huifu a {
        font-size: 14px;
        color: #909090;
    }

.comment_box .add {
    height: 26px;
    overflow: hidden;
}

    .comment_box .add > * {
        float: right
    }

.inner-reply {
    border-top: 1px solid #D2D2D2;
}

    .inner-reply .comment_box {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .inner-reply .comment_box:first-child {
            border-top: 0;
        }

a[class^=icon-] {
    cursor: pointer;
}

    a[class^=icon-]:hover {
        color: #00913c;
    }
/*文件通知*/
.content .list li {
    list-style: square inside;
    color: #bbb;
    font-size: 10px;
}

    .content .list li a {
        font-size: 14px;
        padding-left: 5px;
    }

    .content .list li i {
        color: #111;
        font-style: normal
    }
/*新闻列表*/
/*2017-1-20 卢乾 add详情，学生详情，学校详情*/
.center-list.Experts {
    width: 690px;
    margin-left: 0;
}

.Experts.center-list .sub-info hr {
    border-color: #dddddd;
}

.center-list.Experts .Expert-info {
    padding: 20px;
    background: #f5f3f3;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .center-list.Experts .Expert-info .img {
        float: left;
        height: 180px;
        width: 150px;
        overflow: hidden;
        text-align: center;
        background: #f5f3f3;
    }

        .center-list.Experts .Expert-info .img img {
            height: 100%;
            width: auto;
        }

    .center-list.Experts .Expert-info table {
        width: auto;
        margin-left: 170px;
    }

    .center-list.Experts .Expert-info th {
        text-align: right;
        background: #ffffff;
    }

.center-list.Experts .sub-info {
    padding-top: 30px;
    padding-bottom: 20px;
}

    .center-list.Experts .sub-info .title {
        font-size: 20px;
        color: #ffffff;
        background: url("../images/expert-title.png") no-repeat 0 0;
        height: 43px;
        line-height: 33px;
        text-indent: 2em;
        margin-bottom: 10px;
    }

    .center-list.Experts .sub-info p {
        font-size: 14px;
        color: #666666;
        line-height: 30px;
        text-indent: 2em;
    }

    .center-list.Experts .sub-info .sub-title {
        margin-top: 10px;
        color: #0072ca;
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        position: relative;
    }

        .center-list.Experts .sub-info .sub-title::before {
            content: "";
            position: absolute;
            background: url("../images/caption-title.png") no-repeat 0 0;
            height: 16px;
            width: 16px;
            top: 50%;
            margin-top: -8px;
            left: 0;
        }

.right-list .well .list-num.Expert li a {
    font-size: 14px;
    color: #666666;
}
/***************************************/
.center-list {
    width: 469px;
    float: left;
    margin-left: 14px;
}

    .center-list .well {
        margin-bottom: 30px;
    }

    .center-list .list p {
        line-height: 22px;
        margin-top: 5px;
        text-indent: 2em;
        height: 66px;
        overflow: hidden;
    }

    .center-list .list .pic-news li {
        padding-left: 158px;
        height: 109px;
        margin-top: 25px;
    }

    .center-list .well .title {
        height: 46px;
    }

        .center-list .well .title .caption .face {
            font-size: 30px;
            top: 6px;
        }

        .center-list .well .title .caption {
            font-size: 24px;
            padding-left: 40px;
            line-height: 47px;
        }

    .center-list .list > li {
        list-style: square inside;
        color: #bbb;
        font-size: 10px;
    }

        .center-list .list > li a {
            font-size: 14px;
            padding-left: 5px;
        }

        .center-list .list > li i {
            color: #111;
            font-style: normal
        }

.right-list {
    width: 300px;
    float: right;
}

    .right-list .well {
        margin-bottom: 17px;
        padding-bottom: 10px;
        line-height: 21px;
    }
        /*.right-list .well .banner-img{display: block; margin: 0 auto; margin-bottom: 5px;}*/

        .right-list .well .list-num li a {
            color: #111;
            font: 12px "simsun";
            line-height: 1.5;
            display: inline-block;
            vertical-align: top;
        }

        .right-list .well .list-num li {
            position: relative;
            margin-bottom: 6px;
            padding-left: 24px
        }

            .right-list .well .list-num li a:hover {
                color: #1375CB;
            }

            .right-list .well .list-num li em {
                width: 14px;
                height: 14px;
                line-height: 14px;
                font: 12px "simsun";
                display: inline-block;
                letter-spacing: -1px;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 2px;
                background: #bbb;
                text-align: center;
                color: #fff;
            }

                .right-list .well .list-num li em.hot {
                    background: #F08F1A;
                }
/*新闻详细*/
.left {
    width: 870px;
    float: left;
}

.news_detail h2 {
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    font-weight: normal;
}

.news_detail h3 {
    text-align: center;
    font-size: 24px;
    line-height: 29px;
    font-weight: normal;
}

.news_detail .info {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 10px
}

.news_detail .left-info {
    float: left;
    padding-bottom: 5px;
}

    .news_detail .left-info > * {
        float: left;
        font-size: 12px;
        color: #5F5F5F
    }

    .news_detail .left-info dt {
        padding-right: 3px;
        font-family: "simsun";
    }

    .news_detail .left-info dd {
        padding-right: 17px;
        color: #333;
        font-family: "simsun";
    }

.news_detail .right-func {
    float: right;
    color: #878787;
    font-size: 16px;
    cursor: pointer;
}

    .news_detail .right-func a {
        color: #878787;
    }

    .news_detail .right-func dt {
        float: left;
        padding: 0 5px
    }

        .news_detail .right-func dt:hover {
            color: #00913C;
        }

.news_detail .info:after {
    content: "";
    display: block;
    clear: both;
}

.info2 {
    margin-bottom: 20px;
}

    .info2 > * {
        float: left;
        color: #5F5F5F;
    }

    .info2 dt {
        font-size: 20px;
        padding: 0 10px;
    }

    .info2 dd {
        font-size: 14px;
        font-size: 12px;
        line-height: 20px
    }

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

.news_content p {
    text-indent: 28px;
    margin-bottom: 20px
}

.news_content p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
}

.news_tags {
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 15px;
}

    .news_tags a {
        margin-left: 5px;
        padding: 5px 8px;
        background: #ddd;
    }

        .news_tags a:hover, .news_tags a.cur {
            margin-left: 5px;
            padding: 5px 8px;
            background: #0F75BD;
            color: #fff;
        }

.news_preNext {
    padding: 10px;
    border: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    line-height: 27px;
    margin-bottom: 20px;
}

    .news_preNext a {
        display: block;
        color: #333;
    }

        .news_preNext a:hover {
            color: #69b27b;
        }

        .news_preNext a i {
            color: #aaa;
        }
/*评论盒子*/
.share-box {
    margin-bottom: 20px;
}

.bshare-custom > span {
    font: 14px "microsoft yahei";
}

.share-add > * {
    height: 32px;
    line-height: 32px;
    float: left;
    margin: 0 3px;
}

.share-add li i {
    padding-right: 10px;
    font-size: 20px;
}

.share-add li a {
    display: inline-block;
    height: 100%;
    padding: 0 10px;
    border-radius: 13px;
    opacity: 0.65;
}

.animated {
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.animated2 {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.color-green {
    color: #22B14C;
    border: 1px solid #22B14C;
}

    .color-green:hover {
        color: #fff;
        border: 1px solid transparent;
        background: #22B14C;
        opacity: 0.85;
    }

.color-blue {
    color: #00A2E8;
    border: 1px solid #00A2E8;
}

.color-red {
    color: #ED1C24;
    border: 1px solid #ED1C24;
}

.color-blue:hover {
    color: #fff;
    border: 1px solid transparent;
    background: #00A2E8;
    opacity: 0.85;
}

.color-red:hover {
    color: #fff;
    border: 1px solid transparent;
    background: #ED1C24;
    opacity: 0.85;
}

ul.right_file li {
    padding-left: 50px;
    min-height: 50px;
    line-height: 50px;
    padding-right: 10px;
    /*white-space: nowrap;*/
    border-bottom: 1px dotted #e9e9e9;
}

    ul.right_file li a {
        /*white-space: nowrap;*/
        color: #fff;
        vertical-align: top;
    }
/*文件图标*/
.mid .doc, .mid .docx, .mid .ppt, .mid .pptx, .mid .xls, .mid .xlsx, .mid .jpg, .mid .gif, .mid .bmp, .mid .png, .mid .rar, .mid .zip, .mid .mp4, .mid .avi, .mid .dir, .mid .pdf, .mid .txt {
    padding-left: 46px;
}

.mid .doc {
    background: url("../images/file/mid/doc.png") no-repeat 2px center;
}

.mid .docx {
    background: url("../images/file/mid/docx.png") no-repeat 2px center;
}

.mid .ppt {
    background: url("../images/file/mid/pptx.png") no-repeat 2px center;
}

.mid .xls {
    background: url("../images/file/mid/xlsx.png") no-repeat 2px center;
}

.mid .jpg {
    background: url("../images/file/mid/jpg.png") no-repeat 2px center;
}

.mid .gif {
    background: url("../images/file/mid/gif.png") no-repeat 2px center;
}

.mid .bmp {
    background: url("../images/file/mid/bmp.png") no-repeat 2px center;
}

.mid .png {
    background: url("../images/file/mid/png.png") no-repeat 2px center;
}

.mid .rar {
    background: url("../images/file/mid/rar.png") no-repeat 2px center;
}

.mid .mp4 {
    background: url("../images/file/mid/mp4.png") no-repeat 2px center;
}

.mid .avi {
    background: url("../images/file/mid/avi.png") no-repeat 2px center;
}

.mid .dir {
    background: url("../images/file/mid/dir.png") no-repeat 2px center;
}

.mid .pdf {
    background: url("../images/file/mid/pdf.png") no-repeat 2px center;
}

.mid .txt {
    background: url("../images/file/mid/txt.png") no-repeat 2px center;
}

.mid .zip {
    background: url("../images/file/mid/zip.png") no-repeat 2px center;
}
/*文件图标*/
.file-big .doc, .file-big .docx, .file-big .ppt, .file-big .pptx, .file-big .xls, .file-big .xlsx, .file-big .jpg, .file-big .gif, .file-big .bmp, .file-big .png, .file-big .rar, .file-big .zip, .file-big .mp4, .file-big .avi, .file-big .dir, .file-big .pdf, .file-big .txt {
    display: inline-block;
    width: 74px;
    height: 74px;
}

.file-big .doc {
    background: url("../images/file/big/doc.png") center center no-repeat;
}

.file-big .docx {
    background: url("../images/file/big/docx.png") center center no-repeat;
}

.file-big .ppt {
    background: url("../images/file/big/ppt.png") center center no-repeat;
}

.file-big .pptx {
    background: url("../images/file/big/pptx.png") center center no-repeat;
}

.file-big .xls {
    background: url("../images/file/big/xlsx.png") center center no-repeat;
}

.file-big .jpg {
    background: url("../images/file/big/jpg.png") center center no-repeat;
}

.file-big .gif {
    background: url("../images/file/big/gif.png") center center no-repeat;
}

.file-big .bmp {
    background: url("../images/file/big/bmp.png") center center no-repeat;
}

.file-big .png {
    background: url("../images/file/big/png.png") center center no-repeat;
}

.file-big .rar {
    background: url("../images/file/big/rar.png") center center no-repeat;
}

.file-big .mp4 {
    background: url("../images/file/big/mp4.png") center center no-repeat;
}

.file-big .avi {
    background: url("../images/file/big/avi.png") center center no-repeat;
}

.file-big .dir {
    background: url("../images/file/big/dir.png") center center no-repeat;
}

.file-big .pdf {
    background: url("../images/file/big/pdf.png") center center no-repeat;
}

.file-big .txt {
    background: url("../images/file/big/txt.png") center center no-repeat;
}

.file-big .zip {
    background: url("../images/file/big/zip.png") center center no-repeat;
}

.comment-box-sm {
    border: none;
}

    .comment-box-sm .comment-txa {
        width: 610px;
        margin-left: 60px;
    }
/*教师详情*/
.person-intro {
    padding-left: 270px;
    min-height: 400px;
}

    .person-intro .h2 {
        color: #2783d6;
        font-weight: normal;
    }

    .person-intro .font-16 {
        color: #222;
        margin: 5px 0;
    }

.teacher-text p {
    margin-bottom: 20px;
    text-indent: 24px;
    line-height: 26px;
    color: #333
}
/*十佳教师列表*/
.teacher-desc {
    margin-bottom: 20px;
    padding-bottom: 1px;
    color: #111;
}

    .teacher-desc p {
        margin-bottom: 20px;
        text-indent: 24px;
    }

.list-5 {
    width: 104%;
    margin-bottom: 80px;
}

    .list-5 li {
        width: 193px;
        height: 148px;
        margin-right: 2px;
        margin-bottom: 2px;
    }

        .list-5 li a {
            display: inline-block;
            font-size: 0;
            position: relative;
            overflow: hidden;
        }

            .list-5 li a .trans-title {
                height: auto;
                transition: all 0.3s linear;
                *background: #000;
                background: rgba(0, 0, 0, 0.6);
                *opacity: 0.5;
                bottom: -25px;
            }

                .list-5 li a .trans-title h5 {
                    font-size: 14px;
                }

                .list-5 li a .trans-title p {
                    font-size: 12px;
                    line-height: 20px;
                    padding-bottom: 5px;
                }

            .list-5 li a:hover .trans-title {
                height: auto;
                bottom: 0;
            }
/*榜样力量*/
/*2017-1-20 luqian add*/
.idol-banner .d_img .owl-item {
    height: 400px;
}

#slide_3d .d_img li {
    position: relative !important;
    display: block !important;
    height: 100%;
}

#slide_3d .d_prev {
    margin-left: -575px !important;
}
/*.d_img .owl-prev{*/
/*position:absolute;*/
/*display: block;*/
/*height: 50px;*/
/*width: 50px;*/
/*top: 140px;*/
/*left: -47px;*/
/*z-index: 11;*/
/*}*/
.idol-banner #control-1 .owl-prev {
    position: absolute;
    left: 50%;
    margin-left: -550px;
    top: 140px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    z-index: 20;
}

.idol-banner #control-1 .owl-next {
    position: absolute;
    right: 50%;
    margin-right: -550px;
    top: 140px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    z-index: 20;
}

.pic-hover.idol li {
    width: 180px;
    height: 252px;
    margin-right: 7px;
}

.pic-hover.idol .trans-title span {
    display: block;
    line-height: 40px;
}

.pic-hover.idol i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    background: #2783d6;
}

.pic-hover .idol li img {
    height: 100%;
    width: auto;
}

.pic-hover.idol .trans-title {
    background: rgba(0,0,0,0.8);
}

.idol-list .main-list li.cur::after, .idol-list .main-list li:hover::after {
    display: none;
}
/*学校列表*/
.idol-school-list li {
    width: 178px;
    height: 210px;
    border: 1px solid #cccccc;
    margin-left: 6px;
    margin-bottom: 10px;
}

    .idol-school-list li a {
        display: block;
    }

        .idol-school-list li a img {
            display: block;
            height: 180px;
            width: 180px;
        }

    .idol-school-list li .name {
        line-height: 30px;
        text-align: center;
        height: 30px;
        width: 100%;
    }
/*榜样的力量-学校搜索*/
.idol-search {
    height: 55px;
    border: 1px solid #e3dfdf;
    background: #f1f1fe;
    margin-bottom: 30px;
    line-height: 55px;
}

    .idol-search .allNums {
        float: left;
        line-height: 30px;
        height: 30px;
        text-align: center;
        padding: 0 20px;
        color: #666666;
        font-size: 16px;
        margin: 13px auto;
    }

        .idol-search .allNums .num {
            color: #f0901b;
            font-size: 22px;
            margin: 0 5px;
        }

    .idol-search input.search {
        line-height: 30px;
        display: block;
        float: left;
        margin-left: 10px;
        margin-top: 8px;
        height: 30px;
        width: 360px;
        font-size: 14px;
        color: #999999;
        border-color: #2783d6;
        background: #ffffff;
    }

    .idol-search .submit {
        display: block;
        float: left;
        margin-top: 13px;
        height: 30px;
        line-height: 30px;
        background: #2783d6;
        color: #ffffff;
        border: 1px solid #2783d6;
        padding: 0 10px;
    }

        .idol-search .submit:hover {
            opacity: 0.8;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        }
/**********************/
.idol-banner {
    height: 441px;
    margin-bottom: 32px;
    background: #000 url(../images/idol_banner.jpg) no-repeat center top;
    background-size: auto 100%;
}

.idol-list .title {
    width: 204px;
    height: 63px;
    background: url(../images/bangyang.png) no-repeat center top;
    margin-bottom: 6px;
    text-indent: -9999px;
}

.idol-list .main-list {
    margin-top: 0;
}

    .idol-list .main-list li {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

        .idol-list .main-list li a {
            padding-left: 40px;
        }

            .idol-list .main-list li a[class*=ido-] {
                background: url(../images/idol_list.png) no-repeat;
            }

            .idol-list .main-list li a.ido-st {
                background-position: 8px 11px;
            }

            .idol-list .main-list li a.ido-tc {
                background-position: 8px -47px;
            }

            .idol-list .main-list li a.ido-sc {
                background-position: 8px -108px;
            }
/*榜样学生*/
.list-stu {
    margin-bottom: 30px;
}

    .list-stu .font-18 {
        padding-right: 6px;
    }

    .list-stu .text-desc {
        padding-top: 10px;
    }

    .list-stu ul.row {
        margin-left: -22.5px;
        margin-right: -22.5px;
    }

    .list-stu ul li a {
        display: block;
        position: relative;
    }

    .list-stu ul li {
        padding-left: 7.5px;
        padding-right: 7.5px;
        *width: 240px;
        height: 179.467px;
        overflow: hidden;
        margin-bottom: 15px
    }

        .list-stu ul li img {
            *width: 220px;
        }

    .list-stu .trans-title {
        width: 240px;
        text-align: left;
        text-indent: 10px;
        font-size: 12px;
    }

        .list-stu .trans-title b {
            padding-right: 7px;
            font-size: 14px;
        }

.video-mark {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1) url(../images/icon-video.png) no-repeat center center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .video-mark:hover {
        background: rgba(0, 0, 0, 0.05) url(../images/icon-video.png) no-repeat center center
    }
/*榜样学校*/
.list-sch {
    background: #f0f0f0;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #62AAFC;
    cursor: pointer;
    margin-left: 25px;
    margin-right: 25px;
}

    .list-sch .caret-4 {
        position: relative;
    }

    .list-sch a:hover, .list-sch .cur {
        color: #fff;
        background: #62AAFC;
    }

        .caret-4:after, .list-sch .cur:after {
            content: "";
            width: 0;
            height: 0;
            display: none;
            position: absolute;
            left: 50%;
            top: 100%;
            margin-left: -6px;
            border-top: 6px solid #2783d6;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
        }

        .caret-4:hover:after, .list-sch .cur:after {
            display: block;
        }

    .list-sch .caret-4:after {
        border-top-color: #62AAFC;
        border-width: 8px;
    }

.table-sch {
    padding: 0 25px;
    box-sizing: border-box;
    *behavior: url(boxsizing.htc);
    line-height: 36px;
    color: #333;
    margin-bottom: 40px;
}

.table-normal {
    width: 100%;
    border: 1px solid #62AAFC;
}

    .table-normal tr {
        border: 1px solid #62AAFC;
    }

    .table-normal td {
        border: 1px solid #62AAFC;
        text-indent: 28px;
    }
/*卢乾 add 2017-1-20新增表格样式*/
.expert.table-normal {
    border: none;
    margin-top: 20px;
}

    .expert.table-normal tr {
        border: none;
    }

    .expert.table-normal td {
        border: none;
        text-align: left;
    }

.th-grey-new th {
    background: #f5f2f2;
    font-size: 15px;
    color: #333333;
}

.th-grey-new th, .th-grey-new td {
    border: 1px solid #cccccc;
}

.th-grey-new td {
    text-indent: 0;
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.th-grey-new {
    /*margin-bottom: 20px;*/
}

    .th-grey-new p {
        font-size: 14px;
        color: #666666;
        line-height: 30px;
    }

.hr-line {
    background: url("../images/hr-line.png") repeat-x center;
    height: 3px;
    width: 100%;
    margin: 10px 0;
    margin-top: 20px;
}
/*学校结果搜索页*/
.search-result-item {
    margin-bottom: 15px;
}

    .search-result-item .name {
        background: #ddedfc;
        color: #2783d6;
        font-size: 18px;
        line-height: 30px;
        height: 30px;
        padding: 0 20px;
        display: inline-block;
    }

    .search-result-item .content {
        padding: 10px;
        background: #ddedfc;
    }

    .search-result-item .category {
        margin-bottom: 10px;
    }

        .search-result-item .category .title {
            background: #2783d6;
            color: #ffffff;
            font-size: 14px;
            padding: 5px 15px;
            display: inline-block;
        }

        .search-result-item .category .category-content {
            display: inline-block;
            font-size: 14px;
            color: #666666;
            padding-left: 10px;
        }

        .search-result-item .category .sub-info {
            font-size: 14px;
            color: #666666;
            line-height: 30px;
            text-align: justify;
        }

/**************/
/*.th-grey-new caption{*/
/*color: #0072ca;*/
/*font-size: 18px;*/
/*padding-bottom: 10px;*/
/*position: relative;*/
/*}*/
/*.th-grey-new caption::before{*/
/*position: absolute;*/
/*display: block;*/
/*background: url("../images/caption-title.png") no-repeat 0 0;*/
/*height: 16px;*/
/*width: 16px;*/
/*top: 0 ;*/
/*left: 0;*/
/*}*/
/****************************/
.slider-bg {
    background: url("../images/slider-bg.jpg") top center no-repeat;
    height: 400px;
}

#slider_1 {
    width: 732px;
    height: 350px;
    margin-top: 25px;
    float: left;
}

    #slider_1 .item img {
        width: 732px;
        height: 350px;
    }

.item_detail {
    /*background: url("../images/sliderCaption.png") bottom repeat-x;*/
    background: rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    /*bottom: -55px;*/
    bottom: 0; /*update by rsy*/
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

    .item_detail:hover {
        bottom: 0;
    }

    .item_detail h3 {
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0; /*update by rsy*/
    }

    .item_detail p {
        font-size: 16px;
        line-height: 22px;
        max-height: 0;
        min-height: 0;
        transition: all 0.7s;
        overflow: hidden;
    }

.item:hover .item_detail p {
    height: auto;
    max-height: 300px;
}

#slider_1 .owl-controls {
    position: absolute;
    bottom: 5px;
    right: 20px;
}

#slider_1 .owl-pagination .owl-page {
    width: 12px;
    height: 12px;
    background-color: #aaa;
    margin-right: 6px;
}

    #slider_1 .owl-pagination .owl-page.active {
        background-color: #ffa12e;
    }

.banner_plate {
    float: right;
    margin-top: 25px;
}

    .banner_plate > div {
        text-align: center;
        margin-bottom: 10px;
        width: 250px;
        height: 63px;
        background-image: url("../images/a-bg.png");
        background-position: bottom center;
        background-repeat: no-repeat;
        display: table;
    }

    .banner_plate a {
        /*display: block;*/
        padding: 0 20px;
        color: #fff;
        font-size: 16px;
        transition: all 0.5s ease 0s;
        display: table-cell;
        vertical-align: middle;
    }

        .banner_plate a:hover {
            background-color: #ffa12e;
        }

    .banner_plate .fir a {
        background-color: #61c36e;
    }

    .banner_plate .sec a {
        background-color: #107edf;
    }

    .banner_plate .trd a {
        background-color: #6960d7;
    }

    .banner_plate .for a {
        background-color: #E98954;
    }

    .banner_plate .fif a {
        background-color: #E94A4A;
    }

        .banner_plate .fir a:hover, .banner_plate .sec a:hover, .banner_plate .trd a:hover, .banner_plate .for a:hover, .banner_plate .fif a:hover {
            background-color: #ffa12e;
        }

.well .bar a {
    padding: 0 25px;
    display: inline-block;
    line-height: 45px;
    margin-right: -18px;
}

    .well .bar a.cur {
        background: url("../images/slide_bar.png") bottom center no-repeat;
    }

.content-bar {
    border: 1px solid #ccc;
    overflow: visible;
    height: 40px;
    margin-bottom: 20px;
    font-size: 0;
}

    .content-bar a {
        display: inline-block;
        height: 48px;
    }

        .content-bar a.cur {
            background: url("../images/caret.png") bottom center no-repeat;
        }

        .content-bar a span {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            color: #2783d6;
            padding: 0 20px;
            font-size: 16px;
            position: relative;
        }

        .content-bar a.cur span {
            background-color: #2783d6;
            color: #fff;
        }

.downlist {
    border: 1px solid #c1dbd0;
    padding: 20px; /*text-align: center;*/
}

    .downlist .item-file {
        display: inline-block;
        width: 100px;
        height: 133px;
        margin-left: 25px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .downlist a[class*=file-] {
        display: inline-block;
    }

    .downlist span h3 {
        display: inline-block;
        color: #1664c8;
        font-size: 12px;
        font-family: "simsun";
        margin-top: 10px;
        text-align: center;
    }

i.icon-briefcase {
    padding-right: 10px;
}

.left-list .commu {
    padding-left: 20px;
    text-indent: 0;
    width: auto;
    display: block;
}

    .left-list .commu i {
        font-size: 16px;
        display: inline-block;
        width: 25px;
    }

.commu-info p {
    line-height: 2.3em;
}

.messageInput {
    border: 1px solid #cee7ff;
    height: 120px;
}

*::-moz-placeholder {
    color: #888;
}

.messageSubmit {
    background: #f3fafe none repeat scroll 0 0;
    border-top: 1px solid #eee;
    height: 35px;
    overflow: hidden;
    padding-left: 300px;
}

    .messageSubmit input {
        border: 1px solid #80d3f9;
        color: #333;
        float: left;
        height: 22px;
        line-height: 22px;
        margin: 6px 5px 0;
        padding: 0 2px;
        width: 86px;
    }

    .messageSubmit .subBtn {
        background: #01a8f4 none repeat scroll 0 0;
        border: 1px solid #0094d7;
        color: #fff;
        float: left;
        height: 22px;
        line-height: 22px;
        margin: 6px 5px 0;
        text-align: center;
        width: 60px;
    }

    .messageSubmit .anonymous {
        color: #006ebc;
        float: left;
        line-height: 34px;
        text-align: center;
        width: 60px;
    }

    .messageSubmit img {
        float: left;
        height: 24px;
        margin-top: 5px;
        width: 65px;
        display: block;
    }

.mess-show li {
    float: left;
    width: 250px;
    height: 328px;
    background: url("../images/messbg.png") no-repeat top center;
}

    .mess-show li p {
        width: 80%;
        height: 70%;
        margin: 10px auto;
        color: #fff;
    }

.mess-show .mess-user {
    width: 75%;
    margin: 0 auto;
    text-align: right;
    color: #fff;
}

i.red {
    color: red;
    padding-right: 5px;
    vertical-align: middle;
}

.table-base {
    width: 99%;
}

    .table-base td, .table-base th {
        padding: 2px 4px;
        vertical-align: middle;
    }

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

.table-normal.td-left td {
    text-align: left !important;
}

.td-center td, .td-center th {
    text-align: center;
}

.h50 td, .h50 th {
    height: 50px;
}

.h50 input[type=text] {
    height: 35px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

.for-ta textarea {
    width: 97%;
    border: 1px solid #ddd;
    padding: 5px;
}

th.v-top {
    vertical-align: top;
}

.cmz-radio input[type=radio] {
    opacity: 0;
    filter: alpha(opacity=0);
}

.cmz-radio label:checked {
    border: 1px solid black;
}

input[type=text]:focus, textarea:focus {
    border: 1px solid #eca40d;
}

.search input[type=text]:focus {
    border: none;
}

.cmz-radio input + label {
    display: inline-block;
    width: 75px;
    text-align: center;
    border: 1px solid #32b0ff;
    padding: 6px 0;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    margin-right: -5px;
}

    .cmz-radio input + label.cur, .cmz-radio input + label.cur:hover {
        background-color: #32b0ff;
        color: #fff;
    }

    .cmz-radio input + label:hover {
        background-color: #54cfff;
        color: #f9f9f9;
    }

.blue-info {
    display: block;
    padding: 10px 20px;
    border: 2px solid #32b0ff;
    color: #2783d6;
}

.banner-abo {
    width: 100%;
    height: 102px;
    background: url(../images/banner_abo.jpg) no-repeat center top;
    background-size: auto 100%;
    margin-bottom: 20px;
    text-align: center;
}

    .banner-abo i {
        color: white;
        font-size: 26px;
        display: inline-block;
        padding-right: 120px;
        line-height: 102px;
    }

        .banner-abo i.record {
            background: url("../images/topbanner/1.png") no-repeat right center;
        }

        .banner-abo i.active {
            background: url("../images/topbanner/2.png") no-repeat right center;
        }

        .banner-abo i.file-notice {
            background: url("../images/topbanner/5.png") no-repeat right center;
        }

        .banner-abo i.commu {
            background: url("../images/topbanner/4.png") no-repeat right center;
        }

        .banner-abo i.news {
            background: url("../images/topbanner/3.png") no-repeat right center;
        }

.btn.no-conner {
    border-radius: 0;
}

.banner-abo i.about-us {
    background: url("../images/topbanner/6.png") no-repeat right center;
}

.calendar-show {
    overflow: hidden;
    border-top: 2px solid #5eaeff;
    border-bottom: 2px solid #5eaeff;
    border-left: 1px solid #5eaeff;
    background-color: #5eaeff;
}

    .calendar-show .datePicker {
    }

    .calendar-show .date-panel {
        background-color: #5eaeff;
        color: #fff;
    }

.date-panel .tc span[id*=title], .date-panel .tc span[class*=title] {
    font-size: 18px;
    line-height: 32px;
}

.date-panel h4 {
    font-size: 16px;
    line-height: 32px;
}

.date-panel p {
    margin-bottom: 10px;
}

    .date-panel p em {
        background-color: #ffaa00;
        color: #fff;
        padding: 2px 4px;
        margin-right: 10px;
    }

a.btn-link-1 {
    color: #fff;
    padding: 2px 5px;
    border: 1px solid #fff;
}
/*活动列表�?*/


.act-content {
    width: 590px;
}

    .act-content .title {
        margin-top: 60px
    }

        .act-content .title h3 {
            font-size: 38px;
        }

        .act-content .title h5 {
            font-size: 15px;
            font-family: "arial";
        }

    .act-content > p {
        margin-top: 10px;
        font-size: 12px;
        line-height: 24px;
        text-indent: 2em;
        text-align: justify;
    }

.to-act {
    font-size: 18px;
    color: #fff;
    background: rgba(0,0,0,.2);
    margin-top: 10px;
    padding: 5px 30px;
    float: right;
    border-radius: 3px;
}

    .to-act:hover {
        background: #0F7DDD;
        box-shadow: 0 0 1px 0 #0F7DDD;
        color: #fff;
    }

.act-pic {
    border-radius: 50%;
    border: 10px solid rgba(256, 256, 256, 0.3);
    box-shadow: 0 0 1px 0 rgba(256, 256, 256, 0.2);
    margin-top: 60px;
    margin-right: 5px;
    margin-left: 5px;
}

    .act-pic img {
        border: 8px solid #00AFEB;
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    }

.activelist div[class^="act-item"] {
    height: 400px;
    background-size: auto 100%;
}

.act-item1 {
    background: url(../images/active_bg1.jpg) no-repeat center top;
    color: #fff;
}

    .act-item1 .title {
        background: url("../images/act1-title.png") no-repeat left center;
    }

.act-item2 {
    background: #f7c200;
    color: #fff;
}

    .act-item2 .title {
        padding-left: 0;
        padding-top: 80px;
        text-align: center;
        margin-top: 40px;
        background: url("../images/robotIco.png") no-repeat center top;
    }

.act-item3 {
    background: #3ca2d6;
    color: #fff;
}

.act-item4 {
    background: #67c553;
    color: #fff;
}

.act-item5 {
    background: #b2c910;
    color: #fff;
}

.act-item6 {
    background: #d763a3;
    color: #fff;
}

.act-item7 {
    background: #e88954;
    color: #fff;
}

.act-item8 {
    background: #E84A4A;
    color: #fff;
}

.act-item9 {
    background: #3ca2d6;
    color: #fff;
}

.act-item10 {
    background: #67c553;
    color: #fff;
}

.act-item11 {
    background: #b2c910;
    color: #fff;
}

.act-item12 {
    background: #e667af;
    color: #fff;
}

.act-item13 {
    background: #e88954;
    color: #fff;
}

.act-item14 {
    background: #8c60aa;
    color: #fff;
}

.act-item15 {
    background: #f7c200;
    color: #fff;
}

.act-item16 {
    background: #3ca2d6;
    color: #fff;
}

.act-item17 {
    background: #67c553;
    color: #fff;
}

.act-item18 {
    background: #b2c910;
    color: #fff;
}

.act-item19 {
    background: #ff7373;
    color: #fff;
}

.act-item20 {
    background: url(../images/activity/active_bg20.jpg) no-repeat center top;
    color: #fff;
}

.preNext a {
    display: block;
    margin-left: 55px;
}

    .preNext a:hover {
        color: #00A9EA;
    }

.nav-p-n {
    background-color: #f8f8f8;
    padding: 10px 5px;
}

.video-desc h2 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.q-a-box {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

    .q-a-box .Q {
        padding-left: 30px;
        background: url("../images/question.png") no-repeat;
        margin-bottom: 10px;
    }

        .q-a-box .Q span {
            color: #00A9EA;
        }

    .q-a-box .A {
        padding-left: 30px;
        background: url("../images/answer.png") no-repeat;
    }

.search-inner {
    margin-bottom: 20px;
}

    .search-inner .search-btn span {
        padding-left: 4px;
    }

    .search-inner .search-btn:hover {
        color: #000;
    }

.preNext {
    clear: both;
}

/* 2/2 */
.list-border-3 li {
    border-bottom: none;
    line-height: 1.5;
}

.list li {
    line-height: 28px;
    margin-bottom: 0;
}

    .list li.pic .content-li h3 {
        display: inline-block;
        font-weight: bold;
    }

        .list li.pic .content-li h3 a {
            color: #333;
        }

            .list li.pic .content-li h3 a:hover {
                color: #2783d6;
            }

    .list li.pic .content-li p {
        line-height: 1.6;
        margin-top: 8px;
        text-indent: 2em;
    }

    .list li.pic {
        margin-bottom: 10px;
    }

/*首页底部*/
.yx .trans-title {
    text-align: left;
}

.yx .left .trans-title span {
    font-size: 16px;
}

.yx .left .shadow-inner h3 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.content-li p.font-12 a {
    color: #666;
}

.yx .left .shadow-inner p {
    text-indent: 2em;
    line-height: 1.6;
}

.yx .right .shadow-inner h3 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
}



.downlist span {
    text-align: center;
}


.right-content .pic-list li p {
    cursor: pointer;
    background: none;
    color: #11a3f8;
    text-align: left;
    text-indent: 0;
    font-family: "microsoft yahei";
    margin-top: 4px;
}

.pic-list li a {
    overflow: hidden;
}

    .pic-list li a img {
        transition: all 0.6s ease-in-out;
    }

    .pic-list li a:hover img {
        transform: scale(1.1,1.1);
    }




/* 2016/2/15新增 */
.pic-hover a.video .trans-title:before {
    content: " ";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 25px;
    background: url("../images/video.png") no-repeat 3px 21px;
}

.pic-hover a.picture .trans-title:before {
    content: " ";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 25px;
    background: url("../images/picture.png") no-repeat 3px 21px;
}

.trans-title span {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.3;
}

.yx .trans-title span {
    text-align: left;
}

#content {
    background: #fff url("../images/content-bg.png") repeat-x scroll center top;
    border-top: 2px solid #68b7fc;
    padding-top: 10px;
    color: #222;
}

    #content .left-content li a {
        color: #333;
    }

.info ul li a {
    display: block;
    padding-left: 20px;
}

#content .right-content {
    background-color: #fff;
    width: 935px;
}

.c-notice {
    border: 1px solid #ddd;
    height: 33px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .c-notice .c-n-l {
        background: rgba(0, 0, 0, 0) url("../images/2018/noticeleft.png") no-repeat scroll 0 0;
        color: #fff;
        display: block;
        float: left;
        font-size: 13px;
        line-height: 33px;
        height: 100%;
        padding-left: 33px;
        position: relative;
        width: 50px;
    }

    .c-notice a.c-n-r {
        display: block;
        float: right;
        height: 33px;
        line-height: 33px;
        padding-left: 1em;
        width: 40px;
        padding-right: 5px;
        color: #378cd9;
    }

.c-n-c {
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    width: 600px;
}

.c-notice ul {
    display: block;
    float: left;
    overflow: hidden;
    width: 6000px;
}

    .c-notice ul li {
        float: left;
        height: 33px;
        width: 600px;
    }

        .c-notice ul li b {
            background: #005b01 none repeat scroll 0 0;
            float: left;
            height: 3px;
            margin: 14px 5px 14px 10px;
            width: 3px;
            display: none;
        }

        .c-notice ul li a {
            color: #333;
            display: block;
            float: left;
            line-height: 33px;
            overflow: hidden;
            width: 580px;
        }

.content_box {
    margin-bottom: 10px;
    position: relative;
}

.blue-tips {
    background-color: #e6f1fd;
    border: 1px solid #80bdfa;
    color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}

    .blue-tips .title {
        font-size: 15px;
        font-weight: bold;
        text-align: center;
    }

.org-tips {
    background: #fff5d1 none repeat scroll 0 0;
    border: 1px solid #ffb431;
    color: #333;
    font: 12px/2em normal;
    list-style: inside none disc;
    margin: 10px auto;
    padding: 10px 16px;
}

    .org-tips ul.dot, .org-tips ul.dot li {
        font-size: 13px;
        line-height: 1.5em;
        list-style: inside none disc;
    }

ul.dot li {
    font-size: 12px;
    line-height: 24px;
    list-style: inside none square;
}

    ul.dot li span {
        font-size: 12px;
    }

    ul.dot li a {
        font-size: 12px;
    }

.caption.panel {
    height: 20px;
    overflow: hidden;
}

.content_box .caption {
    /*background-color: #ddf1fc;*/
    height: 24px;
    padding: 5px 8px;
}

.caption.panel a.cur {
    background-color: #fff;
    color: #0889da;
    padding-bottom: 10px;
}

.caption.panel a {
    color: #333;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mr10 {
    margin-right: 10px;
}

#content .table-normal {
    border: medium none;
    color: #333;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

    #content .table-normal tr {
        border: medium none;
    }

.table-normal th, .table-normal td {
    font-weight: normal;
    height: 32px;
    padding: 2px 5px;
}

#content .table-normal td {
    border: medium none;
    text-indent: 0;
}

#content .th-grey th, #content .th-grey td {
    border: 1px solid #ddd;
    height: 32px;
    padding: 1px 5px;
    font-weight: normal;
}

#content .table-normal.f12 td {
    font-size: 12px;
    color: #000;
}

#content .table-normal.f13 td {
    font-size: 13px;
    color: #000;
}

tr.tips {
    background-color: #fff;
    color: #333;
    font-size: 12px;
    height: 20px;
}

.th-grey th {
    background-color: #f3f3f3;
    color: #111;
}

td.left {
    float: none;
    text-align: left;
    width: auto;
}

.big_panel {
    background: rgba(0, 0, 0, 0) url("../images/add_new.png") no-repeat scroll 140px center;
    border: 2px solid #0092d5;
    color: #0092d5;
    display: block;
    font-size: 24px;
    opacity: 0.5;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
    transition: all 0.5s ease 0s;
}

    .big_panel:hover {
        background-color: #eaf5fc;
        color: #0092d5;
        opacity: 1;
    }

.btn_blue_4 {
    background-color: #ddf1fc;
    border: 1px solid #159aff;
    border-radius: 4px;
    color: #159aff;
    cursor: pointer;
    padding: 2px 6px;
}

.btn-blue-2 {
    background: #0094e0 url("../images/btn/btn_blue_1.png") repeat-x scroll left center;
    border: 1px solid #0094e0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
}

.btn_gre_2 {
    background-color: #8ec65b;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 7px 15px;
}

.mg_r_10 {
    margin-right: 10px;
}

a[class*="btn-"] {
    color: #fff;
    font-size: 14px;
}

[class*="btn_"]:hover, [class*="btn-"]:hover {
    opacity: 0.8;
}

.btn-green-2 {
    background: rgba(0, 0, 0, 0) url("../images/btn/btn_green.png") repeat-x scroll left center;
    border: 1px solid #99c65e;
    border-radius: 3px;
    color: #222 !important;
    display: inline-block;
    font-size: 13px;
    padding: 2px 5px;
    vertical-align: middle;
}

.kp_stepBar {
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
}

    .kp_stepBar li:first-child {
        background: rgba(0, 0, 0, 0) url("../images/back/topbar_bg1.png") no-repeat scroll 0 0;
        margin-left: 16px;
    }

    .kp_stepBar li {
        background: rgba(0, 0, 0, 0) url("../images/back/topbar_bg2.png") no-repeat scroll 0 0;
        float: left;
        height: 34px;
        margin-left: -5px;
        width: 110px;
    }

        .kp_stepBar li:hover, .kp_stepBar li.current {
            background-position: 0 -40px;
            color: #fff;
        }

            .kp_stepBar li:hover a, .kp_stepBar li.current a {
                color: #fff;
            }

        .kp_stepBar li a {
            display: block;
            height: 34px;
            line-height: 34px;
            padding-left: 16px;
        }

.step1_introduce {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 20px auto;
    padding: 20px;
}

.style_h1 {
    display: block;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

input.h28[type="text"] {
    height: 28px;
    line-height: 28px;
}

input[type="text"] {
    text-indent: 3px;
}

.red_after::after {
    color: red;
    content: "*";
    position: absolute;
    right: 0;
}

.red_after {
    position: relative;
}

.table-normal input[type="text"] {
    padding-left: 5px;
    transition: all 0.3s ease 0s;
}

.table-normal input[type="text"], .table-normal input[type="password"], .item input[type="text"] {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

input[type="text"] {
    text-indent: 3px;
}

.subjectList {
    border: 1px solid #e7e7eb;
    margin-top: 5px;
    overflow: hidden;
}

    .subjectList ul, .subjectList li, .subjectList a {
        margin: 0;
        overflow: hidden;
        padding: 4px 0 4px 15px;
    }

        .subjectList ul li.selected, .subjectList ul li.selected:hover, .subjectList a.selected, .subjectList a.selected:hover {
            background: #fff4ee url("../images/selected.gif") no-repeat scroll right top;
            border: 1px solid #ff6600;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        }

        .subjectList ul li, .subjectList a {
            background: #f2f2f2 url("../images/selected.gif") no-repeat scroll 82px -30px;
            border: 1px solid #e7e7eb;
            display: block;
            float: left;
            height: 82px;
            margin: 3px 8px;
            overflow: hidden;
            padding: 0;
            position: relative;
            transition: all 0.2s ease-out 0s;
            width: 82px;
        }

            .subjectList ul li input, .subjectList a input {
                left: 4px;
                opacity: 0;
                position: absolute;
                top: 4px;
            }

input, textarea, select, button {
    font: 14px Verdana,Helvetica,Arial,sans-serif;
}

.subjectList a.ma label, .subjectList ul li.ma label {
    background: rgba(0, 0, 0, 0) url("../images/ico-ma.png") no-repeat scroll center 12px;
}

.subjectList a.co label, .subjectList ul li.co label {
    background: url(../images/ico-co.png) no-repeat center 12px;
}

.subjectList a.ph label, .subjectList ul li.ph label {
    background: url(../images/ico-ph.png) no-repeat center 12px;
}

.subjectList a.ea label, .subjectList ul li.ea label {
    background: url(../images/ico-ea.png) no-repeat center 12px;
}

.subjectList a.en label, .subjectList ul li.en label {
    background: url(../images/ico-en.png) no-repeat center 12px;
}

.subjectList a.an label, .subjectList ul li.an label {
    background: url(../images/ico-an.png) no-repeat center 12px;
}

.subjectList a.va label, .subjectList ul li.va label {
    background: url(../images/ico-va.png) no-repeat center 12px;
}

.subjectList a.mi label, .subjectList ul li.mi label {
    background: url(../images/ico-mi.png) no-repeat center 12px;
}

.subjectList a.me label, .subjectList ul li.me label {
    background: url(../images/ico-me.png) no-repeat center 12px;
}

.subjectList a.ch label, .subjectList ul li.ch label {
    background: url(../images/ico-ch.png) no-repeat center 12px;
}

.subjectList a.bi label, .subjectList ul li.bi label {
    background: url(../images/ico-bi.png) no-repeat center 12px;
}

.subjectList a.ev label, .subjectList ul li.ev label {
    background: url(../images/ico-ev.png) no-repeat center 12px;
}

.subjectList a.so label, .subjectList ul li.so label {
    background: url(../images/ico-so.png) no-repeat center 12px;
}

.subjectList a.document label, .subjectList ul li.document label {
    background: url(../images/ico-document.png) no-repeat center 12px;
}

.subjectList a.ppt label, .subjectList ul li.ppt label {
    background: url(../images/ico-ppt.png) no-repeat center 12px;
}

.subjectList a.video label, .subjectList ul li.video label {
    background: url(../images/ico-video.png) no-repeat center 12px;
}

.subjectList a.photo label, .subjectList ul li.photo label {
    background: url(../images/ico-photo.png) no-repeat center 12px;
}

.subjectList a.lw label, .subjectList ul li.lw label {
    background: url(../images/ico-lw.png) no-repeat center 12px;
}

.subjectList a.pt label, .subjectList ul li.pt label {
    background: url(../images/ico-photo.png) no-repeat center 12px;
}

.subjectList a.bg label, .subjectList ul li.bg label {
    background: url(../images/ico-bg.png) no-repeat center 12px;
}

.subjectList a.wd label, .subjectList ul li.wd label {
    background: url(../images/ico-wd.png) no-repeat center 12px;
}

.subjectList a.video label, .subjectList ul li.video label {
    background: url(../images/ico-video.png) no-repeat center 12px;
}

.subjectList a.qt label, .subjectList ul li.qt label {
    background: url(../images/ico-qt.png) no-repeat center 12px;
}


/*�? �?*/
.subjectList a.so1 label, .subjectList ul li.so1 label {
    background: url(../images/ico-so1.png) no-repeat center 12px;
}

.subjectList a.ms label, .subjectList ul li.ms label {
    background: url(../images/ico-ms.png) no-repeat center 12px;
}

.subjectList a.ls label, .subjectList ul li.ls label {
    background: url(../images/ico-ls.png) no-repeat center 12px;
}

.subjectList a.td label, .subjectList ul li.td label {
    background: url(../images/ico-td.png) no-repeat center 12px;
}

.subjectList a.ot label, .subjectList ul li.ot label {
    background: url(../images/ico-ot.png) no-repeat center 12px;
}

.subjectList a.yh label, .subjectList ul li.yh label {
    background: url(../images/ico-yh.png) no-repeat center 12px;
}

.subjectList a.gh label, .subjectList ul li.gh label {
    background: url(../images/ico-gh.png) no-repeat center 12px;
}

.subjectList a.sc label, .subjectList ul li.sc label {
    background: url(../images/ico-sc.png) no-repeat center 12px;
}

.subjectList a.sf label, .subjectList ul li.sf label {
    background: url(../images/ico-sf.png) no-repeat center 12px;
}

.subjectList a.gb label, .subjectList ul li.gb label {
    background: url(../images/ico-gb.png) no-repeat center 12px;
}

.subjectList a.qb label, .subjectList ul li.qb label {
    background: url(../images/ico-qb.png) no-repeat center 12px;
}

.subjectList a.lb label, .subjectList ul li.lb label {
    background: url(../images/ico-lb.png) no-repeat center 12px;
}

.subjectList a.bh label, .subjectList ul li.bh label {
    background: url(../images/ico-bg.png) no-repeat center 12px;
}

.subjectList a.zt label, .subjectList ul li.zt label {
    background: url(../images/ico-zt.png) no-repeat center 12px;
}

.subjectList a.dn label, .subjectList ul li.dn label {
    background: url(../images/ico-dn.png) no-repeat center 12px;
}

.subjectList a.ot label, .subjectList ul li.ot label {
    background: url(../images/ico-ot.png) no-repeat center 12px;
}

.subjectList a.al label, .subjectList ul li.al label {
    background: url(../images/ico-al.png) no-repeat center 12px;
}

.subjectList a.fm1 label, .subjectList ul li.fm1 label {
    background: url(../images/ico-fm1.png) no-repeat center 12px;
}

.subjectList a.fm2 label, .subjectList ul li.fm2 label {
    background: url(../images/ico-fm2.png) no-repeat center 12px;
}

.subjectList a.fm3 label, .subjectList ul li.fm3 label {
    background: url(../images/ico-fm3.png) no-repeat center 12px;
}

.subjectList a.fm4 label, .subjectList ul li.fm4 label {
    background: url(../images/ico-fm4.png) no-repeat center 12px;
}

.subjectList a.fm5 label, .subjectList ul li.fm5 label {
    background: url(../images/ico-fm5.png) no-repeat center 12px;
}

.subjectList a.fm6 label, .subjectList ul li.fm6 label {
    background: url(../images/ico-fm6.png) no-repeat center 12px;
}

.subjectList a.fm7 label, .subjectList ul li.fm7 label {
    background: url(../images/ico-fm7.png) no-repeat center 12px;
}

.subjectList a.z1 label, .subjectList ul li.z1 label {
    background: url(../images/ico-z1.png) no-repeat center 12px;
}

.subjectList a.z2 label, .subjectList ul li.z2 label {
    background: url(../images/ico-z2.png) no-repeat center 12px;
}

.subjectList a.z3 label, .subjectList ul li.z3 label {
    background: url(../images/ico-z3.png) no-repeat center 12px;
}

.subjectList a.z4 label, .subjectList ul li.z4 label {
    background: url(../images/ico-z4.png) no-repeat center 12px;
}

.subjectList a.z5 label, .subjectList ul li.z5 label {
    background: url(../images/ico-z5.png) no-repeat center 12px;
}

.subjectList a.e1 label, .subjectList ul li.e1 label {
    background: url(../images/ico-e1.png) no-repeat center 12px;
}

.subjectList a.e2 label, .subjectList ul li.e2 label {
    background: url(../images/ico-e2.png) no-repeat center 12px;
}

/*�? �?*/
.table-normal input[type="radio"] + label {
    padding-right: 5px;
}

.subjectList ul li label, .subjectList a label {
    display: block;
    font-size: 12px;
    height: 20px;
    left: -4px;
    line-height: 16px;
    margin-left: 4px;
    margin-right: 10px;
    min-width: 80px;
    padding-top: 50px;
    position: relative;
    text-align: center;
    width: 80px;
}

.subjectList span.info {
    display: none;
}

.user_center .info {
    border: 1px solid #b9def1;
    margin-bottom: 10px;
}

.table-normal input[type="text"], .table-normal input[type="password"], .item input[type="text"] {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

input[type="text"] {
    text-indent: 3px;
}

div.tagsinput {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    padding: 4px;
    width: 230px;
}

.tagsinput {
    position: relative;
}

    .tagsinput input {
        border: none !important;
        height: 20px;
    }

#content .tagsinput input:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none;
}

div.tagsinput span.tag {
    background: #cde69c none repeat scroll 0 0;
    border: 1px solid #a5d24a;
    color: #638421;
    display: block;
    float: left;
    font-family: helvetica;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px;
    text-decoration: none;
}

.tagsinput input.not_valid {
    background-color: #ffb09c;
}

div.tagsinput span.tag {
    color: #638421;
    font-family: helvetica;
    font-size: 12px;
}

.red_before::before {
    color: red;
    content: "*";
}

.table-normal textarea {
    border: 1px solid #aaa;
    font-size: 13px;
    padding: 3px;
    resize: none;
    width: 99.4%;
}

.jTextCharCounterMsg div.msgMax, .jTextCharCounterMsg div.msgCount, .jTextCharCounterMsg div.msgInfo {
    display: inline;
    margin-right: 20px;
}

    .jTextCharCounterMsg div.msgMax span, .jTextCharCounterMsg div.msgCount span, .jTextCharCounterMsg div.msgInfo span {
        font-size: 14px;
    }

    .jTextCharCounterMsg div.msgInfo.ok {
        color: #32a238;
    }

a.add_user, a.add_stu, a.add_teacher, .add_user_group a {
    border: 2px solid #bfdef3;
    color: #888;
    cursor: pointer;
    display: table-cell;
    font-size: 22px;
    height: 120px;
    text-align: center;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 378px;
}

    a.add_user:hover, a.add_teacher:hover, a.add_stu:hover {
        background-color: #eaf5fc;
        border-color: #0193de;
        color: #0193de;
    }

.add_1 {
    background: rgba(0, 0, 0, 0) url("../images/add_user_1.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    width: 50px;
}

.add_2, .add_3 {
    background: rgba(0, 0, 0, 0) url("../images/add_user_group.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    width: 50px;
}

img.stu_ico {
    height: 160px;
    width: 125px;
}

.ico-doc, .ico-docx, .ico-wps, .ico-pdf, .ico-jpg, .ico-jpeg, .ico-gif, .ico-png, .ico-mp4, .ico-avi, .ico-3gp, .ico-mov, .ico-wmv, .ico-rar, .ico-zip, .ico-xls, .ico-xlsx, .ico-ppt, .ico-pptx, .ico-dir, .ico-more, .ico-et, .ico-bmp, .ico-txt {
    background: rgba(0, 0, 0, 0) url("../images/file.png") no-repeat scroll 0 0;
    color: #666;
    font-size: 12px;
    margin-right: 5px;
    padding-left: 20px;
}

.ico-wps {
    background-position: 0 -30px;
}

.ico-pdf {
    background-position: 0 -60px;
}

.ico-ppt, .ico-pptx {
    background-position: 0 -210px;
}

.ico-rar, .ico-zip {
    background-position: 0 -150px;
}

.ico-jpg, .ico-png, .ico-jpeg, .ico-bmp, .ico-gif {
    background-position: 0 -90px;
}

i.result.icon-ok {
    color: #00be00;
    font-size: 16px;
    margin: auto 2px;
}

i.result.icon-remove {
    color: #df550d;
    font-size: 16px;
    margin: auto 2px;
}

#content input.qq {
    background: rgba(0, 0, 0, 0) url("../images/icon-qq.png") no-repeat scroll 2px center;
    padding-left: 20px;
}

#content input.weixin {
    background: rgba(0, 0, 0, 0) url("../images/icon-weixin.png") no-repeat scroll 2px center;
    padding-left: 20px;
}

#content input.weibo {
    background: rgba(0, 0, 0, 0) url("../images/icon-weibo.png") no-repeat scroll 2px center;
    padding-left: 20px;
}

#content input.facebook {
    background: rgba(0, 0, 0, 0) url("../images/icon-facebook.png") no-repeat scroll 2px center;
    padding-left: 20px;
}

#content input.twitter {
    background: rgba(0, 0, 0, 0) url("../images/icon-twitter.png") no-repeat scroll 2px center;
    padding-left: 20px;
}

#content input:focus {
    border: 1px solid #ffa12f;
    box-shadow: 0 0 3px #aaa;
}

.table_title {
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    text-align: center;
}

i.w20[class*="icon-"] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

i.w25[class*="icon-"] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

i.w23[class*="icon-"] {
    display: inline-block;
    text-align: center;
    width: 23px;
}

.subjectList p.subjectIntro {
    font-size: 12px;
    line-height: 20px;
    text-indent: 0;
}

.caption span.menu_admin a:hover, .caption span.menu_admin a.current {
    background-color: #fff;
    color: #0889da;
    font-weight: bold;
}

.caption span.menu_admin a {
    display: inline-block;
    margin-right: 10px;
    /*float: left;*/
    /*margin-bottom: -5px;*/
    /*padding: 3px 10px 8px;*/
}

    .caption span.menu_admin a:hover, .caption span.menu_admin a.current {
        background-color: #fff;
        color: #0889da;
    }

.act_type a {
    border: 2px solid #bfdef3;
    color: #999;
    display: inline-block;
    margin-right: 3px;
    padding: 5px 2px;
}

    .act_type a:hover, .act_type a.current {
        background-color: #eaf5fc;
        border-color: #0193de;
        color: #0193de;
    }

.content_box .option {
    padding: 10px;
    text-align: right;
}

.h24 {
    height: 24px;
}

.btn_blue_5 {
    background-color: #ddf1fc;
    border: 1px solid #159aff;
    border-radius: 4px;
    color: #159aff;
    cursor: pointer;
    padding: 1px 9px;
}

.pageList {
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
}

    .pageList span.red {
        border: medium none;
        color: red;
    }

    .pageList span {
        border: 1px solid #e2e2e2;
        color: #666;
        cursor: pointer;
        display: inline-block;
        font: 12px/30px "Microsoft YaHei";
        height: 30px;
        margin-right: 5px;
        text-align: center;
        width: 30px;
    }

.style_h1 {
    display: block;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

.list-ol {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ccc;
    line-height: 24px;
    margin: 10px 0;
    padding: 6px 10px;
}

    .list-ol li {
        font-size: 12px;
        list-style: inside none decimal;
    }

.red_before::before {
    color: red;
    content: "*";
}

.controlGroup {
    border-bottom: 1px dotted #e7e7e7;
    display: block;
    padding: 6px 0;
}

    .controlGroup label:first-child {
        display: inline-block;
        text-align: right;
        width: 100px;
    }

    .controlGroup input[type="text"] {
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 1px 1px #efefef inset;
        padding: 6px 0;
    }

.newsInfo h4 {
    background: #fafafc none repeat scroll 0 0;
    border-bottom: 1px solid #e7e7eb;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}

    .newsInfo h4 span {
        display: block;
        font-weight: normal;
    }

.newsInfo .deatils {
    border-bottom: 1px dotted #e7e7eb;
    display: block;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.newsInfo {
    border: 1px solid #ccc;
    margin: 0;
    overflow: hidden;
}

    .newsInfo .deatils em {
        color: #999;
        font-weight: normal;
        margin-left: 10px;
    }

    .newsInfo .content strong {
        font-weight: bold;
    }

    .newsInfo .content p {
        color: #666;
        line-height: 24px;
    }

    .newsInfo .content {
        max-height: 500px;
        overflow: auto;
        padding: 10px 20px;
    }

.leftSelect .dropdown {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: medium none;
    border-left: medium none;
    border-top: medium none;
    height: 36px;
}

    .leftSelect .dropdown span.selected {
        font-size: 14px;
        font-weight: bold;
        padding: 12px 20px;
        z-index: 99;
    }

.dropdown .carat {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px 6px 6px;
    margin-top: -4px;
    position: absolute;
    right: 12px;
    top: 50%;
}

.rightQuery {
    position: absolute;
    right: 5px;
    top: 0;
}

    .rightQuery .search input, .rightQuery .search input:hover, .rightQuery .search input:focus {
        background-color: transparent;
        border: medium none;
        box-shadow: none;
        line-height: 24px;
        margin: 0;
        padding: 0 4px;
        vertical-align: bottom;
        width: 128px;
    }

    .rightQuery .search a.apply {
        background-color: #f2f2f2;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        display: inline-block;
        height: 26px;
        line-height: 26px;
        margin: 0;
        text-align: center;
        width: 60px;
    }

    .rightQuery a.reset {
        background-color: #fafafa;
        color: #999;
        display: inline-block;
        height: 26px;
        line-height: 26px;
        text-align: center;
        width: 36px;
    }

    .rightQuery .search:hover a.apply {
        background-color: #1375CC;
        border-left: 1px solid #1375CC;
        border-right: 1px solid #1375CC;
        color: #fff;
    }

    .rightQuery .search:hover {
        border: 1px solid #1375CC;
    }

    .rightQuery a.reset:hover {
        color: #1375cc;
        ;
    }

.topQueryPanel {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    display: block;
    height: 36px;
    margin-bottom: 10px;
    position: relative;
}

.leftSelect .dropdown:hover .carat {
    border-top: 8px solid #1375cc;
}

.dropdown.open .carat {
    border-bottom: 8px solid #000;
    border-top: 6px solid transparent;
    margin-top: -10px;
}

.leftSelect .dropdown.open:hover .carat {
    border-bottom: 8px solid #1375CC;
    border-top: 6px solid transparent;
}

.leftSelect .dropdown li {
    margin: 0 1px;
    padding: 10px 20px;
}

    .leftSelect .dropdown li:hover {
        background-color: #1375CC;
        color: #fff;
    }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    height: 20px;
    border: none;
    background-color: #e9e9e9;
}

.ui-datepicker select.ui-datepicker-year {
    padding-left: 10px !important;
}

.ui-datepicker select.ui-datepicker-month {
    padding-left: 10px !important;
}

#txtKeywords_tag {
    height: 30px;
}

.right-content .box {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    padding: 20px;
}

.box.account .item {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .box.account .item:hover {
        background-color: #f8f8f8;
    }

    .box.account .item b + span {
        display: inline-block;
        vertical-align: middle;
        width: 400px;
    }

    .box.account .item .Fright span {
        padding: 0px 5px;
    }

a.btn-blue-1 {
    background-color: #fff;
    border: 1px solid #6dabeb;
    border-radius: 2px;
    color: #5a89cf;
    display: inline-block;
    font-size: 12px;
    padding: 6px 20px;
    vertical-align: middle;
}

a.btn-green-3, .btn-green-3 {
    background-color: #7dc40c;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 7px 20px;
    vertical-align: middle;
    border: 0;
}

a.btn-blue-1:hover {
    background-color: #6dabeb;
    color: #fff;
}

.v-pass h4 {
    font-weight: bold;
    line-height: 2em;
    text-align: center;
}

.v-pass .code {
    height: 28px;
    text-indent: 3px;
    vertical-align: middle;
    width: 150px;
}

.box .title-bar-fix {
    height: 33px;
    margin-bottom: 10px;
    position: relative;
}

    .box .title-bar-fix .grey-line {
        background-color: #e5e5e5;
        border: medium;
        bottom: 0;
        height: 1px;
        position: absolute;
        width: 100%;
    }

    .box .title-bar-fix.for-pass .edit.cur, .box .title-bar-fix.for-pass .protect.cur {
        border-bottom: 2px solid #5a89cf;
        color: #5a89cf;
        padding-bottom: 5px;
    }

    .box .title-bar-fix.for-pass .edit, .box .title-bar-fix.for-pass .protect {
        bottom: 0;
        color: #333;
        display: inline-block;
        font-size: 15px;
        line-height: 15px;
        padding-bottom: 7px;
        padding-left: 5px;
        padding-right: 5px;
        position: absolute;
        z-index: 100;
    }

    .box .title-bar-fix.for-pass .protect {
        left: 80px;
    }

.pass_grade span {
    background-color: #aed3ee;
    color: #fff;
    display: inline-block;
    margin: 5px;
    padding: 1px 20px;
    text-align: center;
}

a.btn-green-1 {
    background-color: #7dc40c;
    border: medium none;
    border-radius: 3px;
    display: inline-block;
    padding: 8px 30px;
}


/*面包屑导�?*/
.nav-bread {
    height: 30px;
    margin-bottom: 10px;
    padding-left: 0px;
    text-align: center;
}

    .nav-bread li {
        display: inline-block;
        line-height: 30px;
        height: 30px;
        position: relative;
        background-color: #4ca1fc;
        color: #fff;
        padding: 0 20px;
        vertical-align: top;
    }

        .nav-bread li::before, .nav-bread li::after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
        }

        .nav-bread li::after {
            border-bottom: 15px solid transparent;
            border-left: 15px solid #4ca1fc;
            border-top: 15px solid transparent;
            bottom: 0;
            right: -15px;
            z-index: 1;
        }

    .nav-bread li {
        padding-right: 15px;
    }

    .nav-bread.nav-bread-8 li {
        padding-right: 0;
        float: left;
        margin-right: 4px;
    }

    .nav-bread li a {
        color: #fff;
    }

    .nav-bread li.current {
        background-color: #7dc40c;
    }

        .nav-bread li.current:after {
            border-left: 15px solid #7dc40c;
        }

    .nav-bread li:hover {
        background-color: #7dc40c;
    }

        .nav-bread li:hover:after {
            border-left: 15px solid #7dc40c;
        }

    .nav-bread li:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .nav-bread li:not(:first-child)::before {
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ffffff;
        border-top: 15px solid transparent;
        left: 0;
        top: 0;
    }

.abs {
    position: absolute;
}

.has {
    overflow: visible;
    margin-top: 20px;
}

.hastitle {
    position: relative;
    overflow: visible;
    padding-top: 20px;
}

    .hastitle .title1 {
        border: 1px solid #ffb431;
        background: #fff5d1;
        padding: 5px 15px;
        position: absolute;
        z-index: 10;
        top: -30px;
    }

    .hastitle .title2 {
        border: 1px solid #bcdcf3;
        background-color: #fff;
        padding: 5px 25px;
        position: absolute;
        z-index: 10;
        top: -16px;
        left: 25px;
    }
/*面包屑导航结�?*/
.content_box .style_h1 {
    margin: 10px 0;
}

.content_box .table_normal {
    margin-bottom: 20px;
}

.table_normal {
    color: #444;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

    .table_normal th, .table_normal td {
        height: 32px;
        font-weight: normal;
        padding: 0 5px 3px;
    }

.th_grey th {
    background-color: #f3f3f3;
}

.th_grey th, .th_grey td {
    height: 32px;
    padding: 1px 5px 1px;
    border: 1px solid #dddddd;
}

.table_normal textarea {
    border: 1px solid #aaa;
    font-size: 13px;
    resize: none;
    width: 99.5%;
}

.btn_blue_1 {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 5px;
    background: #0094e0 url("../images/btn_blue_1.png") repeat-x left center;
    border: 1px solid #0094e0;
    /*background-color: #0094e0;*/
    color: #fff;
}

a.btn_blue_1:hover, a.btn_blue_3:hover {
    color: #efff86;
}

.content_padding_10 {
    padding: 10px;
    position: relative;
}

.org_tips {
    background: #fff5d1 none repeat scroll 0 0;
    border: 1px solid #ffb431;
    color: #333;
    font: 12px/2em normal;
    list-style: inside none disc;
    margin: 10px auto 20px;
    padding: 10px 16px;
}

.bk_color {
    background: #f3f3f3;
}

table input[type=text] {
    border: 1px solid #ddd;
    height: 26px;
}

td.tc {
    text-align: center;
}

.no_hover th, .no_hover td, th.no_hover, td.no_hover {
    background-color: #fff;
}

#visit-num {
    border-radius: 4px;
    height: 28px;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px 0;
    display: inline-block;
    padding-right: 10px;
    margin-left: 18px;
    color: #fff;
    font-size: 15px;
    vertical-align: baseline;
}

    #visit-num var {
        background: url("../images/visitbg.png") no-repeat left center;
        color: #fff;
        float: left;
        font-size: 15px;
        height: 28px;
        line-height: 33px;
        margin-left: 5px;
        vertical-align: baseline;
        padding-left: 25px;
    }

    #visit-num span, .color-visit {
        color: #eb913f;
        line-height: 28px;
        height: 28px;
        font-size: 19px;
        font-family: arail;
        vertical-align: baseline;
    }

        #visit-num span.n1 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -31px;
        }

        #visit-num span.n0 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 0px;
        }

        #visit-num span.n2 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -62px;
        }

        #visit-num span.n3 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -93px;
        }

        #visit-num span.n4 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -124px;
        }

        #visit-num span.n5 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -155px;
        }

        #visit-num span.n6 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -186px;
        }

        #visit-num span.n7 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -217px;
        }

        #visit-num span.n8 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -248px;
        }

        #visit-num span.n9 {
            background: rgba(0, 0, 0, 0) url("../images/number.png") no-repeat scroll 0 -279px;
        }


.radio-control, input[type=radio] {
    vertical-align: middle;
    margin-right: 2px;
}

.pathBar {
    margin: 60px 0;
}

    .pathBar .temp {
        position: relative;
        overflow: visible;
        float: left;
    }

    .pathBar .name1, .pathBar .name2 {
        position: absolute;
        top: 30px;
        left: 50%;
        width: 112px;
        color: #666;
        text-align: center;
        margin-left: -56px;
    }

    .pathBar .name2 {
        top: -30px;
    }

    .pathBar .name1.n1 {
        left: 0;
        width: 85px;
        margin-left: 0;
    }

    .pathBar .name1.n2 {
        left: auto;
        right: 0px;
        width: 85px;
    }

    .pathBar .num {
        background: #c6c2bd;
        border-left: #9b9894 solid 1px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        display: block;
        text-align: center;
        line-height: 25px;
        color: #fff;
        box-shadow: 1px 1px 1px #fff;
    }

    .pathBar .arrow-right {
        background: #c6c2bd;
        height: 4px;
        border-top: solid 1px #a19d99;
        width: 90px;
        display: block;
        float: left;
        margin-top: 10px;
    }

.upload-info-author {
    border: 1px solid #ddd;
}

    .upload-info-author a.attach-example, .upload-info-author a.upload-pic-2 {
        display: block;
        width: 180px;
        height: 220px;
        border: 1px solid #ddd;
        position: relative;
    }

        .upload-info-author a.attach-example i.tips {
            position: absolute;
            padding: 3px 6px;
            border: 1px solid #ff7327;
            background-color: #ffdf9f;
            color: #333;
            right: 0;
            top: 0;
            font-size: 12px;
        }

        .upload-info-author a.attach-example img {
            width: 100%;
            height: 100%;
        }

        .upload-info-author a.upload-pic-2 img {
            width: 100%;
            height: 100%;
        }

    .upload-info-author .upload-info-tips {
        display: inline-block;
        width: 300px;
        height: 220px;
        border: 1px solid #ddd;
    }

    .upload-info-author .upload-info-tips1 {
        display: inline-block;
        width: 300px;
    }

    .upload-info-author .upload-info-tips .inner {
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: left;
        text-indent: 2em;
    }

.zoomWindow {
    left: -410px !important;
}

.tips-info {
    display: inline-block;
    color: #333;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    border: 1px solid #5bc0de;
    /*background-color: #dffcff;*/
    background-color: #fff;
    background-image: url("../images/info.png");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    font-style: normal;
    line-height: 16px;
}

.tips-error {
    display: inline-block;
    color: #333;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    margin: 3px;
    border: 1px solid #d9534f;
    /*background-color: #ffd3c5;*/
    background-color: #fff;
    background-image: url("../images/error.png");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    font-style: normal;
    line-height: 16px;
}

    .tips-error.for-text {
        position: absolute;
        right: 2em;
        bottom: 3em;
    }

.tips-success {
    display: inline-block;
    color: #333;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    border: 1px solid #5cb65c;
    background-color: #fff;
    background-image: url("../images/success.png");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    font-style: normal;
}

    .tips-success.no-icon {
        padding: 2px 5px;
        background-image: none;
    }
/*.uploadify{*/
/*display: block;*/
/*width: auto !important;*/
/*}*/
/*.uploadify .uploadify-button{*/
/*display: inline-block;*/
/*background-color:#ddf1fc;*/
/*vertical-align: middle !important;*/
/*border: 1px solid #159aff;*/
/*border-radius: 4px;*/
/*color: #159aff;*/
/*cursor: pointer;*/
/*padding: 2px 6px;*/
/*line-height: 18px!important;*/
/*width: auto !important;*/
/*height: auto !important;*/

/*}*/

/*.uploadify:hover .uploadify-button{*/
/*background-image: none!important;*/
/*opacity: 0.8!important;*/
/*background-color:#ddf1fc!important;*/
/*text-shadow: none!important;*/
/*}*/
/*.ovh .uploadify-queue-item {*/
/*max-width: 180px;*/
/*}*/
.btn_blue_4 {
    display: inline-block;
}

.list-inline-adj {
    width: 105%;
}

.group-big-btn a {
    border: 1px solid #ddd;
    display: inline-block;
    height: 160px;
    margin-bottom: 20px;
    margin-right: 28px;
    text-align: center;
    width: 160px;
}

    .group-big-btn a i.fa {
        color: #9cbabd;
        display: inline-block;
        font-size: 60px;
        height: 55%;
        margin-top: 20px;
        transform: rotateY(180deg);
        transition: all 0.5s ease 0s;
        width: 60%;
    }

.group-big-btn span {
    display: block;
    font-size: 14px;
}

.group-big-btn a:hover {
    border-color: #228cc9;
}

    .group-big-btn a:hover i.fa {
        color: #228cc9;
        transform: rotateY(360deg) scale(1.2);
    }

    .group-big-btn a:hover span {
        color: #228cc9;
    }

.logbox {
    position: relative;
}

    .logbox > div {
        position: relative;
    }

/*二级菜单导航 ==>stem部分*/
.stem-nav {
    height: 39px;
    border-bottom: 1px solid #EEEEEE;
}

    .stem-nav li {
        float: left;
        height: 40px;
        line-height: 40px;
    }

        .stem-nav li a {
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            display: block;
            padding: 0px 10px;
            text-align: center;
            background: #ffffff;
            position: relative;
            border-bottom: 1px solid #EEEEEE;
        }

            .stem-nav li a.cur, .stem-nav li a:hover {
                border-left: 1px solid #EEEEEE;
                border-right: 1px solid #EEEEEE;
                border-top: 3px solid #0f75bd;
                position: relative;
                top: -3px;
                border-bottom: none;
            }
/*二级菜单导航结束*/
input[type=radio] + label {
    margin-right: 5px;
    vertical-align: middle;
}

.inner-upload-item {
    height: 200px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    vertical-align: top;
}

    .inner-upload-item.inner-width {
        width: 132px;
    }

    .inner-upload-item img.inner-img {
        border: 1px solid #ddd;
        width: 100%;
        height: 80%;
    }

.normal-input[type=text] {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

select.normal-input {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}



/*tab切换：一级菜单、二级菜单*/
.tab_group #menu {
    background: url("../images/content-bg.png") repeat-x top center;
    border-bottom: 1px solid #bcdcf3;
}

    .tab_group #menu li {
        float: left;
        height: 40px;
        text-align: center;
        line-height: 40px;
        width: 90px;
    }

#menu li a {
    color: #333333;
    font-size: 15px;
    display: block;
    border-top: 2px solid #f3f3f5;
}

    #menu li a.cur, #menu li a:hover {
        border-top: 2px solid #0f75db;
        color: #0f75db;
        background: #ffffff;
        border-left: 1px solid #bcdcf3;
        border-right: 1px solid #bcdcf3;
    }

#subMenu {
    background: #ffffff;
    min-height: 50px;
    line-height: 50px;
    margin-bottom: -0px;
    border: 1px solid #bcdcf3;
    border-top: none;
    border-bottom: none;
}

    #subMenu a.bt-blue {
        display: inline-block;
        text-align: center;
        height: 30px;
        width: 70px;
        margin: 10px;
        line-height: 30px;
        padding: 0px 10px;
        color: #333333;
        border: 1px solid #ffffff;
    }

        #subMenu a.bt-blue.cur, #subMenu a.bt-blue:hover {
            border: 1px solid #0f75db;
            color: #0f75db;
        }

.three-sub {
    border: 1px solid #bcdcf3;
    border-top: none;
    border-bottom: none;
    margin-bottom: -10px;
}

    .three-sub a {
        display: inline-block;
        width: 70px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #0f75db;
        color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 5px;
        margin-right: 5px;
    }

        .three-sub a.cur, .three-sub a:hover {
            background: #f7ab00;
        }
/*tab切换：一级菜单、二级菜单结束*/

#content .th-grey-1 th {
    color: #000;
    background-color: #e2efda;
}

#content .th-grey-1 th, .th-grey-1 td, #content .table-normal.th-grey-1 th, .table-normal.th-grey-1 td {
    border: 1px solid #70ad47 !important;
}

#topMenuBg {
    height: 80px;
    background-color: #0f75bd;
}

#topMenu {
    height: 80px;
    overflow: visible;
}

    #topMenu .menuLeft {
        width: 60%;
        height: 80px;
    }

        #topMenu .menuLeft li {
            float: left;
            height: 80px;
            line-height: 80px;
            width: 14.25%;
            transition: all 0.5s ease;
        }

            #topMenu .menuLeft li.current {
                background-color: #f7ab00;
            }

            #topMenu .menuLeft li:hover {
                background-color: #f7ab00;
            }

            #topMenu .menuLeft li i {
                background: url("../images/nav_ico.png") no-repeat scroll 0 0;
                color: #fff;
                display: block;
                font-size: 14px;
                font-style: normal;
                height: 48px;
                margin: 5px auto 0;
                padding: 15px 0 0;
                text-align: center;
                width: 40px;
            }

            #topMenu .menuLeft li.qNews i {
                background-position: 0 -68px;
            }

            #topMenu .menuLeft li.qSource i {
                background-position: 0 -138px;
            }

            #topMenu .menuLeft li.qActivity i {
                background-position: 0 -208px;
            }

            #topMenu .menuLeft li.qTrain i {
                background-position: 0 -275px;
            }

            #topMenu .menuLeft li.qClass i {
                background-position: 0 -348px;
            }

            #topMenu .menuLeft li.qAnswer i {
                background-position: 0 -420px;
            }

    #topMenu .menuRight {
        width: 30%;
        height: 80px;
        position: relative;
    }

        #topMenu .menuRight li {
            float: left;
            height: 80px;
            line-height: 80px;
            width: 24.8%;
        }

.menuRight li i {
    background: url("../images/nav_r_ico.png") no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #fff;
}

.menuRight li.qPhone i {
    background-position: 0 0;
}

    .menuRight li.qPhone i:hover {
        background-position: -64px 0;
    }

.menuRight li.qShare i {
    background-position: 0 -67px;
}

    .menuRight li.qShare i:hover {
        background-position: -64px -67px;
    }

.menuRight li.qShare:hover .share {
    display: block;
}

.menuRight li.qSearch i {
    background-position: 0 -138px;
}

    .menuRight li.qSearch i:hover {
        background-position: -64px -138px;
    }

.menuRight li.qSearch:hover .search {
    display: block;
}

.menuRight li.qLogin i {
    background-position: 0 -209px;
    cursor: pointer;
}

    .menuRight li.qLogin i:hover {
        background-position: -64px -209px;
    }

#loginForm {
    position: absolute;
    width: 280px;
    height: 200px;
    background-color: #f7ab00;
    right: 20px;
    top: 70px;
    z-index: 100;
    display: none;
}

    #loginForm > i:first-child {
        display: block;
        width: 18px;
        height: 18px;
        background-image: url("../images/closeBtn.png");
        float: right;
        cursor: pointer;
    }

    #loginForm > div {
        width: 85%;
        height: 80%;
        margin: 20px auto;
    }

    #loginForm div[class*=user] {
        width: 100%;
        height: 25px;
        margin-bottom: 15px;
        position: relative;
    }

table.td-left td {
    text-align: left;
}

#loginForm div.user_code {
    width: 50%;
    float: left;
}

#loginForm div.code_img {
    width: 40%;
    float: left;
    margin-left: 10px;
}

    #loginForm div.code_img img {
        width: 90px;
        height: 30px;
    }

#loginForm > div input {
    width: 100%;
    height: 30px;
    border-radius: 5px;
}

#topMenu div[class*=user] label {
    color: #aaa;
    cursor: text;
    font-size: 14px;
    left: 18px;
    line-height: 16px;
    position: absolute;
    top: 6px;
}

#loginForm a {
    color: white;
    font-size: 13px;
}

    #loginForm a:hover {
        color: #5694ff;
    }

.group-tab a {
    padding: 0 10px;
    line-height: 24px;
}

    .group-tab a.cur {
        padding: 8px 10px;
        background: #fff;
        font-weight: bold;
    }

#countDown {
    float: right;
}

    #countDown em {
        color: #ff7946;
        font-size: 14px;
    }

    #countDown i {
        color: #ff7946;
        font-weight: bold;
        font-size: 16px;
    }

.nav-bread.nav-5 {
    text-align: center;
}

    .nav-bread.nav-5 li {
        min-width: 110px;
        text-align: center;
    }

        .nav-bread.nav-5 li.last {
            padding-right: 20px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

            .nav-bread.nav-5 li.last::after {
                border: 0;
            }

        .nav-bread.nav-5 li:hover, .nav-bread.nav-5 li.current {
            background-color: #ffa12d;
        }

            .nav-bread.nav-5 li.current::after, .nav-bread.nav-5 li:hover::after {
                border-left-color: #ffa12d;
            }

.bt-step {
    border: 1px solid #DDD;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: linear-gradient(to bottom, #fefefe, #eee);
    display: inline-block;
    width: 140px;
    text-align: center;
    color: #444;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .bt-step em {
        display: inline-block;
        height: 16px;
        line-height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #ccc;
        color: #fff;
    }

    .bt-step span {
    }

    .bt-step.cur, .bt-step:hover {
        background: #ffa12d;
        color: #fff;
    }

        .bt-step.cur em, .bt-step:hover em {
            background: #fff;
            color: #ffa12d;
        }

select.h28 {
    line-height: 28px;
    height: 28px;
}

input.h28 {
    border: 1px solid #ddd;
    height: 26px;
    line-height: 26px;
}

.mb5 {
    margin-bottom: 5px;
}

.nav-6 {
    position: relative;
}

    .nav-6::before {
        content: "";
        height: 0;
        position: absolute;
        width: 90%;
        border-top: 6px #ccc solid;
        top: 43px;
        left: 10px;
    }

    .nav-6 li {
        float: left;
        padding: 10px;
        background: #ccc;
        border-radius: 50%;
        margin-right: 66px;
        margin-left: 10px;
        position: relative;
    }

        .nav-6 li::after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border-bottom: 15px solid transparent;
            border-left: 15px solid #ccc;
            border-top: 15px solid transparent;
            top: 30px;
            right: -10px;
            z-index: 1;
        }

        .nav-6 li:last-child::after {
            border: 0;
        }

        .nav-6 li:last-child {
            margin-right: 0;
            margin-left: 1px;
        }

        .nav-6 li a {
            display: block;
            width: 65px;
            height: 65px;
            text-align: center;
            line-height: 65px;
            background: #ccc;
            border: solid 4px #fff;
            border-radius: 50%;
        }

        .nav-6 li.current {
            background: #0268cc;
        }

            .nav-6 li.current a {
                background: #0268cc;
                color: #fff;
            }

            .nav-6 li.current::after {
                border-left: 15px solid #0268cc;
            }

    .nav-6.nav-6-4 li {
        margin-right: 154px;
    }

        .nav-6.nav-6-4 li:last-child {
            margin-right: 0;
            margin-left: 1px;
        }

    .nav-6 .time {
        position: absolute;
        top: 100px;
        left: -40px;
        width: 270px;
    }

.nav-small {
    position: relative;
    width: 700px;
    margin: 10px auto;
    z-index: 3;
}

    .nav-small:before {
        content: "";
        height: 0;
        position: absolute;
        width: 83%;
        border-top: 5px #9099a2 solid;
        top: 13px;
        z-index: 1;
        left: 60px;
    }

    .nav-small a {
        display: block;
        float: left;
        width: 20%;
        position: relative;
        z-index: 3;
        text-align: center;
    }

    .nav-small .num {
        display: block;
        border: solid 4px #9099a2;
        width: 27px;
        height: 27px;
        text-align: center;
        border-radius: 50%;
        margin: 0 auto;
    }

    .nav-small a em {
        background: #9099a2;
        display: block;
        width: 17px;
        height: 17px;
        line-height: 15px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        border: 5px #fff solid;
    }

    .nav-small .cur {
        color: #0268cc;
    }

        .nav-small .cur .num {
            border: solid 4px #0268cc;
        }

    .nav-small a.cur em {
        background: #0268cc;
    }

.nav-small-4 a {
    width: 25%;
}

.nav-small.nav-small-3:before, .nav-small.nav-small-4:before {
    width: 70%;
}

.nav-small-3, .nav-small-4 {
    width: 400px;
}

    .nav-small-3 a {
        width: 33%;
    }

.nav-small.nav-small-2:before {
    width: 60%;
}

.nav-small-2 {
    width: 300px;
}

    .nav-small-2 a {
        width: 50%;
    }


.tagsinput input {
    width: 100% !important;
}

.uploadadd {
    margin-top: 40px;
    display: inline-block;
}

.upload-info-author .btn_blue_4 {
    vertical-align: middle;
}

.title-apply {
    font-size: 18px;
    color: #2568cd;
    font-weight: normal;
}
/*2016-12-1新增*/
td input.qq[type="text"] {
    background: rgba(0, 0, 0, 0) url("../images/base/icon-qq.png") no-repeat scroll 2px center;
    padding-left: 24px;
}

td input.weixin[type="text"] {
    background: rgba(0, 0, 0, 0) url("../images/base/icon-weixin.png") no-repeat scroll 2px center;
    padding-left: 24px;
}

td input.weibo[type="text"] {
    background: rgba(0, 0, 0, 0) url("../images/base/icon-weibo.png") no-repeat scroll 2px center;
    padding-left: 24px;
}

td input.facebook[type="text"] {
    background: rgba(0, 0, 0, 0) url("../images/base/icon-facebook.png") no-repeat scroll 2px center;
    padding-left: 24px;
}

td input.twitter[type="text"] {
    background: rgba(0, 0, 0, 0) url("../images/base/icon-twitter.png") no-repeat scroll 2px center;
    padding-left: 24px;
}

.mt5 {
    margin-top: 5px;
}

.normal-radio input[type=radio], .normal-radio input[type=radio] + label，.normal-radio input[type=checkbox], .normal-radio input[type=checkbox] + label {
    vertical-align: middle;
    display: inline-block;
}

.normal-radio.x2 input[type=checkbox] + label, .normal-radio.x2 input[type=radio] + label {
    margin-right: 20px;
    padding-right: 0;
}

.ml30 {
    margin-left: 30px;
}

.ml20 {
    margin-left: 20px;
}

.ml10 {
    margin-left: 10px;
}

.table-normal input[type="text"], .table-normal input[type="password"], .item input[type="text"] {
    height: 26px;
    line-height: 26px;
}

select.h28 {
    vertical-align: middle;
}

.table-center th, .table-center td {
    text-align: center;
}

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

.font-control {
    margin-top: 15px;
}

    .font-control p {
        color: #454545;
        font-size: 15px;
        line-height: 22px;
    }

.detail-list li {
    line-height: 28px;
    border-bottom: 1px solid #ddd;
    margin-top: 5px;
}


.container3 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
/* 清除浮动类 */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.container3 a {
    text-decoration: none;
}

.container3 ul {
    margin: 0;
    padding: 0;
}

.container3 p {
    text-indent: 0;
}

.container3 .left-content {
    color: #333;
    float: left;
    width: 880px;
}

.w910 {
    width: 910px;
}
/*公告*/
.container3 .c-notice {
    border: 1px solid #e6edf4;
    height: 44px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #f5fafd;
}

    .container3 .c-notice .c-n-l {
        background: url("../images/noticeleft.png") no-repeat scroll 8px center #ff9200;
        color: #fff;
        display: block;
        float: left;
        font-size: 16px;
        height: 25px;
        line-height: 25px;
        position: relative;
        width: 36px;
        padding-left: 34px;
        margin-top: 10px;
        margin-left: 9px;
        margin-right: 5px;
    }

    .container3 .c-notice .c-n-r {
        display: block;
        float: right;
        line-height: 44px;
        padding-left: 1em;
        width: 40px;
        color: #ff8a00;
        font-size: 14px;
        margin-right: 10px;
        background: none;
    }

.container3 .c-n-c {
    display: block;
    float: left;
    overflow: hidden;
    width: 600px;
}

.container3 .c-notice ul {
    display: block;
    float: left;
    overflow: hidden;
    width: 6000px;
}

    .container3 .c-notice ul li {
        float: left;
        width: 600px;
    }

        .container3 .c-notice ul li a {
            color: #333;
            display: block;
            float: left;
            line-height: 44px;
            overflow: hidden;
            width: 765px;
            font-size: 16px;
        }

.btn-blue1, .btn-grey2 {
    background: #01a8f4;
    color: #fff;
    font-size: 14px;
    width: 140px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    margin-left: 5px;
    float: left;
}

.icons-return {
    background: url("../images/icons-return.png") 0 0 no-repeat;
    display: inline-block;
    width: 26px;
    height: 21px;
    vertical-align: middle;
    margin-right: 5px;
}

    .icons-return.icons-02 {
        background-position: 0 -35px;
    }

.steps-bar {
    margin-top: 10px;
}

.steps-list {
    line-height: 48px;
}

    .steps-list li {
        font-size: 16px;
        float: left;
        /*width:239px;*/ /*5*/
        width: 240px; /*4*/
        position: relative;
        text-align: center;
        box-sizing: border-box;
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }

        .steps-list li a {
            display: block;
            font-size: 16px;
            color: #555;
        }

        .steps-list li:hover a {
            color: #01a8f4;
        }

    .steps-list i {
        width: 24px;
        height: 24px;
        border: solid 2px #d2d1d1;
        color: #666;
        display: inline-block;
        text-align: center;
        line-height: 24px;
        font-style: normal;
        border-radius: 50%;
        font-size: 16px;
        margin-right: 8px;
    }

    .steps-list li:before {
        content: '';
        position: absolute;
        right: -10px;
        top: 1px;
        width: 0;
        height: 0;
        border-top: 24px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 24px solid transparent;
        z-index: 2;
    }

    .steps-list li:after {
        content: '';
        position: absolute;
        right: -11px;
        top: 1px;
        width: 0;
        height: 0;
        border-top: 24px solid transparent;
        border-left: 10px solid #ddd;
        border-bottom: 24px solid transparent;
        z-index: 1;
    }

    .steps-list li:first-child {
        border-left: 1px solid #ddd;
    }

    .steps-list li.cur:first-child, .steps-list li.done:first-child {
        border-left: 0;
    }

    .steps-list li:last-child {
        border-right: 1px solid #ddd;
    }

    .steps-list li.cur:last-child, .steps-list li.done:last-child {
        border-right: 0;
    }

    .steps-list li.cur {
        background: #ff9200;
        color: #fff;
    }

    .steps-list li.done {
        background: #01a8f4;
        color: #fff;
    }

        .steps-list li.cur a, .steps-list li.done a {
            color: #fff;
        }

    .steps-list li.cur:before {
        border-left: 10px solid #ff9200;
    }

    .steps-list li.done:before {
        border-left: 10px solid #01a8f4;
    }

    .steps-list li.cur i, .steps-list li.done i {
        border-color: #fff;
        color: #fff;
    }

    .steps-list li:last-child:before, .steps-list li:last-child:after {
        border: 0;
    }

.border-box {
    border: solid 1px #ddd;
    padding: 10px;
    margin-top: 10px;
}

.vm {
    vertical-align: middle;
}

.v-step-box {
    width: 238px;
    float: right;
}

.v-steps {
    border: 1px solid #378cd9;
    padding: 20px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
}

    .v-steps .it {
        overflow: visible;
        border-left: 4px solid #378cd9;
        margin-left: 10px;
        font-size: 14px;
        padding-bottom: 20px;
    }

        .v-steps .it.f12 {
            font-size: 12px;
        }

        .v-steps .it.last, .v-steps .it:last-child {
            padding-bottom: 0;
        }

        .v-steps .it a.title {
            display: block;
            padding-left: 20px;
            position: relative;
            line-height: 22px;
            color: #666;
            font-size: 16px;
            top: -1px;
            left: 0px;
        }

        .v-steps .it a.sec {
            display: block;
            padding-left: 25px;
            position: relative;
            line-height: 24px;
        }

            .v-steps .it a.sec.cur {
                display: block;
                padding-left: 25px;
                position: relative;
                line-height: 24px;
                color: #ffa12d;
            }

        .v-steps .it a:hover {
            color: #01a8f4;
        }

        .v-steps .it a.sec.cur:before {
            display: block;
            content: ' ';
            width: 9px;
            height: 9px;
            border: 1px solid #fff;
            background-color: #ffa12d;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            top: 7px;
            left: -7px;
        }

        .v-steps .it.done a.sec:before, .v-steps .it a.sec.done:before {
            display: block;
            content: ' ';
            width: 9px;
            height: 9px;
            border: 1px solid #fff;
            background-color: #01a8f4;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            top: 7px;
            left: -7px;
        }

        .v-steps .it a.title:before {
            display: block;
            content: ' ';
            width: 24px;
            height: 24px;
            position: absolute;
            top: 0;
            left: -14px;
            background-color: #01a8f4;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("../images/v1.png");
        }

        .v-steps .it a.title.done:before {
            background-image: url("../images/v3.png");
        }

        .v-steps .it a.title.cur:before {
            background-image: url("../images/v2.png");
            background-color: #ffa12d;
        }

        .v-steps .it a.title.cur {
            color: #ffa12d;
        }

        .v-steps .it.done a.title:before {
            background-image: url("../images/v3.png");
            background-color: #01a8f4;
        }

        .v-steps .it.done {
            /*border-left-color: #71b433;*/
            color: #01a8f4;
        }

            .v-steps .it.done a {
                color: #01a8f4;
            }

.app-item {
    margin-bottom: 40px;
    overflow: visible;
    border: 1px solid #cee0ee;
}

    .app-item:first-child {
        margin-top: 20px;
    }

.app-title {
    line-height: 22px;
    height: 22px;
    display: block;
    position: relative;
    overflow: visible;
    font-size: 18px;
    cursor: pointer;
}

    .app-title em {
        background-color: #fff;
        position: absolute;
        color: #0ba5eb;
        top: -14px;
        left: 20px;
        font-size: 18px;
        line-height: 22px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 890px;
        font-style: normal;
    }

        .app-title em span {
            font-size: 17px;
        }

.app-item .app-content {
    padding: 10px;
    font-size: 14px;
}

table.table-apply2 {
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 8px;
    width: 99%;
}

    table.table-apply2 th {
        font-weight: normal;
    }

.table-apply2 input[type=text] {
    border: 1px solid #ddd;
    text-indent: 2px;
    height: 25px;
    line-height: 25px;
}

    .table-apply2 input[type=text]:focus {
        border-color: #f1b145;
    }

.table-apply2 textarea:focus {
    border-color: #f1b145;
}

.table-apply2 select {
    height: 25px;
    line-height: 25px;
}

.table-apply2.th-right th {
    text-align: right;
    color: #666;
}

.table-apply2.td-left td {
    text-align: left;
}

.table-normal a {
    color: #555;
}

    .table-normal a:hover {
        color: #0ba5eb;
    }

.main-title {
    display: block;
    font-weight: normal;
    text-align: center;
    font-size: 24px;
    line-height: 2em;
    margin-bottom: 10px;
}

.btn-orange5, a.btn-orange5, a.btn-orange5:visited,
.btn-orange-5, a.btn-orange-5, a.btn-orange-5:visited {
    line-height: 30px;
    border: none;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 0 5px;
    background: #f08200;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-orange5:hover, .btn-orange-5:hover {
        opacity: 0.9;
    }

.small-btn, a.small-btn {
    display: inline-block;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #ea9025;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    line-height: 26px;
    height: 26px;
}
/*字符控制*/

.jTextCharCounterMsg {
}

.pure-control-group .jTextCharCounterMsg {
    margin-left: 120px;
}

.jTextCharCounterMsg div.msgMax, .jTextCharCounterMsg div.msgCount, .jTextCharCounterMsg div.msgInfo {
    display: inline;
    margin-right: 20px;
}

    .jTextCharCounterMsg div.msgMax label, .jTextCharCounterMsg div.msgCount label, .jTextCharCounterMsg div.msgInfo label {
        display: inline;
        font-weight: bold;
        margin: 0;
    }

    .jTextCharCounterMsg div.msgCount.alert {
        color: #FF0000;
    }

    .jTextCharCounterMsg div.msgInfo.ok {
        color: #009900;
    }

    .jTextCharCounterMsg div.msgInfo.alert {
        color: #FF0000;
        font-weight: bold;
    }

.textarea-control {
    width: 100%;
    border: solid 1px #999;
    height: 150px;
    margin: 10px 0;
}

.input-control1 {
    border: solid 1px #aaa;
    line-height: 24px;
    padding: 3px;
}

input[type=radio] {
    vertical-align: middle;
}

.upload-info-author {
    width: 670px;
    margin: 0 auto;
}

.upload-pic-2 img {
    width: 100%;
}

.app-content .uploadify-button-text {
    font-size: 14px;
}

.app-content .upload-info-author a.attach-example i.tips {
    background-color: #ffdf9f;
    border: 1px solid #ff7327;
    color: #333;
    font-size: 12px;
    padding: 3px 6px;
    position: absolute;
    right: 0;
    top: 0;
}

.container3 .upload-info-author a.attach-example {
    height: 280px;
}

.app-content .attach-example .tips {
    position: absolute;
    top: 0;
    right: 0;
}

.btn-blue-4, a.btn-blue-4 {
    background-color: #ddf1fc;
    border: 1px solid #159aff;
    border-radius: 5px;
    box-sizing: content-box;
    color: #159aff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding: 3px 15px;
    text-decoration: none;
    vertical-align: middle;
}

.container3 .table-normal {
    border: 0;
}

table {
    border-collapse: collapse;
}

.th-grey th {
    background-color: #f3f3f3;
    color: #111;
}

.th-grey th, .th-grey td {
    border: 1px solid #d3e1ea;
    height: 32px;
    padding: 1px 5px;
}

.table-normal.th-grey.td-center th, .table-normal.th-grey.td-center td {
    text-align: center;
    text-indent: 0;
}

.top-menu-1 {
    overflow: hidden;
    position: relative;
}

.container#content {
    width: 1200px;
}

.top-menu-1 .c-notice {
    width: 510px;
    float: left;
}

.top-menu-1 .c-n-c {
    width: 370px;
}

.top-menu-1 .c-notice ul li {
    width: 330px;
}

    .top-menu-1 .c-notice ul li a {
        width: 310px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.top-menu-1 .c-notice a.c-n-r {
    padding: 0;
    padding-right: 3px;
}

.top-menu-1 .fun-1 {
    display: block;
    float: none;
    margin-left: 520px;
}

a.btn-blue-6, .btn-blue-6 {
    display: inline-block;
    vertical-align: middle;
    height: 33px;
    line-height: 33px;
    padding: 0 8px;
    font-size: 14px;
    border: 1px solid #378cd9;
    color: #378cd9;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    a.btn-blue-6:hover, .btn-blue-6:hover {
        background-color: #378cd9;
        color: #fff;
    }

    .btn-blue-6 i.ic-g {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        background: url("../images/2018/ic-gp-1.png") no-repeat;
    }

        .btn-blue-6 i.ic-g.x1 {
            background-position: 0 0;
        }

        .btn-blue-6 i.ic-g.x2 {
            background-position: -30px 0;
        }

        .btn-blue-6 i.ic-g.x3 {
            background-position: -60px 0;
        }

    .btn-blue-6:hover i.ic-g.x1 {
        background-position: 0 -30px;
    }

    .btn-blue-6:hover i.ic-g.x2 {
        background-position: -30px -30px;
    }

    .btn-blue-6:hover i.ic-g.x3 {
        background-position: -60px -30px;
    }

.content_box {
    padding-top: 20px;
}

    .content_box > .p20, .content_box > .p10 {
        position: relative;
        padding: 20px;
        padding-top: 30px;
        border: 1px solid #ddd;
    }

    .content_box .caption {
        /*position: relative;
	top:20px;
	z-index: 10;*/
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        background-color: transparent;
    }

        .content_box .caption + fieldset {
            margin-top: 20px;
        }

        .content_box .caption.x1 {
            position: static;
            top: 0;
            z-index: 10;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            background-color: #fff;
            left: 10px;
        }

        .content_box .caption:before {
        }

        .content_box .caption > * {
            position: relative;
            background-color: #fff;
            z-index: 10;
        }

        .content_box .caption > span:first-child {
            display: inline-block;
            line-height: 32px;
            padding: 0 5px;
        }

            .content_box .caption > span:first-child:before {
                content: ' ';
                display: inline-block;
                vertical-align: middle;
                width: 10px;
                height: 10px;
                background-color: #378cd9;
                border: 3px solid #9bc5ec;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                margin-right: 5px;
            }

        .content_box .caption.x1:before {
            content: none;
        }

.support {
    line-height: 1.8em;
    font-size: 14px;
}

    .support i.icon-time {
        color: #378cd9;
        font-size: 20px;
        vertical-align: middle;
        padding-right: 5px;
    }

    .support span {
        color: #378cd9;
    }

.flex-time {
    display: flex;
    height: 30px;
    line-height: 30px;
    justify-content: space-between;
}

    .flex-time span {
        color: #378cd9;
        display: inline-block;
        width: 20%;
        text-align: center;
    }

    .flex-time.x1 span {
        width: 40%;
    }

    .flex-time span.cur {
        color: #f0901b;
    }

.flex-steps {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

    .flex-steps .item {
        height: 68px;
        width: 20%;
        position: relative;
        overflow: hidden;
    }

    .flex-steps.x1 .item {
        width: 40%;
    }

    .flex-steps .item em {
        display: block;
        height: 0;
        width: 100%;
        border-top: 2px solid #378cd9;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 0;
    }

    .flex-steps .item span {
        display: flex;
        margin: 0 auto;
        width: 60px;
        height: 60px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #f4f9fe;
        z-index: 100;
        position: relative;
        border: 4px solid #378cd9;
    }

        .flex-steps .item span b {
            display: block;
            font-weight: normal;
            color: #378cd9;
        }

    .flex-steps .item:after {
        content: ' ';
        width: 10px;
        height: 10px;
        background-color: #378cd9;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        right: 0;
        top: 50%;
        border: 2px solid #9bc5ec;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .flex-steps .item:last-child:after {
        content: " ";
        width: 15px;
        height: 15px;
        background-color: #fff;
        border: 1px solid #378cd9;
    }

    .flex-steps .item:first-child:before {
        content: ' ';
        width: 15px;
        height: 15px;
        background-color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        border: 1px solid #9bc5ec;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 111;
    }

    .flex-steps .item.cur em {
        border-top: 2px solid #f0901b;
    }

    .flex-steps .item.cur span {
        background-color: #fef6ec;
        border: 4px solid #f0901b;
    }

        .flex-steps .item.cur span b {
            color: #f0901b;
        }

    .flex-steps .item.cur:after {
        background-color: #f0901b;
        border: 2px solid #f7c78d;
    }

    .flex-steps .item:first-child.cur:before {
        border: 1px solid #f0901b;
    }

    .flex-steps .item:last-child.cur:after {
        border: 1px solid #f0901b;
    }

#content2 {
    margin-top: 10px;
    overflow: hidden;
    width: 1200px;
    margin-bottom: 30px;
}

.top-menu-2 {
    overflow: hidden;
}

    .top-menu-2 .c-notice {
        display: block;
        float: left;
        width: 742px;
    }

    .top-menu-2 .fun-1 {
        float: right;
    }

        .top-menu-2 .fun-1 a.btn-blue-6 {
            padding: 0 13px;
        }

.flex-steps-2 {
    display: flex;
    position: relative;
    height: 95px;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

.flex-parent {
    display: block;
    width: 95%;
    position: relative;
    margin: 20px auto;
}

    .flex-parent .bg-line {
        background: -webkit-linear-gradient(#c4c4c4, #dcdcdc); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#c4c4c4, #dcdcdc); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#c4c4c4, #dcdcdc); /* Firefox 3.6 - 15 */
        background: linear-gradient(#c4c4c4, #dcdcdc); /* 标准的语法 */
        height: 8px;
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

.flex-steps-2 a.item .inner {
    display: flex;
    width: 68px;
    height: 68px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 7px solid #fff;
    background-color: #a9a8a8;
    color: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.flex-steps-2 a.item {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 7px solid #ddd;
    z-index: 100;
    position: relative;
}

    .flex-steps-2 a.item.cur .inner {
        background-color: #378cd9;
    }

    .flex-steps-2 a.item.cur {
        border-color: #378cd9;
    }

    .flex-steps-2 a.item:hover .inner {
        background-color: #83b2ee;
    }

    .flex-steps-2 a.item:hover {
        border-color: #83b2ee;
    }

.main-content-1 {
    overflow: hidden;
    margin-bottom: 20px;
}

    .main-content-1 .left-1 {
        width: 910px;
        float: left;
    }

.main-title-1 {
    overflow: hidden;
    margin-bottom: 30px;
}

    .main-title-1 h3 {
        font-size: 28px;
        line-height: 1.6em;
        display: block;
        text-align: center;
        color: #333333;
        width: 910px;
    }

.main-content-1 .right-1 {
    display: block;
    float: none;
    margin-left: 985px;
}

.main-content-1 .left-1.x1 {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

.main-content-1 .right-1 .v-menu {
    border: 1px solid #378cd9;
    padding: 20px 5px 40px 22px;
}

.v-menu a.item {
    display: block;
    border-left: 3px solid #378cd9;
    padding-left: 22px;
    overflow-x: visible;
    position: relative;
}

.v-menu .fa {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    background-color: #378cd9;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    font-size: 17px;
    top: 0;
    left: -15px;
}

.v-menu .item em {
    font-size: 16px;
    color: #378cd9;
    display: block;
    line-height: 26px;
}

.v-menu .item.cur em {
    color: #ffa12d;
}

.v-menu .item.cur .fa {
    background-color: #ffa12d;
}

.list-1 {
    margin-left: -8px;
    margin-top: 20px;
}

    .list-1 a {
        display: block;
        line-height: 1.3em;
        margin-bottom: 10px;
    }

        .list-1 a:hover {
            color: #ffa12d;
        }

a.btn-org-2, .btn-org-2 {
    height: 33px;
    line-height: 33px;
    background-color: #ffa12d;
    border: 1px solid #f0901b;
    display: inline-block;
    padding: 0 25px;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    box-sizing: content-box;
}

.blue-info {
    margin-bottom: 20px;
    border: 1px solid #378cd9;
}

    .blue-info legend {
        font-size: 16px;
        color: #378cd9;
        margin-left: 10px;
    }

        .blue-info legend.ic-1 {
            padding-left: 30px;
            background: url("../images/2018/ic-1.png") no-repeat 5px center;
        }

.list-2 {
    color: #333333;
    line-height: 1.8em;
}

    .list-2:before {
        content: ' ';
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: #378cd9;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        vertical-align: middle;
        margin-right: 5px;
    }

select.normal-sel {
    height: 32px;
    line-height: 32px;
}

textarea.normal-txt {
    width: 99%;
    padding: 3px;
    border: 1px solid #ccc;
    min-height: 150px;
}

textarea.normal-txt {
    width: 99%;
    padding: 3px;
    border: 1px solid #ccc;
}

    textarea.normal-txt:focus {
        border-color: #eca40d;
    }

table tr {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    table tr.hidden {
        display: none !important;
    }

.tb-detail {
    padding: 10px;
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    /*-webkit-transition: all 0.3s;*/
    /*-moz-transition: all 0.3s;*/
    /*-ms-transition: all 0.3s;*/
    /*-o-transition: all 0.3s;*/
    transition: all 0.3s 0.5s;
}

table tr.hidden .tb-detail {
    min-height: 0;
    max-height: 0;
}

table tr .tb-detail {
    min-height: 30px;
    max-height: 999px;
}

.tb-detail .item {
    display: block;
    overflow: hidden;
    text-align: left;
    margin-bottom: 5px;
}

    .tb-detail .item .key {
        float: left;
        width: 7em;
        text-align: right;
        color: #999999;
        font-weight: bold;
    }

    .tb-detail .item .value {
        display: block;
        margin-left: 7em;
    }

a.file-ico {
    color: #159aff;
    margin-right: 5px;
    font-size: 13px;
    display: inline-block;
}

    a.file-ico:hover {
        text-decoration: underline;
    }

.re-box {
    margin-top: 40px;
}

.re-steps {
    width: 100%;
    height: 41px;
}

    .re-steps span {
        width: 23px;
        height: 41px;
        display: block;
        float: left;
        background: #ffa12d;
        position: relative;
        margin-right: 10px;
    }

        .re-steps span.cur {
            background: #00a3e1;
        }

        .re-steps span:before {
            width: 0;
            height: 0;
            content: "";
            position: absolute;
            border-bottom: 20px solid transparent;
            border-left: 10px solid #fff;
            border-top: 20px solid transparent;
            left: 0;
            top: 0;
        }

        .re-steps span:after {
            width: 0;
            height: 0;
            content: "";
            position: absolute;
            border-bottom: 20px solid transparent;
            border-left: 10px solid #ffa12d;
            border-top: 20px solid transparent;
            right: -10px;
            top: 0;
        }

        .re-steps span.cur:after {
            border-left: 10px solid #00a3e1;
        }

    .re-steps a {
        width: 273px;
        height: 41px;
        display: block;
        float: left;
        line-height: 41px;
        text-align: center;
        background: #ffa12d;
        position: relative;
        margin-right: 10px;
        color: #fff;
        font-size: 16px;
    }

        .re-steps a.cur {
            background: #00a3e1;
        }

        .re-steps a:before {
            width: 0;
            height: 0;
            content: "";
            position: absolute;
            border-bottom: 20px solid transparent;
            border-left: 10px solid #fff;
            border-top: 20px solid transparent;
            left: 0;
            top: 0;
        }

        .re-steps a:after {
            width: 0;
            height: 0;
            content: "";
            position: absolute;
            border-bottom: 20px solid transparent;
            border-left: 10px solid #ffa12d;
            border-top: 20px solid transparent;
            right: -10px;
            top: 0;
        }

        .re-steps a.cur:after {
            border-left: 10px solid #00a3e1;
        }















.ttz {
    color: #454545;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 65px;
    text-align: center;
}

.re-it {
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-top: 45px;
    padding: 20px;
    position: relative;
    text-align: center;
}

    .re-it > legend {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-tt.png") no-repeat scroll center;
        color: white;
        position: absolute;
        left: 8px;
        top: -17px;
        font-size: 16px;
        height: 37px;
        line-height: 37px;
        margin-left: 2px;
        width: 98px;
        text-align: center;
    }

.org-tips2 {
    padding: 10px 25px;
}

.org-tips.spe {
    background: #fff;
    border: 1px solid #89c2fb;
    padding-left: 35px;
}

.org-tips .tt-1 {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-edit.png") no-repeat scroll 3px center;
}

.org-tips .tt {
    color: #3e82c6;
    font-size: 16px;
    font-weight: normal;
    padding-left: 30px;
    padding-right: 10px;
    text-align: left;
}

ul.dot li::before {
    background: #3e82c6 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin-right: 8px;
    position: relative;
    top: -2px;
    width: 5px;
}

.org-tips.org-tips2 ul.dot li {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    list-style: none;
}

table.re-table {
    margin-top: 25px;
}

    table.re-table .re-co {
        float: right;
        margin-top: 4px;
        margin-right: 4px;
    }

    table.re-table label {
        margin-left: 5px;
    }

    table.re-table .re-close {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-close.png") no-repeat scroll left center;
        padding-left: 16px;
        vertical-align: -2px;
    }

input.btn-blue-6:hover, a.btn-blue-6:hover {
    background: #ffa12d;
    color: #fff;
}


table.re-table .re-bt {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 5px;
    padding: 2px 4px;
    white-space: nowrap;
}

.table-normal.th-grey.re-table td {
    padding: 6px 5px;
}

.col-td.col-td1 {
    color: #1d7cd4;
}

.col-td.col-td2 {
    color: #e60012;
}

.color-red {
    color: #e60012;
}

.table-normal.th-black th {
    background: #f3f3f3;
}


.icons-pays {
    display: block !important;
    height: 30px !important;
    margin: 0 auto 10px !important;
    width: 30px !important;
}

    .icons-pays.icon-01 {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-rmb.png") no-repeat scroll 0 0;
    }

    .icons-pays.icon-02 {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-return.png") no-repeat scroll 0 0;
    }

    .icons-pays.icon-03 {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-replay.png") no-repeat scroll 0 0;
    }

.table-normal.th-grey.th-black .p0:hover {
    opacity: 0.8;
}

.table-normal.th-grey.th-black .p0 {
    cursor: pointer;
}

.f20 {
    font-size: 20px;
}

.table-normal.th-grey td {
    text-indent: 0;
    text-align: center;
}

    .table-normal.th-grey td.left {
        text-indent: 0;
        text-align: left;
    }

.table-normal.th-grey .color-red {
    border: none;
}

    .table-normal.th-grey .color-red:hover {
        color: #e60012;
        background-color: inherit;
    }

.pay_way .mb20 a {
    display: inline-block;
}

.pay_way .mb20 label {
    margin-left: 12px;
    margin-right: 35px;
    vertical-align: -13px;
}

.pay-table {
    border: 1px solid #ddd;
    background: #f5f9fc;
    box-sizing: border-box;
    padding: 17px 35px;
}

    .pay-table table.th-tr th {
        text-align: right;
        font-weight: normal;
        font-size: 14px;
    }

.th-9 th {
    color: #999999;
}

.th-3 th {
    color: #333333;
}

.th-6 th {
    color: #666;
}

.td-9 td {
    color: #999999;
}

.td-3 td {
    color: #333333;
}

.td-6 td {
    color: #666;
}

.pay-table table.td-tl td {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
}

    .pay-table table.td-tl td .rmb {
        color: #e60012;
        font-size: 23px;
    }

.pay-table table.th-tr tr {
    height: 30px;
}

.pay-table input[type="radio"] {
    vertical-align: middle;
}


.edit {
    background: url("../images/2018/bj.png") no-repeat 3px center;
    padding-left: 25px;
    color: #2899f0 !important;
}

.delete {
    background: url("../images/2018/sc.png") no-repeat 3px center;
    padding-left: 25px;
    color: #2899f0 !important;
}

.down {
    background: url("../images/2018/xz.png") no-repeat 3px center;
    padding-left: 25px;
    color: #2899f0;
}

.edit:hover {
    background: url("../images/2018/bj-h.png") no-repeat 3px center;
    padding-left: 25px;
    color: #ffa12d;
}

.delete:hover {
    background: url("../images/2018/sc-h.png") no-repeat 3px center;
    padding-left: 25px;
    color: #ffa12d;
}

.down:hover {
    background: url("../images/2018/xz-h.png") no-repeat 3px center;
    padding-left: 25px;
    color: #ffa12d;
}

.table-normal.th-stagger th {
    background: #f3f3f3;
}

.table-normal.th-stagger input[type="checkbox"] {
    vertical-align: -1px;
}

.table-normal.th-stagger tr:hover td {
    background: #fbf6e9;
}

.tip-error {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    background-image: url("../images/2018/error.png");
    background-repeat: no-repeat;
    background-position: 3px center;
}

.tip-success {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    background-image: url("../images/2018/success.png");
    background-repeat: no-repeat;
    background-position: 3px center;
}

.tip-info {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    background-image: url("../images/2018/info.png");
    background-repeat: no-repeat;
    background-position: 3px center;
}

.tip-warning {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    background-image: url("../images/2018/warning.png");
    background-repeat: no-repeat;
    background-position: 3px center;
}

input.btn-org-3, a.btn-org-3 {
    border-radius: 5px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 5px 35px;
    margin: 0 25px;
    background: #ffa12d;
}

    input.btn-org-3:hover, a.btn-org-3:hover {
        background: #2899f0 none repeat scroll 0 0;
        color: #fff;
    }

.btn-blue-6.btn-add {
    text-indent: 15px;
    background: #2899f0 url("../images/2018/icon-add.png") no-repeat 24px center;
    padding-left: 40px;
    padding-right: 20px;
}

.btn-blue-6.btn-editor {
    text-indent: 15px;
    background: #2899f0 url("../images/2018/icon-id.png") no-repeat 22px center;
    padding-left: 40px;
    padding-right: 20px;
}

.btn-blue-6.btn-add:hover {
    text-indent: 15px;
    background: #ffa12d url("../images/2018/icon-add.png") no-repeat 24px center;
}

.btn-blue-6.btn-editor:hover {
    text-indent: 15px;
    background: #ffa12d url("../images/2018/icon-id.png") no-repeat 22px center;
}

.tt-2 {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-car.png")no-repeat 3px center;
}

.re-open {
    background: #48adff url("../images/2018/re-open.png") no-repeat scroll 5px center;
    border-radius: 3px;
    color: white !important;
    display: inline-block;
    font-size: 14px;
    padding: 4px 6px 4px 20px;
}

.re-de {
    background: #48adff url("../images/2018/re-de.png") no-repeat scroll 5px center;
    border-radius: 3px;
    color: white !important;
    display: inline-block;
    font-size: 14px;
    padding: 4px 6px 4px 20px;
}

.re-list {
    font-size: 16px;
    margin-top: 25px;
    text-align: left;
}

    .re-list li {
        height: 32px;
        line-height: 32px;
        margin-bottom: 20px;
    }

        .re-list li label {
            margin-left: 5px;
            margin-right: 10px;
        }

        .re-list li .re-rmb {
            color: #1c7ed3;
            margin-left: 10px;
        }

        .re-list li .re-show {
            border: 1px solid #ccc;
            height: 32px;
            margin-left: 10px;
            margin-right: 10px;
            width: 255px;
        }

.re-it .re-question {
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    height: 90px;
    padding: 10px 5px;
    text-indent: 2em;
    width: 100%;
}

dl.it {
    float: left;
    margin-right: 28px;
    text-align: left;
    width: 260px;
}

    dl.it dt {
        border: 1px solid #ccc;
        height: 150px;
        margin-bottom: 10px;
        overflow: hidden;
        position: relative;
        width: 260px;
    }

    dl.it dd {
        height: 24px;
        line-height: 24px;
    }

    dl.it dt span.add-ph {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-add-ph.png") no-repeat scroll center 40px;
    }

    dl.it dt span.add-vo {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-add-vo.png") no-repeat scroll center 40px;
    }

    dl.it dt span {
        box-sizing: border-box;
        color: #999999;
        cursor: pointer;
        height: 150px;
        left: 0;
        padding-top: 80px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 260px;
    }

    dl.it dt img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    dl.it dt input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #999;
        cursor: pointer;
        font-size: 12px;
        height: 100%;
        opacity: 0;
        width: 100%;
    }

    dl.it dd span {
        color: #999;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 210px;
    }

    dl.it dd a {
        background: #1c7ed3 none repeat scroll 0 0;
        border-radius: 3px;
        color: white;
        display: inline-block;
        float: right;
        height: 24px;
        line-height: 24px;
        padding: 0 5px;
    }

.re-it span.s-1 i {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-c.png") no-repeat scroll center center;
}

.re-it span.s-2 i {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-id.png") no-repeat scroll center center;
}

.re-it span.s-4 i {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-sp.png") no-repeat scroll center center;
}

.re-it span.s-3 i {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-ph.png") no-repeat scroll center center;
}

.re-it span.s-5 i {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-ot.png") no-repeat scroll center center;
}

.re-it span.re-re i {
    display: inline-block;
    height: 19px;
    left: 0;
    margin-right: 15px;
    position: relative;
    top: 3px;
    width: 19px;
}

.re-true {
    margin-bottom: 80px;
    margin-top: 40px;
}

    .re-true a {
        background: #ffa12d url("../images/2018/icon-true.png") no-repeat scroll 55px center;
        border-radius: 5px;
        color: white;
        display: inline-block;
        font-size: 18px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        width: 318px;
    }

.title-style-1 {
    background: rgba(0, 0, 0, 0) url("../images/2018/titleBg1.png") no-repeat scroll left center;
    color: #00A8FF;
    font-size: 20px;
    padding-left: 45px;
}

.col-02 .border-r {
    border-right: 1px solid #ccc;
    margin-top: 26px;
    width: 455px;
}

.attention-con {
    border: 1px solid #00A8FF;
    border-radius: 5px;
    box-sizing: border-box;
    color: #666666;
    margin-right: 45px;
    padding: 10px;
    width: 408px;
}

.re-follow {
    margin-bottom: 70px;
    margin-top: 25px;
}

.attention-con p i.fl {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 10px;
    margin-top: 8px;
    width: 10px;
}

.attention-con p span {
    display: block;
    float: none;
    overflow: hidden;
}

.attention-con p {
    text-indent: 0 !important;
}

.re-follow dl {
    float: left;
    margin-bottom: 20px;
    margin-right: 59px;
    width: 162px;
}

.re-intro dl dt.stamp {
    background: rgba(0, 0, 0, 0) url("../images/2018/stamp.png") no-repeat scroll center center;
}

.re-intro dl dt.code-1 {
    background: rgba(0, 0, 0, 0) url("../images/2018/code-1.png") no-repeat scroll center center;
}

.re-intro dl dt.code-2 {
    background: rgba(0, 0, 0, 0) url("../images/2018/code-2.png") no-repeat scroll center center;
}

.re-intro dl dt.code-3 {
    background: rgba(0, 0, 0, 0) url("../images/2018/code-3.png") no-repeat scroll center center;
}

.re-intro dl dt.code-4 {
    background: rgba(0, 0, 0, 0) url("../images/2018/code-4.png") no-repeat scroll center center;
}

.re-intro dl dt.write {
    background: rgba(0, 0, 0, 0) url("../images/2018/note.png") no-repeat scroll center center;
}

.re-intro dl dt.book {
    background: rgba(0, 0, 0, 0) url("../images/2018/book.png") no-repeat scroll center center;
}

.re-follow dl dt {
    border: 1px solid #ccc;
    height: 162px;
    margin: 0 auto;
    width: 162px;
}

.re-follow dl dd {
    color: #454545;
    margin-top: 15px;
    text-align: center;
}

.tt-shadow {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.re-con {
    background: white none repeat scroll 0 0;
    border: 1px solid #1d7fd4;
    box-sizing: border-box;
    height: 230px;
    left: 50%;
    margin-left: -271px;
    margin-top: -115px;
    overflow: hidden;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 543px;
    z-index: 999;
}

    .re-con i.times {
        background: rgba(0, 0, 0, 0) url("../images/2018/icon-close.png") no-repeat scroll center center;
        cursor: pointer;
        display: inline-block;
        float: right;
        height: 12px;
        width: 12px;
    }

    .re-con p.tc {
        font-size: 16px;
        margin-top: 60px;
    }

    .re-con div.tc {
        margin-top: 40px;
    }

.pay-zfb {
    height: 183px;
}

    .pay-zfb img {
        width: 100%;
        height: 100%;
    }

.tl.font-01.re-warn {
    font-size: 18px;
    margin: 40px auto 20px;
}

.color-red {
    color: #e60012;
}

.tl.f14.re-choose {
    border-bottom: 3px solid #cccccc;
    color: #666;
    padding-bottom: 10px;
}

.imgBox_zhifubao img {
    border: 7px solid #ea6000;
    border-radius: 25px;
    height: 165px;
    padding: 10px;
    width: 165px;
}

.re-teps {
    border-top: 3px solid #ccc;
    box-sizing: border-box;
    padding-top: 30px;
    margin-bottom: 40px;
}

.tab-box {
    padding: 35px 0;
    position: relative;
}

.page.page-03 .page-03-01 {
    border: 1px solid #1c7ed3;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    height: 210px;
    padding: 15px 19px;
    width: 372px;
}

.page.page-03 .page-03-02 {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-next.png") no-repeat scroll center center;
    float: left;
    height: 200px;
    width: 57px;
}

.page.page-03 .page-03-03 {
    border: 1px solid #1c7ed3;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    height: 210px;
    padding: 15px 19px;
    width: 610px;
}

.title-style-3 {
    color: #1585db;
    font-size: 20px;
}

.page.page-03 .page-03-01 p {
    line-height: 2.5em;
}

.page.page-03 .page-03-03 .fl {
    width: 248px;
}

.page.page-03 .page-03-03 .fr {
    width: 297px;
}

.title-style-2 {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-care.png") no-repeat scroll left center;
    color: #2899f0;
    font-size: 16px;
    padding-left: 25px;
}

.page.page-03 .page-03-03 .dot li {
    color: #666565;
    font-size: 13px;
    list-style: none;
}

.page.page-03 .page-03-03 .fr .tll {
    color: #666;
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}

.page.page-03 .page-03-03 .fr dt {
    background: rgba(0, 0, 0, 0) url("../images/2018/icon-dd.png") no-repeat scroll center center;
    border: 1px solid #ccc;
    height: 120px;
    margin-bottom: 3px;
    position: relative;
}

.page.page-03 .page-03-03 .fr .dd2 {
    color: #999;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: left;
}

.page.page-03 .page-03-03 .fr dt img {
    height: 100%;
    width: 100%;
    z-index: 10;
}

.page.page-03 .page-03-03 .fr input[type="file"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #999;
    cursor: pointer;
    font-size: 12px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page.page-03 .page-03-03 .fr .tl {
    color: #999;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
}

.page.page-03 .page-03-03 .fr .dd2 .fr {
    background: #00a2e8 none repeat scroll 0 0;
    border-radius: 3px;
    color: white;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin-top: 4px;
    text-align: center;
    width: 40px;
}

.page.page-03 .page-03-03 .fr .tll input {
    border: 1px solid #ccc;
    color: #666;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 253px;
}

.re-sub input[type=submit] {
    border: none;
    vertical-align: middle;
}

    .re-sub input[type=submit].btn-blue-6 {
        color: #fff;
    }

.check span.Left {
    display: inline-block;
    width: 218px;
    text-align: right;
    height: 38px;
    vertical-align: top;
}

.check span.Right {
    display: inline-block;
    text-align: left;
}

.check {
    line-height: 2.1em;
    font-size: 16px;
    margin: 20px 0;
    text-align: center;
}

.pay-table .tl.state span {
    display: block;
    line-height: 2.1em;
}

.pay-table .tl.state {
    border: 1px dashed #ccc;
    padding: 10px;
    margin-top: 10px;
}

.rec-appbtn {
    display: inline-block;
    width: 103px;
    height: 103px;
    border: 1px solid #d3e1ea;
    float: right;
    text-align: center;
    position: relative;
    background: url("../images/2018/icons-apply.png") no-repeat center 10px;
    background-size: 60px;
}

    .rec-appbtn span {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }

.flex-01 {
    overflow: hidden;
}

    .flex-01 table {
        float: left;
    }

.txt-1 {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 10px;
    text-indent: 2em;
    text-align: justify;
}

.content_box.x1 {
    padding-top: 0;
}

.title-1 {
    display: block;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.8em;
    margin-bottom: 10px;
    text-align: center;
    color: #666666;
}

.title-2 {
    display: block;
    font-size: 21px;
    font-weight: normal;
    line-height: 1.8em;
    margin-bottom: 10px;
    text-align: center;
    color: #666666;
}

.table_normal select {
    height: 30px;
}

.th-hover tr:hover {
    background-color: #f8f6f2;
}

.txt-2 {
    font-size: 15px;
    color: #666666;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 10px;
}

i.color-1 {
    color: #158ff6;
}

.print-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
}

    .print-box .upload-pic-3, .print-box .upload-pic-demo {
        display: inline-block;
        position: relative;
    }

        .print-box .upload-pic-3 input.upload {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

        .print-box .upload-pic-3 img {
            display: block;
            width: 200px;
            height: 250px;
            border: 1px solid #ccc;
        }

        .print-box .upload-pic-demo img {
            display: block;
            width: 200px;
            height: 250px;
            border: 1px solid #ccc;
            cursor: pointer;
        }

    .print-box .upload-pic-info {
        display: inline-block;
        width: 400px;
        font-size: 16px;
        line-height: 1.8em;
    }

select, select option {
    font-size: 15px;
}

.unit-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}

    .unit-box.open {
        display: flex;
    }

.unit-frame {
    width: 650px;
    margin: 0 auto;
}

    .unit-frame .header-unit {
        background-color: #0ba5eb;
        color: #ffffff;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        position: relative;
    }

        .unit-frame .header-unit .close {
            cursor: pointer;
            width: 30px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            top: 0;
            right: 0;
            text-align: center;
            font-size: 18px;
        }

.unit-box .content-1 {
    background-color: #fff;
}

.selected-file {
    color: green;
    font-size: 13px;
    margin-top: 10px;
}

.uploaded-file {
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 0 5px;
}

    .uploaded-file .done {
        display: block;
        border-bottom: 1px solid #ccc;
        color: green;
    }

.pt0 {
    padding-top: 0 !important;
}

.color111 {
    color: #111 !important;
}

.left {
    text-align: left;
}

.flex-x {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex-x-it {
    text-align: left;
    vertical-align: top;
    display: inline-block;
}

.c-blue {
    color: #0A8DE0;
}