/* 投票列表页 */ .voteCommonList li { padding: 10px 0; margin: 0 5px; border-bottom: 1px dotted #ccc; overflow: hidden; padding-left: 34px; background: url("/rfbxcwgysjcom/Content/_Common/Voting/img/list.png") 8px 16px no-repeat #fff; overflow: hidden; font-size: 14px; } .voteCommonList .tit { display: block; overflow: hidden; padding-right: 10px; line-height: 25px; } .voteCommonList .dates { display: block; color: #999; } .voteCommonList .dates span { margin-right: 20px; } .voteCommonList .btns { float: right; } .voteCommonList .btns a { float: right; margin-left: 5px; height: 22px; line-height: 22px; background: #fff; border: 1px solid #ddd; padding: 0 10px; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .voteCommonList .btns a:hover { color: #f60; border-color: #bbb; text-decoration: none } .voteCommonList .btns .over { color: #ccc !important; border-color: #ddd !important; } /* 投票列表带结果页 */ .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("/rfbxcwgysjcom/Content/_Common/Voting/img/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; } .votePost .submit { padding: 25px 0 15px 0; text-align: center; } .votePost .submit a, .votePost .submit input { 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; color: #333; font-family: "Microsoft YaHei"; 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); } .votePost .submit input { cursor: pointer; height: 38px; } .votePost .submit a:hover, .votePost .submit input:hover { color: #c00; border: 1px solid #aaa; text-decoration: none; } /* 新系统 投票列表原样式 */ .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("/rfbxcwgysjcom/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; }