@font-face {   
    font-family: 'cloud-fonttype-icon'; 
    src:url('../img/fonttype-icon/icon.svg');
    src:url('../img/fonttype-icon/icon.eot') format('embedded-opentype'),
        url('../img/fonttype-icon/icon.woff') format('woff'),
        url('../img/fonttype-icon/icon.ttf') format('truetype'),
        url('../img/fonttype-icon/icon.svg') format('svg');   
    font-weight: normal;                                                      
    font-style: normal;
}

@font-face {font-family: "iconfont";
  src: url('../img/iconfont/iconfont.eot?t=1466404658'); /* IE9*/
  src: url('../img/iconfont/iconfont.eot?t=1466404658#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../img/iconfont/iconfont.woff?t=1466404658') format('woff'), /* chrome, firefox */
  url('../img/iconfont/iconfont.ttf?t=1466404658') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../img/iconfont/iconfont.svg?t=1466404658#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

html, body, .main, [ng-view], [ng-view]>div {			 
    height: 100%;
    overflow: hidden;
    position: relative;
}
body{
    min-width: 1024px;
}
a {
    color: #007aff;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
    color: #2464e8;
}
a[disabled] {
    color: #999;
}
div:focus, a:focus {
    outline: none;
    text-decoration: none;
}
input[type="search"] {
    padding: 12px 38px 12px;
    background-image: url(img/search.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
}
::-webkit-input-placeholder {
    color: #bbb;
}
::-moz-placeholder {
    color: #bbb;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #bbb;
}

/* common-kit css */
.hand {
    cursor: pointer;
}
.mar_l_8 {
    margin-left: 8px;
}
.mar_t_8 {
    margin-top: 8px;
}
.clear {
    clear: both;
}

/* icon */
[class^="cloud-icon-"],[class*="cloud-icon-"] {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(img/icon.png);
    background-image: -webkit-image-set(url(img/icon.png) 1x, url(img/icon@2x.png) 2x);
    background-image: -moz-image-set(url(img/icon.png) 1x,url(img/icon@2x.png) 2x);
    background-image: -ms-image-set(url(img/icon.png) 1x,url(img/icon@2x.png) 2x);
    line-height: 100%;
    font-style: normal;
}
[class^="cloud-icon-channel-"],[class*="cloud-icon-channel-"] {
    width: 18px;
    height: 18px;
}

.cloud-icon-ui-help,
.cloud-icon-nav-help,
[class^="cloud-icon-channel-pc"],[class*="cloud-icon-channel-pc"],
[class^="cloud-icon-channel-phone"],[class*="cloud-icon-channel-phone"],
[class^="cloud-icon-channel-wap"],[class*="cloud-icon-channel-wap"],
[class^="cloud-icon-nav-help"],[class*="cloud-icon-nav-help"],
[class^="cloud-icon-ui-list"],[class*="cloud-icon-ui-list"],
[class^="cloud-icon-ui-contentlist"],[class*="cloud-icon-ui-contentlist"],
[class^="cloud-icon-ui-link"],[class*="cloud-icon-ui-link"],
[class^="cloud-icon-ui-next"],[class*="cloud-icon-ui-next"],
[class^="cloud-icon-ui-prev"],[class*="cloud-icon-ui-prev"],
[class^="cloud-icon-ui-stream"],[class*="cloud-icon-ui-stream"],
[class^="cloud-icon-ui-app"],[class*="cloud-icon-ui-app"],
[class^="cloud-icon-ui-lbs"],[class*="cloud-icon-ui-lbs"],
.cloud-icon-nav-audit,.cloud-icon-nav-reject,
[class^="cloud-icon-font-"],[class*="cloud-icon-font-"],
.cloud-icon-setting-nav-admin,
.cloud-icon-setting-nav-role,
.cloud-icon-setting-nav-audit,
.cloud-icon-nav-publish,
.cloud-icon-nav-album,
.cloud-icon-nav-draft,
.cloud-icon-ui-important,
.cloud-icon-ui-flag,
.cloud-icon-ui-folder,
.cloud-icon-nav-mine,
.cloud-icon-ui-setting,
.cloud-icon-add,
.cloud-icon-openurl,
.cloud-icon-info,
.cloud-icon-sites,
.cloud-icon-disable,
.cloud-icon-enable,
.cloud-icon-pending,
.cloud-icon-site-invite,
.cloud-icon-search-close,
.cloud-icon-users,
.cloud-icon-ui-search,
.cloud-icon-nav-kit,
.cloud-icon-nav-feedback,
.cloud-icon-ui-showall
{
    font-family: 'cloud-fonttype-icon';
    background: none;
    font-style: normal;
    position: relative;
    line-height: 18px;
    text-align: center;
    background-image: none;
}
.cloud-icon-add{font-size: 20px;}
.cloud-icon-ui-flag:before{content:'\e608';font-size: 15px;}
.cloud-icon-ui-flag{color: #999;}
.cloud-icon-ui-flag.active{color: #48a6eb;}
.cloud-icon-ui-flag.selected{color: white;}
.cloud-icon-ui-folder:before{content:'\e906';font-size: 18px;}
.cloud-icon-ui-folder{color: #999;}
.cloud-icon-ui-folder.active{color: #007aff;}
.cloud-icon-ui-important:before{content: '\e626';font-size: 20px;}
.cloud-icon-nav-reject:before{content: '\e622';font-size: 20px;}
.cloud-fonticon-nav-audit:before,
.cloud-icon-nav-audit:before{content: '\e621';font-size: 20px;}
.cloud-fonticon-nav-mine:before,
.cloud-icon-nav-mine:before{content: '\e61e';font-size: 20px;}
.cloud-icon-nav-kit:before { content: '\e656';}
.cloud-icon-nav-feedback:before { content: '\e64e';}
.cloud-icon-setting-nav-admin:before{content: '\e61e';font-size: 20px;}
.cloud-icon-setting-nav-role:before{content: '\e61e';font-size: 20px;}
.cloud-icon-setting-nav-audit:before{content: '\e625';font-size: 20px;}
.cloud-fonticon-nav-recycle:before {
    content: '\e610';
    font-size: 20px;
}
.cloud-fonticon-nav-publish:before,
.cloud-icon-nav-publish:before{content: '\e627';font-size: 20px;}
.cloud-icon-nav-album:before{content: '\e66f';font-size: 20px;}
.cloud-icon-nav-draft:before{content: '\e628';font-size: 20px;}
.cloud-icon-font-dropdown:before {content: '\e615';}
.cloud-icon-font-upload:before {content: '\e62d';}
.cloud-icon-font-link:before {content: '\e60a';}
.cloud-icon-font-music:before {content: '\e91b';}
.cloud-icon-font-video:before {content: '\e62a';}
.cloud-icon-font-like:before {content: '\e632';}
.cloud-icon-font-comment:before {content: '\e62f';}
.cloud-icon-font-hand:before {content: '\e65e';}
.cloud-icon-font-auto:before {content: '\e65d';}
.cloud-icon-font-share:before {content: '\e91a';}
.cloud-icon-font-play:before {content: "\e629";}
.cloud-icon-font-select-video:before { content: '\e916';}
.cloud-icon-channel-pc:before { content: '\e605';}
.cloud-icon-channel-pc { color: #999;}
.cloud-icon-channel-pc.active { color: #48a6eb;}
.cloud-icon-channel-pc.selected { color: #fff;}
.cloud-icon-channel-pad { background-position: 0 -18px;}
.cloud-icon-channel-pad.active { background-position: -18px -18px;}
.cloud-icon-channel-pad.selected { background-position: -36px -18px;}
.cloud-icon-channel-phone:before { content: '\e606';}
.cloud-icon-channel-phone { color: #999;}
.cloud-icon-channel-phone.active { color: #48a6eb;}
.cloud-icon-channel-phone.selected { color: #fff;}
.cloud-icon-channel-wap:before { content: '\e607';}
.cloud-icon-channel-wap { color: #999;}
.cloud-icon-channel-wap.active { color: #48a6eb;}
.cloud-icon-channel-wap.selected { color: #fff;}
.cloud-icon-channel-wechat { background-position: 0 -72px;}
.cloud-icon-channel-wechat.active { background-position: -18px -72px;}
.cloud-icon-channel-tencent { background-position: 0 -90px;}
.cloud-icon-channel-tencent.active { background-position: -18px -90px;}
.cloud-icon-channel-weibo { background-position: 0 -108px;}
.cloud-icon-channel-weibo.active { background-position: -18px -108px;}
.cloud-icon-openurl:before { content: '\e631'; }
.cloud-icon-openurl { width: 20px; height: 20px; }
.cloud-icon-info:before { content: '\e637'; }
.cloud-icon-info { width: 28px; height: 28px; }
.cloud-icon-sites:before { content: '\e651'; }
.cloud-icon-sites { width: 28px; height: 28px; }
.cloud-icon-pending:before { content: '\e650'; }
.cloud-icon-pending { width: 20px; height: 20px; }
.cloud-icon-enable:before { content: '\e655'; }
.cloud-icon-enable { width: 20px; height: 20px; }
.cloud-icon-search-close:before { content: '\e654'; }
.cloud-icon-search-close { width: 16px; height: 16px; font-size: 14px; }
.cloud-icon-disable:before { content: '\e654'; }
.cloud-icon-disable { width: 16px; height: 16px; font-size: 14px; }
.cloud-icon-site-invite:before {content: '\e653'; }
.cloud-icon-site-invite { width: 28px; height: 28px; font-size: 23px; top: 2px; }
.cloud-icon-users:before { content: '\e632'; }
.cloud-icon-users { width: 28px; height: 28px; }
.cloud-icon-font-download:before { color: #333; content: '\e620'; }
.cloud-icon-font-history:before { content: '\e61f'; }
.cloud-icon-font-edit:before { content: '\e611'; }
.cloud-icon-font-restore:before { content: '\e673'; }
.cloud-icon-ui-setting:before { content: '\e62c'; font-size: 20px; }
.cloud-icon-add:before { content: '\e62b'; }
.cloud-icon-ui-search:before { content: '\e62e'; font-size: 14px; vertical-align: bottom; }

[class^="cloud-icon-ui-"],[class*="cloud-icon-ui-"] { width: 18px; height: 18px; font-size: 18px; }
.cloud-icon-ui-search { width: 20px; height: 20px; }
.cloud-icon-ui-search:hover{ color: #007aff;  }
.cloud-icon-ui-setting {  width: 20px;  height: 20px;  }
.cloud-icon-add { width: 30px; height: 30px; line-height: 30px; color: #777; }
.cloud-icon-add:hover{ color: #007aff; }
.cloud-icon-ui-check { background-position: 0 -126px;}
.cloud-icon-ui-check.active { background-position: -18px -126px;}
.cloud-icon-ui-drop { background-position: 0 -144px;}
.cloud-icon-ui-drop.active { background-position: -18px -144px;}
.cloud-icon-ui-drop.selected { background-position: -36px -144px;}
/* .cloud-icon-ui-flag { background-position: 0 -162px;}
.cloud-icon-ui-flag.active { background-position: -18px -162px;}
.cloud-icon-ui-flag.selected { background-position: -36px -162px;} */
.cloud-icon-ui-trash { background-position: 0 -180px;}
.cloud-icon-ui-trash:hover { background-position: -18px -180px;}
.cloud-icon-ui-trash.active { background-position: -18px -180px;}
.cloud-icon-ui-help:before { content: '\e601';}
.cloud-icon-ui-help { color: #999;}
.cloud-icon-ui-help:hover { color: #48a6eb;}
.cloud-icon-ui-help.active { color: #48a6eb;}
.cloud-icon-ui-help.selected { color: #ffffff;}
.cloud-icon-ui-comment { background-position: 0 -234px;}
.cloud-icon-ui-comment.active { background-position: -18px -234px;}
.cloud-icon-ui-return,.cloud-icon-ui-return-nohover { background-position: 0 -252px;}
.cloud-icon-ui-return.active { background-position: -18px -252px;}
.cloud-icon-ui-return:hover { background-position: -18px -252px;}
.cloud-icon-ui-back,.cloud-icon-ui-back-nohover { background-position: 0 -270px;}
.cloud-icon-ui-back.active { background-position: -18px -270px;}
.active .cloud-icon-ui-back { background-position: -36px -270px;}
.cloud-icon-ui-yes { background-position: 0 -198px;}
.cloud-icon-ui-no { background-position: -18px -198px;}
.cloud-icon-ui-selected { background-position: -54px 0;}
.cloud-icon-ui-selected.active { background-position: -54px -18px;}
.cloud-icon-ui-add { background-position: -54px -36px;}
.cloud-icon-ui-cross { background-position: -126px -54px;}
/* .cloud-icon-ui-setting { background-position: 0 -320px;}
.cloud-icon-ui-setting:hover { background-position: -21px -320px;} */
/* .cloud-icon-ui-search { background-position: -72px -54px;}
.cloud-icon-ui-search:hover { background-position: -54px -54px;} */
.cloud-icon-ui-search-white { background-position: -90px -54px;}
.cloud-icon-ui-arrow-up { background-position: -162px 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.cloud-icon-ui-arrow-down { background-position: -144px 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.cloud-icon-ui-triangle-up { background-position: -108px -54px;}
.cloud-icon-ui-move { background-position: -126px -36px;}
.cloud-icon-ui-move-white { background-position: -72px -470px;}
.cloud-icon-ui-showall { background-position: 0 -297px;}
.cloud-icon-ui-showall:hover { background-position: -18px -297px;}
.cloud-icon-ui-home { background-position: -18px -414px;}
.cloud-icon-ui-showall{
    background: initial;
}
.cloud-icon-ui-showall:before{
    content: '\e60e'
}
[class^="cloud-icon-ui-list"]:before,[class*="cloud-icon-ui-list"]:before,[class^="cloud-icon-ui-contentlist"]:before,[class*="cloud-icon-ui-contentlist"]:before { content: '\e60b';}
.cloud-icon-ui-list { color: #999;}
.cloud-icon-ui-list-white { color: #fff;}
.cloud-icon-ui-list-green { color: #6db70c}
.cloud-icon-ui-contentlist-white { color: #fff;}
.cloud-icon-ui-contentlist-green { color: #6db70c}
.active > .cloud-icon-ui-list { color: #fff;}
.active > .cloud-icon-ui-app { color: #fff;}
.active > .cloud-icon-ui-lbs { color: #fff;}
[class^="cloud-icon-ui-link"]:before,[class*="cloud-icon-ui-link"]:before { content: '\e60a';}
.cloud-icon-ui-link { color: #999;}
.cloud-icon-ui-link-white { color: #fff;}
.cloud-icon-ui-link-green { color: #6db70c;}
.active > .cloud-icon-ui-link { color: #fff;}
.cloud-icon-ui-item { background-position: 0 -468px;}
.cloud-icon-ui-item-white { background-position: -18px -468px;}
.cloud-icon-ui-item-green { background-position: -36px -468px;}
.active > .cloud-icon-ui-item { background-position: -18px -468px;}
.cloud-icon-ui-close { background-position: -324px -198px;}
.cloud-icon-ui-close-white { background-position: -306px -198px;}
[class^="cloud-icon-ui-stream"]:before,[class*="cloud-icon-ui-stream"]:before { content: '\e60b';}
.cloud-icon-ui-stream { color: #999;}
.cloud-icon-ui-stream-white { color: #fff;}
.cloud-icon-ui-stream-green { color: #6db70c}
[class^="cloud-icon-ui-app"]:before,[class*="cloud-icon-ui-app"]:before { content: '\e66e';}
[class^="cloud-icon-ui-lbs"]:before,[class*="cloud-icon-ui-lbs"]:before { content: '\e674';}
.cloud-fonticon-ui-at:before {content: '\e638'}


.cloud-icon-ui-prev:before{
    content: '\e613'
}
.cloud-icon-ui-next:before{
    content: '\e614';
}
.cloud-icon-ui-next{
    color: white;
}
.cloud-icon-ui-next:hover{
    color: #45aaf1;
}
.cloud-icon-ui-prev{
    color: white;
}
.cloud-icon-ui-prev:hover{
    color: #45aaf1;
}

[class^="cloud-icon-ctrl-"],[class*="cloud-icon-ctrl-"] {
    width: 20px;
    height: 20px;
}
.cloud-icon-ctrl-yes { background-position: -72px 0;}
.cloud-icon-ctrl-yes:hover { background-position: -92px 0;}
.cloud-icon-ctrl-no { background-position: -72px -20px;}
.cloud-icon-ctrl-no:hover { background-position: -92px -20px;}
.cloud-icon-ctrl-edit { background-position: -112px 0;}

[class^="cloud-icon-nav-"],[class*="cloud-icon-nav-"] {
    width: 20px;
    height: 20px;
}
.cloud-icon-nav-publish { background-position: -60px -80px;}
.cloud-icon-nav-draft { background-position: -60px -100px;}
.cloud-icon-nav-trash { background-position: -60px -120px;}
.cloud-icon-nav-stat { background-position: -60px -140px;}

.cloud-icon-nav-publish.active { background-position: -60px -180px;}
.cloud-icon-nav-draft.active { background-position: -60px -200px;}
.cloud-icon-nav-trash.active { background-position: -60px -220px;}
.cloud-icon-nav-stat.active { background-position: -60px -240px;}

.cloud-icon-ui-iconselected {
    width: 20px;
    height: 20px;
    background-position: -368px -42px;
}

/* 移动 */
.cloud-icon-nav-mobile-stat { background-position: -60px -280px;}
.hover .cloud-icon-nav-mobile-stat { background-position: -60px -320px;}
.active .cloud-icon-nav-mobile-stat { background-position: -60px -300px;}
.cloud-icon-nav-mobile-push { background-position: -80px -280px;}
.hover .cloud-icon-nav-mobile-push { background-position: -80px -320px;}
.active .cloud-icon-nav-mobile-push { background-position: -80px -300px;}
.cloud-icon-nav-mobile-more { background-position: -100px -280px;}
.hover .cloud-icon-nav-mobile-more { background-position: -100px -320px;}
.active .cloud-icon-nav-mobile-more { background-position: -100px -300px;}
.cloud-icon-nav-mobile-menu { background-position: -120px -280px;}
.hover .cloud-icon-nav-mobile-menu { background-position: -120px -320px;}
.active .cloud-icon-nav-mobile-menu { background-position: -120px -300px;}
.cloud-icon-nav-mobile-style { background-position: -140px -280px;}
.hover .cloud-icon-nav-mobile-style { background-position: -140px -320px;}
.active .cloud-icon-nav-mobile-style { background-position: -140px -300px;}
.cloud-icon-nav-mobile-setting { background-position: -60px -340px;}
.hover .cloud-icon-nav-mobile-setting { background-position: -60px -380px;}
.active .cloud-icon-nav-mobile-setting { background-position: -60px -360px;}
.cloud-icon-nav-mobile-share { background-position: -100px -340px;}
.active .cloud-icon-nav-mobile-share { background-position: -100px -360px;}
.cloud-icon-nav-mobile-comment { background-position: -80px -340px;}

/* 第三方 */
.cloud-icon-nav-android { background-position: -348px 0;}
.cloud-icon-nav-ios { background-position: -348px -20px;}
.cloud-icon-nav-android.selected { background-position: -368px 0;}
.cloud-icon-nav-ios.selected { background-position: -368px -20px;}
.cloud-icon-nav-android.colors { background-position: -348px -180px;}
.cloud-icon-nav-ios.colors { background-position: -348px -200px;}
.cloud-icon-nav-third-push { background-position: -348px -40px;}
.cloud-icon-nav-third-changyan { background-position: -348px -60px;}
.cloud-icon-nav-third-mcloud { background-position: -348px -80px;}
.cloud-icon-nav-third-tencent { background-position: -348px -100px;}
.cloud-icon-nav-third-sina { background-position: -348px -120px;}
.cloud-icon-nav-third-qq { background-position: -348px -140px;}
.cloud-icon-nav-third-wechat { background-position: -348px -160px;}
.cloud-icon-nav-third-share { background-position: -100px -340px;}
.active .cloud-icon-nav-third-share { background-position: -100px -360px;}
.cloud-icon-nav-third-weibo { background-position: -348px -120px;}
.cloud-icon-nav-third-comment { background-position: -80px -340px;}
.cloud-icon-nav-third-douban { background-position: -348px -220px;}
.cloud-icon-nav-third-evernote { background-position: -348px -240px;}

/* 顶部 */
[class^="cloud-icon-nav-help"],[class*="cloud-icon-nav-help"] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
}
[class^="cloud-icon-nav-help"]:before,[class*="cloud-icon-nav-help"]:before { content: '\e601';}
[class^="cloud-icon-nav-help-selected"],[class*="cloud-icon-nav-help-selected"] { color: #FFEE65;}

@-webkit-keyframes breath {
  0%    { opacity: 0.7;}
  50%   { opacity: 1;}
  100%  { opacity: 0.7}
}
@keyframes breath {
  0%    { opacity: 0.7;}
  50%   { opacity: 1;}
  100%  { opacity: 0.7}
}
[class^="cloud-icon-nav-help-selected"]:before,[class*="cloud-icon-nav-help-selected"]:before {
    content: '\e60c';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    animation: breath 3s infinite;
    -webkit-animation: breath 3s infinite;
    transition: opacity 1.5s;
}
[class^="cloud-icon-nav-help-selected"]:after,[class*="cloud-icon-nav-help-selected"]:after {
    content: '';
    background-color: #B46506;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 24px;
    height: 23px;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.cloud-icon-nav-help { color: #999;}
.cloud-icon-nav-help:hover { color: #48a6eb;}
.cloud-icon-nav-help-white { color: #fff;}
.cloud-icon-nav-help-red { color: #ed6f6d;}

.cloud-icon-nav-comment { width: 24px; height: 24px; background-position: -216px -198px;}
.cloud-icon-nav-comment:hover { width: 24px; height: 24px; background-position: -252px -198px;}
.cloud-icon-nav-view { width: 24px; height: 24px; background-position: -264px -408px;}
.cloud-icon-nav-view:hover,.cloud-icon-nav-view.active { background-position: -264px -432px;}
.cloud-icon-nav-canlder { width: 24px; height: 24px; background-position: -288px -408px;}
.cloud-icon-nav-canlder:hover,.cloud-icon-nav-canlder.active { background-position: -288px -432px;}
.cloud-icon-nav-setting { width: 24px; height: 24px; background-position: -312px -408px;}
.cloud-icon-nav-setting:hover,.cloud-icon-nav-setting.active { background-position: -312px -432px;}

[class^="cloud-icon-modal-"],[class*="cloud-icon-modal-"] {
    width: 64px;
    height: 64px;
}
.cloud-icon-modal-success { background-position: -80px -72px; border-radius: 50%; overflow: hidden;}
.cloud-icon-modal-alert { background-position: -80px -144px; border-radius: 50%; overflow: hidden;}
.cloud-icon-modal-error { background-position: -80px -216px; border-radius: 50%; overflow: hidden;}
.cloud-icon-modal-doubt {background-image: url('../img/doubt.png');border-radius: 50%; overflow: hidden;background-image: -moz-image-set(url('../img/doubt.png') 1x,url('../img/doubt@2x.png') 2x);background-image: -ms-image-set(url('../img/doubt.png') 1x,url('../img/doubt@2x.png') 2x);}

[class^="cloud-icon-login"],[class*="cloud-icon-login"] {
    width: 32px;
    height: 32px;
}
.cloud-icon-login { background-position: -144px -72px;}
.cloud-icon-login.active { background-position: -144px -108px;}

[class^="cloud-icon-thumb"],[class*="cloud-icon-thumb"] {
    width: 36px;
    height: 36px;
}
.cloud-icon-thumb-upload { background-position: -144px -144px;}
.cloud-icon-thumb-copy { background-position: -144px -180px;}

[class*="cloud-icon-mobile-switchstyle-"] {
    width: 29px;
    height: 48px;
}
.cloud-icon-mobile-switchstyle-back {background-position: -147px -218px;}
.cloud-icon-mobile-switchstyle-front {background-position: -179px -218px;}
.cloud-icon-mobile-switchstyle-back-gray {background-position: -147px -415px;}
.cloud-icon-mobile-switchstyle-front-gray {background-position: -179px -415px;}

[class*="cloud-icon-function-"] {
    width: 25px;
    height: 25px;
    background: none;
    font-family: 'cloud-fonttype-icon';
    font-size: 19px;
    color: #007aff;
}
[class*="cloud-icon-function-"]:hover{
    color: #2464e8;
}
.cloud-icon-function-view:before{
    content: '\e60f';
}
.cloud-icon-function-trash:before{
    content: '\e610';
}
.cloud-icon-function-share:before {
    content: '\e60d';
}
.cloud-icon-function-qrcode:before {
    content: '\e670';
}
.cloud-icon-function-download:before {
    content: '\e620';
}
.cloud-icon-function-share {background-position: -180px 0;}
.cloud-icon-function-view {background-position: -180px -25px;}
.cloud-icon-function-trash {background-position: -180px -50px;}
.cloud-icon-function-qrcode {background-position: -180px -50px;}
.cloud-icon-function-download {background-position: -180px -50px;}
.cloud-icon-function-share:hover {background-position: -180px -125px;}
.cloud-icon-function-view:hover {background-position: -180px -150px;}
.cloud-icon-function-trash:hover {background-position: -180px -175px;}
.cloud-icon-function-qrcode:hover {background-position: -180px -175px;}
.cloud-icon-function-download:hover {background-position: -180px -175px;}

/* .cloud-icon-add { width: 25px; height: 25px;}
.cloud-icon-add { background-position: -144px -18px;}
.cloud-icon-add:hover { background-position: -144px -45px;} */

.cloud-icon-mobile-ui-list{
    width: 25px;
    height: 25px;
    background-position: -180px -90px;
}
.cloud-icon-mobile-ui-checkbox { 
    width: 50px;
    height: 50px;
    background-position: -160px -364px;
}
.cloud-icon-enter { width: 20px!important; height: 18px!important; background-position: 0 -342px!important;}
.cloud-icon-enter:hover { background-position: 0 -360px!important;}
.cloud-icon-enter.active { background-position: 0 -360px!important; cursor: pointer!important;}

[class^="cloud-icon-module-"] {
    width: 72px;
    height: 72px;
}
.cloud-icon-module-article{
    height: 90px;
    background-position: -216px -72px;
}
.cloud-icon-module-setting{
    background-position: -216px 0;
}
[class^="cloud-icon-setting-nav-"],[class*="cloud-icon-domain-"]{
    width: 20px;
    height: 20px;
}
.cloud-icon-setting-nav-general { background-position: -216px -342px;}
.cloud-icon-setting-nav-general.active { background-position: -237px -342px;}
.cloud-icon-setting-nav-sort { background-position: -216px -362px;}
.cloud-icon-setting-nav-sort.active { background-position: -237px -362px;}
.cloud-icon-setting-nav-domain { background-position: -216px -382px;}
.cloud-icon-setting-nav-domain.active { background-position: -237px -382px;}
.cloud-icon-setting-nav-nav { background-position: -216px -402px;}
.cloud-icon-setting-nav-nav.active { background-position: -237px -402px;}
.cloud-icon-domain-invalid { background-position: -216px -306px;}
.cloud-icon-domain-valid { background-position: -237px -306px; }
[class^="cloud-icon-list-"]{
    width: 12px;
    height: 12px;
}
.cloud-icon-list-close{ background-position: -162px -344px;}
.cloud-icon-list-lastitem{ background-position: -162px -324px;}
.cloud-icon-list-open{ background-position: -162px -306px;}
[class^="cloud-icon-menu-style-"],[class*="cloud-icon-menu-style-"]{
    width: 24px;
    height: 24px;
}
.cloud-icon-menu-style-list { background-position: -324px 0;}
.cloud-icon-menu-style-multiicon { background-position: -324px -24px;}
.cloud-icon-menu-style-drawer { background-position: -324px -48px;}
.cloud-icon-menu-style-multiimg { background-position: -324px -72px;}
.cloud-icon-menu-style-puretext { background-position: -324px -96px;}
.cloud-icon-menu-style-topcolumn { background-position: -324px -120px;}
.cloud-icon-menu-style-bottomcolumn { background-position: -324px -144px;}
[class^="cloud-icon-mobile-style-"],[class*="cloud-icon-mobile-style-"]{
    width: 20px;
    height: 20px;
}
.cloud-icon-mobile-style-indexstyle{ background-position: -72px -434px;}
.cloud-icon-mobile-style-globalstyle{ background-position: -72px -414px;}
.cloud-icon-mobile-style-indexstyle.active{ background-position: -92px -434px;}
.cloud-icon-mobile-style-globalstyle.active{ background-position: -92px -414px;}

.cloud-icon-ui-video{
    width: 30px;
    height: 30px;
    background-position: -290px 0;
}

[class^="cloud-icon-weibo-"],[class*="cloud-icon-weibo-"]{
    width: 58px;
    height: 58px;
}
.cloud-icon-weibo-tencent{ background-position: -388px 0;}
.cloud-icon-weibo-sina{ background-position: -388px -58px;}

.cloud-icon-font-clock:before { content: '\e61a';}
.cloud-icon-font-box:before { content: '\e618';}

[class*="cloud-icon-filetype"]{width: 20px;height: 20px;}
.cloud-icon-filetype-excel{background-position: -89px -467px;}
.cloud-icon-filetype-other{background-position: -107px -467px;}
.cloud-icon-filetype-img{background-position: -125px -467px;}
.cloud-icon-filetype-ppt{background-position: -143px -467px;}
.cloud-icon-filetype-word{background-position: -161px -467px;}
.cloud-icon-filetype-zip{background-position: -179px -467px;}
.cloud-icon-filetype-psd{background-position: -197px -467px;}

[class*="cloud-fonticon"] {
    font-family: 'cloud-fonttype-icon';
    background: none;
    font-style: normal;
}
[class*="cloud-fonticon-upload"] {
    color: #999;
    font-size: 36px;
}
[class*="cloud-fonticon-msgtype"] {
    color: #999;
    font-size: 21px;
}
.cloud-fonticon-upload-image:before{ content: '\e643';}
.cloud-fonticon-upload-audio:before{ content: '\e63f';}
.cloud-fonticon-upload-video:before{ content: '\e641';}
.cloud-fonticon-upload-appmsg:before{ content: '\e642';}/* appmsg:图文 */
.cloud-fonticon-msgtype-image:before{ content: '\e649';}
.cloud-fonticon-msgtype-audio:before{ content: '\e647';}
.cloud-fonticon-msgtype-video:before{ content: '\e64a';}
.cloud-fonticon-msgtype-text:before{ content: '\e648';}
.cloud-fonticon-msgtype-appmsg:before{ content: '\e646';}
[class*=cloud-fonticon-nav]{ font-size: 20px; }
.cloud-fonticon-nav-stat:before{ content: '\e636';}
.cloud-fonticon-nav-push:before{ content: '\e633';}
.cloud-fonticon-nav-menu:before{ content: '\e635';}
.cloud-fonticon-nav-reply:before{ content: '\e62f';}
.cloud-fonticon-nav-setting:before{ content: '\e62c';}
.cloud-fonticon-nav-style:before { content: '\e657';}
.cloud-fonticon-nav-setting-general:before{ content: '\e62c'; }
.cloud-fonticon-nav-setting-domain:before{ content: '\e634'; }
.cloud-fonticon-nav-setting-sort:before{ content: '\e612'; }
.cloud-fonticon-nav-setting-nav:before{ content: '\e635'; }
.cloud-fonticon-nav-setting-audit:before{ content: '\e625'; }
.cloud-fonticon-nav-setting-admin:before{ content: '\e61e'; }
.cloud-fonticon-nav-setting-role:before{ content: '\e632'; }
.cloud-fonticon-nav-resource:before{ content: '\e671'; }
[class*=cloud-fonticon-menutype]{ font-size: 26px;}
.cloud-fonticon-menutype-msg:before{ content: '\e64e';}
.cloud-fonticon-menutype-myshare:before{ content: '\e91a';}
.cloud-fonticon-menutype-recommend:before{ content: '\e91e';}
.cloud-fonticon-menutype-list:before{ content: '\e91f';}
.cloud-fonticon-menutype-audit:before{ content: '\e91d';}
.cloud-fonticon-menutype-link:before{ content: '\e64b';}
.cloud-fonticon-menutype-site:before{ content: '\e606';}
.cloud-fonticon-menutype-epaper:before{ content: '\e64f';}
.cloud-fonticon-menutype-folder:before{ content: '\e612';}
.cloud-fonticon-menutype-push:before{ content: '\e633';}

.cloud-fonticon-list:before { content: '\e645';}
.cloud-fonticon-menu:before { content: '\e64d';}
.cloud-fonticon-nav-apps:before,
.cloud-fonticon-th:before { content: '\e61d';}
.cloud-fonticon-kit:before { content: '\e656';}
.cloud-fonticon-nav-traffic:before { content: '\e60f';}
.cloud-fonticon-alarm:before { content: '\e67d';}

.cloud-fonticon-longarrow:before {content: '\e658';}
.cloud-fonticon-log-login:before {content: "\e65c";}
.cloud-fonticon-log-system:before {content: "\e65b";}
.cloud-fonticon-log-content:before {content: "\e65a";}
.cloud-fonticon-ui-attachment:before{content: "\e66b";}
.cloud-fonticon-ui-remove:before{content: "\e66a";}
.cloud-fonticon-ui-add:before{content: "\e90b";}
.cloud-fonticon-position:before { content: "\e674";}
.cloud-fonticon-calendar:before { content: "\e675";}

.cloud-fonticon-stick:before { content: "\e679";}
.cloud-fonticon-unstick:before { content: "\e678";}
.cloud-fonticon-close:before{content: "\e67c";}
.cloud-fonticon-block4:before {content: "\e67e";}
.cloud-fonticon-bill:before {content: "\e67f";}
.cloud-fonticon-import:before {content: "\e669";}

.cloud-fonticon-vertical-double-arrow:before {content: "\e900";}
.cloud-fonticon-horizon-double-arrow:before {content: "\e901";}
.cloud-fonticon-remote-counterclockwise-45:before {content: "\e902";}
.cloud-fonticon-remote-clockwise-45:before {content: "\e903";}
.cloud-fonticon-remote-counterclockwise-5:before {content: "\e904";}
.cloud-fonticon-remote-clockwise-5:before {content: "\e905";}
/*全局字体设置*/
body{font-family: "Open Sans",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei","Microsoft YaHei UI", 微软雅黑,SimSun,sans-serif;}

div[ng-controller='main-controller'].topView>div[ng-view]{
    transition: all 0s;
}
div[ng-controller='main-controller'].topView>div[ng-view].blured {
    -webkit-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
/*Animate Public*/
div[ng-controller='main-controller'].topView>div[ng-view].ng-leave{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}
div[ng-controller='main-controller'].topView>div[ng-view].ng-leave-active{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
div[ng-controller='main-controller'].topView>div[ng-view].ng-enter{
    pointer-events: none;
}
/*SCALEUP*/
div[ng-controller='main-controller'].topView.cloud_scaleup>div[ng-view].ng-enter{
    visibility: visible!important;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation: animate-cloud-scaleup-to1 0.4s both ease-out;
    transform-origin: 50% 50%;
    animation: animate-cloud-scaleup-to1 0.4s both ease-out;
    z-index: 1;
}
div[ng-controller='main-controller'].topView.cloud_scaleup>div[ng-view].ng-leave{
    visibility: visible!important;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation: animate-cloud-scaleup-from1 0.4s both linear;
    transform-origin: 50% 50%;
    animation: animate-cloud-scaleup-from1 0.4s both linear;
}

/*SCALEDOWN*/
div[ng-controller='main-controller'].topView.cloud_scaledown>div[ng-view].ng-enter{
    visibility: visible!important;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation: animate-cloud-scaledown-to1 0.7s both ease;
    transform-origin: 50% 50%;
    animation: animate-cloud-scaledown-to1 0.7s both ease;
    z-index: 1;
}
div[ng-controller='main-controller'].topView.cloud_scaledown>div[ng-view].ng-leave .logo .btn-group.open{
    display: none;
}
div[ng-controller='main-controller'].topView.cloud_scaledown>div[ng-view].ng-leave{
    visibility: visible!important;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation: animate-cloud-scaledown-from1 0.7s both ease;
    transform-origin: 50% 50%;
    animation: animate-cloud-scaledown-from1 0.7s both ease;
}

/*FADEIN&OUT*/
div[ng-controller='main-controller'].topView.cloud_fade>div[ng-view].ng-enter{
    transition: all 0.3s ease-in 0.1s;
    opacity: 0;
}
div[ng-controller='main-controller'].topView.cloud_fade>div[ng-view].ng-enter-active{
    opacity: 1;
}
div[ng-controller='main-controller'].topView.cloud_fade>div[ng-view].ng-leave{
    transition: all 0.3s ease 0s;
    opacity: 1;
}
div[ng-controller='main-controller'].topView.cloud_fade>div[ng-view].ng-leave-active{
    opacity: 0;
}

/*页面加载时的等待效果*/
div.pageisloading{
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 20%;
}
div.pageisloading>i{
    width: 30%;
    height: 30%;
    max-width: 30px;
    max-height: 30px;
    position: relative;
    top: 50%;
    margin-top: -15%;
    vertical-align: top;
}

/*针对所有旋转loading 不能修改颜色 IE10+,safari7+,chrome,firefox*/
[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;
}
.cloud-icon-ui-loading-white{
    background-image: url('../img/loading-white.svg');
    background-size: 100%;
}
.cloud-icon-ui-loading-gray{
    background-image: url('../img/loading-gray.svg');
    background-size: 100%;
}
.cloud-icon-ui-loading-gray.ng-hide-add{
    display: none!important;
}
.cloud-icon-ui-loading-white.ng-hide-add{
    display: none!important;
}
@keyframes animate-cloud-loading {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-webkit-keyframes animate-cloud-loading {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes animate-cloud-scaleup-to1 {
    from {-webkit-transform: scale(0.8);}
    to { -webkit-transform: scale(1); }
}
@keyframes animate-cloud-scaleup-to1 {
    from {transform: scale(0.8);}
    to { transform:scale(1); }
}

@-webkit-keyframes animate-cloud-scaleup-from1 {
    from {-webkit-transform: scale(1);opacity: 1;}
    to { -webkit-transform: scale(1.2);opacity: 0;}
}
@keyframes animate-cloud-scaleup-from1 {
    from {-webkit-transform: scale(1);opacity: 1;}
    to { -webkit-transform: scale(1.2);opacity: 0;}
}
/*SCALEDOWN*/
@-webkit-keyframes animate-cloud-scaledown-to1 {
    from {-webkit-transform: scale(1.2);opacity: 0.5;}
    to { -webkit-transform: scale(1); opacity: 1;}
}
@keyframes animate-cloud-scaledown-to1 {
    from {transform: scale(1.2);opacity: 0.5;}
    to { transform:scale(1); opacity: 1;}
}

@-webkit-keyframes animate-cloud-scaledown-from1 {
    from {-webkit-transform: scale(1);opacity: 1;}
    to { -webkit-transform: scale(0.5);opacity: 0;}
}
@keyframes animate-cloud-scaledown-from1 {
    from {-webkit-transform: scale(1);opacity: 1;}
    to { -webkit-transform: scale(0.5);opacity: 0;}
}

/* help tips */
[class^="cloud-help-"] {
    position: absolute;
    z-index: 1000;
    background-color: #ffee65;
    color: #b46506;
    padding: 2px 0;
    border-radius: 3px;
    line-height: 30px;
    box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #cfae5d;
}
[class^="cloud-help-"] a {
    color: #b27330;
    display: inline-block;
    width: 100%;
}
[class^="cloud-help-"] li {
    list-style: none;
    padding: 0 14px;
    height: 32px;
    line-height: 32px;
}
[class^="cloud-help-"] li:hover {
    background-color: #b27330;
}
[class^="cloud-help-"] li:hover a {
    color: #fff;
}
[class^="cloud-help-"]:before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    background-color: #ffee65;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: -2;
    border: 1px solid #CFAE5D;
}
[class^="cloud-help-"]:after {
    content: '';
    z-index: -1;
    background: #FFEE65;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-radius: 3px;
}
.cloud-help-helpmenu ul { margin: 0; padding: 0;}
.cloud-help-helpmenu li { border-top: 1px solid #e2c171;}
.cloud-help-helpmenu li:first-child { border: none;}

.cloud-icon-font-menu:before{
    content: '\e61c';
    font-size: 17px;
}
.cloud-icon-font-menu:hover{
    color: #007aff;
}
.cloud-icon-ui-summary{
    background-position: -162px -345px;
    width: 12px;
    height: 12px;
    display: inline-block;
}
.cloud-icon-ui-summary.open{
    background-position: -162px -306px;
}
.cloud-icon-ui-summary.nochild{
    background-position: -162px -324px;
}

/* 模型icon */
[class^="cloud-icon-app-"],[class*="cloud-icon-app-"] {
    font-family: 'cloud-fonttype-icon';
    background: none;  
}
.cloud-icon-app-article:before { content: '\e628';}
.cloud-icon-app-gallery:before { content: '\e646';}
.cloud-icon-app-link:before { content: '\e644';}
.cloud-icon-app-video:before { content: '\e64a';}
.cloud-icon-app-audio:before { content: '\e647';}
.cloud-icon-app-special:before { content: '';}
.cloud-icon-app-live:before { content: '';}



/* 应用图标
 * 
 * ../img/module.png 文件过大已停用,
 * 改以 ../img/module/{n}.png的形式存储
 * 每10个图标存于一个文件中
 */

/*[class^="cloud-appicon-"],[class*="cloud-appicon-"] { 
    background-image: url(../img/module.png?_=201511121930);
    background-size: auto 100%;
}*/
.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(../img/module/01.png?_=20151201);
    background-size: auto 100%;
}
.cloud-appicon-article { background-position: 0, 0;}
.cloud-appicon-style { background-position: -100%, 0;}
.cloud-appicon-setting { background-position: -200%, 0;}
.cloud-appicon-index { background-position: -300%, 0;}
.cloud-appicon-mobile { background-position: -400%, 0;}
.cloud-appicon-stat { background-position: -500%, 0;}
.cloud-appicon-reproduce { background-position: -600%, 0;}
.cloud-appicon-epaper { background-position: -700%, 0;}
.cloud-appicon-xport { background-position: -800%, 0;}
.cloud-appicon-wechat { background-position: -900%, 0;}

.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(../img/module/02.png?_=20151201);
    background-size: auto 100%;
}
.cloud-appicon-help { background-position: -1000%, 0;}
.cloud-appicon-gallery { background-position: -1100%, 0;}
.cloud-appicon-video { background-position: -1300%, 0;}
.cloud-appicon-live { background-position: -1400%, 0;}
.cloud-appicon-special { background-position: -1500%, 0;}
.cloud-appicon-link { background-position: -1600%, 0;}
.cloud-appicon-supersite { background-position: -1700%, 0;}
.cloud-appicon-superuser { background-position: -1800%, 0;}
.cloud-appicon-list { background-position: -1900%, 0;}
.cloud-appicon-superlog{ background-position: -2000%, 0;}

.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(../img/module/03.png?_=20151201);
    background-size: auto 100%;
}
.cloud-appicon-log{ background-position: -2100%, 0;}
.cloud-appicon-superstat{ background-position: -2200%, 0;}
.cloud-appicon-mobile-sns{ background-position: -2300%, 0;}
.cloud-appicon-audio{ background-position: -2400%, 0;}
.cloud-appicon-supercontent{ background-position: -2500%, 0;}
.cloud-appicon-supervision{ background-position: -2600%, 0;}
.cloud-appicon-weibo{ background-position: -2700%, 0;}
.cloud-appicon-guestbook{ background-position: -2800%, 0;}
.cloud-appicon-member{ background-position: -2900%, 0;}
.cloud-appicon-supermember{ background-position: -3000%, 0;}

.cloud-appicon-stream,
.cloud-appicon-report,
.cloud-appicon-vote,
.cloud-appicon-supersetting,
.cloud-appicon-media,
.cloud-appicon-openapi,
.cloud-appicon-radio {
    background-image: url(../img/module/04.png?_=2015120702);
    background-size: auto 100%;
}
.cloud-appicon-stream{ background-position: -3100%, 0;}
.cloud-appicon-report{ background-position: -3200%, 0;}
.cloud-appicon-vote{ background-position: -3300%, 0;}
.cloud-appicon-supersetting{ background-position: -3400%, 0;}
.cloud-appicon-media{ background-position: -3500%, 0;}
.cloud-appicon-openapi{ background-position: -3600%, 0;}
.cloud-appicon-radio{ background-position: -3700%, 0;}

.cloud-appicon-poster {
    background-image: url(../img/module/poster.png?_=2015120702);
    background-size: auto 100%;
}

.cloud-remoteapp-icon {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/* no content */
.no-content-tips {
    font-size: 16px !important;
    color: #999 !important;
    font-weight: normal;
}


/* 通知中心 */
[notify-center] {
    position: fixed;
    z-index: 200000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

[notify-center] > .notifies {
    position: fixed;
    top: 40px;
    right: 0;
    padding: 0 20px 10px 10px;
    width: 360px;
    max-height: calc(100% - 45px);
}

[notify-center] [notify-float-message] {
    position: relative;
    display: table;
    width: 330px;
    margin-top: 10px;
    min-height: 80px;
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 12px;
    color: #888888;
    line-height: 18px;

    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}

[notify-center] [notify-float-message].ng-enter {
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    transform: translateX(150%);
}

[notify-center] [notify-float-message].ng-enter-active,
[notify-center] [notify-float-message].ng-leave {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

[notify-center] [notify-float-message].ng-leave-active {
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -ms-transform: translateX(150%);
    -o-transform: translateX(150%);
    transform: translateX(150%);
}

[notify-center] [notify-float-message] .icon {
    display: table-cell;
    width: 65px;
    vertical-align: middle;
    text-align: center;
}

[notify-center] [notify-float-message] .icon i {
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

[notify-center] [notify-float-message] .detail {
    display: table-cell;
    padding: 13px 15px 13px 0;
    vertical-align: middle;
}

[notify-center] [notify-float-message] .detail .content {
    word-break: break-all;
}

[notify-center] [notify-float-message] .from {
    padding-bottom: 5px;
    font-size: 14px;
    color: #333333;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[notify-center] [notify-float-message] .title {
    color: #555;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[notify-center] [notify-float-message] .content {
    color: #888;
    word-break: break-all;
    max-height: 28px;
    overflow: hidden;
    line-height: 1.2;
}

[notify-center] [notify-float-message] .action {
    display: table-cell;
    padding: 13px 5px;
    width: 80px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    border-left: solid 1px #EFEFEF;
}

[notify-center] > .panel {
    position: fixed;
    top: 45px;
    bottom: 0;
    right: 0;
    width: 350px;
    margin: 0;
    padding: 20px 0;

    background: -webkit-linear-gradient(top, #333333, #444444 30%);
    background: -moz-linear-gradient(top, #333333, #444444 30%);
    background: linear-gradient(top, #333333, #444444 30%);

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    -webkit-box-shadow: -2px -2px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px -2px 15px rgba(0,0,0,0.2);
    box-shadow: -2px -2px 15px rgba(0,0,0,0.2);

    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    opacity: 0.99;

    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

[notify-center] > .panel:after {
    pointer-events: none;
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-bottom-color: rgba(51, 51, 51, 0.9);
    top: -20px;
    right: 66px;
}

[notify-center] > .panel.ng-hide {
    opacity: 0;
    top: 30px;
}

[notify-center] > .panel.ng-hide-remove {
    opacity: 0.7;
}

[notify-center] > .panel.ng-hide-add {
    opacity: 0;
}

[notify-center] > .panel .section .action {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(201, 201, 201, 1);

    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

[notify-center] > .panel .section .action i {
    float: left;
    margin: 1px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}

[notify-center] > .panel .aside {
    position: relative;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    height: 100%;
}

[notify-center] > .panel .aside > .helper {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    top: 50%;
    margin-top: -20px;
    text-align: center;
}

[notify-center] > .panel .aside > .helper i {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

[notify-center] > .panel .section h3 {
    position: relative;
    margin: 0;
    padding: 0 8px;
    height: 30px;
    line-height: 32px;
    background-color: rgba(34,34,34, 0.8);
    font-size: 13px;
}

[notify-center] > .panel .section h3 .appicon {
    float: left;
    margin: 7px 6px 0 0;
    width: 16px;
    height: 16px;
}

[notify-center] > .panel .section h3 .action {
    right: 15px;
    bottom: 5px;
}

[notify-center] > .panel .section h3:hover .action {
    opacity: 1;
}

[notify-center] > .panel .section h3 span {
    float: left;
}

[notify-center] > .panel .section ul {
    clear: both;
    margin: 0;
    padding: 0;
}

[notify-center] > .panel .section ul li {
    position: relative;
    list-style: none;
    padding: 8px 15px 8px 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.5);
    line-height: normal;
    outline: none;
}

[notify-center] > .panel .section ul li:active {
    background-color: #007aff;
}

[notify-center] > .panel .section ul li.more:active {
    background-color: transparent;
}

[notify-center] > .panel .section ul li:last-child {
    border-bottom: 0;
}

[notify-center] > .panel .section ul li .inner {
    padding-left: 30px;
}

[notify-center] > .panel .section ul li .from {}

[notify-center] > .panel .section ul li .from span {
    vertical-align: middle;
}

[notify-center] > .panel .section ul li .from .name {
    display: inline-block;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}

[notify-center] > .panel .section ul li .from .time {
    margin-left: 15px;
}

[notify-center] > .panel .section ul li .title {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}

[notify-center] > .panel .section ul li .title span {
    vertical-align: middle;
    cursor: pointer;
}

[notify-center] > .panel .section ul li .title .cloud-icon-ui-loading-gray {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

[notify-center] > .panel .section ul li .content {
    word-break: break-all;
    max-height: 28px;
    overflow: hidden;
    line-height: 1.2;
}

[notify-center] > .panel .section ul li .action {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(201, 201, 201, 1);
    
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

[notify-center] > .panel .section ul li:hover .action {
    opacity: 1;
}

[notify-center] > .panel .section ul li .action i {
    float: left;
    margin: 1px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}

[notify-center] > .page {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;

    -webkit-transition: 15s ease-in-out all;
    -moz-transition: 15s ease-in-out all;
    transition: 0.5s ease-in-out all;
}

[notify-center] > .page.ng-hide {
    left: 100%;
}

[notify-center] > .page.ng-hide-remove-active {
    left: 0;
}

[notify-center] > .page.ng-hide-add-active {
    left: 100%;
}

[notify-center] > .page a {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

[notify-center] > .page a i {
    display: inline-block;
    margin: 17px 15px 0 0;
}

[notify-center] > .page a i:before {
    font-size: 30px;
}

[notify-center] > .page iframe {
    display: block;
    position: absolute;
    left: 50px;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 50px);
    height: 100%;
    background: rgba(255, 255, 255, 0.9);

    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.credit-controller .table.table-hover {
    margin-bottom: 0px;
    text-align: center;
    color: #666;
}

.credit-controller .table.table-hover tr > td , .table.table-hover tr > th{
    text-align: center;
    line-height: 30px;
    width: 66px;
}

.globalSetting .childpage .credit-controller .block{
    margin-bottom: 0px;
}
.globalSetting .childpage .credit-controller .block {
    padding-left: 0px;
}

.credit-controller .addCredit, .credit-controller .creditEdit, .credit-controller .creditOpenOrClose{
    cursor: pointer;
}

.globalSetting .childpage .credit-controller .block.addCredit {
    color: rgb(52, 149, 255);
    padding-left: 20px;
}

.globalSetting .childpage .credit-controller .block label {
    margin-left: 20px;
}
.globalSetting .childpage .credit-controller .editdom .main {
    padding-bottom: 30px;
}

.credit-controller .inputbox.creditWarning {
    background-image: url('../img/wave_red.png');
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.credit-controller .inputbox .error {
    font-weight: bold;
    color: #F00;
    text-align: right;
    display: block;
    float: right!important;
    padding-left: 10px;
}



.globalSetting .childpage .credit-controller input {
    padding-left: 10px;
    float: left;
    width: 40%;
}