@CHARSET "UTF-8";
.header .logo{float: left; margin: 2px 15px;}
.header .logo img{height: 50px;}
html.slim .header{height: 50px;}
html.slim .header .logo{float: left; margin: 2px 15px;}
html.slim .header .logo img{height: 40px;}
html.slim .userbox .profile-picture img{width:36px; height:36px;}
html.slim .header-right{height:46px;}
html.slim .userbox{line-height: 40px;}
html.slim .userbox.open .dropdown-menu{background: rgba(255,255,255,0.1); padding: 50px 0 0; top: 0px;}
html.slim .inner-wrapper, html.slim.fixed .inner-wrapper{padding-top: 50px; background:#FFFFFF;}
@media (min-width: 768px) {
	html.slim.fixed .sidebar-left {top: 50px;}
}
@media (max-width: 767px) {
	html.slim .header .logo-container{height: 50px;}
	html.slim .header .header-right {height: 47px;margin-top: 47px;}
	html.slim .header .toggle-sidebar-left{top: 8px;}
	html.slim .header .logo-container .logo {line-height: 40px;}
	html.slim .sidebar-left{padding-top: 50px;}
	html.slim .userbox.open .dropdown-menu{padding: 41px 0 0;}
	html.dark .header .header-right, html.header-dark .header .header-right {background: #42485B;}
	html.slim.fixed .inner-wrapper { padding-top: 0; }
	.btn-dt{display:none;}
	.dropdown-menu{margin-top: 0px !important;}
}
html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left:hover{width:200px;}
html.sidebar-left-collapsed .sidebar-left:hover .nav-main li a span {visibility: visible;}
.sidebar-light .sidebar-header{background:none;}
.sidebar-left .sidebar-header{height:40px; z-index:1;}
.sidebar-left .sidebar-header .sidebar-toggle{width:40px; height:40px;}
.sidebar-left .sidebar-header .sidebar-toggle i{line-height:40px;}
html.sidebar-light:not(.dark).sidebar-left-collapsed .sidebar-left .sidebar-header .sidebar-toggle{background: #F6F6F6;}
html.sidebar-light:not(.dark).sidebar-left-collapsed .sidebar-left .sidebar-header .sidebar-toggle i{color: #000000;}
.sidebar-left-collapsed .sidebar-left .sidebar-header .sidebar-toggle{width: 100%;}

html.header-dark .userbox .name, html.header-dark .userbox .custom-caret, html.header-dark .notifications a{color:#FFFFFF;}
html.header-dark .userbox .role{color:rgba(255,255,255,0.8);}
.userbox .dropdown-menu ul{background: #FFFFFF; padding-bottom: 4px;}
.panel, .panel-heading, .panel-heading + .panel-body{border-radius:0px;}
.geetest_logo, geetest_success_logo{display:none !important;}
.content-body{padding:0;}
.border-collapse{border-collapse: collapse;}
table.dataTable{border-collapse: collapse;}
table.dataTable tbody tr.selected {
    background-color: #EFEFEF;
}
.input-group-addon{cursor:pointer;}
.page-header{margin: -5px -5px 5px -5px;}
.hide-default{display:none;}
.show-true{display:block;}
.show-false{display:none;}
.modal textarea{}
.yahei{font-family:Microsoft Yahei !important;}
textarea.form-control{}
.text-blue{color:#0099e5;}
.text-gray{color:#CCCCCC;}
.text-666{color:#666;}
.text-red{color:#C40000;}
.text-airbnb{color:#ff5f5a;}
.text-fff, .text-white{color:#ffffff !important;}
.font-12{font-size:12px !important;}
.font-14{font-size:14px !important;}
.bold{font-weight: bold;}
i.fa-b{vertical-align:bottom}
a{color:#333333;}
.a{color:#0099E5; cursor:pointer;}
p a{color:#0099E5;}
body{font-family: Microsoft Yahei; color:#333333;}
.fl{float:left;}
.fr{float:right;}
.full{width:100%;}
.none{display:none;}
.w-20{width:20px;}
.w-120{width:120px;}
.middle-1000{width:1000px; margin:auto;}
.lh-34{line-height:34px;}
.ml-none{margin-left:0 !important;}
hr.short{margin:5px 0;}
hr.left-to-right{background-image: linear-gradient(to right, #DDDDDD, #EEEEEE, transparent);}
.table-no-border td{border:none !important;}
a:hover, a:focus{
    color: #0099e6;
}
.checkbox-round label:before{border-radius:50%;}
.checkbox-lg label:before{width: 26px; height: 25px; margin-top:-12px;}
.checkbox-lg input[type="checkbox"]:checked + label:after{font-size:20px; margin-top: -9px;}
.edit_info_tag_div input[disabled]{cursor: not-allowed; background-color: #eee;}
.bb-e{border-bottom:1px solid #EEE;}
.border-ee, .border-eee, .border-eeeeee{border:1px solid #EEEEEE;}
.border-dd, .border-ddd, .border-dddddd{border:1px solid #DDDDDD;}
.form label{font-weight: normal;}
.lb-btn.radio-custom, .lb-btn.checkbox-custom{padding: 0 0 0 20px;}
.lb-btn .checkbox-custom{padding: 0 0 0 20px;}
.lb-btn .checkbox-custom label:before{margin-left:4px;}
.lb-btn .checkbox-custom input[type="checkbox"]:checked + label:after{left:8px;}
.fs-14, .fs-14 .input-lg{font-size:14px;}
.password{-webkit-text-security:disc;}
.ml-0{margin-left:0 !important;}
.bootstrap-tagsinput .tag{display: inline-block; margin-bottom:5px;padding: 4px 10px 6px 10px;}
.checkbox-custom.active label:before{background: #5BC0DE; border: none;}
.checkbox-custom.active input[type="checkbox"]:checked + label:after{content:"";}
.squared, .squared .panel-footer{border-radius:0 !important;}
.text-justify{text-align:justify;text-align-last:justify;}
.bg-00, .bg-000{background:#000000;}
.bg-333{background:#333333;}
.bg-666{background:#666666;}
.bg-ff, .bg-fff{background:#ffffff;}
.bg-f6{background:#f6f6f6;}
.bg-eee{background:#eeeeee;}
.bg-grey{background:#DDDDDD;}
.bg-red{background:#ff5f5a !important;}
.bg-blue{background:rgb(0, 153, 229) !important;}
.bg-blue-light{background:rgba(0, 153, 229, 0.2) !important;}
.br-eee{border-right:1px solid #EEE;}
.br-ddd{border-right:1px solid #ddd;}
.btn-red{background:#ff5f5a !important; border-color:#ff5f5a !important; color:#FFFFFF;}
.btn-red:hover, .btn-red:focus, .btn-red.focus{color:#FFFFFF;}
.btn-fa{padding:5px; cursor:pointer; display: inline-block;}
.btn-fa .fa{color:#0099e5; font-size:24px;}
.btn-round{border-radius: 30px;}
.btn-header{
	border: none;
	border-right: 1px solid #EEEEEE;
	border-color:#EEEEEE !important;
    height: 100%;
    line-height: 40px;
    vertical-align: middle;
	float:left;
}
.border-none{border:none !important;}
.btn-active{color: #0099E5;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{
	color: #fff;
    background-color: #ff4146;
    border-color: #ff7478;
}
.alert-sm{padding: 8px; margin-bottom:0;}
.btn-unfollow, .btn-dislike{display:none;}
.geetest_holder.geetest_wind{min-width:120px !important;}
.full-screen{
	position: absolute;
	z-index:3;
    top: 3px;
    right: 2px;
    color: #FFFFFF;
    font-size: 24px;
    opacity: 0.2;
    padding: 7px 9px;
    border-radius: 3px;
    background: #000000;
}
.photo-container-left:hover .full-screen{
	opacity: 0.3;
}
.paging-no-more{display:none;}
.full-screen:hover{
	opacity: 0.6 !important;
	color: #FFFFFF;
}
.fz-12{font-size:1.2em;}
.error-airbnb{margin:60px;}
.toggle-line{width: 100%; float: left; border-top: 1px solid #DDDDDD; margin: 20px 0;}
.toggle-line-icon{    width: 40px;
    height: 40px;
    margin: auto;
    background: #FF7519;
    border-radius: 50%;
    line-height: 26px;
    color: #FFFFFF;
    font-size: 22px;
    margin-top: -20px;
	cursor:pointer;
    border: 5px solid #FFFFFF;}
.label-left{line-height: 34px; margin: 0; text-align: right;}
.uploader_preview .img-thumbnail .zoom{padding: 0 6px; font-size: 14px; line-height: 34px;}
.img-thumbnail.img-thumbnail-lg .zoom{height: 40px; width: 40px; font-size: 18px; line-height: 40px;}
@media (max-width: 768px){
	.photo-container-left:hover .full-screen{
		opacity: 0.8;
	}
}
@media (max-width: 1160px){
	.schedule-container{float:right;}
}
@media (max-width: 800px){
	.schedule-container{float:left;}
	#plan_schedule{width: 100%; overflow-x: auto; margin: 0;}
}
.dataTables_length .select2-container--bootstrap{display:inline-block;}
.dataTables_wrapper table thead th.center, .dataTables_wrapper table thead th.text-center {
    padding-right: 0px !important;
}
.dataTables_wrapper table thead th.text-right {
    padding-right: 21px !important;
}
div.dt-button-info{border:none;}
div.dt-button-info h2{line-height:34px; font-size:14px;}
.select2-container--bootstrap .select2-sm.select2-selection{height:30px; line-height:30px; padding-top: 0; padding-bottom: 0;}
.btn-dt{float: left; margin-right: -1px; height: 31px;}
.mt-0{margin-top:0 !important;}
.table-tools .btn-sm{height:31px;}
.form-sm.form-horizontal .control-label{padding-top: 2px;}
.form-group .select2-container--bootstrap{width: 100% !important;}
.form-group-height-sm .form-group{padding-bottom: 10px; margin-bottom: 10px;}
.datepicker.dropdown-menu{border-top:1px solid #DDDDDD;}
.datepicker .day{color:#000000;}
.datepicker .disabled{color:#CCCCCC !important; cursor:not-allowed !important;}
.datepicker .disabled:hover{background:#FFFFFF !important;}
.datepicker .old.day{color:#999999;}
.datepicker table tr td, .datepicker table tr th{border-radius:0;}
.datepicker table thead tr th.prev:hover, .datepicker table thead tr th.next:hover{color:#FFFFFF;}
.body-sign{max-width:400px;}
.text-white{color:#FFFFFF !important;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.pointer{cursor:pointer;}
.notifications > li .notification-icon .badge{background:#ff5f5a;}
html.sidebar-light:not(.dark) ul.nav-main li a{color: #555555; font-size: 13px; line-height: 18px;}
html.sidebar-light:not(.dark) ul.nav-main li a:hover{color: #000000;}
ul.nav-main > li.nav-active > a:hover {color: #FFFFFF;}
ul.nav-main{margin-right: 0; margin-top:0 !important;}
.sidebar-light ul.nav-main{margin-right: 6px;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 1px; color:#444444; font-size:10px;}
.table > thead > tr > th{font-family:Microsoft Yahei; font-size:12px; font-weight:normal; color:#333333;}
.table a{font-family:Microsoft Yahei;}
.table > tbody > tr > td{line-height: 34px; vertical-align: middle;}
.table.line-15em > tbody > tr > td{line-height: 1.5em;}
.table-p-lg.table-condensed > thead > tr > th, .table-p-lg.table-condensed > tbody > tr > th, .table-p-lg.table-condensed > tfoot > tr > th, .table-p-lg.table-condensed > thead > tr > td, .table-p-lg.table-condensed > tbody > tr > td, .table-p-lg.table-condensed > tfoot > tr > td{
	    padding: 8px 8px 7px 8px;
		line-height: 34px;
}
.datatables-footer{padding-bottom: 20px; height: 80px;}
.datatable-tools{height: 50px; padding: 10px; background:#FAFAFA; border-bottom: 1px solid #EEEEEE;}
div.dataTables_length label{font-size:12px;}
div.dataTables_length select{width: 75px; height: 30px; padding: 0; border-radius: 0;}
.select2-container--bootstrap .select2-results > .select2-results__options{max-height: 300px;}
.select2-container--bootstrap .select-large .select2-results > .select2-results__options{max-height: 600px;}
.dataTables_wrapper .dataTables_length .select2-container{margin-left:5px;}
.page-header h2{font-size: 16px; font-family: Microsoft Yahei;}
.bread-heading.panel-heading{padding: 0; border-bottom: none; height: 40px;}
.bread-heading.panel-heading .btn-full{height:100%; line-height:30px;}
.bread-heading.panel-heading .search{width:220px; margin:5px;}
.mw-80{min-width:80px;}
.mw-100{min-width:100px;}
.panel-title{font-size: 12px; letter-spacing: 0.05em; line-height: 40px; font-family: Microsoft Yahei; font-weight: normal; color: #333333;}
.panel-title .num{font-family:Arial; letter-spacing:0;}
.bread-heading .panel-title{padding:0 20px;}
tr:hover{color: #000000;}
.table tbody tr.active td, .table tbody tr.active th{background:#DFF0D8; color:#000000;}
.table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th{background:#DFF0D8; color:#000000;}
.table-striped > tbody > tr.selected, .table-striped > tbody > tr:hover, .table-striped > tbody > tr.selected td{background:#d9edf7 !important; color:#333333;}
.table tbody tr.active:hover td, .table tbody tr.active:hover th {background-color: #FCF8E3 !important;}
.hover-none.table-striped > tbody > tr.selected, .table-striped > tbody > tr:hover {background: #FCF8E3;}
.dataTables_wrapper{clear:both;}
.bootstrap-tagsinput input{width:100%;}
.load-more{cursor:pointer; text-align: center; background: #EEEEEE; font-family: Microsoft Yahei; color: #333333; height: 40px; line-height: 40px; margin: 10px 2px;}
.load-more:hover{background:#000; color:#FFF;}
.pagination > li.loaded > a{background-color: #000; color:#FFFFFF; border-color: #000;}
/*
.hover-none.table-striped > tbody > tr.selected, .table-striped > tbody > tr:hover{background: none;} 
 */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding:8px;}

.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td{padding:5px; line-height: 1.42857143;}

.tooltip-inner{max-width:360px;}

.table-p-lg.table-condensed > thead > tr > th, 
.table-p-lg.table-condensed > tbody > tr > th, 
.table-p-lg.table-condensed > tfoot > tr > th, 
.table-p-lg.table-condensed > thead > tr > td, 
.table-p-lg.table-condensed > tbody > tr > td, 
.table-p-lg.table-condensed > tfoot > tr > td{padding:15px 10px 15px 10px; line-height: 36px;}
.table-p-sm.table-condensed > thead > tr > th, 
.table-p-sm.table-condensed > tbody > tr > th, 
.table-p-sm.table-condensed > tfoot > tr > th, 
.table-p-sm.table-condensed > thead > tr > td, 
.table-p-sm.table-condensed > tbody > tr > td, 
.table-p-sm.table-condensed > tfoot > tr > td{padding:4px; line-height: 34px;}
.dropdown-menu{margin-top:-3px; padding:0; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #DDDDDD; border-top: none;}
.dropdown-menu ul{border: 1px solid #DDDDDD;}
.dropdown-menu li a{line-height:32px;}
.dropdown-menu li:hover .fa{color:#FFFFFF !important;}
.dropdown-menu li:hover, .dropdown-menu li:hover a {
    color: #FFFFFF; background: #FF5A5F;
}

.btn-80{width:80px;}
.btn-100{width:100px;}
.btn-120{width:120px;}
.btn-group-80 .dropdown-menu{width:80px;}
.btn-group-100 .dropdown-menu{width:100px;}
.btn-group-120 .dropdown-menu{width:120px;}
.btn-group-sm .dropdown-menu{margin-top:-1px;}
.icon-no-padding i{margin-right: 0 !important;}
.btn-000, .btn-000:hover{background:#000; color:#fff;}
.btn-333, .btn-333:hover{background:#333; color:#fff;}
.btn-666, .btn-666:hover{background:#666; color:#fff;}
.btn-999, .btn-999:hover{background:#999; color:#fff;}
.btn-green{background-color: #34bf49; border-color: #2fab41; text-shadow: 0px 1px 0px #2fab41;}
.btn-green:hover{background-color: #41cb56;}

.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, .open > 
.dropdown-toggle.btn-default.focus,
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default{background-color: #FFFFFF; border-color: #DDDDDD;}

.schedule{width: 800px;}
.schedule .day {
    width: 100%;
    float: left;
    cursor: pointer;
}
.schedule .week-day {
    width: 80px;
    height: 30px;
    text-align: center;
    float: left;
    cursor: pointer;
}
.schedule .hour {
    width: 24px;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
    text-align: center;
    float: left;
    cursor: pointer;
    font-weight: normal !important;
	background:#DDDDDD;
	color:#666666;
}
.schedule .head-hour.hour {
	background:#EEEEEE;
}
.schedule .hour:hover, .schedule .hour.checked:hover{
	background:#000000;
	color:#FFFFFF;
}
.schedule .hour.checked, .schedule .week-day.checked {
	background:#AB60B8;
	color:#FFFFFF;
}



.loading-overlay-showing {
	overflow: hidden;
}

.loading-overlay-showing > .loading-overlay {
	opacity: 1;
	visibility: visible;
}

.loading-overlay {
	transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
	bottom: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
	visibility: hidden;
	background: #FFF;
}

body > .loading-overlay {
	position: fixed;
	z-index: 999999;
}

/* Bounce Loading */
.bounce-loader {
	transition: all 0.2;
	margin: -9px 0 0 -35px;
	text-align: center;
	width: 70px;
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 10000;
}

.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
	animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay;
	background-color: #FF5F5a;
	border-radius: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	display: inline-block;
	height: 18px;
	width: 18px;
}

.bounce-loader .bounce1 {
	animation-delay: -0.32s;
}

.bounce-loader .bounce2 {
	animation-delay: -0.16s;
}

@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0);
	}

	40% {
		transform: scale(1);
	}
}

.modal-light{
	
}
.modal-light .panel-heading{
 	padding: 10px 18px; background:#FFFFFF;border-bottom: 1px solid #eeeff2;
}
.modal-light .panel-body{
	background: #F7F8FA;
}
.modal-light .panel-footer{
	border-top: 1px solid #eeeff2;
	background-color: #F7F8FA;
}
.modal-close-sm-fff .mfp-close, .mfp-close-btn-in .mfp-close{color: #FFFFFF; height: 40px; width: 40px; line-height: 34px; opacity: 1; font-weight: normal; font-size: 30px;}
.modal-close-sm-000 .mfp-close{color: #000000; height: 40px; width: 40px; line-height: 34px; opacity: 1; font-weight: normal; font-size: 30px;}

.status_0.expired_0 {color: #0099e6;}
.status_0.expired_1 {color: #999999;}

/*
广告系统
*/
.light-panel {float:left; width:100%;}
.light-panel .subtitle{
	background: #f3f3f3;
    padding: 0 15px;
    line-height: 30px;
    color: #333;
    border-bottom: 2px solid #FF7519;
}
.light-panel .content{float: left; width: 100%; padding: 15px; background: #f8f8f8;}
.dsp_meida{float:left; width:140px;}
.dsp_sp_exchange .dsp_sp_item:hover{background:#925EC0; color:#FFFFFF;}
.dsp_sp_public .dsp_sp_item:hover{background:#0099E5; color:#FFFFFF;}
.dsp_sp_private .dsp_sp_item:hover{background:#FF7519; color:#FFFFFF;}
.dsp_sp_protect .dsp_sp_item:hover{background:#4A4C5B; color:#FFFFFF;}
.dsp_sp_test .dsp_sp_item:hover{background:#000000; color:#FFFFFF;}
.dsp_sp_item:hover .btn:hover{color:#FFFFFF;}
.media_tag{height:32px; overflow:hidden; background: #FAFAFA;border: 1px solid #EEEEEE;}
.media_tag .media_name{line-height: 28px; height: 32px;padding: 0 5px; width: 120px; overflow: hidden; text-align: center;}
.media_tag .media_logo{padding: 1px; text-align: center;  width: 150px; overflow:hidden;}
.media_tag .media_logo img{height:28px;}
.media_group{float: left; width: 100%; padding: 10px 15px;}

.advance-filter{background: #f8f8f8; border-bottom:1px solid #dddddd;}
.ad-list td{line-height:100% !important; vertical-align:middle !important;}
.ad-image-container img{max-width:100%; max-height:100%;}
.ad-image-container {
    list-style: none;
    float: left;
    padding: 5px;
    margin: 5px;
    max-width: 160px;
    max-height: 160px;
    line-height: 120px;
    border: 1px solid #EEEEEE;
    text-align: center;
    vertical-align: middle;
}
.ad-flash-container {
    list-style: none;
    float: left;
    padding: 5px;
    margin: 5px;
    width: 160px;
    height: 120px;
    line-height: 120px;
    border: 1px solid #EEEEEE;
    text-align: center;
    vertical-align: middle;
}
.flash_link {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: -125px;
    opacity: 0;
}
.tag {
    background: #000000;
    padding: 4px 10px;
    font-size: 12px;
    color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}
.show-type {
    width: 100%;
    text-align: center;
    line-height: 30px;
}
.show-position {
    margin: auto;
    width: 57px;
}
.show-position ul {
    float: left;
    clear: both;
    margin-bottom: -1px;
    padding: 0;
}
.show-position ul li {
    list-style: none;
    width: 20px;
    height: 20px;
	line-height: 20px;
    float: left;
    background: #FAFAFA;
    border: 1px solid #EEEEEE;
    margin-right: -1px;
    text-align: center;
    color: #cccccc;
    font-size: 14px;
}
.show-position ul li:hover {
    background: #CFF5F2;
    color: #000000;
    cursor: pointer;
}
.region{float:left; width:100%;}
.province{}
.city-container{
	display: none;
	position: absolute;
	width: 100%;
    height: 200px;
	margin-top: 18px;
	z-index: 2;
	left: 15px;
}
.city{
    position: absolute;
    z-index: 999999;
    background: #FAFAFA;
    width: 100%;
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-left: 0;
    padding: 10px 20px;
	margin: 6px 0;
    border: 1px solid #DDDDDD;
}
.city li{
	list-style:none;    
	width: 120px;
    float: left;
	overflow:hidden;
	margin: 5px 0;
	}
.province:hover .city-container{display:block;}
.area{padding-top: 8px; float: left; width: 100%;}

section.tags{float:left; width:100%;}
section.tags .level-1{border-bottom: 1px solid #EEEEEE; float:left; width:100%; background: #f6f6f6; width: 100%; height: 40px; line-height: 40px; border-left: #FF5f5a solid 3px; padding: 0 10px; cursor:pointer;}
section.tags .level-2{float:left; width:100%;  background: #fafafa; width: 100%; height: auto; line-height: 30px; border-left: #CCCCCC solid 3px; padding: 5px 10px; float: left; display:none;}
section.tags .level-2 .checkbox-custom label{color:#333333;}
.level-2-toggle-plus{color:#CCCCCC; padding:10px;}
.select2-container--bootstrap .select2-results__group{background: #333333; color: #FFFFFF;}
.site-content{line-height:20px;}

.btn-group-100 .dropdown-menu {width: 100px; min-width: 100px;}
.dropdown-menu-sm.dropdown-menu li a{line-height: 34px; font-size: 12px; padding: 0 0 0 18px;}
/*
系统
*/
.header-logo{line-height: 50px;}
.header .header-right .separator{margin:0 7px;}
#footer{margin-top:0;}
#footer p{color:#CCCCCC; letter-spacing: 0.5px;}
#header .header-btn-collapse-nav{margin:8px 0 8px 15px;}
#header .header-nav.header-nav-top-line nav > ul > li > a:before, 
#header .header-nav.header-nav-top-line nav > ul > li:hover > a:before {
	display:none;
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    top: -16px;
    left: -5px;
    opacity: 0;
}
#header .header-nav.header-nav-top-line nav > ul > li.active > a:before, #header .header-nav.header-nav-top-line nav > ul > li:hover > a:before {
    opacity: 0;
}
#header.header-narrow .header-nav.header-nav-top-line nav > ul > li > a, #header.header-narrow .header-nav.header-nav-top-line nav > ul > li:hover > a{
	padding: 0 10px;
    margin: 0;
	font-family: "Helvetica Neue", HelveticaNeue, Helvetica, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: normal;
	line-height:50px;
}
#header .header-nav.header-nav-top-line{margin-bottom: 0px;}
#header .header-nav-main.header-nav-main-square {
    margin-bottom: 0px;
    margin: 0px;
	min-height:0;
}
#header.header-narrow .header-logo img{margin:0;}
#header .header-body{padding:0;}
html #header.header-transparent:hover .header-body:before{opacity: 1;}
html:not(.sticky-header-active) #header.header-transparent:hover .header-nav-main nav > ul > li:not(.active) > a{color: #444;}
.nav-pills>li{padding:0;}
@media (min-width: 992px){
	.sticky-header-active #header.header-narrow .header-nav.header-nav-top-line nav > ul > li.reg,
	.sticky-header-active #header.header-narrow .header-nav.header-nav-top-line nav > ul > li:hover.reg{
		background:#34BF49;
	}
	.sticky-header-active #header.header-narrow .header-nav.header-nav-top-line nav > ul > li.reg a,
	.sticky-header-active #header.header-narrow .header-nav.header-nav-top-line nav > ul > li:hover.reg a{
		color:#FFFFFF;
	}
	
	html:not(.sticky-header-active) #header.header-transparent:hover .header-nav-main nav > ul > li.reg > a{color: #FFFFFF;}
	html:not(.sticky-header-active) #header.header-transparent:hover .header-nav-main nav > ul > li.reg{background:#34BF49;}
	html:not(.sticky-header-active) #header.header-transparent:hover .header-nav-main nav > ul > li.reg:not > a{color: #444;}
}


/*继承管理员面板*/
/* Userbox */
.userbox {
	display: inline-block;
	margin: 3px 17px 0 0;
	position: relative;
	vertical-align: middle;
	height:100%;
}

.userbox > a {
	display: inline-block;
	text-decoration: none;
}

.userbox a:hover {
	text-decoration: none;
}

.userbox .profile-info,
.userbox .profile-picture {
	display: inline-block;
	vertical-align: middle;
}

.userbox .profile-picture img {
	width: 35px;
	color: transparent;
}

.userbox .profile-info {
	margin: 0 25px 0 10px;
}

.userbox .name,
.userbox .role {
	display: block;
}

.userbox .name {
	color: #000011;
	font-size: 1.3rem;
	line-height: 1.2em;
}

.userbox .role {
	color: #ACACAC;
	font-size: 1.1rem;
	line-height: 1.2em;
}

.userbox .custom-caret {
	color: #000011;
	font-size: 16px;
	font-weight: bold;
}

.userbox .custom-caret:before {
	content: "\f107";
}

/* Userbox - Open */
.userbox.open > a {
	position: relative;
	z-index: 993;
}

.userbox.open > a .custom-caret:before {
	content: "\f106";
}

.userbox.open .dropdown-menu {
	border: none;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 50px 0 0;
	top: 0px;
	left:0px;
	width: 100%;
	min-width:140px;
	z-index: 992;
}
.manage .userbox.open .dropdown-menu {
	padding: 50px 0 0;
	top: 4px;
}
.manage .userbox.open .dropdown-menu{
	top: 4px;
}

.userbox.open .dropdown-menu li {
}

.userbox.open .dropdown-menu a {
	border-radius: 2px;
	color: #7d7d7d;
	display: block;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding: 5px 15px;
}

.userbox.open .dropdown-menu i {
	font-size: 1.7rem;
	margin-right: 3px;
	vertical-align: middle;
}

/* Userbox - Mobile */
@media only screen and (max-width: 767px) {
	.userbox {
		float: left;
		margin: 16px 0 0 12px;
		position: relative;
	}
	
	.userbox:after {
		background: #E9E9E6;
		content: '';
		display:none;
	}

	.userbox .profile-picture {
		display: none;
	}

	.userbox.open .dropdown-menu {
		padding: 44px 0 0 0;
	}
	.manage .userbox.open .dropdown-menu{
		padding: 50px 0 0 0; top: 4px;
		min-width:136px;
	}
	.header .header-right{height:56px;margin-top: 56px;}
}
.dropdown-menu .divider{margin:5px 0;}
.userbox {
    display: inline-block;
    margin: 0;
    line-height: 48px;
    position: relative;
    vertical-align: middle;
	padding:0 24px;
}
.manage .userbox {
	line-height: 50px;
}

.userbox.open > a {
    position: relative;
    z-index: 993;
	display: inline-block;
    text-decoration: none;
}
.userbox .profile-info, .userbox .profile-picture {
    display: inline-block;
    vertical-align: middle;
}
.userbox .profile-picture img {
    width: 40px;
    height: 40px;
	border: 1px solid #666;
    color: transparent;
}
.img-circle {
    border-radius: 50%;
}
.userbox .profile-info, .userbox .profile-picture {
    display: inline-block;
    vertical-align: middle;
	margin: 0 5px 0 0;
}
.userbox .name {
    color: #000011;
    font-size: 1.3rem;
    line-height: 1.2em;
}
.userbox .role {
    color: #ACACAC;
    font-size: 1.1rem;
    line-height: 1.2em;
}
.userbox .name, .userbox .role {
    display: block;
}

.strength-bar{line-height: 30px; padding: 10px 0; float: left; width: 100%;}
.strength-unit{
	width:33%;
    height: 8px;
    background: #EEEEEE;
    float: left;
	border-right:5px solid #FFFFFF;
}

.top-cover {
    display: table;
    width: 100%;
    position: relative;
    background: #525558 url('../img/bg/blue.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    min-height: 350px;
    height: 520px;
    height: -webkit-calc(100vh - 249px);
    height: -moz-calc(100vh - 249px);
    height: calc(100vh - 249px);
}

.top-cover-sm {
    min-height: 200px;
    height: 320px;
    height: -webkit-calc(100vh - 500px);
    height: -moz-calc(100vh - 500px);
    height: calc(100vh - 500px);
}

.user_avatar_container {
    margin: 0 auto;
    width: 104px;
    height: 104px;
    position: relative;
    z-index: 1;
}
.user_avatar_container_inline {
    margin: 0 auto;
    width: 104px;
    height: 104px;
    position: relative;
    z-index: 1;
}
.user_avatar_container_round {
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.user_avatar_container_round img{width:100%; height:100%;}
.user_avatar_sign{
	position: absolute;
    width: 100%;
    height: 20px;
    bottom: 0;
    text-align: center;
    z-index: 30;
}
.user_avatar_sign .text_container{
	background: #222;
    cursor: default;
	border: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-width: 65px;
	color: #fff;
	display: inline-block;
}

/* Sign Screens - Wrappers */
.body-sign {
	display: table;
	height: 100vh;
	margin: 0 auto;
	max-width: 400px;
	padding: 0 15px;
	width: 100%;
}
.body-sign .input-group .form-control, .body-sign .form-control, .body-sign .input-group-addon{border-radius: 0;}
.body-sign .center-sign {
	display: table-cell;
	padding-top: 20px;
	vertical-align: middle;
}
.body-sign .panel-sign {
	background: transparent;
}
.body-sign .panel-sign .panel-title-sign .title {
	background-color: #CCC;
	border-radius: 5px 5px 0 0;
	color: #FFF;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 2rem;
	padding: 13px 17px;
	vertical-align: bottom;
}
.body-sign .panel-sign .panel-body {
	background: rgba(255,255,255,0.9);
    border-top: 5px solid #333333;
	border-radius:5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 33px 33px 15px;
}

/* Sign Screens - Elements */
.body-sign .input-group-icon .input-group-addon i {
	width: 14px;
}
.body-sign .checkbox-custom {
	margin-top: 8px;
}
.body-sign .line-thru, .line-thru {
	display: block;
	font-size: 1.2rem;
	position: relative;
}
.body-sign .line-thru span, .line-thru span {
	color: #666;
	position: relative;
	z-index: 3;
}
.body-sign .line-thru:before, .line-thru:before {
	content: '';
	height: 10px;
	left: 50%;
	position: absolute;
	margin: -5px 0 0 -20px;
	top: 50%;
	width: 40px;
	z-index: 2;
}
.body-sign .line-thru:after, .line-thru:after {
	border-bottom: 1px solid #DADADA;
	content: '';
	display: block;
	left: 10%;
	position: absolute;
	top: 47%;
	width: 81%;
	z-index: 1;
}

/* Lock Screen */
.body-locked {
	background: url(../images/patterns/noisy_net.png) repeat;
	max-width: none;
	min-height: 400px;
}
.body-locked.body-locked-inline {
	background: none;
	bottom: 0;
	height: 100%;
	left: 0;
	min-height: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}
.body-locked .panel-sign {
	margin: 0 auto;
	max-width: 400px;
	padding-top: 40px;
}
.body-locked .panel-sign .panel-body {
	border-radius: 5px;
	position: relative;
}
.body-locked .current-user {
	margin-top: 60px;
	margin-bottom: 35px;
}
.body-locked .current-user .user-image {
	border: 5px solid #CCC;
	border-radius: 150px;
	height: 150px;
	left: 50%;
	position: absolute;
	margin-left: -75px;
	top: -75px;
	width: 150px;
}
.body-locked .current-user .user-name {
	font-size: 3rem;
	line-height: 3.6rem;
}
.body-locked .current-user .user-email {
	font-size: 1.1rem;
	line-height: 1.4rem;
}

/* Locked Screen - Responsive Landscape */
@media only screen and (max-width: 767px) and (orientation: landscape) {
	.body-locked .panel-sign, .body-locked.body-locked-inline .panel-sign {
		padding-top: 0;
	}
	.body-locked .center-sign, .body-locked.body-locked-inline .center-sign {
		padding-top: 0;
	}
	.body-locked .center-sign .current-user, .body-locked.body-locked-inline .center-sign .current-user {
		margin-bottom: 45px;
		margin-left: 100px;
		margin-top: 10px;
	}
	.body-locked .center-sign .current-user .user-image, .body-locked.body-locked-inline .center-sign .current-user .user-image {
		height: 100px;
		left: 35px;
		margin-left: 0;
		margin-top: 0;
		top: 15px;
		width: 100px;
	}
}
/* Lock Screen - Modal */
.mfp-lock-screen.mfp-bg {
	background: #000 url(../images/patterns/noisy_net.png) repeat;
	opacity: 0.99;
	z-index: 9998;
}
.mfp-lock-screen.mfp-wrap {
	background: none;
	z-index: 9999;
}


.follow-action{
	margin-top:15px;
}
.person-intro{
	margin-top:20px;
}
.person-intro h1{margin-bottom:0; font-size:30px; font-weight:600; font-family:Microsoft Yahei;}
.person-intro h2{margin-bottom:20px; font-size:18px; color:#666; font-weight:normal; font-family:Microsoft Yahei;}
.profile-nav{
	width:100%;
	border-top: 1px solid #eeeff2;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #eeeff2;
	background-color: #fff;
    list-style-type: none;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
	padding:0;
}
.profile-nav li{
	list-style:none;
	display: inline;
    margin: 0 10px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
}
.profile-nav li a{
	text-decoration:none;
	font-size: 14px;
    display: inline-block;
    padding: 15px 15px;
    height: 50px;
    border-bottom: 2px solid transparent;
    color: #71767a;
    cursor: pointer;
}
.profile-nav li a .count{
	font-weight:normal;
	margin-left:3px;
}
.profile-nav li a:hover{
	color:#0099E5;
}

.profile-nav li.active a{
	color: #0099e5;
    border-bottom: 2px solid #0099e5;
}

/*
功能
*/
.check-img{
	position: absolute;
    z-index: 1;
    color: #FFFFFF;
    right: 0px;
    bottom: 0px;
	padding:10px 10px 10px 50px;
    font-size: 20px;
	opacity: 0;
	cursor:pointer;
}
.publish-layer{width:100%; height:100%; position:absolute; background: rgba(0,0,0,0.6); z-index: 1; display:none;}
.publish-status-0 .publish-layer{display:block;}
.publish-layer p{font-family:"Microsoft Yahei"; font-size:12px; margin: 0; color:#FFFFFF; padding: 10px 10px 40px 10px; background-image: linear-gradient(to bottom,rgba(0,0,0,1),transparent 50px); background-image: linear-gradient(to bottom, rgba(0,0,0,1), transparent 50px);}
.jg-entry:hover .publish-layer, .publish-filter-0 .publish-layer{background:none; height:72px;}
.btn-republish{display:none; cursor:pointer;}
.jg-entry:hover .publish-status{display:none;}
.jg-entry:hover .btn-republish{display:inline-block;}
.wait-to-choose .btn-republish{display:none !important;}
.selected-statistics{display:none; line-height: 50px; padding: 0 10px; color: #000000; background: #FFFFFF; height: 100%; float: left; border-right: 1px solid #EEEEEE;}
.jg-entry:hover .check-img{opacity: 1;}
.swipeboxExampleImg{max-height:100%; max-width:100%;}
.swipeboxExampleImg img{max-height:100%; max-width:100%;}

.justified-gallery>a>.caption, .justified-gallery>div>.caption{
	height: 80px;
    vertical-align: text-bottom;
    line-height: 80px;
	background-color: rgba(0,0,0,0);
	padding:20px 10px 0 10px;
	background-image: -webkit-linear-gradient(to top,rgba(0,0,0,1),transparent 80px,transparent);
    background-image: linear-gradient(to top,rgba(0,0,0,1),transparent 80px,transparent);
	display:block;
	opacity:0;
}

.JG-sm.justified-gallery>a>.caption, .JG-sm.justified-gallery>div>.caption{
	height: 40px;
    line-height: 40px;
	padding:0px 10px 0 10px;
	background-image: -webkit-linear-gradient(to top,rgba(0,0,0,1),transparent 40px,transparent);
    background-image: linear-gradient(to top,rgba(0,0,0,1),transparent 40px,transparent);
}
.justified-gallery>a>.caption a, .justified-gallery>div>.caption a{
	text-decoration:none; color:#FFFFFF;
}
.justified-gallery>a>.caption.caption-visible, .justified-gallery>div>.caption.caption-visible{
	opacity:1;
	-webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
}
.fix-to-top{width:100%; position:fixed; top:0; z-index:300; box-shadow: 0px 5px 30px rgba(0,0,0,0.5);}

.jg-entry.selected .check-img, .jg-entry.selected .caption{opacity:1;}
.wait-to-choose .check-img, .wait-to-choose .caption{opacity:1;}
.wait-to-choose .check-img{width:100%; height:100%; padding:0;}
.wait-to-choose .check-img .fa{position: absolute; right: 10px; bottom: 10px;}
.jg-entry.selected .work_a img{padding:15px;}
.justified-gallery>.entry-visible{background:#EEEEEE;}
.jg-entry.selected .caption{margin:15px;}
#art-uploader-preview .jg-entry.selected .caption{margin:0;}
.jg-entry.selected .check-img .fa{color: #9EEA6A; color: #0099E5;
	background: #FFFFFF;
    width: 24px;
	height: 24px;
	line-height:26px;
    border-radius: 50% 50%;
    text-align: center;}
/*
批量上传图片
*/
.sortable-ul li{list-style:none; float: left; width: 100%;}
.sortable-ul{padding-left:0;}
.dd-handle{border:none !important; float:left; height:100%; line-height:120px; width:60px; text-align:center;}
.img-list .dd-handle{margin:0; padding:0; cursor:move; border-right:1px solid #EEEEEE !important;}
.img-list .dd-handle:hover{background:#EEEEEE;}
.img-list-container{margin:0 0 10px 0; border:1px solid #EEEEEE; float:left; width:100%; height:124px; background:#FFFFFF;}
.img-list-preview{float:left; margin:6px 10px;;}
.img-list-preview .img-list-thumbnail img{max-height: 100px; max-width:300px;}
.img-list-option{float:right; height:100%; width:80px; text-align:center; vertical-align:middle; margin:10px;}

.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 20px;
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dd-list .dd-list {
	padding-left: 30px;
}

.dd-collapsed .dd-list {
	display: none;
}

.dd-item, .dd-empty, .dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	font-size: 13px;
	line-height: 20px;
}
.dd-float .dd-item, .dd-empty, .dd-placeholder {
	float:left;
	width:100%;
}

.dd-handle {
	display: block;
	margin: 5px 0;
	padding: 6px 10px;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	border: 1px solid #CCC;
	background: #F6F6F6;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd-handle:hover {
	color: #CCC;
	background: #fff;
}

.dd-item > button {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	margin: 7px 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}

.dd-item > button:before {
	content: '+';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
}

.dd-item > button[data-action="collapse"]:before {
	content: '-';
}

.dd-placeholder {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: white;
	border: 1px dashed #CCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd-empty {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), -webkit-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
	background-image: -moz-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), -moz-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
	background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
}

.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
	margin-top: 0;
}

.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.art-uploader{
	height:800px;
}
.art-uploader .uploader-sidebar{
	width:259px;
	height:100%;
	float:right;
	border-left:1px solid #EEE;
}
.art-uploader .uploader-preview{
	margin-right:260px;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	background: #F7F8FA;
}
.upload-btn{
	width: 100px;
    height: 100px;
	float:left;
    border: 2px solid #CCCCCC;
    color: #A4ACB3;
    font-size: 16px;
    font-family: Microsoft Yahei;
    background: #fafafa;
    border-radius: 8px;
	line-height:96px;
	text-align:center;
}
.upload-btn:hover{
    border: 2px solid #0099E5;
    color: #0099E5;
}
.upload-btn .uploader_file{
	width: 100px;
    height: 100px;
    margin-top: -100px;
    opacity: 0;
    cursor: pointer;
}

.art-uploader-container{
	margin: 15px;
	height:80px;
}
.art-uploader-container .upload-btn{
	float: none;
	margin: auto;
	width: 100%;
    height: 80px;
	line-height: 76px;
}
.art-uploader-container .uploader_file{
	width: 100%;
    height: 80px;
	margin-top: -80px;
}

.art-uploader-preview{
	
}

.project-list .portfolio-item{border:1px solid #EEEEEE;}
.project-list .portfolio-item:hover{
	border:none;
	box-shadow: 0 5px 30px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.5);
    -moz-box-shadow: 0 5px 30px rgba(0,0,0,.5);
    -ms-box-shadow: 0 5px 30px rgba(0,0,0,.5);
    -o-box-shadow: 0 5px 30px rgba(0,0,0,.5);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
}
.project-list .thumb-info{border:none;}
.project-list .item-info {padding:20px 10px 30px 10px;}
.project-list .item-info h2{font-size: 1.2em; text-align: center; margin-bottom: 5px; line-height: 1.4em;}
.project-list .item-info h3{font-size: 1em; text-align: center; color: #999999; margin-bottom: 5px; line-height: 1.4em;}
.project-list .item-title{}
.project-list .thumb-info img{width:auto; min-width:100%;}
.project-list .thumb-info .thumb-info-title{font-weight:normal; font-size:16px;}

.gallery-block{
	width:320px;
	height:280px;
	display: inline-block;
    vertical-align: top;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	margin: 20px 5px 20px 5px;
	overflow:hidden;
	cursor:pointer;
}
.gallery-cover-outline{
	width: 320px; 
	height: 200px; 
	overflow:hidden;
	position: relative;
}
.gallery-option-overlay{
	display:none;
	position: absolute;
    z-index: 1;
    width: 320px;
    height: 200px;
    line-height: 200px;
    background: rgba(0,0,0,0.5);
	text-align: center;
    vertical-align: middle;
	transition: all 0.2s;
}
.gallery-block:hover .gallery-option-overlay{
	display:block;
}
.gallery-option-overlay a{
	color:#FFFFFF !important;
	font-size:14px;
	text-decoration:none;
}
.gallery-cover{
	width: 100%; 
	height: 100%; 
	position: relative;
    background-size: cover;
    background-position: center;
    background-color: #b9c1c7;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
	
.gallery-block:hover .gallery-cover{
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.gallery-info{margin:10px; overflow:hidden;}
.gallery-info .gallery-title{
	margin: 0px 0 2px;
    padding-bottom: 2px;
    display: inline-block;
    font-size: 1.8rem;
	white-space:nowrap;
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align:left;
}
.gallery-info-detail{display: inline-block; width:100%;}

.info-block{
	
}
.info-block .edit-option{
	color:#0099E5;
	cursor:pointer;
}

.info-block p{line-height:20px; margin-bottom:15px;}

.cke_button__save_label{display: inline !important;}

/*detail*/
.photo-container{border-bottom: 1px solid #EEEEEE; float:left; width:100%;}
.photo-container-left{height:auto; margin-right: 320px; border-right: 1px solid #EEEEEE;position: relative;}
.photo-container-right{width: 320px; position: absolute; right: 0; top: 50px; float:left;}
.owl-stage-outer{height:100%;}
.owl-photo-container{width:800px; height:600px; overflow:hidden;}
.owl-carousel  .owl-photo-container img{max-width:100%; max-height:100%;}

.photo-container-right .person-intro {text-align:center; margin:0;}
.photo-container-right .person-intro h1{font-size: 18px; font-weight: normal; line-height: 30px;}
.photo-container-right .person-intro h2{font-size: 14px; margin: 0; line-height: 20px;}
.comment-container{height:auto; padding:10px;}

@media (min-width: 992px){
	.photo-container-right .user_avatar_row{float: left; margin-left: 0px; margin-top: 10px;}
	.photo-container-right .person-intro{margin: 15px 0 0 5px; float: left; text-align:left;}
}
@media (max-width: 991px){
	.photo-container-left{margin-right: 0; border-right: none; width:100%; height: auto;}
	.photo-container-right{width: 100%; position: relative; right: auto; top: auto;}
	.photo-container-right .person-intro h2{display:none;}
}
@media (min-width: 768px){
	html.fixed .sidebar-left{padding-bottom: 40px;}
	html.fixed .inner-wrapper{padding-top: 60px;}
	.comment-container{padding:10px 30px;}
	.form-sm.form-horizontal .control-label{padding-top: 2px;}
}

.responsive-container {
    position: relative;
    width: 100%;
	height:100%;
}
.dummy {
	padding-top: 100%;    /*  1:1 square */
	padding-top: 75%;     /*  w:h =  4:3 */
	padding-top: 56.25%;  /*  w:h = 16:9 */
}
.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}
.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.img-container img {
    vertical-align: middle;
    display: inline-block;
	max-width: 100%;
    max-height: 100%;
}
.photo-container-left:hover .gallery-switch{opacity:1;}
.gallery-switch{
	opacity:0.5;
	position: absolute;
    z-index: 2;
    top: 45%;
    width: 40px;
    line-height: 80px;
    vertical-align: middle;
    background: rgba(0,0,0,0.2);
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
	cursor:pointer;
}
.gallery-switch:hover{
	background: rgba(0,0,0,0.6);
}
.gallery-switch .fa-lg{vertical-align:0;}
.gallery-switch-pre{
	border-radius:0 8px 8px 0;
	left:0;
}
.gallery-switch-next{
	border-radius:8px 0 0 8px;
	right:0;
}

.gallery-next{
	background: rgba(0,0,0,0.2);
    color: #FFFFFF;
    height: 50px;
    padding: 13px 5px;
    font-size: 14px;
    border: none !important;
}
.work-info{}
.work-info .item-row{width:100%; float:left; padding:5px 10px;}
.work-info .item-row h1{font-size: 1.5em; margin-bottom: 0; line-height: 34px;}
.pannel-footer-fix{position: fixed; width: 100%; bottom: 0; z-index: 1012;}
.im-box{
	margin: 15px 0;  
	padding: 10px;
    color: #373e43;
    opacity: .8;
	background: #f2f4f5;
    border: 1px solid #edf7f5;
}
.im-box:before {
    position: absolute;
    margin-top: -17px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f2f4f5;
    border-left: 7px solid transparent;
    border-bottom-color: #f2f4f5;
    content: '';
}

.im-box-green{background: #ccfaf1; border: 1px solid rgba(0,0,0,.07);}
.im-box-green:before{border-bottom-color: #ccfaf1; border-bottom: 7px solid #ccfaf1;}

.im-box p{margin:0;}
.sidebar-widget.widget-friends.record ul li{border-bottom: 1px dashed #EEEEEE;}
/*AD*/
.plan-list .unit{margin-left: 2px; font-weight:normal;}
.plan-list .no-limit{}
.input-group-light{border:1px solid #CCC;}
.input-group-light .input-group-addon, .input-group-light .form-control{border:none;}

.main-sub-list{
	width:100%;
	padding: 10px;
    background: #EEEEEE;
	background: linear-gradient(to bottom, #FFFFFF , #EEEEEE);
    font-size: 14px;
	border-bottom: 1px solid #DDDDDD;
}
.main-sub-list .item{
	border-bottom: 1px solid #DDDDDD;
    padding: 5px 0;
    margin: 5px 0;
}
.main-sub-list .item:last-child{
	border-bottom: none;
}
.main-sub-list .main-item{
	font-weight:bold;
}
.main-sub-list .sub-item{
	
}

/*SOHU*/
.comment-disable-layer{
	position: absolute;
    z-index: 10;
    height: 200px;
    background: rgba(255,255,255,0.7);
    width: 100%;
    top: 20px;
    left: 0;
	cursor: not-allowed;
}
.comment-disable-layer-tips{
	margin-top: 80px;
    text-align: center;
}
.comment-disable-layer-tips a, .comment-disable-layer-tips span{
	font-weight:bold;
	color:#E74851;
	cursor:pointer;
	text-decoration:none;
}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw{
	    background-image: url(/Public/art/img/post-btn.png) !important;
}
#SOHUCS #SOHU_MAIN .module-cmt-notice{display:none;}
.body #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w, 
.body #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w, 
.body #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w a{
	color: #DDDDDD;
}
.body #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w:hover, 
.body #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w:hover, 
.body #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w:hover a{
	color: #999999;
	text-decoration:none;
}

@media (min-width: 992px){
	.nav>li.lg-hide{display:none;}
	.hide-lg{display:none;}
	
	.form-horizontal .control-label.label-text-left{
		text-align: left;
    	padding-left: 90px;
	}
}
@media (max-width: 991px){
	.sm-hide{display:none;}
	.hide-md{display:none;}
	.sm-float-none{float:none;}
}
@media (max-width: 500px){
	.gallery-block{margin:0;}
	.hide-sm{display:none;}
	.bread-heading.panel-heading .search{width:auto;}
}
@media (max-width: 768px) {
	.hide-768{display:none;}
	#header .header-body{
		padding:0;
	}
	.follow-action{
		text-align:center;
		margin-top:80px;
	}
	.header-logo{
		margin-top:0;
	}
	.media-gallery{text-align:center;}
	.error-airbnb{margin:30px;}
}
@media (max-width: 767px) {
	.hide-768{display:none;}
	.page-header {
	    padding-right: 0px;
	}
}
/*changyan*/
.module-cy-user-page, .cy-mask{display:none !important;}

/*tailian*/
.layer-tailian .layui-layer-btn a.layui-layer-btn0{
    background: #FF4444 !important;
    background: linear-gradient(to right, #FC488F , #FF4444) !important;
}
.btn-tailian, .btn-tailian:hover, .btn-tailian:focus, .btn-tailian:active{
	color:#FFFFFF;
	background: #FF4444;
	background: linear-gradient(to right, #FC488F , #FF4444);
	border-radius: 20px;
	border: 3px solid rgba(255,255,255,0.5);
	border-color: rgba(255,255,255,0.5);
}
.bg-tailian{color:#FFFFFF; background: #FF4444 !important; background: linear-gradient(to right, #FC488F , #FF4444) !important; border-color: #FF4444;}
.bg-tailian-black{color:#FFFFFF; background: #4A4A4A !important; background: linear-gradient(to right, #4A4A4A , #212121) !important;}
.bg-tailian-green{color:#FFFFFF; background: #2AA146 !important;}
.header-layer{width: 80%; height: 100%; left: 160px; position: absolute; background: url(/Public/app/img/formulas.png); background-size: contain;opacity: 0.6;}

.ckcontent table{border-collapse: collapse; border: 1px solid #cccccc;}
.ckcontent td{padding:10px;}
.ckcontent .full{width:100% !important; height:auto !important;}
.fa-md {
    font-size: 1.4em;
}
.fa-2 {
    font-size: 2em;
}
.ml-83{margin-left:83px;}

.ck-show{line-height: 170%; font-family: '微软雅黑','PingFang SC',Droidsansfallback; font-size:18px;  font-weight: 300;}
.ck-show p{    line-height: 170%; font-family: '微软雅黑','PingFang SC',Droidsansfallback; font-size:18px;  font-weight: 300;}
.ck-show img{max-width:100%;}

.bt-eee{border-top:1px solid #EEE;}
.bt-ccc{border-top:1px solid #ccc;}
.bt-000{border-top:1px solid #000;}
.bt-666{border-top:1px solid #666;}
