.address-container{
background:#fff;
padding:20px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button, input {
outline: none;
}
.btn-primary, .btn-success, .bootstrap-dialog.type-primary .modal-header, .active .el-step__main, .el-step-not.active
.el-step__icon {
background-color: #FC4351 !important;
border-color: #FC4351 !important;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
/*我的收货地址*/
.my-address{
background:#fff;
padding:20px;
}
.addressBox{
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}
.addressItem{
position: relative;
border: 1px solid #ccc;
border-radius: 6px;
padding: 10px;
width: 300px;
height: 210px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
overflow: hidden;
box-shadow: 0px 2px 2px #ccc;
}
.addAddressItem{
text-align: center;
font-size: 20px;
color: #999;
padding-top: 65px;
position: relative;
border: 1px solid #ccc;
border-radius: 6px;
width: 300px;
height: 210px;
margin-right: 10px;
margin-bottom: 10px;
box-shadow: 0px 2px 2px #ccc;
}
.addAddressItem:hover{
color: #666;
}
.addAddressItem .imgInfo{
margin-top: 10px;
}
.addAddressItem .addImg{
width: 40px;
}
.addressItem:hover{
color: #999;
border: 1px solid #FD4351;
box-shadow: 0 1px 1px #FD4351;

}
.addressItem.active{
border: 1px solid #FD4351;
}
.addressItem li{
display: flex;
padding: 4px 0;
}
.addressItem .liName{
width: 80px;
flex-shrink: 0;
font-size: 14px;
color: #999;
text-align: right;
}
.addressItem .liInfo{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #666;
font-size: 14px;
}
.addressDetails{
height: 44px;
}
.addressItem .operation{
display: flex;
justify-content: flex-end;
padding-top: 5px;
}
.addressItem .operation a{
margin-left: 20px;
display: flex;
justify-content: center;
align-items: center;

}
.addressItem .operation img{
width: 20px;
margin-right: 4px;
}
.addressItem .rightImgBox{
position: absolute;
bottom: -1px;
right: -1px;
display: none;
}
.addressItem .addressName{
padding: 1px 4px;
font-size: 12px;
margin-left: 10px;
border-radius: 2px;
border: 1px solid #FD4351;
color: #FD4351;
max-width: 60px;
overflow: hidden;
height: 21px;
}
.addressItem.active .rightImgBox{
display: block;
}
#pagelist .choose_averageCount{
display: none;
}
#pagelist{
float: right;
width: 660px !important;
}
.buttonBox{
width: 200px;
float: left;
padding-top: 11px;
}
.publicButton{
padding: 4px 10px;
background: #337ab7;
border: 1px solid #337ab7;
border-radius: 4px;
color: #fff;
}
/*新增收货地址*/
.adddz,.xgdz,.ruku{
background:#fff;
padding:20px;
}
/*打包发货*/
.modal-dialog{
margin: 250px auto;
}
.mask{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
a{
color: #319BEF;
}
.flexRow{
justify-content: center;
}
.orderTable a{
color: #333333;
}
.orderTable a:hover{
color: #319BEF;
}

.orderTable tr:first-child{
background:rgba(245,245,245,1);
}
.orderTable tr{
height:40px;
}
.orderTable tr th:first-child{
display: none;
}
a{
text-decoration: none;
}

ul, li, ol{
list-style: none;
padding: 0px;
}
.orderTable table{
width: 100%;
}
.orderTable tr{
width: 100%;
}
.orderTable tr th{
font-weight: normal;
font-size: 16px!important;
background: #f5f5f5;
color: #666;
text-align: center;
padding: 6px;
}
.orderTable tr td{
padding: 0 4px;
border-bottom: 1px solid rgba(221,221,221,1);
text-align: center;
font-weight:400;
color:rgba(51,51,51,1);
height: 35px;
}
.icon-question-sign{
font-size: 16px;
width: 10px;
height: 5px;
color: #fb8c00;
margin-left: 5px;
line-height: 20px;
cursor: pointer;
}
.icon-caret-left{
color: #FC4351 ;
font-size: 22px;
position: absolute;
left: -7px;
top: 28px;
}
.stock_remark{
position: relative;
}
.payment_div{
position:absolute;
top: -16px;
left: 135px;
display: none;
text-align: justify;
z-index: 100;
}
.payment_note{
width: 300px;
padding: 10px;
border: 1px solid #FC4351 ;
background: #fff;
border-radius: 5px;
font-weight: 400;
}
.condition{
padding-top: 10px;
margin-bottom: 20px;
width: 100%;
display: flex;
justify-content: space-between;
}
.condition .search_box{
margin-bottom: 10px;
line-height: 30px;
justify-content:space-between;
}
.condition .search_box .search_input{
padding-left: 4px;
font-size:14px;
color:#666;
margin-right: 11px;
width:200px;
height:40px;
background:rgba(255,255,255,1);
border:1px solid rgba(221,221,221,1);
border-radius:5px;
}
.beatpicker-clear{
display: none;
}
.search_button{
line-height:28px;
text-align:center;
font-size:14px;
color:#fff;
border:none;
cursor:pointer;
width:50px;
height:40px;
background:rgba(255,73,73,1);
border-radius:5px;
}

.status{
color: #ff4040!important;
}
.statusMenu{
width: 950px;
margin: auto;
display: flex;
}
.statusMenu .checked{
width: 100%;
height:20px;
line-height:20px;
margin-top:20px;
justify-content:space-between;
list-style: none;
}
.statusMenu .checked li a{
padding:6px 18px ;
background-color:#999;
color:#fff;
font-size: 14px;
font-weight:bold;
}
.statusMenu .checked li.current a{
font-size: 14px;
padding:6px 18px;
color:#FFF;
background-color: #FC4351 ;
border:none;
}

.layout-row {
display: -webkit-flex;
display: flex;
flex-direction: row;
}

.layout-column {
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.layout-center-h {
-webkit-align-items: center;
align-items: center;
}

.layout-center-v {
-webkit-justify-content: center;
justify-content: center;
}
.page{
width: 950px;
text-align: center;
}
.width100{
width: 100%;
}
.public_select{
margin-right: 7px;
color: #333;
outline: none;
width:160px;
height:40px;
background:rgba(255,255,255,1);
border:1px solid rgba(221,221,221,1);
border-radius:5px;
}
.listTop{
margin-top: 20px;
width: 100%;
}
.listTop tr{
background: #EEEEEE;
}
.listTop td{
text-align: center;
padding: 10px;
}
.listItem{
width: 100%;
margin-top: 20px;
}
.listItem .listItemHeader{
border: 1px solid #EBEBEB;
background: #F9F9F9;
}
.listItem .listItemHeader td{
border: none;
}
.listItem td{
padding: 10px;
border: 1px solid #EBEBEB;
}
.listItem td .itemTime{
}
.listItem td .itemNo{
margin-left: 20px;
}
.listItem td .itemWare{
}
.listItem td p{
font-size: 12px;
margin: 5px 0;
}
.listItem td p a{
cursor: pointer;
}
.text_center{
text-align: center;
}
.send_goods{
width: 100%;
margin-bottom: 20px;
text-align: right;
}
.glyphicon{
margin-right: 5px;
font-size: 14px;
}
.cursor{
cursor: pointer;
}
.img_span{
display: inline-block;
min-width: 40px;
min-height: 40px;
margin: 10px;
}
.submitButton{
background: #FC4351 ;
color: #ffffff;
padding: 3px 5px;
border-radius: 4px;
display: inline-block;
}
.submitButton:hover{
background: #FC4351 ;
color: #ffffff;
}
.redFont{
color: #FC4351 ;
}
.implement{
color: #888
}
#alert_img{
z-index:1000;
width: 530px;
position: fixed;
left: 50%;
top:50%;
margin-left: -270px;
margin-top: -280px;
border: 1px solid #ccc;
border-radius: 6px;
background: #fff;
}
.send_goods{
width: 100%;
margin-bottom: 20px;
}
.editStatus input{
max-width: 100px;
}
.layout_left_box{
padding: 20px 30px 30px 30px;
}
table td, table td *{
font-size: 14px!important;
}
.bigTittle{
display: flex;
align-items: center;
padding-bottom: 10px;
font-size: 18px;
font-weight: bolder;
}
.dm-btn {
width: 100%;
display: block;
margin-top:20px;
}
/*地址分页*/
.pull_left {
float: left !important;
}

.pull_right {
float: right !important;
}

#pagelist {
margin-top: 5px;
padding: 6px 0px;
width: 100%
}

#pagelist ul li {
float: left;
margin: 0px 2px;
color: #666;
}

#pagelist ul li input {
margin:
0px 4px;
color: #666;
border: #666 1px solid;
border-radius: 2px;
width: 45px;
line-height:
26px;
text-align: center;
outline: none
}

#pagelist ul .choose_averageCount input {
margin: 0px 4px;
color: #666;
border: #666 1px solid;
border-radius:
2px;
width: 25px;
line-height: 15px;
text-align: center;
outline: none
}

#pagelist ul li a {
display: block;
padding: 4px 10px;
background: #fff;
border: 1px solid #666;
line-height: 20px;
color: #666;
font-size: 12px;
border-radius: 4px;
cursor:
pointer
}

#pagelist .pageinfo {
display: block;
padding: 4px 10px;
background: #fff;
border: 1px solid #666;
line-height: 20px;
color: #666;
font-size: 12px;
border-radius:
4px;
}

#pagelist ul li a:hover {
background: #666;
color: white;
border:
1px solid #666;
}

#pagelist ul .choose_averageCount {
padding-top: 6px;
}

#pagelist ul .choose_averageCount label {
color: #666;
cursor: pointer;
}

#pagelist .current {
background: #666 !important;
color: #fff !important;
display: block;
padding: 4px 10px;
border: 1px solid #666;
line-height: 20px;
}

#pagelist .page_num {
border: none;
}

#pagelist .clicked {
background: #d6f3ff !important;
color:
#666 !important;
}

.hidden {
display: none !important;
}

ul li {
list-style:
none;
}

.tcdPageCode {
padding: 0
}
/*发货*/
.add-site {
margin-top:.2rem;
background:#fff;
padding:.2rem 0;
border-top:.01rem solid #dedede;
border-bottom:.01rem solid #dedede
}
.add-site table {
width:100%
}
.add-site td {
position:relative
}
.add-site td:nth-child(1) {
width:100px;
text-align:center
}
.add-site td:nth-child(1) input[type=radio] {
width:30px;
height:20px;
opacity:1;
margin:0
}
.add-site input[type=checkbox] {
width:50px;
height:20px;
opacity:0;
margin:0
}
.add-site label {
position:absolute;
left:50%;
width:20px;
height:20px;
border:1px solid #999;
border-radius:50%;
transform:translate(-50%,-50%)
}
.add-site input:checked+label {
border:.02rem solid #e63e00;
background-color:#e63e00
}
.add-site input:checked+label::after {
position:absolute;
top:.06rem;
left:.13rem;
width:.1rem;
height:.2rem;
border:.04rem solid #fff;
border-top:none;
border-left:none;
content:"";
transform:rotate(45deg)
}
.add-site td:nth-child(2) .p1 {
font-size:.26rem;
position:relative;
line-height:180%
}
.add-site td:nth-child(2) .p1 span.more {
background:#e63e00;
color:#fff;
display:inline-block;
padding:0 .05rem;
font-weight:500;
font-size:.24rem;
vertical-align:text-top;
margin-left:.1rem
}
.add-site td:nth-child(2) .p2 {
font-size:.26rem;
color:#999;
line-height:180%
}
.add-site td:nth-child(3) {
width:120px;
line-height:200%;
border-left:.01rem solid #dedede;
text-align:center;
font-size:.28rem
}
/* modal */
/* =============================================== */
.modal-container {
position: fixed;
top: 0;
left: 0;
z-index: 10;

display: none;
justify-content: center;
align-items: center;

width: 100%;
height: 100%;

background: hsla(0, 0%, 40%, .6);
}
.modal-container:target {
display: flex;
}

.modaladdr{
margin: 5% auto;
width: 60%;
border-radius: .8rem;
color: var(--light);
background: var(--background);
box-shadow: .4rem .4rem 2.4rem .2rem hsla(236, 50%, 50%, 0.3);

}
.dm-cf{
border-radius:10px 10px 0 0;
}
.bj-site-btn{
text-align: center;
background: #fff !important;
border-radius:0 0 10px 10px;
}
.fahuo_img img{
height:100px;
}
.baoguo-tab{
font-size:14px !important;
}
#yc{
line-height: 30px;
}

.containerBox{
background: #f6f6f6;
padding-top: 20px;
}
.btn-primary, .btn-success, .bootstrap-dialog.type-primary .modal-header, .active .el-step__main, .el-step-not.active
.el-step__icon{
background-color: #FC4351 !important;
border-color: #FC4351 !important;
}
.active .triangle {
border-bottom-color: #FC4351;
}
.public_box_title{
color: #666 !important;
}
.public_box{
border: 1px solid #ccc !important;
}
table th, table th *{
font-size: 14px !important;
}

.layout_left_menu{
padding-right: 10px;
background:#f6f6f6 ;
width: 210px;
}
.layout_left_box{
padding: 15px;
background: #fff;
}
.adImgBox{
margin-top: 15px;
}
.adImgBox a{
display: block;
}
.adImgBox img
{
width: 100%;
}
.warning-hint-box{
padding: 10px 15px;
display: none;
z-index: 3;
width:410px;
height:240px;
background:rgba(255,255,255,1);
border-radius:5px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -205px;
margin-top: -120px;
}
.warning-hint-head{
line-height: 30px;
display: flex;
justify-content: flex-end;
color:rgba(51, 51, 51, 1);
font-size: 18px;
font-weight: normal;
clear: both;
}
.warning-hint-img-box{
text-align: center;
line-height: 70px;
}
.warning-hint-content{
font-size: 16px;
height: 70px;
text-align: center;
}
.warning-hint-button{
display: flex;
justify-content: space-evenly;
margin-top: 5px;
}
.warning-hint-button button{
border: none;
padding: 10px 25px;
border-radius: 5px;
}
.warning-hint-button-cancel{
background-color: #eee;
color: #333;
}
.warning-hint-button-confirm{
color: #ffffff;
background-color: #ff4200;
}
.isDark{
z-index: 3;
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #333333;
opacity: 0.49;
}
.error-hint-button{
text-align: center;
display: none;
}
.warning-hint-img{
width: 48px;
height: 48px;
}
@media (min-width: 1200px)
.container {
width: 1170px;
}
@media (min-width: 992px)
.container {
width: 970px;
}
@media (min-width: 768px)
.container {
width: 750px;
}
main.content{padding: 0;background-color: #f5f6f8}
#address{
position: absolute;
top:0;
z-index: 1000;
width: 100%;
}
.order-site {
background: #fff;
padding: 0.3rem 0;
border-bottom: .01rem solid #dedede;
height: 50px;
}
.order-site .img {
width:10%;
text-align:center
}
.order-site .img img {
width:25px;
height:25px;
}
.order-site .text {
font-size:15px;
width:90%;
line-height: 18px;
}
.order-site .text .p2 {
margin-top:.1rem
}
.add-btn a{
text-decoration: none;
color: inherit;
}
.am-fl {
float: left;
}

input, label, img, th, span {
font-weight: normal;
vertical-align: middle;
margin: 0;
}
.mt-20 {
margin-top: .2rem !important;
}

.baoguo-box .title {
position:relative;
height:36px;
line-height:36px;
background:#fff;
border-bottom:2px solid #f5f5f5
}
.baoguo-box .title .sp1 {
font-weight:bold;
font-size:14px
}
.baoguo-box .title .add-btn {
position:absolute;
top:50%;
right:20px;
background:#7385a0;
color:#fff;
font-size:14px;
padding:0 10px;
height:20px;
line-height:20px;
border-radius:3px;
transform:translate(0,-50%)
}
.baoguo-box .title .add-btn {
right: 0.15rem;
background: #184cd2;
}
.baoguo-tab {
background:#fff;
width:100%;
border-bottom:1px solid #f5f5f5
}
.baoguo-tab td {
padding:24px
}
.baoguo-tab td:nth-child(1) {
width:100px
}
.baoguo-tab .biato {
font-weight:bold;
font-size:.28rem
}
.fuwu-list table {
width:100%;
background:#fff
}
.fuwu-list td {
font-size:.28rem;
padding:.15rem;
border-bottom:.01rem solid #dedede
}


.fuwu-list td:nth-child(2) input[type="text"] {
background:transparent;
border:0;
outline:none;
width:100%
}
/**/
.fuwu-list td:nth-child(2) input::-webkit-input-placeholder {
color:#ccc
}
.fuwu-list .ofei-sel {
background:transparent;
border:0;
outline:none;
width:100%;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none
}
.fuwu-list td:nth-child(2) input[type="checkbox"] {
width:12px;
height:12px;
}
.fuwu-list td:nth-child(2) label {
font-size:14px;
display:block;
min-height:.5rem;
font-weight:initial;
margin-left:.5rem
}
.fuwu-list td:nth-child(2) label span {
vertical-align:middle;
margin-left:.1rem
}
.fuwu-list .xiaza {
color:#f00
}
.fuwu-list .biato {
font-weight:bold;
font-size:14px;
}
.up-img {
position:relative;
text-align:center;
overflow:hidden
}
.up-img img {
width:110px;
height:110px
}
.up-img input {
position:absolute;
left:0;
width:110px;
height:110px;
opacity:0;
padding:0;
top:0;
cursor:pointer
}
.up-img p {
line-height:30px
}
.order-box>div {
padding:.2rem 0;
border-bottom:.01rem solid #e4e4e4;
height:2.13rem
}
.order-box .order-info {
width:75%;
padding-left:.2rem;
line-height:182%
}
.dm-fl {
float:left !important;
zoom:1
}
.order-box .order-info .p1 {
font-size:.28rem
}
.order-box.only1 .order-cao {
line-height:1.72rem
}
.order-box .order-cao {
width:25%;
text-align:center;
border-left:.01rem solid #ddd
}
.select {
background:transparent;
border:0;
outline:none;
width:100%;
padding:0 .3rem;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none
}


.baoguo-box .title {
padding: 0 .1rem;
margin-left: 0;
font-size: 0.24rem;
width: 100%;
}

.baoguo-tab {
background:#fff;
width:100%;
border-bottom:.02rem solid #f5f5f5
}
.baoguo-tab tr{
line-height:30px;
}
.baoguo-tab td {
padding:.15rem
}
.baoguo-tab td:nth-child(1) {
width:100px
}
.baoguo-tab .biato {
font-weight:bold;
font-size:14px;
}
.fuwu-list table {
width:100%;
background:#fff
}
.fuwu-list tr{
line-height:20px;
}
.fuwu-list td {
font-size:14px;
padding:15px;
border-bottom:.01rem solid #dedede
}

.fuwu-list td:nth-child(2) input[type="text"] {
background:transparent;
border:0;
outline:none;
width:100%
}
.fuwu-list td:nth-child(2) input::-webkit-input-placeholder {
color:#ccc
}
.fuwu-list .ofei-sel {
background:transparent;
border:0;
outline:none;
width:100%;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none
}

.baoguo-tab td:nth-child(2) {
text-align: right;
}
.dm-red {
color: #f00;
}
.dm-btn {
margin:20px auto;
}
#tableAddService td{
padding:10px 0 !important;
}
#tableAddService td input[type="checkbox"] {
margin-top:0;
}
/*预报*/
.form-group,.control-label{
line-height:36px;
}
.form-control::placeholder{
font-size: 12px;
}
.fieldlist dd ins{
width:90%;
}
.fieldlist dd input:first-child{
width:90%;
}
.citem{
display: flex;
justify-content: space-between;
margin-top:15px;
}
/*我的订单*/
.checkModify:hover{
        color: #319CEF!important;
    }
    .m-right10{
        margin-right: 10px;
    }
    .layout_left_box{
        padding: 20px 30px 20px 30px;
    }
    .tableContainer{
        width: 100%;
    }
    .typeImg{
        width: 25px;
        height: 14px;
        margin-top: -3px;
    }
    .newSelect {
        cursor: pointer;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url("/yii/modules/home/img/newSelectArrow.png") no-repeat 162px center transparent;/* 下拉箭头图片 */
        background-size: 9px 8px;/* 下拉箭头大小 */
        padding-left: 8px;
    }
    .newOperator:hover, .express_order_no a:hover, a:hover{
        color: #319CEF!important;
    }
    .newOperator{
        margin-bottom: 15px;
        margin-right: 6px;
    }
    .orderTable a{
        color: #333!important;
    }
    .payFee{
        color: #ff4040;
    }
    .shouldPayFee{
        position: fixed;
        top: 43%;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        z-index: 2000;
        font-size: 16px;
        font-weight: bolder;
    }
    .payTittleBox{
        position: fixed;
        top: 41%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        z-index: 2000;
        font-size: 16px;
        font-weight: bolder;
        color: #ff4040;
    }
    .messageBoxContainer{
        margin-top: 10px;
    }
    .confirmPayModify{
        margin-right: 20px;
    }
    .messageBox{
        font-size: 16px;
        color: #ff4040;
        margin-bottom: 10px;
    }
    .whetherPay div{
        width: 80px;
        height: 35px;
        background: rgba(255,64,64,1);
        border-radius: 5px;
        font-weight: 400;
        color: rgba(255,255,255,1);
        font-size: 16px;
        line-height: 35px;
        text-align: center;
    }
    .whetherPay{
        display: flex;
        justify-content: center;
    }
    .payBoxContainer{
        z-index: 2000;
        background:rgba(255,255,255,1);
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -400px;
    }

    .confirmPay{
        position: absolute;
        top: 66%;
        left: 52%;
        width:70px;
        height:40px;
        background:rgba(255,73,73,1);
        border-radius:5px;
        color: #ffffff;
        line-height: 40px;
        text-align: center;
    }
    .payBox{
        position: absolute;
        top: 50%;
        height: 200px;
        width: 875px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,1);
        border: 5px solid rgba(238, 238, 238, 0.5);
    }
    .payOperatorBox{
        position: fixed;
        top: 55%;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .confirmAddressBtn{
        width:116px;
        height:40px;
        background:rgba(255,64,64,1);
        border-radius:5px;
        font-weight:400;
        color:rgba(255,255,255,1);
        font-size: 16px;
        line-height: 39px;
        margin: 0 auto;
    }
    .tableContainer{
        margin-bottom: 20px;
        overflow: hidden;
    }
    .markOrder{
        border: 1px solid rgba(254,188,30,1)!important;
    }
    .font-orange{
        color: #ff4040!important;
    }
    .spreadBox{
        margin-left: 10px;
        margin-right: -10px;
    }
    .limitPackageNote{
        height: 20px;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: -25px;
    }
    .packageGoodsInfo{
        display: flex;
        justify-content: space-around;
    }
    .addressTittle th{
        text-align: center;
    }
    .addressTittle{
        width:698px;
        height:40px;
        background:rgba(246,246,246,1);
    }
    .modifyAddressTittle{
        font-size:16px;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height: 30px;
    }

    .searchAddress{
        width:260px;
        height:30px;
        background:rgba(255,255,255,1);
        border:1px solid rgba(221,221,221,1);
        border-radius:5px;
        margin-right: -10px;
    }
    .searchButton{
        width:50px;
        height:30px;
        background:rgba(255,73,73,1);
        border-radius:5px;
        margin-right: 33px;
        text-align: center;
        line-height: 30px;
        color: #ffffff;
    }
    .addressBoxTop{
        display: flex;
        justify-content: space-between;
    }
    .addressModifyBox{
        width:953px;
        height:auto;
        min-height: 425px;
        background:rgba(255,255,255,1);
        border:5px solid rgba(238, 238, 238, 0.5);
        z-index: 1002;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -230px;
        margin-left: -470px;
        padding: 30px 30px 50px 30px;
    }
    .mask{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background:#111;
        opacity:0.2;
        z-index: 1001;
        display: flex;
        align-items: center;
    }
    .currentTitle{
        border-bottom: 2px solid #ff4040;
    }
    .problemBorder{
        border:1px solid rgba(254,188,30,1)!important;
    }
    .problemOrder{
        color: #ff4040!important;
    }
    .noOrderBox{
        margin-top: 115px;
    }
    .selectAll{
        margin-left: 20px!important;
    }
    .tableHead th{
        text-align: center;
    }
    .addressInfoBox{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }
    .nameBox, .telBox{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addressBox{
        background: url("/yii/modules/home/img/addressBox.png") no-repeat;
        width: 171px;
        height: 92px;
        position: absolute;
        margin-top: -30px;
        margin-left: -160px;
        padding: 5px 25px 5px 10px;
    }
    .addressBox div{
        text-align: left;
    }
    .checkMoreOrderDetail{
        color:#319CEF!important;
        font-size: 12px;
        margin-bottom: 15px;
        margin-left: 15px;
    }
    .newTableTr{
        height: 40px;
    }
    .newTableTr th{
        border: none!important;
        font-weight: 400;
        color: #333333;
    }
    .orderDetailNew{
        width: 298px;
    }
    .tdLeft{
        text-align: left!important;
        padding-left: 5px!important;
    }
    .deliveryOrderNo{
        width: 136px;
    }
    .deliveryWeight{
        width: 130px;
    }
    .shippingLine{
        width: 144px;
    }
    .consignorInfo{
        width: 86px;
    }
    .statusInfo{
        width: 86px;
    }
    .operatorInfo{
        width: 120px;
    }
    .operatorInfo span:hover{
        color: #319CEF!important;
    }
    .operatorInfo a:hover{
        color: #319CEF!important;
    }
    input[type="checkbox"] {
        width: 15px;
        height: 15px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 15px;
        margin-right: 8px;
        position: relative;
        margin-top: -1px;
    }

    input[type="checkbox"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

    input[type="checkbox"]:checked::before {
        content: "\2714";
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border: 1px solid #7D7D7D;
        border-radius:4px;
        color: #7D7D7D;
        font-size: 15px;
    }
 
    .condition{
        margin-top: 10px;
    }
    .condition .search_box{
        width: 950px;
        margin:12px auto 12px auto;
        line-height: 30px;
        align-items: center;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
    }
    .condition .search_box .search_input{
        padding-left: 4px;
        width:149px;
        height:34px;
        background:#fff;
        border:1px solid #cecece;
        font-size:14px;
        font-weight: 400;
        color:#999;
        border-radius: 3px;
    }
    .beatpicker-clear{
        display: none;
    }
    .search_button{
        padding:0 10px;
        height:34px;
        line-height:28px;
        text-align:center;
        font-size:14px;
        color:#fff;
        background:#FC4351 ;
        border:none;
        border-radius:3px;
        cursor:pointer;
        margin-right: 7px;
    }

    .statusMenu{
        width: 950px;
        margin: auto;
        display: flex;
    }
    .statusMenu .checked{
        width: 100%;
        height:20px;
        line-height:20px;
        margin-top:20px;
        justify-content:space-between;
        list-style: none;
    }
    .statusMenu .checked li a{
        padding:6px 18px ;
        background-color:#999;
        color:#fff;
        font-size: 14px;
        font-weight:bold;
    }
    .statusMenu .checked li.current a{
        font-size: 14px;
        padding:6px 18px;
        color:#FFF;
        background-color: #df0023;
        border:none;
    }


    .layout-row {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
    }

    .layout-column {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }
    .layout-center-h {
        -webkit-align-items: center;
        align-items: center;
    }

    .layout-center-v {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .page{
        width: 950px;
        text-align: center;
    }
    .width100{
        width: 100%;
    }
    .public_select{
        height: 34px;
        width: 149px;
        margin-right: 11px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #666;
        outline: none;
    }
    .listTop{
        margin-top: 20px;
        width: 100%;
    }
    .listTop tr{
        background: #EEEEEE;
    }
    .listTop td{
        text-align: center;
        padding: 10px;
    }
    .listItem{
        width: 100%;
        margin-top: 20px;
    }
    .listItem .listItemHeader{
        border: 1px solid #EBEBEB;
        background: #F9F9F9;
    }
    .listItem .listItemHeader td{
        border: none;
    }
    .listItem td{
        padding: 10px;
        border: 1px solid #EBEBEB;
    }
    .listItem td .itemTime{
    }
    .listItem td .itemNo{
        margin-left: 20px;
    }
    .listItem td .itemWare{
    }
    .listItem td p{
        font-size: 12px;
        margin: 5px 0;
    }
    .listItem td p a{
        cursor: pointer;
    }
    .text_center{
        text-align: center;
    }
    .send_goods{
        text-align: left;
        flex-grow: 1;
        margin-bottom: 20px;
    }
    .send_goods .glyphicon{
        margin-right: 5px;
        font-size: 14px;
    }
    .send_goods .btn{
        display: inline-block;
        font-size: 14px;
    }
    .cursor{
        cursor: pointer;
    }
    .img_span{
        display: inline-block;
        min-width: 40px;
        min-height: 35px;
        margin: 10px;
    }
    .submitButton{
        background: #00A8FF;
        color: #ffffff;
        padding: 3px 5px;
        border-radius: 4px;
        display: inline-block;
    }
    .submitButton:hover{
        background: #00a8d6;
        color: #ffffff;
    }
    .redFont{
        color: #337ab7;
    }
    .implement{
        color: #888
    }

    .orderTable{

    }
    .orderTable table{
        width: 100%;
    }
    .orderTable tr{
        width: 100%;
    }
    .orderTable tr th{
        color: #333;
        font-weight: normal;
        font-size: 16px;
        border: 1px solid #e7eaec;
        background: #f6f6f6;
        text-align: center;
    }
    .checkLogistics:hover{
        color: #319CEF!important;
    }
    .orderTable tr td{
        border: 1px solid #dddddd;
        padding: 15px 4px 15px 4px;
        text-align: center;
        color: #333;
        border-top: none;
    }
    .orderTable tr td p{
        margin: 0;
    }
    .orderTable tr td a{
        cursor: pointer;
    }
    .operationBoxTd{
        width: 1px;
    }
    .operationBox{
        display: flex;
        width: 110px;
        min-height: 35px;
        flex-wrap: wrap;
        align-items: center;
    }
    .operationBox a{
        margin-right: 6px;
        display: inline-block;
    }
    .center{
        text-align: center;
    }
    .orderNo{
        width: 1px;
        padding: 0px 10px !important;
    }
    .orderNo a{
        display: inline-block;
    }
    .limitTd{
        width: 1px;
    }
    .limitTd p{
        margin: 0;
        white-space:nowrap;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        overflow: hidden;
        width: 120px;
    }
    .needNotice td .red{
        color: #FC4351;
    }
    .submissionAndDelivery {
        background: #FC4351 !important;
    }
    .stock_remark{
        cursor: pointer;
        position: relative;
    }
    .payment_div{
        position:absolute;
        top: -16px;
        left: 135px;
        display: none;
        text-align: justify;
        z-index: 100;
    }
    .payment_note{
        width: 300px;
        padding: 10px;
        border: 1px solid #FC4351 ;
        background: #fff;
        border-radius: 5px;
        font-weight: 400;
    }
    .icon-question-sign{
        font-size: 16px;
        width: 10px;
        height: 5px;
        color: #fb8c00;
        margin-left: 5px;
        line-height: 20px;
        cursor: pointer;
    }
    .icon-caret-left{
        color: #FC4351 ;
        font-size: 22px;
        position: absolute;
        left: -7px;
        top: 28px;
    }
    .icon-question-sign:before {
        content: "\f059";
    }
    
    .create_pickup_order_info {
        border: 1px #cecece solid;
        width: 300px;
        height: 205px;
        position:fixed;
        top: 50%;
        left: 50%;
        background-color: #FFFFFF;
        padding: 10px;
        box-shadow: 5px 5px 5px #cecece;
        border-radius: 3px;
    }
    .create_pickup_order_info td {
        height: 60px;
    }
    .create_pickup_order_info td:first-child{
        width: 50px;
    }
    .create_pickup_order_info .search_input {
        width: 228px;
        height: 40px;
        background: #fff;
        border: 1px solid #cecece;
        font-size: 14px;
        color: #666;
        border-radius: 3px;
        text-indent: 1em;
    }
    .create_pickup_order_info .close_create_pickup {
        margin: 0;
        float: right;
        background-color: #DDDDDD;
    }
    .create_pickup_order_info .confirm_create_pickup {
        margin: 0;
        float: left;
    }
    .create_pickup_order_info .allowance_for_prompt {
        text-align: center;
        color: red;
    }
    .del-button{
        min-width: 79px;
        max-width: 20px;
        line-height: 33px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: #FC4351;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        margin-top: 10px;
        margin-bottom: -10px;
    }
    .typeTitle{
        font-size: 15px;
        font-weight:bold;
        margin-right: 12px;
    }
    .timeLabel{
        font-size: 14px;
        font-weight:400;
    }
    .submitTime{
        width:110px!important;
        height:30px!important;
        border:1px solid rgba(221,221,221,1)!important;
        border-radius:5px!important;
    }
    .tloBox{
        margin-top: 30px!important;
        flex-wrap: wrap;
    }
    .newInput{
        width:180px!important;
        height:30px!important;
        border:1px solid rgba(221,221,221,1)!important;
        border-radius:5px!important;
    }
    .tableTitle tr{
        width:100%;
        height:40px;
        background:#eeeeee;
    }
    .severalSearchInput{
        width:228px;
        height:30px;
        border:1px solid rgba(221,221,221,1);
        border-radius:5px;
        margin-right: -10px;
        font-size: 12px;
        font-weight: bold;
        color: #999999;
    }
    .newBtn{
        height:30px!important;
        background:rgba(255,64,64,1)!important;
        border-radius:5px!important;
        color: #ffffff;
    }
    .mr15{
        margin-right: 15px;
    }
    .text-align-left {
        text-align: left;
        padding-left: 10px;
    }
    #orderSubmit{
        width:100%;
    }
    /* 优惠券 */
.coupon-list{
    display:flex;
    flex-wrap:wrap;
}    
.coupon {
    margin: 0 5px;
    width: 24%;
    padding: 20px;
    border: 1px dashed #000;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #f5f5f5;
    position: relative;
}

.coupon-header {
    text-align: center;
    background-color: #ff287d;
    color: #fff;
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
}

.coupon-header h2 {
    margin: 0;
}

.coupon-content {
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
}

.coupon-content p {
    margin-bottom: 5px;
}

.coupon-footer {
    text-align: center;
    margin-top: 10px;
}

.coupon-footer button {
    background-color: #5733cc;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.coupon-footer button:hover {
    background-color: #0056b3;
}

/* 优惠券边框效果 */
.coupon::before,
.coupon::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px dashed #000;
    border-radius: 10px;
    z-index: -1;
}
/*我的推荐客户*/
.new-ul li{
        width:25%;
        line-height: 30px;
        height: 30px;
        border: 1px solid #ddd !important;
        text-align: center;
    }
    .new-ul{
        overflow: hidden;
        margin: 15px auto 20px;
        display: flex;
    }
    .content ul li a{
        font-size: 12px;
        padding-top: 1px;
        line-height: 20px;
    }
    .jifen-title a {

        padding-right: 4%;
        text-decoration: none;
        color: #FC4351;
    }
    .jifen-title p {
        line-height: 30px;
        height: 30px;
        padding: 0 10px;
        border-bottom: 1px solid #dedede;
    }
/*dqzr*/
.dm-tixian-tab{
                margin:15px 0;
            }
            #yongjin{
                height:40px;
                min-width:300px;
                line-height:40px;
                border-radius:4px;
                border:1px solid #ddd;
            }
/*zrxx*/
.money .jine {
        float: right;
        font-size: 20px;
        color: #ea1010;
        line-height: 20px;
        margin-top: 5px;
    }
    
/*sqtx*/
.date_ctrl {
        bottom: 1.05rem !important;
    }

    .date_btn {
        width: 50%;
    }

    .date_btn_box {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-box-align: stretch;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    .kutup {
        width: 2rem;
        height: 2rem;
        display: inline-block;
    }

    .dm-tixian-num {
        height: auto;
        line-height: 180%;
        background: #fff;

    }
    .col-xs-4{
        font-size: 14px;
        padding-top:5px;
    }
    .col-xs-8{
        font-size: 14px;
    }
    .btn-success{
        width: 100%;
        border-radius: .1rem;
        background: #184cd2;
    }
    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #184cd2;
        border-color: #184cd2;
    }
    .form-group.has-success label {
        color: #000;
    }
/*txmx*/
.model_nav {
  width:100%;
  display:flex;
  overflow-y:auto;
  border-bottom:1px solid #dcdcdc;
  margin-top:30px;
}
.model_nav .nav_ul {
  width:1000%;
  height:45px;
  background:#fff;
  text-align:center;
  white-space:nowrap;
  line-height:45px;
}
.model_nav .nav_ul a {
  height:99%;
  font-size:14px;
  min-width:35px;
  display:inline-block
}
.model_nav .nav_ul a.on {
  color:#FC4351;
  border-bottom:2px solid #FC4351
}
.money .jine {
        float: right;
        font-size: 20px;
        color: #ea1010;
        line-height: 18px;
        margin-top: 5px;
        text-align: right;
    }
    .money .sxf {
        position: relative;
        font-size: 14px;
        color: #ccc;
        top:10px;

    }
    .model_nav .nav_ul a{
        width: 32.3%;
    }

    .mt20{
        margin-top: 0;
    }

    h4, .h4 {
        font-size: 14px;
    }
    .list-group-item-text{
        color:#6d737b;
    }
    .copycontent{
        color: #fff;
        background-color: #7d98fb;
        border-color: #7d98fb;
        padding:5px 10px;
        border:0;
        border-radius:4px;
    }
    /*财务明细*/
    #hyzx_dhyb_neirong{
        padding:20px 0 30px 0;
    }
    /*我的账户*/
    .userInfo{
        border-radius: 5px;
        width: 100%;
        height: 130px;
        border: 1px solid #e3e3e3;
    }
    .user_left{
        width: 25%;
        height: 100%;
        float: left;
    }
    .user_right{
        width: 75%;
        height: 100%;
        float: right;
    }
    .user_left_box{
        padding-left: 20px;
        height: 100px;
        padding-top: 25px;
        background: #f5f5f5;
        opacity: 0.8;
    }
    .user_left_box p{
        font-size: 14px;
        margin:0 20px 0 !important;
    }
    .user_right_box{
        margin: 15px 15px;
        height: 100px;
        background: #f5f5f5;
        opacity: 0.8;
    }
    .right_box_left{
        width: 65%;
        float: left;
        padding-top: 25px;
    }
    .right_box_right{
        width: 35%;
        float: right;
        padding-top: 25px;
    }
    .user_right_box p{
        font-size: 14px;
        margin: 0px 20px 0px !important;
        color: #333;
    }
    .right_box_left a{
        padding: 3px 7px;
        background: #fe9901;
        color: #fff;
        font-size: 12px;
        display: inline-block;
        margin: 0 0 0 10px;
        border-radius: 3px;
    }
    .right_box_left .note {
        margin-left: 10px;
    }
    .font_red{
        color: #df0023;
    }
    .user_left_big_box{
        margin: 15px;
    }
    .hyzx_dhyb_list{
        width:100%;
    }
    .checked {
        position: relative;
        margin: 30px 0px;
    }
    .checked li{
        display: block;
        float: left;
        border 1px solid #ddd8d4;
    }
    .checked li a
    {
        padding: 8px 20px 7px 20px;
        background-color: #999;
        color: #fff;
        margin: 0 1px 0;
        font-weight: bold;
    }
    #hyzx_dhyb_kong
    {
        margin: 10px;
        height: 10px;
        width:100%;
    }
    #contents
    {
        margin-top: 10px;
        width:100%;
    }
    .stocktable {
        border-width: 1px;
        border-color: #ddd;
        border-collapse: collapse;
        width: 100%;
    }
    .stocktable th
    {
        border: 1px solid #e7eaec;
        height: 35px;
        text-align: center;
        background-color: #f5f5f5;
        font-weight: normal;
    }
    .stocktable td
    {
        border: 1px solid #e7eaec;
        padding: 3px;
        text-align: center;
        height: 35px;
    }
    .current a
    {
        background-color: #6c96df !important;
    }
    #hyzx_dhyb_neirong
    {
        width: 100%;
    }
.pull_left{
        float: left !important;
    }
    .pull_right{
        float: right !important;
    }
    #pagelist {margin-top:5px; padding:6px 0px;width: 100%}
    #pagelist ul li { float:left;  margin:0px 2px;color: #666;}
    #pagelist ul li input{ margin: 0px 4px;color: #666;border: #666 1px solid;border-radius: 2px;width: 45px;line-height: 26px; text-align: center;outline: none}
    #pagelist ul .choose_averageCount input{ margin: 0px 4px;color: #666;border: #666 1px solid;border-radius: 2px;width: 25px;line-height: 15px; text-align: center;outline: none}
    #pagelist ul li a{ display:block; padding:4px 10px; background:#fff; border:1px solid #666;line-height:20px;color:#666;font-size: 12px;border-radius: 4px;cursor: pointer }
    #pagelist .pageinfo{ display:block; padding:4px 10px; background:#fff; border:1px solid #666;line-height:20px;color:#666;font-size: 12px;border-radius: 4px; }
    #pagelist ul li a:hover{ background: #666; color: white; border: 1px solid #666;}
    #pagelist ul .choose_averageCount {padding-top: 6px;}
    #pagelist ul .choose_averageCount label{color: #666;cursor: pointer;}
    #pagelist .current { background: #666 !important;color: #fff !important; display:block; padding:4px 10px;border:1px solid #666;line-height:20px; }
    #pagelist .page_num{ border: none;}
    #pagelist .clicked{
        background: #d6f3ff !important;
        color: #666 !important;
    }
    .hidden{ display: none !important;}
    ul li{list-style: none;}
    .tcdPageCode{padding: 0}
/*充值界面 CSS*/
    .am-tabs-bd .am-tab-panel.am-active {
        position: relative;
        z-index: 100;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .am-tabs-bd .am-tab-panel {
        position: absolute;
        top: 0;
        z-index: 11111111;
        float: left;
        width: 100%;
        padding: 10px 10px 15px;
        visibility: hidden;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .dm-tixian-num {
        height: 30px;
        line-height: 30px;
        background: #fff;
        padding: 10px;
        font-size: 16px;
    }

    .dm-tixian-num span {
        vertical-align: inherit;
        font-size: 18px;
    }

    .dm-red {
        color: #f00;
    }

    input, label, img, th, span {
        font-weight: normal;
        vertical-align: middle;
        margin: 0;
    }

    .topup-box-list {
        background: #fff;
        margin-top: 10px;
    }


    .topup-box-list .topup {
        padding: 10px;
        height: 60px;
        line-height: 30px;
        border-bottom: .01rem solid #dedede;
        overflow: hidden;
    }

    .topup-box-list .topup .intf {
        background: transparent;
        border: 0;
        margin-left: .4rem;
        outline: none;
    }

    .am-tabs-bd .am-tab-panel.am-active {
        visibility: visible;
    }

    .topup-box-list .topup .img {

    }

    .am-tabs-bd .am-tab-panel * {
        -webkit-user-drag: none;
    }

    .am-fl {
        float: left;
    }



    .topup-box-list .topup .text {
        line-height: 160%;
        padding: .15rem .2rem;
    }

    .topup-box-list .topup .text .p1 {
        font-size: 14px;
    }

    .topup-box-list .topup .text .p2 {
        font-size: .24rem;
        color: #999;
    }

    .intre {
        position: relative;
    }

    .am-fr {
        float: right;
    }

    .intre input[type="radio"] {
        width: 30px;
        height: 10px;
        opacity: 0;
        margin: 0;
    }

    .intre input:checked + label::after {

    }

    .intre input:checked + label {
        border: .02rem solid #184cd2;
        background-color: #184cd2;
    }

    .intre label {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        border: 2px solid #999;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

    .modelInputSp {
        font-size: .24rem;
        padding: 10px;
    }

    h1, h2, h3, h4, h5, h6, p {
        font-size: 100%;
        margin: 0;
    }

    textarea, input[type="password"], input[type="text"] {
        resize: none;
        outline: none;
        outline: 0;
        -webkit-appearance: none;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    .dm-tixian-btn {
        padding: 10px;
        padding-top: 23px;
    }
    .img img{
        width: 40px;
        height: 40px;
    }
/*资料设置*/
.profile-avatar-container .profile-avatar-text {
        display: none;
    }
    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 10;
        line-height: 100px;
        text-align: center;
    }
    #email-form{width:400px;height:200px;padding-top:30px;}
/*发货订单详情*/
#address{
        position: absolute;
        top:0;
        z-index: 1000;
        width: 100%;
    }
    .order-site {
        background: #fff;
        padding: 0.3rem 0;
        border-bottom: .01rem solid #dedede;
        height: 50px;
    }
    .order-site .img {
        width:10%;
        text-align:center
    }
    .order-site .img img {
        width:25px;
        height:25px;
    }
    .order-site .text {
        font-size:15px;
        width:90%;
        line-height: 18px;
    }
    .order-site .text .p2 {
        margin-top:.1rem
    }
    .add-btn a{
        text-decoration: none;
        color: inherit;
    }
    .am-fl {
        float: left;
    }
   
    input, label, img, th, span {
        font-weight: normal;
        vertical-align: middle;
        margin: 0;
    }
    .mt-20 {
        margin-top: .2rem !important;
    }

    .baoguo-box .title {
        position:relative;
        height:36px;
        line-height:36px;
        background:#fff;
        border-bottom:2px solid #f5f5f5
    }
    .baoguo-box .title .sp1 {
        font-weight:bold;
        font-size:14px
    }
    .baoguo-box .title .add-btn {
        position:absolute;
        top:50%;
        right:20px;
        background:#7385a0;
        color:#fff;
        font-size:14px;
        padding:0 10px;
        height:20px;
        line-height:20px;
        border-radius:3px;
        transform:translate(0,-50%)
    }
    .baoguo-box .title .add-btn {
        right: 0.15rem;
        background: #184cd2;
    }
    .baoguo-tab {
        background:#fff;
        width:100%;
        border-bottom:1px solid #f5f5f5
    }
    .baoguo-tab td {
        padding:24px
    }
    .baoguo-tab td:nth-child(1) {
        width:100px
    }
    .baoguo-tab .biato {
        font-weight:bold;
        font-size:.28rem
    }
    .fuwu-list table {
        width:100%;
        background:#fff
    }
    .fuwu-list td {
        font-size:.28rem;
        padding:.15rem;
        border-bottom:.01rem solid #dedede
    }
    .fuwu-list td:nth-child(1) {
        width:100px;
        vertical-align:unset
    }
    .fuwu-list td:nth-child(2) input {
        background:transparent;
        border:0;
        outline:none;
        width:100%
    }
    .fuwu-list td:nth-child(2) input::-webkit-input-placeholder {
        color:#ccc
    }
    .fuwu-list .ofei-sel {
        background:transparent;
        border:0;
        outline:none;
        width:100%;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none
    }
    .fuwu-list td:nth-child(2) input[type="checkbox"] {
        width:.26rem;
        height:.26rem
    }
    .fuwu-list td:nth-child(2) label {
        font-size:.24rem;
        display:block;
        min-height:.5rem;
        font-weight:initial;
        margin-left:.5rem
    }
    .fuwu-list td:nth-child(2) label span {
        vertical-align:middle;
        margin-left:.1rem
    }
    .fuwu-list .xiaza {
        color:#f00
    }
    .fuwu-list .biato {
        font-weight:bold;
        font-size:.28rem
    }
    .up-img {
        position:relative;
        text-align:center;
        overflow:hidden
    }
    .up-img img {
        width:110px;
        height:110px
    }
    .up-img input {
        position:absolute;
        left:0;
        width:110px;
        height:110px;
        opacity:0;
        padding:0;
        top:0;
        cursor:pointer
    }
    .up-img p {
        line-height:30px
    }
    .order-box>div {
        padding:.2rem 0;
        border-bottom:.01rem solid #e4e4e4;
        height:2.13rem
    }
    .order-box .order-info {
        width:75%;
        padding-left:.2rem;
        line-height:182%
    }
    .dm-fl {
        float:left !important;
        zoom:1
    }
    .order-box .order-info .p1 {
        font-size:.28rem
    }
    .order-box.only1 .order-cao {
        line-height:1.72rem
    }
    .order-box .order-cao {
        width:25%;
        text-align:center;
        border-left:.01rem solid #ddd
    }
    .select {
        background:transparent;
        border:0;
        outline:none;
        width:100%;
        padding:0 .3rem;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none
    }


    .baoguo-box .title {
        padding: 0 .1rem;
        margin-left: 0;
        font-size: 0.24rem;
        width: 100%;
    }

    .baoguo-tab {
        background:#fff;
        width:100%;
        border-bottom:.02rem solid #f5f5f5
    }
    .baoguo-tab tr{
        line-height:30px;
    }
    .baoguo-tab td {
        padding:.15rem
    }
    .baoguo-tab td:nth-child(1) {
        width:100px
    }
    .baoguo-tab .biato {
        font-weight:bold;
        font-size:.28rem
    }
    .fuwu-list table {
        width:100%;
        background:#fff
    }
    .fuwu-list tr{
        line-height:30px;
    }
    .fuwu-list td {
        font-size:.28rem;
        padding:.15rem;
        border-bottom:.01rem solid #dedede
    }
    .fuwu-list td:nth-child(1) {
        width:100px;
        vertical-align:unset
    }
    .fuwu-list td:nth-child(2) input {
        background:transparent;
        border:0;
        outline:none;
        width:100%
    }
    .fuwu-list td:nth-child(2) input::-webkit-input-placeholder {
        color:#ccc
    }
    .fuwu-list .ofei-sel {
        background:transparent;
        border:0;
        outline:none;
        width:100%;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none
    }

    .baoguo-tab td:nth-child(2) {
        text-align: right;
    }
    .dm-red {
        color: #f00;
    }
    .dm-btn {
        margin:20px auto;
    }
table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}