/*公共样式*/
.childrenBody{ padding:10px;}
.layui-table-view{ margin:0 !important;border-radius: 10px;box-shadow: 0 5px 10px #ddd;overflow-x: hidden;overflow-y: hidden;}
.magb0{margin-bottom:0 !important;}
.magt0{ margin-top:0 !important;}
.magt3{ margin-top:3px !important;}
.magt10{ margin-top:10px !important;}
.magb15{ margin-bottom:10px !important;}
.magb01{ margin-bottom:0px !important;}
.magt30{ margin-top:30px !important;}
.layui-left{text-align:left;}
.layui-block{ width:100% !important;}
.layui-center{text-align:center;}
.layui-right{text-align:right;}
.layui-elem-quote.title{ padding:10px 15px; margin-bottom:0;}
.layui-bg-white{ background-color:#fff !important;}
.border{ border:1px solid #e6e6e6 !important; padding:10px; border-top:none;}
.main_btn .layui-btn{ margin:2px 5px 2px 0;}
.layui-timeline-axis{ left:-4px;}
.layui-elem-quote{ word-break: break-all;}
.icons li,.icons li:hover,.loginBody .seraph,.loginBody .seraph:hover,.loginBody .layui-form-item.layui-input-focus label,.loginBody .layui-form-item label,.loginBody .layui-form-item.layui-input-focus input,.loginBody .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.icons li:hover i,.icons li i{transition: font-size 0.3s ease-in-out;-webkit-transition: font-size 0.3s ease-in-out;}
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
/*后台首页*/
.panel_box{ margin-bottom:5px;}
.panel{ text-align:center; height:90px;}
.panel_box a{display:block; border-radius:5px; overflow:hidden; height:80px; background-color:#f2f2f2 !important; }
.panel_icon{ width:40%; display: inline-block; line-height:80px; float:left; position:relative; height:100%;}
.panel_icon i{ font-size:40px !important; color:#fff; display: inline-block;}
.panel_word{ width:60%; display: inline-block; float:right; margin:13px 0 14px; }
.panel_word span{ font-size:25px; display:block; height:34px; }
.panel .loginTime{ font-size:15px; color:#1E9FFF; line-height:17px;}
.panel em{ font-style:normal;}
.history_box{ min-height:370px; height:370px; overflow-y:scroll; padding:10px !important;}
.history_box .layui-timeline .layui-timeline-item:last-child{ padding-bottom:0;}
@media screen and (max-width:1200px) {
    .history_box { height: auto !important; overflow-y: inherit; }
}
/*修改密码*/
.pwdTips{ min-height:auto; margin:40px 0 15px 110px;}
/*个人资料*/
form input.layui-input[disabled]{ background:#f2f2f2; color:#595963!important; }
.user_right{ text-align: center; }
.user_right p{ margin:10px 0 25px; font-size: 12px; text-align: center; color: #FF5722;}
.user_right img.userFace{ width:150px; height:150px; margin-top:10px; cursor:pointer; box-shadow:0 0 50px #44576b; }
.userAddress.layui-form-item .layui-input-inline{ width:23%; }
.userAddress.layui-form-item .layui-input-inline:last-child{ margin-right:0; }
/*下拉多选*/
.layui-form-item select[multiple]+.layui-form-select dd{ padding:0;}
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary]{ margin:0 !important; display:block; line-height:36px !important; position:relative; padding-left:26px;}
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] span{line-height:36px !important; float:none;}
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ position:absolute; left:10px; top:0; margin-top:9px;}
.multiSelect{ line-height:normal; height:auto; padding:4px 10px; overflow:hidden;min-height:38px; margin-top:-38px; left:0; z-index:99;position:relative;background:none;}
.multiSelect a{ padding:2px 5px; background:#908e8e; border-radius:2px; color:#fff; display:block; line-height:20px; height:20px; margin:2px 5px 2px 0; float:left;}
.multiSelect a span{ float:left;}
.multiSelect a i{ float:left; display:block; margin:2px 0 0 2px; border-radius:2px; width:8px; height:8px; background:url(../images/close.png) no-repeat center; background-size:65%; padding:4px;}
.multiSelect a i:hover{ background-color:#545556;}
/*404页面*/
.noFind{ text-align:center; padding-top:2%;}
.noFind i{ line-height:1em; font-size:12em !important; color: #393D50; display:block;}
.ufo{ text-align:center; height:100%; position:relative;}
.noFind .page_icon,.noFind .ufo_icon{ opacity:1; position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);}
.noFind .page_icon{ top:300px; animation:pageGo 0.3s ease-in 0.3s forwards; -webkit-animation:pageGo 0.3s ease-in 0.3s forwards; -o-animation:pageGo 0.3s ease-in 0.3s forwards; -moz-animation:pageGo 0.3s ease-in 0.3s forwards;}
.noFind .ufo_icon{ top:100px; animation:ufo 1s ease-in 0.6s forwards; -webkit-animation:ufo 1s ease-in 0.6s forwards; -o-animation:ufo 1s ease-in 0.6s forwards; -moz-animation:ufo 1s ease-in 0.6s forwards;}
.page404{ margin-top:10%; opacity:0; font-size:0; animation:page404 0.5s ease-in 1.7s forwards; -webkit-animation:page404 0.5s ease-in 1.7s forwards; -o-animation:page404 0.5s ease-in 1.7s forwards; -moz-animation:page404 0.5s ease-in 1.7s forwards;}
.page404 p{ font-size: 20px; font-weight: 300; color: #999;}
/*页面被吸走*/
@keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top: 100px;}}
@-moz-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
@-webkit-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
@-o-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
/*ufo飞走*/
@keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
@-moz-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em;  top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
@-webkit-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em;  top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
@-o-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
/*404显示*/
@keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
@-moz-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
@-webkit-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
@-o-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
/*图标管理*/
.iconsLength{ margin:0 5px;}
.icons li{  margin:5px 0; text-align:center; height:120px; cursor:pointer;}
.icons li i{ display:block; font-size:35px; margin:10px 0; line-height:60px; height:60px;}
.icons li:hover{ background:rgba(13,10,49,.9); border-radius:5px; color:#fff;}
.icons li:hover i{ font-size:50px;}
#copyText{ width:0;height:0; opacity:0; position:absolute; left:-9999px; top:-9999px;}
/*开发文档*/
h2.method{ font-size:18px; line-height:45px; padding-left:5px;}
/*登录*/
.loginHtml,.loginBody{ height:100%;    background: #f7f7f7;}
/* .loginBody{ background:url("../images/login_bg.jpg") no-repeat center center;} */
.loginBody {background: url(/packs/template/dpfrp/img/login/background.png) no-repeat center center;background-repeat: no-repeat;background-size: cover;background-position: top center;}
.loginBody form.layui-form{ padding:0 20px; width:300px; /* height:335px; */ position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 50px #1E9FFF;}
.login_face{ margin:-55px auto 20px; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid #fff; overflow:hidden;box-shadow:0 0 30px #1E9FFF;}
.login_face img{ width:100%;}
.loginBody .layui-form-item{ position:relative;}
.loginBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;}
.loginBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#1E9FFF;}
.loginBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
.loginBody .layui-input::-webkit-input-placeholder{color:#fff;}
.loginBody .layui-input::-moz-placeholder{color:#fff;}
.loginBody .layui-input:-ms-input-placeholder{color:#fff;}
.loginBody .layui-input::placeholder{color:#fff;}
.loginBody .layui-form-item.layui-input-focus input{ border-color:#1E9FFF !important;}
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::placeholder{color:#757575;}
.loginBody .seraph{ font-size:30px; text-align:center;}
.loginBody .seraph.icon-qq:hover{ color:#0288d1;}
.loginBody .seraph.icon-wechat:hover{ color:#00d20d;}
.loginBody .seraph.icon-sina:hover{ color:#d32f2f;}
.imgCode{ position:relative;}
#imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;}
/*用户等级*/
.layui-table-view .layui-table span.seraph{ font-size:25px !important;}
.vip1{ color:#899396;}
.vip2{ color:#4791a7;}
.vip3{ color:#bd6a08;}
.vip4{ color:#a3b8c4;}
.vip5{ color:#63c3ea;}
.vip6{ color:#b563ed;}
.vip7{ color:#ff9831;}
.vip8{ color:#A757A8;}
.vip9{ color:#0ff;}
.vip10{ color:#f00;}
/*新闻添加*/
.layui-elem-quote .layui-inline{ margin:3px 0;}
.category .layui-form-checkbox{ margin:5px 0;}
.border .layui-form-item{ margin-bottom:10px;}
/* .border .layui-form-label{ width:50px;}
.border .layui-form-label i{ position:absolute; top:10px; left:3px;}
.border .layui-input-block{ margin-left:80px;} */
.thumbBoxx{ height:151px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; position:relative; text-align:center; line-height:153px;}
.js_ico{ max-width:100%; max-height:100%; border:none;}
.thumbBoxx:after{ position:absolute; width:100%; height:100%;line-height:153px; z-index:-1; text-align:center; font-size:20px; content:"封面图"; left:0; top:0; color:#9F9F9F;}
.thumbBox{ height:143px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; position:relative; text-align:center; line-height:145px;}
.js_img{ max-width:100%; max-height:100%; border:none;}
.thumbBox:after{ position:absolute; width:100%; height:100%;line-height:145px; z-index:-1; text-align:center; font-size:20px; content:"缩略图"; left:0; top:0; color:#9F9F9F;}
.imgs .image-block:hover .image-block-mask{display: block;}
.imgs .image-block .image-block-mask{width:20px;height: 20px;position: absolute;left:10px;top:0;z-index: 100;display: none;}
.imgs .image-block .image-block-mask .del_btn{position: absolute;top: 10px;z-index: 101;width:20px;height: 20px;line-height: 20px;cursor: pointer;background: #fff;border-right:1px solid #009688;border-bottom: 1px solid #009688;text-align: center;}
.imgs .image-block .image-block-mask .layui-btn{width:100%;position: absolute;left:0;bottom:0;border-radius: 0;height: 30px;line-height: 30px;font-size: 12px;}

/*图片管理*/
#Images li{ width:19%; margin:0.5% 0.5%; float: left; overflow:hidden;}
#Images li img{ width:100%; cursor:pointer; }
#Images li .operate{ display: block; height: 40px; width:100%; background:#f4f5f9; }
#Images li .operate .check{ float:left; margin-left:11px; height:18px; padding:11px 0; width:74%; position:relative;}
#Images li .operate .check .layui-form-checkbox[lay-skin=primary]{ width:100%;}
#Images li .operate .check .layui-form-checkbox[lay-skin=primary] span{ padding:0 5px 0 25px; width:100%; box-sizing:border-box;}
#Images li .operate .check .layui-form-checkbox[lay-skin=primary] i{position:absolute; left:0; top:0;}
#Images li .operate .img_del{ float:right; margin:9px 11px 0 0; font-size: 22px !important; cursor:pointer; }
#Images li .operate .img_del:hover{ color:#f00; }
@media screen and (max-width:1050px){#Images li{ width:24%;}}
@media screen and (max-width: 750px){#Images li{ width:49%;}}
@media screen and (max-width:432px){#Images li{ width:99%;}}
/*系统日志*/
.layui-btn-green{ background-color:#5FB878 !important;}
/*友情链接*/
.linkLogo{ /* width:80px; */ height:60px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; margin:0 auto; position:relative; text-align:center; line-height:60px;}
.linkLogoImg{ max-width:90%; max-height:90%;}
.linkLogo:after{ position:absolute; width:100%; height:100%;line-height:60px; z-index:-1; text-align:center; font-size:22px; content:"上传LOGO"; left:0; top:0; color:#9F9F9F;}
.linksAdd .layui-form-label{ width:60px; padding-left:0;}
.linksAdd .layui-input-block{ margin-left:75px;}
.linksAdd .layui-input-block input{ padding:0 5px;}
/*响应式*/
@media screen and (max-width:450px) {
    #hzzMore{ height: 30px;line-height: 30px; padding: 0 10px; font-size: 12px;}
    .user_right img.userFace{ width:100px; height:100px; margin-top:0;}
    /* .layui-col-xs12 .layui-form-label{ width:60px; padding-left:0;}
    .layui-col-xs12 .layui-input-block,.layui-col-xs12 .layui-input-inline{ margin-left:75px;} */
    .layui-col-xs12 .layui-input-inline{ left:0 !important; width:auto !important;}
    .noFind{ padding-top:0;}
    *[pc]{ display:none;}
}

/**字体颜色*/
/* 蓝色 */
.ft-blue {color: #1E9FFF;}
/* 警告 */
.ft-warm {color: #FFB800;}
/* 强调 */
.ft-red {color: #ff1d33;}
/* 绿色 */
.ft-green {color: #009688;}
/* 绿色 */
.ft-gray {color: #938996;}
.ft-10{font-size: 10px}
.ft-12{font-size: 12px}
.ft-14{font-size: 14px}
.ft-16{font-size: 16px}
.ft-18{font-size: 18px}
.ft-20{font-size: 20px}
.ft-22{font-size: 22px}
.ft-24{font-size: 24px}
.ft-26{font-size: 26px}
.ft-28{font-size: 28px}
.ft-30{font-size: 30px}
.center{text-align: center;}
/*字体加粗*/
.ft-normal{font-weight: normal;}

.ft-bold{font-weight: bold;}

.container{position:relative;}
.searchs{position: absolute;top: 0px;right: 0px;z-index: 99;padding: 0 10px;}
.searchstop{position: absolute;top: 4px;right: 5px;z-index: 99;padding: 0 10px;}
.fb-right1{margin-right: 34px;}
.fb-right2{margin-right: 48px;}
.fb-right3{margin-right: 62px;}
.fb-right4{margin-right: 76px;}
.fb-right5{margin-right: 90px;}
.fb-right6{margin-right: 104px;}
.readon[readonly]{background-color:#eee;}
/*tags*/
.tags{}
.tags a{opacity: .80;filter: alpha(opacity=80);color:#ffffff; display: inline-block;/* margin: 0 5px 5px 0;padding: 0 6px;line-height: 21px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;width: 55px;text-align:center;overflow: hidden;height: 21px; */}
.tags a:nth-child(9n){background-color:#4a4a4a}
.tags a:nth-child(9n+1){background-color:#428bca}
.tags a:nth-child(9n+2){background-color:#5cb85c}
.tags a:nth-child(9n+3){background-color:#d9534f;}
.tags a:nth-child(9n+4){background-color:#567e95}
.tags a:nth-child(9n+5){background-color:#b433ff}
.tags a:nth-child(9n+6){background-color:#00aba9}
.tags a:nth-child(9n+7){background-color:#b37333}
.tags a:nth-child(9n+8){background-color:#f60}

#bloggerinfo a:before,#blogtags a:before,.post-tags a:before{position:absolute;top:0;left:-8px;width:0;height:0;border-top:10px solid transparent;border-right:8px solid #0089fa;border-bottom:10px solid transparent;content:""}
#bloggerinfo a:nth-child(6n+1):before,#blogtags a:nth-child(6n+1):before,.post-tags a:nth-child(6n+1):before{border-right-color:#ff002b}
#bloggerinfo a:nth-child(6n+2):before,#blogtags a:nth-child(6n+2):before,.post-tags a:nth-child(6n+2):before{border-right-color:#ffa900}
#bloggerinfo a:nth-child(6n+3):before,#blogtags a:nth-child(6n+3):before,.post-tags a:nth-child(6n+3):before{border-right-color:#00a753}
#bloggerinfo a:nth-child(6n+4):before,#blogtags a:nth-child(6n+4):before,.post-tags a:nth-child(6n+4):before{border-right-color:#b433ff}
#bloggerinfo a:nth-child(6n+5):before,#blogtags a:nth-child(6n+5):before,.post-tags a:nth-child(6n+5):before{border-right-color:#b37333}
#bloggerinfo a:after,#blogtags a:after,.post-tags a:after{position:absolute;top:8px;left:-2px;width:4px;height:4px;border-radius:50%;background-color:#fff;content:""}
#bloggerinfo a,#blogtags a,.post-tags a{position:relative;display:inline-block;margin:4px 5px 0 8px;padding:3px 7px;background-color:#0089fa;color:#fff!important;font-size:11px;line-height:14px;-webkit-text-size-adjust:none;}
#bloggerinfo a:nth-child(6n+1),#blogtags a:nth-child(6n+1),.post-tags a:nth-child(6n+1){background-color:#ff002b}
#bloggerinfo a:nth-child(6n+2),#blogtags a:nth-child(6n+2),.post-tags a:nth-child(6n+2){background-color:#ffa900}
#bloggerinfo a:nth-child(6n+3),#blogtags a:nth-child(6n+3),.post-tags a:nth-child(6n+3){background-color:#00a753}
#bloggerinfo a:nth-child(6n+4),#blogtags a:nth-child(6n+4),.post-tags a:nth-child(6n+4){background-color:#b433ff}
#bloggerinfo a:nth-child(6n+5),#blogtags a:nth-child(6n+5),.post-tags a:nth-child(6n+5){background-color:#b37333}
#bloggerinfo a:hover,#blogtags a:hover,.post-tags a:hover{background-color:#000}
#bloggerinfo a:hover:before,#blogtags a:hover:before,.post-tags a:hover:before{border-right-color:#000}

.input-img-show {position: absolute;/* left: 0; */z-index: 10;max-height: 200px;max-width: 300px;border: 1px solid #009688;background-image: url(../images/touming_bg.png);}

.grid-demo{padding: 10px;line-height: 50px;text-align: center;background-0color: #79C48C;color: #fff;}
.grid-demo-bg11{background-color: #63BA79;}
.grid-demo-bg22{background-color: #49A761;}
.grid-demo-bg33{background-color: #38814A;}

.permission-list ul li dl, .permission-list ul li dl dd {
    margin-left: 1.5em;
}
/* 图集 */
.layui-upload {background: #f5f5f5;}
.imagest {float: left;    width: 124px;height: 124px;margin: 0px 10px 10px 0px;text-align: center;background-color: #fff;}
.layui-upload-icon {height: 122px;line-height: 122px;}
.layui-form-item .input-custom-width{width:300px; }
.layui-form-label{width: 100px}
.layui-input-block{margin-left: 130px}

.layui-form-mid:hover{color:#009688;}
/* .layui-form-checkbox{margin-top: 0;margin-bottom: 10px;margin-right: 10px;} */
.layui-upload-button{position: absolute;right: 0;top:0;height: 38px;line-height: 38px;cursor: pointer;}
.layui-upload-button .layui-upload-icon{cursor: pointer;}
.layui-form-item .input-img-show{position: absolute;left:0;z-index: 10;max-height:200px;max-width: 300px; border:1px solid #009688;background-image: url(../images/touming_bg.png);}
.images-block-container{background: #f5f5f5;padding: 10px;border:1px solid #e6e6e6;}
.images-block-container .image-block{float: left;position: relative;margin: 10px;width: 122px;height: 122px;border: 1px solid #ddd;overflow: hidden;background: url(../images/touming_bg.png);line-height: 122px;}
.images-block-container .image-block:hover{border-color:#009688;}
.images-block-container .image-block:hover .image-block-mask{display: block;}
.images-block-container .image-block img{max-height: 122px;max-width: 122px;vertical-align: middle;}
.images-block-container .image-block .image-block-mask{width:122px;height: 122px;position: absolute;left:0;top:0;z-index: 100;display: none;}
.images-block-container .image-block .image-block-mask .del_btn{position: absolute;left:0;top:0;z-index: 101;width:20px;height: 20px;line-height: 20px;cursor: pointer;background: #fff;border-right:1px solid #009688;border-bottom: 1px solid #009688;text-align: center;}
.images-block-container .image-block .image-block-mask .layui-btn{width:100%;position: absolute;left:0;bottom:0;border-radius: 0;height: 30px;line-height: 30px;font-size: 12px;}
.images-block-container .layui-upload-button{position: relative;margin: 10px;width: 124px;height: 124px;}
.images-block-container .layui-upload-button .layui-upload-icon{height: 122px;line-height: 122px}

.lfile-icons-document {height: 28px;width: 28px;}
.lfile-icons-document {background-image: url(../images/mp3.png);background-repeat: no-repeat;}
.tx .layui-form-select{width: 200px;display: inline-block;}
.layui-form-item .layui-input-block .pic {padding: 0px;width: 100px;height: 100px;display: none;}
.layui-form-item .layui-input-block .pic img {width: 100%;height: 100%;}
.layui-uppic-icon i {margin-right: 5px;vertical-align: top;font-size: 20px;color: #5FB878;}

/* 提示语 */
.bt-ico-ask{border: 1px solid #fb7d00;border-radius: 8px;color: #fb7d00;cursor: help;display: inline-block;font-family: arial;font-size: 11px;font-style: normal;height: 16px;line-height: 16px;margin-left: 5px;text-align: center;width: 16px;}
.bt-ico-ask:hover{background-color: #fb7d00;color: #fff}
.tooltip{position: relative;display: inline-block;}
.tooltip .tooltiptext{visibility: hidden;width: max-content;background-color: #fb7d00;color: #fff;text-align: center;border-radius: 6px;padding: 5px ;font-size: 14px;position: absolute;z-index: 1;top: -5px;right: 160%;}
.tooltip .tooltiptext::after{content: "";position: absolute;top: 50%;left: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #fb7d00;}
.tooltip:hover .tooltiptext{visibility: visible;}
/* 结束提示语 */

/*在线充值页面*/
.tr_recharge{max-width:900px;background:#fff;border-radius:4px;overflow:hidden;}
.tr_rechtext{width:100%;padding:10px;background:#27b0d6;color:#fff;}
.te_retit{font-size:20px;font-weight:bold;line-height:40px;}
.te_retit img{float:left;margin-top:5px;margin-right:5px;}
.tr_rechtext p{margin-bottom:10px;}
.tr_rechbox{padding:20px;border-bottom:1px solid #ededed;}
.tr_rechhead{width:100%;background:rgba(39,176,214,.15);padding:20px;display:inline-block;float:left;margin-bottom:40px}
.tr_rechhead>img{width:46px;height:46px;border-radius:50%;float:left;margin-right:10px;}
.tr_rechhead>p{line-height:46px;float:left;color:#666;}
.tr_rechhead p a{color:rgb(39,176,214);}
.tr_rechheadcion{float:right;display:inline-block;}
.tr_rechheadcion img{width:20px;float:left;margin-top:13px;margin-right:5px;}
.tr_rechheadcion span{color:#565656;line-height:46px;}
.tr_rechli ul li{float:left;border:1px solid #d7d7d7;color:#555;font-size:18px;padding:15px 30px;margin-right:30px;border-radius:4px;}
.tr_rechli>span{color:rgb(39,176,214);}
.tr_rechcho{margin-bottom:20px;display:inline-block;}
.tr_rechcho img{height:30px;padding:10px;border:1px solid #e5e5e5;}
.tr_rechcho label{display:inline-block;margin-right:30px;}
.tr_rechli{display:inline-block;margin-bottom:40px;}
.tr_rechcho>span{color:#666;float:left;line-height:50px;margin-right:20px;}
.tr_rechnum>span{line-height:40px;margin-right:10px;}
.rechnum{color:#ec5a5b;font-size:24px;font-weight:bold;display:inline-block;line-height:40px;}
.tr_rechoth{display:none;height:50px;margin-bottom:40px;}
.tr_rechoth>span{float:left;line-height:50px;color:#666;margin-right:10px;}
.tr_pay{padding:12px 30px;background:#27b0d6;border-radius:4px;border:none;color:#fff;font-weight:bold;font-size:16px;outline:0;}
.tr_pay:hover{color:#fff;}
.tr_paybox{padding:20px;}
.tr_paybox span{color:#999;}
select.ui-choose{display:none;}
.tr_rechli{display:inline-block;margin-bottom:40px;}
ul.ui-choose{box-sizing:border-box;display:inline-block;border:1px solid transparent;font:100 16px/30px 'microsoft yahei';border-right:none;border-bottom:none;font-size:16px;margin:0;padding:0;list-style:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
ul.ui-choose:after{content:"";display:table;clear:both;}
ul.ui-choose>li{width:96px;height:50px;display:block;margin:0;padding:0;font-size:16px;line-height:48px;color:#999;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;margin-right:30px;margin-top: 10px;text-align:center;border:2px solid #CCCCCC;}
ul.ui-choose>li:hover{z-index:4;border-color:#27b0d6;color:#27b0d6;}
ul.ui-choose>li.selected{z-index:3;border-color:#27b0d6;color:#27b0d6;background:transparent url("https://ae01.alicdn.com/kf/U0341274f131e488483e5aa6308784838G.png") no-repeat right bottom;}
ul.ui-choose>li.disabled{z-index:2;background-color:#f2f2f2;color:#aaa;cursor:not-allowed;}
ul.ui-choose>li.disabled:hover{border-color:#aaa;}
ul.ui-choose>li.selected.disabled{z-index:2;background-color:#8FC7FF;color:#fff;cursor:not-allowed;border-color:#8FC7FF;}
ul.ui-choose.choose-flex{display:flex;}
ul.ui-choose.choose-flex>li{flex:1;padding:0 8px;}
.am-checkbox+.am-checkbox{margin:auto;}
.am-radio .am-icon-unchecked,.am-radio .am-icon-checked{top:13px;}
.am-radio{margin:0;}
.am-form{width:100%;}
.am-form input[type=number]{width:100px;background:#fff;border:2px solid #CCCCCC;font-size:16px;height:34px;border-radius:4px;float:left;padding:.5em;margin-right:30px;}
.am-ucheck-checkbox:checked+.am-ucheck-icons,.am-ucheck-radio:checked+.am-ucheck-icons{color:#27b0d6;}
.am-radio .am-icon-checked{top:13px;}
.am-ucheck-icons{color:#999;display:block;height:20px;top:0;left:0;position:absolute;width:20px;text-align:center;line-height:21px;font-size:18px;cursor:pointer;}
.am-form input[type=number]:focus{border-color:#27b0d6;}
.tr_rechli label{margin-top:-5px;}
.am-radio-inline{padding-left:0;}
.am-checkbox, .am-checkbox-inline, .am-radio, .am-radio-inline{position: relative;-webkit-transition: color .25s linear;transition: color .25s linear;font-size: 14px;line-height: 1.5;}
.am-checkbox-inline, .am-radio-inline{display: inline-block;margin-bottom: 0;vertical-align: middle;font-weight: 400;cursor: pointer;}
.am-radio-inline input[type=radio]{margin: 0;opacity: 0;width: 100%;height: 46px;position: absolute;}
.am-form-group label{width: 100%;text-align: center;position: relative;color: #666;}
.am-form-group .am-alert{float:left;width:auto;margin:auto;border-radius:4px;line-height:48px;padding:0;color:#ec5a5b;background:none;border:none;}
.am-form-error .am-radio-inline,.am-form-error label{color:#666;}
.am-form-success .am-radio-inline,.am-form-success label{color:#666;}
.am-field-valid{border-color:#ccc !important;}
.tr_rechcho label{width:auto;display:inline-block;float:left;margin-bottom: 5px;}
.am-form-success [class*=icon-]{color:#27b0d6;}
.am-form-error [class*=icon-]{color:#999;}
.am-form-group>label>span{color:#999;}
.am-radio input[type=radio]{float:left;margin-left:-20px;}
input[type=checkbox],input[type=radio]{margin:20px 0 0;line-height:normal;}
.am-ucheck-radio:checked+.am-ucheck-icons .am-icon-checked{opacity:1;}
@media screen and (max-width: 720px){.tr_rechcho>span[pc]{display: none !important;}}
.money-check input[type=text] {text-align: center;width: 100%;background-color: transparent;border: 0 none;}

/* 刷新列表图标 */
.layui-icon-loading:before{font-size:38px;color: #FF5722;color: rgba(255,0,0,0.0); background:url(../images/loading-3.png);}
.layui-form-select .layui-input {
    padding-right: 0px;
    cursor: pointer;
}
.ress.layui-inline .layui-input-inline{ width:120px; }
.layui-form-so {text-align: center;}

html #layuicss-skincodecss {
    display: none;
    position: absolute;
    width: 1989px
}

.layui-code-view {
    display: block;
    position: relative;
    margin: 10px 0;
    padding: 0;
    border: 1px solid #eee;
    border-left-width: 6px;
    background-color: #fafafa;
    color: #333;
    font-family: Courier New;
    font-size: 13px
}

.layui-code-title {
    position: relative;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

.layui-code-title>.layui-code-about {
    position: absolute;
    right: 10px;
    top: 0;
    color: #b7b7b7
}

.layui-code-about>a {
    padding-left: 10px
}

.layui-code-view>.layui-code-ol,.layui-code-view>.layui-code-ul {
    position: relative;
    overflow: auto
}

.layui-code-view>.layui-code-ol>li {
    position: relative;
    margin-left: 45px;
    line-height: 20px;
    padding: 0 10px;
    border-left: 1px solid #e2e2e2;
    list-style-type: decimal-leading-zero;
    *list-style-type: decimal;
    background-color: #fff
}

.layui-code-view>.layui-code-ol>li:first-child,.layui-code-view>.layui-code-ul>li:first-child {
    padding-top: 10px
}

.layui-code-view>.layui-code-ol>li:last-child,.layui-code-view>.layui-code-ul>li:last-child {
    padding-bottom: 10px
}

.layui-code-view>.layui-code-ul>li {
    position: relative;
    line-height: 20px;
    padding: 0 10px;
    list-style-type: none;
    *list-style-type: none;
    background-color: #fff
}

.layui-code-view pre {
    margin: 0
}

.layui-code-dark {
    border: 1px solid #0c0c0c;
    border-left-color: #3f3f3f;
    background-color: #0c0c0c;
    color: #c2be9e
}

.layui-code-dark>.layui-code-title {
    border-bottom: none
}

.layui-code-dark>.layui-code-ol>li,.layui-code-dark>.layui-code-ul>li {
    background-color: #3f3f3f;
    border-left: none
}

.layui-code-dark>.layui-code-ul>li {
    margin-left: 6px
}

.layui-code-demo .layui-code {
    visibility: visible!important;
    margin: -15px;
    border-top: none;
    border-right: none;
    border-bottom: none
}

.layui-code-demo .layui-tab-content {
    padding: 15px;
    border-top: none
}
.layui-form-item{margin-bottom: 10px;}
.dplogin0{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 100vh;
	width: 100%;
	overflow: hidden;

}
.dplogin1{
  background: url(/packs/template/dpfrp/img/login/login1.png);
  background-size: 100% 100%; /* 图片将被拉伸以填充整个元素 */
  background-repeat: no-repeat;
  background-position: top center;
  width: 68rem;
  height: 40rem;
  overflow: hidden;
  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.dpfrpt10{
	width: 1rem;height: 1rem;object-fit: fill;
}