﻿        * {
            margin:0;
            padding:0;
        }
        img {
            border:none;
        }
        html, body {
            width:100%;
            
            font-size:14px;
        }
        body {
            
            
            font-family:Microsoft YaHei,Helvetica,Arial,sans-serif; 
            /*background-size:cover;*/
            position:relative;
        }
        .register_area {
           position:absolute;
           right: 65px;
           top: 28px;
        }
       
        .register_area >div:first-child {
            width:406px;
            height:582px;
            margin:0 auto;
            background:url('../../image/dingzhi/register_area_bg1.png') no-repeat ;
   
        }
            .register_area form {
                padding-left:70px;
                padding-top:120px;
            }
            .register_area  form >input {
                width:250px;
                height:36px;
                border:1px solid #ccc;
                padding-left:15px;
                line-height:36px;
               
            }
                .register_area form .error {
                    width:250px;
                    height:20px;
                    color:#ff6162;
                    font-size:12px;
                    padding-left:15px;
                    line-height:18px;
                    
                }
                    .register_area form .error span {
                        display:none;
                    }
        .auth_code_area,.sms_code_area {
            width:267px;
            overflow:hidden;
        }
        .auth_code_area > input,.sms_code_area > input {
            width:100px;
            height:36px;
            border:1px solid #ccc;
            padding-left:15px;
            float:left;
            line-height:36px;
        }
        .auth_code_area > div {
            width:148px;
            height:38px;
            background:rgba(163, 154, 154, 0.75);
            float:right;
             cursor:pointer;
        }
            .auth_code_area > div img {
                width:100%;
                height:100%;
            }
        .sms_code_area > div {
            width:90px;
            height:38px;
            background:#d8d6d6;
            float:right;
            color:#fff;
            text-align:center;
            line-height:38px;
            cursor:pointer;
        }
        .next_step {
            width:267px;
            height:44px;
            text-align:center;
            line-height:44px;
            font-size:18px;
            color:#fff;
            background:#d8d6d6;
            cursor:pointer;
            margin-top:20px;
        }
        .reg_complete {
             width:267px;
            height:44px;
            text-align:center;
            line-height:44px;
            font-size:18px;
            color:#fff;
            background:#d8d6d6;
            cursor:pointer;
            margin-top:20px;
        }
        .to_login {
            width:267px;
            height:44px;
            padding-top:22px;
        }
            .to_login a {
                float:right;
                color:#ff6162;
               
            }
        .allow_use {
            padding-top:36px;
            padding-left:14px;
        }
        .allow_use a {
            color:#333;
            background:url('../../image/dingzhi/allow.png') no-repeat left center;
            font-size:12px;
            padding-left:30px;
            line-height:20px;
            display:block;
            height:20px;
        }
        .third_step {
            width:100%;
           
            font-size:54px;
            color:#ff6162;
            text-align:center;
            padding-top:170px;

        }
            .third_step > div {
                width:267px;
                margin:0 auto;
            }
            .third_step span {
                padding-left:38px;
            }
            .third_step> div:first-of-type {
                width:267px;
                height:44px;
                background:#ff6162;
                margin:0 auto;
                font-size:18px;
                color:#fff;
                text-align:center;
                line-height:44px;
               
                margin-top:30px;
            }
                .third_step > div:first-of-type a {
                    display:block;
                    width:100%;
                    height:100%;
                    color:#fff;
                    text-decoration:none;
                }
                .third_step > div:last-of-type a {
                    float:right;
                    font-size:14px;
                    color:#ff6162;
                    margin-top:30px;
                }
                
        .footer{
            width:100%;
            color:#6a6a6a;
            font-size:12px;
            text-align:center;
            line-height: 24px;
            padding-top:35px;
            padding-bottom:35px;
            
           
        }
        .footer a {
                color:#6a6a6a;
                text-decoration:none;
            }
        .left {
            float:left;

        }
        .right {
            float:right; 
        }