a{color:#000;}

a:active,a:hover {
    outline:0
}

img {outline: none;border: 0;}
i.bg{
    display: inline-block;vertical-align: middle;
    background-repeat:no-repeat;
    background-image:url('https://www.chanyicw.com/public/images/bgs.png');
    background-size:4.26667rem 1.8rem;
}
#logo{
    display: inline-block;
    padding:.6rem .2rem;
    vertical-align: middle;
}
#logo .logo{
    display: inline-block;
    width:19.3rem;
    height:2.36666rem;
    background:url('https://www.chanyicw.com/public/images/cha_logo.png') no-repeat center center;
    background-size: 100%;
    vertical-align: middle;
}
#logo .btn_login{
    display: inline-block;
    margin-left:.5rem;
    height:1.44333rem;
    line-height:1.44333rem;
    padding:0 1rem;
    color:#fff;
    background-color:#ffc90d;
    font-size: 0.6rem;
    border-radius:1.44333rem;
    vertical-align: middle;
}
#userbox{
    padding-bottom:0.8rem;
}
#userbox .facebox img{
    display: inline-block;
    margin:0.8rem 0 0 2.1rem;
    width:4.2666rem;
    height:4.2666rem;
    border-radius:4.2666rem;
    border:.13333rem solid #fff;
}
#userbox .facebox{
    width:7.2rem;
    float:left;
}
#userbox .infobox{
    width:16rem;
    float:left;
}
#userbox .login-tips{
    margin:1rem 0 0 0;
    padding:1.6rem 0 0 0;
}
.main-container{
    background:#fff;
}
.main-container .menu-list{
    text-align: center;
}
.main-container .menu-list .menu-item{
    padding:1.25rem;display: inline-block;
}
.main-container .menu-list .menu-item a.ycitem{
    display: inline-block;
    position:relative;
    text-align: center;
    width:4.6667rem;
    height:4.6667rem;
    background:url('https://www.chanyicw.com/public/images/norver.png') no-repeat;
    background-position:center top;
    background-size:100%;
    /*border-radius:4.666rem;*/
    /*border:0.13333rem solid #ede1b9;*/
}
.main-container .menu-list .menu-item a.uptips{
    background-position:center bottom;
}
.main-container .menu-list .menu-item a.hightver{
    background-image:url('https://www.chanyicw.com/public/images/hightver.png');
    background-position:center top;
}
.main-container .menu-list .menu-item a.togglebtn{
    margin:0 auto;
    margin-top:0.2rem;
    cursor:pointer;
    display: none;
    width:67px;
    height:25px;
    background:url('https://www.chanyicw.com/public/images/upbtn.png') no-repeat;
    background-position:left bottom;
}
.main-container .menu-list .menu-item a.toggletips{
    background-position:left top;
}
.main-container .menu-list-adv .menu-item a.togglebtn{
    display: inline-block;
}
.main-container .menu-list .menu-item h3{
    margin:0;
    padding:.4rem 0 0 0;
    font-weight: normal;
    font-size: 0.6rem;
    color:#999;
}
.main-container .menu-list .menu-item a span{
    position: relative;
    top:0.86666rem;
    display: inline-block;
    width:2.93333rem;
    padding-top:2.93333rem;
    height:0px;
    background-position: center center;
    background-size:100% 100%;
}
.main-container .menu-list .menu-item .yc-fh{background-image:url('https://www.chanyicw.com/public/images/yc_fh.png');}
.main-container .menu-list .menu-item .yc-ln{background-image:url('https://www.chanyicw.com/public/images/yc_ln.png');}
.main-container .menu-list .menu-item .yc-bl{background-image:url('https://www.chanyicw.com/public/images/yc_bl.png');}
.main-container .menu-list .menu-item .yc-ag{background-image:url('https://www.chanyicw.com/public/images/yc_ag.png');}
.main-container .menu-list .menu-item .yc-nn{background-image:url('https://www.chanyicw.com/public/images/yc_nn.png');}
.main-container .menu-list .menu-item .yc-dd{background-image:url('https://www.chanyicw.com/public/images/yc_dd.png');}
.main-container .menu-list .menu-item .yc-nb{background-image:url('https://www.chanyicw.com/public/images/yc_nb.png');}
.main-container .menu-list .menu-item .yc-js{background-image:url('https://www.chanyicw.com/public/images/yc_js.png');}
.main-container .menu-list .menu-item .yc-jj{background-image:url('https://www.chanyicw.com/public/images/yc_jj.png');}

.btn-primary{
    color: #ffffff;
    background-color: #2fa4e7;
    border-color: #2fa4e7;
    background-image:-webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image:-o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5));
    background-image:linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-repeat:no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);
    -webkit-filter:none;
    filter:none;
    border-bottom:1px solid #178acc;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active{
    color:#ffffff;
    background-color:#178acc;
    border-color:#1684c2
}
.btn-primary.active,.btn-primary.active:hover,.btn-primary.active:active{
    cursor:default;
    border-color: #DE5900;
    background-color:#F60;
}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color:#2fa4e7;
    border-color:#2fa4e7;
    cursor:default;
}

.main-container .menu-item{
    text-align: center;
}
.main-container .ycgame-list{
    padding:.5rem;
}
.main-container .ycgame-list .btn{
    padding:0;
    width:2.45rem;
    height:1.8rem;
    font-size: .45rem;
    line-height:1.8rem;
    margin-left:5px;
}
.main-container .yctype-list,.main-container .ycmenu-list{
    width:21rem;margin:0 auto;
}
.main-container .yctype-list{
    padding:.5rem 0;
}
.main-container .yctype-list a,.main-container .ycmenu-list a{
    box-sizing: border-box;
    display: inline-block;
    float:left;
    width:25%;
    height:1.4rem;
    font-size: .6rem;
    line-height:1.4rem;
    text-align: center;
    border: 1px solid #ccc;
    margin: -1px 0 0 -1px;
    border: .05rem solid #ccc;
    margin: -.05rem 0 0 -.05rem;
}
.main-container .yctype-list .menu-item>a:first-child,.main-container .ycmenu-list .menu-item>a:first-child{
    border-radius: 3px 0 0 3px;
    border-radius: .1rem 0 0 .1rem;
}
.main-container .yctype-list .menu-item>a:last-child,.main-container .ycmenu-list .menu-item>a:last-child{
    border-radius: 0 3px 3px 0;
    border-radius: 0 .1rem .1rem 0;
}
.main-container .yctype-list .menu-item,.main-container .ycmenu-list .menu-item{
    padding:.1rem 0;
}
.main-container .yctype-list a.active,.main-container .ycmenu-list a.active{
    border-color: #0080ff;
    background-color: #0080ff;
    color: #fff;
}
.main-container .yctable{
    width:20.8rem;margin:0 auto;
    padding-top:.5rem;
}
.main-container .yctable td{
    color:#222;
    font-size: 14px;
    font-size: .6rem;
    padding:6px 0;
    padding:.25rem 0;
    text-align: center;
    border-top: 1px solid #eee;
    border-top: .05rem solid #eee;
}
.main-container .yctable th{
    background-color:#f4f4f4;
    font-weight: bold;
    color:#222;
    font-size: 14px;
    font-size: .6rem;
    padding:8px 0;
    padding:.3rem 0;
    text-align: center;
}
.main-container .yclefttime{
    line-height: 1.2rem;
    width:20.8rem;margin:0 auto;
    padding:.2rem;
    margin-top:.5rem;
    background:#E2F5F9;
    border-radius:8px;
    border-radius:.3rem;
    border:1px solid #CBE8EF;
    border:.05rem solid #CBE8EF;
}
.main-container .yclefttime .leftbox{
    color:#1E89C7;
    text-align: center;
    font-size: .7rem;
}
.main-container .yclefttime .leftbox b{
    font-weight: normal;
    color:#FF4900;
}
.btn-fluid .btn{
    width:100%;
}
.row .form-colitem{
    display: inline-block;
    vertical-align: middle;
    float:none;
}
.row .col-xs-12 p.infotext{
    padding:.5rem;
    border-radius:.2rem;
}

#regist-form{
    background-color:#fff;
    padding:.5rem 1rem 0 1rem;
}
#regist-form .row{
    padding:.5rem;
}
#regist-form label{
    color:#930;font-size: 14px;
}
#regist-form .col-xs-12 p{
    font-size: 14px;
}
#regist-form .col-xs-12 p{
    padding:.5rem;
    border-radius:.2rem;
}

#getpass-form{
    background-color:#fff;
    padding:1.2rem 1rem;
}
#getpass-form .row{
    padding:.8rem .5rem;
}
#getpass-form label{
    color:#930;font-size: 14px;
}
#getpass-form .col-xs-12 p{
    font-size: 14px;
}
#getpass-form .col-xs-12 p{
    padding:.5rem;
    border-radius:.2rem;
}

#login-form{
    background-color:#fff;
    padding:1.2rem 1rem;
}
#login-form .row{
    padding:.5rem;
}
#login-form label{
    color:#930;font-size: 14px;
}
#login-form .login_remember{
    text-align: left;
}
#login-form .login_links{
    text-align: right;
}
#login-form .login_links a{
    font-size: 14px;
}
#login-form .col-xs-6 label{
    font-weight: normal;
}

#user-personal{
    background-color:#fff;
    padding:1.2rem 1rem;
}
#user-personal .row{
    padding:.5rem;
}

#user-personal .cardbtn{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box; 
    height:16px;
    /*width:96px;*/
    margin-bottom:4px;
    line-height:16px;
    padding:4px 8px 4px 28px;
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    background:url('https://www.chanyicw.com/public/images/buytype.png') no-repeat left top #f8f8f8;
    border:1px solid #e4e4e4;
    border-radius:3px;
}
#user-personal .cardbtn:hover,#user-personal .cardbtn:active{
    color:#c00;
}
#user-personal .cardbtn.active{
    color: #c00;
    border-color:#ECBE1E;
    background-color:#FFC90D;
    background-position:left -32px;
}
.hotlink{
    display: inline-block;padding-right:20px;padding-left:2px;
    background:url('https://www.chanyicw.com/Public/Cha28/images/hot.gif') no-repeat right top;
}


.new-n1{background:#E6DE00;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n2{background:#0092DD;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n3{background:#4B4B4B;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n4{background:#FF7600;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n5{background:#17DEE1;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n6{background:#5234FF;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n7{background:#BFBFBF;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n8{background:#FF2600;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n9{background:#780B00;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-n10{background:#07BF00;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.new-no{background:#BD72E2;width:28px;height:28px;line-height:28px;margin-right:3px;text-align:center;border-radius:50%;font-size:18px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}

.old-n1{background:#E6DE00;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n2{background:#0092DD;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n3{background:#4B4B4B;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n4{background:#FF7600;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n5{background:#17DEE1;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n6{background:#5234FF;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n7{background:#BFBFBF;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n8{background:#FF2600;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n9{background:#780B00;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-n10{background:#07BF00;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px;}
.old-no{background:#BD72E2;width:20px;height:20px;line-height:20px;margin-left:3px;text-align:center;border-radius:50%;font-size:13px;color:#fff;font-weight:700;display:inline-block;text-shadow: #333 1px 1px 1px}
.ball-blue-lg {
    background: url(../image/ball-blue-lg.png) center no-repeat;
}
.ball-red-lg {
    background: url(../image/ball-red-lg.png) center no-repeat;
}
.ball-green-lg {
    background: url(../image/ball-green-lg.png) center no-repeat;
}
.ball {
    width: 32px;
    height: 32px;
    background-size: 95%;
    font-size: 16px;
    line-height: 26px;
    padding-left: 7px;
    text-align: left;
    margin-right:2px;
}