123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- 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;}
|