@charset "utf-8";
/*common*/
.base-width { overflow: hidden; display: block; margin: 0px auto; width: 100%; max-width: 1200px; }
.centertxt {text-align:center}
.container-wrap { overflow: hidden; display: block; width: 100%; }
[class *= "grid"] { position: relative; float: left; }
.grid2 { width:60%; }
.grid1 { width:40%; }
.appr { width:80%; margin:0 auto; margin-top:120px }
.middle-con { position: absolute; width:100%; left: 0px; top:50%; transform: translateY(-50%); padding: 50px 2%; }
.input-wrap { position: relative; overflow: hidden; }
.radio-wrap { position: relative; overflow: hidden; }
.check-wrap { position: relative; overflow: hidden; }
/*layout*/
.header-wrap { position: absolute; width: 100%; left: 0px; top: 0px; z-index: 2; }
.header-wrap .header { padding: 17px 0px; }
.header-wrap .header h1 { float: left; }
.header-wrap .header ul { float: right; }
.header-wrap .header ul li {position:relative; float: left; margin-left:87px; }
.header-wrap .header ul li .icon{position:absolute;top:17px;left:-13px;}
.header-wrap .header ul li a { font-size: 20px; color: #fff; line-height:98px; }
.container-wrap .middle-con .num { margin-bottom: 18px; font-size: 30px; color: #f6ab00; line-height: 1; font-weight: bold; }
.container-wrap .middle-con .tit {  margin-bottom: 50px; font-size: 60px; color: #f6ab00; line-height: 1; font-weight: bold; }
.tit2 {  margin-bottom: 50px; font-size: 60px; color: #f6ab00; line-height: 1; font-weight: bold; }
.container-wrap .middle-con .desc { font-size: 30px; color: #fff; }
#one { display: flex; height: 1077px; background-image: url("../../images/bg_section1.jpg"); background-color: #f1f1f1; background-repeat: no-repeat; background-position: center top; }
#one .grid1 { flex: 1; height: 100%; }
#one .grid2 {margin-top: 50px;}
#two { display: flex; height: 1077px; background-image: url("../../images/bg_section2.gif"); background-color: #f1f1f1; background-repeat: repeat-x; background-position: center top; }
#two .grid1 { flex: 1; height: 100%; }
#two .middle-con .desc { color: #5e5e5e; }
#two .img-animal { margin-top: 180px; width:80%; }
#three { display: flex; height: 1077px; background-image: url("../../images/bg_section3.gif"); background-color: #fff; background-repeat: repeat-x; background-position: center top; }
#three .grid1 { flex: 1; height: 100%; }
#three .middle-con .desc { color: #5e5e5e; }
#three .img-animal { margin-top: 180px; width:80%; float: right; }
#four { display: flex; height: 1077px; background-image: url("../../images/bg_section4.jpg"); background-color: #fff; background-repeat: repeat-x; background-position: center top; }
#four .grid1 { flex: 1; height: 100%; }
.footer-wrap { background-color: #f6ab00; padding: 130px 0px 90px; text-align: center; }
.footer-wrap .btn-wrap { margin-bottom: 50px; }
.footer-wrap .btn-wrap a { display: inline-block; padding: 0px 27px 0px 27px; height: 73px; width:226px; font-size: 24px; color: #fff; line-height: 71px; border: 1px solid #fff; border-radius: 40px; margin: 0px 12px;   }
.footer-wrap .btn-wrap a > span { padding-left:34px; background-repeat: no-repeat; background-position: left center; }
.footer-wrap .btn-wrap a.google > span { background-image: url("../../images/ico_googleplay.png"); }
.footer-wrap .btn-wrap a.apple > span { background-image: url("../../images/ico_appstore.png"); }
.footer-wrap .big { font-size: 36px; font-weight: bold; color: #fff; margin-bottom: 25px; }
.footer-wrap .small { font-size: 14px; color: #fff; }
/*survey*/
.survey { background-image: url("../../images/bg_survey.jpg"); background-repeat: no-repeat; background-size: cover; height:100vh; }
.survey .container-wrap { position: absolute; height: calc(100vh - 238px); width: 100%; max-width: 1300px; top: 143px; left: 50%; transform: translateX(-50%); background-color: rgba(0,0,0,.35);  }
/*.survey .container-wrap-box{padding:143px 0;margin: 0 auto;width: 100%; max-width: 1300px;}*/
/*.survey .container-wrap { position:relative; width: 100%; height:900px; background-color: rgba(0,0,0,.35);}*/
.survey .survey-slide.slick-slider { height: 100%; }
.survey .survey-slide .slick-list { height: 100%; }
.survey .survey-slide .slick-track { height: 100%; }
.survey .survey-slide .slick-slide > div > div  { padding:0px 0px 0px 7.6%; }
.survey .survey-slide .q { margin-bottom: 30px; font-size: 40px; color: #fff; font-weight: 400; line-height: 1.2 }
.survey .survey-slide .q2 { margin-bottom: 20px; font-size: 40px; color: #fff; font-weight: 400; line-height: 1.2 }
.survey .survey-slide .q-small { font-size: 30px; color: #fff; font-weight: 100; width:95% }
.survey .survey-slide .q-smaller { font-size: 24px; color: #fff; font-weight: 100; }
.survey .container-wrap > .btn-wrap { position: absolute; width: 100%; left: 0px; bottom: 57px; text-align: center; }
.survey .container-wrap > .btn-wrap a { display: inline-block; padding: 0px 27px 0px 27px; height: 73px; width:226px; font-size: 24px; color: #fff; line-height: 71px; border: 1px solid #fff; border-radius: 40px; margin: 0px 12px;   }
.survey .container-wrap > .btn-wrap a.control-btn { border-radius: 4px;  }

.survey .container-wrap > .btn-wrap a > span { padding-left:34px; background-repeat: no-repeat; background-position: left center; }
.survey .container-wrap > .btn-wrap a.google > span { background-image: url("../../images/ico_googleplay.png"); }
.survey .container-wrap > .btn-wrap a.apple > span { background-image: url("../../images/ico_appstore.png"); }
.survey .container-wrap > .btn-wrap a.prev > span { padding-left: 30px; background-image: url("../../images/bg_prev.png"); background-position: left center; }
.survey .container-wrap > .btn-wrap a.next > span { padding-left: 0px; padding-right: 30px; background-image: url("../../images/bg_next.png"); background-position: right center; }
.survey .survey-slide .slick-slide { position: relative; padding-top:230px; }
.survey .survey-slide .slick-slide[data-slick-index="0"] { padding-top:90px; }
/* .survey .survey-slide .slick-slide[data-slick-index="8"] { padding-top:230px; } */
/* .survey .survey-slide .slick-slide[data-slick-index="9"] { padding-top:230px; } */
/*.survey .survey-slide .slick-slide[data-slick-index="13"] { padding-top:100px; }*/
/*.survey .survey-slide .slick-slide[data-slick-index="14"] { padding-top:100px; }*/
.survey .survey-slide .slick-slide[data-slick-index="0"] .q { margin-bottom: 50px; }
/*.survey .survey-slide .slick-slide[data-slick-index="5"] .q,*/
/*.survey .survey-slide .slick-slide[data-slick-index="6"] .q { margin-bottom: 70px; },*/
.survey .survey-slide .slick-slide[data-slick-index="5"] .q-small { margin-bottom: 20px; }
.survey .survey-slide .slick-slide[data-slick-index="8"] .q-smaller,
.survey .survey-slide .slick-slide[data-slick-index="8"] .check,
.survey .survey-slide .slick-slide[data-slick-index="9"] .check,
.survey .survey-slide .slick-slide[data-slick-index="9"] .q-smaller,
.survey .survey-slide .slick-slide[data-slick-index="9"] .q,
.survey .survey-slide .slick-slide[data-slick-index="10"] .q-smaller,
.survey .survey-slide .slick-slide[data-slick-index="10"] .radio,
.survey .survey-slide .slick-slide[data-slick-index="10"] .q{ margin-bottom: 20px; }
.survey .survey-slide .slick-slide[data-slick-index="10"] .q-smaller{margin-bottom:20px;}
.survey .survey-slide .slick-slide[data-slick-index="11"] .q { margin-bottom: 30px; }
.survey .survey-slide .slick-slide[data-slick-index="11"] .q-smaller{margin-bottom:20px;}
.survey .survey-slide .slick-slide[data-slick-index="11"] .radio { display:inline-block; margin-bottom: 15px; }
.survey .survey-slide .slick-slide[data-slick-index="12"] .q{ margin-bottom: 20px; }
.survey .survey-slide .slick-slide[data-slick-index="12"] .q-smaller{margin-bottom:20px;}
.survey .survey-slide .slick-slide[data-slick-index="13"] .q { margin-bottom:0px; }
.survey .survey-slide .slick-slide[data-slick-index="13"] .q-small { margin-bottom: 70px; }
.survey .survey-slide .slick-slide[data-slick-index="13"] .radio-wrap { margin-bottom: 20px; }
.survey .survey-slide .slick-slide[data-slick-index="13"] .dog { position: absolute; width: 20%; right:5%; top: 20%;  }
.survey .survey-slide .slick-slide[data-slick-index="14"] { padding-top:100px; }
.survey .survey-slide .slick-slide[data-slick-index="14"] .q { margin-bottom:0; }
.survey .survey-slide .slick-slide[data-slick-index="14"] .radio-wrap { margin-bottom: 20px; }
.survey .survey-slide .slick-slide[data-slick-index="14"] .q-smaller{margin-bottom:20px;}
.survey .survey-slide .slick-slide[data-slick-index="14"] .q-small { margin-bottom: 40px; }
.survey .survey-slide .slick-slide > div .btn-start { display: inline-block; width:100%; max-width: 362px; height:91px; line-height:91px; border-radius: 10px; background-color: #f6ab00;  font-size: 34px; color: #ffffff; text-align: center; }
.survey .survey-slide .slick-slide > div .type-btn { position: relative; margin: 0px 10px; padding-left: 0px; width:30%; height: 119px; line-height: 119px; text-align: center; background-image: none;  }
.survey .survey-slide .slick-slide > div .type-btn:first-of-type { margin-left:0px; }
.survey .survey-slide .slick-slide > div .type-btn::before { content: ""; position: absolute; width:calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #fff; border-radius: 10px; left: 0px; top: 0px; }
.survey .survey-slide .slick-slide > div .type-btn.r-on::before { border: 10px solid #f89921; width: calc(100% - 18px); height: calc(100% - 18px); }
.survey .survey-slide .slick-slide > div .type-btn > span { color: #fff; font-size: 30px;  background-repeat: no-repeat; background-position: left center; }
.survey .survey-slide .slick-slide > div .type-btn.r-on > span { color: #f6ab00; }
.survey .survey-slide .slick-slide > div .type-btn.dog > span { padding-left: 60px; background-image: url("../../images/ico_dog_off.png"); }
.survey .survey-slide .slick-slide > div .type-btn.dog.r-on > span { background-image: url("../../images/ico_dog_on.png"); }
.survey .survey-slide .slick-slide > div .type-btn.cat > span { padding-left: 60px; background-image: url("../../images/ico_cat_off.png"); }
.survey .survey-slide .slick-slide > div .type-btn.cat.r-on > span { background-image: url("../../images/ico_cat_on.png"); }
.survey .step-wrap { position: absolute; width:100%; max-width: 1200px; top: 75px; left: 5.6%; font-size: 30px; color: #fff; border-bottom: 1px solid #fff; }
.survey .step-wrap .step-group { margin-bottom: 20px; }
.survey .step-wrap .step-group .step { padding-right: 30px; background-image: url("../../images/bg_step.png"); background-repeat:no-repeat; background-position: right 6px center; }
.survey .step-wrap .step-group .step:last-of-type { background-image: none; }
.survey[data-step-num="0"] .step-wrap{ display: none; }
.survey[data-step-num="1"] .step-wrap  .step-group .step:nth-of-type(1) { font-weight: bold; }
.survey[data-step-num="2"] .step-wrap  .step-group .step:nth-of-type(2) { font-weight: bold; }
.survey[data-step-num="3"] .step-wrap  .step-group .step:nth-of-type(3) { font-weight: bold; }
.survey[data-step-num="4"] .step-wrap  .step-group .step:nth-of-type(4) { font-weight: bold; }
.survey .step-wrap .dot-wrap { padding-bottom: 45px; }
.survey .step-wrap .dot-wrap .dot { display: inline-block; float: left; margin-right: 22px; width: 12px; height: 12px; background-color: #fff; border-radius: 10px;  }
.survey .step-wrap .dot-wrap .dot.active { background-color: #f6ab00; }
.survey .app-btn { display: none !important; }
.survey .control-btn { display: inline-block; }
.survey[data-step-num="0"] .app-btn { display: inline-block !important; }
.survey[data-step-num="0"] .control-btn { display: none !important; }
.directly-input { position: relative; margin-left:36px; font-size: 24px; color: #fff; }
.directly-input input { height: 36px; line-height: 36px; border: 0px; border-radius: 0px; }
.directly-input > span { line-height: 36px; }
.survey .survey-slide .slick-slide > div .btn-confirm { display: inline-block; margin-left: 10px; width:100%; max-width: 150px; height:67px; line-height:67px; border-radius: 10px; background-color: #f6ab00;  font-size: 30px; color: #ffffff; text-align: center; }


.survey input.text.textWid {margin-top:20px;width:90% !important;}
@media all and (max-width: 768px) {
	.survey input.text.textWid {width:100% !important;}
}
.survey .patweightInp span {position: relative;left: 10px;top: 8px;}
@media all and  (max-width: 1024px) {
  .survey{height:100vh;}
  .survey .patweightInp span {font-size:26px !important;}
  .survey .patweightInp input.text {width:90% !important;}
}
@media all and (max-width: 768px) {
  .survey .patweightInp span {font-size:18px !important;}
}

.survey .view-img-box{position:relative;width:100%; max-width:600px;margin:0 auto; text-align: center;}
.survey .view-img-box .prev{position: absolute;left: 0;top: 50%;margin-top:-2%;}
.survey .view-img-box .next{position: absolute;right: 0;top: 50%;margin-top:-2%;}
.survey .view-img{padding-top:15px;width:90%;text-align:center;display:none;}
.survey .view-img img{ display: inline-block; width:100%; max-width:500px;}

@media all and (max-width: 768px) {
	.survey .view-img-box .prev,
	.survey .view-img-box .next{display:none;}
	.survey .view-img{width:100%;}
}
@media all and (max-width: 768px) {
	.survey .view-img{width:100%;}
}
.guidePopBtn {
	color: #fff;
	width:35px;
    padding-left: 5px;
}
@media all and (max-width: 768px) {
	.guidePopBtn {
		width:25px;
	}
}
.guidePopup {
	position:fixed;
	top:-9999px;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	text-align:center;
}
.guidePopup .dim {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:rgba(0, 0, 0, 0.6);
}
.guidePopup .survey-slide-pop {
	margin:-200px auto 0 auto;
	padding:20px 50px;
	position:relative;
	z-index:2;
	top:50%;
	max-width:650px;
	background-color:rgba(0, 0, 0, 0.5);
	border-radius: 6px;
}
.guidePopup .survey-slide-pop .slick-prev {
	position:absolute;
	top:50%;
	left:17px;
	width:11px;
	height:20px;
	overflow:hidden;
	color: rgba(0, 0, 0, 0);
	background: url("../../images/bg_prev.png") no-repeat 0 0;
}
.guidePopup .survey-slide-pop .slick-next {
	position:absolute;
	top:50%;
	right:17px;
	width:11px;
	height:20px;
	overflow:hidden;
	color: rgba(0, 0, 0, 0);
	background: url("../../images/bg_next.png") no-repeat 0 0;
}
.guidePopup .survey-slide-pop img {
	width: 100%;
}
.guidePopup .item .box{display:table;width:100%;}
.guidePopup .item .img{float:left;width:40%;}
.guidePopup .item .txt{float:left;width:60%;color:#fff;}
.guidePopup .item .txt ul{padding-left:20px;}
.guidePopup .item .txt ul li{padding-bottom:5px;word-break:break-all;text-align:left;}
.guidePopup .item p{padding-top:5px;color:#8c8989;font-size:12px;text-align:left;}
@media all and (max-width: 768px) {	
	.guidePopup .item .img,
	.guidePopup .item .txt{float:inherit;width:100%;}
	.guidePopup .item .img{width:60%;margin:0 auto;}
	.guidePopup .item .txt ul{padding:15px 0 0 0;}
}
@media all and (max-width: 1024px) {
	.base-width { overflow: hidden; display: block; margin: 0px auto; width: 100%; max-width: 1200px; padding:0px 3.125%; }
	.header-wrap .header { padding: 17px 3.125%; }
	.header-wrap .header h1 img { width: 34px; }
	.header-wrap .header ul li { float: left; margin-left:40px; }
	.header-wrap .header ul li .icon{top:-2px;left:-12px;}
	.header-wrap .header ul li a { font-size: 16px; color: #fff; line-height:50px; }
	.container-wrap .middle-con .num { margin-bottom: 5px; font-size: 15px; color: #f6ab00; }
	.container-wrap .middle-con .tit { margin-bottom: 20px; font-size: 30px; color: #f6ab00; }
	.tit2 { margin-bottom: 20px; font-size: 34px; color: #f6ab00; }
	.container-wrap .middle-con .desc { font-size: 18px; color: #fff; }
	.middle-con { position: relative; width:100%; left: 0px; top:0px; transform: translateY(0); padding: 30px 2%; }
	.grid2 { width:100%; }
	.grid1 { width:100%; height: auto !important;}
	.appr { width:100%; margin:0 auto; margin-top:50px }
	#one,#two,#three,#four { display: flex; height: auto; background-size: cover; }
	#two .img-animal { margin-top: 20px; width:40%; }
	#three .img-animal { margin-top: 20px; width:40%; }
	.footer-wrap { background-color: #f6ab00; padding: 65px 0px 45px; text-align: center; }
	.footer-wrap .btn-wrap { margin-bottom: 20px; }
	.footer-wrap .btn-wrap a { display: inline-block; padding: 0px 13px 0px 13px; height: 35px; width:113px; font-size: 12px; color: #fff; line-height: 33px; border: 1px solid #fff; border-radius: 40px; background-repeat: no-repeat; margin: 0px 6px;  }
	.footer-wrap .btn-wrap a > span { padding-left:17px; background-size: 15px auto; }
	.footer-wrap .big { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 12px; }
	.footer-wrap .small { font-size: 10px; color: #fff; }
	
	.survey input.text { width:100% !important; height: 40px; line-height: 40px; }
	.survey .container-wrap {position: absolute;height: calc(100vh - 188px);width: 100%;max-width: 1300px;top: 103px;left: 50%;transform: translateX(-50%);background-color: rgba(0,0,0,.35);}
	.survey .survey-slide .slick-slide { position: relative; padding-top:150px; }
	.survey .survey-slide .slick-slide > div > div  { padding: 0px 3.125%; }	
	.survey .survey-slide .q { margin-bottom: 20px !important; font-size: 25px; color: #fff; font-weight: 400; line-height: 1.2; }
	.survey .survey-slide .q-small { font-size: 16px; color: #fff; font-weight: 100; }
	.survey .survey-slide .q-smaller { font-size: 12px; color: #fff; font-weight: 100; }
	.survey .step-wrap { position: absolute; width:93.75%; max-width: 1200px; top: 35px; left: 3.125%; font-size: 30px; color: #fff; border-bottom: 1px solid #fff; }
	.survey .step-wrap .step-group .step { font-size: 20px; padding-right: 15px; background-image: url("../../images/bg_step.png"); background-repeat:no-repeat; background-position: right 1px center; }
	.survey .survey-slide .slick-slide > div .btn-start { display: inline-block; width:100%; max-width: 362px; height:50px; line-height:50px; border-radius: 10px; background-color: #f6ab00;  font-size: 25px; color: #ffffff; text-align: center; }
	.survey .step-wrap .step-group { margin-bottom: 10px; }
	.survey .step-wrap .dot-wrap { padding-bottom: 20px; }
	.survey .step-wrap .dot-wrap .dot { display: inline-block; float: left; margin-right: 11px; width: 8px; height: 8px; background-color: #fff; border-radius: 10px;  }
	.survey .survey-slide .slick-slide > div .type-btn { position: relative; margin: 0px 5px; padding-left: 0px; width: 180px; height: 80px; line-height: 80px; text-align: center; background-image: none;  }
	.survey .container-wrap > .btn-wrap { margin-bottom: 20px; }
	.survey .container-wrap > .btn-wrap a { display: inline-block; padding: 0px 13px 0px 13px; height: 35px; width:113px; font-size: 12px; color: #fff; line-height: 33px; border: 1px solid #fff; border-radius: 40px; background-repeat: no-repeat; margin: 0px 6px;  }	
	.survey .survey-slide .slick-slide > div .type-btn.r-on::before { border: 5px solid #f89921; width: calc(100% - 10px); height: calc(100% - 10px); }
	.survey .container-wrap > .btn-wrap a > span { padding-left:17px; background-size: 7px auto; }
}
@media all and (max-width: 768px) {	
	#one .grid2 {margin-top: 40px;}
	#one .grid1 {margin-top: -40px;}
	#two .grid1 {margin-top: 40px;}
	#two .grid2 {margin-top:-70px}
	#three .grid2 {margin-top: 40px;}
	#three .grid1 {margin-top:-80px}
	#four .grid1 {margin-top: 20px;}
	#four .grid2 {margin-top: -70px;}
	select{padding:2px 10px; font-size:16px; height:40px; background:#fff url(../../images/arrow_1.png) no-repeat 98% center; width:100% }
	select:not(.no-style) {height:40px; background:#fff url(../../images/arrow_1_m.png) no-repeat 97% center;}
	#three .grid1 {margin-top: -50px;margin-bottom: 40px;}
	#one .grid1 {margin-bottom:40px}
	.check, .radio {display:inline-block;padding:0px;height:30px;line-height:30px;padding-left:30px;color:#fff;font-size: 16px!important; background-size: 20px 20px; width:100%; margin-right: 0px; float: left; background-position: left 1px center; margin-bottom:1px }
	label.r-on { background-size: 20px 20px; color:#f6ab00; background-position: left 1px center; }
	.survey .survey-slide .slick-slide > div .btn-start {font-size:20px; height:70px; padding-top:7px}
	.header-wrap .header ul li {float: left; margin-left:10px; }
	.header-wrap .header ul li a { font-size: 12px; color: #fff; line-height:50px; }
	.survey .survey-slide .slick-slide { position: relative; padding-top:105px; }
	.survey .survey-slide .slick-slide > div .type-btn { position: relative; margin: 0px 3px; padding-left: 0px;  padding-top:7px; height: 70px; line-height: 50px; text-align: center; background-image: none; width: 30%!important; }
	.survey .container-wrap > .btn-wrap a {width:33%;height:50px; padding:5px 15px; font-size:14px;}
	.survey .step-wrap {position: absolute;width:93.75%;max-width: 1200px;top: 15px;left: 3.125%;font-size: 30px;color: #fff;border-bottom: 1px solid #fff;}
	.survey .step-wrap .step-group .step { font-size: 16px; padding-right: 15px; background-image: url("../../images/bg_step.png"); background-repeat:no-repeat; background-position: right 1px center; }
	.survey .survey-slide .q { margin-bottom: 10px !important; font-size: 20px; color: #fff; font-weight: 400; line-height: 1.5; }
	.survey .survey-slide .q-small { font-size: 16px; color: #fff; font-weight: 100; width:100% }
	.survey .survey-slide .q-smaller { font-size: 13px; color: #fff; font-weight: 100;  }
	.survey .survey-slide .slick-slide[data-slick-index="8"] .q-smaller,
	.survey .survey-slide .slick-slide[data-slick-index="10"] .q-smaller { margin-bottom: 10px; }
	.survey .survey-slide .slick-slide > div .type-btn > span { font-size: 20px; }
	.survey .survey-slide .slick-slide > div .type-btn.dog > span { padding-left: 30px; background-size: 20px auto; }
	.survey .survey-slide .slick-slide > div .type-btn.cat > span { padding-left: 30px; background-size: 20px auto; }
	.survey .survey-slide .slick-slide[data-slick-index="6"] > div .type-btn,
	.survey .survey-slide .slick-slide[data-slick-index="7"] > div .type-btn { width:100px; margin: 0px 3px; }
	.survey .survey-slide .slick-slide[data-slick-index="8"] { padding-top:105px; }
	.directly-input { position: relative; margin-left:0px; font-size: 24px; color: #fff; }
	.directly-input input.text { height: 36px; line-height: 36px; border: 0px; border-radius: 0px; width:calc(50% - 10px) !important; float: left; }
	.directly-input > span { line-height: 36px; width:20px; float: left; text-align: center; }
	.survey .survey-slide .slick-slide[data-slick-index="8"] .check,
	.survey .survey-slide .slick-slide[data-slick-index="10"] .radio,
	.survey .survey-slide .slick-slide[data-slick-index="11"] .radio { display:inline-block; margin-bottom:0px; }
	.survey .survey-slide .slick-slide[data-slick-index="14"] .q-small { margin-bottom: 10px; }
	.survey .survey-slide .slick-slide[data-slick-index="13"] .dog {display:none;}
	.survey .survey-slide .slick-slide[data-slick-index="15"] .q-small { margin-bottom: 5px; }
	.survey .radio-wrap .etc { overflow: hidden; clear:both; }
	.survey .survey-slide .slick-slide[data-slick-index="11"] .radio-wrap .etc input.text { width:100% !important; }
	.survey .survey-slide .slick-slide[data-slick-index="15"] { padding-top: 50px; }
	.survey .survey-slide .slick-slide[data-slick-index="14"] { padding-top: 50px; }
	.survey .survey-slide .slick-slide > div .btn-confirm { display: inline-block; margin-left: 0px; width:100%; max-width: 100%; height:50px; line-height:50px; border-radius: 10px; background-color: #f6ab00;  font-size: 25px; color: #ffffff; text-align: center; }
	.survey .survey-slide .slick-slide[data-slick-index="15"] .radio-wrap { overflow: hidden; margin-bottom: 20px; }
	.survey .survey-slide .slick-slide[data-slick-index="15"] .input-wrap input { margin-bottom: 10px; }
	.survey .container-wrap > .btn-wrap {position: absolute;width: 100%;left: 0px;bottom: 5px;text-align: center;}
	
}