other_ui/qs_travel/css/style.css

body,html,li,ul,p,a{margin: 0;padding: 0;font-size: 16px;}
img{display: block;}
a{display: block;font-style: normal;text-decoration: none;color: #333333;}
ul,li{list-style-type: none;margin: 0;padding: 0;}
.curp{cursor: pointer;}
.flex{display: flex;}
.flexc{display: flex;align-items: center;}
.flexcc{display: flex;align-items: center;justify-content: center;}
.flexcj{display: flex;align-items: center;justify-content: space-between;}
.flexct{display: flex;align-items: flex-start;}
.flexdc{flex-direction: column;}
.flex2{flex: 0 0 auto;}
.flex3{flex: 1 0 auto;}
.tshadow{text-shadow: 0px 0.02rem 0.01rem #797B7D;
-webkit-text-stroke: 0.01rem #FFFFFF;
text-stroke: 0.01rem #FFFFFF;font-family: Microsoft YaHei;}
.content{width: 100%;height: 100vh;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;padding: 0 0 0;box-sizing: border-box;display: flex;flex-direction: column;overflow-y: auto;}
.trip_top{width: 100%;height: 1.02rem;background: url(../img/topbg.png) no-repeat;background-size: 100% 100%;position: relative;padding-top: 0.12rem;box-sizing: border-box;display: flex;justify-content: center;align-items: flex-start;margin-bottom: 0.14rem;}
.triptl{font-size: 0.2rem;font-weight: 500;color: #C23136;padding:0.17rem 0 0 0.55rem;position: absolute;left: 0;top: 0;}
.topicon{width: 0.5rem;height: 0.53rem;margin-right: 0.21rem;}
.toptit{width: 4.49rem;height: 0.48rem;}
.triptr{padding-top:0.17rem;position: absolute;right: 0;top: 0;}
.tripta{font-size: 0.2rem;font-weight: 500;color: #C23136;margin-right: 0.09rem;}
.triptrb{padding: 0 0.27rem;}
.triptrb img{width: 0.26rem;height: 0.27rem;margin-right: 0.12rem;}
.triptrb div{font-size: 0.2rem;font-weight: 800;color: #C23136;}
.trip_notice{width: 18.57rem;height: 1.04rem;margin: 0 auto 0.13rem;background: url(../img/notbg.png) no-repeat;background-size: 100% 100%;padding: 0 0.44rem;box-sizing: border-box;}

.noticl{width: 0.32rem;height: 0.28rem;margin-right: 0.17rem;flex: 0 0 auto;}

.notict{font-size: 0.3rem;font-weight: bold;color: #C23136;flex: 0 0 auto;margin-right: 0.69rem;}
.noticc{flex: 1;overflow: hidden;}
.swiper-container1{width: 15.3rem;height: 0.6rem;position: relative;}
.swiper-container1 .swiper-slide{width: 100%;height: 100%;display: flex;align-items: center;overflow: hidden;justify-content: space-between;}
.noticc .tit{font-size: 0.3rem;font-weight: 400;color: #C23136;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.noticc .txt{font-size: 0.3rem;font-weight: 500;color: #C75738;flex: 0 0 auto;margin-left: 0.2rem;}

.trip_main{
	display: flex;justify-content: center;
}
.tripml{width: 4.32rem;height: 8.15rem;background: url(../img/clbg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;margin-right: 0.14rem;padding:0.25rem 0.33rem 0 0.35rem;box-sizing: border-box;}
.trip_main .line{width: 3.64rem; height: 0.23rem;position: absolute;bottom: -0.16rem;left: 0;}
.trip_main .topt{font-size: 0.3rem;font-weight: bold;
color: #C23136;position: relative;padding-left: 0.08rem;margin-bottom: 0.35rem;}
.tripml ul{padding-left:0.24rem;}
.mlabox{width: 3.23rem;height: 0.97rem;margin-bottom: 0.18rem;background: url(../img/mainlbg.png) no-repeat;background-size: 100% 100%;display: flex;align-items: center;}
.mlabox .img{width: 0.78rem;height: 0.78rem;display: flex;align-items: center;justify-content: center;}
.mlabox .tit{font-size: 0.3rem;font-weight: 800;
color: #C23136;margin-left: 0.47rem;
text-shadow: 0px 0.02rem 0.01rem #797B7D;
-webkit-text-stroke: 0.01rem #FFFFFF;
text-stroke: 0.01rem #FFFFFF;font-weight: bold;}
.mlabox .imga{width: 0.51rem;height: 0.49rem;}
.mlabox .imgb{width: 0.54rem;height: 0.45rem;}
.mlabox .imgc{width: 0.52rem;height: 0.47rem;}
.mlabox .imgd{width: 0.51rem;height: 0.51rem;}
.mlabox .imge{width: 0.51rem;height: 0.5rem;}




.tripmca{width: 9.1rem;height: 6.03rem;background: url(../img/ctabg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;padding: 0.42rem 0.37rem 0.4rem 0.34rem;box-sizing: border-box;}
.tripmca .swiper-container{width: 100%;height: 100%;position: relative;border-radius: 0.5rem;overflow: hidden;}
.tripmca .swiper-container img{width: 100%;height: 100%;border-radius: 0.5rem;}
.tripmca .swiper-pagination-bullet-active{width: 0.3rem !important;background-color: rgba(255, 255, 255, 0.8) !important;
height: 0.1rem;border-radius: 0.05rem;}
.tripmca .swiper-pagination-bullet{background-color: rgba(255, 255, 255, 0.6);opacity: unset;width: 0.1rem;height: 0.1rem;}
.tripmcb{width: 9.10rem;height: 1.73rem;background: url(../img/ctbbg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;display: flex;align-items: center;padding: 0 0.45rem 0 0.4rem;box-sizing: border-box;}
.tripmcb .tit{font-size: 0.2rem;font-weight: bold;color: #C23136;margin-right: 0.15rem;text-align: center;}
.tripmcb .rimg{width: 0.27rem;height: 0.25rem;flex: 0 0 auto;}
.tripmcb .code{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 0 0 auto;min-width: 1.2rem;padding: 0 0.1rem;box-sizing: border-box;}
.tripmcb .img{width: 0.9rem;height: 0.9rem;margin-bottom: 0.05rem;}
.tripmcb .img img{width: 100%;height: 100%;}
.tripmcb .codet{font-size: 0.16rem;font-weight: bold;
color: #C23136;}

.tripmcc{display: flex;align-items: center;justify-content: center;font-size: 0.24rem;font-weight: bold;
color: #C23136;margin-top: 0.09rem;}
.tripmcc img{width: 0.24rem;height: 0.23rem;margin: 0 0.19rem;}



.tripmr{width: 4.85rem;height: 8.15rem;background: url(../img/crbg.png) no-repeat;background-size: 100% 100%;flex: 0 0 auto;margin-left: 0.14rem;padding:0.25rem 0 0 0.34rem;box-sizing: border-box;}
.mrabox{width: 100%;height: 100%;display: flex;align-items: center;box-sizing: border-box;flex-direction: column;padding-top: 0.15rem;}
.tripmr ul{display: flex;flex-wrap: wrap;}
.tripmr li{width: 2.02rem;height: 1.28rem;margin: 0 0.1rem 0.1rem 0;background: url(../img/mainrbga.png) no-repeat;background-size: 100% 100%;padding:0.09rem;box-sizing: border-box;cursor: pointer;}
.tripmr .mrali{width: 4.15rem;height: 1.28rem;background: url(../img/mainrbgb.png) no-repeat;background-size: 100% 100%;padding:0.09rem;box-sizing: border-box;cursor: pointer;}
/* .tripmr .mrali .mrabox{} */
.mrabox .img{width: 0.47rem;height: 0.47rem;display: flex;align-items: center;justify-content: center;}
.mrabox .imga{width: 0.41rem;height: 0.44rem;}
.mrabox .imgb{width: 0.39rem;height: 0.45rem;}
.mrabox .imgc{width: 0.43rem;height: 0.46rem;}
.mrabox .imgd{width: 0.39rem;height: 0.47rem;}
.mrabox .imge{width: 0.42rem;height: 0.46rem;}
.mrabox .imgf{width: 0.42rem;height: 0.43rem;}
.mrabox .imgg{width: 0.47rem;height: 0.47rem;}
.mrabox .imgh{width: 0.42rem;height: 0.45rem;}
.mrabox .imgi{width: 0.41rem;height: 0.46rem;}
.mrabox .tit{color: #C23136;font-size: 0.26rem;font-weight: bold;
text-shadow: 0px 0.02rem 0.01rem #797B7D;
-webkit-text-stroke: 0.01rem #FFFFFF;
text-stroke: 0.01rem #FFFFFF;}