@charset "utf-8";
/* 投票列表带结果页 */
.votePage{ padding: 40px;}
.votePage .voteTitle{ font: normal normal 22px/200% "Microsoft YaHei", SimHei; text-align: center; color: #0E50A1; margin-bottom: 15px; border-bottom: 1px dotted #ccc; padding-bottom: 15px;}
.voteResultList{ padding: 10px; zoom: 1;}
.voteResultList li{ line-height: 18px; padding: 5px 0;}
.voteResultList li.last .row{ background: #fff;}
.voteResultList li.last strong{ font-weight: bold; padding: 0 5px; color: #f60;}
.voteResultList span{ display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.voteResultList span.tit{ width: 360px; text-align: right;}
.voteResultList span.row{ width: 300px; margin: 0 10px; height: 12px; line-height: 12px; overflow: hidden; background: #f4f4f4;}
.voteResultList .row .rowCon{ width: 0px; display: block; background: #B7E373; border: 1px solid #478F45; padding: 1px; padding-bottom: 0;}
.voteResultList .row .rowCon i{ display: block; background: #5DBC5B; height: 8px; overflow: hidden;}

/* 投票内容页 */
.voteBanner{ width: 100%; text-align: center; height: auto; margin-bottom: 20px;}
.voteBanner img{ width: 100%; height: auto;}
.votePost{ margin: 40px;}
.votePost .voteTitle{ padding: 0 0 25px 0; font: normal 30px/1.5 "Microsoft YaHei"; text-align: center; color: #333}
.votePost .voteDescription{ padding: 20px; font-size: 16px; background: #fff; margin-bottom: 20px; border: 1px dotted #ddd; line-height: 32px; text-indent: 2em;}
.votePost .voteDescription p{ text-indent: 2em; margin-bottom: 15px;}
.votePost #voteItems{ padding: 0px;}
.votePost ul{ padding: 20px 0;}
.votePost li{ height: auto; line-height: 30px; font-size: 18px; padding: 5px 20px;}
.votePost li input{ vertical-align: middle; margin-right: 5px;}
.votePost li .showMore{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: 5px; background: url(/Content/_Common/Voting/images/showMore.png) 50% 4px no-repeat; cursor: pointer;}
.votePost li .showMoreOn{ background-position: 50% -47px;}
.votePost li .itemCon{ display: none; overflow: hidden; border: 1px solid #ccc;}
.votePost li .itemCon .pic{ height: 180px; float: left; *display: inline; margin-right: 10px; padding: 4px; background: #fff; border-right: 1px solid #ccc;}
.votePost li .itemCon .pic img{ height: 180px; width: auto;}
.votePost li .itemCon .intro{ padding: 10px 10px 10px 0px; height: 168px; overflow: hidden; text-indent: 2em; font-size: 14px; line-height: 1.8}
.votePost .code{ padding-left: 20px; font-size: 18px;}
.votePost .code img{ vertical-align: middle;}
.votePost .tips{ height: 35px; line-height: 35px;}
.votePost .field-validation-error{ display: block; color: #f00;}
#ValidateCode { display: inline-block;}
.validationcode { position: relative; display: inline-block; top:0;}

/* 新系统 投票列表原样式 */
.voteListPage .mainBox .mBd{ padding: 0px;}
.vote-info{ height: 28px; line-height: 28px}
.vote-info span{ padding-right: 10px; color: #004c93; font: 12px '宋体', Arial, Helvetica, sans-serif;}
.vote-title{ padding: 5px; border: solid 1px #184999; background: #f3f3f3; color: #184999;}
.vote-title p{ margin: 0px;}
.voting .item-title, .voting .select, .voting .contrast{ float: left;}
.select{ padding: 0 5px;}
.voteItem{ overflow: hidden; height: 40px; line-height: 40px;}
.item-title{ width: 300px; text-align: right; padding: 0 10px;}
.contrast-count, .contrast-total{ display: block; float: left; margin-top: 12px; height: 15px;}
.contrast-total{ background: #e9e9e9;}
.contrast-count{ background: #dd5bb7;}
.contrast{ width: 250px;}
.tag-submit{ background: url('/Content/_Common/Base/img/opinion_button.png') no-repeat; width: 138px; height: 33px; border: 0px; color: #fff; font-size: 14px;}
.contrast-submit span{ display: block; width: 138px; height: 33px; margin: auto;}
.voting{ margin: 0 auto;}
.vote {}

.tag-vote{ padding-bottom: 10px; margin: 10px 0; border-bottom: dotted 1px #154289;}

/* 投票结果页 */
.voteResultPage .mainContent label{ display: inline-block; margin-bottom: 5px; font-weight: bold;}
.voteResultPage .mainContent .col-md-6{ position: relative; min-height: 1px; padding: 0; float: left; width: 50%; margin: 0px;}
.surveyInfo{ margin-bottom: 0px;}
.surveyInfo .title-info{ padding: 10px 0;}
.surveyInfo .title-info i{ float: left; margin: 12px 15px 0 0;}
.surveyInfo .title-info dt{ height: 38px; line-height: 38px; border-bottom: 1px solid #e5e5e5; text-align: left; overflow: hidden;}
.surveyInfo .title-info dd{ height: 28px; line-height: 28px; text-align: right; overflow: hidden; font-size: 14px;}
.surveyInfo .title-info dd i{ float: none; margin-right: 0px; margin-top: 8px}
.surveyInfo .title-info dd span{ margin: 0 10px;}
.graphPater{ overflow: hidden; margin-bottom: 20px;}
.graphPater .graphTitle{ line-height: 40px; background-color: #F9F9F9; border: 1px solid #e5e5e5; overflow: hidden; padding: 5px 15px;}
.graphPater .result-title{ color: #0e4a72;}
.graphPater .result-title{ font-size: 16px; margin-right: 15px; float: left; *display: inline; height: 40px;}
.graphPater .result-type{ float: right; *display: inline; height: 40px; line-height: 40px; font-size: 12px;}
.graphPater .result-type label{ float: left; *display: inline; height: 40px; line-height: 40px; margin: 0 5px 0px 0px;}
.graphPater .result-type span{ float: left; *display: inline; height: 40px; line-height: 40px; color: #3776B6; margin-right: 10px;}
.graphPater .graphContent{ padding: 1.5%; overflow: hidden; border: 1px solid #e5e5e5; border-top: 0}
.graphPater .graphContent .result-chart{ width: 500px; height: 300px; margin: 0 auto;}
.graphPater .graphContent .options{ max-height: 300px; overflow-y: auto}
.graphPater .graphContent .options table{ border-collapse: collapse; empty-cells: show; font-size: 12px; width: 100%}
.graphPater .graphContent .options th, .graphPater .graphContent .options td{ border: 1px solid #e5e5e5; background-color: #F9F9F9; line-height: 1.8; padding: 7px 5px; text-align: center}
.graphPater .graphContent .options td{ background-color: #fff}
#choice{ padding: 25px 0 15px 0; text-align: center;}
#choice a{ padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eee)); background: -moz-linear-gradient(#FFFFFF, #eee); background: -ms-linear-gradient(#FFFFFF, #eee); background: -o-linear-gradient(#FFFFFF, #eee); background: linear-gradient(#FFFFFF, #eee);}
#choice a:hover{ color: #c00; border: 1px solid #aaa; text-decoration: none;}
.form-control{ width: 80px; height: 30px;}
span{ display: inline-block; vertical-align: middle;}