body,html{
	background: #fff;
}
.body{
	color: #333;
	background: #fff;
}
.header{
	background: url("../img/top.png") no-repeat;
	background-size: 110% 100%;
	background-position: center;
	display: flex;
	flex-direction: column;
	height: 384px;
	
}
.top{
	margin-top: 20px;
}
.title{
	padding: 10px 0;
}
.exbnum{
	padding: 0px;
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
	padding-bottom: 10px;
}
.logo{
	max-width:150px;max-height:40px
}
.name{
	width:90%;margin:0 auto
}
.num{
	line-height: 40px;
}
.timeadd{
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
}

.time{
	width: auto;
	height: 16px;
}
.add{
	width: 150px;
	max-height: 30px;
}
.black{
	text-shadow: 1px 1px 0px #333;
}
.mui-table-view-cell:after,.mui-table-view:before{
	background-color: #db0111;
}
.mui-table-view-cell:after{
	right: 15px;
}
.block{
	display: block;
	margin-top: 10px;
	letter-spacing: 2px;
}
.mui-h2,.mui-h3,.mui-h4,.mui-h5,.mui-h6{
	color: #333;
}
.mui-content{
	background: #fff;
}
.xing{
	font-weight: bold;
	color: #db0111;
	font-size: 20px;
}
.font{
	font-family: sans-serif;
	font-style: italic;
	padding: 10px 0 0px;
}
.font1{
	font-family: sans-serif;
	font-style: italic;
	padding: 0px 0 15px;
}
.mui-card-header>img:first-child{
	width: auto;
}
.mui-card-header.mui-card-media .mui-media-body{
	line-height: 34px;
}
.content{
	flex-direction: column;
}
.pic{
	/*width: 70%;*/
	max-height: 200px;
	vertical-align: middle;
}
.mui-card-content .pic{
	padding: 5px;
	width: 100%;
}
.desc{
	text-align: justify;
}
.desc .padding0{
	padding: 1px 15px;
}

.pro-img{
	width: 100%;
	max-width: 200px;
}
.guimo{
	width: 96%;
	margin: 0 auto;
}
.mui-list-inline{
	/*padding-left: 5%;*/
}
.pl5{
	padding-left: 5%;
}
.flexc{
	display: flex;
	flex-direction: column;
}
.mui-list-inline li{
	margin-top: 15px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.info>.mui-h3{
	padding-top: 20px;
}
.left20{
	padding-left: 20px;
}
p.mui-h3.left20.xing{
	margin: 0;
}
p.mui-h5.left20.xing {
    font-size: 14px;
    font-weight: 200;
}
.mui-list-inline .info-item{
	width: 48%;
	text-align: center;
	padding-left: 5%;
	padding-top: 20px;
}
.mui-list-inline  .iconfont{
	color: #db0111;
	font-size: 32px;
    line-height: 40px;
}
.mui-list-unstyled .pro-img-div{
	height: 150px;
    max-width: 150px;
    text-align: center;
    height: 200px;
    max-width: 200px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.mui-list-unstyled .pro-img{
	max-height: 100%;
    width: auto;
    max-width: 100%;
    align-self: center;
}
.mui-list-unstyled .pro-title{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 600;
  color: #333;
}
.mui-input-group .mui-input-row:after{
	background-color: #db0111;
	right: 15px;
}
/*.mui-card-footer:before, .mui-card-header:after{
	background-color: #db0111;
}*/
.mui-list-unstyled .pro-desc{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  --webkit-line-clamp: 5;
    padding: 0 15px;
    text-align: justify;
    /*text-indent: 10px;*/
  -webkit-box-orient: vertical;
  color: #555;
}
.pro-desc p{
	color: #555;
	margin: 0;
}
.mui-text-left .content-cn{
	text-align: justify;
	/*text-indent: 16px;*/
}
.mui-text-left .content-cn p{
	color: #333;
}
.mui-text-left .content-en{
	margin-top: 10px;
	/*text-indent: 16px;*/
	text-align: justify;
}
.mui-list-inline .mui-input-row{
	width: 32%;
}
.mui-list-inline .mui-input-row:after{
	background: none;
}
.mui-list-inline .mui-radio label{
	padding-left: 0px;
    margin-left: 25px;
}
.mui-radio input[type=radio]{
	right: 0;
	left:0 !important;
}
.mui-radio label{
	padding-right: 0;
}
.mui-input-row label{
	width: 20%;
}
.mui-checkbox label, .mui-radio label{
	width: 100%;
}
.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{
	width: 80%;
}
.mui-input-group .textarea{
	height: 80px;
}
.footer{
	height: 220px;
	padding-top: 40px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	width: 88%;
	margin: 0 auto;
}
.vcode{
	width: 90px;
	height: 140px;
}
.vcode p {
	margin: 0
}
.ads{
	height: 140px;
}
.ads .pro-img{
	max-width: 220px;
}
.flex{
	display: flex;
	position: fixed;
	bottom: 0;
	left:0;
	width: 100%;
	/*height: 200px;*/
}
.none{
	display: none;
}
.btn{
	width: 50%;
	border-radius: 0;
	height: 50px;
	/*border-radius: 35px;
    width: 70px;
    height: 70px;
    padding: 5px;
    margin-top: 20px;*/
}
.mui-input-group .mui-button-row {
     height: auto; 
}
button.mui-btn.mui-btn-primary{
	width: 50%;
    padding: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}
img.time{
	display: none;
}
p.date{
	color: #db0111;
    font-size: 18px;
}
span.day{
	font-weight: 600;
}