.content{background:#f6f5fa;}
.pk-wrap{background:#f6f5fa;width:100%;padding:0 10px 50px 10px;box-sizing: border-box;color:#000;font-size:12px;}

/*公共*/
.pk-wrap .pk-tit{text-align:center;font-size:14px;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
.pk-wrap .pk-tit span{margin:0 15px;}
.pk-wrap .pk-tit i{font-size:8px;color:red;color: #ddd;display: inline-block;}
.pk-wrap .pk-tit .fz{transform: rotate(180deg);}

.pk-wrap .pk-ok{width:100%;box-sizing: border-box;display: flex;}
.pk-wrap .pk-ok div{width:33.3%;box-sizing: border-box; color:#fff;padding:2px 5px;border-radius: 3px;margin-bottom: 2px;display: inline-block;}
.pk-wrap .pk-ok div i{margin-right:5px;}
.pk-wrap .pk-ok .pk1-ok{background:#14d8df;}
.pk-wrap .pk-ok .pk2-ok{background:#fc6804;}

.pk-wrap .pkxm{padding:10px;line-height: 22px;font-size:12px;font-weight:500;}
.pk-wrap .pk1,.pk-wrap .pk2{padding:10px;border-radius: 5px;line-height: 22px;}
.pk-wrap .pk1{background:#eefbfb;}
.pk-wrap .pk1 i{color:#14d8df;}
.pk-wrap .pk2{background:#fff3eb;}
.pk-wrap .pk2 i{color:#fc6804;}

/*ad*/
.pk-lg{height:100px; background-image: linear-gradient(to top, #f6f5fa, #fff);}
.pk-ad{overflow: hidden;}
.pk-ad img{width:100%;overflow:hidden;display: block;}

/*游轮PK*/
.pk-select{width:100%;display: inline-block;margin-top: 10px;}
.pk-select .pk-open{height:35px;cursor: pointer;background:linear-gradient(to right,#fe925a,#fb4a53);color: #fff;text-align: center;font-size: 14px;line-height: 35px;font-weight: 500;width: 90%;margin: 20px auto;border-radius: 20px;}
.pk-select .pk-select-body{display: flex;flex-wrap: nowrap;justify-content: space-between;position:relative;}
.pk-select .pk-select-body .pk-item{background:#fff;width:48%;height:125px; padding: 8px;box-sizing: border-box;border-radius: 10px;line-height: 20px;}
.pk-select .pk-select-body .pk-vs{width:32px;height:32px;border-radius: 16px;position:absolute;left:calc(50% - 16px);top:calc(50% - 16px);background:#14d8dd;background:linear-gradient(to right,#14d8dd,#14dfbf); text-align:center;color:#fff;font-size:12px;display: flex;justify-content: center;align-items: center;font-weight: 500;opacity: 0.8;}
.pk-item .img-yname{display: flex;justify-content: start;}
.pk-item .img-yname img{width:40px;height:40px;border-radius: 5px; margin-right:5px;object-fit: cover;}
.pk-item .img-yname .yname{flex: 1;font-size:12px; line-height:20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pk-item .img-yname .yname b{font-size:13px;font-weight:600;}
.pk-item .port-day{display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top:10px;padding:0 5px;}
.pk-item .port-day .port i{color:#bbb;margin:0 0px;}
.pk-item .port-day .days{color:#ff7200;border: 1px solid #ff7200;padding: 0 5px;border-radius: 5px}
.pk-item .price-gf{display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top:10px;}
.pk-item .price-gf .price{color: red;font-size:10px;}
.pk-item .price-gf .price .num{font-size:14px;}
.pk-item .price-gf .price .qi{font-size:10px;}
.pk-item .price-gf .gf{color:#bbb;cursor: pointer;}
.pk-item .price-gf .gf i{font-size:12px;}
.pk-item .pk-add{height: 100%;color:#ccc;display: flex;flex-direction: column;justify-content: center;align-items: center;flex-wrap: wrap;cursor: pointer;}
.pk-item .pk-add i{font-size:24px;}
.pk-item:hover{box-shadow: #c9c9c9 1px 1px 5px;}
.pk-item:hover img{transform: scale(1.1);transition-duration: .8s;}

/*价格对比*/
.price-pk{background:#fff;border-radius: 10px;padding:20px;margin:20px 0;}
.price-pk-body{display: flex;justify-content: space-around;align-items: start;}
.price-pk-body ul{width:33.3%;text-align: center;}
.price-pk-body ul li{margin-bottom:10px;}
.price-pk-body .order{height:35px;width:100%;font-size:13px; display: inline-block; cursor: pointer;line-height:35px;border-radius: 3px;color:#fff;margin-top: 20px;}
.price-pk-body .pk1 .order{background:#14d8df;}
.price-pk-body .pk2 .order{background:#fc6804;}
.price-pk-body .pk1 .score{color:#14d8df;}
.price-pk-body .pk2 .score{color:#fc6804;}
.price-pk-body .pg,.price-pk-body .pd{padding:0 2px;border-radius: 3px;margin-left:10px;}
.price-pk-body .pg{border:1px solid #14d8df; color:#14d8df;}
.price-pk-body .pd{border:1px solid #fc6804;color:#fc6804;}
.price-pk-body .price{font-size:14px;color:red;}

/*游轮参数*/
.yacht-pk{background:#fff;border-radius: 10px;padding:10px;margin:20px 0;}
.yacht-pk-body{display: flex;justify-content: space-around;align-items: start;clear:both;}
.yacht-pk-body ul{width:33.3%;text-align: center;}
.yacht-pk-body ul li{margin-bottom:10px;display: flex;justify-content: center;align-items: center;height:22px;font-size:12px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*public对比*/
.public-pk{background:#fff;border-radius: 10px;padding:10px;margin:20px 0;}
.public-pk-body{display: flex;justify-content: space-around;align-items: start;clear:both;}
.public-pk-body ul{width:33.3%;text-align: center;}
.public-pk-body ul li{margin-bottom:10px;display: flex;justify-content: center;align-items: center;height:22px;font-size:12px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.public-pk-body.more ul li{justify-content: start;}
.public-pk-body.more .pkxm li{justify-content: center;}
.public-pk-body .pk1 .you{color:#14d8df;}
.public-pk-body .pk2 .you{color:#fc6804;}
.public-pk-body .pk1 .wu{color:#bbb;}
.public-pk-body .pk2 .wu{color:#bbb;}
.public-pk-body .zf{line-height: 16px;border-radius: 3px;margin-left: 5px;padding:0 2px;}
.public-pk-body .pk1 .zf{color:#14d8df;border: 1px solid #14d8df;}
.public-pk-body .pk2 .zf{color:#fc6804;border: 1px solid #fc6804;}

/*房型对比*/
.room-pk{background:#fff;border-radius: 10px;padding:10px;margin:20px 0;}
.room-pk .pk-r-ok{display: flex;justify-content: space-around;}
.room-pk .pk-r-ok div{width:48%;box-sizing: border-box; color:#fff;padding:2px 5px;border-radius: 3px;margin-bottom: 2px;display: inline-block;}
.room-pk .pk-r-ok div i{margin-right:5px;}
.room-pk .pk-r-ok .pk1-ok{background:#14d8df;}
.room-pk .pk-r-ok .pk2-ok{background:#fc6804;}
.room-pk-body{display: flex;justify-content: space-around;align-items: start;}
.room-pk-body ul{width:50%;text-align: center;overflow:hidden;margin:0 5px;}
.room-pk-body ul li{margin-bottom:10px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.room-pk-body .rimg{width:100%;height:110px;border-radius: 5px;overflow: hidden;}
.room-pk-body .rimg img{height:110px;}
.room-pk-body .rpk1{background: #eefbfb;padding: 5px 10px;border-radius: 5px;box-sizing: border-box;}
.room-pk-body .rpk2{background: #fff3eb;padding: 5px 10px;border-radius: 5px;box-sizing: border-box;}
.room-pk-body .rpk1 span{color: #14d8df;padding: 2px 0;font-size:12px;}
.room-pk-body .rpk2 span{color: #fc6804;padding: 2px 0;font-size:12px;}

/*选择PK项*/
.pl_mask{z-index: 30;background: #000;opacity: .8;position: fixed;left: 0;right: 0;bottom: 0;top: 0;}
.pk-box{z-index: 31;height: 100%;border-radius: 20px 20px 0 0;background: #fff;max-width: 640px;margin: 0 auto;position: fixed;bottom: 0;left: 0;right: 0;top: 10%;box-shadow: 2px 2px 5px #999;display: flex;flex-direction: column;}
.pk-box.off{display:none;}
.pk-box .pk-box-tit{height:40px;box-sizing: border-box; text-align:center;padding:10px;font-size:15px;border-bottom: 1px solid #eee;margin:0 25px;}
.pk-box .pk-close{position:absolute;right:20px;top:20px;cursor: pointer;}
.pk-box .pk-box-body{height: calc(100% - 150px);min-height:370px; overflow-y: scroll; padding: 10px;box-sizing: border-box;}
.pk-box .pk-box-body li{display: flex;justify-content: start;line-height:22px;margin-bottom:10px;border-radius: 5px;border:1px dashed #ddd;padding: 10px 5px;}
.pk-box .pk-box-body li:hover{box-shadow: #c9c9c9 1px 1px 5px;}
.pk-box .pk-box-body li img{width:55px;height:55px;border-radius: 5px; margin-right:5px;object-fit: cover;}
.pk-box .pk-box-body li .info{display: flex;flex-direction: column;justify-content: start;flex: 1;}
.pk-box .pk-box-body li.on{border: 1px solid #14d8df;border-radius: 5px;}
.pk-box .name-price{display: flex;justify-content: space-between;}
.pk-box .name-price .yname{flex: 1;height:25px; line-height:16px;font-size:12px;}
.pk-box .name-price .price{width:80px;color: red;font-size:10px;text-align: right;}
.pk-box .name-price .price .num{font-size:14px;}
.pk-box .name-price .price .qi{font-size:10px;}
.pk-box .port-day{font-size:12px; display: flex;justify-content: space-between;padding:0 5px;margin-top:10px;height: 23px;line-height: 23px;}
.pk-box .port-day .port i{color:#bbb;margin:0 5px;}
.pk-box .port-day .days{color:#ff7200;border: 1px solid #ff7200;padding: 0 5px; border-radius: 5px;line-height:18px;}
.pk-box .pk-tips{padding:30px 0;text-align:center;font-size:14px;color:#bbb;}
.pk-box .pk-box-body li .box-left i{color:#bbb;}
.pk-box .pk-box-body li.on .box-left i{color:#39b54a;}
.box-left{width: 35px;display: flex;justify-content: center;align-items: center;}
.box-right{flex: 1;display: flex;justify-content: start;}

/*box-tools*/
.pk-box-tools{height:40px;width: 100%;background: #fff;box-sizing: border-box;padding:5px 20px;display: inline-block;border-top: 1px solid #c4c4c4;box-shadow: 0px -2px 5px #c4c4c4;}
.pk-box-tools{position: fixed;max-width: 640px;bottom: 10px;}
.pk-box-tools-body{display: flex;justify-content: space-evenly;}
.pk-box-tools-body .cancel{border: 1px solid #bbb;padding: 5px;width: 40%;text-align: center;height: 25px;border-radius: 20px;display: flex;justify-content: center;align-items: center;font-size: 16px;}
.pk-box-tools-body .confirm{background:#14d8df;color:#fff; padding: 5px;width: 45%;text-align: center;height: 25px;border-radius: 20px;display: flex;justify-content: center;align-items: center;font-size: 16px;}

/*pk状态*/
.pk-status{background: #fff;border-radius: 10px;padding: 20px 10px;margin: 20px 0;color: #bbb;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pk-status .ericon{font-size:32px;margin-bottom:10px;}
.pk-status .error{font-size:14px;}