/*大盒子*/
.by_box1{ width: 1180px; margin: 0px auto;}
/*全屏盒子*/
.by_boxfull{ width: 100%; margin:0px auto;}
/*灰色1像素边框盒子*/
.by_box2{ border:1px solid #e5e5e5; padding: 0px 14px;}
/*无边框盒子*/
.by_box3{}
/*无边框盒子*/
.by_box4{ border:1px solid #e5e5e5;}

/*大标题_蓝色*/
.by_title1{ font-size:16px; color: #535353; border-bottom: 1px solid #e5e5e5; line-height: 25px; padding:10px 0px;}
.by_title1 h1,.by_title1 h2{ border-left: 3px solid #0075e2; padding-left: 10px;display: inline-block;}
/*大标题_黄色*/
.by_title2{ font-size:16px; color: #535353; border-bottom: 1px solid #e5e5e5; line-height: 25px; padding:10px 0px;}
.by_title2 h1{ border-left: 3px solid #ffd54f; padding-left: 10px;display: inline-block;}
.by_title2 h2{ border-left: 3px solid #ffd54f; padding-left: 10px;display: inline-block;}
.by_title2 h3{ border-left: 3px solid #ffd54f; padding-left: 10px;display: inline-block;}
/*大标题_无边框*/
.by_title3{ font-size:16px; color: #535353; height: 25px; line-height: 25px; padding:10px 0px;}
.by_title3 h1{ display: inline-block;}
.by_title3 a.by_change{ font-size: 14px; color: #666666;}
.by_title3 a.by_change:hover{ text-decoration: none; color: #0084ff;}

/*6列链接*/
.by_content1{ padding:10px 0px 4px 0px;}
.by_content1 a{ line-height: 35px; height: 35px; width: 145px; margin:0px 6px 6px 0px;  display:inline-block; background: #fafafa; text-align: center; color: #666666; font-size: 14px;overflow: hidden;}
.by_content1 a.cur{color: #0084ff; font-weight: bold;}
.by_content1 a.end{margin: 0px 0px 0px 0px;}
.by_content1 a.cur:hover{background:#0084ff; text-decoration: none; color: #ffffff;}
.by_content1 a:hover{ background:#f0f6fc; text-decoration: none; color: #0084ff;}
.by_content1 hr{ border-top: 1px solid #e5e5e5; margin:10px 0px 15px 0px;}
/*单列链接*/
.by_content2{ padding:10px 0px 5px 0px;}
.by_content2 a{ display: block;line-height: 35px; height: 35px;background: #fafafa; margin-bottom: 5px; padding-left: 5px;color: #666666; font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.by_content2 a:hover{ background:#f0f6fc; text-decoration: none; color: #0084ff;}
/*文本内容*/
.by_content3{ padding:10px 0px;}
.by_content3 p{ line-height: 35px; font-size: 14px; text-indent: 2em;}
.by_content3 a{color: #666; text-decoration: none; font-weight: bold;}
.by_content3 a:hover{color: #0084ff;}
.by_content3 p.tj{ text-indent: 0em;}
.by_content3 p.tj span{ color:#0084ff;}
/*列表分页*/
.by_content4{ margin:10px 0px 20px 5px; text-align: center;}
.by_content4 a{ margin: 0px 5px; font-size:14px; display: inline-block; border: 1px solid #e5e5e5; padding: 0px 5px; text-decoration: none; color:#666666;  }
.by_content4 a:hover,.by_content4 a.active { background:#38f; border:1px solid #38f; color:#fff; text-decoration:none; }

/*生活指数*/
.by_index{ padding:10px 0px 0px 0px;}
.by_index_box{ border: 1px solid #e5e5e5; float: left; width: 192px; margin-right: 9px; margin-bottom: 10px; height: 60px; padding-left: 60px;}
.by_index_box p{ height: 30px; line-height: 30px;}
.by_index .by_index1{ background: url(../images/index.png) no-repeat 0px 0px;}
.by_index .by_index2{ background: url(../images/index.png) no-repeat 0px -60px;}
.by_index .by_index3{ background: url(../images/index.png) no-repeat 0px -120px;}
.by_index .by_index4{ background: url(../images/index.png) no-repeat 0px -180px;}
.by_index .by_index5{ background: url(../images/index.png) no-repeat 0px -240px;}
.by_index .by_index6{ background: url(../images/index.png) no-repeat 0px -300px;}
.by_index_box span.s1{ color: #0084ff;}
.by_index_box span.s2{ color: #f5ad02;}
.by_index_box span.s3{ color: #f50202;}
.by_index_box span.s4{ color: #cc00ff;}
.by_index_box span.s5{ color: #66cc00;}
.by_index_box span.s6{ color: #9900ff;}
.by_index_box p.p1{font-size: 16px;}
/*历史查询*/
.by_history_query{ padding:10px 0px;}
.by_history_query .by_btn{ background: #0084ff; border: none; color: #ffffff; height: 35px; padding: 0px 30px; border-radius:5px; font-size: 14px;}
.by_history_query .by_select{ background: #f4f4f4; height: 35px; font-size: 14px; line-height: 35px; width: 103px; padding: 0px 5px; border: none; border-radius:5px; margin-bottom: 10px; color: #87878a;}
.by_history_query .by_tips{ color:#d9b86f; font-size: 12px; padding: 0px 10px;height: 35px; line-height: 35px; display: inline-block;}
/*定位城市*/
.by_location_city{padding:10px 0px 0px 0px;}
.by_location_city i{float: left; margin: 10px 0px;}
.by_location_city span.p1{ font-size: 18px; float: left; margin: 10px; line-height: 35px; margin: 10px 0px 5px 10px; padding-top: 5px;}
.by_location_city span.p1 em{ font-size: 43px;}
.by_location_city span.p2{ margin: 10px 0px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; float: left; width: 100%; line-height: 40px;}
.by_location_city span.p2 em{ color: #ff0000;}
.by_location_city span.p3{}
.by_location_city span.p3 a{ display: inline-block; width: 48%; height: 35px; line-height: 35px; text-align: center;background: #fafafa; margin-bottom: 10px; color: #666666; font-size: 14px;overflow: hidden;}
.by_location_city span.p3 a:hover{ background:#f0f6fc; text-decoration: none;  color: #0084ff;}
/*地图*/
.by_map{position: relative; margin:20px auto; width:716px;}
.by_map a{text-decoration: none; padding:1px 5px; font-size: 12px; color: #ffffff; background-color: #666666; border-radius: 5px;}
.by_map a.em{ background-color: #0084ff;}
.by_map a:hover{ background-color: #0084ff; }
/*城市首页今天天气*/
.by_todaycity_nav{}
.by_todaycity_nav h1{ float: left; font-size: 30px;}
.by_todaycity_nav span{float: right; line-height: 45px; height: 45px;}
.by_todaycity_nav span a{ background: #f9fcff; border: 1px solid #e2ecf6; color: #6895bf; display: inline-block; height: 35px; line-height: 35px; margin-left: 5px; padding:0px 10px; font-size: 14px;}
.by_todaycity_nav span a:hover{ text-decoration: none;background: #0084ff; color: #ffffff;}
.by_todaycity_nav span a.em{ background-color: #0084ff; color: #ffffff;}
.by_todaycity{}
.by_todaycity hr{border-top: 1px solid #e5e5e5; margin:5px 0px 5px 0px;}
.by_todaycity .by_title{ font-size: 16px; color: #0084ff;}
.by_todaycity .by_content{ padding:3px 0px;}
.by_todaycity .by_content i{ float: left; padding-top: 10px;}
.by_todaycity .by_content span.p1{ font-size: 14px; float: left; line-height: 35px; margin: 10px 0px 0px 20px; padding-top: 5px;}
.by_todaycity .by_content span.p1 em{ font-size: 43px;}
.by_todaycity .by_content span.p2{ margin: 10px 30px 0px 0px; float: right; line-height: 20px; font-size: 14px;}
.by_todaycity .by_content span.p2 em{ color: #ff0000;}
.by_todaycity .by_content .by_deta{}
.by_todaycity .by_content .by_deta li{ float: left; width: 50%; line-height: 30px; height: 30px; font-size: 14px;}
.by_todaycity .by_content .by_deta li.w100{ width: 100%;}
.by_todaycity .by_content span.by_update{ float: right; color: #999999;}
.by_todaycity .by_content .by_24time{border:1px solid #e5e5e5;}
.by_todaycity .by_content .by_yesterday{ height: 30px; line-height: 30px;}
.by_todaycity .by_content .by_yesterday span{ margin-right: 20px;}
.by_todaycity .by_content .by_history_link{ height: 25px; line-height: 25px;}
.by_todaycity .by_content .by_history_link a{ font-size: 14px; font-weight: bold; color: #ec9000;}
.by_todaycity .by_content .by_history_link a:hover{ text-decoration: none;}

.by_todaycity_time{ background: #fbfbfb; width: 445px; float: left; padding:5px 15px 0px 15px;}
.by_todaycity_side{ float: right; width: 675px; margin-left: 18px; padding: 5px 10px 0px 0px;}
.by_todaycity_bottom{ float: left; width: 100%;  border-top:1px solid #e5e5e5;  }
.by_todaycity_bottom .by_tips{line-height: 30px;padding:10px 10px;font-size: 14px; text-align: center; color: #d9b86f;}

/*多天天气展示*/
.by_weather_many{padding:5px 0px 5px 0px;}
.by_weather_many ul:hover{ background: #f0f6fc;}
.by_weather_many li{ float: left; font-size: 14px; line-height: 45px; height: 45px;  border-bottom:1px solid #e5e5e5;}
.by_weather_many li.l1{ width: 18%;}
.by_weather_many li.l2{ width: 15%; text-align:center;}
.by_weather_many li.l3{ width: 15%; text-align:center;}
.by_weather_many li.l4{ width: 20%; text-align:center;}
.by_weather_many li.l5{ width: 12%; text-align:center;}
.by_weather_many li.l6{ width: 10%; text-align:center;}
.by_weather_many li.l7{ width: 10%; text-align:right;}
.by_weather_many div.by_tips{ color: #d9b86f; font-size: 14px; line-height: 30px; padding-top: 5px;}

/*结构样式*/
.by_top{ height: 60px;}
.by_logo{ float: left;}
.by_logo img{ height: 60px;}
.by_search{ float: right; padding-top: 10px;}
.by_search li{ text-align: right; padding-bottom: 5px;}
.by_search li a{color: #666; text-decoration: none;}
.by_search li a:hover{color: #0084ff;}
.by_search .by_input{ border:1px solid #d9d9d9; height: 33px; line-height: 33px; padding-left: 5px; width: 180px;}
.by_search .by_btn{background: #0084ff; border: none; color: #ffffff; height: 35px; padding: 0px 30px; font-size: 14px;}

.by_nav{ height: 40px; background: #0084ff; width: 100%}
.by_nav a{ height: 40px; text-align: center; line-height: 40px; padding: 0px 20px; font-size: 16px; color: #ffffff; display: inline-block; text-decoration: none;}
.by_nav a.cur{ background: #0075e2;}
.by_nav a:hover{background: #0075e2;}

.by_crumbbox{height: 35px; background: #f8f8f8; line-height: 35px; color: #999999; font-size: 14px;}
.by_crumbbox a{ color: #999999; text-decoration: none;}
.by_crumbbox a:hover{color: #0084ff;}
.by_crumb{ float: left;font-size: 12px;}
.by_crumb_tips{ float: right;}

.by_section{ float: left; width: 810px;}
.by_side{float: left; width: 350px; margin-left: 20px;}

.by_foot{ background: #333333; text-align: center; line-height: 35px; padding: 10px 0px; color:#cccccc; }
.by_foot a{ color:#cccccc; padding-right: 4px;word-break: keep-all;}
.by_foot a:hover{ color:#cccccc; text-decoration: none; }

/*通用样式*/
.by_mt20{ margin-top: 20px;}
.by_mt10{ margin-top: 10px;}
.by_mt5{ margin-top: 5px;}
.by_end{ margin: 0px 0px 0px 0px;}


span.high{ color: #f50202 !important; font-weight: bold;}
span.low{ color: #0084ff !important; font-weight: bold;}
.by_map a{
    position:absolute;
    z-index:10;
}
.by_box3 table{width: 100%;font-size: 14px;}
.by_box3 th{border: 1px solid #d9d9d9;text-align: center;font-weight: bold;}
.by_box3 td{border: 1px solid #d9d9d9;padding: 6px 8px;}
.by_box3 td:nth-child(1){color: #0084ff;font-weight: bold;text-align: center;}
.by_box3 td:nth-child(2){width:37%;}
.by_box3 td:nth-child(3){width:37%;}

.fa-home:before {
    content: "\f014"
}

.wnlp {
    border: #d2514c 1px solid;
    padding: 5px 10px 5px 10px;
    margin: 15px 10px 15px 10px;
    font-size: 14px;
    border-radius: 8px;
    text-align: center;
}

.weaflow_c {
    display: flex;
    justify-content: space-between;
    width: 100%;

}

.weaflow_c span {
    width: 40px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #FFF;
    border-radius: 5px;
    margin-bottom: 20px;
}

.weaflow_c div {
    width: 80%;
    text-align: left;
}
.m-tips span{float:right;}
.mbox{display: none;}
.pcbox{display: block;}
@media only screen and (max-width: 768px) {
    .mbox{
        display: block;
    }
    .pcbox{display: none;}
    
    .by_box1{
        width: 100%;    clear: both;
    }
    .by_todaycity_time,.by_todaycity_side,.by_section{
        width: 95%;
        padding: 10px;
        float: none;
        margin: 0 auto;
        
    }
    .by_todaycity .by_content .by_yesterday,.by_crumbbox{
        height: auto;
    }
    .by_box2{padding:0;border:0;}
    .by_content1 a{width:32%;margin:0;}
    .by_todaycity_nav span{height:auto;}
    .by_weather_many ul{
        display:flex;
    }
    .by_weather_many li{float:none;height:auto;line-height:30px;font-size:12px}
    .by_weather_many li.l3{width:20%;}
    .wlife{
        flex-wrap: wrap;
    }
    .wlife span{margin-bottom:10px;width:30% !important;}
    .clearfix:after,.by_title{display:none;}
    .by_side{width:95%;float:none;margin:0 auto;}
    .by_todaycity .by_content span.p2{line-height: 25px;}
    .by_todaycity .by_content span.p1{margin:10px;}
    .live-tips-box,.by_todaycity .by_content,.by_todaycity hr,.by_box2{    clear: both;}
    .by_todaycity_nav span a{padding:0px 4px;}
    .by_nav{ height:auto; }
}