.order-inner {float: none; position: relative; display: inline-block; width: 902px;}
.order-header { padding-bottom: 10px; padding-top: 68px; clear: both; float: left; position: relative; width: 100%;}
.order-title {font-style: normal; font-weight: normal; margin-bottom: 10px; text-align: left; clear: both; float: left; position: relative; border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; color: #8b9094; height: 40px; line-height: 40px; font-size: 20px; width: 100%;}
.order-keyword {padding-right: 15px; padding-left: 15px; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 13px; height: 40px; float: left; position: relative; width: 160px;}
.order-search-btn {color: white; background-color: #bbaa98; font-size: 13px; height: 40px; float: left; position: relative; width: 60px;}

.data-update-btn {color: white; background-color: #2ade73; font-size: 13px; height: 40px; position: relative; float: right; width: 100px;}





.order-content {min-height: 68px; clear: both; float: left; position: relative; width: 100%;}
.order-list {margin-bottom: 20px; border-color: #e6e6e6; border-style: solid; border-width: 1px; float: left; position: relative; width: 100%;}
.order-list ul { clear: none; float: left; position: relative; width: 300px;}
.ti {margin-bottom: 10px;}
.hi {padding-left: 10px;}

.order-list ul li { width: 100%; height: auto; float: left; position: relative;}


.order-list ul li b {  color: #8b9094; font-weight: bold; font-size: 13px; clear: right; float: left; position: relative;}

.order-list ul .header { padding-bottom: 5px; padding-top: 5px; background-color: #e6e6e6;}

.order-list ul .value { margin-bottom: 5px; padding-bottom: 5px; height: 100%; background-color: white;}
.order-list ul .value b {line-height: 68px;}
.order-list ul .value .item-img {margin-left: 10px; border-color: #e6e6e6; border-width: 1px; border-style: solid; margin-right: 10px; float: left; position: relative; height: 68px; width: 68px;}
.order-list ul .value .item-img img { max-height: 100%; max-width: 100%; float: left; position: relative;}
.order-list ul .value .item-content { float: right; position: relative; height: 34px; width: 210px;}
.order-list ul .value .item-content p { line-height: 16px; width: 100%; text-align: left; color: #212121; font-size: 13px; float: left; position: relative;}
.order-list ul .value .child {width: 210px; text-align: left; color: #212121; font-size: 13px; clear: right; float: right; position: relative;}
.order-list ul .value .child label {padding-right: 5px; color: #8b9094;}


.b25 { text-align: center; width: 25%;}
.b40 {border-left-color: #e6e6e6; border-left-width: 1px; border-left-style: solid; text-align: center; width: 40%;}
.b50 {text-align: center; width: 50%;}
.b60 {border-left-width: 1px; border-left-color: #e6e6e6; border-left-style: solid; text-align: center; width: 60%;}
.b100 { margin-bottom: 5px; margin-top: 5px; border-color: white; clear: both; float: left; position: relative; height: 68px; text-align: center; width: 100%;}

.action-btn {float: none; position: relative; display: inline-block; color: #d95c00;}
.aline {color: #d95c00; width: 16px; float: none; position: relative; display: inline-block;}


.pay-status { right: 0px; bottom: 5px; top: 33px; margin: 0px; font-size: 13px; border-left-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; float: right; position: absolute; width: 60%;}
.processing-status { margin-bottom: 5px; margin-top: 5px; border-left-color: #e6e6e6; border-left-width: 1px; border-left-style: solid; font-size: 13px; float: left; position: relative; width: 40%;}
.pay-status p, .processing-status p {margin-top: 5px; margin-bottom: 5px; color: #212121; font-size: 13px; clear: both; float: left; position: relative; text-align: center; width: 100%;}

.flex {
	display : -webkit-flex;
	display: flex;

   	-webkit-align-items: center;
   	align-items: center;

   	-webkit-justify-content: center;
    justify-content: center;

    -webkit-flex-direction: column;
    flex-direction: column;
}



/* pay-notic */

.pay-notic-btn {margin-top: 5px; width: auto; color: white; padding-right: 15px; padding-left: 15px; text-align: center; float: none; position: relative; display: inline-block; background-color: #bbaa98; line-height: 30px; font-size: 13px; height: 30px; border-radius: 2px;}
.pay-yes-icon { display: inline-block; width: auto; color: white; padding-right: 15px; padding-left: 15px; text-align: center; float: none; position: relative; background-color: #2ade73; line-height: 30px; font-size: 13px; height: 30px; border-radius: 2px;}

.pay-notic {display: none; padding-left: 8px; padding-right: 8px; padding-top: 30px; margin-top: -234px; height: 468px; text-align: left; border-color: #8b9094; border-style: solid; border-width: 1px; z-index: 9; background-color: white; margin-left: -160px; left: 50%; top: 50%; position: fixed; width: 320px; border-radius: 8px;}
.pay-notic h2 {margin-bottom: 5px; text-align: left; clear: both; position: relative; float: left; width: 100%; color: #bbaa98; line-height: 23px; font-size: 20px;}
.pay-notic h3 {margin-bottom: 2px; text-align: left; clear: both; float: left; position: relative; width: 100%; color: #8b9094; font-size: 15px;}
.pay-notic .pay-number {margin-bottom: 10px; padding-right: 10px; padding-left: 10px; clear: both; float: left; position: relative; background-color: #bbaa98; width: 100%;}
.pay-notic .pay-number label {height: 32px; line-height: 32px; padding-right: 8px; width: auto; font-size: 13px; color: white; float: left; position: relative;}
.pay-notic .pay-number span {float: right; text-align: left; height: 32px; line-height: 32px; position: relative; font-size: 18px; color: white; width: auto;}
.pay-notic ul { border-right-color: #8b9094; border-top-color: #8b9094; border-left-style: none; border-right-style: solid; border-top-style: solid; border-right-width: 1px; border-top-width: 1px; clear: both; float: left; position: relative; width: 100%;}
.pay-notic ul .header { border-left-color: #8b9094; border-left-style: solid; border-left-width: 1px; padding-left: 7px; border-right-color: #8b9094; border-right-style: solid; border-right-width: 1px; border-bottom-color: #8b9094; border-bottom-style: solid; border-bottom-width: 1px; color: #212121; text-align: left; background-color: #f0f0f0; float: left; position: relative; height: 32px; line-height: 32px; font-size: 13px; width: 35%;}
.pay-notic ul .value { border-bottom-style: solid; border-bottom-color: #8b9094; border-bottom-width: 1px; background-color: white; float: left; position: relative; height: 32px; width: 65%; }

.pay-notic ul .header15 { border-right-color: #8b9094; border-left-color: #8b9094; border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; padding-left: 7px; color: #212121; text-align: left; background-color: #f0f0f0; float: left; position: relative; height: 32px; line-height: 32px; font-size: 13px; width: 15%;}
.pay-notic ul .value35 { background-color: white; float: left; position: relative; height: 32px; width: 35%; }


.pay-notic ul .fullheader { border-left-color: #8b9094; border-left-style: solid; border-left-width: 1px; line-height: 32px; padding-left: 7px; text-align: left; background-color: #f0f0f0; font-size: 13px; border-bottom-color: #8b9094; border-bottom-style: solid; border-bottom-width: 1px; height: 32px; float: left; position: relative; width: 100%; }
.pay-notic ul .fullvalue { border-left-color: #8b9094; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-color: #8b9094; border-bottom-width: 1px; height: auto; float: left; position: relative; width: 100%; }

.ptxt { margin: 0px; float: left; position: relative; padding-left: 10px; padding-right: 10px; height: 31px; font-size: 13px; width: 100%;}
.ptxtarea { padding: 10px; font-size: 13px; width: 100%; float: left; position: relative; height: 88px; outline: none; resize: none; border-radius: 2px;}
.calendar-icon {
	z-index: 2; right: 5px; float: right; position: absolute; top: 50%; margin-top: -10px;
	border-color: #8b9094; border-style: solid; border-width: 1px;
	background-color: white; height: 20px; width: auto; cursor: pointer;
	font-size: 12px; line-height: 20px;
	padding-left: 5px; padding-right: 5px;
	color: #8b9094; cursor: pointer;
}
.pay-notic-send {margin-top: 10px; text-align: center; font-size: 13px; color: white; background-color: #2ade73; height: 32px; float: right; position: relative; width: 100%; border-radius: 2px;}
.pay-notic-mark {clear: both; float: left; position: relative; text-align: center; padding-top: 10px; width: 100%; color: #8b9094; line-height: 20px; font-size: 13px;}



.pay-close { background-color: #bbaa98; right: 5px; top: 5px; float: left; position: absolute; height: 24px; width: 24px; cursor: pointer; border-radius: 30px;}
.pay-close span {background-color: white; float: left; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px; height: 2px; width: 12px;}
.pay-close .l-line {
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.pay-close .r-line {
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.back-btn { left: 8px; background-color: #bbaa98; top: 12px; float: left; position: absolute; height: 24px; width: 24px; cursor: pointer; border-radius: 30px;}
.back-btn .line {float: left; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px; height: 2px; width: 12px; background-color: white;}
.back-btn .arrow {
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 2px;
	left: 5px; margin-top: -4px; top: 50%; float: left; position: absolute; border-top-color: white; border-top-style: solid; border-top-width: 2px; height: 8px; width: 8px;
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}




.notic-error {font-size: 16px; text-align: center; color: #8b9094; background-color: white; z-index: 999; right: 5px; left: 5px; bottom: 5px; top: 5px; position: absolute; cursor: pointer;}
.notic-none {display: none;}

.order-footer {min-height: 68px; clear: both; float: left; position: relative; width: 100%;}

/* return-frame */

.return-frame { display: none; padding-left: 8px; padding-right: 8px; padding-top: 30px; margin-top: -234px; height: 468px; text-align: left; border-color: #8b9094; border-style: solid; border-width: 1px; z-index: 9; background-color: white; margin-left: -160px; left: 50%; top: 50%; position: fixed; width: 320px; border-radius: 8px;}
.step, .item, .return-control, .qa {clear: both; float: left; position: relative; width: 100%;}

.frame-title { color: #212121; text-align: left; font-size: 15px; float: left; position: relative; width: auto;}
.ordernumber {float: right; position: relative;}
.step {padding-bottom: 15px;}
.step-child {float: left; position: relative; width: calc(100% / 3);}
.step-child .active {background-color: #9f3224; color: white;}
.step-dot { font-weight: bold; font-family: sans-serif; line-height: 24px; font-size: 13px; text-align: center; color: white; z-index: 2; left: 50%; margin-left: -12px; border-color: #b3b3b3; border-style: solid; border-width: 2px; background-color: #b3b3b3; position: relative; float: left; display: inline-block; height: 24px; width: 24px; border-radius: 20px;}
.step-name { margin-top: 5px; color: #212121; font-size: 13px; text-align: center; float: left; position: relative; width: 100%;}
.step-line {left: 50%; margin-left: -100px; z-index: 1; top: 8px; background-color: #b3b3b3; height: 8px; width: 200px; float: left; position: absolute;}
.step-value {left: 0px; top: 50%; margin-top: -2px; height: 4px; background-color: #9f3224; width: 25%; float: left; position: absolute;}

.order-no {padding-right: 10px; border-right-color: #e6e6e6; border-left-color: #e6e6e6; border-top-color: #e6e6e6; border-right-width: 1px; border-right-style: solid; border-left-style: solid; border-top-style: solid; border-left-width: 1px; border-top-width: 1px; padding-left: 10px; text-align: left; height: 30px; line-height: 30px; color: #212121; background-color: #f0f0f0; font-size: 15px; clear: both; float: left; position: relative; width: 100%;}

.return-control {margin-bottom: 8px; text-align: center;}
.btn {text-align: center; position: relative; border-color: #c5c5c5; border-style: solid; border-width: 3px; color: #212121; background-color: #ebebeb; font-size: 15px; height: 48px;}


.return-control .btn {width: calc((100% - 8px) / 2);}
.left {float: left;}
.right {float: right;}

.item .order-list {margin-bottom: 10px;}

.qa-content {padding-right: 10px; padding-left: 10px; border-width: 1px; border-style: solid; border-color: #e6e6e6; padding-bottom: 5px; padding-top: 5px; margin-top: 2px; height: 150px; clear: both; float: left; position: relative; width: 100%; overflow-x: hidden; overflow-y: auto;}
.qa-content p {clear: both; float: left; position: relative; text-align: left; color: #212121; line-height: 18px; font-size: 13px; width: 100%;}


.agree-frame {padding-top: 10px; display: none; float: left; background-color: white; z-index: 99; right: 0px; left: 0px; bottom: 0px; top: 0px; position: absolute;}
.agree-frame .title {line-height: 36px; text-align: center; clear: both; float: left; position: relative; height: 36px; color: #bbaa98; font-size: 18px; width: 100%;}

.agree-frame .top {width: calc(100% - 20px);}
.agree-frame .top {margin-bottom: 10px; text-align: justify; color: #56addb; line-height: 18px; font-size: 13px; padding: 10px; margin-right: 10px; margin-left: 10px; border-color: #2ade73; border-style: solid; border-width: 1px; clear: both; float: left; position: relative; height: 180px; overflow-x: hidden; overflow-y: auto;}
.agree-frame .middle { margin-right: 10px; margin-left: 10px; text-align: justify; color: #212121; line-height: 18px; font-size: 13px; padding: 10px; clear: both; float: left; position: relative; height: 150px; overflow-x: hidden; overflow-y: auto;}
.buttom {border-top-color: #cccccc; border-top-style: solid; border-top-width: 1px; height: 60px; right: 0px; left: 0px; bottom: 0px; background-color: #ebebeb; width: 100%; clear: both; float: left; position: absolute;}


.agree-btn {top: 50%; margin-top: -18px; margin-left: -120px; left: 50%; border-style: none; width: 240px; color: white; float: left; text-align: center; position: absolute; background-color: #2ade73; font-size: 15px; height: 36px; border-radius: 2px;}



.send-frame { display: none; float: left; background-color: white; z-index: 99; right: 0px; left: 0px; bottom: 0px; top: 88px; position: absolute;}

.tag {padding-right: 10px; padding-left: 10px; right: 0px; left: 0px; bottom: 0px; top: 0px; float: left; position: absolute; width: 100%; display: none;}
.tag .title {line-height: 48px; text-align: center; clear: both; float: left; position: relative; height: 48px; color: #bbaa98; font-size: 18px; width: 100%;}
.tag .ttxtarea {border-color: #e6e6e6; border-style: solid; border-width: 1px; clear: both; padding: 10px; font-size: 13px; width: 100%; float: left; position: relative; height: 230px; outline: none; resize: none; border-radius: 2px;}
.tag .mark {text-align: center; height: 24px; line-height: 24px; color: #8b9094; font-size: 13px; clear: both; float: left; position: relative; width: 100%;}
.send-btn {margin-top: -18px; top: 50%; margin-left: -120px; left: 50%; border-style: none; width: 240px; color: white; float: left; text-align: center; position: absolute; background-color: #9f3224; font-size: 15px; height: 36px; border-radius: 2px;}




.msg-show {float: left; font-size: 16px; text-align: center; color: #8b9094; background-color: white; z-index: 99999; right: 5px; left: 5px; bottom: 5px; top: 5px; position: absolute; cursor: pointer;}


@media screen and (max-width: 960px) {

	.order-inner {padding-right: 10px; padding-left: 10px; width: 100%;}
	.order-list ul {width: 100%;}
}