@import "common3.css";

/*欢迎语*/

.welcomes-box{ width: 100%; height: 40px; background: #1c80bc; } 
/*--------------红色主题背景色为#1c80bc--------------------*/

/*头部*/

.head-box{ width: 100%; height: 90px; background: #fff; padding: 10px 0; border-bottom: 5px solid #1c80bc; } 
/*--------------红色主题下边框颜色为#1c80bc，导航候选字颜色为#1c80bc--------------------*/


/*展示标题*/

.show-box{ width: 100%; height: 189px; background: #1c80bc; overflow: hidden; } 
/*--------------红色主题背景颜色为#1c80bc--------------------*/

/*尾部*/

.foot-box{ width: 100%; height: 122px; border-top: 5px solid #1c80bc; background: #333; }
/*--------------红色主题上边框颜色为#1c80bc--------------------*/
ul.head-nav li a:hover {
    color: #1c80bc;
}

ul.head-nav li.nav-on a {
    color: #1c80bc;
}

h1.logo-wold {
    display: table-cell;
    *position: absolute;
    vertical-align: middle;
    *top: 50%;
    width: 220px;
    font-size: 22px;
    line-height: 30px;
    color: #157bb9;
}

.on h3 a {
    color: #1c80bc;
}

.sub {
    display: none;
    position: absolute;
    left: 18px;
    top: 16px;
    padding: 10px 0 0 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #1c80bc url(../image/i-daojiao1.png) no-repeat;
    overflow: hidden;
}

    .sub li {
        zoom: 1;
    }

    .sub a {
        display: block;
        padding: 0 20px;
        font-size: 15px;
        line-height: 30px;
        margin: 10px 0;
        color: #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .sub a:hover {
            background: #0e5e8e;
            color: #fff;
        }

p.sub-words {
    font-size: 16px;
    line-height: 28px;
    color: #157bb9;
    text-indent: 36px;
    font-weight: 700;
}

/*提交*/

.div-boxs {
    width: 810px;
    height: auto;
    margin: 30px 0 41px 0;
}

a.confirm {
    float: left;
    display: inline-block;
    width: 110px;
    height: 34px;
    border: 1px solid #1c80bc;
    border-radius: 4px;
    font-size: 13px;
    line-height: 34px;
    color: #1c80bc;
    text-align: center;
    margin-left: 10px;
}

    a.confirm:hover {
        background: #1c80bc;
        border: 1px solid #1c80bc;
        color: #fff;
    }

a.confirm-again {
    float: left;
    display: inline-block;
    width: 110px;
    height: 34px;
    background: #cdcdcd;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    font-size: 13px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
}

    a.confirm-again:hover {
        background: #999;
        border: 1px solid #999;
        color: #fff;
    }

a.a-right {
    float: left;
    display: inline-block;
    width: 422px;
    height: 34px;
    background: #1c80bc;
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
    line-height: 34px;
    color: #fff;
}

    a.a-right:hover {
        background: #333;
        color: #fff;
    }


a.confirm-again {
    display: inline-block;
    width: 138px;
    height: 34px;
    background: #cdcdcdcd;
    border: 1px solid #cdcdcdcd;
    margin-left: 10px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    color: #fff;
}

    a.confirm-again:hover {
        background: #989898;
        border: 1px solid #989898;
        color: #fff;
    }

/*分类信息*/

.class-box {
    width: 250px;
    height: auto;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
}

.class-box {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

h1.left-title {
    width: 250px;
    height: 33px;
    background: #ededed;
    border-radius: 16px;
    text-align: center;
    font-size: 15px;
    line-height: 33px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 10px;
}

ul.class-list {
    width: 214px;
    height: auto;
    padding: 9px 18px 18px 18px;
    background: #ededed;
    border-radius: 6px;
}

    ul.class-list li {
        width: 214px;
        height: 36px;
        border-top: 1px dashed #cdcdcd;
    }

        ul.class-list li:first-child {
            border-top: none;
        }

        ul.class-list li a {
            display: inline-block;
            width: 214px;
            height: 36px;
            font-size: 14px;
            line-height: 36px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            ul.class-list li a:before {
                content: '';
                width: 0;
                height: 0;
                display: inline-block;
                vertical-align: middle;
                clear: both;
                width: 7px;
                height: 7px;
                background: url(../image/i-7X7-class.png) no-repeat;
                margin-top: -3px;
                margin-right: 4px;
            }

            ul.class-list li a:hover {
                color: #000;
            }

                ul.class-list li a:hover:before {
                    content: '';
                    width: 0;
                    height: 0;
                    display: inline-block;
                    vertical-align: middle;
                    clear: both;
                    width: 7px;
                    height: 7px;
                    background: url(../image/i-7X7-classs.png) no-repeat;
                }