@charset "UTF-8";
/* Base Reset */



.tools-panel { width: 315px;}
#announce-wrap{ margin-bottom:15px; }
#announce-wrap li.announce-item { float: left; height: 20px; position: relative;}
.announce-item a{color:#777;}
.announce-item a:hover{ color:#454545; text-decoration:none;}
.announce-item .layer-box { display: none;position:absolute; display:none; bottom: 20px;left: -200px;  z-index:1000000;}
.announce-item .layer-box .layer-inner {overflow:auto; width:250px; height:350px; background:#fff; border:3px solid #555;}
.announce-item-1 .layer-box .layer-inner { width: 477px;}
.announce-item-2 .layer-box {left: -280px;}
.announce-item-2 .layer-box .layer-inner { width: 477px; overflow: hidden;}
.announce-item-2 .layer-box .layer-inner .layer-body { height: 315px; overflow: auto; overflow-x: hidden; }
.announce-item-3 .layer-box { left: -380px;}
.announce-item-3 .layer-box .layer-inner { width: 477px;}
.announce-item-1 .layer-inner li,
.announce-item-3 .layer-inner li { border-bottom:1px dotted #ccc; }
.announce-item-1 .layer-inner li a { font-size: 13px; font-family: "Microsoft Yahei"; display: block; white-space: nowrap; padding-right: 6px; height: 45px; line-height: 45px; text-indent: 45px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.announce-item-1 .layer-inner li a:hover {-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff;}
.announce-item-1 .layer-inner .i1 a { background: url(img/app_lock_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i1 a:hover{ background:#333 url(img/app_lock_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i2 a { background: url(img/book_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i2 a:hover{ background:#333 url(img/book_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i3 a { background: url(img/app_globe_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i3 a:hover{ background:#333 url(img/app_globe_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i4 a { background: url(img/speaker_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i4 a:hover{ background:#333 url(img/speaker_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i5 a { background: url(img/credit_card_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i5 a:hover{ background:#333 url(img/credit_card_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i6 a { background: url(img/globe_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i6 a:hover{ background:#333 url(img/globe_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i7 a { background: url(img/money_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i7 a:hover{ background:#333 url(img/money_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i8 a { background: url(img/document_empty_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i8 a:hover{ background:#333 url(img/document_empty_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i9 a { background: url(img/man_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i9 a:hover{ background:#333 url(img/man_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i10 a { background: url(img/frame_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i10 a:hover{ background:#333 url(img/frame_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i11 a { background: url(img/folder_bookmark_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i11 a:hover{ background:#333 url(img/folder_bookmark_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i12 a { background: url(img/app_globe_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i12 a:hover{ background:#333 url(img/app_globe_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i13 a { background: url(img/calendar_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i13 a:hover{ background:#333 url(img/calendar_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i14 a { background: url(img/disk_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i14 a:hover{ background:#333 url(img/disk_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i15 a { background: url(img/app_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i15 a:hover{ background:#333 url(img/app_24_.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i16 a { background: url(img/disk_24.png) no-repeat 12px 50%;}
.announce-item-1 .layer-inner .i16 a:hover{ background:#333 url(img/disk_24_.png) no-repeat 12px 50%;}


.announce-item-3 .layer-inner li a { display: block; white-space: nowrap; padding-right: 6px; color:#777; background:url(img/icons.png) no-repeat -30px -24px; height: 25px; overflow: hidden; text-overflow:ellipsis; line-height:25px;  text-indent:25px;}
.announce-item-3 .layer-inner li a:hover { background-color: #f5f5f5; color: #454545;}
.announce-item a.announce { display:block; width: 75px !important;_width:104px; line-height: 18px; height: 18px; display:block; text-indent: 11px; font-size: 12px;font-family:'Microsoft Yahei'; font-weight:normal; color:#b0b6cd; margin-right:0px; background:url(images/link_bg_72.jpg) no-repeat left; padding-left:20px;}
.announce-item-2 a.announce{width: 100px;}
.announce-item-3 a.announce{ width: 100px;}
.announce-item-1 a.announce{}
.announce-item a.announce:hover,
.announce-item a.wrap-open { color: #fff;}
/**notice tab-layer**/

#tabs-layer .layer-head { height: 35px; line-height: 35px; background: #555; color: #ccc;}
#tabs-layer .layer-head a { font-weight: bold; display: inline-block;padding: 0px 63px; float: left; color: #ccc; height: 35px;font-size: 13px;line-height: 35px;}
#tabs-layer .layer-head a.tab-name:hover,#tabs-layer .layer-head a.selected { color: #555; background: #fff;}
#tabs-layer .layer-head a.more-notices:hover {  color: #fff; text-decoration: underline;}
#tabs-layer .layer-head .read-config { float: right; cursor: pointer; padding-right: 10px; height: 35px; line-height: 35px; padding-left: 16px; background: url(img/check.png) no-repeat 0 11px; }
#tabs-layer-i .layer-head .read-config-true { background-position: 0 -21px;}
#tabs-layer-i .layer-body .notices {}
#tabs-layer-i .layer-head { height: 35px; line-height: 35px; background: #555; color: #ccc;}
#tabs-layer-i .layer-head a { font-weight: bold; display: inline-block;padding: 0px 59px; float: left; color: #ccc; height: 35px;font-size: 13px;line-height: 35px;}
#tabs-layer-i .layer-head a.tab-name:hover,#tabs-layer-i .layer-head a.selected { color: #555; background: #fff;}
#tabs-layer-i .layer-head a.more-notices:hover {  color: #fff; text-decoration: underline;}
#tabs-layer-i .layer-head .read-config { float: right; cursor: pointer; padding-right: 10px; height: 35px; line-height: 35px; padding-left: 16px; background: url(img/check.png) no-repeat 0 11px; }
#tabs-layer-i .layer-head .read-config-true { background-position: 0 -21px;}
#tabs-layer-i .layer-body .notices {}
.notices a{background:url(img/document.png) no-repeat 8px 5px; vertical-align: top; line-height:25px;border-bottom:1px dotted #ccc; display:block;list-style-type:none;display:block;padding-left:0px; padding-right:6px;  overflow:hidden; text-overflow:ellipsis; -webkit-transition:color .3s linear,background-color .3s linear;transition:color .3s linear,background-color .3s linear;}
.notices a:hover{ background-color:#f5f5f5; text-decoration:none; color:#454545;-webkit-transition:color .3s linear,background-color .3s linear;transition:color .3s linear,background-color .3s linear;}
.notices a { _zoom:1}
#weibo-wrap a{display:inline-block; float:left; margin-left:15px; width:37px; height:36px; text-indent:-9999px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#weibo-wrap a:hover{-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#appstore{ background:url(img/socialicons.png) no-repeat 0 -36px; }
#appstore:hover{background:url(img/socialicons.png) no-repeat 0 0;}
#rss{ background:url(img/socialicons.png) no-repeat -50px -36px; }
#rss:hover{background:url(img/socialicons.png) no-repeat -50px 0;}
#weibo{ background:url(img/socialicons.png) no-repeat -100px -36px; margin-left:9px;}
#weibo:hover{background:url(img/socialicons.png) no-repeat -100px 0;}
#youku{ background:url(img/socialicons.png) no-repeat -150px -36px; }
#youku:hover{background:url(img/socialicons.png) no-repeat -150px 0;}
#weixin{ background:url(img/socialicons.png) no-repeat -300px -36px; }
#weixin:hover{background:url(img/socialicons.png) no-repeat -300px 0;}
#android{ background:url(img/socialicons.png) no-repeat -200px -36px; }
#android:hover{background:url(img/socialicons.png) no-repeat -200px 0;}
#toolbar{ background:url(img/socialicons.png) no-repeat -250px -36px; }
#toolbar:hover{background:url(img/socialicons.png) no-repeat -250px 0;}