|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- /**index.wxss**/
- image{
- display: block;
- }
- page{
- overflow: hidden;
- height: 100%
- }
- .imgBg{
- position: fixed;
- top: 0;
- left: 0;
- width: 750rpx;
- height: 1356rpx;
- }
- .msgFrame{
- position: absolute;
- bottom: 150rpx;
- left: 0;
- width:750rpx;
- padding: 0 39rpx;
- padding-top:50rpx;
- padding-bottom: 64rpx;
- background-color: rgba(000, 000, 000, 0.5);
- box-sizing: border-box;
- }
- .inputGroup{
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .inputSty{
- width:333rpx;
- height:55rpx;
- background-color: white;
- border-radius: 10rpx;
- box-sizing: border-box;
- line-height: 55rpx;
- padding: 0 25rpx;
- font-size: 20rpx;
- color: black;
- }
- .getPhoneFrame{
- position: absolute;
- top:0;
- right:0;
- width:333rpx;
- height:55rpx;
- border-radius: 10rpx;
- overflow: hidden;
- opacity: 0;
- z-index: 2;
- }
- .getPhoneBtn{
- margin: 0;
- padding: 0;
- height: 100%;
- width: 100%;
- }
- .selectGroup{
- width:672rpx;
- height:55rpx;
- background-color: white;
- border-radius: 10rpx;
- box-sizing: border-box;
- line-height: 55rpx;
- padding: 0 25rpx;
- font-size: 20rpx;
- margin-top: 18rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .selectIcon{
- width: 25rpx;
- height: 15rpx;
- }
- .subscribeBtn{
- width:672rpx;
- height:54rpx;
- line-height: 54rpx;
- text-align: center;
- background-color: #005EFF;
- color: white;
- font-size: 29rpx;
- margin-top: 18rpx;
- border-radius: 10rpx;
- }
- /* .contentFrame{
-
- } */
- .indexBottom{
- width: 750rpx;
- height: 353rpx;
- }
- .videoSty{
- width:750rpx;
- height:530rpx;
- }
- .swiperFrame{
- position: relative;
- width: 750rpx;
- height: 340rpx;
- }
- .swiperSty{
- width: 100%;
- height: 100%;
- }
- .leftArrow{
- position: absolute;
- top:50%;
- left: 23rpx;
- width: 28rpx;
- height: 118rpx;
- transform: translateY(-50%);
- }
- .rightArrow{
- position: absolute;
- width: 27rpx;
- height: 118rpx;
- top:50%;
- right: 23rpx;
- transform: translateY(-50%);
- }
- .codeGroup{
- width:672rpx;
- height:55rpx;
- background-color: white;
- border-radius: 10rpx;
- box-sizing: border-box;
- line-height: 55rpx;
- padding: 0 25rpx;
- font-size: 20rpx;
- margin-top: 18rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .inputCode{
- height: 100%;
- width: 500rpx;
- }
|