.popup {background-color:rgba(0,0,0,.54); -webkit-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s; transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s; -o-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s; -moz-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s; will-change:opacity,transform;}
.popup_container {text-align:left; font-size:1.6rem;  line-height:2.4rem;  background-color:#fff;  padding:1.6rem 3.2rem 4.8rem;  margin:3rem auto;  box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px; -webkit-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px; -moz-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px; border-radius:1rem; transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8); -webkit-transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s; transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s; transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s; will-change:transform,opacity;}
.popup_container p {margin:1.6rem 0 0;}
.popup_close {position:absolute;  top:15px;  right:15px;  width:18px;  height:18px;  cursor:pointer;  padding-top:8px;}
.popup_close span {display:block; width:100%; height:1px; background-color:#333;}
.popup_close span:first-of-type {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.popup_close span:last-of-type {-webkit-transform:rotate(-45deg) translateY(-1px); -moz-transform:rotate(-45deg) translateY(-1px); -ms-transform:rotate(-45deg) translateY(-1px); -o-transform:rotate(-45deg) translateY(-1px); transform:rotate(-45deg) translateY(-1px);}
@media (max-width:767px) {
	.popup_container{width:80%; margin:10px auto; padding:20px 18px}.popup_close{top:10px; right:10px};
	.popup {padding:20px 0;}
}
.popup.opened .popup_container {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.popup {position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; visibility:hidden; z-index:1050; overflow:auto; outline:0; text-align:center; font-size:0; transform:translate3d(0,0,0);}
.popup:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%;}
.popup_container {display:inline-block; vertical-align:middle; position:relative}
.popup_title {font-size:1.8rem; border-bottom:1px solid #ddd; padding:1.6rem;}
.popup.opened {opacity:1; visibility:visible;}
body.popup-opened {position:fixed; top:0; left:0; right:0; overflow:hidden;}

/* 商务中心 - 订单详情 */
.order_info {padding:0;}
.order_info .popup_content {padding:2rem 2rem 5rem; font-size:1.4rem; line-height:2.1rem;}
.order_info .popup_content p {margin:0 0 0.5rem;}
.order_info .details {display:flex; justify-content:space-between;}
.order_info .details section {margin:0 1.6rem;}
.order_info .products {width:800px;}
.order_info .products th:nth-child(1) {width:10%;}
.order_info .products th:nth-child(2) {width:40%;}
.order_info .products th:nth-child(3) {width:22%;}
.order_info .products th:nth-child(4) {width:10%;}
.order_info .products td:nth-child(4) {text-align:center;}
.order_info .products img {width:60px; height:60px;}
.order_info div.products {display:none;}
.bill {padding:1.6rem; border-bottom:1px solid #ddd;}
.bill section {display:flex; justify-content:flex-end;}
.bill section div {text-align:right; padding:0 0 0 1rem;}
.bill section div:nth-child(2) {flex:0 0 128px;}

/* 产品详情页 - 加入购物车 */
.addcart {width:66rem; padding:2rem 0 0; border-radius:1rem;}
.twobtns {display:flex; flex-direction:column; width:45%; margin:0 auto;}
#product_list_scroll_gray {width:100%; background:#efefef; border-top:1px solid #ddd; border-radius:0 0 1rem 1rem; margin:2rem 0 0; padding:1rem 2rem 2rem;}
#product_list_scroll_gray .title {text-transform:uppercase; margin:0 0 0.8rem;}
#product_list_scroll_gray .product_content {width:100%; height:100%; line-height:2.1rem; padding:0; background:none; border-radius:0;}
#product_list_scroll_gray .product_content:hover {box-shadow:none;}
#product_list_scroll_gray .product_content h3 {font-size:1.4rem; line-height:2.1rem; margin:0.5rem 0;}
#product_list_scroll_gray .price span {font-size:2rem;}
#product_list_scroll_gray .price span.original {font-size:1.4rem;}
/* 产品详情页 - 快速链接 */
.view_box {width:100%; padding:2rem; background:#fff;}
.view_box .popup_content {padding:2rem 2rem 5rem; font-size:1.4rem; line-height:2.1rem;}
.view_box p {margin:0;}
.view_box p.mt_1 {margin-top:1.6rem}
.view_box article {display: flex; align-items:flex-start; margin:0 0 2rem; padding: 0 0 2rem; border-bottom: 1px solid #ddd;}
.view_box article section:nth-child(1) {flex:0 0 12rem; margin:0 1.6rem 0 0; text-align: center;}
.view_box .form-inline section {display:flex; margin:1rem 0; align-items: center;}
.view_box .form-inline section.with_textarea {align-items:flex-start;}
.view_box .form-inline label.form-label {flex:0 0 20rem; margin:0; padding:0 1rem 0 0; text-align:right; font-size:1.6rem;}
.view_box .form-inline .form-inline-content {flex:1 1 auto; margin:0;}
.view_box .form-inline .form-inline-content p {margin:0;}
.view_box .sku {font-size: 1.6rem; line-height: 2.4rem;}
.view_box .form-inline .buttons {margin:1.6rem 0 0 150px;}

@media (max-width:600px) {
	.order_info .details {flex-direction:column;}
	.order_info .details section {margin:0 1.6rem 1rem;}
	table.products {display:none;}
	.order_info div.products {display:block; width:100%; border-bottom:1px solid #ddd;}
	.order_info div.products .product_box {border:none; border-top:1px solid #ddd;}
	.order_info div.products .product_box section:nth-child(1) {padding:0;}
	.order_info div.products .product_box section:nth-child(2) {padding:0 1rem;}
	.order_info div.products .product_box p {margin:0.5rem 0 0;}
	.order_info div.products .product_box p span {display:inline;}
	.bill section div:nth-child(2) {flex:0 0 108px;}
	.addcart,.view_box {width:92%;}
	.twobtns {width:60%;}
	.view_box .form-inline label.form-label {flex:0 0 14rem;}
}
@media (min-width:601px) and (max-width:820px) {
	.order_info table.products {width:660px;}
	.order_info div.products {display:none;}
	.bill section div:nth-child(2) {flex:0 0 118px;}
}