fe / YOHOBUYPC · Commits

Go to a project

Authored by 毕凯
Commit 2ecac4f4380523819e49ed2a83fe983627576cd5 1 parent e98a12f6

删除 scss

Inline Side-by-side
Showing 7 changed files with 0 additions and 2418 deletions
/*
* @description: 404页面
* @author: chenglong.wang@yoho.cn
* @time: 2015/12/17
*/
.err-page {
width: 650px;
height: 200px;
overflow: hidden;
margin: 100px auto;
&:before {
content: '';
display: block;
width: 200px;
height: 200px;
background: image_url('404.png') center center no-repeat;
float: left;
}
.tips-404 {
float: left;
height: 200px;
padding-left: 20px;
.tip {
font-size: 24px;
color: #000;
margin-top: 55px;
}
.links {
font-size: 12px;
color: #666;
margin-top: 15px;
}
}
}
\ No newline at end of file
.yoho-footer {
font-size: 12px;
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
* {
box-sizing: border-box;
}
.red {
color: #ee0011;
}
.rgb6 {
color: #666;
}
.rgb9 {
color: #999;
}
.rgbf {
color: #fff;
}
.index-foot {
background: #eeeeee;
padding:20px 0;
dd {
width: 370px;
margin-right: 20px;
float: left;
overflow:hidden;
&.last {
margin-right: 0;
}
.foot-panel {
background: #fff;
padding: 20px;
}
.title {
position: relative;
text-align: center;
}
.title-line {
border-bottom: 1px solid #dddddd;
position: absolute;
top: 9px;
width: 100%;
left: 0;
}
.text {
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0;
span {
background: #fff;
font-size: 18px;
line-height: 18px;
padding: 0 10px;
}
}
ul {
margin-top: 18px;
padding-top: 18px;
}
.two-dim {
margin-right: -10px;
overflow: hidden;
li {
border: 1px solid #ddd;
padding: 7px;
margin-right: 10px;
a {
display: block;
}
p {
text-align: center;
margin-top: 13px;
margin-bottom: 3px;
line-height: 12px;
}
}
}
.dim-img {
display: block;
width: 87px;
height: 87px;
}
.dim-hover {
position: absolute;
img {
width: 38px;
height: 38px;
}
}
.dim-active .dim-img {
opacity: 1;
filter:alpha(opacity=100);
}
.dim-active .dim-hover {
display: none;
}
.item-nav{
padding-top: 20px;
span {
color: #fff;
padding: 0 3px;
cursor:pointer;
font-size: 20px;
}
.cur {
color: #999;
}
}
}
.vote {
line-height: 24px;
input {
margin: 0 5px 0 1px;
}
.button {
height: 24px;
line-height: 24px;
width: 55px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
background: #222;
color: #fff;
display: inline-block;
text-align: center;
cursor: pointer;
}
p {
height: 24px;
overflow: hidden;
}
textarea{
width: 98%;
height: 68px;
vertical-align: middle;
margin: 5px 0px 0px 0px;
resize:none;
}
}
.vote-item p {
float: left;
width: 50%;
}
.mobile {
margin-right: -10px;
li {
margin-right: 10px;
float: left;
}
img {
display: block;
width: 103px;
height: 131px;
}
}
.index-banner {
width: 100%;
margin-top: 20px;
}
}
.footerbottom {
width: 100%;
}
.promise {
padding: 20px 0 10px 0;
background: #000;
.left {
margin-right: 60px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
.iconfont {
display: inline-block;
font-weight: normal;
font-size: 22px;
vertical-align: middle;
margin-right: 5px;
}
}
.left:first-child .iconfont {
font-size: 27px;
}
}
.subscribe {
border: 1px solid #262626;
width: 240px;
input {
width: 180px;
height: 32px;
padding: 0 10px;
line-height: 32px;
border: none;
margin: 0;
background: #000;
}
a {
display: block;
float: right;
margin-right: 20px;
font-size: 20px;
line-height: 28px;
opacity: 0.5;
filter: alpha(opacity=50);
}
}
.footer-help {
background: #000;
font-size: 12px;
overflow: hidden;
> div {
padding: 15px 0;
border-top: 1px solid #262626;
}
ul {
width: 110%;
}
p {
line-height: 24px;
span {
color: #fff;
}
a {
color: #666;
&:hover {
text-decoration: underline;
}
}
}
li {
width: 180px;
}
.screen {
border-top: 1px solid #262626;
padding: 15px 0;
}
}
.footer-link {
background: #000;
padding: 10px 0 30px 0;
font-size: 12px;
.right-flag {
margin-top: 3px;
a {
margin-right: 5px;
}
}
.about-us {
line-height: 20px;
color: #666;
margin-left: 10px;
a {
color: #666;
}
span {
padding: 0 10px;
}
}
}
.return-top {
position: fixed;
width: 60px;
height: 60px;
left: 50%;
margin-left: 595px;
text-align: center;
line-height: 50px;
color: #fff;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
bottom: 20px;
cursor: pointer;
z-index: 4;
&:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
.iconfont {
font-size: 34px;
}
}
}
.yoho-footer .return-top.min {
left: 100%;
right: 20px;
margin-left: auto;
}
.min-screen .yoho-footer {
.index-foot dd {
width: 316px;
.two-dim {
margin-top: 26px;
margin-bottom: 10px;
overflow: hidden;
}
.dim-img {
width: 69px;
height: 69px;
}
.mobile img {
width: 85px;
height: 108px;
}
}
.promise .left {
margin-right: 45px;
}
.subscribe {
width: 200px;
input {
width: 140px;
}
}
.footer-help li {
width: 150px;
}
}
\ No newline at end of file
.yoho-header {
.header-topwrapper {
width: 100%;
background-color: #f4f4f4;
min-width: 1150px;
}
.header-top {
width: 1150px;
height: 32px;
line-height: 32px;
margin: 0 auto;
position: relative;
}
.leftpart {
position: relative;
padding-left: 5px;
padding-right: 5px;
}
.leftpart:hover {
background-color: #dcdcdc;
.yohoproducts-list {
display: block !important;
}
}
.leftpart .acttags {
background-color: #dcdcdc;
}
.yohoproducts-list {
position: absolute;
display: none;
width: 170px;
left: 0;
top: 32px;
background-color: #f4f4f4;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
z-index: 10000000;
}
.yohoproducts-item {
height: 14px;
line-height: 14px;
margin-bottom: 20px;
}
.yohoproducts-item a {
color: #9196a0;
font-size: 14px;
}
.yohoproducts-item:hover a {
color: black;
}
.rightpart {
position: absolute;
right: 0;
top: 0;
}
.rightpart .acttags {
background-color: #dcdcdc;
}
.rightpart .acttags .tag-seprate {
border-color: #dcdcdc;
}
.hi,
.loginbar,
.registbar {
display: inline-block;
float: left;
}
.hi {
color: #8e8e8e;
font-size: 12px;
}
#loginBox a,
#loginBox span {
color: black;
font-size: 12px;
}
.header-yoho,
.loginbar,
.login-out,
.registbar {
color: black;
font-size: 12px;
}
.registbar {
margin-left: 7px;
}
.tag-list-wrapper {
margin-left: 13px;
float: left;
}
.tag-list {
margin-left: 13px;
height: 34px;
}
.tag-seprate {
margin-top: 11px;
width: 0;
height: 14px;
display: inline-block;
float: left;
border-left: 1px solid #dcdcdc;
}
.tag-item {
display: inline-block;
float: left;
line-height: 32px;
box-sizing: border-box;
margin-left: -1px;
}
.tag-item a {
color: #8e8e8e;
font-size: 12px;
display: inline-block;
}
.tag-item span {
display: inline-block;
}
.myyoho {
padding-right: 10px;
position: relative;
}
.myyoho .tag-seprate {
margin-right: 12px;
}
.myyoho-info {
position: absolute;
display: none;
top: 32px;
left: -110px;
width: 300px;
background-color: #f8f8f8;
z-index: 1000000;
}
.myyoho-photo {
overflow: hidden;
}
.myyoho-photo img{
display: block;
margin:0 auto;
width: 63px;
height: 63px;
border-radius: 50%;
}
.myyoho-info-header {
margin: 17px auto 0;
width: 257px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
padding-bottom: 15px;
}
.user-email {
margin-top: 14px;
color: black;
height: 25px;
line-height: 20px;
font-size: 18px;
}
.user-level {
color: black;
height: 20px;
line-height: 20px;
font-size: 18px;
}
.user-level .leveldetail {
color: #8cc4f9;
}
.levelinfo {
width: 100%;
padding-top: 10px;
clear: both;
height: 15px;
}
.levelwrapper {
width: 150px;
height: 14px;
background-color: #e2e2e2;
margin-left: 40px;
position: relative;
}
.levelspan {
position: absolute;
left: 2px;
height: 14px;
top: 0;
line-height: 16px;
}
.levelwrapper .integrate {
height: 14px;
line-height: 15px;
background-color: #ceae64;
text-align: left;
padding-left: 5px;
}
.cardcate {
font-size: 14px;
line-height: 14px;
margin-left: 5px;
}
.myyoho-info-content {
margin: 20px auto 0;
padding-left: 35px;
padding-right: 29px;
border-bottom: 1px solid #dcdcdc;
}
.myyoho-info-content .item {
height: 12px;
line-height: 12px;
margin-bottom: 16px;
}
.myyoho-info-content .item a {
font-size: 14px;
color: black;
}
.myyoho-info-footer {
height: 51px;
line-height: 51px;
text-align: center;
}
.myyoho-info-footer a {
color: black;
font-size: 14px;
}
.myorder {
padding-right: 10px;
}
.myorder .tag-seprate {
margin-right: 11px;
}
.mycollect {
padding-right: 11px;
}
.mycollect .tag-seprate {
margin-right: 11px;
}
.message {
padding-right: 10px;
}
.message .tag-seprate {
margin-right: 11px;
}
.phone {
padding-right: 8px;
position: relative;
}
.phone .tag-seprate {
margin-right: 10px;
}
.qr {
position: absolute;
display: none;
top: 32px;
left: -100px;
width: 231px;
height: 290px;
background-color: #f8f8f8;
z-index: 10000000;
}
.qr-img {
position: relative;
background-image: image-url("header/qr.png");
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 32px auto 15px;
width: 143px;
height: 147px;
}
.qr-words {
height: 25px;
line-height: 25px;
font-size: 16px;
text-align: center;
}
.qr-more {
margin-top: 6px;
line-height: 25px;
font-size: 14px;
text-align: center;
}
.onlineserver .tag-seprate {
margin-right: 10px;
}
.header-navwrapper {
width: 100%;
height: 130px;
position: relative;
min-width: 1150px;
}
.header-navcontent {
width: 1150px;
height: 130px;
margin: 0 auto;
}
.first-nav-list {
margin-top: 45px;
}
.first-nav-item {
float: left;
padding: 8px 23px 0;
}
.all a,
.girls a,
.boys a,
.kids a,
.lifestyle a {
color: white !important;
}
.all span,
.girls span,
.boys span,
.kids span,
.lifestyle span {
color: white !important;
}
.all {
background-color: #5e4b3c;
}
.all .sub-nav-wrapper {
background-color: black;
display: block !important;
}
.all .third-nav-wrapper {
border-top: 2px solid black;
}
.searchcateboys {
.searchinput {
border: 1px solid #3a3a3a
}
.icon-search {
background-color: #3a3a3a!important
}
}
.searchcategirls {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatewoman {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatekids {
.searchinput {
border: 1px solid #7bd3f9 !important
}
.icon-search {
background-color: #7bd3f9!important
}
}
.gobuyboys {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUFFQTNDNEExRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUFFQTNDNEIxRjA1MTFFNUIwODc4NTUzNUJFODJCMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQUVBM0M0ODFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQUVBM0M0OTFGMDUxMUU1QjA4Nzg1NTM1QkU4MkIyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj44ndIAAAF7SURBVHjavJa7SsRAFEBn11gpov8gCCIKIijYrVjZCYmNFjYidn6BrSCWFoKdjQTsLKw0bHwh2gi+BTu30TWFK+j6OgMTiEOM0Z3shUPmzoQ5ZF6ZnG3ba0KIMfE9zqAH3sQv4bquSBN5GI2p74RuYTCkaAa24Fxr6zctWoEhGNfaBkyKcsxRWG6AMrSo/AaGDThemMeSFal4Bx9GVN4Otya+xnGchbxWVxTZxGy9RA+66AgqGYg8XSQ36F49RFkN306cyDMsuYfTONGhXPsGRUX20Wec6BUODIr88AgSGQ+flyTyDUkCOEkS7UPVgGiX+flIEj2rRWFk2JJEpuZpO41oCa5qkKwybMdhYiW8WIIOaP2HpIqkov9h06ycQN0jBtVmDusCOpTPJihAm8x1SVqRjEW5gmBDnYVW5KfWxeMC1uGSvPDTnSFNTEXKfdAbySegWZUbYbIWUVnLH7VDM+ndP4mm4Q6eYA6uI23LsKk2uDwj5+M6+BJgAFPmZONXOE3uAAAAAElFTkSuQmCC') !important;
}
.gobuygirls {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABfklEQVRIx73Vv0vDQBTA8e9F3UR09j8QUSiC4Cg4ud3iJOIi4uZ2m+uBODq46uJipg5ONbRWiyiC4G/BTZdaHfxBrRiHpJLG2NTm4pvevXe5Dxy5O+FqexOYojHOgGGh5AeGwgJkRH0AGDKF1KEFIAech3qjJiFRT1xtZ4CjQG9dKDmTBtQBVIAev3QDTBgwqkLJexGsuNrOApMmt8yPZStUyKeAACz+F/QQhg6BlxQgpwHyD+he6pAfaWzfbhTkGEbKwGkUdABUDUJ5oaT7AxJKvgMlg1ABvLsuKhyDkNMMKhhCnoCTZtA+UDMAFYWSn79CQslXvJ8iaTj1xGplUoLYaQVaBa4SIBtCye/3TcTNdrXd2wZSE0o23JmxUAAcA/qAnFDyLdTrx3v6j4WSt1HfW/EEuNpeAYpAFsi72u4M9AaBC2ALuHS1Pd42BMwF8hEgExhPA91+3gXMJoEqofFjIC/HzP0TNA/cAc/AklDyOtBbA7bxDngJ0FELfAHxEGiu2DHs/wAAAABJRU5ErkJggg==') !important;
}
.gobuykids {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABgUlEQVRIx73Vvy8EQRTA8e8eMo0Itf9ADMlFIlFKVDqNSkQjolNvoZpEIkqFlkaju0J1NneOixCJjd8SHc05Cj8yTlDsnuytdXvcrFe9eW92PslkZ8ayXb0OjFMbJ0C/kuINQ5ECxiLqPUCfKaQKzQJZ4DTUGzQJWdXEdnUaOAj0VpUUk0lALUAZ6PBLV8CIAUMrKW6tYMV2dQYYNbllfiymQoVcAgjA3H9Bd2FoH3hKAHJqIP+A7iQO+ZHE9m1HQY5hpAQcR0F7gDYI5ZQUH98gJcUrUDQI5cG766LCMQg59aC8IeQBOKoH7QIVA1BBSfH+I6SkeMb7KZoNp5qkGpnURGw1Ai0DF00ga0qKr/fNipttu7rzD0hFSVFzZ8ZCAXAI6AKySoqXUK8b7+k/VFJcR32fiifAdvUSUAAyQM52dWug1wucARvAue3q4T9DwHQgHwDSgfEE0O7nbcBUM1A5NL4P5KWYub+CZoAb4BGYV1JcBnorwCbeAS8CC1ELfAIRimiKicNJAQAAAABJRU5ErkJggg==') !important;
}
.gobuylifestyle {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABf0lEQVRIx73VPUvDQBjA8X+ibiI6+w1EFIogSCbBKZuLkxEXETc/gasgjg6u5+Li1gOnGtqrFlEEwXfBTZdaHXyhVtQhqaQxNrW5+EzPPc/lfnDk7gzHtjaBKRrjFBgWUr2jKUxgMqI+AAzpQurQApADzkK9UZ2QUU8c28oAh4GeEFLNpAF1ABWgxy9dAxMajKqQ6s4IVhzbygK2zi3zY8UMFfIpIACL/wXdh6ED4DkFyG2A/AO6mzrkRxrbp6IgVzNSBk6ioH2gqhHKC6k+f0BCqjegpBEqgHfXRYWrEXKbQQVNyCNw3AzaA2oaoKKQ6uNXSEj1gvdTJA23npitTEoQO61Aa8BlAmRDSPX9vhlxsx3b6m0DqQmpGu7MWCgAjgF9QE5I9Rrq9eM9/UdCqpuo7814AhzbWgWKQBbIO7bVGegNAufAFnDh2NZ42xAwF8hHgExgPA10+3kXMJsEqoTGD4G8HDP3T9A8cAs8AUtCqqtAbx3YxjvgJWA5aoEvXQ1rTnQJKpQAAAAASUVORK5CYII=') !important;
}
.searchcatelifestyle {
.searchinput {
border: 1px solid #5e4b3c!important
}
.icon-search {
background-color: #5e4b3c!important
}
}
.boys {
background-color: #3a3a3a;
}
.boys .sub-nav-wrapper {
background-color: #3a3a3a;
display: block !important;
}
.boys .third-nav-wrapper {
border-top: 2px solid #3a3a3a;
}
.girls {
background-color: #ff88ae;
}
.girls .sub-nav-wrapper {
background-color: #ff88ae;
display: block !important;
}
.girls .third-nav-wrapper {
border-top: 2px solid #ff88ae;
}
.kids {
background-color: #7bd3f9;
}
.kids .sub-nav-wrapper {
background-color: #7bd3f9;
display: block !important;
}
.kids .third-nav-wrapper {
border-top: 2px solid #7bd3f9;
}
.lifestyle {
background-color: #5e4b3c;
}
.lifestyle .sub-nav-wrapper {
background-color: #5e4b3c;
display: block !important;
}
.lifestyle .third-nav-wrapper {
border-top: 2px solid #5e4b3c;
}
.name-cn {
text-align: center;
line-height: 16px !important;
}
.name-cn a {
color: black;
font-size: 16px !important;
}
.name-en {
text-align: center;
line-height: 14px !important;
margin-bottom: 6px;
}
.name-en a {
color: #8e8e8e;
font-size: 12px;
line-height: 14px !important;
font-family: 'arial' !important;
}
.sub-nav-wrapper {
display: none;
height: 40px;
left: 0;
width: 100%;
position: absolute;
z-index: 1000;
}
.sub-nav-list {
width: 1150px;
height: 40px;
margin: 0 auto;
overflow: hidden;
}
.sub-nav-item {
float: left;
padding: 12px 46px 12px 0;
box-sizing: border-box;
margin-right: 38px;
}
.sub-nav-item:last-child {
margin-right: 0 !important;
}
.sub-nav-item a {
color: white;
font-size: 14px;
line-height: 14px;
display: inline-block;
}
.sub-nav-item a{
position: relative;
}
.newlogo {
display: block;
width: 26px;
height: 12px;
background-image: image-url("header/new.png");
background-repeat: no-repeat;
position: absolute;
right: -29px;
top: -6px;
}
.sub-nav-item:hover>a {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.actsecondnav {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.sub-nav-item:hover .third-nav-wrapper {
display: block;
}
.third-nav-wrapper {
box-sizing: border-box;
height: 410px;
position: absolute;
left: 0;
top: 38px;
width: 100%;
min-width: 1150px;
display: none;
z-index: 10000;
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
}
.third-nav {
width: 1150px;
height: 100%;
margin: 0 auto;
}
.category {
width: 880px;
float: left;
overflow: hidden;
.thirdnavlist {
box-sizing: border-box;
width: 220px;
height: 240px;
float: left;
padding-left: 20px;
border-right: 1px solid #dcdcdc;
padding-right: 20px;
}
}
.category-title {
color: black;
font-size: 16px;
width: 178px;
padding-bottom: 12px;
border-bottom: 1px solid #000;
line-height: 16px;
margin-bottom: 20px;
a {
color: black !important;
}
}
.category-list {
margin-top: 16px;
margin-bottom: 30px;
}
.category-item {
line-height: 28px;
}
.category-list a{
color: #a1a1a1 !important;
font-size: 14px;
}
.category-list .category-item .hot{
color: #ee0011 !important;
font-size: 14px;
}
.category-item-act a{
color: black !important;
}
.showdetail {
box-sizing: border-box;
padding-left: 19px;
padding-right: 19px;
width: 337px;
height: 250px;
float: right;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
vertical-align: middle;
background-repeat: none;
}
.icon-hamburger {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkNDMTBCN0ExRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkNDMTBCN0IxRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQ0MxMEI3ODFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQ0MxMEI3OTFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrUNPwAAAAmSURBVHjaYuzr6/vPQCJgAWJGUjUxMZAB6KcJ5KfRgCA3IAACDACZEATHVTZCoQAAAABJRU5ErkJggg==");
width: 13px;
height: 11px;
}
.icon-headphones {
background-image: url("header/headphones.png");
width: 15px;
height: 10px;
margin-top: 2px;
}
.icon-heart {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNDA0MDMxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNDA0MDQxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQkU0MDQwMTFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQkU0MDQwMjFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbjRwsAAADJSURBVHjahNC9DgFBEMDxuXWiUUq0Si+i9AqiukQjkdBRi0R8FlrxAhKtgkfw0aiovYGEhP/EhI0cJvldNjOzu3MbRFEUiEgVeVyQxESeUcEVKRwwDvnUsMPQmjQ3srUedLN1QXu1mENP3qENXdy9Zo0liqHEx/FLPnA2X1r+h/akdEMHAyR+NGutj7az64c2dxA3hv2jPsTJWXKPBZoxG1qYW484r7DCFnUv18AGa/He3A+9pYySHXa23CtczAhTZJHB7LP4EGAA/kUjzWzAmh0AAAAASUVORK5CYII=");
width: 12px;
height: 11px;
margin-top: -2px;
}
.icon-mail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUVFMTA0NDExRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVFMTA0NDIxRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRUUxMDQzRjFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRUUxMDQ0MDFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptf44EYAAADcSURBVHjalNJPCwFBGMfxsW3UvgdydJVc7EEOcnH1Amxt/iUHUt6A456EUrwYJS64unkFjhKF79RDk6Q19Znd5nl+M9O2kSAIjkop7aD+GykkbKYdLphgHzKcRh8ni+mMKnrIhgjrnq5kzpYs6ht4aMH9EXalx5OMsoziFb4U81/CBTnVl171uYEed9FB0VgvoW3U38M23qOYYoEVRohJrYwKcpih/rqFbYR1YYyNrDUxxAMNeS5xk17/tYGDOQJsjRvpwODLt1jL6fqmjt4gIz9S7c8fKY7kU4ABAPrAL/PXL7nQAAAAAElFTkSuQmCC");
width: 16px;
height: 10px;
margin-top: -2px;
}
.icon-iphone {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNDODgxQzgxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNDODgxQzkxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEM0M4ODFDNjFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0M4ODFDNzFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJU+6cAAAB7SURBVHjaYnyorNzIwMDwFYgZGVDBPyDmYwESP4C4CyroBqV3QelKkAIeIF4IxNeQdBsCsRYQPwEpYALiE0A8Hc2KTCCWY2IgAIaHAlhI8gFxORCLQsVfQ+kfIAW/gLgTKjALamoJclBzAnEZNLL4oBIg0/4DMRdAgAEA3OsUBsKkQkoAAAAASUVORK5CYII=");
width: 8px;
height: 14px;
margin-top: -2px;
}
.icon-papers {
background-image: url("data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzI5NzcxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzI5NzgxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjk3NTFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjk3NjFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSzZHsAAACCSURBVHjaYkxLS7vKwMBwhAETuABxGhDvBXFYgPggEGdhUTgdiP2h7L0sDLjBfyDOB+KJMBNxgb9APAOIGYF4DrJCfiBmQuJXAvEXKHsassJMIBZA4t8A4gUwDrLCDjzOQFHYDsRCWNQ0oSuspK+JTAxEAqIVgqy2B+KZBNTZAAQYAEaiFCx+VPXeAAAAAElFTkSuQmCC");
width: 10px;
height: 14px;
margin-top: -2px;
}
.icon-bottomarrow {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUEzRDI1MEQxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUEzRDI1MEUxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTNEMjUwQjFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QTNEMjUwQzFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEPOcUAAABkSURBVHjaYuzr65vBwMDQB8S3GLADNSAuYgISlUDcDsTGWBSBxDpBakAK3wNxLBAXA7EzkiJnqFg0SA0LVPAbEMcB8VQgFgbi/0DsChX7A1LAhGQCSCADap0JEKfDFIEAQIABAH3lEoANPM6QAAAAAElFTkSuQmCC");
width: 10px;
height: 5px;
margin-top: -2px;
}
.icon-logo {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAAAoCAYAAACBzApvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAASpElEQVR42u2ceXxVRZbHvxUVROkWbXUior4HaAQCJAgkJJBtFCQIZGERpx27m2bapadH7Y1pp+2PPYvTLh+RRmdamZ6ej6ORJZCEBGQLkIWlBcISE5AtCGqrrYIIIkvO/HHve+8uVfc9tmb+yO+j4dZyTp06t+rUqVN1n5py35TtCKntCAjYfxCJ/GH13Llz80kAxSXFoxB5S+y0iKCA9ghf67+Bi6qqtiXCLwgjR406BnQRxBbT1cY/r1y+/MlzbeNCYEhm5kFBboxm2MLbXXh804Y/vgAwaOjg7iK8H6OM9VOi7yqmZ4cGInWPgTQD8xBebt6y9djF7vu5Ign4bTSlon8cafImTprYPx6j4pKSq4HfO+mVUt5qM8/LQL377uuBLpaISldl319GfWeGIcMyOwHd3RK7Uo4hSMjMydNnpdXBFcBQ4FmgJTVtYPrF7v+5Ign4X+BzX3fdGT9KgNcsoLt+7ACwE8U/nie5e+qzVUTu/5eDFbjFKaRHcoD3HFlhwyB0EXgeoznKXXILsLRf2oDki62Ac0FS2Rtlx1DM1qslmvvtiZMmfsvEpLi0ZCJwn67MNhWnQT1QVVl1vpaikFbKWLrtwqrtrBH25biFd8itwsplaM8Qyvd8nUI9c7EVcC5Isv99GWg391VdDkzTMSgtLU1W8B/OmawZ+E9XVVZuOF9CK91Lj+EUcPBCK+4sEYpT3mauqwINbYKY3C9twFUXWwlniySAsjfK2kBV2joB/Vr+8ISJEy/V5M9W4LG6LvotSYpfn2e53UukW9wDK5YvP3XBNXd26BmRVeO3Ht604Y+fufpogNEkGHOj6AQMvNhKOFskOZ5f1HY0lnkTivHOotIJpVNRjAmg+VopdX9FReXJ8yx3yN2cax1ou7AqO19y+7TtldsarHpz+gYQRhG264VRKgykA2Vurfjor7nYSjhbRC1lWVnZmilT7t0mMCBaqnDtT5W10SoHmDCxNCzCC5Ey8dS18cuKhRXN3sxx48amCAwHUkSkG3BUhIPABpB1NdU1pwOlVoQD3LkLsrkanpNzpUCuQBoiyUAnkE+BFhFWrGto+CgBNkHuS1vkYdDQIZcAN1kDTnRdfWfrxk1tOiYDBqV/G+gNDEH/Tj65EPr5S8C7rM8EZruzrB7basuZMHFiGsg24L9BvhGpo6IRvqiGGoDnI1zGjR/fCZgK8ghCv5gW7foxxb5fOGbMcwIvLamp8VnkUaPvTsLa3WqkBGDfnSPvuhlhqsAoQfogXAnyscAGhNeB8lUrVya0exmem9sf5GcIExRcDrr3T/uw4dmVwJPrGhqbTbwUKqwdepbwe6NJpXqIyKVaHgpEzBNy2+am9v6D0pcDQzRtnFKo7QB9Bw4YDUyO9kZiMVoAEabu2N7sMhopqf1Gg0y2y4kQxuK/HAR6OAptXgKwec+OnTODdB2+7dYHEMl3UktMvkMehag3QJ7BXir0E5N/ALYDuc4anrpHFfztwoUV7QDji8bnKZjdLvTyak+TuhF4AfjO6DGFxUtqFrtejEJ1F+Qyn2yxjBLgSeAyT9kNQBGKIoT1+QUF966qrd1vUtyIvLyuIM8IPGjPwBg7hfd9JAHFwNjM4dnT1zc0Pu/ll5E17AoRrtMpy0ab873ppYoSBq4eCm41zMSa5i1bv7D7MEqEBwwsPvYOVBt3gZ/G1scnwGLgAV//rPSdWMZQi/Btt3YDXgRMG8CnnD4rZWVlXwGvGg4HIpgC/JtPh248vnBhxT6AouKi6UqpWnAOVAgKyygrEjkQqB9dWOh9cWFXxSi/6HM6zoGqFzMTWJVfUHCdrl5Ofl5P4G3gIRWJizqIxbs9iiUvBZ7LHJ79L7r3ESAPHl87RDDaTAUDBqUPw5o4XrSDa6Mb0klhwzQZDPFtAPYqqAsov7HX7SlB9I8CVxl89MMKZviWGgWzBH4CXBLti3uWdI44qEqJy8LY2YuBVwGKioueBqajaSTCU2OlXB0EKkYXFg5esnhxxCUI8vtiDSixvYuI1+dzwMMIL+KJD+fk5/cGWW21bVhbTG3G6j6RkZ21aUPj2oWOCuE4NHuNdd1KOgFcnjb4jlB02bYeugF3iciTRN27SO8VIL9u3rJ1s4NrSC+KAqTN0MkQBrOJNYG0g9Xheed4+ml1NuXWbgiP6rRi085o273nUJKX8M2yNw8CC/xK9T55UwrgM2DawgULpbik+Ac4BqoYOBj4OJ8HQKwjUSWrYC6mljyYlFtQ0COSyM3P7wYswZokCcB4EoWClzKys7p45VYmqZTJDVDeVagTluXz/t8EPAN01Qg0A3zhQ5+Vc0jmG1DOPhiwb1dL627ggwDN5xryH0UZl//DtvwkGSpE7wt4Dge0WnY8PbxwwYIPiktK+mIKhbnolImVN+/x0YWFkVUgHFTdRjuwH+uAwFBZAVyiYKQjc5aydtIeJzVQahNuAL7jSIcDgvqfbly/4UtHOqSMlc/ocOAjYHJz05bHmpu2Rkd8atrAa4BvBNC1eTNS+ve7xjmgvDIoFXUd6g1iA4zwZvdMua0bbmPkxYz9u/YcAsNgnVP2Zj2KLQm/FptsQfmCOfbzTKCzlz4pljwMzFLINOBnWFbBPTHcbmIykGc/h12Txn84sBDosWLZ8hDQA93S5CbpA5BbkJ8D/I2hTuRvHZaLNE0pXgW+1onhoJrsyAj7i6P/eC1ZAq5OQocDnfFaWgsht8xxY75RmgC02ZxWB4jVq9ftKT08eY9AfKsKZssK3p2bb3W2VaUE4AMUjwCUlJRkA3/tpXFYilqgV1VV1d9XVS2avahq0bPAYOA/4ygj2+ZpVJpCtQKTVyxb9iHAiuXLPwK+r9zW39unyK73VyauwFfApIa6utyGurrnG+vqZjfW1f8d1q2mz81kZGZkZ11iZ4QC+LdFUoMzhnZC54YkeKnFU68bqP/qn572tIeiZxw+OjcgYAIpINiyOt7B8KgQKbd1BR4L6OuMtl27D0USQYO1DPizTxloJ8208vnlnwKI4vsBPLcBY6sqqz51ZlYvWtSOdeCw199C9Dk8unD0ZcBNAYK8vmLZMldsVrl2ttoX/nluQUFvoCCg3tSGNWvmeTPX1tdvAzXdRKcsyxa56ZTQgQBws0pE4wYYTiGnp6anTXLkhAJYCKj3NPkuP9pPQyQM2EJk3OiR53j+Ic6jevdq5rKqEDBY55S9eRyXtYssOr5tzKvl88sXA5SWliYpuMe0PAn8uKqyUnvzqnpR9UlgfsB76QbqJoIn2C5N3s3m6lGLcI9uE2n/u6Z+9ZqygDbLtFxjuDIjO6ubJX+k3NdJpyWLWj3lCs1FXc6XgaeU4imI/v8bwHgYYeOZ1PSBEd2FlNl9+KB12/YTmqKQr26MxQfvvtN6AmBXS6sAdQETLAeg1+0pXZVSPzHoAzxWFfwnWF78HvingADOPuBxRzqs4FptYMM65lsZp70PtW1ZmYctJWMHohxBmVjNtkAlu2Mikec2BcXiLY+lgwYqa+vrj2SNGH4Yrd+lADkGJEcP6pxRKIcMWnn1+GXT25s+82YOvGPQE8A8HDFWT3duwdrgrME1IXyhQ1MkIKxjasMbl60HSgz67NPr9pTrgKn4LkBF4bOqEGylQHFZnFu+T82fN/9LR3kvHZOIEiorKuMFLbu7KN3rYVtUyT7jHmtDwzNklMjCPhUc7H43SOCsESOuxh6oPrdScQL4E/ZXDSZ4XJVQQNUjTW9v/ExXsHXT5tPAEx59eDHYpBOHVtoMtEFujOeU0d5kmVGItVE1YcY+j1WF+JY11intLFE7PfWv0OrAojNe3gYYO25skoiUBFTZCGQElB9dtnSp31dS9Aw4HDi6qrb2k/yCAs1gita7Po6OikwdBrZsaFx7KiM7ay/wXYNZElA+N0C/wiiT1YvgEz1tdB2K3LgKGTko/WBVEPLydLTipdkOfAF8UycF1p2RM7KqEH+weixOTED7yau8k6AQJbqlondRcVH/ioUV2w1t/RBUL906DeorkFpgsu4qmGYpdSIU4MZEaE5qXkAExcAcHXFWTs5ViDwVcNJVA7Chce1h4A8kAkVIz0qhzCdLEeQF8AXhWGr6wGSgi3sCu+CbELf3T/0roEvAaZ7Lsu5qaT3du2+felBjDDRmw6WYsW/nrkO6omA3wDEDNYcDx+bPm/exp35bpK5zk+WgfXV80XhfMHrsuHH3As+ha8zCnCWLFx/FsFwbYpW+Pmh4R5R8wBtydGyyJo/Iy/NZ/OE5OdcqqMYZnXA3cxr4n0g6IzurR0Z21vMZWcM2ZmQNax46bNgrQ4Zl3qIhdS23nsOBNkMfGTh40E04brkZ0ITH1dLgK02ee0Xzh7l1dwmCDgd8/bPHlNGqQnzLGraXezQzRCfgDqxLB1cZlowMoKmoaPyL7UILSA+Ee0HuNmzKUIrTCJFvh0LOcpdlUMZL12Z/NHbqsk7BeINBA2HeiLzcPwBVInyNyHDgQeBb3g2KI/3a+obG/QAZ2VkFWPeAuzk49wOKhwzLHPz2uvX7AQZnZlwBXB9gqTulDxmcF0sKIlwB3CHwI5Br9eIDcBxYC6T56kRlVoBMwrGS9BmQepUIuos5Tvh0r2CNdtMaDKNVhTiDVUHYsDMHjSUrn19+unRCaQXeq2cOgZVSvRCZqSsz4MXFNTWto8cUdrav+ZnofAq7c+TIzsAN/kstUfI2O1GO8O8BMiSB+h7I97xti74Dh4FfAGQOz04WkQVEowWu+tdiXWecaqdDBOMhlHrIePPHM8vd9dRrzU1Nh1LT0/4cR+ElfQf2rxJhLkgy1glTKOBVmb552wgcw7OPMV4nj2NV7ZdghkpsCfXieUAkoTi2J4juP7LcQmSHiwrHYaNzA25xV/Gl9gGsWlm7G6iIJ1/ifVHT1jU0fmgnHlbm40SAOxzPYRPHM5XHU/MwVjwWrNXvyzjkY4HXQD0LhMzHsgrgwLvvtPi+edvV0noKWHcGCnwpyKpCwGCdct+UKwHNfc+oj6EdrOXzy7eD+q3Xb3VCDDxdz4q9wLia6prjdkFIXz+KNk1eUEgK3BPux8CXAYcDWqk1ZT9f19DgPO3Kwkhv+f6OrFgs01lPfzhgl5EIfrB9c9P7AM1NW04Br8fUHHi3IBG0BZStToSTUuooxD6RMiHIsoaN9shCUBjlpwpWBXU+yW9FnYlmBbk11dUHXPJoQr6Oz+J0SgvptRN9itKsqq3dq6xb8O16A2LoCNEB0w48tra+wftt/kldrNoxyJbHldcIw52HGE5hDVRvNONfgUOaPpxN00FfLTRohfO3NWvvzneDjmiB4MEacjP3KdwoZHl5+QngHqBKJ6Hu+puK/dDW74Bh1YuqD7rLA38g4vOlb711SCNKUCD70KoVK100q2trFwClwBETUXRqOLog1ipTsLa+YYaG5K0A43IAh0VRwefvCcBF8y5K5W3b3PSKt1Zz09YDWJ//HI3DIxEYx4GC9ThuphlwFGckKABxLKtG9MRmFOXlC45hBczvB/YE6kBxGutq39DqRYserF5UrfOpvhnAoS2oD87BFVv29G7MmtraCiAVa0fcHses7sc6bu67tr5+jUGGl4FlGiW2AgVvr1t/yJGv/RDSry+jMo+jWIq1QvTbtmlzo6lic9PWVVj+8mJtBauJRmtjGSSP+dP3XS2tx7E+D/KwdnGZtWfHzrhW1agLgCn3TUkGkhGxfqrFNnz2P+1z58xJ+AfWikuKk4AcEcnDuj/aVUROiPCe1RlZVlVZ9XEQj8IxY5LFlieCyK/pCfLl0iVv7fbS3DVyZG+J3ueM1AVBTiJ8WrtixZ+C2szNz79BYAzIHWJFIi4F+VyssNsahPUNdXXtxEHm8OwkRErFuinfjtAIUr5h7TrXxmRIZmZPQWKTMvYLg8dF5Hispui+Lj0h8OHWjZvO+DeH+qUNuBm4U4TuQBLIfqC+Zev2vX0G9O8CkuIQx/nFKcDenc3vfGHi3btvn5eBhwxfvB4FQuc8WDvQgXPFrX37JIt1ZfBq32C1LMdv9uzYOT1RfvEOBTrQgYSQktq3lwijgLn2j39kifCKgqsNhwMJ+6oRdAzWDpwv/BLLV34J1NcgnYMqK9TM3Tt2JLT8x2g60IFzREpqv5tB9orYn+8Dnl9qwfHJOMCHQMru1h1HzqCZuBdZOtCBRPAL4JLgWG20sB24/0wHqotDBzpwNkjp3+8GhP0gl4H7N7AiaUf8ph3h4d2tO353Nm11+KwdOFf8HMPPNUVg762OAN/d3bqj/Gwb6rCsHThrpPTv1xX4BLF+XdEd/3WlywV+uruldd+ZtuFEh2XtwLngKNb3VBOwPmUPYf0s6BHgHazfiHhtV0vrjvPR2P8B12P57Lkkf7EAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: center center;
width: 182px;
height: 53px;
top: 22px;
left: 44.2%;
position: absolute;
.main-link {
display: block;
width: 100%;
height: 100%;
}
}
.search {
position: relative;
}
.searchspan {
margin-top: 45px;
float: left;
display: inline-block;
overflow: hidden;
}
.searchinput {
float: left;
width: 240px;
height: 28px;
line-height: 25px;
border: 1px solid #000;
box-sizing: border-box;
padding-left: 10px;
border-right: none;
}
.icon-search {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM1RjdENDUxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM1RjdENDYxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzVGN0Q0MzFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzVGN0Q0NDFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvM9DyUAAAEMSURBVHjanNS/S4JBHMfx59EnCyGcRBDD8Mca1NDm1qJTDU4NjTo4OEmbNNrgJAjR0FBOLe3+Ca06uDu1OIghGE/vb9wDD9epp194wXF3fJ7nufvyuL7vO6E6QQMJ/EAWPbxj6KwrCVGu0UcqNCc81NFFVFv7EwzO0TFtCCmhvSnkGYdbQsQjMvp8hC9KYoqls71ecKNPSkgeE8euZF/RFLJCzDLkQO3/FzLCmWXIJT5NId9qnLYIucPHuj5JYoDEhptp4da0FlFZX7hHD1UchZ5zgScsUEZcfxFXa3sXFVypQ5QaY4AZCnhADXNT29vK4RXHesfu6hRvwRnuGyKywWXoZ7Jrya+j+SvAAPnfjoCz07o6AAAAAElFTkSuQmCC");
width: 80px;
height: 28px;
float: left;
border: none;
margin-top: 45px;
background-color: #3a3a3a;
background-repeat: no-repeat;
background-position: center center;
}
.search-list {
position: absolute;
top: 73px;
left: 0;
z-index: 1000;
box-sizing: border-box;
display: none;
background-color: white;
padding-top: 20px;
width: 100%;
max-height: 500px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
.search-item {
position: relative;
padding: 5px;
height: 25px;
line-height: 25px;
font: 12px;
}
.search-item:hover {
background-color: #f4f4f4;
}
.searchvalue {
position: absolute;
left: 10px;
max-width: 192px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
}
.valuenum {
position: absolute;
right: 10px;
font-size: 12px;
}
.header-tool {
padding-right: 23px;
}
.gobuy {
margin-top: 47px;
margin-left: 23px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABc0lEQVRIx73VvS9DURjH8W+LTYTZfyBCIhLJM0pMNotJxCJi8xdYJWI0WFkstg6mumn1pxEikXiX2Fgog5dUBUNv5fa62tJzPdNznufc80lO7jknYWbrwDjVcQz0S3rDUSSBsYh6D9DnCqlAs0AaOAn1hlxCiUpiZgPAfqC3KmkyDqgFKAAdfukSGHFgFCXdJIIVM0sBoy63zI/FZKiQiQEBmPsv6C4M7QFPMUBeFeQfUMUO+RHH9m1HQZ5j5BY4ioJ2gaJDKCPp4xsk6RXIO4SyUL7rosJzCHm1oKwj5AE4rAXtACUHUE7S+4+QpGfKP0Wz4VWSZCOTmoitRqBl4LwJZE3S1/uWqDfbzDr/gJQkVd2ZdaEAaEAXkJb0Eup1U376DyRdRX2frE+AmS0BOSAFZMysNdDrBU6BDeDMzIb/DAHTgXwQGAiMJ4B2P28DppqBCqHxfSC/rTP3V9AMcA08AvOSLgK9FWCT8gHPAwtRC3wCDWxrvGA4PUcAAAAASUVORK5CYII=);
background-repeat: no-repeat;
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
}
.gobuy-wrapper {
position: absolute;
display: none;
top: 30px;
right: -14px;
width: 378px;
background-color: #f8f8f8;
z-index: 10000000;
}
.gobuy-empty {
position: absolute;
width: 100%;
height: 507px;
z-index: 1;
background-image: image-url("header/empty_car.png");
background-repeat: no-repeat;
background-position: 106px 132px;
background-color: #f8f8f8;
}
.gobuy-loading {
position: absolute;
width: 100%;
height: 407px;
z-index: 1;
background-image: image-url("header/loading.gif");
background-repeat: no-repeat;
background-position: center 150px;
background-color: #f8f8f8;
}
.gobuy-loading .information {
margin-top: 180px;
width: 100%;
height: 12px;
line-height: 12px;
font-size: 12px;
text-align: center;
}
.gobuy-empty .information {
margin-top: 300px;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 18px;
text-align: center;
}
.gobuy-notempty {
position: absolute;
width: 100%;
z-index: 1;
background-color: #f8f8f8;
overflow: hidden;
}
.goods-list-wrapper {
width: 100%;
max-height: 444px;
margin-bottom: 19px;
overflow-y: auto;
overflow-x: hidden;
}
.goods-list {
margin-top: 40px;
}
.goods-item {
height: 64px;
margin-bottom: 18px;
padding-left: 18px;
}
.goods-img {
display: inline-block;
float: left;
width: 46px;
height: 62px;
margin-right: 13px;
}
.goods-detail {
margin-right: 16px;
}
.goods-detail .content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 170px;
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
a {
color: #666;
outline: none;
text-decoration: none;
}
}
.goods-detail .style {
height: 14px;
line-height: 14px;
font-size: 14px;
color: #b0b0b0;
}
.goods-price .priceandnum {
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
min-width: 75px;
text-align: right;
}
.goods-price .delete {
display: inline-block;
float: right;
font-size: 14px;
color: #000;
}
.activity-item {
margin-bottom: 8px;
padding-left: 18px;
}
.activity-name {
display: inline-block;
box-sizing:border-box;
border: none;
width: 60px;
height: 18px;
line-height: 18px;
background-color: #3a3a3a;
color: white;
font-size: 14px;
text-align: center;
margin-right: 13px;
vertical-align: top;
}
.activity-content {
display: inline-block;
line-height: 14px;
width: 250px;
color: #3a3a3a;
font-size: 12px;
word-break: break-all;
}
.gobuy-notempty-footer {
width: 100%;
height: 61px;
text-align: center;
}
.gobuy-notempty-footer h3 {
box-sizing: border-box;
width: 349px;
margin: 0 auto;
height: 61px;
line-height: 61px;
border-top: 1px solid #dcdcdc;
}
.gobuy-notempty-footer a {
font-size: 18px;
color: #444;
}
.ic-infomation {
position: absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU2RjA1MDYxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU2RjA1MDcxRjA0MTFFNTk4RkI5QTc3MzJEQjAzQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTZGMDUwNDFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTZGMDUwNTFGMDQxMUU1OThGQjlBNzczMkRCMDNDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3/ud0AAAFcSURBVHjavJa9SsNQGIa/1Ig6OJtWcZGYZBXFxWvwD6poNztFsINgb0Jw0MHNTaGLFu/CwQ4OCQgurUl6BxalHt8vHq1Gs5TkvPCQk7/zcJJ850SLHIf+yQTYBOtgGRhglNLzBrrgDjTBteF5L8mLtNC2k8e2wDGYpeHTBvWi7zd+yYKBbAScgBpll1NwWPL9Pu/oJMTXiTPgUrapyce/zzsFARnYAa5sZ40bWNZu/Bg7pjmO7RMoUX4JwZwOczlnEcn+yyxbJTVZY9mSItkiywxFsiLLXtEYU2HTxbuIsJ1U4Ip4ZA9ozCuQ3XNR3+ZUzEma2uP0jLKi5pH1wFHOo6qbz50evzM2X4GVHCZizrkVBpefX+Ng1j+QJbCXoehC9hunQMSyGKw5ogoqoP3j+DDw/RU7Cqug/714elNG2m/BNtgAC1z9cnFNC3fI9doCN6DhdKM/vwUfAgwAy/liVzz2H2sAAAAASUVORK5CYII=);
width: 27px;
height: 20px;
top: -10px;
right: -15px;
color: white;
text-align: center;
line-height: 20px;
font-size: 12px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.showdetail img {
display: block;
box-sizing: border-box;
width: 337px;
height: 250px;
}
.showdetail .title {
display: block;
margin-top: 40px;
width: 100%;
height: 15px;
text-align: center;
line-height: 15px;
font-size: 14px;
color: black !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cate_row {
float:left;
height:352px;
box-sizing:border-box;
}
.cate_row li {
box-sizing:border-box;
}
.cate_row1 {
width:253px;
}
.cate_row2{
width:278px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.cate_row3{
width: 270px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.third-nav .cattitle {
width: 180px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
line-height: 18px;
margin-bottom: 20px;
}
.third-nav .catdetail {
line-height: 14px;
height: 14px;
margin-bottom: 24px;
min-width: 200px;
}
.third-nav .cattitle h3 a{
color: black !important;
font-size: 14px;
}
.third-nav .catdetail a {
color: #a1a1a1 !important;
font-size: 14px;
}
.thirdcatelink:hover {
text-decoration: underline !important ;
}
.third-nav .catdetail a.hot {
color: #ee0011 !important ;
}
.hovercontent {
display: none;
}
.noticewrapper{
width: 100%;
height: 100px;
background-color: #3a3a3a
}
.noticecontainer {
width: 1150px;
margin: 0 auto;
}
.noticecontainer .noticetitle{
padding:0;
margin: 0;
float: left;
height: 100px;
line-height: 100px;
font-size: 27px;
font-weight: bold;
color: #fff;
width: 245px;
font-family: '微软雅黑'
}
.noticecontainer .noticecontent {
width: 853px;
float: left;
margin-left: 38px;
}
.noticecontainer .noticecontent .tips {
margin-top: 16px;
margin-bottom: 10px;
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
}
.noticecontainer .noticecontent .detail {
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
line-height: 16px;
}
}
.simple-header {
height: 66px;
margin: 0 0 20px 0;
border-bottom: 2px solid #222;
.header-inner {
width: 990px;
height: 100%;
margin: 0 auto;
}
.logo {
float: left;
line-height: 66px;
font-size: 0;
img {
vertical-align: middle;
}
}
}
.simple-header .header-tool {
float: right;
line-height: 66px;
font-size: 0;
li {
@include inline-block;
padding: 0 10px;
*margin: 19px 0 0;
line-height: 28px;
font-size: 12px;
span, a {
font-size: 12px;
vertical-align: middle;
}
.tell-icon {
font-size: 12px;
}
.tell-icon ~ span {
font-weight: bold;
}
}
.login-box {
a {
color: #666;
}
}
.tool-options {
position: relative;
font-size: 0;
cursor: pointer;
&:hover {
background-color: #eaeceb;
.iconfont {
&.up {
display: inline-block;
*display: inline;
*zoom: 1;
}
&.down {
display: none;
}
}
}
.iconfont, span{
@include inline-block;
font-size: 12px;
height: 28px;
line-height: 28px;
&.up {
display: none;
}
}
.tool-select {
display: none;
position: absolute;
width: 74px;
left: 0;
background: #eaeceb;
z-index: 9;
a {
display: block;
padding: 0 0 0 10px;
border-top: 1px solid #ddd;
}
}
}
}
@media (max-width:1180px) {
.yoho-header {
.header-topwrapper {
min-width: 990px;
}
.header-top {
width: 990px;
}
.header-navwrapper {
min-width: 990px;
}
.header-wrapper {
width: 990px;
}
.header-navcontent {
width: 990px;
}
.icon-logo {
left: 39.2%;
.main-link {
display: block;
width: 100%;
height: 100%;
}
}
.sub-nav-list {
width: 990px;
min-width: 990px;
}
.sub-nav-item {
margin-right:15px;
}
.first-nav-item {
float: left;
padding: 10px 14px 0;
margin-right: 3px;
}
.third-nav {
width: 990px;
}
.third-nav-wrapper {
min-width: 990px;
}
.category {
width: 800px;
}
.cate_row1 {
width: 204px;
}
.cate_row2 {
width: 244px;
border-left: 1px solid #ccc;
padding-left: 39px;
}
.cate_row3 {
width: 163px;
border-left: 1px solid #ccc;
padding-left: 28px;
}
.category .thirdnavlist {
width: 200px;
}
.category-title {
width: 152px;
}
.showdetail {
width: 190px;
padding-right: 0;
img {
width: 174px;
height: 155px;
}
}
}
}
#cover {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
}
#cover .con {
background: rgba(0, 0, 0, 0.6) !important;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 1002;
opacity: 0.5;
-moz-opacity: 0.5;
}
#cover .tag_img_warpper {
margin: 0px auto;
width: 180px;
height: 168px;
}
#cover .tag_img_warpper img {
width: 100%;
height: 100%;
}
#cover .guide-box {
background: rgb(255, 255, 255);
margin: 0px auto;
height: 400px;
position: relative;
z-index: 1003;
}
#cover .guide-box .close {
top: -15px;
text-align: center;
right: -15px;
color: rgb(255, 255, 255);
line-height: 22px;
font-size: 24px;
position: absolute;
}
#cover .guide-box .close {
background: rgb(0, 0, 0);
border-radius: 50px;
border: currentColor;
border-image: none;
width: 28px;
height: 28px;
line-height: 25px;
display: block;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
#cover .guide-box ul li {
padding: 10px;
width: 200px;
height: 400px;
float: left;
box-sizing: border-box;
}
#cover .guide-box ul li.girls {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
}
#cover .guide-box ul li.lifestyle {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
}
#cover .guide-box ul li.kids {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
}
#cover .guide-box ul li.boys .goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
#cover .guide-box ul li.girls .goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
#cover .guide-box ul li.kids .goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
#cover .guide-box ul li.lifestyle .goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
#cover .guide-box ul li a.go {
margin: 26px auto 0px;
width: 100%;
height: 18px;
text-align: center;
color: rgb(176, 176, 176);
line-height: 18px;
font-size: 18px;
font-style: italic;
font-weight: lighter;
display: block;
}
#cover .boys .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
#cover .girls .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
#cover .kids .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
#cover .lifestyle .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
#cover .boys .block_cn {
color: black;
}
#cover .boys .block_en {
color: black;
}
#cover .girls .block_cn {
color: rgb(255, 136, 174);
}
#cover .girls .block_en {
color: rgb(255, 136, 174);
}
#cover .kids .block_cn {
color: rgb(122, 217, 248);
}
#cover .kids .block_en {
color: rgb(122, 217, 248);
}
#cover .lifestyle .block_cn {
color: rgb(79, 64, 55) !important;
}
#cover .lifestyle .block_en {
color: rgb(79, 64, 55) !important;
}
#cover .boys .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
#cover .girls .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
#cover .kids .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
#cover .lifestyle .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
#cover .boys .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
#cover .girls .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
#cover .kids .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
#cover .lifestyle .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.pager {
font-size: 12px;
a {
height: 24px;
padding: 0 9px;
line-height: 24px;
display: inline-block;
text-align: center;
margin-right: 8px;
color: #222;
&.cur {
background-color: #222;
color: #fff;
}
}
}
\ No newline at end of file
.path-nav {
font-size: 12px;
padding: 15px 0;
height: 18px;
line-height: 18px;
border-bottom: 1px solid #eaeceb;
margin-bottom: 15px;
a {
color: #666;
}
.iconfont {
font-size: 12px;
}
}
\ No newline at end of file
@charset "utf-8";
@import "compass",
"compass/reset",
"header",
"footer",
"path-nav",
"plugin/slider",
"pager";
b {
font-weight: bold;
}
body {
font-family: arial,"Microsoft YaHei";
}
@font-face {
font-family: "iconfont";
src: font-url('iconfont.eot'); /* IE9*/
src: font-url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
font-url('iconfont.woff') format('woff'), /* chrome、firefox */
font-url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
font-url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: #000;
}
.hide {
display: none !important;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
a:focus {
outline: none;
}
input,textarea {
outline: none;
}
.center-content {
width: 1150px;
margin-left: auto;
margin-right: auto;
}
.min-screen .center-content {
width: 990px;
}
@import "home/index", "product/index", "guang/index", "passport/index", "error", "order/index", "sale/index";
.sale-page {
margin-top: 10px;
.slide-container {
position: relative;
height: 450px;
overflow: hidden;
}
.activity-entry {
margin: 10px 0;
.entry-item {
display: block;
width: 377px;
margin-right: 10px;
padding: 24px 0;
background: #f5f5f5;
&.first,
&.last {
width: 376px;
}
&.last {
margin-right: 0;
}
}
.entry-text {
padding-left: 160px;
font-size: 16px;
}
.icon {
width: 70px;
height: 70px;
margin-left: 48px;
background-repeat: no-repeat;
&.vip {
background-image: image-url('sale/for-vip.png');
}
&.discount {
background-image: image-url('sale/discount.png');
}
&.off-price {
background-image: image-url('sale/off-price.png');
}
}
.title {
font-size: 26px;
font-weight: bold;
line-height: 48px;
}
}
.floor-title {
margin: 80px auto 40px;
width: 300px;
font-size: 16px;
line-height: 30px;
text-align: center;
border: 1px solid #000;
}
.brand-sale {
.sale-group-big {
width: 1150px + 8px;
.item {
width: 378px;
margin-right: 8px;
margin-bottom: 10px;
}
.pic {
position: relative;
height: 400px;
}
.time {
@include box-sizing(border-box);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0 10px;
font-size: 16px;
line-height: 30px;
text-align: right;
color: #fff;
background: #4e4e4e;
}
.detail {
background: #f5f5f5;
}
.brand {
margin: 24px 10px 0;
}
.text {
padding: 24px 10px 24px 0;
font-size: 14px;
color: #fd5659;
}
.discount {
font-size: 28px;
font-weight: bold;
.num {
font-size: 40px;
}
}
}
.sale-group {
width: 1150px + 8px;
.item {
width: 185px;
margin-right: 8px;
margin-bottom: 10px;
}
.pic {
width: 100%;
display: block;
}
.detail {
padding: 14px 10px;
background: #f5f5f5;
text-align: center;
line-height: 20px;
}
.title {
font-size: 12px;
}
.time {
font-size: 14px;
}
}
}
.sale-nav li {
float: left;
width: 20%;
height: 40px;
line-height: 40px;
background-color: #e0e0e0;
text-align: center;
background-color: #f5f5f5;
color: #6d6d6d;
margin-bottom: 10px;
&.active {
color: #fff;
background-repeat: no-repeat;
background-size: 100% 100%;
}
&.green {
&.active {
color: #fff;
background-image: image-url("sale/navactive-green-middle.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
&.first.active {
background-image: image-url("sale/navactive-green-first.png");
}
&.last.active {
background-image: image-url("sale/navactive-green-last.png");
}
}
&.yellow {
&.active {
color: #fff;
background-image: image-url("sale/navactive-yellow-middle.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
&.first.active {
background-image: image-url("sale/navactive-yellow-first.png");
}
&.last.active {
background-image: image-url("sale/navactive-yellow-last.png");
}
}
&.red {
&.active {
color: #fff;
background-image: image-url("sale/navactive-red-middle.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
&.first.active {
background-image: image-url("sale/navactive-red-first.png");
}
&.last.active {
background-image: image-url("sale/navactive-red-last.png");
}
}
}
@media screen and (min-width: 1150px) {
.floor-header {
margin: 80px 0 40px;
.header-navs li {
padding: 1px 15px;
}
}
}
.commodity-list ul {
width: 1004px;
}
.commodity-item {
float: left;
width: 241px;
margin: 0 10px 0 0;
}
.commodity-img {
position: relative;
height: 323px;
text-align: center;
img {
width: 100%;
height: 100%;
vertical-align: middle;
}
.top-tag {
position: absolute;
width: 60px;
height: 60px;
top: 10px;
right: 10px;
line-height: 60px;
background: url('../assets/images/furniture/top-tag-bg.png?1450667948');
font-size: 20px;
color: #fff;
}
.few-tag {
position: absolute;
bottom: 0;
width: 100%;
height: 20px;
background: #ffac5b;
color: #fff;
line-height: 20px;
text-align: center;
font-size: 12px;
}
}
.commodity-content {
padding: 10px 0 0 0;
height: 69px;
overflow: hidden;
.commodity-name {
font-size: 12px;
color: #000;
line-height: 18px;
text-align: center;
}
.commodity-price {
position: relative;
margin: 3px 0 0 0;
text-align: center;
line-height: 20px;
color: #000;
span {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 12px;
padding: 0 15px;
&.origin {
text-decoration: line-through;
}
}
strong {
font-weight: normal;
color: #565656;
font-size: 13px;
}
span.vip-tag {
background-image: image-url("sale/vip.png");
background-repeat: no-repeat;
background-size: 100% 90%;
color: #fff;
font-style: italic;
margin-right: 5px;
}
.price-sale {
margin-left: 10px;
padding-left: 10px;
width: 36px;
height: 20px;
line-height: 20px;
background: url('../assets/images/furniture/sale-tag-bg.png?1450667948');
color: #fff;
}
}
}
@media screen and (min-width: 1150px) {
.commodity-list ul {
width: 1160px;
}
.commodity-item {
width: 280px;
}
.commodity-img {
height: 374px;
}
.commodity-content {
padding: 14px 0 0 0;
height: 77px;
}
}
}
.sale-list-page {
.sale-title {
margin: 30px 0;
font-size: 12px;
line-height: 26px;
.title {
margin-right: 20px;
font-size: 16px;
}
.discount {
display: inline-block;
margin-right: 10px;
padding: 0 10px;
font-weight: lighter;
line-height: 16px;
vertical-align: text-bottom;
color: #fff;
background: #ff575c;
}
.time {
.iconfont {
margin-right: 5px;
}
}
}
.sort {
padding: 10px;
border: 1px solid #eaeceb;
li {
display: inline-block;
margin-right: 15px;
padding: 0 10px;
font-size: 12px;
line-height: 20px;
color: #444;
&.title {
margin-right: 0;
font-weight: bold;
}
&.active {
color: #666;
border: 1px solid #000;
}
}
}
}