@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);}