.c-pager .c-pager-wraper .pager-item {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    line-height: 1;
    padding: 5px 6px;
    color: #666;
    border: 1px solid #eee;
    border-radius: 3px
}

.c-pager .c-pager-wraper .pager-current,.c-pager .c-pager-wraper .pager-text {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    line-height: 1;
    padding: 5px 6px;
    color: #666;
    border: none
}

.c-pager .c-pager-wraper .pager-current {
    color: #f36;
    border-color: none
}

.c-pager .c-pager-wraper .c-pager-jumper {
    display: inline-block;
    margin-left: 20px
}

.c-pager .c-pager-wraper .c-pager-jumper .pager-jumper-input {
    display: inline-block;
    width: 30px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #eee;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center
}

.c-pager .c-pager-wraper .c-pager-jumper .pager-jumper-text {
    font-size: 14px;
    color: #666
}

.c-pager .c-pager-wraper .c-pager-jumper .pager-jumper-btn {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    line-height: 1;
    padding: 5px 6px
}

.c-auto-complete {
    position: relative;
    width: 100%;
    height: 100%
}

.c-auto-complete .c-auto-complete-input-wraper {
    height: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0 5px
}

.c-auto-complete .c-auto-complete-input-wraper input {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    font-size: 14px
}

.c-auto-complete .c-auto-complete-list-wraper {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px #ccc
}

.c-auto-complete .c-auto-complete-list-wraper .c-auto-complete-list {
    padding: 5px 0
}

.c-auto-complete .c-auto-complete-list-wraper .c-auto-complete-list .c-auto-complete-item {
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.c-auto-complete .c-auto-complete-list-wraper .c-auto-complete-list .c-auto-complete-item:hover {
    background-color: #eee
}

.c-auto-complete .c-auto-complete-list-wraper .c-auto-complete-list .c-auto-complete-tips {
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 14px
}

.c-auto-complete .c-auto-complete-list-wraper .c-auto-complete-list-loading,.c-auto-complete .c-auto-complete-list-wraper .c-auto-complete-list-none {
    text-align: center;
    padding: 5px 0;
    line-height: 1.5;
    font-size: 12px;
    color: #999
}

.c-header-data .c-header-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background-color: #eee;
    z-index: 999;
    border-bottom: 1px solid #dbdbdb;font-size: 12px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}



.c-header-mid-data {
    width: 1200px;
    margin: auto;
}

.c-header-mid-data .header-mid-left {
    width: 200px;
    height: 142px;
    background-color: #1844a7;
}

.c-header-mid-data .header-mid-left .header-mid-logo {
    display: block;
    width: 133px;
    height: 70px;
    margin: 10px auto 6px;
    background: url(de0b0e24e4c192ac7250b587a079288d.png) no-repeat 50%;
    background-size: 100%
}

.c-header-mid-data .header-mid-left .header-mid-title {
    display: block;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 11px;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #fff;
    text-align: center;
    border-top: 1px solid #f1f1f1;
}

.c-header-mid-data .header-mid-search {
    margin-left: 75px
}

.c-header-mid-data .header-mid-search .letter-wraper {
    position: relative;
    margin-top: 20px;
    width: 880px;
    z-index: 900
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list {
    color: #222;
    line-height: 1
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-label {
    padding-top: 12px;
    font-size: 14px;
    color: #000
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-lists .alpha-item {
    position: relative;
    display: inline-block;
    padding: 11px 5px;
    height: 38px;
    font-size: 16px;
    line-height: 1;
    box-sizing: border-box;
    cursor: pointer
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-lists .alpha-item:hover {
    color: #fff;
    background-color: #444851
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-lists .alpha-item.current {
    color: #2461ef;
    background-color: #f3f5f9;
    border-left: 1px solid #444851;
    border-right: 1px solid #444851
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-lists .alpha-item.current:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    background-color: #f3f5f9
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-lists .alpha-item.current:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #2461ef
}

.c-header-mid-data .header-mid-search .letter-wraper .letter-result {
    z-index: 999;
    position: absolute;
    width: 709px;
    top: 100%;
    border: 1px solid #444851;
    box-sizing: border-box;
    padding: 6px;
    background-color: #f3f5f9
}

.c-header-mid-data .header-mid-search .letter-wraper .letter-result .result-list {
    padding: 10px
}

.c-header-mid-data .header-mid-search .letter-wraper .letter-result .result-list .result-item {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 5px;
    color: #666;
    cursor: pointer
}

.c-header-mid-data .header-mid-search .letter-wraper .letter-result .result-list .result-item.current,.c-header-mid-data .header-mid-search .letter-wraper .letter-result .result-list .result-item:hover {
    color: #fff;
    background-color: #444851
}

.c-header-mid-data .header-mid-search .mid-search {
    margin-top: 20px
}

.c-header-mid-data .header-mid-search .mid-search .search-label {
    margin-top: 13px;
    width: 48px;
    font-size: 14px;
    line-height: 1;
    color: #000
}

.c-header-mid-data .header-mid-search .mid-search .search-wraper {
    width: 348px;
    height: 40px
}

.c-data-search {
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid #444851;
    z-index: 100;
}

.c-data-search .data-search-input {
    position: relative;
    height: 100%;
    margin-right: 60px
}

.c-data-search .data-search-input .auto-complete-container {
    height: 100%
}

.c-data-search .data-search-input .cached-wraper {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0
}

.c-data-search .data-search-input .cached-wraper .cached-list {
    margin-top: 5px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px #ccc
}

.c-data-search .data-search-input .cached-wraper .cached-list .cache-label {
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 14px;
    color: #666
}

.c-data-search .data-search-input .cached-wraper .cached-list .cache-item {
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    cursor: pointer
}

.c-data-search .data-search-input .cached-wraper .cached-list .cache-item:hover {
    background-color: #eee
}

.c-data-search .data-search-icon {
    border: 0;
    width: 60px;
    height: 100%;
    background-image: url(e10bc4f79335bab52856c2ed1d860b59.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
    background-color: #444851;
}

.c-data-search .c-auto-complete .c-auto-complete-input-wraper {
    border: none;
    padding-left: 16px
}

.c-data-search .c-auto-complete .c-auto-complete-input-wraper input {
    font-size: inherit
}

.c-data-search .c-auto-complete .c-auto-complete-input-wraper input::-webkit-input-placeholder {
    color: #000
}

.c-layout {
    background-color: #f1f1f1;
    padding-bottom: 30px
}

.c-layout .c-layout-wraper {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.c-layout .c-layout-wraper .layout-left {
    width: 200px;
    margin-top: 15px;
}

.c-layout .c-layout-wraper .layout-right {
    width: 960px;
    margin-left: 40px
}

.c-layout .c-layout-wraper .layout-right .layout-nav {
    margin-top: 6px;
    margin-bottom: 8px
}

.c-layout .c-layout-wraper .layout-right .layout-main {
    position: relative;
    min-height: 400px
}

.c-layout .c-layout-wraper .layout-right .layout-main .layout-content {
    position: relative
}

.c-layout .c-layout-wraper .layout-right .layout-relative {
    margin-top: 20px
}

.filter-card {
    margin-top: 16px;
    padding-top: 24px;
    padding-left: 30px;
    padding-bottom: 27px;
    background-color: #fff;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
    border-radius: 8px
}

.filter-card .filter-years {
    margin-top: 20px;
    margin-left: 89px;
    margin-right: 19px
}

.filter-card .filter-select {
    margin-top: 30px
}

.filter-card .filter-select .filter-label {
    width: 89px;
    font-weight: 700
}

.filter-card .filter-select .filter-label,.filter-card .filter-select .filter-unit {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #000;
    vertical-align: middle
}

.filter-card .filter-select .filter-con {
    display: inline-block;
    margin-right: 15px;
    width: 130px;
    height: 36px;
    vertical-align: middle
}

.filter-card .filter-result {
    margin-top: 7px;
    padding-right: 30px;
    font-size: 16px;
    line-height: 1;
    color: #000;
    text-align: right
}

.data-card {
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
    border-radius: 8px
}

.c-menu-data {
    background-color: #1844a7;
    padding-top: 27px;
}

.c-menu-data .menu-title {
    position: relative;
    padding-left: 60px;
    padding-top: 18px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    background: #5474bb;
}

.c-menu-data .menu-title .menu-icon {
    position: absolute;
    width: 21px;
    height: 100%;
    top: 0;
    left: 35px;
    background-repeat: no-repeat;
    background-position: 50%
}

.c-menu-data .menu-title .icon-shengchan {
    background-image: url(df039716bdc2cd2212911be9a518176e.png);
    background-size: auto 18px
}

.c-menu-data .menu-title .icon-liutong {
    background-image: url(13d32197640a70328d861380bc995e38.png);
    background-size: auto 20px
}

.c-menu-data .menu-title .icon-xiaohao {
    background-image: url(0ec30e607c820766732150795c27008a.png);
    background-size: auto 18px
}

.c-menu-data .menu-title .icon-xiaofei {
    background-image: url(7e856e21223d12bc42bbf6535c884c70.png);
    background-size: auto 21px
}

.c-menu-data .menu-list {
    border-bottom: 1px solid #f1f1f1;
}

.c-menu-data .menu-list .menu-item {
    padding-left: 33px;
    padding-top: 13px;
    padding-bottom: 13px;
    cursor: pointer
}

.c-menu-data .menu-list .menu-item.current,.c-menu-data .menu-list .menu-item:hover {
    background-color: #ec2639;
}

.c-menu-data .menu-list .menu-item .item-text {
    position: relative;
    font-size: 15px;
    line-height: 1;
    color: #fff
}

.c-menu-data .menu-list .menu-item .item-text .icon-free {
    position: absolute;
    top: -4px;
    right: -40px;
    width: 33px;
    height: 16px;
    background: url(5e0a2c942b5afbab61d260b94441b60d.png) no-repeat 50%;
    background-size: 100%
}

.c-menu-data .menu-list:last-child {
    border-bottom: 0
}

.c-data-related {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
    padding: 38px 34px 43px
}

.c-data-related .data-related-title {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.c-data-related .data-related-list {
    margin-top: 17px
}

.c-data-related .data-related-list .data-related-item {
    display: inline-block;
    margin-right: 50px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #2461ef;
    cursor: pointer;
    text-decoration: underline
}

.c-select {
    position: relative;
    height: 100%;
    border: 1px solid #999;
    background-color: #fff;
    box-sizing: border-box
}

.c-select .c-select-el {
    position: relative;
    height: 100%;
    padding-right: 20px;
    cursor: pointer
}

.c-select .c-select-el .c-select-placeholder,.c-select .c-select-el .c-select-value {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 14px;
    line-height: 1;
    top: 50%;
    margin-top: -7px;
    color: #666
}

.c-select .c-select-el .c-select-placeholder {
    color: #999
}

.c-select .c-select-el .c-select-arrow {
    position: absolute;
    width: 12px;
    height: 100%;
    top: 0;
    right: 8px;
    background-image: url(a2c9137e7c10f5cf221bdacf8d006872.png);
    background-size: auto 8px;
    background-repeat: no-repeat;
    background-position: 50%
}

.c-select .c-select-drop-down {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 150px;
    left: 0;
    top: 100%;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow-y: auto;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    z-index: 999
}

.c-select .c-select-drop-down .c-select-option-list .c-select-option-item {
    padding: 7px 14px;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    cursor: pointer
}

.c-select .c-select-drop-down .c-select-option-list .c-select-option-item.current,.c-select .c-select-drop-down .c-select-option-list .c-select-option-item:hover {
    background-color: #eee
}

.c-select .c-select-drop-down .c-select-default {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    color: #666
}

.c-select.active {
    border-color: #2461ef
}

.c-select.active .c-select-el .c-select-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAAiIiIiIiIiIiIiIiIiIiIiIiIiIiIAAAAzjTw/AAAAB3RSTlMAg4GFi4eJloeSbAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAvSURBVAjXY2BgYFRgAAHxQhDJXOJuAKTCE9hKGRhAODyBASTCXMIAlhdnAKtmAgCcFQWUIC5V4wAAAABJRU5ErkJggg==)
}

.c-select.active .c-select-drop-down {
    display: block
}

.c-chart-bar {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1)
}

.c-chart-bar .c-chart-bar-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.c-chart-bar .bar-toast {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -125px;
    margin-top: -30px;
    width: 250px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.5;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,.6);
    border-radius: 8px;
    z-index: 2000
}

.c-chart-pie {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1)
}

.c-chart-pie .c-chart-pie-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.c-chart-pie .pie-tooltip {
    font-size: 14px;
    line-height: 30px;
    padding: 10px;
    background-color: #d9e5ff;
    border-radius: 8px;
    color: #000
}

.c-chart-table {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1)
}

.c-chart-table .chart-table-wraper {
    padding-left: 35px;
    padding-right: 35px;
    overflow-x: hidden
}

.c-chart-table .chart-table-wraper .chart-table-el {
    width: 100%;
    table-layout: fixed
}

.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-td,.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-th {
    height: 50px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-size: 15px
}

.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-td:first-child,.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-th:first-child {
    border-left: 0
}

.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-td:last-child,.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-th:last-child {
    border-right: 0
}

.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-td {
    padding: 0 10px
}

.c-chart-table .chart-table-wraper .chart-table-el .chart-table-tr .chart-table-th {
    font-size: 16px
}

.c-chart-table .chart-table-wraper .chart-table-el .chart-table-body .chart-table-tr:nth-child(2n) {
    background-color: #eee
}

.c-chart-table .chart-table-default {
    padding: 30px 35px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #999
}

.c-chart-table .chart-table-slider {
    margin-top: 30px;
    margin-right: 30px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right
}

.c-chart-table .chart-table-slider .chart-table-slider-label {
    font-size: 16px;
    line-height: 1;
    color: #999;
    display: inline-block;
    vertical-align: middle
}

.c-chart-table .chart-table-slider .chart-table-slider-track {
    position: relative;
    display: inline-block;
    width: 125px;
    height: 10px;
    margin-left: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAAKBAMAAABriUxvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAADe4eXe4eXe4eXe4eXe4eXe4eXe4eXe4eXe4eUAAADCrWZQAAAACXRSTlMATb7zTITyTvS/4nTDAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEBJREFUKM9jYBCynEkuMHJgYGAlWzcQTGVg8KRE/0wBBk2K9CswZFKkP4FC/QYUu1+SIv0CFMcfQ1En2dqbBBgAIidsnCvZegEAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 100%;
    cursor: pointer
}

.c-chart-table .chart-table-slider .chart-table-slider-track .chart-table-slider-block {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: -8px;
    margin-top: -8px;
    background: url(36234e21e8f6c2e960e916d931e882bf.png) no-repeat 50%;
    background-size: 100%;
    cursor: grab
}

.c-chart-table .chart-table-pager {
    margin-top: 20px;
    margin-right: 30px;
    text-align: center
}

.c-chart-table .table-detail-text {
    font-size: 14px;
    line-height: 1;
    text-decoration: underline;
    color: #2461ef
}

.c-water-print .img-wrap {
    width: 120px;
    height: 40px;
    background: url(8819ad838531448edf1c541c9dd2272d.png) no-repeat 50%;
    background-size: contain;
    opacity: .3;
    filter: alpha(opacity=30);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-water-print .img-wrap1 {
    position: absolute;
    top: 25%;
    left: 10%
}

.c-water-print .img-wrap2 {
    position: absolute;
    top: 43%;
    left: 40%
}

.c-water-print .img-wrap3 {
    position: absolute;
    top: 66%;
    left: 70%
}

.c-data-years {
    position: relative;
    padding-left: 12px
}

.c-data-years .year-more {
    display: none;
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    text-align: right;
    padding: 10px 0
}

.c-data-years .year-more .year-more-btn {
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
    color: #000
}

.c-data-years.show-more {
    padding-right: 100px
}

.c-data-years.show-more .year-more {
    display: block
}

.c-check-box-group .check-box-list .check-box-item {
    display: inline-block;
    padding-left: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1;
    color: #000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAADIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjb29vf39/4+Pj5+fni4uIAAAAtfAqaAAAADnRSTlMAJ3N3a0/6UNLY/HaIb9GSvyEAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAQklEQVQY09XPSxZAMBAF0WoiEZ/XxP736ph0HDtwhzUrsGEMyWDKesmFWX4EV2XR2ToJqf0kVPkVnpfyvcXWLezGDauFD9tdpIZDAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: auto 17px;
    cursor: pointer
}

.c-check-box-group .check-box-list .check-box-item.blue.checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAk1BMVEUAAAAkYe8kYe8kYe8kYe8kYe8kYe8kYe8kYe8kYe8kYe8kYe8kYe8kYe8kYe93nPOHp/T29/n5+fnu8vltnf5kl/719vlwn/1Af/9OiP/4+fmCq/1Bf/+3zftomf5NiP/f6PqXuPyfvvxYj/5akP6gv/zY4/pLhv9snP7I2PtCgP/q7/mow/xPif/b5fqVsfQAAAAxWiz+AAAADnRSTlMAJ3N3a0/6UNLY/HaIb9GSvyEAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAe0lEQVQY03WPxxKCQBBEZw0ghl4cdW3BDOb0/39neXAEq3jHd+gg4lpto+NEuhEqRLH04FPDI5E+xvoDEECbxGQ6q4kw58JEUM1yLldfsd5sdUfuLaNgeSDzzMTxRPIcKi2XK8tbrfb+eDYOS+BfxudL/P9W3GBojJy8Acb2EvDm/jooAAAAAElFTkSuQmCC)
}

.c-check-box-group .check-box-list .check-box-item.green.checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACWUExURTCMXUxpcTCNXDOZMyt9kSlzszKVQTKWPjKWPzCQUDKVQDCQUy+MYC6IbS6Hbyl1rPn5+TOZMzOYODOZNDKVQTGTRkaeWPb3+DKXPC+NXDyZVUmbdFqfjF6glVafgzGRTi6Jai+MXzGQTzaXTGKqi0yeezCQUjGQU+nv+Hy4lXiyqZjGrLvX1dXj7mqqon63pezx91aalYm62CIAAAAQdFJOU8wAvAF6Nvvz8tnr+MVeW2oJcMAzAAAAq0lEQVQY002P1xKCQAxFg4BSLJtskA7SxF7+/+dcqpyZPORMbrILmrm1bRsGVjsNDFxCK1hznGVJmqZJkiVfciFsfTHjn3MIC7HAYwhPU/OJqBPFJPwGA1EycNs1qhrEtwhzIE+IuHqKF2KtdngQKMEY1YixGgu4F3dCwqjLlUEfEVf1xku3mWkQ/q169KdI9pE/LNVfouNMnLtgsBxBKYkOoJuONbKxnL3+A1faFCYEjYQoAAAAAElFTkSuQmCC)
}

.c-check-box-group .check-box-list .check-box-item.red.checked {
    background-image: url(20f025c365939d594a2c3039ddefac42.png)
}

.c-bought-list .bought-list {
    position: relative;
    padding-left: 89px
}

.c-bought-list .bought-list .bought-title {
    position: absolute;
    left: 0;
    top: 0;
    width: 89px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #000
}

.c-bought-mbs {
    position: relative;
    height: 30px;
    overflow: hidden;
    padding-right: 52px
}

.c-bought-mbs .mbs-list .mbs-item {
    display: inline-block;
    margin-right: 5px;
    padding: 7px 9px;
    font-size: 16px;
    line-height: 1;
    color: #000;
    cursor: pointer
}

.c-bought-mbs .mbs-list .mbs-item.current {
    color: #fff;
    background-color: #444851;
}

.c-bought-mbs .mbs-list .mbs-tips {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #888;
    vertical-align: middle
}

.c-bought-mbs .arrow-down {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZkAAADY53ywAAAAB3RSTlMAgYOLhYmHMvU6twAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAwSURBVAjXYxBgAAJGhiIQpc5g7sDAwFLMwFrGwJAeAMIgFlAEJA6UB6tiYFRgYAAAnD4FpS1s4+4AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: auto 8px
}

.c-bought-mbs.show-more {
    height: auto;
    overflow: visible
}

.c-bought-products {
    padding-right: 19px
}

.c-bought-products .product-item {
    display: inline-block;
    margin-right: 5px;
    padding: 7px 9px;
    font-size: 16px;
    line-height: 1;
    color: #000;
    cursor: pointer
}

.c-bought-products .product-item.current {
    color: #fff;
    background-color: #444851;
}

.c-bought-products .product-item-more {
    font-size: 14px;
    line-height: 30px;
    color: #000;
    text-decoration: underline;
    cursor: pointer
}

.c-data-tips {
    padding-left: 29px;
    padding-top: 24px;
    padding-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.c-data-defaults {
    position: relative
}

.c-buy-guid {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
    border-radius: 8px
}

.c-buy-guid .buy-guid-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    border-radius: 8px
}

.c-buy-guid .buy-guid-mask .buy-guid-wraper {
    position: absolute;
    width: 800px;
    height: 130px;
    left: 50%;
    top: 200px;
    margin-left: -400px
}

.c-buy-guid .buy-guid-mask .buy-guid-wraper .guid-tips {
    font-size: 16px;
    color: #fff;
    text-align: center
}

.c-buy-guid .buy-guid-mask .buy-guid-wraper .guid-btn-group {
    margin-top: 58px;
    text-align: center
}

.c-buy-guid .buy-guid-mask .buy-guid-wraper .guid-btn-group .guid-btn,.c-buy-guid .buy-guid-mask .buy-guid-wraper .guid-btn-group .guid-btn-2 {
    display: inline-block;
    width: 200px;
    padding: 14px 0;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #f40;
    border-radius: 8px
}

.c-buy-guid .buy-guid-mask .buy-guid-wraper .guid-btn-group .guid-btn-2:active,.c-buy-guid .buy-guid-mask .buy-guid-wraper .guid-btn-group .guid-btn:active {
    opacity: .8
}

.c-buy-guid .buy-guid-mask .buy-guid-wraper .guid-btn-group .guid-btn-2 {
    margin-left: 50px;
    color: #f40;
    background-color: transparent;
    border: 1px solid #f40;
    box-sizing: border-box
}

.c-buy-guid.bg-1 {
    height: 1494px;
    background-image: url(1815b56253dd3cfeaffbdedb6ee8cd56.jpg)
}

.c-buy-guid.bg-3 {
    height: 1292px;
    background-image: url(fd73ee274e00efff0acc77e36e35e6e8.jpg)
}

.c-buy-guid.bg-4 {
    height: 923px;
    background-image: url(409a1fb3c473149e4cce5ee1e14d46b7.jpg)
}

.c-buy-guid.bg-9 {
    height: 621px;
    background-image: url(f1e78094f957f967cfc29b66dacc489f.jpg)
}

.c-buy-guid.bg-10 {
    height: 617px;
    background-image: url(2231372694817c7d5624599af1c10d6f.jpg)
}

.c-data-none .data-none-wraper {
    padding-top: 120px;
    padding-bottom: 90px
}

.c-data-none .data-none-wraper .data-none-icon {
    display: block;
    height: 99px;
    background: url(1959bedf6671de65e08b005ecbee4a4a.png) no-repeat 50%;
    background-size: auto 100%
}

.c-data-none .data-none-wraper .data-none-tips {
    margin-top: 57px;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    text-align: center
}

.c-data-none .data-none-wraper .data-none-btn {
    display: block;
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #2461ef;
    border-radius: 8px
}

.c-data-none .data-none-wraper .data-none-btn:active {
    opacity: .8
}

.c-main {
    position: relative
}

.c-main .content .chart-wrapper {
    width: 100%
}

.c-main .content .chart-wrapper .g-fl {
    margin-bottom: 20px
}

.c-main .content .chart-wrapper .chart {
    margin-right: 0;
    margin-bottom: 20px
}

.c-main .content .chart-wrapper .chart:nth-child(2n) {
    margin-right: 20px
}

.c-main .content .chart-wrapper.order-changed .chart {
    margin-right: 20px;
    margin-bottom: 20px
}

.c-main .content .chart-wrapper.order-changed .chart:nth-child(2n) {
    margin-right: 0
}

.item-text a {
    color: #fff;
}

.current a {
    color: #fff;
}

.result-item a:hover {
    color: #fff;
}

.Z {
    right: 0px;
}

.Y {
    right: -23px;
}

.X {
    right: -46px;
}

.W {
    right: -75px;
}

.V {
    right: -102px;
}

.U {
    right: -130px;
}

.T {
    right: -161px;
}

.S {
    right: -184px;
}

.R {
    right: -207px;
}

.Q {
    right: -230px;
}

.P {
    right: -260px;
}

.O {
    right: -286px;
}

.M {
    right: -337px;
}

.N {
    right: -315px;
}

.L {
    right: -368px;
}

.K {
    right: -391px;
}

.J {
    right: -414px;
}

.I {
    right: -437px;
}

.H {
    right: -460px;
}

.G {
    right: -483px;
}

.F {
    right: -511px;
}

.E {
    right: -534px;
}

.D {
    right: -552px;
}

.C {
    right: -585px;
}

.B {
    right: -618px;
}

.A {
    right: -641px;
}

.d26 {
    right: -460px;
}

.d25 {
    right: -483px;
}

.d24 {
    right: -511px;
}

.d23 {
    right: -534px;
}

.d22 {
    right: -552px;
}

.d21 {
    right: -585px;
}

.d20 {
    right: -618px;
}

.d19 {
    right: -641px;
}

.d18 {
    right: -207px;
}

.d17 {
    right: -230px;
}

.d16 {
    right: -260px;
}

.d15 {
    right: -286px;
}

.d14 {
    right: -337px;
}

.d13 {
    right: -315px;
}

.d12 {
    right: -368px;
}

.d11 {
    right: -391px;
}

.d10 {
    right: -414px;
}

.d9 {
    right: -437px;
}

.d8 {
    right: -460px;
}

.d7 {
    right: -483px;
}

.d6 {
    right: -511px;
}

.d5 {
    right: -534px;
}

.d4 {
    right: -552px;
}

.d3 {
    right: -585px;
}

.d2 {
    right: -618px;
}

.d1 {
    right: -641px;
}

.c-data-tips h1 {
    float: left;
    line-height: 50px;font-size: 26px;
    margin: 20px 0;
}

span.tips-text {
    float: right;
    line-height: 50px;
    font-weight: 500;
}

.c-header-mid-data .header-mid-search .letter-wraper {
    position: relative;
    width: 880px;
    z-index: 900;
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-lists .alpha-item {
    font-size: 18px;
}

.c-header-mid-data .header-mid-search .letter-wraper .alpha-list .alpha-label {
    padding-top: 12px;
    font-size: 18px;
    color: #000;
}

.c-header-mid-data .header-mid-search {
    margin-left: 65px;
}

.alpha-item .letter-result {
    display: none;
}

.alpha-item:hover .letter-result {
    display: block;
}