@charset "utf-8";

/*====================
 * element
====================*/
/* color */
.com_color { color:#6416a6;}
.green { color:#00c56d;}
.red { color:#fb5959;}

/* modular */
.box1 { background:#fff; box-shadow:0 1px 10px rgba(0,0,0,.08);}
.box2 { padding:9px 30px; background:#fff;}
.box3 { background:#fff; box-shadow:0px -2px 10px rgba(0,0,0,.08);z-index: 999;}
.box4 { box-shadow:0px 3px 10px rgba(0,0,0,.08);z-index: 999;}

/* labels */
.lab_red { display:inline-block; padding:0 6px; line-height:15px; border-radius:2px; background:#fb5959; font-size:9px; color:#fff;}

/* image bg */
.img { background-position:0 0; background-repeat:no-repeat; background-size:contain;}

/* loading */
.loading { position:absolute; top:30%; width:100%; text-align:center;}
.loading div { width:110px; margin:0 auto 10px auto;}
.loading img { width:100%; height:auto;}
.loading p { font-size:14px; color:#999;}



/*====================
 * structure
====================*/

/* header */
.header { position:fixed; top:0; width:100%; height:44px; z-index:999; background:#d9605e; text-align:center; line-height:44px; font-size:16px; color:#fff;}

.header_back,
.header_ico,.headIco_share,
.header_link { position:absolute; top:0; min-width:44px; height:44px;}
.header_back { left:0; background-image:url(../images/backArr.png);}
.header_list { left:0; background-image:url(../images/headIco_list.png);background-repeat:no-repeat; background-size:contain;}
.headIco_delete { right:0; background-image:url(../images/headIco_delete.png);background-repeat:no-repeat; background-size:contain;}
.headIco_problem { right:0; background-image:url(../images/headIco_problem.png);background-repeat:no-repeat; background-size:contain;}
.headIco_share { right:0; background-image:url(../images/headIco_share.png);background-repeat:no-repeat; background-size:contain;}


.header_link:link,
.header_link:hover,
.header_link:active,
.header_link:visited { display:inline-block; padding:0 10px; line-height:44px; font-size:14px; color:#fff;}
.header_ico,
.header_link { right:0;}
.header_link_disabled { opacity:0.5; cursor:default;}

.headIco_zoom { background-image:url(../images/headIco_zoom.png);}


.header_search{margin:4px 15px 0 44px;border-radius: 5px;height:36px;background: #ffffff;position: relative;}

.header_search span{height:36px;display: block;margin:0 44px 0 10px;line-height: 36px;}

.header_search span input{widtH:100%;line-height: 36px;height:36px;border: 0px;font-size: 14px;color:#999999;background: none;}

.header_search a{display: block;widtH:16px;height:16px;position: absolute;right:14px;top:10px;background: url(../images/search_icon_09.png) no-repeat 0 0;background-size: contain;}







.sticky { position:fixed; right:0; bottom:0; left:0; z-index:1000; box-shadow:0 -2px 10px rgba(0,0,0,.08);}


/* tabNav */
.tabNav { background:#fff;}
.tabNav_link { display:block; padding:4px 0; text-align:center;min-height: 40px;}
.tabNav_ico { display:inline-block; width:25px; height:25px;}
.tabNav_txt { line-height:10px; font-size:9px; color:#666;}
.tabNav_home { background-image:url(../images/tabNav_home_default.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav_class{background: url(../images/tabNav_classify_default.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav_microCourse { background-image:url(../images/tabNav_microCourse_default.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav_mine { background-image:url(../images/tabNav_mine_default.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav_learn { background-image:url(../images/tabNav_learn_default.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav .tabNav_learn_dd{background-image:url(../images/tabNav_learn.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav_cur p { color:#d9605e;}
.tabNav_cur .tabNav_home { background-image:url(../images/tabNav_home_cur.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav_cur .tabNav_class{background: url(../images/tabNav_classify_cur.png);background-position:0 0;background-repeat:no-repeat; background-size:contain; }
.tabNav_cur .tabNav_microCourse { background-image:url(../images/tabNav_microCourse_cur.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}
.tabNav_cur .tabNav_mine { background-image:url(../images/tabNav_mine_cur.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}

.tabNav_cur .tabNav_learn { background-image:url(../images/tabNav_learn_cur.png);background-position:0 0;background-repeat:no-repeat; background-size:contain;}


.study{width: 45px;height: 45px;position: absolute;left: 50%;margin-left: -22px;background:url("../images/tabNav_circular.png");background-position:0 0;background-repeat:no-repeat; background-size:contain;border-radius: 50%;top: -18px;}

.tabNav .study i{margin-top:9px;}

.tabNav .study_p{ display: block;position: absolute;left: 0px;right: 0px;bottom: 4px;text-align: center;}



.page { position:fixed; height: 100%; width:100%; overflow:scroll;}
.page3 { position:fixed; height: 100%; width:100%; overflow:scroll;z-index: 99;}
.page4 { position:fixed; height: 100%; width:100%; overflow:scroll;}
.page5 { position:fixed; height: 100%; width:100%; overflow:scroll;}



/* search */
.headSearch { padding:0 10px;}
.headSearch form { position:relative; padding-right:44px;}
.headSearch_input { width:100%; height:29px; border-radius:3px; background:#fff url(../images/search_zoom.png) left center no-repeat; background-size:contain; text-indent:29px; font-size:14px;}
.headSearch_submit { position:absolute; top:7px; right:0; height:29px; font-size:14px; color:#fff; background:none;}


/*====================
 * details
====================*/

/*--------------------
 * plan
 --------------------*/
.calendar {	overflow:hidden;}

.plan_li { position:relative;}

.plan_time { position:absolute; top:12px; left:0; height:35px; padding:0 10px 0 52px; border-right:2px #2795f4 solid;}
.plan_date { position:absolute; top:0; left:12px; width:29px; height:15px; padding-right:6px; line-height:15px; text-align:right; background:#2795f4; font-size:11px; color:#fff;}
.plan_period p { padding:2px 0; line-height:14px; font-size:10px; color:#666;}

.plan_con { margin-left:102px; padding:12px 0; border-bottom:1px #ccc solid;}
.plan_tit { line-height:20px; font-size:14px; color:#000;}
.plan_info { line-height:15px; font-size:10px; color:#afafaf;}

.plan_overdue .plan_date { background:#adc1d3;}
.plan_overdue .plan_time { border-color:#adc1d3;}

.plan_underway .plan_date { left:0; width:41px; background:#fb5959;}
.plan_underway .plan_time { border-color:#fb5959;}
.plan_underway .lab_red { position:absolute; right:15px; bottom:15px;}


/*--------------------
 * catalog
 --------------------*/
/* inSearch */
.inSearch { position:fixed; top:44px; right:0; left:0; z-index:1; padding:7px 10px; background:#fff; border-bottom:1px #ddd solid; box-shadow:0 1px 5px rgba(0,0,0,.1);}
.inSearch form { position:relative; padding-right:44px;}
.inSearch_input { width:100%; height:29px; border-radius:3px; background:#f0f0f0 url(../images/search_zoom.png) left center no-repeat; background-size:contain; text-indent:29px; font-size:14px;}
.inSearch_submit { position:absolute; top:0; right:0; height:29px; font-size:14px; color:#444; background:none;}


/* catalog_lvl1 */
.catalog_lvl1 { position:fixed; top:88px; left:0; bottom:44px; width:120px; background:#fff; box-shadow:0 1px 8px rgba(0,0,0,.05); overflow-y:scroll;}
.catalog_lvl1_li { border-bottom:1px #eee solid;}
.catalog_lvl1_link { display:block; padding:0 10px; line-height:44px; font-size:14px; color:#444;}
.catalog_ico { display:inline-block; margin-right:10px; line-height:20px;}
.catalog_ico img { width:20px; height:20px;}
.catalog_cur { background:#f0f0f0;}

/* catalog_lvl2 */
.catalog_lvl2 { position:fixed; top:88px; left:120px; bottom:44px; right:0; overflow:scroll;}
.catalog_lvl2_link { display:block; width:81%; margin:0 auto; text-align:center;}
.catalog_thumb { box-shadow:0 2px 8px rgba(0,0,0,.1);}
.catalog_thumb img { width:100%; height:auto;}
.catalog_thumb,
.catalog_thumb img { border-radius:3px;}
.catalog_name { line-height:30px; text-align:center; font-size:12px; color:#666;}

/* catalog_lvl3 */
.coslist_li { position:relative; padding:20px 0; border-bottom:1px #eee solid;}
.coslist_thumb { position:absolute; top:20px; left:0; width:100px; z-index:1; box-shadow:0 2px 5px rgba(0,0,0,.15);}
.coslist_thumb img { width:100%; height:auto; border-radius:3px;}
.coslist_con { height:68px; margin-left:115px;}
.coslist_tit { line-height:23px; font-size:15px; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.coslist_info {  display:inline-block; margin:5px 0; padding:0 10px; border-left:1px #eee solid; line-height:12px; font-size:10px; color:#888;}
.coslist_btn { position:absolute; right:0; bottom:0; display:inline-block; padding:0 10px; line-height:24px; border-radius:3px; background:#00c56d; font-size:12px; color:#fff;}

.coslist_info2 { line-height:23px; font-size:10px; color:#888;}
.ico_cache { display:inline-block; width:12px; height:8px; margin-right:5px; background-image:url(../images/infoIco_cache.png); vertical-align:middle;}



/*--------------------
 * learn
 --------------------*/

/* ghostTabs */


.ghostTab-head { height:44px; box-shadow:0 2px 10px rgba(0,0,0,.12);}
.ghostTab-body{padding-top:45px;}
.ghostTab-tab { /*float:left; width:50%!important; */height:44px; text-align:center;}
.ghostTab-tab a { display:block; line-height:44px; font-size:16px; color:#888; text-decoration:none;}
.ghostTab-tab .ghostTab-cur { border-bottom:2px #d9605e solid; color:#d9605e;}
.ghostTab-con { display:none;}









/*--------------------
 * mine
 --------------------*/

/* mine banner */
.mineBan { height:150px; background-image:url(../images/mine_topbg.png); background-size:cover;}

.mine_port { width:68px; height:68px; background-image:url(../images/portrait.png);}
.mine_portIn,
.mine_portIn img { width:50px; height:50px; border-radius:50%;}
.mine_portIn { padding:9px;}
.mine_name { margin:20px 0 0 10px;}
.mine_name b{font-weight: bold;font-size: 16px;color:#ffffff;display: block;}
.mine_name span{font-size: 12px;color:#ffffff;}
.sign{display: block;width:32px;position: absolute;right:24px;top:50px;text-align: center;}

.sign i{width:32px;height:32px;display: inline-block;background: url(../images/sign_03.png) no-repeat;background-size: contain;}

.sign span{font-size: 12px;color:#ffffff;}

.set{position: absolute;top: 0;min-width: 44px;height: 44px;right:0px;background: url(../images/headIco_set.png) no-repeat;background-size: contain;}

.panel_li .pa_25{padding: 10px 0 10px 30px;}

.pa_25 .icon_mine{width:16px;height:16px;position: absolute;top:14px;left:4px;}

.set_icon1{background: url(../images/icon_mine1.png) no-repeat;background-size: contain;}
.set_icon2{background: url(../images/icon_mine2.png) no-repeat;background-size: contain;}
.set_icon3{background: url(../images/icon_mine3.png) no-repeat;background-size: contain;}
.set_icon4{background: url(../images/icon_mine4.png) no-repeat;background-size: contain;}
.set_icon5{background: url(../images/icon_mine5.png) no-repeat;background-size: contain;}
.set_icon6{background: url(../images/icon_mine6.png) no-repeat;background-size: contain;}

/* mine statics */
.mine_stat { padding:15px 0;}
.stat_tit { font-size:9px; color:#fff; opacity:.7;}
.stat_num { line-height:28px; font-weight:bold; font-size:17px; color:#fff;}
.stat_split { border-right:1px rgba(255,255,255,.2) solid;}

/* mine task */
.task { padding:15px 0;}
.task_in { position:relative; padding:0 20px 0 25px;}
.task_ico { position:absolute; top:4px; left:25px; width:24px; height:25px;}
.task_con { margin-left:39px;}
.task_tit { line-height:15px; font-size:10px; color:#444;}
.task_num { line-height:20px; font-size:15px; font-weight:bold;}

.task1 .task_ico { background-image:url(../images/ico_myTask.png);}
.task2 .task_ico { background-image:url(../images/ico_myQus.png);}
.task3 .task_ico { background-image:url(../images/ico_myExam.png);}

.task1 .task_num { color:#00b4ff;}
.task2 .task_num { color:#00c56d;}
.task3 .task_num { color:#ffb400;}

.task_split { border-right:1px #eee solid;}

/* mine panel */
.panel_li { border-bottom:1px #eee solid;}
.panel_link { position:relative; display:block; padding:10px 0 10px 10px; line-height:24px; font-size:14px; color:#444;}
.panel_right { position:absolute; top:0; right:0; z-index:1; text-align:right; line-height:44px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;left:100px;height:44px;}

.panel_img{width: 44px;height: 44px;display: block;position: absolute;right: 28px;top: 50%;margin-top: -22px;}

.panel_img img{widtH:100%;height:100%;display: block;}

.panel_info { font-size:13px; color:#afafaf;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;margin-right:26px;display: block;}


.panel_arr { display:block; width:18px; height:44px; background-image:url(../images/listArr.png);position: absolute;right:0px;top:50%;margin-top: -22px;}
.panel_trigger { display:inline-block; width:53px; height:35px; margin:10px 15px 0 0; background-image:url(../images/toggleOff.png);}
.panel_trigger_on { background-image:url(../images/toggleOn.png);}
.panel_link_sub { line-height:14px; font-size:10px; color:#999;}
.exit_btn { display:block; line-height:44px; text-align:center; font-size:16px; color:#e90000;}


/* notice */
.notice_tit { padding:20px 0 10px; text-align:center; line-height:30px; font-size:22px; font-weight:bold; color:#d9605e;}
.notice_info { margin-bottom:15px; text-align:center; line-height:15px; font-size:14px; color:#afafaf;}
.notice_con p { margin:10px 0; line-height:30px; font-size:15px; color:#222;}
.notice_img { width:100%; height:auto;}


/*--------------------
 * classlist
 --------------------*/
.classlist_li { position:relative; padding:15px 0; border-bottom:1px #eee solid; line-height:24px;}
.classlist_name { margin-right:40px; font-size:14px;}
.classlist_dot { display:inline-block; width:4px; height:4px; margin-right:10px; border-radius:50%; background:#2795f4; vertical-align:middle;}
.classlist_btn { position:absolute; top:15px; right:0; display:inline-block; padding:0 10px; line-height:24px; border-radius:3px; background:#00c56d; font-size:12px; color:#fff;}


/*--------------------
 * edit password
 --------------------*/
.formBox { padding:0 0 0 30px;}
.formRow { position:relative; padding:0 30px 0 80px; border-bottom:1px #eee solid; line-height:44px;}
.formRow_name { position:absolute; top:0; left:0; font-size:14px; color:#444;}
.formRow_input { font-size:14px; color:#444;}


/*--------------------
 * live
 --------------------*/
 .live_list { position:relative; padding-right:80px; padding-left:30px; line-height:54px; border-bottom:1px #eee solid;}
 .live_name { font-size:14px; color:#444;}
 .live_ico { position:absolute; top:18px; left:0; display:inline-block; width:18px; height:18px; margin-right:12px; vertical-align:middle; background-size:contain; background-position:center c
 ; background-repeat:no-repeat;}
 .live_liveIco { background-image:url(../images/live_icon1.png);}
 .live_playbackIco { background-image:url(../images/live_icon2.png);}
 .live_expiredIco { background-image:url(../images/live_icon3.png);}
 .live_btn { position:absolute; top:15px; right:0; width:60px; text-align:center; line-height:24px; border-radius:2px; font-size:12px; color:#fff;}
 .live_btn1 { background:#2795f4;}
 .live_btn2 { background:#00c56d;}
 .live_btn3 { background:#c6c6c6;}


/*--------------------
 * share list
 --------------------*/
 .share_li { position:relative; height:119px; padding:36px 15px 0 15px; background:url(../images/shelf.png) 0 0 repeat-x; background-size:contain;}
 .share_li ul { position:relative; bottom:-6px;}

 .book { position:relative; width:93px; height:119px; margin:0 auto; background-position:0 0; background-repeat:no-repeat; background-size:contain;}
 .book_xls { background-image:url(../images/cover_xls.png);}
 .book_doc { background-image:url(../images/cover_doc.png);}
 .book_pdf { background-image:url(../images/cover_pdf.png);}
 .book_ppt { background-image:url(../images/cover_ppt.png);}
 .book_zip { background-image:url(../images/cover_zip.png);}
 .book_video { background-image:url(../images/cover_video.png);}
 .book_audio { background-image:url(../images/cover_audio.png);}

 .book_name { max-height:28px; overflow:hidden; padding:24px 10px 0 10px; text-align:center; line-height:14px; font-size:12px; color:#333;}
 .book_type { position:absolute; right:10px; bottom:8px; font-size:10px; color:#fff; text-transform:uppercase; z-index:100;}
 .book_lab { display:block; position:absolute; top:6px; right:2px; width:30px; height:14px; background-position:0 0; background-repeat:no-repeat; background-size:contain;}
 .book_lab1 { background-image:url(../images/share_lab1.png);}
 .book_lab2 { background-image:url(../images/share_lab2.png);}


/*--------------------
 * credit
 --------------------*/
.credit .header { position:absolute; background:none;}
.credit .page { position:static; top:0;}

/* credit banner */
.creditBan { position:relative; height:106px; padding-top:44px; background-image:url(../images/credit_topbg.png); background-size:cover;}

.cal_top { position:absolute; bottom:0; z-index:1; width:100%; height:10px; border-top-left-radius:6px; border-top-right-radius:6px; background:#fff;}
.cal_top .arrup { position:absolute; top:-12px; left:50%; margin-left:-6px; border-bottom-color:#fff;}

.credit_info { margin-left:10px; padding:10px 0; line-height:24px; font-size:14px; color:#fff;}


/* sign btn */
.credit_sign,
.credit_signed { display:block; width:103px; height:34px; margin:15px 15px 0 0; border-bottom:2px solid; border-radius:3px; line-height:34px; text-align:center; font-size:16px; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,.15);}
.credit_sign i,
.credit_signed i { display:inline-block; width:17px; height:17px; margin-right:5px; vertical-align:middle; background:url(../images/cld_tosign_ico.png) 0 0 no-repeat; background-size:contain;}
.credit_sign { border-color:#ff9d00; background:#ffba00;}
.credit_signed { border-color:#03d000; background:#4dde42;}
.credit_signed i { background-image:url(../images/cld_signed_ico.gif);}


/* credit gain and use */
.credit_box { padding:25px 20px;}
.credit_tit { margin-bottom:15px; line-height:22px; text-align:center; font-size:18px; color:#222;}
.credit_titIco { display:inline-block; width:22px; height:22px; margin-right:5px; background-position:0 0; background-repeat:no-repeat; background-size:contain; vertical-align:middle;}
.credit_titIco1 { background-image:url(../images/credit_gainIco.png);}
.credit_titIco2 { background-image:url(../images/credit_useIco.png);}

.credit_gain_li { position:relative; padding:0 100px 0 20px; line-height:44px; border-bottom:1px #e9e9e9 dashed;}
.credit_gain_item,
.creidt_use { font-size:16px; color:#222;}
.credit_gain_item i { display:inline-block; width:16px; height:16px; margin-right:15px; background-position:0 0; background-repeat:no-repeat; background-size:contain; vertical-align:middle;}
.credit_gainIco1 { background:url(../images/credit_ico1.png);}
.credit_gainIco2 { background:url(../images/credit_ico2.png);}
.credit_gainIco3 { background:url(../images/credit_ico3.png);}
.credit_gainIco4 { background:url(../images/credit_ico4.png);}
.credit_gainIco5 { background:url(../images/credit_ico5.png);}

.credit_gain_value { position:absolute; top:0; right:20px; width:85px; font-size:14px; color:#ffa31d;}
.credit_gain_value i { display:inline-block; width:12px; height:12px; margin-right:5px; background:url(../images/credit_gold.png) 0 0 no-repeat; background-size:contain; vertical-align:middle;}

.credit_box .credit_sign { width:125px; margin:20px auto 5px auto; border-color:#ff7d00; background:#ffa31d;}
.credit_use { padding:0 20px;}


/*--------------------
 * my mission
 --------------------*/

/* mission list */
.miss_li { margin-bottom:15px;}
.mission { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.15);}
.miss_tit { height:40px; padding:0 15px; line-height:40px; background:url(../images/miss_headBg.png) 0 0 repeat-x; background-size:contain; font-size:15px; color:#000;}
.miss_tit i,
.miss_do_tit i { display:inline-block; width:16px; height:16px; margin-right:10px; background:url(../images/miss_ico1.png) 0 0 no-repeat; background-size:contain; vertical-align:middle;}
.miss_con { position:relative; padding:15px 110px 15px 15px;}
.miss_txt { line-height:24px; font-size:14px; color:#8c959b;}
.miss_btn { position:absolute; top:50%; right:15px; display:inline-block; margin-top:-15px; padding:0 10px; border:1px #0397ff solid; border-radius:2px; line-height:28px; font-size:12px; color:#0397ff;}
.miss_btn i { margin-left:5px; font-size:14px; font-weight:bold; vertical-align:middle;}

.miss_expired .miss_tit { color:#999;}
.miss_expired .miss_tit i { background-image:url(../images/miss_ico2.png);}
.miss_expired .miss_txt { color:#afafaf;}
.miss_expired .miss_btn { border:none; line-height:29px; color:#999;}
.miss_expired .miss_btn i { display:none;}

/* do miss */
.miss_do_tit { line-height:34px; font-size:16px; color:#000;}
.miss_do_con { padding-left:26px;}
.miss_do_info { line-height:30px; font-size:12px; color:#afafaf;}
.miss_do_txt { line-height:20px; font-size:14px; color:#666;}

.miss_do_answer textarea { width:100%; font-size:14px; color:#666;}

.miss_do_op { position:fixed; bottom:0; left:0; width:100%; height:44px; border-top:1px #c7c7c7 solid; background:#f0f0f0; text-align:right;}
.miss_do_op a { display:inline-block; width:27px; height:20px; margin-top:12px; margin-right:20px; background-position:center center; backgrond-repeat:no-repeat; background-size:cover;}
.miss_do_cmIco { background-image:url(../images/miss_cmIco.png);}
.miss_do_picIco { background-image:url(../images/miss_picIco.png);}


.all { width:50px; margin:20px auto 10px auto; text-align:center;}
.all_ico { height:50px; background-position:0 0; background-repeat:no-repeat; background-size:contain;}
.all_learn { background-image:url(../images/qm_learn.png);}
.all_plan { background-image:url(../images/qm_plan.png);}
.all_course { background-image:url(../images/qm_course.png);}
.all_live { background-image:url(../images/qm_live.png);}
.all_share { background-image:url(../images/qm_share.png);}
.all_credit { background-image:url(../images/qm_credit.png);}
.all_enterprise { background-image:url(../images/qm_enterprise.png);}
.all_name { line-height:26px; font-size:10px; color:#666;}



/*--------------------
 * 首页
 --------------------*/


/* banner */


.flexslider{position:relative;height:204px;overflow:hidden;z-index:1;}
.slides{position:relative;z-index:1;}
.slides li{height:204px; cursor:pointer;z-index:9;}
.slides li b{font-size:48px;color:#ffffff;display:block;position:absolute;lefT:24%;top:40px;}
.slides li span{font-size:20px;color:#ffffff;line-height:30px;position:absolute;lefT:24%;top:120px;}


.flex-control-nav{position:absolute;bottom:10px;z-index:9;width:100%;text-align:right;right:10px;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 4px;*display:inline;zoom:1;z-index:99;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;background-size: cover;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:99;width:100%;top:45%;display: none;}


/* 搜索 */

.search_top{position: absolute;lefT:0px; top:0px;right:0px;z-index: 9;}

.search_top p{border-radius: 5px;padding:0 40px 0 20px;height:36px;position: relative;margin:15px 15px 0;background:rgba(255,255,255,0.8);}

.search_top p span{height:36px;widtH:100%;;display: block;}

.search_top p span input{widtH:100%;line-height: 36px;height:36px;border: 0px;font-size: 14px;color:#999999;background: none;}

.search_top p a{display: block;widtH:16px;height:16px;position: absolute;right:14px;top:10px;}

.search_icon{background: url(../images/search_icon_09.png) no-repeat 0 0;background-size: contain;}


/* 八个图标 */


.home_icon{padding:15px 15px 0;}

.home_ul li{margin-bottom: 15px;}

.home_ul li a{display: block;text-align: center;}

.home_ul li a i{widtH:50px;height:50px;display: block;margin: auto;}

.home_ul li a .icon1{background: url("../images/home_icon1.png") no-repeat; background-size: contain;}
.home_ul li a .icon2{background: url("../images/home_icon2.png") no-repeat; background-size: contain;}
.home_ul li a .icon3{background: url("../images/home_icon3.png") no-repeat; background-size: contain;}
.home_ul li a .icon4{background: url("../images/home_icon4.png") no-repeat; background-size: contain;}
.home_ul li a .icon5{background: url("../images/home_icon5.png") no-repeat; background-size: contain;}
.home_ul li a .icon6{background: url("../images/home_icon6.png") no-repeat; background-size: contain;}
.home_ul li a .icon7{background: url("../images/home_icon7.png") no-repeat; background-size: contain;}
.home_ul li a .icon8{background: url("../images/home_icon8.png") no-repeat; background-size: contain;}

.home_ul li a span{text-align: center;padding:5px 0;font-size: 12px;color:#666666;display: block;}




/* 课程展示*/

.course{margin:10px 0;}

.reveal{height:30px;padding:10px 15px 0 15px;position: relative;}

.reveal p{font-size: 16px;color:#333333;padding:0 70px 0 28px;height:30px;line-height: 30px;}

.reveal i{widtH:20px;height:20px;display: block;position: absolute;left:15px;top:15px;}

.reveal .icon1{background: url(../images/main_icon1_13.png) no-repeat;background-size: contain;}
.reveal .icon2{background: url(../images/main_icon2_16.png) no-repeat;background-size: contain;}
.reveal .icon3{background: url(../images/main_icon3_19.png) no-repeat;background-size: contain;}
.reveal .icon4{background: url(../images/main_icon5_19.png) no-repeat;background-size: contain;}


.more{font-size: 12px;color:#999999;line-height: 30px;position: absolute;right:15px;top:10px;padding-right:14px;}

.more b{width:10px;height:20px;display: inline-block;position: absolute;right:0px;top:5px;}
.more-icon{background: url(../images/more.png) no-repeat;background-size: contain;}





/* 精品AR */


.coslist_ul{padding:15px 0;}

.coslist {position:relative;padding:0 15px 15px;min-height: 118px;}

.coslist i{display: block;width:100px;height:118px;border-radius: 5px;position: absolute;lefT:15px;top:0px;}

.coslist i img{width:100%;height:auto;border-radius: 5px;}

.coslist_right{margin-lefT:124px;}

.coslist_right h6{font-size:14px;color:#d9605e;line-height: 30px;}

.course_text{height:30px;position: relative;}

.course_text span{font-size: 12px;color:#999999;display:inline-block;line-height: 30px;position: absolute;padding-left: 20px;}

.course_text span i{display: block;position: absolute;lefT:0px;top:6px;widtH:18px;height:18px;}

.course_text span .icon1{background: url("../images/main_icon6.png") no-repeat;background-size: contain;}
.course_text span .icon2{background: url("../images/main_icon5_22.png") no-repeat;background-size: contain;}
.course_text span .icon3{background: url("../images/main_icon7.png") no-repeat;background-size: contain;}

.course_span{font-size: 12px;color:#999999;padding-top: 10px;display: block;}



/* 热门推荐 */


/* 切换 */

.swiper-container {width: 100%;}

.swiper-container .swiper-pagination-bullet {background: #d9605e;opacity: .5;}
.swiper-container .swiper-pagination-bullet-active{background:#d9605e;opacity: 1;}




.coslist_ul{padding:15px 8px 15px;}

.recommend{margin-bottom: 15px;}

.recommend a{display: block;margin: 0 8px;}

.mend{display: block;position: relative;border-radius: 5px;border: 1px #dddddd solid;padding:10px 30px;}

.mend img{width:100%;height:auto;border-radius: 5px;}

.mend b{position: absolute;lefT:-1px;right:-1px;top:-1px;bottom:-1px;background: url("../images/news_bg1_03.png");border-radius: 5px;}

.mend b i{widtH:30px;height:30px;display: block;position: absolute;lefT:50%;top:50%;background: url("../images/unlocked.png") no-repeat;background-size: contain;margin:-15px 0 0 -15px;}

.recommend_inner{margin-top: 10px;}

.recommend_inner h6{font-size:14px;color:#333333;line-height: 30px;position: relative;}

.recommend_inner .recom_inner{padding-left: 20px;}

.recommend_inner .recom_inner i{widtH:18px;height:18px;display: block;position: absolute;lefT:0px;top:5px;background: url("../images/unlocked.png") no-repeat;background-size: contain;}

.course_text{height:30px;position: relative;}

.course_text span{font-size: 12px;color:#999999;display:inline-block;line-height: 30px;position: absolute;padding-left: 20px;}

.course_text span i{display: block;position: absolute;lefT:0px;top:6px;widtH:18px;height:18px;}

.course_text span .icon1{background: url("../images/main_icon6.png") no-repeat;background-size: contain;}
.course_text span .icon2{background: url("../images/main_icon5_22.png") no-repeat;background-size: contain;}

.course_span{font-size: 12px;color:#999999;padding-top: 10px;display: block;}













/* 优质电子书 */

.cour_li{overflow-x: scroll;padding-bottom:24px;margin-left:15px;}

.material{padding-top:10px;}

.material_li{widtH:142px;border: 1px #dddddd solid;margin-right: 15px;float:left;border-radius: 5px;}

.material_list{padding:10px;}

.material_list a{display: block;}

.material_list img{width:100%;}

.material_text{background: #f0f0f0;padding:5px 10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; height:40px;}

.material_text span{font-size: 14px;color:#333333;display: block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.material_text b{font-size: 12px;color:#999999;display: block;padding-lefT:15px;font-weight: normal;position: relative;}

.material_text b i{display: block;widtH:12px;height:12px;position: absolute;left:0px;top:3px;}
.renqi{background: url(../images/main_icon4_19.png) no-repeat;background-size: contain;position: absolute;left:0px;top:3px;}













/*--------------------
 * 激活书籍
 --------------------*/


.fication_top{padding:10px 15px;position: relative;}

.fication_top p{border: 1px #eaeaea solid;border-radius: 3px;padding:0 40px 0 20px;height:36px;position: relative;margin-right:86px;}

.fication_top p span{height:36px;widtH:100%;;display: block;}

.fication_top p span input{widtH:100%;line-height: 36px;height:36px;border: 0px;font-size: 14px;color:#999999;}

.fication_top p a{display: block;widtH:16px;height:16px;position: absolute;right:14px;top:10px;background: url(../images/search_icon_09.png) no-repeat 0 0;background-size: contain;}





.activation{width:100%;height:165px;background: url(../images/activation_bg_02.png) no-repeat;background-position:center center; background-size: cover;}

.activation li{widtH:50%;float:left;text-align: center;}

.activation li a{display: block;padding:44px 0;}

.activation li a i{widtH:42px;height:42px;display: block;margin: auto;}

.activation li a .ation_icon1{background: url(../images/activation_icon1_03.png) no-repeat;background-size: contain;}

.activation li a .ation_icon2{background: url(../images/activation_icon2_06.png) no-repeat;background-size: contain;}

.activation li a span{display: block;text-align: center;font-size: 16px;color:#ffffff;margin-top:10px;}


.ation_text {padding:10px 20px 20px 20px;background: #ffffff;margin:15px;border-radius: 5px;}

.ation_text h6{height:55px;line-height: 55px;text-align: center;font-size: 14px;clor:#333333;padding-lefT:22px;position: relative;border-bottom: 1px #e5e5e5 solid;}

.ation_text h6 i{display: block;widtH:16px;height:16px;position: absolute;top:19px;background: url(../images/activation_icon3_11.png) no-repeat;background-size: contain;left:50%;margin-left: -40px;}

.ation_text p{font-size:12px;color:#666666;line-height: 24px;padding-top:10px;}

.ation_text p span{display: block;font-size:12px;color:#d9605e;line-height: 24px;}




/*--------------------
 * 分类
 --------------------*/


.fication_h6{height:40px;line-height: 40px;font-size: 16px;color:#333333;padding:10px 15px 0;}

.fication{padding-bottom:24px;padding:0 10px;}

.fication_ul{padding-top:10px;widtH:100%;}

.fication_li{widtH:45%;height:auto;border: 1px #dddddd solid;float:left;border-radius: 5px;margin:0 2% 15px;}

.fication_list{padding:10px;}

.fication_list a{display: block;}

.fication_list img{width:100%;height:auto;}

.fication_text{background: #f0f0f0;padding:5px 10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; height:40px;}

.fication_text span{font-size: 14px;color:#333333;display: block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.fication_text b{font-size: 12px;color:#999999;display: block;padding-lefT:15px;font-weight: normal;position: relative;}

.fication_text b i{display: block;widtH:12px;height:12px;background: url(../images/main_icon4_19.png) no-repeat;background-size: contain;position: absolute;left:0px;top:3px;}


.poayt{height:44px;position: fixed;lefT:0px;right:0px;top:44px;background: #ffffff;z-index: 99999;}

.poayt .float_four{width:24.9%;}

.poayt .float_four a{font-size:14px;}

.screen{display: block;line-height: 34px;height:34px;font-size: 14px;color:#d9605e;background: #ffffff;border: 1px #d9605e solid;position: absolute;right:15px;top:10px;widtH:54px;border-radius: 3px;text-align: center;padding-right:18px;}

.screen i{display: block;widtH:14px;height:14px;background: url(../images/screen_icon1_03.png) no-repeat;background-size: contain;position: absolute;right:50%;top:11px;margin-right:-24px;}


/* 筛选 */

.nav{height:auto;background: #ffffff;position:fixed;left:0;right:0px;top:44px;z-index: 9999;widtH:100%;display:none;}

.nav_shut{widtH:100%;text-align: center;height:50px;line-height: 50px;color:#c11212;font-size: 14px;font-weight: bold;}

#nav_inner{widtH:100%;}

.nav_inner{height: auto;widtH:100%;padding-top:20px;max-height: 360px;overflow-y: scroll;}

.nav_inner .nav_li{float:none;background: none;line-height: 44px;}

.nav_inner .nav_li a{padding:0;line-height: 44px;text-align: left;color:#333333;background: none;font-size: 16px;display: block;padding:0 15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.nav_inner .nav_li a:hover{background: #ffffff;color:#d9605e;font-weight: bold;}

.nav_inner .mainlevel{background: none;z-index: 999999;}

.nav_inner .mainlevel ul {margin:0;background: #ffffff;display: none;overflow-y: scroll;min-height: 300px;}

.nav_inner .mainlevel ul li{border-bottom:1px #e8e5e9 solid;display: block;background: none;margin:0 15px;}

.nav_inner .mainlevel ul .tail{border: 0px;}

.nav_inner .mainlevel ul li a{background: none;line-height: 40px;font-size: 14px;color:#666666;text-align: left;background: none;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.nav_inner .mainlevel ul li a:hover{background: none;color:#d9605e;font-weight: bold;border-bottom:1px #d9605e solid;}

.nav_shut{display: block;}

.bg{background: url(../images/news_bg1_03.png);position: fixed;lefT:0px;top:0px;right:0px;bottom:0px;z-index: 996;display: none;}

.gation{display: block;}

/*--------------------
 * 个人中心
 --------------------*/


.mine_head{height:105px;background: url(../images/mine_bg_02.png) no-repeat center bottom; background-size: cover;padding:30px 15px 0;position: relative;}

.top_login{padding:0 25px 0 82px;position: relative;min-height: 68px;cursor: pointer;}

.top_login_i{display: block;widtH:68px;height:68px;background:url("../images/mine_head_bg.jpg");background-position:0 0;background-repeat:no-repeat; background-size:contain;border-radius: 50%;position: absolute;left:0px;top:0px;}

.top_login_i img{width:100%;height:100%;border-radius: 50%;}

.top_login_p{padding:20px 0;}

.top_login_p b{font-size: 18px;color:#ffffff;display: block;}

.top_login_p b i{display: inline-block;widtH:36px;height:14px;background: url("../images/vip-icon.png");background-position:0 0;background-repeat:no-repeat; background-size:contain;margin-left: 6px;}

.top_login_p span{font-size: 12px;color:#ffffff;display: block;}

.top_login_b{display: block;width:44px;height:44px;position: absolute;right:0px;top:12px;background: url("../images/top_login_b.png");background-position:0 0;background-repeat:no-repeat; background-size:contain;}

.exclusive{height:36px;background: url("../images/member_bg.png");background-position:0 0;background-repeat:no-repeat; background-size:cover;border-radius: 3px;position: absolute;left:15px;right:15px;bottom:20px;}

.exclusive p{line-height: 36px;padding-lefT:20px;position: absolute;font-size: 14px;color:#333333;font-weight: bold;font-style: italic;text-transform: uppercase;left:12px;top:0px;}

.exclusive p i{display: block;width:18px;height:18px;position: absolute;left:0px;top:9px;background: url("../images/member_icon.png");background-position:0 0;background-repeat:no-repeat; background-size:contain;}

.exclusive span{display: block;padding:0 88px 0 130px;font-size: 12px;color:#333333;line-height: 36px;text-align: right;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.exclusive a{display: block;widtH:70px;height:22px;line-height: 22px;background: #323232;text-align: center;border-radius: 100px;position: absolute;right:12px;top:7px;color:#f7ca95;}




.mine_course{background: #ffffff;padding-left:15px;padding-right:15px;margin-bottom: 15px;}

.mine_course li{height:44px;border-bottom: 1px #e5e5e5 solid;line-height: 44px;position: relative;padding:0 40px 0 32px;}

.mine_course .last{border: 0px;}

.mine_course li span{display: block;font-size: 14px;color:#333333;font-weight: bold;}

.mine_course li i{width:18px;height:18px;display: block;position: absolute;left:5px;top:13px;}

.mine_course li .mine_icon1{background: url(../images/mine_icon1.png) no-repeat;background-size: contain;}
.mine_course li .mine_icon2{background: url(../images/mine_icon2.png) no-repeat;background-size: contain;}
.mine_course li .mine_icon3{background: url(../images/mine_icon3.png) no-repeat;background-size: contain;}
.mine_course li .mine_icon4{background: url(../images/mine_icon4.png) no-repeat;background-size: contain;}
.mine_course li .mine_icon5{background: url(../images/mine_icon5.png) no-repeat;background-size: contain;}
.mine_course li .mine_icon16{background: url(../images/mine_icon16.png) no-repeat;background-size: contain;}


.mine_course li b{display: block;width:14px;height:18px;background: url(../images/mine_icon6_10.png) no-repeat;background-size: contain;position:absolute;right:8px;top:13px;}




/*--------------------
 * 教材详细页
 --------------------*/





.synopsis{padding:15px;background: #ffffff;left:0px;right:0px;top:44px;min-height: 120px;}

.synopsis i{width:100px;height: auto;display: block;position: absolute;lefT:15px;}

.synopsis i img{width:100%;height:auto;}

.synopsis_inner{margin-left:120px; }

.synopsis_inner h6{font-size: 16px;color:#c95250;line-height: 28px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.synopsis_inner span{display: block;font-size: 12px;color:#666666;line-height: 22px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.activate{height:44px;position: fixed;left:0px;right:0px;bottom:0px;}


.activate_inner1,.activate_inner2{display: none;}

.activate_inner1{margin-left: 100px;}

.activate_inner1 span{line-height: 44px;font-size: 16px;color:#ffae00;display: block;position: absolute;left: 2%;}

.activate_inner1 span b{line-height: 44px;font-size: 22px;color:#ffae00;}

.activate_inner1 ul{width:100%;height:44px;}

.activate_inner1 ul li{float:right;widtH:33%;}

.activate_inner1 ul li a{display: block;line-height: 44px;text-align: center;background: #d9605e;font-size: 14px;color:#ffffff;font-weight: normal;}


.activate_inner2 ul{width:100%;height:44px;}

.activate_inner2 ul li{float:left;widtH:50%;}

.activate_inner2 ul li a{display: block;line-height: 44px;text-align: center;background: #d9605e;font-size: 14px;color:#ffffff;font-weight: normal;}

.option{position: fixed;lefT:0px;right:0px;z-index: 9999;background: #ffffff;}

.option .ghostTab-tab{width:16.66%;}

.option .ghostTab-tab a{font-size: 17px;}

.answer{width:80px;height:80px;display: block;position: fixed;right:15px;bottom:150px;background: url(../images/answer_icon_07.png) no-repeat;background-size: contain;z-index: 999;}


.abstract{padding:0 15px;}

.abstract h4{height:30px;line-height: 30px;position: relative;font-size: 14px;color:#333333;padding-lefT:24px;}

.abstract h4 i{widtH:16px;height:16px;display: block;position: absolute;left:0px;top:7px;}

.tract_icon1{background: url(../images/option_icon1_03.png) no-repeat;background-size: contain;}

.tract_icon2{background: url(../images/option_icon2_06.png) no-repeat;background-size: contain;}

.tract_text{padding:10px 0;font-size: 14px;color:#666666;line-height: 24px;display: block;}

.abstract ul{padding:10px 0;}

.abstract ul li{height:40px;line-height: 40px;position: relative;padding:0 60px 0 22px;}

.abstract ul li i{display: block;widtH:14px;height:14px;position: absolute;left:0px;top:13px;}

.abstract ul li .icon1{background: url(../images/option_icon3_09.png) no-repeat;background-size: contain;}
.abstract ul li .icon2{background: url(../images/option_icon4_09.png) no-repeat;background-size: contain;}
.abstract ul li .icon3{background: url(../images/option_icon5_09.png) no-repeat;background-size: contain;}
.abstract ul li .icon4{background: url(../images/option_icon6_09.png) no-repeat;background-size: contain;}
.abstract ul li .icon5{background: url(../images/option_icon7_09.png) no-repeat;background-size: contain;}

.tab-icon1{background: url(../images/option_icon3_09.png) no-repeat;background-size: contain;}
.tab-icon2{background: url(../images/option_icon4_09.png) no-repeat;background-size: contain;}
.tab-icon3{background: url(../images/option_icon5_09.png) no-repeat;background-size: contain;}
.tab-icon4{background: url(../images/option_icon6_09.png) no-repeat;background-size: contain;}
.tab-icon5{background: url(../images/option_icon7_09.png) no-repeat;background-size: contain;}







.abstract ul li span{display: block;line-height: 40px;font-size: 14px;color:#666666;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;cursor: pointer;}

.abstract ul li a{display: block;padding:0 15px;height:24px;line-height: 24px;text-align: center;position: absolute;right:0px;top:7px;color:#d9605e;border: 1px #d9605e solid;border-radius: 3px;}


.abstract ul li a:hover{background: #d9605e;color:#ffffff;}





/*--------------------
 * 课程详细页
 --------------------*/



.psis_course{padding:15px;background: #ffffff;position: fixed;left:0px;right:0px;top:44px;min-height: 124px;}

.psis_course i{width:165px;height: auto;display: block;position: absolute;lefT:15px;top:15px;border-radius: 3px;}

.psis_course i img{width:100%;height:auto;border-radius: 3px;}

.psis_course_inner{margin-left:180px; }

.psis_course_inner h6{font-size: 16px;color:#c95250;line-height: 28px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.psis_course_inner span{display: block;font-size: 12px;color:#666666;line-height: 24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* 弹出 */

.elastic{position: fixed;left:0px;top:0px;right:0px;bottom:0px;background: url(../images/news_bg1_03.png);z-index: 9999999;}

.frame_inner{position: absolute;left:15px;top:25%;background: #ffffff;border-radius: 5px;overflow: hidden;right:15px;padding-bottom:60px;}


.frame_inner h4{height:50px;line-height:50px;text-align: center;font-size: 20px;color:#d9605e;font-weight: normal;position: relative;border-top-left-radius:5px; border-top-right-radius:5px;border-bottom: 1px #dddddd dashed;margin:0 20px;}

.frame_inner h4 a{display: block;width:16px;height:16px;background: url(../images/shut.png) no-repeat;position: absolute;right:0px;top:16px;}

.type{padding:20px;text-align: center;font-size: 14px;color:#666666;}

.code{height:42px;border: 1px #dddddd solid;border-radius: 5px;background: #ffffff;margin:0 20px;padding:0 10px;}

.code input{border: 0px;line-height: 42px;color:#999999;font-size: 12px;}

.mine{height:44px;position: absolute;lefT:0px;right:0px;bottom:0px;border-bottom-left-radius:5px; border-top-right-radius:5px;}

.mine li{widtH:50%;float:left;}

.mine li a{display: block;text-align: center;line-height: 44px;font-size: 14px;color:#666666;}




/*--------------------
 * 我的课程
 --------------------*/


.my_course{padding:0 15px;}

.my_course li{padding:15px 0;min-height: 120px;position: relative;border-bottom: 1px #eeeeee solid;}

.my_course li i{display: block;width:100px;height:118px;border-radius: 3px;position: absolute;lefT:0px;top:15px;}

.my_course li i img{width:100%;height:auto;border-radius: 3px;}

.my_course_inner{margin-left: 120px;}

.my_course_inner h6{font-size: 16px;color:#333333;line-height: 28px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.my_course_inner p{margin:5px 0;}

.my_course_inner p b{display: inline-block;padding:0 5px;font-size: 12px;color:#d9605e;background: #ffffff;border: 1px #d9605e solid;border-radius: 3px;line-height: 18px;height:18px;margin-right: 5px;}

.my_course_inner span{display: block;font-size: 12px;color:#666666;line-height: 24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.study_my{display: block;padding:0 10px;height:24px;line-height: 24px;text-align: center;font-size: 12px;color:#d9605e;position: absolute;right:0px;bottom:15px;border: 1px #d9605e solid;border-radius: 3px;}

.study_my:hover{background: #d9605e;color:#ffffff;}



/*--------------------
 * 激活记录
 --------------------*/


.number_act li{background: #ffffff;padding:0 10px 10px;margin-bottom: 10px;}

.number_act li p{height:44px;line-height: 44px;border-bottom: 1px #eeeeee solid;padding-lefT:30px;position: relative;color:#d9605e;font-size: 14px;margin-bottom: 5px;}

.number_act li p i{widtH:16px;height:16px;display: block;position: absolute;lefT:6px;top:14px;background: url(../images/tion_icon1_03.png) no-repeat;background-size: contain;}

.number_act li span{display: block;font-size: 14px;color:#333333;line-height: 30px;padding-left:8px;}

.number_act li span b{font-size: 14px;color:#666666;font-weight: normal;}


/*--------------------
 * 绑定手机
 --------------------*/

.binding{padding:15px;}

.binding b{font-size: 16px;color:#d9605e;height:40px;line-height: 40px;display: block;font-weight: normal;margin-bottom: 5px;}

.binding_inner{height:44px;background: #ffffff;border-radius: 3px;margin-bottom: 15px;padding:0 12px;position: relative;}

.binding_inner span{height:44px;padding-right:90px;}

.binding_inner input{height:44px;line-height: 44px;border: 0px;font-size: 14px;color:#cccccc;width:100%;}

.binding_inner a{display: block;height:26px;line-height: 26px;text-align: center;padding:0 10px;border: 1px #d9605e solid;position: absolute;right:10px;top:8px;font-size: 12px;color:#d9605e;border-radius: 3px;}

.confirm{height:44px;line-height: 44px;text-align: center;font-size: 16px;color:#ffffff;background: #d9605e;border-radius: 50px;display: block;margin-top: 30px;}



/*--------------------
 * 我的账号-弹出
 --------------------*/


.eject{position: fixed;lefT:0px;right:0px;top:0px;bottom:0px;background: url("../images/news_bg1_03.png");z-index: 999999;display: none;}

.upload{position: absolute;left:15px;right:15px;bottom:94px;}

.upload li{height:44px;margin-top: 10px;border-radius: 100px;position: relative;}

.upload li a{display: block;height:44px;line-height: 44px;text-align: center;font-size: 14px;color:#333333;padding-left: 28px;}

.upload li i{display: block;widtH:18px;height:18px;position: absolute;left:50%;margin-left: -38px;top:13px;}

.upload li .icon1{background: url("../images/pooto_icon1.png");background-position:0 0;background-repeat:no-repeat; background-size:contain;}

.upload li .icon2{background: url("../images/pooto_icon2.png");background-position:0 0;background-repeat:no-repeat; background-size:contain;}

.cancel{position: absolute;left:15px;right:15px;bottom:30px;height:44px;border-radius: 100px;}

.cancel a{display: block;height:44px;line-height: 44px;text-align: center;font-size: 16px;color:#e90000;}



/*--------------------
 * 我的账号-修改昵称
 --------------------*/

.define{position: absolute;right:0px;top:0;line-height: 44px;font-size: 14px;color:#ffffff;padding:0 15px;}

.nickname{height:44px;padding:0 15px;}

.nickname input{width:100%;height:44px;line-height: 44px;font-size: 14px;color:#afafaf;}

.tips{font-size: 12px;color:#999999;line-height: 40px;padding:0 15px;}






/*--------------------
 * 登录
 --------------------*/

/* 登录 */


.login{widtH:100%;height:auto;position: relative;padding-top: 30px;}

.logo{width:72px;height:72px;margin:10px auto;display: block;border-radius: 50%;border: 1px #dddddd solid;padding:10px;}

.logo img{width:100%;height:auto;border-radius: 50%;}

.login h4{text-align: center;padding:0 30px;font-size: 24px;color:#333333;line-height: 40px;font-weight: 500;margin-bottom: 30px;}


/* 表单 */

.mbile li{height:44px;border: 1px #dddddd solid;position: relative;border-radius: 5px;margin-bottom: 15px;}

.mbile li i{widtH:44px;height:44px;display: inline-block;position: absolute;left:0px;top:0px;}

.mbile li span{padding-lefT:44px;display: block;font-weight: normal;}

.mbile li span input{height:44px;line-height: 44px;font-size: 14px;color:#999999;widtH:100%;background: none;}

.mbile li span select{height:44px;line-height: 44px;font-size: 14px;color:#999999;widtH:100%;}

.mbile li .obtain{padding:0 10px;height:34px;display: block;text-align: center;position: absolute;right:10px;top:4px;line-height: 36px;color:#666666;font-size: 14px;}

.mbile_icon1{background: url(../images/user.png);background-position:0 0; background-repeat:no-repeat; background-size:contain;}
.mbile_icon2{background: url(../images/password.png);background-position:0 0; background-repeat:no-repeat; background-size:contain;}
.mbile_icon3{background: url(../images/password_inner.png);background-position:0 0; background-repeat:no-repeat; background-size:contain;}
.mbile_icon4{background: url(../images/testing.png);background-position:0 0; background-repeat:no-repeat; background-size:contain;}
.mbile_icon5{background: url(../images/iphone.png);background-position:0 0; background-repeat:no-repeat; background-size:contain;}



.login_button{height:40px;line-height: 40px;text-align: center;display: block;background:#d9605e;color:#ffffff;font-size: 14px;border-radius: 5px;border: 1px #d9605e solid;margin-bottom: 15px;}

.register{height:40px;line-height: 40px;text-align: center;display: block;color:#d9605e;font-size: 14px;border-radius: 5px;border: 1px #d9605e solid;}

.register:hover{background: #d9605e;color:#ffffff;}

.login_inner{padding:0 30px;}

.login .ghostTab-body{padding: 30px;}


.wechat{position: absolute;left:30px; right:30px;bottom:15px;text-align: center;border-top:2px #dddddd solid;}

.wechat span{background: #ffffff;padding:0 15px;display: inline-block;line-height: 40px;height:40px;position: absolute;left:50%;top:-22px;margin-left: -64px;z-index: 9999;}

.wechat a{display: block;widtH:30px;height:30px;background: url("../images/wechat.png") no-repeat;border-radius: 50%;background-size: contain;margin:30px auto 0;}

.tip{font-size:12px;color:#ff0000;display: block;line-height: 24px;}

.login .ghostTab-tab { float:left; width:50%; height:40px; text-align:center;}
.login .ghostTab-tab a { display:block; line-height:40px; font-size:16px; color:#888; text-decoration:none;}

.login .ghostTab-tab .ghostTab-cur { border-bottom:2px #d9605e solid; color:#d9605e;}


/* 注册 */

.post{padding:0 30px;}




/* AR资源 */

.search_ar{lefT:0px; top:44px;right:0px;z-index: 999999;}

.search_ar p{position: relative;margin:10px 15px;border: 1px #dddddd solid;border-radius: 5px;padding:0 10px;}

.search_ar p span{height:36px;widtH:100%;;display: block;}

.search_ar p span input{widtH:100%;line-height: 36px;height:36px;border: 0px;font-size: 14px;color:#999999;background: none;}

.search_ar p a{display: block;widtH:16px;height:16px;position: absolute;right:14px;top:10px;background: url(../images/search_icon_09.png) no-repeat 0 0;background-size: contain;}


.search_ar_inner{padding:15px;}


.search_ar_inner ul{padding:5px 0;}

.search_ar_inner ul li{height:40px;line-height: 40px;position: relative;padding:0 15px 0 22px;border-bottom: 1px #eeeeee solid;cursor: pointer;}

.search_ar_inner ul li i{display: block;widtH:14px;height:14px;position: absolute;left:0px;top:13px;background: url(../images/option_icon4_09.png) no-repeat;background-size: contain;}

.search_ar_inner ul li span{line-height: 40px; font-size: 14px;color:#666666;display: block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}







@media (max-width:320px) {

.mend{display: block;position: relative;border-radius: 5px;border: 1px #dddddd solid;padding:10px 16px;}



/*--------------------
 * 登录
 --------------------*/

/* 登录 */


.login{widtH:100%;height:auto;position: relative;padding-top: 10px;}

.logo{width:36px;height:36px;margin:10px auto;display: block;padding:5px;}

.login h4{text-align: center;padding:0 30px;font-size: 20px;color:#333333;line-height: 40px;font-weight: 500;margin-bottom: 0px;}



/* 表单 */

.mbile li{height:34px;border: 1px #dddddd solid;position: relative;border-radius: 5px;margin-bottom: 15px;}

.mbile li i{widtH:34px;height:34px;display: inline-block;position: absolute;left:0px;top:0px;}

.mbile li span{padding-lefT:36px;display: block;font-weight: normal;}

.mbile li span input{height:34px;line-height: 34px;font-size: 12px;color:#999999;widtH:100%;background: none;}

.mbile li span select{height:34px;line-height: 34px;font-size: 12px;color:#999999;widtH:100%;}

.mbile li .obtain{padding:0 5px;height:30px;display: block;text-align: center;position: absolute;right:10px;top:2px;line-height: 30px;color:#666666;font-size: 12px;}


.login_button{height:32px;line-height: 32px;text-align: center;display: block;background:#d9605e;color:#ffffff;font-size: 14px;border-radius: 5px;border: 1px #d9605e solid;}

.register{height:32px;line-height: 32px;text-align: center;display: block;color:#d9605e;font-size: 14px;border-radius: 5px;border: 1px #d9605e solid;}

.register:hover{background: #d9605e;color:#ffffff;}

.login_inner{padding:0 30px;}

.login .ghostTab-body{padding:15px 30px 0;}

.login .ghostTab-tab { float:left; width:50%; height:30px; text-align:center;}
.login .ghostTab-tab a { display:block; line-height:30px; font-size:16px; color:#888; text-decoration:none;}

.login .ghostTab-tab .ghostTab-cur { border-bottom:2px #d9605e solid; color:#d9605e;}


.wechat{position: absolute;left:30px; right:30px;bottom:15px;text-align: center;border-top:2px #dddddd solid;}

.wechat span{background: #ffffff;padding:0 15px;display: inline-block;line-height: 20px;height:20px;position: absolute;left:50%;top:-11px;margin-left: -64px;z-index: 9999;}

.wechat a{display: block;widtH:30px;height:30px;background: url("../images/wechat.png") no-repeat;border-radius: 50%;background-size: contain;margin:15px auto 0;}



.option .ghostTab-tab a{font-size: 12px;}






.my_course li{padding:15px 0;min-height: 140px;position: relative;border-bottom: 1px #eeeeee solid;}





}

/* 开通会员 RadioBox */
.RadioBox { padding: 0 30px; position: relative;}
.RadioBox label { display: block; border: 1px solid #d0cfcf; height: 60px; line-height: 60px; padding: 0 25px; margin: 35px 0;font-size: 20px; background: #fff; position: relative; color: #111;}
.RadioBox label input{ position: absolute; left: 0; top: 0; z-index: -1; }
.RadioBox .CardPrice { float: right; width: 7em;text-align: right;}
.RadioBox .CardPrice::before { content: "￥"; font-size: 16px; font-weight: bold; padding: 0 5px 0 0;}
.RadioBox label.active { border: 1px solid #f7d732; background: #fffbe6 url(../images/raidio_right.png) no-repeat right bottom; background-size:24px;}


/* 资源购买状态弹窗 HideBuyBox */
.HideBuyBox { position:fixed; top:0px; bottom:0px; width:100%;right:0px;left:0px;background: url("../images/news_bg1_03.png"); z-index: 99999;}
.BuySelect { width: 60%; background: #fff; padding:5% 7%; position: absolute; top: 50%; left: 50%; margin-left: -37%; z-index: 999999;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.BuySelect label { position: relative; display: block; background: url(../images/buytype.png) no-repeat left center; background-size: 16px; height: 40px; line-height: 40px; padding: 0 0 0 30px; font-size: 16px; color: #111; }
.BuySelect label input { position: absolute; right: 0; height: 40px; opacity: 0; }
.BuySelect label span { display: block;}
.BuySelect label span::after { content: ''; position: absolute; right: 0; top: 0; width: 20px; height: 40px; background: url(../images/raidio_bg1.png) no-repeat center center; background-size: 16px; }
.BuySelect label input[type="radio"]:checked + span::after { background: url(../images/raidio_bg2.png) no-repeat center center; background-size: 16px;}
.BuyTotal { height: 36px; line-height: 36px; position: relative; margin: 10px 0 0 0;}
.BuyTotal span { font-size: 16px; color: #111;}
.BuyTotal span i { padding: 0 0 0 5px; font-size: 20px; color: #f46e6e; font-style: normal; font-weight: bold;}
.BuyTotal span i::before { content: '￥';}
.BuyTotal .BuyButton { position: absolute; top: 0; bottom: 0; right: 0; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 16px;
 border-radius: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 -ms-border-radius: 30px;
 -o-border-radius: 30px;
}

/* 支付成功 successBox */
.successBox { width: 100%; height: auto; background: url(../images/successbg.png) no-repeat center top/contain;}
.success-status h2 { font-size: 34px; font-weight: bold; color: #fff; text-align: center; padding: 12% 0;}
.success-status img { display: block; width: 20%; margin: 0 auto;}
.success-txt { width: 80%; margin: 5% auto;}
.success-txt li { border-bottom: 1px solid #eee; height: 40px; line-height: 40px; color: #888; }
.success-txt li span { float: right; color: #333;}
.success-button { width: 80%; margin: 10% auto 0 auto;}
.success-button li { float: left; width: 45%; height: 40px; line-height: 40px; text-align: center;}
.success-button li a { display: block; color: #333; font-size: 16px;border: 1px solid #eee; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  }
.success-button li.success-button-bg { margin: 0 0 0 10%;}
.success-button li.success-button-bg a { background: #fb5959; color: #fff;}


/* 支付选择 PayWay */
.PayWay .PayMoney { text-align: center; font-size: 34px; color: #000; font-weight: bold; margin: 15% 0 10% 0;}
.PayWay .PayMoney::before { content: "￥"; font-size: 20px; padding: 0 5px 0 0;}
.PayWay label { font-size: 12px; display: block; width: 80%; margin: 0 auto; height: 60px; line-height: 60px; padding: 3% 0 0 0; border-bottom: 1px solid #f4f4f4; background: url(../images/raidio_bg1.png) no-repeat right center/24px;}
.PayWay label input { position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; }
.PayWay label.active { background: url(../images/raidio_bg2.png) no-repeat right center/24px;}
.PayWay label span.PayWayName { vertical-align: middle; font-size: 18px; color: #111; padding: 0 0 0 5%;}
.PayWay label i img { width: 22px; vertical-align: middle;}
.PayWay .PayWayButton { margin-top: 15%; left: 10%; bottom: 20%; width: 50%; height: 40px; line-height: 40px; background: #fb5959; color: #fff; font-size: 16px; /*border-radius: 5px ; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;*/ }