﻿.section {
  padding-top: 72px;
  background-color:#fff;
}
  
.my_title { height: 48px; line-height: 48px; background: #fafafa; border: 1px solid #dcdcdc; overflow: hidden;}
.my_title .title { margin: 15px 0 15px 10px; padding: 0 0 0 10px; font-size: 16px; color: #323232; line-height: 18px; border-left: 2px solid #ff2832;}
.my_title a.title:hover{color: red;text-decoration:none;}
.my_title em { color:#ff2832; padding:0 8px; font-style:normal;}
.security { border: 1px solid #dcdcdc; border-top:none 0; padding:50px 0 0; margin-bottom:35px;}
.step { text-align:center; margin-bottom:25px;}
.step li { width:120px; display:inline-block; height:48px; color:#dcdcdc; line-height:24px; *display:inline; *zoom:1;}
.step li .line { display:block; color:#fff; background:url(../images/step_bg.png) -120px 0 no-repeat; width:120px; height:24px;}
.step li.green { color:#66c67f;}
.step li.green .line { background-position:0 0;}
.security .tip { text-align:center; color:#ff7200;}
.security .list li { padding:14px 0; line-height:36px; height:38px; position:relative;}
.security .list .name { width:325px; text-align:right; margin-right:10px; font-size:14px; float:left; line-height:38px;}
.security .list input { width:90px; font:12px/36px "Microsoft Yahei"; color:#969696; padding:0 0 0 10px; border:1px solid #d2d2d2; height:36px; margin-right:18px; display:inline-block; vertical-align:middle;}
.security .list input.active { border-color:#969696;}
.security .list input.long { width:224px;}
.security .list input.w_red { border-color:#ff2832; color:#ff2832; background-color:#fdf0ef;}
.security .list .code { display:inline-block; width:85px; height:38px; margin-right:8px; vertical-align:middle;}
.security .list .btn_check,.security .list .btn_uncheck { display:inline-block; height:36px; color:#646464; background-color:#f6f6f6; border:1px solid #d2d2d2; width:114px; text-align:center; vertical-align:middle;}
.security .list .btn_uncheck{background-color:#fbfbfb;cursor:text;}
.security .list .btn_check:hover { background-color:#fbfbfb;}
.security .list a.btn_red { background-color:#ff2832; display:inline-block; width:86px; height:30px; line-height:30px; text-align:center; color:#fff;}
.security .list a.btn_red:hover { background-color:#f01923;}
.security .list a.unable,.security .list a.unable:hover { cursor: default; background-color: #ccc;}
.security .list .drop { position:relative; border:1px solid #d2d2d2; float:left; height:36px; width:234px; z-index:99;}
.security .list .drop .drop_con { display:block; padding:0 10px 0 12px; width:212px; height:36px;} 
.security .list .drop .drop_con a { float:right; display:block; width:14px; height:14px; background:url(../images/icon.png) 4px -65px no-repeat; margin-top:12px;}
.security .list .drop .drop_con a.down { background-position:-8px -65px;}
.security .list .drop dl { width:234px; border:1px solid #d2d2d2; border-top:none 0; position:absolute; top:36px; left:-1px; background-color:#fff; z-index:9;}
.security .list .drop dl dd { padding-left:12px; cursor:pointer;}
.security .list .drop dl dd:hover { background-color:#f5f5f5;}
.security .p_con { padding:100px 0 100px 310px; line-height:24px;}
.security a.more { color:#1a66b3;}
.security a.more:hover { text-decoration:underline;}
.security .list li .ltip { position:absolute; left:335px; top:46px; color:#969696;}
.security .list li .ltip.wrong { padding-left:10px; color:#ff2832;}
.security .list li .ltip.caps{border: 1px solid #fcd9b0; line-height:18px; background-color: #fff0cf; color:#ff8400; width: 234px; top:56px;}
.security .list li .ltip .icon_t { width:18px; height:18px; float:left; margin-right:4px; background:url(../images/icon.png) 4px -113px no-repeat;}

.security .list .msg_level { display: inline-block; margin: 0 8px 0 0; overflow: hidden; width:70px;}
.security .list .msg_level span { background-color: #d6d6d6; display: inline-block; height: 10px; margin-left: 1px; width: 22px; *vertical-align:middle; _height: 12px; _overflow: hidden;}
.security .list .msg_level .s1 { background-color: #ff3600; border-radius:2px 0 0 2px; }
.security .list .msg_level .s2 { background-color: #ffc000; }
.security .list .msg_level .s3 { background-color: #71b300; border-radius:0 2px 2px 0; }

.security .list .icon { display:inline-block; width:16px; height:38px; background:url(../images/icon.png) 0 -74px no-repeat; vertical-align:middle;}
.security .list .icon{display: none;}
.security .list .icon.wrong { background-position:-26px -74px;}
.security .list .icon.code_w { position:absolute; left:415px; top:16px;}
.security .intro { border-top:1px solid #ededed; line-height:26px; padding:20px 0 0; margin-top:20px; color:#888;}
.security .intro h3 { font-weight:bold; color:#7c7c7c;}

/*找回密码*/
.password_box { margin:0 auto 100px; background: #fff; width:100%; font-family:'Microsoft YaHei';}
.password_box .head { height: 74px; border-bottom: solid 1px #eceef2; padding-right: 15px; margin:0 10px; }
.password_box .head .logo { float:left; padding-left:10px; margin-top:20px;}
.password_box .head h3 { font-size:16px; line-height:18px; padding-left:13px; float:left; margin-top:42px;}
.password_box .head .more, .register_box .head .dd_more { float: right; color: #646464; line-height:22px; margin-top:40px;}
.password_box .head .more a { background-color:#9a9fa6; color: #fff; width:44px; height:22px; text-align:center; margin-left:9px; display:inline-block; border-radius:2px;}
.password_box .head .more a:hover { background-color:#8e96a0; text-decoration:none;}
.password_box .head .dd_more a { color:#646464;}
.password_box .head .dd_more a.home { padding-left:16px; margin-right:15px; background:url(../images/icon.png) 0 2px no-repeat;}
.password_box .head .dd_more a:hover { color:#ff3c00; text-decoration:none;}
.password_box .security { border:none 0;}
.password_box .manual_service { width:850px; margin-left:30px;}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

@media (max-width: 768px) {
    .section .login-box .title {
        font-size: 22px;
        padding-top: 5px; }
    .section .login-box {
        margin: 0; }
    .section .login-box .form {
        width: 100%; }
    .title-text {margin:0;}
    .logo {
        margin-left: 0;
        width: 100%;
        display: flex;
        margin-top: 12px; }
    .regiser {
        width: 64px;
        margin-right: 0;
        font-size: 12px;
    }
    .login {
        width: 64px;
        margin-right: 18px;
        font-size: 12px;
    }
    .logo img {
        width: 90%;
        height: auto; }
    .logobox .phone {
        display: none; }
    .cpys_flexBox {
        width: 750px; }
}

