/* pages/home/xx/lindex/lindex.wxss */ /* pages/home/xx/index.wxss */ /* pages/home/xyc/wdyw/wdyw.wxss */ .allTap { position: relative; width: 100%; height: 100%; } .allTap-header { position: fixed; top: 0; width: 100%; height: 166rpx; padding-bottom: 20rpx; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: center; z-index: 1; background-color: #fff; } .reback{ width:48rpx; height:48rpx; position: absolute; left: 20rpx; background-repeat: no-repeat; background-size:100% 100%; background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png); } .title{ width: 196rpx; height: 48rpx; color: rgba(108, 108, 108, 1); font-size: 32rpx; text-align: center; } .hybtn{ position: fixed; left: 0; top: 210rpx; width: 166rpx; height: 70rpx; line-height: 70rpx; opacity: 0.7; border-radius: 0px 20rpx 20rpx 0px; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); text-align: center; box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 1); font-size: 28rpx; text-align: center; } .ltinfo{ width: 100%; margin-top: 224rpx; } .bkgfs{ position: relative; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 40rpx; border-radius: 30rpx; text-align: center; } .bkgfs-img { position: absolute; top: 28rpx; width: 100%; display: flex; justify-content: center; align-items: center; } .bkgfs-img-middle { width: 60rpx; height: 32rpx; margin: 0 30rpx; background-size: contain; background-image: url(https://wish-assets.windymuse.com.cn/xy/qlzjt.png); } .bkgfstxt{ width: 560rpx; height: 256rpx; margin-top: 56rpx; line-height: 20px; border-radius: 30rpx; color: #fff; font-size: 28rpx; text-align: center; padding: 74rpx 56rpx 0 56rpx; box-sizing: border-box; background-color: rgba(253, 190, 196, 1); } .bkgfstxt .txt { margin-bottom: 14rpx; } .txl{ width: 80rpx; height: 80rpx; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); } .txr{ width: 80rpx; height: 80rpx; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); } .ltxinxi{ width: 100%; } .wchatfor{ width: 100%; padding: 0 64rpx; box-sizing: border-box; } .wchattime{ width: 100%; margin-top: 32rpx; color: rgba(153, 153, 153, 1); font-size: 24rpx; text-align: center; } .xzt{ position: absolute; width: 398rpx; height: 314rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-left:146.67rpx; margin-top: 234rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/xzt.png); color:#9A9A9A; text-align: center; font-size: 27rpx; } .fgx{ position: absolute; width: 398rpx; height: 16rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-left:146.67rpx; margin-top: 702rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/fgx.png); color:#9A9A9A; text-align: center; font-size: 27rpx; } .xzbtn{ position: absolute; width: 234rpx; height: 96.67rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-left:228.67rpx; margin-top: 558.67rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/xzbtn.png); color:#9A9A9A; text-align: center; font-size: 27rpx; } .jbbtn{ position: absolute; width: 234rpx; height: 96.67rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-left:228.67rpx; margin-top: 1108.67rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/jbbtn.png); color:#9A9A9A; text-align: center; font-size: 27rpx; } .jbt{ position: absolute; width: 398rpx; height: 314rpx; display: flex; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; margin-left:146.67rpx; margin-top: 784rpx; background-image: url(https://wish-assets.windymuse.com.cn/xy/jbt.png); color:#9A9A9A; text-align: center; font-size: 27rpx; } .xfgjl{ position: fixed; bottom: 30rpx; left: 0; width: 100%; height: 174rpx; display: flex; justify-content: space-evenly; } .xxqlcd{ /* position: absolute; */ /* top: 32rpx; */ width: 110rpx; height: 110rpx; border-radius: 50%; line-height: 110rpx; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); color: rgba(16, 16, 16, 1); font-size: 12px; text-align: center; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4); font-family: Arial; border: 5rpx solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); font-size: 32rpx; text-align: center; } .xxqlcd1{ left: 21px; } .xxqlcd2{ left: 114px; } .xxqlcd3{ left: 206px; } .xxqlcd4{ left: 299px; } .wchattxk{ display: inline-block; margin-left: 317px; margin-top: 7rpx; width: 36px; height: 36px; } .wchattxk1{ display: inline-block; margin-left: 19px; margin-top: 7rpx; width: 36px; height: 36px; background-color: chartreuse; } .dfxf{ display: inline-block; margin-left: 12px; top: 287px; width: 93px; height: 65px; background-image: url(https://wish-assets.windymuse.com.cn/xy/%E4%BF%A1%E5%B0%81.png); } .tt{ display: inline-block; width: 750rpx; } .dfxfydwd{ display: inline-block; margin-left: 20rpx; margin-top: 30px; width: 28px; height: 20px; color: rgba(206, 206, 206, 1); font-size: 12px; text-align: left; font-family: SourceHanSansSC-regular; } .dftext{ display: inline-block; margin-left: 7px; width: 180px; height: 60px; line-height: 60px; background-image: url(https://wish-assets.windymuse.com.cn/xy/%E7%BA%B8%E6%9D%A1.png); color: rgba(51, 51, 51, 1); font-size: 14px; text-align: left; font-family: SourceHanSansSC-regular; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; } .xjtext{ margin-left: 36rpx; width: 123px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; } .dftextwd{ display: inline-block; margin-left: 20rpx; top: -30px; width: 28px; height: 20px; line-height: 20px; color: rgba(206, 206, 206, 1); font-size: 12px; text-align: left; font-family: SourceHanSansSC-regular; } .dfaudio{ display: inline-block; margin-left: 10px; top: 768px; width: 150px; height: 42px; line-height: 20px; border-radius: 10px; background-color: rgba(255, 255, 255, 1); color: rgba(16, 16, 16, 1); font-size: 14px; text-align: center; font-family: Arial; border: 1px solid rgba(239, 239, 239, 1); } .dfaudiologo{ position: relative; left: 16px; top: 6px; width: 30px; height: 30px; background-image: url(https://wish-assets.windymuse.com.cn/xy/yppic.png); } .dfaudiologotxt{ float: left; margin-left: 66px; margin-top: -19px; width: 45px; height: 18px; color: rgba(154, 154, 154, 1); font-size: 12px; text-align: left; font-family: SourceHanSansSC-regular; } .zjtablea1{ width: 100%; height: 176rpx; } .zjtx1{ width: 84rpx; height: 84rpx; margin-left: 24rpx; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); } .zjxf1{ position: absolute; margin-left: 215px; width: 93px; height: 65px; background-image: url(https://wish-assets.windymuse.com.cn/xy/%E4%BF%A1%E5%B0%81.png); } .zjydwd1{ position: absolute; margin-left: 360rpx; margin-top: 50px; width: 28px; height: 20px; color: rgba(206, 206, 206, 1); font-size: 12px; text-align: left; font-family: SourceHanSansSC-regular; } .zjtablea2{ width: 100%; height: 134rpx; display: flex; align-items: center; justify-content: flex-end; } .zjypk1{ width: 300rpx; height: 84rpx; padding-left: 32rpx; box-sizing: border-box; display: flex; align-items: center; border-radius: 20rpx; background-color: rgba(255, 255, 255, 1); color: rgba(16, 16, 16, 1); font-size: 28rpx; border: 1px solid rgba(239, 239, 239, 1); } .zjypt1{ width: 60rpx; height: 60rpx; margin-right: 20rpx; background-size: cover; background-image: url(https://wish-assets.windymuse.com.cn/xy/yppic.png); } .zjypt11{ width: 60rpx; height: 60rpx; margin-right: 20rpx; overflow: hidden; } .zjypwz1{ color: rgba(154, 154, 154, 1); font-size: 24rpx; } .zjypydwd{ height: 100%; padding: 0 20rpx 20rpx 0; box-sizing: border-box; color: rgba(206, 206, 206, 1); font-size: 24rpx; display: flex; align-items: flex-end; } .zjtable3{ width: 100%; height: 150rpx; display: flex; align-items: center; justify-content: flex-end; } .zjxxbox1{ width: 360rpx; height: 120rpx; line-height: 60px; background-size: contain; background-image: url(https://wish-assets.windymuse.com.cn/xy/%E7%BA%B8%E6%9D%A1.png); color: rgba(51, 51, 51, 1); font-size: 14px; text-align: left; overflow: hidden; text-overflow: ellipsis; } .zjtextydwd1{ height: 100%; display: flex; align-items: flex-end; color: rgba(206, 206, 206, 1); font-size: 24rpx; margin: 0 10rpx 60rpx 0; } .zjtextcontent{ position: absolute; margin-left: 52rpx; margin-top: 41rpx; width: 126px; height: 21px; line-height: 42rpx; color: rgba(51, 51, 51, 1); font-size: 14px; font-family: SourceHanSansSC-regular; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ztPop{ position: absolute; width:750rpx ; height: 1624rpx; margin: 0!important; padding: 0!important; } .ztPopcenter{ position: absolute; left: 48px; top: 111px; width: 298px; height: 542px; background-image: url(https://wish-assets.windymuse.com.cn/xy/ztbkg11.png); } .btn1{ position: absolute; width: 105px; height: 35px; line-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); color: rgba(255, 255, 255, 1); font-size: 14px; text-align: center; font-family: SourceHanSansSC-medium; } .qxan1{ left: 64px; top: 568px; } .qran1{ left: 206px; top: 568px; } .ztwzk{ position: absolute; left: 81px; top: 210px; width: 214px; height: 310px; line-height: none; color: rgba(206, 206, 206, 1); font-size: 18px; text-align: left; font-family: Microsoft Yahei; } .t-textarea{ background-color: transparent; } .t-textarea__wrapper-inner{ color: rgba(79, 79, 79, 1)!important; font-size: 18px!important; text-align: left; font-family: SourceHanSansSC-regular; } .cqlgd{ width: 750rpx; height: 280rpx; } .fhan11{ border-radius: 58rpx; position: absolute; left: 160px; top: 548px; width: 55px; height: 55px; line-height: 17px; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); color: rgba(16, 16, 16, 1); font-size: 12px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); font-family: Arial; border: 3px solid rgba(255, 255, 255, 1); } .fan11r{ position: absolute; left: 175px; top: 562px; width: 30px; height: 30px; background-image: url(https://wish-assets.windymuse.com.cn/xy/xtreturn.png); } .t-textarea{ background-color: transparent!important; } .zjtableatp1{ width: 100%; height: 220rpx; padding: 0 32rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; } .zjtableatp2{ width: 100%; height: 150rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; } .zjxftp1{ float: right; margin-right:130rpx; z-index: 9999; height: 200rpx; background-repeat: no-repeat; } .zjydwdtp1{ position: absolute; margin-left: 360rpx; margin-top: 50px; width: 28px; height: 20px; color: rgba(206, 206, 206, 1); font-size: 12px; text-align: left; font-family: SourceHanSansSC-regular; } .zjydwdtp2{ height: 100%; color: rgba(206, 206, 206, 1); font-size: 24rpx; display: flex; align-items: flex-end; } .zjxftp2{ display: inline-block; margin-left:10rpx; height: 200rpx; background-repeat: no-repeat; max-width: 500rpx; } .zttp11{ /* margin-right: 130rpx; */ height: 200rpx; flex: 1; display: flex; justify-content: flex-end; } .zttp11 .t-image{ height: 200rpx; max-width: 440rpx; } .zttp12{ width: 100%; height: 100%; display: flex; align-items: center; } .zjydwdtp3{ height: 100%; display: flex; align-items: flex-end; color: rgba(206, 206, 206, 1); font-size: 24rpx; margin: 0 0 60rpx 10rpx; } .zjxftp3{ height: 200rpx; max-width: 480rpx; } .wchattxk11{ width: 84rpx; height: 84rpx; margin-right: 24rpx; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); } .tppp1{ position: absolute; width: 750rpx; height: auto; top:50%; margin-top: 300rpx; } .ztPop1{ position: relative; width: 750rpx ; height: 1624rpx; margin: 0!important; padding: 0!important; display: table-cell; vertical-align: middle; } .ztPop1-header { width: 100%; margin-top: 88rpx; padding: 20rpx; box-sizing: border-box; display: flex; justify-content: center; } .tpBcan1{ position: absolute; top: 1400rpx; right: 32rpx; width: 110rpx; height: 70rpx; line-height: 70rpx; border-radius: 20rpx; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); 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: 28rpx; text-align: center; font-family: SourceHanSansSC-medium; } .block{ width: 750rpx; height: 300rpx; } .block { width: 100vw; height: 240px; background: #fff; border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; } .wrapper { margin: 32rpx; display: block; } .header { display: flex; align-items: center; height: 116rpx; } .btn { font-size: 32rpx; padding: 32rpx; } .btn--cancel { color: rgba(0, 0, 0, .6); } .btn--confirm { color: #0052d9; } .zjxftp21{ margin-top: -90rpx; height: 200rpx; max-width: 500rpx; } .luyinblock{ left: 0px; top: 547px; width: 375px; height: 231px; line-height: 20px; border-radius: 10px 10px 0px 0px; background-color: rgba(255, 255, 255, 1); color: rgba(16, 16, 16, 1); font-size: 14px; text-align: center; font-family: Arial; } .qxly{ position: absolute; left: 32rpx; top: 12rpx; width: 64rpx; height: 50rpx; color: rgba(108, 108, 108, 1); font-size: 32rpx; text-align: left; font-family: SourceHanSansSC-regular; } .qrfs{ position: absolute; left: 650rpx; top: 12rpx; width: 64rpx; height: 50rpx; font-size: 32rpx; text-align: left; font-family: SourceHanSansSC-regular; } .qrfs1{ color: rgba(206, 206, 206, 1); } .qrfs2{ color: rgba(108, 108, 108, 1); } .lyhx{ position: absolute; left: 0px; top: 72rpx; width: 100%; height: NaNpx; border: 1px solid rgba(233, 233, 232, 1); } .luyinjishiqi{ position: absolute; left: 286rpx; top: 114rpx; width: 180rpx; height: 44rpx; color: rgba(108, 108, 108, 1); font-size: 32rpx; text-align: center; font-family: SourceHanSansSC-regular; } .weiluyinanniu{ position: absolute; left: 316rpx; top: 300rpx; width: 120rpx; height: 120rpx; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); border: 3px solid rgba(255, 255, 255, 1); } .wlyan1{ position: absolute; left: 15rpx; top: 15rpx; width: 90rpx; height: 90rpx; border-radius: 45rpx; line-height: 17px; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); text-align: center; } .luyinlbt{ position: absolute; width: 750rpx; height: 50rpx; top:198rpx; overflow: hidden; /* scroll-snap-type: x mandatory; scroll-snap-align: start; */ } .box2{ animation: move 5s infinite linear; } /* 定义动画 */ /* 定义和调用动画 */ @keyframes move { /* 动画的第一个状态和盒子的默认状态相同, 可以省略动画的开始状态代码 */ /* from { transform: translateX(0); } */ to { transform: translateX(-750rpx); /* transform: translateX(-900px); */ /* transform: translateX(-800px); */ } } /* 增加需求: 当用户鼠标移入, 动画暂定 */ /* .box:hover ul { animation-play-state: paused; } */ .wlyan2{ position: absolute; left: 30rpx; top: 30rpx; width: 60rpx; height: 60rpx; line-height: 17px; border-radius: 10rpx; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); text-align: center; } .wlyan3{ /* position: absolute; left: 40rpx; top: 20rpx; */ width: 70rpx; height: 70rpx; /* border-top: 50rpx solid transparent; border-left: 60rpx solid rgba(248,99,42,1); border-bottom: 35rpx solid transparent; */ background-size: cover; background-image: url(https://wish-assets.windymuse.com.cn/xy/if-ui-play%20Copy%401x.png); } .luyinlbt1{ position: absolute; width: 750rpx; height: 50rpx; top:198rpx; overflow: hidden; background-image: url(https://wish-assets.windymuse.com.cn/xy/lylbt.png); } .xiexinzha{ height: 1624rpx; width: 750rpx; } .xzjcan{ position: fixed; margin-left: 224px; top: 727px; width: 105px; height: 35px; border-radius: 10px; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); border: 3px solid rgba(255, 255, 255, 1); } .xzylanbtn{ position: absolute; top: 396px; width: 105px; height: 35px; line-height: 70rpx; border-radius: 10px; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); 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; } .xzylan1{ left: 62px; } .xzylan2{ left: 448rpx; } .xzsfhl{ position: fixed; left: 15px; top: 52px; width: 345px; height: 115px; background-image: url(https://wish-assets.windymuse.com.cn/xy/xzhlpic.png); } .xfxfhl{ z-index: 100; position: fixed; left: 0px; top: 331px; width: 375px; height: 462px; background-image: url(https://wish-assets.windymuse.com.cn/xy/xfxfhlpic.png); } .xzxfnr{ position: absolute; left: 31px; top: 64px; width: 315px; height: 657px; overflow: auto; background-image: url(https://wish-assets.windymuse.com.cn/xy/xznrpic.png); } .xfzjhz{ position: absolute; left: 154px; top: 482rpx; width: 73px; height: 71px; background-image: url(https://wish-assets.windymuse.com.cn/xy/%E5%8D%B0%E7%AB%A0.png); } .xzfhan{ position: absolute; width: 55px; height: 55px; line-height: 110rpx; border-radius: 59rpx; background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); color: rgba(16, 16, 16, 1); font-size: 12px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); font-family: Arial; border: 3px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); font-size: 16px; text-align: center; font-family: SourceHanSansSC-medium; } .xzfhan1{ left: 16px; top: 592rpx; } .xzfhan2{ left: 608rpx; top: 440rpx; } .xzfhan3{ left: 608rpx; top: 592rpx; } .fan11r2{ position: absolute; left: 26rpx; top: 24rpx; width: 30px; height: 30px; background-image: url(https://wish-assets.windymuse.com.cn/xy/xtreturn.png); } .xzxjto{ margin-left: 50rpx; margin-top: 68rpx; width: 147px; height: 21px; color: rgba(108, 108, 108, 1); font-size: 14px; text-align: left; font-family: SourceHanSansSC-regular; } .xzxjto111{ position: absolute; width: 147px; height: 21px; color: rgba(108, 108, 108, 1); font-size: 14px; text-align: left; font-family: SourceHanSansSC-regular; } .toText111{ position: absolute; height: 21px; line-height: 42rpx; } .xzxjfrom{ margin-left: 50rpx; margin-top: 30rpx; width: 147px; height: 21px; color: rgba(108, 108, 108, 1); font-size: 14px; text-align: left; font-family: SourceHanSansSC-regular; } .xzxjtot1{ display: inline-block; width: 30rpx; background-color: blue; } .xzxjtoipt{ position: absolute; margin-left: 60rpx; width: 110px; height: 21px; border-bottom: 1rpx solid #000; } .xzxjtoiptfrom{ display: inline-block; position: absolute; margin-left: 90rpx; width: 90px; height: 21px; border-bottom: 1rpx solid #000; } .xzcgk{ height:560rpx; } .ltwbk{ margin-left: 52rpx; margin-top: 20rpx; width: 264px; color: rgba(108, 108, 108, 1); font-size: 14px; text-align: left; font-family: SourceHanSansSC-regular; height: 30rpx; } .tttt{ background-color: chocolate; } .ql-container{ height: 900rpx!important; overflow: auto!important; z-index: 99; } .editorc{ color: rgba(108, 108, 108, 1); font-size: 14px!important; text-align: left; font-family: SourceHanSansSC-regular; }