body{background-color: #f3f3f3;font-size: 14px;} .c-list>li:first-child { border: 0; background-image: none; } .c-list>li { margin-left: 0; padding-left: 15px; font-size: 15px; color: #333; position: relative; display: -webkit-box; -webkit-box-align: center; min-height: 44px; } .c-list-key span { display: inline-block; font-size: 16px; min-width: 80px; } .c-list .c-list-info { -webkit-box-flex: 1; box-flex: 1; padding-right: 15px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; text-align: right; } .c-list .c-list-info p { padding-top: 12px; padding-bottom: 12px; width: 100%; margin: 0; font-size: 14px; } input[type="text"], input[type="tel"] { line-height: inherit; height: auto; margin-bottom: 0px; padding: 10px 20px 10px 0px; border: none; border-radius: 0; outline: 0; background-color: #fff; -webkit-appearance: none; color: #666; font-size: 15px; text-align: right; } input:focus { background-color: inherit; } input:active { background-color: inherit; } @font-face { font-family: Muiicons; font-weight: 400; font-style: normal; src: url(../../../fonts/mui.ttf) format('truetype') } .mui-hidden.mui-icon-clear:before {content: '\e583';} .mui-icon-clear:before,.mui-icon-close-filled:before {content: '\e434'} .mui-input-row .mui-input-clear.mui-icon-clear{ font-size: 20px; position: absolute; z-index: 1; top: 10px;right: 0;width: 38px;height: 38px;text-align: center;color: #999} .mui-icon {font-family: Muiicons;font-size: 24px;font-weight: 400;font-style: normal;line-height: 1;display: inline-block;text-decoration: none;-webkit-font-smoothing: antialiased;} .mui-hidden.mui-icon-clear { pointer-events: none; } .dl-input-icon{ font-size: 20px; position: absolute; z-index: 1; top: 12px;right: 0;width: 24px;height: 38px;text-align: center;color: #999; font-family: Muiicons;font-weight: 400;font-style: normal;line-height: 1;display: inline-block;text-decoration: none;-webkit-font-smoothing: antialiased; } .dl-input-icon:before{ content: '\e583'; } .zz-name,.c-input{font-size: 16px!important;padding-right: 8px;color: #666;} .main{height: auto;} /*选择地址*/ .mui-picker{background-color:#f7f7f7!important;} .mui-poppicker-header{background-color: #d9d9db;padding: 2px 6px!important;} .mui-btn.mui-poppicker-btn-cancel{ font-size: 16px!important; padding: 6px 12px!important; color: #007aff; border: none; background-color: transparent; } .mui-btn.mui-btn-blue.mui-poppicker-btn-ok{ font-weight: 700; font-size: 16px!important; padding: 6px 12px!important; color: #007aff; border: none; background-color: transparent; } .mui-icon.mui-icon-clear{width:22px!important;top:13px!important;} input::-webkit-input-placeholder{font-size: 15px;color: #999;} .zz-foot{margin-top: 20px;margin-bottom: 20px;padding: 0px 15px;height: 40px;} .zz-foot .detail{float: left;} .zz-foot .submit{float: right;} .zz-foot .btn{width: 135px;height: 40px;line-height:40px;text-align:center;border-radius:5px;background-color: #74bf00;color: #fff;font-size: 16px;} .re-info{display: -webkit-box;-webkit-box-align: center;background-color: #fa8888;color: #fff;font-size: 10px;padding: 8px 10px;} .re-info div:nth-child(1){width: 20px;height: 20px;background: url(../images/icon_tixing.png);background-size: contain;margin-right: 10px;} .re-info div:nth-child(2){width: calc(100% - 30px);} .c-list{margin-top: 10px;border-top: #dcdcdc solid 1px;border-bottom: solid 1px #dcdcdc;} .dw-i{font-size: 20px;}