/* /static/mobile/img/mobile.css 手机,荣华软件,刘荣,2025-09-30 */
* {margin: 0;padding: 0;}
ul,ol,li {list-style: none}
a{text-decoration: none;}
body{background-color: #f5f5f5;overflow-x: hidden;padding-bottom: 100px;width: 100%;overflow-y: scroll;}
input:focus {  outline: none;border: none; }
.mobile_more{ text-align: center;padding-top: 20px; padding-bottom: 10px;color: #808080; }

.mobile_clear{ clear: both;}
.mobile_interval {height: 10px;background: #F5F5F5;}
.mobile_main{min-width: 320px;max-width: 768px;margin:0 auto;}
.mobile_content{padding: 0;margin-bottom: 0;}

.mobile_mask{z-index: 102;width: 100%;height: 100%;overflow-y: hidden;position: fixed;background: #333;top: 0px;opacity: 0.6;bottom: 0;}
.mobile_close{position: absolute;right: 0;top: 10upx;width: 40px;height: 40px;background: url(/static/common/util/img/close.png) no-repeat center center / 50% auto;}

.mobile_top {padding-bottom: 5px;position: sticky;top: 0px;z-index: 99;width: 100%;min-width: 320px;max-width: 768px;margin: 0 auto;}
.mobile_top_title {width: 100%;height: 35px;line-height: 35px;background: #fff;text-align: center;font-size: 18px;}
.mobile_top_reserve {height: 10px;background-color: #fff;} .mobile_top a{color: #000;} .mobile_top_img img{ width: 20px;height: 20px;}
.mobile_top_img {position: absolute;left: 0;height: 35px;display: flex;justify-content: flex-start;align-items: center;font-size: 14px;margin-left: 8px;}

.mobile_plate{padding: 10px; background: #fff; margin: 0 20rpx; border-radius: 10px;}
.mobile_plate_title{ font-size: 15px; padding: 5px 0px;margin-bottom: 5px; width: 100%;display: flex;justify-content: space-between;} 
.mobile_plate_img{width: 15px;height: 15px; float: right;}
.mobile_plate_img2{width: 15px;height: 15px; float: right;transform: rotate(-180deg);}

.mobile_foot{position: fixed;width: 100%;z-index: 999;bottom: 0px;border-top: 1px solid #eee;display: flex;align-items: center;background-color: #ffffff;padding: 5px 0px 15px 0px;min-width: 320px;max-width: 768px;margin: 0 auto;}
.mobile_foot .button{padding: 3px;text-align: center;font-size: 14px;width: 95%;margin: 10px;height: 36px;}
.mobile_foot .active{background-color: #1001a6;color: #ffffff; border: 1px solid #1001a6;height: 36px;}

.mobile_tabbar { position: fixed; bottom: 0px; width: 100%; background: #fff;height: 50px;border-top: 1px solid #eee;min-width: 320px;max-width: 768px; left: 50%; transform: translateX(-50%); z-index: 999;padding: 2px; clear: both;}
.mobile_tabbar ul { list-style: none;display: flex;align-items: center;justify-content: space-around;width: 100%; max-width: 768px; min-width: 328px; margin: 0 auto;}
.mobile_tabbar ul img { width: 25px; height: 25px;}
.mobile_tabbar ul p {color: rgb(122, 126, 131);font-size: 10px; text-align: center;line-height: 1.8;}
.mobile_tabbar ul .active p{color: #1001a6;}

.mobile_modal { width: 100%;background: #fff;position: fixed;z-index: 999;bottom: 0px;height: 380px;left: 50%;padding: 10px 10px 0;max-width: 760px;transform: translateX(-50%);box-sizing: border-box;display: flex;flex-direction: column;border-radius: 16px 16px 0 0;}
.mobile_modal_scroll {flex: 1;overflow-y: auto;}
.mobile_modal_title { padding-bottom: 10px;line-height: 28px;color: #323233;font-weight: 500; } 
.mobile_modal_option {display: flex;align-items: center;gap: 8px;} 
.mobile_modal_list{ font-size: 12px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 0 10px 0;display: flex;align-items: center;border: none;}
.mobile_modal_item{margin: 0px 0px 0px 10px;line-height: 20px;display: flex;align-items: center;}
.mobile_modal_input{border-bottom: 1px solid #eaeaea;padding-bottom: 10px;margin: 50px auto 20px auto;width:90%;line-height: 20px;display: flex;align-items: center;}
.mobile_modal_lable{padding-right: 10px;flex:0 0 auto;}