*,body{margin:0;padding: 0;font-size:24px;}

a{text-decoration: none;color:#000;}
ul,li{list-style: none;}

.fl{float:left;}
.fr{float:right;}
.clear:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clear{
    zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

.frow{display:flex;justify-content: space-around;align-items: center;}
.fbt{display:flex;justify-content: space-between;align-items: center;}
.fcol{display:flex;flex-direction:column;justify-content: space-around;align-items: center;}
.fwarp{flex-wrap: wrap; }
.fcenter{justify-content:center !important;}


#app{
    max-width: 750px;
    height:auto;
    position: relative;
    margin:auto;
}

.tc{text-align: center;}
.ac{align-self: center;}
.astart{align-self: flex-start;}

.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}


.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}

.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}

.pt10{padding-top: 10px !important;}


.grid{
    display: grid;
    grid-template-columns: repeat(3,30%);
    grid-template-rows: repeat(3,30%);
    justify-items: center;
    grid-gap: 20px;
    align-items: center;
}


.mask{position: absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,.6);z-index: 999;display: none;}

/*返回导航*/


.back-box{
    width:95%;
    /*margin:10px auto 30px auto;*/
    text-align: center;
    font-size:32px;
    font-weight:bold;
    line-height: 70px;
}
.back{
    width:19px;
    height:33px;
    background: url('http://p1.277sy.com/program/iosapp/img/back.png') no-repeat;
    background-size: 100%;
}

.back_black{
    width:42px;
    height:42px;
    background: url('http://p1.277sy.com/program/iosapp/img/bt_back.png') no-repeat;
    background-size: 100%;
}

.back-white{
    width:34px;
    height:33px;
    background: url('http://p1.277sy.com/program/iosapp/img/back-white.png') no-repeat;
    background-size: 100%;
}

.span{
    font-size:50.08px;
    font-weight:bold;
    border-bottom: 5px solid #288DFF;
}
.h1{
    font-size:40px;
    font-weight:bold;
    border-bottom: 5px solid #288DFF;
}

.w690{
    width:690px;
    margin:20px auto 30px auto;
}

textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}


/*顶部导航栏*/
.topnav{
    background-color: #FF9C00;
    padding-bottom: 16px;
}

.nav-tab{
    position: fixed;
    top:0;
    left:50%;
    background-color: #FF9C00;
    z-index: 1000;
    height:80px;
    width:750px;
    transform: translateX(-50%);
}

.tab{
    width:160px;
    height:40px;
    font-size:30px;
    color:#fff;
    text-align: center;
    line-height: 40px;
    padding-bottom: 10px;
    font-weight: 600;
}

.tab-active{
    font-weight:bold;
    font-size: 32px;
}

.tab-border{
    width:80%;
    height:3px;
}
.tab-border-active{
    background-color: #fff;
}


.search{
    width:90%;
    margin:auto;
    position: relative;
}

.put{
    width:608px;
    outline: none;
    border:0;
    height:60px;
    opacity: 1;
    border-radius: 30px;
    font-size:24px;
    color:#fff;
    text-indent: 50px;
    background-color: rgba(243,243,243,.4);
}

.put::-webkit-input-placeholder {
    color: #fff;
    font-size:24px;
}

.i-search{
    width:24px;
    height:24px;
    background:url('http://p1.277sy.com/program/iosapp/img/i-search.png') no-repeat ;
    position: absolute;
    top:18px;
    left:16px;
    background-size: 100%;
}

.i-gamecenter{
    width:52px;
    height:52px;
    background: url('http://p1.277sy.com/program/iosapp/img/i-gamecenter.png') no-repeat;
    position: absolute;
    top:0px;
    right:0px;
    background-size: 100%;
}

.lunbo{
    width:690px;
    height:326px;
    margin:20px auto !important;
    border-radius: 30px;
}

.lunbo-item{
    text-align: center;
    line-height: 326px;
    border-radius: 30px;
}
/*底部导航栏*/
.footerbar{
    width:750px;
    height:92px;
    position: fixed;
    background: #f9f9f9;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
    z-index: 1000;
}
.i-bar{
    width:42px;
    height:42px;
}

/*baricon*/
.i-home{background: url('http://p1.277sy.com/program/iosapp/img/home.png') no-repeat;background-size: 100%;}
.i-home-active{background: url('http://p1.277sy.com/program/iosapp/img/home-active.png') no-repeat;background-size: 100%;}

.i-apply{background: url('http://p1.277sy.com/program/iosapp/img/apply.png') no-repeat;background-size: 100%;}
.i-apply-active{background: url('http://p1.277sy.com/program/iosapp/img/apply-active.png') no-repeat;background-size: 100%;}

.i-apply{background: url('http://p1.277sy.com/program/iosapp/img/apply.png') no-repeat;background-size: 100%;}
.i-apply-active{background: url('http://p1.277sy.com/program/iosapp/img/apply-active.png') no-repeat;background-size: 100%;}

.i-stored{background: url('http://p1.277sy.com/program/iosapp/img/stored.png') no-repeat;background-size: 100%;}

.i-my{background: url('http://p1.277sy.com/program/iosapp/img/my.png') no-repeat;background-size: 100%;}
.i-my-active{background: url('http://p1.277sy.com/program/iosapp/img/my-active.png') no-repeat;background-size: 100%;}

/*end baricon*/


.bar-title{
    font-size: 22px;
    font-weight: 400;
    color: #aaa;
}

.bar-title-active{color:#288DFF;}
.bar{
    height:80px;
}

.hr{
    background-color: #f3f3f3;height:1px;width:690px;margin:auto;
}

.gh1{
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    border-left: 8px solid #288dff;
    padding-left: 8px;
}

.w686{
    width:686px;
    margin:30px auto;
}

.i-down{
    width: 38px;
    height: 37px;
    border:1px solid red;
}

.line{
    width:100%;
    height:1px;
    background-color: #f3f3f3;
}

.dlg{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 10000;
    display: none;
}

.w95{
    width:95%;
    margin:10px auto;
}

.gameicon138{
    width: 138px;
    height: 138px;
    opacity: 1;
    border-radius: 20px;
}

.gamedesc138{
    height:138px;
}

.gametitle138{
    font-size: 32px;
    font-weight: 800;
    color:#222;
}

.i-go28{
    width:28px;
    height:28px;
    background: url('http://p1.277sy.com/program/iosapp/img/Home/bt_right.png') no-repeat;
    background-size: 100%;
}

.f32{
    font-size:32px;
    font-weight:700;
}

.f28{
    font-size:28px;
    font-weight:400;
}

.cf{color:#fff !important;}
.bf{background-color: #fff !important;}

/*layer*/
.dlg-layer{
    width:640px;
    height:100px;
    border-radius: 50px;
    position:fixed;
    top:400px !important;
    left:50%;
    transform: translateX(-50%);
}

.dlg-layer-index{
    top:5% !important;
}

#layer_warm{
    background: linear-gradient(351deg,#0054ff 0%, #288dff 100%);
}

#msg{color:#fff;width:90%;margin:10px auto;height:80px;text-align: center;line-height:80px; font-size: 28px;font-weight: 700;}
/*确认弹窗*/
.dlg-confirm{
    width:590px;
    height:300px;
    background-color: #fff;
    border-radius: 20px;
}

.confirmtitle{
    text-align: center;
    margin:20px auto;
    font-size: 26px;
    color:#222;
    font-weight: 700;
}

.confirmcontent{
    width:90%;
    margin:20px auto;
    font-size: 24px;
    color:#666;
    text-indent: 50px;
}

.confirmbtns{
    position: absolute;
    bottom: 10px;
    right:0;
    width:100%;
}

.confirmbtn{
    width:60px;
    height:40px;
    margin-right: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
}

.confirm-no{
    color:#999;
}

.zhe{font-size: 20px !important;}
.zhenum{font-size: 28px!important;font-weight: 700;}

.zhe-red{color:#FF2626;}
.zhe-whilte{color:#fff;}
.zhenum1{font-size: 37px !important;}
.zhe1{font-size: 25px !important;}


/*固定弹窗*/

/*客服图标*/
.kefuicon{
    width:125px;
    height:125px;
    background: url('http://p1.277sy.com/program/iosapp/img/Home/callCenterBtn.png') no-repeat;
    background-size: 100%;
    position: fixed;
    z-index: 1000;
    bottom: 143px;
    left:85%;
    border-radius: 50%;
    transform: translateX(0%);
}

.kefuicon-vip{
    width:113px;
    height:133px;
    background: url('http://p1.277sy.com/program/iosapp/img/Home/callCenterBtn_vip.png') no-repeat;
    background-size: 100%;
    position: fixed;
    z-index: 1000;
    bottom: 250px;
    left:85%;
    border-radius: 50%;
    transform: translateX(0%);
}

.kefuicon-vip-cat{
    background: url('http://p1.277sy.com/program/iosapp/img/cat/callCenterBtn_vip.png') no-repeat;
    background-size: 100%;
}

.kefuicon-vip-zero{
    background: url('http://p1.277sy.com/program/iosapp/img/zero/callCenterBtn_vip.png') no-repeat;
    background-size: 100%;
}


.fixed-icon{
    width:750px;
    display: flex;
    justify-content: flex-end;
}


@media all and (min-width: 1024px){
    .kefuicon{ left:63%;}
}


/*end 固定弹窗*/

.dlg-supervip{
    width:665px;
    height:826px;
    background: url('http://p1.277sy.com/program/iosapp/img/vipdown2.png') no-repeat;
    position: fixed;
}

.dlg-supervip2{
    width:665px;
    height:826px;
    background: url('http://p1.277sy.com/program/iosapp/img/vipdown1.png') no-repeat;
    position: fixed;}

.btn-vip{width:480px;height:88px;position: absolute;z-index: 10003;left:48%;transform: translateX(-50%);}

.btn-vip1{top:481px;}
.btn-vip2{top:644px;}
.btn-vip3{top:442px;}
.close-vip{
    width:64px;
    height:64px;
    background: url('http://p1.277sy.com/program/iosapp/img/close.png') no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -80px;
    left:50%;
    transform: translateX(-50%);
    z-index: 10003;
}
.dlg-supervip-cat{
    width:688px;
    height:702px;
    background: url('http://p1.277sy.com/program/iosapp/img/cat/vipdown2.png') no-repeat;
    position: fixed;
}

.dlg-supervip2-cat{
    width:688px;
    height:702px;
    background: url('http://p1.277sy.com/program/iosapp/img/cat/vipdown1.png') no-repeat;
    position: fixed;
}

.btn-vip1-cat{top:382px;}
.btn-vip2-cat{top:540px;}
.btn-vip3-cat{top:354px;}

.dlg-supervip-zero{
    width:688px;
    height:763px;
    background: url('http://p1.277sy.com/program/iosapp/img/zero/vipdown2.png') no-repeat;
    position: fixed;
}

.dlg-supervip2-zero{
    width:688px;
    height:769px;
    background: url('http://p1.277sy.com/program/iosapp/img/zero/vipdown1.png') no-repeat;
    position: fixed;
}

.btn-vip1-zero{top:434px;left:51%;}
.btn-vip2-zero{top:594px;left:51%;}
.btn-vip3-zero{top:399px;left:51%;}