@charset "utf-8";
.pagination {
    text-align: center;
    font-size: 0;
    padding-top: 15px;
    padding-bottom: 30px;
}

.pagination a {
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 0 12px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #666;
    margin: 0 7px;
}

.pagination a.active {
    background: #95080f;
    color: #fff;
    border: 1px solid #95080f;
}

.pagination a:hover {
    background: #95080f;
    color: #fff;
    border: 1px solid #95080f;
}

.pagination span {
    display: inline-block;
    font-size: 14px;
}

.ny-main {
    min-height:500px;
    position: relative;
    padding-top: 55px;
    padding-bottom: 40px;
}

.ny-main::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 115px;
    background-color: #f7f7f7;
}

.ny {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px #eee;
    border-radius: 10px;
    padding: 20px 20px 20px 40px;
    z-index: 5;
}

#ny {
    position: relative;
    padding-right: 260px;
}

.ny-left {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
}

.ny-left p {
    position: relative;
    padding: 20px 10px;
    background-color: #95080f;
    font-size: 30px;
    text-align: center;
    color: #fff;
}

.ny-left p span {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 20px;
    height: 20px;
    background: url(../images/sub_left_down2.png) no-repeat center center;
    display: none;
    z-index: 999;
}

.ny-left p span.on {
    background: url(../images/sub_left_up2.png) no-repeat center center;
}

.ny-left>ul {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 20px;
    border-right: 1px solid #95080f;
}

.ny-left>ul>li {
    position: relative;
    line-height: 60px;
    text-align: center;
}

.ny-left>ul>li>span {
    position: absolute;
    right: -12px;
    top: 15px;
    width: 30px;
    height: 30px;
    background: url(../images/zk.png) no-repeat center center;
}

.ny-left>ul>li>a {
    display: block;
    font-size: 18px;
    color: #333;
    padding-left: 20px;
}

.ny-left>ul>li.on {}

.ny-left>ul>li.on>a {
    background-color: #feeced;
    font-weight: bold;
    color: #95080f;
}
.ny-left>ul>li>ul>li.on>a {
    background-color: #feeced;
    font-weight: bold;
    color: #95080f;
}

.ny-left>ul>li>ul {
    display: none;
    padding-bottom: 25px;
}

.ny-left>ul>li.active>ul {
    display: block;
}

.ny-left>ul>li>ul>li {
    position: relative;
    margin-top: 25px;
    line-height: 16px;
}

.ny-left>ul>li>ul>li>a {
    font-size: 16px;
    color: #999;
}

.ny-left>ul>li>ul>li:hover>a {
    color: #95080f;
    font-weight: bold;
}

.ny-left>ul>li>ul>li>ul {
    display: none;
}

.ny-left>ul>li>ul>li>ul>li {
    border-bottom: 1px solid #eee;
    line-height: 40px;
}

.ny-left>ul>li>ul>li>ul>li>a {
    font-size: 14px;
    color: #333;
}

.ny-right {
    padding-right: 50px;
}

.ny-tit {
    line-height: 60px;
    border-bottom: 1px solid #ebebeb;
}

.ny-tit .position {
    padding-left: 30px;
    background: url(../images/position.png) no-repeat left center;
}

.ny-tit .position a {
    font-size: 16px;
    color: #666;
}

.ny-tit .position span {
    font-size: 16px;
    color: #666;
}

.ny-tit .position a:hover {
    color: #95080f;
}


/* 内容页 */

.art p {
    line-height: 40px !important;
    font-size: 16px !important;
    color: #333 !important;
    margin-top: 10px !important;
    text-indent: 2em !important;
    word-break: break-all;
}

.art p.art-pic img {
    display: block;
    max-width: 535px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.art table p {
    text-indent: 0em!important;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
}

.art-title {
    margin-top: 20px;
}

.art-title h2 {
    line-height: 46px;
    font-size: 26px;
    color: #333;
    text-align: center;
}

.art .art-title p {
    margin-top: 15px;
    /* text-align: center; */
    margin-top: 0;
    margin-bottom: 0;
}

.art-title p span {
    display: inline-block;
    font-size: 14px;
    color: #999;
    margin: 0 12px;
}

.art .ny-foot p {
    margin-top: 20px;
    text-indent: 0;
    line-height: 20px;
}

.art .ny-foot p a {
    font-size: 16px;
    color: #333333;
}

.art .ny-foot p a:hover {
    color: #95080f;
}


/* 列表页 */

.list {
    margin-top: 10px;
    min-height: 450px;
}

.list li {
    position: relative;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 100px;
    background: url(../images/ny-list.png) no-repeat 10px center;
}

.list li a {
    font-size: 16px;
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list li .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #333;
}

.list li:hover a {
    color: #95080f;
}


/* 图文列表 */

.pt-list>ul>li {
    padding: 30px 0;
    border-bottom: 1px dashed #cccccc;
}

.pt-list>ul>li a {
    display: block;
    overflow: hidden;
}

.pt-list>ul>li .tp {
    float: left;
    width: 230px;
}

.pt-list>ul>li .tp .pic {
    padding-top: 69.5%;
}

.pt-list>ul>li .text {
    overflow: hidden;
    padding-left: 30px;
}

.pt-list>ul>li .text h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: normal;
}

.pt-list>ul>li .text p {
    line-height: 24px;
    font-size: 14px;
    color: #999;
    height: 48px;
    overflow: hidden;
}

.pt-list>ul>li .text .date {
    padding-left: 30px;
    background: url(../images/kc-icon1.png) no-repeat left center;
    font-size: 14px;
    color: #999;
    margin-top: 25px;
}


/* 师资列表 */

.teach>ul>li {
    float: left;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 48%;
    margin-left: 4%;
}

.teach>ul>li:nth-child(2n-1) {
    margin-left: 0;
}

.teach>ul>li a {
    display: block;
    overflow: hidden;
}

.teach>ul>li a .tp {
    float: left;
    width: 150px;
}

.teach>ul>li a .tp .pic {
    padding-top: 113%;
}

.teach>ul>li a .text {
    overflow: hidden;
    padding-left: 25px;
}

.teach>ul>li a .text h2 {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin-bottom: 15px;
}

.teach>ul>li a .text p {
    line-height: 24px;
    font-size: 14px;
    color: #999;
    height: 130px;
    overflow: hidden;
}


/* 师资内页 */

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

.sz-l {
    float: left;
    width: 250px;
}

.sz-l .pic {
    padding-top: 128%;
}

.sz-r {
    overflow: hidden;
    padding-left: 35px;
}

.sz-r h2 {
    font-size: 30px;
    color: #333;
    font-weight: normal;
    margin-bottom: 15px;
}

.sz-r p {
    line-height: 35px;
    font-size: 16px;
    color: #333;
}

.sz-js .sz-box {
    margin-top: 60px;
}

.sz-js .sz-box h2 {
    font-size: 30px;
    color: #333;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.sz-js .sz-box h2 img {
    vertical-align: middle;
    padding-right: 20px;
}

.sz-js .sz-box ul {
    margin-top: 15px;
}

.sz-js .sz-box ul li {
    line-height: 40px;
}

.sz-js .sz-box ul a {
    display: block;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 课程列表页 */

.kc-topic {
    margin-top: 40px;
    margin-bottom: 45px;
    text-align: center;
}

.kc-topic span {
    display: inline-block;
    padding: 0 40px;
    margin: 0 20px;
    line-height: 60px;
    border-radius: 30px;
    background-color: #f6f6f6;
    font-size: 26px;
    color: #333;
    cursor: pointer;
}

.kc-topic span.on {
    background-color: #a1140b;
    color: #fff;
}

.kc-box ul {
    display: none;
}

.kc-box ul li {
    float: left;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 40px;
}

.kc-box ul li:nth-child(3n-2) {
    margin-left: 0;
}

.kc-box ul li a {
    display: block;
}

.kc-box ul li a .pic {
    padding-top: 68%;
}

.kc-box ul li a .text {
    padding: 15px;
    box-shadow: 0 0 10px #e9e6e6;
}

.kc-box ul li a .text h2 {
    line-height: 32px;
    font-size: 18px;
    color: #333;
    height: 64px;
    overflow: hidden;
    font-weight: normal;
}

.kc-box ul li a .text p {
    overflow: hidden;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.kc-box ul li a .text p span {
    float: left;
    color: #999999;
}

.kc-box ul li a .text p i {
    float: right;
    color: #a1140b;
}

.kc-box ul.on {
    display: block;
}


/* 课程计划 */

.source {
    margin-top: 35px;
}

.s-top h2 {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.s-top .nr {
    margin-top: 35px;
}

.s-top .nr span {
    font-size: 14px;
    color: #999;
}

.s-top .nr p {
    line-height: 25px;
    font-size: 14px;
    color: #999;
    text-indent: 2em;
}

.s-top .js {
    text-align: right;
}

.s-top .js p {
    line-height: 25px;
    font-size: 14px;
    color: #999;
}

.s-top .db {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 35px;
    font-size: 20px;
    color: #333;
}

.s-down ul li {
    box-shadow: 0 0 5px #eee;
    margin-bottom: 35px;
    padding: 35px 40px;
    overflow: hidden;
}

.s-down ul li a {
    display: block;
    position: relative;
    padding-right: 180px;
}

.s-down ul li .nr h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    overflow: hidden;
}

.s-down ul li .nr h3 {
    line-height: 24px;
    font-size: 14px;
    color: #999;
    height: 48px;
    overflow: hidden;
    font-weight: normal;
}

.s-down ul li .nr p {
    line-height: 28px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s-down ul li .tp {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

.s-down ul li .tp p {
    font-size: 16px;
    color: #333;
}


/* 课程内页 */

.kc-rw {
    overflow: hidden;
    margin-top: 25px;
}

.rw-l {
    float: left;
    width: 410px;
}

.rw-l .pic {
    padding-top: 68%;
}

.rw-r {
    overflow: hidden;
    padding-left: 30px;
}

.rw-r h2 {
    line-height: 38px;
    font-size: 20px;
    color: #95080f;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rw-r p {
    line-height: 22px;
    font-size: 14px;
    color: #999;
}

.rw-r span {
    display: inline-block;
    margin-top: 35px;
    padding: 0 15px;
    border-radius: 30px;
    background-color: #fff7f7;
    font-size: 15px;
    color: #95080f;
    line-height: 35px;
}

.rw-r button {
    float: right;
    width: 170px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    background-color: #95080f;
    font-size: 22px;
    color: #ffffff;
    border: none;
    margin-top: 35px;
}

.kc-qh .qh-bt {
    margin-top: 40px;
    border-bottom: 1px solid #e3e3e3;
}

.kc-qh .qh-bt span {
    display: inline-block;
    margin-right: 50px;
    line-height: 60px;
    padding: 0 30px;
    font-size: 22px;
    color: #333;
    cursor: pointer;
}

.kc-qh .qh-bt span.on {
    background-color: #95080f;
    font-weight: bold;
    color: #fff;
}

.kc-qh .qh-nr {
    margin-top: 30px;
}

.kc-qh .qh-nr .box {
    display: none;
}

.kc-qh .qh-nr .box.on {
    display: block;
}

.kc-qh .qh-nr .box p {
    line-height: 34px;
    font-size: 16px;
    color: #333;
    text-indent: 2em;
}

.kc-lists {
    margin-top: 30px;
}

.kc-lists h2 {
    font-size: 24px;
    color: #333;
}

.kc-lists ul li {
    position: relative;
    line-height: 70px;
    margin-top: 20px;
    border-left: 4px solid transparent;
    box-shadow: 0 0 10px #eee;
    padding: 0 15px;
    transition: all .3s;
}

.kc-lists ul li a {
    font-size: 18px;
    color: #333;
}

.kc-lists ul li span {
    position: absolute;
    width: 15px;
    height: 22px;
    right: 25px;
    top: 25px;
    background: url(../images/xz.png) no-repeat center center;
}

.kc-lists ul li:hover {
    background-color: #fff7f7;
    border-left: 4px solid #a1140b;
}

.kc-lists ul li:hover a {
    font-weight: bold;
    color: #a1140b;
}

.kc-lists ul li:hover span {
    background: url(../images/xz-other.png) no-repeat center center;
}


/* 视频 */

.sp .sp-topic {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.sp .sp-topic span {
    display: inline-block;
    line-height: 50px;
    font-size: 20px;
    color: #333;
    padding: 0 25px;
    border-radius: 30px;
    background: #eee;
    cursor: pointer;
    margin: 5px;
}

.sp .sp-topic span.on {
    background-color: #9b0d14;
    color: #fff;
}

.sp-box .box {
    display: none;
}

.sp-box .box.on {
    display: block;
}

.sp-box .box ul li {
    float: left;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 55px;
}

.sp-box .box ul li:nth-child(3n-2) {
    margin-left: 0;
}

.sp-box .box ul li a {
    display: block;
}

.sp-box .box ul li .pic {
    padding-top: 67.2%;
}

.sp-box .box ul li .text {
    position: relative;
    box-shadow: 0 0 10px #eee;
    padding: 15px 25px;
    overflow: hidden;
}

.sp-box .box ul li .text p {
    padding-right: 40px;
    font-size: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sp-box .box ul li .text .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.wxglgj .box ul li {
    float: left;
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 55px;
}

.wxglgj .box ul li:nth-child(2n-1) {
    margin-left: 1%;
}

.wxglgj .box ul li .text {}

.videolist {
    position: relative;
}

.videolist:hover {
    cursor: pointer;
}

.videoed {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 99;
    border-radius: 100%;
}

.videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 100;
    max-width: 1000px;
    max-height: 562px;
    width: 94%;
}

.videos video {
    width: 100%;
}

.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}

@media screen and (max-width:1150px) {
    .rw-r h2 {
        line-height: 24px;
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .rw-r span {
        margin-top: 5px;
    }
    .rw-r button {
        width: 100px;
        height: 35px;
        line-height: 35px;
        margin-top: 5px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #ny {
        padding-right: 0;
    }
    .ny {
        padding: 15px;
    }
    .ny-left {
        position: static;
        width: auto;
    }
    .ny-left p {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
    }
    .ny-right {
        float: none;
        width: auto;
        padding-right: 0;
    }
    .ny-left p span {
        display: block;
    }
    .ny-left>ul {
        display: none;
    }
    .pic-list>ul {
        padding: 0;
        padding-right: 0;
    }
}

.date-list>ul>li:hover .date {
    color: #fff;
    background: #e5a900 url() no-repeat center center;
}

.date-list>ul>li:hover .text h2 {
    color: #3a7bd5;
}

@media screen and (max-width:800px) {
    .ny-main {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .ny-left p {
        padding-left: 5px;
    }
    .ny-left p {
        font-size: 22px;
    }
    .art-title h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .art-title {
        margin-top: 15px;
    }
    .ny-foot {
        margin-top: 10px;
    }
    .ny {
        padding-bottom: 20px;
    }
    .ny-tit h2 {
        font-size: 18px;
    }
    .art p {
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }
    .art .art-title p {
        text-indent: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .art p {
        line-height: 29px;
    }
    .art-title p span {
        font-size: 14px;
        /* display: block; */
    }
    .art-title table {
        max-width: 100% !important;
        overflow: scroll;
        display: block;
    }
    .ny-foot p.l {
        float: none;
    }
    .ny-foot p.r {
        float: none;
    }
    .t-topic ul li {
        width: 7%;
    }
    .teach-pic>ul>li a .pic {
        width: 120px;
    }
    .teach-pic>ul>li a .text {
        padding-left: 15px;
    }
    .teach-pic>ul>li a .text h2 {
        margin-bottom: 5px;
    }
    .teach-pic>ul>li a .text p {
        margin-bottom: 5px;
    }
    .teach-pic>ul>li a .text .more {
        padding-top: 5px;
    }
}

@media screen and (max-width:700px) {
    .teach>ul>li {
        float: none;
        width: auto;
        margin-left: 0;
        margin-top: 15px;
    }
}

@media screen and (max-width:600px) {
    .date-list>ul>li {
        padding: 15px 0;
    }
    .pic-list>ul>li {
        margin-top: 15px;
    }
    .pic-list>ul>li a .text span {
        margin-top: 5px;
        font-size: 14px;
    }
    .pic-list>ul>li a .text p {
        margin-top: 5px;
    }
    .pic-list>ul>li a .text {
        padding: 0 0;
    }
    .t-topic {
        padding-left: 90px;
    }
    .t-topic span {
        font-size: 12px;
        left: 5px;
    }
    .t-topic ul li a {
        font-size: 14px;
    }
    .teach-pic>ul>li {
        float: none;
        margin-left: 0;
        width: auto;
        margin-top: 15px;
    }
    .teach-pic>ul>li a .text .more span {
        width: 80px;
        font-size: 12px;
    }
    .list li {
        line-height: 45px;
    }
    .list {
        margin-top: 0;
    }
    .list li a {
        font-size: 14px;
    }
    .list li span {
        font-size: 12px;
    }
    .source {
        margin-top: 15px;
    }
    .s-top .nr {
        margin-top: 15px;
    }
    .s-top h2 {
        font-size: 18px;
    }
    .s-top .db {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 16px;
    }
    .s-down ul li {
        padding: 15px;
    }
    .s-down ul li a {
        padding-right: 0;
    }
    .s-down ul li .tp {
        position: static;
        margin-top: 10px;
    }
    .s-down ul li .tp img {
        max-width: 100% !important;
        height: auto;
    }
    .kc-topic span {
        line-height: 30px;
        padding: 0 20px;
        margin: 0 10px;
        font-size: 14px;
    }
    .kc-topic {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .kc-box ul li {
        float: none;
        width: auto;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .kc-box ul li a .text h2 {
        font-size: 16px;
    }
    .kc-box ul li a .text p {
        margin-top: 5px;
    }
    .rw-l {
        float: none;
        width: auto;
    }
    .rw-r {
        padding-left: 0;
        margin-top: 15px;
    }
    .kc-qh .qh-bt span {
        margin-right: 15px;
        line-height: 35px;
        padding: 0 10px;
        font-size: 14px;
    }
    .kc-qh .qh-bt {
        margin-top: 15px;
    }
    .sz-l {
        float: none;
        width: auto;
    }
    .sz-top {
        margin-top: 15px;
    }
    .sz-r {
        padding-left: 0;
        margin-top: 15px;
    }
    .sz-r h2 {
        font-size: 24px;
    }
    .sz-js .sz-box {
        margin-top: 15px;
    }
    .sz-js .sz-box h2 {
        font-size: 22px;
    }
    .pt-list>ul>li .tp {
        width: 180px;
    }
    .pt-list>ul>li .text {
        padding-left: 15px;
    }
    .pt-list>ul>li .text h2 {
        margin-top: 0;
    }
    .pt-list>ul>li .text .date {
        margin-top: 10px;
    }
    .pt-list>ul>li {
        padding: 15px 0;
    }
    .sp .sp-topic span {
        line-height: 35px;
        margin-bottom: 15px;
        font-size: 14px;
    }
    .sp-box .box ul li {
        float: none;
        width: auto;
        margin-bottom: 15px;
        margin-left: 0;
    }
    .sp-box .box ul li .text p {
        font-size: 14px;
    }
}

.art-title table td p span {
    text-indent: 0 !important;
}

.Section0 table {
    margin: 0 auto !important;
}


/* 新加表单提交 */

.form-login {
    padding-bottom: 40px;
}

.form-login h2 {
    font-size: 36px;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-top: 40px;
}

.login {
    margin-top: 30px;
    padding-right: 30px;
}

.login-mame {
    float: left;
    width: 150px;
    text-align: right;
}

.login-mame span {
    text-align: right;
    font-size: 18px;
    color: #333;
    line-height: 40px;
}

.login-txt {
    position: relative;
    float: right;
    width: calc(100% - 170px);
}

.login-txt input {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    width: 100%;
    box-sizing: border-box;
}

.login-txt #btn_sub {
    background: none;
    border: 0;
    font-size: 18px;
    color: #fff;
}

.form-login table {
    margin: 0 auto;
    margin-top: 20px;
}

.form-login table #yzm {
    border: 1px solid #ccc;
    height: 20px;
}

.form-login table img {
    /* height:24px; */
    margin-top: 3px;
}

.select_area {
    position: relative;
    height: 40px;
    line-height: 40px;
    /* padding: 0 15px; */
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.select_tit {
    width: 100%;
    outline: none;
    border: 0px;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    box-sizing: border-box;
}

.xgzt ul li button {
    display: inline-block;
    width: 10%;
    margin-left: 2%;
    line-height: 45px;
    background-color: #573254;
    text-align: center;
    border: none;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    vertical-align: middle;
}

.select_xl {
    position: absolute;
    right: 10px;
    top: 2px;
    width: 43px;
    height: 40px;
    /* background: url(../images/zkk.png) no-repeat center center; */
    cursor: pointer;
}

.select_list {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 10px #a4a4a4;
    left: 0;
}

.select_list li {
    line-height: 35px;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
}

.select_xl::before {
    width: 43px;
    height: 40px;
    background: url(../images/zkk.png) no-repeat center center;
}

.xg-time .login-txt span {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/time.png) no-repeat center center;
}

.tj .login-txt {
    text-align: center;
}

.tj .login-txt #btn_sub {
    height: 50px;
    line-height: 50px;
    width: 100%;
    background: #a1140b;
    font-size: 18px;
    color: #fff;
    border: none;
    border-radius: 5px;
}

@media screen and (max-width:700px) {
    .login {
        margin-top: 10px;
    }
    .login-mame {
        width: 105px;
    }
    .login-mame span {
        font-size: 14px;
    }
    .login {
        padding-right: 0;
    }
    .login-txt {
        width: calc(100% - 115px);
    }
    .form-login h2 {
        margin-top: 15px;
        font-size: 24px;
    }
    .form-login {
        padding-bottom: 15px;
    }
}