@charset "utf-8";

/* CSS Document */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

body { font-size:12px; color:#999; font-family:Verdana, Microsoft YaHei, Simsun; }

fieldset, img { border:0; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}

em { font-style:normal; }

input, button, select, textarea { outline:none; } 

textarea { resize:none; }

a { color: #999; text-decoration:none; }

a:hover {color: #fff;text-decoration:none; }

body{background-color: #fff;}

i{font-style: normal;}

input {outline: 0;border: 0;vertical-align: middle;}

button, input, select, textarea {outline: 0;font: 12px/1.5 tahoma,arial,\5b8b\4f53;}

.fl{float: left;}

.fr{float: right;}

/* 首页 */

.head{width: 100%;height: 80px;border-bottom: 1px solid #ddd;background-color: #fff;}

.home-head{background-color: #defffb;border-bottom:none;}

.head-in{width: 1100px;margin: 0 auto;height: 100%;}

.logo{display: inline-block;width: 174px;height: 52px;background: url(../images/owly-logo.png) no-repeat;margin-top: 14px;margin-right: 320px;}

.nav ul li{float: left;font-size: 20px;margin-top: 22px;}

.nav ul li a{color: #666;margin-right: 40px;display: inline-block;padding: 14px 0;}

.nav ul li a:hover , .nav ul li a.hover{color: #00b38a;border-bottom: 4px solid #00b38a;}

.log{display: inline-block;width: 88px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #00b38a;color: #00b38a;font-size: 16px;border-radius: 4px;margin: 20px 0 0 40px;}

.banner{width: 100%;height: auto;background-color: #defffb;}

.banner-in{width: 1100px;margin: 0 auto;background: url(../images/banner.png) no-repeat;height: 530px;position: relative;}

.join{display: inline-block;width: 262px;height: 64px;line-height: 64px;text-align: center;font-size: 40px;color: #fff;background-color: #fcab2a;border-radius: 6px;position: absolute;top: 260px;left: 420px;font-family: "方正兰亭圆_GBK_粗";}

.main{width: 100%;height: auto;}

.main-in{width: 1100px;height: auto;margin: 0 auto;}

.course h2{font-size: 24px;color: #333;margin: 30px 0;text-align: center;}

.course-li{overflow: hidden;padding-top: 2px;}

.course-li li{float: left;width: 348px;height: 298px;margin-right: 25px;border: 1px solid #ddd;margin-bottom: 30px;background-color: #fff;}

.course-li li.right-ul{margin-right: 0;}

.img-cou{position: relative;height: 180px;width: 320px;padding: 15px 15px 0;}

.img-cou img{width: 100%;vertical-align: middle;height: 100%;}

.hover_zz{position: absolute;top: 0;left: 0;height: 100%;background: url(../images/bg-img.png) repeat;width: 100%;text-align: center;display: none;}

.hover_zz span{display: inline-block;width: 130px;height: 46px;line-height: 46px;border-radius: 6px;background-color: #efa532;font-size: 16px;color: #fff;margin: 75px 0 13px;}

.hover_zz p{color: #fff;font-size: 14px;}

.conts-cou{padding: 0 15px 15px;}

.conts-cou h3{font-size: 18px;color: #333;margin-top: 18px; width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;}

.conts-cou p{font-size: 14px;color: #999;margin-top: 10px;line-height: 20px;}

.conts-cou p{font-size: 16px;color: #333;margin-top: 20px;}

.partner{overflow: hidden;}

.partner li{float: left;width: 235px;margin: 0 20px 30px;text-align: center;}

.partner li img{vertical-align: middle;}

.foot{width: 100%;text-align: center;border-top: 1px solid #ddd;background-color: #fff;}

.foot-in{width: 1100px;margin: 0 auto;color: #666;}

.courseO h2{margin-top: 0;}

/* 全部课程 */

.nav-more{border: 1px solid #ddd;height: 58px;margin: 30px 0;background-color: #fff;font-size: 16px;}

.nav-more span{margin: 20px 17px 0;color: #999;float: left;}

.nav-more ul li{width: 84px;height: 30px;line-height: 30px;text-align: center;color: #333;float: left;margin-left: 30px;margin-top: 15px;cursor: pointer;}

.nav-more ul li.hover , .nav-more ul li:hover{border-radius: 4px;background-color: #00b38a;color: #fff;}

.conts-cou-in span.isfull{color: #ff6666;}

/* 登录页 */

.login{margin: 90px auto;width: 340px;}

.login h1{font-size: 32px;color: #333;text-align: center;margin-bottom: 30px;}

.login p{font-size: 16px;color: #333;text-align: center;}

.login p a{color: #00b38a;}

.loger-con{position: relative;margin-top: 40px;}

.loger label.image-replace {display: inline-block;position: absolute;left: 15px;top: 16px;bottom: auto; height: 18px;width: 23px;overflow: hidden;text-indent: 100%;white-space: nowrap;color: transparent;text-shadow: none;background: url(../images/ui-form.png) no-repeat;}

.loger input {width: 338px;line-height: 50px;height: 50px;padding-left: 50px;border: 1px solid #e5e5e5;border-radius: 4px;display: inline-block;box-sizing: border-box; color: #999;font-size: 14px;}

.loger label.cd-password {background-position: 0 -152px;}

.loger label.cd-username {background-position: 0 -132px;}

.table label {position: relative;display: inline-block;cursor: pointer;vertical-align: -2px;padding-left: 14px;min-height: 16px;margin: 2px 5px;}

.table .btn_check{position: absolute;top: 1px;left: 0; width: 20px;height: 20px;background: url(../images/ui-form.png) no-repeat;background-position: 0 -216px;}

.table .label_check input {position: absolute;left: -99999px;}

.table label.c_on .btn_check, .table label.c_on:hover .btn_check{background-position: 0 -172px;}

.mima{margin-top:20px;font-size: 14px;}

.mima a{color: #444;}

.land{display: inline-block;margin-top: 30px;width: 340px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 16px;background-color: #00b38a;border-radius: 4px;}

/* 注册页 */

.means-in {margin-top: 30px;overflow: hidden;}

.means-in input{width: 318px;height: 48px;background: #fff;border: 1px #ccc solid;line-height: 48px;border-radius: 3px;padding-left: 20px;color: #666;margin-left: -3px;font-size: 14px;}

.tablName {width: 70px;font-size: 16px;color: #333;text-align: right;padding-right: 20px;display: inline-block;}

.mis{font-size: 14px;color: #fc5555;margin-left: 20px;}

.warn{font-size: 14px;color: #fc5555;display: none;float: right;margin:5px 35% 0 0;}

.reg-succse{text-align: center;margin: 150px auto;}

.reg-succse h2{font-size: 20px;color: #333;margin: 35px 0;font-weight: 600;}

.reg-succse p{font-size: 16px;color: #333;line-height: 30px;}

.reg-succse p a{color: #00b38a;}

/* 支付页 */

.head-port{font-size: 16px;color: #666;margin-top:15px;display: inline-block;}

.head-port img{vertical-align: middle;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}

.nav-hd{width: 100%;height: 50px;line-height: 50px;background-color: #fff;}

.nav-hd-in{width: 1100px;margin: 0 auto;font-size: 14px;color: #444}

.nav-hd-in a{color: #444;}

.pay{min-height: 700px;margin: 10px 0 75px;background-color: #fff;padding: 77px 60px;}

.pay-in h1{font-size: 20px;color: #333;margin-bottom: 30px;}

.pay-in h1 em{color: #fb5656;}

.pay-m{font-size: 16px;color: #999;margin-bottom: 30px;}

.pay-m span{color: #333;}

.pay-m i{color: #fc5555;font-size: 20px;}

.pay-in{border-bottom: 1px solid #d5d5d5;}

.payment {margin-top: 30px;}

.payment p {font-size: 16px;color: #333;}

.payment-ico { margin-top: 30px;}

.payment-ico a {text-align: center;width: 148px;height: 37px;border: 1px solid #ccc;display: inline-block;line-height: 34px;margin-right: 38px;}

.payment-ico a img {vertical-align: middle;}

.payment-ico a.hover {background: url(../images/xzz.png) no-repeat right top;border: 1px solid #ff3f3f;}

.lj-pay{display: inline-block;width: 140px;height: 44px;line-height: 44px;font-size: 18px;color: #fff;text-align: center;background-color: #efa532;border-radius: 4px;margin: 35px 0 15px;}

.table .btn_check-lq{position: absolute;top: 1px;left: 0; width: 20px;height: 20px;background: url(../images/ui-form.png) no-repeat;background-position: 0 -216px;}

.table label.c_on .btn_check-lq{background-position: 0 -194px;}

.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .4;filter: Alpha(Opacity=40);z-index: 100000;display: none;}

.pay_tk {position: absolute;top: 50%;left: 50%;width: 324px;height:457px;margin-left: -162px;margin-top: -228px;background: url(../images/bg-tk.png) no-repeat;z-index: 100001;border-radius: 6px;display: none;}

.pay_tk_in{text-align: center;}

.pay_tk_in h1{color: #fff;font-size: 20px;margin-top: 48px;}

.share-pay h1{margin-top: 20px;}

.share-pay h1 p{font-size: 16px;margin-bottom: 8px;}

.erweim{width: 170px;height: 170px;margin: 27px auto 0;padding: 10px;background-color: #fff;border-radius: 4px;}

.erweim img{vertical-align: middle;width: 100%;height: 100%;}

.hint{border: 1px solid #53abd8;background-color: #b2e5ff;border-radius: 6px;width: 212px;height: auto;margin: 45px auto;padding: 10px 25px;}

.hint-in{padding: 20px 25px;}

.hint p{color: #268abe;line-height: 20px;}

.pay-mm{color: #333;}

.seach-kc{display: inline-block;width: 120px;height: 34px;line-height: 34px;background-color: #00b38a;color: #fff;text-align: center;font-size: 16px;border-radius: 4px;}

.pay-in h2{font-size: 20px;color: #333;font-weight: 600;margin-bottom: 30px;}

.pay-in h2 img{vertical-align: middle;margin-right: 20px;}

.pay-in h3{font-size: 20px;margin-bottom: 30px;color: #fc5555;}

/* 提交订单页 */

.submit{min-height: 700px;margin: 10px 0 75px;background-color: #fff;}

.submit h1{font-size: 20px;color: #333;padding: 40px 0 0 30px;}

.sub-one{border: 1px solid #d5d5d5;margin: 30px 60px 20px;padding: 30px;}

.sub-one h2{font-size: 16px;color: #333;margin-bottom: 10px;display: inline-block;height: 30px;}

.sub-one h2 img{vertical-align: middle;margin: 0 15px;}

.sub-one h2 .ss-lit{width: 270px;height: 24px;line-height: 24px;border-radius: 4px;background-color: #f0f0f0;color: #999;font-size: 12px;padding-left: 20px;position: relative;right: -160px;top: -22px;display: none;}

.sub-one h2 .ss-lit em{width: 0;height: 0;position: absolute;border-width: 8px;border-style: dashed solid dashed dashed;border-color: transparent #f0f0f0 transparent transparent;top: 4px;left: -13px;margin-left: -1px;}

.tablName-in{width: 100px;font-size: 14px;color: #333;text-align: right;padding-right: 20px;display: inline-block;}

.sub-one-in{overflow: hidden;margin-top: 20px;}

.sub-one-in input{width: 316px;height: 34px;line-height: 34px;border: 1px solid #d5d5d5;color: #666;padding-left: 12px;border-radius: 4px;}

.bc-xx{display: inline-block;width: 118px;height: 38px;line-height: 38px;color: #00b38a;border: 1px solid #00b38a;text-align: center;font-size: 16px;margin: 20px 0 0 125px;border-radius: 4px;}

.sub-two{border: 1px solid #d5d5d5;margin: 20px 60px 20px;padding: 30px;}

.sub-two h2{font-size: 16px;color: #333;margin-bottom: 10px;display: inline-block;}

.sub-one-in select{width: 100px;height: 33px;line-height: 33px;border: 1px solid #d5d5d5;border-radius: 4px;color: #666;padding-left: 10px;margin-right: 11px;}

.kcqd{margin-top: 15px;font-size: 14px;}

.kcqd span{color: #333;}

.kcqd i{font-size: 20px;color: #fc5555;float: right;}

.aub-three{text-align: right;margin: 30px 60px 0;padding-bottom: 80px;}

.aub-three span{font-size: 16px;color: #333;margin-right: 10px;}

.aub-three span i{font-size: 20px;color: #fc5555;}

.aub-three .lj-pay{margin: 0;}

/* 课程详情 */

.kcone{margin-top: 10px;overflow: hidden;background-color: #fff;padding: 40px;}

.kctwo{margin: 10px 0 40px;overflow: hidden;background-color: #fff;padding: 0 40px 30px;}

.img-duce{width: 495px;height: 278px;}

.img-duce img{width: 100%;vertical-align: middle;height: 100%;}

.course-duce-deta {margin-left: 28px;}

.course-duce-deta h2{font-size: 24px;color: #333;margin-bottom: 8px;}

.course-duce-deta h3{font-size: 24px;color: #fc5555;margin-bottom: 8px;}

.course-duce-deta h4{font-size: 14px;margin-bottom: 8px;}

.course-duce-deta p{font-size: 16px;margin-bottom: 8px;}

.course-duce-deta p .sctea{background: url(../images/ui-form.png) no-repeat 0 0;display: inline-block;width: 22px;height: 18px;margin-right: 10px;float: left;}

.course-duce-deta p .kktime{background: url(../images/ui-form.png) no-repeat 0 -40px;display: inline-block;width: 20px;height: 20px;margin-right: 12px;float: left;}

.lj-pay-in{margin: 25px 0 0;}

.sig{font-size: 16px;margin-bottom: 8px;overflow: hidden;height: 28px;line-height: 28px;}

.share a.wx {width: 27px;height: 27px;background: url(../images/wxxx.png) no-repeat;display: inline-block;margin-left:10px;float: left;}

.nav_course{overflow: hidden;}

.nav_course ul li{float: left;padding: 22px 0;font-size: 18px;color: #333;cursor: pointer;margin-right: 80px;}

.nav_course ul li:hover , .nav_course ul li.hover{color: #00b38a;border-bottom: 4px solid #00b38a;}

.cour-itr h1{color: #333;font-size: 16px;font-weight: 600;}

.cour-itr p{font-size: 14px;color: #666;line-height: 25px;margin-top: 10px;}

.cour-itr h2{font-size: 14px;color: #444;margin-top: 10px;font-weight: 600;}

.part{margin-top: 50px;}

.cour-out{margin-top: 40px;display: none;}

.cour-out ul p{font-size: 16px;color: #333;height: 50px;line-height: 50px;padding-left: 20px;}

.cour-out ul p:nth-child(odd) {background-color: #f5f5f5;}

/* 关于我们 */

.about-us{min-height: 700px;margin: 10px 0 50px;background-color: #fff;padding: 10px 40px 60px;}

.about-us h1{text-align: center;font-size: 18px;color: #333;}

.about-us p{font-size: 14px;color: #444;line-height: 25px;margin-top: 25px;text-indent: 2em;}

.about-us h2{font-size: 14px;color: #444;font-weight: bold;margin-top: 25px;}

.about-us h3{font-size: 14px;color: #666;margin-top: 25px;}

/* 订单详情 */

.order{min-height: 700px;margin: 10px 0 50px;background-color: #fff;padding: 30px;}

.order-one{border: 1px solid #d5d5d5;margin-bottom: 20px;padding: 30px;}

.order-one h2{font-size: 16px;color: #333;border-bottom: 1px solid #d5d5d5;padding-bottom: 20px;margin-bottom: 30px;}

.order-one-in{margin-bottom: 15px;}

.order-one-in span{font-size: 14px;color: #333;margin-right: 10px;}

.order-one p{font-size: 14px;color: #333;}

.order-one h2.bld{font-weight: bold;}

.btm-order{margin-left: 15px;}

.kcqd span.red-pay{color: #fc5555;}

.line{height: 1px;border-bottom: 1px solid #d5d5d5;width: 100%;margin-top: 15px;}

.pay-fk{margin-top: 15px;font-size: 14px;color: #333;margin-left: 15px;}

.pay-fk span{font-size: 16px;color: #fc5555;font-weight: bold;}

.back{width: 78px;height: 28px;line-height: 28px;border: 1px solid #999;color: #333;text-align: center;display: inline-block;border-radius: 4px;}

.apply a{display: inline-block; width: 120px;height: 34px;line-height: 34px;text-align: center;font-size: 16px;border-radius: 4px;color: #fff;}

.apply a.apply-ing{background-color: #efa532;margin-right: 20px;}

.apply a.apply-ed{background-color: #cacaca;}

.order-one .col_hui{color: #666;margin-top: 15px;}

.order-one .col_hui:first-child{margin-top: 0px;}

.check-pay{font-size: 14px;color: #666;margin-bottom: 15px;}

.sea-pay{width: 280px;height: 34px;border: 1px solid #c5c5c5;border-radius: 4px;padding-left: 18px;color: #666;line-height: 34px;font-size: 14px;}

/* 学习中心-我的订单 */

.my-order{overflow: hidden;min-height: 700px;margin: 10px 0 50px;}

.left-order{width: 200px;min-height: 700px;background-color: #fff;}

.left-order h1{font-size: 18px;color: #333;margin: 30px 0 0 20px;}

.right-order{width: 830px;min-height: 700px;background-color: #fff;padding:0 30px;}

.right-order h1{font-size: 18px;color: #333;margin: 30px 0 0 0;}

.order-tab{border: 1px solid #d5d5d5;text-align: center;margin-top: 30px;}

.order-tab th{background-color: #f5f5f5;border-bottom: 1px solid #d5d5d5;line-height: 40px;color: #999;}

.order-tab td{height: 60px;color: #333;border-bottom: 1px solid #e5e5e5;}

.red-tab{color: #fc5555;}

.pay-cz .pay-more{color: #333;}

.pay-ed{display: inline-block;width: 62px;height: 24px;line-height: 24px;background-color: #fc5555;color: #fff;border-radius: 3px;margin-left: 15px;}

.pay-cancel{color: #999;}

.pay-end{color: #00b38a;}

.navigation{margin-top: 25px;font-size: 14px;}

.navigation .homepage{padding-left: 20px;margin-bottom: 10px;display: inline-block;color: #666;height: 30px;line-height: 30px;}

.navigation ul li a{color: #666;display: inline-block;height: 30px;line-height: 30px;padding-left: 40px;margin-bottom: 10px;background: url(../images/ll-in.png) no-repeat 25px center;}

.navigation a.hover , .navigation a:hover{border-left: 3px solid #00b38a;color: #00b38a;}

.navigation ul li a.hover , .navigation ul li a:hover{background: url(../images/ll.png) no-repeat 20px center;}



.nav-order{margin-top: 15px;padding: 24px 0;border-bottom: 1px solid #d5d5d5;font-size: 16px;overflow: hidden;}

.nav-order ul li{float: left;padding: 8px 10px;margin-right: 10px;color: #333;cursor: pointer;}

.nav-order ul li:hover , .nav-order ul li.hover{color: #fff;background-color: #00b38a;border-radius: 4px;}

.homepage-cont{padding: 30px 0;border-bottom: 1px solid #e9e9e9;overflow: hidden;}

.img-page{width: 180px;height: 120px;display: inline-block;}

.img-page img{width: 100%;height: 100%;vertical-align: middle;}

.cont-page{margin-left: 30px;width: 620px;}

.cont-page h1{font-size: 16px;font-weight: bold;margin-top: 10px;}

.cont-page h2{font-size: 14px; color: #47adee; margin-top: 8px;}

.cont-page h2 span{margin-right: 10px;}

.cont-page p{line-height: 22px;margin-top: 8px;color: #999;}



.right-order-class{border-left:1px solid #ddd;}

.right-order-class p{font-size: 14px;color: #666;line-height: 25px;margin-top: 30px;}

.right-order-class p span{font-weight: bold; color: #fc922a;}

.right-order-class p span.red-cls{color: #ee6647;}

.right-order-class .fc-cls{color: #fc5555;font-weight: bold;}

.btm-cms{margin-top: 30px;}

.btm-cms h3{font-size: 14px;color: #666;margin-bottom: 10px;}

.btm-cms h3 img{vertical-align: middle;margin-right: 5px;}

.navig-list span{padding-left: 60px;display: inline-block;background: url(../images/xiala.png) no-repeat 40px center;margin-bottom: 10px;cursor: pointer;}

.navig-list ul li a{line-height: 15px;font-size: 12px;color: #999;background: none;}

.navig-list ul li a.hover , .navig-list ul li a:hover{background: none;}

.navig-list ul li a i{background: url(../images/ll-in.png) no-repeat left center;display: inline-block;width: 6px;height: 10px;margin-right: 10px;}

.navig-list ul li a.hover i , .navig-list ul li a:hover i{background: url(../images/ll.png) no-repeat left center;}

.navig-list ul li a.hover , .navig-list ul li a:hover{font-weight: bold;}

.navig-list{display: none;}

.navig-list ul{display: none;}

/* 用户协议 */

.user{min-height: 700px;margin: 10px 0 50px;background-color: #fff;padding: 10px 40px 60px;}

.user h1{font-weight: 600;font-size: 18px;color: #333;text-align: center;margin: 50px 0 25px;}

.user .part{margin-top: 80px;}

.user p{color: #666;line-height: 30px;font-size: 14px;}

.user h2{color: #333;font-size: 14px;font-weight: 600;margin-bottom: 20px;}

/* 头部下拉 */

.head-port span {display: inline-block;width: 13px;height: 7px;margin-left: 5px;background: url(../images/xiala.png) no-repeat;}

.head-rt{position: relative;}

.head-port-ing{display: none; position: absolute;top: 85px;right: -5px;border: 1px solid #e9e9e9;width: 140px;height: auto;background-color: #fff;z-index: 11;padding: 10px 0;border-radius: 4px;-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}

.head-port-ing em {width: 0;height: 0;position: absolute;border-width: 9px;border-style: dashed dashed solid dashed;border-color: transparent transparent #e9e9e9 transparent;top: -19px;left: 85px;overflow: hidden;}

.head-port-ing span {width: 0;height: 0;position: absolute;border-width: 9px;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;top: -17px;left: 85px;overflow: hidden;}

.head-port-ing ul li {height: 35px;padding: 0 25px;line-height: 35px;}

.head-port-ing ul li a{color: #666;}

.head-port-ing ul li a i {width: 18px;height: 18px;background: url(../images/ui-ico.png) no-repeat;display: inline-block;float: left;margin: 9px 10px 0 0;}

.head-port-ing ul li a i.zy {background-position: 0 0;height: 15px;}

.head-port-ing ul li a i.xg {background-position: 0 -16px;}

.head-port-ing ul li a i.cj {background-position: 0 -36px;}

.head-port-ing ul li a i.xx {background-position: 0 -56px;height: 16px;}

.head-port-ing ul li a i.sy {background-position: 0 -73px;}

.head-port-ing ul li a i.tc {background-position: 0 -93px;height: 17px;}

.head-port-ing ul li.hover , .head-port-ing ul li:hover{background-color: #e3f6f1;}



.lj-pay-in:hover , .lj-pay:hover{background-color: #e4981f;}

.seach-kc:hover , .log:hover , .land:hover{background-color: #0aa27f;}

.apply a.apply-ing:hover{background-color: #e4981f;}

.conts-cou{position: relative;}

.btn-cur:hover{background-color: #0aa27f;}



.bc-xx:hover{color: #0aa27f;}

.head-port:hover{color: #999;}

.back:hover{color: #666;}

.mima .table{width: 50%;margin-bottom: 0;}

.loading{position: fixed;top: 45%;left: 45%;z-index: 100001;opacity: 1;display: none;}

.loading p{color: #fff;margin-top: 10px;font-size: 16px;}



/* 2017/11/28新修改页面 */

.regin{border: 2px solid #00b38a;margin-left: 25px;}

.logon{font-size: 18px;color: #00b38a;margin-top: 28px;}

.logon:hover{color: #3bd391;}

.nav-hd-in .backhome{background: url(../images/backhome.png) no-repeat left center;padding-left: 20px;color: #999;}

.logoon{margin-top: 13px;}

.logoon span{font-size: 24px;color: #333;display: inline-block;height: 40px;border-left:1px solid #bababa;margin: 6px 20px 0;padding-left: 20px;line-height: 40px;}

.head-port-ing ul li a i.cc {background-position: 0 -112px;}

.course h4{text-align: center;font-size: 18px;color: #333;margin-bottom: 30px;}

.seach-allclass{font-size: 16px;border: 1px solid #00b38a;height: 60px;line-height: 60px;text-align: center;display: inline-block;width: 99%;margin-bottom: 40px;color: #00b38a;}

.seach-allclass:hover{color: #00b38a;}

.course-liin{overflow: hidden;}

.course-liin li{float: left;width: 300px;min-height: 98px;margin-right: 45px;border: 1px solid #ddd;margin-bottom: 30px;padding: 26px 16px;}

.course-liin li div{width: 98px;height: 98px;border-radius: 50%;margin-right: 10px;overflow: hidden;}

.course-liin li img{vertical-align: middle;width: 100%;height: 100%;}

.course-liin li p{font-size: 14px;line-height: 25px;margin-top: 10px;}

.course-liin li.right-ul{margin-right: 0;}

.add-adress{display: block;width: 214px;height: 43px;color: #00b38a;line-height: 43px;border: 1px solid #00b38a;text-align: center;font-size: 16px;border-radius: 4px;margin: 10px 0;}

.add-adress:hover{color: #128b6f;}

.add-adress img{vertical-align: middle;margin: -2px 10px 0 0;}

/* 2017/12/01课程详情修改页面 */

.sig .bd-line{margin-right: 40px;}

.new-list{overflow: hidden;}

.cl_c{color: #fc5555;margin-top: 5px;}

.price{text-decoration:line-through;color: #999;margin-left: 20px;font-size: 18px;}

.cl_all{overflow: hidden;font-size: 14px;}

.new-list .lj-pay{margin:0;}

.open_ceremony{margin: 10px 0;}

.open_ceremony p{font-size: 14px;margin-bottom: 10px;}

.open_ceremony ul li{height: 28px;line-height: 28px;color: #333;margin-bottom: 10px;cursor: pointer;position: relative;background-color: #f1f1f1;}

.open_ceremony ul li span{margin-left: 20px;}

.open_ceremony ul li.hover{border: 1px solid #fc5555;background: url(../images/xzz.png) no-repeat right top;}

.open_ceremony ul li.activ{border: 1px solid #00b38a;background: url(../images/green_new.png) no-repeat right top;}

.open_ceremony ul li.nothing{color: #999;}

.cl_cin{position: absolute;right: -60px;top: 0;color: #fc5555;}

.green_new{position: absolute;right: -60px;top: 0;color: #00b38a;}

.new-list .tit_newlq{font-size: 20px;text-align: center;color: #fc5555;margin: 15px 0;}

.make_appoint{display:none;z-index:100001;position: fixed;top: 50%;left: 50%;width: 356px;height: 280px;background-color: #fff;border-radius: 6px;margin-top: -170px;margin-left: -228px;padding: 30px 50px;}

.make_appoint h1{font-size: 22px;color: #333;text-align: center;margin-bottom: 30px;}

.make_appoint input{display: block;width: 323px;height: 48px;line-height: 48px;padding-left: 15px;border: 1px solid #ccc;color: #999;border-radius: 6px;margin-top: 30px;font-size: 14px;}

.make_appoint span{margin-top: 15px;color: #fc5555;font-size: 14px;display: block;}

.make_appoint_ico{margin-top: 15px;}

.make_appoint_ico a{display: inline-block;width: 118px;height: 34px;line-height: 34px;text-align: center;font-size: 16px;color: #00b38a;border: 1px solid #00b38a;border-radius: 4px;}

.make_appoint_ico .appo{width: 120px;height: 36px;line-height: 36px;background-color: #00b38a;color: #fff;margin-right: 28px;}



.login h2{font-size: 18px;color: #333;text-align: center;margin-bottom: 30px;}

.login h2 a{color: #00b38a;}

.hqnew_btn{display: inline-block;width: 120px;height: 48px;line-height: 48px;border: 1px solid #00b38a;color: #00b38a;border-radius: 3px;text-align: center;font-size: 14px;margin-left: 11px;cursor: pointer;}

.msgs1{background-color: #cbcbcb;color: #fff;border: 1px solid #cbcbcb;}

/* 2017/12/027版权与免责声明 */

.part-shengm{margin-top: 60px;}

.part-shengm h1{text-align: center;font-size: 18px;color: #333;font-weight: bold;}

.part-shengm span{font-size: 14px;color: #666;margin: 30px 0 60px;line-height: 25px;display: inline-block;}

.part-shengm p{font-size: 14px;color: #666;margin: 0 0 60px;text-indent: 2em;line-height: 25px;}

.suspend{position: fixed;top: 50%;right: 2%;}

.consult{width: 70px;height: 70px;background: url(../images/zx-bg.jpg) no-repeat;position: relative;margin-bottom: 10px;cursor: pointer;}

.consult:hover{background: url(../images/zx-h-bg.jpg) no-repeat;}

.feedback{width: 70px;height: 70px;background: url(../images/fk-bg.jpg) no-repeat;position: relative;margin-bottom: 10px;cursor: pointer;}

.feedback:hover{background: url(../images/fk-h-bg.jpg) no-repeat;}

.atten{width: 70px;height: 70px;background: url(../images/gz-bg.jpg) no-repeat;position: relative;cursor: pointer;}

.atten:hover{background: url(../images/gz-h-bg.jpg) no-repeat;}

.consult-pep{display: none;position: absolute;top: 0;right: 90px;border: 1px solid #ddd;width: auto;height: 65px;background-color: #fff;z-index: 11;padding: 15px 0;}

.consult-pep em {width: 0;height: 0;position: absolute;border-width: 9px;border-style: dashed dashed dashed dashed;border-color: transparent transparent transparent #ddd;top: 23px;right: -19px;overflow: hidden;}

.consult-pep span {width: 0;height: 0;position: absolute;border-width: 9px;border-style: dashed dashed dashed dashed;border-color: transparent transparent transparent #fff;top: 23px;right: -17px;overflow: hidden;}

.consult-pep ul li{float: left;margin: 0 15px;text-align: center;}

.consult-pep ul li p{margin-top: 5px;}

.consult-pep ul li a:hover{color: #666;}

.aowei{display: none; position: absolute;top: 0;right: 90px;border: 1px solid #ddd;width: 138px;height: 138px;background-color: #fff;z-index: 11;padding: 10px;}

.aowei em {width: 0;height: 0;position: absolute;border-width: 9px;border-style: dashed dashed dashed dashed;border-color: transparent transparent transparent #ddd;top: 23px;right: -19px;overflow: hidden;}

.aowei span {width: 0;height: 0;position: absolute;border-width: 9px;border-style: dashed dashed dashed dashed;border-color: transparent transparent transparent #fff;top: 23px;right: -17px;overflow: hidden;}

.aowei img{width: 100%;height: auto;vertical-align: middle;}

.right-order textarea{width: 1000px;height: 260px;border: 1px solid #ddd;margin: 25px 0;padding: 20px;font-size: 14px;color: #999;line-height: 30px;}

.feedico a{display: inline-block;text-align: center;border-radius: 4px;font-size: 16px;}

.feedico .tj-feed{width: 120px;height: 34px;line-height: 34px;color: #fff;background-color: #00b38a;margin-right: 20px;}

.feedico .line-feed{width: 118px;height: 32px;line-height: 32px;color: #00b38a;border: 1px solid #00b38a;}

.foot-in{padding: 10px 0;}

.foot-in p{line-height: 30px;}



/* 错误页面 */

.false-jsp{width: 100%;height: 100%;background-color: #2c3e50;text-align: center;position: absolute;padding-top: 10%;}

.false-jsp p{font-size: 60px;margin: 30px 0;color: #fff;}

.false-jsp h2{font-size: 70px;color: #fff;margin: 30px 0;}

.false-jsp a{display: inline-block;padding: 10px 30px;background-color: #00b38a;color: #fff;border-radius: 4px;font-size: 24px;}



/*.swiper-container {text-align: center;width: 100%;height: 100%;zoom:1;}*/

.swiper-slide img{vertical-align: middle;width: 100%;height: 400px;}

.fixed-bottom {position: fixed;bottom: 0;width:100%;}


/*2018/5/15首页修改 */
.main .main-in .course h2 em{display: inline-block;width:7px;height: 7px;border-radius: 5px;background: #999;vertical-align: middle;margin:0 20px;}
.main .main-in .course h4{color:#666;}
.foot .foot-in p{line-height: 18px;}
.foot .foot-in .f18{font-size: 18px;color: #333;margin:6px 0 10px 0;}
.foot .foot-in .f14{margin-bottom:4px;}
.foot .foot-in .f14 a{font-size: 14px;color: #333;}
.foot .foot-in .f14 a:hover{color: #00b38a;}
.foot .foot-in .f12{color:#666;font-size: 12px;margin-bottom:4px;}
/*2018/5/15登录、注册、忘记密码弹窗 新增*/
.login_overlay{display: none; position: fixed;top: 0;right: 0; bottom: 0;left: 0;z-index: 99999;background: url(../images/black.png);}
.pop{width: 454px;background: #fff;border-radius: 3px;position: absolute; top:20%; left: 34%;}
.pop h4 em{cursor: pointer; display: block;width:16px ;height:16px ; margin:10px;background: url(../images/close.png) no-repeat;float: right;}
.f24{font-size: 24px;color: #333;}
.pop .login_txtbox .f24{margin:48px auto 10px auto;text-align: center;}
.prompt a{width:338px;height: 28px;color:#666;border: 1px solid #ff8181;background: #ffebeb;display: inline-block;line-height: 30px;border-radius: 3px;margin:0 0 14px 60px;}
.prompt a:hover{color:#666;}
.prompt i{display: inline-block;background: url(../images/Prompt-ico.png);width: 13px;height: 13px; vertical-align: middle; margin: -4px 7px 0 11px;}
.pop .login_txtbox input{width: 338px;height: 48px; text-indent: 0.5rem; border: 1px solid #ddd;border-radius: 3px;margin: 0 0 20px 60px;}
.pop .login_txtbox input:hover{border: 1px solid #00b38a;}
.pop .login_txtbox .width210{width: 210px;}
.obtain{width: 118px;margin-left: 16px;color: #fff;margin:0 0 20px 10px; vertical-align: middle;font-size: 14px;line-height:50px;text-align: center; background: #00b38a; border-radius: 3px;display: inline-block;height: 50px;}
.obtain_h{ width: 118px;margin-left: 16px;color: #fff;margin:0 0 20px 10px; vertical-align: middle;font-size: 14px;line-height:50px;text-align: center; background: #b4b4b4; border-radius: 3px;display: inline-block;height: 50px;}
.nav-ico{background: url(../images/nav-ico.png);width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin:-4px 10px 0 0;}
.nav-icow{background: url(../images/nav-icow.png);width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin:-4px 10px 0 0;}
.text_box{height: 60px;cursor: pointer; line-height: 60px;margin-left: 60px;font-size: 14px;color: #666;}
.register_nav{width: 340px;height: 50px;background: #00b38a;font-size:16px;margin-left: 60px;display: inline-block;color: #fff;text-align: center;line-height: 50px;border-radius: 3px;}
.register_nav:hover{background: #00906f;}
.login_p{margin: 10px 0 30px 0;text-align: center;font-size: 14px;color: #666;}
.login_p a{color: #00b38a;font-size: 14px;}
.marb0{margin-bottom: 0px !important;}
.forget{margin-left: 149px;cursor: pointer;}
.password .register_nav{margin:40px 0 40px 60px;}
.change_password{position: relative;}
.change_eyes{position: absolute;right: 5px;top: 8px;}
.eyes{background: url(../images/eyes.png);width: 17px;height: 12px;display: inline-block;vertical-align: middle;margin:10px 60px 0 0;}
.eyes_b{background: url(../images/eyes_b.png);width: 17px;height: 16px;display: inline-block;vertical-align: middle;margin:9px 60px 0 0;}
.none{display: none;}

input:focus::-webkit-input-placeholder{
            text-indent: -999em;
            z-index: -20;
        }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #999;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #999;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #999;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #999;   
}
/*支付页面弹窗*/
.popt{width: 600px;background: #f1f1f1;border-radius: 3px;position: absolute; top:20%; left: 34%;}
.popt h4{ height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #333;}
.popt h4 em{cursor: pointer; display: block;width:16px ;height:16px ; margin:10px;background: url(../images/close.png) no-repeat;float: right;}
.pay-ico{width: 16px;height: 16px;display: inline-block;background: url(../images/pay-ico.png);vertical-align: middle;margin: -4px 5px 0 5px;}
.popt .login_txtbox{background: #fff;}
.pay_box .popt .login_txtbox p{text-align: center;font-size: 14px;color: #999;line-height: 18px;}
.pay_box .popt .login_txtbox .f18h{font-size:18px;color: #333;padding: 40px 0 24px 0;}
.pay_box .popt .login_txtbox .red{color: #999;margin-bottom: 10px;}
.pay_nav{width: 560px;height:60px;margin: 20px auto 0 auto;/*border-top: 1px solid #d5d5d5;*/font-size: 16px;padding-bottom: 30px;}
.pay_nav .pay_s{width: 150px;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;background: #00b38a;color: #fff;display: inline-block;margin:10px 55px 0 103px}
.pay_nav .pay_w{width: 148px;height: 38px;line-height: 38px;border:1px solid #d8d8d8;text-align: center;border-radius: 3px;color: #333;display: inline-block;margin-top: 10px;}
/*课程详情页面修改*/
.class_top{padding: 20px 20px 47px 20px;margin-top: 10px;background: #fff;overflow: hidden;}
.class_top .class_topxq{width: 444px;float: right;position: relative;}
.class_top .class_topxq .f20{font-size: 20px;line-height: 20px;color: #333;margin-bottom: 10px;}
.class_top .class_topxq .gray{font-size: 14px;color: #666;margin-bottom: 20px;}
.class_top .class_topxq .gray span{margin-right: 40px;}
.class_top .class_topxq .gray .share{width: 14px;height: 14px;margin-left:10px;display: inline-block;vertical-align: middle;background: url(../images/share-ico.png);}
.class_top .class_topxq .bg_gray{width: 436px;height:54px;line-height:54px;background: #eef0f0;}
.class_top .class_topxq .bg_gray .f24{font-size: 24px;color: #fc5555;margin-left: 10px;}
.class_top .class_topxq .bg_gray .f12{font-size: 12px;}
.class_top .class_topxq .bg_gray .f14{font-size: 14px;}
.class_top .class_topxq .bg_gray .f14 em{font-size: 12px;color: #666;}
.class_top .class_topxq .bg_gray .red{color: #fc5555;}
.class_top .class_topxq .bg_gray .gray{color: #999;text-decoration: line-through;}
.class_top .class_topxq .bg_gray .time{width: 12px;height: 12px;margin:0 5px 0 50px;display: inline-block;vertical-align: middle;background: url(../images/time-ico.png);}
.class_top .class_topxq .f14{font-size: 14px;line-height: 14px;color: #666;margin: 28px 0 10px 0;}
.class_top .class_topxq .class_choice{width: 442px;height: 62px;border: 1px solid #dcdfde;margin-bottom: 10px;}
.class_top .class_topxq .class_choice:hover{border: 1px solid #00b38a;cursor: pointer;}
.class_top .class_topxq .class_choice .f16{font-size: 16px;line-height: 16px;color: #333;margin: 15px 0 0 12px;}
.class_top .class_topxq .class_choice .f14{font-size: 14px;line-height: 14px;color: #666;margin: 10px 0 0 12px;}
.class_top .class_topxq .sign_up{width: 140px;height: 46px;display: inline-block;background: #00b38a;border-radius: 3px; margin-top:20px; font-size: 18px;line-height: 46px;color:#fff;text-align: center;}
.content{overflow: hidden;margin: 20px 0 30px 0;}
.content .left_c{float: left;width: 680px;background: #fff;padding:0 20px;}
.content .cour-itr, .content  .cour-out{margin-bottom: 50px;}
.content .right_c{float: right;width: 320px;background: #fff;padding: 20px 20px 0 20px;}
.content .right_c h4{font-size: 18px;color: #263c5f;line-height: 18px;margin-bottom: 30px;}
.content .right_c ul li{position: relative;}
.content .right_c .hover_zz{height: 82%;}
.content .right_c .hover_zz p{color: #fff;}
.content .right_c .hover_zz span{margin: 55px 0 13px;}
.content .right_c ul li img{width: 320px;height: 180px;margin-bottom: 20px;}
.content .right_c ul li p{font-size: 18px;line-height: 18px;color: #333;margin-bottom: 30px;}
.share_show{width: 95px;height: 114px;color: #666;font-size: 12px; text-align: center;border: 1px solid #e3eeea;background: #fff;position: absolute;left: 270px;top: 57px;z-index: 100;display: none;}
.share_show img{width: 81px;height: 81px;padding: 7px 7px 3px 7px;}
.class_topxq .layui-form{width: 400px;margin-top: 20px;}
.class_topxq .layui-form .layui-form-label{padding: 9px 0px;color: #333;}
.class_topxq .layui-form .layui-input-block{margin-left: 80px;line-height: 36px;color: #333;}
/*确认订单弹框*/
.confirm_box .pop{width: 600px;background: #f1f1f1;}
.confirm_box .pop h4{ height: 44px;line-height: 44px;margin-left: 20px;font-size: 16px;color: #333;}
.confirm_box .pop .login_txtbox{background: #fff;}
.confirm_box .pop .login_txtbox .content{overflow: hidden;padding: 20px;margin: 0;}
.confirm_box .pop .login_txtbox .content_l{float: left;}
.confirm_box .pop .login_txtbox .content_r{float: left;margin-left: 40px;width: 320px;}
.confirm_box .pop .login_txtbox p{text-align: left;font-size: 14px;color: #666;line-height: 14px;margin-bottom: 10px;}
.confirm_box .pop .login_txtbox .f18h{font-size:18px;line-height:18px;color: #333;padding: 10px 0 20px 0;}
.confirm_box .pop .login_txtbox .f18h span{font-size: 14px;color: #666;float: right;}
.confirm_box .pop .login_txtbox .f16h{font-size:16px;line-height:16px;color: #333;padding: 10px 0 ;}
.confirm_box .pop .login_txtbox .f16h span{font-size: 14px;color: #666;float: right;}
.confirm_box .pop .login_txtbox .color_3{color: #333;}
.confirm_box .pop .login_txtbox .f12{font-size: 12px;float: right;}
.confirm_box .pop .login_txtbox .red{color: #ff4a4a;font-size: 18px;}
.confirm_box .pay_nav{width: 560px;height:60px;margin: 0px auto ;padding-bottom:0;border-top: 1px solid #d5d5d5;font-size: 16px;}
.confirm_box .pay_nav .pay_s{width: 102px;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;background: #00b38a;color: #fff;display: inline-block;margin: 10px 0 0 0;float: right;}
.confirm_box .pay_nav span{font-size: 14px;color: #333;line-height: 60px;margin-left: 240px;}
/*我的订单页面修改新增*/
.main_box{overflow: hidden;margin: 20px auto 30px auto;}
.main_box .left_main{float: left;width: 208px;border:1px solid #e3eeea;background: #fff;border-radius: 4px;}
.main_box .left_main ul li{font-size: 16px;color: #333;height: 50px; line-height: 50px;text-align: center;border-left: 3px solid #fff;}
.main_box .left_main ul li:hover{background: #f7f7f7;border-left: 3px solid #f7f7f7;}
.main_box .left_main .click_li{background: #f7f7f7;border-left: 3px solid #00b38a;}
.main_box .left_main ul li i{display: inline-block;width: 18px;height: 18px;vertical-align: middle;margin-right: 15px;}
.my_kc{background: url(../images/my_kc.png);width: 16px !important;}
.my_dd{background: url(../images/my_dd.png);}
.my_da{background: url(../images/my_da.png);width: 16px !important;}
.my_xz{background: url(../images/my_xz.png);}
.my_xx{background: url(../images/my_xx.png);width: 17px !important;}
.main_box .right_main{float: right;width: 866px;min-height: 550px;border:1px solid #e3eeea;background: #fff;border-radius: 4px;}
.main_box .right_main ul li{height: 230px;padding-left: 14px;border-bottom: 1px solid #e3eeea;}
.main_box .right_main .order_ul .title_f14{font-size: 14px;line-height: 44px;width: 755px;}
.main_box .right_main .order_ul .black{color: #333;}
.main_box .right_main .order_ul .gray_6{color: #666;}
.main_box .right_main .order_ul .gray_9{color: #999;float: right;margin-right: 150px;font-size: 14px;}
.main_box .right_main .order_ul .float_box img{width: 220px; height: 125px;}
.main_box .right_main .order_ul .float_box{overflow: hidden;margin-top: 10px;}
.main_box .right_main .float_l{float:left ;}
.main_box .right_main .order_ul .margin_l20{margin-left: 20px;width: 428px;} 
.main_box .right_main .order_ul .float_l .f16h{font-size: 16px;color: #333;line-height: 18px;margin: 10px 0 30px 0;}
.main_box .right_main .order_ul .float_l .f14{font-size: 14px;line-height: 14px;}
.main_box .right_main .order_ul .float_l .f18r{font-size: 18px;line-height: 18px;color: #fc5555;margin-top: 30px;}
.main_box .right_main .order_ul .float_l .pay_navn{width: 98px;height: 32px; margin: 10px 0 10px 0; border-radius: 3px;border: 1px solid #00b38a;background: #fff;color: #00b38a;}
.main_box .right_main .order_ul .float_l .pay_navn:hover{background: #00b38a;color: #fff;}
.main_box .right_main .order_ul .float_l a{width: 100px;height: 34px;text-align: center;color: #333;font-size: 14px;line-height: 34px;display: inline-block;}
.main_box .right_main .order_ul .float_l a:hover{color: #00b38a;}
/*兑换奖励新增*/
.color_3{color: #333;}
.color_6{color: #666;}
.red{color: #ff5656;}
.mart_30{margin-top: 30px !important;}
.padt_30{padding-top: 30px !important;}
.f20{font-size: 20px;}
.f18{font-size: 18px;line-height: 18px;}
.f16{font-size: 16px;line-height: 16px;}
.f14{font-size: 14px;line-height: 14px;}
.f12{font-size: 12px;line-height: 12px;}
.exchange{margin:20px 0 30px 0;background: #fff;border-radius: 4px;}
.exchange .title{font-size: 16px;color: #333;line-height: 16px;padding:20px;border-bottom: 1px solid #eaeaea;}
.exchange .title span{float: right;color: #666;margin-right: 60px;}
.exchange ul li{padding: 30px 0px;margin:0px 20px;overflow: hidden;border-bottom: #eaeaea 1px solid;}
.exchange ul li img{float: left;width:243px ;height:137px ;}
.exchange .content{float: left;margin:0 0 0 20px;width: 640px;}
.exchange .content .f16{margin-top:10px;}
.exchange .content .f14{margin-top: 20px;}
.exchange .content .f14 span{font-size: 20px;color: #ff5656;}
.exchange .content i{margin-right: 10px;}
.exchange .content .exchange-ico{width: 13px;height: 14px;background: url(../images/exchange-ico.png);display: inline-block;vertical-align: middle;}
.exchange .exchange_nav{float: left;background: #00b38a;color: #fff;line-height: 40px;border-radius: 4px;font-size: 16px;padding: 0 18px;margin-top: 48px;}
.border-none{border-bottom: 0 !important;}
.exchange_box .login_txtbox{text-align: center;}
.exchange_box .login_txtbox .f18{margin: 20px 0;}
.exchange_box .exchange_box_nav{padding:24px 0 30px 0;}
.exchange_box .exchange_box_nav a{color: #333;display: inline-block;width: 150px;height: 40px;text-align: center;line-height: 40px;border-radius: 4px;}
.exchange_box .exchange_box_nav .confirm{background: #00b38a;color: #fff;margin-right: 35px;}
.exchange_box .exchange_box_nav .cancel{border: 1px solid #eaeaea;}
.exchange_box .exchange_box_nav .courseview{background: #00b38a;color: #fff;}
/*分享新增*/
.share-top{height: 108px;border: 1px solid #eaeaea; background: #fff;border-radius: 4px;margin-top: 20px;}
.share-top ul{overflow: hidden;}
.share-top ul li{float: left;width: 217px;text-align: center;height: 48px;margin: 34px 0 24px 0;border-right: 1px solid #eaeaea;}
.share-top .f14{margin-bottom: 24px;}
.share-top .border-none{border-right: 0;}
.share-top a{float: left; width: 214px;height: 108px;line-height: 110px;text-align: center;font-size: 16px;color: #00b38a;border-left: 1px solid #eaeaea;}
.share-content{border: 1px solid #eaeaea; background: #fff;border-radius: 4px;margin: 20px 0 30px 0;}
.share-content .title{height: 49px; line-height:50px;border-bottom: 1px solid #eaeaea;}
.share-content .title span{width: 164px;text-align: center;display: inline-block;}
.width576{width: 576px !important;}
.width556{width: 556px !important;}
.margin_l10{margin-left: 10px;}
.tabl_firstCol {white-space: nowrap; /*overflow: hidden;*/text-overflow: ellipsis;max-width: 300px;}
.share-content li{overflow: hidden;margin: 0 20px;padding:30px 0;border-bottom: 1px solid #eaeaea;}
.share-content .margin_l10 .f16{margin-top: 15px;}
.share-content .margin_l10 .f14{margin-top: 30px;}
.share-content li span{width: 164px; text-align: center;color: #333;font-size: 14px;margin-top: 55px;}
.share-content .share-nav{width: 112px;height: 40px;line-height: 40px;border: 1px solid #00b38a;color: #00b38a;border-radius: 3px;margin: 43px auto 0 25px;cursor: pointer;}
.share-content .share-nav:hover{color: #fff;background: #00b38a;}
.share_box .login_txtbox{padding:0 20px;}
.cellphone{overflow: hidden;font-size: 14px;color:#333 ;height: 155px;line-height: 155px;border-bottom: 1px solid #eaeaea;}
.cellphone i{margin: 0 20px;display: inline-block;width: 12px;height: 18px;background: url(../images/cellphone-ico.png);vertical-align: middle;}
.cellphone img{margin: 16px 20px 16px 50px;width: 120px;height: 120px;}
.cellphone p{color: #666;}
.computer{overflow: hidden;font-size: 14px;color:#333 ;height: 107px;line-height: 107px;}
.computer i{margin: 0 20px;display: inline-block;width: 16px;height: 14px;background: url(../images/computer-ico.png);vertical-align: middle;}
.computer input{width: 261px !important;height: 35px !important;border: 1px solid #f7f7f7 !important;line-height: 35px;padding-left: 12px;background: #f7f7f7;margin: 35px 30px 35px 40px !important;}
.computer input:hover{border: 1px solid #f7f7f7 !important;}
.computer a{width: 114px;height: 35px;line-height: 35px; border: 1px solid #eaeaea;color: #333;text-align: center;border-radius: 4px;margin-top: 35px;}
/*我的课程新增样式*/
.color_f{color: #fff;}
.main_box .right_main .course_ul .title_f14{height: 50px;line-height: 50px;font-size: 16px;color: #333;padding-left: 20px;border-bottom: 1px solid #eaeaea;}
.main_box .right_main .course_ul li{height: 204px;}
.main_box .right_main .course_ul .float_box img{margin-top: 30px;width: 243px;height: 137px;border-radius: 3px;}
.main_box .right_main .course_ul .margin_l20{margin: 30px 0 0 20px;width: 580px;} 
.main_box .right_main .course_ul .float_l .f16h{font-size: 16px;color: #333;line-height: 16px;margin-top: 10px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;max-width: 580px;}
.main_box .right_main .course_ul .float_l .f14{margin-top: 20px;}
.main_box .right_main .course_ul .float_l .f14 i{margin-right: 10px;color: #333;}
.main_box .right_main .course_ul .float_l .study_nav{display: inline-block;width: 100px;height: 40px;border-radius: 3px;line-height: 40px;text-align: center;background: #00b38a;margin-top: 30px;}
.width556 img{width:221px;height: 124px;}