@charset "utf-8";
body { min-width:1200px; font-size:12px; color:#333; font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; margin:0 auto; padding:0; background:#f3f4f8;}
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; color:#000;}
img { border:0;}
ul li { list-style:none;}
input { min-width:auto;}
.wrap { width:1200px; margin:0 auto; position:relative;} 
.fl { float:left;}
.fr { float:right;}

#VCode { cursor:pointer;}
input[type=button],input[type=submit],input[type=file],button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#666;} 
:-moz-placeholder { color:#666;} 
::-moz-placeholder { color:#666;}
:-ms-input-placeholder { color:#666;} 

@font-face { 
	font-family:'FontAwesome'; 
		    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0'); 
	        src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 
	font-weight:normal; 
	 font-style:normal; 
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*头部*/
.header { width:100%; height:70px; box-shadow:0 0 10px rgba(0,0,0,0.05); background:#fff; position:relative; z-index:9999999;}
.header .wrap { position:relative;}
.header .logo { float:left; width:135px; height:40px; margin-top:15px; overflow:hidden;}
.header .logo img { display:block; width:135px; height:40px;}

.header .navs { float:left; max-width:47%; margin-left:30px;}
.header .navs li { float:left; line-height:70px;}
.header .navs li a { display:block; font-size:16px; color:#000; padding:0 15px;}
.header .navs li:hover { background-color:#fafafa;}
.header .navs li:hover a { color:#f60;}

.header .rgt { float:right; max-width:465px;}
.header .login { float:left; font-size:16px; line-height:70px;}
.header .login a { float:left; max-width:120px; font-size:16px; color:#666; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.header .login a:hover { color:#f60;}
.header .login a::after { display:block; content:""; width:1px; height:15px; background:#999; position:absolute; left:0; top:30px;}
.header .login a:first-child::after { display:none;}

.header .search { float:left; width:200px; height:35px; margin-top:17px; border:1px solid #ddd; border-radius:17.5px; position:relative;}
.header .search::after { display:block; content:""; width:1px; height:10px; background:#ddd; position:absolute; right:40px; top:12px;}
.header .search input { display:block; float:left; width:142px; line-height:35px; font-size:12px; color:#333; padding:0 10px; border:none; background:none;}
.header .search .btn { width:35px; background:url(../images/kj_01.png) no-repeat center center;}

.header .wx { float:right; width:37px; height:37px; margin:16px 0 0 10px; background:url(../images/wx.png) no-repeat 0 0; position:relative;}
.header .wx img { display:none; width:120px; height:120px; border:5px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.1); background: #fff; position:absolute; right:0; top:40px;}
.header .wx:hover img { display:block;}

/*导航*/
.nav { width:100%; height:50px; background:#2287ea; position:relative; z-index:9999;}
.nav .meun { float:left; width:170px; position:relative;}
.nav .meun h3 { line-height:50px; font-size:22px; color:#fff; cursor:pointer; padding-right:30px; background:url(../images/muen.png) no-repeat right center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav .meun p { display: none; width:310px; padding:5px 10px; border:1px solid #2287ea; border-top:none; border-radius:0 0 4px 4px; overflow:hidden; background:#fff; position:absolute; left:0; top:50px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav .meun p a { display:inline-block; height:30px; line-height:28px; font-size:14px; color:#333; text-align:center; margin:5px; padding:0 10px; border-radius:15px;}
.nav .meun p a:hover { color:#fff; background-color:#2287ea;}
.nav .meun p .on { color:#fff; box-shadow:0 2px 6px rgba(53,148,58,.5); background:#2287ea;}
.nav .rgt { float:right; width:1020px;}
.nav .rgt li { float:left; position:relative;}
.nav .rgt li p { line-height:50px; padding:0 15px;}
.nav .rgt li p a { display:block; font-size:16px; color:#fff;}
.nav .rgt li p i { display:inline-block; width:0; height:0; margin-left:5px; border-style:solid; border-width:5px 5px 0 5px; border-color:#fff transparent transparent transparent; position:relative; top:-3px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav .rgt li:hover p i { -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.nav .rgt li .subv { display: none; width:calc(120% - 20px); text-align: center; padding:0 10px; border-radius:4px; overflow:hidden; background:#fff; position:absolute; left: -20%; top:50px;}
.nav .rgt li .subv a { display:block; line-height:30px; font-size:14px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav .rgt li .subv a:hover,.nav .rgt li .subv .on { color:#2287ea;}
.nav .meun:hover p,.nav .rgt li:hover .subv { display: block;}

/* 底部 */
.footer { width:100%; line-height:25px; font-size:12px; color:#ccc; text-align:center; margin-top:40px; padding:20px 0; background-color:#282828;}
.footer a { color:#ccc;}
.footer .link { line-height:30px; text-align:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #383838;}
.footer .link span { font-weight:bold; font-size:16px; color:#fff;}
.footer .link a { font-size:14px; color:#bbb; margin-right:20px;}
.footer .menu { width:100%;}
.footer .menu a { line-height:30px; color:#ccc; padding:0 10px; position:relative;}
.footer .menu a::after { display:block; content:""; width:1px; height:10px; background:#999; position:absolute; right:0; top:4px;}
.footer .menu a:last-child::after { display:none;}
.footer .bottom { width:600px; margin:20px auto 0 auto; text-align:center;}
.footer .bottom a { display:inline-block; width:128px; height:48px; margin:0 5px; background-position:0 0; background-repeat:no-repeat; position:relative;}
.footer .bottom .bo1 { background-image:url(../images/footer_03.jpg);}
.footer .bottom .bo2 { background-image:url(../images/footer_05.jpg);}
.footer .bottom .bo3 { background-image:url(../images/footer_07.jpg);}
.footer .bottom .bo4 { width:163px; background-image:url(../images/footer_09.jpg);}
.footer .bottom a img { display:none; width:120px; height:120px; border:5px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.1); position:absolute; right:0; bottom:50px;}
.footer .bottom a:hover img { display:block;}

/*公用标题*/
.tits { width:100%; height:30px; line-height:30px; margin-bottom:15px;}
.tits h1 { float:left; font-weight:bold; font-size:20px; color:#333; padding-left:15px; position:relative;}
.tits h1::after { display:block; content:""; width:3px; height:20px; margin:auto; background:#2287ea; position:absolute; left:0; top:7px;}
.tits a { float:right; font-size:12px; color:#999; padding-right:10px; position:relative;}
.tits a::after { display:block; content:""; width:4px; height:4px; 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:2px; top:13px;}

.swiper-pagination-bullets,.swiper-pagination-custom { bottom:10px !important;}
.swiper-pagination-bullet { display:inline-block; width:6px !important; height:6px !important; filter:alpha(opacity=100); opacity:1; border-radius:50%; background:#000;}
.swiper-pagination-bullet-active { background:#fd7400 !important;}
.swiper-button-next,.swiper-button-prev { display:block; width:20px !important; height:30px !important; margin-top:-15px !important; filter:alpha(opacity=0); opacity:0; background:rgba(0,0,0,0.6); left:auto !important;}
.swiper-button-next::after,.swiper-button-prev::after { font-size:12px !important; color:#fff; position:absolute; top:8px;}
.swiper-button-next { left:0 !important;}
.swiper-button-prev { right:0 !important;}
.swiper-button-next::after { content:"prev" !important; left:6px !important;}
.swiper-button-prev::after { content:"next" !important; right:6px !important;}

/*首页上半部*/
.upper { width:100%; margin-top: 20px;}
.upper .banner { float:left; width:930px; height:400px; overflow:hidden;}
.upper .banner img { display:block; width:930px; height:400px;}
.upper .banner p { width:calc(50% - 20px); height:60px; line-height:60px; font-size:16px; color:#fff; padding:20px 50% 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); position:absolute; left:0; bottom:0; z-index:2;}
.upper .banner .swiper-pagination-bullets { width:calc(45% - 20px); text-align:right; padding-right:20px; left:auto; right:0; bottom:20px;}
.upper .banner .swiper-pagination-bullet { display:inline-block; width:8px; height:8px; filter:alpha(opacity=100); opacity:1; border:1px solid #fff; border-radius:50%; background:none;}
.upper .banner .swiper-pagination-bullet-active { background:#fff;}
.upper .rgt { float:right; width:255px; background:#fff;}
.upper .rgt .tits a { margin-right:15px;}
.upper .rgt .mber { padding:20px 15px 25px 15px; margin-bottom:5px; border-bottom:1px solid #f8f8f8;}
.upper .rgt .mber .img { float:left; width:65px; height:65px; border-radius:50%; overflow:hidden;}
.upper .rgt .mber .img img { display:block; width:100%;}
.upper .rgt .mber .msg { float:right; width:140px; line-height:25px; font-size:14px; color:#333; margin-top:10px;}
.upper .rgt .mber .aniu { display:inline-block; height:30px; line-height:30px; font-size:14px; text-align:center; margin-top:15px; border-radius:2px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.upper .rgt .mber .out,.upper .rgt .mber .log { color:#fff; border:1px solid #fd7400; background:#fd7400;}
.upper .rgt .mber .reg { color:#2287ea; margin-left:6%; border:1px solid #2287ea; background:#fff;}
.upper .rgt .mber .out { width:100%;}
.upper .rgt .mber .log,.upper .rgt .mber .reg { width:45%;}
.upper .rgt .list { width:100%; padding:10px 0;}
.upper .rgt .list li { line-height:35px; padding:0 15px 0 30px; position:relative;}
.upper .rgt .list li::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; left:15px; top:18px;}
.upper .rgt .list li a { display:block; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.upper .rgt .list li:hover a { color:#2287ea;}

/*咸林头条*/
.stories { padding: 10px 20px 15px 20px; margin: 20px auto; background: #fff;}
.stories .nams { float: left; width: 90px; text-align: center;}
.stories .nams h3 { line-height: 35px; font-size: 22px; color: #2287ea;}
.stories .nams p { line-height: 25px; font-size: 14px; color: #fff; text-transform: Uppercase; background: #2287ea;}
.stories .msg { float: right; width: calc(100% - 150px); position: relative;}
.stories .msg::after { display: block; content: ""; width: 1px; height: 50px; margin: auto; background: #eee; position: absolute; left: -25px; top: 0; bottom: 0;}
.stories .msg li { float: left; width: calc(100% / 3 - 32px); height: 30px; line-height: 30px; margin-right: 25px; padding-left: 15px; position: relative;}
.stories .msg li::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 4px; background: #999; position: absolute; left: 0; top: 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.stories .msg li:nth-child(3n) { margin-right: 0;}
.stories .msg li a { display: block; width: 100%; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.stories .msg li:hover::after { background: #2287ea;}
.stories .msg li:hover a { color: #2287ea;}

/*咸林财经课堂*/
.cjket { padding: 15px 20px 20px 20px; background:#fff;}
.cjket li { float: left; width: calc(100% / 4 - 15px); margin-right: 20px; position: relative;}
.cjket li:last-child { margin-right: 0;}
.cjket li i { display: block; height: 25px; line-height: 23px; font-style: normal; font-size: 12px; color: #fff; padding: 0 10px; border-radius: 2px; overflow: hidden; background: rgba(0,0,0,0.5); position: absolute; right: 5px; top: 5px;}
.cjket li .img { width: 100%; height: 145px; overflow: hidden; background: #f8f8f8;}
.cjket li .img img { display: block; width: 100%; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.cjket li .msg { padding: 10px; border: 1px solid #eee; border-top: none; border-radius: 0 0 4px 4px; overflow: hidden;}
.cjket li .msg h3 { line-height: 30px; font-size: 16px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.cjket li .msg p { float: left; width: 60%; height: 25px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cjket li .msg span { float: right; max-width: calc(40% - 10px); height: 25px; line-height: 22px; font-size: 12px; color: #999; text-align: center; padding: 0 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; background: #fff;}
.cjket li .msg .gren { color: #fff; border-color: #2287ea; background: #2287ea;}
.cjket li:hover .img img { transform: scale(1.1,1.1);}
.cjket li:hover .msg h3 { color: #2287ea;}

/*学习中心*/
.studya { padding: 15px 20px 5px 20px; margin: 20px auto; background:#fff;}
.studya .tabs { width: 100%; height: 45px; font-size: 0; text-align: center; padding: 15px 0; margin-bottom: 20px; background: #f3f4f8;}
.studya .tabs li { display: inline-block; line-height: 45px; font-size: 14px; color: #666; cursor: pointer; padding: 0 30px; margin: 0 5px; background: #fff;}
.studya .tabs li a { display: block; line-height: 45px; font-size: 14px; color: #666;}
.studya .tabs .on { color: #fff; background: #2287ea;}
.studya .tabs .on a { color: #fff;}
.studya .swiper-slide { background: #fff;}
.studya .gkke { width: 100%;}
.studya .gkke .lft { float: left; width: 820px;}
.studya .gkke .lft li { float: left; width: calc(100% / 3 - 10px); margin: 0 15px 15px 0;}
.studya .gkke .lft li:nth-child(3n) { margin-right: 0;}
.studya .gkke .lft li .img { width: 100%; height: 135px; overflow: hidden; background: #f8f8f8;}
.studya .gkke .lft li .img img { display: block; width: 100%; height: 135px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .gkke .lft li .msg { padding: 10px; border: 1px solid #eee; border-top: none; border-radius: 0 0 4px 4px; overflow: hidden;}
.studya .gkke .lft li .msg h3 { line-height: 25px; font-size: 16px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .gkke .lft li .msg p { line-height: 20px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.studya .gkke .lft li .msg span { display: block; float: left; width: 50%; line-height: 25px; font-size: 12px; color: #f60; margin-top: 8px;}
.studya .gkke .lft li .msg span b { font-size: 16px;}
.studya .gkke .lft li .msg i { display: block; float: right; width: 40%; height: 30px; line-height: 30px; font-style: normal; font-size: 12px; color: #fff; text-align: center; margin-top: 5px; border-radius: 15px; background: #2287ea;}
.studya .gkke .lft li:hover .img img { transform: scale(1.1,1.1);}
.studya .gkke .lft li:hover .msg h3 { color: #2287ea;}
.studya .gkke .rgt { float: right; width: 280px; padding: 15px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.studya .gkke .rgt .tit { height: 30px; line-height: 30px; font-size: 18px; color: #333; padding-left: 15px; position: relative;}
.studya .gkke .rgt .tit::after { display: block; content: ""; width: 3px; height: 20px; margin: auto; background: #2287ea; position: absolute; left: 0; top: 5px;}
.studya .gkke .rgt li { padding: 15px 0; border-bottom: 1px solid #eee;}
.studya .gkke .rgt li:last-child { padding-bottom: 0; border-bottom: none;}
.studya .gkke .rgt li h3 { line-height: 25px; font-size: 16px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .gkke .rgt li span { display: inline-block; line-height: 25px; font-size: 12px; color: #999; margin-right: 30px;}
.studya .gkke .rgt li p { float: left; width: 60%; line-height: 25px; font-size: 12px; color: #666; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.studya .gkke .rgt li i { display: block; float: right; width: 85px; height: 30px; line-height: 30px; font-style: normal; font-size: 12px; color: #fff; text-align: center; margin-top: 7px; border-radius: 15px; background: #2287ea;}
.studya .gkke .rgt li:hover h3 { color: #2287ea;}
.studya .platfm { width: 100%;}
.studya .platfm .mytbs { width: 100%; height: 40px; text-align: center; margin-bottom: 25px;}
.studya .platfm .mytbs li { display: inline-block; line-height: 40px; font-size: 16px; color: #666; cursor: pointer; margin: 0 25px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .platfm .mytbs li::after { display: block; content: ""; width: 0; height: 2px; margin: auto; background: #2287ea; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .platfm .mytbs .on { font-weight: bold; font-size: 18px; color: #333;}
.studya .platfm .mytbs .on::after { width: 50%;}
.studya .platfm .lst { width: 100%;}
.studya .platfm .lst li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0; position: relative;}
.studya .platfm .lst li:nth-child(4n) { margin-right: 0;}
.studya .platfm .lst li i { display: block; height: 25px; line-height: 23px; font-style: normal; font-size: 12px; color: #fff; padding: 0 10px; border-radius: 2px; overflow: hidden; background: rgba(0,0,0,0.5); position: absolute; right: 5px; top: 5px;}
.studya .platfm .lst li .img { width: 100%; height: 145px; margin-bottom: 5px; overflow: hidden; background: #f8f8f8;}
.studya .platfm .lst li .img img { display: block; width: 100%; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .platfm .lst li h3 { line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .platfm .lst li p { line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.studya .platfm .lst li:hover .img img { transform: scale(1.1,1.1);}
.studya .platfm .lst li:hover h3 { color: #2287ea;}
.studya .news { width: 100%;}
.studya .news .lft { float: left; width: 820px;}
.studya .news .lft li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.studya .news .lft li:last-child { padding-bottom: 0; border-bottom: none;}
.studya .news .lft li .img { float: left; width: 170px; height: 120px; border-radius: 4px; overflow: hidden; background: #f8f8f8;}
.studya .news .lft li .img img { display: block; width: 100%; height: 120px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .news .lft li .msg { float: right; width: calc(100% - 190px);}
.studya .news .lft li .msg h3 { line-height: 35px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .news .lft li .msg p { height: 45px; line-height: 22px; font-size: 12px; color: #999; margin: 5px 0 10px 0; overflow: hidden;}
.studya .news .lft li .msg span { display: inline-block; line-height: 25px; font-size: 12px; color: #666; margin-right: 30px;}
.studya .news .lft li:hover .img img { transform: scale(1.1,1.1);}
.studya .news .lft li:hover .msg h3 { color: #2287ea;}
.studya .news .rgt { float: right; width: 300px;}
.studya .news .rgt li { width: 100%; margin-bottom: 25px; position: relative;}
.studya .news .rgt li:last-child { margin-bottom: 0;}
.studya .news .rgt li i { display: block; height: 25px; line-height: 25px; font-style: normal; font-size: 12px; color: #fff; padding: 0 10px; border-radius: 4px; background: #2287ea; position: absolute; right: 5px; top: 5px; z-index: 2;}
.studya .news .rgt li .img { width: 100%; height: 150px; margin-bottom: 5px; border-radius: 4px 4px 0 0; overflow: hidden;}
.studya .news .rgt li .img img { display: block; width: 100%; height: 150px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .news .rgt li h3 { line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.studya .news .rgt li:hover .img img { transform: scale(1.1,1.1);}
.studya .news .rgt li:hover h3 { color: #2287ea;}

/* 每日财税智荟 */
.mdays { padding: 15px 20px; background:#fff;}
.mdays .mlft { float:left; width:750px;}
.mdays .mlft .mytabs { width:100%; margin-bottom:20px; border-bottom:1px solid #eee;}
.mdays .mlft .mytabs li { float:left; line-height:30px; font-size:16px; color:#666; cursor:pointer; margin-right:30px; padding-bottom:10px; position:relative;}
.mdays .mlft .mytabs li::after { display:block; content:""; width:0; height:3px; margin:auto; border-radius:3px; background:#2287ea; position:absolute; left:0; right:0; bottom:-2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mdays .mlft .mytabs li.on { font-weight:bold; color:#333}
.mdays .mlft .mytabs li.on::after { width:30px;}
.mdays .mlft .mytabs .more { display:block; float:right; line-height:30px; font-size:14px; color:#666; padding-right:15px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mdays .mlft .mytabs .more::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:5px; top:12px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mdays .mlft .mytabs .more:hover { color:#2287ea;}
.mdays .mlft .mytabs .more:hover::after { border-color:#2287ea;}
.mdays .mlft .swiper-slide { background:#fff;}
.mdays .mlft .swiper-slide li { margin-bottom: 15px; padding-bottom: 15px; border-bottom:1px solid #eee;}
.mdays .mlft .swiper-slide li .msg { float:left; width:calc(100% - 230px);}
.mdays .mlft .swiper-slide li:last-child { padding-bottom:0; border-bottom:none;}
.mdays .mlft .swiper-slide li .msg h3 { line-height:40px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mdays .mlft .swiper-slide li .msg p { height:50px; line-height:25px; font-size:14px; color:#999; margin:15px 0; overflow:hidden;}
.mdays .mlft .swiper-slide li .msg b { display:inline-block; line-height:25px; font-weight:500; font-size:14px; color:#333;}
.mdays .mlft .swiper-slide li .msg span { display:inline-block; line-height:25px; font-size:14px; color:#999; margin-left:40px;}
.mdays .mlft .swiper-slide li .img { float:right; width:200px; height:150px; border-radius:6px; overflow:hidden;}
.mdays .mlft .swiper-slide li .img img { display:block; width:200px; height:150px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mdays .mlft .swiper-slide li:hover .img img { transform:scale(1.1,1.1);}
.mdays .mlft .swiper-slide li:hover .msg h3 { color:#2287ea;}
.mdays .mrgt { float:right; width:375px;}
.mdays .mrgt .img { width:375px; height:165px; overflow:hidden;}
.mdays .mrgt .img img { display:block; width:375px; height:165px;}
.mdays .mrgt .lsts { margin-top:15px;}
.mdays .mrgt .lsts h3 { line-height:40px; font-weight:bold; font-size:18px; color:#333; padding-left:25px; background:url(../images/hot.png) no-repeat left center;}
.mdays .mrgt .lsts h3::first-letter { color:#f11818;} 
.mdays .mrgt .lsts li { line-height:45px;}
.mdays .mrgt .lsts li a { display:block; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mdays .mrgt .lsts li a i { display:block; float:left; width:30px; font-style:normal; font-weight:bold; font-size:18px; color:#b2b2b2;}
.mdays .mrgt .lsts li:nth-child(1) a i { color:#f11818;}
.mdays .mrgt .lsts li:nth-child(2) a i { color:#f08f4f;}
.mdays .mrgt .lsts li:nth-child(3) a i { color:#f0db4f;}
.mdays .mrgt .lsts li:hover a { color:#2287ea;}

/* 咸林咨询 */
.seeks { padding: 15px 20px 20px 20px; margin: 20px auto; background:#fff;}
.seeks li { float: left; width: calc(100% / 4 - 15px); height: 230px; margin-right: 20px; position: relative;}
.seeks li::after { display: block; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.65); position: absolute; left: 0; top: 0; z-index: 1;}
.seeks li:last-child { margin-right: 0;}
.seeks li img { display: block; width: 100%; height: 230px;}
.seeks li .msg { width: 100%; text-align: center; position: absolute; left: 0; top: 20%; z-index: 8;}
.seeks li .msg h3 { line-height: 55px; font-size: 22px; color: #fff; letter-spacing: 2px; margin-bottom: 25px; position: relative;}
.seeks li .msg h3::after { display: block; content: ""; width: 20px; height: 2px; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;}
.seeks li .msg span { display: inline-block; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 20px; border-radius: 4px; background: #2287ea; -webkit-transition: all .5s ease; transition: all .5s ease;}
.seeks li:hover .msg span { border-radius: 20px;}

/*企业合作*/
.coopers { padding: 15px 20px 5px 20px; background:#fff;}
.coopers li { float: left; width: calc(100% / 6 - 24.5px); height: 80px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.coopers li:nth-child(6n) { margin-right: 0;}
.coopers li a { display: table-cell; width: 100vw; height: 80px; vertical-align: middle;}
.coopers li a img { display: block; max-width: 100%; height: 80px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.coopers li:hover a img { transform: scale(0.95,0.95);}



/*热门问答*/
.popularqa { width:100%; padding-bottom:20px;}
.popularqa .tits { margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #e6e6e6;}
.popularqa .tits h3 { float:left; width:192px; height:30px; background:url(../images/rmwd.jpg) no-repeat left center;}
.popularqa li { float:left; width:260px; margin:0 13px 15px 0; padding:15px; border-radius:4px; overflow:hidden; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.popularqa li:nth-child(4n) { margin-right:0;}
.popularqa li a { display:block; width:100%;}
.popularqa li i { display:inline-block; height:25px; line-height:25px; font-style:normal; font-size:12px; color:#fc6d2b; padding:0 10px; border-radius:15px; background:#fef1eb;}
.popularqa li p { height:44px; line-height:22px; font-size:14px; color:#333; margin:10px 0 15px 0; overflow:hidden;}
.popularqa li span { float:left; max-width:60%; line-height:25px; font-size:12px; color:#999; padding-left:25px; background:url(../images/look.jpg) no-repeat left center;}
.popularqa li b { float:right; width:60px; line-height:25px; font-size:12px; color:#2287ea; text-align:center; border:1px solid #2287ea; border-radius:15px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.popularqa li:hover { box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.popularqa li:hover b { color:#fff; background:#2287ea;}

/*职称考试*/
.titexam { width:100%; padding:30px 0; background:#fff;}
.titexam .mytabs { float:left; margin-left:50px;}
.titexam .mytabs li { float:left; height:30px; line-height:30px; font-size:14px; color:#666; margin-right:30px; cursor:pointer; position:relative;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.titexam .mytabs li::after { display:block; content:""; width:0; height:1px; margin:auto; background:#2287ea; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.titexam .mytabs .on { font-size:16px; color:#2287ea;}
.titexam .mytabs .on::after { width:100%;}
/* .titexam .mynr { height:490px;} */
.titexam .swiper-slide { background:#fff;}
.titexam .swiper-slide-active { filter:alpha(opacity=100) !important; opacity:1 !important;}
.titexam .megs { float:left; width:890px;}
.titexam .megs li { float:left; width:425px; margin-right:40px;}
.titexam .megs li:nth-child(2n) { margin-right:0 !important;}
.titexam .megs .top { width:100%; margin:25px 0 15px 0;}
.titexam .megs .top li a { display:block; width:100%;}
.titexam .megs .top li .img { float:left; width:195px; height:120px; border-radius:4px; overflow:hidden; background:#eee;}
.titexam .megs .top li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.titexam .megs .top li .msg { float:right; width:220px;}
.titexam .megs .top li .msg h3 { height:45px; line-height:22px; font-size:15px; color:#333; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.titexam .megs .top li .msg p { height:40px; line-height:20px; font-size:12px; color:#bbb; margin:5px 0 10px 0; overflow:hidden;}
.titexam .megs .top li .msg span { display:block; font-size:13px; color:#999;}
.titexam .megs .top li:hover .img img { transform:scale(1.1,1.1);}
.titexam .megs .top li:hover .msg h3 { color:#2287ea;}
.titexam .megs .lst { width:100%;}
.titexam .megs .lst li { line-height:40px; border-bottom:1px solid #f4f4f4;}
.titexam .megs .lst li a { display:block; float:left; width:80%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.titexam .megs .lst li span { display:block; float:right; font-size:12px; color:#999;}
.titexam .megs .lst li:hover a { color:#2287ea;}
.titexam .recours { float:right; width:280px; margin-top:25px;}
.titexam .recours li { float: left; width:135px; margin:15px 10px 0 0;}
.titexam .recours li:nth-child(2n) { margin-right: 0;}
.titexam .recours li a { display:block; width:100%;}
.titexam .recours li .img { width:135px; height:75px; border-radius:4px 4px 0 0; overflow:hidden; background:#eee;}
.titexam .recours li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.titexam .recours li h3 { height:45px; line-height:22px; font-size:14px; color:#333; margin:7px 0; overflow:hidden;}
.titexam .recours li .user { float:left; max-width:60%; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.titexam .recours li .user img { float:left; width:25px; height:25px; border-radius:50%; overflow:hidden;}
.titexam .recours li .user span { float:left; width:calc(100% - 30px); font-size:12px; color:#777; margin-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.titexam .recours li i { float:right; width:45px; line-height:25px; font-style:normal; font-size:12px; color:#f56437; text-align:center; border:1px solid #f56437; border-radius:15px;}
.titexam .recours li:hover .img img { transform:scale(1.1,1.1);}
.titexam .recours li:hover h3 { color:#2287ea;}
.titexam .fourlst { width:890px; position:absolute; left:0; bottom:0; z-index:2;}
.titexam .fourlst li { float:left; width:25%; height:70px; background-repeat:no-repeat; background-position:left center;}
.titexam .fourlst li a { display:block; padding:5px 5% 5px 75px;}
.titexam .fourlst li h3 { line-height:25px; font-weight:bold; font-size:18px; color:#333; margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.titexam .fourlst li p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.titexam .fourlst .fr1 { background-image:url(../images/fr1.png);}
.titexam .fourlst .fr2 { background-image:url(../images/fr2.png);}
.titexam .fourlst .fr3 { background-image:url(../images/fr3.png);}
.titexam .fourlst .fr4 { background-image:url(../images/fr4.png);}

/*实训操作*/
.trainop { width:100%; padding:30px 0;}
.trainop .tits { margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #e6e6e6;}
.trainop .mytabs { float:left; max-width:65%; margin-left:50px;}
.trainop .mytabs li { float:left; height:30px; line-height:30px; font-size:16px; color:#666; margin-right:30px; cursor:pointer; position:relative;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.trainop .mytabs li::after { display:block; content:""; width:0; height:2px; margin:auto; background:#2287ea; position:absolute; left:0; right:0; bottom:-5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.trainop .mytabs .on { font-weight:bold; color:#2287ea;}
.trainop .mytabs .on::after { width:100%;}
.trainop .mynr { padding:30px; background:#fff;}
.trainop .swiper-slide { background:#fff;}
.trainop .swiper-slide-active { filter:alpha(opacity=100) !important; opacity:1 !important;}
.trainop .megs { width:100%;}
.trainop .megs a { display:block; width:100%;}
.trainop .megs .img { float:left; width:560px; height:280px; border-radius:6px; overflow:hidden; background:#eee;}
.trainop .megs .img img { display:block; width:100%; position:relative; z-index:0;}
.trainop .megs .msg { float:left; width:525px; height:250px; padding:15px 20px; margin-left:15px; border-radius:6px; background:#f2f7fd;}
.trainop .megs .msg li { line-height:36px;}
.trainop .megs .msg a { display:block; float:left; max-width:85%; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.trainop .megs .msg span { display:block; float:right; font-size:12px; color:#999;}
.trainop .lst { width:100%;}
.trainop .lst li { float:left; width:270px; margin:20px 20px 0 0; border-radius:6px; box-shadow:0 2px 5px rgba(0,0,0,0.05); overflow:hidden;}
.trainop .lst li:nth-child(4n) { margin-right:0;}
.trainop .lst li a { display:block; width:100%;}
.trainop .lst li .img { width:270px; height:150px; overflow:hidden; background:#eee;}
.trainop .lst li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.trainop .lst li .msg { padding:10px;}
.trainop .lst li .msg h3 { line-height:30px; font-size:15px; color:#333; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.trainop .lst li .msg p { line-height:25px; font-size:12px; color:#999;}
.trainop .lst li:hover .img img { transform:scale(1.1,1.1);}
.trainop .lst li:hover .msg h3 { color:#2287ea;}

/*会计热文*/
.hotext { width:100%; padding:10px 0;}
.hotext .mytabs { float:left; margin-left:50px;}
.hotext .mytabs li { float:left; height:30px; line-height:30px; font-size:14px; color:#666; margin-right:30px; cursor:pointer; position:relative;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotext .mytabs li::after { display:block; content:""; width:0; height:1px; margin:auto; background:#2287ea; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotext .mytabs .on { font-size:16px; color:#2287ea;}
.hotext .mytabs .on::after { width:100%;}
.hotext .swiper-slide { background:#f3f4f8;}
.hotext .swiper-slide-active { filter:alpha(opacity=100) !important; opacity:1 !important;}
.hotext .mynr { width:100%;}
.hotext .mynr li { float:left; width:560px; margin:20px 20px 0 0; padding:15px; border-radius:6px; overflow:hidden; background:#fff;}
.hotext .mynr li:nth-child(2n) { margin-right:0;}
.hotext .mynr li a { display:block; width:100%;}
.hotext .mynr li .img { float:left; width:200px; height:120px; border-radius:6px; overflow:hidden; background:#eee;}
.hotext .mynr li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotext .mynr li .msg { float:right; width:345px;}
.hotext .mynr li .msg h3 { height:44px; line-height:22px; font-size:16px; color:#333; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotext .mynr li .msg p { height:40px; line-height:20px; font-size:12px; color:#999; margin:7px auto;}
.hotext .mynr li .msg span { line-height:22px; font-size:12px; color:#666;}
.hotext .mynr li:hover .img img { transform:scale(1.1,1.1);}
.hotext .mynr li:hover .msg h3 { color:#2287ea;}

/*教师团队*/
.thteam { width:100%; padding:30px 0 50px 0;}
.thteam .tits { margin-bottom:20px;}
.thteam a { display:block; width:100%; height:280px; border-radius:6px; overflow:hidden; position:relative;}
.thteam img { display:block; width:100%; height:280px; background:#333;}
.thteam .msg { width:calc(100% - 30px); text-align:center; padding:10px 15px; background:rgba(0,0,0,0.4); position:absolute; left:0; bottom:0; z-index:2;}
.thteam .msg h3 { line-height:30px; font-weight:bold; font-size:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.thteam .msg p { line-height:25px; font-size:12px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.thteam .swiper-button-next,.thteam .swiper-button-prev { width:30px !important; height:60px !important; line-height:45px; margin-top:-35px !important; filter:alpha(opacity=100); opacity:1;}
.thteam .swiper-button-next { border-radius:0 6px 6px 0;}
.thteam .swiper-button-prev { border-radius:6px 0 0 6px;}
.thteam .swiper-button-next::after { left:10px !important;}
.thteam .swiper-button-prev::after { right:10px !important;}

/*********内页*********/
.myrgt { float:right; width:325px;}
.myrgt .teach { padding:10px 15px; background:#fff;}
.myrgt .teach .swiper-slide { width:100%; background:#fff;}
.myrgt .teach .swiper-slide a { display:block; width:100%; height:155px; background:url(../images/kj_08.jpg) no-repeat center center;}
.myrgt .teach .swiper-slide .img { float:left; width:140px; height:155px; overflow:hidden;}
.myrgt .teach .swiper-slide .img img { display:block; width:100%;}
.myrgt .teach .swiper-slide .msg { float:right; width:150px; padding-top:15px;}
.myrgt .teach .swiper-slide .msg h3 { line-height:25px; font-weight:bold; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.myrgt .teach .swiper-slide .msg span { display:block; line-height:22px; font-size:12px; color:#666; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.myrgt .teach .swiper-slide .msg p { line-height:22px; font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.myrgt .teach:hover .swiper-button-next,.myrgt .teach:hover .swiper-button-prev { filter:alpha(opacity=100); opacity:1;}
.myrgt .openke { padding:10px 15px; margin:15px auto; background:#fff;}
.myrgt .openke li { width:100%; padding-top:10px; margin-top:12.5px; border-top:1px solid #f8f8f8; position:relative;}
.myrgt .openke li i { display:block; width:35px; height:20px; line-height:20px; font-style:normal; font-size:12px; color:#fc7500; text-align:center; border-radius:0 0 25% 0; background:#ffeeda; position:absolute; left:-15px; top:0;}
.myrgt .openke li .img { float:left; width:45px; height:45px; margin-top:10px; border-radius:50%; overflow:hidden;}
.myrgt .openke li .img img { display:block; width:100%;}
.myrgt .openke li .msg { float:left; width:170px; margin:0 15px;}
.myrgt .openke li .msg h3 { height:45px; line-height:20px; overflow:hidden;}
.myrgt .openke li .msg h3 a { display:block; font-size:14px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.myrgt .openke li .msg h3 a:hover { color:#2287ea; text-decoration:underline;}
.myrgt .openke li .msg p { font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.myrgt .openke li .msg p span { display:inline-block; margin-right:10px; position:relative;}
.myrgt .openke li .msg p span::after { display:block; content:""; width:1px; height:10px; background:#ddd; position:absolute; right:-8px; top:5px;}
.myrgt .openke li .msg p span:last-child { margin-right:0;}
.myrgt .openke li .msg p span:last-child::after { display:none;}
.myrgt .openke li .aniu { float:right; width:50px; line-height:22px; font-size:12px; text-align:center; margin-top:10px;}
.myrgt .openke li .aniu a { display:block; color:#2287ea; margin-bottom:3px; border:1px solid #2287ea; border-radius:15px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.myrgt .openke li .aniu p { color:#999;}
.myrgt .openke li .aniu a:hover { color:#fff; background:#2287ea;}
.myrgt .imgs { padding:10px; background:#fff;}
.myrgt .imgs li { margin-bottom:10px; overflow:hidden;}
.myrgt .imgs li:last-child { margin-bottom:0;}
.myrgt .imgs li a,.myrgt .imgs li img { display:block; width:100%;}

/*表单*/
.layui-form-item { margin-bottom:15px;}
.layui-form-item label { float:left; width:80px; height:43px; line-height:43px; font-size:14px; color:#333; text-align:center; border:1px solid #e6e6e6; border-right:none; background:#f9f9f9;}
.layui-form-item input { float:left; width:252px; height:43px; line-height:43px; font-size:14px; color:#333; padding:0 10px; border:1px solid #e6e6e6; background:#fff;}
.layui-btn { display:block; width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; letter-spacing:4px; border-radius:25px; background:#2287ea;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*新闻列表页*/
.alllist { margin-bottom:30px;}
.alllist .lft { float:left; width:815px; padding:20px; background:#fff;}
.alllist .lft h1 { height:50px; line-height:50px; font-weight:bold; font-size:20px; color:#000; margin-bottom:20px; padding-left:15px; border-bottom:1px solid #eee; position:relative;}
.alllist .lft h1::after { display:block; content:""; width:4px; height:25px; margin:auto; background:#2287ea; position:absolute; left:0; top:0; bottom:0;}

.alllist .lft .navfl { width:100%; padding-bottom:10px;}
.alllist .lft .navfl a { display:inline-block; height:35px; line-height:35px; font-size:15px; color:#333; padding:0 15px; margin:0 5px 5px 0; border:1px solid #eee; border-radius:2px; overflow:hidden; background:#f8f8f8; -webkit-transition:all .3s ease; transition:all .3s ease;}
.alllist .lft .navfl a:hover,.alllist .lft .navfl .on { color:#fff; border-color:#2287ea; background:#2287ea;}

.alllist .lft .lst { width:100%;}
.alllist .lft .lst li { width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee;}
.alllist .lft .lst li:last-child { padding-bottom:10px; margin-bottom:0; border-bottom:none;}
.alllist .lft .lst li a { display:block; width:100%;}
.alllist .lft .lst li .img { float:left; width:200px; height:120px; overflow:hidden;}
.alllist .lft .lst li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alllist .lft .lst li .msg { float:right; width:580px;}
.alllist .lft .lst li .msg h3 { line-height:35px; font-weight:500; font-size:22px; color:#036;}
.alllist .lft .lst li .msg p { height:50px; line-height:25px; font-size:14px; color:#666; margin-bottom:10px; overflow:hidden;}
.alllist .lft .lst li .msg span { display:block; line-height:25px; font-size:12px; color:#999;}
.alllist .lft .lst li:hover .img img { transform:scale(1.1,1.1);} 
.alllist .lft .lst li:hover .msg h3 { color:#2287ea;}

.alllist .lft .qalst { width:100%;}
.alllist .lft .qalst li { width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f4f4f4;}
.alllist .lft .qalst li a { display:block; width:100%;}
.alllist .lft .qalst li h3 { line-height:30px; font-weight:bold; font-size:16px; color:#333;}
.alllist .lft .qalst li h3 i { float:left; width:35px; height:20px; line-height:20px; font-style:normal; font-size:12px; color:#2287ea; text-align:center; margin:5px 10px 0 0; border:1px solid #2287ea; border-radius:12px; background:#fff;}
.alllist .lft .qalst li p { line-height:25px; font-size:12px; color:#999; padding-left:45px;}
.alllist .lft .qalst li p span { display:inline-block; margin-right:20px;}
.alllist .lft .qalst li:hover h3 { color:#2287ea;}

/*图片列表*/
.piclist { padding:10px 20px 20px 20px; margin-bottom:30px; background:#fff;}
.piclist .tits { height:50px; line-height:50px; border-bottom:1px solid #eee;}
.piclist .tits h1 { float:left; font-weight:bold; font-size:20px; color:#000; padding-left:15px; position:relative;}
.piclist .tits h1::after { display:block; content:""; width:4px; height:25px; margin:auto; background:#f60; position:absolute; left:0; top:0; bottom:0;}
.piclist .tits .search { float:right; height:35px; line-height:35px; margin-top:7.5px; border-radius:17.5px; background:#f1f1f1;}
.piclist .tits .search input { float:left; width:140px; padding:0 15px; height:35px; line-height:35px; font-size:14px; color:#333; border:none; background:none;}
.piclist .tits .search .btn { width:50px; background:url(../images/search.png) no-repeat center center;}
.piclist .chose { width:100%; margin:20px 0;}
.piclist .chose li { width:100%; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #f6f6f6;}
.piclist .chose li b { float:left; width:75px; line-height:25px; font-size:14px; color:#333;}
.piclist .chose li p { float:right; width:calc(100% - 75px);}
.piclist .chose li p a { display:inline-block; line-height:25px; font-size:12px; color:#666; margin:0 5px 5px 0; padding:0 10px;}
.piclist .chose li p a:hover,.piclist .chose li p .on { color:#fff; border-radius:12.5px; background:#f60;}
.piclist .lst { width:100%;}
.piclist .lst li { float:left; width:280px; margin:0 13px 15px 0;}
.piclist .lst li:nth-child(4n) { margin-right:0;}
.piclist .lst li a { display:block; width:100%;}
.piclist .lst li .img { width:280px; height:180px; border-radius:4px; overflow:hidden; position:relative;}
.piclist .lst li .img::after { display:block; content:""; width:96px; height:96px; margin:auto; background:url(../images/video_play.png) no-repeat 0 0; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.piclist .lst li .img img { display:block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist .lst li:hover .img img { transform:scale(1.1,1.1);}
.piclist .lst li p { line-height:25px; font-size:16px; color:#000; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*详情页*/
.current { line-height:30px; font-size:12px; color:#666; margin:10px auto; padding-left:20px; background:url(../images/dqwz.png) no-repeat left 8px;}
.current a { color:#2287ea;}
.detashow { margin-bottom:30px;}
.detashow .lft { float:left; width:800px; min-height:690px; padding:20px; background:#fff;}
.detashow .lft .showtop { width:100%; text-align:center; margin:10px 0 25px 0;}
.detashow .lft .showtop h1 { line-height:40px; font-weight:bold; font-size:26px; color:#333; padding-bottom:15px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.detashow .lft .showtop p { line-height:25px; font-size:12px; color:#666;}
.detashow .lft .showtop p i { font-style:normal; color:#f60;}
.detashow .lft .lh { line-height:25px; font-size:12px; color:#666; text-align:justify;}
.detashow .lft .lh img { max-width:100%; height:auto !important;}

.detashow .lft .nsg { margin-top:15px; border-left:1px solid #eee; border-top:1px solid #eee;}
.detashow .lft .nsg td { text-align:left; padding:10px 20px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.detashow .lft .nsg td p { line-height:25px; font-size:14px; color:#999;}
.detashow .lft .nsg td p span { color:#666;}

.detashow .lft .glyphicon { float:left; width:40%; margin:20px 0; padding:20px 0;}
.detashow .lft .glyphicon span { display:inline-block; line-height:25px; font-size:14px; color:#999; text-align:center; margin-right:40px;}
.detashow .lft .glyphicon span i { display:block; width:50px; height:50px; margin:0 auto 5px auto; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:30px;}
.detashow .lft .glyphicon .glyphicon-yen i { background-color:#ddd; background-image:url(../images/xl01.png);}
.detashow .lft .glyphicon .glyphicon-heart i { background-color:#ddd; background-image:url(../images/xl02.png);}
.detashow .lft .glyphicon .glyphicon-heart.on i { background-color:#ea4c89;}

.detashow .lft  .share { float:right; max-width:60%; height:30px; line-height:30px; margin-top:55px; padding:20px 0;}

.detashow .lft .course { width:100%; margin:30px auto;}
.detashow .lft .course p { line-height:30px; font-size:14px; color:#f60;}
.detashow .lft .course p b { color:#333;}

.detashow .lft .show_sxp { font-size:12px; line-height:25px; color:#666; margin-top:30px;}
.detashow .lft .show_sxp p { max-width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.detashow .lft .show_sxp a { color:#f60;}
.detashow .lft .show_sxp p a:hover { text-decoration:underline;}

.detashow .lft .comment { width:100%; margin-top:20px;}
.detashow .lft .comment .layui-btn { width:130px; letter-spacing:2px; border-radius:4px;}
.detashow .lft .comment li { margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.detashow .lft .comment li .name { width:100%;}
.detashow .lft .comment li .name h3 { float:left; font-size:14px; color:#333;}
.detashow .lft .comment li .name p { float:right; font-size:12px; color:#999;}
.detashow .lft .comment li .reply { color:#f60; margin-left:15px;}
.detashow .lft .comment li .msg { width:100%; line-height:25px; font-size:12px; color:#666; margin:10px auto;}
.detashow .lft .comment li .list { padding:15px; margin-top:5px; background:#fafafa;}
.detashow .lft .comment li .list b { color:#f60;}

.detashow .lft .coprt { line-height:25px; font-size:13px; color:#999; margin-bottom:30px; padding:10px; border:1px dashed #999;margin-top: 10px;}
.detashow .rgt { float:right; width:340px;}
.detashow .rgt .name { text-align:center; padding:20px; margin:30px auto 10px auto; background:#fff; position:relative;}
.detashow .rgt .name .img { width:80px; height:80px; margin:0 auto; border-radius:50%; overflow:hidden; background:#ddd; position:absolute; top:-30px; left:0; right:0;}
.detashow .rgt .name .img img { display:block; width:100%;}
.detashow .rgt .name h3 { line-height:30px; font-size:20px; color:#333; margin-top:40px;}
.detashow .rgt .name p { line-height:20px; font-size:14px; color:#666;}
.detashow .rgt .name span { line-height:30px; font-size:12px; color:#999;}
.detashow .rgt .imgs { padding:10px; background:#fff;}
.detashow .rgt .imgs li { margin-bottom:10px; overflow:hidden;}
.detashow .rgt .imgs li:last-child { margin-bottom:0;}
.detashow .rgt .imgs li a,.detashow .rgt .imgs li img { display:block; width:100%;}

.detashow .rgt .mgs { background:#fff;}
.detashow .rgt .mgs .titl { line-height:50px; padding:0 15px; background:#fafafa; position:relative;}
.detashow .rgt .mgs .titl::after { display:block; content:""; width:4px; height:20px; background:#f60; position:absolute; left:0; top:16px;}
.detashow .rgt .mgs .titl h3 { float:left; font-weight:bold; font-size:16px; color:#333;}
.detashow .rgt .mgs .titl a { float:right; font-size:12px; color:#999;}
.detashow .rgt .mgs .lst { padding:10px 15px;}
.detashow .rgt .mgs .lst li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd;}
.detashow .rgt .mgs .lst li a { display:block; width:100%;}
.detashow .rgt .mgs .lst li h3 { line-height:25px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.detashow .rgt .mgs .lst li span { display:block; line-height:25px; font-size:12px; color:#999;}
.detashow .rgt .mgs .lst li:hover h3 { color:#f60;}

.combtn { display: block; width: 150px; height: 50px; line-height: 50px; font-size: 22px; color: #fff; text-align: center; margin-top: 20px; border-radius: 4px; background: #2287ea;}
.detashow .lft .qalst { width:100%;}
.detashow .lft .qalst h1 { height:50px; line-height:50px; font-weight:bold; font-size:20px; color:#000; margin-bottom:20px; padding-left:15px; border-bottom:1px solid #eee; position:relative;}
.detashow .lft .qalst h1::after { display:block; content:""; width:4px; height:25px; margin:auto; background:#f60; position:absolute; left:0; top:0; bottom:0;}
.detashow .lft .qalst li { width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f4f4f4;}
.detashow .lft .qalst li a { display:block; width:100%;}
.detashow .lft .qalst li h3 { line-height:30px; font-size:16px; color:#333;}
.detashow .lft .qalst li h3 i { float:left; width:35px; height:20px; line-height:20px; font-style:normal; font-size:12px; color:#2287ea; text-align:center; margin:5px 10px 0 0; border:1px solid #2287ea; border-radius:12px; background:#fff;}
.detashow .lft .qalst li p { line-height:25px; font-size:12px; color:#999; padding-left:45px;}
.detashow .lft .qalst li p span { display:inline-block; margin-right:20px;}
.detashow .lft .qalst li:hover h3 { color:#2287ea;}


.qanswer .lft .showtop { text-align:left;}
.qanswer .lft .showtop h1 { padding-bottom:0; margin-bottom:0; border-bottom:none;}
.qanswer .lft .showtop h1 i { float:left; width:30px; height:30px; line-height:30px; font-style:normal; font-weight:500; font-size:18px; color:#fff; text-align:center; margin:7px 10px 0 0; border-radius:15px; background:#2287ea;}
.qanswer .lft .showtop p { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.qanswer .lft .comment h1 { line-height:50px; font-weight:bold; font-size:22px; color:#333; margin:40px 0 20px 0; border-bottom:1px solid #ddd; position:relative;}
.qanswer .lft .comment h1::after { display:block; content:""; width:40px; height:2px; background:#2287ea; position:absolute; left:0; bottom:-1px;}
.qanswer .lft .comment li { margin:0 0 15px 0; padding:0 0 15px 0; border-top:none; border-bottom:1px solid #eee;}

/*教师列表*/
.teachers { padding:20px; margin-bottom:30px; background:#fff;}
.teachers li { float:left; width:215px; margin:0 21px 20px 0;}
.teachers li:nth-child(5n) { margin-right:0;}
.teachers li a { display:block; width:100%;}
.teachers li .img { width:215px; height:240px; border-radius:4px; overflow:hidden; background:#333;}
.teachers li .img img { display:block; width:215px; height:240px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.teachers li h3 { line-height:30px; font-weight:bold; font-size:16px; color:#333; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.teachers li p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.teachers li:hover img { transform:scale(1.1,1.1);}
.teachers li:hover h3 { color:#2287ea;}

/*教师详情*/
.teachshow { width:100%; margin-bottom:30px;}
.teachshow h2 { line-height:30px; font-weight:bold; font-size:22px; color:#333; margin-bottom:20px; position:relative;}
.teachshow h2 b { font-size:26px; position:relative; top:3px;}
.teachshow h2::after { display:block; content:""; width:3px; height:20px; margin:auto; background:#2287ea; position:absolute; left:-15px; top:10px;}
.teachshow .lh { line-height:25px; font-size:12px; color:#666; text-align:justify;}
.teachshow .lh img { max-width:100%; height:auto !important;}
.teachshow .top { margin-bottom:15px; border:15px solid #fff; border-radius:4px; overflow:hidden; background:#fafafa;}
.teachshow .top .img { float:left; width:380px; height:420px; overflow:hidden; background:#f5fafe; position:relative;}
.teachshow .top .img::before,.teachshow .top .img::after { display:block; content:""; border-radius:50%; position:absolute; z-index:1;}
.teachshow .top .img::before { width:300px; height:300px; background:#e9f3ff; bottom:-150px; left:-50px;}
.teachshow .top .img::after { width:140px; height:140px; background:#e8f1f8; top:-80px; right:10px;}
.teachshow .top .img img { display:block; width:100%; position:relative; z-index:2;}
.teachshow .top .msg { float:right; width:700px; padding:30px 45px;}
.teachshow .top .msg h1 { line-height:55px; font-size:30px; color:#333;}
.teachshow .top .msg h3 { line-height:40px; font-size:18px; color:#2287ea; padding-left:28px; margin-top:20px; background:url(../images/xl03.png) no-repeat left 11px / 20px;}
.teachshow .lfts { float:left; width:830px; padding:15px; background:#fff;}
.teachshow .course { width:100%;}
.teachshow .course li { float:left; width:260px; margin:0 25px 20px 0;}
.teachshow .course li:nth-child(3n) { margin-right:0;}
.teachshow .course li a { display:block; width:100%;}
.teachshow .course li .img { width:260px; height:160px; border-radius:4px 4px 0 0; overflow:hidden;}
.teachshow .course li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.teachshow .course li p { line-height:35px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.teachshow .course li:hover .img img { transform:scale(1.1,1.1);}
.teachshow .course li:hover p { color:#2287ea;}
.teachshow .quiz { width:100%;}
.teachshow .quiz .layui-btn-danger { width:130px; letter-spacing:2px; border-radius:4px;}
.teachshow .quiz li { margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.teachshow .quiz li .img { float:left; width:50px; height:50px; border:3px solid #eee; border-radius:50%; overflow:hidden; background:#eee;}
.teachshow .quiz li .img img { display:block; width:100%;}
.teachshow .quiz li .rgts { float:right; width:760px;}
.teachshow .quiz li .rgts .name { width:100%; line-height:35px;}
.teachshow .quiz li .rgts .name h3 { float:left; font-weight:bold; font-size:15px; color:#333;}
.teachshow .quiz li .rgts .name p { float:right; font-size:12px; color:#999;}
.teachshow .quiz li .rgts .reply { color:#2287ea; margin-left:15px; cursor:pointer;}
.teachshow .quiz li .rgts .msg { width:100%; line-height:25px; font-size:13px; color:#666; margin-bottom:10px;}
.teachshow .quiz li .rgts .list { padding:10px 15px; background:#fafafa;}
.teachshow .quiz li .rgts .list h3 { font-weight:500;}
.teachshow .quiz li .rgts .list b { color:#2287ea;}

/*分页*/
.page { margin-top:20px; padding-top:20px; border-top:1px solid #eee; overflow:hidden;}
.page li { float:left; line-height:35px; margin:0 5px; text-align:center; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.page a,.page span { display:block; padding:0px 15px; font-size:13px; color:#333; cursor:pointer;}
.page li:hover,.page .active { border-color:#2287ea; background:#2287ea;}
.page li:hover a,.page li:hover span,.page .active span { color:#fff;}

/*登录注册*/
.content { padding:80px 0; overflow:hidden; background:url(../images/lognbg.jpg) no-repeat center bottom;}
.content .conts { width:355px; margin:0 auto; padding:20px 40px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#fff; position:relative;}
.content .conts h1 { line-height:40px; font-size:22px; color:#333; text-align:center; margin-bottom:20px;}
.content .conts .tabs { width:100%; margin-bottom:15px; border-bottom:1px solid #eee;}
.content .conts .tabs li { float:left;line-height:40px; font-size:16px; color:#999; margin-right:40px; cursor:pointer; position:relative;}
.content .conts .tabs li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#2287ea; position:absolute; left:0; right:0; bottom:-1px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.content .conts .tabs .on { color:#343434;}
.content .conts .tabs .on::after { width:100%;}
.content .conts .tabs .on { font-weight:bold;}
.content .conts .mynr { width:100%; margin-top:20px;}
.content .conts .mynr .swiper-slide { width:100%; background:#fff;}
.content .conts p { line-height:25px; font-size:12px; color:#666; text-align:center; margin-top:15px;}
.content .conts p a { font-weight:bold; font-size:16px; color:#2287ea; margin-left:5px; position:relative; top:1px;}
.content .conts .yzm input { width:120px;}
.content .conts .yzm button { display:block; float:right; width:125px; height:45px; line-height:45px; font-size:14px; color:#2287ea; text-align:center; border:1px solid #2287ea; background:none;}
.content .conts .img { width:300px; height:280px; padding-bottom:10px; margin:0 auto; border:1px solid #ddd;}
.content .conts .img img { display:block; width:230px; height:230px;}
.content .conts .old-template { width:230px !important;}
.content .conts .old-template .impowerBox .qrcode { margin-top:0 !important; border:1px solid #ddd !important;}

/**会员中心*/
.member { margin-bottom:35px;}
.member h1 { height:50px; line-height:50px; font-weight:bold; font-size:16px; color:#000; margin-bottom:20px; padding-left:15px; border-bottom:1px solid #eee; position:relative;}
.member h1::after { display:block; content:""; width:4px; height:20px; margin:auto; background:#2287ea; position:absolute; left:0; top:0; bottom:0;}
.member .lft { float:left; width:150px; padding:10px 20px; background-color:#fff;}
.member .lft li { line-height:50px; padding-left:20px; border-bottom:1px solid #f4f4f4; position:relative;}
.member .lft li:last-child { border-bottom:none;}
.member .lft li::after { display:block; content:""; width:0px; height:2px; margin:auto; background:#2287ea; position:absolute; left:0; top:0; bottom:0;}
.member .lft li a { display:block; width:100%; font-size:14px; color:#666;}
.member .lft li a:hover { color:#2287ea;}
.member .lft .on::after { width:15px;}
.member .lft .on a { font-weight:bold; font-size:16px; color:#000;}
.member .lft li #lout { font-weight:bold; font-size:16px; color:#2287ea;}
.member .rgt { float:right; width:940px; padding:10px 20px; background-color:#fff;}
.member .rgt .layui-btns { float:left; width:315px; height:45px; line-height:45px; font-size:18px; color:#fff; letter-spacing:2px; margin-right:20px; border:none; border-radius:4px; background:#2287ea;}
.member .rgt .layui-btn-primary { color:#333; background:#ddd;}
.member .rgt .marlft { margin-left:90px;}
.member .rgt .layui-btn-sm { display:block; float:left; height:45px; line-height:35px; font-size:14px; color:#fff; margin-left:10px; padding:0 15px; letter-spacing:4px; border:none; border-radius:4px; background:#2287ea;}
.member .rgt .layui-btn-sm i { font-size:22px !important; position:relative; top:3px;}
.member .rgt .layui-form-pane .layui-form-item[pane] { border:none;}
.member .rgt .layui-form-item .mgs { float:left; width:220px; height:43px; line-height:43px; border:1px solid #e6e6e6; background:#fff;}
.member .rgt .layui-form-item .mgs .layui-form-radio { margin-top:0px;}
.member .rgt .layui-form-item label { width:90px;}
.member .rgt .layui-form-item label i { font-style:normal; font-size:16px; color:red; margin-left:3px;}
.member .rgt .layui-form-item input { width:200px; margin-right:10px;}
.member .rgt .layui-form-item textarea { display:block; float:right; width:calc(100% - 91px); min-height:100px; line-height:22px; font-size:14px; padding:5px 10px; resize:vertical; border:1px solid #e6e6e6; box-sizing:border-box;}
.member .rgt .layui-form-item .layui-textarea { float:right; width:calc(100% - 91px); padding:0; border:none; resize:vertical;}
.member .rgt .layui-form-select { float:left; width:200px; height:43px; line-height:43px; font-size:14px; color:#333; padding:0 10px; border:1px solid #e6e6e6; background:#fff;}
.member .rgt .layui-form-item .layui-form-select input { width:80%; margin-right:0; padding:0; border:none;}
.member .rgt .layui-form-item .imgs { float:right; width:calc(100% - 91px);}
.member .rgt .layui-form-item .imgs #ip_img { width:200px; border-radius:0 4px 4px 0;}
.member .rgt .layui-form-item .imgs .layui-upload-img { display:block; width:200px; height:120px; margin-top:10px;}
.member .rgt .layui-form-item .layui-word-aux { float:left; height:45px; line-height:45px; margin-left:10px; color:red !important;}
.member .rgt .layui-form-item .select-address { float:left; width:150px; height:45px; line-height:45px; font-size:14px; color:#333; padding:0 10px; margin-right:10px; border:1px solid #e6e6e6; background:#fff; appearance:none; -moz-appearance:none; -webkit-appearance:none;}