@charset "UTF-8";
/* 公用 */
* {word-wrap: break-word;}
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{overflow-x: hidden; overflow-y: auto; background-color:#fff; }
html body{margin-top: 0; }
body {color:#333; font:14px/1.75 'Microsoft Yahei','Helvetica Neue', Arial, sans-serif }
.main{width:1100px; min-height: 600px; margin: 0 auto 15px;}
/**.wrap{float:left; width: 100%; min-height:300px;}***/
html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {margin: 0;padding: 0;list-style-type: none;}
th, td {border: 1px solid #ddd;}
body {margin: 0;padding: 0;color: #666;}
i {padding-right: 3px;}
a {color: #333;text-decoration: none;cursor: pointer;}
a:hover {color: #00a4dc;text-decoration: none;}
a:visited {text-decoration: none;}
code {padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}
.wrap {margin-right: auto;margin-left: auto;float: none !important;clear:both;overflow:hidden;}
.wrapper{margin-right: auto;margin-left: auto;}
.zwrap {padding-right: 0;padding-left: 0;}

.clear-fix{*zoom:1}
.clear-fix:after,.clear-fix:before{display:table;content:""}
.clear-fix:after{clear:both}

.f-18 {font-size: 18px !important;}
.mt-25 {margin-top: 25px;}
.line {font-size: 0px;line-height: 0px;border-top: solid 1px #f4f4f4;float: none;}
.c-666,.c-666 a,a.c-666{color:#666}
.l30{line-height:30px}
.f-14{font-size:14px}
.mt-20{margin-top:20px}
.width-1180{width:1180px;margin:0 auto;position:relative}
.w1180{ width:1180px; margin:0 auto;}
.wp,#wp{ width:1180px; margin:0 auto;padding-bottom:80px;}
/*header*/
#deanheader{ width:100%; height:60px; background:#2C3E50;}
	.deanlogo{width: 170px;height: 60px;float: left; padding-left:20px;}
	.deannav{/* width: 520px;*/ float:left; height:60px; overflow:hidden;}
	.deannav span{ display:none;}
		.deannav ul li{ float:left;}
			.deannav ul li a{line-height: 60px;font-size: 16px;color: #ffffff;height: 60px;display: block; padding:0 20px;}
			.deannav ul li a:hover{background-color: #34495e !important; color:#fff;}
			.deannav ul li.a a{background-color: #34495e !important; color:#fff;}
	.deandenglu{ float:right; height:60px}
		.deandenglu ul li{ float:left;}
			.deandenglu ul li a{height: 60px;line-height: 60px;padding: 0 10px;color: #b8c4ce; display:block; font-size:13px;}
			.deandenglu ul li a:hover{background-color: #34495e !important;}

/*登录*/
	
		/*未登录*/
		.deanunlogin{ float:right; height:41px; line-height:41px; font-size:14px; font-family:microsoft yahei;}
			/*登录*/
			.logininfo{ position:absolute; height:41px; bottom:0px; right:50px; color:#333;}
				.logins{ float:right; overflow:hidden; width:100px; height:41px;}
					.deanlogin{float:right; }
						.deanlogin ul{float:right;}
							.deanlogin ul li{ float:left;}
							.loginout{ padding-left:20px;}
							#myprompt.new{ background:url({STYLEIMGDIR}/notice.png) left center no-repeat;}
								.deanlogin dd a{ color:#666; }
								.loginout a,.deanvwmy a{ color:#eee;}
						.unlogin{ position:absolute; top:0; right:0px;}
							.unlogin a{ display:block; width:48px; margin:0; height:41px; overflow:hidden; line-height:41px; text-align:center; float:left; padding:0; font-size:16px;  font-family:microsoft yahei; background:#fff; color:#333; margin-left:10px;}
				#deanmemberinfo{ position:absolute; text-align:center; right:0; top:0; padding:0; width:108px; z-index:121; height:60px; line-height:60px; font-size:16px; overflow:hidden;}
				.curs{ background:#fff;}
				#deanmemberinfo a{color:#fff; font-family:microsoft yahei; font-size:14px;}
					#deanmembercontent{ display:none; position:absolute; z-index:120; padding:4px 14px 10px; background:#fff; right:0; top:60px; width:80px; }	
						#deanmemberinfo.curs a{ color:#333;}
						#deanmemberinfo:hover{background: #fff;}
						#deanmemberinfo:hover a{ color:#8a8f90;}
						#deanmemberinfo a span{ display:block; width: 60px; height: 60px; overflow: hidden; line-height: 0; position: absolute; z-index: 6; top: 0; right: 8px;}
						#deanmembercontent dd{ display:block; line-height:20px; clear:both; text-align:right; border-bottom:1px dashed #eee;}
						#deanmembercontent dd a:hover{ color:#005580;}
						#deanmembercontent dd a{ color:#8a8f90; font-size:12px; display:block;}
						.diydiv{ float:left;}
						#diy-tg{  margin-top:6px; background:none; float:right; text-indent:0; padding-left:1px!important; line-height:11px!important;}
						#g_upmine{ padding-left:0px;}
			.deanunlogin a{ float:left; padding-left:6px; display:block; color:#666; }
			.deanunlogin a:hover{color:#2A629D;}
			.deanadmin{height: 22px;float: right;width: 50px;margin-right: 8px;display: block;}
			.deanvwmy{float:left;margin-top: 15px;margin-left: 10px;}
			.deanvwmy img{ width:30px; height:30px;}
			#um dl dd{ float:left; margin-right:5px;}
			#pm_ntc.new{ background:url({STYLEIMGDIR}/new_pm.png) left center no-repeat;}
			.deantongzhi{padding-top: 19px; float: left;overflow:hidden; height:20px; margin-right:10px; }
				.deantongzhi a{ font-size:14px; color:#fff;padding-left:15px;}
/*二级导航*/
#mn_portal_menu{ background:#2C3E50; border:0; opacity:0.8; padding:0;}
#mn_portal_menu a{ padding:10px 13px; color:#fff; font-weight:bold; font-size:14px; border-bottom:0;}
#mn_portal_menu a:hover{background:#34495E!important; color:#fff;}
	#hd .p_pop{ background:#fff; opacity:0.95; filter:alpha(opacity=95); box-shaodow:0 0 0 #fff; border:1px solid #eee; margin-top:5px; }
		#hd .p_pop a{ padding:6px 10px; color:#2C3E50; font-size:12px; font-family:microsoft yahei;  border-bottom: 1px solid #f2f2f2;}
		#hd .p_pop a:hover{ color:#FFF!important; background:#2C3E50;}
		#hd .p_pop .adv a{ padding:0; color:#38485a; border-bottom:0;}
		.p_pop{ box-shadow:none;}
/* ====== header ========== */
.header-nav{float:left}
.header-two-nav{float:right;padding:15px 0 0}
.header-nav .header-nav-list{display:block;height:48px;padding:0 20px;background:#30303c;text-align:center;line-height:48px;color:#c3c7d3;font-size:18px}
.header-nav .header-nav-list:hover{text-decoration:none;color:#31c37c}
.header-nav .top-pic{display:block;width:65px;height:17px;text-align:center;line-height:17px;color:#fff;background:#f74a4a;border-radius:2px;position:absolute;font-size:12px;right:15px;top:-10px}
.header-nav .top-pic .jt{width:0;height:0;border-top:5px solid #f74a4a;border-right:5px solid transparent;position:absolute;bottom:-5px;left:50%}
.header-nav .selected .header-nav-list{background:#31c37c;height:45px;color:#fff;border-bottom:3px solid #27a769}
.header-two-nav li{height:14px;padding:0 5px;border-right:1px solid #494958}
.header-two-nav li.bor-r{border:0}
.header-two-nav .two-nav-list{display:block;height:22px;line-height:22px;font-size:14px;color:#9797ad;padding:0 6px;margin:-4px 0 0;text-align:center}
.header-two-nav .two-nav-list:hover{background:#31c37c;color:#fff;text-decoration:none;border-radius:2px}
.header-two-nav .head-new-vip{display:inline-block;width:35px;height:22px;background:url(//img.juxiangyou.com/common/vip/header_vip.gif) no-repeat 0 0;margin:-4px 0 0}
.header-two-nav .head-treasure{display:inline-block;width:24px;height:24px;background:url(//img.juxiangyou.com/common/home/g1.gif) no-repeat 0 0;margin:-4px 0 0}
.header-two-nav .selected{background:#31c37c;color:#fff;text-decoration:none;border-radius:2px}


.clr-ff4800,.header-box .small-nav a.clr-ff4800{color:#ff4800}
.header-box{position:relative;z-index:100}
.header-box .small-nav{height:38px;line-height:38px;background-color:#fafafa;border-bottom:1px solid #f2f2f2;position:relative;z-index:10}
.footer-box .p-link>a:hover,.header-box .small-nav a{color:#576077}
.header-box .small-nav .left-login-info{float:left;color:#576077}
.header-box .right-menu{float:right}
.small-nav .right-menu .child-menu{display:inline-block;line-height:12px;color:#576077;padding:0 6px 0 10px;position:relative;text-decoration:none}
.small-nav .right-menu .child-menu.on,.small-nav .right-menu .child-menu:hover{color:#ff4800}
.small-nav .right-menu .child-menu .ewm-box{display:none;width:148px;height:148px;border:1px solid #e5e5e5;position:absolute;top:25px;left:-85px}
.small-nav .right-menu .child-menu .ewm-box .ewm{width:100%;height:100%}
.header-box .ewm-box .sj,.header-box .ewm-box .sj .c-sj{display:block;width:0;height:0;border-bottom:5px solid #e5e5e5;border-left:3px solid transparent;border-right:3px solid transparent;position:absolute;top:-5px;left:116px}
.header-box .ewm-box .sj .c-sj{border-bottom:4px solid #fff;top:2px;left:-3px}
.header-box .big-nav{height:80px;line-height:80px;background-color:#fff;border-bottom:4px solid #e8e8e8}
.header-box .big-nav .logo{float:left;width:120px;height:40px;margin-top:20px;*margin-top:0}
.header-box .big-nav .logo img{display:block}
.header-box .big-nav .right-menu{padding-top:3px;height:76px}
.big-nav .right-menu .child-menu{display:inline-block;height:38px;line-height:38px;font-size:18px;color:#3f3f4d;padding:0 18px;margin:0 3px;text-decoration:none;border-radius:19px;position:relative}
.big-nav .right-menu .child-menu .hot{display:block;width:27px;height:11px;background:url(../images/hot.gif) no-repeat 0 0;position:absolute;top:-5px;left:70px}
.big-nav .right-menu .child-menu.on,.big-nav .right-menu .child-menu:hover{color:#fff;background-color:#31c37c}
/* footer */
.footer { position:relative; background:#fff; clear:both; text-align:center; margin-top:20px; padding-bottom:40px; min-width:1240px; }
.footer_link { padding:30px 0 }
.footer_link a { margin:0 20px; line-height:32px }
.footer_img  { margin:0 auto; width:202px; height:50px }
.footer_img a { display:inline; float:left; margin:0 8px }
.footer p { color:#999; clear:both; line-height:40px }
.footer p > a { color:#999; }
.footer p span { margin:0 10px }
.footer ul { color:#999; line-height:23px }
.footer .btn_wxapp { position:relative; }
.footer .btn_wxapp > img { display:none; position: absolute; width:120px; top:15px; left:-28px; }
.footer .btn_wxapp:hover > img { display:block; }

/* 个人中心 */
.common-topbar-user-info{display:none;float:right;position:relative;padding:18px 24px 0 12px;height:60px;box-sizing:border-box;cursor:pointer}
.common-topbar-user-info:hover>.common-topbar-user-info-dropdown{display:block}
.common-topbar-user-info .common-topbar-user-image-wrapper{width:24px;height:24px;border-radius:100%;overflow:hidden}
.common-topbar-user-info .common-topbar-user-image-wrapper img{height:100%;border:1px solid #eaeaea;display:block;}
.common-topbar-user-info .common-topbar-user-message-count{position:absolute;font-size:10px;background-color:#ff5029;color:#fff;border-radius:13px;right:12px;top:6px;height:12px;width:12px;line-height:12px;text-align:center}
.common-topbar-user-info-dropdown{position:absolute;right:0;top:59px;width:240px;background:#202529;color:#fff;display:none;z-index:99999}
.common-topbar-user-info-dropdown .top{background:#262c30;padding:12px 16px}
.common-topbar-user-info-dropdown .top .top-line,.common-topbar-user-info-dropdown .top .top-line a{height:24px;line-height:24px;padding:0}
.common-topbar-user-info-dropdown .top .user-uid{display:inline-block;width:160px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.common-topbar-user-info-dropdown .big-customer-info img,.common-topbar-user-info-dropdown .info-prefix-icon{width:16px;vertical-align:text-bottom;margin-right:8px}
.common-topbar-user-info-dropdown .top .user-grade{float:right;display:block;width:40px;height:20px;text-align:center;line-height:20px;background:#373d41;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);color:#00c1de;transition:all .3s ease-in-out}
.common-topbar-user-info-dropdown .top .top-line.short{height:18px;line-height:18px;margin-top:4px}
.common-topbar-user-info-dropdown .top .certified{color:#35b34a}
.common-topbar-user-info-dropdown .top .top-line.short{height:18px;line-height:18px;margin-top:4px}
.common-topbar-user-info-dropdown .top .not-certified{color:#00c1de}
.common-topbar-user-info-dropdown .middle-line{height:20px;line-height:20px;margin:12px 0;font-size:12px;position:relative;padding:0 12px}
.common-topbar-user-info-dropdown .middle-line a{height:20px;line-height:20px;padding:0}
.common-topbar-user-info-dropdown a{display:block}
.common-topbar-user-info-dropdown a,.common-topbar-user-info-dropdown a:link,.common-topbar-user-info-dropdown a:visited{color:#fff;cursor:pointer;text-decoration:none}
.common-topbar-user-info-dropdown a:hover{color:#00c1de}
.common-topbar-user-info-dropdown .big-customer-info img,.common-topbar-body .common-topbar-user-info-dropdown .info-prefix-icon{width:16px;vertical-align:text-bottom;margin-right:8px}
.common-topbar-user-info-dropdown .middle-line .right-text{float:right;font-size:10px;color:#fff}
.common-topbar-user-info-dropdown .middle-line .charge-btn{display:inline-block;border:1px solid #ffa133;width:40px;height:20px;line-height:20px;color:#ffa133;text-align:center;position:absolute;top:-1px;left:75px}
.common-topbar-user-info-dropdown .break-line{height:1px;margin:0 16px;background:#373d41}
.common-topbar-user-info-dropdown .middle-line .right-text.circular{background:#ff5029;border-radius:10px;transform:scale(.8);padding:0 6px;color:#fff}
.common-topbar-user-info-dropdown .bottom-line{overflow:hidden;padding:12px 16px 16px}
.common-topbar-user-info-dropdown .bottom-line .logout-btn{width:70px;height:28px;text-align:center;line-height:28px;float:right;border:1px solid #73777a}
.common-topbar-user-info-dropdown .bottom-line .logout-btn:hover{color:#00c1de;border-color:#00c1de}
.common-topbar-user-info-dropdown .bottom-line a,.common-topbar-user-info-dropdown .bottom-line a:link,.common-topbar-user-info-dropdown .bottom-line a:visited{color:#73777a}
.common-topbar-user-info-dropdown .bottom-line .logout-btn a{padding:0;height:28px;line-height:28px}
.common-topbar-user-info-dropdown .bottom-line .logout-btn a:hover{color:#00c1de}

/* ====== home-login ============= */
.index-banner-box,.index-slide-box{position:relative}
.index-banner-box{z-index:99}
.index-banner-box .index-login{width:280px;height:270px;padding:15px 26px 0;position:absolute;left:50%;top:30px;margin:0 0 0 310px;z-index:200}
.index-login .index-login-bg{width:100%;height:100%;background:#fff;opacity:.95;filter:Alpha(opacity=95);position:absolute;left:0;top:0}
.index-login .index-login-bg .border{width:100%;border-bottom:1px solid #e8e8e8;position:absolute;top:179px}
.index-login .unlogin-box{position:relative;z-index:100}
.index-login .unlogin-box .login-input{display:block;height:40px;border-bottom:1px solid #e8e8e8;position:relative}
.index-login .unlogin-box .focus-style{border-color:#31c37c}
.unlogin-box .login-input .left-pic{display:block;width:14px;height:17px;background:url(../images/index_login.png) no-repeat 0 0;margin:14px 0 0;float:left}
.unlogin-box .login-input .left-pic-01{background-position:0 0}
.unlogin-box .focus-style .left-pic-01{background-position:0 -17px}
.unlogin-box .login-input .left-pic-02{background-position:0 -34px}
.unlogin-box .focus-style .left-pic-02{background-position:0 -51px}
.unlogin-box .login-input .left-pic-03{background-position:0 -68px}
.unlogin-box .focus-style .left-pic-03{background-position:0 -85px}
.unlogin-box .login-input .input-text{display:block;height:17px;width:170px;float:left;margin:14px 0 0 22px;border:0;background:0 0;outline:0;position:relative;z-index:20;line-height:17px;color:#576077}
.unlogin-box .login-input .width-yzm{width:40px}
.unlogin-box .error-text{display:block;text-align:left;line-height:44px;color:#ff4c4c;position:absolute;left:36px;top:-18px}
.unlogin-box .login-input .yzm-pic{display:block;width:88px;height:32px;position:absolute;right:0;top:3px}
.unlogin-box .login-input .error-text02{display:block;width:65px;text-align:right;line-height:44px;color:#ff4c4c;position:absolute;right:90px;top:0}
.unlogin-box .auto-login-btn{display:block;width:12px;height:12px;border:1px solid #cdcdcd;float:left;margin:1px 0 0}
.unlogin-box .auto-login-box .select{background:url(../images/index_login.png) no-repeat 0 -199px}
.unlogin-box .auto-login-box{display:block;margin:15px 0;height:12px;}
.unlogin-box .auto-login-text{display:block;color:#999;float:left;margin:0 0 0 3px;font-size:12px;}
.unlogin-box .forget-password{display:block;color:#999;float:right;font-size:12px;}
.unlogin-box .forget-password:hover{color:#31c37c;text-decoration:none}
.unlogin-box .login-btn{display:block;width:228px;height:36px;background:#31c37c;color:#fff;font-size:16px;border-radius:4px;text-align:center;line-height:36px}
.unlogin-box .login-btn:hover{background:#43cb83;text-decoration:none}
.unlogin-box .faster-login{display:block;margin:10px 0}
.unlogin-box .faster-login .faster-login-text{display:block;line-height:24px;color:#666;float:left;font-size:12px;}
.unlogin-box .faster-login .faster-login-btn{display:block;width:24px;height:24px;background:url(../images/index_login.png) no-repeat 0 0;float:left;margin:0 5px 0 0}
.unlogin-box .faster-login .weibo{background-position:0 -103px}
.unlogin-box .faster-login .weibo:hover{background-position:0 -127px}
.unlogin-box .faster-login .qq{background-position:0 -151px}
.unlogin-box .faster-login .qq:hover{background-position:0 -175px}
.unlogin-box .faster-login .zhuce-link{display:block;line-height:24px;float:right;color:#777;font-size:12px;}

.index-login .login-ready{position:relative;z-index:100}
.show-box .show-box-list{border-top:1px solid #dfdfe5;height:42px;line-height:42px;padding:0 0 0 25px}
.show-box .show-box-list a:hover{color:#31c37c;text-decoration:none}
.index-login .login-ready .loginout-box{display:block;width:60px;height:60px;background:url(//img.juxiangyou.com/common/home/index_loginout_bg.png) no-repeat 0 0;position:absolute;right:-26px;top:-30px}
.index-login .loginout-box .loginout-btn{display:block;width:14px;height:14px;background:url(//img.juxiangyou.com/common/home/index_login.png) no-repeat 0 -229px;position:absolute;top:10px;right:10px}
.index-login .loginout-box .loginout-btn:hover{background-position:0 -246px}
.index-login .user-news-box .user-top{margin-bottom:15px}
.index-login .user-news-box .user-img{display:block;width:80px;height:80px;border-radius:80px;margin:0 10px 0 0;float:left;overflow:hidden}
.index-login .user-news-box .user-id,.index-login .user-news-box .user-name{font-size:14px;color:#3f3f4d;display:block;float:left;line-height:30px;width:130px;height:30px;overflow:hidden;white-space:nowrap}
.index-login .user-news-box .user-name{margin:4px 0 0}
.index-login .user-news-box .user-link{display:block;width:112px;height:34px;float:left;color:#fafbfd;background:#31c37c;text-align:center;line-height:34px;font-size:16px;margin:0 10px 0 0;border-radius:2px}
.index-login .user-news-box .qiandao-btn:hover,.index-login .user-news-box .user-link:hover{background:#43cb83;text-decoration:none}
.index-login .user-link .user-link-text{display:block;float:left;font-size:14px;color:#ccd0dd;margin:0 4px 0 0}
.index-login .user-link .user-link-svg{display:block;background:#cbcbd6;color:#fff;width:14px;height:14px;font-size:10px;float:left;text-align:center;line-height:14px;text-decoration:none}
.index-login .user-news-box .user-link:hover .user-link-text{color:#31c37c}
.index-login .user-news-box .user-link:hover .user-link-svg{background:#31c37c;color:#fff}
.index-login .user-news-box .qiandao-btn{display:block;width:104px;height:34px;background:#31c37c;border-radius:2px;float:left;color:#fff;line-height:34px;font-size:16px;text-align:center}
.index-login .user-news-box .qiandao-btn-ready,.index-login .user-news-box .qiandao-btn-ready:hover{background:#aaa}
.index-login .user-news-box .qiandao-pic{display:inline-block;width:20px;height:20px;background:url(//img.juxiangyou.com/common/home/home_sign_pic.png) no-repeat 0 0;margin:-5px 10px 0 0;vertical-align:middle}
.index-login .user-news-box .qiandao-pic.personal{background-position:0 -20px;margin-top:-3px}
.index-login .user-news-box{padding:0 0 20px;margin:15px 0}
.index-login .login-ready .user-onwer-list{color:#576077;line-height:30px}
.index-login .login-ready .user-onwer-list .color-01{color:#ff4800}
.index-login .login-ready .user-onwer-list .onwer-link{color:#1891d7;float:right}
/* ====== home ============= */
.block-top{width:100%}
.index-buzhou{width:1180px;height:60px;background:url(../images/buzhou_bg.png) no-repeat 0 0;margin:20px 0;position:relative}
.index-buzhou .now-num{width:278px;font-size:14px;color:#ff4800;position:absolute;right:1px;bottom:1px;line-height:30px;text-align:center}
.index-buzhou .now-num strong{font-size:20px;font-weight:400}

/* ====== banner ========== */
.banner { position:relative; width:100%; min-width: 1240px; height:470px; overflow:hidden }
/* banner pc */
.banner_pc { position:absolute; top:0; left:0; width:100%; height:470px; background:#007aff url(../img/banner_img_pc.png) center no-repeat; text-align:center; z-index:2 }
.banner_pc a.download { position:absolute; left:50%; top:288px; z-index:3; margin-left:-100px; width:200px; height:48px; line-height:48px; background:#4da2ff; color:#fff; font-size:16px }
.banner_pc a.download:hover { background:#6eb3ff; color:#fff }
.banner_pc p { position:absolute; z-index:3; left:50%; top:336px; margin-left:-150px; width:300px; line-height:48px; color:#cfe1ff }
.banner_pc p span { color:#5ea3ff }
.banner_pc a.details { position:absolute; left:50%; top:376px; margin-left:-50px; z-index:2; display:block; width:100px; height:30px; line-height:30px; text-decoration: underline; color:#FFF; font-size:14px; }
.banner_pc a.details:hover { text-decoration: none; color:#eee; }
/* banner iOS */
.banner_ios { position:absolute; top:0; left:0; border-top:2px solid #007aff; width:100%; height:468px; background:#fff url(../img/banner_img_ios.png) center no-repeat; text-align:center }
.banner_ios a { position:absolute; left:50%; top:316px; margin-left:-100px; width:200px; height:48px; line-height:48px; background:url(../img/banner_btn_ios.png) top; color:#fff; font-size:16px }
.banner_ios a:hover { background:url(../img/banner_btn_ios.png) bottom; color:#fff }
/* banner btn */
.banner_btn { position:absolute; bottom:30px; left:50%; margin-left:-24px; width:48px; height:12px; z-index:3 }
.banner_btn a { display:inline-block; float:left; margin:0 6px; border:1px solid #fff; border-radius:6px; width:10px; height:10px; overflow:hidden }
.banner_btn .banner_btn_on { border:1px solid #fff; background:#fff }
.banner.banner_t2 .banner_btn a { border:1px solid #007aff }
.banner.banner_t2 .banner_btn .banner_btn_on { border:1px solid #007aff; background:#007aff }

.banner > .btn { width:52px; height:120px; position:absolute; top:50%; margin-top:-60px; background:url(../img/banner_btn_lf.png) no-repeat; z-index:3; }
.banner > .btn.prev { left:50%; margin-left:-620px; background-position:left top; }
.banner > .btn.prev:hover { background-position:left bottom; }
.banner > .btn.next { right:50%; margin-right:-620px; background-position:-52px top; }
.banner > .btn.next:hover { background-position:-52px bottom; }
.banner.banner_t2 > .btn.prev { background-position:-104px top; }
.banner.banner_t2 > .btn.prev:hover { background-position:-104px bottom; }
.banner.banner_t2 > .btn.next { background-position:-156px top; }
.banner.banner_t2 > .btn.next:hover { background-position:-156px bottom; }

/* ========= board ===============*/
.block-main {width: 880px;float: left;position: relative;}

.channel-box{padding:17px 15px 0;margin:0 0 20px;background-color:#f4f5f9;*padding-bottom:15px;position:relative}
.opacity{background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);z-index:-1}
.channel-box .box-title{height:38px;line-height:38px}
.box-title .title-icon{float:left;width:5px;height:24px;background:#31c37c;margin:8px 0 0}
.box-title h3{font-size:24px;color:#3f3f4d;line-height:38px;float:left;margin:0 20px 0 6px}
.channel-box .slide-info-box{float:left;height:43px;overflow:hidden;margin-top:5px}
.box-content .link-list li a,.channel-box .slide-info li{color:#576077}
.channel-box .slide-info li .u-name{margin:0 12px 0 0}
.channel-box .slide-info li .g-name{color:#31c37c;margin:0 8px 0 0}
.channel-box .slide-info li .tx-yuan,.p2p-list .cover .info em{color:#ff4c4c}
.channel-box .yg-box{width:302px;height:36px;line-height:36px;float:right;position:relative;z-index:10}

.box-title .more{position:absolute;right:15px;top:17px;padding:0 18px 0 0;color:#999;text-decoration:none;background:url(../images/more-icon2.png) no-repeat 28px 15px}
.box-title .more-a{font-size:12px;color:#999;float:right;margin:5px 0 0}
.box-title .more-a:hover{color:#31c37c;text-decoration:none}
.channel-box .slide-info-box{float:left;height:43px;overflow:hidden;margin-top:5px}
.channel-box .slide-info li .u-name{margin:0 12px 0 0}
.channel-box .slide-info li .g-name{color:#31c37c;margin:0 8px 0 0}
.channel-box .slide-info li .tx-yuan,.p2p-list .cover .info em{color:#ff4c4c}
.color-red{color:#ff4c4c}

.block-right{width:280px;float:right;}
.finance-income-box,.licai-niurenlist,.news-box{background-color:#fff;background:url(../images/title-bg.jpg) no-repeat -1px -1px;position:relative}
.finance-income-box,.licai-niurenlist{height:475px}
.news-box{border:1px solid #e8e8e8}
.finance-income-box h3,.licai-niurenlist h3,.news-box h3{line-height:42px;padding-left:16px;color:#333;font-size:18px;font-weight:400}
.finance-income-box h3 .icon,.licai-niurenlist h3 .icon,.news-box h3 .icon{float:left;width:3px;height:17px;background:#31c37c;margin:13px 8px 0 0}
.finance-income-box{background-position:0 0;border:0}
.finance-income-box h3{border:1px solid #e8e8e8;margin:0 0 -1px}
.news-box{height:267px;margin:0 0 20px}
.news-box .more-a{font-size:12px;color:#999;float:right;margin:0 15px 0 0}
.news-box .more-a:hover{color:#31c37c;text-decoration:none}
.news-box ul{margin:8px 0 0 15px}
.news-box li{line-height:30px;height:30px;font-size:14px;width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-box li .news-href{color:#576077}
.news-box li .news-href:hover{color:#2da867;text-decoration:none}
.news-box li .news-href:hover .spot{background:#2da867}
.news-box .news-href .spot{display:inline-block;width:3px;height:3px;background:#999;vertical-align:middle;margin:-1px 6px 0 0}

.rank-table-box{width:100%;color:#576077;text-align:center;font-size:12px;}
.rank-table-box td,.rank-table-box th{height:36px;line-height:36px;border:none;}
.rank-table-box th{font-weight:400;border-bottom:1px solid #e8e8e8;background:#f7f8fb}
.rank-table-box .width-20{width:45px}
.rank-table-box .width-22{width:55px}
.rank-table-box .width-25{width:70px}
.rank-table-box .width-35{width:88px}
.rank-table-box .td1,.rank-table-box .td2,.rank-table-box .td3{background:url(../images/top-1.png) no-repeat 50%;overflow:hidden;text-indent:-9999px}
.rank-table-box .td2{background:url(../images/top-2.png) no-repeat 50%}
.rank-table-box .td3{background:url(../images/top-3.png) no-repeat 50%}
.rank-table-box .color-line-bg{background:#f4f5f9}

.channel-box{padding:17px 15px 0;margin:0 0 20px;background-color:#f4f5f9;*padding-bottom:15px;position:relative}
.opacity{background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);z-index:-1}
.channel-box .box-title{height:38px;line-height:38px}
.box-title .title-icon{float:left;width:5px;height:24px;background:#31c37c;margin:8px 0 0}
.box-title h3{font-size:24px;color:#3f3f4d;line-height:38px;float:left;margin:0 20px 0 6px}
.channel-box .slide-info-box{float:left;height:43px;overflow:hidden;margin-top:5px}
.channel-box .slide-info li .u-name{margin:0 12px 0 0}
.channel-box .slide-info li .g-name{color:#31c37c;margin:0 8px 0 0}
.channel-box .slide-info li .tx-yuan,.p2p-list .cover .info em{color:#ff4c4c}
.channel-box .yg-box{width:302px;height:36px;line-height:36px;float:right;position:relative;z-index:10}
.channel-box .box-content{margin:15px 0 0}
.channel-box .box-content2{margin-top:17px}

.box-content .hzsj-list {margin: 0 -20px 0 0;position: relative;zoom: 1;overflow: hidden;}
.box-content .hzsj-list li {width: 125px;height: 60px;margin: 0 20px 20px 0;float: left;}
.box-content .hzsj-list li img {width: 125px;height: 60px;}

.box-content .link-list {padding: 0 0 5px;overflow: hidden;}
.box-content .link-list li {float: left; margin: 0 17px 12px 0;}

.box-content .ad-href{float:left;width:270px;height:180px;margin:0 19px 19px 0;overflow:hidden}
.box-content .ad-href.nomar{margin-right:0}
.box-content .ad-href img{transition:.8s ease}
.box-content .ad-href:hover img{transform:scale(1.02,1.02)}
.box-content .ad-box{width:200px;height:404px;position:relative;float:left}
.box-content .ad-box .a-ad{display:block;width:200px;height:404px;overflow:hidden}
.box-content .ad-box .a-ad img{width:200px;height:404px;transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s}
.box-content .ad-box .a-ad:hover img,.box-content .p2p-list li.first-ad-list .a-banner:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.ad-box .ad-box-info{position:absolute;bottom:0;left:0}
.ad-box .ad-box-info,.ad-box-info .opacity{width:200px;height:57px}
.ad-box-info .info{width:200px;height:50px;padding:7px 0 0;color:#fff;position:absolute;top:0;left:0}
.ad-box-info .info p{line-height:22px;padding:0 0 0 10px}
.ad-box-info .info .jl{color:#ff4800}

.block-bottom{width:100%;clear:both}
/* ====== board ========== */
.board { margin:20px auto 0; padding:28px 40px 40px; width:1160px; background:#fff; overflow:hidden; }
.board h1 { position:relative; padding-bottom:15px; font-size:18px; height:44px; line-height:29px; }
.board_h1_btn { position:absolute; top:0; right:0; width:144px; height:29px; }
.board_h1_btn a { float:left; display:inline; margin-left:4px; border:1px solid #e9e9e9; width:66px; height:27px; background:#f9f9f9; text-align:center; line-height:27px; font-size:12px; color:#999 }
.board_h1_btn a:hover { background:#fff }
a.board_h1_btn_on { border:1px solid #bbb; background:#fff; color:#333 }
.board_h1_link { position:absolute; top:0; right:0; width:1000px; height:29px; text-align:right }
.board_h1_link a { margin-left:20px; font-size:12px; color:#999 }
.board_h1_link a:hover { color:#236ee7 }

/* ====== news ========== */
/* news */
.board_news{height:350px; overflow:hidden;}
.board_news ul { display:block; float:left; width:calc(50% - 20px); }
.board_news ul:first-child{margin-right:40px }
.board_news li { clear:both; height:32px; line-height:32px; vertical-align:top }
.board_news li a    { display:block; float:left; width:335px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_news li time { display:block; float:right; width:75px; text-align:right; color:#aaa }
/* news left */
.board_news_l { float:left; margin-right:40px; width:860px; height:350px; overflow:hidden;}
.board_news_l section { position:relative; width:860px; height:120px }
.board_news_l section > a { display:block; width:140px; height:105px; overflow:hidden; position:relative; }
.board_news_l section > a > img { position:absolute; width:140px; height:105px; left:0; top:0; }
.board_news_l section h2  { position:absolute; left:160px; top:0; width:700px; line-height:40px; font-size:16px }
.board_news_l section p   { position:absolute; left:160px; top:44px; width:700px; line-height:25px; font-size:13px; color:#999 }
.board_news_l ul { display:block; float:left; width:410px }
.board_news_l ul:first-child{margin-right:40px }
.board_news_l_ul { margin-right:40px }
.board_news_l li { clear:both; height:32px; line-height:32px; vertical-align:top }
.board_news_l li a    { display:block; float:left; width:335px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_news_l li time { display:block; float:right; width:75px; text-align:right; color:#aaa }
/* news right */
.board_news_r { float:left; position:relative; width:260px; height:350px; overflow:hidden }
.board_news_r div { width:780px }
.board_news_r section { float:left; width:260px }
.board_news_r section > a { display:block; width:260px; height:208px; overflow:hidden; position:relative; }
.board_news_r section > a > img { width:260px; height:208px; position:absolute; left:0; top:0; }
.board_news_r section h2  { margin-top:26px; _margin-top:23px; width:260px; line-height:32px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.board_news_r section p   { display:block; height:75px; line-height:25px; color:#999; overflow:hidden }
/* news right scroll btn */
.board_news_r_btn { display:block; position:absolute; top:215px; left:55px; width:150px; height:24px }
.board_news_r_btn a { float:left; display:inline-block; margin:0 5px; width:40px; height:24px }
.board_news_r_btn a span { display:block; margin-top:12px; width:40px; height:1px; overflow:hidden; background:#ccc }
.board_news_r_btn a:hover span { background:#999 }
a.board_news_r_btn_a span { background:#000 }

/* ====== links ========== */
.board_links { position: relative; margin:20px auto 0; width:1140px; padding-right:20px; height:30px; line-height:30px; overflow:hidden; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.board_links .content { overflow:hidden; }
.board_links p,
.board_links a { display:inline; margin-right:20px; white-space:nowrap; }
.board_links p { color:#999 }
.board_links a { color:#666; _position:relative; overflow:hidden }
.board_links a:hover { color:#236ee7; text-decoration:underline }
.board_links .more { position: absolute; right:0; top:5px; width:20px; height:20px; background:url(../img/more.png) no-repeat left top; }
.board_links .more:hover { background-position: left bottom; }
.board_links.ing { height:60px; }
.board_links.ing .more { background-position: right top; }
.board_links.ing .more:hover { background-position: right bottom; }

/* ======== 面包屑导航  =========  */
.class_nav { width:100%; min-width: 1240px; height:48px; background:#007aff; position: relative; }
.class_nav .center { position: absolute; top:0; left:50%; }
.class_nav .center a { display:block; width:142px; height:48px; line-height:48px; float:left; text-align:center; color:#b5d8ff; font-size:13px; }
.class_nav .center a:hover { background:#1985fa; color:#FFF; }
.class_nav .center a.nav_on { background:#268eff; color:#FFF; font-weight:bold; }
.class_nav .hierarchy { position:absolute; left:50%; top:0; margin-left:-580px; font-size:12px; color:#66afff; line-height:48px; }
.class_nav .hierarchy a { color:#cbe4ff; }
.class_nav .hierarchy span { padding:0 10px; }
.class_nav .hierarchy strong { color:#fff; font-weight: normal; }

/* ======== 公共背景  =========  */
.iwarpbox { margin:20px auto 0; padding:40px; width:1160px; background:#fff; overflow:hidden }
.jwarpbox { width:1160px; overflow:hidden; position: relative; }
.kwarpbox { width:1200px; overflow:hidden }

.block_lr { overflow: hidden; }
.block_lr > .block_l { width:860px; float:left; margin-right:40px; overflow: hidden; }
.block_lr > .block_r { width:260px; float:right; overflow: hidden; }

/* ======== 文章详情页面  =========  */
#news_detail { padding:80px 45px; width:1160px; }
#news_detail .jwarpbox { width:1060px; }
#news_detail .jwarpbox .block_l { width:760px; }
#news_detail .jwarpbox .block_l > .title { width:760px; line-height:50px; font-size:24px; color:#010101; text-align: center; }
#news_detail .jwarpbox .block_l > .info { width:760px; height:30px; overflow:hidden; text-align: center; }
#news_detail .jwarpbox .block_l > .info img { position: absolute; left:0; top:2px; }
#news_detail .jwarpbox .block_l > .info > .source,
#news_detail .jwarpbox .block_l > .info > .time,
#news_detail .jwarpbox .block_l > .info > .author,
#news_detail .jwarpbox .block_l > .info > .view { display:inline; margin-right:40px; padding-left:18px; position:relative; color:#999; }
#news_detail .jwarpbox .block_l > .info > .time.now { color:#ff9900; }
#news_detail .jwarpbox .block_l > .info > .source { margin-right:0; }
#news_detail .jwarpbox .block_l > .content { margin-top:40px; font-size:14px; color:#333; }
#news_detail .jwarpbox .block_l > .content img { display: inline; max-width: 760px; }
#news_detail .jwarpbox .block_l > .tags { margin-top:50px; font-size:14px; font-weight:bold; }
#news_detail .jwarpbox .block_l > .tags > a { margin-right:3px; margin-bottom:5px; font-weight:400; background:#F9F9F9; color:#999; font-size:14px; padding:3px 10px; }
#news_detail .jwarpbox .block_l > .tags > a:hover { background:#BBB; color:#FFF; }
#news_detail .jwarpbox .block_l > .share { padding-top:70px; }
#news_detail .jwarpbox .block_l > .similarity { padding-top:90px; }
#news_detail .jwarpbox .block_l > .similarity > .title { font-size:18px; color:#333; padding-bottom:12px; }
#news_detail .jwarpbox .block_l > .similarity > .content { margin-top:18px; overflow:hidden;}
#news_detail .jwarpbox .block_l > .similarity > .content > a { display:block; float:left; width:325px; height:32px; line-height:32px; color:#666; font-size:13px; margin-right:55px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#news_detail .jwarpbox .block_l > .similarity > .content > a:hover { color:#236ee7; }
#news_detail .jwarpbox .block_l > .postcopyright {padding: 13px 20px;margin: 10px 0;background-color: #f7f7f7;color: #393a3b;}
#news_detail .jwarpbox .block_l > .comment-hook {margin-top:50px}
#news_detail .jwarpbox .block_r > .tutorials { margin-top:8px; }


/* ======== 文章首页页面  =========  */
#tutorials { padding:70px 45px 60px; width:1160px; }
#tutorials .jwarpbox {width: 100%;}
#tutorials .jwarpbox > .lists { margin-top:10px; min-height:500px; }
#tutorials .paging { padding-top:30px; padding-bottom:0px; }
#tutorials.i4_tutorials,
#tutorials.skill_tutorials { padding-top:50px; }

.class_nav.tutorials_class_nav > .center { width:1160px;left:auto; position:relative; margin-left:auto; margin-right:auto; }

.transverse_news_list { overflow: hidden; position: relative; padding:20px 0 18px; border-bottom:1px solid #eee; }
.transverse_news_list > .img { width:150px; height:120px; position: absolute; right:0; top:50%; margin-top:-60px;  }
.transverse_news_list > .img > img { width:150px; height:120px; position: absolute; left:0; top:0; }
.transverse_news_list > .title { display: block; width:820px; height:36px; line-height:36px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#010101; }
.transverse_news_list > .title:hover { color:#236ee7; }
.transverse_news_list > .describe { display: block; width:820px; height:44px; padding:2px 0; line-height:22px; overflow:hidden; font-size:13px; color:#888; }
.transverse_news_list > .info { width:820px; height:36px; overflow:hidden; padding-top:2px; }
.transverse_news_list > .info img { position: absolute; left:0; top:50%; margin-top:-5px; }
.transverse_news_list > .info > .type,
.transverse_news_list > .info > .time,
.transverse_news_list > .info > .view,
.transverse_news_list > .info > .tags { float:left; margin-right:35px; padding-left:18px; position:relative; height:36px; line-height: 36px; color:#999; font-size:12px; }
.transverse_news_list > .info > .time.now { color:#ff9900; }
.transverse_news_list > .info > .view > img { left:-3px; }
.transverse_news_list > .info > .type,
.transverse_news_list > .info > .tags { padding:0; color:#999; margin-right:30px; }
.transverse_news_list > .info > .tags > a { margin-right:2px; background:#F9F9F9; padding:2px 7px; color:#999; }
.transverse_news_list > .info > .tags > a:hover { background:#BBB; color:#FFF; }


/** ==========  推荐  ========**/

.qm { width:260px; position: relative; }
.qm > .title { font-size:14px; height:35px; line-height:25px; overflow: hidden; padding-bottom:10px; position: relative; }
.qm > .title > .more { font-size:12px; color:#999; height:25px; line-height:25px; position:absolute; right:0; top:0; }
.qm > .title > .more:hover { color:#666; }
.qm > .lists { overflow: hidden; }

.qm.special { margin-bottom:20px; }
.qm.special > .lists > .list { margin-bottom:20px; }

.qm.tutorials > .lists > .list { display:block; height:33px; line-height:33px; color:#555; font-size:12px; overflow: hidden; }
.qm.tutorials > .lists > .list > a { display:block; height:33px; line-height:33px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.tutorials > .lists > .list.img { height:90px; margin-bottom:20px; overflow: hidden; }
.qm.tutorials > .lists > .list.img > .img { position: relative; width:120px; height:90px; display:block; float:left; margin-right:15px; }
.qm.tutorials > .lists > .list.img > .img > img { position: absolute; left:0; top:0; width:120px; height:90px; }
.qm.tutorials > .lists > .list.img > .title { width:125px; height:70px; margin:10px 0; overflow: hidden; float:left; font-size:13px; line-height:23px; text-overflow:clip; white-space:normal; }

.qm.similarity_app { margin-bottom:40px; }
.qm.similarity_app > .lists > .list { height:54px; position: relative; margin-bottom:23px; }
.qm.similarity_app > .lists > .list > .app_icon { float:left; margin-right:15px; }
.qm.similarity_app > .lists > .list > .info { width:120px; overflow: hidden; }
.qm.similarity_app > .lists > .list > .info > * { display:block; width:120px; height:18px; line-height:18px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.similarity_app > .lists > .list > .info > .title { width:120px; height:18px; }

.qm.topic { margin-top:35px; }
.qm.topic > .lists > .kbox { width:272px; }
.qm.topic > .lists > .kbox > .list { width:124px; height:30px; float:left; margin-right:12px; margin-bottom:12px; }
.qm.topic > .lists > .kbox > .list > a { display: block; line-height:30px; background:#f4f4f4; color:#666; font-size:12px; text-indent: 8px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.topic > .lists > .kbox > .list > a:hover { background:#ddd; color:#333; }

/** 导航 start**/
#blog .main{width: 100%;}
@media(min-width:768px) {
	.wrap {width: 750px;}
	.wrapper{width: 750px;}
	.main_visual{width: 750px}
	.main {width: 100%}
	#blog .main {float: left;	width: 66.66666667%;}
	.sider {float: left;width: 33.33333333%;display: block;}
	.right {padding-left: 20px;}
	.menu-item {position: relative!important;display: inline-block;}
	.mainmenu {	display: none;}
	.navbar-toggle {display: none!important;float: right;}
	.navbar-header, .navbar-collapse {display: block!important;}
	.nav ul {font-size: 0;}
	.nav ul li ul {position: absolute;}
	.viewimg {display: block!important;}
	.page-header span {visibility: visible!important;}
	.group {display: block;}
	.contact {margin-top: 35px;	display: inline-block!important;}
	.nav ul li ul li a {width: 148px;}
	.nav ul li ul {	padding-left: 0;}
	.main_register .register_success p span{width: calc(30%) !important;}
}
@media(min-width:992px) {
	.wrap {	width: 970px;}
	.wrapper{width: 970px;}
	.main_visual{width: 970px}
	.main {width: 100%}
	#blog .main {	float: left;width: 66.66666667%;}
	.sider {float: left;width: 33.33333333%;}
	.right {padding-left: 20px;}
	.menu-item {position: relative!important;display: inline-block;}
	.mainmenu {	display: block;}
	.main_register .register_success p span{width: calc(20%) !important;}
}
@media(min-width:1200px) {
	.wrap {	width: 1180px;}
	.wrapper{width: 1180px;}
	.main_visual{width: 1180px}
	.main {width: 100%}
	#blog .main { float: left;width: 66.66666667%;}
	.sider {width: 33.33333333%;}
	.right {padding-left: 20px;}
	.menu-item {position: relative!important;display: inline-block;}
	.mainmenu {display: none;}
	.main_register .register_success p span{width: calc(20%) !important;}
}

@media(max-width:768px) {
	#page-header{display:none}
	.notic{display:none;}
	.main {
		float: none;
		width: 100%;
	}
	.main_login .login-box{width: 100% !important;}
	.main_register .register_main{width: 90% !important;}
	.main_visual{
		width: 100%;
		height: auto !important;
	}
	.main_visual .main_slide{
		width: 100% !important;
		height: auto !important;
	}
	.main_visual .main_slide .main_slide_pic{
		width: 100% !important;
		overflow: hidden;
	}
	.main_visual .main_slide .main_slide_pic li{
		width: 100% !important;
		height: auto !important;
	}
	.main_visual .main_slide .main_slide_pic li img{
		width: 100% !important;
		height: auto !important;
	}
	.main_register .register_success p span{width: calc(40%) !important;}
}
/** 导航 end**/
body input,body textarea{box-shadow:none}
body .layui-layer-prompt textarea.layui-layer-input{resize:both}
body .layui-main{width:1100px;padding-bottom:80px;}
body .layui-layer{box-shadow:none}
body .layui-breadcrumb{margin-bottom:10px}
body .qn-layer{border-radius:15px !important;border:1px solid #fff}
body .qn-layer .layui-layer-title{border-radius:10px 10px 0 0 !important;border:1px solid #fff}
body .qn-layer .layui-layer-content{}
body .qn-layer .layui-layer-content iframe{border-radius:15px !important;border:1px solid #fff}
body .iconfont{-webkit-text-stroke-width:0}
.pull-right{float:right}
.pull-left{float:left}
em,cite,i{font-style:normal}
.clearfix{clear:both;overflow:hidden}
.clearfix:after{}
.mb10{margin-bottom:10px;position:relative}
.mb20{margin-bottom:10px;position:relative}
.ofh{overflow:hidden}
.pipe{margin:0 5px 0 0}
.pipe{margin:0 5px;color:#CCC}

/** layui **/
.layui-tab-title .layui-this{background:#fff;height:41px}
.layui-form-switch{width:52px;height:24px;line-height:24px}

/** 登录页面 **/
.main_login .page-title{position:relative;font-size:14px;margin:20px 0 30px;padding:10px 15px;line-height:30px;border-bottom:1px solid #DFDFDF}
.main_login .fly-form-app .icon-qq{color:#7CA9C9}
.main_login .fly-form-app .iconfont{font-size:16px;padding:0 5px}
.main_login .login-box{position:relative;width:40%;padding:0 20px;margin:0 auto;}
.main_login .cut-off{width:100%;border-top:1px solid #c2c2c2;position:relative;margin:40px 0}
.main_login .cut-off .chose-other{display:inline-block;padding:10px 20px;background:#fff;color:#999;position:absolute;top:-24px;left:50%;margin-left:-83px}
.main_login .layui-form-div{padding:20px}
.main_login .layui-form-switch{margin-top:0}
.main_login .layui-input-inline{width:50%;margin:0}
.main_login .layui-form-extend-box{padding:20px}
/** 注册页面 **/
.main_register{padding:20px}
.main_register .page-title{position:relative;font-size:14px;margin:20px 0 30px;padding:10px 15px;line-height:30px;border-bottom:1px solid #DFDFDF}
.main_register .register_main{width:514px;margin:0 auto}
.main_register .fly-form-app .icon-qq{color:#7CA9C9}
.main_register .fly-form-app .iconfont{font-size:16px;padding:0 5px}
.main_register .dl-span{margin-left:10px}
.main_register .cut-off{width:100%;border-top:1px solid #c2c2c2;position:relative;margin:35px 0 50px}
.main_register .cut-off .chose-other{display:inline-block;padding:10px 20px;background-color:#ffffff;color:#999;position:absolute;top: -24px;left: 50%;margin-left: -83px;}
.main_register .register_success{text-align:center;font-size: 18px;padding: 11px 13px;color: #707070;border-radius: 5px;background-color: #f5faff;border: 1px dashed #62b3ff;width: calc(100%);height: 70%;}
.main_register .register_success h4{color: #62b3ff;position: relative;line-height: 20px;margin-bottom: 120px;text-align: left;}
.main_register .register_success p{line-height:33px;margin-bottom:20px;height:33px;margin-left:auto;margin-right:auto;}
.main_register .register_success p span{background-color:#fff1d3;border:1px solid #f8dfaa;color:#707070;padding:5px 20px;width: calc(30%);display: inline-block;font-size:16px;height: 33px;line-height: 22px;}
.main_register .register_success p span:last-child{margin-left:-1px}

.alert-success{background-color:#fff1d3;border:1px solid #f8dfaa;color:#e78b1f;padding:10px 30px 10px 40px;line-height:20px;font-size:14px;border-radius:4px;position:relative}
.alert-warning{background-color:#fff1d3;border:1px solid #f8dfaa;color:#e78b1f;padding:10px 30px 10px 40px;line-height:20px;font-size:14px;border-radius:4px;position:relative}

/* 简易编辑器 */
.fly-edit{position:relative; display: block; top: 1px; left:0; padding:0 10px; border: 1px solid #e6e6e6; border-radius: 2px 2px 0 0; background-color: #FBFBFB;}
.fly-edit span{cursor:pointer; padding:0 10px; line-height: 38px; color:#009E94;}
.fly-edit span i{padding-right:6px; font-size: 18px;}
.fly-edit span:hover{color:#5DB276;}

body .layui-edit-face{ border:none; background:none;}
body .layui-edit-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-edit-face .layui-layer-TipsG{display:none;}
.layui-edit-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-edit-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 30px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-edit-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}


/* 图标 */
@font-face {font-family: "iconfont";src: url('iconfont.eot?t=1482156509982');src: url('iconfont.eot?t=1482156509982#iefix') format('embedded-opentype'),url('iconfont.woff?t=1482156509982') format('woff'),url('iconfont.ttf?t=1482156509982') format('truetype'),url('iconfont.svg?t=1482156509982#iconfont') format('svg');}

.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-daxiao:before { content: "\e600"; }
.icon-kejian:before { content: "\e601"; }
.icon-shezhi:before { content: "\e602"; }
.icon-wenbenshuru:before { content: "\e603"; }
.icon-xinlangweibo:before { content: "\e604"; }
.icon-tengxunweibo:before { content: "\e605"; }
.icon-suoxiao:before { content: "\e606"; }
.icon-fangda:before { content: "\e607"; }
.icon-quanping:before { content: "\e608"; }
.icon-suoxiao1:before { content: "\e609"; }
.icon-fangda1:before { content: "\e60a"; }
.icon-qq:before { content: "\e60b"; }
.icon-douban:before { content: "\e60c"; }
.icon-github:before { content: "\e60d"; }
.icon-evaluate:before { content: "\e673"; }
.icon-bianji:before { content: "\e60e"; }
.icon-xiazai:before { content: "\e60f"; }
.icon-markfill:before { content: "\e730"; }
.icon-mark:before { content: "\e731"; }
.icon-link:before { content: "\e656"; }
.icon-camerafill:before { content: "\e657"; }
.icon-camera:before { content: "\e658"; }
.icon-cartfill:before { content: "\e659"; }
.icon-cart:before { content: "\e65a"; }
.icon-clock:before { content: "\e65b"; }
.icon-remindfill:before { content: "\e65e"; }
.icon-remind:before { content: "\e65f"; }
.icon-selectfill:before { content: "\e660"; }
.icon-select:before { content: "\e661"; }
.icon-back:before { content: "\e662"; }
.icon-lbsfill:before { content: "\e668"; }
.icon-lbs:before { content: "\e669"; }
.icon-refresh:before { content: "\e66a"; }
.icon-tag:before { content: "\e66c"; }
.icon-smile:before { content: "\e670"; }
.icon-gird:before { content: "\e672"; }
.icon-dark:before { content: "\e676"; }
.icon-light:before { content: "\e677"; }
.icon-crop:before { content: "\e679"; }
.icon-temperature:before { content: "\e67a"; }
.icon-brightness:before { content: "\e67b"; }
.icon-adjust:before { content: "\e67c"; }
.icon-rotating:before { content: "\e67d"; }
.icon-delete:before { content: "\e67e"; }
.icon-diamond:before { content: "\e67f"; }
.icon-gift:before { content: "\e681"; }
.icon-edit:before { content: "\e682"; }
.icon-favfill:before { content: "\e685"; }
.icon-fav:before { content: "\e686"; }
.icon-write:before { content: "\e687"; }
.icon-level:before { content: "\e688"; }
.icon-comments:before { content: "\e689"; }
.icon-feedback:before { content: "\e68a"; }
.icon-share:before { content: "\e68b"; }
.icon-service:before { content: "\e68c"; }
.icon-crown:before { content: "\e68d"; }
.icon-user:before { content: "\e68e"; }
.icon-myfill:before { content: "\e68f"; }
.icon-my:before { content: "\e690"; }
.icon-socialfill:before { content: "\e691"; }
.icon-social:before { content: "\e692"; }
.icon-fanlifill:before { content: "\e693"; }
.icon-fanli:before { content: "\e694"; }
.icon-message:before { content: "\e698"; }
.icon-search:before { content: "\e699"; }
.icon-scan:before { content: "\e69a"; }
.icon-check:before { content: "\e69b"; }
.icon-like:before { content: "\e69c"; }
.icon-likefill:before { content: "\e69d"; }
.icon-lock:before { content: "\e69e"; }
.icon-tuichubianji:before { content: "\e610"; }
.icon-mobile:before { content: "\e6a0"; }
.icon-qr2:before { content: "\e6a5"; }
.icon-closefill:before { content: "\e6a6"; }
.icon-close:before { content: "\e6a7"; }
.icon-attachment:before { content: "\e6a9"; }
.icon-pic:before { content: "\e6aa"; }
.icon-more:before { content: "\e6ad"; }
.icon-rmb:before { content: "\e6b0"; }
.icon-plane:before { content: "\e6b1"; }
.icon-planefill:before { content: "\e6b2"; }
.icon-computer:before { content: "\e6b3"; }
.icon-ascend:before { content: "\e6b4"; }
.icon-defaultsort:before { content: "\e6b5"; }
.icon-falling:before { content: "\e6b6"; }
.icon-filter:before { content: "\e6b9"; }
.icon-filter2:before { content: "\e6ba"; }
.icon-99:before { content: "\e6bf"; }
.icon-chaogaofan2:before { content: "\e6c4"; }
.icon-backtop:before { content: "\e6c6"; }
.icon-jinbi:before { content: "\e6c8"; }
.icon-zoomcard:before { content: "\e6c9"; }
.icon-cloudfill:before { content: "\e6cc"; }
.icon-cloud:before { content: "\e6cd"; }
.icon-downloadfill:before { content: "\e6ce"; }
.icon-download:before { content: "\e6cf"; }
.icon-jiangli1:before { content: "\e6d0"; }
.icon-jiangli2:before { content: "\e6d1"; }
.icon-applewatch:before { content: "\e6d2"; }
.icon-tongbushoucang2:before { content: "\e6d3"; }
.icon-tongbushoucang:before { content: "\e6d4"; }
.icon-wenhaofill:before { content: "\e72c"; }
.icon-wenhao:before { content: "\e72d"; }
.icon-dingdan:before { content: "\e737"; }
.icon-fankui:before { content: "\e738"; }
.icon-liuyanfill:before { content: "\e743"; }
.icon-liuyan:before { content: "\e744"; }
.icon-qingchu:before { content: "\e747"; }
.icon-quan:before { content: "\e748"; }
.icon-shaixuan:before { content: "\e74a"; }
.icon-shanchu:before { content: "\e74b"; }
.icon-sousuoleimu:before { content: "\e754"; }
.icon-xihuanfill:before { content: "\e760"; }
.icon-xihuan:before { content: "\e761"; }
.icon-youhuiquan:before { content: "\e764"; }
.icon-zuji:before { content: "\e767"; }
.icon-xiangji1fill:before { content: "\e77e"; }
.icon-xiangji1:before { content: "\e77f"; }
.icon-xiangji2:before { content: "\e780"; }
.icon-shuaxin:before { content: "\e782"; }
.icon-hongbao:before { content: "\e6da"; }
.icon-wodejifenbao:before { content: "\e6db"; }
.icon-close2:before { content: "\e6dd"; }
.icon-yuyin:before { content: "\e6e1"; }
.icon-danlieliebiao:before { content: "\e6e4"; }
.icon-shuanglieliebiao:before { content: "\e6e5"; }

/**page分页**/
.pagination{position:relative;overflow:hidden;margin:10px 0}
.pagination li{padding:0 8px;background-color:#fff;margin-right:3px;float:left;height:23px;line-height:23px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #ddd;border-top-color:#bbb}
.pagination li:hover{padding:0 8px;border:1px solid #eee;background-color:#eee;color:#666;text-decoration:none}
.pagination li.active{padding:0 8px;border:1px solid #488fcd;background-color:#488fcd;color:#fff;margin-right:3px;float:left;height:23px;line-height:23px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.pagination li.active a{color:#fff}


.footer-box .p-link>a:hover,.header-box .small-nav a{color:#576077}
.footer-box{width:100%;position:fixed;bottom:0;color:#999;background-color:#30363D;text-align:center;padding:25px 0;border-top:1px solid #e5e5e5;margin-top:30px;}
.footer-box .p-link{margin-bottom:10px}
.footer-box .p-link>a{padding:0 6px 0 10px}
.footer-box .p-link>a+a{line-height:12px}
.footer-box .p-text{line-height:24px}
.footer-box .p-link>a,.footer-box .p-text>a{color:#999;text-decoration:none}
.footer-box .p-img{margin-top:10px}
.footer-box .p-img>a{margin:0 5px;text-decoration:none}
/**button disabled**/
button[disabled],a[disabled],.btn.disabled,.btn[disabled],fieldset[disabled] .btn{background-color:#bdc3c7;color:rgba(255,255,255,.75);opacity:.7;filter:alpha(opacity=70);cursor:not-allowed}