body {
    font-size: 12px;
    margin: 10px 0;
    background: #eff4f8;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #183778;
}

* {
    box-sizing: border-box;
}

form,
p,
h1,
h2,
h3,
ul,
li {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}

ul {
    list-style: none;
}

li {
    color: #183778;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #1f3a87;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.x {
    border-top: 1px solid transparent !important;
    border-top: 0;
    clear: both;
}

.green,

.green a:visited,
.green a:hover,
.bd32r li p a:link,
.bd32r li p a:visited,
.bd32r li p a:hover {
    color: #0c9000;
    text-decoration: none;
}

.green a:hover,
.bd32r li p a:hover {
    text-decoration: underline;
}

.hue {
    color: #999;
    font-size: 12px;
}

.bd1,
.bd2,
.bd3,
.ad1,
.bd5,
.bd6,
.footer {
    margin: 0 auto;
}

.bd2 {
    margin-top: 3px
}

.bd3 {
    margin-top: 10px
}

.ad1 {
    margin-top: 10px;
    padding: 8px;
    border: 1px solid #dfdfdf;
}

.logo,
.bd21l,
.bd21rl,
.bd22l,
.bd3l,
.bd3rl,
.searchl,
.bd32l,
.bd32r li,
.bd4l,
.bd6 li,
.co_contentdh li {
    float: left;
}

.logor,
.bd21r,
.bd21rr,
.bd22r,
.bd3r,
.bd3rr,
.searchr,
.bd32r,
.bd4r {
    float: right;
}

.logo {
    width: 159px;
}

.logor {
    width: 791px;
}

.logor1,
.logor2 {
    border: 1px solid #fff;
    border-top: 0;
    border-left: 5px solid #fff;
    border-right: 0;
}

.logor1 {
    background: #669acc;
    padding: 0 8px;
    height: 21px;
    _height
    /* */
    : 22px;
    line-height: 21px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.logor1 a:link,
.logor1 a:visited,
.logor1 a:hover {
    color: #fff;
    text-decoration: none;
}

.logor1 a:hover {
    text-decoration: underline;
}

.logor2 {
    text-align: center;
    background: #dfdfdf;
    height: 16px;
    line-height: 16px;
}

.logor2 a:link,
.logor2 a:visited,
.logor2 a:hover {
    color: #04d;
    text-decoration: underline;
}

.logor2 a:hover {
    text-decoration: none;
}

.bd2 a:link,
.bd2 a:visited,
.bd2 a:hover {
    color: #0c9000;
    text-decoration: none;
}

.bd2 a:hover {
    text-decoration: underline;
}

.bd21l,
.bd21rl,
.bd21rr,
.bd22l,
.bd22r,
.bd23 {
    border: 1px solid #dddfdc;
    background: #f5fff4;
    height: 19px;
    line-height: 19px;
    _height
    /* */
    : 21px;
}

.bd21l p,
.bd21rl p,
.bd21rr p,
.bd22l p,
.bd22r p,
.bd23 p {
    border-left: 5px solid #0f8e01;
    padding-left: 5px;
    color: #0c9000;
}

.bd21l {
    width: 401px;
    _width
    /* */
    : 403px;
    font-size: 13px;
}

.bd21r {
    width: 541px;
}

.bd21rl {
    width: 429px;
    _width
    /* */
    : 421px;
    font-size: 14px;
}

.bd21rr {
    width: 100px;
    _width
    /* */
    : 102px;
    font-size: 14px;
}

.bd22l {
    width: 493px;
    _width
    /* */
    : 495px;
    font-size: 14px;
}

.bd22r {
    width: 446px;
    _width
    /* */
    : 448px;
    font-size: 14px;
}

.bd23 {
    font-size: 14px;
}

.bd3l {
    width: 203px;
}

.bd3r {
    width: 745px;
}

.bd3rl {
    width: 525px;
}

.bd3rr {
    width: 215px;
}

.title_all {
    height: 21px;
    border-bottom: 1px solid #c7d7e4;
    background: url(../img/tbg.gif) repeat-x center;
}

.title_all p {
    border: 1px solid #fff;
    line-height: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #183778;
    padding-left: 8px;
}

.title_all p strong {
    float: left;
    width: 100px;
}

.title_all p em {
    float: right;
    font-style: normal;
    width: 50px;
    font-weight: normal;
}

.title_all h1 {
    font-size: 12px;
    padding-left: 8px;
    line-height: 19px;
    border: 1px solid #fff;
}

.co_area1,
.co_area2,
.bd32,
.bd4l,
.bd4r,
.bd5,
.bd6,
.footer {
    border: 1px solid #c7d7e4;
    background: #fff;
}

.co_area2,
.bd32,
.ad2,
.bd4,
.bd5,
.bd6,
.footer {
    margin-top: 8px;
}

.co_content1,
.co_content2,
.co_content3,
.co_content4,
.co_contentdh {
    padding: 8px;
}

.co_content1 p {
    line-height: 120%;
}

.co_content1 p span {
    color: #0c9000;
}

.co_content1 li,
.co_content2 li,
.co_content3 li,
.co_contentdh li {
    height: 20px;
    line-height: 20px;
}

.co_content3 li {
    font-size: 13px;
}

.co_content4 {
    text-align: center;
}

.co_content4 img,
.ad3 {
    border: 1px solid #dfdfdf;
    margin-top: 8px;
}

.co_content4 p {
    line-height: 120%;
    margin: 8px 0;
}

.co_contentdh li {
    float: left;
    width: 85px;
}

.co_content8 {
    word-break: break-all;
    word-wrap: break-word;
}

.ad3 {
    height: 74px;
    text-align: center
}

.search,
.searchl,
.searchr {
    height: 36px;
}

.search {
    background: url(../img/search_02.gif) repeat-x;
}

.searchl {
    width: 384px;
    background: url(../img/search_01.gif) no-repeat left;
    padding-left: 32px;
    line-height: 36px;
}

.searchl strong {
    font-size: 14px;
}

.searchl p {
    _margin: .5em 0 .2em 0;
}

.searchl input,
.searchl select {
    border: 1px solid #dfdfdf;
    width: 80%;
    height: 20px;
}

.searchl select {
    width: 140px;
    height: 19px;
}

.searchr {
    width: 108px;
    background: url(../img/search_03.gif) no-repeat right;
    padding-right: 10px;
}

.searchr input {
    width: 105px;
    height: 24px;
    border: 0;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    background: url(../img/search_btn.gif);
    margin-top: .4em
}

.bd32l {
    width: 22px;
    height: 140px;
    background: #cedae8;
    text-align: center;
    font-size: 14px;
    color: #183778;
    border: 1px solid #fff;
    border-right: 0;
    padding: 8px 2px;
    line-height: 180%
}

.bd32r {
    width: 724px;
    border-right: 1px solid #fff;
    height: 112px;
    text-align: center;
    background: #e5ecf4;
}

.bd32r li {
    width: 99px;
    border: 1px solid #fff;
    border-right: 0;
    height: 55px;
}

.bd32r li h1 {
    height: 18px;
    border-bottom: 1px solid #fff;
    background: #cedae8;
    line-height: 18px;
    font-size: 12px;
}

.bd32r li p {
    height: 36px;
    background: #e5ecf4;
    padding: 2px;
    line-height: 150%;
}

.dygod32r {
    width: 910px;
    border-right: 1px solid #fff;
    height: 112px;
    text-align: left;
    background: #e5ecf4;
}

.ad2 {
    border: 1px solid #dfdfdf;
    padding: 5px;
    text-align: center;
}

.bd4l,
.bd4r {
    width: 361px;
}

.bd5,
.bd6 {
    padding: 5px 10px;
    line-height: 180%;
}

.bd5 strong {
    color: #0c9000;
    font-size: 14px;
}

.bd6 {
    padding: 5px;
    width: 938px;
}

.bd6 li {
    width: 88px;
    height: 31px;
    margin: 5px 6px;
    border: 0px solid #ccc;
}

.path {
    height: 20px;
    line-height: 20px;
    border-bottom: 0px dashed #dfdfdf;
    margin: 8px auto 0 auto;
    overflow: hidden
}

.footer {
    padding: 10px;
    color: #999;
    text-align: center;
    line-height: 200%;
}

.footer a:link,
.footer a:visited,
.footer a:hover {
    color: #999;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.ad960 {
    padding: 0px 0px;
}

#Zoom {
    margin: 0 8px;
}

.position {
    margin: 0 auto;
    width: 100%;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    border: dashed 1px #E3E1E1;
}

.position span {
    margin: 0 8px;
}

.co_content8 p {
    margin: 5px 12px;
}

#tbmov-notice {
    color: #f30;
    line-height: 24px;
    padding: 10px 10px 10px 40px;
    border: 1px solid #e6d8b9;
    position: relative;
    border-radius: 4px;
    zoom: 1;
    margin-top: 10px;
}

#tbmov-notice a {
    color: #080;
    text-decoration: underline
}

#tbmov-notice a:hover {
    color: #f60;
    text-decoration: none
}

.player_list {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.player_list li {
    width: 65px;
    height: 30px;
    line-height: 30px;
    float: left;
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 2px solid #d63f3f;
    margin-right: 10px;
    margin-top: 5px;
    background-color: rgb(253, 253, 223);
}

.player_list li a {
    display: block;
}

.player_list li:hover,
.player_list li.list-active {
    background: #d63f3f;
}

.player_list li:hover a,
.player_list li.list-active a {
    color: #fff;
}

.co_content22 {
    width: 950px;
    height: auto;
    overflow: hidden;
}

.co_content22 ul {
    line-height: 25px;
    margin-left: 10px;
}

.co_content222 {
    height: auto;
    overflow: hidden;
}

.co_content222 ul {
    line-height: 25px;
    padding: 10px;
}

.home-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home-list ul li {
    width: 48%;
}

.home-list ul li a {
    width: calc(100% - 80px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.index_list {
    width: 950px;
    height: auto;
    overflow: hidden;
    margin: 5px 0 0;
    display: flex;
    justify-content: space-between;
}

.index_list>.co_area2 {
    width: 77%;
}

.index_list .charts-list {
    width: 22%;
}

.index_list .charts-list ul li span {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: #999;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.index_list .charts-list ul li:nth-child(-n+3) span {
    background: #FF0000;
}

.index_list .charts-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_list .charts-list ul li a {
    width: calc(100% - 26px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.recommendation-list,
.recommendation-list ul {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
}

.recommendation-list {
    padding: 10px
}

.recommendation-list li span {
    float: right !important;
}

.recommendation-list ul,
.co_content222 ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recommendation-list ul li {
    width: 48%;
}

.recommendation-list ul li a {
    width: calc(100% - 80px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.friendLink {
    background: #fff;
    border: 1px solid #c7d7e4;
    padding: 10px;
    margin-top: 10px;
}

.friendLink a {
    margin-left: 10px;
    display: inline-block;
}

.friendLink span {
    font-weight: bold;
}

.tag-list {
    margin: 30px 0 50px;
}

.tag-list span {
    color: #ff0000;
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
}

.tag-list ul {
    display: flex;
    flex-wrap: wrap;
}

.tag-list li a {
    padding: 3px 10px;
    border: 1px solid #ddd;
    display: block;
    font-size: 14px;
    margin-right: 10px;
}

.menu-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.menu-list table {
    width: 48%;
    margin: 2px 0;
}

.menu-list table.active tr td:nth-child(2) {
    background: #0c9000 !important;
}

.menu-list table.active tr td:nth-child(2) a {
    color: #fff;
}

.page-list {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.page-list li a {
    padding: 1px 3px;
    border: 1px solid #0c9000;
    display: inline-block;
    margin: 0 2px;
    color: #0c9000;
}

.page-list li a:hover,
.page-list li.page-active a {
    background: #0c9000;
    color: #fff;
}

.play-xg {
    padding: 15px;
    line-height: 24px;
}

.play-xg span {
    margin-bottom: 6px;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.show-img {
    max-width: 100%;
    min-width: 500px;
}

@media screen and (max-width:768px) {

    .home-sc,
    .index_list .charts-list {
        display: none;
    }

    .recommendation-list ul li {
        width: 100%;
    }

    .friendLink {
        margin-top: 0;
    }

    .bd3rr {
        display: none;
    }

    .show-img {
        max-width: 100%;
        min-width: inherit;
    }

    .bd3rl {
        width: 100%;
    }

    .menu-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .menu-list {
        justify-content: flex-start;
        gap: 2%;
    }

    .menu-list table {
        width: 23.5%;
    }

    .menu-list table tbody {
        display: table;
        width: 100%;
    }

    .bd3l {
        width: 100%;
    }

    .searchl {
        width: 70%;
    }

    .searchr {
        width: 30%;
    }
}