锘
/*the part of main*/

@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: 20%;
	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 {
	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,.intro-06 {
	width: 100%;
	background-color: #fafbfc;
	overflow: hidden;
}

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

.pic01 {
	background: url("/images/mobile/app/dc-pic-yygn01.png") no-repeat center;
	background-size: 308px 201px;
}

.pic02 {
	background: url("/images/mobile/app/dc-pic-yygn02.png") no-repeat center;
	background-size: 308px 201px;
}

.pic03 {
	background: url("/images/mobile/app/dc-pic-yygn03.png") no-repeat center;
	background-size: 308px 201px;
}

.pic04 {
	background: url("/images/mobile/app/dc-pic-yygn04.png") no-repeat center;
	background-size: 308px 201px;
}

.pic05 {
	background: url("/images/mobile/app/dc-pic-yygn05.png") no-repeat center;
	background-size: 308px 201px;
}

.pic06 {
	background: url("/images/mobile/app/dc-pic-yygn06.png") no-repeat center;
	background-size: 308px 201px;
}

.pic07 {
	background: url("/images/mobile/app/dc-pic-yygn07.png") no-repeat center;
	background-size: 308px 201px;
}

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

.intro-words {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 27px;
}

.intro-03-detailwords,
.intro-04-detailwords,
.intro-05-detailwords,
.intro-06-detailwords {
	width: 277px;
	margin: 0 auto 30px;
}

.intro-03-detailwords > li,
.intro-04-detailwords > p,
.intro-05-detailwords > p,
.intro-06-detailwords > p {
	font-size: 12px;
	color: #bcbcbc;
	line-height: 20px;
}

.intro-03-detailwords > li {
	padding-left: 50px;
}

.intro-04-detailwords,
.intro-05-detailwords,
.intro-06-detailwords {
	padding-top: 25px;
}

.indent-04,.indent-06 {
	padding-left: 60px;
}

.indent-05 {
	padding-left: 75px;
}

	/*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;
}




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

@media (min-width: 320px) {
	.items-01 {
	background: url("/images/mobile/app/survey1@320device.png") no-repeat top center;
	background-size: 140px 160px;
	}

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

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

	.items-04 {
	background: url("/images/mobile/app/survey4@320device.png") no-repeat top center;
	background-size: 140px 160px;
	}
}
@media (min-width: 375px) {
    .items-01 {
        background: url("/images/mobile/app/survey1@2x.png") no-repeat top center;
        background-size: 165px 160px;
    }

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

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

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