@charset "UTF-8";

.dys_choose_category_nav li {
	width: 124px;
	height: 120px;
	margin-left: 29px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background-position: center 24px;
}

.dys_choose_category_nav li p {
	font-size: 16px;
	padding-top: 80px;
}

.dys_see_other_speaking {
	width: 170px;
	background: url(../images/seebg.png) no-repeat 154px center;
	background-color: #e6f8ff;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
}

.dys_prompt {
	height: 29px;
	line-height: 29px;
	background-color: #f5f5f5;
	border-radius: 20px;
}

.dys_message_form p.dys_text_nickname,
.detailedAddress,
.dys_text_occupation_father {
	/* width: 49%; */
}

.city-picker-span {
	width: 420px;
	border-radius: 20px;
}

.dys_message_form p.dys_submit .submit {
	height: 40px;
	border-radius: 20px;
}

.dys_select {
	top: 38px;
	width: 442px;
	border-radius: 20px;
}

ul.mtpt {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 8px;
}

ul.mtpt li {
	width: 150px;
	height: 80px;
	margin: 20px 0 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	text-align: center;
}

ul.mtpt li img {
	margin: 6px 0;
}

ul.mtpt li.mr_7 {
	margin-right: 7px;
}

ul.lastmtpt {
	padding: 0 183px;
}

ul.buwei {
	border-bottom: 1px dashed #bdbdbd;
}

ul.buwei li,
ul.sheng li {
	padding: 12px;
}

ul.buwei li a,
ul.sheng li a {
	cursor: default;
	font-size: 16px;
	color: #0a8ce1;
	font-weight: normal;
	cursor: default;
}

ul.sheng {
	margin-bottom: 34px;
}

.gsf_saoma img {
	position: relative;
	top: 75px;
	height: 90%;
}

.gsf_saoma span {
	display: block;
	width: 13px;
	height: 12px;
	top: 83px;
	right: 79px;
	/* border: 1px solid #000; */
	z-index: 10;
}

.dys_h1 {
	background-image: url(../images/icon/icon-1.png);
}

.dys_h2 {
	background-image: url(../images/icon/icon-2.png);
}

.dys_h3 {
	background-image: url(../images/icon/icon-3.png);
}

.dys_h4 {
	background-image: url(../images/icon/icon-4.png);
}

.dys_h5 {
	background-image: url(../images/icon/icon-5.png);
}

.dys_h6 {
	background-image: url(../images/icon/icon-6.png);
}

.dys_h7 {
	background-image: url(../images/icon/icon-7.png);
}

.dys_h8 {
	background-image: url(../images/icon/icon-8.png);
}

.dys_h9 {
	background-image: url(../images/icon/icon-9.png);
}

.dys_h10 {
	background-image: url(../images/icon/icon-10.png);
}

.dys_h11 {
	background-image: url(../images/icon/icon-11.png);
}

.dys_h12 {
	background-image: url(../images/icon/icon-12.png);
}

.dys_h13 {
	background-image: url(../images/icon/icon-13.png);
}

.dys_h14 {
	background-image: url(../images/icon/icon-14.png);
}

.dys_h15 {
	background-image: url(../images/icon/icon-15.png);
}

.dys_h16 {
	background-image: url(../images/icon/icon-16.png);
}

.dys_h17 {
	background-image: url(../images/icon/icon-17.png);
}

.dys_h18 {
	background-image: url(../images/icon/icon-18.png);
}

.dys_h19 {
	background-image: url(../images/icon/icon-19.png);
}

.dys_h20 {
	background-image: url(../images/icon/icon-20.png);
}

.dys_h21 {
	background-image: url(../images/icon/icon-21.png);
	background-position-y: center !important;
}

.dys_h1:hover {
	background-image: url(../images/icon/icon-1S.png);
}

.dys_h2:hover {
	background-image: url(../images/icon/icon-2S.png);
}

.dys_h3:hover {
	background-image: url(../images/icon/icon-3S.png);
}

.dys_h4:hover {
	background-image: url(../images/icon/icon-4S.png);
}

.dys_h5:hover {
	background-image: url(../images/icon/icon-5S.png);
}

.dys_h6:hover {
	background-image: url(../images/icon/icon-6S.png);
}

.dys_h7:hover {
	background-image: url(../images/icon/icon-7S.png);
}

.dys_h8:hover {
	background-image: url(../images/icon/icon-8S.png);
}

.dys_h9:hover {
	background-image: url(../images/icon/icon-9S.png);
}

.dys_h10:hover {
	background-image: url(../images/icon/icon-10S.png);
}

.dys_h11:hover {
	background-image: url(../images/icon/icon-11S.png);
}

.dys_h12:hover {
	background-image: url(../images/icon/icon-12S.png);
}

.dys_h13:hover {
	background-image: url(../images/icon/icon-13S.png);
}

.dys_h14:hover {
	background-image: url(../images/icon/icon-14S.png);
}

.dys_h15:hover {
	background-image: url(../images/icon/icon-15S.png);
}

.dys_h16:hover {
	background-image: url(../images/icon/icon-16S.png);
}

.dys_h17:hover {
	background-image: url(../images/icon/icon-17S.png);
}

.dys_h18:hover {
	background-image: url(../images/icon/icon-18S.png);
}

.dys_h19:hover {
	background-image: url(../images/icon/icon-19S.png);
}

.dys_h20:hover {
	background-image: url(../images/icon/icon-20S.png);
}

.dys_h21:hover {
	background-image: url(../images/icon/icon-21S.png);
	background-position-y: center !important;
}

.dys_h1.active {
	background-image: url(../images/icon/icon-1S.png);
}

.dys_h2.active {
	background-image: url(../images/icon/icon-2S.png);
}

.dys_h3.active {
	background-image: url(../images/icon/icon-3S.png);
}

.dys_h4.active {
	background-image: url(../images/icon/icon-4S.png);
}

.dys_h5.active {
	background-image: url(../images/icon/icon-5S.png);
}

.dys_h6.active {
	background-image: url(../images/icon/icon-6S.png);
}

.dys_h7.active {
	background-image: url(../images/icon/icon-7S.png);
}

.dys_h8.active {
	background-image: url(../images/icon/icon-8S.png);
}

.dys_h9.active {
	background-image: url(../images/icon/icon-9S.png);
}

.dys_h10.active {
	background-image: url(../images/icon/icon-10S.png);
}

.dys_h11.active {
	background-image: url(../images/icon/icon-11S.png);
}

.dys_h12.active {
	background-image: url(../images/icon/icon-12S.png);
}

.dys_h13.active {
	background-image: url(../images/icon/icon-13S.png);
}

.dys_h14.active {
	background-image: url(../images/icon/icon-14S.png);
}

.dys_h15.active {
	background-image: url(../images/icon/icon-15S.png);
}

.dys_h16.active {
	background-image: url(../images/icon/icon-16S.png);
}

.dys_h17.active {
	background-image: url(../images/icon/icon-17S.png);
}

.dys_h18.active {
	background-image: url(../images/icon/icon-18S.png);
}

.dys_h19.active {
	background-image: url(../images/icon/icon-19S.png);
}

.dys_h20.active {
	background-image: url(../images/icon/icon-20S.png);
}

.dys_h21.active {
	background-image: url(../images/icon/icon-21S.png);
	background-position-y: center !important;
}

.city-picker-span .arrow,
.select-var {
	/* background: url(../images/arrow.png) right 0 no-repeat; */
	position: absolute;
	right: 0;
	top: 0px;
	display: block;
	width: 70px;
	height: 36px;
	z-index: 20;
	content: '.';
	/* color: transparent; */
	pointer-events: none;
	background-size: auto 100%;
}

.container {
	width: 1028px;
	margin: 0 auto;
}

.describe {
	padding: 58px 0;
}

.pc_bg {
	background: url(../images/pc.png) no-repeat top;
	/* padding-top: 48vh; */
	padding-top: 345px;
}

.describe p {
	text-indent: 2em;
	margin-bottom: 10px;
	line-height: 38px;
	font-size: 24px;
	color: #00479d;
}

.describe p span {
	font-weight: 700;
}

.m-container {
	margin: 60px auto;
}

.dys_message_form p .tip {
	color: #e83652;
}

.dys_prompt {
	background-color: transparent;
}

#title {
	width: 89.3%;
}

/* tips_mask css start */
.tips_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tips_mask .tips {
	width: 630px;
	background: #fff;
	border-radius: 10px;
	padding: 30px 50px;
	font-size: 14px;
}

.tips_mask .tips .tips_title {
	text-align: center;
	color: #015292;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.tips_mask .tips p {
	line-height: 30px;
}

.tips_mask .tips .tips_btn {
	border: 0;
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 30px;
	text-align: center;
	background: #015292;
	color: #fff;
	border-radius: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 14px;
	line-height: 30px;
}

.tips_mask .tips label {
	color: #6B6B6B;
	margin: 0 auto;
	width: 200px;
	text-align: center;
	display: block;
	cursor: pointer;
}

.tips_mask .tips label input {
	cursor: pointer;
}

.tips_mask .tips .tips_btn_close {
	border: 0;
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 30px;
	text-align: center;
	background: #015292;
	color: #fff;
	border-radius: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 14px;
	line-height: 30px;
}

/* tips_mask css end */

@media only screen and (max-width:1100px) {
	.city-picker-span {
		position: relative;
		width: 100%;
	}

	.dys_message_form .dys_message_verificationCode input {
		width: 100px !important;
		border-radius: 20px;
	}

	.dys_message_form p .tip {
		display: block;
		padding: 0 !important;
		position: relative !important;
	}

	.describe p {
		text-indent: 2em;
		margin-bottom: 5px;
		line-height: 20px;
		font-size: 14px;
		color: #00479d;
		padding: 0 8px;
		color: #fff;
	}

	.container {
		width: 100%;
	}

	.pc_bg {
		/* background: url(../images/h5_bg_three.png) no-repeat top; */
		background: none;
		/* background-size: 100% auto 100% auto; */
		/* padding-top: 48vh; */
		/* padding-top: 200px; */
		padding-top: 0px;
	}

	.h5_bg {
		background: url(../images/bg_h5.png) no-repeat;
		background-size: cover;
		background-position: center;
		/* background-size: 100% 100%; */
		height: 138px;
		width: 100%;
	}

	label {
		font-size: 14px !important;
	}

	.describe {
		background-color: #84bffd;
	}

	.dys_prompt {
		background-color: transparent;
	}

	.tips_mask {
		height: 100%;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.4);
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}

	.tips_mask .tips {
		padding: 3% 10%;
		width: 70%;
		background-color: #fff;
		border-radius: 5px;
		font-size: .65rem;
		color: #0F4A81;
		text-align: center;
	}

	.tips_mask .tips .tips_title {
		text-align: center;
		font-size: 1.3rem;
		font-weight: 700;
		margin-bottom: 0.8rem;
		color: #1E50A3;
	}

	.tips_mask .tips p {
		margin: 0;
		margin-bottom: .5rem;
		text-align: left;
		line-height: 18px;
	}

	.tips_mask .tips .tips_btn {
		width: 88%;
		height: 1.5rem;
		background: #105AA5;
		border: 0;
		color: #fff;
		border-radius: .5rem;
		margin-top: 1rem;
		font-size: .8rem;
		font-weight: 700;
		margin-bottom: .8rem
	}

	/*选择器样式修改*/
	/* .weui-picker-modal {
		height: 25.5rem;
	} */

	/* .toolbar {
		line-height: 4rem;
	} */

	/* .toolbar,
	.toolbar .title {
		font-size: 1.5rem;
	} */

	/* .toolbar .toolbar-inner {
		height: 4rem;
	} */

	/* .toolbar .title {
		line-height: 4rem;
	} */

	/* .toolbar .picker-button {
		height: 3.5rem;
		line-height: 4rem;
		color: #015293;
	} */

	/* .toolbar .picker-button:active {
		color: #5087b2;
	} */

	/*.weui-picker-modal .picker-modal-inner {
		height: 21.5rem;
	} */

	/* .weui-picker-modal .picker-item {
		height: 4rem;
		line-height: 4rem;
		font-size: 1.6rem;
	} */

	.weui-picker-modal .picker-items {
		-webkit-mask-box-image: linear-gradient(to top, transparent, transparent 0%, #fff 0%, #fff 100%, transparent 100%, transparent);
	}

	.weui-picker-modal .picker-center-highlight {
		height: 4rem;
		top: 47%;
	}

	/* .weui-picker-modal .picker-center-highlight:after,
	.weui-picker-modal .picker-center-highlight:before {
		height: 2px;
	} */

	.toolbar:before {
		height: 2px;
	}

	.weui-input-picker {
		width: 100%;
		border: 0;
		font-size: 1.5rem;
		line-height: 2rem;
		color: #c9c9c9;
		text-align: right;
		background-color: rgba(0, 0, 0, 0);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.weui-input-picker:focus {
		outline: -webkit-focus-ring-color auto 0px;
	}

	/*地区选择器样式修改*/
	.city-picker .picker-items-col {
		max-width: 10rem;
		text-align: center;
	}

	.dys_message_form p.dys_message_verificationCode label{
		width: 70px !important;
	}
}