@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:30px; 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: -35%; 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:#cbcbcb; padding-top:15px; margin-top:20px; background:#282828;}
.footer a { color:#cbcbcb;}
.footer a:hover { color:#fff;}
.footer h3 { font-size:16px; color:#fff; margin-bottom:20px;}
.footer .link { line-height:30px; padding:10px 0; margin-bottom:25px; border-bottom:1px solid #3a3b3c;}
.footer .link span { font-size:16px;}
.footer .link a { font-size:14px; margin-right:20px;}
.footer .botnav { float:left; width:460px;}
.footer .botnav li { float:left; width:90px; margin-right:50px;}
.footer .botnav li a { display:block; line-height:30px; font-size:12px; color:#cbcbcb;}
.footer .botnav li a:hover { color:#fff;}
.footer .imgs { float:left; width:240px; padding:0 40px; border-left:1px solid #3a3b3c; border-right:1px solid #3a3b3c;}
.footer .imgs .img { width:240px; text-align:center; margin:0 auto;}
.footer .imgs .img img { display:block; width:130px; height:130px; margin:0 auto;}
.footer .imgs .img p { font-size:12px; color:#666; margin-top:5px;}
.footer .lxwm { float:right; width:290px;}
.footer .lxwm p { line-height:25px; font-size:13px; color:#cbcbcb; margin-bottom:5px;}
.footer .copy { line-height:25px; font-size:12px; color:#999; text-align:center; padding:15px 0; margin-top:30px; background:#171717;}
.footer .copy a { color:#999;}

/*公用标题*/
.tits { width:100%; height:30px; line-height:30px; margin-bottom: 10px;}
.tits h1 { float:left; font-weight:bold; font-size:22px; 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:5px;}
.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:20px auto;}
.upper .lft { float:left; width:215px; padding:5px 20px; background:#fff;}
.upper .lft li { padding:8.5px 0; border-bottom:1px solid #f4f4f4; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.upper .lft li:last-child { border-bottom:none;}
.upper .lft li::after { display:block; content:""; width:2px; height:0; margin:auto; background:#2287ea; position:absolute; left:-20px; top:0; bottom:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.upper .lft li a { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.upper .lft li h3 { line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.upper .lft li h3 a { font-weight:bold; font-size:16px; color:#333;}
.upper .lft li span { display:inline-block; line-height:25px; font-size:12px; color:#999; margin-right:8px;}
.upper .lft li span a { font-size:12px; color:#999;}
.upper .lft li:hover::after { height:80%;}
.upper .lft li a:hover { color:#2287ea;}

.upper .cent { float:left; width:600px; margin:0 10px; padding-bottom:10px; background:#fff;}
.upper .cent .banner { width:100%; height:150px; margin-bottom:10px; overflow:hidden;}
.upper .cent .banner .swiper-slide { background:#fff;}
.upper .cent .banner img { display:block; width:100%;}
.upper .cent .banner:hover .swiper-button-next,.upper .cent .banner:hover .swiper-button-prev { filter:alpha(opacity=100); opacity:1;}
.upper .cent h2 { line-height:35px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.upper .cent h2 a { font-size:18px; color:#fd7400; margin-right:6px;}
.upper .cent h2 a:nth-child(4) { margin-right:0;}
.upper .cent h2 a:hover { text-decoration:underline;}
.upper .cent .msg,.upper .cent .meg { padding:0 15px;}
.upper .cent .msg li { float:left; width:50%;}
.upper .cent .msg li a { display:block; max-width:90%; line-height:35px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.upper .cent .meg li { line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.upper .cent .meg li a { font-size:14px; color:#333; margin-left:5px;}
.upper .cent .meg li span { display:inline-block; height:20px; line-height:20px; padding:0 6px 0 8px; border:1px solid #2287ea; border-radius:12px;}
.upper .cent .meg li span a { color:#2287ea; margin-left:0; letter-spacing:2px;}
.upper .cent li a:hover { color:#2287ea;}
.upper .cent .meg li span:hover { background:#2287ea;}
.upper .cent .meg li span:hover a { color:#fff;}

.upper .rgt { float:right; width:325px; padding:10px 0; background:#fff;}
.upper .rgt .tits { margin-bottom: 0;}
.upper .rgt .tits h1 { font-size:18px;}
.upper .rgt .tits a { margin-right:15px;}
.upper .rgt li { padding:10px 15px; border-bottom:1px solid #f8f8f8; position:relative;}
.upper .rgt li:last-child { border-bottom:none;}
.upper .rgt li .img { float:left; width:50px; height:50px; margin-top: 5px; border-radius:50%; overflow:hidden;}
.upper .rgt li .img img { display:block; width:100%;}
.upper .rgt li .msg { float:left; width:calc(100% - 117px); margin:0 10px;}
.upper .rgt li .msg h3 { width:100%; line-height:30px;}
.upper .rgt li .msg h3 a { display:block; width:100%; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.upper .rgt li .msg p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.upper .rgt li .aniu { float:right; width:45px; height:30px; line-height: 30px; font-size:12px; color: #2287ea; text-align: center; margin-top:15px; border: 1px solid #2287ea; border-radius: 20px; background:#fff;}
.upper .rgt li .msg h3 a:hover { color:#2287ea;}

/*热门问答*/
.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: #4ab83e;}
.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;}