/* @import url("../../fonts/HuaWenYuanTi-REGULAR-2.css");
@import url("../../fonts/HuaWenYuanTi-Bold-2.css"); */
html {
	font-size:16px;
}
body {
	/* font-family: 'HuaWenYuanTi-REGULAR-2'; */
	background: #1c2a42;
	color: white;
	margin: 0 auto;
	text-align: center;
	font-size: 1.875rem;
	/* width: 45rem; */
	/* height: 80rem; */
}
.container {
   padding-right: 3.75rem;
   padding-left: 3.75rem;
   margin-right: auto;
   margin-left: auto;
}
.container:before,
.container:after {
  display: table;
  content: " ";
}
#top_bg {
	background: url(../../img/share/bind/bg_gray.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 5.625rem;
	width: 37.5rem;
	line-height: 5.625rem;
	vertical-align: middle;
	margin: 0 auto;
	overflow: hidden;
}
#yellow {
	color: #fff94e;
}#yellow_bold {
	/* font-family: "HuaWenYuanTi-Bold-2"; */
	color: #fff94e;
}
#space1 {
	height: 3.125rem;
}
#bag {
	background: url(https://cdnol.yingywz.com/stol/public/assets/img/share/bind/baghd.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 55.125rem;
	width: 37.5rem;
	margin: 0 auto;
}
#bag_top {
	padding-top: 1.875rem;
	height: 13.65rem;
	line-height: 4.375rem;
	font-size: 2.25rem;
}
#line_left {
	background: url(../../img/share/bind/line.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}
#line_right {
	background: url(../../img/share/bind/line.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: rotate(180deg);
	vertical-align: middle;
}
#bag_num {
	margin-top: 4rem;
}
#num {
	width: 25.1875rem;
	height: 7.0625rem;
}
#high {
	background: url(../../img/share/bind/bg_red.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	color: #fbe7b0;
	font-size: 1.5rem;
	margin-left: -3.125rem;
	vertical-align: top;
	display: inline-block;
	height: 2.1875rem;
	width: 4.625rem;
}
#avatar_bg_div {
	margin-top: 2rem;
}
#avatar_bg {
	background: url(../../img/share/bind/bg_avatar.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	height: 10rem;
	width: 10rem;
	margin: 0 auto;
	line-height: 8.75rem;
}
#avatar_div {
	vertical-align: middle;
	display: inline;
	line-height: 9rem;
}
#avatar {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	height: 8rem;
	width: 8rem;
	margin: 0 auto;
}
#quick {
	margin-top: -0.5rem;
}
#quick p {
	margin-top: -0.2rem;
}
#bag_phone {
	margin-top: 11rem;
	margin-left: 1.5625rem;
	margin-right: 1.5625rem;
}
#mobile_bg {
	background: url(../../img/share/bind/bg_white.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	height: 5.625rem;
	line-height: 5.625rem;
	width: 31.25rem;
	margin: 0 auto;
}
#phone {
	background: url(../../img/share/bind/phone.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	width: 1.5rem;
	height: 2.25rem;
	margin-left: 1.25rem;
	margin-top: 1.65rem;
	position: absolute;
}
#mobile {
	background-color: white;
	border-radius: 43rem;
	height: 5.375rem;
	line-height: 5.375rem;
	border: 0px solid white;
	text-align: center;
	color: #333333;
	font-size: 3rem;
	padding-left: 3.75rem;
	width: 31.25rem;
	text-align: left;
	outline:none;
	
}

#space2 {
	height: 1.875rem;
}
#btn_yellow {
	background: url(../../img/share/bind/btn_yellow.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	height: 6.0625rem;
	/* line-height: 6.0625rem; */
	width: 31.25rem;
	margin: 0 auto;
	/* font-family: "HuaWenYuanTi-Bold-2"; */
	font-size: 2.25rem;
	color: #E11A1B;
	border: 0px solid black;
	font-weight: bold;
}
#space3 {
	height: 4.825rem;
}
#buttom_bg {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}
#bag_done {
	margin-top: 5rem;
	margin-left: 1.5625rem;
	margin-right: 1.5625rem;
}
#btn_green {
	background: url(../../img/share/bind/btn_green.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	height: 6.0625rem;
	/* line-height: 6.0625rem; */
	width: 31.25rem;
	margin: 0 auto;
	/* font-family: "HuaWenYuanTi-Bold-2"; */
	font-size: 2.25rem;
	color: white;
	border: 0px solid black;
	font-weight: bold;
	display: none;
}
#div1{
    width: 100%;
    margin: auto;
    border: 0px solid black;
    overflow: hidden;   /*�������ø�����*/
}
.child{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 6.625rem;
}
.cover {
	background: url(../../img/share/bind/cover.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 10;
	display: none;
	position: absolute;
	color: white;
	margin: 0 auto;
	text-align: center;
	font-size: 3rem;
	line-height: auto;
	padding: 0;
	width: 45rem;
	height: 71.875rem;
	background-position: top;
	top: 0;
	left: 0;
}
#btn_gray {
	background: url(../../img/share/bind/btn_gray.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	height: 6.0625rem;
	/* line-height: 6.0625rem; */
	width: 31.25rem;
	margin: 0 auto;
	/* font-family: "HuaWenYuanTi-Bold-2"; */
	font-size: 2.25rem;
	color: white;
	border: 0px solid black;
	font-weight: bold;
	display: none;
}
#code {
	font-size: 4rem;
	font-weight:bold;
	color:rgba(255,248,229,1);
	text-shadow:0px 1px 0px rgba(255,255,255,0.63);
}
.copy {
	background: url(../../img/share/bind/copy.png?v=123);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0.8;
	z-index: 20;
	display: none;
	position: absolute;
	line-height: auto;
	padding: 0;
	width: 20.5rem;
	height: 8.26rem;
	border-radius: 5rem;
	border: none;
	top: 46.625rem;
	left: 12.25rem;
}