@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
ol,ul,li,dd,dl,dt{list-style:none;}
*:focus{outline:0;}
em,i{ font-style:normal;}
body{max-width:640px; margin:0 auto !important; position:relative;}
.content_box{background:rgba(245,245,245,0.95); position:absolute;    border-radius: 5px; width:84%; top:20%; left:8%; z-index:999913; margin:0 auto;}
.con_tit{height:48px;border-top-left-radius:5px;border-top-right-radius:5px; line-height:48px; background:rgba(245,245,245,1.0); text-align:center; font-size:15px; color:#333; border-bottom:1px solid #d9d9d9;}
.content_box ul{padding:2px 18px 0 18px; clear:both;}
.content_box ul li{clear:both; margin-top:10px; background:#fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.1); position:relative; height:46px;}
.content_box ul li span{position:absolute; left:0; top:10px;width:40px; height:26px; display:inline-block; border-right:1px solid #e0e0e0;}
.content_box ul li span.user_xm{background: url(../images/xm.png) center no-repeat; background-size:24px auto;}
.content_box ul li span.user_zjh{background: url(../images/sf.png) center no-repeat; background-size:24px auto;}
.content_box ul li span.user{background: url(../images/yh.png) center no-repeat; background-size:24px auto;}
.content_box ul li span.password{background:url(../images/mm.png) no-repeat center; background-size:24px auto;}
.content_box ul li span.yzm{background:url(../images/ys.png) no-repeat center; background-size:24px auto;}
.content_box ul li p{position:absolute; left:50px; top:0; right:1px;}
.content_box ul li p .input_1,.input_2{background:none; border:0; width:100%; color:#8c8c8c; font-size:14px; line-height:16px; padding:15px 0;}
.content_box ul li p .input_2{width:60%;}
.content_box ul li .send_yzm{position:absolute; right:0; top:0; height:16px; padding:15px 10px;font-size:14px;background:#00b1fd; color:#fff; display:inline-block; cursor:pointer;}
.content_box .login4_tishi{clear:both; margin:5px 0 0 18px;}
.content_box .login4_tishi span{background:url(/img/warn2.png) left no-repeat; background-size:18px auto; padding-left:20px; font-size:13px; color:#ea0303; line-height:18px;}
.content_box .button{margin:10px 18px 20px 18px; height:42px; clear:both;}
.content_box .button a{float:left; width:49%; margin-right:2%; color:#fff; height:16px; font-size:14px; text-align:center; border-radius:3px; text-decoration:none; padding:13px 0;}
.content_box .button a:last-child{margin-right:0;}
.content_box .button a.SW{background:#3b83ec;}
.content_box .button a.SW:hover{background:#599dff;}
.content_box .button a.RG{background:#ff9023;}
.content_box .button a.RG:hover{background:#edb200;}
.content_box .button a.LG{background:#6fc11d;}
.content_box .button a.LG:hover{background:#85d832;}
.content_box .button a.both{float:right;}
.content_box .other_Lg{clear:both; position:relative; margin:10px;}
.content_box .other_Lg .tit{height:30px; line-height:30px; clear:both;}
.content_box .other_Lg .tit span{float:left;}
.content_box .other_Lg .tit .left,.right{width:32%; height:1px; background:#d9d9d9; margin-top:14px;}
.content_box .other_Lg .tit .middle{width:36%; text-align:center; font-size:14px; color:#8c8c8c;}
.content_box .other_Lg .style{clear:both; margin:10px 0; height:32px;}
.content_box .other_Lg .style a{float:left; width:33.3%; height:32px; display:inline-block; text-align:center;}
.content_box .other_Lg .style a.sina{background:url(/img/sina.png) no-repeat center center; background-size:32px auto; }
.content_box .other_Lg .style a.sina:hover{background:url(/img/sina_on.png) no-repeat center center; background-size:32px auto; }
.content_box .other_Lg .style a.QQ{background:url(/img/QQ.png) no-repeat center center; background-size:32px auto; }
.content_box .other_Lg .style a.QQ:hover{background:url(/img/QQ_on.png) no-repeat center center; background-size:32px auto; }
.content_box .other_Lg .style a.wx{background:url(/img/wx.png) no-repeat center center; background-size:32px auto; }
.content_box .other_Lg .style a.wx:hover{background:url(/img/wx_on.png) no-repeat center center; background-size:32px auto; }
.content_box .text{padding:18px 18px 6px; font-size:14px; line-height:22px; color:#333;}

.opacity_sdk{background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
@media all and (min-width: 240px) and (max-width: 320px) { 
.content_box .button a.both{width:34%;}
}

.content_box .middle_platform{width:100%; float:left;font-size:14px; line-height:40px;}
.content_box .middle_platform a{color:#666; border-top:1px solid #d9d9d9; text-decoration:none; display:block; text-align:center; }
.content_box .other_Lg .style_higt{height:50px;}

/*��������¼*/
        .p_login_2
        {
            position: relative;
            line-height: 20px;
            height: 20px;
            text-align: center;
            font-size: 12px;
            color: #999;
            margin-bottom: 5px;
        }
        .p_login_em
        {
            position: absolute;
            top: 10px;
            left: 0;
            height: 1px;
            background: #ccc;
            width: 100%;
            z-index: -1;
        }
        
        .p_login_em_left
        {
            position: absolute;
            top: 10px;
            left: 0;
            height: 1px;
            background: #ccc;
            width: 40%;
            z-index: -1;
        }
        
        .p_login_em_right
        {
            position: absolute;
            top: 10px;
            right: 0;
            height: 1px;
            background: #ccc;
            width: 40%;
            z-index: -1;
        }
        
        .p_login_span
        {
            background: none;
            font-size: 13px;
            padding: 0 3px;
            display: inline-block;
        }
        .di_bd_css
        {
            border-bottom: 0;
            background: none;
            height: 50px;
        }
        .third_login_img
        {
            width: 45px;
        }
        .link_third_css
        {
            padding: 0px 10px;
            text-decoration: none;
        }
        .r-binding-close
{
    right: 7px;
    top: 1px;
    font: 16px "Comic Sans MS" , Arial, Helvetica, sans-serif;
    position: absolute;
    text-decoration: none;
    /*padding: 8px;*/
    color: #F60;
    text-align: center;
}
.r-binding-close:hover
{
    text-decoration: none;
    color: #ffa500;
}