/* banner */
.banner{position: relative;}
.banner p{width: 100%;position: absolute;top: 2rem;text-align: center;font-size: 0.24rem;color: #FFFFFF;line-height: 0.24rem;}
.banner  .imgBox {position: absolute;left: 50%;transform: translateX(-50%);bottom: 1.24rem;}

/* main */
.main .item{display: flex;}
.main .item .inner{position: relative;}
.main .item .inner .text{height: 100%;position: absolute;top: 50%;left: .77rem;transform: translateY(-50%);font-size: 0.22rem;font-weight: 400;color: #FFFFFF;line-height: 0.36rem;}
.main .item .inner .text h2{font-size: 0.3rem;padding-bottom: .1rem;}
.main .item .inner .text a{position: absolute;bottom:.62rem;left: 0;right: 0;margin: auto;display: block;width: 2.42rem;height: 0.49rem;border: 1px solid #FFFFFF;border-radius: .49rem;text-align: center;line-height: .49rem;font-size: .28rem;color: #fff;}
.main .item .inner .text.black, .main .item .inner .text.black a{color: #000;}
.main .item .inner .text.black a{border-color: #000;}