123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- body,html{
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100%;
- }
- .box{
- width: 5.16rem;
- min-height: 1rem;
- font-size: 0;
- text-align: center;
- position: relative;
- left: 50%;
- top: 50%;
- transform: translate(-50%,-50%);
- -webkit-transform: translate(-50%,-50%);
- -ms-transform: translate(-50%,-50%);
- -o-transform: translate(-50%,-50%);
- -moz-transform: translate(-50%,-50%);
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- .item-icon{
- width: 2.1rem;
- height: 2.1rem;
- }
- .text{
- font-family:PingFang-SC-Regular;
- font-weight:400;
- color:rgba(81,61,61,1);
- text-align: center;
- font-size: 0.3rem;
- line-height: 0.5rem;
- white-space: nowrap;
- }
- .btn{
- width: 5.16rem;
- height: 0.76rem;
- line-height: 0.76rem;
- text-align: center;
- border-radius: 0.76rem;
- font-size: 0.36rem;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(255,255,255,1);
- margin-top: 0.6rem;
- background:rgba(255,180,115,1);
- }
- .not-finish{
- display: none;
- }
- .has-finish{
- display: none;
- }
- .not-shelf{
- display: none;
- }
- .not-chapter{
- display: none;
- }
- .not-recharge{
- display: none;
- }
- .has-finish .btn, .not-recharge .btn{
- margin-top: 1.13rem;
- }
- .error-tip{
- /* width: 3.6rem; */
- margin-top: 0.38rem;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(154,145,145,1);
- font-size: 0.3rem;
- line-height: 0.48rem;
- padding-left: 1.2rem;
- /* display: inline-block; */
- }
- .error-tip-text{
- text-align: left;
- }
|