captain-ui
Version:
有赞vue wap业务组件库
1 lines • 2.29 kB
CSS
.cap-mobile-supply-container{font-family:Arial,Helvetica,STHeiti STXihei,Microsoft YaHei,Tohoma,sans-serif;width:275px;height:232px;padding:20px;text-align:center;border-radius:5px;z-index:999;overflow:hidden;background:#fff}.cap-mobile-supply-container__input{-webkit-user-select:none;user-select:none;margin-top:20px;position:absolute;top:0;left:0;z-index:999}.cap-mobile-supply-container__input .cursorTwinkle{position:relative}.cap-mobile-supply-container__input .cursorTwinkle:after{content:"|";font-size:20px;-webkit-animation:cursorPhoneInput 1s linear infinite;animation:cursorPhoneInput 1s linear infinite;position:relative;top:-2px;color:#000}.cap-mobile-supply-container__input__unshow-phone{-webkit-user-select:none;user-select:none;vertical-align:middle;display:inline-block;width:34px;height:34px;border:1px solid #eee;margin-left:4px;color:#000;font-size:20px;line-height:34px;text-align:center}.cap-mobile-supply-container__input .show-phone{display:inline-block;vertical-align:middle;width:10px;height:22px;font-size:18px;line-height:22px;padding:5px 0;font-weight:400;color:#333;margin-left:4px}.cap-mobile-supply-container__close{position:absolute;right:20px;top:17px;font-size:25px;font-weight:200;color:#999;cursor:pointer}.cap-mobile-supply-container__h5{width:275px;height:40px;line-height:20px;color:#999;font-size:14px;text-align:left;font-weight:400;margin-top:16px;margin-bottom:0}.cap-mobile-supply-container__h5 span{color:#151515}.cap-mobile-supply-container__h3{margin-top:0;font-size:20px;color:#333}.cap-mobile-supply-container__button{font-size:16px;width:275px;height:44px;line-height:44px;margin-top:20px}.cap-mobile-supply-container__phone-input{position:relative;height:56px}.cap-mobile-supply-container__phone-input input{position:absolute;top:25px;left:50px;z-index:1;text-indent:-999em;width:50px;color:transparent;margin:0;margin-left:-100%;padding:0;outline:none;border:0;opacity:0}.cap-mobile-supply-container__extra{font-size:12px;margin-top:12px;color:#bbb;line-height:16px}.cap-mobile-supply-container__extra a{color:#0079f3}@-webkit-keyframes cursorPhoneInput{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes cursorPhoneInput{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}