.tool-tip{position:absolute;background:#2bb673;border:2px solid #fff;border-radius:20.5px;text-align:center;line-height:30px;z-index:1800;text-orientation:mixed;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-family:Avenir Next LT W05 Demi;color:#fff}.tip-body{height:250px;width:35px;left:70px;bottom:100px}.tip-body:after,.tip-body:before,.tip-shoot:after,.tip-shoot:before{content:"";position:absolute;display:block;width:0;z-index:1;border-style:solid;border-color:#2bb673 transparent;border-width:22px 12px 0;bottom:-11px;left:50%;margin-left:-12px}.tip-body:before,.tip-shoot:before{border-color:#fff transparent;border-width:22px 12px 0;bottom:-18px;left:50%;margin-left:-12px}.tip-shoot{height:170px;width:35px;left:50%;bottom:165px;transform:translateX(calc(-50% + 10px))}.tip-close{height:175px;width:35px;right:35px;bottom:90px}.tip-close:after,.tip-close:before{content:"";width:0;height:0;position:absolute;border-right:10px solid #2bb673;border-top:10px solid #2bb673;right:8px;bottom:-12px}.tip-close:after,.tip-close:before{border-left:10px solid transparent;border-bottom:10px solid transparent}.tip-close:before{border-right:10px solid #fff;border-top:10px solid #fff;right:6px;bottom:-17px}.tip-angle{height:250px;width:35px;right:70px;top:50%;transform:translateY(calc(-50% - 60px))}.tip-angle:after,.tip-angle:before{content:" ";display:block;position:absolute;bottom:15px;right:-12px;z-index:2;width:0;height:0;overflow:hidden;border:14px solid transparent;border-right:0;border-left-color:#2bb673}.tip-angle:before{bottom:15px;right:-15px;z-index:1;border-left-color:#fff}@media screen and (orientation:landscape){.tool-tip{text-orientation:unset;-ms-writing-mode:unset;writing-mode:unset;font-size:15px}.tip-body{right:90px;width:250px;bottom:75px}.tip-body,.tip-shoot{height:35px;left:unset}.tip-shoot{width:170px;top:50%;right:150px!important;bottom:unset;transform:translateY(-50%)}.tip-body:after,.tip-body:before,.tip-shoot:after,.tip-shoot:before{content:"";position:absolute;display:block;width:0;z-index:1;border-style:solid;border-color:transparent #2bb673;border-width:12px 0 10px 25px;top:unset;right:-12px;left:unset;bottom:4px}.tip-body:before,.tip-shoot:before{border-color:transparent #fff;border-width:12px 0 9px 20px;bottom:4px;right:-17px}.tip-close{width:175px;height:35px;bottom:unset;top:45px;right:80px}.tip-close:after,.tip-close:before{content:"";width:0;height:0;position:absolute;border-left:7px solid #2bb673;border-right:7px solid transparent;border-top:7px solid #2bb673;border-bottom:7px solid transparent;right:-8px;top:9px}.tip-close:before{border-left:7px solid #fff;border-top:7px solid #fff;right:-13px;top:6px}.tip-angle{width:250px;height:35px;top:60px;right:50%;transform:translateX(calc(50% - 60px))}.tip-angle:after,.tip-angle:before{content:" ";display:block;position:absolute;top:-12px;right:20px;z-index:2;width:0;height:0;overflow:hidden;border:14px solid transparent;border-top:0;border-bottom-color:#2bb673}.tip-angle:before{top:-15px;z-index:1;border-bottom-color:#fff}}