/*背景颜色*/
.container {
    /*background: #fff;*/
}

/*图片*/
.img-top,
.img-bottom {
    width: 100%;
}


/*表单*/

.form {

    position: relative;
}

.form .input-container {
    position: relative;
    width: 100%;
}

.form .input-container .txt-code {
    width: 58%;
}

.form .input-container .btn-code {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.6rem;
    width: 40%;
    /* border: solid 1px #1307ee; */
    margin: 0;
    background-image: linear-gradient(#107dd1,
            #107dd1);
    color: #fff;
}

.tips {
    text-align: right;
    color: #fff;
}

.tips a {
    color: #fff;
}

.check {
    margin: 0 .2rem 0 0;
    display: inline-block;
    width: .55rem;
    height: .55rem;
    line-height: .55rem;
    text-align: center;
    font-size: .4rem;
    border: 1px solid #efefef;
}

.form input {
    width: 100%;
    height: 1.5rem;
    margin: 0 0 .5rem 0;
    padding: 0 0 0 .5rem;
    border: 1px solid #107dd1;
    color: #107dd1;
    border-radius: 4px;
    background: transparent;
    font-family: Microsoft YaHei, SimHei, 'Helvetica Neue', Helvetica, STHeiTi, Arial, sans-serif;
}

.btn-submit {
    display: inline-block;
    width: 4.5rem;
    height: 2rem;
    margin: 1rem auto 0;
    background-image: url("../images/btn_register.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.form .bracelet {
    position: absolute;
    left: -5.5%;
    top: 65%;
    width: 1.8rem;
}

.form .scarves {
    position: absolute;
    right: -5.5%;
    top: 2%;
    width: 2rem;
}

.form .bowknot {
    position: absolute;
    right: -5.5%;
    top: 55%;
    width: 1.2rem;
}

.title-img.register-title {
    width: 1.7rem;
    margin: 0 auto 0.8rem;
}

/*20190703*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #63a1de;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #63a1de;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #63a1de;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #63a1de;
}

.layui-input:focus,
.layui-textarea:focus {
    border-color: #107dd1 !important
}

.layui-input:hover,
.layui-textarea:hover {
    border-color: #107dd1 !important
}

/*登陆注册报名首页*/

.go-register-btn {
    position: absolute;
    left: 50%;
    bottom: 0.5rem;
    margin-left: -2.5rem;
    display: block;
    width: 5rem;
    height: 2.5rem;
    background-image: url("../images/btn_signup.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.index-pic-tip {
    position: absolute;
    top: -70px;
    left: 0;
    z-index: 2;
}

.index-pic-person {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*登陆页*/
.main-content {
    width: 100%;
    margin: 0;
    padding: 59% 8% 0 8%;
    text-align: center;
}

.main-content h2 {
    margin: 0 auto 1rem;
    font-size: 0.8rem;
    text-align: center;
    letter-spacing: 2px;
    color: #107dd1;
    font-weight: bold
}

.form-bg {
    background: #bdd9f4;
    width: 100%;
    padding: 1.5rem;
    border-radius: 6px;
    margin-bottom: .5rem;
}

.form-bg2 {
    padding: 0.8rem 1.5rem;

}

.form-bg3 {
    padding: 0;
}

.title-img {
    margin: 0 auto 0.5rem;
}

.title-img.login-title {
    width: 1.7rem;
    margin: 0 auto 1rem;
}

.login-form {
    position: relative;
}

.login-form input {
    width: 100%;
    height: 1.5rem;
    margin: 0 0 .5rem 0;
    padding: 0 0 0 .5rem;
    border: 1px solid #107dd1;
    color: #107dd1;
    border-radius: 4px;
    background: transparent;
    font-family: Microsoft YaHei, SimHei, 'Helvetica Neue', Helvetica, STHeiTi, Arial, sans-serif;
}

.login-form .input-container {
    position: relative;
    width: 100%;
}

.login-form .input-container .txt-code {
    width: 58%;
}

.login-form .input-container .btn-code {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.6rem;
    width: 40%;
    /* border: solid 1px #1307ee; */
    margin: 0;
    background-image: linear-gradient(#107dd1,
            #107dd1);
    color: #fff;
}

.no-register {
    margin-top: .6rem;
    text-align: right;
}

.no-register a {
    margin-left: .5rem;
    color: #ed722f;
    font-size: .5rem;
}

.login-btn {
    display: block;
    margin: 1rem auto 0;
    width: 4.5rem;
    height: 2rem;
    background-image: url(../images/btn_submission.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.match-time {
    line-height: 1.5;
    font-size: 0.5rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

/*注册成功页 报名成功*/
.success-tip {
    position: relative;
    padding: 1.5rem;
}

.success-btn-part {
    display: flex;
    justify-content: space-between;

    width: 84%;
    margin: 1rem auto 0;
    text-align: center;
}

.download-btn {
    display: inline-block;
    width: 4.5rem;
    height: 2rem;
    background-image: url(../images/btn_download.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sign-right-btn {
    display: inline-block;
    width: 4.5rem;
    height: 2rem;
    background-image: url(../images/btn_rightsign.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.gotrade-btn {
    display: block;
    margin: 1rem auto 0;
    width: 6rem;
    height: 2rem;
    background-image: url(../images/btn_gotrade.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.gomatch-btn {
    display: block;
    margin: 1rem auto 0;
    width: 4.5rem;
    height: 2rem;
    background-image: url(../images/btn_gotrade.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.gostart-btn {
    display: block;
    margin: 1rem auto 0;
    width: 6rem;
    height: 2rem;
    background-image: url(../images/btn_start.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.match-detail {
    font-weight: bold;
    color: #fff;
    animation: light 1s linear infinite;
}

/*赛事报名页*/
.sign-up-form {
    position: relative;
}

.sign-up-form input {
    width: 100%;
    height: 1.5rem;
    margin: 0 0 .5rem 0;
    padding: 0 0 0 .5rem;
    border: 1px solid #107dd1;
    color: #107dd1;
    border-radius: 4px;
    background: transparent;
    font-family: Microsoft YaHei, SimHei, 'Helvetica Neue', Helvetica, STHeiTi, Arial, sans-serif;
}

.layui-form-item .layui-input-inline {
    margin-left: 0;
}

.sign-up-btn {
    display: block;
    margin: 1rem auto 0;
    width: 6rem;
    height: 2rem;
    background-image: url(../images/btn_signrightnow.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sign-tip {
    line-height: 1.5;
    font-size: 0.5rem;
    text-align: right;
    color: #fff;
    font-weight: bold;
}

.sign-title {
    width: 3.5rem;
}

.layui-form-select .layui-edge {
    border-top-color: #107dd1;
}

.layui-form-select dl dd {
    text-align: left;
    color: #107dd1;
}

.layui-form-select dl dd.layui-this {
    background-color: #63a1de;
}

/*忘记密码*/
.forget-form {
    position: relative;
}

.forget-title {
    width: 3.5rem;
}

.forget-form input {
    width: 100%;
    height: 1.5rem;
    margin: 0 0 .5rem 0;
    padding: 0 0 0 .5rem;
    border: 1px solid #107dd1;
    color: #107dd1;
    border-radius: 4px;
    background: transparent;
    font-family: Microsoft YaHei, SimHei, 'Helvetica Neue', Helvetica, STHeiTi, Arial, sans-serif;
}

.forget-form .input-container {
    position: relative;
    width: 100%;
}

.forget-form .input-container .txt-code {
    width: 58%;
}

.forget-form .input-container .btn-code {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.6rem;
    width: 40%;
    /* border: solid 1px #1307ee; */
    margin: 0;
    background-image: linear-gradient(#107dd1,
            #107dd1);
    color: #fff;
}

.change-pwd-btn {
    display: inline-block;
    width: 6rem;
    height: 2rem;
    background-image: url(../images/btn_ok.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 1rem 0 0 0;
}

/* 积分领取 */
.points-receive-btn {
    display: block;
    margin: 0.5rem auto 0;
    width: 4.5rem;
    height: 2rem;
    background-image: url(../images/btn_submission.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.pic-xhlogo {
    height: 2rem;
    margin-right: 10px;
}
.point-success{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}
.point-success-tip{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.point-success-tip p{
    color: #fff;
    text-align: center;
    line-height: 1rem;
}
@media screen and (max-width: 450px) {
    .layui-form-item .layui-input-inline {
        left: 0;
    }
}

@media screen and (min-height:658px) {

    /* 5.5 */
    .index-pic-tip {
        top: -70px;
    }
}

@media screen and (min-height:672px) {

    /* iphone plus */
    .index-pic-tip {
        top: -60px;
    }
}

@media screen and (min-height:706px) {

    /* 6.2 */
    .index-pic-tip {
        top: 30px;
    }
}

@media screen and (min-height:710px) {

    /* 6.3 */
    .index-pic-tip {
        top: 40px;
    }
}

@keyframes light {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}