@charset "utf-8";

.login { margin: 0 auto; min-height: 340px }

#login-wrap { position: relative ; height: 50px;}

    #login-wrap .hd { position: relative; height: 36px }

        #login-wrap .hd .quick { background: url(../images/CODE.png) no-repeat; background-size: 50px 49px; width: 50px; height: 49px; text-indent: -99999px; border-radius:10px; -moz-border-radius:10px; }

        #login-wrap .hd .static { background: url(../images/PC.png) no-repeat; background-size: 50px 49px; width: 50px; height: 49px; text-indent: -99999px ; border-radius:10px; -moz-border-radius:10px; }

        #login-wrap .hd h2 { display: block; cursor: pointer; width: 48px; height: 48px; position: absolute; top: 0; right: 0 }

    #login-wrap .hd, #login-wrap #QuickLogin, #login-wrap #InputLogin { display: none; }

        #login-wrap .hd .login-tip { position: absolute; top: 0; right: 55px; display: none; }

        #login-wrap .hd .login-tip2 { position: absolute; top: 0; right: 55px; display: none; }


.title { font-size: 18px; color: #373D41; line-height: 24px; width: 100px; position: relative; top: -27PX; left: 85PX; display: block; }

.poptip { height: 30px; line-height: 16px; padding: 5px 10px; margin : 5px ;background: #E6F9FC; position: relative; z-index: 9999; border: 1px solid #14C2DD }

    .poptip .poptip-content { color: #14C2DD; font-size: 12px; font-weight: 400 }

        .poptip .poptip-content .iconfont { color: #df9c1f; font-size: 14px; margin-right: 8px }

.poptip-arrow { position: absolute; z-index: 10; *zoom: 1; top: 8px; right: 0; }

    .poptip-arrow em, .poptip-arrow span { position: absolute; *zoom: 1; width: 0; height: 0; border-color: rgba(255,255,255,0); border-color: transparent \0; *border-color: transparent; _border-color: tomato; _filter: chroma(color=tomato); border-style: solid; overflow: hidden; top: 0; left: 0 }

    .poptip-arrow em { top: 0; left: 1px; border-left-color: #14C2DD; border-width: 6px 0 6px 6px }

    .poptip-arrow span { border-left-color: #E6F9FC; border-width: 6px 0 6px 6px }

.icon-error { width: 14px; height: 14px; background-position: -30px -34px }


/*快速登录*/

.quick-login { z-index: 1; padding-top: 60px }

    .quick-login .quick-msg, .quick-login-error .quick-msg .msg-err, .quick-login-error .quick-msg .msg-ok { display: none }

.quick-login-error .quick-msg, .quick-login-error .quick-msg .msg-err, .quick-login-ok .quick-msg, .quick-login-ok .quick-msg .msg-ok { display: block }

    .quick-login-error .quick-mod, .quick-login-ok .quick-mod, .quick-login-ok .quick-msg .msg-err { display: none }

.quick-main { position: relative; padding-bottom: 15px; min-height: 130px; _height: 130px }

.quick-img { width: 140px; height: 140px; margin: 0 auto; padding: 0; box-shadow: none; }

.quick-description { text-align: center; font-size: 14px; color: #5F6367; line-height: 24px }

    .quick-description a, a:active, a:hover { color: #00C1DE; text-decoration: none }

.quick-msg { margin-bottom: 10px; margin-top: 0; }

    .quick-msg h6 { font-size: 18px; color: #5F6367; margin-top: 10px; font-weight: 400; text-align: center; line-height: 24px; }

    .quick-msg p { margin-top: 10px; text-align: center; font-size: 14px; color: #5F6367; }

#quick-other { overflow: hidden; margin-top: 40px; zoom: 1 }

    #quick-other .register { float: right }

        #quick-other .register a:link, #quick-other .register a:visited { color: #9B9EA0 }

        #quick-other .register a:hover { color: #00C1DE }


.test{position: relative;}

.white_content {position: absolute;top: 20%;left: 10%;width: 80%;height: 50%;z-index: 1002;overflow: auto;}

.content_show{color:#fff;padding: 20px;font-size:12px;font-weight:900;}

.styled-select {
    width: 200px;
    height: 40px;
    padding: 5px;
    font-size: 16px;
    border: 2px solid #4CAF50;
    border-radius: 5px;
    background-color: white;
    color: #333;
    outline: none;
    transition: border-color 0.3s ease-in-out;
    appearance: none; /* 移除默认的箭头样式 */
}
.styled-select:hover {
    border-color: #45a049;
}
.styled-select:focus {
    border-color: #3e8e41;
    box-shadow: 0 0 5px rgba(0, 150, 0, 0.5);
}
/* 自定义下拉箭头 */
.styled-select.custom-arrow {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M480,731L234,484l63-63l183,183L663,421l63,63L480,731z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px; /* 为了给箭头留出空间 */
}