1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- .helpcon {
- padding: 30rpx 20rpx;
- background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.6) 100%);
- box-shadow: 6rpx 10rpx 27rpx 0rpx rgba(75, 126, 160, 0.6);
- box-sizing: border-box;
- border: 5rpx solid #fff;
- border-radius: 10rpx;
- height: 96%;
- width: 94%;
- margin: 4% 3%;
- position: absolute;
- color: #fff;
- .h_header {
- text-align: center;
- border-bottom: 2rpx solid #fff;
- padding-bottom: 30rpx;
- position: relative;
- >image {
- height: 60rpx;
- }
- .close {
- top: 5rpx;
- right: 10rpx;
- height: 50rpx;
- position: absolute;
- }
- }
- .sw {
- width: 100%;
- min-height: 80%;
- padding: 36rpx 26rpx 0;
- box-sizing: border-box;
- .sw_item {
- width: 100%;
- height: 100%;
-
- >image {
- width: 100%;
- height: 100%;
- }
- }
- }
- .dots{
- text-align: center;
- margin: 4rpx 0 10rpx;
- >text{
- vertical-align: middle;
- display: inline-block;
- width: 15rpx;
- margin: 0 24rpx;
- height: 15rpx;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 50%;
- }
- .active{
- background: rgba(255, 255, 255, 1);
- }
- }
- .h_detail {
- margin-top: 20rpx;
- width: 90%;
- margin: 0 auto;
- text-indent: 48rpx;
- font-size: 24rpx;
- line-height: 1.5;
- }
- }
|