*{margin:0; padding: 0;}
body{background: #f67f26; font-family: "微软雅黑"}

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0px 6% 25px 6%;
	width: 88%;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: none;
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑"
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	width: 100%;
	color: #999;
	font-size: 16px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 12px 8px 12px 0px; margin-left: 8px; border-radius: 10px; z-index: 9;
	/*width: 100%;*/
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}


/* Ichiro */
.input--ichiro {
	 border:1px solid #ededed; border-radius: 5px;
}

.input__field--ichiro {
	position: absolute;
	top: 6px;
	left: 10px;
	z-index: 100;
	display: block;
	padding: 0;
	width: calc(100% - 14px);
	height: calc(100% - 6px);
	/*background: #f0f0f0;*/
	color: #333;
	opacity: 0;
	font-size: 16px;
	font-family: "微软雅黑";
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.input__label--ichiro {
	width: 100%;
	text-align: left;
	/*cursor: text;*/
}

.input__label--ichiro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--ichiro {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s; display: inline-block; background: #fff; z-index: -1;
}

.input__field--ichiro:focus,
.input--filled .input__field--ichiro {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.input__field--ichiro:focus + .input__label--ichiro,
.input--filled .input__label--ichiro {
	/*cursor: default;
	pointer-events: none;*/
}

/*.input__field--ichiro:focus + .input__label--ichiro::before,
.input--filled .input__label--ichiro::before {
	-webkit-transform: scale3d(1, 1.5, 1);
	transform: scale3d(1, 1.5, 1);
}*/

.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro,
.input--filled .input__label-content--ichiro {
	-webkit-transform: translate3d(0, -1.6em, 0) scale3d(0.8, 0.8, 1);
	transform: translate3d(0, -1.6em, 0) scale3d(0.8, 0.8, 1) translateZ(1px);
}

.hd_one{background: #fff; display: inline-block; border-radius: 10px; width: 94%; margin-left: 3%; margin-bottom: 20px;}
.hd_pic img{width: 100%;}
.hd_one .tit{text-align: center; font-size:22px; padding: 30px 0px 25px; color: #333; }
.hd_one .tit span{ border-bottom: 3px solid #f7b33a; display: block; width: 12%; margin-left: 44%; margin-top: 10px;}
.hd_one .add_cont{width: 88%; margin-left: 6%;}
.hd_one .add_cont .add_but{background: #fffded; margin-bottom: 20px; padding: 10px 0px; width: 100%; font-family: "微软雅黑"; text-align: center; color: #ffdd00; font-size: 16px; border:1px dashed #ffdd00; border-radius: 5px; outline: none;}
.hd_one .add_cont .add_but img{width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; margin-right: 8px;}
.hd_two{background: #fff; margin-top: 10px; padding-top: 30px; display: inline-block; border-radius: 10px; width: 94%; margin-left: 3%;}
.bd_hide{display: none;}
.hd_san{margin: 40px 0px; }
.hd_san .tj_but{border-radius: 5px; width: 94%; margin-left: 3%; background: #f7b33a; color: #fff; font-size: 16px; text-align: center; padding:11px 0px; font-family: "微软雅黑";  outline: none; border:0px;cursor:pointer;}
.err_box{background: rgba(0,0,0,0.6); display: none; color: #fff; text-align: center; font-size: 16px; width: 80%; margin-left: 10%; position: fixed; top: 50%; z-index: 9999; padding: 15px 0px; border-radius: 5px;}

.tj_bj{background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display:none;}
.tj_bj .tj_box{ width: 84%; position: relative; margin-top: 60%; left: 8%;}
.tj_bj .tj_box .img{position: absolute; top: 0; left: 0; width: 100%}
.tj_bj .tj_box .cont{position: absolute; width: 100%; top: 45px;}
.tj_bj .tj_box .cont .div1{color: #fff; font-size: 18px;text-align: center;}
.tj_bj .tj_box .cont .div1 img{width: 30px; height: 31px; vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.tj_bj .tj_box .cont .div2{text-align: center; color: #fff; margin-top: 6px; margin-bottom:18px;}
.tj_bj .tj_box .cont .div3{text-align: center; margin-top: 20px;}
.tj_bj .tj_box .cont .div3 .but{background:#f7b33a; color: #fff; padding: 4px 22px; border-radius: 6px; border:1px solid #fff; text-decoration: none; text-shadow:1px 3px 5px #f7b33a;cursor:pointer;}

.ddtj{color: #ff2b3f; font-size: 14px; padding: 0px 6% 20px;}
.ddtj img{vertical-align: middle; margin-right: 3px; margin-top: -2px; width: 20px; height: 20px;}
.ddtj b{font-size: 16px;}