#home .d1{height:10.5rem;position:relative}
.back,#home  .share{width:1.6rem;height:1.6rem;background:url(../img/back.png);background-size:100% 100%;z-index: 99;position:fixed;top:.75rem;left:.75rem}
 #home .share{background:url(../img/share.png);background-size:100% 100%;left:auto;right:.75rem}
#home .d2{padding:.75rem;background:#fff;position:relative}
#home .d2 h1{width:14rem;display:inline-block;line-height:1.2rem;font-size:.8rem}
#home .d2 p{font-size:.6rem;color:#999;height:1.5rem;padding-top:.75rem}
#home .d2 ul li{margin-bottom: 0.4rem;float:left;height:1.125rem;line-height:1.125rem;vertical-align:middle;font-size:.6rem;background-color:#EFF1F5;margin-right:.5rem;padding:0 .75rem;border-radius:1.125rem}
#home .d2 #share_btn{height:1.1rem; line-height:1.1rem; vertical-align:middle; padding:0 0.35rem; border-radius:0.15rem; font-size:0.6rem; background:#fff; color:#FF5A50; border:1px solid #FF5A50;position:absolute;right:.75rem;top:.75rem}
#home .d2 #share_btn.no{ border-color: #CCCCCC; background-color:#CCCCCC; color:#fff}
#home .panel .panel-heading{height:1.5rem;line-height:1.5rem;vertical-align:middle;background:#F6F6F6;padding:0 .75rem;position:relative}
#home .panel .panel-heading i{display:inline-block;width:3px;height:.6rem;background-color:#0096FF;position:absolute;left:0;top:.5rem;z-index:3}
#home .panel .panel-heading span{font-size:.6rem;color:#FF5A50;float:right}
#home .panel .panel-heading p{display:inline-block}
#home .event_info{position:relative}
#home .event_info ul li{ line-height:1.1rem; vertical-align:middle;margin:0 .75rem;color:#666;position:relative;padding: 0.6rem 0 0.6rem 1.75rem;}
#home .event_info ul li i{display:inline-block;position:absolute;left:0;top:.625rem;width:.7rem;height:1rem;background:url(../img/i1.png);background-size:100% 100%}
#home .event_info ul li .ico2{background:url(../img/i2.png);background-size:100% 100%}
#home .event_info ul li .ico3{background:url(../img/i3.png);background-size:100% 100%}
#home .event_info ul li .ico4{background:url(../img/i4.png);background-size:100% 100%}
#home .event_info ul li .ico5{background:url(../img/i5.png);background-size:100% 100%}
#home .event_info ul li .ico6{background:url(../img/i6.png);background-size:100% 100%}
#home .event_info ul li:first-child{height:2rem;line-height:2rem;vertical-align:middle;font-size:.8rem;color:#333;padding-left:0}
#home .event_info ul li:first-child span{color:#FF5A50;padding:0 .1rem 0 .2rem}
#home .event_info ul li .map_btn{width:2rem;height:2rem;display:inline-block;position:absolute; top:10%; right:0;}
#home .event_info ul li .map_btn span{width:.7rem;height:.7rem;display:inline-block;background:url(../img/map_btn.png);background-size:100% 100%;position:absolute;top:.775rem;left:.775rem}
#home .event_info ul li .text_span {width: 14rem;word-break: break-all}
#home .event_info button{width: 4.3rem;height: 5%;position: fixed;right: 0;top: 17.5rem;background: #ff5a50;background-size: 100% 100%;border: none;z-index: 50000;font-size: 0.8rem;font-weight: bold;color: white;letter-spacing: 1px;border-radius: 5px 0px 0px 5px;box-shadow: 2px 2px 2px #888888;}
#home .event_info ul li a{color:#666}
#home .event_info ul li a:focus{color:#0096FF}
#home .panel .info{padding:.75rem .75rem 2rem;line-height:1.25rem}
#home .panel .info p{padding-bottom:.75rem}
#home .panel .info img{width:100%;height:auto;padding-bottom:.75rem}
#info .img{height:10.5rem}
 
#info .mianze-span {color:#009eff;}
#info .mianze img{height: 0.7rem;vertical-align: middle;}
#info footer{height:4.5rem;line-height:2rem;vertical-align:middle;text-align:center;color:#fff;padding-top:.25rem}
#info .panel{margin:.6rem .5rem 0;background-color:#fff;border-radius:.25rem}
#info .panel .panel-heading{height:1.75rem;line-height:1.75rem;vertical-align:middle;padding-left:1rem;position:relative;font-size:.75rem}
#info .panel .panel-heading i{width:.15rem;height:.7rem;display:inline-block;background-color:#009EFF;position:absolute;left:.5rem;top:.5rem}
#info .panel .panel-heading:after{content:'';position:absolute;left:.5rem;bottom:0;right:.5rem;top:auto;height:2px;background-color:#e1e1e1;display:block;z-index:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-moz-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
#info .panel .panel-body{padding:.5rem;line-height:1.25rem;color:#666}
#vote .img{height:10.5rem}
#vote .panel .panel-heading{height:1.75rem;line-height:1.75rem;vertical-align:middle;padding-left:1rem;position:relative;font-size:.75rem}
#vote .panel .panel-heading i{width:.15rem;height:.7rem;display:inline-block;background-color:#009EFF;position:absolute;left:.5rem;top:.5rem}
#vote .panel .panel-heading:after{content:'';position:absolute;left:.5rem;bottom:0;right:.5rem;top:auto;height:2px;background-color:#e1e1e1;display:block;z-index:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-moz-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
#vote .panel .panel-body{padding:.5rem;line-height:1.25rem;color:#666}
#vote .disableButton {border: 1px solid #b4b4b4;color: #b4b4b4;}
#vote .panel{margin:.6rem .5rem 0;background-color:#fff;border-radius:.25rem}
#vote .text-center {text-align: center}
#vote .vote-main-title{ height: 1.5rem;line-height: 1.5rem}
#vote .left-button{float: left;width:5rem;padding: 0 }
#vote .right-button{float: right;width:5rem;padding: 0 }
#vote .display-public{display: flex;}
#vote .vote-item-bottom{display: flex;height: 5rem}
#vote .vote-item-img{ position: relative};
#vote .vote-item-img-span {position:absolute; top:0.2rem;left: 0.2rem}
#vote .vote-item-text{word-break:break-all;}
#vote .vote-item-btn{clear: both; display: flex;justify-content: center;align-items: center}
#vote .vote-image{width:100%; max-height: 20rem;}
#vote .img-big-bottom-brief{    width: 100%;z-index: 500;padding-bottom: 1rem}
#vote .img-big-bottom{ position: absolute;bottom: 0;width: 100%;background: black;opacity: 0.6;z-index: 500;padding-bottom: 1rem}
#vote .float-div{height: 1.35rem;margin-left:0.5rem;margin-right:0.5rem;margin-top: 0.5rem}
#vote footer{height:4rem;line-height:2rem;vertical-align:middle;text-align:center;color:#fff;padding-top:.25rem}
#vote  .isapp{text-align: center;margin-top: 0.5rem; color: red;}
.vote-total-wrap {margin: .6rem .5rem 0;  background-color: #fff;  border-radius: .25rem; line-height: 2.5rem; text-align: center; font-size: .9rem;}
.vote-total-wrap .total-num {color: #FF0000; font-weight: 500;}

.dialog-wrap-show
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
 .dialog-content-bd
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-y: auto;
    max-height: 15rem;
}

.dialog-content-bd::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
  .dialog-content-bd::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .dialog-content-bd::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
  }
  .dialog-content-bd::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  } 
.vote-item-bottom-name
{
    margin-top: 0.5rem;
    text-align: left;
    padding-left: 0.5rem;
    font-size: 0.8rem;    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sign_up_form .panel-heading{text-align:center;line-height:normal!important;height:auto!important;padding:.75rem 0 .75rem .25rem!important}
.sign_up_form .panel-heading:after{left:0!important;right:0!important}
.sign_up_form .form-group{min-height:2rem;border:1px solid #e1e1e1;margin-bottom:.5rem;border-radius:.25rem;color:#999}
.sign_up_form .form-group .control-label{width:5rem;height:2rem;line-height:2rem;vertical-align:middle;display:inline-block;text-align:right;color:#999; vertical-align: top;}
.sign_up_form .form-group .form-control{height:1.4rem;margin-top:.3rem;width:10rem;border:none;color:#999}
.sign_up_form .form-group textarea {width: 10rem; margin-top:.3rem; font-size: .7rem; color: #999; outline: none; border: none; resize: none;}
.sign_up_form .form-group.sex{position:relative}
.sign_up_form .form-group.sex .radio-inline{height:1.5rem;width:12.5rem;display:inline-block;position:absolute;padding-top:.4rem}
.sign_up_form .form-group.sex .radio-inline .radio{height:1.5rem;position:relative;display:inline-block;width:3rem}
.sign_up_form .form-group.code{border:none}
.sign_up_form .form-group.code input{width:9.75rem!important;float:left;height:1.9rem;line-height:1.9rem;vertical-align:middle;border:1px solid #e1e1e1;border-radius:.25rem;padding-left:.5rem}
.sign_up_form .form-group.code button{width:35%;float:right}
.sign_up_form .form-group.upload{border:none;height:2rem}
.sign_up_form .form-group.upload .upload_btn{width:4rem;height:1.9rem;line-height:1.9rem;vertical-align:middle;font-size:1.25rem;border-radius:.25rem;border:1px solid #e1e1e1;float:left;position:relative;text-align:center}
.sign_up_form .form-group.upload .upload_btn input{position:absolute;display:inline-block;top:0;left:0;right:0;bottom:0;opacity:0;width:auto!important}
.sign_up_form .form-group.upload p{height:2rem;line-height:2rem;vertical-align:middle;padding-left:4.75rem}
.sign_up_form .form-group.upload p.success{color:#63a35c}
.sign_up_form .form-group.upload p.error{color:#ef4f4f}
.sign_up_form button{height:2rem;width:100%;background-color:#DEDEDE;border:1px solid #D7D7D7;border-radius:.25rem;color:#999}
.sign_up_form button.on{background-color:#0096FF;border-color:#0096FF;color:#fff}
.sign_up_form .help-block{color:#999;font-size:.6rem;padding:.25rem 0 0}
.sign_up_form .help-block span{color:#ef4f4f;padding-right:.25rem}
.sign_up_success .panel-heading{text-align:center;line-height:normal!important;height:auto!important;padding:.75rem 0 .25rem 0!important}
.sign_up_success .panel-heading:after{display:none!important}
.sign_up_success ul{border:1px dashed #e1e1e1;border-radius:.25rem}
.sign_up_success ul li{border-top:1px dashed #e1e1e1;height:2.25rem;line-height:2.25rem;vertical-align:middle;padding:0 .5rem}
.sign_up_success ul li:first-child{border-top:none}
.sign_up_success .code{text-align:center;border-top:none;height:auto;padding:0 .5rem .5rem}
.sign_up_success .code img{width:9.5rem;height:9.5rem}

/* ��ת�� */
#dial #dial_article .default {background: #69C3A7 url(../img/dial_bg.png) center top no-repeat; background-size:100% auto; padding-top:3.2rem;}
#dial footer{height:4rem;line-height:2rem;vertical-align:middle;text-align:center;color:#fff;padding-top:.25rem}
#dial .panel{margin:.6rem .5rem 0;background-color:#fff;border-radius:.25rem}
#dial .panel .panel-heading{height:1.75rem;line-height:1.75rem;vertical-align:middle;padding-left:1rem;position:relative;font-size:.75rem}
#dial .panel .panel-heading i{width:.15rem;height:.7rem;display:inline-block;background-color:#009EFF;position:absolute;left:.5rem;top:.5rem}
#dial .panel .panel-heading:after{content:'';position:absolute;left:.5rem;bottom:0;right:.5rem;top:auto;height:2px;background-color:#e1e1e1;display:block;z-index:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);-moz-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
#dial .panel .panel-body{padding:.5rem;line-height:1.25rem;color:#666}
#dial .panel .panel-body ul li { height:2rem; box-sizing: border-box; padding:0.25rem}
#dial .panel .panel-body ul li p{ height:1.5rem; line-height:1.5rem; vertical-align: middle}
#dial .panel .panel-body p { color:#333;}
#dial .panel .panel-body p span {padding-right:0.5rem; font-family: arial, sans-serif!important;}
#dial .panel .panel-body p button {float:right; width: 3.5rem; background-color: transparent; border:none; text-align: left; color:#009EFF;height:1.5rem; line-height:1.5rem; vertical-align: middle }
#dial .panel .panel-body p button.no {color:#999;}
#dial .dial{ width:14.75rem; height: 14.75rem; margin:2rem auto 1rem; position: relative; opacity:0; transition:all .3s;}
#dial .dial.on {opacity: 1}
#dial #wheel { width:14.75rem; height: 14.75rem; background:url(../img/dial.png); background-size:100% 100%; position: relative; }
#dial #wheel div{position: absolute;left: 50%;top: 0;z-index: 2;width:24%;height: 50%;font-size:0.9rem; color: #BB6720;text-align: center;-webkit-transform: translate(-50%, 0) rotate(0);-ms-transform: translate(-50%, 0) rotate(0);transform: translate(-50%, 0) rotate(0);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
#dial #wheel div:before{content: "";display: block;height: 25%}
#dial #wheel.wheel_6 div {font-size:0.7rem;}
#dial #wheel.wheel_6 div:nth-child(1){-webkit-transform: translate(-50%, 0) rotate(30deg);-ms-transform: translate(-50%, 0) rotate(30deg);transform: translate(-50%, 0) rotate(30deg);}
#dial #wheel.wheel_6 div:nth-child(2){-webkit-transform: translate(-50%, 0) rotate(90deg);-ms-transform: translate(-50%, 0) rotate(90deg);transform: translate(-50%, 0) rotate(90deg);}
#dial #wheel.wheel_6 div:nth-child(3){-webkit-transform: translate(-50%, 0) rotate(150deg);-ms-transform: translate(-50%, 0) rotate(150deg);transform: translate(-50%, 0) rotate(150deg);}
#dial #wheel.wheel_6 div:nth-child(4){-webkit-transform: translate(-50%, 0) rotate(210deg);-ms-transform: translate(-50%, 0) rotate(210deg);transform: translate(-50%, 0) rotate(210deg);}
#dial #wheel.wheel_6 div:nth-child(5){-webkit-transform: translate(-50%, 0) rotate(270deg);-ms-transform: translate(-50%, 0) rotate(270deg);transform: translate(-50%, 0) rotate(270deg);}
#dial #wheel.wheel_6 div:nth-child(6){-webkit-transform: translate(-50%, 0) rotate(330deg);-ms-transform: translate(-50%, 0) rotate(330deg);transform: translate(-50%, 0) rotate(330deg);}
#dial #wheel.wheel_8 {background:url(../img/wheel_8.png); background-size:100% 100%;}
#dial #wheel.wheel_8 div {font-size:0.7rem;}
#dial #wheel.wheel_8 div:nth-child(1){-webkit-transform: translate(-50%, 0) rotate(22.5deg);-ms-transform: translate(-50%, 0) rotate(22.5deg);transform: translate(-50%, 0) rotate(22.5deg);}
#dial #wheel.wheel_8 div:nth-child(2){-webkit-transform: translate(-50%, 0) rotate(67.5deg);-ms-transform: translate(-50%, 0) rotate(67.5deg);transform: translate(-50%, 0) rotate(67.5deg);}
#dial #wheel.wheel_8 div:nth-child(3){-webkit-transform: translate(-50%, 0) rotate(112.5deg);-ms-transform: translate(-50%, 0) rotate(112.5deg);transform: translate(-50%, 0) rotate(112.5deg);}
#dial #wheel.wheel_8 div:nth-child(4){-webkit-transform: translate(-50%, 0) rotate(157.5deg);-ms-transform: translate(-50%, 0) rotate(157.5deg);transform: translate(-50%, 0) rotate(157.5deg);}
#dial #wheel.wheel_8 div:nth-child(5){-webkit-transform: translate(-50%, 0) rotate(202.5deg);-ms-transform: translate(-50%, 0) rotate(202.5deg);transform: translate(-50%, 0) rotate(202.5deg);}
#dial #wheel.wheel_8 div:nth-child(6){-webkit-transform: translate(-50%, 0) rotate(247.5deg);-ms-transform: translate(-50%, 0) rotate(247.5deg);transform: translate(-50%, 0) rotate(247.5deg);}
#dial #wheel.wheel_8 div:nth-child(7){-webkit-transform: translate(-50%, 0) rotate(292.5deg);-ms-transform: translate(-50%, 0) rotate(292.5deg);transform: translate(-50%, 0) rotate(292.5deg);}
#dial #wheel.wheel_8 div:nth-child(8){-webkit-transform: translate(-50%, 0) rotate(337.5deg);-ms-transform: translate(-50%, 0) rotate(337.5deg);transform: translate(-50%, 0) rotate(337.5deg);}
#dial #wheel.wheel_10 {background:url(../img/wheel_10.png); background-size:100% 100%;}
#dial #wheel.wheel_10 div { font-size:0.6rem;}
#dial #wheel.wheel_10 div:nth-child(1){-webkit-transform: translate(-50%, 0) rotate(18deg);-ms-transform: translate(-50%, 0) rotate(18deg);transform: translate(-50%, 0) rotate(18deg);}
#dial #wheel.wheel_10 div:nth-child(2){-webkit-transform: translate(-50%, 0) rotate(54deg);-ms-transform: translate(-50%, 0) rotate(54deg);transform: translate(-50%, 0) rotate(54deg);}
#dial #wheel.wheel_10 div:nth-child(3){-webkit-transform: translate(-50%, 0) rotate(90deg);-ms-transform: translate(-50%, 0) rotate(90deg);transform: translate(-50%, 0) rotate(90deg);}
#dial #wheel.wheel_10 div:nth-child(4){-webkit-transform: translate(-50%, 0) rotate(126deg);-ms-transform: translate(-50%, 0) rotate(126deg);transform: translate(-50%, 0) rotate(126deg);}
#dial #wheel.wheel_10 div:nth-child(5){-webkit-transform: translate(-50%, 0) rotate(162deg);-ms-transform: translate(-50%, 0) rotate(162deg);transform: translate(-50%, 0) rotate(162deg);}
#dial #wheel.wheel_10 div:nth-child(6){-webkit-transform: translate(-50%, 0) rotate(198deg);-ms-transform: translate(-50%, 0) rotate(198deg);transform: translate(-50%, 0) rotate(198deg);}
#dial #wheel.wheel_10 div:nth-child(7){-webkit-transform: translate(-50%, 0) rotate(234deg);-ms-transform: translate(-50%, 0) rotate(234deg);transform: translate(-50%, 0) rotate(234deg);}
#dial #wheel.wheel_10 div:nth-child(8){-webkit-transform: translate(-50%, 0) rotate(270deg);-ms-transform: translate(-50%, 0) rotate(270deg);transform: translate(-50%, 0) rotate(270deg);}
#dial #wheel.wheel_10 div:nth-child(9){-webkit-transform: translate(-50%, 0) rotate(306deg);-ms-transform: translate(-50%, 0) rotate(306deg);transform: translate(-50%, 0) rotate(306deg);}
#dial #wheel.wheel_10 div:nth-child(10){-webkit-transform: translate(-50%, 0) rotate(342deg);-ms-transform: translate(-50%, 0) rotate(342deg);transform: translate(-50%, 0) rotate(342deg);}
/* suzhaoyong */
#lottery-wrap{ position: relative; display: block; margin: 20px auto; width: 300px; border: 8px solid #eac34c; border-radius: 50%; box-shadow: 3px 0 3px #fffdc9, 0px 3px 3px #fffdc9, -3px 0 3px #fffdc9, 0px -3px 3px #fffdc9; }
canvas{ display: block; } 
#lottery-handler{ position: absolute; z-index: 2; width: 60px; height: 74px; left: 50%; top: 50%; margin: -44px 0 0 -30px;
  background: url(../img/dial_dot.png) no-repeat 50%; background-size: contain; }
#lottery-handler.no{ background:url(../img/dial_dot2.png) no-repeat 50%; background-size: contain; }
#lottery-handler.on{  background: url(../img/dial_dot.png) no-repeat 50%; background-size: contain;}
#dial #dot { z-index: 100; width: 6.5rem; height: 6.5rem;background:url(../img/dial_dot.png); background-size:100% 100%; position: absolute; top:50%;left:50%; margin-top:-3.5rem;margin-left:-3.25rem; transform: all .3s }
#dial #dot.no { background:url(../img/dial_dot2.png); background-size:100% 100%; }
#dial #dot.on { transform: scale(.9)}
#dial .mask { position: absolute; top:0;left:0;right:0;bottom:0;z-index:999;display: none;}
#dial .mask.on {display: block;}
#dial .msg ,#dial .msgLogin { width: 9rem; height:1.5rem; line-height:1.5rem; vertical-align:middle; margin: 0 auto 2rem; background:rgba(255,255,255,.3);border-radius:0.15rem; text-align: center}
#dial .msg span{ color:#F45D38; font-family:arial, sans-serif!important;font-size:0.9rem;padding:0 0.15rem }
#dial .msgLogin span{ color:#009dda; font-family:arial, sans-serif!important;font-size:0.9rem;padding:0 0.15rem }
#dial #dial_lamp { height: 1.5rem;}
#dial .lamp { height: 1.5rem; line-height:1.5rem; width: 12rem; background: #FFF04E; margin: 0 auto; border-radius:0.15rem;position: relative;overflow:hidden;}
#dial .lamp ul { position: absolute;top:0;left:0;height: 1.5rem;}
#dial .lamp li { float: left;padding-left: 1.5rem; text-align: center; display: inline-block; }
#dial .lamp li span {padding-left:0.5rem}
.wheel-img
{
    display: block;
    max-width: 80%;
    max-height: 1.5rem;
    margin: 0.3rem auto;
}
.share-img  { width:100% }
.dialog-big-img
{
border-radius:3px;
 transform: translateX(-50%) translateY(-50%);
 position: absolute;
 top: 10%;
 z-index: 999;
 left: 50%;

 color: white;

}
.share_btn
{
  position: absolute;
    right: 0.2rem;
    width: 1rem;
    height: 1rem;
    top: 0.2rem;
    z-index: 100;
}
.vote-title-i
{
white-space: nowrap;
width: 17rem;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
font-style: normal;
}
.btn-vote
{
 height: 1.75rem; padding-left: 1rem;padding-right: 1rem;padding-top: 0.2rem;padding-bottom: 0.2rem;font-size: 0.8rem;
}
.bigImgContainer{position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 1;
    opacity: 1;}
    .bigImgContainer{position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 1;
    opacity: 1;}
 .bigImgContainer .swiper-wrapper{ top: 0; text-align: center}
 .bigImgContainer_320583 {background-color: #fff !important;}
#vote-car {
  padding: 20px 10px 20px 10px;
  }
  .vote-width {
    width: 7.75rem;
  }
 .vote-items {
  margin-bottom: 20px;
  float: left;
  width: 7.75rem;
  border: 1px solid #d7d7d7;
  z-index: 20
  }  
.dialogCenter{text-align: center}
p img {
    max-width: 100%;
}
.panel section
{
    display: block;
}
 /* #vote .vote-items{width: 50%;text-align: left;position: relative;padding: 0.5rem;width: 7.8rem}   */

 
/* 青岛红色 */
.qindao header .back
{
    background:url(../img/back2red.png);
    background-size: 100% 100%;
}
.qindao header .share
{
    background:url(../img/share2red.png);
    background-size: 100% 100%;
}
.qindao .share_main {
    top: 0px;
}
.qindao .share_btn
{
  display: none;
  position: absolute;
    right: 0.2rem;
    width: 1rem;
    height: 1rem;
    top: 0.2rem;
    z-index: 100;
}
.qindao #home .event_info ul li a:focus{color:#E50113}
.qindao .sign_up_form button.on{background-color:#E50113;border-color:#E50113;color:#fff}
.qindao #home .panel .panel-heading i{display:inline-block;width:3px;height:.6rem;background-color:#E50113;position:absolute;left:0;top:.5rem;z-index:3}
.qindao #info .panel .panel-heading i{width:.15rem;height:.7rem;display:inline-block;background-color:#E50113;position:absolute;left:.5rem;top:.5rem}
.qindao #vote .panel .panel-heading i{width:.15rem;height:.7rem;display:inline-block;background-color:#E50113;position:absolute;left:.5rem;top:.5rem}
.qindao #dial .panel .panel-heading i{width:.15rem;height:.7rem;display:inline-block;background-color:#E50113;position:absolute;left:.5rem;top:.5rem}
.qindao #dial .panel .panel-body p button {float:right; width: 3.5rem; background-color: transparent; border:none; text-align: left; color:#E50113;height:1.5rem; line-height:1.5rem; vertical-align: middle }
.qindao .float-div .button {
    border: 1px solid #E50113;
    color: #E50113;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 0.25rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    padding: 0 1rem;
    margin: 0;
    height: 1.35rem;
    white-space: nowrap;
    position: relative;
    text-overflow: ellipsis;
    font-size: 0.7rem;
    font-family: inherit;
    cursor: pointer;
}
.qindao header h1{position:absolute;display:block;width:66%;left:17%;padding:0;font-size:.85rem;font-weight:500;line-height:2.2rem;vertical-align:middle;color:#E50113;background-color:#fff;text-align:center;white-space:nowrap}