
@media only screen and (max-width: 757px) {
	.menu{
		min-width: 80%;
		width: 80%;
		height: 2.7rem;
		white-space: nowrap;
		display: block;

	}
	.timeBox{
		width: 100%;
		height: 1rem;
		margin: .5rem auto 0;
		text-align: right;
		line-height: .8rem;
		font-size: .5rem;
	}
	.payoutLimit{
		width: 100%;
		height: 1rem;
		margin: auto;
		text-align: center;
		line-height: .8rem;
		font-size: .5rem;
	}
	.menu_ul{
		width: 100%;
		display: inline-block;
		display: inline-flex;
		height: auto;
		overflow-x: auto;
		margin: auto;

	}
	#check_lable{
		background: none;
		width: 1rem;
		height: 1rem;
		padding: 0px;
	}

	.menu_li{
		float: left;
		height: 100%;
		line-height: 2.7rem;
		font-weight:600;
		font-family: "Ubuntu";
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}
	.li_marge{
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}
	.logo{
		width: 100%;
	}
	.banner{
		width: 100%;
	}
	.banner_backgrounds {
		position: absolute;
		transform-style: preserve-3d;
		z-index: -1;
		top: 0;
		left: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
		/* background: url(/img/logo_background.png) no-repeat  center fixed; */
		background-image: url(../img/logo_background.png);
		background-position: center;
		/* -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important; */
		/* background-size: 100% !important; */
		background-size: auto 100%  !important;
	}


	.left_list{
		clear: left;
		/* display: none; */
		width: 100%;
		/* display: block; */
		display:none;
	}
	.list_unit{
		list-style: none;
		width:96%;
		height: 50px;
		margin: auto;
		margin-bottom: 0px;
		/* background-color: red; */
		clear: all;
		background-position: center;
		background-size: cover;
		background-image: none;
		border-bottom: 1px solid white;
		text-align: left;
		line-height: 50px;
		border-radius: 0;
		color: #FFFFFF;
		padding-left: .5rem;
		padding-right: .5rem;
		font-family: "Titania";
		font-size: 1.2rem;
	}
	.button_box{
		margin-top: 10px;
	}
	.active{
		/* background-color: #0c4a0c; */
		background-size: 80%;
		transform: scale(0.97);

	}
	.menu_list li:hover{
		color: white;
		background-color: none;
		/* background-color: transparent; */
		cursor:pointer
	}
	.menu_list li:active{
		background-color: none;
		background-image: none;
		/* background-image: url(/img/bullet_active.png); */
	}

	.right_content{
		position: unset;
		clear: all;
		height: auto;
		display: flex;
		flex-flow: row-reverse wrap;
		align-items: center;
		margin-left:0;
		margin-top: 10px;
		width: 100%;
	}
	.menu_list{
		width: 100%;
		height: auto;
		/* overflow: hidden; */
		margin: 0;
		margin-bottom: 2px;
		padding: 0px;
		position: relative;


	}
	.menu_list li a{
		color: white;
		width: 100%;
		display: inline-block;
		text-transform: uppercase;
		/* position: relative; */
		/* background-color: #0c4a0c; */
	}

	.menu_list li a:hover{
		/* transform:scale(0.97); */
	}
	.menu_list li a:active{
		background-color: #0c4a0c;
		box-sizing: border-box;
		padding: 0 14px;
		transform:scale(0.97);
	}

	.active_a{
		/* padding: 0 .5rem; */
		width: 100%;
		box-sizing: border-box;
		padding: 0 14px;
		background-color: #0c4a0c;
		transform:none !important;
	}
	#login_left{
		display: block;
	}
	.icon{
		position: absolute !important;
		right: 20px;
		top: 14px;
		width: 20px !important;
		height: 20px !important;
		/* background-color: orangered;*/
		background-image: url(../img/select_fold.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 2;
	}
	.content_base{
		width: 100%;
		height: auto;
	}
	.right_list_content{
		width: 50%;
		margin: 0;
		min-width: 50%;
		max-width: 15rem;
		margin-bottom: 1px;
	}
	/* label{
		font-size: .6rem;
		background-size: 100%;
	} */
	#right_content_p {
		color: #fff;
		font-family: "Ubuntu";
		font-weight: 600;
		font-size: 18px;
		line-height: 32px;
		position: relative;
		text-align: center;
		padding: 0;
		margin: 15px 0;
		height: auto;
		width: 100%;
		white-space: pre-line;
		word-break: break-all;
		word-wrap: break-word;
		/* width: 720px; */
	}
	.mantle_loading>img{
		position: relative; left: 47%;
	}

	#towebshop {
		position: relative;
		cursor: pointer;
		z-index: 150;
		display: block;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font: 24px "Ubuntu";
		line-height: 16px;
		color: #fff;
		width: 70%;
		padding: 20px 45px;
		margin: 10px auto 20px auto;
		height: auto;
		line-height: 25px;
		min-height: 100px;
		background: url(../img/button.png) no-repeat;
		background-size: 100% 100%;
		border: none;
		text-shadow: 3px 3px 0 #000;
		letter-spacing: 2.5px;
		text-transform: uppercase;
		transition: all 0.15s ease-in;
		-moz-transition: all 0.15s ease-in; /* Firefox 4 */
		-ms-transition: all 0.15s ease-in; /* IE 9 */
		-webkit-transition: all 0.15s ease-in; /* Chrome, Safari, Opera */
	}

	label{
		background-image: url(../img/discount_Ribbon.png);
		background-repeat: no-repeat;
		background-size: auto 100%;
		display: inline-block;
		width: 100%;
		height: 1.6rem;
		color: #000000;
		text-align: left;
		line-height: 1.6rem;
		padding-left: 10px;
		box-sizing: border-box;
		/* add the discount flag  delete the next line*/
		/* display: none; */
	}
	.login{
		display: none;
	}
	.login_box{
		width: 100%;
	}
	.sub{
		width: 100%;
	}
	.check_box{
		width: 100%;
	}
	.login_out{
		display: none;
	}
	.login_out_list{
		display: none;
	}
	#login_number{
		display: none;
	}
	#login_out_btn{
		display: none;
	}
	.footer_h3{
		padding-left: 0;
	}
	h3{
		position: relative;
		left: 0;
		right: 0;
		color: #ffc000;
		/* font-family: "Titania" !important; */
		font-size: 28px;
		line-height: 48px;
		text-align: left;
		height: 100%;
		line-height: 48px;
		margin: auto 0;
		padding-left: 3rem;
		box-sizing: border-box;
	}
	.h3_list{
		width: 100%;
		height: 48px;
		display: block;
	}
	.icon_top{
		position: absolute !important;
		left: 15px;
		top: 13px;
		width: 20px !important;
		height: 20px !important;
		/* background-color: orangered;*/
		background-image: url(../img/select_fold.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 20;
	}

	/* .check_span{ */
	/* font-size: 1.0rem;
    line-height: 14px;
    margin-top: -10px; */
	/* overflow: hidden;  */
	/* white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left; */

	/* margin-top: 0px; */
	/* } */







	/*新增限时累充页面布局*/
	.pointRewardView{
		/*position: relative;*/
	}
	.pointRewar_Title{
		position: relative;
		width: max-content;
		color: white;!important;
		font-weight: bolder;
		font-size: 1.8rem;
		margin:  0 auto 2rem;


	}
	.pointReward_illustrate{
		color: white;!important;
		font-weight: bolder;
		font-size: 1.2rem;
	}
	.pointRewar_Title img{
		position: absolute;
		right: -14%;
		top :5px;
		width: 1.2rem;
	}
	.pointRewar_Title div{
		position: absolute;
		right: -25%;
		bottom :-0.5rem ;
	}
	thead{
		display: none;
	}
	/*.pointRewar_Title span{*/
	/*	position: absolute;*/
	/*	right: -25%;*/
	/*	bottom :-1rem ;*/
	/*}*/
	.clamAllBox{
		box-sizing: border-box;
		position: unset;
		width: 100%;
		height: auto;
		margin: auto;
	}
	.clamAllBox img{
		width: 100%;
		display: none;
	}
	.clamAllBox button{
		border-radius: 5px;
		background: linear-gradient(#33d619, #19740a);
		color: white;
		font-weight: bolder;
		height: 2.2rem;
		width: 100%;
	}
	.clamPrompt{
		text-align: left;
		color: white;
		font-size: 1rem;
		margin:10px;
		line-height: 40px
	}

	.scheduleBox{
		width: 88%;
		margin: 0 auto 2rem;
		padding: 0 0 1rem 0;
		border-collapse: collapse
	}
	.scheduleBox tr{
		height: 2.2rem;
	}
	.scheduleBox tr td{
		border: 1px solid white;
		position: relative
	}
	.scheduleBox tr td span{
		position: absolute;
		bottom: -1rem;
		right:-1rem;
		color: white;
		z-index: 99
	}

	.scheduleInfoBox{
		width: 90%;
		margin: 2rem auto;
		/*border-collapse: collapse;*/
		border-collapse: separate;
		border-spacing: 0px 2.6rem;
		color: white;
		text-align: center;
		font-size: 1rem;
	}
	.scheduleInfoBox tr {
		position: relative;

	}
	.scheduleInfoBox tr td:nth-child(1){
		position: absolute;
		height: 2rem;
		line-height: 2rem;
		top: -2.2rem;
		border: none;
	}
	.scheduleInfoBox tr td{
		border: 1px solid white; !important;
		height: 2rem;
	}
	.scheduleInfoBox tr td:nth-child(2){
		width: 75%;
	}
	.scheduleInfoBox tr td:nth-last-child(1){
		border: 1px solid white;
		border-left: none;
	}
	.scheduleInfoBox tr td:nth-last-child(1) button{
		border-radius: 5px;
		background: linear-gradient(#33d619, #19740a);
		color: white;
		font-weight: bolder;
		height: 1.8rem
	}



}
@media only screen and (max-width: 1000px) {
	.right_list{
		display: none;
	}
}
