﻿.ccna-purchase{font-size:14px;background-color:#f5f5f5;text-align:left}.ccna-purchase .ccna-purchase-content{width:1200px;margin:0 auto}.ccna-purchase .header{display:flex;flex-direction:column;justify-content:center;width:100%;height:110px}.ccna-purchase .header .search{display:flex;align-items:center;justify-content:center}.ccna-purchase .header .search .purchase-search{padding:12px 15px;width:620px;height:40px;border:1px solid #e2e6fb}.ccna-purchase .header .search .purchase-search:focus{outline:none}.ccna-purchase .header .search>.btn{padding:0 0;width:90px;padding:1px 10px;height:40px;border-top-left-radius:0;border-bottom-left-radius:0;font-size:20px;font-family:HanSans-Medium;cursor:pointer}.ccna-purchase .header .search>.btn .icon{width:16px;height:16px}.ccna-purchase .header .hotwords{text-align:left;margin:10px 0 0 246px;color:#999}.ccna-purchase .header .hotwords .word{cursor:pointer}.ccna-purchase .page-main-container{background-color:#fff;margin:0 auto}.ccna-purchase .page-main-container .content{width:1200px;margin:0 auto;padding:12px 0}.ccna-purchase .page-main-container .content .nav-title{display:flex;padding:12px 0;font-size:20px;font-family:HanSans-Medium;text-align:left;color:#666}.ccna-purchase .page-main-container .content .nav-title .pre-title{padding-top:2px;display:block}.ccna-purchase .page-main-container .content .nav-title .seleted-brand{flex:1}.ccna-purchase .page-main-container .content .v-tag{font-size:14px;color:#000}.ccna-purchase .page-main-container .content .selector{text-align:left}.ccna-purchase .page-main-container .content .selector .selectorLine .sl-wrap{display:flex}.ccna-purchase .page-main-container .content .selector .selectorLine .sl-wrap .sl-key{padding-left:15px;background-color:#f5f5f5;width:150px;line-height:30px}.ccna-purchase .page-main-container .content .selector .selectorLine .sl-wrap .sl-value{flex:1}.ccna-purchase .page-main-container .content .selector .selectorLine .sl-wrap .sl-ext{padding:6px 0}.ccna-purchase .page-main-container .content .selector .selectorLine .sl-wrap .sl-ext span{display:inline-block;margin:0 12px;width:61px;height:20px;border:1px solid #ddd;text-align:center;color:#333}.ccna-purchase .page-main-container .content .selector .selectorLine.brand{border:1px solid #e5e5e5}.ccna-purchase .page-main-container .content .selector .selectorLine.brand .sl-wrap .sl-value{padding:4px 0}.ccna-purchase .page-main-container .content .selector .selectorLine.line{border:1px solid #e5e5e5;border-top:none}.ccna-purchase .page-main-container .content .selector .selectorLine.line .sl-wrap .sl-value{padding:4px 1px}.ccna-purchase .page-main-container .content .goods-list{display:flex;margin-top:10px;flex-wrap:wrap}.ccna-purchase .page-main-container .content .goods-list .goods{margin:0 27px 24px 0;border:1px solid #e5e5e5;border-radius:12px;width:218px;font-size:14px;color:#000}.ccna-purchase .page-main-container .content .goods-list .goods:nth-child(5n+5){margin-right:0}.ccna-purchase .page-main-container .content .goods-list .goods img{border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:220px;cursor:pointer}.ccna-purchase .page-main-container .content .goods-list .goods .company,.ccna-purchase .page-main-container .content .goods-list .goods .line,.ccna-purchase .page-main-container .content .goods-list .goods .name,.ccna-purchase .page-main-container .content .goods-list .goods .price{padding:0 15px 0 8px}.ccna-purchase .page-main-container .content .goods-list .goods .price{color:#ff5a1f}.ccna-purchase .page-main-container .content .goods-list .goods .price>span{margin-left:4px;font-size:20px;font-family:HanSans-Medium}.ccna-purchase .page-main-container .content .goods-list .goods .name{font-size:18px;font-family:HanSans-Medium;color:#000;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;cursor:pointer}.ccna-purchase .page-main-container .content .goods-list .goods .line{padding:4px 15px 4px 8px}.ccna-purchase .page-main-container .content .goods-list .goods .company{padding:10px 15px 10px 8px;border-top:1px solid #e5e5e5;white-space:nowrap;font-family:Avenir,Helvetica,Arial,sans-serif}.ccna-purchase .page-main-container .content .goods-list .goods .company>span{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}.ccna-purchase .page-main-container .content .goods-list .goods .company .icon{width:18px;height:18px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABPElEQVQ4jaXSPUtcQRTG8d/evazRKhAREe3SRLBQUgi+gaXEIiBbWGgjlqKN0S+h2Cpio5VWNtZiFUivMX6BRD/B6q4p7izOXvaKLw8M83Bmzv8c5kypv3oDW1jzeu0sDR6ulvqrN3M4fgOgqcUEX98BgKkUtSjwB1eYxW+co4wknN+jC9/wsRlL0YggZ7K3qeMU6wXVzzEZfD3NHS5jLvgVfA9FSiHWQAUDcVIe8gF9wXfgc0EnLcpD/uEvhsJ+3SanjJFQsC3kCD9kj32AzYLiFxgvgixgOvgljLUBJBiOA3nIp7CgGxMFnbQoD7nDLb4Efxnizek8oDN0UimCHMr+Rg372CgoHv8TqaffCPMYDX5RNqXH6E5dNvqRKCdJ47bQExb0Yqagk1gdCX694OJz+pngBNtvBOxh9z8cFzQxTx2yyAAAAABJRU5ErkJggg==);background-size:100% auto;background-repeat:no-repeat;cursor:pointer}