/*滚动标题*/
.lee-title-touch{height: 1rem; position: relative; width: 100%; overflow: hidden;}
.lee-title-touch .title-best{ position: absolute; left: 0; line-height: 1rem; width: 1rem; text-align: center; z-index: 9999; font-weight: bold;}
.lee-title-touch .title-touch {padding-left: 1rem; padding-right: 0.2rem;}
.lee-title-touch .swiper-slide{width:auto;}
.lee-title-touch a{display: block; padding: 0rem 0rem 0rem 0.1rem; line-height: 1rem; position: relative; font-size: 0.32rem;}
.lee-title-touch a:hover{color: #333;}
.lee-title-touch .active{height: 0.04rem; width: 0.4rem; border-radius: 1px; position: absolute; bottom: 0.14rem;  background: #f00; left: 50%; margin-left: -0.2rem; }

/*滚动子标题*/
.lee-title-touch-sub {height: 0.8rem; overflow: hidden; padding:0.1rem 0.3rem; display: flex; flex-wrap: wrap; }
.lee-title-touch-sub .swiper-slide { width: auto; line-height: 0.6rem; }
.lee-title-touch-sub a{ font-size: 0.24rem; padding-bottom: 0.1rem; }
.lee-title-touch-sub .active, .lee-title-touch-sub a:hover{ border-bottom: 2px solid red;}

/*滚动按钮标题*/
.lee-title-touch-btn {height: 1rem; overflow: hidden; padding-left: 0.3rem; padding-right: 0.3rem; display: flex; flex-wrap: wrap;}
.lee-title-touch-btn .swiper-slide{width:auto; line-height: 1rem;}
.lee-title-touch-btn a{padding: 0.08rem 0.1rem; border-radius: 0.1rem; border: 1px solid #ddd; background: #fff; margin-top: 0.24rem; margin-bottom: 0.24rem;  font-size: 0.24rem; }
.lee-title-touch-btn .active, .lee-title-button a:hover{ background: red; color: #fff; border: 1px solid red;}


/*按钮标题*/
.lee-title-button {height: 1rem; overflow: hidden; padding-left: 0.2rem; padding-right: 0.2rem; display: flex; flex-wrap: wrap; }
.lee-title-button a{padding: 0.04rem 0.1rem; border-radius: 0.1rem; border: 1px solid #ddd; background: #f1f1f1; margin: 0.24rem 0.1rem; font-size: 0.24rem; line-height: 0.4rem; }
.lee-title-button .active, .lee-title-button a:hover{ background: red; color: #fff; border: 1px solid red;}

/*顶部标题*/
.lee-title-head{ height: 1rem; line-height: 1rem; position: relative;}
.lee-title-head .left{width: 1.2rem; text-align: left;  position: absolute; left: 0; top: 0; z-index: 1;}
.lee-title-head .mid{width: 100%; text-align: center; font-size: 0.32rem; z-index: 0;}
.lee-title-head .right{width: 1.2rem; text-align: right;  position: absolute; right: 0; top: 0; z-index: 1;}

/*顶部用户标题*/
.lee-title-head-user{ height: 0.8rem; line-height: 0.8rem; display: flex; justify-content: space-between;}
.lee-title-head-user .user{ width: auto; text-align: left; display: flex; flex-wrap: wrap; padding-top: 0.1rem; max-width: 2rem;}
.lee-title-head-user .user img{ width: 0.6rem; height: 0.6rem; border-radius: 50%; object-fit: cover; }
.lee-title-head-user .user text{ line-height: 0.6rem;  margin-left: 0.2rem; }
.lee-title-head-user .link{ width: auto; text-align: right;}
.lee-title-head-user .link a{ padding: 0 0 0 0.2rem; }

/*顶部微信标题*/
.lee-title-head-wechat{ height: 0.8rem; line-height: 0.8rem; display: flex; justify-content: space-between;}
.lee-title-head-wechat .left{ width: auto; min-width: 1rem; text-align: left;}
.lee-title-head-wechat .right{ width: auto; min-width: 1rem; text-align: right; }
.lee-title-head-wechat .right a{ padding: 0 0 0 0.2rem; opacity:1;}

/*顶部微信标题*/
.lee-title-head-play{ height: 0.8rem; line-height: 0.8rem; display: flex; justify-content: space-between;}
.lee-title-head-play .left{ width: auto; min-width: 1rem; text-align: left;}
.lee-title-head-play .right{ width: auto; min-width: 1rem; text-align: right;}
.lee-title-head-play .right a{ padding: 0 0 0 0.2rem; }

/*通用标题*/
.lee-title-common { height: 1rem; display: flex; justify-content: space-between;}
.lee-title-common .title { width: auto; font-weight: bold;}
.lee-title-common text { border-bottom: 0.04rem solid #fd5d5c; padding-bottom: 0.10rem; padding-top: 0.2rem; font-size: 0.32rem; display: block; width: auto;}
.lee-title-common .more { padding-top: 0.3rem; font-size: 0.24rem; line-height: 0.4rem; padding-left: 0.2rem; width: auto; text-align: right; color: gray;}

/*通用标题样式一*/
.lee-title-one{ height: 1rem; display: flex; justify-content: space-between;}
.lee-title-one .title {line-height: 1rem; width: auto;}
.lee-title-one text {color: #333; font-weight: bold; font-size: 0.32rem;}
.lee-title-one text i{font-weight: normal;}
.lee-title-one span {color: #666; margin-left:0.2rem; font-size: 0.24rem;}
.lee-title-one .more { line-height: 1rem; font-size: 0.24rem; width: auto; padding-left: 0.2rem; text-align: right; color: gray;}

/*TAB标题*/
.lee-title-tab{ height: 1rem; display: flex; justify-content: space-around;}
.lee-title-tab text {width: auto; font-size: 0.32rem; line-height: 0.96rem; font-weight: bold;}
.lee-title-tab .active {border-bottom: 0.04rem solid #F00; color: #F00;}

.lee-title-tab40{ height: 0.76rem; display: flex; justify-content: space-around;}
.lee-title-tab40 text {width: auto; font-size: 0.32rem; line-height: 0.66rem; font-weight: bold;}
.lee-title-tab40 .active {border-bottom: 0.04rem solid #F00; color: #F00;}

/*底部标题*/
.lee-title-foot{ width: 100%; height: 1.2rem; display: flex; justify-content: space-around; border-top: 1px solid #f1f1f1;}
.lee-title-foot text{ width: 20%;  font-size: 0.24rem;}
.lee-title-foot text a{ display: flex; align-items: center; flex-direction: column; color: gray;}
.lee-title-foot text i{ margin: 0.16rem 0 0.1rem 0;}
.lee-title-foot .active a{ color: #f00; }
.lee-title-foot a:hover{color: #f00;}

/*购买按钮 1个图标*/
.lee-title-buy-one { padding: 0 0.3rem 0 0; height: 1.2rem; display: flex; justify-content: space-between; padding-top: 0.2rem;}
.lee-title-buy-one text a { display: flex; height: 1.0rem; align-items: center; flex-direction: column; color: gray;}
.lee-title-buy-one text:first-child { width: 15%; }
.lee-title-buy-one text:nth-child(2) { width: 85%; padding-left: 0rem; }
.lee-title-buy-one button { width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; }

/*半通栏购买按钮*/
.lee-title-buy-two { padding: 0 0.3rem 0 0; height: 1.2rem; display: flex; justify-content: space-between; padding-top: 0.2rem; }
.lee-title-buy-two text a { display: flex; height: 1.0rem; align-items: center; flex-direction: column; color: gray;}
.lee-title-buy-two text:first-child { width: 15%; }
.lee-title-buy-two text:nth-child(2) { width: 15%; }
.lee-title-buy-two text:nth-child(3) { width: 70%; padding-left: 0.1rem; }
.lee-title-buy-two button { width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; }

.lee-title-buy-three { padding: 0 0.3rem 0 0; height: 1.2rem; display: flex; justify-content: space-between; padding-top: 0.2rem; }
.lee-title-buy-three text a { display: flex; height: 1.0rem; align-items: center; flex-direction: column; color: gray;}
.lee-title-buy-three text:first-child { width: 15%; }
.lee-title-buy-three text:nth-child(2) { width: 85%; padding-left: 0rem; display: flex; justify-content: center; }
.lee-title-buy-three button:first-child { width: 50%; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; border-radius: 0.5rem 0 0 0.5rem; background: #ff9602}
.lee-title-buy-three button:nth-child(2) { width: 50%; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; border-radius: 0 0.5rem 0.5rem 0;}

/*购买按钮-通栏*/
.lee-title-buy-tonglan { padding: 0.2rem 0.2rem; height: 1.2rem; }
.lee-title-buy-tonglan i { width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; display: block; }
.lee-title-buy-tonglan button { width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; }

.lee-title-menu-btn{ width: 1rem; height: 1rem;}
.lee-title-menu-btn .close { position: relative; height: 0.5rem;}
.lee-title-menu-btn .close span{ display: block; position: absolute; left: 0.36rem; width: 0.4rem; height: 0.04rem; background: #fff; transition: all 0.3s ease-out 0s;}
.lee-title-menu-btn .close span:first-child {top: 0.34rem; transform-origin: left center; transform: rotate(45deg);}
.lee-title-menu-btn .close span:nth-child(2) {top: 0.48rem; opacity: 0} 
.lee-title-menu-btn .close span:nth-child(3) {top: 0.62rem; transform-origin: left center; transform: rotate(-45deg);}

.lee-title-menu-btn .menu { position: relative; height: 0.5rem;}
.lee-title-menu-btn .menu span{ display: block; position: absolute; left: 0.3rem; width: 0.4rem; height: 0.04rem; background: #fff; transition: all 0.3s ease-out 0s;}
.lee-title-menu-btn .menu span:first-child {top: 0.34rem; transform-origin: left center; transform: rotate(0deg);}
.lee-title-menu-btn .menu span:nth-child(2) {top: 0.48rem} 
.lee-title-menu-btn .menu span:nth-child(3) {top: 0.62rem; transform-origin: left center; transform: rotate(0deg);}