.ex-market{font-size:12px;width:100%;position:fixed;top:44px;left:0;bottom:.43rem;z-index:99}.ex-market .market-title-bar{overflow-x:scroll!important}.ex-market .market-header{position:relative;height:63px;padding:6px .15rem 0 .15rem;border-bottom-width:1px;border-bottom-style:solid}.ex-market .search{position:relative;height:28px;width:100%}.ex-market .search .icon-serach{position:absolute;left:10px;top:8px;cursor:pointer}.ex-market .search .search-input{height:28px;line-height:30px;padding-left:30px;border-radius:2px;width:3.14rem;border-width:1px;border-style:solid}.ex-market .search input::-webkit-input-placeholder{color:#515a6b;font-size:.12rem}.ex-market .kg{position:absolute;top:10px;right:15px;font-size:16px;display:none}.ex-market .market-title-bar{position:relative;width:100%;overflow:hidden;height:36px}.ex-market .market-title-bar .hover_hide{display:block}.ex-market .market-title-bar .hover_show{display:none}.ex-market .market-title-bar .slide-btn{position:absolute;top:10px;background:#1d2635;z-index:9;cursor:pointer;display:none}.ex-market .market-title-bar .slide-btn:hover .hover_show{display:block}.ex-market .market-title-bar .slide-btn:hover .hover_hide{display:none}.ex-market .market-title-bar .slide-btn-cur{display:block}.ex-market .market-title-bar .icon-left{left:0;padding-right:5px}.ex-market .market-title-bar .icon-right{right:0;padding-left:5px}.ex-market .market-title{height:36px;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap;position:absolute;top:0;left:0;transiton:left .2s linear;-webkit-transition:left .2s linear}.ex-market .market-title li{float:left;font-size:12px;line-height:34px;padding:0 3px 2px 3px;cursor:pointer;margin-right:20px}.ex-market .market-title li.selected,.ex-market .market-title li:hover{border-bottom-width:2px;border-bottom-style:solid;padding-bottom:0}.ex-market .market-symbol{position:absolute;top:70px;width:100%;bottom:0;overflow:auto}.ex-market .market-symbol .thead{height:36px;line-height:36px;border-bottom-width:1px;border-bottom-style:solid;padding:0 15px}.ex-market .market-symbol .thead span{display:inline-block;height:30px;overflow:hidden}.ex-market .market-symbol .tbody{padding:0 0 5px 0}.ex-market .market-symbol .tbody .block-title{height:29px;line-height:29px;padding-left:15px;font-size:12px;border-bottom-style:solid;border-bottom-width:1px}.ex-market .market-symbol .tbody .symbol-item{padding:0 15px;line-height:44px;cursor:pointer;position:relative}.ex-market .market-symbol .tbody .symbol-item .bg{display:none}.ex-market .market-symbol .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%}.ex-market .market-symbol .tbody .symbol-item span{display:inline-block;line-height:31px;position:relative}.ex-market .market-symbol .tbody .symbol-item span .iconMy{position:absolute;top:0;left:0;display:inline-block;vertical-align:middle;width:15px;height:15px;float:left;line-height:34px}.ex-market .market-symbol .tbody .symbol-item span .iconMy svg{margin:0;font-size:20px}.ex-market .market-symbol .tbody .symbol-item span .hover_show{display:none}.ex-market .market-symbol .tbody .symbol-item span:hover .hover_show{display:inline-block}.ex-market .market-symbol .tbody .symbol-item span:hover .hover_hide{display:none}.ex-market .market-symbol .td-symbol{width:30%;position:relative;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.ex-market .market-symbol .td-price,.ex-market .market-symbol .td-rose{width:35%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;cursor:pointer}.ex-market .market-symbol .sorte{display:inline-block;float:right;width:14px;height:14px;margin-top:9px}.ex-market .market-symbol .sorte .icon{vertical-align:top}.ex-market .market-symbol .sorte i{display:inline-block;width:8px;height:8px;position:absolute;left:0;line-height:6px;overflow:hidden}.ex-market .market-symbol .sorte i em{position:absolute;top:0;right:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:block;border-width:4px;border-style:solid dashed dashed;border-color:#828ea1 transparent transparent;font-size:0;line-height:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ex-market .market-symbol .sorte i.icon-triangle-up{bottom:0}.ex-market .market-symbol .sorte i.icon-triangle-up em{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ex-market .market-symbol .sorte.selected .cur em{border-color:#edf4f8 transparent transparent}.ex-market .table-head{padding:0 15px;overflow:hidden}.ex-market .table-body{padding:5px 0}.ex-market .table-body .table-body-bar{padding:0}.ex-market .table-body tr{border:none;cursor:pointer}.ex-market .table-body tr .store{margin:0 7px 0 0}.ex-market .table-body tr td{overflow:hidden;padding:0 15px}.ex-market .table-body tr td:nth-child(2){padding:0 10px 0 0}.not-data{text-align:center;padding-top:80px}.not-data p{margin-top:5px}.not-data .icon{font-size:36px}.currentSymbol{height:.54rem;position:relative;margin-top:1px}.currentSymbol .symbol-total{float:left;border-right-width:1px;border-right-style:solid;padding:0 .15rem 0 .15rem;margin-top:.1rem;line-height:.18rem;min-width:.3rem}.currentSymbol .symbol-total span{vertical-align:middle}.currentSymbol .symbol-total .symbol-name{font-size:18px}.currentSymbol .symbol-total .symbol-number{font-size:16px;margin-left:5px}.currentSymbol .symbol-total .symbol-property{font-size:12px;display:block}.currentSymbol .page-market-jz{display:none;position:absolute;top:52px;width:100%;padding:20px;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;letter-spacing:0;line-height:20px;z-index:99;text-align:left;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,.28);box-shadow:0 3px 4px 1px rgba(0,0,0,.28)}.currentSymbol .symbol-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.12rem .1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.currentSymbol .symbol-info .info-item{font-size:12px;text-align:right}.currentSymbol .symbol-info .info-item:hover .page-market-jz{display:block}.currentSymbol .symbol-info .info-item .jzTit{vertical-align:middle}.currentSymbol .symbol-info .info-item .jzTit .icon{font-size:12px;cursor:pointer}.currentSymbol .symbol-info .info-item span{display:block}.currentSymbol .symbol-info .info-item .vla{margin-top:.08rem}.canter-echart-box{z-index:9;width:100%;height:295px;position:relative}.canter-echart-box .mmd-loading-circle-left,.canter-echart-box .mmd-loading-circle-right{border-color:#1baaec}.canter-echart-box .inline{position:absolute;top:.7rem;height:1px;z-index:9;width:100%}.canter-echart-box .top-bar-block{height:.4rem;line-height:.4rem;position:relative;padding-left:.15rem;font-size:14px}.canter-echart-box .top-menu{line-height:.3rem;padding:0 .05rem;font-size:12px;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;z-index:9}.canter-echart-box .top-menu .top-menu-bar{position:relative;overflow:hidden;height:.3rem;width:100%}.canter-echart-box .top-menu .top-menu-bar .hover_hide{display:block}.canter-echart-box .top-menu .top-menu-bar .hover_show{display:none}.canter-echart-box .top-menu .top-menu-bar .slide-btn{position:absolute;top:0;padding:8px 0;z-index:9;cursor:pointer;display:none}.canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_show{display:block}.canter-echart-box .top-menu .top-menu-bar .slide-btn:hover .hover_hide{display:none}.canter-echart-box .top-menu .top-menu-bar .slide-btn-cur{display:block}.canter-echart-box .top-menu .top-menu-bar .icon-left{left:0;padding-right:5px}.canter-echart-box .top-menu .top-menu-bar .icon-right{right:0;padding-left:5px}.canter-echart-box .top-menu .top-menu-box{height:.3rem;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap;position:absolute;top:0;left:0;width:100%;transiton:left .2s linear;-webkit-transition:left .2s linear}.canter-echart-box .top-menu .time-line{display:inline-block;margin:0 .06rem;cursor:pointer;background:none;height:.28rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canter-echart-box .top-menu .time-line.time-line-last{height:.32rem;margin:0;padding:0 .12rem 0 .1rem;background-size:8px!important}.canter-echart-box .top-menu .time-line.active{border-bottom-style:solid;border-bottom-width:2px}.canter-echart-box .top-menu .time-line .hoverShow,.canter-echart-box .top-menu .time-line:hover .hoverHide{display:none}.canter-echart-box .top-menu .time-line:hover .hoverShow{display:inline-block}.canter-echart-box .top-menu .full-btn{border-left-width:1px;border-right-width:1px;border-left-style:solid;border-right-style:solid;padding:0 14px}.canter-echart-box .top-menu.hide{opacity:0;z-index:1}.canter-echart-box .top-menu .sub-timer-box{position:absolute;top:.3rem;left:0;width:90%;padding:1px 5% 0}.canter-echart-box .top-menu .sub-timer-box span{width:25%;display:inline-block;text-align:center;height:.38rem;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:.38rem;position:relative}.canter-echart-box .top-menu .sub-timer-box span .xuanzhong-icon{position:absolute;top:0;right:0;line-height:0}.canter-echart-box .top-menu .sub-timer-box .active{border-width:1px;border-style:solid}.canter-echart-box .slide{position:absolute;top:.7rem;left:0;width:100%;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease;overflow:hidden;height:100%;z-index:2}.canter-echart-box .slide.selected{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;z-index:3}.canter-echart-box .echarts-slide{top:.4rem}.canter-echart-box .top-tab{position:absolute;right:0;height:.4rem;top:0;line-height:.4rem;text-align:right;z-index:9}.canter-echart-box .top-tab .switch-chart-type{margin-right:15px;cursor:pointer}.canter-echart-box .tv_chart_container{height:100%;width:100%}.canter-echart-box .loading-indicator{background:none}.canter-echart-box .coverKlineBox{position:absolute;top:.7rem;left:0;right:0;bottom:0;z-index:99}.canter-echart-box .fade-enter-active,.canter-echart-box .fade-leave-active{-webkit-transition:opacity .8s;transition:opacity .8s}.canter-echart-box .fade-enter,.canter-echart-box .fade-leave-to{opacity:0}.canter-echart-box .loading{position:absolute;top:50%;left:50%;z-index:999;margin:-25px 0 0 -25px}.canter-echart-full{-o-object-fit:contain;object-fit:contain;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important}.echart-box{width:100%;height:100%}.trade-box{font-size:.12rem;padding:0;padding-bottom:2rem}.trade-box .title-block{height:39px;line-height:39px;padding:0 .15rem}.trade-box .title-block .tab{display:inline-block;border-bottom-style:solid;border-bottom-width:0;height:38px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:.3rem;font-size:14px}.trade-box .title-block .tab.main-1-bd{border-bottom-style:solid;border-bottom-width:2px}.trade-box .title-block .total-assets{float:right;height:38px}.trade-box .trade-block{float:left}.trade-box .trade-depth{float:left;width:50%}.trade-box .trade-form{float:left;width:50%;padding-left:.15rem;-webkit-box-sizing:border-box;box-sizing:border-box}.trade-box .trade-form .transactionType{margin:.1rem 0}.trade-box .trade-form .have{margin-top:.1rem;display:inline-block}.trade-box .trade-form .top-mag{height:35px;line-height:35px}.trade-box .trade-form .top-mag .lov{float:right}.trade-box .trade-form .percentage{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:-19px -5px 0 -5px}.trade-box .trade-form .percentage .per-item{display:block;width:25%;border-style:solid;margin:0 5px;border-width:1px;text-align:center;line-height:24px;height:22px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2px}.trade-box .trade-form .volume-trade{min-height:40px;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0}.trade-box .totalBalancesHide{cursor:pointer;margin-left:5px}.trade-box .knowledgeTest-container{font-size:14px;line-height:22px}.trade-box .knowledgeTest-container .knowledgeTest-option{min-height:60px;margin-top:20px;padding:12px 12px 12px 20px;border-radius:2px;border-width:1px;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.trade-box .knowledgeTest-container .knowledgeTest-option span{white-space:wrap}.trade-box .knowledgeTest-container .knowledgeTest-option aside{width:16px;margin-left:5px}.trade-input{height:96px;position:relative}.trade-input .icon-triangle{position:absolute;bottom:-.04rem;left:.2rem;width:0;height:0;border-width:5px 6px 0;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.trade-input .input-item{height:60px;border-width:1px;border-style:solid;padding:0 15px;border-radius:2px;position:relative;cursor:text}.trade-input .input-item .tit{line-height:34px;height:30px}.trade-input .input-item .inputs{height:18px;line-height:18px;font-size:14px;width:90%}.trade-input .input-item .units{position:absolute;top:17px;right:15px}.trade-input .price-rate{height:24px;line-height:24px;padding:0 15px;border-radius:2px}.trade-input .disabledText{font-size:14px}.trade-input .error-msg{border-radius:2px;line-height:32px;height:30px;position:absolute;top:-36px;left:0;right:0;padding:0 20px}.trade-input .error-msg em{display:block;border-width:7px;position:absolute;bottom:-14px;left:15px;border-style:solid dashed dashed;border-color:#eb4d5c transparent transparent;font-size:0;line-height:0}.trade-input.disabledForm .input-item{border-style:dashed}.slide-fade-enter-active,.slide-fade-leave-active{-webkit-transition:all .5s;transition:all .5s}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:0}#ex-tradeDepth .td-rose{display:none!important}#ex-tradeDepth .td-price,#ex-tradeDepth .td-symbol,#ex-tradeDepth .td-symbol0,#ex-tradeDepth .td-symbol1{width:50%!important;-webkit-box-sizing:border-box;box-sizing:border-box}#ex-tradeDepth .td-symbol,#ex-tradeDepth .td-symbol0{padding-left:0!important}#ex-tradeDepth .td-symbol1{padding-right:.15rem}#ex-tradeDepth .symbol-item{line-height:22px!important;height:22px}#ex-tradeDepth .tr-bg{height:.22rem!important;bottom:0!important;top:-.005rem!important;right:0!important;left:auto!important}.depthSelect .selectList{right:0;bottom:.2rem;z-index:99!important}.ex-depth-block{padding-left:15px}.ex-depth-block .depthSelect{float:right;margin:10px 15px 10px 0}.depth{width:100%;float:left;position:relative;overflow:hidden}.block-header{height:.39rem;line-height:.38rem;padding:0 .07rem 0 .15rem;font-size:14px;margin-top:1px}.current-price{height:.4rem;line-height:.4rem;font-size:12px;margin-top:-.05rem}.current-price .price{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95%}.current-price .price .sy-price{margin-right:5px;font-size:14px}.current-price .depth-type{float:right}.current-price .depth-type .num{font-size:12px}.current-price .depth-type .switch-type-btn{line-height:15px;display:inline-block;float:right;margin:13px 0 0 5px;border-right:none}.current-price .depth-type .switch-type-btn .icon-switch{float:left;width:14px;height:14px;margin-left:2px;text-align:center;cursor:pointer}.current-price .depth-type .switch-type-btn .icon-switch .hoverShow,.current-price .depth-type .switch-type-btn .icon-switch:hover .hoverHide{display:none}.current-price .depth-type .switch-type-btn .icon-switch:hover .hoverShow{display:inline-block}.current-price .depth-type .switch-type-btn .noclick{cursor:auto}.switch-btn{float:right}.switch-btn .dtIcon{font-size:16px;margin-left:5px;cursor:pointer;display:inline-block;height:36px;line-height:36px;text-align:center;border-radius:50%;width:36px}.h4{display:inlin}.title-tab{margin-right:30px}.title-tab,.title-tab.title-new-tab{display:none}.trade-tableList .thead{height:.3rem;line-height:.3rem;font-size:12px}.trade-tableList .thead span{display:inline-block}.trade-tableList .tbody{padding:0 0 .05rem;position:relative;font-size:12px;transiton:height .5s ease;width:100%;-webkit-transition:height .5s ease}.trade-tableList .tbody.no-padding{padding:0}.trade-tableList .tbody .symbol-item{padding:0 .15rem 0 0;line-height:16px;cursor:pointer;position:relative}.trade-tableList .tbody .symbol-item .bg{display:none}.trade-tableList .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%}.trade-tableList .tbody .symbol-item.change-item .change{position:absolute;-webkit-animation:opacity2 1s 0s 1;animation:opacity2 1s 0s 1;top:0;left:6px;height:100%;right:0;opacity:0}.trade-tableList .asksOPtion{position:absolute;bottom:0}.trade-tableList .tbody span,.trade-tableList .thead span{display:inline-block;text-align:right;position:relative;z-index:9}.trade-tableList .tbody span .icon,.trade-tableList .thead span .icon{display:inline-block;vertical-align:middle;height:15px;float:left;margin:8px 5px 0 0}.trade-tableList .tbody span .hover_show,.trade-tableList .thead span .hover_show{display:none}.trade-tableList .tbody span:hover .hover_show,.trade-tableList .thead span:hover .hover_show{display:block}.trade-tableList .tbody span:hover .hover_hide,.trade-tableList .thead span:hover .hover_hide{display:none}.trade-tableList .tbody span.td-symbol,.trade-tableList .tbody span.td-symbol0,.trade-tableList .thead span.td-symbol,.trade-tableList .thead span.td-symbol0{text-align:left;padding-left:.15rem}.trade-tableList .tbody span.td-symbol2,.trade-tableList .thead span.td-symbol2{float:right;padding-right:.15rem}.trade-tableList .tbody span.td-rose,.trade-tableList .thead span.td-rose{float:right}.trade-tableList .tr-bg{position:absolute;height:15px;top:0;left:0;z-index:1;padding:0;width:10%;transiton:width .5s ease;-webkit-transition:width .5s ease}.trade-tableList .Int-trade .asksOPtion{position:static}.trade-tableList .Int-trade .tbodyBar{overflow:initial!important}@-webkit-keyframes opacity2{0%{opacity:1}to{opacity:0}}@keyframes opacity2{0%{opacity:1}to{opacity:0}}.leverOrder-list-box{width:100%;position:relative;padding-bottom:.45rem}.leverOrder-list-box .order-conent{padding:0 .15rem;position:relative}.leverOrder-list-box .order-conent .common-table,.leverOrder-list-box .order-conent .tab-box{min-width:1200px}.leverOrder-list-box .notData{position:absolute;top:71px;left:0;right:0;bottom:0;padding-top:80px;text-align:center;font-size:12px}.leverOrder-list-box .notData p{margin-top:5px}.leverOrder-list-box .notData .icon{font-size:36px}.leverOrder-list-box .etf-infoDisclosure{padding:16px 30px}.leverOrder-list-box .etf-infoDisclosure .info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:28px}.leverOrder-list-box .etf-infoDisclosure .info-item span{font-size:12px}.leverOrder-list-box .etf-infoDisclosure .info-item b{font-size:14px;font-weight:600}.leverOrder-list-box .etf-adjustRecord{padding:0 12px}.trade-content .table-body .marketPriceOrder,.trade-content .table-body .notShowe{display:none}.trade-content .table-body{min-height:300px}.tab-box{height:.4rem;line-height:.4rem;padding:0 .15rem}.tab-box .tab-item{font-size:14px;margin-right:30px;display:inline-block;cursor:pointer;height:37px}.tab-box .tab-item.selected{border-bottom-style:solid;border-bottom-width:2px}.tab-box .tab-item:last-child{margin-right:0}.opera div{padding-right:10px}.Int-trade .leverOrder-list-box{height:400px}.Int-trade .leverOrder-list-box .order-conent{height:350px}.Int-trade .leverOrder-list-box .table-head{padding:0 20px}.newTrade{width:100%}.newTrade .block-header{height:39px;line-height:39px;padding:0 15px;font-size:14px}.newTrade .trade-shrinks .block-header{display:none}.newTrade .thead{height:.3rem;line-height:.3rem;padding:0 .15rem 0;font-size:12px}.newTrade .thead span{display:inline-block}.newTrade .tbody{padding:5px 0 5px;font-size:12px;transiton:height .5s ease;-webkit-transition:height .5s ease}.newTrade .tbody.no-padding{padding:0}.newTrade .tbody .symbol-item{padding:0 .15rem 0;line-height:26px;cursor:pointer;position:relative}.newTrade .tbody .symbol-item .bg{display:none}.newTrade .tbody .symbol-item:hover .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%}.newTrade .tbody .symbol-item.change-item .change{position:absolute;-webkit-animation:opacityZ 2s 0s 1;animation:opacityZ 2s 0s 1;top:2px;left:0;height:80%;width:100%;opacity:0}.newTrade .tbody span,.newTrade .thead span{display:inline-block;text-align:right;position:relative}.newTrade .tbody span .icon,.newTrade .thead span .icon{display:inline-block;vertical-align:middle;height:15px;background:red;float:left;margin:8px 5px 0 0}.newTrade .tbody span .hover_show,.newTrade .thead span .hover_show{display:none}.newTrade .tbody span:hover .hover_show,.newTrade .thead span:hover .hover_show{display:block}.newTrade .tbody span:hover .hover_hide,.newTrade .thead span:hover .hover_hide{display:none}.newTrade .tbody span.td-symbol,.newTrade .tbody span.td-symbol0,.newTrade .thead span.td-symbol,.newTrade .thead span.td-symbol0{text-align:left}.newTrade .tbody span.td-rose,.newTrade .tbody span.td-symbol2,.newTrade .thead span.td-rose,.newTrade .thead span.td-symbol2{float:right}.newTrade .tr-bg{position:absolute;height:25px;top:0;left:0;z-index:1;opacity:.16;padding:0;width:10%;transiton:width .5s ease;-webkit-transition:width .5s ease}.newTrade .newTrade-tbody{overflow:auto}@-webkit-keyframes opacityZ{0%{opacity:1}to{opacity:0}}@keyframes opacityZ{0%{opacity:1}to{opacity:0}}