.op50 { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }

.op65 { filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }

.op70 { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.op80 { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

.op100 { filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

.mainWrapper *, .mainWrapper *:before, .mainWrapper *:after { box-sizing: border-box; }
.mainWrapper .rotationBannerWrap { background: url(/resource/lpm/pc/images/common/loading.gif) no-repeat 50% 50%; width: 100%; min-width: 980px; }
.mainWrapper .rotationBanner { position: relative; visibility: hidden; }
.mainWrapper .rotationBanner .rotationList { overflow: hidden; }
.mainWrapper .rotationBanner .rotationList ul { position: relative; height: 320px; overflow: hidden; }
.mainWrapper .rotationBanner .rotationList ul:after { content: ""; display: block; clear: both; }
.mainWrapper .rotationBanner .rotationList ul li { float: left; }
.mainWrapper .rotationBanner .rotationList ul li a { display: block; position: relative; }
.mainWrapper .rotationBanner .rotationList ul li a img { border-right: 1px solid #fff; }
.mainWrapper .rotationBanner .rotationList ul li a::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.4; transition: opacity 300ms ease; }
.mainWrapper .rotationBanner .rotationList ul li.currentSlide a::after { opacity: 0; transition: opacity 300ms ease; }
.mainWrapper .rotationBanner .pagination { position: absolute; bottom: 20px; right: 50%; margin-right: -470px; z-index: 5; }
.mainWrapper .rotationBanner .pagination li { width: 10px; height: 10px; float: left; margin: 0 10px; cursor: pointer; z-index: 5; background: #cccccc; background: rgba(0, 0, 0, 0.2); border: 1px solid #fff; border-radius: 100%; }
.mainWrapper .rotationBanner .pagination li.current { background: #fff; }
.mainWrapper .rotationBanner .controller .contPrev, .mainWrapper .rotationBanner .controller .contNext { border-radius: 100%; width: 50px; height: 50px; background: white; background: rgba(255, 255, 255, 0.8); position: absolute; top: 50%; margin-top: -25px; cursor: pointer; }
.mainWrapper .rotationBanner .controller .contPrev:after, .mainWrapper .rotationBanner .controller .contNext:after { content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; margin-top: -8px; }
.mainWrapper .rotationBanner .controller .contPrev:hover, .mainWrapper .rotationBanner .controller .contNext:hover { opacity: 0.8; }
.mainWrapper .rotationBanner .controller .contPrev { left: 50%; margin-left: -550px; }
.mainWrapper .rotationBanner .controller .contPrev:after { border-left: 2px solid #998978; border-bottom: 2px solid #998978; transform: rotate(45deg); margin-left: -3px; }
.mainWrapper .rotationBanner .controller .contNext { right: 50%; margin-right: -550px; }
.mainWrapper .rotationBanner .controller .contNext:after { border-right: 2px solid #998978; border-bottom: 2px solid #998978; transform: rotate(-45deg); margin-left: -9px; }
@media screen and (max-width: 1100px) { .mainWrapper .rotationBanner .controller .contPrev { left: 0; margin-left: 10px; }
  .mainWrapper .rotationBanner .controller .contNext { right: 0; margin-right: 10px; } }

/*# sourceMappingURL=rotationBanner.css.map */