自定义css

/** * 重写FrozenUI *//** * 按钮 */body { ???background-color: #F2F2F2;}@media screen and (-webkit-min-device-pixel-ratio: 2) { ???.ui-btn:before, .ui-btn-lg:before, .ui-btn-s:before { ???????border: none; ???}}.ui-btn-lg { ???border: 1px solid #F09349; ???background-color: #F09349; ???background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #F09349), to(#F09349)); ???color: #fff;}.ui-btn-lg:not(.disabled):not(:disabled):active { ???background: #CB6D23; ???border: 1px solid #CB6D23; ???color: rgba(255, 255, 255, .5);}.ui-btn-primary { ???background-color: #60B2FB; ???border-color: #60B2FB; ???background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #60B2FB), to(#60B2FB)); ???color: #fff; ???-webkit-background-clip: padding-box; ???background-clip: padding-box;}.ui-btn-primary:not(.disabled):not(:disabled):active, .ui-btn-primary.active { ???background: #9BCBF7; ???border-color: #60B2FB; ???color: rgba(255, 255, 255, .5); ???-webkit-background-clip: padding-box; ???background-clip: padding-box;}.ui-btn-default { ???background-color: #F2F2F2; ???border-color: #D9E7F3; ???background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #F2F2F2), to(#F2F2F2)); ???color: #60B2FB; ???-webkit-background-clip: padding-box; ???background-clip: padding-box;}.ui-btn-default:not(.disabled):not(:disabled):active, .ui-btn-default.active { ???background: #F2EDED; ???border-color: #FAFAFA; ???color: rgba(134, 192, 249, .5); ???-webkit-background-clip: padding-box; ???background-clip: padding-box;}.ui-btn-gray { ???border: 1px solid #888; ???background-color: #888; ???background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #888), to(#888)); ???color: #fff;}.ui-btn-code { ???width: 80px; ???height: 30px; ???line-height: 30px; ???padding: 0 11px; ???min-width: 55px; ???display: inline-block; ???position: relative; ???text-align: center; ???font-size: 12px; ???background-color: #F9F9F9; ???background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #F9F9F9), to(#F9F9F9)); ???vertical-align: top; ???color: #A31D28; ???-webkit-box-sizing: border-box; ???-webkit-background-clip: padding-box; ???background-clip: padding-box; ???border: 1px solid #A31D28; ???border-radius: 3px;}.ui-btn-code:active, .ui-btn-code.active { ???background: #FDFDFD; ???border-color: #D5474C; ???color: #D5474C; ???-webkit-background-clip: padding-box; ???background-clip: padding-box;}.item-content .ui-list li { ???margin-left: 20px;}.item-content .header { ???height: 40px; ???position: relative; ???background-color: #fff;}.item-content .header .header-logo{ ???background: -webkit-linear-gradient(top , #60B2FB 70%, #158EFA 30%); ???height: 20px; ???width: 4px; ???border-radius: 2px; ???position: absolute; ???left: 10px; ???top: 10px;}.item-content .header .header-label{ ???font-size: 14px; ???position: absolute; ???left: 20px; ???top: 10px;}.item-account { ???display: -webkit-box; ???font-size: 13px; ???width: 100%;}.item-account>.left { ???-webkit-box-flex: .1;}.item-account>.right { ???width:110px; ???text-align: right;}/**温馨提示*/.kindlyTips { ???padding: 10px; ???background-color: #F2F2F2; ???color: #999999;}.kindlyTips .kindlyTips-body{ ???border: 1px solid #DEDEDE; ???border-radius: 4px; ???position: relative;}.kindlyTips .kindlyTips-body:before{ ???content: ‘温馨提示‘; ???padding: 0px 10px; ???position: absolute; ???left: 5px; ???top: -11px; ???font-family: "黑体"; ???font-size: 15px; ???background-color: #F2F2F2;}.kindlyTips .kindlyTips-content{ ???padding: 20px 15px 10px 15px; ???font-size: 12px;}/** * Line */.ui-border-t { ???border-top: 1px solid #E6E6E6; ???background-image: none;}.ui-border-tb { ???border-top: 1px solid #E6E6E6; ???border-bottom: 1px solid #E6E6E6;}.ui-border-b { ???border-bottom: 1px solid #E6E6E6;}.ui-border-r { ???border-right: 1px solid #E6E6E6;}.ui-border-l { ???border-left: 1px solid #E6E6E6;}.ui-desc { ???padding: 5px 14px; ???color: #999;}.ui-desc1 { ???padding: 7.5px 14px; ???color: #999;}.color-f18551 { ???color: #F18551;}.color-767676 { ???color: #767676;}.color-EF2525 { ???color: #EF2525;}/** * 图标 */.x-icon { ???width:100%; ???height: 100%; ???display: inline-block; ???background-repeat:no-repeat; ????background-position: center center; ???-webkit-background-size:32px; ????-moz-background-size:32px; ????-ms-background-size:32px; ????-o-background-size:32px; ????background-size:32px; }/** ???账户查询*/.x-icon-ck { ???background-image: url(‘../image/ck.png‘);}/** ???农信logo*/.x-icon-nx { ???background-image: url(‘../image/icon/bank/nx.png‘);}/** * Form *//**金额logo*/.ui-form .money_sign { ???background: url("../image/form/money.png") no-repeat left 100px center!important; ???background-size: 12px 12px!important; ???padding-left: 118px!important; }.ui-form-item-r button { ???color: #fff; ???background-color: #f8b500; ???text-align: center; ???width: 75px; ???height: 30px; ???font-size: 14px; ???top: 7px; ???right: 4px; ???border-radius: 4px;}.ui-form-item input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { ???text-align:left; ???direction: ltr; ???color: #9A9A9A;}.x-form>.ui-form-item input, .x-form>.ui-form-item textarea, .x-form>.ui-form-item .x-display-field { ???text-align: left;}.ui-form-item input, .ui-form-item textarea { ???padding-left: 100px;}.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio) { ???text-align: right; ???color: #3B3B3B;}.ui-select>select { ???direction: ltr; ???text-align: left;}/** * 输入框、下拉框图标颜色 */input[class*="-field"] + i[class^="x-glyph-"],input[class*="-field"] + i[class*=" x-glyph-"],.ui-select:before{ ???color: #60B2FB;}/** * 单选框、复选框颜色 */.ui-radio input:before { ???border: 1px solid #60B2FB;}.ui-radio input:checked:after { ???background-color: #60B2FB;}.ui-checkbox input:before, .ui-checkbox-s input:before,.ui-checkbox input:checked:before, .ui-checkbox-s input:checked:before{ ???color: #60B2FB;}/**重写开关样式*/.ui-switch { ???width: 44px; ???height: 22px; ???line-height: 22px; ???margin-top: -10px;}.ui-switch input{ ???height: 22px; ???width: 44px;}.ui-switch input:before{ ???background-color: #E6E6E6; ???border: none; ???height: 28px;}.ui-switch input:checked:before { ???border-color: #60B2FB; ???background-color: #60B2FB; ???box-shadow: #60B2FB 0 0 0 16px inset; ???border: none;}.ui-switch input:after { ???width: 26px; ???height: 26px; ???background-color: #FFFFFF; ???top: 1px; ???-webkit-transition: left .3s ease; ???transition: left .3s ease;}.ui-switch input:checked:after{ ???left: 25px; ???background-color: #fff; ???box-shadow: 0px 3px 3px rgba(0,0,0,0.05); ???-webkit-transition: left 0.3s ease; ???transition: left 0.3s ease;}/* 重写Tab选项卡样式 */.ui-tab-nav{ ???font-size: 13px; ???height:40px;}.ui-tab-nav li.current { ???color: #60B2FB;}.ui-tab-nav li{ ???height: 40px; ???line-height: 40px; ???color: #666;}.ui-tab-nav li.current::after { ???content: ‘‘; ???display: block; ???position: relative; ???top: 0px; ???bottom: 0px; ???margin: -2px auto 0px; ???padding: 0px; ???height: 1.5px; ???bottom: 0px; ???width: 45px; ???background: #60B2FB; ???border: none;}/** * 列表 */.ui-list-info { ???padding-top: 0; ???padding-bottom: 0;}.ui-list li h4 { ???color: #676767;}.ui-list li h4 > span { ???display: inline-block; ???float: right;}.ui-list .ui-txt-info { ???font-size: 13px;}.ui-list-thumb, .ui-list-thumb-s, .ui-list-image, .ui-list-icon { ???margin: 0;}.ui-list-text > li { ???padding-top: 5px; ???padding-bottom: 5px;}/***********************************ListView ???BEGIN**************************************/.ui-list-cover>li { ???margin-left: 0px!important;}/*列表按压态*/.ui-list-active > li:active,.ui-list li.active {padding-left: 0px;}/***********************************ListView ???END**************************************/.ui-form-item label + p { ???float: right; /*和框架 ui-form-item-radio-group 样式冲突*/}/** * 帐号图标颜色（圆环部分） */.x-form > .ui-form-item > .x-glyph-account:after{ ???border-color: #60B2FB;}/***************************SM fixed-grid************************//* ???*/.fixed-grid { ???position: relative; ???font-size: 14px;}/* ???*/.fixed-grid .fixed-grid-first { ???width:50%; ???position: absolute;}/* ???*/.fixed-grid-container { ???margin-left: 50%; ???overflow:auto; ???_overflow:auto;}/* ???*/.height-38 { ???height: 38px;}/* ???*/.ui-col-fixed-number { ???width: 55px; ???text-align: center; ???line-height: 50px;}/* ???*/.ui-col-fixed-name { ???width: 100%;}/* ???*/.ui-col-fixed-name > span { ???display: block; ???height: 16px; ???padding-left: 1px; ???padding-top: 1px;}/* ???*/.line-height-38 { ???line-height: 38px;}/* ???*/.ui-row-flex-item { ???width:50%; ???text-align: center;}/* ???*/.fixed-grid-header-fixed { ???position: fixed; ???z-index: 99;}/* ???*/.fixed-grid-content { ???padding-top: 38px;}/* ???*/.ui-col-fixed-name-header { ???width:50%; ???text-align:center}/******************************************SM fixed-grid*********************************************//* ???SM ADD，IOS上placeholder导致文字显示一半*/.ui-form-item input::-webkit-input-placeholder { ??position: relative;}/**卡片列表*/.yui-list-cards { ???background-color: #F2F2F2!important; ???width: auto;}.yui-list-cards > li { ???background-color: #fff; ???margin: 15px!important; ???border: 0!important; ???border-radius: 4px;}