body {background:#f8f8f8;}
.main-box {margin-top: 41px;margin-bottom: 51px;overflow: hidden;}

/******* 登陆和注册 *******/
.login-form, .register-form {width:86%;height:auto;margin:35px 5%;}
.login-form section,.register-form section {width:100%;height:40px;line-height:40px;color:#888;border:1px solid #ddd;position:relative;background:#fff;margin-top:-1px;position: relative;}
.login-form section .input-name, .register-form section .input-name {width:15%;height:40px;line-height:40px;text-align:center;float:left;display:inline-block;}

.vcode-outer{width:100%;height:40px;line-height:40px;color:#888;position:relative;margin-top: 2px;}
.input-vcode{width:45%;float: left;height:40px;border:1px solid #ddd;margin:-1px;text-align: center;}
.imgvcode{width:25%;height: 40px;float: left;margin-left: 10px;	}
.login-form section .input, .register-form section .input {width:85%;height:40px;line-height:17px;float:left;display:inline-block;background:none;border:none;color:#343434;font-family: SimHei}

.register-form section>.iconfont {width:30px;height:40px;display:inline-block;position:absolute;text-align:center;top:0;right:0;font-size: 1.8rem}

.register-form .license {width:100%;margin:10px 0 0;color:#888;line-height:17px;}
.register-form .license a {color:#888;margin-right:10px;}
.register-form .license .iconfont {width:16px;height:16px;display:inline-block;border:1px solid #ccc;background:#fff;}
.login-form p, .register-form p {width:100%;height:25px;line-height:25px;margin:10px 0;}
.login-form p a{color:#666;}
.register-form p .tips {color:#f30;}

.login-submit, .goto-reg, .register-submit, .goto-login {width:100%;height:45px;display:block;margin:10px 0 0;text-align:center;line-height:45px;color:#fff;background:#fc9241;font-size:16px;letter-spacing:5px;border-radius: 5px}
.goto-reg, .goto-login {background:#fc0;}

.input-name>.iconfont {font-size: 1.8rem}
.last-row {width:95%;margin: 10px auto 0;height: 20px;line-height: 20px;}
.last-row a {color: #fc9241;font-size: 1.4rem;text-decoration: underline;}

/*******  用户中心  *******/


.user-info {width:90%;height:80px;line-height:40px;margin:10px 5%;border:1px solid #ddd;background:#fff;color:#888;padding:10px 0;}

.user-info .user-name, .user-info .user-nickname {width:100%;height:40px;font-size:13px;position:relative;}
.user-info .uc-item-name {width:30%;height:40px;float:left;display:inline-block;text-align:center;}
.user-info .uc-logout {width:60px;height:40px;position:absolute;right:15px;top:0;color:#f30;text-align:center;display:none;}
.user-info .uc-uname, .user-info .uc-nickname {width:70%;float:left;display: inline-block;color:#333;}

.user-info .uc-nickname .input {width:50%;height:28px;border:1px solid #ddd;background:#fff;float:left;padding:0 4%;line-height:17px;color:#f08200;margin:5px 0;}
.user-info .uc-nickname .nickname-submit {width:30%;height:30px;margin:5px auto 5px 5%;float:left;display:inline-block;background:#ff8400;color:#fff;line-height:30px;text-align:center;letter-spacing:3px;}


.recent-gifts, .hot-topic {width:90%;height:auto;min-height:150px;margin:10px 5%;border:1px solid #ddd;background:#fff;}
.recent-gifts .list-hd, .hot-topic .list-hd {width:90%;height:30px;line-height:30px;padding:0 5%;color:#f08200;font-size:14px;}
.recent-gifts .list-item {width:100%;height:30px;line-height:30px;display:inline-block;text-align:center;border-top:1px solid #ddd;}
.recent-gifts .gift-name, .recent-gifts .gift-type, .recent-gifts .gift-cont {width:25%;float:left;display:inline-block;}
.recent-gifts .gift-cont {width:50%;background:none;border:none;height:30px;line-height: 30px;}

.hot-topic .list-item {width:100%;height:30px;line-height:30px;display:inline-block;text-align:center;}
.hot-topic .list-item a {color:#888;width:80%;height:30px;display:block;margin:0 10%;}