@charset "utf-8";
@media (max-width: 767px) {
    .container{padding: 0 .2rem;}
    .container.pd0{padding: 0;}
    .container .row{margin-left: -.2rem; margin-right: -.2rem; padding: 0;}
    .container .row .col-sm-2{padding: 0 .2rem;}
    .container .row .col-sm-3{padding: 0 .2rem;}
    .container .row .col-sm-4{padding: 0 .2rem;}
    .container .row .col-sm-5{padding: 0 .2rem;}
    .container .row .col-sm-6{padding: 0 .2rem;}
    .container .row .col-sm-7{padding: 0 .2rem;}
    .container .row .col-sm-8{padding: 0 .2rem;}
    .container .row .col-sm-9{padding: 0 .2rem;}
    .container .row .col-xs-2{padding: 0 .2rem;}
    .container .row .col-xs-4{padding: 0 .2rem;}
    .container .row .col-xs-6{padding: 0 .2rem;}
    .container .row .col-xs-6:nth-child(n+3){margin-top: .4rem;}

    .bg-f7{background-color: #f7f7f7; padding-top: .6rem; padding-bottom: .6rem;}

    .p1{line-height: 24px;}

    .mt20{margin-top: .2rem;}
    .mt40{margin-top: .4rem;}
    .mt50{margin-top: .5rem;}
    .mt60{margin-top: .6rem;}
    .mt70{margin-top: .7rem;}
    .pd60{padding-bottom: .6rem; padding-top: .6rem}

    .tw-h1{font-size: .48rem; color: #333;}
    .tw-h2{font-size: .36rem; color: #333;}
    .tw-h3{font-size: .32rem; color: #333;}
    .tw-h4{font-size: 13px; color: #333;}

    .tw-h2 a{color: #333;}
    .tw-h3 a{color: #333;}

    /*复选框*/
    .tw-checkbox{font-size: 12px;}

    .interpret{font-family: Helvetica; text-align: center; margin-top: 5px; display: none;}
    .cut-off-line{margin: 5px auto 0; width: 35px; height: 4px; background-color: #2d56a4; border-radius: 10px; display: none;}

    /*缩略图1*/
    .tw-thumbnail{border: 1px solid #eee;}
    .tw-thumbnail .common{padding: .4rem .2rem; background-color: #fff;}
    .tw-thumbnail .p-ellipses{margin-top: 10px;}
    .tw-thumbnail .thumbnail-btn{margin-top: 15px;}
    .tw-thumbnail .thumbnail-btn .gh-btn{float: left; width: 35%; margin-left: 13%;}
    .tw-thumbnail .thumbnail-btn .gh-btn:last-of-type{float: right; margin-left: 0; margin-right: 13%;}

    /*缩略图2*/
    .tw-thumbnail-other{background-color: #fff; border: 1px solid #eee; margin-bottom: .4rem;}
    .tw-thumbnail-other:hover{box-shadow: 0 0 25px rgba(0,0,0,.1);}
    .tw-thumbnail-other .top-img{position: relative;}
    .tw-thumbnail-other .top-img>a:first-of-type{}
    .tw-thumbnail-other .top-img .tit{position: absolute; left: 0; bottom: 0; height: .8rem; line-height: .8rem; background-color: rgba(0,0,0,.5); padding-left: .4rem;}
    .tw-thumbnail-other .top-img .tit a{color: #fff;}

    .tw-thumbnail-other .con{padding: .3rem .4rem .4rem;}
    .tw-thumbnail-other .con .p1{padding-bottom: .2rem; border-bottom: 1px solid #eee;}
    .tw-thumbnail-other .con .p-ellipses{height: 44px; line-height: 22px; font-size: 12px; color: #999;}
    .tw-thumbnail-other .con dl{/*margin-top: .2rem;*/}
    .tw-thumbnail-other .con dl dd a{color: #666; line-height: 24px;}

    .left-line{display: inline-block; background-color: #2d56a4; width: 4px; height: .36rem; border-radius: 4px; position: relative; top: 3px; margin-right: .2rem;}

    .layer-shadow{background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; left: -200%; top: 0; z-index: 2; cursor: pointer;}
    /*-----index-----*/
    /*top*/

    .top .top-left{height: .6rem;}
    .top .icon-tel{font-size: .32rem; margin-right: 2px;}
    .top-right>span{position: relative; top: -1px;}
    .top .top-right>span,.top .top-right>a{float: left; padding: 0 .1rem; cursor: pointer;}
    /*/top*/


    /*banner*/
    .index-banner .swiper-container{width: 100%;}
    .index-banner .swiper-slide{overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%;}

    .index-banner .swiper-slide a{display: block; height: 4rem; width: 100%; background-size: cover !important;}
    /*.index-banner .swiper-slide img{max-width: 100%; display: block; height: auto;}*/

    .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px;}
    .index-banner .swiper-pagination-bullet{width: 5px; height: 5px; display: inline-block; border-radius: 100%; background: #fff; opacity: 1;}
    .index-banner .swiper-pagination-bullet-active{opacity: 1; background: #2d56a4;}
    .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}

    .index-banner .swiper-button-next,.index-banner .swiper-button-prev{display: none;}
    /*/banner*/

    /*数据滚动*/
    .index-data-wrap{margin: 0 -.2rem !important;}
    .index-data{background-color: #fff; box-shadow:0 0 40px rgba(0, 0, 0, .2); padding: .4rem 0;}
    .index-data li{float: left; width: 25%; text-align: center;}
    .index-data li .num{color: #333; font-family: Helvetica; font-size: .6rem;}
    .index-data li .refer{position: relative; display: inline-block;}
    .index-data li .refer .right-corner{color: #999; font-family: "Microsoft YaHei"; position: absolute; right: -.2rem; top: -.8rem;}
    /*/数据滚动*/

    /*我们能为您做的*/
    .we-can{padding: .6rem 0;}
    .we-can .con-wrap{margin-top: .4rem;}
    .we-can .con-wrap .row{margin: 0;}
    .we-can .con-wrap .col-sm-3{padding: 0;}
    .we-can .con{border: 1px solid #eee;}
    .we-can .con .common{padding: .5rem .4rem;}
    .we-can .con .common .p-ellipses{color: #666; line-height: 24px; margin-top: 5px;}
    .we-can .con .common .view-details{width: 2rem; margin: .2rem auto 0; display: block;}

    .we-can .swiper-container{width: 100%; padding: 0 0 .2rem .2rem;}
    .we-can .swiper-slide{width: 75%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}
    .we-can .swiper-slide.swiper-slide-active .con{border: none; box-shadow: 0 0 25px rgba(0,0,0,.08);}
    /*/我们能为您做的*/


    /*新闻动态*/
    .index-news{padding: 0 0 .6rem;}
    .index-news .con-wrap{margin-top: .4rem;}
    .index-news .left{border: 1px solid #eee;}
    .index-news .left h4 a{color: #333;}
    .index-news .left .text{padding: .2rem;}
    .index-news .left .p1{margin-top: 5px;}
    .index-news .left .p1 a{color: #999;}

    .index-news .right table{border-collapse: separate; border-spacing: 0 .3rem; width: 100%;}

    .index-news .right table tr td{padding: .2rem 0; border: 1px solid #eee;}
    .index-news .right table tr td:first-of-type{border-right: none; width: 1.4rem; text-align: center;}
    .index-news .right table tr td:last-of-type{border-left: none; padding-left: .2rem;}
    .index-news .right table tr td .year{border-bottom: 1px solid #ccc; display: inline-block; padding: 0 0; font-size: .32rem;}
    .index-news .right table tr td .month{padding-top: 3px;}
    .index-news .right table tr td .news-tit,.index-news .right table tr td .p1{padding-top: 5px;}
    .index-news .right table .news-tit a{color: #333;}

    .index-news .more{width:2rem; margin: .2rem auto 0; display: block;}
    /*/新闻动态*/

    /*-----/index-----*/

    /*-----注册-----*/
    .sign-in-wrap{position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: url("../images/sign-bg.jpg") no-repeat center;}
    .sign-in{padding: .6rem .3rem;}

    .sign-in .error-tips{background: #ffebeb; border: 1px solid #faccc6; padding-left: 10px; color: #2d56a4;  margin-top: .3rem; font-size: 12px; line-height: 28px; display: none;}
    .sign-in .error-tips .icon-form-error{font-size: 20px; position: relative; top: 3px;}

    .sign-in .gh-form-group{position: relative;}
    .sign-in .gh-form-group label{position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
    .sign-in .gh-form-group input[type='text'],.sign-in .gh-form-group input[type='password']{padding-left: 45px; }

    .sign-in .input-short{width: 60%;}
    .sign-in .verification-img{ position: absolute; right: 0; top: 0;}
    .sign-in .verification-img img{width: 2.2rem; height: 40px;}

    .sign-in .message{width: 2.2rem; height: 40px; overflow: hidden;  position: absolute; right: 0; top: 0;}
    .sign-in .iconfont{font-size: 20px;}
    .sign-in .send{padding: 0;}

    .sign-in .checkbox-wrap{font-size: 12px;}
    .sign-in .checkbox-wrap a{color: #2d56a4;}
    .sign-in input[type=checkbox]{top: 2px; position: relative;}
    .sign-in .sign-btn{width: 100%; height: 40px; margin-top: 25px; font-size: 14px;}

    .sign-in .sign-top img{width: 2rem;}
    .sign-in .sign-top .tit{font-size: .36rem; color: #fff; border-left: 1px solid rgba(255,255,255,.5); padding-left: .2rem; transform: translateY(50%); margin-left: .2rem;}

    .sign-in .sign-con{background-color: #fff; border-radius: 10px; padding: .3rem; margin-top: .6rem;}
    .sign-in .sign-con .tab li{float: left; width: 50%; text-align: center; font-size: .36rem; color: #333; padding-bottom: 10px; border-bottom: 2px solid #ddd; cursor: pointer;}
    .sign-in .sign-con .tab li input[type=radio]{display: none;}
    .sign-in .sign-con .tab li.active{color: #2d56a4; border-color: #2d56a4;}

    .sign-in .sign-con .tab-con{padding-top: .5rem;}
    .sign-in .sign-con .tab-con>div{display: none;}
    .sign-in .sign-con .sign-bottom{margin-top: 10px;}
    .sign-in .sign-con .sign-bottom a{color: #2d56a4;}
    /*-----/注册-----*/

    /*登录*/
    .login-wrap{background-image: url("../images/login-bg.jpg");}
    .login{background-color: #fff; border-radius: 10px; padding: .6rem .3rem; margin-top: 1rem;}
    .login .top .link-sign a{color: #2d56a4;}

    .login .con{margin-top: 15px;}
    .login .con .forget{font-size: 12px;}
    .login .con .forget a{line-height: 24px;}

    .login .gh-btn{width: 100%; height: 40px; margin-top: 25px; font-size: 14px;}
    /*/登录*/
    /*.left-text-right-figure{margin-bottom: .6rem;}*/
    /*.left-text-right-figure .left-text{margin-top: .3rem;}*/
    .left-text-right-figure-wrap .left-text-right-figure:nth-child(even) .left-text{float: right;}
    .left-text-right-figure .left-text .cut-off-line{margin-left: 0;}
    .left-text-right-figure .left-text .p1{line-height: 28px; color: #666; margin: 0 0 .3rem;}
    .left-text-right-figure .right-figure{margin-top: .4rem;}
    .left-text-right-figure .right-figure .p1{margin-top: .2rem;}

    .warehouse-interconnection .left-text-right-figure-wrap{margin-top: .4rem;}
    .warehouse-interconnection .left-text-right-figure-wrap .left-text-right-figure{margin-bottom: .6rem;}
    .warehouse-interconnection .left-text-right-figure-wrap .left-text-right-figure:last-of-type{margin-bottom: 0;}

    .warehouse-interconnection .left-text .tw-h3{font-size: .48rem; text-align: center; margin-bottom: .3rem;}
    /*/展鸿介绍*/

    /*招贤纳士*/
    .about-us-recruitment{background: url("../images/about-2.jpg") no-repeat center; background-size: cover; height: 4rem;}

    .join-us .left-text-right-figure{margin-bottom: 0;}

    .join-us .left-text-right-figure .left-text{margin-top: .4rem;}
    .join-us .left-text-right-figure .left-text .tw-h3{display: none;}
    .join-us .left-text-right-figure .left-text .p-introduced{line-height: 24px; margin-top: .2rem; color: #333;}
    .join-us .left-text-right-figure .left-text .p-introduced:last-of-type{margin-top: .4rem; color: #999;}

    .job-opportunities .opportunities{margin-top: .5rem; padding: 0 .4rem;}
    .job-opportunities .opportunities .opportunities-con{padding-left: .32rem;}
    .job-opportunities .opportunities .tw-h3{font-weight: bold;}
    .job-opportunities .opportunities .post{color: #333; font-size: 16px; margin-top: .3rem;}
    .job-opportunities .opportunities .qualification{color: #333; font-size: 16px; margin-top: .3rem;}
    .job-opportunities .opportunities .p1{margin-top: 5px; line-height: 24px;}
    .job-opportunities .opportunities .p2{margin-top: 10px; color: #666; font-weight: bold;}
    /*/招贤纳士*/

    /*-----展鸿学院-----*/
    .warehouse-college-banner{background: url("../images/banner-other-1.jpg") no-repeat center / cover; height: 4rem;}

    .faq-wrap{background: url("../images/bg-2.png") no-repeat center bottom; padding: .6rem 0 3rem;}
    .faq .con-wrap{margin-top: .4rem;}
    .faq .con{display: block; color: #333; font-size: 14px; line-height: 30px; margin-top: 5px; padding-left: .2rem;}
    .faq .con span{display: inline-block; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #2d56a4; color: #fff; font-size: 14px; margin-right: 10px; border-radius: 10px; font-family: "Helvetica", "Arial"; font-weight: bold;}
    /*-----/展鸿学院-----*/


    /*-----产品与服务页-----*/
    .product-service-banner{background: url("../images/banner-other-3.jpg") no-repeat center; height: 4rem; background-size: cover;}

    /*.online-reservation{padding: .6rem 0;}*/
    .online-reservation .list{margin-top: .3rem;}
    .online-reservation .list .col-sm-4:nth-of-type(n+2){margin-top: .4rem;}
    .online-reservation .p1{padding: 0 .2rem;}
    .online-reservation .list .p-ellipses{height: auto;}

    .hwc-introduced .con-wrap{margin-top: .4rem;}

    .hwc-introduced .left-text-right-figure{margin-bottom: 0;}
    .hwc-introduced .left-text-right-figure .left-text .p1{margin-top: 0;}
    .hwc-introduced .left-text-right-figure .right-figure-con{margin-top: .3rem;}

    .us-advantage .con-wrap{margin-top: .4rem;}
    .grid-icon{background-color: #f7f7f7; padding: .4rem .6rem;}
    .grid-icon .img-wrap{height: 58px;}
    .grid-icon .tw-h3{margin-top: .3rem;}
    .grid-icon .cut-off-line{height: 1px; display: block; margin-top: .2rem;}
    .grid-icon img{margin: 0 auto;}
    .grid-icon .p-ellipses{margin-top: .2rem; height: 96px; color: #666; font-size: 12px;}
    .grid-icon img:last-of-type{display: none;}

    .us-advantage .swiper-container{width: 100%; padding-bottom: .2rem;}
    .us-advantage .swiper-slide{width: 70%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}

    .us-advantage .col-sm-4{padding: 0;}

    .return-service .con-wrap{margin-top: .4rem; padding: 0 .1rem;}
    .return-service .con-wrap .con{height: .8rem; line-height: calc(.8rem - 2px); border: 1px solid #eee; background-color: #fff; padding-left: .1rem; font-size: .24rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .return-service .con-wrap .col-sm-4:nth-of-type(n+4){margin-top: 10px;}
    .return-service .con-wrap .col-sm-4{padding: 0 .1rem;}
    /*-----/产品与服务页-----*/

    /*-----展鸿自由拼-----*/
    .free-spell-banner{background: url("../images/banner-other-4.jpg") no-repeat center; height: 4rem; background-size: cover;}

    .table-responsive{border-color: #eee; border-top: none;}
    .tw-table{margin-bottom: 0; table-layout: fixed; width: auto; max-width: none; min-width: 100%;}
    .tw-table tr th{vertical-align: middle !important; text-align: center; color: #fff; font-size: .3rem; background-color: #556583; border-color: #556583 !important;}
    .tw-table tr td{vertical-align: middle !important; text-align: center; color: #333; border-color: #eee !important; padding: 15px !important; line-height: 1.7 !important; word-wrap: break-word !important;}
    .tw-table tr:nth-of-type(odd){background-color: #f7f7f7;}

    .free-spell .tw-table{width: 950px;}
    .free-spell .tw-table tr td:nth-of-type(2){text-align: left; white-space: normal;}
    .free-spell .tw-table tr th:nth-of-type(2){width: 300px;}
    /*.free-spell .tw-table tr td:last-of-type{width: 200px;}*/
    /*.tw-table tr td .text{width: 200px; }*/


    .free-spelling-advantages .con-wrap{margin-top: .4rem;}
    .free-spelling-advantages .swiper-container{width: 100%;}
    .free-spelling-advantages .swiper-slide{width: 70%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}

    .free-spelling-advantages .grid-icon .img-wrap{height: 63px;}

    .free-spell-flow .p-ellipses{height: auto;}

    /*-----展鸿自由拼-----*/

    /*-----海运直订-----*/
    /*到港口*/
    .order-sea-banner{background: url("../images/banner-other-5.jpg") no-repeat center / cover; height: 4rem;}
    .product-tab-wrap{position: relative; margin: 0 -.2rem;}
    .product-tab-wrap .product-tab{position: absolute; left: 0; right: 0; bottom: 0;}
    .product-tab-wrap .product-tab li{width: 33.33333%;  float: left;}
    .product-tab-wrap .product-tab li a{text-align: center; height: .72rem; line-height: .72rem; text-align: center; background-color: rgba(0,0,0,.7); color: #fff; font-size: .28rem; display: block;}
    .product-tab-wrap .product-tab li.active a{background-color: #2d56a4;}

    /*.order-sea-tab>div{display: none;}*/
    .order-sea .left-text-right-figure .p-ellipses{height: 168px; margin-top: 0;}

    /*到FBA*/
    .sea-common .con{display: none;}
    .sea-common .search .row{margin: 0 -5px;}
    .sea-common .search .col-sm-3{padding: 0 5px;}
    .sea-common .search .col-sm-3:nth-of-type(n+2){margin-top: .2rem;}
    .sea-common .search .col-sm-3:first-of-type .icon-chengshi{color: #2d56a4;}
    .sea-common .select-down{height: 50px;}
    .sea-common .select-down .icon-chengshi{font-size: 26px;}
    .sea-common .select-down .text{float: left; width: auto; line-height: 36px; margin-left: 10px; color: #333; font-size: 14px;}
    .sea-common .select-down .down{top: 55px; border-top: 1px solid #eee;}
    .sea-common .select-down .arrows-down{top: 14px;}

    .sea-common .search .search-btn{width: 100%; height: .8rem; line-height: .8rem; display: block; background-color: #2d56a4; text-align: center; color: #fff;}
    .sea-common .search .search-btn .iconfont{font-size: 28px;}
    /*-----/海运直订-----*/

    /*-----渠道合作-----*/
    .channel-cooperation-banner{background: url("../images/banner-other-7.jpg") no-repeat center / cover; height: 4rem;}
    .investment-agency .left .gh-form-control{margin-bottom: .2rem; background-color: #f7f7f7; height: .8rem;}
    .investment-agency .left textarea{background-color: #f7f7f7; padding: 10px;}
    .investment-agency .left .gh-btn{width: 100%; margin-top: .3rem;}

    .investment-agency .right{margin-top: .4rem;}
    .investment-agency .right dl{background-color: #2d56a4; padding: .3rem; color: #fff;}
    .investment-agency .right dl dt{font-size: .3rem; margin-bottom: .2rem;}
    .investment-agency .right dl dd{margin-top: 5px;}
    .investment-agency .right dl dd .iconfont{margin-right: .2rem;}

    .our-partners{}
    .our-partners .partners-list .con .row{margin: 0 -5px;}
    .our-partners .partners-list .con .col-sm-2{margin-top: .3rem; padding: 0 5px;}
    .our-partners .partners-list .tw-h2 .left-line{display: inline-block !important; position: relative; top: 2px;}
    /*-----/渠道合作-----*/


    /*-----展鸿快递-----*/
    .us-express-banner{background: url("../images/banner-other-8.jpg") no-repeat center / cover; height: 4rem;}

    /*.express-order .tw-table tr th:last-of-type{width: 35%;}*/

    .our-service .swiper-container{width: 100%;}
    .our-service .swiper-slide{width: 70%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;}

    .our-service .swiper-slide .col-sm-3{width: 100%;}

    .our-service .grid-icon{padding-bottom: .2rem;}
    .our-service .grid-icon .img-wrap{height: 60px; width: 100%; overflow: hidden;}
    .our-service .grid-icon .tw-h3{padding: 0 20px; line-height: 24px; height: 48px;}

    .our-service .grid-icon .p1{display: none;}
    /*-----/展鸿快递-----*/

    /*-----新闻列表-----*/
    .news-list-banner{background: url("../images/banner-other-9.jpg") no-repeat center / cover; height: 4rem;}
    /*-----/新闻列表-----*/

    /*-----新闻详情页-----*/
    .news-details-wrap .banner{background: url("../images/banner-other-2.jpg") no-repeat center / cover; height: 180px;}
    .news-details-wrap .news-tit{text-align: center; padding-top: .9rem;}
    .news-details-wrap .news-tit h1{color: #fff; font-size: .48rem;}
    .news-details-wrap .bread-crumbs{text-align: center; margin-top: 10px;}
    .news-details-wrap .news-tit .time{margin-top: 10px;}

    .news-details{padding: .3rem .2rem;}
    .news-details img{max-width: 100%; height: auto;}
    .news-details .bdsharebuttonbox{display: none;}

    .news-details .bottom{margin-top: .5rem;}
    .news-details .bottom a{color: #26324a;}
    .news-details .bottom>div{margin-top: 10px;}
    /*-----/新闻详情页-----*/

    /*-----帮助中心-----*/
    .help-center-banner{background: url("../images/faq.png") no-repeat center / cover; height: 220px;}
    .help-center{padding: .4rem;}
    .help-center .tit{text-align: center; color: #333; font-size: .36rem; margin-top: 20px;}
    .help-center .bread-crumbs{border-bottom: 1px solid #eee; padding-bottom: 20px;}
    .help-center .con{margin-top: 20px; line-height: 2; color: #333; font-size: .28rem;}
    .help-center .con p{margin: 1em 0; text-indent: 2em;}
    /*-----/帮助中心-----*/

    /*-----下单页-----*/
    .orders-banner{background: url("../images/xiadan-1.jpg") no-repeat center / cover; height: 3rem;}

    .business-order{padding: .5rem 0;}
    .common-order{padding-bottom: .6rem;}

    .common-order .tit{color: #333; border-bottom: 1px solid #ddd; height: 48px; margin-bottom: 15px;}
    .common-order .tit li{float: right;}
    .common-order .tit .right{float: right; margin-left: 20px; margin-top: 3px;}
    .common-order .tit .left{font-size: .36rem; border-bottom: 1px solid #333; float: left; line-height: 47px; margin: 0;}
    .common-order .tit .radio-wrap{margin-top: 15px;}

    .common-order .table-wrap{background-color: #f7f7f7; border: 1px solid #eee; padding: 0 15px;}
    .common-order table{table-layout: fixed; /*width: 700px;*/}

    .tw-table1{margin-bottom: 0; width: 600px;}
    .tw-table1 tr th{vertical-align: middle !important; text-align: center; color: #333; white-space: nowrap; padding: 15px !important; font-weight: bold; border: none !important;}
    .tw-table1 tr td{vertical-align: middle !important; text-align: center; color: #333; padding: 10px 15px !important; line-height: 1.7 !important;}

    .tw-table1 tr th:first-of-type{width: 100px;}
    .tw-table1 tr th:last-of-type{width: 80px;}
    .tw-table1 tr td:first-of-type{text-align: left; width: 100px;}

    .common-order table .col-sm-8{padding: 0;}
    .common-order table .icon-delate{cursor: pointer;}

    .common-order .cost{color: #333; font-size: 16px; margin-top: 20px;}
    .common-order .cost dd{line-height: 24px;}
    .common-order .cost span{color: #999; width: 70px; display: inline-block; text-align: right; font-size: 14px;}
    .common-order .cost dt{line-height: 24px; color: #2d56a4;}
    .common-order .cost dt span{color: #999;}

    .common-order .customs-clearance{margin-bottom: 20px;}
    .common-order .customs-clearance label{color: #666; font-size: 14px;}
    .common-order .customs-clearance .upload-file{position: relative; height: 160px; border: 1px solid #eee; margin-top: 10px; margin-bottom: 10px;}
    .common-order .customs-clearance .upload-file .file-icon{width: 80px; height: 80px; position: absolute; left: 50%; top: 30px; margin-left: -40px; text-align: center;}

    .common-order .customs-clearance .upload-file .file-icon .icon-upload{font-size: 40px; color: #333; margin-top: 10px; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-jpg{font-size: 60px; color: #fc7070; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-word{font-size: 60px; color: #5099f4; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-txt{font-size: 60px; color: #9da6b4; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-pdf{font-size: 60px; color: #fc7070; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-zip{font-size: 60px; color: #fd8d59; display: inline-block;}
    .common-order .customs-clearance .upload-file .file-icon .icon-file-excel{font-size: 60px; color: #69c01a; display: inline-block;}

    .common-order .customs-clearance .upload-file .text{position: absolute; left: 0; text-align: center; bottom: 25px; width: 100%;}
    .common-order .customs-clearance .upload-file .file{position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0;}

    .business-order .shipping-order .number{color: #333; font-size: 16px;}
    .business-order .shipping-order .number span{display: inline-block; width: 6px; height: 6px; background-color: #2d56a4; border-radius: 5px; margin-right: 8px; position: relative; top: -1px;}
    .business-order .shipping-order .con{background: url("../images/shipping-order-bg.jpg") no-repeat center; height: 143px; margin-top: 20px;}
    .business-order .shipping-order .con>div{margin-top: 35px;}
    /*.business-order .shipping-order .con .left{margin-left: 25%;}*/
    /*.business-order .shipping-order .con .right{margin-right: 23%;}*/
    .business-order .shipping-order .con .iconfont{font-size: 28px; font-weight: bold;}
    .business-order .shipping-order .con .text{font-size: 20px; color: #333; margin-left: 10px; margin-top: 5px;}
    .business-order .shipping-order .con .port{text-align: center; margin-top: 10px;}

    .business-order .shipping-order .table{margin-bottom: 0; width: 100%; border-bottom: 1px solid #ddd;}
    .business-order .shipping-order .table tr th{vertical-align: middle !important; color: #333; white-space: nowrap; padding: 15px 0 !important; border: none !important; font-size: 18px;}
    .business-order .shipping-order .table tr td{vertical-align: middle !important; text-align: center; color: #333; padding: 10px 15px !important; line-height: 1.7 !important;}
    .business-order .shipping-order .table tr td:first-of-type{padding-bottom: 20px !important;}

    .business-order .shipping-order .table .type{font-size: 16px; color: #333; background-color: #f7f7f7; border: 1px solid #eee; width: 120px; height: 50px; line-height: 50px; text-align: center; font-weight: bold; box-shadow: 10px 8px 0 rgba(0,0,0,.3);}
    .business-order .shipping-order .table .unit{color: #999;}
    .business-order .shipping-order .table input[type=number]{width: 80px;}
    /*-----/下单页-----*/

}

@media (max-width: 374px) {
    .common-order .tit .radio-wrap{margin-top: -55px;}
}