@font-face {
	font-family: 'AlmmFyt';
	src: url('font/almmfyt.ttf')
}

body {
	font-family: 'AlmmFyt';
}

*{
	box-sizing: border-box;
}

.clearfix{
	clear: both;
}

img{
	max-width: 100%;
}

.codelearn{
	background: #f6f8f9;
	overflow: auto;
}

.sidebar{
	width: 100%;
    height: 70px;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    background: #07366e;
}

.logo{
	width: 200px;
	height: 70px;
	padding: 10px;
	float: left;
}

.logoImg{
	width: 50px;
	height: 20px;
	float: left;
}

.logoTxt{
	float: left;
	color: #fff;
	line-height: 50px;
	font-size: 20px;
}

.moudle{
	padding-left: 5px;
	float: left;
	margin-left: 50px;
}

.moudle-item{
	width: 55px;
	padding: 5px 5px;
	margin-top: 8px;
	margin-right: 15px;
	float: left;
}

.moudle-active{
	background: #fff;
	color: #333;
	border-radius: 3px;
}

.moudle-item h2{
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

.moudle-active h2{
	color: #333;
}

.moudle-active .moudle-icon{
    color: #333;
}

.moudle-icon{
	color: #fff;
	text-align: center;
	padding-top: 5px;
}

.moudle-icon i{
	font-size: 18px;
}

.menu{
	overflow: auto;
	width: 170px;
	height: 100%;
	position: fixed;
	left: 0;
	padding-top: 80px;
	top: 0;
	background: #fff;
	z-index: 998;
	border-right: 1px solid #e8e9eb;
}

.menu::-webkit-scrollbar {
    display: none;
}

.menu ::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
 
.menu ::-webkit-scrollbar-thumb {
  background-color: #888;
}
 
.menu ::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.menubox{
}

.menu_title{
	padding: 10px 15px;
	display: none;
}

.menu_title h3{
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #666;
}

.menu_title h4{
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #666;
}

.menu_ul{
	padding: 0 5px;
}

.menu_ul li{
	height: 50px;
}

.menu_ul li.active{
	background-color: rgba(24,144,255,.1);
	border-radius: 3px;
}

.menu_ul li a{
	display: block;
	width: 100%;
	line-height: 50px;
	height: 50px;
	font-size: 13px;
	padding: 0 15px;
}

.menu_ul li.active a{
	color: #1890ff;
}

.menu_ul li a i{
	margin-right: 5px;
}

.menu_ul li a .tips{
	background: #e70000;
	color: #fff;
	padding: 3px 3px;
	border-radius: 5px;
}

.header{
	width: 100%;
	height: 40px;
	position: fixed;
	left: 0;
	top: 70px;
	padding-left: 170px;
	background: #fff;
	border-bottom: 1px solid #e8e9eb;
	z-index: 997;
}

.breadcrumb{
	width: max-content;
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	color: #999;
}

.breadcrumb i{
	font-size: 14px;
}

.breadcrumb a, .breadcrumb span{
	margin: 0 5px;
	color: #333;
}

.option{
	float: right;
}

.options{
	height: 65px;
	padding: 20px 0;
	padding-right: 10px;
	color: #999;
	float: left;
}

.options_icon{
	line-height: 25px;
	border-right: 1px solid #ddd;
	padding-right: 10px;
	float: left;
}

.options_icon a{
	margin-right: 10px;
	position: relative;
	color: #fff;
}

.options_icon .notice::after{
	content:' ';
	width: 8px;
	height: 8px;
	position: absolute;
	right: 3px;
	top: -4px;
	background: #e70000;
	border-radius: 50%;
}

.options_icon a i{
	font-size: 14px;
	cursor: pointer;
}

.userinfo{
	height: 65px;
	padding: 15px 0;
	float: left;
	padding-right: 20px;
	cursor: pointer;
}

.headimgurl{
	width: 35px;
	height: 35px;
	float: left;
}

.headimgurl img{
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.username{
	float: left;
	height: 35px;
	line-height: 35px;
	width: max-content;
	padding: 0 10px;
	font-size: 15px;
	padding-right: 18px;
	background: url(../images/icon_down.png) no-repeat right center;
	background-size: 15px;
	color: #fff;
}

.username_active{
	background: url(../images/icon_left.png) no-repeat right center;
	background-size: 15px;
}

.footer{
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #fff;
	color: #666;
}

.main{
	position: relative;
	width: 100%;
	height: 100%;
	padding-left: 170px;
	padding-top: 110px;
	z-index: 995;
	background: #f1f1f1;
}

.container{
	padding: 10px;
}

.box{
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0 10px;
	border-radius: 5px;
}

.system{
	width: 100%;
	height: auto;
}

.system_left{
	width: 50%;
	height: auto;
	float: left;
	padding-right: 5px;
}

.system_right{
	width: 50%;
	height: auto;
	float: left;
	padding-left: 5px;
}

.title{
	padding: 0 20px;
	line-height: 60px;
	height: 60px;
	border-bottom: 1px solid #e8e9eb;
}

.system_config{
	padding: 10px 0;
}

.system_config_item{
	width: 33.33333%;
	height: auto;
	float: left;
	position: relative;
}

.system_config_box{
	width: 100%;
	height: 220px;
}

.system_config_name{
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	bottom: 0px;
	left: 0;
	z-index: 99;
}

.noleft{
	padding-left: 0;
}

.noright{
	padding-right: 0;
}

.show_line .show_item{
    width: 16.66666%;
}

.show_line .show_item:nth-child(n+4){
	margin-top: 0;
}

.show_line .show_item:nth-child(3n){
	padding-right: 10px;
}

.show_line .show_item:nth-child(3n+1){
	padding-left: 10px;
}

.show_line .show_item:nth-child(1){
	padding-left: 0px;
}

.show_line .show_item:nth-child(6n){
	padding-right: 0;
}

.show_item{
	width: 33.333%;
	height: auto;
	float: left;
	padding-right: 20px;
}

.show_box{
	width: 100%;
	height: 141px;
	border: 1px solid #e8e9eb;
	background: #fff;
	padding: 30px 10px;
}

.show_item:nth-child(n+4){
	margin-top: 20px;
}

.show_item:nth-child(3n){
	padding-right: 0;
}

.show_boxs{
	width: max-content;
	height: auto;
	margin: 0 auto;
}

.show_img{
	width: 40px;
	height: 70px;
	padding: 15px 0;
	float: left;
}

.show_info{
	width: max-content;
	height: 70px;
	float: left;
	padding: 10px 0;
	padding-left: 10px;
}

.show_info h3{
	font-size: 14px;
	height: 20px;
	line-height: 30px;
	color: #666;
}

.show_info p{
	font-size: 18px;
	height: 30px;
	line-height: 40px;
	color: #0080ff;
}

.margin20{
	margin-top: 20px;
}

.quick{
	padding: 20px 0;
}

.quick_item{
	width: 25%;
	height: auto;
	float: left;
	padding: 0 10px;
	position: relative;
}

.quick_item:nth-child(n+5){
	margin-top: 20px;
}

.quick_item a{
	display: block;
	width: 100%;
	height: 70px;
	border: 1px solid #e8e9eb;
	padding-left: 50px;
	position: relative;
}

.quick_icon{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 20px;
}

.quick_item h3{
	line-height: 70px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.quick_delete{
	position: absolute;
	right: 10px;
	top: 0;
	width: 30px;
	height: 30px;
	z-index: 999;
	cursor:pointer;
}

.day-item{
	width: max-content;
	padding: 0 20px;
	margin-right: 5px;
	border:1px solid #e8e9eb;
	float: left;
	line-height: 30px;
	margin-top: 10px;
	cursor: pointer;
}

.day-item:hover, .day-active{
	border: 1px solid #0080ff;
	color: #0080ff;
}

.day-cont{
	width: 100%;
	height: 350px;
}

.material_data{
    width: 100%;
    height:392px;
}

.item_data{
    width: 100%;
    background: #fff;
}

.item_box{
    padding: 20px;
    height: 2000px;
}

.day-cont-item{
	width: 100%;
	height: 350px;
	display: none!important;
	padding: 20px 10px;
}

.day-cont-show{
	display: block!important;;
}

.notice-option{
	width: 100%;
	height: 40px;
}

.notice-select-all{
	width: max-content;
	line-height: 40px;
	position: relative;
	float: left;
}

.album{
	width: 100px;
	float: left;
	margin-right: 20px;
}

.notice-btn{
	float: left;
	width: max-content;
	line-height: 40px;
}

.notice-btn button{
	line-height: 30px;
	height: 30px;
}

.notice-item{
	padding: 20px;
	background: #fff;
	width: 100%;
	height: auto;
	line-height: 30px;
	margin-top: 20px;
	position: relative;
	padding-left: 60px;
}

.notice-time{
	height: 30px;
	color: #666;
}

.notice-scheckbox{
	position: absolute;
	left: 20px;
	height: 20px;
	width: 20px;
	height: 30px;
}

.notice-time span{
	margin-right: 20px;
}

.notice-time .red{
	color: #e70000;
}

.formbox{
	width: 100%;
	height: auto;
	padding: 0 15px;
	background: #fff;
	border-radius: 10px;
}

.formbox2{
	padding-top: 15px;
}

.form_container{
	padding: 20px 0;
	background: #fff;
}

.form_container .layui-form-label{
	width: 150px;
	text-align: left;
}

.form_container .layui-form-item{
	margin-top: 0px;
	margin-bottom: 15px;
	padding-right:20px;
}

.form_cont .layui-form-item{
	padding-right:20px;
}

.codelearn-post{
	margin-top:30px;
	margin-bottom: 30px;
	text-align: center;
	padding-bottom: 30px;
}

.form_container .form_input_short{
	width: 100px;
	display: inline-block;
}

.form_container .postage .layui-input-block{
	line-height: 45px;
}

.form_container .postage .form_input_short{
	width: 100px;
	float: left;
}

.form_container .postage span{
	width: auto;
	float: left;
	padding: 0 10px;
}

.form_container .layui-input-block{
	margin-left: 150px;
}

.form_container .layui-form-mid{
	padding: 0!important;
	line-height: 20px;
	font-size: 12px;
	margin-top: 5px;
	padding: 10px 0;
}

.form_container .layui-form-mid span{
	color: #e70000;
}

.form_container input[type="text"]:disabled{
	background: #f5f5f5;
	color: #b1b1b1;
}

.add_img{
	width: 80px;
	height: 80px;
	border: 1px dashed #ddd;
	float: left;
	cursor: pointer;
}

.select_img_item{
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #ddd;
	float: left;
	margin-right: 2px;
	position: relative;
}

.alertbox{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.3);
	display: none;
}

.alertdiv{
	width: 60%;
	height: 680px;
	margin: 0 auto;
	background: #fff;
	margin-top: 4%;
	border: 1px solid #e8e9eb;
	border-radius: 10px;
	position: relative;
}

.alerttitle{
	padding: 0 20px;
	height: 60px;
}

.alerttitle h5{
	width: max-content;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #666;
}

.closeImg{
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #999;
	position: absolute;
	right: 0px;
	top: 0;
	text-align: center;
	cursor: pointer;
}

.closeImg i{
	font-size: 24px;
}

.select_options{
	padding: 0px 20px;
	position: relative;
	min-height: 40px;
	padding-left: 280px;
}

.select_search{
	width: 250px;
	height: 40px;
	position: absolute;
	left: 20px;
	top: 0px;
}

.select_search input{
	width: 210px;
	height: 40px;
	line-height: 40px;
	float: left;
}

.select_search button{
	width: 40px;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: center;
	padding: 0;
	border: 1px solid #e8e9eb;
}

.select_content{
	width: 100%;
	height: 565px;
	position: relative;
	padding-bottom: 100px;
	border-top: 1px solid #e8e9eb;
	margin-top: 10px;
	padding-left: 180px;
}

.select_content_options{
	position: absolute;
	width: 100%;
	height: 55px;
	bottom: 0;
	left: 0;
	text-align: center;
}

.select_content_btn{
	width: 200px;
	text-align: center;
	height: 55px;
	line-height: 55px;
	position: absolute;
	right: 20px;
	top: 0;
}

.select_content_page{
	width: 100%;
	height: 55px;
	padding-top: 10px;
}

.select_page_item{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #999;
	color: #666;
	cursor: pointer;
	margin-right: 5px;
	float: left;
}

.select_page_item:hover, .select_page_active{
	border: 1px solid #0080ff;
	color: #0080ff;
}

.select_page_disabled, .select_page_disabled:hover{
	border: 1px solid #ddd;
	color: #999;
	background: #f5f5f5;
}

.select_content_left{
	width: 180px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
	overflow-y: auto;
	border-right: 1px solid #e8e9eb;
}

.select_content_right{
	width: 100%;
	height: 500px;
	padding-right: 20px;
	overflow-y: auto;
}

.select_category{
	line-height: 45px;
	height: 45px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

.select_category span{
	border-radius: 30px;
	padding: 2px 5px;
	background: #ddd;
	margin-left: 5px;
}

.select_category_active{
	background: #0080ff;
	color: #fff;
}

.select_category_active span{
	border-radius: 30px;
	padding: 2px 5px;
	background: #999;
	margin-left: 5px;
}

.select_more,.select_first{
	padding: 10px;
	width: 25%;
	height: 200px;
	float: left;
}

.select_first_div, .select_more_div{
	padding: 5px;
	cursor: pointer;
}

.select_first_img, .select_more_img{
	width: 100%;
	height: 150px;
	overflow: hidden;
	border:1px solid #abe0ff;
}

.select_first_name, .select_more_name{
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select_first_active .select_first_div{
	background: #d7efff;
}

.select_more_active .select_more_div{
	background: #d7efff;
}

.select_img_delete, .select_imgs_delete{
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: rgba(0,0,0,.6);
	border-radius: 50%;
	top: 0;
	right: 0;
	cursor: pointer;
}

.select_img_delete:hover, .select_imgs_delete:hover{
	background: rgba(0,0,0,.3);
}

.select_img_delete i, .select_imgs_delete i{
	color: #fff;
}

.system_copyright{
	padding: 20px;
}

.system_copyright p{
	line-height: 40px;
}

.system_copyright p .href{
	color: #0080ff;
}

.table{
	padding: 15px;
	background: #fff;
	border-radius: 10px;
}

.table .layui-form-switch{
	margin: 0;
}

.table td a.links{
	color: #0080ff;
}

.table .layui-table td,
.table .layui-table th{
    padding: 10px 5px;
    font-size: 13px;
}

.layui-form-select{
	z-index: 99999!important;
}

.m{
	padding:10px;
	background: #fff;
}

.m_item{
	width: 20%;
	height: 140px;
	float: left;
	padding: 10px;
}

.m_box{
	width: 100%;
	height: 120px;
	border: 1px solid #e8e9eb;
	padding: 10px;
	position: relative;
}

.m_name{
	font-size: 18px;
	color: #000;
	height: 70px;
	line-height: 40px;
}

.m_name i{
	font-size: 24px;
}

.m_state{
	width: max-content;
	position: absolute;
	right: 10px;
	top: 20px;
}

.m_option{
}

.m_option a{
	margin: 0;
	margin-right: -10px;
}

.m_disabled{
	background: #e8e9eb;
}

.form_cont .layui-form-label{
	width:100px;
}

.form_cont .layui-input-block{
	margin-left: 100px;
	padding-right: 30px;
}

.type1{
	display: none;
}

.type2{
	display: none;
}

.type3{
	display: none;
}

.type4{
	display: none;
}

.type5{
	display: none;
}

.type6{
	display: none;
}

.type7{
	display: none;
}

.type8{
	display: none;
}

.type9{
	display: none;
}

.role_moudle{
	font-weight: 700;
	line-height: 30px;
}

.role_parent{
	line-height: 30px;
	padding-left: 30px;
}

.role_child_item{
	padding-left: 60px;
	line-height: 30px;
}

.list-sort{
	width:60px;
	height: 30px;
}

.short_select .layui-form-select{
	width:300px;
}

.login{
	background: #f1f1f1;
	background: url(../images/loginBg3.jpg) no-repeat center top;
	background-size: 100%;
}

.login_container{
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0 auto;
}

.login_box{
	background: rgba(255, 255, 255, .95);
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 400px;
	height: 400px;
	padding: 30px 50px;
	border-radius: 10px;
}

.login_type{
	height: 35px;
	border-bottom: 1px solid #e8e9eb;
}

.login_type_item{
	width: 50%;
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.login_type_active{
	border-bottom: 2px solid #0080ff;
}

.login_form{
	margin-top: 30px;
}

.login_item{
	margin-top: 20px;
	height: 45px;
	position: relative;
}

.login_item input{
	height: 45px;
	padding-left: 35px;
}

.login_icon{
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 10px;
	top: 7px;
}

.login_item_code input{
	padding-right: 135px;
}

.login_code{
	position: absolute;
	right: 1px;
	top: 1px;
	width: 130px;
	height: 43px;
	cursor: pointer;
}

.login_code img{
	width: 130px;
	height: 43px;
}

.login_post{
	margin-top: 30px;
}

.login_item button{
	width: 100%;
}

.user_options{
	position: fixed;
	right: 10px;
	top: 70px;
	width: 140px;
	height: auto;
	border-radius: 10px;
	z-index: 999;
	background: #fff;
	border: 1px solid #e8e9eb;
	padding: 10px;
	display: none;
}

.user_options_item{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
}

.user_options_item:hover{
	background: #b7d5f3;
	color: #fff;
}

.user_options_hr{
	width: 100%;
	height: 1px;
	background: #e8e9eb;
	margin: 5px 0;
}

.error_container{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.error_img{
	width: 500px;
	height: 500px;
	margin: 0 auto;
}

.error_img{
	width: 500px;
	height: 500px;
}

.error_tips{
	font-size: 24px;
	text-align: center;
	color: #333;
	margin-top: 10px;
}

.error_jump{
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	color: #999;
}

.error_jump span{
	background: #0080ff;
	color: #fff;
	padding: 3px 8px;
	border-radius: 5px;
	margin: 0 5px;
}

.error_btn{
	text-align: center;
	margin-top: 30px;
}

.page{
	margin-top: 10px;
	text-align: center;
}

.pagination li{
	width: 28px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	float: left;
	margin-right: 5px;
}

.pagination li a, .pagination li span{
	display: block;
	width: 28px;
	height: 28px;
	border: 1px solid #ddd;
}

.pagination li.active a,.pagination li.active span{
	background: #0080ff;
	color: #fff;
}

.pagination li.disabled a,.pagination li.disabled span{
	background: #ddd;
}

.album-item{
	width: 20%;
	height: auto;
	padding: 0 10px;
	margin-top: 20px;
	float: left;
	position: relative;
}

.album-box{
	background: #fff;
	cursor: pointer;
}

.album-image{
	width: 100%;
	height: 130px;
}

.album-name{
	padding: 0 10px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.album-select{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 10px;
	z-index: 999;
}

.page_album{
}

#album_category{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	left: 00;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

.album_category_box{
	width: 320px;
	height: 150px;
	margin: 0 auto;
	margin-top: 250px;
	background: #fff;
}

.apps_title{
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #e8e9eb;
}

.apps_title:nth-child(n+2){
	margin-top: 50px;
}

.apps_list{
}

.apps_item{
	width: 20%;
	height: 60px;
	position: relative;
	float: left;
	padding: 0 10px;
	margin-top: 20px;
}

.apps_item_box{
	width: 100%;
	height: 60px;
	background: #f4f4f4;
	color: #333;
	border-radius: 5px;
	padding: 0 20px;
	padding-left: 60px;
	font-size: 15px;
	display: block;
}

.apps_item_box:hover{
	color: #333;
}

.apps_item_icon{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 20px;
	top: 10px;
}

.apps_item_icon img{
	width: 40px;
	height: 40px;
	border-radius: 5px;
}

.apps_item_name{
	line-height: 60px;
}

.codelearn-upload-file{
	width: 50%;
	height: 60px;
	padding-right: 20px;
	float: left;
	margin-top: 10px;
}

.codelearn-upload-box{
	width: 100%;
	height: 60px;
	background: #f4f4f4;
	border-radius: 10px;
	padding: 0 10px;
	padding-top: 5px;
}

.codelearn-upload-title{
	width: 100%;
	line-height: 30px;
	height: 30px;
}

.codelearn-upload-options{
	line-height: 20px;
	height: 20px;
	font-size: 14px;
}

.codelearn-upload-options a{
	color: #0080ff;
	margin-right: 10px;
}

.codelearn-shaixuan{
	background-color: #f1f1f1;
	padding:  10px 0 ;
	margin-bottom: 20px;
	border-radius: 5px;
}

.codelearn-shaixuan .inputItem{
	margin: 10px 0;
}

.codelearn-shaixuan-item{
	width: 25%;
	height: 35px;
	float: left;
	padding-right: 20px;
}

.codelearn-shaixuan-item:nth-child(n+5){
	margin-top: 20px;
}

.codelearn-shaixuan-item .layui-form-label{
	height: 35px;
	line-height: 35px;
	padding: 0;
	text-align: center;
	padding-right: 10px;
}

.codelearn-shaixuan-item .layui-input-block{
	margin-left: 80px;
}

.codelearn-shaixuan-item .layui-input{
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

.codelearn-shaixuan-btn{
	padding-left: 20px;
	margin: 10px 0;
}

.shaixuan-first{
	width: 100%;
	padding-left: 10px;
}

.codelearn-shaixuan-btn button{
	height: 33px;
	line-height: 33px;
	font-size: 12px;
}

.menu_subtitle{
	line-height: 30px;
	font-size: 12px;
	text-align: center;
}

.codelearn_ueditor{
	height: 300px;
	margin-bottom: 100px;
}

.specs-table thead{
	height: 50px;
	text-align: center;
}

.specs-table thead th{
	text-align: center;
}

.specs-table td{
	text-align: center;
}

.specs-table td .add_img{
	width: 60px;
	height: 60px;
}

.specs-table td .add_img img{
	max-width: 100%;
}

#specstable{
	padding: 0 15px;
	width: 80%;
	margin-bottom: 20px;
}

.specs-table td .select_img_item{
	width: 60px;
	height: 60px;
}

.codelearn_table_sm  th{
	font-size: 12px;
}

.codelearn_table_sm  td{
	font-size: 12px;
}

.goods_item{
	width: 25%;
	height: auto;
	float: left;
	padding-right: 20px;
	margin-top: 20px;
	position: relative;
}

.goods_box{
	width: 100%;
	height: 300px;
	background: #fff;
}

.goods_img{
	width: 100%;
	height: 180px;
}

.goods_name{
	width: 100%;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    padding: 0 10px;
    margin-top: 10px;
}

.goods-select{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 999;
}

.goods-state{
	width: 80px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 00px;
	z-index: 999;
}

.goods_option{
	margin-top: 10px;
	position: relative;
	padding-left: 100px;
}

.goods_sort{
	width: 100px;
	padding: 0 10px;
	position: absolute;
	left: 0;
	top: 0;
}

.goods_sort input{
	width: 100%;
}

.goods_other_option{
	height: 45px;
	text-align: right;
	margin-right: 10px;
}

.goods_other_option a{
	width: 30px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	display: block;
	float: right;
	margin-right: 5px;
}

.add-province{
}

.select_area{
	width: 600px;
	height: 600px;
	margin: auto;
	background: #fff;
	margin-top: 10%;
	position: relative;
}

.postage table td{
	background: #fff;
}

.select_area_title{
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #f4f4f4;
	border-bottom: 1px solid #e8e9eb;
}

.select_area_close{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.select_area_close i{
	font-size: 24px;
	color: #999;
}

.select_area_button{
	height: 60px;
	padding: 10px 0;
	text-align: center;
}

.select_area_box{
	width: 100%;
	height: 500px;
	overflow-y: auto;
	padding: 20px;
}

.select_city{
	display: none;
}

.select_province_title, .select_city_title{
	height: 30px;
	line-height: 30px;
	color: #ddd;
}

.select_province_title span{
	color: #0080ff;
	cursor: pointer;
}

.select_province_title .layui-form-checked span{
	color: #e70000;
}

.select_province_active .layui-form-checkbox span{
	color: #e70000;
}

.imagetext{
    padding-top: 90px;
    position: relative;
}

.imagetext_item{
    width: 20%;
    height: auto;
    float: left;
    padding: 10px;
}

.imagetext_first, .imagetext_li{
    padding: 10px;
    border: 1px solid #e8e9eb;
    position: relative;
}

.imagetext_li{
    padding-left: 80px;
    height: 80px;
}

.imagetext_first h3{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 14px;
}

.imagetext_li h3{
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-align: left;
    font-size: 14px;
}

.imagetext_first .imagetext_img{
    width: 100%;
    height: 110px;
    overflow: hidden;
}

.imagetext_li .imagetext_img{
    width: 60px;
    height: 60px;
    position:absolute;
    left: 10px;
    top: 10px;
}

.imagetext_li .imagetext_img img{
    width: 60px;
    height: 60px;
}

.imagebutton{
    position: absolute;
    top: 0;
    height: 30px;
    padding: 0 10px;
}

.diypage{
    width: 100%;
    height: 40px;
    padding: 0 10px;
}

.imagetext .diypage{
    position: absolute;
    top: 40px;
}

.diypage span,.diypage a{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
    border:1px solid #e8e9eb;
}

.diypage .active{
    color: #0080ff;
    border:1px solid #0080ff;
}

.diypage .disabled{
    color: #f4f4f4;
    border:1px solid #f4f4f4;
    cursor:not-allowed
}

.diypage .info{
    width: auto;
    border: none;
}

.diypage i{
    color: #999;
    font-size: 14px;
}

.one_line span{
	float: left;
	width: auto;
	line-height: 40px;
	margin: 0 10px;
}

.one_line span:first-child{
	margin-left:0;
}

.one_line .layui-form-select{
	float: left;
	width:100px;
}

.one_line .form_input_short{
	float: left;
	width:100px;
}

.material_container{
	padding: 20px;
}

.material_cont{
	margin-bottom: 20px;
}

.material_cont .material_item{
	width: 25%;
	height: 50px;
	float: left;
	clear: none;
}

.material_cont .material_textarea{
	width: 100%;
	height: 100px;
}

.material_cont input[type="text"]:disabled{
	background: #fff;
	color: #333;
}

.stock_cont{
	padding: 20px;
}

.stock_path{
	margin-bottom: 20px;
}

.stock_item{
	position: absolute;
	right: 10px;
	top: 10px;
	width: auto;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #fff;
	padding: 0 10px;
}

.stock_cont .layui-colla-item{
	position: relative;
}

.stock_cont .layui-colla-content h3{
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
}

.stock_cont .layui-colla-content p{
	font-size: 14px;
	line-height: 25px;
}

.stock_cont .layui-colla-content p a{
	color: #0080ff;
}

.detail_cont input[type="text"]:disabled{
	background: #fff;
	color: #333;
}

.detail_table{
	padding: 0 10px;
	background: #fff;
	padding-bottom: 20px;
}

.detail_table .layui-table{
	margin: 0;
}

.detail_table .detail_table_title{
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	font-weight: 700;
	background: #fff;
}

.file_show{
    display: block;
    line-height:38px;
    height: 38px;
    color: #0080ff;
}

.pageConfig{
	font-size: 12px;
	margin-top: 20px;
}

.pageConfig span{
	color: #0080ff;
}

.inputField{
	line-height: 25px;
	padding: 5px 0;
	padding-right: 5px;
	text-align: center;
	width: 100px;
	position: absolute;
	left: 0;
	top: 0;
}

.inputText{
	color: #666;
	margin-top: 5px;
	line-height: 20px;
	font-size: 12px;
}

.inputText span{
	color: red;
}

.inputItem{
	margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 20px;
    position: relative;
    padding-left: 100px;
}

.inputValue .layui-input, .layui-select, .layui-textarea{
	height: 35px;
}

.specBox{
    width: 100%;
}

.specBoxText{
    position: relative;
    width: 230px;
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
}

.specBoxText input{
    width: 200px;
}

.specBoxText button{
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 10px;
    background: orange;
    padding: 0;
}

.wgeSpecBtn button{
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 12px;
}

.specBoxTitle{
    margin-top: 10px;
    line-height: 25px;
    padding-left: 28px;
}

.specFinishDel{
}

.formList{
	padding-top: 10px;
	border-bottom: 1px solid #e8e9eb;
}

.formList a{
	display: block;
	width: max-content;
	padding: 8px 20px;
	padding-bottom: 15px;
	float: left;
}

.formList a.active{
	color: #0080ff;
	border-bottom: 3px solid #0080ff;
}

#specBody .add_img, .specBody .add_img{
	width: 50px;
	height: 50px;
}

#specBody .add_img img, .specBody .add_img img{
	width: 100%;
}

#specBody .select_img_item, .specBody .select_img_item{
	width: 50px;
	height: 50px;
}

.table_btn{
	margin-bottom: 20px;
}

.wgeTableTop{
	border-bottom:1px solid #e8e9eb;
}

.wgeTableTop a{
	display: block;
	width: max-content;
	padding: 8px 20px;
	padding-bottom: 15px;
	float: left;
}

.wgeTableTop a.active{
	color: #0080ff;
	border-bottom: 3px solid #0080ff;
}

.m10{
	margin-top: 10px;
}

.mb10{
	margin-bottom: 10px;
}

.pd10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.layui-select-multiple{
	width: 100%;
	display: block;
}

.layui-select-multiple xm-select, .layui-select-multiple .xm-select-default{
	width: 100%;
}

.showSon {
    font-size: 12px;
    background: #166dff;
    padding: 2px 5px;
    color: #fff;
    cursor: pointer;
    margin-left: 20px;
}

.moreSpecItem{
	margin-top: 10px;
}

.moreSpecItemDefault{
	margin-top: 0;
}

.moreSpecItem input{
	width: 200px;
	float: left;
}

.moreSpecSonBtn{
	float: left;
	width: 35px;
	height: 35px;
	margin-left: 10px;
	border: 1px #e8e9eb solid;
	background: #fff;
	cursor: pointer;
}

.wgeTips{
	padding: 3px 5px;
	background: #0080ff;
	color: #fff;
	border-radius: 5px;
}

.wgeShopTable{
    margin-bottom: 20px;
}

.wgeShopTable th{
    font-weight: 800;
}

.wgeShopTableCenter{
    text-align: center!important;
}

.wgeShopTable .scSpecName{
    color: #0167F3;
    font-weight: 700;
}

.benefitsAdd i{
    margin: 0!important;
}