/* 上 */
.topNav{width: 100%;height: 80px;background: #f1170d;color: #fff;}

/*
footer
 */
footer{min-height: 380px;padding-bottom: 20px;background: #E6E6E6;}
.foot-top{width: 1060px;margin: 0 auto;padding: 42px 0;}
.foot-top img{width: 60px;height: 60px;margin-right: 18px;float: left;border-radius: 50%;
    overflow: hidden;}
.foot-top span{font-size: 20px;line-height: 60px;}
.foot-bot{width: 1200px;margin: 20px auto;}
.foot-bot li{line-height:25px;}
/*.foot-bot li:before{content: '·';margin-right: 15px;}*/
.foot-bot  label{font-weight:bold;line-height:25px;}
.flex {display: flex;flex-direction: row;justify-content: space-between;}
.flex-start{display: flex;flex-direction: row;justify-content:start;}


/* 左 */
.person-left{float: left;width: 160px;}
/* 右 */
.person-right{margin-left: 160px;overflow: hidden;height: 100%;font-size: 14px;color: #212121;}

/* 我的大模块------- 上导航栏 */
.top-content{width: 1200px;margin: 0 auto;}
.top-nav-logo{position:relative;float: left;display: inline-block;width: 170px;margin-top: 5px;text-align: center;}
.top-nav-logo p:nth-child(1){font-size: 36px;line-height: 48px;}
.top-nav-logo{display: inline-block}
.top-nav-logo p:nth-child(2){font-size: 18px;}
.top-nav-logo:after {content: '';position: absolute;display: block;top: 50%;transform: translateY(-40%);right: -3px;height: 50px;width: 1px;background-color: rgba(255, 255, 255, .4);}
.top-nav-right{margin-left: 170px;padding-left: 20px;height: 100%;}
.top-nav-module{display: inline-block;margin: 9px 0;}
.top-nav-module p{font-size: 20px;line-height: 36px;}
.top-nav-back{display: inline-block;color: rgba(255,255,255,0.6);border: 1px solid rgba(255,255,255,0.6);border-radius: 13px;padding: 4px 18px;}
.top-nav-back:hover{color: #fff;}
.top-nav-select{position: relative;float: right;display: inline-block;}
.top-nav-select input{width: 570px;height: 36px;padding: 0 10px;border-radius: 3px;border:0;}
.top-select-btn{position: absolute;top: 0;right: 0;height: 36px;border: 0;background: #e6e6e6;width: 80px;border-radius: 0 3px 3px 0;}
.top-cart-btn{height: 36px;border: 0;background: #fff;padding: 11px 26px;margin-left: 20px;border-radius: 3px;}
.icon-cart{position:relative;font-size: 18px;vertical-align: middle;}
.has:after{content: attr(data-num);position: absolute;top: -6px!important;left: 10px!important;font-size: 12px;line-height: 14px;min-width: 14px;background: #f1170d;color: #fff;text-align: center;padding: 1px 1px;border-radius: 100%;}

/* 我的大模块------- 左边栏*/
.left-nav {background-color: #fff;font-size: 12px;line-height: 28px;color: #888888;text-align: center;padding:15px 0;}
.left-nav dd{margin-bottom: 24px;}
.left-nav-title{font-size: 14px;font-weight: bold;color: #212121;}
.left-nav .active a{color: #F1170D;}
.left-nav dd a:hover{color: #f1170d}


/* 我的大模块--------- 右边区域 */
.person-right .piece{background: #fff;height: 100%;min-height: 590px;}

.piece-title{color: #212121;font-weight: bold;line-height: 50px;}

.red-tab-nav{height: 34px;background: #f6f6f6;line-height: 34px;}
.red-tab-nav li{display: inline-block;width: 100px;text-align: center;}
.red-tab-nav li a{color: #888;}
.red-tab-nav .active{background: #f1170d;}
.red-tab-nav .active a{color: #fff;}

/* 底色为淡蓝色的提示区域 */
.invoice-tips,.form-result-tips{background: rgba(64,180,244,.05);padding: 17px 12px;}
.invoice-tips p{white-space: pre-line;font-size: 12px;line-height: 17px;}
.form-result-tips{padding: 20px;font-size: 14px;line-height: 26px;}
.form-result-tips .tips-title{font-size: 20px;font-weight: bold;color: #212121;line-height: 20px;}

/* 图片上传后的展示 */
.layui-upload-img{width: 100%;height: 100%;object-fit: cover;}

.dis-flex-y-center{display: flex;align-items: center;}

.upload-btn{background: url(../images/upload.png) no-repeat;background-size: 57px 57px;width: 57px;height: 57px;float: left;margin-top: 0;}
.imgUpload .items{width: 57px;height: 57px;border-radius: 4px;float: left;background: rgba(182, 182, 182, 0.16);position: relative;margin-right: 25px;margin-top: 0;}
.imgUpload .items img{width: 100%;height: 100%;object-fit: cover;}
.imgUpload .items .del{display: inline-block;width: 20px;height: 20px;border-radius: 50%;position: absolute;right: -12px;top: -10px;z-index: 14;text-align: center;line-height: 20px;color: #ccc;font-size: 15px;cursor: pointer;}
.imgUpload .items .del .icon-close:before{
    color: #ccc;
}
.imgMrUpload .mritems{width: 57px;height: 57px;border-radius: 4px;float: left;background: rgba(182, 182, 182, 0.16);position: relative;margin-right: 25px;margin-top: 0;}
.imgMrUpload .mritems img{width: 100%;height: 100%;object-fit: cover;}
.imgMrUpload .mritems .del{display: inline-block;width: 20px;height: 20px;border-radius: 50%;position: absolute;right: -12px;top: -10px;z-index: 14;text-align: center;line-height: 20px;color: #ccc;font-size: 15px;cursor: pointer;}
.imgMrUpload .mritems .del .icon-close:before{
    color: #ccc;
}

/* 文字自动识别分段、换行，识别富文本内容 */
.pre-wrap{white-space: pre-wrap;}

/* *************** 复选框 *************** */
/* 红色方形对勾 复选框 */
.checkbox-table input {width: 14px;height: 14px;margin-top: 0;background-color: #fff;border: 1px solid #D2D2D2;border-radius: 2px;overflow: hidden;text-align: center;line-height: 14px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;outline: none;}

.checkbox-table input:hover {border-color: #f1170d;}

.checkbox-table input:checked {color: #fff;background-color: #f1170d;border: 1px solid #f1170d;}

.checkbox-table input:after {content: "";background: url(../images/checked.png) center no-repeat;background-size: 82%;width: 14px;height: 14px;display: inline-block;}

/* 红色 方形 文字 复选框 */
.text-checkbox input{display: none!important;clip: rect(0, 0, 0, 0);}
.text-checkbox span{color: #40B4F4;padding: 0 15px;height: 24px;line-height: 22px;border: 1px solid #40B4F4;}
.text-checkbox input:checked + span{color: #F1170D;border: 1px solid #F1170D;}

/* *************** 单选框 *************** */
/* 红色方框，右下角对勾 单选框 */
.address-item input {display: none!important;clip: rect(0, 0, 0, 0);}
.address-item label{position: relative;width: 145px;height: 30px;line-height: 26px;text-align: center;vertical-align: top;border: 2px solid #D2D2D2;display: inline-block;font-size: 14px;background: #fff;cursor: pointer;user-select: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;}
.address-item label:hover{border: 2px solid #f1170d;}
.address-item input[type="radio"]:checked + label{border: 2px solid #f1170d;}
.address-item input[type="radio"]:checked + label::before{content: "";width: 0;height: 0;position: absolute;bottom: -2px;right: -2px;border-width: 9px;border-style: solid;border-color: transparent #f1170d #f1170d transparent;}
.address-item input[type="radio"]:checked + label::after{content: "\2714";font-size:10px;transform:scale(0.8);
    color:#fff;position: absolute;bottom:2px;right: -4px;width:16px;height:16px;
    }


/* 基础设置 */
button,a{outline: none;}
button:focus,a:focus{outline: none;}

.fit-content{width: fit-content!important;width: -moz-fit-content!important;width: -webkit-fit-content!important;width: -ms-fit-content!important;width: -o-fit-content!important;}

/* *************** 按钮 *************** */
/* 表格中  *************  文字按钮  ******************* */
.table-text-btn{background: transparent;font-size: 12px;color: #212121;padding: 5px 14px;border: 1px solid transparent;}
.table-active-text-btn{border: 1px solid #F1170D;color: #F1170D;background-color: rgba(241,23,13,.15);border-radius: 2px;}

/* 红色长方形按钮 */
.red-rect-btn{height: 30px;padding: 5px 20px;color: #fff;background: #F1170D;border: 0;}

/* layui  修改 */
/* 表单 */
.layui-form{padding-top: 20px;padding-bottom: 54px;}
.layui-form-label{text-align: left;}
.layui-form-radio>i{color: #b6b6b6;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #F1170D;}
.layui-form-checked[lay-skin=primary] i {border-color: #F1170D!important;background-color: #F1170D;color: #fff;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #F1170D;color: #fff;}
.layui-form-select dl dd.layui-this {background-color: #f1170d;}
.layui-textarea{resize: none;}
.layui-btn{padding: 0 36px;background-color: #F1170D;border-radius: 0;}

/* 表格 */
.layui-table {color: #212121;}
.layui-table, .layui-table-view {margin: 15px 0;}
.layui-table td, .layui-table th{font-size: 12px;text-align: center;}
.layui-table tbody tr:hover, .layui-table thead tr{background-color: #f6f6f6;}

/* layui 弹窗 */
.two-btn .layui-layer-btn .layui-layer-btn0 {border-color: #f1170d!important;background-color: #fff!important;color: #f1170d!important;margin-right: 40px;}
.layui-layer-btn a {height: 34px!important;font-size: 14px;line-height: 34px!important;padding: 0 36px!important;border: 1px solid #f1170d!important;background-color: #f1170d!important;color: #fff!important;}
.cutTop .layui-layer-dialog .layui-layer-content{white-space: pre-wrap;padding: 0 20px 30px!important;}
.layui-layer-btn{padding-bottom: 30px!important;}