/*reset*/
body { font-family: 微软雅黑; }

/* review */
.review { position: fixed; right: 1%; top: 68%; background: #fff; z-index: 100; }
.review .sub { display: block; width: 68px; height: 48px; line-height: 48px; border: 1px solid #e5e5e5; margin-top: -1px; color: #6b6b6b; cursor: pointer; }
.review .cur { color: #000; background: #cacaca; }
.review .all { cursor: default; }

/* main */
.banner { background: url(../images/DataShare-Banner.jpg) top center no-repeat; height: 560px; position: relative; }
.bdsharebuttonbox { position: absolute; right: 24px; top: 80px; }
.bdsharebuttonbox .bds_weixin {  background:url(../images/weixin-ico.png) no-repeat; width: 27px; height: 27px; background-position: 0 0 !important; padding: 0; margin: 0 10px 0 0; }
.bdsharebuttonbox .bds_qzone {  background:url(../images/kongjian-ico.png) no-repeat; width: 27px; height: 27px; background-position: 0 0 !important; padding: 0; margin: 0 10px 0 0; }
.bdsharebuttonbox .bds_tsina {  background:url(../images/weibo-ico.png) no-repeat; width: 27px; height: 27px; background-position: 0 0 !important; padding: 0; margin: 0 10px 0 0; }
.bdsharebuttonbox a:hover { opacity: 0.8; }


.shareBlank { background: url(../images/share-blank.jpg) top center no-repeat; height: 80px; position: relative; }
.shareArea { position: relative; }
.shareArea .shareBtn { position: absolute; right: 0; top: 9px; display: block; width: 180px; height: 63px; }

.intro h2 { font-size: 18px; margin-top: 40px; margin-bottom: 25px; }
.intro p { font-size: 16px; color: #666; line-height: 1.8; }

.shareRanking { background-color: #999; color: #fff; height: 50px; line-height: 50px; font-size: 18px; text-align: center; margin-top: 60px; margin-bottom: 30px; } 
.RankTb { width: 500px; overflow: hidden; float: left; }
.RankTit { border-bottom: 1px solid #dcdcdc; padding-bottom: 8px; width: 462px; }
.RankTit h2 { font-size: 18px; color: #333; display: inline-block; }
.RankTit .tip { font-size: 14px; color: #999; margin-left: 20px; display: inline-block; }
.RankList { width: 250px; list-style: none; float: left; }
.RankList li {  height: 40px; width: 250px; margin-top: 14px; float: left; }
.RankList li.down-li {width: 460px;}
.RankList img { width: 40px; height: 40px; border-radius: 20px; margin-left: 12px; vertical-align: middle; }
.RankList .tip { display: inline-block; padding: 0 6px;  height: 16px; line-height: 16px; color: #fff; background-color: #eb0a08; font-size: 12px; text-align: center; border-radius: 4px; }
.RankList .content { margin: 0 10px; display: inline-block; width: 75px; padding: 0; overflow: hidden; text-overflow:ellipsis; vertical-align: middle; }
.RankList li.down-li .content {width: 360px;}
.goShare { display: block; width: 156px; height: 40px; line-height: 40px; color: #ec0903; border: 2px solid #ed0707; font-size: 16px; text-align: center; border-radius: 4px; margin: 50px 0 50px 422px; float: left; clear: both; }
.goShare:hover { background-color: #ed0707; color: #fff; }

.attention { background: url(../images/item-bg.jpg) top center no-repeat; height: 422px; }
.attention-wrap { position: relative; }
#rule { position: absolute; left: 77px; top: 117px; }
#item { position: absolute; left: 552px; top: 117px; }
.sub-attention h2 {  color: #fff; font-size: 18px; font-weight: bold; }
.sub-attention p {  line-height: 2; color: #fff; font-size: 14px; }

.prize .p-title { font-size: 18px; color: #333; }
.prize .p-intro { font-size: 14px; color: #333; }
.sub-prize { width: 305px; overflow: hidden; text-align: center; }
.sub-prize img { width: 303px; height: 228px; border: 1px solid #d2d2d2; }
.sub-prize h2 { color: #666; font-size: 16px; }
.sub-prize p { color: #333; font-size: 18px; }

.contact { background-color: #999; height: 44px; line-height: 44px; color: #fff; text-align: center; font-size: 14px; margin-top: 80px; }
.contact span { margin-right: 16px; }

.weixin { position: fixed; right: 1%; top: 35%; width: 141px; border: 1px solid #b5b5b5; font-size: 0; background-color: #fff; z-index: 100; }
.weixin img {  margin: 8px; width: 125px; height: 125px; overflow: hidden; }
.wx-shut { position: absolute; top: -8px; right: -8px; width: 16px; height: 16px; background: url(../images/shut-ico.png) no-repeat; }
.wx-shut:hover { background: url(../images/shut-hover-ico.png) no-repeat; }
.weixin-intro { background-color: #e8e8e8; }
.weixin-intro p { font-size: 12px; width: 120px; margin: 0 auto; text-align: center; }

.data-share-username:hover {text-decoration: underline;}