@charset "utf-8";
/*============= 项目特有样式 =============*/

/* 主色调在style里声明 */
/* 行高默认20px */
/* 总背景色 #f0f2f5 */

/* 标签栏 */
.nav{position:fixed;bottom:0;left:0;z-index:5;width:100%;height:56px;background-color:#fff;color:#999;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.nav li{position:relative;float:left;padding:8px 0 6px 0;width:20%;text-align:center;}
.nav li div{font-size:10px;line-height:16px;}
.nav_tip{position:absolute;right:16%;top:6px;width:16px;height:16px;line-height:16px;font-size:10px;font-weight:bold;}
.nav_color{color:#333c4f;}
.nav svg{font-size:24px;}

/* 导航栏 */
.header{position:fixed;top:0;left:0;z-index:10;padding-top:24px;width:100%;height:68px;line-height:44px;backface-visibility:hidden;}
.header{background-color:#fff;}/* 默认背景色 */
.header{font-size:16px;}
.header_white{background-color:#fff;}

/* 工具栏 */
.tool,.tool_full{position:fixed;bottom:0;left:0;z-index:5;padding:8px 0;width:100%;height:50px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-shadow:1px 1px 0 -1px rgba(0, 0, 0, 0.5);}
.tool_full{padding:0;height:44px;}


/* 范围栏 */
.scope{position:relative;}
.scope_fixed{position:fixed;top:64px;left:0;z-index:6;width:100%;height:44px;}
.scope_list{display:none;position:absolute;top:88px;left:0;z-index:6;width:100%;background-color:#fff;}

.scope_box{position: fixed;top: 114px;left: 0;z-index: 7;width: 100%;}
.scope_brand_box{top:44px;}
.scope_box ~ .modal{position: fixed;top: 114px;z-index:6;}
.scope_box > li{width: 100%;background-color: #fff;overflow: scroll;animation: am_fadeIn .2s ease forwards;}
.scope_box > li:nth-child(2){max-height:400px;}


/* 主内容区 */
.content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:auto;-webkit-overflow-scrolling:touch;}
.index_content{padding:48px 0 60px 0;}/* A类页面主体框 */
.header~.content{top:68px;}
.scope_fixed~.content{top:108px;}
.nav~.content{bottom:56px;}
.tool~.content{bottom:52px;}
.tool_full~.content{bottom:44px;}
#navList .content{bottom:56px;}/* 首页A类页面 */
.content1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:auto;-webkit-overflow-scrolling:touch;}
.noflow{overflow:hidden;}/* content 禁止滚动,用于滚动插件 */
/* #phoenixPage_index .content{bottom:56px;} */

.content_b44~.content{bottom:44px;}
.content_b48~.content{bottom:48px;}
.content_b52~.content{bottom:52px;}
.content_b56~.content{bottom:56px;}
.content_b104~.content{bottom:104px;}

/* content */
.content_loading{position:absolute;top:0;left:0;z-index:4;padding-top:45%;width:100%;height:100%;background-color:#f0f2f5;}

/* no */
.no_box{padding-top:35%;width:100%;height:100%;text-align:center;}
.no_icon{margin:10px auto;display:block;overflow:hidden;width:120px;height:120px;text-align:center;background:rgba(235,237,240,1);}
.no_icon i{font-size:84px;line-height:120px;color:#ddd;}
.no_btn{padding-top:20px;}
.no_btn span{padding:10px 20px;}

.tab dt div{position:relative;}
.tab dt{color:#999;background-color:#fafafa;}/* tab背景色*/
.tab dt .nav_selected{color:#000;}/* tab切换选中的样式 */
.tab dt span{position:absolute;bottom:0;left:30%;width:40%;height:3px;}

/*################### 项目自定义样式区 ##############*/

/* 项目主色设定 */
.color{color:#0ad4cb;}
.back{background-color:#0ad4cb;color:#fff;}
.border_color::after{border-color:#0ad4cb;}
.btn{background-image:linear-gradient(45deg,#0ad4cb,#0ad4cb);color:#fff;}
.tab dt span{background-color:#0ad4cb}


/* 商城 */
.animationIn{animation: am_fadeInBottom .3s ease forwards;}
.animationOut{animation: am_fadeOutBottom .4s ease forwards;}
.shop_SKU{position:fixed;z-index:11;bottom:44px;left:0;width:100%;height:100%;}
.shop_SKU img{width:60px;heigth:60px;}
.shop_SKU_box{position: absolute;bottom:0;left: 0;z-index:12;overflow:scroll;padding:10px;width: 100%;height:400px;background-color: #fff;}
.shop_SKU_list_box li{display:inline-block;}
.has_not_goods{pointer-events: none;opacity: .45;-box-shadow: none;cursor: none;}
.closePluginIcon{position:absolute;right:10px;top:10px;width:44px;height:44px;text-align:right;}

.alarm_circle{position:absolute;background:red;left:10%;top:10%;z-index: 10;width:10px;height:10px;}
.clear::{clear:both;}
.icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.word_break{word-break: break-all;}
.underline{text-decoration:underline;}

.user_btn{background:#fee78d;color:#808080;}
.cate_list_ul li{display: flex;justify-content: center;align-items: center;flex-direction:column;}
/* .cate_list_ul li:nth-child(1) div:nth-child(1){color:#00b8bd;}
.cate_list_ul li:nth-child(2) div:nth-child(1){color:#fc8759;}
.cate_list_ul li:nth-child(3) div:nth-child(1){color:#2496eb;} */

/* 日历 */
.calendar_wrap {
    position: fixed;
    z-index: 11;
}

#calendar {
    position: absolute;
    z-index: 0;
    bottom: 50px;
    left: 0;
    padding: 10px;
    width: 100%;
    background-color: #fff;
}

.calenday_head {
    line-height: 44px;
    text-align: center;
    font-size: 16px;
}

.calenday_head>span {
    display: inline-block;
    vertical-align: middle;
}

.icon_left,
.icon_right,
.icon_hide_left,
.icon_hide_right {
    padding: 0 20px;
    color: #000;
}

.icon_left i,
.icon_right i,
.icon_hide_left i,
.icon_hide_right i {
    font-size: 12px;
}

.icon_hide_left i,
.icon_hide_right i {
    color: #bbb;
}

.calendar_week {
    width: 100%;
    background: #f1f1f1;
    text-align: center;
    line-height: 36px
}

.calendar_week>li {
    position: relative;
    float: left;
    width: 14.2857%
}

.calendar_day {
    width: 100%;
    height: auto;
    text-align: center
}

.calendar_day>li {
    height: 36px;
    line-height: 36px;
}

.calendar_day>li>p {
    float: left;
    overflow: hidden;
    padding: 6px 0;
    width: 14.28%;
    text-align: center;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar_day>li>p>span {
    display: inline-block;
}

.today>span {
    color: #0076ff !important
}

.hide_day {
    color: #ccc !important
}

.cd_active>span {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #0076ff;
    color: #fff !important
}

.calendar_btn {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    width: 100%;
    background-color: #fff;
}

.alarmClass1{border-left: 10px solid #fcc26d;}
.alarmClass2{border-left: 10px solid #00cfbe;}
.alarmClass3{border-left: 10px solid #c0c0c0;}

.alarmClass1 .alarm_text{color:#fcc26d;}
.alarmClass2 .alarm_text{color:#00cfbe;}
.alarmClass3 .alarm_text{color:#c0c0c0;}

.alarmClass1 .alarm_btn{background-image:linear-gradient(45deg,#fca054,#fcbe63);}
.alarmClass2 .alarm_btn{background-image:linear-gradient(45deg,#00d4bf,#00b8bd);}

.alarm_search_icon{color:#feb77d;}
.alarm_add_icon{color:#00b8bd;}

.track_search{background:#fff;}
.track_search input{background: transparent;}

/* 登录页面banner */
.wc80{width:80%;}
/* 首页cate字体颜色 */
.color_home{color:#454545;}

/* 补丁 */

/* 日历颜色 */
.calendar_content .active {background-color: #1cb0aa;color: #d2efee;}
.calendar_button {background-color: #1cb0aa;color: #d2efee;}
.calendar_content .active_in {background-color: #d2efee;color: #1cb0aa;}

/* top下拉选择 */
.back_top{color: #1cb0aa;border-color: #1cb0aa;}
.back_top::after{border-color: #1cb0aa;}
.bg_top{background-color: #1cb0aa;color: #d2efee;}
.bg_top_cancel{background-color: #d2efee;color: #1cb0aa;}

/* 追溯颜色分类 */
.trackTitle{top:50%;left:-26px;width:16px;transform: translateY(-50%);line-height:36px;color:#ffffff;}
.trackClass0{border-left: 36px solid #00cfbe;}
.trackClass1{border-left: 36px solid #ff9600;}
.trackClass2{border-left: 36px solid #39b54a;}
.trackClass3{border-left: 36px solid #0076ff;}

.bg_track{background-image:linear-gradient(45deg,#00babd,#00d2be);color:#fff;}
.device_status_box{display:inline-block;padding:1px 10px;}