/* 头部 */
.header-nav {position: fixed;width: 100%;height: 2.25rem;/* background: #1ba4de; */box-shadow: #ddd 2px 1px 5px;background: #fff;line-height: 2.25rem;z-index: 10;top: 0;left: 0;display: flex;}
.header-nav img {width: 1.1rem;height: 1.1rem;padding: 0.5rem 0.375rem; }
.header-nav .fr {padding-right: 0.5rem; }
.header-nav .title {width: 7.5rem;font-size: 0.8rem;color: #fff;line-height: 2.25rem;text-align: center;margin: 0 auto;font-weight: bold; }
img{display: block;max-width: 100%;}
.header-nav .go-home{
    width: 2.5rem;
    text-align: center;
    font-size: .9rem;
    color: #fff;
}
.header-nav .go-home i{}
.header-nav .title {}
.com-btn {height: 2rem;margin: 0.75rem 0;background: #2a2822;font-size: 0.7rem;color: #f0bb61;text-align: center;line-height: 2rem;border-radius: 4px;}

.divHeight{height: 3rem;}

.mainBody {overflow-x: hidden;/* height: 100%; */}
.mainBox{box-shadow: #ccc 0px 0 20px;background: #fff;/* border-radius: 5px; */box-sizing: border-box;}
.mainBox .mainBoxWrap{}

.none{display: none!important;}
.pageTop{height: 2.2rem;}

.newNav{position: fixed;bottom: 0;left: 0;width: 100%;height: 2.8rem;line-height: 2rem;background: #fff;border-top: 1px solid #cf9b41;z-index: 100;}
.newNav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.newNav ul li {
    flex: 1;
    text-align: center;
    height: 100%;
    padding-top: .1rem;
    box-sizing: border-box;
}
.newNav ul li.active{
}
.newNav ul li.active p.img1{
    display: none;
}
.newNav ul li.active p.img2{
    display: block;
}
.newNav ul li.active p.txt{
    color: #cf9b41;
    font-weight: 700;
}
.newNav ul li p {
    line-height: 1;
}
.newNav ul li p img{
    display: block;
    margin: auto;
    height: 1.2rem;
}
.newNav ul li p.img{
    margin-top: 0.4rem;
}
.newNav ul li p.img1{}
.newNav ul li p.img2{
    display: none;
}
.newNav ul li p.txt{
    font-size: 0.55rem;
    /* margin-top: .3rem; */
}
.newNav ul li .icons{
    color: #fff;
    width: 1.5rem;
    height: 1.7rem;
    margin: 0.2rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newNav ul li a{
    display: block;
    height: 100%;
}
.newNav ul li .icons .iconMain{width: 1.2rem;height: 1.2rem;vertical-align: -0.15em;fill: currentColor;overflow: hidden;color: #333;stroke: currentColor;}
.newNav ul li.active .icons{}
.newNav ul li.active .icons .iconMain{
    color: #cf9b41;
}
.newNav ul li.activity618 {position: relative;width: 4.5rem;padding: 0;}
.newNav ul li.activity618 a {display: block;position: absolute;top: -.9rem;animation: dh 2s infinite ease-in-out;}
.newNav ul li.activity618 a img {width: 4.5rem;}
@keyframes dh {
  0% {
	transform: scale(.9) translate(0, -8px);
  }
  50% {
  	transform: scale(1) translate(0, 1px);
  }
  100% {
	transform: scale(.9) translate(0, -8px);
  }
}

.main{
    overflow: hidden;
    padding-top: 0rem;
}

.mainBody .header-nav .title{color: #333;}

.mainBody .inputBox {border-bottom: 1px solid #ddd;padding: 0.1rem 0.375rem 0.1rem 0;border-radius: 4px;margin-bottom: 15px;}
.mainBody .inputBox input,.mainBody .inputBox select,.mainBody .inputBox select option {display: block;width: 100%;height: 1rem;font-size: 0.6rem;color: #666;line-height: 1rem;background: #fff;}
.mainBody .inputBox input:focus,.mainBody .inputBox select:focus{outline: none;}

.mainBody .inputTitle {font-weight: bold;font-size: 0.5rem;color: #777;line-height: 1rem;padding: 0 0  0.1rem 0;}
.mainBody .inputTitle span{color: red;}

.mt-5{margin-bottom: 5px;}
.mt-10{margin-bottom: 10px;}
.mt-15{margin-bottom: 15px;}
.mt-20{margin-bottom: 20px;}

.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}

.ml-5{margin-bottom: 5px;}
.ml-10{margin-bottom: 10px;}
.ml-15{margin-bottom: 15px;}
.ml-20{margin-bottom: 20px;}

.mr-5{margin-bottom: 5px;}
.mr-10{margin-bottom: 10px;}
.mr-15{margin-bottom: 15px;}
.mr-20{margin-bottom: 20px;}

.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}

.btn-cancel{height: 2rem;margin: 0.75rem 0;font-size: 0.7rem;color: #666;text-align: center;line-height: 2rem;border-radius: 4px;border: 1px solid #999;}

.delay-01{animation-delay:.1s;}
.delay-02{animation-delay:.2s;}
.delay-03{animation-delay:.3s;}
.delay-04{animation-delay:.4s;}
.delay-05{animation-delay:.5s;}
.delay-06{animation-delay:.6s;}
.delay-07{animation-delay:.7s;}
.delay-08{animation-delay:.8s;}
.delay-09{animation-delay:.9s;}
.delay-10{animation-delay:1s;}
.delay-12{animation-delay:1.2s;}
.delay-14{animation-delay:1.4s;}
.delay-16{animation-delay:1.6s;}
.delay-18{animation-delay:1.8s;}
.delay-20{animation-delay:2s;}