.icon-calendar-red { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -78px -32px; background-size: 93px 76px; width: 13px; height: 13px; }

.icon-clipboard-l { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -60px 0px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-file { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -78px -16px; background-size: 93px 76px; width: 13px; height: 14px; }

.icon-gift-l { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat 0px -60px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-mailer-gray { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -20px -20px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-mailer { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -40px 0px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-mark { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -78px 0px; background-size: 93px 76px; width: 15px; height: 14px; }

.icon-medal-l { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -60px -36px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-message-l { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -60px -18px; background-size: 93px 76px; width: 16px; height: 16px; }

.icon-phone-gray { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat 0px 0px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-phone { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -20px -40px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-portrait-gray { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat 0px -40px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-portrait { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -40px -20px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-shopping-cart-active { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -18px -60px; background-size: 93px 76px; width: 16px; height: 15px; }

.icon-shopping-cart { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -36px -60px; background-size: 93px 76px; width: 16px; height: 15px; }

.icon-shopping-y { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -54px -60px; background-size: 93px 76px; width: 15px; height: 15px; }

.icon-weixin-gray { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat 0px -20px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-weixin { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -20px 0px; background-size: 93px 76px; width: 18px; height: 18px; }

.icon-yellowDiamond { background: url("//cdnimg.dd373.com/newfile/usercenter/images/usernew.png?v=edc8c63e95") no-repeat -40px -40px; background-size: 93px 76px; width: 18px; height: 15px; }

.icon-bluediamond { background: url("//cdnimg.dd373.com/newfile/usercenter/images/honor.png?v=8a8f0a1899") no-repeat 0px 0px; background-size: 34px 34px; width: 16px; height: 16px; }

.icon-crown { background: url("//cdnimg.dd373.com/newfile/usercenter/images/honor.png?v=8a8f0a1899") no-repeat -18px 0px; background-size: 34px 34px; width: 16px; height: 16px; }

.icon-heart { background: url("//cdnimg.dd373.com/newfile/usercenter/images/honor.png?v=8a8f0a1899") no-repeat 0px -18px; background-size: 34px 34px; width: 16px; height: 16px; }

.icon-allorder { background: url("//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905") no-repeat 0px 0px; background-size: 94px 80px; width: 30px; height: 30px; }

.icon-bargain { background: url("//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905") no-repeat -32px 0px; background-size: 94px 80px; width: 30px; height: 30px; }

.icon-havepay { background: url("//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905") no-repeat 0px -32px; background-size: 94px 80px; width: 30px; height: 30px; }

.icon-shipped { background: url("//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905") no-repeat -32px -32px; background-size: 94px 80px; width: 30px; height: 30px; }

.icon-signin-hover { background: url("//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905") no-repeat -64px -32px; background-size: 94px 80px; width: 16px; height: 16px; }

.icon-signin { background: url("//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905") no-repeat 0px -64px; background-size: 94px 80px; width: 16px; height: 16px; }

.icon-unpaid { background: url("//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905") no-repeat -64px 0px; background-size: 94px 80px; width: 30px; height: 30px; }

.circle { border-radius: 50% !important; }

.nowrap { white-space: nowrap; }

i[class^="icon-"] { vertical-align: middle; }

a:hover { color: #ff5b01; }

.main { position: relative; }

.icon-lv { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; width: 27px; height: 17px; line-height: 17px; text-align: center; font-style: normal; font-size: 12px; font-weight: normal; margin-top: -4px; color: #fff; background-color: #ff5b01; border-radius: 2px; }

.text-center { text-align: center; }

.text-right { text-align: right !important; }

.text-right a { color: #666; }

.text-right a i { vertical-align: baseline; }

.text-left { text-align: left !important; }

.color-red { color: #ff0000; }

.color-green { color: #38b03f; }

.color-orange { color: #ff9900; }

.btn-thirty-ic { line-height: 30px; }

.main .section { box-sizing: border-box; padding: 0 17px; width: 100%; background-color: #fff; }

.main .section .creditLevel-wrap { margin-left: -7px; }

.main .section .top { padding: 19px 15px 14px; white-space: nowrap; color: #999; }

.main .section .top .title { margin-right: 16px; font-size: 18px; color: #333; height: 22px; display: inline-block; line-height: 22px; font-weight: bold; }

.main .section .top .num { color: #333; }

.main .section .top .step-progressbar-left { margin-left: 5px; width: 324px; *display: inline; }

.main .section .top .step-progressbar-left .step-progressbar-down { width: 100%; }

.main .section .top .step-progressbar-left .step-progressbar-up { width: 0; background-color: #38b03f; }

.main .section .top .step-progressbar-surplus { *display: inline; margin: 0 30px 0 10px; }

.main .section .top .fr > span:first-child { margin-right: 27px; }

.main .section > .info { margin: auto 15px auto 16px; }

.main .section > .info > .item { height: 60px; line-height: 60px; position: relative; }

.main .section > .info > .item > .text-right { width: 102px; }

.main .section > .info > .item li { float: left; width: 159px; height: 58px; line-height: 60px; background-color: #F5F5F5; border: 1px solid; border-color: #F5F5F5; border-radius: 5px; margin-left: 16px; }

.main .section > .info > .item li:hover { background-color: #fff5ec; border-color: #FFDECC; }

.main .section > .info > .item li:first-child { margin-left: 0px; }

.main .section > .info > .item li.first { width: 134px; font-size: 14px; color: #333; margin-left: 0px; text-align: left; }

.main .section > .info > .item li.first i[class^="icon-"] { width: 15px; margin-right: 5px; }

.main .section > .info > .item li .num > a { display: inline-block; width: 100%; height: 100%; padding-left: 20px; }

.main .section > .info > .item li .num > a span { margin-left: 7px; }

.main .section > .info > .item li .num > a .show_buy_num { color: #ff5b01; font-size: 16px; vertical-align: bottom; margin-left: 7px; }

.main .section > .info.accountsafe .fl { font-size: 0; }

.main .section > .info.accountsafe .fl i[class^="icon-"] { position: absolute; top: 0; bottom: 0; margin: auto; }

.main .section > .info.accountsafe .title { margin: 0 16px 0 24px; font-size: 14px; color: #333; }

.main .section > .info.accountsafe .text-tip { font-size: 12px; color: #999; }

.main .section > .info.accountsafe .btn-thirty-ic { width: 82px; line-height: 28px; }

.main .details { width: 723px; }

.main .details > div { padding: 10px 0 25px; }

.main .details .logorelevance { margin: -10px 0 0; margin-right: 16px; width: 106px; height: 122px; }

.main .details .logorelevance > ol { margin-left: 16px; }

.main .details .logo-wrap { position: relative; *overflow: hidden; text-align: center; margin-top: 17px; }

.main .details .logo-wrap img { width: 82px; height: 82px; border: 4px solid #fff; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2); }

.main .details .logo-wrap .semicircle { position: absolute; bottom: 7px; left: 0; right: 0; margin: auto; display: inline-block; width: 82px; height: 41px; border-radius: 0 0 50px 50px; text-align: center; }

.main .details .logo-wrap .clarity { background-color: #333000; filter: alpha(opacity=50); opacity: .5; *zoom: 1; }

.main .details .logo-wrap .text { position: absolute; z-index: 2; left: 0; right: 0; margin: auto; top: 56px; color: #fff; }

.main .details .logo-wrap .clarity, .main .details .logo-wrap .text { display: none; }

.main .details .logo-wrap:hover .clarity, .main .details .logo-wrap:hover .text { display: block; }

.main .details .dropdown-menu { display: inline-block; margin-top: 15px; position: relative; width: 77px; *margin-left: -32px; margin-bottom: 8px; }

.main .details .dropdown-menu .title { box-sizing: border-box; padding: 5.5px 10px; border: 1px solid #d6d6d6; border-radius: 2px; }

.main .details .dropdown-menu .title .arrow { right: 7px; top: 45%; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid #7d7d7d; }

.main .details .dropdown-menu .title:hover { cursor: pointer; }

.main .details .dropdown-menu .menus { display: none; position: absolute; width: 75px; border: 1px solid #d6d6d6; border-top: none; background-color: #fff; }

.main .details .dropdown-menu .menus li { box-sizing: border-box; padding: 8px 10px; }

.main .details .dropdown-menu .menus li:hover { cursor: pointer; background-color: #F5F5F5; }

.main .details .userinfo { width: 585px; position: relative; margin-top: 22px; padding-right: 16px; }

.main .details .userinfo .contactway .text-phone { font-size: 18px; color: #333; }

.main .details .userinfo .contactway .icons-wrap i[class^="icon-"] { margin: 10px 0 7px; vertical-align: middle; }

.main .details .userinfo .btn-group { margin-right: 16px; }

.main .details .userinfo .btn-group a { font-size: 14px; }

.main .details .userinfo .btn-group .btn-thirty-collectb, .main .details .userinfo .btn-group .btn-thirty-pi { width: 88px; display: block; }

.main .details .userinfo .btn-group .btn-thirty-collectb { margin-top: 10px; }

.main .details .userinfo .line { display: block; position: absolute; right: -18px; width: 563px; height: 1px; border-bottom: 1px solid #fafafa; margin-top: 10px; }

.main .details .userinfo .assets { text-align: left; margin-top: 10px; }

.main .details .userinfo .assets .icon-yellowDiamond { vertical-align: inherit; margin-left: 4px; margin-right: -22px; }

.main .details .userinfo .assets li { float: left; width: 121px; padding: 0 16px; border-right: 1px dotted #ccc; }

.main .details .userinfo .assets li:last-child { border-right: none; }

.main .details .userinfo .assets .num { font-weight: bold; font-size: 24px; line-height: 28px; color: #333; height: 60px; overflow: hidden; }

.main .details .userinfo .assets .num .describe { font-size: 14px; line-height: 18px; font-weight: normal; margin-top: 11px; }

.main .details .userinfo .help { margin-top: 1px; margin-top: -2px; margin-left: 6px; }

.main .details .user-money-info { width: 100%; margin-top: 0; }

.main .rightside { width: 260px; }

.main .rightside .btn-thirty-collectb { font-size: 14px; width: 110px; line-height: 30px; font-size: 14px; }

.main .rightside .btn-thirty-collectb i { margin-top: -3px; }

.main .rightside .btn-thirty-collectb:hover .icon-signin { background: url(//cdnimg.dd373.com/newfile/usercenter/images/user_index.png?v=b205268905) no-repeat -64px -32px; }

.main .rightside .section:first-child { padding: 0; }

.main .rightside .section:first-child > ul { margin: 0 16px; }

.main .rightside .signin { position: relative; padding: 16px 0 25px; }

.main .rightside .signin .day { font-size: 60px; color: #ff5b01; }

.main .rightside .signin .date { margin: 4px 0 13px; color: #333; line-height: 16px; font-size: 16px; }

.main .rightside .signin .text-tip { margin-top: 15px; }

.main .rightside .signin .text-tip .num { color: #ff5b01; }

.main .rightside .signin .btn-forty-recapture { width: 110px; height: 30px; line-height: 30px; font-size: 14px; }

.main .rightside .signin .btn-forty-recapture i { margin-top: -3px; }

.main .rightside .signin .left-semicircle, .main .rightside .signin .right-semicircle { display: inline-block; position: absolute; width: 8px; height: 16px; bottom: -8px; background-color: #fafafa; }

.main .rightside .signin .left-semicircle { left: -17px; border-radius: 0 8px 8px 0; }

.main .rightside .signin .right-semicircle { right: -17px; border-radius: 8px 0 0 8px; }

.main .rightside .mission { text-align: center; }

.main .rightside .mission > li { height: 50px; line-height: 50px; color: #333; }

.main .rightside .mission > li i[class^="icon-"] { margin-right: 10px; font-size: 16px; vertical-align: middle; }

.main .rightside .mission > li .btn-thirty-ic { width: 68px; line-height: 28px; }

.main .rightside .mission > li .num { color: #ff5b01; }

.main .rightside .publicity li { padding-top: 16px; }

.main .rightside .publicity li img { width: 228px; height: 115px; vertical-align: middle; }

.main .rightside .recommended { padding: 0 0 16px; }

.main .rightside .recommended .title { padding: 35px 16px 14px; }

.main .rightside .recommended .title .text-title { font-size: 18px; line-height: 22px; font-weight: bold; color: #333; display: inline-block; }

.main .rightside .recommended .title .title-right { margin-top: 3px; }

.main .rightside .recommended ul li { height: 40px; padding: 10px 16px; }

.main .rightside .recommended ul li p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; margin-top: 6px; color: #888888; }

.main .rightside .recommended ul li p:first-child { font-size: 14px; line-height: 18px; margin-top: 0px; }

.main .rightside .recommended ul li .color-orange { color: #ff5b01; }

.layui-layer-content .prompt-cancel-title i, .layui-layer-content .prompt-news-title i { top: 0; margin-right: 10px; }

.layer-userStatusExplain .prompt-news-content table { line-height: 24px; }

.layer-userStatusExplain .prompt-news-content table td { color: #333; }

.layer-userStatusExplain .prompt-news-content table td:first-child { float: left; width: 60px; color: #666; }

.layer-userStatusExplain .prompt-news-content table td:first-child i { margin-top: -1px; }

.prompt-cancel-title, .prompt-news-title { line-height: 67px; }

.layer-signIn .prompt-cancel { height: auto; box-shadow: none; }

#buyer_box, #seller_box, #accountSafe_box { padding: 0px 0 16px; }

#buyer_box .safeLevel, #seller_box .safeLevel, #accountSafe_box .safeLevel { margin-right: 0; line-height: 25px; }

#accountSafe_box .accountsafe .fr { line-height: 65px; }

.state-switch { width: 400px; height: 262px; box-shadow: none; }

.state-switch .prompt-news-btn { padding: 13px 0 30px; }

.prompt-cancel-content { padding: 20px 30px 0; }

.prompt-cancel-content p { line-height: 14px; }

.prompt-cancel-btn { padding: 30px 0 30px; }

.prompt-cancel-btn .btn-forty-pi { width: 130px; }

.prompt-cancel-btn .btn-thirty-ic { width: 130px; line-height: 32px; height: 32px; font-size: 14px; }

.color666 { color: #666666; }

.color999 { color: #999; }

.switch_btn { height: 26px; line-height: 26px; border: none; width: 66px; float: left; border: none; position: absolute; left: 0; top: 0; }

.switch_btn:checked + label.choose-label { background-color: #65DA65; }

.switch_btn:checked + label.choose-label:before { left: 42px; }

.switch_btn:checked + label.choose-label span { right: auto; left: 10px; }

.choose-label { width: 66px; height: 26px; display: inline-block; border-radius: 20px; position: relative; background-color: #999999; overflow: hidden; z-index: 20; cursor: pointer; }

.choose-label:before { content: ''; position: absolute; left: 2px; top: 2px; width: 22px; height: 22px; display: inline-block; border-radius: 20px; background-color: #fff; z-index: 20; -webkit-transition: all 0.5s; transition: all 0.5s; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2); }

.choose-label span { top: 4px; right: 10px; left: auto; }

.oc-off { width: 66px; height: 26px; position: relative; margin-top: 2px; margin-bottom: 9px; }

.ss { padding-bottom: 10000px; margin-bottom: -10000px; background-color: #fff; }

.de-line { width: 1px; background-color: #f2f2f2; height: 100%; padding: inherit; }

.popupSmailCommon .prompt-cancel-title { font-size: 16px; }

.popupSmailCommon .prompt-cancel-content p { text-align: left; font-size: 14px; line-height: 18px; }

.popupSmailCommon .layui-layer-btn { margin-top: -18px !important; }

.popupSmailCommon .layui-layer-btn .layui-layer-btn0 { width: 160px; height: 38px; font-size: 14px; line-height: 38px; color: #FFFFFF; border: 1px solid #FF5B01; background-color: #FF5B01; margin-right: 10px !important; padding: 0; }

.popupSmailCommon .layui-layer-btn .layui-layer-btn1 { width: 160px; height: 38px; font-size: 14px; line-height: 38px; background-color: #FFFFFF; border: 1px solid #D6D6D6; color: #666666; padding: 0; }