@import url("/tpl/css/layui.css");
@import url("/tpl/css/confont/iconfont.css");
.nopm {list-style:none;padding:0px;margin:0px;}
.nopm li {padding:0;margin:0;}
.mainbody {padding:0 10px;max-width:1420px;margin:0px auto;}

img {max-width:100%;}
.hide {display:none;}


.courserap {overflow:hidden;position:relative;padding:50px 0 50px 260px;}
.courserap .b_left {position:absolute;left:0px;top:0px;width:260px;border-radius:10px;background:rgba(255,255,255,1);padding:10px 30px;}
.courserap .b_left li.bt {font-size:18px;padding-bottom:10px;}
.courserap .b_left li.t {font-size:14px;padding-top:20px;}
.courserap .b_left li.t .tt {font-weight:bold;font-size:16px;}
.courserap .b_left li {font-size:14px;line-height:30px;cursor:pointer;}
.courserap .b_left li .iconfont {font-size:14px;color:#fff;display:inline-block;margin:0 10px 0 0;border:1px solid #666;width:16px;height:16px;line-height:16px;margin-top:6px;}
.courserap .b_left li.on .iconfont {border:1px solid blue;background:blue;}

.courserap .b_right {border-radius:10px;background:rgba(255,255,255,1);padding:0px;}
.courserap .b_right .searchrap {overflow:hidden;position:relative;padding:10px 0px 0 10px;margin-bottom:20px;border:1px solid #D1E3FB;border-radius:100px;padding:0 20px;}
.courserap .b_right .searchrap input {line-height:40px;border:0px;padding:0 10px;background:none;width:100%;}
.courserap .b_right .searchrap .iconfont {position:absolute;right:40px;display:block;line-height:40px;font-size:18px;top:0px;width:100px;text-align:right;cursor:pointer;}

.isourset {overflow:hidden;padding:20px;}
.isourset .more {float:right;}
.isourset .more a {color:#333;font-size:14px;}
.isourset .t {font-size:18px;padding-bottom:10px;}
.isourset .tag {font-size:12px;padding-bottom:0px;}

.isourseul {overflow:hidden;padding:0 10px 10px 10px;}
.isourseul li {float:left;width:50%;padding:10px;}
.isourseul li .cell {border:1px solid #D1E3FB;border-radius:12px;padding:20px;}
.isourseul li .cell:hover {}
.isourseul li .cell .pimg {height:200px;overflow:hidden;}
.isourseul li .cell .pname {line-height:24px;padding:10px;overflow:hidden;font-size:16px;font-weight:bold;color:#000;}
.isourseul li .starinfo {overflow:hidden;padding:0 10px;}
.isourseul li .starinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseul li .starinfo span.star {color:orange;}
.isourseul li .starinfo span.iconfont {padding-right:2px;}
.isourseul li .uinfo {overflow:hidden;padding:10px;}
.isourseul li .uinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseul li .uinfo span img {width:20px;height:20px;border-radius:20px;}
.isourseul li .uinfo span.price {float:right;font-size: 24px;font-weight: 600;line-height: 34px;color:#687EFF;}

.isourse_teachul {overflow:hidden;padding:0 10px 10px 10px;}
.isourse_teachul li {float:left;width:50%;padding:10px;text-align:center;}
.isourse_teachul li .cell {border:1px solid #D1E3FB;border-radius:12px;padding:20px;}

.isourse_teachul li .cell .icon img {height:50px;width:50px;border:1px solid #ddd;border-radius:50px;}
.isourse_teachul li a {color:#222;}
.isourse_teachul li .star {padding:10px 0 0 0;overflow:hidden;font-size:14px;}
.isourse_teachul li .starinfo {overflow:hidden;padding:0 10px;}
.isourse_teachul li .starinfo span {display:inline-block;padding:0 2px;font-size:12px;color:#666;}
.isourse_teachul li .starinfo span.star {color:orange;}
.isourse_teachul li .starinfo span.iconfont {padding-right:2px;}
.isourse_teachul li .nick {overflow:hidden;padding:10px;font-size:14px;font-weight:bold;}
.isourse_teachul li .ucount {overflow:hidden;font-size:12px;padding-bottom:10px;}
.isourse_teachul li .desc {overflow:hidden;font-size:12px;color:#666;padding-bottom:10px;line-height:20px;text-align:left;max-height:120px;}

.pages {text-align:center;padding:20px;margin-top:20px;border-top:1px solid #ddd;overflow:hidden;}
.pages a {display:inline-block;height: 40px;margin:3px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    color: var(--fistudy-gray);
    font-weight: 400;
    font-size: 16px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid var(--fistudy-bdr-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;}
.pages a.on {background:blue;color:#fff;}
.pages a:hover {background:blue;color:#fff;}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.04;
    z-index: -1;
    background: url("/tpl/images/bgg.png") repeat left top;
}

.courseinforap {padding:40px 20px;background: linear-gradient(92.7deg, #F1F3FF 0.48%, #F4FEF3 56.21%, #FFF3FC 100%);position: relative;z-index: 1;}
.gohead {color:#666;font-size:14px;padding-bottom:20px;}
.gohead a {color:#666;}

.courseinfo_big {overflow:hidden;}
.courseinfo_img {float:left;width:50%;padding-right:20px;}
.courseinfo_img img {border-radius:12px;border:1px solid #666;}

.courseinfo_img .likezan {overflow:hidden;padding:10px 0 0px 0;}
.courseinfo_img .likezan .iconfont {display:inline-block;color:#000;font-size:18px;margin-left:20px;cursor:pointer;}
.courseinfo_img .likezan .iconfont code {display:inline-block;color:#000;font-size:18px;padding:0 20px 0 5px;display:inline-block;}
.courseinfo_img .likezan .iconfont.on {color:blue;}
.courseinfo_img .likezan .iconfont.on code {color:blue;}

.courseinfo_t {float:right;width:50%;padding-left:30px;color:#000;}
.courseinfo_t h1 {font-size:20px;font-weight:normal;line-height:26px;padding:20px 0;}

ul.courseinfo_sul {overflow:hidden;padding:20px;background:rgba(0,0,0,0.1);}
ul.courseinfo_sul li {float:left;text-align: center;line-height:28px;width:25%;font-size:18px;}
ul.courseinfo_sul li:first-child {color:orange;}
ul.courseinfo_sul li:first-child span {color:#000;}
ul.courseinfo_sul li:first-child span.star {color:orange;}
ul.courseinfo_sul li span {color:#000;font-size:14px;}

.courseinfo_price {overflow:hidden;padding-top:30px;line-height:40px;}
.courseinfo_price .price {float:left;color:#f45454;font-size:26px;}
.courseinfo_price .dobuy {float:right;background:#f45454;padding:0 30px;color:#fff;border-radius:6px;cursor:pointer;}

.courseinfo_main {overflow:hidden}
.courseinfo_main .cm_left {float:left;max-width:1020px;border-right:1px solid #ddd;padding-right:30px;}
.courseinfo_main .cm_right {float:right;width:360px;}

.ht {padding:20px 0;font-weight:bold;}
.ht .s {display:inline-block;font-weight:normal;font-size:12px;color:#666;padding-left:20px;}
.pdesc {font-size:13px;line-height:24px;}

.courseinfo_main  .teachinfo {overflow:hidden;padding-bottom:10px;}
.courseinfo_main  .teachinfo .img {float:left;padding-right:20px;}
.courseinfo_main  .teachinfo .img img {width:50px;hidden:50px;border-radius:50px;border:1px solid #eee;}
.courseinfo_main  .teachinfo .name {float:left;line-height:20px;padding:5px 20px 0 0;overflow:hidden;}
.courseinfo_main  .teachinfo .name .namecf {font-size:12px;}
.courseinfo_main  .teachinfo .tzan {float:left;background:blue;border-radius:30px;line-height:30px;padding:0 20px;color:#fff;margin:10px 0;}
.courseinfo_main  .teachinfo .tzan.on {background:orange;}

.courseinfo_main .cm_left .classlist {border:1px solid #ddd;padding:20px;}
.courseinfo_main .cm_left .classlist li {overflow:hidden;font-size:13px;line-height:20px;}
.courseinfo_main .cm_left .classlist li .iconfont {font-size:20px;padding-right:16px;}
.courseinfo_main .cm_left .classlist li .s{font-size:11px;color:#666;padding:10px 34px;}

.addmsg {overflow:hidden;position:relative;padding-bottom:20px;}
.addmsg input {line-height:40px;height:40px;border:0;background:#eee;padding:0 20px;width:100%;border-radius:4px;}
.addmsg .feedbackbtn {position:absolute;right:10px;line-height:30px;top:5px;background:blue;color:#fff;border-radius:10px;padding:0 20px;font-size:12px;cursor:pointer;}

.msglist {overflow:hidden;}
.msglist li {padding:0 0 15px 0;}
.msglist li .uinfo {overflow:hidden;font-size:12px;line-height:20px;}
.msglist li .uinfo .l {float:left;padding-right:15px;line-height:20px;}
.msglist li .uinfo .l img {height:16px;width:16px;border-radius:16px;display:block;float:left;line-height:16px;}
.msglist li .msg {font-size:12px;line-height:18px;color:#666;padding:10px 0;}


.isourseulright {overflow:hidden;}
.isourseulright li {padding:0 0 15px 0;}
.isourseulright li .cell .pimg {overflow:hidden;}
.isourseulright li .cell .pname {line-height:24px;height:24px;overflow:hidden;font-size:12px;color:#333;}
.isourseulright li .starinfo {overflow:hidden;}
.isourseulright li .starinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseulright li .starinfo span.star {color:orange;}
.isourseulright li .starinfo span.iconfont {padding-right:2px;}
.isourseulright li .uinfo {overflow:hidden;}
.isourseulright li .uinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseulright li .uinfo span img {width:20px;height:20px;border-radius:20px;}
.isourseulright li .uinfo span.price {float:right;color:red;}

.openrap {position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;}
.openrap_bg {position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.8);}
.openrap_main {position:absolute;background:#fff;width:550px;top:150px;min-height:360px;left:50%;margin-left:-275px;border-radius:12px;}
.openrap_t {line-height:40px;border-bottom:1px solid #ddd;padding:0 15px;font-size:13px;}
.openrap_t span {display:inline-block;float:right;cursor:pointer;padding-top:10px;}
.openrap_inputt {padding:10px 30px 0px 30px;font-size:12px;}
.openrap_input {padding:10px 30px;position:relative;}
.openrap_input span.r {position:absolute;right:40px;line-height:50px;color:blue;font-size:12px;cursor:pointer;}
.openrap_input input {line-height:50px;height:50px;border:0px;border-radius:6px;padding:0 10px;background:#ddd;width:100%;font-size:14px;}
.openrap_input select {line-height:50px;height:50px;border:0px;border-radius:6px;padding:0 10px;background:#ddd;width:100%;font-size:14px;}
.openrap_btn {padding:20px 30px;}
.openrap_btn span {display:block;background:#0282ed;line-height:50px;text-align:center;color:#fff;border-radius:6px;cursor:pointer;}


.openul {overflow:height;padding:15px;font-size:12px;}
.openul li {overflow:hidden;line-height:30px;text-align:right;}
.openul li code {float:left;}
.openul li .oprice {font-size:18px;font-weight:bold;color:red;}

.openbuyrap {margin:0 20px;border:1px solid #ddd;border-radius:12px;padding:20px;}
.openbuyrap_t {font-size:13px;font-weight:bold;padding-bottom:15px;}
.openbuyrap_payinfo {overflow:hidden;}
.openbuyrap_payimg {width:120px;height:120px;background:#eee;padding:10px;float:left;}
.openbuyrap_pdesc {float:right;width:320px;font-size:12px;color:#555;}
.openbuyrap_pline {position:relative;padding:5px 0;}
.openbuyrap_pline input {line-height:40px;height:40px;border:0px;border-radius:4px;padding:0 10px;background:#ddd;width:100%;font-size:12px;}
.openbuyrap span.btn {display:inline-block;position:absolute;right:10px;padding:0 15px;background:#333;top:10px;height:30px;line-height:30px;color:#fff;border-radius:20px;cursor:pointer;}
.open_payover {margin:10px 20px 20px 20px;height:40px;line-height:40px;background:blue;color:#fff;text-align:center;font-size:13px;border-radius:4px;cursor:pointer;}

.video_big {overflow:hidden;}
.video_play {float:left;width:960px;position:relative;}
.video_play .video_info {position:absolute;z-index:1;background:rgba(255,255,255,0.9);left:0px;right:0px;top:0px;bottom:0px;padding:80px;}


.video_sul {float:right;width:420px;float:right;color:#fff;background:#052244;font-size:13px;padding:10px;border-radius:6px;}
.video_sul li {padding:5px 10px;border-top:1px solid #000;line-height:20px;cursor:pointer;}
.video_sul li:first-child {border-top:0px;}
.video_sul li .t {position:relative;padding-left:25px;}
.video_sul li .t .iconfont {font-size:20px;position:absolute;left:0px;}
.video_sul li .s {color:#666;font-size:12px;padding-left:25px;}

.video_sul li.on {color:blue;}

.bbsrap {overflow:hidden;padding:30px 0 30px 310px;position:relative;}
.bbsrap_left {width:300px;position:absolute;left:0;top:30px;}
.bbsrap_menu li {height:44px;padding:0 15px;line-height:44px;margin-bottom:15px;}
.bbsrap_menu li .iconfont {display:inline-block;float:left;font-size:20px;padding:13px;}
.bbsrap_menu li.on {background:#eee;border-radius:40px;}
.bbsrap_menu li a {color:#000;}

.bbsrap_addblog {float:right;width:980px;}
.bbsrap_addblog .editor {height:360px;}
.bbsrap_addblog .addrow {padding-bottom:15px;overflow:hidden;position:relative;}
.bbsrap_addblog .addrow input {border:1px solid #ddd;background:none;border-radius:6px;padding:0 15px;line-height:44px;width:100%;}
.bbsrap_addblog .addrow .addrow_class {position:absolute;right:0px;}
.bbsrap_addblog .addrow .addrow_class select {border:1px solid #ddd;background:none;border-radius:6px;padding:0 15px;line-height:44px;height:44px;width:180px;}
.bbsrap_addblog .addrow .addrow_class select option {line-height:44px;height:44px;font-size:14px;}
.bbsrap_addblog .addrow .addrow_r {}

.bbssubmit {margin:15px 0;overflow:hidden;}
.bbssubmit span {display:inline-block;float:right;background:#0282ed;color:#fff;border-radius:6px;padding:0 35px;line-height:44px;text-align:center;font-size:13px;cursor:pointer;}

.bbsrap_index {padding-left:20px;}
.bbsrap_type {overflow:hidden;line-height:44px;border-bottom:1px solid #ddd;padding:0 20px;}
.bbsrap_type li {float:left;padding:0 20px;}
.bbsrap_type li a {color:#666;font-size:12px;}
.bbsrap_type li a.on {color:#111;font-size:16px;font-weight:bold;}

.tzan code, .likezan code {color:#fff;}

.bbsiul li {border-bottom:1px solid #eee;padding:20px 0;}
.bbsiul li .uinfo {overflow:hidden;}
.bbsiul li .uinfo .pimg {float:left;padding-right:15px;}
.bbsiul li .uinfo .pimg img {height:36px;width:36px;border-radius:36px;}
.bbsiul li .uinfo .pname {float:left;}
.bbsiul li .uinfo .pname span {display:block;color:#999;font-size:12px;}
.bbsiul li .uinfo .tzan {float:right;}
.bbsiul li .uinfo .tzan span {background:blue;border-radius:30px;line-height:30px;padding:0 20px;color:#fff;margin:10px 0;display:block;cursor:pointer;}
.bbsiul li .uinfo .tzan span.on {background:orange;}
.bbsiul li h3 {font-size:16px;line-height:22px;padding:0 0 15px 51px;}
.bbsiul li h3 a:hover {color:blue;}
.bbsiul li .blog_content {font-size:13px;line-height:22px;padding:0 0 10px 51px;}
.bbsiul li .blog_content a {color:blue;}
.bbsiul li .blog_content a:hover {color:orange;}

.bbsiul li .likezan {overflow:hidden;padding:0px 0 0px 51px;}
.bbsiul li .likezan .iconfont {display:inline-block;font-size:16px;margin-right:10px;cursor:pointer;}
.bbsiul li .likezan .iconfont code {display:inline-block;font-size:14px;padding:0 10px 0 5px;display:inline-block;}
.bbsiul li .likezan .iconfont.on {color:blue;}
.bbsiul li .likezan .iconfont.on code {color:blue;}
.bbsiul li .blog_pic {padding:0 0 10px 46px;overflow:hidden;}
.bbsiul li .blog_pic a {display:block;padding:5px;width:33.33%;float:left;overflow:hidden;max-height:200px;}

.bbsright_rap {border:1px solid #ddd;border-radius:4px;padding:15px;margin:30px 0;}
.bbsright_rap .t {font-size:13px;padding-bottom:10px;}
.bbstag_ul li {padding:5px 0;font-size:12px;line-height:18px;}
.bbstag_ul li a {color:blue;}
.bbstag_ul li a:hover {color:orange;}

.bloguserrap .uiconrap {text-align:center;padding-bottom:15px;}
.bloguserrap .uiconrap span {display:inline-block;width:82px;height:82px;border:1px solid #000;border-radius:60px;background:#fff;}
.bloguserrap .uiconrap img {width:80px;height:80px;border-radius:60px;}
.bloguserrap .unamerap {text-align:center;font-size:18px;font-weight:bold;padding:15px;}
.bloguserrap .unamerap span {display:inline-block;margin:0 5px;}
.bloguserrap .dozan {background:blue;padding:0 10px;border-radius:22px;color:#fff;font-size:12px;line-height:22px;cursor:pointer;}
.bloguserrap .dozan.on {background:orange;}

.bloguserrap .ucountrap {text-align:center;padding:10px;}
.bloguserrap .ucountrap span {display:inline-block;line-height:24px;font-size:13px;color:#666;padding:0px 50px;border-left:1px solid #ddd;}
.bloguserrap .ucountrap span code {color:#000;font-size:20px;display:block;font-weight:bold;}
.bloguserrap .ucountrap span:first-child {border:0;}

.bloguserrap .bbsiul li {border:1px solid #ddd;padding:20px 30px 20px 0;margin:20px 10px;border-radius:12px;}

.bloguserrap .bbsiul li .likezan .icon-shanchu {background:red;color:#fff;padding: 0 0 0 10px;border-radius: 22px;color: #fff;line-height: 22px;cursor: pointer;}
.bloguserrap .bbsiul li .likezan .icon-shanchu code {font-size: 12px;}

.userinforap {height:60px;margin:30px 0;overflow:hidden;}
.userinforap li {float:left;padding:0px 40px;border-left:1px solid #ddd;line-height:30px;font-size:13px;text-align:center;}
.userinforap li:first-child {padding:0px 40px 0 0;border-left:0px;}
.userinforap li img {height:60px;width:60px;border:1px solid #ddd;border-radius:60px;}
.userinforap li .uid {font-size:12px;color:#888;}
.userinforap li.r {float:right;padding:15px 0;border:0px;}
.userinforap li.r a {display:block;border:1px solid #ddd;padding:0 15px;border-radius:15px;overflow:hidden;}
.userinforap li.r a .iconfont {display:inline-block;float:right;padding:7px 10px 0 10px;}
.userinforap li a:hover {color:blue;}
.userinforap li .copyrel {cursor:pointer;}

.userbodyrap {overflow:hidden;position:relative;padding-left:300px;min-height:500px;}
.userbodyrap_left {position:absolute;left:0;top:0px;padding:30px 0;width:270px;}

.showpop {cursor:pointer;}

.userbodyrap_right {}
.mybalance {overflow:hidden;border:1px solid #ddd;border-radius:12px;padding:20px;margin-bottom:30px;}
.mybalance_total {float:left;line-height:40px;}
.mybalance_total .u {font-size:24px;font-weight:bold;}
.mybalance_total.rc {float:right;padding-left:50px;text-align:center;}
.mybalance_total.rc .t {font-size:13px;color:#bbb;}

.mybalance_golog {float:right;}
.mybalance_golog a {display:block;padding:30px 15px;border-radius:15px;overflow:hidden;}
.mybalance_golog .iconfont {display:inline-block;float:right;padding:6px;}

ul.symbolul {padding:20px 0;}
ul.symbolul li {overflow:hidden;line-height:40px;}
ul.symbolul li span {display:block;float:left;}
ul.symbolul li span.r {float:right;margin-left:20px;line-height:30px;border:1px solid #ddd;padding:0 25px;border-radius:20px;font-size:13px;}
ul.symbolul li span.iconfont {font-size:40px;color:green;padding-right:10px;}
ul.symbolul li span.r.pay {background:blue;border:1px solid blue;color:#fff;}
ul.symbolul li span.m {padding-left:30px;font-size:24px;font-weight:bold;}

.banklog {overflow:hidden;border:1px solid #ddd;border-radius:12px;padding:20px;margin-bottom:30px;}
ul.banklogul {padding:20px 0;}
ul.banklogul li {overflow:hidden;line-height:36px;padding:0 15px;}
ul.banklogul li span {display:block;float:left;font-size:12px;width:10%;padding:0 0 0 10px;}
ul.banklogul li span.date {width:15%;}
ul.banklogul li span.num {width:15%;}
ul.banklogul li span.desc {width:50%;}
ul.banklogul li.t {color:#666;background:#eee;}
ul.banklogul li span.linkdate {width:80%;text-align:right;}

.linkrap {overflow:hidden;padding-top:30px;position:relative;padding-left:200px;}
.linkercode {position:absolute;left:0;top:30px;padding:6px 6px 2px 6px;overflow:hidden;background:#ddd;}
.linkercode .showqrcode {}
.linkrap .t {font-size:13px;}
.linkrap .openrap_input {padding:10px 0 20px 0;}

.myclassul {padding:20px 0;}
.myclassul li {overflow:hidden;padding-bottom:15px;}
.myclassul li span {display:block;float:left;}
.myclassul li .img {width:120px;padding-right:20px;height:60px;overflow:hidden;}
.myclassul li .name  {line-height:25px;padding:5px;}
.myclassul li .name .n {display:block;}
.myclassul li .name .m {display:inline-block;font-size:20px;color:orange;padding-right:20px;}
.myclassul li .name .d {display:inline-block;color:#bbb;font-size:12px;padding-right:20px;}
.myclassul li .r {float:right;line-height:60px;}
.myclassul li .icon {padding:5px 15px 0 0 ;}
.myclassul li .icon img {height:50px;width:50px;border-radius:50px;border:1px solid #ddd;}

li.nolist {background:#eee;text-align:center;padding:30px;border-top:1px solid #fff;}

ul.chooseul {overflow:hidden;border-bottom:1px solid #ddd;padding:0 15px;}
ul.chooseul li {float:left;margin:0 15px;font-size:13px;cursor:pointer;line-height:36px;}
ul.chooseul li.on {border-bottom:2px solid blue;}

.inforap {margin-top:-50px;border-radius:12px;background:#fff;padding:20px 50px;}
.inforap h1 {font-size:18px;padding-bottom:30px;}
.inforap .content {line-height:24px;}
.inforap .content p {padding-bottom:10px;}

.bottomrap {margin-top:20px;border-top:1px solid #eee;padding-top:20px;overflow:hidden;}
.bottomrap .bdesc {float:left;}
.bottomrap .bdesc img {height:30px;}
.bottomrap .bdesc .desc {font-size:12px;color:#333;line-height:20px;width:500px;}
.bottomrap ul.link {float:right;}
.bottomrap ul.link li.t {font-weight:bold;padding-bottom:10px;font-size:13px;}
.bottomrap ul.link li {line-height:30px;font-size:12px;}
.bottomrap ul.link li .iconfont {float:left;display:block;width:40px;text-align:center;font-size:18px;}
.copyright {text-align:left;padding:20px 0;font-size:12px;color:#555;}




.bannerrap {height:550px;width:100%;overflow:hidden;}
.owl-carousel {height:550px;}
.owl-carousel .row {max-width:1400px;margin:0px auto;padding:100px 0;height:550px;}

.owl-controls {position:absolute;bottom:30px;left:10px;right:10px;z-index:99999;}
.owl-pagination {text-align:center;}
.owl-pagination img {max-width:100%;}
.owl-pagination .owl-page {display:inline-block;width:20px;height:20px;overflow:hidden;border-radius:20px;background:#bbb;margin:0 8px;cursor:pointer;}
.owl-pagination .owl-page.active {background:#ff0000;}
.owl-buttons {position:absolute;left:10px;right:10px;bottom:60px;}
.owl-buttons .owl-prev {position:absolute;left:0px;width:20px;height:20px;color:#fff;font-size:30px;line-height:30px;}
.owl-buttons .owl-next {position:absolute;right:0px;}

.clubrap {padding:100px 0 20px 0;text-align:center;}
.clubrap h2 {font-size:26px;line-height:30px;padding-bottom:10px;}
.clubrap p {font-size:20px;line-height:30px;padding-bottom:10px;}
.clubrap span {font-size:14px;line-height:30px;color:#666;}

.indexreamrap {background:#000 url('/tpl/images/bg_login.jpg') no-repeat;background-size:100% 100%;}
.indexreamrap .title {padding:50px;text-align:center;color:#fff;}
.indexreamrap .title h2 {font-size:26px;line-height:30px;padding-bottom:20px;}
.indexreamrap .title p {color:#bbb;}

.indexreamrap .teamul {overflow:hidden;color:#fff;}
.indexreamrap .teamul .teamli {float:left;width:33.33%;position:relative;}
.indexreamrap .teamul .teamli .num {position:absolute;left:20px;top:20px;font-size:30px;line-height:30px;}
.indexreamrap .teamul .teamli .img {height:400px;overflow:hidden;}
.indexreamrap .teamul .teamli .img  img {width:100%;}
.indexreamrap .teamul .teamli .t {padding:15px;font-size:20px;}
.indexreamrap .teamul .teamli .d {padding:0 15px 40px 15px;font-size:13px;color:#bbb;line-height:22px;}

.snsrap .title {padding:50px;text-align:center;color:#222;}
.snsrap .title h2 {font-size:26px;line-height:30px;padding-bottom:20px;}
.snsrap .title p {color:#888;}
.snsrap .snsul {overflow:hidden;}
.snsrap .snsulimg {float:right;width:50%;padding-left:20px;}
.snsrap .snsulimg img {border-radius:12px;}
.snsrap .snsli .t {font-size:22px;color:#666;padding-bottom:10px;cursor:position;}
.snsrap .snsli .t.live {color:#000;}
.snsrap .snsli .d {font-size:13px;color:#333;padding:0 20px 20px 0;}

.snsrap .ifourul {overflow:hidden;color:#222;}
.snsrap .ifourul .ifourli {float:left;width:33.33%;position:relative;padding:0 10px;}
.snsrap .ifourul .ifourli .img {height:260px;overflow:hidden;}
.snsrap .ifourul .ifourli .img  img {width:100%;}
.snsrap .ifourul .ifourli .t {padding:15px;font-size:20px;}
.snsrap .ifourul .ifourli .d {padding:0 15px 40px 15px;font-size:13px;color:#bbb;line-height:22px;}

.indexlink {background:#000 url('/tpl/images/bgbb.jpg') no-repeat;background-size:100% 100%;padding:80px;text-align:center;color:#fff;}
.indexlink h2 {padding-bottom:30px;}
.indexlink p {padding-bottom:30px;font-size:13px;}
.indexlink a {display:inline-block;line-height:40px;padding:0 30px;border-radius:30px;background:#fff;}

.loginrap {border-radius:12px;padding:100px 0;margin:0px auto;max-width:500px;}
.loginrapb {border-radius:20px;overflow:hidden;position:relative;background-color: var(--fistudy-white);    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.06);    padding: 60px 50px 52px;border:1px solid #eee;}

.logintable .logo {padding:50px 0 30px 0;text-align:center;}
.logintable .logo img {height:32px;}

.formcell {width:400px;margin:0px auto;padding-bottom:50px;}
.formcode {color:#333;font-size:16px;}
.forminput {padding:20px 0;position:relative;}
.forminput input {height:54px;line-height:52px;border-radius:6px;padding:0 20px;width:100%;border: 1px solid rgba(var(--fistudy-bdr-color-rgb), .50);
    background-color: rgba(var(--fistudy-bdr-color-rgb), .50);color: var(--fistudy-gray);}
.forminput .rbtn {position:absolute;right:0px;line-height:54px;color:#fff;font-size:14px;cursor:pointer; background-color: var(--fistudy-base);padding:0 10px;border-radius:6px;}
.forminput.mobarea input {padding-left:80px;}
.forminput.mobarea select {position:absolute;left:10px;top:30px;height:32px;line-height:32px;border:1px;background:none;color:#000;}

.formcell .line {padding:0px 0;overflow:hidden;color:#fff;overflow:hidden;}
.formcell .line .l {float:left;cursor:pointer;}
.formcell .line .r {float:right;color:#bbb;cursor:pointer;}
.formcell .btn {cursor:pointer; height:52px;line-height:42px;text-align:center;margin:20px 0; position: relative;display: block;
    outline: none !important;
    font-weight: 500;
    font-size: 18px;
    color: var(--fistudy-white);
    border-radius: 25px;
    background-color: var(--fistudy-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;}
    
    
    /* flexslider */
.flexsliderrap {overflow:hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.flexslider {position:relative;overflow:hidden;background:none;}
.flexslider ol,.flexslider ul {padding:0px;margin:0px;list-style:none;}
.flexslider ol li,.flexslider ul li {padding:0px;margin:0px;list-style:none;line-height:100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.flexslider .slides {position:relative;z-index:1;}
.flexslider .slides li {line-height:30px;width:100%;}

.flexslider .slides li .tablerap {width:100%;}
.flexslider .slides li .tablerap .ceil {width:100%;}
.flexslider .slides li h2 {color:#111;font-weight:normal;font-size:60px;max-width:1320px;margin:0px auto;padding-top:60px;}
.flexslider .slides li .span {display:block; padding:50px 0px;font-size:30px;color:#444;max-width:1320px;margin:0px auto;overflow:hidden;}
.flexslider .slides li .span span {display:block; float:left;padding-bottom:30px;background:url('/assets/images/shapes/section-title-shape-1.png') no-repeat right bottom;}
.flexslider .slides li p {display:block;margin-top:50px;max-width:1320px;margin:0px auto;}
.flexslider .slides li .ceil {height:640px;padding:100px 20px;}

.flexslider .flex-control-nav {position:absolute;bottom:10px;z-index:20;width:100%;text-align:center;}
.flexslider .flex-control-nav li {display:inline-block;width:13px;height:13px;margin:0 5px;line-height:13px;}
.flexslider .flex-control-nav a {display:inline-block;width:13px;height:13px;line-height:13px;overflow:hidden;background:#333;border-radius:13px;cursor:pointer;text-indent:-99px;}
.flexslider .flex-control-nav .flex-active {background:#bbb;}

.show760 {display:none;}

@media (max-width:960px) {
    .show760 {display:block;}
    .hide760 {display:none;}
    .courserap {padding-left:10px;}
    .bbsrap {padding-left:0px;}
    .userbodyrap {padding-left:0px;}
    .flexslider .slides li .ceil {height:260px;padding:20px;}
    .flexslider .slides li h2 {padding-top:20px;font-size:30px;}
    .flexslider .slides li .span {padding:20px 0;font-size:20px;}
    .flexslider .slides li .span span {background:none;padding-bottom:0px;}
    .isourseul li .cell {padding:0px;}
    .isourseul li .cell .pimg {border-radius:12px 12px 0 0 ;height:160px;}
    .courseinfo_main .cm_left {width:100%;border-right:0px solid #ddd;padding:10px;}
    .courseinfo_img {width:100%;}
    .courseinfo_t {width:100%;padding-left:10px;}
    .video_play, .video_sul, .courseinfo_main .cm_right, .bbsrap_index, .userbodyrap_right {width:100%;}
    .bbsrap_index {width:100%;padding-left:0;}
    .blog-details {padding:20px 10px;}
    .userinforap {margin:0px;}
    .userinforap li {padding:0 10px;width:33.33%;}
    .userinforap li:first-child {padding-left:0;}
    .courseinforap {padding:10px;}
}