@charset "utf-8";
/* CSS Document */

.cart{background:#F5F5F5;padding:10px 20px;}
.cart_c{padding:0 0 40px;}
.cart_nav{line-height:30px;text-align: left;margin:5px 0;}
.cart_nav i{padding:0 10px;}
.cart_nav span{color: #AEB0B7;}
.cart_nav span em{color:orangered;font-style: normal;padding:0 2px;}

.cart_ban{background: #fff;padding:40px;margin:20px 0;}
.cart_ban ul{display: flex;justify-content:space-between;align-items: stretch;width:100%;overflow: hidden;}
.cart_ban ul li{flex: 1;line-height: 40px;height: 40px;background: #E2E2E2;font-size: 16px;margin:0 25px;position: relative;box-sizing: border-box;color:#E2E2E2;}
.cart_ban ul li span{color:#2E3231;}
.cart_ban ul li::after{position: absolute;display: inline-block;border-left:transparent 40px solid;border-top:currentColor 20px solid;border-bottom:currentColor 20px solid;left:-40px;top:0;content: "";}
.cart_ban ul li::before{position: absolute;display: inline-block;border-left:currentColor 40px solid;border-top:transparent 20px solid;border-bottom:transparent 20px solid;right:-40px;top:0;content: "";}
.cart_ban ul li:first-child::after{border-left:currentColor 40px solid;}
.cart_ban ul li:last-child::before{border-top:currentColor 40px solid;border-bottom:currentColor 40px solid;}

.cart_ban ul li.action{color: #0BA19D;background: #0BA19D;}
.cart_ban ul li.action span{color:#fff;}

.cart_main{background: #fff;padding:20px 40px 40px;margin-bottom: 40px;}
.cart_main_title{font-size: 18px;line-height: 40px;text-align: left;}
.cart_main_title em{font-style:normal;padding:0 5px;color:red;}
.cart_main_list{padding:10px 0 20px;}

.cart_main_list ul{display: table;width: 100%;border-top: 1px solid #E9E9E9;border-left: 1px solid #E9E9E9;}
.cart_main_list ul li{display:table-row;}
.cart_main_list ul li b,.cart_main_list ul li span{display: table-cell;vertical-align: middle;border-bottom: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;min-width:60px;}
.cart_main_list ul li b{line-height: 50px;background: #F1F1F1;}
.cart_main_list ul li span{line-height: 100px;}
.cart_main_list ul li input[type="checkbox"]{margin-right:5px;width:16px;height: 16px;position: relative;top:3px;}
.cart_main_list ul li span input[type="number"]{width:60px;border: 1px solid #E9E9E9;border-radius: 2px;line-height: 30px;text-align: center;}
.cart_main_list ul li span input[type="number"]::-webkit-outer-spin-button,.cart_main_list ul li span input[type="number"]::-webkit-inner-spin-button,.cart_main_list ul li span input[type="number"]{-webkit-appearance: none;appearance: none !important;-moz-appearance: textfield;}
.cart_main_list ul li span.link{height: 100px;display: flex;align-items: center;justify-content: center;}
.cart_main_list ul li span em{display: inline-block;font-style: normal;height: 30px;width: 30px;margin:auto 5px;border: 1px solid #E9E9E9;background: #fff;cursor: pointer;font-size: 21px;display: flex;align-items: center;justify-content: center;font-weight: bold;box-sizing: border-box;}
.cart_main_list ul li span em:hover{background: #109995;color:#fff;border: 1px solid #109995;box-sizing: border-box;}
.cart_main_list ul li:hover span{background: #f9f9f9;}
.cart_main_list ul li span a{color:#109995;}

.cart_main_info{display: flex;justify-content: flex-start;align-items: flex-start;text-align: left;}
.cart_main_info div{padding:15px 10px;}
.cart_main_info img{height: 70px;float: left;}
.cart_main_info p{line-height: 24px;}

.cart_main_bt{padding:20px 0;}
.cart_main_p{display: flex;justify-content: space-between;align-items: stretch;}
.cart_main_p p{line-height: 40px;}
.cart_main_p p b{display: inline-block;cursor: pointer;}
.cart_main_p p span{padding:0 30px;}
.cart_main_p p span em{font-style: normal;color: red;padding:0 5px;}
.cart_main_p p span strong{font-size: 24px;}
.cart_main_p p a{display: inline-block;background: #109995;border-radius:3px;color:#fff;padding:0 35px;font-size: 18px;}
.cart_main_p p a:hover{box-shadow: 0 3px 10px rgba(30,30,30,0.3);}

.cart_main_infor{margin:15px 0;padding:20px 0 0;border-top: 1px solid #E9E9E9;}
.cart_main_infor ul{background: #f9f9f9;padding:20px;border-radius: 6px;border: 1px solid #eee;text-align: left;}
.cart_main_infor ul li{padding:5px 0;line-height: 25px;font-size: 14px;}
.cart_main_infor ul li p b{display: inline-block;width:100px;text-align: right;font-weight: normal;}
.cart_main_infor ul li p span{color:#999;}
.cart_main_infor ul li p a{display: inline-block;margin: 0 20px;color: #fff;padding:0 15px;line-height: 25px;background: #109995;border-radius: 15px;}
.cart_main_infor ul li p a:hover{background: #0BA19D;}

.cart_main_form{margin:15px 0;padding:15px 0 0;border-top: 1px solid #E9E9E9;}
.cart_main_form ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow:row wrap;padding-bottom:15px;}
.cart_main_form ul li{width: 48%;padding:15px 0;}
.cart_main_form_group{width: 100%;display: flex;justify-content:space-between;align-items: flex-start;}
.cart_main_form_group p{line-height: 40px;font-size: 16px;text-align: left;}
.cart_main_form_group p:last-child{flex: 1;}
.cart_main_form_group p em{display: inline-block;font-style: normal;width: 20px;text-align: center;color:red;}
.cart_main_form_group p b{display: inline-block;width:90px;text-align: left;font-weight: normal;}
.cart_main_form_group p span{color:#999;font-size: 14px;}
.cart_main_form_group p strong{color:#2E3231;font-size: 18px;}
.cart_main_form_group p input{line-height: 40px;height: 40px;padding:0 10px;border:1px solid #CBCDD4;border-radius:4px;width:100%;box-sizing: border-box;}
.cart_main_title2 p{border-bottom: 1px solid #E9E9E9;margin:10px 0;padding:10px 0;}
.cart_main_title p span{font-weight: normal;font-size: 16px;}

.cart_main_list2{padding:10px 0 20px;}
.cart_main_list2 ul{display: table;width: 100%;border: 1px solid #E9E9E9;}
.cart_main_list2 ul li{display:table-row;}
.cart_main_list2 ul li b,.cart_main_list2 ul li span{display: table-cell;vertical-align: middle;min-width:60px;padding:0 15px;}
.cart_main_list2 ul li b{line-height: 50px;background: #F1F1F1;}
.cart_main_list2 ul li b:first-child{text-align: left;}
.cart_main_list2 ul li span{line-height: 100px;border-top: 1px solid #E9E9E9;}
.cart_main_info2{display: flex;justify-content: flex-start;align-items: flex-start;text-align: left;}
.cart_main_info2 div{padding:15px 10px 15px 0;}
.cart_main_info2 div:first-child{width: 100px;height: 70px;overflow: hidden;}
.cart_main_info2 div:first-child img{height: 100%;width: 100%;object-fit: contain;}
.cart_main_info2 p{line-height: 24px;}

.cart_main_form_group2{width: 100%;display: flex;justify-content:space-between;align-items: flex-start;}
.cart_main_form_group2 p{line-height: 40px;font-size: 16px;text-align: left;}
.cart_main_form_group2 p:last-child{flex: 1;}
.cart_main_form_group2 p em{display: inline-block;font-style: normal;width: 20px;text-align: center;color:red;}
.cart_main_form_group2 p b{display: inline-block;width:90px;text-align: left;font-weight: normal;}
.cart_main_form_group2 p textarea{line-height: 28px;padding:0 10px;border:1px solid #CBCDD4;border-radius:4px;width:100%;box-sizing: border-box;margin:7px 0;}

.cart_main_bt p{padding:15px 0;text-align: right;}
.cart_main_bt p input{line-height: 45px;border-radius: 4px;padding:0 50px;font-size: 16px;color: #fff;border: none;}
.cart_main_bt p input.ckOrder{background: #0BA19D;cursor:pointer;border:1px solid #0BA19D;}
.cart_main_bt p input.noOrder{background: #ddd;border:1px solid #ddd;}
.cart_main_bt p input.ckOrder:hover{border:1px solid #007975;}
.cart_main_bt p input.noOrder:hover{border:1px solid #ccc;}
.cart_main_bt p input.btcolor{background: #0BA19D;cursor:pointer;border:1px solid #0BA19D;}
.cart_main_bt p input.btcolor:hover{border:1px solid #007975;}

.cart_main_desc{padding:10px 0;text-align: right;}
.cart_main_desc p{padding:5px 0;line-height: 25px;font-weight: bold;}
.cart_main_desc p span{display: inline-block;width: 120px;padding: 0 5px;}
.cart_main_desc p em{font-style: normal;}







.cart_success{background: #fff;padding:80px 0;margin-bottom: 40px;}
.cart_success p img{width: 100px;padding:10px 0;}
.cart_success p b{font-size: 20px;line-height: 60px;}
.cart_success p a.bk{display: inline-block;margin:0 20px;padding:0 50px;line-height: 45px;border-radius: 4px;border: 1px solid #E9E9E9;color: #676767;}
.cart_success p a.ck{display: inline-block;margin:0 20px;padding:0 50px;line-height: 45px;border-radius: 4px;border: 1px solid #E9E9E9;background: #109995;color:#fff;}
.cart_success p:last-child{margin:40px 0 80px;font-size: 16px;}

.cart_success p a:hover{box-shadow: 0 3px 15px 0 rgba(50,10,10,0.1);}
.cart_success p span{color: #676767;}


.person_main_adr{padding:10px 0;}
.person_main_adr ul{display: flex;justify-content:space-between;align-items:stretch;flex-flow:row wrap;height:200px;overflow: hidden;}
.person_main_adr ul li{width:calc((100% - 60px)/4);margin-bottom: 20px;border: 1px solid #D9D9D9;box-sizing: border-box;padding:5px 15px;text-align: left;position: relative;}
.person_main_adr ul li:hover{border: 1px solid #0BA19D;};
.person_main_adr ul li .person_main_adr_name p{line-height: 35px;}
.person_main_adr ul li .person_main_adr_name p b{line-height: 35px;}
.person_main_adr ul li .person_main_adr_name p span{line-height: 35px;display: none;color: #9EA6A5;font-size: 12px;position: absolute;right: 15px;}
.person_main_adr ul li.action{border: 4px solid #0BA19D;padding: 2px 12px;}
.person_main_adr ul li.action .person_main_adr_name p span{display: inline-block;}
.person_main_adr_info{border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;padding:5px 0;}
.person_main_adr_info p{padding:5px 0;line-height: 20px;}
.person_main_adr_info p span{color: #767578;font-size: 12px;margin-right:5px;}
.person_main_adr_op{padding:5px 0;}
.person_main_adr_op p{line-height: 25px;}
.person_main_adr_op p a{margin-right: 20px;}
.person_main_adr_add2{width: 100%;height: 100%;min-height: 160px;text-align: center;position: relative;cursor: pointer;}
.person_main_adr_add2 div{display: inline-block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.person_main_adr_add2 p span{display: inline-block;width: 32px;height:32px;background: #D9D9D9;border-radius: 50%;overflow: hidden;line-height: 32px;text-align: center;font-size: 25px;color:#fff;}
.person_main_adr_add2 p b{font-size: 14px;color: #A1A1A1;line-height: 30px;}
.person_main_adr ul li .person_main_adr_icon{display: none;position: absolute;bottom: 0;right: 0;width:32px;height:32px;background-repeat:no-repeat;background-image:linear-gradient(-45deg,#0BA19D 50%,rgba(0,0,0,0) 50%);background-size: 100% 100%;background-position:top left, bottom left;}
.person_main_adr ul li.action .person_main_adr_icon{display: flex;justify-content: flex-end;align-items: flex-end;}
.person_main_adr ul li .person_main_adr_icon i{font-size: 16px;color:#fff;}
.person_main_adr ul li.action .person_main_adr_op p a.setDefAddr,.person_main_adr ul li.action .person_main_adr_op p a.delAddr{display: none;}
.person_main_adr ul>div{width:calc((100% - 60px)/4);}

.showAddrList{margin-bottom:30px;height:50px;line-height:50px;background:#eee;color:#424242;text-align:center;cursor:pointer;}
.showAddrList i{margin:0 10px;font-size: 16px;}



.adr_box,.person_box{position: fixed;top:0;left: 0;right:0;bottom:0;background: rgba(0,19,18,0.6);z-index: 10;display:none;justify-content: center;align-items: center;}
.adr_boxc,.person_boxc{background: #fff;position: relative;min-width:640px;max-width: 980px;}
.adr_title,.person_title{font-size: 18px;color: #190D0D;line-height: 60px;text-align: left;padding:0 25px;background: #F2F2F2;}
.ckadr_close,.person_close{position: absolute;top:5px;right: 20px;display: inline-block;line-height:40px;color: #6C6F6E;transition: all 0.3s linear;cursor:pointer}
.ckadr_close i,.person_close i{font-style: normal;font-size: 30px;}
.ckadr_close:hover,.person_close:hover{color: #000;}

.adr_main{padding:15px 40px;background: #fff;}
.adr_main>p>textarea{width: 100%;border: 1px solid #C0C0C0;border-radius:6px;background: #F4F4F4;line-height: 28px;box-sizing: border-box;padding: 5px 15px;}


.adr_bt{background: #F2F2F2;border-top: 1px solid #DFDFDF;height: 80px;display: flex;align-items: center;justify-content: center;}
.adr_bt span{display: inline-block;padding:0 80px;color:#fff;font-size: 16px;line-height: 40px;margin:0 10px;cursor: pointer;transition: all 0.2s linear;}
.ckbt_no,.person_ok{background: #0BA29A;}
.ckbt_no,.person_no{background: #A1A1A1 !important;}
.adr_bt span:hover{box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);}
.adr_bt input{color:#fff;background: #0BA29A;font-size: 16px;line-height: 40px;margin:0 10px;transition: all 0.2s linear;padding:0 80px;border: none;}
.adr_bt input:hover{box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);}

.adr_list{padding:15px 0;}
.adr_list p{padding:10px 0;line-height: 40px;display: flex;justify-content: flex-start;align-items: stretch;}
.adr_list p b{display: inline-block;width: 110px;text-align: right;font-size: 16px;font-weight: normal;margin-right: 15px;}
.adr_list2  p b{width: 90px;}
.adr_list p b em{font-style: normal;padding:0 5px;color:red;}
.adr_list p span{display: inline-block;flex: 1;text-align: left;position: relative;font-size: 16px;}
.adr_list p span input.ck1{width: 100%;line-height: 40px;height: 40px;box-sizing: border-box;padding:0 15px;border: 1px solid #DFDFDF;}
.adr_list p span select{width: 100%;line-height: 40px;height: 40px;box-sizing: border-box;padding:0 15px;border: 1px solid #DFDFDF;}
.adr_list p span textarea{width: 100%;line-height: 24px;box-sizing: border-box;padding:5px 15px;border: 1px solid #DFDFDF;margin-top: 10px;}

.person_boxc{width: 780px;}
.person_mainc{padding:80px 80px;background: #fff;box-sizing: border-box;}

.adr_list p span>a{position: absolute;right: 5px;top:7px;line-height: 30px;display: inline-block;padding:0 20px;background: #109995;border-radius:15px;color:#fff;font-size: 13px;}
.adr_list p span>a.getCode{color:#fff;}
.adr_list p span>a.getCode:hover{background:#0BA19D;}
.adr_list p span>a.noCode{background:#bbb;cursor:not-allowed;}
.adr_list p span>a.changeT{background:none;color:#222;padding:0 5px;color: #109995;}
.adr_list p span>a.changeT:hover{text-decoration: underline;}




