/*
	name : yanggang;
	QQ:392017299;
	E-mail:yanggang1@conew.com;
*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,span,h1,h2,h3,h4,h5,h6,strong,form,i,b,em,input,table,tbody,p,th,td{ margin: 0; padding: 0; border: none; color: #333; font-size: 12px; font-family:"HelveticaRegular", Helvetica,Verdana, Arial, "Microsoft YaHei"; font-weight: normal; }
html,body{ height:100%; }
img,input,button,a,select,textarea{ margin: 0; padding: 0; resize:none; border:none; outline:none; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6,p,em,i,b,em,a{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }
a:active, a:focus{ outline:none; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }
*html{ background-image:url(about:blank); background-attachment:fixed; } /* ie 6 fixed bug */
table{ border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
a{ text-decoration: none; color: #333; }
.sub-title{ width: 100%; height: 38px; line-height: 38px; background: url(/static/images/new-weather/index-icon.png) no-repeat 16px 11px; font-size: 16px; text-indent: 30px; }
/* wrap */
.index-body{ background: #fafafa; }
.index-info-wrap{ width: 1000px; margin: 20px auto; }
/* index left content */
.index-info-left{ width: 690px; float: left; }
.index-detail-content{ width: 688px; height: 308px; margin-bottom: 10px; border: 1px solid #e1e1e1; border-top: 2px solid #b9daf7; background: #fff; position: relative; }
.detail-city-title{ width: 150px; position: absolute; z-index: 2; top: 110px; left: 20px; font-size: 60px; color: #1ad175; font-weight: bold; text-align: right; }
.detail-city-index{ width: 446px; height: 196px; position: absolute; z-index: 2; top: 30px; left: 190px; }
.detail-city-index h2{ width: 446px; height: 44px; line-height: 44px; font-size: 30px; overflow: hidden; }
.detail-city-weather{ display: block; width: 446px; height: 50px; line-height: 50px; overflow: hidden; }
.detail-city-weather i{ padding-right: 20px; color: #999; font-size: 14px; }
.detail-city-index p{ width: 446px; height: 90px; line-height: 30px; font-size: 16px; overflow: hidden; }
.index-detail-share{ display: block; width: 648px; height: 30px; padding-right: 40px; position: absolute; z-index: 4; bottom: 40px; left: 0; text-align: right; }
.index-detail-share a,.index-detail-share i{ display: inline-block; height: 30px; vertical-align: top; }
.index-detail-share .detail-sina,.index-detail-share .detail-qqwb,.index-detail-share .detail-qq{ width: 30px; background: url(/static/images/new-weather/index-info-share.png); background-repeat: no-repeat; margin-right: 10px; }
.index-detail-share i{ line-height: 30px; padding-right: 5px; position: absolute; z-index: 44; top: 6px; right: 170px; font-size: 14px; }
.index-detail-share .detail-sina{ background-position: -40px top; }
.index-detail-share .detail-qqwb{ background-position: left top; }
.index-detail-share .detail-qq{ background-position: -80px top; }
.index-infol-content{ width: 688px; margin-bottom: 10px; border: 1px solid #e1e1e1; border-top: 2px solid #b9daf7; background: #fff; position: relative; cursor: pointer; }
.index-infol-content.addshadow{ box-shadow: 0 0 4px 1px #ccc; }
.index-infol-content h2{ width: 502px; height: 60px; line-height: 60px; padding: 0 163px 0 23px; font-size: 24px; overflow: hidden; }
.index-infol-content h2 a{ color: #333; text-decoration: none; }
.index-infol-content h2 a:hover{ color: #187fd7; }
.index-infol-content p{ width: 642px; height: 48px; line-height: 24px; padding: 0 23px; font-size: 14px; color:#666; overflow: hidden; }
.index-infol-time{ position: absolute; z-index: 11; top: 24px; right: 25px; color: #999; }
.index-infol-list{ width: 642px; margin: 0 auto; padding: 15px 0 20px 0; }
.index-infol-list li{ display: inline; width: 190px; height: 210px; margin: 0 12px; background: #f4f4f4; overflow: hidden; float: left; }
.index-infol-list li img{ width: 190px; vertical-align: top; }
#loadIndexInfo{ display: block; width: 690px; height: 40px; line-height: 40px; background: #dedfe3; text-align: center; font-size: 14px; color: #333; }
/* index right list style */
.index-info-right{ width: 300px; float: right; }
.index-infor-mod{ width: 298px; margin-bottom: 10px; border: 1px solid #e1e1e1; border-top: 2px solid #b9daf7; position: relative; background: #fff; overflow: hidden; }
.index-infor-mod.stylea{ width: 300px; border: none; }
.index-info-linka{ position: absolute; z-index: 2; top: 12px; right: 15px; color: #187fd7; font-size: 12px; }
.index-info-linka:hover{ text-decoration: underline; }
.index-info-lista{ width: 282px; margin: 0 auto; padding-top: 6px; }
.index-info-lista li{ display: inline; width: 120px; height: 190px; margin: 0 10px; float: left; overflow: hidden; }
.index-info-linkb,.index-info-linkc{ display: block; width: 120px; }
.index-info-linkb{ height: 150px; overflow: hidden; }
.index-info-linkc{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666; overflow: hidden; }
.index-info-linkc:hover{ color: #187fd7; text-decoration: underline; }
.index-info-listb{ width: 262px; margin: 0 auto; padding: 6px 0; border-top: 1px dashed #e1e1e1; }
.index-info-listb li{ width: 282px; height: 36px; line-height: 36px; overflow: hidden; }
.index-info-listb li a{ display: block; font-size: 14px; color: #666; cursor: pointer; }
.index-info-listb li a b,.index-info-listb li a i{ display: inline-block; padding: 0 3px; }
.index-info-listb li a b{ font-weight: bold; }
.index-info-listb li a:hover b,.index-info-listb li a:hover i{ color: #187fd7; }
.index-tab-links{ width: 270px; margin: 0 auto; padding-top: 6px; }
.index-tab-links a{ display: inline-block; width: 55px; height: 30px; line-height: 30px; margin: 0 6px 12px 6px; text-align: center; font-size: 14px; color: #333; }
.index-tab-links a.link-color-a{ background: #d8f2c4; }
.index-tab-links a.link-color-b{ background: #ddc4f2; }
.index-tab-links a.link-color-c{ background: #c4e1f2; }
.index-tab-links a.link-color-d{ background: #f2c4e7; }
.index-tab-links a.link-color-e{ background: #f2d9c4; }
.index-tab-links a.link-color-f{ background: #f9accd; }
.index-tab-links a.link-color-g{ background: #aae5ca; }
.index-tab-links a:hover,.index-info-linkb:hover,.index-infol-list li a:hover,.index-detail-share .detail-sina:hover,.index-detail-share .detail-qqwb:hover,.index-detail-share .detail-qq:hover{ opacity: 0.8; filter: alpha(opacity=80); }
.bdsharebuttonbox{ float: right; }