@charset "utf-8";
::selection {color:#fff;background-color: #000;}
::-moz-selection {color:#fff;background-color: #000;}
::-webkit-selection {color:#fff;background-color: #000;}
::-webkit-scrollbar {width: 3px;height: 3px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #000;}
/*自定义样式*/
.swiper-button-disabled{ opacity: 0 !important;}
.swiper-button-lock{ opacity: 0 !important;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
button{ cursor: pointer; outline: 0; border: 0; }
.tc_close{ cursor: pointer; }
.draw_h{ width: 4.125rem !important; height: 4.125rem !important;  display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#333;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h:hover .icon{ fill:#0081cc;}
.img_zd>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; display: block;
}
svg{ display: block; }