.diy-wrap {padding:10px 5px 20px;}
.diy-wrap .grid-0 {width:465px;}
.diy-wrap .grid-1 {width:520px; margin-left:0;}
.diy-side {width:445px; border:4px solid #fff;}
.diy-config {border:1px solid #fff;}
.diy-config .d-title {border-bottom:1px solid #cbd8e2; padding-left:15px; color:#000; font:bold 18px/50px "microsoft yahei","\5b8b\4f53",Verdana,Arial; background-color:#fff;}
.diy-config .config-heading {width:443px; height:36px; overflow:hidden; zoom:1; background-color:#3b3f3f;}
.diy-config .config-heading div {height:36px; float:left; overflow:hidden; color:#fff; line-height:36px; font-size:14px; text-align:center;}
.diy-config .config-heading .fore1, .config-list .c-accessory {width:86px;}
.diy-config .config-heading .fore2, .config-list .c-name {width:187px;}
.diy-config .config-heading .fore3, .config-list .c-amount {width:60px;}
.diy-config .config-heading .fore4, .config-list .c-price {width:62px;}
.diy-config .config-heading .fore5, .config-list .c-action {width:48px;}
.diy-config .config-tips {height:27px; padding:9px 0 0 15px; color:#000; background-color:#ffffff;}
.diy-config .star-icon {width:9px; height:9px; overflow:hidden; display:inline; display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:middle; *vertical-align:auto; font-size:0; line-height:0; background:url(i/bg-s-2.png) no-repeat -24px -86px;}
.diy-config .config-list {border-top:1px solid #cbd8e2; /*overflow:hidden;*/ zoom:1;}

.diy-config .config-item {height:68px;border-bottom: 1px solid #c4c4c4;background-color: #fff;}
.btn-wrap>a>em{color:#ffffff !important;}
.diy-config .config-item .c-inner {height:68px; overflow:hidden; zoom:1;}
.diy-config .item-selected {position:relative; background-color:#ffffff;}
.diy-config .config-item b {width:14px; height:21px; margin-top:-10px; display:none; position:absolute; top:50%; right:-14px; background:url(i/bg-s-1.png) no-repeat 0 -86px;}
.diy-config .item-selected b {display:block;}
.diy-config .config-item .star-icon {margin-right:5px; background-position:-34px -86px;}
.config-list .c-accessory, .config-list .c-name, .config-list .c-amount, .config-list .c-price, .config-list .c-action {height:68px; overflow:hidden; float:left;}
.config-list .c-name span {height:54px; padding:7px 5px 0; display:block; overflow:hidden; line-height:18px;}
.config-list .c-amount, .config-list .c-price, .config-list .c-action {line-height:68px; text-align:center;}
.config-list .c-price {color:#c00;}
.config-list .c-action {overflow:hidden; zoom:1;}
.config-list .c-action a {height:16px; margin-top:26px; display:inline-block; line-height:16px;}
.config-list .c-action a, .config-list .c-action a:visited, .config-list .c-action a:hover,
.config-list .c-name a, .config-list .c-name a:visited, .config-list .c-name a:hover {color:#005ea7;}
.config-list .c-accessory {height:53px; padding-top:15px; text-align:center;}

.config-list .c-accessory .btn-wrap {
width: 60px;height: 35px;margin:0auto;display:block;background-color: red;border-radius: 10px;}
.config-list .c-accessory a {height:25px; padding-top:7px; display:block;}
.config-list .c-accessory a, .config-list .c-accessory a:visited, .config-list .c-accessory a:hover {color:#fff; text-decoration:none;}
.config-list .c-amount {padding-top:23px; line-height:22px;}
.config-list .c-amount select {height:22px;}
.diy-config .config-service {border-top:0;}
.config-service .c-title {border-bottom:1px solid #cbd8e2;}
.config-service .c-title, .config-optional .c-title {height:36px; padding:0 15px; overflow:hidden; zoom:1; line-height:36px;}
.config-service .c-title a, .config-optional .c-title a {float:right;}
.config-optional .c-title {color:#666;}
.config-optional .c-title .tip {padding-left:10px; color:#f00; display:none;}
.config-service .c-title a, .config-service .c-title a:visited, .config-service .c-title a:hover {color:#005ea7;}
.config-service .service-list {border-top:1px solid #cbd8e2; border-bottom:1px solid #cbd8e2; padding:18px 0 8px 15px; overflow:hidden; zoom:1; background-color:#fff;}
.config-service .c-accessory .btn-wrap {background-position:0 -43px;}
.config-optional a.more {width:23px; height:22px; margin-top:7px; overflow:hidden; line-height:100px; background:url(i/bg-s-2.png) no-repeat 0 -86px;}
.config-optional a.more-expanded {background-position:0 -109px;}
.diy-config .config-extra {padding:10px 15px; clear:both; overflow:hidden; zoom:1; background-color:#3b3f3f; color:#999;}
.diy-config .config-button {overflow:hidden; zoom:1;}
.diy-config .config-button a {margin-left:10px; float:right;}
#game-score {height:30px; margin-top:3px;}
#add-cart {width:137px; height:38px; overflow:hidden; line-height:100px; background:url(i/bg-s-2.png) no-repeat -71px 0;}
.config-total {padding:20px 0; overflow:hidden; zoom:1;}
.config-total .total-summary {width:190px; float:left; line-height:22px;}
.config-total .total-summary select {height:22px;}
.config-total .total {float:right; line-height:22px;}
.config-total .total .total-price {color:#fff; font-size:22px;}
.diy-config .config-action {padding:18px 0 0; text-align:right;}
.diy-config .config-action a {margin-left:10px;}
.diy-config .config-action a, .diy-config .config-action a:visited, .diy-config .config-action a:hover {color:#999;}


.select-title {height:45px;padding-left:15px; font:bold 18px/45px "microsoft yahei","\5b8b\4f53",Verdana,Arial;}
#select {}
#select .s-item {border-top:1px dashed #999; padding:10px 0; overflow:hidden; zoom:1;}
#select .s-fore {border-top:0;}
#select .s-label {width:80px; height:24px; float:left; color:#999; line-height:24px; font-weight:700; text-align:right;}
#select .s-list {width:430px; padding-bottom:2px; float:left; overflow:hidden; zoom:1;}
#select .s-list a, #select .s-list span {height:16px; margin:2px 16px 0 0; padding:2px 5px; float:left; overflow:hidden; white-space:nowrap; line-height:16px; cursor:pointer;}
#select .s-list .s-selected {color:#fff; background-color:#3b3f3f;}

.slist {width:518px; border:1px solid #dedede; border-top:3px solid #3b3f3f;}
.slist .mt {height:44px; overflow:hidden; zoom:1;;}
.slist .sort {padding:9px 0; float:left; overflow:hidden; zoom:1;}
.slist .sort .title {width:60px; float:left; color:#666; line-height:26px; text-align:right;}
.slist .sort a {height:24px; margin-right:5px; border:1px solid #cecbce; padding:0 6px; float:left; background-color:#f7f6f6;}
.slist .sort span {float:left; margin-right:4px; line-height:24px;}
.slist .sort s {width:9px; height:12px; float:left; margin-top:6px; overflow:hidden; font-size:0; line-height:0; background:url(i/bg-s-2.png) no-repeat -44px -86px;}
.slist .sort span, .slist .sort s {cursor:pointer;}
.slist .sort a:hover {text-decoration:none;}
.slist .sort a.selected {border-color:#084277; background-color:#3b3f3f;}
.slist .sort a.selected s {background-position:-54px -86px;}
.slist .sort a.selected, .slist .sort a.selected:visited, .slist .sort a.hover {color:#fff;}
.slist .sort a.sort-up s {background-position:-64px -86px;}
.slist .mt .s-form {margin-top:9px; padding-right:15px; float:right;}
.slist .s-form input {float:left;}
.slist .s-form .s-textbox {width:150px; height:16px; border:1px solid #cecbce; padding:4px; line-height:16px; background-color:#fff;}
.slist .s-form .s-btn {width:42px; height:26px; border:1px solid #cecbce; border-left:0; line-height:24px; cursor:pointer; background-color:#f4f4f4;}

#list {}
#list .item {border-top:1px solid #dedede; padding:8px 10px 8px 13px; overflow:hidden; zoom:1; background-color:#ffffff;}
#list .item-selected {background-color:#f5f9ff;}
#list .p-img, #list .p-name, #list .p-price, #list .p-action {height:56px; float:left; overflow:hidden;}
#list .p-img {width:56px; height:56px; margin-right:10px; padding:0;}
#list .p-img img {width:56px; height:56px;}
#list .p-name {width:280px;}
#list .p-name span {height:40px; margin-top:16px; display:block; overflow:hidden;}
#list .p-name a, #list .p-name a:visited, #list .p-name a:hover {color:#000000;}
#list .p-price, #list .p-action {width:90px; text-align:center;}
#list .p-price {color:#fff; line-height:72px;}
#list .p-action {width:50px;}
#list .p-action a {height:25px; margin-top:20px; display:inline-block; float:none;}
#list .p-action .btn {background-position:100% -85px;}
#list .p-action .btn-text {height:25px; line-height:25px; background-position:0 -60px;}
#list .p-action .btn-disabled, #list .p-action .btn-disabled .btn-text {cursor:default;}
#list .p-action .btn-disabled {background-position:100% -255px;}
#list .p-action .btn-disabled .btn-text {color:#ccc; background-position:0 -230px;}

.list-pagination {padding:10px 0 0; overflow:hidden; zoom:1;}
.list-pagination a, .list-pagination span {background-color:#fff;}
.list-pagination a.current, .list-pagination span.text {background:none;}

.diy-loading {padding:20px 0;}

#trash_dialog .thickcon {padding:30px 0;}
#trash_dialog .dialog-message {text-align:center;}
#trash_dialog .dialog-buttons {padding:20px 0 0 86px; overflow:hidden; zoom:1;}


#save_dialog {}
#save_dialog .save-form {width:540px;}
#save_dialog .save-item {padding:10px 0 10px 50px; overflow:hidden; zoom:1;}
#save_dialog .save-item .label {width:70px; height:26px; color:#666; line-height:26px;}
#save_dialog .save-item .field {float:left; overflow:hidden; zoom:1;}
#save_dialog .save-item .save-config-name {width:332px; height:18px; padding:3px; float:left;}
#save_dialog .save-item .save-detail {width:338px; height:104px; float:left; resize:none; overflow:auto;}
#save_dialog .save-item .textbox, #save_dialog .save-item .save-detail {border:1px solid #ddd; border-top-color:#aaa; border-left-color:#aaa;}
#save_dialog .save-config-type {position:relative; margin-left:-6px;}
#save_dialog .save-config-type label {height:26px; line-height:26px;}
#save_dialog .save-config-type .hookbox {margin:6px 5px 0 8px; *margin:2px 2px 0 5px;}
@-moz-document url-prefix() {
   #save_dialog .save-config-type .hookbox {margin-top:6px 5px 0 8px;}
}
#save_dialog .save-action {padding-left:120px;}
#save_dialog a#save-config-ok {background-position:100% -200px;}
#save_dialog a#save-config-ok .btn-text {background-position:0 -170px;}