@charset "utf-8";

/*--------------- Ϣҳͨʽ ʼ ---------------*/
.mallTabmr {margin-top: 15px;}
.mallmemberTxt {padding: 5px 15px; font-weight: bold; color: #333;}

/* ˵ */
.mallmemberList {padding: 5px 0;}
.mallmemberList a:link, .mallmemberList a:visited, .mallmemberList a:hover {color: #333;}
.mallmemberList h1 {margin: 0 15px; padding: 0 0 5px 17px; font-size: 12px; color: #333;}
.mallmemberList h1.open {background: url(../crm_shop_images/ico_helplopen.gif) no-repeat left 3px;}
.mallmemberList h1.close {background: url(../crm_shop_images/ico_helplclose.gif) no-repeat left 3px; font-weight: normal;}
.mallmemberList ul {margin: 0 15px 10px 15px; padding: 7px 0; background: url(../crm_shop_images/dot_c3c3c312.gif) repeat-x top #f5f5f5; border-bottom: 1px solid #e1e1e1; list-style: none;}
.mallmemberList ul.end {margin-bottom: 0;}
.mallmemberList ul li {margin: 0 12px; padding: 1px 0 1px 8px; background: url(../crm_shop_images/ico_arow2.gif) no-repeat left 9px;}

/* ӭ */
.mallWelcome {padding: 20px 15px; padding-top: 5px; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7;}
.mallWelcome .nameinfo {padding-bottom: 5px; color: #ff668e; font-weight: bold;}

/* ʾ */
.mallTips {padding: 10px 30px; background-color: #ffffdf; border: 1px #e7e7e7 solid;}
.mallTips .title {color: #ff668e; font-size: 14px; font-weight: bold;}
.mallmemberTips {margin: 5px 0; padding: 7px 20px; color: #764e2a; background: #fffded;}

/* -ҵ */
.mallmemberGery {padding: 15px; text-align: center; background-color: #f8f8f8; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; font-size: 14px;}
.mallmemberGery a:link, .mallmemberGery a:hover, .mallmemberGery a:visited {color: #f34b00;}
.mallmemberGery span {margin: 0 5px; font-weight: bold; color: #f34b00;}
.mallmemberGery .txt {color: #ff668e;}
.mallmemberGery .txt2 {color: #999; font-size: 12px; font-weight: normal;}

/* ť */
.mallmemberBtn {padding-top: 15px; text-align: right;}
.mallmemberBtn2 {padding-top: 15px; text-align: center;}
/*--------------- Ϣҳͨʽ  ---------------*/

/*--------------- ֹҳ ʼ ---------------*/
.mallmemberHandle {padding: 10px  20px 15px 20px; background: url(../crm_shop_images/dot_c3c3c312.gif) repeat-x bottom;}

.mallmemberTab {width: 90%; margin: 35px auto; border-collapse: collapse;}
.mallmemberTab td {padding: 5px; text-align: center;}
.mallmemberTab td .num {width: 170px; padding: 5px 0; text-align: center; background: #f8f8f8; color: #999; display: block;}

.mallmemberTicket {width: 170px; height: 55px; line-height: 55px; background: url(../crm_shop_images/img_ticketbg.gif) no-repeat; font-size: 30px; color: #fe5400; font-weight: bold; text-align: center; cursor: pointer;}
/*--------------- ֹҳ  ---------------*/

/*--------------- ̳Ϣҳ ʼ ---------------*/
.mallMessage {width: 92%; margin: 0 auto; border-collapse: collapse;}
.mallMessage th {width: 90px; padding: 4px; text-align: left; text-align: right; color: #333; font-weight: normal; vertical-align: top;}
.mallMessage td {padding: 4px; text-align: left;}
.mallMessage .input {width: 400px;}
.mallMessage textarea {width: 400px; height: 70px;}
.mallMessageTitle {margin: 5px 15px; background: url(../crm_shop_images/ico_arrow04.gif) no-repeat center left; text-align: left; text-indent: 10px; color: #333;}
.mallMessageTxt {margin-left: 10px; padding: 10px 15px 5px 15px; border-top: 1px dashed #ccc; text-align: left;}
.mallMessageTxt2 {margin-left: 10px; margin-top: 5px; padding: 5px 15px; background-color: #f8f8f8; text-align: left;}
/*--------------- ̳Ϣҳ  ---------------*/

/*--------------- ҵͨѶ¼ҳ ʼ ---------------*/
.mallFriendTitle {padding: 0 15px 10px 15px; color: #999;}
.mallFriendSearch {padding: 10px 15px; margin: 25px 0; border: 3px solid #f5f5f5;}
.mallFriendSearch input {width: 200px;}
.mallFriendSearch .letter {margin-top: 7px; padding: 7px 0; border-top: 1px dashed #dedede;}
.mallFriendSearch .letter a {height: 18px; line-height: 18px; margin-right: 3px; padding: 0 5px; border: 1px solid #ccc; text-decoration: none; display: block; font-family: tahoma; float: left;}
.mallFriendSearch .letter a.letter1:link {background: #fff; color: #666;} 
.mallFriendSearch .letter a.letter1:visited {background: #fff; color: #666;} 
.mallFriendSearch .letter a.letter1:hover {background: #ff779a; color: #fff;} 
.mallFriendSearch .letter a.letter0:link, .SearchFriend .btn a.letter0:visited, .SearchFriend .btn a.letter0:hover {background: #ff779a; color: #fff; cursor: default;} 
.mallFriendSearch .btn {width: 70px; height: 20px; line-height: 20px; background-color: #fff; border: 1px solid #ccc;}
/*--------------- ҵͨѶ¼ҳ  ---------------*/

/*--------------- Ʒҳ ʼ ---------------*/
.mallGift {margin-bottom: 15px; padding: 20px 30px; background: #f8f8f8;}
.mallGift h1 {height: 30px; color: #333; font-size: 12px;}
.mallGift .info {margin-bottom: 25px;}
.mallGift .info span {color: #ccc;}
.mallGift .info a:link {text-decoration: underline;}
.mallGift .info a:visited {text-decoration: underline;}
.mallGift .info a:hover {text-decoration: underline; color: #000;}
/*--------------- Ʒҳ  ---------------*/

/*--------------- עᡢ¼ҳͨʽ ʼ ---------------*/
/* ͷ */
.mallHeader {width: 958px; height: 90px; margin: 0 auto; margin-bottom: 20px; background: url(../crm_shop_images/img_logobottom.gif) repeat-x bottom;}
.mallHeader .logo {margin: 10px 0 0 23px;}

/* */
.mallBody {width: 700px; margin: 0 auto;}
.mallBody .title {padding: 0 10px 10px 15px;}
.mallBody .title.style {border-bottom: 1px solid #ddd;}

/* ߿ */
.mallmemberBox {width: 700px;}
.mallmemberBox .top {height: 20px; background: url(../crm_shop_images/img_greyboxt.gif) no-repeat;}
.mallmemberBox .bottom {height: 20px; background: url(../crm_shop_images/img_greyboxb.gif) no-repeat;}
.mallmemberBox .content {background: url(../crm_shop_images/img_greyboxm.gif) repeat-y;}
.mallmemberBox .space {width: 700px; height: 20px; font-size:0; line-height: 0; background: url(../crm_shop_images/img_whiteboxb.gif) no-repeat;}
/*--------------- עᡢ¼ҳͨʽ  ---------------*/

/*--------------- עҳ ʼ ---------------*/
.mallRegstep {padding: 10px 0;}
.mallReg {width: 600px; margin: 0 auto; padding: 20px 0;}
.mallReg h1 {padding-bottom: 5px; text-indent: 10px; font-size: 14px; color: #333;}
.mallReg h1 span {font-size: 12px; font-weight: normal; color: #999;}
.mallReg ul {margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; color: #999;}
.mallReg ul li {padding-left: 16px; background: url(../crm_shop_images/ico_arow2.gif) no-repeat 4px 7px;}
.mallReg input {margin: 1px 0; padding: 3px; border: 1px solid #ccc; background: #ffffdf; color: #999; vertical-align: middle;}
.mallReg input.nostyle {border: none; background: none;}
.mallReg input.width01 {width: 250px;}
.mallReg input.width02 {width: 238px;}
.mallReg input.width03 {width: 60px;}
.mallReg input.width04 {width: 160px;}
.mallReg input.width05 {width: 100px;}
.mallReg .left {width: 210px; float: left;}
.mallReg .right {width: 325px; padding-left: 30px; border-left: 2px solid #efefef; float: right;}
.mallReg .greybg {padding: 20px 30px; margin-bottom: 15px; background: #f8f8f8;}
.mallReg .explaint {padding: 0 0 2px 16px; height: 20px; line-height: 20px; background: url(../crm_shop_images/ico_arow3.gif) no-repeat left 3px;}

.mallReg table {width: 100%; margin-bottom: 20px; border-collapse: collapse;}
.mallReg table th {width: 110px; padding: 4px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f5f5f5; color: #555; font-weight: normal; text-align: right;}
.mallReg table td {padding: 6px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 120%;}

.mallReg .tips {margin-bottom: 15px;}
.mallReg .tips h2 {font-size: 16px; color: #ff628b; text-align: center;}
.mallReg .tips p {margin: 15px 0; padding: 15px 50px; line-height: 200%; background: #f8f8f8; font-family: tahoma;}
.mallReg .tipsway {padding: 10px 0; position: relative; background: url(../crm_shop_images/dot_bebebe12.gif) repeat-x top;}
.mallReg .tipsway .text {width: 320px; padding: 15px 10px 7px 10px; color: #999;}
.mallReg .tipsway .regadv {background: #f0f0f0; float: right; position: absolute; top: 20px; left: 350px;}
.mallReg .tipsway .regadv img {width: 244px; height: 130px; margin: 3px; border: 1px solid #ccc;}
/*--------------- 注册流程页面 结束 ---------------*/

/*--------------- 登录页面 开始 ---------------*/
.mallLogin {width: 600px; margin: 0 auto; padding: 15px 0; position: relative; }
.mallLogin .topimg {position: absolute; top: 50px; right:20px;}
.mallLogin .text {padding: 10px; border-top: 1px solid #ccc;}
.mallLogin .operate {width: 320px; padding: 10px; margin-bottom: 30px; position: relative;}
.mallLogin .operate table {border-collapse: collapse; padding: 0; margin: 0;}
.mallLogin .operate table th, td {margin: 0; padding: 1px 0;}
.mallLogin .operate input {width: 180px; margin-bottom: 2px; margin-left: 5px; border: 1px solid #ccc; background: #ffffdf; color: #999; vertical-align: middle;}
.mallLogin .operate input.label {width: 45px; color: #333; background: #fff; border: none;}
.mallLogin .operate select {margin-left:35px; margin-bottom:10px;}
.mallLogin .operate .forgetpw {position: absolute; top: 88px; left: 70px; background: url(../crm_shop_images/ico_qmark.gif) no-repeat left center; text-indent: 15px;}
.mallLogin .operate .forgetpw a:link {text-decoration: underline; color: #666;}
.mallLogin .operate .forgetpw a:visited {text-decoration: underline; color: #666;}
.mallLogin .operate .forgetpw a:hover {text-decoration: underline; color: #333;}
.mallLogin .operate .btn {position: absolute; top: 38px; right: 0;}
.mallLogin .reg {padding: 15px 30px; background: #f8f8f8;}
.mallLogin .reg select {width: 150px; margin-right: 10px;}
/*--------------- 登录页面 结束  ---------------*/

/*--------------- 忘记密码页面 开始 ---------------*/
.mallPw {width: 340px; margin: 0 auto; padding-top: 40px;}
.mallPw ul {width: 300px; margin: 0 auto; list-style-type: none; color: #666;}
.mallPw ul li {height: 25px;}
.mallPw ul li input {width: 220px; padding: 3px; border: 1px solid #ccc; background-color: #efefef; vertical-align: middle;}
.mallPw .info {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 3px solid #efefef; font-size: 14px; color: #333;}
.mallPw .btn {margin-top: 15px; padding: 15px; background: url(../crm_shop_images/dot_c3c3c312.gif) repeat-x top; text-align: center;}
.mallpwBanner {width: 610px; margin: 0 auto;}

/*--------------- 忘记密码页面 结束 ---------------*/

.mallCurpon {}
.mallCurpon td {border-top: 1px solid #ccc; border-bottom: none;}
.mallCurpon .tips {border-top: 1px dashed #ccc; background: #fffeee; text-align: left; color: #764e2a;}