501 lines
38 KiB
Plaintext
501 lines
38 KiB
Plaintext
/* pages/home/home.wxss */
|
|
page {
|
|
background: #000;
|
|
position: relative;
|
|
height:100%;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 30rpx;
|
|
position: absolute;
|
|
left: 0;
|
|
margin-bottom:50rpx;
|
|
z-index: 100;
|
|
width: 100%;
|
|
}
|
|
|
|
.back {
|
|
height:50rpx;
|
|
width: 50rpx;
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573481958784' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='33151' width='200' height='200'%3E%3Cpath d='M17.5 0v1024' fill='%23ffffff' p-id='33152'%3E%3C/path%3E%3Cpath d='M33.5 0v1024' fill='%23ffffff' p-id='33153'%3E%3C/path%3E%3Cpath d='M49.5 0v1024' fill='%23ffffff' p-id='33154'%3E%3C/path%3E%3Cpath d='M65.5 0v1024' fill='%23ffffff' p-id='33155'%3E%3C/path%3E%3Cpath d='M81.5 0v1024' fill='%23ffffff' p-id='33156'%3E%3C/path%3E%3Cpath d='M97.5 0v1024' fill='%23ffffff' p-id='33157'%3E%3C/path%3E%3Cpath d='M113.5 0v1024' fill='%23ffffff' p-id='33158'%3E%3C/path%3E%3Cpath d='M129.5 0v1024' fill='%23ffffff' p-id='33159'%3E%3C/path%3E%3Cpath d='M145.5 0v1024' fill='%23ffffff' p-id='33160'%3E%3C/path%3E%3Cpath d='M161.5 0v1024' fill='%23ffffff' p-id='33161'%3E%3C/path%3E%3Cpath d='M177.5 0v1024' fill='%23ffffff' p-id='33162'%3E%3C/path%3E%3Cpath d='M193.5 0v1024' fill='%23ffffff' p-id='33163'%3E%3C/path%3E%3Cpath d='M209.5 0v1024' fill='%23ffffff' p-id='33164'%3E%3C/path%3E%3Cpath d='M225.5 0v1024' fill='%23ffffff' p-id='33165'%3E%3C/path%3E%3Cpath d='M241.5 0v1024' fill='%23ffffff' p-id='33166'%3E%3C/path%3E%3Cpath d='M257.5 0v1024' fill='%23ffffff' p-id='33167'%3E%3C/path%3E%3Cpath d='M273.5 0v1024' fill='%23ffffff' p-id='33168'%3E%3C/path%3E%3Cpath d='M289.5 0v1024' fill='%23ffffff' p-id='33169'%3E%3C/path%3E%3Cpath d='M305.5 0v1024' fill='%23ffffff' p-id='33170'%3E%3C/path%3E%3Cpath d='M321.5 0v1024' fill='%23ffffff' p-id='33171'%3E%3C/path%3E%3Cpath d='M337.5 0v1024' fill='%23ffffff' p-id='33172'%3E%3C/path%3E%3Cpath d='M353.5 0v1024' fill='%23ffffff' p-id='33173'%3E%3C/path%3E%3Cpath d='M369.5 0v1024' fill='%23ffffff' p-id='33174'%3E%3C/path%3E%3Cpath d='M385.5 0v1024' fill='%23ffffff' p-id='33175'%3E%3C/path%3E%3Cpath d='M401.5 0v1024' fill='%23ffffff' p-id='33176'%3E%3C/path%3E%3Cpath d='M417.5 0v1024' fill='%23ffffff' p-id='33177'%3E%3C/path%3E%3Cpath d='M433.5 0v1024' fill='%23ffffff' p-id='33178'%3E%3C/path%3E%3Cpath d='M449.5 0v1024' fill='%23ffffff' p-id='33179'%3E%3C/path%3E%3Cpath d='M465.5 0v1024' fill='%23ffffff' p-id='33180'%3E%3C/path%3E%3Cpath d='M481.5 0v1024' fill='%23ffffff' p-id='33181'%3E%3C/path%3E%3Cpath d='M497.5 0v1024' fill='%23ffffff' p-id='33182'%3E%3C/path%3E%3Cpath d='M513.5 0v1024' fill='%23ffffff' p-id='33183'%3E%3C/path%3E%3Cpath d='M529.5 0v1024' fill='%23ffffff' p-id='33184'%3E%3C/path%3E%3Cpath d='M545.5 0v1024' fill='%23ffffff' p-id='33185'%3E%3C/path%3E%3Cpath d='M561.5 0v1024' fill='%23ffffff' p-id='33186'%3E%3C/path%3E%3Cpath d='M577.5 0v1024' fill='%23ffffff' p-id='33187'%3E%3C/path%3E%3Cpath d='M593.5 0v1024' fill='%23ffffff' p-id='33188'%3E%3C/path%3E%3Cpath d='M609.5 0v1024' fill='%23ffffff' p-id='33189'%3E%3C/path%3E%3Cpath d='M625.5 0v1024' fill='%23ffffff' p-id='33190'%3E%3C/path%3E%3Cpath d='M641.5 0v1024' fill='%23ffffff' p-id='33191'%3E%3C/path%3E%3Cpath d='M657.5 0v1024' fill='%23ffffff' p-id='33192'%3E%3C/path%3E%3Cpath d='M673.5 0v1024' fill='%23ffffff' p-id='33193'%3E%3C/path%3E%3Cpath d='M689.5 0v1024' fill='%23ffffff' p-id='33194'%3E%3C/path%3E%3Cpath d='M705.5 0v1024' fill='%23ffffff' p-id='33195'%3E%3C/path%3E%3Cpath d='M721.5 0v1024' fill='%23ffffff' p-id='33196'%3E%3C/path%3E%3Cpath d='M737.5 0v1024' fill='%23ffffff' p-id='33197'%3E%3C/path%3E%3Cpath d='M753.5 0v1024' fill='%23ffffff' p-id='33198'%3E%3C/path%3E%3Cpath d='M769.5 0v1024' fill='%23ffffff' p-id='33199'%3E%3C/path%3E%3Cpath d='M785.5 0v1024' fill='%23ffffff' p-id='33200'%3E%3C/path%3E%3Cpath d='M801.5 0v1024' fill='%23ffffff' p-id='33201'%3E%3C/path%3E%3Cpath d='M817.5 0v1024' fill='%23ffffff' p-id='33202'%3E%3C/path%3E%3Cpath d='M833.5 0v1024' fill='%23ffffff' p-id='33203'%3E%3C/path%3E%3Cpath d='M849.5 0v1024' fill='%23ffffff' p-id='33204'%3E%3C/path%3E%3Cpath d='M865.5 0v1024' fill='%23ffffff' p-id='33205'%3E%3C/path%3E%3Cpath d='M881.5 0v1024' fill='%23ffffff' p-id='33206'%3E%3C/path%3E%3Cpath d='M897.5 0v1024' fill='%23ffffff' p-id='33207'%3E%3C/path%3E%3Cpath d='M913.5 0v1024' fill='%23ffffff' p-id='33208'%3E%3C/path%3E%3Cpath d='M929.5 0v1024' fill='%23ffffff' p-id='33209'%3E%3C/path%3E%3Cpath d='M945.5 0v1024' fill='%23ffffff' p-id='33210'%3E%3C/path%3E%3Cpath d='M961.5 0v1024' fill='%23ffffff' p-id='33211'%3E%3C/path%3E%3Cpath d='M977.5 0v1024' fill='%23ffffff' p-id='33212'%3E%3C/path%3E%3Cpath d='M993.5 0v1024' fill='%23ffffff' p-id='33213'%3E%3C/path%3E%3Cpath d='M1009.5 0v1024M1.5 16h1021' fill='%23ffffff' p-id='33214'%3E%3C/path%3E%3Cpath d='M1.5 32h1021' fill='%23ffffff' p-id='33215'%3E%3C/path%3E%3Cpath d='M1.5 48h1021' fill='%23ffffff' p-id='33216'%3E%3C/path%3E%3Cpath d='M1.5 64h1021' fill='%23ffffff' p-id='33217'%3E%3C/path%3E%3Cpath d='M1.5 80h1021' fill='%23ffffff' p-id='33218'%3E%3C/path%3E%3Cpath d='M1.5 96h1021' fill='%23ffffff' p-id='33219'%3E%3C/path%3E%3Cpath d='M1.5 112h1021' fill='%23ffffff' p-id='33220'%3E%3C/path%3E%3Cpath d='M1.5 128h1021' fill='%23ffffff' p-id='33221'%3E%3C/path%3E%3Cpath d='M1.5 144h1021' fill='%23ffffff' p-id='33222'%3E%3C/path%3E%3Cpath d='M1.5 160h1021' fill='%23ffffff' p-id='33223'%3E%3C/path%3E%3Cpath d='M1.5 176h1021' fill='%23ffffff' p-id='33224'%3E%3C/path%3E%3Cpath d='M1.5 192h1021' fill='%23ffffff' p-id='33225'%3E%3C/path%3E%3Cpath d='M1.5 208h1021' fill='%23ffffff' p-id='33226'%3E%3C/path%3E%3Cpath d='M1.5 224h1021' fill='%23ffffff' p-id='33227'%3E%3C/path%3E%3Cpath d='M1.5 240h1021' fill='%23ffffff' p-id='33228'%3E%3C/path%3E%3Cpath d='M1.5 256h1021' fill='%23ffffff' p-id='33229'%3E%3C/path%3E%3Cpath d='M1.5 272h1021' fill='%23ffffff' p-id='33230'%3E%3C/path%3E%3Cpath d='M1.5 288h1021' fill='%23ffffff' p-id='33231'%3E%3C/path%3E%3Cpath d='M1.5 304h1021' fill='%23ffffff' p-id='33232'%3E%3C/path%3E%3Cpath d='M1.5 320h1021' fill='%23ffffff' p-id='33233'%3E%3C/path%3E%3Cpath d='M1.5 336h1021' fill='%23ffffff' p-id='33234'%3E%3C/path%3E%3Cpath d='M1.5 352h1021' fill='%23ffffff' p-id='33235'%3E%3C/path%3E%3Cpath d='M1.5 368h1021' fill='%23ffffff' p-id='33236'%3E%3C/path%3E%3Cpath d='M1.5 384h1021' fill='%23ffffff' p-id='33237'%3E%3C/path%3E%3Cpath d='M1.5 400h1021' fill='%23ffffff' p-id='33238'%3E%3C/path%3E%3Cpath d='M1.5 416h1021' fill='%23ffffff' p-id='33239'%3E%3C/path%3E%3Cpath d='M1.5 432h1021' fill='%23ffffff' p-id='33240'%3E%3C/path%3E%3Cpath d='M1.5 448h1021' fill='%23ffffff' p-id='33241'%3E%3C/path%3E%3Cpath d='M1.5 464h1021' fill='%23ffffff' p-id='33242'%3E%3C/path%3E%3Cpath d='M1.5 480h1021' fill='%23ffffff' p-id='33243'%3E%3C/path%3E%3Cpath d='M1.5 496h1021' fill='%23ffffff' p-id='33244'%3E%3C/path%3E%3Cpath d='M1.5 512h1021' fill='%23ffffff' p-id='33245'%3E%3C/path%3E%3Cpath d='M1.5 528h1021' fill='%23ffffff' p-id='33246'%3E%3C/path%3E%3Cpath d='M1.5 544h1021' fill='%23ffffff' p-id='33247'%3E%3C/path%3E%3Cpath d='M1.5 560h1021' fill='%23ffffff' p-id='33248'%3E%3C/path%3E%3Cpath d='M1.5 576h1021' fill='%23ffffff' p-id='33249'%3E%3C/path%3E%3Cpath d='M1.5 592h1021' fill='%23ffffff' p-id='33250'%3E%3C/path%3E%3Cpath d='M1.5 608h1021' fill='%23ffffff' p-id='33251'%3E%3C/path%3E%3Cpath d='M1.5 624h1021' fill='%23ffffff' p-id='33252'%3E%3C/path%3E%3Cpath d='M1.5 640h1021' fill='%23ffffff' p-id='33253'%3E%3C/path%3E%3Cpath d='M1.5 656h1021' fill='%23ffffff' p-id='33254'%3E%3C/path%3E%3Cpath d='M1.5 672h1021' fill='%23ffffff' p-id='33255'%3E%3C/path%3E%3Cpath d='M1.5 688h1021' fill='%23ffffff' p-id='33256'%3E%3C/path%3E%3Cpath d='M1.5 704h1021' fill='%23ffffff' p-id='33257'%3E%3C/path%3E%3Cpath d='M1.5 720h1021' fill='%23ffffff' p-id='33258'%3E%3C/path%3E%3Cpath d='M1.5 736h1021' fill='%23ffffff' p-id='33259'%3E%3C/path%3E%3Cpath d='M1.5 752h1021' fill='%23ffffff' p-id='33260'%3E%3C/path%3E%3Cpath d='M1.5 768h1021' fill='%23ffffff' p-id='33261'%3E%3C/path%3E%3Cpath d='M1.5 784h1021' fill='%23ffffff' p-id='33262'%3E%3C/path%3E%3Cpath d='M1.5 800h1021' fill='%23ffffff' p-id='33263'%3E%3C/path%3E%3Cpath d='M1.5 816h1021' fill='%23ffffff' p-id='33264'%3E%3C/path%3E%3Cpath d='M1.5 832h1021' fill='%23ffffff' p-id='33265'%3E%3C/path%3E%3Cpath d='M1.5 848h1021' fill='%23ffffff' p-id='33266'%3E%3C/path%3E%3Cpath d='M1.5 864h1021' fill='%23ffffff' p-id='33267'%3E%3C/path%3E%3Cpath d='M1.5 880h1021' fill='%23ffffff' p-id='33268'%3E%3C/path%3E%3Cpath d='M1.5 896h1021' fill='%23ffffff' p-id='33269'%3E%3C/path%3E%3Cpath d='M1.5 912h1021' fill='%23ffffff' p-id='33270'%3E%3C/path%3E%3Cpath d='M1.5 928h1021' fill='%23ffffff' p-id='33271'%3E%3C/path%3E%3Cpath d='M1.5 944h1021' fill='%23ffffff' p-id='33272'%3E%3C/path%3E%3Cpath d='M1.5 960h1021' fill='%23ffffff' p-id='33273'%3E%3C/path%3E%3Cpath d='M1.5 976h1021' fill='%23ffffff' p-id='33274'%3E%3C/path%3E%3Cpath d='M1.5 992h1021' fill='%23ffffff' p-id='33275'%3E%3C/path%3E%3Cpath d='M1.5 1008h1021' fill='%23ffffff' p-id='33276'%3E%3C/path%3E%3Cpath d='M978.595 450.2H294.677c-18.54 0-26.782-22.658-14.422-35.018l197.76-197.76c12.36-12.36 12.36-30.9 0-43.26l-45.322-45.322c-12.36-12.36-30.9-12.36-43.26 0L28.931 491.398c-12.36 12.36-12.36 30.9 0 43.26L389.433 895.16c12.36 12.36 30.9 12.36 43.26 0l43.26-43.26c12.36-12.36 12.36-30.9 0-43.26l-197.76-197.76c-12.36-14.422-4.118-37.08 14.422-37.08h683.918c16.478 0 30.9-12.36 30.9-28.838v-61.8c0-16.478-12.36-32.962-28.838-32.962z' fill='%23ffffff' p-id='33277'%3E%3C/path%3E%3C/svg%3E");
|
|
background-size: 100% 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.bg {
|
|
position: fixed;
|
|
top:0;
|
|
left:0;
|
|
z-index: -100;
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
.bg:after{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
content: "";
|
|
background-color: black;
|
|
opacity: 0.3;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.yiyan {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin:0 auto;
|
|
width:90%;
|
|
margin-top:30rpx;
|
|
}
|
|
|
|
.yiyan .title {
|
|
font-size: 50rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
.yiyan .content {
|
|
/* text-indent:2em; */
|
|
margin-top:50rpx;
|
|
font-size: 40rpx;
|
|
color: #fff;
|
|
text-align: left;
|
|
}
|
|
|
|
.yiyan .creator {
|
|
margin-top:50rpx;
|
|
font-size: 30rpx;
|
|
color:#fff;
|
|
text-align: right;
|
|
width:100%;
|
|
}
|
|
|
|
.main {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left:0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
padding: 80rpx 30rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.main .main-box {
|
|
flex:1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.main .main-box .main-warning text {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573649986989' class='icon' viewBox='0 0 1025 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2146' width='200' height='200'%3E%3Cpath d='M999.126733 754.39104L646.123213 118.1696c-31.46752-56.61696-80.42496-89.09824-134.30784-89.09824-53.9648 0-102.93248 32.52224-134.30784 89.20064L24.872653 754.33984C-6.103347 810.20928-8.212787 869.08928 19.066573 915.87584c27.36128 46.92992 79.6672 73.85088 143.52384 73.85088h698.89024c63.88736 0 116.19328-26.92096 143.4624-73.7792 27.33056-46.72512 25.21088-105.61536-5.81632-161.55648zM924.548813 869.0688c-10.20928 17.53088-33.18784 27.58656-63.06816 27.58656H162.590413c-29.87008 0-52.86912-10.07616-63.11936-27.648-10.3424-17.73568-7.85408-43.07968 6.79936-69.5296l352.64512-636.08832c14.51008-26.20416 33.80224-41.23648 52.89984-41.23648 19.08736 0 38.38976 15.03232 52.95104 41.216l352.9728 636.17024c14.68416 26.4704 17.17248 51.79392 6.8096 69.5296z' fill='%23F15533' p-id='2147'%3E%3C/path%3E%3Cpath d='M512.020173 634.07104a46.53056 46.53056 0 0 0 46.5408-46.44864V370.25792a46.52032 46.52032 0 0 0-46.5408-46.44864 46.53056 46.53056 0 0 0-46.5408 46.44864v217.35424a46.53056 46.53056 0 0 0 46.5408 46.45888zM512.020173 680.6016a62.09536 62.09536 0 0 0-62.0544 62.0544c0 34.2016 27.78112 62.0544 62.0544 62.0544 34.2016 0 62.0544-27.78112 62.0544-62.0544 0-34.2016-27.78112-62.0544-62.0544-62.0544z' fill='%23F15533' p-id='2148'%3E%3C/path%3E%3C/svg%3E");
|
|
background-size: 100% 100%;
|
|
display: inline-block;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.main .main-box .main-warning span {
|
|
font-size: 25rpx;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
|
|
.main .create-warp {
|
|
background: #fff;
|
|
border-radius: 20rpx;
|
|
padding: 30rpx;
|
|
overflow: hidden;
|
|
height: 350rpx;
|
|
}
|
|
|
|
.main .create-warp .title {
|
|
margin-bottom: 50rpx;
|
|
font-size: 40rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.main .create-warp .content-box {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.main .create-warp .content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.main .create-warp .content .content-circle {
|
|
height: 150rpx;
|
|
width: 150rpx;
|
|
border-radius: 50%;
|
|
margin-bottom: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.main .create-warp .content .content-circle text {
|
|
background-size: 100% 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.main .create-warp .content:first-of-type .content-circle {
|
|
/* background: #ea0037; */
|
|
background-image: linear-gradient(to top right, #ea0037 , #f43d68, #f46e8d);
|
|
}
|
|
|
|
.main .create-warp .content:first-of-type .content-circle text {
|
|
height: 70rpx;
|
|
width: 70rpx;
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573464056981' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='23871' width='200' height='200'%3E%3Cpath d='M520.606476 1023.609905h-16.896c-6.192762-0.877714-12.434286-1.584762-18.602666-2.608762-33.475048-5.436952-64.658286-17.554286-94.69562-32.914286-58.806857-29.988571-110.689524-69.656381-157.330285-116.272762-44.324571-44.27581-82.285714-93.379048-110.08-149.918476C100.425143 676.010667 86.308571 627.98019 86.381714 576.219429 86.552381 435.833905 86.454857 295.448381 86.454857 155.062857v-5.12c0.804571-0.414476 1.072762-0.658286 1.365333-0.682667 1.462857-0.146286 2.950095-0.316952 4.437334-0.341333 38.765714-0.609524 77.287619-3.169524 115.516952-10.386286 36.59581-6.92419 72.655238-15.847619 107.398095-29.379047 47.591619-18.480762 93.062095-41.398857 136.972191-67.486476A458.264381 458.264381 0 0 0 511.658667 0.390095h0.975238c1.536 1.26781 2.998857 2.584381 4.534857 3.803429 33.353143 26.282667 69.827048 47.469714 107.422476 66.755047 49.249524 25.283048 99.815619 47.201524 153.868191 60.099048 28.038095 6.680381 56.246857 12.141714 84.967619 14.384762 19.772952 1.536 39.619048 2.096762 59.440762 3.072l15.018666 0.731429v6.046476c0 140.190476 0 280.380952-0.073143 420.571428 0 10.654476-0.365714 21.333333-1.536 31.914667-3.974095 36.181333-14.701714 70.485333-29.842285 103.448381-21.699048 47.201524-50.712381 89.526857-84.992 128.26819-57.904762 65.511619-124.708571 119.369143-204.092953 156.550096-23.28381 10.898286-47.420952 19.431619-72.777143 23.990857-7.94819 1.462857-15.969524 2.389333-23.966476 3.584M157.013333 220.745143v3.608381c0 119.417905-0.146286 238.83581 0.195048 358.229333 0.048762 13.702095 1.852952 27.599238 4.534857 41.057524 7.875048 39.399619 25.35619 74.776381 47.250286 108.007619 43.934476 66.681905 100.303238 120.978286 165.473524 166.229333 30.159238 20.967619 61.854476 39.107048 96.889904 50.712381 18.748952 6.217143 37.790476 9.386667 57.58781 5.583238 26.624-5.12 51.053714-15.896381 74.630095-28.769523 50.809905-27.818667 95.914667-63.317333 136.777143-104.350477 38.180571-38.278095 71.460571-80.359619 95.695238-129.121523 17.481143-35.230476 28.696381-72.094476 28.647619-111.981715-0.146286-118.076952-0.048762-236.153905-0.048762-354.230857v-5.193143c-16.725333-2.535619-32.768-4.681143-48.737524-7.43619-44.739048-7.655619-88.478476-19.236571-130.657523-36.205714a1041.871238 1041.871238 0 0 1-169.813334-87.113143c-2.486857-1.560381-4.242286-1.511619-6.680381 0.024381-40.057905 25.429333-82.041905 47.201524-125.049904 67.047619a719.481905 719.481905 0 0 1-169.496381 54.491428c-18.822095 3.535238-37.790476 6.241524-57.197715 9.411048' fill='%23ffffff' p-id='23872'%3E%3C/path%3E%3Cpath d='M702.659048 361.910857l62.73219 58.148572-276.821333 320.926476-181.223619-154.819048 55.832381-66.169905 116.711619 98.645334 220.964571-254.780953 1.77981-1.950476z' fill='%23ffffff' p-id='23873'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.main .create-warp .content:nth-of-type(2) .content-circle{
|
|
/* background: #ff5600; */
|
|
background-image: linear-gradient(to top right, #ff5600 , #ff8040, #ffa273);
|
|
|
|
}
|
|
|
|
.main .create-warp .content:nth-of-type(2) .content-circle text {
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573464191757' class='icon' viewBox='0 0 1536 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='25578' width='200' height='200'%3E%3Cpath d='M1231.872 856.576c4.096 15.872 3.072 30.72-2.56 45.056-5.632 14.336-14.336 26.624-26.112 37.888-11.776 10.752-26.624 19.456-43.52 25.6-17.408 6.144-35.84 9.216-55.296 9.216-124.928 0.512-236.544 1.024-334.848 1.024H432.128c-23.552 0-44.544-4.096-62.976-12.8-17.92-8.704-32.768-18.944-43.52-31.744-10.752-12.8-18.432-26.112-22.016-40.96-3.584-14.848-3.072-28.16 1.536-39.936 4.096-9.216 7.68-18.944 11.776-28.672 3.072-8.704 7.168-18.432 11.776-29.184 4.608-10.752 9.728-22.016 14.848-33.28l37.888-91.136h113.152l-42.496 124.928H1090.56l-42.496-124.928h108.032c13.824 33.792 26.624 64 37.888 91.136 4.608 11.776 9.216 23.552 13.824 34.816 4.608 11.264 8.704 21.504 12.288 30.208 3.584 8.704 6.656 16.384 8.704 23.04 2.048 5.632 3.072 9.216 3.072 9.728z' fill='%23ffffff' p-id='25579'%3E%3C/path%3E%3Cpath d='M733.696 70.144c11.776-14.336 23.04-21.504 34.304-21.504 10.752 0.512 22.016 8.192 34.304 23.04 13.312 16.384 28.16 36.352 45.056 58.88 16.896 23.04 33.792 46.08 51.712 70.144 17.408 24.064 34.304 47.616 51.2 69.632 16.384 22.528 31.232 41.472 43.52 57.344 11.776 15.36 15.36 27.648 10.24 37.376-5.12 9.728-16.384 14.336-34.304 14.336-10.752 0-23.04 0.512-37.376 1.024s-26.112 1.024-36.352 1.024c-13.824-0.512-22.528 4.608-26.624 16.384-4.096 11.776-6.144 27.136-6.144 46.08v46.592c0 17.408 0 34.304-0.512 51.712-0.512 17.408-0.512 33.28-0.512 48.64v38.4c-0.512 22.528-4.608 38.912-12.288 49.152s-22.528 15.36-44.032 15.36c-15.36 0-28.672 0-39.936-0.512-11.776-0.512-24.064-0.512-38.4-0.512-11.776 0-21.504-2.048-28.16-6.144-7.168-4.096-12.288-8.704-15.872-14.848-3.584-6.144-6.144-12.8-7.168-19.968-1.024-7.168-1.536-14.336-1.536-20.992 0-15.36 0-31.744 0.512-49.664 0.512-17.92 0.512-35.84 0.512-54.272 0-18.432 0-36.352 0.512-53.76 0.512-17.408 0.512-33.28 0.512-48.128 0-13.312-1.536-23.552-5.12-31.744-3.072-7.68-11.776-11.776-24.576-11.776-11.776 0-26.624-0.512-44.544-1.536-17.92-1.024-32.256-1.024-42.496-0.512-18.944 0-30.208-5.632-33.792-17.408-3.072-11.776 2.56-26.112 17.92-44.032 13.312-16.384 28.16-35.84 45.056-58.368 16.896-22.528 33.792-45.056 51.2-68.608 17.408-23.04 33.792-45.568 50.176-67.584 15.872-20.992 30.208-38.912 43.008-53.248z' fill='%23ffffff' p-id='25580'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.main .create-warp .content:last-of-type .content-circle {
|
|
/* background: #b40097; */
|
|
/* background: #c7007d; */
|
|
background-image: linear-gradient(to top right, #c7007d , #e339a4, #e366b5);
|
|
|
|
}
|
|
|
|
.main .create-warp .content:last-of-type .content-circle text {
|
|
height: 70rpx;
|
|
width: 70rpx;
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573464265589' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='28839' width='200' height='200'%3E%3Cpath d='M407.746606 0H55.60181C27.800905 0 0 27.800905 0 55.60181v347.511312C0 435.547511 27.800905 463.348416 55.60181 463.348416h347.511312c32.434389 0 60.235294-27.800905 60.235294-55.60181V55.60181C463.348416 27.800905 435.547511 0 407.746606 0z m-13.900452 393.846154h-324.343892v-324.343892h324.343892v324.343892zM407.746606 556.0181H55.60181c-27.800905 0-55.60181 27.800905-55.60181 55.60181v347.511312c0 32.434389 27.800905 60.235294 55.60181 60.235294h347.511312c32.434389 0 55.60181-27.800905 55.60181-55.60181v-347.511312c4.633484-32.434389-23.167421-60.235294-50.968326-60.235294z m-13.900452 393.846153h-324.343892v-324.343891h324.343892v324.343891zM982.298643 556.0181c-18.533937 0-37.067873 13.900452-37.067874 37.067873v111.20362h-129.737556v-111.20362c0-18.533937-13.900452-37.067873-37.067874-37.067873h-194.606334c-18.533937 0-37.067873 13.900452-37.067874 37.067873v393.846154c0 18.533937 13.900452 37.067873 37.067874 37.067873s37.067873-13.900452 37.067873-37.067873v-361.411765h125.104072v111.20362c0 18.533937 13.900452 37.067873 37.067874 37.067873h199.239819c18.533937 0 37.067873-13.900452 37.067873-37.067873v-143.638009c0-23.167421-13.900452-37.067873-37.067873-37.067873zM982.298643 834.027149c-18.533937 0-37.067873 13.900452-37.067874 37.067874v115.837104c0 18.533937 13.900452 37.067873 37.067874 37.067873s37.067873-13.900452 37.067873-37.067873v-115.837104c0-23.167421-18.533937-37.067873-37.067873-37.067874z' fill='%23ffffff' p-id='28840'%3E%3C/path%3E%3Cpath d='M880.361991 949.864253h-106.570136v-83.402715c0-18.533937-13.900452-37.067873-37.067873-37.067873s-37.067873 13.900452-37.067873 37.067873v115.837105c0 18.533937 13.900452 37.067873 37.067873 37.067873H880.361991c18.533937 0 37.067873-13.900452 37.067873-37.067873s-18.533937-32.434389-37.067873-32.43439zM963.764706 0h-347.511312c-32.434389 0-60.235294 27.800905-60.235294 55.60181v347.511312c0 32.434389 27.800905 55.60181 55.60181 55.60181h347.511312c32.434389 0 55.60181-27.800905 55.60181-55.60181V55.60181C1019.366516 27.800905 991.565611 0 963.764706 0z m-13.900453 393.846154h-324.343891v-324.343892h324.343891v324.343892z' fill='%23ffffff' p-id='28841'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.main .create-warp .content .lable {
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.main .code-warp ,.main .store-warp, .main .safe-warp, .main .start-warp, .main .safe-warp, .main .example-warp{
|
|
background: #fff;
|
|
border-radius: 20rpx;
|
|
padding: 30rpx;
|
|
height: 90%;
|
|
overflow: auto;
|
|
}
|
|
|
|
.main .code-warp .code-main {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.main .code-warp .code-card {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 30rpx;
|
|
margin-bottom: 50rpx;
|
|
border: 1px #eee solid;
|
|
border-radius: 20rpx;
|
|
box-shadow: #eee 10rpx 10rpx 30rpx;
|
|
display: flex;
|
|
}
|
|
|
|
.main .code-warp .left {
|
|
width: 80%;
|
|
padding-right: 30rpx;
|
|
border-right: 1px #eee solid;
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.main .code-warp .right {
|
|
flex:1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.main .code-warp .right text {
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573529126688' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5820' width='200' height='200'%3E%3Cpath d='M511.852322 1024a511.852322 511.852322 0 1 1 512.147678-512.147678 512.443034 512.443034 0 0 1-512.147678 512.147678z m0-935.393135a423.245457 423.245457 0 1 0 423.540813 423.245457A423.83617 423.83617 0 0 0 511.852322 88.606865z' fill='%23f44c59' p-id='5821'%3E%3C/path%3E%3Cpath d='M277.04413 468.434958m43.417364 0l383.077012 0q43.417364 0 43.417364 43.417364l0 0q0 43.417364-43.417364 43.417364l-383.077012 0q-43.417364 0-43.417364-43.417364l0 0q0-43.417364 43.417364-43.417364Z' fill='%23f44c59' p-id='5822'%3E%3C/path%3E%3C/svg%3E");
|
|
background-size: 100% 100%;
|
|
display: inline-block;
|
|
height:50rpx;
|
|
width:50rpx;
|
|
}
|
|
|
|
.main .store-warp {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.main .store-warp text {
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573483723194' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='37757' width='200' height='200'%3E%3Cpath d='M195.072 726.528c9.728-5.12 20.992-8.192 32.256-8.192 16.384 0 31.744 5.632 43.52 16.384 19.968-31.232 54.272-51.712 94.72-51.712 43.52 0 81.92 25.088 99.84 61.44 13.824-12.8 31.744-20.992 51.712-20.992 9.728 0 18.944 2.048 27.648 5.12 12.8-11.264 30.72-17.92 48.64-17.92 28.672 0 53.248 16.384 66.048 39.424 10.24-7.168 23.552-11.264 36.864-11.264 5.12 0 9.728 0.512 14.848 2.048 10.24-29.184 38.4-50.176 70.656-50.176 13.824 0 26.112 4.096 36.864 9.728 19.456-38.912 60.416-66.048 107.008-66.048 17.408 0 33.792 4.096 48.64 10.24-62.464-205.824-253.44-355.328-479.744-355.328-214.016 0-396.8 134.144-468.992 323.584 9.728-2.56 20.992-4.096 32.256-4.096 70.144 0.512 127.488 51.712 137.216 117.76z' fill='%23CFF0FF' p-id='37758'%3E%3C/path%3E%3Cpath d='M403.968 283.648c-58.368 75.776-119.808 160.768-156.16 250.88-4.608 10.24 5.12 19.456 14.848 16.896l111.104-31.232m222.72-236.544c58.368 75.776 119.808 160.768 156.16 250.88 4.608 10.24-5.12 19.456-14.848 16.896l-111.104-31.232' fill='%23F9DA3E' p-id='37759'%3E%3C/path%3E%3Cpath d='M635.904 620.544H361.984c-22.016-72.192-27.136-147.968-11.264-221.184C370.176 315.392 409.6 236.544 467.456 169.984l5.632-6.656c13.824-16.384 38.4-16.384 51.2 0l5.632 6.656c58.368 66.048 97.28 145.408 116.224 228.864 16.896 73.728 11.776 149.504-10.24 221.696z' fill='%2378C5FD' p-id='37760'%3E%3C/path%3E%3Cpath d='M463.36 590.336c-41.984 0-78.336-31.232-84.48-72.704-6.656-50.176-5.12-99.84 5.12-148.48 17.408-78.336 53.248-153.088 104.96-216.576-6.656 2.048-12.8 5.12-16.896 10.24l-5.632 6.656C410.112 235.52 370.176 314.368 351.744 398.336c-16.384 73.216-11.264 150.016 11.264 221.184h273.92c3.072-10.24 5.632-19.456 8.192-29.696H463.36v0.512z' fill='%23568EC8' p-id='37761'%3E%3C/path%3E%3Cpath d='M400.896 628.736h195.072v46.592H400.896v-46.592z' fill='%2378C5FD' p-id='37762'%3E%3C/path%3E%3Cpath d='M580.608 681.984h-163.84L499.2 814.08l81.408-132.096z' fill='%23F9DA3E' p-id='37763'%3E%3C/path%3E%3Cpath d='M432.128 385.024c0 23.552 12.8 45.568 33.28 56.832 20.992 11.776 46.08 11.776 66.56 0s33.28-33.792 33.28-56.832c0-36.352-29.696-66.048-66.56-66.048-36.352 0.512-66.56 29.696-66.56 66.048z' fill='%23F6FDFF' p-id='37764'%3E%3C/path%3E%3Cpath d='M546.816 388.096c-2.56 0.512-5.12-1.536-5.12-4.096-2.048-13.824-10.24-24.576-21.504-31.232-2.048-1.536-3.072-4.096-2.048-6.656 1.536-2.56 4.096-3.072 6.656-2.048 13.824 7.68 23.552 21.504 26.112 38.4 0.512 2.56-1.024 5.12-4.096 5.632zM499.2 339.968c0 3.072 2.56 5.632 5.632 5.632 3.072 0 5.632-2.56 5.632-5.632 0-3.072-2.56-5.632-5.632-5.632-3.072 0-5.632 2.56-5.632 5.632z' fill='%23CFF0FF' p-id='37765'%3E%3C/path%3E%3Cpath d='M101.376 257.024l10.24 18.944 18.944 10.24-18.944 10.24-10.24 29.184-10.24-29.184-18.944-10.24 18.944-10.24 10.24-18.944z' fill='%23DCF0FE' p-id='37766'%3E%3C/path%3E%3Cpath d='M311.808 820.224l7.68 14.336 14.336 7.68-14.336 7.68-7.68 22.528-7.68-22.528-14.336-7.68 14.336-7.68 7.68-14.336z' fill='%23AEDCFE' p-id='37767'%3E%3C/path%3E%3Cpath d='M961.024 429.056l13.824 24.064 24.576 12.8-24.576 12.8-13.824 37.376-13.824-37.376-24.576-12.8 24.576-12.8 13.824-24.064z' fill='%23CCE9FE' p-id='37768'%3E%3C/path%3E%3C/svg%3E");
|
|
display: block;
|
|
background-size: 100% 100%;
|
|
height: 150rpx;
|
|
width: 150rpx;
|
|
}
|
|
|
|
.main .store-warp view {
|
|
font-size: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main .util-box {
|
|
margin-top: 30rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.main .util-box > view {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 30rpx;
|
|
margin-right: 30rpx;
|
|
background: #fff;
|
|
border-radius: 20rpx;
|
|
flex: 1;
|
|
height: 50rpx;
|
|
}
|
|
|
|
.main .util-box .store-box .store-icon {
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573462921677' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='20022' id='mx_n_1573462921679' width='200' height='200'%3E%3Cpath d='M763.776 968.576H261.504C147.456 968.576 55.04 876.16 55.04 762.112V259.84c0-114.048 92.416-206.464 206.464-206.464h502.272C877.824 53.376 970.24 145.792 970.24 259.84v502.272c0 114.048-92.416 206.464-206.464 206.464z' fill='%23f44c59' p-id='20023' data-spm-anchor-id='a313x.7781069.0.i27' class='selected'%3E%3C/path%3E%3Cpath d='M529.792 586.496h-100.48l75.648-130.56 7.68-13.312 51.84-89.088 9.984-17.408 21.504-36.864c9.472-16.128 9.728-36.864-1.024-52.096-9.216-13.056-22.4-18.304-35.456-18.304-15.36 0-30.336 7.936-38.784 22.272l-7.68 13.568-7.936-13.568c-8.448-14.336-23.552-22.272-38.784-22.272-7.68 0-15.36 1.792-22.528 5.888-21.248 12.288-28.544 39.808-16.128 61.056l33.408 57.728-135.168 233.216H238.08c-26.88 0.256-48.384 24.064-44.16 52.096 3.328 22.016 23.936 37.376 46.208 37.376h33.92l103.424-0.256H583.936c3.84 0 7.68-1.664 9.984-4.736 11.776-15.744 20.48-40.192-8.32-65.408-15.232-13.44-35.584-19.328-55.808-19.328z' fill='%23FFFFFF' p-id='20024'%3E%3C/path%3E%3Cpath d='M785.28 586.24h-86.016l-115.072-198.528c-2.048-3.456-6.656-4.608-9.856-2.304-16.128 11.648-25.6 27.904-30.464 45.824-8.192 30.208-1.408 62.592 14.208 89.728l24.704 42.88 13.056 22.784 51.84 89.344 5.376 8.96 49.792 86.016c8.448 14.336 23.296 22.272 38.528 22.272 7.68 0 15.616-2.048 22.784-6.144 21.248-12.288 28.544-39.552 16.128-61.056l-29.056-50.304h36.224c26.88 0 48.256-24.32 43.904-52.352-3.584-21.888-23.936-37.12-46.08-37.12zM319.616 687.616c-15.744-6.4-30.592-5.632-42.496-2.304-6.528 1.792-11.904 6.272-15.232 12.032l-16.64 28.416c-12.544 21.504-5.12 48.768 16.128 61.056 7.168 4.096 15.104 6.144 22.784 6.144 15.36 0 30.08-7.936 38.272-22.272l18.944-32.64c4.608-8.064 5.504-17.792 2.048-26.368-3.84-9.6-11.008-18.816-23.808-24.064z' fill='%23FFFFFF' p-id='20025'%3E%3C/path%3E%3C/svg%3E");
|
|
display: inline-block;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
background-size: 100% 100%;
|
|
}
|
|
.main .util-box .maked-box {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.main .util-box > view > .title {
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.main .start-warp .start-main .start-title {
|
|
font-size: 40rpx;
|
|
font-weight: 600;
|
|
margin-bottom: 50rpx;
|
|
}
|
|
|
|
.main .start-warp .start-main .icon-box {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.main .start-warp .start-main .icon-box .item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.main .start-warp .start-main .icon-box .item text {
|
|
background-size: 100% 100%;
|
|
display: inline-block;
|
|
height: 150rpx;
|
|
width:150rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.main .start-warp .start-main .icon-box .item view {
|
|
text-align: center;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.main .start-warp .start-main .icon-box .item:first-of-type text{
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573571884791' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1890' width='200' height='200'%3E%3Cpath d='M512 512m-479.4 0a479.4 479.4 0 1 0 958.8 0 479.4 479.4 0 1 0-958.8 0Z' fill='%23FFFFFF' p-id='1891'%3E%3C/path%3E%3Cpath d='M583.3 661.4s-71.3 57.1-97.2 72c-22.8 13.1-44.2 21.9-63.3 27.9-19.1 6.1-35.8 9.9-50.2 11.4-14.4 1.6-26.2 2.6-35.7 3-0.9 0.4-2 0.7-3.4 0.7h-10.8c-24.7 0-47.9-2.9-69.6-8.8-21.8-5.8-40.7-14.5-56.9-25.9-16.2-11.4-28.9-25.8-38.4-43.1-9.4-17.3-14.1-37.4-14.1-60.2 0.4-19.7 5.8-37.7 16.1-53.8 10.3-16.2 23.7-29.8 40.1-41.1 16.4-11.2 34.5-19.7 54.5-25.6 20-5.8 40-8.3 60.2-7.4 19.7 0.9 38.8 3.2 57.2 7 18.4 3.8 36 8.4 52.8 13.8 16.8 5.4 32.7 11.2 47.8 17.5 15 6.3 29.3 12.3 42.7 18.2 5.4 2.2 11 4.5 16.8 6.7 5.8 2.2 11.9 4.5 18.2 6.7 13-16.6 24-32.9 33-48.8 9-15.9 16.4-30.5 22.2-43.7 5.8-13.2 10.3-24.3 13.5-33.3 3.1-9 5.1-15.2 6.1-18.8h-292v-32.3h138V329H279.1v-32.3h191.8v-60.6c0-4 2.2-7.3 6.7-9.8 4.5-2.5 9.7-4.1 15.5-5 6.7-1.4 14.4-2 22.9-2h51.8v77.4H765V329H567.8v74.7h156.7c0-0.2 0.1-0.4 0.1-0.7v0.7h-0.1c-3.2 20-8.5 41.1-16 63.3-6.3 19.3-15.6 41.3-27.9 65.9-12.3 24.7-28.6 50-48.8 76.1 0 0 154.4 73.9 317.5 99.9 27.1-60 42.2-126.7 42.2-196.8 0-264.7-214.6-479.4-479.4-479.4C247.2 32.6 32.6 247.2 32.6 512c0 264.7 214.6 479.4 479.4 479.4 164.2 0 309.2-82.6 395.6-208.5-87.9-19.1-181.1-57.9-324.3-121.5m-376.9-21.5c-1.8 82.3 91.3 88.4 105.6 88.8 47.4 1.5 85.7-16.5 115.6-34.2 29.8-17.7 78.5-63.5 80.3-65.1 1.8-1.6 3.6-3.2 5.4-5-13-7.2-25.8-13.8-38.4-19.9-12.5-6.1-76.4-40.3-133-46.2-107.2-11.1-134.9 56.6-135.5 81.6m0 0' fill='%2300AAEE' p-id='1892'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.main .start-warp .start-main .icon-box .item:nth-of-type(2) text {
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573571887659' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9353' width='200' height='200'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='%231BB723' p-id='9354'%3E%3C/path%3E%3Cpath d='M831.890286 585.603657c0-90.528914-90.594743-164.322743-192.336457-164.322743-107.739429 0-192.599771 73.793829-192.599772 164.322743 0 90.682514 84.860343 164.322743 192.599772 164.322743 22.542629 0 45.282743-5.6832 67.935085-11.359086l62.112915 34.004115-17.020343-56.590629c45.443657-34.091886 79.3088-79.316114 79.3088-130.377143z m-254.785829-28.335543c-11.278629 0-22.652343-11.227429-22.652343-22.674285 0-11.278629 11.373714-22.637714 22.652343-22.637715 17.122743 0 28.350171 11.359086 28.350172 22.637715 0 11.446857-11.227429 22.674286-28.350172 22.674285z m124.5696 0c-11.2128 0-22.498743-11.227429-22.498743-22.674285 0-11.278629 11.285943-22.637714 22.498743-22.637715 16.954514 0 28.328229 11.359086 28.328229 22.637715 0 11.446857-11.373714 22.674286-28.328229 22.674285z' fill='%23FFFFFF' p-id='9355'%3E%3C/path%3E%3Cpath d='M418.552686 251.428571c-124.481829 0-226.442971 84.845714-226.442972 192.577829 0 62.193371 33.923657 113.261714 90.609372 152.861257l-22.652343 68.117943 79.162514-39.701943c28.328229 5.610057 51.0464 11.373714 79.316114 11.373714 7.109486 0 14.153143-0.3584 21.138286-0.899657-4.425143-15.125943-6.992457-30.990629-6.992457-47.440457 0-98.933029 84.955429-179.214629 192.519314-179.214628 7.336229 0 14.606629 0.548571 21.803886 1.338514-19.587657-91.223771-117.116343-159.012571-228.461714-159.012572zM344.992914 404.319086c-16.969143 0-34.0992-11.373714-34.0992-28.342857 0-17.042286 17.130057-28.2624 34.0992-28.2624s28.2624 11.220114 28.2624 28.2624c0 16.969143-11.293257 28.342857-28.2624 28.342857z m158.471315 0c-16.976457 0-34.004114-11.373714-34.004115-28.342857 0-17.042286 17.027657-28.2624 34.004115-28.2624 17.0496 0 28.342857 11.220114 28.342857 28.2624 0.007314 16.969143-11.293257 28.342857-28.342857 28.342857z' fill='%23FFFFFF' p-id='9356'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.main .start-warp .start-main .icon-box .item:last-of-type text {
|
|
background-image: url("data:image/svg+xml,%3Csvg t='1573571954588' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4093' width='200' height='200'%3E%3Cpath d='M0 512.512C0 794.978462 229.021538 1024 511.488 1024c282.505846 0 511.527385-229.021538 511.527385-511.488C1023.015385 230.006154 793.993846 0.984615 511.488 0.984615 229.021538 0.984615 0 230.006154 0 512.512z' fill='%2352CDFB' p-id='4094'%3E%3C/path%3E%3Cpath d='M718.532923 510.424615c10.633846 14.099692 20.676923 31.350154 28.553846 50.412308 23.315692 55.571692 14.336 113.821538 1.811693 116.499692-10.476308 1.851077-30.72-15.832615-50.491077-43.086769-4.174769 30.129231-18.668308 57.580308-40.52677 79.950769 37.021538 11.815385 61.715692 34.422154 58.840616 56.950154-3.623385 28.475077-49.939692 46.040615-103.424 39.187693-37.966769-4.844308-69.316923-20.637538-83.062154-39.581539a226.619077 226.619077 0 0 1-26.584615 0.393846c-13.272615 19.298462-46.001231 35.091692-86.212924 39.660308-55.532308 6.262154-103.030154-11.657846-107.52-40.329846-3.544615-21.937231 21.464615-43.835077 59.47077-55.650462-22.961231-23.158154-37.927385-51.948308-41.55077-83.495384-22.449231 27.175385-45.174154 41.905231-53.720615 37.021538-17.014154-8.940308-20.598154-64.472615 6.301539-119.138461 10.161231-20.046769 22.528-37.415385 35.131076-50.884924a60.455385 60.455385 0 0 1-5.592615-26.151384c0-15.044923 4.923077-28.947692 12.996923-36.470154a25.206154 25.206154 0 0 1 1.890462-1.614769 190.424615 190.424615 0 0 1-2.363077-29.971693c0-105.708308 86.882462-191.724308 193.496615-191.724307 107.52 0 193.496615 86.016 193.496616 191.724307 0 8.782769-0.590769 17.447385-1.772308 25.954462 4.489846 0 8.940308 1.890462 12.996923 5.632 7.995077 7.522462 12.957538 21.425231 12.957538 36.470154s-4.962462 28.947692-12.996923 36.470154a25.009231 25.009231 0 0 1-2.126769 1.772307z' fill='%23FFFFFF' p-id='4095'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.main .start-warp .start-main .input-box {
|
|
margin-top: 50rpx;
|
|
}
|
|
|
|
.main .start-warp .start-main .input-box .lable {
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.main .start-warp .start-main .input-box input {
|
|
font-size: 30rpx;
|
|
line-height: 80rpx;
|
|
height:80rpx;
|
|
margin-top:10rpx;
|
|
border-bottom: 1px #eee solid;
|
|
}
|
|
|
|
.main .start-warp .start-main .submit {
|
|
width: 300rpx;
|
|
height: 80rpx;
|
|
margin: 0 auto;
|
|
margin-top: 70rpx;
|
|
background-color: #1bb723;
|
|
color: #fff;
|
|
font-size: 35rpx;
|
|
text-align: center;
|
|
line-height: 80rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
/* 动画 */
|
|
.show-boxs .create-warp{
|
|
animation :toHigh .5s ease;
|
|
animation-fill-mode:forwards;
|
|
}
|
|
|
|
.hide-boxs .create-warp{
|
|
animation :toLow 1s ease;
|
|
animation-fill-mode:forwards;
|
|
}
|
|
|
|
.show-boxs .create-warp .title, .show-boxs .create-warp .content-box {
|
|
animation: toHide .5s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
.hide-boxs .create-warp .title, .hide-boxs .create-warp .content-box {
|
|
animation: toShow 1s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
.show-boxs .code-warp .code-main {
|
|
animation: showCode .5s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
.show-boxs .start-warp .start-main {
|
|
animation: toShow .5s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
.show-boxs .util-box {
|
|
animation: down .5s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
.hide-boxs .util-box {
|
|
animation: up 1s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
.toHide{
|
|
animation: toHide 1s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
.toShow{
|
|
animation: toShow 1s ease ;
|
|
animation-fill-mode:forwards
|
|
}
|
|
|
|
|
|
@keyframes toHigh
|
|
{
|
|
0% {
|
|
height: 350rpx;
|
|
}
|
|
100% {
|
|
height: 90%;
|
|
}
|
|
}
|
|
|
|
@keyframes toLow
|
|
{
|
|
0% {
|
|
height: 90%;
|
|
}
|
|
100% {
|
|
height: 350rpx;
|
|
}
|
|
}
|
|
|
|
@keyframes toHide
|
|
{
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes toShow
|
|
{
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes showCode
|
|
{
|
|
0% {
|
|
opacity: 0;
|
|
margin-top: 50rpx;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
margin-top: 0rpx;
|
|
}
|
|
}
|
|
|
|
@keyframes down
|
|
{
|
|
0% {
|
|
opacity: 1;
|
|
margin-bottom: 0rpx;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
margin-bottom: -135rpx;
|
|
}
|
|
}
|
|
|
|
@keyframes up
|
|
{
|
|
0% {
|
|
opacity: 0;
|
|
margin-bottom: -135rpx;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
margin-bottom: 0rpx;
|
|
}
|
|
} |