@charset "utf-8";


/* Document css */





/** 清除内外边距**/


body, h1, h2, h3, h4, h5, h6, hr, p, div, span, i, object, iframe, /* 结构元素 */
dl, dt, dd, ul, ol, li, /* 列表元素 */
form, fieldset, legend, button, input, textarea, option, select, /* 表单元素 */
pre, /* 文本格式元素 */
table, tr, td, /* 表格元素 */
img {
    margin: 0;
    padding: 0;
}





/** 重置图片元素 **/


img {
    border: 0 none;
    vertical-align: top;
}





/** 重置列表元素 **/


ul, ol, li, dl, dt, dd {
    list-style-type: none;
}


.w1210 {
    width: 1210px;
}

.w990 {
    width: 990px;
}


/** 设置默认字体 **/


body {
    font-size: 14px;
    color: #333333;
    font-family: "宋体", sans-serif;
    background: #fff;
}


input, select, button, textarea {
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}


i, em, cite {
    font-style: normal;
}


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





/**重置表单元素**/


input[type=submit] {
    cursor: pointer;
}


input[type=button] {
    cursor: pointer;
}


button, input {
    overflow: visible;
}





/** 重置表格元素 **/


table {
    border-collapse: collapse;
    border-spacing: 0;
}





/** 默认链接元素 **/


a {
    text-decoration: none;
}


/*a:not(.cart_ft_lk):not(.checkout):link,a:not(.cart_ft_lk):not(.checkout):visited { color: inherit;}*/
.menu_wrap a:link, .menu_wrap a:visited {
    color: inherit;
}

a:hover, a:active {
    color: inherit;
    text-decoration: none;
}


a:focus {
    -moz-outline-style: none;
}


a:focus {
    outline: none;
}





a.cOrange:link, a.cOrange:visited {
    color: inherit;
}


a.cOrange:hover, a.cOrange:active {
    color: inherit;
}


.pMore:hover {
    color: #f00;
}





/** 浮动元素 **/


.fl {
    display: inline;
    float: left;
}


.fr {
    display: inline;
    float: right;
}





/*清除浮动*/


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.clearfix {
    display: inline-block;
}


.clearfix {
    display: block;
}


.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}





.cl5 {
    clear: both;
    height: 5px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}


.cl10 {
    clear: both;
    height: 10px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}





.mt10 {
    margin-top: 10px;
}


.mt15 {
    margin-top: 15px;
}


.ml9 {
    margin-left: 9px;
}


.container {
    width: 980px;
    margin: 0 auto;
}





.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10 {
    float: left;
}


.span1 {
    width: 10%;
}


.span2 {
    width: 20%;
}


.span3 {
    width: 30%;
}


.span4 {
    width: 40%;
}


.span5 {
    width: 50%;
}


.span1 {
    width: 10%;
}


.span6 {
    width: 60%;
}


.span7 {
    width: 70%;
}


.span8 {
    width: 80%;
}


.span9 {
    width: 90%;
}


.span10 {
    width: 100%;
}

.state-cont {
    position: relative;
    border: 1px solid #DDD;
}

.state-lcol {
    width: 325px;
}

.order-state {
    margin-top: 20px;
}

    .order-state .state-lcol {
        float: left;
        width: 243px;
        padding: 20px 0 38px 20px;
        text-align: center;
        /*border-right: 1px solid #f1f1f1;*/
    }

    .order-state .state-rcol {
        float: left;
        padding: 20px 0 38px 20px;
        width: 720px;
        border-left: 1px solid #f1f1f1
    }
        .min-height100 {
       min-height:100px;
    }

    .order-state .state-top {
        margin-bottom: 30px;
        color: #999;
    }

    .order-state .state-txt {
        font: 600 16px/18px "Microsoft YaHei";
    }

    .order-state .state-btns {
        margin: 20px 0 30px;
    }

.flowstep {
    position: relative;
    width: 850px;
    margin: 0 auto;
}

    .flowstep .flowstep-5 {
        margin-left: -30px;
        width: 850px;
    }

    .flowstep .detail-stepbar {
        margin: 12px auto 0;
        overflow: hidden;
        zoom: 1;
    }

    .flowstep .flowstep-5 li {
        width: 170px;
    }

    .flowstep .detail-stepbar li {
        float: left;
        text-align: center;
    }

    .flowstep .detail-stepbar .step-name {
        padding: 3px 0;
        font-weight: 700;
        color: #888;
    }

    .flowstep .detail-stepbar .step-first .step-done .step-no {
        background-position: 50% -204px;
    }

    .flowstep .detail-stepbar .step-first .step-cur .step-no {
        background-position: 50% -34px;
    }

    .flowstep .detail-stepbar .step-last .step-cur .step-no {
        background-position: 50% -68px;
    }

    .flowstep .detail-stepbar .step-done .step-no {
        background-position: 50% -170px;
    }

    .flowstep .detail-stepbar .step-last .step-no {
        background-position: 50% -136px;
    }

    .flowstep .detail-stepbar .step-cur .step-no {
        background-position: 50% 0;
    }

    .flowstep .detail-stepbar .step-no, .flowstep .detail-stepbar .step-sub-box .step-sub {
        background: url(../images/orderstate.png) 50% -102px no-repeat;
    }

    .flowstep .detail-stepbar .step-no {
        height: 34px;
        line-height: 34px;
        font-family: 'arial black';
        color: #fff;
        font-size: 18px;
    }

    .flowstep .detail-stepbar .step-cur .step-name {
        color: #009349;
    }

    .flowstep .detail-stepbar .step-time {
        margin-top: 10px;
        color: #999;
        padding: 8px 0;
    }

        .flowstep .detail-stepbar .step-time .step-time-min-wraper, .flowstep .detail-stepbar .step-time .step-time-wraper {
            width: 210px;
            margin: 0 auto;
            display: inline-block;
            zoom: 1;
        }

.order-state .dl {
    width: 223px;
    padding: 5px 10px 0 30px;
    margin: 0 0 0 -1px; 
    float:left;
}

.order-state .dt h4 {
    height: 24px;
    color: #333;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
}

.order-state .dt {
    margin-bottom: 5px;
}

order-state .dd {
    color: #333;
    line-height: 20px;
}

.order-state .item {
    line-height: 24px;
    display: inline-block;
    display: block;
}

.order-state .label {
    float: left;
    width: 84px;
}

.order-state .info-rcol {
    width: 138px;
}

.order-state .info-rcol {
    float: left;  
    overflow: hidden;
}

.order-state .info-rcol-ly {
    float: left;  
    max-height: 72px;
    overflow: auto;
      width: 138px;
}
.order-state .pay {
    padding:20px; 
}

.order-state .pay .dl {
   float:right;
}
.order-track .track-rcol { 
    float: left;
    width: 720px;
    border-left: 1px solid #eee;
}

.order-track .track-list-date {
    margin-top: 20px;
}

.order-track .track-list {
    margin: 20px;
    margin-right: 10px;
    height: 226px;
    padding-left: 5px;
    overflow-y: auto;
    position: relative;
}
.fw600 { font-weight:600;font-size:14px;
}
.f-price-pay {
    font-weight:600;
    color:#f00;
    font-size:16px;
}
.layui-upload-btn
 { 
    padding-left:100px;
    margin-top:25px;
    text-align: left;
    cursor: pointer;
    color: #999;
}