.modal-open {
	overflow: hidden;
}
.modal {
	outline: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; display: none; position: fixed; z-index: 1050; -webkit-overflow-scrolling: touch;
}
.modal.fade .modal-dialog {
	transition:transform 0.3s ease-out; transform: translate(0px, -25%); -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.modal-open .modal {
	-ms-overflow-x: hidden; -ms-overflow-y: auto;
}
.modal-dialog {
	margin: 10px; width: auto; position: relative;
}
.modal-content {
	outline: 0px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; position: relative; box-shadow: 0px 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); -webkit-background-clip: padding-box;
}
.modal-backdrop {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 1040; background-color: rgb(0, 0, 0);
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop.in {
	opacity: 0.5;
}
.modal-header {
	padding: 15px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; min-height: 16.42px;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-title {
	margin: 0px; line-height: 1.4285;
}
.modal-body {
	padding: 15px; position: relative;
}
.modal-footer {
	padding: 15px; text-align: right; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.modal-footer .btn + .btn {
	margin-bottom: 0px; margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0px;
}
.modal-scrollbar-measure {
	top: -9999px; width: 50px; height: 50px; overflow: scroll; position: absolute;
}
@media all and (min-width:768px)
{
.modal-dialog {
	margin: 100px auto; width: 600px;
}
.modal-content {
	box-shadow: 0px 5px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
	width: 300px;
}
}
@media all and (min-width:992px)
{
.modal-lg {
	width: 900px;
}
}
.form-horizontal .form-group::before {
	display: table; content: " ";
}
.form-horizontal .form-group::after {
	display: table; content: " ";
}
.form-horizontal .form-group::after {
	clear: both;
}


body {
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; -webkit-font-smoothing: antialiased;
}
.yzf-modal {
	width: 501px;
}
.modal-dialog {
	margin: 10px; width: auto; position: relative;
}
.yzf-modal .modal-content {
	background: url("yzf-modal.jpg") no-repeat 0px 0px / cover rgb(242, 242, 242); border-radius: 0px; border: 15px solid rgb(61, 72, 82); border-image: none; -webkit-background-size: cover; -webkit-border-radius: 0; -moz-border-radius: 0; -moz-background-size: cover; -o-background-size: cover;
}
@media all and (min-width:768px)
{
.modal-dialog {
	margin: 100px auto; width: 600px;
}
.modal-content {
	box-shadow: 0px 5px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
	width: 300px;
}
}
.yzf-modal .modal-content .modal-header {
	padding: 15px 10px 0px; text-align: center; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; position: relative;
}
.yzf-modal .modal-content .modal-header .close {
	top: 10px; right: 10px; margin-top: -12px; position: absolute;
}
button.close {
	background: none; padding: 0px; border: 0px currentColor; border-image: none; cursor: pointer; -webkit-appearance: none;
}
.close {
	color: rgb(0, 0, 0); line-height: 1; font-size: 21px; font-weight: bold; float: right; opacity: 0.2; text-shadow: 0px 1px 0px #fff;
}
.yzf-modal .modal-content .modal-header .close span {
	line-height: 1; font-size: 42px; font-weight: normal; display: block;
}
.yzf-modal .modal-content .modal-header h4 {
	color: rgb(58, 69, 79); font-size: 24px; font-weight: bold;
}
.yzf-modal .modal-content .modal-header h4 small {
	color: rgb(151, 151, 151); text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: normal; margin-top: 0px; display: block;
}
.yzf-modal .modal-content .modal-body {
	padding: 0px 55px 55px;
}
.form-horizontal .form-group {
	margin-right: -15px; margin-left: -15px;
}
.form-group {
	margin-bottom: 15px;
}
}
.yzf-modal .control-label {
	padding-top: 12px; font-size: 16px; font-weight: normal;
}
@media all and (min-width:768px)
{
.form-horizontal .control-label {
	text-align: right; padding-top: 7px; margin-bottom: 0px;
}
}
.col-xs-2 {
	width: 10%;
}
.col-xs-2 {
	float: left;
}
.col-xs-2 {
	padding-right: 5px; padding-left: 5px; position: relative; min-height: 1px;
}
.col-xs-10 {
	float: left;
}
.col-xs-10 {
	width: 70%;
}
.col-xs-10 {
	padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px;
}
.yzf-modal .form-control {
	border-color: rgb(156, 162, 167); border-radius: 2px; height: 34px; box-shadow: none; background-color: transparent; -webkit-box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: none;
}
.form-control {
	padding: 6px 12px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-image: none; width: 100%; height: 34px; color: rgb(85, 85, 85); line-height: 1.4285; font-size: 14px; display: block; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-image: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.col-xs-4 {
	width: 23%;
}
.col-xs-4 {
	float: left;
}
.col-xs-4 {
	padding-right: 29px; padding-left: 15px; position: relative; min-height: 1px;
}
.yzf-modal .btn-wrap {
	padding: 5px 15px 0px;
}
.yzf-modal .btn-wrap .btn {
	height: 44px; font-size: 18px; width:100%; padding:8px 49px;
}
.btn-gold {
	border-color: rgb(182, 148, 84); color: rgb(255, 255, 255); background-color: rgb(182, 148, 84);
}
.yzf-modal .form-disc {
	text-align: center; color: rgb(140, 139, 139);
}






.yzf-modal {
	width: 450px;
}
.yzf-modal.lg {
	width: 1022px;
}
.yzf-modal.lg .modal-content {
	background: url("modal-content-lg.jpg") no-repeat 0px 0px / cover rgb(239, 239, 239); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.yzf-modal .modal-content {
	background: url("yzf-modal.jpg") no-repeat 0px 0px / cover rgb(242, 242, 242); border-radius: 0px; border: 1px solid rgb(61, 72, 82); border-image: none; -webkit-background-size: cover; -webkit-border-radius: 0; -moz-border-radius: 0; -moz-background-size: cover; -o-background-size: cover;
}
.yzf-modal .modal-content .modal-header {
	padding: 15px 10px 0px; text-align: center; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; position: relative;
}
.yzf-modal .modal-content .modal-header .close {
	top: 10px; right: 10px; margin-top: -12px; position: absolute;
}
.yzf-modal .modal-content .modal-header .close span {
	line-height: 1; font-size: 42px; font-weight: normal; display: block;
}
.yzf-modal .modal-content .modal-header h4 {
	color: rgb(58, 69, 79); font-size: 24px; font-weight: bold;
}
.yzf-modal .modal-content .modal-header h4 small {
	color: rgb(151, 151, 151); text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: normal; margin-top: 0px; display: block;
}
.yzf-modal .modal-content .modal-body {
	padding: 0px 55px 55px;
}
.yzf-modal .control-label {
	padding-top: 12px; font-size: 16px; font-weight: normal;
}
.yzf-modal .form-control {
	border-color: rgb(156, 162, 167); border-radius: 2px; height: 34px; box-shadow: none; background-color: transparent; -webkit-box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: none;
}
.yzf-modal .form-control:focus {
	border-color: rgb(182, 148, 84);
}
.yzf-modal .form-textarea {
	height: 100px; resize: none;
}
.yzf-modal .btn-wrap {
	padding: 5px 15px 0px;
}
.yzf-modal .btn-wrap .btn {
	height: 44px; font-size: 18px; width:100%; padding:8px 49px;
}
.yzf-modal .form-disc {
	text-align: center; color: rgb(140, 139, 139);
}