@charset "UTF-8";
body{
    --primary-color:#EAE8EA;
    --primary-select:#2693ef;
}
.header-search .select_box, .flexslider, .flexslider ul.slides li, .ind-menu, .new-rigt ul li a, .course-box, .footer-rigt, .classbox, .sub-noticeList ul li a, .sub-newList ul li, .filter-inp, .class-article1, .class-article1t, .class-article2TabM ul li a, .classLi, .classLi1, .sub-classbox, .sub-classtxt, .sub-classtxt ul li { position: relative; }

.header-search .select_option, .login-ewm, .ind-menu a, .new-rigt ul li a i, .course-box .link-btn1, .course-box .link-cart, .footer-rigt span, .classbox .class-prev, .classbox .class-next, .class ul > li .link-btn1, .class ul > li .link-cart, .sub-left ul li a:hover:after, .sub-left ul li a.cur-list:after, .sub-noticeList ul li a i, .sub-newpic, .filter-inp i, .class-article1p, .class-article1t ul, .class-article1price, .class-article1note, .class-article2TabM ul li a:hover:after, .class-article2TabM ul li a.listTab-cur:after, .classLip, .classLia, .sub-classpic, .sub-classpic a, .sub-classtxt .sub-class-price, .sub-classtxt ul, .sub-class-mask { position: absolute; }

.by { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.owl-pic:hover img, .course-box .course-pic:hover img, .class ul > li .class-pic:hover img, .sub-newpic:hover img, .class-article1p:hover img, .classLip:hover img, .sub-classpic:hover img { -webkit-transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }

.headerbox { height: 96px; background: #fff; }
.header-logo { height: 80px; margin-top: 8px; }

.header-search { border: 2px solid var(--primary-color,#EAE8EA); height: 36px; width: 296px; margin-top: 28px; }
.header-search select { display: none; }
.header-search .select_box { font-size: 14px; color: #999999; width: 70px; line-height: 36px; float: left; }
.header-search .select_showbox { height: 36px; background: url(../images/search_ico.png) no-repeat 52px center; text-indent: 1.1em; }
.header-search .select_showbox.active { background: url(../images/search_ico_hover.png) no-repeat 52px center; }
.header-search .select_option { border: 2px solid var(--primary-color,#EAE8EA); border-top: none; display: none; left: -2px; top: 36px; z-index: 99; background: #fff; }
.header-search .select_option li { text-indent: 1.1em; width: 70px; cursor: pointer; }
.header-search .select_option li.selected { background-color: #F3F3F3; color: #999; }
.header-search .select_option li.hover { background: #BEBEBE; color: #fff; }
.header-search .inp_srh, .header-search .btn_srh { border: none; background: none; height: 36px; line-height: 36px; float: left; }
.header-search .inp_srh { outline: none; width: 156px; }
.header-search .btn_srh { background: var(--primary-color,#EAE8EA); color: #FFF; font-size: 16px; width: 70px; cursor: pointer; }

.head-nav { margin-top: 28px; }
.head-nav ul li { float: left; font-size: 16px; line-height: 32px; margin-right: 20px; font-weight: bold; }
.head-nav ul li a { color: #464646; }
.head-nav ul li a:hover, .head-nav ul li a.head-nav-cur { color: var(--primary-select,#2693ef); }

.header-login { margin-left: 20px; margin-top: 28px; font-size: 14px; line-height: 32px; }
.header-login span { margin: 0 10px; }
.header-login a { color: #737272; }
.header-login a:hover { color: var(--primary-select,#2693ef); }

.header-loginded-menu { width: 120px; background: #606060; position: absolute; z-index: 9999999999; left: 50%; margin-left: -60px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 10px 0; top: 62px; }
.header-loginded-menu:before { width: 120px; height: 11px; background: url(../images/header-logind-sj.png) top center no-repeat; position: absolute; content: " "; top: -10px; }
.header-loginded-menu ul li { font-size: 14px; line-height: 30px; text-align: center; }
.header-loginded-menu ul li a { display: block; color: #fff; }
.header-loginded-menu ul li a:hover { color: #faf108; }

.header-logined { margin-left: 20px; margin-top: 22px; position: relative; }
.header-logined a img { width: 46px; height: 46px; border: 3px solid #fff; -webkit-box-shadow: 0 0 10px rgba(11, 11, 11, 0.3); -moz-box-shadow: 0 0 10px rgba(11, 11, 11, 0.3); -ms-box-shadow: 0 0 10px rgba(11, 11, 11, 0.3); -o-box-shadow: 0 0 10px rgba(11, 11, 11, 0.3); box-shadow: 0 0 10px rgba(11, 11, 11, 0.3); }
.header-logined .header-loginded-menu { display: none; }
.header-logined:hover .header-loginded-menu { display: block; }

.login { width: 72px; height: 88px; font-size: 20px; text-align: right; position: relative; padding-right: 88px; margin-top: 22px; }
.login h2 { font-size: 16px; color: #464646; line-height: 1.5; font-weight: bold; padding-top: 10px; }
.login h4 { font-size: 12px; color: #464646; line-height: 1.5; font-weight: bold; padding-top: 10px; }


.login-pic { width: 44px; height: 44px; position: absolute; right: 32px; text-align: center; cursor: pointer; }
.login-pic h4 { width: 44px; height: 44px; background: var(--primary-select,#2693ef); font-size: 20px; line-height: 44px; color: #fff; }
.login-pic img { width: 44px; height: 44px; }
.login-pic i { width: 32px; height: 44px; text-align: center; position: absolute; right: -32px; top: 0; text-align: center; font-size: 18px; line-height: 44px; color: #bfbfbf; }
.login-pic .login-con { display: none; }
.login-pic:hover .login-con { display: block; }

.login-con { position: absolute; width: 112px; left: 50%; margin-left: -56px; background: #fff; top: 58px; border: 1px solid #d7d7d7; -webkit-box-shadow: 0 0 10px rgba(74, 74, 74, 0.15); -moz-box-shadow: 0 0 10px rgba(74, 74, 74, 0.15); -ms-box-shadow: 0 0 10px rgba(74, 74, 74, 0.15); -o-box-shadow: 0 0 10px rgba(74, 74, 74, 0.15); box-shadow: 0 0 10px rgba(74, 74, 74, 0.15); padding: 10px 0; z-index: 999999; }
.login-con:before { width: 114px; height: 16px; background: url(../images/login-top.png) top center no-repeat; position: absolute; content: ''; top: -16px; left: 50%; margin-left: -57px; }
.login-con ul li { font-size: 14px; line-height: 36px; }
.login-con ul li a { color: var(--primary-select,#2693ef); display: block; }
.login-con ul li a:hover { background: #F0F0F0; color: var(--primary-select,#2693ef); }

.bannerbox { position: relative; }

.flexslider { width: 100%; height: 368px; zoom: 1; }
.flexslider ul.slides li { width: 100%; height: 100%; }
.flexslider ul.slides li img { width: 100%; height: 368px; display: block; }

/*Image pagination arrows*/
.flex-direction-nav a { display: block; position: absolute; top: 50%; width: 50px; height: 50px; overflow: hidden; margin: -35px 0 0; background: url(../images/banner/slide.png) no-repeat; border-radius: 25px; line-height: 99em; z-index: 10; cursor: pointer; -webkit-transition: all .3s ease; }
.flex-direction-nav a.flex-next { background-position: -50px 0; right: 20px; opacity: 1; filter: alpha(opacity=100); }
.flex-direction-nav a.flex-prev { left: 20px; opacity: 0.6; filter: alpha(opacity=60); }

.flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 0.3; filter: alpha(opacity=60); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=100); }

/*Image navigation dots*/
.flex-control-nav { position: absolute; width: 100%; bottom: 10px; text-align: center; }
.flex-control-nav li { display: inline-block; *display: inline; zoom: 1; }

.flex-control-paging li a { display: block; width: 16px; height: 16px; overflow: hidden; background: url(../images/banner/dot.png) no-repeat 0 -16px; text-indent: -99em; cursor: pointer; }

/* 2 */
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }

/*login*/
.ban-loginbox { width: 1200px; position: relative; margin: 0px auto; height: 1px; }
.ban-loginbox .ban-login { top: 15px; right: 32px; }
.ban-login { position: absolute; width: 298px; height: 338px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.BanMenu { height: 52px;}
.BanMenu ul li { font-size: 16px; line-height: 52px; text-align: center; }
.BanMenu ul li a { color: #444; }
.BanMenu ul li a.loginTab-cur { color: var(--primary-color,#EAE8EA); }

.login-form { padding: 15px 24px 0; }

.BanCon { height: 244px; }

.BanFoot { height: 42px; font-size: 14px; line-height: 42px; padding: 0 24px; }
.BanFoot i { font-size: 15px; vertical-align: -1px; margin-right: 4px; }
.BanFoot .pull-left i { color: #00d30c; }
.BanFoot .pull-right { color: #FF0000; }

.add-login-code { height: 244px; text-align: center; margin: 0 24px; position: relative; }
.add-login-code img { width: 156px; height: 156px; margin-bottom: 10px; margin-top: 15px; }
.add-login-code h6 { font-size: 14px; }
.add-login-code h6 span { color: #FF0000; margin-right: 6px; }
.add-login-code ul { text-align: center; display: inline-block; margin-top: 10px; }
.add-login-code ul li { float: left; display: inline-block; line-height: 30px; margin: 0 6px; color: #888; }
.add-login-code ul li i { width: 24px; height: 24px; font-size: 16px; vertical-align: -1px; border: 1px solid #e7e7e7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 24px; display: inline-block; margin-right: 4px; }

.add-login-mask { width: 160px; height: 160px; position: absolute; z-index: 2; background: #000; background: rgba(0, 0, 0, 0.7); left: 50%; margin-left: -80px; top: 13px; text-align: center; }
.add-login-mask h4 { font-size: 16px; color: #fff; line-height: 36px; padding-top: 40px; }
.add-login-mask a { background: #e4393c; color: #fff; width: 80px; font-size: 14px; line-height: 30px; display: inline-block; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.login-ewm { background: #fff; top: 53px; left: 24px; right: 24px; bottom: 24px; z-index: 99; text-align: center; }
.login-ewm h2 { font-size: 18px; line-height: 56px; }
.login-ewm img { width: 156px; height: 156px; margin-bottom: 10px; }
.login-ewm h6 { font-size: 14px; color: #888; }

.form-box1, .form-focusH, .form-box2 { position: relative; height: 38px; margin-bottom: 10px; padding-left: 38px; border: 1px #dbdbdb solid; border-radius: 3px; background: #fff; }
.form-box1 input, .form-focusH input, .form-box2 input { width: 100%; height: 38px; line-height: 38px\9; *line-height: 38px; background: none; font-size: 14px; color: #afafaf; }

.form-box4,.form-yfocusH { position: relative; height: 38px; margin-bottom: 10px; border: 1px #dbdbdb solid; border-radius: 3px; background: #fff;}
.form-box4 input,.form-yfocusH input{padding-left: 38px; width: 50%; height: 38px; line-height: 38px\9; *line-height: 38px; background: none; font-size: 14px; color: #afafaf; }

.form-icons { display: inline-block; text-align: center; font-size: 20px; color: #bfbfbf; }

.form-ico { position: absolute; top: 0; left: 0; width: 38px; height: 38px; line-height: 38px; }

.form-op, .form-code { position: absolute; top: 4px; right: 4px; }

.form-eye, .form-delete { width: 25px; height: 30px; line-height: 30px; }

.form-box3 { position: relative; height: 38px; margin-bottom: 10px; padding-left: 38px; border: 1px #dbdbdb solid; border-radius: 3px; background: #fff; }

/* 焦点状态 */
.form-focusH { border-color: var(--primary-color,#EAE8EA); }
.form-focusH .form-ico { color: var(--primary-color,#EAE8EA); }
.form-focusH input { color: var(--primary-color,#EAE8EA); }

/*验证码焦点状态*/
.form-yfocusH { border-color: var(--primary-color,#EAE8EA); }
.form-yfocusH .form-ico { color: var(--primary-color,#EAE8EA); }
.form-yfocusH input { color: var(--primary-color,#EAE8EA); }
/* 提交按钮 */
.submit-btn { height: 40px; border-radius: 2px; line-height: 40px; background: var(--primary-color,#EAE8EA); font-size: 14px; color: #fff; display: block; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.submit-btn:hover { background: var(--primary-select,#2693ef); color: #fff; }

.no-click{
    pointer-events: none;
}
/*获取验证码*/
.sendYzm{ width: 40%; background: #fff;border-left: 1px solid #dbdbdb;float: right;height: 38px;cursor:pointer; text-align: center;line-height: 38px}
.threeLogin {display: flex;margin-top: 10px;justify-content: space-around ;}
.threeLogin .wei { display: inline-block; vertical-align: -5px; width: 20px;height: 20px; background: url("../new_style/images/loginFoot-ico.png");}
.threeLogin .app { display: inline-block; vertical-align: -5px; width: 20px;height: 20px; background: url("../new_style/images/loginFoot-ico.png") -20px 0;}
.threeLogin i {margin-right: 5px}
/* 自动登录/忘记密码 */
.form-half-l, .form-half-r { width: 50%; line-height: 28px; }

.form-half-l { float: left; }

.form-half-r { float: right; text-align: right; }

label { display: inline-block; cursor: pointer; padding-left: 20px; color: #666; }

.checks .label-check { background: url(../images/check_default.png) 0 7px no-repeat; line-height: 30px; }

.checks label.c_on, .checks label.c_on:hover { background: url(../images/check_selected.png) 0 7px no-repeat; }

.checks .label-check:hover { background: url(../images/check_hover.png) 0 7px no-repeat; color: var(--primary-color,#EAE8EA); }

.checks .label-check input { position: absolute; left: -99999px; }

.form-ewmsm { width: 32px; height: 32px; position: absolute; bottom: 1px; right: 1px; }

.ind-menu { height: 78px; font-size: 28px; line-height: 78px; text-align: center; color: #858686; }
.ind-menu a { right: 0; font-size: 14px; line-height: 28px; color: #afafaf; bottom: 10px; }
.ind-menu a:hover { color: var(--primary-select,#2693ef); }

#owl-demo { position: relative; width: 790px; height: 312px; }
#owl-demo .item { height: 312px; position: relative; display: block; position: relative; padding-left: 510px; }
.owl-pic { width: 490px; height: 312px; position: absolute; left: 0; overflow: hidden; }
.owl-pic img { width: 490px; height: 312px; }

.owl-pagination { position: absolute; left: 0; bottom: 10px; right: 280px; height: 22px; text-align: center; }
.owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; *display: inline; *zoom: 1; }
.owl-pagination .active { width: 25px; background: var(--primary-color,#EAE8EA); }

.owl-buttons { display: none; }
.owl-buttons div { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; text-indent: -9999px; }
.owl-buttons div.owl-prev { left: 10px; background: url(../images/banner/slide.png); }
.owl-buttons div.owl-next { right: 310px; background: url(../images/banner/slide.png) -50px; }

.owl-txt { position: relative; height: 312px; padding-right: 20px; }
.owl-txt h2 { height: 48px; font-size: 16px; line-height: 24px; padding-top: 10px; position: relative; padding-bottom: 20px; font-weight: bold; }
.owl-txt h2:after { content: ''; width: 65px; height: 1px; background: #e8e8e8; position: absolute; bottom: 6px; display: block; }
.owl-txt p { font-size: 14px; line-height: 22px; color: #888; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; -moz-box-orient: vertical; }

.owl-more { font-size: 14px; line-height: 28px; position: absolute; right: 20px; bottom: 5px; z-index: 99; }

.new-rigt { width: 380px; height: 312px; }
.new-rigt h3 { height: 54px; border-bottom: 1px solid #e8e7e7; background: #f8f8f8; font-size: 14px; line-height: 54px; padding: 0 20px; color: var(--primary-color,#EAE8EA); }
.new-rigt h3 a { color: #767575; }
.new-rigt h3 a:hover { color: var(--primary-color,#EAE8EA); }
.new-rigt ul { padding: 16px 20px 0; }
.new-rigt ul li { font-size: 14px; line-height: 32px; }
.new-rigt ul li span { margin-left: 20px; color: #888; }
.new-rigt ul li a { display: block; padding-left: 12px; }
.new-rigt ul li a i { width: 6px; height: 6px; background: #c8c8c8; top: 50%; margin-top: -3px; left: 0; }
.new-rigt ul li a:hover { color: var(--primary-color,#EAE8EA); }
.new-rigt ul li a:hover i { background: var(--primary-color,#EAE8EA); }

.price { font-size: 18px; color: #ff0000; }
.price span { font-size: 14px; }

.link-btn1 { width: 72px; height: 26px; border: 1px solid var(--primary-color,#EAE8EA); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: block; font-size: 14px; line-height: 24px; text-align: center; color: var(--primary-color,#EAE8EA); }
.link-btn1:hover { background: var(--primary-color,#EAE8EA); color: #fff; border: 1px solid var(--primary-color,#EAE8EA); }

.link-cart { width: 28px; height: 28px; background: url(../images/cart.png) left 0 no-repeat; display: block; }
.link-cart:hover { background: url(../images/cart.png) left -28px no-repeat; }

.course ul { margin-top: -30px; }
.course ul li { margin-top: 30px; }

.course-box { border: 1px solid #eee; margin: 0 15px; }
.course-box .course-pic { overflow: hidden; margin: -1px -1px 0 -1px; }
.course-box .course-txt { padding: 5px 15px 15px; }
.course-box .course-txt h2 { font-size: 16px; line-height: 36px; }
.course-box .course-txt p { font-size: 14px; line-height: 1.8; color: #888; }
.course-box .link-btn1 { right: 15px; bottom: 15px; }
.course-box .link-cart { right: 15px; bottom: 58px; }

.footerbox { background: #626262; padding: 15px 0; margin-top: 30px; }
.footer-left { color: #fff; font-size: 14px; line-height: 30px; }
.footer-left a { color: #fff; }
.footer-left span { margin: 0 15px; }

.footer-rigt { height: 36px; padding-left: 80px; margin-top: 12px; }
.footer-rigt span { width: 80px; height: 36px; font-size: 18px; color: #fff; left: 0; line-height: 36px; }
.footer-rigt ul li { float: left; margin-right: 5px; }
.footer-rigt ul li a { width: 36px; height: 36px; display: block; }
.footer-rigt ul li a.foot-email { background: url(../images/footico.png) 0 0 no-repeat; }
.footer-rigt ul li a.foot-qq { background: url(../images/footico.png) -36px 0 no-repeat; }
.footer-rigt ul li a.foot-chat { background: url(../images/footico.png) -72px 0 no-repeat; }
.footer-rigt ul li a.foot-xinlang { background: url(../images/footico.png) -108px 0 no-repeat; }
.footer-rigt ul li a.foot-tel { background: url(../images/footico.png) -144px 0 no-repeat; }
.footer-rigt ul li a:hover.foot-email { background: url(../images/footico.png) 0 -36px no-repeat; }
.footer-rigt ul li a:hover.foot-qq { background: url(../images/footico.png) -36px -36px no-repeat; }
.footer-rigt ul li a:hover.foot-chat { background: url(../images/footico.png) -72px -36px no-repeat; }
.footer-rigt ul li a:hover.foot-xinlang { background: url(../images/footico.png) -108px -36px no-repeat; }
.footer-rigt ul li a:hover.foot-tel { background: url(../images/footico.png) -144px -36px no-repeat; }

.classbox { width: 1170px; height: 408px; margin: 0 auto; padding: 15px; }
.classbox .class-prev, .classbox .class-next { width: 40px; height: 74px; top: 167px; opacity: 0.4; filter: alpha(opacity=40); }
.classbox .class-prev:hover, .classbox .class-next:hover { opacity: 1; filter: alpha(opacity=100); }
.classbox .class-prev { left: -70px; background: url(../images/prev.png) no-repeat; }
.classbox .class-next { right: -70px; background: url(../images/next.png) no-repeat; }

.class { position: relative; overflow: hidden; width: 1170px; height: 408px; }
.class ul > li { width: 582px; height: 408px; float: left; position: relative; padding-left: 588px; }
.class ul > li .class-pic { width: 570px; height: 408px; position: absolute; left: 0; overflow: hidden; }
.class ul > li .class-pic img { width: 570px; height: 408px; }
.class ul > li > h2 { font-size: 24px; line-height: 48px; padding-top: 10px; font-weight: bold; }
.class ul > li > p { font-size: 14px; line-height: 1.8; color: #888; margin-top: 15px; }
.class ul > li > ol { margin: 0 -9px; position: absolute; bottom: 0; }
.class ul > li > ol h3 { font-size: 16px; font-weight: bold; color: var(--primary-color,#EAE8EA); margin-left: 9px; margin-bottom: 15px; }
.class ul > li .link-btn1, .class ul > li .link-cart { right: 10px; }
.class ul > li .link-cart { top: 22px; }
.class ul > li .link-btn1 { top: 162px; }

.class-course { margin: 0 9px; text-align: center; }
.class-course h2 { font-size: 14px; line-height: 20px; margin-top: 5px; }

.class-price { font-size: 36px; line-height: 42px; color: #ff0000; }
.class-price span { font-size: 28px; }

.sub-left { width: 200px; min-height: 558px; background: url(../images/sublbg.jpg) bottom center no-repeat #fff; }
.sub-left h3 { border-bottom: 1px solid #eee; font-size: 16px; color: var(--primary-color,#EAE8EA); line-height: 50px; font-weight: bold; padding-left: 20px; }
.sub-left ul li { height: 50px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 50px; }
.sub-left ul li a { display: block; position: relative; padding-left: 20px; color: #8c8c8c; }
.sub-left ul li a i { font-size: 16px; margin-right: 8px; vertical-align: -1px; }
.sub-left ul li a:hover, .sub-left ul li a.cur-list { background: var(--primary-color,#EAE8EA); color: #fff; }
.sub-left ul li a:hover:after, .sub-left ul li a.cur-list:after { content: ""; height: 0; width: 0; border-left: 10px solid var(--primary-color,#EAE8EA); border-top: 10px dashed transparent; border-bottom: 10px dashed transparent; right: -10px; top: 15px; }

.sub-rigt { width: 970px; min-height: 558px; }
.sub-rm { border-bottom: 1px solid #eee; line-height: 50px; padding: 0 20px; }
.sub-rm h3 { font-size: 16px; color: var(--primary-color,#EAE8EA); font-weight: bold; }
.sub-rm span { font-weight: normal; font-size: 14px; color: #888; }
.sub-rm span.c-theme { color: var(--primary-color,#EAE8EA); }
.sub-rm span.c-red { color: #ff0000; }
.sub-rm ul li { float: left; display: inline-block; margin-right: 20px; }
.sub-rm ul li a { font-size: 16px; line-height: 50px; font-weight: bold; padding: 0 6px; display: block; border-bottom: 1px solid transparent; margin-bottom: -1px; }
.sub-rm ul li a.listTab-cur { color: var(--primary-color,#EAE8EA); border-bottom: 1px solid var(--primary-color,#EAE8EA); }

.sub-noticeList { padding: 10px 20px 0; }
.sub-noticeList ul li { font-size: 14px; line-height: 38px; }
.sub-noticeList ul li:nth-child(odd) { background: #fff; }
.sub-noticeList ul li:nth-child(even) { background: #f6f6f6; }
.sub-noticeList ul li a { display: block; padding-left: 24px; padding-right: 10px; }
.sub-noticeList ul li a i { width: 6px; height: 6px; background: #c8c8c8; top: 50%; margin-top: -3px; left: 10px; }
.sub-noticeList ul li a span { color: #888; }
.sub-noticeList ul li a:hover { background: #e8f4fe; color: var(--primary-color,#EAE8EA); font-weight: bold; }
.sub-noticeList ul li a:hover i { background: var(--primary-color,#EAE8EA); }
.sub-noticeList ul li a:hover span { font-weight: normal; }

.pagin { display: block; }
.pagin > a { display: inline-block; padding: 6px 10px; margin: 0px 2px 0; border-radius: 3px; border: 1px #DDD solid; background: #FFF; color: #666; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; font-size: 12px; line-height: 18px; }
.pagin > a i { font-size: 10px; }
.pagin > a:hover { border-color: var(--primary-color,#EAE8EA); box-shadow: 0 0 3px #eee; color: var(--primary-color,#EAE8EA); }
.pagin .pagin-cur, .pagin .pagin-cur:hover { border-color: var(--primary-color,#EAE8EA); background: var(--primary-color,#EAE8EA); color: #FFF; }

.pagin-ell { font-size: 14px; line-height: 18px; color: #666; padding: 0 10px; }

.pagin-txt { display: inline-block; padding: 5px 8px; font-size: 14px; line-height: 18px; color: #666; }

.pagin-jump, .pagin-jump-focus { display: inline-block; *vertical-align: -5px; border: 1px #ddd solid; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.pagin-input { *float: left; width: 40px; height: 30px; border: none; outline: none; background: #fff; line-height: 30px\9; *line-height: 30px; text-align: center; font-size: 12px; color: var(--primary-color,#EAE8EA); }

.pagin-btn { *float: left; display: none; padding: 0 10px; font-size: 12px; line-height: 26px; color: #fff; text-decoration: none; }
.pagin-btn:hover { color: #FFFFFF; }

.pagin-jump-focus { border-color: var(--primary-color,#EAE8EA); background: var(--primary-color,#EAE8EA); *vertical-align: -1px; }
.pagin-jump-focus .pagin-btn { display: inline-block; }

.pagin { margin: 40px 0; }

.article-title { padding: 25px 30px 30px; text-align: center; line-height: 1.4; }
.article-title h2 { font-size: 20px; color: #444; font-weight: bold; }
.article-title h6 { font-size: 14px; margin-top: 8px; color: #888; }

.article-article { padding: 0 30px; font-size: 14px; line-height: 1.8; color: #666; }

.article-ahover { text-align: right; padding: 20px 30px 20px 0; }
.article-ahover a { display: inline-block; font-size: 14px; line-height: 28px; background: var(--primary-color,#EAE8EA); color: #fff; padding: 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.article-ahover a:hover { background: var(--primary-select,#2693ef); color: #fff; }

.sub-newList { margin: 0 30px; }
.sub-newList ul li { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; padding-top: 10px; }
.sub-newList ul li h2 { font-size: 16px; line-height: 32px; padding-top: 12px; }
.sub-newList ul li h2 span { font-size: 14px; color: #888; }
.sub-newList ul li h2 a { font-weight: bold; }
.sub-newList ul li p { font-size: 14px; line-height: 22px; color: #888; margin-top: 10px; }
.sub-newList ul li p a { color: var(--primary-color,#EAE8EA); font-weight: bold; }
.sub-newList ul li p a:hover { color: var(--primary-select,#2693ef); }
.sub-newList ul li.sub-newp { min-height: 134px; padding: 20px 216px 20px 0; }

.sub-newpic { width: 196px; height: 134px; overflow: hidden; right: 0; }
.sub-newpic img { width: 196px; height: 134px; }

.filter { margin: 0 20px; padding: 5px 0 0; position: relative; }
.filter ul li { position: relative; margin-top: 10px; border-bottom: 1px dotted #dddddd; padding-bottom: 6px; }
.filter .filter_sort { width: 70px; position: absolute; left: 0px; top: 5px; }
.filter .filter_item { padding-left: 70px; }
.filter .filter_link1 { float: left; display: inline-block; margin-top: 0px; padding: 0px 8px; margin-bottom: 3px; }
.filter .filter-down { height: 24px; display: block; right: 0; position: absolute; background: var(--primary-color,#EAE8EA); top: 5px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0 12px; }

.filter_link, .filter_link1 { line-height: 24px; display: block; margin: 0px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; margin-top: 10px; }

.filter_link:hover, .filter_link1:hover, .filter_selected { background: var(--primary-color,#EAE8EA); color: #FFFFFF; }

.filter-search { height: 22px; margin: 15px 20px 0; background: #f3f3f3; font-size: 14px; line-height: 22px; padding: 7px 20px 7px 0; }
.filter-page a { margin-left: 20px; }

.filter-px span { margin: 0 5px; }
.filter-px a { margin: 0 20px; }
.filter-px a i { margin-left: 5px; font-size: 13px; }

.filter-inp { display: inline-block; width: 100px; height: 22px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0 5px; }
.filter-inp i { font-size: 20px; right: 5px; color: #9e9e9e; }
.filter-inp input { width: 100%; height: 22px; background: transparent; font-size: 12px; line-height: 22px; color: #888; }

.sub-course ul { margin-top:10px; }
/*.sub-course ul li { margin-top: 20px; }*/
.sub-course ul li .course-box { margin: 0 10px; }

.class-article1-npic { padding-left: 0; height: auto; margin: 20px 30px; }
.class-article1-npic .class-article1t { height: auto; }
.class-article1-npic .class-article1t p { -webkit-line-clamp: inherit; }

.class-article1 { height: 234px; margin: 20px 30px; padding-left: 351px; }
.class-article1 .sub-class-off { left: -7px; top: -6px; }
.class-article1p { width: 326px; height: 234px; overflow: hidden; left: 0; cursor: pointer; }
.class-article1p img { width: 326px; height: 234px; }

.class-article1t { height: 234px; }
.class-article1t h2 { font-size: 24px; line-height: 32px; padding-top: 5px; padding-bottom: 10px; }
.class-article1t h2 a { display: inline-block; margin-left: 10px; vertical-align: -4px; }
.class-article1t h2 span { font-size: 16px; background: #22954b; padding: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: inline-block; line-height: 24px; vertical-align: 2px; margin-left: 3px; color: #fff; }
.class-article1t p { font-size: 14px; line-height: 24px; color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -moz-box-orient: vertical;word-break: break-word; word-wrap:break-word;}
.class-article1t p span { margin: 0 12px; }
.class-article1t h3 { font-size: 16px; font-weight: bold; color: var(--primary-color,#EAE8EA); margin-top: 20px; margin-bottom: 10px; }
.class-article1t ul { bottom: 0px; }
.class-article1t ul li { width: 100px; height: 36px; float: left; text-align: center; margin-right: 15px; }
.class-article1t ul li a { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 16px; line-height: 36px; color: #fff; }
.class-article1t ul li a.classes-btn1 { background: var(--primary-color,#EAE8EA); }
.class-article1t ul li a.classes-btn2 { background: #d88416; }
.class-article1t ul li a.classes-btn3 { background: #c3c3c3; }
.class-article1t ul li a:hover { color: #fff; text-decoration: underline; }

.class-article1price { font-size: 32px; color: #ff0000; right: 0; top: 15px; }
.class-article1price span { font-size: 18px; margin-right: 3px; }

.class-article1note { font-size: 16px; line-height: 36px; color: #444; right: 0; bottom: 0; font-weight: bold; }
.class-article1note span { color: var(--primary-color,#EAE8EA); font-weight: bold; }

.class-article2TabM { margin: 0 30px; height: 42px; background: #f3f3f3; }
.class-article2TabM ul li { width: 108px; font-size: 16px; line-height: 42px; float: left; text-align: center; margin-right: 3px; }
.class-article2TabM ul li a { display: block; }
.class-article2TabM ul li a:hover, .class-article2TabM ul li a.listTab-cur { background: var(--primary-color,#EAE8EA); color: #fff; }
.class-article2TabM ul li a:hover:after, .class-article2TabM ul li a.listTab-cur:after { content: ""; height: 0; width: 0; border-top: 10px solid var(--primary-color,#EAE8EA); border-left: 10px dashed transparent; border-right: 10px dashed transparent; bottom: -10px; left: 50%; margin-left: -10px; }

.class-article2TabC { padding: 30px; word-wrap:break-word; overflow:hidden;}
.class-article { font-size: 14px; line-height: 1.8; color: #666; }

.zw { text-align: center; padding: 180px 0;word-break:break-all; }
.zw h2 { font-size: 16px; color: #888; margin-top: 20px; line-height: 28px; }

.class-List h4 { font-size: 16px; line-height: 42px; cursor: pointer; position: relative; color: #444; font-weight: bold; padding-left: 32px; }
.class-List h4 .List-ico { width: 16px; height: 16px; top: 50%; margin-top: -8px; left: 5px; background: url(../images/off.png) no-repeat; position: absolute; }
.class-List .list-item ul { padding: 4px 0; }
.class-List .list-item ul li { font-size: 14px; line-height: 32px; }
.class-List .list-item ul li a { display: block; color: #777; position: relative; padding-left: 40px; }
.class-List .list-item ul li a i { width: 8px; height: 8px; background: #777; position: absolute; top: 50%; margin-top: -4px; left: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.class-List .list-item ul li a:hover { background: #f1f8fe; color: var(--primary-color,#EAE8EA); }
.class-List .list-item ul li a:hover i { background: var(--primary-color,#EAE8EA); }
.class-List .selected h4 .List-ico { background: url(../images/on.png) no-repeat; }

.classLi, .classLi1 { height: 132px; padding-left: 204px; padding-right: 140px; }
.classLi h2, .classLi1 h2 { font-size: 16px; line-height: 32px; font-weight: bold; }
.classLi p, .classLi1 p { font-size: 14px; color: #888; line-height: 22px; }
.classLi p span, .classLi1 p span { margin: 0 20px; }
.classLi p a, .classLi1 p a { color: var(--primary-color,#EAE8EA); font-weight: bold; }
.classLi p a:hover, .classLi1 p a:hover { color: var(--primary-select,#2693ef); }
.classLi h3, .classLi1 h3 { font-size: 16px; line-height: 32px; font-weight: bold; margin-top: 5px; }
.classLip { width: 184px; height: 132px; overflow: hidden; left: 0; }
.classLip img { width: 184px; height: 132px; }

.classLia { width: 98px; height: 34px; border: 1px solid var(--primary-color,#EAE8EA); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; right: 15px; font-size: 14px; line-height: 34px; text-align: center; color: var(--primary-color,#EAE8EA); top: 50%; margin-top: -17px; }
.classLia:hover { background: var(--primary-color,#EAE8EA); color: #fff; }

.classList ul { margin: -20px 0; }
.classList ul li { border-bottom: 1px solid #f3f3f3; margin-top: 20px; padding-bottom: 20px; }

.classLi1 { padding-right: 0; }

.sub-class > ul { margin: 0 10px; }
.sub-class > ul li { margin-top: 20px; }

.sub-classbox { border: 1px solid #eee; padding: 12px 12px 12px 290px; margin: 0 10px; }
.sub-classbox .sub-class-off { left: 5px; top: 6px; }
.sub-classpic { width: 266px; height: 190px; overflow: hidden; left: 12px; cursor: pointer; }
.sub-classpic img { width: 262px; height: 190px; }
.sub-classpic a { width: 28px; height: 28px; background: #000; background: rgba(0, 0, 0, 0.6); top: 10px; left: 10px; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 3px; }
.sub-classpic a.add-off { right: 15px; left: auto; }

.sub-classtxt { width: 266px; height: 190px; }
.sub-classtxt h2 { font-size: 16px; line-height: 22px; font-weight: bold; }
.sub-classtxt .sub-class-price { font-size: 28px; color: #ff0000; right: 0; top: 30px; }
.sub-classtxt .sub-class-price span { font-size: 12px; margin-right: 3px; }
.sub-classtxt .sub-class-price.sub-pricec1 { color: #999; }
.sub-classtxt .link-btn1 { position: absolute; right: 0; top: 75px; }
.sub-classtxt .link-btn1.link-btn1-gay { border: 1px solid #888; color: #888; }
.sub-classtxt .link-btn1.link-btn1-gay:hover { background: #888; color: #fff; }
.sub-classtxt p { font-size: 14px; line-height: 20px; color: #888; margin-top: 5px; }
.sub-classtxt ul { margin-left: -12px; bottom: 0; }
.sub-classtxt ul h3 { margin-left: 12px; font-size: 14px; line-height: 28px; color: var(--primary-color,#EAE8EA); font-weight: bold; margin-bottom: -20px; }
.sub-classtxt ul li { width: 100px; height: 72px; overflow: hidden; float: left; margin-left: 12px; }
.sub-classtxt ul li img { width: 100px; height: 72px; }
.sub-classtxt ul li a .sub-class-mask { left: -100px; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
.sub-classtxt ul li a:hover .sub-class-mask { left: 0; }
.sub-classtxt ul li.sub-class-more { width: 42px; height: 72px; text-align: center; font-size: 12px; line-height: 18px; }
.sub-classtxt ul li.sub-class-more > a { height: 36px; display: block; background: #f3f3f3; padding: 18px 0; }
.sub-classtxt ul li.sub-class-more > a:hover { background: var(--primary-color,#EAE8EA); color: #fff; }

.sub-class-mask { width: 100px; height: 72px; top: 0; bottom: 0; background: #000 \0; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 22px; text-align: center; }
.sub-class-mask p { padding: 10px 5px 0; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -moz-box-orient: vertical; }

.sub-class-off { width: 82px; height: 82px; position: absolute; background: url(../images/xx.png) no-repeat; z-index: 3; }

.BanCon h2 { font-size: 24px; text-align: center; margin-top: 35px; }
.BanCon p { font-size: 16px; text-align: center; margin-top: 10px; color: #666; }
.ban-info { margin-top: 40px; }
.ban-info ul li { width: 33.3333333333%; float: left; text-align: center; }
.ban-info ul li h4 { font-size: 30px; color: var(--primary-color,#EAE8EA); }
.ban-info ul li h5 { font-size: 16px; color: #888; margin-top: 8px; }
.ban-info a { margin: 25px 20px 0; }

.article-tab { margin-top: 10px; }
.article-tab table { border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }
.article-tab table tr:first-child { background: #dfdfdf; font-weight: bold; }
.article-tab table tr td { border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 6px 0; }
.article-tab table tr td p { font-size: 14px; line-height: 24px; padding: 0 6px; }

.add1-left { width: 872px; height: 340px; background: red; }

.add1-rigt { width: 298px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.add2 { padding: 15px 0; }
.add2 ul { margin: 0 5px; }

.add2box { margin: 0 12px; font-size: 14px; line-height: 32px; position: relative; }
.add2box span { color: #999; margin-left: 10px; }
.add2box i { width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px; }
.add2box a { padding-left: 14px; }
.add2box a i { background: #c8c8c8; }
.add2box a:hover i { background: var(--primary-select,#2693ef); }

#owl-demo1 { position: relative; width: 872px; height: 312px; }
#owl-demo1 .item { height: 340px; position: relative; display: block; position: relative; }
#owl-demo1 .owl-pic { width: 872px; height: 340px; position: absolute; left: 0; overflow: hidden; }
#owl-demo1 .owl-pic img { width: 872px; height: 340px; }
#owl-demo1 .owl-pagination { position: absolute; bottom: -25px; right: 0; height: 22px; text-align: right; padding-right: 10px; }
#owl-demo1 .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; *display: inline; *zoom: 1; }
#owl-demo1 .owl-pagination .active { width: 25px; background: var(--primary-select,#2693ef); }
#owl-demo1 .owl-buttons { display: none; }
#owl-demo1 .owl-buttons div { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; text-indent: -9999px; }
#owl-demo1 .owl-buttons div.owl-prev { left: 10px; background: url(../images/banner/slide.png); }
#owl-demo1 .owl-buttons div.owl-next { right: 10px; background: url(../images/banner/slide.png) -50px; }
#owl-demo1 .owl-txt { background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; height: 36px; left: 0; right: 0; padding-left: 12px; padding-right: 200px; }
#owl-demo1 .owl-txt h2 a { font-size: 14px; color: #fff; line-height: 36px; }
#owl-demo1 .owl-txt h2 a:hover { color: #f0ff00; }

.loginbox { background: url(../images/loginbg.jpg) top center no-repeat; padding: 150px 0; }
.loginbox .add-login { width: 300px; height: 340px; background: #FFF; margin-left: 820px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.loginbox .add-logintxt { color: #fff; margin-left: 110px; }
.loginbox .add-logintxt h2 { font-size: 62px; padding-top: 80px; }
.loginbox .add-logintxt p { font-size: 45px; margin-top: 30px; }

.footerbox { background: #626262; padding: 15px; text-align: center; color: #dcdcdc; }
.footerbox .footer-menu { margin-top: 5px; }
.footerbox .footer-menu a { color: #dcdcdc; margin: 0 20px; }
.footerbox .footer-menu a:hover { color: #fff; text-decoration: underline; }
.footerbox .footer-copy { line-height: 22px; margin-top: 10px; }
.footStyle {font-size: 14px;color: #dcdcdc;}

.binding { width: 320px; height: auto; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -160px; }
.binding-head h3 { font-size: 16px; line-height: 48px; background: #eee; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 0 20px; font-weight: bold; }

.binding-form { margin: 25px 20px 0; }

.binding-colse { width: 28px; height: 28px; background: var(--primary-select,#2693ef); position: absolute; top: -12px; right: -12px; text-align: center; line-height: 28px; cursor: pointer; }
.binding-colse i { font-size: 14px; color: #fff; }

.binding-note { width: 300px; height: 260px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -150px; text-align: center; }
.binding-note span { width: 64px; height: 64px; text-align: center; line-height: 64px; border: 2px solid #FF0000; display: inline-block; margin-top: 40px; }
.binding-note span i { font-size: 24px; color: #FF0000; font-weight: bold; }
.binding-note h2 { font-size: 16px; color: #FF0000; margin-top: 15px; font-weight: bold; }
.binding-note p { font-size: 14px; line-height: 18px; color: #888; margin-top: 15px; }
.binding-note a { width: 100px; font-size: 14px; line-height: 30px; background: var(--primary-select,#2693ef); display: inline-block; margin-top: 15px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.xf { width: 54px; background: #fff; position: fixed; top: 50%; z-index: 99; right: 10px; margin-top: -100px; }
.xf ul li { height: 50px; border-bottom: 1px solid #efefef; text-align: center; position: relative; }
.xf ul li:last-child { border-bottom: none; }
.xf ul li#top { display: none; }
.xf ul li a { height: 50px; display: block; background: url(../images/xf.png) no-repeat; }
.xf ul li a.xf-cart { background-position: 0 0; }
.xf ul li a.xf-edit { background-position: 0 -100px; }
.xf ul li a.xf-app { background-position: 0 -200px; }
.xf ul li a.xf-top { background-position: 0 -300px; }
.xf ul li a:hover { background: url(../images/xf.png) no-repeat var(--primary-select,#2693ef); }
.xf ul li a:hover.xf-cart { background-position: 0 -50px; }
.xf ul li a:hover.xf-edit { background-position: 0 -150px; }
.xf ul li a:hover.xf-app { background-position: 0 -250px; }
.xf ul li a:hover.xf-top { background-position: 0 -350px; }
.xf-cart mark { min-width: 6px; height: 18px; position: absolute; background: #ff0000; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; padding: 0 6px; color: #fff; font-size: 10px; line-height: 18px; top: 8px; right: 3px; z-index: 999; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.xf-cart:hover mark { top: -8px; right: -4px; }

.xf-app { position: relative; }
.xf-app .xf-code { width: 127px; height: 120px; position: absolute; background: red; right: 54px; top: 50%; margin-top: -60px; background: url(../images/codebg.png); display: none; }
.xf-app .xf-code img { width: 100px; height: 100px; padding-top: 10px; padding-right: 10px;text-align: center}
.xf-app:hover .xf-code { display: block; }


.idx-linkbg { background: #fff; }
.idx-link-pic { position: relative; min-height: 40px; padding: 24px 24px 24px 156px; border-bottom: 1px solid #f2f2f2; }
.idx-link-pic span { position: absolute; left: 0; padding: 0 24px; width: 108px; font-size: 18px; line-height: 40px; color: #000; }
.idx-link-pic ul { margin-top: -8px; }
.idx-link-pic ul li { float: left; margin-top: 8px; padding: 0 24px; border-left: 1px solid #f2f2f2; }
.idx-link-pic ul li img { width: auto; height: 40px; }

.idx-link-txt { position: relative; min-height: 28px; padding: 24px 24px 24px 156px; }
.idx-link-txt span { position: absolute; left: 0; padding: 0 24px; width: 108px; font-size: 18px; line-height: 28px; color: #000; }
.idx-link-txt ul { margin-top: -8px; padding: 6px 0; }
.idx-link-txt ul li { float: left; padding: 0 12px; margin-top: 8px; font-size: 14px; line-height: 16px; border-left: 1px solid #f2f2f2; }
.idx-link-txt ul li a { color: #8c8c8c; }
.idx-link-txt ul li a:hover { color: #509bfb; }

.idx-xf { position: fixed; right: 8px; z-index: 999; }
.idx-xfbox .xf-tel, .idx-xfbox .xf-code { display: none; }
.idx-xfbox:hover .xf-tel, .idx-xfbox:hover .xf-code { display: block; }

.xf-tel, .xf-code { position: absolute; top: 50%; left: auto; right: 76px; width: 264px; background: #fff; box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05); }
.xf-tel:before, .xf-code:before { position: absolute; top: 50%; right: -6px; width: 0; height: 0; margin-top: -6px; content: ''; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; }
.xf-tel.xf-code1, .xf-code.xf-code1 { width: 132px; }

/*.xf-tel { height: 72px; margin-top: -36px; color: #141414; }*/
.xf-tel { top: 0; min-height: 60px; margin-top: 0; padding-bottom: 12px; color: #141414; }
.xf-tel:before { position: absolute; top: 36px; }
.xf-tel h3 { padding-top: 12px; font-size: 18px; line-height: 24px; font-weight: bold; }
.xf-tel p { margin-top: 6px; font-size: 16px; color: #595959; }

/*.xf-code { height: 150px; margin-top: -75px; }*/
.xf-code { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }.xf-codebox { padding: 16px; width: 100px; text-align: center; float: left; }
.xf-codebox img { width: 92px; height: 92px; }
.xf-codebox h4 { margin-top: 8px; font-size: 14px; line-height: 22px; color: #595959; }

.idx-xf-show, .idx-xf-hidden { font-size: 14px; text-align: center; color: #fff; cursor: pointer; }
.idx-xf-show i, .idx-xf-hidden i { display: inline-block; font-size: 16px; line-height: inherit; vertical-align: top; -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }

.idx-xf-show { position: fixed; right: 0; z-index: 999; width: 100px; height: 40px; line-height: 40px;background: var(--primary-color,#2693ef);
  border-radius: 8px 0 0 8px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box; }
.idx-xf-show.active { right: -100px; }
.idx-xf-show i { margin-right: 4px; margin-left: -8px; transform-origin: right; }

.idx-xf-hidden i { margin-left: 4px; margin-right: -8px; transform-origin: left; }
.box-shadow, .headerbg, .box-wrap, .idx-ban, .idx-rank-box, .idx-news-txt1 ul li, .teacherbox, .netbox, .coursebox, .idx-linkbg, .idx-prog, .idx-rank-left, .idx-type ul li a, .idx-news-pic, .idx-news-txt2, .course-title { -webkit-box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05); box-shadow: 0 9px 28px rgba(0, 0, 0, 0.05); }
.bd-lg, .login-box, .header-logined-body, .box-teachers, .coursebox, .course-title, .ban-type-pic .pic, .idx-prog, .interest-edit, .idx-face-left .swiper-container, .teacherbox, .xf-tel, .xf-code, .idx-xf ul, .idx-xf ul:before, .xf-top, .box-wrap, .idx-ban, .idx-rank-box, .idx-news-txt1 ul li, .netbox, .idx-linkbg, .idx-rank-left, .idx-news-pic, .idx-news-txt2 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.trans, .form-label, .login-tab-menu ul li a span, a, [class*=btn-], .pic img, .header-search-box, .header-search-box .header-search-select, .idx-more, .idx-ban .swiper-button-prev, .idx-ban .swiper-button-next, .interest-edit-nav .swiper-slide span, .news-picbox img, .idx-news-pic img, .idx-face-left .swiper-slide img, .idx-xf-show, .idx-xf, .header-nav ul li a, .netbox .pic img, .idx-face-right .coursebox, .idx-face-right .coursebox .box-ul, .idx-type ul li a { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }


.idx-xf { position: fixed; right: 8px; width: 72px; }
.idx-xf.active { right: -72px; }
.idx-xf ul { position: relative;
    padding: 8px 0 0;
    background: var(--primary-color,#2693ef);
    border: 2px solid rgba(255, 255, 255, 0.3); }
.idx-xf ul:before { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; content: ''; border: 2px solid rgba(255, 255, 255, 0.3); }
.idx-xf ul li:nth-last-child(2) .idx-xfbox:after { width: 68px; margin-left: -34px; }
.idx-xf ul li:last-child .idx-xfbox:after { display: none; }
.xf-top { width: 68px; margin-top: 10px; padding: 16px 0; text-align: center; background: var(--primary-color,#2693ef); border: 2px solid rgba(255, 255, 255, 0.3); cursor: pointer; }
.idx-xfbox, .xf-top { text-align: center; color: #fff; }
.idx-xfbox i, .xf-top i { font-size: 24px; }
.idx-xfbox h2, .xf-top h2 { margin-top: 8px; font-size: 14px; line-height: 18px; padding: 0px 4px}

.idx-xfbox { position: relative; z-index: 9; padding: 11px 0 12px; display: block; }
.idx-xfbox:after { position: absolute; left: 50%; bottom: 0; z-index: 2; width: 30px; height: 1px; margin-left: -15px; content: ''; background: rgba(255, 255, 255, 0.2); }
.idx-xf-hidden { position: relative; z-index: 3; height: 36px; font-size: 12px; line-height: 36px; background: linear-gradient(180deg, rgba(80, 155, 251, 0) 0%, var(--primary-color,#2693ef) 73.96%); -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

/*# sourceMappingURL=style.css.map */