123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- * {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- font: 12px/1.5 'Microsoft Yahei';
- margin: 0;
- padding: 0;
- }
- html {
- font-size: 85.33333333px;
- }
- @media screen and (min-width: 320px) {
- html {
- font-size: 85.33333333px;
- }
- }
- @media screen and (min-width: 360px) {
- html {
- font-size: 96px;
- }
- }
- @media screen and (min-width: 375px) {
- html {
- font-size: 100px;
- }
- }
- html,
- body {
- height: 100%;
- }
- body {
- margin: 0 auto;
- overflow: hidden;
- }
- input {
- border: 0 none;
- outline: none;
- }
- a {
- text-decoration: none;
- }
- .pop {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- background-color: rgba(0, 0, 0, 0.6);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- left: 0;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- min-height: 100vh;
- position: absolute;
- top: 0;
- width: 100%;
- }
- .pop_body {
- background-color: #fff;
- border-radius: 0.1rem;
- padding: 0.15rem;
- width: 3rem;
- }
- .huosdk_tips {
- line-height: 0.4rem;
- text-align: center;
- z-index: 1;
- }
- .huosdk_tips h5 {
- color: #666;
- font-size: 0.14rem;
- margin: -0.05rem 0 0.15rem;
- }
- .huosdk_tips p {
- color: #333;
- font-size: 0.16rem;
- }
- .huosdk_tips .btn {
- border-top: 1px solid #e8e8e8;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- margin: 0.2rem -0.15rem -0.15rem;
- }
- .huosdk_tips .btn a {
- color: #22AFCA;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- font-size: 0.15rem;
- line-height: 0.44rem;
- }
- .icon_user, .icon_card {
- background-size: 100% 100%;
- height: 0.2rem;
- width: 0.2rem;
- }
- .icon_user {
- background-image: url(../images/icon-user.png);
- }
- .icon_card {
- background-image: url(../images/icon-card.png);
- }
- .float_pop-outer{background-color:rgba(0,0,0,0.6);height:100%;left:0;position:absolute;top:0;width:100vw;z-index:1}
- .float_pop-inner{background-color:#fff;border-radius:0.1rem;left:50%;padding:0.15rem;position:fixed;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:3.1rem}
- .float_pop-tit{color:#333;font-size:0.2rem;margin-bottom:0.2rem;text-align:center}
- .float_pop-con{color:#666;font-size:0.14rem;line-height:0.24rem;text-align:left}
- .float_pop-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0.25rem auto 0.1rem}
- .float_pop-btn>a{border:1px solid #fff;border-radius:0.04rem;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:0.16rem;line-height:0.4rem;text-align:center;max-width:1.4rem}
- .float_pop-btn>a:first-child{margin-right:0.05rem}
- .float_pop-btn>a:last-child{margin-left:0.05rem}
- .float_auth-msg{color:#999;display:block;font-size:0.12rem}
- .float_auth-item{margin:0.1rem 0}
- .float_auth-item>label{border:1px solid #e8e8e8;border-radius:0.04rem;display:block;height:0.4rem;line-height:0.38rem}
- .float_auth-item>label>i{float:left;margin:0.09rem 0.12rem 0 0.1rem}
- .float_auth-item>label>input{font-size:0.14rem;width:2.3rem}
- .float_auth-item>select{border:1px solid #e8e8e8;border-radius:0.04rem;font-size:0.14rem;height:0.4rem;padding:0 0.08rem;width:100%}
- .float_auth-item>select>option{font-size:0.14rem}
- .float_auth-primary{background-color:#23B0CB;color:#fff}
- .float_auth-default{background-color:#ccc;color:#fff}
|