input::placeholder {color: #aaa !important;}
input::-ms-input-placeholder {color: #aaa !important;}
input::-ms-input-placeholder {color: #aaa !important;}

/* 回到顶部 */
.return-top,.return-bottom{width:64px;height: 64px;font-size: 16px;color:var(--corb08);background-color:var(--corb01);box-shadow:var(--shade02);border-radius:8px;position: fixed;left:50%;padding: 8px 0; margin-left: 830px;cursor: pointer;z-index: 26;}
.return-top{bottom:120px;display: none;}
.return-bottom{bottom:120px;display: none;}
.return-top:hover{background-color:var(--corb03);}
.return-bottom:hover{background-color:var(--corb03);}
.return-arrow{text-align: center;line-height: 20px;}
.up-arrow{width: 16px;height: 20px;margin:0 auto 9px;}
.up-arrow>svg{display:inline-block;vertical-align: middle;}

/* 头部登录 */
.ML-Scroll .header{min-width: 1420px;}
/* -----------------------------------------------主页面------------------------------------------- */
/* 导航栏 */
.HML-TNav{width:798px;margin:40px auto 32px;border-radius:6px;border: 1px solid var(--corb03);padding:3px 2px;font-size:0;height:48px;position: relative;}
.HML-TNav-ul{position: absolute;left:2px;top:3px;}
.HML-TNav-ul li{display:inline-block;vertical-align: top;width:132px;text-align:center;font-size:14px;line-height:40px;height:40px;padding:0 5px;}
.HML-TNav-ul li a{width:100%;height:100%;transition: var(--anims05);-webkit-transition: var(--anims03);display:block;border-radius:4px;}
.HML-TNav-i{display:inline-block;vertical-align:top;padding:7px 2px 0 0;}
.HML-TNav-i .stroke{stroke:var(--corb13);transition: var(--anims03);-webkit-transition: var(--anims03);}
.HML-TNav-i .fill{fill:var(--corb13);transition: var(--anims03);-webkit-transition: var(--anims03);}
.HML-TNav-i svg{display:block;}
.HML-TNav-move{width:122px;height: 40px;background: transparent;border-radius:4px;position: absolute;top:3px;}
.HML-TNav-ul li:hover a{background-color:var(--corb03);}
/* .HML-TNav-ul li:hover a{color:var(--cora07);}
.HML-TNav-ul li:hover .stroke{stroke:var(--cora07);}
.HML-TNav-ul li:hover .fill{fill:var(--cora07);} */
.HML-TNav-ul .HML-TNav-on:hover a{background-color:transparent;}
.HML-TNav-on a{color:var(--cora07);}
.HML-TNav-on a:hover{color:var(--cora07);}
.HML-TNav-on .stroke{stroke:var(--cora07);}
.HML-TNav-on .fill{fill:var(--cora07);}

/* 热点日历 */
.HML-Hotcal{width: 100%;margin: 40px auto 0;padding: 0 10px;}
.HML-Tit{display:block; width: 122px;height: 48px;border-radius: 6px;margin:0 auto;border:1px solid var(--corb03);padding: 4px;font-size: 16px;}
.HML-Tit-bg{width: 100%;height: 100%;background-color: var(--cora01);color: var(--cora07);padding: 6px 10px;line-height: 26px;position: relative;}
.HML-Tit-bg .spa1{width: 100%; display: inline-block;text-align:right;}
.HML-Tit-i{display: inline-block;width:18px;height: 17px;position: absolute;top:9px;left:12px;}
.HML-Hotcal-blo{width: 100%;position: relative;margin: 24px 0 0;}
.HML-Hotcal-blo .HML-H-i{display: inline-block; width: 34px;height: 34px;position: absolute;top:80px;transition: var(--anims03);-webkit-transition: var(--anims03);cursor: pointer;}
.HML-Hotcal-blo .left{left: -50px;}
.HML-Hotcal-blo .right{right: -50px;}
.HML-Hotcal-blo .HML-H-i:hover svg{fill:var(--corb04);}
.HML-Hotcal-ul{ height: 190px;overflow: hidden;}
.HML-Hotcal-list{padding: 10px 0 0;font-size: 0;transition: var(--anims10);-webkit-transition: var(--anims10);}
.HML-Hotcal-li{display: inline-block;font-size: 14px; width: 240px;height: 180px;margin: 0 24px 0 0;}
.HML-Hotcal-nav{transition: var(--anims03);-webkit-transition: var(--anims03);}
.HML-rect-bg{width:90%;margin: 0 auto; height: 10px;background-color: #2fb18c33;border-radius: 0 0 8px 8px;margin-top: -10px;}
/* 悬停显示状态 */
.HML-Hotcal-li:hover .HML-Hotcal-nav{transform: translate(0px,-10px);}
.HML-Hotcal-ul img{width: 100%;height: 100px;border-radius:6px 6px 0 0;}
.HML-HU-info{display: block; width: 100%;height: 80px;border:1px solid var(--corb04);border-top: transparent;background-color:var(--corb01);border-radius: 0 0 6px 6px;padding: 14px 15px 18px 10px;color: var(--corb13);position: relative; transform: translate(0);}
.HML-HU-left{display: inline-block;width: 145px;}
.HML-HU-t1{width: 100%;height: 28px; line-height: 28px; overflow: hidden;}
.HML-HU-t2,.HML-HU-d2{font-size: 12px;color: var(--corb08);line-height: 20px;}
.HML-HU-t2>span{padding: 0 8px 0 0;}
.HML-HU-data{position: absolute;top:10px;right:12px;}
.HML-HU-d1{font-size: 12px;text-align: center;}
.HML-HU-d2{text-align: center;}
.HML-HU-d1>span{font-size: 26px;display: inline-block;}

/* 头部背景图搜索 */
.HML-Search{font-size: 0;min-width: 1420px;background:url('/src/imgs/top_bgs.png') no-repeat left top/cover;padding: 74px 0;position: relative;}
.HML-Search::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,#fff 100%);}
.HML-Search-inp{
	width:600px;
	height:54px;
	margin: 0 auto;
	background:var(--corb01);
	box-shadow:var(--shade03);
	border-radius:6px;
	padding: 0 15px;
	border:1px solid transparent;
	position: relative;
	transition: var(--anims03);
	-webkit-transition: var(--anims03);
	display:flex;
    align-items: center;
    justify-content: space-between;
}
.HML-Search-inp:hover{border-color: var(--corb08);}
/* 搜索框左侧下拉 */
.HMLL-drop{width:93px;position: relative;cursor: pointer;}
.HMLL-drop-a{width: 100%;height: 51px;transition: var(--anims03);-webkit-transition: var(--anims03);}
.HML-drop-tit{display: inline-block; width:64px;color: var(--corb13);font-size: 15px;line-height: 52px;text-align: right;}
.HMLL-drop-i{position: absolute;top: 15px;right: 14px; line-height: 26px;text-align: center;color: var(--corb13);vertical-align: middle;}
.HMLL-drop-i svg{transition: var(--anims03);-webkit-transition: var(--anims03);}
.HMLL-drop-b{width: 108px; height: 164px;position: absolute;top:54px;left:-15px;z-index:10;padding:8px 10px;display:none;margin: -147.5px 0 0;background:var(--corb01);box-shadow:var(--shade03);transition: var(--anims03);-webkit-transition: var(--anims03);border-radius:4px;}
/* 下拉聚焦显示状态 */
.HMLL-drop-on .HMLL-drop-b{display: block;}
.HMLL-drop-on .HMLL-drop-i svg{transform: rotate(180deg);}
.HMLL-drop-b li{font-size: 13px;height: 32px;line-height: 32px;margin: 4px 0;text-align: center;border-radius:4px;}
.HMLL-drop-b li:hover{background:var(--corb03);}
.HMLL-drop-b li:active{background:var(--corb04);}
/* 文本清除按钮 */
.HML-clear{width: 16px;height: 16px; position: absolute; top: 18px;right:48px; background-color: var(--corb07); transition:var(--anims03);-webkit-transition:var(--anims03); stroke:var(--corb01); border-radius:50%;cursor: pointer; pointer-events: all;display: none;}
.HML-clear:hover{ background: var(--corb11);}
/* 清除按钮的显示 */
.HML-clear-0:hover .HML-clear{display: block;}
.HMLL-line{width: 1px;height: 20px;border-left: 1px solid var(--corb07);}
/* 搜索关键词/ID */
.HMLC-inp{width:462px;font-size: 14px;height:32px;padding:0 35px 0 25px;line-height:32px;}
/* 聚焦 */
.HML-Search-inp.logn-focus{border-color:var(--cora07);}
/* 搜索图标 */
.HMLR-sp1{width:16px;height:16px;transition: var(--anims03);-webkit-transition:var(--anims03);cursor: pointer;}
.HMLR-sp1 svg{vertical-align: middle;}
.HMLR-sp1 svg .stroke{stroke: var(--corb13);transition: var(--anims03);-webkit-transition: var(--anims03);}
.HMLR-sp1:hover svg .stroke{stroke: var(--cora07);}
/* 热搜按钮 */
.HML-Search-hot{display: inline-block; width: 100%; height: 22px;font-size: 12px;text-align: center;margin: 30px 0 0;}
.HML-hot-tit{display: inline-block;color: var(--corb01)!important;line-height: 22px;padding: 0 10px 0 0;}
.HML-hot-ul{display: inline-block;line-height: 22px;}
.HML-hot-ul>li{display: inline-block;height: 22px;color: var(--corb11);font-size:12px; background-color:var(--corb01);margin: 0 7px;border-radius: 4px;transition: var(--anims03);-webkit-transition: var(--anims03);}
.HML-hot-ul>li>a{display: inline-block; line-height: 22px; padding:0 8px;}
.HML-hot-ul>li:hover{background-color:var(--corb03);}


/* 详情页内容标题部分 */
.TP-Tits{width: 100%;;margin:0 auto 24px;padding:0 11px;}
.TP-txt{width: 100%; line-height:46px;text-align:center;font-size:20px;border-bottom:1px solid var(--corb04);padding:0 0 24px;}
 .TP-txt .bg{height:4px;border-radius:10px;background-color: var(--cora06);width:160px;margin:0 auto;}
/* --------------------------------------------全文模板公共样式------------------------------------------------ */
/* 中间内容部分---------------------------------------------------- */
.TP-Body{max-width: 1672px;min-width: 1420px;margin: 0 auto; padding:0 75px;}
/* 全文模板 */
.TP-Full{width: 100%;margin:24px auto 0;overflow: hidden;}
.TP-Main{width: 100%; font-size:0;display: inline-block;}
.TP-li{display: inline-block;vertical-align: top;width: 25%;font-size: 14px;padding: 0 11px;margin:0 0 20px 0;}
.TP-Main-I{width: 100%; }
.TP-Main-li{width: 100%; border:1px solid var(--corb07);box-shadow: var(--shade02);border-radius:10px;cursor: pointer;position: relative;padding-top: 134%;}
.TP-count{position: absolute;top:0;left:0;padding:15px;font-size: 0px;background-color: var(--corb01);border-radius:10px;overflow: hidden;z-index:10;transition: var(--anims03);-webkit-transition: var(--anims03);height:100%;}
.TP-li:hover .TP-count{height:calc( 100% - 72px );padding-bottom:0px; border-bottom:transparent;border-radius:10px 10px 0 0;}
.TP-li-img{padding-top:134%;position: relative;}
.TP-li-img img{width: 100%;height:100%;position: absolute;left: 0;top:0;transition: var(--anims03);-webkit-transition: var(--anims03);}
.TP-count>p{width: 100%;height:100%;overflow: hidden;}
.TP-count>p>img{width: 100%;aspect-ratio: 450 / 620;transition: var(--anims04);-webkit-transition: var(--anims04);}
.TP-li-p3{height: 30px;position: absolute;left: 4px;top:0px;cursor: pointer;transition: var(--anims03);-webkit-transition: var(--anims03);font-size: 0px;z-index: 10;}
.TP-li-p3 span{width: 20px;height: 30px;margin-left: 6px;float: left;}
.TP-li-p3 .sp1{background: var(--bgimg02);background-position: -370px -48px;}
.TP-li-p3 .sp2{background: var(--bgimg02);background-position: -10px -88px;}
.TP-li-p3 .sp3{background: var(--bgimg02);background-position: -50px -88px;}
.TP-li-a{display: inline-block;width: 100%;overflow: hidden;border-radius:10px;}
.TP-li-p1, .TP-li-p2, .TP-li-p5{background-color: var(--corb01);box-shadow: var(--shade06);width: 30px;height: 0px;border-radius: 6px;line-height: 28px;text-align: center;position: absolute;overflow: hidden;transition: var(--anims03);-webkit-transition: var(--anims03);z-index: 10;}
.TP-li-p1, .TP-li-p2 {right: 88px;top:0px;}
.TP-li-p5{right: 48px;top:0px;}
/* 模板移入显示状态 */
.TP-li:hover .TP-li-p1,
.TP-li:hover .TP-li-p2,
.TP-li:hover .TP-li-p5,
.TP-li:hover .TP-li-more>p{height:30px;}
.TP-li:hover .TP-li-img img{transform: scale(1.05);}
.TP-li:hover .TP-count img{transform: scale(1.05);}
.TP-li-p1:hover,
.TP-li-p2:hover,
.TP-li-p5:hover{background-color:var(--corb04);}
.TP-li-p1 svg,.TP-li-p2 svg,.TP-li-p5 svg{vertical-align: middle;}
.TP-li-p1 .stroke,
.TP-li-p5 .stroke{stroke: var(--corb13);transition: var(--anims03);-webkit-transition: var(--anims03);}
.TP-li-p1:hover .stroke{stroke: var(--corg01);}
.TP-li-p2 .fill{fill: var(--corg01);transition: var(--anims03);-webkit-transition: var(--anims03);}
.TP-li-tag{width: 100%;height: 72px;padding: 8px 4px;border-radius:0 0 10px 10px;background-color:#F0F0F0;position: absolute;bottom:0;left:0;cursor: auto;}
.TP-li-tag>div{width: 100%;height: 54px;overflow: hidden;}
.TP-li-tag>div span{display: inline-block;width: 100%;height: 100%;padding: 0 9px;}
.TP-li-tag p,
.TP-li-tag a{float: left;font-size: 12px;color:var(--corb11);line-height: 24px;margin: 2px 3px;background-color:var(--corb01);height: 24px;border-radius:2px;cursor: pointer; transition: var(--anims03);-webkit-transition: var(--anims03);}
.TP-li-tag a{display: inline-block;padding:0px 9px;}
/* 标签移入显示状态 */
.TP-li-tag span:hover{background-color:var(--corb03);}
.TP-li-tag a:hover{background-color:var(--corb03);}
.TP-li-tag a:active{background-color:var(--cora06);color:var(--corb03);}
.TP-sug .TP-Main-li{width: 100%;color: var(--corb11);padding-top:134%;position: relative;}
.TP-sug .TP-Main-li>div{width:100%;height:100%;background-color: var(--corb01);position: absolute;left:0;top:0;padding:15px;border-radius: 10px;}
.TP-sug-tit{color: var(--corb13);font-size: 18px;height:8%;padding-left:20px;}
.TP-sug-list{width: 100%;padding: 10px 10px 10px 18px;background-color: var(--corb02);margin:4% 0 0;border-radius: 4px;transition: var(--anims03);-webkit-transition: var(--anims03);font-size: 0;height:28%;}
.TP-sug-list>span{display: inline-block;vertical-align: middle;}
.TP-sug-img{overflow: hidden;width:35.5%;}
.TP-sug-img img{width:100%;height:100%;}
.TP-sug-spa1{width:50%;margin: 0 0 0 16px;font-size: 18px;transition: var(--anims03);-webkit-transition: var(--anims03);}
/* 模板专题显示状态 */
.TP-sug-list:hover{background-color: var(--corb03);}
.TP-sug-list:hover .TP-sug-spa1{color:var(--corb13);}
.TP-sug-list:active{background-color: var(--corb04);}
/* 模板收藏状态 */
.TP-Main-li.coll .TP-li-p1{color:var(--corc04);}
.TP-Main-li.coll .TP-li-p1 .stroke{stroke:var(--corc04);}
.TP-Main-li.coll .TP-li-p1 .stroke{fill:var(--corc04);}


/* 反馈 */
.TP-li-more{position: absolute;right:8px;top:0px;width: 30px;height: 32px;z-index: 10;text-align: center;cursor: pointer;}
.TP-li-more>p{background-color: var(--corb01);box-shadow: var(--shade03);border-radius: 6px;transition: var(--anims03);width: 30px;overflow: hidden;height: 0;}
.TP-li-more svg{display: inline-block;vertical-align: middle;margin-top: 7px;}
.TP-li-more>p:hover{background-color: var(--corb04);}
.TP-li-more .TP-li-more01{width: 108px;}
.TP-li-more .TP-li-more02{width: 146px;display: none;}
.TP-li-more:hover .TP-li-more01{height: 88px;}
.TP-li .TP-li-bg{width: 100%;height: 100%;position: absolute;left:0;top:0;display: none;padding: 15px;}
.TP-li .TP-li-bg div{width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);backdrop-filter: blur(30px);}
.TP-li .TP-li-bg p{color: var(--corb01);font-size: 14px;text-align: left;position: absolute;left:20px;bottom: 20px;}
.TP-li.act01 .TP-li-more .TP-li-more01{display: none;}
.TP-li.act01 .TP-li-more .TP-li-more02{display: block;}
.TP-li.act01 .TP-li-more:hover .TP-li-more02{height: 232px;}
.TP-li.act02:hover .TP-count{height:100%;padding-bottom:15px; border-bottom:transparent;border-radius:10px;}
.TP-li.act02 .TP-li-bg{display: block;}
.TP-li.act02 .TP-li-more{display: none;}
.TP-li.act02:hover .TP-li-img img{transform: scale(1);}
.TP-li.act02:hover .TP-count img{transform: scale(1);}
.TP-li-more>div{background: var(--corb01);box-shadow: var(--shade09);border-radius: 5px;height: 0;overflow: hidden;transition: var(--anims15);position: absolute;right: 0;top:32px;z-index: 10;}
.TP-li-more>div ul{width: 100%;height: 100%;border-radius: 6px;padding: 10px 10px 7px;}
.TP-li-more>div ul li{height: 32px;line-height: 32px;text-align: left;border-radius: 4px;margin-bottom: 4px;transition: var(--anims03);color: var(--corb13);font-size: 14px;padding: 0 10px;cursor: pointer;}
.TP-li-more>div ul li:hover{background-color: #EBF8F4;}

/* ---------------------------------------------单素材公共样式-------------------------------------------------- */
/* 定位布局样式 */
.buju001{height: 50px;outline: 2px solid rgba(255, 150, 0, 0.4);outline-offset: -3px;}
/* 内容部分 */
.STM-cont{width:100%;margin:24px auto 0;font-size:0;}
.STM-cont-ul{width:25%;padding:0 11px;display:inline-block;vertical-align:top;}
.STM-li{position: relative;background-color: #f0f0f0;box-shadow:var(--shade02);margin:0 0 20px;border:1px solid var(--corb07);}
.STM-li>a:hover .STM-li-cont{transform: scale(1.05);}
.STM-li>a{background-color: var(--corb01);padding:15px;cursor: pointer;display:block;overflow: hidden;position: relative;}
/* 第一列图片 */
.STM-li-img{border:none !important;}
.STM-li-img>a{padding:0;overflow: hidden;}
.STM-li-img>a img{width:100%;transition: var(--anims03);-webkit-transition: var(--anims03);}
.STM-li-img:hover img{transform: scale(1.05);}
/* 单样式内容 */
.STM-li-cont{width: 100%;position: relative;background-color: #fff;transition: var(--anims05);}
.STM-li-p1{height: 30px;position: absolute;left: 4px;top:0px;cursor: pointer;transition: var(--anims03);-webkit-transition: var(--anims03);font-size: 0px;}
.STM-li-p1 span{width: 20px;height: 30px;margin-left: 6px;float: left;}
.STM-li-p1 .sp1{background: var(--bgimg02);background-position: -370px -48px;}
.STM-li-p1 .sp2{background: var(--bgimg02);background-position: -10px -88px;}
.STM-li-p1 .sp3{background: var(--bgimg02);background-position: -50px -88px;}
/* 标签 */
.STM-li-tags{padding:10px 2px 4px 8px;}
.STM-li-tags a{display:inline-block;vertical-align:middle;padding:0 8px;height:24px;line-height:24px;margin:0 6px 6px 0;border-radius:2px;background-color: var(--corb01);font-size:12px;color: var(--corb11); transition: var(--anims03);}
.STM-li-tags a:hover{background-color: var(--corb04);}
.STM-li-tags a:active{background-color: var(--cora06);color:var(--corb01);}
/* id,价格，收藏 */
.STM-li-bom{height:32px;font-size:12px;color: var(--corb11);}
.STM-li-bom .p1{float:left;margin-left:16px;cursor: pointer;}
.STM-li-bom div{float:right;margin-right:16px;height:20px;}
.STM-li-bom div p{display:inline-block;cursor: pointer;vertical-align: middle;}
.STM-li-bom .p3{margin:0 0 0 10px;transition:var(--anims03);}
.STM-li-bom .p3 span svg{display:block;}
.STM-li-bom .p3 .stroke{stroke: var(--corb11);transition: var(--anims03);}
.STM-li-bom .p3:hover{color:var(--corc04)}
.STM-li-bom .p3:hover .stroke{stroke:var(--corc04)}
.STM-li.coll .STM-li-bom .p3{color:var(--corc04);}
.STM-li.coll .STM-li-bom .p3 .stroke{stroke:var(--corc04);}
.STM-li.coll .STM-li-bom .p3 .stroke{fill:var(--corc04);}
.STM-li-bom div span{display:inline-block;vertical-align:middle;}
.STM-li-bom .p3 .spa1{margin:0 0 0 2px;}
.STM-li-bom .p4 svg{display:block;}

/* 反馈 */

.STM-li-more{position: absolute;right:8px;top:0px;width: 30px;height: 32px;z-index: 10;text-align: center;cursor: pointer;}
.STM-li-more>p{background-color: var(--corb01);box-shadow: var(--shade03);border-radius: 6px;transition: var(--anims03);width: 30px;overflow: hidden;height: 0;}
.STM-li-more svg{display: inline-block;vertical-align: middle;margin-top: 7px;}
.STM-li-more>p:hover{background-color: var(--corb04);}
.STM-li:hover .STM-li-more>p{height: 30px;}
.STM-li-more .STM-li-more01{width: 108px;}
.STM-li-more .STM-li-more02{width: 146px;display: none;}
.STM-li-more:hover .STM-li-more01{height: 88px;}

.STM-li>a .STM-li-bg{width: 100%;height: 100%;position: absolute;left:0;top:0;display: none;padding: 15px;}
.STM-li>a .STM-li-bg div{width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);backdrop-filter: blur(30px);}
.STM-li>a .STM-li-bg p{color: var(--corb01);font-size: 14px;text-align: left;position: absolute;left:20px;bottom: 20px;}
.STM-li.act01 .STM-li-more .STM-li-more01{display: none;}
.STM-li.act01 .STM-li-more .STM-li-more02{display: block;}
.STM-li.act01 .STM-li-more:hover .STM-li-more02{height: 232px;}

.STM-li.act02>a:hover .STM-li-cont{transform: scale(1);}
.STM-li.act02>a .STM-li-bg{display: block;}
.STM-li.act02 .STM-li-more{display: none;}

.STM-li-more>div{background: var(--corb01);box-shadow: var(--shade09);border-radius: 5px;height: 0;overflow: hidden;transition: var(--anims15);position: absolute;right: 0;top:32px;}
.STM-li-more>div ul{width: 100%;height: 100%;border-radius: 6px;padding: 10px 10px 7px;}
.STM-li-more>div ul li{height: 32px;line-height: 32px;text-align: left;border-radius: 4px;margin-bottom: 4px;transition: var(--anims03);color: var(--corb13);font-size: 14px;padding: 0 10px;cursor: pointer;}
.STM-li-more>div ul li:hover{background-color: #EBF8F4;}