@charset "utf-8";
/* CSS Document */
.mainBox{position:relative;width: 37.26rem;height:18.02rem;box-sizing:border-box;border: solid 0.06rem #5f250d;padding: 0.08rem;border-radius: 0.3rem;background-color: #ffee87;margin: 0 auto;}
.specialBox{width: 36.92rem;height: 17.74rem;margin: 0 auto;background-color: #FFFFFF;border-radius: 0.3rem;box-sizing: border-box;padding: 0.2rem 0.1rem;overflow: hidden;}
.specialMain{width: 59rem;height: 100%;}
.specialItem{width: 13.5rem;height: 8.4rem;background-color: #FFFFFF;border-radius: 0.12rem;float:left;margin-left:0.3rem;margin-bottom: 0.3rem;}
.specialItem dl{display: inline-block;width:13.5rem;height:8.4rem;background:url(../images/homeItemBg.png) no-repeat;background-size:100% 100%;border-radius:0.12rem;}
.specialItem dl dt{position:relative;width:12.65rem;height:6.16rem;margin:0.24rem auto 0;border-radius:0.12rem;overflow:hidden;background-color: gainsboro;}
.specialItem dl dt img{height: 100%;}
.specialItem dl dd{position: relative;}
.specialItem dl dd h3{font-size:0.46rem;font-weight: 700;width:12.1rem;margin:0.24rem auto 0.14rem;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000000;}
.specialItem dl dd p{width:10.1rem;font-size:0.42rem;color:rgba(0,0,0,.5);margin:0 auto;line-height: 1;font-weight: 700;cursor: pointer;margin-right: 2.7rem;}
/* .specialItem dl dd p:hover,.specialItem dl dd h3:hover{color: #00a1d6;} */
.specialItem dl dd i{position: absolute;bottom: 0;right: 1rem;font-size: 0.36rem;font-style: normal;color: #666;}

/* 左右按钮 */
.JTBtns {position: absolute;width: 1.4rem;height: 1.43rem;top: 0;bottom: 0;margin: auto 0;z-index: 3;cursor: pointer;}
.JTBtns:hover{-webkit-transition: all 0.6s;transition: all 0.6s;-webkit-transform: scale(1.2);transform: scale(1.2);}
.JTBtns.zuo{left:0;}
.JTBtns.you{right:1.06rem;}