锘/*function-intro*/

.intro-titles,
.sample-titles {
	margin-top: 58px;
}

.intro-title-big,
.sample-title-big {
	font-size: 20px;
	color: #333;
	text-align: center;
}

.intro-en,
.sample-en {
	font-size: 12px;
	color: #999;
	text-align: center;
	padding-top: 6px;
}

.intro-02,.intro-04 {
	width: 100%;
	background-color: #fafbfc;
	overflow: hidden;
}

.intro-pic {
	width: 308px;
	height: 255px;
	margin: 30px auto 0;
}

.pic01 {
	background: url("/images/mobile/app/tp-pic01.png") no-repeat center;
	background-size: 308px 255px;
}

.pic02 {
	background: url("/images/mobile/app/tp-pic02.png") no-repeat center;
	background-size: 308px 255px;
}

.pic03 {
	background: url("/images/mobile/app/tp-pic03.png") no-repeat center;
	background-size: 308px 255px;
}

.pic04 {
	background: url("/images/mobile/app/tp-pic04.png") no-repeat center;
	background-size: 308px 255px;
}

.intro-title {
	font-size: 16px;
	color: #222;
	line-height: 16px;
	text-align: center;
	padding-top: 27px;
}

.intro-words {
	width: 256px;
	margin: 0 auto;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	padding-top: 13px;
	padding-bottom: 23px;
}

.intro-words-teshu {
	text-align: center !important;
}

/*sample questionnaire*/

.sample-titles {
	margin-top: 28px;
}

#sample {
	margin: 0 6px;
}

@media (min-width: 768px) {
	#sample {
		margin: 0 188px;
	}
}

@media (min-width: 1024px) {
	#sample {
		margin: 0 308px;
	}
}

.sample-items {
	margin-top: 37px;
	height: 476px;
	overflow: hidden;
}

.items-box {
	display: block;
	float: left;
	width: 50%;
	margin-top: 13px;
}

.box03,.box04 {
	margin-bottom: 70px;
}

.items-01,.items-02,.items-03,.items-04 {
	width: 165px;
	height: 216px;
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 0 0 12px #efefef;
}

.items-01 {
	background: url("/images/mobile/app/survey17@2x.jpg") no-repeat top center;
	background-size: 165px 160px;
}

.items-02 {
	background: url("/images/mobile/app/survey18@2x.jpg") no-repeat top center;
	background-size: 165px 160px;
}

.items-03 {
	background: url("/images/mobile/app/survey19@2x.jpg") no-repeat top center;
	background-size: 165px 160px;
}

.items-04 {
	background: url("/images/mobile/app/survey20@2x.jpg") no-repeat top center;
	background-size: 165px 160px;
}

@media (min-width: 320px) {
	.items-01,.items-02,.items-03,.items-04 {
	width: 140px;
	height: 216px;
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 0 0 12px #efefef;
	}
    .items-01 {
        background: url("/images/mobile/app/survey17@320device.jpg") no-repeat top center;
        background-size: 140px 160px;
    }

    .items-02 {
        background: url("/images/mobile/app/survey18@320device.jpg") no-repeat top center;
        background-size: 140px 160px;
    }

    .items-03 {
        background: url("/images/mobile/app/survey19@320device.jpg") no-repeat top center;
        background-size: 140px 160px;
    }

    .items-04 {
        background: url("/images/mobile/app/survey20@320device.jpg") no-repeat top center;
        background-size: 140px 160px;
    }
}

@media (min-width: 375px) {
    .items-01, .items-02, .items-03, .items-04 {
        width: 165px;
        height: 216px;
        margin: 0 auto;
        border-radius: 3px;
        box-shadow: 0 0 12px #efefef;
    }

    .items-01 {
        background: url("/images/mobile/app/survey17@2x.jpg") no-repeat top center;
        background-size: 165px 160px;
    }

    .items-02 {
        background: url("/images/mobile/app/survey18@2x.jpg") no-repeat top center;
        background-size: 165px 160px;
    }

    .items-03 {
        background: url("/images/mobile/app/survey19@2x.jpg") no-repeat top center;
        background-size: 165px 160px;
    }

    .items-04 {
        background: url("/images/mobile/app/survey20@2x.jpg") no-repeat top center;
        background-size: 165px 160px;
    }
}

.items-title {
	font-size: 13px;
	color: #333;
	line-height: 13px;
	padding: 172px 0 0 9px;
}

.items-amount,.items-answer {
	font-size: 12px;
	color: #999;
	line-height: 12px;
}

.items-amount {
	float: left;
	padding: 11px 0 0 9px;
}

.items-answer {
	float: right;
	padding: 11px 9px 0 0;
}

/*more*/

.items-more {
	display: block;
	width: 40px;
	font-size: 13px;
	color: #1ea0ff;
	text-align: center;
	margin: 15px auto 0;
}

.create-dc {
	display: block;
	width: 110px;
	height: 26px;
	border: 1px solid #fa911e;
	border-radius: 14px;
	background-color: #fff;
	margin: 30px auto 23px;
}

.create-dc-words {
	font-size: 12px;
	color: #ff941a;
	line-height: 23px;
	text-align: center;
}
.button-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

    .button-box .btn {
        font-size: 18px;
        width: 250px;
        height: 44px;
        line-height: 44px;
        border-radius: 25px;
        margin-bottom: 14px;
    }

.create-btn {
    color: #fff;
    background: linear-gradient(270deg,rgba(255,213,80,1) 0%,rgba(255,151,0,1) 100%);
}

.service-btn {
    color: #FA911E;
    border: 1px solid #FA911E;
}<!--0.00027298927307129-->