You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
346 lines
26 KiB
346 lines
26 KiB
2 years ago
|
@charset "UTF-8";
|
||
|
|
.btn-get-wl .wl-toggle .arrow { content: ""; height: 0; width: 0; overflow: hidden; }
|
||
|
|
|
||
|
|
body { background-color: #f4f4f4; }
|
||
|
|
|
||
|
|
table .align-left { text-align: left !important; }
|
||
|
|
table .align-right { text-align: right !important; }
|
||
|
|
table .align-center { text-align: center !important; }
|
||
|
|
|
||
|
|
.topper { background-color: #f9f9f9; border-bottom: 1px solid #e4e4e4; }
|
||
|
|
|
||
|
|
.uc-router { line-height: 53px; }
|
||
|
|
.uc-router li { float: left; margin-right: 6px; color: #808080; }
|
||
|
|
.uc-router li a { color: inherit; }
|
||
|
|
.uc-router li a:hover { color: #f34e4e; }
|
||
|
|
.uc-router .divider:after { content: '>'; }
|
||
|
|
|
||
|
|
.uc-header { height: 86px; line-height: 86px; color: #fff; }
|
||
|
|
.uc-header a { color: #fff; }
|
||
|
|
.uc-header-bg { background-color: #d73840; }
|
||
|
|
.uc-header .logo { float: left; }
|
||
|
|
.uc-header .back-home { float: left; font-size: 0; }
|
||
|
|
.uc-header .back-home:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
|
||
|
|
.uc-header .back-home a { margin-left: 6px; display: inline-block; vertical-align: middle; padding: 1px 7px; line-height: 18px; font-size: 14px; border: 1px solid #fff; -webkit-border-radius: 100px; border-radius: 100px; }
|
||
|
|
.uc-header .schbox { position: relative; height: 33px; float: right; margin-top: 27px; }
|
||
|
|
.uc-header .schbox .search-txt { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 240px; height: 33px; padding: 4px 10px; line-height: 27px; color: #fff; background-color: transparent; border: 1px solid #fff; }
|
||
|
|
.uc-header .schbox .search-btn { float: left; padding: 0 20px; height: 33px; line-height: 33px; color: #d73840; border: none; background: #fff; }
|
||
|
|
.uc-header .schbox .suggest-box { top: 32px; width: 240px; }
|
||
|
|
|
||
|
|
.uc-nav { float: left; padding: 25px 0 0; margin-left: 32px; }
|
||
|
|
.uc-nav > li { height: 36px; line-height: 36px; float: left; padding: 0 15px; border: 1px solid transparent; border-bottom: 0; }
|
||
|
|
.uc-nav .toggle { position: relative; cursor: pointer; }
|
||
|
|
.uc-nav .toggle .label i { margin-left: 5px; display: inline-block; vertical-align: top; height: 1px; line-height: inherit; font-size: 14px; }
|
||
|
|
.uc-nav .toggle .label i:after { content: '\e619'; }
|
||
|
|
.uc-nav .toggle-cont { position: absolute; top: 100%; left: -1px; width: 100%; display: none; border: 1px solid #ddd; border-top: 0; background-color: #fff; }
|
||
|
|
.uc-nav .toggle-cont a { display: block; padding-left: 15px; line-height: 30px; color: #666; font-size: 12px; }
|
||
|
|
.uc-nav .toggle-cont a:hover { color: #f34e4e; background: #F5F5F5; }
|
||
|
|
.uc-nav .toggle:hover { color: #666; background-color: #fff; border-color: #ddd; }
|
||
|
|
.uc-nav .toggle:hover .label i:after { content: '\e618'; }
|
||
|
|
.uc-nav .toggle:hover .toggle-cont { display: block; }
|
||
|
|
|
||
|
|
.uc-aside { float: left; width: 216px; padding: 30px 0 300px 0; }
|
||
|
|
|
||
|
|
.uc-content { margin: -14px 0 -14px 216px; padding-left: 14px; background-color: #f4f4f4; }
|
||
|
|
|
||
|
|
.uc-main { margin-bottom: 50px; background-color: #fff; }
|
||
|
|
|
||
|
|
.uc-panel { zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 14px 0; padding: 0 30px; background-color: #fff; }
|
||
|
|
.uc-panel:before, .uc-panel:after { content: ''; display: table; }
|
||
|
|
.uc-panel:after { clear: both; }
|
||
|
|
.uc-panel-bd { display: inline-block; width: 100%; }
|
||
|
|
|
||
|
|
.uc-menu { padding-left: 39px; }
|
||
|
|
.uc-menu .tit { margin-bottom: 9px; font-size: 16px; color: #333; }
|
||
|
|
.uc-menu .sublist { margin-bottom: 20px; line-height: 34px; }
|
||
|
|
.uc-menu .sublist a { color: #757575; }
|
||
|
|
.uc-menu .sublist a:hover { color: #f34e4e; text-decoration: underline; }
|
||
|
|
.uc-menu .sublist .active { color: #f34e4e; }
|
||
|
|
|
||
|
|
.uc-btn, .uc-btn-md, .uc-btn-lg { padding: 0; -webkit-border-radius: 0; border-radius: 0; }
|
||
|
|
|
||
|
|
.uc-btn-md { width: 100px; line-height: 28px; }
|
||
|
|
|
||
|
|
.uc-btn-lg { width: 140px; line-height: 36px; }
|
||
|
|
|
||
|
|
.uc-bigtit { margin-top: 20px; padding-left: 6px; font-size: 30px; line-height: 70px; color: #757575; }
|
||
|
|
.uc-bigtit.bd-b { border-bottom: 1px solid #e7e7e7; }
|
||
|
|
.uc-bigtit .extra { margin-left: 12px; font-size: 12px; color: #757575; }
|
||
|
|
|
||
|
|
.uc-sort { display: table; width: 100%; padding: 10px 0 20px; }
|
||
|
|
.uc-sort .uc-tabs { margin: 10px 0 0; float: left; }
|
||
|
|
|
||
|
|
.uc-tabs { margin: 20px 0; overflow: hidden; line-height: 20px; }
|
||
|
|
.uc-tabs .item { margin-left: -1px; float: left; padding: 0 22px; font-size: 16px; color: #757575; border-left: 1px solid #d6d6d6; }
|
||
|
|
.uc-tabs .item.active, .uc-tabs .item:hover { color: #f34e4e; }
|
||
|
|
.uc-tabs .item:first-child { margin-left: -22px; }
|
||
|
|
|
||
|
|
.uc-search { float: right; }
|
||
|
|
.uc-search .sch-input { float: left; padding: 20px 10px; width: 195px; height: 24px; font-size: 12px; border: 1px solid #e0e0e0; }
|
||
|
|
.uc-search .sch-btn { float: left; height: 42px; width: 42px; line-height: 40px; margin-left: -1px; border: 1px solid #e0e0e0; background: none; }
|
||
|
|
.uc-search .sch-btn i { font-size: 18px; color: #666; }
|
||
|
|
|
||
|
|
.uc-table { width: 100%; }
|
||
|
|
.uc-table tr { border-bottom: 1px solid #e7e7e7; }
|
||
|
|
.uc-table tr.hd { border-top: 1px solid #e7e7e7; background-color: #fafafa; }
|
||
|
|
.uc-table tr.hd td { padding: 12px 15px; line-height: 20px; text-align: center; font-weight: normal; }
|
||
|
|
.uc-table tr.hd td .del { display: inline-block; vertical-align: top; height: 1px; line-height: inherit; font-size: 18px; color: #afafaf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
|
||
|
|
.uc-table tr.order-meta .left { float: left; text-align: left; }
|
||
|
|
.uc-table tr.order-meta .right { float: right; text-align: right; }
|
||
|
|
.uc-table tr.order-meta .right .del { margin-left: 10px; }
|
||
|
|
.uc-table tr.order-meta .right a { color: inherit; }
|
||
|
|
.uc-table tr.order-meta .right a:hover { color: #f34e4e; }
|
||
|
|
.uc-table tr.order-goods td { padding: 25px 10px 15px; text-align: center; vertical-align: top; }
|
||
|
|
.uc-table tr.order-goods td:first-child { padding-top: 10px; }
|
||
|
|
.uc-table tr.order-goods .goods-info { float: left; margin: 5px 0; width: 400px; text-align: left; clear: both; }
|
||
|
|
.uc-table tr.order-goods .goods-info .figure { float: left; width: 70px; height: 70px; }
|
||
|
|
.uc-table tr.order-goods .goods-info .info { overflow: hidden; padding: 10px 0 0 22px; }
|
||
|
|
.uc-table tr.order-goods .refund { margin: 10px 0 0 10px; float: right; }
|
||
|
|
.uc-table tr.order-goods .time-left { margin-bottom: 5px; color: #999; }
|
||
|
|
.uc-table tr.order-goods .time-left i { margin-right: 5px; color: #c3c3c3; font-size: 14px; }
|
||
|
|
.uc-table tr.fav-goods td { padding: 15px; }
|
||
|
|
.uc-table tr.fav-goods td.item { width: 340px; padding-left: 10px; text-align: left; }
|
||
|
|
.uc-table tr.fav-goods td.item img { width: 70px; height: 70px; }
|
||
|
|
.uc-table tr.fav-goods td.item .name { margin-left: 10px; width: 260px; display: inline-block; vertical-align: middle; }
|
||
|
|
.uc-table tr td { padding: 10px 15px; text-align: center; }
|
||
|
|
.uc-table tr td.check { padding-right: 0; }
|
||
|
|
|
||
|
|
.uc-bar { overflow: hidden; padding: 12px 10px; line-height: 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color: #fafafa; }
|
||
|
|
.uc-bar .del { display: inline-block; vertical-align: top; height: 1px; line-height: inherit; font-size: 18px; color: #afafaf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
|
||
|
|
.uc-bar .pages { margin: 0; }
|
||
|
|
.uc-bar.nostyle { border: none; background: none; }
|
||
|
|
|
||
|
|
.btn-get-wl { position: relative; color: #666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
|
||
|
|
.btn-get-wl .wl-toggle { position: absolute; top: 100%; left: 50%; margin: 0 0 0 -135px; display: none; width: 270px; font-size: 12px; line-height: 18px; text-align: left; }
|
||
|
|
.btn-get-wl .wl-toggle .inner-box { margin-top: 8px; padding: 0 10px; position: relative; background-color: #fff; border: 1px solid #f34e4e; -webkit-border-radius: 5px; border-radius: 5px; }
|
||
|
|
.btn-get-wl .wl-toggle .arrow { position: absolute; top: -6px; left: 50%; margin-left: -6px; border-bottom: 6px solid #f34e4e; border-left: 6px solid transparent; border-right: 6px solid transparent; }
|
||
|
|
.btn-get-wl .wl-toggle .wl-hd { line-height: 38px; color: #999; font-size: 14px; border-bottom: 1px solid #e7e7e7; }
|
||
|
|
.btn-get-wl .wl-toggle .wl-item { margin: 10px 0 15px 0; padding-left: 18px; background: url(../img/uc/dot.png) no-repeat left 2px; }
|
||
|
|
.btn-get-wl .wl-toggle .wl-item.active { color: #f34e4e; background-image: url(../img/uc/dot2.png); }
|
||
|
|
.btn-get-wl:hover .wl-toggle { display: block; }
|
||
|
|
|
||
|
|
.account-panel { padding: 27px 19px 0 38px; height: 172px; }
|
||
|
|
.account-panel .user-info { float: left; width: 420px; }
|
||
|
|
.account-panel .user-info .headpic { float: left; padding: 3px; width: 104px; height: 104px; background-color: #fff; border: 1px solid #dedede; -webkit-border-radius: 50%; border-radius: 50%; }
|
||
|
|
.account-panel .user-info .info { margin-left: 112px; padding: 10px 0 0 23px; }
|
||
|
|
.account-panel .user-info .info .name { margin-right: 10px; font-size: 20px; color: #444; }
|
||
|
|
.account-panel .user-info .info .wel { color: #999; }
|
||
|
|
.account-panel .user-info .info .label { margin: 2px 0 5px; display: block; width: 100px; height: 22px; line-height: 22px; text-align: center; color: #fff; background-color: #f34e4e; -webkit-border-radius: 100px; border-radius: 100px; }
|
||
|
|
.account-panel .user-info .info .edit { color: #f34e4e; }
|
||
|
|
.account-panel .quick-menu { float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 19px 0 20px 20px; width: 488px; background-color: #f5f5f5; }
|
||
|
|
.account-panel .quick-menu .item { float: left; width: 210px; margin-right: 20px; height: 40px; line-height: 40px; }
|
||
|
|
.account-panel .quick-menu .item img { display: inline-block; vertical-align: middle; width: 16px; margin: -2px 12px 0 0; }
|
||
|
|
.account-panel .quick-menu .item a { position: relative; padding-left: 25px; display: block; color: #999; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
|
||
|
|
.account-panel .quick-menu .item a:before { position: absolute; top: 0; left: 0; display: none; content: ''; height: 100%; width: 3px; background-color: #d73840; }
|
||
|
|
.account-panel .quick-menu .item a:hover { padding-left: 15px; background-color: #fff; }
|
||
|
|
.account-panel .quick-menu .item a:hover:before { display: block; }
|
||
|
|
|
||
|
|
.home-order { padding-top: 20px; height: 355px; }
|
||
|
|
.home-order .col { float: left; width: 390px; padding: 28px 0 28px 17px; line-height: 102px; font-size: 0; }
|
||
|
|
.home-order .col .ico { margin-right: 24px; display: inline-block; vertical-align: middle; }
|
||
|
|
.home-order .col .bd { display: inline-block; vertical-align: middle; width: 220px; line-height: 24px; font-size: 14px; }
|
||
|
|
.home-order .col .tit { font-size: 16px; color: #333; }
|
||
|
|
.home-order .col .tit .num { color: #f34e4e; }
|
||
|
|
.home-order .col .more { color: #999; }
|
||
|
|
|
||
|
|
.home-wuliu { padding: 14px 32px 24px; }
|
||
|
|
.home-wuliu-hd { padding-left: 4px; line-height: 48px; font-size: 18px; color: #333; }
|
||
|
|
.home-wuliu-bd .item { padding: 20px 0; overflow: hidden; border-top: 1px solid #e7e7e7; }
|
||
|
|
.home-wuliu-bd .confirm { float: right; margin-top: 25px; }
|
||
|
|
.home-wuliu-bd .cont { overflow: hidden; margin-right: 120px; }
|
||
|
|
.home-wuliu-bd .figure { float: left; width: 75px; height: 75px; }
|
||
|
|
.home-wuliu-bd .info { margin-left: 75px; padding: 12px 0 0 20px; }
|
||
|
|
.home-wuliu-bd .status { color: #333; }
|
||
|
|
.home-wuliu-bd .time { color: #999; }
|
||
|
|
|
||
|
|
/*商品评价*/
|
||
|
|
.evalute-table { width: 100%; }
|
||
|
|
.evalute-table tr.hd th { padding: 10px 10px 20px; line-height: 34px; color: #757575; font-weight: 400; text-align: left; }
|
||
|
|
.evalute-table tr.hd th:first-child { padding-left: 0; }
|
||
|
|
.evalute-table tr.item { border-top: 1px solid #e7e7e7; }
|
||
|
|
.evalute-table tr.item td { padding: 20px 10px; color: #333; vertical-align: top; }
|
||
|
|
.evalute-table tr.item td:first-child { padding-left: 0; }
|
||
|
|
.evalute-table tr.item .cont { padding-left: 35px; background: url(../img/uc/general.png) no-repeat left 4px; }
|
||
|
|
.evalute-table tr.item .cont.good { background-image: url(../img/uc/good.png); }
|
||
|
|
.evalute-table tr.item .cont.bad { background-image: url(../img/uc/bad.png); }
|
||
|
|
.evalute-table tr.item .time { color: #666; }
|
||
|
|
|
||
|
|
.fav-shop { display: table; width: 100%; }
|
||
|
|
.fav-shop .row { padding: 15px 0 0 15px; margin-bottom: 10px; }
|
||
|
|
.fav-shop .s-info { float: left; margin-left: 15px; width: 120px; text-align: center; }
|
||
|
|
.fav-shop .s-info-col { float: left; width: 160px; }
|
||
|
|
.fav-shop .s-info-col .check { float: left; margin-top: 32px; }
|
||
|
|
.fav-shop .s-logo { display: block; margin: auto; width: 85px; height: 85px; }
|
||
|
|
.fav-shop .name { margin: 5px 0 10px; font-weight: 700; color: #666; }
|
||
|
|
.fav-shop .name a { color: inherit; }
|
||
|
|
.fav-shop .name a:hover { color: #f34e4e; }
|
||
|
|
.fav-shop .s-goods { float: right; width: 735px; }
|
||
|
|
.fav-shop .s-goods .item { position: relative; float: left; width: 176px; margin-left: 10px; }
|
||
|
|
.fav-shop .s-goods .item:first-child { margin-left: 0; }
|
||
|
|
.fav-shop .s-goods .item img { width: 176px; height: 176px; }
|
||
|
|
.fav-shop .s-goods .item .info { padding: 3px 10px; position: absolute; right: 0; bottom: 0; left: 0; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background-color: rgba(255, 255, 255, 0.6); }
|
||
|
|
.fav-shop .s-goods .item .price { float: left; color: #f34e4e; }
|
||
|
|
.fav-shop .s-goods .item .sale { float: right; color: #666; }
|
||
|
|
|
||
|
|
.account-info { margin-top: 30px; }
|
||
|
|
.account-info .col-headpic { float: left; width: 150px; text-align: center; }
|
||
|
|
.account-info .col-headpic .label { display: block; margin-bottom: 10px; color: #333; }
|
||
|
|
.account-info .col-headpic .pic-wrap { width: 125px; }
|
||
|
|
.account-info .col-headpic .picbox { margin-bottom: 18px; width: 123px; height: 123px; border: 1px solid #e3e3e3; }
|
||
|
|
.account-info .col-headpic .edit { color: #888; text-decoration: underline; }
|
||
|
|
.account-info .col-userinfo { margin: 5px 0 0 150px; }
|
||
|
|
.account-info .control-group { margin-bottom: 20px; width: 100%; line-height: 38px; }
|
||
|
|
.account-info .control-group > .hd { padding: 7px 0; width: 120px; text-align: right; color: #888; }
|
||
|
|
.account-info .ui-txtin { width: 320px; color: #888; padding: 6px 10px; height: 38px; line-height: 24px; -webkit-border-radius: 0; border-radius: 0; }
|
||
|
|
.account-info .edit-btn { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 0 10px; font-size: 12px; line-height: 20px; color: #f34e4e; background-color: #fafafa; border: 1px solid #e3e3e3; -webkit-border-radius: 3px; border-radius: 3px; }
|
||
|
|
.account-info .control-submit { padding-left: 120px; margin-top: 40px; }
|
||
|
|
.account-info .control-submit .submit { padding: 0; width: 320px; font-size: 16px; line-height: 46px; }
|
||
|
|
|
||
|
|
.safe-list { margin-top: 30px; }
|
||
|
|
.safe-list .list-item { padding: 25px 0 25px; border-bottom: 1px solid #e7e7e7; }
|
||
|
|
.safe-list .list-item .edit { float: right; }
|
||
|
|
.safe-list .list-item .cont { position: relative; padding: 1px 0 0 56px; overflow: hidden; }
|
||
|
|
.safe-list .list-item .cont .ico { position: absolute; left: 7px; top: 0; }
|
||
|
|
.safe-list .list-item .tit { margin-bottom: 3px; font-size: 18px; line-height: 1; color: #4d4d4d; }
|
||
|
|
.safe-list .list-item .safe-status { margin-left: 10px; font-size: 12px; color: #4d4d4d; }
|
||
|
|
.safe-list .list-item .safe-status i { margin-right: 3px; font-size: 18px; }
|
||
|
|
.safe-list .list-item .desc { color: #999; }
|
||
|
|
|
||
|
|
.refund-returns-list { width: 100%; }
|
||
|
|
.refund-returns-list .bd-t { border-top: 1px solid #e7e7e7; }
|
||
|
|
.refund-returns-list tr.head { line-height: 58px; text-align: center; color: #757575; }
|
||
|
|
.refund-returns-list tr.head td.first { padding-left: 15px; text-align: left; }
|
||
|
|
.refund-returns-list tr.item-head { background-color: #f8f8f8; border: 1px solid #e4e4e4; border-bottom: none; }
|
||
|
|
.refund-returns-list tr.item-head td { line-height: 46px; padding: 0 15px; }
|
||
|
|
.refund-returns-list tr.item-head .sname { color: #666; }
|
||
|
|
.refund-returns-list tr.item-head .sname:hover { color: #f34e4e; text-decoration: underline; }
|
||
|
|
.refund-returns-list tr.item { border: 1px solid #e4e4e4; border-top: none; }
|
||
|
|
.refund-returns-list tr.item td { padding: 15px 0; text-align: center; }
|
||
|
|
.refund-returns-list tr.item td.first { padding-left: 15px; }
|
||
|
|
.refund-returns-list tr.item td.last { padding-right: 15px; }
|
||
|
|
.refund-returns-list tr.item .good-desc { text-align: left; }
|
||
|
|
.refund-returns-list tr.item .good-desc .gimg { display: inline-block; vertical-align: middle; width: 70px; height: 70px; }
|
||
|
|
.refund-returns-list tr.item .good-desc .ginfo { display: inline-block; vertical-align: middle; margin-left: 10px; width: 260px; color: #333; }
|
||
|
|
.refund-returns-list tr.blank { height: 15px; }
|
||
|
|
|
||
|
|
.refund-returns-panel { border: 1px solid #e4e4e4; }
|
||
|
|
.refund-returns-panel .tabs { height: 42px; line-height: 42px; background-color: #f8f8f8; }
|
||
|
|
.refund-returns-panel .tabs .item { float: left; padding: 0 24px; color: #757575; }
|
||
|
|
.refund-returns-panel .tabs .item.active { color: #f34e4e; background-color: #fff; }
|
||
|
|
.refund-returns-panel .panel-bd { padding: 33px 0 55px; }
|
||
|
|
.refund-returns-panel .control-group > .hd { width: 110px; color: #383838; text-align: right; }
|
||
|
|
.refund-returns-panel .control-group > .hd em { margin-right: 3px; color: #ea1111; }
|
||
|
|
.refund-returns-panel .submit-group { padding-left: 110px; }
|
||
|
|
|
||
|
|
.address-list { overflow: hidden; margin: 20px -8px -15px; -webkit-border-radius: 2px; border-radius: 2px; }
|
||
|
|
.address-list .col { padding: 0 8px 15px; }
|
||
|
|
.address-list .item { position: relative; display: block; height: 158px; border: 1px solid #dcdcdc; cursor: pointer; }
|
||
|
|
.address-list .item:hover, .address-list .item.active { border-color: #f34e4e; }
|
||
|
|
.address-list .item.active { background: url(../img/address-select.png) no-repeat right bottom; }
|
||
|
|
.address-list .item.active .action .fr { display: none; }
|
||
|
|
.address-list .item .info { padding: 12px 15px 0; line-height: 22px; }
|
||
|
|
.address-list .item .info .info-item { padding-left: 25px; overflow: hidden; margin-bottom: 8px; }
|
||
|
|
.address-list .item .info .name { background: url(../img/ico/user.jpg) no-repeat left top; }
|
||
|
|
.address-list .item .info .address { overflow: hidden; height: 36px; line-height: 18px; background: url(../img/ico/dizhi.jpg) no-repeat left 1px; }
|
||
|
|
.address-list .item .info .tel { background: url(../img/ico/tel.jpg) no-repeat left 3px; }
|
||
|
|
.address-list .item .action { position: absolute; bottom: 8px; left: 15px; right: 15px; }
|
||
|
|
.address-list .item .action a { float: left; margin-left: 8px; color: #f34e4e; }
|
||
|
|
.address-list .item .action a:first-child { margin-left: 0; }
|
||
|
|
.address-list .item .action a:hover { text-decoration: underline; }
|
||
|
|
.address-list .item .add-new { display: inline-block; vertical-align: middle; font-size: 14px; color: #b2b2b2; text-align: center; }
|
||
|
|
.address-list .item .add-new .ico { display: block; color: #c9c9c9; }
|
||
|
|
.address-list .item .add-new .ico i { line-height: 1; font-size: 54px; }
|
||
|
|
.address-list .item .add-new .label { display: block; margin: 10px 0 5px; }
|
||
|
|
|
||
|
|
/*我的足迹浏览记录*/
|
||
|
|
.footprint-box { position: relative; margin: 30px 0; }
|
||
|
|
|
||
|
|
.footprint-item { position: relative; overflow: hidden; margin: 0 -15px 0 0; padding: 0 0 30px 50px; }
|
||
|
|
.footprint-item:before { position: absolute; top: 25px; left: 20px; height: 100%; width: 1px; content: ''; background-color: #dcdcdc; }
|
||
|
|
.footprint-item:after { position: absolute; top: -10px; left: 8px; font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; content: '\e624'; font-size: 26px; color: #f34e4e; }
|
||
|
|
.footprint-item.end { padding-bottom: 0; line-height: 20px; }
|
||
|
|
.footprint-item.end:after { top: -2px; left: 11px; content: '\e625'; font-size: 20px; }
|
||
|
|
.footprint-item.end .nomore { color: #999; }
|
||
|
|
.footprint-item .f-info .f-date { font-size: 16px; }
|
||
|
|
.footprint-item .f-info .f-time { margin-left: 15px; font-size: 12px; color: #999; }
|
||
|
|
.footprint-item .f-info .f-del { margin-left: 15px; font-size: 12px; }
|
||
|
|
.footprint-item .f-goods-list .item { position: relative; float: left; margin: 15px 15px 0 0; width: 200px; height: 280px; border: 1px solid #dcdcdc; }
|
||
|
|
.footprint-item .f-goods-list .item .figure { display: block; width: 180px; height: 180px; margin: 10px auto 5px; }
|
||
|
|
.footprint-item .f-goods-list .item .cont { padding: 0 0 0 10px; font-size: 12px; }
|
||
|
|
.footprint-item .f-goods-list .item .name { font-size: 14px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
||
|
|
.footprint-item .f-goods-list .item .name a { color: inherit; }
|
||
|
|
.footprint-item .f-goods-list .item .name a:hover { color: #f34e4e; text-decoration: underline; }
|
||
|
|
.footprint-item .f-goods-list .item .price .n { font-weight: 600; font-size: 14px; color: #f34e4e; }
|
||
|
|
.footprint-item .f-goods-list .item .price .s { margin-left: 10px; color: #ccc; text-decoration: line-through; }
|
||
|
|
.footprint-item .f-goods-list .item .g-del { position: absolute; display: none; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ccc; }
|
||
|
|
.footprint-item .f-goods-list .item .g-del:hover { background-color: #f34e4e; }
|
||
|
|
.footprint-item .f-goods-list .item:hover { border-color: #f34e4e; }
|
||
|
|
.footprint-item .f-goods-list .item:hover .g-del { display: block; }
|
||
|
|
|
||
|
|
/*安全设置*/
|
||
|
|
.verify-step { overflow: hidden; }
|
||
|
|
.verify-step .item { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.3333333%; height: 34px; line-height: 34px; text-align: center; font-weight: bold; font-size: 15px; background-color: #eee; }
|
||
|
|
.verify-step .item i { position: absolute; right: -40px; top: 50%; margin-top: -25px; border-style: solid; border-width: 25px; border-color: transparent transparent transparent #fff; }
|
||
|
|
.verify-step .item i:after { position: absolute; top: -17px; left: -25px; content: ''; border-style: solid; border-width: 17px; border-color: transparent transparent transparent #eee; }
|
||
|
|
.verify-step .item-f { z-index: 3; }
|
||
|
|
.verify-step .item-m { z-index: 2; }
|
||
|
|
.verify-step .item.active { color: #ff8401; background-color: #fff4d8; }
|
||
|
|
.verify-step .item.active i:after { border-left-color: #fff4d8; }
|
||
|
|
|
||
|
|
.verify-panel { height: 340px; border: 1px solid #e4e4e4; }
|
||
|
|
.verify-panel .inner-box { margin: 45px 0 0 200px; }
|
||
|
|
.verify-panel .control-group > .hd { width: 100px; padding-right: 10px; text-align: right; font-size: 12px; }
|
||
|
|
.verify-panel .control-group .yzm-tip { display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 17px; font-size: 12px; }
|
||
|
|
.verify-panel .control-group .yzm-tip a { color: #0081d1; }
|
||
|
|
.verify-panel .control-group .yzm-tip a:hover { color: #f34e4e; }
|
||
|
|
.verify-panel .control-group .yzm { display: inline-block; vertical-align: middle; margin-left: 5px; width: 80px; height: 34px; }
|
||
|
|
.verify-panel .submit-group { padding-left: 110px; }
|
||
|
|
.verify-panel .notice { height: 100%; font-size: 0; text-align: center; }
|
||
|
|
.verify-panel .notice:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
|
||
|
|
.verify-panel .notice .notice-inner { position: relative; display: inline-block; vertical-align: middle; padding: 0 0 20px 70px; font-size: 12px; line-height: 26px; text-align: left; }
|
||
|
|
.verify-panel .notice .notice-inner .ico { position: absolute; top: -10px; left: 0; width: 60px; height: 60px; font-size: 60px; color: #83c272; }
|
||
|
|
|
||
|
|
/*消息中心*/
|
||
|
|
.mc-list .item { padding: 15px 0 20px; margin: 10px 0; border-bottom: 1px solid #e7e7e7; }
|
||
|
|
.mc-list .item .desc { margin-bottom: 8px; line-height: 20px; }
|
||
|
|
.mc-list .item .bar { line-height: 20px; overflow: hidden; }
|
||
|
|
.mc-list .item .date { float: left; color: #999; }
|
||
|
|
.mc-list .item .op { float: right; margin-right: -7px; font-size: 12px; }
|
||
|
|
.mc-list .item .op a { position: relative; float: left; padding: 0 8px 0 7px; color: #0081d1; }
|
||
|
|
.mc-list .item .op a:after { position: absolute; top: 50%; right: 0; content: ''; height: 14px; width: 1px; margin-top: -7px; background-color: #999; }
|
||
|
|
|
||
|
|
/*订单详情*/
|
||
|
|
.order-detail .od-hd { padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #dcdcdc; }
|
||
|
|
.order-detail .od-hd .fl { margin-top: 10px; line-height: 20px; color: #333; font-size: 16px; }
|
||
|
|
.order-detail .od-hd .fl .tit { line-height: 1; font-size: 18px; }
|
||
|
|
.order-detail .od-status { margin: 25px 0; color: #f34e4e; }
|
||
|
|
.order-detail .od-status .tit { margin-bottom: 5px; font-size: 18px; }
|
||
|
|
.order-detail .od-percent { position: relative; height: 20px; line-height: 20px; color: #fff; font-size: 12px; margin-bottom: 50px; background-color: #eee; -webkit-border-radius: 100px; border-radius: 100px; }
|
||
|
|
.order-detail .od-percent .col { position: relative; float: left; width: 25%; height: 100%; text-align: center; }
|
||
|
|
.order-detail .od-percent .col:after { position: absolute; top: 0; right: 0; height: 100%; content: ''; width: 100%; -webkit-border-radius: 100px; border-radius: 100px; }
|
||
|
|
.order-detail .od-percent .col .inner { position: relative; z-index: 2; }
|
||
|
|
.order-detail .od-percent .col2:after { width: 200%; }
|
||
|
|
.order-detail .od-percent .col3:after { width: 300%; }
|
||
|
|
.order-detail .od-percent .col4:after { width: 400%; }
|
||
|
|
.order-detail .od-percent .col .time { position: absolute; left: 0; width: 100%; top: 100%; line-height: 50px; color: #757575; }
|
||
|
|
.order-detail .od-percent .col.active { color: #fff; }
|
||
|
|
.order-detail .od-percent .col.active:after { background-color: #f34e4e; }
|
||
|
|
.order-detail .od-percent .col.active ~ .col { color: #333; }
|
||
|
|
.order-detail .od-pdt .item { padding: 10px 0; overflow: hidden; border-bottom: 1px solid #e0e0e0; }
|
||
|
|
.order-detail .od-pdt .figure { float: left; width: 75px; height: 75px; }
|
||
|
|
.order-detail .od-pdt .pname, .order-detail .od-pdt .price { float: left; padding: 25px 0; float: left; line-height: 25px; }
|
||
|
|
.order-detail .od-pdt .pname { padding-left: 30px; width: 40%; }
|
||
|
|
.order-detail .od-pdt .price { padding-left: 30px; width: 15%; }
|
||
|
|
.order-detail .od-info .item { padding: 35px 0 13px; border-bottom: 1px solid #e0e0e0; }
|
||
|
|
.order-detail .od-info .tit { padding: 0 0 12px; font-size: 18px; color: #333; line-height: 30px; }
|
||
|
|
.order-detail .od-info .meta { line-height: 28px; color: #757575; }
|
||
|
|
.order-detail .od-count { margin: 30px 0; overflow: hidden; text-align: right; color: #757575; }
|
||
|
|
.order-detail .od-count .inner { float: right; }
|
||
|
|
.order-detail .od-count .item { line-height: 32px; overflow: hidden; }
|
||
|
|
.order-detail .od-count .item .tit { float: left; width: 80px; }
|
||
|
|
.order-detail .od-count .item .val { float: left; width: 155px; color: #f34e4e; }
|
||
|
|
.order-detail .od-count .item.last { margin-top: 25px; line-height: 40px; }
|
||
|
|
.order-detail .od-count .item.last .strong { font-size: 30px; line-height: 1; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=uc.css.map */
|