﻿* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
html, body {
    color: #222;
    font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
    overflow-x: hidden;
    max-width: 720px;
    font-size: 14px;
}
ol, ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.clr {
    clear:both;
}
#idlivelands img {
    width: 40px;
    margin: 0 auto;
    padding: 6px 0;
}
.quick_links_panel {
    box-sizing: content-box;
}
.zb_block_int {
    background: #1a2e49;
    color: #eff2f6;
    margin: 0;
    padding: 0.5em 0;
}

.livelands li a {
    height: 100%;
    display: inline-block;
    border-bottom: 0.5px solid #ddd;
    color: #fff;
    width: 78%;
    float: right;
    padding: 6px 0;
}

.livelands li {
    padding: 0 1.6em;
    background: #4f74ab;
}

.land-name span {
    font-size: 1.1em;
    color: #d4dff1;
}

.land-name {
    margin: 0;
    padding: 0em 1em 0.8em 1em;
}

.liveland-o {
    background: #39527b;
    color: #eff2f6;
}

.land-left {
    color: #b9f0e5;
    font-size: 0.8em;
    margin: 0;
    padding: 8px 1em;
    line-height: 2em;
    background: #3e66a4;
}

    .land-left span {
        float: right;
        background: #5fb8a6;
        display: inline-block;
        padding: 0px 10px;
    }

.clear {
    clear: both;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    margin: 8px 0;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    max-width: 640px;
    width:100%;
}
/*index*/
header {
    margin:0;
    padding:0;
    background-image:url(../images/zbbj.jpg);
    background-size:100% 100%;
}
.header-div{
    min-height:100px;
}
.header-top {
    text-align:center;
    padding:10px 0;
    margin: 0 6%;
}
.header-top span{
    color:#eff2f6;
    font-size: 1.1em;
}
.h-separator {
    display: inline-block;
    width: 1px;
    height: 0.7rem;
    margin: 0 0.3rem;
    background-color: rgba(255, 255, 255, 0.6);
}
.header-center {
    padding:0 0 6px 0;
    margin: 0 6%;
}
.header-center p{
    color:#ffc46d;
    letter-spacing:1px;
}
.header-center img {
    width:20px;
    float:left;
}
.header-fotter{
     margin: 0 6%;
}
.header-fotter p{
    color:#fff;
    letter-spacing:1px;
     padding: 0 0 6px 0;
}
/*导航条*/
.box {
    background-color:#fff;
}
.box li {
    float:left;
    width:25%;
    text-align:center;
    line-height:2.2em;
}
.box li.on {
    border-bottom:2px solid #5fb8a6;

}
/*直播表*/
.list_x1 {
    line-height:1.4em;
    background-color: #f1f1f1;
}
    .list_x1 td {
        font-size:0.9em;
        color:#919191;
    }
.td_lc {
}
.td_sj {
}
.td_jy {
    width: 25%;
}
.td_bj {
    width: 25%;
}

.td_yjl {
    width: 25%;
}

.td_tym {
    width: 25%;
}
/*文字直播详情表*/
table {
    line-height: 30px;
    border-collapse: collapse;
    width: 100%;
}
.list_class thead {
    background-color:#3a3764;
    color:#fff;
}
#gpturn {
    background-color:#fff;
}
#gpturn td {
    text-align:center;
    border: 1px #ddd solid;
}
#pmturn {
    background-color:#fff;
}
#pmturn td {
    text-align:center;
    border: 1px #ddd solid;
}
.block_pro {
    color:#222;
    font-weight:bold;
}

/*基本信息详情表*/
.little-title{
    margin: 6px 5%;
    background-color: #efeef9;
}
.little-title p {
    text-align:center;
    line-height:1.8em;
    font-size:0.9em;
    color:#6c60e6;
}
.xz_tab {
    margin:0 5%;
    width:90%;
    margin-top: 12px;
    margin-bottom: 20px;
}
.block_xz {
    text-align:center;
}
.block_xz  p{
    width: 90%;
    text-align: center;
    background-color: #efeef9;
    display: inline-block;
    color: #440000;
    box-shadow: 0px 1px 2px 0px #afabab;
    border-radius: 4px;
}
.block_tab {
    margin:0 2%;
    width:96%;
}

.block_xz a{
    text-decoration:none;
}
.block_content {
    border-bottom: 1px dotted #bcbcbc;
    color: #4e4e4e;
    padding-right: 6px;
    font-size: inherit;
    line-height: 30px;
}
.block_project {
    width: 20%;
    vertical-align: top;
    color:#8f8f8f;
}
.wcj {
    text-align:center;
}
.outline{
    position: fixed;
    bottom: 20px;
    right: 0;
    padding: 5px 10px;
    font-size: 1.0em;
    transition: all 1s;
    z-index:99;
}
.outline img{
    width:40px;
}
.logo {
    width: 90px;
    float:left;
}

/**加载*/
@keyframes animate {
    to {
        transform: rotate(1turn);
    }
}
.loader {
    width: 100%;
    height: 100%;
    font-size: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 16rem;
    margin-top: 30%;
}
.loading{
    width:30px;
    animation: animate 2s linear infinite;
}
.loadingp{
    margin-left:10px;
}
.loader_shadow,.loaderAll_shadow{
    width: 100%;
    height: 100%;
    font-size: 1rem;
    position:absolute;
    display:none;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    opacity: 0.7;
}
.loader_in{
    width:auto;
    height:auto;
    position: absolute;
    top: 50%;
    left: 50%;
}
.loader_in_gp{
    margin:3px 0 0 0 ;
}