@charset "UTF-8";
@keyframes gradual_opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
  以下是ipad的适应
*/
@media screen and (min-height: 320px) {
  .share-wrapper {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 998;
    opacity: 1;
    top: 0;
    left: 0;
  }
  .share-wrapper .wrapper {
    height: 100%;
  }
  .share-wrapper .left-panel {
    float: left;
    height: 100%;
    width: 47.78%;
    background: rgba(0, 0, 0, 0.5);
  }
  .share-wrapper .left-panel .canvasPosition {
    position: absolute;
    left: 9999px;
    top: 9999px;
  }
  .share-wrapper .left-panel .close {
    position: absolute;
    width: 6.4vmin;
    height: 6.4vmin;
    left: 10.6666666667vmin;
    top: 4.2666666667vmin;
    overflow: hidden;
  }
  .share-wrapper .left-panel .close image {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .left-panel .share-big-picture {
    margin-top: 6.6666666667vmin;
    overflow: hidden;
    width: 44.5333333333vmin;
    height: 86.6666666667vmin;
    margin-left: 40%;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img {
    height: 79.2vmin;
    box-shadow: 0 0.5495191701vmin 0.9514208603vmin 0 rgba(0, 0, 0, 0.08);
    border-radius: 1.3333333333vmin;
    overflow: hidden;
    position: relative;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img .switch-text {
    position: absolute;
    width: 25.6vmin;
    height: 6.4vmin;
    top: 30%;
    right: 0;
    border-radius: 3.2vmin 0 0 3.2vmin;
    opacity: 1;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3.2vmin);
  }
  .share-wrapper .left-panel .share-big-picture .preview-img .switch-text image {
    position: absolute;
    width: 4.2666666667vmin;
    height: 4.2666666667vmin;
    top: 1.0666666667vmin;
    left: 2.1333333333vmin;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img .switch-text text {
    margin-left: 7.4666666667vmin;
    color: rgb(255, 255, 255);
    font-size: 2.6666666667vmin;
    font-weight: 400;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img image {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img image.gradual_opacity {
    animation: gradual_opacity 0.1s alternate;
  }
  .share-wrapper .left-panel .share-big-picture .save {
    margin-top: 3.2vmin;
    padding-left: 2.1333333333vmin;
    display: flex;
  }
  .share-wrapper .left-panel .share-big-picture .save image {
    width: 4.2666666667vmin;
    height: 4.2666666667vmin;
    margin-right: 1.0666666667vmin;
  }
  .share-wrapper .left-panel .share-big-picture .save text {
    color: rgb(255, 255, 255);
    font-size: 3.2vmin;
    font-weight: 400;
    text-align: center;
  }
  .share-wrapper .right-panel {
    float: left;
    width: 52.22%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.94) 100%);
  }
  .share-wrapper .right-panel .detail {
    width: 81.0666666667vmin;
    height: 42.6666666667vmin;
    margin-top: 17.0666666667vmin;
    margin-right: 6.4vmin;
    float: right;
    padding-bottom: 1.6vmin;
    margin-bottom: 6.6666666667vmin;
    border-bottom: 0.2666666667vmin solid rgba(255, 255, 255, 0.1599999964);
  }
  .share-wrapper .right-panel .detail .list-view {
    margin-bottom: 1.0666666667vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box {
    overflow: hidden;
    white-space: nowrap;
    width: 81.0666666667vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box.large {
    margin-bottom: 16vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list {
    float: left;
    position: relative;
    border: 0.5333333333vmin solid transparent;
    overflow: hidden;
    box-sizing: border-box;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.normal {
    width: 12.2666666667vmin;
    height: 21.3333333333vmin;
    margin-right: 1.3333333333vmin;
    border-radius: 1.6vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.normal:not(.active) {
    padding: 1.0666666667vmin 0.8vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.normal .child {
    overflow: hidden;
    border-radius: 1.6vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.large {
    width: 17.6vmin;
    height: 30.9333333333vmin;
    border-radius: 2.1333333333vmin;
    margin-right: 3.2vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.large .child {
    overflow: hidden;
    border-radius: 2.1333333333vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.large .preview-img {
    border-radius: 1.6vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.active {
    transition: all 0.1s linear;
    border: 0.5333333333vmin solid #1472FF;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.active .child {
    width: 100%;
    height: 100%;
    padding: 0.1333333333vmin;
    box-sizing: border-box;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.active .selected {
    height: 4.2666666667vmin;
    width: 4.2666666667vmin;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list:last-child {
    margin-right: 0;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list .child {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list .child image {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .right-panel .operations {
    height: 17.0666666667vmin;
    width: 81.0666666667vmin;
    float: right;
    margin-right: 6.4vmin;
    margin-top: 1.6vmin;
    display: flex;
  }
  .share-wrapper .right-panel .operations.once-share-poster {
    margin-top: 41.3333333333vmin;
  }
  .share-wrapper .right-panel .operations .btn {
    height: 17.0666666667vmin;
    margin-right: 5.3333333333vmin;
  }
  .share-wrapper .right-panel .operations .btn button {
    background: none;
    outline: none;
    border: none;
  }
  .share-wrapper .right-panel .operations .btn button:after {
    border: none;
  }
  .share-wrapper .right-panel .operations .btn.empty {
    width: 10.6666666667vmin;
    height: 100%;
    position: relative;
  }
  .share-wrapper .right-panel .operations .btn.empty:after {
    content: "";
    width: 0.2666666667vmin;
    height: 12.8vmin;
    opacity: 0.1599999964;
    background: rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .share-wrapper .right-panel .operations .btn .icon-box {
    width: 10.6666666667vmin;
    height: 10.6666666667vmin;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 2.1333333333vmin;
  }
  .share-wrapper .right-panel .operations .btn .icon-box .opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.200000003;
    background: rgb(255, 255, 255);
  }
  .share-wrapper .right-panel .operations .btn .icon-box image {
    width: 6.4vmin;
    height: 6.4vmin;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .share-wrapper .right-panel .operations .btn .label {
    color: rgb(255, 255, 255);
    font-size: 3.2vmin;
    font-weight: 400;
    font-family: "PingFang SC";
    white-space: nowrap;
  }
}
@media screen and (min-height: 768px) and (orientation: landscape) {
  .share-wrapper {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 998;
    opacity: 1;
    top: 0;
    left: 0;
  }
  .share-wrapper .wrapper {
    height: 100%;
  }
  .share-wrapper .left-panel {
    float: left;
    height: 100%;
    width: 47.78%;
    background: rgba(0, 0, 0, 0.5);
  }
  .share-wrapper .left-panel .canvasPosition {
    position: absolute;
    left: 9999px;
    top: 9999px;
  }
  .share-wrapper .left-panel .close {
    position: absolute;
    width: 3.125vmin;
    height: 3.125vmin;
    left: 5.2083333333vmin;
    top: 2.0833333333vmin;
    overflow: hidden;
  }
  .share-wrapper .left-panel .close image {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .left-panel .share-big-picture {
    margin-top: 3.2552083333vmin;
    overflow: hidden;
    width: 21.7447916667vmin;
    height: 42.3177083333vmin;
    margin-left: 40%;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img {
    height: 38.671875vmin;
    box-shadow: 0 0.2683199073vmin 0.4645609669vmin 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.6510416667vmin;
    overflow: hidden;
    position: relative;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img .switch-text {
    position: absolute;
    width: 12.5vmin;
    height: 3.125vmin;
    top: 30%;
    right: 0;
    border-radius: 1.5625vmin 0 0 1.5625vmin;
    opacity: 1;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(1.5625vmin);
  }
  .share-wrapper .left-panel .share-big-picture .preview-img .switch-text image {
    position: absolute;
    width: 2.0833333333vmin;
    height: 2.0833333333vmin;
    top: 0.5208333333vmin;
    left: 1.0416666667vmin;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img .switch-text text {
    margin-left: 3.6458333333vmin;
    color: rgb(255, 255, 255);
    font-size: 1.3020833333vmin;
    font-weight: 400;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img image {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .left-panel .share-big-picture .preview-img image.gradual_opacity {
    animation: gradual_opacity 0.1s alternate;
  }
  .share-wrapper .left-panel .share-big-picture .save {
    margin-top: 1.5625vmin;
    padding-left: 1.0416666667vmin;
    display: flex;
  }
  .share-wrapper .left-panel .share-big-picture .save image {
    width: 2.0833333333vmin;
    height: 2.0833333333vmin;
    margin-right: 0.5208333333vmin;
  }
  .share-wrapper .left-panel .share-big-picture .save text {
    color: rgb(255, 255, 255);
    font-size: 1.5625vmin;
    font-weight: 400;
    text-align: center;
  }
  .share-wrapper .right-panel {
    float: left;
    width: 52.22%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.94) 100%);
  }
  .share-wrapper .right-panel .detail {
    width: 39.5833333333vmin;
    height: 20.8333333333vmin;
    margin-top: 8.3333333333vmin;
    margin-right: 3.125vmin;
    float: right;
    padding-bottom: 0.78125vmin;
    margin-bottom: 3.2552083333vmin;
    border-bottom: 0.1302083333vmin solid rgba(255, 255, 255, 0.1599999964);
  }
  .share-wrapper .right-panel .detail .list-view {
    margin-bottom: 0.5208333333vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box {
    overflow: hidden;
    white-space: nowrap;
    width: 39.5833333333vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box.large {
    margin-bottom: 7.8125vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list {
    float: left;
    position: relative;
    border: 0.2604166667vmin solid transparent;
    overflow: hidden;
    box-sizing: border-box;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.normal {
    width: 5.9895833333vmin;
    height: 10.4166666667vmin;
    margin-right: 0.6510416667vmin;
    border-radius: 0.78125vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.normal:not(.active) {
    padding: 0.5208333333vmin 0.390625vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.normal .child {
    overflow: hidden;
    border-radius: 0.78125vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.large {
    width: 8.59375vmin;
    height: 15.1041666667vmin;
    border-radius: 1.0416666667vmin;
    margin-right: 1.5625vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.large .child {
    overflow: hidden;
    border-radius: 1.0416666667vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.large .preview-img {
    border-radius: 0.78125vmin;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.active {
    transition: all 0.1s linear;
    border: 0.2604166667vmin solid #1472FF;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.active .child {
    width: 100%;
    height: 100%;
    padding: 0.0651041667vmin;
    box-sizing: border-box;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list.active .selected {
    height: 2.0833333333vmin;
    width: 2.0833333333vmin;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list:last-child {
    margin-right: 0;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list .child {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .right-panel .detail .list-view .scroll-view-box .list .child image {
    width: 100%;
    height: 100%;
  }
  .share-wrapper .right-panel .operations {
    height: 8.3333333333vmin;
    width: 39.5833333333vmin;
    float: right;
    margin-right: 3.125vmin;
    margin-top: 0.78125vmin;
    display: flex;
  }
  .share-wrapper .right-panel .operations.once-share-poster {
    margin-top: 20.1822916667vmin;
  }
  .share-wrapper .right-panel .operations .btn {
    height: 8.3333333333vmin;
    margin-right: 2.6041666667vmin;
  }
  .share-wrapper .right-panel .operations .btn button {
    background: none;
    outline: none;
    border: none;
  }
  .share-wrapper .right-panel .operations .btn button:after {
    border: none;
  }
  .share-wrapper .right-panel .operations .btn.empty {
    width: 5.2083333333vmin;
    height: 100%;
    position: relative;
  }
  .share-wrapper .right-panel .operations .btn.empty:after {
    content: "";
    width: 0.1302083333vmin;
    height: 6.25vmin;
    opacity: 0.1599999964;
    background: rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .share-wrapper .right-panel .operations .btn .icon-box {
    width: 5.2083333333vmin;
    height: 5.2083333333vmin;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.0416666667vmin;
  }
  .share-wrapper .right-panel .operations .btn .icon-box .opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.200000003;
    background: rgb(255, 255, 255);
  }
  .share-wrapper .right-panel .operations .btn .icon-box image {
    width: 3.125vmin;
    height: 3.125vmin;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .share-wrapper .right-panel .operations .btn .label {
    color: rgb(255, 255, 255);
    font-size: 1.5625vmin;
    font-weight: 400;
    font-family: "PingFang SC";
    white-space: nowrap;
  }
}

/*# sourceMappingURL=index.wxss.map */