html {min-width:1200px;}a{text-decoration:none; }
.flex-between{display: flex;justify-content: space-between;}
body{font-family: MicrosoftYaHei !important;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}li{list-style:none;}fieldset,img{border:0;}em{font-style:normal;}button,input,select,textarea{font-size:100%;}legend{color:#000;}hr{border:none;height:1px;}body,button,input,select,textarea{font:12px/1.125 Helvetica,"微软雅黑",san-serif;}.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}
.flex-box-empty{display: flex;display: -moz-flex;display: -webkit-flex;display: -ms-flex;}
/*发光按钮特效*/
.btn-p-fu:before{ content:" "; display:block; width: 168px; height: 46px; background:rgba(255, 255, 255, 0.2); position:absolute;top:-10px;left:-200px;transform:rotate(-45deg);transition:all .5s ease-in-out; }
.btn-p-fu:hover:before{ margin-left:400px; }.btn-p-fu{ overflow:hidden; position:relative; }
.big-live-lesson{height:28px;width:65px;font-size:15px; border-radius: 20px;color:#fff !important;display:block;line-height:29px;text-align:center}
.samall-live-lesson{height:23px;width:56px;font-size:12px; border-radius: 20px;color:#fff !important;display:block;line-height:23px;text-align:center}
.samall-live-lesson-than{height:19px;width:46px;font-size:11px; border-radius: 20px;color:#fff !important;display:block;line-height:19px;text-align:center}
/*拼团惠*/
.spell-title-change { text-align: center;z-index:99;position:absolute text-align: center;z-index: 99; bottom: 36px;position: absolute; width: 100%;}
.commit-main {}
.spell-group-title, .spell-cut-title { cursor: pointer; display: inline-block;color: #ff6600; font-size: 16px;}
.page-main-all {background:url(/images/Spell-group-icon1.png) no-repeat center bottom;background-size: contain;}
.spell-content-all ,.cut-content-all{ padding-bottom: 62px;}
.group-content-all { background-color: #ffffff; margin:0 auto; padding:0 25px; width: 1150px;}
.spell-content { padding: 25px 0; border-bottom: 1px solid #ececec;}
.hide-detail { font-size: 14px; color: #666666; line-height: 20px; max-height: 36px; margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;text-overflow: ellipsis;}
.learn-box{flex:1 ;color: #666666; line-height: 20px; display: flex; }
.learn-box-flag{padding-top: 8px;}
.learn-box-flag a{cursor: pointer;text-decoration:none !important; color: #666666 !important;display: inline-block;margin-bottom: 5px; padding: 5px 9px;border: 1px solid #d2d2d2;border-radius: 12px; font-size: 12px;margin-right: 10px;max-width: 85px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.learn-box-flag a:hover{color:#fd9d3c !important;border:1px solid #fd9d3c}
.learn-box-group{flex:1;color: #ff6600;line-height: 20px; }
.detail-learn:nth-child(1){margin:0 10px 0 0}
.detail-learn{display: flex;margin:0 10px}
.group-content-all .spell-content:last-child { border-bottom:0 !important}
.spell-course {width: 315px;height: 178px;background-color: #3ead35; }
.p-title-spell {font-size: 18px;line-height: 40px;color: #333333; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.p-title-spell a{color:#333333;text-decoration:none}
.p-title-spell a:hover{color:#ff6600;text-decoration:none;margin-bottom:10px;}
.right-spell {position:relative; display: flex;flex-direction: column;margin-left: 25px; width:808px;text-align: left;}
.label-spell {font-size: 14px;color:#999999;text-decoration:line-through;margin-right:10px;}
.btn-spell ,.btn-cut{width: 216px;height: 36px;background-color: #ffcc00;border-radius: 6px; line-height: 36px;font-size: 14px;}
.btn-spell {background:url('../images/Spell-group-icon.png') no-repeat;background-size:cover; }
.spell-label-one em,.cut-label-one em{font-size:18px ! important}
.btn-spell label, .btn-spell a {font-size:14px;}
.spell-label-one ,.cut-label-one{color: #ffffff;min-width:130px;text-align: center;display: inline-block;margin-right: 15px;}
.spell-label-two {color: #333333; margin-left:-5px}
.h1-rule {text-align:center; font-size: 18px; color:#ff6600; line-height: 20px;letter-spacing: 3px; padding-bottom:47px;}
.rule-res {margin-left: 21px; text-align:left;font-size: 14px; color: #333333;line-height: 20px;}
.rule-res p { margin-bottom:22px; }
.ptu-active { color: #ffffff;background-image: linear-gradient(45deg, #ff6600 0%, #ff8800 100%), linear-gradient( #ff6600, #ff6600); width: 108px;height: 40px; line-height: 40px; border-radius: 20px;}
.btn-cut {display:flex ; width: 206px;background:url('../images/bargaining-icon.png') no-repeat 0 0;background-size:cover; }
.group-wechat {box-shadow: 3px 3px 7px 0px rgba(243, 103, 10,0.3); background: #ff6600;position: absolute; right: 0px;bottom: 45px; display: flex;flex-direction: column; justify-content: center;text-align: center;padding: 10px;}
.btn-cut .group-wechat img{margin: 0 auto;padding-top: 5px;}
.spell-label-two:hover { cursor:pointer;color:#ff6600;}
.icon-lesson{width:20px;height:20px;background:url('/images/coursedetails_icon8.png') left center no-repeat; display: inline-block;}
.icon-people{width:20px;height:20px;background:url('/images/coursedetails_icon3.png') left center no-repeat;display: inline-block;}
.icon-learn{width:20px;height:20px;background:url('/images/coursedetails_icon4.png') left center no-repeat;display: inline-block;}
/* --------------限时特惠页面-------------------------- */
.limit-banner{width:100%;height:300px;background:#fb3942 url('../images/timelimitbanner.png') no-repeat center 0;background-size:cover;}
.limit_index{width:1040px;height:140px;padding:30px 80px;background:url('../images/rulenumbers.png') no-repeat center 0;margin:-90px auto 0 auto;background-size:100% 100%;border-radius:10px;box-shadow:0 0 4px 4px rgba(255,0,12,0.1);align-items:center;}
.limit_index .ruleslimit{font-size:16px;color:#333333;line-height:1.7;}
.limit_index .ruleslimittwo{text-align:center;width:266px;height:54px;padding:20px;font-size:18px;background-image:linear-gradient(45deg,#f95159 0%,#fe8523 100%),linear-gradient(#fb3942,#fb3942);background-blend-mode:normal,normal;border-radius:10px;color:#ffffff;line-height:1.5;}
.limit-couse{width:100% !important;margin-top:50px;}
.limit-couse ul{display:flex;flex-wrap:wrap;}
.limit-couse ul li{width:280px;margin-bottom:20px;position:relative;margin-right:26px;margin-bottom: 50px;}
.limit-couse ul li:nth-child(4n){margin-right:0;}
.limit-couse ul li h1{margin-top: 6px;width:100%;font-size:16px;color:#333;font-weight:normal;height:65px;overflow:hidden;line-height:30px;}
.limit-couse ul li a h1:hover{color:#ff6600}
.limit_cousre_index{width:280px;height:158px;border-radius:6px;overflow:hidden;}
.limit_cousre_index img{transition:all 0.6s;}.limit_cousre_index img:hover{transform:scale(1.4);}
.limit-new{height:32px;line-height:32px;overflow:hidden;text-decoration:line-through;font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;letter-spacing:0px;color:#999999;}
.limit-btn{width:100px;height:32px;background-image:linear-gradient(45deg,#f95159 0%,#fe8523 100%),linear-gradient(#fe8523,#fe8523);background-blend-mode:normal,normal;border-radius:16px;display:inline-block;text-align:center;line-height:32px;color:#fff;font-size:16px;cursor:pointer;font-weight: 500}
.limit_hovr{width:140px;position:absolute;display:flex;padding:10px;flex-direction:column;align-items:center;box-shadow:0 0 4px 4px rgba(255,0,12,0.1);bottom:40px;z-index:99;background:#fff;border-radius:4px;right:-30px;display:none;}
.limit-btn:hover .limit_hovr{display:flex;}
.limit_hovr p{font-size:16px;color:#f95159;}
/*******header********/
.header{ height:72px; background:#1f2228; width:100%;}
.header_in{ width:1200px; height:72px; margin: auto;display: flex;align-items: center;}
.logo{ }
.nav{ margin-left:10px;flex: 1;}
.nav ul li{margin-left: 25px; height:72px; line-height:72px; text-align:center; font-size:14px; float:left;}
.nav ul li a{ color:#fff; text-decoration:none;}
.nav ul li a:hover{ color:#ffcc00; text-decoration:none;}
.nav ul li span{ width:23px; height:14px; display:block; position:absolute; margin-top:14px; margin-left:68px; z-index:999;}
.nav_right{}
.weixin{ width:10px; height:27px; position:relative; font-size:12px; text-align:center; float:left; margin-top:22.5px; margin-left: 45px;}
.weixin a{width:15px; height:27px; display:block; position:absolute; left:0; top:0;background:url(../images/phone.png) no-repeat; }
.weixin .weixin_nr{width:100px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none; z-index:999;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/phone.png) no-repeat;}
.sou_from{ height:38px; float:left;margin:17px 10px 0 24px;}
.sou_from_input{outline:none; width:200px; padding-left: 5px; height:36px; line-height:36px; border-left:1px solid #ddd;border-right:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd; float:left;}
.sou_from_btn{ width:36px; height:38px; background:url(../images/soubgbtn.png) no-repeat; border:1px solid #ddd; float:left; cursor:pointer;}
.regbox{display: flex;align-items: center; font-size: 14px;float:left; text-align:center; height:72px; line-height:72px; color:#fff;}
.regbox img{display: inherit}
.regbox a{ padding-left:5px; padding-right:5px;}
.regbox a:nth-child(2){margin: 0 40px 0 10px !important;}
.open_class{ width:88px; height:72px; float:left;background:#ff9900;}
.open_class img{ float:left; margin-left:36px; margin-top:13px;}
.open_class p{ width:100%; float:left; clear:both; line-height:24px; text-align:center;}
.open_class a{ width:88px; height:72px; color:#fff; display:block;}
/***侧边栏客服**/
.side-pannel {
position: fixed;left: 52%;margin-left: 596px;z-index: 99}
.side-bar { bottom: 100px;background: #2d96e9}
.side-bar a {display: block;cursor: pointer;width: 70px;height: 60px;border-bottom: 1px solid #E7E7E7;position: relative;color: #fff;text-decoration:none;text-align: center}
.side-bar a s {display: block;margin-left: auto;margin-right: auto}
.side-bar a span {line-height: 20px}
.side-bar a.gotop s {position: absolute;top: 50%;left: 17px}.side-bar a.text {padding-top: 25px}
.side-bar a.qr s {position: absolute;top: 50%;left: 18px}
.side-bar a.qr i {width: 277px;height: 259px;position: absolute;left: -277px;top: 50%;margin-top: -120px;display: none;background-position: 0 0}
.side-bar a.qr:hover i {display: block}
.side-bar a.qr i {background-image: url(../images/weixin.png)}
.g-icon-top {height: 20px;width: 35px;margin-top: -10px;background-position: 0 -33px}
.side-bar a.survey:hover s {height: 23px;width: 26px;margin-top: -11px;background-position: -26px -53px}
.g-icon-qq1 {height: 20px;width: 22px;margin-top: -10px;background-position: -35px -33px}
.g-icon-car {height: 25px;width: 27px;margin-top: -12px;background:url(../images/car.png) no-repeat;}
.side-bar a.weibo:hover s {height: 25px;width: 27px;margin-top: -12px;background-position: -72px -25px}
.g-icon-qr1 {height: 33px;width: 36px;margin-top: -16px;background-position: -36px 0}
.g-icon-qr2, .side-bar a.qr:hover s {height: 33px;width: 36px;margin-top: -16px;background-position: 0 0}
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-top, .side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image: url(../images/sprite.png)}
/***侧边栏客服 end***/
/* fullSlide */
.fullSlide{width:100%;position:relative;height:400px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:400px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:998px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}
.index_main{ width:1200px; margin:0 auto;}
.sells{ width:100%; float:left; clear:both;}
.big_title{ margin: 50px 0px 30px 0;font-size:24px; border-left: 4px solid #ff6600;padding-left: 14px;color:#333333;}
.big_title em{ font-size:14px; color:#666; padding-left:10px;}
#sells_list ul li{margin-left:20px;width: 285px;height: 160px;float: left;}
#sells_list ul li:first-child{margin-left:0px;}
#sells_list ul li a img{ width: 285px;height: 160px;float:left;position:relative;}
.price{ height:18px; padding:19px 34px; font-size:18px; color:#ff3300; }
.price em{ font-size:14px;}
.price span{ color:#b6b4b4; text-decoration: line-through; padding-right:80px;}
#sells_list ul li .buy{ width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; background:#ff3e2e; font-size:18px; color:#fff; text-align:center; line-height:56px;}
.buy a{ color:#fff; text-decoration:none; width:100%; height:56px; display:block;}
#sells_list a{ text-decoration:none;}
.hot-lesson-one,.hot-lesson-two,.hot-lesson-three,.hot-lesson-four{display:inline-block;width:45px;height:30px;margin: 0 10px;}
.hot-lesson-one{background:url('/images/home_icon1.png') no-repeat;background-size: contain;}
.hot-lesson-two{background:url('/images/home_icon2.png') no-repeat;background-size: contain;}
.hot-lesson-three{background:url('/images/hot-lesson-three.png') no-repeat;background-size: contain;}
.hot-lesson-four{background:url('/images/hot-lesson-four.png') no-repeat;background-size: contain;}
.hot-big_title{padding: 42px 0; display: flex;align-items: center;justify-content: center;font-size: 24px; color: #ff8800;position:relative}
.hot-big_title .a_more{color:#999999;font-size:14px;position:absolute;right:16px;text-decoration: none;}
.coupon-box{display: flex;align-items: center;width: 1200px;height: 150px; margin-top: 20px;}
.coupon-text-title{ width: 18px;font-size: 16px; margin: 0 12px;letter-spacing: 1.6px;writing-mode: vertical-lr;color: #ffffff;text-align: center;}
.sub-coupon-box {position: relative;display: flex;align-items: center; }
.sub-coupon-box ul li{ margin-left: -4px;margin-right: 25px; display: flex;align-items: center;justify-content: center;float:left; width: 224px;height: 138px;background: url('/images/home_icon5.png') no-repeat; background-size: 224px 138px;}
.sub-coupon-box ul {margin: 0 auto;height:138px;}
.btn-bargin-list{padding: 4px 5px;background: #ff8800;color: #fff;font-size: 14px;border: 0;cursor: pointer;}
.sub-coupon-box ul li:last-child{ margin-right: 0px;}
/* .sub-coupon-box ul li:last-child{ float:left; width: 189px;height: 122px;background: url('/images/home_icon4.png') no-repeat; background-size: 189px 122px;} */
.sub-coupon-box .coupon-prev, .sub-coupon-box .coupon-next{ position:absolute; display: block; z-index: 1; width: 18px;height: 34px;background-size: 85px !important; cursor: pointer;filter: alpha(opacity=50);opacity: 0.5;}
.sub-coupon-box .coupon-prev{ background: url(../images/slider-arrow.png) -43px -44px black no-repeat;left:0;top:50px;}
.sub-coupon-box .coupon-next{background: url(../images/slider-arrow.png) -0px -44px black no-repeat; right: 3px;top:50px;}
.sub-coupon-box .tempWrap{width: 1200px !important; margin: 0 auto !important;}
.coupon-box .coupon-list{width: 170px;height: 115px; margin-left: 8px;}
.coupon-mid {margin-top: -2px; display: flex;}
.coupon-progress-bar {width: 110px;height: 8px;margin-top: 12px;border-radius: 2px;background-color: #fff;border: solid 1px #ff7a00;}
.coupon-speed { height: 8px; border-radius: 2px; background-color: #ff7a00;}
.coupon-finish { height: 16px; color: #2f2f2f; margin-top: 10px; margin-left: 8px;font-family: MicrosoftYaHei;font-size: 12px;}
.coupon-give{width: 78px;cursor:pointer;outline:none;height: 24px;line-height:24px; background-image: linear-gradient(53deg, #ff6600 0%, #ff8800 98%), linear-gradient( #ff8800, #ff8800);background-blend-mode: normal, normal;border-radius: 18px;border:0; font-size: 12px;color: #ffffff;letter-spacing: 1.3px;margin-top: 8px;text-align: center;}
.coupon-list hr{ border-bottom: 1px #999999 dashed;height:0; margin: 5px 0 10px 0;}
.coupon-list label{ font-size: 24px; font-weight: normal;color: #ff7a00;display: flex; align-items: flex-end;justify-content:center;}
.coupon-modal-all{padding:20px}
.coupon-modal-all{padding:20px; background: url(/images/coupon-ware.png) no-repeat 0 0;background-size: 284px 394px;height: 354px;}
/* .layui-layer-content{ background: url(/images/coupon-ware.png) no-repeat 0 0; background-size: 284px 394px} */
.coupon-modal-all p{text-align:center;font-size: 14px;margin-top:10px;}
.coupon-list span{color: #666666;font-size: 14px;float: right;text-align: center;}
.coupon-p-sute{color:#2f2f2f;font-size:12px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:13px;}
.fen{ margin-right:23.3px;}
.big_title span{ float:right; font-size:14px; color:#aaaaaa;}
.big_title span a{ color:#999999; text-decoration:none; padding-left:16px; padding-right:16px;}
.set_time{ width:100%; float:left; clear:both;}
.set_time_left{width:502px; float:left;position:relative;}
.p-live-lesson{position: absolute; top: 6px;left: 6px;z-index: 99;}
.set_time_left a{ color: #333333;text-decoration:none }
.set_time_right{ width:698px; float:right;}
.set_time_right ul li{ width: 212px; float: left; margin-left: 20px; margin-bottom: 20px;position:relative}
.set_time_right ul li h1{width:100%; font-size:14px; color:#333; font-weight:normal; height:30px; overflow:hidden; float:left; clear:both; line-height:30px;}
.set_time_right ul li h2{width:100%; font-size:18px; color:#ff3300; font-weight:normal; height:20px; overflow:hidden;float:left; clear:both;line-height:20px;}
.set_time_right ul li h2 span{ font-size:12px; color:#999; text-decoration:line-through; padding-left:8px;}
.time{width:64px; height:64px; display:block; position:absolute; margin-top:0; margin-left:156px; z-index:999;}
.bigtime{width:145px; height:119px; display:block; position:absolute; margin-top:0; margin-left:315px; z-index:999; background:url(../images/timebig.png) no-repeat;}
.number{width:212px; height:24px; display:block; position:absolute; margin-top:97px; z-index:9; background:url(../images/backbg.png); line-height:24px; color:#fff; font-size:12px; text-indent:5px; overflow:hidden;}
.number_two{width:208px; height:24px; display:block; position:absolute; margin-top:93px; z-index:998; background:url(../images/backbg.png); line-height:24px; color:#fff; font-size:12px; text-indent:5px; overflow:hidden;}
.number_three{width:208px; height:24px; display:block; position:absolute; margin-top:93px; z-index:998; background:url(../images/backbg.png); line-height:24px; color:#fff; font-size:12px; overflow:hidden;}
.number_three span{ background:#fc6238; padding:6px 10px; margin-right:5px;}
.benefit_title{width:460px; height:50px; display:block; position:absolute; margin-top:356px;margin-left:0; z-index:9999; background:url(../images/backbg.png); color:#fff; font-size:24px; text-align:center; line-height:50px;}
.benefit_title2{width:460px; height:50px; display:block; position:absolute; margin-top:348px;margin-left:0; z-index:9999; background:url(../images/backbg.png); color:#fff; font-size:24px; text-align:center; line-height:50px;}
.classnav_list{ margin-bottom:20px; clear:both; width:100%; float:left;}
.classnav_list a{ font-size:16px; color:#333; text-decoration:none; padding:30px 20px;}
.classnav_list a:hover{ font-size:16px; color:#333; text-decoration:none; padding:30px 20px; border-bottom:4px solid #3399ff;}
.classnav_list a.set{ font-size:16px; color:#333; text-decoration:none; padding:30px 20px; border-bottom:4px solid #3399ff;}
.class_left{ width:460px; float:left;}
.class_right{ width:720px; float:right;}
.price_box{ width:100%; float:left; clear:both;}
.price_box h1{ font-size:14px; font-weight:normal; color:#333; height:34px; line-height:34px; overflow:hidden;}
.price_box h1 a{text-decoration:none;color:#333}
.price_box h2{ font-size:12px; font-weight:normal; color:#999; height:26px; line-height:26px; overflow:hidden;}
.price_box h2 span{ float:right; background:#ff8800; height:26px; width:70px; display:block; text-align:center; color:#fff;}
#class_right ul li{ width:220px; float:left;margin-left:20px;position:relative; margin-bottom:26px;}
#class_right ul li .text{ width:220px; height:0; overflow:hidden; position:absolute; left:0; bottom:0; background:#288ce6; font-size:12px; color:#fff; display:block; z-index:9999;}
#class_right ul li .text p{text-align:left; color:#fff; line-height:180%; padding:5px 10px; clear:both}
#class_right ul li .text p span{ width:100%; height:24px; line-height:24px; text-align:right; display:block;}
#class_right ul li .text b{ display:block; padding:5px 10px; display:block; float:left; margin-bottom:5px;}
#class_right ul li .text b img{border-radius:50%; float:left;}
#class_right ul li .text b span{ line-height:57px; padding-left:10px;}
.text a{ color:#fff; text-decoration:none;}
.free_time ul {display:flex;}
.free_time ul li:nth-child(1) {margin-left:0px }
.free_time ul li {width: 287px;height: 232px;margin-left:20px;position:relative}
.free_time ul li a {text-decoration:none;color:#333333; }
.free_time ul li a .free_index {width: 286px; height: 161px;overflow: hidden;}
.free_time .number-text { width: 285px; height: 24px; display: block;position: absolute;margin-top: 137px;z-index: 9;background: url(/images/backbg.png);line-height: 24px;color: #fff;font-size: 12px;text-indent: 5px;overflow: hidden;}
.free_time ul li a h1{font-size: 14px; color: #333;font-weight: normal; height: 34px; overflow: hidden; line-height: 34px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.old-price {font-size: 14px;color:#999999;text-decoration:line-through;font-weight:normal;margin-left:5px;}
.free_time ul li h2 {font-size: 18px; color: #ff3300;}
.big-title {font-size: 18px;font-weight: normal;line-height: 60px;color: #333333;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;height: 60px; }
.big-sub-title {font-size: 18px;color: #ff3300;line-height:20px;}
/* ------------------------------工作机会------------------------------------------------------- */
.job_index{width: 1000px;margin: 0px auto;}
.job_index .work_banner{margin: 30px 0;}
.job_index .work_list{margin-bottom: 20px; display: flex;width: 938px;height: 78px;border: solid 1px #d9d9d9;padding: 30px;justify-content: space-between;}
.job_index .work_list .work_left h2{font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #ff8800;}
.job_index .work_list .work_left .work_user p{margin-right: 30px;}
.job_index .work_list .work_left .work_user p img{margin-right: 10px;}
.job_index .work_list .work_left .work_user .work_money{font-size: 18px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #f86565;}
.job_index .work_list .work_left .work_user .work_uslla{font-size: 16px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #333333;}
.job_index .work_btn{width: 120px;height: 40px;background-color: #ff8800;border-radius: 2px;color: #fff;font-size: 16px;display: inline-block;text-align: center;line-height: 40px;}
.work_left{justify-content: space-between;display: flex;flex-direction: column;}
.work_user,.work_user p{display: flex;align-items: center;height: 40px;}
.job_index .work_company{max-height: 60px;}
.work_center,.work_right{display: flex;align-items: center;}
/* ------------------------工作机会详情----------------------------------------- */
.work_detail{width: 100%;height: 164px;background-color: #f9f9f9;}
.work_detail .work_list{border: 0;}
.work_detail .job_index .work_list h2{margin-bottom: 20px;font-size: 30px;color: #333333;}
.job_index .work_need_list{line-height: 2;font-size: 14px;color: #333333;}
.job_index .work_need_title{font-size: 18px;color: #333333;font-weight: 400;margin-top: 48px;margin-bottom: 20px;}
/***底部***/
.cooperation{ width:100%; float:left; background:#f0f4f7; clear:both; margin-top:10px; padding-bottom:10px;}
.cooperation_in{ width:1180px; margin:0 auto;}
.link_title{ height:46px; line-height:46px; font-size:24px; font-family:"Microsoft YaHei"; width:1180px; float:left; clear:both; color:#333;}
.l_con{ padding:10px; width:1160px; float:left;}
.l_con a{ text-decoration:none; color:#333; padding-right:10px; height:24px; line-height:24px;font-family:"Microsoft YaHei";}
.l_con a:hover{ color:#F00; text-decoration:underline;}
a.orange:link{color:#ff6600;text-decoration:none;}
a.orange:visited{text-decoration:none;color:#ff6600;}
a.orange:hover{text-decoration:none;color:#333;}
a.orange:active{text-decoration:none;color:#ff6600;}
a.white:link{color:#fff;text-decoration:none;}
a.white:visited{text-decoration:none;color:#fff;}
a.white:hover{text-decoration:none;color:#ffcc00}
a.white:active{text-decoration:none;color:#fff;}
a.dark:link{color:#333;text-decoration:none;}
a.dark:visited{text-decoration:none;color:#333;}
a.dark:hover{text-decoration:none;color:#0099ff;}
a.dark:active{text-decoration:none;color:#333;}
/***底部***/
.bottom_nav{ width:100%; background:#22252c; float:left; clear:both; padding-bottom:10px;}
.Content_in{ width:1180px; margin:0 auto;}
.left_logo{ width:216px; float:left; margin-top:50px; text-align:center;}
.bottom_about{ width:254px; float:left; margin-top:50px;}
.bottom_about ul{ width:127px; float:left;font-family:"Microsoft YaHei";}
.bottom_about ul li{ width:127px; float:left; text-align:center; height:24px; line-height:24px;}
.bottom_collaboration{ width:320px; float:left; margin-top:50px; margin-left:50px;font-family:"Microsoft YaHei";}
.bottom_collaboration h1{ height:34px; font-size:16px; font-weight:normal; color:#fff;}
.bottom_collaboration h2{ height:21px; font-size:14px; font-weight:normal; color:#fff; line-height:21px;}
.bottom_collaboration h2 img{ float:left; padding-right:10px;}
.bottom_collaboration h3{ font-size:14px; font-weight:normal; color:#fff; line-height:30px; padding-left:27px; padding-top:10px;}
.bottom_collaboration span{ width:100%; clear:both; margin-top:10px; display:block;}
.bottom_collaboration span img{ margin-left:27px;}
.bottom_contact{ width:336px; float:left; margin-top:50px;}
.bottom_contact_left{ width:197px; float:left;}
.bottom_contact_left img{ margin-bottom:17px;}
.bottom_contact_right{ width:110px; float:right; line-height:24px; font-size:14px; color:#fff;font-family:"Microsoft YaHei"; text-align:center;}
.copyright{ height:76px; background:#1f2228; width:100%; float:left; clear:both; text-align:center; font-size:14px; color:#fff;font-family:"Microsoft YaHei"; line-height:76px;}
.copyright a{ color:#fff;}
/****二级页面***/
.btn-video{margin-left: 19px;margin-top: 13px;}
.fix-box{ width: 50px;height: 50px; z-index: 999;position: absolute;left: 50%; top: 50%;margin-left: -36px;margin-top: -28px;border-radius: 50%;border: 7px solid #ffffff;cursor:pointer}
.bg-box-detail{position: relative; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.31);}
.btn-video:hover{opacity:1}
.mainbg{ background:#f5f5f5; width:100%; float:left; clear:both;}
.two_position{ height:64px; line-height:64px; font-size:14px; color:#666;width:100%; float:left; clear:both;}
.two_position-search{ height:64px; line-height:64px; font-size:16px; color:#999999;width:100%; float:left; clear:both;}
.two_position a{ margin-right:10px;}
.two_position span{ color:#F60;}
.free_big{ width:100%; float:left; background:#fff; border-bottom:2px solid #e2e2e2;padding-bottom:20px;}
.free_big_left{ width:452px; float:left; margin: 20px 20px 0 20px;}
.free_big_right{ width:455px; float:left;height:270px;display: flex; flex-direction: column;}
.free_big_right h1{ font-size:22px; line-height:30px; margin-top:20px; font-weight:normal; color:#333; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.free_big_right h2{ font-size:14px; height:28px; line-height:28px;font-weight:normal; color:#999; }
.free_big_right h2 span{ padding-left:10px; padding-right:10px;}
.free_big_right p{ font-size:14px; color:#333; line-height:26px; height:104px; overflow:hidden; padding-top:26px;}
#free_box_about{ width:100%;font-size:14px; color:#333; line-height:26px; height:104px; overflow:hidden; padding-top:26px;}
.free_big_right h3{ height:80px; line-height:80px; font-size:14px; font-weight:normal; color:#333; margin-top:26px;}
.free_big_right h3 img{ float:left; width:80px; height:80px; border-radius:50%; margin-right:10px;}
.free_big_right h3 span a{ float:right; width:165px; height:54px; line-height:54px; display:block; text-align:center; color:#fff; text-decoration:none; background:#ff8800; margin-top:13px;}
.free_ico{ width:87px; height:96px; display:block; position:absolute; margin-top:59px; margin-left:1065px; z-index:999;}
.free_box{ width:1220px; margin:0 auto; clear:both; padding-top:40px; padding-bottom:20px; }
.free_box ul li{ width:280px; float:left; margin-left:20px; background:#fff; border-bottom:2px solid #e2e2e2; margin-bottom:20px;}
.free_box ul li h1{margin-top:64px; height:20px; font-size:18px; font-weight:normal; line-height:20px; overflow:hidden; padding-left:8px; padding-right:8px; clear:both;}
.free_box ul li span.s1{ width:104px; float:left; height:14px; line-height:14px; display:block; background:url(../images/icotime.png) no-repeat; margin-left:8px; margin-top:20px; color:#999; text-indent:24px; margin-bottom:14px;}
.free_box ul li span.s2{ width:93px; float:left; height:14px; line-height:14px; display:block; background:url(../images/icoren.png) no-repeat; margin-left:8px; margin-top:20px; color:#999; text-indent:24px; margin-bottom:14px;}
.free_box ul li span.s3{ width:62px; float:right; height:28px; line-height:28px; display:block; background:#ff8800; margin-top:10px;margin-bottom:10px; text-align:center; margin-right:5px;}
.free_box ul li span.s3 a{ color:#fff; text-decoration:none;}
.lecturer{width:264px; height:70px; display:block; position:absolute; margin-top:143px; margin-left:8px; z-index:999; line-height:70px; font-size:14px;}
.lecturer img{ height:70px; width:70px; border-radius:50%; float:left; margin-right:10px;}
.panic_box{ width:1244px; margin:0 auto;}
.panic_title{ height:130px; line-height:130px; width:100%; float:left; clear:both; text-align:center; font-size:40px;}
.panic_list ul li{ width:370px; float:left; border:1px solid #ddd; margin-left:32px; margin-bottom:20px;}
/*.panic_list ul li img{ margin-top:10px; margin-left:10px;}*/
.panic_list ul li h1{ height:70px; line-height:70px; font-size:30px; color:#de252e; padding-left:10px; padding-right:10px;}
.panic_list ul li h1 span{ font-size:14px; color:#999; text-decoration:line-through; font-weight:normal;}
.panic_list ul li h1 a{ width:114px; height:36px; line-height:36px; font-size:16px; color:#fff; text-decoration:none; text-align:center; float:right; background:#ffae00; display:block; font-weight:normal; margin-top:17px; border-radius:4px;}
.panic_list ul li h1 a:hover{ width:114px; height:36px; line-height:36px; font-size:16px; color:#fff; text-decoration:none; text-align:center; float:right; background:#ff8800; display:block; font-weight:normal; margin-top:17px; border-radius:4px;}
.panic_list ul li h2{ width:100%; height:25px; line-height:25px; background:#f2f2f2; font-size:12px; text-indent:10px; font-weight:normal; color:#666;}
.info_time{ width:150px; height:30px; background:url(../images/backbg.png);position:absolute;z-index:998; margin-left:210px; margin-top:10px; text-align:center; color:#fff; line-height:30px; font-size:14px;}
.action-box{ width: 250px;float: left; height: 276px;font-size: 16px; color: #333333; display: flex; flex: 1; flex-direction: column;justify-content: center;text-align: center;}
.Label-box{color:#666666; margin:10px 0;font-size:16px;}
.Label-box p{padding-top:0 !important;height:auto !important}
.price-box {margin-bottom:10px;}
.price-box span:nth-child(1){font-size: 26px; color: #fd9d3c;}
.price-box span:nth-child(2){ font-size: 16px;font-weight: normal;margin-left:5px;color: #999999; text-decoration: line-through;}
.btn-buy-now{margin-right:20px;outline:none;width: 140px;border:0px;height: 46px;background-image: linear-gradient(45deg, #ff6000 0%, #ff9000 100%), linear-gradient(225deg, #000000 0%, #ffffff 100%);background-blend-mode: normal, normal;border-radius: 23px;font-size: 17px;color: #ffffff;letter-spacing: 2px;cursor:pointer}
.btn-group-now{outline:none; margin-right:20px;min-width:120px;padding:0 15px;border: 0;height: 46px;background-image: linear-gradient(45deg, #fd3000 0%, #fe663e 100%), linear-gradient(#42a5f6, #42a5f6);background-blend-mode: normal, normal;border-radius: 23px;font-size: 17px;color: #ffffff;letter-spacing: 2px;cursor:pointer}
.chat-box a{text-decoration:none !important;; display: flex;align-items: center;cursor: pointer;color: #333333 !important;}
.chat-box a:hover{color:#ff6600 !important;}
.icon-answer{width:25px ;height:20px;display: inline-block;background:url('/images/relative-icon.png') left center no-repeat}
.action-box p:nth-child(2){line-height:30px}
.found_box{ width:100%; float:left;}
.found_left{ width:930px; float:left; }
.found_right{ width:250px; float:right; background:#f1f1f1;}
.g_sort{ width:898px; background:#fff; float:left; border:1px solid #e6e6e6;}
/*.g_sort dl{ padding:10px; margin-top:40px;}*/
.g_sort dl{ padding:10px; }
.g_sort dl dt{ width:70px; float:left; height:20px; text-align:center; color:#666; line-height:20px;}
.g_sort dl dd{width:146.3px; float:left; height:20px; line-height:20px; margin-bottom:10px; font-size:14px;}
.g_sort dl dd span{ color:#F60; padding-left:4px;}
.g_sort dl dd a{color:#666; text-decoration:none;}
.g_sort dl dd a.set{ color:#fff; padding:3px 8px; background:#3399ff;}
.g_sort dl dd a:hover{ color:#fff; padding:3px 8px; background:#3399ff;}
#classnav{ width:100%; float:left; height:40px; line-height:40px; font-size:14px;position:absolute;z-index:999; clear:both;text-align:center;}
.list{ine-height:40px;ext-align:center;font-size:14px;font-weight:normal;}
.list a{ height:40px; line-height:40px; text-align:center; color:#666; width:100%; float:left; display:block; text-decoration:none;}
.list a:hover{ height:40px; line-height:40px; text-align:center; color:#fff; width:100%; float:left; display:block; text-decoration:none; background:#3399ff;}
.menu1{width:120px;:auto;border:1px solid #ddd;background-color:#fff;color:#666;overflow-y:hidden;filter:Alpha(opacity=70);-moz-opacity:0.7;}
.menu2{width:120px;height:40px;line-height:40px;background:url(../images/icof.png) no-repeat 99px 18px;background-color:#F5F5F5;color:#666;border-right:1px solid #EEE8DD;border-bottom:1px solid #EEE8DD;text-align:center;overflow-y:hidden;cursor:hand;}
.j_topbar{ height:40px;width:898px; background:#f1f1f1; float:left; border:1px solid #e6e6e6; margin-top:20px; line-height:40px; font-size:14px;}
.allclass{ width:100%; float:left; margin-top:20px; clear:both;}
.allclass .cdivbox {height:210px; }
.cdivbox{ width:208px; background:#fff; border:1px solid #e6e6e6; float:left; margin-right:20px; margin-bottom:20px;}
.cdivbox h1{ font-size:14px; font-weight:normal; line-height:22px; padding:5px 10px; height:44px; overflow:hidden;}
.cdivbox h2{ font-size:16px; color:#f30; line-height:26px; padding:0 10px;}
.cdivbox h2 span{ font-size:12px; color:#999; text-decoration:line-through; font-weight:normal; padding-left:5px;}
.cdivbox h3{ font-size:12px; color:#999; line-height:26px; padding:0 10px; font-weight:normal; border-top:1px dotted #ddd }
.cdivbox h3 span{ float:right;}
.cdivOver{width:208px; background:#fff; border:1px solid #3399ff;}
.cdivbox h4{ font-size:12px; color:#666; line-height:20px; height:40px; overflow:hidden; padding:0 10px; font-weight:normal; }
.hotbig{ width:56px; height:56px; position:absolute; z-index:999;}
.found_right h1{ font-size:16px; height:46px; line-height:46px; padding-top:20px; padding-left:20px; font-weight:normal; color:#333; clear:both;}
/*CSS sabrosus style pagination*/
DIV.sabrosus {
width:100%; clear:both; float:left;
MARGIN:30px 0; TEXT-ALIGN: center;
}
DIV.sabrosus A {
BORDER: #3399ff 1px solid; padding:10px 12px;COLOR: #474747; MARGIN-RIGHT: 2px; TEXT-DECORATION: none; border-radius:4px; font-size:14px;
}
DIV.sabrosus A:hover {
BORDER: #3399ff 1px solid;COLOR: #fff; BACKGROUND-COLOR: #3399ff;
}
DIV.pagination A:active {
BORDER: #3399ff 1px solid; COLOR: #fff; BACKGROUND-COLOR:#3399ff
}
DIV.sabrosus SPAN.current {
BORDER: #3399ff 1px solid; COLOR: #fff; BACKGROUND-COLOR:#3399ff;padding:10px 12px;border-radius:4px; MARGIN-RIGHT: 2px; font-size:14px;
}
DIV.sabrosus SPAN.disabled {
BORDER: #929292 1px solid; PADDING:10px 12px; COLOR: #929292; MARGIN-RIGHT: 2px; border-radius:4px;font-size:14px;
}
.found_right_list{ padding-left:20px;}
.j_topbar ul li{ width:90px; height:40px; float:left; text-align:center; font-size:14px; border-right:1px solid #e6e6e6;}
#j_topbar_nav li a{ color:#333; text-decoration:none;}
#j_topbar_nav li a:hover{ color:#333; text-decoration:none; background:#fff; width:90px; height:40px; display:block;}
#j_topbar_nav li a.set{ color:#3399ff; text-decoration:none; background:#fff; width:90px; height:40px; display:block;}
#j_topbar_nav li ul { display: none; position:absolute;z-index:9999;background:#fff;width:90px;border: 1px solid #ccc;}
#j_topbar_nav li:hover ul, li.over ul {display: block;}
#j_topbar_nav ul li a{display:block;font-size:12px;width:100%; float:left;height:40px; line-height:40px;text-decoration: none;color: #777;}
#j_topbar_nav ul li a:hover{background-color:#f4f4f4;color:#3399ff;}
.summary{display: flex;flex-direction: column; flex: 1;}.summary ul{flex:1}
.summary ul li{ width:100%; float:left; font-size:14px;}
.summary ul li span.txt{ width:90px; color:#999; height:40px; display:block; float:left;}
.summary ul li span.num{ width:270px; color:#fc6238; height:40px; display:block; float:left; font-size:30px;}
.summary ul li span i{ font-size:16px !important; color:#999 !important; font-weight:normal !important; text-decoration:line-through !important; padding-left:5px; font-style:normal;}
.summary ul li em{ /*width:200px;*/ color:#333;display:block; float:left;}
.btnList{display:flex;align-items: center; position:relative}
.group-start{left: 164px; top: 52px;position:absolute; padding: 10px;background: white;box-shadow: 1px 1.7px 5.9px 0.1px rgba(41, 41, 41, 0.3);}
.group-start p{ font-size: 14px; height: 20px; padding-top: 0px;text-align:center}
.btnList a.buybtn{ width:150px; height:50px; line-height:50px; background:#ff6633; display:block; color:#fff; text-align:center; float:left; font-size:20px; text-decoration:none; margin-left:10px;}
.btnList a:hover.buybtn{ width:150px; height:50px; line-height:50px; background:#ff4b33; display:block; color:#fff; text-align:center; float:left; font-size:20px; text-decoration:none;margin-left:10px;}
.btnList a.cartbtn{ width:160px; height:48px; line-height:48px; border:1px solid #ffbf89; background:#ffe9d7 url(../images/icocar.png) no-repeat 19px 14px; display:block; color:#fd8e30; text-indent:49px;float:left; font-size:20px; text-decoration:none; margin-left:10px;}
.btnList a:hover.cartbtn{ width:160px; height:48px; line-height:48px; border:1px solid #ffbf89; background:#fedec4 url(../images/icocar.png) no-repeat 19px 14px; display:block; color:#fd8e30; text-indent:49px;float:left; font-size:20px; text-decoration:none; margin-left:10px;}
.btnList a.audition{ width:160px; height:48px; line-height:48px; border:1px solid #ffbf89; background:#ffe9d7 url(../images/icol.png) no-repeat 19px 14px; display:block; color:#fd8e30; text-indent:49px;float:left; font-size:20px; text-decoration:none; }
.btnList a:hover.audition{ width:160px; height:48px; line-height:48px; border:1px solid #ffbf89; background:#fedec4 url(../images/icol.png) no-repeat 19px 14px; display:block; color:#fd8e30; text-indent:49px;float:left; font-size:20px; text-decoration:none; }
.btnList a.consult{ width:140px; height:48px; line-height:48px; border:1px solid #ffbf89; background:#ffe9d7; display:block; color:#fd8e30; text-align:center;float:left; font-size:20px; text-decoration:none; margin-left:10px;}
.btnList a:hover.consult{ width:140px; height:48px; line-height:48px; border:1px solid #ffbf89; background:#fedec4; display:block; color:#fd8e30; text-align:center;float:left; font-size:20px; text-decoration:none;margin-left:10px; }
.collect{ height:42px; width:100%; float:left; margin-top:15px;}
.collect_box{ width:112px; height:42px; line-height:42px; float:left; background:url(../images/icostar.png) no-repeat 0 13px; text-indent:25px;}
.collect_box a{ color:#888; text-decoration:none;}
.collect_box a:hover{ color:#3399ff; text-decoration:none;}
.bdsharebuttonbox{ width:200px; float:left; margin-top:7px;}
.course_box{ width:100%; float:left; margin-top:20px; margin-bottom:20px; clear:both;}
.course_Details{ width:898px; float:left; border:1px solid #e6e6e6; background:#fff;}
.Menubox {width:100%;background:#f2f1f1;height:40px;line-height:40px;font-size:14px;}
.Menubox ul{margin:0px;padding:0px;}
.Menubox li{float:left;display:block;cursor:pointer;width:152px;text-align:center;color:#666;border-right:1px solid #e6e6e6;}
.Menubox li span{ font-size:12px; color:#F60;}
.Menubox li.hover{background:#fff;width:152px;color:#666;height:38px;line-height:38px;border-top:2px solid #3399ff;}
.Contentbox{clear:both;padding:20px;}
#con_one_1 p{ font-size:14px; color:#666; line-height:26px;margin-bottom:20px;}
#con_one_1 img{ max-width:856px;}
.order{ width:100%; float:left;}
.order h1{ height:46px; line-height:46px; font-size:18px; background:#f2f1f1; width:100%; text-indent:20px; font-weight:normal; color:#333;}
.order h1 span{ color:#f60;}
.order h2{ height:46px; line-height:46px; font-size:14px; width:100%; text-indent:20px; font-weight:normal; color:#333;}
.order_list{ width:100%; margin-bottom:20px; float:left;}
.order_list li{height:46px; line-height:46px;color:#333;font-size:14px;width:100%; }
.order_list li em.order_time{ float:right; width:106px; height:46px; display:block; font-size:12px; color:#999; text-align:center;}
.order_list li em.order_num{ width:76px; height:46px; line-height:46px;font-size:12px; color:#999; text-indent:27px; float:left; display:block;}
.order_list li h3{ width:674px; height:46px; line-height:46px; float:left; font-size:14px; color:#333; font-weight:normal; overflow:hidden;}
.order_list li span{ width:86px; height:30px; display:block; position:absolute; z-index:999; background:#3399ff; color:#fff; text-align:center; margin-top:8px; margin-left:752px; line-height:30px;}
.order_list li span a{width:86px; height:30px; display:block;color:#fff;background:#3399ff; text-decoration:none; }
.libgw{ background:#fff;}
.libgb{ background:#e1f0ff;}
.comment{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.comment_left{ width:126px; float:left; height:86px;}
.comment_left h4{ height:55px; line-height:55px; text-align:center; font-size:30px; color:#ff7046; font-weight:normal;}
.comment_left h5{ height:31px; text-align:center; font-size:14px; color:#999; font-weight:normal;}
.comment_center{ width:246px; float:left; height:86px; border-right:1px solid #ddd;}
.comment_l{ width:100px; line-height:28px; height:28px; overflow:hidden; color:#666; font-size:14px; float:left;}
.comment_r{ width:130px; float:left; height:12px; background:#f1f1f1; margin-top:8px;}
.comment_bar{ height:12px; background:#ff8e1c;}
.comment_center_box{width:100%; float:left; height:28px;}
.comment_l span{ font-size:12px; color:#999;}
.comment_right{ width:485px; float:left;}
.comment_tag{width:111px; height:28px; border:1px solid #ffd6ad; background:#fffbf6; text-align:center; float:left; margin-left:8px; font-size:12px; color:#999; line-height:28px; margin-bottom:8px;}
.course-comment-filter{width:100%; float:left;height:36px; line-height:36px;margin-top:15px;color:#666;font-size:14px; border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;clear:both;}
.ico-radio{ width:14px; height:14px; float:left; margin-top:11px;}
.course-comment-filter span.text{ width:97px; display:block; height:36px; float:left;}
.course_comment_list{ width:100%; float:left;}
.course_comment_list ul li{ width:100%; float:left; margin-top:15px; border-bottom:1px solid #f1f1f1; padding-bottom:10px;}
.item_pic{ width:60px; float:left;}
.item_pic img{ width:60px; height:60px; float:left;}
.item_pic em{ line-height:26px; color:#999; text-align:center; overflow:hidden; height:26px; width:100%; float:left;}
.rated{ width:100%; float:left;}
.rated h1{ height:46px; line-height:46px; font-size:18px; background:#f2f1f1; width:100%; text-indent:20px; font-weight:normal; color:#333;}
.rated h1 span{color:#f60;}
.course_comment_txt{width:760px; float:left; margin-left:18px;}
.course_comment_txt_top{width:100%; float:left; height:20px;line-height:20px;font-size:14px; color:#666; text-indent:25px;}
.course_comment_txt p{font-size:14px;line-height:24px; padding-top:10px; width:100%; float:left;color:#666;}
.course_comment_txt p span{ width:100%; float:left; text-align:right; color:#999; font-size:12px;}
.pjs1{ background:url(../images/Praise_ico.png) no-repeat; background-size:20px 20px;}
.pjs2{ background:url(../images/in_ico.png) no-repeat; background-size:20px 20px;}
.pjs3{ background:url(../images/bad_ico.png) no-repeat; background-size:20px 20px;}
.Course_play{ background:#121212; width:100%; float:left;}
.Course_play_box{ width:1192px; margin:0 auto;}
.Course_play_left{ width:863px; float:left;}
.Course_play_right{width:328px; float:right; background:#191919;border-left:1px solid #323232;}
.Course_play_right h1{height:40px; line-height:40px; border-bottom:1px solid #333; font-size:14px; font-weight:normal; color:#ff9900;}
.Course_play_right h1 span{width:50px;height:38px; border-bottom:2px solid #ff9900; display:block; line-height:38px; float:left; margin-left:12px; text-align:center;}
.free_big_left .video_bot{width: 452px;height:25px; background:#191919; float:left; clear:both;}
.play_ico{ display: flex;width: 450px; height: 254px;background-color: rgba(0, 0, 0, 0.15);border-radius: 8px; align-items: center; justify-content: center;margin:20px;}
.play_ico a{width:54px; height:54px; display:block; background:url(../images/icol2.png) no-repeat center center,url(../images/backbg.png); border:2px solid #fff; border-radius:50%;}
.play_ico a:hover{width:54px; height:54px; display:block; background:#ff8800 url(../images/icol2.png) no-repeat center center; border:2px solid #fff; border-radius:50%;}
.lecturer_box{ width:208px; margin-left:20px; float:left; clear:both;}
.lecturer_box_ren img{ float:left; margin-right:10px; border-radius:50%;}
.lecturer_box_ren{font-size:14px; color:#666; line-height:60px; width:100%; float:left; clear:both; padding-bottom:10px;}
.lecturer_box_ren a{ color:#666; text-decoration:none;}
.lecturer_box p{ line-height:30px; color:#333;}
.lecturer_box p span{ color:#999; margin-right:30px;}
#lecturer_box_txt{ font-size:14px; line-height:26px;color:#666; margin-top:10px; height:156px; overflow:hidden; width:100%; float:left; clear:both;}
#catalog{width:328px;height:529px;overflow:hidden;padding:10px 0;}
#catalog ul li{line-height:34px; }
#catalog ul li span{ padding-right:9px;}
#catalog ul li a{line-height:34px;color:#bbb; text-decoration:none;height:34px; display:block; overflow:hidden;padding-left:12px;}
#catalog ul li a:hover{line-height:34px;color:#ff8800; text-decoration:none;background:#242424; height:34px; display:block;overflow:hidden;padding-left:12px; border-bottom:1px solid #2f2f2f;border-top:1px solid #2f2f2f;}
#catalog ul li a.set{line-height:34px;color:#ff8800; text-decoration:none;background:#242424; height:34px; display:block;overflow:hidden;padding-left:12px; border-bottom:1px solid #2f2f2f;border-top:1px solid #2f2f2f;}
#catalog ul li a.have{line-height:34px;color:#666; text-decoration:none; height:34px; display:block;overflow:hidden;padding-left:12px;}
.course_box_top{ width:100%; float:left; clear:both; margin-top:20px; background:#fff; height:128px;}
.course_box_top_left{ width:810px; float:left; }
.course_box_top_left h1{ height:75px; line-height:75px; font-size:18px; color:#333; font-weight:normal; padding-left:10px;}
.course_box_top_left p{ font-size:14px; color:#999; line-height:18px;}
.course_box_top_left p span{ padding-left:10px; padding-right:10px;}
.course_box_top_right{width:370px; float:right;}
.course_box_top_right span{ width:122px; height:128px; line-height:128px; display:block; float:left; font-size:20px; color:#fb6941;}
.course_box_top_right a{width:208px; height:60px; background:#ff9900; font-size:20px;color:#fff; text-align:center; line-height:60px; border-radius:4px; display:block; text-decoration:none; margin-top:30px; float:left; }
.course_box_top_right a:hover{width:208px; height:60px; background:#ff6600; font-size:20px;color:#fff; text-align:center; line-height:60px; border-radius:4px; display:block; text-decoration:none; margin-top:30px;float:left; }
.course_box_top_right p{ width:208px; display:block; height:30px; line-height:30px; color:#999; text-align:center;float:left;}
/*弹框样式1*/
.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container { position: relative;width:830px; margin:110px auto; height:420px; background: #FFF;border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;color:#666; text-decoration:none;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.boxtry{ width:822px; margin:0 auto; background:#fff; clear:both; padding-top:30px;}
/*弹框样式2*/
.cd-popup1 {position: fixed;left: 0; top: 0;height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5);opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999;}
.cd-popup1.is-visible1 {opacity: 1; visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container1 {position: relative;width:505px; margin:70px auto; height:436px;background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); transform: translateY(-60px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;}
.is-visible1 .cd-popup-container1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.cd-popup-container1 p{ line-height:40px; font-size:18px;}
.cd-buttons-top{height:18px; width:282px; margin:0 auto; padding:30px 0;}
.radio-v{width:94px; height:18px; float:left;}
.ico-radio-v{ float:left; width:14px; height:14px; margin-top:2px; margin-right:6px;}
.cd-buttons-top i.ico-good{ width:17px; height:17px; background:url(../images/Praise_ico.png) no-repeat; background-size:17px 17px; display:block; float:left; margin-right:2px;}
.cd-buttons-top i.ico-mid{ width:17px; height:17px; background:url(../images/in_ico.png) no-repeat; background-size:17px 17px; display:block; float:left; margin-right:2px;}
.cd-buttons-top i.ico-bad{ width:17px; height:17px; background:url(../images/bad_ico.png) no-repeat; background-size:17px 17px; display:block; float:left; margin-right:2px;}
.cd-buttons-top span.text{ float:left; height:18px; line-height:18px; font-size:14px; color:#666;}
.comment_tagbox{ width:100%;float:left; clear:both;}
.comment_tagbox a{ padding:10px 10px; border:1px solid #ffd6ad; background:#fffbf6; text-align:center; float:left; margin-left:8px; font-size:12px; color:#999; margin-bottom:8px; display:block; text-decoration:none;}
.comment_tagbox a:hover{ padding:10px 10px; border:1px solid #f60; background:#fffbf6; text-align:center; float:left; margin-left:8px; font-size:12px; color:#999; margin-bottom:8px; display:block; text-decoration:none;}
.comment_tagbox a.set{ padding:10px 10px; border:1px solid #f60; background:#f9e8d2; text-align:center; float:left; margin-left:8px; font-size:12px; color:#999; margin-bottom:8px; display:block; text-decoration:none;}
.pj-input-box{width:100%; float:left; clear:both;}
.text-wrap{border:1px solid #ddd; width:96%; margin:0 auto;}
.text-wrap textarea{ height:129px; border:none;width:100%; font-size:14px; line-height:26px; color:#333;}
.tips-b{ text-align:right; color:#999; line-height:26px;}
.mt20{width:100%; float:left; clear:both; text-align:center;}
.btn-pj-submit{width:82px; height:38px; line-height:38px; font-size:14px; background:#ff9900; color:#fff; text-decoration:none; border:none; display:block; float:left;margin-top:20px; margin-left:166px; border-radius:4px;}
.btn-pj-cancel{width:80px; height:36px; line-height:36px; font-size:14px; background:#eee; color:#333; text-decoration:none; border:1px solid #ddd; display:block;float:left; margin-left:10px; margin-top:20px;border-radius:4px;}
.free_big_left .video_bot_left{ width:230px; float:left; height:30px; margin-top: 0px; }
.free_big_left .playone{width: 69px;float: left;height: 20px; background: url(../images/playico.png) 0px 2px no-repeat;color: #ccc; display: block;font-size: 10px;text-decoration: none;background-size: 130px;text-indent: 29px;float: left; margin-left: 7px;line-height: 20px;}
.free_big_left .playtwo{width: 69px;float: left;height: 20px; background: url(../images/playico.png) -65px 2px no-repeat;color: #ccc; display: block;font-size: 10px;text-decoration: none;background-size: 130px;text-indent: 29px;float: left; margin-left: 7px;line-height: 20px;}
.video_bot_left{ width:230px; float:left; height:30px; margin-top:10px;}
.playone{width:105px; float:left; height:30px; background:url(../images/playico.png) no-repeat; color:#ccc; display:block; font-size:14px; text-decoration:none; text-indent:36px; float:left; margin-left:10px; line-height:30px;}
.playtwo{width:105px; float:left; height:30px; background:url(../images/playico.png) no-repeat -115px 0; color:#ccc; display:block; font-size:14px; text-decoration:none; text-indent:36px; float:left; margin-left:10px;line-height:30px;}
.playthree{width:105px; float:left; height:30px; background:url(../images/SKIP.png) no-repeat; color:#ccc; display:block; font-size:14px; text-decoration:none; text-indent:36px; float:left; margin-left:10px; line-height:30px;}
.video_bot_right{ width:310px; float:right;}
.video_bot_right a{color:#ccc; text-decoration:none; line-height:50px; height:50px; display:block; float:left; margin-left:20px;}
.video_bot_right a:hover{color:#ff8800; text-decoration:none; line-height:50px; height:50px; display:block; float:left; margin-left:20px;}
.video_bot_right i.ico_one{ width:14px; height:14px; background:url(../images/zanico.png) no-repeat; display:block; float:left; margin-top:18px; margin-right:5px;}
.video_bot_right i.ico_two{ width:14px; height:14px; background:url(../images/icostar2.png) no-repeat; display:block; float:left; margin-top:18px; margin-right:5px;}
.video_bot_right i.ico_three{ width:14px; height:14px; background:url(../images/phoneico.png) no-repeat; display:block; float:left; margin-top:18px; margin-right:5px;}
.video_bot_right i.ico_four{ width:14px; height:14px; background:url(../images/conversation.png) no-repeat; display:block; float:left; margin-top:18px; margin-right:5px;}
a.tip{color:#fff;text-decoration:none;position:relative;}
a.tip em{display:none;}
a.tip:hover{cursor:hand;}
a.tip:hover .popbox{display:block;position:absolute;top:-120px;left:-10px;width:100px;background-color:#fff;color:#fff;padding:10px;border:1px solid #ddd;}
/****会员注册****/
.institution_header{ height:62px; background:#eff4fa; border-bottom:1px solid #d6dfea; background:url(../images/logo62.png) no-repeat 30px 0; line-height:62px; font-size:20px; color:#666;font-family:"Microsoft YaHei";}
.institution_header span{ float:right; font-size:14px; color:#999; margin-right:50px;}
.institution_header span a{ padding-right:10px; padding-left:10px;}
.institution_header span img{ border-radius:50%; margin-top:11px; float:left;}
.institution_header em{ width:60%; height:62px; float:left; display:block; margin-left:30px;}
.institution_header em img{ float:left; margin-right:10px;}
.flash{animation:change 1s ease-in infinite;font-size:14px;color:#f00;}
@keyframes change{0%{text-shadow:0 0 4px #f00}50%{text-shadow:0 0 20px #f00}100%{text-shadow:0 0 4px #f00}}
a.Grayish:link{color:#444444;text-decoration:none;}
a.Grayish:visited{text-decoration:none;color:#444444;}
a.Grayish:hover{text-decoration:none;color:#ff6600;}
a.Grayish:active{text-decoration:none;color:#444444;}
a.orange:link{color:#ff8800;text-decoration:none;}
a.orange:visited{text-decoration:none;color:#ff8800;}
a.orange:hover{text-decoration:none;color:#444;}
a.orange:active{text-decoration:none;color:#ff8800;}
.register_bg{ width:100%; height:557px; float:left; clear:both; background:#8ddcfd url(../images/registerbg.jpg) no-repeat right top;}
.register_box{ width:480px; height:465px; background:#fff; margin:46px auto;}
.register_box_two{ width:480px; height:524px; background:#fff; margin:18px auto;}
.register_in{ width:430px; margin:0 auto;}
.register_title{ height:50px; line-height:50px; margin-top:44px; font-size:16px; border-bottom:1px solid #e6e6e6; width:100%; float:left;}
.register_title span{ width:214px; height:48px; border-top:2px solid #ff8800; display:block; float:left; line-height:48px; color:#ff8800; text-align:center; border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
.register_input{ width:428px; border:1px solid #e6e6e6; height:50px; line-height:50px; float:left; color:#a9a9a9; text-indent:79px;}
.register_dx{ width:200px; border:1px solid #e6e6e6; height:50px; line-height:50px; float:left; color:#a9a9a9; text-indent:79px;}
.cline{ width:100%; float:left; margin-top:16px;}
/*滑动验证吗*/
.outer{position: relative;height: 38px;line-height: 28px;border:1px solid #eaeaea;background: #eaeaea; margin-top:15px;width: 100%;float: left; }
.outer span,.filter-box,.inner{position: absolute; top: 0;left: 0; }
.outer span{ display: block; width: 100%;height: 100%;color: #fff;text-align: center;line-height:38px }
.filter-box{ width: 0; height: 100%; background: #7ac33c; z-index: 9; }
.inner{width: 34px;line-height: 38px; height: 38px;text-align: center;background: #fff;cursor: pointer;z-index: 10;font-weight: bold;color: #929292;}
.outer .act .inner{color: green; }
.outer.act span{z-index: 99; }
.forget-pass {color:#5e5e5e}
/*滑动验证吗结束*/
/*滑动验证吗*/
.outer-phone{position: relative;height: 38px;line-height: 28px;border:1px solid #eaeaea;background: #eaeaea; margin-top:15px;width: 100%;float: left; }
.outer-phone span,.filter-box-phone,.inner-phone{position: absolute; top: 0;left: 0; }
.outer-phone span{ display: block; width: 100%;height: 100%;color: #fff;text-align: center;line-height:38px }
.filter-box-phone{ width: 0; height: 100%; background: #7ac33c; z-index: 9; }
.inner-phone{width: 34px;line-height: 38px; height: 38px;text-align: center;background: #fff;cursor: pointer;z-index: 10;font-weight: bold;color: #929292;}
.outer-phone .act .inner-phone{color: green; }
.outer-phone.act span{z-index: 99; }
/*滑动验证吗结束*/
#msg1{ width:100%; float:left; line-height:24px; clear:both; height:24px; font-size:14px;}
.inptIcons.name { background: url(../images/name.png) 14px 4px no-repeat;}
.inptIcons.sj { background: url(../images/phoneico.png) 14px 4px no-repeat;}
.inptIcons.dx { background: url(../images/dxico.png) 14px 4px no-repeat;}
.inptIcons {border-right: 1px solid #e6e6e6;height: 22px;display: block; margin: 14px 0; width: 41px;position:absolute;z-index:999;}
.clineCode{ width:215px; height:50px; border:1px solid #e6e6e6; line-height:50px; text-align:center; float:left; background:#f5f5f5; margin-left:10px;}
.clineCode a{ width:215px; display:block; height:50px; line-height:50px; text-align:center; color:#aaaaaa; text-decoration:none; font-size:14px;}
.register_btn{ width:430px; border:none; height:50px; line-height:50px; float:left; color:#fff; background:#ff8800; font-size:16px; cursor:pointer;outline:none;margin-top:10px;}
.register_btn:hover{background:#ff5c33;}
.copyright_jg{ height:37px; background:#fff; width:100%; float:left; clear:both; text-align:center; font-size:14px; color:#868686;font-family:"Microsoft YaHei"; line-height:37px; border-top:1px solid #ddd; font-style:normal !important;}
.fl{ float:left;}
.fr{ float:right;}
.cline span{ color:#666; font-size:14px;}
.boxtry_left{ width:472px; float:left;}
.boxtry_right{ width:349px; float:right; text-align:center; border-left:1px solid #e6e6e6; height:323px;padding-top: 33px;}
.boxtry_right h1{ font-size:16px; font-weight:normal; line-height:40px;}
.boxtry_right p{ line-height:40px; color:#666; font-size:14px;}
.loginbox {width:100%;background:url(../images/line.jpg);height:50px;line-height:50px;font-size:16px;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.loginbox li{float:left;display:block;cursor:pointer;width:214px;text-align:center;color:#333;border-left:1px solid #e6e6e6;}
.loginbox li.hover{width:214px;color:#ff8800;height:48px;line-height:48px;border-top:2px solid #ff8800;}
/********个人中心*******/
.personal_bg{ width:100%; float:left; background:#f0f0f0;min-height:540px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>540?"540px":""); }
.personal_box{ width:1200px; margin:20px auto; clear:both;}
.personal_menu{ width:168px; background:#fff; border-top:4px solid #ff8800; border-left:1px solid #e0e3e9;border-right:1px solid #e0e3e9;border-bottom:1px solid #e0e3e9; float:left;}
.personal_menu ul{ width:146px; margin:10px auto;}
.personal_menu ul li a{width:100%; height:45px; line-height:45px; display:block; font-size:14px; color:#333; text-decoration:none; text-indent:46px; display:block;}
.personal_menu ul li a:hover{width:100%; height:45px; line-height:45px; display:block; font-size:14px; color:#ff8800; text-decoration:none; text-indent:46px; display:block;}
.personal_menu ul li a.p1{background:url(../images/Personalicop1.png) no-repeat 15px 11.5px;}
.personal_menu ul li a.p1:hover{background:#fff0ed url(../images/Personalicop1.png) no-repeat 15px -33.5px;}
.personal_menu ul li a.p2{background:url(../images/Personalicop2.png) no-repeat 15px 11.5px;}
.personal_menu ul li a.p2:hover{background:#fff0ed url(../images/Personalicop2.png) no-repeat 15px -33.5px;}
.personal_menu ul li a.p3{background:url(../images/Personalicop3.png) no-repeat 15px 11.5px;}
.personal_menu ul li a.p3:hover{background:#fff0ed url(../images/Personalicop3.png) no-repeat 15px -33.5px;}
.personal_menu ul li a.p4{background:url(../images/Personalicop4.png) no-repeat 15px 11.5px;}
.personal_menu ul li a.p4:hover{background:#fff0ed url(../images/Personalicop4.png) no-repeat 15px -33.5px;}
.personal_menu ul li a.p5{background:url(../images/Personalicop5.png) no-repeat 15px 11.5px;}
.personal_menu ul li a.p5:hover{background:#fff0ed url(../images/Personalicop5.png) no-repeat 15px -33.5px;}
.personal_menu ul li a.p6{background:url(../images/Personalicop6.png) no-repeat 15px 11.5px;}
.personal_menu ul li a.p6:hover{background:#fff0ed url(../images/Personalicop6.png) no-repeat 15px -33.5px;}
.personal_menu ul li a.p7{background:url(../images/Personalicop7.png) no-repeat 15px 11.5px;}
.personal_menu ul li a.p7:hover{background:#fff0ed url(../images/Personalicop7.png) no-repeat 15px -33.5px;}
.personal_right{ width:1010px; float:right;}
.personal_m{border:1px solid #e0e3e9; width:100%; float:left; background:#fff; margin-bottom:20px;}
.personal_m_right{width:307px; float:right; margin-right:26px; margin-top:20px;}
.personal_m_right span{width:102px; float:left; display:block; padding-top:28px;}
.personal_m_right span p{font-size:14px;line-height:25px; color:#666;}
.personal_m_right span h1{font-size:20px; line-height:34px; color:#F30;}
.personal_m_right span h1 em{ font-size:14px; font-weight:normal;}
.personal_m_right span a{ text-decoration:none;}
.personal_m_left{ width:485px; float:left;padding-top:28px; padding-left:20px;}
.personal_head{ width:105px; height:105px; float:left; margin-bottom:28px;}
.personal_head span{ width:105px; margin-top:79px; height:26px; line-height:26px; text-align:center; position:absolute; z-index:999; font-size:14px;}
.personal_head span a{width:105px;height:26px; display:block; background:#666; color:#fff; text-decoration:none;}
.personal_head span a:hover{width:105px;height:26px; display:block; background:#ff8800; color:#fff; text-decoration:none;}
.personal_info{ width:360px; float:left; margin-left:20px;}
.personal_info h1,.personal_infot h1{ height:22px; line-height:22px;color:#333; font-size:16px; padding-bottom:7px;}
.personal_info h2,.personal_infot h2{ line-height:26px; color:#a3a3a3; font-size:14px; font-weight:normal;}
.personal_info h2 span,.personal_infot span { width:47px; height:26px; float:left; display:block;}
.personal_info h2 a.au1{width:24px; height:24px; background:url(../images/authentication.png) no-repeat; display:block; float:left; margin-top:1px; margin-right:14px;}
.personal_info h2 a.au1:hover{width:24px; height:24px; background:url(../images/authentication.png) no-repeat 0 -24px; display:block; float:left; margin-top:1px; margin-right:14px;}
.personal_info h2 a.au2{width:24px; height:24px; background:url(../images/authentication.png) no-repeat 0 -48px; display:block; float:left; margin-top:1px; margin-right:14px;}
.personal_info h2 a.au2:hover{width:24px; height:24px; background:url(../images/authentication.png) no-repeat 0 -72px; display:block; float:left; margin-top:1px; margin-right:14px;}
.personal_info h2 a.au3{width:24px; height:24px; background:url(../images/authentication.png) no-repeat 0 -96px; display:block; float:left; margin-top:1px; margin-right:14px;}
.personal_info h2 a.au3:hover{width:24px; height:24px; background:url(../images/authentication.png) no-repeat 0 -120px; display:block; float:left; margin-top:1px; margin-right:14px;}
.personal_title{margin:25px 25px 20px 25px; height:30px; border-bottom:1px solid #e0e3e9; background:url(../images/line2.png) no-repeat; color:#333; font-size:16px; text-indent:13px; clear:both;}
.personal_class{width:468px; float:left; margin-left:25px; margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #e0e3e9;}
.personal_class_left{float:left;width:220px;}
.personal_class_right{ width:238px; float:left; margin-left:10px; height:132px;}
.personal_class_right h1{ line-height:26px; font-size:14px; color:#333; font-weight:normal; width:100%; float:left; clear:both;}
.personal_class_right h2{ line-height:26px; font-size:14px; color:#999; font-weight:normal;float:left; clear:both;}
.personal_class_right h5{ line-height:20px; height:40px; overflow:hidden;font-size:12px; color:#999; font-weight:normal;float:left; clear:both;}
.personal_class_right h2 span{ color:#999; width:46px; height:26px; float:left;}
.personal_class_right h2 em{ width:190px; height:18px; border:1px solid #e0e3e9; float:left; margin-top:3px;}
.personal_class_right h2 em p{background:#ff8800; height:18px; display:block; float:left; text-align:center; color:#fff; font-size:12px; line-height:18px;}
.goon{ width:100px; height:34px; position:absolute; margin-left:60px; margin-top:45px; z-index:9999;}
.goon a{ width:100px; height:34px; background: url(../images/backbg.png); display:block; color:#fff; text-decoration:none; border-radius:20px; line-height:34px; font-size:14px; text-align:center;}
.goon a:hover{ color:#fff; background:#ff8800; }
/******购课********/
.Generate_order{ width:1000px; margin:30px auto; border-bottom:1px solid #e0e3e9;border-left:1px solid #e0e3e9;border-right:1px solid #e0e3e9;border-top:2px solid #aaaaaa; background:#fff;}
.Generate_order_title{ height:58px; line-height:58px; font-size:18px; padding-left:20px;}
.Generate_order_title span{ float:right; font-size:20px; color:#F30; font-weight:bold; padding-right:10px;}
.Generate_order_box{ width:960px; margin:0 auto; clear:both;}
.Generate_order_box img{ float:left; margin-right:10px;}
.Generate_order_box h1{ font-size:14px; font-weight:normal; line-height:20px;}
.Generate_order_box h2{ font-size:12px; font-weight:normal; line-height:20px; color:#999;}
.Generate_order_box table td{ border-bottom:1px solid #efefef;}
.font_14{ color:#fd3324; font-size:14px;}
.font_20{ color:#fd3324; font-size:20px; font-weight:bold;}
.font_16{ color:#333; font-size:16px;}
.font_14h{ color:#333; font-size:14px;}
.order_buy{width:100%; margin-top:40px; clear:both; margin-bottom:30px; }
.order_buy a{width:178px; height:48px; line-height:48px; text-align:center; display:block; background:#ff8800; color:#fff; text-decoration:none; font-size:20px; border-radius:4px; margin-left:782px;}
.order_buy a:hover{background:#f30;}
.order_menu,.order_table,.state,.show_evaluate,.myevalute{ width:960px; margin-left:25px; clear:both; float:left; margin-bottom:30px;}
.order_menu a{ text-decoration:none; color:#333; font-size:14px; margin-right:10px; display:block; width:78px; height:35px; float:left; line-height:35px; text-align:center;}
.order_menu a:hover{ background:#ff8800; color:#fff;}
.order_menu a.set{ text-decoration:none; color:#fff; font-size:14px; margin-right:10px; display:block; width:78px; height:35px; float:left; line-height:35px; text-align:center;background:#ff8800;}
.order_table table{ border-top:1px solid #e0e3e9; border-left:1px solid #e0e3e9; border-right:1px solid #e0e3e9;}
.order_table table td{ border-bottom:1px solid #e0e3e9; line-height:24px; color:#666;}
.state p{ font-size:14px;font-weight:bold; line-height:36px; color:#666;}
.state p span{ color:#f60; padding-right:20px;}
.state p a.onepay{width:82px; height:30px; line-height:30px; text-align:center; display:block; color:#fff; background:#ff8800; float:left; font-weight:normal; text-decoration:none;}
.state p a.twopay{width:80px; height:28px; line-height:28px; text-align:center; display:block; color:#666; background:#eee; float:left; font-weight:normal; text-decoration:none; border:1px solid #ccc; margin-left:20px;}
.show_evaluate_left{ width:220px; float:left;}
.show_evaluate_right{ width:715px; float:right;}
.show_evaluate_left h1{ font-size:14px; color:#666; line-height:30px; font-weight:normal;}
.show_evaluate_left h2{ font-size:14px; color:#f60; line-height:30px; font-weight:normal;}
.text-wrap2{border:1px solid #ddd; width:97.5%; margin:0 auto;}
.text-wrap2 textarea{ height:129px; border:none;width:100%; font-size:14px; line-height:26px; color:#333;}
.tips-b2{ text-align:right; color:#999; line-height:26px;}
.btn-pj-submit2{width:82px; height:38px; line-height:38px; font-size:14px; background:#ff9900; color:#fff; text-decoration:none; border:none; display:block; float:left;margin-top:20px; margin-left:10px; border-radius:4px;}
.cd-buttons-ttop{height:18px; width:282px; padding-bottom:30px; margin-left:10px;}
.cd-buttons-ttop i.ico-good{ width:17px; height:17px; background:url(../images/Praise_ico.png) no-repeat; background-size:17px 17px; display:block; float:left; margin-right:2px;}
.cd-buttons-ttop i.ico-mid{ width:17px; height:17px; background:url(../images/in_ico.png) no-repeat; background-size:17px 17px; display:block; float:left; margin-right:2px;}
.cd-buttons-ttop i.ico-bad{ width:17px; height:17px; background:url(../images/bad_ico.png) no-repeat; background-size:17px 17px; display:block; float:left; margin-right:2px;}
.cd-buttons-ttop span.text{ float:left; height:18px; line-height:18px; font-size:14px; color:#666; }
.personal_class_right h3{line-height:26px; font-size:14px; color:#f30; float:left; clear:both;}
.personal_class_right h4{line-height:26px; height:26px; float:left; clear:both; text-align:right;}
.personal_class_right h4 img{ float:right; margin-top:3px; margin-left:222px;}
.myevalute_left{ width:220px; float:left;}
.myevalute_right{ width:720px; float:left; margin-left:20px;}
.myevalute_right h1{ height:30px; line-height:30px; font-size:16px; color:#333; font-weight:normal; overflow:hidden;}
.myevalute_right h2{ height:30px; line-height:30px; font-size:12px; color:#999; font-weight:normal; overflow:hidden;}
.myevalute_right h3{ height:26px; line-height:26px; font-size:12px; color:#333; font-weight:normal; overflow:hidden;}
.myevalute_right h4{ line-height:26px; font-size:12px; color:#333; font-weight:normal; }
.myevalute_right h3 em{width:60px; height:30px; float:left; display:block;}
.myevalute_right h3 span{width:60px; height:30px; float:left; display:block; color:#F30; padding-left:20px;}
.myevalute_right img{ float:right; margin-top:7px;}
.icogood{ background:url(../images/Praise_ico.png) no-repeat 0 5px; background-size:16px 16px; }
.icomid{ background:url(../images/in_ico.png) no-repeat 0 5px;background-size:16px 16px;}
.icobad{ background:url(../images/bad_ico.png) no-repeat 0 5px;background-size:16px 16px;}
.myevalute{ border-bottom:1px dashed #e0e3e9; padding-bottom:20px;}
.massage_top{ width:960px; float:left; margin-left:25px; margin-top:25px; height:36px; border-bottom:1px solid #e0e3e9; font-size:14px; line-height:28px;}
.massage_top em{ font-size:18px; color:#F30; padding-left:5px; padding-right:5px;}
.massage_top span{ float:right; width:270px; height:28px; display:block;}
.massage_top span a{width:78px; height:26px; border:1px solid #e0e3e9; line-height:26px; color:#333; text-decoration:none; text-align:center; display:block; float:left; margin-left:10px;}
.massage_top span a:hover{width:80px; height:28px; background:#ff8800; color:#fff; line-height:28px; float:left; border:none;}
.massage_top span a.set{width:80px; height:28px; background:#ff8800; color:#fff; line-height:28px; float:left; border:none;}
.massage_list{ width:910px; float:left; margin-left:25px; border-bottom:1px dashed #e0e3e9; margin-top:20px; padding-left:50px; background:url(../images/mail.png) no-repeat; padding-bottom:10px;}
.massage_list h1{ font-size:14px; color:#333; height:26px;}
.massage_list h1 img{ float:right;}
.massage_list h2{font-size:12px; color:#666; line-height:24px; font-weight:normal;}
.massage_list h3{font-size:12px; color:#999; line-height:24px; font-weight:normal; margin-top:5px;}
/*CSS badoo style pagination*/
DIV.badoo {
width:100%; clear:both; float:left;
MARGIN:30px 0; TEXT-ALIGN: center;
}
DIV.badoo A {
BORDER: #ff8800 1px solid; padding:6px 8px;COLOR: #474747; MARGIN-RIGHT: 2px; TEXT-DECORATION: none; border-radius:4px; font-size:14px;
}
DIV.badoo A:hover {
BORDER: #ff8800 1px solid;COLOR: #fff; BACKGROUND-COLOR: #ff8800;
}
DIV.badoo A:active {
BORDER: #ff8800 1px solid; COLOR: #fff; BACKGROUND-COLOR:#ff8800
}
DIV.badoo SPAN.current {
BORDER: #ff8800 1px solid; COLOR: #fff; BACKGROUND-COLOR:#ff8800;padding:6px 8px;border-radius:4px; MARGIN-RIGHT: 2px; font-size:14px;
}
DIV.badoo SPAN.disabled {
BORDER: #929292 1px solid; PADDING:6px 8px; COLOR: #929292; MARGIN-RIGHT: 2px; border-radius:4px;font-size:14px;
}
.management_menu{height:50px; width:100%; float:left; background:url(../images/line.jpg); clear:both;}
.management_menu a{ height:50px; line-height:50px; width:110px; float:left; display:block; text-align:center; font-size:14px; text-decoration:none; color:#333; border-right:1px solid #e7e7e7;}
.management_menu a:hover{ height:48px; line-height:48px; width:110px; float:left; display:block; text-align:center; font-size:14px; text-decoration:none; color:#ff8800; background:#fff; border-top:2px solid #ff8800;}
.management_menu a.set{ height:48px; line-height:48px; width:110px; float:left; display:block; text-align:center; font-size:14px; text-decoration:none; color:#ff8800; background:#fff; border-top:2px solid #ff8800;}
.management_mbox{width:554px; margin:0 auto; clear:both; padding-top:50px;}
.remind_mail{width:492px; float:left; height:50px; line-height:50px; background:#fbf8ea url(../images/mailb.png) no-repeat 20px 15px; color:#Ff8800; font-size:14px; padding-left:62px;}
.remind_phone{width:492px; float:left; height:50px; line-height:50px; background:#fbf8ea url(../images/phoneb.png) no-repeat 20px 9px; color:#Ff8800; font-size:14px; padding-left:62px;}
.remind_weixin{width:492px; float:left; height:50px; line-height:50px; background:#fbf8ea url(../images/weixinb.png) no-repeat 20px 13px; color:#Ff8800; font-size:14px; padding-left:62px;}
.remind_f{ width:100%; float:left; clear:both; margin-top:28px;}
.remind_f span{ width:100px; height:48px; display:block; float:left; font-size:16px; color:#333; line-height:48px;}
.remind_f_input{ width:210px; height:46px; border:1px solid #d0d0d0; line-height:46px; font-size:14px; text-indent:10px; float:left;}
.remind_f em{width:208px; height:38px; line-height:38px; display:block; float:left; margin-left:25px; color:#6e6e6e; text-indent:38px; background:url(../images/Promptbg.png);}
.remind_btn{ width:150px; height:40px; font-size:16px; border:none; margin-top:28px; float:left; margin-left:100px; background:#ff8800; color:#fff; cursor:pointer; border-radius:4px;margin-bottom:50px;}
.remind_cancel{ width:148px; height:38px; font-size:16px; border:1px solid #d0d0d0; margin-top:28px; float:left; margin-left:10px; background:#f7f7f7; color:#333; cursor:pointer; border-radius:4px; margin-bottom:50px;}
.nodata{ padding:50px; clear:both; text-align:center;}
.nodata p{ font-size:16px; text-align:center; line-height:60px; color:#999;}
.yan{ width:140px; height:46px; border:1px solid #d0d0d0;background:#f7f7f7; text-align:center; float:left; margin-left:25px; font-size:14px; line-height:46px;}
.yan a{width:140px; height:46px; display:block; text-align: center; color:#666; text-decoration:none;}
.remind_name{width:400px; height:48px; display:block; float:left; font-size:16px; color:#333; line-height:48px;}
#regmsg{ width:140px; height:46px; border:1px solid #d0d0d0;background:#f7f7f7; text-align:center; float:left; margin-left:25px; font-size:14px; line-height:46px;}
.remind_f_inputl{ width:452px; height:46px; border:1px solid #d0d0d0; line-height:46px; font-size:14px; text-indent:10px; float:left;}
.remind_radio{ width:20px; height:20px;float:left; display:block; margin-left:6px; margin-top:14px;}
.remind_label{ width:38px; height:48px; line-height:48px; font-size:14px; float:left; display:block; margin-left:10px;}
.remind_select{ height:46px;border:1px solid #d0d0d0; font-size:14px; color:#999; line-height:46px; float:left; margin-right:10px; padding:0 10px;}
.remind_up{ width:118px; height:38px; font-size:16px; border:1px solid #d0d0d0; float:left; background:#f7f7f7; color:#333; cursor:pointer; border-radius:4px; text-decoration:none; line-height:38px; text-align:center;}
.remind_up_txt{ width:380px; margin-left:20px; height:40px; line-height:40px; float:left;}
.remind_up_yl{ width:100%; float:left; clear:both;}
.remind_up_yl h1{ font-size:14px; padding-top:28px; font-weight:normal; color:#666;}
.remind_up_yl h2{ font-size:12px; line-height:24px; font-weight:normal; color:#999; margin-bottom:25px;}
.upone{ width:180px; float:left; text-align:center; line-height:24px; color:#999; }
.uptwo{ width:90px; padding-left:45px; padding-top:90px;float:left; text-align:center; line-height:24px; color:#999;}
.upthree{ width:40px; padding-left:45px; padding-top:140px; float:left; text-align:center; line-height:24px; color:#999;}
.personal_ptop{ width:970px; float:left; padding-top:28px; padding-left:20px; margin-bottom:50px;}
.personal_infot{ width:845px; float:left; margin-left:20px;}
.personal_infot em{ float:right;}
.personal_ptwo{ width:100%; float:left; height:46px; border-bottom:1px solid #eee;}
.personal_ptwo span{ width:106px; line-height:46px; height:46px; float:left; display:block; text-align:right; font-size:14px; color:#999;}
.personal_ptwo i{ width:800px;line-height:46px; height:46px;float:left; display:block; text-indent:24px; color:#333;font-style:normal}
.personal_ptwo em{ width:64px; text-align:right; float:left; height:46px; line-height:46px; display:block; font-size:14px;}
/***视频课程搜索结果***/
.sounews{ height:30px; line-height:30px;font-family:"Microsoft YaHei"; background:#eee; text-indent:15px; font-size:14px; margin-bottom:15px;float:left; clear:both; width:100%;}
.sounews span{ font-weight:bold; color:#F00;}
.souvideobox{ width:900px; float:left;}
.souvideobox .learn-box-flag a{font-size:12px}
.souvideobox ul li{ position:relative;padding-bottom: 20px;clear: both;width: 100%; float: left;margin-bottom: 20px;width: 860px;/* display: flex; */background-color: #ffffff; box-shadow: 0px 3px 4px 0px rgba(26, 36, 45, 0.15); padding: 23px 20px;margin-bottom: 8px;}
.souvideobox ul li h1{ line-height: 36px;font-size: 18px;font-weight: bold;font-family: "Microsoft Yahei";margin-bottom: 7px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.souvideobox ul li h2{line-height:18px; height:54px; font-size:14px; font-weight:normal;font-family: "Microsoft Yahei"; color:#666; overflow:hidden;}
.souvideobox ul li h3{height:24px; line-height:24px; font-size:12px; font-weight:normal;font-family: "Microsoft Yahei"; color:#999; overflow:hidden;}
.souvideobox ul li img{float:left; margin-right:20px;}
.fontrad{ color:#ff6600;}
.c-list-right{ width: 280px;margin-left: 20px; margin-bottom: 80px;}
.push-course{width: 280px;height: 79px;margin-top: 20px;cursor:pointer;position: relative;}
.push-course-img{width: 141px;height: 79px;float:left;}
.push-course-title{ width: 129px;height: 79px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;float:left;margin-left:10px; font-size: 14px; line-height: 27px; display: flex;align-items: center;color: #333333;}
.c-list-right h5 { font-size: 18px;color: #444444;}
.search-box-list{ clear: both;display: flex;}
.cantfind{ padding:20px; background:url(../images/nonesou.png) no-repeat 0px 90px; height:450px;}
.cantfind_title{ font-size:20px;font-family:"Microsoft YaHei"; padding-left:365px; padding-top:60px;}
.cantfind_title span{ color:#F00;}
.cantfind_box{ padding-left: 365px;padding-top:30px;font-family:"Microsoft YaHei"; font-size:14px; line-height:30px; color:#666;}
a.blue:link {color: #3169b9;text-decoration: none;}
a.blue:visited {text-decoration: none;color: #3169B9;}
a.blue:hover {text-decoration: none;color: #900;}
a.blue:active {text-decoration: none;color: #3169B9;}
/* 搜索页词云 */
div.wrap-box{width: 280px;height: 280px;margin: 0 auto; clear: both; background: #f5f5f5;}
div.tagcloud { font-family: "Helvetica", "Arial", sans-serif; font-size: 10px;line-height: normal; position: relative; min-height: 280px !important;min-width: 280px !important;max-height: 280px !important;max-width: 280px !important;}
div.tagcloud a {font-size: inherit;position: absolute; top: 0; left: 0; color: #333;text-decoration: none;}
div.tagcloud a.w10{ font-size:30px !important;}
div.tagcloud a.w9{ font-size:28px !important;}
div.tagcloud a.w8{ font-size:26px !important;}
div.tagcloud a.w7 { font-size: 24px !important;}
div.tagcloud a.w6 { font-size: 22px !important;}
div.tagcloud a.w5 { font-size: 20px !important;}
div.tagcloud a.w4 { font-size: 18px !important; }
div.tagcloud a.w3 { font-size: 16px !important; }
div.tagcloud a.w2 { font-size: 14px !important; }
div.tagcloud a.w1 { font-size: 12px !important; }
/* colors */
div.tagcloud a{cursor: pointer;}
div.tagcloud a:hover { color: #ff6600; }
div.tagcloud a.w10 { color: #0cf; }
div.tagcloud a.w9 { color: #58deb6; }
div.tagcloud a.w8 { color: #e67c80;}
div.tagcloud a.w7 { color: #ffb01b; }
div.tagcloud a.w6 { color: #ff6600; }
div.tagcloud a.w5 { color: #0ac2e2; }
div.tagcloud a.w4 { color: #f1a1e6; }
div.tagcloud a.w3 { color: #359e0b; }
div.tagcloud a.w2 { color: #ecc80a; }
div.tagcloud a.w1 { color: #ff5f00; }
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:60px;height:240px;right:5px}
.suspension-box{position:relative;float:right;background-color: #ffffff;box-shadow: 0px 0px 5px rgba(41, 41, 41, 0.2)}
.suspension .a{display:block;width:60px;height:63px;background-color: #ffffff;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/images/QQ-slide.png);background-repeat:no-repeat;}
.suspension .a-service .i{margin-top:20px;margin-left:18px;background-image:url(/images/QQ-slide.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{margin-top:20px;margin-left:18px;background-image:url(/images/phone-slide.png);background-repeat:no-repeat;}
.suspension .a-qrcode .i{margin-top:20px;margin-left:18px;background-image:url(/images/wechat.png);background-repeat:no-repeat;}
.suspension .a-top .i{margin-top:20px;margin-left:18px;background-image:url(/images/top-slide.png);background-repeat:no-repeat;}
.suspension .a-top{display:none;}
.suspension .d{display:none;width:200px;background:#fff;position:absolute;right:67px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
/* .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} */
.suspension .d-service{top:0;padding-bottom:14px}
.suspension .d-service-phone{width:130px;top: 80px;justify-self: center;}
.suspension .d-qrcode{top:40px;width: 136px;height: 167px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service-item a {color:#999999 }
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;margin-left: 40px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:5px 0;}
.suspension .d-qrcode p{font-size: 14px;color:#333;}
.suspension-box span{width: 30px;height: 2px;background-color: #ececec;display: block;margin-left: 15px;}
.suspension-box .tip{display: none; width: 28px;font-size: 14px; padding-top: 10px;margin-left: 18px;color: #333; line-height: 1.5;}
/*弹框样式3*/
.closeico{width:100%; float:left; height:15px; text-align:right;}
.closeico img{ margin-top:5px; margin-right:5px;}
.mydiv {background-color:#fff;text-align: center;z-index:9999;width: 446px;height: 244px;border-radius:6px;top: 40%;/*FF IE7*/margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/margin-top:0px;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.bg {background-color: #000;width: 100%;height: 100%;left:0;top:0;/*FF IE7*/filter:alpha(opacity=50);/*IE*/opacity:0.5;/*FF*/z-index:1;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
/*The END*/
.Payment_tips{ padding:46px 20px; text-align:left; font-size:14px; color:#333; line-height:26px;}
.Payment_tips span{ color:#F00;}
.Payment_tips_btn{ width:100%; height:40px; float:left; clear:both; text-align:center;}
.Payment_tips_btn a{ padding:10px 15px; background:#ff8800; color:#fff; text-decoration:none; font-size:14px; border-radius:4px; }
.Payment_tips_mid{ color:#999; padding-top:30px; width:100%; float:left; clear:both;}
.weixin_pay{width:100%; text-align:center; border-top:1px solid #ddd; padding-top:50px; padding-bottom:50px;}
.weixin_pay p{font-size:14px; line-height:30px; color:#333;}
.weixin_pay h1{ color:#F30; font-size:30px; line-height:40px;}
.weixin_pay p img{ border:1px solid #ddd; padding:10px; margin-top:10px;}
.resetpwd{ width:1010px; margin:0 auto;}
.start_box{ width:1010px; margin:0 auto;}
.start_box_title{ height:60px; line-height:60px; font-size:18px;font-family:"Microsoft YaHei"; font-weight: bold; border-bottom:1px dashed#ccc; width:100%; float:left; clear:both; text-indent:25px;}
.xueyan_set_in{ width:142px; height:120px; overflow-y:scroll; border:1px solid #cecece; text-indent:5px; }
.remind_f_inputtxt{ width:452px; border:1px solid #d0d0d0; line-height:26px; font-size:14px; float:left;}
.remind_f_inputy{ width:219px; height:46px; border:1px solid #d0d0d0; line-height:46px; font-size:14px; text-indent:10px; float:left;}
.clineCodey{ width:215px; height:46px; border:1px solid #e6e6e6; line-height:46px; text-align:center; float:left; background:#f5f5f5; margin-left:10px;}
.clineCodey a{ width:215px; display:block; height:46px; line-height:46px; text-align:center; color:#666; text-decoration:none; font-size:14px;}
.font_rad{ color:#F00}
.start_box_left{width:120px; text-align:center; float:left; padding-top:50px; margin-left:60px; margin-right:120px;}
.start_box_left img{ margin-bottom:10px;}
.start_box_left p{ line-height:18px; color:#F30; margin-bottom:10px;}
.start_box_right{width:554px; float:left;}
.fangda{ width:208px; height:118px;overflow: hidden; }
.fangda img{ cursor: pointer; transition: all 0.6s; }
.fangda img:hover{ transform: scale(1.4); }
.fangdab{ width:280px; height:158px;overflow: hidden; }
.fangdab img{ cursor: pointer; transition: all 0.6s; }
.fangdab img:hover{transform: scale(1.4);}
.fangdabb{ width:350px; height:197px;overflow: hidden; margin-top:10px; margin-left:10px;}
.fangdabb img{ cursor: pointer; transition: all 0.6s; }
.fangdabb img:hover{ transform: scale(1.4); }
.fd_hot{ width:280px; height:310px;overflow: hidden;}
.fd_hot img,.fa_index img,.fa_big img{ cursor: pointer; transition: all 0.6s; }
.fd_hot img:hover,.fa_index img:hover,.fa_big img:hover{transform: scale(1.4); }
.fa_index{width:212px; height:121px;overflow:hidden;}
.fa_big{width: 502px;height: 283px;overflow: hidden;}
/***课程关键词标签***/
.class_tag{width:100%; float:left; margin-top:10px; height: 26px; overflow: hidden;}
.class_tag span{ width: 45px; height: 26px; background:url(../images/tagbg.png) no-repeat; display: block; float: left; color: #ffffff; font-size: 12px; text-indent: 17px; line-height: 26px;}
.class_tag a{ background:#fef1e7; line-height: 26px; padding:6px 5px; margin-left: 7px; color: #666666; text-decoration: none;}
.class_tag a:hover{ background:#ff8800; line-height: 26px; padding:6px 5px; margin-left: 7px; color: #ffffff; text-decoration: none;}
/* 个人中心弹出窗显示 */
body .layui-layer-qrcode{border-radius: 100%;background: 0 0;box-shadow: none;border: none;}
.layui-layer-content{text-align:center !important}
.ikonw{margin-top: 10px;}
#checkbox-one + label {background:0 0;border: 1px solid #979797;width: 12px;height: 12px;display: inline-block;text-align: center;vertical-align: middle; line-height: 12px;}
#checkbox-one:checked + label:after {content: "\2714";}
.no_show{margin-left: 15px;color: #cfcfcf;}
/****弹出搜索下拉框**/
.soudan{z-index:100;background-color:#fff; border:1px solid #e5e5e5;height:390px; width:390px; overflow:hidden;overflow-y:auto;position:absolute;top:60px;display:none;}
.soudan span{ width: 100%; float:left; height: 40px; line-height: 40px; font-size: 14px; text-indent: 15px;}
.soudan ul{padding: 15px;}
.soudan ul li{text-align:center;width:auto;float:left; line-height: 26px; padding: 6px 10px; background: #f6f6f6; margin-bottom: 10px; margin-right: 10px;}
.soudan ul li a{ color: #666666; text-decoration: none;}
.soudan ul li a:hover{ color: #ff8800; text-decoration: none;}
.soutopb{ border-top:1px solid #ddd;}
.soudan span em{ float:right; margin-right: 15px; font-size: 12px;}
.soudan span em a{color:#666666; text-decoration: none;}
.soudan span em a:hover{color:#ff8800; text-decoration: none;}