/* body{height: 2000px;} */
.dev-side-s{position: fixed;right:0px;top:50%;transform: translateY(-50%);user-select: none;width: 34px;height: 165px;background: url(/img/kfzx.png) no-repeat;}
.dev-side-fix{position: fixed;right: 5px;top: 50%;transform: translateY(-50%);user-select: none;}
.dev-side-fix .df-ri{display: flex;flex-direction: row;align-items: center;}
.dev-side-fix .ws-n{white-space: nowrap;}
.dev-side-fix p{margin: 0;padding: 0;}
.dev-side-fix .dev-side-img-li{margin: 2px 0;width: 55px;height: 55px;background: url(/img/img_unselect.png) no-repeat;position: relative;list-style: none;padding: 0;}
.dev-side-fix .dev-side-img-li:hover{background-image: url(/img/img_select.png);}
.dev-side-fix .dev-side-img-li:hover .dev-side-hide-wrap{display: block;}
.dev-side-fix .dev-side-img-li-1{background-position: 0 0;}
.dev-side-fix .dev-side-img-li-2{background-position: 0 -57px;}
.dev-side-fix .dev-side-img-li-3{background-position: 0 -114px;}
.dev-side-fix .dev-side-img-li-4{background-position: 0 -171px;}
.dev-side-fix .dev-side-img-li-5{background-position: 0 -228px;}
.dev-side-fix .dev-side-img-li-6{background-position: 0 -285px;}
.dev-side-fix .dev-side-hide-wrap{position: absolute;right: 55px;top: 50%;transform: translateY(-50%);padding: 10px;display: none;}
.dev-side-hide-wrap .dev-side-hide-box{background-color: #eee;border-radius: 10px;padding: 20px;}
.dev-side-hide-wrap .dev-side-hide-title{margin: 0;}
.dev-side-hide-wrap .dev-phone{white-space: nowrap;margin: 15px 0;}
.dev-side-hide-wrap .dev-name{color: #5F6E8E;margin-right: 20px;}
.dev-side-hide-wrap .dev-item-li{margin: 15px 0;}
.dev-side-hide-wrap .dev-item-li:hover .privew-box{display: block;}
.dev-side-hide-wrap .dev-item-li img{margin-left: 20px;}
.dev-side-hide-wrap .dev-side-hide-ipt{margin: 20px 0;}
.dev-side-hide-wrap .dev-side-hide-ipt input{outline: none;border:0px;padding: 8px;border-radius: 5px;width: 180px;}
.dev-side-hide-wrap .dev-side-hide-ipt textarea{outline: none;border:0px;padding: 8px;border-radius: 5px;overflow: hidden;width: 180px;max-width: 180px;min-width: 180px;}
.dev-side-hide-wrap .dev-side-hide-ipt input::-webkit-input-placeholder, .dev-side-hide-ipt textarea::-webkit-input-placeholder {color: #ccc;}
.dev-side-hide-wrap .dev-side-hide-ipt input:-moz-placeholder, .dev-side-hide-ipt textarea:-moz-placeholder {color:#ccc;}
.dev-side-hide-wrap .dev-side-hide-ipt input::-moz-placeholder, .dev-side-hide-ipt textarea::-moz-placeholder {color:#ccc;}
.dev-side-hide-wrap .dev-side-hide-ipt input:-ms-input-placeholder, .dev-side-hide-ipt textarea:-ms-input-placeholder {color:#ccc;}
.dev-side-hide-wrap .dev-side-hide-btn{background-color: #FF9900;color: #fff;padding: 10px;border-radius: 5px;text-align: center;}
.dev-side-hide-wrap .privew-box{display: none;width: 150px;height: 150px;position: absolute;right: 200px;top: 50%;transform: translateY(-50%);padding: 20px;border-radius: 10px;background-color: #eee;}
.dev-side-hide-wrap .privew-box img{width: 100%;height: 100%;display: block;margin: 0!important;}

.fix-toast-wrap,.fix-loading-wrap{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;}
.fix-toast-title{background-color: rgba(0,0,0,0.4);}
.fix-toast-title{position: absolute;left: 50%;top: 50%;color: #fff;display: inline-block;padding: 5px 20px;border-radius: 10px;max-width: 60vw;transform: translate(-50%,-50%);}
.fix-loading-wrap{background-color: rgba(0,0,0,0.4);}
.fix-loading-box{position: absolute;left: 50%;top: 50%;color: #fff;display: inline-block;transform: translate(-50%,-50%);background-color: rgba(0,0,0,0.6);padding: 20px;border-radius: 10px;text-align: center;}
.fix-loading-box img{animation: run 1.5s linear infinite;}
.fix-loading-box p{margin: 20px 0 0;}
@keyframes run{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}