vote.css
6.23 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body {font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;background-color: #ffb100;}
html,body {height: 100%;}
/*填写资料*/
.wrapper {position: relative;margin: 0 auto;max-width: 640px;min-height: 100%;color:#fff;}
.bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100%;}
.content-w1, .content-w2 {display: inline-block;padding: 0px 0px 3px;}
.content-w1, .content-w2, .content {background-color: #e4e4e4;border-bottom: 1px solid #939393;}
.content-w1 {border: 1px solid #939393;}
.content {width: 266px;margin: 0px auto;padding: 0px 0px 10px;}
.title {font-size: 20px;padding: 10px 18px 0px;}
.connect {width: 100%;display: block;margin: 10px 0px;}
.desc-cont {text-align: left;padding: 0 18px;}
.desc-cont {word-wrap: break-word;word-break: break-all;}
.next-btn {color:#000;width: 120px;display: block;padding: 8px 22px;font-size: 16px;margin: 20px auto 0px;}
.next-btn {background: #e4b558;background: -moz-linear-gradient(top,#e4b558 0,#da954e 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e4b558),color-stop(100%,#da954e));background: -webkit-linear-gradient(top,#e4b558 0,#da954e 100%);background: -o-linear-gradient(top,#e4b558 0,#da954e 100%);background: -ms-linear-gradient(top,#e4b558 0,#da954e 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4b558',endColorstr='#da954e',GradientType=0);background: linear-gradient(top,#e4b558 0,#da954e 100%);border: 1px solid #be8f30;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;font-weight:600;margin-top: 20px;}
.page-url {margin-top: 20px;border-top:0;text-align: center;}
.page-url-link {font-size: 14px;line-height: 2.5;text-decoration: none;text-shadow:none;-webkit-text-shadow: 0 1px #fff;-moz-text-shadow: 0 1px #fff;color:#fff;}
.inner-cont {width: 280px;margin: 0 auto;padding-top: 20px;}
.qtitle {line-height: 30px;font-size: 26px;font-weight: bold;}
.field-contain {margin-top: 20px;}
.input-text {display: block;width: 236px;height: 32px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;
padding: 2px 5px;background: -moz-linear-gradient(top, #d2cfd2 0, #ffffff 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d2cfd2), color-stop(50%, #ffffff));background: -webkit-linear-gradient(top, #d2cfd2 0, #ffffff 50%);background: -o-linear-gradient(top, #d2cfd2 0, #ffffff 50%);background: -ms-linear-gradient(top, #d2cfd2 0, #ffffff 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2cfd2', endColorstr='#ffffff', GradientType=0 );background: linear-gradient(top, #d2cfd2 0, #ffffff 50%);border: 1px solid #c6c3c6;border-top-width: 2px;font-size: 19px;}
.tip {color: #FFF;font-size: 12px;}
.input-labe{font-size:16px;line-height: 32px;}
/*投票内容*/
.fn-clear {zoom: 1;}
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.top .count-cont h3 {font-size: 16px;margin: 10px 0 0 8px;}
.top .count-cont .count {color: #292929;font-size: 28px;font-weight: bold;margin: 5px 0 0 0;text-align: center;}
.top .count-cont {background:url(images/count_brand.png) no-repeat;-webkit-background-size: 80px auto;float: left;margin: 5px 6px 0;height: 80px;width: 80px;}
.top .title {margin-top: 5px;font-size: 18px;}
.top .timeout {margin-top: 10px;font-size: 12px;}
.top .clock {top: 3px;left: -1px;position: relative;width: 14px;}
.top .timeout {font-size: 12px;}
.cover .line, .cover .cimg {width: 100%;display: block;}
.cover .line, .cover .cimg {width: 100%;display: block;}
.summary {width: 290px;margin: 10px auto;}
.tip-cont {padding: 5px;background-color: #bfe7f1;border: 1px solid #6dc2d6;color: #037398;width: 90%;margin: 0 auto;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-size: 14px;}
.tip-cont .icon {width: 18px;display: inline-block;float: left;margin: 0 8px 0 5px;}
.tip-cont {color: #037398;font-size: 14px;}
.option { cursor:pointer}
.option-cont {margin: 10px auto 0;}
.option-cont .option {min-height: 50px;line-height: 50px;font-size: 20px;position: relative;}
.option-cont .option .oimg, .option-cont .option .oimg-sel{float: left;width: 18px;margin: 17px 10px 0 10px;}
.option-cont .option {line-height: 50px;font-size: 20px;}
.option-cont .option .oimg-sel{display: none;}
.option-cont .sep {width: 100%;display: block;}
.vote-cont {background:url(images/vote_bg.jpg) no-repeat;-webkit-background-size: 100% auto;height: 60px;margin-top: 10px;}
.vote-cont .vote-btn {width: 280px;margin: 0 auto;display: block;}
/*投票结束*/
.progress {margin: 0 10px 5px 0;width: 90%;height: 20px;float: left;}
.option-statis {padding: 2px 12px;}
.progress .bar {width: 0;height: 100%;color: #fff;float: left;font-size: 12px;text-align: center;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);background-color: #0e90d2;background-image: -moz-linear-gradient(top,#fcce33,#f4bb24);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fcce33),to(#f4bb24));background-image: -webkit-linear-gradient(top,#fcce33,#f4bb24);background-image: -o-linear-gradient(top,#fcce33,#f4bb24);background-image: linear-gradient(to bottom,#fcce33,#f4bb24);background-repeat: repeat-x;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: width .6s ease;-moz-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;}
.option .per {font-size: 14px;line-height: 18px;position: absolute;bottom: 8px;left: 0;}
.progress .bar1 {background-image: -moz-linear-gradient(top,#149bdf,#0480be);background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image: -webkit-linear-gradient(top,#149bdf,#0480be);background-image: -o-linear-gradient(top,#149bdf,#0480be);background-image: linear-gradient(to bottom,#149bdf,#0480be);}
.progress .bar2 {background-image: -moz-linear-gradient(top,#f08670,#e23d67);background-image: -webkit-gradient(linear,0 0,0 100%,from(#f08670),to(#e23d67));background-image: -webkit-linear-gradient(top,#f08670,#e23d67);background-image: -o-linear-gradient(top,#f08670,#e23d67);background-image: linear-gradient(to bottom,#f08670,#e23d67);}