[v-cloak]{
    display: none;
}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    /*background-image: linear-gradient(to bottom, #243949 0%, #517fa4 100%);*/
    /*overflow: hidden;*/
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close{display: none!important;}
.el-message-box__headerbtn .el-message-box__close{display: none!important;}
.m-hduser .user-menu{width: 116px;right: 0;left: auto}
.m-hduserx{font-size: 1.6rem;display: inline-block;margin-right:10px;position: relative;
    top:0px;}
.m-hduserx span{color: #0b6cbc;display: inline-block;margin: 0 2px}
.m-hduser{width: 315px}
.m-hduser .user-title{display: inline-block;width: 116px}
a,a:hover,a:active{color:#333;text-decoration:none;}
input,textarea,button{ background:none;  border:none; outline:none; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif; font-size:12px; }
.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
.banners{background-color:#243949;position: relative;background: url("../images/banner/bannerbg.png");background-size: cover;height:600px;overflow: hidden}
#canvasBox{position: absolute;background-color: #fff!important;position: absolute;
    top:0;background-color: rgba(0,0,0,0)!important;left:147px;
    /*transform:rotate(330deg);*/
    /*-ms-transform:rotate(330deg); 	height: 500px;!* IE 9 *!*/
    /*-moz-transform:rotate(330deg); 	!* Firefox *!*/
    /*-webkit-transform:rotate(330deg); !* Safari 和 Chrome *!*/
    /*-o-transform:rotate(330deg);*/

}
.ring{display: inline-block;margin-left: 80px}
.ring img{display: block;height:122%;display: inline-block;   -webkit-animation: circle 40s infinite linear;position: absolute;top: -11%;
    -moz-animation: circle 40s infinite linear;
    -ms-animation: circle 40s infinite linear;
    -o-animation: circle 40s infinite linear;
    animation: circle 40s infinite linear;}
/*.wrap{display: block;width: 1200px;margin: 0 auto;position: relative}*/
.banners .banner_txt{font-size: 58px;color: #fff;text-align: center;position: absolute;width: 100%;top: 50%;margin-top: -35px}
/*    width:50%;height:600px;*/


@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.gameIco{position: fixed;top:50%;right:15px;z-index: 99;cursor: pointer}
.zz{background-color: rgba(0,0,0,0.7);position: fixed;z-index: 999;top: 0;bottom: 0;left: 0;right: 0}
.Line{width: 100%;height: 100%}

.gameContList .achievement.achievements{ color: #838383;text-shadow:none;-webkit-touch-callout: none; /* iOS Safari */  -webkit-user-select: none; /* Chrome/Safari/Opera */-khtml-user-select: none; /* Konqueror */-moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none;}
.gameContList .rule.rules{ color: #838383;text-shadow:none;-webkit-touch-callout: none; /* iOS Safari */  -webkit-user-select: none; /* Chrome/Safari/Opera */-khtml-user-select: none; /* Konqueror */-moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none;}



.jt{position: absolute;right: 0;top: 100%;display: block;width:20px;display: none}
.gameContList .rule{position: absolute;left:70px;top:0px;
    text-shadow: 0px 0px 8px #fff, 0px 0px 42px #10cbd5, 0px 0px 72px #10cbd5,0px 0px 150px #10cbd5; color: #10cbd5;font-size: 18px;cursor: pointer;z-index: 9}
/*.gameContList .rule.active{font-size: 20px;}*/

.gameContList .rule.active .jt{display: block;
    -webkit-animation: jt 1.5s infinite linear;
    -moz-animation: jt 1.5s infinite linear;
    -ms-animation: jt 1.5s infinite linear;
    -o-animation: jt 1.5s infinite linear;
    animation: jt 1.5s infinite linear;
}

.gameBoxcontss{width: 700px;position: relative;height: 520px}
.gameBox{position: fixed;top:50%;right:100px;display: inline-block;width:0px;height:0;;overflow: hidden;transition: all .6s;z-index: 9999;opacity:0}
.gameBox.active{position: fixed;top:150px;right:calc(50% - 370px) ;display: inline-block;width: 700px;height:520px;transition: all .6s;opacity: 1}
.gameBox .gameBg{display: block;width: 100%}
.gameBox .Close{position: absolute;right:0px;top:0px;display: block;width:40px;cursor: pointer}

.gamecontBox{position: absolute;top:130px;width: 100%}
.gameContList .tit{font-size: 26px;color: #fffe00;text-align: center; text-shadow: 0 0 40px #fffe00;  color: #fffe00;padding-top: 30px;margin-top: 30px }

@keyframes jt {
    0% {
        -webkit-transform:translate(10px,5px);
        -moz-transform:translate(10px,5px);
        -ms-transform:translate(10px,5px);
        -o-transform:translate(10px,5px);
        transform:translate(10px,5px);
    }
    100% {
        -webkit-transform:translate(0px,0px);
        -moz-transform:translate(0px,0px);
        -ms-transform:translate(0px,0px);
        -o-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
}
.no{display: block;text-align: center;color: #fff;font-size: 14px;margin-top: 10px}
.gameContList .tit span{font-size: 34px;text-shadow: 0px 0px 8px #fff, 0px 0px 42px #fffe00, 0px 0px 72px #fffe00,0px 0px 150px #fffe00; }
.dayBox .jt{display: none;}
.dayBox.active .jt{display: block; -webkit-animation: jt 1.5s infinite linear;
    -moz-animation: jt 1.5s infinite linear;
    -ms-animation: jt 1.5s infinite linear;
    -o-animation: jt 1.5s infinite linear;
    animation: jt 1.5s infinite linear;}




.dayBox{width: 60%;margin: 0 auto;position: relative}
.dayBox .day{width: 200px;height: 53px;line-height: 53px;display: inline-block;border: 1px solid #243949;color: #fff;font-size: 30px;text-align: center;box-shadow: 0px 0px 10px 0 rgba(0, 112, 208, 0.8);background-color: #000}
.dayBox .btn{border-radius: 4px;padding: 0}
.btnBox{width: 50%;margin: 0 auto;margin-top: 25px;text-align: center}
.btnBoxs{text-align: center}
.btna:hover{color: #fff}
.btnb:hover{color: #fff}
.btna{display: inline-block;width: 150px;height: 45px;border-radius: 20px;position: relative;z-index: 10;
    background: -webkit-linear-gradient(left, #2170bd , #10cbd5);
    background: -o-linear-gradient(left, #2170bd , #10cbd5);
    background: -moz-linear-gradient(left, #2170bd , #10cbd5);
    background: -mos-linear-gradient(left, #2170bd , #10cbd5);
    background: linear-gradient(left, #2170bd , #10cbd5);color: #fff;line-height: 45px;text-align: center;font-size: 18px;cursor: pointer;
    -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
.btnb{display: inline-block;width: 150px;height: 45px;border-radius: 20px;position: relative;z-index: 10;
    background: -webkit-linear-gradient(left, #d67a0a , #f1a014);
    background: -o-linear-gradient(left, #d67a0a , #f1a014);
    background: -moz-linear-gradient(left,#d67a0a , #f1a014);
    background: -mos-linear-gradient(left,#d67a0a , #f1a014);
    background: linear-gradient(left,#d67a0a , #f1a014);color: #fff;line-height: 45px;text-align: center;font-size: 18px;cursor: pointer;    -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
.btnb.active{background: -webkit-linear-gradient(left, #707070 , #838383);
    background: -o-linear-gradient(left, #707070 , #838383);
    background: -moz-linear-gradient(left,#707070 , #838383);
    background: -mos-linear-gradient(left,#707070 , #838383);
    background: linear-gradient(left,#707070 , #838383);    -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
.btna.active.activea{background: -webkit-linear-gradient(left, #707070 , #838383);
    background: -o-linear-gradient(left, #707070 , #838383);
    background: -moz-linear-gradient(left,#707070 , #838383);
    background: -mos-linear-gradient(left,#707070 , #838383);
    background: linear-gradient(left,#707070 , #838383);color: #fff;line-height: 45px;text-align: center;font-size: 18px;cursor: pointer;    -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
/*.btna.active.activea{background: -webkit-linear-gradient(left, #707070 , #838383);*/
/*    background: -o-linear-gradient(left, #707070 , #838383);*/
/*    background: -moz-linear-gradient(left,#707070 , #838383);*/
/*    background: -mos-linear-gradient(left,#707070 , #838383);*/
/*    background: linear-gradient(left,#707070 , #838383);}*/
.btna.active{background: -webkit-linear-gradient(left, #707070 , #838383);
    background: -o-linear-gradient(left, #707070 , #838383);
    background: -moz-linear-gradient(left,#707070 , #838383);
    background: -mos-linear-gradient(left,#707070 , #838383);
    background: linear-gradient(left,#707070 , #838383);    -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
.gameContListBot{margin-top:30px;text-align: center;color: #fff;font-size: 16px}
.gameContList .rule{position: absolute;left:70px;top:0px;
    text-shadow:.2rem 0rem .5rem #38a4e2,-.2rem 0rem .5rem #38a4e2,0rem .2rem .5rem #38a4e2,0rem -.2rem .5rem #38a4e2;
    color: #fff;font-size: 18px;cursor: pointer;z-index: 9}
.gameContList .achievement{position: absolute;right:70px;top:0px;
    text-shadow:.2rem 0rem .5rem #38a4e2,-.2rem 0rem .5rem #38a4e2,0rem .2rem .5rem #38a4e2,0rem -.2rem .5rem #38a4e2;
    color: #fff;font-size: 18px;cursor: pointer;z-index: 9}
/*.gameContList .Tips{position: absolute;right: -49%;top:-20px}*/
.gameContList .Tipstxt{color: #fff;line-height: 1.8;width: 80%;margin: 0 auto;font-size: 20px;color: #fff;text-align: center;margin-top:50px}
.gameContList .Tipstxt span{display: block;line-height: 1.4; font-size: 16px;}
.gameContList .Tipstxt span.active{color:#fffe00 }
.gameContList .text{font-size: 28px;color: #fff;text-align: center;margin-top:18%;-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */  user-select: none;}
.gameContList .achievementList{width: 300px;margin: 0 auto;font-size: 20px;color: #fff;margin-top:5%}
.gameContList .achievementList .list{line-height:3;border-bottom: 2px dashed #fff;text-align: center;text-align: right;    -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
.gameContList .achievementList .list span{display: inline-block;width:42%;text-align: left;margin-left:5%;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
.gameContList .best{font-size: 24px;color: #fffe00;text-align: center;margin-top: 10px}
.achievementListBox .btnBox{margin-top: 30px;text-align: center}
.g-hd .m-wphd .navbar-default .navbar-toggle{position: absolute!important;top: 0!important;right: 0!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{position: absolute;z-index: 99;background-color:#f8f8f8;width: 100%}
.achievementListBox .btnBox2{text-align: center}
@media(max-width:1219px){
    #canvasBox{left: 115px}
    .banners .banner_txt{font-size: 40px}
    .banners{background-color:#243949;position: relative;background: url("../images/banner/bannerbg.png");background-size: cover;height:300px;overflow: hidden}

    .gameBoxcontss{width: 700px;position: relative;height: 520px}
    .gameBox{position: fixed;top:20%;right:100px;display: inline-block;width:0px;height:0;;overflow: hidden;transition: all .6s;z-index: 9999;opacity:0}
    .gameBox.active{position: fixed;top:150px;right:calc(50% - 370px) ;display: inline-block;width: 700px;height:520px;transition: all .6s;opacity: 1}

    .gameIco{width: 100px;z-index: 99;top:20%}
}
@media(max-width:1023px){
    .gameContList .Tipstxt span{font-size: 12px}
    /*.gameContList .rule.active{font-size: 18px}*/
    .gameContList .rule.active .jt{left: 40px;right: auto}
    .m-habt .box-fix{padding-top: 15px}
    .m-habt .box-desc{padding-bottom:5px}
    .m-habt .box-desc p{line-height: 1.8}
    .gameIco{;width: 100px;top: 30%}
    .gameBoxcontss{width: 500px;position: relative;height: 520px}
    .gameBox{position: fixed;top:30%;right:50px;display: inline-block;width:0px;height:0;;overflow: hidden;transition: all .6s;z-index: 9999;opacity:0}
    .gameBox.active{position: fixed;top:150px;right:calc(50% - 250px) ;display: inline-block;width: 500px;height:520px;transition: all .6s;opacity: 1}


    /*.gameBox{position: relative;top:150px;left: 50%;margin-left: -250px;display: inline-block;width: 500px}*/
    .gameContList .tit{font-size: 20px;padding: 0;margin-top: 0}
    .gameContList .achievement{right: 38px;top: -40px;font-size: 14px}
    .gameContList .rule{right: 38px;top: -40px;font-size: 14px}
    .dayBox .btn{display: inline-block;width: 50px;padding: 0}
    .dayBox .day{width: 150px;font-size: 24px}
    .gameContListBot{margin-top: 15px;font-size: 12px}
    /*.TipsImg{display: none}*/
    .gameContList .rule{left: 40px}
    .gameContList .Tipstxt {   color: #fff;line-height: 1.6; margin-top: 0; font-size:16px;text-align: center}
    .gameContList .achievementList{margin-top: 0;}
    .gameContList .achievementList .list{line-height:2;font-size: 16px}
    .gameContList .best{font-size: 20px}
    .gameContList .text { font-size: 20px; margin-top: 6%;}
    .btna{width: 100px;height: 30px;line-height: 30px;font-size: 14px}
    .btnb{width: 100px;height: 30px;line-height: 30px;font-size: 14px}
    .achievementListBox .btnBox{margin-top: 20px}
    .gameBox .Close { right:0; top: 0px;  width: 30px;cursor: pointer }
}
@media(max-width:767px){
    .tabbd-item-new .m-schform .form-item{margin-bottom: 10px;}
    .tabbd-item-new .m-schform .form-item span{height: 30px;line-height: 30px;}
    .m-hcountry .tabbd-item-new .form-btn:nth-child(2){height: 30px;line-height: 30px;}
    .m-hcountry .tabbd-item-new .form-btn{height: 30px;line-height: 30px;}
    .m-hduser .user-menu{left: 0;right: auto}
    .gameContList.gameContList2{position: relative;top: 0px}
    .gameContList.gameContList2 .btnBox{margin-top: 7px}
    .gameContList .Tipstxt span{line-height: 1}
    .gameContList .rule.active{margin-left: 0px}
    .gameContList .tit span{font-size:18px}
    .c-clearfix:after{content: none}
    .m-countrylst .box-list .list-item:last-child{display: none}
    /* .m-hcountry .box-tabhd {padding: 0px 8px;} */
    .m-hduser{margin-left:4%}
    .m-hcountry .box-form{padding: 0}
    .m-hcountry .box-wp{padding: 6px}
    .m-schform .form-btn .iconfont{display: none}
    .m-schform .form-btn{height: 30px;line-height: 30px;font-size: 14px}
    .m-schform.m-schform1 .form-btn{height: 30px;line-height: 30px;font-size: 14px}
    .m-hcountry .form-item3{width:50px;position: relative}
    .m-hcountry .form-item2 {right:0px;top: 0;width:135px;position: relative}
    .m-schform .select-btn{height: 30px;line-height: 30px;font-size: 14px;text-indent: 0}
    .m-schform.m-schform1 .select-btn{height: 30px;line-height: 30px;font-size: 14px;text-indent: 0}
    /*.m-hcountry .myieform{width: 63%}*/
    .m-schform .form-text{height: 30px;line-height: 30px;font-size: 12px}
    .m-schform.m-schform1 .form-text{height: 30px;line-height: 30px;font-size: 12px}
    .myieform{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
    .m-hcountry .form-item1{width:calc(100% - 195px) }
    .m-schform .form-text{background-color: #fff}
    .m-schform .select-item a{padding: 0 5px}
    .m-schform .select-btn img{margin-right: 2px;margin-left: 2px}
    .m-hcountry .tabhd-item{line-height: 26px}
    .m-hcountry{margin-top: -28px}
    /* .m-hcountry .tabhd-item{width: 55px} */
    .m-countrylst .box-title{margin:10px 0 10px 0;font-size: 20px}
    .m-countrylst .box-list{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
    .m-countrylst .box-list .list-item{width: 32%;margin-right: 0;margin-bottom: 20px}
    .m-hblank{margin-top: 20px}
    /*.j-fadein.run{}*/
    .m-habt{padding: 20px 0}
    .m-habt .box-img{float: none;margin: 0;width: 100%;display: block;margin-bottom: 10px}
    .m-habt .box-img img{display: block;width: 100%}
    .m-habt .box-fix{padding-top: 15px}
    .m-habt .box-desc{padding-bottom:10px;line-height: 1.6}
    .g-ft{padding: 10px 0}
    .m-ftext{line-height: 20px}
    .m-hcountry .tabhd-item:before{right: 98%}

    .banners{height:150px}
    .ring{margin-left: 10px}
    #canvasBox { left: 29px;  }
    .banners .banner_txt{font-size: 14px;top: 60%}
    .gameIco{width:45px;right: 5px;top:28%}

    .gameBoxcontss{width:350px;position: relative;height: auto}
    .gameBox{position: fixed;top:30%;right:50px;display: inline-block;width:0px;height:0;;overflow: hidden;transition: all .6s;z-index: 9999;opacity:0}
    .gameBox.active{position:fixed;top:100px;right:calc(50% - 175px) ;display: inline-block;width:350px;height:520px;transition: all .6s;opacity: 1}


    /*.gameBox { top: 100px; left: 50%; margin-left: -175px; width: 350px; }*/
    .gameContList .achievementList{width: 200px}
    .gamecontBox{top: 80px}
    .gameContList .achievementList .list{font-size: 14px}
    .gameContList .best{font-size: 16px;margin-bottom: 10px}
    .btna { width: 80px; height: 20px; line-height: 20px; font-size: 12px; }
    .btnb { width: 80px; height: 20px; line-height: 20px; font-size: 12px; }
    .achievementListBox .btnBox{margin-top: 0}
    .gameContList .text{font-size: 16px;margin-top: 10%}
    .gameContList .Tips{display: none}
    .gameContList .tit{font-size: 18px}
    .dayBox .btn{width: 35px;padding: 0;height: 25px}
    .dayBox .day {  width: 115px;  height: 25px; line-height: 25px;  font-size: 20px; }
    .gameContList .achievement { right: 25px; top: -20px; font-size: 12px; }
    .gameContList .rule{left:25px;top: -20px;font-size: 12px}
    .btnBox{margin-top:25px}
    .gameContListBot{width: 220px;margin: 0 auto;margin-top:10px}
    .gameContList .tit{margin: 5px auto 10px}
    .gameBox .Close {  right: 0px;  top: 0px;  width: 20px; }
    .gameContList .Tipstxt{font-size: 12px;margin-top:10px;line-height: 1.2}
    .no{width: 90%;margin: 0 auto;font-size: 12px}
    .el-message-box{width:300px!important}
    body >>> .el-message-box{width:300px!important}

}
@media(max-width:380px){
    .jt{right: -20px}
    .gameContList.gameContList2{position: relative;top: -15px}
    /*.gameContList .rule.active{font-size: 12px}*/
    .m-countrylst .box-list .list-item{width: 49%;margin-bottom: 10px}
    .m-countrylst .box-list .list-item:last-child{display: block}
    .m-countrylst .box-list{margin-bottom: -20px}
    .m-hcountry .form-item3{width: 35px}
    .m-hcountry .form-item1 { width: calc(100% - 152px); }
    .m-schform .form-text{padding: 0 1px}
    .gameBoxcontss{width: 310px;margin: 0 auto;}
    .dayBox .day{width: 100px}
    .btnBox{width: 60%}
    .btnBox{margin-top: 15px}
    .gameContList .tit{font-size: 16px;margin: 5px auto}
    .gameContList .best{font-size: 14px;margin-bottom: 5px}
    .gameContList .achievementList .list{line-height: 1.6}
    .register-m .panel-body, .login-m .panel-body{padding:30px 15px;position: relative;z-index: 999999999}
    .nbackdrop{z-index: 999}
    .register-m .panel-body .form-group{margin-bottom: 10px}
    .modal.in .modal-dialog{position: relative;z-index: 999999999999}
    .m-schform .select-btn:before{right: 5px}
    .m-hcountry .form-item2{width: 113px}
    .m-schform .select-btn img{width: 20px!important;display: inline-block;height: 10px!important;position: relative;  top: -1px;}
    .m-schform .select-item img{margin-right:0px}
    .m-schform .select-item a{padding: 0 4px}
    .m-hcountry .box-wp{padding: 4px} 
    .nbackdrop .close{top: 5px!important;}
    .el-message-box{width:200px!important}
    body >>> .el-message-box{width:200px!important}
}