img{max-width:100%;}
p{margin:0 0 5px 0;}
.pop1,.pop2,.pop3{display: none;position: relative;z-index: 1000;}
body,.banner{width:100%;overflow-x:hidden;}
.myform,.gift_box{
    position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;text-align: center;
}
.shadow{
    position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack:center;
    -webkit-box-align: center;
    -webkit-align-items:center;
    align-items: center;
    -webkit-justify-content:center;
    justify-content:center;
}
.pop1 .myform{padding:30px 50px;box-sizing:border-box;-webkit-box-sizing:border-box;background:url("https://game.2255game.cn/website/public/LDY_public/images/pop_user/border.png")no-repeat;background-size: 100% 100%;}
.pop2 .myform{padding:30px 50px;box-sizing:border-box;-webkit-box-sizing:border-box;background:url("https://game.2255game.cn/website/public/LDY_public/images/pop_user/border.png")no-repeat;background-size: 100% 100%;}
.reg_title{margin-bottom:15px;}
.form-control,#code{border-radius:5px;}
.pop1 .input_group,.pop2 .input_group{height:34px;margin:18px auto;}
.pop1 input{text-indent:2%;}
.pop1 input#username{width:100%;}
.pop1 input#y_code{width:50%;float:left;}
#code{
    width:98px;height:32px;line-height:32px;vertical-align:middle;display: inline-block;float:right;border:1px solid #d4d4d4;
    text-decoration:none;color:#444;
}

.ok_btn{
    width:100px;height:34px;line-height:34px;background:url("https://game.2255game.cn/website/public/LDY_public/images/pop_user/btn.png")no-repeat;background-size: 100% 100%;
    text-align: center;border:0;outline:none;color: white;margin-top:5px;font-size:16px;
}
#reg_pt,#reg_phone{float: right;color:#d4d4d4;text-decoration:none; }
#reg_pt:link,#reg_phone:link{color:#d4d4d4;text-decoration:none; }
.close_reg{width:26px;height:26px;position:absolute;top:13px;right:15px;background:url("https://game.2255game.cn/website/public/LDY_public/images/pop_user/x.png")no-repeat;
    background-size: 100% 100%;}
.gift_box{
    width:300px;height:180px;padding:30px 50px;background:url("https://game.2255game.cn/website/public/LDY_public/images/pop_user/gift_pop.png")no-repeat;background-size: 100% 100%;box-sizing:border-box;-webkit-box-sizing:border-box;
}

#gift_code{
    width:80%;height:34px;line-height:34px;font-size:15px;border-radius:5px;margin:0 auto;
    margin-top:30px;margin-bottom:8px;border:solid 1px #d4d4d4;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;box-sizing:border-box;-webkit-box-sizing:border-box;font-size:14px;line-height:1.42857143;color:#555;
    background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled].form-control{background-color:#eee;opacity:1}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}
.myform,.gift_box{z-index:100;}
@media screen and (max-width: 320px) {
    .myform{width:300px;height:300px;}
    .pop1,.pop2,.pop3{font-size:12px}
    .pop1 .input_group{margin:12px auto;}
    .pop2 .input_group{margin:16px auto;}
}
@media screen and (min-width: 321px) and (max-width: 375px) {
    .myform{width:340px;height:320px;}
    .pop1,.pop2,.pop3{font-size:14px}
    .pop1 .input_group{margin:15px auto;}
    .pop2 .input_group{margin:17px auto;}
}
@media screen and (min-width: 376px) and (max-width: 414px) {
    .myform{width:360px;height:340px;}
    .gift_box{width:360px;height:200px;}
    .pop1,.pop2,.pop3{font-size:15px}
    .pop1 .input_group{margin:18px auto;}
    .pop2 .input_group{margin:20px auto;}
    #code{width:120px;}
}
@media screen and (min-width: 415px) and (max-width: 639px) {
    .myform{width:400px;height:320px;}
    .gift_box{width:400px;height:210px;margin-top:-105px;}
    .pop1,.pop2,.pop3{font-size:17px}
    .reg_title{margin-bottom:30px;}
    .pop1 .input_group{margin:18px auto;}
    .pop2 .input_group{margin:20px auto;}
    #code{width:130px;}
}
@media screen and (min-width:720px) {
    .myform{width:515px;height:449px;}
    .gift_box{width:515px;height:332px;}
    .pop1,.pop2,.pop3{font-size:18px}
    .reg_title{margin-bottom:40px;}
    .input_group,#code,.ok_btn,#gift_code,.form-control{height:48px;line-height:48px;}
    #gift_code{margin-top:80px;font-size:20px;margin-bottom:20px;}
    .ok_btn{margin-top:30px;}
    .pop1 .input_group{margin:28px auto;}
    .pop2 .input_group{margin:30px auto;}
    #code{width:160px;}
    .close_reg{width:36px;height:36px;top:20px;right:20px;}
}