/* =================================================
   企业测名订单中心新版
   history-new.css
   ================================================= */



*{
    box-sizing:border-box;
}


body{

    margin:0;

    padding:0;

    background:#f7f5f2;

    color:#333;

    font-family:
    "Microsoft YaHei",
    Arial,
    sans-serif;

}





/* =========================
   顶部导航
========================= */


.history-header{

    height:50px;

    background:#8b0000;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

}



.history-header h1{

    margin:0;

    font-size:20px;

    font-weight:normal;

}



.history-home{

    position:absolute;

    left:15px;

    top:8px;

    color:#fff;

    font-size:32px;

    text-decoration:none;

    line-height:35px;

}



.history-member{

    position:absolute;

    right:15px;

    top:10px;

    border:1px solid #fff;

    border-radius:5px;

    padding:5px 10px;

    color:#fff;

    text-decoration:none;

    font-size:14px;

}






/* =========================
   banner
========================= */


.history-banner{

    background:#fff;

}


.history-banner img{

    width:100%;

    display:block;

}







/* =========================
   标题
========================= */


.history-title{

    background:#fff;

    padding:15px;

    border-bottom:1px solid #eee;

}



.history-title h2{

    margin:0;

    color:#8b0000;

    font-size:20px;

}



.history-title p{

    margin:8px 0 0;

    color:#888;

    font-size:14px;

}







/* =========================
   状态导航
========================= */


.history-tabs{

    display:flex;

    background:#fff;

    margin-top:10px;

}



.history-tabs a{

    flex:1;

    text-align:center;

    padding:14px 0;

    color:#666;

    text-decoration:none;

    border-bottom:2px solid transparent;

    font-size:15px;

}



.history-tabs a.active{

    color:#8b0000;

    border-bottom:2px solid #8b0000;

    font-weight:bold;

}








/* =========================
   订单列表
========================= */


.history-list{

    padding:12px 0;

}





.order-card{

    background:#fff;

    border-radius:12px;

    margin-bottom:15px;

    padding:15px;

    box-shadow:
    0 2px 10px rgba(0,0,0,.06);

}





.order-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-bottom:1px solid #eee;

    padding-bottom:12px;

}



.order-type{

    font-size:17px;

    color:#333;

    font-weight:bold;

}



.order-icon{

    font-size:22px;

}





.order-status{

    padding:4px 12px;

    border-radius:20px;

    font-size:12px;

}



.order-status.success{

    background:#e9f8ed;

    color:#22963b;

}



.order-status.wait{

    background:#fff1e5;

    color:#e87500;

}







/* =========================
   订单信息
========================= */


.order-info{

    padding:12px 0;

}



.order-info p{

    margin:8px 0;

    font-size:14px;

}



.order-info span{

    display:inline-block;

    width:75px;

    color:#888;

}







.order-number{

    background:#faf7f2;

    padding:10px;

    border-radius:6px;

    font-size:13px;

    color:#777;

}



.order-number strong{

    color:#555;

    font-weight:normal;

}





.order-time{

    margin-top:10px;

    color:#999;

    font-size:13px;

}







/* =========================
   操作按钮
========================= */


.order-action{

    margin-top:15px;

}



.order-action a{

    display:block;

    text-align:center;

    background:#8b0000;

    color:#fff;

    padding:12px;

    border-radius:25px;

    text-decoration:none;

    font-size:15px;

}





.order-action a:active{

    opacity:.8;

}









/* =========================
   空订单
========================= */


.empty-order{

    background:#fff;

    padding:40px 0;

    text-align:center;

    color:#999;

    border-radius:10px;

}









/* =========================
   查询订单
========================= */


.search-box{

    padding:15px 0;

}



.search-box form{

    display:flex;

}



.search-box input{

    flex:1;

    height:42px;

    border:1px solid #ddd;

    border-radius:5px 0 0 5px;

    padding-left:12px;

    font-size:14px;

}



.search-box button{

    width:80px;

    border:0;

    background:#8b0000;

    color:#fff;

    border-radius:0 5px 5px 0;

}









/* =========================
   温馨提示
========================= */


.history-help{

    margin:12px 0;

    background:#fff;

    border-radius:10px;

    padding:15px;

}



.history-help h3{

    margin:0 0 10px;

    color:#8b0000;

}



.history-help p{

    margin:8px 0;

    font-size:14px;

    color:#666;

}



.history-help a{

    display:block;

    margin-top:15px;

    text-align:center;

    background:#eee;

    padding:10px;

    border-radius:20px;

    color:#555;

    text-decoration:none;

}









/* =========================
   推荐模块
========================= */


.history-recommend{

    background:#fff;

    margin:12px 0;

    padding:15px;

    border-radius:10px;

}



.history-recommend h3{

    color:#8b0000;

    margin-top:0;

}



.history-recommend ul{

    margin:0;

    padding:0;

    list-style:none;

}



.history-recommend li{

    padding:10px 0;

    border-bottom:1px solid #eee;

    color:#555;

}






/* =========================
   底部导航
========================= */


.history-footer-nav{

    position:fixed;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:100%;

    max-width:640px;

    height:58px;

    background:#8b0000;

    z-index:9999;

}



.history-footer-nav ul{

    margin:0;

    padding:0;

    display:flex;

    width:100%;

    height:58px;

}



.history-footer-nav li{

    flex:1;

    list-style:none;

    text-align:center;

}



.history-footer-nav a{

    color:#fff;

    text-decoration:none;

    font-size:12px;

}



.history-footer-nav i{

    display:block;

    font-style:normal;

    font-size:22px;

    height:32px;

    line-height:32px;

}



.history-footer-nav .center-btn{

    position:relative;

    top:-18px;

}



.history-footer-nav .center-btn span{

    display:block;

    width:55px;

    height:55px;

    line-height:55px;

    margin:auto;

    background:#fff;

    border-radius:50%;

    color:#8b0000;

    font-size:35px;

    box-shadow:0 0 8px rgba(0,0,0,.2);

}





/* 防止底部遮挡 */

body{

    padding-bottom:90px;

}




.order-action{

    margin-bottom:20px;

}


/* 页面内容宽度统一 */

.history-banner,
.history-title,
.history-tabs,
.history-list,
.history-help,
.history-recommend{

    width:100%;

}



/* =========================
   热门推荐最终覆盖版
========================= */


.public_hot_test{

    margin:12px 0 !important;

    padding:0 !important;

    background:transparent !important;

    border:0 !important;

}



.hot_cs{

    width:100% !important;

    background:#fff !important;

    border-radius:14px !important;

    padding:15px !important;

    box-sizing:border-box;

    box-shadow:
    0 2px 10px rgba(0,0,0,.06);

    border:0 !important;

}




.hotcs_title{

    margin:0 0 15px !important;

    padding:0 !important;

    color:#8b0000 !important;

    font-size:18px !important;

}



.hotcs_list{

    margin:0 !important;

    padding:0 !important;

}



.hotcs_item{

    width:100% !important;

    display:flex !important;

    align-items:center;

}



.hotcs_item .l_img{

    width:90px !important;

    height:90px !important;

    border-radius:12px;

    object-fit:cover;

}



.hotcs_item .r_wrap{

    flex:1;

    margin-left:15px;

}



.r_deriction{

    margin:0 !important;

    font-size:18px !important;

    line-height:1.5;

}



.r_foot{

    display:flex !important;

    justify-content:space-between;

    margin-top:12px;

}




/* 去掉旧系统外框 */

.public_hot_test:before,
.public_hot_test:after,
.hot_cs:before,
.hot_cs:after{

    display:none !important;

}


/* =========================
   清理热门推荐下面空白模块
========================= */


.rmcsbox{

    display:none !important;

}



.zcdgbox{

    display:none !important;

}