css没生效

login.html

{% extends 'base.html' %}
{% block title %}
    <title>登陆</title>
    <style type="text/css">
        body {
            background: #323542
        }
    </style>
{% endblock %}
{% block container %}
    <!--主体-->
    <div class="login-box">
        <div class="lg-title">欢迎登陆积分商城</div>
        <div class="login-form">
            <form action="#">
                <div class="login-user-name common-div">
            <span class="eamil-icon common-icon">
              <img src="/static/images/eamil.png"/>
            </span>
                    <input
                            type="email"
                            name="username"
                            value=""
                            placeholder="请输入您的手机号"
                    />
                </div>
                <div class="login-user-pasw common-div">
            <span class="pasw-icon common-icon">
              <img src="/static/images/password.png"/>
            </span>
                    <input
                            type="password"
                            name="password"
                            value=""
                            placeholder="请输入您的密码"
                    />
                </div>

                <!-- 验证码 -->
                <div class="login-user-vcode common-div">
                    <div class="weui-cell__bd">
                        <input
                                type="text"
                                name="vcode"
                                value=""
                                placeholder="请输入验证码"
                        />
                    </div>
                    <div class="weui-cell__ft">
                        <img class="verify-code-img"
                             style="width: 100%; height: 100%"
                             src="{% url 'system:verify_code' %}"
                             data-src="{% url 'system:verify_code' %}" alt="验证码">
                    </div>
                </div>

                <a href="javascript:;" class="login-btn common-div">登陆</a>
                <a href="javascript:;" class="login-oth-btn common-div">微信登陆</a>
                <a href="javascript:;" class="login-oth-btn common-div">QQ登陆</a>
            </form>
        </div>
        <div class="forgets">
            <a href="pwd_change.html">忘记密码？</a>
            <a href="register.html">免费注册</a>
        </div>
    </div>
{% endblock %}
{% block footer %}
    <script>
        $('.verify-code-img').click(function () {
            $(this).attr('src', $(this).attr('data-src') + '?t=' + new Date().getTime())
        })
    </script>
{% endblock %}

style.css 新增的部分：

.login-user-vcode{display: flex;}
.login-user-vcode input{height:40px; padding:6px 10px 6px 6px;background-color:transparent;border:none;outline:none;font-size:15px;color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; left:0; top:0; font-family:Helvetica,STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;}

效果：