/* CSS Document */
/*banner等样式*/
body {
    font-family: "microsoft yahei", "PingFangSC-Regular", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.75em;
    line-height: 1.42857143;
    position: relative;
    background-color: #f4f4f4;
    color: #2d2d2d;

}
html {
    height: 100%;
    font-family: "microsoft yahei", arial;
}
* {
    margin: 0;
    padding: 0
}
h1, h2 {
    margin: 0;
    padding: 0;
}
.tu {
    background: #0000cc
}
div {
    box-sizing: border-box;
}
ul, li {
    list-style: none;
}
.cbodybg {
    background: #DAE1E0;
}
.fixclear {
    clear:both;
}
/*@media screen and (max-height: 700px)
{
    .dropdown
    {
        display: none;
    }
}*/

#header {
    position:fixed;
    top:0;
    left:0;
    right: 0;
    /*width:100%;
    min-width:1515px;*/
    height:60px;
    background:#fff;
    box-shadow: 0 1px 12px 0 rgba(28,43,45,0.4);
    z-index:9999;
    font-size:14px;
}
/*.header-nav > div {
	margin:0 auto;
	box-sizing:border-box;
	width:100%;
	min-width:1500px;
	width:1200px;
	height:80px;
}*/
#headerlogo {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    left: 16px;
    position: absolute;
    top:0;
    width: 210px;
    height:60px;
    /*margin-right:30px;
    padding-left:30px;
    box-sizing:border-box;
    float:left;
    height:80px;*/
}
#headerlogo a {
    display:block;
    height:60px;
    width:200px;
    background:url( ../../mjimages/logomj-01.png) no-repeat center;
}
.menu {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding-right: 26px;
    padding-left:26px;
    list-style: none;
    position: absolute;
    left: 220px;
    /*list-style: none;
    margin: 0 auto;
    padding-right: 20px;
    width: auto;
    min-width: 1200px;*/
}
.menu li {
    display:inline;
    height:60px;
    -ms-flex:1 1 3;
}
.header-nav-1 {
    float:left;
}
.header-nav-2 {
    margin-right:10px;
}
.header-nav-1 a {
    display:block;
    padding:0 15px;
    width:auto;
    height:60px;
    line-height:60px;
    text-decoration:none;
    font-weight:bold;
    color:#666666;
}
.header-nav-1 a:hover {
    border-bottom:2px solid #0451a3;
}
.header-nav-2 select {
    margin-top:25px;
    /*margin-left:70px;*/
    height:30px;
    border-radius:4px;
    border:0;
    background:#5475aa;
    color:#0451A3;
    /* appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;*/
}

#home .menu .home a, #solution .menu .solution a, #report .menu .report a, #resource .menu .resource a, #aboutus .menu .aboutus a, #joinus .menu .joinus a{
    border-bottom:2px solid #0451a3;
    /*background:#192842;*/
    font-weight:bold;
    color:#0451a3;/*--当前页导航显示高亮--*/
}
#home .CE a, #aboutus .CE a, #applyfor .CE a, #applyfor-suc .CE a, #banner .CE a, #joinus .CE a, #solution .CE a, #report .CE a, #resource .CE a, #searchlist .CE a{
    font-weight:bold;
    color: #0451a3;
}
.menu2 {
    height: 60px;
    position: absolute;
    right: 15px;
    top: 0;
    list-style:none;
}
#header_search, .header-nav-2 {
    float:right;
}
#header_search {
    /*width:16%;*/
}
#header_search {
    margin-right:15px;
    padding-top:15px;
}
#header_search > div {
    width:300px;
    height:30px;
}
.searchtext, .searchbutton {
    float:left;
    height:30px;
    border:none;
    background:#dcdde3;
}
.searchtext {
    padding-left:5px;
    width:85%;
    /*width:180px;*/
    border-right:1px solid #fff;
    box-sizing:border-box;
    border-radius:4px 0 0 4px;
}
.searchbutton {
    display:block;
    width:15%;
    border-radius:0 4px 4px 0;
    color:#1a284d;
    cursor:pointer;
    line-height: 30px;
    text-align: center;
}
#langwapper {
    float:right;
    margin-right:10px;
    margin-top:15px;
    height:30px;
    color:#c1d9ff;
}
.lang {
    float:right;
}
.lang a {
    display:block;
    width:24px;
    height:30px;
    line-height:30px;
    color:#666;
    text-decoration:none;
    text-align:center;
}
.langlinkbg1 {
    border-radius:4px 0 0 4px;
}
.langlinkbg2 {
    border-radius:0 4px 4px 0;
}
.gap {
    float:right;
    width:5px;
    height:30px;
    line-height:30px;
}
.searchtext {
    padding-left: 5px;
    width: 85%;
    /* width: 180px; */
    border-right: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
}
.searchtext, .searchbutton {
    float: left;
    height: 30px;
    border: none;
    background: #dcdde3;
}
#c_logo a {
    display: block;
    height: 65px;
    width: 200px;
    margin-left: 50px;
    margin-top: 5px;
    background: url(../../mjimages/logomj-01.png) no-repeat;
    background-size: auto;
}
#main_title {
    position: fixed;
    top:50px;
    width:100%;
    height:140px;
    z-index: -99;
    /*background:#e1e4e8;*/
    background:#8F9EA3 url( ../../mjimages/mjcasebase/bg_4_1.png) no-repeat center;
}
#main_title h1 {
    float:left;
    font-size:30px;
    line-height:40px;
    color:#fff;
}
.c-main {
    height: 1960px;
	width: 1000px;
    margin: 15px auto 30px auto;

}
/*楼梯样式*/
#main_left {
    position: fixed;
    top:175px;
    /*float:left;*/
    background: #fff;
    /*position: fixed;*/
    width: 250px;
    height:415px;
    padding-top: 8px;
    margin-left: -130px;
    margin-top:-57px;
}
.left-title {
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 22px;
    border-left: 8px solid #378FBA;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #666;
    line-height: 21px;
}
div.floatCtro {
    width: auto;
    height: auto;
    /*	margin-top: -80px;*/
    margin-left:4px;
    background: #0000cc
}
div.floatCtro p {
    float:left;
    width: 60px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    margin-top: 10px;
    margin-right:10px;
    padding-top: -15px;
    cursor: pointer;
    background: #fff;
    border-radius: 2px;
    color: #000011;
    font-weight:normal;
    border:1px solid rgba(55,143,186,0.4);
}
div.floatCtro a {
    display: inline-block;
    display: none;
    width: 60px;
    height: 60px;
    margin: 10px 0 0 0;
    background: #fff;
    color: #000;
    vertical-align: middle;
    cursor: pointer;
}
div.floatCtro a span {
    display: block;
    width: 28px;
    height: 44px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    margin: 8px 16px;
    _margin: -10px 0 0 16px;
}
div.floatCtro a:hover {
    background: #000;
    color: #fff;
    zoom: 1;
}
div.floatCtro p:hover {
    background:rgba(55,143,186,0.16);
    border:1px solid #378FBA;
    color: #378FBA;
}
div.floatCtro p.cur {
    background: #c40000;
    color: #fff;
}

/*下半部分*/



/*.half{height: 330px;width: 1492px;margin-top: 5px;margin-left: 78px;border:*/
/*1px solid rgba(224, 224, 224, 0.69)}*/

.ge {
    background: #D7D9D9;
    width:100%;
    height: 36px;
    margin-top: -10px;
    text-align:left;
}
.ge p {
    font-size: 16px;
    margin-bottom: -10px;
    font-weight: bold;
    position: absolute;
    line-height: 36px;
}
/*案例图*/
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.scroll-outer {
    height: 365px;
}
#scroll {
    width:970px;
    font-family: "Microsoft Yahei";
}
#scroll .owl-wrapper-outer {
    margin: 0 auto;
    background: white;
    height: 365px
}
#scroll .item {
    position: relative;
    width: 260px;
    height: 340px;
    margin: 15px auto;
;
    overflow: hidden;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 1px;
    background: white;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
#scroll .item:hover img {
    -webkit-transform: scale(1.1);
    -webkit-box-shadow: 0px 0px 20px #b6b5b5;
    -moz-transform: scale(0.8);
    -moz-box-shadow: 0px 0px 20px #f8fffd;
    -o-transform: scale(0.8);
    -o-box-shadow: 0px 0px 20px #f8fffd;
}
#scroll .item img {
    padding-left: 5px;
    padding-right:5px;
    padding-top: 5px;
    width: 250px;
    height: 140px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#scroll .shd {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 2px #ccc
}
#scroll .shd a {
    display: block;
    width: 250px;
    height: 239px;
    *background-image:url(about:blank);
    background-image: url(about:blank)\0;
}
#scroll .txt {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 226px;
    height: 100px;
;
}
#scroll h3 {
    width: 226px;
    height: 30px;
    padding-top: 10px;
    padding-left: 10px
}
#scroll h3 a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
}
#scroll h3 a:hover {
    color: #338de6;
}
#scroll p {
    width: 215px;
    height: 70px;
    line-height: 21px;
    font-size: 14px;
    margin-left: 10px
}
#scroll .item-btn {
    position: absolute;
    font-size: 16px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    left: 50%;
    transform: translateX(-50%);
}
#scroll .item-btn-a {
    background-color: #17b5ff;
    color: #fff;
    display: block;
    margin-top: 100px;
    border-radius: 3px;
}
#scroll .item:hover .item-btn-a {
    background-color: #1668ff;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1.1);
    -webkit-box-shadow: 0px 0px 20px #ccc;
    -moz-transform: scale(0.8);
    -moz-box-shadow: 0px 0px 20px #ccc;
    -o-transform: scale(0.8);
    -o-box-shadow: 0px 0px 20px #ccc;
}
#scroll .item:hover .shd {
    background-color: rgba(0, 0, 0, 0);
}
#scroll .item:hover .txt {
    background-color: #fff\9;
    background-color: rgba(248, 249, 249, 0.95);
    box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95);
}
.icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 2px;
    font-size: 18px;
}
.icon + .icon {
    padding-left: 10px;
}
@font-face {
    font-family: 'iconfont';  /* project id 582968 */
    src: url('//at.alicdn.com/t/font_582968_69a8275b9zv.eot');
    src: url('//at.alicdn.com/t/font_582968_69a8275b9zv.eot?#iefix') format('embedded-opentype'),  url('//at.alicdn.com/t/font_582968_69a8275b9zv.woff2') format('woff2'),  url('//at.alicdn.com/t/font_582968_69a8275b9zv.woff') format('woff'),  url('//at.alicdn.com/t/font_582968_69a8275b9zv.ttf') format('truetype'),  url('//at.alicdn.com/t/font_582968_69a8275b9zv.svg#iconfont') format('svg');
}
.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;
}
/*以上是案例事件图标部分*/

.card__footer {
    width: 245px;
    height: 18px;
    padding-bottom: 3px;
    padding-top: 15px;
    font-size: 13px;
    color: #555b54;
    margin-left: 8px;
}
.card__footer span img {
    width: 5px;
    height: 5px;
}
.icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 2px;
    font-size: 18px;
}
.icon + .icon {
    padding-left: 10px;
}

.txt ul{
    margin-left: 5px;
    margin-top: -10px;
    padding-bottom: 15px;
    width: 110%;
}
.txt ul>li{
    float: left;
    left: 5px;

}

.txt ul>li:nth-child(1){
    background-color: #ff5728;
    color: white;
    font-family: "microsoft yahei", "PingFangSC-Regular", Arial, sans-serif;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    border-radius: 3px;
    padding: 0 5px;
}
.txt ul>li:nth-child(2){
    background-color: #746d66;
    color: white;
    font-family: "microsoft yahei", "PingFangSC-Regular", Arial, sans-serif;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    margin-left: 10px;
    padding: 0 5px;
    border-radius: 3px;
}
.txt ul>li:nth-child(3){
    background-color: #3c8ab1;
    color: white;
    font-family: "microsoft yahei", "PingFangSC-Regular", Arial, sans-serif;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    margin-left: 10px;
    padding: 0 5px;
    border-radius: 3px;
}
.txt ul>li:nth-child(4){
    background-color: #ffb652;
    color: white;
    font-family: "microsoft yahei", "PingFangSC-Regular", Arial, sans-serif;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    margin-left: 10px;
    padding: 0 5px;
    border-radius: 3px;
}

/*日期*/
.demo-input {
    margin-left: 10px;
    margin-top: 195px;
    position: absolute;
}
.anliku {
    margin-left: 300px;
    margin-top: -55px;
    font-weight: bold;
    font-size: 20px;
}
.babar {
    float:left;
    width: 1000px;
    height: auto;
   	margin-left:130.35px;
    margin-top:103.5px;
    padding:15px;
    box-sizing:border-box;
    background:#fff;
}
/*气泡图*/
.qipao {
    width: 100%;
    z-index: 999
}
#container {
    padding:10px;
    box-sizing:border-box;
    width: 100%;
    height: 360px;
    background: #ffffff;
    border: 1px solid #D7D9D9;
    border-top:none;
}
.bt {
    background: #D7D9D9;
    width: 100%;
    height: 36px;
    border: 1px solid #D7D9D9;
}
.bt p {
    font-size: 16px;
    font-weight:bold;
    line-height: 36px
}
.tubiao {
    background: url("../../mjimages/mjcasebase/pic1.gif")
}
.bat {
    background: #ECECEC;
    width: 100%;
    border: 1px solid rgba(224, 224, 224, 0.69)
}
.tubiaoo {
    background: url("../../mjimages/mjcasebase/xia.png");
    padding-left: -30px
}


/*搜索*/
.sousuo {
    margin-top:100px;
    height: 100px;
}
.dropdown {
    /*padding-top: 16px;*/
    padding-left: 25px;
    /*padding-bottom: 25px;*/
    box-sizing: border-box;
    width: 250px;
    height: 115px;
    background:#bac5ca;
    /*border-top:20px solid #f4f4f4;
    border-bottom:20px solid #f4f4f4;*/
}
.dropdown-selected {
    float:left;
    width: 200px!important;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    -webkit-border-radius:  2px;
    -moz-border-radius:  2px;
    border-radius: 2px;
    color: #333;
    text-indent: 10px;
    margin-bottom: 0!important;
    font-size: 15px
}
#s_botton {
    display:block;
    float:left;
    margin-top:10px;
    padding-top:4px;
    box-sizing:border-box;
    text-align:center;
    width:200px;
    height:30px;
    background:#378FBA;
    border:1px solid #378FBA;
    border-radius:2px;
}
.dropdown ul {
    padding: 0;
    width:200px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    margin-top: 36px;
    border: 1px solid #c6c8cc;
    position: absolute;
    display: none;
    z-index: 2;
}
.dropdown ul li {
    list-style: none;
    text-indent: 10px;
}
.dropdown ul li a {
    display: block;
    color: #282c33;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}
.dropdown ul li:hover {
    background-color: #f2f6fa;
}
.dropdown ul li a:active, .dropdown ul li.active a {
    background-color: #e4e9f2;
}
/*以上为搜索框css*/



.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    padding-top: -10px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/* preloading images */



.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */


/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
/*以上为案例报告*/


table {
    width: 100%;
    border-spacing: 0;
    border: 0;
}
a {
    color: #666;
}
a:hover {
    text-decoration: underline;
}
.rili:hover>#date_list {
    display: block !important;
}
.bang-top-menu {
    /*border: 1px solid #e3e3e3;*/
    border-top: none;
    width: 210px;
    margin-top: 260px;
    color: #ecf0ff;
    height: 36px;
}
.bang-top-menu .switch-menu {
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 22px;
    border-left: 8px solid #378FBA;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #666;
    line-height: 20px;
}
.bang-top-menu .top-left {
    font-size: 16px;
    color: #555;
    float: left;
}
.border-none {
    background: #f5f5f5!important
}
.bang-top-menu .top-left div.left {
    position: relative;
    display: inline-block;
    border-top: 3px solid #f5f5f5;
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer
}
.bang-top-menu .top-left div.selected {
    border-top: 3px solid #ffa333;
    color: #000;
    background: #fff;
    height: 25px!important
}
.bang-top-menu .top-right {
    float: right
}
.bang-top-menu .top-right a {
    display: inline-block;
    height: 25px;
    line-height: 23px;
    text-align: center;
    margin-top: 11px;
    font-size: 16px;
    color: #555;
    margin-right: 30px
}
.bang-top-menu .top-right a:hover {
    color: #e01b2b
}
.wx-type-list {
    margin: 30px 0
}
.tiktok-left, .wx-type-list .wx-left {
    float: left;
    height: 47px;
    width: 250px;
    margin-top: -20px;
}
.tiktok-left span, .wx-type-list .wx-left span {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 2px;
    background:#fff;
    color:#333;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    margin-left: 25px;
    cursor: pointer;
    border:1px solid rgba(55,143,186,0.4);
}
.tiktok-left span:hover, .wx-type-list .wx-left span:hover {
    background:rgba(55,143,186,0.16);
    border:1px solid #378FBA;
    color: #378FBA;
}
.tiktok-left span.tiktok-selected, .wx-type-list .wx-left span.wx-selected {
    border-color: #378FBA;
    background: #378FBA;
    color: #fff
}
.wx-type-list .wx-right-type {
    line-height: 28px
}
ul.lately_new {
    font-size: 14px;
    width: 198px!important;
    position: absolute;
    z-index: 1004;
    background-color: #fff!important;
    text-align: center;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin: 0 0 0 25px
}
ul.lately {
    width: 124px;
    z-index: 999;
    background-color: #f8f8f8;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    text-align: center
}
.today:hover {
    display: block;
    width: 300px;
}
ul.lately li {
    border-bottom: 1px solid #e0e0e0;
    line-height: 30px
}
ul.lately li a {
    display: block
}
ul.lately li a:link, ul.lately li a:visited {
    color: #9e9e9e
}
ul.lately li a:hover {
    color: #378FBA;
    background: #f8f8f8
}
.l_date .today_new {
    width: 200px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #378FBA;
    margin-top: -35px;
    margin-left: 25px;
    text-align: center
}
.l_date {
    width: 250px;
    height: 27px;
    position: absolute;
    line-height: 48px;
    z-index: 100;
    margin-top: 80px;
}
.l_date .l_date_sample {
    color: #9e9e9e;
    margin-left: 5px
}
.l_date .l_date_sample i {
    font-style: normal
}
.ldate_con span.date_current {
    font-size: 14px;
    color: #378FBA;
    display: inline-block;
    background: url(../../mjimages/mjcasebase/l_arrow.png) no-repeat 33px 33px;
    margin-left: 3px
}
/*以上为日期筛选样式*/

.phbd>.top-heading {
    color: #333;
    background-color: #FAFAFA;
    border-color: #F2F2F2;
}
.w100 {
    width: 100px !important;
}
.w150 {
    width: 150px !important;
}
.w200 {
    width: 200px !important;
}
.w300 {
    width: 300px !important;
}
/*网格布局 span*/
.row-fluid:after {
    content: "";
    clear: both;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.row5 {
    margin-right: -5px;
    margin-left: -5px;
}
.row5 [class^="col-"], .row5 [class*=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.row15 {
    margin-right: -15px;
    margin-left: -15px;
}
.row15 [class^="col-"], .row15 [class*=" col-"] {
    padding-right: 15px;
    padding-left: 15px;
}
.row25 {
    margin-right: -25px;
    margin-left: -25px;
}
.row25 [class^="col-"], .row25 [class*=" col-"] {
    padding-right: 25px;
    padding-left: 25px;
}
.row:before, .row:after {
    display: table;
    content: " ";
}
/*布局*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-12 {
    width: 100%;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 1.127659574468085%;
    *margin-left: 1.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 1.127659574468085%;
}
.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}
.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
}
.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
}
.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
}
.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
}
.row-fluid .span7 {
    width: 58.44680851063829%;
    *width: 58.39361702127659%;
}
.row-fluid .span6 {
    width: 49.43617021276595%;
    *width: 49.43617021276595%;
}
.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
}
.row-fluid .span4 {
    width: 32.575893617021278%;
    *width: 32.575893617021278%;
}
.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
}
.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
}
.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
}
.row-fluid {
    margin-bottom: 10px;
    display: block;
    position: relative;
}
.row-fluid header {
    padding: 12px;
    margin: 0px;
    height: 20px;
}
.row-fluid header {
    position: relative;
}
.row-fluid>.page-content {
    margin-left: 170px;
    margin-right: 0;
    min-height: 760px;
}
.content .row-fluid > .tit, .content > .tit {
    line-height: 42px;
    height: 42px;
    font-size: 20px;
    text-align: left;
    border-bottom: solid 1px #e8eddd;
}
.content .row-fluid > .tit h1, .content > .tit h1 {
    display: block;
    height: 41px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    color: #565656;
    border-bottom: solid 2px #ff8500;
    font-weight: 600;
}
.content .row-fluid > .tit3 h1 {
    border: 0;
}
.content .row-fluid > .tit2 {
    line-height: 35px;
    height: 35px;
    font-size: 16px;
}
.content .row-fluid > .tit2 h2 {
    display: block;
    height: 35px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    color: #565656;
    font-weight: 600;
}
.content2 .row-fluid > .tit {
    border-bottom: 0;
    background-color: #f5f5f5;
    border-bottom: solid 1px #DBDBDB;
    padding-right: 15px;
    padding-left: 15px;
}
.content2 .row-fluid > .tit h1 {
    border-bottom: 0;
    padding-right: 0px;
    padding-left: 0px;
}
.tit .actions {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 6px;
    float: right;
}
.tit .actions .button {
    font-size: 12px;
    display: inline-block;
}
.tit .small, .title .small {
    font-size: 13px;
    color: #888;
}
.wrapCon {
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
/*面板*/
.top {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #D7D9D9;
}
.top-border .top-heading {
    border-bottom: solid 1px #F2F2F2
}
.top-heading {
    padding: 10px 25px;
    border-bottom: 1px solid transparent;
    border-radius: 1px;
    position: relative;
}
.top-sm {
    margin-bottom: 10px;
}
.top-sm .top-heading {
    padding: 4px 15px;
}
.top-sm .top-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
}
.top-title {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
}
.top-heading-two .top-title {
    font-size: 20px;
    margin-top: 10px;
    position: relative;
}
.top-heading-two .top-title:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background-color: #3fad7e;
    top: 0;
    left: -25px
}
.top-actions {
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 1;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.top-heading-two .top-actions {
    right: 0;
}
.top-body {
    padding: 15px 30px;
    position: relative;
}
.top-footer {
    padding: 10px 15px;
    background-color: #FAFAFA;
    border-top: 1px solid #F2F2F2;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.top-footer-padd {
    padding: 10px 25px;
}
.phbd>.top-heading {
    color: #333;
    background-color: #FAFAFA;
    border-color: #F2F2F2;
}
.top-footer.default {
    background-color: #fff;
}
.top-heading-padd {
    padding: 0 25px;
}
.top-heading-padd .top-heading {
    border-color: #F2F2F2;
    padding: 15px 0;
}
.top-heading-padd10 {
    padding: 0 10px;
}
.top-heading .tools {
    display: block;
    padding: 0;
    margin: 0;
    float: right;
}
.top-heading .tools > a {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}
.top-heading .tools >a.restore {
    display: none;
}
.top-top-border {
    border-top: solid 6px #333;
}
.top-top-border .top-heading {
    background-color: #e6e9ee;
}
.top-top-border.army_green {
    border-top-color: #3fad7e;
}
.top-top-border.orange {
    border-top-color: #f18d00;
}
.top-top-border.cobalt_blue {
    border-top-color: #5573b6;
}
.top-top-border.dark_grey {
    border-top-color: #6f7786;
}
.top-top-border.blue {
    border-top-color: #0086ce;
}
.top-top-border.brown {
    border-top-color: #b67e48;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}
.tools_cir a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
    font-size: 20px;
    background-color: #0086ce;
    border-radius: 50%;
    color: #fff;
}
.tools_cir a>i {
    line-height: 40px;
    vertical-align: initial;
}
.tools_cir a:hover {
    background-color: #1faefb;
}
.tools_cir.dark_greyHoverYellow a {
    background-color: #6f7786 !important;
}
.tools_cir.dark_greyHoverYellow a:hover {
    background-color: #feaf53 !important;
}
/*breadcrumb*/
.breadcrumb {
    padding: 8px 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 3px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>li a {
    text-decoration: none;
}
.breadcrumb>li a:hover {
    color: #f18d00;
}
.breadcrumb>.active {
    color: #757575;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #3949ab;
    content: "/\00a0";
}
.breadcrumb li+li:before {
    padding: 0 5px;
}
/*翻页样式*/
.pagination {
    display: inline-block;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li > a, .pagination > li > span {
    color: #333;
    background-color: #d8d9db;
    border: 1px solid #ddd;
    float: left;
    line-height: 1.42857;
    margin-left: 10px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;font-size:14px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #378FBA;
    color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #3b4c54;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #fff;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed;
}
.pagination-lg > li > a, .pagination-lg > li > span {
    font-size: 18px;
    padding: 10px 16px;
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px;
    padding: 5px 10px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.xx_table tr:hover .tit {
    color: #ff8500;
}
.xx_table tr .tit a:hover {
    color: #ff8500;
}
.xx_table tr:hover .zhaiyao {
    color: #333;
}
.table2 th, .table2 td {
    padding: 4px;
}
.division {
    background-color: #e3e1e1;
    height: 5px;
    padding: 0 !important;
}
.xx_table .r_tool {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
}
.r_tool.r_tool2.r1 {
    right: 130px;
}
.r_tool.r_tool2.r2 {
    right: 550px;
}
.r_tool.r_tool2.r3 {
    right: -9px;
}
.r_tool.r_tool2.r4 {
    right: 525px;
}
.xx_table .r_tool2 {
    bottom: -65px;
    top: auto;
    right: -42px;
}
.xx_table .r_tool3 {
    bottom: -65px;
    top: auto;
    right: 82px;
}
.xx_table .close {
    width: 20px;
    height: 20px;
    line-height: 18px;
    display: block;
    background-color: #e9e9e9;
    border-radius: 3px;
    float: right;
    margin-bottom: 5px;
    padding: 0;
    background-image: none;
}
.xx_table .r_tool .choice {
    display: none;
    width: 150px;
    background-color: rgba(255,255,255,1);
    padding: 5px;
    height: 60px;
    border-radius: 3px;
    clear: both;
    position: relative;
    text-align: center;
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px 1px rgba(153, 153, 153, 0.5);
}
.xx_table .r_tool .choice:after {
    content: "";
    position: absolute;
    top: -13px;
    right: 5px;
    width: 13px;
    height: 13px;
    background-image: url(../images/navArrow-up.png);
}
.xx_table .r_tool2 .choice:after, .xx_table .r_tool3 .choice:after {
    right: 45%;
}
.xx_table .r_tool .choice li {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    width: 45%;
    margin-left: 3%;
    background-color: rgba(255,255,255,0.4);
}
.xx_table .r_tool .choice li:first-child {
    width: 100%;
    cursor: initial;
    margin-left: 0;
    background: transparent;
}
.xx_table .r_tool .choice li:first-child:hover {
    background: transparent;
}
.xx_table .r_tool .choice li:hover {
    background-color: rgba(0,0,0,0.05);
}
.xx_table .close:hover {
    background-color: #ff5400;
    color: #fff;
    text-decoration: none;
}
.xx_table em {
    display: inline-block;
    padding: 0 5px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    margin-right: 4px;
    border-radius: 30px;
}
.xx_table em.mg {
    background-color: #fff;
    color: #ff0000;
    border: solid 1px #ff0000;
}
.xx_table em.fm {
    background-color: #fff;
    color: #298ad5;
    border: solid 1px #298ad5;
}
.xx_table .weibo_con {
    max-height: initial;
    height: auto;
    overflow: initial;
}
.xx_table .weibo_con i {
    position: absolute;
    top: 65px;
    width: 60px;
    display: block;
    text-align: center;
    font-style: normal;
    background-color: #f5f5f5;
}
.xx_table .zhaiyao .tx {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    margin-top: 2px;
    border-radius: 50%;
}
.xx_table .zhaiyao .tx2 {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    margin-top: 2px;
    border-radius: 50%;
}
.xx_table .zhaiyao span:first-child {
    width: 30px;
    height: 30px;
}
.xx_table .weibo_con span:first-child {
    width: 60px;
    height: 85px;
    float: left;
    overflow: hidden;
    display: block;
}
/*.xx_table .zhaiyao span:last-child{ display: block; margin-left: 70px; }
.xx_table .weibo_con span:last-child{ display: block; margin-left: 70px; }*/
.xx_table .zfCon {
    text-align: left;
    padding: 10px;
    margin: 0px -10px;
    padding-left: 60px;
    background-color: #f6f6f6;
    display: block;
    position: relative;
}
.xx_table tr .zfCon .tit {
    margin-left: 0;
    font-size: 14px;
    margin-bottom: 5px;
}
.table {
    z-index: 2;
}
.table a {/*color: #e66100;*/
    text-decoration: none;
}
.table a:hover {
    text-decoration: underline;
}
.table1 {
    margin-left: 10px;
    width: 100%;
}
.table2 {
    margin-left: 0px;
    width: 100%;
}
.table th {
    font-size: 14px;
    font-weight: 600;
    color: #595959;
    line-height: 25px;
    height: 25px;
    border-bottom: solid 1px #888;
    text-align: center;
}
.table2 th {
    background-color: #f2f4f8;
    border-bottom: solid 1px #EAEAEA;
    border-top: solid 1px #EAEAEA;
}
.table td {
    font-size: 13px;
    color: #595959;
    line-height: 20px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: solid 1px #e7e7e7;
    text-align: center;
    height:30px;
}
.table3 th {
    padding: 10px 0;
}
.table3 td {
    font-size: 14px;
    color: #595959;
    line-height: 25px;
    padding: 10px 0;
    border-bottom: solid 1px #eaeaea;
    text-align: center;
    word-break: break-all;
}
.table TBODY tr:hover, .table_hover TBODY tr:hover {
    background-color: #f7f7f7;
}
.table4 {
    margin: 0;
}
.table4 td, .table4 th {
    border: solid 1px #e7e7e7;
}
.table4 tr:nth-child(even), .table_alt_c tr:nth-child(even) {
    background-color: #F9F9F9;
}
.tablePading10 th, .tablePading10 td {
    padding: 10px;
}
.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
    background-color: #f2f4f8;
}
.table-th-lg th {
    padding: 5px 0
}
.table-align-l th, .table-align-l td {
    text-align: left;
    padding: 10px 20px;
}
.table-border {
    border: solid 1px #dedede;
}
.table-in-noborder {
    padding: 5px;
}
.table-in-noborder th {
    background-color: #fff;
}
.table-in-noborder th, .table-in-noborder td {
    border-bottom: solid 5px #fff
}
.table-in-noborder tbody tr {
    background-color: #f2f4f8;
}
.table-in-noborder tbody tr:hover {
    background-color: #e2e5ec;
}
.table_xLine th, .table_xLine td {
    border: solid 1px #e7e7e7;
    border-left: none;
    border-right: none;
}
.table_xLine th:first-child, .table_xLine td:first-child {
    border-left: solid 1px #e7e7e7;
    background-color: #fafafa;
}
.table_xLine th:last-child, .table_xLine td:last-child {
    border-right: solid 1px #e7e7e7;
}
.table_line td, .table_line th {
    border: solid 1px #e7e7e7;
}
.table_lth th {
    background-color: #f8f8f8;
}
.table .tdCon {
    text-indent: 25px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 22px;
    padding: 10px;
}
.tdtool a {
    color: #444;
}
.table_td_big td {
    padding: 15px 0;
}
.td_dl {
    padding: 24px 80px 24px;
    margin: -5px 0;
    font-size: 14px;
    line-height: 22px;
    background-color: #fff;
}
.td_dl>dl {
    display: inline-block;
    padding: 0 40px;
}
.td_dl>dl:first-child {
    padding-left: 0;
}
.td_dl>dl:nth-child(2) {
    padding-right: 0;
    border-left: solid 1px rgba(0,0,0,.2);
}
.td_dl>dl>dt {
    font-weight: 600;
}
.td_dl>dl>dd {
    display: block;
    text-align: left;
}
.table-th-w th {
    background-color: #fff;
}
.table-sm td {
    padding-bottom: 0px;
    padding-top: 0px;
}
.inforTable, .inforTable td, .inforTable th {
    border: solid 1px #e6e6e7;
    color: #666;
}
.inforTable td {
    padding: 8px 10px;
}
.rankingTable th, .rankingTable td {
    border-bottom: none;
}
.rankingTable th {
    background-color: #f5a952;
    color: #fff;
}
.rankingTable td a.btn {
    color: #565656 !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 20px !important;
    padding: 6px !important;
}
.rankingTable a.btn:hover {
    background-color: rgba(0,0,0,.2) !important;
}
/*进度条*/
.progress {
    display: inline-block;
    font-size: 12px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    background-color: #c9c9c9;
    border-radius: 2px;
    overflow: hidden;
}
.progress-g {
    border-radius: 0;
    background-color: #eee;
}
.progressNo {
    border: none;
}
.progress .progressLine {
    display: inline-block;
    border-radius: 20px;
    background-color: #0086ce;
    color: #fff;
    float: left;
}
.progress.big {
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}
.progress.tw .progressLine {
    color: #fff;
}
.progress.yellow .progressLine {
    background-color: #df6508;
}
.progress.sm {
    height:6px;
    line-height: 6px;
    margin-top: 8px;
}
.progress-circle .progress-bar {
    border-radius: 2px;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-bar.yellow {
    background-color: #FF8500;
}
.progress-bar.blue {
    background-color: #0e7cd6;
}
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
/*以上为排行榜样式*/

/*bottom*/
#casebottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 30px;
    background: #555;
    color: #fff;
    z-index: 99;
}
#bottomlogo {
    float: left;
    color: #aaa;
    font-size: 12px;
    line-height: 30px;
}
#bottomlogo img {
    float: left;
    width: auto;
    height: 30px;
}
#mjlink {
    float: right;
    padding-right: 20px;
    box-sizing: border-box;
    width: 250px;
}
#mjlink a {
    display: block;
    float: right;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #F2F2F2;
    font-size: 12px;
}