﻿html, body { height: 100%; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #fff !important; background-image: none !important;; color: rgb(0, 0, 0) !important; }
*, html, body { outline-style: none; outline-color: none; margin: 0; padding: 0; font-family: "Microsoft Yahei", "Tahoma", "SimSun"; font-size: 14px; list-style-type: none; list-style-image: none; list-style-image: none; }
a, input, textarea, button { outline: none; cursor: pointer; text-decoration: none; -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; transition: box-shadow .2s linear; }
body { background: #f2f2f2; }
.reg { }
.header { padding-top: 20px; overflow: hidden; height: 55px; background: rgba(236, 236, 236, .86); border-bottom: 1px solid #d9d9d9; }
    .header .logo { width: 900px; margin: 0 auto; padding-left: 30px; }
        .header .logo a { height: 38px; width: 285px; background: url(../img/logo.png) no-repeat; display: block; }
.regcontent { overflow: hidden; box-shadow: 1px 1px 9px RGBA(0, 0, 0, .28); margin: 40px auto 0 auto; min-height: 550px; /*_height: 550px;*/ width: 898px; border: 1px solid #dadada; background: #f9f9f9; }
.loginbycode { width: 888px; display: none; background: #FFE6B8; margin: 25px auto -20px auto; border: 1px solid #FFD347; border-radius: 3px; padding: 5px; clear: both; }
.regcontent .regtab { margin: 50px 122px 0 122px; padding-top: 20px; font-size: 22px; color: #0075c1; }
    .regcontent .regtab a { cursor: pointer; float: left; width: 327px; height: 40px; font-size: 18px; color: #616161; border-bottom: 1px solid #d4d4d4; }
.regcontent .email span, .regcontent .mobile span { width: 26px; height: 29px; float: left; margin-left: 128px; margin-right: 8px; _display: inline; }
.regcontent .regtab .email span { background-position: -68px -4px; }
.regcontent .regtab .mobile span { background-position: -98px -1px; width: 20px; }
.regcontent .regtab .current { border-bottom: 2px solid #50a8d8; color: #4b9ecb; }
.regcontent .regtab .current span#lblmobile {background-position-y:-33px; }
.regcontent .regtab .current span#lblemail{ background-position-y:-28px;}
.regcon { clear: both; margin-left: 100px; padding-top: 36px;  height: auto !important; overflow: visible; }
    .regcon p { height: 34px; line-height: 34px; margin-bottom: 23px;font-size:0;}
        .regcon p label { font-weight: bold; font-size: 14px; width: 120px; text-align: right; display: inline-block; }
.v { margin: 0; }
form #updatecom { width: 580px; height: 600px; overflow-x: hidden; }
form .input { vertical-align: middle; }
form .input, form .textarea, form .select { display: inline-block; height: 20px; padding: 6px 8px; box-shadow: 0 2px 3px rgba(0, 0, 0, .07) inset; font-size: 14px; margin-left: 10px; border: 1px solid #dfdfdf; border-top: 1px solid #ccc; width: 252px; color: #8c8c8c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: none;}
form .select { vertical-align: middle; width: auto; height: 33px;display: inline-block; /*_margin-left: 3px;*/ }
form input:focus, form select:focus, form textarea:focus { border-color: #0075c1; box-shadow: 1px 1px 10px rgba(0, 117, 193, .3); }
.tabuid input:focus{border:none;box-shadow:none;}
form select { width: auto; height: auto; margin-left: 6px; padding: 3px 4px; }
form input[type=radio] { margin: 0 10px; }
form input[type=text]:read-only { background: #eaeaea; }
form p span { margin-left: 10px; color: #999; }
.regcon .pright { padding-left: 130px; color: #999; font-size: 14px;}
    .regcon .pright a { color: #0075c1; }
    .regcon .pright button, .regcon .getcode, .info-right button { padding: 6px 8px; color: #fff; font-size: 13px; border-radius: 3px; border: none; background: #0075c1; line-height: 1; min-width: 100px; height: 37px; }
button:disabled { background: #ccc; }
form .v .select{display:none;}
form  select.add{display:none;}
.regcon .pright button:hover, .regcon .getcode:hover, .info-right button:hover { background-color: #038be4; }
.regcon .pright button:active, .regcon .getcode:active, .info-right button:active { background-color: #025c96; }
.regcon .getcode:disabled { color: #f2f2f2; background-color: #b1b1b1; }
.regcon .getcode { font-size: 12px; padding: 10px; padding: 10px 5px \0; height: 34px; }
#regbyemail { display: none; }
.tk { color: #525252; line-height: 25px; }
    .tk h1 { font-size: 18px; margin: 30px auto 0; text-align: center; }
    .tk .content { font-size: 14px; margin: 8px 30px 0; padding: 0 20px; }
    .tk .content p{ margin-top: 5px; margin-bottom: 10px; }
    .tk .content p u{ text-underline-position: under; }
    .tk .content .end {text-align: right;}
    .tk .content .dot {text-emphasis: dot; text-emphasis-position: under; -webkit-text-emphasis: dot; -webkit-text-emphasis-position: under;}
    .tk .line { border-top: 1px solid silver; margin: 8px 30px 0; }
    .tk .close { height: 28px; background: #0075c1; color: #fff; text-align: center;margin: 30px auto !important;border-radius: 3px; display: block; width: 87px; border: none; }
.loginbg { color: #999; width: 100%; background: url(../img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.loginbg .footer{position: absolute;
    bottom: 15px;
    text-shadow: none;
    left: 0;
    right: 0;
    margin: auto;}
.loginP { overflow: hidden; box-shadow: 1px 1px 5px #90b1c7; width: 347px; margin: -227px 0 0 -207px; left: 75%; top: 55%; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#5FFFFFFF', EndColorStr='#5FFFFFFF'); background: url(../img/logo.png) center 30px no-repeat rgba(241, 248, 252, .9); background: url(../img/logo.png) center 30px no-repeat \9; position: absolute; _background-color: #efefef; }
    .loginP .tab { margin-bottom: 40px; height: 55px; }
        .loginP .tab a { cursor: pointer; background-image: -moz-linear-gradient(top, #eef8fe, #dcedf8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eef8fe), color-stop(1, #dcedf8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef8fe', endColorstr='#dcedf8', GradientType='0'); font-size: 14px; display: inline-block; padding: 15px 0; text-align: center; width: 173px; border-bottom: 1px solid #becfda; }
            .loginP .tab a.current { border-bottom: none; background-image: none; }
            .loginP .tab a.loginbyid { border-right: 1px solid #becfda; }
            .loginP .tab a.loginbycode { }
    .loginP p input { background: url(../img/icon_input.png) 5px 13px no-repeat #fff; text-indent: 18px; padding: 10px 8px; text-shadow: none;}
        .loginP p input#uid, .loginP p input#pwd { border: 1px solid #ddd; _width: 260px; }
        .loginP p input#uid{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
        .loginP p input#pwd { background-position-y: -20px;border-radius: 0;border-top-left: 0; position:relative;margin-top:-1px;}
        .loginP p input#phone { background-position-y: -50px; }
        .loginP p input#imageValid {background-position-y: -85px; border: 1px solid #ddd; _width: 260px;border-top-right-radius: 0;border-top-left-radius: 0; top:-1px ;margin-top: -1px;   position: relative;}
       /*.loginP p img#imageHover{padding-left: 173px;}*/
        .loginP p img#imageHover{position: absolute;right: 40px;  top: 180px;}

    .loginP .p_getcode { position: relative; }
        .loginP .p_getcode a { display: block; position: absolute; right: 38px; top: 1px; height: 23px; padding: 4px 10px 11px 10px; cursor: pointer; background-image: -moz-linear-gradient(top, #eef8fe, #dcedf8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eef8fe), color-stop(1, #dcedf8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef8fe', endColorstr='#dcedf8', GradientType='0'); font-size: 14px; box-shadow: 0 2px 3px rgba(0, 0, 0, .07) inset; border: 1px solid #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .loginP .tabphone { display: none; }
    .loginP .p1 { color: #999; padding: 70px 0 10px 70px; }
    .loginP p { line-height: 34px; margin-bottom: 17px; padding-left: 40px; *padding-left: 20px; }
input[type=checkbox] { background: none !important; vertical-align: middle; }
.loginP p.error-tip { position: absolute; top: 58px; _top: 62px; display: none; *margin-left: 20px; }
    .loginP p.error-tip span, .iwarn + a { color: red; font-size: 12px; margin-top: -2px; }
.iwarn + a { margin-left: 8px; }
.loginP .getpassword { margin-right: 37px;color: #0075c1; /*margin-left: 110px; margin-left: 100px \9; */display: inline;float: right;}
.loginP #login { *margin-left: 20px; }
.loginP #login, .loginP #reg { display: inline-block; text-align: center; text-decoration: none; width: 124px; color: #fff; font-size: 16px; margin-right: 18px; border-radius: 3px; border: none; background: #0075c1; height: 37px; }
    .loginP #login:hover { background: #0791ea; }
    .loginP #login:active { background: #0368a9; }
.loginP #reg { background: #50a8d8; }
    .loginP #reg:hover { background: #3384b1; }
    .loginP #reg:active { background: #085782; }
.loginP input { margin-left: 0 !important; }
.loginP label input { margin-right: 3px; }
.loginP .otherlogin a { background: url(../img/log_box_btn.png) no-repeat; margin-right: 5px; display: inline-block; float: left; text-indent: -99999px; width: 35px; height: 35px; vertical-align: middle; }
.loginP .otherlogin { margin: 10px 0;height:45px; }
.loginP a#qq { background-position: -36px 0; }
.loginP a#phone { background-position: -36px -245px; }
.info-left { float: left; width: 150px; padding: 40px; background: #e7f0f5; height: 600px; }
    .info-left img { width: 130px; min-height: 130px; background: url(../img/bg_adver.png) no-repeat; background-size: cover; /*border: 1px solid #fff;*/ border-radius: 3px; box-shadow: 1px 1px 5px #bdc2ff; background-position: center center \9; }
    .info-left button { background: #0075c1; color: #fff; border: none; width: 132px; padding: 7px 0; margin: 5px auto; border-radius: 3px; }
    .info-left h1 { padding: 5px 0; border-bottom: 2px solid #90b1c7; color: #0075c1; margin: 10px 0; }
    .info-left a { border-radius: 3px; position: relative; background: url(../img/icon_24.png) no-repeat; width: 100%; height: 28px; line-height: 28px; display: block; float: left; text-decoration: none; margin: 0 10px 10px 0; }
    .info-left .editavatar { height: auto; text-align: center; background: #0075c1; color: #FFF; border: none; width: 132px; /*padding: 7px 0;*/ margin: 5px auto; text-decoration: none; border-radius: 3px; }
    .info-left h1 { clear: both; padding: 5px 0; border-bottom: 2px solid #90b1c7; color: #0075c1; margin: 10px 0; }
    .info-left #phone, #logout { margin-right: 0; }
    .info-left a span { color: #808080; display: block; text-align: center; _font-size: 12px; }
    .info-left a span i{display:none;}
    .info-left #pwd { background-position: 11px -112px; background-color: #FFD7D7; }
.info-left #phone { background-position: 10px -164px; background-color: #B8E8C7; }
.info-left #email { background-position: 9px -189px; background-color: #D8D3FF; }
.info-left #logout { background-position: 9px -214px; background-color: #F1CFFA; }
.info-left #home { background-position: 12px -139px; background-color: #CFDEFA; }
    .info-left a:hover span { color: #0075c1; }
.editform .initcaptcha { }
.info-right { float: left; padding: 30px 0 0 40px; width: 590px; }
.a-imgcode { position: relative; height: 30px; display: inline-block; }
    .a-imgcode img { display: none; position: absolute; left: 189px; vertical-align: middle; top: 2px; *left: 185px; /*top: 3px\0;*/ height: 31px; }
button { width: auto; overflow: visible; margin: 0; padding: 0; }
.btn-group { display: inline-block; height: 34px; font-size: 0; vertical-align: middle; }
.pgp { font-size: 0; display: inline-block; }
.btn-group .input { border-top-right-radius: 0; border-bottom-right-radius: 0; width: 147px; }
.btn-group button { vertical-align: middle; display: inline-block; padding: 10px 5px \0; }
.btn-group input[type=button], .btn-group button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin: 0 !important; height: 34px !important; }
.info-right p { padding: 5px; }
.info-right h1 { color: #0075c1; font-size: 16px; font-weight: normal; border-bottom: 2px solid #90b1c7; padding: 10px 0; margin-bottom: 10px; }
.info-right h1 span{display: none;}
.info-right label { width: 55px; display: inline-block; white-space: nowrap; }
.info-right button { margin-left: 10px;*margin-left: 15px; }
.info-right textarea { vertical-align: middle;width: 420px; height: 50px; resize: none; }
.info-right #nickname { width: 150px; }
.edit-nick { padding: 3px 5px; margin: 0 5px; background: #0075c1; color: #fff; border-radius: 3px; text-decoration: none; display: inline-block; }
.edit { padding: 40px 0 0 0; width: 230px; }
.editform label { font-size: 13px !important; width: 60px; }
/*.editform button { margin-left: 80px; }*/
.editform h1 { margin-bottom: 35px; }
.editform p { margin-bottom: 15px; clear: both; }
.editform .tip { font-size: 13px; color: #999; }
    .editform .tip span { color: #0075c1; }
.edit a { margin-bottom: 1px; width: 100%; height: 12px; padding: 20px 0 25px 0; font-size: 13px; text-decoration: none; color: #50a8d8; text-indent: 85px; display: block; border-radius: 0; margin: 0; background: url(../img/icon_center.png) no-repeat; }
.edit #lnick { background-position: 36px -264px; }
.edit #lpwd { background-position: 36px -221px; }
.edit #lphone { background-position: 30px -400px; }
.edit #lemail { background-position: 33px -351px; }
.edit #llog { background-position: 33px -307px; }
.edit #lnick:hover, .edit a.current { background-position: 36px -27px !important; background-color: #50a8d8; color: #fff; }
.edit #lpwd:hover, .edit a.current { background-position: 36px 16px; background-color: #50a8d8; color: #fff; }
.edit #lphone:hover, .edit a.current { background-position: 30px -165px; background-color: #50a8d8; color: #fff; }
.edit #lemail:hover, .edit a.current { background-position: 33px -115px; background-color: #50a8d8; color: #fff; }
.edit #llog:hover, .edit a.current { background-position: 33px -70px; background-color: #50a8d8; color: #fff; }
.editform table { width: 100%; border-collapse: collapse; border-spacing: 0; }
    .editform table th { text-align: left; color: #0075c1; }
    .editform table th, .editform table tr td { font-size: 13px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 10px 5px; }
    .editform table td { color: #999; }
        .editform table td a { text-decoration: none; color: #0075c1; }
.footer { width: 900px; margin: 10px auto; clear: both; color: #999; padding: 10px 0; text-align: center; }
.isucess, .iwarn, .email span, .mobile span, .email_cur, .mobile_cur, .refresh, .success, .error, .detail, .pw_strength, .to_login { background: url("../img/icon_24.png") no-repeat scroll 0 0 transparent; _background: url("../img/icon.png") no-repeat scroll 0 0 transparent; display: block; }
.iwarn { vertical-align: middle; display: inline-block; height: 20px; width: 20px; background-position: -2px -33px; }
#sendoktip { display: none; font-size: 15px; }
    #sendoktip a { color: #4b9ecb; font-size: 15px; }
i { font-style: normal; }
.success { vertical-align: middle; display: inline-block; height: 20px; width: 20px; background-position: -2px -59px; }
.initcaptcha { vertical-align: middle; }
@media (max-width: 768px) {
    .regcontent{width:768px;}
    .footer{width:768px;}
    .regcontent .regtab a{width:50%;}
    .loginbycode{width:768px;}
    .info-left img{
        -webkit-border-radius: 130px;
        -moz-border-radius: 130px;
        border-radius: 130px;}
    .info-left h1{display: none;}
    .mlist{width: 100%;height: 100%;float: left;background: #fff;padding: 15px;margin-top: 20px;box-sizing: border-box;position: relative;}
     .info-right{width:568px;padding:10px;box-sizing:border-box;}
    .info-left { width: 200px;
        background: none;
        padding: 20px 0 0;
        height: auto;
        overflow: hidden;}
     .info-left img { border-radius: 80px; box-shadow: 0 0 3px #FFF inset; border: 1px solid #fff; margin: 0 auto; display: block; min-height: 30px; width: 80px; height: 80px; }
     .info-left .editavatar {background: rgba(213, 213, 213, 0.35);width: 72px;float: none;color: #B6B6B6;line-height: 22px; }
     .info-left a { position: initial;background-image: url(../img/icon_white_24.png); width: 28px; border-radius:5px;clear: both; background-position-x: 1px !important; }
     .info-left a span {min-width: 1366px; border-bottom: 1px solid #ddd; padding-bottom: 4px; text-align: left; margin-left: 40px; }
     .info-left a span i{position: absolute;right: 10px;background: url(../img/iocn_angleright.png) no-repeat;text-indent: -999px;width: 20px;height: 20px;display: inline-block;color: #C8C8C8; }
     .info-left #pwd { background-color: #ff6464;background-position: 11px -113px; }
     .info-left #home { background-color: #94BAFF; }
     .info-left #phone { background-color:#B5B5B5; }
     .info-left #email { background-color:#78ACF2;background-position: 9px -190px; }
     .info-left #logout { background-color: #D86471;background-position: 9px -212px; }

}
@media (max-width: 480px) {
    *, html, body{font-size:15px !important;text-shadow:none;}
    .mhide{display:none;}
    .header{padding-top: 12px;height: 35px;}
    .loginbg { overflow-x: hidden;background:#f5f5f5;height:auto; }
    input[type=button],input[type=text],input[type=password],button,textarea{-webkit-appearance: none;outline: 0;}
    /**/
    .loginP { margin: 30px auto 0 auto; width: 300px; position: inherit; border-radius: 0;box-shadow:none;background: url(../img/logo.png) center 30px no-repeat; }
        .loginP p { padding: 0 10px; height:auto;}
        .loginP .tabuid input { background-position:5px 10px;padding:10px 6px;  }
    .loginP .tabuid input#pwd { background-position-y:-22px; border-top-left-radius: 0;border-top-right-radius: 0;position:relative;top:-1px; }
    .loginP .tabuid input#uid { border-bottom-left-radius: 0;border-bottom-right-radius: 0;  }
        .loginP .getpassword { margin: 0;/*margin-left: 91px;*/ }
.loginP #login, .loginP #reg { width: 115px; }
.loginP #reg { float: right; margin: 0; }
.loginP p.error-tip { top: 87px; }
.regcon .pright a{font-size:12px;}
    .a-imgcode { display: block; }
        .a-imgcode img { right: 10px;left:auto;height:27px; }
    .footer {width: 90%;text-align: center;position: static !important;bottom: 0;left: 0;right: 0; }
    .pright button,.regcontent button{padding: 10px 8px !important;margin-top: 46px !important;}
    .initcaptcha { position: absolute; right: 25px; top: 1px; height: 27px; }
    .getcode +span{display:none;}
    .regcon { padding-top: 15px; }
        .regcon p ,.ucc p{ margin-bottom: 8px; position: relative;padding: 0;}
    .regcontent { width: 90%; margin-top: 0px;border:none;background: none;box-shadow: none; }
        .regcontent .regtab { margin: 0; }
            .regcontent .regtab a { width: 50%;font-size:15px;line-height: 28px; }
        .regcontent .email span, .regcontent .mobile span { margin-left: 18px; }
    .regcon { margin-left: 0; }
        .regcon label ,.ucc label{top:2px;bottom:3px;background: #FFF;font-weight: normal !important; font-size: 15px !important;width:70px !important;z-index:1;/*display: none !important;*/position: absolute;left: 10px; display:block;line-height:30px;}
        .regcon span,.ucc span { margin:0 auto;z-index:2;position: absolute; left:80px;top: 1px;background: #FFF;line-height: 30px;height:30px;bottom:1px;}
    form p input:focus + span { display: none; }
    form input[type=text], form input[type=password], form select, form textarea, button { box-shadow: none;height: auto !important; padding:8px; width: 100%; display: block; box-sizing: border-box; }
    .regcon .pright { padding: 0; text-align: center;font-size:12px; /* top: 26px; */}
    .regcontent { min-height: inherit; }
    #regbyemail input.captchatext, input.captchatext { width: 100% !important; margin-left: auto !important; }
    .tk .content { margin: 10px 0; padding:0;}
    pad .tk .close { margin: 10px auto !important; }
    .uc .header { display: none; }
    .uc .regcontent { width: 100%; box-shadow: none; border: none; }
    .ucc .regcontent{width:90%;}
    .uc .info-right { display: none; }
    .uc .info-left { width: 100%; background: none; padding: 20px 0; height: auto;}
        .uc .info-left img { border-radius: 80px; box-shadow: 0 0 3px #FFF inset; border: 1px solid #fff; margin: 0 auto; display: block; min-height: 30px; width: 80px; height: 80px; }
        .uc .info-left .editavatar {background: rgba(213, 213, 213, 0.35);width: 72px;float: none;color: #B6B6B6;line-height: 22px; }
        .uc .info-left a { position: initial;background-image: url(../img/icon_white_24.png); width: 28px; border-radius:5px;clear: both; background-position-x: 1px !important; }
            .uc .info-left a span {min-width: 1366px; border-bottom: 1px solid #ddd; padding-bottom: 4px; text-align: left; margin-left: 40px; }
    .uc .info-left a span i{position: absolute;right: 10px;background: url(../img/iocn_angleright.png) no-repeat;text-indent: -999px;width: 20px;height: 20px;display: inline-block;color: #C8C8C8; }
    .uc .info-left #pwd { background-color: #ff6464;background-position: 11px -113px; }
        .uc .info-left #home { background-color: #94BAFF; }
        .uc .info-left #phone { background-color:#B5B5B5; }
        .uc .info-left #email { background-color:#78ACF2;background-position: 9px -190px; }
        .uc .info-left #logout { background-color: #D86471;background-position: 9px -212px; }
.ucc form input[type=text],.ucc .editform input[type=text],.ucc .editform input[type=password],.regcontent input[type=text],.regcontent input[type=password]{padding-left: 70px;height:36px !important; font-size:14px !important; display:block; background: #FFF !important;}
    .ucc .ucgender {line-height:34px;}
    .ucc .ucgender label {background: none;}
    .ucc .ucgender label+ input[type=radio]{margin-left:56px !important;}
.ucc .uccadd,.uc p span.v{font-size:0 !important;}
.ucc .uccadd #province,.ucc .ucbirthday #idYear{text-indent:45px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
    .ucc .uccadd #city,.ucc .ucbirthday #idMonth{border-radius:0;}
    .ucc .uccadd #contry,.ucc .ucbirthday #idDay{border-top-left-radius:0;border-bottom-left-radius:0;}
.regcontent p:last-child label{display: none !important;}
    form .input, form .textarea, form .select{box-shadow: none;background: #FFF !important;}
        #mReg2 .btn-group,.ucc .btn-group{margin: 0 auto;width: 100%;display: block;padding: 0px 8px;position: relative;box-sizing: border-box;}
        #mReg2 .btn-group input,.ucc .btn-group input{position: absolute;left: 0;width:90%;}
        #mReg2 .btn-group button ,.ucc .btn-group button{margin: 0 !important;position: absolute;width: auto;right: 0;overflow: hidden;z-index: 9;padding: 0;height: 32px !important;}
        #sendoktip{font-size:13px;padding:20px;}
        #sendoktip a{font-size:13px;}
        #sendoktip span{position:static;background:none;margin:0;}
        .loginbycode{width: 90%;clear: both;margin: 10px auto 0 auto;box-sizing: border-box;line-height:20px;}
    .ucc .info-left,.ucc .header{display:none;}
    .ucc .info-right{padding:0;width:100%;}
    .ucc .info-right h1{border: none;font-size: 13px;text-align: center;border-bottom: 1px solid #ccc;color: #A0A0A0;background: #fff;width: 100%;position: absolute;left: 0;}
    .ucc .info-right h1 span{display: block;position:absolute;right:auto;top: 5px;left: 16px;}
    .ucc form{margin-top: 55px;}
    .ucc .tip span{background:none;position:static;margin:0 5px;}
    .ucc .tip{line-height: 20px;}
    .ucc .edit-nick{margin-top: -29px;position: absolute;right: 0;width: 63px;overflow: hidden;height: 25px;border-radius: 8px;text-indent: 33px;line-height: 24px;padding: 0;border-radius:3px;background: #cbcbcb url(../img/icon_edit.png) no-repeat 7px center;}
    .ucc .edit-nick+ span,.ucc .editform #nickname+ span{margin-top: 30px;left: 0;background: none;}
    .ucc textarea{width:100%;text-indent: 45px;}
    .ucc .pnick #nickname{margin:0 !important;display:inline-block;width:100%;}
    .ucc .pnick{height:55px;}
    .ucc .pnick label{bottom:24px;}
    .mlist{width: 100%;height: 100%;float: left;background: #fff;padding: 15px;margin-top: 20px;box-sizing: border-box;position: relative;}
    .uc .info-left h1{display: none;}
    .regcontent p .y{width: 20px;position: absolute;overflow: hidden;right: 7px;left: auto;}
    .regcontent p .a-imgcode .y{right:7px;}
    .ucc .regcontent select{padding: 7px 5px;-webkit-appearance: none;box-sizing: border-box;width: 33.3%;}
    .uc p span.v{position: initial;background: none;}
    .tk .line{margin:10px 0;}
    .tk+.footer{position:inherit;}
    .ucc .iwarn,.regcontent .iwarn{margin-top:-3px;}

    .loginP p img#imageHover {
        /*padding-left: 183px;*/
        right:55px;
        top:205px;
    }
}
table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}.table{width:100%;margin-bottom:20px}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}.table th{font-weight:bold}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}
.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.table-bordered th,.table-bordered td{border-left:1px solid #ddd}
