.part-note-msg { display: inline-block; line-height: 15px; font-size: 14px; color: #81838e; width: 35px; float: left }
.base-txt { margin-left: 40px; font-size: 14px; color: #252525; line-height: 15px }
.red-color { background-color: #f23030 }
.yellow-color { background-color: #ffb03f }
.pro-color { margin:10px 0px; }
.pro-color p, .pro-size p, .pro-spec p { margin-left: 40px; overflow: hidden ; }
.pro-buy-style { font-size: 0; position: relative }
.pro-buy-style p { margin-left: 34px }
.pro-buy-style p a, .pro-color p a, .pro-size p a, .pro-spec p a { height: 30px; border: 1px solid #ccc; border-radius: 4px; line-height: 30px; font-size: 14px; color: #232326; float: left; margin-right: 10px; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 69px; max-width: 98%; box-sizing: border-box; text-align: center }
.pro-buy-style p a.selected, .pro-color p a.selected, .pro-size p a.selected, .pro-spec p a.selected { border: 1px solid #ff0000; color: #ff0000 }
.pro-buy-style p a.no-goods, .pro-color p a.no-goods, .pro-size p a.no-goods, .pro-spec p a.no-goods { border: 1px dashed #bfbfbf; color: #232326 }
.flick-menu-mask { width: 100%; height: 120%; min-height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 200; display: none; }
.flick-menu-title { text-align: center; font-size: 15px; color: #848689; height: 45px; line-height: 45px; position: absolute; top: 0; left: 0; width: 100% }
.flick-menu-btn { width: 100%; font-size: 0; position: absolute; bottom: 0; left: 0; }

.pro-count p { position:relative;}
.pro-count img { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px;}
.inputBorder { float:left; border:#ccc solid 1px; text-align:center; width:20%; height:30px; line-height:30px; }
.jian { float:left; border:#ccc solid 1px; width:30px; height:30px; border-right:0 }
.jia { float:left; border:#ccc solid 1px; width:30px; height:30px; border-left:0}

.spec-menu-content { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 70%; background-color: #fff; border-top: 1px solid #dadada; z-index: 250; display: none; }
.spec-menu-show { -webkit-animation: spec-menu-move .5s 1 ease 0s; -moz-animation: spec-menu-move .5s 1 ease 0s; -ms-animation: spec-menu-move .5s 1 ease 0s; -o-animation: spec-menu-move .5s 1 ease 0s; animation: spec-menu-move .5s 1 ease 0s }
@media screen and (orientation:portrait) {
.spec-menu-content { height: 60% }
@ -webkit-keyframes spec-menu-move {
 0% {
height: 0
}
 100% {
 height: 60%
}
}
 @keyframes spec-menu-move { 0% {
 height: 0
}
 100% {
 height: 60%
}
}
 @-webkit-keyframes spec-menu-back { 0% {
 height: 60%
}
 100% {
 height: 0
}
}
 @-moz-keyframes spec-menu-back { 0% {
 height: 60%
}
 100% {
 height: 0
}
}
.spec-desc { margin:10px 0px;}
.spec { float: left; width: 100%; }
.spec-first-pic { position: absolute; left: 8px; top: -26px; width: 100px; height: 100px;  border: 1px solid #ccc; overflow: hidden;  }
.spec-first-pic img { width: 100px; height: 100px; }
.spec-menu-top { width: 100%; height: 84px }
.spec-price { font-size: 20px; line-height: 15px; color: #ff0000; padding-top: 20px; padding-left: 130px; font-weight:bold}
.spec-weight { font-size: 14px; line-height: 11px; color: #888; padding-top: 10px; padding-left: 130px }
.spec-menu-middle { position: absolute; bottom: 43px; top: 85px; left: 0; right: 0; padding-left: 10px; overflow: auto }
.spec-menu-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.spec-menu-btn a { display: block; height: 43px; width: 1%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 15px; line-height: 43px; color: #fff; text-align: center; }
.spec-menu-btn a.cart-black-font { color: #333 }
.flick-menu-close { display: block; background-size: 100px 100px; background-position: -28px -17px; width: 24px; height: 24px; position: absolute; right: 10px; top: 16px }