.brotherTips,.tipsword,.selfTips{cursor:pointer;}
.just-tooltip{position:absolute;left:0;top:0;border-radius:5px; margin-top:10px; background:#000;/*display:inline-block;*/z-index:9999;max-width:80%;}
.just-tooltip .just-con{padding:8px 10px;color:#fff;}
.just-tooltip .just-top,
.just-tooltip .just-bottom,
.just-tooltip .just-left,
.just-tooltip .just-right{content:"";position:absolute;width:0;height:0;overflow:hidden;border-style:solid;}
.just-tooltip .just-top{left:50%;top:100%;border-width: 7px 5px 0 5px;margin-left:-5px;border-color: #1B1E24 transparent transparent transparent;_border-color: #1B1E24 #000000 #000000 #000000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.just-tooltip .just-bottom{left:50%;top:-7px;border-width: 0 5px 7px 5px;margin-left:-5px;border-color: transparent transparent #1B1E24 transparent;_border-color:#000000 #000000 #1B1E24 #000000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.just-tooltip .just-left{right:-7px;top:50%;border-width: 5px 0 5px 7px;margin-top:-5px;;border-color: transparent transparent transparent #1B1E24;_border-color:#000000 #000000 #000000 #1B1E24;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.just-tooltip .just-right{left:-7px;top:50%;border-width: 5px 7px 5px 0;margin-top:-5px;border-color: transparent #1B1E24 transparent transparent;_border-color:#000000 #000000 #000000 #1B1E24;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.just-tooltip .just-confirm{text-align:center;padding:10px 0;margin:0 10px 10px 10px;}
.just-tooltip .just-yes, .just-tooltip .just-no{background:#fff;color:#000;border:0;padding:5px 10px;}
.just-tooltip .just-no{margin-left:10px;}
.flipInTop, .flipInBottom .flipInLeft .flipInRight{-webkit-backface-visibility: visible !important;-moz-backface-visibility: visible !important;-o-backface-visibility: visible !important;backface-visibility: visible !important}
.flipInTop, 
.flipInBottom{-webkit-animation-name: flipInUp;-moz-animation-name: flipInUp;-o-animation-name: flipInUp;animation-name: flipInUp;}
.flipInLeft, 
.flipInRight{-webkit-animation-name: flipInRight;-moz-animation-name: flipInRight;-o-animation-name: flipInRight;animation-name: flipInRight;}
.fadeIn{-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;}
.moveTop{-webkit-animation: moveTop .6s ease both;animation: moveTop .6s ease both;}
.moveBottom{-webkit-animation: moveBottom .6s ease both;animation: moveBottom .6s ease both;}
.moveLeft{-webkit-animation: moveLeft .6s ease both;animation: moveLeft .6s ease both;}
.moveRight{-webkit-animation: moveRight .6s ease both;animation: moveRight .6s ease both;}


/*tipsLayout*/
.tipsLayout{position: fixed;display: none;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);z-index: 100;overflow: hidden;z-index: 600}
.tipsLayoutContent{width: calc(400px * var(--device)) ;overflow: hidden;text-align: center;}
.tipsLayoutContent .wordTt{background: var(--blue);color: #fff;padding:calc(10px * var(--device)) calc(20px * var(--device));
line-height:calc(50px * var(--device));
font-size:  calc(30px * var(--device)); width:100%; border-radius: calc(10px * var(--device))  calc(10px * var(--device)) 0 0;}
.tipsLayoutContent .wordTt .img{width:  calc(40px * var(--device));padding-right:  calc(10px * var(--device));}

.tipsLayoutContent .tipsWord{padding:calc(30px * var(--device)) calc(20px * var(--device));color: #000;font-size:  calc(28px * var(--device)); background:#fff;}
.tipsLayoutContent .tipsLayoutczbtn{cursor: pointer;margin: 0 auto;font-size:  calc(26px * var(--device));}
.tipsLayoutContent .ry{width: 100%;height:  calc(20px * var(--device));}
.tipsLayout .tipsLayoutNr{opacity: 0;transform: scale(0);background:#fff;border-radius:  calc(10px * var(--device));-moz-transition: transform 0.4s ease-in-out;-o-transition: transform 0.4s ease-in-out;-webkit-transition: transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out;}
.tipsLayout .tipsLayoutMargin{height: 0px;}
.tipsLayout.atcon .tipsLayoutMargin{height:  calc(50px * var(--device));}
.tipsLayout.atcon .tipsLayoutNr{opacity: 1;transform: scale(1)}
.tipsLayout.atcout .tipsLayoutNr{transform: scale(0.6)}