:root {
  --exsurvey: var(--color-primary-light-1);
  --exsurvey-qnum: var(--color-dark-1);
  --exsurvey-icon:rgba(0,0,0,.1);
  --exsurvey-icon-hover: var(--color-primary-light-1-a);
  --exsurvey-answer: var(--color-primary-1-a);
}

.index-header-tel{display: none!important;}

@media screen and (max-width: 768px) {
  .index-header-tel{display: inline-block!important;}
}

.blog-item-pic{background: no-repeat center;background-size: cover;display: block}

.survey-article-pic{width:70%;max-width: 500px;min-width: 300px;margin:0 auto;display: block}

@media screen and (max-width: 480px) {
  .survey-article-pic{width:100%;}
}

/*exlocus captcha*/
.excaptcha {display: flex;box-sizing: border-box;}
.excaptcha-refresh {margin-left: 5px;border:none;background: transparent;font-size: 1.2rem;color: #999}

/*exlocus survey*/
.exsurvey{overflow: hidden;position: relative;width:100%;height:500px;text-align: center;background-color: var(--exsurvey)}
.exsurvey-data{display:none}
.exsurvey-icon{z-index:99;position: absolute;width:50px;background:var(--exsurvey-icon);text-align: center;transition:.2s;transform:translateY(-50%);cursor:pointer;}
.exsurvey-icon:hover{background-color: var(--exsurvey-icon-hover)}
.exsurvey-icon i{font-size: 1.5rem;color:#fff;line-height: 3rem}
.exsurvey-prev{border-top-right-radius:8px;border-bottom-right-radius:8px;left:0;top:50%;}
.exsurvey-next{border-top-left-radius:8px;border-bottom-left-radius:8px;right:0;top:50%;}
.exsurvey-list{box-sizing:border-box ;margin:0;padding:0;width:100%;height:100%;list-style:none}
.exsurvey-item{position: absolute;box-sizing: border-box;width:calc(100% - 80px);width:100%;height:100%;padding:40px 40px;;}
.exsurvey-item-title{font-size: 1.5rem;font-weight: bold;line-height: 2.4rem}
.exsurvey-item-text{}
.exsurvey-answer{display:inline-flex;flex-flow: column wrap;align-items: stretch;margin:0 auto;padding:0;list-style:none;min-width: 200px;max-width:100%;}
.exsurvey-answer-active .exsurvey-answer-inner{border-color: var(--exsurvey-answer);background:var(--exsurvey-answer);color:#fff;box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.exsurvey-answer-item{width:100%;margin-bottom: 5px;}
.exsurvey-answer-inner{display:inline-flex;border-radius:5px;border:1px solid rgba(0,0,0,.1);width:100%;padding:5px 15px;background-color: #fff;transition:.2s;cursor:pointer;}
.exsurvey-answer-inner:hover{border-color: var(--exsurvey-answer);box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.exsurvey-answer-inner:hover .exsurvey-answer-check{opacity:1;}
.exsurvey-qnum{position: absolute;left:50%;bottom:15px;border-radius:20px;padding:5px 20px;background:var(--exsurvey-qnum);color:#fff;text-align: center;transition:.2s;transform: translateX(-50%);}
.exsurvey-qnum *{display: inline-block;}
.exsurvey-check{display: flex;justify-content: center;align-items: center;height: 100%;width:100%;}
.exsurvey-check-title{color:var(--text-primary);font-size: 1.4rem}
.exsurvey-check-content{color:var(--text-primary);font-size: 1.4rem;text-align: center}
.exsurvey-submit{margin-top:20px }

@media screen and (max-width: 640px) {
  .exsurvey{height:480px;}
  .exsurvey-icon{width:40px;}
  .exsurvey-icon i{font-size: 2.2rem;}
  .exsurvey-item{padding: 30px}
  .exsurvey-item-title{font-size: 1.4rem;line-height: 2rem}
  .exsurvey-answer{margin:0 0 0 24px;}
}

@media screen and (max-width: 480px) {
  .exsurvey{height:420px;}
  .exsurvey-icon{width:30px;}
  .exsurvey-item{padding: 20px}
  .exsurvey-item-title{font-size: 1.2rem;line-height: 1.8rem}
  .exsurvey-answer{margin:0 0 0 24px;}
}