/*视口背景颜色*/ html, body { background-color: #f5f5f5; } .mui-content { background-color: #f5f5f5; } /*头部*/ .mui-title { height: 46px; line-height: 48px; color: #FFFFFF; } .mui-bar { background-color: #FFFFFF; height: 46px; } #header .fz { color: #FFFFFF; line-height: 48px; } #header a:before { color: #FFFFFF; } #header .mui-action-back { padding-top: 11px; padding-left: 5px; } #header .back { position: absolute; top: 17px; right: -18px; font-size: 16px; color: #ffffff; } /*tab部分*/ .mui-bar-nav { -webkit-box-shadow: none; box-shadow: none; border-bottom: none; background: #1badf8; } .mui-bar-tab { -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #d7d7d7; box-sizing: border-box; } /*星星*/ .stars { position: relative; top: -5px; } /*通用样式*/ * { font-size: 10px; margin: 0; padding: 0; } a { text-decoration: none; color: #000000; } ul, li { margin: 0; padding: 0; list-style: none; } /*设置字体*/ .sm-word { font-size: 12px; } .sm-mo-word { font-size: 14px; } .mo-word { overflow: hidden; } .mo-word img{ display: inline-block; position: absolute; top: 17px; left: 17px; width: 16px; height: 16px; } .color { color: #1badf8; } /*点击后全部为主题色*/ .mui-bar-tab .mui-tab-item.mui-active { color: #1badf8; } /*清除浮动*/ .clearfloat:after { content: ''; display: block; width: 0; height: 0; clear: both; overflow: hidden; zoom: 1; } /************/ /*nav及content*/ .nc-box { padding: 12px 10px 8px 10px; border-bottom: 1px solid rgba(221, 221, 221, 0.66); background: #FFFFFF; } .nc-box-k { margin-top: 5px; } .nc-box span:first-child { color: #999999; } .nc-box span:last-child { position: absolute; right: 15px; color: #CCCCCC; } .nc-box-content { padding: 10px; background: #FFFFFF; margin-bottom: 10px; } .nc-box-content div { padding: 3px 20px; } .nc-box-content div:first-child span { color: #018EEF; } .nc-box-content div:first-child { position: relative; } .nc-box-content div:first-child span:first-child { position: absolute; top: 5px; left: 7px; display: inline-block; width: 3px; height: 14px; background: #018EEF; } .nc-box-content div span { font-size: 14px; } .nc-box-content div span:first-child { color: #999999; } /*搜索框*/ .mui-input-row.mui-search { padding-top: 10px; text-align: center; background: #F3F5F7; } .mui-search .mui-placeholder { line-height: 53px; } input:focus { outline-offset: 0px; } input[type=search] { padding-left: 0; background: #FFFFFF; width: 95%; font-size: 14px; margin-bottom: 9px; } .mui-search.mui-active:before { left: 3%; top: 36px; } .mui-input-row.mui-search .mui-icon-clear { right: 2%; top: 18px; } .mui-placeholder>span:last-child { font-size: 14px; } .mui-placeholder>span:before { color: #999; } /*单个时间栏*/ .box { position: relative; padding: 11px 10px 6px 10px; border-bottom: 1px solid #d7d7d7; } .box span { color: #999999; } .sign>div { padding: 10px; } .right { position: absolute; right: 10px; } .left{ position: absolute; left: 10px; } /*重置ul*/ /*ul的通用样式*/ .mui-media-body { font-size: 14px; } .mui-table-view:before { height: 0px; } .mui-content>.mui-table-view:first-child { margin-top: 0; } .mui-table-view span { position: absolute; top: 12px; right: 15px; color: #999999; } .mui-table-view-cell { border-bottom: 1px solid #F3F5F7; padding: 11px 15px 9px 15px; } .mui-table-view-cell:last-child { border-bottom: none; } .mui-media-body .mui-ellipsis { position: relative; top: 3px; } .mui-table-view-cell .sm-mui { width: 11%; } .mui-table-view-cell .sm-mui { margin-top: 2px; width: 34px; height: 34px; } .mui-ellipsis { font-size: 12px; } /*去掉ul li 的样式*/ .mui-table-view:before, .mui-table-view:after, .mui-table-view-cell:after { height: 0; } /*picker弹出框*/ .mui-btn-blue, .mui-btn-primary, input[type=submit], .mui-poppicker-header .mui-btn, .mui-dtpicker-header button { color: #1badf8; border: none; background-color: #f7f7f7; } .mui-poppicker-header, .mui-dtpicker-header, .mui-dtpicker-title h5 { background: #f7f7f7; } .mui-picker-inner { background: #FFFFFF; -webkit-mask-box-image: none !important; } .mui-poppicker-body { border-top: none; } /*固定的菜单选项*/ .fixed-box>div { width: 50px; height: 50px; background: #1badf8; border-radius: 50%; position: fixed; right: 25px; bottom: 50px; text-align: center; line-height: 52px; color: #FFFFFF; z-index: 998; } .fixed-box div.xx { font-size: 30px; } .fixed-box div a { color: #FFFFFF; } .move1 { -webkit-animation: move1 0.1s linear both; } @-webkit-keyframes move1 { from { bottom: 50px; } to { bottom: 110px; } } .move2 { -webkit-animation: move2 0.2s linear both; } @-webkit-keyframes move2 { from { bottom: 50px; } to { bottom: 170px; } } .move3 { -webkit-animation: move3 0.3s linear both; } @-webkit-keyframes move3 { from { bottom: 50px; } to { bottom: 230px; } } .move4 { -webkit-animation: move4 0.1s 0.2s linear both; } @-webkit-keyframes move4 { from { bottom: 110px; } to { bottom: 50px; } } .move5 { -webkit-animation: move5 0.2s 0.1s linear both; } @-webkit-keyframes move5 { from { bottom: 170px; } to { bottom: 50px; } } .move6 { -webkit-animation: move6 0.3s linear both; } @-webkit-keyframes move6 { from { bottom: 230px; } to { bottom: 50px; } } .move7 { -webkit-animation: move7 0.2s linear both; } @-webkit-keyframes move7 { from { -webkit-transform: rotateZ(0deg); } to { -webkit-transform: rotateZ(45deg); } } .move8 { -webkit-animation: move8 0.2s linear both; } @-webkit-keyframes move8 { from { -webkit-transform: rotateZ(45deg); } to { -webkit-transform: rotateZ(0deg); } } /*回复前面的图标*/ .app-reply { display: inline-block; position: relative; top: 7px; width: 20px; height: 20px; margin-right: 3px; background: url('../../img/approve/chart_comment@3x.png') no-repeat; background-size: contain; } /*ca-right*/ .ca_right { position: absolute; top: 13px; font-size: 16px; color: #ffffff; } .ca_left { position: absolute; top: 4px; font-size: 16px; color: #ffffff; }