@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.woff2?t=1678086428866') format('woff2'),
         url('../font/iconfont.woff?t=1678086428866') format('woff'),
         url('../font/iconfont.ttf?t=1678086428866') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pro-show .price{background-color: #f9f9f9; padding: 10px; font-size: 14px; color: #616161;}
.pro-show .price span{color: #ff8400; font-size: 24px; font-family: Arial;}
.pro-show .operation{margin-top: 20px; overflow: hidden;}
.pro-show .operation .btn1, .pro-show .operation .btn2{width: 135px; height: 45px; line-height: 45px; text-align: center; padding: 0; margin-right: 10px; border-radius: 5px; border: none; background-color: #1355a3; font-size: 16px; color: #fff; float: left;}
.pro-show .operation .btn1{background-color: #1355a3;}
.pro-show .operation .btn1{background-color: #ff8400;}

.a_header_right{display: flex;}
.a_header_right .operation{float: left;}
.a_header_right .operation .login{float: left; font-size: 14px; color: #8a8a8a; padding-left: 25px; background: url(../images/a_header_icon1.png) no-repeat left center;}
.a_header_right .operation .login a{font-size: 14px; color: #8a8a8a;}
.a_header_right .operation .login a:hover{color: #005cb8;}
.a_header_right .operation .cart{float: left; margin: 0 20px; padding-left: 25px; background: url(../images/a_header_icon2.png) no-repeat left center}
.a_header_right .operation .cart a{font-size: 14px; color: #8a8a8a;}
.a_header_right .operation .cart a:hover{color: #005cb8;}
/*  */
.login_page{width: 100%; padding: 90px 0; background: url(../images/a_login_bg.jpg) no-repeat center center; overflow: hidden;}
.login_box{float: right; width: 420px; padding: 30px 20px 60px 20px; background: linear-gradient(to top, rgba(255,255,255,.0), #fff) }
.login_box .login_title{font-size: 24px; color: #2b2b2b; padding-bottom: 20px; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #a0a0a0;}
.login_form .item{margin-bottom: 10px; position: relative;}
.login_form .item .input_text{width: 100%; border: 1px solid #ddd; height: 45px; background-color: #fff; padding: 0 15px; font-size: 14px; color: #333; outline:none; border-radius: 5px;}
.login_form .item .sms_text{position: absolute; right: 0; top: 0; width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #fff; background-color: #28b5e9; cursor: pointer; padding: 7px 0;}
.login_form .item input[type=checkbox]{margin: 0;}
.login_form .item .checkbox_text{font-size: 14px; color: #7d7d7d;}
.login_form .item .checkbox_text a{color: #7d7d7d;}
.login_form .btn{width: 100%; height: 45px; font-size: 18px; color: #fff; background-color: #1355a3; border-radius: 5px; margin-top: 10px;}
.login_box .login_text{font-size: 14px; color: #fff; margin-top: 20px;}
.login_box .login_text a{color: #ffcc00;}
/*  */
.car_page{width: 100%; padding: 50px 0; background: url(../images/a_car_bg.jpg) no-repeat center center; background-size: cover;}
.car_page .box{background-color: #fff; padding: 30px; overflow: hidden; zoom: 1;}
.title_car{padding-bottom: 20px; border-bottom: 1px solid #b4b4b4;}
.title_car .title1{font-size: 24px; color: #1355a3;}
.title_car .title2{font-size: 14px; color: #181818; margin-top: 30px; font-weight: bold;}
.car_list_title{border-bottom: 1px solid #b4b4b4; padding: 10px 0; display: flex; justify-content: space-between;}
.car_list_title li{font-size: 16px; color: #2c2c2c; line-height: 20px; text-align: center;}
.car_list_title li input[type=checkbox]{margin: 5px 10px 0 0;}
.car_list_title li:nth-child(1){width: 60px;}
.car_list_title li:nth-child(2){width: 320px;}
.car_list_title li:nth-child(3){width: 100px;}
.car_list_title li:nth-child(4){width: 82px;}
.car_list_title li:nth-child(5){width: 100px;}
.car_list_title li:nth-child(6){width: 50px;}
.car_list .item{overflow: hidden; border-bottom: 1px dotted #c1c1c1; padding: 10px 0; position: relative; display: flex; justify-content: space-between; align-items: center; text-align: center;}
.car_list .check{width: 60px; text-align: left; float: left;}
.car_list .name{width: 320px; display: flex; align-items: center; justify-content: center; text-align: left; float: left;}
.car_list .name img{width: 80px; height: 80px; object-fit: contain; float: left;}
.car_list .name .text{font-size: 14px; color: #525252; margin-left: 5px; flex: 1;}
.car_list .price{width: 100px; font-size: 18px; color: #ff8400; font-family: Arial; float: left; line-height: 22px;}
.car_list .operation{width: 82px; height: 22px; line-height: 20px; border: 1px solid #cacbcb; text-align: center; float: left;}
.car_list .operation .add, .car_list .operation .count, .car_list .operation .sub{float: left;}
.car_list .operation .add, .car_list .operation .sub{width: 24px; font-size: 14px; color: #333; cursor: pointer;}
.car_list .operation .count{width: 32px; text-align: center; border-left: 1px solid #cacbcb; border-right: 1px solid #cacbcb;}
.car_list .subtotal{width: 100px; font-size: 18px; color: #888888; float: left; line-height: 22px;}
.car_list .delete{width: 50px; cursor: pointer; float: left; line-height: 22px;}
.car_bottom{border-top: 1px solid #b4b4b4; margin-top: 30px; overflow: hidden;}
.car_bottom .left{float: left; padding-top: 20px;}
.car_bottom .text{font-size: 14px; color: #7f7f7f;}
.car_bottom .sum{font-size: 18px; color: #212121; margin-top: 10px;}
.car_bottom .sum strong{font-size: 24px; color: #ff8400; font-weight: normal;}
.car_bottom .btn{float: right; width: 150px; height: 45px; line-height: 45px; text-align: center; padding: 0; margin-top: 30px; border-radius: 5px; background-color: #005cb8; font-size: 18px; color: #fff;}
.car_page .mask{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.car_page .mask .wrap{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center}
.car_page .mask .bg{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3);}
.car_page .mask .mask-box{position: relative; z-index: 1; background-color: #fff; padding: 20px; border-radius: 5px}
.car_page .mask .text{font-size: 16px; color: #333; margin-bottom: 10px}
.car_page .mask .img-box{text-align: center; overflow: hidden}
.car_page .mask .img-box img{width: 220px; height: 220px}
/*  */
.consignee_info{margin: 30px 0 0 0;}
.consignee_form{overflow: hidden; width: calc(100% + 20px);}
.consignee_form .item{width: calc(30% - 20px); float: left; margin: 0 20px 0 0;}
.consignee_form .item input[type=text]{width: 100%; height: 45px; padding: 0 15px; border: 1px solid #dedede; border-radius: 5px;}
.consignee_form .item:nth-child(3){width: calc(40% - 20px);}
.commodity_list{width: 100%;}
.commodity_list .item{border-bottom: 1px solid #e0e0e0; padding: 10px 0; position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; text-align: center;}
.commodity_list .item .name{max-width: 500px; display: flex; align-items: center; justify-content: center; text-align: left; float: left;}
.commodity_list .item .name img{width: 80px; height: 80px; object-fit: contain; float: left;}
.commodity_list .item .name .text{font-size: 14px; color: #525252; margin-left: 5px; flex: 1;}
.commodity_list .item .title{font-size: 14px; color: #737373; line-height: 20px;}
.commodity_list .item .content{font-size: 16px; color: #ff8400; font-family: Arial;}
.pay_list{margin-top: 20px; overflow: hidden; zoom: 1;}
.pay_list .item{width: 130px; padding: 20px; margin-right: 15px; border: 1px solid #f5f5f5; background-color: #f5f5f5; text-align: center; border-radius: 10px; float: left; cursor: pointer;}
.pay_list .item input{display: none;}
.pay_list .item .icon{position: relative; overflow: hidden;}
.pay_list .item .icon::before{content: ""; display: block; padding-top: 42%;}
.pay_list .item .icon img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.pay_list .item .text{font-size: 14px; color: #333;}
.pay_list .item.on{border-color: #1355a3; background-image: url(../images/pay_icon.png); background-repeat: no-repeat; background-position: right bottom}
.settlement{float: right; margin-top: 20px; overflow: hidden;}
.settlement .settlement_prlce{float: left; font-size: 18px; color: #212121; line-height: 45px;}
.settlement .settlement_prlce span{font-size: 24px; color: #ff8400;}
.settlement .btn{float: left; width: 150px; height: 45px; line-height: 45px; text-align: center; padding: 0; margin-left: 30px; border-radius: 5px; background-color: #005cb8; font-size: 18px; color: #fff;}
/*  */
.cms_header{width: 100%; background-color: #fff; padding: 20px 0;}
.cms_header .wrap{overflow: hidden; zoom: 1;}
.cms_header .left{font-size: 24px; color: #3a3a3a; line-height: 32px; float: left;}
.cms_header .left span{font-size: 14px; color: #9d9d9d;}
.cms_header .operation{float: right;}
.cms_header .operation .text{float: left; width: 115px; height: 32px; border: 1px solid #e0e0e0; text-align: center; border-radius: 5px; overflow: hidden; margin-right: 15px;}
.cms_header .operation .text span{display: inline-block; font-size: 14px; color: #4c4c4c; line-height: 30px; padding-left: 30px; background-image: url(../images/cms_head_icon1.png); background-repeat: no-repeat; background-position: left center;}
.cms_header .operation .text:nth-child(1) span{background-image: url(../images/cms_head_icon1.png);}
.cms_header .operation .text:nth-child(2) span{background-image: url(../images/cms_head_icon1.png);}
.cms_header .operation .text:hover{border-color: #005cb8;}
/*  */
.cms{padding: 40px 0; background: url(../images/a_car_bg.jpg) no-repeat center center; background-size: cover;}
.cms_box{overflow: hidden; zoom: 1; display: flex; justify-content: space-between;}
.sideBar_left{width: 240px; float: left; background-color: #fff;}
.sideBar_right{width: calc(100% - 260px); float: left; padding: 30px 20px; background-color: #fff;}
.sideBar_list li{border-bottom: 1px solid #e2e2e2;}
.sideBar_list li a{display: block; padding: 0 40px;}
.sideBar_list li .text{line-height: 70px; font-size: 18px; color: #2e2e2e;}
.sideBar_list li .text i{font-size: 24px; color: #1355a3; margin-right: 10px;}
.sideBar_list li:hover{background-color: #1355a3;}
.sideBar_list li:hover .text{color: #fff;}
.sideBar_list li:hover .text i{color: #fff;}
.sideBar_list li.on{background-color: #1355a3;}
.sideBar_list li.on .text{color: #fff;}
.sideBar_list li.on .text i{color: #fff;}
/*  */
.cms_title{font-size: 18px; color: #1355a3; margin-bottom: 30px; text-align: center; font-weight: bold;}
.cms_form{width: 60%; margin: 0 auto;}
.cms_form .item{margin-bottom: 20px; overflow: hidden; zoom: 1;}
.cms_form .item .text{width: 70px; float: left; line-height: 45px;}
.cms_form .item input{width: calc(100% - 70px); float: left; height: 45px; border: 1px solid #cdcdcd; border-radius: 5px; padding: 0 15px; outline:none;}
.cms_form .btn{width: 140px; height: 45px; line-height: 45px; padding: 0; margin: 0 auto; display: block; text-align: center; background-color: #005cb8; border-radius: 5px; font-size: 14px; color: #fff;}
/*  */
.order_item{width: 100%; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; overflow: hidden;}
.order_item .order_top{margin-bottom: 5px; display: flex; justify-content: space-between; overflow: hidden; position: relative;}
.order_item .order_top .left{overflow: hidden; zoom: 1;}
.order_item .order_top .order_id{float: left; font-size: 13px; color: #909090; line-height: 20px;}
.order_item .order_top .order_id span{color: #434343;}
.order_item .order_top .order_time{float: left; font-size: 13px; color: #909090; line-height: 20px; margin-left: 15px;}
.order_item .order_top .order_time span{color: #434343;}
.order_item .order_top .delete_order{font-size: 14px; color: #969696; padding-left: 25px; cursor: pointer; background: url(../images/delete_icon.png) no-repeat left center;}
.order_item .box{border: 1px solid #e0e0e0;}
.order_item .order_list_top{background-color: #f7f7f7;}
.order_item .order_list_top{border-bottom: 1px solid #b4b4b4; padding: 10px 0; display: flex; justify-content: space-between;}
.order_item .order_list_top li{font-size: 16px; color: #2c2c2c; line-height: 20px; text-align: center;}
.order_item .order_list_top li:nth-child(1){width: 300px;}
.order_item .order_list_top li:nth-child(2){width: 150px;}
.order_item .order_list_top li:nth-child(3){width: 100px;}
.order_item .order_list_top li:nth-child(4){width: 150px;}
.order_list li{border-bottom: 1px solid #e0e0e0; padding: 10px 0; position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; text-align: center;}
.order_list li .name{width: 300px; display: flex; align-items: center; justify-content: center; text-align: left; float: left;}
.order_list li .name img{width: 80px; height: 80px; object-fit: contain; float: left;}
.order_list li .name .text{font-size: 14px; color: #525252; margin-left: 5px; flex: 1;}
.order_list li .content{font-size: 16px; color: #525252; font-family: Arial;}
.order_list li .number{width: 100px;}
.order_list li .price{width: 150px;}
.order_list li .state{width: 150px;}

.order_item .order_bottom{padding: 10px 0; float: right; overflow: hidden; zoom: 1;}
.order_item .order_bottom .order_number{float: left; font-size: 14px; color: #5c5c5c; line-height: 25px;}
.order_item .order_bottom .order_number span{color: #f57a00;}
.order_item .order_bottom .order_price{float: left; font-size: 14px; color: #5c5c5c; line-height: 25px; margin-left: 30px;}
.order_item .order_bottom .order_price span{color: #f57a00; font-size: 18px; font-weight: bold;}
.order_item .order_bottom .order_pay{float: left; font-size: 16px; color: #5c5c5c; line-height: 25px; margin-left: 30px; cursor: pointer;}
.order_item .order_bottom .order_state{float: left; font-size: 14px; color: #5c5c5c; line-height: 25px; margin-left: 30px;  }
.order_item .order_bottom .order_state span{color: #f57a00;}


.login-tips{ display:block; margin:10px auto 0; height:14px; vertical-align:middle; text-align: center;}
.login-tips i{ display:inline-block; margin-right:5px; width:14px; height:14px; background:url(skin_icons.png) -56px -140px no-repeat; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline; *text-indent:0; }
.login-tips p{ display:inline-block;height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#FF8F8F; vertical-align:middle; zoom:1; *display:inline; }

.page1{width: 100%; overflow: hidden; margin-bottom: 40px}
.page1 .item{width: 50%; float: left; height: 40px; line-height: 40px; font-size: 16px; color: #333; font-weight: bold; padding: 0 0 0 20px;}
.page1 .item:nth-child(1){background: #ebf1dd}
.page1 .item:nth-child(2){background: #dbeef3}



@media (max-width: 991px){
    .h-top{display: block; overflow: hidden;}
    .header-top{line-height: 30px;}
    .header-top span{display: none;}
    .header-top .a_header_right{float: right;}
    header .tel{display: none;}
    .a_header_right .operation .login a{font-size: 12px;}
    .a_header_right .operation .cart a{font-size: 12px;}
    .a_header_right .operation .cart{margin: 0 0 0 20px;}
    .car_list_title{display: none;}
    .car_list .item{min-height: 80px; display: block;}
    .car_list .check{width: 15px;}
    .car_list .name{width: calc(100% - 120px); justify-content: left;}
    .car_list .price{position: absolute; top: 10px; right: 0; text-align: right;}
    .car_list .operation{position: absolute; top: 35px; right: 0;}
    .car_list .subtotal{display: none;}
    .car_list .delete{position: absolute; bottom: 10px; right: 0;}
    .cms_form{width: 100%;}
    .order_list li .name{max-width: 300px;}
    .order_item .order_bottom .order_price{margin-left: 20px;}
    .order_item .order_bottom .order_state{margin-left: 20px;}
    .order_item .order_bottom .order_pay{margin-left: 20px;}
    
}

@media (max-width: 767px) {
    .title_car{padding-bottom: 10px;}
    .title_car .title1{font-size: 16px;}
    .car_page{padding: 30px 0;}
    .car_page .box{padding: 10px;}
    .car_list .name .text{font-size: 12px; line-height: 20px;}
    .car_list .price{font-size: 12px; width: 80px;}
    .car_list .operation{width: 80px;}
    .car_list .operation .add, .car_list .operation .sub{width: 20px;}
    .car_list .operation .count{width: 38px; font-size: 12px;}
    .car_list .delete{font-size: 12px;}
    .car_bottom{margin-top: 20px;}
    .car_bottom .text{font-size: 12px;}
    .car_bottom .sum{font-size: 14px;}
    .car_bottom .sum strong{font-size: 16px;}
    .car_bottom .btn{width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
    .title_car .title2{margin-top: 15px;}
    .consignee_info{margin: 15px 0 0 0;}
    .consignee_form{width: 100%;}
    .consignee_form .item{width: 100%; margin: 0 0 15px 0;}
    .consignee_form .item input[type=text]{height: 35px; padding: 0 10px; font-size: 14px;}
    .consignee_form .item:nth-child(3){width: 100%;}
    .commodity_list .item{display: block;}
    .commodity_list .item .name{width: calc(100% - 70px);}
    .commodity_list .item .name .text{font-size: 12px; line-height: 20px;}
    .commodity_list .price{position: absolute; right: 0; top: 10px; width: 70px; text-align: right;}
    .commodity_list .number{position: absolute; right: 0; bottom: 10px; width: 70px; text-align: right;}
    .commodity_list .item .title{font-size: 12px; line-height: 18px;}
    .commodity_list .item .content{font-size: 12px; line-height: 18px;}
    .pay_list .item{width: 100px; padding: 10px;}
    .pay_list .item .text{font-size: 12px;}
    .pay_list .item.on{background-size: 30px;}
    .settlement .settlement_prlce{font-size: 14px; line-height: 30px;}
    .settlement .settlement_prlce span{font-size: 16px;}
    .settlement .btn{width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
    .cms_header .left{width: 100%;}
    .cms_header .operation{width: 100%; margin-top: 15px;}
    .cms{padding: 30px 0;}
    .cms_box{display: block;}
    .sideBar_left{width: 100%;}
    .sideBar_right{width: 100%; margin-top: 20px;}
    .sideBar_list li .text{line-height: 40px; font-size: 14px;}
    .sideBar_right{padding: 15px;}
    .cms_title{font-size: 16px; margin-bottom: 20px;}
    .cms_form .item .text{width: 60px; line-height: 35px;}
    .cms_form .item input{width: calc(100% - 60px); height: 35px; font-size: 14px; padding: 0 10px;}
    .cms_form .item label{line-height: 35px;}
    .cms_form .btn{width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
    .order_item .order_list_top{display: none;}
    .order_list li{display: block;}
    .order_list li .name{width: calc(100% - 70px); max-width: 100%;}
    .order_list li .price{position: absolute; top: 10px; right: 0; width: 70px; line-height: 20px;}
    .order_list li .number{position: absolute; top: 30px; right: 0; width: 70px; line-height: 20px;}
    .order_list li .content{font-size: 12px;}
	.order_list li .state{position: absolute; bottom: 10px; right: 0; width: 70px; line-height: 20px;}
    .order_item .order_top{display: block;}
    .order_item .order_top .left{width: calc(100% - 85px);}
    .order_item .order_top .order_id{width: 100%;}
    .order_item .order_top .order_time{width: 100%; margin-left: 0;}
    .order_item .order_top .delete_order{position: absolute; right: 0; top: 0;}
    .order_list li .name .text{font-size: 12px; line-height: 20px;}
    .order_item .order_bottom .order_number{font-size: 12px; width: 100%; line-height: 20px;}
    .order_item .order_bottom .order_price{width: 100%; margin: 0; font-size: 12px; line-height: 20px;}
    .order_item .order_bottom .order_price span{font-size: 14px;}
    .order_item .order_bottom .order_state{width: 100%; font-size: 12px; margin: 0; line-height: 20px;}
    .order_item .order_bottom .order_pay{margin: 0; font-size: 12px; margin: 0;}
}

@media (max-width: 500px){
    .login_page{padding: 50px 0;}
    .login_box{width: 100%;}
    .login_box .login_title{font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;}
    .login_form .item .input_text{height: 35px;}
    .login_form .btn{height: 35px; font-size: 14px;}
    .login_form .item .sms_text{line-height: 35px; height: 35px; font-size: 14px; padding: 3px 0}
    .pro-show .operation .btn1, .pro-show .operation .btn2{width: 100px; height: 35px; line-height: 35px; font-size: 14px;}
}