/*全局样式*/ a { color: #333; text-decoration: none; cursor: pointer; } a:hover { color: #a40000; text-decoration: none; } .clearit, .clearb { clear: both; margin: 0; padding: 0; } /*头部样式*/ #float_img1, #float_img2 { display: none; } .banner img { width: 100%; height: auto; } .item { margin-top: 15px; } .item-l { /* float: left; */ /* width: 70%; */ } .item-r { float: right; width: 28%; border: 1px solid #ededed; border-top: 2px solid #a40000; background: #f8f8f8; } h2.tab_title { height: 45px; font-size: 20px; color: #333; line-height: 50px; border-bottom: 1px solid #ededed } h2.tab_title span { padding: 0 5px; cursor: pointer; } h2.tab_title span.active { padding: 6px 5px; border-bottom: 2px solid #a40000; color: #a40000 } .title_header { padding: 10px; font-size: 18px; } ul.vote_list li { line-height: 24px; overflow: hidden; padding: 20px 40px; } ul.vote_list li:nth-child(even) { background: #F7F4F8; } ul.vote_list li h2 { font-size: 18px; line-height: 45px; } ul.vote_list li a.vote_img img { width: 214px; height: 114px; float: left; margin-right: 20px; } ul.vote_list li p { line-height: 28px; color: #666 } ul.vote_list li p.jx_tit { font-size: 18px; line-height: 38px; } ul.vote_list li p.vote_Content { font-size: 14px; } ul.vote_list li .caozuo { background: url(../../common/images/votes/line.png) no-repeat scroll left center; float: right; height: 120px; line-height: 120px; margin-left: 15px; padding-left: 10px; text-align: center; width: 107px; } ul.vote_list li .caozuo a.vote_btn { background: #a40000; border-radius: 5px; color: #fff; display: block; height: 32px; line-height: 32px; margin: 24px auto 0; width: 86px; } ul.vote_list li .caozuo a.vote_btn:hover, .caozuo a.vote_result:hover { background: #a40000; color: #fff } ul.vote_list li .caozuo a.vote_result { background: #ccc; border-radius: 5px; color: #333; display: block; height: 32px; line-height: 32px; margin: 15px auto 0; width: 86px; } ul.vote_list li span.number { background: url(../../common/images/votes/num.png) no-repeat scroll left center; display: inline-block; float: left; height: 25px; padding-left: 8px; width: 25px; } ul.vote_list li span.color { color: #a40000 } h2.hot_tit { height: 45px; line-height: 45px; color: #a40000; font-size: 20px; padding: 0 10px; } ul.hot_list { padding: 0 15px; } ul.hot_list li { line-height: 35px; overflow: hidden; margin-bottom: 15px; } ul.hot_list li span.join { background: url(../../common/images/votes/join_bg.png) no-repeat left 8px; color: #a40000; float: left; display: block; width: 84px; height: 50px; line-height: 50px; text-align: center; margin-right: 10px; } /*查看详细页面Detail*/ .check_anonymous_label { color: red; font-size: 16px; position: absolute; right: 41px; } .check_anonymous { position: absolute; right: 20px; top: 25px; } .vote_name_list li { width: 50%; text-align: left; position: relative; font-size: 16px; line-height: 40px; margin-bottom: 10px; } .vote_name_list li::after { content: ""; /*设置内容为空*/ height: 0; /*高度为0*/ line-height: 0; /*行高为0*/ display: block; /*将文本转为块级元素*/ visibility: hidden; /*将元素隐藏*/ clear: both; } .vote_infotit { text-align: left; font-size: 16px; line-height: 40px; height: 40px; margin-bottom: 20px; } .vote_name_list { overflow: hidden; } .vote_name_list .name_list_tit { display: inline-block; width: 50%; float: left; text-align: right; height: 25px; line-height: 25px !important; } .vote_name { transition: all linear 0.5s; } .vote_userinfo.check .vote_name { height: 0; overflow: hidden; } .detail-top { position: relative; line-height: 24px; text-align: center; padding-top: 20px; } .erweima_x { position: absolute; right: 16px; top: 0px; } .erweima_x a { display: inline-block; width: 75px; height: 75px; } .ewm_b { position: absolute; z-index: 100; width: 200px; border: 1px solid #ccc; top: 110px; right: 5px; background: #fff; text-align: center; padding-top: 20px; display: none } .ewm_b p { line-height: 40px } h2.vote_tit { font-size: 28px; line-height: 40px; /* background: url(/Sites/Uploaded/UserUpLoad/20200116/20200116182718.jpg) 225px 8px no-repeat; */ /* padding-left: 40px; */ _zoom: 1; } p.handler { padding: 12px 0; font-size: 14px; } p.handler span { display: inline; background: url(/Content/Areas/Common/images/votes/v-line.png) right center no-repeat; padding-right: 20px; } i.color { font-style: normal; color: #a40000; } p.explain { line-height: 26px; font-size: 14px; padding: 5px 0; color: #6c6c6c; } .con_form { border: 1px solid #e3e3e3; } .vote_userinfo { padding: 20px 20px 0; position: relative; } .vote_name { font-size: 14px; font-family: '微软雅黑'; color: #333; line-height: 32px; text-align: center; overflow: hidden; position: relative; border-bottom: 1px dashed #e3e3e3; padding-bottom: 10px; margin-top: 20px; } .vote_name input { border: 1px solid #999; height: 25px; width: 50%; outline: none; vertical-align: middle; float: left; box-sizing: border-box; padding-left: 20px; } .vote_name input::after { content: ""; /*设置内容为空*/ height: 0; /*高度为0*/ line-height: 0; /*行高为0*/ display: block; /*将文本转为块级元素*/ visibility: hidden; /*将元素隐藏*/ clear: both; } .vote_name input:fouc .con_form ul.vote_list li { background: #FFFFF2; margin-bottom: 25px; padding: 10px 36px; } .con_form ul.vote_list li .vote_list_1 li { padding: 10px 0; } label.input_W { color: #6c6c6c; font-size: 16px; line-height: 45px; width: 32%; display: inline-block; } label.input_W input { margin-right: 10px; } .con_form ul.vote_list li h2.tit_1 { line-height: 30px; font-size: 14px; background: #F7F7E1; padding: 0 3px } .con_form textarea { border: 1px solid #ededed; width: 780px; height: 125px; margin-top: 5px; resize: none; padding: 10px; } .con_form textarea:focus { border-color: #a40000; outline: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(242, 145, 73, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(242, 145, 73, 0.6); } .vote_btn { margin: 0 auto 25px; text-align: center; } .btn { width: 125px; height: 35px; line-height: 35px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: none; background: #a40000; color: #fff; font-size: 16px; cursor: pointer; display: inline-block; font-family: 'Microsoft YaHei'; text-align: center; margin-left: 15px; } .btn:hover { background: #D36310 !important; color: #fff; } .con_form textarea:hover { border: 1px solid #a40000; } input:focus, textarea:focus, select:focus { border-color: #a40000 !important; } /*投票不满意*/ .true_cont .vote_Dissatisfied { display: block; padding: 20px; } .vote_Dissatisfied_con { display: inline-block; width: 200px; vertical-align: middle; } .vote_Dissatisfied .btn { vertical-align: middle; } .validateCodeDiv { line-height: 24px; overflow: hidden; padding: 20px 40px; } .validateCodeDiv .validateCodeDiv_title { float: left; } .validateCodeDiv input { border: 1px solid #999; height: 25px; outline: none; vertical-align: middle; float: left; box-sizing: border-box; padding-left: 20px; } .validateCodeDiv img { height: 25px; vertical-align: bottom; } .validateCodeDiv span.field-validation-error { position: initial; } /*查看结果页面VoteView*/ .table { margin: 5px 0; line-height: 28px; } .table_R a { background: url(../../Common/images/votes/survey_bg.jpg) no-repeat left top; display: inline-block; height: 23px; line-height: 23px; padding-left: 10px; text-align: center; text-decoration: none; width: 132px; color: #a40000; } .con_form ul.vote_list li h2.tit_0 { line-height: 28px; font-size: 18px; color: #a40000; margin-bottom: 13px; } ul.vote_list li .item { width: 425px; clear: both; margin: 0 auto; font-size: 12px; padding: 0 } ul.vote_list li .item .d-tit { width: 115px; color: #333; float: left; text-align: right; margin: 8px 10px 0 0; } ul.vote_list li .item .d-tit span { float: left } ul.vote_list li .item .d-prc { width: 280px; *width: 280px; _width: 310px; float: left; margin-top: 15px; } ul.vote_list li .item .d-prc span { padding-left: 2px; font-weight: 100 } ul.vote_list li .item .d-prc b { width: 55px; display: inline-block } ul.vote_list li .item .d-prc .bar { width: 149px; background: url(../../Common/images/votes/survey_pp.jpg) no-repeat left center; float: left; height: 13px; line-height: 13px; float: left } ul.vote_list li .item .d-prc .precent { height: 12px; float: left } ul.vote_list li .item .d-from { float: right; font-size: 12px; position: relative; z-index: 2 } ul.vote_list li .item .d-from a { background: url(../images/usr_bg1.gif) no-repeat #EDF6F9; color: #047297; width: 81px; height: 19px; display: block; border: none; padding: 0px; margin: 0px; line-height: 18px; padding-top: 3px; text-align: center; margin-top: 15px } ul.vote_list li .item .d-from a:hover { background: url(../images/usr_bg1.gif) no-repeat #fff; color: #047297 } ul.vote_list li .item .d-from img { margin-right: 0px } ul.vote_list li .item .d-from .cur1, ul.vote_list li .item .d-from .cur1:hover { background: #fff; color: #047297; border-bottom: none; padding-top: 6px; margin-top: 10px; height: 26px; line-height: 18px; border: 1px solid #D1E6ED; border-bottom: none } .c1 { background: url(../../Common/images/votes/survey_pph.jpg) repeat-x left center } .vote_input_text:hover { border: #a40000 solid 1px; } /*投票已结束、您已经投过票了*/ .submit_cont { height: auto !important; } /*加密后的调查页*/ .Box1 { width: 310px; margin: 15px auto; line-height: 40px; font-size: 14px; position: relative; } .mailbox_search_tx { border: #ccc solid 1px; padding: 3px 10px; width: 178px } .mailbox_search_btn { border: #f8fcfb solid 1px; height: 30px; width: 100px; overflow: hidden; text-align: center; color: #fff; cursor: pointer; margin: 20px 0 0 87px; background: #a40000 } span.field-validation-error { position: absolute; color: red; right: -148px; top: -10px; } /*分页样式*/ .pages { line-height: 30px; margin: 15px auto; display: none; } .ae-pagination .page_number_div { text-align: right; } .ae-pagination .page_number_div a { display: inline-block; height: 24px; font-size: 12px; margin: 0 2px; text-align: center; padding: 0px 10px; border: solid 1px #dcdcdc; color: #a40000; line-height: 24px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .ae-pagination .page_number_div a:hover, .ae-pagination .page_number_div .ae-pagination-current { color: #fff; background: #a40000; border: 1px solid #a40000; } @media only screen and (max-width: 980px) { .header { width: 980px; } } @media only screen and (max-width: 768px) { .item-l { float: none; width: 100% } .item-r { display: none } .vote_name_list li { width: 100%; margin-bottom: 20px; display: flex; align-items: center; flex-wrap: wrap; } .vote_name_list .name_list_tit { width: 33%; height: auto; text-align: left; line-height: 18px !important; } .vote_name input { width: 65%; float: right; } .vote_name { height: auto; margin-top: 0; padding: 0; } .true_cont .vote_Dissatisfied { padding: 0; margin-top: 10px; } .header, .linkmap { display: none; } p.explain { display: none; } h2.vote_tit { font-size: 25px; width: 229px; margin: 0 auto; background: none; padding-left: 0px; } .detail-top { padding-top: 0; } p.handler { padding: 15px 0; } .check_anonymous_label, .check_anonymous { position: static; } .check_anonymous_label { position: static; height: 31px; display: inline-block; } .vote_infotit { text-align: left; font-size: 16px; line-height: 40px; height: 40px; margin-bottom: 7px; } .vote_userinfo { padding: 0; position: relative; } } @media only screen and (max-width: 640px) { #messageDiv { width: 90% !important; transform: translate(-50%, -50%); margin-top: 0 !important; margin-left: 0 !important; } #accessIFrame { width: 90% !important; transform: translate(-50%, -50%) !important; margin-top: 0 !important; margin-left: 0 !important; } .header_r span>span { display: none } .header_l { float: none; text-align: center; } .header_l .logo img { display: block; height: 40px; margin: 5px auto; } .header_r { float: none; text-align: center; height: 24px; line-height: 24px } .main { margin: 10px auto; } .row { padding: 10px; } h2.tab_title { font-size: 16px; height: 40px; line-height: 45px; } .item { margin-top: 0px; } ul.vote_list li { margin-top: 5px; padding: 0 0px 5px 0; } .con_form ul.vote_list li h2.tit_0 { text-indent: 0; font-size: 16px; color: #333; margin-bottom: 20px; margin-top: 20px; } ul.vote_list li p.jx_tit { font-size: 15px; line-height: 2em; } ul.vote_list li p { line-height: 22px; font-size: 12px !important; display: none; } ul.vote_list li .caozuo { height: 85px; line-height: 85px; width: 70px; display: none; } ul.vote_list li .caozuo a.vote_btn, ul.vote_list li .caozuo a.vote_result { font-size: 12px; height: 24px; line-height: 24px; width: 60px; margin: 15px auto 0; } .erweima_x { display: none } .true_cont img { display: none !important } .con_form { padding-top: 0px; margin-top: 0px; border: none; } .con_form ul.vote_list li { margin-bottom: 0px; padding: 0; border-bottom: 1px solid #e2e2e2; margin-top: 5px; } ul.vote_list li .item .d-tit { width: 36px; } .con_form ul.vote_list li label.input_W:nth-last-child() { border-bottom: 1px solid #e2e2e2; } ul.vote_list li:nth-child(even) { background: none; } label.input_W { width: 100%; display: flex; align-items: center; border-top: 1px solid #E2E2E2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; font-size: 16px; box-sizing: border-box; } .con_form ul.vote_list li label.input_W:nth-last-child() { border-bottom: 1px solid #e2e2e2; } label.input_W input { margin-right: 10px; margin-left: 20px; } .con_form textarea { border: none; width: 100%; height: 125px; margin-top: 0px; resize: none; padding: 10px; } .vote_btn { margin: 20px auto 20px; text-align: center; } .btn { width: 100%; height: 45px; line-height: 45px; font-size: 16px; margin-left: 0; margin-bottom: 20px; } ul.vote_list li a.vote_img img { margin-right: 0; width: 100%; height: auto; } span.field-validation-error { position: initial; display: block; text-align: center; width: 100%; } } @media only screen and (max-width: 330px) { ul.vote_list li a.vote_img img { width: 180px; height: 100px; } ul.vote_list li .caozuo { margin-left: 0px; padding-left: 0px; } }