.index { width: 11.46rem; height: 4.2rem; margin: 0rem auto 0 auto; background-color: #fff; border-radius: .1rem; position: relative; top: 1.14rem; border-radius: 0.2rem; overflow: hidden; }
/*.index > .d0 { height:1.14rem;}*/
.index .a1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-color: #fff; }
.index .a1 .d1 { height: 100%; width: 4.18rem; float: left; padding: 1.05rem .4rem 0 .4rem; }
.index .a1 .d1 .p1 { line-height: .66rem; font-weight: 500; color: #333; font-size: .24rem; text-align: center; }
.index .a1 .d1 .p2 { padding-top: .15rem; line-height: .36rem; font-size: .18rem; color: #6b6b6b; }
.index .a1 .d2 { width: 6.48rem; float: right; height: 100%; }
.index .a1 .d2 .i1 { height: 100%; width: 100%; }
.index .left, .index .right { position: absolute; top: 1.88rem; text-align: center; height: .45rem; width: .45rem; line-height: .45rem; background-color: rgba(255, 255, 255, 0.6); font-size: .24rem; border-radius: .45rem; color: #fff; cursor: pointer; z-index: 1000; }
.index .left { left: 5.38rem; }
.index .right { right: .38rem; }
.index .left:hover, .index .right:hover { background-color: #f6d643; }
.index > .d1 { position: absolute; left: 4.98rem; right: 0; height: .4rem; line-height: .4rem; text-align: center; bottom: 0; z-index: 1000; }
.index > .d1 .s1 { width: .15rem; height: .15rem; border-radius: 0.15rem; background-color: #544d47; margin: 0 .09rem; cursor: pointer; display: inline-block; }
.index > .d1 .s1.selected, .index .d1 .s1:hover { background-color: #f6d643; }