body {
    padding:0;
    margin:0px auto;
    font-family:"宋体"!important;
}
.example{cursor:pointer;}
ul, li {
 list-style:none;
  display:inline-block;
}

.top_nav {
    height: 31px;
    line-height: 31px;
    border: 1px solid #d5d5d5;
    margin-bottom: 5px;
    padding-left: 20px;
    font-size:12px;
}

    .top_nav a {
        font-size:12px;
        color:black;
    }
    
    .top_nav img {
        margin-bottom:3px;
    }



    .state_first {
        padding-left:0px;
        padding-right:0px;
        color:white;
    }

.clor {
    color:#036aaf;
}


.day {
    height:33px;
    line-height:33px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
}
.oc {
    line-height:40px;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    padding-top:20px;
}
.cloudy {
    height:65px;
    text-align:center;
    line-height:65px;
}

.cloudy_info {
    height:40px;
    line-height:40px;
    padding: 0px;
}

.info_lf {
   text-align:center;
}

.info_right {
    float:right;
}


.day_state {
    text-align:center;
    font-size:14px;
    font-weight:bold;
    height:40px;
    line-height:40px;
}
.more {
    min-height:59px;
    padding-top:40px;
}

.center_t {
     padding-left:0px;
     font-size:12px;
}

.more_to {
     padding-right:0px;
     font-size:12px;
     text-align:right;
}

    .more_to a {
        color:white;
    }

.warning {
    height:223px; 
    line-height:100px;
    text-align:center;
    font-weight:bold;
    font-size:25px;

}

.state_lf > div {
    padding-left:10px;
    padding-right:10px;
}


.state_lf_unique {
    padding-left:0px;
}

.aqi {
     font-size:12px;
     line-height:33px;
}
.aqi_row {
     font-size:12px;

    padding:0px;
       line-height:29px;
     text-align:center
}
.aqi_span{text-align:left;padding:0px; margin:0px; float:left; color:#fff}
.row_first_span{text-align:center;padding:0px; margin:0px; float:right;color:#fff}
.row_span_border{border-bottom:1px solid #fff; width:95%; display:block;}
.show_time {
     line-height:33px; 
     font-size:12px;
     padding-left:0px;
     text-align:center;
}
.font {
     font-size:12px;
     padding:0px;
}

.datetime {
     height:100px;
     padding-left:0px;
     padding-right:0px;
     height:59px;
     border-bottom:1px solid white;
}
.datetime ul{
     padding:0px;
     float:left;
     line-height:29px;
}
.status {
     width:100px;
}

.sh_center {
     padding:0px;
     height:47px;
     line-height:80px;
     text-align:right;
}




.marg {
    margin-bottom:13px;
}
.five_day {
     height:33px;
     background-color:#5399de;
     color:white;
     font-size:14px;
     font-weight:bold;
     line-height:33px;
     border-bottom:none;
}

.five_day_details{
        border:1px solid #d2d5da;
        padding-top:10px;
        background-color:#f8fbff;
        padding-bottom:7px;
}

.five_day_again {
    height:37px;
}

.xs {
    padding-left:0px;
    padding-right:0px;
    width:19%;
}


    .five_day_details ul {
        float:left;
        padding-left:5px;
        padding-right:5px;
        padding-left:0px;
        padding-right:0px;
        text-align:center;
        padding-bottom:10px;
    }


        .five_day_details ul li {
            width:100%;
            font-size:12px;
        }
.date {
    height:33px;
    line-height:33px;
    font-size:14px;
}
.images {
    height:50px;
    line-height:50px;
}

.metar {
    height:215px;
    border:1px solid #d2d5da;
    padding:0px;
}

.img_pic img{ width:60px !important; height:60px !important;}
.col-nopaddings{padding-left:0px; padding-right:0px;}
.Aqi_test {
    color: #000000;
    text-align: left;
    padding-left: 0px;
    font-size: 12px;
    min-height:223px;
    font-family: "宋体";
}

        .Aqi_test ul li {
            color:#fff;
   
            display: inline-block;
            line-height: 18px;
        }



.satellite_title {
    height:40px;
    background-color:#5399de;
    color:white;
    text-align:center;
    line-height:40px;
    font-weight:bold;
}

    .satellite_title a {
        color:white;
    }

.satellite_images {
    height:300px;
    padding:0px;
}

    .satellite_images img {
        width:100%;
        height:100%;
    }



.radar_images {
    height:300px;
    padding:0px;
}

.aqi_text{float:right; margin-right:2px; text-align:left; width:60px;}

.time-left{ width:33%;}

.living {
    border:1px solid #8595c6;
    border-bottom:none;
}

.living_day {
    height:37px; 
    border:1px solid #8595c6;
    line-height:37px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
    .living_day a {
        color:black;
    }

.living_yest {
    border-left:none;
}

.margi {
    padding-top:15px;
    border:1px solid #3b82b8;
    
}

.living_info {
    width:100%;
}


.living_info .living_lf {
     padding-left:0px;
     padding-right:5px;
}

.living_bg {
    background-color:#76ade5;
    height:110px;
}

    .living_bg dl {
         width:45%;
         height:100%;
         float:left;
    }

        .living_bg dl dt {
             width:100%;
             height:70%;
        }

            .living_bg dl dt img {
                width:100%;
                height:100%;
            }

        .living_bg dl dd {
             text-align:center;
             color:white;
             font-size:12px;
        }

    .living_bg ul {
         width:55%;
         height:100%;
         padding-left:0px;
         color:white;
    }

        .living_bg ul .values {
             height:55px;
             width:100%;
             text-align:left;
             line-height:80px;
             font-size:16px;
             font-weight:bold;
        }


        .living_bg ul .prompt {
             height:55px;
             width:100%;
             text-align:left;
             font-size:12px;
        }

.living_rg {
    padding-left:5px;
    padding-right:0px;
}

.title {
    float:none;
    width:60%;
    line-height:20px;
}

.living_info_solid {
    border-bottom:1px solid #8595c6;
}

.mar_foot {
     margin-bottom:25px;
}
#five_day_lf {
    padding:0px;
    width:3%;
}

    .pdd_left > div {
         height:100px;
         padding:0px;
    }

.today {
   display:block;
   border-top:none;
}

.tomorrow {
   display:none;
   border-top:none;
}


.container-fluid a:hover{
    cursor:pointer;
}

.popover{ color:#000000;text-align:left;font-size:12px;width:100%;}


.living_lf {
    height:126px;
    width:50%;
}


.state {
    margin-bottom:15px;
}



.jt_today ul {
    float:left;
}


.jt_today {
     outline:1px solid #3C7DC1;
     padding-right:0px;
     padding-left:10px;
     padding-top:40px;
     padding-bottom:40px;
     min-height:219px;
     background-color:#40A5EB
}

.jt_today ul {
     padding-left:0px;
     padding-right:0px;
     height:140px;
}


.jrtq_info {
    padding:0px;
    /*padding-bottom:40px;*/
}

.jrtq_info_title {
     width:100%;
     height:37px;
     outline:1px solid gray;
}

    .jrtq_info_title ul {
         padding-left:10px;
         padding-right:10px;
         width:100%;
    }

.ul_li_lf {
     line-height:37px;
     font-size:16px;
     font-weight:bold;
     height:37px;
     float:left;
}

.ul_li_rg {
     line-height:45px;
     height:37px;
     float:right;
}

.jt_wd {
     line-height:40px;
     font-size:14px;
     padding-left:9px;
     padding-top:15px;
     color:#FEDC54;
     font-weight:bold
}
.jt_img {
     width:60px;
     float:left;
}

    .jt_img img {
        width:100% !important;
        height:100% !important;
    }


.sxw li{
   width:100%; 
   text-align:center;
   line-height:30px;
   font-size:12px;
}

.sxw {
 
    width: 17%;
    height: 140px;

    padding: 0px;
 background-color:#51B1E8;
 color:#fff;
}

.sxw_img {
     height:40px;
   
}

    .sxw_img img {
         width:35% !important;height:100% !important;
    }

.img_1 {
    float:left;
}
.row-nomarginleft{margin-right:0px;}
.row-nomarginright{ padding-left:4px}
.back{bottom:5px;right:5px; position:absolute;color:#fff; cursor:pointer}
.today_ev{cursor:pointer}

@media (min-width: 283px) {
    .state_lf {
        padding-right:0px;
        padding-left:0px;
        padding-top:0px;
    }
        .state_lf > div {
            padding-top:0px;
        }
    .state_first > div {
        margin-bottom:5px;
       background-color:#b9d2f1;
    }

        .satellite{
        margin-bottom:5px;
        padding-right:0px;
    }

            .radar{
        padding-left:0px;
        margin-bottom:5px;
    }


            .pdd_left {
     padding-left:15px;
}

    .margi {
       overflow:hidden; 
    }

        .radar_images img {
        width:100%;
        height:100%;
    }

    .Aqi_test ul {
        padding-left: 0px;
        width: 95%;
        margin-left: 4px;
        border-bottom: 1px solid #fff;
    }
    .weatherservice_nopadding_phone{ padding-right:0px;}

            .aqi_list1{
    height:157px;
    padding-top:55px;
        }
             .aqi_list2{
    height:77px;
    padding-top:24px;
        }
}







@media (min-width: 500px) {
        .weatherservice_nopadding_phone{ padding-right:15px;}
      #weathergraph{width:330px !important; height:302px !important;}
        .Aqi_test ul {
     padding-left: 0px;
        width: 98%;
        margin-left:5px;
        border-bottom: 1px solid #fff;
    }
    .sxw {margin-left:6px;
    }
            .aqi_list1{
    height:157px;
    padding-top:55px;
        }
             .aqi_list2{
    height:77px;
    padding-top:24px;
        }
}
@media (min-width: 700px) {

        .radar_images img {
        width:100%;
        height:100%;
    }
           .margi {
        overflow-y:auto;
        overflow-x:hidden;
        height:772px;
    }
 
      .state_first > div {
        margin-bottom:0px;
       background-color:#b9d2f1;
    }


    .state_lf {
    padding-right:5px;
    padding-left:0px;
}
        .satellite{
        margin-bottom:5px;
        padding-right:5px;
    }

            .radar{
        padding-left:5px;
        margin-bottom:5px;
    }

            .pdd_left {
     padding-left:25px;
}

.twoDay{line-height:60px;margin-top:14px;}         

}
@media (min-width: 970px) {
        .Aqi_test ul {
        padding-left: 5px;
        width: 98%;
        margin-left:5px;
        border-bottom: 1px solid #fff;
    }
        .aqi_list1{
    height:157px;
    padding-top:55px;
        }
             .aqi_list2{
    height:77px;
    padding-top:24px;
        }
          #weathergraph{width:330px !important; height:302px !important;}
         .alert_h4{position:absolute;margin-left:116px !important;top:74px;}
}
@media (min-width: 1107px) {
       .sxw{margin-left:6px;}
       .alert_h4{position:absolute;margin-left:66px !important;top:74px;}
       #weathergraph{width:385px !important; height:302px;}
}
          .alert_h4{position:absolute;margin-left:126px !important;}