.top-notice { position: fixed; top: 0; left: 0; width: 100%; } .form { flex-direction: column; .title { font-size: 38rpx; font-weight: bolder; margin: 15rpx 35rpx 0; } .desc { font-size: 28rpx; color: #666; margin: 15rpx 35rpx; } .btn-group { width: 80%; margin-top: 10%; .btn { margin: 30rpx 0rpx; .u-button { height: 100rpx; } } } } .directask { padding: 30rpx 18rpx 34rpx; padding-top: 0; // padding-left: 0; // border-top: 1px solid #ededed; .askaquestion { font-size: 32rpx; margin-bottom: 25rpx; image { width: 32rpx; height: 32rpx; margin-right: 12rpx; } } .textarea { margin-top: 30rpx; // margin-bottom: 35rpx; margin-bottom: 0rpx; padding: 0rpx 30rpx 60rpx 30rpx; padding-bottom: 30rpx; width: 96%; margin-left: 2%; .u-textarea { border-radius: 20rpx; background:#E9EFF4; } .operate { justify-content: flex-end; .empty { margin-right: 30rpx; border: 1px solid #9e9e9e; color: #9e9e9e; padding: 12rpx 42rpx; border-radius: 10rpx; } .submit { padding: 12rpx 42rpx; border-radius: 10rpx; border: 1px solid #26b3a0; background: linear-gradient(to right, #00ca88, #00BCD4); color: #fff; } .hoversubmit { background: #f7f7f7; color: #acacb3; } } } .case { color: #26b3a0; background: #f5f8f7; width: 100%; height: 80rpx; line-height: 80rpx; font-size: 30rpx; padding-left: 30rpx; border-radius: 10rpx; margin: 25rpx 0; border-radius: 10rpx; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical !important; } .helpme { background: #EEF1F4; border-radius: 20rpx; padding: 30rpx; width: 48%; margin-bottom: 25rpx; // height: 92px; .title { font-size: 30rpx; font-weight: bold; margin-bottom: 18rpx; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub_title { color: #8f9ca2; font-size: 24rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } } .wxad { border-radius: 20rpx; overflow: hidden; margin-bottom: 24rpx; } .cu-dialog { position: fixed; top: 60rpx; left: 100rpx; } .guide-img { width: 580rpx; height: 430rpx; } .select { font-weight: bold; font-size: 32rpx; margin: 30rpx; } .model_view { margin: 30rpx; .modelname { font-size: 32rpx; font-weight: bold; width: 56%; .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .modeldetails { font-size: 26rpx; font-weight: 500; margin-top: 12rpx; color: #9e9e9e; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .modelselect { background: #03a9f4; border-radius: 14rpx; color: #fff; width: 58px; height: 30px; line-height: 30px; text-align: center; } } // 首页修改 .newTop{ // height: 414rpx; background: url('@/static/newIndex/topBg.png') no-repeat; background-size: 100% 100%; // margin-bottom: 42rpx; margin-bottom: 0rpx; .topTitle{ display: flex; justify-content: center; // padding-top: 53rpx; // margin-bottom: 32rpx; font-size: 34rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #080F18; } .topGridMenu{ display: flex; justify-content: space-around; margin-top: 26rpx; .item{ display: flex; flex-direction: column; align-items: center; image{ width: 120rpx; height: 120rpx; } .label{ margin-top: 6rpx; font-size: 24rpx; font-family: PingFang-SC-Bold, PingFang-SC; font-weight: bold; color: #333333; } } } } .addBg{ background: url('@/static/newIndex/quesBg.png') no-repeat; background-size: 100% 100%; width: 100%; // height: 558rpx; .quesTop{ height: 130rpx; padding: 0 5%; .quesTxt{ font-size: 36rpx; font-family: PingFang-SC-Bold, PingFang-SC; font-weight: bold; color: #00355F; } } } ::v-deep .u-tag__text{ font-size: 24rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; color: #207CF7; } .clearAndSumBtn{ display: flex; justify-content: space-between; align-items: center; margin-top: 24rpx; .clearBox{ width: 276rpx; height: 76rpx; border-radius: 38rpx; border: 2rpx solid #CCCCCC; display: flex; justify-content: center; align-items: center; font-size: 28rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; color: #666666; // margin-right: 20rpx; image{ width: 26rpx; height: 30rpx; margin-right: 8rpx; } } .submit{ // width: 276rpx; width: 85%; height: 76rpx; border-radius: 38rpx; background: linear-gradient(90deg, $tc2 0%, $tc 100%); display: flex; justify-content: center; align-items: center; font-size: 28rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; color: #FFFFFF; } .rClear{ width: 15%; height: 100%; display: flex; align-items: center; justify-content: center; } } .hotTxt{ font-size: 36rpx; font-family: PingFang-SC-Bold, PingFang-SC; font-weight: bold; color: #333333; } .change{ font-size: 28rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; color: #333333; margin-right: 8rpx; } .caseBox{ display: flex; flex-wrap: wrap; .caseitem{ background:#E6E9EE; border-radius: 32rpx; padding: 14rpx 48rpx; display: inline-block; font-size: 24rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; color: #333333; margin-bottom: 16rpx; } } .addbox{ // width: 690rpx; background: #FFFFFF; box-shadow: 0rpx 4rpx 20rpx -4rpx rgba(15,125,190,0.2); border-radius: 24rpx; padding: 0 30rpx; // padding-left: 30rpx; // padding-right: 30rpx; padding-top: 20rpx; // margin-left: 50%; // transform: translateX(-50%); } .moreBox{ // width: 152rpx; height: 48rpx; background: #ECF0F3; border-radius: 25rpx; // opacity: 0.07; display: flex; align-items: center; justify-content: center; padding-right: 5rpx; .moretxt{ font-size: 24rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 600; color: #00355F; } } .bottomBox{ display: flex; justify-content: space-between; .left{ overflow: hidden; .title{ } .sub_title{ } } .right{ } } .mubanBox{ display: flex; flex-wrap: wrap; justify-content: space-between; } .modalTag{ background: #DDEBFF; border-radius: 30rpx; display: flex; align-items: center; padding-left: 20rpx; padding-right: 5rpx; .mw{ max-width: 310rpx; } .tagTxt{ // max-height: 72rpx; font-size: 24rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; color: #207CF7; // max-width: 280rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; // display: -webkit-box; //使用自适应布局 // -webkit-line-clamp: 2; //设置超出行数,要设置超出几行显示省略号就把这里改成几 // -webkit-box-orient: vertical; padding-top: 8rpx; padding-bottom:8rpx; line-height: 38rpx; } } @keyframes rotate { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } .go{ animation: rotate 1s; } .overBox{ // width: 100%; // height: 100rpx; // position: relative; // z-index: 1; // .overLay{ // background: red; // position: fixed; // top: 100rpx; // width: 100%; // height: 150rpx; // } } .leadPic{ position: fixed; background: rgba(0, 0, 0, .6); z-index: 9999999999; height:100vh; width: 100vw; top: 0; .lead1Box{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; .lead1{ width: 317px; height: 435px; position: relative; image{ width: 317px; height: 435px; position: absolute; } .btn{ background:rgba(0, 0, 0, 0); width: 160px; height: 60px; position: absolute; bottom: 0; right: 0; } } } .lead2Box{ display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 100%; .lead2{ width: 264px; height: 341px; position: relative; image{ width: 264px; height: 341px; position: absolute; margin-left: 30px; } .btn{ background:rgba(0, 0, 0, 0); // background:green; width: 180px; height: 60px; position: absolute; bottom: 160px; right: -30px; } } } .swiperBox{ width: 100%; height: 100%; } } .inputTxtBox{ position: relative; .clearImg{ width: 40rpx; height: 40rpx; position: absolute; right: 26rpx; bottom: 26rpx; } } .video_show{ position:fixed; top: 0; background-color: rgba(0, 0, 0, .8); height: 100%; width: 100vw; z-index: 999; display: flex; .content{ width: 80%; // background-color: red; // align-items: center; margin: auto; height: 100vh; .uni-icons{ float: right; margin-top: 4rpx; margin-right: 10rpx; } .video-box{ background-color: #00ca88; // margin-top: 10rpx; } } }