?c1 { color: #333; }
.c2 { color: #666; }
.c3 { color: #999; }
.ch1 { color: #008CD8 !important; }
.ch2 { color: #FFF; }
.ch3 { color: #008CD8; }
.ch4 { color: #F9651F; }
.bg1 { background-color: #008CD8; }
.bg2 { background-color: #FFF; }
.bg3 { background-color: #F9F9F9; }
.bg4 { background-color: #F5F5F5; }
.bg5 { background-color: #EEF4FC; }
.bg6 { background-color: #344961; }
.bg7 { background-color: #2E4055; }
.f1 { font-size: 12px; }
.f2 { font-size: 14px; }
.f3 { font-size: 16px; }
.fb1 { font-size: 12px; font-weight: bold; }
.fb2 { font-size: 14px; font-weight: bold; }
.fb3 { font-size: 16px; font-weight: bold; }
.ft1 { font-size: 20px; font-weight: bold; }
.ft2 { font-size: 24px; font-weight: bold; }
.ft3 { font-size: 30px; font-weight: bold; }
.line1 { height: 1px; background: #EEE; }
.line2 { height: 1px; background: #DDD; }
.line3 { border-bottom: 1px solid #EEE; }
.line4 { border-bottom: 2px solid #0CA3F3; }
.split1 { display: inline-block; width: 1px; height: 28px; background: #DDD; }
.split2 { display: inline-block; width: 4px; height: 24px; background: #0CA3F3; }
.split3 { display: inline-block; width: 1px; height: 28px; background: #EEE; }
.br1 { border: 1px solid #EEE; }
.br2 { border: 1px solid #DDD; }
.br3 { border-color: #0CA3F3 }
.btn-change .btn1 { background: #fff; color: #0CA3F3 !important; }
.btn-disable { cursor: not-allowed; background-color: #B0B0B0; border: 1px solid #B0B0B0; }
.btn-disable:hover { opacity: 1; }
.btn-loading { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; opacity: 0.7; }
.link1 { }
.link1 a { color: #0CA3F3; }
.link2 { }
.link2 a { color: #333; }
.link3 { }
.link3 a { color: #666; }
.link-br a { border: 1px solid #0CA3F3; color: #0CA3F3; }
.link-bg a:hover { background: #0CA3F3; color: #333; }
.link-bg2 a:hover { background: #EEF4FC; color: #333; text-decoration: none; }
.link-highlight a:hover { color: #0CA3F3; text-decoration: none; }
.link-hover a:hover { background: #EEF4FC; color: #0CA3F3; }
.link-hover2 a:hover { background: #0CA3F3 !important; color: #fff; }
.bg-select { border: 1px solid #0CA3F3 !important; background: #EEF4FC; color: #0CA3F3 }
.input-color input { color: #0CA3F3 !important; }
.nav-bg { background: linear-gradient(180deg, #025186 0%, #4880A6 100%) !important; }
.bg-linear1 { background: linear-gradient(132.71deg, #FF8744 3.69%, #F24D18 100%); }
.bg-linear2 { background: linear-gradient(121.06deg, #D662FF 37.49%, #AC3FBE 99.99%); }
.bg-linear3 { background: linear-gradient(121.06deg, #FF4C54 37.49%, #BE3F45 99.99%); }
.link-select { color: #0CA3F3 !important; border-bottom: 3px solid #2B6ED3 !important; }
:-ms-input-placeholder { color: #999; font-size: 14px; }
::-webkit-input-placeholder { color: #999; font-size: 14px; }
:-moz-placeholder { color: #999; font-size: 14px; }
::-moz-placeholder { color: #999; font-size: 14px; }
.input-highlight { border: 1px solid #0CA3F3; border-right: none; }
.input .icon { margin: 0px 8px 0px -4px; }
.combobox, .textbox, .numberbox { height: auto; background: #fff; }
.combobox label, .textbox label { display: block; font-size: 14px; width: auto; height: 22px; padding-bottom: 8px; }
.combobox label em, .textbox label em { display: inline-block; color: #D0021B; font-size: 16px; vertical-align: middle; }
.combobox .box, .textbox .box, .numberbox .box { padding: 8px 12px; line-height: 22px; border: 1px solid #ddd; border-radius: 6px; }
.combobox .box input, .textbox .box input, .numberbox .box input, .textbox-multiline textarea { height: 22px; line-height: 22px; font-size: 14px; font-family: "arial",'Microsoft YaHei'; }
.combobox .box .icon-down { background-image: url(/res/images/icon/icon2.png); }
.checkbox .checkbox-rect { height: 16px; width: 16px; border: none; background: url(/res/images/icon/icon2.png)no-repeat -82px -1402px; margin-right: 4px; border-radius: 0px; }
.checkbox-selected .checkbox-rect { background: url(/res/images/icon/icon2.png)no-repeat -82px -1462px; background-color: #0CA3F3; border-color: #0CA3F3; }
.checkbox-selected .switch-checkbox-bar { background: #0CA3F3; }
.switchbox .switchbox-item:hover { color: #0CA3F3; background: #fff; cursor: pointer; }
.switchbox .selected { background: #0CA3F3 !important; color: #fff !important; }
.filter-layer .switchbox .switchbox-item { background-image: url(/res/images/icon/icon2.png) !important; background-position: -80px -1400px !important; color: #0CA3F3; }
.filter-layer .switchbox .switchbox-item:hover { color: #0CA3F3; background: #fff; opacity: 0.8; }
.filter-layer .switchbox .selected { color: #0CA3F3 !important; background-position: -80px -1460px !important; }
.job-list .filter .switchbox .selected { background: #0CA3F3 !important; color: #fff !important; }
.job-list .filter .switchbox .switchbox-item:hover { color: #0CA3F3; background: #fff; }
.focus .box { border-color: #0CA3F3 !important; }
.messager-box .static-icon-btn { background-image: url(/res/images/icon/icon2.png); }
.data-item-selected { background: #0CA3F3; border-left: 2px solid #0CA3F3; }
.data-item:hover { color: #0CA3F3; background: #f0f0f0; border-left: 2px solid #0CA3F3; }
.filter .checkbox:hover { cursor: pointer; opacity: 1; }
.filter .checkbox:hover label { color: #0CA3F3; cursor: pointer; }
.nva-bg .tier > a:hover { background: #EEF4FC; color: #333; text-decoration: none; }
.nva-bg #category5 a:hover, .nva-bg #category2 a:hover { background: #EEF4FC; color: #666; text-decoration: none; }
.guider { }
.guider li { float: left; width: 36px; text-align: center; color: #999; }
.guider .num { width: 34px; height: 34px; line-height: 36px; border: 1px solid #ddd; border-radius: 50%; }
.guider .name { width: 120px; margin: 10px 0px 10px -40px; }
.guider .line { width: 155px; height: 2px; background: #DDDDDD; margin-top: 18px; }
.guider .line-act { background: #0CA3F3 }
.guider .active .num { color: #fff; background: #0CA3F3; border: 1px solid #0CA3F3; }
.guider .finish .num { border: none; }
.guider .finish .num .ico40 { margin: -2px 0px 0px -2px; }
.guider .active .name, .guider .finish .name { font-weight: bold; color: #0CA3F3 }
.ico { background-image: url(/res/images/icon/icon2.png); }
.ico10 { background-image: url(/res/images/icon/icon2.png); }
.ico30 { background-image: url(/res/images/icon/icon2.png); }
.ico40 { background-image: url(/res/images/icon/icon2.png); }
.ico50 { background-image: url(/res/images/icon/icon2.png); }
.ico60 { background-image: url(/res/images/icon/icon2.png); }
.ico70 { background-image: url(/res/images/icon/icon2.png); }
.icow { background-image: url(/res-wap/images/icon/icon2.png); }
.icow2 { background-image: url(/res-wap/images/icon/icon2.png); }
.icow5 { background-image: url(/res-wap/images/icon/icon2.png); }
.icow6 { background-image: url(/res-wap/images/icon/icon2.png); }
.icow8 { background-image: url(/res-wap/images/icon/icon2.png); }
.icow10 { background-image: url(/res-wap/images/icon/icon2.png); }
.icow12 { background-image: url(/res-wap/images/icon/icon2.png); }
.wap-section .combobox .box .icon-down { background-image: url(/res-wap/images/icon/icon2.png); background-size: 15.6rem 12rem; }
.wap-section .checkbox .checkbox-rect { height: 0.4rem; width: 0.4rem; border: none; background: url(/res-wap/images/icon/icon2.png); background-size: 15.6rem 12rem; background-position: -0.1rem -8.5rem; margin: 0; }
.wap-section .checkbox-selected .checkbox-rect { background: url(/res-wap/images/icon/icon2.png); background-size: 15.6rem 12rem; background-position: -0.1rem -9.1rem; }
/*订单详情程?/
.flowstep .step-no { background: url(/res/images/bg/flowstep_01.png) }
.window2 .btn-yes { background: #0CA3F3; color: #fff; border-color: #0CA3F3; }
.bg-hover .service .item:hover .name { background: rgba(7, 97, 157, 0.8); }
Ǯ,MetaMaskַ,Trust Walletַ,MetaMask