/* pages/home/jl/index.wxss */
page {
    height: 100%;
}

.call{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 单人头部样式 */
.call1{
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.call1-header {
    width: 100%;
    margin-top: 144rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tx{
    width:72rpx;
    height:72rpx;
    border-radius: 50%;
    margin-right: 18rpx;
    background-repeat: no-repeat;
    background-size:cover;
    /* background-image: url(https://wish-assets.windymuse.com.cn/xy/tx.png); */
}

.txtext{
    line-height:72rpx;
    color: #9a9a9a;
}
/* 单人头部样式 */


.bkg1{
    position: relative;
    top: -30rpx;
    width:686rpx;
    height:990rpx;
    box-sizing: border-box;
    background-size:cover;
    background-image: url(https://ydxxkj-wish.oss-cn-hangzhou.aliyuncs.com/xy/Star.png);
}

.bkg2{
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-image: url(https://ydxxkj-wish.oss-cn-hangzhou.aliyuncs.com/xy/bkg3.png);
}

.bkg3{
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size:100% 100%;
    padding-top: 110rpx;
    background-image: url(https://ydxxkj-wish.oss-cn-hangzhou.aliyuncs.com/xy/bkg1.png);
}

.bkg4{
    width:100%;
    height: 750rpx;
    background-repeat: no-repeat;
    background-size:cover;
    background-image: url(https://ydxxkj-wish.oss-cn-hangzhou.aliyuncs.com/xy/Dust_2.png);
}

.bkg5{
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-image: url(https://ydxxkj-wish.oss-cn-hangzhou.aliyuncs.com/xy/Dust_1.png);
}

.xxt{
    width: 100%;
    display: flex;
    justify-content: center;
}

.xxt image {
    height: 780rpx;
    z-index: 1;
}

.gh{
    position: absolute;
    top: 854rpx;
    left: -32rpx;
    width:750rpx;
    height:182rpx;
    background-size: cover;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/gh.png);
} 

.call1-btn {
    flex: 1;
    width: 100%;
    padding-top: 10rpx;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.dcleft{
    position: relative;
    margin-top: 10rpx;
    width:130rpx;
    height:130rpx;
}
.dcleft1{
    width: 100%;
    height: 100%;
}

.call1-vivid {
    position: absolute;
    top: 760rpx;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: space-evenly;
}


.t-progress__canvas--circle{
    width:130rpx!important;
    height:130rpx !important;
}

@keyframes breathe {
    0% {
        width: 130rpx;
        height: 130rpx;
    }
    50% {
        width: 140rpx;
        height: 140rpx;
    }
    100% {
        width: 130rpx;
        height: 130rpx;
    }
  }

.dcright{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 116rpx;
    height: 116rpx;
    background-color: #F8632A;
    border-radius: 50%;
}

.dcleft-right {
    position: relative;
    width:140rpx;
    height:140rpx;
}

.dcright-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: breathe 1.5s infinite;
    background-color: #FBB093;
    border-radius: 50%;
}  

.dcright-bgc {
    position: relative;
    width: 140rpx;
    height: 140rpx;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dclefttxt{
    margin-top: 12rpx;
    text-align: center;
    color: #9a9a9a;
    font-size: 28rpx;
}

.dcrighttxt{
    text-align: center;
    color: #9a9a9a;
    font-size: 28rpx;
}

.dcrightwjx{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width:80rpx;
    height:80rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/wjx.png);
}

.dcleft-middle {
    margin: 0 34rpx;
    height: 160rpx;
    padding-top: 30rpx;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.dchx{
    width:200rpx;
    height:16rpx;
}

/* 定义和调用动画 */
@keyframes move {

    /* 动画的第一个状态和盒子的默认状态相同, 可以省略动画的开始状态代码 */
    /* from {
    transform: translateX(0);
    } */
    to {
        transform: translateX(200rpx);
        /* transform: translateX(-900px); */
        /* transform: translateX(-800px); */
    }
}

.dchx-box {
    position: relative;
    top: -16rpx;
    width:200rpx;
    height:16rpx;
    border-radius: 8rpx;
    overflow: hidden;
}

.dchx-box-cantainer {
    position: absolute;
    left: -300rpx;
    width:1000rpx;
    height:16rpx;
    display: flex;
}

.dchx-box .box {
    width: 16rpx;
    height: 16rpx;
    margin-right: 36rpx;
    background-size: cover;
    animation: move 3s infinite linear;
    background-image: url(https://ydxxkj-wish.oss-cn-hangzhou.aliyuncs.com/xy/iconPark-double-right.png);
}

.dchxtxt{
    text-align: center;
    color: #f76229;
    font-size: 28rpx;
}

.dcbs{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:72rpx;
    height:72rpx;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/bs.png);
}

.dcrightql{
    width:100%;
    height:100%;
    border-radius: 58.335rpx;
}
.dcrightql1{
    position:absolute;
}

.dcrbs{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:64rpx;
    height:72rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/rbs.png);
}

.call1-btn-qd {
    height: 130rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lovepic{
    width:290rpx;
    height:50.67rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/pulse.png);
}

.dchxtxtql{
    width:200rpx;
    height:16rpx;
    text-align: center;
    color: #9a9a9a;
    font-size: 28rpx;
}

.txl{
    width:72rpx;
    height:72rpx;
    margin-left: 30rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/tx.png);
}

.txr{
    width:72rpx;
    height:72rpx;
    margin-right: 30rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/tx.png);
}

.txtextl{
    color: #9a9a9a;
    font-size: 28rpx;
    text-align: right;
}

.txtextl-qd{
    top: 130rpx;
    left: 154rpx;
    width: 444rpx;
    height: 90rpx;
    display: flex;
    align-items: center;
}

.text-qd {
    width: 360rpx;
    color: rgba(108, 108, 108, 1);
    font-size: 14px;
}

.text-qd .top {
    color: #DE868F;
}

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

.jiuchan{
    width:48rpx;
    height:26rpx;
    margin: 0 32rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/jiuchan.png);

}

.txtextr{
    color: #9a9a9a;
    font-size: 28rpx;
}

.yan1{
    width:114rpx;
    height:116rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}
.yan2{
    width:114rpx;
    height:116rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}
.yan3{
    width:114rpx;
    height:116.67rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}

.yan11{
    position: absolute;
    width:46rpx;
    height:46rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/paw.png);
}

.yan12{
    /* position: absolute; */
    width:46rpx;
    height:46rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/male.png);
}

.yan13{
    width:36rpx;
    height:46rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-size: contain;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/female.png);
}

.xxtl{
    position: relative;
    right: -20rpx;
    width:686rpx;
    height:772rpx;
    display: flex;
    justify-content: flex-end;
    z-index: 2;
}

.xxtl image {
    height: 100%;
}

.xxtr{
    position: relative;
    left: -20rpx;
    width:686rpx;
    height:772rpx;
    display: flex;
    justify-content: flex-start;
    z-index: 2;
}

.xxtr image {
    /* width: 100%; */
    height: 100%;
}

.xxtl-xt1 {
    position: absolute;
    top: 176rpx;
    left: 0;
    width: 140rpx;
    height: 440rpx;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
    z-index: 3;
}

.xxtr-xt2 {
    position: absolute;
    top: 176rpx;
    right: 0;
    width: 140rpx;
    height: 440rpx;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    z-index: 3;
}

.yanql1{
    width:114rpx;
    height:116rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}

.yanql2{
    width:114rpx;
    height:116rpx;
    margin-right: 40rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}

.yanql3 {
    width:114rpx;
    height:116rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}

.yanql4{
    width:114rpx;
    height:116rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}

.yanql5{
    width:114rpx;
    height:116rpx;
    margin-left: 40rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}

.yanql6 {
    width:114rpx;
    height:116rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);
}

.xxtq{
    position: absolute;
    width:326.67rpx;
    height:771.33rpx;
    margin-top: 326.67rpx;
    margin-left: 212rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
}

.xxtq image{
    width: 100%;
    height: 100%;
}

/* .call1-btn-left {
} */

.call1-btn-middle {
    margin: 0 100rpx;
}

/* .call1-btn-right {
} */

.k1{
    width:116rpx;
    height:116rpx;
    text-align: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/circle.png);
    color: rgba(248, 99, 42, 1);
    font-size: 72rpx;
}

.k2{
    width:116rpx;
    height:116rpx;
    margin-bottom: 8rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yan.png);

}

.k3{
    width:116rpx;
    height:116rpx;
    line-height:116rpx;
    text-align: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/circle.png);
    color: rgba(108, 108, 108, 1);
    font-size: 32rpx;
}

.k11{
    position: absolute;
    width:46rpx;
    height:46rpx;
    margin-top: 34rpx;
    margin-left: 36rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/yst.png);

}

.ktext1{
    width:116rpx;
    height:116rpx;
    margin-top: 12rpx;
    text-align: center;
    color: #9a9a9a;
    font-size: 28rpx;
}

.ktext2{
    width:116rpx;
    height:116rpx;
    margin-top: 12rpx;
    text-align: center;
    color: #9a9a9a;
    font-size: 28rpx;
}

.ktext3{
    width:116rpx;
    height:116rpx;
    margin-top: 12rpx;
    text-align: center;
    color: #9a9a9a;
    font-size: 28rpx;
}

.ttpopup{
    width: 659.33rpx;
    height:804rpx;
    background:rgba(255, 255, 255, 0.9);
    border-radius: 36rpx;
}

.ztys{
  position: absolute;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size:100% 100%;
  left: 46rpx;
  top:98rpx;
  width: 284px;
height: 159px;
line-height: 50rpx;
color: rgba(108, 108, 108, 1);
font-size: 16px;
}

.jkzs{
  position: absolute;
  width: 111.33rpx;
  height: 26.67rpx;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size:100% 100%;
  margin-left:97.33rpx;
  margin-top: 589.33rpx;
  background-image: url(https://wish-assets.windymuse.com.cn/xy/jkzs.png);
}

.aqzs{
  position: absolute;
  width: 111.33rpx;
  height: 26.67rpx;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size:100% 100%;
  margin-left:97.33rpx;
  margin-top: 653.33rpx;
  background-image: url(https://wish-assets.windymuse.com.cn/xy/aqzs.png);
}

.cyzs{
  position: absolute;
  width: 111.33rpx;
  height: 26.67rpx;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size:100% 100%;
  margin-left:97.33rpx;
  margin-top: 717.33rpx;
  background-image: url(https://wish-assets.windymuse.com.cn/xy/cyzs.png);
}

.rjkzs{
  position: absolute;
  width: 311.33rpx;
  height: 26.67rpx;
  line-height: 26.67rpx;
  display: flex;
  flex-direction: column;
  margin-left:279.33rpx;
  margin-top: 580.33rpx;
}

.raqzs{
  position: absolute;
  width: 111.33rpx;
  height: 26.67rpx;
  line-height:26.67rpx;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size:100% 100%;
  margin-left:279.33rpx;
  margin-top: 644.33rpx;
}

.rcyzs{
  position: absolute;
  width: 111.33rpx;
  height: 26.67rpx;
  line-height:26.67rpx;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size:100% 100%;
  margin-left:279.33rpx;
  margin-top: 708.33rpx;
}

.jltxt{
    position: absolute;
    right: 0;
    top: 504px;
    width: 75px;
    height: 35px;
    line-height: 70rpx;
    border-radius: 10px 0px 0px 10px;
    background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
    text-align: center;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
    border: 3px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-medium;
}

.tips{
    position: absolute;
    left: 46rpx;
top: 36rpx;
width: 119px;
height: 18px;
color: rgba(248, 99, 42, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}

.ysfgx{
    position: absolute;
    left: 90rpx;
top: 486rpx;
width: 240px;
height: 11px;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://wish-assets.windymuse.com.cn/xy/ysfgx.png);
}

/* 弹层 */
.pray {
    display: flex;
    justify-content: center;
}

.dialog {
    position: absolute;
    bottom: 500rpx;
    width: 648rpx;
    height: 484rpx;
    padding: 50rpx;
    z-index: 999;
    box-sizing: border-box;
    line-height: 20px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1);
    text-align: center;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}

.dialog-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 38rpx;
}

.dialog-item textarea {
    width: 400rpx;
    height: 142rpx;
    padding: 20rpx;
    line-height: 40rpx;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    color: #9A9A9A;
    font-size: 14px;
    text-align: right;
    border: 1px solid rgba(236, 236, 236, 1);
}

.dialog-item text {
    padding-top: 16rpx;
    color: #6C6C6C;
    font-size: 16px;
    text-align: center;
}

.dialog-item .duration {
    width: 400rpx;
    height: 80rpx;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20rpx;
    box-sizing: border-box;
    border-radius: 10px;
    color: rgba(154, 154, 154, 1);
    font-size: 14px;
    border: 1px solid rgba(236, 236, 236, 1);
}

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

.dialog-btn button {
    width: 210rpx;
    height: 70rpx;
    border-radius: 10px;
    background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
    text-align: center;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
    border: 3px solid rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
}

.dialog-text {
    height: 300rpx;
    color: rgba(108, 108, 108, 1);
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    padding-top: 60rpx;
    box-sizing: border-box;
}

.dialog-text view {
    margin-bottom: 30rpx;
}

.timing {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 434rpx;
    z-index: 999;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 1);
    text-align: center;
}

.timing .picker{
    padding: 0 28px;
    box-sizing: border-box;
}

.timing .timing-title {
    height: 70rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9A9A9A;
    font-size: 14px;
    border: 1px solid #F1F1F1;
}

.active {
    background-color: #F1F1F1;
    z-index: 0;
}

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

picker-view-column {
    height: 364rpx;
}

.energy-success {
    position: absolute;
    top: 500rpx;
    right: 30rpx;
    width: 286rpx;
    height: 160rpx;
    opacity: 0.9;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1);
    color: #6C6C6C;
    font-size: 14px;
    padding: 36rpx 0 0 20rpx;
    box-sizing: border-box;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}

.energy-full-box {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.energy-full {
    position: absolute;
    top: 500rpx;
    right: 230rpx;
    width: 286rpx;
    height: 160rpx;
    opacity: 0.9;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1);
    color: #6C6C6C;
    font-size: 14px;
    padding: 18rpx 0 0 20rpx;
    box-sizing: border-box;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
    z-index: 999;
}

.energy-complete {
    position: absolute;
    top: 500rpx;
    right: 230rpx;
    width: 336rpx;
    height: 160rpx;
    opacity: 0.9;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1);
    color: #6C6C6C;
    font-size: 14px;
    padding: 36rpx 0 0 20rpx;
    box-sizing: border-box;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
    z-index: 999;
}

.in-energy {
    position: absolute;
    top: 500rpx;
    right: 130rpx;
    width: 484rpx;
    height: 434rpx;
    padding-top: 80rpx;
    box-sizing: border-box;
    font-size: 18px;
    color: #6C6C6C;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1);
    text-align: center;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}

.in-energy .t-image {
    width: 200rpx;
    height: 200rpx;
}