#tranding {position: relative;padding: 0 60px;}
#tranding .tranding-slider {height: 300px;position: relative;}
.tranding-slide {width: 220px;height: 300px;position: relative;}
.tranding-slide .tranding-slide-img img {width: 100%;height: 300px;object-fit: cover;}
.swiper-slide-shadow-left, .swiper-slide-shadow-right {display: none;}

.tranding-slider-control .slider-arrow {position: absolute;top:50%;width: 64px;height: 62px;margin-top: 0;transform: translateY(-35%); text-align: left;text-indent: -9999em;overflow: hidden;background-position: 0 0;background-repeat: no-repeat;}
.tranding-slider-control .swiper-button-next {right: 30px;background-image: url('http://img.megastudy.net/entinfo/smartMath/img_btn_controller_next.png');}
.tranding-slider-control .swiper-button-prev {left: 30px;background-image: url('http://img.megastudy.net/entinfo/smartMath/img_btn_controller_prev.png');}

.tranding-slider-control .swiper-pagination {position: relative;width: 15rem;bottom: 1rem;}
.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active {background: orange;}