* {
    margin: 0;
    padding: 0;
}
::-webkit-scrollbar{
  width: 0px;
}
html{
    font-size:62.5%;
}
@media screen and (max-width: 320px) {
    html {
        font-size:50%;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size:60%;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size:66.2%;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size:90%;
    }
}
body {
    /*background: #f4f5f7 url('/static/img/web_bg.png') top center no-repeat;*/
    background: #f4f5f7 linear-gradient(190deg, #fff1fe 0%, #f3ebf1 30%, #efe9f1 100%);
    background-size: 100%;
    background-attachment: fixed;
    font-family: "PingFangSC-Medium", "PingFang SC", "PingFangSC-Semibold", "Microsoft Yahei", arial, "Hiragino Sans GB", "Hiragino Sans GB W3", 宋体, simsun;
    font-size:1.4rem;
}
.icon-img{display:inline-block;width:20px;height:20px;vertical-align:middle;
background-size:cover; 
background-position:center;
background-repeat:no-repeat; 
}
.icon-xzqht{background-image:url('/static/img/icons/icon_locate.png');}


.rotate180 {
    -webkit-animation-name: rotate180;
    animation-name: rotate180;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.rotate-180 {
    -webkit-animation-name: rotate-180;
    animation-name: rotate-180;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes rotate180 {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(180deg)
    }
}
@keyframes rotate-180 {
    from {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(0)
    }
}

/* lay reset start */
.layui-layer-setwin .layui-layer-close2{font-size:1.6rem;}
.pop_confirm .layui-layer-btn .layui-layer-btn0{
    border: 1px solid #dedede;
    background-color: #fff;
    color:#333;
}
.pop_confirm .layui-layer-btn .layui-layer-btn1{
    background:#1E9FFF;
    border-color:#1E9FFF;
    color:#fff;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #ff0066 !important;
    background-color: #ff0066;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #ff0066 !important;
}

.layui-form-select dl dd.layui-this{
    background-color: #ff0066 !important;
    color:#fff;
}
.layer-red .layui-layer-title{
    background-color: #ff0066;
    color:#fff;
}

.layui-btn-group-lg .layui-btn:first-child{
    border-left:none!important;
    /*border-top-left-radius:18px !important;*/
    /*border-bottom-left-radius:18px !important;*/
}
.layui-btn-group-lg .layui-btn:last-child{
    /*border-top-right-radius:18px !important;*/
    /*border-bottom-right-radius:18px !important;*/
}
.layui-btn-group-lg .layui-btn-primary{
    border-left:1px solid rgba(0,0,0,.05) !important;
}

.layui-form-pane .layui-input-block,
.layui-form-pane .layui-form-label{
    background-color:rgba(255, 255, 255, .4);
    border-color:transparent !important;
}
.layui-input:hover,
.layui-btn-primary:hover{
    border-color:transparent !important;
    background-color:rgba(255, 255, 255, .8);
}
.layui-btn{
    font-size: 1.4rem;
    height:unset;
    line-height:3.8rem;
    padding:0 1rem;
    border-radius:.3rem;
}
.layui-btn-primary,
.layui-input, 
.layui-select, 
.layui-textarea{
    background-color:rgba(255, 255, 255, .4);
    border-color:transparent;
}
.layui-badge-rim, 
.layui-border, 
.layui-colla-content,
 .layui-colla-item, 
 .layui-collapse, 
 .layui-elem-field, 
 .layui-form-pane 
 .layui-form-item[pane], 
 .layui-form-pane .layui-form-label, 
 .layui-input, 
 .layui-layedit, 
 .layui-layedit-tool, 
 .layui-panel, 
 .layui-quote-nm, 
 .layui-select,
 .layui-tab-bar,
  .layui-tab-card, 
  .layui-tab-title, 
  .layui-tab-title .layui-this:after,
   .layui-textarea{
    border-color:transparent;
}
.layui-textarea:focus,
.layui-input:focus{
    border-color:transparent !important;
}
.layui-badge-dot{
    width: 6px;
    height: 6px;
    vertical-align: text-top;
}
.layui-badge{
    font-size:14px;
    /*height:16px;*/
    /*line-height:14px;*/
    padding:2px 4px;
    border-radius:3px;
    background-color: rgba(255, 102, 138, .1);
    color: #FF668A;
}

.layui-form-radio-mini+.layui-form-radio{
    font-size:18px;
    margin:5px 3px 0 0;
}
.layui-form-radio-mini+.layui-form-radio>i{
    font-size:18px;
    margin-right:4px;
}

.layui-form-checkbox[lay-skin=primary] span{
    padding-right:12px;
}
.layui-form-checkbox>div{white-space:normal;}

.color-status-1,
.layui-form-radio-1+.layui-form-radio,
.layui-form-radio-1+.layui-form-radio>i{
    color:#888;
}

.color-status-2,
.layui-form-radio-2+.layui-form-radio,
.layui-form-radio-2+.layui-form-radio>i{
    color:#6aa84f;
}
.color-status-3,
.layui-form-radio-3+.layui-form-radio,
.layui-form-radio-3+.layui-form-radio>i{
    color:#f1c232;
}

.color-status-4,
.layui-form-radio-4+.layui-form-radio,
.layui-form-radio-4+.layui-form-radio>i{
    color:#cc4125;
}

.paginage-origin{margin:15px auto}
.paginage-origin li{display:inline-block;vertical-align:middle;padding:2px 5px;height:26px;line-height:26px;cursor:pointer;}
.paginage-origin li.active{color:#ff0066;}

/* reset end */
.sup { vertical-align: super; font-size: smaller; } 
.text-center {
    text-align: center;
}

.text-underline {
    text-decoration: underline;
}

.page-title {
    height: auto;
}

.page-logo-img{vertical-align:top;font-size:0 !important;width:0;height:0;outline:none;position:absolute;z-index:-1;left:-9999px;}

.title-main {
    padding-top: .8rem;
    text-align: center;
    font-size:1.8rem;
}

.title-main a:hover {
    color: unset;
}

.title-sub {
    color: #999;
    font-size: 1.3rem;
    text-align: center;
    padding: 0 0 .8rem;
}

.page-body {
    padding-top: 1rem;
    padding-bottom:1rem;
}
.ellipsis {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制文本为2行 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.bg-red {
    background-color: #ff0066;
    color: #fff;
}
.bg-pink {
    background-color: rgba(255,0,102,.3);
    color: #fff;
}

.bg-default,
.bg-default:hover,
.bg-default:active,
.bg-default:focus{
    background-color: #dedede;
    border-color:#dedede;
    color: #333;
}

.bg-danger {
    background-color: #FF5722;
    color: #fff;
}

.bg-blue {
    background-color: #00f;
    color: #fff;
}

.bg-green {
    background-color: #5FB878;
}

.bg-eee{background-color:#eee;}

.bg-red-light {
    background-color: rgba(255, 0, 102, .02);
}

.bg-blue-light {
    background-color: rgba(0, 0, 255, .015);
}

.color-grey {
    color: #999;
}

.color-ccc {
    color: #ccc;
}

.color-ddd {
    color: #ddd;
}

.color-666 {
    color: #666;
}

.color-black {
    color: #333;
}

.color-orange {
    color: #FF5722;
}

.color-red {
    color: #ff0066 !important;
}

.color-red-pure {
    color: #f00 !important;
}

.color-danger {
    color: #ff0000;
}

.color-green {
    color: #5FB878;
}

.color-blue {
    color: #00f;
}
.color-bluesky {
    color: #1296db;
}
.color-white {
    color: #fff;
}

.layui-border-red {
    border-color: #ff0066 !important;
    color: #ff0066 !important;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p15{padding:15px;}
.p20{padding:20px;}
.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bold {
    font-weight: 600;
}
.thin {
    font-weight: 400;
}

.fs10 {
    font-size: 10px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs36 {
    font-size: 36px;
}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.plr50{padding-left:50px;padding-right:50px;}
.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}

.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.mr10 {
    margin-right: 10px;
}

.center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.pointer {
    cursor: pointer;
}

.clear {
    clear: both;
    *zoom: 1;
}

.clear:after {
    content: '\20';
    clear: both;
    *zoom: 1;
    display: block;
    height: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.block{display: block !important;}
.inline-block{display: inline-block !important;}
.v-middle{display:inline-block;vertical-align:middle;}
.v-ttop{display:inline-block;vertical-align:text-top;}
.v-top{display:inline-block;vertical-align:top;}

.pos-r {
    position: relative;
    z-index: 1;
}

.page-topbar {
    line-height: 3.6rem;
    /*height: 36px;*/
    position: relative;
    z-index:2;
    overflow: hidden;
}
.page-topbar-content{
    background:rgba(255,255,255,.4);
    /*border-bottom:1px solid #ddd;*/
    /*position:fixed;*/
    /*z-index:1;*/
    /*left:0;*/
    /*height:35px;*/
    /*right:0;*/
}

.pageLogin .page-topbar {
    visibility: hidden;
}

.arrow{display:inline-block;padding:0 5px;font-family:'fangsong';}
.breadcrumb{
    color:#999;
    font-size: 12px;
}
.breadcrumb .layui-container{}
.breadcrumb a{color:#999;display:inline-block;transition:all .3s}
.breadcrumb a:hover{color:#333;}
.breadcrumb-title{color:#666;position:absolute;top:8px;left:15px;line-height:36px;line-height:20px;}
.breadcrumb-links{display:inline-block;margin-left:0;line-height:20px;padding-top:8px;}

.text-space {
    color: #ccc;
    vertical-align: top;
    padding: 0 3px;
    opacity: .5;
}

.login-btns {
    display: inline-block;
    vertical-align: middle;
}

.radius-10{border-radius:10px;}
.radius-11{border-radius:11px;}

.page-footer {
	padding:1.5rem 0;
    line-height: 1.6rem;
    color: #999;
    text-align: center;
    font-size: 1.2rem;
}
.page-province{
    text-align:center;
    color: #888;
    font-size: 1.2rem;
    line-height:1.6rem;
    font-weight: 400;
    overflow: auto;
    height: 7.2rem;
}
.page-footer .page-link {
    color: #999;
}

.page-footer .page-link:hover {
    color: #999;
}

.page-link-theme {
    color: #ff0066;
    cursor: pointer;
}

.btn-link{
    display:inline-block;
    cursor: pointer;
}

.btn-register {
    margin-bottom: 12px;
}

.input-contact-item {
    display: inline-block;
    width: 33.333%;
}

.page-btn-circle {
    position: fixed;
    z-index: 1;
    bottom: 80px;
    right: 15px;
    width: 60px;
    height: 44px;
    border-radius: 50%;
    background-color: #ff0066;
    line-height: 22px;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    box-shadow: 0 1px 8px 0 rgba(255, 0, 102, .4);
}

.page-btn-circle-add {
    bottom: 110px;
    background-color: #ff0066;
}

.page-btn-circle-sign {
    bottom: 155px;
    background-color: #FD463E;
}

.page-btn-circle:hover {
    color: #fff;
}
.layui-btn.disabled{
    background: #eee;
    cursor: not-allowed;
}

/* 登陆 */

.form-login {
    width: 300px;
    margin: 0 auto;
}

.captcha-wrap {
    cursor: pointer;
    border: 1px dashed #ddd;
    margin: 12px auto 0;
}

.captcha-wrap img {
    width: 100%;
}


/*重置表单*/
.layui-laypage>a:first-child, 
.layui-laypage>a:first-child em {
    border-radius: 6px 0 0 6px;
}
.layui-laypage>a:last-child, 
.layui-laypage>a:last-child em {
    border-radius: 0 6px 6px 0;
}
.layui-form-pane .layui-form-label {
    width: 90px;
    padding: 8px 2px;
}

.layui-form-pane .layui-input-block {
    margin-left: 90px;
}


/* 登陆注册 */

.item-register {
    display: none;
}

.item-register .layui-form-checkbox span {
    padding-right: 0;
}


/*提交报名*/

.form-add .btn-picture {
    margin: 10px;
    border: 2px dashed #ddd;
}
.form-add .btn-picture:hover{
    border-color:#999 !important;
}

.input-rule .layui-form-checkbox span {
    white-space: unset;
    color: #FF5722;
    font-size: 12px;
    line-height: 15px;
}

.fee-sum {
    background: #fcf5f1;
    border: 1px solid #f3d3bd;
    line-height: 28px;
    margin: 8px 8px 0;
    padding: 0 10px;
}

.fee-sum span {
    color: #f16e04;
    font-size: 18px;
    float: right;
}

.fee-btns {
    margin: 8px;
    text-align: center;
}

.fee-btn {
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 46px;
    padding: 20px;
    border: 1px solid #e5e5e5;
}

.fee-btn-zfb {
    margin-right: 10px;
}

.fee-btn.active {
    border-color: #4dabea;
}

.fee-btn.active .check {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 41px;
    height: 41px;
    background: url("/static/img/payment.png") no-repeat;
    background-position: -4px -103px;
}

.fee-btn .icon {
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 46px;
    background: url("/static/img/payment.png") no-repeat;
}

.fee-btn-zfb .icon {
    background-position: -2px -2px;
}

.fee-btn-vx .icon {
    background-position: -2px -53px;
}

.fee-ewx {
    margin: 0 auto;
    text-align: center;
    max-width: 180px;
    max-height: 180px;
}

.fee-ewx img {
    vertical-align: top;
    max-width: 100%;
}

.fee-ewx p {
    margin-bottom: 8px;
}

.form-add .btn-submit-wrap {
    margin: 10px 0 50px 0;
    text-align: center;
}

.layer-cut.layui-layer-dialog .layui-layer-content {
    padding: 0;
    text-align: center;
    vertical-align: top;
}

/*报名列表 1女2男*/
.list-item:hover img{
    /*width:110%;*/
    /*height:110%;*/
    /*filter: blur(8px);*/
    -webkit-transform: scale(1.1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.list-item .contact-kefu {
    display: block;
}

.list-item .contact-gzh {
    text-align: center;
}

.list-suggest{
    margin-bottom: 10px;
}
.list-suggest>a{
    display: block;
    line-height:40px;
    border-radius:10px;
    color:#fff;
    text-align: center;
    font-weight:600;
    background-color:#ff0066;
    /*background-image: -webkit-linear-gradient(135deg,#f9a8c5,#ff0066);*/
}
.list-suggest:nth-child(odd)>a{
    background-image: -webkit-linear-gradient(135deg,#f9a8c5,#ff0066);
}
.list-suggest:nth-child(even)>a{
    background-image: -webkit-linear-gradient(315deg,#f9a8c5,#ff0066);
}

.item-name {
    font-size: 18px;
    font-weight: 600;
}

.item-intro-wrap{
    text-align: center;
    background:#fff;
    padding: 0.5rem .6rem 0.8rem;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
    border-radius: 0 0 4px 4px;
    /*max-height: 46px;*/
    overflow: hidden;
}
.item-intro {
    margin: 0;
    font-size: 1.4rem;
}
.item-info .layui-badge{height:unset;font-size:1.2rem;}
.col-pic>div{
    padding-left:5px;
    text-align: center;
    line-height:3.8rem;
    /*border:2px solid rgba(255, 255, 255, .4);*/
    /*background-color: rgba(255, 255, 255, .4);*/
}
.col-pic .layui-form-checkbox[lay-skin=primary]{
    margin:10px 0;
}
.list-item .btn-manage {
    display: none;
    position: absolute;
    z-index: 3;
    right: 10px;
    bottom: 0;
    bottom: 0;
    line-height: 30px;
}

.list-item:hover .btn-manage {
    display: inline-block;
}

.item-require {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 25px;
}

.item-contact {
    margin-top: 5px;
    color: #999;
}

.item-picture {
    width: 100%;
    height: 180px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    margin: 5px auto 0;
    position: relative;
    z-index: 1;
    background:#fff url('/static/img/jilove-110.gif') center no-repeat;
}
.list-item-horizontal{
	background-color:#fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
	border-radius:4px;
	overflow:hidden;
	display:block;
	position: relative;
	z-index:1;
}
.list-item-horizontal:hover{
	background-color:rgba(255, 255, 255, .4);
}
.list-item-horizontal:hover .list-item-rightcontent{
	padding-left:135px;
}
.list-item-btn{
	position:absolute;
	right:1rem;
	bottom:1rem;
	width:8rem;
	border-radius:20px;
	height:3rem;
	line-height:3rem;
	background-color:rgba(255, 102, 138, .1);
	border-color:rgba(255, 102, 138, .2);
	color:#ff0066;
}
.list-item:hover .list-item-btn,
.list-item-btn:hover{
	color:#fff;
	background-color:#ff0066;
	border-color:#ff0066;
}


.list-item-leftimg{
	width:120px;
	height:120px;
	float:left;
	overflow:hidden;
	cursor: pointer;
	background:#fff url('/static/img/jilove-110.gif') center no-repeat;
}
.list-item-rightcontent{
	padding:5px 10px 10px 130px;
	transition:all .4s;
}


.icon-verified {
    position: absolute;
    width:54px;
    height:50px;
    z-index: 2;
    top: -1px;
    left: -1px;
    color: #ff0066;
    font-size: 40px;
    opacity: 1;
    background: url('/static/img/bg-verify.png') center no-repeat;
    background-size:contain;
}

.item-basic {
    position: absolute;
    z-index: 1;
    bottom: .4rem;
    left:0;
    right:0;
    padding: 0 .8rem;
    line-height:2.6rem;
    font-size:1.2rem;
}
.item-info{margin-top:.3rem;font-size:1.2rem;white-space:nowrap;}
.item-basic .right{margin:0 0 0 5px;}


/* 分页 */
.layui-laypage a, .layui-laypage span{
    height:unset;
    line-height:2.8rem;
    padding:0 1rem;
    font-size:1.2rem;
}
.layui-laypage-prev,
.layui-laypage-next {
    font-family: 'simsun';
}


/* 详情 */

.page-detail {
    margin-bottom: 20px;
    padding: -15px;
}

.hi-text{
    background:#eee;
    padding:5px 10px;
    border-radius:5px;
    margin-bottom:12px;
    cursor: pointer;
}
.hi-text.active{color:#ff0066;}
.hi-text.active .icon-hi-check{
    display:inline-block !important;
}

.moment-box{
    background:#fff;
    background: linear-gradient(190deg, rgba(238,174,202,.2) 0%, rgba(148,187,233,.2) 100%);
    padding:1rem;
    border-radius:.5rem;
    margin:1rem 0 .5rem 0;
    font-size:1.3rem;
}
.detail-pic {
    position: relative;
    z-index: 1;
    border-radius: 4px;
    overflow: hidden;
    vertical-align: top;
    background-color: #DDD;
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 12px;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}
.detail-image{
    width:100%;
    height:100%;
    vertical-align:top;
    object-fit:cover;
}
.detail-btns-hudong .layui-btn{padding:0 6px}

.qrcode-wrap{
    position:absolute;z-index:10;right:3px;bottom:3px;border-radius:3px;overflow:hidden;padding:0;background:#fff;
}
.qrcode-wrap>img,
.qrcode-wrap>canvas{
    border:3px solid #fff;
    border-radius: 3px;
    vertical-align: top;
    /*max-width:100%;*/
    /*max-height:100%;*/
}
.shadow{box-shadow: 0 6px 21px 0 rgba(255, 0, 102, .5);}
.btn-haibao{
    position: absolute;
    top:38px;
    right:3px;
    height:30px;
    width:30px;
    text-align: center;
    line-height:30px;
    border-radius:3px;
    cursor: pointer;
    z-index:10;
    color:rgba(255,255,255,.5);
    background:rgba(0,0,0,.1);
    display: none;
}
.btn-black{
    position: absolute;
    top:3px;
    right:3px;
    height:30px;
    width:30px;
    text-align: center;
    line-height:30px;
    border-radius:3px;
    cursor: pointer;
    z-index:10;
    color:rgba(255,255,255,.6);
    background:rgba(0,0,0,.06);
    display: none;
}

.icon-reommand,
.icon-top{
    position: absolute;
    top:0px;
    left:0px;
    height:40px;
    width:40px;
    z-index:10;
}
.icon-reommand{
    background:url('/static/img/icon_recommand.png') center no-repeat;
    background-size:cover;
}
.icon-top{
    background:url('/static/img/icon_top.png') center no-repeat;
    background-size:cover;
}
.haibaoWrap{
    color:rgba(255,255,255,.8);
    border-radius:0px;
    overflow: hidden;
    position:relative;
    z-index:1;
    background:#f4f5f7;
}
.haibaoWrap-bg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
    /*background: linear-gradient(to top, rgba(255,0,102,.8) 30%, rgba(255,255,255,0) 60%);*/
}

.haibaoWrap-1{}
.haibaoWrap-2{}
.haibao-ct-item{
    color:rgba(255,255,255,.8);
    float:left;
    padding: 1px 5px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    margin: 4px 4px 4px 0;
    border-radius: 11px;
    background: rgba(0,0,0,.5);
}
.haibao-hd-tt,
.haibao-hd-subtt{
-webkit-text-stroke: 1px rgba(255,255,255,.1); /* Safari */
        text-stroke: 1px rgba(255,255,255,.1);
}
.haibao-hd-tt{font-weight:600;font-size:18px;}
.haibao-hd-subtt{font-size:14px;margin:6px 0 10px 0;}


.haibao-ft-box{background:#f4f5f7 url(/static/img/web_bg.png) top left no-repeat;padding:15px 10px;}
.haibao-ft-box .haibao-ft-left{display:inline-block;letter-spacing:3px;}
.haibao-ft-box .j-haibao-ewm{width:70px;height:70px;vertical-align:top;}


.likes-keywords a{
    display:inline-block;
    padding:2px 4px;
    border-radius:10px;
    margin-bottom:3px;
    background-color: #999;
    color:#fff;
    font-size: 12px;
}

.watermark {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .01);
}

.watermark-text {
    font-size: 12px;
    opacity: .6;
    font-weight: 300;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    transform: rotateZ(0deg);
	position: absolute;
	z-index:1;
	left:0;
	right:10px;
}
.watermark-text.water1{bottom:50px;}
.watermark-text.water2{bottom:30px;}
.watermark-text.water3{bottom:10px;}

.user-pic {
    width: 100%;
    height: 100%;
}

.user-require {
    background-color: rgba(255,255,255,.25);
    border: #FFC1C1 dashed 1px;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.user-require-content {
    position: relative;
    z-index: 1;
    word-break:break-word;
    font-size:14px;
}

.bg-heart {
    position: absolute;
    z-index: 0;
    right: 0;
    top: -2px;
    background: url(/static/img/bg-heart.png) no-repeat;
    width: 74px;
    height: 53px;
    opacity: .5;
}

.data-none {
    text-align: center;
    color: #ccc;
    padding: 50px 0;
}

.news-detail p{
    text-indent:25px;
    margin:15px 0;
    line-height:25px;
}
.news-detail img{
    /*max-width:100%;*/
    /*vertical-align:top;*/
}
.member-sale-txt{display:none;}
.detail-record{
    margin:15px auto;
}
.layui-layer-setwin .layui-layer-close2{z-index:999;}
.detail-record .layui-timeline-item{
    padding-bottom:10px;
}
.detail-record .layui-timeline-axis{
    color:#ffc1c1;
}
.detail-record .layui-timeline-item:before{
    background-color:#ffc1c1 ;
}
.detail-record .layui-timeline-title{
    font-size:14px;
    margin-bottom:5px;
}
.detail-record .layui-timeline-text{
    margin:2px auto;
    line-height:20px;
}
.detail-record .layui-icon-delete,
.detail-record .layui-icon-edit{
    vertical-align: -3px;
    color:#999;
    cursor: pointer;
}

.tag-radius{
    padding: 1px 5px;
    text-align: center;
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
    margin: 4px 4px 4px 0;
    display: inline-block;
    border-radius: 12px;
}
.tag-radius-green{
    background-color: rgba(94, 189, 93, .1);
    border:1px solid rgba(94, 189, 93, .2);
    color: #51b755;
}
.layui-badge-sex1 .layui-badge,
.tag-radius-sex1 .tag-radius{
    background-color: rgba(255, 102, 138, .1);
    border:1px solid rgba(255, 102, 138, .2);
    color: #FF668A;
}
.tag-radius-sex1 .tag-radius>*{
    color: #FF668A;
}

.layui-badge-sex2 .layui-badge,
.tag-radius-sex2 .tag-radius{
    background-color: rgba(145,190,250, .1);
    border:1px solid rgba(145,190,250, .2);
    color: #6b67a5;
}
.tag-radius-sex2 .tag-radius>*{
    color: #6b67a5;
}
.tips{
    background: #ffffc4;
    color: #cf8322;
    padding:10px;
    border-radius:5px;
    border:1px solid #fddeb5;
}

/*message*/
.messages{
    padding:0;
    border:1px solid #ddd;
    margin-top:20px;
    border-radius:5px;
}
.message-item{
    background: #fff;
    text-align: left;
    border-bottom:1px solid #ddd;
    padding:10px;
    border-radius:5px;
    overflow: hidden;
    
}
.message-content{
    color:#666;
}
.message-content-3,
.message-content-4{
    color:#888;
}

/*认证*/
.w100{width:100%;}
.wh100{width:100%;height:100%;}
.h16{height:16px;width:auto;}
.h22{height:22px;width:auto;line-height:22px;}
.h24{height:24px;width:auto;}
.h26{height:26px;width:auto;line-height:26px;}
.icon-rz{}
.hasIdVerify{position:relative;z-index:1;}
.hasIdVerify::after{
    content: "";
    z-index: -1;
    position: absolute;
    background: rgba(225, 225, 225, 0.5);
    top: -50%;
    left: 0%;
    bottom: -50%;
    width: 13px;
    transform: translate3d(-200%, 0px, 0px) rotate(30deg);
    animation: 2.5s ease-in-out 0s infinite normal none running barshine;
}
.action_type2,
.action_type3{display:none;}
.btn-rz-msg{position:absolute;right:4px;top:4px;z-index:0;}

.page-member-home .layui-btn{
    padding:0 .5rem;
}
.page-member-home .iconfont,
.page-member-home .layui-icon{
    font-size: 1.6rem;
}
.member-header{
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
.member-header-tools{
    /*position: absolute;*/
    /*z-index:1;*/
    /*right:0;*/
    /*top:-3rem;*/
    text-align: right;
    
}
.member-header-tools .layui-icon{
    font-size:20px;
}
.member-header-imgwrap{
    width:7.5rem;
    height:7.5rem;
    overflow: hidden;
    border-radius: 50%;
    border: #fff .4rem solid;
    box-shadow: 3px 5px 10px rgba(0,0,0,.07);
}
.member-header-imgwrap img{
    width:100%;
    height: 100%;
    vertical-align:top;
}

.member-dot{
    position:absolute;
    z-index:1;
    right:5px;
    top:0;
    color:#ff0066;
    text-align: center;
    font-size:18px;
}
.member-view{
    position: absolute;
    bottom:.1rem;
    right:0;
    left:0;
    z-index:2;
    text-align:center;
    width:unset;
    font-size:1rem;
    color:#f5f5f5;
    line-height:1rem;
    border-radius:1rem;
    background:rgba(0,0,0,.3);
}
.member-header-mask{
 position:absolute;
 top:0;
 right:0;
 left: 0;
 bottom:0;
 z-index:1;
 background:rgba(0,0,0,.6);
 color:#fff;
 text-align:center;
 line-height:1.4rem;
 padding-top:1rem;
 font-size:1rem;
}
.member-namewrap{
    margin-top:1rem;
    margin-left:1.5rem;
    line-height:2.5rem;
    
}
.member-name{
    font-weight:600;
    font-size:16px;
}
.member-header-btn{
    margin-top:2rem;
    
}
.member-header-btn .layui-btn{
    border-radius:19px;
    color:#fff;
    background-image:-webkit-linear-gradient(-45deg,rgba(255,0,102,.5),rgba(255,0,102,.8));
}
.member-btn-view .layui-btn{
    border-radius:1.1rem;
    line-height:2rem;
    padding:0 .8rem;
}
.member-btn-view .btn-listinfo{
    color:#fff;
    background-image: -webkit-linear-gradient(-45deg,#FD9F23,#ff7e00);
}

.btn-grey-border,
.btn-grey-border:hover,
.btn-grey-border:active{
    border-color:#999!important;
    color:#999!important;
}

.btn-green-border,
.btn-green-border:hover,
.btn-green-border:active{
    border-color:#5FB878!important;
    color:#5FB878!important;
}

.line16{line-height:16px;}
.line-through{text-decoration:line-through;}
.payment-card{
    text-align: center;
    color:#fff;
    font-size:16px;
    width: 100%;
    max-width:320px;
    margin: 0 auto 10px;
    border-radius: 30px;
    padding-bottom: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9b677 ), to(#EBD199 ));
    background-image: -webkit-linear-gradient(right, #d9b677 , #EBD199);
    background-image: -moz-linear-gradient(right, #d9b677 , #EBD199 );
    background-image: -ms-linear-gradient(right, #d9b677 , #EBD199 );
    background-image: -o-linear-gradient(right, #d9b677 , #EBD199 );
    background-image: linear-gradient(right, #d9b677 , #EBD199 );
}
.payment-name{
    font-size:26px;
    padding:20px 0 15px;
    font-weight: bold;
    letter-spacing: -1px;
}
.payment-des{
    border-top:1px dashed #ddd;
    border-bottom:1px dashed #ddd;
    padding:20px 0;
    font-size: 15px;
    line-height:28px;
    color: #f9f9f9;
    letter-spacing:-1px;
    background:rgba(255,255,255,.1);
}
.payment-des p{
    /*margin-top:5px;*/
}
.payment-des-redline{
    /*text-align: left;*/
    /*padding:0 35px;*/
}

.payment-price{
    padding:10px 0;
}
.payment-price-old{
    color:#f9f9f9;
    text-decoration: line-through;
}
.payment-btnwarp{
    max-width:320px;
    margin:10px auto 20px;
}
.payment-btnwarp .layui-btn{
    border-radius:18px;
}

.payment-intro{
    font-size: 12px;
    line-height:25px;
    color:#999;
    padding:10px 0;
}

.layer-send-message .title-wrap{
    padding-top:7px;
    line-height:18px;
}

.head-wrap {
    width: 6rem;
    height: 6rem;
    margin: 0 0 0 0;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    border: 1px solid #eee;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, .07);
}

.img-hd {
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.msg-user{
    padding:1rem .8rem;
    background: #fff;
    border-bottom:1px solid #eee;
    display:block;
    position: relative;
    z-index:1;
}
.msg-user-info{
    line-height:2.5rem;
    text-align:left;
    margin:.5rem .2rem .5rem .6rem;
}
.msg-user-name{font-size:1.6rem;}
.msg-user-des{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.msg-user-time{line-height:2rem;font-size:1.2rem;position:absolute;top:.5rem;right:.5rem;}


.msg-chat-body{background:#fff;
    padding:10px;
    border-radius:0 0 10px 10px;
    max-height: -webkit-calc(100vh - 400px);
    max-height: calc(100vh - 400px);
    transition: height linear .35s;
    -webkit-transition: height linear .35s;
    overflow: auto;
    scroll-behavior: smooth;
}
.msg-chat-body-wrap{
    position: relative;
    z-index:1;
    line-height:2rem;
}
.msg-quick-reply{
    padding:1rem 0;
}
.msg-redline-tip{
}
.msg-quick-reply .layui-form-radio:nth-child(1),
.msg-quick-reply .layui-form-radio:nth-child(1)>i {
    color: red !important;
}

.btn-quick-reply{
    font-size:1.2rem;
    display: inline-block;
    /*line-height:1.8rem;*/
    cursor: pointer;
}
.msg-chat-title{padding:10px;font-size:16px;line-height:16px;color:#333;background:#fff;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;}
.msg-chat-item{margin-bottom:20px;}
.msg-chat-name{margin:0 0 5px 15px;padding:0 0 0 60px;}
.msg-chat-content{
    display: inline-block;
    background-color: #DCFBFC;
    margin-left: 15px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    padding: 11px;
    text-align: left;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-width: calc(100% - 105px);
    max-width: -webkit-calc(100% - 105px);
    min-width: 20px;
    min-height: 20px;
    word-wrap: break-word;
}
.msg-chat-item-right .msg-chat-content{
    background-color: #fae8f2;
    margin-left: 0;
    margin-right: 15px;
}

.msg-chat-content:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 13px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 8px solid #DCFBFC;
    border-bottom: 7px solid transparent;
}

.msg-chat-item-right .msg-chat-content:before{
    left: 100%;
    border-right:none;
    border-top: 7px solid transparent;
    border-left: 8px solid #fae8f2;
    border-bottom: 7px solid transparent;
}

.msg-chat-item-right .msg-chat-name{
    margin:0 15px 5px 0;
    padding:0 60px 0 0;
}

.msg-chat-reply{
    position: relative;
    overflow: hidden;
}
.msg-chat-input{
    border-radius:4px;
    
    height:unset;
    min-height:3.8rem;
    line-height:1.9rem;
    
}
.msg-chat-input[disabled]{
    background-color: #eee !important;
    cursor: not-allowed;
    border-color:#ddd !important;
}
.msg-chat-input,
.msg-chat-input:hover,
.msg-chat-input:focus{
    border: 1px solid #ff0066 !important;
}
.msg-chat-btn{
    border-radius:4px;
    margin-top:.5rem;
    padding:0 1.5rem;
    font-size:1.4rem;
    line-height:3.8rem;
}

.page-citys{padding:0 0 20px;}
.link-province{margin:15px 0 3px;}
.link-city{display:inline-block;padding:3px 10px 3px 0;color:#002bc9;}

.hongniang-summary-content{
    background:#fff;
    border-radius:4px;
    text-align:center;
    font-size:1.4rem;
    padding:1rem 0;
}

/*引导分享*/
.layui-skin-nobg{
    background-color:rgba(0,0,0,0) !important;
    position: absolute;
    top:0;
    bottom:0;
    right: 0;
    left: 0;
    z-index:1;
}

.list-lines{
    border:1px solid #ddd;
    border-radius:10px;
    overflow: hidden;
}
.list-line-item{
    display: block;
    
    padding:10px 15px;
    border-bottom:1px solid #eee;
    background: #fff;
}
.list-line-item p{line-height:18px;}
.list-lines .layui-form-switch{margin-top:13px;float:right;}
.list-line-item .icon-right{color:#999;float:right}


.img-wrap{
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
}
#j-pictureWrap .img-wrap{margin-top:4px;}
.img-wrap .img-prev{
    width:100%;
    height:100%;
    vertical-align:middle;
}
.img-wrap .btn-img-del{
    position: absolute;
    z-index:2;
    top:-1rem;
    right:-1rem;
    background:rgba(255,87,34,.6);
    color: #fff;
    border-radius: 50%;
    width:2rem;
    height:2rem;
    line-height:2rem;
    text-align:center;
    cursor: pointer;
    font-size:1.4rem;
}
.upload-item{
    text-align: center;
    display: inline-block;
    width: 8rem;
    height:8rem;
    position:relative;
    z-index:1;
    /*border:2px dashed #ccc;*/
}
.upload-item + .upload-item{
    margin-left:2rem;
}
.upload-item .inner{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding-top:1rem;
    cursor: pointer;
    background:url('/static/img/bg_upload.png') center no-repeat;
    background-size:100%;
}
.upload-item .icon-upload-add{
    font-size:4rem;
    font-weight:400;
    color:#ccc;
}
.upload-item .upload-des{
    color:#aaa;
    line-height:2rem;
    margin-top:1rem;
}

.upload-item .img-wrap{
    position:absolute;
    top:-2px;
    left:-2px;
    right:-2px;
    bottom:-2px;
    z-index:2;
}
.upload-item .img-wrap img{width:100%;height:100%;vertical-align:top;}
.ewmLayer .layui-layer-content{padding:10px 15px;}
.layer-ewm-water{position:absolute;z-index:1;top:48%;left:0;right:0;opacity:.7;color:#ff0066;}

.page-bottombar{
    height:5.6rem;
    margin-top:2rem;
    color:#999;
    font-size:1.4rem;
    text-align: center;
    overflow: hidden;
    
}
.page-bottombar .iconfont{font-size:2.6rem;line-height:2.6rem;}
.bottombar-list{
    background:#fff;
    position: fixed;
    /*height:5.6rem;*/
    border-top:1px solid #eee;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
}
.bottombar-item{
    padding:.8rem 0;
    line-height:2rem;
    width:25%;
    color:#999;
}
.bottombar-item.active{
    color:#ff0066;
}
/*首页导航栏*/
.home-nav-container{padding:0;text-align:center;margin-bottom:10px;background:rgba(255,255,255,.4);border-radius:5px;padding:10px 0;}
/*.home-nav{width:5.4rem;height:5.4rem;line-height:5.4rem;border-radius:50%;background:none;display:block;margin:0 auto;}*/
.home-nav .iconfont{font-size:3rem;color:#fff;color:rgba(255,0,102,.3);/*width:5rem;height:5rem;*/display:inline-block;}
.home-nav-text{font-size:1.2rem;color:rgba(255,0,102,.6);}

.sort-bar{line-height:4.2rem;font-size:1.5rem;font-weight:400;text-align:center;}
.sort-bar-item{display:inline-block;padding:0 0.6rem;position:relative;z-index:1;}
.sort-bar-item-active{color:rgba(255,0,102,.6);}
.sort-bar-item-active::before{content:'';position:absolute;z-index:1;right:1.5rem;left:1.5rem;bottom:0px;height:.6rem;background:rgba(255,0,102,.3);border-radius:3px;}
.sort-bar-item:hover{color:rgba(255,0,102,.7);}

.zhuanti-title{text-align: center;
		margin:10px 0 0;
		background: linear-gradient(190deg, rgba(238, 174, 202, .2) 0%, rgba(148, 187, 233, .2) 100%);
		border-radius:15px 15px 0 0;
		line-height:26px;
}
.zhuanti-title-item{font-size:20px;font-weight:500;color:#333;padding:10px 8px ;border-radius:2px;font-weight:700;}
.zhuanti-content{top: -10px;position: relative;z-index:1;}
.zhuanti-content .item-picture,
.zhuanti-content .item-intro-wrap{border-radius:0;}

/* 智能按钮容器 */
        .ai-btn-container {
            position: relative;
            padding: 0.2rem;
            display: inline-block;
        }
        
        /* 主要按钮样式 */
        .ai-btn {
            position: relative;
            background: linear-gradient(135deg, #165DFF, #36BFFA);
            color: #fff;
            border: none;
            border-radius: 3rem;
            padding: .4rem;
            font-size: 1.4rem;
            font-weight: 500;
            cursor: pointer;
            overflow: hidden;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }
        
        /* 分析中按钮样式 */
        .ai-btn.loading {
            background: linear-gradient(135deg, #4b6ef5, #64b5f6);
            cursor: not-allowed;
        }
        
        /* 图标样式 */
        .ai-btn .icon {
            width: 1.8rem;
            height: 1.8rem;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        /* 加载动画 */
        .loading-icon {
            width: 1.8rem;
            height: 1.8rem;
            border: 0.2rem solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top-color: white;
            animation: spin 1s ease-in-out infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        /* 悬停效果 */
        .ai-btn:not(.loading):hover {
            transform: scale(1.05);
            box-shadow: 0 0 1.5rem rgba(22, 93, 255, 0.6);
        }
        
        /* 点击效果 */
        .ai-btn:not(.loading):active {
            transform: scale(0.98);
        }
        
        /* 光效动画 */
        .ai-btn::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(
                to right,
                rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0.3) 50%,
                rgba(255, 255, 255, 0) 100%
            );
            transform: rotate(30deg);
            animation: shine 3s infinite;
        }
        
        /* 脉冲环效果 */
        .pulse-ring {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 3rem;
            border: 0.2rem solid rgba(22, 93, 255, 0.3);
            animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        }
        
        /* 分析中状态的脉冲效果 */
        .pulse-ring.loading {
            border-color: rgba(100, 181, 246, 0.5);
            animation: pulse-ring-loading 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        }
        
        /* 动画关键帧 */
        @keyframes shine {
            0% {
                transform: translateX(-100%) rotate(30deg);
            }
            100%, 20% {
                transform: translateX(100%) rotate(30deg);
            }
        }
        
        @keyframes pulse-ring {
            0% {
                box-shadow: 0 0 0 0 rgba(22, 93, 255, 0.4);
            }
            70% {
                box-shadow: 0 0 0 1.5rem rgba(22, 93, 255, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(22, 93, 255, 0);
            }
        }
        
        @keyframes pulse-ring-loading {
            0% {
                box-shadow: 0 0 0 0 rgba(100, 181, 246, 0.6);
            }
            70% {
                box-shadow: 0 0 0 1.5rem rgba(100, 181, 246, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(100, 181, 246, 0);
            }
        }
        
        /* 点击反馈效果 */
        @keyframes glow {
            0%, 100% {
                box-shadow: 0 0 1.5rem rgba(22, 93, 255, 0.6);
            }
            50% {
                box-shadow: 0 0 2.5rem rgba(22, 93, 255, 0.8);
            }
        }
        
        .glow {
            animation: glow 0.3s ease;
        }
        
        /* 状态标签 */
        .status-label {
            color: #ccc;
            font-size: 1.4rem;
            text-align: center;
            margin-top: 1rem;
        }


/* =========================================
   无障碍全局修复补丁 (Ghost Overlay)
   ========================================= */

/* 1. 强制显示原生控件，设为透明，并覆盖在 Layui 组件之上 */
/*.layui-form input[type="radio"],*/
/*.layui-form input[type="checkbox"],*/
/*.layui-form select:not([lay-search]) { */
/*    display: block !important;*/
/*    position: absolute !important;*/
/*    opacity: 0 !important; */
/*    z-index: 999 !important;*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*    top: 0;*/
/*    left: 0;*/
/*    cursor: pointer;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    -webkit-appearance: none; */
/*}*/


/*.layui-form-radio, */
/*.layui-form-checkbox, */
/*.layui-form-select {*/
/*    position: relative;*/
/*}*/


/*.layui-form-item .layui-input-block input[type="radio"],*/
/*.layui-form-item .layui-input-block input[type="checkbox"] {*/
/*    width: auto !important; */
/*}*/

/*.layui-form-radio.accessibility-focus,*/
/*.layui-form-checkbox.accessibility-focus,*/
/*.layui-form-select.accessibility-focus .layui-input {*/
/*    outline: 2px solid #5FB878;*/
/*    outline-offset: 2px;*/
/*}*/


/*.layui-input-block select {*/
/*    height: 38px !important;*/
/*}*/

/*.layui-input-block {*/
/*    position: relative;*/
/*}*/

/* ====================================================
   Layui 无障碍增强样式包 (A11y Enhancement)
   ==================================================== */

/* 1. 全局焦点样式：当键盘 Tab 到元素时，显示高亮 */
/* 单选框 & 复选框获焦 */
.layui-form-radio:focus,
.layui-form-checkbox:focus {
    outline: none;
    border-color: #5FB878; /* Layui 绿 */
    box-shadow: 0 0 0 3px rgba(95, 184, 120, 0.3); /* 绿色光晕 */
    border-radius: 2px;
}

/* 下拉框获焦 (实际上是内部的 input 获焦) */
.layui-form-select .layui-select-title input:focus {
    border-color: #5FB878 !important;
    box-shadow: 0 0 0 3px rgba(95, 184, 120, 0.3);
}

/* 2. 修正 Layui 默认屏蔽 focus 的问题 */
.layui-form-radio,
.layui-form-checkbox {
    /* 让 div 元素可以被 focus，但在 JS 注入 tabindex 前不起效 */
    outline: none; 
}