html, body { margin: 0px; padding: 0px; background: #FFF; }

ul, li { padding: 0px; margin: 0px; }
li { list-style-type: none; }

.t_l { text-align: left; }
.t_c { text-align: center; }
.t_r { text-align: right; }

.f_l { float: left; }
.f_r { float: right; }

a { cursor: pointer; }

/*屏蔽输入法 强制半角*/
.noCH { ime-mode: disabled; }

/*页面头部*/
.header { height: 84px; width: 1200px; margin: 0px auto; position: relative; }
.logo { background: url(../img/logo70cai.png) no-repeat; position: absolute; left: 5px; top: 16px; width: 71px; height: 51px; }
.logo-txt { background: url(../img/logoword.png) no-repeat; position: absolute; left: 90px; top: 27px; width: 662px; height: 30px; }
.txtlogo { position: absolute; left: 90px; top: 16px; height: 48px; line-height: 48px; font-size: 28px; font-weight: bold; color: #333; filter: Dropshadow(offx=0,offy=1,color=#FFFFFF) Dropshadow(offx=1,offy=0,color=#FFFFFF); text-shadow: 0px 2px 1px #FFFFFF,2px 2px 1px #FFFFFF; }
.txtlogo_small { position: absolute; left: 90px; bottom: 0px; height: 34px; }
.txtlogo_small > span { display: inline-block; height: 1.5em; line-height: 1.5em; font-size: 18px; font-weight: bold; color: #888; filter: Dropshadow(offx=0,offy=1,color=#FFFFFF) Dropshadow(offx=1,offy=0,color=#FFFFFF); text-shadow: 0px 2px 1px #FFFFFF,2px 2px 1px #FFFFFF; }

/*下拉选择机构*/
.orgselect { display: inline-block; position: relative; padding-left: 10px; vertical-align: middle; }
.orgselect > .btn { height: 26px; padding: 0 8px; background: #07e987; border-radius: 5px; cursor: pointer; box-shadow: 0px 0px 5px #666; }
.orgselect > .btn > span { font-size: 14px; color: #FFF; }
.orgselect > .downlist { display: none; position: absolute; top: 25px; left: 0px; padding: 5px; overflow: hidden; height: auto; z-index: 9999; }
.orgselect > .downlist > ul { border: 1px solid #3ab45d; background: #FFF; padding: 10px; border-radius: 5px; box-shadow: 0px 0px 5px #666; }
.orgselect > .downlist > ul > li { padding: 4px; }
.orgselect > .downlist > ul > li > a { padding: 6px; line-height: 1em; display: block; vertical-align: middle; white-space: nowrap; text-decoration: none; background: #FAFAFA; transition: 0.5s; }
.orgselect > .downlist > ul > li > a > span { font-size: 14px; color: #3ab45d; }
.orgselect > .downlist > ul > li > a:hover { background: #ffe4e4; }
.orgselect:hover > div.downlist { display: block; }

.header > .hotline { position: absolute; right: 180px; top: 10px; }
.header > .hotline > .tel, .header > .hotline > .mobile { height: 32px; line-height: 32px; font-size: 16px; color: #970202; font-weight: bold; padding-left: 28px; }
.header > .hotline > .tel { background: url(../img/index/dianhua.png) left center no-repeat; }
.header > .hotline > .mobile { background: url(../img/index/shouji.png) left center no-repeat; }



.header-userinfo { cursor: pointer; position: absolute; right: 30px; top: 25px; height: 40px; }

.header-userinfo > div.user { height: 40px; margin-left: 20px; padding-left: 45px; position: relative; }
.header-userinfo > div.user > b { font-size: 16px; font-weight: bold; line-height: 40px; color: #666; }
.header-userinfo > div.user > img { position: absolute; top: 2px; left: 0px; height: 36px; width: 36px; border: 0px; }

.header-userinfo > div.user > div.downmenu { display: none; position: absolute; left: 5px; top: 40px; }
.header-userinfo > div.user > div.downmenu ul { background: #FFF; padding: 5px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }
.header-userinfo > div.user > div.downmenu ul li { margin: 5px; }
.header-userinfo > div.user > div.downmenu ul li a { display: block; color: #3b3b3b; font-size: 14px; padding: 5px; cursor: pointer; text-decoration: none; }
.header-userinfo > div.user > div.downmenu ul li a:hover { background: #F1F1F1; }
.header-userinfo > div.user:hover > div.downmenu { display: block !important; }

.header-userinfo > div.user > .nologin { height: 40px; color: #666; font-size: 14px; }
.header-userinfo > div.user > .nologin a { line-height: 40px; color: #666; font-size: 14px; text-decoration: none; cursor: pointer; }
.header-userinfo > div.user > .nologin a:hover { text-decoration: underline; }



/*网站导航*/
.nav {
    height: 70px;
    background: #3ab45d;
}
.nav-main {
    height: 70px;
    width: 1200px;
    margin: 0px auto;
    background: #3ab45d;
}
.nav-main ul { height: 70px; }
.nav-main ul li { float: left; height: 70px; padding: 0px 20px; }
    .nav-main ul li a {
        color: #FFF;
        font-size: 18px;
        text-decoration: none;
        padding: 0px 10px;
        cursor: pointer;
        display: block;
        height: 67px;
        line-height: 67px;
        border-bottom: 3px solid #3ab45d;
    }
.nav-main ul li a.h, .nav-main ul li a:hover { border-bottom: 3px solid #FFF; transition: .5s; }




/***简单版头部样式**start*/

/*头部*/
.simpile-header {
    height: 70px;
    background: #3ab45d;
    min-width: 1248px;
}
.simpile-header-main { height: 70px; width: 1200px; margin: 0px auto; position: relative; }
.simpile-logo { background: url(../img/logo70bai.png) no-repeat; position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; }
.simpile-txtlogo { position: absolute; left: 75px; top: 0px; width: 180px; height: 70px; }
.simpile-txtlogo > span { height: 70px; color: #FFF; font-size: 18px; font-weight: bold; display: table-cell; vertical-align: middle; line-height: 1.2em; filter: Dropshadow(offx=1,offy=1,color=#333333); text-shadow: 1px 1px 1px #333333; }
.simpile-orgselect { position: absolute; left: 200px; top: 23px; }


/*导航*/
.simpile-nav { height: 70px; position: absolute; /*left: 260px;*/ top: 0px; }
.simpile-nav ul { height: 70px; }
.simpile-nav ul li { float: left; height: 70px; padding: 0px 10px; }
    .simpile-nav ul li a {
        color: #FFF;
        /*font-size: 16px;*/
        font-size: 18px;
        text-decoration: none;
        padding: 0px 10px;
        cursor: pointer;
        display: block;
        height: 67px;
        line-height: 67px;
        border-bottom: 3px solid #3ab45d;
    }
.simpile-nav ul li a.h, .nav-main ul li a:hover { border-bottom: 3px solid #FFF; font-weight: bold; transition: .5s; }

/*用户功能区*/
.simpile-header-userinfo { position: absolute; right: 20px; top: 0px; height: 70px; }
.simpile-header-userinfo > ul.menu { height: 70px; float: left; }
.simpile-header-userinfo > ul.menu li { color: #FFF; float: left; padding: 8px 5px; }
.simpile-header-userinfo > ul.menu li a { position: relative; color: #FFF; cursor: pointer; text-decoration: none; display: block; height: 24px; line-height: 24px; padding-top: 30px; font-size: 12px; text-align: center; width: 45px; background-position: center 6px; background-repeat: no-repeat; }
.simpile-header-userinfo > ul.menu li a:hover { text-decoration: underline; }
.simpile-header-userinfo > ul.menu li a.mycart { background-image: url(../img/cart-2.png); }
.simpile-header-userinfo > ul.menu li a.myorder { background-image: url(../img/order-2.png); }
.simpile-header-userinfo > ul.menu li a > span.msgtip { position: absolute; right: 5px; top: 5px; display: block; height: 10px; width: 10px; background: #fdf269; border-radius: 10px; font-size: 0px; line-height: 0px; box-shadow: 0px 0px 2px #999 }



.simpile-header-userinfo > div.user { height: 70px; margin-left: 20px; padding-left: 45px; float: left; position: relative; }
.simpile-header-userinfo > div.user > b { font-size: 16px; font-weight: bold; line-height: 70px; color: #FFF; }
.simpile-header-userinfo > div.user > img { position: absolute; top: 17px; left: 0px; height: 36px; width: 36px; border: 0px; }

.simpile-header-userinfo > div.user > div.downmenu { display: none; z-index: 999; position: absolute; left: 0px; top: 65px; }
.simpile-header-userinfo > div.user > div.downmenu ul { background: #FFF; padding: 5px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }
.simpile-header-userinfo > div.user > div.downmenu ul li { margin: 5px; }
.simpile-header-userinfo > div.user > div.downmenu ul li a { display: block; color: #3b3b3b; font-size: 14px; padding: 5px; cursor: pointer; text-decoration: none; }
.simpile-header-userinfo > div.user > div.downmenu ul li a:hover { background: #F1F1F1; }
.simpile-header-userinfo > div.user:hover > div.downmenu { display: block !important; }

.nologin { height: 70px; color: #FFF; }
.nologin a { line-height: 70px; color: #FFF; font-size: 16px; text-decoration: none; cursor: pointer; }
.nologin a:hover { text-decoration: underline; }


/***简单版头部样式**end*/
/*内容区*/
.content { width: 1200px; margin: 0px auto; height: auto; overflow: hidden; padding: 24px; }

/*底部*/
.footer { height: auto; overflow: hidden; padding: 24px; background: #282828; color: #FFF; min-width: 1200px; }
.footer p { text-align: center; font-size: 14px; }



/*首页banner*/
.banner { height: 430px; position: relative; }



/*右侧悬浮*/
.float-right { position: fixed; z-index: 101; top: 160px; right: 10px; padding: 4px 0px; background: #FFF; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }
.float-right > .item { height: 58px; text-align: center; cursor: pointer; position: relative; padding: 6px; }
.float-right > .item > .img { height: 34px; width: 34px; border: none; background: url(../img/smallewm.png) no-repeat; }
.float-right > .item > .xcx { background: url(../img/login/xcx.png) no-repeat; }
.float-right > .item > .wx { background: url(../img/login/wx.png) no-repeat; }
.float-right > .item > .az { background: url(../img/login/az.png) no-repeat; }
.float-right > .item > .ios { background: url(../img/login/ios.png) no-repeat; }
.float-right > .item > .qqqun { background: url(../img/index/qqqun.png) no-repeat; }
.float-right > .item > .wxqun { background: url(../img/index/weixinqunbiaoqian.png) no-repeat; }
.float-right > .item > .txt { font-size: 11px; color: #484848; line-height: 20px; }
.float-right > .item:hover .con { display: block; }

.float-right > .item > .con { display: none; background: #FFF; border: 1px solid #F1F1F1; box-shadow: 0px 0px 8px rgba(0,0,0,0.6); padding: 10px; text-align: center; cursor: pointer; position: absolute; right: 50px; top: 0px; border-radius: 10px; }
.float-right > .item > .con > img { width: 150px; height: 150px; }
.float-right > .item > .con > .con-txt { font-size: 12px; color: #484848; line-height: 20px; }



/*首页登录区*/
.index-login-iframe { position: absolute; z-index: 100; right: 20px; top: 20px; }
.index-login { position: absolute; z-index: 100; right: 30px; top: 30px; width: 340px; height: 370px; background: #FFF; border: 1px solid #F1F1F1; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); border-radius: 6px; }
.index-login-2 { margin: 10px auto; width: 340px; height: 370px; background: #FFF; border: 1px solid #F1F1F1; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); border-radius: 6px; }

.index-login-tab { padding: 10px 20px; overflow: hidden; height: auto; }
.index-login-tab ul { height: 54px; }
.index-login-tab ul li { float: left; padding: 0px 2px; height: 54px; }
.index-login-tab ul li a { color: #525252; font-size: 16px; text-decoration: none; padding: 0px 10px; cursor: pointer; display: block; height: 50px; line-height: 50px; border-bottom: 2px solid #FFFFFF; }
.index-login-tab ul li a:hover, .index-login-tab ul li a.h { border-bottom: 2px solid #3ab45d; }

.index-login-input { padding: 0px 20px; }
.index-login-input > div.row { height: 38px; padding: 6px 0px; }
.index-login-input > div.row > input.txt { height: 38px; line-height: 1; padding: 0px 20px; color: #333; font-size: 14px; border: 1px solid #e5e4e4; border-radius: 5px; }

.index-login-txta { padding: 0px 20px; overflow: hidden; height: auto; }
.index-login-txta > a { cursor: pointer; font-size: 14px; color: #94979D; text-decoration: none; }

.index-login-btnrow { padding: 10px 20px; }
    .index-login-btnrow input.btnlogin {
        width: 100%;
        background: #3ab45d;
        color: #FFF;
        cursor: pointer;
        border: none;
        border-radius: 5px;
        padding: 0px;
        height: 40px;
        line-height: 36px;
        text-align: center;
        font-size: 16px;
        font-family: 微软雅黑;
    }

.index-login-oauth { position: relative; padding: 5px 20px; height: 50px; }
.index-login-oauth > .txt { position: absolute; left: 50px; top: 30px; color: #B8B8B8; font-size: 12px; }
.index-login-oauth ul { position: absolute; left: 120px; top: 18px; height: 24px; }
.index-login-oauth ul li { float: left; height: 24px; padding: 0px 10px; }
.index-login-oauth ul li a { cursor: pointer; }
.index-login-oauth ul li a img { width: 24px; height: 24px; }

/*已登录*/
.index-logged-main { padding: 20px; }
.index-logged-main > .userinfo { height: 130px; padding-left: 120px; position: relative; }
.index-logged-main > .userinfo > .userpic { position: absolute; left: 10px; top: 10px; width: 100px; height: 100px; border-radius: 50px; }
.index-logged-main > .userinfo > .userpic > img { width: 100px; height: 100px; }
.index-logged-main > .userinfo > .username { line-height: 42px; color: #B6B6B6; font-size: 14px; }
.index-logged-main > .userinfo > .username > b { margin-right: 4px; font-size: 20px; font-weight: bold; color: #ef5353; }
.index-logged-main > .userinfo > .tip { line-height: 32px; color: #888; font-size: 14px; list-style-type: circle; cursor: pointer; }
.index-logged-main > .userinfo > .tip b { margin: 0px 4px; font-size: 16px; font-weight: bold; color: #ef5353; }

.linklogout { text-decoration: none; font-size: 14px; color: #777; }
.linklogout:hover { color: #ef5353; }


/*标题行*/
.index-title { height: 60px; padding-top: 5px; }
.index-title div.title { display: block; float: left; padding-left: 10px; line-height: 60px; font-size: 18px; color: #525252; }

.index-title div.title2 { display: block; float: left; padding: 0px 10px; line-height: 57px; border-bottom: 3px solid #3ab45d; font-size: 18px; color: #525252; }


.index-title div.index-title-tab { display: block; float: left; line-height: 60px; font-size: 18px; color: #525252; }
.index-title div.index-title-tab ul { line-height: 60px; }
.index-title div.index-title-tab ul li { padding: 0px 10px; float: left; }
.index-title div.index-title-tab ul li a { font-size: 18px; color: #B2B2B2; cursor: pointer; }
.index-title div.index-title-tab ul li a.h { color: #525252; }


.index-title div.more { display: block; float: right; padding-right: 10px; padding-top: 10px; }
.index-title div.more a { display: block; font-size: 16px; padding: 10px 20px; cursor: pointer; text-decoration: none; color: #B6B6B6; line-height: 20px; background: url(../img/more.png) right center no-repeat; }
.index-title div.more a:hover { color: #ef5353; }

.index-title div.more2 { display: block; float: right; padding-right: 10px; padding-top: 10px; }
.index-title div.more2 a { display: block; font-size: 16px; padding: 10px 20px; cursor: pointer; color: #B6B6B6; line-height: 20px; border-radius: 10px; border: 1px solid rgba(234,234,234,1); }
.index-title div.more2 a:hover { color: #ef5353; border: 1px solid #ef5353; }



/*首页学习步骤*/
.index-step { padding: 15px 0px; }
.index-step ul { height: 80px; }
.index-step ul li { height: 80px; float: left; }
.index-step ul li.n { width: 20px; }
.index-step ul li a { display: block; cursor: pointer; text-decoration: none; height: 80px; }
.index-step ul li a img { border: none; height: 80px; }


/*首页学习步骤2*/
.index-step2 { padding: 3px 0px; background: #f8f8f8; }
.index-step2 dl { height: 160px; margin: 0px; }
.index-step2 dl > dt { float: left; height: 160px; width: 160px; background: url(../img/studystep/lcsm.png) center center no-repeat; }
.index-step2 dl dd { height: 160px; width: 140px; float: left; margin: 0px; }
.index-step2 dl dd.n { width: 30px; background: url(../img/studystep/jt.png) center center no-repeat; }
.index-step2 dl dd > a { display: block; padding-top: 16px; cursor: pointer; text-align: center; text-decoration: none; height: auto; overflow: hidden; }
.index-step2 dl dd > a > img { border: none; height: 98px; width: 98px; vertical-align: middle; }
.index-step2 dl dd > a > span { display: block; height: 40px; line-height: 40px; font-size: 20px; color: #848484; text-align: center; }



/*课程列表(图文,一排4个)*/
.subject-list { padding: 0px 3px 10px 3px; height: auto; overflow: hidden; }
.subject-list > .subject-list-item { float: left; height: 282px; width: 280px; padding: 12px 0px; }
.subject-list > .n { float: left; height: 282px; width: 24px; }
.subject-list > .subject-list-item > a { display: block; height: 280px; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); border-radius: 5px; text-decoration: none; }
.subject-list > .subject-list-item > a:hover { display: block; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6); border-radius: 5px; }
.subject-list > .subject-list-item > a > div.img { padding: 2px; height: 190px; width: 276px; border-radius: 5px; background: #f8f8f8 url(../../image/defaultpic.png) center center no-repeat; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
.subject-list > .subject-list-item > a > div.img img { height: 190px; width: 276px; border: none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
.subject-list > .subject-list-item > a > div.txt { height: auto; overflow: hidden; padding: 0px 10px; }
.subject-list > .subject-list-item > a > div.txt > div.title { height: auto; font-size: 14px; line-height: 30px; color: #383838; font-family: 微软雅黑; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; outline: none; }
.subject-list > .subject-list-item > a > div.txt div.time { height: auto; font-size: 12px; line-height: 25px; color: #BABABA; padding-left: 20px; background: url(../img/time.png) left center no-repeat; }
.subject-list > .subject-list-item > a > div.txt > div.company { height: auto; font-size: 12px; line-height: 25px; color: #555; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; outline: none; }
.subject-list > .subject-list-item > a > div.txt > div.company > div.left { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.subject-list > .subject-list-item > a > div.txt > div.company > div.right { color: #ff0000; font-size: 16px; width: 50px; float: right }
.subject-list > .subject-list-item > a > div.txt > div.type { height: auto; font-size: 12px; line-height: 25px; color: #999; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; outline: none; }
.subject-list > .subject-list-item > a > div.txt > div.type div { float: left; padding-right: 8px; }

.kcfl-shaxuan { background-color: rgb(248,248,248); padding: 20px 30px; font-size: 14px; color: #333; }

/*课程分类*/
.typetitle { line-height: 54px; height: 54px; }
.typeitems { padding: 5px 10px; height: auto; overflow: hidden; }
.typeitems li { float: left; padding: 5px; height: auto; overflow: hidden; margin: 0px; }
.typeitems li a { display: block; padding: 0px 18px; height: 34px; line-height: 34px; color: #888; border-radius: 5px; text-decoration: none; }
    .typeitems li a.h {
        color: #FFF;
        background: #3ab45d;
    }


/*文章列表*/
.index-newslist { height: auto; overflow: hidden; padding-bottom: 10px; }
.index-newslist ul { height: auto; overflow: hidden; padding: 10px 10px; }
.index-newslist ul li { height: 44px; position: relative; padding-left: 18px; }
.index-newslist ul li i { position: absolute; left: 2px; top: 22px; display: block; background: #3ab45d; width: 4px; height: 4px; line-height: 0px; font-size: 0px; }
.index-newslist ul li a { display: block; line-height: 44px; cursor: pointer; transition: 0.5s; font-size: 14px; color: #525252; width: 80%; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; outline: none; }
.index-newslist ul li a:hover { color: #3ab45d; }

/*分页*/
ul.pagination { display: inline-block; padding: 0; margin: 0; }

ul.pagination li { display: inline; }

ul.pagination li a { color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px; }

ul.pagination li a.active { background-color: #3ab45d; color: white; border: 1px solid #3ab45d; }

ul.pagination li a:hover:not(.active) { background-color: #ddd; }



/*订单列表 */
.orderlist { font-size: 12px; }


/*常用列表（证书、消息等）*/

.dglist { margin: 5px auto; border-collapse: collapse; }
.dglist td, .dglist th { font-size: 14px; border-bottom: solid 1px #f5f5f5; padding-left: 2px; padding-right: 2px; }
.dglist td { line-height: 20px; padding: 3px; }
.dglist a { font-size: 14px; color: #444; text-decoration: none; cursor: pointer; }
.dglist a img { border: none; }
.dglist a:hover { color: #ff0000; }
.dglist_h { background: #F1F1F1; height: 44px; font-weight: bold; text-align: center; font-size: 12px; color: #444; }
.dglist_i { height: 46px; font-size: 12px; background-color: #ffffff; color: #555; text-align: center; }




/*常用列表（证书、消息等）*/
.dglist2 { margin: 5px auto; border-collapse: collapse; }
.dglist2 td, .dglist th { border-bottom: solid 1px #f5f5f5; padding-left: 2px; padding-right: 2px; }
.dglist2 td { line-height: 20px; padding: 3px; }
.dglist2 a { font-size: 12px; color: #444; text-decoration: none; cursor: pointer; }
.dglist2 a img { border: none; }
.dglist2 a:hover { color: #ff0000; }
.dglist2_h { background: #E1E1E1; color: #444; height: 44px; font-weight: bold; text-align: center; font-size: 12px; }
.dglist2_i { height: 46px; font-size: 12px; background-color: #ffffff; color: #555; text-align: center; }

/*人脸记录item*/
.studytimefaceitem { float: left; padding: 4px; height: auto; overflow: hidden; }
.studytimefaceitem > .stf_main { height: auto; overflow: hidden; border: 1px solid #F1F1F1; }


/*提示*/
.maintip { height: auto; overflow: hidden; border: 1px solid #ffb882; background: #fffde8; padding: 10px; margin: 10px; color: #3ab45d; line-height: 24px; font-size: 14px; }
.maintip p { margin: 5px 0px; padding: 0px 5px; }

/*表单*/
.maintable { font-size: 14px; }
.maintable > tr > td, .maintable > tbody > tr > td { height: 40px; color: #333; padding: 0px 3px; }
.maintable > tr > td > tt, .maintable > tbody > tr > td > tt { color: red; margin: 0px 3px; }
.maintable input.txt, .maintable select.txt { height: 32px; line-height: 32px; border: 1px solid #EEE; font-size: 14px; color: #333; padding: 0px 5px; }
.maintable input.txt:focus, .maintable select.txt:focus { border: 1px solid #525252; box-shadow: 0px 0px 3px #B6B6B6; }

.maintable input.btn { height: 32px; line-height: 32px; border: 0px; font-size: 14px; color: #FFF; padding: 0px 25px; background: #3ab45d; cursor: pointer; }
.maintable input.btn:hover { box-shadow: 0px 0px 5px #AAA; }


/*列表 没有内容*/
.listempty { line-height: 60px; padding-bottom: 50px; color: #AAA; text-align: center; font-size: 14px; min-height: 250px; }
.listempty a { color: #3ab45d; margin: 0px 4px; text-decoration: none; cursor: pointer; }
.listempty a:hover { text-decoration: underline; }

/*购物车底部工具条*/
.cartfooter { height: 60px; line-height: 60px; padding: 0px 30px; background: #f8f8f8; color: #555; font-size: 16px; }
.cartfooter a.remove { color: #3ab45d; text-decoration: none; margin: 0px 20px; }
.cartfooter a.remove:hover { text-decoration: underline; }
.cartfooter input.goorder { height: 60px; line-height: 60px; cursor: pointer; font-size: 18px; margin: 0px 20px; border: 0px; background: #3ab45d; color: #FFF; padding: 0px 30px; }
.cartfooter input.goorder:hover { background: #ef303f; }

/*确认订单*/
.confirmorderinfo { padding: 30px; text-align: right; }
.confirmorderinfo div.txt { line-height: 40px; color: #333; }
.confirmorderinfo div.txt b { color: #3ab45d; margin: 0px 3px; }
.confirmorderinfo input.btnsubmit { height: 50px; line-height: 50px; cursor: pointer; font-size: 18px; margin: 20px 0px; border: 0px; background: #3ab45d; color: #FFF; padding: 0px 30px; }
.confirmorderinfo input.btnsubmit:hover { background: #ef303f; }


/*支付页面*/
.paytitle { height: 60px; line-height: 60px; font-size: 28px; color: #333; font-weight: bold; padding: 0px 20px; }
.paytip { height: 60px; line-height: 60px; font-size: 24px; color: #333; padding: 0px 20px; }

.paymain { height: auto; overflow: hidden; margin: 0px; border: 1px solid rgba(238,238,238,1); box-shadow: 0px 0px 4px #EEE; }

.paymain_orderinfo { padding: 10px 30px; background: #f2f2f2; }
.paymain_orderinfo > h4 { margin: 5px; font-size: 16px; font-weight: normal; padding: 5px; }
.paymain_orderinfo > h4 > i { color: #555; font-style: normal; }
.paymain_orderinfo > h4 > a { color: #3ab45d; text-decoration: none; }


.payway { height: auto; overflow: hidden; padding: 0px 40px; }
.payway > div.title { height: 40px; line-height: 40px; padding: 10px; font-size: 14px; color: #888; }
.payway ul { height: 60px; }
.payway ul li { height: 60px; float: left; padding: 0px 15px; }
.payway ul li a { position: relative; display: block; height: 56px; padding: 0px 30px 0px 80px; cursor: pointer; text-decoration: none; line-height: 56px; font-size: 16px; color: #3D3D3D; border: 2px solid rgba(238,238,238,1); border-radius: 5px; }
.payway ul li a img { position: absolute; width: 40px; height: 40px; left: 30px; top: 8px; }
.payway ul li.h a { background: rgba(224,25,40,0.03); border: 2px solid rgba(224,25,40,1); }

/*微信支付二维码*/
.wxpay_qr { margin: 5px 55px; border: 1px solid rgba(224,25,40,1); height: auto; overflow: hidden; padding: 5px; text-align: center; }


/*订单支付状态*/
.orderpaystate { height: auto; overflow: hidden; font-size: 16px; margin: 10px; padding: 20px; border: 1px solid rgba(238,238,238,1); box-shadow: 0px 0px 4px #EEE; }


/*当前学习课程*/
.curstudysubject { height: auto; overflow: hidden; background: #FFF; font-size: 16px; margin: 10px 0px; padding: 20px; border: 1px solid rgba(238,238,238,1); box-shadow: 0px 0px 4px #EEE; }



/*课程展示详情页面*/
.subjectcontent { background-color: #F6F6F6 !important; height: auto; overflow: hidden; min-width: 1248px; }
.subjectcontent-main { background-color: #F6F6F6 !important; width: 1200px; padding: 24px; margin: 0px auto; height: auto; overflow: hidden; }

/*加入购物车*/
.addcart { height: 38px; border: 1px solid #3ab45d; line-height: 35px; text-align: center; margin: 0px 10px; padding: 0px 20px; color: #3ab45d; font-size: 14px; border-radius: 5px; background: #FFF; cursor: pointer; }
/*立即购买*/
.addorder { height: 38px; border: 1px solid #3ab45d; line-height: 35px; text-align: center; margin: 0px 10px; padding: 0px 20px; color: #FFF; font-size: 14px; border-radius: 5px; background: #3ab45d; cursor: pointer; }



/*课程详情头部*/
.detailtitle { background: #FFF; height: 280px; position: relative; }
.detailtitle-img { float: left; height: 280px; width: 420px; position: relative; }
.detailtitle-img div.trylook { position: absolute; left: 0px; right: 0px; bottom: 0px; cursor: pointer; height: 36px; line-height: 36px; font-size: 14px; color: #FFF; background-color: rgba(50,50,50,0.3); text-align: center; }
.detailtitle-main { float: right; height: 280px; width: 750px; position: relative; }

/*标题*/
.detailtitle-main-title { height: 60px; line-height: 60px; padding-top: 20px; font-size: 30px; color: #333; }
/*打星*/
.detailtitle-main-start { height: 45px; padding: 0px; }
/*学时*/
.detailtitle-main-times { height: 20px; line-height: 18px; padding: 5px 0px 5px 20px; background: url(../img/time.png) left center no-repeat; font-size: 14px; color: #666 }
/*出版单位等信息*/
.detailtitle-main-txt { height: 20px; line-height: 18px; padding: 10px 0px; font-size: 14px; color: #BBB }
.detailtitle-main-txt span { font-size: 14px; color: #666; margin-right: 16px; }

/*价格*/
.detailtitle-main-price { position: absolute; left: 0px; bottom: 15px; height: 50px; }
.detailtitle-main-price > div.cur { font-size: 30px; line-height: 50px; height: 50px; float: left; color: red; font-weight: 500; }
.detailtitle-main-price > div.old { font-size: 16px; line-height: 50px; height: 50px; float: left; color: #CCCCCC; padding-left: 15px; }

/*互动*/
.detailtitle-main-interaction { position: absolute; right: 20px; top: 20px; height: 30px; }
.detailtitle-main-interaction ul { height: 40px; }
.detailtitle-main-interaction ul li { float: left; padding: 0px 8px; height: 40px; }
.detailtitle-main-interaction ul li a { cursor: pointer; display: block; height: 30px; width: 30px; background-position: center center; background-repeat: no-repeat; }
.detailtitle-main-interaction ul li a.collect { background-image: url(../img/subject/collect.png) }
.detailtitle-main-interaction ul li a.like { background-image: url(../img/subject/like.png) }
.detailtitle-main-interaction ul li a.share { background-image: url(../img/subject/share.png) }
.detailtitle-main-interaction ul li a.collect_h { background-image: url(../img/subject/collect_h.png) }

.detailtitle-main-interaction ul li a.like_h { background-image: url(../img/subject/like_h.png) }

/*分享*/
.sharebuttonbox { position: relative; }
.sharebtns { position: absolute; top: 40px; right: 0px; display: none; border: 1px solid #F6F6F6; background: #F6F6F6; box-shadow: 0px 0px 5px #CCC; border-radius: 5px; white-space: nowrap; padding: 15px; }
.sharebtns span { cursor: pointer; }
.sharebuttonbox:hover .sharebtns { display: block; }


/*课程内容和分区*/
.subject-content { height: auto; overflow: hidden; }
.subject-content-left { float: left; height: auto; overflow: hidden; width: 890px; }
.subject-content-right { float: right; height: auto; overflow: hidden; width: 280px; }

/*内容板块块*/
.detailblock { background: #FFF; margin-top: 30px; padding: 20px; }
/*标题*/
.detailblock > div.title { color: #515151; font-size: 20px; line-height: 30px; font-weight: bold; }
/*文本*/
.detailblock > div.content-txt { padding: 10px 0px; color: #515151; font-size: 14px; line-height: 30px; }







/*课程章节树*/
.subject-disptree { max-height: 600px; min-height: 400px; overflow: auto; }

.disptree { padding: 15px 5px; }
.disptree li.level0 { height: auto; overflow: hidden; position: relative; }
.disptree li.level0 > a { display: block; cursor: pointer; height: 50px; vertical-align: middle; line-height: 48px; padding-left: 45px; background: #f8f8f8; border: 1px solid rgba(238,238,238,1); }
.disptree li.level0 > a > span.ico_open, .disptree li.level0 > a > span.ico_close { position: absolute; display: block; left: 15px; top: 16px; width: 20px; height: 20px; }
.disptree li.level0 > a > span.ico_open { background: url(../img/video/up.png) center center no-repeat; }
.disptree li.level0 > a > span.ico_close { background: url(../img/video/down.png) center center no-repeat; }
.disptree li.level0 > a > span { font-size: 14px; color: #555; }

/*.disptree li.level1 { height: auto; overflow: hidden; position: relative; }
.disptree li.level1 > a { display: block; cursor: pointer; height: 45px; vertical-align: middle; line-height: 42px; padding-left: 70px; background: #FEFEFE; border-bottom: 1px solid #F1F1F1; }
.disptree li.level1 > a > span.ico_open, .disptree li.level1 > a > span.ico_close { position: absolute; display: block; left: 35px; top: 13px; width: 20px; height: 20px; }
.disptree li.level1 > a > span.ico_open { background: url(../img/video/up.png) center center no-repeat; }
.disptree li.level1 > a > span.ico_close { background: url(../img/video/down.png) center center no-repeat; }
.disptree li.level1 > a > span { font-size: 14px; color: #666; }
*/
.disptree li.level1 { height: auto; overflow: hidden; position: relative; }
.disptree li.level1 > a { display: block; font-size: 14px; color: #888888; height: 40px; text-decoration: none; vertical-align: middle; line-height: 38px; padding-left: 70px; background: #FEFEFE; border-bottom: 1px solid #F1F1F1; }
.disptree li.level1 > a > span.ico_docu { position: absolute; display: block; left: 40px; top: 10px; width: 20px; height: 20px; background: url(../img/video/videofile.png) center center no-repeat; }


/*主讲老师*/
.detail-teachers { padding: 10px 0px; }
.detail-teachers-item { padding: 0px 0px 10px 0px; }
.detail-teachers-item div.pic { text-align: center; height: 90px; }
.detail-teachers-item div.pic img { border: none; width: 90px; height: 90px; border-radius: 45px; }
.detail-teachers-item div.name { text-align: center; height: 50px; line-height: 50px; font-size: 24px; color: #515151; }
.detail-teachers-item div.main { padding: 0px 10px; height: auto; overflow: hidden; line-height: 30px; font-size: 14px; color: #888; }




/*****************分页控件样式 start ******************/
.pages_div { padding: 20px 0px; width: 96%; margin: 0px auto; font-family: Arial; font-size: 14px; }

.pages { margin-top: 1px; vertical-align: middle; margin: 4px auto; }

.pages a, .pages .cpb { height: 24px; line-height: 24px; padding: 0px 8px; text-decoration: none; display: inline-block; border: 1px solid #DDDDDD; background: #f5f5f5; margin: 1px; font-size: 12px; color: #4b4b4b; text-align: center; min-width: 16px; vertical-align: middle; }

    .pages .cpb, .pages a:hover {
        font-weight: bold;
        color: #FFFFFF;
        background: #3ab45d;
        border: 1px solid #3ab45d;
        display: inline-block;
    }

.pages span { display: inline-block; }

.pagescount { color: #242323; line-height: 24px; }

.pagescount b { font-weight: normal; font-size: 14px; color: #4b4b4b; }

.pages input { border: solid 1px #AAAAAA; height: 20px; line-height: 20px; font-size: 12px; text-align: center; padding: 0px 1px; }

#Pager1_btn { border: 1px solid #ddd; background: #ffff; height: 24px; background-color: Transparent; border: none 0px; text-align: center; cursor: pointer; color: #154790; margin-left: 8px; }
/*****************Linq分页控件样式 end ******************/



/*隐藏式附件上传*/
.divfileup { border-radius: 4px; position: relative; width: 35px; background: #2e97ea url(../img/upload.png) 7px center no-repeat; height: 26px; margin: 2px auto; }
.divfileup input.up { position: absolute; z-index: 2; width: 100%; height: 26px; left: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.divfileup a { position: absolute; color: #FFF !important; height: 24px; line-height: 24px; left: 26px; top: 0px; z-index: 1; display: block; text-align: center; font-size: 14px; }
.divfileup:hover { background-color: #076dbf; }


.info_header { margin: 20px 30px; height: 14px; line-height: 14px; padding-left: 7px; border-left: 3px solid #3ab45d; }
.info_header p { padding: 0px; margin: 0px; font-size: 14px; font-weight: bold; color: #222222; }
.info_main { margin: 0px 25px; padding: 5px; }
.info_table { width: 100%; font-size: 14px; border-collapse: collapse; }
.info_table tr td.t_r { background: #FAFAFA; color: #666; }
    .info_table tr td {
        height: 44px;
        border: 1px solid #d5d5d5;
        padding: 3px 6px;
    }
.info_table tr td input.txt, .info_table tr td select.txt { height: 32px; border: 1px solid #AAA; background-color: #FFF; padding: 0px 6px; border-radius: 5px; }
.info_table tr td input.txt:focus, .info_table tr td select.txt:focus { border: 1px solid #666; box-shadow: 0px 0px 3px #aaa; }
.info_table tr td input.rrb, .info_table tr td select.rrb { border-color: red !important; }

.info_table tt { margin: 0px 4px; color: red; }



/*评价列表*/
.comments { padding: 20px 35px 10px 10px; }
.comments-item { height: auto; overflow: hidden; position: relative; min-height: 100px; padding-left: 100px; }
.comments-item > div.user { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; }
.comments-item > div.user { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; }
.comments-item > div.user .user-pic { margin-left: 25px; width: 50px; height: 50px; border-radius: 50px; position: relative; text-align: center }
.comments-item > div.user .user-pic > img.backimg { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; border-radius: 50px; border: 0px; z-index: 1 }
.comments-item > div.user .user-pic > img.myimg { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; border-radius: 50px; border: 0px; z-index: 2 }
.comments-item > div.user .user-name { line-height: 40px; color: #999; font-size: 14px; text-align: center; }

.comments-main { height: 50px; }
.comments-main .main-rate { float: left; height: 45px; }
.comments-main .main-date { float: right; line-height: 45px; font-size: 14px; color: #888; }
.comments-content { color: #333; font-size: 14px; }


/*问题反馈*/
.feedbacks { padding: 30px; }
.feedbacks-item { height: auto; overflow: hidden; margin: 5px 0px; position: relative; min-height: 100px; border: 1px solid #ff646f; }

.feedbacks-main { height: 45px; padding: 0px 20px; background: #fff3f4; }
.feedbacks-main .main-date { float: left; line-height: 45px; color: #888; font-size: 12px; }
.feedbacks-main .main-del { background: url('../img/del.png') 0px center no-repeat; float: right; padding-left: 25px; cursor: pointer; line-height: 45px; font-size: 14px; color: #3ab45d; }
.feedbacks-main .main-del:hover { text-decoration: underline; }

.feedbacks-content { padding: 10px 40px; color: #333; font-size: 14px; line-height: 26px; height: auto; overflow: hidden; }

.feedbacks-back { height: auto; overflow: hidden; margin: 20px 40px; background: #F6F6F6 }
.feedbacks-back > .back-state { height: 45px; line-height: 45px; padding: 0px 20px; color: #666; font-size: 12px; }
.feedbacks-back > .back-state > div { height: 45px; line-height: 45px; float: left; padding-right: 30px; }

.feedbacks-back > .back-content { color: #333; font-size: 14px; line-height: 26px; height: auto; overflow: hidden; padding: 10px 20px; background: #FAFAFA }



/*首页机构列表*/
.index_orglist { height: auto; overflow: hidden; }
.index_orglist > ul { height: auto; overflow: hidden; }
.index_orglist > ul > li { height: 50px; padding: 10px; display: inline-block; width: 370px; }
.index_orglist > ul > li > a { display: block; height: 42px; padding: 3px; border: 1px solid #f5f5f5; box-shadow: 0px 0px 4px #f5f5f5; transition: 0.4s; border-radius: 5px; }
.index_orglist > ul > li > a:hover { border: 1px solid #ef5353; box-shadow: 0px 0px 5px #ef5353; }
.index_orglist > ul > li > a > em { vertical-align: middle; display: inline-block; text-align: center; padding: 2px; height: 38px; width: 38px; line-height: 18px; background: #ceebfc; border-radius: 5px; font-size: 14px; color: #007be4; font-style: normal; }
.index_orglist > ul > li > a > span { vertical-align: middle; padding-left: 6px; display: inline-block; height: 42px; line-height: 42px; font-size: 13px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }




/*通用一般文章列表*/
.article_files { margin: 0 0 15px 0; padding: 22px 50px 6px 50px; overflow: hidden; border-radius: 5px; background: #fff; }
.article_files .title { display: block; width: 100%; overflow: hidden; background: #f5f5f5; }
.article_files .title h3 { float: left; padding: 0px 30px; height: 16px; line-height: 16px; font-size: 16px; font-weight: bolder; }
.article_files .title .more { float: right; height: 16px; line-height: 16px; font-size: 12px; color: #888; }
.article_files .title .more i { font-size: 14px; color: #b4b4b4; }
.article_files ul.list { overflow: hidden; padding: 20px 35px; }
.article_files ul.list li { padding: 0 0 18px 0; width: 100%; overflow: hidden; }
.article_files ul.list li i { display: inline-block; position: relative; height: 23px; width: 20px; vertical-align: middle; }
.article_files ul.list li i:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; height: 4px; width: 4px; border-radius: 2px; background: #2973d3; }
.article_files ul.list li a { display: inline-block; line-height: 23px; vertical-align: middle; }


.ptcns { padding: 10px 10px 10px 50px; position: relative; margin: 0px auto 10px auto; border: 3px dashed #ffd700; color: #333333; line-height: 28px; background: #ffebc6; }
.ptcns > p { position: absolute; left: 0px; top: 0px; text-align: center; width: 1.8em; padding: 5px; margin: 0px; line-height: 1.2em; font-size: 16px; font-weight: bold; }
.ptcns > div { line-height: 1.2em; font-size: 14px; text-align: left; text-indent: 2em; }

.empcns { padding: 10px 10px 10px 50px; margin: 0px auto 10px auto; border: 3px dashed #ffd700; color: #333333; line-height: 28px; background: #ffebc6; }
.empcns > h2 { text-align: center; padding: 5px; margin: 0px; line-height: 1.9em; font-size: 18px; font-weight: bold; }
.empcns p { line-height: 1.5em; font-size: 16px; text-align: left; text-indent: 2em; }
.empcns div.isaccept { background: url('../../image/tick.png') left center no-repeat; color: green; text-align: left; padding: 10px 10px 10px 25px; font-weight: bold; }
.empcns div.btns { text-align: center; padding: 10px; }
.empcns div.btns .btnaccept { padding: 5px 15px; }