@charset "utf-8";
body { min-width:1300px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif !important; font-size:12px; color:#333; margin:0 auto; padding:0; background: #fff;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1300px; margin:0 auto;} 
#VCode { cursor:pointer;}
input { outline:none;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;}

/*头部*/
.header { width:100%; height:90px; padding: 10px 0; background:#fff; position:relative; z-index:998;}
.header .logo { float:left; height:90px; overflow:hidden;}
.header .logo img { display:block; height:100%;}
.header .search { float: right; width:315px; height:40px; margin: 23px 80px 0 0; padding: 2px; border-radius: 4px; overflow:hidden; background-image: linear-gradient(to right,#39ce48,#16a863);}
.header .search input { display:block; float:left; width:240px; height:40px; line-height:40px; font-size:14px; color:#333; text-align:left; padding:0 10px; outline:none; border:none; overflow:hidden; background:#fff }
.header .search .btn { width:55px; padding: 0 10px; background: #16a863 url(../images/pt01.png) no-repeat center;}
.header .anniu { float: right; margin: 30px 20px 0 0;}
.header .anniu a { display: block; float: left; line-height: 30px; font-size: 14px; color: #666; padding: 0 20px 0 40px; background-position: left center; background-repeat: no-repeat; position: relative;}
.header .anniu a::after { display: block;  content: ""; width: 1px; height: 30px; margin: auto; background-image: linear-gradient(rgba(200,200,200,0), rgba(200,200,200,1),rgba(200,200,200,0)); position: absolute; top: 0; bottom: 0; right: 0;}
.header .anniu .vip { background-image: url(../images/pt02.png);}
.header .anniu .wdx { background-image: url(../images/pt03.png);}
.header .logn { float: right; height: 30px; line-height: 30px; margin-top: 30px;}
.header .logn img { display: block; float: left; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; overflow: hidden;}
.header .logn a { display: block; float: left; font-size:14px; color:#666;}
.header .logn a:hover { color: #16a863;}

/*导航*/
.nav { width:100%; height:50px; border-bottom: 2px solid #16a863; background: #fff; position:relative; z-index:997;}
.nav li { float:left; width: calc(100% / 9); text-align:center; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li a { display:block; line-height:50px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li:hover,.nav .on { background: #16a863;}
.nav li:hover a,.nav .on a { color: #fff;}
.nav li:hover .subnav { display:block;}
.nav li .subnav { display:none; width:100%; border-radius: 0 0 4px 4px; background:#ff9d1e; overflow:hidden; position:absolute; top:50px; left:0;}
.nav li .subnav a { line-height:40px; font-size:12px; color:#fff; padding:0 10px; border-top:1px solid #f29114; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li .subnav a:hover { background: #f29114;}

/*banner*/
.banner { width:100%; margin:0 auto;}
.banner .swiper-slide { width:100%;}
.banner .swiper-slide a,.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 10px !important; border-radius:50%; filter:alpha(opacity=100); opacity:1; background:#fff; position:relative;}
.banner .swiper-pagination-bullet::after { display: none; content: ""; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: -4px; top: -4px;}
.banner .swiper-pagination-bullet-active::after { display: block;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:50px; filter:alpha(opacity=50); opacity:0.5; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:36px; color:#fff;} 
.banner .swiper-button-prev { left:10%;}
.banner .swiper-button-next { right:10%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}

/*二级banner*/
.banner_ej { width:100%; height:240px; color:#fff; margin:0 auto; padding-top: 120px; background: url(../images/erbanner.jpg) no-repeat center top / cover;}
.banner_ej h3 { height:50px; line-height:50px; font-weight:bold; font-size:38px; letter-spacing:4px;}
.banner_ej p { line-height:30px; font-family: "宋体"; font-size:16px; color: #fff; padding-left: 30px; margin: 30px 0 69px 0; filter:alpha(opacity=80); opacity:0.8; background: url(../images/yy25.png) no-repeat left 6px / 20px;}
.banner_ej p a { font-family: "Microsoft YAHEI"; color:#fff;}
.banner_ej .comnav { height: 60px; line-height: 60px; text-align: center; overflow: hidden;}
.banner_ej .comnav li { display: inline-block; border-radius: 2px 2px 0 0; overflow: hidden; background: rgba(0,0,0,0.3); -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner_ej .comnav li a { display: block; font-size: 16px; color: #fff; padding: 0 50px;}
.banner_ej .comnav li:hover,
.banner_ej .comnav .on { background: #16a863;}

/*友情链接*/
.link { padding-bottom: 15px;}
.link .name { height: 55px; border-bottom: 1px solid #e0e0e0;}
.link .name span { display: inline-block; line-height: 55px; font-weight: bold; font-size: 20px; color: #333; position: relative;}
.link .name span::after { display: block; content: ""; width: 100%; height: 3px; background: #16a863; position: absolute; left: 0; bottom: -1px;}
.link .msg { margin-top: 15px;}
.link .msg a { display: inline-block; line-height: 25px; font-size: 14px; color: #333; margin: 0 20px 10px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.link .msg a:hover { color: #16a863;}

/*大营家脚部*/
.dfooter { width:100%; padding: 20px 0; background:#19212e;}
.dfooter a { color:#fff;}
.dfooter .logo { float:left; width: 205px; height:100px; margin-top: 10px; overflow:hidden;}
.dfooter .logo img { display:block; height:100%;}

.dfooter .msg { float:right; padding: 10px 100px; margin-right: 100px; position: relative;}
.dfooter .msg::before,.dfooter .msg::after { display: block; content: ""; width: 1px; height: 110px; margin: auto; background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.1),rgba(255,255,255,0)); position: absolute; top: 0; bottom: 0;}
.dfooter .msg::before { left: 0;}
.dfooter .msg::after { right: 0;}
.dfooter .msg p { line-height: 25px; font-size:14px; color:#8c9197;}
.dfooter .msg .tel { line-height:30px; font-weight: bold; font-size: 22px; color: #16a863; margin-bottom: 10px;}
.dfooter .msg .tel span { display: block; font-weight: 500; font-size:14px; color:#8c9197; padding-left: 25px; background: url(../images/pt10.png) no-repeat left 10px / 15px;}
.dfooter .msg p a { color:#8c9197;}

.dfooter .img { float:right; width:85px; text-align:center;}
.dfooter .img img { display:block; width:85px; height:85px;}
.dfooter .img p { line-height:22px; font-size:12px; color:#a3a6aa; margin-top: 5px;}
.dfooter .img .tank { width: 340px; height: 340px; margin: auto; padding: 20px; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); overflow: hidden; background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999;}
.dfooter .img .tank img { width: 340px; height: 340px;}

/*.dfotcopy { line-height:30px; font-size:14px; color:#a3a6aa; padding:10px 0; border-top: 1px solid rgba(255,255,255,0.1); background: #19212e;}
.dfotcopy a { color:#a3a6aa;}*/

/*右侧客服*/
.webonline { width:45px; position:fixed; right:0; bottom:15%; z-index:999999;}
.webonline li { width:100%; text-align:center; margin-top:3px; border-radius:4px 0 0 4px; background: #16a863; position:relative;}
.webonline li .ontop { width:100%; height: 45px; cursor:pointer; background-position: center; background-repeat: no-repeat;}
.webonline .btn_top .ontop { background-image: url(../images/ylq06.png);}
.webonline .tel .ontop { background-image: url(../images/ylq07.png);}
.webonline .qq .ontop { background-image: url(../images/ylq08.png);}
.webonline .rwm .ontop { background-image: url(../images/ylq09.png);}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#16a863; position:absolute; right:55px; top:0;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #16a863; line-height:0px; _border-color:#000 #000 #000 #16a863; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:145px; height:35px; line-height:35px; font-size:18px; color:#fff;}
.webonline li .onlft img { display:block; width:110px; height: 110px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}

/*公共标题*/
.tits { width:100%; height: 70px; margin-bottom: 15px; border-bottom: 2px solid #e0e0e0; position: relative;}
.tits b { line-height: 35px; font-size: 32px; color: #f0f0f2; text-transform:Uppercase; position: absolute; left: 0; top: 0;} 
.tits h3 { float: left; line-height: 70px; font-size: 30px; color: #000; position: relative; z-index: 2;}
.tits a { float:right; height: 35px; line-height: 35px; font-size:14px; color:#fff; margin-top: 18px; padding: 0 15px; border-radius: 4px; overflow: hidden; background: #16a863; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tits a:hover { border-radius: 20px;}

.tits .tabs { float: left;}
.tits .tabs li { float: left; line-height: 70px; font-size: 16px; color: #000; cursor: pointer; margin-left: 35px; position: relative;}
.tits .tabs li::after { display: block; content: ""; width: 0%; height: 4px; margin: auto; background: #16a863; position: absolute; left: 0; right: 0; bottom: -2px;}
.tits .tabs li.on { color: #16a863;}
.tits .tabs li.on::after { width: 100%;}

.grybg { padding: 30px 0; background: #f8f9fb;}

/*视频课程*/
.vid_course { width: 100%;}
.vid_course .swiper-container { padding: 10px 0;}
.vid_course .swiper-slide {  background: #f8f9fb;}
/* height: 590px; */
.vid_course .swiper-slide li { float: left; width: 305px; margin: 0 26px 20px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.vid_course .swiper-slide li:nth-child(4n) { margin-right: 0;}
.vid_course .swiper-slide li .img { width: 305px; height: 185px; overflow: hidden; position: relative;}
.vid_course .swiper-slide li .img img { display: block; width: 305px; height: 185px;}
.vid_course .swiper-slide li .img p { width: 100%; height: 35px; line-height: 35px; font-size: 12px; color: #fff; text-align: right; background: rgba(0,0,0,0.25); position: absolute; right: 0; bottom: 0; z-index: 2;}
.vid_course .swiper-slide li .img p span { margin: 0 10px;}
.vid_course .swiper-slide li .img p span i { font-style: normal; font-size: 14px; margin-right: 3px;}
.vid_course .swiper-slide li .msg { padding: 0 15px 5px 15px; background: #fff;}
.vid_course .swiper-slide li .msg h3 { line-height: 45px; font-size: 16px; color: #333; margin-bottom: 5px; border-bottom: 1px solid #ebebeb; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.vid_course .swiper-slide li .msg span { float: left; max-width: 40%; line-height: 30px; font-size: 12px; color: #999;}
.vid_course .swiper-slide li .msg span i { font-style: normal; color: #333;}
.vid_course .swiper-slide li .msg p { float: right; max-width: 60%; line-height: 30px; font-size: 12px; color: #d21c28;}
.vid_course .swiper-slide li .msg p b { font-size: 18px;}
.vid_course .swiper-slide li:hover { transform:translateY(-10px);}
.vid_course .swiper-slide li:hover .msg h3 { color: #16a863;}

/*直播课程*/
.liv_course { width: 100%;}
.liv_course .swiper-container { padding: 10px 0;}
.liv_course .swiper-slide {  background: #f8f9fb;}
.liv_course .swiper-slide li { float: left; width: 310px; margin: 0 20px 20px 0; border-radius: 4px; overflow: hidden; background: #fff; position: relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.liv_course .swiper-slide li:nth-child(4n) { margin-right: 0;}
.liv_course .swiper-slide li i { display: inline-block; height: 25px; line-height: 25px; font-style: normal; font-size: 14px; color: #999; padding: 0 10px 0 35px; border-radius: 15px; overflow: hidden; background: #f2f2f2 url(../images/pt04.png) no-repeat left center; position: absolute; top: 10px; left: 10px;}
.liv_course .swiper-slide li .on { color: #ff6e0c; background-color: #fff4dd; background-image: url(../images/pt04h.png);}
.liv_course .swiper-slide li .img { width: 305px; height: 183px; border-radius: 4px 4px 0 0; overflow: hidden;}
.liv_course .swiper-slide li .img img { display: block; width: 305px; height: 183px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.liv_course .swiper-slide li .msg { padding: 10px 15px 15px 15px; border: 1px solid #eee; border-radius: 0 0 4px 4px; overflow: hidden;}
.liv_course .swiper-slide li .msg h3 { line-height: 30px; font-size: 18px; color: #000; margin-bottom: 5px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.liv_course .swiper-slide li .msg p { line-height: 25px; font-size: 14px; color: #999;}
.liv_course .swiper-slide li .msg .teach { width: 100%;}
.liv_course .swiper-slide li .msg .teach .lst { float: left; width: 40px; text-align: center; margin: 10px 10px 0 0;}
.liv_course .swiper-slide li .msg .teach .lst img { display: block; width: 30px; height: 30px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.liv_course .swiper-slide li .msg .teach .lst span { display: block; line-height: 20px; font-size: 12px; color: #999; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.liv_course .swiper-slide li .msg .botmm { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;}
.liv_course .swiper-slide li .msg .botmm span { float: left; max-width: 40%; line-height: 40px; font-size: 14px; color: #333;}
.liv_course .swiper-slide li .msg .botmm span b { font-weight: 500; color: #16a863; margin-right: 5px;}
.liv_course .swiper-slide li .msg .botmm a { float: right; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; border-radius: 20px; overflow: hidden;}
.liv_course .swiper-slide li .msg .botmm .zb { background-image: linear-gradient(to right,#39ce48,#16a863);}
.liv_course .swiper-slide li .msg .botmm .yu { background-image: linear-gradient(to right,#ffa04e,#ff7318);}
.liv_course .swiper-slide li:hover { transform:translateY(-10px);}
.liv_course .swiper-slide li:hover .msg h3 { color: #16a863;}

/*四快捷*/
.shortcut { width: 100%;}
.shortcut li { float: left; width: calc(100% / 4 - 93px); margin-right: 30px; padding: 30px 35px; border-radius: 8px; overflow: hidden; position: relative;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.shortcut li::after { display: block; content: ""; width: 130px; height: 115px; background-position: right bottom; background-repeat: no-repeat; position: absolute; right: 0; bottom: 0; z-index: 1;}
.shortcut li:last-child { margin-right: 0;}
.shortcut li h3 { line-height: 45px; font-weight: 500; font-size: 22px; color: #fff; padding-left: 35px; margin-bottom: 15px; background: url(../images/pt05.png) no-repeat left 11px; position: relative; z-index: 2;}
.shortcut li a { display: inline-block; width: 105px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.shortcut li:hover { transform:translateY(-10px);}
.shortcut li:hover a { background: #fff;}
.shortcut .st1 { background-image: linear-gradient(to right,#8789ec,#9ba8ef);}
.shortcut .st1::after { background-image: url(../images/pt06.png);}
.shortcut .st1:hover a { color: #8789ec;}
.shortcut .st2 { background-image: linear-gradient(to right,#fe6657,#ff836f);}
.shortcut .st2::after { background-image: url(../images/pt07.png);}
.shortcut .st2:hover a { color: #fe6657;}
.shortcut .st3 { background-image: linear-gradient(to right,#fdb860,#ffd88d);}
.shortcut .st3::after { background-image: url(../images/pt08.png);}
.shortcut .st3:hover a { color: #fdb860;}
.shortcut .st4 { background-image: linear-gradient(to right,#3ac87e,#6dd8c1);}
.shortcut .st4::after { background-image: url(../images/pt09.png);}
.shortcut .st4:hover a { color: #3ac87e;}

/*通知公告*/
.notic { padding-top: 30px; background: #fff;}
.notic .tits a { color: #999; margin-top: 20px; padding: 0; border-radius: 0; background: none;}
.notic .tits a:hover { color: #16a863;}
.notic li { float: left; width: calc(100% / 3 - 55.5px); margin: 0 20px 20px 0; padding: 15px 20px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.notic li:nth-child(3n) { margin-right: 0;}
.notic li span { display: inline-block; line-height: 30px; font-size: 12px; color: #fff; padding: 0 10px 0 20px; background: #16a863; position: relative; left: -20px;}
.notic li h3 { line-height: 30px; font-size: 18px; color: #333; margin: 15px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.notic li p { height: 50px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden;}
.notic li:hover h3 { color: #16a863;}

/*职业分类*/
/*.career { padding-top: 30px; background: #fff;}
.career .swiper-container { padding-top: 10px;}
.career .swiper-slide { height: 495px; background: #fff;}
.career .swiper-slide li { float: left; width: calc(50% - 23.5px); margin: 0 45px 30px 0;}
.career .swiper-slide li:nth-child(2n) { margin-right: 0;}
.career .swiper-slide li .img { float: left; width: 200px; height: 135px; overflow: hidden;}
.career .swiper-slide li .img img { display: block; width: 200px; height: 135px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.career .swiper-slide li .msg { float: right; width: calc(100% - 220px);}
.career .swiper-slide li .msg h3 { line-height: 30px; font-size: 18px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.career .swiper-slide li .msg p { height: 44px; line-height: 22px; font-size: 14px; color: #999; margin: 15px 0; overflow: hidden;}
.career .swiper-slide li .msg span { display: block; line-height: 25px; font-size: 14px; color: #999;}
.career .swiper-slide li:hover .img img { transform:scale(1.1,1.1);}
.career .swiper-slide li:hover .msg h3 { color: #16a863;}*/

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width: 1300px; margin: 0 auto; padding: 40px 0;}
.showcont { float: left; width: 900px; padding: 20px 25px; border: 1px solid #e8e8e8; border-radius: 4px; overflow:hidden;}
.comlft { float: left; width: 910px; padding: 20px; border: 1px solid #e8e8e8; border-radius: 4px; overflow:hidden;}
.comrgt { float: right; width: 270px; padding: 20px 25px; border: 1px solid #e8e8e8; border-radius: 4px; overflow:hidden;}
.comrgt h1 { line-height: 40px; font-size:24px; color:#333; padding-bottom: 10px;}
.comrgt li { margin-bottom: 20px; padding-top: 20px; border-top:1px solid #e8e8e8;}
.comrgt li:last-child { margin-bottom: 0;}
.comrgt li .img { float: left; width: 90px; height: 60px; overflow: hidden;}
.comrgt li .img img { display: block; width: 100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comrgt li .msg { float: right; width: calc(100% - 105px);}
.comrgt li .msg h3 { font-size: 16px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comrgt li .msg p { line-height: 25px; font-size: 14px; color: #999; margin-top: 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.comrgt li:hover .img img { transform:scale(1.1,1.1);}
.comrgt li:hover .msg h3 { color: #16a863;}
.comchose { width: 100%; margin-bottom: 30px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-radius: 4px; overflow: hidden; }
.comchose li { border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.comchose li span { display: block; float: left; width: 120px; line-height: 35px; font-weight: bold; font-size: 16px; color: #333; text-align: center; padding: 15px 0;}
.comchose li p { float: right; width: calc(100% - 131px); padding: 15px 5px 5px 5px; border-left: 1px solid #eee;}
.comchose li p a { display: inline-block; line-height: 33px; font-size: 15px; color: #666; padding: 0 15px; margin: 0 5px 10px 5px; border: 1px solid #e8e8e8; border-radius: 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comchose li p a:hover { color: #16a863; border-color: #16a863;}
.comchose li p .on { color: #fff !important; border-color: #16a863; background: #16a863;}

/*详情页公用*/
.lh { min-height: 300px; line-height:35px; font-size:16px; color:#333; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; text-align: center;}
.show_h3 h3 { line-height: 40px; font-size:24px; color:#333;}
.show_h3 p { line-height: 35px; font-size:12px; color:#999; margin:10px 0 20px 0; background: #f5f8fa;}
.show_sxp { line-height:25px; font-size:14px; color:#999; margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#666;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#16a863; text-decoration:underline;}
.show_sxp.nwxz p { float:left; width:calc(100% / 3);}
.show_sxp.nwxz p span a { color:#16a863;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { text-align:center; padding-top:20px; overflow:hidden;}
.scott li { display:inline-block; line-height:40px; margin:0 5px; border-radius:2px; overflow:hidden; background:#eee;}
.scott a,.scott span { display:block; padding:0px 20px; font-size:16px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { background:#16a863;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*联系我们*/
.contact { border: 2px solid #f2f3f9;}
.contact li { float: left; width: calc(100% / 3); height: 535px; padding: 45px; border-right: 2px solid #f2f3f9; box-sizing:border-box;}
.contact li:last-child { border-right: none;}
.contact li h3 { line-height: 50px; font-weight: 500; font-size: 24px; color: #333;}
.contact li img { display: block; width: 210px; margin: 20px auto;}
.contact li span { display: block; line-height: 25px; font-size: 14px; color: #999;}
.contact li p { line-height: 30px; font-weight: bold; font-size: 20px; color: #666; margin-bottom: 15px;}
.contact li p a { color: #666;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { float: left; width: calc(100% / 3 - 55.5px); margin: 0 20px 20px 0; padding: 15px 20px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.newlist li:nth-child(3n) { margin-right: 0;}
.newlist li span { display: inline-block; line-height: 30px; font-size: 12px; color: #fff; padding: 0 10px 0 20px; background: #16a863; position: relative; left: -20px;}
.newlist li h3 { line-height: 30px; font-size: 18px; color: #333; margin: 15px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li p { height: 50px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden;}
.newlist li:hover h3 { color: #16a863;}

/*视频课程列表*/
.piclist { width:100%;}
.piclist li { float: left; width: 305px; margin: 0 26.5px 25px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:nth-child(4n) { margin-right: 0;}
.piclist li .img { width: 305px; height: 185px; overflow: hidden; position: relative;}
.piclist li .img img { display: block; width: 305px; height: 185px;}
.piclist li .img p { width: 100%; height: 35px; line-height: 35px; font-size: 12px; color: #fff; text-align: right; background: rgba(0,0,0,0.25); position: absolute; right: 0; bottom: 0; z-index: 2;}
.piclist li .img p span { margin: 0 10px;}
.piclist li .img p span i { font-style: normal; font-size: 14px; margin-right: 3px;}
.piclist li .msg { padding: 0 15px; border: 1px solid #eee; border-radius: 0 0 4px 4px; overflow: hidden;}
.piclist li .msg h3 { line-height: 50px; font-weight: bold; font-size: 16px; color: #333; border-bottom: 1px solid #ebebeb; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg span { float: left; max-width: 40%; line-height: 50px; font-size: 14px; color: #999;}
.piclist li .msg span i { font-style: normal; color: #333;}
.piclist li .msg p { float: right; max-width: 60%; line-height: 50px; font-size: 14px; color: #d21c28;}
.piclist li .msg p b { font-size: 20px;}
.piclist li:hover { transform:translateY(-10px);}
.piclist li:hover .msg h3 { color: #16a863;}

/*直播课程列表*/
.livlist { width:100%;}
.livlist li { float: left; width: 305px; margin: 0 26.5px 25px 0; overflow: hidden; background: #fff; position: relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.livlist li:nth-child(4n) { margin-right: 0;}
.livlist li i { display: inline-block; height: 25px; line-height: 25px; font-style: normal; font-size: 14px; color: #999; padding: 0 10px 0 35px; border-radius: 15px; overflow: hidden; background: #f2f2f2 url(../images/pt04.png) no-repeat left center; position: absolute; left: 15px; top: 15px; z-index: 9;}
.livlist li .on { color: #ff6e0c; background-color: #fff4dd; background-image: url(../images/pt04h.png);}
.livlist li .img { width: 305px; height: 183px; border-radius: 4px 4px 0 0; overflow: hidden;}
.livlist li .img img { display: block; width: 305px; height: 183px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.livlist li .msg { padding: 10px 15px 15px 15px; border: 1px solid #eee; border-radius: 0 0 4px 4px; overflow: hidden;}
.livlist li .msg h3 { line-height: 30px; font-size: 18px; color: #000; margin-bottom: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.livlist li .msg p { line-height: 25px; font-size: 14px; color: #999;}
.livlist li .msg .teach { width: 100%;}
.livlist li .msg .teach .lst { float: left; width: 40px; text-align: center; margin: 10px 10px 0 0;}
.livlist li .msg .teach .lst img { display: block; width: 30px; height: 30px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.livlist li .msg .teach .lst span { display: block; line-height: 20px; font-size: 12px; color: #999; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.livlist li .msg .botmm { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;}
.livlist li .msg .botmm span { float: left; max-width: 40%; line-height: 40px; font-size: 14px; color: #333;}
.livlist li .msg .botmm span b { font-weight: 500; color: #16a863; margin-right: 5px;}
.livlist li .msg .botmm a { float: right; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; border-radius: 20px; overflow: hidden;}
.livlist li .msg .botmm .zb { background-image: linear-gradient(to right,#39ce48,#16a863);}
.livlist li .msg .botmm .yu { background-image: linear-gradient(to right,#ffa04e,#ff7318);}
.livlist li:hover { transform:translateY(-10px);}
.livlist li:hover .img img { transform:scale(1.1,1.1);}
.livlist li:hover .msg h3 { color: #16a863;}

/*直播详情*/
.vidtop { width: 100%; margin-bottom: 25px;}
.vidtop .img { float: left; width: 560px; height: 340px; border-radius: 4px; overflow: hidden;}
.vidtop .img img { display: block; width: 560px; height: 340px;}
.vidtop .msg { float: right; width: calc(100% - 600px);}
.vidtop .msg h3 { line-height: 45px; font-weight: bold; font-size: 28px; color: #333;}
.vidtop .msg i { display: inline-block; height: 25px; line-height: 25px; font-style: normal; font-size: 12px; color: #16a863; padding: 0 10px; margin: 10px 0; border: 1px solid rgba(22,168,99,0.2); border-radius: 4px; overflow: hidden; background: rgba(22,168,99,0.05);}
.vidtop .msg .nr { height: 150px; line-height: 25px; font-size: 14px; color: #666; text-align: justify; margin-bottom: 5px; overflow: hidden;}
.vidtop .msg p { line-height: 45px; font-size: 14px; color: #666;}
.vidtop .msg p span { display: inline-block; margin-right: 20px;}
.vidtop .msg p b { font-size: 14px; color: #333; margin-right: 3px;}
.vidtop .msg a,.vidtop .msg button { display: block; float: left; height: 45px; line-height: 45px; font-size: 15px; color: #fff; text-align: center; margin-right: 20px; padding: 0 20px; border: none; border-radius: 4px; overflow: hidden; background: #16a863;}
.vidtop .msg a { background: #ff9d1e;}
.vidtop .msg #goLianxi { background: #e00;}
.vidtop .msg button span { margin-left: 10px;}
.vidtop .msg button span b { font-size: 20px; position: relative; top: 0;}

.showvid { padding: 20px; border: 1px solid #e8e8e8; border-radius: 4px; overflow: hidden; background: #f6f6f6;}
.showvid .lft { float: left; width: 920px; padding: 10px 20px; border-radius: 4px; overflow: hidden; background: #fff;}
.showvid .lft .layui-tab { margin: 0;}
.showvid .lft .layui-tab-title { height: 50px;}
.showvid .lft .layui-tab-title li { line-height: 50px; font-size: 18px; margin-right: 50px; padding: 0;}
.showvid .lft .layui-tab-title .layui-this { font-weight: bold; font-size: 22px; color: #16a863 !important;}
.showvid .lft .layui-tab-title .layui-this::after { height: 51px; border-bottom: 2px solid #16a863 !important;}
.showvid .lft .layui-tab-content { padding: 15px 0;}
/*.showvid .lft .layui-tab-content .layui-colla-item .layui-colla-title { background-color: #fafafa;}
.showvid .lft .layui-tab-content .layui-colla-item .layui-colla-title span { margin-left: 10px; color: #16a863;}
.showvid .lft .layui-tab-content .layui-colla-item .layui-colla-title .layui-colla-icon { top: 1px;}
.showvid .lft .layui-tab-content .layui-colla-item .layui-colla-title .bts { float: right; height: 32px; line-height: 32px; font-size: 14px; color: #fff; margin-top: 5px; padding: 0 15px; border: none; border-radius: 4px; background: #16a863;}*/
.showvid .lft .layui-tab-content .layui-collapse { width: 100%; border: none;}
.showvid .lft .layui-tab-content .layui-collapse li { width: 100%; position: relative;}
.showvid .lft .layui-tab-content .layui-collapse li::after { display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 10px; top: 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showvid .lft .layui-tab-content .layui-collapse li h3 { line-height: 35px; font-weight: bold; font-size: 16px; color: #333; padding: 5px 0; border-bottom: 1px solid #f5f5f5;}
.showvid .lft .layui-tab-content .layui-collapse li .msg { display: none; width: 100%; padding: 5px 0; border-bottom: 1px solid #f5f5f5;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 { line-height: 40px; font-size: 14px; color: #333; padding: 0 35px;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 span { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #fff; padding: 0 5px; margin-left: 10px; border-radius: 3px 3px 3px 0; position: relative; top: -5px;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 5px 5px; position: absolute; left: -5px; bottom: 0;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 .green { background: #16a863;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 .green::after { border-color: transparent transparent #16a863 transparent;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 .red { background: #e00;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 .red::after { border-color: transparent transparent #e00 transparent;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 .yell { background: #ff9d1e;}
.showvid .lft .layui-tab-content .layui-collapse li .msg h4 .yell::after { border-color: transparent transparent #ff9d1e transparent;}
.showvid .lft .layui-tab-content .layui-collapse li .msg .nr { line-height: 30px; padding: 0 25px;}
.showvid .lft .layui-tab-content .layui-collapse li .msg .nr p { float: left; width: 80%; font-size: 14px; color: #666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.showvid .lft .layui-tab-content .layui-collapse li .msg .nr span { float: right; font-size: 14px; color: #999;}
.showvid .lft .layui-tab-content .layui-collapse .on::after { -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.showvid .lft .layui-tab-content .layui-collapse .on .msg { display: block;}



.showvid .rgt { float: right; width: 275px;}
.showvid .rgt .nrs { padding: 15px; margin-bottom: 15px; border-radius: 4px; overflow: hidden; background: #fff;}
.showvid .rgt .nrs h3 { line-height: 30px; font-weight: bold; font-size: 16px; color: #333; padding-left: 15px; margin-bottom: 10px; position: relative;}
.showvid .rgt .nrs h3::after { display: block; content: ""; width: 4px; height: 18px; background: #16a863; position: absolute; left: 0; top: 6px;}
.showvid .rgt .nrs p { line-height: 30px; font-size: 12px; color: #666;}
.showvid .rgt .nrs p span { display: inline-block; width: 50%;}
.showvid .rgt .nrs p span:last-child { text-align: right;}
.showvid .rgt .nrs .img { display: inline-block; width: 50%; font-size: 0; margin: 5px 0;}
.showvid .rgt .nrs .img img { display: block; float: left; width: 35px; height: 35px; margin-right: 10px; border-radius: 50%; overflow: hidden;}
.showvid .rgt .nrs .img span { display: block; float: left; height: 30px; line-height: 30px; font-size: 12px; color: #333;}

/*弹框*/
.showvidtank { padding: 15px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden; background: #f4f4f4;}
.showvidtank .kcnrs { float: left; width: calc(100% - 340px); padding: 15px 20px; border-radius: 4px; overflow: hidden; background: #fff;}
.showvidtank .kcnrs .nr .tite { line-height: 40px; font-weight: bold; font-size: 24px; color: #333; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.showvidtank .kcnrs .nr .lh { min-height: 60px; margin-bottom: 10px;}

.showvidtank .kcmul { float: right; width: 280px; padding: 15px 0; border-radius: 4px; overflow: hidden; background: #fff;}
.showvidtank .kcmul h3 { line-height: 30px; font-weight: bold; font-size: 16px; color: #333; padding: 0 15px 5px 15px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.showvidtank .kcmul .nr { width: calc(100% - 17px); max-height: 495px; padding: 0 15px; overflow-y: scroll;}
.showvidtank .kcmul .nr li { margin-bottom: 5px; position: relative;}
.showvidtank .kcmul .nr li h4 { line-height: 40px; font-weight: bold; font-size: 14px; color: #333; margin-bottom: 5px; border-bottom: 1px solid #eee;}
.showvidtank .kcmul .nr li p { line-height: 30px; font-size: 12px; color: #666; padding-left: 25px; border-bottom: 1px dashed #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: relative;}
.showvidtank .kcmul .nr li p::before,
.showvidtank .kcmul .nr li p::after { display: block; content: ""; background: #e6e6e6; position: absolute;}
.showvidtank .kcmul .nr li p::before { width: 1px; height: 30px; left: 5px; top: 0px;}
.showvidtank .kcmul .nr li p::after { width: 15px; height: 1px; left: 5px; top: 15px;}
.showvidtank .kcmul .nr li b { font-weight: 500; color: #16a863; margin-left: 5px;}
.showvidtank .kcmul .nr li .red { color: #e00;}
.showvidtank .kcmul .nr .nr li:hover { color: #16a863;}
.showvidtank .kcmul .nr .on { color: #16a863;}


/*职业分类列表*/
.carlist { width:100%;}
.carlist li { float: left; width: calc(50% - 32px); margin: 0 20px 15px 0; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.carlist li:nth-child(2n) { margin-right: 0;}
.carlist li .img { float: left; width: 200px; height: 135px; overflow: hidden;}
.carlist li .img img { display: block; width: 200px; height: 135px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.carlist li .msg { float: right; width: calc(100% - 220px);}
.carlist li .msg h3 { line-height: 30px; font-size: 18px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.carlist li .msg p { height: 50px; line-height: 25px; font-size: 13px; color: #999; margin: 10px 0 15px 0; overflow: hidden;}
.carlist li .msg span { display: block; line-height: 25px; font-size: 12px; color: #999;}
.carlist li:hover .img img { transform:scale(1.1,1.1);}
.carlist li:hover .msg h3 { color: #16a863;}

/*登录、注册*/
.login { min-height:360px; overflow: hidden; background:#fff url(../images/erbanner.jpg) no-repeat center center / cover;}
.login .msg { float:right; width:400px; border:30px solid rgba(255,255,255,0.25); border-radius:8px; overflow:hidden;}
.login .msg .nr { padding:20px 40px; background: rgba(0,0,0,0.25);}
.login .msg .nr .tabs { width:100%; height:60px; text-align:center; margin-bottom: 25px; border-bottom:1px solid #eee; position: relative;}
.login .msg .nr .tabs a { display:inline-block; line-height:60px; font-size:18px; color:#fff; padding:0 20px; position:relative;}
.login .msg .nr .tabs a::after { display:block; content:""; width:0; height:2px; margin:auto; background:#ff9d1e; position:absolute; left:0; right:0; bottom:-1px;}
.login .msg .nr .tabs .on { font-weight:bold; font-size:24px;}
.login .msg .nr .tabs .on::after { width:40%;}

.login .msg .nr .tabs i { display: block; width: 50px; height: 50px; cursor: pointer; background: url(../images/logn.png) no-repeat right top / 100%; position: absolute; top: -15px; right: -35px; z-index: 9;}
.login .msg .nr .tabs .ewm { background-image: url(../images/lognh.png);}

.login .msg .nr h1 { height:50px; text-align:center;}
.login .msg .nr h1 img { display:inline-block; height:50px;}
.login .msg .nr h3 { line-height:40px; font-weight:500; font-size:12px; color:#999; text-align:center; margin-bottom:20px; letter-spacing:2px;}
.login .msg .nr h3 b { font-weight:bold; font-size:24px; color:#ff9d1e; margin:0 30px; position:relative; top:3px;}
.login .msg .nr h3 b::before,.login .msg .nr h3 b::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#ff9d1e; position:absolute; top:12px;}
.login .msg .nr h3 b::before { left:-20px;}
.login .msg .nr h3 b::after { right:-20px;}

.login .msg .nr .zhao { width: 100%;}
.login .msg .nr .zhao li { font-size:12px; color:#999; margin-bottom:15px;}
.login .msg .nr .zhao li input { display:block; width:95%; height:45px; line-height:45px; font-size:14px; color:#333; padding:0 2.5%; border:none; border-radius:2px; overflow:hidden; outline:none;}
.login .msg .nr .zhao .yzm input { float:left; width:50%;}
.login .msg .nr .zhao .yzm img { display:block; float:right; width:135px; height:45px; border-radius:2px;}
.login .msg .nr .zhao .yzm .layui-btn { display:block; float:right; width:130px; height:40px; font-size:14px; margin-right:0 !important; border:none !important; border-radius:2px; background:#16a863;}
.login .msg .nr .zhao li .btn { display:block; width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; margin-top:20px; cursor:pointer; letter-spacing:2px; border-radius:2px; background:#ff9d1e;}
.login .msg .nr .zhao li .solid-checkbox { float:left; width:auto; height:auto; padding:0; margin:1px 8px 0 0;}
.login .msg .nr .zhao li a:hover { color:#16a863; text-decoration:underline;}
.login .msg .nr .zhao li .hint { line-height:30px; font-size:14px; color:#16a863;}
.login .msg .nr .zhao li .hint i { float:left; margin:0 5px 0 0;}

.login .msg .nr .rwmimg { width: calc(100% - 20px); text-align: center; padding: 10px; background: #fff;}
.login .msg .nr .rwmimg .img { width:300px; padding-bottom:10px; margin:0 auto; border:1px solid #ddd; box-sizing:border-box;}
.login .msg .nr .rwmimg .img img { display:block; width:230px; height:230px;}
.login .msg .nr .old-template { width:230px !important;}
.login .msg .nr .old-template .impowerBox .qrcode { margin-top:0 !important; border:1px solid #ddd !important;}

.login .msg .nr p { line-height:25px; font-size:14px; color:#eee; text-align:center; padding-top:10px;}
.login .msg .nr p span { margin:0 40px;}
.login .msg .nr p a { font-weight:bold; font-size:16px; color:#ff9d1e;}
.login .msg .nr p a:hover { text-decoration:underline;}
.login .layui-form-checkbox span { padding-right:0 !important;}
.login .solid-label a { font-size:14px; color:#ff9d1e; cursor:pointer; position:relative; top:2px;}
.login .layui-form-checkbox[lay-skin="primary"] span { color: #fff;}
.login .layui-form-checkbox[lay-skin="primary"] i { border: none;}
.login .layui-form-checked[lay-skin="primary"] i { background-color: #ff9d1e;}

/*空*/
.cartkong { width:100%; text-align:center; padding-top:130px; margin:45px 0; background:url(../images/nocart.png) no-repeat center top;}
.cartkong p { line-height:30px; font-size:16px; color:#333;}
.cartkong a { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:15px auto; border-radius:20px; background:#16a863; -webkit-transition:all .5s ease; transition:all .5s ease;}
.cartkong a:hover { color:#fff; background:#16a863;}

/*充值*/
.mcertif {}
.mcertif .mtit { line-height:50px; font-size:18px; color:#333; padding:0 15px; border-bottom:1px solid #eee; background:#fafafa;}
.mcertif .vipwal { padding:15px;}
.mcertif .vipwal h1 { line-height:40px; font-size:24px; color:#333; margin-bottom:15px; padding:0 15px;}
.mcertif .vipwal li { float:left; width:calc(100% / 4); text-align:center; padding:20px; margin:0 15px 15px 15px; border:1px solid #eee; box-shadow:0 0 10px rgba(22,168,99,0.1); background:#fff;}
.mcertif .vipwal li p { line-height:35px; font-size:12px; color:#999;}
.mcertif .vipwal li p span { font-size:14px; color:#16a863; margin-right:5px; position:relative; top:2px;}
.mcertif .vipwal li p span b { font-size:22px;}
.mcertif .vipwal li a { display:block; line-height:30px; color:#666;}
.mcertif .vipwal .act { border-color:#16a863;}
.mcertif .eval_btn { display:block; width:160px; height:40px; line-height:40px; font-size:14px; color:#fff; margin:0 15px; border:none; border-radius:2px; background:#16a863;}
.mbunit .layui-btn-danger { background:#16a863;}

/*结算页面*/
.settle { width:100%; padding:20px 0;}
.settle h1 { line-height:30px; font-size:16px; color:#666;}
.settle h2 { line-height:30px; font-weight:bold; font-size:14px; color:#333;}
.settle .shdz { padding:10px 20px; margin:10px auto; border:1px solid #eee;}
.settle .shdz li { width:100%; height:25px; line-height:25px; font-size:14px; color:#666; margin:10px auto;}
.settle .shdz li b { display:inline-block; width:100px; text-align:center; margin-right:25px; border:2px solid #16a863; position:relative;}
.settle .shdz li b::before,.settle .shdz li b::after { display:block; content:""; position:absolute;}
.settle .shdz li b::before { width:0; height:0; border-style:solid; border-width:0 0 15px 25px; border-color:transparent transparent #16a863 transparent; bottom:0; right:0; z-index:0;}
.settle .shdz li b::after { width:8px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); right:2px; bottom:3px; z-index:2;}
.settle .shdz li:hover { color:#333; cursor:pointer;}
.settle .shdz .adbtn { width:120px; height:35px; margin:10px 0;}
.settle .shdz .adbtn .btn { display:block; width:100%; height:35px; line-height:35px; font-size:12px; color:#fff; border:none; background:#16a863;}
.settle .list { padding:15px 20px 10px 20px; border:1px solid #eee;}
.settle .list li { padding:10px 0; border-bottom:1px solid #f4f4f4;}
.settle .list li:last-child { border-bottom:none;}
.settle .list li img { float:left; width:100px; height:100px; border-radius:4px; overflow:hidden;}
.settle .list li .msg { float:right; width:calc(100% - 115px);}
.settle .list li .name { float:left; width:60%; height:50px; line-height:25px; font-size:14px; color:#666; overflow:hidden;}
.settle .list li .price { float:left; width:25%; height:25px; line-height:25px; font-size:12px; color:#16a863; text-align:center;}
.settle .list li .price span { font-size:16px; font-weight:bold;}
.settle .list li .num { float:left; width:15%; height:25px; line-height:25px; font-size:15px; color:#666; text-align:center;}
.settle .list li .num i { font-style:normal; font-size:12px; margin-right:2px;}
.settle .list li p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.settle .list li .gge { color:#666; margin-top:10px;}
.settle .count { padding:15px 20px; margin:10px auto; border:1px solid #eee;}
.settle .count li { padding-bottom:10px; margin-bottom:5px; border-bottom:1px solid #f4f4f4;}
.settle .count li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none;}
.settle .count li p { line-height:25px; font-size:12px; color:#999;}
.settle .balance { text-align:right; padding:20px 0;}
.settle .balance p { line-height:30px; font-size:14px; color:#666; padding-right:30px;}
.settle .balance p b { display:inline-block; font-weight:500; font-size:18px; color:#16a863;}
.settle .balance p b::first-letter { font-weight:500; font-size:14px;}
.settle .bottom { padding:20px; background:#fafafa;}
.settle .bottom p { line-height:40px; font-size:15px; color:#333; text-align:right; padding-right:15px;}
.settle .bottom p span { margin-left:30px;}
.settle .bottom p span b { display:inline-block; font-style:normal; font-size:20px; color:#16a863; margin:0 5px;}
.settle .bottom p span:last-child b::first-letter { font-size:14px;}
.settle .bottom .btn { float:right; width:120px; height:45px; line-height:45px; font-weight:bold; font-size:16px; color:#fff; margin-top:5px; border:none; background:#16a863;}

/*会籍查询*/
.membership { width:100%;}
.membership h1 { line-height:80px; font-size:28px; color:#16a863; text-align:center;}
.membership .topnr { width:540px; margin:0 auto;}
.membership .topnr li { width:100%; margin-top:15px;}
.membership .topnr li label { display:block; float:left; width:130px; height:45px; line-height:45px; font-size:16px; color:#333; text-align:center; border:1px solid #eee; border-right:none; border-radius:2px 0 0 2px; box-sizing:border-box; background:#fcfcfc;}
.membership .topnr li input,.membership .topnr li .tag,.membership .topnr li img { display:block; float:left; height:45px; outline:none; border:1px solid #eee; border-radius:0 2px 2px 0; box-sizing:border-box; background:#fff;}
.membership .topnr li input,.membership .topnr li select { line-height:45px; font-size:16px; color:#333; text-align:left; padding:0 10px;}
.membership .topnr li .tag { width:410px; padding-right:20px; position:relative;}
.membership .topnr li .tag::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#bbb transparent transparent transparent; position:absolute; right:8px; top:20px;}
.membership .topnr li .tag select { width:100%; border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.membership .topnr li .dwmc { width:410px;}
.membership .topnr .yzm input { width:260px; margin-right:9px;}
.membership .topnr li .btn { width:160px; color:#fff; text-align:center; margin-left:130px; border-color:#16a863; background:#16a863;}
.membership .topnr li .bg { margin-left:10px; color:#333; border-color:#e6e6e6; background:#eee;}
.membership .mainr { width:100%; margin-top:40px; border-top:1px solid #eee;}
.membership .mainr .result { line-height:30px; font-size:14px; color:#999; margin:20px 0;}
.membership .mainr table { line-height:30px; font-size:14px; color:#333;}
.membership .mainr table th,.membership .mainr table td { padding:5px 10px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.membership .mainr table td:last-child { border-right:1px solid #ddd;}
.membership .mainr table th { line-height:40px; font-size:16px; color:#fff; border-color:#006bbf; background:#16a863;}
.membership .mainr table .nobod td { border:none;}
.membership .mainr .kong { text-align:center; padding-top:150px; background:url(../images/kong.png) no-repeat center top;}
.membership .mainr .kong p { line-height:30px; font-size:14px; color:#666;}