html{
	text-align: center;
}
body{
	padding: 0;
	margin: 0 auto;
	max-width: 750px;
	text-align: left;
}
*{
	margin: 0;
	padding:0
}
.header {
	width: 100%;
	height: 60px;
	padding: 10px;
	box-sizing: border-box;
	font-size:25px;
	position:relative;
	display: flex;
	align-items: center;
}

 .header_left {
	 flex:1;
 }
 .header_title {
	display: flex;
	align-items: center;
 }
 .header_title strong{
	font-size:24px;
	 font-style:italic;
	 font-weight:bold;
 }
 .header_title img {
	display: block;
	margin-left: 10px;
	height:24px;
 }
 .header_url {
	display: block;
	margin-top: 0;
	 font-size:14px;
	 font-weight:bold;
	 color:#BCBCBC;
 }


 .header_right {

 }

 .desk_btn {
	width:90px;
	height:36px;
	background-color:#E3E3E3;
	border:1px solid #E3E3E3;
	border-radius:20px;
	display: flex;
	align-items: center;
	justify-content: center;
 }
 .header_right_img {
	 width:20px;
 }
 .desk_word {
	 font-size:15px;
	 margin-left:6px;
	 font-weight:bold;

 }

.content {
	width:100%;
	background-image: url('../images/bjt.png');
	background-repeat:no-repeat;
	background-position: top center;
	position: relative;
}
 .user {
	 position:absolute;
	 width:100%;
	 top:230px;
	 border:1px solid;
	 border-bottom-style:none;
	 border-left-style:none;
	 border-right-style:none;
	 border-top-left-radius:30px;
	 border-top-right-radius:30px;
	 background-color:#F6F6F6;

 }
 .purchase_user {
	height:auto;
	margin:15px;
	padding:10px 20px;
	border-radius:30px;
	background-color:#F0F0F0;
	border: rgba(0,0,0,.07) 1px solid;
	display: flex;
	align-items: center;
	justify-content: space-between;
 }

 .purchase_user_left {
	font-size: 14px;
 }
 .purchase_user_box{
	display: flex;
	align-items: center;
	padding-bottom: 8px;
 }
 .purchase_user_box .role_name{
	font-size: 16px;
	font-weight: bold;
 }
 .server_area {
	padding:2px 10px;
	margin-left: 10px;
	text-align: center;
	background-color:#FFFFFF;
	font-size:12px;
	border:1px solid rgba(0,0,0,.3);
 }
 .role_change {
	 margin-left:10px;
	 width: 22px
 }

 .purchase_user_right .login_btn_1 {
	width:90px;
	height:36px;
	line-height: 36px;
	text-align: center;
	align-items: center;
	background-color:#366E93;
	font-size:14px;
	border:none;
	border-radius:18px;
	color:#fff
 }

 .tab_change{
	 width:100%;
	 height: 60px;
	 text-align: center;
 }
 .tabbtn {
	height: 44px;
	margin:0 40px;
	font-size:16px;
	font-weight:bold;
	border:none;
	background-color: transparent;

 }
 .dj {
	 color:#030303;
     border-bottom: 1px solid black;
 }
 .jf {
	 margin-left:8px;
	 color:#B9B9B9;
 }

 .produce {
	position:relative;
	top:600px;
	width:100%;
	height:100%;
	background-color:#F6F6F6;
 }
 .produce_buy_tab {
	display: flex;
	flex-wrap: wrap;
	padding: 10px
 }
 .produce_redeem_tab {
	display: none;
	flex-wrap: wrap;
	padding: 10px
 }

 .product{
	margin:10px;
	text-align: center;
	border-radius:15px;
	width:calc(33.3% - 20px);
	font-size:12px;
	position:relative;
 }
 .product_up {
	background-color:#E7E7E7;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border: #ccc 1px solid;
	border-bottom: none;
 }
 .product_down {
	height:36px;
	background-color:#42454B;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
 }
 .product_img {
	height:60px;
	margin-top: 15px;
 }
 .free_img {
	 position: absolute;
	 width:50px;
	 top:-16px;
	 right:-15px;
	 z-index: 100;
 }
 .free_num {
	position:absolute;
	top:-1px;
	right:-1px;
	color:#F6F6F6;
	font-weight:bold;
	z-index:100;
 }

 .limit_num {
	position:absolute;
	top:6px;
	left:6px;
	font-weight:bold;
	z-index:100;
 }
 .product_name {
	color:#333;
	padding-bottom: 5px;
 }
 .product_price {
	padding-top: 8px;
	color:#F6F6F6;
	font-size: 14px;
 }

 .company {
	background-color: #42454B;
	height:90px;
	text-align:center;
	font-size:14px;
	margin-top:20px;
	padding:10px;
	color:#F6F6F6;
 }
 .company p{
	 margin: 5px;
 }
 .company a{
	 color: white;
 }

button:hover {
	border: 1px solid #e4dafb;
}

 button:active {
	 transform: translateY(2px);
 }
 .lottery_mobile_top{
	 display: flex;
	 justify-content: space-between;
 }

.lottery_mobile_bottom {
	width: 100%;
}

.dashed-outline {
	width: 100%;
	outline: 1px dashed #000; /* 2px 宽度，虚线样式，黑色 */
}

.lottery {
	height:auto;
	margin:15px;
	padding:10px 20px;
	border-radius:30px;
	background-color:#F0F0F0;
	border: rgba(0,0,0,.07) 1px solid;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lottery_show {
	display: flex;
}
.pc_lottery_img img{
	width: 80px;
	height: 80px;
}

.mobile_lottery_img img{
	width: 64px;
	height: 64px;
}

 .lottery_box{
	padding: 15px 20px;
 	font-size: 14px;
 }

 .lottery_left {
	display: flex;
 	font-size: 14px;
 }

 .lottery_patricipate_num {
	 font-size: 10px;
	 align-items: center;
	 color:#ED7C30;
 }
 .lottery_box .lottery_name{
 	font-size: 14px;
 	font-weight: bold;
 }

 .lottery_desc {
 	padding:2px 0px;
 	text-align: left;
 	font-size:12px;
 }
 .lottery_time {
 	padding:2px 0px;
 	text-align: left;
 	font-size:10px;
 }
 .lottery_right {
	 text-align: center;
 }

 .lottery_btn {
 	line-height: 36px;
 	text-align: center;
 	background-color:#ED7C30;
 	font-size:14px;
 	border:none;
 	border-radius:18px;
 	color:#fff
 }
.lottery_btn_pc {
	width:90px;
	height:36px;
}
.lottery_btn_mobile {
	width:90px;
	height:36px;
}

 .notice {
 	height:auto;
 	margin:15px;
 	padding:10px 20px;
 	border-radius:30px;
 	background-color:#F0F0F0;
 	border: rgba(0,0,0,.07) 1px solid;
 	display: flex;
 	align-items: center;
	font-size: 10px;
 }
 .notice_content {
	 margin-left: 10px;
 }