* { padding: 0; margin: 0; } .area1200 { padding: 0 .15rem; margin: 0 auto; } .up-img-bottom-text .l-img-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; } .up-img-bottom-text .l-img-box { *zoom: 1; } .up-img-bottom-text .l-img-box .title { width: 3.43rem; font-size: .18rem; color: #252525; font-weight: 600; padding: .2rem 0; } .up-img-bottom-text .l-img-box .info-box { position: relative; } .info-box::after { content: ""; display: block; clear: both; } .up-img-bottom-text .l-img-box .info-box .left-img { width: 3.43rem; height: 1.61rem; cursor: pointer; } .up-img-bottom-text .l-img-box .info-box .left-img img { position: relative; z-index: 1; width: 100%; height: 100%; } .up-img-bottom-text .l-img-box .info-box .right-txt { width: 3.44rem; max-height: 3.09rem; background: #fff; text-align: justify; color: #fff; padding-bottom: .18rem; } .up-img-bottom-text .l-img-box .info-box .right-txt .right-txt-title { font-size: .15rem; text-align: center; color: #252525; font-weight: 600; padding-top: .24rem; } .up-img-bottom-text .l-img-box .info-box .right-txt .right-txt-info { font-size: 13px; color: #5f5f5f; line-height: 24px; font-weight: 400; padding: .1rem .17rem .17rem; } .up-img-bottom-text .l-img-box .info-box .right-txt a { display: inline-block; font-size: 14px; width: 95px; height: 28px; line-height: 28px; text-align: center; background-color: #818182; color: #fff; cursor: pointer; margin-top: 40px; } .shipin-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 999999999; } .shipin-modal .content { position: relative; width: 100%; height: 100%; } .shipin-modal .content .saoma-main { width: 100%; height: 5.30rem; position: absolute; top: 10%; left: 50%; transform: translateX(-50%); background: #fff; } .shipin-modal .content .saoma-main .position-box { position: relative; width: 100%; height: 100%; background: #000; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live { position: absolute; top: .25rem; right: .20rem; display: block; width: .3rem; height: .3rem; cursor: pointer; z-index: 100; } .shipin-modal .content .saoma-main .position-box .guanbi-saoma-live img { display: block; width: 100%; height: 100%; } .shipin-modal .content .saoma-main .position-box .saoma-box { width: 100%; text-align: center; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao { width: 100%; text-align: center; margin: 0; padding: 0; margin-top: 40px; } .shipin-modal .content .saoma-main .position-box .saoma-box .p-sao span { font-size: 30px; color: #333; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul { width: 600px; margin: 0; padding: 0; margin: 0 auto; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li { width: 100%; text-align: left; border-bottom: 1px dashed #c3c3c3; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 { display: block; width: 100%; text-align: left; float: left; margin: 0; padding: 0; color: #adadad; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian { width: 6px; float: left; height: 45px; line-height: 45px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .hongdian img { display: block; width: 6px; margin-top: 19px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text { height: 281px; line-height: 281px; float: left; width: 450px; overflow: hidden; font-size: 16px; margin-left: 100px; } .shipin-modal .content .saoma-main .position-box .saoma-box .list-ul li .p14 .title-text:hover { text-decoration: underline; color: #4488e1; }
* { margin: 0; padding: 0; } html { font-size: 100px; } .brand-sliders-wrap { margin: .1rem 0 .3rem 0; } .swiper-slide { width: 91%  !important; margin: 0 .5%; border-radius: .12rem; overflow: hidden; } .swiper-slide:nth-of-type(1){ margin:0 .5% 0 -0.5%; } .swiper-slide{ display: none; } .swiper-slide:nth-of-type(1),.swiper-slide:nth-of-type(2),.swiper-slide:nth-of-type(3){ display: block; } .swiper-slide .slider-title-txt { display: block; position: absolute; margin: .11rem .09rem 0 .14rem; font-size: .16rem; line-height: .2rem; height: .4rem; overflow: hidden; color: #fff; bottom:.1rem; } .swiper-slide a { display: block; } .swiper-slide .back_cover_ground{ position: absolute; height: .7rem; width: 100%; opacity: .4; bottom: 0; background: linear-gradient(to bottom,transparent,#000); } .brand-wrap-20191230 .swiper-container .swiper-wrapper .swiper-slide { width: 3.5rem  !important; height: 1.96rem; } .brand-wrap-20191230 .swiper-container .swiper-wrapper .brand-img-wrap { display: block; width: 3.5rem; height: 1.96rem; } .brand-wrap-20191230 .swiper-container .swiper-wrapper .brand-img-wrap .brand-img { width: 3.5rem; height: 1.96rem; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.swiper-pagination-roundnessNumber { display: inline-block; border-radius: 50%; margin: 0 .02rem; cursor: pointer; width: .15rem; height: .15rem; text-align: center; line-height: .15rem; font-size: .12rem; color: #000; opacity: 1; background: rgba(0, 0, 0, .2); } .swiper-pagination-roundnessNumber.active { color: #fff; background: #007aff; } .swiper-pagination-oblate { display: inline-block; border-radius: 100px; width: .06rem; height: .06rem; background: rgba(255, 255, 255, .40); margin: 0 .02rem; } .swiper-pagination-oblate.active { width: .20rem; height: .06rem; background: #fff; border-radius: 100px; } .swiper-pagination-rectangle { display: inline-block; width: .06rem; height: .02rem; background: rgba(255, 255, 255, .40); margin: 0 .02rem; } .swiper-pagination-rectangle.active { width: .30rem; height: .02rem; background: #fff; } .swiper-pagination-round{ display: inline-block; width: .02rem; height: .06rem; vertical-align: middle; background: #fff; margin: 0 .02rem; } .swiper-pagination-round.active { display: inline-block; border-radius: 50%; width:.08rem; height:.08rem; border: .02rem solid #fff; vertical-align: middle; background: transparent; }
.tab_lout2018 { width: 3.75rem; } .tab-out-box { height: .35rem; font-size: .13rem; } .tab_lout2018 .tab { width: 3.75rem; overflow: hidden; height: .35rem; line-height: .35rem; position: relative; } .tab_lout2018 .tab .swiper-slide { text-align: center } .tab_lout2018 .laout .content_box { width: 3.75rem; min-height: 2rem; display: none; } .tab_lout2018 .laout .active { display: block } .tab_lout2018 .tab span { display: none } .tab_lout2018 .tab .swiper-slide.active { font-weight: bold; } .tab_lout2018 .tab .active span { display: inline-block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; }