.container { background: url('../images/common_bg.jpg') top center no-repeat;}
.container .wrap { height: 844px; overflow: hidden;}
.reg-wrap { width: 770px; padding: 100px; border-radius: 10px; box-shadow: 0 0 10px #999; margin: 50px auto; background: #fff;}
    
.footer { margin-top: 0;}
.reg-hd { overflow: hidden; border-bottom: 1px solid #bfbfbf; padding: 0 80px; line-height: 44px; margin-bottom: 20px;}
.reg-wrap .tab { width: 220px; text-align: center; float: left;}
.reg-wrap .tab li { float: left; width: 100px; height: 44px; text-align: center; font-size: 16px; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; font-weight: bold; color: #9c9c9c; margin-right: 10px;}
.reg-wrap .tab .active { border-bottom-color: #3fb2e8;}
.reg-wrap .tab li i, .w-item .w-tips .error, .w-item .w-tips .correct { display: inline-block; vertical-align: top; width: 28px; height: 44px; background: url('../images/reg_csp.png') no-repeat;}
.reg-wrap .tologin { float: right;}
.reg-wrap .tologin a { color: #3fb2e8;}
.reg-wrap .tab .i-niu { background-position: 7px 13px;}
.reg-wrap .tab .i-phone { background-position: -43px 13px;}
.reg-wrap .tab .active .i-niu { background-position: 7px -37px;}
.reg-wrap .tab .active .i-phone { background-position: -43px -37px;}

.hd-tip { font-size: 16px; font-weight: bold; padding-left: 20px; margin: 20px 0;}
.hd-tip a { color: #3fb2e8;}

.reg-main .reg-item { padding-left: 60px;}
.w-button{color: #0bbafb;}
a.w-button:hover{text-decoration: none;}
a.color-disable{color: #d8d8d8;}
a.color-disable:hover{color: #d8d8d8;}