/*公共样式*/
.childrenBody{background: #f0f1f3;padding:10px;}
.layui-table-view{margin: 0 !important;border-radius: 12px;box-shadow: 0 5px 10px #ddd;overflow-x: hidden;overflow-y: hidden;background: #fff;}
.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:340px; height:340px; 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%;}
/* .loginBody{ background:url("../images/login_bg.jpg") no-repeat center center;} */
.loginBody {background: url(http://api.4dn.net/bing/index.php) 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 #009688;}
.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 #009688;}
.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:#ff6700;}
.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:#ff6700 !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;}

/* 间距*/
.bg-img {
background: url(http://api.4dn.net/pic/pic.php?cid=360new&start=0&count=99999) no-repeat center;
background-size: cover;
}
.zyl_center{text-align: center;}
.zyl_pad_01{padding: 5px 20px 5px 20px;}
.zyl_mar_01{position: absolute;bottom: 0px;margin-top: 20px;}
.zyl_mar_02{margin-top: 30px;}
/* 登陆表单*/
.zyl_lofo_main{background-color: rgba(255,255,255,0.9);width: 450px;height: auto;padding-bottom: 20px;position: absolute;right: 10%;top: 22%;}
.zyl_lofo_icon{position: absolute;left: 5px;top: 8px;font-size: 20px;}
.zyl_lofo_vercode{line-height: 35px;padding-left: 30px;font-size: 24px;}
@media screen and (max-width: 768px){.zyl_lofo_main{width: 100%;right: 0;}}
.layui-padding-left{background-color: inherit;padding-left: 30px;}
.text-primary {color: #2a62ff!important;}
.font-weight-medium {font-weight: 500;}

/*用户等级*/
.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("../images/choose.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: #de0fc5;}
.layui-form-select .layui-input {
    padding-right: 0px;
    cursor: pointer;
}
.ress.layui-inline .layui-input-inline{ width:120px; }
.layui-form-so {text-align: center;}
@media (max-width: 960px){	
	.visible-xs { display: block !important;}
	.hidden-xs {display: none!important;}
}
@media (max-width: 460px){	
	.layui-table-tool-self {display: none!important;}
}
.tab-go-left {
    border-color: #e6e6e6;
    top: 0;
    height: 40px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    width: 39px;
	line-height: 40px;
    position: absolute;
    text-align: center;
    background: #fff;
    z-index: 999;
}
.tab-go-right {
    background: #fff;
    border-color: #e6e6e6;
    right: 60;
    top: 0;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6;
    width: 40px;
    position: absolute;
    text-align: center;
    border-left: 1px solid #e6e6e6;
    z-index: 999;
    border-right: 1px solid #e6e6e6;
}
#top_tabs {
    top: 0;
    position: absolute;
    border-bottom: none;
    left: 40px;
}
.tab-right {
    background: #fff;
    right: 0px;
    top: 0;
    height: 40px;
    width: 177px;
    position: absolute;
    text-align: center;
}
.layui-form-item{margin-bottom: 10px;}
.layui-form-pane .layui-form-label { padding: 8px 5px; }
.layui-layout-admin .layui-footer{ height:30px; line-height: 30px;}
.layui-header,.layui-side {z-index:99999}

.p10{padding:10px;}
.p20{padding:20px;}
.m10{margin: 10px;}
.m20{margin: 20px;}
.w400 {
    width: 400px!important;
}
.layui-dropdown-menu li.separate {
    height: 1px;
    background: #ececec;
	padding: 0px;
}
.text-red {
    color: #d43b33!important;
}

.layui-form-pane .layui-input-block .you{margin-right: 0px;left:-1px;margin-left: 0px;}
.layui-content {overflow: visible !important;}

.down-f {
    padding-bottom: 10px;
    padding-top: 5px;
    font-weight: 700;
    text-align: center;
    background: #1aa094;
}
.down-f i {
    font-size: 32px;
	color: #ff5722;
}
@media screen and (max-width: 736px){
    .page-content .layui-tab-content .layui-tab-item{
        -webkit-overflow-scrolling: touch; 
        overflow-y: scroll; 
    }
    /* .layui-form-item .layui-input-inline {
        margin: 0 0 10px 0px;
    } */
    .w100,
    .w400,
    .w300,
    .label80 .layui-form-label,
    .select70,.select70 .layui-unselect,.select70 .layui-input-inline,
    .select100,.select100 .layui-unselect,.select100 .layui-input-inline,
    .select120,.select120 .layui-unselect,.select120 .layui-input-inline,
    .select150,.select150 .layui-unselect,.select150 .layui-input-inline,
    .select200,.select200 .layui-unselect,.select200 .layui-input-inline{
        width: 100%!important;
    }
    .w120 .layui-form-label{
        width: 100%;
        text-align: left;
        padding: 9px 0px;
    }
    .l40,
    .w120 .layui-input-block,
    .label80 .layui-input-block{
        margin-left: 0px;
    }
    .select-ssl{
        top:38px;
    }
    .hide{
        display: none;
    }
    .layui-form-item .layui-inline {
        margin-bottom: 10px!important;
    }
}

/*右侧
 * 首页学习链接
 */
.panels_icon {
    display: inline-block;
    line-height: 80px;
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    margin: 10px;
}
.panels_word {
    width: 55%;
    display: inline-block;
    margin: 20px 0 20px;
}
.panels_word span {
    font-size: 25px;
    display: block;
    height: 40px;
}
.layui-sanim.layui-icon {
    display: inline-block;
}
.panels_icon i {
    font-size: 40px !important;
    color: #fff;
    display: inline-block;
}
 
 
.zyl-index-kfbj{
	border-radius: 5px;
	color: #FFFFFF!important;
	text-align: center;
	cursor: pointer;
	height: 100px;
	transition: all .2s;
    -webkit-transition: all .2s;
}
.zyl-index-kfbj:hover{
	box-shadow: 3px 10px 10px #E2E2E2!important;
	border-radius: 5px;
	transition: all .3s;
    -webkit-transition: all .3s;
}
.zyl-index-kfbj-js{
    background: linear-gradient(to right,#2AFADF,#0FB5EE);
}
.zyl-index-kfbj-layui{
    background: linear-gradient(to right,#FEB692,#EA5455);
}
.zyl-index-kfbj-weui{
    background: linear-gradient(to right,#CE9FFC,#7367F0);
}
.zyl-index-kfbj-psb{
    background: linear-gradient(to right,#90F7EC,#32CCBC);
}
.zyl-index-kfbj-vue{
	background: linear-gradient(to right,#ff5858,#f09819);
}
.zyl-index-kfbj-element{
	background: linear-gradient(to right,#16a085,#f4d03f);
}
.zyl-index-kfbj-iviewui{
	background: linear-gradient(to right,#667eea,#764ba2);
}
.zyl-index-kfbj-antdv{
	background: linear-gradient(to right,#00c6fb,#005bea);
}

.zyl-index-tbbj-js{
    background: linear-gradient(to right,#0FB5EE,#2AFADF);
}
.zyl-index-tbbj-layui{
    background: linear-gradient(to right,#EA5455,#FEB692);
}
.zyl-index-tbbj-weui{
    background: linear-gradient(to right,#7367F0,#CE9FFC);
}
.zyl-index-tbbj-psb{
    background: linear-gradient(to right,#32CCBC,#90F7EC);
}
.zyl-index-tbbj-vue{
	background: linear-gradient(to right,#f09819,#ff5858);
}
.zyl-index-tbbj-element{
	background: linear-gradient(to right,#f4d03f,#16a085);
}
.zyl-index-tbbj-iviewui{
	background: linear-gradient(to right,#764ba2,#667eea);
}
.zyl-index-tbbj-antdv{
	background: linear-gradient(to right,#005bea,#00c6fb);
}

/* 价格表 */
.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    /* margin: 0 auto 3em; */
}

.pricing-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-flex: 0 1 400px;
    flex: 0 1 400px;
}

.pricing-action {
    color: inherit;
    border: none;
    background: none;
}

.pricing-action:focus {
    outline: none;
}

.pricing-feature-list {
    text-align: left;
}

.pricing-palden .pricing-item {
    font-family: 'Open Sans', sans-serif;
    cursor: default;
    color: #84697c;
    background: #fff;
    box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
    border-radius: 20px 20px 10px 10px;
    margin: 1em;
}

@media screen and (min-width: 66.25em) {
    .pricing-palden .pricing-item {
        margin: 1em -0.5em;
    }

    .pricing-palden .pricing__item--featured {
        margin: 0;
        z-index: 10;
        box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
    }
}

.pricing-palden .pricing-deco {
    border-radius: 10px 10px 0 0;
    background: rgba(76, 70, 101, 0.99);
    padding: 4em 0 9em;
    position: relative;
}

.pricing-palden .pricing-deco-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
}

.pricing-palden .pricing-title {
    font-size: 0.75em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
}

.pricing-palden .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.pricing-palden .pricing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}

.pricing-palden .pricing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
}

.pricing-palden .icon {
    font-size: 2.5em;
}

.pricing-palden .pricing-price {
    font-size: 5em;
    font-weight: bold;
    padding: 0;
    color: #fff;
    margin: 0 0 0.25em 0;
    line-height: 0.75;
}

.pricing-palden .pricing-currency {
    font-size: 0.15em;
    vertical-align: top;
}

.pricing-palden .pricing-period {
    font-size: 0.15em;
    padding: 0 0 0 0.5em;
    font-style: italic;
}

.pricing-palden .pricing__sentence {
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0 0 0.5em;
}

.pricing-palden .pricing-feature-list {
    margin: 0;
    padding: 0.25em 0 2.5em;
    list-style: none;
    text-align: center;
}

.pricing-palden .pricing-feature {
    padding: 1em 0;
}

.pricing-palden .pricing-action {
    font-weight: bold;
    margin: auto 3em 2em 3em;
    padding: 1em 2em;
    color: #fff;
    border-radius: 30px;
    background: #4d4766;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
}

.pricing-palden .pricing-action:hover,
.pricing-palden .pricing-action:focus {
    background-color: #100A13;
}

.pricing-palden .pricing-item--featured .pricing-deco {
    padding: 5em 0 8.885em 0;
}

.bj{margin: 0 auto 3em;}

/* 节点大厅 */
.service-list-item{width: 100%;margin-right: 13px;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;}
.service-bj1 .service-title{background: url(../images/service-001.jpg) no-repeat;background-size: 100% 100%;}
.service-title{width: 100%;height: 160px;}
.service-title h3{font-size: 24px;text-align: center;padding-top: 105px;color: #fff;font-weight: normal;-webkit-box-reflect: below -37px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(10%,transparent),to(hsla(0,0%,100%,.3)));}
.service-content{height: 318px;border-top: 0;}
.service-bj{background-position: right 10px top;
    background-repeat: no-repeat;
    background-size: auto 260px;
    opacity: .6;
    background-image: url(../images/server.png);
	position: absolute;
    width: 100%;
    height: 50%;
	}
.service-content-list{height: 260px;margin-left: 28px;margin-top: 10px;margin-right: 28px;}
.service-content-list li{margin-bottom: 10px;position: relative;text-align: left;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.service-content-list.maintenance li:before{background: #FFB800;}
.service-content-list.ban li:before{background: #FF5722;}
.service-content-list li:before{width: 6px;height: 6px;border-radius: 50%;background: #1e9fff;content: "";position: absolute;left: -16px;top: 20px;}
.service-content-list li h4{font-size: 14px;color: #616366;font-weight: 700;margin-bottom: 6px;line-height: 20px;}
.service-content-list li p{font-size: 14px;color: #919499;line-height: 20px;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.grid-demo-bg1{padding: 5px;}
span.line{height: 28px;line-height: 28px;font-size: 14px;float: right;}
.service-list-item.service-bj1:hover{box-shadow: 0 7px 39px rgb(0 0 0 / 10%);}

/* 渐变 */
#nowTime{
    -webkit-mask-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple);
    background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 200% 100%;
    animation: nowTime 3s infinite linear;
}
@-webkit-keyframes nowTime {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}

.layuiadmin-badge {
    top: 50%;
    margin-top: -9px;
    color: #01aaed;
}
.layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
    position: absolute;
    right: 15px;
}