* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

button, input, textarea {
    outline: 0;
    border: 0;
    font-family: Microsoft YaHei, sans-serif;
    -webkit-appearance: none
}

img {
    overflow: hidden;
    border: 0;
    max-width: 100%;
}

a {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    color: #4caaff;
    background-color: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none
}

body, html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
html{
    transform-origin: top left;
}


body {
    background-color: #082b55;
    font-family: Microsoft YaHei, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #43464a;
    overflow: hidden;
}

table {
    border-collapse: collapse
}

/*input提示文字颜色*/
input[type="text"]::-moz-placeholder {
    color: #bfbfbf;
}

input[type="text"]::-webkit-input-placeholder {
    color: #bfbfbf;
}

.container {
    margin: 0 auto;
}

.clear:after {
    clear: both;
    display: block;
    content: ""
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.ellipsis-one {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.ellipsis-two {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.hide {
    display: none;
}

.map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}

.topic-bg {
    height: 1080px;
    position: relative; /* overflow: hidden; */
    overflow-y: auto;
}

.timer {
    position: absolute;
    top: 22px;
    right: 230px;
    z-index: 100;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    border-right: 1px solid #006da6;
    padding-right: 10px;
    height: 22px;
    line-height: 22px;
}

.timer span {
    display: inline-block;
    margin: 0px 5px;
}

/**********************************登录*******************************/
.login-bg {
    background: url(../images/login/login-bg.jpg) center no-repeat;
    background-size: 100% 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.login-wrap {
    background: url(../images/login/login.png)  no-repeat;
    background-size: 100% 100%;
    width: 699px;
    height: 555px;
}

.login-wrap h1 {
    padding-top: 100px; 
    text-align: center;
    color: #4ABAFB;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 25px;
}

.login-form {
    width: 372px;
    margin: 0px auto;
}

.login-form-item {
    margin-bottom: 15px;
    position: relative;
}

.login-form-item img {
    position: absolute;
    top: 18px;
    left: 25px;
}

.login-form-item input {
    background: url(../images/login/login-form.png) center no-repeat;
    height: 59px;
    line-height: 59px;
    width: 100%;
    text-indent: 60px;
    font-size: 19px;
    color: #FFFFFF;
}

.login-form-item input:focus {
    background: url(../images/login/login-form-focus.png) center no-repeat;
}

.login-form-item input::-moz-placeholder {
    color: #FFFFFF;
}

.login-form-item input::-webkit-input-placeholder {
    color: #FFFFFF;
}

.login-form-other {
    color: #FFFFFF;
    font-size: 16px;
}

.login-form-other input {
    display: none;
}

.login-form-other input + i {
    display: inline-block;
    background: url(../images/login/login-check.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.login-form-other input:checked + i {
    background: url(../images/login/login-checked.png) center no-repeat;
}

.login-form-action {
    padding-top: 15px;
    text-align: center;
}

.btn-login {
    background: url(../images/login/login-btn.png) center no-repeat;
    width: 363px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
}

.login-form-item label.error {
    position: absolute;
    top: 50px;
    left: 10px;
    display: block;
    margin: 0px;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #51c3ff;
    border: 1px solid #2370ac;
    padding: 2px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.login-form-item label.error:before {
    display: block;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2370ac;
    position: absolute;
    top: -8px;
    left: 35px;
    z-index: 10;
}

.login-form-item label.error:after {
    display: block;
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.8);
    position: absolute;
    top: -7px;
    left: 36px;
    z-index: 100;
}


/**********************************目录****************************/
.directory-bg {
    /*background: url(../images/directory/directory-bg.png) 100% center no-repeat;*/
    /*overflow: hidden;*/
    min-width: 1920px;
    min-height: 1080px;
    overflow-x: hidden;

    position: relative;
}
.directory-bg:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    min-width: 1920px;
    min-height: 1080px;
    background-image: url("../../bg2.png");
    background-size: 100% 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.directory-head {
    background: url(../images/directory/directory-head.png) center no-repeat;
    width: 100%;
    height: 94px;
    position: relative;
    z-index: 1000;
    text-align: center;
}

.directory-head .title {
    display: inline-block;
    padding-top: 20px;
}

.directory-user {
    position: absolute;
    top: 20px;
    right: 40px;
}

.directory-user a {
    display: inline-block;
    padding: 0px 10px;
    position: relative;
}

.directory-user a span {
    background: url(../images/directory/user-bg.png) center no-repeat;
    min-width: 43px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 32px;
    left: 0px;
    display: none;
}

.directory-user a span.c {
    width: 60px;
    background-size: 100% 100%;
}

.directory-user a:hover span {
    display: block;
}

.directory-map {
    background: url(../images/directory/directory-map.png) center no-repeat;
    position: relative;
    width: 661px;
    height: 706px;
    margin: 0 auto;
}

.directory-link {
    display: block;
    background: url(../images/directory/directory-link.png) center no-repeat;
    width: 427px;
    height: 173px;
    color: #ffffff;
    font-size: 24px;
    line-height: 173px;
    text-align: center;
    position: absolute;
    top: 0px;
}

.directory-link img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.directory-link:hover {
    background: url(../images/directory/directory-link.hover.png) center no-repeat;
}

.directory-link:hover:before {
    background: url(../images/directory/directory-arr2.png) center no-repeat;
    width: 7px;
    height: 9px;
    display: inline-block;
    content: "";
}

.directory-link:hover:after {
    background: url(../images/directory/directory-arr1.png) center no-repeat;
    width: 7px;
    height: 9px;
    display: inline-block;
    content: "";
}

/**********************************专题1*******************************/
.topic1-right {
    float: right;
    margin-right: 20px;
    padding-top: 15px;
    position: relative;
    z-index: 1000;
}

.topic1-scenic {
    background: url(../images/topic1/topic1_01.png) center no-repeat;
    width: 311px;
    height: 947px;
    float: left;
    margin-right: 5px;
}

.topic1-chart {
    background: url(../images/topic1/topic1_02.png) center no-repeat;
    width: 564px;
    height: 947px;
    float: left;
    padding-left: 18px;
    position: relative;
}

.topic1-arrow {
    background: url(../images/topic1/t1_arrow.png) center no-repeat;
    width: 24px;
    height: 52px;
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 1000;
    cursor: pointer;
    margin-top: -26px;
}

.topic1-arrow.active {
    left: -30px;
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.topic2-arrow {
    background: url(../images/topic1/t1_arrow.png) center no-repeat;
    width: 24px;
    height: 52px;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 1000;
    cursor: pointer;
    margin-top: -26px;
    moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.topic2-arrow.active {
    right: -30px;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.topic3-arrow {
    background: url(../images/topic1/t2_arrow.png) center no-repeat;
    width: 52px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0px;
    margin: 0 auto;
    right: 0px;
    z-index: 1000;
    cursor: pointer;
}

.topic3-arrow.active {
    top: -30px;
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.topic1-type {
    width: 264px;
    float: left;
}

.topic1-leve-box {
    height: 157px;
    padding-top: 30px;
    background: url(../images/topic1/topic1_03.png) bottom repeat no-repeat;
    position: relative;
    overflow: hidden;
}

.topic1-leve-box:before {
    display: block;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/topic1/topic1_04.png) center no-repeat;
    width: 1px;
    height: 100%;
}

.topic1-leve-box.no-right:before {
    display: none;
}

.topic1-leve-box.no-bottom {
    background: none;
}

.topic1-leve-box h5 {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #4caaff;
    font-size: 14px;
}

.chart1 {
    width: 230px;
    height: 100%;
    margin: 0 auto;
}

.chart2 {
    width: 230px;
    height: 120px;
    margin-left: 15px;
}

.tpc1, .tpc2, .tpc3, .tpc4, .tpc5, .tpc6 {
    width: 100%;
    height: 120px;
    overflow: hidden;
}

.tpc1 .chart2 {
    height: 120px;
}

.tpc2 .chart2 {
    height: 140px;
}

.tpc3 .chart2 {
    height: 80px;
    margin-top: 20px;
}

.tpc4 .chart2 {
    height: 100px;
}

.tpc5 .chart2 {
    height: 120px;
}

.tpc6 .chart2 {
    height: 200px;
}

.chart3 {
    width: 250px;
    height: 115px;
    margin: 0 auto;
}

.topic1-search {
    background: url(../images/topic1/topic1_05.png) center no-repeat;
    width: 284px;
    height: 34px;
    position: relative;
    margin: 20px auto 0px;
}

.topic1-search input[type=text] {
    line-height: 34px;
    background-color: transparent;
    width: 250px;
    text-indent: 10px;
    color: #FFFFFF;
}

.topic1-search button[type=button] {
    line-height: 30px;
    background-color: transparent;
    width: 24px;
    padding-top: 5px;
}

.topic1-area {
    border-bottom: 1px solid #135796;
    line-height: 45px;
    width: 285px;
    margin: 0 auto;
}

.topic1-area .item {
    position: relative;
    background: url(../images/topic1/topic1_07.png) 70% 21px no-repeat;
    font-size: 16px;
    width: 50%;
    position: relative;
    cursor: pointer;
    float: left;
    color: #4BDCFB;
    text-indent: 36px;
}

.topic1-area .item:first-child:after {
    background: url(../images/topic1/topic1_18.png) right no-repeat;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 2px;
}

.topic1-list {
    border-bottom: 1px solid #135796;
    width: 285px;
    margin: 0 auto;
    padding: 20px 0px;
    cursor: pointer;
}

.topic1-list .pic {
    width: 99px;
    height: 85px;
    float: left;
}

.topic1-list .pic img {
    width: 100%;
    height: 100%;
}

.topic1-list .box {
    margin-left: 110px;
    color: #4caaff;
    line-height: 20px;
    font-size: 14px;
}

.topic1-list .box p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topic1-list .box h1 {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.topic1-menu {
    position: absolute;
    bottom: 25px;
    left: 20px;
    z-index: 100;
}

.topic1-menu li a {
    display: block;
    font-size: 16px;
    background: url(../images/topic1/topic1_10.png) center no-repeat;
    background-size: 100% 100%;
    width: 286px;
    height: 47px;
    line-height: 47px;
    margin-bottom: 15px;
    padding-left: 25px;
}

.topic1-menu li a img {
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.topic1-menu li a span {
    display: inline-block;
    padding-right: 10px;
    width: 179px;
}

.topic1-menu li a i {
    font-style: normal;
    display: inline-block;
    color: #FFFFFF;
    background: url(../images/topic1/topic1_11.png) no-repeat left;
    padding-left: 10px;
}

.topic1-menu li a:hover {
    background: url(../images/topic1/topic1_09.png) center no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
}

.topic1-menu li a:hover i {
    background: url(../images/topic1/topic1_12.png) no-repeat left;
}

.head-left {
    position: absolute;
    top: 20px;
    left: 30px;
}

.icon-travel {
    background: url(../images/topic1/topic1_16.png) center no-repeat;
    width: 22px;
    height: 18px;
    float: left;
    margin-top: 3px;
}

.head-left .name {
    font-size: 18px;
    display: block;
    float: left;
    padding: 0px 12px;
    color: #FFFFFF;
}

.topic1-travel {
    cursor: pointer;
    position: relative;
    background: url(../images/topic1/topic1_17.png) top center no-repeat;
    width: 43px;
    height: 54px;
    float: left;
}

.topic1-trave2 {
    cursor: pointer;
    position: relative;
    background: url(../images/directory/link4.png) top center no-repeat;
    width: 43px;
    height: 54px;
    float: left;
}

.head-topic1 {
    display: none;
    position: absolute;
    top: 45px;
    left: -130px;
    background: url(../images/topic1/topic1_13.png) center no-repeat;
    width: 388px;
    height: 58px;
}

.topic1-travel .toggle {
    width: 43px;
    height: 44px;
}

.head-topic1 > ul {
    padding: 10px 0px 0px;
    text-align: center;
}

.head-topic1 > ul > li {
    display: inline-block;
    line-height: 33px;
    position: relative;
}

.head-topic1 > ul > li .tip {
    line-height: 30px;
    position: absolute;
    top: 46px;
    left: -36px;
    z-index: 100;
    background-color: rgba(0, 59, 140, 0.6);
    color: #ff6969;
    padding: 0px 10px;
    min-width: 170px;
}

.head-topic1 .link {
    display: inline-block;
    padding: 0px 17px;
    border-radius: 4px;
}

.head-topic1 .current .link {
    background-color: #2c8fea;
    color: #FFFFFF;
}

.head-topic1 .link.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.head-topic1 .zk {
    display: block;
    padding-left: 15px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.head-topic1 .zk.disabled, .head-topic1 .zdate.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.head-topic1 .zdate {
    margin-left: 15px;
    cursor: pointer;
    display: inline-block;
    background: url(../images/topic1/topic1_14.png) center no-repeat;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: -999px;
    display: none;
}

.head-topic1 .zdate.show {
    display: inline-block;
}

.map-tab {
    position: absolute;
    top: 102px;
    left: 220px;
    background: url(../images/topic1/topic1_19.png) center no-repeat;
    width: 170px;
    height: 39px;
    overflow: hidden;
    z-index: 100;
}

.map-tab a {
    display: block;
    width: 33.333%;
    float: left;
    height: 36px;
    margin-top: 1px;
    text-align: center;
    line-height: 36px;
    position: relative;
}

.set-all {
    position: absolute;
    top: 102px;
    left: 220px;
    height: 36px;
    width: 50px;
    background: url(../images/topic1/topic1_20.png) center no-repeat;
    color: #FFFFFF;
    line-height: 36px;
    text-align: center;
    z-index: 100;
}

.map-tab a.current {
    background: url(../images/topic1/topic1_20.png) center no-repeat;
    color: #FFFFFF;
}

.map-tab a:after {
    background: url(../images/topic1/topic1_21.png) right no-repeat;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 2px;
}

.map-tab a:last-child:after {
    display: none;
}

.topic1-dialog {
    line-height: 22px;
    color: #4caaff;
    width: 120px;
}

.topic1-dialog img {
    cursor: pointer;
    width: 120px;
    height: 84px;
}

.topic1-dialog p {
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.topic1-dialog span {
    font-size: 13px;
    color: #FFFFFF;
}

.topic1-area .topic3-select-box {
    top: 45px;
    width: 100%;
}

.head-topic1 li .topic3-date-box {
    top: 55px;
    left: 310px;
}

.amap-info-content {
    background: url(../images/topic1/dialog.png) center no-repeat;
    width: 194px;
    height: 208px;
    padding: 34px 22px 0px 36px;
    overflow: hidden;
}

.amap-info-outer, .amap-menu-outer {
    box-shadow: none;
}

.bottom-center .amap-info-sharp {
    display: none;
}

.amap-info-close {
    right: 20px;
    _right: 20px;
+ right: 20 px;
    top: 20px;
    _top: 20px;
+ top: 20 px;
    color: #FFFFFF;
    display: none;
}

.amap-info-contentContainer:hover .amap-info-outer {
    box-shadow: none;
}

/**********************************专题3*******************************/
.wrapper {
    height: 1080px;
    position: relative;
    overflow: hidden;
}

.topic3-left {
    width: 517px;
    float: left;
    margin: 0px 0px 0px 20px;
    position: relative;
    z-index: 100;
}

.topic3-box1 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    width: 100%;
    height: 543px;
    padding-top: 15px;
}

.topic3-box2 {
    background: url(../images/topic3/tp3_02.png) center no-repeat;
    width: 100%;
    height: 400px;
    margin-top: 20px;
}

.topic3-right {
    width: 684px;
    float: right;
    margin: 0px 20px 0px 0px;
    position: relative;
    z-index: 100;
}

.topic3-box3 {
    background: url(../images/topic3/tp3_03.png) center no-repeat;
    width: 100%;
    height: 430px;
}

.topic3-list {
    margin-left: -14px;
}

.topic3-box4 {
    background: url(../images/topic3/tp3_04.png) center no-repeat;
    width: 334px;
    height: 255px;
    float: left;
    margin-left: 15px;
    margin-top: 11px;
}

.topic3-box5 {
    background: url(../images/topic3/tp3_05.png) center repeat;
    height: 299px;
    position: absolute;
    bottom: 23px;
    left: 551px;
    right: 718px;
    z-index: 100;
    background-size: 100% 100%;
}

.topic3-theme {
    padding: 15px 0px 15px 15px;
}

.topic3-theme .name {
    float: left;
    color: #FFFFFF;
    background: url(../images/topic3/tp3_arrow.png) left no-repeat;
    padding-left: 25px;
    font-size: 16px;
}

.topic3-right .topic3-theme .name {
    width: 262px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic3-theme .link {
    float: right;
}

.topic3-theme .link a {
    display: inline-block;
    border-right: 1px solid #10477d;
    padding: 0px 15px;
    line-height: 18px;
}

.topic3-theme .link a:last-child {
    border: 0px;
}

.topic3-theme .link img {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 5px;
}

.topic3-video {
    width: 645px;
    height: 355px;
    margin: 0 auto;
}

.topic3-video video {
    width: 645px;
    height: 355px;
}

.topic3-control {
    width: 308px;
    height: 190px;
    margin: 0 auto;
    overflow: hidden;
}

.topic3-control img {
    width: 308px;
    height: 190px;
}

.topic3-box4 .topic3-theme {
    padding: 10px 15px;
}

.topic3-tb {
    padding: 0px 15px 0px;
}

.topic3-tb table {
    width: 100%;
}

.topic3-tb th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.topic3-tb td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topic3-tb tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.topic3-tb tr th:last-child, .topic3-tb tr td:last-child {
    border: 0px;
}

.topic3-area {
    display: none;
    width: 194px;
    height: 35px;
    background: rgba(44, 143, 233, 0.2);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    float: left;
    position: relative;
    top: -5px;
    margin-left: 10px;
}

.topic3-select {
    width: 145px;
    background: url(../images/topic3/tp3_13.png) right no-repeat;
    height: 35px;
    line-height: 35px;
    color: #4BDCFB;
    cursor: pointer;
    padding-left: 10px;
    font-size: 15px;
    text-align: left;
}

.topic3-select-box {
    text-indent: 0px;
    display: none;
    background: url(../images/topic3/tp3_11.png) bottom center no-repeat;
    width: 155px;
    height: 113px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: 100;
}

.topic3-select-box li {
    cursor: pointer;
    position: relative;
    background: url(../images/topic3/tp3_12.png) bottom no-repeat;
    line-height: 37px;
    color: #FFFFFF;
    padding-left: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.topic3-select-box li:last-child {
    background-image: none;
}

.topic3-select-box li.selected {
    background: url(../images/topic3/tp3_20.png) left no-repeat;
    color: #0d0004;
}

.topic3-select-box li.selected:after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    background: url(../images/topic3/tp3_14.png) center no-repeat;
    width: 9px;
    height: 7px;
}

.topic3-date {
    background: url(../images/topic3/tp3_18.png) center no-repeat;
    text-indent: -999px;
    overflow: hidden;
    width: 38px;
    height: 36px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.topic3-date:after {
    display: block;
    content: "";
    clear: both;
    position: absolute;
    left: 0px;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background-color: #2f8ee8;
}

.shadow {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
}

.topic3-news {
    display: none;
    background: url(../images/topic3/tp3_09.png) center no-repeat;
    width: 401px;
    height: 256px;
    position: absolute;
    top: 46px;
    left: 0px;
    z-index: 100;
}

.topic3-news li {
    background: url(../images/topic3/tp3_10.png) bottom no-repeat;
    height: 36px;
    line-height: 36px;
}

.topic3-news li:last-child {
    background-image: none;
}

.topic3-news li a {
    text-align: left;
    display: block;
    color: #FFFFFF;
    padding-left: 20px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topic3-news li a:after {
    display: block;
    content: "";
    clear: both;
    position: absolute;
    left: 15px;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background-color: #6ef5d4;
}

.topic3-news li a span {
    color: #F1FF51;
}

.topic3-news li a:hover {
    background: url(../images/topic3/tp3_19.png) center no-repeat;
    color: #333;
}

.topic3-news li a:hover:after {
    background-color: #0d0004;
}

.topic3-news li a:hover span {
    color: #333333;
}

.topic1-travel:hover .topic3-news {
    display: block;
}

.topic3-event {
    width: 475px;
    height: 368px;
    margin: 0px auto; /* background:rgba(44,143,233,0.2); */
    background: url(../images/topic3/tp3_21.png) center no-repeat;
}

.topic3-event .box {
    color: #0abdff;
    padding: 0px 20px;
}

.topic3-event .box p {
    border-bottom: 1px solid #0c4277;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topic3-event .box span {
    color: #FFFFFF;
}

.topic3-event .box .item {
    padding-top: 5px;
}

.topic3-event .box p.last {
    border-bottom: 0px;
    float: left;
    line-height: 26px;
}

.topic3-event .box .info {
    color: #FFFFFF;
    margin-left: 70px;
    line-height: 26px;
    height: 130px;
}

.topic3-number {
    padding: 35px 0px 0px 20px;
}

.topic3-number > ul > li {
    float: left;
    margin-right: 28px;
}

.topic3-number > ul > li:last-child {
    margin-right: 0px;
}

.topic3-number p {
    color: #FFFFFF;
    padding-bottom: 10px;
}

.topic3-number .znumber {
    float: left;
}

.topic3-number .units {
    float: left;
    line-height: 43px;
    margin-left: 5px;
}

.znumber {
    display: inline-block;
    height: 43px; /* width: 70px; */
    position: relative;
}

.dataNums {
    position: relative;
    display: block;
    height: 43px;
    text-align: center;
    left: 0;
}

.dataNums .dataOne {
    display: inline-block;
    width: 32px;
    height: 43px;
    background: linear-gradient(180deg, rgba(46, 149, 255, 1) 17%, rgba(38, 60, 155, 1) 98%);
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 30px;
    text-align: center;
    line-height: 43px;
    margin-right: 3px;
}

.dataNums .dataBoc {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dataNums .dataBoc .tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dataNums .tt span {
    width: 100%;
    height: 100%;
    line-height: 43px;
    float: left;
}

.dataIcon {
    display: none;
}

.dataNums .dataLine {
    background: transparent;
    width: 10px !important;
}

/**********************************专题4*******************************/
.topic4-left {
    width: 756px;
    float: left;
    margin: 0px 0px 0px 16px;
    position: relative;
    z-index: 100;
}

.topic4-right {
    width: 370px;
    float: right;
    margin: 0px 16px 0px 0px;
    position: relative;
    z-index: 100;
}

.topic4-center {
    background: url(../images/topic4/topic_04.png) center repeat;
    height: 352px;
    position: absolute;
    bottom: 22px;
    left: 785px;
    right: 400px;
    z-index: 100;
    background-size: 100% 100%;
}

.topic4-box1 {
    background: url(../images/topic4/topic_01.png) center no-repeat;
    width: 756px;
    height: 188px;
    margin-bottom: 14px;
}

.topic4-box2 {
    position: relative;
    background: url(../images/topic4/topic_02.png) center no-repeat;
    width: 370px;
    height: 397px;
    margin-bottom: 14px;
    float: left;
}

.topic4-box2 .topic3-theme {
    position: absolute;
    top: 0px;
    left: 0px;
}

.topic4-box3 {
    background: url(../images/topic4/topic_03.png) center no-repeat;
    width: 370px;
    height: 352px;
    float: left;
}

.mar {
    margin-right: 15px;
}

.topic4-box4 {
    background: url(../images/topic4/topic_05.png) center no-repeat;
    width: 370px;
    height: 299px;
    margin-bottom: 15px;
}

.topic4-box5 {
    background: url(../images/topic4/topic_06.png) center no-repeat;
    width: 370px;
    height: 301px;
    margin-bottom: 15px;
}

.topic4-box6 {
    background: url(../images/topic4/topic_07.png) center no-repeat;
    width: 370px;
    height: 334px;
}

.chart4 {
    margin: 12px 15px 0;
    height: 360px;
}

.chart5 {
    margin: 0px 15px;
    height: 250px;
    position: relative;
}

.chart-units {
    color: #FFFFFF;
    position: absolute;
    right: -10px;
    bottom: -5px;
}

.cp_01 {
    bottom: 6px;
    right: 12px;
}

.cp_02 {
    bottom: 8px;
    right: 5px;
}

.chart {
    width: 100%;
    height: 100%;
}

.topic4-tb td {
    line-height: 40px;
}

.topic4-tb .yellow {
    color: #FEFA97;
}

.chart6 {
    margin: 0px 20px;
    height: 220px;
}

.topic4-select {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 156px;
    height: 35px;
    background: rgba(44, 143, 233, 0.2);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
}

.topic3-number.tp4 .title {
    color: #2497FF;
    font-size: 26px;
    padding-top: 10px;
}

.topic3-number.tp4 {
    padding-top: 20px;
}

.topic3-number.tp4 .unti {
    color: #FFFFFF;
    padding-top: 50px;
}

.topic3-number.tp4 li.first {
    margin-right: 10px;
}

.topic3-number.tp4 li.td {
    width: 33%;
}

/**********************************专题5*******************************/
.topic5-left {
    width: 508px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.ht217 {
    height: 217px;
}

.ht302 {
    height: 302px;
}

.ht418 {
    height: 418px;
    position: relative;
    padding-top: 15px;
}

.ht418 .topic3-theme {
    position: absolute;
    top: 0px;
    left: 0px;
}

.mt12 {
    margin-bottom: 12px;
}

.topic-box {
    position: relative;
    border: 2px solid #0b3e69;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    background: url(../images/topic5/tpbg.png) center repeat;
}

.topic-box:before, .topic-box:after, .topic-box .wrapbox:before, .topic-box .wrapbox:after {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(../images/topic5/tpbg_01.png) center no-repeat;
    width: 14px;
    height: 14px;
}

.topic-box:after {
    right: -1px;
    left: auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.topic-box .wrapbox {
    position: relative;
    width: 100%;
}

.topic-box .wrapbox:before {
    top: auto;
    bottom: -1px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.topic-box .wrapbox:after {
    left: auto;
    top: auto;
    right: -1px;
    bottom: -1px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.wt255 {
    width: 255px;
    float: left;
    margin-right: 10px;
}

.wt243 {
    width: 243px;
    float: left;
}

.topic5-center {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    left: 530px;
    bottom: 15px;
    right: 490px;
}

.ht340 {
    height: 340px;
}

.ht230 {
    height: 230px;
}

.wt440 {
    float: left;
    width: 440px;
    margin-left: 10px;
}

.topic5-center .wt440 {
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
}

.topic5-right {
    width: 460px;
    float: right;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

.chart7 {
    margin: 0px 20px;
    height: 230px;
}

.c-blue {
    color: #4caaff;
}

.c-red {
    color: #f67071;
}

.chart8 {
    margin: 0px 20px;
    height: 370px;
}

.tp5-wrap {
    position: relative;
    padding-top: 15px;
}

.tp5-wrap .topic3-theme {
    position: absolute;
    top: 0px;
    left: 0px;
}

.tp5-wrap .chart9 {
    height: 210px;
}

.chart9 {
    margin: 0px 20px;
    height: 170px;
}

.map-tab.mp1 {
    width: 125px;
    top: 95px;
    border-right: 1px solid #07274e;
    left: 1298px;
}

.map-tab.mp1 a {
    width: 50%;
}

.map5 .amap-info-content {
    font-size: 16px;
    background: url(../images/topic5/dialog.png) center no-repeat;
    width: 125px;
    height: 52px;
    padding: 14px 6px 6px 0px;
    text-align: center;
    overflow: hidden;
}

.topic5-dialog span {
    color: #FFF289;
}

.topic5-dialog i {
    color: #FFFFFF;
    font-style: normal;
    display: inline-block;
    margin-left: 10px;
}

/**********************************专题6*******************************/
.topic6-left {
    width: 650px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.wt250 {
    width: 250px;
}

.ht236 {
    height: 236px;
}

.wt387 {
    width: 387px;
    position: relative;
}

.wt387 .ht236 {
    padding-top: 15px;
}

.wt387 .topic3-theme {
    position: absolute;
    top: 0px;
    left: 0px;;
}

.ht713 {
    height: 713px;
}

.topic6-center {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    left: 682px;
    bottom: 16px;
    right: 656px;
}

.topic6-right {
    width: 624px;
    float: right;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

.wt357 {
    width: 357px;
}

.ht296 {
    height: 296px;
}

.ht317 {
    height: 319px;
}

.topic6-right .wt255 {
    margin: 0px 0px 0px 10px;
}

.wt214 {
    width: 214px;
}

.ht255 {
    height: 255px;
}

.topic6-center .wt352 {
    margin-left: 226px;
}

.topic6-left .units {
    line-height: 36px;
}

.topic6-left .dataNums {
    height: 36px;
}

.topic6-left .dataNums .dataOne {
    width: 29px;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
}

.topic6-left .znumber.b6 {
    height: 36px;
}

.topic6-left .dataNums .tt span {
    line-height: 36px;
}

.chart81 {
    margin: 0px 20px;
    height: 200px;
}

.topic6-tab {
    position: absolute;
    top: 0px;
    right: 10px;
}

.topic6-tab span {
    display: inline-block;
    color: #43a7d9;
    padding: 15px 15px 20px;
    position: relative;
    cursor: pointer;
}

.topic6-tab span.current {
    background: url(../images/topic6/tp6-tab.png) bottom no-repeat;
    color: #FFFFFF;
}

.topic6-tab span:after {
    display: block;
    content: "";
    background: url(../images/topic6/tp6_line.png) no-repeat;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 0px;
}

.topic6-tab span:last-child:after {
    display: none;
}

.topic6-theme {
    background: url(../images/topic6/tp6_01.png) center repeat-x;
    line-height: 33px;
    margin: 0px 15px;
    height: 33px;
    padding: 0px 15px;
    font-size: 16px;
    color: #FFFFFF;
}

.topic6-theme p {
    font-weight: bold;
    float: left;
}

.topic6-theme span {
    color: #FFF38C;
    float: right;
}

.topic6-wrap .topic3-number {
    padding: 10px 0px 0px 30px;
    width: 225px;
    float: left;
}

.topic6-wrap .topic3-number p {
    color: #2C8FE9;
    padding-bottom: 5px;
}

.topic6-wrap .topic3-number.tp4 .unti {
    padding-top: 45px;
}

.topic6-chart {
    margin-left: 270px;
}

.chart10 {
    height: 185px;
    margin-right: 15px;
    position: relative;
    padding-top: 10px;
}

.chart10 .title {
    position: absolute;
    top: 10px;
    left: 0px;
    color: #2C8FE9;
}

.chart11 {
    height: 95px;
    margin-top: 10px;
    width: 150px;
}

.topic6-01 {
    color: #38D3FF;
    font-size: 40px;
    font-weight: bold;
    background: url(../images/topic6/tp6_02.png) center no-repeat;
    width: 162px;
    line-height: 70px;
    text-align: center;
    margin: 40px auto 0px;
}

.t6number {
    height: 70px;
    margin: 0 auto;
    position: relative;
}

.t6number .dataNums .tt span {
    line-height: 70px;
}

.t6number .dataNums .dataOne {
    background: none;
    font-size: 40px;
    height: 70px;
    color: #38D3FF;
}

.t6number .dataNums .dataBoc .tt {
    top: 5px;
}

.topic6-02 {
    color: #FFFFFF;
    font-size: 16px;
    text-align: right;
    width: 162px;
    margin: 10px auto;
}

.chart12 {
    height: 180px;
    margin: 0px 15px;
}

.overflow {
    overflow: hidden;
}

.chart13 {
    height: 210px;
    margin: 0px 15px;
}

.chart14 {
    height: 230px;
    margin: 0px 15px;
}

.wt245 {
    width: 245px;
}

.topic6-rescoures {
    position: absolute;
    top: 0px;
    left: -255px;
    z-index: 1000;
}

.topic6-rescoures .topic1-search {
    width: auto;
    margin: 0px 12px;
}

.topic6-rescoures .topic1-search input[type=text] {
    width: 182px;
    position: relative;
    top: -2px;
    color: #4caaff;
}

.topic6-rescoures .topic1-search input[type=text]::-moz-placeholder {
    color: #4caaff;
}

.topic6-rescoures .topic1-search input[type=text]::-webkit-input-placeholder {
    color: #4caaff;
}

.topic6-rescoures .list {
    padding: 0px 12px 15px;
}

.topic6-rescoures li {
    border-bottom: 1px solid #145b9b;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
}

.topic6-rescoures li p {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    color: #FFFFFF;
}

.topic6-rescoures li span {
    display: block;
    float: right;
    color: #2C8FE9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80px;
}


.layui-laydate {
    background: url(../images/databg.png) center repeat !important;
}

.layui-laydate-list {
    background: url(../images/databg.png) center repeat !important;
}

.layui-laydate-content td {
    color: #FFFFFF !important;
}

.layui-laydate, .layui-laydate-hint {
    color: #ffffff !important;
    border: 0px !important;
}

.layui-laydate-header i, .layui-laydate-content th {
    color: #ffffff !important
}

/**********************************专题7*******************************/
.topic7-left {
    width: 635px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.topic7-center {
    position: absolute;
    z-index: 100;
    bottom: 14px;
    left: 665px;
    right: 665px;
}

.topic7-right {
    width: 635px;
    float: right;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

.ht144 {
    height: 144px;
}

.ht226 {
    height: 226px;
}

.wt286 {
    width: 286px;
}

.ht260 {
    height: 260px;
}

.wt340 {
    width: 340px;
}

.ht290 {
    height: 290px;
}

.ansyls .topic3-number {
    padding-top: 0px;
}

.ansyls .dataNums {
    height: 36px;
}

.ansyls .dataNums .dataOne {
    width: 29px;
    height: 39px;
    line-height: 39px;
    font-size: 27px;
}

.ansyls .znumber.b6 {
    width: 192px;
    height: 39px;
}

.ansyls .dataNums .tt span {
    line-height: 39px;
}

.z-box .dataNums {
    height: 31px;
}

.z-box .units {
    line-height: 31px;
}

.z-box .dataNums .dataOne {
    width: 25px;
    height: 31px;
    line-height: 31px;
    font-size: 20px;
}

.z-box .dataNums .tt span {
    line-height: 31px;
}

.z-box .dataNums .dataLine {
    background: transparent;
    width: 10px;
}

.ansyls .topic3-number.tp4 .title {
    font-size: 20px;
}

.ansyls .topic3-number .line {
    background: url(../images/topic7/tp7_01.png) right no-repeat;
    padding-right: 10px;
}

.chart15 {
    margin: 0px 20px;
    height: 160px;
    position: relative;
    top: -10px;
}

.tp7-condition {
    float: right;
}

.tp7-condition .topic4-select {
    position: relative;
    float: left;
    top: 0px;
    right: 0px;
    width: 149px;
    height: 31px;
    margin-right: 10px;
}

.tp7-condition .topic3-select {
    width: 112px;
    line-height: 31px;
    height: 31px;
}

.tp7-condition .topic3-select-box {
    top: 31px;
}

.tp7-condition .topic3-number {
    padding: 0px 10px 0px 0px;
    float: left;
}

.tp7-condition .topic3-number li {
    line-height: 31px;
    color: #FFFFFF;
    margin-right: 3px;
}

.tp7-condition .topic3-number span {
    width: 25px;
    height: 31px;
    line-height: 31px;
    font-size: 21px;
}

.tp7-condition .topic3-number b {
    display: inline-block;
    margin-right: 3px;
}

.tp7-condition .btn-search {
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent;
    padding: 5px;
    cursor: pointer;
}

.tp7-condition .btn-search:after {
    width: 1px;
    height: 15px;
    background-color: #2497FF;
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: -2px;
}

.tp7-data {
    float: right;
    margin-right: 10px;
    background: url(../images/topic1/topic1_14.png) center no-repeat;
    width: 18px;
    height: 18px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

.chart-tab {
    color: #2C8FE9;
    overflow: hidden;
    margin: 0 auto;
    border-left: 1px solid #2C8FE9;
    width: 160px;
}

.chart-tab span {
    cursor: pointer;
    display: block;
    height: 22px;
    line-height: 22px;
    border: 1px solid #2C8FE9;
    border-left: 0px;
    padding: 0px 5px;
    float: left;
}

.chart-tab .current {
    background-color: #2a8feb;
    color: #FFFFFF;
}

.chart16 {
    height: 160px;
    position: relative;
    margin: 10px 20px 0;
}

.chart16 .chart-panel {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.chart16 .chart-panel.active {
    z-index: 1000;
    visibility: visible;
}

.topic7-list {
    padding: 0px 0px 0px 15px;
}

.topic7-list .item {
    width: 50%;
    float: left;
}

.topic7-list .item:first-child {
    background: url(../images/topic7/tp7_03.png) 93% 0px no-repeat;
}

.topic7-list .item .title {
    color: #2C8FE9;
    display: inline-block;
    margin: 0px 5px 0px 15px;
}

.topic7-list .item .number {
    color: #2C8FE9;
    display: inline-block;
    width: 65px;
}

.topic7-list .item ul {
    position: relative;
}

.topic7-list .item ul:after {
    display: block;
    content: "";
    position: absolute;
    top: 14px;
    left: 8px;
    bottom: 14px;
    width: 1px;
    background-color: #195697;
    z-index: 1;
}

.topic7-list .item ul li {
    background: url(../images/topic7/tp7_02.png) left no-repeat;
    color: #FFFFFF;
    padding: 0 20px 0 30px;
    line-height: 30px;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.topic7-list .item ul li span {
    display: block;
    float: left;
    width: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topic7-list .item ul li label {
    color: #FEFFA5;
    float: right;
    width: 70px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chart16.tp1 {
    height: 200px;
}

.chart-tab.tp7_01 {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0px;
}

.chart-tab.tp7_02 {
    position: absolute;
    top: 15px;
    right: 15px;
}

/**********************************专题8*******************************/
.topic8-left {
    width: 754px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.topic8-center {
    position: absolute;
    z-index: 100;
    bottom: 14px;
    left: 784px;
    right: 457px;
}

.topic8-right {
    width: 427px;
    float: right;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

.ht211 {
    height: 211px;
}

.ht199 {
    height: 199px;
}

.wt271 {
    width: 271px;
}

.ht265 {
    height: 265px;
}

.wt469 {
    width: 469px;
}

.wt371 {
    width: 371px;
}

.ht246 {
    height: 246px;
}

.w208 {
    width: 208px;
}

.ht525 {
    height: 525px;
}

.tp8_01 {
    margin-left: 218px;
}

.ht968 {
    height: 968px;
}

.tp8-tab {
    color: #2C8FE9;
    overflow: hidden;
    margin: 0px 15px 0px 0px;
    float: right;
    border-left: 1px solid #2C8FE9;
}

.tp8-tab span {
    cursor: pointer;
    display: block;
    height: 22px;
    min-width: 35px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #2C8FE9;
    border-left: 0px;
    padding: 0px 5px;
    float: left;
}

.tp8-tab .current {
    background-color: #2a8feb;
    color: #FFFFFF;
}

.topic8-choose {
    margin: 5px 15px;
}

.topic8-choose .topic4-select {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 31px;
}

.topic8-choose .topic3-select {
    width: 340px;
    line-height: 31px;
    height: 31px;
}

.topic8-choose .topic3-select-box {
    top: 31px;
    width: 100%;
    background-repeat: repeat
}

.topic8-choose .topic3-select-box li.selected {
    background-position: left;
}

.topic8-choose .btn-search {
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent;
    padding: 5px 10px;
    cursor: pointer;
}

.topic8-choose .btn-search:after {
    width: 1px;
    height: 15px;
    background-color: #2497FF;
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: -2px;
}

.topic8-choose.min {
    float: right;
    margin: 0px 15px 0px 0px;
}

.topic8-choose.min .topic4-select {
    width: 135px;
}

.topic8-choose.min .topic3-select {
    width: 95px;
}

.topic8-choose.min .btn-search {
    padding: 5px 5px;
}

.tp8-lever {
    margin: 20px 15px 0px;
    color: #4caaff;
    line-height: 22px;
}

.tp8-lever span {
    display: inline-block;
    padding: 0px 4px;
    border-radius: 2px;
    cursor: pointer;
    color: #FFFFFF;
    margin-left: 3px;
}

.tp8-lever .current {
    background-color: #2b8adc;
    color: #FFFFFF;
}

.scence-list {
    padding: 0px 15px;
}

.scence-list .item {
    margin-top: 13px;
    background: url(../images/topic8/tp8_01.png) center repeat;
    padding: 10px 10px;
}

.scence-list .theme .tp8-tab {
    margin-right: 0px;
}

.scence-list .theme {
    border-bottom: 1px solid #0c457a;
    padding-bottom: 10px;
}

.scence-list .theme .pull-left {
    font-size: 16px;
    color: #FFFFFF;
}

.scence-list .theme .pull-left span {
    font-weight: 100;
}

.scence-list .theme .pull-left label {
    color: #FFF38C;
    margin-left: 5px;
}

.scence-list .cont .tb {
    display: none;
    width: 100%;
}

.scence-list .cont .tb.active {
    display: table;
}

.scence-list .cont td {
    color: #4caaff;
    padding: 10px 0px 0px 10px;
    font-size: 15px;
}

.scence-list .cont span {
    color: #FFFFFF;
}

.tp8-car .line {
    background: url(../images/topic7/tp7_03.png) right no-repeat;
    width: 1px;
    height: 158px;
    margin: 0px 15px 0px 8px;
}

.tp8-car {
    padding-top: 0px;
    padding-left: 15px;
}

.tp8-car ul li {
    margin-right: 10px;
}

.tp8-car ul li:last-child {
    margin-right: 0px;
}

.tp8-car ul li.first {
    margin-right: 5px;
}

.tp8-car .ohter i {
    font-style: normal;
    color: #3CA6FF;
    font-size: 21px;
    font-weight: bold;
    display: inline-block;
    margin: 0px 3px;
}

.tp8-car .ohter .item {
    padding-top: 10px;
    padding-bottom: 5px;
}

.tp8-car .ohter .item p {
    padding-bottom: 0px;
    width: 73px;
}

.tp8-car .anter .item {
    padding-top: 0px;
    padding-bottom: 15px;
}

.tp8-car .anter .item p {
    padding-bottom: 0px;
}

.tp8-car .anter .title {
    color: #2C8FE9;
    font-size: 15px;
    font-weight: bold;
}

.tp8-car .anter .yellow {
    color: #FBFF83;
}

.chart17 {
    height: 135px;
    margin: 0px 15px;
}

.chart18 {
    height: 195px;
    margin: 0px 15px;
}

.chart19 {
    height: 175px;
    margin: 0px 0px 0px 5px;
    width: 130px;
    float: left;
}

.topic7-list.ohter {
    float: left;
    padding-left: 0px;
}

.topic7-list.ohter .item {
    background: none;
    width: 100%;
}

.topic7-list.ohter .item ul li span {
    width: 40px;
}

.topic7-list.ohter .item ul li label {
    display: inline-block;
    text-align: center;
}

.topic7-list.ohter .number {
    padding: 0px 8px;
}

.topic7-list.ohter .item .title.no {
    margin: 0px;
}

.topic8-01 {
    color: #FFFFFF;
    font-size: 14px;
    margin: 0px 15px 15px;
}

.topic8-02 {
    color: #38D3FF;
    font-size: 26px;
    font-weight: bold;
    background: url(../images/topic8/tp8_02.png) center no-repeat;
    width: 162px;
    line-height: 47px;
    text-align: center;
    margin: 0px auto 15px;
}

.topic8-03 {
    color: #2C8FE9;
    font-size: 16px;
    padding: 10px 15px;
}

.topic8-03 i {
    background-color: #4ab2f9;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 3px solid #14486d;
    display: inline-block;
    margin-right: 5px;
}

.txtbg {
    width: 190px;
    margin: 0px 15px 0px 0px;
    float: right;
}

.txtbg .txt {
    color: #4caaff;
    background: transparent;
}

.txtbg .txt[type="text"]::-moz-placeholder {
    color: #4caaff;
}

.txtbg .txt[type="text"]::-webkit-input-placeholder {
    color: #4caaff;
}

.topic8-wrap {
    padding: 0px 15px 0px;
}

.topic8-wrap .item {
    margin-top: 15px;
    background: url(../images/topic8/tp8_01.png) center repeat;
    padding: 10px 10px;
}

.topic8-wrap table {
    width: 100%;
}

.topic8-wrap td {
    color: #4caaff;
    font-size: 15px;
    padding: 2px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topic8-wrap td:first-child {
    width: 230px;
    display: block;
}

.topic8-wrap td span {
    color: #FFFFFF;
}

.topic8-wrap .link {
    display: inline-block;
    width: 51px;
    height: 25px;
    background: rgba(44, 143, 233, 1);
    border-radius: 13px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 20px;
    font-size: 13px;
}

.topic8-wrap .orange {
    background: rgba(255, 130, 55, 1);
}

.map8 .amap-info-content {
    font-size: 13px;
    background: url(../images/topic8/tp8_03.png) center no-repeat;
    width: 339px;
    height: 200px;
    padding: 12px 6px 0px 12px;
    overflow: hidden;
}

.topic8-dialog th {
    color: #4caaff;
    padding: 1px 0px;
    text-align: right;
    font-weight: normal;
    white-space: nowrap;
}

.topic8-dialog td {
    color: #FFFFFF;
    padding: 1px 0px;
    white-space: nowrap;
}

.topic8-dialog .title {
    color: #FFFB87;
    font-size: 14px;
    border-left: 2px solid #f3f685;
    padding-left: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.topic8-dialog td .title {
    color: #FFFFFF;
    border: 0;
    padding: 0;
    margin: 0;
    width: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ytitle {
    color: #FFFFFF;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/***.ytitle{color: #FFFFFF;width: 155px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}**/
/**********************************专题2*******************************/
.topic2-wrap {
    width: 1560px;
    height: 950px;
    border: 1px solid #063c6b;
    background-color: #02294a;
    position: relative;
}

.topic2-header {
    position: relative;
}

.topic2-header .pull-left {
    line-height: 70px;
    padding-left: 20px;
    color: #FFFFFF;
}

.topic2-header .pull-left span {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    margin-right: 20px;
}

.topic2-header .pull-left label {
    color: #FF6C6C;
    font-size: 24px;
}

.topic2-header .pull-right {
    margin-right: 50px;
    padding-top: 5px;
}

.topic2-header .pull-right a {
    height: 70px;
    float: left;
    background: url(../images/topic2/tp2_06.png) right no-repeat;
    position: relative;
    text-align: center;
}

.topic2-header .pull-right a:last-child {
    background: none;
}

.topic2-header .pull-right a span {
    background: url(../images/directory/user-bg.png) center no-repeat;
    width: 43px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 60px;
    left: 13px;
    display: none;
    z-index: 1000;
}

.topic2-header .pull-right a:hover span {
    display: block;
}


.layui-layer-setwin .layui-layer-close2 {
    background: url(../images/topic2/close.png) center no-repeat !important;
    width: 12px !important;
    height: 12px !important;
    display: block;
    position: absolute;
    top: 16px !important;
    right: 20px !important;
}

.topic2-left {
    margin-left: 20px;
    width: 790px;
    float: left;
}

.topic2-right {
    margin-right: 20px;
    width: 710px;
    float: right;
}

.topic2-wrap .topic-box {
    margin-bottom: 15px;
}

.ht210 {
    height: 210px;
}

.ht148 {
    height: 148px;
}

.ht180 {
    height: 180px;
}

.ht245 {
    height: 245px;
}

.ht240 {
    height: 242px;
}

.ht260 {
    height: 260px;
}

.ht300 {
    height: 300px;
}

.topic2-title {
    background: url(../images/topic2/tp2_07.png) left no-repeat;
    margin-left: 15px;
    color: #2C8FE9;
    font-size: 16px;
    padding: 12px 15px 12px 20px;
}

.topic2-base {
    padding-left: 25px;
}

.topic2-base img {
    float: left;
    width: 216px;
    height: 144px;
}

.topic2-base .box {
    margin-left: 244px;
    color: #2C8FE9;
    font-size: 18px;
}

.topic2-base .box p {
    margin-bottom: 15px;
}

.topic2-base .box span {
    color: #FFFFFF
}

.topic2-weather {
    padding-left: 25px;
}

.topic2-weather .weather {
    background: #032747;
    width: 77px;
    height: 77px;
    text-align: center;
    padding-top: 20px;
    float: left;
    border-radius: 100%;
}

.topic2-weather .item {
    float: left;
    color: #64BFFF;
    font-size: 18px;
    padding: 10px 30px 0px 20px;
}

.topic2-weather .item h1 {
    font-size: 34px;
    margin-bottom: 5px;
}

.topic2-weather .box {
    background: url(../images/topic2/tp2_10.png) left no-repeat;
    float: left;
}

.topic2-weather .box .info {
    float: left;
    color: #2C8FE9;
    font-size: 14px;
    padding-left: 30px;
}

.topic2-weather .box .info span {
    font-size: 18px;
    color: #FFFFFF;
    display: block;
    padding-top: 5px;
}

.topic2-number {
    padding-top: 0px;
    float: left;
    width: 290px;
    margin-left: 15px;
    padding-left: 0px;
    margin-right: 0px;
}

.topic2-number ul li {
    float: none;
    margin-bottom: 15px;
    overflow: hidden;
    display: flex;
    align-content: center;
}

.topic2-number ul li p {
    display: inline-block;
    width: 100px;
    line-height: 43px;
    padding: 0px;
    float: left;
    text-align: right;
    font-size: 13px;
    padding-right: 5px;
}

.topic2-number ul li span {
    width: 37px;
    float: left;
}

.topic2-number ul li .units {
    line-height: 43px;
    margin-left: 5px;
}

.y-box .dataNums {
    height: 43px;
}

.y-box .dataNums .dataOne {
    width: 36px;
    height: 43px;
    line-height: 43px;
    font-size: 30px;
}

.y-box .dataNums .tt span {
    line-height: 43px;
}

.topic8-list {
    float: left;
    width: 450px;
    padding: 0px;
    position: relative;
    top: -10px;
}

.topic8-list .theme {
    width: 300px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic2-wrap .topic8-list .theme {
    width: 290px;
}

.topic2-wrap .topic8-list.ohter .theme {
    width: 145px;
}

.topic8-list .time {
    float: right;
    color: #FEFFA5;
    width: 102px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.topic8-list .item ul li.first .time {
    float: right;
    color: #2C8FE9;
    width: 102px;
    text-align: left;
}

.topic8-list .item ul li.first {
    background: none;
    color: #2C8FE9;
    font-size: 12px;
}

.topic8-list .item ul li.first {
    color: #2C8FE9;
    font-size: 12px;
}

.topic8-list .item ul li {
    overflow: hidden;
    float: none;
    color: #FFFFFF;
}

.topic8-list .item, .topic8-list .item:first-child {
    background: none;
    width: auto;
    float: none;
}

.topic8-list .item ul:after {
    top: 40px;
}

.topic8-list.ohter .theme {
    width: 180px;
}

.topic8-list .score {
    float: left;
    margin: 0px 10px;
    width: 60px;
    height: 11px;
}

.topic8-list .score i {
    background: url(../images/topic2/tp2_11.jpg) left repeat;
    height: 11px;
    display: block;
    margin-top: 10px;
}

.topic8-list .resore {
    float: left;
}

.chart20 {
    margin: 0px 20px;
    height: 125px;
    position: relative;
    top: -5px;
}

.chart21 {
    float: left;
    height: 170px;
    width: 370px;
    margin-left: 10px;
}

.chart22 {
    float: left;
    height: 180px;
    width: 320px;
    margin-left: 20px;
}

.topic8-list.list {
    width: 380px;
}

.topic8-list.list .score {
    width: auto;
    height: auto;
    margin: 0px 5px;
}

.topic8-list.list .score .yellow {
    color: #FEFFA5;
}

.chart23 {
    height: 160px;
    margin-left: 20px;
}

.tplist1 {
    height: 845px;
    overflow: hidden;
}

.tplist3_1 {
    height: 344px;
    overflow: hidden;
}

.tplist3_2 {
    height: 244px;
    overflow: hidden;
}

.tplist4 {
    height: 242px;
    overflow: hidden;
}

.tplist5 {
    height: 285px;
    overflow: hidden;
}

.tplist6 {
    height: 712px;
    overflow: hidden;
}

.tplist8_1 {
    height: 464px;
    overflow: hidden;
}

.tplist8_2 {
    height: 836px;
    overflow: hidden;
}

.percent {
    height: 70px;
    width: 105px;
    margin: 0 auto;
    position: relative;
}

.percent .dataNums .tt span {
    line-height: 70px;
}

.percent .dataNums .dataOne {
    background: none;
    font-size: 40px;
    height: 70px;
    color: #38D3FF;
}

.units {
    display: none;
    color: #FFFFFF;
}

.ztitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
}

.pointbox {
    background: url(../images/topic1/points.png) center no-repeat;
    width: 66px;
    height: 66px;
    text-align: center;
    padding-top: 20px;
}

.zz-box {
    height: 210px;
}

.scroll2 {
    overflow: hidden;
    overflow-y: auto;
}

.scroll2::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroll2::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: #2C8FE9;
    border: 1px solid #2C8FE9;
    border-radius: 3px;
}

.scroll2::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: #082b55;
    border-radius: 3px;
}

.drops.topic4-select {
    top: 30px;
    right: 40px;
    width: 170px;
}

.drops .topic3-select {
    width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 24px;
}

.drops .topic3-select-box {
    width: 170px;
    background-repeat: repeat;
    height: 186px;
}

.drops ul > li {
    color: #4BDCFB;
    padding-right: 24px;
}

.drops ol {
    display: none;
    background: url(../images/topic3/tp3_12.png) bottom no-repeat;
}

.drops ol > li {
    padding: 0px 20px;
    padding-right: 24px;
}

.drops ul > li:after {
    display: block;
    background: url(../images/arrow.png) center no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
}

.drops .topic3-select-box ol li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drops .topic3-select-box li.selected:after {
    display: none;
}

.isVideo {
    position: relative;
}

.isClose {
    background: url(../images/topic3/close.png) center no-repeat;
    float: right;
    width: 19px;
    height: 19px;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
}

.isClose:hover {
    background: url(../images/topic3/close-hover.png) center no-repeat;
}

.topic3-box3 .isClose {
    margin-right: 25px;
}

/* -----------------------------------------------导游------------------------------------------ */

.topic-dy-left {
    width: 580px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.topic-dy-center {
    position: absolute;
    z-index: 100;
    bottom: 53px;
    left: 616px;
    right: 490px;
}

.topic-dy-right {
    width: 700px;
    float: right;
    margin-left: 20px;
    position: relative;
    z-index: 100;
    margin-right: 20px;
}

.wt-dy-412 {
    width: 243px;
}

.wt-dy-320 {
    width: 213px;
    float: left;
    margin-left: 13px;
}

/*导游换证进度*/
/*河南导游换证趋势（年）*/
.topic-dy-box {
    position: relative;
    border: 2px solid #0b3e69;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    background: url(../images/topic5/tpbg.png) center repeat;
}

.topic-dy-box:before, .topic-dy-box:after, .topic-dy-box .wrapbox:before, .topic-dy-box .wrapbox:after {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(../images/topic5/tpbg_01.png) center repeat;
    width: 14px;
    height: 14px;
}

.topic-dy-box:after {
    right: -1px;
    left: auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.topic-dy-box .wrapbox {
    position: relative;
    width: 100%;
}

.topic-dy-box .wrapbox:before {
    top: auto;
    bottom: -1px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.topic-dy-box .wrapbox:after {
    left: auto;
    top: auto;
    right: -1px;
    bottom: -1px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*各省市导游换证率*/
.wt-dy-450 {
    width: 650px;
}

.ht-dy-450 {
    height: 450px;
}

.chart-dy-13 {
    height: 360px;
    margin: 0px 15px;
}


/*中*/
/*换证率列表 */

.wt440 {
    float: left;
    width: 440px;
    margin-left: 10px;
}

.topic-dy-center .wt440 {
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
}

.tplist-dy {
    height: 173px;
    overflow: hidden;
}


/*右*/


/*导游总人数*/
topic-dy-box-dyrs {
}

.topic-dy-number-dqkl {
    padding: 35px 10px 40px 75px;
}

.topic-dy-number-dqkl li {
    float: left;
    margin-right: 10px;
}

.topic-dy-number-dqkl p {
    color: #FFFFFF;
    padding-bottom: 5px;
}

.topic-dy-number-dqkl span {
    display: inline-block;
    width: 25px;
    height: 30px;
    background: linear-gradient(180deg, rgba(46, 149, 255, 1) 17%, rgba(38, 60, 155, 1) 98%);
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 23px;
    text-align: center;
    line-height: unset;
    margin-right: 3px;
}

.topic-dy-number-dqkl .unti {
    color: #FFFFFF;
    float: left;
    padding-top: 5px;
}

.topic-dy-number-dqkl.tp4 {
    padding-top: 20px;
}

/*出境游...*/
.topic-dy-number-cjy {
    padding: 35px 0px 0px 20px;
}

.ansyls .topic-dy-number-cjy {
    padding-top: 0px;
}

.ansyls .topic-dy-number-cjy span {
    line-height: 39px;
    height: 39px;
    font-size: 27px;
}

.ansyls .topic-dy-number-cjy.tp4 .title {
    font-size: 20px;
}

.ansyls .topic-dy-number-cjy .line {
    background: url(../images/topic7/tp7_01.png) right no-repeat;
    padding-right: 28px;
}

.topic-dy-number-cjy.tp4 .title {
    color: #2497FF;
    font-size: 26px;
}

.topic-dy-number-cjy.tp4 {
    padding-top: 20px;
}

.topic-dy-number-cjy.tp4 .unti {
    color: #FFFFFF;
    padding-top: 50px;
}

.topic-dy-number-cjy.tp4 li.first {
    margin-right: 10px;
}

.topic-dy-number-cjy p {
    color: #FFFFFF;
    padding-bottom: 10px;
}

.topic-dy-number-cjy li {
    float: left;
    margin-right: 28px;
}

.topic-dy-number-cjy li:last-child {
    margin-right: 0px;
}

/*导游级别统计*/
.ht-dy-304 {
    height: 304px;
}

.tp-dy-wrap .chart-dy-9 {
    height: 240px;
}

/*语种分布*/
/*带团数量*/
.chart-dy-14 {
    height: 230px;
}

/*性别比例*/
.wt-dy-150 {
    width: 150px;
    float: left;
}


/*学历水平*/
.wt-dy-200 {
    width: 211.5px;
    float: left;
}

/*************************执法专题*******************************/
.ht317_zf {
    height: 340px;
}

.topic5-left_zf {
    width: 570px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.ht290_zf {
    height: 370px;
    overflow: hidden;
}

.tp5-lf {
    margin: 21rem 0 0 1.25rem;
    position: relative;
    z-index: 100;
}

.tp8-ct {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    top: 538px;
    margin: 15.625rem 0 0 -12.25rem;
    width: 535px;
}

.topic4-right_zf {
    width: 515px;
    float: right;
    margin: 0px -16px 0px 0px;
    position: relative;
    z-index: 100;
}

.topic7-center_zf {
    position: absolute;
    z-index: 100;
    bottom: 1px;
    left: 611px;
    right: 520px;
}

.txtbg_zf {
    width: 80%;
    margin: 0px 15px 0px 0px;
    float: right;
}

.txtbg_zf .txt {
    color: #4caaff;
    background: transparent;
}

.txtbg_zf .txt[type="text"]::-moz-placeholder {
    color: #4caaff;
}

.txtbg_zf .txt[type="text"]::-webkit-input-placeholder {
    color: #4caaff;
}

.topic1-area_zf {
    border-bottom: 1px solid #135796;
    line-height: 45px;
    width: 100%;
    margin: 0 auto;
}

.topic1-area_zf .item {
    position: relative;
    background: url(../images/topic1/topic1_07.png) 70% 21px no-repeat;
    font-size: 16px;
    width: 50%;
    position: relative;
    cursor: pointer;
    float: left;
    color: #4BDCFB;
    text-indent: 36px;
}

.topic1-area_zf .item:first-child:after {
    background: url(../images/topic1/topic1_18.png) right no-repeat;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 2px;
}

.topic6-rescoures_zf {
    position: absolute;
    top: 180px;
    left: -267px;
    z-index: 1000;
}

.topic3-etl-tb {
    padding: 0px 15px 0px;
}

.topic3-etl-tb table {
    width: 100%;
}

.topic3-etl-tb th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.topic3-etl-tb td {
    color: #FFFFFF;
    line-height: 33px;
    text-align: center;
    border-right: 1px solid #073d6c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topic3-etl-tb tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.topic3-etl-tb tr th:last-child, .topic3-tb tr td:last-child {
    border: 0px;
}

.topic6-rescoures_zf .topic1-search {
    width: auto;
    margin: 0px 12px;
}

.topic6-rescoures_zf .topic1-search input[type=text] {
    width: 182px;
    position: relative;
    top: -2px;
    color: #4caaff;
}

.topic6-rescoures_zf .topic1-search input[type=text]::-moz-placeholder {
    color: #4caaff;
}

.topic6-rescoures_zf .topic1-search input[type=text]::-webkit-input-placeholder {
    color: #4caaff;
}

.topic6-rescoures_zf .list {
    padding: 0px 12px 15px;
}

.topic6-rescoures_zf li {
    border-bottom: 1px solid #145b9b;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
}

.topic6-rescoures_zf li p {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    color: #FFFFFF;
}

.topic6-rescoures_zf li span {
    display: block;
    float: right;
    color: #2C8FE9;
}

/************************************************视频监控****************************************************/
.topic-background {
    height: 870px;
    position: relative; /* overflow: hidden; */
    overflow-y: auto;
}

.link_videos {
    position: absolute;
    bottom: 25px;
    left: 20px;
    z-index: 100;
    height: 12.5rem;
    top: 571px;
}

.link_videos li a {
    display: block;
    font-size: 16px;
    background: url(../images/topic1/topic1_10.png) center no-repeat;
    background-size: 240px;
    width: 240px;
    height: 47px;
    line-height: 47px;
    margin-bottom: 15px;
    padding-left: 25px;
}

.link_videos li a img {
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.link_videos li a span {
    display: inline-block;
    padding-left: 10px;
    width: 140px;
}

.link_videos li a i {
    font-style: normal;
    display: inline-block;
    color: #FFFFFF;
    background: url(../images/topic1/topic1_11.png) no-repeat left;
    padding-left: 10px;
}

.spzb {
    background: url(../images/topic3/tp3_03.png) center no-repeat;
    width: 100%;
    height: 31.25rem;
    background-size: 56.25rem 31.25rem;
    margin-top: 18%
}

.topic-box .wrapboxs {
    position: relative;
    width: 100%;
    height: 37.625rem;
}

.topic-box .wrapboxs:before {
    top: auto;
    bottom: -1px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.topic-box .wrapboxs:after {
    left: auto;
    top: auto;
    right: -1px;
    bottom: -1px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.topic3-b3 {
    width: 100%;
    height: 430px;
}

.topic3-video1 {
    width: 750px;
    height: 400px;
    margin: 0 5% 0 5%;
}

.topic3-video1 video {
    width: 750px;
    height: 400px;
}

.topic3-video2 {
    width: 350px;
    height: 210px;
    margin: 0 2% 3% 5%;
    float: left;
}

.topic3-video2 video {
    width: 350px;
    height: 210px;
    float: left;
}

.topic3-video3 {
    width: 250px;
    height: 150px;
    margin: 0 2% 0 2%;
    float: left;
}

.topic3-video3 video {
    width: 250px;
    height: 150px;
    float: left;
}

.topic5-lf {
    width: 508px;
    margin-left: 10px;
    margin-top: 8px;
    position: relative;
    z-index: 100;
}

.topic6_rescoures {
    position: absolute;
    top: 0px;
    left: -255px;
    z-index: 1000;
}

.topic6_rescoures .topic1-search {
    width: auto;
    margin: 0px 12px;
}

.topic6_rescoures .topic1-search input[type=text] {
    width: 182px;
    position: relative;
    top: -2px;
    color: #4caaff;
}

.topic6_rescoures .topic1-search input[type=text]::-moz-placeholder {
    color: #4caaff;
}

.topic6_rescoures .topic1-search input[type=text]::-webkit-input-placeholder {
    color: #4caaff;
}

.topic6_rescoures .list {
    padding: 0px 12px 15px;
}

.topic6_rescoures li {
    border-bottom: 1px solid #145b9b;
    height: 62px;
    line-height: 52px;
    overflow: hidden;
}

.topic6_rescoures li p {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    color: #FFFFFF;
}

.topic6_rescoures li span {
    display: block;
    float: right;
    color: #2C8FE9;
}

.tpb8-tabspan {
    color: #2C8FE9;
    overflow: hidden;
    margin: 0px 15px 0px 50px;
}

.tpb8-tabspan span {
    cursor: pointer;
    display: block;
    height: 32px;
    width: 260px;
    min-width: 35px;
    text-align: center;
    line-height: 32px;
    border-left: 0px;
    padding: 0px 5px;
    float: left;
}

.tpb8-tabspan .current {
    background-color: #2a8feb;
    color: #FFFFFF;
}

.topic3-right .cont .tb {
    display: none;
    width: 100%;
}

.topic3-right .cont .tb.active {
    display: table;
}

.topic3-right .cont td {
    color: #4caaff;
    padding: 10px 0px 0px 10px;
    font-size: 15px;
}

.topic3-right .cont span {
    color: #FFFFFF;
}

/**************************************投诉专题ts******************************************/
.wt371_ts {
    width: 192px;
}

.topic3-select_ts {
    width: 145px;

    height: 35px;
    line-height: 35px;
    color: #4BDCFB;
    cursor: pointer;
    padding-left: 10px;
    font-size: 15px;
    text-align: center;
}

.wt371_ts_two {
    width: 150px;
}

.pull-right_ts {
    float: left;
}

.topic8-right_ts {
    width: 258px;
    float: right;
    margin-right: 0px;
    position: relative;
    z-index: 100;
}

.cont_ts {
    width: 100%;
    height: 100%;
}

.ht968_ts {
    height: 246px;
    border-bottom: 1px solid #0D35A0;
}

#sanjiao {
    width: 173px;
    line-height: 31px;
    height: 31px;
}

.topic-center {
    position: absolute;
    z-index: 100;
    bottom: 57px;
    left: 632px;

    right: 823px;
}

.topic4-right_ts {
    width: 790px;
    float: right;
    margin: 0px 16px 0px 0px;
    position: relative;
    z-index: 100;
}

.ht246-ts {
    height: 306px;
}

.ht968_ts_right {
    height: 353px;
    overflow: hidden;
}

.ht968_ts_right .tplist4 {
    height: 100%

}

.topic8-choose .topic4-select_ts {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 31px;
}

.topic4-select_ts {
    border: solid 1px;
    margin-top: 5px;
    background: rgba(44, 143, 233, 0.2);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
}

.topic8-choose.min .topic4-select_ts {
    width: 135px;
}

.topic-box_ts {
    position: relative;
    border: 2px solid #0b3e69;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    background: url(../images/topic5/tpbg.png) center repeat;
    float: left;
}

.topic-box_ts:before, .topic-box:after, .topic-box .wrapbox:before, .topic-box .wrapbox:after {
    display: block;
    content: "";
    position: absolute; /*top: -1px;left: -1px;*/
    background: url(../images/topic5/tpbg_01.png) center no-repeat;
    width: 14px;
    height: 14px;
}

.topic-box_ts:after {
    right: -1px;
    left: auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.topic-box_ts .wrapbox {
    position: relative;
    width: 100%;
}

.topic-box_ts .wrapbox:before {
    top: auto;
    bottom: -1px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.topic-box_ts .wrapbox:after {
    left: auto;
    top: auto;
    right: -1px;
    bottom: -1px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.topic8-left_ts {
    width: 600px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.topic3-tb_ts {
    padding: 0px 0px 0px;
}

.topic3-tb_ts table {
    width: 100%;
}

.topic3-tb_ts th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.topic3-tb_ts td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
}

.topic3-tb_ts tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.topic3-tb_ts tr th:last-child, .topic3-tb tr td:last-child {
    border: 0px;
}

.topic3-theme_ts {
    padding: 15px 0px 15px 15px;
}

.topic3-theme_ts .name {
    float: left;
    color: #FFFFFF;
    background: url(../images/topic3/tp3_arrow.png) left no-repeat;
    padding-left: 25px;
    font-size: 14px;
}

.topic3-theme_ts .link {
    float: right;
}

.topic3-theme_ts .link a {
    display: inline-block;
    border-right: 1px solid #10477d;
    padding: 0px 15px;
    line-height: 18px;
}

.topic3-theme_ts .link a:last-child {
    border: 0px;
}

.topic3-theme_ts .link img {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 5px;
}

.ht217_changes {
    height: 232px;
}

.ht217_change_ts {
    height: 268px;
}

.wt371_ts_right {
    width: 163px;
}

.search_sr {
    width: 100%;
    height: 100%;
    background-color: #082b55;
    color: white;
}

#ts-xz ul li {
    list-style: none;
    display: block;
    width: 100%;
    height: 29px;
    text-align: center;
    font-size: 14px;
    color: white;
    border: solid 2px;
    margin-top: 5px;
    border-color: #296598;
    cursor: pointer;

}

/**********************************舆情分析专题*******************************/
.yqfx-left {
    width: 32%;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 100;
}

.yqfx-box1 {
    width: 100%;
    height: 260px;
}

.wt250_yq {
    width: 50%;
    height: 120px;
}

.wt387 {
    width: 387px;
    position: relative;
}

.wt387 .ht236 {
    padding-top: 15px;
}

.wt387 .yyfx-theme {
    position: absolute;
    top: 0px;
    left: 0px;;
}

.ht713 {
    height: 713px;
}

.yqfx-theme {
    padding: 15px 0px 15px 15px;
}

.yqfx-theme .name {
    float: left;
    color: #FFFFFF;
    background: url(../images/topic3/tp3_arrow.png) left no-repeat;
    padding-left: 25px;
    font-size: 16px;
}

.clear:after {
    clear: both;
    display: block;
    content: "";
}

.yqfx-number.tp4 {
    padding-top: 0px;
}

.yqfx-number {
    padding: 35px 0px 0px 20px;
    margin-top: -10px;
}

.yqfx-number.tp4 li.first {
    margin-right: 10px;
}

.yqfx-number li {
    float: left;
    margin-right: 28px;
}

.yqfx-number span {
    display: inline-block;
    width: 20px;
    height: 35px;
    background: linear-gradient(180deg, rgba(46, 149, 255, 1) 17%, rgba(38, 60, 155, 1) 98%);
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    margin-right: 5px;
}

.shadow {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
}

.yqfx-box2 {
    background: url(../images/topic3/tp3_022.png) center no-repeat;
    background-size: 100% 370px;
    width: 100%;
    height: 370px;
    overflow: hidden;
}

.yqfx-theme {
    padding: 15px 0px 15px 20px;
}

.yqfx-theme .name {
    float: left;
    color: #FFFFFF;
    background: url(../images/topic3/tp3_arrow.png) left no-repeat;
    padding-left: 25px;
    font-size: 16px;
}

.yqfx-tb {
    padding: 0px 15px 0px;
}

.yqfx-tb table {
    width: 100%;
}

.yqfx-tb th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.yqfx-tb td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
}

.yqfx-tb tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.yqfx-tb tr th:last-child, .topic3-tb tr td:last-child {
    border: 0px;
}

.yqlist3_1 {
    height: 330px;
    overflow: hidden;
}

.yqfx-box3 {
    width: 100%;
    height: 230px;
    margin-top: 15px;
}

.ht275 {
    height: 275px;
}

.chart18 {
    height: 195px;
    margin: 0px 15px;
}

.wt277 {
    width: 50%;
    float: left;
}

.wt278 {
    width: 50%;
    float: right;
}

.yq-tab {
    color: #2C8FE9;
    overflow: hidden;
    margin: 0px 15px 0px 0px;
    float: right;
    border-left: 1px solid #2C8FE9;
}

.yq-tab .current {
    background-color: #2a8feb;
    color: #FFFFFF;
}

.yq-tab span {
    cursor: pointer;
    display: block;
    height: 22px;
    min-width: 35px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #2C8FE9;
    border-left: 0px;
    padding: 0px 5px;
    float: left;
}

/*中间*/
.yqfx-center {
    width: 34.2%;
    float: left;
    margin-left: 5px;
    position: relative;
    z-index: 100;
}

.yqfx-box4 {
    width: 100%;
    height: 130px;
}

.wt251_yq {
    width: 50%;
    float: left;
    height: 120px;
}

.yqfx-box5 {
    background: url(../images/topic3/tp3_23.png) center no-repeat;
    background-size: 100% 170px;
    width: 100%;
    height: 170px;
    margin-top: 5px;
}

.timer1 {
    z-index: 100;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    border-right: 1px solid #006da6;
    padding-right: 10px;
    height: 22px;
    line-height: 22px;
}

.yqfx-box6 {
    background: center no-repeat;
    width: 100%;
    height: 270px;
    margin-top: 15px;
}

.yqfx-box6 .ht270 {
    height: 316px;
}

.yqfx-box7 {
    width: 100%;
    height: 280px;
    margin-top: 15px;
}

.yqfx-box7 .ht270 {
    height: 275px;
}

.yqfx-box7 .topic-box {
    margin-top: 3px;
}

.wt100 {
    width: 100%;
}

.ht270 {
    height: 270px;
}

.chart {
    width: 100%;
    height: 100%;
}

.chart6 {
    height: 210px;
    margin: 0px 15px;
}

.chart7 {
    height: 210px;
    margin: 0px 15px;
}

.topic-box .wrapbox {
    position: relative;
    width: 100%;
}

/*右边*/
.yqfx-right {
    width: 32%;
    float: left;
    margin-left: 5px;
    position: relative;
    z-index: 100;
}

.yqfx-box8 {
    background: url(../images/topic3/tp3_021.png) center no-repeat;
    background-size: 100% 460px;
    width: 100%;
    height: 460px;
}

.yqfx-box9 {
    background: url(../images/topic3/tp3_021.png) center no-repeat;
    background-size: 100% 460px;
    width: 100%;
    height: 460px;
    margin-top: 15px;
}

/**********************************口碑分析专题*******************************/
.kbfx-left {
    width: 32.1%;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 100;
}

.shadow {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    border: 1px solid #073d6c;
}

.kbfx-box1 {
    background: url(../images/topic3/tp3_022.png) center no-repeat;
    width: 100%;
    height: 300px;
    background-size: 610px 299px;
}

.kbfx-theme {
    padding: 15px 0px 15px 20px;
}

.kbfx-theme .name {
    float: left;
    color: #FFFFFF;
    background: url(../images/topic3/tp3_arrow.png) left no-repeat;
    padding-left: 20px;
    font-size: 16px;
}

.kbfx-tb {
    padding: 0px 15px 0px;
}

.kbfx-tb table {
    width: 100%;
}

.kbfx-tb th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.kbfx-tb td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
}

.kbfx-tb tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.kblist3_1 {
    height: 344px;
    overflow: hidden;
}

.kbfx-box2 {
    background: url(../images/topic3/tp3_022.png) center no-repeat;
    width: 100%;
    height: 296px;
    margin-top: 10px;
}

.ht226-kb {
    height: 296px;
}

.kb-condition {
    float: right;
}

.kb-condition .kb-select {
    position: relative;
    float: left;
    top: 0px;
    right: 0px;
    width: 115px;
    height: 31px;
    margin-right: 16px;
}

.kb-select {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 115px;
    height: 35px;
    background: rgba(44, 143, 233, 0.2);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
}

.kb-condition .kb-select2 {
    width: 112px;
    line-height: 31px;
    height: 31px;
}

.kb-select2 {
    width: 115px;
    background: url(../images/topic3/tp3_13.png) right no-repeat;
    height: 35px;
    line-height: 35px;
    color: #4BDCFB;
    cursor: pointer;
    padding-left: 10px;
    font-size: 15px;
    text-align: left;
}

.kb-condition .kb-select2-box {
    top: 31px;
}

.kb-select2-box {
    text-indent: 0px;
    display: none;
    background: url(../images/topic3/tp3_11.png) bottom center no-repeat;
    width: 115px;
    height: 113px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: 100;
}

.kb-select2-box li {
    cursor: pointer;
    position: relative;
    background: url(../images/topic3/tp3_12.png) bottom no-repeat;
    line-height: 37px;
    color: #FFFFFF;
    padding-left: 10px;
    text-align: left;
}

.kb-select2-box li.selected {
    background: url(../images/topic3/tp3_20.png) center no-repeat;
    color: #0d0004;
}

.chart1 {
    margin: 0px 20px;
    height: 160px;
    position: relative;
    top: -10px;
}

.kbfx-box3 {
    position: relative;
    border: 2px solid #0b3e69;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    background: url(../images/topic3/tp3_021.png) center repeat;
    background-size: 200px 296px;
    margin-top: 15px;
}

.chart2 {
    margin: 12px 20px 0;
    height: 360px;
}

.wt204-kb {
    width: 200px;
    float: left;
}

#tpnum span {
    display: inline-block;
    width: 15px;
    height: 20px;
    background: linear-gradient(180deg, rgba(46, 149, 255, 1) 17%, rgba(38, 60, 155, 1) 98%);
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-right: 3px;
}

.chart-dy-9 {
    height: 400px;
    width: 90%;
    margin-left: 7px;
}

.kbfx-center {
    width: 33%;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 100;
}

.kbfx-box4 {
    background: url(../images/topic3/tp3_01.png);
    width: 60%;
    height: 460px;
    float: left;
    background-size: 100% 459px;
}

.kblist3_2 {
    height: 380px;
    overflow: hidden;
}

.kbfx-box5 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    width: 40%;
    height: 460px;
    float: left;
}

.kbfx-box6 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    margin-right: 3px;
    border: 1px solid #073d6c;
    width: 33%;
    height: 450px;
    margin-top: 10px;
    float: left;
}

.kbfx-lb {
    padding: 0px 15px 0px;
}

.kbfx-lb ul {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 32px;
    letter-spacing: 1px;
}

.kbfx-lb li:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.kbfx-box7 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    background-size: 199px 448px;
    border: 1px solid #073d6c;
    width: 32%;
    height: 450px;
    margin-top: 10px;
    float: left;
}

.kbfx-box8 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    background-size: 211px 448px;
    width: 32%;
    margin-right: 3px;
    border: 1px solid #073d6c;
    height: 450px;
    margin-top: 10px;
    float: left;
}

.kbfx-right {
    width: 31%;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 100;
}

.kbfx-box9 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    width: 100%;
    height: 460px;
    background-size: 101%;
}

.kbfx-box10 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    background-size: 201px 448px;
    border: 1px solid #073d6c;
    width: 33.1%;
    height: 450px;
    margin-top: 10px;
    float: left;
}

.kbfx-box11 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    background-size: 200px 448px;
    border: 1px solid #073d6c;
    width: 33.1%;
    height: 450px;
    margin-top: 10px;
    float: left;
}

.kbfx-box12 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    background-size: 200px 448px;
    border: 1px solid #073d6c;
    width: 33.1%;
    height: 450px;
    margin-top: 10px;
    float: left;
}

.kb-chart15 {
    margin: 0px 20px;
    height: 80%;
    position: relative;
    top: -10px;
}

.kbfx-left {
    width: 32.1%;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 100;
}

.shadow {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    border: 0px solid #073d6c;
}

.kbfx-box1 {
    background: url(../images/topic3/tp3_022.png) center no-repeat;
    width: 100%;
    height: 334px;
    background-size: 104%;
}

.kbfx-theme {
    padding: 15px 0px 15px 20px;
}

.kbfx-theme .name {
    float: left;
    color: #FFFFFF;
    background: url(../images/topic3/tp3_arrow.png) left no-repeat;
    padding-left: 20px;
    font-size: 16px;
}

.kbfx-tb {
    padding: 0px 15px 0px;
}

.kbfx-tb table {
    width: 100%;
}

.kbfx-tb th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.kbfx-tb td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
}

.kbfx-tb tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.kblist3_1 {
    height: 266px;

}

.kbfx-box2 {
    background: url(../images/topic3/tp3_022.png) center no-repeat;
    width: 100%;
    height: 303px;
    margin-top: 10px;
}

.ht226-kb {
    height: 303px;
}

.kb-condition {
    float: right;
}

.kb-condition .kb-select {
    position: relative;
    float: left;
    top: 0px;
    right: 0px;
    width: 115px;
    height: 31px;
    margin-right: 10px;
}

.kb-select {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 115px;
    height: 35px;
    background: rgba(44, 143, 233, 0.2);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
}

.kb-condition .kb-select2 {
    width: 112px;
    line-height: 31px;
    height: 31px;
}

.kb-select2 {
    width: 115px;
    background: url(../images/topic3/tp3_13.png) right no-repeat;
    height: 35px;
    line-height: 35px;
    color: #4BDCFB;
    cursor: pointer;
    padding-left: 10px;
    font-size: 15px;
    text-align: left;
}

.kb-condition .kb-select2-box {
    top: 31px;
}

.kb-select2-box {
    text-indent: 0px;
    display: none;
    background: url(../images/topic3/tp3_11.png) bottom center no-repeat;
    width: 115px;
    height: 113px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: 100;
}

.kb-select2-box li {
    cursor: pointer;
    position: relative;
    background: url("../images/topic3/tp3_12.png") bottom no-repeat;
    line-height: 37px;
    color: #FFFFFF;
    padding-left: 10px;
    text-align: left;
}

.kb-select2-box li.selected {
    background: url("../images/topic3/tp3_20.png") center no-repeat;
    color: #0d0004;
}

.chart1 {
    margin: 0px 20px;
    height: 160px;
    position: relative;
    top: -10px;
}

.kbfx-box3 {
    position: relative;
    border: 2px solid #0b3e69;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.18);
    background: url("../images/topic3/tp3_021.png") center repeat;
    background-size: 200px 296px;
    margin-top: 15px;
}

.chart2 {
    margin: 12px 20px 0;
    height: 360px;
}

.wt204-kb {
    width: 200px;
    float: left;
}

#tpnum span {
    display: inline-block;
    width: 15px;
    height: 20px;
    background: linear-gradient(180deg, rgba(46, 149, 255, 1) 17%, rgba(38, 60, 155, 1) 98%);
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-right: 3px;
}

.chart-dy-9 {
    height: 400px;
    width: 90%;
    margin-left: 7px;
}

.kbfx-center {
    width: 33%;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 100;
}

.kbfx-box4 {
    background: url(../images/topic3/tp3_01.png);
    width: 60%;
    height: 460px;
    float: left;
    background-size: 100% 459px;
}

.kblist3_2 {
    height: 380px;
    overflow: hidden;
}

.kbfx-box5 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    width: 40%;
    height: 460px;
    float: left;
}

.kbfx-box6 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;

    border: 2px solid #073d6c;
    width: 33%;
    height: 493px;
    margin-top: 10px;
    float: left;
}

.kbfx-lb {
    padding: 0px 15px 0px;
}

.kbfx-lb ul {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 32px;
    letter-spacing: 1px;
}

.kbfx-lb li:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.kbfx-box7 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;

    border: 2px solid #073d6c;
    width: 32%;
    height: 493px;
    margin-top: 10px;
    float: left;
}

.kbfx-box8 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    background-size: 211px 448px;
    width: 32%;
    margin-right: 3px;
    border: 2px solid #073d6c;
    height: 450px;
    margin-top: 10px;
    float: left;
}

.kbfx-right {
    width: 31%;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 100;
}

.kbfx-box9 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;
    width: 100%;
    height: 493px;

}

.kbfx-box10 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;

    border: 2px solid #073d6c;
    width: 33.1%;
    height: 493px;
    margin-top: 10px;
    float: left;
}

.kbfx-box11 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;

    border: 2px solid #073d6c;
    width: 33.1%;
    height: 493px;
    margin-top: 10px;
    float: left;
}

.kbfx-box12 {
    background: url(../images/topic3/tp3_01.png) center no-repeat;

    border: 2px solid #073d6c;
    width: 33.1%;
    height: 493px;
    margin-top: 10px;
    float: left;
}

.kb-chart15 {
    margin: 0px 20px;
    height: 80%;
    position: relative;
    top: -10px;
}

/*---------------------------------yuqingtanchuang------------------------------------------------------------------*/
.topic2-base {
    padding: 0px 15px 0px;
}

.topic2-base table {
    width: 100%;
}

.topic2-base th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.topic2-base td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
}

.topic2-base tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

.topic2-base tr th:last-child,
.topic2-base tr td:last-child {
    border: 0px;
}

.ht210_yq {
    height: 294px;
}

.chart15-yq {
    margin: 0px 20px;
    height: 160px;
    position: relative;
    top: 45px;
}

.ht226-yq {
    height: 302px;
}

.ht210-yq-right {
    height: 295px;
    overflow: hidden;
}

/*------------------------------koubeitanchuang---------------------------------------------------------------------*/
.ht210-kb {
    height: 295px;
}

.ht260-kb {
    height: 347px;
}

.ht302-kb {
    height: 349px;
}

.wt243-kb {
    width: 350px;
    float: left;
}

.topic2-left-kb {
    margin-left: 20px;
    width: 700px;
    float: left;
}

.topic2-right-kb {
    margin-right: 20px;
    width: 800px;
    float: right;
}

/*-----------------------------tousutanchuang----------------------------*/
.topic-box-ts {
    position: relative;
    width: 685px;
    border: 2px solid #0b3e69;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    background: url(../images/topic5/tpbg.png) center repeat;
}

.wt243-ts {
    width: 342px;
    float: left;
    margin-top: 15px;
}

.ht302-ts {
    height: 343px;
}

.topic-box-ts:before,
.topic-box-ts:after,
.topic-box-ts .wrapbox:before,
.topic-box-ts .wrapbox:after {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(../images/topic5/tpbg_01.png) center no-repeat;
    width: 14px;
    height: 14px;
}

.topic-box-ts:after {
    right: -1px;
    left: auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.topic-box-ts .wrapbox {
    position: relative;
    width: 100%;
}

.topic-box-ts .wrapbox:before {
    top: auto;
    bottom: -1px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.topic-box-ts .wrapbox:after {
    left: auto;
    top: auto;
    right: -1px;
    bottom: -1px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.ht968-ts {
    height: 240px;
    overflow: hidden;
}

.topic-box-ts .topic3-tb {
    padding: 16px 15px 0px;
}

.topic6-right-ts {

    width: 624px;
    float: right;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}


.topic6-right .wt255 {
    margin: 0px 0px 0px 10px;
}

.topic-box-right-ts {

    position: relative;
    border: 2px solid #0b3e69;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    background: url(../images/topic5/tpbg.png) center repeat;
}

.topic-box:before,
.topic-box:after,
.topic-box .wrapbox:before,
.topic-box .wrapbox:after {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(../images/topic5/tpbg_01.png) center no-repeat;
    width: 14px;
    height: 14px;
}

.topic-box:after {
    right: -1px;
    left: auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.topic-box .wrapbox {
    position: relative;
    width: 100%;
}

.topic-box .wrapbox:before {
    top: auto;
    bottom: -1px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.topic-box .wrapbox:after {
    left: auto;
    top: auto;
    right: -1px;
    bottom: -1px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.ht210-ts {
    height: 239px;
}

.ht210-ts-pic {
    height: 345px;
}

.ht260-ts {
    height: 344px;
}

/*------------------------------jiankongtanchuang-------------------------------------------*/
#jk {
    padding: 0px 15px 0px;
}

#jk table {
    width: 100%;
}

#jk th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

#jk td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
}

#jk tr:nth-child(2n-1) {
    background: rgba(76, 170, 255, 0.1);
}

#jk tr th:last-child,
#jk tr td:last-child {
    border: 0px;
}

.ht210-bg-jk {
    height: 518px;
    overflow: hidden;
}

.topic2-left-jk {
    margin-left: 48px;
    width: 700px;
    float: left;
    margin-top: 10px;
}

.topic3-right-jk {
    width: 750px;
    float: right;
    margin: 0px 20px 0px 0px;
    position: relative;
    z-index: 100;
}

/*-------------------------------旅游气象专题---------------------------------*/
.weather-left {
    width: 720px;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

#biaoge {
    width: 450px;
    margin-left: 45px;
}

#biaoge td {
    width: 150px;
    height: 90px;
    display: block;
    float: left;
}

#bg {
    border-bottom: 1px solid #073d6c;
}

#bg1, #bg2 {
    border-right: 1px solid #073d6c;
    padding-top: 25px;
}

.chart8_change {
    margin: 0px 20px;
    height: 100%;
}

.ht418_change {
    height: 312px;
    position: relative;
    padding-top: 15px;
}

.topic3-tb_change {
    padding: 0px 15px 0px;
}

.topic3-tb_change table {
    width: 100%;
}

.topic3-tb_change th {
    color: #4caaff;
    line-height: 30px;
    font-weight: normal;
    border-right: 1px solid #073d6c;
}

.topic3-tb_change td {
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    border-right: 1px solid #073d6c;
}


.topic3-tb_change tr th:last-child,
.topic3-tb_change tr td:last-child {
    border: 0px;
}

.ht217_change {
    height: 294px;
    overflow: hidden;
}

.topic3-box2_change {
    background: url(../images/topic3/tp3_02.png) center no-repeat;
    background-size: 100% 297px;
    width: 100%;
    height: 297px;
}

.topic3-box5_change {
    background: url(../images/topic3/tp3_05.png) center repeat;
    height: 361px;
    position: absolute;
    bottom: 15px;
    left: 753px;
    right: 551px;
    z-index: 100;
    background-size: 100% 100%;
}

.mt12_change {
    margin-bottom: 12px;
    margin-top: 20px;
}

.ht230_change {
    height: 316px;
}

.ht217_cha {
    height: 330px;
}

.tplist3_2_change {
    height: 22em;

}

.topic5-right_change {
    width: 520px;
    float: right;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

.tq_bh {
    line-height: 39px;
    text-align: center;
    width: 95px;
    height: 242px;
    margin: 0% 0px;
    float: left;
    color: white;
    font-size: 14px;

    border: 1px solid;
    border-color: #194765;
    background-color: #3c79af12;
}

.tq_live {
    width: 100%;
    height: 270px;
    float: left;
}

.tq_live ul li {
    display: block;
    float: left;
    height: 130px;
    width: 238px;
    font-size: 14px;
    color: white;
    border: 1px solid #93b1cc4d;
    background-color: #3c79af12;
}

.tq_live ul li p {
    float: right;
}

.tq_tb {
    padding-left: 22px;
    width: 116px;
    float: left;
    padding-top: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tq_sj {
    font-size: 27px;
    font-weight: 500;
    /*text-align: center;*/
    height: 63px;
    padding-top: 14px;
    width: calc(100% - 130px);
}

.pop-main {
    background: #114395;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pop-top-title {
    color: #fff;
    padding: 0 20px;
    line-height: 60px;
    margin-bottom: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px rgba(173, 170, 170, 0.6);
}

.pop-con-title {
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 80%;
    margin: 20px auto;
}

.xq-content {
    height: 370px;
    color: #fff;
    padding: 0 20px;
}



.video-select-box {
    text-indent: 0;
    display: none;
    width: 125px;
    height: 153px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 100;
    color: #fff;
    text-align: center;
}

.video-select-box li {
    cursor: pointer;
    position: relative;
    background-image: url("../images/topic3/tp3_12.png");
    background-size: 100% 1px;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 37px;
    line-height: 37px;
    color: #ccc;
    padding-left: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.video-select-box-box li:last-child {
    background-image: none;
}

.video-select-box li.selected {
    background-color: rgba(255,255,255,.2);
    color: #fff;
}

.video-select-box li.selected:after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    background: url("../images/topic3/tp3_14.png") center no-repeat;
    width: 9px;
    height: 7px;
}

#noticDel img{
    width: 100% !important;
}

#tranDiv{
    width: 1920px;
    height: 1080px;
    background-image: url('../../背景.png');background-size: 100% 100%;
}