@charset "utf-8";
/* 公用样式-by:zhwang王智洪 */
body{margin:0px;padding:0px;font-size:100%;font-family:"微软雅黑"; font-family:Arial;color:#333;background:#f5f5f5;font-size:14px;-webkit-overflow-scrolling: touch;}
html{-webkit-text-size-adjust:none;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,p{margin:0px;padding:0px;list-style:none;border:none;}
a{text-decoration:none;color:#333;display:block;font-family:"微软雅黑";}
.video embed, .video object, .video iframe {width:100%;height: auto; } 
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.blank{ height:0; padding-top:55px; display:block; overflow:hidden; clear:both}
.bodybox,.majorbox{ display:block; overflow:hidden; background-color:#fff}
.innerbody,.seachbox{ display:block; overflow:hidden; background-color:#f5f5f5}
.whitebg{ background-color:#fff}

/*目录栏*/
.dirctbar{ display:block; overflow:hidden; margin:162px 8px 10px; border-radius:6px; background:url(../images/dirctbarbg.png) repeat-x 0 0; padding:10px}
.dirctbar table td a{ display:block; overflow:hidden}
.dirctbar table td img{width:42px; display:block; overflow:hidden}
.dirctbar table td p{ font-size:12px; font-family:Arial}
.dirctbar table td a.on{color:#ff0000}
.coursemodule{display:block; overflow:hidden;border-radius:6px; background-color:#fff; margin:0 8px 10px; padding:0 3px}
.professionbox{display:block; overflow:hidden; margin:10px 4px 5px; padding:0 2px}
.coutlb{ height:44px; line-height:46px; border-bottom:1px solid #f4f4f4; font-size:16px; color:#222; overflow:hidden}
.protl{ height:30px; line-height:30px;font-size:12px; color:#222; overflow:hidden}
.coutlb img{ float:left; display:block; height:100%; margin-left:2px; margin-right:2px}
.courbox{ display:block; overflow:hidden;}
.list{ margin:10px 8px 5px; display:block; overflow:hidden; position:relative;}
.list-img {border-radius:6px;position:relative;height:0; width:100%; padding-top:57.14%; overflow:hidden}
.list-img p,.list-img em{ position:absolute; left:0; top:0; width:100%; height:100%}
.list-img img {display: block;width: 100%;border-radius:6px}
.list-img .play-cover {position: absolute;left: 0;top: 0;width: 100%;height:0%; background: rgba(0, 0, 0, .35);opacity: 0;transition: all .15s;border-radius:6px}
.list-img:hover .play-cover { opacity:0.8; height:100%;}
.litp{ display:block; overflow:hidden; line-height:20px}
.litp p{ display:block; overflow:hidden; font-size:11px; color:#aaaaaa; font-family: Arial}
.litp p a.bought{ color:#00cb94}
.litp p a.orange,.professbar .litp p span.orange{ color:#FF7600}
.list span.span_tj{position:absolute;top:0px;right:0px;background-color:#fd6203;color:#fff;font-size:12px;display:inline-block;padding:2px 4px;background-image:linear-gradient(to right, #fd6103 , #fa8615);}
.list span.span_gz{position:absolute;top:0px;right:0px;background-color:#fd6203;color:#fff;font-size:12px;display:inline-block;padding:2px 4px;background-image:linear-gradient(to right, #50c72b , #a3e434);}
.price{ color:#ff7800; display:inline-block}
.free{ color:#F50004}
.yjia{ display:inline-block; padding-left:5px; text-decoration:line-through; color:#aaa;}
.litxt{ height:25px; display:block; line-height:25px; display:block; overflow:hidden; padding-top:4px; text-align:left;}
.litxt a{display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;width:100%; font-size: 14px; color: #333; cursor:pointer; text-align:left;max-width:110px}
.litxt h3{ font-weight:normal; font-size:14px}
.morebar{border-top:1px solid #f4f4f4; display:block; overflow:hidden}
/*查看更多*/
.refresh-btn {width:80px;height:25px;line-height: 25px;text-align: center; cursor: pointer; margin:10px auto; font-size:14px}
.refresh-btn a{transition: all .2s; display:block; overflow:hidden;color: #999;}
.refresh-btn a i {display: inline-block;width: 13px;height: 15px;margin-right: 4px; background-image:url(../images/refresh.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; vertical-align: -2px;transition: all .23s}
.refresh-btn a:hover { color:#666}
.refresh-btn a:hover i { -webkit-transform: rotate(480deg);transform: rotate(480deg)}
/*底部栏*/
.fotter{ height:54px; display:block; overflow:hidden; width:100%; position:fixed; left:0; bottom:0; border-top:1px solid #ececec; background-color:#fff; text-align:center}
.fotter a{width:25%; display:block; overflow:hidden; text-align:center; height:50px; margin:0; padding:0; float:left}
.fotter a i{ width:24px; height:24px; display:block;margin:8px auto 1px; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; position:relative}
.fotter a span{ width:100%; height:14px; line-height:14px; font-size:12px; color:#666666; font-family:Arial}
.fotter a.fot01 i{ background-image:url(../images/fot01.png);}
.fotter a.fot02 i{ background-image:url(../images/fot02.png);}
.fotter a.fot03 i{ background-image:url(../images/fot03.png);}
.fotter a.fot04 i{ background-image:url(../images/fot04.png);}
.fotter a.fot01.on i{background-image:url(../images/fot01_hv.png);}
.fotter a.fot02.on i{background-image:url(../images/fot02_hv.png);}
.fotter a.fot03.on i{background-image:url(../images/fot03_hv.png);}
.fotter a.fot04.on i{background-image:url(../images/fot04_hv.png);}
.fotter a.on span{ color:#2499f9}
.fotter a em.mess{width:18px;height:18px;line-height:18px;position:absolute;right:-11px;top:-7px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background:#f00;color:#fff;display:block;z-index:99999999;font-size:12px; font-family:Arial; font-style:normal}
/*没有了*/
.nomore{ display:block; overflow:hidden; text-align:center; padding:10px 0}
.nomore img{ width:24%}
.nomore p{ line-height:30px; font-size:12px; color:#999}
/*头部搜索栏*/
.hseachbar{width:100%;height:42px; display:block; position:fixed; left:0; top:0; z-index:9999999}
.headback{width:100%; height:42px; display:block; overflow:hidden; background-color:#2499f9; Alpha(opacity=0); /* IE */   -moz-opacity:0;    /* FF 主要是为了兼容老版本的FF */opacity:0; position:absolute; left:0; top:0; z-index:-1}
.heseach{ margin:7px 3%; height:30px; line-height:32px; border-radius:10px; border:0; display:block; overflow:hidden; text-indent:34px; width:94%; outline:none; font-size:12px; opacity:0.8; color:#333; background-color:#FFFFFF}
.hseachbar i,header i{width:18px; height:18px; display:block; overflow:hidden; background-image:url(../images/ico_seach.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; left:5.5%; top:14px; position:absolute; z-index:999; }
header i{left:23%;}
.heseach-out{ background-color:#ededed; opacity:1}
header{width:100%;height:48px;line-height:48px;position:fixed;z-index:9999;background:#2499f9;text-align:center;color:#FFF; left:0;top:0; overflow:hidden}
header h1{width:100%; position:absolute;top:0px;font-weight:normal;overflow:hidden;width:80%;left:10%;font-family:Arial;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:18px}
header a.back{position:absolute;left:0px;top:0px;width:35px;height:48px;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/back.png)}
header a.seach{position:absolute;right:0px;top:0px;width:35px;height:48px;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/seach.png)}
.headseach{margin:7px 1%; height:32px; line-height:32px; border-radius:32px; border:0; display:block; overflow:hidden; text-indent:36px; width:78%; outline:none; font-size:12px; color:#333; background-color:#FFFFFF;opacity:0.8;transition: all .2s;}
.headseachon{float:left; margin-right:1%; animation-name:seachon;/*动画的名字*/
    animation-duration: 0.8s;     /*定义动画完成一个周期所需要的时间，以秒或毫秒计*/
    animation-iteration-count:1;        /*定义动画的播放次数，这里是无限播放*/
    animation-direction:alternate;         /*定义是否应该轮流反向播放动画，这里是动画轮流播放*/
	animation-fill-mode: forwards;}
.seachbtn{ height:48px; line-height:48px; float:left; color:#fff; font-size:16px; width:12%}
.headseach:hover,.headseach.on{opacity:1}
.headnav{ height:40px; display:block; background:url(../images/headnavline.png) repeat-x left bottom #fff; margin-top:48px; position:relative}
.rmbtn{ display:block; width:25%; float:left; height:40px; line-height:40px; font-size:14px; color:#000; text-align:center}
.find_nav_list {height:40px; line-height:40px;width:100%; display:block; overflow:hidden}
.find_nav_list ul { position:relative}
.find_nav_list ul li {display: inline-block; margin:0 3.3%;}
.find_nav_list ul li a {font-size:15px; height:40px; line-height:40px; text-align:center; color:#000; font-family:Arial}
.find_nav_list ul li a h1 {font-size:15px; height:40px; line-height:40px; text-align:center; color:#000; font-family:Arial; font-weight:normal}
.find_nav_cur a {color: #006dda !important;}
.find_nav_list a.active {color: #006dda}
.find_nav_list a h1.active {color: #006dda}
.sideline {display: block;position: absolute;border: 0;height:3px;background-color: #2499f9;left: 0;top:37px;pointer-events: none; border-radius:6px}
.leftnavbar{ width:76px; display:block; overflow:hidden; overflow-y:auto; background-color:#f5f5f5; float:left;-webkit-overflow-scrolling: touch;overflow-y: scroll; }
.leftnavbar ul{ margin:10px 0 10px; display:block; overflow:hidden}
.leftnavbar ul li{ width:76px; height:50px; display:block; overflow:hidden}
.leftnavbar ul li a{width:76px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#000000; font-size:12px}
.leftnavbar ul li a.on{ background-color:#FFFFFF; color:#006dda; border-left:3px solid #2499f9}
.leftnavbar ul li a h2{width:76px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#000000; font-size:12px; font-weight:normal}
.rightbox{ display:block; overflow:hidden; overflow-y:auto; float:left;-webkit-overflow-scrolling: touch;overflow-y: scroll;}
.smlb{ display:block; font-size:12px}
.smlb i{width:18px; height:18px; display:block; float:right;background-image:url(../images/ico_xs.png); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; margin:5px;transition: all .2s}
.smlb:hover i,.smlb.on i{-webkit-transform: rotate(180deg);transform: rotate(180deg)}
/*专业详情*/
.discipline{ display:block; overflow:hidden; background-color:#FFFFFF; margin-top:48px; margin-bottom:10px}
.disc-img {position:relative;height:0; width:100%; padding-top:50.14%; overflow:hidden}
.disc-img a{ position:absolute; left:0; top:0; width:100%; height:100%}
.disc-img img {display: block;width: 100%;}
.discinforbar{ padding:6px 10px; display:block; overflow:hidden; background-color:#fff}
.discinforbar h3,.discinforbar h1{height:32px; line-height:32px; font-size:18px; color:#000000; font-weight:normal; width:100%;text-overflow:ellipsis;white-space:nowrap; position:relative;}
.distl{ display:block; overflow:hidden; height:24px; line-height:24px; font-size:12px; color:#999999}
.distl i{ width:18px; height:18px; display:block; overflow:hidden; float:left;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_user.png); margin:3px }
.distl span{ color:#333}
.discinforbar p{ padding:5px; line-height:20px; font-size:12px; color:#333}
.discinforbar p span{ color:#999999}
.count{ font-size:12px; color:#999; padding-right:10px; font-family:Arial;}
.coursemodule .count span{ color:#f00; padding:0 4px}
/*搜索页*/
.sectlist{ display:block; overflow:hidden; padding:58px 10px 10px; background-color:#FFFFFF; }
.sectlist li{ height:40px; line-height:40px; border-bottom:1px solid #f2f2f2}
.sectlist li span{height:40px; line-height:40px; font-size:14px; color:#666; width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block}
.sectlist li a{width:16px; height:16px; display:block; float:right; overflow:hidden;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_close.png); margin:12px 10px 0;transition: all .2s}
.sectlist li a:hover{-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.clearbar{ display:block; overflow:hidden; height:36px; line-height:36px; text-align:center}
.clearbar a{ display:block;height:36px; line-height:36px; text-align:center; font-size:14px; color:#666666; }
.clearbar a i{ width:20px; height:20px; display:inline-block; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_clear.png); margin:8px 4px 0}
.resultsbar{ display:block; overflow:hidden; padding-top:58px}
.clearbar a span{ margin-top:-4px}
.litxt a span.red{ color:#f00}
.professionbox .litxt{ padding:4px 0 0}
/*VR仿真-精品课程*/
.direction{position:relative;height:0; width:100%; padding-top:43.75%; overflow:hidden; margin-bottom:10px}
.direction .picbgbar{ position:absolute; left:0; top:0; width:100%; height:100%}
.direction img.picbg{display: block;width: 100%; height:100%}
.direction .play-cover {position: absolute;left: 0;top: 0;width: 100%;height:0%; background: rgba(0, 0, 0, 0.35);opacity:0.8;transition: all .25s;}
.directbar{position: absolute;left:5%;top:12%;width:93%;height:76%; }
.directpic{position:relative;height:100%; width:0; padding-left:29.58%; overflow:hidden; float:left;-moz-box-shadow:0px 0px 8px #000000; -webkit-box-shadow:0px 0px 8px #000000; box-shadow:0px 0px 8px #000000; margin-right:10px}
.directpic_picbox{position:absolute; left:0; top:0; width:100%; height:100%}
.directpic_picbox img{display: block;width: 100%; height:100%}
.directbar h3,.directbar h1{height:32px; line-height:32px; font-size:18px; color:#fff; font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.directbar .distl{ display:block; overflow:hidden; height:24px; line-height:24px; font-size:12px; color:#fff;}
.directbar .distl i{ width:16px; height:16px; display:block; overflow:hidden; float:left;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_user2.png); margin:4px 3px 0 }
.directbar .distl span{ color:#fefefe}
.directbar p{ padding:5px; line-height:18px; font-size:12px; color:#fff}
.directbar p span{ color:#fefefe}
/*-------*/
.course ul li{border-bottom:#f3f3f3 1px solid; position:relative;padding:0px 10px 10px;margin:10px 0px; display:block; overflow:hidden}
.course ul li .c_pic{width:140px;height:80px; border-radius:6px; float:left; display:block; overflow:hidden; position:relative; margin-right:10px}
.course ul li .c_pic a img{width:100%;height:80px;border-radius:6px}
.course ul li .c_pic a.collect{ position:absolute;bottom:0px;left:0px;color:#FFF;font-size:12px;padding:3px 6px;background:#000;opacity:0.8;filter:alpha(opacity=80);}
.course ul li h3 a{line-height:20px;font-weight:normal;font-size:15px;margin-top:10px; font-family:Arial; height:46px; display:block}
.box01_list li.li_list{-webkit-overflow-scrolling: touch;
    overflow-y: scroll;}
.box01_list .proclass{ display:block; overflow:hidden}
.innerbody:hover .direction .play-cover{height:100%;}
.find_nav_list .direction .play-cover{height:100%;}
/*-------------------*/
/*2018-11-21-banner*/
.banner{border-radius:6px;position:relative;height:0; padding-top:19.35%; overflow:hidden; margin:0 8px 8px;animation-name:bounceIn;
    animation-duration: 0.8s; 
    animation-iteration-count:1; 
    animation-direction:alternate;
	animation-fill-mode: forwards;}
.banner a{ position:absolute; left:0; top:0; width:100%; height:100%;border-radius:6px;}
.banner img {display: block;width: 100%;border-radius:6px;}
.hseachbar img,.imgbar{ display:block; float:left; width:15%; margin:12px 2px 0 12px}
.imgbar{margin:14px 5px 0 12px}
.heseach{ float:left; display:block; width:77%; margin:7px 0 0 3px}
.hseachbar i{ left:22.5%}
/*---------------------------------------------------------*/
/*2018-12-01-课程支付系列样式*/
/*-----旧版样式-搬移过来------*/
header a.back{position:absolute;left:0px;top:0px;width:35px;height:48px;background-image:url(../images/back.png);background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
header .h_right{float:right;}
header .h_right a{width:40px;height:48px;display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; color:#fff}
header .h_right a.search{background-image:url(../images/search.png);}
header .h_right a.b_home{background-image:url(../images/b_home.png);}
header .h_right a.a_p{background-image:url(../images/a_p.png);}
header .h_right a.add{background-image:url(../images/add.png);}
/*选项卡导航*/
.nav{margin-top:48px;}
.nav ul{border-bottom:#c9c9c9 1px solid;background:#fff;}
.nav ul li{display:inline-block; position:relative;}
.nav ul li a{height:44px;line-height:44px;padding:0 18px;margin-left:10px;color:#666;font-size:17px;}
.nav ul li.sel a{color:#2499f9;color:#0372c6;border-bottom:#3496e1 2px solid;margin-bottom:-1px;}
.nav ul li a.msg{width:18px;height:18px;line-height:18px;position:absolute;right:0px;top:13px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background:#f00;color:#fff;display:block;z-index:9999;font-size:12px;padding:0px; text-align:center;}
.nav_tab ul{ background:#f4f4f4;}
.nav_tab ul li a{color:#444;}
.list{background:#FFF;}
.list ul li{border-bottom:#eaeaea 1px solid;position:relative;}
.list ul li a{height:44px;line-height:44px;display:block;background:url(../images/list01.png) no-repeat 5px center;padding-left:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list ul li span{ position:absolute;right:8px;top:15px;font-size:13px;color:#666;}
.list_tab ul li a{background:none;padding-left:10px;}
.list_tab ul li.next a{background:url(../images/list02.png) no-repeat right center;}
/*----------新增购买课程样式-开始--------------*/
/*.list{ padding-bottom:51px}*/
.purchasebottom{height:50px; display:block; overflow:hidden; background-color:#FFF; border-top:1px solid #ebebeb; position:fixed; left:0; bottom:0; width:100%; z-index:999999999}
.purchasebottom a.puc20,.purchasebottom .puc62{width:20%; height:50px; display:block; overflow:hidden; float:left;cursor:pointer; text-align:center; font-size:12px}
.purchasebottom .puc62{ width:62%; line-height:50px; font-size:24px; color:#000; text-align:left}
.purchasebottom .puc62 i{ font-size:12px; float:left; margin:5px 4px 0 10px; font-style:normal}
.purchasebottom .puc62 span.red{ line-height:56px; color:#f00}
.purchasebottom a.puc20 i{width:22px; height:21px; display:block; margin:7px auto 2px; background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s;}
.purchasebottom a.i_phone i{ background-image:url(../images/i_phone.png)}
.purchasebottom a.i_collect i{background-image:url(../images/i_collect.png)}
.purchasebottom a.puc20 span{ display:block; color:#0099ff}
.purchasebottom a.i_collect span{ display:block; color:#ff6600}
.purchasebottom a.i_collect.on i{background-position:0 -21px;}
.purchasebottom .puc60,.purchasebottom .puc38,.purchasebottom .puc50{width:60%; height:51px; display:block; overflow:hidden; float:left;cursor:pointer; text-align:center; font-size:18px; color:#fff; line-height:51px;margin-top:-1px;}
.purchasebottom .puc38{width:38%}
.purchasebottom .puc50{width:50%; }
.bluegradient{ background-color:#2499f9;
    background: -webkit-linear-gradient(90deg, #09dfff, #2499f9);
	background: -moz-linear-gradient(90deg, #09dfff, #2499f9);
	background: -o-linear-gradient(90deg, #09dfff, #2499f9);
	background: -ms-linear-gradient(90deg, #09dfff, #2499f9);
	background: linear-gradient(90deg, #09dfff, #2499f9);}
.redgradient{ background-color:#2499f9;
    background: -webkit-linear-gradient(90deg, #ff3333, #ff0149);
	background: -moz-linear-gradient(90deg, #ff3333, #ff0149);
	background: -o-linear-gradient(90deg, #ff3333, #ff0149);
	background: -ms-linear-gradient(90deg, #ff3333, #ff0149);
	background: linear-gradient(90deg, #ff3333, #ff0149);}
.button_su{overflow: hidden;position: relative;display: inline-block; }
.su_button_circle{background-color: red;border-radius: 1000px;position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;/*animation-timing-function: ease-in-out; */}
.button_su_inner{display: inline-block; color: #F4F4F4;font-size: 16px;font-weight: normal;width:100%; text-align: center;transition: 400ms;text-decoration: none;z-index: 100000;}
.button_text_container{position:relative; z-index: 10000; font-family:Arial}
.explode-circle {animation: explode 0.5s forwards;}
.desplode-circle{animation: desplode 0.5s forwards;}
.kcseachbar{ display:block; width:84%; height:36px; line-height:36px; margin:12px auto; position:relative}
.kcseachbar .heseach{ width:100%; height:36px; line-height:36px; padding:0; opacity:1;text-indent:15px}
.kcseachbar i{width:20px; height:20px; position:absolute; right:15px; top:15px;background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s; background-image:url(../images/ico_seach2.png)}
.graystate{ background-color:#ccc; color:#fff}
.mybar .resavatar{ bottom:-50px}
@keyframes explode {

  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(0, 204, 255,0.2);
  }
  100% {
    width: 800px;
    height: 400px;
    margin-left: -400px;
    margin-top: -200px;
    background-color:#1293fd;
    background: -webkit-linear-gradient(90deg, #1293fd, #09dfff);
	background: -moz-linear-gradient(90deg, #1293fd, #09dfff);
	background: -o-linear-gradient(90deg, #1293fd, #09dfff);
	background: -ms-linear-gradient(90deg, #1293fd, #09dfff);
	background: linear-gradient(90deg, #1293fd, #09dfff);
  }
}

@keyframes desplode {
  0% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    background-color:#1293fd;
 background: -webkit-linear-gradient(90deg, #1293fd, #09dfff);
	background: -moz-linear-gradient(90deg, #1293fd, #09dfff);
	background: -o-linear-gradient(90deg, #1293fd, #09dfff);
	background: -ms-linear-gradient(90deg, #1293fd, #09dfff);
	background: linear-gradient(90deg, #1293fd, #09dfff);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(0, 204, 255,0.6);
  }
}
.okrderbox{display:block; overflow:hidden;margin-top:48px; padding-bottom:51px}
.userorderinfor{ display:block; overflow:hidden; background:url(../images/iline.png) repeat-x left bottom #fff; padding:12px; margin-bottom:10px}
.usertouxbar{width:70px; height:70px; display:block; overflow:hidden; border-radius:70px; float:left; margin-right:10px}
.usertouxbar img{width:70px; height:70px; display:block; overflow:hidden; border-radius:70px;}
.usertilb{ height:30px; line-height:30px; font-size:15px; color:#000;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.usertilb a{ display:inline-block; margin-top:4px}
.usertilb span,.usertilb em{ color:#999; font-size:12px; font-style:normal}
.userorderinfor h3{ line-height:36px; font-size:20px; font-weight:normal ; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.typemobar,.orderbar{ display:block; overflow:hidden; clear:both; background-color:#fff; margin-bottom:12px}
.orderbar{ overflow-y:auto;-webkit-overflow-scrolling: touch;}
.typtl{ height:38px; line-height:38px; display:block; overflow:hidden; padding:4px 0}
.typtl i{ height:38px; width:3px; display:block; overflow:hidden; float:left; background-color:#008cff}
.typtl span{ font-size:16px; padding-left:12px; color:#000}
.typeselsectbar{ display:block; padding:6px 12px; overflow:hidden}
.typelist,.rebatelist{display:block; overflow:hidden; border-radius:6px; border:1px dashed #e5e5e5; padding:8px 9px; margin-bottom:12px}
.tysel{width:32px; height:32px; display:block; float:left; margin:12px 8px 0 0px;background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s; background-image:url(../images/i_tyxz.png)}
.tyionforbar{width:47%; display:block; overflow:hidden; float:left}
.tyionforbar h3,.rebinofrbar h3{ line-height:20px; font-size:15px; font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-top:5px; color:#000}
.tyionforbar p{ display:block; font-size:20px; color:#f00; line-height:30px; font-family:Arial}
.tyqxbar{ display:block; overflow:hidden; float:right; text-align:center}
.tyqxbar span,.rebinofrbar span,.rebinofrbar p{ font-size:12px; color:#999;font-family:Arial}
.tyqxbar p{font-size:15px; font-weight:normal;}
.tyqxbar i{ width:16px; height:16px; display:block; margin:0 auto 0;background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s; background-image:url(../images/i_time.png)}
.typelist.on,.rebatelist.on{ border:none; background-color:#ff6600}
.typelist.on p,.typelist.on h3,.typelist.on span,.rebatelist.on p,.rebatelist.on span,.rebatelist.on h3{ color:#fff}
.typelist.on .tyqxbar i{ background-position:0 -16px}
.typelist.on .tysel{background-position:0 -32px}
.rebatelist{ position:relative; overflow:hidden}
.rebinofrbar{width:70%; display:block; overflow:hidden; float:left}

.rebinofrbar h3{ margin-top:0; font-family:Arial}
.rebxzbar{display:block; overflow:hidden; float:right; width:56px}
.rebxzbar em{width:22px; height:22px; display:block; margin:7px 0px 0 0px;background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s; background-image:url(../images/i_tyxz.png); float:left; }
.rebatelist.on .rebxzbar em{background-position:0 -22px;}
.rebxzbar span{ display:block; float:right; line-height:36px; font-size:12px; color:#fff}
.canbar{ height:24px; line-height:24px; font-size:12px; padding:0 7px; border-radius:6px; border:1px solid #00a0e9; background-color:#ddf1ff; display:block; overflow:hidden; float:right; margin:6px 10px 0 0; color:#0094d8}
.canbar span{ font-size:12px;color:#0094d8; margin:0; padding:0}
.policybar{ display:block; margin:0 12px 20px; overflow:hidden; line-height:24px; font-size:12px; color:#000;}
.policybar a{ color:#2499f9; display:inline-block}
.policybar a.gray{  color:#bbb; float:right; font-size:12px}
.policybar span{width:14px; height:14px; display:block; float:left; overflow:hidden; border:1px solid #2499f9; border-radius:14px; margin:4px 4px 0 0;background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s; background-image:url(../images/i_zcxz.png)}
.policybar.on span{background-position:0 -14px;}
.je1,.je2{width:12px; height:12px; display:block;border:1px dashed #e5e5e5; position:absolute; right:26%; top:-6px; background-color:#fff; z-index:9; border-radius:12px}
.je2{ top:auto; bottom:-6px}
.rebatelist.on .je1,.rebatelist.on je2{ border:1px solid #fff}
.paymoneybar,.ordetailtop,.registerbanner,.myheadbar{ background-color:#2499f9; position:relative; text-align:center; margin-bottom:12px; font-size:48px; color:#FFF; font-family:Arial; padding:20px 0 25px;-webkit-overflow-scrolling: touch;position: relative;background-size:cover; background-image:url(../images/head-bg.png); background-position:left bottom; }
.ordetailtop{ padding:15px 0 20px;background-image:url(../images/head-bg2.png);}
.ordetailtop img{ width:50%}
.ju1,.ju2{width:16px; height:16px; display:block;border:1px dashed #e5e5e5; position:absolute; left:-8px;top:50%; margin-top:-8px; background-color:#fff; z-index:9; border-radius:16px}
.ju2{ left:auto;  right:-8px}
.paymoneybar span{ font-size:14px}
.okrderlist{ display:block; overflow:hidden}
.okrderlist li{ padding:6px 0; display:block; overflow:hidden; border-bottom:1px solid #f1f1f1}
.okrderlist li a{ display:block; overflow:hidden; width:100%; cursor:pointer; }
.okrderlist li a img{ float:left;width:50px; display:block;}
.okrderlist li a span{ font-size:20px; color:#000; vertical-align:middle; height:100%; line-height:50px; padding-left:12px}
.okrderlist li a i{width:38px; height:38px; display:block; overflow:hidden; float:right; border:1px solid #d5d5d5; border-radius:40px; margin:5px 5px 0 0;background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s; background-image:url(../images/ico_pay.png)}
.okrderlist li a.on i{background-position:0 -35px; border:1px solid #2499f9; background-color:#2499f9}
.paybtn{width:60%; height:50px; line-height:50px;margin:25px auto; float:none; border-radius:80px; display:block;box-shadow: 0 6px 18px rgba(21, 157, 253, .2) !important;}
.paybtn .button_su_inner{ font-size:20px;border-radius:80px; overflow:hidden}
.orderok{width:90px; display:block; position:absolute; left:50%; bottom:-45px; height:90px; z-index:10; margin-left:-45px}
.orderok img{width:90px; height:90px}
.ordertailtl{ display:block; overflow:hidden; padding:50px 0 0; font-size:20px; font-weight:normal; color:#008cff; text-align:center}
.dertabtnbar{ display:block; overflow:hidden; padding:14px 0; text-align:center}
.dertabtnbar a{ display:inline-block; overflow:hidden; width:32%; margin:0 4%}
.dertbtn{ border:1px solid #008cff; position:relative; border-radius:6px; text-align:center; height:32px; line-height:32px; font-size:14px; color:#008cff; overflow:hidden}
.dertbtn .play-cover {position: absolute;left: 0;top: 0;width: 100%;height:0%; background: rgba(0, 140, 255, 1);opacity: 0;transition: all .25s; z-index:2}
.dertbtn span{position: absolute;left: 0;top: 0;width: 100%; height:32px; line-height:32px;font-size:14px; color:#008cff; z-index:3}
.dertbtn:hover .play-cover,.dertbtn.on .play-cover{ opacity: 1; height:100%; }
.dertbtn:hover span,.dertbtn.on span{color:#FFFFFF}
.derbone{ background-color:#008cff}
.derbone .play-cover{background: rgba(0, 102, 255, 1);}
.derbone span{ color:#FFF}
.derbone:hover{ border:1px solid #0066ff}
.detailsbar{ display:block; padding:5px 12px 15px;  color:#999}
.detailsbar p{ line-height:22px; font-size:14px; color:#999; font-family:Arial}
.detailsbar p a{ display:inline-block;color:#999;font-family:Arial}
.slate5-shadow {
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s;
	cursor:pointer
}
.slate5-shadow.on {
	box-shadow: 0 6px 15px rgba(0, 0, 0, .2) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.slate1-shadow {
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s;
	cursor:pointer
}
.slate1-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
/*----------新增购买课程样式-结束--------------*/
/*----------2018-12-4-新增-APP下载页介绍-开始-------------*/
.introducingbanner{position:relative;height:0; width:100%; padding-top:50%; overflow:hidden}
.introducingbanner a{ position:absolute; left:0; top:0; width:100%; height:100%}
.introducingbanner img {display: block;width: 100%;}
.introdinofrbar{width:100%; height:30px; line-height:30px; display:block; overflow:hidden; position:absolute; left:0; bottom:0;background:rgba(0, 0, 0, .5);}
.introdinofrbar span{ color:#fff; opacity:1; font-size:12px; text-indent:12px; display:block}
.downinofrbar{ display:block; overflow:hidden; padding:12px 12px 10px;border-radius:16px}
.downinofrbar img{ float:left; display:block; overflow:hidden; width:27%; margin-right:8px; border-radius:16px}
.downinofrbar h3{ font-size:20px; line-height:30px; font-weight:normal; color:#000; padding:5px 5px 5px 0}
.dwtext{ display:block; overflow:hidden; color:#999; font-family:Arial; font-size:12px; padding-bottom:6px}
.dwtext a,.dwtext span{ display:inline-block; color:#999;font-family:Arial;}
.dwtext span{ margin-right:10px}
.downinofrbar .dertbtn{width:40%}
.prompt{ padding:0 12px 10px; display:block; font-size:12px; color:#999;word-break:break-all;}
.prompt span{ color:#f00}
/*------------新增-APP下载页介绍-结束-------------*/

/*----------2018-12-4-新增-领劵注册页面-开始-------------*/
.couponbody{background-image:url(../images/couponbody.jpg); background-color:#ff0149; background-position:0 0; background-size:cover; width:100%; height:100%}
.imgbg{width: 100%;vertical-align:top; }
.imgbg img{width: 100%;}
.loginsdk{ padding:0 12px 15px; display:block; overflow:hidden}
.coupon-content{ display:block; overflow:hidden; background-color:#fff; border-radius:12px; width:100%;}
.coupon-content ul{padding:10px 15px; display:block; overflow:hidden}
.coupon-content ul li{ display:block; overflow:hidden; margin-top:10px; position:relative}
.coupon-content ul li input{ padding:10px 0; font-size:16px; text-indent:12px; border:1px solid #dcdcdc; background-color:#fff; border-radius:50px; width:100%; outline:none}
.coupon-content ul li  .sendtime{ color:#009cff; position:absolute; right:0; top:0; padding:12px 18px; font-size:12px}
.form_warning{line-height:20px; font-size:12px; color:#ff0149; display:block; padding:0 20px 5px}
.collarbtn{width:90%; height:50px; line-height:50px;margin:0px auto 20px; float:none; border-radius:80px; display:block;box-shadow: 0 6px 18px rgba(255, 1, 73, .2) !important;}
.collarbtn .button_su_inner{ font-size:20px;border-radius:80px; overflow:hidden}
.ps-bottom{ padding:0 12px}

.ps-bottom .policybar{font-size:14px}
.ps-bottom .policybar.on span{background-position:0 -12px }
.copyrightbar{ display:block; overflow:hidden; text-align:center; font-size:12px; padding:20px 10px 10px; color:#fff; opacity:0.9}
/*----------新增-领劵注册页面-结束-------------*/

/*2018-12-5-新增移动网-app下载浮动图标---*/
.app_xiazai{width:60px; height:60px; display:block; overflow:hidden; cursor:pointer; position:fixed; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_appxz.png); z-index:999999999999999}
.app_xiazai span{ color:#fff; display:block; overflow:hidden; text-align:center; font-size:12px; padding-top:41px; font-family:Arial}
/*---------------------------------------------------------------*/

/*---------2018-12-07-新增-服务协议------------*/
.textcont{ padding:12px 12px 24px; display:block; overflow:hidden; margin-top:48px}
.textcont p{ line-height:24px; font-size:14px; color:#333; display:block; text-indent:2em; font-family:Arial; padding-bottom:4px; padding-top:4px}
.textcont h3{ line-height:36px; font-size:18px; font-weight:bold; margin-top:10px; color:#000}
.textcont h4{ line-height:24px; font-size:15px; font-weight:bold; color:#000; padding-top:5px}
/*-----------------------------------------------------------*/

/*-------------2018-12-11-新增-登录-我的-系列模块------------*/
/*登录模块*/
.loginbg{background-image:url(../images/loginbg.jpg); background-color:#3b20ff; background-position:0 0; background-size:100% 100%; width:100%; height:100%; background-repeat:no-repeat; display:block; overflow:hidden}
.loginlogo{width:38%; margin:28px auto 6px; display:block; overflow:hidden}
.loginlogo img{width:100%; display:block; vertical-align:top}
.loginbend{ padding:12px; display:block; overflow:hidden}
.loginbend li{ display:block; position:relative; overflow:hidden; margin-bottom:16px}
.loginbend li input{padding:11px 0; font-size:16px; text-indent:44px; border:2px solid rgba(255,255,255,.5);  border-radius:50px; outline:none; width:96%;color:#fff; margin:0 auto; background:none; display:block}
.loginbend li input::-webkit-input-placeholder { color:#fff}
.loginbend li i{width:20px; height:23px; display:block; position:absolute; left:6%; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; top:12px}
.loginbend li.loginuser i{ background-image:url(../images/ico_loginuser.png)}
.loginbend li.loginpassword i{background-image:url(../images/ico_loginpassword.png)}
.loadtext{ padding:0 28px 12px; display:block; overflow:hidden }
.loadtext a{font-size:14px; color:#fff}
.loginbtn{width:90%; height:50px; line-height:50px;margin:0px auto 20px; float:none; border-radius:80px; display:block;box-shadow: 0 6px 18px rgba(0, 255, 255, .3) !important;}
.loginbtn .button_su_inner{ font-size:20px} 
.thr_bend{ width:90%; display:block; overflow:hidden; margin:0 auto; padding-top:15px; position:relative; text-align:center}
.thrline{height:20px;margin:0px auto 15px auto; background-image:url(../images/thrline.png); background-position:center center; background-size:80%; background-repeat:no-repeat}
.thr_bend a{width:60px; height:60px; display:inline-block; margin:0 20px;background-position:center center; background-size:100% 100%; background-repeat:no-repeat}
.thr_bend a.loginqq{ background-image:url(../images/ico_loginqq.png)}
.thr_bend a.loginwx{ background-image:url(../images/ico_loginwx.png)}
.four_bend{ display:block; text-align:center; padding:24px 0 0}
.four_bend a{ font-size:14px; color:#fff; opacity:0.6; height:30px; line-height:30px}
/*注册模块*/
.registerbar,.mybar,.datamodibar,.couponbar{display:block; overflow:hidden;margin-top:48px;}
.registerbanner{ padding:0; font-size:inherit; }
.registerbanner img{ width:50%; margin-bottom:-4px}
.registbar .coupon-content ul li input{ width:99%; margin:0 auto; padding:12px 0; text-indent:48px}
.registbar .coupon-content ul li{ margin-top:15px}
.registbar .coupon-content ul{ padding-top:0;}
.registbar .coupon-content ul li .sendtime{ font-size:14px; color:#2499f9; padding:13px 20px;}
.regibtn{width:92%; height:50px; line-height:50px;margin:25px auto; float:none; border-radius:80px; display:block;box-shadow: 0 6px 18px rgba(21, 157, 253, .2) !important;}
.regibtn .button_su_inner{ font-size:18px}
.registbar .ps-bottom{ font-size:14px}
.registbar .ps-bottom span{width:16px; height:16px; }
.registbar .ps-bottom .policybar.on span{ background-position:0 -16px; background-color:#119bfd}
.registbar .coupon-content ul li i{width:22px; height:22px; display:block; position:absolute; left:4.8%; top:12px;position:absolute; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; }
.registbar .coupon-content ul li i.i_dianh{ background-image:url(../images/ico_phone.png)}
.registbar .coupon-content ul li i.i_danx{ background-image:url(../images/ico_duanx.png)}
.registbar .coupon-content ul li i.i_user{ background-image:url(../images/ico_user3.png)}
.registbar .coupon-content ul li i.i_password{ background-image:url(../images/ico_password.png)}
.dixbar{display:block; text-align:center; padding:40px 0 16px}
.dixbar a{ font-size:16px; color:#2499f9;height:30px; line-height:30px}
.warningbar{ display:block; position:fixed; bottom:40px; left:50%; width:80%; padding:10px; background-color:#0060ff; margin-left:-43%; text-align:center; color:#fff; border-radius:100px; opacity:0.8}
.registerbanner h3{ padding:10px 0 110px; height:30px; line-height:30px; font-size:18px; font-weight:normal}
.resavatar{width:140px; height:140px; display:block; border-radius:140px; border:5px solid rgba(255,255,255,0.5); position:absolute; left:50%; margin-left:-70px; bottom:-60px}
.resavatar img{ width:100%; height:100%; display:block; overflow:hidden; border-radius:140px}
.registbar2{ padding-top:54px}
.registbar2 .ps-bottom .policybar p,.ps-bottom .policybar p{ color:#999; font-size:12px}
.avatarupload{width:36px; height:36px; position:absolute; right:0; bottom:0;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/my_avatar_edit.png)}
.coupon-content ul li .mimasee,.materialist li .mimasee{width:22px; height:22px; display:block; position:absolute; right:4.8%; top:12px;position:absolute; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_mimasee.png)}
.materialist li .mimasee{ right:4px}
.coupon-content ul li .mimasee.no,.materialist li .mimasee.no{background-image:url(../images/ico_mimasee_on.png)}
.registbar .policybar span{ margin-top:2px}
/*我的模块*/
.mybar{}
.myheadbar{padding:10px 0 35px; overflow:hidden;text-align:left}
.myavatar{width:100px; height:100px; display:inline-block; border-radius:200px;margin-left:16px; float:left; margin-right:10px; vertical-align:top; overflow:hidden}
.myavatar img{width:100px; height:100px; display:block; border-radius:200px; border:3px solid rgba(255,255,255,.5); }
.myheadbar h3{ line-height:40px; font-size:20px; font-weight:normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:54%; padding:7px 0 0}
.zhuanyevip{ height:48px; display:block; overflow:hidden}
.viptext,.mytext{ line-height:24px; font-size:14px; font-weight:normal; display:block;}
.mytext a{ display:inline-block; color:#ff0; padding-left:14px}
.viptext i{width:18px; height:16px; display:block; overflow:hidden; float:left;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_vip.png); margin-right:4px; margin-top:4px}
.next_page{width:11px; height:18px; display:block; overflow:hidden;background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.myheadbar a.next_page{ background-image:url(../images/nav_btn_next_1.png); position:absolute; right:18px; top:50%; margin-top:-14px}
.ebox{ background-color:#fff; padding:0 12px; display:block; overflow:hidden; margin-bottom:10px}
.ebox ul li{ position:relative}
.ebox ul li a{ height:45px; line-height:45px; display:block; border-bottom:#f3f3f3 1px solid; font-size:16px; color:#333; font-family:Arial}
.ebox ul li a img{margin:0 10px -4px 8px;width:20px;height:20px;}
.ebox ul li a .next_page,.materialist li .next_page{ float:right; margin:14px 7px 0 0; background-image:url(../images/nav_btn_next_2.png)}
.ebox ul li a span{ float:right; margin:0px 16px 0 0; font-size:14px}
.ebox ul li a span.red{ color:#f00; font-family:Arial}
.ebox ul li a span.gray{color:#ccc; font-family:Arial}
.ebox ul li a span.blue{color:#2499f9; font-family:Arial}
.ebox ul li a em{ font-style:normal}
.mybar .registerbanner{ padding-bottom:110px; margin-bottom:0}
.homepageinforbar{ padding-top:60px; padding-bottom:7px; background-color:#FFF}
.resavatar .i_vip{width:30px; height:27px; display:block; overflow:hidden; position:absolute; right:0; bottom:0;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/ico_vip2.png)}
.homepageinforbar h3{ padding:0 12px 3px; text-align:center; font-size:20px; font-weight:normal; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homepageinforbar h3 img{ width:18px; display:inline-block; margin:0 0 -2px 4px}
.vipinforbar,.realnamebar{padding:3px 12px; display:block; overflow:hidden; text-align:center;}
.vipinforbar a{ font-size:12px; padding:2px 6px; color:#ffa800; border:1px solid #ffa800; display:inline-block; border-radius:4px; font-family:Arial; margin:0 2px}
.realnamebar a.goreal{font-size:12px; padding:2px 6px; color:#2499f9; border:1px solid #2499f9; display:inline-block; border-radius:4px;}
.goreal i{width:6px; height:10px; display:inline-block;background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/nav_btn_next_3.png); margin:0 0px 0px 6px}
.realnamebar span{ font-size:12px}
.realnamebar span em{ font-style:normal; color:#2499f9}
.realnamebar span img{width:20px; margin:0 4px -3px}
.nybanner{ margin:10px; display:block; overflow:hidden; border-radius:6px}
.nybanner img{ width:100%; vertical-align:top}
/*个人资料*/
.materialist{ display:block; overflow:hidden; margin:10px auto 0; background-color:#fff}
.materialist ul{padding:0 12px}
.materialist li{height:45px; line-height:45px; display:block; border-bottom:#f3f3f3 1px solid; font-size:16px; color:#333; position:relative}
.materialist li a{width:25%; display:block; float:left; margin:0; padding:0; font-family:Arial}
.materialist li input{width:75%; float:right; display:block; border:none; background-color:#fff; font-size:16px; color:#333; margin:0; padding:10px 0; line-height:25px; outline:none}
.materialist li input.input_right{ text-align:right}
.materialist li span{ float:right; line-height:45px}
.materialist li span.gray{ color:#999}
.materialist li .next_page{ margin-left:12px}
.materialist li.perli{height:80px; padding:10px 0; line-height:80px}
.materialist li.perli a.pertoux{ width:80px; height:80px; border-radius:80px; display:block; overflow:hidden; float:right}
.materialist li.perli a.pertoux img{width:100%; height:100%;border-radius:80px;}
.materialist li input.region{ width:66%; text-align:right;}
.materialist li input.input_left{ width:66%; text-align:left; float:left}
.changephone img{width:45%}
.datamodibar .ps-bottom .policybar{ margin:12px 0 0}
.surebtn{height:40px; line-height:40px; display:block; margin:20px 12px 20px; background-color:#2499f9; font-size:18px; color:#fff; border-radius:6px; text-align:center}
/*实名认证*/
.materialist li span.input_left{ float:left; color:#999}
.idphoto{ padding:12px 12px 0; display:block; overflow:hidden}
.idcard{width:80%; height:32px; padding-top:48%; position:relative; display:block; overflow:hidden; background-color:#fff; margin:0 auto 12px; border-radius:10px}
.cardbar{width:100%; height:100%; position:absolute; left:0; top:0;}
.cardpic{width:83%; margin:10px auto; display:block; overflow:hidden;  background-position:0 0; background-repeat:no-repeat; background-size:cover; background-image:url(../images/i_kuang.png); height:77%;}
.cardpic img{width:90%; margin:10px auto 0; display:block; height:88%; border-radius:6px}
.cardtl{ height:32px; display:block; line-height:32px; text-align:center; font-size:14px; color:#fff;background-color:#2499f9; }
.idphoto .ps-bottom .policybar p{ line-height:18px}
.idphoto .ps-bottom .policybar p em{ color:#f00; font-style:normal}
.datamodibar .ebox ul li a span{ margin-right:0}

/*--我的课程--*/
.find_nav{ height:40px; display:block; background:url(../images/headnavline.png) repeat-x left bottom #fff; margin-top:48px}
.mycourses .find_nav_list ul li{margin:0 15% 0 14%}
.cousebar{ margin:10px auto; padding:0 12px; display:block; overflow:hidden; background-color:#fff}
.couselist{border-bottom:#f3f3f3 1px solid; position:relative;padding:10px 0px 10px;margin:0px; display:block; overflow:hidden}
.couselist .c_pic{width:140px;height:80px; border-radius:6px; float:left; display:block; overflow:hidden; position:relative; margin-right:10px}
.couselist .c_pic a img{width:100%;height:80px;border-radius:6px}
.couselist h3 a,.couselist h2 a{line-height:30px;font-weight:normal;font-size:15px;margin-top:2px; font-family:Arial;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tagbar{ display:block; overflow:hidden; line-height:24px}
.tagbar p,.drawbar p{ display:block; overflow:hidden; font-size:12px; color:#aaaaaa; font-family: Arial}
.tagbar p .orange{ color:#FF7600}
/*暂无数据*/
.nodata{ display:block; overflow:hidden; text-align:center; padding:10px 0; margin-top:28%}
.nodata img{ width:30%}
.nodata p{ line-height:30px; font-size:14px; color:#999}
.feebtn{ padding:0px 14px; color:#FF7600; border:1px solid #FF7600; border-radius:6px; line-height:20px; margin-left:5px}
/*我的订单*/
.myorder .find_nav_list ul li{margin:0 12%; width:25%}
.drawbar{ display:block; overflow:hidden; line-height:15px}
.drawbar p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.orderlist h3 a{ margin-top:0; line-height:28px}
.orderlist .tagbar{ line-height:22px}
.orderlist .tagbar p .orange{ font-size:14px}
/*我的收藏*/
.editor{width:28px;height:28px;overflow:hidden; display:inline-block; border:1px solid #d5d5d5; border-radius:40px; background-position:0 0; background-repeat:no-repeat; background-size:cover;transition: all .2s; background-image:url(../images/ico_choose.png)}
.couselist .editor{ float:left; display:block; margin:24px 6px 0 0}
.editor.on{background-position:0 -28px; border:1px solid #ff6600; background-color:#ff6600}
.pickbar{ text-align:center}
.pickbar .editor{margin:0px 5px -8px 0}
.pickbar span{ color:#333; font-size:16px; line-height:51px}
.discount{ text-decoration:line-through; margin-left:10px}
.manage .box01_list li.li_list{-webkit-overflow-scrolling: touch;overflow:hidden; position:relative}
.manage .box01_list li.li_list .licont{ overflow-y:auto}
.manage .box01_list li.li_list .purchasebottom{ position:absolute}
/*我的优惠劵*/
.martop10{ margin-top:10px}
.voucherlib,.failurelib{ background-color:#df2f37; border-radius:6px; padding:8px 20px; position:relative;color:#ffcc99; text-align:center;font-family:Arial; overflow:hidden; margin-bottom:10px}
.failurelib{ background-color:#ebebeb; color:#888}
.voucherlib h3,.failurelib h3{ line-height:24px; font-size:18px;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:4px}
.voucherlib p,.failurelib p{ line-height:14px; font-size:12px}
.voucherlib .vline,.failurelib .vline{ height:0px; border-bottom:1px dashed #b60008; clear:both; margin:5px auto 10px}
.failurelib .vline{border-bottom:1px dashed #d6d6d6;}
.ticketbtn{ padding:4px 20px; margin-bottom:4px; border-radius:50px;font-size:12px; display:inline-block; line-height:14px}
.voucherlib .ticketbtn{ background-color:#fff; color:#b60008}
.failurelib .ticketbtn{ background-color:#fff; color:#777}
.couponbar em{ border:0}
.typeselsectbar .nodata{ margin-top:0px;}
.couponbar .typemobar{ margin-bottom:10px; margin-top:10px}
/*邀请返利*/
.rightxt{ float:right; line-height:48px; padding-right:10px; color:#FFFFFF; font-size:14px}
.rebatebody{ background-position:0 0; background-repeat:no-repeat; background-size:cover; background-image:url(../images/rebatebodybg.jpg); width:100%; display:block; overflow:hidden; padding-bottom:40px}
.rebatebody header{ background:none}
.pic-module{width: 100%;vertical-align:top}
.rebatebox{ display:block; overflow:hidden; padding:0 10px;}
.beam{height:12px; display:block; background-color:#ed3017; border-radius:8px;padding:7px 10px}
.beamtwo{height:12px; display:block; background-color:#a51400; border-radius:10px;}
.rebatebar{ display:block;padding:30px 12px 12px; background:url(../images/rebatebarbg.png) repeat-x scroll 0 0 #fff; margin:-15px 15px 12px; position:relative; border-radius:0 0 10px 10px}
.tebtlb{border-bottom:#fb6451 1px solid; text-align:center;width:88%; display:block; height:10px;margin:0px auto 10px;}
.tebtlb h3{background:#fff;padding:0 10px;font-size:20px; color:#f00; text-align:center; font-style:normal; display:inline-block; margin:-4px 0 0px 0}
.rline{ height:0; border-bottom:1px dotted #e4e4e4; margin-bottom:12px; margin-top:4px}
.nvitationlink{ font-size:14px; #999}
.nvitationlink a.linkbtn{ display:inline-block; padding:4px 16px; background-color:#ff3333; color:#fff; border-radius:6px; line-height:20px}
.nvitationlink p{ padding:4px 0; line-height:16px; word-break:break-all;}
.genqrbox{ padding:6px; display:block; overflow:hidden; text-align:center}
.rebabtn{ padding:6px 14px; line-height:24px; font-size:16px;background-color:#ff3333; color:#fff; border-radius:6px; display:inline-block}
.rebabtn i{ width:20px; height:20px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/i_jt.png); margin:0 0 -5px 6px}
.genqrbox .rebabtn{ margin:30px 0 40px}
.jt2{width:10px; height:10px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/i_jt2.png); margin:0 0 -1px 3px}
.genqrbox p{ font-size:12px;  color:#999}
.genqrbox img{width:50%; vertical-align:top}
.qrbox{ display:block; overflow:hidden}
.award{ display:block;padding:0px 12px 12px; background-color:#fff; margin:0 15px 0; position:relative; border-radius:0 0 10px 10px}
.awardtl{width:160px; height:40px; margin:0 auto; line-height:36px; font-size:16px; color:#fff; background:url(../images/awardtl.png) no-repeat 0 0; background-size:cover; text-align:center}
.awardtj{width:110px; height:110px; display:block; overflow:hidden; background:url(../images/awardtj.png) no-repeat 0 0; background-size:cover; text-align:center; margin:10px auto 0}
.awardtj span{ line-height:36px; height:36px; font-size:18px; color:#fff; margin-top:54px; font-family:Arial; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:0 10px; text-align:center}
.aptxt{ font-size:14px; text-align:center; padding:5px 0; color:#cc0000}
.awarbent{ padding:8px 0 6px; display:block; overflow:hidden; border-bottom:1px dotted #e4e4e4; text-align:center}
.awarmkit{width:48%; display:inline-block;background-size:100%;background-position:0 0; background-repeat:no-repeat; height:62px; overflow:hidden}
.kit1{ background-image:url(../images/kit1.png)}
.kit2{ background-image:url(../images/kit2.png)}
.awarmkit span{ line-height:56px; font-size:14px; color:#fff; margin-left:52%; height:62px; float:left; width:48%; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aptxt2{ text-align:center; font-size:12px; color:#999; padding:15px 0 12px}
.sharebar{ margin:0 auto; display:block; text-align:center}
.i_dot{ width:10px; height:60px; display:block; overflow:hidden; position:absolute; bottom:-36px;background-size:100%;background-position:0 0; background-repeat:no-repeat; background-image:url(../images/i_dot.png); z-index:9999}
.dotleft{left:24px}
.dotright{ right:24px}
.rebatebody .rebateheader{ background-color: rgba(255,90,34,1);}
/*设置*/
.sitebar .ebox{ margin-top:10px}
.ebox ul li a.switch{width:48px; height:28px; border-bottom:none;  position:absolute; right:0; top:9px;background-size:100% 100%;background-position:0 0; background-repeat:no-repeat; }
.ebox ul li a.switch.open{ background-image:url(../images/ico_switch_on.png)}
.ebox ul li a.switch.close{ background-image:url(../images/ico_switch_up.png)}
.ebox ul li a.clearbtn{width:48px; height:24px; border-bottom:none; line-height:24px; position:absolute; right:0; top:11px; font-size:12px; text-align:center; border-radius:24px; color:#fff}
.ebox ul li a.clearbtn.can{background-color:#00cc66;}
.ebox ul li a.clearbtn.not{background-color:#aaaaaa;}
.ebox ul li a span.vice{ float:none; color:#999}
.ebox ul li span.tell{height:20px; line-height:20px; font-size:14px; color:#999; position:absolute; top:13px; right:60px}
.abortbtn{height:40px; line-height:40px; display:block; margin:20px 12px 30px; background-color:#fff; font-size:16px; color:#333; border-radius:6px; text-align:center}
.txtlist p{height:25px;line-height:25px;display:block;color:#666;padding-left:10px; font-family:Arial; font-size:16px;word-break:break-all; overflow:hidden}
.txtlist p span{height:25px;line-height:25px;display:inline-block;font-family:Arial;}
.dline{height:0; border-bottom:1px solid #f3f3f3; margin:0 12px; clear:both}
.textarea_jy{ width:100%; height:80px; border:none; font-size:14px; line-height:20px; resize:none; outline:none}
/*首次登录引导页*/
.guidebg_1,.guidebg_2{background-image:url(../images/loginguide_1.jpg); background-position:0 0; background-size:100% 100%; background-repeat:no-repeat; display:block; overflow:hidden}
.guidebg_2{background-image:url(../images/loginguide_2.jpg);}
.loginguide1_top{ width:65%; display:block; margin:10px auto 0; vertical-align:top}
.loginguide1_box{ width:90%; display:block; margin:0 auto}
.loginguide1_box td a{ display:block; overflow:hidden; width:65%; margin-bottom:10px}
.loginguide1_box td img{width:100%}
.jumpbtn,.returnbtn{width:38px; height:38px; display:block; border-radius:50px; background-color:rgba(0,0,0,.4); position:fixed; right:10px; top:10px; font-size:12px; text-align:center; line-height:38px; color:#fff}
.returnbtn{ right:auto; left:10px; overflow:hidden}
.returnbtn img{ width:24%; display:block; margin:12px auto 0; opacity:0.6}
.loginguidebar{padding:32px 12px 20px; display:block; overflow:hidden; border-radius:10px; margin:-22px auto 0; background-color:#FFF; width:80% ;-moz-box-shadow:0px 0px 8px rgba(0,70,200,0.6); -webkit-box-shadow:0px 0px 8px rgba(0,70,200,0.6); box-shadow:0px 0px 8px rgba(0,70,200,0.6);}
.loginguidebox{padding:10px 0; border-top:1px dashed #eee; display:block; overflow:hidden; overflow-y:auto; border-bottom:1px solid #f2f2f2}
.loginguidebar .regibtn{width:98%; margin:10px auto 0;}
.logptxt{ text-align:center; font-size:14px; padding-top:5px}
.logptxt a{ display:inline-block; color:#0099ff}
.gulist{ display:block; overflow:hidden;}
.gulist li{ width:90%; margin:0 auto 8px; display:block; text-align:center; border-radius:50px; border:1px solid #0099ff; overflow:hidden}
.gulist li a{ padding:8px 12px; font-size:14px;color:#0099ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: all .2s; }
.gulist li.on{border:1px solid #f90}
.gulist li.on a{background-color:#f90; color:#fff;}
.loginguidebox .couselist .editor{ float:right; margin-right:0}
.loginguidebox .couselist .c_pic{width:130px; height:74px; margin-right:8px}
.loginguidebox .tagbar{ line-height:21px}
/*首次启动引导页*/
.wraper{width:100%; height:100%;overflow:hidden;}
.wraperimgs{position:relative;width:100%;height:100%;margin:0 auto;overflow:hidden;z-index:1;background:url(images/loading.gif) no-repeat center center;touch-action: pan-x;touch-action: pan-left;touch-action: pan-right;}
.wraperimgs.visible{overflow:visible;}
.wraperimgs div.lead{overflow:hidden;background-position:0 0; background-size:cover; background-repeat:no-repeat; width:100%; height:100%}
.wraperimgs div.lead1{ background-image:url(../images/lead_pic1.jpg)}
.wraperimgs div.lead2{ background-image:url(../images/lead_pic2.jpg)}
.wraperimgs div.lead3{ background-image:url(../images/lead_pic3.jpg)}
.wraperimgs img{display:block; width:100%}
.navsdot{z-index:10;position:absolute; width:100%; margin:0 auto; left:0%; text-align:center; bottom:24px}
.navsdot a{overflow:hidden;display:inline-block;width:8px;height:8px;margin:0 5px;transition:all 600ms ease; background-color:#0eb6fe; border-radius:30px}
.navsdot .active{background:#0099ff; width:32px}
.try{ font-size:14px; color:#aaaaaa; width:100px; height:20px; line-height:20px; position:fixed; left:50%; margin-left:-50px; text-align:center; bottom:54px}
.leadbtnbar{ display:block; width:100%; position:absolute; left:0; bottom:110px; height:38x; text-align:center;vertical-align:top}
.leadbtnbar .dertbtn{ width:36%; display:inline-block;height:36px; line-height:36px; overflow:hidden;vertical-align:top;margin:0 2%}
.leadbtnbar .dertbtn span{height:36px; line-height:36px; font-size:16px}
.leadbtn{width:36%;height:38px; line-height:38px; display:inline-block; border-radius:6px;overflow:hidden;vertical-align:top; margin:0 2%}
/*---------------------------------------------------------*/
/*2018-12-25-首页改版*/
.iheadbar{width:100%;height:42px; display:block; position:fixed; left:0; top:0; z-index:9999999;}
.headlogo,.topseach,.topvrbar{ padding:4px 10px; display:block;background-color:rgba(0,0,0,.4); float:left; height:24px; border-radius:60px; margin:9px 0 0 12px;transition: all .2s;}
.headlogo a{ display:block; width:100%; height:100%}
.topseach{ float:right; margin:6px 12px 0 0; padding:0; height:30px; width:30px;}
.topvrbar{float:right; margin:6px 12px 0 0; padding:0; height:30px;}
.headlogo img{ height:100%;}
.topseach img{ height:22px; margin:4px auto 0; display:block;transition: all .2s;}
.topvrbar img{ height:22px; margin:4px 4px 0 6px; display:block; float:left;transition: all .2s;}
.topvrbar span{ height:30px; line-height:30px; font-size:14px; color:#fff; padding-right:10px; font-family:Arial; width:29px; float:left}
.tophead .headlogo,.tophead .topseach,.tophead .topvrbar{background-color:rgba(0,0,0,.0)}
.tophead .topvrbar span{ width:0; display:block; overflow:hidden; padding:0}
.tophead .topseach img{height:28px; margin-top:2px}
.tophead .topvrbar img{ height:28px; margin-top:2px}
.tophead .headlogo{height:28px; margin-top:6px; border-radius:0; width:93px; margin-left:6px}
.batch{ float:right; margin:13px 0 0 0; font-size:12px;}
.coutlb span{ font-size:12px; color:#999; padding-left:12px}
.allbtn{ margin:10px; display:block; height:44px; display:block; text-align:center; line-height:44px; font-size:14px; color:#333; background-color:#fff; border-radius:6px}
.article ul{ display:block; overflow:hidden; margin:0 8px}
.article ul li{border-bottom:#f3f3f3 1px solid; position:relative;padding:0px 0px 10px;margin:10px 0px 0px; display:block; overflow:hidden}
.article ul li a{ display:block; overflow:hidden; width:100%; height:100%}
.article ul li a .artpic{ width:146px; height:88px; display:block; overflow:hidden; float:right; border-radius:6px; margin-left:6px; padding:0}
.article ul li a .artpic img{width:100%; height:100%}
.article ul li a h3{line-height:20px;font-weight:normal;font-size:15px;margin-top:5px; font-family:Arial;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article ul li a p{ font-size:11px; color:#999; line-height:16px; height:34px; overflow:hidden; padding:3px 0; font-family:Arial}
.box01_list .article ul li a p{line-height:16px; height:30px}
.artcolun{display:block;padding-top:6px; overflow:hidden;}
.artc_left{ float:left; height:20px; display:block; overflow:hidden}
.artc_time{ float:right; height:20px; display:block; overflow:hidden; font-family:Arial; font-size:11px; line-height:20px; color:#999}
.artuser{ width:20px; height:20px; display:block;float:left; overflow:hidden}
.artuser img{ width:100%; height:100%;border-radius:20px;}
.artc_left span{ float:left; line-height:20px; font-size:11px; color:#999; padding-left:4px; font-family:Arial}
.topiclist{ display:block; overflow:hidden; margin:10px 8px 0}
.topicb{ margin-bottom:10px}
.topicb,.topicb a{ display:block; overflow:hidden}
.topicb_picbar{ width:100%; padding-top:60.34%; position:relative; height:0; overflow:hidden; border-radius:6px;}
.topicb_picbar em{ position:absolute; left:0; top:0; width:100%; height:100%}
.topicb_picbar em img{width:100%; height:100%}
.topicb h3{line-height:32px; height:32px;font-weight:normal;font-size:15px;margin-top:5px; font-family:Arial;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.topicb .artcolun{ padding:0 4px 2px}
.courbox .couselist{ padding:10px 5px 10px}
.courbox .tagbar p,.courbox .tagbar p span{ font-size:11px}
.toplogo{ float:left; height:20px; display:block; margin:5px 0 0 10px}
.topvr,.topfind{ float:right; margin:10px 10px 0 0; height:28px; overflow:hidden}
.topfind{ margin-right:16px}
.topvr a,.topfind a{ display:block; overflow:hidden}
.toplogo img{ height:100%}
.topvr img,.topfind img,.toplogo img{ height:22px}
.videobar{width: 100%;vertical-align:top; background-color:#000; display:block; overflow:hidden;max-height:200px;}
.videobar video{max-height:230px; vertical-align:top}
.videobar img{width:100%; vertical-align:top;}
.coursebar{ margin:0}
.coursebar ul li{ width:20%; margin:0 6%}
.coursebar ul li span{ color:#f00; font-size:12px}
.disbanner{ height:38px; line-height:38px; text-align:center; font-size:13px; color:#000; background-color:#ffcc00; border-radius:60px; margin-bottom:8px}
.box01_list .discinforbar{ padding:10px; position:relative; margin-bottom:10px}
.rmbifor{ font-size:22px; color:#f60; position:relative;display:block;float:right;bottom:-48px; right:5px}
.box01_list .catabar{ padding:10px 0 24px; margin-bottom:0}
.box01_list .catabar .disbanner{ margin:0 10px 10px}

.catalist{background:#FFF;}
.catalist ul li{border-bottom:#eaeaea 1px solid;position:relative;margin-top:1px;border:none; position:relative}
.catalist ul li a{height:44px;line-height:44px;display:block;padding-left:10px;background:url(../images/menu_list.png) no-repeat right 0 #fafafa;padding-right:10px;border-bottom:#e5e5e6 1px solid; font-family:Arial;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:82px; font-size:12px}
.catalist ul li a span{ font-size:11px; color:#999; position:absolute; right:36px; top:0px}
.catalist ul li a.open{background:url(../images/menu_list.png) no-repeat right -44px #fafafa;}
.catalist ul li ul li{border:none;padding-left:15px;}
.catalist ul li ul li a{padding-right:56px;}
.catalist ul li ul li a span{right:12px}
.catalist ul li ul li a{border-bottom:#dcdcdc 1px dashed;background:url(../images/menu_list.png) no-repeat 0px -88px #fff;padding-left:17px;color:#555;}
.catalist ul li ul li a.open{background:url(../images/menu_list.png) no-repeat 0px -132px #fff;}
.catalist ul li ul li a.end{background:url(../images/menu_list.png) no-repeat 0px -176px #fff;padding-left:19px;color:#444;}
.textbet{ border:1px solid #eee; display:block; padding:5px; width:97%; border-radius:6px; outline:none; resize:none; height:84px; clear:both; font-family:Arial; font-size:12px; margin:0 auto}
.textbottom{ display:block; padding:8px 2px 0;}
.revbtn{width:136px; height:32px; line-height:32px; text-align:center; font-size:14px; color:#fff;border-radius:36px; cursor:pointer;background-color:#2499f9;
    background: -webkit-linear-gradient(90deg, #09dfff, #2499f9);
	background: -moz-linear-gradient(90deg, #09dfff, #2499f9);
	background: -o-linear-gradient(90deg, #09dfff, #2499f9);
	background: -ms-linear-gradient(90deg, #09dfff, #2499f9);
	background: linear-gradient(90deg, #09dfff, #2499f9);}
.revbtn:hover{background-color:#2499f9;
    background: -webkit-linear-gradient(90deg, #09dfff, #2499f9);
	background: -moz-linear-gradient(90deg, #09dfff, #2499f9);
	background: -o-linear-gradient(90deg, #09dfff, #2499f9);
	background: -ms-linear-gradient(90deg, #09dfff, #2499f9);
	background: linear-gradient(90deg, #09dfff, #2499f9);}
.textbottom p{ line-height:20px; color:#999}
.textbottom p span{ color:#f60}
.garybtn,.garybtn:hover{ background-color:#cecece;background: -webkit-linear-gradient(90deg, #cecece, #ababab);
	background: -moz-linear-gradient(90deg, #cecece, #ababab);
	background: -o-linear-gradient(90deg, #cecece, #ababab);
	background: -ms-linear-gradient(90deg, #cecece, #ababab);
	background: linear-gradient(90deg, #cecece, #ababab);}
.li_list .count span{ color:#f00; padding:0 4px; font-size:12px}
/*评价*/
.discent{ display:block; overflow:hidden; padding-bottom:12px}
.toubd{ width:36px; height:36px; display:block; position:relative}
.toubd img{width:36px; height:36px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:1; border-radius:36px}
.elh{height:36px; line-height:36px; display:block; overflow:hidden}
.elh h3{ display:block; line-height:36px; font-weight:normal; color:#333; font-size:15px; padding-left:8px}
.elh span.time{ line-height:36px; float:right; display:block; padding-left:20px; font-size:12px; color:#999 }
.elb{ padding:4px 0 0 8px; min-height:44px; display:block; overflow:hidden}
.elb p{ line-height:16px; color:#333; display:block; font-size:13px}
.elp{ height:24px; display:block; overflow:hidden; font-size:11px; color:#999; padding-left:6px; font-family:Arial; line-height:24px}
.elp span{ color:#0077d9}
.reply,.like,.creply{ height:24px; line-height:24px; margin-right:2px; padding-left:24px; color:#666; width:24px; cursor:pointer;background-position:2px 4px; background-size:14px; background-repeat:no-repeat;}
.reply,.creply{ background-image:url(../images/reply.png); margin-right:0; background-size:16px;}
.like{ background-image:url(../images/like.png);}
.reply.on{ background-image:url(../images/reply_hv.png);color:#2499f9}
.like.on{background-image:url(../images/like_hv.png);color:#2499f9}
.replybar{ margin-left:44px; background-color:#f4f4f4; border-radius:4px; padding:4px; margin-top:4px}
.replybar .like{ margin-right:0}
.replybar .elh{ height:30px; line-height:30px;}
.replybar .elh h3{line-height:30px; font-size:14px}
.replybar .elb{ padding-top:0}
 .linebar{ height:0px; display:block; width:100%; border-bottom:1px solid #f5f5f5; margin:10px auto}
/*2018-12-25-补充“我的”*/
.zhuanlist{height:48px; display:block; overflow:hidden}

/*学习中心*/
.statistical{ margin:12px 12px 30px; display:block;box-shadow: 0 10px 12px rgba(0, 0, 0, .1) !important; background-color:#fff; border-radius:8px; height:280px}
.statistical .typeselsectbar{ padding:0}
.statistical .linebar{margin:0 10px }
.keshu{font-size:12px; color:#999; display:block; overflow:hidden; padding:4px 10px 0; border-radius:8px}
.statistical .typemobar{ border-radius:8px}
/*学习兴趣*/
.savortl{ text-align:center; padding:24px 12px 10px; font-size:24px; color:#000000}
.savor h4,.savor h5{ font-size:12px; display:block; line-height:20px; text-align:center; color:#999; font-weight:normal}
.savor h5{ padding:30px 12px 12px}
.savorlist{  text-align:center; padding:10px 12px; display:block; overflow:hidden}
.savorlist a{ width:24%; display:inline-block; margin:5px 1%; border-radius:60px; padding:8px 10px; font-size:14px; color:#018cfe; border:1px solid #00a0e9; background-color:#f4faff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.savorlist a.on{background-color:#2499f9;
    background: -webkit-linear-gradient(90deg, #09dfff, #2499f9);
	background: -moz-linear-gradient(90deg, #09dfff, #2499f9);
	background: -o-linear-gradient(90deg, #09dfff, #2499f9);
	background: -ms-linear-gradient(90deg, #09dfff, #2499f9);
	background: linear-gradient(90deg, #09dfff, #2499f9); color:#fff; border:none; padding:9px 11px;}
.savor .regibtn{ margin-top:0;box-shadow: 0 6px 18px rgba(21, 157, 253, .3) !important;}

/*课程排行*/
.ranking{ display:block; overflow:hidden}
.rankinglist{ padding:0 12px; display:block; overflow:hidden; background-color:#fff}
.number{ float:left; display:block; width:28px; overflow:hidden; margin:22px 6px 0 0;}
.number img{width:90%; display:block;}
.coll{width:28px; height:28px; display:block; overflow:hidden; float:right; margin:29px 0 0 0px; background-position:0 0; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../images/i_coll.png);transition: all .2s;}
.coll.on{ background-image:url(../images/i_coll_on.png)}
.number span{width:28px; height:34px; text-align:center; line-height:34px; font-size:14px; display:block; overflow:hidden; font-family:Arial}
.rankinglist .couselist .c_pic{width:130px; height:74px;}
.rankinglist .couselist .c_pic img{ height:74px}
/*.li_list iframe{pointer-events: none; }*/
.newtopic{display:block; overflow:hidden;margin-top:60px;}

/*--------2019-01-16----------*/
.loginbar{ text-align:center}
.loginbar a{ display:inline-block; color:#fff; margin:0 16px; font-size:14px; font-weight:normal; height:30px; line-height:30px; width:30%; border:1px solid #fff; border-radius:36px; opacity:0.6}
.loginbar a.on{ background-color:#fff; color:#2e78eb; opacity:1}
.loginbend li a{ height:46px; display:block; overflow:hidden; padding:0 10px; color:#fff; position:absolute; right:14px; top:0; line-height:46px}

/*-----2019-02-19-专业vip系列-----*/
.vipbrief{ padding:12px; display:block; overflow:hidden; margin-bottom:10px; background-color:#fff}
.vipbrief h3{ font-size:16px; color:#f00; height:30px; line-height:30px; font-weight:normal}
.vipbrief p{font-size:14px; color:#000;line-height:20px;}
.viplist{ display:block; overflow:hidden; padding-top:8px; }
.viplist li{color:#aaaaaa; line-height:24px; font-size:14px}
.professionalist{ display:block; overflow:hidden; padding:10px 10px 0; background-color:#fff}
.professbar{ padding:0 0 10px; display:block; margin-bottom:10px; border-bottom:#f3f3f3 1px solid; position:relative; overflow:hidden}
.profess_pic{width:180px; height:80px;border-radius:6px; float:left; display:block; overflow:hidden; position:relative; margin-right:10px}
.profess_pic img{width:100%; height:100%; border-radius:6px}
.professbar h3{line-height:24px;font-weight:normal;font-size:16px;margin-top:10px; font-family:Arial; display:block; font-weight:normal}
.professbar .litp p{ font-size:12px; font-family:Arial;}
.professbar .litp p span{ display:inline-block;font-family:Arial;}
.professbar a{ display:block; overflow:hidden; width:100%; height:100%}

/*横版-科普APP下载介绍*/
.vertical{ display:block; overflow:hidden}
.horizontal{ display:block; overflow:hidden; padding-bottom:10px}
.horizontal .introducingbanner{padding-top:54%}
.horizontal .downinofrbar img{width:14%}
.horizontal .downinofrbar .dertbtn{width:24%}
/*------------横版下载页结束--------------*/



/*底部导航五个栏目*/
.fotter2 a{width:20%;}
.fotter a.fot05 i{ background-image:url(../images/fot05.png);}

/*规范化需求修改*/
.coutlb h1{ font-size:14px; font-weight:normal}
.coutlb a{ display:inline}
.litxt h2{display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;width:100%; font-size: 14px; color: #333; cursor:pointer; text-align:left;max-width:110px}
.mbcrumbs{ display:block; overflow:hidden; margin:8px 10px 6px; background-color:#efefef; line-height:20px; padding:5px 8px 5px 10px; font-size:12px; border-radius:30px}
.mbcrumbs span{}
.mbcrumbs a{ display:inline; color:#666; cursor:pointer}
.mbcrumbs a:hover{ color:#f60; }
.discinforbar h1 em{ font-size:12px; color:#999999; font-style:normal; position:absolute; right:98px; bottom:-52px}




/*iphone6-7-8\安卓中等密度*/
@media only screen and (max-width: 400px) {
	.dirctbar table td img{width:38px; display:block; overflow:hidden}
	.dirctbar table td p,.courbox .tagbar p,.courbox .tagbar p span{ font-size:10px}
	.litxt a{font-size: 13px;}
	.litxt h2{font-size: 13px; font-weight:normal}
	.litp p{font-size:10px}
	.coutlb{ font-size:14px}
	.refresh-btn,.rmbtn,.find_nav_list ul li a,.find_nav_list ul li a h1{ font-size:14px}
	.find_nav_list ul li{margin:0 3.0%}
	.fotter a em.mess{width:16px; height:16px; text-align:center; line-height:16px;}
	.professionbox .litxt a{font-size:12px}
	.litxt{ height:23px; display:block; line-height:23px; padding-top:2px}
	.directbar p{ font-size:11px; line-height:15px}
	.directbar .distl{ font-size:11px; height:20px; line-height:20px}
	.directbar .distl i{width:14px; height:14px; margin:2px 2px 0; }
	.course ul li h3 a,.couselist h3 a,.professbar h3,.couselist h2 a{ font-size:14px;margin-top:5px; font-family:Arial;}
	.couselist h3 a,.couselist h2 a{font-size:14px;margin-top:2px; line-height:24px}
	.course ul li .c_pic,.couselist .c_pic{width:120px; height:68px;}
	.course ul li .c_pic a img,.couselist .c_pic a img{height:68px}
	.cardpic{width:80%;height:73%;}
	.cardpic img{margin:8px auto 0;}
	.mycourses .find_nav_list ul li{margin:0 15% 0 14%}
	.tagbar{ line-height:22px}
	.tagbar p,.drawbar p{ font-size:11px}
	.feebtn{line-height:18px}
	.drawbar{ line-height:14px}
	.orderlist h3 a{ margin-top:0; line-height:22px}
	.orderlist .tagbar p .orange{ font-size:13px}
	.editor{width:24px;height:24px;}
	.couselist .editor{margin:20px 6px 0 0}
	.editor.on{background-position:0 -22px;}
	.pickbar .editor{margin:0px 5px -6px 0}
	.tebtlb h3{font-size:18px; margin:-1px 0 0px 0}
	.nvitationlink{ font-size:12px;}
	.rebabtn,.txtlist p{ font-size:14px}
	.rebabtn i{ width:18px; height:18px;}
	.jt2{margin:0 0 0px 3px}
	.awardtl{width:150px; height:38px; line-height:34px; font-size:15px}
	.awardtj{width:100px; height:100px;}
	.awardtj a{width:100px; height:100px;}
	.awardtj a span{ margin-top:50px; font-size:16px}
	.aptxt{ font-size:12px;}
	.awarmkit{height:52px}
	.loginguide1_top{ width:70%; }
	.paybtn,.collarbtn,.regibtn{height:44px; line-height:44px}
	.paybtn .button_su_inner,.collarbtn .button_su_inner{ font-size:18px}
	.jumpbtn,.returnbtn{width:34px; height:34px; line-height:34px; font-size:11px}
	.returnbtn img{ margin-top:10px}
	.loginguidebox .couselist .c_pic{width:110px; height:63px;}
	.loginguidebox .tagbar{ line-height:18px}
	.leadbtnbar .dertbtn,.leadbtn{height:34px; line-height:34px; }
    .leadbtnbar .dertbtn span{height:36px; line-height:36px; font-size:15px}
	.batch{ font-size:11px; width:70px}
	.coutlb span{ font-size:11px}
	.allbtn{height:40px; line-height:40px}
	.article ul li a .artpic{ width:130px; height:78px;}
	.article ul li a h3{ font-size:14px; margin-top:3px}
	.article ul li a p{ height:30px;line-height:14px; padding:2px 0}
	.article ul li a p,.artc_left span{ font-size:10px}
	.artc_time{ font-size:10px}
	.artuser{ width:18px; height:18px;}
	.toplogo{ height:20px; margin-top:5px}
	.videobar,.videobar video{max-height:200px;}
	.coursebar ul li{ width:20%; margin:0 6%}
	.box01_list .article ul li a p{line-height:14px; height:26px}
	.savorlist a{margin:2px 1%; font-size:13px; padding:7px 10px;}
	.savorlist a.on{ padding:8px 11px;}
	.vipbrief p,.viplist li{font-size:12px;}
	.vipbrief h3{ font-size:14px}
	.viplist li{line-height:20px;}
	.professbar h3{ line-height:20px}
	.profess_pic{width:153px; height:68px;}
	.okrderlist li a.on i{background-position:0 -29px;}
	}
/*iphone5\5s\安卓低等密度*/
@media only screen and (max-width: 360px) {
	.find_nav_list ul li{margin:0 2.5%}
	.tyionforbar{ width:38%}
	.tysel{width:30px; height:30px; display:block; float:left; margin:12px 8px 0 0px;}
	.tyionforbar h3{ font-size:14px}
	.tyqxbar p{ font-size:14px}
	.tyqxbar span,.rebinofrbar span,.rebinofrbar p,.rebxzbar em,.canbar,.canbar span,.copyrightbar{ font-size:11px}
	.tyqxbar i{ width:14px; height:14px; margin-bottom:2px}
	.tyionforbar p{ line-height:26px}
	.typelist.on .tyqxbar i{ background-position:0 -14px}
	.typelist.on .tysel{background-position:0 -30px}
	.canbar{ padding:px 5px;height:22px; line-height:22px; margin-top:6px}
	.paymoneybar{ padding:20 0 25px}
	.okrderlist li a img{width:45px;}
	.okrderlist li a span{line-height:45px; font-size:18px}
	.okrderlist li a i{width:31px; height:31px; border-radius:33px; margin:6px 6px 0 0;}
	.okrderlist li a.on i{background-position:0 -29px;}
	.orderok{width:80px; bottom:-40px; height:80px;margin-left:-40px}
    .orderok img{width:80px; height:80px}
    .ordertailtl{ display:block; overflow:hidden; padding:45px 0 0; }
	.introdinofrbar{width:100%; height:28px; line-height:28px;}
	.introdinofrbar span{ font-size:11px}
	.downinofrbar h3{padding:2px 5px 2px 0}
	.coupon-content ul li input{ font-size:14px}
	.coupon-content ul li  .sendtime{ font-size:12px}
	.registbar .coupon-content ul li i{top:10px}
	.coupon-content ul li  .mimasee{ top:10px}
	.warningbar{ font-size:12px}
	.myavatar{ margin-right:8px; margin-left:14px}
	.myavatar,.myavatar img{width:84px; height:84px}
	.myheadbar h3{line-height:36px; font-size:18px}
	.myheadbar{padding:10px 0 28px;}
	.viptext,.mytext{ font-size:12px; line-height:20px}
	.viptext i{width:16px; height:14px; margin-right:2px; margin-top:3px}
	.next_page{width:10px; height:16px;}
	.ebox ul li a span,.ebox ul li span.tell{ font-size:12px}
	.ebox ul li a,.materialist li a,.materialist li input,.materialist li{ font-size:15px}
	.resavatar{width:130px; height:130px; display:block; border-radius:130px; border:5px solid rgba(255,255,255,0.5); position:absolute; left:50%; margin-left:-65px;}
	.mybar .resavatar{width:120px; height:120px;border-radius:120px;margin-left:-60px;}
	.registerbanner h3{padding:10px 0 90px; font-size:16px}
	.avatarupload{width:30px; height:30px}
	.mybar .registerbanner{ padding-bottom:90px;}
	.resavatar .i_vip{width:28px; height:25px;}
	.homepageinforbar h3{ font-size:18px}
	.vipinforbar a,.realnamebar a.goreal{ font-size:11px}
	.goreal i{margin:0 0px -1px 6px}
	.cardpic{width:82%;height:74%;}
	.cardpic img{margin:8px auto 0;}
	.mycourses .find_nav_list ul li{margin:0 14% 0 14%}
	.coursebar ul li{ width:20%; margin:0 6%}
	}
@media only screen and (max-width: 320px) {
	.find_nav_list ul li{margin:0 1.1%}
	}
/*华为mate8*/
@media only screen and (height: 586px) {
	.loginlogo{ margin:10px auto 5px}
	.loginbend{padding:8px 12px}
	.loginbend li{ margin-bottom:8px}
	.loginbtn{ margin:0 auto}
	.thr_bend{ padding-top:15px}
	.four_bend{padding:20px 0}
}
/*iphoneX*/
@media only screen and (min-height: 812px) {
	.loginguide1_top{width:80%}
	.loginguide1_box td a{ margin-bottom:30px}
	.wraperimgs div.lead1{ background-image:url(../images/lead_pic1_X.jpg)}
    .wraperimgs div.lead2{ background-image:url(../images/lead_pic2_X.jpg)}
    .wraperimgs div.lead3{ background-image:url(../images/lead_pic3_X.jpg)}
}

@keyframes seachon{　　　　/*seachon是动画的名字上面有用到*/
    from {
        width:80%
    }
    to {
        width:64%
    }
}
@keyframes bounceIn{　　　　/*bounceIn是动画的名字上面有用到*/
    from {
        padding:0;
    }
    to {
        padding-top:19.35%;
    }
}