/*tem23-button*/
.tem23-button{position:relative;z-index:1;}
.tem23-button .full-screen .interval{padding:0 15px;}
.tem23-button::before{content:"";position:absolute;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,.1);left:-100%;top:0;transition:all .4s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;}
.tem23-button:hover::before{left:0;}
.tem23-button .more{text-align:center;}
.tem23-button .more a{color:#fff;position:relative;display:block;}
.tem23-button .more a span{font-size:14px;border:1px solid;border-color:inherit;border-radius:50%;display:block;text-align:center;line-height:34px;height:34px;width:34px;position:absolute;left:-10px;top:-7px;-o-transition:all 0.35s ease-out 0s;
-moz-transition:all 0.35s ease-out 0s;
-ms-transition:all 0.35s ease-out 0s;
-webkit-transition:all 0.35s ease-out 0s;
transition:all 0.35s ease-out 0s;
-moz-transform:translateX(10px);
-ms-transform:translateX(10px);
-webkit-transform:translateX(10px);
transform:translateX(10px);}
.tem23-button .more a > div{position:relative;width:auto;display:inline-block;border-color:#fff;}
.tem23-button .more a > div::before{content:"";position:absolute;width:30px;height:1px;left:-12px;top:10.5px;border-top:1px solid;border-color:inherit;-o-transition:all 0.35s ease-in 0s;
-moz-transition:all 0.35s ease-in 0s;
-ms-transition:all 0.35s ease-in 0s;
-webkit-transition:all 0.35s ease-in 0s;
transition:all 0.35s ease-in 0s;}
.tem23-button .more a b{font-size:16px;padding-left:50px;display:block;font-weight:normal;line-height:20px;}
@media (max-width:1024px){
.tem23-button .more a > div::before{top:11px;}
}
@media (max-width:768px){
.tem23-button .more a{padding:10px 0;}
.tem23-button .interval{padding: 0 3%}
}
@media (max-width:360px){
.tem23-button .more a span{width:32px;height:32px;line-height:32px;}
.tem23-button .more a b{font-size:14px;}
.tem23-button .more a > div::before{top:10px;}
}