.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;}

/*ϵͳÌáʾ²ã*/
.div_System_Tips{position: fixed;top: -100px;width: 100%;text-align: center;z-index: 9999;}
.div_System_Tips .word{background: #2299ee;position: absolute;color: #fff;display: inline-block;padding: 15px 25px;font-size: 15px;-moz-box-shadow: 0px 0px 5px #333333;-webkit-box-shadow: 0px 0px 5px #333333;box-shadow: 0px 0px 5px #333333;}
.div_System_Tips .word:before{font-family: FontAwesome;content: '\f129';margin-right: 5px;}
.div_System_Tips .word.down{margin-top: 150px;}
#Tc_System_Close_TS{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 9998;}
#Tc_System_Close_TS .tcLayoutBox{width: 500px;margin: 0 auto;}
#Tc_System_Close_TS .tcLayoutBox .tcLayout_main{padding: 30px 30px;position: relative;line-height: 20px;font-size: 15px;}
#Tc_System_Close_TS .tcLayoutBox .tcLayout_main:before{display: block;position: absolute;color: #ff6a00;line-height: 20px;font-family: FontAwesome;content: '\f129';top: 30px;left: 20px;}

/*actionLayout*/
.actionLayout{position: fixed;display: none;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);z-index: 500;}
.actionLayout .actionContentRq{width: 520px;border-radius: 10px;overflow: hidden;}
.actionLayout .wordTt{background: var(--site-colorB);color: #fff;padding: 10px 20px;font-size: 15px;}
.actionLayout .wordTt .img{width: 30px;padding-right: 10px;}
.actionLayout .wordHtml{padding: 10px;background: #fff;font-size: 16px;line-height: 1.5;}
.actionLayout .wordHtml .tt{color: #666;}
.actionLayout .wordAction{padding: 10px 50px;border-top: 1px #ddd solid;background: #fff;}
.actionLayout .wordAction-btn{height: 70px;font-size: 30px;line-height: 70px;width: 40%;text-align: center;color: #fff;}
.actionLayout .actionContentNr{transform: scale(0);opacity: 0;}
.actionLayout.atcshow .actionContentNr{transform: scale(1);opacity: 1;}
.actionLayout.atchide .actionContentNr{transform: scale(0);}
.actionLayout .czbtn{font-size:16px; padding:0 20px; line-height:32px;}

/*tipsLayoutFade*/
.tipsLayoutFade{text-align: center;position: fixed; top: -50px;  width: 100%; left: 0; }
.tipsLayoutFade .word{padding:10px 20px; text-align:center; min-width:200px; background:var(--yellow);border:1px var(--yellow) solid;border-radius: 35px;color: #000;font-size: 16px ;-webkit-animation: shadow-yellow0 2s infinite ease;animation: shadow-yellow0 2s infinite ease;}
@-webkit-keyframes shadow-yellow0{0%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}
50%{box-shadow: 0px 0px 15px 2px rgba(255, 193, 0, .23);}
100%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}}
@keyframes shadow-yellow0{0%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}
50%{box-shadow: 0px 0px 15px 2px rgba(255, 193, 0, .23);}
100%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}}
@-webkit-keyframes shadow-yellow0{0%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}
50%{box-shadow: 0px 0px 15px 2px rgba(255, 193, 0, .23);}
100%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}}
@keyframes shadow-yellow0{0%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}
50%{box-shadow: 0px 0px 15px 2px rgba(255, 193, 0, .23);}
100%{box-shadow: 0px 0px 15px 14px rgba(255, 193, 0, .23);}}
.tipsLayoutFade.active{top: 100px;}

/*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: 400px;overflow: hidden;text-align: center;}
.tipsLayoutContent .wordTt{background: var(--site-colorB);color: #fff;padding: 10px 20px;font-size: 15px; width:100%; border-radius:10px 10px 0 0;}
.tipsLayoutContent .wordTt .img{width: 20px;padding-right: 10px;}

.tipsLayoutContent .tipsWord{padding: 20px;color: #000;font-size: 18px; background:#fff; border-radius: 0 0 10px 10px}
.tipsLayoutContent .tipsLayout .czbtn{cursor: pointer;margin: 0 auto;font-size: 120px;}
.tipsLayoutContent .ry{width: 100%;height: 20px;}
.tipsLayout .tipsLayoutNr{opacity: 0;transform: scale(0);background:#fff;border-radius: 10px;-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: 50px;}
.tipsLayout.atcon .tipsLayoutNr{opacity: 1;transform: scale(1)}
.tipsLayout.atcout .tipsLayoutNr{transform: scale(0.6)}

.tipsLayout .czbtn{font-size:16px; padding:0 30px; line-height:32px; margin-top:20px;}