@beeapi/nutui/dist/packages/address/address.css

一套轻量级移动端Vue组件库

/*!
 * @beeapi/nutui v2.2.10 - address.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */.nut-icon{list-style:none;display:inline-block;width:20px;height:20px;color:#2d2d2d}.nut-icon svg{vertical-align:top;width:100%;height:100%;fill:currentColor}.nut-address .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:20px;padding:0 20px;text-align:center;font-size:16px;font-weight:700;color:#333;line-height:20px}.nut-address .title svg{width:20px;height:20px}.nut-address .title .arrow{display:inline-block;width:20px;height:20px}.nut-address .title .arrow svg{width:20px;height:20px}.nut-address .custom-address .region-tab{position:relative;margin-top:32px;padding:0 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:13px;color:#1d1e1e}.nut-address .custom-address .region-tab .tab-item{margin-right:30px}.nut-address .custom-address .region-tab .tab-item.active{font-weight:700}.nut-address .custom-address .region-tab .tab-item span{display:inline-block;max-width:100px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-address .custom-address .region-tab .region-tab-line{position:absolute;bottom:-10px;left:20px;display:inline-block;margin-top:5px;width:26px;height:3px;background:-webkit-gradient(linear,left top,right top,from(#f5503a),to(#fad1cb));background:-o-linear-gradient(left,#f5503a 0,#fad1cb 100%);background:linear-gradient(90deg,#f5503a,#fad1cb)}.nut-address .custom-address .region-con{margin:20px 20px 0}.nut-address .custom-address .region-con .region-group{padding-top:15px;height:270px;overflow-y:auto}.nut-address .custom-address .region-con .region-group .region-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;font-size:12px;color:#333}.nut-address .custom-address .region-con .region-group .region-item.active{font-weight:700}.nut-address .custom-address .region-con .region-group .region-item .nut-icon{margin-right:6px;width:13px;height:13px}.nut-address .exist-address{margin-top:15px}.nut-address .exist-address .exist-address-group{padding:15px 20px 0;height:279px;overflow-y:scroll}.nut-address .exist-address .exist-address-group .exist-ul .exist-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;font-size:12px;line-height:14px;color:#333}.nut-address .exist-address .exist-address-group .exist-ul .exist-item.active{font-weight:700}.nut-address .exist-address .exist-address-group .exist-ul .exist-item svg{margin-right:9px;width:13px;height:13px}.nut-address .exist-address .exist-address-group .exist-ul .exist-item span{display:inline-block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nut-address .exist-address .choose-other{width:100%;height:54px;padding:6px 0 0;border-top:1px solid #f2f2f2}.nut-address .exist-address .choose-other .btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:-o-linear-gradient(315deg,#f2140c 0,#f2270c 70%,#f24d0c 100%);background:linear-gradient(135deg,#f2140c,#f2270c 70%,#f24d0c);-webkit-border-radius:21px;border-radius:21px;font-size:15px;color:#fff}.nut-address .nut-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.nut-address .nut-icon svg{margin-top:-1px}