#mainWrapper{background: #f6f6f6!important;padding-top: 5px;width: 100%;margin: 0 auto;overflow: hidden;}
.bannerBox{height: 120px;width: 1200px;margin: 0 auto;margin-top: 61px;}
.pageWidth{width:1200px;margin: 0 auto;position:relative;}
a{font-size: 16px;text-decoration: none;border: 0;background-color: transparent;outline: none;color: #333;font-family: "微软雅黑";}
/*面包屑导航*/
.gkdq_dh{height: 60px;width: 1200px;margin:0px auto 10px auto;line-height: 60px;}
.gkdq_dh span,.gkdq_dh a{font-size: 14px;color:#999999}
.gkdq_dh a:hover{color: #1167d4}
.gkdq_dh a.active{color: #1167d4}
.gkdq_dh a.changeExam{width:110px;height:26px;line-height:26px;color:#fff;background:#1167d4;display:inline-block;text-align:center;margin-left:15px;border-radius:13px;}
.buyType,.buyConLeft{-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.buyType{background: #fff;}
.buySubject{padding:15px 20px 0px;border-bottom: 1px solid #f2f2f2;}
.buySubject span{float: left;font-size: 18px;display: block;margin-top:5px;}
.buySubject div{overflow: hidden;}
.buySubject a{font-size: 14px;display: inline-block;padding:8px 15px;margin:0 0 15px 10px;}
.buySubject a.cur,.buySubject a:hover{background: #badbff;color: #1167d4;border-radius: 5px;}
.buySubject a.active,.buySubject a:hover{background: #badbff;color: #1167d4;border-radius: 5px;}
/*科目列表*/.gk_kmlb{width: 1200px;margin:15px auto;overflow: hidden;background: #fff;}
.kmlb_tt{border-bottom:3px solid #1167d4;height:34px;position: relative;margin-top:30px;}
.kmlb_tt ul li{float: left;}
.kmlb_tt ul li a{color:#666666;font-size: 14px;display: inline-block;padding:0 20px;}
.kmlb_tt ul li:hover a,.kmlb_tt ul li.active a{color:#1167d4;}
.kmlb_rt{position: absolute;right:0;}
.kmlb_rt a{font-size: 14px;color:#666;display: inline-block;line-height: 22px;padding:0 5px;border-radius: 4px;margin:0 5px;}
.kmlb_rt a.active,.kmlb_rt a:hover{color:#fff;background: #1167d4;}
.kmlb_con{clear: both;padding: 10px 0 0;width: 1200px;overflow: hidden;}
.zbkmlb_item{width:272px;height:300px;border:1px solid #eee;margin:10px 0px 10px 21px;float: left;-moz-box-shadow:0px 0px 20px #d1d1d1;-webkit-box-shadow:0px 0px 20px #d1d1d1;box-shadow:0px 0px 20px #d1d1d1;}
.zbkmlb_item:nth-child(4n+4){margin-right: 0;}
.zbkmlb_item.live{height:330px;}
.zbkmlb_item:hover{-moz-box-shadow:0px 0px 50px #c0c0c0;-webkit-box-shadow:0px 0px 50px #c0c0c0;box-shadow:0px 0px 50px #c0c0c0;}
.zbkmlb_img{width: 272px;height: 156px;position: relative;}
.zbkmtm_info .km_p{font-size: 14px;color:#222222;line-height: 22px;height: 44px;overflow: hidden;margin:12px 10px;text-align:justify;text-justify:inter-ideograph;}
.zbkmtm_info .km_p a{font-size: 14px;color:#222222;}
.km_jp{font-size: 12px;background: #1167d4;display: inline-block;color:#fff;line-height: 20px;padding:0 6px;border-radius: 2px;margin-right:5px;}
.zbmb_bm{border-top:1px solid #eeeeee;padding:5px 10px;}
.zbmb_p{height: 25px;margin:5px 0 10px;overflow: hidden;position:relative;}
.km_fr{color:#1167d4;font-size: 18px;}
.zbmb_p .km_xx{color:#aaaaaa;font-size: 14px;line-height: 20px;float: left;}
.zbmb_p .km_ty{color:#aaaaaa;font-size: 14px;float: right;}
.zbmb_p .km_yy{position: absolute;right:0;top:3px;color:#eb6100;font-size: 14px;background: url("../img/gk_yy2.png") no-repeat left center;padding-left: 20px;}
.zbmb_p .km_yy a{color:#eb6100;}
.zbmb_p .km_yy1{position: absolute;right:0;top:3px;color:#999999;font-size: 14px;background: url("../img/gk_yy1.png") no-repeat left center;padding-left: 20px;}
.zbmb_p .km_yy1 a{color:#999999;}
.zbmb_con{line-height: 34px;height:34px;padding:0 10px 5px;margin:-10px 0 0;}
.zbmb_con span{color:#1167d4;font-size:14px;}
.zbmb_con span.zm_zbing{color:#1167d4;}
.zbmb_con span.zm_zwhf{color:#999999;}
.zbmb_con span.zm_jjzb{color:#1167d4;}
.zbmb_con span.zm_play{color:#2093ec;}
.km_free{font-size: 12px;background: #1167d4;display: inline-block;color:#fff;line-height: 20px;padding:0 6px;border-radius: 2px;margin-right:5px;}
/*分页*/.lmj-page-main{width: 100%;float: left;padding: 30px 0 20px;text-align: center;font: normal 14px/24px Arial, Helvetica, sans-serif}
.lmj-page-main a{padding: 5px 10px;margin-right: 8px;border: 1px solid #e5e5e5;border-radius: 3px;cursor: pointer;color: #666;clear: both;}
.lmj-page-main a:hover, .lmj-page-main a.lmj-page-on{background-color: #386cce;border-color: transparent;color: #fff;border-radius: 3px}
.lmj-page-main a.on{background-color: #386cce;border-color: transparent;color: #fff;border-radius: 3px}
.lmj-page-main a.lmj-page-on{cursor: default}
.lmj-page-main b{margin-right: 8px;}
.gk_kcmljs{width:1200px;margin:20px auto 0;}
.gkkp_lf{width:882px;float: left;}
.gkkp_rt{width:300px;float: right;}
/*课程简介*/
.gk_kcjj{width:1200px;margin:0 auto;overflow: hidden;padding-bottom: 20px;}
.kcjj_lf{width:560px;height:322px;float: left;}
.kcjj_rt{width:620px;float: right;}
.kcjt_tt{overflow: hidden;font-size: 29px;color: #333;font-weight: bold;border-left: 5px solid #ea2c18;padding-left: 15px;line-height: 36px;}
.kcjt_pp{color:#999999;font-size: 14px;line-height: 22px;overflow: hidden;text-indent: 2em;min-height: 46px;width: 100%;}
.kcjt_tags{color:#999999;font-size: 14px;line-height: 22px;overflow: hidden;padding: 10px 0;}
.kcjt_tags span{padding: 5px 10px;border-radius: 5px;color: #fbfbfb;background: #7da5fd;}
.kcjt_type{line-height: 35px;}
.kcjt_type span{color:#666666;font-size: 14px;margin-right:20px;padding-left:20px;}
.kcjt_type span.kj_rs{background: url("../img/gk_xq3.png") no-repeat left center;}
.kcjt_type span.kj_ks{background: url("../img/gk_xq1.png") no-repeat left center;padding-left:18px;}
.kcjt_type span.kj_fb{background: url("../img/gk_xq2.png") no-repeat left center;padding-left:16px;margin-right:0;}
.kcjt_zb{line-height: 42px;height:42px;background: #eeeeee;margin-top: 10px;overflow: hidden;}
.kcjt_zb li{padding:0 10px 0 15px;height:42px;}
.kcjt_zb li span{color: #1167d4;font-size: 16px;display: inline-block;width: 230px;line-height: 42px;height: 42px;overflow: hidden;float: left;font-weight: bold;}
.kcjt_zb li p{color:#444444;font-size: 14px;font-weight: bold;float: left;width:340px;line-height: 42px;height: 42px;overflow: hidden;}
.kcjt_pri{line-height: 60px;margin: 14px 0;background: #f9f9f9;width: 100%;overflow: hidden;}
.kcjt_pri span{color: #eb3434;font-size: 30px;}
.kcjt_pri span.par_pall{font-size: 20px;}
.kcjt_bm{overflow: hidden;padding-top: 10px;}
.kcjt_bm .kj_ljxx,.kcjt_bm .kj_qtkc{margin-right: 10px;width:180px;text-align: center;height:45px;line-height: 45px;display: inline-block;font-size: 16px;color:#fff;border-radius: 5px;float: left;background: linear-gradient(-90deg,#2874e0,#004bb3);box-shadow: 0 4px 10px 0 rgba(14, 80, 158, 0.3);}
.kcjt_bm .kj_jrgwc{background: linear-gradient(-90deg,#e0b16c,#dc9d31);box-shadow: 0 4px 10px 0 rgba(165,122,47,.3);}
.kcjt_bm .active{background: #32b16c;}
.kcjt_bm .kj_kcxj{width:180px;text-align: center;height:45px;line-height: 45px;display: inline-block;background: #ccc;margin-right:20px;font-size: 16px;color:#fff;border-radius: 5px;float: left;}
.kcjt_bm .kj_fx{font-size: 14px;color:#7e7e7e;margin-left:10px;float: left;line-height: 45px;}
.kcjt_bm .bdsharebuttonbox{padding-top: 5px;float: left;}
.gk_kcmljs{margin:20px auto 10px;width:1200px;overflow: hidden;background: #fff;}
.gk_mljs{border:none;}
.mljs_tt{border-bottom: 1px solid #eeeeee;line-height: 50px;height: 50px;padding:0 15px;}
.mljs_tt ul li{float: left;padding:0 25px;margin-right:10px;line-height: 49px;cursor: pointer;}
.mljs_tt ul li a{color:#999999;font-size: 16px;}
.mljs_tt ul li b{background: #f25130;
    background-image: linear-gradient(90deg,#fb6d50,#f25130);display: inline-block;
    padding: 1px 5px;
    border-radius: 20px;
    color: #fff;
    font: normal 12px/14px "arial";
    margin-left: 6px;}
.mljs_tt ul li.active,.mljs_tt ul li:hover{border-bottom:3px solid #1167d4;}
.mljs_tt ul li.active a,.mljs_tt ul li:hover a{color:#000;}
.mljs_item{display: none;}
.mljs_item.block{display: block;}
.ms_kcjs{padding:20px 30px;text-align: center;}
.ms_kcjs img{max-width: 100% !important;}
.ms_kcjs p{padding: 0px;margin: 0px;display: grid;}
/*课程目录*/
.ms_kcml{padding:10px 10px 0 10px;}
.ms_kcml ul li{border-bottom:1px solid #eeeeee;margin-bottom: 10px;}
.kcml_tt{line-height: 50px;cursor: pointer;}

.kcml_tt .kmt_num,.kcml_tt .kmt_do,.kcml_tt .kmt_go,.kcml_tt .kmt_free{text-align: center;border-radius: 30px;width: 80px;color: #999999;font-size: 12px;line-height: 32px;background: #eeeeee;display: inline-block;padding:0 10px;float: left;margin:9px 10px;}

.kcml_tt p{padding-left: 20px;line-height: 50px;color:#585858;font-size: 14px;float: left;height:50px;width:560px;overflow: hidden;}
.kcml_tt .kmt_fg{color:#bbbbbb;font-size: 12px;padding-right:15px;margin-left:15px;}
.km_open .kcml_tt{background: #eeeeee;overflow: hidden;position: relative;}
.km_open .kcml_tt .kmt_num{color: #1167d4;
    background: #fef9f8;
    border: 1px solid #80b3f4;
    transition: .4s;
    margin-right: 10px;}
.km_open .kcml_tt .kmt_free{color: #fff;background: #39b378;border-radius: 3px;}
.km_open .kcml_tt .kmt_do{background-color: #ff5c00;color:#ffffff;
    background-image: linear-gradient(90deg,#ff5c00,#ffa92c);
    box-shadow: 0 3px 8px rgba(255,133,67,.57);}
.km_open .kcml_tt .kmt_go{color: #585858;background-color: #bfbfbf;background-image: linear-gradient(90deg,#cccccc,#d3d3d3);}
.km_open .kcml_tt .kmt_fg{float: left;width: 67px;text-align: left;}
.course_jie_btn{position: absolute;top: 50%;right:0;width: 120px;height: 46px;margin-top: -23px;overflow: hidden;}
.course_jie_btn .jie_btn {
    position: absolute;
    top: 52px;
    left: 42%;
    width: 100px;
    height: 32px;
    margin-left: -41px;
    line-height: 32px;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 10px #eaeaea;
    font-size: 14px;
    transition: .4s;
    background: #e13b29;
    background: linear-gradient(to right,#f45930,#e13b29);
    color: #fff;
    font-style: normal;
}
.course_jie_btn:hover .kmt_go{display: none;}
.course_jie_btn:hover .jie_btn{top: 9px;}

.ms_kcml dl{padding:10px 0 10px 70px;}
.ms_kcml dl dd{border-top:1px dashed #d2d2d2;line-height: 48px;height:48px;}
.ms_kcml dl dd:first-child{border-top:none;}
.ms_kcml dl dd .kmd_tt{color:#333;font-size: 14px;background: url("/../img/gk_xq6.png") no-repeat 10px 14px;padding-left: 30px;line-height: 48px;height: 48px;width:480px;overflow: hidden;float: left;margin-right: 10px;}
.ms_kcml dl dd .kmd_khf{line-height: 20px;display: inline-block;font-size: 12px;color:#fff;background: #e5e5e5;padding:0 5px;border-radius: 2px;margin:14px 0;float: left;}
.ms_kcml dl dd .kmd_zb{line-height: 20px;display: inline-block;font-size: 12px;color:#fff;background: #ef8133;padding:0 5px;border-radius: 2px;margin:14px 0;float: left;}
.ms_kcml dl dd .kmd_wks{line-height: 20px;display: inline-block;font-size: 12px;color:#fff;background: #5bc189;padding:0 5px;border-radius: 2px;margin:14px 0;float: left;}
.ms_kcml dl dd .kmd_yjs{line-height: 20px;display: inline-block;font-size: 12px;color:#fff;background: #e5e5e5;padding:0 5px;border-radius: 2px;margin:14px 0;float: left;}
.ms_kcml dl dd .kmd_zbfg{width:17px;height:14px;display: inline-block;background: url("../img/gk_xq7.gif") no-repeat center center;margin:17px 0 17px 10px;float: left;}
.ms_kcml dl dd .kmd_sjtip{margin-left: 10px;font-size: 12px;color:#5bc189;float: left;}
.ms_kcml dl dd .kmd_fbtip{margin-left: 10px;font-size: 12px;color:#aaaaaa;float: left;}
.ms_kcml dl dd .kmd_gk{float: right;width:68px;height:28px;line-height: 28px;text-align: center;border:1px solid #5bc189;color:#5bc189;font-size: 12px;border-radius: 2px;margin:9px 10px 9px 0;}
.ms_kcml dl dd .kmd_gk:hover{background: #5bc189;border:1px solid #5bc189;color:#fff;}
.kmd_khf1{color:#333;}
.kmd_zb1{color:#ef8133;}
.kmd_wks1{color:#5bc189;}
.kmd_yjs1{color:#333;}
.kmd_kst{color:#5bc189;border:1px solid #5bc189;border-radius: 2px;padding:1px 3px;margin-left: 5px;}
.gkcl_rmkc{border:1px solid #e4e4e4;margin-bottom: 20px;padding:0 0 10px;}
.rmkc_tt{padding:10px 10px 5px;line-height: 30px;}
.rmkc_tt span{color:#333333;font-size: 16px;background: url("../img/gk_ttbg.png") no-repeat left center;padding-left: 10px;}
.xlph_item{margin:0 8px;height:35px;overflow: hidden;}
.xlph_item.showAll{height:auto;}
.xlph_item p{line-height: 35px;}
.xlph_item p.xlph_tt{height:35px;overflow: hidden;}
.xlph_item p.xlph_tt span{display: inline-block;background: url("../img/l_bg5.png") no-repeat center center;font-size:13px;color:#fff;padding:0 6px;margin-right:5px;}
.xlph_item p.xlph_tt span.first{background: url("../img/l_bg1.png") no-repeat center center;}
.xlph_item p.xlph_tt span.second{background: url("../img/l_bg2.png") no-repeat center center;}
.xlph_item p.xlph_tt span.third{background: url("../img/l_bg3.png") no-repeat center center;}
.xlph_item p.xlph_tt a{font-size: 14px;color:#363636;}
.xlph_item.showAll p.xlph_tt a{font-weight: bold;}
.xlph_item p.xlph_tt a:hover{color:#1167d4;}
.xlph_item p.xlph_cz{height:35px;}
.xlph_item p.xlph_cz .xlph_pri{color:#1167d4;font-size: 14px;font-weight: bold;line-height: 32px;padding-left:15px;float: left;}
.xlph_item p.xlph_cz .xlph_gm{display: inline-block;float: right;width:70px;height:26px;line-height: 26px;text-align:center;background: #1167d4;color:#fff;font-size:14px;cursor: pointer;border-radius: 2px;}
.gk_rmkc{border:1px solid #e4e4e4;margin-bottom: 20px;}
.rmkc_con{padding:0 0 5px;}
.rmkc_item{padding:10px 15px;overflow: hidden;}
.rmkc_item .rm_img{width:110px;height:70px;float: left;margin-right: 10px;}
.rmkc_item .rm_info{width:148px;float: right;}
.rmkc_item .rm_info p{color:#333333;font-size: 14px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rmkc_item .rm_info p a{color:#333333;font-size: 14px;}
.rmkc_item .rm_info span{font-size: 12px;background: #009944;color:#fff;display: inline-block;line-height: 16px;border-radius: 2px;margin-top: 5px;width:30px;text-align: center;}
.rmkc_item .rm_info span.vip{background: #eb6100;color:#fcff00;}
.rmkc_item .rm_info span.jp{background: #1167d4;color:#fff;}
.xlzl_tt{line-height: 36px;height:36px;overflow: hidden;margin:0 8px}
.xlzl_tt span{display: inline-block;background: url("../img/cl_bg4.png") no-repeat center 8px;font-size:13px;color:#fff;padding:0 6px;margin-right:5px;}
.xlzl_tt span.first{background: url("../img/cl_bg1.png") no-repeat center 8px;}
.xlzl_tt span.second{background: url("../img/cl_bg2.png") no-repeat center 8px;}
.xlzl_tt span.third{background: url("../img/cl_bg3.png") no-repeat center 8px;}
.xlzl_tt a{font-size: 14px;color:#363636;}
.xlzl_tt a:hover{color:#1167d4;}
/******公开课视频播放页改版样式******//*视频播放*/.gk_play{width:100%;min-width:1100px;height:640px;background: url("../img/gk_bg.jpg") repeat center center;}
.gkpy_dh{line-height: 60px;height: 60px;}
.gkpy_dh span,.gkpy_dh a{color:#999999;font-size: 14px;}
.gkpy_dh a:hover,.gkpy_dh a.active{color:#fff;}
.gkpy_con{background: #1b1216;height: 530px;}
.gkpyc_lf{width: 850px;float: left;}
.gkpyf_tt{line-height: 45px;height: 45px;overflow: hidden;background: #160f12;}
.gkpyf_tt p{font-size: 16px;color:#fff;padding-left:20px;line-height: 45px;}
.gkpyf_video{height:485px;background:#1b181a url("../img/py_logo.png") no-repeat center 160px;position: relative;}
.gkfy_py{width: 65px;height:65px;display: inline-block;background: url("../img/gk_play.png") no-repeat;left:45px;bottom:40px;position: absolute;}
.gkpyc_rt{width: 350px;float: left;background: #13131d;height: 530px;position: relative;}
.gkpyr_tab{padding:0 25px;}
.gkpyr_tab ul li{float: left;line-height: 45px;padding:0 10px;margin:0 5px;}
.gkpyr_tab ul li a{color:#89898e;font-size: 16px;padding-left:20px;}
.gkpyr_tab ul li a.gktb_ml{background: url("../img/gk_bg10.png") no-repeat left center;}
.gkpyr_tab ul li a.gktb_wd{background: url("../img/gk_bg1.png") no-repeat left center;}
/*.gkpyr_tab ul li:hover,*/.gkpyr_tab ul li.active{border-bottom: 2px solid #1167d4;}
/*.gkpyr_tab ul li:hover a,*/.gkpyr_tab ul li.active a{color:#fff;}
/*.gkpyr_tab ul li:hover a.gktb_ml,*/.gkpyr_tab ul li.active a.gktb_ml{background: url("../img/gk_bg3.png") no-repeat left center;}
/*.gkpyr_tab ul li:hover a.gktb_wd,*/.gkpyr_tab ul li.active a.gktb_wd{background: url("../img/gk_bg2.png") no-repeat left center;}
/*目录*/.gkpyr_con{clear: both;}
.gkpyr_item{display: none;}
.gkpyr_item.block{display: block;}
.gkta_con{overflow-y: auto;overflow-x: hidden;position: absolute;top:47px;left:0;right:0;bottom:0;}
.gkta_con li .gkli_p{line-height: 40px;height: 40px;overflow: hidden;color:#a6a6a6;font-size: 14px;padding:0 10px 0 10px;margin-right:10px;background: url("../img/gk_bg5.png") no-repeat right 18px;cursor: pointer;}
.gkta_con li.gk_open .gkli_p{color:#fff;background: url("../img/gk_bg4.png") no-repeat right 18px;}
.gkta_con li dl{display: none;}
.gkta_con li dl.block{display: block;}
.gkta_con dl dd{background: #191925;line-height: 34px;height: 34px;}
.gkta_con dl dd p{color:#787882;font-size: 12px;padding:0 10px;margin-right:20px;height: 34px;overflow: hidden;padding-right: 20px;}
.gkta_con dl dd p a{color:#787882;font-size: 12px;background: url("../img/gk_bg7.png") no-repeat left center;padding-left:15px;cursor:pointer;}
.gkta_con dl dd p .freest{padding: 3px;background: #39b378;border-radius: 2px;color: #fff;font-weight: normal;font-family: simsun;}
.gkta_con dl dd.active p{background: url("../img/gk_bg8.gif") no-repeat right center;}
.gkta_con dl dd p a:hover,.gkta_con dl dd.active p a{color:#4187d6;background: url("../img/gk_bg6.png") no-repeat left center;}
.gkpy_bm{line-height: 82px;height: 82px;position: relative;}
.gkpy_bm a.gkbm_xx{font-size: 14px;color:#aaaaaa;background: url("../img/gk_fg3.png") no-repeat left center;padding-left:22px;display: inline-block;margin:0 20px 0 5px;}
.gkpy_bm a.gkbm_zan{font-size: 14px;color:#aaaaaa;background: url("../img/gk_fg4.png") no-repeat left center;padding-left:22px;display: inline-block;margin:0 20px;}
.gkpy_bm a.gkbm_fx{font-size: 14px;color:#aaaaaa;display: inline-block;margin:0 20px;position: absolute;left:265px;top:0;}
.gkpy_bm .bdsharebuttonbox{position: absolute;left:330px;top:28px;}
.gkpy_bm span.gkbm_pri{position: absolute;right:303px;top:0px;color:#1167d4;font-size: 18px;}
.gkpy_bm a.gkbm_gm{font-size: 16px;color:#fff;width:140px;height: 40px;line-height: 40px;text-align: center;background: #ff6600;display: inline-block;position: absolute;right:150px;top:22px;}
.gkpy_bm{line-height: 51px;height: 51px;position: relative;}
.gkpy_bm a.gkbm_xx{font-size: 14px;color:#aaaaaa;background: url("../img/gk_fg3.png") no-repeat left center;padding-left:25px;display: inline-block;margin:0 20px 0 5px;}
.gkpy_bm a.gkbm_zan{font-size: 14px;color:#aaaaaa;background: url("../img/gk_fg4.png") no-repeat left center;padding-left:25px;display: inline-block;margin:0 20px;}
.gkpy_bm a.gkbm_tiwen{font-size: 14px;color:#aaaaaa;background: url("../img/gk_fg1.png") no-repeat left center;padding-left:25px;display: inline-block;margin:0 20px;}
.gkpy_bm a.gkbm_biji{font-size: 14px;color:#aaaaaa;background: url("../img/gk_fg2.png") no-repeat left center;padding-left:25px;display: inline-block;margin:0 20px;}
.gkpy_bm a.gkbm_down{font-size: 14px;color:#aaaaaa;background: url("../img/gk_fg8.png") no-repeat left center;padding-left:25px;display: inline-block;margin:0 20px;}

.gkpy_bm a.gkbm_fx{font-size: 14px;color:#aaaaaa;display: inline-block;margin:0 20px;position: absolute;left:1012px;top:0;}
/*.gkpy_bm a.gkbm_fx:hover{background: url("/images/PublicClass/gk_fg7.png") no-repeat left center;color:#fff;}*/
.gkpy_bm .bdsharebuttonbox{position: absolute;left:1078px;top:7px;}
.gkpy_bm span.gkbm_pri{position: absolute;right:303px;top:0px;color:#1167d4;font-size: 18px;}
.gkpy_bm a.gkbm_gm{font-size: 16px;color:#fff;width:140px;height: 40px;line-height: 40px;text-align: center;background: #ff6600;display: inline-block;position: absolute;right:150px;top:22px;}
/*课程介绍*/.gk_kcpl{width: 1200px;margin:30px auto 10px;overflow: hidden;}
.gkkp_lf{width:820px;float: left;background-color: #fff;}
.gkkp_rt{width:300px;float: right;}
.gk_kcjs{border:1px solid #eeeeee;}
.kcjs_tt{border-bottom: 1px solid #eeeeee;line-height: 50px;background: #f6f6f6;}
.kcjs_tt span{width: 140px;text-align: center;display: inline-block;background: #e3625c;color:#fff;font-size: 16px;}
.mljs_tt i,.kcjs_tt i{float: right;font-style: normal;padding-right: 20px;font-size: 14px;color: #959090;background: url(../img/wenhao.png) no-repeat left center;padding-left: 22px;background-size: 20%;cursor: pointer;}
.kcjs_con{padding:20px;}
.kcjs_con img{max-width:100%;}
.no-data{width: 350px;margin: 0 auto;padding: 60px 0px 80px !important;font-size: 15px;color: #999;line-height: 30px;text-align: center;}
.no-data img{}
.no-data a{color: #e45c40;}
.no-data a:hover{color: #f7795b;}
.no-data .noda-text{padding-top: 0px;display:block;text-align:center;}
.no-data .noda-btn{text-align: center;padding-top: 8px}
.no-data .noda-btn a{background: #f04800;color: #FFF;display: inline-block;font-size: 14px;padding: 0 25px;border-radius: 2px;line-height: 35px}
.no-data .noda-btn a:hover{background: #e1532d}
.no-data .noda-btn .green{background:#3fa82b;margin-left:15px}
.no-data .noda-btn .green:hover{background:#339a1f}
.no-data-kc{width: 450px;}
.no-data-kc p span{color: #f25130;}

.right-box{width:369px;/*position:absolute;right:0;top:0;*/
;float:right}
.right-box .top,.right-box .bottom{background: #fff;box-shadow: 5px 5px 20px 5px #eee;padding:20px;width:328px;margin-bottom:20px;position:relative;font-weight: normal}
.right-box .top .pingjiaxt{background: #fff;box-shadow: 5px 5px 20px 5px #eee;margin-top: 15px;}
.right-box .top.nobt{padding-bottom:0}
.right-box h2{font:normal 18px/20px "microsoft yahei";margin-bottom:20px;display:inline-block;vertical-align:central;}
.right-box h2 i{width:1px;height:20px;background: #e13b29;display:inline-block;vertical-align:middle;margin-left: -20px;margin-right: 20px}
.right-box h2 span{display:inline-block;vertical-align:middle}
.right-box h2 i.ke{}
.right-box h3 span{width:20px;height:10px;background:#000;display:inline-block;vertical-align:central}
.right-box .top h2 b{display:inline-block;font-weight:normal}
a.course-answer{position:absolute;right:-24px;top:0;border:1px solid #39b378;background:#fff ;font-size:14px;padding:3px 10px;border-radius:2px;color:#39b378}
a.course-answer:hover{background:#39b378 ;color:#fff}
.right-box .top h2 a.course-answer{position:relative;float:right;margin-right:20px;#margin-top:-26px}
a.course-answer i{display:inline-block;width:18px;height:24px;background:url(../img/small-bg.png) -38px -842px no-repeat;vertical-align:middle;margin-right:4px;margin-top:-4px;}
a.course-answer:hover i{background-position:-38px -868px}
.right-box p{width:100%;display:inline-block;line-height:22px;padding-bottom:16px;}
.right-box p.top-top a{height:90px;overflow:hidden;}
.right-box p.top-top a,.right-box p.top-top a img{display:inline-block;width:140px;/* height:79px;*/float:left}
.right-box p.top-top span{display:inline;float:right;width:54%;}
.right-box p.top-top span a.name{width:100%;height:auto;font-size:16px;padding-bottom:20px}
.right-box p.top-top span b{border:none;box-shadow:none;padding:0 30px 0 0;border-radius:0;float:left;}
.right-box p.top-top span b .grey-color{font-weight:normal}
.right-box p.top-top span b.line{border-left:1px solid #e2e2e2;padding:0 0 0 30px;}
.right-box p em{display:inline-block;font-family:simsun}
.right-box p em.fl{width:18%;color:#666;line-height:28px}
.right-box p em.fr{width:82%}
.right-box p a b{display:inline-block;float:left;margin-right:6px;font-weight:normal;padding:2px 8px;border:1px solid #ddd;margin-bottom:6px;border-radius:2px;white-space:nowrap}
.right-box p a:hover b{border:1px solid #f25130;color:#f25130}
.right-box p.text{padding:15px 0 0 0;margin-top:15px;border-top:1px dashed #dcdcdc;font-size:14px;color: #666}
.right-box p.text.nobd{border: none;margin: 0}
.right-box p.text a.fr{color: #999;background: url(../img/ico1.png) -50px -93px no-repeat;padding-right: 20px;}
.right-box p.text a.fr:hover{color:#e13b29;background-position: -130px -93px}
.right-box p.bd{border-bottom:1px solid #eaeaea;margin-bottom:15px}
.right-box p.bd{border-bottom:1px solid #eaeaea;margin-bottom:15px}
.right-box p strong{font-weight:bold}
.right-box h3{font:bold 15px/15px "microsoft yahei";padding-bottom:4px;}
.right-box table{margin-bottom:0}
.right-box td{line-height:24px;color:#999;font-size: 14px}
.right-box p.h3{padding-bottom:14px;font-family:"microsoft yahei";font-size:16px;font-weight: bold}
.right-box .zhujiang{padding-bottom:20px}
.right-box .zhujiang a{width: 160px;height: 30px;line-height: 30px;background:#fafafa;border:1px dashed #e5e5e5;border-radius:30px;text-align: center;display: inline-block;margin: 10px 10px 0 0}
.right-box .zhujiang a:hover{background: #e13b29;background: linear-gradient(to right,#e13b29,#fa741a);color: #fff;border-color: #e13b29}
ul.hairlines li{width: 330px;float: left;position: relative;}
ul.hairlines li.mt15{margin-top:20px}
ul.hairlines li.mt15:first-child{margin-top:0px}
ul.hairlines li a.box-con{width: 100%;display: block;position:relative;z-index:1;}
.tc-img{display:inline-block;float:left}
.con-side{width:165px;height:100px;display:inline-block;float:left;padding-left:15px;position:relative}
.right-box p.price{bottom:0;right:0;position:absolute;margin:0;padding:0;width:183px;}
ul.hairlines li a.box-con img{width: 150px;vertical-align: bottom;}
ul.hairlines li h3{font-size: 14px;margin:0px 0 5px 0;color:#222;height:auto;line-height:20px;font-weight:normal;position: relative}
ul.hairlines li h3 strong{font-weight:bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
ul.hairlines li h3 span{color: #666;}
ul.hairlines li .price .pr-l{float: left;font-size: 12px;color: #aaa;width:90px;height: 16px;overflow: hidden;line-height:16px;display: inline-block;padding-top:5px}
ul.hairlines li .price .pr-l i{background:url("../img/small-bg.png") no-repeat -42px -1407px;height: 15px;width: 18px;display: inline-block;vertical-align:middle}
ul.hairlines li .price .pr-l i span span{vertical-align:middle}
ul.hairlines li .price .pr-r{float: right;height:30px;line-height:30px;background: #e9482c;background: linear-gradient(to right,#e13b29,#fa741a);box-shadow: 0 5px 8px 0px #ffd2cd;border-radius: 20px;color: #fff;font-size:13px;padding:0 15px;}
ul.hairlines li .price .pr-r:hover{background:#ed5934;color:#fff}
.cgrey9{color: #999;line-height: 31px;}
.pingjiaxt{background: #f8f8f8;border-radius:50px}
.pingjiaxt.hover{border:1px solid #fcd1c5}
.pingjiaxt .img-left{border-radius:100%;width: 82px;height: 82px;border:3px solid #fff;overflow: hidden;position: relative;float: left;z-index: 2;}
.pingjiaxt .img-left img{width: 82px}
.pingjiaxt .img-left span.name{width: 100%;height: 24px;line-height: 24px;text-align: center;background:url(../img/pingjia.png) 0 0;color: #fff;position: absolute;bottom: 0px;font-size: 14px;}
.pingjiaxt.small .img-left{border-radius:100%;width: 60px;height: 60px;}
.pingjiaxt.small .img-left img{width: 60px}
.pingjiaxt.small .img-left span.name{height: 24px;line-height: 24px;bottom: 5px;font-size: 14px;}
.pingjiaxt.small .img-right ul.title-box{margin-left: 75px;}
.pingjiaxt .img-right{width:100%;float: right;margin-left: -88px;padding-top: 3px;position: relative;z-index: 1}
.pingjiaxt .img-right .jiao{background: url(../img/pingjia.png) -100px -240px no-repeat;width:100px;height: 60px;position: absolute;right: 0;top: -20px}
.pingjiaxt .img-right .jian{background: url(../img/pingjia.png) 0 -240px no-repeat;width:20px;height: 11px;position: absolute;right:32px;top: -10px}
.pingjiaxt .img-right .star{margin-left: 100px}
.pingjiaxt .img-right .star strong{width: 70px;float: left}
.pingjiaxt .img-right .star .small{font-size: 12px;color: #999;padding-left: -80px}
.pingjiaxt .img-right .star .star-right{float: right;margin-left: -80px;width: 100%}
.pingjiaxt .img-right .star .star-right p.pingjia{padding-left: 80px}
.nav_text2{z-index:1;position: relative}
.nav_text2 a.nav_btn_andriod{width:120px;height: 28px;line-height: 28px;color: #333;font-size: 15px;border: 1px solid #bebdbd;background: #fff;box-shadow: 1px 1px 5px 1px #eee;padding: 5px 20px;border-radius: 100px;display: block;margin-bottom: 10px}
.nav_text2 a.nav_btn_andriod:hover{background-position: 13px -27px;border:1px solid #f11c00 !important;color:#f11c00;box-shadow: 1px 1px 5px 1px #ffb2b2;}
.nav_text2 a.nav_btn_andriod:hover{transform: translateY(-3px);}
.nav_text2 em{width:22px;height:26px;float:left;background:url(../img/small-bg.png) no-repeat 0px 0px;margin-right:10px}
.nav_text2 em.iPhone{background-position:0px -1468px;}
.nav_text2 em.iPad{background-position:-34px -1469px;}
.nav_text2 em.android{background-position:0 -1507px;}
.nav_text2 em.pc{background-position:-31px -1507px;}
.nav_text2 a:hover em.iPhone{background-position:-30px -1468px;}
.nav_text2 a:hover em.android{background-position:0 -1432px;}
.nav_text2 a:hover em.pc{background-position:-31px -1431px;}
.nav_btn_apple{z-index: 2;width:120px;height: 28px;line-height: 28px;color: #333;font-size: 15px;border: 1px solid #bebdbd;background: #fff;box-shadow: 1px 1px 5px 1px #eee;padding: 5px 20px;border-radius: 100px;display: block;margin-bottom: 10px}
.nav_btn_apple{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.btn_open{-webkit-animation:fadeInDown .2s ease both;-moz-animation:fadeInDown .2s ease both;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}
    100%{opacity:1;-moz-transform:translateY(0)}}
a.ipad_bg{background-color: #d21800;border-radius:0 0 20px 20px}
.btn_open{background-color: #f11c00;color: #fff;width: auto;text-align: center;font-size: 16px;line-height: 46px;cursor:pointer;float: left;border-radius:20px;width:160px}
.btn_open a{width: 100%;display: block;color: #fff}
ul.title-box{margin-left:103px;font-size: 14px;padding-top: 5px;}
.area .left ul.title-box{/*display: none;*/}
ul.title-box li{display:inline-block;position:relative;width:100%;}
.right-lf ul.title-box li{margin-left:0;}
ul.title-box li b{font-weight:normal;line-height:24px;float: left}
ul.title-box li b .f-f18{color:#e13b29;font-size: 14px;}
ul.title-box li a{display:inline-block;float:left;padding:5px 10px;border-radius:2px;margin:0 0 6px 10px;background:#f0f0f0;color:#666;white-space:nowrap}
ul.title-box li a font{font-family:arial;#font-size:12px}
ul.title-box li a:hover,ul.title-box li a.hover{background:#ffede9;color:#f25130;position: relative}
ul.title-box li a.hover span{width: 17px;height:17px;background:url(../img/small-bg.png) -39px -374px;position: absolute;top:-5px}
ul.title-box li a.editor-title{background:none;padding:0}
ul.title-box li a.editor-title input{font-size:12px;font-family:simsun;float:left}
ul.title-box li a.editor-title input.text{border:1px solid #d9d9d9;border-right:none;background:#fff;width:155px;height:14px;padding:6px 6px 5px;}
ul.title-box li a.editor-title input.button{width:44px;height:27px;border-radius:0 2px 2px 0;text-align:center;color:#fff;background:#f25130;background-image: linear-gradient(90deg,#fb6d50,#f25130);border:none;cursor:pointer;}
ul.title-box li a.editor-title input.button:hover{background:#ee330c;background-image: linear-gradient(90deg,#f25130,#ee330c)}
ul.title-box li a.add{border:1px solid #a9a9a9;border-radius:2px;width:24px;height:24px;padding:0;background:#fff url(../img/small-bg.png) 5px -34px no-repeat}
ul.title-box li a.add:hover{background:#fff url(../img/small-bg.png) -15px -34px no-repeat;border-color:#f25130}




.par_modular {
    background:#f9f9f9;
    padding-bottom: 13px;
    position: relative;
    z-index: 2;
    font-size: 14px;
    margin-top: 11px;
    margin-bottom: 11px;
}
.par_jgdiscount{margin: 0 0 0 20px;}
.par_fmd1 {
    padding-top: 12px;
}
.par_fmd_name {
    float: left;
    color: #8a8a8a;
    margin-top:15px;
}
.par_fmd_common{
    color: #a0a0a0;
    margin-left:24px;
    width: 80%;
    float: left;
}
span.par_pall {
    color: #f92f2f;
    margin-right: 10px;
    font-size: 20px;
    float: left;
}

span.par_price_num {
    font-size: 30px;
}
span.par_originalp {
    text-decoration: line-through;
    display: inline-block;
    float: left;
    margin-top: 14px;
    color: #a0a0a0;
}
p.par_huabei {
    color: #a0a0a0;
    margin-top: 6px;
}
.par_huabei b {
    color: #e23535;
}
/**2019-6-18班级选择-优惠-服务**/
.par_fmd7{padding-top: 12px;margin-top:10px;}
.discount-priceb{position:relative;width:86%;height: auto; float: left;margin-left:24px;}
.par_fmd_common7{ width:100%;}
.par_fmd_name7{color: #8a8a8a;float: left;padding-top:0;line-height: 16px;}
.discount_center_cont{width:100%; height:auto;}
.discount_center_cont li{font-size: 14px;line-height:16px;height: 16px;display: inline-block;float: left;width: 100%;margin-bottom: 10px;}
.discount_ico{ width:16px; height:16px; display:inline-block; text-align:center; line-height:16px;font:12px/16px "SimSun"; color:#fff; border-radius:2px; vertical-align:middle; margin-right:6px;}
.quan{background:#ea3e3e;}
.jian{background:#ea3e3e;}
.zeng{background:#1167d4;}

.kcjt_discount .discount_center_conts li{
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    color: #f76732;
    font-size: 14px;
    background: #fff;
    border: 1px solid #1167d4;
    border-radius: 2px 10px 10px 10px;
    margin: 5px 5px 0 0;
    position: relative;
}
.discount_info{color: #333;height:16px;display:inline-block;line-height: 16px;display:inline-block;vertical-align:middle;font-style: normal;}
.fold_ico{display:inline-block;position:absolute;font:14px/16px "Microsoft YaHei";color:#a0a0a0;width: 80px;cursor: pointer;right: 0;top: 0;}
.fold_ico:after{content: ""; width:8px; height:8px;background:url(../img/newicon6.png) 0 -20px;   margin-left:5px; display:inline-block}
.hoverdiscount_center{position:absolute;width: 100%;top:-5px; left: -18px;padding:10px 10px 0 10px;
    background:#fff;height:auto;z-index:5;border:1px solid #e5e5e5;}
.hoverdiscount_center .fold_ico{top:10px;}
.hoverdiscount_center .fold_ico:after{content: ""; background:url(../img/newicon6.png) 0 0 ;   }

.par_modular-s{margin: 0 0 0 20px;}
.par_function_all{background:none;}
.par_jgdiscount{margin: 0 0 0 20px;}
.par_modular1{border-bottom:1px dotted #d8d8d8;margin-bottom: 15px;margin-top:22px;padding-bottom:20px;}
.par_modular1  .mr_22{margin-top: -6px!important; /*height:24px;*/}
.par_modular8{/* position:relative; */padding-top:9px;}
.service_center_cont{width: 480px;height: 18px;overflow: hidden;}
.fold_icotwo{position:absolute;top: 0;right: 0px;}
.service_center{position:relative;width:86%;margin-left: 24px;float: left;}
.service_center_cont li{float:left;display:inline-block;margin-right: 30px; height:18px; line-height:18px;}
.service_center_cont li .service_info{ line-height:18px; font-size:14px; display:inline-block; vertical-align:middle;}
.service_ico{ width:18px; height:18px; background:url(../img/servicehui_ico.png) 0 -20px; display:inline-block;vertical-align:middle; margin-right:6px; }
.service_hd{height:18px; line-height:18px;}


ul.list-box{ width:96%; margin:0 auto; min-height:200px;height:auto!important; height:600px;}
ul.list-box li{ display:inline-block; width:100%; position:relative; border-bottom:1px solid #efefef; padding:20px 0 17px;min-height: 52px;}
ul.list-box li a{ display:inline-block;}
ul.list-box li a.l-head{ width:50px; height:50px; position:absolute; left:0; top:20px}
ul.list-box li a.l-head img{ width:50px; height:50px; border-radius: 100%}
ul.list-box li span.speak{display:block;  padding-left: 70px}
ul.list-box li span.speak i{ width:160px; height: 145px; background:url(../img/img_bg.png) 0 0; display: block; margin: 0 auto;}
ul.list-box li span.speak i.dayi{ background-position:0 -160px }
ul.list-box li span.speak i.pingjia{ background-position:0 -320px }
ul.list-box li span.speak.none{ margin:0 auto; display:block; text-align:center; width:300px; font:normal 16px/20px "microsoft yahei"; color:#666; padding-top: 20px}
ul.list-box li span.speak.none .cgrey9{ font-size: 14px; padding-top:5px}
ul.list-box li span.speak p.text.one{ position:relative; margin-top:-3px; padding-bottom:4px;}
ul.list-box li span.speak p.text.one b.paly{ display:inline-block; width:14px; height:14px; background:url(../img/small-bg.png) -40px -552px no-repeat; position:relative; margin-bottom:-2px; margin-right:4px;}
ul.list-box li span.speak p.text.one a.name{color:#aaa; padding:0 6px;}
ul.list-box li span.speak p.text.one a:hover{ color:#ee491f;}
ul.list-box li span.speak p.text.one a.ico{background:url(../img/small-bg.png) no-repeat #d1d1d1; width:14px; height:14px; position:relative; margin-bottom:-2px;}
ul.list-box li span.speak p.text.one a.phone{background-position:0 0}
ul.list-box li span.speak p.text.one a.computer{background-position:0 -18px}

ul.list-box li span.speak p.text.two{ font:normal 14px/22px "microsoft yahei";word-wrap: break-word}
ul.list-box li span.speak p.text.two.two-t{ padding-left:20px; position:relative;margin-bottom: 10px;}
ul.list-box li span.speak p.text.two.two-t font.time{ font-family:arial;float: right;}
ul.list-box li span.speak p.text.two.two-t img{ display:block}
ul.list-box li span.speak p.text.two.two-t a{ display:inline}
ul.list-box li span.speak p.text.two.two-t b.question-ico{display:inline-block; width:14px; height:14px; text-align:center; font:normal 12px/14px "simsun"; border-radius:2px; background:#39b378;  color:#fff; position:relative; margin-left:-20px; margin-right:4px; margin-top:10px; border:1px solid #39b378}
ul.list-box li span.speak p.text.three{ padding-left:20px; line-height:24px; color:#808080; font-size: 14px}
ul.list-box li span.speak p.text.three b.answer-ico{ display:inline-block; width:14px; height:14px; text-align:center; font:normal 12px/14px "simsun"; border-radius:2px; background:#f25130;  color:#fff; position:relative; margin-left:-20px; margin-right:4px; margin-top:6px;; border:1px solid #f25130}
ul.list-box li span.speak p.text.three font.time{ font-family:arial;float: right;}

ul.list-box li span.speak p.text.four{ padding-top:24px; display:block; height:18px;}
ul.list-box li span.speak p.text.four b{ font-weight:normal; display:inline}
ul.list-box li span.speak p.text.four b.fl{ color:#aaa}
ul.list-box li span.speak p.text.four b.fr{ position:relative; border-radius:50px; padding:6px 4px;margin-top: -6px; margin-bottom:-4px;}
ul.list-box li span.speak p.text.four b.fr a{ padding-left:22px;margin: 0 10px;height:18px; line-height:18px;font-family:arial; }
ul.list-box li span.speak p.text.four b.fr a{ background:url(../img/small-bg.png) no-repeat}
ul.list-box li span.speak p.text.four b.fr a.xiugai{ background-position: -36px -1888px;padding-left: 22px; position: relative}
ul.list-box li span.speak p.text.four b.fr a.shanchu{ background-position: -40px -1949px;padding-left: 22px;}
ul.list-box li span.speak p.text.four b.fr a.xiugai.hover,ul.list-box li span.speak p.text.four b.fr a.xiugai:hover{ background-position: -36px -1919px;padding-left: 22px;}
ul.list-box li span.speak p.text.four b.fr a.hover,ul.list-box li span.speak p.text.four b.fr a:hover{ background-position: -40px -1979px;padding-left: 22px;}
ul.list-box li span.speak p.text.four b.fr a:hover,ul.list-box li span.speak p.text.four b.fr a.hover{ color:#e13b29 ;}
ul.list-box li span.speak p.text.four b.fr a.no{ background:none; padding-left:0; }
ul.list-box li span.speak p.text.four b.fr a.cred{  color: #e13b29 }
ul.list-box li span.speak p.text.four b.fr a.collect{ background-position:-36px -575px;}
ul.list-box li span.speak p.text.four b.fr a.collect:hover,ul.list-box li span.speak p.text.four b.fr a.collect.hover{ background-position:-36px -595px;}
ul.list-box li span.speak p.text.four b.fr a.pra{ background-position:-36px 0; position:relative; z-index:1}
ul.list-box li span.speak p.text.four b.fr a.pra.isagree,ul.list-box li span.speak p.text.four b.fr a.pra:hover,ul.list-box li span.speak p.text.four b.fr a.pra.hover{ background-position:-36px -20px}
ul.list-box li span.speak p.text.four b.fr a.answer{ background-position:-38px -43px; position:relative}
ul.list-box li span.speak p.text.four b.fr a.answer:hover{ background-position:-38px -63px}

ul.list-box li span.speak p.text.four b.fr a.pra.hover,ul.list-box li span.speak p.text.four b.fr a.collect.hover,ul.list-box li span.speak p.text.four b.fr a.look.hover{color:#ee491f; }
ul.list-box li span.speak p.text.four b.fr a.pra em.pra-fixed{ position:absolute; left:-10px; bottom:15px;opacity:0;}
.demo b.top{opacity:0;}
ul.list-box li span.speak p.text.four b.fr a.pra em.pra-fixed,.demo b.top{
    -webkit-animation:mymove 2s;
    -moz-animation:mymove 2s;
    -ms-animation:mymove 2s;
    animation:mymove 2s}/*infinite*/

.cred {color: #e13b29;}
.play-box{background:url(../img/bg1.png) -50px -30px; border-radius:8px; #width:360px; _width:360px; padding:20px}
.play_box .right span.button-box .button{box-shadow:none}
.play_box .right .editor-box{ box-shadow:none;  /*padding: 0;*/ margin: 0; background: #3d3d3d}
.play_box .right .editor-box.tijiao,.play_box .right .baocuo .editor-box{ background:#fff;}
.play_box .right .editor-box.tijiao{ height:200px}
.black-fixed{display:inline-block;border-radius:5px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);}
.black-fixed .play-box.pingjiatk.fankuiqp{position: absolute;left: 1px;}
.play-box.pingjiatk{width:720px; height: 390px; padding:30px 24px 20px 24px; text-align:left; border-radius:8px}
.play-box.pingjiatk h4{ border-bottom:1px solid #e5e5e5; background:none; padding:0; border:0; display: block;text-align: center;}
.play-box.pingjiatk h4 span.font18{ font:bold 18px/24px "microsoft yahei"; color:#333}
.play-box.pingjiatk h4 span.font18 span{ border-bottom:2px solid #fb6c49; padding-bottom: 10px}
.play-box.pingjiatk h4 b.font12{ padding:8px 0 15px 0; display: block; font-weight: normal; font-size: 14px;color: #aaa;}
.play-box.pingjiatk .pingjiaxt {background: #fff;box-shadow: 5px 5px 20px 5px #eee;}
.play-box.pingjiatk .editor-box textarea{height:98px;}
.black-fixed .play-box.pingjiatk.fankuiqp .img-right .star{padding:20px 0 0 0;}
.play-box.pingjiatk .editor-box.hover textarea{ height:195px}
.play-box.pingjiatk.fankuiqp{width:301px; height: auto;/*min-height:150px;*/ position: relative; z-index: 1009;}
input,textarea{outline: none;}
span.button-box span.auto{ width: 100%; text-align: center; display: block;}
span.button-box span.auto .button{ font-size: 16px;width:140px;height:36px; line-height: 36px;margin-top:30px}
span.button-box span.auto .button.bian{cursor: pointer;color: #ffffff;width: 100px;background: linear-gradient(-90deg,#2874e0,#004bb3);box-shadow: 0 4px 10px 0 rgba(14, 80, 158, 0.3);border: none;}
span.button-box span.auto .button.huibian{ border:1px solid #cfcfcf; color: #666;background: #fff;box-shadow: 0 5px 8px 0px #ddd; width: 100px}
span.button-box span.auto .button:hover{ background:#2874e0;border-color:#2874e0;background-image: linear-gradient(90deg,#004bb3,#2874e0); color: #fff}
.editor-box{position: relative;padding: 9px 15px;border: 1px solid #e1e3e6;border-radius: 5px;box-shadow: 0 0 4px 2px hsla(0,0%,92%,.35); background: #fff;z-index: 2;}
.editor-box textarea{ width:98%;height:58px; font-size:14px;color:#999; border:none; font-family:microsoft yahei}
.editor-box textarea.hover,.editor-box textarea:hover{ }


.detail{width: 1200px;margin: 0 auto;text-align: center;position: relative;}
.detail .classDetail{width: 100%;height: auto;background: #fff;border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06);padding: 30px 30px 40px;margin-bottom: 20px;box-sizing: border-box;}
.detail .classDetail .detTitle{text-align: left;margin-bottom: 8px;}
.detail .classDetail .detTitle .xtkbrand{display: inline-block;font-size: 14px;background: url(../img/tags.png) no-repeat;background-size: 100% 100%;color: #fff;padding: 3px 17px 3px 7px;margin-top: 4px;}
.detail .classDetail .detTitle .titleName{width: 860px;color: #333;font-size: 25px;font-weight: 700;vertical-align: top;margin-left: 8px;}
.detail .classDetail .detTitle .share{float: right;position: relative;}
.detail .classDetail .body .price{background: #f9f9f9;height: 50px;padding: 8px 50px;line-height: 50px;overflow: hidden;}
.detail .classDetail .body .price .textName{color: #999;font-size: 14px;float: left;}
.detail .classDetail .body .price .money{font-size: 28px;float: left;margin-left: 20px;font-weight: 700;}
.detail .classDetail .body{padding: 0 0 15px;}
.detail .classDetail .body .price .people{color: #888;font-size: 12px;float: right;}
.detail .classDetail .body .textColor{color: #eb3434;}
.detail .classDetail .body .subjectSelect{clear: both;padding:0 0px 0 50px;margin-top: 20px;}
.detail .classDetail .body .subjectSelect .textName{height: 40px;line-height: 32px;color: #999;font-size: 14px;float: left;}
.detail .classDetail .body ul.ulSelect{overflow: hidden;padding: 0 10px;}
.detail .classDetail .body .subjectSelect .line{margin: 10px 0;width: 100%;height: 1px;background: #000;opacity: .05;}
.detail .classDetail .body ul.ulSelect li.active{min-width: 285px;color: #eb3434;border: 1px solid #eb3434;border-radius: 2px;}
.detail .classDetail .body ul.ulSelect li{float: left;padding:4px 18px 6px 18px;background: #fff;border: 1px solid #eee;border-radius: 2px;color: #666;font-size: 14px;margin-left: 10px;margin-bottom: 10px;cursor: pointer;position: relative;}
.detail .classDetail .footer{float: left;text-align: right;}
.detail .classDetail .footer span a{padding: 10px 50px;width: 220px;height: 46px;background: linear-gradient(-90deg,#2874e0,#004bb3);box-shadow: 0 4px 10px 0 rgba(165, 122, 47, .3);border-radius: 4px;color: #fff;font-size: 20px;outline: none;cursor: pointer;margin-right: 15px;border: none;}
.detail .classDetail .body ul.ulSelect li i{
    display: inline-block;
    width: 20px;
    height: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/dui.png) no-repeat;
}