@media (min-width:768px){.container{width:768px}}@media (min-width:992px){.container{width:992px}}@media (min-width:1200px){.container{width:1200px}}html,body{height:100%;overflow:hidden}#app{background-color:#f6f5f5;position:relative;height:100%}.container{margin:0 auto}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}header{background-color:white;box-shadow:#b5b5b5 0 0 50px;position:fixed;display:flex;width:100%;top:0;left:0;z-index:2;height:50px}header .shortcut a{height:100%;display:flex;align-items:center;color:red;text-decoration:none}header .shortcut a img{height:30px}.main{position:absolute;top:55px;height:calc(100% - (50px + 5px));width:100%;overflow-y:scroll}nav{padding:10px 10px 10px 10px}nav .menu{height:30px;color:red;border:#ccc 1px solid;border-bottom:3px solid #2acaa2;text-align:center;background-color:white}nav .menu span{vertical-align:middle;line-height:34px}nav .new_column{background-color:white;height:75px;display:flex;justify-content:center;align-items:center;margin-top:10px;font-size:15px}nav .new_column img{width:50px;margin-right:10px}nav .new_column .new_column_vertical{height:100%;display:flex;flex-direction:column;justify-content:space-evenly}nav .new_column .new_column_vertical span{color:red}nav .new_column .paging input[type="button"]{border:#ccc 1px solid;padding:5px}nav .next_kaijiang{margin-top:10px;text-align:center;height:75px;background-color:white;display:flex;justify-content:center;color:#6c6c6c;align-items:center}nav .next_kaijiang .countdown-time{margin:0 10px;font-size:28px;padding:0 3px;border-radius:3px;font-weight:200;color:white;background:rgba(0,0,0,0) linear-gradient(#fb4755 50%, #e63442 50%) repeat scroll 0% 0%}nav .next_kaijiang .loading{display:flex;align-items:center}nav .next_kaijiang .loading span{font-size:23px;color:red}nav .next_kaijiang .loading img{width:55px}nav .kaijiang_result{text-align:center;height:75px;background-color:white;color:white;display:flex;justify-content:center;align-items:center}nav .kaijiang_result ul{list-style:none;display:flex;align-items:center;justify-content:center}nav .kaijiang_result ul li.kaijiang_number{background-color:#13b5b1;width:40px;height:40px;border-radius:5px;font-size:25p;line-height:40px}nav .kaijiang_result ul li.kaijiang_op{margin:0 10px;color:#6c6c6c}nav .kaijiang_result ul li.kaijiang_hong{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;margin-left:10px}nav .kaijiang_result ul li.kaijiang_hong.red{background-color:red}nav .kaijiang_result ul li.kaijiang_hong.blue{background-color:blue}nav .next_guaguajiang{margin-top:10px;height:50px;display:flex;justify-content:center;align-items:center;background-color:white}nav .next_guaguajiang button{border:none;border-radius:5px;background-color:red;color:white;width:200px;height:35px;font-size:15px}nav .result_tab{display:flex;align-items:center;margin-top:15px;margin-bottom:10px}nav .result_tab .result_tab_item{width:25%;color:white;font-size:13px;padding:3px 0;text-align:center;position:relative;cursor:pointer}nav .result_tab .result_tab_item:after{content:"";display:block;position:absolute;left:50%;transform:translateX(-50%);border-top:8px solid #335297;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;opacity:0;transition:opacity .25s ease}nav .result_tab .result_tab_item.active:after{opacity:1}nav .result_tab .result_tab_item:nth-child(1){background-color:#335297}nav .result_tab .result_tab_item:nth-child(1)::after{border-top-color:#335297}nav .result_tab .result_tab_item:nth-child(2){background-color:#00c7f7}nav .result_tab .result_tab_item:nth-child(2)::after{border-top-color:#00c7f7}nav .result_tab .result_tab_item:nth-child(3){background-color:#1366c7}nav .result_tab .result_tab_item:nth-child(3)::after{border-top-color:#1366c7}nav .result_tab .result_tab_item:nth-child(4){background-color:#fb3d41}nav .result_tab .result_tab_item:nth-child(4)::after{border-top-color:#fb3d41}article{background-color:white}article .result-table{width:100%;text-align:center;border-collapse:collapse}article .result-table tr{height:31px}article .result-table tr:first-child{background-color:#f5f6f8;font-size:14px;font-weight:600}article .result-table tr:nth-of-type(n + 2){background-color:white}article .result-table td{border:1px solid gainsboro;font-size:13px}article .result-table td span.box{font-size:12px;display:inline-block;border-radius:5px;padding:3px 6px;color:white}article .result-table td span.box.red{background-color:#ff2b30}article .result-table td span.box.blue{background-color:#2265fa}article .luzhu-items{display:flex;margin:0px 10px;justify-content:space-between;border-bottom:1px solid gainsboro}article .luzhu-items li{display:block;color:#252525;font-size:15px;text-align:center;width:100%;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}article .luzhu-items li.active{font-weight:bold;border-bottom:3px solid #a1001d !important}article .trend-title{padding:5px 10px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:400}article .trend-title .left{font-weight:bold}article .trend-title .right{display:flex;align-items:center}article .trend-title .right span{margin-right:10px}article .trend-title .right span:last-child{margin-right:0px}article .trend-title .right .red{color:red}article .trend-title .right .blue{color:#006cc8}article .trend-title .right .circle{color:white;width:35px;height:35px;border-radius:100px;display:inline-block;text-align:center;line-height:35px}article .dalu-table{width:100%;text-align:center;border-collapse:collapse}article .dalu-table td{font-size:18px;padding:5px;color:white;border:1px solid rgba(173,181,189,0.5);text-align:center}article .dalu-table td i{vertical-align:middle;display:inline-block;border-radius:100px;line-height:20px;width:20px;height:20px;border:2px solid white}article .dalu-table td i.red{border-color:#ff2b30}article .dalu-table td i.blue{border-color:#2265fa}article .zhupan-title{font-size:16px;font-weight:bold;padding:10px}article .zhupan-table{width:100%;text-align:center;border-collapse:collapse}article .zhupan-table td{font-size:16px;padding:5px;color:white;border:1px solid rgba(173,181,189,0.5);text-align:center}article .zhupan-table td span{display:inline-block;border-radius:100px;line-height:25px;width:25px;height:25px}article .zhupan-table td span.red{background-color:#ff2b30}article .zhupan-table td span.blue{background-color:#2265fa}footer{margin-top:10px !important;background-color:white;padding:10px 0;text-align:center;font-size:14px;color:#6c6c6c}footer .footer-description{padding:10px 0}.kaijiang{height:100%;width:100%;position:fixed;z-index:3;left:0;top:0;background-color:#484545;text-align:center;z-index:100;font-size:18px;vertical-align:middle}.kaijiang .overlae{-webkit-user-select:none;user-select:none;font-size:17px;margin:0 auto;width:350px;height:300px;margin-top:200px;background-image:url(images/gglbj.png);background-repeat:no-repeat;background-size:100% 100%}.kaijiang .overlae .kaijiang_info{text-align:right;padding-top:22px;margin-right:10px;color:#f6f2ff}.kaijiang .overlae .kaijiang_info span.highlight{color:#ffbca8}.kaijiang .overlae .paint{-webkit-user-select:none;user-select:none;position:relative;margin:5px 20px 10px 20px;height:120px;text-align:center;background-color:#fff;border-radius:7px;color:#ef2b2b}.kaijiang .overlae .paint .kaijiang_result{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.kaijiang .overlae .paint .kaijiang_result span{margin-left:8px}.kaijiang .overlae .paint .kaijiang_result .large{font-size:70px}.kaijiang .overlae .paint .kaijiang_result .small{font-size:30px}.kaijiang .overlae .paint .canvas{position:absolute;cursor:pointer;left:0;top:0;border-radius:7px}.kaijiang .overlae .waiting{color:#f6f2ff;font-size:18px}.kaijiang .overlae .bottom .refresh{background-color:#ffe258;cursor:pointer;margin:0px 10px 0px 10px;font-size:18px;width:80px;height:40px;border-radius:7px;border-style:none}.kaijiang .overlae .bottom .close{background-color:#ccc;cursor:pointer;margin:0px 10px 0px 10px;font-size:18px;width:80px;height:40px;border-radius:7px;border-style:none}