/* =========
    基本默认值
   ========= */
body{font-size: 14px;line-height: 14px;height: 100%;width: 100%;min-width: 1100px;margin:0;background:#f1f1f1}
a{color: #666;text-decoration: none}
a:hover,a:active{color: #666;text-decoration: none;}
footer a {
 color:white;
}
footer a:hover,footer active{
    color:white;
}
html{color: #666;font-family:"Microsoft Yahei";}
::selection{background-color: #b3d4fc;text-shadow: none;}
ul,dl,dd{margin: 0;padding: 0;}
li{list-style: none;}
p{margin-top:10px;margin-bottom:0}
/* =========
    工具样式
   ========= */
.right{float: right}
.left{float: left;}
.hide{display: none !important;}
.show{display: block !important;}
.invisible{visibility: hidden;}
.clearfix:before,
.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
/*兼容IE6和IE7
.clearfix{
    zoom: 1;
}

/* =============
   自定义页面样式
   ============= */
.w1200{width:1200px;margin:0 auto}

header{width:100%;line-height:90px;background:rgba(49,49,49,0.19)}
header.conmon{background:#fff}
header .logo{width:212px;height:54px;margin-top:18px;margin-right:40px}
header .nav a{width:120px;color:#fff;font-size:16px;text-align: center;float:left}
header.conmon .nav a{color:#333}
header .nav a.cur{border-bottom:3px solid #fff;font-weight:bold}
header .nav a.cur1,.fixednav .nav a.cur1,.fixednav .nav a.cur{border-bottom:3px solid #3ab0fd;font-weight:bold;color:#3ab0fd !important}
header .login{margin-top:20px}
header .login{width:150px;line-height:48px;border:1px solid #fff;border-radius:4px;color:#fff;display: block;background:url(../images/dl_icon.png) no-repeat 28px center;text-align: center;font-size:16px;}
header.conmon .login,.fixednav .login{border:1px solid #3ab0fd;border-radius:4px;color:#3ab0fd;display: block;background:url(../images/dl_icon1.png) no-repeat 28px center;text-align: center;font-size:16px;}
.fixednav {
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    background: #000 !important;
    z-index: 99;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
}
.fixednav .nav a{color:#fff !important}
footer{width:100%;background:#6b6b6b;padding:30px 0;margin-top:30px}
footer p{color:#fff;text-align: center;}

.c-banner{width: 100%;position: relative;}
.c-banner img{width: 100%;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;background: #000000;opacity: 0.5;border-radius: 5px;z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.3;}
.c-banner .nexImg{right: 0px;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 10px;height: 10px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}


.class_list{margin:0 auto 30px auto}
    .class_list li {
        width: 270px;
        background: #fff;
        padding: 10px;
        margin-left: 12px;
        float: left;
        margin-top: 20px;
    }
        .class_list li > div {
            border: 1px solid #f1f1f1;
            height:100%;
            width:100%;
        }
.class_list li:first-child,.class_list li:nth-child(5){margin-left:0}
        .class_list li a {
            display: block;
            text-align: center;
            padding-bottom: 5px;
            color: #3ab0fd
        }
.class_list li a.kc:hover{background:#f8fbfd}
    .class_list li a > img {
        width: 225px;
        height: 150px;
        padding: 25px 0
    }
.class_list li h1{font-size:16px;color:#333;text-align:center}
.class_list li .type{line-height:45px;margin-bottom:20px;text-align:center}
.class_list li .type img{vertical-align: middle;margin-right:5px;margin-left:30px}
.class_list li .type img:first-child{margin-left:0}
.class_list li .btn{width:125px;line-height:30px;border:1px solid #3ab0fd;color:#3ab0fd;border-radius:6px;margin:20px auto}
        .class_list li .info{
            height:40px;
           text-align:center;
        }
        .class_list li .info a {
            display: inline-block;
        }
            .class_list li .info a:last-child{
               margin-left:10px;
            }
            .class_list li .info a .tkxz {
                background: url(/skin/default2/images/tkxz.png) no-repeat top center;
                display:inline-block;
                width:16px;
                height:16px;
                margin-right:2px;
            }
            .class_list li .info a .zxlx {
                background: url(/skin/default2/images/zxlx.png) no-repeat top center;
                display: inline-block;
                width: 16px;
                height: 16px;
                margin-right: 2px;
            }
            .menu_btn {
                width: 100%;
                height: 230px;
                background: url(../images/bg.png) no-repeat top center;
                padding-top: 90px
            }
.menu_btn .content{width:998px;height:223px;background:url(../images/menu_bg1.png) no-repeat center}
.menu_btn .content li{width:172px;float:left;height:223px;text-align: center;margin-left:60px}
.menu_btn .content li a{display:block;color:#333;padding:60px 0}
.menu_btn .content li h1{font-size:14px;margin-top:10px}
.menu_btn .content li a span{color:#666}
.menu_btn .content li a .moni{width:42px;height:39px;margin:0 auto;background:url(../images/moni_icon1.png)}
.menu_btn .content li a .check{width:42px;height:39px;margin:0 auto;background:url(../images/chaxun_icon1.png)}
.menu_btn .content li a .download{width:42px;height:39px;margin:0 auto;background:url(../images/xiazai_icon1.png)}
    .menu_btn .content li a .czzn {
        width: 42px;
        height: 39px;
        margin: 0 auto;
        background: url(../images/czzn.png)
    }
.menu_btn .content li:hover h1,.menu_btn .content li:hover span{color:#fff}
.menu_btn .content li:hover{background:url(../images/menu_bg.png) no-repeat center}
.menu_btn .content li:hover .moni{background:url(../images/moni_icon.png)}
.menu_btn .content li:hover .check{background:url(../images/chaxun_icon.png)}
.menu_btn .content li:hover .download{background:url(../images/xiazai_icon.png)}
@media screen and (min-width: 1920px) {
    .menu_btn {margin:0 auto}
}


.news{width:660px;background:#fff;border-radius:4px;padding:20px;float:left}
.news h1{font-size:16px;color:#333}
.news h1 a,.news .list a .time{color:#999;font-size:12px;font-weight:normal;float: right;}
.news .list a{line-height:55px;height:55px;border-bottom:1px dashed #f1f1f1;display: block;}
.news .list a .title{width:450px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;float:left;color:#333}
.news .list a:hover .title{font-weight:bold}

.contact {
    width: 450px;
    padding: 20px;
    min-height:316px;
    float: right;
    background: #fff;
    border-radius: 4px;
}
.contact li{margin-top:20px}
.contact .icon{float:left}
.contact .content{float:left;margin-left:20px}
.contact .content h1{font-size:14px;color:#36aefd;}

.account_left{width:300px;float:left;margin-top:10px}
.account_left .information,.account_left .a_nav{background:#fff;border-radius:4px;text-align: center;padding:20px}
.information h1{font-size:16px;margin:40px 0}
.information .btn a{width:230px;height:45px;line-height:45px;text-align: center;border-radius:4px;display: block;margin-top:10px;margin:10px auto}
.information .btn a.write{background:#3ab0fd;color:#fff}
.information .btn a.out{background:#f1f1f1;color:#999}
.account_left .a_nav{margin-top:10px}
.account_left .a_nav a{line-height:20px;color:#333;text-align: left;display: block;padding-left:20px;margin:25px 0}
.account_left .a_nav a.cur,.account_left .a_nav a:hover{border-left:4px solid #3ab0fd;color:#3ab0fd}
.account_right{width:880px;float:right;}
.account_right .class_content,.baoming_list{padding:20px;background:#fff;border-radius:4px;margin-top:10px}
.account_right .class_content .content{float:left;margin-left:20px;}
.account_right .class_content .content h1{font-size:16px;font-weight:bold;color:#333;}
.account_right .class_content .content h1 span{color:#999;font-size:13px;margin-left:15px;font-weight:normal}
.account_right .class_content .content li{float:left;width:210px;text-align: center;border-right:1px solid #f1f1f1;margin-top:35px;line-height:20px}
.account_right .class_content .content li:last-child{border:0}
.account_right .class_content .content li span{color:#999}
.account_right .class_content .content li em{color:#3ab0fd}


.list_title{background:#f9fdff;color:#333;font-weight:bold;line-height:50px}
.list_title li,.list_content dl dd{width:140px;text-align: center;float:left}
.list_title1 li,.list_content1 dl dd{width:160px}
.list_content li{border-bottom:1px dashed #f1f1f1;line-height:45px}
.list_content dl .open_btn{height:17px;width:17px;background:url(../images/open_icon.png) no-repeat ;margin:14px auto}
.list_content dl .open_btn1{height:17px;width:17px;background:url(../images/close_icon.png) no-repeat center}
.open_content{background:#fafafa;padding:20px;display:none}
.open_content li{border-bottom:1px solid #f1f1f1}
.open_content li div{margin-left:70px;float:left;text-align: left;color:#999;margin-top:15px}
.open_content li div:first-child{margin-left:0}
.open_content li div:nth-child(2){margin-left:10px;margin-top:27px}
.open_content li div p{color:#333;margin-top:0;margin-bottom:10px;line-height:20px}
.open_content li div span{color:#999}
.open_content li div img{width:60px;height:80px}
.open_content li a{color:#36AEFD;text-decoration: underline;}
.open_content li a:first-child{margin-top:15px}

.table{width:100%;border-collapse: collapse;text-align: left;}
.table th{background:#f9fdff;color:#333;font-weight:bold;line-height:45px;padding:0 10px}
.table tr:not(.store-tr):hover {
        background: #f1f1f1
  }
.table td{border-bottom:1px dashed #f1f1f1;padding:15px 10px}
.table td p{line-height:20px}
.table td p span,.c999{color:#999}
.table td .person img{float:left;width:120px;height:80px}
.table td .person div{float:left;margin-left:10px}
.table td a{color:#3ab0fd}
.blue{color:#36AEFD !important}
.green{color:#14b308}
.screen li{margin-left:20px}
.screen li,.screen label{float:left;line-height:40px}
.screen input, .add li input, .add li select, .screen select {
    width: 180px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    margin-left: 5px;
    padding: 0 10px
}
    .add li select{
        width:200px
    }
    .screen a {
        padding: 0 15px;
        color: #fff;
        border-radius: 4px;
        background: #3ab0fd;
        line-height: 40px;
        display: inline-block;
        margin-left: 15px
    }
.screen li:last-child{float:right}


.add h1 {
    font-size: 16px;
    line-height: 40px
}

.add .remarks {
    line-height: 40px;
    background: #fbfbfb;
    color: red;
    border-radius: 4px;
    padding: 0 10px
}

.baoming_list .remarks {
    line-height: 40px;
    background: #fbfbfb;
    color: red;
    border-radius: 4px;
    padding: 0 10px;
    padding-right:20px
}
.baoming_list .remarks a{
    color:orange
}

.add ul {
    margin-top: 20px
}

.add li label {
    width: 80px;
    float: left;
    margin-left: 10px;
    line-height: 40px;
    margin-bottom: 10px
}

.add li {
    float: left
}

    .add li:first-child {
        width: 670px
    }

    .add li:last-child {
        width: 130px
    }

        .add li:last-child p {
            text-align: center;
            color: #999
        }

    .add li>div {
        width: 330px;
        height: 55px;
        float: left
    }

    .add li input {
        margin-bottom: 10px
    }

        .add li input[type="radio"] {
            width: 15px !important;
            float: left
        }

    .add li span {
        float: left;
        margin-top: 15px
    }

.add_btn {
    width: 180px;
    margin: 20px auto
}

    .add_btn a {
        line-height: 40px;
        padding: 0 25px;
        background: #36AEFD;
        color: #fff;
        display: inline-block;
        border-radius: 4px
    }


.contacts{line-height:50px;border-top:1px solid #ededed;margin-top:30px}
.contacts img,.contacts div{float:left}
.contacts img{margin-right:15px;margin-top:13px}
.open_content1 li div{margin-left:30px}

.jindu h1{font-size:16px;margin-bottom:25px}
.jindu span{width:25px;height:25px;border-radius:100px;color:#fff;background:#36AEFD;text-align: center;line-height:25px;display: inline-block;}
.jindu_details{840px;padding:0 15px;background:#f9f9f9;border-radius:4px;margin:10px 0}
.jindu_details p{float:left;width:250px;line-height:40px;margin-top:0}
.jindu b{margin-left:10px;display: inline-block;}


.videolist { position:relative; width:185px;height:150px;float:left; z-index:0}
.videolist:hover{ cursor: pointer; }
.videoed { display:block; width:50px; height:50px; position: absolute; left:38%; top:38%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.news_list li a{line-height:50px;border-bottom:1px dashed #ededed;display: block;}
.news_list li span{float:right;color:#999}
.news_list li a:hover{background:#f1f1f1}
.news_content h1{font-size:16px;text-align: center;}
.news_content .date{auto;text-align: center;line-height:40px}
.news_content .date span{color:#36AEFD;margin-right:10px}
.news_content .con p{text-indent: 20px;line-height:20px;color:#666}

.Slider{width:180px;position:fixed;top:200px;right:60px;border:1px solid #ededed;background:#f1f1f1;text-align: center;padding:20px 0}
.Slider img{width:180px;height:206px;}
.Slider p{color:#999}

.infor{width:1000px;float:left}
.infor label,.infor input,.infor .btn a{margin-top:10px}
.infor label{width:135px;float:left;line-height:40px;margin-left:50px}
.infor label span{color:red}
.infor input{width:280px;padding:0 10px;float:left;line-height:40px;border:1px solid #ededed;border-radius:4px}
.infor .btn a,.dl_btn a{width:40px;line-height:44px;border-radius:4px;color:#fff;background:#36AEFD;float:left;text-align: center;margin-left:10px}
.flie{width:170px;height:120px;font-size:24px;color:#999;float:right;background:#f1f1f1;border-radius:4px;text-align: center;padding-top:80px;margin-top:20px}
.flie p{font-size:14px}
.dl_btn{
    text-align:center;
}
.dl_btn a {
    width: 100px;
    margin: 50px auto;
    float: none;
    display: inline-block;
}
    .dl_btn a.cancel {
        background: #ccc;
    }


.lesson_bg{width:100%;height:100px;background:url(../images/bg1.png) no-repeat center;color:#fff;text-align: center;font-size:24px;padding-top:50px}
.lesson_bg p{font-size:14px;margin-top:10px}
.lesson_banner{margin-top:10px}
.lesson_banner img{width:800px;float:left;height:500px}
.lesson_list{width:350px;background:#393939;color:#c7c7c7;float:left;padding:0 20px}
.lesson_list h1{font-size:16px;line-height:40px}
.lesson_list ul{height:440px;overflow-y: auto}
.lesson_list ul li{font-weight:bold;margin-top:35px}
.lesson_list ul li:first-child{margin-top:0}
.lesson_list ul li p{font-weight:normal}
.lesson_list ul li a:hover,.lesson_list ul li a.cur{color:#36AEFD}
.lesson_list ul::-webkit-scrollbar {display: none}
.lesson_gangwei{margin:20px auto}
.lesson_gangwei li{width:540px;background:#fff;border-radius:4px;padding:20px;float:left;margin-top:15px;margin-left:10px}
    .lesson_gangwei li img {
        float: left;
        width: 200px;
        height: 150px;
    }
    .lesson_gangwei li .con {
        float: left;
        width: 340px
    }

.lesson_gangwei li .name{margin-left:40px}
.lesson_gangwei li .name h1{font-size:16px; margin-bottom:40px;}
    .lesson_gangwei li .btn a{
        display:inline-block;
        width: 150px;
        margin-top: 30px;
        line-height: 40px;
        border-radius: 4px;
        background: #36AEFD;
        color: #fff;
        text-align: center;
        margin-left: 50px;
        cursor:pointer;
    }

    .lesson_gangwei li .close a {
        display: inline-block;
        width: 150px;
        margin-top: 30px;
        line-height: 40px;
        border-radius: 4px;
        background: #f1f1f1;
        color: #999;
        text-align: center;
        margin-left: 50px;
        cursor: pointer;
    }

.xueyuan_choice li{width:310px;border-radius:4px;padding:20px;background:#fbfbfb;float:left;border:1px solid #ededed;float:left;margin-left:20px;margin-top:15px}
.xueyuan_choice li:hover,.xueyuan_choice li.cur{background:#f9fdff;border:1px solid #36AEFD}
.xueyuan_choice li .student img{float:left;width:80px;height:80px;border-radius:100px;}
.xueyuan_choice li .student div{float:left;margin-left:15px}
.xueyuan_choice li .student p:first-child{font-weight:bold;color:#000}
.xueyuan_choice label,.xueyuan_choice input{float:left;line-height:30px;margin-top:15px}
.xueyuan_choice label{width:90px}
.xueyuan_choice input{width:180px;border:1px solid #ededed;border-radius:4px;background:#fff;padding:0 10px}
.xueyuan_choice .up_file{width:280px;margin:20px auto}
.xueyuan_choice .up_file dd{width:130px;padding-top:50px;height:100px;color:#999;font-size:30px;text-align: center;float:left;background:#fff;border-radius:4px}
.xueyuan_choice .up_file dd p{font-size:14px}
.xueyuan_choice .up_file dd:last-child{margin-left:20px}
.tips{margin-left:20px}
.tips p:first-child{color:red}


.mask{margin:0;padding:0;border:none;width:100%;height:100%;background:#333;opacity:0.6;filter:alpha(opacity=60);z-index:9999;position:fixed;top:0;left:0;display:none;}
.close_btn img{width:20px;height:20px;float:right;margin:10px}
.dl_logo{text-align: center;}
.dl_logo img{width:180px;margin:0 auto}
#LoginBox{position:absolute;background:#fff;padding-bottom:30px;border-radius:7px;z-index:10000;display:none;top:50%;left:50%;margin-top:-196px;margin-left:-395px }
#LoginBox .right1{width:400px;}
#LoginBox h1{font-size:16px;text-align: center;margin-bottom:30px}
#LoginBox ul{width:300px;margin:0 auto}
#LoginBox ul li{margin-top:10px}
#LoginBox input,#loginbtn{width:100%;border-radius:4px;line-height:40px;border:0;padding:0 10px}
#LoginBox input{background:#f1f1f1}
#loginbtn{color:#fff !important;background:#4490f7;display: block;text-align: center;}
#LoginBox ul li a{color:#36AEFD}
#LoginBox ul li p{text-align: center;color:#999}
#LoginBox ul li p:first-child{margin-top:30px}
.warning{float:right;color:Red;text-decoration:none;font-size:20px;font-weight:bold;margin-right:20px;display:none;}

.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(/ImagesTest/green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}

    .icheckbox_square-green.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-green.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-green.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-green.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-green {
    background-position: -120px 0;
}

    .iradio_square-green.hover {
        background-position: -144px 0;
    }

    .iradio_square-green.checked {
        background-position: -168px 0;
    }

    .iradio_square-green.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-green.checked.disabled {
        background-position: -216px 0;
    }
.xgcl {
    width: 120px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ccc;
    margin: 0 auto;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    overflow:hidden;
}
    .xgcl img {
        width: 120px;
        height: 50px;
    }

    .xgcl.noselect{
        border:1px solid red;
    }

    .store-tr{
        display:table-row !important;
    }