/* 登录 注册... 小单页 */
.account {width:360px; margin:3rem auto; padding:2rem 2.8rem 2.8rem; background:#fff; border-radius:0.5rem; box-shadow:0 0 5px 5px rgba(0,0,0,0.1);}
h1 {font-size:2.4rem; text-align:center; border-bottom:1px solid #ddd; padding-bottom:2rem;}
.account label {font-size:1.6rem; line-height:2.4rem;}
.account p {font-size:1.2rem; line-height:2.1rem; text-align:center;}
.account p:nth-last-child(2) {margin-top:1.6rem;}
/* 后台页面 */
.account_page {display:flex; margin:3rem 0; padding:0 4%; justify-content:space-between;}
.account_page h2 {font-size:2.4rem; line-height:3rem; padding:1.4rem 1.6rem; margin:0;  border-bottom:1px solid #accf93; text-align:left; text-transform:inherit; display:flex; justify-content:space-between; align-items:center;}
.account_page h2 a {margin:0;}
.account_page aside,.account_page main {background:#fff; border:1px solid #accf93; border-radius:1rem;}
.account_page aside {flex:0 0 24rem; margin-right:3rem; height:100%;}
.account_page main {flex:1 1 auto; padding:0 0 3rem;}
/* 侧边栏 */
aside dl {border-bottom:1px solid #accf93; padding:1rem 0;}
aside dl:nth-last-child(1) {border:none;}
aside dl dt,aside dl dd {padding:0.3rem 1.6rem;}
aside dl dt {font-size:1.8rem; font-family:"Montserrat-Bold"; font-weight:normal;}
aside dl dd.current {border-left:3px solid #5a9634; padding-left:calc(1.6rem - 3px);}
aside dl dd.current a {color:#5a9634;}
/* 右侧内容 */
.main_content {padding:1rem 4% 3rem; width:100%;}
.main_content .title {font-size:2rem; font-family:"Montserrat-Bold"; font-weight:normal; border:none; border-top:1px solid #ddd; margin:3.2rem 0 0; padding:1.6rem 0; display:flex; justify-content:space-between; align-items:center; color:#333;}
.main_content .title a {margin-top:0;}
.tools_r {text-align:right; margin:1.6rem 0;}
.tools_r a {margin-left:1.6rem;}
.btn_open_aside {display:none;}
/* profiles */
.profiles {display:flex; justify-content:left; align-items:center; margin:2rem 0 0;}
.profiles p {margin:1rem 0; align-items:center;}
.profiles p a {margin-top:0;}
.user_face {margin:0 2rem 0 0; flex:0 0 150px; height:150px;}
.user_face img {width:150px; height:150px; border-radius:75px; border:0.5rem solid #999;}
.user_face img.member_silver {border-color:#39c0c3;}
.user_face img.member_gold {border-color:#ffa200;}
.user_face img.member_platinum {border-color:#f14141;}
.user_face img.member_diamond {border-color:#5a9634;}
/* 修改密码 */
.revise_password {width:450px; margin:0 auto;}
.revise_password .user_face {margin:2rem auto; text-align:center;}
.revise_password section {padding:1.6rem 1rem; border-bottom:1px solid #ddd;}
#edit_password {padding:0 1rem; display:none;}
#edit_password label {font-size:1.6rem;}
/* 地址簿 */
ul.address_book {display:flex; flex-wrap:wrap; justify-content:space-between;}
ul.address_book li {width:49%; margin:0 0 1.6rem; padding:1.6rem; border:1px solid #ddd; border-radius:0.5rem; position:relative;}
ul.address_book li p {margin:0 0 1rem;}
ul.address_book li div a {margin:0 0.3rem 0 0;}
ul.address_book li div section {float:left;}
ul.address_book li div section:nth-child(2) {margin:0.5rem 0 0; font-size:1.4rem; float:right;}
ul.address_book li.default {border:2px solid #ffc56f;}
.new_address {width:70%; margin:0 auto;}
.input-inline {display:flex;}
.input-inline section {margin-right:1rem; width:50%;}
.input-inline section.width_l {width:70%;}
.input-inline section.width_s {width:30%;}
.input-inline section:nth-last-child(1) {margin-right:0;}
.addr_type1,.addr_type2,.addr_type3 {position:absolute; top:-1px; right:-1px; padding:0.2rem 1rem; border-radius:0 0.4rem 0 1rem; background:#ffa200; color:#fff; font-size:1.4rem;}
.addr_type2 {background:#39c0c3;}
.addr_type3 {background:#5a9634;}
.addr_dropdown:hover .addr_note {display:block;}
.addr_note {display:none; position:absolute; top:100%; right:0; width:auto; min-width:340px; padding:5px; background:#fbf9e4; border:1px solid #ffc56f; border-radius:5px; color:#a94d2c; font-size:1.2rem; line-height:1.8rem; z-index:1001;}
/* 会员级别 */
.member {padding:0.3rem 0.8rem; border-radius:0.5rem; color:#fff;}
.member_basic {background-image:linear-gradient(150deg, #999 30%, #bcbcbc 45%, #777 60%);}
.member_silver {background-image:linear-gradient(150deg, #39c0c3 30%, #4ac9cc 45%, #30acaf 60%);}
.member_gold {background-image:linear-gradient(150deg, #ffa200 30%, #ffb400 45%, #f69702 60%);}
.member_platinum {background-image:linear-gradient(150deg, #f14141 30%, #f85555 45%, #e22b2b 60%);}
.member_diamond {background-image:linear-gradient(150deg, #236ec2 30%, #2f83e1 45%, #104990 60%);}
/* 代理商 */
.distributor_data {display:flex; justify-content:center; align-items:center; border-top:1px solid #ddd; margin:3.2rem 0 0; padding:1.6rem 0; text-align:center;}
.distributor_data section {padding:2rem 5rem; border-right:1px solid #ddd;}
.distributor_data section:nth-last-child(1) {border:none;}
/* 积分页面 */
.points_top p {margin-top:1.6rem;}
.points_top p a.btn-s {margin-top:0;}
.banner_points {background:#5a9634 url(/images/basic/calcadtf/banner_points.svg) no-repeat right bottom; background-size:40%; color:#fff; padding:5rem 4%;}
.banner_points h3 {font-size:3.6rem; line-height:4.2rem; text-align:left; text-transform:inherit; margin-bottom:2.4rem;}
.banner_points p {margin-right:40%;}
.earn_points li {display:flex; align-items:center; margin:2rem 0;}
.earn_points li:nth-child(-n+2) {align-items:flex-start;}
.earn_points li section:nth-child(1) {display:flex; flex-direction:column; justify-content:center; flex:0 0 12rem; height:12rem; margin-right:2rem; border-radius:60px; background:#5a9634; color:#fff; font-family:"Montserrat-Bold"; font-weight:normal; text-align:center; font-size:2.4rem;}
.earn_points li section:nth-child(1) p {text-transform:uppercase; font-size:1.6rem;}
.earn_points li section:nth-child(1) strong {font-size:3.6rem; margin:1rem 0;}
.earn_points li section:nth-child(1) strong span {font-size:5rem;}
.earn_points li section h3 {font-size:3.6rem; line-height:4.2rem; text-align:left; text-transform:inherit; color:#5a9634; margin:0 0 0.5rem;}
/* 优惠券 */
ul.coupon_list {display:flex; flex-wrap:wrap; justify-content:left;}
ul.coupon_list li {width:31.3%; margin:0 1% 1.6rem; border:1px solid #f14141; border-radius:0.5rem;}
ul.coupon_list li section:nth-child(1) {display:flex; align-items:center; background:#f14141; color:#fff; border-radius:0.3rem 0.3rem 0 0; font-size:4rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:5rem; padding:0.5rem 1.6rem;}
ul.coupon_list li section:nth-child(1) span {font-size:3rem;}
ul.coupon_list li section:nth-child(2) {padding:1.6rem; font-size:1.4rem; line-height:2.1rem;}
ul.coupon_list li section:nth-child(2) p {margin:0 0 0.75rem;}
ul.coupon_list li section:nth-child(2) p:nth-child(1) {color:#f14141; font-family:"Montserrat-Bold"; font-weight:normal;}
ul.coupon_list .btn-outline {float:right; margin:1rem 0 1.6rem; border:1px solid #f14141; color:#f14141;}
ul.coupon_list .btn-outline:hover {background:#fee0e0; color:#f14141;}
	/* 过期 */
	ul.coupon_list li.expired {border:1px solid #bcbcbc; color:#666;}
	ul.coupon_list li.expired section:nth-child(1) {background:#bcbcbc;}
	ul.coupon_list li.expired section:nth-child(2) p:nth-child(1) {color:#666;}
	/* 已使用 */
	ul.coupon_list li.used {border:1px solid #ffa1a1; color:#666;}
	ul.coupon_list li.used section:nth-child(1) {background:#ffa1a1;}
	ul.coupon_list li.used section:nth-child(2) p:nth-child(1) {color:#ffa1a1;}
/* 产品小列表 */
.product_box {display:flex; align-items:center; width:100%; padding:1.6rem 0; border-bottom:1px solid #ddd; font-size:1.4rem; line-height:2.1rem;}
.product_box section:nth-child(1) {flex:0 0 90px; padding:0.5rem 0 0 1rem; align-self:flex-start;}
.product_box section:nth-child(2) {flex:1; padding:0 2rem;}
.product_box section:nth-child(2) p {font-size:1.4rem; line-height:2.1rem; color:#666;}
.product_box section:nth-child(3) {width:125px; flex:0;}
.product_box section:nth-child(3) .btn-s {width:100%; margin:0 0 1rem;}
.product_box h3 {font-size:1.4rem; line-height:2.1rem; font-weight:normal; text-transform:inherit; text-align:left;}
.product_box p {margin-top:0.4rem;}
.product_box p span {color:#333;}
.product_box .btn-primary {margin:0;}
.price,.product_box span.price {color:#bc0000;}
.product_box span.original {font-size:1.4rem; color:#666; text-decoration:line-through;}
/* Q & A */
ul.qa_list li {border-bottom:1px solid #ddd; padding:1rem;}
ul.qa_list li:nth-child(odd) {background:#f5f5f5;}
ul.qa_list li div {display:flex; justify-content:space-between; font-size:1.4rem; line-height:2.1rem; padding:0.5rem 0;}
ul.qa_list li div section:nth-child(1) {flex:0 0 70px; text-align:right;}
ul.qa_list li div section:nth-child(2) {flex:1; padding:0 1.6rem;}
ul.qa_list li div section:nth-child(3) {flex:0 0 90px; text-align:right;}
ul.qa_list li p:nth-child(2) {margin:0.5rem 0 0;}
/* 投诉和建议 */
.form-inline section {display:flex; justify-content:left; margin:1.6rem 0;}
.form-inline section label.form-label {flex:0 0 150px; padding:0 1.6rem 0 0; text-align:right; font-size:1.6rem;}
.form-inline section .form-inline-content {flex:1 1 auto;}
.form-inline section .form-inline-content p {margin:0.5rem 0 0;}
.form-inline .buttons {margin:1.6rem 0 0 150px;}
/* 报修 */
.repair_form {width:80%; margin:0 auto;}
.repair_detail li {border-bottom:1px dashed #ddd; padding:0.8rem 0;}
/* 表格 */
table {background:#fff;}
th,td {padding:8px; border-bottom:1px solid #ddd; text-align:left;}
th {border-bottom:2px solid #333; font-family:"Montserrat-Bold"; font-weight:normal;}
td {background:#fff;}
th.toptit {background:#c60b1c; color:#fff; line-height:24px;}
tr:hover td {background:#f5f5f5;}
table.levels {margin-top:1.6rem;}
table.levels th,table.levels td {text-align:center;}
table.levels th {border:none; background:#333; color:#fff;}
table.levels th.basic {background:#bcbcbc;}
table.levels th.silver {background:#39c0c3;}
table.levels th.gold {background:#ffb400;}
table.levels th.platinum {background:#f14141;}
table.levels th.diamond {background:#236dc2;}
table.levels td.basic {border-bottom:1px solid #bcbcbc;}
table.levels td.silver {border-bottom:1px solid #39c0c3;}
table tr:hover td.silver {background:#eaf7f7;}
table.levels td.gold {border-bottom:1px solid #ffb400;}
tr:hover td.gold {background:#fffaed;}
table.levels td.platinum {border-bottom:1px solid #f14141;}
tr:hover td.platinum {background:#fff2f2;}
table.levels td.diamond {border-bottom:1px solid #236dc2;}
tr:hover td.diamond {background:#e1efff;}
tr.light_gray th {background:#efefef; color:#333;}
/* 消息页面模态 */
summary:hover {color:#5a9634;}
.details-modal {background:#fff; border-radius:0.5rem; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2); width:65%; left:50%; pointer-events:none; position:absolute; top:420px; transform:translate(-50%, -50%); text-align:left; max-height:520px; display:flex; flex-direction:column;}
.details-modal .details-modal-close {position:absolute; right:1.6rem; top:1.6rem; width:1.6rem;}
.details-modal .details-modal-title {padding:0 2rem 1rem; pointer-events:all; position:relative; width:calc(100% - 3.2rem);}
.details-modal .details-modal-title h4 {font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:2.4rem;}
.details-modal .details-modal-title p {font-size:1.4rem; line-height:2.1rem; color:#666; margin:0.5rem 0 0;}
.details-modal .details-modal-content {border-top:1px solid #ccc; padding:2rem 3rem; pointer-events:all; overflow-y:auto;}
.details-modal .details-modal-content p {margin:0 0 1rem;}
.details-modal-overlay {transition:opacity 0.3s ease-out; pointer-events:none; background:rgba(0,0,0,0.8); position:fixed; opacity:0; bottom:0; right:0; left:0; top:0;}
details[open] .details-modal-overlay {pointer-events:all; opacity:0.5;}
/* 订单 询盘 投诉 */
.order_box {border:1px solid #ddd; margin:2rem 0 0;}
.order_title,.order_content {display:flex; justify-content:right;}
.order_box .order_title section.first,.order_box .order_content section.first {flex:1 1 auto;}
.order_title {background:#f5f5f5; border-bottom:1px solid #ddd; padding:0.5rem 0 0.5rem 1rem;}
.order_title section.operation {font-size:1.2rem; color:#666; text-align:center;}
.order_content section.operation {flex:0 0 248px; display:flex; flex-direction:column; justify-content:flex-start; border-left:1px solid #ddd; padding:1rem; font-size:1.4rem;}
.order_content section.operation_returns a {font-size:1.4rem;}
.order_content section.plaintext {padding:1rem;}
.order_box .product_box:nth-last-child(1) {border:none;}
.order_title section.first ul {display:flex; justify-content:left;}
.order_title section.first ul li {display:flex; flex:0 0 20%; flex-direction:column;}
.order_title section.first ul li:nth-child(2) {flex:0 0 23%;}
.order_title section.first ul li:nth-child(3) {flex:0 0 25%;}
.order_title section.first ul li:nth-child(4) {flex:0 0 32%;}
    /* 代理商用户订单 */
    .order_title section.clients_Order ul li:nth-child(n+3) {flex:0 0 18%;}
	.order_title section.commission {flex:0 0 160px; padding:0 1rem; text-align:right;}
.order_title section.order_no {flex:0 0 200px; padding:0 1rem; text-align:right;}
.order_title section.canceled {flex:0 0 260px;}
.inquiries_box .product_box {padding:0.5rem 0;}
.bulkorder_box .product_box {padding:1rem 0;}
.inquiries_box section.operation {flex:0 0 80px; justify-content:center;}
.bulkorder_box section.operation {padding:0 1rem; justify-content:center;}
.complaint_box section.operation {flex:0 0 110px; text-align:center; justify-content:center;}
.complaint_box section.operation a {margin:0;}
#unapprove .dropdown-content {width:300px; left:calc(50% - 150px); box-shadow:none;}
#unapprove .dropdown-content section {background:#fef0f0; color:#900; border:1px solid #f3b7b7; border-radius:5px; padding:1.2rem; text-align:left; font-size:1.4rem; line-height:2.1rem;}
#unapprove .dropdown-content::before {width:16px; height:16px; position:absolute; top:-8px; left:calc(50% - 8px); background:#fef0f0; border:1px solid #f3b7b7; transform:rotate(45deg);}
#unapprove .dropdown-content::after {content:""; width:30px; height:8px; position:absolute; top:1px; left:calc(50% - 15px); background:#fef0f0;}
/* 退换货表单 */
.main_content h4 {font-size:1.6rem; line-height:2.4rem; font-family:"Montserrat-Bold"; font-weight:normal; margin:1.6rem 0 0;}
.main_content article ol,.main_content article p {color:#666;}
.form_returned .lable_box {display:flex; justify-content:space-between; align-items:center; margin:1rem 0 0; padding:1rem; border-radius:0.5rem; border:1px solid #ddd;}
.form_returned .lable_box h3 {font-size:1.4rem; line-height:2.1rem; text-transform:inherit; text-align:left;}
.form_returned .lable_box p {color:#666;}
.form_returned .lable_box section:nth-child(1) {flex:0 0 30px;}
.form_returned .lable_box section:nth-child(2) {flex:0 0 60px;}
.form_returned .lable_box section:nth-child(3) {flex:1 1 auto; padding:0 1rem;}
.form_returned section label.form-label {flex:0 0 280px; margin:0; padding:0 1.6rem 0 0; text-align:right; font-size:1.6rem;}
.form_returned section:nth-child(-n+2) {align-items:center;}
.form_returned .btn-highlight {margin:0;}
.form_returned .form-inline .buttons {margin:1.6rem 0 0 280px;}
.form_returned ul li {display:flex; justify-content:left; margin:0 0 0.5rem;}
.form_returned ul li span {margin:0 0 0 0.5rem;}
/* 退换货详情 */
.return_details_title {display:flex; flex-wrap:wrap; margin:0 0 1rem; padding:0 0 1rem; border-bottom:1px solid #ffc56f;}
.return_details_title li {padding:0 3rem 0 0;}
.returns_photos {display:flex; flex-wrap:wrap; align-items:center;}
.returns_photos a {flex:0 0 20%; padding:1rem;}
/* 进度条 */
.process {width:100%; margin:2.5rem auto 0; position:relative;}
.process div {display:flex; justify-content:space-between; position:relative;}
.process .line {position:absolute; top:0.7rem; left:10%; width:80%;}
.process .line span {display:block; flex:1 1 20%; height:2px; background:#999;}
.process .line span.current {background:#55a83e;}
.process .line span.unapproved {background:#333;}
.process .dot section {flex:0 0 20%; text-align:center; color:#666; font-size:1.4rem; line-height:2.1rem;}
.process .dot section:nth-child(4) {flex:0 0 15%;}
.process .dot section::before {content:""; display:block; margin:0 auto 0.5rem; width:1.6rem; height:1.6rem; border-radius:0.8rem; background:#999;}
.process .dot section.current {color:#39823b;}
.process .dot section.current::before {background:#55a83e;}
.process .dot section.unapproved {color:#333;}
.process .dot section.unapproved::before {background:#333;}
@media (max-width:600px) {
	.account {width:calc(100% - 3rem);}
	.account_page {margin:1.6rem 0; padding:0 2%;}
	.account_page aside {display:none;}
	.account_page main {flex:1; padding:0 0 3rem; width:100%;}
	.product_box {flex-wrap:wrap;}
	.product_box section:nth-child(2) {flex:1; padding:0 1.2rem;}
	.product_box section:nth-child(3) {clear:left; display:flex; flex:1 1 100%; margin-top:1rem; justify-content:right; align-items:center;}
	.product_box section:nth-child(3) .btn-s {width:auto; margin:0 0.5rem}
	.order_box .product_box section:nth-child(1) {flex:0 0 60px;}
	ul.qa_list li div section:nth-child(1) {flex:0 0 60px;}
	ul.qa_list li div section:nth-child(3) {flex:0 0 70px;}
	th,td {padding:5px 3px;}
	.details-modal {width:80%;}
	.profiles {flex-wrap:wrap; justify-content:center;}
	.distributor_data {display:block;}
	.distributor_data section {padding:1rem 0; border:none; border-bottom:1px solid #ddd;}
	ul.address_book li {width:100%; margin:0 0 1rem;}
	.new_address,.repair_form {width:100%;}
	.form-inline section label.form-label {flex:0 0 120px; padding:0 1rem 0 0; font-size:1.4rem;}
	.form-inline .buttons {margin:1.6rem 0 0 120px;}
	#unapprove .dropdown-content {width:200px; top:calc(100% + 2px); left:calc(50% - 150px); box-shadow:none;}
	#unapprove .dropdown-content::before {width:10px; height:10px; top:-5px; left:calc(75% - 5px);}
	#unapprove .dropdown-content::after {height:5px; left:calc(75% - 5px);}
	.revise_password {width:100%;}
	ul.coupon_list li {width:100%; margin:0 0 1.6rem;}
	.complaint_box section.operation {flex:0 0 80px;}
	.bulkorder_box section.operation {flex:0 0 100px;}
	.order_title span.mr_2::after {content:"\a"; white-space:pre;}
	.order_content section.plaintext {padding:1rem 0.5rem;}
	.order_title section.first ul {flex-wrap:wrap; flex-direction:column;}
	.order_title section.first ul li {flex:0 0 100%; flex-direction:row;}
	.order_title section.first ul li span:nth-child(1) {margin:0 0.5rem 0 0;}
	.order_content section.operation {flex:0 0 80px;}
	.order_title section.order_no {flex:0 0 100px;}
	.order_title section.order_no p span {display:block;}
	.order_title section.canceled {flex:0 0 160px;}
	.default_list {flex-direction:column; padding:0 1rem;}
	.default_list section.operation {border:none; border-top:1px solid #ddd; flex-direction:row-reverse; flex:1 1 auto; justify-content:right; padding:1rem 0;}
	.default_list section.operation p {margin:0 0 0 1rem;}
	.default_list section.operation p a {margin:0;}
	.form_returned .form-inline .buttons {margin:0 0 0 120px;}

	.pushbar.opened {display:block;}
	.pushbar_locked {overflow:hidden; -ms-touch-action:none; touch-action:none;}
	.pushbar_locked .pushbar_main_content.pushbar_blur {filter:blur(15px);}
	.pushbar {z-index:1000; position:fixed; will-change:transform; overflow-y:auto; transition:transform 0.5s ease;	will-change:transform; background:#fff;}
	.pushbar_overlay {z-index:-999; position:fixed; width:100%; max-width:100%;	height:100%; min-height:100vh; top:0; left:0; will-change:opacity;	transition:opacity 0.5s ease; opacity:0; will-change:opacity; background:#000;}
	.pushbar_locked .pushbar_overlay {opacity:0.8; z-index:999; transition:opacity 0.5s ease;}
	.pushbar.from_left {top:0; left:0; width:180px; max-width:100%; height:100%; min-height:100vh; padding:1rem 1.5rem; transform:translateZ(0) translateX(-100%); border-radius:0; border:none;}
	.pushbar.opened {transform:translateX(0px) translateY(0px);}
	.close {width:20px;	height:21px; margin:0 0 0 138px; position:relative; display:inline-block; vertical-align:text-bottom; text-align:center; cursor:pointer;}
	.close:before,.close:after {position:absolute; left:10px; content:''; height:21px; width:3px; background-color:#333;}
	.close:before {transform:rotate(45deg);}
	.close:after {transform:rotate(-45deg);}
	.btn_open_aside {width:35%; display:block; border-radius:0 2rem 2rem 0; background:#5a9634 url(/images/basic/calcadtf/menu_arrow_white.png) no-repeat right center; color:#fff; margin:1.5rem auto 0.5rem -3rem; padding:1rem 1rem 1rem 4.6rem; cursor:pointer; text-align:left;}
}
@media (min-width:601px) and (max-width:820px) {
	#unapprove .dropdown-content {width:200px; left:calc(50% - 100px); box-shadow:none;}
	#unapprove .dropdown-content::before {width:14px; height:14px; top:-7px; left:calc(50% - 7px);}
	#unapprove .dropdown-content::after {height:8px;}
	.revise_password {width:100%;}
	ul.coupon_list li {width:48%; margin:0 1% 1.6rem;}
	.order_box .product_box section:nth-child(1) {flex:0 0 60px;}
	.bulkorder_box section.operation {flex:0 0 120px;}
	.bulkorder_box .order_title span.mr_2:nth-child(2):after {content:"\a"; white-space:pre;}
	.order_title section.first ul {flex-wrap:wrap; flex-direction:column;}
	.order_title section.first ul li {flex:0 0 100%; flex-direction:row;}
	.order_title section.first ul li span:nth-child(1) {margin:0 0.5rem 0 0;}
	.order_title section.order_no,.order_content section.operation {flex:0 0 132px;}
	.order_title section.order_no p span {display:block;}
	.default_list {flex-direction:column; padding:0 1rem;}
	.default_list section.operation {border:none; border-top:1px solid #ddd; flex-direction:row-reverse; flex:1 1 auto; justify-content:right; padding:1rem 0;}
	.default_list section.operation p {margin:0 0 0 1rem;}
	.default_list section.operation p a {margin:0;}
	.form_returned section label.form-label {flex:0 0 160px;}
	.form_returned .form-inline .buttons {margin:0 0 0 160px;}

	.pushbar.opened {display:block;}
	.pushbar_locked {overflow:hidden; -ms-touch-action:none; touch-action:none;}
	.pushbar_locked .pushbar_main_content.pushbar_blur {filter:blur(15px);}
	.pushbar {z-index:1000; position:fixed; will-change:transform; overflow-y:auto; transition:transform 0.5s ease;	will-change:transform; background:#fff;}
	.pushbar_overlay {z-index:-999; position:fixed; width:100%; max-width:100%;	height:100%; min-height:100vh; top:0; left:0; will-change:opacity;	transition:opacity 0.5s ease; opacity:0; will-change:opacity; background:#000;}
	.pushbar_locked .pushbar_overlay {opacity:0.8; z-index:999; transition:opacity 0.5s ease;}
	.pushbar.from_left {top:0; left:0; width:220px; max-width:100%; height:100%; min-height:100vh; padding:1rem 1.5rem; transform:translateZ(0) translateX(-100%); border-radius:0; border:none;}
	.pushbar.opened {transform:translateX(0px) translateY(0px);}
	.close {width:20px;	height:21px; margin:0 0 0 178px; position:relative; display:inline-block; vertical-align:text-bottom; text-align:center; cursor:pointer;}
	.close:before,.close:after {position:absolute; left:10px; content:''; height:21px; width:3px; background-color:#333;}
	.close:before {transform:rotate(45deg);}
	.close:after {transform:rotate(-45deg);}
	.btn_open_aside {width:170px; display:block; border-radius:0 2rem 2rem 0; background:#5a9634 url(/images/basic/calcadtf/menu_arrow_white.png) no-repeat 150px center; color:#fff; margin:1.5rem auto 0.5rem -4%; padding:1rem 1rem 1rem 4.6rem; cursor:pointer; text-align:left;}
}
@media (min-width:821px) and (max-width:1024px) {
	.bulkorder_box .order_title span.mr_2:nth-child(2):after {content:"\a"; white-space:pre;}
	.order_content section.operation {flex:0 0 220px;}
	.order_title section.canceled {flex:0 0 230px; margin-left:0;}
	.order_title section.clients_Order ul li {font-size:1.4rem;}
	.order_title section.clients_Order ul li:nth-child(n+3) {flex:0 0 20%;}
	.order_title section.clients_Order ul li:nth-last-child(1) {flex:0 0 15%;}
	.order_title section.commission {flex:0 0 125px;}
}