锘緻media (min-width: 320px) {
    #main {
        padding: 0 6px;
    }
}

@media (min-width: 375px) {
    #main {
        padding: 0 10px;
    }
}

	/*brief-intro*/

.brief-intro {
	height: 48px;
	margin: 30px auto 0;
	overflow: hidden;
}

.brief-intro li {
	float: left;
	width: 25%;
	text-align: center;
}

.brief-intro li:first-child {
	padding-left: 0;
}

.brief-icon {
	width: 20px;
	height: 20px;
	margin: 0 auto;
}

.brief-words {
	font-size: 12px;
	color: #b5b5b5;
	padding-top: 13px
}

/*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: 222px;
	margin: 30px auto 0;
}

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

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

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

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

.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;
}

/*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/survey13@2x.jpg") no-repeat top center;
	background-size: 165px 160px;
}

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

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

.items-04 {
	background: url("/images/mobile/app/survey16@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/survey13@320device.jpg") no-repeat top center;
        background-size: 140px 160px;
    }

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

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

    .items-04 {
        background: url("/images/mobile/app/survey16@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/survey13@2x.jpg") no-repeat top center;
        background-size: 165px 160px;
    }

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

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

    .items-04 {
        background: url("/images/mobile/app/survey16@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;
}<!--0.00018596649169922-->