@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0;}
body {margin:0; padding:0; font-size:14px; font-family: "微软雅黑"; background:#ededed!important;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}   
li{list-style-type:none;}
img{border:0;}
input[type=checkbox], input[type=radio]{vertical-align: middle; margin: 0px;}
ol,ul {list-style:none;}
a:hover{ text-decoration:none}
a:focus{ text-decoration:none}
h1,h2,h3,h4,h5,h6 {font-size:16px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
.fB{font-weight:bold;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.left{float:left;}
.right{float:right;}
.clear { clear: both;}

/*首页*/
@media screen and (max-width:800px){
	.index_head_inside .module{ min-width:800px}
	}
/*1：浏览器缩至601<浏览器>1000px图片只显示两张*/
@media screen and (min-width:40px) and (max-width:1100px){
	.index_head_inside .module li { width: 20%; padding: 0; margin: 0; float: left; padding-bottom: 30px;}
	.index_head_inside .module li .outter{ width:88px; height: 88px;}
}
/*1：浏览器缩至大于1001px图片只显示三张*/
@media screen and (min-width:1001px){
	.outter{ width:110px; height: 110px;}
}

@media screen and (min-width:1599px){
	.inde-ul li .outter{ width: 85px; height: 85px; margin-bottom: 4.5%;}
	.module { margin: 6.5% 10%; padding: 0; vertical-align: middle;line-height: initial; display: inline-block; width: 80%;}
}

@media screen and (min-width:1920px){
	.inde-ul li .outter{ width: 93px; height: 93px; margin-bottom: 4.5%;}
	.module { margin: 4.5% 11.5%; padding: 0; vertical-align: middle;line-height: initial; display: inline-block; width: 77%;}
}
.header{position: fixed;top: 0;left: 0; z-index: 3; width: 100%;}
.index_top_inside { position: relative; z-index: 2; width: 100%;}
.platform-logoColourless { display: inline-block;width: auto; max-height: 45px; margin: 0; padding: px;}
.logo-image-img{height: 22px; vertical-align: top; margin-top: 10px;}
.index_top_inside .center { padding: 0; text-align: center; margin: 0 auto; display: block; width: 310px;}
.index_top_inside .center h3{ line-height: 45px; height: 100%; font-size: 20px; color: #fff;}
.index_head_gradualBg { position: absolute; left: 50%; top: 0; z-index: 2; width: 1717px; height: 100%; margin-left: -858.5px;background: url(../images/bj.png) center bottom no-repeat; background-size: 100%;}
.index_head { position: absolute;top: 0;left: 0;z-index: 1; width: 100%; height: 100%; padding-top: 45px; overflow: hidden; background-color: #051122;}
.index_head_earthVideoWrap { position: absolute; width: 1280px; height: 430px; left: 50%; bottom: 0; z-index: 1; margin-left: -640px;}
.index_head_earthVideoPoster { width: 100%; height: 100%; background: url(../images/dq.png) no-repeat;}
audio, canvas, video { display: inline-block;}
video { object-fit: contain;}
.index_head_inside::-webkit-scrollbar {display:none}

.index_head_inside{scrollbar-face-color: #FF0000 ; 
scrollbar-highlight-color: #00FF00; 
scrollbar-darkshadow-color: #ff0000;
scrollbar-3dlight-color: #ff0000; 
scrollbar-arrow-color: #ff0000; 
scrollbar-track-color: #ffcccc; 
scrollbar-darkshadow-color: #ffffff;}
.index_head_inside { overflow-y:scroll;   height: 100%;  overflow-x: hidden; position: relative; z-index: 4; margin: 0 auto;}
.module { margin: 3% 10% 0px; padding: 0; vertical-align: middle;line-height: initial; display: inline-block; width: 80%;}
.module li { width: 14.28%; padding: 0; margin: 0; float: left; padding-bottom: 30px;}
.module li .outter { height: 112px; width: 112px; position: relative; overflow: hidden; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.icon.main { text-align: center; border-radius: 5%; overflow: hidden;}
.cloud-appicon-article { background-position: 0,0;}
.index_head_inside .outter, .index_head_inside .modulename { margin: auto;}
.modulename { width: 142px; height: 36px; text-align: center; line-height: 45px; font-size: 17px; color: white;}

/*第一组图*/
.cloud-appicon-article, .cloud-appicon-style, .cloud-appicon-setting, .cloud-appicon-index, .cloud-appicon-mobile, .cloud-appicon-stat, .cloud-appicon-reproduce, .cloud-appicon-epaper, .cloud-appicon-xport, .cloud-appicon-wechat { background-image: url(../images/01.png?_=20151201);background-size: auto 100%;}

/*第二组图*/
.cloud-appicon-help, .cloud-appicon-gallery, .cloud-appicon-video, .cloud-appicon-live, .cloud-appicon-special, .cloud-appicon-link, .cloud-appicon-supersite, .cloud-appicon-superuser, .cloud-appicon-list, .cloud-appicon-superlog {
    background-image: url(../images/02.png?_=20151201);
    background-size: auto 100%;
}

/*第三组图*/
.cloud-appicon-log, .cloud-appicon-superstat, .cloud-appicon-mobile-sns, .cloud-appicon-audio, .cloud-appicon-supercontent, .cloud-appicon-supervision, .cloud-appicon-weibo, .cloud-appicon-guestbook, .cloud-appicon-member, .cloud-appicon-supermember {
    background-image: url(../images/03.png?_=20151201);
    background-size: auto 100%;
}

/*第四组图*/
.cloud-appicon-stream, .cloud-appicon-report, .cloud-appicon-vote, .cloud-appicon-supersetting, .cloud-appicon-media, .cloud-appicon-openapi, .cloud-appicon-radio {
    background-image: url(../images/04.png?_=2015120702);
    background-size: auto 100%;
}
.main{ height: 100%; overflow: hidden; position: relative;}

/*每个图片的显示位子*/
.cloud-appicon-article { background-position: 0,0;}
.cloud-appicon-gallery {background-position: -1100%,0;}
.cloud-appicon-video { background-position: -1300%,0;}
.cloud-appicon-audio { background-position: -2400%,0;}
.cloud-appicon-special { background-position: -1500%,0;}
.cloud-appicon-live { background-position: -1400%,0;}
.cloud-appicon-link { background-position: -1600%,0;}
.cloud-appicon-vote { background-position: -3300%,0;}
.cloud-appicon-stream { background-position: -3100%,0;}
.cloud-appicon-mobile { background-position: -400%,0;}
.cloud-appicon-wechat { background-position: -900%,0;}
.cloud-appicon-weibo { background-position: -2700%,0;}
.cloud-appicon-report { background-position: -3200%,0;}
.cloud-appicon-service { background-image: url(../images/service_ico.png); background-size: auto 100%;}
.cloud-appicon-media { background-position: -3500%,0;}
.cloud-appicon-poster { background-image: url(../images/poster.png?_=2015120702); background-size: auto 100%;}
.cloud-appicon-stat { background-position: -500%,0;}
.cloud-appicon-list { background-position: -1900%,0;}
.cloud-appicon-reproduce { background-position: -600%,0;}
.cloud-appicon-log { background-position: -2100%,0;}
.cloud-appicon-style { background-position: -100%,0;}
.cloud-appicon-member { background-position: -2900%,0;}
.cloud-appicon-xport { background-position: -800%,0;}
.cloud-appicon-setting { background-position: -200%,0;}
.cloud-appicon-openapi { background-position: -3600%,0;}
.cloud-appicon-help { background-position: -1000%,0;}
.top-head{ width: calc(100% - 421px);}
.inde-ul li{ width: 11.11%;}
.inde-ul li .outter{ width: 85px; height: 85px;}
.inde-ul li .inde-01{ background: url(../images/index_01.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-02{ background: url(../images/index_02.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-03{ background: url(../images/index_03.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-04{ background: url(../images/index_04.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-05{ background: url(../images/index_05.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-06{ background: url(../images/index_06.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-07{ background: url(../images/index_07.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-08{ background: url(../images/index_08.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-09{ background: url(../images/index_09.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-10{ background: url(../images/index_10.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-11{ background: url(../images/index_11.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-12{ background: url(../images/index_12.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-13{ background: url(../images/index_13.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-14{ background: url(../images/index_14.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-15{ background: url(../images/index_15.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-16{ background: url(../images/index_16.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-17{ background: url(../images/index_17.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-18{ background: url(../images/index_18.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-19{ background: url(../images/index_19.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-20{ background: url(../images/index_20.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-21{ background: url(../images/index_21.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-22{ background: url(../images/index_22.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-23{ background: url(../images/index_23.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-24{ background: url(../images/index_24.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-25{ background: url(../images/index_25.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-26{ background: url(../images/index_26.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-27{ background: url(../images/index_27.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-28{ background: url(../images/index_28.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-29{ background: url(../images/index_29.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-30{ background: url(../images/index_30.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-31{ background: url(../images/index_31.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-32{ background: url(../images/index_32.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-33{ background: url(../images/index_33.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-34{ background: url(../images/index_34.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-35{ background: url(../images/index_35.png) no-repeat; background-size:100% 100%;}
.inde-ul li .inde-36{ background: url(../images/index_36.png) no-repeat; background-size:100% 100%;}

/*hover*/
.ng-scope a:hover .outter .inde-01{background: url(../images/index_01_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-02{background: url(../images/index_02_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-03{background: url(../images/index_03_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-04{background: url(../images/index_04_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-05{background: url(../images/index_05_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-06{background: url(../images/index_06_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-07{background: url(../images/index_07_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-08{background: url(../images/index_08_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-09{background: url(../images/index_09_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-10{background: url(../images/index_10_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-11{background: url(../images/index_11_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-12{background: url(../images/index_12_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-13{background: url(../images/index_13_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-14{background: url(../images/index_14_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-15{background: url(../images/index_15_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-16{background: url(../images/index_16_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-17{background: url(../images/index_17_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-18{background: url(../images/index_18_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-19{background: url(../images/index_19_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-20{background: url(../images/index_20_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-21{background: url(../images/index_21_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-22{background: url(../images/index_22_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-23{background: url(../images/index_23_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-24{background: url(../images/index_24_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-25{background: url(../images/index_25_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-26{background: url(../images/index_26_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-27{background: url(../images/index_27_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-28{background: url(../images/index_28_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-29{background: url(../images/index_29_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-30{background: url(../images/index_30_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-31{background: url(../images/index_31_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-32{background: url(../images/index_32_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-33{background: url(../images/index_33_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-34{background: url(../images/index_34_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-35{background: url(../images/index_35_01.png) no-repeat; background-size:100% 100%;}
.ng-scope a:hover .outter .inde-36{background: url(../images/index_36_01.png) no-repeat; background-size:100% 100%;}


 .state-panel{ height: 100%; line-height: 45px; font-size: 20px;}
.state-panel>div {height: 45px;line-height: 45px; padding-right: 0;font-size: 20px;}
.state-panel .btn-group { margin-right: 5px !important;}
.state-panel .btn-group { margin-top: 0; line-height: 45px; margin-right: 0 !important; vertical-align: top; min-width: 50px;}
.header .tpic{}
.btn-group, .btn-group-vertical { position: relative; display: inline-block;vertical-align: middle;}
.state-panel a { cursor: pointer;color: white; display: block; font-size: 18px; text-overflow: unset;}
.state-panel .dropd { display: inline-block; line-height: 45px; background: url(../images/xjt.png) no-repeat; width: 15px; height: 15px; margin-left:5px ; background-size: 100% 100%;}
.state-panel>div i { display: inline-block; margin-top: -2px; vertical-align: middle;}
.state-panel .dropdownicon:after { font-family: cloud-fonttype-icon; -webkit-transform: scale(0.5,0.5);-webkit-transform-origin: 0 50%; transform: scale(0.5,0.5); transform-origin: 0 50%; display: inline-block; line-height: 48px; vertical-align: top; content: "\e600"; font-style: normal; font-size: 12px; text-indent: 10px;}
.state-panel .dropdown-menu { min-width: 120px;}
.siteurl ul { display: none; position: absolute; padding: 5px 0; margin: 0; left: -20px;}
.state-panel .dropdown-menu { min-width: 120px; position: absolute; top: 44px; left: 50%; margin-left: -60px; padding: 5px 0 !important; z-index: 10000;}
.dropdown-menu:before { content: ''; position: absolute; width: 14px; height: 14px; display: block; background: #fff; top: -7px; margin-left: 45px;left: 50%; box-shadow: 0 0 8px rgba(60,60,60,0.4); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); z-index: -2;}
.adjusticon { height: 15px; margin-top: -5px;width: 80%; margin-left: 10%; background-color: white;}
.state-panel .dropdown-menu li { color: gray; line-height: 45px; height: 45px; cursor: pointer; padding-left: 0; background-color: white; text-align: center;  width: auto;}
.state-panel .dropdown-menu li a { color: gray; line-height: 45px; height: 45px; font-size: 14px;}
.siteurl ul.dropdown-menu a { display: inline-block; padding-right: 0; width: 100%; color: gray; font-size: 14px; padding-left: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.btn-group.open .dropdown-toggle{ -webkit-box-shadow: inherit; box-shadow: initial;}
.btn-groul .dropdown-menu:before{margin-left: -58px;}
.btn-group a.column{ cursor: pointer;}

.ng-scope a:hover div.outter .icon{
	-webkit-animation: icon 1s .2s ease both;
	-moz-animation: icon 1s .2s ease both;
}
@-webkit-keyframes icon{
	0%{-webkit-transform:scale(1);}
	10%, 20%{-webkit-transform:scale(1) rotate(-3deg);}
	30%, 50%, 70%, 90%{-webkit-transform:scale(1) rotate(3deg);}
	40%, 60%, 80%{-webkit-transform:scale(1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes icon{
	0%{-moz-transform:scale(1);}
	10%, 20%{-moz-transform:scale(1) rotate(-3deg);}
	30%, 50%, 70%, 90%{-moz-transform:scale(1) rotate(3deg);}
	40%, 60%, 80%{-moz-transform:scale(1) rotate(-3deg);}
	100%{-moz-transform:scale(1) rotate(0);}
}



/*.ng-scope a:hover div.outter .icon{ color: #fee; text-stroke: 1px #f00;text-decoration:none}*/

.modal-dialoges{position: fixed; top: 30%; left: 15%; width: 70%; height: 40%; -webkit-transform: translateX(-30%) translateY(-40%); background: #eee; border-radius: 5px;}
.modal-titlees{margin: 0 100px; font-weight: 600; font-size: 20px; text-align: center;line-height: 45px;}
.tijiao{ background: none; width: auto; border: none; color: #999!important; position: absolute; right: 15px; top: 0px; line-height: 45px; padding: 0; font-size: 17px; background: #fff!important
; font-weight: 600;}
.modal-header{ position: relative; padding: 0 15px; background: #fff; border-radius: 5px;}
.modal-header .qx{ position: absolute; top: 0px; left: 15px; color: #007aff; font-size: 17px; line-height: 45px; display: block; margin-top: 0; opacity: 1;}
.modal-content{ background-color: #eee; box-shadow: 0 3px 9px rgba(0,0,0,0); border: none;}
.resetkey-main>label { font-weight: normal; color: #999; font-size: 14px; width: 700px; text-align: left; margin: auto; height: 35px; line-height: 35px; float: right; margin-top: 10px;}
.resetkey-block { width: 94%; padding-left: 20px; background-color: white; overflow: hidden; margin: 0 3%; border-radius: 4px;}
.ng-pristine{ width: 80%; height: 24px; line-height: 24px; padding: 3px 0; margin-top: 10px; border: 0; display: block; float: right; outline: 0; font-size: 15px; color: black;}
.inputbox{ overflow: hidden; border-bottom: 1px solid #eee;}
.inputbox:last-child{  border-bottom:none}
.btn-primary{ background: #fff; color: gray; border: none; border-radius: 0; font-size: 14px;}
.btn-primary:hover{ background: #f5f5f5;  color: gray;}
.state-panel a img{ width: 20px; margin-left: 14px;}
.state-panel .tzlan{ width: 350px;  position: fixed; left: inherit; bottom: 0; right: 0;}
.state-panel .tzlan:before { left: 77%;}
.icheckbox_square-blue input{margin-top: 0px; }

/*弹出页面*/
[ng-view], [ng-view]>div { height: 100%; overflow: hidden; position: relative;}
[ng-view]>div { height: 100%; overflow: hidden; position: relative;}
.articleManage #hr { position: absolute; width: 100%; height: 1px; background-color: #a2c3dc; top: 44px; z-index: 999;}
.articleManage .articlemain { padding: 0; height: 100%;}
.col-xs-12 { width: 100%;}
.articleManage .articlemain>div { height: 100%;}
.articleManage .nav-left {display: block; height: 100%; padding: 0; background-color: #dbeefd; border-right: 1px solid #a1bbcf; position: relative; width: 17%; max-width: 179px;}
.logo { height: 45px; line-height: 45px; font-size: 0; padding-left: 15px;}
.logo>.logoimg { max-width: 88px; max-height: 50px; display: inline-block; overflow: hidden; line-height: 50px; float: left; cursor: pointer;}
.logo>.logoimg>img.article { filter: drop-shadow(88px 0 0 #fff); -webkit-filter: drop-shadow(87px 0 0 #fff);}
.logo>.logoimg>img { max-width: 86px; max-height: 25px; transform: translateX(-88px); -webkit-transform: translateX(-88px); cursor: pointer;}
.articleManage .logo .btn-group { margin: 0;}
.logo .btn-group, .logo a.dropdown-toggle {cursor: pointer;}
.logo>.btn-group { max-width: 60%; height: 50px; margin-top: 0; float: left!important; padding-left: 10px;}
.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle;}
.logo a.dropdown-toggle { height: 45px; line-height: 45px;}
.articleManage .logo a, .articleManage .logo>.logoimg:before, .articleManage .state-panel a { color: #007aff;}
.logo a { vertical-align: middle; padding-left: 8px; display: inline-block;}
.logo span { font-size: 22px; color: #fff; font-weight: 600;}
.logo a.dropdown-toggle { height: 45px; line-height: 45px;}
.directive-contentmenu { padding-left: 0;}
.directive-contentmenu.article li.active { background-color: #cbe8fd;}
.directive-contentmenu li.active { position: relative; height: 46px; margin-top: -1px; border-top: 1px solid rgba(0,0,0,0);}
.directive-contentmenu li { display: block; height: 45px; line-height: 45px; width: 100%; padding-left: 20px; cursor: pointer; font-size: 16px;}
.directive-contentmenu.article li.active a { color: #007aff;}
.directive-contentmenu.article li .nav { border-color: #cce3f2;}
.directive-contentmenu li.active .nav { border: 0;}
.directive-contentmenu li .nav { display: block; width: auto; margin-left: 30px; border-bottom: 1px solid;}
.directive-contentmenu li.haschild { border-bottom: 1px solid; pointer-events: none;}
.directive-contentmenu.article li a { color: #41515b;}
.directive-contentmenu [class*=cloud-fonticon-nav] { margin-top: -1px;}
[class*=cloud-fonticon-nav] { font-size: 20px;}
.directive-contentmenu.article li .nav { border-color: #cce3f2;}
.directive-contentmenu li.ischild { padding-left: 53px;}
.directive-contentmenu.article li.ischild a { color: #476e89;}
.directive-contentmenu li:last-child { border-bottom: 0;}
.articleManage .middle-panel {min-width: 420px;max-width: 420px;}
.articleManage .centerPart { padding-left: 0; padding-right: 0; border-right: 1px solid #ddd;}
.articleManage .middle-panel {background-color: #f6f6f6; height: 100%;z-index: 9;}
.navbar .add-panel { text-align: center; cursor: pointer; border-bottom: 1px solid #a2c3dc; height: 50px; line-height: 50px; min-width: 420px; float: left; border-right:1px solid #ddd;}
.main-sidebar .speul{ background: #fff;} 
.articleManage a, .articleManage .a { cursor: pointer; color: black;}
.articleManage .middle-panel .add-panel .add-button>i { vertical-align: middle; color: #007aff;}
.articleManage .centerPart .function { height: 30px; line-height: 30px; z-index: 3; position: relative; padding-left: 10px;}
.articleManage .centerPart .function, .articleManage .centerPart .articleList { width: 100%; background: #f6f6f6; position: relative;}
.articleManage .centerPart .function { padding-right: 10px !important;}
.articleManage .centerPart .function>div:first-child { margin-top: -3px;}
.articleManage .centerPart .function i { vertical-align: middle; cursor: pointer;}
[class^="cloud-icon-ui-"], [class*="cloud-icon-ui-"] { width: 18px; height: 18px;font-size: 18px;}
.cloud-icon-ui-flag { color: #999;}
.articleManage .centerPart .function>div.channel { margin-top: -2px;}
.articleManage .centerPart .function>div { float: right;}
.articleManage .centerPart .function>div { line-height: 30px; height: 100%;}
.articleManage .function .btn-group { height: 28px; line-height: 28px; vertical-align: top;}
.articleManage .btn-group { margin-right: 8px; text-overflow: ellipsis; height: 45px;}
.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle;}
.articleManage .centerPart .function a.column { max-width: 100px; -webkit-box-shadow:initial;  box-shadow:initial;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block;}
.articleManage .centerPart .function a, .articleManage .function li { cursor: pointer; color: gray;}
.articleManage .centerPart .function .search-icon { cursor: pointer;margin-right: 12px; margin-top: -1px;}
.articleManage .centerPart .function>div { float: right;}
.articleManage .centerPart .function>div { line-height: 30px; height: 100%;}
.articleManage .bottom-prev .content-mask { background: 0; transition: none;}
.articleManage .content-mask, .articleManage .nocontent-tips { position: absolute; top: 45px; height: calc(100% - 45px); width: 100%; z-index: 12; text-align: center; color: #777; font-size: 19px;}
.articleManage .content-mask i, .articleManage .nocontent-tips div { margin-top: -23px; top: 50%; position: relative;}
.cloud-icon-ui-loading-gray {width: 45px;height: 45px; background-image: url('../images/loading-gray.svg'); background-size: 100%;}
.state-panel .boot { display: inline-block; line-height: 45px; background: url(../images/xjt.png) no-repeat; width: 15px; height: 15px; margin-left: 5px; background-size: 100% 100%;}
[class*="cloud-icon-ui-loading-"] { width: 45px; height: 45px; animation: animate-cloud-loading 1.5s infinite linear; -webkit-animation: animate-cloud-loading 1.5s infinite linear;}
.articleManage .centerPart .bottom { /*height: 45px;*/line-height: 45px; border-top: 1px solid #ddd;}
.articleManage .right-panel { background: #fff;}
.articleManage .right-panel { outline: 0; position: relative;}
.articleManage .right-panel>div { display: block; height: 100%;}
.icheckbox_square-blue{ padding: 0 5px 0 15px;}

/*已发文章编辑页*/
.articleManage .right-panel>div.rig-cent{ float: left; padding-left: 20px; width:-webkit-calc(100% + 20px);width:-moz-calc(100% + 20px); width:calc(100% + 20px); display: block;overflow-y: scroll; overflow-x: hidden; padding-right: 35px;}
.articleManage .right-panel>div.rig-cent div .tab-bt{ width: 100%; border: none;outline:none; padding: 5px 10px; height: auto; font-size: 18px; line-height: 40px;}
.artic-spa{ position: absolute; top: 50%; right: 10px; margin-top: -9px; background-color: #007aff;}
.articleManage .right-panel>div.rig-cent div.text-cent{ width: 100%; overflow: hidden; margin-bottom: 20px;}
.articleManage .right-panel>div.rig-cent:nth-child(1) div.text-cent{ padding-bottom: 5px; border-bottom: 1px solid #dedede;}
.articleManage .right-panel>div.rig-cent div.text-cent .texe-rn{ border: none; float: left; outline:none; width: 90%; margin: 20px 0 0; padding:0px 0px;}
.articleManage .right-panel>div.rig-cent div.text-cent .tx-div{width: 10%;  position: relative; margin-top: 20px; float: right; margin-bottom: 10px;}
.articleManage .right-panel>div.rig-cent div.text-cent .tx-div span{width: 60px; float: right; height: 60px; border: none; display: block; background-image: url(../images/feather_default.jpg);/*background-size: cover;*/ background-size:100% 100%;}
.articleManage .right-panel>div.rig-cent div.text-cent .tx-div input{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;}
.articleManage .right-panel>div.rig-cent div.text-cent img{ width: 100%;}
.btn-group>.btn:active{background-color: #199ed7; border-color:#199ed7;}
primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #199ed7; border-color: #204d74;}
.articleManage .right-panel>div.rig-cent div .tab-bt { width: 100%; border: none; outline: none; padding: 5px 10px; height: auto; font-size: 18px;line-height: 40px;}
.btn-primary:active{background-color: #f7f7f7;}
.btn-primary:active:hover{ background-color: #f7f7f7;}
.col-xs-5 .tab-zjdb{width: 100%; margin-left: 0px;}
.col-xs-5 .tab-zjdb p{ text-align: right; padding-right:10px;}
.articleManage div.state-panel { height: 45px;width: 100%; padding-left: 20px;}
.bjtb{ width: 30%; float: left;}
.rig{ float: right;}
.bjtb i{ /*width: 20%;*/ margin-right: 15px;}
.bjtb i:nth-child(3){ margin-left: 15%;}
.bjtb i img{ width: 20px; cursor: pointer;}
.teat-nr{ padding-bottom: 100px; }
.articleManage .state-panel {font-size: 20px; background: #fbfbfb;}
.state-panel {height: 50px;line-height: 50px; white-space: nowrap;}
.tab-dibly{ position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #dedede; line-height: 45px; height: 45px;}
.tab-dibly .artic-tb1{ margin-top: 10px; text-align: right; margin-right: 20px; display: none;}
.tab-gjc{ overflow: hidden; float: left;}
.tab-gjc span{ margin-left: 20px;}
.articleManage .right-panel .state-panel>div { line-height: 45px; padding-right: 0px;}
.state-panel>div { height: 45px; line-height: 45px; /*padding-right: 19px;*/ font-size: 17px;}
.state-panel .dropd{display: inline-block; line-height: 45px;background: url(../images/xsjt.png) no-repeat; width: 15px; height: 15px; margin-left: 5px; background-size: 100% 100%;}
.dropd{display: inline-block; line-height: 45px;background: url(../images/xsjt.png) no-repeat; width: 15px; height: 15px; margin-left: 5px; background-size: 100% 100%;}
.articleManage .articlemain>ul, .articleManage .articlemain>div {overflow-x: hidden; overflow-y: scroll; height: calc(100% - 50px); background: #fff; /*overflow-x: hidden; overflow-y: scroll;*/}
.articleManage .articlemain>div.add-ove{ overflow-x: hidden; overflow-y: scroll; background: #f7f7f7;}
.articleManage .content-panel {margin-left: 59px; height: 100%;}
.articleManage { margin-top: 50px; display: block; overflow: hidden; height: 100%;}
.articleManage .left-panel { height: 100%; float: left; position: relative;}
.articleManage .articlemain { padding: 0; height: 100%;}

/*滚动条样式*/
::-webkit-scrollbar { width: 0px; display: block; position: absolute;right: 0px; top: 0; background: #f6f6f6;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(246,246,246,0.3); border-radius: 10px; opacity: 0.5;}
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4);}

.articleManage .right-panel { background: none; float: right; width:-webkit-calc(100% - 540px);width:-moz-calc(100% - 540px);width:calc(100% - 540px); min-width:540px; height: 100%;}

/*发布微博*/
.main-header{ position: fixed; width: 100%;}
.box-outter { width: 95%; margin: auto; border: 1px solid #eee; margin-top: 20px; border-radius: 4px;}
.box-outter .top { height: 40px;line-height: 40px;padding: 0 10px;}
.graybg { background-color: #f9f9f9;}
.box-outter .ctrl { cursor: pointer; color: #007aff;}
.box-outter textarea { width: 100%; height: 100px; padding: 10px 10px; border: 0; outline: 0;resize: none;}
.box-outter .info { height: 30px; line-height: 30px; padding: 0 10px;}
.pull-right { float: right !important; border-bottom: 1px solid #a2c3dc;}
.box-outter .info .wordcount>span {color: #0c0;}
.box-outter .attachment { height: 45px; line-height: 45px; clear: both;}
.box-outter .attachment>div {display: inline-block;margin: 0 10px;height: 45px; position: relative;}
.box-outter button { width: 80px; height: 30px; line-height: 30px;text-align: center; cursor: pointer; color: white;font-size: 15px; border: 0; border-radius: 4px; margin: 7px 10px; background-color: #e97911; outline: 0;}
.box-outter .attachment { line-height: 45px;background: #fff;}
.box-outter .attachment i.cloud-icon-font-dropdown { font-size: 19px;}
.timer .dropdown-toggle{cursor: pointer;}
.box-outter .attachment i.cloud-icon-font-dropdown img{ width: 17px;}
.dsfs{ right: -25px!important; min-width: 100px;}
.dsfs div{ text-align: center;}
.attachment div i img{ width: 25px;}
.img .dropdown-menu { width: 280px;left: 50%; transform: translateX(-50%);padding: 0;}
.img label, .weiboPublish .video label { height: 30px; line-height: 30px; width: 100%; padding: 0 10px; margin: 0;float: left; z-index: 1; position: relative; border-bottom: 1px solid #eee; font-weight: bold;}
.img .cloud-icon-ui-close, .weiboPublish .video .cloud-icon-ui-close { margin-top: 5px;}
.cloud-icon-ui-close { transform: scale(0.7); transform-origin: right; cursor: pointer;}
.img .tip { padding: 15px 10px; font-size: 12px; line-height: 1em; color: #666; clear: both;justify-content: flex-start;}
.img .imgarea { min-height: 80px; padding: 0 10px;}
.img .addimg { border: 3px dashed #d1d1d1; color: #d1d1d1; position: relative; cursor: pointer; width: 60px; height: 60px; line-height: 74px; text-align: center;}
.img .addimg i { font-size: 58px; font-weight: 100; font-style: normal; vertical-align: top;}
.img input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; cursor: pointer;}
.video .dropdown-menu { width: 440px; left: 50%; transform: translateX(-50%); padding: 0;}
.video label { border-bottom: 0;}
.video label { height: 30px; line-height: 30px; width: 100%; padding: 0 10px; margin: 0; float: left; z-index: 1; position: relative; border-bottom: 1px solid #eee; font-weight: bold;}
.box-outter .attachment i { font-size: 24px;}
.video .cloud-icon-ui-close { margin-top: 5px; transform: scale(0.7); transform-origin: right; cursor: pointer;}
.video input { height: 30px; line-height: 30px; width: 335px; margin: 10px 5px 10px 20px; outline: 0; padding: 5px; font-size: 13px; border-radius: 3px; box-shadow: none; outline: 0; border: 1px solid #999; float: left;}
.video button.qd { margin: 0; vertical-align: middle; width: 55px;}
.box-outter button {width: 80px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; color: white;font-size: 15px;border: 0; border-radius: 4px; margin: 7px 10px; background-color: #e97911; outline: 0;}
.video .tip {overflow: hidden;display: inline-block;line-height: 1.3;font-size: 12px;padding: 0 20px 15px;}
.video em { font-size: 12px; color: #eb7350; font-style: normal;}
.video label.bott-bor{ border-bottom: none;}
.img .dropdown-menu .adjusticon,.video .dropdown-menu .adjusticon{ width: 20%; position: absolute; left: 50%; margin-left:-10%; top: 5px; height: 12px;}

/*文章*/
.leftnavs li{ height: 45px; line-height: 45px; border-bottom: 1px solid #cce3f2; padding: 0 10px 0px 20px;}
.leftnavs li.active{ background: #cbe8fd;}
.leftnavs li.ng-scope a div.ng-binding{ margin-left: 35px; position: relative;}
.leftnavs li.ng-scope a span.border-span{border-radius: 50%; width: 10px; height: 10px; float: left; margin-top: 9%; margin-left: 17px;}
.leftnavs li.ng-scope a span.colo_01{ background: #4ab36b;}
.leftnavs li.ng-scope a span.colo_02{ background: #b8a59a;}
.content-wrapper .content .bottom-prev{ min-width: 420px; border-right: 1px solid #ddd; height: 100%; padding: 0px 0px 0px 0px;}
.middle-panel{ padding-top:0px ; background: #fff; padding-left: 0px;}
.rig-center{ float: right; height: 100%; width: calc(100% - 420px); padding-right: 0px; padding-left: 15px;overflow: hidden;
    outline: none;
    overflow-y: scroll;
    overflow-x: hidden;}
.column-sort{ height: 40px; width: 55px; float: right; line-height: 40px;}
.column-sort .btn-group{ height: 40px; line-height: 40px; margin-left: 10px;}
.column-sort .btn-group:nth-child(1){ float: right;}
.search-icon{ width: 340px; float: left; line-height: 40px; height: 40px; padding: 0px 0px 0px 0px;}
.column-sort .btn-group:nth-child(2){ float: right;}
.function{ padding: 0px 10px; }
.text-cent{ overflow: hidden; padding-bottom: 40px; padding-top: 20px;}
.function .channel, .pull-qz{ line-height: 40px;}
.bottom{ overflow: hidden; height: calc(100vh - 137px); display: block; width: 100%; border-top: 1px solid #dedede;}
.text-cent p{ line-height: 24px; float: left; width: calc(100% - 80px);}
.tx-div{ width: 80px; float:right;}
.tx-div span{ background: url(../images/border_thumb.jpg) no-repeat; display: block; float: right; width: 60px; height: 60px; background-size:100% 100%;}
.input-sousu{ margin-top: 3px; width: 70%; margin-left: 35px;}
.input-sousu .form-control{ background: #ecf0f5;}
.article-title{ margin-top: 20px; margin-bottom: 10px;}
.article-title h3{ font-size: 20px;}
.leftnavs{ width: 230px; background: #fff;}
.articleManage .ment-bote { left: -60px;}
.att-div{overflow: hidden; padding-bottom:8px;border-bottom: 1px solid #dedede; margin-left: 35px;}
.articleList li{ cursor: pointer; overflow: hidden;}
.text-bt h3{ font-size: 16px; color: #333;}
.text-bt{ margin-left: 35px;}
.articleList li a{ display: block; overflow: hidden; padding: 8px 0 0; }
.text-xj{ overflow: hidden; width: 50%; float: left; line-height: 25px; margin-top: 15px;}
.text-xj p:nth-child(1){float: left; color: #a6a6a6;}
.text-xj p:nth-child(2){ float: right; color: #a6a6a6;} 
.artic-tb1{ float: right; width: 18%; line-height: 25px; margin-top: 15px;}
.text-centes{ width: 100%; display: block;}
.text-centes img{ width: 100%;}
.articleList{ height: calc(100% + 1px); overflow: hidden; outline: none; overflow-y: scroll; overflow-x: hidden;}

/*点击切换背景色*/
.articleList li a.on { background: #4c8fea; color: #fff;}
.articleList li a.on .text-bt h3{color: #fff;}
.articleList li a.on .text-xj p:nth-child(1){ color: #fff;}
.articleList li a.on .text-xj p:nth-child(2){ color: #fff;}
.articleList li a.on .att-div{ border-bottom: none;}

/*添加文章*/
.content-wrapper{ margin-top: 50px; height: 100%;}
.addartic-wed{ padding: 20px 15px 0; position: relative; overflow: hidden; display: block;}
.add-centext{ width: 70%; margin: 30px auto 0; border-bottom: dashed 1px #ddd}
.add-cate{ display: block; text-align: center; width: 100%; overflow: hidden;}
.add-centext input{ width: 100%;resize: none; outline: 0; height: 40px; padding-bottom: 10px; border: none; line-height: 40px; font-size: 26px; color: #333333;}
.articleManage .add-fh{ float: left; color: #60aef3; font-size: 16px;}
.add-fg{ float: right; color: #979797; border: none; background: #fff; font-size: 16px;}
.add-lanm{ padding: 10px 15px; display: block; overflow: hidden; height: 100%; background: #f7f7f7;}
.add-lanm .add-btn{ width: 100%; line-height: 40px; height: 40px; margin-right: 0px;}
.add-btn h3{ float: left; line-height: 40px; height: 40px;}
.add-btn a{ float: right; width: 100%; text-align: left;}
.add-btn a i{ float: right; position: absolute; top: 50%; margin-top: -7.5px; right: 0px;}
.add-btn .dropdown-menu { right: 0px; padding: 0 7px; left: 65px; max-width: 160px; min-height: 300px;}
.add-uljt:before{ left: 30%;}
.add-btn .dropdown-menu:before {margin-left: 80px;}
.add-btn .dropdown-menu .adjusticon{ width: 100%; height: 30px; font-size: 14px; color: #d2d2d2; margin: 1px auto 0;}
.add-btn .dropdown-menu li label{ width: 100%; line-height: initial; font-weight: 400; color: #7f7f7f;}
.tuij{ margin-top: 15px; margin-bottom: 15px; overflow: hidden;}
.tuij i img{ width: 30px; cursor: pointer;}
.tuij i{ margin-left: 10px; float: right; display: block;}
.tuij i.qzts{ float: left;}
.sctp{ border: 1px solid #dddddd; position: relative; width: 100%; height: 150px;}
.sctp input{ width: 100%;height: 100%; position: absolute; z-index: 10; left: 0; top: 0; opacity: 0; cursor: pointer;}
.sctp img{ width: 40px; height: 40px; position: absolute; z-index: 9; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;}
.add-zy{ margin-top: 10px; border-bottom: 1px solid #dddddd; padding-bottom: 10px;}
.add-zy textarea{ border: none; background: #f7f7f7; padding-bottom: 5px; color: #6d6d6d; outline: 0; width: 100%;}
.add-zy p{ width: 100%; text-align: right;}
.add-zy p span:nth-child(1){ color: #4de571;}
.add-zy p span:nth-child(2){ color: #d2d2d2;}
.add-gjc{ padding: 10px 0px 5px; overflow: hidden; border-bottom: 1px solid #dddddd; position: relative;}
.add-gjc input{ width: 100%; border: none; background: #f7f7f7; outline: 0; height: 30px; line-height: 30px;}
.label-switch{ float: right; display: block; height: 1.2rem; position: absolute; top: 50%; right:2px; margin-top: -0.6rem;}
.label-switch .checkbox { height: 1.2rem;}
.label-switch .checkbox:before { height: 1rem; background: #dddddd;}
.label-switch .checkbox:after { width: 1.1rem; height: 1.1rem; top: 0.05rem;}
.label-switch input[type=checkbox]:checked+.checkbox:after { -webkit-transform: translateX(1.45rem); transform: translateX(1.45rem);}
.addsm{ border: none; padding-bottom: 0px;}
.add-ycsm{ padding: 15px 0px 10px;}
.addsm input{ border-bottom: 1px solid #dddddd;}
.addsm input:nth-child(1){ width: 40%; float: left;}
.addsm input:nth-child(2){ width: 55%; float: right;}
.inline span{ float: left;}
.laydate-icon{ float: left; border: none; background: none; text-align: right;}
.laydate_body .laydate_top { padding: 0px;}
.laydate_body .laydate_bottom { padding: 0px;}
.laydate_body .laydate_bottom .laydate_btn { right: 0px; top: 2px;}
.add-gjc .inline li{ border-bottom: 1px solid #dddddd; overflow: hidden;}
.add-gjc .inline li span{ width: 45%; line-height: 40px; color: #6d6d6d;}
.add-gjc .inline li input{ height: 40px; width: 55%; float: right; padding-right: 0px;}
.add-fj{ padding: 0px; border-bottom: none;}
.add-fj ul li{border-bottom: 1px solid #dddddd; line-height: 45px;}
.add-fj ul li a i{ color: #1a84fe; padding-left: 5px;}
.form-control{ font-size: 14px;}
.input-group-btn { position: relative; font-size: 0; white-space: nowrap;}
.modal-footer .butt-tj{ width: 25%;padding: 7px 16px; float: right; min-width: 120px;}
.add-zt{ width: 100%; height: 100%; margin-left: 0px; top: 0; left: 0;}
.add-zt .modal-dialog{ width: 40%; height: 60%; top: 20%;}
.add-zt .modal-dialog .resetkey-main{ overflow: hidden; background: #f6f6f6; margin: 15px;}
.add-zt .modal-header{ height: 43px;}
.modal.in .modal-zt{ /*min-height: 558px;*/}
.add-zt .modal-content{ height: 100%; border-radius: 5px;}
.add-sousu .form-control,.add-sousu .input-group-addon{ border: none; background: #fff; padding-left: 0px;}
.add-sousu .input-group-addon{ cursor: pointer;}
.add-zt .modal-header .qx{ height: 37px; line-height: 37px; font-size: 16px; font-weight: 400;}
.add-zt .modal-header .modal-title{ font-weight: 400; font-size: 18px;text-align: center; line-height: 37px;}
.tab-qh{ height: 40px; background: #fff; line-height: 40px; border-bottom: 1px solid #dddddd;}
.tab-qh li{ width: auto; }
.tab-qh .on div{ border-bottom: 1px solid #0969ff; width: 60px; margin: 0 0 0 10px;}
.sous{margin-top: 1px; background: #fff; padding: 0 10px; width: 100%; height: 41px; line-height: 41px; border-bottom: 1px solid #dddddd;}
.input-group{ /*width: 50%;*/ float: left;}
.input-group .form-control{ /*border: none;*/ font-size: 14px; box-shadow: inherit; -webkit-box-shadow: initial;}
.input-group .btn-flat{ background: none;}
.post-addfl{ float: right; position: relative;}
.tab-qh li div{ width: 80%; margin: 0 auto;}
.add-ulfl{ left: -125px; min-width: 190px; min-height: 300px; top: 40px; padding: 5px;}
.add-ulfl li{ margin-left: 10px; cursor: pointer; overflow: hidden; line-height: 30px; font-size: 14px;color: #6d6d6d;}
.add-ulfl:before {margin-left: 40px;}
.sous .post-addfl .siteurl{ display: block; color: #666666; padding-right: 5px; cursor: pointer;}
.add-ulfl li span{ float: left;}
.add-ulfl li i.on{background: url(../images/dui.png) no-repeat; float: right; width: 30px; height: 30px; display: block; background-size:50% 60%; background-position: 10px;}

.add-ulfl ul li a button.btn-primary:active{ background: #fff;}
span.btn-primary:active{background-color: #f7f7f7; color: #1a84fe; background: none;box-shadow:inherit;}
span.btn-primary:hover{  color: #1a84fe;}
span.btn-primary:active:hover{ background-color: #f7f7f7; text-decoration: none; color: #1a84fe;box-shadow:inherit; background: none;}
span.btn-primary{background-color: #f7f7f7; color: #1a84fe; padding-left:5px;}
.xgyd-tc{ width: 50%; background: #fff; float: left; height: 100%; border-right:1px solid #dddddd;}
.sous .post-addfl .siteurl .dropd, .add-btn a i.dropd{ width: 12px; height: 15px; background: url(../images/xxjt.png) no-repeat; background-size: 100% 100%;vertical-align: middle;}
.add-sj{ display:inline-block; line-height: 30px; padding-left: 20px; width: 100%;}
.add-sj p{ color: #7dbafc; font-size: 12px; text-align: left;}
.addsjh{ background: #3998ff; position: relative; height: 35px; text-align: left; color: #fff; padding-left: 20px; line-height: 35px;}
.xq-adad{ height: 20px; width:56px; position: absolute; top: 50%; margin-top: -10px; right: 7px; line-height: 20px;}
.xq-adad div:nth-child(1){  width: 45px; height: 20px; border-radius: 3px; font-size: 12px; color: #3395ff; background: #fff; line-height: 20px; text-align: center; float: left;}
.arrow-right { margin-left:-1px ;display: block;float: left;  border-top:10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid white;}
.laydate_body .laydate_box{ left: auto!important; right: 0px!important;}

/*添加图集*/
.sctj-div{/*position: absolute; top: 50%;left: 50%; height: 65%; -webkit-transform: translateX(-50%) translateY(-50%);*/ overflow: hidden;}
.sc-cent{position: fixed;z-index: 10; top: 50%;left: 50%;width: 100px;height: 30px;-webkit-transform: translateX(-50%) translateY(-50%);}
.sc-cent .scnniu{ width: 100%; display: block; line-height: 30px; text-align: center; height: 100%; background: #ff7743; color: #fff; border: none; border-radius: 5px; cursor: pointer;}
.sc-cent .sc-file{ opacity: 0; position: absolute; top: 0; z-index: 100; left: 0;width: 100%; cursor: pointer; height: 100%;}
.xz-addtext{ width: 90%; height: 90%; border: 1px solid #e0e0e0; margin-top: 10%; margin-left: 5%;}
.xz-addtext p{ border-bottom: 1px solid #e0e0e0; padding: 8px 10px; font-size: 12px; text-align: left; color: #80bdff;}
.add-leftul:before{ left: -33%;}

/*图集首页*/
.text-dict{ width: 100%;}
.text-dict div{width: 400px;overflow: inherit; margin-bottom: 20px;}
.text-dict div img.tuj-pic{    width: 100%;}
.text-dict p { border-left: 1px solid #ddd; color: #a0a0a0; border-right: 1px solid #ddd; width: 400px; border-bottom: 1px solid #ddd; padding: 15px 0 15px 15px; line-height: 25px;}
.articleList li a .atlas-lef{ width: 18%;}
.articleList li a .atlas-rig{ width: 82%;}
.articleList li a .atlas-rig .text-xj{ width: 100%;}
.articleList li a .atlas-rig .att-div{margin-left: 0px; padding-right: 10px; border-bottom: none;}
.articleList li a .atlas-rig .text-bt{ margin-left: 0px; padding-right: 10px;}
.articleManage .right-panel>div.rig-cent div.text-cent div{ width: 400px; overflow:inherit; margin-bottom: 20px;}
.articleManage .right-panel>div.rig-cent div.text-cent p{ border-left: 1px solid #ddd; color: #a0a0a0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0 15px 15px; line-height: 25px;}
.articleManage .right-panel>div.rig-cent div.text-cent img.tuj-pic{ width: 100%;}
.text-jj p{ color: #969696; line-height: 30px; margin-bottom: 10px;}
.actl li a.on{background: #fef4f2; color: #e39a8b;}
.actl li a.on .text-bt h3{ color: #e39a8b;}
.actl li a.on .text-xj p:nth-child(2){ color: #e39a8b;}
.actl li a.on .text-xj p:nth-child(1){ color: #e39a8b;}
.actl li a.on .text-xj p:nth-child(2){ color: #e39a8b; float: left; padding-left: 20px;}
.actl li a.on .text-xj p:nth-child(3){ color: #e39a8b; float: right;}
.actl li a .text-xj p:nth-child(2){ float: left; padding-left: 20px;}
.actl li a .text-xj p:nth-child(3){float: right;}
.actl li a div.tab-atla{ margin-left: 35px; border-bottom: 1px solid #ddd; overflow: hidden;}
#imghead{ margin: 0 auto;}
.imghead{ display: block;}
.add-jxtj{ display: block; overflow: hidden; width: 760px; margin: 50px auto 10px;}
.jxtj-sc{ width: 100px; height: 100px; border: dashed 1px #ddd;position: relative; float: left;}
.jxtj-sc input.scnniu{ width: 100%; height: 100%; background: #fff; color: #be484b; border: none; border-radius: 5px; cursor: pointer;}
.jxtj-sc input.sc-file{opacity: 0; position: absolute; top: 0; z-index: 100; left: 0; width: 100%; cursor: pointer; height: 100%;}
.add-tz{ float: left; margin-left: 30px;}
.add-tz li{ width: 100px; height: 100px; float: left; margin-right: 10px;}
.add-tz li div img{ margin-top: 0px!important; width: 100%; height: 100%;}

/*编辑图集*/
.articleManage .upload-bt{ width: 80%; margin: 0 auto; line-height: 40px; font-size: 18px; color: #717171;}
.articleManage .add-fh{ line-height: 40px; }
.articleManage .add-fg{ line-height: 40px; background: #e8e8e8; color: #f96f3e; position: absolute; right: 15px; top: 20px; width: 50px;}
.articleManage .articlemain>div.bj-cate{ height: 40px; position: relative; padding: 0 10px;}
.upt-div{ padding: 20px 15px; }
.upt-sc{ width: 20%; float: left;}
.upt-sctp{ width: 90%; overflow: hidden; margin: 0 auto; height: 180px; position: relative; border: 1px dashed #ddd;}
.upt-lef{ width: 50%; float: left; padding: 40px 0;}
.upt-rig{ width: 50%; padding: 40px 0;}
.upt-rig p{ text-align: center; color: #f96f3e; font-size: 14px;}
.upt-lef p{ text-align: center; color: #f96f3e; font-size: 14px;}
.upt-sclef{ width: 40%; margin: 0 auto; position: relative;}
.upt-sclef img{ width: 100%; height: 100%; display: block;}
.upt-sclef .sc-file{ position: absolute; top: 0px; left: 0px;opacity: 0; width: 100%; height: 100%; cursor: pointer; z-index: 10;}
.sr-inpu{ color: #fff; border: none; width: 100%; position: absolute; bottom: 0px; left: 0px; display: block; background:none; background-color: RGBA(0,0,0,0.6)!important; padding: 7px 6px 7px 10px; background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));}
.upt-ul li{ width: 20%; margin-bottom: 30px; height: 180px; float: left; position: relative;}
.upt-tpbj{width: 90%; height: 180px; position: relative; margin: 0 auto;}
.upt-tpbj img { width: 100%; height: 100%;}
.upt-tpbj p{ position: absolute; bottom: 0px; left: 0; width: 100%; display: block; background-color: RGBA(0,0,0,0.6)!important;background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));}
.upt-tpbj p .sc-file{ position: absolute; top: 0px; left: 0px;opacity: 0; width: 100%; height: 100%; cursor: pointer; z-index: 10;}
.upt-ul li i{ background: url(../images/scan_01.png) no-repeat; display: none; cursor: pointer; z-index: 1000; background-size:100% 100%; width: 30px; height: 30px; position: absolute; top: -15px; right: -5px;}
.upt-ul li:hover i{ display: block;}

/*发稿*/
.add-fag{ width: 100%; overflow: hidden; height: 100%; display: block; padding: 4%;}
.add-zt .add-fag .modal-content{ padding: 10%; width: 100%;}
.add-fag .fag-lef{ float: left; margin: 0 10px;}
.add-fag .fag-lef img{ width: 50px; height: 50px;}
.add-fag .fag-rig{ width: 70%; float: left; height: 100%; margin-left: 10px; position: relative;}
.add-fag .fag-rig h3{ font-size: 20px; text-align: left;}
.add-fag .fag-rig p{ color: #999; margin-top: 10px; font-size: 12px; text-align: left;}
.add-fag a.fh-add{ position: absolute; bottom: 10px; right: 20px; font-size: 18px;}
.add-zt .add-fages{height: 20%; width: 30%;}

/*图集已编辑图片*/
#content{ width: 760px; margin: 30px auto 0; position: relative;}
#content:hover a{ display: block;}
/*#content a{ line-height: 40px; cursor: pointer; font-weight: bold; filter: alpha(opacity:90); opacity: 0.9; position: absolute; top: 175px; width: 40px; height: 40px; background: #000; text-align: center;text-decoration: none; font-size: 30px; color: #fff;}
*/#content a:hover{ filter: alpha(opacity:60); opacity: 0.6;}
#prev{ left: 70px; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%;width: 50px; height: 90px;margin: -60px 0 0;}
#netx{ display: none;background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%;width: 50px; height: 90px;margin: -60px 0 0; background-position: -10px -90px; right: 70px;} 
#text{ position: relative; width: 500px; margin: 0 auto; height: 30px; line-height: 30px; text-align: center; color: #000;}
#img1{ width: 500px; margin: 0 auto; display: block; height: 400px;}
.add-tz li div.non, .upt-ul li div.non{ border: 2px solid #be484b;}

/*专题*/
.articleManage .speci-lef{ background: #eaf0ee;}
.speci-lef .sp-ul li.active{ background: #e2e8e6;}
.speci-lef .sp-ul li.active a{ color: #59b19b;}
.spec-ul li a.on{ background: #eaf0ee;}
.spec-ul li a.on .text-bt h3{color: #5ca973;}
.spec-ul li a.on .text-xj p:nth-child(2){ color: #6fbf98;}
.spec-ul li a.on .text-xj p:nth-child(1){ color: #6fbf98;}

/*添加专题*/
.skin-blue .main-header .navbar{ background: #fbfbfb;}
.skin-blue .main-header .logo{ background: #21a6c6; border-right: 1px solid #a1bbcf; border-bottom: 1px solid #a1bbcf;}
.spe-text{ margin-top: 40px;outline: 0; min-height: 100px; margin: 30px 0 10px; border: none; width: 100%; padding: 0 15px 10px; border-bottom: dashed 1px #ddd;}
.add-spect{ overflow: hidden; display: block; width: 100%; height: 100%;}
.add-spect .sctj-div{ position: relative; padding-left: 35px; float: left; display: block; -webkit-transform:initial; top: 0; left: 0px;}
.specile-lef{ padding: 50px 0px 0px; position: fixed;overflow-y: scroll; overflow-x: hidden; border-right: 1px solid #cdcdcd; background: #f3f3f3; height: 100%; display: block;}
.add-spect .sctj-div input{ border-bottom: 1px dashed #ddd;}
.speul li{ line-height: 40px; height: 40px; cursor: move; border-bottom: 1px solid #cdcdcd;}
.speul li h3, .speul li div{ line-height: 40px; font-size: 16px; height: 100%; width: 100%; padding: 0 10px 0px 20px;}
.skin-blue .main-sidebar .colu-tabl{background-color: #cbe8fd; line-height: 45px; height: 45px; color: #007aff;  text-indent: 20px;}
.speul li div i img{ width: 23px;}
.speul li div span{ color: #0166ff; text-decoration: underline; padding-left: 2px;}
.speul li div.ont{ background: #d9d9d9;}
.articleManage .add-fh img{ width: 22px;}
.arce-ul li{ padding: 0 10px;}
.arce-ul li label{ display: block; width: 100%; line-height: initial; margin-bottom: 20px;}
.add-gjc .form-group label span, .arce-ul li label{ color: #a6a6a6; cursor: pointer; font-size: 14px; font-weight: 400;}
.add-zt .tjmk-add{ width: 50%; left: 25%; height: 64%; top: 18%;}
.btn-bomm{ border-bottom: 1px solid #ddd; padding: 10px 10px; position: relative;}
.btn-bomm input{ border: none; width: 80%; padding: 0px; outline: 0;}
.btn-bomm span{ margin-right: 10px; color: #000; }
.btn-bomm span:hover{ color: #000;}
.btn-bomm span:nth-child(3){ float: right;}
.btn-bomm .add-gjc{ float: left; padding: 0px; border-bottom: none;}
.btn-bomm .add-gjc .form-group label{ cursor: pointer; margin-bottom: 1px;}
.btn-bomm .form-group{ margin-bottom: 0px;}
.btn-bomm .form-group label{ margin-bottom: 0px;}
.btn-bomm .form-group label span{ color: #000; cursor: pointer; font-size: 14px; font-weight: 400;}
.btn-bomm .srzy{ margin-top: 0px; width: 80%; padding: 0 0px;}
.add-gjcest{ line-height: 30px; line-height: 30px;}
.add-btn a i.speat-imc{ position: relative; margin-top: 12.5px;}
.lefadd-jt:before{ left: 30%;}
.speinput{ width: 70%; display: block; float: left; padding: 5px 10px; border:1px solid #dddddd;}
.btn-aniu{ background: #00a65a; width: 20%; float: right; display: block; color: #fff; line-height: 35px; line-height: 35px; border-radius: 7px; border: none;}
.foo-ul li{ height: 40px; line-height: 40px; cursor: move; background: #39cccc; color: #fff; margin-bottom: 10px;}
.foo-ul li div{ height: 40px; color: #fff;}
.spe-div .sctp{ width: 300px; height: auto; border: none; margin-bottom: 30px;}
.spe-div .sctp p{ display: block; position: relative; line-height: 25px; margin-bottom: 5px; color: #f96f3e;}
.spe-div .sctp img{ position: relative; width: 300px; height: 200px; margin-left: 0px; left: 0px; top: 0px; margin-top: 0px;}
.btn-primary:focus{ border: none;outline: 0; }
.btn-primary i img{ width: 23px; }
.specile-lef .btn-primary{ height: 40px; line-height: 40px; margin-top: 10px; background: #fff;padding: 0px 10px; cursor: pointer; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.specile-lef .btn-primary:hover, .specile-lef .btn-primary:focus, .specile-lef .btn-primary:active{ text-decoration: none;  outline: 0; border-color:#ddd; color: #333;}
.navbar h3{ display: block; width: 100%; text-align: center; font-size: 22px; line-height: 50px; color: #27cdf5;} 
.example-modal .modal { position: relative; top: auto; bottom: auto; right: auto; left: auto; display: block; z-index: 1;}
.example-modal .modal { background: transparent !important;}
.example-modal .modal .modal-content{ background: #fff; }
.example-modal .modal .modal-header{padding: 15px;}
.borde-non{ border: none; padding: 0px; height: 25px;}
.btnner{ background: #008d4c;}
.btn-primary span{ color: #0166ff;}

/*登录*/
section { display: block;}
.article { filter: drop-shadow(88px 0 0 #2464e8); -webkit-filter: drop-shadow(87px 0 0 #2464e8);}
.images-show .images-show-wrapper { overflow: hidden; position: relative; background-size: cover; background-position: 50%;}
.images-show .images-video { height: auto; min-width: 1920px; max-width: 1920px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
video { display: inline-block; vertical-align: baseline;}
.images-show .images-cover { background-color: RGBA(0,0,0,0.7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.images-show .images-body { position: absolute; width: 100%; text-align: center; height: 120px; line-height: 1; top: 0; bottom: 0; margin: auto; color: #fff;}
.social-auth-links{ margin: 0px; height: 60px; background: #f5f5f5; position: relative;}
.images-show .images-video source{ width: 100%; height: 100%; display: block; overflow: hidden;}
.login-box-body{ background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF) } 
.login-box-body{background:transparent; padding: 0px; background-color:rgba(99,147,207,0.18); border-radius: 20px 20px 0px 0px;}
.login-tex{ margin: 0 auto;position: fixed; width: 400px; height: 350px; top: 50%; left: 50%; margin-top: -215px; margin-left: -180px;}
.social-auth-links p{ color: #797979; font-size: 15px; padding-left: 40px; text-align: left;}
.social-auth-links p.shuru{ line-height: 40px; padding: 10px 0 10px 55px; font-size: 15px;}
.social-auth-links p span{color: #4db8d1;}
.has-feedback .form-control{ padding:10px 12px 10px 65px; border: none; height: 45px; padding-left: ;}
.has-feedback .form-control:focus{ border: none;}
.login-box-body .login-box-msg{ font-size: 24px; padding:25px 55px 25px 55px ; color: #27cdf5; text-align: left;}
.form-control-feedback{color: #555!important; left: 0px; right: auto; width: 60px; height: 45px; line-height: 45px; text-align: right;}
.btn.btn-flat{ background: #21a6c6; font-size: 18px; color: #fff; padding: 10px 0px;}
.login-box-body form{ padding: 0px 55px 30px; height: 205px;}
.login-box-body form.erweima-saoys{ cursor: pointer; position: relative; padding-top: 0px;}
.social-auth-links i{ position: absolute; top: 0px; overflow: hidden; z-index: 3000; background: url(../images/erweim.png) no-repeat; width: 56.5px; height: 60px; background-size:100% 100%; right: 0px; bottom: 0px;}
.social-auth-links i span{ width: 46px; height: 80px; cursor: pointer; display: block; position: absolute; top: 6px; transform:rotate(43deg); right: -12px;}
.social-auth-links i.scanning{ display: none; background: url(../images/erweim_01.png) no-repeat; width: 56.5px; height: 60px; background-size:100% 100%;}*/
.social-auth-links .weix img.sys{ width: 40px; float: left;}
.social-auth-links .weix p span{ color: #2fabc9;}
.social-auth-links .weix p{ padding-left: 60px;}
.social-auth-links .weix{ padding: 10px 0 10px 55px; display: none;}
.login-ind{ display: none;}
.login-box-body form img.saoys{ border-radius: 5px; display: block; width: 140px; height: 140px; transition:all 0.5s; transform:translate(75px,0px);}


.erweima-saoys:hover .saoys
{
width:140px;
height:140px;
position:relative;

transform:translate(0px,0px);
}


.saoys-sj{ opacity: 0; width: 140px; position: absolute; top: -13px; right: 55px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, url(../images/souyssj.png), bottom(#f6f6f8));}

.erweima-saoys:hover .saoys-sj{transition-delay:0.5s; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; -moz-transition-delay:0.5s; opacity: 1;}