@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
body{margin: 0 auto;max-width: 640px;min-width: 320px;position: relative;background-image: linear-gradient(#F9782B, #EA1F27);background-color: red;}
img{border:0; vertical-align:middle;}
a{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
input[type=button],input[type=submit],input[type=file],button{ cursor: pointer;  outline:none; -webkit-appearance: none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table {line-height: 20px; border-collapse: collapse; border-spacing: 0; border: 1px solid #ffffff; color: #fff;text-align: center;font-size:14px;}

/* votebox */
.votebox{margin-left:15px;text-align:left;position:relative;z-index:66;    padding: 15px;
    background: #fff;}
/* 进度条 */
.barbox{height:16px;line-height:16px;overflow:hidden;}
.barbox dt a{color:#0048CC;}
.barbox dd{float:left;}
.barbox dd.last{color:#999;}
.barbox dd.barline{width:98%;background: #cecece;height:16px;overflow:hidden;display:inline;border-radius:20px;}
.barbox dd.barline div.charts{height:16px;overflow:hidden;background: #ff5842;border-radius:20px;}
.barbox dd.barline div input.charts{height:16px;overflow:hidden;background: #ff5842;border-radius:20px;}

/*进度条*/
/*添加数量*/
.itme input {
    display: block;
    width: 120px;
    height: 52px;
    background: #f26201;
    border: none;
	color:#FFF;float: left;border-top-left-radius: 100px;border-bottom-left-radius: 100px; border: 0px solid #f26201;font-size: 18px; 
}
.itme{float: right;}
	.clearfix:after {
		display: block;
		content: '';
		clear: both;
	}
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}
	li {
		list-style: none;
	}
	#app { 
		background:#FFF; padding:10px;    float: left;
	}
	.minInput {
		margin-top: 50px;
	}
	.priceFrom {
		display: inline-block;
		border: 0px solid pink;
		border-radius: 20px;
	}
	
	.priceFrom input {
		width: 50px;
		height: 30px;
		border: 1px solid red;
		/* padding-left: 20px; */
		padding:0 5px;
		margin: 0 10px;
		font-size: 20px;    
		color: #fe0026;
		text-align: center;
	}
	.priceFrom span {
		width: 30px;
		height: 30px;
		background: #fe0026;
		color: #fff;
		text-align: center;
		font-size: 30px;
		line-height: 28px;
		border-radius: 100px;font-weight: bold;
	}
	
	.priceFrom a {
		width: 30px;
		height: 30px;
		background: #fe0026;
		color: #fff;
		text-align: center;
		font-size: 30px;
		line-height: 28px;
		border-radius: 100px;font-weight: bold;
		text-decoration:none; 
	}
	
	input:focus {
		outline: -webkit-focus-ring-color auto 0px;
	}
	
	.footer {
		margin-top: 10px;
		font-size: 14px;
	}
	
	.footer input {
		margin-right: 5px;
	}
	
	.goodsNum {
		display: inline-block;
		margin-left: 20px;
	}
	
	.goodsNum span {
		color: red;
	}
	.active{
		border:1px solid #A52A2A;
	}
	
	/*切换*/
.card_cont{width:100%; margin-top:0.6em;}
.card_cont ul, .card_cont ol{ display:block; clear:both; }
.card_cont .card_name li{display:block; float:left; width:33.333%; background:#fff; padding:0.9em 0 1.2em 0; text-align:center; cursor:pointer;   
    white-space: nowrap;
    overflow: hidden;}
.card_cont .card_name .card_name_on{border-bottom: 4px solid #fe0026; color:#fe0026;}
.card_cont .card_font li{ display:none; }
.card_cont .card_font{padding:10px;}
.ssyhd_bt{ padding:10px; color:#FFF;clear:both; margin:10px; font-size: 14px;}
.ssyhd_bt b{font-weight: 100; font-size: 12px;}
.hdann{ float: right; margin-top: 10px;}
.hdann a{ color:#FFF;padding:5px 20px;border:1px solid #efcb25;border-radius: 10px;}
.xsyhd_ww{background:#fff; margin:10px;border-radius: 10px;margin-top: -7%;}
.xsy_bt{ text-align:center; color:#666;}
   .ssyhd_ys{ margin:0 auto; text-align:center;}
	   .ssyhd_ys p{ color:#FFF; text-align:center;margin-top: -7%;font-weight: bold;    font-size: 20px;}
       .xsy_bt{ padding-top:13%;}
	   @media only screen and (min-width: 900px) and (max-width: 891px) { .ssyhd_ys p{ margin-top: -7%;}.xsyhd_ww{ margin-top: -10%;} .xsy_bt{ padding-top:13%;}}
@media only screen and (max-width: 600px) { .ssyhd_ys p{ color:#FFF; text-align:center;margin-top: -9%;} .xsyhd_ww{ margin-top: -6%;} .xsy_bt{ padding-top:10%;}}

/*添加数量*/
.ssyhd-wrapper{background:#FFF;}
.ssyhd{ background:#FFF;}
.ssyhd ul li{ background:#FFF;display: -webkit-inline-box;  display: inline; float: left; width: 33.3333%;text-align: center;color: #666;
text-decoration: none;padding: 0% 0% 2% 0%; font-size: 16px;}
.ssyhd ul li b{  display: block; width: 50%; margin: 0px auto 0px;color:#666;}
.ssyhd ul li p{ text-align:center;}
.margin_h{margin-bottom:18%}
 @media only screen and (min-width: 900px) and (max-width: 891px) {.margin_h{margin-bottom:18%}}
@media only screen and (max-width: 600px) { .margin_h{margin-bottom:20%}}
/*向上滚动*/
.scrollbox{ width:100%; margin: 0 auto; overflow: hidden;  }
#scrollDiv{width:100%;height:415px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv dd{ padding:10px 0px; border-bottom:#B7B7B7 dashed 1px;font-size:14px;}
.scrollbox dl dd h3 span{ padding-left:2px;font-weight:100;font-size:12px;float: right;}
.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(http://m.10039.cc/fw/bl/qtbl/one_purchase/images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(http://m.10039.cc/fw/bl/qtbl/one_purchase/images/down.gif) no-repeat 0 0; text-indent:-9999px}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
 <!--我的参与-->
.wdcy_cs { text-align:center;}
.wdcy_cs p{ text-align:center; padding:20px; font-weight: bold;color:#f08519; font-size:24px;}
.wdcy_cs span{ text-align:center; color:#666;}
.wdcy_cs span b{ color:#FFF; background:#fe0026;border-radius: 100px; width:20px;padding: 2px 8px;}
.djm_xq{padding: 10px 0px 80px 0px; display: -webkit-inline-box; text-align:center; margin:0 auto;}
.djm_xq_p{ color:#fe0026;clear:both; padding:10px;font-weight: bold;}
.djm_xq dl{clear:both; text-align:center; margin:0 auto;}
.djm_xq dl dd{ margin:5px;border-radius: 10px;background:#eeeeef; color:#333; padding:10px;  display: -webkit-inline-box;text-align: center;}
 <!--我的参与-->
  <!--我的奖品-->
 .wdjp_xq{ margin:5px;}
 .card_font li .wdjp_xq{ padding-bottom:50px;}
.wdjp_xq dl dd{border-radius: 10px;border: 1px solid #f39b43; padding:10px; color:#666; margin:10px 0px;background-size: 28%;}
.wdjp_xq dl dd p span{font-weight: bold; color:#fe0026;}
.hdqs_xq span{ float:right; color:#FFF;font-weight: bold;padding-top: 5%; margin:0px 10px;}
 <!--活动期数--> 
.hdqs_xq span{ float:right; color:#FFF;font-weight: bold;padding-top: 5%; margin:0px 10px;}
.hdqs_ww{border-radius: 10px; background: #FFF; text-align:center; margin:20px auto 0px auto;   display: -webkit-box; width: 95%;}
.hdqs_ys{border-radius: 10px; background: #FFF; text-align:center; margin:0 auto;width: 100%;}
.hdqs_ys ul li{ float: left; width: 25%;text-align: center; color: #666;text-decoration: none; padding:20px 0px; font-size: 16px;}
.hdqs_ys ul li b{font-weight: 100;}
.hdqs_ys ul li p{ padding-top:5px;font-weight: bold;font-size: 16px;}

.red{
	background-color: #FFF;
	margin: 20px auto 0px auto;
	border-radius: 10px;width: 95%;
	min-height: 20px;
}
.red b{
	color: red;
	margin-left: 10px;
}
.red ul li{
	border-bottom: 1px solid #CCC;
	padding: 5px;
	margin: 0 10px;
}
.red div:nth-child(2){
	padding: 10px;
}


.bg{
    width: 100%;
    height: 100%; 
    background: rgba(0,0,0,0.3);
    position:fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
#main2Content{
    border-radius: 10px;
    background-color: #FFF !important;
    width: 90%;
    overflow: hidden;
    position:absolute;
    top:15%;
    left:0;
    right:0;
    margin:0 auto;
}
@media screen and (min-width: 800px) {
    #main2Content {
		width: 35%;
    }
}
.input_box input{
    display: block;
    border: none;
    border-bottom: 1px solid #cccccc;
    margin:12px auto;
    width: 90%;
    height: 30px;
    font-size: 14px;
}
#login{
 background-color: orange;
 color: #FFF;
 border-radius: 20px;
 width: 30%;
 display: block;
 margin: 12px auto;
 text-align: center;
 font-size: 16px;
 padding: 10px;
}
#lostPwd{
    display: block;
    text-align: right;
    margin-right: 20px;
}
.Tips{
    width: 90%;
    margin: auto;
    padding-bottom: 10px;
    font-size: 12px;
}

.NonUser{
	text-align: center;
	padding: 30px 10px;
}

.NonUser .NonUserBtn{
	display: flex;
	justify-content: space-around;
}

.NonUser .NonUserBtn div{
	border:1px solid #cccccc;
	padding: 10px 25px;
	margin-top: 30px;
	border-radius: 25px;
}

.NonUser .NonUserBtn div:nth-child(1){
	color: red;
	border-color: red;
}

.queding{
	text-align: center;
	padding: 30px 10px;
}
.queding .NonUserBtn{
	display: flex;
	justify-content: space-around;
}

.queding .NonUserBtn div{
	border:1px solid #cccccc;
	padding: 10px 25px;
	margin-top: 30px;
	border-radius: 25px;
}

.queding .NonUserBtn div:nth-child(1){
	color: red;
	border-color: red;
}

.queding>div:nth-child(1){
	padding: 10px;
}



.money{
	text-align: center;
	padding: 30px 10px;
}
.money .NonUserBtn{
	display: flex;
	justify-content: space-around;
}

.money .NonUserBtn div{
	border:1px solid #cccccc;
	padding: 10px 25px;
	margin-top: 30px;
	border-radius: 25px;
}

.money .NonUserBtn div:nth-child(1) a{
	color: red;
	border-color: red;
}

.money>div:nth-child(1){
	padding: 10px;
}




.warning{
	text-align: center;
	padding: 30px 10px;
}
.warning .NonUserBtn{
	display: flex;
	justify-content: space-around;
}

.warning .NonUserBtn div{
	border:1px solid #cccccc;
	padding: 10px 35px;
	margin-top: 30px;
	border-radius: 25px;
}

.warning .NonUserBtn div:nth-child(1) a{
	color: red;
	border-color: red;
}

.warning>div:nth-child(1){
	padding: 10px;
}