.norm-title .btn{margin-top: 10px;}
.norm-title .price{font-size: 16px}
.price .sell-price{color: #ff3333;}
.price .sell-price::before{content: "\ffe5";}

.selected-parts li{padding-top: 5px;padding-bottom: 5px;height: 30px;line-height: 30px;}
.selected-parts li .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
.selected-parts li .add,.selected-parts li .num,.selected-parts li .del{height: 30px;line-height: 30px;border: 1px solid #ebebeb;background-color: #f9f9f9;font-size: 12px;display: inline-block;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
.selected-parts li .add,.selected-parts li .del{width: 30px;color: #666666;}
.selected-parts li .num{width: 60px;background-color: #507bbf;color: #fff;border-color: #507bbf;}
.selected-parts li .cancel{font-size: 12px;padding-left: 20px;}

.load-btn{display: block;height: 40px;line-height: 40px;text-align: center;color: #507bbf}

.parts-detail .detail{/*display: none;*/}
.parts-detail.expanded .detail{display: block;}
.parts-detail > .title{height: 35px;line-height: 35px;border-top: 1px solid #eaeaea;font-size: 17px;width: 100%;padding-right: 10px;padding-left: 10px;margin-left: -10px;background-color: #f7f7f7;}
.parts-detail > .title span{margin-left: 10px;font-size: 12px;color: #999;}
.parts-detail.expanded > .title{background-color: #666666;color: #fff;}
.parts-detail.expanded.required::before{color: #fff;}
.parts-detail.expanded .title::after{border-color: #fff;-webkit-transform: rotateZ(-135deg);transform: rotateZ(-135deg);margin-top: 15px;}
.selector .cover::after,.parts-detail > .title::after,.parts-detail .filter .more::after{content: "";float: right;height: 8px;width: 8px;margin-top: 10px;border-bottom: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);margin-left: 5px;}

.parts-detail.required::before{content: "*";color: #ff3333;float: left;height: 36px;line-height: 36px;display: block;}
.parts-detail .filter{line-height: 35px;width: 100%;/*margin-left: -10px;padding-left: 10px;padding-right: 10px;*/background-color: #f9f9f9;overflow: hidden;}
.parts-detail .filter .title{margin-right: 10px;font-size: 16px}

.filter dt{display: block;/*white-space: nowrap;height: 35px;line-height: 35px;overflow: hidden;*/padding-bottom: 2px;overflow: hidden;zoom: 1;}
.filter dt span{/*width: 60px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 16px; padding-left:15px;*/height: 16px;margin: 8px 16px 0 0;padding: 2px 5px;float: left;overflow: hidden;white-space: nowrap;line-height: 16px;cursor: pointer;}
.filter .s-selected{color: #fff;background-color: #0b4f8e;}
.filter dt span:first-child{text-align: left;/*width: 20%;*/}
.filter dd{display: none;}
.filter.expanded dd{display: block;}
.filter .more{margin-left: 5px}
.filter .more::before{content: "\66f4\591a";}
.filter.expanded .more::before{content: "\6536\8d77";}
.filter.expanded .more::after{-webkit-transform: rotateZ(-135deg);transform: rotateZ(-135deg);margin-top: 15px;}
.filter dd span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 30%;margin-left: 5%;float: left;text-align: center;border:1px solid #e5e5e5;-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 10px;background-color: #fff;font-size: 12px}
.filter dd span:nth-child(1),
.filter dd span:nth-child(2),
.filter dd span:nth-child(3){margin-top: 0;}
.filter dd span:nth-child(3n+1){margin-left: 0;}
.filter span[data-brand].on{color: #507BBF;}
.filter .allbrands{width: 100%;margin-left: -10px;padding-left: 10px;padding-right: 10px;border-bottom: 1px solid #e7e7e7;margin-bottom: 5px;}

.filter.search form{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.filter.search form .textbox{display: block;display:block;-webkit-flex: 1;flex: 1;/* for uc */-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;}
.filter .search-btn{display: block;border: none;-webkit-box-sizing:border-box;box-sizing:border-box;height: 35px;line-height: 33px;padding: 0!important;width: 40px;border: 1px solid #e7e7e7;text-align: center;text-indent: -99em;overflow: hidden;background: #fafafa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMGQwMTdmMy0wZTI4LTQ0NDUtOTA3Mi0wOTQzYTkxYTRjZTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzMxQ0NFNDY0RjhDMTFFNTgyMThFRjJCQjg4RjhDQjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzMxQ0NFNDU0RjhDMTFFNTgyMThFRjJCQjg4RjhDQjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyNWQ5MTU4LTVjNGYtOGQ0OC05ZWU2LTJhNDMwOWVlMzJlYSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjU2N2FlYzkxLWZlYmEtMTFlNC1hN2Q1LWM5NjY2NzBhMDhjYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po9sq54AAAJVSURBVHjatJbfS1RBFMfv2mJEQmTRg2IRBBFksVkmZb/BCsOXoPYxCZaICiRQKEQwTAiKIEp2/4AeCorISkTE0tBSNPtFFFGW9KaPBaHWZ2CE0+He8XqvHfgwvy77nXNm5pxNZLNZz2HL4SBUwHoogSkYgw/QD48zmcxvL4QlAsTy4CrUwrI5fuMH3EKwJYrYIbgB67z52SCcRPRN0Ad5alwDT3yETMjuwDW4Dvfgm/pmG4zkcrmtYcT2wAO1/hD2wgY4DuehDo7CWqi25zZri4yHCJa4xBJ2t9IuWk+fBmx0xl6OHbRtau2RS8yEplDMX4DLYQ8LwdM08vBL8e6cn5i5bXKhC1rneTmM4CmaT2Kq3k+sRs3VedGtUfSL8a5Mi1WK8Ud4G0PsPvwU4wNabKMY98YQ8mwmGRJTu7XYapUN4pqMTLEWm3E88iiWFP1pLfY1aCcRrVT0x7TYe5VFIhu3bwnNFjH1XIvJDGFSUFkMvWOwWL3Zf8R0PrwZQ0xmnS/cztda7BdcEnPb4UqEEN6lKRJTza56Nq4uiBFsCFOA4TakZSLGqyOuEqMXTW4bsOdQ4COyEk7YWpdWa2t0qvKr1JUBWWQCXlnyIWVZ6vD4j3kGePgu6BH32duoS/sKm+dM8TxrN6WFOmFShXcYD1OujDEMm6AJPoc4s1E4gwfmX1iVWjNReIbgZte/K2n7wVTjXbDKpqBx+z4HEOlXt7Kc5oVPSFPJEDvvtoTN/C8R3Ee3QzxwE9KhhUi8foI9uryYbPJfxGY9pNkJ36Gd8eG/AgwAzpOYvT98dKEAAAAASUVORK5CYII=) no-repeat 50% 50%; -webkit-background-size: 14px 14px; background-size: 14px 14px;border-left: none;}

.filter:nth-child(2),.parts-detail .filter:nth-child(3){padding-top: 5px;padding-bottom: 5px;}
.filter:nth-child(3){padding-bottom: 10px;overflow: visible;}
.selector{width:100px;z-index: 2;}
.selector > ul{position: absolute;width: 100%;background-color: #fff;top: 100%;padding: 0 5px;-webkit-box-sizing: border-box;box-sizing: border-box;display: none;}
.selector > ul li.on{background-color: #eee;}
.selector.expanded ul{display: block;}
.selector.expanded .cover::after{-webkit-transform: rotateZ(-135deg);-ms-transform: rotateZ(-135deg);-o-transform: rotateZ(-135deg);transform: rotateZ(-135deg);margin-top: 15px}



.norm-pic-list li .title{display: block;height: 17px;}
.norm-pic-list li .title .text{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.plans-list .params p{font-size: 10px;color: #999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 1.5em;line-height: 1.5em}
.btn.add::before{content: "";display: inline-block;height:10px;width: 9px;margin-right: 5px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMGQwMTdmMy0wZTI4LTQ0NDUtOTA3Mi0wOTQzYTkxYTRjZTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ3ODU2MkM0RjkyMTFFNUI4OTA4REEwNEE1NEE0MkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ3ODU2MkI0RjkyMTFFNUI4OTA4REEwNEE1NEE0MkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyNWQ5MTU4LTVjNGYtOGQ0OC05ZWU2LTJhNDMwOWVlMzJlYSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjU2N2FlYzkxLWZlYmEtMTFlNC1hN2Q1LWM5NjY2NzBhMDhjYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrpC06wAAAAySURBVHjaYvz//z8DAQBTwIhPERMDlcCoQUPRIBakdEJseqK9ixhHU/aoQYPFIIAAAwBqsgcmBZ3svwAAAABJRU5ErkJggg==) no-repeat 50% 50%; -webkit-background-size: 9px 10px; background-size: 9px 10px;}
.btn.add::after{content: "\9009\7528";}
.btn.add.del{background-color: #EB6E61;}
.btn.add.del::before{display: none;}
.btn.add.del::after{content: "\53d6\6d88";}
.plans-list{width: 100%;margin-left: -10px;padding-right: 10px;background-color: #fff;border-top:1px solid #e7e7e7}

.profile-form { padding: 10px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-form dt { display: block; height: 46px; padding-left: 29px; line-height: 46px; font-weight: 700; border-top: 1px solid #f0f1f2; }
.profile-form dt:first-child { border-top: 0 none; }
.profile-form .basic { background: url(data:image/png;base64,R0lGODlhHgAgAKIHANXk9sXa8rLO7ujx+rbR77zU8Pf6/f///yH5BAEAAAcALAAAAAAeACAAAAOeeLp8A0WIAka7WJkgew9GJg5eKRGW2JCmSYTqErVmECssbaYqoLeAG+dXssWGxI8w6TH2mJ1gzECAvm4HH1OK1f64WIMXCMMuBsgPz7wCuCvsuHxuNjwChaqAUAhUyiJ2EFAUA4BnelAeKBdpikoMBo80gGOTUQsGM5ceBTA5nB4pjqECNpKlJmKpJgCkqad2D254eYkEfH1+bgOGIQkAOw==) no-repeat 4px 50%; -webkit-background-size: 15px 16px; background-size: 15px 16px; }
.profile-form .contact { background: url(data:image/png;base64,R0lGODlhIAAWAKIEALLO7rrT8Onx+rnT8P///wAAAAAAAAAAACH5BAEAAAQALAAAAAAgABYAAAMzKAHc/jAGFauF6+rNL/lE14GhuJHmCaZs674qKcvmbK9wru/pfde+GW9IzGWIA8GAOEkAADs=) no-repeat 3px 50%; -webkit-background-size: 16px 11px; background-size: 16px 11px; }
.profile-form dt i { font-weight: 400; color: #666; font-size: 13px; }
.profile-form dd { position: relative; min-height: 30px; margin: 0 0 10px 0; padding-left: 80px; font-size: 14px; line-height: 30px; }
.profile-form input[type="text"],.profile-form textarea, .profile-form input[type="tel"], .profile-form input[type="number"], .profile-form input[type="email"] .profile-form dd > select { height: 30px; border: 1px solid #ccc; padding: 0 5px; font-size: 14px; color: #333; }
.profile-form .phone input { text-align: center; padding: 0 7px; }
.profile-form dd > select { margin-right: 5px; height: 30px; padding-left: 5px; border: 1px solid #ccc; }
.profile-form dd > select:last-child { margin-right: 0; }
.profile-form dd > input, .profile-form dd select:only-child { display: block; width: 100%; }
.profile-form dd > select { padding-right: 24px; background: url(data:image/png;base64,R0lGODlhIgAIAIABAMzMzP///yH5BAEAAAEALAAAAAAiAAgAAAIahI8Zy+2eonm0Bomshnh7Jn3ilY3iYZpAahUAOw==) no-repeat 100% 50%; -webkit-background-size: 17px 4px; background-size: 17px 4px; }
.profile-form dd > select.none { color: #999; }
.profile-form label { display: inline-block; min-width: 80px; }
.profile-form dd label:first-child { display: block; position: absolute; left: 0; top: 0; min-width: 0; width: 75px; height: 30px; text-align: right; }
.profile-form label.required:before { content: "*"; color: #f00; }
.profile-form dd input[type="submit"] { width: 100px; height: 30px; margin-top: 10px; line-height: 29px; font-size: 14px; background: #487de3; color: #fff; border: 0 none; -webkit-border-radius: 3px; border-radius: 3px; }
.profile-form dd input.disabled { background: #999; }
.profile-form .selector{display: block;height: 30px;line-height: 30px;width: 100%;border:1px solid #CCC;}
.profile-form .selector .cover::after{margin-top: 8px}
.profile-form .selector.expanded .cover::after{margin-top: 13px}
.profile-form #detail{width: 100%;height: 150px;padding:5px;color: #333;display: block;}

body > footer{margin-top: 0;}

.profile-form .selector > ul{padding: 0;left: -1px;border: 1px solid #ccc;border-top: none;-webkit-box-sizing: content-box;box-sizing: content-box;}
.profile-form .selector ul li{padding:0 5px;}