@charset "utf-8";

html,body{max-width:640px; margin:auto;}

body{background: #f4f4f4;}
body,h1,h2,h2,h3,h4,h5,h6,a,a:hover{font-family: microsoft yahei,\5fae\8f6f\96c5\9ed1,"helvetica neue", helvetica, arial, sans-serif; text-decoration: none;}
a{color: #333333;}
a:hover{color:#ff6600;}
h1,h2,h3,h4,h5,h6{color: #ff6600}
h4 a{color: #ff6600}
/**导航条**/
nav,ul,li,div{margin:0;padding:0;}
nav{margin:0;padding:0;width:100%;background: #f2f2f2;margin-bottom:10px;}
nav .topnav{height: 40px;list-style: none;border-bottom:1px solid #dc610f;overflow: hidden;background: #f60;padding-bottom:10px;box-shadow:0 1px 3px #999}
nav .topnav li{text-align: center;font-size: 14px;}
nav .topnav li a{line-height: 40px;color: #fff;}
nav .topnav li.main{float:left;height: 40px;width:40px;}

nav .topnav li.main a{display: block;height: 40px;width:40px;background: url(/uploads/image/jtimages/back.png);background-size:40px 40px;float:left;}
nav .topnav li.main a:hover{background: #ff8800 url(/uploads/image/jtimages/back.png);background-size:40px 40px;}

nav .topnav li.home a{display: block;height: 40px;width:40px;background: url(/uploads/image/jtimages/home.png);background-size:40px 40px;float:left;}
nav .topnav li.home a:hover{background: #ff8800 url(/uploads/image/jtimages/home.png);background-size:40px 40px;}

nav .topnav li.title{margin:0 100px 0 40px;height: 40px;font-size: 24px;}
nav .topnav li.title  a{display: block;height:40px;width:150px;margin:auto;background:url(/uploads/image/jtimages/logo-white.png) no-repeat center left;font-size: 16px;text-align: right; }

nav .topnav li.list{float: right;height: 40px;width:40px;overflow: hidden;}
nav .topnav li.list a{display: block;float:left;width:40px;height: 40px;}

nav .topnav li.list a.home{background: url(/uploads/image/jtimages/home.png);background-size:40px 40px;}
nav .topnav li.list a:hover{background: #ff8800 url(/uploads/image/jtimages/home.png);background-size:40px 40px;}
nav .topnav li.list a.listmenu{background: url(/uploads/image/jtimages/list.png);background-size:40px 40px;}
nav .topnav li.list a.listmenu:hover{background: #ff8800 url(/uploads/image/jtimages/list.png);background-size:40px 40px;}


nav .menu{list-style: none;background: #eee;}
nav .menu li{float:left;width:16.6666666666%;text-align: center;}
nav .menu li a{color:#333;line-height: 44px;}
nav .menu li.active a{color:#ffffff;background: #ff6600;padding:2px 5px 2px 5px;border-radius: 4px;}
nav .menu li.active a:hover{color:#ffffff;}
nav .menu li a:hover{color:#ff6600;}

/*面包屑*/
nav .breadcrumb {
	margin-bottom: 2px;
	font-size: 14px;
	background: #fff;
	line-height: 21px;
	padding: 0 10px; color : #999;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #999; 
	border-radius:0;
}

nav .breadcrumb a {
	display: inline-block;
	padding: 8px 3px;
	color : #555; 
	text-decoration: none;
	margin: 0 3px;
	color: #555;
}


.hot{background: #aaa;line-height: 30px;color:#ffffff; padding:3px;}
.hot a{ color:#ffffff; font-size:18px;height: 30px;}
/***nav end****/

/*seperate line*/
.seperate{border-bottom:1px solid #e5e5e5;margin:2px 0;}
/*小三角*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.caret-r {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-left: 6px solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

#subnav{padding:0 5px;}
#subnav div{overflow: hidden;}
#subnav div a{white-space: nowrap;display: block;border:0;/*border-radius:4px;*/margin:1px -14px;padding:5px;background:#f0f0f0;text-align: center;overflow: hidden;text-shadow: 1px 1px 1px rgba(0,0,0,0.5)}
#subnav div a:hover{color:#ffffff;background: #ff6600;border-radius:4px;}
#subnav div a.selected{border-radius:4px;background:#ff6600;color:#ffffff;font-weight:bold;}



.content{padding:0 25px;}
.focus{margin-top:15px;height: 150px;border-bottom:1px solid #e5e5e5;}
.focus .temp{text-align: right;font-size: 36px;}
.focus .title{font-weight: bold;font-size: 18px;color: #ff6600;overflow: hidden;}
h1{font-size: 24px;float: left;margin:5px 0 0 0;padding:0;white-space: nowrap;overflow: hidden;}

.focus span{white-space: nowrap;}
.focus .cnt{height: 80px}
.focus .info{text-align: right;}
.focus .info .s-info{font-size: 30px;}
.w1{background: url(/uploads/image/jtimages/11.png) no-repeat 15px center;background-size: 80px 80px;}

.gt10_l{background: url(/uploads/image/jtimages/10.png) no-repeat 15px center;background-size: 80px 80px;}
.gt11_l{background: url(/uploads/image/jtimages/11.png) no-repeat 15px center;background-size: 80px 80px;}
.gt12_l{background: url(/uploads/image/jtimages/12.png) no-repeat 15px center;background-size: 80px 80px;}
.gt13_l{background:  no-repeat 15px center;background-size: 80px 80px;}
.gt14_l{background: url(/uploads/image/jtimages/14.png) no-repeat 15px center;background-size: 80px 80px;}
.gt16_l{background:  no-repeat 15px center;background-size: 80px 80px;}
.gt19_l{background: url(/uploads/image/jtimages/19.png) no-repeat 15px center;background-size: 80px 80px;}
.gt20_l{background: url(/uploads/image/jtimages/20.png) no-repeat 15px center;background-size: 80px 80px;}
.gt26_l{background: url(/uploads/image/jtimages/26.png) no-repeat 15px center;background-size: 80px 80px;}
.gt28_l{background: url(/uploads/image/jtimages/28.png) no-repeat 15px center;background-size: 80px 80px;}
.gt32_l{background: url(/uploads/image/jtimages/32.png) no-repeat 15px center;background-size: 80px 80px;}
.gt37_l{background: url(/uploads/image/jtimages/37.png) no-repeat 15px center;background-size: 80px 80px;}
.gt39_l{background: url(/uploads/image/jtimages/39.png) no-repeat 15px center;background-size: 80px 80px;}
.gt40_l{background: url(/uploads/image/jtimages/40.png) no-repeat 15px center;background-size: 80px 80px;}
.gt41_l{background: url(/uploads/image/jtimages/41.png) no-repeat 15px center;background-size: 80px 80px;}
.gt42_l{background:  no-repeat 15px center;background-size: 80px 80px;}
.gt60_l{background: url(/uploads/image/jtimages/60.png) no-repeat 15px center;background-size: 80px 80px;}
.gt61_l{background: url(/uploads/image/jtimages/61.png) no-repeat 15px center;background-size: 80px 80px;}
.gt62_l{background: url(/uploads/image/jtimages/62.png) no-repeat 15px center;background-size: 80px 80px;}
.gt63_l{background: url(/uploads/image/jtimages/63.png) no-repeat 15px center;background-size: 80px 80px;}
.gt64_l{background: url(/uploads/image/jtimages/64.png) no-repeat 15px center;background-size: 80px 80px;}
.gt65_l{background: url(/uploads/image/jtimages/65.png) no-repeat 15px center;background-size: 80px 80px;}



/*未来几天天气*/
.future .col-xs-4,.future .col-xs-3,.future .col-xs-5,.future .col-xs-12{border-top:1px solid #f9f9f9;border-bottom: 1px solid #e5e5e5;height: 45px;vertical-align: center;line-height: 45px;overflow: hidden;padding:0 6px}
.future .col-xs-4 span,.future .col-xs-3 span,.future .col-xs-5 span{font-size: 12px;padding-left: 5px;color:#999;}
.future .title{ display:block; clear:both; border-bottom: 1px solid #e5e5e5; overflow:hidden;}
.future .title h1{ margin:10px auto; clear:both; overflow:hidden;}

.t10_l, .t11_l, .t12_l, .t13_l, .t14_l, .t16_l, .t19_l, .t20_l, .t26_l, .t28_l, .t32_l, .t37_l, .t39_l, .t40_l, .t41_l, .t42_l, .t60_l, .t61_l, .t62_l, .t63_l, .t64_l, .t65_l{background: url(/uploads/image/jtimages/weather.png) no-repeat scroll 0% 0% transparent;text-align: right}

.t10_l{background-position: center 0;}
.t11_l{background-position: center -45px;}
.t12_l{background-position: center -90px;}
.t13_l{background-position: center -135px;}
.t14_l{background-position: center -180px;}
.t16_l{background-position: center -225px;}
.t19_l{background-position: center -250px;}
.t20_l{background-position: center -315px;}
.t26_l{background-position: center -360px;}
.t28_l{background-position: center -405px;}
.t32_l{background-position: center -450px;}
.t37_l{background-position: center -495px;}
.t39_l{background-position: center -540px;}
.t40_l{background-position: center -585px;}
.t41_l{background-position: center -630px;}
.t42_l{background-position: center -675px;}
.t60_l{background-position: center -720px;}
.t61_l{background-position: center -765px;}
.t62_l{background-position: center -810px;}
.t63_l{background-position: center -855px;}
.t64_l{background-position: center -900px;}
.t65_l{background-position: center -945px;}

.temp{text-align: right;}

.lishi li{ list-style:none; line-height:35px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #f9f9f9; width:100%; height:35px; overflow:hidden;}


/*今天天气*/
.weather-today div{border-bottom:1px solid #e5e5e5;border-top:1px solid #f9f9f9;}
.weather-today .col-xs-3{height: 75px;line-height: 75px;overflow: hidden;padding: 0 6px;}
.weather-today h4{ margin-left:-10px;}
.weather-today h1{font-size:24px; margin:10px auto;margin-left:-10px;}
.weather-today b{ font-weight:normal;}

.tt10_l{background: url(/uploads/image/jtimages/10.png) no-repeat 0px center;background-size: 50px 50px;}
.tt11_l{background: url(/uploads/image/jtimages/11.png) no-repeat 0px center;background-size: 50px 50px;}
.tt12_l{background: url(/uploads/image/jtimages/12.png) no-repeat 0px center;background-size: 50px 50px;}
.tt13_l{background:  no-repeat 0px center;background-size: 50px 50px;}
.tt14_l{background: url(/uploads/image/jtimages/14.png) no-repeat 0px center;background-size: 50px 50px;}
.tt16_l{background:  no-repeat 0px center;background-size: 50px 50px;}
.tt19_l{background: url(/uploads/image/jtimages/19.png) no-repeat 0px center;background-size: 50px 50px;}
.tt20_l{background: url(/uploads/image/jtimages/20.png) no-repeat 0px center;background-size: 50px 50px;}
.tt26_l{background: url(/uploads/image/jtimages/26.png) no-repeat 0px center;background-size: 50px 50px;}
.tt28_l{background: url(/uploads/image/jtimages/28.png) no-repeat 0px center;background-size: 50px 50px;}
.tt32_l{background: url(/uploads/image/jtimages/32.png) no-repeat 0px center;background-size: 50px 50px;}
.tt37_l{background: url(/uploads/image/jtimages/37.png) no-repeat 0px center;background-size: 50px 50px;}
.tt39_l{background: url(/uploads/image/jtimages/39.png) no-repeat 0px center;background-size: 50px 50px;}
.tt40_l{background: url(/uploads/image/jtimages/40.png) no-repeat 0px center;background-size: 50px 50px;}
.tt41_l{background: url(/uploads/image/jtimages/41.png) no-repeat 0px center;background-size: 50px 50px;}
.tt42_l{background:  no-repeat 0px center;background-size: 50px 50px;}
.tt60_l{background: url(/uploads/image/jtimages/60.png) no-repeat 0px center;background-size: 50px 50px;}
.tt61_l{background: url(/uploads/image/jtimages/61.png) no-repeat 0px center;background-size: 50px 50px;}
.tt62_l{background: url(/uploads/image/jtimages/62.png) no-repeat 0px center;background-size: 50px 50px;}
.tt63_l{background: url(/uploads/image/jtimages/63.png) no-repeat 0px center;background-size: 50px 50px;}
.tt64_l{background: url(/uploads/image/jtimages/64.png) no-repeat 0px center;background-size: 50px 50px;}
.tt65_l{background: url(/uploads/image/jtimages/65.png) no-repeat 0px center;background-size: 50px 50px;}
.weather-status a{margin-left: 50px;}



/*天气指数*/
.weather-index div{border-bottom:1px solid #e5e5e5;border-top:1px solid #f9f9f9;}
.weather-index .col-xs-6{height: 35px;line-height: 35px;overflow: hidden;padding: 0 6px;}
.weather-index h4{margin-left:-10px;}
/*热门城市天气*/
.weather-hot div{border-bottom:1px solid #e5e5e5;border-top:1px solid #f9f9f9;}
.weather-hot .col-xs-3{height: 35px;line-height: 35px;overflow: hidden;padding: 0 6px;}
.weather-hot h4{margin-left:-10px;}
/*底部信息*/
#footer{border-top:1px solid #f9f9f9;padding:10px;	color:#999999;}
#footer div{text-align: center;}
#footer div a{color:#666666;}



.page {
    background: none repeat scroll 0 0 #ffffff;
    line-height: 33px;
    padding: 22px;
    text-align: center;
    display:block;
    clear:both;
    overflow:hidden;
}
.page a {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dcdee0;
    border-radius: 0;
    color: #333;
    display: inline-block;
    height: 33px;
    width: 58px;
}

.page .pageno {
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    position: relative;
    vertical-align: top;
    color: #999;
}
.page a.disabled {
    color: #cccccc;
}


/*空气质量*/
.airquality .col-xs-12,.airquality .col-xs-6{border-bottom:1px solid #e5e5e5;border-top:1px solid #f9f9f9;}
.airquality h1{font-size:24px; margin:5px 0;}
.airquality h4{ margin-left:-10px;}
.airquality .air-q{
  width:80%;height: 48px;
  border-radius: 24px;
  box-shadow:inset 0 0 10px 1px rgba(0,0,0,0.3);
  /*background: #f3a445;*/
  margin:10px auto;
  text-align: center;

}
.airquality .air-q-num{font-size: 36px}
.airquality .air-q-desc{margin-left: 5px;}

.airquality .prog{border:0;position: relative;}
.airquality .prog .cur{position: absolute; width:12px;height: 12px;background: url(/uploads/image/jtimages/progress-bg.png) no-repeat -300px -15px;margin-left:-6px;left: 30%;
}
@media(max-width: 320px){
  .airquality .prog{
    width:220px;
    height:40px;
    background: url(/uploads/image/jtimages/progress-bg.png) no-repeat 0 0;
    margin:20px auto;

  }
  .airquality .prog .cur{top:13px;}
}
@media(min-width: 321px) and (max-width: 480px){
  .airquality .prog{
    width:280px;
    height:40px;
    background: url(/uploads/image/jtimages/progress-bg.png) no-repeat 0 -48px;
    margin:20px auto;
  }
  .airquality .prog .cur{top:15px;}
}
@media(min-width: 481px){
  .airquality .prog{
    width:420px;
    height:55px;
    background: url(/uploads/image/jtimages/progress-bg.png) no-repeat 0 -95px;
    margin:20px auto;
  }
  .airquality .prog .cur{top:22px;}
}

.airquality .col-xs-6{font-size: 12px;padding:10px 15px;color: #666;}
.airquality .desc{padding:10px 15px;}
.airquality .desc p{
  text-align: center;

}
.airquality .desc p.d2{color: #888;font-size: 12px;}