body{background:#fff;}
.pk-wrap{width: 1200px;margin: 10px auto 20px auto;color:#000;box-sizing: border-box;font-size:12px;}
.pk-table{width: 100%;border: solid 1px #f3f4f5;border-collapse: collapse;box-sizing: border-box;}
.pk-table tr{display: flex;justify-content: start;flex-wrap: nowrap;}
.pk-table th,.pk-table td{padding: 10px;box-sizing: border-box;line-height:20px;text-align:center;}
.pk-table th{width:145px;color:#555;font-size: 12px;}
.pk-table td{flex: 1;}

.pk-select td{border:0;}
.price-pk td{border:0;}
.pk-ok-tr td{border:0;}
.room-pk-body td{border:0;}

tbody.linebg td:hover{color: #ca963b;background: #fbf2e0}
.pk-table td:nth-child(odd){background: #fff;}
.pk-table td:nth-child(even){background: #fbf9f8;}

.room-pk-body td:nth-child(odd){background: #fff;}
.room-pk-body td:nth-child(even){background: #fff;}
.pk-select td:nth-child(odd){background: #f6f5fa;}
.pk-select td:nth-child(even){background: #f6f5fa;}

.price-pk td:nth-child(odd){background: #fff;}
.price-pk td:nth-child(even){background: #fff;}
.pk-ok-tr td:nth-child(odd){background: #fff;}
.pk-ok-tr td:nth-child(even){background: #fff;}

/*公共*/
.pk-wrap .pk-tit{text-align:center;font-size:15px;padding:10px 0 20px 0;display: flex;justify-content: center;align-items: center;}
.pk-wrap .pk-tit span{margin:0 15px;color:#3e6a8d;font-size:16px;font-weight: 600;}
.pk-wrap .pk-tit i{font-size:8px;color: #ddd;display: inline-block;}
.pk-wrap .pk-tit .fz{transform: rotate(180deg);}
.pk-table .sticky{position: -webkit-sticky;position: sticky;top:0;z-index:98;}

/*选择游轮行程*/
.pk-select{background: #f6f5fa;}
.pk-select th{height: 130px;display: flex;justify-content: center;align-items: center;}
.pk-select th .pk-add{height: 35px;padding: 0 5px;cursor: pointer;color: #fff;text-align: center;font-size: 14px;line-height: 35px;font-weight: 500;width: 100%;border-radius: 20px;background: linear-gradient(to right, #fe925a, #fb4a53);display: flex;justify-content: center;align-items: center;}
.pk-select th .pk-add i{font-size:20px;}
.pk-select th .pk-add:hover{opacity: 0.75;}
.pk-select td .pk-item{width: 100%;position: relative;box-sizing: border-box;display: flex;flex-direction: row;justify-content: start;align-items: start;background:#fff; line-height:20px; border: 1px solid #dde5ed;padding:10px;border-radius: 6px;}
.pk-select td .pk-item .img-yname{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right:10px;}
.pk-select td .pk-item .img-yname .yname{margin-top:5px;font-weight: 600;color: #3e6a8d;}
.pk-select td .pk-item .img-yname img{width: 60px;height: 60px;border-radius: 5px;object-fit: cover;}
.pk-select td .pk-item .yinfo{flex:1;}
.pk-select td .pk-item .yinfo .rname{font-weight: 600;padding-right: 5px;color:#3e6a8d;line-height: 16px;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pk-select td .pk-item .yinfo .port-day{margin: 5px 0;color: #8fa0ae;display: flex;justify-content: space-between;align-items: center;}
.pk-select td .pk-item .yinfo .port-day .port i{color:#bbb;margin:0 0px;}
.pk-select td .pk-item .yinfo .port-day .days{color: #8fa0ae;}
.pk-select td .pk-item .yinfo .price-order{display: flex;justify-content: space-between;align-items: center;}
.pk-select td .pk-item .yinfo .price{color: red;font-size:10px;}
.pk-select td .pk-item .yinfo .price .num{font-size:14px;}
.pk-select td .pk-item .yinfo .price .qi{font-size:10px;}
.pk-select td .pk-item .yinfo .gf{color:#bbb;cursor: pointer;}
.pk-select td .pk-item .yinfo .gf i{font-size:12px;}
.pk-select td .pk-item .yinfo .order{color: #3e6a8d;padding: 2px 5px;border-radius: 5px}
.pk-select td .pk-item:hover{box-shadow: #c9c9c9 1px 1px 5px;}
.pk-select td .pk-item:hover img{transform: scale(1.1);transition-duration: .8s;}
.pk-select td .pk-item .del{position: absolute;right: 0;top: 0;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;}
.pk-select td .pk-item .del i{font-size:22px;cursor: pointer;color: #3e6a8d;}
.pk-select td .pk-item .del:hover{animation: rotate 1s;animation-iteration-count: 1;}
@keyframes rotate {from {transform: rotate(0deg);} to {transform: rotate(180deg);}}

/*价格对比*/
.price-pk{margin-top:20px;}
.price-pk ul{box-sizing: border-box;}
.price-pk ul:hover{box-shadow: #c9c9c9 1px 1px 5px;}
.price-pk li{margin:8px 0;font-size:12px;}
.price-pk .tit{color:#3e6a8d;}
.price-pk .pk1,.price-pk .pk2{padding:10px 20px;box-sizing: border-box;position:relative;}
.price-pk .pk1{background: #eefbfb;}
.price-pk .pk2{background: #fbebe6;}
.price-pk .pk1 .order{background:#14d8df;}
.price-pk .pk2 .order{background:#ff8845;}
.price-pk .pk1 .score{color:#14d8df;}
.price-pk .pk2 .score{color:#fc6804;}
.price-pk .pg,.price-pk .pd{padding:0 2px;border-radius: 3px;margin-left:10px;}
.price-pk .pk1 .pg,.price-pk .pk1 .pd{border:1px solid #14d8df; color:#14d8df;}
.price-pk .pk2 .pg,.price-pk .pk2 .pd{border:1px solid #fc6804; color:#fc6804;}
.price-pk .price{font-size:16px;color:red;}
.price-pk .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 .pk-ok{text-align: initial;box-sizing: border-box;color: #fff;background: #ff8845;padding: 2px 5px;border-radius: 3px;margin-bottom: 2px;display: inline-block;position: absolute;top: -26px;left: 0;width: 100%;}
.price-pk .pk-ok i{margin-right:5px;}

/*游轮PK*/
.yacht-pk td i{color: #fc6804;}

/*房型PK*/
.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:135px;border-radius: 5px;overflow: hidden;}
.room-pk-body .rimg img{width:200px; height:135px;}
.room-pk-body .rpk1{background: #eefbfb;padding: 15px 10px;border-radius: 5px;box-sizing: border-box;position:relative;}
.room-pk-body .rpk2{background: #fbebe6;padding: 15px 10px;border-radius: 5px;box-sizing: border-box;position:relative;}
.room-pk-body .rpk1 span{color: #14d8df;padding: 2px 0;font-size:12px;}
.room-pk-body .rpk2 span{color: #ff8845;padding: 2px 0;font-size:12px;}
.room-pk-body li:hover img{transform: scale(1.1);transition-duration: .8s;}
.room-pk-body .pk-ok{text-align: initial;box-sizing: border-box;color: #fff;background: #ff8845;padding: 2px 5px;border-radius: 3px;margin-bottom: 2px;display: inline-block;position: absolute;top: -26px;left: 0;width: 100%;}
.room-pk-body .pk-ok i{margin-right:5px;}
.room-pk-body td{vertical-align: top;}
/*设施PK*/
.public-pk .you{color: #14d8df;}
.public-pk .wu{color: #bbb;}
.public-pk .pk-ok-tr td{position:relative;}
.public-pk .pk-ok{text-align: initial;box-sizing: border-box;color: #fff;background: #ff8845;padding: 2px 5px;border-radius: 3px;margin-bottom: 2px;display: inline-block;position: absolute;bottom: -2px;left: 0;width: 99%;}
.public-pk .pk-ok i{margin-right:5px;}
.public-pk .zf{line-height: 16px;border-radius: 3px;margin-left: 5px;padding: 2px 5px;color:#14d8df;border: 1px solid #14d8df;}
.text-left td{text-align:left;}

/*选择PK项*/
.pk-add-wrap{position:relative;width:100%;}
.pk-box{width:650px;height:420px;position: absolute;top:40px;left:0px; z-index: 99; border-radius: 20px;background: #fff; box-shadow: 2px 2px 5px #999;display: none;flex-direction: column;}
.on .pk-box{display:flex;}
.pk-box .pk-box-tit{color: #1c3b78;height:40px;box-sizing: border-box; text-align:left;padding:10px 20px;font-size:15px;border-bottom: 1px solid #eee;}
.pk-box .pk-box-tit i{margin-right:3px;font-size: 18px;}
.pk-box .pk-box-tit .tips{color: #ccc;font-size: 12px;font-weight: normal;margin-left: 10px;}
.pk-box .pk-box-tit .tips b{color:Red;font-weight: 400;font-size: 14px;}
.pk-box .pk-close{position:absolute;right:20px;top:10px;cursor: pointer;}
.pk-box .pk-close:hover{animation: rotate 1s;animation-iteration-count: 1;}
.pk-box .pk-box-body{flex:1; overflow-y: scroll; padding: 15px;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 .name-price{display: flex;justify-content: space-between;}
.pk-box .name-price .yname{flex: 1;color: #000;height:25px; line-height:16px;font-size:12px;text-align: left;}
.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{color: #555;}
.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;cursor: pointer;}
.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:50px;border-top: 1px solid #eee;width: 100%;border-radius: 0 0 20px 20px;background: #fff;box-sizing: border-box;padding:5px 0px;display: inline-block;}
.pk-box-tools-body{display: flex;justify-content: space-evenly;}
.pk-box-tools-body .cancel{text-decoration:none; border: 1px solid #b5c9dd;padding: 5px;width: 30%;text-align: center;height: 25px;border-radius: 20px;display: flex;justify-content: center;align-items: center;font-size: 14px;}
.pk-box-tools-body .confirm{text-decoration:none;background:#0084ff;color:#fff; padding: 5px;width: 30%;text-align: center;height: 25px;border-radius: 20px;display: flex;justify-content: center;align-items: center;font-size: 14px;}
.pk-box-tools-body .confirm:hover{opacity: 0.75;}

/*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;}