* {
    margin: 0px;
    padding: 0px;
    font-family: "微软雅黑", "Microsoft Yahei"
}

.logo {
    display: block;
    background: url("../images/logo.png") no-repeat;
    width: 84px;
    height: 22px;
    margin-top: 24px;
}

.icon {
    /* 通过设置 font-size 来改变图标大小 */
    width: 1em;
    height: 1em;
    /* 图标和文字相邻时，垂直对齐 */
    vertical-align: -0.15em;
    /* 通过设置 color 来改变 SVG 的颜色/fill */
    fill: currentColor;
    /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
       normalize.css 中也包含这行 */
    overflow: hidden;
}

body {
    min-width: 1200px
}

li {
    list-style: none
}

a {
    text-decoration: none
}

.tq-nav {
    background: rgba(0, 0, 0, 0.1);
    color: white;
    width: 100%;
}

.tq-nav ul {
    width: 1200px;
    height: 70px;
    line-height: 70px;
    margin: 0px auto
}

.tq-nav ul li {
    color: white
}

.tq-nav-title a {
    text-decoration: none;
    color: white;
    padding: 10px;
    margin-left: 20px;
    border-radius: 5px
}

.check {
    background: rgba(0, 0, 0, 0.2)
}

.tq-nav-title a:hover {
    background: rgba(0, 0, 0, 0.2)
}

.tq-contain {
    width: 1200px;
    margin: 0px auto;

}

.tq-weather {
    padding-top: 40px;
    overflow: hidden
}

.tq-weather-l {
    width: 700px;
    color: white
}

.tq-weather-l .iteam1 {
    overflow: hidden;
    margin-top: -20px;
}

.tq-weather-l .iteam1 a {
    color: white
}

.tq-weather-l .iteam2 ul {
    overflow: hidden
}

.tq-weather-l .iteam2 ul li {
    width: 182px;
    height: 80px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    float: left
}

.tq-weather-l .iteam4 {
    width: 548px;
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
    max-height: 111px;
    overflow: auto
}

.tq-weather-r {
    width: 500px;
}

.tq-weather-r ul {
    overflow: hidden;
    color: white
}

.tq-weather-r ul li {
    float: left;
    width: 240px;
    height: 120px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    margin-bottom: 20px
}

.tq-weather-r ul li p {
    font-size: 20px;
    line-height: 30px;
}

.tq-jingdutiao {
    width: 100%;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px
}

.tq-jingdutiao span {
    width: 10%;
    height: 10px;
    background-color: #00e400;
    border-radius: 5px;
    display: block
}

.tq-days {
    margin-top: 20px;
    color: white;
}

.tq-days ul {
    overflow: hidden;
    color: white;
    font-size: 22px;
    text-align: center
}

.tq-days ul li {
    float: left;
    width: 250px;
    height: 250px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin-right: 20px
}

/*.tq-days ul li p{font-size: 20px;line-height: 30px;}*/
.tq-days-top {
    overflow: hidden
}

.tq-zhibiao span {
    display: block;
    width: 108px;
    height: 30px;
    border-radius: 5px;
    margin: 0px auto;
    line-height: 30px
}

.fs200 {
    font-size: 150px;
    letter-spacing: -10px;
    line-height: 168px
}

.tq-footer {
    position: absolute;
    bottom: -110px;
    height: 115px;
    width: 100%;
    background-color: #273542;
    font-size: 14px;
    color: #a9bbcb;
    text-align: center
}

.tq-map {
    height: 700px;
    width: 100%;
    margin-top: 40px;
    border-radius: 10px;
    overflow: hidden
}

.tq-map-l {
    width: 880px;
    height: 700px;
    background:url("../images/wxdt.jpg") no-repeat;
/*     background-color: #ffffff; */
    position: relative
}

.tq-map-title {
    position: absolute;
    top: 10px;
    left: 80px
}

.tq-map-title a {
    display: block;
    float: left;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #0ca3fd;
    color: #0ca3fd;
    cursor: pointer;
    background-color: white
}

.tq-map-title .check1 {
    background-color: #0ca3fd;
    color: white
}

.tq-mp-team {
    width: 90px;
    padding: 10px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    position: absolute;
/*     top: 10px; */
    bottom:0px;
    right: 0px
}

.tq-mp-team li {
    width: 100%;
    font-size:13px;
    line-height: 30px;
    height: 30px
}

.color-you {
    display: block;
    width: 26px;
    height: 14px;
    margin-top: 6px;
    float: left;
    background-color: #00e400
}

.color-liang {
    ddisplay: block;
    width: 26px;
    height: 14px;
    margin-top: 6px;
    float: left;
    background-color: #ffff00
}

.color-qingdu {
    display: block;
    width: 26px;
    height: 14px;
    margin-top: 6px;
    float: left;
    background-color: #ff7e00
}

.color-zhongdu {
    display: block;
    width: 26px;
    height: 14px;
    margin-top: 6px;
    float: left;
    background-color: #ff0000
}

.color-zongdu {
    display: block;
    width: 26px;
    height: 14px;
    margin-top: 6px;
    float: left;
    background-color: #99004c
}

.color-yanzhong {
    display: block;
    width: 26px;
    height: 14px;
    margin-top: 6px;
    float: left;
    background-color: #7e0023
}

.color-wushuju {
    display: block;
    width: 26px;
    height: 14px;
    margin-top: 6px;
    float: left;
    background-color: #9e9e9e
}

.tq-map-team-1 {
    position: absolute;
    top: 80px;
    left: 20px;
    background-color: white;
    width: 370px;
    height: 290px;
    border-radius: 4px;
}

.triangle_border_down_1 {
    width: 0;
    height: 0;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: white transparent transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:90px;
/*     bottom: 10px; */
}

.tq-map-team-2 {
    border-radius: 4px;
    background-color: white;
    color: #333;
    width: 40px;
    height: 80px;
    position: absolute;
    bottom: 10px;
    right: 20px
}

.tq-map-team-2 div {
    margin: 0px 3px;
    text-align: center
}

.tq-map-r {
    width: 320px;
    height: 700px;
    background-color: white;
    overflow: hidden
}

.tq-map-r-title {
    line-height: 58px;
    font-size: 22px;
    color: #333;
    overflow: hidden
}

.line-y {
    width: 4px;
    height: 28px;
    background-color: #0ca3fd;
    margin-top: 15px
}
.line-x {
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.3);
    margin-top: 0px;
    clear: both;
}

.color999 {
    color: #999
}

.color42749e {
    color: #5580a5 !important;
}

.tq-map-r-subtitle1 .iteam1 li {
    overflow: hidden
}

.tq-map-r-subtitle1 .iteam1 li div {
    line-height: 30px;
    font-size: 14px;
    color: #999;
    width: 25%;
    float: left;
    text-align: center
}

.tq-map-r-subtitle2 {
    overflow: hidden;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 2
}

.tq-map-r-subtitle2 .iteam2 li {
    height: 35px;
    cursor: pointer
}

.tq-map-r-subtitle2 .iteam2 li div {
    line-height: 35px;
    height: 35px;
    font-size: 14px;
    color: white;
    background-color: #42749e;
    width: 25%;
    float: left;
    text-align: center
}

.tq-map-r-subtitle3 {
    overflow: hidden;
    position: absolute;
    top: 30px;
    width: 100%
}

.tq-map-r-subtitle3 .iteam3 li {
    height: 35px;
    cursor: pointer
}

.tq-map-r-subtitle3 .iteam3 li:hover {
    color: white !important;
    background-color: #42749e
}

.tq-map-r-subtitle3 .iteam3 li:hover div {
    color: white !important
}

.tq-map-r-subtitle3 .iteam3 li div {
    height: 35px;
    line-height: 35px;
    font-size: 14px;;
    color: #333;
    width: 25%;
    float: left;
    text-align: center
}

.tq-map-r-subtitle3 .iteam3 {
    height: 700px;;
    overflow: hidden
}

.color-btn {
    display: block;
    margin: 0px auto;
    width: 56px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    background-color: #00e400;
    border-radius: 4px;
    margin-top: 5px;
    color: white
}

.tq-echart-1 {
    padding: 0px 20px;
    border-radius: 10px;
    background-color: white;
    margin-top: 20px
}

.tq-echart-cont {
    width: 100%;
    height: 250px;
    margin: 20px 0px
}
.tq-table table {
    table-layout: fixed;
}

.tq-table table tr td, .tq-table table tr th {
    width: 192px;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
    text-align: center
}

.tq-table-title {
    background-color: #deefff;
    color: #999
}

.tq-table table tr td {
    border-bottom: 1px solid #eeeeee
}

.tq-table-cont {
    border-radius: 10px;
    background-color: white;
    overflow: hidden
}

.tq-table-sc {
    height: 480px;
    overflow: auto
}

.tq-nav-title-mb ul {
    height: 60px;
    width: 100%;
    background-color: #d8ebfe
}

.tq-nav-title-mb ul li {
    width: 200px;
    font-size: 18px;
    float: left;
    height: 60px
}

.tq-nav-title-mb ul li a {
    display: block;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    margin-top: 21px;
    border-right: 1px solid #fff;
    text-align: center;
    color: #333
}

.tq-nav-title-mb ul .check {
    background-color: white
}

.tq-nav-title-mb ul .check a {
    color: #00a8ff !important;
}

.tq-nav-title-mb-con {
    padding: 20px 34px;
    height:600px;
    overflow: auto;
}

.tq-nav-title-mb-con ul li {
    font-size: 18px
}

.tq-nav-title-mb-con ul li a {
    color: #666;
    padding: 15px 0px;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9
}

.tq-nav-title-mb-con ul li a span {
    width: 90%;
    line-height: 24px;
    display: block
}

.tq-nav-title-mb-con ul li div {
    color: #999
}

.you {
    background: url("../images/you.png") no-repeat
}

.liang {
    background: url("../images/liang.png") no-repeat
}

.liang-qingdu {
    background: url("../images/liang~qingdu.png") no-repeat
}

.days {
    background: url("../images/days.png") no-repeat
}

.bgn {
    background: url("../images/bgn.jpg") no-repeat center top;
    position: relative;min-height: 900px;
    background-size: 100% 100%;
}

/*公共部分  */
.color_677887 {
    color: #677887
}
.color_fff {
    color: #fff
}

.fr {
    float: right
}

.fl {
    float: left
}

.mn {
    margin: 0 !important;
}

.m1 {
    margin: 1px !important;
}

.m2 {
    margin: 2px !important;
}

.m3 {
    margin: 3px !important;
}

.m4 {
    margin: 4px !important;
}

.m5 {
    margin: 5px !important;
}

.m8 {
    margin: 8px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m50 {
    margin: 50px !important;
}

.mtn {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mrn {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mbn {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mln {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml80 {
    margin-left: 80px !important;
}

/* Axis Margins (both top/bottom or left/right) */
.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mv70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mh5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mh15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mh25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mh40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mh50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mh70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

/* Negative Margin Helpers */
.mtn5 {
    margin-top: -5px !important;
}

.mtn10 {
    margin-top: -10px !important;
}

.mtn15 {
    margin-top: -15px !important;
}

.mtn20 {
    margin-top: -20px !important;
}

.mtn30 {
    margin-top: -30px !important;
}

.mrn5 {
    margin-right: -5px !important;
}

.mrn10 {
    margin-right: -10px !important;
}

.mrn15 {
    margin-right: -15px !important;
}

.mrn20 {
    margin-right: -20px !important;
}

.mrn30 {
    margin-right: -30px !important;
}

.mbn5 {
    margin-bottom: -5px !important;
}

.mbn10 {
    margin-bottom: -10px !important;
}

.mbn15 {
    margin-bottom: -15px !important;
}

.mbn20 {
    margin-bottom: -20px !important;
}

.mbn30 {
    margin-bottom: -30px !important;
}

.mln5 {
    margin-left: -5px !important;
}

.mln10 {
    margin-left: -10px !important;
}

.mln15 {
    margin-left: -15px !important;
}

.mln20 {
    margin-left: -20px !important;
}

.mln30 {
    margin-left: -30px !important;
}

/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
}

.mvn10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

.mvn15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
}

.mvn20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
}

.mvn30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}

/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.mhn10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.mhn15 {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.mhn20 {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.mhn30 {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 {
    line-height: 0 !important;
}

.lh5 {
    line-height: 5px !important;
}

.lh10 {
    line-height: 10px !important;
}

.lh15 {
    line-height: 15px !important;
}

.lh18 {
    line-height: 18px !important;
}

.lh20 {
    line-height: 20px !important;
}

.lh25 {
    line-height: 25px !important;
}

.lh30 {
    line-height: 15px !important;
}

.lh35 {
    line-height: 35px !important;
}

.lh40 {
    line-height: 40px !important;
}
.lh50 {
    line-height: 50px !important;
}
.lh60 {
    line-height: 35px !important;
}

/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n {
    border-left: none !important;
}

.br-r-n {
    border-right: none !important;
}

.br-t-n {
    border-top: none !important;
}

.br-b-n {
    border-bottom: none !important;
}

.br-n {
    border: none !important;
}

.br-v-n {
    border-top: none !important;
    border-bottom: none !important;
}

.br-h-n {
    border-left: none !important;
    border-right: none !important;
}

/* Default Borders */
.br-a {
    border: 1px solid #eeeeee !important;
}

.br-l {
    border-left: 1px solid #eeeeee !important;
}

.br-r {
    border-right: 1px solid #eeeeee !important;
}

.br-t {
    border-top: 1px solid #eeeeee !important;
}

.br-b {
    border-bottom: 1px solid #eeeeee !important;
}

/* Border Style */
.br-dashed {
    border-style: dotted !important;
}

/* Border Radius */
.br0 {
    border-radius: 0px !important;
}

.br1 {
    border-radius: 1px !important;
}

.br2 {
    border-radius: 2px !important;
}

.br3 {
    border-radius: 3px !important;
}

.br4 {
    border-radius: 4px !important;
}

.br6 {
    border-radius: 6px !important;
}

.br8 {
    border-radius: 8px !important;
}

.br12 {
    border-radius: 12px !important;
}

.br24 {
    border-radius: 24px !important;
}

.br64 {
    border-radius: 64px !important;
}

.fw200 {
    font-weight: 200 !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fs3 {
    font-size: 4px !important;
}

.fs4 {
    font-size: 4px !important;
}

.fs5 {
    font-size: 5px !important;
}

.fs6 {
    font-size: 6px !important;
}

.fs7 {
    font-size: 7px !important;
}

.fs8 {
    font-size: 8px !important;
}

.fs9 {
    font-size: 9px !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 18px !important;
}

.fs26 {
    font-size: 26px !important;
}

.fs28 {
    font-size: 28px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs35 {
    font-size: 35px !important;
}

.fs40 {
    font-size: 40px !important;
}

.fs45 {
    font-size: 45px !important;
}

.fs50 {
    font-size: 50px !important;
}

.fs60 {
    font-size: 60px !important;
}

.fs70 {
    font-size: 70px !important;
}

.fs80 {
    font-size: 80px !important;
}

.fs90 {
    font-size: 90px !important;
}

.fs100 {
    font-size: 100px !important;
}

/*===============================================
  D. Padding Helpers
================================================= */
.pn {
    padding: 0 !important;
}

.p1 {
    padding: 1px !important;
}

.p2 {
    padding: 2px !important;
}

.p3 {
    padding: 3px !important;
}

.p4 {
    padding: 4px !important;
}

.p5 {
    padding: 5px !important;
}

.p6 {
    padding: 6px !important;
}

.p7 {
    padding: 7px !important;
}

.p8 {
    padding: 8px !important;
}

.p10 {
    padding: 10px !important;
}

.p12 {
    padding: 12px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.ptn {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.prn {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pbn {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pln {
    padding-left: 0 !important;
}

.
.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

/* Axis Padding (both top/bottom or left/right) */
.pv5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pv8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pv15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pv25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.ph5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ph8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.ph10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ph15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.ph20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.ph25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.ph30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.ph40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.ph50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.you-color{
	    display: block;
		margin: 0px auto;
		width: 56px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background-color:#00e400;
		border-radius: 4px;
		margin-top: 5px;
		color: white
}
.liang-color{
	    display: block;
		margin: 0px auto;
		width: 56px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background-color:#fce202;
		border-radius: 4px;
		margin-top: 5px;
		color: white
}
.qingdu-color{
	    display: block;
		margin: 0px auto;
		width: 56px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background-color:#ff7e00;
		border-radius: 4px;
		margin-top: 5px;
		color: white
}
.zhongdu-color{
	    display: block;
		margin: 0px auto;
		width: 56px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background-color:#ff0000;
		border-radius: 4px;
		margin-top: 5px;
		color: white
}
.zhdu-color{
	    display: block;
		margin: 0px auto;
		width: 56px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background-color:#99004c;
		border-radius: 4px;
		margin-top: 5px;
		color: white
}
.yanzhong-color{
	    display: block;
		margin: 0px auto;
		width: 56px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background-color:#7e0023;
		border-radius: 4px;
		margin-top: 5px;
		color: white
}
.huise-color{
	    display: block;
		margin: 0px auto;
		width: 56px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background-color:#9e9e9e;
		border-radius: 4px;
		margin-top: 5px;
		color: white
}
.you{
    background: url("../images/you.png") no-repeat;
    background-size: 100% 100%
}
.you-liang{
    background: url("../images/you~liang.png") no-repeat;
     background-size: 100% 100%
}
.liang{
    background: url("../images/liang.png") no-repeat;
     background-size: 100% 100%
}
.liang-qingdu{
    background: url("../images/liang~qingdu.png") no-repeat;
     background-size: 100% 100%
}
.qingdu{
    background: url("../images/qingdu.png") no-repeat;
     background-size: 100% 100%
}
.qingdu-zhongdu{
    background: url("../images/qingdu~zhongdu.png") no-repeat;
     background-size: 100% 100%
}
.zhongdu{
    background: url("../images/zhongdu.png") no-repeat;
     background-size: 100% 100%
}
.zhongdu-zhdu{
    background: url("../images/zhongdu~zhdu.png") no-repeat;
     background-size: 100% 100%
}
.zhdu{
    background: url("../images/zhdu.png") no-repeat;
     background-size: 100% 100%
}
.zhdu-yanzhong{
    background: url("../images/zhdu~yanzhong.png") no-repeat;
     background-size: 100% 100%
}
.yanzhong{
    background: url("../images/yanzhong.png") no-repeat;
     background-size: 100% 100%
}
.coloryou{
	color: white;
	background-color: #00e400;
	padding: 1px 8px;
	border-radius: 4px
	}
.colorliang{
	color: white;
	background-color: #fce202;
	padding: 1px 8px;
	border-radius: 4px
	}
.colorqingdu{
  color: white;
	background-color: #ff7e00;
	padding: 1px 8px;
	border-radius: 4px
	}
.colorzhongdu{
	  color: white;
	background-color: #ff0000;
	padding: 1px 8px;
	border-radius: 4px
}
.colorzhdu{
	  color: white;
	background-color: #99004c;
	padding: 1px 8px;
	border-radius: 4px
}
.coloryanzhong{
	  color: white;
	background-color: #7e0023;
	padding: 1px 8px;
	border-radius: 4px
 }
.colorwushuju{
    color: white;
	background-color: #9e9e9e;
	padding: 1px 8px;
	border-radius: 4px
}
.tq-table{
	display:flex;
	justify-content: space-around;
	padding-bottom:30px
}
.left_table{
	width:47%;

}
.overBox::-webkit-scrollbar{
	width:8px;
	background:#f1f1f1
}
.overBox::-webkit-scrollbar-thumb{
	width:8px;
	background:#deefff
}