body {
    background-size: cover;
    background-attachment: fixed;
    overflow-x: auto;
    /* background-image: url(../images/bg3.jpg); */
    background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(23, 67, 88, 0.1);
}

h3{
	font-weight: 400;
}
h3 small{
	font-weight: 300;
}
h4{
	font-size: 26px;
}
h5{
	font-size: 20px;
}
h6{
	font-size: 16px;
}
em{
	font-style: normal;
}
ul{padding-left: 0;}
ul li{
	list-style: none;
}

.fl{float: left;}
.fr{float: right;}

.display-b{display: block;}
.display-i{display: inline-block;}

.p-r{position: relative;}
.p-a{position: absolute;}

.center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*宽度*/
.w100{width: 100%;}
.w91{width: 91%;}



/* 距离 */
.m0{margin:0;}
.mt0{margin-top:0;}.mt10{margin-top: 10px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}.mt60{margin-top: 60px;}.mt100{margin-top: 100px;}.mt200{margin-top: 200px;}
.mr0{margin-right: 0px;}.mr10{margin-right: 10px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr40{margin-right: 40px;}.mr50{margin-right: 50px;}
.mb0{margin-bottom: 0;}.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}.mb50{margin-bottom: 50px;}
.ml0{margin-left: 0;}.ml10{margin-left: 10px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}.ml50{margin-left: 50px;}

.p0{padding: 0;}
.pt0{padding-top: 0;}.pt10{padding-top: 10px;}.pt20{padding-top: 20px;}.pt30{padding-top: 30px;}.pt40{padding-top: 40px;}.pt50{padding-top: 50px;}
.pr0{padding-right: 0;}.pr10{padding-right: 10px;}.pr20{padding-right: 20px;}.pr30{padding-right: 30px;}.pr40{padding-right: 40px;}.pr50{padding-right: 50px;}
.pb0{padding-bottom: 0;}.pb10{padding-bottom: 10px;}.pb20{padding-bottom: 20px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom: 40px;}.pb50{padding-bottom: 50px;}
.pl0{padding-left: 0;}.pl10{padding-left: 10px;}.pl20{padding-left: 20px;}.pl30{padding-left: 30px;}.pl40{padding-left: 40px;}.pl50{padding-left: 50px;}

/* 无系列 */
.nobt{border-top: none;}
.nobb{border-bottom: none;}
.nomb{margin-bottom: 0;}

/* 边框 */
.line1{border: 1px solid #4c4342;}
.btline1{border-top: 1px solid #d8d8d8;}.brline1{border-right: 1px solid #d8d8d8;}.bbline1{border-bottom: 1px solid #d8d8d8;}.blline1{border-left: 1px solid #d8d8d8;}

.dot1{border-bottom: 1px dotted #d3d3d3;}

.kuang{width: 100%;height: 100px;border: 1px solid #dbdbdb;border-radius: 6px;padding: 10px;color: #9aa2ae;}

/* 文本 */
.text-l{text-align: left;}
.text-r{text-align: right;}
.text-c{text-align: center;}

.line-height16{line-height: 16px;}
.line-height60{line-height: 60px;}

.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f24{font-size: 24px;}
.f30{font-size: 30px;}
.f40{font-size: 40px;}

.h335{
	height: 335px;
}
.nav .dropdown,.nav .dropdown .dropdown-menu,.dropdown-menu{margin-top:0px;margin-bottom: 0px;}
/* 表格 */
.table1,
.table4{
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.table1,
.table2,
.table3{
	width: 100%;
}
.table1 tr{
	height: 47px;
}
.table1 td{
	padding: 15px 0;
}
.table1 .th{
	font-weight: bold;
	width: 18%;
}
.table1 .th1{
	font-weight: bold;
	width: 8%;
}
.table1 tr p{
	line-height: 24px;
}
.table2 tr td{
	height: 24px;
}
.table2 .th{
	width: 15%;
}
.table2 .th2{
	width: 80%;
}
.table2 .th3{
	text-align: right;
}

.table3 td{
	padding: 5px 0;
}

.table4 td{
	padding: 2px 0;
}

/* 颜色 */
.c-green{color: #6bbc6e;}
.c-orange{color: #f5a845;}
.c-blue{color: #2a71b9;}
.c-green{color: #6bbc6e;}
.c-grey{color: #747474;}
.c-fff{color: #fff;}

.c-bg1{background: #f5a845;}/*index panels item1*/
.c-bg2{background: #45a6e4;}/*index panels item2*/
.c-bg3{background: #e96547;}/*index panels item3*/
.c-bg4{background: #a2c056;}/*index panels item4*/
.c-bg5{background: #ffd845;}/*index panels item5*/
.progress-green-bg{background: #6bbc6e;}
.progress-green{background: #cfe8cf;}
.progress-blue-bg{background: #2a71b9;}
.progress-blue{background: #cfe2ee;}


/* 链接 */
.panel-title a:hover{text-decoration: none;}

a.grey1{color: #8e8e8e;text-decoration: underline;}
a.login{color: #747474;}
a.login:hover{color: #009fe3;}




header{height:80px;background:#FFF;box-shadow: 0 0 10px 0 #d3d0cb;margin-bottom: 3px;}
#maincontent .container{background:#f8f5ef;position:relative;color:#323336;padding:10px 20px;} /*box-shadow: 0 5px 10px 2px #d3d0cb;*/
#maincontent{background: transparent;padding:0 0;}
.navbar-nav > li > a {line-height:60px;}
footer{text-align:center;}
.footer-top,.footer-bottom{background: transparent;border: 0 none;padding: 0 0;}
.footer-top .container,.footer-bottom .container{background:#f8f5ef;}
.footer-top .container{padding:30px 30px;}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {display:none;text-decoration:none;position:fixed;
	bottom:10px;right:10px;overflow:hidden;
	width:51px;	height:51px;
	border:none;text-indent:100%;
	background:url(img/ui.totop.png) no-repeat left top;
}
#toTopHover {
	background:url(img/ui.totop.png) no-repeat left -51px;
	width:51px;	height:51px;
	display:block;overflow:hidden;
	float:left;	opacity: 0;	-moz-opacity: 0;filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {outline:none;}
/********
* end UItoTop
*/
 /*
 * header *
 */
.head{
	height: 120px;
	background: #2c2c2c;
}
.logo{
	width: 116px;
	left:50%;
	margin-left: -58px;
}
.login ul{
	width: 151px;
}
.login ul li{
	float: left;
	width: 40px;
}
.conBox{
	width: 100%;
}

.panels{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	background: #888;
	width: auto;
}
.panel01{
	display: block;
	float: left;
    width: 16.66%;
    color: #fff;
    padding: 80px 60px 90px;
}
@media (min-width: 992px) {
  .panel01 {
    width: 20%;
  }
}
@media (max-width: 1140px) {
  .panel01 {
    width: 33.33%;
  }
}
@media (max-width: 760px) {
  .panel01 {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .panel01 {
    width: 100%;
  }
}

/*果优微信编辑器*/
.bg{
	max-width: 100%;
	height: 100%;
	z-index:1;
}
.box{
	width: 100%;
	margin:0 auto;
}
.logo2{
	margin-top:10px;
	}
.editor-nav > li{
	float: right;
	list-style: none;
	font-size: 14px;
}
.nav1 > li a{color:#fff;}
.nav1>li>a{
	display:block;
	padding:15px 10px;	
}
.nav1>li>span{
	display:block;
	padding:15px 10px;	
	color:#FF0;
}
.nav1 > li > a:hover, .nav1 > li > a:focus {
text-decoration: none;
}
/* .w0{
	width: 1060px;
} */
.w1{
	float: left;
	width: 88px;
	height: 100%;
    background-color: #566686;
	position: relative;
    /* top: 35px; */
}
.w2{
	width: 380px;
	/* height: 100%; */
	position: relative;
	/* top: 35px;
	left: 88px; */
}
.w3{
	/* width: 520px; */
	position: relative;
    /* top: 35px; */
    left: 50px;
}
.h1{
	height: 530px;
}
.n1{
	height: 61px;
	border-top: 1px solid #ccc;
	color:#fff;text-align:center;
	font-size:16px;
	line-height:61px;
}

.n1:hover{
	background: #505c70;
	cursor: pointer;
}

.n2{
	height: 30px;
	background:#fff;
	/* border-bottom:1px solid #cdcdcd; */
	box-shadow: -1 -1 10px #e3e3e3;
	color:#000;
	text-align:center;
	font-size:20px;font-weight:bold;
	line-height:30px;
}
.n2 a,.n2 a:hover,.n2 a:focus{color:#fff;}

.n1-1 {height:503px;margin-bottom:0px;}
.n1-1 li{
	/* width: 88px;
	height: 48px;
	color: #fff;
	text-align: center; */
}
.n1-1 li a{
	/* display:block;line-height: 48px;color:#5c4e61;text-decoration: none;font-size: 16px; */
}
.n1-1 li.active,.n1-1 li a:hover{
	background: #505c70;text-decoration: none;
}
.item{
	width: 378px;
	border-right:1px solid #cdcdcd;
	/* border-bottom:1px solid #cdcdcd; */
	height: 503px;
	overflow-y:auto;
    overflow-x:hidden;
    background: RGBA(255,255,255,0.3);/*#FFF*/
	/*box-shadow:0 0 1px 1px rgba(255,255,255,0.45);*/
    margin: 0 2px;
	font-size:14px;
	color:#3a3332;
}
/*
.itembg2{
	background: RGBA(157,135,132,0.9);
}*/
.item img{max-width: 100%;}
.item li{
	padding: 10px 15px;
	cursor:pointer;
}

.item li:hover{
	background: #f0f0f4;
}

.editor1{
	width: 558px;
	height: 65px;
	background: rgba(245,245,245,0.6);
	/*background: url(img/n3.png) no-repeat;*/
}
.editor1{
	padding-left: 90px;
	padding-top: 0px;
}
.ecolor li{
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 10px;
	margin-right: 10px;
}
.editor2{
	position:relative;
	/* margin-left:10px; */
	width: 500px;
	background: RGBA(255,255,255,0.3);
	margin-top:-1px;
	box-sizing: content-box;
}
.editorBox{
	width: 500px;
	background: #fff;
	margin:0 auto;
}
.gy_editor {max-width:500px;overflow:hidden;}
.btnline{
	margin-top:5px;
	margin-left: 120px;
}
.btn1,.btn2{
	display: inline-block;
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}
.btn1{
	width: 80px;
	height: 36px;}
.btn2{
	color:#534740; 
}
.btn2:hover{background:rgba(245,245,245,0.5);border-color:#fff;color:#333;}
.btnbg1{
	background: #534740;
	color: #fff;
}
.editorslide{
	position: absolute;
	bottom:30%;
	right: -33px;
}
.editorslide .btn{
	width: 32px;height: 32px;color:#FFF;font-size: 20px;border:0 none;
	box-shadow: 0 0 0px 1px rgba(188,176,167,0.8);margin-top: 2px;
}
.editorslide .btn-default{
	background:rgba(58,51,50,0.4);
}
.editorslide .btn-default:hover{background:rgba(58,51,50,0.7);}
.editorslide li{
	width: 32px;
	height: 32px;
	margin-bottom: 3px;
}
.change{
	height: 36px;
	line-height: 36px;
	text-align: right;
	float: right;
}
.change a{
	color: #fff;
	text-decoration: underline;
}
.links a,.ifo,.links{
	color: #fff;
}
.ifo{
	height: 36px;
	line-height: 36px;
}

.ecolorbg1{
	background: #e84e0f;
}
.ecolorbg2{
	background: #1abbc5;
}
.ecolorbg3{
	background: #009fe3;
}     
.ecolorbg4{
	background: #f4215c;
}
.ecolorbg5{
	background: #ffd602;
}
.ecolorbg6{
	background: #f5a100;
}
.ecolorbg7{
	background: #9abc36;
}
.ecolorbg8{
	background: #e84e0f;
}

* {margin:0;padding:0;box-sizing: border-box!important;-webkit-box-sizing: border-box!important;word-wrap: break-word!important;z-index: 0;}
body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif !important;}
body{margin: 0 0;font-size:14px;line-height:inherit}
.gy_editor{max-width:100% !important;}
.gy_editor img{max-width:100% !important;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:18px}

p{clear:both;margin:0 0;}
::-webkit-scrollbar {
    width: 8px;
}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:18px}
.otf-poptools{width:200px;}
.otf-poptools span{margin:0 5px;cursor:pointer;}
.edui-default .otf-poptools span.mmClick {
	cursor: pointer;
	margin: 0 5px;
	display: inline-block
}

.otf-poptools span.mmClickSpe {
	cursor: pointer;
	margin: 0 5px;
	display: inline-block;
	font-size: 20px;
	vertical-align: -4px
}

.otf-poptools span.mmSpan {
	cursor: default;
	margin: 0 5px;
	display: inline-block
}

.otf-poptools b {
	display: inline-block;
	height: 18px;
	border-right: 1px solid #fff;
	vertical-align: middle;
	margin: 0 5px 0
}
 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 8px #645654; /*rgba(60,60,60,0.5)*/
}
.popover{max-width:360px;}
.modal-backdrop.in {opacity: 0.9;}
.alert-warning {
	background-color: rgba(255,255,255,0.4);
	border: 0 none;
	color: #3a3332;
}
a {
    color: #2fa4e7;
    text-decoration: none;
}
.xiuxiu a{color:#DAD9D8;text-decoration:none;}
.xiuxiu a:hover{color:#fff;text-decoration:none;}
#header-breadcrumb{display: none;}
.footer-bottom{padding:2px;font-size:80%;}
#maincontent {margin:0;padding:0;}

#left-sidebar .ui-portlet{margin:0px;}
#left-side-affix{box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
#left-sidebar .btn-group .btn{padding:4px 16px;}

.mix{display: none;}

.cke_reset_all, .cke_reset_all *{
	position: initial;
}
.affix{top:0px;background-color:#FFF;z-index:100;position: fixed;}
.col-xs-6 {width: 49%;}
.color-swatch{width:15px;height:15px;border-radius:3px;cursor: pointer;float:left;margin:4px 2px;}
.color-box {width:16px;height:16px;cursor: pointer;border:solid 1px #ddd;margin-top:3px;float: left;margin-right:5px;}
.color-swatch:hover,.color-swatch.active {	
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);
	-o-transform:scale(1.1);transform:scale(1.1);
	-webkit-box-shadow:inset 1px 1px 1px #5b616d,0 0 5px #45bcda;
	-moz-box-shadow:inset 1px 1px 1px #5b616d,0 0 5px #45bcda;
	box-shadow:inset 1px 1px 1px #5b616d,0 0 5px #45bcda;
}
.col-sm-4,.col-sm-6,.col-sm-2{padding-right: 5px;padding-left: 5px;}
#params-setting ul{padding:0;}
#params-setting .title{font-size:16px;font-weight:bold;padding-bottom:3px;margin-bottom:5px;margin-top:15px;border-bottom:1px solid #DDD;}
#params-setting li{list-style:none;}
#params-setting label{display:block;line-height:18px;font-weight:normal;}
#params-setting input{margin-right:5px;margin-top:3px;float:left;}
.cke_button__source_label{display:none;}
.cke_combo__font .cke_combo_text{padding-left:5px;width:60px;}
.cke_combo__styles .cke_combo_text{width:80px;}
.cke_chrome {border: none;box-shadow: 0 0 1px 1px rgba(172,181,194,0.56);}
#editor-styles .nav > li > a{padding:10px 5px;text-align:center;}

#editor-tpls-list .style-list .content, #template-modal-body .style-list .content{cursor: pointer;margin-top:20px;padding: 0 5px;overflow-x:hidden;overflow-y:hidden;box-shadow: 0 0 3px rgb(170, 170, 170);}
#editor-tpls-list .style-list .tools,#template-modal-body .style-list .tools{display:none;}
#editor-tpls-list .row{margin:0 -5px;}
#editor-tpls-list .col-md-6{padding:0 5px;}
.popover-content .btn{width:70px;margin-top:3px;padding: 1px 5px;}
#more-popover .popover-content{padding: 5px 5px;width:160px;max-width:360px;height:120px;}

#insert-style-list li .btn{display:none;}
#insert-style-list li:hover .btn{display:inline;}
#insert-style-list li {position:relative; border-bottom: 1px dashed rgba(0,0,0,.1);}
#insert-style-list .ui-portlet-list > li *{box-sizing: border-box!important;-webkit-box-sizing: border-box!important;word-wrap: break-word!important;}
#insert-style-list .ui-portlet-list > li p{clear:both;margin:0 0;min-height: 1em;}
#insert-style-list .ui-portlet-list > li .origin{position:absolute;top:5px;right:5px;height:20px;color:#FFF;font-weight:bold;font-size:12px;padding:2px}

.ui-portlet-list li i.cursor-fav {
	position: absolute;
	right: 2px;
	color: #ff8800;
	font-size: 16px;
	width:32px;
	height: 32px;
	text-align: center;
	line-height: 34px;
	background-color:rgba(128, 128, 128, 0.1);
	border-radius: 100%;
	z-index: 99;
	cursor: pointer;
	display: none;
}

.ui-portlet-list li:hover i.cursor-fav{
	background-color:rgba(128, 128, 128, 0.2);
	display: block;
}

.ui-portlet-list li i.fa-heart.cursor-fav{
	color: rgba(255, 136, 0, 0.5);
	display: block;
}

.ui-portlet-list li:hover i.fa-heart.cursor-fav{
	color: #ff8800;
	display: block;
}

.ui-portlet-list li i.saveart-title {
    position: absolute;
    /* right: 2px; */
    color: #FAFAFA;
    font-size: 16px;
    width: 100%;
    height: 62px;
    text-align: center;
    line-height: 34px;
    background-color: rgba(107,155,171,0.8);
    /* border-radius: 100%; */
    z-index: 99;
    cursor: pointer;
	font-size: 14px;
	font-style: normal;
    bottom: 0px;
    left: 0px;
}

.ui-portlet-list li i.saveart-del, i.savestyle-del{
    position: absolute;
	right: 2px;
	color: #ff8800;
	font-size: 20px;
	width:32px;
	height: 32px;
	text-align: center;
	line-height: 34px;
	background-color:rgba(128, 128, 128, 0.3);
	border-radius: 100%;
	z-index: 99;
	cursor: pointer;
	/* display: none; */
}

#editor-tpls-navtab > li {padding:0 0;}

.editor-nav .fa{width:18px;text-align:center;margin:0 auto;}

#bg-choose .default,#bg-choose .chooser{width:20px;height:20px;margin:5px;cursor:pointer;border-radius:2px;}
#favor-colors .color-swatch{position:relative;}
#favor-colors .color-swatch .fa{position:absolute;right:-5px;top:-5px;display:none;}
#favor-colors .color-swatch:hover .fa{position:absolute;right:-5px;top:-5px;display:block;}
#favor-colors .color-swatch .fa:hover{color:red;}
.f1{margin-top:30px;}











#nav-header {
  width: 1020px;
  margin: 0 auto;
}


.pull-right {
  float: right !important;
}

.fr {
  float: right;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.editor-nav > li {
  float: left;
  list-style: none;
  font-size: 14px;
}

.nav > li {
  /* position: relative;
  display: block; */
}

.nav > li a {
  /* color: #3a3332; */
}


.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 13px;
  color: #fff;
}


/* .nav>li>a:hover, .nav>li>a:focus {
  opacity: 0.3;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
} */

.nav-main{
	height:300px;
	width:100%;
}
.nav-main li{
	float:left;	
	width:12.5%;
	color:red;
}

.nav-main li.active a{
	color:#FF5500;
}

.nav-main li:hover{
	background-color:#ECECEC;
}
.nav-main li a{
	text-decoration: none;
	display:block;
	font-size: 15px;
	color:#0071FF;
	font-weight:normal;
}
.nav-main li:hover a{
	color:#FF5500;
}

.nav-main-child{
	width:90px;
	/* height:100%;  */
	z-index:99;
	background-color:#ECECEC;
	display:none;
	cursor:pointer;
	position:absolute;
}

.nav-main-child li{
	width:100%;
	/* height:25%; */
	line-height:40px;
	color:#222;
	background-color:#ECECEC;
	border-bottom: 1px solid #ddd;
}

.nav-main-child li a{
	width:100%;
	display:block;
	font-size:14px;
}

.nav-main-child li:hover {
	background-color:#FFCA00;
}

.hl_nav {
    background-color: #566686;
    position: relative;
	margin: 0;
    color: #fff;
    min-width: 1120px;
	height: 35px;
	z-index: 99;
	width: 100%;
}

.hl_nav a {
    display: block;
    text-decoration: none
}

.hl_nav .shade {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 35px;
    left: 0;
    z-index: 1;
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90);
    box-shadow: 0 5px 15px #ccc;
    display: none;
    border-bottom: #fff solid 1px;
    border-bottom: rgba(255,255,255,.3) solid 1px
}

.hl_nav .nav_list {
    position: relative;
    float: left;
    margin: 0;
    z-index: 2;
    padding: 0;
    list-style: none;
    /* width: 1200px; */
    height: 35px
}

.hl_nav .nav_right{
	float:right;
	margin: 0;
	/* margin-right: 15px; */
}

.hl_nav .nav_list>li{
    padding: 0;
    float: left;
    margin: 0;
    width: 88px;
    text-align: center;
    height: 35px;
    overflow: hidden;
    transition: height .3s
}

.hl_nav .nav_right>li{
	padding: 0;
    float: right;
    margin: 0;
    width: 68px;
    text-align: center;
    height: 35px;
    overflow: hidden;
    transition: height .3s
}

.hl_nav .nav_head {
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    position: relative
}

.hl_nav .nav_head:hover{
	color:#ff8340
}

.hl_nav .nav_body {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    position: relative;
    border-left: 1px solid rgba(70, 130, 150, 0.8);
    border-right: 1px solid rgba(70, 130, 150, 0.8)
}

.hl_nav .nav_body:last-child {
    border-bottom: 2px solid rgba(70, 130, 150, 0.8)
}

.hl_nav .nav_list>li.active .nav_head,.hl_nav .nav_list>li:hover .nav_head {
    /* background-color: #f3f8ff; */
}

.hl_nav .nav_list>li:hover {
    background-color: #505c70;
    height: auto
}

.hl_nav .nav_right>li:hover {
    background-color: #505c70;
    height: auto
}

.hl_nav .nav_body:hover {
    color: #ff8340
}

.hl_nav .nav_body:after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    bottom: -1px;
    width: 60%;
    left: 20%;
    border-bottom: #ea0d04 dashed 1px
}

.v3layout .v3layout-inner{
	outline: 1px dotted #ea0d04;
	height:60px;
	line-height:60px;
}

#footer { color: rgb(220, 230, 229); line-height: 30px; height: 30px; font-size: 12px; clear: both; background-color:#566686; border-color: rgb(8, 8, 8); position: fixed;bottom: 0px;width: 100%;}
#footer a { color: rgb(220, 230, 229); text-decoration: none;}
#footer a:hover { color: rgb(220, 230, 229); }
#footer .center { float: center; }
#footer .center span { line-height: 30px; margin-right: 10px; }
#footer .left { float: left; }
#footer .left span { line-height: 30px; margin: 0 20px; }
#footer .right span { position: relative; bottom: 4px; margin: 0px 10px; }
#footer .right { float: right; }
#footer .left .miibeian { margin: 0px 10px; }
#footer .left .network { margin-bottom: 4px; margin-right: 5px; }


.float-preview{margin:0;padding:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.6;-webkit-touch-callout:none;font-family:"Microsoft YaHei",-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB",sans-serif;background-color:#f3f3f3;line-height:inherit}

.float-preview a{color:#607fa6;text-decoration:none}

.float-preview img,.float-artimage img{height:auto!important}

.float-preview .layui-layer-setwin{right:33px;top:119px;opacity:0.3;}

.rich_media_inner{font-size:16px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-x:hidden;overflow-y:scroll;/* margin-top:91px; */height:466px;padding:20px 15px 15px;}

.rich_media_inner::-webkit-scrollbar{position:absolute;width:5px}

.rich_media_inner::-webkit-scrollbar-button{background-color:#fff;height:1px}

.rich_media_inner::-webkit-scrollbar-track{background-color:#fff}

.rich_media_inner::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1);border-radius:5px}

.rich_media_area_primary{position:relative;background-color:#fff;margin-right:-5px;}

.rich_media_title{margin-bottom:10px;line-height:1.4;font-weight:400;font-size:24px}

.rich_media_meta_list{margin-bottom:18px;line-height:20px;font-size:0}

.rich_media_meta_list em{font-style:normal}

.rich_media_meta{display:inline-block;vertical-align:middle;margin-right:8px;margin-bottom:10px;font-size:16px}

.rich_media_meta_text{color:#8c8c8c}

.rich_media_meta_nickname{color:#607fa6}

.rich_media_content{overflow:hidden;color:#3e3e3e;line-height:1.6;font-size:17px;background:#fff;position:relative}

.rich_media_content *{max-width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}

.rich_media_content p{clear:both;min-height:1em}

.rich_media_content em{font-style:italic}

.rich_media_content fieldset{min-width:0}

.rich_media_content pre{white-space:pre-wrap;word-wrap:break-word}

.rich_media_content figure{text-align:center;border:solid 1px #ccc;border-radius:2px;background:rgba(0,0,0,0.05);padding:10px;margin:10px 20px;display:inline-block}

.rich_media_content figure > figcaption{text-align:center;display:block}

.rich_media_content blockquote{margin:0;padding-left:10px;border-left:3px solid #dbdbdb}

.rich_media_content a{color:#607fa6;text-decoration:none}

.rich_media_content img{height:auto}

.rich_media_content img:hover{z-index:-1;cursor:pointer}

.rich_media_content iframe.video_iframe{background-color:#000000;width:100%;position:static}

.rich_media_content audio,.rich_media_content iframe.qqmusic_iframe{width:100%;background-color:#fff}

.rich_media_content iframe.qqmusic_iframe{margin:10px 0}

.rich_media_tool{overflow:hidden;padding-top:15px;line-height:32px;color:#8c8c8c}

.rich_media_tool .meta_primary{float:left;margin-right:10px}

.rich_media_tool .fa,.rich_media_tool a{color:#607fa6}

.rich_media_tool .fa{font-size:13px;position:relative;top:-1px;margin-right:3px}

.rich_media_tool .meta_extra{float:right}

.rich_media_artimage{float:left;margin: 10px;padding:0;width:340px;height:501px;border: 2px dashed rgba(0,0,0,0.1);}

.rich_media_artimage .rich_media_content{padding:5px}

.float-artimage .layui-form{float:right;padding:10px 10px 0;width:235px}

.float-artimage .layui-form .layui-form-item{margin-bottom:25px}

.float-artimage .layui-layer-content{margin-bottom:5px;overflow: inherit !important;}

.float-artimage .layui-form-select dd.layui-this{background-color:rgba(0,0,0,.4)}

.float-artimage .layui-form-mid{margin-right:0}

.float-artimage .layui-btn{width:100%}

.float-remoteart .layui-form,.float-saveart .layui-form,.float-feedback .layui-form{padding:10px 20px 15px 20px}
.float-remoteart .layui-form .layui-form-item{margin-bottom:0}
.float-saveart .layui-form-item{margin-bottom:0px}
.float-saveart .rich_media_artimage{float:left;margin:0;padding:0;width:345px;height:420px;border: 0;}
.float-saveart .rich_media_content {border: 1px solid rgba(0,0,0,0.1);padding: 5px;height: 420px;overflow-y: scroll;}

.layui-nav-search{position:relative;vertical-align:middle;margin:1px;line-height:26px;font-size:12px;color:rgba(51,51,51,.8);border-bottom: 1px solid rgba(0,0,0,.1);}
.layui-nav-search *{font-size:12px;margin-left:2px;cursor:pointer}
.layui-nav-search span#style_search,.layui-nav-search span#tpl_search{margin:0px 0px 2px 2px;color:rgb(51 51 51);}
.layui-nav-search .search_span .layui-input {margin-left:0;height:28px;line-height:28px;}
.layui-nav-search .search_span .layui-btn {position:absolute;right:8px;height:28px;line-height:28px;padding:0 10px}
.layui-nav-search span.search_span,.layui-nav-search span#tpl_search {margin-left:3px;display:inline-block;color:#1E9FFF;width:186px;}
.layui-nav-search .search_span .layui-input {margin-left:0;padding-left:8px;height:28px;display:inline-block;line-height:28px;width:75.2%;}
.layui-nav-search .search_span .layui-btn {position:initial;right:8px;display:inline-block;height:28px;line-height:28px;padding:0 10px;float:right;}
.tab-header{
	height: 63px;
    font-size: 13px;
    border-bottom: 1px solid #eaedef;
	padding: 5px;
	color: #555;
}

.tab > li {
	line-height: 34px;
	font-size: 15px;
	flex-grow: 1;
	text-align: center;
    cursor: pointer;
	border-bottom: 1px solid #eaedef;
	width: 100%;
}
.tab > li.active {
	color: #0085ff;
	border-bottom-color: #0085ff;
}

#style_new{
	color: #0085ff;
}

.flex{
	display:flex;
	align-items:center
}

#format-title {
	width: 50px;
	height: 22px;
	line-height: 22px;
	display: inline-block;
	background-color: #f5f7f9;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	margin-right: 10px;
	text-align: center;
}