@charset "utf-8";
/* CSS Document */
/* 创络科技 http://www.chuangluo.com */

*{margin:0; padding:0; list-style:none; font-family:Arial, "微软雅黑";outline:none;}
.layui-form-item{position: relative;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;}
.show_thum{max-width: 300px; max-height: 300px; border-radius: 3px;}
.clui_log_header{position:absolute; left:0px; top:0px; right:0px; height:50px; padding: 0px 10px; line-height:50px; background:#333844; color:#c0c0c0; z-index: 999;}

.clui_side{position:absolute; left:0px; top:0px; bottom:0px; width:199px; border-right: solid 1px #eee; overflow-x:hidden; overflow-y:auto; background:#fff; z-index: 888;}
.clui_side::-webkit-scrollbar{display: none;}
.clui_mask{position:absolute; left: 0px; top: 0px; display: none; width: 100%; height: 100%; background:rgba(0,0,0,0.3); z-index: 777;}

.clui_header{position:absolute; left:200px; top:0px; right:0px; height:49px; padding: 0px 10px; line-height:50px; background:#fff; color:#666; z-index: 999; border-bottom: solid 1px #eee;}

.clui_main{position:absolute; left:200px; top:50px; bottom:0px; right:0px; padding: 10px; overflow-x:hidden; overflow-y:auto; background: #f7f8fc;-webkit-overflow-scrolling: touch;/* z-index:666; -webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);*/}
.clui_main::-webkit-scrollbar{display: none;}
.clui_footer{position:absolute; left:0px; bottom:0px; right:0px; height:40px; padding: 0px 10px; line-height:40px; background:#333844; color:#999; z-index: 999; text-align: center;}
.clui_footer a{color: #999;}
.clui_footer a:hover{color: #c0c0c0;}
span.placeholder{color: #999; position: absolute; left: 10px; top: 0px; line-height: 38px; font-size: 14px; z-index: 999999;}
.process_box{width: 90%; padding:0px 5%;}
/*头部*/
.for_tool{width: auto; float: right; padding-right: 5px;}
.for_tool i{font-size: 16px;}
.for_logo{width: auto; float: left; font-size: 14px;}
.for_logo i{font-size: 14px;}

.layui-nav{background: none; padding:0px;}
.layui-nav .layui-nav-item{line-height: 50px;}
.layui-nav-child{top: 55px;}

.show_passdoor{padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;}
.show_passdoor img{width: 200px; height: 200px;}

/*菜单栏*/
.for_home_link{width:100px; background: #333844; height: 80px; text-align: center; line-height: 80px;}
.for_home_link i{background: #FF5722; color: #fff; padding: 10px; border-radius: 50%;}
ul#menu{list-style-type:none; margin:0; padding:0; width:100px; min-height: calc(100vh - 80px); background: #333844;}
ul#menu a{display:block; text-decoration: none;}
ul#menu li {position: relative;}
ul#menu li a{ color:#c9cfd5; height:50px;line-height:50px; padding-left:10px; font-size:14px;}/*控制一级目录默认背景颜色*/ 
ul#menu li a span{display: inline-block; width: 30px; text-align: center;}
ul#menu li a:hover{ color:#fff;}
ul#menu li a.active{background: #fff; color:#FF5722;}
ul#menu li a i{font-size: 14px;}
ul#menu li ul{padding: 0px; background:#fff !important; position: absolute; left: 100px; width: 100px; overflow: hidden; top: 0px;display: none;}
ul#menu li ul.go_up{bottom: 0px; top: auto;}
ul#menu li ul li{height:50px; text-align: center;}
ul#menu li ul li a{height:50px; color:#666; background: #fff; padding: 0px; border:none; font-size:14px; font-weight:normal; line-height:50px;}
ul#menu li ul li a:hover{color:#FF5722; background: #fff;}
ul#menu li ul li a.highlight{color:#FF5722; background: #fff;}

.card_as_carousel{height: 260px; overflow: hidden;}
.layui-card-header{font-size: 14px; height: 46px; line-height: 46px;}
.layui-form-label{color: #999;}
.layui-card-body p{color: #666; line-height: 32px; font-size: 12px;}
.layui-card-body p a{color: #5FB878;}
.layui-card-body p a:hover{color: #FF6600;}
.layui-word-aux a{color: #5FB878;}
.layui-word-aux a:hover{color: #FF6600;}
.layui-word-aux span{color: #FF6600;}
.layui-nav .layui-nav-item a{color: #666;}
.layui-nav .layui-nav-more{border-top-color:#666; border-bottom-color:#fff;}
.layui-nav .layui-nav-mored{border-top-color:#fff; border-bottom-color:#666;}
.go_out{color: #666 !important;}
.for_ads{text-align: center; line-height: 260px; font-size: 30px; color: #fff; border-radius: 3px;}
.for_ads a{color: #fff;}
.for_modbox{padding-top:20px;padding-bottom:20px; min-height: calc(100vh - 160px);}
.for_normalbox{min-height: calc(100vh - 140px);}
.for_ico{width: 100%; height: 100%; overflow: hidden;}
.for_ico img{max-width: 100%; max-height: 100%; border-radius: 2px; cursor: pointer;}
.for_down_ico{width: 100%; height: 100%; overflow: hidden;}
.for_down_ico img{max-width: 100%; max-height: 100%; border-radius: 2px;}

/* 居中样式 */
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;}
.c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}

.fixed_box{width: 100%;height: 100%;position: fixed;overflow: hidden;}
.login_box{width: 90%;max-width: 326px;height: auto;margin: 0 auto;background: #fff;border-radius: 2px;overflow: hidden;}
.login_list{width: 100%;height: auto;margin: 0;padding:20px;box-sizing: border-box;background: #fff;overflow: hidden;}
.layui-form-item:last-child{margin-bottom: 0;}
.thumimg{max-width: 70%; height: 38px; display: inline-block; font-size: 14px; text-align: left; overflow: hidden; border-radius: 2px; overflow: hidden; vertical-align: middle; margin-left: 10px;}
.thumimg img{max-height: 100%; max-width: 100%; vertical-align: middle; overflow: hidden;}
.code_img{width: auto; height: 38px; display: inline-block; font-size: 14px; text-align: left; overflow: hidden; border-radius: 2px; overflow: hidden; vertical-align: middle; margin-left: 10px;}
.code_img img{max-height: 100%; max-width: 100%; vertical-align: middle; overflow: hidden;}
.no_space{margin: 0px; padding: 0px;}
.go_right_box{float: right;}
.diy_color_green{color: #5FB878;}
.diy_color_orange{color: #FF5722;}
.diy_no_header{padding-top: 0px; min-height: calc(100vh - 190px);}
.diy_no_footer{padding-bottom: 0px;}
.search_box{width: 30%;}
.color_f_site{position: relative;}
.color_picker{position:absolute; right:0px; top:0px; margin:0px !important;}

.min_h260{min-height:260px;}
.min_h300{min-height:300px;}
.right_tips{position: absolute; right:15px; top:15px;}

.un_show{display: none;}
.layui-laypage{margin: 0px;}
.for_page_float{text-align: right;}

.up_box{width:100%; float: left; height:auto;}
.btn_box{width:100%; margin-bottom:10px;}
.upfile_list{width:96%; background:#f5f5f5; color:#666; line-height:36px; border:solid 1px #eee; margin:5px 0px; border-radius:3px; padding:0px 2%;}
.upfile_list span{float:right; width:auto; height:22px; line-height:22px; text-align:center; color:#fff; background:#ee6464; border-radius:3px; margin-top:7px; padding: 0 10px;}
.btn_pickfiles{display:inline-block; width:auto; height:32px; padding:0px 20px; color:#fff; background:#55bcf4; text-decoration:none; font-size:14px; line-height:32px; border-radius:3px; margin-right:5px; margin-top: 4px;}
.btn_pickfiles:hover{background:#66bcf4;}
.error_box{width:96%; background:#ff6464; color:#fff; line-height:36px; margin:5px 0px; border-radius:3px; padding:0px 2%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.imgs_show{width:98%; background:#f2f2f2; float: left; color:#999; line-height:16px; margin:0px 0px 10px 0px; border-radius:3px; padding:10px 1%;}
.imgs_tab{width: 130px; height: 130px; overflow: hidden; display: inline-block; border: solid 1px #eee; background: #fff; border-radius: 3px; margin:5px 5px 5px 0px; position: relative; text-align: center; float: left;}
.imgs_tab img{max-width: 130px; max-height: 130px; vertical-align: middle;}
.imgs_tab b{position: absolute; right: 5px; top: 5px; color: #fff; background: #F1681E; display: inline-block; width: 20px; height: 20px; border-radius: 50%; line-height: 18px; cursor: pointer; font-size: 14px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.imgs_tab em{display: none; font-style: normal; width: 130px; height: 130px; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.4);line-height: 18px; color: #fff; font-size: 12px; line-height: 160px;}
.imgs_sort_box{width:98%; height: auto; color:#666; border: none; margin:5px 0px; border-radius:3px; padding:0px 1%; display: none;}
/*多图上传*/

@media screen and (min-width: 641px) and (max-width: 960px)
{
	.clui_side{left:-200px;}
	.clui_main{left:0px;}
	.clui_header{left:0px;}
	.clui_footer{ background:#fff;}
	.clui_footer a{color: #999;}
	.clui_footer a:hover{color: #c0c0c0;}
	.layui-card-body p{font-size: 14px;}
}

@media screen and (max-width: 640px)
{
	.clui_side{left:-200px;}
	.clui_main{left:0px;}
	.clui_header{left:0px;}
	.clui_footer{ background:#fff;}
	.clui_footer a{color: #999;}
	.clui_footer a:hover{color: #c0c0c0;}
	.layui-card-body p{font-size: 14px;}
	.layui-form-label{text-align: left; padding-left: 0px;}
	.layui-form-select{float: left; width: 100%;}
	.layui-input-inline{margin-left: 0px !important;}
	.layui-input-block{margin-left: 0px !important;}
	.for_color{margin-left: 95px !important;}
	.layui-form-mid{margin-left: 0px !important;}
	.search_box{width: 80%;}
	.go_next_line{margin-bottom: 10px;}
	.for_page_float{text-align: left;}
}