body{background: #f2f9fe;padding:30px;}
.hide{display:none;}
::-webkit-scrollbar{width: 3px;height:13px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #D9D9D9;}
::-webkit-scrollbar-thumb{border-radius: 3px; background-color: rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #808080;
  transition: background-color 1000s ease-out 0.5s;
}
.kshare_head{font-size:16px;display: flex;justify-content: space-between;align-items: center;font-weight: bold;}
.kshare_head .img{padding-right:15px}
.kshare_head .le{color:#434343;display: flex;align-items: center;}
.kshare_head .h_tip{padding-left: 10px}
.kshare_head .fr{color:#00A0E9;display: flex;align-items: center;cursor:pointer;}
.kshare_set{position:absolute;bottom:30px;right:30px;font-weight: bold;}
.kshare_set .dropmenu{display:none;width: 277px;height: 166px;background: #ffffff;border-radius: 10px;box-shadow: 1px 5px 12px 1px rgb(120 120 120 / 23%);position:absolute;right: 0;bottom: 75px;font-size:15px;color:#333;box-sizing: border-box;padding: 18px 30px;}
.kshare_set .dropmenu li{height:40px;line-height:40px;display:flex;padding: 2px 0;position: relative;}
.kshare_set .dropmenu li .tit{width: 60px;display: block;white-space:nowrap;}
.name{border:none;border-bottom:2px solid #00A0E9;height: 40px;text-align:center;width: 148px;}
.wenben{width: 148px;text-align:center;position:relative;cursor:pointer;}
.wenben:after{transition: all 0.2s;background:url(../img/jiant.png) no-repeat right center;width: 16px;height: 16px;content:"";position: absolute;top:0;bottom:0;right:0;margin: auto;}
.drop_choose{display:none;width: 103px;height: 105px;background: #ffffff;border-radius: 10px;box-shadow: -4px 0px 8px 4px rgba(0,0,0,0.23);position:absolute;z-index: 9;top: 44px;left: 88px;padding: 5px 10px;box-sizing: border-box;overflow: auto;}
.drop_choose p{line-height: 31px;text-align:center;cursor:pointer}
.drop_choose p:hover{color:#00a0e9;}
.drop_choose .sel{background: #00a0e9;color:#fff;}
.drop_choose .sel:hover{color:#fff;}
.zhank .wenben:after{transform: rotateZ(90deg);}
.kshare_shuru{width: 528px;height: 44px;border: 1px solid #dedede;border-radius: 10px;background-color:#fff;padding:0 10px 0 20px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;margin: 20px auto;}
.kshare_shuru input{height:100%;border:none;width:75%;}
.kshare_shuru .button{background: #00a0e9;border-radius: 12px;min-width: 100px;height: 36px;color:#fff;border: none;font-size:16px;cursor:pointer}	
.loader{width: 100px;height: 36px;text-align:center;line-height:36px}		
.loader img{animation: spin 2s linear infinite;margin-top: 3px;}
@keyframes spin{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.kshare_body{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 550px;height: 300px;margin: auto;}
.dev_tit{font-size: 20px;color: #343434;text-align:center;}
.dev_tit .tg{color:#09E728;font-size:14px;position:relative;margin-left: 20px;padding-left: 20px;}
.dev_tit .tg:before{width: 13px;height: 13px;background: #09e728;content:"";position:absolute;border-radius: 50%;top: 0;bottom: 0;margin: auto 0;left:0}
.dev_btn{text-align:center;margin:10px 0}
.dev_btn .button{width: 133px;height: 38px;background: #00a0e9;border-radius: 10px;color:#fff;font-size: 16px;text-align:center;line-height:38px;display:inline-block;margin:20px 15px;cursor:pointer}
.dev_btn .button .tb{width: 20px;height: 20px;display:inline-block;background:url(../img/link.png) no-repeat center;position: relative;top: 3px;margin-right:5px}
.button.red{background: #ff0000;}
.kshare_line{padding:20px 0;}
.kshare_slider{width: 300px;margin: 0 auto;display:flex;justify-content: space-between;align-items: center;}
.demo-slider{width:85%;}
.layui-slider{height:8px;background: #ccc;border-radius: 4px;}
.layui-slider-bar{border-radius: 4px;}
.layui-slider-wrap{top: -15px;}
.layui-slider-wrap-btn{width: 10px;height: 10px;}
.kshare_video{width: 30px;height: 22px;background:url(../img/radio_2.png) no-repeat center;}
.ling .kshare_video{background:url(../img/radio_1.png) no-repeat center;}
.man .kshare_video{background:url(../img/radio_3.png) no-repeat center;}
.kshare_tis{padding-left: 30px;color: #ff0000;position: relative;top: -7px;}
.tis{position: relative;top: -10px;left: 28px;color: #ff0000;}
.container-img {  
    display: flex;  
    justify-content: center; /* 水平居中 */  
    align-items: center; /* 垂直居中 */  
	max-width: 90%;
	height: auto;  
    /* height: 100vh; /* 视口的高度，或你想要的任何高度 */  */
}
.tk_wenzi{position: absolute;top: 83px;left: 149px;background: #ffffff;border-radius: 10px;box-shadow: 1px 5px 12px 1px rgb(120 120 120 / 23%);max-width: 750px;font-size:14px;color: #434343;padding:20px;line-height:30px }  
.tk_wenzi a{color: #00a0e9;padding-left: 10px}