html {
    overflow: hidden
}

body {
    font-size: 1rem;
    font-family: Arial, Roboto, Helvetica, 'Microsoft YaHei', STHeiti, sans-serif;
    color: #404040;
    background: #ffffff;
    padding: 0px;
    margin: 0px;
    padding-bottom: 20px;
}

.body {
    font-family: Arial, Roboto, Helvetica, 'Microsoft YaHei', STHeiti, sans-serif;
    font-size: 1rem;
}

li {
    margin-left: 0px;
    left: 0px;
    padding-right: 0px;
}

input:focus, :focus {
    outline: 0 none;
    background-color: transparent;
}

input::-webkit-input-placeholder {
    color: #404040;
    font-family: "微软雅黑", "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
}

input {
    font-family: "微软雅黑", "microsoft yahei", "黑体", "宋体", Simsun;
    padding: 0;
}

a:hover {
    color: #dd1d21;
}

a {
    outline: none;
}

.wrap {
    width: 1140px;
    margin: 0 auto;
}

.head-zxh {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.head-zxh .logo {
    width: 200px;
    height: 140px;
    background: url(../../images/website/logo.png) no-repeat left center;
    background-size: 190px;
    float: left;
}

.head-zxh .top-tasks {
    width: 85%;
}

/*login*/
.loginFrm {
    padding-top: 28px;
    float: right;
}

.loginTips {
    line-height: 40px;
    font-size: 1rem;
    color: #404040;
    font-weight: bold;
}

.loginFrm .frm {
    height: 28px;
}

.loginFrm .regForm {
    width: 100%;
    padding-top: 0;
}

.loginFrm .regForm .ipt {
    width: 190px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

.loginFrm .regForm input {
    margin-right: 10px;
}

.loginFrm .regForm input.code {
    width: 120px;
    margin-right: 0;
    border-right: none;
}

.codeImg {
    display: inline-block;
    width: 90px;
    height: 26px;
    border: 1px solid #404040;
    background: #fff;
    vertical-align: middle;
    margin-right: 10px;
}

.codeImg img {
    width: 90px;
    height: 26px;
}

.loginFrm .btn {
    display: inline-block;
    width: 112px;
    height: 28px;
    line-height: 28px;
    font-size: .875rem;
    color: #fff;
    text-align: center;
    background: #dd1d21;
    border: 1px solid #dd1d21;
    vertical-align: middle;
    font-weight: bold;
}

.loginFrm .btn:hover {
    background: #fff;
    border: 1px solid #dd1d21;
    color: #222;
}

.loginFrm .btn:focus {
    background: #fff;
    border: 1px solid #dd1d21;
    color: #222;
}

.loginFrm .reg {
    background: #595959;
    border-color: #404040;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
}

.loginFrm .reg:hover {
    background: #fff;
    border-color: #404040;
    color: #222;
}

.loginFrm .reg:focus {
    background: #fff;
    border-color: #404040;
    color: #222;
}

.loginFrm .countdown {
    border: 1px solid #404040;
    background: #fff;
    color: #404040;
    text-decoration: none;
}

.loginFrm input.error {
    border-color: #dd1d21;
}

.loginFrm .errorTxt {
    font-size: 1rem;
    color: #dd1d21;
    line-height: 30px;
    margin-top: 0;
    display: none;
}

.loginFrm .errorTxtCode {
    padding-left: 405px;
}

.forgetPsd {
    float: right;
    padding-right: 145px;
    display: inline;
    line-height: 30px;
    margin-top: 0;
}

.forgetPsd a {
    color: #404040;
    text-decoration: underline;
    font-size: .875rem;
}

.forgetPsd a:hover {
    color: #dd1d21
}

/*regist*/
.regContent {
    max-width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.regTitle {
    height: 100px;
    line-height: 120px;
    text-align: center;
    font-size: 2rem;
    color: #404040;
    font-weight: bold;
}

.regTitle h2 {
    text-align: center;
}

.regTab {
    height: 30px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.regTab ul {
    text-align: center;
    left: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
}

.regTab li {
    text-align: left;
    line-height: 55px;
    height: 55px;
    border-bottom: 1px solid #404040;
    color: #404040;
    font-size: 1rem;
    margin: 0 20px;
    margin-right: 0px;
    list-style: none;
    padding: 0;
    vertical-align: middle;
    font-weight: bold;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    list-style-type: none;
}

div.back a {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
    padding-left: 10px;
    background: url(../../images/website/icon-back.png) no-repeat left top;
}

div.back a:hover {
    color: #dd1d21;
}

div.back {
    border-bottom: 1px solid #404040;
    color: #404040;
    font-size: 1rem;
    list-style: none;
    padding: 0;
    padding-bottom: 10px;
    padding-left: 25px;
}

div.back a {
    font-size: 1rem;
}

div.back strong {
    font-size: 1rem;
}

.regTab .current {
    border-bottom: 5px solid #dd1d21;
}

.regForm {
    width: 80%;
    padding-top: 50px;
    margin: 0 auto;
}

.regForm ul {
    margin: 0 20px;
}

.regForm ul p {
    margin: 0px;
}

.regForm ul li {
    list-style-type: none;
    left: 0;
    min-height: 30px;
    border-bottom: none !important;
    margin-left: 0;
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.regForm ul label, .regForm ul span {
    display: block;
    vertical-align: middle;
    color: #404040;
    font-size: 1rem;
    line-height: 1;
}

.regForm ul label p {
    line-height: 20px;
}

.regForm ul label {
    width: 180px;
    text-align: left;
    padding-right: 5px;
    font-weight: 600;
    vertical-align: top;
}

.regForm ul span.radioType {
    text-align: left;
}

.regForm ul span.radioType label {
    width: auto;
    padding: 0;
    display: inline-block;
}

.regForm ul li span {
    min-height: 30px;
    line-height: 30px;
    flex: 1;
    -webkit-flex: 1;
}

.regForm ul span a {
    color: #404040;
    text-decoration: underline;
    margin-left: 15px;
    font-size: 1rem;
}

.regForm ul span a:Hover {
    color: #dd1d21;
}

.regForm ul span #forgetpass {
    margin-left: 0;
}

.regForm ul span img {
    margin: 0 3px;
}

.regForm .errorMsg {
    font-size: 1rem;
    color: #dd1d21;
    line-height: 30px;
    margin-top: 0;
    display: none;
}

.regForm .codeSendMsg {
    font-size: 1rem;
    min-height: auto;
    color: #008443;
    padding-left: 240px;
}

.regForm .ipt {
    width: 220px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border: 1px solid #404040;
    background: #fff;
    font-size: 1rem;
    color: #404040;
    text-indent: 5px;
}

.regForm span select {
    width: 222px;
    height: 27px;
    line-height: 27px;
    display: inline-block;
    border: 1px solid #404040;
    margin-right: 5px;
}

.regForm input.error {
    border-color: #dd1d21;
}

.regForm .RegModify {
    float: right;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../../images/website/pen.png) no-repeat;
}

.regForm .btnOk {
    float: right;
    display: inline-block;
    width: 32px;
    height: 30px;
    background: url(../../images/website/icon_right.png) no-repeat center center;
}

.regForm ul li {
    list-style-type: none;
}

.regForm ul li.safeQues .btnOk {
    position: absolute;
    top: 10px;
    right: 0;
}

.regForm ul li.safeQues .RegModify {
    position: absolute;
    top: 10px;
    right: 0;
}

.regForm ul li.safeQues p {
    margin-top: 20px;
}

.regForm .l30 {
    font-size: 1rem;
    margin: 5px 20px;
}

.regForm .frmTips {
    padding: 0px;
    min-height: auto;
    padding-left: 185px;
    font-size: 1rem;
}

.regForm span .frmTips {
    padding-left: 0;
}

.regbtnArea {
    padding: 40px 0;
    text-align: center;
}

.regbtnArea a {
    margin: 0 16px;
    display: inline-block;
    text-decoration: none;
}

.btnRegSubmit {
    width: 343px;
    height: 70px;
    line-height: 70px;
    background: #fcce07;
    border: 1px solid #fcce07;
    color: #404040;
    text-align: center;
    font-size: 1rem;
}

.btnRegSubmit:hover {
    background: #555;
    border-color: #555;
    color: #fcce07;
}

.btnRegSubmit:focus {
    background: #555;
    border-color: #555;
    color: #fcce07;
}

.btnRegCancel {
    width: 343px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #404040;
    background: #fff;
    color: #404040;
    text-align: center;
    font-size: 1rem;
}

.btnRegCancel:hover {
    background: #555;
    border-color: #404040;
    color: #fff;
}

.btnRegCancel:focus {
    background: #555;
    border-color: #404040;
    color: #fff;
}

.regbtnArea .countdown {
    border: 1px solid #404040;
    background: #fff;
    color: #404040;
    text-decoration: none;
}

.regForm .psd {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background: url(../../images/website/showPsd.png) no-repeat left center;
    vertical-align: middle;
    padding-left: 45px;
    font-weight: normal;
    text-decoration: none;
}

.regForm .psdHide {
    background-image: url(../../images/website/hidePsd.png);
}

.frmTips {
    margin: 0px;
    line-height: 26px;
}

.Igree {
    padding: 30px 0;
    height: 40px;
    color: #404040;
    line-height: 40px;
    font-size: 1rem;
    border-bottom: 1px solid #dfdfdf;
    margin: 0 20px;
}

.Igree {
    padding-left: 45px;
}

.Igree {
    position: relative;
}

.Igree input[type=checkbox] {
    display: none;
    position: absolute;
    top: 10px;
    left: 0px;
}

.Igree .check2 {
    position: absolute;
    top: 35px;
    left: 0px;
    height: 30px;
    width: 30px;
    background: url(../../images/website/check.png);
    background-size: 100%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

.Igree input[type=checkbox]:checked + .check2, .checkLi .check2.checked {
    background-image: url(../../images/website/checked2.png);
}

.regDetail {
    width: 550px;
}

.regDetail table th, .regDetail table td {
    line-height: 20px;
    padding: 5px 0;
}

.regDetail ul li {
    padding: 5px 0;
    list-style-type: none;
}

.regTipsBot {
    line-height: 60px;
    text-align: left;
    margin: 0 20px;
    font-size: 1rem;
}

.regTipsBot a {
    color: #dd1d21;
    text-decoration: underline;
}

.radioType label {
    margin-right: 30px;
}

.radioType label input {
    margin-right: 3px;
    vertical-align: middle;
}

.regSuccess {
    width: 500px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

.regSuccess em {
    display: inline-block;
    width: 130px;
    height: 120px;
}

.regSuccess em.ok {
    background: url(../../images/website/icon_Success.png) no-repeat center center;
}

.regSuccess h2 {
    color: #404040;
    text-align: center;
    line-height: 55px;
    font-weight: normal;
}

.regSuccess p {
    text-align: center;
    line-height: 40px;
    color: #404040;
}

p.backPerData {
    margin: 0px;
    line-height: 32px;
    text-align: center;
    color: #404040;
    font-size: 1rem;
}

p.backPerData a {
    text-decoration: underline;
    color: #404040;
    margin-left: 5px;
    font-weight: normal;
}

.txtInfo {
    padding: 20px 30px;
    line-height: 18px;
    font-size: .875rem;
    color: #404040;
}

.txtInfo p {
    margin: 10px 0;
}

p.back {
    padding-left: 40px;
    line-height: 20px;
    color: #404040;
    font-size: .875rem;
    background: url(../../images/website/icon-back.png) no-repeat 25px top;
}

p.back a {
    color: #404040;
    text-decoration: underline;
    font-size: .875rem;
}

.gray {
    color: #999 !important;
}

/*login info*/
.loginInfo {
    padding-top: 69px;
    font-size: 1.625rem;
    text-align: right;
}

.loginInfo .userName {
    margin-left: 0px;
    color: #404040;
    line-height: 40px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.loginInfo .userInfo {
    margin-left: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.loginInfo .userInfo a {
    text-decoration: underline;
    font-weight: normal;
}

.loginInfo .userInfo a:hover {
    color: #dd1d21;
}

.loginInfo .userMenu {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    float: right;
}

.loginInfo .userMenu li {
    float: left;
    margin-left: 28px;
    list-style: none;
    line-height: 1.625rem;
    list-style-type: none;
}

.loginInfo .userMenu li em {
    display: inline-block;
    vertical-align: text-bottom;
    width: 1.625rem;
    height: 1.625rem;
    margin-right: 5px;
}

.loginInfo .userMenu li em.user {
    background: url(../../images/website/icon_user.png) no-repeat center center;
    background-size: 100%;
}

.loginInfo .userMenu li em.out {
    background: url(../../images/website/icon_out.png) no-repeat center center;
    background-size: 100%;
}

.loginInfo .userMenu li a {
    text-decoration: underline;
    font-weight: normal;
}

.loginInfo .userMenu li a:hover {
    color: #dd1d21;
}

/*my message*/
.myInfoMenu {
    margin-bottom: 20px;
    display: block;
}

.myInfoMenu font {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.myInfoMenu font.iconMail {
    background: url(../../images/website/icon_mail.png) no-repeat center center;
}

.myInfoMenu font.iconMoney {
    background: url(../../images/website/icon_money.png);
}

.myInfoMenu font.iconPre {
    background: url(../../images/website/icon_pre.png);
}

.myInfoMenu a:hover font.iconMail {
    background: url(../../images/website/icon_mail_hover.png);
}

.myInfoMenu a:hover font.iconMoney {
    background: url(../../images/website/icon_money_hover.png);
}

.myInfoMenu a:hover font.iconPre {
    background: url(../../images/website/icon_pre_hover.png);
}

.myInfoMenu a:hover .totalItems {
    background-color: transparent;
    border: 1px solid #404040;
}

.myInfoMenu a:focus font.iconMail {
    background: url(../../images/website/icon_mail_hover.png);
}

.myInfoMenu a:focus font.iconMoney {
    background: url(../../images/website/icon_money_hover.png);
}

.myInfoMenu a:focus font.iconPre {
    background: url(../../images/website/icon_pre_hover.png);
}

.myInfoMenu a:focus .totalItems {
    background-color: transparent;
    border: 1px solid #404040;
}

.myInfoMenu a.select {
    background-color: #fbce07;
    color: #404040;
    text-decoration: none
}

.myInfoMenu a.select font.iconMail {
    background: url(../../images/website/icon_mail_hover.png);
}

.myInfoMenu a.select font.iconMoney {
    background: url(../../images/website/icon_money_hover.png);
}

.myInfoMenu a.select font.iconPre {
    background: url(../../images/website/icon_pre_hover.png);
}

.myInfoMenu a.select .totalItems {
    background-color: transparent;
    border: 1px solid #404040;
}

.myInfoMenu .text-label {
    vertical-align: middle;
}

.myMenuHide {
    display: block;
}

.myMsg {
    margin: 0 auto;
    padding: 25px;
}

.myMsg img {
    max-width: 50%;
    margin: 10px auto;
    display: block;
}

.myMsg ul li {
    left: 20px;
    padding-right: 20px;
}

.myMsg ol li {
    left: 1.625rem;
    padding-right: 1.625rem;
}

.msgList li {
    padding: 20px;
    list-style: none;
    color: #404040;
    left: 0;
    margin-left: 0;
    position: relative;
    list-style-type: none;
}

.msgList li h2 {
    line-height: 28px;
    font-size: 1rem;
    padding-left: 20px;
    margin: 0px;
}

.msgList li h2 a {
    text-decoration: none;
}

.msgList li p {
    line-height: 28px;
    font-size: 1rem;
    padding-left: 20px;
    margin: 0px;
}

.msgList li.noRead h2 {
    background: url(../../images/website/redRound.png) no-repeat left 8px;
}

.msgList li .btnDelete {
    width: 90px;
    height: 60px;
    line-height: 60px;
    background: no-repeat;
    text-indent: 0
}

.msgList li .iconDelete {
    width: 90px;
    height: 60px;
    display: inline-block;
    background: url(../../images/website/icon_Delete.png) no-repeat center center;
    line-height: 60px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    right: 0px
}

.msgList li .iconDelete:hover {
    text-indent: 0;
    background: no-repeat;
    text-align: center;
    color: #dd1d21;
}

.msgList li:nth-child(odd) {
    background-color: #F7F7F7;
}

.pageInfo {
    margin-top: 60px;
    line-height: 50px;
    text-align: center;
}

.pageInfo a {
    display: inline-block;
    margin: 0 15px;
    text-decoration: underline;
    font-size: 1rem;
}

.pageInfo a.on {
    text-decoration: none;
    color: #DD1D21;
}

.deleteMsg h2 {
    text-align: center;
    line-height: 80px;
    color: #dd1d21;
}

.deleteMsg p {
    text-align: center;
    font-size: 1.4rem;
    color: #404040;
    line-height: 120px;
}

.msgInfo {
    padding: 0 0px;
    line-height: 28px;
    font-size: 1rem;
    color: #404040;
    overflow: hidden;
}

.msgInfo ul li {
    left: 20px;
    padding-right: 20px
}

.msgInfo ol li {
    left: 1.625rem;
    padding-right: 1.625rem;
}

.msgInfo img {
    display: block;
    margin: 0px auto;
    max-width: 50%;
}

.msgTitle {
    font-size: 1.4rem;
    line-height: 26px;
    color: #404040;
}

.msgTime {
    font-size: 1.3rem;
    line-height: 26px;
    color: #404040;
}

.msgInfo .sTitle {
    line-height: 60px;
    font-size: 1.4rem;
    color: #404040;
    font-weight: bold;
}

.msgInfo .content {
    margin-bottom: 30px;
    line-height: 22px;
    font-size: 1rem
}

.msgInfoDelete {
    padding: 0 15px;
    line-height: 80px;
}

.totalItems {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    background: #fbce07;
    color: #404040;
    font-style: normal;
    font-size: 1rem;
}

.myInfoMenu .totalItems {
    float: right;
    margin-top: 20px;
    margin-right: 25px;
}

/*my Offers*/
.myOffers {
    width: 81.25rem;
    margin: 0 auto;
}

.myOffers ul {
    margin: 0;
    margin-left: -16px;
    margin-top: 15px;
}

.myOffers ul li {
    margin-left: 16px;
    padding: 0;
    width: 40rem;
    height: 28rem;
    float: left;
    left: 0;
    margin-bottom: 50px;
    position: relative;
    list-style: none;
    overflow: hidden;
    list-style-type: none;
}

.myOffers ul li .img {
    width: 40.1rem;
    height: 25rem;
    position: relative;
    overflow: hidden;
}

.myOffers ul li .img img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: width .3s;
    transition: width .3s;
}

.myOffers ul li .img img:hover {
    width: 103%;
}

.myOffers ul li div.offerTitle {
    position: absolute;
    padding-top: 20px;
    height: 95px;
    left: 10px;
    bottom: 0px;
    width: 38.5rem;
    background: #fff;
    border-bottom: 9px solid #dd1d21;
}

.myOffers ul li div.offerTitle h2 {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    font-size: 1.25rem;
    padding-left: 40px;
    text-decoration: underline;
}

.myOffers ul li div.offerTitle p {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    font-size: .875rem;
    padding-left: 40px;
}

/*msg set*/
.msgSet {
    width: 1040px;
    margin: 20px auto;
}

.msgSet ul li {
    list-style: none;
    line-height: 50px;
    width: 45%;
    float: left;
    text-align: center;
    font-size: 1rem;
    color: #404040;
    left: 0px;
    margin-left: 0;
    list-style-type: none;
}

.msgSet ul li label {
    margin-right: 30px;
}

.msgSet ul li label input {
    margin-right: 5px;
}

.msgSet .btnArea {
    text-align: center;
    line-height: 150px;
}

.msgSet .btnArea a {
    font-size: 1rem;
    font-weight: normal;
}

.clear {
    clear: both;
}

.serviceIterm h2 {
    line-height: 100px;
    text-align: center;
    color: #dd1d21;
    margin-top: -30px;
}

.serviceIterm p {
    line-height: 40px;
    text-align: center;
    color: #404040;
}

.serviceIterm p a {
    color: #dd1d21;
}

/*record*/
.recordList li {
    height: 60px;
    background: url(../../images/website/arrow-right.png) #fff no-repeat right center;
    cursor: pointer;
    list-style-type: none;
}

.recordList li a {
    display: block;
    height: 60px;
}

.recordList li a h2, .recordList li a p {
    text-decoration: none;
    font-weight: normal;
}

.recordList li:hover {
    background-image: url(../../images/website/arrow-right-hover.png);
}

.recordList li:hover a {
    color: #dd1d21;
}

.recordList li div {
    width: 40%;
    float: left;
}

.recordDetail h2 {
    line-height: 80px;
    font-size: 1rem;
    text-align: center;
    color: #404040;
}

.recordDetail ul {
    margin-bottom: 0px;
}

.recordDetail ul li {
    padding: 10px 120px;
    line-height: 20px;
    list-style: none;
    font-size: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    list-style-type: none;
}

.recordDetail ul li span {
    color: #404040;
}

.recordDetail ul li label {
    display: inline-block;
    font-weight: 600;
    color: #404040;
}

.recordDetail ul li span, .recordDetail ul li label, .recordDetail ul li font {
    flex: 1;
    -webkit-flex: 1;
}

.recordDetail ul li font {
    text-align: center;
}

.recordDetail li:nth-child(odd) {
    background-color: #F7F7F7;
}

.recordDetail li.sTitlebg {
    background: #ddd;
}

/*rule*/
.rule {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.rule .ruleText {
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    padding-top: 5px;
}

.rule .ruleText a {
    text-decoration: none;
}

.rule .ruleText a:Hover {
    color: #dd1d21;
    text-decoration: underline;
}

.rule .ruleText a:focus {
    color: #dd1d21;
    text-decoration: underline;
}

.rule .ruleText h3 {
    line-height: 60px;
    margin-bottom: 0px;
}

.rule .ruleText h3 em {
    vertical-align: middle;
    float: right;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../../images/website/iconAdd.png) no-repeat center center;
    cursor: pointer;
}

.rule .ruleText div {
    padding: 0 60px;
    line-height: 26px;
    color: #404040;
    display: none;
    margin-bottom: 40px;
}

.rule .ruleShow h3 em {
    background-image: url(../../images/website/iconClase.png);
}

.rule .ruleShow div {
    display: block;
    text-align: left;
}

.rule li {
    left: 20px;
}

.pointerSort {
    padding-top: 80px;
    margin: 0 20px;
    border-bottom: 1px solid #404040;
    line-height: 40px;
    margin-bottom: 20px;
}

.pointerSort a {
    text-decoration: none;
    display: inline-block;
    margin-right: 130px;
    font-size: 1rem;
    font-weight: bold;
    color: #404040;
    padding-right: 25px;
    background: url(../../images/website/icon-sort.png) no-repeat right center;
    text-decoration: none;
}

.pointerSort a:hover {
    color: #dd1d21;
    text-decoration: underline;
}

.pointerSort a:focus {
    color: #dd1d21;
    text-decoration: underline;
}

.productList {
    width: 1140px;
}

.productList ul {
    padding: 0px;
    -webkit-padding-start: 0;
}

.productList ul li {
    width: 270px;
    height: 220px;
    left: 0;
    margin-bottom: 10px;
    list-style-type: none;
}

.productList ul li img {
    width: 270px;
    height: 155px;
}

.productList ul li div.offerTitle {
    width: 250px;
    border-color: #fbce07;
    height: 65px;
}

.productList ul li div.offerTitle h2 {
    padding-left: 10px;
}

.productList ul li div.offerTitle p {
    padding-left: 10px;
    font-size: .875rem
}

/*myInfoModify*/
.myInfoModify .regTitle {
    border-bottom: 1px solid #404040;
}

.myInfoModify ul {
    margin: 0;
    padding: 0;
    -webkit-padding-start: 0px;
}

.myInfoModify ul li {
    list-style: none;
    left: 0;
    list-style-type: none;
}

.myInfoModify ul li .infoTitle {
    padding: 25px 0;
    line-height: 26px;
    font-size: 1.25rem;
    color: #404040;
    background: url(../../images/website/arrow-right.png) no-repeat right center;
}

.myInfoModify ul li {
    border-bottom: 1px solid #404040;
}

.myInfoModify ul li.myInfo .infoForm {
    display: none;
}

.myInfoModify ul li.myInfo .infoTitle {
    background-image: url(../../images/website/arrow-right.png);
}

.myInfoModify ul li.current .infoTitle {
    background-image: url(../../images/website/iconClase.png);
}

.myInfoModify ul li.current .infoForm {
    display: block;
}

.myInfoModify ul li.myInfo .regForm {
    padding-top: 10px;
}

.myInfoModify ul li a {
    font-weight: normal;
    text-decoration: none;
}

.myInfoModify ul li a:hover .infoTitle {
    color: #dd1d21;
    background-image: url(../../images/website/arrow-right-hover.png);
}

.myInfoModify ul li a:focus .infoTitle {
    color: #dd1d21;
    background-image: url(../../images/website/arrow-right-hover.png);
}

.myInfoModify ul li.current a:hover .infoTitle {
    background-image: url(../../images/website/iconClase.png);
    color: #404040;
}

.myInfoModify ul li.current a:focus .infoTitle {
    background-image: url(../../images/website/iconClase.png);
    color: #404040;
}

/*new*/
.userMenu .more {
    display: none;
}

.loginInfoP {
    display: inline-block;
}

.selectDate input {
    display: none;
}

.selectDate select {
    display: block;
}

.myMsg .detailImg {
    max-width: 50%;
}

.prgArea {
    margin-bottom: 30px;
}

.prgArea p {
    font-weight: bold;
    color: #404040;
    font-size: 1rem;
    line-height: 1;
}

.prgbar {
    position: relative;
    margin-top: 15px;
    padding-top: 30px;
}

.prgbar .bar {
    height: 6px;
    width: 100%;
    background: #a6a6a6;
    border-radius: 3px;
    position: relative;
    border-top: 1px solid #959595;
    margin-bottom: 5px;
}

.prgbar .bar_current {
    height: 6px;
    width: 80%;
    background: #fbce07;
    border-radius: 0px;
    position: absolute;
    top: -1px;
    left: 0px;
    border-top: 1px solid #e1b906
}

.prgbar .numTxt {
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 60px;
    height: 40px;
    line-height: 30px;
    background: url(../../images/numberbg.png) no-repeat center top;
    background-size: 100%;
    margin-left: -30px;
    position: absolute;
    top: -10px;
    left: 0px
}

/*icon*/
.atomic--button-link-label {
    font-size: 1.2rem;
    font-weight: bold;
}

.campaign-promo__item--top-right .campaign-promo__text {
    left: 9.375rem;
    right: auto
}

@media screen and (max-width: 1500px) {
    .promo-list--tiles .promo-list__base, .promo-list--tiles-notext .promo-list__base, .promo-list--tiles-noimage .promo-list__base {
        margin-left: 6rem;
        margin-right: 6rem;
    }
}

.pointShop .promo-list__base .promo-list__text {
    border-bottom-color: #fbce07;
}

.mobileButton {
    display: none;
}

.loginfold {
    text-align: right;
    padding: 10px 0;
    display: none;
}

.loginfold a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../../images/website/icon_arrow_down_white.png) #dd1d21 no-repeat center center;
    background-size: 15px;
}

.loginfold a.show {
    background-image: url(../../images/website/icon_arrow_up_white.png);
}

/*20170625add*/
.promo-list--tiles .promo-list__text, .promo-list--tiles-notext .promo-list__text, .promo-list--tiles-noimage .promo-list__text {
    width: 100%;
}

.promo-list--tiles .promo-list__item {
    flex-grow: 0
}

@media all and (min-width: 1024px) {
    .forgetPsd a:focus {
        color: #dd1d21
    }

    div.back a:focus {
        color: #dd1d21;
    }

    .regForm ul span a:focus {
        color: #dd1d21;
    }

    .loginInfo .userInfo a:focus {
        color: #dd1d21;
    }

    .loginInfo .userMenu li a:focus {
        color: #dd1d21;
    }

    .myInfoMenu a:focus font.iconMail {
        background: url(../../images/website/icon_mail_hover.png);
    }

    .myInfoMenu a:focus font.iconMoney {
        background: url(../../images/website/icon_money_hover.png);
    }

    .myInfoMenu a:focus font.iconPre {
        background: url(../../images/website/icon_pre_hover.png);
    }

    .myInfoMenu a:focus .totalItems {
        background-color: transparent;
        border: 1px solid #404040;
    }

    .rule .ruleText a:focus {
        color: #dd1d21;
    }

}