@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    /*个人中心右侧*/
    .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: #627386;}
    .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;position: relative;margin-top: 8px}
    .container .empty{background-color:#FFF;}
    .container .section.address-none{height: 318px;left: 0;top:0;background-color: #FFF;box-shadow: 0px 3px 6px 0px
		rgba(34, 39, 46, 0.07);z-index: 999;padding: 16px 0;box-sizing: border-box;margin-bottom: 10px}
    .addressWrap{padding:16px;position:relative}
    .addressWrap .formLine{padding-bottom:16px;font-size:14px;position:relative;padding-left:90px;text-align:left;width:450px}
    .addressWrap .formLine .label{position:absolute;left:0;top:0;width:90px;text-align:right;line-height:36px;font-size:14px}
    .addressWrap .formLine .checked{top:8px}
    .addressWrap .formLine .errTips{display:none}
    .addressWrap .formLine.error .errTips{display:block}
    .addressWrap .formLine input{width:420px;height:36px}
    .addressWrap .formLine textarea{width:420px;min-height:114px;padding:10px 16px;line-height:20px;resize:none}
    .addressWrap .formLine select{width:136px;height:36px}
    .addressWrap .btnBox{position:absolute;left:610px;top:100px}
    .addressWrap .btnBox .group{text-align:left;height:92px;box-sizing:border-box;border-left:1px dashed #b8bfca;padding: 0 30px;}
    .addressWrap .btnBox .group p:first-child{line-height:32px}
    .addressWrap .btnBox .group .btn{display:inline-block;width:128px;height:34px;line-height:34px;margin:0 auto;text-align:center;font-size:14px;color:#1890f9;border:1px solid #FFFFFF}
    .addressWrap .btnBox .group .btn.con{background-color:#FFE6DC;color:#E15616;border-color:#E15616}
    .addressWrap .btnBox .group .btn.save{background-color:#E15616;color:#FFF;border-color:#E15616;margin-right:15px}
    .addressWrap .btnBox .group .check{display:inline-block;height:18px;line-height:18px;color:#1890f9;margin-bottom: 25px;}
    .addressWrap .btnBox .group .check input{vertical-align:top;margin-right:10px}
    .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;}
    input[type=checkbox]:checked:after{background: #1890f9;border: 1px solid #1890f9}
    input[type=checkbox]:after{border: 1px solid #1890f9;}
    input::placeholder,textarea::placeholder{color: #9aa5b5}
}

/**
* 移动端
*/
@media screen and (max-width:768px){
    .order-header{line-height:7.4vw;background:#FFF;padding:3.3vw;margin:1.5vw auto;font-size:3.1vw;position:relative}
    .order-header p span{color:#E15616;margin:0 1vw}
    .header-button .btn-server{position:absolute;right:3.3vw;top:3vw}
    .container{box-sizing:border-box;width:100%;position:relative}
    .container .list{line-height:7.4vw;background:#FFF;padding:3.3vw}
    .container .list{margin-bottom:1vw;border-bottom:1px dashed #eee;position:relative}
    .container .list p{display:inline-block;min-width:49%;line-height:5vw;font-size:3.4vw;color:#22272e}
    .container .list p .label{color:#627386;margin-right:2vw}
    .container .list-right{padding-top:2vw}
    .container .list-btn,.header-button .btn-server{display:inline-block;height:8vw;line-height:8vw;font-size:3.4vw;color:#1890f9;padding:0 3vw;border-radius:4.5vw;background-color:#e0f1ff;border:solid 1px #1890f9}
    .container .list-btn.ico{background-color:#ffd8d8;color:#f94b4b;border-color:#f94b4b;margin-left:2vw}
    .header-button .btn-server{background-color:#E15616;color:#FFF;border-color:#E15616;}
    .container .list-btn i{font-style:normal;}
    .container .list-defalut{height:8vw;line-height:8vw}
    .container .list-defalut .mIcon{display:inline-block;vertical-align:middle}
    .container .list-defalut .mIcon:before{height:8vw;width:8vw;background-position:-94.1vw -36.7vw}
    .container .list-defalut span{display:inline-block;height:6vw;line-height:6vw;font-size:3.1vw;color:#FFFFFF;background-color:#f94b4b;border-radius:3vw;padding:0 3vw;vertical-align:middle}
    .container .list-defalut a{display:inline-block;height:6vw;line-height:6vw;margin-left:2vw;color:#1890f9;vertical-align:middle}
    .container .list-defalut a{padding:0;margin:0;font-size: 3.1vw;}
    .container .list .seclet{width:6vw;height:6vw;position:absolute;bottom:0;right:0;opacity:0}
    .container .list .seclet .mIcon{width:6vw;height:6vw;display:block}
    .container .list .seclet .mIcon:before{width:6vw;height:6vw;background-position:-75.1vw -7.8vw}
    .container .list.checked{border:1px solid #E15616}
    .container .list.checked .seclet{opacity:1}
    .addressWrap{position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;background-color:rgba(74,79,88,.7);z-index:999999;box-sizing:border-box;}
    .addressWrap .form{width:100%;box-sizing:border-box;position:absolute;bottom:0;left:0;background:#FFF;border-radius:2vw 2vw 0 0;padding:3.3vw}
    .addressWrap .btnBox .group{text-align:center}
    .addressWrap .btnBox .group p:first-child{margin-bottom:5vw}
    .addressWrap .btnBox .group .check{display:inline-block;color:#1890f9}
    .addressWrap .btnBox .group .check input{vertical-align:top;margin-right:2vw}
    .addressWrap .btnBox .group .btn{display:inline-block;width:40vw;height:11vw;line-height:11vw;text-align:center;font-size:3.4vw;color:#e15616;border:1px solid #e15616;background:#FFE6DC}
    .addressWrap .btnBox .group .btn.save{background-color:#E15616;color:#FFF;border-color:#E15616}
    input[type=checkbox]:checked:after{background: #1890f9;border: 1px solid #1890f9}
    input[type=checkbox]:after{border: 1px solid #1890f9;}
    input::placeholder,textarea::placeholder{color: #9aa5b5}

}
