ul, ol { margin-top: 0; margin-bottom: 20px; }

ol, ul { padding-left: 20px; }

.sf-menu .name, .my-coupon-list .item .right .time_limit, .ellips { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

a:hover, a:focus { color: #e84c3c; text-decoration: underline; }

body { height: 100%; width: 100%; margin: 0 auto; }

[class^="icn-"], [class*="icn-"] { background-image: url(images/icn.png); background-repeat: no-repeat; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 20px; height: 20px; margin-right: 5px; }

.icn-user { background-position: 0 0; }

.icn-psw { background-position: 0 -40px; margin-right: 5px; }

.icn-cate { background-position: -30px 0; margin-right: 10px; width: 30px; height: 30px; }

.icn-show { background-position: 0 -340px; }

.icn-hide { background-position: 0 -360px; }

.icn-showtaolun { background-position: 0 -240px; }

.icn-m1 { background-position: -105px 0; }

.icn-m2 { background-position: -105px -25px; }

.icn-m3 { background-position: -105px -50px; }

.icn-m4 { background-position: -105px -75px; }

.icn-m5 { background-position: -105px -100px; }

.icn-m6 { background-position: -105px -125px; }

.icn-m7 { background-position: -105px -150px; }

.icn-m8 { background-position: -105px -175px; }

.icn-m9 { background-position: -105px -200px; }

.icn-m10 { background-position: -105px -225px; }

.icn-m11 { background-position: -105px -250px; }

.icn-m12 { background-position: -105px -275px; }

.icn-c1 { background-position: 0 -300px; }

.icn-c2 { background-position: 0 -320px; }

.icn-f1 { background-position: 0 -100px; margin-right: 10px; }

.icn-f2 { background-position: 0 -120px; margin-right: 10px; }

.icn-f3 { background-position: 0 -140px; margin-right: 10px; }

.icn-f4 { background-position: 0 -160px; margin-right: 10px; }

.icn-f5 { background-position: 0 -180px; margin-right: 10px; }

.icn-f6 { background-position: 0 -200px; margin-right: 10px; }

.icn-f7 { background-position: 0 -80px; margin-right: 10px; }

.icn-f8 { background-position: -20px -400px; margin-right: 10px; }

.icn-f9 { background-position: -20px -420px; margin-right: 10px; }

.icn-fd1 { background-position: -30px -30px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd2 { background-position: -30px -60px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd3 { background-position: -30px -90px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd4 { background-position: -30px -120px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd5 { background-position: -30px -150px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd6 { background-position: -30px -180px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd7 { background-position: -30px -210px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd8 { background-position: -30px -240px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd9 { background-position: -30px -270px; margin-right: 10px; width: 30px; height: 30px; }

.icn-fd10 { background-position: -30px -300px; margin-right: 10px; width: 30px; height: 30px; }

.icn-cp-add { background-position: -60px 0; margin-right: 0; }

.icn-cp-add2 { background-position: -60px -20px; margin-right: 0; }

.icn-cp-del { background-position: -60px -40px; margin-right: 0; }

.icn-cp-move { background-position: -60px -60px; margin-right: 0; }

.icn-cp-add3 { background-position: -60px -140px; margin-right: 5px; }

.icn-cp-del2 { background-position: -60px -160px; margin-right: 5px; }

.icn-cp-decrease { background-position: -60px -220px; margin-right: 5px; }

.icn-cp-edit { background-position: -60px -80px; margin: 0 3px 0; }

.icn-cp-ok { background-position: -60px -100px; margin: 0 3px 0; }

.icn-cp-del3 { background-position: -60px -120px; margin: 0 3px 0; }

.icn-cp-eye { background-position: -60px -180px; margin: 0 3px 0; }

.icn-cp-set { background-position: -60px -200px; margin: 0 3px 0; }

.icn-cp-n1 { background-position: -130px 0; }

.icn-cp-n2 { background-position: -130px -20px; }

.icn-cp-n3 { background-position: -130px -40px; }

.icn-cp-n4 { background-position: -130px -60px; }

.icn-cp-n5 { background-position: -130px -80px; }

.icn-cp-n6 { background-position: -130px -100px; }

.icn-cp-n7 { background-position: -130px -120px; }

.icn-cp-n8 { background-position: -130px -140px; }

.icn-cp-n9 { background-position: -130px -160px; }

.icn-cp-n10 { background-position: -130px -180px; }

.icn-cp-n11 { background-position: -130px -200px; }

.icn-v-chapter { background-position: -30px -330px; margin: 0; width: 30px; height: 30px; }

.icn-v-notes { background-position: -30px -360px; margin: 0; width: 30px; height: 30px; }

.icn-v-dot { background-position: -20px 0; margin: 0; width: 8px; height: 8px; }

.icn-v-play { background-position: 0 -220px; }

.icn-a1 { background-position: 0 -380px; }

.icn-a2 { background-position: 0 -400px; }

.icn-a3 { background-position: 0 -420px; }

.icn-a4 { background-position: 0 -440px; }

.icn-a5 { background-position: 0 -460px; }

.icn-a6 { background-position: 0 -480px; }

.icn-login-user { background-position: 0 -260px; }

.icn-login-psw { background-position: 0 -280px; }

.icn-login-yzm { background-position: -60px -330px; }

.icn-read-a01 { background-position: -80px -350px; }

.icn-read-a02 { background-position: -80px -375px; }

.icn-read-a03 { background-position: -80px -400px; }

.icn-read-a04 { background-position: -80px -425px; }

.icn-read-a05 { background-position: -80px -450px; }

.icn-practice01 { background-position: 0 0; }

.icn-practice02 { background-position: -83px 0; }

.icn-practice03 { background-position: -161px 0; }

.icn-title01 { background-position: -60px -370px; margin-right: 10px; }

.icn-b1 { background-position: -60px -390px; }

.icn-b2 { background-position: -60px -410px; }

.icn-b3 { background-position: -60px -430px; }

.icn-b4 { background-position: -80px -390px; }

.icn-b5 { background-position: -80px -410px; }

.icn-b6 { background-position: -80px -430px; }

.icn-up { background-position: -80px -450px; }

.icn-discussion { background-position: -60px -450px; }

a:hover .icn-discussion { background-position: -40px -450px; }

a.statistic_view_bt:hover { color: #fff; background: #4083e7; }

.icn-pass { background-position: -60px -470px; }

.icn3 { background: url(images/icngp03.png) no-repeat; width: 33px; height: 25px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-left: 10px; }

.icn3.i1 { background-position: 0 0; }

.icn3.i2 { background-position: 0 -25px; }

.area { width: 1000px; margin: 0 auto; }

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

.container { width: 1220px; }

.container.zx { width: 1220px; }

h1, h2, h3, h4, h5, h6 { margin: 0; }

.aplist { font-size: 0; margin: 0; padding: 0; list-style: none; }

.aplist > li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: auto; margin: 0; }

.grid { margin: 0; padding: 0; }

.grid > li { margin: 0; list-style: none; }

.fl { float: left; }

.fr { float: right; }

.ind { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

.img_max img { max-width: 100%; width: 100%\9; }

.ftn { font-weight: normal; }

.ellips { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.clip { white-space: nowrap; text-overflow: clip; overflow: hidden; }

.none { display: none; }

.mgt5 { margin-top: 5px; }

.mgt10 { margin-top: 10px; }

.mgt20 { margin-top: 20px; }

.mgt30 { margin-top: 30px; }

.mgt40 { margin-top: 40px; }

.mgb10 { margin-bottom: 10px; }

.mgb20 { margin-bottom: 20px; }

.mgb30 { margin-bottom: 30px; }

.mgb40 { margin-bottom: 40px; }

.mgb50 { margin-bottom: 50px; }

.mgl10 { margin-left: 10px; }

.c_6F7B85, .c_6F7B85 a, a.c_6F7B85 { color: #6f7685; }

.t-c { text-align: center; }

.t-l { text-align: left; }

.t-r { text-align: right; }

.row_white { background: #fff; padding: 30px 0; }

.row_white.pd45 { padding: 45px 0; }

.row_grey { background: #f2f5fa; padding: 30px 0; }

.row_grey.pd45 { padding: 45px 0; }

.row_grey.pd35 { padding: 35px 0; }

.row_grey.pd0 { padding: 0; }

.btn-primary { background: #38bbf7; border-color: #38bbf7; background: #4f88da; border-color: #4f88da; }

.btn-info { background-color: #6e9ee7; border-color: #6e9ee7; }

.btn-success { background-color: #36c28f; border-color: #36c28f; }

.tab04 td { padding: 5px; }

/*----------------------------------------------------------------------------------a-a-a-a-------------*/
.aptext { overflow: hidden; }

.aptext .text { overflow: hidden; }

.aptext .left, .aptext .pic { float: left; margin-right: 15px; display: inline-block; }

/*----------------------------------------------------------------------------------b-b-b-b-------------*/
.btn_red { POSITION: relative; display: inline-block; *display: inline; zoom: 1; height: 39px; line-height: 39px; border: 0; background-color: #f36945; border-radius: 3px; padding: 0 40px; color: #fff !important; font-size: 16px; text-decoration: none; text-align: center; }

.btn_red:hover { background: #d50b10; COLOR: #fff; text-decoration: none !important; }

.btn_red.md { height: 30px; line-height: 30px; padding: 0 15px; font-size: 16px; }

.btn_red.sm { height: 24px; line-height: 24px; padding: 0 15px; font-size: 14px; border-radius: 24px; }

.btn_red.grey { background: #e7e7e7; color: #333 !important; }

.btn_red.grey:hover { background: #ccc; COLOR: #333; }

.btn_red.block { display: block; letter-spacing: 2px; }

.bd6px { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.course_chapterPanel .chapterList { border: solid 1px #dddddd; margin-bottom: 10px; }

.course_chapterPanel .resource-detail .group { overflow: hidden; position: relative; padding-left: 75px; }

.comment-wrap .comment { padding: 20px 0; }

.fullSlide .list a { background: url(images/dot2.png) 20px 9px no-repeat; padding: 2px 20px 0 35px; margin-bottom: 0; display: block; font-size: 14px; }

.loginTwo .yzm_box .aptext { width: 60%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

.loginTwo .yzm_box .yzm { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-left: 5px; padding-top: 2px; }

.hotCourse02 .name { font-size: 16px; letter-spacing: 1px; color: #333; padding: 12px 0 8px; }

.login_panel .yzm_box .aptext { width: 60%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

.login_panel .yzm_box .yzm { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-left: 10px; padding-top: 10px; }

#read-menu .item a { display: inline-block; *display: inline; zoom: 1; padding: 6px 30px; color: #6b7083; }

.read-wrap .audio-widget .audioPic { text-align: right; padding-right: 20px; }

.read-wrap .read-intro .read-intro-mode .left { text-align: center; }

.read-article.sm .head > h1 { font-size: 18px; }

.statistic_panel03 .num { font-size: 18px; letter-spacing: 1px; }

.school-infoBox .pic { border: #ccc solid 1px; padding: 5px; width: 160px; height: 160px; }

.tab_zuoye input[type="checkbox"] { margin: 0; }

.tab_a01 .black { color: #353535; }

.bbs_box .content .heading { font-size: 16px; height: 45px; font-weight: normal; }

.bbs_box .content .c { line-height: 1.7; margin-bottom: 10px; font-size: 14px; }

.bbs_box .content .author { font-size: 14px; margin-bottom: 20px; }

.bbs_box .content .aptext .pic { width: 40px; height: 40px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }

.bbs_box .content.c2 { padding: 10px; }

.bbs_box .content.c2 .author { font-size: 12px; margin-bottom: 0; margin-top: -20px; }

.bbs_box .clr1 { margin: 10px 0; }

.bbs_box .content .author .c_red, .bbs_box .content .author .c_red a { color: #4083e7; }

.breadcrumb { padding: 0; font-size: 14px; }

.breadcrumb > li + li:before { color: #666; content: ">\00a0"; }

.breadcrumb > .active { color: #0c97f6; }

.banner-organization { background: url(images/banner-organization.jpg) top center no-repeat; height: 304px; }

.banner-school { height: 304px; background-position: top center; background-color: #666; }

/*----------------------------------------------------------------------------------c-c-c-c-------------*/
.clr1 { display: block; height: 1px; background: #ccc; clear: both; overflow: hidden; _line-height: 0; _font-size: 0; margin: 10px 0; }

.course_category { position: relative; }

.course_category > h2 { line-height: 30px; font-weight: normal; font-size: 22px; letter-spacing: 3px; }

.course_category .input-group { position: absolute; right: 0; top: 0; background: #f3f5f6; width: 500px; padding: 3px 5px; border-radius: 5px; }

.course_category .input-group .search-input { background: #f3f5f6; border: 0; box-shadow: none; }

.course_category .input-group .input-group-btn { background: #f3f5f6; }

.course_category .input-group .btn { background: none; border: 0; }

.course_category .category { margin-top: 20px; padding-top: 20px; border-top: #ccc solid 1px; }

.course_category .category .left { font-size: 16px; letter-spacing: 3px; margin-right: 10px; }

.course_category .grid li { float: left; margin-right: 10px; min-width: 123px; margin-bottom: 5px; font-size: 14px; }

.course_category .grid li a { padding: 2px 8px; position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

.course_category .grid li a b { color: #9ba4ad; margin-left: 10px; font-weight: normal; }

.course_category .more { display: block; text-align: right; }

.course_category .grid li a:hover, .course_category .grid li a.active { background: #dcf2fb; color: #4083e7; text-decoration: none; }

.course_category_fz { background: #f4f5f7; padding: 25px 0; }

.course_category_fz .grid li { float: left; min-width: 123px; margin: 5px 10px 5px 0; font-size: 16px; }

.course_category_fz .grid li a { padding: 2px 8px; position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: top; cursor: pointer; }

.course_category_fz .grid li a b { margin-left: 10px; font-weight: normal; }

.course_category_fz .more { display: block; float: right; }

.course_category_fz .grid li a:hover, .course_category_fz .grid li a.active { background: #fff; color: #e84c3c; text-decoration: none; border-radius: 5px; }

.course-tabs { border: 0; height: 50px; }

.course-tabs > li > a { padding: 2px 12px; margin-right: 20px; font-size: 14px; border-radius: 20px; border: 0; min-width: 79px; text-align: center; }

.course-tabs > li > a b { color: #9ba4ad; margin-left: 10px; font-weight: normal; }

.course-tabs li.active a { text-decoration: none; border: 0; color: #fff; background: #4083e7; }

.course-tabs li.active a b { color: #fff; }

.course-tabs li.active:after { display: none; }

.course-tabs li.active + li:after { display: none; }

.course-tabs li:after { background: #ccc; content: ""; height: 12px; width: 1px; position: absolute; top: 7px; left: -10px; }

.course-tabs li:first-child:after { display: none; }

.course-tabs.n2 li.active a { background: #e84c3c; }

.course-tabs.n2 li:after { display: none; }

.course-tabs.n2 > li > a { margin-right: 15px; padding: 3px 10px; }

.chapter-tabs { border: 0; border-bottom: #ddd solid 1px; margin-bottom: 20px; }

.chapter-tabs > li > a { padding: 0 2px 5px; margin-right: 30px; font-size: 18px; letter-spacing: 1px; border: 0; border-bottom: transparent solid 3px; }

.chapter-tabs > li > a small { color: #6f7c85; margin-left: 2px; font-weight: normal; }

.chapter-tabs li.active > a { text-decoration: none; border: 0; border-bottom: #e84c3c solid 3px; color: #e84c3c; }

.course_detail_show .text { position: relative; }

.course_detail_show .text .price { font-size: 14px; color: #6f7c85; float: right; padding-top: 8px; }

.course_detail_show .text .price .new { color: #f36945; font-size: 18px; margin-left: 10px; }

.course_detail_show .text .oper { overflow: hidden; }

.course_detail_show .text .seeNum { font-size: 14px; color: #6f7c85; margin-top: 20px; margin-bottom: 0; }

.course_detail_show .head { margin-bottom: 30px; }

.course_detail_show .head h2 { display: inline-block; *display: inline; zoom: 1; font-size: 24px; letter-spacing: 1px; font-weight: normal; line-height: 1.5; }

.course_detail_show .infor { height: 200px; position: relative; }

.course_detail_show .infor .enter { position: absolute; bottom: 0; right: 0; color: #e84c3c; letter-spacing: 1px; font-size: 14px; }

.course_detail_show .cate { background: #f2f5f9; padding: 20px; color: #6f7c85; font-size: 14px; position: relative; }

.course_detail_show .cate .all { float: right; }

.course_detail_show .cate > p { margin-bottom: 2px; }

.course_detail_show .left { width: 511px; position: relative; margin-right: 35px; }

.course_detail_show .left img { width: 511px; height: 289px; }

.course_detail_show .left .icn-lock { position: absolute; left: 50%; top: 50%; margin-top: -54px; margin-left: -54px; }

.course_detail_show .unit { color: #6f7685; margin-left: -35px; }

.course_detail_show .unit > li { margin-left: 35px; font-size: 14px; position: relative; }

.course_detail_show .unit > li + li:before { background: #ccc; content: ""; height: 12px; width: 1px; position: absolute; top: 5px; left: -17px; }

.course_detail_show.n2 .infor { height: auto; }

.course_detail_show.n2 .head { margin-bottom: 10px; }

.course_detail_show.n2 .head h2 { font-size: 21px; font-weight: 300; }

.course_detail_show.n2 .head .tag { display: inline-block; *display: inline; zoom: 1; border: 0; background: #888; padding: 0 8px; color: #fff !important; font-size: 14px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left: 10px; }

.course_detail_show.n2 .left { width: 146px; margin-right: 30px; }

.course_detail_show.n2 .left img { width: 146px; height: 83px; border: #fff solid 2px; }

/*.course_detail_show .text .price .old{color: #91a0ab;margin-left: 10px;text-decoration: line-through} */
.cooperationList { margin-left: -20px; }

.cooperationList > li { margin-left: 20px; margin-bottom: 20px; }

.cooperationList .card { background: #fff; width: 224px; padding: 10px 20px; box-shadow: 1px 1px 1px #ccc; display: block; text-align: center; }

.cooperationList .card img { width: 100%; height: 40px; display: block; }

.cooperationList.n2 .card { padding: 40px 20px; }

.row_readBg { background: url(images/text-bg04.jpg) #fff right bottom no-repeat; }

.row_readBg .course_detail_show.n2 .left img { border: #cdcfda solid 1px; }

.row_readBg .course_detail_show.n2 .head h2 { color: #0e2063; }

.course_chapterPanel .chapter-head { position: relative; }

.course_chapterPanel .chapter-head .discussion { position: absolute; right: 50px; top: 15px; z-index: 100; }

.course_chapterPanel .chapter { background: #f3f5f7; border: solid 1px; border-top-color: #fff; border-left-color: #fff; border-right-color: #fff; border-bottom-color: #dddddd; padding: 10px; position: relative; overflow: hidden; cursor: pointer; }

.course_chapterPanel .chapter .btn-link { color: #333333; font-size: 18px; padding: 0; line-height: 30px; }

.course_chapterPanel .chapter .tm { font-size: 12px; color: #6f7685; line-height: 30px; float: right; }

.course_chapterPanel .chapter:hover { background: #eee; }

.course_chapterPanel .chapter .icn-up { position: absolute; right: 10px; top: 15px; }

.course_chapterPanel .chapter.collapsed .icn-up { background-position: -100px -450px; }

.course_chapterPanel .chapter .icn-discussion { margin-top: 5px; margin-left: 30px; }

.course_chapterPanel .chapter .name { float: left; width: 85%; font-size: 18px; }

.course_chapterPanel .chapter .name small { color: #6f7685; font-size: 13px; margin-left: 10px; }

.course_chapterPanel .chapter_content { z-index: 100; position: relative; padding: 10px; overflow: hidden; }

.course_chapterPanel .chapter_content > h3 { font-weight: normal; font-size: 16px; line-height: 30px; margin-bottom: 10px; cursor: pointer; position: relative; z-index: 101; border-bottom: #ddd solid 1px; padding-bottom: 10px; }

.course_chapterPanel .chapter_content > h3 .icn-up { position: absolute; right: 0; top: 5px; }

.course_chapterPanel .chapter_content > h3.active .icn-up { background-position: -100px -450px; }

.course_chapterPanel .chapter_content > h3 .text-gray { font-size: 12px; }

.course_chapterPanel .chapter_content > h4 { font-weight: normal; color: #353535; font-size: 16px; line-height: 30px; margin-bottom: 10px; position: relative; z-index: 101; }

.course_chapterPanel .chapter_content .nm { font-weight: normal; color: #353535; font-size: 16px; margin-bottom: 10px; position: relative; z-index: 101; }

.course_chapterPanel .chapter_content .nm [class^="icn-"] { float: left; margin-top: -3px; }

.course_chapterPanel .chapter_content .nm .m { overflow: hidden; line-height: 1.6; }

.course_chapterPanel .chapter_content .btn-try { float: right; background: #fff; border-color: #e84c3c; color: #e84c3c !important; font-size: 13px; padding: 1px 4px; margin-top: -2px; }

.course_chapterPanel .chapter_content .btn-try:hover { background: #fce4e2; }

.course_chapterPanel .detail { margin-bottom: 20px; overflow: hidden; }

.course_chapterPanel .detail .head { margin: 0; background: #f3f5f7; padding: 6px 0; font-weight: normal; text-align: center; margin-bottom: 10px; }

.course_chapterPanel .detail .head dt { font-weight: normal; color: #6f7685; padding: 0; }

.course_chapterPanel .detail .grid { padding: 5px 0; text-align: center; color: #6f7685; }

.course_chapterPanel .detail .grid .t1 { font-size: 14px; text-align: left; }

.course_chapterPanel .detail .grid .t1 .tm { font-size: 12px; color: #6f7685; letter-spacing: 1px; margin-left: 10px; font-style: italic; }

.course_chapterPanel .detail .grid .t1 .tm em { color: #e84c3c; margin: 0 2px; font-size: 14px; }

.course_chapterPanel .detail .grid .t1 .file { margin-left: 10px; font-size: 12px; color: #6f7685; letter-spacing: 1px; cursor: pointer; }

.course_chapterPanel .detail .grid .t1 .file:hover { color: #e84c3c; }

.course_chapterPanel .detail .grid .t1 .file.active .icn-up { background-position: -100px -450px; }

.course_chapterPanel .detail .grid dd { padding: 0; }

.course_chapterPanel .detail .grid a:hover { text-decoration: none; }

.course_chapterPanel .detail .grid:hover { background: #dbf2fb; }

.course_chapterPanel .detail .grid .ok { position: absolute; color: #38b03f; width: 20px; height: 20px; right: 0; top: 8px; }

.course_chapterPanel .detail .note { padding-left: 30px; color: #6f7685; margin-top: 10px; }

.course_chapterPanel .resource-detail .group .item { overflow: hidden; }

.course_chapterPanel .resource-detail .group .item:last-child { border-bottom: #ddd solid 1px; padding-bottom: 10px; margin-bottom: 10px; }

.course_chapterPanel .resource-detail .group:last-child .item:last-child { border-bottom: 0; padding: 0; margin: 0; }

.course_chapterPanel .resource-detail .group .label { position: absolute; left: 0; top: 4px; border-radius: 2px; background-color: #858788; padding: 4px 6px; font-size: 13px; }

.course_chapterPanel .resource-detail .group .item-content { background: #f3f5f7; padding: 10px 0; }

.course_chapterPanel .resource-detail .group .item-content .t1 { padding: 5px 0; }

.chapter_result { display: block; background: #e84c3c; line-height: 2; padding: 5px; margin-top: 20px; font-size: 14px; color: #fff; }

.chapter_result > a { color: #fff; display: block; padding: 3px 5px; }

.chapter_result > a + a { border-top: #ccc dashed 1px; }

.chapter_result > a:hover { background: #be2716; text-decoration: none; }

.chapter_result .btn-danger { border-color: #fff; background: #e84c3c; padding: 2px 10px; }

.chapter_leftMenu { background: #fff; padding-bottom: 30px; }

.chapter_leftMenu .header { padding: 30px 20px 0; }

.chapter_leftMenu .header .tip { margin-bottom: 0; color: #999999; font-size: 12px; margin-top: 3px; }

.chapter_leftMenu .header .T_head01 { position: relative; margin-bottom: 0; }

.chapter_leftMenu .header .T_head01 .oper { position: absolute; right: 0; }

.chapter-settingMenu { color: #6f7685; padding: 15px 15px; }

.chapter-settingMenu > p { margin: 0 0 1px; }

.chapter-settingMenu a { color: #6f7685; display: block; padding: 5px; }

.chapter-settingMenu a.active, .chapter-settingMenu a:hover { background: #eef3f8; color: #4083e7; text-decoration: none; }

#sortableList > .list-group-item { border: 0; padding: 6px 40px 6px 40px; color: #6f7685; }

#sortableList > .list-group-item.zhang { padding: 6px 40px 6px 20px; font-size: 14px; margin-top: 20px; }

#sortableList > .list-group-item.dragging { visibility: visible; opacity: .3; }

#sortableList > .list-group-item .icn-cp-move { position: absolute; right: 20px; top: 6px; cursor: move; }

#sortableList .zhang p { color: #999999; font-size: 12px; margin-bottom: 0; }

#sortableList > .list-group-item:hover, #sortableList > .list-group-item.active { background: #eef3f8; color: #4083e7; }

.chapter_nav { position: relative; z-index: 600; }

.chapter_nav .breadcrumb { padding: 8px 0; float: left; margin-bottom: 15px; }

.chapter_setBox { position: relative; z-index: 10; }

.chapter_setBox .chapter_setButton { text-align: right; top: -10px; position: relative; }

.chapter_setBox .header { border-bottom: #e7eaec solid 1px; font-size: 14px; padding: 10px; }

.chapter_setBox .header .col-md-2 { width: 13%; }

.chapter_setBox .header [class^="col-"] { line-height: 20px; padding: 0 3px; }

.chapter_setBox .header input[type="checkbox"] { margin: 5px 5px 0 0; }

.chapter_setButton { overflow: hidden; }

.chapter_setButton li { margin: 5px; }

.chapter_setButton li > p { margin-bottom: 0; color: #999999; font-size: 12px; line-height: 1.8; letter-spacing: 1px; }

.chapter_setButton .b1 { background: #6b9ce6; }

.chapter_setButton .b2 { background: #1ab394; }

.chapter_setButton .b3 { background: #f8ac59; }

.chapter_setButton .b4 { background: #ee606f; }

.chapter_setButton a.b1, .chapter_setButton a.b2, .chapter_setButton a.b3, .chapter_setButton a.b4, .chapter_setButton .bt { border-radius: 3px; display: block; padding: 4px 10px; line-height: 20px; color: #fff; font-size: 13px; border: 0; }

.chapter_setButton a:hover, .chapter_setButton .bt:hover { opacity: 0.8; text-decoration: none; }

.chapter_setBox .header .col-md-2, .chapter_setBox .header .col-md-3 { text-align: center; }

.homework_listBox { position: relative; z-index: 10; }

.homework_listBox .chapter_setButton { position: absolute; top: -65px; right: 0; }

.homework_listBox.n2 .chapter_setButton { top: -53px; }

.homework_listBox.n2 .tab_zuoye td.t-r { color: #333; }

.homework_listBox .group { margin-bottom: 40px; }

.homework_listBox .group .h1 { font-size: 18px; font-weight: 400; margin-bottom: 20px; color: #4083e7; }

.homework_listBox .group .h2 { font-size: 16px; margin-bottom: 20px; background: #f4f5f7; padding: 10px; border-radius: 5px; }

.chapter_listGroup .list-group-item { border: 0; border-bottom: #e7eaec solid 1px; padding: 10px; min-height: 40px; color: #6f7c85; margin-bottom: 0; position: relative; }

.chapter_listGroup .list-group-item [class^="col-"] { line-height: 20px; padding: 0 3px; position: relative; z-index: 20; }

.chapter_listGroup .list-group-item .col-md-2 { width: 13%; }

.chapter_listGroup .list-group-item > i.icn-cp-move { position: absolute; right: 0; top: 10px; cursor: move; z-index: 500; }

.chapter_listGroup .list-group-item .col-md-3 .input-sm { width: 40px; display: inline-block; margin-right: 5px; }

.chapter_listGroup .list-group-item [class^="icn-"] { vertical-align: -5px; }

.chapter_listGroup .list-group-item .label { font-size: 12px; margin: 0 3px; }

.chapter_listGroup .list-group-item .labelSet { color: #6f7b85; position: absolute; right: 0; top: 0; z-index: 10; text-align: right; background: #eef3f8; padding: 10px 0; width: 100%; height: 100%; display: none; }

.chapter_listGroup .list-group-item .labelSet a { color: #6f7b85; margin: 0 5px; }

.chapter_listGroup .list-group-item .labelSet a:hover { color: #3f83e7; }

.chapter_listGroup .list-group-item .labelSet .icn-cp-move { cursor: move; }

.chapter_listGroup .list-group-item .col-md-2, .chapter_listGroup .list-group-item .col-md-3 { text-align: center; }

.course_informBox { overflow: hidden; }

.course_informBox .item { margin-bottom: 40px; }

.course_informBox .item .title { font-size: 18px; font-weight: normal; margin-bottom: 10px; }

.course_informBox .item .line { background: #dadddf; width: 35px; height: 3px; margin-bottom: 10px; }

.course_informBox .item .time { color: #999999; font-size: 12px; }

.course_informBox .item .ct { margin-top: 15px; line-height: 2; color: #6f7685; }

.text_infor_row { border-radius: 5px; color: #666; display: inline-block; }

.text_infor_row .classArea { font-size: 14px; font-weight: normal; color: #666; }

.train-detail-panel { background: #5272cd; padding: 50px 0; font-size: 14px; }

.train-detail-panel .tooltip-inner { max-width: 300px; }

.train-detail-panel .right { height: 291px; position: relative; padding-left: 20px; }

.train-detail-panel .pic { width: 484px; height: 291px; background: #fff; padding: 3px; }

.train-detail-panel .head { margin-bottom: 22px; }

.train-detail-panel .head h2 { display: inline-block; *display: inline; zoom: 1; font-size: 22px; max-width: auto; font-weight: normal; margin: 0; color: #fff; }

.train-detail-panel .head .certificate { background: url(images/certificate.png) no-repeat; width: 23px; height: 18px; margin-left: 10px; vertical-align: 1px; }

.train-detail-panel .tags { overflow: hidden; margin-bottom: 15px; }

.train-detail-panel .tags span { float: left; margin-right: 10px; background: #fff; color: #666; padding: 1px 10px; display: inline-block; border-radius: 2px; }

.train-detail-panel .tags b { display: inline-block; float: left; padding: 1px 10px; margin-right: 10px; font-weight: normal; color: #fff; }

.train-detail-panel dl.cate { color: #a4c9f2; margin: 0; }

.train-detail-panel dl.cate dd { padding: 3px 0; }

.train-detail-panel .price { color: #fff; margin: 10px 0; }

.train-detail-panel .price b { font-size: 18px; }

.train-detail-panel .studyTime { position: absolute; top: 40px; right: 20px; color: #fff; text-align: center; }

.train-detail-panel .studyTime b { display: block; font-size: 36px; color: #ffcd54; font-weight: normal; }

.train-detail-panel .btn { background: #e84c3c; width: 286px; height: 52px; color: #fff; font-size: 22px; padding: 0; line-height: 52px; transition: All 0.4s ease-in-out; text-shadow: none; letter-spacing: 4px; font-weight: 100; }

.train-detail-panel .btn:hover { transform: translate(-2px, -2px); box-shadow: 2px 2px 2px #333; }

.train-detail-panel .tips { margin-left: -30px; color: #fff; font-size: 13px; }

.train-detail-panel .tips > p { margin: 3px 0 0; }

.train-detail-panel .tips .nm { color: #a4c9f2; }

.train-detail-panel .baoming { position: absolute; bottom: 3px; left: 20px; width: 100%; }

.train-detail-panel.white { background: #f4f5f7; padding: 40px 0; }

.train-detail-panel.white .right { height: auto; min-height: 235px; }

.train-detail-panel.white .right td { color: #666; }

.train-detail-panel.white .right .table { margin-bottom: 0; }

.train-detail-panel.white .right .table > thead > tr > th { background: #e6e6e6; }

.train-detail-panel.white .col-md-5 { width: 32%; }

.train-detail-panel.white .col-md-7 { width: 68%; }

.train-detail-panel.white .pic { width: 392px; height: 235px; }

.train-detail-panel.white .head h2 { color: #333333; letter-spacing: 1px; }

.train-detail-panel.white .head .tag { display: inline-block; *display: inline; zoom: 1; border: 0; background: #888; padding: 0 8px; color: #fff !important; font-size: 14px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left: 10px; vertical-align: 6px; }

.train-detail-panel.white .tags span { background: #e0e8ed; color: #666666; }

.train-detail-panel.white .tags b { color: #666666; }

.train-detail-panel.white dl.cate { color: #666; }

.train-detail-panel.white .studyTime { color: #333; }

.train-detail-panel.white .studyTime b { color: #446cfd; }

.train-detail-panel.white .btn { background: #e84c3c; color: #fff; border: 0; border-radius: 0; }

.train-detail-panel.white .tips { color: #333; margin-left: -90px; }

.train-detail-panel.white .tips > p > b { font-size: 18px; }

.train-detail-panel.white .tips .nm { color: #919a9f; }

.train-detail-panel.white .item { margin-left: -30px; height: 35px; }

.train-detail-panel.white .item > li { margin-left: 30px; font-size: 14px; padding: 3px 0; color: #666; }

.train-detail-panel.white .baoming { position: relative; left: 0; margin-top: 10px; }

.train-detail-panel.white .bt-join { width: auto; height: auto; line-height: 20px; font-size: 13px; letter-spacing: 1px; padding: 2px 5px; border-radius: 3px; }

.train-detail-panel .bt-over { color: #999; }

.train-detail-panel .my-joinCourse { background: none; padding: 20px 0; margin: 10px 0; font-size: 17px; color: #329d38; letter-spacing: 1px; padding-left: 4px; }

.train-detail-panel .my-joinCourse [class*="icon-"] { font-size: 18px; margin-right: 10px; }

.coureseTime-select { padding: 0 31px 0 3px; height: 25px; border-radius: 5px; border: transparent solid 1px; position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-top: -5px; background: #fff; }

.coureseTime-select:hover { background: #fff; }

.coureseTime-select:before { position: absolute; right: 0; display: block; content: ''; z-index: 99; top: 50%; margin: -3px 8px 0 0; border: solid transparent; border-width: 7px 7px 0; border-top-color: #d2d6d9; }

.coureseTime-select label { font-size: 14px; height: 25px; line-height: 24px; *display: block; background: none; cursor: pointer; font-weight: normal; color: #666; margin-bottom: 0; }

.coureseTime-select ul { width: 100%; display: none; position: absolute; left: -1px; top: 25px; overflow: hidden; background-color: #f2f5f9; max-height: 150px; overflow-y: auto; border: 1px solid #ccc; z-index: 9999; padding: 0; }

.coureseTime-select ul li { height: 30px; line-height: 30px; overflow: hidden; cursor: pointer; padding-left: 20px; }

.coureseTime-select ul li.on { background-color: #666; color: #fff; }

.chapter-homework { padding-left: 60px; margin-bottom: 50px; font-size: 14px; }

.chapter-select { padding: 5px 35px 5px 15px; line-height: 1.8; border-radius: 5px; border: #ddd solid 1px; position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-left: 15px; }

.chapter-select:hover { border-color: #999; }

.chapter-select:before { position: absolute; right: 0; display: block; content: ''; z-index: 99; top: 50%; margin: -3px 8px 0 0; border: solid transparent; border-width: 7px 7px 0; border-top-color: #999; }

.chapter-select label { color: #6f7685; font-size: 14px; background: none; margin-bottom: 0; cursor: pointer; font-weight: normal; }

.chapter-select ul { min-width: 300px; display: none; position: absolute; left: -1px; top: 33px; overflow: hidden; background-color: #506070; max-height: 260px; overflow-y: auto; border: 1px solid #ccc; z-index: 9999; padding: 10px; border-radius: 5px; }

.chapter-select ul li { cursor: pointer; white-space: nowrap; color: #fff; }

.chapter-select ul li .sm { color: #a6bbd0; }

.chapter-select ul li.on { background-color: #414e5a; color: #fff; }

.chapter-select ul.list01 { background: #fff; }

.chapter-select ul.list01 li.level_two { text-align: left; font-size: 14px; background: url(images/dot.png) left 9px no-repeat; padding: 0 0 0 15px; margin-left: 10px; }

.chapter-select ul.list01 li.on { background-color: #414e5a; color: #fff; }

.chapter-select ul.list01 li.on a { color: #fff; }

.chapter-select ul.list01 li.on a:hover { text-decoration: none; }

.chapter-select.n2 { margin-left: 0; padding: 3px 35px 3px 15px; }

.comment > .content > .text { color: #666; }

.comment-wrap .comment > .avatar { margin-top: 0; width: 53px; height: 53px; }

.comment-wrap .comment > .avatar + .content { padding-left: 70px; }

.comment-wrap .starBox { margin-left: 20px; padding-top: 5px; }

.comment-wrap .starBox i { margin: 0 2px; color: #f8b931; }

.comment-wrap .name { margin-bottom: 10px; font-size: 16px; }

.comment-wrap .name strong { font-weight: normal; color: #666666; }

#course-accordion { border: #ced3d8 solid 1px; background: #fff; }

#course-accordion .btn-link { border-top: #ced3d8 solid 1px; padding: 25px 20px; line-height: 21px; cursor: pointer; display: block; overflow: hidden; }

#course-accordion .btn-link:first-child { border-top: 0; }

#course-accordion .btn-link > span.bg { display: inline-block; float: left; overflow: hidden; width: 21px; height: 21px; margin: 0 10px 0 0; background: #3388ff; border-radius: 3px; }

#course-accordion .btn-link > span.num { float: right; color: #6f7c85; width: 25px; text-align: right; }

#course-accordion .btn-link:hover { background: none; }

#course-accordion .btn-link.collapsed:hover span.bg { background: #3388ff; }

#course-accordion .btn-link.collapsed span.bg { background: #ced3d8; }

#course-accordion .btn-link:focus { background: none; }

#course-accordion .btn-link .name { overflow: hidden; font-size: 16px; padding-left: 45px; float: left; color: #333333; }

#course-accordion .with-padding { padding: 0; margin-left: 95px; margin-bottom: 20px; }

#course-accordion .with-padding a { font-size: 14px; background: url(images/dot.png) left 6px no-repeat; padding: 0 0 0 15px; margin-bottom: 8px; display: block; }

#course-accordion .with-padding a.current { color: #3388ff; }

.calligraphy-content { margin: 0 -22px; }

.calligraphy-content .picbg { background: url(images/bg-book.jpg) no-repeat; width: 367px; height: 175px; padding: 18px 0 0 20px; position: relative; }

.calligraphy-content .picbg .icn { position: absolute; width: 20px; height: 20px; background: url(images/zoom.png) no-repeat; bottom: 21px; right: 16px; z-index: 10; }

.calligraphy-content .picbg .zoom { cursor: zoom-in; }

.calligraphy-content .picbg img { width: 334px; height: 139px; }

.calligraphy-content li { width: 367px; margin: 0 10px 20px; }

.calligraphy-content .name { font-size: 15px; letter-spacing: 1px; color: #333; padding: 12px 0 5px; text-align: center; }

.cloud-bigBanner { background: url(images/banner-yun.jpg) top center no-repeat; height: 304px; }

/*----------------------------------------------------------------------------------d-d-d-d-------------*/
.pagination { padding: 30px 0; }

div.digg { padding: 3px; margin: 3px; text-align: center; font-size: 14px; }

div.digg a { padding: 5px 10px; margin: 2px; color: #787d82; text-decoration: none; }

div.digg a:hover { color: #fff; background-color: #e84c3d; text-decoration: none; }

div.digg a:active { color: #fff; background-color: #e84c3d; }

div.digg span.current { padding: 5px 10px; font-weight: bold; margin: 2px; color: #fff; background-color: #e84c3d; }

div.digg span.disabled { padding: 5px 10px; margin: 2px; color: #ddd; }

/*----------------------------------------------------------------------------------e-e-e-e-------------*/
.exam_searchBox { margin-bottom: 30px; position: relative; z-index: 66; }

.exam_searchBox .item { float: right; margin-bottom: 20px; font-size: 14px; }

.exam_searchBox .item .inpt01 { display: inline-block; margin-left: 12px; width: 375px; box-shadow: none; }

/*----------------------------------------------------------------------------------f-f-f-f-------------*/
.f-scale { display: block; }

.f-scale img { transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; }

.f-scale:hover img { transform: scale(1.1); }

.f-up { transition: All 0.4s ease-in-out; }

.f-up:hover { transform: translate(-2px, -2px); box-shadow: 0 0 10px #ccc; }

.footer { padding: 15px 0; line-height: 1.8; background: #545454; font-size: 12px; }

.footer .areazx { color: #c0c0c0; width: 1000px; position: relative; }

.footer .areazx a { color: #c0c0c0; }

.footer .areazx a:hover { color: #fff; text-decoration: none; }

.footer .infor { font-size: 14px; line-height: 24px; text-align: center; }

.footer p { margin: 2px 0; text-align: center; }

.footer p.ba img { width: 15px; height: 15px; margin-right: 5px; margin-top: -3px; }

.footer .aboutUs { position: absolute; right: 0; bottom: 0; }

.footer .aboutUs td { height: 48px; font-size: 14px; line-height: 24px; color: #ccc; }

.footer .aboutUs a { color: #ccc; }

.friend_link { border-bottom: rgba(255, 255, 255, 0.4) solid 1px; padding-bottom: 10px; margin-bottom: 15px; font-size: 14px; }

.friend_link .aptext .pic { margin-right: 50px; }

.friend_link .aptext .text { padding-top: 5px; }

.friend_link .aplist { margin-left: -30px; }

.friend_link .aplist > li { font-size: 15px; margin-left: 30px; position: relative; color: #585858; line-height: 16px; margin-bottom: 10px; }

.friend_link .aplist > li + li:after { background: #bbb; content: ""; width: 1px; height: 15px; position: absolute; top: 0; left: -16px; }

.fullSlide .newsBox { width: 1200px; margin: 0 auto; position: relative; z-index: 20; }

.fullSlide .newsBox .card { position: absolute; right: 0; top: 0; width: 260px; height: 305px; background-color: rgba(0, 0, 0, 0.3); }

.fullSlide .newsBox .card .head { margin-bottom: 10px; padding: 20px 20px 0; }

.fullSlide .newsBox .card .head h2 { font-size: 22px; font-weight: normal; letter-spacing: 3px; color: #ffffff; }

.fullSlide .newsBox .card .head a.more { color: #ffffff; font-size: 12px; float: right; padding-top: 5px; }

.fullSlide .list a { color: #fff; }

.fullSlide .list a:hover { text-decoration: none; background-color: #446cfd; }

.fullSlide .list a p { margin: 0; line-height: 1.8; }

.fullSlide .list a .time { font-size: 12px; color: #95a8b8; }

.fullSlide .loginTwo { width: 1200px; margin: 0 auto; position: relative; z-index: 20; }

.fullSlide .loginTwo .card { position: absolute; right: 0; top: 0; width: 260px; height: 305px; background-color: rgba(0, 0, 0, 0.5); padding: 30px 25px 0; }

.fullSlide .loginTwo .card .head { margin-bottom: 20px; padding: 0 10px; }

.fullSlide .loginTwo .card .head h2 { font-size: 22px; font-weight: normal; letter-spacing: 3px; color: #ffffff; }

.loginTwo .grid > li { margin-bottom: 15px; }

.loginTwo .aptext { background: #fff; border-radius: 25px; padding: 3px 3px 3px 55px; position: relative; }

.loginTwo .aptext .pic { position: absolute; top: 9px; left: 20px; }

.loginTwo .aptext .text .ipt { border: 0; width: 100%; background: none; line-height: 30px; height: 30px; font-size: 16px; color: #737781; }

.loginTwo .aptext .text .ipt:focus { border: 0; outline: 0; }

.loginTwo .yzm_box .yzm img { width: 70px; height: 30px; }

.loginTwo .dl_box { overflow: hidden; margin-bottom: 6px; }

.loginTwo .dl_box .btn { cursor: pointer; font-family: Microsoft YaHei; background: #3388ff; height: 40px; line-height: 30px; border-radius: 25px; border: 0; text-shadow: none; font-size: 22px; color: #fff; }

.loginTwo .dl_box .btn:hover { background: #36c; }

.loginTwo .forget { margin-bottom: 0; text-align: right; font-size: 14px; color: #ccc; }

.loginTwo .forget a { color: #fff; }

.loginTwo .welcome li { width: 50%; text-align: center; margin-bottom: 20px; }

.loginTwo .welcome .btn { width: 90px; text-shadow: none; }

.loginTwo .welcome .btn-s02 { background: none; color: #fff; border: 0; }

.loginTwo .welcome .btn-s02 .icon { margin-right: 4px; }

.loginTwo .welcome .btn-s02:hover { color: #f4e792; }

.flip-container { margin-bottom: 40px; }

.flip-container .flipper { display: block; position: relative; width: 100%; height: 100%; cursor: pointer; perspective: 500; transition: transform .8s ease-in-out; transform-style: preserve-3d; height: 112px; }

.flip-container .flipper:hover .front { transform: rotateX(180deg); z-index: 1; }

.flip-container .flipper:hover .back { z-index: 2; transform: rotateX(0deg); }

.flip-container .front { z-index: 2; transform: rotateX(0deg); background-color: #446cfd; text-align: center; }

.flip-container .back { z-index: 1; transform: rotateX(-180deg); width: 100%; height: 112px; background: #fff; box-shadow: 1px 1px 1px #ddd; text-align: center; }

.flip-container .back li { font-size: 16px; position: relative; margin: 0 20px; }

.flip-container .back li em { color: #446cfd; font-size: 40px; font-style: normal; position: relative; top: 1px; margin-right: 3px; }

.flip-container .back li + li:after { background: #999; content: ""; width: 1px; height: 15px; position: absolute; bottom: 15px; left: -20px; }

.flip-container .front, .flip-container .back { position: absolute; top: 0; left: 0; right: 0; bottom: 0; backface-visibility: hidden; transition: .6s ease-out; transform-style: preserve-3d; }

.form-horizontal-mgb0 .form-group { margin-bottom: 0; }

.form-horizontal-mgb0 .form-group > label { padding-top: 2px; }

.form-horizontal-mgb0 .form-control-static { padding: 2px 0; min-height: 0; }

.fz-slider { height: auto; }

.fz-slider .swiper-pagination-bullets { bottom: 10px; }

.fz-slider .swiper-wrapper { height: auto; }

.fz-slider .swiper-pagination-bullet { width: 11px; height: 11px; background: #e84c3c; opacity: 1; }

.fz-slider .swiper-pagination-bullet-active { background: #fff; width: 36px; border-radius: 10px; }

.fz-slider .swiper-slide { text-align: center; }

.fz-slider .swiper-slide a { display: block; width: 100%; height: 100%; }

/*----------------------------------------------------------------------------------g-g-g-g-------------*/
/*----------------------------------------------------------------------------------h-h-h-h-------------*/
.headline_md { margin-bottom: 25px; position: relative; }

.headline_md > i { background: #e74c3c; width: 4px; height: 20px; margin-right: 10px; margin-top: 2px; display: inline-block; float: left; }

.headline_md h2 { display: inline-block; *display: inline; zoom: 1; font-size: 22px; color: #2b2b2b; letter-spacing: 2px; font-weight: normal; }

.headline_md a.more { float: right; color: #3b415c; font-size: 14px; padding-top: 6px; }

.headline_md a.more:hover { text-decoration: none; color: #0b95f7; }

.headline_md q.num { font-size: 14px; margin-left: 20px; color: #333; }

.headline_md .icn2 { margin-top: -2px; }

.headline { margin-bottom: 25px; border-bottom: #ddd solid 1px; }

.headline > h2 { display: inline-block; *display: inline; zoom: 1; font-size: 18px; line-height: 18px; font-weight: normal; letter-spacing: 1px; border-bottom: #e84c3c solid 3px; margin-bottom: -1px; padding-bottom: 10px; color: #e84c3c; }

.headline a.more_box { float: right; font-size: 14px; color: #6f7c85; padding-top: 5px; }

.headline a.more_box:hover { color: #666; }

.headline q.num { font-size: 13px; margin-left: 20px; color: #6f7c85; vertical-align: 0; }

.head02 { margin: 0 auto 25px; text-align: center; position: relative; width: 370px; }

.head02 > h2 { position: relative; margin-bottom: 0; letter-spacing: 4px; font-size: 20px; font-weight: normal; display: inline-block; background: #fff; padding: 0 15px; }

.head02:before { background: #d4d4d4; content: ""; height: 1px; width: 100%; position: absolute; top: 10px; left: 0; }

.hotCourse { margin-left: -24px; margin-bottom: -20px; }

.hotCourse > li { margin-left: 24px; margin-bottom: 20px; position: relative; width: 231px; }

.hotCourse > li a { display: block; }

.hotCourse > li a:hover { text-decoration: none; }

.hotCourse > li .picbg { position: relative; overflow: hidden; border-radius: 6px; }

.hotCourse > li .picbg img { width: 231px; height: 129px; }

.hotCourse > li .picbg .text { display: block; width: 94%; padding: 5px 3%; line-height: 32px; font-size: 20px; color: #fff; background: rgba(0, 0, 0, 0.7); background: #000\9; filter: alpha(opacity=80); text-align: center; }

.hotCourse > li .picbg span.dot { position: absolute; display: inline-block; *display: inline; zoom: 1; height: 26px; line-height: 26px; border: 0; background: #0c97f6; padding: 0 10px; color: #fff !important; right: 20px; bottom: 20px; z-index: 11; display: none; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.hotCourse .infor { padding: 15px 0 10px; position: relative; }

.hotCourse .infor .name { font-size: 16px; }

.hotCourse .infor .t1 { color: #22cdba; }

.hotCourse .infor .t3 { color: #ffb401; }

.hotCourse .infor .t1, .hotCourse .infor .t2, .hotCourse .infor .t3 { font-size: 14px; color: #6f7c85; }

.progress_panel { position: relative; margin-bottom: 10px; }

.progress_panel strong { position: absolute; right: 0; top: -20px; font-size: 13px; }

.progress { height: 4px; margin-bottom: 0; }

.progress-bar { background-color: #38bbf7; }

.learning_main { padding: 20px; background: #fff; }

.learning_main .hotCourse { margin-left: -38px; }

.learning_main .hotCourse > li { width: 205px; margin-left: 38px; }

.learning_main .hotCourse > li .picbg img { width: 205px; height: 115px; }

.hotCourse02 { margin-left: -20px; margin-bottom: -30px; }

.hotCourse02 > li { margin-left: 20px; margin-bottom: 30px; position: relative; width: 285px; z-index: 10; }

.hotCourse02 > li .picbg { position: relative; overflow: hidden; }

.hotCourse02 > li .picbg img { width: 100%; height: 170px; }

.hotCourse02 > li .picbg span.tag { position: absolute; display: inline-block; *display: inline; zoom: 1; border: 0; background: #3388ff; padding: 2px 10px; color: #fff !important; right: 0; top: 0; font-size: 14px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 12; }

.hotCourse02 > li .picbg span.tag2 { position: absolute; display: inline-block; *display: inline; zoom: 1; border: 0; background: rgba(0, 0, 0, 0.45); padding: 2px 10px; color: #fff !important; left: 0; top: 0; font-size: 14px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 12; }

.hotCourse02 > li .picbg .mask { background: rgba(0, 0, 0, 0.6); display: block; position: absolute; z-index: 15; left: 0; top: 0; width: 100%; height: 100%; transition: all 450ms ease-out 0s; opacity: 0; filter: alpha(opacity=0); }

.hotCourse02 > li .picbg .mask .c { padding-left: 100px; line-height: 2; font-size: 14px; color: #fff; }

.hotCourse02 > li a:hover { text-decoration: none; }

.hotCourse02 > li:hover .mask { opacity: 1; filter: alpha(opacity=100); }

.hotCourse02 .infor { position: relative; overflow: hidden; }

.hotCourse02 .infor > p { margin: 0; font-size: 14px; color: #888; float: left; width: 50%; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.hotCourse02 .infor > p.t1 { width: 65%; }

.hotCourse02 .infor > p.t2 { width: 35%; text-align: right; }

.hotCourse02 .infor .fr { min-width: 80px; }

.hotCourse02 .infor .fl { max-width: 125px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.hotCourse02 .mode { overflow: hidden; }

.hotCourse02 .mode > p { width: 50%; float: left; font-size: 14px; color: #878a92; margin-bottom: 0; }

.hotCourse02 .mode .t1 { color: #3388ff; }

.hotCourse02 .mode .t2 { color: #ff6868; text-align: right; margin-top: -4px; }

.hotCourse02 .mode .t2 b { font-size: 18px; font-weight: normal; }

.hotCourse02 .mode .t3 { width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.hotCourse02 .mode .t4 { width: 40%; text-align: right; }

.hotCourse02 .f-scale { height: 263px; }

.hotCourse02 .f-scale .status { position: absolute; bottom: 0; right: 0; color: #878a92; font-size: 14px; padding: 2px 0; }

.hotCourse02 .f-scale .status.begin { color: #e84c3c; }

.hotCourse02.product .f-scale { height: auto; }

.hotCourse02.product .name { text-align: center; }

.hotCourse02.product a:hover .name { color: #e74c3c !important; }

.hotCourse02.product > li { margin-bottom: 20px; }

.courseRow { padding-right: 15px; padding-left: 15px; width: 1230px; }

.courseRow .hotCourse02 > li { width: 281px; margin-bottom: 35px; }

.courseRow .hotCourse02 > li .picbg { width: 281px; height: 170px; }

.courseRow .hotCourse02 > li .picbg img { width: 281px; height: 170px; }

.courseRow .hotCourse02 > li .picbg .mask .c td { height: 170px; }

.courseRow > .row { margin-right: -15px; margin-left: -15px; }

.courseRow > .row > [class^="col-md-"] { padding-right: 15px; padding-left: 15px; }

/*----------------------------------------------------------------------------------i-i-i-i-------------*/
.id_add_box { border: #ddd solid 1px; background: #fff; padding: 20px; margin-bottom: 30px; }

.id_add_box .pic img { width: 150px; height: 160px; border: #ccc solid 1px; }

.id_add_box02 .my-picture { width: 150px; height: 209px; border: #ccc solid 1px; padding: 2px; background: #fff; }

.id_add_box02 .fileBox { border: #ddd solid 1px; padding: 5px 10px; border-radius: 5px; }

.id_add_box02 .pic-front { border: dashed 1px #999; padding: 5px; width: 253px; height: 163px; }

.id_add_box02 .pic-front img { width: 243px; height: 153px; }

/*----------------------------------------------------------------------------------j-j-j-j-------------*/
.jg-layout { margin: 0 -8px 40px; font-size: 0; }

.jg-layout > a.ind { margin: 0 8px; font-size: 18px; padding: 15px 0; width: 186px; background: #fff; text-align: center; border-radius: 5px; border: #ddd solid 1px; }

.jg-layout > a.ind.pic { padding: 0; border: #ccc solid 1px; border-radius: 0; }

.jg-layout > a.ind.pic img { width: 100%; height: 70px; overflow: hidden; border-radius: 0; }

.jg-layout > a:hover { text-decoration: none; border: #ccc solid 1px; box-shadow: 2px 2px 5px #ccc; }

.jg-layout-two { margin: 0 -10px; font-size: 0; }

.jg-layout-two > a.ind { margin: 0 10px 20px; font-size: 18px; padding: 5px 5px; width: 224px; background: #fff; text-align: center; border: #ddd solid 1px; }

.jg-layout-two > a.ind img { width: 100%; height: 70px; overflow: hidden; border-radius: 0; }

.jg-layout-two > a:hover { text-decoration: none; border: #ccc solid 1px; box-shadow: 2px 2px 5px #ccc; }

/*----------------------------------------------------------------------------------k-k-k-k-------------*/
/*----------------------------------------------------------------------------------L-L-L-L-------------*/
.learningRow { padding-right: 15px; padding-left: 15px; width: 1030px; }

.learningRow > .row { margin-right: -15px; margin-left: -15px; }

.learningRow > .row > [class^="col-md-"] { padding-right: 15px; padding-left: 15px; }

.learningRow > .row > .col-md-3 { width: 235px; }

.learningRow > .row > .col-md-9 { width: 784px; }

.learningRow > .row > .col-md-4 { width: 256px; }

.learningRow > .row > .col-md-8 { width: 773px; }

.learningRow.L2 { width: 1230px; }

.learningRow.L2 > .row > .col-md-4 { width: 23%; }

.learningRow.L2 > .row > .col-md-8 { width: 77%; }

.learningRow .tab-content p, .chapterRow .tab-content p { margin: 10px 0; }

.learningRow .tab-content h1, .learningRow .tab-content h2, .learningRow .tab-content h3, .learningRow .tab-content h4, .learningRow .tab-content h5, .learningRow .tab-content h6 { margin: 10px 0; }

.chapterRow .tab-content h1, .chapterRow .tab-content h2, .chapterRow .tab-content h3, .chapterRow .tab-content h4, .chapterRow .tab-content h5, .chapterRow .tab-content h6 { margin: 10px 0; }

.chapterRow { width: 1020px; }

.chapterRow > .row > .col-md-3 { width: 220px; }

.chapterRow > .row > .col-md-9 { width: 800px; }

.chapterRow > .row > .col-md-4 { width: 256px; }

.chapterRow > .row > .col-md-8 { width: 773px; }

.readRow { padding-right: 15px; padding-left: 15px; width: 1230px; }

.readRow > .row { margin-right: -15px; margin-left: -15px; }

.readRow > .row > [class^="col-md-"] { padding-right: 15px; padding-left: 15px; }

.readRow > .row > .col-md-3 { width: 330px; }

.readRow > .row > .col-md-9 { width: 900px; }

.learningMenu { background: #fff; padding: 30px 0; border: solid 1px #dddddd; }

.learningMenu .avatar { text-align: center; }

.learningMenu .avatar > img { width: 120px; height: 120px; margin: 0 auto; }

.learningMenu .avatar .name { color: #6f7c85; font-size: 22px; padding: 20px 0; }

.learningMenu .avatar .name .school { color: #999999; font-size: 14px; display: block; }

.learningMenu .grid a { display: block; padding: 10px 0 10px 45px; line-height: 25px; font-size: 16px; color: #6f7c85; margin: 10px 0; }

.learningMenu .grid [class^="icn-"] { width: 25px; height: 25px; margin-right: 20px; }

.learningMenu .grid a.active, .learningMenu .grid a:hover { background: #545454; color: #fff; text-decoration: none; }

.learningMenu .grid a.active .icn-m1, .learningMenu .grid a:hover .icn-m1 { background-position: -80px 0; }

.learningMenu .grid a.active .icn-m2, .learningMenu .grid a:hover .icn-m2 { background-position: -80px -25px; }

.learningMenu .grid a.active .icn-m3, .learningMenu .grid a:hover .icn-m3 { background-position: -80px -50px; }

.learningMenu .grid a.active .icn-m4, .learningMenu .grid a:hover .icn-m4 { background-position: -80px -75px; }

.learningMenu .grid a.active .icn-m5, .learningMenu .grid a:hover .icn-m5 { background-position: -80px -100px; }

.learningMenu .grid a.active .icn-m6, .learningMenu .grid a:hover .icn-m6 { background-position: -80px -125px; }

.learningMenu .grid a.active .icn-m7, .learningMenu .grid a:hover .icn-m7 { background-position: -80px -150px; }

.learningMenu .grid a.active .icn-m8, .learningMenu .grid a:hover .icn-m8 { background-position: -80px -175px; }

.learningMenu .grid a.active .icn-m9, .learningMenu .grid a:hover .icn-m9 { background-position: -80px -200px; }

.learningMenu .grid a.active .icn-m10, .learningMenu .grid a:hover .icn-m10 { background-position: -80px -225px; }

.learningMenu .grid a.active .icn-m11, .learningMenu .grid a:hover .icn-m11 { background-position: -80px -250px; }

.learningMenu .grid a.active .icn-m12, .learningMenu .grid a:hover .icn-m12 { background-position: -80px -275px; }

.learning_main2 { padding: 20px 20px; background: #fff; }

.login_pager { background: url(images/login_bg.jpg) #368ae2 bottom center no-repeat; position: relative; }

.login_wrapper { position: relative; top: 15%; }

.login_wrapper .col-md-5 { top: 40px; }

.login_box { width: 332px; height: 417px; background-color: #fbfdfd; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.21); border-radius: 6px; position: relative; padding: 45px 40px 0; }

.login_box .title { margin-bottom: 50px; }

.login_box .user_cate { margin-bottom: 25px; }

.login_box .user_cate input[type=radio] { opacity: 0; width: 0; height: 0; filter: alpha(opacity=0); cursor: pointer; z-index: -1; }

.login_box .radio-inline { padding-left: 0; font-size: 12px; }

.login_box .radio-inline.active { color: #4083e7; }

.login_box .radio-inline + .radio-inline { margin-left: 22px; }

.login_box .radio-inline + .radio-inline:before { background: #bbb; content: ""; height: 10px; width: 1px; position: absolute; top: 4px; left: -13px; }

.login_box .input_box { position: relative; z-index: 10; margin: 13px 0; }

.login_box .input_box [class^="icn-"] { margin-right: 15px; margin-top: 6px; }

.login_box .input_box.active .icn-user { background-position: 0 -20px; }

.login_box .input_box.active .icn-psw { background-position: 0 -60px; }

.login_box .input_box.active input.ipt { border-bottom-color: #4083e7; }

.login_box .input_box input.ipt { border: 0; height: 30px; line-height: 30px; width: 208px; font-size: 14px; font-family: "Microsoft Yahei"; border-bottom: #979fa8 solid 1px; }

.login_box .input_box .forgetpwdReg { position: absolute; right: 0; top: 4px; z-index: 20; color: #4083e7; }

.login_box input:focus { box-shadow: none !important; boder: 0; outline: 0; }

.login_box .bt-login { height: 45px; line-height: 45px; border-radius: 45px; background-color: #4083e7; color: #fff; font-size: 18px; letter-spacing: 4px; border-top: 0; display: block; text-align: center; margin-top: 40px; }

.login_box .bt-login:hover { background: #008de1; text-decoration: none; }

.login_box .aptext { margin-top: 10px; }

.login_box .aptext .left { color: #ff8d75; font-size: 24px; margin-top: -5px; }

.login_box .aptext .text { font-size: 12px; color: #808e99; }

.login_footer { position: absolute; bottom: 3%; width: 100%; text-align: center; font-size: 12px; color: #a7e9fd; line-height: 1.6; letter-spacing: 1px; }

.logo_wrap { padding: 20px 0; position: relative; z-index: 200; }

.logo_wrap .denglu { float: right; padding-top: 6px; position: relative; z-index: 9999; }

.logo_wrap .denglu .aplist { margin-left: -10px; }

.logo_wrap .denglu .aplist > li { font-size: 14px; }

.logo_wrap .denglu .aplist > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }

.logo_wrap .denglu a { color: #737781; }

.logo_wrap .denglu a:hover { text-decoration: none; }

.logo_wrap .area { position: relative; }

.logo_wrap.two { background: #e84c3c; padding: 12px 0; }

.logo_wrap.two .nav_box { padding-top: 8px; width: 650px; }

.logo_wrap.two .nav_box a { color: #fff; }

.logo_wrap.two .denglu { padding-top: 10px; }

.logo_wrap.two .denglu a { color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 125px; }

.logo_wrap.JG { padding: 0; }

.logo_wrap.JG .logo-levelOne { padding: 3px 0; background: #3b415c; }

.logo_wrap.JG .logo-levelOne .tip { font-size: 12px; color: #ffffff; letter-spacing: 1px; line-height: 21px; }

.logo_wrap.JG .logo-levelTwo { background: #fff; padding: 20px 0; }

.logo_wrap.JG .logo-levelTwo .logo { height: 30px; color: #3b4059; font-size: 30px; letter-spacing: 2px; }

.logo_wrap.JG .logo-levelTwo .search_box { top: 3px; float: right; }

.logo_wrap.JG .denglu { padding-top: 3px; margin-left: 80px; }

.logo_wrap .sf-menu ul li > a { color: #fff; border-bottom: #666 solid 1px; display: block; text-align: center; font-size: 13px; line-height: 18px; padding: 10px 16px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.logo_wrap .sf-menu ul li > a:hover { text-decoration: none; padding-left: 6px; }

.logo_wrap .sf-menu li:hover > ul { display: block; }

.logo_wrap .nav_box { padding-top: 6px; float: left; width: 600px; text-align: center; }

.logo_wrap .nav_box .aplist { margin-left: -40px; }

.logo_wrap .nav_box .aplist > li { font-size: 16px; margin-left: 25px; }

.logo_wrap .nav_box a { display: block; line-height: 30px; letter-spacing: 3px; }

.logo_wrap.two .nav_box .active a, .logo_wrap.two .nav_box a:hover { color: #ffff00; }

.navJG_box { background: #3388ff; height: 50px; }

.navJG_box .aplist { margin-left: -5px; }

.navJG_box .aplist > li { margin-left: 5px; }

.navJG_box .aplist a { color: #fff; display: block; position: relative; height: 50px; letter-spacing: 3px; line-height: 50px; text-align: center; padding: 0 30px; font-size: 16px; }

.navJG_box .aplist .active a, .navJG_box .aplist a:hover, .navJG_box .aplist a.active { text-decoration: none; background: #3b415c; }

.logo_wrapper { padding: 20px 0; background: #e84c3c; height: 67px; }

.logo_wrapper .denglu { float: right; padding-top: 3px; }

.logo_wrapper .denglu .aplist > li { font-size: 14px; margin-left: 20px; position: relative; }

.logo_wrapper .denglu a { color: #fff; }

.logo_wrapper .denglu a:hover { text-decoration: none; color: #ffb401; }

.logo_wrapper .denglu .avt { width: 30px; height: 30px; margin-right: 10px; float: left; margin-top: -6px; }

.logo_wrapper .area { position: relative; }

.logo_wrapper .logo { position: absolute; top: -11px; left: 0; }

.logo_wrapper .nav_box { font-size: 14px; text-align: right; padding-top: 3px; }

.logo_wrapper .nav_box a { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 10px; color: #fff; }

.logo_wrapper .nav_box a:hover, .logo_wrapper .nav_box a.active { text-decoration: none; color: #ffb401; }

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu { float: right; }

.sf-menu li { position: relative; z-index: 998; display: block; }

.sf-menu .name { font-size: 14px; display: block; max-width: 160px; }

.sf-menu .name .icon { margin-top: -4px; margin-top: -5px\9; *margin-top: 0; margin-left: 6px; }

.sf-menu .name:hover { text-decoration: none; }

.sf-menu ul { position: absolute; border-top: 3px solid #0c97f6 !important; border-radius: 0 0 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); display: none; top: 100%; *top: 30px; right: 0; background: #252c34; width: 126px; z-index: 999; }

.login_panel { background: #fff; position: relative; }

.login_panel .right { padding-left: 140px; font-size: 24px; letter-spacing: 1px; color: #2b2b2b; }

.login_panel .right .register { font-size: 16px; }

.login_panel .left { width: 336px; margin: 0 auto; }

.login_panel h1 { font-size: 30px; letter-spacing: 3px; color: #2b2b2b; font-weight: normal; margin-bottom: 20px; padding-left: 10px; }

.login_panel .grid > li { margin-bottom: 15px; }

.login_panel .aptext { background: #f2f5f9; border-radius: 25px; padding: 10px 20px 10px 65px; position: relative; }

.login_panel .aptext .pic { position: absolute; top: 16px; left: 29px; }

.login_panel .aptext .text .ipt { border: 0; width: 100%; background: none; line-height: 35px; height: 35px; font-size: 18px; color: #737781; }

.login_panel .aptext .text .ipt:focus { border: 0; outline: 0; }

.login_panel .yzm_box .yzm img { width: 78px; height: 33px; }

.login_panel .dl_box { overflow: hidden; margin-bottom: 15px; }

.login_panel .dl_box .btn { cursor: pointer; font-family: Microsoft YaHei; background: #e84c3c; height: 56px; line-height: 56px; padding: 0; border-radius: 56px; border: 0; text-shadow: none; font-size: 24px; color: #fff; }

.login_panel .dl_box .btn:hover { background: #d72d1a; }

.login_panel .forget { margin-bottom: 0; text-align: right; font-size: 16px; }

.login_panel .forget a { color: #737781; }

.login_panel.register { background: rgba(255, 255, 255, 0.6); }

.login_panel.register label.col-md-4 { font-size: 14px; font-weight: normal; }

.login_panel.register .btn-primary { background: #e84c3c; font-size: 16px; border-color: #e84c3c; }

.login_panel.register .btn-primary:hover { opacity: .8; }

.login_panel.register > h2 { font-size: 30px; border-bottom: #ddd solid 1px; padding: 30px 50px; font-weight: normal; }

.login_panel.register .form-group { margin-bottom: 5px; }

.login_panel.register .form-horizontal { padding: 30px 0 20px; }

.login_panel.register .regsiterBar .btn { width: 210px; margin: 10px 0; letter-spacing: 2px; }

.login_panel.register .rst { position: absolute; top: 40px; right: 50px; font-size: 14px; }

.login_panel .tip { padding-top: 5px; }

.login_panel .regsiterBar { text-align: center; border-top: #ddd solid 1px; padding: 10px 0 30px; width: 80%; margin: 0 auto; }

.login_panel .text-blue { color: #e84c3c; }

.register-bg { background: #fff; }

.learning-portfolio { font-size: 14px; margin-bottom: 30px; }

.learning-portfolio .table { margin-bottom: 0; }

.learning-portfolio .table th { background: #f9f9f9; }

.learning-portfolio .my-picture { width: 150px; height: 209px; border: #ccc solid 1px; padding: 2px; background: #fff; }

.learning-portfolio .my_infor .form-group { margin-bottom: 0; }

.learning-portfolio .px-head { border: #ccc solid 1px; padding: 10px; font-size: 16px; }

.learning-portfolio .px-head [class^="col-"] { margin: 5px 0; }

.learning-portfolio .px-table { display: none; color: #555; }

.learning-portfolio .btn-show { background: #fff; border-radius: 0; color: #999; border-color: #fff; }

.learning-portfolio .btn-show:hover, .learning-portfolio .btn-show:active { background: #fff; box-shadow: none; }

.print-item { position: relative; margin-bottom: 30px; }

.print-item .check { position: absolute; right: 2px; top: 2px; z-index: 100; display: none; position: absolute; right: 2px; top: 2px; z-index: 100; }

.print-item.print-select { padding: 10px; border: #4083e7 solid 1px; border-radius: 5px; }

.print-item.print-select .check { display: block; }

.print-item input[type=checkbox] { position: absolute; opacity: 0; width: 30px; height: 30px; filter: alpha(opacity=0); cursor: pointer; z-index: -1; }

.print-item .ui-checkbox { display: inline-block; width: 30px; height: 30px; border: 1px solid #999; border-radius: 4px; box-sizing: border-box; box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px; background-color: #fff; background-clip: content-box; color: #d0d0d5; -webkit-transition: color .2s, background-color .1s; transition: color .2s, background-color .1s; -webkit-user-select: none; -ms-user-select: none; user-select: none; vertical-align: -5px; *vertical-align: 0; overflow: hidden; cursor: pointer; }

:disabled + .ui-checkbox, :not(:disabled) + .ui-checkbox:hover { color: #ababaf; }

:focus + .ui-checkbox { color: #2486ff; }

:checked:focus + .ui-checkbox { color: #0057c3; background-color: #0057c3; }

:checked + .ui-checkbox::after { visibility: visible; -webkit-animation: bounceIn .2s; animation: bounceIn .2s; }

:checked + .ui-checkbox, :checked + .ui-checkbox:hover { color: #2486ff; background-color: #2486ff; }

.ui-checkbox::after { content: ''; display: block; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNDcuNTY3LDY3LjU3NWMtMy45NzgtMy4yNDEtNC4zNTYtMy4zMzctOC45LTUuNjM5Yy0yLjA0NC0xLjA0NC01LjA1NywxLjY0NS02LjUzLDMuNjM1TDkyLDExNy43MjgNCglMNjUuODUxLDgzLjk3M2MtMS40NzktMS45ODgtNC4yMDYtMi43Mi02LjI1MS0xLjc4MmMtNC42NTgsMi40MDctNC4xODksMi4zMjYtOC4xNjgsNS40NjZjLTEuODE3LDEuNDY2LTEuOTMyLDQuMDgyLTAuNDU2LDYuMDY1DQoJYzAsMCwyOC4xODMsMzYuNDk5LDMxLjU5Miw0MC44OTZjNC45OTksNi4yNzUsMTQuMDksNS45NjUsMTguODY0LDBjMy41Mi00LjQ5OCw0Ni41OS02MS4wNzgsNDYuNTktNjEuMDc4DQoJQzE0OS40OTksNzEuNTQ5LDE0OS4zODUsNjguOTM3LDE0Ny41NjcsNjcuNTc1eiIvPg0KPC9zdmc+DQo=) no-repeat center; background-size: 20px 20px; visibility: hidden; }

:disabled + .ui-checkbox { opacity: .38; }

.error.ui-checkbox { color: #f4615c; }

/*----------------------------------------------------------------------------------m-m-m-m-------------*/
/*----------------------------------------------------------------------------------n-n-n-n-------------*/
.logo_wrap .nav_box a:hover, .nav_box .active a { text-decoration: none; color: #e74c3c; }

.search_box { border-bottom: #93989e solid 1px; height: 29px; float: left; z-index: 800; position: relative; top: 6px; }

.search_box .aplist { *float: left; *overflow: hidden; }

.search_box .ipt_box { width: 170px; height: 29px; }

.search_box .ipt_box .ipt { border: 0; background: none; width: 160px; height: 21px; color: #999; font-size: 12px; letter-spacing: 1px; FONT-FAMILY: "Microsoft YaHei"; }

.search_box .ipt_box .ipt:focus { outline: 0; }

.search_box .search { display: block; width: 21px; height: 21px; border: 0; cursor: pointer; background: url(images/search_bt.png) #fff center center no-repeat; }

#search-category { z-index: 888; POSITION: relative; WIDTH: 80px; font-size: 12px; }

#search-category .hand { cursor: pointer; }

#search-category .goto { POSITION: relative; z-index: 900; }

#search-category .goto UL { WIDTH: 80px; border: #cecece solid 1px; background: #fff; DISPLAY: none; POSITION: absolute; TOP: 21px; LEFT: -1px; z-index: 889; border-radius: 5px; overflow: hidden; }

#search-category .goto UL A { DISPLAY: block; padding: 3px 2px 3px 5px; font-size: 13px; text-align: center; }

#search-category .goto UL A:hover { background: #f2f2f2; text-decoration: none; }

#span_goto { background-color: #919a9f; height: 21px; border-radius: 21px; line-height: 21px; color: #fff; letter-spacing: 2px; text-align: center; width: 80px; }

.newslist li { text-align: left; font-size: 14px; background: url(images/dot.png) left 6px no-repeat; padding: 0 0 0 15px; margin-bottom: 8px; }

.newslist li:last-child { margin-bottom: 0; }

.newslist li span.t { float: right; color: #6f7c85; font-size: 14px; padding-left: 10px; }

.jg-newsPanel { margin-bottom: 30px; }

.jg-newsPanel .newslist li a { width: 380px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-size: 16px; }

.jg-newsPanel .headline_md + .newslist { margin-top: -5px; }

.news-inform .newslist li { font-size: 16px; }

.news-search .search-icon { top: 8px; }

.newspaper { font-size: 15px; padding: 10px 20px; }

.newspaper h2.biaoti { padding: 0 0 15px; margin-bottom: 15px; text-align: center; font-size: 24px; font-weight: 400; border-bottom: #e0e0e0 solid 1px; }

.newspaper .time { color: #6f7c85; text-align: center; margin-bottom: 20px; }

.newspaper .time > span { margin: 0 10px; font-size: 12px; color: #ccc; }

.newspaper .ct { padding: 10px 0; color: #000; line-height: 2; font-size: 15px; }

.newspaper .ct img { max-width: 100%; }

.newspaper .ct p { padding: 10px 0 10px; }

.newspaper .relate { border-top: #e0e0e0 solid 1px; padding: 0 20px; margin-top: 50px; }

.newspaper .relate > h2 { padding: 10px 0; }

.newslist_box { margin: 0 -10px; }

.newslist_box .link { padding: 20px 10px; display: block; overflow: hidden; }

.newslist_box .link:hover { background: #fff; text-decoration: none; }

.newslist_box .link:hover .date { background: #f2f5f9; }

.newslist_box .link:hover .date .day { color: #446cfd; }

.newslist_box .link:hover .mh { background: #446cfd; }

.newslist_box .link:hover .text h2 { color: #446cfd; }

.newslist_box .link:hover .text .ct { color: #333; }

.newslist_box.JG .link { background: #fff; margin-bottom: 20px; }

.newslist_box.JG .link:hover { box-shadow: 2px 2px 5px #ccc; }

.newslist_box .date { width: 62px; text-align: center; margin-right: 25px; border-radius: 3px; background: #fff; overflow: hidden; }

.newslist_box .date .day { display: block; padding: 6px 0; color: #4c555d; font-size: 12px; }

.newslist_box .date .day em { font-size: 30px; font-style: normal; }

.newslist_box .date .mh { color: #fff; font-size: 12px; padding: 2px 0; background: #4c555d; margin: 0; }

.newslist_box .text { padding-top: 5px; }

.newslist_box .text h2 { font-size: 18px; font-weight: 400; margin-bottom: 10px; }

.newslist_box .text .ct { color: #6f7c85; font-size: 14px; line-height: 1.7; }

.newslist_box .text img { float: right; width: 141px; height: 92px; margin: 0 0 0 10px; }

/*----------------------------------------------------------------------------------o-o-o-o-------------*/
/*----------------------------------------------------------------------------------p-p-p-p-------------*/
.progressShow { margin-left: -30px; }

.progressShow > li { margin-left: 30px; }

.progressShow .grid { text-align: center; width: 150px; font-size: 14px; color: #fff; border-radius: 6px; padding: 15px 0; }

.progressShow .grid > p { margin: 0; }

.progressShow .grid > p > em { font-size: 30px; letter-spacing: 2px; line-height: 30px; font-style: normal; }

.progressShow .grid.b1 { background: #ed5662; }

.progressShow .grid.b2 { background: #ffbb00; }

.progressShow .grid.b3 { background: #36c28f; }

.progressShow .grid.b4 { background: #12c2ff; }

.pop_wrap { padding: 20px; }

.pop_wrap .breadcrumb { padding: 0; margin-bottom: 15px; }

.pop_wrap .comments { margin-top: 20px; }

.pop_box { background: #f4f5f7; border: #ddd solid 1px; border-radius: 5px; padding: 10px; line-height: 30px; margin-bottom: 20px; }

.pop_box .inpt01 { display: inline-block; margin-left: 12px; width: 120px; box-shadow: none; }

.px_course_list > li { position: relative; }

.px_course_list .f-up { margin-bottom: 20px; padding: 28px 30px; background: #fff; font-size: 14px; display: block; position: relative; z-index: 10; }

.px_course_list a:hover { text-decoration: none; }

.px_course_list a:hover .enter { color: #5272cd; }

.px_course_list .aptext .pic { width: 287px; height: 162px; margin-right: 25px; }

.px_course_list .aptext .text { position: relative; }

.px_course_list .head { margin-bottom: 8px; height: 30px; }

.px_course_list .head h2 { display: inline-block; *display: inline; zoom: 1; font-size: 20px; max-width: 600px; font-weight: normal; margin: 0; color: #333; }

.px_course_list .head .certificate { background: url(images/certificate.png) no-repeat; width: 23px; height: 18px; margin-left: 10px; vertical-align: 1px; }

.px_course_list .tags { overflow: hidden; font-size: 13px; }

.px_course_list .tags span { float: left; margin-right: 10px; background: #e3e7eb; color: #666; padding: 3px 10px; display: inline-block; border-radius: 2px; }

.px_course_list .tags b { display: inline-block; float: left; padding: 3px 10px; margin-right: 10px; font-weight: normal; color: #666; }

.px_course_list .studyTime { font-size: 18px; color: #ff6868; margin: 12px 0 8px; }

.px_course_list .icn-a5 { margin-top: 3px; }

.px_course_list dl.cate { overflow: hidden; color: #5f707a; margin: 0; }

.px_course_list dl.cate dd { float: left; margin-right: 25px; position: relative; }

.px_course_list dl.cate dd + dd:after { background: #bbb; content: ""; width: 1px; height: 13px; position: absolute; top: 5px; left: -12px; }

.px_course_list dl.cate2 { overflow: hidden; color: #5f707a; margin: 8px 0 0; }

.px_course_list dl.cate2 dd { padding: 2px 0; }

.px_course_list .ct { line-height: 1.8; overflow: hidden; color: #5f707a; }

.px_course_list .corner { position: absolute; top: 0; right: 0; font-size: 13px; color: #5f707a; text-align: right; }

.px_course_list .corner .price { color: #446cfd; }

.px_course_list .corner .price b { font-weight: normal; font-size: 18px; }

.px_course_list .corner > p { margin-bottom: 0; }

.px_course_list .t-infor { overflow: hidden; color: #5f707a; margin-top: 5px; width: 600px; font-size: 14px; }

.px_course_list .t-infor .L { float: left; display: inline-block; }

.px_course_list .t-infor .R { overflow: hidden; }

.px_course_list .timeNum { font-size: 18px; color: #ff6868; position: absolute; top: 60px; right: 120px; }

.px_course_list .enter { font-size: 14px; color: #999999; position: absolute; top: 63px; right: 0; }

.px_course_list .status { position: absolute; font-size: 14px; color: #5f707a; bottom: 0; width: 100%; }

.px_course_list .status .opr { float: right; }

.px_course_list .status .opr span + span { margin-left: 20px; }

.px_course_list .status .opr .pass { color: #090; }

.px_course_list.n2 .f-up { padding: 10px; margin: 0 -10px 30px; }

.px_course_list.n2 .text { padding-top: 10px; }

.px_course_list.n2 .tags { margin-bottom: 10px; }

.px_course_list.n3 .f-up { padding: 10px; margin: 0 -10px 15px; }

.px_course_list.n3 .aptext .pic { width: 220px; height: 140px; margin-right: 20px; }

.px_course_list.n3 .aptext .text { height: 140px; }

.px_course_list.n3 .head { margin-bottom: 8px; height: auto; }

.px_course_list.n3 .head h2 { font-size: 16px; }

.px_course_list.n3 .head .certificate { vertical-align: 0; }

.px_course_list.n3 .timeNum { right: 0; color: #5f707a; }

.payWrap { background: #fff; padding: 40px 60px 20px; margin-bottom: 30px; }

.payWrap .pay-content { position: relative; padding-top: 10px; font-size: 14px; }

.payWrap .pay-content > h2 { font-size: 18px; letter-spacing: 1px; color: #333333; margin-bottom: 20px; font-weight: normal; }

.payWrap .pay-content > h2 .myOrder { margin-left: 50px; font-size: 14px; color: #0c97f6; }

.payWrap .pay-content > p { color: #878a92; margin-bottom: 20px; }

.payWrap .pay-content .detail { color: #878a92; }

.payWrap .pay-content .detail > h3 { color: #b3b3b3; padding-bottom: 20px; font-size: 14px; border-bottom: #ddd solid 1px; margin-bottom: 20px; font-weight: normal; }

.payWrap .pay-content .detail > p { color: #878a92; }

.payWrap .pay-content .detail > p b { color: #ee7700; }

.payWrap .pay-content .detail > p span { color: #333; }

.payWrap .pay-content .money { position: absolute; right: 0; top: 40px; color: #878a92; }

.payWrap .pay-content .money span { color: #ed7500; letter-spacing: 1px; }

.payWrap .pay-content .money span b { color: #ed7500; font-size: 24px; font-weight: normal; }

.payWrap .pay-mode { position: relative; font-size: 14px; }

.payWrap .pay-mode > h2 { color: #333; padding-bottom: 20px; font-size: 16px; border-bottom: #ddd solid 1px; margin-bottom: 20px; font-weight: normal; letter-spacing: 1px; }

.payWrap .pay-mode > p { color: #878a92; margin-bottom: 20px; }

.payWrap .pay-mode .aplist > li { margin-right: 50px; cursor: pointer; border: #ccc solid 1px; padding: 6px 20px; position: relative; }

.payWrap .pay-mode .aplist > li > span { background-image: url(images/pay-noSelection.png); background-repeat: no-repeat; position: absolute; width: 20px; height: 20px; top: 0; right: 0; }

.payWrap .pay-mode .aplist > li.active { border-color: #21a657; }

.payWrap .pay-mode .aplist > li.active > span { background-image: url(images/pay-selection.png); }

.payWrap .pay-mode .pay { text-align: center; margin: 80px 0 30px; }

.payWrap .pay-mode .pay .btn { border: 0; border-radius: 0; background: #ef8500; letter-spacing: 4px; font-size: 20px; color: #ffffff; font-weight: 400; padding: 10px 0; width: 286px; }

.payWrap .pay-mode .pay .btn:hover { background: #e95600; }

.payWrap .pay-studyCard { margin: 20px 0; color: #ee7700; font-size: 16px; }

.payWrap .pay-studyCard .checkbox input[type="checkbox"] { margin-top: 5px; }

.my-coupon-list { display: flex; flex-wrap: wrap; margin-top: 20px; }

.my-coupon-list.over .item .left, .my-coupon-list.disabled .item .left { background: #B7B7B7 !important; }

.my-coupon-list.over .item .left:after, .my-coupon-list.disabled .item .left:after { background: radial-gradient(transparent 0, transparent 3px, #B7B7B7 4px); background-size: 15px 15px; background-position: 17px 3px; background-color: #fff; }

.my-coupon-list.over .use, .my-coupon-list.disabled .use { border-color: #B7B7B7 !important; color: #B7B7B7 !important; }

.my-coupon-list .item { box-shadow: 0 0 5px #ccc; margin: 1%; width: 31%; border-radius: 5px; overflow: hidden; display: flex; align-items: stretch; justify-content: space-between; background: #fff; height: 120px; position: relative; }

.my-coupon-list .item:after { content: ''; width: 10px; height: 10px; background: #f8f8f8; position: absolute; left: -5px; top: 50%; margin-top: -5px; border-radius: 10px; }

.my-coupon-list .item .left { font-size: 13px; width: 90px; padding: 0 .5rem; background: #e84c3c; color: #fff; display: flex; align-items: center; justify-content: center; position: relative; }

.my-coupon-list .item .left:after { content: ""; position: absolute; width: 10px; height: 100%; top: 0; right: 0; background: radial-gradient(transparent 0, transparent 3px, #e84c3c 4px); background-size: 15px 15px; background-position: 17px 3px; background-color: #fff; }

.my-coupon-list .item .left .valueBox { display: flex; flex-direction: column; align-items: center; }

.my-coupon-list .item .left .valueBox .value { font-size: 24px; }

.my-coupon-list .item .left .valueBox .value em { font-style: normal; font-size: 13px; margin-right: 3px; }

.my-coupon-list .item .left .valueBox .tip { margin-top: 5px; }

.my-coupon-list .item .left .info { line-height: 1.8; margin-top: 5px; }

.my-coupon-list .item .left .info p { margin: 0; }

.my-coupon-list .item .right { flex: 1; padding: .5rem .5rem .5rem .8rem; font-size: 1.1rem; display: flex; flex-direction: column; justify-content: space-between; font-size: 14px; }

.my-coupon-list .item .right .info { overflow: hidden; text-align: left; }

.my-coupon-list .item .right .info p { margin: 3px 0; }

.my-coupon-list .item .right p { margin: 0; }

.my-coupon-list .item .right .bm { font-size: 12px; color: #999; display: flex; justify-content: space-between; align-items: center; }

.my-coupon-list .item .right .time_limit { max-width: 76%; }

.my-coupon-list .item .right .use { border: #e84c3c solid 1px; color: #e84c3c; border-radius: 20px; padding: 2px; line-height: 16px; }

.pay-card-wrap { background: #fff; padding: 25px; margin-bottom: 20px; }

.pay-card-wrap > h2 { color: #333; padding-bottom: 20px; font-size: 16px; border-bottom: #ddd solid 1px; margin-bottom: 20px; font-weight: normal; letter-spacing: 1px; }

.pay-card-wrap .left { display: flex; align-items: center; }

.pay-card-wrap .left .btn { margin-left: 20%; }

.pay-card-wrap .right { display: flex; justify-content: space-between; }

.pay-card-wrap .numList .num { color: #e84c3c; }

.pay-card-wrap .numList .num em { font-style: normal; font-size: 20px; }

.pay-card-wrap .card-use-tips { height: 20vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.pay-popup .modal-dialog { width: 353px; padding: 30px 40px; background-color: #3b415c; color: #fff; border: solid 5px #b3b5c0; }

.pay-popup h2 { font-size: 16px; letter-spacing: 1px; font-weight: normal; margin-bottom: 20px; }

.pay-popup .ct { font-size: 14px; line-height: 1.8; margin-bottom: 20px; }

.pay-popup .operation { text-align: center; margin: 0 -10px; }

.pay-popup .operation a { margin: 0 10px; }

.pay-popup .operation .btn { border-radius: 0; border: 0; color: #fff; font-size: 14px; text-shadow: none; padding: 5px 20px; }

.pay-popup .operation .btn.yes { background: #446cfd; }

.pay-popup .operation .btn.no { background: #f1f1f1; color: #000; }

.product_try { text-align: center; padding: 40px 0 30px; }

.product_try .btn { border: #e94933 solid 2px; letter-spacing: 1px; background: #fff; font-size: 20px; color: #e94933; padding: 6px 40px; }

.product_try .btn:hover { background: #fce2de; }

.product_try > p { color: #838383; font-size: 14px; margin-top: 20px; }

/*----------------------------------------------------------------------------------q-q-q-q-------------*/
/*----------------------------------------------------------------------------------r-r-r-r-------------*/
.return-alertBox { float: right; width: 220px; padding-left: 30px; }

.return-alertBox .item { margin-bottom: 30px; }

.return-alertBox .item h2 { line-height: 30px; font-size: 18px; font-weight: normal; margin-bottom: 10px; }

.return-alertBox .item .ct { color: #999999; font-size: 12px; }

.return-alertBox .item .newslist li { background: none; padding: 0; }

.return-alertBox .item .newslist li .time { font-size: 12px; }

#read-menu { background: #fff; padding: 20px 0; }

#read-menu .btn-link { padding: 12px 40px; line-height: 21px; cursor: pointer; display: block; overflow: hidden; }

#read-menu .btn-link:first-child { border-top: 0; }

#read-menu .btn-link > span.bg { display: inline-block; float: left; overflow: hidden; width: 21px; height: 21px; margin: 0 10px 0 0; background: #3388ff; border-radius: 3px; }

#read-menu .btn-link > span.icn-hide { float: right; margin-top: 1px; }

#read-menu .btn-link:hover { background: none; }

#read-menu .btn-link.collapsed > span.icn-hide { background-position: 0 -340px; }

#read-menu .btn-link:focus { background: none; }

#read-menu .btn-link .name { overflow: hidden; font-size: 18px; float: left; color: #0e2063; }

#read-menu .first-content { font-size: 14px; padding-left: 43px; }

#read-menu .item { padding: 10px 0; }

#read-menu .item a:hover { color: #0e2063; }

#read-menu .item a.active { color: #0e2063; background: url(images/text-bg01.png) no-repeat; background-size: 100% 100%; }

.read-wrap { background-color: #fff; min-height: 670px; padding: 30px 70px; background-size: contain; background-repeat: no-repeat; background-position: bottom right; position: relative; }

.read-wrap.one { background-image: url(images/text-bg09.jpg); padding: 30px 70px 70px; }

.read-wrap.two { background-image: url(images/bg-two.jpg); padding: 30px 70px 70px; }

.read-wrap.three { background-image: url(images/bg-three.jpg); padding: 30px 70px 70px; }

.read-wrap.four { background-image: url(images/bg-four.jpg); padding: 30px 70px 70px; }

.read-wrap .audio-widget .audioPic img { width: 95px; height: 95px; }

.read-wrap .QRcode { position: absolute; bottom: 60px; right: 40px; background: url(images/QRBox.png) no-repeat; width: 110px; height: 137px; padding-top: 15px; padding-left: 15px; }

.read-wrap .QRcode img { width: 80px; height: 80px; }

.read-wrap .read-intro { background: #fff; padding: 30px; }

.read-wrap .read-intro .read-intro-mode .left .aplist > li { font-size: 14px; margin: 0 10px; }

.read-stepBox { overflow: hidden; margin-bottom: 30px; }

.read-stepBox .aplist { margin-left: -25px; }

.read-stepBox li { margin-left: 25px; border-radius: 8px; border: #4f88da solid 1px; padding: 4px; }

.read-stepBox li:hover a { text-decoration: none; background: #2eacee; }

.read-stepBox a { display: block; padding: 11px 0; text-align: center; width: 112px; background: #4f88da; border-radius: 8px; }

.read-stepBox .active a { background: #2eacee; }

.read-stepBox [class^="icn-read"] { margin-right: 2px; width: 65px; height: 25px; }

.read-stepBox .active, .read-stepBox li:hover { border-color: #2eacee; }

.read-article { padding: 40px 0; }

.read-article .head { text-align: center; margin-bottom: 20px; }

.read-article .head > table { margin-bottom: 10px; }

.read-article .head h1 { font-size: 30px; font-weight: normal; letter-spacing: 2px; padding: 0 10px; color: #0e2063; white-space: nowrap; }

.read-article .head h2 { font-size: 20px; font-weight: normal; letter-spacing: 4px; padding: 0 10px; color: #354887; white-space: nowrap; }

.read-article .head .author { font-size: 16px; color: #6b7083; margin-bottom: 5px; }

.read-article .content { font-size: 16px; color: #6b7083; width: 560px; margin: 0 auto; }

.read-article .content .stc { font-size: 17px; color: #6b7083; text-align: center; letter-spacing: 2px; }

.read-article .content .stc.active { color: #2c70d2; }

.read-article .content .li { text-align: left; font-size: 16px; background: url(images/dot6.png) left 3px no-repeat; padding: 0 0 0 30px; margin-bottom: 8px; line-height: 1.8; }

.read-article .practice { text-align: center; padding: 30px 50px; }

.read-article .practice .col-md-3 { width: auto; margin: 0 50px; display: inline-block; float: none; vertical-align: top; }

.read-article .practice a { display: inline-block; *display: inline; zoom: 1; color: #666666; }

.read-article .practice a.active { color: #333; }

.read-article .practice a.active .icn-practice01 { background-position: 0 -86px; animation: flash 1s infinite 0.4s; opacity: 1; }

.read-article .practice a.active .icn-practice02 { background-position: -83px -86px; animation: flash 1s infinite 0.4s; opacity: 1; }

.read-article .practice a.active .icn-practice03 { background-position: -161px -86px; animation: flash 1s infinite 0.4s; opacity: 1; }

.read-article .practice a:hover { text-decoration: none; opacity: 0.8; }

.read-article .practice [class^="icn-"] { background-image: url(images/icn-read.png); width: 67px; height: 67px; margin: 0; background-color: #eee; border-radius: 50%; opacity: .6; }

.read-article .practice p { margin: 10px 0; }

.read-article .practice .QRcode img { width: 100px; height: 100px; }

.read-article.sm .content { font-size: 15px; line-height: 2; width: auto; }

@keyframes { flash { 0% { background-color: rgba(79, 135, 217, 0.1); } }
  100% { background-color: #4f87d9; } }

.read-useDoc .profile .item { margin-bottom: 30px; font-size: 14px; line-height: 1.8; }

.read-useDoc .profile .item .title { margin-left: -50px; margin-bottom: 20px; }

.read-useDoc .profile .item .title a.more { color: #999999; }

.read-useDoc .profile .item .newslist > li { font-size: 16px; }

.read-useDoc .profile .item .newslist > li span.t { font-size: 15px; }

.read-useDoc .profile .hotCourse02 > li { width: 230px; margin-bottom: 30px; }

.read-useDoc .profile .hotCourse02 > li .picbg img { width: 230px; height: 140px; }

.read-useDoc .profile .hotCourse02 .name { padding: 12px 0 0; }

.read-useDoc .profile .hotCourse02 .mode > span { color: #878a92; font-size: 14px; }

.read-useDoc .course-tabs { border-bottom: #eee solid 1px; height: 70px; text-align: center; margin-bottom: 10px; }

.read-useDoc .course-tabs > li { display: inline-block; float: none; }

.read-useDoc .course-tabs > li > a { border: solid 2px #36a3ff; color: #36a3ff; letter-spacing: 1px; font-size: 18px; border-radius: 50px; padding: 7px 20px; }

.read-useDoc .course-tabs li.active a { color: #fff; background: #36a3ff; }

.read-useDoc .tab-s01 { font-size: 16px; color: #878a92; }

.read-useDoc .tab-s01 a { color: #333; }

/*----------------------------------------------------------------------------------s-s-s-s-------------*/
.schoolProfile .item { margin-bottom: 30px; font-size: 14px; line-height: 1.8; }

.schoolProfile .item .title { font-size: 17px; margin-bottom: 15px; line-height: 20px; }

.schoolProfile .item .t2 { line-height: 1.8; padding-left: 25px; }

.statistic_panel01 { overflow-y: hidden; margin-bottom: 25px; }

.statistic_panel01 .update-time { float: right; }

.statistic_panel01 .update-time p { margin-bottom: 2px; }

.statistic_panel01 .t1 { font-size: 14px; }

.statistic_panel01 .t1 em { font-size: 24px; letter-spacing: 1px; color: #333333; font-style: normal; margin: 0 3px; }

.statistic_panel01 .t2 { font-size: 12px; color: #999999; }

.statistic_panel01 .update-day { position: relative; top: -8px; }

.statistic_panel01 .update-day .t2 { margin-top: -5px; }

.statistic_panel03 { overflow-y: hidden; margin-bottom: 30px; text-align: center; }

.statistic_panel03 .ind { vertical-align: bottom; line-height: 30px; }

.statistic_panel03 .num em { font-size: 36px; font-style: normal; margin: 0 3px; }

.statistic_panel03 a.link { color: #4083e7; letter-spacing: 1px; font-size: 14px; border-radius: 3px; border: solid 2px #4083e7; padding: 3px 6px; margin-left: 20px; }

.statistic_panel03 a.link:hover { text-decoration: none; background: #f1f1f1; }

.statistic_panel04 { text-align: center; }

.statistic_panel04 .ind { margin: 0 20px; vertical-align: bottom; font-size: 14px; line-height: 18px; }

.statistic_panel04 .grid { text-align: center; font-size: 14px; color: #fff; border-radius: 6px; padding: 8px 30px; }

.statistic_panel04 .grid > p { margin: 0; }

.statistic_panel04 .grid > p > em { font-size: 24px; letter-spacing: 2px; line-height: 24px; font-style: normal; }

.statistic_panel04 .grid.b1 { background: #36c28f; }

.statistic_panel04 .grid.b2 { background: #ffb412; }

.statistic_panel02 { padding: 30px 0 30px 40px; color: #6f7685; }

.statistic_panel02 em { font-size: 24px; font-style: normal; font-weight: 100; margin: 0 3px; color: #333; }

.statistic_view_bt { background-color: #12c2ff; font-size: 16px; letter-spacing: 2px; text-align: center; display: block; padding: 30px 0; color: #fff; }

.statistic_panel05 { padding: 20px; }

.statistic_panel05 .head { margin-bottom: 25px; }

.statistic_panel05 .head h2 { line-height: 30px; font-size: 18px; font-weight: normal; }

.statistic_panel05 .head .num { float: right; color: #6f7685; font-size: 14px; letter-spacing: 1px; }

.statistic_panel05 .head .num em { font-size: 24px; color: #333333; margin: 0 2px; font-style: normal; }

.search-result-fm { padding: 10px 20px; }

.search-result-fm > .head { background: #f2f5fa; padding: 10px; font-size: 16px; margin-bottom: 20px; }

.search-result-fm dl.list { border-bottom: #ccc dashed 1px; padding-bottom: 20px; }

.search-result-fm dl.list dt { margin-bottom: 10px; font-size: 16px; font-weight: normal; }

.search-result-fm dl.list dt input[type="checkbox"] { margin-right: 5px; vertical-align: -1px; }

.search-result-fm dl.list dd { line-height: 23px; margin-left: 0; font-size: 14px; color: #666; }

.search-result-fm .text-blue { color: #0c97f6; }

.school-infoBox .content { color: #666666; line-height: 1.8; font-size: 14px; }

.school-infoBox .content > h2 { letter-spacing: 1px; font-size: 20px; color: #333333; font-weight: normal; margin-bottom: 15px; }

.szk-banner { height: 305px; font-size: 0; background: url(images/szk-banner.jpg) top center no-repeat; }

/*----------------------------------------------------------------------------------t-t-t-t-------------*/
.T_head01 { position: relative; padding-bottom: 13px; border-bottom: #ddd solid 1px; margin-bottom: 25px; }

.T_head01 h2 { display: inline-block; *display: inline; zoom: 1; font-size: 18px; font-weight: normal; }

.T_head01 h2 i { background: #e84c3c; width: 3px; height: 17px; margin-right: 10px; margin-top: 1px; display: inline; float: left; overflow: hidden; }

.T_head01 > a.fr { color: #6f7685; font-size: 14px; }

.T_head01 > a.fr .icon { margin-right: 5px; font-weight: 100; }

.T_head01.t2 { border-bottom: 0; padding-bottom: 0; }

.T_head01.t3 h2 { font-size: 16px; }

.T_head01 .breadcrumb { display: inline-block; margin-left: 30px; margin-bottom: 0; padding: 8px 15px 0; }

.T_head01 small { font-size: 12px; color: #999999; letter-spacing: 1px; margin-left: 20px; }

.T_head01.t4 { margin-bottom: 10px; margin-top: 15px; }

.table-gray { color: #666; line-height: 1.8; }

.teacherCourse > li { margin-bottom: 45px; position: relative; }

.teacherCourse > li:last-child { margin-bottom: 20px; }

.teacherCourse > li .picbg { position: relative; overflow: hidden; border-radius: 6px; display: inline; float: left; }

.teacherCourse > li .picbg img { width: 224px; height: 126px; }

.teacherCourse a:hover { text-decoration: none; }

.teacherCourse .right { position: relative; margin-left: 250px; height: 126px; }

.teacherCourse .infor { margin-bottom: 15px; }

.teacherCourse .infor .school { color: #999999; font-size: 12px; margin-bottom: 5px; }

.teacherCourse .infor .name { font-size: 16px; height: 40px; width: 70%; }

.teacherCourse .infor .t1 { font-size: 14px; color: #6f7c85; }

.teacherCourse .btn-group { position: absolute; right: 0; top: 35%; margin-top: -15px; }

.teacherCourse .progress_panel { margin-bottom: 0; }

.teacher_listBox > li { margin-bottom: 25px; }

.teacher_listBox > li:last-child { margin-bottom: 0; }

.teacher_listBox .left { width: 75px; height: 75px; }

.teacher_listBox .text .name { font-size: 18px; margin-bottom: 3px; }

.teacher_listBox .text .school { font-size: 14px; color: #6f7c85; }

.teacher_listBox a:hover { text-decoration: none; }

.total_scoreWrap { overflow: hidden; }

.total_scoreWrap .item { margin-bottom: 10px; background-color: #f3f5f7; padding: 20px 30px; position: relative; }

.total_scoreWrap .item .t1 { text-align: center; color: #999999; letter-spacing: 1px; font-size: 12px; margin-bottom: 35px; }

.total_scoreWrap .item .t2 { font-size: 14px; text-align: center; margin: 30px 0; color: #6f7685; }

.total_scoreWrap .item .t2 b { font-size: 48px; color: #333333; font-weight: normal; }

.total_scoreWrap .item .t3 { text-align: right; font-size: 14px; }

.total_scoreWrap .item .name { margin-bottom: 10px; }

.total_scoreWrap .item .name h6 { font-weight: normal; font-size: 14px; background: url(images/dot.png) left 4px no-repeat; padding: 0 0 0 15px; }

.total_scoreWrap .item .name > em { font-style: normal; color: #6f7685; font-size: 12px; margin-left: 50px; }

.total_scoreWrap .item .pass { position: absolute; z-index: 100; right: 20px; bottom: 15%; }

.total_scoreWrap .item .nopass { position: absolute; z-index: 100; right: 20px; bottom: 15%; }

.total_scoreWrap .detail_link { text-align: center; font-size: 14px; margin: 30px 0; color: #6f7685; cursor: pointer; }

.total_scoreWrap .active .icn-show { background-position: 0 -360px; }

.table th, .table td { vertical-align: middle; }

.tab_score { font-size: 14px; }

.tab_score th { border-bottom: #ddd solid 1px; font-weight: normal; padding: 5px 0; text-align: center; }

.tab_score td { padding: 8px 0; }

.tab_zuoye th input[type="checkbox"] { position: relative; top: -3px; }

.tab_zuoye > thead > tr > th { background-color: #fff; font-size: 14px; }

.tab_zuoye td { color: #6f7c85; }

.tab_zuoye td .tag { margin-top: 4px; }

.tab_zuoye td .tag .btn { margin-right: 7px; color: #999999; background-color: #f5f5f5; }

.tab_zuoye td .name { font-size: 14px; }

.tab_zuoye .t1 { color: #999999; font-size: 12px; font-weight: normal; }

.tab_zuoye .t2 { font-size: 14px; font-weight: bold; color: #353535; }

.tab_zuoye .t3 { font-size: 14px; padding: 15px 10px; text-align: right; }

.tab_zuoye .oper .btn + .btn { margin-left: 6px; }

.tab_zuoye .link_group { overflow-y: hidden; }

.tab_zuoye .link_group a { position: relative; }

.tab_zuoye .link_group a + a { margin-left: 20px; }

.tab_zuoye .link_group a + a:after { background: #999; content: ""; height: 12px; width: 1px; position: absolute; top: 1px; left: -10px; }

.tab_zuoye.n2 thead > tr > th { vertical-align: top; padding: 8px 10px; }

.tab_zuoye.n2 td { padding: 0; }

.tab_zuoye.n2 .inner_tab td { padding: 8px 10px; }

.tab_zuoye .formLabel { text-align: right; }

.text-blue { color: #446cfd; }

.inner_tab { margin-bottom: -1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.inner_tab .inpt01 { display: inline-block; width: 40px; margin-right: 5px; }

.tab_a01 { font-size: 14px; color: #6f7c85; letter-spacing: 1px; line-height: 24px; }

.tab_a01 .sm { color: #999999; font-size: 12px; font-weight: normal; }

.tab_a01 .inpt01 { display: inline-block; width: 40px; margin-right: 5px; }

.tab_a01 .t2 { margin-bottom: 10px; }

.taolun_box { position: relative; z-index: 100; }

.taolun_box .toprow { background: #f3f5f7; }

.taolun_box .toprow .btn-primary.btn-sm [class^="icon-"] { font-size: 12px; margin-right: 6px; }

.taolun_box .course-tabs { height: auto; }

.taolun_box.t3 { background: #fff; padding: 20px; }

.taolun_box .navv_content { display: none; }

.taolun_box .chapterName { position: absolute; left: 190px; top: 5px; z-index: 200; line-height: 2; }

.taolun_box .chapterName em { font-style: normal; }

.taolun_box .s_chapterName { padding: 10px 0 20px; }

.taolun_box .s_chapterName em { font-style: normal; }

.trainCategory { background: #5272cd; padding: 30px 0; }

.trainCategory .aptext + .aptext { margin-top: 10px; }

.trainCategory .left { font-size: 16px; margin-right: 10px; color: #fff; }

.trainCategory .grid li { float: left; margin-right: 10px; min-width: 60px; margin-bottom: 5px; font-size: 16px; }

.trainCategory .grid li a { padding: 2px 10px; position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: top; border-radius: 5px; color: #fff; }

.trainCategory .menu { padding: 10px 0; background: rgba(255, 255, 255, 0.3); border-radius: 6px; margin: 10px 0 5px; overflow: hidden; font-size: 15px; }

.trainCategory .menu > a { display: inline-block; float: left; margin: 0 20px; color: #fff; position: relative; }

.trainCategory .menu > a + a:after { background: #fff; content: ""; width: 1px; height: 15px; position: absolute; top: 4px; left: -20px; }

.trainCategory .grid li a:hover, .trainCategory .grid li a.active { background: #fff; color: #5272cd; text-decoration: none; }

.trainCategory .menu > a.current, .trainCategory .menu > a:hover { color: #ffff00; }

.row-train-wrap { background: #fff; padding: 50px 30px; }

.row-train-wrap .infor { font-size: 16px; line-height: 2; }

/*----------------------------------------------------------------------------------u-u-u-u-------------*/
/*----------------------------------------------------------------------------------v-v-v-v-------------*/
.videoPage { background-color: #333c51; padding: 60px; }

.videoArea { width: 1240px; margin: 0 auto; }

.video_wrap { position: relative; z-index: 30; }

.videoPlay_wrap { width: 870px; float: left; }

.videoPlay_rightTab { overflow: hidden; float: left; width: 370px; }

.videoPlay_rightTab .v_tab01 { border: 0; float: right; }

.videoPlay_rightTab .v_tab01 > li { float: none; }

.videoPlay_rightTab .v_tab01 > li > a { padding: 5px; font-size: 14px; border-radius: 0; border: 0; background: #2a2b32; }

.videoPlay_rightTab .v_tab01 > li.active a { text-decoration: none; border: 0; color: #fff; background: #4083e7; }

.videoPlay_rightTab .v_tab02 { background-color: #ffba00; padding: 6px 20px 6px; }

.videoPlay_rightTab .v_tab02 > li { margin-bottom: 0; margin-right: 40px; }

.videoPlay_rightTab .v_tab02 > li:last-child { margin-right: 0; }

.videoPlay_rightTab .v_tab02 > li > a { font-size: 14px; color: #ffffff; font-weight: normal; padding: 0 0 3px; border: 0; border-bottom: transparent solid 3px; }

.videoPlay_rightTab .v_tab02 > li > a:hover { border-bottom-color: #fff; background: none; }

.videoPlay_rightTab .v_tab02 > li.active a { border: 0; background: none; border-bottom: #fff solid 3px; }

.videoPlay_rightTab > .tab-content { overflow: hidden; height: 560px; background: #fff; position: relative; }

.video_chapterPanel { position: relative; right: 0; width: 328px; height: 100%; top: 0; }

.video_chapterPanel > .title { background-color: #ffba00; padding: 8px 20px 8px; }

.video_chapterPanel > .title > h3 { font-size: 14px; color: #ffffff; border-bottom: #fff solid 3px; font-weight: normal; padding-bottom: 6px; }

.video_chapterPanel .file_list { padding: 20px 15px; height: 520px; overflow-y: auto; position: absolute; top: 40px; width: 328px; bottom: 58px; }

.video_chapterPanel .file_list .zhang { color: #6f7685; margin: 8px 0; }

.video_chapterPanel .file_list .zhang .btn-link { padding: 2px; color: #6f7685; }

.video_chapterPanel .file_list .zhang .tm { color: #999999; float: right; margin-left: 10px; }

.video_chapterPanel .file_list .zhang .nm { overflow: hidden; }

.video_chapterPanel .file_group { padding: 10px 0 1px 30px; position: relative; }

.video_chapterPanel .file_group:before { background: #ccc; content: ""; height: 100%; width: 1px; position: absolute; top: 0; left: 33px; z-index: 0; }

.video_chapterPanel .file_group h3 { position: relative; z-index: 80; font-size: 13px; color: #6f7685; font-weight: normal; margin-bottom: 20px; cursor: pointer; }

.video_chapterPanel .file_group h3 .ind { width: 198px; }

.video_chapterPanel .file_group h3 .icn-v-dot { margin-right: 15px; margin-top: 3px; }

.video_chapterPanel .file_group h3 .icon-angle-down { float: right; }

.video_chapterPanel .file_group h3.on .icon-angle-down:before { content: '\e6e2'; }

.video_chapterPanel .file_group .grid { margin-left: 15px; }

.video_chapterPanel .file_group li { margin-bottom: 10px; padding: 5px; }

.video_chapterPanel .file_group li > a { padding: 5px; display: block; }

.video_chapterPanel .file_group li > a:hover { text-decoration: none; background: #f2f5fa; }

.video_chapterPanel .file_group li > a.active { background: #f2f5fa; border-radius: 3px; border: #ccc solid 1px; }

.video_chapterPanel .file_group li > a.active .c { color: #0c97f6; }

.video_chapterPanel .file_group .unit { overflow-y: hidden; color: #6f7685; }

.video_chapterPanel .file_group .unit .icn-v-play { float: left; margin-right: 10px; }

.video_chapterPanel .file_group .unit .c { overflow-y: hidden; }

.video_chapterPanel .file_group .unit .c p { color: #999999; font-size: 12px; margin: 3px 0 0; }

.video_chapterPanel .file_group .unit .c p em { color: #4bd19d; margin-left: 5px; font-style: normal; }

.video_try { padding: 20px; background: #fff; }

.video_try_name { font-size: 22px; text-align: center; margin: 30px 0; font-weight: normal; }

.video_try_content { background: #545454; padding: 20px; margin-bottom: 30px; }

/*----------------------------------------------------------------------------------w-w-w-w-------------*/
.wait_taskBox { margin-top: 40px; margin-left: -40px; }

.wait_taskBox .item { margin-left: 40px; margin-bottom: 30px; float: left; width: 325px; }

.wait_taskBox .item .newslist li .c_6F7B85 { margin-left: 5px; }

/*----------------------------------------------------------------------------------x-x-x-x-------------*/
/*----------------------------------------------------------------------------------y-y-y-y-------------*/
/*----------------------------------------------------------------------------------z-z-z-z-------------*/
.zzx-banner { background: url("images/banner_zzx.jpg") top center no-repeat; height: 350px; font-size: 0; }

.headline_big { text-align: center; margin-bottom: 30px; }

.headline_big h1 { position: relative; margin: 0; letter-spacing: 1px; font-size: 22px; color: #333; display: inline-block; padding-left: 1px; font-weight: 400; }

.headline_big h1:after { background: #e74c3c; content: ""; height: 4px; width: 100%; position: absolute; bottom: -1px; left: 0; border-radius: 10px; opacity: .6; }

.headline_big > p { font-size: 13px; color: #999; margin-top: 15px; letter-spacing: 1px; }