@charset "utf-8";
.photo_info {color:#333333;padding:20px;background:#ffffff;}
.photo_info h1 {text-align:left;margin:2px 0;}
.photo_info_r {float:right;padding:8px 6px 0 0;}
.photo_intro {color:#FFFFFF;padding:16px;line-height:150%;text-indent:2em;}
.photo_l {background:#fff;}
.photo_r {background:#fff;width:140px;text-align:center;}
.photo_f {position:absolute;z-index:2000;width:460px;height:260px;background:#fff;margin:200px 0 0 300px;text-align:center;border:#FAFAFA 1px solid;border-radius:24px;opacity:0.8;filter:alpha(opacity=80);display:none;}
.photo_f p {margin:44px 0;font-size:30px;}
.photo_f div {width:100px;height:32px;line-height:32px;margin:20px auto 0 auto;border:#FAFAFA 1px solid;border-radius:6px;font-size:14px;cursor:pointer;}
.photo_f div:hover {border:#FF6600 1px solid;color:#FF6600;}
.thumb_a {border:#666666 1px solid;padding:2px;margin-top:10px;}
.thumb_a:hover,.thumb_b {border:#FF6600 1px solid;padding:2px;margin-top:10px;}
.count_a {font-size:20px;color:#FF6600;}
.count_b {font-size:20px;}
.photo_all {padding:10px;}
.photo_all div {color:#F1F1F1;padding:6px 20px 20px 20px;text-align:left;}
#cursor_a {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/prev.cur'),default;}
#cursor_b {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/next.cur'),default;margin-left:510px;}


/* search */
.phototubiao {line-height: 48px;border-bottom:#DDDDDD 1px solid;font-size:14px;}
.phototubiao-k {width:80px;padding-left:10px;/*font-weight:bold;*/float:left;overflow:hidden;/* font-size: 12px; */color: #b2b2b2;}
.phototubiao-v {/* width: 817px; */color: #333;}
.phototubiao-v li {float:left;padding: 0 10px;}
.phototubiao-v li a{padding:2px 8px}
.phototubiao-v .on a,.phototubiao-v li a:hover{height: 20px;background: #e60000;text-align: center;color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
.phototubiao-v i {font-style:normal;padding-left:2px;color:#999999;font-size:12px;}
.phototubiao-v b {padding:0 20px;font-weight: 500;}
.phototubiao-v input, .phototubiao-v select {padding:4px;border: 1px solid #e6e6e6;color: #333;}
.phototubiao-v .btn-blue{color: #fff;}
.phototubiao-v .btn-blue, .phototubiao-v .btn {padding:0;line-height:28px;width:80px;margin-right:20px;}


.tubiao-item {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 #d8d8d8;
    box-shadow: 0 0 6px 0 #d8d8d8;
    border-radius: 4px;
    border: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32.2%;
    float: left;
    margin: 0 0 10px 10px;
    padding: 10px 0
}

.tubiao-item:hover {
    border: 1px solid #4089fb
}

.tubiao-title {
    position: relative;
    padding: 50px 20px 10px 20px;
    height: 20px;
    line-height: 20px
}

.tubiao-title div {
    position: absolute;
    left: 0;
    /*right:50px;*/
    top: 0;
    bottom: 0;
    padding: 20px;
    height: 60px;
    line-height: 20px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tubiao-title .daxiao>a {
    color: #6b6b6b;
}

.tubiao-img {
    position: relative;
    height: 255px;
    padding: 0 20px
}

.tubiao-img img {
    /*position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);*/
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 5px 20px;
    position: absolute;
}

.tubiao-inc {
    color: #999;
    font-size: 12px;
    padding: 8px 20px;
    line-height: 15px;
    border-bottom: 1px solid #d8d8d8
}

.tubiao-footer {
    position: relative;
    padding: 5px 0;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    z-index: 2
}
.tubiao-footer .tubiao-footer-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    padding: 0 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tubiao-footer .tubiao-footer-flex .tubiao-cat {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px
}

.tubiao-footer .tubiao-footer-flex .tubiao-btn {
    position: relative;
    right: -8px
}

.tubiao-inc .fl {
    float: left
}

.tubiao-inc .fr {
    float: right
}

.tubiao-footer .tubiao-footer-flex .tubiao-cat span:hover {
    color: #4089fb
}

.tubiao-footer .tubiao-footer-flex .tubiao-cat span:after {
    content: " | ";
    color: #333!important
}

.tubiao-footer .tubiao-footer-flex .tubiao-cat span:last-child:after {
    content: ""
}

.tubiao-footer .tubiao-footer-flex .cat-unhover span {
    cursor: default
}

.tubiao-footer .tubiao-footer-flex .cat-unhover span:hover {
    color: inherit
}

.tubiao-footer .tubiao-footer-flex .tubiao-btn {
    position: relative;
    right: -8px
}

.tubiao-footer .tubiao-footer-flex .tubiao-btn button {
    padding: 5px 10px
}

.divider {
    margin: 10px auto;
    position: relative;
    width: 100%;
    float: left;
    padding: 10px 0
}

.bottomtips {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

.bottomtips .updivider {
    width: 100%;
    height: 140px;
   
    background-size: auto 100%
}

.bottomtips .updivider .upwrap {
    width: 400px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.bottomtips .updivider .upwrap img {
    width: 100%;
    height: 106px;
    margin-top: 16px
}

.bottomtips .updivider .upwrap .upbtn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: 1px solid #ffe900;
    bottom: 30px;
    right: 84px;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    color: #ffe900;
    cursor: pointer
}

.el-row {
    height: 20px
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    background-color: rgb(255,255,255);
    border: 1px solid #dcdfe6;
    border-top-color: rgb(220,223,230);
    border-right-color: rgb(220,223,230);
    border-bottom-color: rgb(220,223,230);
    border-left-color: rgb(220,223,230);
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff
}

.chart-screen-type {
    position: relative;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 20px;
    background: transparent;
    margin-left: 10px;
}

.chart-screen-value {
    position: relative;
    display: inline-block;
    min-width: 50px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #4089fb;
    height: 20px;
    line-height: 20px;
    outline: 0;
    padding: 0 10px;
    margin-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chart-screen-type .chart-type-label {
    display: inline-block;
    min-width: 70px;
    color: #999;
    color: rgb(51,51,51)
}

.chart-screen-type .chart-type-route {
    color: #4089fb
}

.chart-search-box {
    position: absolute;
    bottom: -5px;
    right: 0;
    font-size: 12px;
    width: 235px;
    height: 32px
}

.chart-search-input {
    color: #999;
    width: 100%;
    height: 100%;
    padding: 7px 17px;
    background: transparent;
    outline: none;
    border-radius: 2px;
    font-size: 12px;
    border: 1px solid #979797;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s
}

.chart-search-icon {
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    width: 14px;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    -webkit-transition: all .2s;
    transition: all .2s
}

em {
    color: red;
    font-style: normal;
}

.c_img {
    text-align: center;
}

.baocuo {
    color: #db0000;
    font-size: 12px;
    border: 1px dashed #ddd;
    padding: 3px;
    cursor: pointer;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.green {
    color: green;
}