.bgg{background: #fdf9f5;}
.bgw{background:#fff;}

.w100p {width:100% !important;}
.width-all {width: 100%;height: auto;display: block;overflow: hidden;}

.fl {float: left!important;}
.fr {float: right!important;}
.w50X {width: 49.5% !important;}

/**分页**/
div.mui-page-box {width:100%;display: inline-block;}
div.mui-page{text-align: center;clear:both;margin: 20px auto;}
div.mui-page a{display: inline-block;min-width: 28px;height: 28px;border: 1px solid #ddd;line-height: 24px;text-align: center;margin-left: 6px;box-sizing: border-box;padding: 0 6px;color: black;}
div.mui-page a:hover, div.mui-page a.current, div.mui-page a.active{border-color: #d18123;color: #d18123;}
div.mui-page a.disabled{border-color: #ccc !important;color: #ccc !important;opacity: 0.5;}
div.mui-page a.inputPageNo{padding: 0 3px 3px;}
div.mui-page a i{font-size: 16px;vertical-align: middle;}
div.mui-page span{color: #999;letter-spacing: 1px;border-color: #39c;margin: 0 0 0 1em}
div.mui-page span input{margin: 0 5px;width: 40px;height: 20px;border: 1px solid #ddd;line-height: 20px;text-align: center}
div.mui-page span a{height: 22px;line-height: 20px}

/**回到顶部**/
.to-up {position: fixed;right: 50px;bottom: 50px;background-color: #9caebe;width: 50px;height: 50px;display: none;z-index: 99999;border-radius: 4px;text-align: center;line-height: 50px;}
.to-up i {font-size: 32px;color: white;animation: blink 2s linear infinite;}
@keyframes blink{
	0%{opacity: 1;}10%{opacity: 1;}20%{opacity: 0.8;}30%{opacity: 0.6;}40%{opacity: 0.4;}50%{opacity: 0.2;}50.01%{opacity: 0.2;} 
	60%{opacity: 0.4;}70%{opacity: 0.6;}80%{opacity: 0.8;}90%{opacity: 1;}100%{opacity: 1;}}
	
/*头部(扩充)*/
.header-all {background: url(../image/head-bg.jpg) center top no-repeat;background-size: cover;}
.header-all .header-box {width: 1200px;height: 118px;overflow: hidden;}
.header-all .header-box img.logo {height: 100px;margin-top: 6px;}
.header-all .header-box img.qcode {height: 90px;margin-top: 14px;float: right;}
.header-all .header-box .search-box {display: inline-block;width: 270px;height: 33px;border: 1px solid #e7b377;position: absolute;top:40%;right:10px;}
.header-all .search-box span {float: left;font-size:16px; line-height: 31px;background-color: #e7b377;display: inline-block;height: 100%;padding: 0px 10px;color: #333;}
.header-all .search-box input {font-size:12px; border: 0;background: none;height: 30px;width: 184px;;float: left;text-indent: 4px;}
.header-all .search-box i {line-height: 33px;font-size: 20px;color:black;float: left;margin-left: 5px;}
.header-all .search-box a:hover i {font-weight: 600;color: #FF3300;}

.header-box a.lo-new {float: left;}
.header-box a.lo-new img.lo {width:94px;float: left;margin-top: 12px;}
.header-box a.lo-new img.wen {height:120px;margin-left: 10px;margin-top: -3px;}
.header-box a.lo-new img.old {margin-left: 8px;margin-bottom: 10px;}

.header-box a.logo-new {float: left;display: inline-block;height: 100%;position: relative;}
.header-box a.logo-new img {height:94px;float: left;margin-top: 12px;}
.header-box .lwen {position: absolute;top:50px;right:380px;}
.header-box .lwen img {height: 24px;}

.header-box .zzjyb {font-size: 20px;color:#145544;display: inline-block;margin-top: 52px;padding-left:20px;border-left:2px solid #145544;letter-spacing: 4px;}

.header-box a.logo-new.org img {height:92px;float: left;margin-top: 13px;}
.header-box .lwen.org {position: absolute;top:50px;right:240px;}
.header-box .lwen img {height: 22px;}
.header-box .lag-box {border: 1px solid #ded5d5;padding: 4px 8px;position: absolute;right: 40px;top: 40px;border-radius: 6px;cursor: pointer;height: 30px;min-width: 104px;}
.header-box .lag-box .lag-icon {height: 20px;float: left;}
.header-box .lag-box span {float: left;margin-left: 5px;font-size: 14px;line-height: 22px;}
.header-box .lag-box:hover {background-color: #FFB800;}
.header-box .lag-box:hover span {color: white;}
.header-box .lag-box .lag {position: absolute;right: 0;top: 29px;display: none;border-radius: 6px;padding: 4px;border: 1px solid #ded5d5;background-color: #eee;text-align: right;width: 100%;}
.header-box .lag-box:hover .lag {display: block;}
.header-box .lag-box:hover .lag i {float: left;font-size: 14px;color: #f28202;}
.header-box .lag-box:hover .lag span {color: #1d8acf;float: right;}
@media (max-width: 890px){
	.header-box .zzjyb {display: none !important;}
	/* .header-all {overflow: hidden;} */
}
@media (max-width: 640px){
	.header-box .zzjyb {display: none !important;}
	/* .header-all {overflow: hidden;} */
}

/**导航菜单**/
.nav-all {background-color: #017bc1;}
.nav-all .nav-box {width: 1200px;}
.nav-all .nav-box li {width:129px;display: inline-block;height: 100%;float: left;position: relative;text-align: center;}
.nav-all li a {display: inline-block;height: 100%;color:#fff;line-height: 50px;padding: 0px 5px;font-size: 16px;text-align: center;font-weight: 500;min-width: 110px;}
.nav-all li:hover {background-color: #0f01c1;}
.nav-all li:hover:after {display: none;}
.nav-all li:hover a {color: #deeafb;}
.nav-all li:after {content: '';background-color: #ebe9e9;display: block;height: 14px;width: 1px;position: absolute;top:20px;right: 1px;}
.nav-all li:last-child:after {display: none;}
.nav-all li:before {content: '';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #9b9be3;position: absolute;bottom:0px;left:50%;margin-left: -3px;display: none;}
.nav-all li:hover:before {display: block;}

.nav-all li .sub-box {width:auto;min-width:100%;position: absolute;left:0px;z-index: 1000;background-color: #297af4;display: none;z-index: 100;}
.nav-all li .sub-box a {display: block;border-bottom:1px solid #f1ca94;white-space: nowrap;color: white;}
.nav-all li .sub-box a:hover {color:#000;background-color: #f8f8f8;}
.nav-all li:hover .sub-box {display: block;}

@media (max-width: 1200px){
	.header-all .header-box {width:100%;}
	.nav-all .nav-box {width: 100%;}
}
@media (max-width: 890px){
	/* .nav-all .nav-box {overflow-x: auto;overflow-y: hidden;transition: auto;word-break: keep-all;white-space: nowrap;} */
	.nav-all .nav-box li {float: inherit;}
}
@media (max-width: 768px){
	.header-box a.logo-new {padding-left:8px;}
	.header-box a.logo-new img {height:80%;margin-top: 8px;}
	.header-all .header-box {height: 90px;}
	.header-box .lag-box {top:20px;right:8px;min-width: 92px;}
	.nav-all li:visited .sub-box {display: block;}
}
@media (max-width: 640px){
	.header-all .header-box {height: 80px;}
	.header-box a.logo-new {padding-left:6px;}
	.header-box a.logo-new img {height:74%;margin-top: 10px;}
	.header-box .lag-box {top:20px;right:10px;min-width: 92px;}
	.nav-all li:visited .sub-box {display: block;}
}

/*个人中心头部-小*/
.header-all.small {height: 90px;}
.header-all.small .header-box {height: 100%;}
.header-all.small .header-box a.logo-new img {height:74px;float: left;margin-top: 12px;}
.header-all.small .header-box .sname {display: inline-block;}
.header-all.small .header-box .sname h1{color:#145544;font-size: 18px;margin-top: 34px;border-left:2px solid #145544;letter-spacing: 4px;display: inline-block;padding-left:16px;line-height: 34px;margin-left: 14px;}

/**登录人信息**/
.header-box .hright-box {display: inline-block;height: 100%;transition: all .4s;right: 8px;position: absolute;}
.hright-box a.uicon {height: 100%;width: auto;text-align: center;display: inline-block;padding:30px 10px;float: left;}
.hright-box a.uicon.empty {line-height: 63px;}
.hright-box a.uicon i {float: left;margin-right: 6px;}
.hright-box a.uicon span {float: left;font-size: 16px;}
.hright-box a.uicon:hover span {color: #0d9d57;}
.hright-box a.uicon i.layui-icon-user {font-size: 30px;color:#0d9d57;}

.hright-box a.quit {height: 100%;width: auto;text-align: center;display: inline-block;padding:40px 0px;}
.hright-box a.quit i {margin-left: 4px;font-size: 22px;color:#FFB800;}

.hright-box .layui-nav-child {top:62px;padding:0px;}
.hright-box:hover .layui-nav-child {display: block;}
.hright-box .layui-nav-child dd {border-bottom:1px solid #eee;}
.hright-box .layui-nav-child dd a {display: inline-block;width:100%;height: 100%;text-align: center;}
.hright-box .layui-nav-child dd a i {margin-right: 8px;font-size: 18px;}
.hright-box .layui-nav-child dd.quit a {color:red;}
.hright-box .uicon .eimg {display: inline-block;height: 40px;width: 40px;background-color: #eee;border-radius: 50%;margin: 10px;float: left;}

.hright-box .uicon img {height: 40px;width: 40px;border-radius:50%;margin-right: 4px;float: left;}
.hright-box h1.uname {font-size: 16px;max-width: 100px;overflow-x:hidden;float:left;margin-top: 10px;}

.hright-box .arrow {display: none;width: 0;height: 0;border-color: transparent;border-style: solid;border-bottom-color: #51c97d;border-width: 0px 5px 5px 5px;position: absolute;bottom: 0px;left: 50%;transform: translate(-50%);}

.hright-box .layui-layer-tips {z-index: 10000; position: absolute; left: -150px; top: 62px;width:180px;}
.hright-box .layui-layer-content {background-color: #3ec483 !important;}
.hright-box .layui-layer-tips i.layui-layer-TipsB {border-right-color: #3ec483;}
@media (max-width: 640px){
	.header-box .hright-box {float: right;width: 33%;top: -25%;}
	.hright-box a.uicon span {float: right;font-size: 15px;margin-right: -20%;}
	.hright-box a.uicon i.layui-icon-user {font-size: 22px;}
	.hright-box a.uicon i {margin-left: 20%;}
	.hright-box h1.uname {float: none;font-size: 14px;}
	.hright-box .uicon img {margin-left: 16px;height: 28px;margin-top: 6px;width: 28px;margin-right: 0px;}
}

/***footer***/
.footer-all .flogo {position: absolute;left:50%;top:-40px;margin-left: -40px;background-color: white;border-radius: 50%;border:5px solid #8d8de3;}
.footer-all .flogo img {width: 70px;height: 70px;}
.footer-all .ft-box{text-align: center;padding-top: 48px;position: relative;padding-bottom:20px;}
.footer-all .ft-box p{color: #fff;font-size: 14px;letter-spacing: 4px;}
.footer-all .footer-box a.bszs {position: absolute;right:-20px;top:20px;}
@media (max-width: 1200px){
	.footer-all .footer-box a.bszs {right:0px;}
	.footer-all .ft-box {width:80%;margin-left: 10%;}
}

/**list no data**/
.nodata-box {display: block;width:100%;margin: 20px auto;font-size: 16px;text-align: center;color:#909090;z-index: 1000;}

.pop-box-all {position: fixed;width:100%;height: 100%;left:0;top:0;background: rgba(0,0,0,0.1);}
.pop-box {width:340px;min-height: 140px;position: absolute;left:50%;top:50%;margin-left: -170px;z-index:1001;margin-top: -140px;border: 1px solid #eee;background: white;}
.pop-box .title {width:100%;height: 34px;background: #eee;text-align: center;font-size: 16px;line-height: 34px;border-bottom:1px solid #eee;}
.pop-box p {width:90%;margin: 10px 5% 46px 5%;text-align: center;line-height: 24px;font-size: 16px;}
.pop-box .submit {width:100%;height: 36px;position: absolute;left:0;bottom:0;text-align: center;font-size: 18px;background: #dfc3a3;line-height: 36px;color:#6b6b6b;}
.pop-box .submit:hover {background: #edaf67;color:white;}

.toast-box {min-width:100px;min-height:60px;height: auto;position: fixed;left:50%;top:50%;margin-left:-50px;margin-top:-20px;background: rgba(0,0,0,0.55);border-radius: 8px;}
.toast-box p {margin: 14px;text-align: center;color:white;font-size: 16px;line-height: 24px;}

.layui-anim{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.loading-box {min-width:100px;min-height:60px;height: auto;position: fixed;left:50%;top:40%;margin-left:-50px;background: rgba(0,0,0,0.55);border-radius: 8px;text-align: center;padding-top:14px;}
.loading-box i {display:inline-block;font-size: 50px;color:white;margin-top: 10px;}
.loading-box p {margin: 4px 14px 14px 14px;text-align: center;color:white;font-size: 16px;line-height: 24px;}

/**login-pop**/
.login-pop {width:100%;display: inline-block;background-color: #f0f2f5;height: 100%;}
.login-pop>div {width:100%;display: inline-block;overflow: hidden;text-align: center;position: relative;}
.login-pop .app-box {text-align: center;margin-top: 12px;}
.login-pop .app-box img {display: inline-block;width: 30px;height: 30px;margin-right: 8px;}
.login-pop .app-box h1 {display: inline-block;position: relative;top:4px;font-size: 22px;}
.login-pop .follow {text-align: center;color:#999;margin: 10px auto 6px auto;}
.login-pop h3 {display: inline-block;padding:6px 0px;color:#3ec483;border-bottom:2px solid #3ec483;font-size: 14px;}

.login-pop .qr-box {width:180px;height:180px;display: inline-block;margin: 12px auto;background-color: white;position: relative;}
.login-pop img.qr {width:100%;}
.login-pop .qr-box .empty-box {background-color: rgba(0,0,0,0.1);display: none;width:100%;height: 100%;position: absolute;left:0;top:0;text-align: center;}
.login-pop .qr-box .empty-box a {color:#1e9fff;padding:8px;margin-top: 70px;display: inline-block;}
.login-pop .qr-box .empty-box a:hover {color:#067ad1;}
.login-pop .qr-box.empty .empty-box {display: block;}

.login-pop .vcode-box {width:70%;margin-left: 15%;text-align: left;position: relative;margin-bottom: 4px;}
.login-pop .vcode-box.uid {margin-bottom: 6px;}
.login-pop .vcode-box input {width:100%;text-indent: 30px;font-size: 12px;height: 34px;}
.login-pop .vcode-box .i1 {position: absolute;top:5px;left:6px;font-size: 20px;color:#3ec483;}
.login-pop .vcode-box .tip {width: 36px;height: 28px;position: absolute;right:1px;top:1px;background-color: #fafafa;border-left:1px solid #e6e6e6;text-align: center;line-height: 30px;}
.login-pop .vcode-box .i2 {font-size: 20px;color:#a6a1a1;}
.login-pop .vcode-box .tip:hover .i2 {color:#333;}
.login-pop a.submit {width:60%;margin: 10px auto 2px auto;}

.login-pop .err-box {text-align: center;width:100%;margin-bottom:4px;display: none;}
.login-pop .err-box .err-text {border:1px solid #dc6434;padding:2px 4px;background-color: #f0e1db;color:#dc6434;display: inline-block;min-width: 60%;}
.login-pop .err-box i {margin-right: 6px;color:#dc6434;}

.login-pop .close {position: absolute;top:0;right:0;display: inline-block;padding:4px 4px 4px 6px;cursor: pointer;background-color: #e2e7e4;width:auto;}
.login-pop .close:hover {background-color: #d4d9d6;}
.login-pop .close i {font-size: 20px;}
.login-pop .close:hover i {color:#3ec483;}

.login-pop .login-tabs {position: absolute;left:0;bottom:0;width:100%;height: 40px;border-top:1px solid #eee;background-color: white;display: flex;}
.login-pop .login-tabs .tab {flex:1;line-height: 40px;text-align: center;font-size: 14px;cursor: pointer;}
.login-pop .login-tabs .tab.hover {color:#3ec483;background-color: #f0f2f5;}

.login-pop .email-box {padding:40px 30px;width:100%;position: relative;display: block;}
.login-pop .email-box .i-box {width:100%;display: inline-block;position: relative;margin-bottom: 24px;}
.login-pop .email-box .i-box .i1 {position: absolute;top:5px;left:6px;font-size: 20px;color:#3ec483;}
.login-pop .email-box .i-box input {font-size: 12px;text-indent: 34px;}
.login-pop .email-box .i-box input.imgcode {width:74px;text-indent: 4px;float: left;}
.login-pop .email-box .i-box img {float: left;height: 30px;margin-right: 6px;}
.login-pop .email-box .i-box button {float: right;}

.login-pop .email-box .tip {width: 36px;height: 28px;position: absolute;right:1px;top:1px;background-color: #fafafa;border-left:1px solid #e6e6e6;text-align: center;line-height: 30px;}
.login-pop .email-box .i2 {font-size: 20px;color:#a6a1a1;}
.login-pop .email-box .tip:hover .i2 {color:#333;}