* { font-family: "微软雅黑"; }
.domPC { display: block; }
.domMobile { display: none; }
body {
    width: 100%;
    background: #fff url(banner.jpg) top center no-repeat;
}
.banner { width: 100%; height: 600px; }

.banner .info {
    width: 1220px;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    padding-top: 435px;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}
.container { width: 1200px; height: auto; margin: 0 auto; background: #fff; border-radius: 30px; margin-top: -70px; margin-bottom: -50px; position: relative; z-index: 10; }
.pen { width: 900px; height: 294px; margin: 0 auto; position: relative; }
.pen .img { width: 29px; height: 35px; position: absolute; right: 103px; bottom: -34px; }
.nrbox { width: 953px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 45px; padding-bottom: 45px; }
.vote_text { font-size: 18px; color: #666; text-align: center; }
.jiange { margin-top: 25px; }
.jgbox { width: 600px; height: 24px; background: #eee; position: relative; }
.bfb { height: 24px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e8fe2+0,3a8ce4+25,4889e7+52,5b85eb+78,6983ee+100 */ background: #2e8fe2; /* Old browsers */ background: -moz-linear-gradient(left, #2e8fe2 0%, #3a8ce4 25%, #4889e7 52%, #5b85eb 78%, #6983ee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #2e8fe2 0%, #3a8ce4 25%, #4889e7 52%, #5b85eb 78%, #6983ee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #2e8fe2 0%, #3a8ce4 25%, #4889e7 52%, #5b85eb 78%, #6983ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e8fe2', endColorstr='#6983ee', GradientType=1 ); /* IE6-9 */
position: absolute; left: 0; top: 0; }
.v1 { width: 40px; }
.v2 { width: 40px; }
.v3 { width: 180px; }
.v4 { width: 40px; }
.v5 { width: 600px; }
.v6 { width: 20px; }
.v7 { width: 90px; }
.footer {
    padding: 80px 0 30px 0;
    background: #095bff;
    text-align: center;
}

.footer p {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
body, td, th { font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif; }
 @media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
body { background: none; background-color: #fff; }
.mb-banner { width: 100%; height: auto; }
.mb-banner img { width: 100%; height: auto; }
.vote_text { font-size: 1em; color: #666; text-align: center; }
.container { width: auto; height: auto; margin: 0 auto; background: #fff; padding: 0 20px 0 20px; }
.nrbox { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 25px; padding-bottom: 30px; }
.footer p { font-size: 0.25em; color: #fff; line-height: 20px; }
.v1 {
    width: 14%;
    display: none;
}
.v2 {
    width: 4%;
    display: none;
}
.v3 { width: 50%; }
.v4 {
    width: 0;
    display: none;
}
.v5 {
    width: 0;
    display: none;
}
.v6 { width: 0; display: none; }
.v7 { width: 50%; }
.footer {
    padding: 20px 0 20px 0;
    background: #095bff;
    text-align: center;
	font-size:12px;
}
.footer p {
	font-size:12px;
}
}