|
@@ -0,0 +1,31 @@
|
|
|
|
+page {background-color: #F6F7F8;}
|
|
|
|
+.adddevice_bg {position: fixed;width: 750rpx;height: 600rpx;background: linear-gradient( 180deg, #FFF3E0 0%, rgba(255,243,224,0) 100%);}
|
|
|
|
+.adddevice {padding: 24rpx;box-sizing: border-box;position: relative;}
|
|
|
|
+.adddevice .adddevice_card {background: #FFFFFF;box-shadow: 0rpx 4rpx 16rpx 1rpx rgba(0,0,0,0.06);border-radius: 16rpx;padding: 24rpx;box-sizing: border-box;margin-bottom: 24rpx;}
|
|
|
|
+.adddevice .adddevice_card .card_title {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 36rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;margin-top: 16rpx;}
|
|
|
|
+.adddevice .adddevice_card .card_message {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #999999;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;}
|
|
|
|
+.adddevice .adddevice_card .card_box {margin-top: 16rpx;display: flex;flex-direction: column;justify-content: start;align-items: center;}
|
|
|
|
+.radius_absolute {border-radius: 50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
|
|
|
|
+.adddevice .adddevice_card .card_box .card_scan .scan_round1 {width: 240rpx;height: 240rpx;background: #FFEEBF;opacity: 0.2;z-index: 1;position: relative;border-radius: 50%;}
|
|
|
|
+.adddevice .adddevice_card .card_box .card_scan .scan_round1 .scan_round2 {width: 160rpx;height: 160rpx;background: #FFEEBF;opacity: 0.3;z-index: 2;}
|
|
|
|
+.adddevice .adddevice_card .card_box .card_scan .scan_round1 .scan_round2 .scan_round3 {width: 120rpx;height: 120rpx;background: #FFEEBF;opacity: 0.6;z-index: 3;}
|
|
|
|
+.adddevice .adddevice_card .card_box .card_scan .scan_round1 .scan_round2 .scan_round3 .scan_round4 {width: 80rpx;height: 80rpx;background: conic-gradient( from 225deg at 50% 50%, rgba(255,214,136,0) 0%, rgba(255,215,126,0) 26%, #FF9D3B 100%);z-index: 4;}
|
|
|
|
+.adddevice .adddevice_card .card_box .card_scan .scan_round1 .scan_round2 .scan_round3 .scan_round4 .scan_round5 {width: 8rpx;height: 8rpx;background: #EE742F;z-index: 5;}
|
|
|
|
+.adddevice .adddevice_card .card_box .card_text {margin-top: 16rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #666666;text-align: center;font-style: normal;text-transform: none;}
|
|
|
|
+.adddevice .adddevice_card .card_box .card_tip {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #EE742F;text-align: center;font-style: normal;text-transform: none;margin: 16rpx auto;}
|
|
|
|
+
|
|
|
|
+.adddevice .adddevice_card .card_list {padding: 40rpx 0 17rpx;box-sizing: border-box;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 26rpx;}
|
|
|
|
+
|
|
|
|
+.adddevice .adddevice_card .card_list .card_item {width: 314rpx;height: 320rpx;background: #F6F7F8;border-radius: 16rpx;display: flex;flex-direction: column;justify-content: center;align-items: center;}
|
|
|
|
+.adddevice .adddevice_card .card_list .card_item.checked {background: rgba(238,116,47,0.1);border: 2rpx solid #EE742F;}
|
|
|
|
+.adddevice .adddevice_card .card_list .card_item .card_item_img {width: 160rpx;padding-top: 160rpx;border: 1px dashed #cccccc ;}
|
|
|
|
+.adddevice .adddevice_card .card_list .card_item .card_item_text {margin-top: 40rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #150132;text-align: center;font-style: normal;text-transform: none;}
|
|
|
|
+.adddevice .adddevice_card .card_list .card_item.checked .card_item_text {color: #EE742F;}
|
|
|
|
+
|
|
|
|
+.adddevice .adddevice_card .card_category {margin-top: 20rpx;}
|
|
|
|
+.adddevice .adddevice_card .card_category .card_category_list {padding: 20rpx 0;box-sizing: border-box;}
|
|
|
|
+.adddevice .adddevice_card .card_category .card_category_list .card_category_name {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;}
|
|
|
|
+.adddevice .adddevice_card .card_category .card_category_list .card_category_item {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 24rpx;}
|
|
|
|
+.adddevice .adddevice_card .card_category .card_category_list .card_category_item .card_category_box {margin-top: 24rpx;width: 314rpx;height: 112rpx;background: #F6F7F8;border-radius: 16rpx;padding: 24rpx;box-sizing: border-box;display: flex;justify-content: flex-start;align-items: center;}
|
|
|
|
+.adddevice .adddevice_card .card_category .card_category_list .card_category_item .card_category_box .card_category_img {width: 64rpx;padding-top: 64rpx;}
|
|
|
|
+.adddevice .adddevice_card .card_category .card_category_list .card_category_item .card_category_box .device_box_title {margin-left: 16rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
|