body {
    background: url(../../images/operationscenter/bg.png) center;
}
a {
    color: #333;
}
.wrapper { position:relative; width:1200px; margin: 0 auto;}

#header, #body { min-width:1200px; }
#header { position:relative; border-bottom:10px solid #a93333; box-shadow: 0 8px 8px rgba(0,0,0,.2); z-index:1;}
#header .wrapper { height:157px; background:url(../../images/operationscenter/head-pic.png) no-repeat right bottom;}
#header #top-nav { position:absolute; left:40px; top:22px;}
#header #top-nav li { display:inline-block; margin:0 10px; font-size:16px; vertical-align:bottom;}
#header #logo { position:absolute; left:60px; top:65px;}
#header #logo img { width:69px; height:69px; margin-right:10px; vertical-align:middle;}
#header #logo span { display:inline-block; height:69px; font-size:36px; font-family: "Microsoft YaHei"; font-weight:bold; color:#a93333; line-height:68px; vertical-align:middle;}

#body .content { padding:50px 270px 50px 50px; background:#fff;}
#body .content .time { margin-bottom:70px; font-size:18px; }
#body .content .time:before { display:inline-block; position:relative; top:-2px;  width:30px; height:32px; margin-right:5px; vertical-align:middle;  background:url(../../images/operationscenter/icon-time.png) no-repeat; content:"";}
#body .content h2 { position:relative; margin-bottom:40px; font-size:24px; font-weight:lighter; z-index:1;}
#body .content h2:after { position:absolute; top:50%; left:0; right:0; border-bottom:1px solid #d1d1d1; content:""; z-index:-1; }
#body .content h2 span { display:inline-block; padding-right:20px; background:#fff;}
#body .sidecatalogbg { position:absolute; top:80px; right:0; width:220px; padding:30px 0 50px 45px;}
#body .sidecatalogbg:before { position:absolute; top:0; bottom:0; left:29px; border-left:1px solid #eaeaea; content:"";}
#body .sidecatalogbg.fixed {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: 380px;

}
#body .catalog-list { position:relative;}
#body .catalog-list:before, #body .catalog-list:after { position:absolute; left:-23px; width:10px; height:10px; background:#fff; border: 2px solid #bfbfbf; border-radius: 100%; content:""; }
#body .catalog-list:before { top:-45px;}
#body .catalog-list:after { bottom:-65px;}
#body .catalog-list li { position:relative; margin:15px 0; font-size:16px; line-height:20px; cursor: pointer;}
#body .catalog-list li:before { position:absolute; left:-20px; top:5px; width:9px; height:9px; background:#bbbbbb; border-radius:100%; content:"";}
#body .catalog-list li.current:before { top:0; left:-35px; width:auto; height:20px; border-left: 24px solid #c93a3a;     box-shadow: -1px 2px 2px rgba(0,0,0,.2);  border-radius:2px 0 0 2px; }
#body .catalog-list li.current:after { position:absolute; left:-11px; border-width:10px; border-style:dashed dashed dashed solid; border-color: transparent transparent transparent #c93a3a; content:"";}
#body .catalog-list li span { display:inline-block; margin-right:7px; font-style:italic; text-align:right; }
.graph { position:relative; width:880px; height:420px; text-align:center;}
.graph .g2 { display:inline-block; position:relative; width:49%; height:420px;}
.graph .g3 { display:inline-block; position:relative; width:33%; height:420px;}
.graph h3 { position: absolute; top: -25px;  left: 0; font-size: 16px; font-weight: lighter; margin-bottom: 20px;}
.graph h3 span { margin-right:60px; }
.graph h3 b { font-size:18px; font-weight:bold; color:#a93333;}
.cover-list:before, .cover-list:after { display:table; content:""; clear:both;}
.cover-list dl { position:relative; float:left; width:33.33%; height:160px; margin-bottom:80px; padding: 0 15px 0 130px; }
.cover-list dt { margin:20px 0; font-size:18px; }
.cover-list dd { line-height:25px; }
.cover-list .pic { position:absolute; left:0; top:0; border: 1px solid #ddd; border-width: 3px 1px 1px 9px; border-left-color: #ccc; border-top-color: #eee;}
.cover-list .pic img { width:108px; height:150px;}
.ranking-list:before, .ranking-list:after { display:table; content:""; clear:both;}
.ranking-list h3 {
    position: static;
}

ranking-list a {
    cursor: default;
}
.ranking-list .r2 {
    float: left;
    width: 415px;
}
.ranking-list .r2 + .r2 { margin-left:50px; }
.ranking-list h3 { margin-bottom:30px; font-size:18px; font-weight:lighter; }
.ranking-list li { position:relative; height:43px; padding:0 15px 0 58px; font-size:16px; line-height: 43px; }
.ranking-list li:before { position:absolute; left:12px; top:7px; width:30px; height:30px; color:#fff; text-align:center; line-height:30px; background:#858585; border-radius: 100%; content:""}
.ranking-list li:nth-child(1):before { background:#ca2a25; content:"1"}
.ranking-list li:nth-child(2):before { background:#ca2a25; content:"2"}
.ranking-list li:nth-child(3):before { background:#ca2a25; content:"3"}
.ranking-list li:nth-child(4):before { content:"4"}
.ranking-list li:nth-child(5):before {  content:"5"}
.ranking-list li:nth-child(6):before {  content:"6"}
.ranking-list li:nth-child(7):before {  content:"7"}
.ranking-list li:nth-child(8):before {  content:"8"}
.ranking-list li:nth-child(9):before {  content:"9"}
.ranking-list li:nth-child(10):before {  content:"10"}
.ranking-list li:nth-child(even) { background:#eaeaea;}
.ranking-list li .count { position:absolute; right:30px;}

.ranking-list li .name {
    color: #006aad;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
}
.wrapper{ width: 1200px; margin: 0 auto; }
.wrapper p{ padding-top: 150px; line-height: 27px; color: #999; font-size: 14px; text-align: center;  }
.tagcloud { position: relative; margin-top:80px; }
.tagcloud a{ position: absolute;
    top: 0; left: 0;
    display: block;
    padding: 11px 30px;
    color: #333;
    font-size: 16px;
    border: 1px solid #e6e7e8;
    border-radius: 18px;
    background-color: #f2f4f8;
    text-decoration: none;
    white-space: nowrap;
    -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
    -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
    -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
    -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
    box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);
}
.tagcloud a:hover{ color: #3385cf; }

#footer {
    clear: both;
    background: #cccccc;
}
#footer .content {
    position: relative;
    padding: 13px 0;
}
#footer .content:before, #footer .content:after {
    display: table;
    content: "";
    clear: both;
}
#footer .content p {
    float: left;
    width: 50%;
    margin: 0;
    line-height: 25px;
}
.l-width {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

#footer {
    clear: both;
    background: #0a5b9e;
    /* margin-top: 20px; */
    /* border-top: 1px solid #0a7fec; */
}
#footer .l-width {
    height: 140px;
}
#footer .content {
    position: relative;
    height: 140px;
    font-size: 13px;
    padding: 24px 0;
    padding-left: 325px;
    color: #eaeaea;
}
#footer .content a{
    color: #fff;
}
#footer .content:before, #footer .content:after {
    display: table;
    content: "";
    clear: both;
}
#footer .content h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
}
#footer .content .c-col {
    float: left;
    width: 535px;
}
#footer .content .c-col + .c-col {
    float: right;
    width: 330px;
}
#footer .content .c-col + .c-col p {
    width: 100%;
}
#footer .content p {
    float: left;
    width: 50%;
    margin: 0;
    line-height: 36px;
}

.footer-code {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 10;
}
.footer-code a {
    display: inline-block;
    padding: 5px;
    text-align: center;
    /* background-color: #fff; */
}
.footer-code a + a {
    margin-left: 15px;
}
.footer-code a img {
    width: 65px;
    height: 65px;
}
.footer-code a span {
    display: block;
    font-size: 12px;
    color: #f1f1f1;
    line-height: 30px;
}
.footer-code a span + span {
    color: #fff;
}
.footer-code-show {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 320px;
    margin-top: -160px;
    margin-left: -160px;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    z-index: 99999;
}
.footer-code-show img {
    width: 300px;
    height: 300px;
}
.footer-code-show .close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url('../../images/site/fancybox_sprite.png');
}