/* 鏅�� */
/* @media (max-width:750px) { */


body {
	padding: 0;
	margin: 0;
	background: url("img/bg@3x.png"), #000000;
	background-size: 100%;
	background-blend-mode: luminosity;
	background-repeat: no-repeat;
}

input {
	outline: none;
}

.div {
	width: 100%;
	height: 100%;
}

/* carrymelogo */
.div05 {
	top: calc(13%);
	/* top: 123px; */
	left: calc(50% - 60px);
	position: absolute;
	text-align: center;
}

.div05 img {
	width: 126px;
	height: 23px;
	content: url("img/union@3x.png");
}

/* 鐢ㄦ埛澶村儚,鏄电О */
.div03 {
	top: calc(13% + 53px);
	width: 100%;
	position: absolute;
	text-align: center;
}

#img01 {
	width: 65px;
	height: 64px;
	content: url("img/group1621@3x.png");
}

#span01 {
	color:#FFFFFF;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
}

/* 鏂囧瓧鍥剧墖 */
.div06 {
	top: calc(13% + 150px);
	left: calc(50% - 117px);
	position: absolute;
	text-align: center;
}

.div06 img {
	width: 239px;
	content: url("img/Vector.png");
}

/* 杈撳叆妗� */
.div01 {
	top: 53%;
	left: calc(50% - 160px);
	position: absolute;
}

/* #img02 {
				vertical-align: bottom;
				width: 25px;
				height: 32px;
				content: url("img/鐐瑰嚮杈撳叆@3x.png");
				position: absolute;
				bottom: 0px;
				left: -36px;
			} */

.input01 {
	border: none;
	background: #161616;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-appearance: none;
	vertical-align: bottom;
	width: 320px;
	height: 60px;
	font-size: 13px;
	line-height: 14px;
	padding: 15px 20px;
	font-family: Noto Sans S Chinese;
	font-style: normal;
	font-weight: normal;
	color: rgba(255, 255, 255, 1);
}

.button01 {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	padding: 0;
	border: none;
	vertical-align: bottom;
	box-sizing: border-box;
	background-color: transparent;
	width: 60px;
	height: 60px;
	color: #63CCCE;
	font-family: Noto Sans S Chinese;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

/* Carrayme涓嬭浇 */
.div04 {
	top: calc(53% + 70px);
	left: calc(50% - 160px);
	position: absolute;
}

.button02 {
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	vertical-align: bottom;
	box-sizing: border-box;
	width: 320px;
	height: 46px;
	font-family: Noto Sans S Chinese;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	background: #63CCCE;
	border-radius: 4px;
}

/* 鎻愮ず鏂囧瓧 */
#layer {
	background-color: transparent;
	text-align: center;
	top: 60%;
	position: absolute;
	border: 0px solid black;
	font-size: 20px;
	color: red;
	width: 95%;
}

#myModal{
 display: none;
 position: fixed;
 z-index:1;
 left:0;
 top:0;
 width: 100%;
 height:100%;
 text-align:center;
 overflow: auto;
 background:rgba(0,0,0,0.5);
}
#myModal .modal{
 width: 300px;
 height:170px;
 position: relative;
 display:inline-block;
 top:40%;
 animation:animate 1s;
 /* font-size: 13px; */
}
.modal .modal-header{
 height:50px;
 background:white;
 color: #000;
 line-height:50px;
 border-bottom: 1px solid #000000;
}
.modal .modal-header p{
 display: inline-block;
 margin:0;
 position: absolute;
 left: 20px;
}
.modal .modal-header .close{
 position: absolute;
 right:20px;
 font-size: 20px;
 cursor:pointer;
}
.modal .modal-content{
 background: white;
 height:100px;
 text-align: center;
 line-height: 25px;
 border-top-left-radius:20px;
 border-top-right-radius:20px;
 display: table-cell;
 vertical-align: middle;
 width: 300px;
}
.modal .modal-content p{
 margin:0;
 padding-left: 10px;
 padding-right: 10px;
 /* padding-top:22px; */
}
.modal .modal-footer{
 /* position: relative; */
 height:50px;
 background: white;
 text-align: center;
 border-top: 1px solid #000000;
 border-bottom-right-radius:20px;
 border-bottom-left-radius:20px;
}

.modal .modal-footer .close{
 line-height: 50px;
 color: #63CCCE;
 cursor: pointer;
}

/*添加动画*/
/* @keyframes animate{
 from{top:0;opacity:0}
 to{top:40%;opacity:1}
} */

/* 澶� */
/* @media (min-width:751px) {} */