body,html{font-family:"微软雅黑","microsoft yahei", "Helvetica", "Arial", "sans-serif"; padding: 0px; margin: 0px; color: #666; width: 100%; height: 100%; font-size: 14px;}
body,html,div,li,span,*{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;}
li{list-style: none; list-style-type: none;}
/*  红色 f04144  粉色 fc6f6d */

.clearfix{width: 100%; height: 0px; font-size: 0px; clear: both; overflow: hidden;}

.layui_ant_container{width: 100%; height: 100%; min-width: 1200px; overflow: hidden; display: flex;}

/* 左侧菜单 */
.layui_ant_left{ width: 188px; height: 100%; background: #212b47; box-shadow: rgb(0 21 41 / 35%) 2px 0px 6px; user-select: none; transition: all 0.2s linear;}
.lal_box{height: 100%; width: 188px;}

.lal_logo{height: 64px; display: flex; color: #fff; align-items: center; justify-content: center;}
.lal_logo .lal_logo_picture{ padding-right: 5px;}
.lal_logo .lal_logo_picture img{height: 30px;}
.lal_logo .lal_logo_text{height: 30px; line-height: 30px;}
.lal_logo .lal_logo_text span{ font-size:14px; display: block; font-weight: bold;}

.lal_menu{width: 100%;}
.lal_menu .lal_menu_box{width: 100%; cursor: pointer; background: #1e2740;}
.lal_menu .lal_menu_box dt,.lal_menu .lal_menu_box dd{height: 42px; line-height: 42px;}
.lal_menu .lal_menu_box dt,.lal_menu .lal_menu_box dd{ transition: all 0.1s linear;}
.lal_menu .lal_menu_box dt{color: rgba(255, 255, 255, .65); font-size: 14px; position: relative; padding-left: 18px; background: #212b47;}
.lal_menu .lal_menu_box dt:after{content: '\e61a'; font-family: 'layui-icon'; font-weight: bold; position: absolute; right: 20px; top: 0px;transition: all 0.1s linear;}
.lal_menu .lal_menu_box i{width: 30px; text-align: center; display: block; float: left;}

.lal_menu .lal_menu_box dd{height: 0px; line-height: 0px; visibility: hidden; opacity: 0; position: relative;}
.lal_menu .lal_menu_box dd a{display: block; padding: 0px 16px 0px 48px; color: rgba(255, 255, 255, .65);background: #1e2740;}
.lal_menu .lal_menu_box .lal_menu_select a{background: #f04144; color: #fff;}
.lal_menu .lal_menu_box dd div{position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; text-align: center; background: #02aa5c; color: #fff;}
.lal_menu .lal_menu_active dt{color: #fff;}
.lal_menu .lal_menu_active dt:after{transform: rotate(180deg); color: #fff;}
.lal_menu .lal_menu_active dd{height: 42px; line-height: 42px; visibility: visible; opacity: 1;}
.lal_menu .lal_menu_active dd:first-child{padding-top: 4px;}
.lal_menu .lal_menu_active dd:last-child{padding-bottom: 4px;}


.layui_ant_right{width: 100%; position: relative; background: #f6f6f6;}

/* 右侧顶部  transition: all 0.2s linear; */
.layui_ant_head{position: fixed; top: 0px; left: 188px; width: calc(100% - 188px); height: 64px; border-bottom: 1px solid #e8e8e8; background: #f6f6f6; z-index: 100;}
.layui_ant_head .layui_shrink_right,.layui_ant_head .layui_shrink_left{text-align: center; width: 50px; position: absolute; left: 0px; top: 0px; height: 64px; line-height: 64px; font-size: 18px; cursor: pointer;}
.layui_ant_head .layui_home{text-align: center; width: 50px; position: absolute; left: 30px; top: 0px; height: 64px; line-height: 64px; font-size: 20px; cursor: pointer;}.layui_ant_head .layui_home a{display: block; text-indent: -9999px; position: absolute; left: 0px; top: 0px; z-index: 99; width: 100%; height: 64px;}
.layui_ant_head .layui_home:hover:before{color: #f04144;}
.layui_ant_head .layui_shrink_right:hover:before{color: #f04144;}
.layui_ant_head .layui_shrink_left:hover:before{color: #f04144;}
.layui_ant_head .lah_user_nav{line-height: 64px; height: 64px; position: absolute; right: 10px; color: #000; padding-right:32px; cursor: pointer; font-size: 14px;}
.layui_ant_head .lah_user_nav:before{position: absolute; right: 10px; transition: all 0.2s linear;}
.layui_ant_head .lah_user_box{height: 0px; text-align: center; transition: all 0.2s linear; background: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, .15); overflow: hidden; left: 50%; transform: translateX(-50%); position: absolute; top: 64px; width: 80%;}
.layui_ant_head .lah_user_box a{display: block; line-height: 42px; height: 42px; font-size: 14px;}
.layui_ant_head .lah_user_box a:hover{background: #d65154; color: #fff;}
.layui_ant_head .lah_user_nav:hover:before{transform: rotate(180deg);}
.layui_ant_head .lah_user_nav:hover .lah_user_box{height: auto; padding-top: 8px; padding-bottom: 8px;}

.lah_tab{position: absolute; left: 50px; height: 40px; margin-top: 24px; z-index: 99; user-select: none;}
.lah_tab li{float: left; margin-right: 2px; background: #fafafa; border: 1px solid #e8e8e8; border-radius:4px 4px 0px 0px; line-height: 38px; position: relative; border-bottom: none;}
.lah_tab li i{position: absolute; top: 0px; line-height: 40px; width: 25px; text-align: center; color: #999; transition: all 0.2s linear; cursor: pointer; font-weight: bold; font-size: 12px; right: 0px;}
.lah_tab li a{display: block; padding:0px 16px; padding-right: 28px; cursor: pointer;}
.lah_tab li a:hover{color: #fc6f6d;}
.lah_tab li i:hover{color: #333;}
.lah_tab .lah_tab_active{background: #fff; position: relative;}
.lah_tab .lah_tab_active:before{background: #fff; height: 1px; width: 100%; position: absolute; z-index: 1; bottom: -1px; left: 0px; content: ' ';}
.lah_tab .lah_tab_active a,.lah_tab .lah_tab_active a:hover{color: #f04144; font-weight: bold;}

.lal_btn a{color: #fff;}

/* 左侧菜单开关 */
.nav_on .layui_ant_left{width: 50px; transition: all 0.2s linear;}
.nav_on .layui_ant_left .lal_box{width: 50px;}
.nav_on .layui_ant_left .lal_logo_text{display: none;}
.nav_on .lal_logo .lal_logo_picture{padding-right: 0px;}
.nav_on .layui_ant_head{left: 50px; width: calc(100% - 50px); transition: all 0.2s linear;}
.nav_on .layui_ant_location{width: calc(100% - 50px); transition: all 0.2s linear;}
.nav_on .lal_menu .lal_menu_box{position: relative;}
.nav_on .lal_menu .lal_menu_box dt{padding-left: 0px; text-indent: -9999px; width: 100%;}
.nav_on .lal_menu .lal_menu_box dt:after{display: none;}
.nav_on .lal_menu .lal_menu_box i{width: 100%; text-align: center; text-indent: 0px;}
.nav_on .lal_menu .lal_menu_active dd{font-size: 12px; padding-top: 8px; padding-bottom: 8px; overflow: hidden; height: 56px;}
.nav_on .lal_menu .lal_menu_active dd a{height: 48px; line-height: 24px; padding-left: 10px; padding-right: 10px;}



/* 右侧主体 */
.layui_ant_data{position: absolute; top: 120px; bottom: 0px; left: 0px; right: 0px;}
.layui_ant_location{background: #fff; width: calc(100% - 188px); height: 56px; line-height: 56px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%); position: fixed; top: 64px;}
.layui_ant_location span{padding-right: 18px; padding-left: 12px; position: relative; color: #333; display: inline-block;}
.layui_ant_location span:after{content: '/'; position: absolute; right: 0px;}
.layui_ant_location span:first-child{padding-left: 26px; color: #999;}
.layui_ant_location span:last-child:after{content: ' ';}

.layui_ant_content{margin: 16px; background: #fff; padding: 24px;}
.layui_content_foot{height: 1px; width: 100%; overflow: hidden;}
.ant_iframe{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}

/* Table附加样式 */
.class_btn{user-select: none; cursor: pointer;}
.class_btn:hover{color: #ff6600;}

/* 默认样式 */
/* 按钮  */
.ant_btn{background: #f04144; text-shadow:none; box-shadow: none; height: 32px; line-height: 32px; text-align: center; cursor: pointer; font-size: 14px; color: #fff; padding: 0px 12px; overflow: hidden; display: inline-block; border-radius: 5px; user-select: none;}
.ant_btn:hover{ background:#fc6f6d; }
body .ant_btn_small{font-size: 12px; height: 24px; line-height: 24px;}
.ant_black{background: #333;}
.ant_black:hover{background: #666}
.ant_gray{background: #666;}
.ant_gray:hover{background: #999}

/* tabs选项卡  */
.layui_ant_tabs{width: 100%; padding: 0px; color: #666; border-bottom: 1px solid #e8e8e8; position: relative;}
.layui_ant_tabs div{ display:inline-block; height: 56px; line-height: 56px; user-select: none; margin-right: 32px; font-size: 16px; padding: 0px 16px; cursor: pointer;}
.layui_ant_tabs a{display: block;}
.layui_ant_tabs a:hover{color: #fc6f6d;}
.layui_ant_tabs_active a{font-weight: bold; color: #f04144;}
.layui_ant_tabs_line{position: absolute; left: 0px; bottom: -1px; height: 2px; width: 100px; background: #f04144; transition: all 0.2s ease;}

.layui_ant_tabs_content{overflow: hidden; width: 100%; padding-bottom: 28px; padding-top: 10px;}
.ant_cart_list{display: flex; align-items:flex-start; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.ant_cart_box{width: 23.6%; box-shadow: 0px 0px 5px rgba(0, 0, 0, .15); padding: 15px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; border: 1px solid #fff; position: relative; padding-right: 45px; user-select: none;}
.ant_cart_box:hover,.ant_cart_box:hover .ant_cart_add{border:1px solid #f04144; color: #f04144;}
.ant_cart_add{position: absolute; top: 50%; transform: translateY(-50%); right: 15px; border: 1px solid #666; color: #666; border-radius: 5px; cursor: pointer; width: 20px; height: 20px; line-height: 20px; text-align: center;}
.ant_cart_gray{color: #ccc;}
.ant_red_box{box-shadow: 0px 0px 5px rgba(240, 65, 68, .15); color: #f04144; font-weight: bold;}
.ant_cart_none{box-shadow: none; cursor: default;}
.ant_cart_none:hover{border: 1px solid #fff;}

.small_class{padding-top: 18px; width: 100%; overflow: hidden; user-select: none;}
.small_class a{display: inline-block; height: 28px; line-height: 28px; padding-left: 18px; padding-right: 18px; border-radius: 5px; margin-left: 18px; background: #fc6f6d; color: #fff;}
.small_class a:hover,.small_class a.small_active{background: #f04144;}

.products_list{padding-bottom: 12px;}
.products_list span{margin-right: 20px; border: 1px solid #ccc; border-radius: 5px; padding-left: 5px; padding-right: 5px; display: inline-block; margin-bottom: 8px; height: 28px; line-height: 28px; cursor: pointer;}
.products_list span:first-child{border: 1px solid #fff; color: #f04144; font-weight: bold;}
.products_list span:hover{background: #f04144; border: 1px solid #f04144; color: #fff;}

/* layui 默认样式修改  */
body .layui-form-label{width: 120px; user-select: none;}
body .layui-input-block{margin-left: 130px;}
body .layui-table-tips-c{padding: 0px;}
body .layui-form-switch{padding-left: 8px; padding-right: 4px;}


.layui-layer-admin .layui-layer-title {color:#fff;height:50px;line-height:50px;background-color:#191a23;border:0}
.layui-layer-admin .layui-layer-setwin span{color: #fff;}