/**自定义滚动条样式 */
::-webkit-scrollbar {width: 4px;height: 4px}
::-webkit-scrollbar-track {background-color: transparent;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
::-webkit-scrollbar-thumb {background-color: #9c9da0;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}

/*公共样式*/
.header .layui-nav-child{ z-index:99999; top:60px; left: auto; right: 0;}
.seraph{ font-size:16px !important;}
.main_body{ min-width:320px; }
.layui-nav .layui-nav-item a{ cursor:pointer;}
.layui-nav .layui-nav-item>a{ color:rgba(77, 82, 89, 1.0); max-height:60px;}
.layui-nav-tree .layui-this>a{ color:#fff; max-height:60px;}
.layui-layer-tab .layui-layer-title span{ padding:0 !important;}
iframe{ position:absolute; height:100%; width:100%; border:none;}
.top_menu.layui-nav .layui-nav-child dd.layui-this a,.closeBox.layui-nav .layui-nav-child dd.layui-this a,.closeBox .layui-nav-child dd.layui-this,.top_menu .layui-nav-child dd.layui-this{ background:none; color:#333;}
.layui-nav .layui-nav-child a:hover,.layui-nav li a:hover,.layui-nav .layui-nav-child dd.layui-this a:hover{background-color:#5FB878;color:#fff;}

/*模拟加载层图标样式*/
.layui-layer-dialog .layui-layer-content .layui-layer-ico16{ background-size:100% 100% !important; }
/*样式改变的过渡*/
.layui-body,.layui-footer,.layui-layout-admin .layui-side,.logo,.topLevelMenus li.layui-nav-item,.topLevelMenus li.layui-nav-item:hover{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }
/*隐藏*/
*[mobile],.component .layui-select-title i.layui-edge{ display:none;}

/*打开页面动画*/
.layui-tab-item.layui-show{ animation:moveTop 1s; -webkit-animation:moveTop 1s; animation-fill-mode:both; -webkit-animation-fill-mode:both; position:relative; height:100%; -webkit-overflow-scrolling: touch; overflow:auto; }
@keyframes moveTop{
	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-o-keyframes moveTop{
	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-moz-keyframes moveTop{
	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes moveTop{
	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
/*锁屏*/
.user-header-lock{width: 320px;padding: 20px; position: relative; text-align: center;}
.user-header-lock-img{width:70px; height:70px; margin: 0 auto;}
.user-header-lock-img img{width:70px; height:70px; border-radius: 100%; box-shadow:0 0 30px #44576b;}
.user-header-lock-name{color: #009688;margin: 8px 0 15px 0;}
.input_btn{ overflow: hidden; margin-bottom: 10px; }
.user-header-lock-input{width: 170px; color: #4d5259;background-color: #009688; float: left; margin:0 10px 0 40px; border:none;}
.user-header-lock-input::-webkit-input-placeholder {color:#fff;}
.user-header-lock-input::-moz-placeholder {color:#fff;}
.user-header-lock-input:-ms-input-placeholder {color:#fff;}
.user-header-lock-input:-moz-placeholder {color:#fff;}
#unlock{ float: left; }
#lock-box p{ color:#e60000; }
/*顶部*/
.header{ z-index:2000;}
.logo{ color: #4d5259; float: left; line-height:60px; font-size:20px; padding:0 25px; text-align: center; width:150px;font-weight: bold;text-shadow: 3px 3px 3px #b5b5b5;}
.hideMenu{ float:left; width:20px; height:20px; margin-top:15px; font-size:17px; line-height:20px; text-align:center; padding:5px 5px; color:#4d5259;}
.hideMenu:hover{ color:#4d5259; }
.layui-nav cite{ margin-left: 5px;}
/*顶部右侧*/
.topLevelMenus{float:left;}
.topLevelMenus li.layui-nav-item:hover{ background-color:rgba(221,221,221,0.2);}
.layui-nav .layui-this:after{ bottom:-2px!important;}
.header .layui-nav-bar{top:60px !important;}
.topLevelMenus .layui-nav-item.layui-this{ background-color:rgb(245 246 250);}
.top_menu.layui-nav .layui-this:after{ width:0px; }
.top_menu .layui-nav-bar,.mobileTopLevelMenus .layui-nav-bar{background-color:rgba(0,0,0,0.7);}

/*左侧导航*/
.layui-nav{background-color: inherit !important;}
.showMenu.layui-layout-admin .layui-side{ left:-200px; }
.showMenu .layui-body,.showMenu .layui-footer{ left:0; }
/*左侧用户头像*/
.top_menu{ background-color:inherit !important; position:absolute; right:0;top:0; }
.layui-layout-admin .layui-side{ left:0; overflow:hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.08);}
.user-photo{width: 200px; height: 120px; padding:15px 0 5px;}
.user-photo a.img{ display: block; width:80px; height:80px; margin: 0 auto 10px;}
.user-photo a.img img{ display: block; border: none; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 4px solid #44576b; box-sizing:border-box;}
.user-photo p{ display: block; width: 100%; height: 25px; color: #4d5259fff; text-align: center; font-size: 12px; white-space: nowrap;line-height: 25px; overflow: hidden;}
/*左侧导航重定义*/
.layui-nav-item.layui-nav-itemed{ background-color:#f5f6fa !important;}
.layui-nav-itemed:before{ width:3px; height:100%; background-color:#33cabb; position:absolute; content:''; right:0; top:0;}
.layui-nav-itemed .layui-nav-child a{ padding-left:40px;}
/*左侧搜索框*/
.component{ width:180px; height:30px; margin:0 auto 5px; position:relative;}
.component .layui-input{ height:30px; line-height: 30px; font-size:12px; border:none; transition: all 0.3s; background:rgba(255,255,255,0.05); }
.component .layui-input:focus{ background:#fff; color:#000; }
.component .layui-form-select dl{ top:33px; background:#fff; }
.component .layui-icon{ position: absolute; right:8px; top:8px; color:#000; }
.component dl dd{ color:#000 !important;}
.component dl dd.layui-this{ color:#fff !important;}
.component dl dd.layui-select-tips{ color:#999 !important;}

/*layui-body*/
.layui-body{overflow:hidden; border-top:2px solid #f6f6f6;border-left:2px solid #f6f6f6; background:#fff;}
#top_tabs_box{ padding-right:180px; height:40px; border-bottom:1px solid #e2e2e2; }
#top_tabs{ position: absolute; border-bottom:none;}
.layui-tab-title .layui-this{background-color: #f5f6fa;color: #4d5259; }
.layui-tab-title .layui-this:after{ border:none; }
.layui-tab-title li cite{ font-style: normal; padding-left:5px; }
.clildFrame.layui-tab-content{ top:0px; position:absolute; bottom:0; width:100%; padding:0;background: #f0f1f3;}
/*多窗口页面操作下拉*/
.closeBox{ position:absolute; right:0; background-color:#fff !important; color:#000; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.closeBox .layui-nav-item{ line-height:40px; }
.closeBox .layui-nav-item>a,.closeBox .layui-nav-item>a:hover{ color:#000; }
.closeBox .layui-nav-child{ top:42px; left:-12px; }
.closeBox .layui-nav-bar{ display:none; }
.closeBox a i.caozuo{ font-size: 20px; position:absolute; top:1px; left:-5px; }
.closeBox a i.layui-nav-more{ border-color:#333 transparent transparent;}
.closeBox a i.layui-nav-more.layui-nav-mored{ border-color:transparent transparent #333;}
/*功能设定*/
.functionSrtting_box{ padding-top:15px;}
.functionSrtting_box .layui-form-label{ width:81px;}
.functionSrtting_box .layui-word-aux{ position:absolute;left:60px; top:9px; font-size: 12px;}
/*换肤*/
.skins_box{ padding:10px 34px 0; }
.skinBtn{ text-align:center; }
/*橙色*/
.orange .layui-layout-admin .layui-header{ background-color:orange !important; }
.orange .layui-bg-black{ background-color:#e47214 !important; }
/*蓝色*/
.blue .layui-layout-admin .layui-header{ background-color:#3396d8 !important; }
.blue .layui-bg-black,.blue .hideMenu{ background-color:#146aa2 !important; }
/*自定义*/
.skinCustom{ visibility:hidden; }
.skinCustom input{ width:48%; margin:5px 2% 5px 0; float:left; }
.orange .layui-nav-tree .layui-nav-child a,.blue .layui-nav-tree .layui-nav-child a{ color:#fff; }
.orange .top_menu.layui-nav .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-more{border-color:#fff transparent transparent !important;}
.orange .top_menu.layui-nav-itemed .layui-nav-more,.orange .top_menu.layui-nav .layui-nav-mored,.blue .top_menu.layui-nav-itemed .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-mored{border-color:transparent transparent #fff !important;}
/*底部*/
.footer{ text-align: center; line-height:44px;border-left: 2px solid #f6f6f6; z-index:999;}

/*修改顶部高度*/
.header .layui-nav-child,.layui-body,.layui-layout-admin .layui-side,.header .layui-nav-bar{ top:50px !important;}
.header .layui-nav .layui-nav-item,.header .layui-nav .layui-nav-item>a,.header,.logo{ line-height:50px !important; max-height:50px; !important;}
.mobileTopLevelMenus{ float:left;}
.hideMenu{ margin-top: 10px;}

/* .layui-tab-title {
    left:20px;
    border-top-width: 1px;
    border-top-style: solid;
} */
.layui-tab-left {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    width: 20px;
    padding-top: 12px;
    padding-left: 3px;
    background-color: #f6f6f6;
    cursor: pointer;
    z-index: 9999;
}
.layui-tab-left:hover{
    color:#009688;
}
.layui-tab-right {
    position: absolute;
    top: 0px;
    right: 137px;
    height: 30px;
    width: 20px;
    padding-top: 12px;
    padding-left: 3px;
    background-color: #f6f6f6;
    cursor: pointer;
    z-index: 9999;
}
.layui-tab-right:hover{
    color:#009688;
}


#libPay-qcode-box{margin-bottom: 20px;border: 2px solid #eee;border-radius: 4px;font-size: 0;position: relative;}
.libPay-qcode-left, .libPay-qcode-right{display: inline-block;vertical-align: top;font-size: 12px;}
#libPay-qcode-box .pay-radio-type{width: 155px;}
.libPay-qcode-left .pay-type-btn.active{border-right: 2px solid #fff;z-index: 12;position: relative;}
#libPay-qcode-box .pay-type-label{height: 40px;line-height: 40px;padding-left: 15px;display: block;margin: 0;border-bottom: 1px solid #eee;cursor: pointer;}
#libPay-qcode-box .pay-radio-tit{font-weight: 500;font-size: 13px;}
.libPay-qcode-right{border-left: 1px solid #eee;margin-left: -1px;padding: 15px 0 15px 25px;position: relative;}
#pay_product_view .libVoucher-loading, #libPay-qcode-box .libPay-loading{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;display: none;background: #fff;text-align: center;font-size: 12px;}
.libPay-loading.custom-loading .custom-loading__icon{height: 50px;width: 50px;}
.custom-loading .custom-loading__icon{height: 80px;width: 80px;position: relative;margin: 0 auto;padding-top: 30px;}
.libPay-qcode-right div{display: inline-block;}
.libVoucher-loading p, .libPay-loading p{margin-top: 15px;}
.libPay-qcode-right .libPaycode-box{display: inline-flex;align-items: center;}
audio, canvas, progress, video{display: inline-block;vertical-align: baseline;}
.libPay-qcode-right .payqcode-box{position: absolute;top: 75px;left: 85px;background-color: #fff;width: 25px;height: 25px;border-radius: 4px;}
.libPay-qcode-right .payqcode-box span{position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -9px;}
.libPay-qcode-right .libPaycode-foo-txt .userinfo{margin-bottom: 5px;}
.libPay-qcode-right .libPaycode-foo-txt span{font-size: 30px;font-style: normal;font-weight: bold;display: inline-block;color: #ff7300;margin: 5px 0;}
.libPay-qcode-right .libPaycode-foo-txt .org_price{font-size: 12px;color: #aaa;font-weight: normal;text-decoration: line-through;margin-right: 10px;}
.libPay-qcode-right .libPaycode-foo-txt .libPayCycle i{font-style: normal;margin-right: 7px;}
.pay-type-btn.active .pay-radio-tit, .pay-type-btn.active .pay-radio-icon{color: #5fb878;}
#libPay-qcode-box .pay-radio-icon{width: 16px;height: 16px;margin-right: 8px;margin-top: -1px;vertical-align: middle;}
.libPay-qcode-right .libBank-payment-box{display: none;height: 132px;margin-left: 10px;line-height: 28px;flex-direction: column;justify-content: center;}
.libPay-qcode-right .libBank-payment-box .payment_cont{display: inline-flex;flex-direction: column;border-left: 1px solid #EBEBEB;padding: 0 0 0 20px;min-height: 115px;justify-content: center;}
.availableBalance{font-size: 22px;margin-right: 10px;}
.mt5{margin-top: 5px;}
.btlink{color: #20a53a;font-style: inherit;}
.libPay-loading.custom-loading .custom-loading__icon::before{width: 25px;height: 25px;}
.custom-loading .custom-loading__icon::before{content: "";display: block;position: absolute;left: 25%;top: 53%;width: 40px;height: 40px;opacity: 0.8;background-image: url(../images/logo-green.svg);background-size: contain;background-position: center center;background-repeat: no-repeat;}
.libPay-loading.custom-loading .custom-loading__icon::after{width: 50px;height: 50px;}
.custom-loading .custom-loading__icon:after{content: "";display: block;width: 8rem;height: 8rem;background-image: url(../images/loading.svg);opacity: 0.8;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.pay-wx img {
    width: 132px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.hover{background-color: #5FB878;}

.btn_nums em {
    position: absolute;
    top: -2px;
    width: 25px;
    height: 19px;
    border-radius: 3px 10px 3px 10px;
    background-image: linear-gradient(to bottom,#F8D68C,#EBB261);
    color: #ff0000;
    font-style: normal;
    font-size: 12px;
    line-height: 19px;
    transform: scale(0.8, 0.8);
}

/*响应式样式*/
@media screen and (max-width:1080px){
	.mobileTopLevelMenus[mobile]{display:inline-block;}
	.site-mobile .site-tree-mobile,.topLevelMenus[pc]{display:none !important;}
}
@media screen and (max-width: 720px){
	.hideMenu{ display: none !important; }
	.mobileTopLevelMenus[mobile]{ padding:0;}
	.top_menu>li[pc]{ display: none !important; }
	/*左侧导航*/
	.layui-layout-admin .layui-side{ left:-260px; }
	.site-mobile .layui-side{ left: 0; z-index:1100; }
	.site-tree-mobile {display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width:40px; height:40px; line-height:40px; border-radius: 2px; text-align: center; background-color: rgb(245 246 250); color: #4d5259;}
	.site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
	.layui-body,.layui-layout-admin .layui-footer{ left:-2px; }
	#libPay-qcode-box .pay-radio-type {width: 600px;}
}
@media screen and (max-width:480px){
	.logo{ width:160px; font-size: 18px;}
	#userInfo>a{ padding:0 10px;}
	.mobileTopLevelMenus[mobile] li>a{ padding:0 17px 0 15px;}
	.logo,.layui-nav.top_menu{ padding:0 5px;}
	.adminName,.top_menu dd[pc]{ display: none !important; }
	*[mobile],.top_menu .layui-nav-item.showNotice[pc]{ display:inline-block !important; }
	#libPay-qcode-box .pay-radio-type {width: 360px;}
}