﻿body { background-color: #fff; }
a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #333; }

/*颜色主题*/
.color-main:link, .color-main, .color-main:visited, .color-main a, .color-main a:link, .color-main a:visited { color: #333333; }
.color-theme:link, .color-theme, .color-theme:visited, .color-theme a, .color-theme a:link, .color-theme a:visited { color: #0084CE; }
.color-reverse:link, .color-reverse, .color-reverse:visited, .color-reverse a, .color-reverse a:link, .color-reverse a:visited { color: #fff; }
.color-title:link, .color-title, .color-title:visited, .color-title a, .color-title a:link, .color-title a:visited { color: #103667; }
.color-subtitle:link, .color-subtitle, .color-subtitle:visited, .color-subtitle a, .color-subtitle a:visited { color: #999999; }
.color-text:link, .color-text, .color-text:visited, .color-text a, .color-text a:link, .color-text a:visited { color: #666666; }
.color-money:link, .color-money, .color-money:visited, .color-money a, .color-money a:link, .color-money a:visited { color: #FFA14A; }

/* color */
.color-title { color: #103667; }
.color-text { color: #666666; }
.color-money { color: #FFA14A; }
.color-subtitle { color: #999999; }
.color-reverse { color: #FFFFFF; }
.color-theme { color: #0084CE; }
.color-main { color: #333333; }

.color-text:hover { color: #666666; }
.color-subtitle:hover { color: #999999; }
.color-theme:hover { color: #0084CE; }

/* sitemap */
.sitemap-box .flr.color-text:hover { color: #666666; }
/*背景色*/
.bg-light { background-color: #F4F8FB; }
.bg-normal { background-color: #0084CE; }
.bg-dark { background-color: #28568F; }
.bg-deep { background-color: #4073AF; }
.bg-reverse { background-color: #FFFFFF; }

/*按钮样式-在color文件里完全实现.背景颜色悬浮效果全部实现*/
.btn-light { text-align: center; transition: all 0.3s; cursor: pointer; box-sizing: border-box; color: #0084CE !important; border: 1px solid #0084CE; display: inline-block; font-weight: bold; }
.btn-light:hover { opacity: 0.6; text-decoration: none; }
.btn-light a { text-decoration: underline; display: block; }
.btn-light i { margin-left: 8px; margin-top: -4px; }
.btn-light:visited { color: #0084CE; }

.btn-normal { text-align: center; transition: all 0.3s; cursor: pointer; box-sizing: border-box; color: #FFFFFF !important; border: 1px solid #0084CE; background-color: #0084CE; display: inline-block; }
.btn-normal:hover { opacity: 0.6; text-decoration: none; }
.btn-normal a { text-decoration: none; display: block; color: #FFFFFF; }
.btn-normal i { margin-left: 8px; margin-top: -4px; }
.btn-normal:visited { color: #FFFFFF; }

.btn-deep { text-align: left; transition: all 0.3s; cursor: pointer; box-sizing: border-box; color: #FFFFFF !important; border: 1px solid #4073AF; background-color: #4073AF; display: inline-block;  font-size: 16px; }
.btn-deep a { text-decoration: none; display: block; color: #FFFFFF; }
.btn-deep i { margin-left: 8px; margin-top:-2px; }
.btn-deep:hover { opacity: 0.8; }
.btn-deep:visited { color: #FFFFFF; }

.btn-reverse { text-align: center; transition: all 0.3s; cursor: pointer; box-sizing: border-box; color: #FFFFFF !important; border: 1px solid #FFFFFF; display: inline-block; }
.btn-reverse:hover { box-shadow: 0px 0px 12px 0px #FFFFFF; text-decoration: none; }
.btn-reverse a { text-decoration: none; display: block; }
.btn-reverse i { margin-left: 8px; margin-top: -4px; }
.btn-reverse:visited { color: #FFFFFF; }

/*hover效果-在color文件里完全实现*/
.hover { transition: all 0.5s; }
.hover:hover { opacity: 0.6; }
.hover-light { transition: all 0.5s; }
.hover-light:hover { opacity: 0.8; background-color: rgba(0,0,0,0.3); }
.hover-deep { transition: all 0.5s; }
.hover-deep:hover { box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.4); z-index: 1; }

/*keui控件-在color文件里完全实现*/
.focus .box { border-color: #07619D !important; /*表单控件焦点置入*/ }
.input-light { height: auto; }
.input-light .box { width: 100%; height: 40px; border: 1px solid #E9E9E9; border-radius: 4px; }
.input-light .box .icon { margin: 10px 0px 10px 10px; }
.input-light input { font-size: 14px; padding-left: 12px; box-sizing: border-box; color: #666 !important; background-color: transparent; }
.input-light textarea { padding: 10px 0 0 12px; font-size: 14px; color: #666 !important; box-sizing: border-box; width: 100% !important; }
.input-light .icon-btn { margin-top: 8px; }
.data-item-selected { color: #07619D !important; background: #f0f0f0; border-left: 2px solid #07619D; }
.data-item:hover { color: #07619D; background: #f0f0f0; border-left: 2px solid #07619D; }
.checkbox-selected .checkbox-rect { background-color: #07619D; border-color: #07619D; }

.radiobox .radiobox-item { color: #666; background-color: transparent; cursor: pointer; }
.radiobox .selected .radiobox-rect { border-color: #07619D; }
.radiobox .selected .radiobox-rect div { background-color: #07619D; }
/*公共组件*/
.nodata { color: #9FACC5; }
.window2 .btn-yes { background: #07619D; color: #fff; border-color: #07619D; }

.flowstep .num { border: 1px solid #ddd; background: #fff; }
.flowstep li:after, .flowstep li:before { background: #ddd; }
.flowstep .active .num { color: #fff; background: #07619D; border: 1px solid #07619D; }
.flowstep .active:before, .flowstep .finish:before, .flowstep .finish:after { background: #07619D }
.flowstep .active .name, .flowstep .finish .name { color: #07619D }

/*首页*/
.search .wd { border: 1px solid #C7C7C7; background: #fff; }
.banner .wrap > span { border-color: #07619D; }

/*导航头部*/
.header .layers { background-color: #07619D; }
.header .navheader .info:hover { background-color: #F2F2F2; }
.navheader-box .navheader .info:hover { background-color: #F2F2F2; }
.user .item .logined .info a:hover { color: #0084CE; background-color: #F2F2F2; }

/*active状态*/
.filter .active { color: #07619D; }
.paging .active { background: #0084CE; color: #fff; }
.article-groups .active { color: #103667 !important; font-weight: bold; }
.search-menu .active { color: #103667 !important; font-weight: bold; }
.sort .active { color: #07619D; }

#point .filter .active { background: #07619D; color: #fff; }
#onlinecharge .main .items .active { border: 2px solid #07619D !important; }
#cashier .main .content .active { border: 2px solid #07619D !important; }

