/* ?? */
/*.introduction{border:1px solid #ddd}*/
.introduction .itdt_title{font-size:16px;border-bottom:1px solid #ddd}

.introduction .itdt_title .ititle{text-align:left;font-size:16px;font-weight:600}
.introduction .itdt_title .ititle span{position:relative;padding-bottom:4px;border-bottom:2px solid #ed1c24;bottom:3px;padding-right:5px;text-align:left;-webkit-font-smoothing:antialiased}


/* ??? */
#swiper-history{position:relative}
#swiper-history .swiper-container{height:144px;margin:0 40px}
#swiper-history .swiper-slide .wh100p{height:100%;font-size:12px}
#swiper-history .swiper-slide .date{position:relative;height:calc(50% - 7px)}
#swiper-history .swiper-slide .date div{position:absolute;bottom:0;width:100%;text-align:center;padding:0 5px}
#swiper-history .swiper-slide .layui-elem-field{border-width:1px 0 0 0;border-color:#dfdfdf;margin:0;top:7px;height:12px;position:relative}
#swiper-history .swiper-slide .layui-elem-field legend{margin:0;padding:0;text-align:center;width:100%}
#swiper-history .swiper-slide .layui-elem-field legend span{position:absolute;width:12px;height:12px;top:-6px;background:#fff;border:1px solid #dfdfdf}
#swiper-history .swiper-slide .detail{margin-top:10px}
#swiper-history .swiper-slide .detail div{padding:0 15px}
.webkit_bw {-webkit-line-clamp:3}
.ie_bw {max-height:60px}
.ie_bw::after{right:6px}
#swiper-history .swiper-button-next,#swiper-history .swiper-button-prev{background-size:20px auto}

#swiper-history .swiper-slide .layui-elem-field:before{width:50%;border-bottom:1px solid #dfdfdf;content:"";position: absolute;left:0;top:0px}
#swiper-history .swiper-slide .layui-elem-field:after{width:calc(50% - 12px);border-bottom:1px solid #dfdfdf;content:"";position: absolute;right:0;top:0px}

#swiper-history .swiper-slide-prev .layui-elem-field:before{border-bottom:3px solid #ed1c24;top:-1px}
#swiper-history .swiper-slide-prev .layui-elem-field:after{border-bottom:3px solid #ed1c24;top:-1px}
#swiper-history .swiper-slide-active .layui-elem-field:before{border-bottom:3px solid #ed1c24;left:0;top:-1px}
#swiper-history .swiper-slide-active .layui-elem-field legend span{background:#ed1c24;border-color:#ed1c24}
#swiper-history .swiper-slide-prev .layui-elem-field legend span{border:2px solid #ed1c24}

/** swipe ??2??? **/
#memorabilia .swiper-button-prev{margin-top: -18px;left:0px;width:40px;height:40px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%}
#memorabilia .swiper-button-prev:hover{background-position:0 -41px;background-size:100%}
#memorabilia .swiper-button-next{margin-top: -18px;right:0px;width:40px;height:40px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -82px;background-size:100%}
#memorabilia .swiper-button-next:hover{background-position:0 -123px;background-size:100%}

@media only screen and (max-width: 767px) {
    #memorabilia .swiper-button-prev{margin-top: -17px;width:36px;height:36px}
    #memorabilia .swiper-button-next{margin-top: -17px;width:36px;height:36px;background-position:0 -74px;}
    #memorabilia .swiper-button-prev:hover{background-position:0 -37px;outline:none}
    #memorabilia .swiper-button-next:hover{background-position:0 -111px;outline:none}
}

.layui-tab-title .layui-this:after{border-width:0;border-bottom: 3px solid #ed1c24;top:-1px}

/* ????? */
.layui-tab-item .swiper-container{width:100%;margin:15px auto;position:unset}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.layui-tab-item .swiper-slide{opacity:.5}
.layui-tab-item .swiper-slide:hover{opacity:1}
.layui-tab-item .swiper-slide.act{opacity:1}
.layui-tab-item .swiper-pagination > span{text-align:center}
.layui-tab-item .swiper-pagination-bullet{border-radius:unset;width:20px;height:8px}
.layui-tab-item .swiper-pagination-bullet-active{background:#ed1c24}
.layui-tab-item .swiper-slide .img-3d p{color:#adadad;font-size:12px;display:none}

.team-info{background:#f8f8f8;height:240px;position:relative;top:-30px}
.team-info .name{float:left;width:100%;padding-top:10px;font-size:16px;color:#000;font-weight:700;text-align:center}
.team-info .position{text-align:center;color:#adadad}
.team-info p{text-align:center;margin:0 10px;color:#adadad}

/*????*/
.piczi1 {background: url('../images/about/join1.jpg')  no-repeat;background-size: 100% 100%; width: 100%;height: 100%;object-fit: cover;}
.piczi2 {background: url('../images/about/join2.jpg')  no-repeat;background-size: 100% 100%; width: 100%;height: 100%;object-fit: cover;}
.showzi{position: absolute;background: rgb(255 255 255 / 50%); bottom: 0;;font-size: 30px;color: #333;width: 100%;height: 17%;text-align:center; padding-top:10px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.showzi{position: absolute;background: rgb(255 255 255 / 50%); bottom: 0;;font-size: 30px;color: #333;width: 100%;height: 17%;text-align:center; padding-top:5px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.showzi{position: absolute;background: rgb(255 255 255 / 50%); bottom: 0;;font-size: 30px;color: #333;width: 100%;height: 23%;text-align:center; padding-top:5px}
	.joinRDiv{margin-left:0px!important}
}
@media only screen and (max-width: 767px) {
	.showzi{position: absolute;background: rgb(255 255 255 / 50%); bottom: 0;;font-size: 30px;color: #333;width: 100%;height: 55px;text-align:center; padding-top:5px}
}
.picjoin{width: 100%;height:100%;object-fit: cover;}
.zi{font-size: 16pt;font-weight: 600;margin-top:5%;margin-left: 25%;}
.lubotujoin{margin-top:2%;padding-right: 15px;padding-left: 0px}
.joinright{margin-top: -1%;padding-right: 0px;padding-left: 0px}
.joinshixi{height:347px;overflow:auto;margin-left: -5%;}
.sharetitle{left: 10px;border-bottom-style: none;}
.joinbtn{background: #E00320;color: #fff;font-weight: 600;left:38%;margin-top: 3%;}
.joinshareleft{background-color: #fff;}
.joinshareright{cursor:pointer;background-color: #fff;font-size: 25px;float:right;color:#333}
.biankuang{border-color: #fff;}
.input_erweima{text-align: center;border: 0;height: 55px;line-height: 70px; background-color: transparent;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;vertical-align: middle;padding: 0 2em;width: 100%;margin-left: 0%;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;background: #e7f2f8;padding-right:55px;text-overflow:ellipsis}
.dialog_title{font-weight:1000;line-height: 30px;margin: 4% 0px;font-size: 1.425em;}
.dialog_content{display: none;}
.col_min_height{min-height:120px}
.dialog_h3{font-weight: 500; margin-top: 1em; line-height: 1.6666666667;margin-bottom: 0.5555555556em; align-items:center;display:flex;justify-content:center;}
.dialog_h5{font-weight: 550;font-size: 1.425em;line-height: 1.6666666667;margin-bottom: 0.5555555556em; margin-left: 2%;}
.share_item {padding-right: 0px;padding-left: 0px;margin-bottom: 10%;text-align: center;display: inline-block;vertical-align: top;font-size: .875em;cursor: pointer;color: #3f3f3f;}

.layerdemo{border-radius: 20px;}
.layerdemo .layui-layer-title{border-radius: 20px 20px 0 0;}
.input_copy {height: 100%;width: 28%;position: absolute;right: -15px;margin-top:-53px;background: url(//s.onefoundation.cn/s/d.svg) 50% 50% no-repeat;background-size: 18%;cursor: pointer;opacity: 0.5;-ms-filter: "alpha(opacity=50)";filter: alpha(opacity=50);-webkit-transition: opacity .3s;transition: opacity 3s;}
body .layershare{border-radius: 20px;color:black;}
body .layershare .layui-layer-title{border-radius: 20px 20px 0 0;}
.qrcode_join{display:flex;justify-content:center;align-items:center;}
.layui-colla-content, .layui-colla-item{border-top:none;padding-top:-10px}
.zplh{line-height:25px;padding-left:30px;margin-bottom:10px}
.zplhStrong{line-height:25px;font-weight:700;padding-bottom:5px;padding-left:30px}
.layui-colla-title{color:transparent!important;}
.layui-colla-title span{color:#333;margin-left:-20px;z-index:-1}
.layui-layer-content{overflow:hidden!important;}

@media only screen and (max-width: 850px) {
.lubotujoin{margin-top:3%;padding-right: 0px;padding-left: 0px}
.joinright{margin-top: -1%;padding-right: 0px;padding-left: 0px}
}

.mask {
	background: rgba(0, 0, 0, .7);
	z-index: 1010;
	position: fixed;
	width: 100%;
	height: 200%;
	top: 0;
	left: 0;
}

.share_wrap .share_prompt {
	position: fixed;
	top: 45px;
	left: 0;
	width: 100%;
	color: #FFF;
	background-color: #f12030;
	line-height: 2.8;
	font-size: 15px;
	text-align: right;
	z-index: 1011;
}

.share_wrap .share_prompt .icon {
	margin: -2px 20px 0 10px;
}
/* ???? */
/*#donate .layui-tab-content{height:200px;overflow:auto}*/
#donate a{color:#337ab7}
#donate .dinfo p > span{color:#ed1c24}


/* ????? */
.calc{border:1px solid #ddd}
.calc > .before{border-right:1px dashed #ddd}
.calc .calculator-title{text-align:center;font-weight:700;padding:10px;font-size:15px;border-bottom:1px dashed #ddd}
.calc .calculator-box{padding:20px;border-bottom:1px dashed #ddd}
.calc .layui-form-item{margin-bottom:0}
.calc .layui-form-label{width:150px;padding-left:0;padding-right:0}
.calc .layui-input-block{margin-left:150px}
.calc .layui-input-block span{float:left;display:block;padding:9px 0;font-weight:400;line-height:20px;text-align:right}

.calc .after .calculator-box .mylb{background:#eee;border-radius:8px 0 0 8px}
.calc .after .calculator-box .layui-input{border-bottom-left-radius:0;border-top-left-radius:0}
.calc .after .calculator-box .calculateBtn{background:#2E4F8F;float:right}
.calc .after .rst .layui-form-label{width:190px}
.calc .after .rst .layui-input-block{margin-left:190px}
.calc .calculator-result .layui-input-block span{color:#ed1c24}

@media only screen and (max-width: 767px) {
    .calc{border:none}
    .calc > .before{border:1px solid #ddd; margin-bottom: 30px}
    .calc > .after{border:1px solid #ddd}

    .calc .calculator-box .layui-form-item:not(:last-child){margin-bottom:15px}
    .calc .layui-form-label{width:145px;padding-left:0;padding-right:0}
    .calc .layui-input-block{margin-left:145px}

    .calc .calculator-result .layui-form-label{width:180px;padding-left:0;padding-right:0}
    .calc .calculator-result .layui-input-block{margin-left:180px}
    .calc .after .rst .layui-form-label{width:190px}
    .calc .after .rst .layui-input-block{margin-left:190px}
}


/* ???? */
#about .layui-table[lay-skin] td{padding-left:0;padding-right:0}
#about .layui-table td em{font-style:normal;font-size:12px;padding-left:5px;color:#8e8e8e}

@media only screen and (max-width: 600px) {
    #group .layui-tab-title li{padding:0 5px;min-width:60px}
    #group .layui-tab-title .layui-tab-bar{display:none}
    
    .en #group .layui-tab-title li{font-size:12px;}
    .en #group .layui-tab-title li:not(.layui-this){color:#8e8e8e}

}
@media only screen and (min-width: 768px) {
    #swiper-history .team-info{height:200px}
    /*#group .layui-tab-item .swiper-slide .img-3d p{display:inline}*/
}