body {
    margin-bottom: 4.5em;
    position: relative;
}

.header .confirm {
    float: right;
    font-size: 1.2em;
    padding-top: 0.2em;
    color: #DD0000;
}

.header .confirm:HOVER {
    cursor: pointer;
}

.sameDiv {
    background: #FFF;
    margin-bottom: 0.8em;
}

.center {
    position: relative;
}

.center .tips {
    padding: 0.8em;
}

.center .tips span {
    color: #FFF;
    font-size: 1.2em;
}

.center .ordercont div {
    border-top: 1px solid #E6E9ED;
    padding: 0.8em;
}

.center .ordercont div span {
    float: right;
}

.center .record .cont {
    padding: 0.8em;
    overflow: auto;
    border-top: 1px solid #E6E9ED;
}

.center .record .goods_cont {
    display: table;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .record .cont > div {
    display: table-cell;
    vertical-align: middle;
}

.center .record .cont .img {
    padding-right: 0.8em;
    width: 4em;
    height: 4em;
}

.center .record .cont .img img {
    width: 4em;
    height: 4em;
    display: block;
}

.center .record .cont .goods > span, .center .record .cont .purchases > span {
    display: block;
    font-size: 1.2em;
}

.center .record .cont .goods .name, .center .record .cont .purchases .price {
    margin-bottom: 0.5em;
}

.center .record .cont .goods .name {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    word-break: break-all;
}

.center .record .cont .goods .color_size {
    color: #999;
}

.center .record .cont .purchases {
    float: right;
    text-align: right;
    padding-left: 0.8em;
}

.center .record .cont .purchases .price {
    white-space: nowrap;
}

.center .record .amount {
    padding-bottom: 0.9em;
    padding-top: 0.9em;
}

.center .record .amount span, .center .record .fullcut span, .center .record .postfee span {
    font-size: 1.2em;
    display: inline-block;
}

.center .record .amount label, .center .record .fullcut span label, .center .record .postfee span label { /* color: #DD0000; */

}

.center .record > div:LAST-CHILD {
    border-bottom: 1px solid #E6E9ED;
}

.center .express > div {
    border-top: 1px solid #E6E9ED;
    padding: 0.8em;
    overflow: auto;
}

.center .express .mode, .center .express .guide {
    padding: 0.4em 0.8em;
}

.center .express .guide {
    /* padding-left: 0.75em;
       padding-right: 0.75em; */

}

.center .express .mode span, .center .express .phone_address > span > span > span, .center .express .guide span, .center .express .memo span:FIRST-CHILD {
    font-size: 1.2em;
}

.center .express .phone_address > span > span > span {
    display: inline-block;
}

.center .express .mode .express_name {
    padding-bottom: 0.35em;
    padding-top: 0.35em;
    display: inline-block;
}

.center .express .guide > span:FIRST-CHILD, .center .express .memo > span {
    display: inline-block;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
}

.center .express .phone_address > span:FIRST-CHILD > span {
    display: block;
}

.center .express .phone_address > span:FIRST-CHILD > span:FIRST-CHILD {
    padding-bottom: 0.5em;
}

.center .express .phone_address > div > span {
    display: block;
}

.center .express .phone_address .phone_address_more {
    margin-top: 0.5em;
    font-size: 1.2em;
    float: none;
}

.center .express .memo {
    border-bottom: 1px solid #E6E9ED;
    padding: 0.36em 0.8em;
}

.center .express .memo span input {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border: none;
    font-size: 1.2em;
    color: #999;
    padding: 0em;
    margin: 0em;
}

.center .express .phone_address {
    display: table;
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #999;
}

.center .express .phone_address > span {
    display: table-cell;
}

.center .express .phone_address > span
.center .pay {
    border-bottom: 1px solid #E6E9ED;
    margin-bottom: 0px;
}

.center .pay div {
    border-top: 1px solid #E6E9ED;
    padding: 0.8em;
    overflow: auto;
}

.center .pay .wx_bank, .center .pay .ticket {
    padding: 0.4em 0.8em;
}

.center .pay div span {
    font-size: 1.2em;
}

.center .pay div label { /* color: #DD0000; */

}

.center .pay .wx_bank .wx_bank_name, .center .pay .ticket .ticket_name {
    padding: 0.35em 0em;
    display: inline-block;
}

.center .pay .ye span:FIRST-CHILD, .center .pay .jf span:FIRST-CHILD {
    margin-top: 0.5em;
    display: inline-block;
}

.center .pay .ye, .center .pay .jf {
    overflow: hidden;
}

.center .pay .ye .ye_btn, .center .pay .jf .jf_btn {
    float: right;
}

.center .pay .ye .ye_btn:HOVER, .center .pay .jf .jf_btn:HOVER {
    cursor: pointer;
}

.center .jf_ul, .center .ye_ul {
    height: 1.8em;
    width: 3.3em;
    background: #999;
    border: 1px solid #999;
    border-radius: 5em;
    outline-style: none;
}

.center .jf_ul li, .center .ye_ul li {
    width: 1.8em;
    height: 1.8em;
    background: #FFF;
    border-radius: 50%;
    border: 1px solid #999;
    position: relative;
    top: -1px;
    left: -1px;
}

/* .center .ye_ul {
	height: 1.8em;
	width: 3.3em;
	background: #f5f7fa;
	border: 1px solid #E6E9ED;
	border-radius: 5em;
	outline-style: none;
	border-style: solid;
} */

/* .center .ye_ul li {
	width: 1.8em;
	height: 1.8em;
	background: #FFF;
	border-radius: 50%;
	border: 1px solid #DD0000;
	position: relative;
	top: -1px;
	left: 1.5em;
	border-style: solid;
} */
.center .sameDiv .more {
    float: right;
    width: 1em;
    height: 2em;
    background: url("../../../image/more.png") right no-repeat;
    background-size: 0.6em 1.1em;
}

.center .sameDiv .more:HOVER {
    cursor: pointer;
}

.center .sameColor {
    color: #999;
}

.account {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #FFF;
    border-top: 1px solid #E6E9ED;
    z-index: 9;
    display: table;
}

.account > div {
    display: table-cell;
    vertical-align: middle;
}

.account .paid { /* color: #DD0000; */
    font-size: 1.3em;
    padding-left: 0.8em;
}

.account .paid span {
    display: inline-block;
}

.account .paid label {
    font-weight: bold;
}

.account .btn {
    width: 50%;
}

.account .btn input {
    width: 100%;
    border: none;
    outline-style: none;
    /* background: #DD0000; */
    color: #FFF;
    height: 3.5em;
    font-size: 1.2em;
}

#noenough {
    background: #999;
}