* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	max-width: 10rem;
	font-family: "PingFangSC", "Microsoft YaHei UI", "Helvetica Neue", Helvetica, STHeiTi, sans-serif !important;
	color: #454545;
	overflow-x: hidden;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
}

a,
ul,
li,
h1,
h2,
h3,
h4,
h5,
p,
img,
div,
input,
dl,
dt,
dd,
table,
th,
td,
ol,
form,
bdo,
em,
i {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}

a:link,
a:visited {
	text-decoration: none;
	color: #333;
	webkit-touch-callout: none;
}

a:hover {
	text-decoration: none;
	webkit-touch-callout: none;
}

a {
	margin: 0;
	padding: 0;
}

body {
	font-family: PingFangSC-Medium;
	font-weight: 500;
	background-color: #f3f3f3;
}

body input:disabled,
body textarea:disabled {
	background-color: #fff
}


.yuyuebox {
	height: auto;
	display: block;
	padding-top: 0.4rem;
}

.yuyuebox h2 {
	font-size: 0.36rem;
	color: #fff;
	line-height: 0.8rem;
	text-align: center;
	background-color: #f8334e;
	width: 4rem;
	display: block;
	margin: 0 auto;
	border-radius: 10px 10px 0 0;
}

.yuyueOrder {
	width: 8.4rem;
	margin-left: -4.5rem;
	background-color: #fff;
	border-radius: 10px;
	height: auto;
	display: block;
	padding: 0.4rem;
	box-shadow: 0 5px 20px #dedede;
	margin: 0 auto 0.4rem;
}

.yuyueOrder img {
	float: left;
	width: 2rem;
	height: 2rem;
	margin-right: 10px;
}

.yuyueOrder p.chanImg {
	overflow: hidden;
	font-size: 12px;
	line-height: 26px;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px dashed #eee;
	height: 2rem;
	color: #666;
}

.yuyueOrder ul {
	margin-top: 10px;
}



.shareInfo {
	background-color: #fef0f2;
	padding: 10px;
	color: #f8334e;
	font-size: 12px;
}

.shareInfo p {
	display: block;
	line-height: 22px;
}

.yuyueInfo{
}
.yuyueOrder ul li{
	border-bottom: 1px solid #f3f3f3;
	line-height: 22px;
	font-size: 0.36rem;
	color: #333;
	padding: 5px;
}
.yuyueInfo ul li{
	padding: 10px 5px;
}
.yuyueInfo ul li.jiantou{
background: url(../images/31.png) no-repeat 98% center;
    background-size: 0.2rem;
	}

.yuyueOrder ul li span{
	color: #999;
	font-size: 12px;
}

.submitbtn{
			width: 200px;
		  height: 40px;
		  background-color: #f3255a;
		  color: #fff;
		  font-size: 0.42rem;
		  text-align: center;
		  line-height: 40px;
		  -webkit-appearance: none;
		  border-radius: 40px;
		  margin: 0 auto 20px;
		  font-weight: bold;
		}
		
		.inputcss{
			width: 76%;
			height: 44px;
			display: inline-block;
			background-color: #f3f3f3;
		}
		
		
.mode-one{
    display:block;
	padding: 10px;
	background-color: #fff;
}

.mode-one .month{
	display: block;
    color:#333;
    background: fff;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	overflow: hidden;
}

.mode-one .nianyue{
	display: block;
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 1rem;
}
.mode-one .weeks{
	border-top: 1px solid #eee;
	background-color: #f3f3f3;
	color: #999;
	
}
.mode-one .huise{
	color: #999;
}

.mode-one .month .item{
	float: left;
    display:block;
    width:14.28%;
    text-align: center;
	padding: 10px 0;
	line-height: 22px;
    z-index: 2
}
.mode-one .month .item span{
	display: block;
	font-size: 10px;
	line-height: 12px;
	color: #4ca3ed;
	font-weight: normal;
}
.mode-one .month .item.yellow span{
	color: #ff7200;
}
.mode-one .month .active{
   
    background-color: red;
	color: #fff;
	
}