/* CSS Document */

/* ~~~~~~~~~~~~~~~~  天气  ~~~~~~~~~~~~~~ */

.tianqi_l{float:left; width:680px; margin-right:10px;}
.tianqi_map{overflow:hidden;margin-bottom:15px;}
.tianqi_map dd{width:610px;float:left;margin-right:5px;}
.tianqi_map dt{width:60px;float:left;}

.tianqi_r{float:left; width:300px; margin-bottom:10px;}
.tianqi_r div{margin-bottom:10px;}

.tianqi_new_img{float:left;}
.tianqi_new_img dt{float:left;margin:5px;width:150px;}
.tianqi_new_img dd{float:left;margin:6px 5px;width:210px; line-height:25px;}

.tianqi_new_t{float:left; width:290px; line-height:26px; margin:5px;}

.tianqi_search{width:300px; height:32px;}
.tianqi_search input{line-height:30px; height:30px; width:210px; border:1px solid #a6a6a6; color:#333;float:left;}
.tianqi_search span a{float:right; width:78px; height:30px;text-align:center;font:18px/30px "微软雅黑"; color:#fff; background-color:#08b9f5; border:1px solid #08b9f5; border-radius:3px;}
.tianqi_search a:hover{background-color:#f2f2f2; color:#08b9f5;}

.tianqi_r{width:300px;}

.tianqi_xinxi_r,.tianqi_xinxi_l{width:48%; padding:1%; float:left;line-height:27px;}
.tianqi_xinxi_r dt{width:100%;font:26px/60px "微软雅黑"; text-align:center; border:none;}
.tianqi_xinxi_r dd{float:left;width:36%; margin:0 7%;font:35px/40px Arial, Helvetica, sans-serif;}
.tianqi_xinxi_r dd img{width:40px; height:40px;}

.tianqi_weilai{border:1px dashed #CCCCCC;}
.tianqi_weilai_3{padding:10px 0;text-align:center; height:70px; border-bottom:1px dashed #CCCCCC;}
.tianqi_weilai_3 dt{float:left; width:33%; font:14px/30px Arial, Helvetica, sans-serif;}
.tianqi_weilai_3 dd{float:left; width:33%; font:20px/40px "微软雅黑"}
.tianqi_weilai_3 dd img{margin:auto; width:40px; height:40px;}


/* ~~~~~~~~~~~~~~~~~~  天气详情  ~~~~~~~~~~~~~~~ */

.tianqi_xq_5{width:100%; height:300px; background:url(http://static.xpcha.com/images/tianqi/tqback.jpg) no-repeat #09C; margin-bottom:10px;}
.tianqi_xq_5 li{width:20%; height:245px; padding-top:55px; color:#FFF; font-weight:bold; float:left;font:18px/25px "微软雅黑"; text-align:center;text-shadow:1px 1px 3px #000;}
.tianqi_xq_5 li:hover{background-color:#000;text-shadow:2px 2px 3px #000;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}/*透明度*/
.tianqi_xq_5 li img{margin:0 auto;text-shadow:2px 2px 3px #000;}
.tianqi_xq_wendu{width:680px; margin-bottom:10px;}


/* ~~~~~~~~~~~~~~~~  万年历  ~~~~~~~~~~~~~~ */

.wnl_index_l{width:560px; float:left; margin-right:10px;}
.wnl_l_t{width:900px; height:32px; overflow:hidden;}
.wnl_l_t a{width:100px; float:left; text-align:center;font:16px/30px "微软雅黑"; border:1px dashed #CCC;}
.wnl_l_t a:hover{background-color:#14bdf7; color:#FFF}

.wnl_l_lb{font:16px/30px "微软雅黑"; padding:0 5px; overflow:hidden;}
.wnl_l_lb dd{width:900px; height:30px; color:#F00; float:left; border-bottom:1px dashed #CCC;}
.wnl_l_lb dt{width:212px; height:30px; margin-right:10px; float:left;}

.wnl_index_r{width:330px; float:left;}


/* ~~~~~~~~~~~~~~~~  万年历吉日  ~~~~~~~~~~~~~~ */
.wnl_jiri_r{width:330px; float:left; background-color:#F7EAC4;}

/* ~~~~~~~~~~~~~~~~  万年历节日  ~~~~~~~~~~~~~~ */
.wnl_food dd{text-align:center;}

/* ~~~~~~~~~~~~~~~~~~~~~  汇率  ~~~~~~~~~~~~~~~~~~~ */
.hl_jsq{ padding:10px; text-align:center;}
.hl_jsq h1{margin:15px;}
.hl_jsq input{margin:0 5px; width:100px;height:30px;font:16px/24px Arial, Helvetica, sans-serif;}
.hl_jsq select{margin:0 5px;width:150px;height:30px;font:16px/24px Arial, Helvetica, sans-serif;}
.hl_jsq dd b{color:#F00}

.hl_hot dd{float:left; width:16.6%; text-align:center;}

.hl_valuable,.hl_cheap{width:99%; border:1px dashed #CCC; overflow:hidden; margin-bottom:10px;}
.hl_valuable h3,.hl_cheap h3{font-size:16px; text-align:center;}
.hl_valuable strong,.hl_cheap strong{ color:red;}
.hl_valuable dl,.hl_cheap  dl{width:50%; float:left; font:13px/22px Arial, Helvetica, sans-serif; }
.hl_valuable dt{text-align:right; width:57%;float:left}
.hl_valuable dd{width:40%;font-weight:bold;float:left; color:#06C}


.hl_cheap dd{width:70%; float:right;}
.hl_cheap dd b{color:#06C}

.hl_zoushitu{overflow:hidden; margin:10px 0;}
.hl_zoushitu dt{ float:left; width:16.4%; text-align:center; background-color:#09F; color:#FFF; font:16px/30px Arial, Helvetica, sans-serif;}
.hl_zoushitu dt:hover{background-color:#069; font-weight:bold;}



/* ~~~~~~~~~~~~~~~~~~~~~  快递  ~~~~~~~~~~~~~~~~~~~ */
.kd_xq{overflow:hidden; font:20px/42px "微软雅黑"; width:50%; margin:20px auto;}
.kd_xq dt{width:75%; float:left;  }

.kd_xq dd{width:25%; float:left; height:42px; }


.kd_menu{padding:20px; overflow:hidden;}

.kd_menu h3{text-align:center; font-size:26px; line-height:50px; color:#333; font-family:"微软雅黑"}

.kd_menu a{width:220px;height:48px; margin:5px; padding:5px; float:left; background-color:#EEE; }
.kd_menu a img{float:left; margin-right:5px;  border-radius:3px;box-shadow:1px 2px 3px #585858;}/* box-shadow(阴影):右移 下移 模糊 #颜色值 */

.kd_menu dl{float:left;}
.kd_menu dt{line-height:28px; font-size:18px;font-family:"微软雅黑"; font-weight:bold; color:#333;}
.kd_menu dd{line-height:20px;font-size:14px; color:#999;}

/* ~~~~~~~~~~~~~~~~~~~~~  违章  ~~~~~~~~~~~~~~~~~~~ */

.weizhang_box{ width:40%; margin:40px auto;}
.weizhang_box dt{width:48%; float:left; margin:10px 2% 10px 0;}
.weizhang_box dd{width:98%; margin:10px 2% 10px 0;}

.lukuan_map{width:580px; margin-right:10px; float:left;}
.lukuan_dt a{display:inline; margin:20px; line-height:26px;}


/* ~~~~~~~~~~~~~~~~~~~~~  QQ分组  ~~~~~~~~~~~~~~~~~~~ */
.fenzu3{overflow:hidden;font:14px/18px Arial, Helvetica, sans-serif;}
.fenzu3 span{color:#069}
.fenzu3 li{width:21%; margin:.5%; padding:1%; float:left; border:1px solid #CCC; height:300px;}
.fenzu3 li a{width:100%; margin:2px 0; display:block;}
