/*kv*/
.con1 {
    width: 20rem;
    height:31.5rem;
    background: url(../images/c_nbg1.jpg) no-repeat center;
    background-size:cover;
    position: relative;
    /*overflow: hidden;*/
}
.con1 .logo1{
    position: absolute;
    left: 1rem;
    top: 4.5rem;
    width: 6.9375rem;
    height: 4.3125rem;
    z-index: 11;
}
.con1 .slogan{
    position: absolute;
    left: 50%;
    top: 13rem;
    width: 20rem;
    height: 16.75rem;
    z-index: 11;
    margin-left: -10rem;
}
.con1 .down_btn{
    width: 14.8125rem;
    height: 3.3125rem;
    position: absolute;
    z-index: 15;
    bottom: 0;
    left: 50%;
    margin-left: -7.40625rem;
}
/*抽奖*/
.lottery {
    width: 20rem;
    height:26.125rem;
    background: url(../images/c_nbg2.jpg) no-repeat center;
    background-size:cover;
    position: relative;
    /*overflow: hidden;*/
}
.i_main .l_login{
    position: relative;
    font-size: .9375rem;
    color: #8aa9c5;
    z-index: 100;
    text-align: center;
    margin-top:.6rem;
}
.i_main .l_login .co_loginbtn,.i_main .l_login .logout{margin-left:.3125rem;}
.i_main .check_ward{
    font-size: .9375rem;
    color: #8aa9c5;
    text-align: center;
    width: 7rem;
    margin: 0 auto;
    margin-top: 1rem;
    text-decoration: underline;
}
.i_main .lottery_box{
    position:relative;
    overflow: hidden;
}
.i_main .lottery_box .lottery_out_box{
    position:relative;
    margin: 0 auto;
    width:18.6875rem;
    height:18.6875rem;
    margin-top: 1rem;
}
.i_main .lottery_box .lottery_inner_box{
    position: absolute;
    top:50%;
    left:50%;
    margin: -9.34375rem auto auto -9.34375rem;
    width:18.6875rem;
    height:18.6875rem;
    overflow: hidden;
}
.i_main .lottery_box .wheelcanvas{
    position: relative;
    width:18.6875rem;
    height:18.6875rem;
    background: url(../images/c_nlottery_bg.png) no-repeat;
    background-size: 100% 100%;
}
.i_main .lottery_box .pointer{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2.78125rem auto auto -2.546875rem;
    width: 5.09375rem;
    height: 5.5625rem;
    background: url(../images/c_nlottery_bg1.png) no-repeat;
    background-size: 100% 100%;
}
.i_main .lottery .lottery_num{
    width: 9.0625rem;
    height: 1.40625rem;
    line-height: 1.40625rem;
    margin: 0 auto;
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    color: #8aa9c5;
    text-align: center;
}
.i_main .lottery .lottery_num>span{
    margin:0 0.3125rem;
    font-size:1.0625rem;
    color:#fff;
}

/*活动规则*/
.ward_rules {
    width: 20rem;
    height:18.0625rem;
    background: url(../images/c_nbg3.jpg) no-repeat center;
    background-size:cover;
    position: relative;
    /*overflow: hidden;*/
}
.ward_rules .rule_box{
    width:18.125rem;
    margin:0 auto;
}
.ward_rules .rule_box .tit{
    font-size:.9375rem;
    color:#8286a6;
    font-weight:600;
}
.ward_rules ul{
    font-size: 0.75rem;
    color: #a1a5c2;
    margin-top:1rem;
}
.ward_rules ul li{
    position: relative;
    line-height: 1.8rem;
    padding-left: 1.5rem;
}
.ward_rules ul li>i{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.4rem;
    content: "";
    width: 0.875rem;
    height: 1rem;
    font-size: .625rem;
    text-align: center;
    color: #767fac;
    line-height: 1rem;
    background: url(../images/c_npoint.png);
    background-size: 100% 100%;
}

/*弹框*/
.co_tips {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.co_tips .co_con {
    position: relative;
    top: 45%;
    width:17rem;
    height: 21.8125rem;
    margin: 0 auto;
    background: url(../images/c_ntipsbg1.png) no-repeat;
    background-size: 100% 100%;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    /* IE 9 */
    -webkit-transform: translate(0,-50%);
    /* Safari and Chrome */
    -o-transform: translate(0,-50%);
    /* Opera */
    -moz-transform: translate(0,-50%);
    /* Firefox */
}
.co_tips .co_con .co_tips_close {
    z-index: 20;
    position: absolute;
    right:0.46875rem;
    width: 1.4375rem;
    height: 1.3125rem;
    top: 2rem;
    cursor: pointer;
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
.co_tips .co_con .co_tips_close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}
.co_tips .co_con .div{
    overflow: hidden;
    position: relative;
    width: 17rem;
    z-index: 2;
    height: 12rem;
    top: 9rem;
}
.co_tips .co_con .co_form{
    width:13.75rem;
    margin:0 auto;
    overflow: hidden;
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.co_tips.co_tips_login .co_con .co_form{
    margin-top: .5rem;
}
.co_tips .co_con .co_form .co_input{
    position:relative;
    height: 3.6875rem;
}
.co_tips .co_con .co_form .co_input input{
    width: 13.75rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    text-indent: 0.75rem;
    font-size: .9375rem;
    color:#fff;
    background:url("../images/c_ninputbg1.png");
    background-size:100% 100%;
    border:none;
    outline:none;
}
.co_tips .co_con .co_form .co_input input::-webkit-input-placeholder {
    font-size: .9375rem;
    color:#a5a8b0;
}
.co_tips .co_con .co_form .co_input input:-moz-placeholder{
    font-size: .9375rem;
    color:#a5a8b0;
}
.co_tips .co_con .co_form .co_input input::-moz-placeholder {
    font-size: .9375rem;
    color:#a5a8b0;
}
.co_tips .co_con .co_form .co_input input:-ms-input-placeholder {
    font-size: .9375rem;
    color:#a5a8b0;
}
.co_tips .co_con .co_form .co_input .captcha,.co_tips .co_con .co_form .co_input .co_codenum1{
    width:7.28125rem;
    background:url("../images/c_ninputbg2.png");
    background-size:100% 100%;
}
.co_tips .co_con .co_form .co_input .co_captcha{
    position: absolute;
    right: 0;
    top: 0.03125rem;
    width: 6.15625rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    cursor: pointer;
    font-size: .9375rem;
    color: #666;
    text-align: center;
    background: #fff;
    border-radius: 2.8125rem;
}
.co_tips .co_con .co_form .co_input .co_codebtn{
    position: absolute;
    right: 0;
    top: 0.03125rem;
    width: 6.15625rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    cursor: pointer;
    font-size: .9375rem;
    color: #a5a8b0;
    text-align: center;
    background: #4C546B;
    border-radius: 2.8125rem;
}
.co_tips .co_con .co_form .co_captcha img{
    width: 5rem;
    height: 1.875rem;
    position: absolute;
    top: 50%;
    margin-top: -0.9375rem;
    margin-left: -2.5rem;
}
.co_tips .co_con .co_tips_loginbtn{
    position: absolute;
    left: 50%;
    bottom: -2rem;
    width: 11.875rem;
    height: 3.3125rem;
    margin-left: -5.9375rem;
    background: url(../images/c_nloginbtn.png);
    background-size: 100% 100%;
    cursor: pointer;
}
.co_tips .co_con .co_tips_surebtn{
    z-index:20;
    position: absolute;
    left: 50%;
    bottom: -2rem;
    width: 11.875rem;
    height: 3.3125rem;
    margin-left: -5.9375rem;
    background: url(../images/c_nsurebtn.png);
    background-size:100% 100%;
    cursor: pointer;
}
.co_tips .co_con .co_form .co_error{
    opacity: 0;
    color: rgba(255,255,255,.9);
    font-size: 0.625rem;
    height: 0.875rem;
    line-height: 0.875rem;
    text-indent: .9375rem;
}
.co_tips .co_con .co_form .co_error.co_err_show {opacity: 1;}
/*奖品弹框*/
.co_tips.co_tips_ward .co_con {
    width:17rem;
    height: 20.96875rem;
    background: url(../images/c_ntipsbg2.png) no-repeat;
    background-size: 100% 100%;
}
.co_tips.co_tips_ward .co_con .co_form{
    width:15.1875rem;
    margin:0 auto;
}
.co_tips.co_tips_ward .tips_name {
    font-size: 1rem;
    color: #a5a8b0;
    text-align: center;
}
.co_tips.co_tips_ward .tips_name span{
    color:#ff4942;
}
.co_tips.co_tips_ward .tips_code{
    position: relative;
    width: 15.1875rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    background: #24201E;
    border-radius: 2.8125rem;
    margin-top: 1rem;
}
.co_tips.co_tips_ward .tips_code .code_num{
    display: block;
    font-size: .9375rem;
    color: #ccd0dd;
    width: 11.5rem;
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.co_tips.co_tips_ward .tips_code .code_copy{
    position: absolute;
    width: 3rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    text-align: center;
    right: 0;
    top: 0;
    font-size: .9375rem;
    color: #ffb400;
    text-decoration: underline;
    z-index:100;
}
/*谢谢参与弹框*/
.co_tips.co_tips_no .co_con {
    width:17rem;
    height: 20.96875rem;
    background: url(../images/c_ntipsbg2.png) no-repeat;
    background-size: 100% 100%;
}
.co_tips.co_tips_no .tips_txt {
    font-size: .9375rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
/*中奖记录弹框*/
.co_tips.co_tips_record .co_con {
    width:17rem;
    height: 21.8125rem;
    background: url(../images/c_ntipsbg3.png) no-repeat;
    background-size: 100% 100%;
}
.co_tips.co_tips_record .co_con .co_form{
    width: 14.625rem;
    margin:0 auto;
}
.co_tips.co_tips_record .co_form p{
    float: left;
    width:14.5rem;
    position: relative;
    border-left:0.0625rem solid #474A55;
    border-right: 0.0625rem solid #474A55;
    background:transparent;
}
.co_tips.co_tips_record .co_form p>span{
    text-align:center;
    float:left;
    display:inline-block;
    width: 5.84375rem;
    height:1.5625rem;
    line-height:1.5625rem;
    font-size:0.625rem;
    color:#d1d3d8;
    border-bottom:0.03125rem solid #474A55;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.co_tips.co_tips_record .co_form p>span:nth-of-type(3){
    width:2.65625rem;
}
.co_tips.co_tips_record .co_form p>span:nth-of-type(1),.co_tips.co_tips_record .co_form p>span:nth-of-type(2){
    border-right:0.0625rem solid #474A55;
}
.co_tips.co_tips_record .co_form p.table_title{
    color: #7f2e09;
    border:0.0625rem solid #474A55;
    border-bottom: none;
}
.co_tips.co_tips_record .co_form p.table_title span{
    font-size:.9375rem;
    color:#7a89b0;
}
.co_tips.co_tips_record .co_form .table_list{
    overflow: auto;
    width: 100%;
    height: 7.625rem;
    padding-right: .625rem;
}
.co_tips.co_tips_record .co_form p.table_info{
    background:transparent;
}
.co_tips.co_tips_record .co_form p.table_info>span{
    height:2.5rem;
    line-height: 2.5rem;
}
.co_tips.co_tips_record .co_form p.table_info:last-of-type{
    border:0.0625rem solid #474A55;
    border-top: none;
}
.co_tips.co_tips_record .co_form p.table_info:last-of-type>span{
    border-bottom: none;
}
.co_tips.co_tips_record .co_form p .copy{
    font-size:.625rem;
    color:#ffc000;
    cursor:pointer;
}





@keyframes scales{0%{transform: scale(1); }50% {transform: scale(0.9);}100% {transform: scale(1);}}
@-webkit-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}
@-moz-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}
@-o-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}
@-ms-keyframes scales{0%{-webkit-transform: scale(1);}50% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);}}