.tip{position:absolute}
.tip1{margin:67px 0 0 203px}
.tip2{margin:56px 0 0 213px}
.tip-com span{width:25px;height:25px;background:#f5633d;display:block;text-align:center;border-radius:50%;color:#fff;cursor:pointer}
.tip-com div{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;/* transition:all .5s ease; */}
.tip-tool{background:#3f3f3f;color:#fff;padding:7px 22px 12px 15px;border-radius:2px;width:260px;margin:-25px 0 0 34px;box-shadow:1px 1px 6px 0 rgba(0,0,0,0.6);position:relative;transform:scale(0.9);opacity:0}
.tipshow{transform:scale(1);opacity:1}
.tip-tool h5{font-size:14px;margin-bottom:4px;font-weight:400;color:#fff;}
.tip-tool p{margin:0;font-size:12.5px;line-height:16px;color:#c8c8c8}
.tip-tool:before{content:'';position:absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #3f3f3f;top:5px;left:-6px}
.tip-com span{position:relative;box-shadow:0 0 0 0 rgba(232,76,61,0.7);-webkit-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);-moz-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);-ms-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1)}
.tip-com span:hover{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
.close{cursor:pointer;height:12px;opacity:0.3;position:absolute;right:8px;top:8px;width:12px;}
.close:hover{opacity:1;}
.close:before, .close:after{background-color:#fff;content:' ';height:12px;left:5px;position:absolute;width:2px;}
.close:before{transform:rotate(45deg);}
.close:after{transform:rotate(-45deg);}
.mobshow{display:none;}

@-webkit-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@-moz-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@-ms-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@media screen and (max-width:980px) {
.tip1{margin:19% 0 0 59%}
.tip2{margin:14% 0 0 61%}
}
@media screen and (max-width:900px) {
.tip1{margin:16% 0 0 53%}
.tip2{margin:10% 0 0 56%}
}
@media screen and (max-width:850px) {
.tip1{margin:15% 0 0 50%}
.tip2{margin:8% 0 0 53%}
}
@media screen and (max-width:800px) {
.tip1{margin:14% 0 0 47%}
.tip2{margin:6% 0 0 50%}
}
@media screen and (max-width:780px) {
.tip2{margin:4% 0 0 50%}
}
@media screen and (max-width:760px) {
.tip1{margin:19% 0 0 59%}
.tip2{margin:15% 0 0 62%}
}
@media screen and (max-width:730px) {
.tip1{margin:18% 0 0 58%}
.tip2{margin:13% 0 0 60%}
}
@media screen and (max-width:700px) {
.tip1{margin:17% 0 0 55%}
.tip2{margin:11% 0 0 58%}
}
@media screen and (max-width:650px) {
.tip1{margin:16% 0 0 52%}
.tip2{margin:7% 0 0 54%}
}
@media screen and (max-width:600px) {
.tip1{margin:14% 0 0 48%}
.tip2{margin:5% 0 0 50%}
}
@media screen and (max-width:550px) {
.tip1,
.tip2{display:none}
.mobshow{display:block}
}