#back {
    background: url(http://www.0515yc.cn/t/icon/201908/20190820185805jpl.png) no-repeat center center transparent;
    width: .55rem;
    height: .45rem;
    background-size: cover;
}
/*图集样式*/
h1{ font-size:.44rem; color:#333; text-align:center;}
.desc{ padding: .3rem 0 .3rem .3rem;}
.desc span{ font-size:.22rem; color:#999; margin-right:.2rem;}

body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px; overflow:hidden; color:#333;}
1.device{width:640px;height:300px;padding:30px 40px;border-radius:20px;background:#111;border:3px solid white;margin:5px auto;position:relative;box-shadow:0px 0px 5px #000;}

.swiper-content{ left:0; top:.3rem; width:100%; height:100%; overflow:hidden; }
.swiper-slide{position:relative; }
.swiper-slide .inner{width:100%; height:100%; overflow:hidden; }

.pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%; z-index:99; }
.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#999;box-shadow:0px 1px 2px #555 inset;margin:0 3px;cursor:pointer;}
.swiper-active-switch{background:#fff;}

.wrapper{width:950px;margin:0 auto; overflow:hidden;}
.wrapper.wide{width:1100px;}
.wrapper.overflow{overflow:visible;}
.wrapper:after{display:block;height:0;clear:both;content:" ";}
.header{height:40px;background:#33b5e5;line-height:40px;box-shadow:0 2px 6px #eee; position:absolute;z-index:999; width:100%}
.header a{color:#fff;text-decoration:none;}
.header a:hover{color:#eee;text-decoration:none;}
.header .logo{float:left;}
.header .app-download{float:right;}

.brief.short{height: 32px;overflow: hidden;font-size: 14px;}
.brief.short2{font-size: 14px;line-height:20px;}
.brief em{display: block; height: 14px;line-height: 14px;}
.info em{ font-size:.4rem; color:#999; padding: .3rem 0; display: block;}
em span{ color:#075cbc;}
.brief .tutitle{line-height: 18px;height: 18px;margin: 0; padding: 15px 0;}

/*竖*/
@media (orientation: portrait) { 
.swiper-slide img{width: 100%;height:4.7rem; vertical-align:middle; }
.swiper-slide .info{  padding-top:8px; position: absolute; left:0; top: 5rem; width:calc(100% - 20px); text-align:left;padding:0 .3rem; }
.info .tutitle{ font-size: 18px;display:none; }
.swiper-slide a{ display:table-cell; text-align:center; }
}

/*横*/
@media (orientation: landscape) { 
.swiper-slide .info{  position: absolute; left:19%; bottom:.4rem; width:calc(60% - 20px); margin:0 10px; padding:10px; }
.swiper-slide img{width:100%; height:auto; max-width:calc(60% - 20px); max-height:100%; vertical-align:middle; }
.info .tutitle{font-size: 16px;display:none;}
.swiper-slide a{display:table-cell; text-align:center; }
}