@charset "utf-8"; /* CSS Document */ .jssora05l, .jssora05r {display: block;position: absolute;/* size of arrow element */width: 40px;height: 40px;cursor: pointer;} .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; } .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; } .jssort01-99-66 .p {position: absolute;top: 0;left: 0;width: 260px;height: 145px;cursor: pointer;} .jssort01-99-66 .t {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} .jssort01-99-66 .w {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;} .jssort01-99-66 .c {position: absolute;top: 0px;left: 0px;width: 254px;height: 139px;border: none;box-sizing: content-box;/*background: url('../images/t01.png') -800px -800px no-repeat; _background: none;*/} .jssort01-99-66 .pav .c {top: 4px; _top: 0px;left: 19px;_left: 0px;width: 206px;height: 125px;border: #928e82 8px solid; background-position: 50% 50%;} .jssort01-99-66 .p:hover .c { top: 0px; left: 19px; width: 206px; height: 129px; border: #928e82 8px solid; background-position: 50% 50%;} .jssort01-99-66 .p.pdn .c { background-position: 50% 50%; width: 206px; height: 129px; border: #ffc56a 8px solid;} #jssor_1{border-right: none;} .jssor_01{position: relative; margin: 0 auto; top: 0; left: 0px; width: 1362px; height: 690px; overflow: hidden; visibility: hidden;background-color: #fff;} .jssor_load{position: absolute; top: 0px; left: 0px;} .jssor_bg{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;} .jssor_load_icon{position:absolute;display:block;/* background:url('../images/loading.gif') no-repeat center center; */top:0px;left:0px;width:100%;height:100%;} .jssor_slides{cursor: default; position: relative; top: 0px; left: 0; width: 1120px; height:688px; overflow: hidden;} .jssort01-99-66{position:absolute;right:0;top:0px;width:220px;height:620px;background-color: #fff;overflow: hidden;} .jssora05l,.jssora05r{width:200px;height:20px;color: #928e82;text-align: center;font-size: 3.2rem;line-height: 22px;} .jssora05l{top:10px;right:0;} .jssora05r{bottom:10px;right:0;} .detail-title{font-size: 2.4rem;padding:0 20px;background-color:rgba(0,0,0,0.5);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 70px;line-height: 70px;position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;color: #fff;text-align: center; } .bigPic{border:20px solid #fff;margin-bottom: 50px;} @media screen and (max-width:1460px) { } @media screen and (max-width:1220px) { } @media screen and (max-width:1020px) { } @media screen and (max-width:992px) { } @media screen and (max-width:767px) { } @media screen and (max-width:640px) { } @media screen and (max-width:480px) { } @media screen /*and (min-width:320px)*/ and (max-width:400px) { }