/*按钮*/
.smlbtn{line-height:22px; padding:0 15px; cursor:pointer; display:inline-block; -webkit-border-radius: var(--br_s);  -moz-border-radius: var(--br_s);  border-radius: var(--br_s); position:relative; z-index:2;}
.midbtn{line-height:30px; padding:0 20px; font-size:14px; cursor:pointer; display:inline-block;-webkit-border-radius: var(--br_s);  -moz-border-radius: var(--br_s);  border-radius: var(--br_s); position:relative;z-index:2;}
.bigbtn{line-height:40px; padding:0 20px;font-size:15px; cursor:pointer; display:inline-block;-webkit-border-radius: var(--br_s);  -moz-border-radius: var(--br_s);  border-radius: var(--br_s); position:relative;z-index:2;}
.smlbtn::before,.midbtn::before,.bigbtn::before{content: ''; display:block; position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.smlbtn:after,.midbtn:after,.bigbtn:after{position: absolute;content: '';top: 0;left: 0;width: 0;height: 100%;z-index: -1;transition: .5s;}
.smlbtn:hover:after,.midbtn:hover:after,.bigbtn:hover:after{width: 100%;filter: hue-rotate(360deg);}

.btnb{ border:var(--blue) 1px solid; color:var(--white); }
.btnb::before{background:var(--blue);}
.btnb:after{background: #07457e;}
/*.btnb:hover{-moz-box-shadow: 0px 0px 5px #07457e; -webkit-box-shadow: 0px 0px 5px #07457e; box-shadow: 0px 0px 5px #07457e;}
*/

.btnb2{ border:var(--blue2) 1px solid; color:var(--white); }
.btnb2::before{background:var(--blue2);}
.btnb2:after{background: #0d5d95;}

.btny{ border:var(--yellow) 1px solid; color:var(--white); }
.btny::before{background:var(--yellow);}
.btny:after{background: #e26518;}

.btnr{ border:var(--red) 1px solid; color:var(--white); }
.btnr::before{background:var(--red);}
.btnr:after{background: #bb0000;}

.btnlv{ border:var(--greed) 1px solid; color:var(--white); }
.btnlv::before{background:var(--greed);}
.btnlv:after{background: #077305;}

.btnlv2{ border:var(--greed2) 1px solid; color:var(--white); }
.btnlv2::before{background:var(--greed2);}
.btnlv2:after{background: #086351;}

.btnz{ border:var(--zise) 1px solid; color:var(--white); }
.btnz::before{background:var(--zise);}
.btnz:after{background: #835e9a;}

.btng{ border:var(--c888) 1px solid; color:var(--white); }
.btng::before{background:var(--c888);}
.btng:after{background: #595959;}