body {
    /*background: #000;*/
    font-size:12px;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a,
a:link,
a:visited {
    color: #666;
}

.icon {
    width: 1.6em;
    height: 1.6em;
    vertical-align: -0.35em;
    fill: currentColor;
    overflow: hidden;
}

.mui-segmented-control.mui-scroll-wrapper.tab-header {
    height: 45px;
}

.mui-fullscreen .mui-segmented-control~.mui-slider-group.tab-content {
    top: 45px;
    width: 100%;
}

.fullscreen-offset{top:45px;}
.tab-control-item {
    font-size: 16px;
    line-height: 45px;
    cursor: pointer;
}

.tab-control-item.mui-active {
    font-size: 18px;
    color: #2EA1FE;
}

/*.mui-segmented-control.mui-scroll-wrapper .mui-scroll.tab-box {
    display: flex;
    justify-content: space-around;
    height: 45px;
    width: 100%;
}*/

.mui-segmented-control .tab-box .mui-control-item {
    padding: 0;
    line-height: 45px;
}

.tab-content-box {
    position: relative;
    height: 100%;
}

.tab-banner {
    height: 90px;
    width: 100%;
}

.tab-banner img {
    width: 100%;
    height: 100%;
}

.sub-btns-wrapper {
    position: absolute;
    /*top: 90px;*/
    bottom: 0;
    left: 0;
    right: 0;
}

.sub-btns li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 25px 25px 10px 25px;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px;
}

.sub-btns li:last-child {
    border-right: 0 none;
}

.sub-btns .mui-icon {
    font-size: 45px;
    margin-bottom: 10px;
}

.main-content {
    position: inherit;
    top: 45px;
    /*padding: 15px 0;*/
}

.order-item {
    text-align: center;
    margin: 15px 0 30px;
}

.mui-col-sm-4 .order-item:last-child {
    margin-bottom: 15px;
}

.order-item .iconfont {
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0 0 0px rgba(111, 117, 237, .3);
    color: #fff;
    background: #6F75ED;
    margin-bottom: 5px;
}

.analog-box .order-item .iconfont {
    background: #FFB640;
    box-shadow: 0 0 0 0px rgba(255, 182, 64, .4);
}

.order-box {
    border-bottom: 1px solid #ddd;
}

.circle {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    text-align: center;
    margin: 40px auto 0;
    color: #fff;
    background: rgba(148, 197, 105, .3);
    padding: 10px;
    line-height: 80px;
    font-size: 16px;
}

.circle-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #94C569;
    box-shadow: 0 0 0 0px rgba(148, 197, 105, .5)
}

.analog-circle {
    background: rgba(236, 101, 9, .3);
}

.analog-circle .circle-inner {
    background: #EC6509;
    box-shadow: 0 0 0 0px rgba(236, 101, 9, .5)
}
.list-name a{font-size: 14px;}
.list-name .mui-badge,.sp-list .mui-badge{right:30px;}
.mui-table-view-cell .mui-navigate-right>.badge-left{right: initial;left: 15px;margin-right: 30px;}
.sp-list a:not(.mui-btn){padding-left: 40px;}
.mui-btn-xs{padding: 2px 5px;}
.simulate-title{font-size: 14px;color:#000;white-space: initial;}
.mui-ellipsis{font-size: 12px;margin-top: 10px;line-height: 25px;}
.blue-color{color:#8EBB4A;}
/*.rlt-header{color:#fff;}*/
.rlt-wrapper{background: #c00;height: 300px;position: relative;}
.rlt-box{position: absolute;top: 45px;width: 100%;color:#fff;padding: 2% 5%;}
.exam-time,.sign-score{font-size: 12px;margin:5px;}
.mui-media-object .iconfont{font-size: 30px;color:#666;}
.media-title{color:#000;}
.media-subtitle{font-size: 12px;}
.media-subtitle b{margin:0 2px;}
.danger{color:#c00;}
.mui-segmented-control.mui-scroll-wrapper .range-tab{height: 45px;}
.mui-segmented-control .range-tab .mui-control-item{line-height: 45px;}
.photo-list{border-radius: 50%;overflow: hidden;}
.photo-list img{height: 100%;}
.mgt0{margin-top: 0;}
.my-range{border-bottom: 4px solid #eee;}
.range-cell>a:not(.mui-btn){padding-right: 40px;}
.range-zan-box{position: absolute;right: 5px;top: 10px;width: 35px;text-align: center;}
.zan-count{}
.zaned .iconfont{color:#EA8E1F;}
.renge-number{width: 35px;text-align: center;float: left;margin:4px 0 0;}
.renge-number svg{height: 2.5em;width: 2.5em;}
.no{font-size: 20px;line-height: 2em;}
.tree-node{padding-left: 3em;list-style:circle inside;position: relative;padding-top: 6px;}
.tree-node:before{position: absolute;content: "";width: 1px;display: block;top:0;bottom: 17px;left:1.5em;border-left: 1px dotted #ccc;}
.study-wrapper{padding: 0 15px;}
.node-text{padding: 4px 8px;border:1px solid #ccc;border-radius: 3px;}
.study-item{padding:6px 0;position: relative;}
.study-item:before{position: absolute;height: 1px;content: "";border-top: 1px dotted #ccc;left: -1.5em;display: block;width:1.5em;top:15px;}
.havechild{font-weight: 700;background: #f3f3f3;}
.content-have-btm{padding-bottom: 55px;}
.btm-btns{text-align: center;}
.btm-btns button{margin:0 5px;}
.ditail-title{font-size: 20px;line-height: 26px;}
.header-content-inner p{font-size: 12px;text-align: center;;}
.header-content-inner p span{margin:0 5px;}
.detail-content p{color:#333;}
.chart-table td,.chart-table th{padding: 8px 5px;border:1px solid #ddd;text-align: center;}
.chart-table th{background: #f5f5f5;}
.chart-box{height: 300px;}
.chart-box .pie-chart{height: 100%;width: 95%;margin:0 auto;}
.sign-score-wrapper{width: 195px;height: 195px;margin: 0 auto;position: relative;}
.sign-dot{width: 8px;height: 8px;background: #FEC57F;border-radius: 50%;box-shadow: 0 0 5px rgba(255,255,255,.5);position: absolute;left: -2px;top:50%;z-index: 9;}
.sign-out-circle{width: 192px;height: 192px;border:2px solid #fff;border-radius: 50%;border-width: 2px 0 2px 2px;margin:0 auto;padding: 10px;transform: rotate(45deg);}
.sign-circle{width: 160px;height: 160px;background: #fff;color:#EF9323;text-align: center;border-radius: 50%;background: #fff;box-shadow: 0 0 0 7px rgba(255,255,255,.5);margin:5px auto;transform: rotate(-45deg);}
.sign-circle h2{margin-top: 35px;width: 100%;float: left;}
.sign-date{display: flex;align-items: center;justify-content: center;}
.sign-date li{padding: 0 8px;}
.sign-status{width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #F3B438;color:#fff;text-align: center;}
.sign-status.today{background: #fff;color:#EF9323;}
.sign-list p{text-align: center;font-size: 12px;color:#fff;}
.sign-wrapper{padding-top: 45px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FC7A1E), to(#EC2325)); 
background: -webkit-linear-gradient(top, #FC7A1E, #EC2325); 
background: -moz-linear-gradient(top, #FC7A1E, #EC2325); 
background: -o-linear-gradient(top, #FC7A1E, #EC2325); 
background: -ms-linear-gradient(top, #FC7A1E, #EC2325); }
.get-sign{position: relative;height: 75px;overflow: auto;padding: 8px 0 0;}
.sign-score{color:#fff;}
.sign-count{border-bottom: 4px solid #eee;height: 45px;line-height: 45px;padding: 2px 8px;overflow: hidden;}
.sign-count .pull-right{float: right;}
.pull-right .mui-switch{float: right;margin: 4px 0 0 8px;}
.statistic-jf{width: 85%;margin:8px auto;border-radius: 25px;border-color: #ccc;}
.statistic-jf .mui-control-item{border-color:#ccc;color:#FC7A1E;}
.statistic-jf .mui-control-item.mui-active{background: #FC7A1E;}
.switch-orange.mui-active{background-color: #FC7A1E;border-color:#FC7A1E;}
