/* CSS Document */
/*头部背景颜色*/
.header_bg {
    /* background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%) !important; */
    background: #007BC8 !important;
}
.header_bg_light {
    background: rgb(154, 156, 156) !important;
}

/* MUI css */
.mui-slider-indicator .mui-active.mui-indicator {
    background: #F6931C !important;
}

/*脚部背景颜色*/
.footer_bg {
    background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%) !important;
}

/*字体颜色*/
.font_color_common {
    color: #007BC8 !important;
}
.font_color_common_light {
    color: #02A9E0 !important;
}
.font_color_icon {
    color: #007BC8 !important;
}
.font_color_icon_light {
    color: #02A9E0 !important;
}
.font_color_white {
    color: #FFFFFF !important;
}
.font_color_666 {
    color: #666666 !important;
}
.font_color_999 {
    color: #999999 !important;
}
.font_color_333 {
    color: #333333 !important;
}
.font_color_000 {
    color: #000000 !important;
}
.font_color_red {
    color: red !important;
}
.font_color_red_light {
    color: #FF1A1A !important;
}

/*按钮背景颜色*/
.btn_bg {
    background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%) !important;
}
.btn_bg_light {
    background: #02A9E0 !important;
}

/*背景颜色*/
.bg_white {
    background: #FFFFFF !important;
}
.bg_black {
    background: #000000 !important;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
    opacity: .7;
}
.bg_red {
    background: red !important;
}
.bg_red_light {
    background: #FF1A1A !important;
}
.bg_eee {
    background: #EEEEEE !important;
}
.bg_f6 {
    background: #F6F6F6 !important;
}
.bg_000opa {
    background: #000000;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
    opacity: .7;
}
.bg_333 {
    background: #333333 !important;
}
.bg_666 {
    background: #666666 !important;
}
.bg_999 {
    background: #999999 !important;
}
.bg_common {
    /* background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%) !important; */
    background: #007BC8 !important;
}
.bg_common_light {
    background: #02A9E0 !important;
}

/*弹出框背景颜色*/
.modal-inner {
    background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%) !important;
}
.modal-button {
    color: #FFFFFF !important;
    background: #02A9E0 !important;
}

/*三角形背景颜色*/
.three_bg_left {
    content: '';
    display: block;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-right-color: #02A9E0;
}
.three_bg_right {
    content: '';
    display: block;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #02A9E0;
}
.three_bg_top {
    content: '';
    display: block;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #02A9E0;
}
.three_bg_bottom {
    content: '';
    display: block;
    border-left-color: -color#FFFFFF;
    border-right-color: #FFFFFF;
    border-top-color: #02A9E0;
}

/*边框颜色*/
.border_common {
    border-color: #009EE5 !important;
}
.border_common_top {
    border-top-color: #009EE5 !important;
}
.border_common_bottom {
    border-bottom-color: #009EE5 !important;
}
.border_common_left {
    border-left-color: #009EE5 !important;
}
.border_common_right {
    border-right-color: #009EE5 !important;
}
.border_common_light {
    border-color: #02A9E0 !important;
}
.border_common_top_light {
    border-top-color: #02A9E0 !important;
}
.border_common_bottom_light {
    border-bottom-color: #02A9E0 !important;
}
.border_common_left_light {
    border-left-color: #02A9E0 !important;
}
.border_common_right_light {
    border-right-color: #02A9E0 !important;
}
.border_white_top {
    border-top-color: #FFFFFF !important;
}
.border_white_bottom {
    border-bottom-color: #FFFFFF !important;
}
.border_white_left {
    border-left-color: #FFFFFF !important;
}
.border_white_right {
    border-right-color: #FFFFFF !important;
}
.border_red_top {
    border-top-color: red !important;
}
.border_red_bottom {
    border-bottom-color: red !important;
}
.border_red_left {
    border-left-color: red !important;
}
.border_red_right {
    border-right-color: red !important;
}
input.modal-text-input {
    border-color: #009EE5 !important;
}

/*遮罩层颜色*/

/*勾选选择*/
label.label-checkbox input[type='checkbox']:checked + .item-media i.icon-form-checkbox, label.label-checkbox input[type='radio']:checked + .item-media i.icon-form-checkbox {
    background: #02A9E0 !important;
}

/*选中状态*/
.active_color {
    color: #FFFFFF !important;
    background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%) !important;
}
.active_color_light {
    color: #FFFFFF !important;
    background: #02A9E0 !important;
}
.footer_active {
    color: #009EE5 !important;
}
.footer_active_light {
    color: #02A9E0 !important;
}
.active_font {
    color: #009EE5 !important;
}
.active_font_light {
    color: #02A9E0 !important;
}
.active_bg {
    background: #009EE5 !important;
}
.active_bg_light {
    background: #02A9E0 !important;
}
.active_border {
    border: 1px solid #009EE5 !important;
}
.active_border_light {
    border: 1px solid #02A9E0 !important;
}

/*判断是否状态背景色*/
.label-switch input[type='checkbox']:checked + .checkbox {
    background: #02A9E0 !important;
}

/*首页、分类页、购物车页、个人中心页底部选项卡tab选中效果*/
.mui-bar-tab .mui-tab-item.mui-active {
    color: #009EE5;
    /* background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%);; */
}

/*评价标签颜色*/
.evaluate_label.select_active {
    background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%);;
}
.evaluate_label {
    background: #B8E4F2;
}

/*订单确认页面优惠券选中效果*/
.coupon-item input:checked:before {
    color: #009EE5 !important;
}
/*订单确认页面支付方式选中效果*/
.paytype-content input[type=checkbox]:checked:before, .paytype-content input[type=radio]:checked:before {
    color: #009EE5 !important;
}
/*订单确认页面配送方式tab选中效果*/
.send-type-item.curr {
    color: #009EE5 !important;
    background: #EDFAFF;
    border: 1px solid #009EE5 !important;
}
/*订单确认页面配送方式input选中效果*/
.send-content-wrapper form input:checked:before {
    color: #009EE5 !important;
}
/*订单确认页面自提门店弹出框input选中效果*/
.t-w-item input:checked:before {
    color: #009EE5 !important;
}
/*订单确认页面积分是否使用效果*/
#integration input[type=checkbox]:checked:before, #integration input[type=radio]:checked:before {
    color: #009EE5 !important;
}
/*订单确认页面发票tab选中效果*/
.receipt-type-btn.curr, .receipt-head-select-btn.curr {
    color: #009EE5 !important;
    background: #EDFAFF;
    border: 1px solid #009EE5 !important;
}
/*订单确认页面发票输入框的placeholder字体颜色*/
.receipt-head-input[name=taxPayerNo]::-webkit-input-placeholder {
    color: #81CDEF;
}
.receipt-head-input[name=taxPayerNo]:-moz-placeholder {
    color: #81CDEF;
}
.receipt-head-input[name=taxPayerNo]:-ms-input-placeholder {
    color: #81CDEF;
}
/*订单确认页面发票是否可用tab选中效果*/
.coupon-tabs .coupon-tab.curr strong {
    border-bottom: 2px solid #009EE5 !important;
}
/*订单确认页开关组件状态改变效果*/
.mui-switch-blue.mui-active {
    border: 2px solid #009EE5 !important;
    background-color: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%);;
}

/*我的优惠券tap选中效果*/
.my-coupon .tab .item.cur {
    color: #009EE5 !important;
    border-bottom: 1px solid #009EE5 !important;
}

/*门店详情页左边分类选中效果*/
.mui-segmented-control .category-item-btn.curr {
    color: #009EE5 !important;
    background-color: #FFFFFF;
    border-bottom: 1px solid #009EE5 !important;
}
/*门店详情页商品规格选中效果*/
.sku-list .s-i-cont span.skucurr {
    color: #009EE5 !important;
    border: 1px solid #009EE5 !important;
}

/*商品详情页头部tab选中效果*/
.mui-segmented-control.details-tabs a.mui-active {
    color: #009EE5 !important;
}
/*商品详情页评价过滤tab选中效果*/
.evaluate-tabs span.curr {
    background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%);;
}
/*商品详情页商品规格选中效果*/
.sku-content .sku-list .s-i-cont span.skucurr {
    color: #009EE5 !important;
    border: 1px solid #009EE5 !important;
}

/*购物车checkbox、radio选中效果*/
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
    color: #009EE5 !important;
}
/*购物车优惠券点击领取后按钮效果*/
.coupon-item.isreceived .receive-now {
    color: #009EE5 !important;
    border: 1px solid#009EE5 !important;
}

/*编辑地址默认选中按钮状态效果*/
.mui-switch.mui-active {
    border-color: #009EE5 !important;
    background-color: #009EE5 !important;
}

/*地址列表页选中地址效果*/
.selected-addr {
    color: #009EE5 !important;
}
/*地址列表页默认地址标志效果*/
.address-details span {
    color: #006390;
    background: #DFF5FF;
}

/*分类页左边一级分类选中效果*/
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #009EE5 !important;
    background: #F9F9F9;
}

/*商品列表页右侧滑动栏筛选条件选中效果*/
.s-l-item.curr a {
    color: #009EE5 !important;
    border: 1px solid #009EE5 !important;
}
/*商品列表页排序选中效果*/
.mui-tab-item.screen-tab-item.curr {
    color: #009EE5 !important;
}

/*点赞吐槽页tab选中效果*/
.monlinecomplain .tab .item.cur {
    color: #009EE5 !important;
    border-bottom: solid 2px #009EE5 !important;
}

/*个人中心页积分、余额框边框效果*/
.user_money {
    border: 1px solid #97DEF5;
}

/*我的评价页、订单列表tab选中效果*/
.classify .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    border-bottom: 2px solid #009EE5 !important;
}

/*我的药方页tab选中效果*/
.myPrescription .tab .item.cur {
    color: #009EE5 !important;
    border-bottom: solid 2px #009EE5 !important;
}

/*订单跟踪页实心点效果*/
.point.active {
    background: linear-gradient(0deg, rgba(0, 123, 200, 1) 0%, rgba(0, 123, 200, 1) 0%, rgba(25, 158, 216, 1) 100%, rgba(25, 158, 216, 1) 100%);;
}

/*交易明细头部tab效果*/
.trad_detail .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    border-bottom: 2px solid #009EE5 !important;
}


/* 处方单信息 */
/* 用药人选中颜色 */
.patientSelect {
    color: #009EE5;
    background: #F0FAFF;
    border-color: #009EE5 !important;
}