@charset "utf-8";
.layui-tab-content {
	width: 1200px;
	max-width: 1200px;
	/* border: 1px solid red; */
	margin-top: 10px !important;
}
.layui-laypage a:hover {
	color: #3b81fa;
}body {
    background: #f4f4f4;
}
/* 每一个瀑布流的模板的样式 */
.bigblock {position: relative;width:1200px;height: auto; background: #fff;margin:auto;}
.list_style{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.template_item{width:19%;height: auto;margin-bottom: 20px; margin-right: 1%; cursor: pointer;position: relative;}

.templateimg{width:100%;height: auto;overflow: hidden;position: relative;border-radius: 4px;}
.templateimg a .template_img{
	width:100%;
	height: auto;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
	vertical-align: middle;
	-webkit-transition: opacity 1s;
	transition: opacity 1s
}
.template_item:hover .template_img{box-shadow:none;}
.template_item:hover .itemimg_cover{display:block;}

.template_item .item_img a img{width:225.5px;height:auto;}
.template_cover{position: absolute;top: 0;right: 0;width: 100px;height: auto;display: none;}
.template_item:hover .template_cover{display:block}
.cover_upright {display: flex;justify-content: flex-end;padding: 0.625rem;}
.cover_preview {width: 3.75rem;height: 1.75rem;line-height:1.9rem;text-align: center;border-radius: 4px;background: #fff;margin-right: 10px;font-size: 14px;color: #333; }
.cover_collect {width: 1.75rem;height: 1.75rem;background: #fff;line-height: 1.75rem;border-radius: 4px;display: flex;justify-content: center;align-items: center; }
.template_title{position: relative;width: 100%!important;}
.template_title a{font-size:14px;color:#333;text-align:center;display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.template_creat{position: relative;width: 100%;box-shadow: 0 0 2px rgba(0,0,255,0.2);display: flex;justify-content: center;align-items: center;background:#fff;}
.creat_content{text-align: center;}
.creat_content .layui-icon-add-1{font-size: 20px;color: #999;}
.creat_content p{margin-top:8px;color: #999;font-size: 14px;}
 .squr {height:225.5px}
.contentBox {
			position: relative;
			width: 1206px;
			margin: 20px auto 0;
		}
.list_nav{line-height: 30px;margin-bottom: 10px;display: flex;}
.list_nav .layui-icon-right:before {
    content: "\e602";
	margin: 0 15px!important;
}
.fieldset {border: 0;outline: 0;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nav-set {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;background: #fff;border-radius: 4px; font-size: 14px;}
.nav-set .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100%);
}
.nav-set .nav-list .nav-line.isHide:not(.showAll) {
    height: 32px;
    overflow: hidden;
}
.nav-set .nav-list .nav-line {
    position: relative;
    line-height: 32px;
		margin-bottom: 15px;
}


.nav-set .nav-list .nav-line .nav-name {
    color: #1b2337;
		font-weight: bold;
    margin-right: 38px;
    white-space: nowrap;
    float: left;
}
.nav-set .nav-list .nav-line .nav-child {
    color: #333;
		height: 32px;
    display: block;
    position: relative;
		margin:0 60px;
}
.nav-set .nav-list .nav-line .nav-child .nav-child-item.active a {
    color: #0772fc;
		background: #f0f7ff;
}
.nav-set .nav-list .nav-line .nav-child .nav-child-item {
    cursor: pointer;
    float: left;
    white-space: nowrap;
    color: #555;
}
.nav-set .nav-list .nav-line .nav-child .nav-child-item a{
	color: #505a71;
	line-height: 32px;
	padding: 0 16px;
	border-radius: 4px;
	display: inline-block;
}

.nav-set .nav-list .nav-line .moreClass {
    position: absolute;
    width: 50px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    text-align: center;
    right: 5px;
    top: 0;
    -webkit-transition: border 1s;
    transition: border 1s;
}
.nav-set .nav-list .nav-line .moreClass:hover {
	color: #0772fc;
	opacity: 0.8;
}
.nav-set .nav-list .nav-line .moreClass:hover i{
	color: #0772fc;
}
.nav-set .nav-list .nav-line .moreClass i{
	color: #4b4b4b;
	font-size: 12px;
}


.list_center{
	width:100%;
}
 .top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 60px;
	margin-top: 70px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.05);
    box-shadow: 0 3px 6px rgba(0,0,0,.05);
}
 .top-nav .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
    font-size: 14px;
}
.top-nav .nav .nav-item {
    position: relative;
    height: 100%;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #333;
    margin-right: 60px;
    white-space: nowrap;
}
.top-nav .nav .nav-item .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 4px;
    line-height: 20px;
}
 .top-nav .nav-item .svg-icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    fill: #444;
}.top-nav .nav .nav-item.active {
    color: #f73;
}
/*翻页*/
.float-page{display:inline-block;vertical-align:middle;width:100%;text-align:center}
.float-page a,.float-page i{padding:0 8px;height:26px;line-height:26px;margin-right:-1px;color:#333;font-size:12px;background-color:#fff;border:1px solid #e2e2e2; border-radius: 3px; margin: 0 8px; display:inline-block;vertical-align:middle}
.float-page a.active{background-color:#1E9FFF;color:#fff;border:1px solid #1E9FFF}
.float-page i{color:#999}
 .float-page{margin:30px 0;}
.float-page a,.float-page i{padding:0 15px;height:36px;line-height:36px;font-size:16px;}

.no_result{width: 100%; text-align: center; padding-top: 240px; background: url(../img/image_new/no_result.png) center 110px no-repeat; display: inline-block;}
.no_result span{ font-size: 16px; font-weight: bold;}
.no_result p{ font-size: 14px;line-height: 40px;}
.no_result a{color: #0772fc;}

.menu_list{ width: 100%; padding-bottom: 30px; box-sizing: border-box; border-bottom: 1px solid #ececec; display: flex; justify-content: space-between;}
.menu_list a{ width: 15.6%; display: inline-block;}
.menu_list a img{ width: 100%;}

.recommended_list {
    color: #333;
    width: 100%;
    line-height: 28px;
    display: inline-block;
}
.recommended_list a:hover {
    color: #fff;
    background: #0772fc;
    border: 1px solid #0772fc;
}
.recommended_list a {
    color: #333;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    padding: 0 18px;
    margin: 10px 10px 0 0;
    display: inline-block;
}
.float-page .input_page::-webkit-inner-spin-button,
.float-page .input_page::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.float-page .input_page{
    -moz-appearance: textfield;
    text-align: center;
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
.btn_page_go{
    width: 40px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    background-color: #1E9FFF;
    color: #fff;
    border: 1px solid #1E9FFF;
}
.btn_page_go:hover{
    cursor: pointer;
}
.local-page{
    display: none;
}