@charset "utf-8";

.my-banner{ position:relative;overflow:hidden; margin:0 auto; width:100%; height: 0; padding-bottom: 45.42%; background-color: seashell;border-radius: 16px 0 16px 0;box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.5);}
.myban-img{ position:absolute; top:0; left:0; }
.myban-img>li{ float:left; box-sizing:border-box;}
.myban-img>li a{ display: block;}
.myban-img>li img{ width:100%;}
.myban-point{ position:absolute; left:50%; bottom:10px; cursor:pointer; transform: translate(-50%, -50%);}
.myban-point>li{ font-size:30px; color:#fff; float:left;}
.myban-point>li a{ width: 100%; display: block;}
.myban-point>li:first-child{ color:red;}
#prev,#next{ position:absolute;top:50%; font-size:30px; color:#fff;width:200px; height:100px; margin-top:-50px; text-align:center;display:none; opacity: .6;text-align: center;line-height: 100px;}
#prev{ left:0;}
#next{ right:0;transform:scaleX(-1); }
@media(max-width:768px){
#prev, #next{ width: 150px}   
}
@media(max-width: 414px){
.myban-point{bottom:0;}
#prev, #next{ width: 100px}
.myban-point>li{ font-size:20px;}
}