body,html{    margin: 0;padding: 0;font-weight: 400;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    -webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;}
body{background-color: #F7F8FC;}
/*body.dialog-open{position:fixed;width:100%;}*/

.gray-placeholder{color:#ccc;}
.hide{display: none !important;}
.hide-gift{display: none;}

#app{height:100%;}
.page-main{border:0.1px solid transparent;}
.question-main{width:100%;max-width:800px;min-height: 220px;margin:0 auto;}

/*组件样式覆盖*/
/*drawer移动端样式*/
.drawer-m .el-drawer__header{display: none;}
.drawer-m .header-custom{height: 40px;line-height: 40px;position:relative;background: #f2f2f2;}
.drawer-m .header-custom-tit{text-align: center;float:left;width:70%;}
.drawer-m .header-custom-left{text-align: center;float:left;width:15%;color:#666;}
.drawer-m .header-custom-right{text-align: center;float:left;width:15%;color:#06f;}
.drawer-m .body-custom{height:calc(100% - 40px);overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling : touch;padding:15px;}
.drawer-m .el-drawer__body{height:100%;}

.el-form-item__label{font-size:16px;}
.el-form--label-top .el-form-item__label{padding-bottom:10px;line-height: 25px;font-size:14px;}

.com-el-radio-input{width:100%;}
.com-el-radio-input_popup .el-radio__label{margin-left:-20px;position: relative;z-index: 2;width:100% !important;}
.com-el-radio-input_popup .el-radio__label .com-el-radio-input-popup-reference-noborder{padding-left:20px;}
.com-el-radio-input .el-radio{position:relative;margin-right:0;margin-bottom:5px;}
.com-el-radio-input .el-radio-input{margin-top:-8px;width:auto;}
.com-el-radio-input .el-radio-input .el-input__inner{height:30px;line-height: 30px;border:none;padding-left:5px;-webkit-transform: translate3d(0, 0, 0);}
.com-el-radio-input .el-radio .el-radio-input{display: none;}
.com-el-radio-input .el-radio.is-checked .el-radio-input{display: block;position:absolute;left:30px;bottom:4px;right:5px;}
.com-el-radio-input .el-radio.is-checked .el-radio-input-text{display: none}
.com-el-radio-input .el-radio .el-radio__label{white-space: initial;display: inline-block;vertical-align: middle;width:80%;}
.com-el-radio-input .el-radio.is-bordered{height:auto;padding:12px 20px 10px 10px;display: block;}
.com-el-radio-input .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0;}

.com-el-checkbox-input{width:100%;}
.com-el-checkbox-input .el-checkbox{position:relative;margin-right:0;margin-bottom:10px;}
.com-el-checkbox-input .el-checkbox.is-checked .el-radio-input-text{display: inline}
.com-el-checkbox-input .el-checkbox .el-checkbox__label{white-space: initial;display: inline-block;vertical-align: middle;}
.com-el-checkbox-input .el-checkbox.is-bordered{height:auto;padding:12px 20px 10px 10px;display: block;}
.com-el-checkbox-input .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:0;}
.com-el-checkbox-input .com-el-checkbox-other{position:relative;}
.com-el-checkbox-input .com-el-checkbox-other .el-checkbox-input{display: none;}
.com-el-checkbox-input .com-el-checkbox-other .is-checked + .el-checkbox-input{display: block;}

.com-el-checkbox-inline{width:100%;}
.com-el-checkbox-inline .el-checkbox{position:relative;margin-right:0;margin-bottom:5px;}
.com-el-checkbox-inline .el-checkbox.is-checked .el-radio-input-text{display: inline}
.com-el-checkbox-inline .el-checkbox .el-checkbox__label{white-space: initial;display: inline-block;vertical-align: middle;}
.com-el-checkbox-inline .el-checkbox.is-bordered{height:auto;padding:12px 20px 10px 10px;display: block;float:left;}
.com-el-checkbox-inline-2{overflow: hidden;}
.com-el-checkbox-inline-2 .el-checkbox.is-bordered:nth-child(odd){width:48%;margin-right:4%;}
.com-el-checkbox-inline-2 .el-checkbox.is-bordered:nth-child(even){width:48%;}
.com-el-checkbox-inline-3 .el-checkbox.is-bordered{width:31.333%;}
.com-el-checkbox-inline-3 .el-checkbox.is-bordered:nth-child(2n+0){margin-left:3% !important;margin-right:3%;}
.com-el-checkbox-inline .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:0;}

.com-el-radio-inline{width:100%;}
.com-el-radio-inline .el-radio{position:relative;margin-right:0;margin-bottom:5px;}
.com-el-radio-inline .el-radio.is-checked .el-radio-input-text{display: inline}
.com-el-radio-inline .el-radio .el-checkbox__label{white-space: initial;display: inline-block;vertical-align: middle;}
.com-el-radio-inline .el-radio.is-bordered{height:auto;padding:12px 20px 10px 10px;display: block;float:left;}
.com-el-radio-inline-2{overflow: hidden;}
.com-el-radio-inline-2 .el-radio.is-bordered:nth-child(odd){width:48%;margin-right:4%;}
.com-el-radio-inline-2 .el-radio.is-bordered:nth-child(even){width:48%;}
.com-el-radio-inline-3{overflow: hidden;margin-left:-3%;width:auto;}
.com-el-radio-inline-3 .el-radio.is-bordered{width:30.333%;margin-left:3% !important;margin-right:0;}
/*.com-el-radio-inline-3 .el-radio.is-bordered:nth-child(2n+2){margin-left:3% !important;margin-right:3%;}*/
/*.com-el-radio-inline-3 .el-radio.is-bordered:nth-child(2n+3){margin-left:0 !important;margin-right:0;}*/
.com-el-radio-inline .el-radio.is-bordered+.el-radio.is-bordered{margin-left:0;}


.com-el-radio-input-popup-main{max-height:200px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling : touch;}
.com-el-radio-input-popup-btns{text-align: center;padding:20px 0 10px 0;}
.com-el-radio-input-popup-reference{height:40px;line-height: 40px;border:1px solid #DCDFE6;border-radius:4px;padding:0 10px;cursor: pointer;}
.com-el-radio-input-popup-reference div{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.com-el-radio-input-popup-reference .placeholder{color:#666;}
.com-el-radio-input-popup-reference-noborder{height:23px;line-height: 23px;border:none;padding:0;cursor: pointer;}
.com-el-radio-input-popup-reference-noborder .placeholder{color:#666;}
.com-el-radio-input-popup-reference-noborder .gray-placeholder{color:#666;}

.com-el-checkbox-input-popup-main{max-height:200px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling : touch;}
.com-el-checkbox-input-popup-btns{text-align: center;padding:20px 0 10px 0;}
.com-el-checkbox-input-popup-reference{height:40px;line-height: 40px;border:1px solid #DCDFE6;border-radius:4px;padding:0 10px;cursor: pointer;}
.com-el-checkbox-input-popup-reference .placeholder{color:#666;}

.el-rate-before,.el-rate-after{display: inline-block;vertical-align: middle;color:#999;}

.el-rate-custom{display: inline-block;vertical-align: middle;}
.el-rate-custom .el-rate__icon{font-size:20px;}
.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus
{border-color:#DCDFE6;}
.el-form-item.is-error .el-form-item__label{color:red}

button.el-button-block{display: block;width:100%;}
.el-button--ggql{color: #FFF;background-color: #06f;border-color: #06f;}
.el-button--ggql.is-active, .el-button--ggql:active,.el-button--ggql:focus, .el-button--ggql:hover{background: #0066FF;border-color: #0066FF;color:#fff;}

.question-item{display: none;}
.question-item-cont{background: #fff;padding:15px 20px;}
/*欢迎页*/
.question-item-welcome{padding-bottom:50px;}
.question-item-welcome-top{display: block;width:100%;}
.question-item-welcome-desc{padding:20px 15px 0 15px;}
.question-item-welcome-desc p{font-size:14px;margin:0;line-height: 26px;color:#666;}
.question-item-welcome-desc .p2{text-indent: 2em;}
.question-item-welcome-desc .p3{text-align: right;padding-bottom:10px;}
.question-item-welcome-btn{margin:10px 35px;text-align: center;}
.question-item-welcome-copy{text-align:center;font-size:14px;color:#666;padding-top:10px;}
/*完成页*/
.question-item-complete{position: absolute;top:0;left:0;bottom:0;right:0;}
.question-item-complete-icon{padding:60px 0 20px 0;}
.question-item-complete-icon img{display: block;width:130px;margin:0 auto;height:auto;}
.question-item-complete-tit-1{font-size:20px;font-weight:bold;text-align: center;padding-bottom:15px;}
.question-item-complete-tit-2{font-size:14px;text-align: center;padding-bottom:15px;}
.question-item-complete-form{padding:10px 20px;}
.question-gift{position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.3);z-index:2;}

.question-gift .draw-gift{width:100%;height:100%;overflow:hidden}
.question-gift .draw-gift .draw-img{width:100%;position:absolute;top:30%;}
.question-gift .draw-gift .draw-img .draw-down{position:absolute;width:270px;height:300px;background-position:center;background-repeat:no-repeat;
    background-size:100% 100%;background-image:url("../img/gift/open-no.png");left:50%;margin-left:-135px;z-index:10}
@-webkit-keyframes draw-down{0%{opacity:1}
    50%{opacity:.5}
    100%{opacity:0}
}
.question-gift .draw-gift .draw-img .draw-down2{position:absolute;width:270px;height:300px;background-position:center;background-repeat:no-repeat;
    background-size:100% 100%;background-image:url("../img/gift/open-before.png");left:50%;margin-left:-135px;z-index:10}
@-webkit-keyframes draw-down2{0%{opacity:0}
    50%{opacity:.5}
    100%{opacity:1}
}
.question-gift .draw-gift .draw-img .draw-mid{position:absolute;width:90px;height:90px;background-position:center;background-repeat:no-repeat;
    background-size:80%;background-image:url("../img/gift/open.png");left:50%;margin-left:-45px;z-index:100;top:60px}
.question-gift .draw-gift .draw-img .draw-mid-move{-webkit-animation:open .2s linear .5s infinite alternate;-webkit-animation-timing-function:cubic-bezier(.25,.1,.25,1);
    animation:open .2s linear .5s infinite alternate;animation-timing-function:cubic-bezier(.25,.1,.25,1)}
@keyframes open{0%{transform:scale(1)}
    100%{transform:scale(.9)}
}
@-webkit-keyframes open{0%{-webkit-transform:scale(1)}
    100%{-webkit-transform:scale(.9)}
}
.question-gift .draw-gift .draw-img .draw-up{position:absolute;width:270px;height:125px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;
    background-image:url(../img/gift/open-back-1.png);left:50%;margin-left:-135px;top:0;z-index:8;opacity:0}
.question-gift .draw-gift .draw-img .draw-up-up{position:absolute;width:270px;height:125px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;
    background-image:url(../img/gift/open-back-2.png);left:50%;margin-left:-135px;top:0;opacity:0;z-index:3}
.question-gift .draw-gift .draw-img .draw-list{position:absolute;width:218px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;
    left:50%;margin-left:-109px;top:115px;opacity:0;z-index:8}
.question-gift .draw-gift .draw-img .draw-list-text{position:absolute;top:15px;left:20px;bottom:15px;right:20px;text-align: center;padding-top:30px;}
.question-gift .draw-gift .draw-img .draw-list-text .t1{font-size:16px;}
.question-gift .draw-gift .draw-img .draw-list-text .t2{color:#D14E49;}
.question-gift .draw-gift .draw-img .draw-list-text .t2 span{font-size:12px;}
.question-gift .draw-gift .draw-img .draw-list-text .t2 .big{font-size:39px;font-weight:bold;}
.question-gift .draw-gift .draw-img .draw-list img{width:100%;display: block;height:auto;}
.question-gift #draw-btn{position:absolute;width:100%;text-align:center;font-size:13px;color:#333;top:510px}
.question-gift .draw-list-text-fail{padding-top:35px !important;}
.question-gift .drao-close{position:absolute;top:330px;left:50%;margin-left:-20px;}
.question-gift .drow-tip-1{position:absolute;top:186px;width:100%;text-align: center;color:#E3C595;font-size:16px;line-height: 26px;z-index: 11;}
.question-gift .drow-tip-2{position:absolute;top:186px;width:100%;text-align: center;color:#E3C595;font-size:16px;line-height: 26px;z-index: 11;display: none;text-align: center;}
.question-gift .drow-tip-1-btn{display: inline-block;border-radius: 99px;line-height: 36px;text-align: center;padding:0 15px;background: #FEDABD;color:#EB675F;font-size:14px;}

/*微信分享遮罩*/
.wx-share{display: none;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.6);z-index:9999;}
.wx-share img{display: block;width:100%;}

/*结束页*/
.question-item-end-main{position:absolute;top:50%;margin-top:-100px;width:100%;}
.question-item-end-icon{padding-bottom: 50px;}
.question-item-end-icon img{display: block;margin:0 auto;width:85px;}
.question-item-end-text{text-align: center;line-height: 30px;font-size:16px;}

/*题目页*/
.question-item-head{border-bottom:1px solid #F2F2F2;padding:15px;}
.question-item-head .question-item-head-page b{color:#06f;font-size:32px;}
.question-item-head .question-item-head-page span{color:#666;font-size:12px;}
.question-item-head .question-item-head-tip{font-size:16px;color:#666;padding-top:5px;}
.save-email-btns{padding:30px 10px;}
.question-btns{margin:20px 20px 50px 20px;}
.question-btns.btn-two{margin: 20px 20px 50px 5px;overflow:hidden;}
.question-btns.btn-two .el-button{margin-left:15px;width:calc(50% - 15px);float:left;}


@media screen and (max-width: 640px) {
    /*.com-el-radio-input .el-radio.is-bordered{display: block;margin:10px 0 0 0 !important;}*/
    .com-el-radio-input .el-radio-group{display: block;}
    .com-el-radio-input .el-radio{margin-right:0;}

    .com-el-checkbox-input .el-checkbox.is-bordered{display: block;}
    .com-el-checkbox-input .el-checkbox-group{display: block;}
    .com-el-checkbox-input .el-checkbox{margin-right:0;}

    /*message吐司提示*/
    .el-message{min-width:260px;max-width: 300px;}
}