@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    .navLayout {min-height: 410px;}
    .crumbs{padding-left: 220px;padding-right: 20px;}
    .crumbs .link{display: block;float: right;font-size: 14px;color: #E15616;text-decoration: underline;}
    .navLayout .left{float:left;width:200px;line-height:50px;white-space:nowrap;text-indent:16px;font-size:16px;background:#FFF}
    .navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5}
    .navLayout .navList .tab{display:block;color:#22272e;position:relative;cursor: pointer;}
    .navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:10px;top:0;transform:rotate(90deg);width:32px;height:32px;line-height:32px;text-align:center;color:#bec2c9}
    .navLayout .navList .con{position:relative;}
    .navLayout .navList .con:before,.navLayout .navList .con:after{content:'';position:absolute;width:168px;border-top:1px solid #f5f5f5;left:16px}
    .navLayout .navList .con:before{top:0}
    .navLayout .navList .con:after{bottom:0}
    .navLayout .navList .con a{display:block;font-size:14px;color:#627386;text-indent:32px}
    .navLayout .navList.on .tab:before{top:18px;transform:rotate(270deg);color:#e15616}
    .navLayout .navList.on .tab{color:#e15616}
    .navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
    /*个人中心右侧*/
    .navLayout .right{float:right;width:968px}
    .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .order-header .header-bt {height: 38px;float: left;}
    .order-header .header-bt p{float: left;font-size: 14px;line-height: 38px;text-align: left;color: #22272e;}
    .order-header .header-bt p span{color: #E15616;margin: 0 5px;}
    .order-header .header-button{height: 38px;float: right;}
    .order-header .header-button .btn-server{width: 128px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;font-size: 14px;color: #e15616;line-height: 36px;text-align: center;}
    .container{width: 100%;height: auto;box-sizing: border-box;margin-top: 15px;position: relative;}
    .container .empty{box-sizing:border-box;padding:100px 0;text-align:center;color:#4A4F58;line-height:30px;font-size:16px;background-color:#FFF;}
    .container .empty img{width:180px;height:180px;}
    .container .empty a{color:#E15616;}
    .container .section.address-none{height: 318px;position: absolute;left: 0;top:0;background-color: #FFF;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);z-index: 999;padding: 16px 0;box-sizing: border-box;}
    .container .section.address-none .address-main{width: 590px; float: left;height: 100%;}
    .container .section.address-none .formLine{padding-bottom:16px;font-size:14px;position:relative;width: 100%;height: auto;float: left;}
    .container .section.address-none .formLine input{box-sizing:border-box;width:100%;height:36px;line-height:34px;text-indent:1.2em;background-color:#FFF;border:1px solid #b8bfca;border-radius:2px}
    .container .section.address-none .formLine select{cursor: pointer; box-sizing:border-box;width:162px;height:36px;line-height:34px;text-indent:1.2em;background-color:#FFF;border:1px solid #b8bfca;border-radius:2px}
    .container .section.address-none .formLine textarea{width:100%;height:114px;box-sizing:border-box;border:solid 1px #b8bfca;padding:10px 16px;line-height:20px;resize: none;border-radius: 2px;outline: none;}
    .container .section.address-none .label{width: 90px;float: left;}
    .container .section.address-none .label.tex{height: 114px;}
    .container .section.address-none .label p{height:auto;line-height:36px;font-size: 14px;text-align: right;}
    .container .section.address-none .label p em{font-style:normal;color:#f94b4b;margin:0 5px}
    .container .section.address-none .form-input{width: 496px;float: left;}
    .container .section.address-none .address-sub{width: 340px; float: right;height: 100%;position: relative;box-sizing: border-box;padding: 98px 30px;}
    .container .section.address-none .address-sub:before{content:'';width: 1px;height: 90px;border-left: 1px dashed #b8bfca;position: absolute;left: 0;top: 50%;margin-top: -45px;}
    .container .section.address-none .address-sub .checked{width: 100%;height: 16px;line-height: 16px;float: left;cursor: pointer;}
    .container .section.address-none .address-sub .checked .icon{width:16px;height: 16px;display: block;float: left;margin-right: 5px;}
    .container .section.address-none .address-sub .checked .icon-weigouxuan:before{width:16px;height: 16px;background-position: -288px 0;}
    .container .section.address-none .address-sub .checked .icon-gouxuan:before{width:16px;height: 16px;background-position: -262px 0;}
    .container .section.address-none .address-sub .checked span{font-size: 14px;color:#1890f9;}
    .container .section.address-none .address-sub .button{width: 100%;height: 36px;float: left;margin-top: 35px;}
    .container .section.address-none .address-sub .btn{width: 128px;height: 34px;float: left;line-height: 34px;text-align: center;font-size: 14px;display: block;border: 1px solid #E15616;}
    .container .section.address-none .address-sub .btn-confirm{background-color: #E15616;color: #ffffff;margin-right: 15px;}
    .container .section.address-none .address-sub .btn-cancel{background-color: #FFE6DC;color: #E15616;}

    .container .section{width: 100%;height: auto;}
    .container .section .list{width: 100%;height: 123px;box-sizing: border-box;padding:6px 16px;float: left;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-bottom: 10px;}
    .container .section .list-left{width: 660px;height: 100%;float: left;}
    .container .section .list-right{width: 240px;height: 100%;float: right;padding: 42.5px 0;box-sizing: border-box;}
    .container .section .list-left p{width: 100%;height: 36px;line-height: 36px;font-size: 14px;color: #22272e;}
    .container .section .list-left p .label{color: #627386;margin-right: 5px;display: inline-block;min-width: 60px;height:36px;text-align: justify;vertical-align: top;}
    .container .section .list-left p .label:after{content: '';display: inline-block;width: 100%;}
    .container .section .list-left p .prov{margin-right: 15px}
    .container .section .list .list-defalut{float: left;width: 115px;}
    .container .section .list .list-button{float: right;width: 120px;}
    .container .section .list .list-btn{width: 60px;color:#E15616;float: right;display: inline-block;height: 22px;font-size: 12px;text-align: center;line-height: 22px;}
    .container .section .list .list-btn.ico{box-sizing: border-box;padding: 4px 22px;}
    .container .section .list .list-button .icon{width: 16px;height: 16px;float: right;position: relative;}
    .container .section .list .list-button .icon span{display: block;width: 64px;height: 38px;line-height: 38px;background-color: #f94b4b;border-radius:3px;box-shadow: 0px 3px 6px 0px rgba(98, 115, 134, 0.17);position: absolute;bottom: -50px;left: -20px;color: #FFF;font-size: 14px;text-align: center;font-style: normal;transition: all ease-in 0.3s;opacity: 0;}
    .container .section .list .list-button .icon span:before{content:'';width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #f94b4b;position: absolute;top: -7px;left: 19px;}
    .container .section .list .list-btn.ico:hover span{opacity: 1;}
    .container .section .list .list-button .icon:before{height: 16px;width: 16px;background-position: -317px -2px;}
    .container .section .list .list-defalut .icon{height: 24px;width: 24px;display: block;float: left;margin-right: 5px;}
    .container .section .list .list-defalut .icon:before{height: 24px;width: 24px;background-position: -255px -330px;}
    .container .section .list .list-defalut .span-s{display: inline-block;height: 24px;line-height:24px;padding: 0 15px;background-color: #f94b4b;font-size: 12px;color: #FFFFFF;border-radius: 12px;text-align: center;cursor: pointer;}

}

/**
* 移动端
*/
@media screen and (max-width:768px){
.navLayout{background:#FFF;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;}
.navLayout .crumbs{display:none;}
.navLayout .left{width:29.3vw;border-right:1px solid #F5F5F5;line-height:11.8vw;white-space:nowrap;text-indent:3.3vw;font-size:3.4vw;}
.navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5;font-size: 3.7vw;}
.navLayout .navList .tab{display:block;color:#22272e;position:relative}
.navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:1.4vw;top:1vw;transform:rotate(90deg);width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center;color:#bec2c9}
.navLayout .navList .con a{display:block;color:#9aa5b5;}
.navLayout .navList.on .tab:before{top:4vw;transform:rotate(270deg);color:#e15616}
.navLayout .navList.on .tab{color:#e15616}
.navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
.navLayout .right{width:70.5vw}





}

