@charset "utf-8";
html,
body {
margin: 0;
height: 100%;
}
body {
background-color: #FFFFFF;
}
p,span{
color: #8e8e8e;
font-size: 0.3rem;
}
.m {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.3rem;
}
.index-r1 {
width: 100%;
text-align: center;
}
.index-r1 img {
width: 95%;
padding-bottom: 0.5rem;
}
.index-body {
padding: 0.3rem 0.3rem;
position: relative;
}
.index-box {
background-color: #FFFFFF;
padding: 0.5rem 0.5rem;
border-radius: 35px;
}
.index-r2 {
width: 100%;
text-align: center;
padding: 0.8rem 0.5rem;
}
.index-r2 input {
width: 90%;
margin: 0 auto;
text-align: center;
height: 0.9rem;
line-height: 0.9rem;
border-radius: 30px;
border: 1px solid #ebebeb;
-webkit-user-select: auto;
}
.index-r2 p{
height: 0.6rem;
color: red;
font-size: 0.26rem;
padding-top: 0.2rem;
}
.index-r2 .index-r1-btn {}
.index-r2 .index-r1-btn span {
width: 60%;
height: 0.9rem;
line-height: 0.9rem;
border-radius: 35px;
display: inline-block;
background-color: #FFFFFF;
border: 1px solid #ebebeb;
margin-top: 1.8rem;
font-weight: bold;
font-size: 0.3rem;
-moz-box-shadow: 2px 2px 17px #BFBFBF;
-webkit-box-shadow: 2px 2px 17px #bfbfbf;
box-shadow: 2px 2px 17px #bfbfbf;
}
.index-r3 {
width: 100%;
display: none;
padding: 0.8rem 0;
}
.index-r3 .index-r3-top{
padding: 0 0.3rem 0.5rem;
text-align: center;
}
.index-r3 .index-r3-top p:nth-of-type(1){
width: 90%;
padding: 0.4rem 0;
background-color: #00d510;
border-radius: 35px;
color: #FFFFFF;
margin: 0 auto 0.3rem ;
}
.index-r3 .index-r3-top p:nth-of-type(2){
font-size: 0.26rem;
text-align: center;
}
.index-r3 .index-r3-bottom{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 0.1rem;
}
.index-r3 .index-r3-bottom .index-r3-div{
width: 33%;
display: flex;
flex-direction: column;
justify-content: center;
height: auto;
text-align: center;
font-size: 0.8rem;
}
.icon-kaisuohuansuo:before,.icon-shijian:before,.icon-yanjing-shi:before{
padding: 0.2rem 0;
}
.index-r3 .index-r3-bottom .index-r3-div p{
width: 85%;
padding: 0.2rem 0;
margin: 0 auto 0.2rem;
font-size: 0.28rem;
border-bottom: 1.5px solid #b3b3b3;
}
.index-r3 .index-r3-bottom .index-r3-div span{
width: 100%;
height: 0.5rem;
display: inline-block;
overflow-wrap: break-word;
font-weight: bold;
}
.index-r4{
width: 100%;
text-align: center;
}
.index-r4 span{
width: 50%;
height: 0.9rem;
line-height: 0.9rem;
border-radius: 35px;
display: inline-block;
background-color: #FFFFFF;
border: 1px solid #ebebeb;
margin-top: 0.7rem;
font-size: 0.3rem;
-moz-box-shadow: 2px 2px 17px #BFBFBF;
-webkit-box-shadow: 2px 2px 17px #bfbfbf;
box-shadow: 2px 2px 17px #bfbfbf;
}
.index-r5{
position: absolute;
top: 0;
right: 0;
}
.index-r5 span {
display: inline-block;
height: 1rem;
line-height: 1rem;
padding:0px 9px;
background-color: #FFFFFF;
border-radius: 50%;
-moz-box-shadow: 1px 1px 10px #BFBFBF;
-webkit-box-shadow: 1px 1px 10px #bfbfbf;
box-shadow: 1px 1px 10px #bfbfbf;
font-size: 0.7rem;
}
.index-r6{
width: 100%;
display: none;
}
.index-r6 h4{
color: #8e8e8e;
text-align: center;
padding-top: 0.5rem;
}
.index-r6 ul{
padding: 0.7rem 0.3rem 0.88rem 0.6rem;
}