body {
	background-size: cover;
	background-attachment: fixed;
	overflow-x: auto;
	/*background-image: url(../images/bg3.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
}
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%;
}
media="all" .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: 1060px;
	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: 80px;
}
.w2 {
	width: 419px;
	background: #f6f6f6;
	border: 1px solid #cdcdcd;
	border-left: 0;
}
.w3 {
	width: 554px;
	margin-left: 7px;
	margin-top: 2px;
}
.h1 {
	height: 530px;
}
.n1 {
	height: 57px;
	background: #888;
	border-radius: 0;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 57px;
}
.n2 {
	height: 56px;
	background: #f6f6f6;
	border-bottom: 1px solid #cdcdcd;
	box-shadow: -1 -1 10px #e3e3e3;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 56px;
}
.n2 a, .n2 a:hover, .n2 a:focus {
	color: #fff;
}
.n1-1 {
	height: 503px;
	background:#ABABAB;
	padding: 0 0 1px 0;
}
.n1-1 li {
	width: 80px;
	height: 40px;
	color: #fff;
	text-align: center;
	position:relative;
}

/*广告识别区 S*/
.n1-1 li img {
    position: absolute;
    top: 5px;
    left: 72px;
    z-index: 10;
}
.n1-1 li span {
    position: absolute;
    height: 40px;
    left: 135px;
    top: 0;
    width: 200px;
    text-align: center;
    background: #000;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    line-height: 18px;
	padding: 2px 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: left;
    color: #FFF;
}
.n1-1 li span i {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #000;
    border-bottom: 5px solid transparent;
    top: 50%;
    left: -5px;
    margin-top: -5px;
}

.n1-1 li:hover span {
	left:95px;
	top:0px;
	opacity: 1;
	visibility: visible;
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;
	z-index:20;
}
/*广告识别区 E*/



.n1-1 li a {
	display: block;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
.n1-1 li.active, .n1-1 li a:hover {
	background:#525252;
	text-decoration: none;
}
.item {
	width: 418px;
	height: 502px;
	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;
	width: 550px;
	height:846px;/*目的加载gif*/
	/*background: RGBA(255, 255, 255, 0.3);*/
	background:url(http://bj.91join.com/img/load.gif) no-repeat center center;
	margin-top: 1px;
	box-sizing: content-box;
	border: 2px solid #C7C7C7;
}
.editor2:hover {
    border: 2px solid #868686;
}
.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;
}
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: 13px;
	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;
	font-size: 14px;
}
::-webkit-scrollbar {
 width: 5px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 18px
}
.otf-poptools {
	width: 200px;
}
.otf-poptools span {
	margin: 0 5px;
	cursor: pointer;
}
 
::-webkit-scrollbar-thumb {
 -webkit-box-shadow:inset 0 0 28px #B9B9B9; /*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: 10px;
	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 dotted #ccc;
}
#insert-style-list .ui-portlet-list > li * {
	max-width: 100%!important;
	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;
	line-height: 1.6;
}
#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
}
#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 20px;
	text-decoration: none;
}
.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;*/
}