html{ min-width:1200px;
    overflow-x:auto;
    overflow-y:auto;
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

body
{
    margin:0;
    padding:0;
    font-family:"΢ÈíÑźÚ",Arial;
    font-size:14px;
    overflow-x:hidden;
    overflow-y:auto;
    _background-image: url(about:blank);
    _background-attachment: fixed;
}
a{color:#656565; text-decoration:none;}
a:hover{color:#eacd00;text-decoration:none;}
li{list-style-type:none;}
.body{
    background:#F8F8F8;
}
.viewBottom{
    width:auto;
    margin:0 auto;
    padding-top:5px;
    padding-bottom:5px;
    background:#f8f8f8 url(images/viewBg.png) center top no-repeat;
}
.body1{
    background:#F8F8F8 url(images/banner6.png) center top no-repeat;
}
.bannerBox{
    width:auto;
    margin:0 auto;
    height:140px;
    background:url(images/topBg.png) center center no-repeat;
}
.bannerSubBox{
    width:auto;
    margin:0 auto;
    height:130px;
    background:url(images/banner6.png) center center no-repeat;
}
.bannerView{
    width:1200px;
    margin:0 auto;
}

.ghLogo0 {
    float: left;
    width: auto;
    height: 75px;
    background: url(images/logo0.png) left center no-repeat;
    margin-top: 30px;
    padding-left: 100%;
    background-size: auto 100%;
}

.ghLogo1 {
    float: left;
    width: auto;
    height: 75px;
    background: url(images/logo1.png) left center no-repeat;
    margin-top: 30px;
    padding-left: 100%;
    background-size: auto 100%;
}

.ghLogo2 {
    float: left;
    width: auto;
    height: 75px;
    background: url(images/logo2.png) left center no-repeat;
    margin-top: 30px;
    padding-left: 100%;
    background-size: auto 100%;
}

.ghLogo3 {
    float: left;
    width: auto;
    height: 75px;
    background: url(images/logo3.png) left center no-repeat;
    margin-top: 30px;
    padding-left: 100%;
    background-size: auto 100%;
}


.ghLogo4 {
    float: left;
    width: auto;
    height: 75px;
    background: url(images/logo4.png) left center no-repeat;
    margin-top: 30px;
    padding-left: 100%;
    background-size: auto 100%;
}

.ghLogo5 {
    float: left;
    width: auto;
    height: 75px;
    background: url(images/logo5.png) left center no-repeat;
    margin-top: 30px;
    padding-left: 100%;
    background-size: auto 100%;
}

.ghLogo6 {
    float: left;
    width: auto;
    height: 75px;
    background: url(images/logo6.png) left center no-repeat;
    margin-top: 30px;
    padding-left: 100%;
    background-size: auto 100%;
}


.ghLogo{
    float:left;
    width:auto;
    height:75px;
    background:url(images/ghLogo.png) left center no-repeat;
    margin-top:30px;
    padding-left:90px;
}
.ghSubLogo{
    float:left;
    width:auto;
    height:75px;
    background:url(images/ghLogo.png) left center no-repeat;
    margin-top:25px;
    padding-left:90px;
}

.ghChName{
    font-size: 28px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #6E202D;
    margin-top:5px;
}
.ghEnName{
    font-size: 16px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #6E202D;
}

.newsViewBox{
    width:auto;
    margin:0 auto;
    opacity: 1;
    padding-top:10px;
    padding-bottom:10px;
}

.thirdBox{
    width:1200px;
    margin:0 auto;
    margin-top:15px;
}

.foueBox{
    width:1200px;
    margin:0 auto;
    margin-top:5px;
}

.loginBox{
    width:auto;
    margin:0 auto;
    background:#ffffff;
    border-top-left-radius:10px;
}

.userBox{
    width: 1200px;
    margin:0 auto;
    height: 120px;
    opacity: 1;
    margin-top:200px;
    background: #FFFFFF;
    box-shadow: 0px 10px 28px 1px rgba(0, 0, 0, 0.08);
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
    border: 1px solid #E2E8F0;
}
.loginTit{
    width: 124px;
    height:36px;
    line-height:36px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/loginTit.png) left center no-repeat;
    padding-left:10px;
    text-align:center;
}

.zbjViewBox{
    width:auto;
    margin:0 auto;
    background:#fff;
    padding-top:20px;
}

.bussiTit{
    width: 168px;
    height:43px;
    line-height:43px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/reportTit.png) left center no-repeat;
    padding-left:10px;
    text-align:center;
    margin-top:-7px;
}

.odd{
    background:#FBFCFD;
}

.rankTit{
    width: 250px;
    height:36px;
    line-height:36px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/rankTit.png) left center no-repeat;
    padding-left:10px;
    text-align:center;
    margin-top:-7px;
}

.srqtTit{
    width: 168px;
    height:43px;
    line-height:43px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/ywqtTit.png) left center no-repeat;
    padding-left:10px;
    text-align:center;
    margin-top:-7px;
}

.courseRow{
    width:auto;
    margin:0 auto;
}
.courseTit{
    float:left;
    width: 168px;
    height:43px;
    line-height:43px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/zxkcTit.png) left center no-repeat;
    padding-left:10px;
    text-align:center;
    margin-top:-7px;
}
.courseMore{
    float:right;
    height:43px;
    line-height:43px;
    color:#5B8BFF;font-size: 16px;
    cursor:pointer;
    margin-right:24px;
}
.courseMore:HOVER{
    float:right;
    height:43px;
    line-height:43px;
    color:#5B8BFF;
    font-weight:bold;
    font-size: 16px;
    cursor:pointer;
    margin-right:24px;
}

.userTit{
    width: 245px;
    margin-top:-10px;
    height:40px;
    line-height:40px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/wo.png) left center no-repeat;
    text-align:center;
}

.userList{
    width:1200px;
    height:120px;
    margin:0 auto;
    margin-top:73px;
    background-color:#fff;
    box-shadow: #999 1px 1px 10px;
}

.flowContainer{
    width: 1200px;
    margin:0 auto;
    height:50px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0px 10px 28px 1px rgba(0, 0, 0, 0.08);
    opacity: 1;
    border-radius: 12px;
    margin-top:16px;
}
.flowBox{
    width:auto;
    margin:0 auto;
    background-color:#fff;
    height:150px;
}

.userUnit{
    width:auto;
    margin-left:15px;
    height:60px;
    border-radius:10px;
}

.userUnit:HOVER{
    width:auto;
    margin-left:15px;
    height:60px;
    background-color:#d2dbe2;
    cursor:pointer;
    border-radius:10px;
}

.logoBox{
    width:auto;
    margin:0 auto;
    height:65px;
    line-height:65px;
    padding-top:95px;
    text-align:right;
    background:url(images/logo.png) left 40px center no-repeat;
}

.user{
    background-image:url(images/xy4.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:50px auto;
}
.qyzj{
    background-image:url(images/zj4.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:50px auto;
}
.company{
    background-image:url(images/qy4.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:55px auto;
}
.pxs{
    background-image:url(images/pxs4.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:65px auto;
}
.tech{
    background-image:url(images/tech.png);
    background-repeat: no-repeat;
    background-position: left 25px center;
    background-size:50px 50px;
}
.gh{
    background-image:url(images/gh4.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:50px auto;
}
.userTitle{
    font-size:22px;
    font-family:"΢ÈíÑźÚ";
    color:#292929;
    margin-left:95px;
    line-height:60px;
    cursor:pointer;
}
.bussinessBox{
    width: 1200px;
    margin:0 auto;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 3px 6px rgba(170, 170, 170, 0.16);
    opacity: 1;
    border-radius: 16px;
    margin-top:18px;
}

.myBussinessTit{
    width: 245px;
    margin-top:-10px;
    height:40px;
    line-height:40px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/wo.png) left center no-repeat;
    text-align:center;
}

.bussiUnit{
    width:auto;
    margin-left:15px;
    margin-right:15px;
    margin-top:10px;
    height:50px;
    border-radius:10px;
}

.bussiUnit:HOVER{
    width:auto;
    margin-left:15px;
    margin-right:15px;
    margin-top:10px;
    background-color:#d2dbe2;
    height:50px;
    border-radius:10px;
}
.bussiModelTitle{
    font-size:22px;
    font-family:"΢ÈíÑźÚ";
    color:#292929;
    margin-left:75px;
    line-height:50px;
    cursor:pointer;
}

.xljyIcon{
    background-image:url(images/xljy3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}
.jnpxIcon{
    background-image:url(images/jnpx3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}
.szjyIcon{
    background-image:url(images/szdjt3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:32px auto;
}
.ghgbIcon{
    background-image:url(images/gbpx3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:32px auto;
}
.qybzzIcon{
    background-image:url(images/qyzbz3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}

.xqhzIcon{
    background-image:url(images/cjrh3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}

.lmgjIcon{
    background-image:url(images/lmgj3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}

.xmhzIcon{
    background-image:url(images/xmhz3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}

.jxdIcon{
    background-image:url(images/jxd3.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}

.loginTitle{
    width:auto;
    margin:0 auto;
    font-size:22px;
    font-family:"΢ÈíÑźÚ";
    color:#333333;
    font-weight:bold;
    text-align:center;
}


.flowTitle{
    width:auto;
    text-align:center;
    line-height:50px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #000000;
    opacity: 1;
    /*background:url(images/flowL.png) center center no-repeat;*/
}

.flowUnit{
    width:60px;
    margin:0 auto;
    height:50px;
    line-height:50px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    opacity: 1;
    text-align:center;
    padding-left:36px;
}

.step1{
    background:url(images/step1.png) left center no-repeat;

}
.step2{
    background:url(images/step2.png) left center no-repeat;

}
.step3{
    background:url(images/step3.png) left center no-repeat;

}
.step4{
    background:url(images/step4.png) left center no-repeat;

}
.step5{
    background:url(images/step5.png) left center no-repeat;

}


.flowArrow{
    width:40px;
    height:22px;
    margin:0 auto;
    background:url(images/arrow.png) center center no-repeat;
}


table.tabno/*Îޱ߿ò±í¸ñ£¨²¼¾ÖʹÓã©*/
{
    width: 100%;
    border-collapse: collapse;
    border: 0 none;
    table-layout:fixed;
}
table.tabno td
{
    border: 0 none;
    padding:0;
    margin:0;
}


.courseBox{
    width:1200px;
    margin:0 auto;
    margin-top:15px;
    margin-bottom:15px;

}

.bussiConts{
    width:auto;
    margin:0 auto;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 3px 6px rgba(136, 136, 136, 0.16);
    opacity: 1;

    border-top-left-radius:0;
    margin-top:5px;
}

.hotBox{
    width:1200px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    background: #fff;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
    opacity: 1;
}

.hotTitle{
    width:auto;
    height:50px;
    line-height:50px;
    background-color:#eee;
    border-bottom:1px solid #ddd;
    padding-left:30px;
    font-size:22px;
    font-weight:bold;
    color:#333;
}

.bussiTitle{
    width:auto;
    height:50px;
    line-height:50px;
    background-color:#fff;
    border-bottom:1px solid #ddd;
    padding-left:30px;
    font-size:22px;
    font-weight:bold;
    color:#333;

}

.bussiTitBar{
    width:auto;
    margin:0 auto;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size: 22px;
    margin-bottom:0;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
    background:url(images/bussiness.png) center center no-repeat;
}

.bussinessConts{
    width:auto;
    margin:0 auto;
    margin-top:0;
    background-color:#fff;
    border:1px solid #ddd;
    padding-left:25px;
    padding-bottom:10px;
    border-top:0 none;
    border-radius: 16px;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.bussiBox{
    width:1200px;
    margin:0 auto;
    margin-top:23px;
    margin-bottom:23px;
}
.bussiContainer{
    width:1200px;
    margin:0 auto;
    margin-top:10px;
}
.firstBox{
    width:1200px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
}
.secondBox{
    width:1200px;
    margin:0 auto;
    margin-top:15px;
    margin-bottom:15px;
}
.bussiInBox{
    width:auto;
    margin:0 auto;
    background: #FFFFFF;
    box-shadow: 0px 10px 28px 1px rgba(0, 0, 0, 0.08);
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
    border: 1px solid #E2E8F0;
    padding-bottom:20px;
}
.qtInBox{
    width:auto;
    margin:0 auto;
    margin-left:10px;
    background: #FFFFFF;
    box-shadow: 0px 10px 28px 1px rgba(0, 0, 0, 0.08);
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
    border: 1px solid #E2E8F0;padding-bottom:20px;
}

.hotConts{
    width:auto;
    margin:0 auto;
    padding-left:25px;
    padding-bottom:25px;
}
.courseTitle{
    width:200px;
    margin:0 auto;
    height:80px;
    line-height:80px;
    font-size:22px;
    font-family:"΢ÈíÑźÚ";
    font-weight:400;
    color:#fff;
    background-color:#1b74dc;
    padding-left:80px;
    cursor:pointer;
}
.courseTitle:HOVER,.courseTitleHover{
    width:200px;
    margin:0 auto;
    height:60px;
    margin-left:10px;
    line-height:60px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:22px;
    font-family:"΢ÈíÑźÚ";
    font-weight:400;
    color:#333333;
    background-color:#fff;
    padding-left:80px;
    cursor:pointer;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.iconXljy{
    background-image:url(images/xljy.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconXljyHover,.iconXljy:HOVER{
    background-image:url(images/xljy1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.pt-perspective {
    position: relative;
    width:auto;
    margin:15px;
    margin-top:0;
    height: 230px;
    overflow:hidden;
    padding:0;
}
.pt-perspective ul{
    margin:0;
    padding:0;
}

.pt-perspective li{
    height:263px;width:auto;margin:0 auto;overflow:hidden; vertical-align:top; zoom:1;
    padding:0;
}

.iconJnjd{
    background-image:url(images/jnjd.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconJnjdHover,.iconJnjd:HOVER{
    background-image:url(images/jnjd1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}

.iconSzjz{
    background-image:url(images/szdjt.png);
    background-size: 35px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconSzjzHover,.iconSzjz:HOVER{
    background-image:url(images/szdjt1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}


.iconGbpx{
    background-image:url(images/gbpx.png);
    background-size: 35px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconGbpxHover,.iconGbpx:HOVER{
    background-image:url(images/gbpx1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}

.iconJnpx{
    background-image:url(images/jnpx.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconJnpxHover,.iconJnpx:HOVER{
    background-image:url(images/jnpx1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}

.iconQyzbz{
    background-image:url(images/qyzbz.png);
    background-size: 35px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconQyzbzHover,.iconQyzbz:HOVER{
    background-image:url(images/qyzbz1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}

.iconCjrh{
    background-image:url(images/cjrh.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconCjrhHover,.iconCjrh:HOVER{
    background-image:url(images/cjrh1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}

.iconLmgj{
    background-image:url(images/lmgj.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconLmgjHover,.iconLmgj:HOVER{
    background-image:url(images/lmgj1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}

.iconXmhz{
    background-image:url(images/xmhz.png);
    background-size: 50px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconXmhzHover,.iconXmhz:HOVER{
    background-image:url(images/xmhz1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconJxd{
    background-image:url(images/jxd.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}
.iconJxdHover,.iconJxd:HOVER{
    background-image:url(images/jxd1.png);
    background-size: 40px auto;
    background-repeat:no-repeat;
    background-position:left 20px center;
}

.bottomBox{
    width:auto;
    margin:0 auto;
    background-color:#002850;
}

.qqIcon{
    width:auto;
    margin:0 auto;
    margin-top:5px;
    background:url(images/qq.png) left center no-repeat;
    padding-left:27px;
    font-size:14px;
    color:#ffffff;
}
.qqTxt{
    height:48px;
    line-height:48px;
    font-size:14px;
    color:#fff;
}

.dzIcon{
    height:24px;
    line-height:24px;
    font-size:14px;
    color:#fff;
    padding-left:32px;
    background:url(images/addr.png) left center no-repeat;
    margin-top:48px;
}

.versionIcon{
    height:24px;
    line-height:24px;
    font-size:14px;
    color:#fff;
    padding-left:32px;
    background:url(images/version.png) left center no-repeat;
    margin-top:48px;
}


.gslTitleLeft{
    float:left;
    background:url(images/gsl.png) no-repeat left 5px center;
    height:32px;
    line-height:32px;
    padding-left:45px;
    color: #000000;
    font-weight:bold;
    font-size: 18px;
    letter-spacing: 0px;
}

.codeIcon1{
    float:right;
    width:74px;
    margin:0 auto;
    margin-top:5px;
    background:url(images/code1.jpg) top center no-repeat;
    background-size:74px 74px;
    margin-top:5px;
    padding-top:86px;
    font-size:16px;
    color:#ffffff;
    text-align:center;
    margin-right:38px;
}
.codeIcon2{
    float:right;
    width:74px;
    margin:0 auto;
    margin-top:5px;
    background:url(images/code2.jpg) top center no-repeat;
    background-size:74px 74px;
    margin-top:5px;
    padding-top:86px;
    font-size:16px;
    color:#ffffff;
    text-align:center;
    margin-right:38px;
}
.codeIcon3{
    width:74px;
    margin:0 auto;
    margin-top:17px;
    background:url(images/code3.jpg) top center no-repeat;
    background-size:74px 74px;
    margin-top:5px;
    padding-top:80px;
    font-size:14px;
    color:#ffffff;
    text-align:center;
}
.codeIcon4{
    width:74px;
    margin:0 auto;
    margin-top:17px;
    background:url(images/code4.png) top center no-repeat;
    background-size:74px 74px;
    margin-top:5px;
    padding-top:80px;
    font-size:14px;
    color:#ffffff;
    text-align:center;
}
.dzTxt{
    margin-top:14px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 16px;
    margin-bottom:48px;
}
.versionTxt{
    margin-top:14px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 16px;
    margin-bottom:48px;
}

.contactTitle{
    height:24px;
    line-height:24px;
    font-size:14px;
    color:#fff;
    padding-left:32px;
    background:url(images/rxphone.png) left center no-repeat;
    margin-top:48px;
}
.contactPhone{
    margin-top:14px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 16px;
    margin-bottom:48px;
}
.contactPhone2{
    font-size:25px;
    color:#fff;
    font-weight:bold;
    margin-left:20px;
    margin-top:30px;
}
.footer{
    width:auto;
    margin:0 auto;
    height:56px;
    background-color:#1a1a1a;
}

.newsBox{
    width:auto;
    padding:50px;
    padding-top:20px;
    padding-bottom:20px;
    height:720px;
    overflow:auto;
    overflow-x:hidden;

}

.newsTitle{
    width:auto;
    margin:0 auto;
    height:60px;
    line-height:60px;
    font-size:24px;
    color:#333333;
    font-weight:bold;
    text-align:center;
    margin-top:30px;
    margin-bottom:10px;
}
.newsConts{
    width:1100px;
    margin:0 auto;
    padding-bottom:30px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 32px;
}


.imgBox{
    float:left;
    width:280px;
    margin-right:26px;
    cursor:pointer;
    margin-top:20px;
}
.imgUnit{
    width:285px;
    height:160px;
}
.imgTxt{
    min-height:50px;
    line-height:50px;
    color:#333333;
    font-size:18px;
    font-weight:500;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.br{
    width:auto;
    margin:0 auto;
    height:15px;
    background:url(images/br.gif) top center repeat-x;
}

.courseCxBox{
    float:left;
    width:270px;
    margin-right:20px;
    margin-top:20px;
    cursor:pointer;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(32,142,251,0.05);
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
    border: 1px solid #DFEFFF;
}
.courseCxTitle{
    width:270px;
    color:#333333;
    padding-left:10px;
    padding-right:10px;
    margin-top:6px;
    margin-bottom:6px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    text-align:left;
}

.circleBox{
    float:left;
    margin-top:25px;
    width:60px;
    text-align:center;
}
.circle{
    width:32px;
    margin:0 auto;
    height:32px;
    color:#ffffff;
    background:url(images/circle.png) center center no-repeat;
    background-size:32px 32px;
    text-align:center;
    line-height:32px;
    font-size:22px;
}
.ctit{
    color:#3b87db;
    font-size:20px;
    margin-top:10px;
}

.blueLine{
    float:left;
    width:140px;
    height:2px;
    background-color:#3b87db;
    margin-top:40px;
}


.choiceBox{
    width:540px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:16px;
    margin:0 auto;
    margin-top:10px;cursor:pointer;
}

.common{
    float:left;
    width:180px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:#fff;
    font-size:16px;
    color:#333;
    font-weight:bold;cursor:pointer;
}

.hover,.common:HOVER{
    float:left;
    width:180px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:#ff7940;
    color:#fff;
    font-weight:bold;border-radius:8px;
    font-size:16px;cursor:pointer;
}

.title1{
    font-size:16px;
    font-weight:bold;
    line-height:28px;
}

.title2{
    font-size:18px;
    line-height:42px;
}

.conts{
    font-size:18px;
    line-height:42px;
}

/*¹ö¶¯ÌõÕûÌ岿·Ö,±ØÐëÒªÉèÖÃ*/
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background-color: transparent;
}
/*¹ö¶¯ÌõµÄ¹ìµÀ*/
::-webkit-scrollbar-track{
    background-color: transparent;
}
/*¹ö¶¯ÌõµÄ»¬¿é°´Å¥*/
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #1b74dc;
}
/*¹ö¶¯ÌõµÄÉÏÏÂÁ½¶ËµÄ°´Å¥*/
::-webkit-scrollbar-button{
    height: 0;width:0;
    background-color: #1b74dc;
}

::-webkit-scrollbar-corner{
    background-color: transparent;
}

.btnReport{
    width:150px;
    border:1px solid #999999;
    border-radius:20px;
    font-size:16px;
    color:#3b1e88;
    height:36px;
    line-height:36px;
    text-align:center;
    margin-left:10px;
    background-color:#f1f1f1;
    cursor:pointer;
}

.tlffScrollBox{
    width:1200px;
    margin:0 auto;
    border: 0 none;
    overflow: hidden;
}

.tlffScrollBox ul {
    padding:0;
    white-space: nowrap;
}

.tlffScrollBox ul li {
    display: inline-block;
    margin-right: 10px;
}

.tlffScrollBox ul img {
    vertical-align: top;
}

.tlffRow{
    border:1px solid #f2f2f2;
    width:210px;
    height:280px;
    padding:10px;
    background-color:#fff;
    border-radius: 5px;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor:pointer;
}

.tlffTitle{
    margin-top:10px;
    margin-bottom:10px;
    font-size:16px;
    width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.szzgjyCode{
    width:220px;
    padding-left:130px;
    margin:0 auto;
    height:120px;
    line-height:120px;
    background-size:120px auto;
    background:url(images/szzgjy.jpg) left center no-repeat;
    font-size:18px;
    font-weight:bold;
}
.szzgjyTitle{
    width:auto;
    margin:0 auto;
    text-align:center;
    font-size:22px;
    color:#000000;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;
}


.showBtnBox{
    width:auto;
    margin:0 auto;
    text-align:center;
    margin-top:20px;
}

.marl20{
    margin-left:20px;
}

.btnViewReport{
    width:150px;
    height:40px;
    line-height:40px;
    border:1px solid #115cb2;
    border-radius:5px;
    background-color:#1b74dc;
    color:#ffffff;
    text-align:center;
    cursor:pointer;
    font-size:14px;
}
.btnViewReport:HOVER{
    width:150px;
    height:40px;
    line-height:40px;
    border:1px solid #0c52a3;
    border-radius:5px;
    background-color:#196ed1;
    color:#ffffff;
    text-align:center;
    cursor:pointer;
    font-size:14px;
}

table.tabview/*±íµ¥±í¸ñ*/
{
    width:100%;
    table-layout: fixed;
    border-collapse:collapse;
}
table.tabview th
{
    text-align:center;
    border-collapse:collapse;
    border:1px solid #dddddd;
    line-height:28px;
    background:#deeefa;
    font-family:"΢ÈíÑźÚ",Arial;
    color:#212121;
    font-size:14px;
    font-weight:300;
    padding:0;
    white-space:normal;
    word-wrap:break-word;
    word-break:break-all;
    padding:5px;
    font-weight:bold;
}
table.tabview td
{
    text-align:left;
    line-height:28px;
    border-collapse:collapse;
    border:1px solid #dddddd;
    font-family:"΢ÈíÑźÚ",Arial;
    color:#212121;
    font-size:14px;
    margin:0;
    padding:0;
    white-space:normal;
    word-wrap:break-word;
    word-break:break-all;
    padding:5px;
}


.viewBox{
    width:1200px;
    margin:0 auto;
    margin-top:20px;

}
.viewBox1{
    width:1200px;
    margin:0 auto;

}

.navBox{
    width:auto;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:15px;
    font-size:16px;
    color:#333333;
}
.navBox span{
    width:auto;
    margin:0 auto;
    margin-top:24px;
    margin-bottom:24px;
    font-size:16px;
    color:#0A6CFF;
}
.ymxlTit{
    width:auto;
    margin:0 auto;
    height:40px;
    line-height:40px;
    background:#fafafa url(images/majorTitBg.png) left center no-repeat;
    border-top-left-radius:24px;
}
.zsbTitTxt{
    width:auto;
    height:40px;
    line-height:40px;
    background:url(images/iconZsb.png) left center no-repeat;
    font-size: 18px;
    font-weight: 500;
    color: #5C44A9;
    margin-left:16px;
    text-align:left;
    padding-left:42px;
}

.gqzTitTxt{
    width:auto;
    height:40px;
    line-height:40px;
    background:url(images/iconGqz.png) left center no-repeat;
    font-size: 18px;
    font-weight: 500;
    color: #5C44A9;
    margin-left:16px;
    text-align:left;
    padding-left:42px;
}

.ymjhRow{
    float:left;
    width:200px;
    margin:0 auto;
    height:35px;
    line-height:35px;
    text-align:center;
    cursor:pointer;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    font-size: 16px;
    color: #333333;
    border: 1px solid #E2E8F0;
    margin-top:10px;
    margin-left:10px;
}

.ymjhRow:HOVER{
    float:left;
    width:200px;
    margin:0 auto;
    height:35px;
    line-height:35px;
    text-align:center;
    cursor:pointer;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    font-size: 16px;
    background: linear-gradient(51deg, #0066FF 0%, #589AFD 100%);
    color:#ffffff;
    margin-top:10px;
    margin-left:10px;
}

.ymxlBox{
    width:auto;
    margin:0 auto;
    border:0 none;
    padding:10px;
}


.showZsbBox{
    position:absolute;
    width:320px;
    margin:0 auto;
    background: #F6FBFE;
    border-radius: 25px 25px 25px 25px;
    opacity: 1;
    z-index:1000;
    /*min-height:200px;
    margin-left:-360px;
    margin-top:-100px;
    z-index:1000;*/
}

.zsbDesc{
    width:320px;
    margin:0 auto;
    background:#ffffff;
    padding:10px;
    line-height:24px;
    border-radius:6px;
}
.zsbPointer{
    width:112px;
    height:75px;
    background:url(images/arrow2.png) right center no-repeat;
}
.zsbBox{
    width:auto;
    margin:0 auto;

    background: #FAFAFA;
    border-radius:24px;
    opacity: 1;
}
.contsBox{
    width:1200px;
    background: #FFFFFF;
    border-radius:12px;
    opacity: 1;
    margin-bottom:50px;
    min-height:600px;
}

.xljyInfTit{
    width:1100px;
    height:60px;
    margin:0 auto;
    background:url(images/ymxlTitle.png) right center no-repeat;
    padding-top:20px;
    padding-bottom:10px;
    font-size:20px;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    line-height:50px;
}
.jnpxInfTit{
    width:960px;
    height:100px;
    margin:0 auto;
    background:url(images/jnpxTitle.png) right center no-repeat;
    padding-top:50px;
    padding-bottom:60px;
}

.btnUserReport:HOVER{
    width: 160px;
    height: 56px;
    background: linear-gradient(51deg, #0066FF 0%, #589AFD 100%);
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    text-align:center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
    border:0 none;
    cursor:pointer;
}
.btnUserReport{
    width: 160px;
    height: 56px;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #1B74DC;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #1B74DC;
    background:#ffffff;
    cursor:pointer;
}

.jnpxReportBox{
    width:100%;
    margin:0 auto;
    height:56px;
    line-height:56px;
}
.jnpxShowTabHover,.jnpxShowTabCommon:HOVER{
    width:auto;
    margin:0 auto;
    height: 56px;
    line-height:24px;
    background: #F0EBFF;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #5C44A9;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    border-bottom:3px solid #5C44A9;
    cursor:pointer;
    padding-top:8px;
}

.jnpxShowTabCommon{
    width:auto;
    margin:0 auto;
    height: 56px;
    line-height:24px;
    background: #FBFBFB;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    border-bottom:3px solid #f9f8f8;
    cursor:pointer;
    padding-top:8px;
}

.bzzShowTabHover,.bzzShowTabCommon:HOVER{
    width:auto;
    margin:0 auto;
    height: 56px;
    line-height:56px;
    background: #F0EBFF;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #5C44A9;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    border-bottom:3px solid #5C44A9;
    cursor:pointer;
}

.bzzShowTabCommon{
    width:auto;
    margin:0 auto;
    height: 56px;
    line-height:56px;
    background: #FBFBFB;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    border-bottom:3px solid #f9f8f8;
    cursor:pointer;
}

.jnpxShuTab{
    width:141px;
    height:40px;
    line-height:40px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-align:right;
    cursor:pointer;
    margin-bottom:2px;
    padding-right:31px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.jnpxShuTab:HOVER,.jnpxShuHover{
    width:141px;
    height:40px;
    line-height:40px;
    background:url(images/shuTab.png) center center no-repeat;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #5C44A9;
    text-align:right;
    padding-right:31px;
    cursor:pointer;
    margin-bottom:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.bzzShuTab{
    width:141px;
    height:55px;
    line-height:55px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-align:right;
    cursor:pointer;
    margin-bottom:2px;
    padding-right:31px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.bzzShuTab:HOVER,.bzzShuHover{
    width:141px;
    height:55px;
    line-height:55px;
    background:url(images/shuTab.png) center center no-repeat;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
    color: #5C44A9;
    text-align:right;
    padding-right:31px;
    cursor:pointer;
    margin-bottom:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.jnpxWorkType{
    width:auto;
    margin:0 auto;
    min-height:260px;
    background: #FAFAFA;
    border-radius:24px;
    opacity: 1;
    padding:20px;
}

.jnpxWorkUnit{
    float:left;
    width: 210px;
    height: 48px;
    line-height:48px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #E2E8F0;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    font-size: 14px;
    font-weight: 500;
    color: #5C44A9;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.jnpxWorkUnit:HOVER{
    float:left;
    width: 210px;
    height: 48px;
    line-height:48px;
    background: #F0EBFF;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #E2E8F0;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    font-size: 14px;
    font-weight: 500;
    color: #5C44A9;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.showJnpxBox{
    position:relative;z-index:100px;margin-top:-102px;background-color:#ffffff;border-radius:10px;padding-bottom:2px;width:241px;
}
.zyjnChoiceLeft{
    color:#ffffff;cursor:pointer;font-size:16px;border-bottom-left-radius:10px;border-top-left-radius:10px;width:120px;height:50px;line-height:50px;text-align:center;float:left;background-color:#ffb82d;
}
.zyjnChoiceLeft:HOVER{
    color:#ffffff;cursor:pointer;font-size:16px;border-bottom-left-radius:10px;border-top-left-radius:10px;width:120px;height:50px;line-height:50px;text-align:center;float:left;background-color:#ea9e09;
}
.zyjnChoiceRight{
    color:#ffffff;margin-left:1px;cursor:pointer;font-size:16px;border-bottom-right-radius:10px;border-top-right-radius:10px;width:120px;height:50px;line-height:50px;text-align:center;float:left;background-color:#ffb82d;
}
.zyjnChoiceRight:HOVER{
    color:#ffffff;margin-left:1px;cursor:pointer;font-size:16px;border-bottom-right-radius:10px;border-top-right-radius:10px;width:120px;height:50px;line-height:50px;text-align:center;float:left;background-color:#ea9e09;
}

.ymjhUpBox{
    width:430px;min-height:200px;position:relative;border:1px solid #dddddd;border-radius:10px;padding:20px;margin-top:-297px;margin-left:-115px;
    background:#ffffff;
}

.ymjhDownBox{
    width:430px;min-height:200px;position:relative;border:1px solid #dddddd;border-radius:10px;padding:20px;margin-top:20px;margin-left:-115px;
    background:#ffffff;z-index:1000;
}

.ymjhDownPointer{
    position:absolute;
    width:20px;
    margin:0 auto;
    height:20px;
    background:url(images/pointer1.png) center top no-repeat;
    left:205px;
    top:-20px;
}

.ymjhUpPointer{
    position:absolute;
    width:20px;
    margin:0 auto;
    height:20px;
    background:url(images/pointer.png) center bottom no-repeat;
    left:205px;
    bottom:-20px;
}
.majorDetailRow{
    width:auto;
    margin:0 auto;
    text-align:left;
    line-height:25px;
    font-size: 16px;
    font-weight: 500;
    color: #0A6CFF;
    margin-bottom:5px;
    font-weight:bold;
}
.majorDetailRow span{
    width:auto;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
}

.footerBA{
    width:auto;
    marign:0 auto;
    background-color:#001224;
    border-top:1px solid #001224;
    text-align:center;
    height:45px;
    line-height:45px;
}
.webBA{
    width:auto;
    height:45px;
    line-height:45px;
    display:inline-block;
}
.webGaBA{
    width:auto;
    height:45px;
    line-height:45px;
    display:inline-block;
    background:url(images/baIcon.png) left center no-repeat;
    padding-left:24px;
    margin-right:20px;

}
.zyjnBox{
    width:auto;
    margin:0 auto;
    border:1px solid #dddddd;
    border-radius:10px;
    padding:8px;
    margin-top:10px;
}
.zyjnTitle{
    width:auto;
    margin:0 auto;
    font-size:18px;color:#333333;font-weight:bold;
    padding-left:15px;
}
.zyjnCondition{
    width:auto;margin:0 auto;line-height:18px;font-size:14px;color:#333333;
}

.collegeBox{
    width:auto;
    margin:0 auto;
    border:1px solid #67C1FF;
    border-radius:10px;
}

.collegeUnit{
    width:180px;
    height:85px;
    line-height:85px;
    background:url(images/collegeRight.png) right center no-repeat;
    border-bottom:1px solid #67C1FF;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    color:#333333;
    text-align:center;
}
.collegeBg{
    background:url(images/collegeRight.png) right center repeat-y;
}

.gqzLevelTitle{
    width:auto;margin:0 auto;font-size:18px;font-weight:bold;color:#0a6cff;margin-bottom:5px;text-align:center;
}
.zsbLevelTitle{
    width:auto;margin:0 auto;font-size:18px;font-weight:bold;color:#0a6cff;margin-top:10px;margin-bottom:5px;text-align:center;
}
.hcollegeHover{
    width:180px;
    height:85px;
    line-height:85px;
    cursor:pointer;
    background:url(images/collegeBg.png) center center repeat-y;
    border-bottom:1px solid #67C1FF;
    font-size:16px;
    font-weight:bold;
    color:#1b74dc;
    text-align:center;
}

.hcollegeHover:FIRST-CHILD{
    width:180px;
    height:85px;
    line-height:85px;
    cursor:pointer;
    background:url(images/collegeBg.png) center center repeat-y;
    border-bottom:1px solid #67C1FF;
    font-size:16px;
    font-weight:bold;
    color:#1b74dc;
    text-align:center;
    border-top-left-radius:10px;
}


.bdFlowBox{
    width: 838px;
    height:350px;
    z-index:1;
    position:relative;
    margin-left:20px;
    background: #FAFAFA;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #E2E8F0;
    margin-bottom:40px;
}
.bdFlowTit{
    width:auto;
    margin:0 auto;
    height:44px;
    background:url(images/xljyTit.png) left center no-repeat;
}
.bdYmjhTit{
    width:auto;
    margin:0 auto;
    height:44px;
    background:url(images/titYmjhIcon.png) left center no-repeat;
    margin-left:16px;
    padding-left:42px;
    line-height:44px;
    font-size: 18px;
    font-family: Noto Sans SC-Medium, Noto Sans SC;
    font-weight: 500;
    color: #0A6CFF;
}
.stepContsBox{
    width: 168px;
    height: 200px;
    background: #FFFFFF;
    box-shadow: 0px 12px 24px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
    border: 1px solid #E2E8F0;

}

.bdFlowConts{
    width:auto;
    margin:0 auto;
    margin:20px;
}

.stepBox{
    width:156px;
    height:36px;
    line-height:36px;
    color:#f34040;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    margin-bottom:20px;
    background:url(images/ymjhStep.png) left center no-repeat;
}

.stepTit{
    width:auto;
    margin-top:15px;
    margin-bottom:12px;
    font-size: 18px;
    font-family: Noto Sans SC-Medium, Noto Sans SC;
    font-weight: 500;
    color: #000000;
    text-align:center;
}

.stempConts{
    width:auto;
    margin-left:15px;
    margin-bottom:15px;
    font-size: 14px;
    font-family: Noto Sans SC-Regular, Noto Sans SC;
    font-weight: 400;
    color: #4D4D4D;
    line-height:22px;
    margin-top:15px;
}

.iconSxbm{
    width:44px;
    height:44px;
    margin:0 auto;
    background:url(images/xsbm.png) left center no-repeat;
}

.iconRxks{
    width:44px;
    height:44px;
    margin:0 auto;
    background:url(images/rxks.png) left center no-repeat;
}

.iconJfqr{
    width:44px;
    height:44px;
    margin:0 auto;
    background:url(images/jfqr.png) left center no-repeat;
}

.iconZslq{
    width:44px;
    height:44px;
    margin:0 auto;
    background:url(images/zslq.png) left center no-repeat;
}

.gdjgIcon{
    background-image:url(images/gdjg.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}
.nyjzIcon{
    background-image:url(images/nyjz.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}
.ycsfIcon{
    background-image:url(images/ycsf.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}
.djrdIcon{
    background-image:url(images/djrd.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}
.szjzIcon{
    background-image:url(images/szjz.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size:35px auto;
}

.noContent{
    background:url(images/noContent.png) no-repeat center top;
    margin-top:50px;
    padding-top:124px;
    text-align:center;
    color:#d5dcea;
    font-size:14px;
}
.playBox{
    width:auto;
    margin:0 auto;
    background-color:#ffffff;
    padding-top:32px;
    padding-bottom:32px;
}

.imgLunBoBox{
    width:auto;
    margin:0 auto;
    background-color:#ffffff;
    padding-top:32px;
}

.playTitleLeft{
    float:left;
    background:url(images/play.png) no-repeat left 5px center;
    height:32px;
    line-height:32px;
    padding-left:45px;
    color: #000000;
    font-weight:bold;
    font-size: 18px;
    letter-spacing: 0px;
}
.playNewsLeft{
    float:left;
    background:url(images/news.png) no-repeat left 5px center;
    height:32px;
    line-height:32px;
    padding-left:45px;
    color: #000000;
    font-weight:bold;
    font-size: 18px;
    letter-spacing: 0px;
}
.playTitle{
    width:auto;
    margin:0 auto;
    height:32px;
    background-color:#f7f9fc;
    border-radius:5px;
    padding:8px;
}
.playTitleRight{
    float:right;
    height:32px;
    line-height:32px;
    margin-right:20px;
    color: #999999;
    font-size: 16px;
    letter-spacing: 0px;
    cursor:pointer;
}

.playConts{
    width:auto;
    margin:0 auto;
    height:440px;border:1px solid #fff;
    box-sizing:border-box;
}
.playUnit{
    width:285px;
    margin-top:10px;
    cursor:pointer;
}

.playImg{
    width:285px;
    height:165px;
    position:relative;
}
.playImg img{
    width:285px;
    height:165px;
    border-radius: 14px;
    border: 1px solid #F3F6F9;
}
.playNolearn{
    position:absolute;
    width:74px;
    height:26px;
    line-height:26px;
    left:0;
    top:0;
    background:url(images/learned.png) no-repeat left center;
    color:#ffffff;
}
.playLearning{
    position:absolute;
    width:74px;
    height:26px;
    line-height:26px;
    left:0;
    top:0;
    background:url(images/learning.png) no-repeat left center;
    color:#ffffff;
}
.playLearned{
    position:absolute;
    width:120px;
    height:26px;
    line-height:26px;
    left:0;
    top:0;
    background:url(images/nolearn.png) no-repeat left center;
    color:#ffffff;
}
.playTimeBar{
    position:absolute;
    height:26px;
    line-height:26px;
    background:#26b678;
    right:0;
    bottom:0;
    padding-left:10px;
    padding-right:10px;
    border-bottom-right-radius:14px;
    border-top-left-radius:14px;
    color:#ffffff;
}
.playTxt{
    width:auto;
    margin:0 auto;
    padding-top:10px;
    padding-bttom:10px;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0px;
    text-align: center;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    text-align:center;
}

.rankTit1{
    float:left;
    width: 168px;
    height:36px;
    line-height:34px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight:bold;
    color: #000000;
    opacity: 1;
    background:url(images/pageJf.png) left center no-repeat;
    padding-left:10px;
    text-align:center;
}

.rankJxdTit{
    float:left;
    width: 168px;
    height:36px;
    line-height:34px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight:bold;
    color: #000000;
    opacity: 1;
    background:url(images/pageJxd.png) left center no-repeat;
    padding-left:5px;
    text-align:center;
}
.tabRankCommon{
    float:right;
    width:auto;
    margin:0 auto;
    margin-right:10px;
    height:32px;
    line-height:32px;
    margin-top:3px;
    font-size:16px;
    color:#333333;
    border-bottom:2px solid #fff;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
}
.tabRankCommon:HOVER,.tabRankHover{

    float:right;
    width:auto;
    margin:0 auto;
    margin-right:10px;
    height:32px;
    line-height:32px;
    margin-top:3px;
    font-size:16px;
    color:#f3504e;
    border-bottom:2px solid #f3504e;
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    cursor:pointer;
}

.rankConts{
    width:auto;
    margin:0 auto;
    height:465px;
    overflow:auto;
    padding:10px;
    box-sizing: border-box;
}
.cellBox{
    width:auto;
    margin:0 auto;
}
.cellBorder{
    border-radius:5px;
    border:1px solid #DFEFFF;

}
.rankIcon{
    padding-left:25px;
    line-height:30px;
    background:url(images/rank.png) left center no-repeat;
}


.videoTabs{
    width:auto;margin:0 auto;display:table;margin-top:10px;
}
.videoTabCommon{
    display:table-cell;border-bottom:2px solid #ffffff;color:#333333;padding-left:10px;padding-right:10px;padding-bottom:5px;margin-right:20px;cursor:pointer;
}
.videoTabCommon:HOVER,.videoTabHover{
    display:table-cell;border-bottom:2px solid #f3504e;color:#f3504e;padding-left:10px;padding-right:10px;padding-bottom:5px;margin-right:20px;font-weight:bold;cursor:pointer;
}




/*ͼƬÂÖ²¥²å¼þ*/
div.slideBox{ position:relative; width:1200px; height:180px; overflow:hidden;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:40px; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;display:none;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:40px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:40px; height:6px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#1b79f5;}


div.trainSlideBox{ position:relative; width:290px; height:215px; overflow:hidden;margin-top:25px;}
div.trainSlideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.trainSlideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.trainSlideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.trainSlideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
/*div.trainSlideBox div.tips{ position:absolute; bottom:0px; width:100%; height:40px;  overflow:hidden;}
div.trainSlideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;display:none;}
div.trainSlideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.trainSlideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.trainSlideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.trainSlideBox div.tips div.nums a{ display:inline-block; >float:left; width:12px; height:12px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.trainSlideBox div.tips div.nums a.active{ background-color:#1b73e1;}
*/
div.trainSlideBox div.tips{ position:absolute; bottom:0px; width:100%; height:36px; background-color:rgba(0,0,0,0.6); overflow:hidden;}
div.trainSlideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.trainSlideBox div.tips div.title a{ color:#FFF; font-size:14px; line-height:36px; margin-left:10px; text-decoration:none;}
div.trainSlideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.trainSlideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;display:none;}
div.trainSlideBox div.tips div.nums a{ display:none; >float:left; width:20px; height:20px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.trainSlideBox div.tips div.nums a.active{ background-color:#093;display:none;}

.trainleft{
    position:absolute;
    width:290px;
    height:230px;
    left:0;
    top:0;
}
.trainRight{
    position:relative;
    width:430px;
    margin:0 auto;
    height:300px;
}

.trainRowLeft{
    width:300px;
}

.tabImageBox{
    width:255px;
    height:239px;
    cursor:pointer;
    border-radius:6px;
}
.tabImageBox:HOVER,.tabImageHoverBox{
    width:255px;
    height:239px;
    cursor:pointer;
    border-radius:6px;
    background:url(images/jiantou.png) bottom center no-repeat;
}
.tabImage{
    width:auto;
    margin:0 auto;
    cursor:pointer;
    padding-top:161px;border-radius:6px;
}
.imgFsk{
    background:url(images/fsk.png) top center no-repeat;
}
.imgFssl{
    background:url(images/fssl.png) top center no-repeat;
}
.imgJgjt{
    background:url(images/jgjt.png) top center no-repeat;
}
.imgXwd{
    background:url(images/xwd.png) top center no-repeat;
}
.tabImgTit{
    width:auto;
    margin:0 auto;
    height:50px;
    line-height:50px;
    color:#212121;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    background:#fff;
}

.viewMainBox{
    width:auto;
    margin:0 auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
    opacity: 1;

}

.viewMainTitBox{
    width:auto;
    margin:0 auto;
    height: 50px;
    background: #FFFFFF;
    border-bottom:2px solid #e5e5e5;
}
.viewMainTit{
    width:150px;
    line-height:47px;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    background:url(images/qypx.png) left center no-repeat;
    color:#1b73e1;
    border-bottom:3px solid #1b73e1;
    margin-left:15px;
}
.viewTrainTit{
    width:150px;
    line-height:50px;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    background:url(images/qypx.png) left center no-repeat;
    color:#1b73e1;
    margin-left:15px;
}
.viewNewsTit{
    float:left;
    width:120px;
    line-height:47px;
    font-weight:bold;
    font-size:18px;
    /*background:url(images/iconNews.png) left center no-repeat;padding-left:30px;*/
    color:#1b73e1;
    border-bottom:3px solid #1b73e1;
    text-align:center;
    margin-left:15px;
}
.viewNewsCommon{
    float:left;
    width:auto;
    line-height:47px;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
    font-size:18px;
    /*background:url(images/iconNews.png) left center no-repeat;padding-left:30px;*/
    color:#333;
    border-bottom:3px solid #fff;
    text-align:center;
    margin-left:15px;
    cursor:pointer;
}
.viewNewsHover,.viewNewsCommon:HOVER{
    float:left;
    width:auto;
    padding-left:5px;
    padding-right:5px;
    line-height:47px;
    font-weight:bold;
    font-size:18px;
    /*background:url(images/iconNews.png) left center no-repeat;padding-left:30px;*/
    color:#1b73e1;
    border-bottom:3px solid #1b73e1;
    text-align:center;
    margin-left:15px;
    cursor:pointer;
}

.viewNewsMore{
    float:right;
    line-height:47px;
    padding-right:30px;
    cursor:pointer;
    color:#666;
}
.couseMainTit{
    float:left;
    width:80px;
    line-height:47px;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    background:url(images/iconCourse.png) left center no-repeat;
    color:#1b73e1;
    border-bottom:3px solid #1b73e1;
    margin-left:15px;
}
.ymzxMainTit{
    float:left;
    width:80px;
    line-height:47px;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    background:url(images/iconYmzx.png) left center no-repeat;
    color:#1b73e1;
    border-bottom:3px solid #1b73e1;
    margin-left:15px;
}

.ymgjMainTit{
    float:left;
    width:80px;
    line-height:47px;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    background:url(images/iconYmgj.png) left center no-repeat;
    color:#1b73e1;
    border-bottom:3px solid #1b73e1;
    margin-left:15px;
}
.xcspMainTit{
    margin-left:15px;
    float: left;
    background: url(images/iconXcsp.png) no-repeat left 5px center;
    height: 47px;
    line-height: 47px;
    padding-left: 40px;
    color: #000000;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0px;
}
.courseMainMore{
    float:right;
    line-height:50px;
    margin-right:20px;
    color:#666;
    cursor:pointer;
}

.viewMainConts{
    width:auto;
    margin:15px;
    padding-bottom:20px;
}



.viewLoginConts{
    width:auto;
    margin:20px;
    padding-bottom:20px;
}

.viewLoginConts1{
    float:left;
    width:auto;
    padding-top:15px;
    padding-left:20px;
}


.mxRowLeft{
    float:left;
    width:368px;
    line-height:45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#222;
    cursor:pointer;
}
.mxRowLeft1{
    float:left;
    width:368px;
    line-height:20px;
    height:45px;
    color:#222;
    cursor:pointer;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    align-items: center;
	overflow: hidden;
}

.mxRowRight{
    float:right;
    width:50px;
    line-height:45px;
    color:#666;
    text-align:right;
    cursor:pointer;
}

.mxRow{
    width:100%;
    margin:0 auto;
    background:#ffffff;
    border-bottom:1px dashed #d7d7d7;
    height:45px;
    cursor:pointer;
}
.mxOddRow{
    width:100%;
    margin:0 auto;
    background:#f7f7f7;
    border-bottom:1px dashed #d7d7d7;
    height:45px;
}

.trainMxRow{
    width:730px;
    margin:0 auto;
    background:#ffffff;
    border-bottom:1px dashed #d7d7d7;
    line-height:45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trainMxOddRow{
    width:730px;
    margin:0 auto;
    background:#f7f7f7;
    border-bottom:1px dashed #d7d7d7;
    line-height:45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loginViewBox{
    width:auto;
    margin:0 auto;
    /*background: #f9fbfd;
    border: 1px solid #1b73e1;*/
    border-radius:5px;
    padding-bottom:10px;

    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
    opacity: 1;
}
.reportItemViewBox{
    width:auto;
    margin:0 auto;
    /*background: #f9fbfd;
    border: 1px solid #1b73e1;*/
    border-radius:5px;
    padding-bottom:5px;
    background:#fff;
    /*background: linear-gradient(555deg, #FFDFDF 0%, #FFFFFF 100%);*/
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
    opacity: 1;
}

.reportItemGap{
    width:auto;
    margin:0 auto;
    margin-left:20px;
    margin-right:20px;
    height:1px;
    background:#e9dde0;
}

.itemViewBox{
    width:auto;
    margin:0 auto;
    /*background: #f9fbfd;
    border: 1px solid #1b73e1;*/
    border-radius:5px;
    padding-bottom:10px;
    background: #fff;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.05);
    opacity: 1;
}
.loginViewTitBox{
    width:auto;
    margin:0 auto;
    height: 50px;
    background: #e0e9f2;
    border-bottom:2px solid #e0e9f2;
}
.loginViewTitBox{
    float:left;
    width:140px;
    height:90px;
    background:url(images/userLoginBox.png) center right no-repeat;
}
.loginViewTitName{
    line-height: 47px;
    border-bottom:2px solid #1b73dd;
}

.reportItemViewTitBox{
    width:auto;
    margin:0 auto;
}
.itemViewTitBox{
    width:auto;
    margin:0 auto;
    height: 50px;
    background: #ffffff;
    border-bottom:2px solid #e5e5e5;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.itemViewTit{
    width:80px;
    line-height:47px;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    background:url(images/itemReport.png) left center no-repeat;
    color:#1b73dd;
    margin-left:15px;
    border-bottom:3px solid #1b73dd;
}
.itemReportViewTit{
    width:168px;
    height:36px;
    padding-left:50px;
    font-weight:bold;
    background:url(images/myReport.png) left top no-repeat;
    line-height: 34px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}
.loginViewTit{
    width:60px;
    line-height:50px;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    background:url(images/logoTit.png) left center no-repeat;
    color:#1b73dd;
    margin-left:15px;
}

.loginViewTit1{
    width:auto;
    padding-top:55px;
    font-weight:bold;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    margin-left:-5px;
    background-size:28px auto;
    background:url(images/loginUser.png) top 13px center no-repeat;
}
.loginViewTit2{
    width:auto;
    padding-left:55px;
    line-height:90px;
    font-weight:bold;
    font-size:18px;
    color:#ffffff;
    text-align:left;
    margin-left:-5px;
    background:url(images/loginUser.png) left 20px center no-repeat;
    background-size:28px auto;
}
.loginViewConts{
    width:auto;
    margin:15px;
    margin-bottom:0;
}

.zgjyUnit{
    width:auto;
    margin-left:8px;
    margin-right:8px;
    margin-bottom:10px;
    line-height:48px;
    background: #f6f8fa;
    border-radius: 5px;
    border: 1px solid #e6edf4;
    text-align:center;
    cursor:pointer;
}
.zgjyUnit:HOVER{
    width:auto;
    margin-left:8px;
    margin-right:8px;
    margin-bottom:10px;
    line-height:48px;
    background: #cbd8e5;
    border-radius: 5px;
    border: 1px solid #e6edf4;
    text-align:center;
    cursor:pointer;
}

.zgjyStu{
    width:150px;
    height:30px;
    line-height:30px;
    display:inline-block;
    background:#f6f8fa url(images/iconStu.png) left 20px center no-repeat;
    padding:15px;
    padding-right:25px;
    padding-left:70px;
    color:#333333;
    font-size:20px;
    text-align:left;
    background-size:40px auto;
    border-radius:3px;
    margin-right:10px;
    cursor:pointer;
}

.zgjyComp{
    width:150px;
    height:30px;
    line-height:30px;
    display:inline-block;
    background:#f6f8fa url(images/iconComp.png) left 20px center no-repeat;
    padding:15px;
    padding-right:25px;
    padding-left:70px;
    color:#333333;
    font-size:20px;
    text-align:left;
    background-size:40px auto;
    border-radius:3px;
    margin-right:10px;
    cursor:pointer;
}
.zgjyTea{
    width:150px;
    height:30px;
    line-height:30px;
    display:inline-block;
    background:#f6f8fa url(images/iconTech.png) left 20px center no-repeat;
    padding:15px;
    padding-right:25px;
    padding-left:70px;
    color:#333333;
    font-size:20px;
    text-align:left;
    background-size:40px auto;
    border-radius:3px;
    margin-right:10px;
    cursor:pointer;
}
.zgjyPxs{
    width:150px;
    height:30px;
    line-height:30px;
    display:inline-block;
    background:#f6f8fa url(images/iconPxs.png) left 20px center no-repeat;
    padding:15px;
    padding-right:25px;
    padding-left:70px;
    color:#333333;
    font-size:20px;
    text-align:left;
    background-size:45px auto;
    border-radius:3px;
    margin-right:10px;
    cursor:pointer;
}

.zgjyGh{
    width:125px;
    height:30px;
    line-height:30px;
    display:inline-block;
    background:#f6f8fa url(images/iconGh.png) left 10px center no-repeat;
    padding:15px;
    padding-left:60px;
    color:#333333;
    font-size:20px;
    text-align:left;
    background-size:40px auto;
    border-radius:3px;
    cursor:pointer;
}

.zgjyStu:HOVER,.zgjyGh:HOVER,.zgjyPxs:HOVER,.zgjyTea:HOVER,.zgjyComp:HOVER{
    background-color:#cbd8e5 ;
}


.itemXljy{
    width:90px;
    display:inline-block;
    background:url(images/itemXljy.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}
.itemGdjg{
    width:110px;
    display:inline-block;
    background:url(images/itemGdjg.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}
.itemNyjz{
    width:90px;
    display:inline-block;
    background:url(images/itemNyjz.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}
.itemYcsf{
    width:90px;
    display:inline-block;
    background:url(images/itemYcsf.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}
.itemSzjz{
    width:110px;
    display:inline-block;
    background:url(images/itemSzjz.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}
.itemDjrd{
    width:110px;
    display:inline-block;
    background:url(images/itemDjrd.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}
.itemQyzbz{
    width:110px;
    display:inline-block;
    background:url(images/itemQyzbz.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}

.iconSksq{
    width:auto;
    display:inline-block;
    background:url(images/iconSksq.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}


.iconZlrc{
    width:auto;
    display:inline-block;
    background:url(images/itemZlrc.png) left center no-repeat;
    padding-left:30px;
    color:#333333;
    font-size:18px;
    text-align:left;
    background-size:24px auto;
}
.jnpxTypeBox{
    width:100%;
    margin:0 auto;
    height:50px;
    line-height:50px;
    background:#ffffff;
    border-bottom:2px solid #1b73e1;
    display:table;
    margin-bottom:30px;
}
.jnpxTypeUnit{
    display:table-cell;
    width:33%;
    height:50px;
    line-height:50px;
    color:#333333;
    font-size:21px;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}
.jnpxTypeHover{
    display:table-cell;
    width:33%;
    height:50px;
    line-height:50px;
    color:#fff;
    background:#1b73e1;
    font-size:21px;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}


table.tabTrain/*±íµ¥±í¸ñ*/
{
    width:100%;
    table-layout: fixed;
    border-collapse:collapse;
    border:0 none;
}
table.tabTrain th
{
    text-align:center;
    border-collapse:collapse;
    border:1px solid #E6EBF0;
    line-height:28px;
    background:#F5F7FA;
    font-family:"΢ÈíÑźÚ",Arial;
    color:#212121;
    font-size:14px;
    font-weight:300;
    padding:0;
    white-space:normal;
    word-wrap:break-word;
    word-break:break-all;
    padding:5px;
    font-weight:bold;
    border-right:0 none;
}
table.tabTrain td
{
    text-align:left;
    line-height:28px;
    border-collapse:collapse;
    border:1px solid #E6EBF0;
    font-family:"΢ÈíÑźÚ",Arial;
    color:#212121;
    font-size:14px;
    margin:0;
    padding:0;
    white-space:normal;
    word-wrap:break-word;
    word-break:break-all;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    border-right:0 none;
}
table.tabTrain tr td:FIRST-CHILD
{
    border-left:0 none;
}
table.tabTrain tr th:FIRST-CHILD
{
    border-left:0 none;
}

.trainodd{
    background:#FBFCFD;
}



.courseCxTitle {
    text-align: center;
    height: 40px;
    line-height: 20px;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: initial;
    width: 270px;
    padding-left: 0px;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

#noteBox {
    position: relative;
    width: 100%;
    padding: 0;
    overflow: hidden;
    height: 270px;
    margin: 0 auto;
}

#noteBox .roll__list {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 0;
    width: 150%;
    margin-top: 13px;
}

#noteBox .roll__list::before,
#noteBox .roll__list::after {
    content: "";
    display: table;
    line-height: 0;
}

#noteBox .roll__list::after {
    clear: both;
}

#noteBox .roll__list li {
    width: 230px;
    height: 230px;
    margin: 0 10px;
}

#noteBox .courseCxBox {
    width: 230px;
    margin-top: 0px;
    margin-right: 0;
}

#noteBox .courseCxBox .courseImg {
    width: 230px;
    height: 135px;
    position: relative;
    font-size: 14px;
    font-weight: normal;
}

#noteBox .courseCxBox img {
    width: 230px;
    height: 135px;
}

#noteBox .courseCxBox .courseCxTitle {
    width: 230px;
}

.jnjsBtnBox {
    position: absolute;
    top: 165px;
    left: 110px;
}

.jnjsBtn {
    width: 262px;
    height: 60px;
    line-height: 60px;
    /*background: #dbb527;*/
    background: none;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 18px;
    border-radius: 30px;
    border: 0 none;
    cursor: pointer;
}

#gslBox {
    background: url(images/gslBg.png) top center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -350px;
    width: 340px;
    height: 775px;
}
.ymjhBoxTit{
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgb(230, 235, 240);

    background: #F5F7FA;;
    font-weight: bold;
}
.ymjhBoxTit span{
    color:red;
}
.ymjhBox {
    position: relative;
    overflow: hidden;
    height: 152px;
    width:100%;
}
.ymjhBox ul {
    margin: 0;
    padding:0;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 10px);
    padding-left:5px;
}

.ymjhBox li {
    height: 38px;
    line-height: 38px;
}
/** .ymjhBox li:last-child .ymjhStaff,
.ymjhBox li:last-child .ymjhSex,
.ymjhBox li:last-child .ymjhMajor {
    border-bottom: 1px solid rgb(230, 235, 240);
}
*/
.ymjhBox li .ymjhStaff {
    display: inline-block;
    width: 65px;
    padding: 0 5px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    border:1px solid rgb(230, 235, 240);
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.ymjhBox li .ymjhSex {
    display: inline-block;
    text-align: center;
    width: 40px;
    padding: 0 5px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    border:1px solid rgb(230, 235, 240);
    border-top: 0;

}

.ymjhBox li .ymjhMajor {
    display: inline-block;
    width: calc(100% - 70px - 40px - 30px);
    padding: 0 5px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


    border:1px solid rgb(230, 235, 240);

    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.ymjhBox li .ymjhState {
    display: inline-block;
    color: red;
    font-weight: bold;
    display: none;
}


#publicizeBox .showYmzxBox {
    float: left;
    width: calc(50% - 9px);
    margin-right: 5px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(32, 142, 251, 0.05);
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
    border: 1px solid #DFEFFF;
    margin-bottom:10px;
}

#publicizeBox  .showYmzxBox:nth-child(2n){
    margin-left: 5px;
    margin-right: 0;
}

#publicizeBox  .showYmzxBox img{
    width:100%;
    height:100%;
}
#publicizeBox  .iconVideo{
    width: 45px;
    height: 45px;
    background: url(../../../../page/publicize/images/video.png) center center no-repeat;
    position: absolute;
    display: inline-block;
    left: 45%;
    top: 45%;
    background-size: 45px;
}
#publicizeBox .ymzxUnit {
    width: 100%;
    height: 177px;
    position: relative;
    overflow: hidden;
}

#publicizeBox .courseCxTitle {
    width: auto;
    margin: 0 auto;
    color: #333333;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    font-size: 16px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    line-height: 25px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: initial;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

#publicizeBox .courseCxTitle  span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pressRow{
	display:flex;
	width:100%;
	height:40px;
	cursor:pointer;
	background:#ffffff;
	border-bottom:1px dashed #d7d7d7;
	padding-top:8px;
	padding-bottom:10px;
	align-items:center;
}

.pressRow:LAST-CHILD{
	display:flex;
	width:100%;
	height:40px;
	cursor:pointer;
	background:#ffffff;
	border-bottom:0 none;
	padding-top:8px;
	padding-bottom:10px;
	align-items:center;
}

.pressRow1{
	display:flex;
	width:100%;
	height:40px;
	cursor:pointer;
	/*background:#f7f7f7;*/
	background:#ffffff;
	border-bottom:1px dashed #d7d7d7;
	padding-top:8px;
	padding-bottom:10px;
	align-items:center;
}

.pressLeft{
	flex:1;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color:#333;
	font-size:16px;
	cursor:pointer;
}

.pressRow:HOVER > .pressLeft,.pressRow1:HOVER > .pressLeft{
	flex:1;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color:#f3504e;
	font-size:16px;
	cursor:pointer;
}

.pressRight{
	width:45px;
	line-height:40px;
	text-align:right;
	color: #666;
	font-size:16px;
    cursor: pointer;
}

.pressRow:HOVER > .pressRight,.pressRow1:HOVER > .pressRight{
	width:45px;
	line-height:40px;
	text-align:right;
	color: #f3504e;
	font-size:16px;
    cursor: pointer;
}

.pressOneRow{
	display:flex;
	width:100%;
	height:40px;
	cursor:pointer;
	background:#ffffff;
	border-bottom:1px dashed #d7d7d7;
	padding-top:8px;
	padding-bottom:10px;
	align-items:center;
}
.pressOneRow:LAST-CHILD{
	display:flex;
	width:100%;
	height:40px;
	cursor:pointer;
	background:#ffffff;
	border-bottom:0 none;
	padding-top:8px;
	padding-bottom:10px;
	align-items:center;
}
.pressOneRow1{
	display:flex;
	width:100%;
	height:40px;
	cursor:pointer;
	/*background:#f7f7f7;*/
	background:#ffffff;
	border-bottom:1px dashed #d7d7d7;
	padding-top:8px;
	padding-bottom:10px;
	align-items:center;
}

.pressOne{
	flex:1;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color:#333;
	font-size:16px;
	cursor:pointer;
}

.pressOneRow:HOVER > .pressOne,.pressOneRow1:HOVER > .pressOne{
	flex:1;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color:#f3504e;
	font-size:16px;
	cursor:pointer;
}