|
- @import '../../iconfont.ttss';
- .write0ff {
- width: 100%;
- height: 100%;
- background: #f8f8fa;
- position: absolute;
- border-top: 1rpx solid #f5f5f5;
- }
-
- .write0ff>view {
- width: 710rpx;
- margin: 0 auto;
- height: 160rpx;
- display: flex;
- line-height: 88rpx;
- position: relative;
- background: #fff;
- margin-top: 250rpx;
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
- border-radius: 15rpx;
- }
-
- .write0ff>view>text:nth-child(1) {
- width: 77rpx;
- color: #333;
- font-size: 30rpx;
- margin-left: 4%;
- margin-right: 2.2%;
- line-height: 160rpx;
- }
-
- .line {
- width: 3rpx;
- height: 40rpx;
- background: #999;
- display: inline-block;
- margin-top: 8.2%;
- }
-
- .search {
- width: 400rpx;
- overflow: hidden;
- margin-left: 4%;
- font-size: 30rpx;
- color: #bfbfbf;
- letter-spacing: 0;
- line-height: 160rpx;
- height: 160rpx;
- }
- .iconfont{
- display: inline-block;
- width: 110rpx;
- line-height: 110rpx;
- height: 110rpx;
- color: #fff;
- background: #52A0FD;
- font-size: 60rpx;
- border-radius: 100rpx;
- margin-right: 20rpx;
- margin-top: 27rpx;
- box-shadow:0 6px 20px 0 ;
- }
-
- .write0ff>view>text:nth-child(4) {
- width: 40%;
- background: #52a0fd;
- color: #fff;
- text-align: center;
- line-height: 160rpx;
- font-size: 59rpx;
- border-radius: 16rpx;
- }
- .actives{
- opacity: .6!important;
- }
-
- .softkey {
- width: 100% !important;
- height: 0rpx !important;
- display: flex !important;
- }
-
- .softkey view:nth-child(1) {
- height: 401rpx;
- width: 82%;
- background: #fff;
- position: fixed;
- bottom: 0;
- left: 0;
- display: flex;
- flex-wrap: wrap;
- text-align: center;
- }
-
- .active {
- opacity: 0.6;
- }
-
- .softkey view:nth-child(1) text {
- width: 30.3%;
- border-top: 1rpx solid #ccc;
- border-left: 1rpx solid #ccc;
- }
-
- .softkey view:nth-child(2) {
- height: 399rpx;
- border-top: 1rpx solid #ccc;
- width: 25%;
- background: #fff;
- position: fixed;
- bottom: 0;
- right: 0;
- display: flex;
- flex-direction: column;
- text-align: center;
- line-height: 198rpx;
- }
-
- .softkey view:nth-child(2) text {
- width: 100%;
- height: 50%;
- border-left: 1rpx solid #ccc;
- }
-
- .softkey view:nth-child(2) text:nth-child(1) {
- font-size: 48rpx;
- }
-
- .sure {
- width: 100%;
- padding: 0 5rpx;
- display: block;
- background: #52a0fd;
- color: #fff;
- font-size: 42rpx;
- }
-
- .hideKey {
- font-size: 48rpx;
- }
|