html {
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 10px
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 1.4rem;
	font-family: "Microsoft YaHei",Verdana,sans-serif;
	line-height: 1.42857143;
	background: #fff
}

a {
	text-decoration: none;
	color: #333;
	transition: all .35s ease 0s;
	outline: 0
}

a:hover {
	color: #f00;
	text-decoration: none;
	outline: 0
}

img {
	max-width: 100%;
	height: auto;
	width: auto;
	border: 0;
	vertical-align: middle
}

div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,form,label,input,textarea,button,img,span,dl,dt,dd,th,pre {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

input,textarea,button,form {
	font-size: 1.4rem;
	font-family: "Microsoft YaHei",Verdana,sans-serif;
	-webkit-appearance: none
}

li {
	list-style-type: none
}

.img-d img,.dp-b {
	display: block;
	width: 100%
}

.tx-input {
	border: 1px solid #ddd;
	border-radius: 3px;
	line-height: 38px;
	height: 38px;
	width: 100%;
	padding: 0 10px
}

.input-ma {
	position: relative
}

.input-ma img {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 30px!important;
	width: auto!important
}

.tx-form {
	position: relative;
	line-height: 38px
}

.tx-textarea {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	width: 100%
}

.tx-btn {
	vertical-align: middle;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none
}

.tx-btn {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0 26px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 1.4rem;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	opacity: .9;
	filter: alpha(opacity=90)
}

.tx-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}

.tx-btn:active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.tx-btn-big {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	font-size: 1.6rem
}

.tx-btn-small {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 1.4rem
}

.tx-btn-mini {
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	font-size: 1.4rem
}

.tx-text hr,.tx-hr {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #eee
}

.tx-select {
	line-height: 38px;
	height: 38px;
	border: 1px solid #eee;
	width: 100%;
	padding: 0 10px;
	color: #666;
}

.tx-select option {
	line-height: 30px;
}

.mb5 {
	margin-bottom: .5rem
}

.mb10 {
	margin-bottom: 1rem
}

.mb15 {
	margin-bottom: 1.5rem
}

.mb20 {
	margin-bottom: 2rem
}

.mb30 {
	margin-bottom: 3rem
}

.mb40 {
	margin-bottom: 4rem
}

.mr5 {
	margin-right: 0.5rem
}

.mr10 {
	margin-right: 1rem
}

.ml10 {
	margin-left: 1rem
}

.mr20 {
	margin-right: 2rem
}

.ml20 {
	margin-left: 2rem
}

.mt10 {
	margin-top: 1rem
}

.mt20 {
	margin-top: 2rem
}

.f-30 {
	font-size: 3rem
}

.f-22 {
	font-size: 2.2rem
}

.f-20 {
	font-size: 2rem
}

.f-18 {
	font-size: 1.8rem
}

.f-16 {
	font-size: 1.6rem
}

.f-15 {
	font-size: 1.5rem
}

.f-14 {
	font-size: 1.4rem
}

.f-13 {
	font-size: 1.3rem
}

.f-12 {
	font-size: 1.2rem
}

.f-8 {
	font-size: .75em
}

.f-bold {
	font-weight: bold
}

.pd5 {
	padding: .5rem
}

.pd10 {
	padding: 1rem
}

.pd10-1 {
	padding: 1rem 0
}

.pd10-2 {
	padding: 0 1rem
}

.pd10-3 {
	padding: 1rem 1rem 0 1rem
}

.pd15 {
	padding: 1.5rem
}

.pd15-1 {
	padding: 1.5rem 0
}

.pd15-2 {
	padding: 0 1.5rem
}

.pd15-3 {
	padding: 1.5rem 1.5rem 0 1.5rem
}

.pd15-4 {
	padding: 1rem 1.5rem
}

.pd20 {
	padding: 2rem
}

.pd20-1 {
	padding: 2rem 0
}

.pd20-2 {
	padding: 0 2rem
}

.pd20-3 {
	padding: 2rem 2rem 0 2rem
}

.pd40 {
	padding: 4rem
}

.pd60 {
	padding: 6rem
}

.ta-c {
	text-align: center
}

.ta-r {
	text-align: right
}

.f-red {
	color: #f00
}

.f-white {
	color: #fff
}

.f-grenn {
	color: #5fb878
}

.f-yellow {
	color: #ffb800
}

.f-blue {
	color: #1e9fff
}

.f-gray {
	color: #888
}

.f-gray1,.f-gray1 a {
	color: #bbb
}

.f-white1,.f-white1 a {
	color: #fff
}

.f-black {
	color: #393d49
}

.bg-gray {
	background-color: #eee
}

.bg-white {
	background-color: #fff
}

.bg-red {
	background-color: #f00
}

.bg-yellow {
	background-color: #ffb800
}

.bg-green {
	background-color: #5fb878
}

.bg-blue {
	background-color: #1e9fff
}

.bg-black {
	background-color: #393d49
}

.tx-table {
	border-collapse: collapse;
	border-spacing: 0
}

.tx-table th,.tx-table td {
	border: 1px solid #eee;
	padding: 1rem;
	overflow: hidden
}

.tx-table th {
	background: #f1f1f1
}

.border {
	border: 1px solid #ddd
}

.border-b {
	border-bottom: 1px solid #ddd
}

.border-t {
	border-top: 1px solid #ddd
}

.i60 {
	line-height: 2rem;
	height: 6rem;
	overflow: hidden
}

.i40 {
	line-height: 2rem;
	height: 4rem;
	overflow: hidden
}

.i22 {
	line-height: 2.2rem;
	height: 2.2rem;
	overflow: hidden
}

.i18 {
	line-height: 1.8rem;
	height: 1.8rem;
	overflow: hidden
}

.txt-ov {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.lh-50 {
	line-height: 5rem
}

.lh-40 {
	line-height: 4rem
}

.lh-30 {
	line-height: 3rem
}

.ul-36 li {
	line-height: 3.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ul-30 li {
	line-height: 3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ul-26 li {
	line-height: 2.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.wide {
	width: 100%;
	margin: 0 auto;
	max-width: 1200px
}

.hide,.pchide {
	display: none
}

.wide::after,.clearfix::after,.row:before,.row:after,.row1:after,.row2:after {
	display: table;
	content: " ";
	clear: both
}

.row {
	margin-left: -0.8rem;
	margin-right: -0.8rem
}[class*='col-'] {
	float: left;
	min-height: 1px;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	width: 10%;
	position: relative
}

.col-1 {
	width: 4.1666%
}

.col-2 {
	width: 8.3333%
}

.col-3 {
	width: 12.5%
}

.col-4 {
	width: 16.6666%
}

.col-5 {
	width: 20.8333%
}

.col-6 {
	width: 25%
}

.col-7 {
	width: 29.1666%
}

.col-8 {
	width: 33.3333%
}

.col-9 {
	width: 37.5%
}

.col-10 {
	width: 41.6666%
}

.col-11 {
	width: 45.8333%
}

.col-12 {
	width: 50%
}

.col-13 {
	width: 54.1666%
}

.fl {
	float: left
}

.fr {
	float: right
}

.col-14 {
	width: 58.3333%
}

.col-15 {
	width: 62.5%
}

.col-16 {
	width: 66.6666%
}

.col-17 {
	width: 70.8333%
}

.col-18 {
	width: 75%
}

.col-19 {
	width: 79.1666%
}

.col-20 {
	width: 83.3333%
}

.col-21 {
	width: 87.5%
}

.col-22 {
	width: 91.6666%
}

.col-23 {
	width: 95.8333%
}

.col-24 {
	width: 100%
}

.col-25 {
	width: 20%
}

.row1 {
	margin-left: -0.5rem;
	margin-right: -0.5rem
}[class*='col1-'] {
	float: left;
	min-height: 1px;
	padding-left: .5rem;
	padding-right: .5rem;
	position: relative
}

.row2 {
	margin-left: 0;
	margin-right: 0
}[class*='col2-'] {
	float: left;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	position: relative
}

.tx-text {
	line-height: 1.9;
	font-size: 1.5rem
}

.tx-text p,.tx-text h4,.tx-text h5,.tx-text h6 {
	margin-bottom: 1rem
}

.tx-text ol li {
	list-style: decimal
}

.tx-text h1,.tx-text h2,.tx-text h3 {
	border-left: 4px solid #ff3657;
	/*background-color: #f2f2f2;*/
	padding: 1rem 1.5rem;
	margin-bottom: 1.5rem
}

.tx-text h1 {
	font-size: 2.2rem
}

.tx-text h2 {
	font-size: 2rem
}

.tx-text h3 {
	font-size: 1.8rem
}

.tx-text a {
	position: relative
}

.tx-text a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	/*background-color: #f60;*/
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.tx-text a:hover::after {
	height: 3px
}

.tx-text img,.tx-text iframe {
	max-width: 100%!important
}

.tx-text img {
	height: auto!important
}

.tx-text blockquote {
	border-left: 10px solid rgba(102,128,153,0.075);
	background-color: rgba(102,128,153,0.05);
	border-radius: 0 5px 5px 0;
	padding: 15px 20px;
	margin: 0 0 .6rem 0;
	color: #666
}

.tx-text pre {
	margin: 1.5rem 0
}

.tx-text .tx-table {
	margin-bottom: 2rem
}

.gg-box img {
	width: 100%;
	display: block
}

.img-box {
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: 0
}

.img-box[data-ratio="16:8"] {
	padding-top: 50%
}

.img-box[data-ratio="16:9"] {
	padding-top: 70%
}

.img-box[data-ratio="16:16"] {
	padding-top: 100%
}

.img-box[data-ratio="16:20"] {
	padding-top: 150%
}

.img-box img {
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .6s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.img-box:hover img {
	transform: scale(1.1)
}

@media screen and (max-width:992px) {
	.wide {
		width: 100%;
		padding-left: .8rem;
		padding-right: .8rem
	}

	.row {
		margin-left: -0.8rem;
		margin-right: -0.8rem
	}[	class*='col-'] {
		padding-left: .8rem;
		padding-right: .8rem
	}

	.row1 {
		margin-left: -0.2rem;
		margin-right: -0.2rem
	}[	class*='col1-'] {
		padding-left: .2rem;
		padding-right: .2rem
	}

	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24,.col-25 {
		width: auto
	}

	.col-m-1 {
		width: 4.1666%
	}

	.col-m-2 {
		width: 8.3333%
	}

	.col-m-3 {
		width: 12.5%
	}

	.col-m-4 {
		width: 16.6666%
	}

	.col-m-5 {
		width: 20.8333%
	}

	.col-m-6 {
		width: 25%
	}

	.col-m-7 {
		width: 29.1666%
	}

	.col-m-8 {
		width: 33.3333%
	}

	.col-m-9 {
		width: 37.5%
	}

	.col-m-10 {
		width: 41.6666%
	}

	.col-m-11 {
		width: 45.8333%
	}

	.col-m-12 {
		width: 50%
	}

	.col-m-13 {
		width: 54.1666%
	}

	.col-m-14 {
		width: 58.3333%
	}

	.col-m-15 {
		width: 62.5%
	}

	.col-m-16 {
		width: 66.6666%
	}

	.col-m-17 {
		width: 70.8333%
	}

	.col-m-18 {
		width: 75%
	}

	.col-m-19 {
		width: 79.1666%
	}

	.col-m-20 {
		width: 83.3333%
	}

	.col-m-21 {
		width: 87.5%
	}

	.col-m-22 {
		width: 91.6666%
	}

	.col-m-23 {
		width: 95.8333%
	}

	.col-m-24 {
		width: 100%
	}

	.col-m-25 {
		width: 20%
	}

	.pchide {
		display: block
	}

	.waphide {
		display: none
	}
}

/*页面样式开始 */
@media screen and (max-width: 768px) {
	#fontsizebox .headerbox ul li {
		color: #fff0bf;
	}

	.headerbox {
		width: 100%;
		height: 370px;
		background: url(http://www.yunduoketang.com/article/zb_users/theme/tx_ask/style/img/m.jpg) no-repeat center 0;
		background-size: 100% 100%;
		padding-top: 15px;
	}

	.headertxt {
		width: 130px;
		font-size: 21px;
		color: #fff;
		text-shadow: 5px 2px 6px #1d78ff;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.02rem;
		margin: 0 auto;
	}

	.headerbox ul {
		width: 250px;
		margin: 10px auto;
		overflow: hidden;
	}

	.headerbox ul li {
		width: 81px;
		height: 24px;
		line-height: 24px;
		color: #fff0bf;
		font-size: 12px;
		text-align: center;
		background: #f7833a;
		border-radius: 12px;
		float: left;
		margin-right: 0.24rem;
		margin-bottom: 10px;
	}

	.headerbox ul li:nth-child(3n) {
		margin-right: 0px;
	}

	.inputBox {
		width: 250px;
		background: #fff;
		border-radius: 12px;
		margin: 10px auto;
		padding: 20px 10px;
	}

	.inputBox input[type="text"] {
		width: 100%;
		height: 30px;
		border: 1px solid #dcdee0;
		font-size: 12px;
		display: block;
		margin: 0 auto 10px;
		border-radius: 15px;
		padding-left: 10px;
		outline: none;
		color: #333;
		box-sizing: border-box;
	}

	.inputBox a {
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		display: block;
		background: #f5823a;
		border-radius: 15px;
		font-size: 14px;
		color: #fff;
		margin: 0 auto;
	}

	#fontsizebox .inputBox a:hover {
		color: #fff;
	}
}
/*大于平板尺寸 pc形式显示*/
@media screen and (min-width: 769px) {
	body {
		background: initial;
	}

	#fontsizebox .headerbox ul li {
		color: #fff0bf;
	}

	.headerbox {
		width: 775px;
		height: 260px;
		background: url(http://www.yunduoketang.com/article/zb_users/theme/tx_ask/style/img/bg.jpg) no-repeat center 0;
		background-size: 100% 100%;
		padding-top: 37px;
		margin: 0 auto;
	}

	.headertxt {
		width: initial;
		font-size: 36px;
		letter-spacing: 12px;
		text-align: center;
		color: #fff;
		text-shadow: 5px 2px 6px #1d78ff;
		text-align: center;
		font-weight: bold;
	}

	.headerbox ul {
		width: 490px;
		margin: 25px auto 50px;
		overflow: hidden;
		clear: both;
		background: #f7833a;
		border-radius: 0.5rem;
		padding: 8px 0 8px 10px;
	}

	.headerbox ul li {
		width: initial;
		color: #fff0bf;
		font-size: 16px;
		text-align: center;
		border-right: 1px solid #fff0bf;
		float: left;
		background: initial;
		border-radius: initial;
		margin-bottom: initial;
		margin-right: 7px;
		padding-right: 8px;
		height: initial;
		line-height: initial;
		cursor: pointer;
		color: #fff;
	}

	.headerbox ul li:nth-child(3n) {
		margin-right: 7px;
	}

	.headerbox ul li:last-child {
		border-right: none;
	}

	.inputBox {
		width: 610px;
		background: initial;
		border-radius: inherit;
		margin: 0 auto;
		padding: initial;
		overflow: hidden;
		clear: both;
	}

	.inputBox input[type="text"] {
		width: 150px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #26379e;
		font-size: 14px;
		display: block;
		border-radius: 0.5rem;
		padding-left: 15px;
		outline: none;
		color: #333;
		box-sizing: border-box;
		float: left;
		margin-right: 13px;
		background: #cee4ff;
		color: #4254c5;
	}

	.inputBox a {
		width: 120px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		display: inline-block;
		background: #f5823a;
		border-radius: 0.5rem;
		font-size: 14px;
		color: #fff;
		float: right;
	}

	#fontsizebox .inputBox a:hover {
		color: #fff;
	}

	input::-webkit-input-placeholder {
        /* 设置placeholder颜色  */
		color: #26379e;
        /* placeholder字体大小  */
		font-size: 14px;
	}

	input::-moz-input-placeholder {
        /* placeholder颜色  */
		color: #26379e;
        /* placeholder字体大小  */
		font-size: 14px;
	}

	input::-o-input-placeholder {
        /* placeholder颜色  */
		color: #26379e;
        /* placeholder字体大小  */
		font-size: 14px;
	}

	input::input-placeholder {
        /* placeholder颜色  */
		color: #26379e;
        /* placeholder字体大小  */
		font-size: 14px;
	}
}