/*css reset START*/
* {
    user-select: none;
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    position: relative;
    width: 100%;
    font-size: 100px;
}

body {
    font: .22rem/1.75 -apple-system, "source", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.24rem;
    position: relative;
    overflow-x: hidden;
}

fieldset,
img {
    border: 0;
}

img {
    user-select: none;
    vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%;
}

select {
    -webkit-appearance: none
}

.clear:after {
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clear {
    *zoom: 1;
}

i {
    font-style: normal;
}

:focus {
    outline: 0;
}

a,
a:active {
    color: #ffffff;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    display: inline-block;
}

.hide {
    width: 0;
    height: 0;
    overflow: hidden;
    display: none;
}

.t {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pf {
    position: fixed;
}

.over-width {
    width: 100%;
}

.fullwidth {
    width: 96%;
}

.btn-pop {
    width: 200px;
    height: 100px;
    background: #333;
    color: #fff;
    font-size: 20px;
}

.flex {
    display: flex;
    display: -webkit-flex;
}

.flex-1 {
    flex: 1;
    -webkit-flex: 1;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-center-around {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}

.flex-middle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-start-around {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.flex-column-center-start {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.flex-row-center-start {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.flex-column-center-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
}

.flex-cm {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
}

.t-c {
    text-align: center;
}

.t-l {
    text-align: left;
}

.t-r {
    text-align: right;
}

.bg {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

.bg-full {
    background-size: 100% 100%;
}

input[type=tel]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

input::placeholder {
    color: #d1d4d8;
}

.scroll::-webkit-scrollbar {
    width: .1rem;
    height: 1px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #6f5536;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: .1rem;
    background: #dac2a2;
}

.bd-rds-half {
    border-radius: 50%;
}

.mrg-top {
    margin-top: 0.3125rem !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.mrg-left {
    margin-left: 0.3125rem !important;
}

/*css reset END*/
/* mobile adaptation start */
@media only screen and (width:414px) {
    #wrap {
        zoom: 1.104;
    }
}

@media only screen and (width:320px) {
    #wrap {
        zoom: 0.853333333333333;
    }
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {

    /* ¼æÈÝiphone4/4s */
    .topbox {
        padding-top: 50px;
    }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {

    /* ¼æÈÝiphone5 */
    .topbox {
        padding-top: 70px;
    }
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {

    /* ¼æÈÝiphone6 */
    .topbox {
        padding-top: 100px;
    }
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {

    /* ¼æÈÝiphone6 Plus */
    .topbox {
        padding-top: 130px;
    }
}

/* mobile adaptation end */
body {
    background-color: #306949;
    box-sizing: border-box;
}

#afooter {
    background: #000000;
    text-align: center;
    color: #ddd;
    font-size: .22rem;
    padding: .1rem 0;
}

.btn_click {
    pointer-events: auto
}

/* @font-face {
    font-family: 'font';
    src: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/font.TTF");
} */

.font {
    font-family: 'font';
}

.w40 {
    width: 0.68rem;
}

.w50 {
    width: 1.0417rem;
}

.w58 {
    width: 1.2084rem;
}

.w45 {
    width: 0.9375rem;
}

.w80 {
    width: 1.5rem;
}

.w-h30 {
    width: 0.625rem;
    height: 0.625rem;
}

.wh60 {
    width: 1.1rem;
    height: 1.1rem;
}

.wh62 {
    width: 0.985rem;
    height: 0.985rem;
}

.wh70 {
    width: 1.15rem;
    height: 1.15rem;
}

.wh75 {
    width: 1.13rem;
    height: 1.13rem;
}

.wh6-7 {
    width: 1.125rem;
    height: 1.38rem;
}

.wh6-9 {
    width: 1.125rem;
    height: 1.675rem;
}

.h50 {
    height: 1.0625rem;
}

.h30 {
    height: 0.6rem;
}

.h70 {
    height: 1.15rem;
}

.w135 {
    width: 2.5rem;
    height: 0.6rem;
}

.btn {
    position: relative;
    display: block;
    width: 3.96rem;
    height: .92rem;
    margin: 0 auto;
    font-size: 0;
    text-indent: -999em;
    vertical-align: middle;
}

.txt-btn {
    display: block;
    width: 2.5rem;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    color: #333;
    font-size: 0.38rem;
    background-color: #f3ac4f;
    border-radius: 0.2125rem;
}

.txt-link-btn {
    display: block;
    width: 2.5rem;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    color: #1b6bc5;
    font-size: 0.28rem;
    margin-top: 0.045rem;
}

.login-btn {
    width: 100px;
    height: 100px;
}

.btn::after {
    content: '';
    pointer-events: none;
    width: 4.33rem;
    height: 1.38rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-s {
    position: relative;
    width: 2.86rem;
    height: .68rem;
    margin: 0 auto;
}

.btn-s::after {
    width: 3.25rem;
    height: 1.12rem;
}

.pop-body-msg {
    width: 5.2rem;
    font-size: .24rem;
    line-height: 1.24;
    margin: 0 auto;
    color: #4863c0;
}


.pop-affirm {
    display: block;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/affirm-btn.png") no-repeat;
    width: 2.25rem;
    height: 0.62rem;
    background-size: 100% auto;
    margin: 0.1rem auto 0;
}

.pop-go {
    display: block;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/qrbd-btn.png") no-repeat;
    width: 2.25rem;
    height: 0.62rem;
    background-size: 100% auto;
    margin: 0.1rem auto 0;
}

.txt-link-btn {
    display: block;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/create-link.png") no-repeat;
    width: 1.99rem;
    height: 0.6rem;
    background-size: 100% auto;
    margin-left: 0.15rem;
}

.login-btn {
    width: 100px;
    height: 100px;
}


.btn::after {
    content: '';
    pointer-events: none;
    width: 4.33rem;
    height: 1.38rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-s {
    position: relative;
    width: 2.86rem;
    height: .68rem;
    margin: 0 auto;
}

.btn-s::after {
    width: 3.25rem;
    height: 1.12rem;
}

.pop-body-msg {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/dl-img.png") no-repeat;
    width: 4.09rem;
    height: 2.02rem;
    background-size: 100% auto;
    margin: 0.25rem auto 0;
}

.pop-body-msg a {
    width: 50%;
    height: 100%;
}

.pop {
    display: none;
    position: relative;
    box-sizing: border-box;
    color: #ffffff;
    font-size: .2rem;
    padding-top: .55rem;
}

.pop-bg {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/pop01.png") no-repeat;
    width: 7.01rem;
    height: 4.44rem;
    background-size: 100% auto;
}
.pop_tit {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/pop-tit-n.png") no-repeat;
    background-size: 6rem auto;
    width: 6rem;
    height: 0.55rem;
    margin: 0 auto;
}

.pop-ti1 {
    background-position: 0 0;
}

.pop-ti2 {
    background-position: 0 -0.79rem;
}

.pop-ti3 {
    background-position: 0 -1.52rem;
}

.pop-ti4 {
    background-position: 0 -2.48rem;
}

.pop-ti5 {
    background-position: 0 -3.32rem;
}

.rule-box {
    width: 4.68rem;
    height: 4.7rem;
    overflow: auto;
    margin: 0 auto;
    padding: .1rem 0;
    box-sizing: border-box;
    font-size: .22rem;
    color: #4863c0;
}

.pop-close {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/close-btn.png") no-repeat;
    height: 0.42rem;
    width: 0.42rem;
    background-size: 100% auto;
    position: absolute;
    top: -0.3rem;
    right: 0.2rem;
    z-index: 9;
}

.pop-tit {
    width: 2.37rem;
    height: .6rem;
    font-size: .4rem;
    font-weight: bold;
    margin: 0 auto 0.3125rem auto;
    text-align: center;
    position: relative;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/pop_tit.png") no-repeat center center/100% auto;
}


.pop-tt {
    color: #333;
    font-size: 0.45rem;
}

.pop .option-list {
    width: 90%;
    margin: 0.2rem auto 0;
}

.pop .option-list select {
    border: none;
    background: none;
    appearance: none;
    font-size: 0.16rem;
    color: #8b8a89;
    text-indent: 0.2rem;
    line-height: 0.39rem;
    width: 100%;
    height: 100%;
    margin-top: 0.07rem;
}

.pop .option-list li div {
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/pop-inp01.png) no-repeat;
    width: 3.61rem;
    height: 0.39rem;
    background-size: 100% auto;
    float: right;
    font-size: 0;
    margin-bottom: 5px;
}

.pop-text01 {
    color: #882c07;
    font-size: 0.2rem;
    margin: 0.25rem auto 0.25rem auto;
    text-align: center;
}

.bwidth {
    width: 70%;
    margin-top: 0.1rem;
}

.pop-text02 {
    color: #882c07;
    font-size: 0.2rem;
    margin: 0.3rem auto;
    text-align: center;
}

.pop .affirm-btn {
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/qrbd-btn.png) no-repeat;
    width: 2.25rem;
    height: 0.62rem;
    background-size: 100% auto;
    margin: 0.1rem auto;
}

.pop .option-list li span {
    width: 20%;
    display: block;
    font-size: 0.24rem;
    color: #882c07;
    line-height: 0.24rem;
    text-align: center;
}

.input-box {
    margin: 0.2rem 0;
}

.btn_copy {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/copy.png") no-repeat;
    width: 2.25rem;
    height: 0.62rem;
    background-size: 100% auto;
    margin: 0.12rem auto 0;
}

.pop-btn-box {
    width: 4.45rem;
    margin: 0.1rem auto 0
}

.cancel-btn {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/cancel-btn.png") no-repeat;
    background-size: 100% auto;
    height: 0.6rem;
    width: 2rem;
    margin-top: 0.05rem;
}

.input-box input {
    width: 3.55rem;
    height: 0.33rem;
    color: #882c07;
    background: #f8ebcd;
    border: 2px solid #eaca98;
    font-size: 0.2rem;
    line-height: 0.33rem;
    text-align: center;
    border-radius: 0.2rem;
}

.num-box {
    width: 6.22rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/text-bg.png") top center;
    background-size: 100% 100%;
    min-height: 1.5rem;
    text-align: center;
    margin: 0.2rem auto;
}

.num-box p {
    width: 90%;
    color: #882c07;
    font-size: 0.2rem;
    margin: 0.125rem auto;
    text-align: center;
}

.main {
    margin: 0;
    padding: 0;
    width: 7.5rem;
    background-color: #5c260e;
}

.page {
    width: 7.5rem;
    position: relative;
    height: auto;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/bg.jpg") no-repeat top;
    background-size: 100% auto;

}

.head {
    height: 9.25rem;
    position: relative;
    box-sizing: border-box;
    padding-top: 6.8rem;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.logo {
    left: 0.1rem;
    top: 0.1rem;
    background-image: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/logo.png");
    width: 1.15rem;
    height: 0.57rem;
}

.slogan_time {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/slogan-s.png") no-repeat center/100% auto;
    width: 100%;
    height: 0.48rem;
}

.loginfo {
    position: absolute;
    text-align: right;    
    color: #ffe191;
    font-size: 24px;
    font-family: font;
    text-shadow: 0.02rem 0 .1rem #4c65b2;
    width: 50%;
    margin: 0.2rem auto 0 auto;
    top: 0;
    right: 20px;
}
.login{
    display: flex;
    flex-direction: column;
}
#milo-logined,#milo-areaName,#milo-roleName{
    font-size: 14px !important;
}

.loginfo a {
    color: #ffe191;
    margin-left: 0.05rem;
    font-size: 14px;
}

.litter-title {
    width: 90%;
    text-indent: -9999px;
    height: 2rem;
}

.litter-cont {
    width: 100%;
}

.experience-bgcon {
    margin-bottom: 0.35rem;
    margin-top: 1rem;
}
.experience-bgcon .jd-linebox {
    width: 100%;
}

.experience-bgcon .jd-cont {
    width: 96%;
}
.experience-bgcon .jd-num-cont {
    width: 94%;
}

.experience-bgcon .jd-linebox .topb {
    height: 0.5rem;
    /* background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/jindutiao.png") no-repeat center/100% auto; */
}

.experience-bgcon .jd-linebox .topb .choose {
    background: #e6b14a;
}
.experience-bgcon .jd-linebox .topb .area {
    width: 25%;
    height: 0.13rem;
    position: relative;
}
.experience-bgcon .jd-linebox .topb .area .yyinfo{
    width: 100%;
    height: 0.6rem;
    position: absolute;
    bottom: 0.3rem;
}
.experience-bgcon .jd-linebox .topb .area .yyinfo p{
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    color: #ffe4a4;
    height: 0.3rem;
    letter-spacing: 0.02rem;
}
.experience-bgcon .jd-linebox .topb .area:first-child {
    border-top-left-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
}
.experience-bgcon .jd-linebox .topb .area:last-child {
    border-top-right-radius: .4375rem;
    border-bottom-right-radius: .4375rem;
}

.experience-bgcon .jd-linebox .midbox {
    width: 100%;
    border-radius: 0.1rem;
    border: 0.01rem solid #fbf191;
    background-color: #bc3d0e;
}

.experience-bgcon .flwr-b{
    position: absolute;
    left: 56%;
    margin-left: -.19rem;
    top: -0.05rem;
    width: 0.38rem;
    height: 0.38rem; 
}
.experience-bgcon .jd-linebox .topb .area .flwr {
    width: 0.16rem;
    height: 0.16rem;
    background-color: #bd3e0e;
    border-radius: 50%;
    border: 0.05rem solid #faee85;
}
.experience-bgcon .jd-linebox .topb .active .flwr {
    /* width: 0.3rem;
    height: 0.3rem;
    border: 0.01rem solid #ffd297;
    background-color: #782805; */
    /* background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/flower_light.png") no-repeat center/100% auto; */
}
.experience-bgcon .jd-linebox .topb .active {
    background: #4fae54;
    width: 25%;
}
.experience-bgcon .jd-linebox .topb .active:first-child {
    margin-left: 0;
}
.experience-bgcon .jd-linebox .count .box {
    flex: 1;
    width: 0.85rem;
    height: 0.35rem;
}


.gift-cont .litter-title {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/gift_bg.png") no-repeat center/100% auto;
}

.experience-cont {
    margin-top: 0.65rem;
}
.swp-cont{
    margin-top: 2.65rem;
}
.swp-cont .swp-con {
    width: 6.86rem;
    height: 4.24rem;
    position: relative;
    background-size: cover;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/scross_bg.png") no-repeat center/100% auto;
}

.swiper-slide{
    width: 5.65rem;
    height: 3.5rem;
    margin-top: -0.1rem;
    display: flex;
    flex-direction: row;
}
.swiper-slide .ttl{
    width: 1.1rem;
    height: 3.89rem;
    background-size: cover;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/tt_tip.png") no-repeat center/100% auto;
    margin: -0.3rem 0 0 0.65rem;
}
.ttl span{
    width: 0.4rem;
    line-height: 0.28rem;
    color: #ffc95e;
    font-size: 0.28rem;
    text-align: center;
    margin-top:0.48rem;
}
.ttl .minitxt{
    font-size: 0.22rem;
    line-height: 0.22rem;
}
.swiper-slide .rt-con{
    width: 90%;
    margin-top: 0.2rem;
    margin-left: 0.1rem;
}
.swiper-slide .rt-con .img-con{
    width: 4.57rem;
    height: 2.32rem;
    background-size: cover;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/img_bg.png") no-repeat center/100% auto;
}
.swiper-slide .rt-con .img-con img{
    width: 4.55rem;
    height: 2.3rem;
}
.swiper-slide .rt-con .line{
    width: 2.35rem;
    height: 0.11rem;
    background-size: cover;
    margin-left: -0.1rem;
    margin-top: 0.04rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/lb_line.png") no-repeat center/100% auto;
}
.swiper-slide .rt-con .infos{
    font-size: 0.2rem;
    color: #311104;
    width: 4.8rem;
    line-height: 0.22rem;
    margin-top: -0.05rem;
}
.swiper-box {
  background-image: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/scross_bg.png");
  width: 6.86rem;
  height: 4.24rem;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.swiper-box .swiper {
    width: 6.86rem;
    height: 4.24rem;
    border-radius: .5rem;
    overflow: hidden;
    margin: 0 auto;
}
.swiper-box .swiper-slide {
    width: 6.86rem;
    height: 3.5rem;
    margin-top: 0.3rem;
}
.swiper-prev,
.swiper-next {
  display: block;
  width: 0.75rem;
  height: 0.73rem;
  z-index: 99;
}
.swiper-prev {
  position: absolute;
  right: initial;
  left: -0.2rem;
  top: 1.7rem;
  z-index: 2;
  cursor: pointer;
  background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/scross0.png") 0 0 no-repeat;
  background-size: cover;
}
.swiper-next {
    position: absolute;
    top: 1.7rem;
    right: -0.2rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/scross.png") 0 0 no-repeat;
    background-size: cover;
}
.swiper-pagination {
  width: 100%;
  height: .3rem;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
}
.swiper-pagination .swiper-pagination-bullet {
  background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/dot_no.png") 0 0 no-repeat;
  background-size: .3rem auto;
  width: .25rem !important;
  height: .25rem !important;
  margin: 0 .1rem;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/dot_in.png") 0 0 no-repeat;
  background-size: .25rem auto;
}

.companion-cont {
    margin-top: -0.42rem;
}

.companion-cont .litter-title {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/fun_bg.png") no-repeat center/100% auto;
}

.dayup-cont .litter-title {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/dayup_bg.png") no-repeat center/100% auto;
}

.rule-cont .litter-title {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/rule_bg.png") no-repeat center/100% auto;
}

.companion-bgcon .litter-title {
    width: 60%;
    text-indent: -9999px;
    height: 0.5rem;
    margin-top: -0.2rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/jbrw.png") no-repeat center/100% auto;
}

.fun-ltt {
    width: 50%;
    text-indent: -9999px;
    height: 0.8rem;
    margin-top: 0.3rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/fun_lt.png") no-repeat center/100% auto;
}

.fun-count {
    width: 53%;
    text-align: center;
    height: 0.6rem;
    line-height: 0.65rem;
    color: #f0ecca;
    margin-bottom: 0.1rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/fun_count_bg.png") no-repeat center/100% auto;
}

.fun-count i {
    color: #e9da6f;
}

.rule-cont {
    margin: 2.3rem 0 0 0;
    height: 9.05rem;
    justify-content: flex-start;
}

.common-width {
    width: 92%;
}

.receive-con {
    width: 7.01rem;
    height: 3.61rem;
    position: relative;
    background-size: cover;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/part1.png") no-repeat center/100% auto;
}

.half {
    width: 40%;
}

.rt-half {
    width: 55%;
    margin-left: -0.9rem;
}

.book-btn{
    margin: 12px auto;
    width: 3.71rem;
    height: 0.97rem;
}
.book-bg {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/yuyue.png") no-repeat center/100% auto;
}
.booked{
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/booked.png") no-repeat center/100% auto;
}

.receive-bg {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/get-btn2.png") no-repeat center/100% auto;
}
.receive-bg-g {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/get-btn2-g.png") no-repeat center/100% auto;
}
.receive-bg2 {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/btn_get.png") no-repeat center/100% auto;
}
.receive-bg-no {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/btn_got.png") no-repeat center/100% auto;
}
.rec-btn {
    width: 1.54rem;
    height: 0.47rem;
}
.receive-bg-mini {
    position: absolute;
    width: 1.5rem;
    height: 0.4375rem;
    bottom: -0.1375rem;
}
.time_img {
    margin-top: -0.4rem;
    width: 2.5rem;
    height: 0.625rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/time.png") no-repeat center/100% auto;
}

.receive-con .top-ltcon {
    height: auto;
}

.reward .flex-middle {
    width: 25%;
}
.white{
    color: #fff !important;
}
.top-ltcon2 {
    position: relative;
    margin-left: 5px;
    margin-top: -10px;
}

.long-text-s {
    margin: 0 -.22rem !important;
}

.litter-text {
    width: 1.2rem;
    height: 0.3rem;
    line-height: 0.2rem;
    overflow: hidden;
    font-size: .16rem;
    transform-origin: 0 0;
    color: #ffe6a7;
    text-align: center;
}
.bind-litter-text {
    width: 1.2rem;
    height: 0.3rem;
    line-height: 0.3rem;
    overflow: hidden;
    font-size: .18rem;
    transform-origin: 0 0;
    color: #ffe6a7;
    text-align: center;
}

.mini-text {
    font-size: .14rem;
    transform-origin: 0 0;
}

.nums {
    position: absolute;
    bottom: 0.015rem;
    right: 0.15rem;
    font-size: .18rem;
    text-align: left !important;
    width: 0.16rem;
}

.common-txt{
    color: #ffe4b8
}
.wtxt {
    color: #882c07;
}
.lt_txt{
    color: #f28433;
}
.btxt {
    color: #194529 !important;
}

.top-ltcon span {
    display: block;
    color: #642005;
    text-align: center;
    margin: 0 -.2rem;
}

.top-ltcon .prop-box {
    width: 1.09rem;
    height: 1.09rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/gift_box_bg.png") no-repeat center/100% auto;
}

.receive-btn {
    width: 1.54rem;
    height: 0.47rem;
    bottom: 0.68rem;
    right: 1.75rem;
    position: absolute;
}
.code{
    /* background-color: #000; */
   width:1.9rem;
    height: 2.8rem;
    margin: -0.5rem 0 0 0.4rem;
}
.code-ewm {
    width: 1.36rem;
    height: 1.36rem;
    border: 0.03rem #ca4c17 solid;
    display: block;
    margin: 0 auto;
}
.code img{
    width: 100%;
    height:100%;
    margin:0 auto;
    display: block;
}
.code span{
    display: block;
}
.code .tt{
    color: #9a2c00;
    font-size: 0.18rem;
    text-align: center;
    margin-bottom: .1rem;
}
.code .txt{
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.18rem;
    color: #35160c;
}
.code .txt-box {
    width: 1.9rem;
    margin: 0.18rem auto 0;
    height: 1.3rem;
}
.code .sao{
    margin-top: 0.1rem;
    letter-spacing: 0.03rem;
}
.receive-top-con {
    width: 74%;
    margin: -0.25rem 0 0 -0.2rem;
}

.experience-bgcon a {
    width: 100%;
}

.experience-bg1 {
    min-height: 3.65rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/banner_1.png") no-repeat center/100% auto;
}

.experience-bg2 {
    min-height: 4.45rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/banner_2.png) no-repeat center / 100% auto;
    margin-top: -0.05rem;
}

.reward {
    width: 96%;
    margin: 0.05rem auto;
    color: #ffffff;
    display: flex;
    justify-content: center;
}

.mini-cont {
    display: flex;
    justify-content: center;
    width: 94%;
}
.experience-bgcon .mini-cont {
    display: flex;
    justify-content: center;
    width: 100%;
}
.experience-bgcon .mini-cont li{
    position: relative;
    width: 1.34rem;
    height: 5.01rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/pro_bg.png) no-repeat center / 100% auto;
    margin: 0 0.02rem;
}
.experience-bgcon .mini-cont li a{
    position: absolute;
    width: 1.06rem;
    height: 0.33rem;
    bottom: 1rem;
}
.experience-bgcon .mini-cont li .rwdbox{
    margin-top: 0.75rem;
}
.experience-bgcon .mini-cont li .rwd-item{
    width: 1.09rem;
    height: 1.4rem;
}
.experience-bgcon .mini-cont li .rwd-item img{
    width: 1.09rem;
    height: 1.09rem;
}
.reward .top-ltcon {
    position: relative;
    height: 2.5rem;
    margin-top: -0.5rem;
}

.reward .long-top-ltcon {
    position: relative;
    height: 2.8rem;
    margin-top: -0.4rem;
}

.reward .top-ltcon2 {
    position: relative;
    height: 2.8rem;
}

.reward .totop2 {
    margin-top: -0.4rem;
}

.reward .totop_btn {
    margin-top: -0.75rem;
}

.btn-box-width {
    width: 95%;
}

.jd-linebox {
    width: 100%;
}

.jd-cont {
    width: 96%;
}
.jd-num-cont {
    width: 94%;
}

.companion-cont .jd-linebox .topb {
    height: 0.65rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/jindutiao.png") no-repeat center/100% auto;
}

.companion-cont .jd-linebox .topb .areaTwo {
    width: 25%;
    height: 0.13rem;
    background: #ecf3dd;
    position: relative;
}
.companion-cont .jd-linebox .topb .areaTwo:first-child {
    border-top-left-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
}
.companion-cont .jd-linebox .topb .areaTwo:last-child {
    border-top-right-radius: .4375rem;
    border-bottom-right-radius: .4375rem;
}

.companion-cont .jd-linebox .midbox {
    width: 94%;
}

.companion-cont .flwr-b{
    position: absolute;
    left: 50%;
    margin-left: -.19rem;
    top: -0.12rem;
    width: 0.38rem;
    height: 0.38rem; 
}
.companion-cont .jd-linebox .topb .areaTwo .flwr {
    /* background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/flower_white.png") no-repeat center/100% auto; */
}
.companion-cont .jd-linebox .topb .flwr {
    width: 0.3rem;
    height: 0.3rem;
    border: 0.05rem solid #ffd297;
    background-color: #782805;
    border-radius: 50%;
    margin-top: -0.02rem;
    /* background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/flower_light.png") no-repeat center/100% auto; */
}
.companion-cont .jd-linebox .topb .active {
    background: #ffaf47;
    width: 25%;
}

.companion-cont .jd-linebox .topb .active:first-child {
    margin-left: 0;
}

.companion-cont .jd-linebox .topb .active .act-hd {
    position: absolute;
    right: 0.51rem;
    top: -0.2rem;
    width: .38rem;
    height: .38rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/hudie.png") no-repeat center/100% auto;
}

.companion-cont .jd-linebox .count .box {
    flex: 1;
    width: 0.85rem;
    height: 0.35rem;
}

.box .num {
    flex: 1;
    color: #fff;
    background: #cd8535;
    width: 50%;
    height: 0.3rem;
    line-height: 0.35rem;
    text-align: center;
    border-radius: 0.2rem;
    /* margin-left: -0.4rem; */
}

.box .line {
    display: block;
    flex: 1;
    background: #deeee5;
    width: 1px;
    height: 1.875rem;
    margin-left: -0.4rem;
    border: 1px dashed #e9f7ed;
}

.companion-bgcon {
    position: relative;
    height: 4.6rem;
}


.companion-cont .bottom {
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/jiebanrenwu.png") no-repeat center/100% auto;
}

.companion-cont p {
    margin-top: -0.35rem;
    margin-bottom: -0.35rem;
    font-size: 0.18rem;
}

.companion-mini {
    width: 100%;
    margin-top: 0.15rem;
}

.companion-mini .left {
    width: 38%;
    margin-left: 0.2rem;
}

.companion-mini .mid {
    width: 40%;
}

.companion-mini .mid img {
    width: 0.625rem;
    height: 0.625rem;
}

.companion-mini .right {
    width: 22%;
}

.jb-top {
    position: relative;
    width: 7.33rem;
    height: 10.36rem;
    background-size: cover;
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/friends_bg.png) no-repeat center / 100% auto;
    margin: 3.45rem 0 0.1rem 0;
}

.jb-top .add {
    color: #833916;
    position: relative;
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/add.png) no-repeat center / 100% auto;
    width: 88%;
    margin: 1.65rem auto 0 auto;
    height: 2rem;
    text-align: center;
}

.jb-top .ftxt {
    width: 90%;
    color: #eef3a7;
    margin-top: -0.1rem;
}

.jb-top .ftxt div {
    width: 34%;
    text-align: center;
    color: #ecf09c;
    margin-top: 0.1rem;
}

.gift-box {
    width: 6.4rem;
    background-size: cover;
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/yuan_bg.png) no-repeat center / 100% auto;
    height: 1.69rem;
    color: #fafafa;
    margin: 0.15rem 0 0 0;
}

.gift-connt {
    width: 80%;
}

.gift-connt p {
    width: 1.87rem;
    text-align: center;
    margin: -0.02rem 0.31rem -0.15rem 0.31rem;
}

.gift-box li {
    text-align: center;
    width: 33%;
    height: 100%;
    margin-top: -0.1rem;
}

.jb-top .zd-gift {
    width: 4.02rem;
    height: 0.35rem;
    margin: 0.3rem 0 0 0;
    background-size: cover;
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/jb_giftline.png) no-repeat center / 100% auto;
    /* background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/zd_giftline.png) no-repeat center / 100% auto; */
}

.add b {
    height: 0.5rem;
    font-size: 0.26rem;
}

.add span {
    width: 40%;
    height: 0.35rem;
    color: #833916;
}

.add .friend-box1 {
    width: 1.96rem;
    height: 1.96rem;
    border-radius: 50%;
    position: absolute;
    left: -0.02rem;
}

.add .add-box {
    width: 33%;
    height: 2rem;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.add .add-box img {
    width: 1.9rem;
    height: 1.9rem;
    margin: 0.05rem 0 0 0.08rem;
    border-radius: 50%;
}
.jb-top .invite-img {
    width: 2.25rem;
    height: 0.62rem;
    margin-top: -0.1rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20250701newsetsail/friends-btn.png) no-repeat center / 100% auto;
}

.jb-top .getting-img {
    width: 1.54rem;
    height: 0.47rem;
    position: absolute;
    bottom: 0.9rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/btn_get.png") no-repeat center/100% auto;
}

.jb-top .getting-img-g {
    width: 2.125rem;
    height: 0.75rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/btn_got.png") no-repeat center/100% auto;
}

.companion-bgcon .cpl-img {
    width: 1.54rem;
    height: 0.47rem;
    margin-right: 0.1rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/get-btn.png") no-repeat center/100% auto;

}

.companion-bgcon .cpl-img-g {
    width: 2.125rem;
    height: 0.75rem;
    line-height: 0.8rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/get-btn-g.png") no-repeat center/100% auto;
    font-size: 0.25rem;
    font-weight: 600;
    text-align: center;
    color: #333;
}

.companion-bgcon .cpl-img div {
    font-size: 0.25rem;
    font-weight: 600;
    margin-top: 0.03rem;
    width: 100%;
    text-align: center;
    color: #fff283;
}

.jb-title {
    /* background-image: linear-gradient(to bottom, #ffffff, #d3bb06);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #9a2c00;
    font-weight: 500;
    white-space: nowrap;
    max-width: 2.3rem;
}

.jb-jd {
    color: #35160c;
}

.jb-jd i {
    margin-left: 0.05rem;
    color: #9a2c00;
}

.dj-box {
    position: relative;
    text-align: center;
    width: 1rem;
    height: 1rem;
}

.dj-info {
    width: 45%;
}

.dbg {
    margin: 0 0.1rem;
    border-radius: 0.2rem;
    background-color: #f4d89e;
}

.long {
    width: 1.5625rem !important;
    margin-left: -0.15rem !important;
}

.long-g {
    width: 1.5625rem !important;
    margin-left: -0.12rem !important;
}

.line {
    width: 96%;
    height: 0.02rem;
    background: url("//game.gtimg.cn/images/dp/cp/a20250701newsetsail/jb_line.png") no-repeat center/100% auto;
    margin: 0.08rem 0;
}

.lft {
    width: 20%;
    margin-left: 0.23rem;
}

.lft-max {
    margin-left: 0.23rem;
    width: 40%;
}


.act-rule {
    width: 91%;
    font-size: 0.22rem;
    color: #fddfad;
    line-height: 0.5rem;
}