body{ font-size: 14px; line-height: 28px; font-family:"微软雅黑";  color: #333;}
*{ padding: 0px; margin: 0px;}
a{ text-decoration: none; color: #333;}
li{ list-style: none;}
img{ border:0; max-width: 100%;}
.clear{ clear: both; }

.container{ max-width: 750px; position: relative; margin: 0 auto; overflow: hidden;}

.nav{ border-bottom: 1px solid #E5E7ED; }
.nav li{ width: 33%; line-height: 3rem; font-size: 1rem; float: left; text-align: center; color: #1F47B8; }
.nav li.on{ color: #E02137; border-bottom: 3px solid #E12137; }

.bd .tab-on{ display: block; }

.news{ margin-top: 1rem; display: none; }
.news ul li{ padding-top: 1rem; margin-bottom: 0.1rem; overflow: hidden; background: #F8F8F8; }
.news ul li h3{ padding:0 1rem; font-size: 1.2rem; margin-bottom: 5px;}
.news ul li p{ padding:0 1rem; color: #9497a9; }
.news ul li .more-info{ padding:0 1rem; height: 3rem; line-height: 3rem; color: #9da0b2; background: #EDF0F5; }
.news ul li .more-info a{ width: 26px; height: 45px; float: right; background: url(../images/news-more.png) center no-repeat; }

.rule{ padding: 1rem; font-size: 1rem; background: url(../images/item-bg.png); display: none;}
.rule-detail{ background: #fff; padding: 1rem; }
.rule-detail p{ margin: 0 0 1rem; }
.rule-detail .rule-word{ margin-bottom: 2rem; }
.rule-detail .rule-qrcode{ text-align: center; }

.vote{ display: none;}
.vote form{ padding: 1rem 1rem 0; }
.vote form input{ width: 50%; height: 2rem; line-height: 2rem; padding: 0 0.2rem; font-size: 0.9rem; border: 1px solid #ddd; }
.vote form button{ width: 20%; height: 2rem; line-height: 2rem; border: 0; background: #eee; font-size: 0.9rem; }
.vote form span{ width: 20%; height: 2rem; line-height: 2rem; font-size: 0.9rem; float: right; }
.vote-item{ margin-top: 1rem; }
.vote-item li{ width: 46%; margin: 0 1% 0 2%; overflow: hidden; float: left; margin-bottom: 1rem; background: url(../images/item-bg.png); }
.vote-item li .item-top{ width: 100%; height: 35px; float: left;  background: url(../images/item-top.png) left -40px no-repeat; }
.vote-item li .item-con{ width: 100%; float: left; margin-top: 5px;}
.vote-item li .item-con .image{ text-align: center; }
.vote-item li .item-con .image img{ max-width: 80%; height: 10rem; }
.vote-item li .item-con .name{ text-align: center; height: 3rem; line-height: 2rem; font-size: 1.1rem; color: #1f47b9; background: url(../images/name-bg.jpg) center 2rem no-repeat; }
.vote-item li .item-con .name a{ color: #1f47b9; }
.vote-item li .item-con .button{ width: 80%; margin: 0.5rem 10%; float: left; height: 2.5rem; line-height: 2.5rem; font-size: 1.1rem; border-radius: 1.2rem; text-align: center; background: #1F47B9; color: #fff; }
.vote-item li .item-con .button.selected{ background: #F599A4; }

.footer{ padding-bottom: 1.8rem; background: #1F47B9; }
.vote-action{ width: 90%; padding: 0 5%; height: 4rem; background: #1F47B9; font-size: 1rem; color: #fff; line-height: 4rem; position: fixed; left: 0; bottom: 0; -moz-box-shadow:0px -2px 5px #1F47B9; -webkit-box-shadow:0px -2px 5px #1F47B9; box-shadow:0px -2px 5px #1F47B9; }
.vote-action span{ font-size: 1.4rem; font-weight: bold; padding: 0 0.1rem; }
.vote-action .vote-btn{ background: #E44156; float: right; width: 8rem; height: 2.4rem; margin-top: 0.8rem; line-height: 2.5rem; font-size: 1rem; border-radius: 1.2rem; text-align: center; color: #fff; }