@charset "utf-8";

.text-decoration {
    text-decoration: underline;
}

body {
    background: #fff;
}

.cl-7b5822 {
    color: #7b5822
}

h1, h2, h3 {
    margin: 0;
}

.middle {
    vertical-align: middle
}

.plr10 {
    padding-left: 20px;
    padding-right: 20px;
}

.to-top a:hover {
    color: #fff;
}

.new_top {
    height: 55px;
    line-height: 55px;
    background: #7b5822;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.nav_left li {
    float: left;
}

.nav_left .logo {
    margin-top: 12px;
}

.nav_left ul li a {
    display: block;
    padding: 0 15px;
    color: #fff;
    font-size: 16px;
}

.online_icon {
    background-image: url(/uploads/image/cionlinenew/online_icon.png);
    display: inline-block;
}

.nav_left li a:hover .arrow_bottom {
    transform: rotate(180deg);
}

.top_tools {
    float: left;
}

.order-free-text {
    display: none;
    font-weight: 400;
}

.expressage {
    margin-top: 15px;
}

.newboard li {
    margin-bottom: 6px;
}

.newboard .option {
    margin-bottom: 0;
}

.w225 {
    width: 225px;
}

.discount-icon {
    margin-right: 5px;
    text-decoration: line-through;
}

.user_icon {
    background-position: -1px -1px;
    width: 30px;
    height: 30px;
}

.nav_menu {
    background-position: -46px -6px;
    width: 21px;
    height: 21px;
}

.history_list {
    background-position: -87px -3px;
    width: 28px;
    height: 28px;
}

.cart_icon {
    background-position: -128px -3px;
    width: 28px;
    height: 28px;
}

.nav_right li {
    display: inline-block;
    padding: 0 8px;
}

    .nav_right li a {
        vertical-align: middle;
    }

.nav_right em {
    position: absolute;
    top: -5px;
    right: -7px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    background-color: #f90;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.ordershipnewmoney {
    display: none;
}

.info_item {
    width: 100%
}

.info_title {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
}
/*产品信息*/
/*重定义*/
.tooltip {
    text-align: left !important;
    width: 150px;
}

    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #fff;
    }

.tooltip-inner {
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 8px 10px;
    webkit-box-shadow: 0 0 10px #af8a52;
    -moz-box-shadow: 0 0 10px #af8a52;
    box-shadow: 0 0 10px #af8a52;
    max-width: 200px;
}

.tooltip.in {
    opacity: 1;
}

.divselect-box {
    width: 110px;
    position: relative;
}

.select-style {
    width: 100%;
    height: 30px;
    position: relative;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ccc;
    display: block;
}

select.forms-control {
    border-radius: 4px;
    border-color: #d1b387;
    outline: none;
    width: 100%;
    height: 32px;
    padding-left: 10px;
    line-height: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-style:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(/uploads/image/cinewindexv3/surplus.png) no-repeat center;
    position: absolute;
    right: -1px;
    top: -1px;
    pointer-events: none;
    background-size: 100%;
}

.select-style a {
    display: block;
    line-height: 28px;
    color: #333;
    padding-left: 10px;
}

.divselect-box1 {
    width: 90px;
}

#select2 cite.select-style1 {
    border: 1px solid #dddddd;
    color: #444444;
    background: #fff;
}

.wen_tip {
    width: 16px;
    height: 20px;
    background: url(/uploads/image/cionlinenew/wen.png) no-repeat center;
    display: inline-block;
    vertical-align: sub;
}

    .wen_tip:hover {
        background: url(/uploads/image/cionlinenew/wenhover.png) no-repeat center;
    }

.size_item {
    height: 30px;
    line-height: 30px;
    border: none;
    width: 35%;
    padding-left: 10px;
}

    .size_item:nth-of-type(1) {
        border-radius: 4px 0 0 4px
    }

.option-size {
    width: auto;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    border-radius: 2px;
    padding-right: 4px;
}

.option {
    margin-bottom: 6px;
}

.info_basic select {
    padding: 0 10px;
    width: 240px;
    height: 32px;
    line-height: 32px;
}

.info_comm {
    width: 838px;
    padding: 10px 0 20px 20px;
    border-left: 1px solid #ececec;
}

    .info_comm .option {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .info_comm .option .option-con {
            width: 684px;
        }

        .info_comm .option .option-choose li {
            margin-bottom: 10px;
        }

.option-size .form-control {
    width: 66px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 6px 7px;
}

    .option-size .form-control.active {
        background: #fff3f3;
        border: 1px solid #ffa8a8;
    }

.info_comm .form-control {
    display: inline-block;
}
/*锣槽间距*/
.slot-spacing .form-control {
    padding-right: 0;
    width: 39px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    border: none;
    border-right: 1px solid #dcdcdc;
}
/*.info_cont{height:130px;}*/
.info_ts {
    border-top: none;
    padding: 5px 20px;
    margin-bottom: 50px;
}

.info_ts_cont .option {
    float: left;
    margin-right: 120px;
    margin-top: 10px;
}

.info_ts_cont li {
    float: left;
}

.ts_input {
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}

.page-list {
    background: #fff;
}

.list-inline > li { /*background: #f5f5f5;*/
    padding: 0 10px 10px 0;
}

.page-list .parameter-list {
    padding-left: 6px;
}

    .page-list .parameter-list .parameter-item .parameter-search {
        border-bottom: 1px solid #e6e6e6;
    }

.label_x, .label_cm {
    width: 15%;
    text-align: center;
    margin-top: 4px;
}

.t_right {
    overflow-x: auto;
}

.info_ts_cont {
    border-top: 1px solid #e5e5e5;
}
/**/
.coordination-table {
    width: 100%;
}

.xgpp {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 80px;
}

    .xgpp thead tr {
        background: #f7f5f7;
    }

.paxu {
    height: 36px;
    line-height: 36px;
    background: #fafafa;
    margin-bottom: 10px;
}

    .paxu span {
        display: inline-block;
        padding: 0 25px 0 20px;
        cursor: pointer;
    }

        .paxu span img {
            margin-left: 5px;
        }

/*选择框*/
.divselect {
    position: relative;
}

    .divselect cite {
        width: 100%;
        height: 32px;
        line-height: 30px;
        display: block;
        color: #333;
        font-style: normal;
        padding-right: 30px;
        border: 1px solid #d1b387;
        padding-left: 10px;
        border-radius: 4px;
    }

        .divselect cite a {
            display: inline-block;
            height: 24px;
            cursor: default;
            color: #333;
            text-decoration: none;
        }

    .divselect ul {
        width: 100%;
        border: 1px solid #ccc;
        background-color: #ffffff;
        position: absolute;
        z-index: 99;
        margin-top: -1px;
        display: none;
    }

        .divselect ul li {
            height: 30px;
            line-height: 30px;
        }

            .divselect ul li a {
                display: block;
                height: 30px;
                color: #333333;
                text-decoration: none;
                padding-left: 10px;
                padding-right: 10px;
                cursor: default;
            }

                .divselect ul li a:hover {
                    background: #e5e5e5;
                }

                .divselect cite a b, .divselect ul li a b {
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    margin-right: 10px;
                }

.pbfs li {
    float: left;
    line-height: 32px;
    margin-right: 10px;
}

    .pbfs li input {
        display: none;
    }

.xgpp_title em {
    display: block;
    padding-left: 22px;
    background: url(/uploads/image/cionlinenew/remove.png) no-repeat left center;
    margin-left: 20px;
    cursor: pointer
}
/*颜色*/
.example-color {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.example-color-green {
    background-color: #007606;
}

.example-color-red {
    background-color: #c81609;
}

.example-color-yellow {
    background-color: #ffde00;
}

.example-color-blue {
    background-color: #0943c8;
}

.example-color-black {
    background-color: #000;
}

.example-color-white {
    background-color: #fff;
    border: 1px solid #ccc;
}

.example-color-warmwhite {
    background-color: #fffbd6;
    border: 1px solid #ccc;
}

.example-color-highantiwhiteoil {
    background-color: #fff;
    border: 1px solid #ccc;
}

.example-color-none {
    background:  no-repeat 0 0;
}

.example-color-matteblack {
    background-color: #333;
}

.example-color-mattegreen {
    background-color: #46c017;
}

.example-color-whitesfr6ks {
    background-color: #fff;
    border: 1px solid #ccc;
}

.grayoption .option-con .divselect cite {
    background: #f5f5f5
}

.example-color-none {
    background: url(/uploads/image/cionlinenew/color_none.png) no-repeat center;
}

.example-color-green {
    background: #007606;
    border-radius: 2px;
}

.example-color-black {
    background: #000;
    border-radius: 2px;
}

.example-color-white {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ccc;
}

.example-color-yellow {
    background: #ffde00;
    border-radius: 2px;
}

.example-color-red {
    background: #c81609;
    border-radius: 2px;
}

.example-color-blue {
    background: #0943c8;
    border-radius: 2px;
}

.example-color-matteblack {
    background: #333;
    border-radius: 2px;
}

.example-color-mattegreen {
    background: #46c017;
    border-radius: 2px;
}

.typebtn {
    color: #495057;
    display: inline-block;
    line-height: 32px;
    width: 70px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-right: 10px
}

    .typebtn.active {
        color: #f90;
        border: 1px solid #f90
    }

.pcstype {
    width: 15%;
    height: 100%;
    background: #d1b387;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    text-align: center;
}

.ts_input .option-con {
    float: left;
    max-width: 200px;
    margin-right: 10px
}

.colorspan {
    color: #d1b387;
    margin-right: 5px
}

.divselect-list.open {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translatey(0);
    -ms-transform: scale(1) translatey(0);
    transform: scale(1) translatey(0);
}

.divselect-list {
    display: block !important;
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translatey(-21px);
    -ms-transform: scale(0.75) translatey(-21px);
    transform: scale(0.75) translatey(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
/*.pcbdetail{background: #fff;box-shadow: -2px 0 31px rgba(0,0,0,.1);    position: absolute;
    width: 1280px;
    z-index: 9;
    right: 0;}*/
.pcbdetail ul {
    overflow: hidden;
}

.pcbdetail li {
    float: left;
    width: 20%;
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.pcbdetail .fee-needreportlist {
    width: 100%;
}

.pcbdetail li span {
    background: #f9f9f9;
    width: 122px;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
}

.pcbdetail li em {
    margin-left: 5px;
}

.pcbdetail li s {
    font-style: normal;
    text-decoration: none;
}
/*加工详情*/
/*.info_new_box{padding-top: 20px;}*/
.parameter-item {
    vertical-align: top;
}
/*.parameter-content{height: 226px;}*/
/*.xgpp{padding-bottom: 60px;}*/
/*表格*/
.xgpp-table-title th {
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
}

.xgpp-table-title th, .xgpp-table-cont td {
    min-width: 75px;
    border: none;
}

.xgpp-table-cont td {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
    height: 80px;
}

.xgpp-table-cont.isrecommendstyle {
    background: #fff4e4;
}

.xgpp-table-cont.noinflaminghmtlstyle {
    /*background: #f90;*/
}

.noinflaminghmtlstyle .active .cartbox .cart_item {
    display: block;
    border-radius: 4px;
    line-height: 32px;
    height: 34px;
    width: 120px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border: 1px solid #ccc;
    color: #ccc;
}

    .noinflaminghmtlstyle .active .cartbox .cart_item:hover {
        background: none;
    }

    .noinflaminghmtlstyle .active .cartbox .cart_item .ico-cart {
        background: url(/uploads/image/cimg/new_icons0515_hui.png) no-repeat center;
        background-size: cover
    }

.xgpp-table-cont.specialprice {
    background: #f90;
}
/*2021/5/31非阻燃css*/
.inflamingknow .active i {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(/uploads/image/cionlinenew/select.png) no-repeat center;
    background-size: cover
}

.inflamingknow i {
    display: inline-block;
    vertical-align: middle;
    background: url(/uploads/image/cionlinenew/unselect.png) no-repeat center;
    background-size: cover;
    width: 16px;
    height: 16px;
}

.inflamingknow label {
    display: block
}

.inflamingknow p {
    color: #f90;
    text-decoration: underline;
}

.inflamingknow span {
    display: inline-block;
    color: red;
    vertical-align: middle
}













.change-table .xgpp-table-title th { /*background: #dcd3c5*/
    font-weight: normal;
}

.change-table th, .change-table .xgpp-table-title th {
    width: 100px;
}

.t_right .change-table [data_name="coretype_"] {
    min-width: 120px;
    width: 180px;
}
/*.t_left .fixed-table{width:862px;}*/
.t_left .fixed-table .table-fr4type .jp-ico {
    width: 20px;
    height: 22px;
    background-position: -162px -34px;
    display: inline-block;
    margin-right: 8px;
}


.t_left .fixed-table .table-fr4type p {
    display: inline-block;
    vertical-align: middle;
}

.t_left .fixed-table .table-fr4type {
    min-width: 130px;
}
/*.t_left .fixed-table .table-deliverydays {
    min-width: 130px;
}*/
.t_right .change-table [data_name="industry_"] {
    min-width: 100px;
    width: 150px;
}

.t_right .change-table [data_name="retardant"] {
    width: 49px;
}

.t_right .change-table [data_name="halogen_"] {
    width: 68px;
}

.t_right .change-table [data_name="tgtype"] {
    width: 68px;
}

.t_right .change-table [data_name="product_"] {
    width: 180px;
}

.fixed-table {
    table-layout: fixed;
    border-top: none !important;
    border-right: none !important;
}

.cart_item {
    display: block;
    border-radius: 4px;
    line-height: 32px;
    height: 34px;
    width: 120px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border: 1px solid #f90;
    color: #f90;
}

    .cart_item .ico-cart {
        width: 20px;
        height: 20px;
        background-position: -190px -260px;
        background-image: url(/uploads/image/cimg/new_icons0515.png);
        background-repeat: no-repeat;
        vertical-align: text-bottom;
        display: inline-block;
        margin-right: 5px;
    }

    .cart_item:hover {
        background: #f90;
        color: #fff;
    }

.newcart_item:hover {
    background: none;
    color: red
}

.newcart_item {
    border: 1px solid red
}

.cart_item:hover .ico-cart {
    background-position: -234px -98px;
}

.ico-apply {
    width: 20px;
    height: 20px;
    background-position: -141px -259px;
    background-image: url(/uploads/image/cimg/new_icons0515.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    display: inline-block;
    margin-right: 5px;
}

.apply_item {
    display: block;
    border-radius: 4px;
    line-height: 32px;
    height: 34px;
    width: 120px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border: 1px solid #f90;
    color: #f90;
}

    .apply_item:hover {
        background: #f90;
        color: #fff;
    }

        .apply_item:hover .ico-apply {
            background-position: -92px -259px;
        }
/*.fixed-table .cart_item:hover{color: #fff;}*/
.designated_apply h2 {
    line-height: 34px;
}

.change-table {
    border: none;
    min-width: 100%;
}

.fl-scrolls {
    visibility: visible;
    bottom: 0px;
    height: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    position: fixed;
    z-index: 6;
}

    .fl-scrolls div {
        height: 1px;
    }

.fl-scrolls-hidden {
    visibility: hidden;
}

.subscript-ico {
    background-position: -202px -362px;
    width: 16px;
    height: 16px;
}

.option-choose .item {
    width: 115px;
    height: 30px;
    line-height: 29px;
    color: #666;
    border: 1px solid #dfe1e6;
    margin-right: 6px;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 28px;
    background: #fff;
    border-radius: 2px;
    text-align: center;
}
.option-choose .liitem{
    width: 115px; height: 30px; line-height: 29px; color: #666; border: 1px solid #dfe1e6; margin-right: 6px; font-weight: 400; cursor: pointer; margin-bottom: 0; line-height: 28px; background: #fff; border-radius: 2px; text-align: center;
}
.option-choose .liitem a{
    display: block;
}

.newneedreport li .item {
    width: 130px;
}

.newneedreport li {
    margin-bottom: 6px;
}

.info_basic_tsgy .newneedreport {
    padding: 0;
}

.option-choose .choose {
    border: 1px solid #f90;
    color: #333;
    line-height: 26px;
    background: #fff5e7;
}

.option-choose li {
    float: left;
    margin-bottom:6px
}
/*弹窗*/
.pb_model {
    padding: 30px 50px 10px;
}

.pbsizezone {
    width: 260px;
    overflow: hidden;
}

.pb_model .title {
    width: 150px;
}

.pbsizezone .form-control {
    height: 30px;
    line-height: 30px;
    width: 100px;
}

.upload_file_box {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px;
    display: table;
    width: 100%;
    background: #f8f6f4;
    transition: all .25s;
}

    .upload_file_box:hover {
        background-color: #f1f2f3;
    }

.title-c9b38c .layui-layer-setwin .layui-layer-close1 {
    background-position: -100px -40px;
}

.title-c9b38c .layui-layer-title {
    background: #c9b38c;
    color: #fff;
}

.title-c9b38c .layui-layer-btn .layui-layer-btn0 {
    background: #c9b38c;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #c9b38c;
    margin: 10px auto 30px;
    display: block;
    border-radius: 4px;
}

.craft-edge-width {
    width: 135px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
}

    .craft-edge-width .form-control {
        width: 100px;
        display: inline-block;
    }

.craft-edge {
    width: 260px;
}
/*修改*/
.parameter-list-box {
    background: #fff;
    padding: 5px 20px;
    border: 1px solid #f3f3f3;
}

.remove_btn {
    width: 120px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #adadad;
    text-align: center;
}

.apply_btn {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px
}

.btn_box p {
    margin-bottom: 0;
    line-height: 30px;
    margin-left: 10px
}

.cao_input {
    border: 1px solid #dcdcdc;
    background: #eee;
}

.price_btn {
    width: 100%;
    padding-top: 19px;
    height: 80px;
    margin: auto;
    background: #f9f9f9;
}

.price_btn1 {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.price_btn span {
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}
/*拼版要求提示*/
/*文件上传*/
.upload_file_box .bcontrols {
    display: table-cell;
    vertical-align: middle;
}

.filezone_box {
    display: table-cell;
    vertical-align: middle;
}

.progressbar {
    position: absolute;
    background: #7b5822;
    bottom: 0;
    height: 4px;
    left: 0;
}

.filezone .gerberfile {
    font-size: 16px;
}

.finsh {
    display: block;
    width: 49px;
    height: 32px;
    background: url(/uploads/image/cionlinenew/finsh.png) no-repeat;
    margin: 5px auto;
}
/*拼版信息*/
#informationpinban {
    position: fixed;
    top: 100px;
    left: 50%;
    z-index: -999;
    padding: 30px 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    opacity: 0;
}
/*.imposition-informationexample{position: absolute; display:none;z-index:100;}*/
.imposition-information {
    width: 315px;
    padding: 15px 20px 30px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .imposition-information .panel-x {
        width: 200px;
    }

        .imposition-information .panel-x .number {
            position: relative;
            text-align: center;
            border-left: 1px solid #d7d7d7;
            border-right: 1px solid #d7d7d7;
            line-height: 18px;
            height: 18px;
        }

            .imposition-information .panel-x .number:after {
                position: absolute;
                left: 0;
                top: 9px;
                width: 100%;
                height: 1px;
                background-color: #d7d7d7;
                content: "";
            }

            .imposition-information .panel-x .number span {
                position: relative;
                z-index: 1;
                padding: 0 9px;
                line-height: 18px;
                background: #fff;
                text-align: center;
                color: #999;
            }

    .imposition-information .panel-y {
        position: absolute;
        right: 0px;
        top: 35px;
        width: 28px;
    }

        .imposition-information .panel-y .number {
            position: relative;
            height: auto;
            text-align: center;
            border-top: 1px solid #d7d7d7;
            border-bottom: 1px solid #d7d7d7;
            z-index: 999;
        }

            .imposition-information .panel-y .number:after {
                position: absolute;
                left: 14px;
                top: 0;
                width: 1px;
                height: 100%;
                background-color: #d7d7d7;
                content: "";
            }

            .imposition-information .panel-y .number span {
                display: block;
                position: relative;
                top: 50%;
                margin-top: -19px;
                z-index: 1;
                background: #fff;
                text-align: center;
                color: #999;
            }

    .imposition-information .panel-item {
        width: 241px;
    }

    .imposition-information li {
        overflow: hidden;
        font-size: 0;
    }
    /*.imposition-information ul{border-left:1px dashed #ccc; border-top:1px dashed #ccc;}*/
    .imposition-information .item {
        display: block;
        background-color: #05b302;
        border-right: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc;
    }

    .imposition-information .edgerailwidth {
        background-color: #0c3a0c;
    }


.pinbanbox .imposition-information {
    width: 315px;
    padding: 15px 0;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.pinbanbox .imposition-requires-presentation {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #fff7ed;
    border: 1px solid #f90;
}


.pinbanbox .item {
    padding: 0 10px;
    height: 30px;
    line-height: 29px;
    color: #666;
    margin-right: 6px;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 28px;
    border-radius: 2px;
}

.example-createpanel .panel-list .item {
    padding: 0;
    margin: 0
}

#informationpinban .title {
    margin: 0;
}

#informationpinban .operating {
    width: 385px;
    margin-left: auto;
    margin-right: auto;
}

    #informationpinban .operating a {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

.suggest-masklayer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 999;
}

.informationpinban-suggest {
    width: 695px;
    margin-left: -348px;
}

    .informationpinban-suggest .imposition-informationexample {
        position: relative;
    }

    .informationpinban-suggest .suggest-imposition-information {
        margin-left: 20px;
    }

.informationpinban-example {
    width: 465px;
    margin-left: -232px;
}

    .informationpinban-example .suggest-imposition-information {
        margin-left: 0px;
    }

.informationpinban-equal {
    width: 465px;
    margin-left: -232px;
}

    .informationpinban-equal .suggest-imposition-information {
        margin-left: 450px;
    }
/*加载*/
.loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99999999;
}

    .loader svg path, .loader svg rect {
        fill: #f90;
    }

#layer_1 {
    position: absolute;
    left: 50%;
    top: 50%;
}
/*引导页*/
.my-intro-bg {
    position: absolute;
    z-index: 99999;
    /* background: rgba(0,0,0,0.4); */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation: fadein 0.6s;
    line-height: 1.5;
    letter-spacing: 0.08em;
}

.my-intro-tip {
    width: 311px;
    border-radius: 4px;
    padding: 25px;
    min-height: 171px;
    background: #fff url(/uploads/image/cionlinenew/yd.png) no-repeat right 25px center;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px;
}

.my-intro-tip-footer .btn-intro-skip {
    display: none;
}

.my-intro-tip-footer {
    margin-top: 25px;
    text-align: center;
}

.my-tip-footer-box {
    display: inline-block;
}

.btn-intro {
    width: 120px;
    height: 37px;
    line-height: 33px;
    border: 1px solid #f90;
    border-radius: 17px;
    margin: 0 5px;
    outline: none;
}

.btn-intro-prev, .once_again {
    background: #fff;
    color: #f90;
}

.btn-intro-next, .guide_finsh {
    background: #f90;
    color: #fff;
}

.btn-intro-prev:hover, .once_again:hover {
    background: #f90;
    color: #fff;
}

.btn-intro-next:hover, .guide_finsh:hover {
    background: #ffa934;
    color: #fff;
}

.my-intro-panel {
    border-radius: 4px;
}
/*跳过按钮*/
.btn-skip {
    position: fixed;
    top: 20px;
    right: 20px;
    background: url(/uploads/image/ciproduct/close.jpg) no-repeat;
    width: 36px;
    height: 36px;
    cursor: pointer;
}
/*排序*/
.order-box {
    vertical-align: middle;
    margin-left: 5px;
}

    .order-box .iconfont {
        width: 12px;
        height: 8px;
        color: #999;
        font-size: 12px;
        line-height: 8px;
        cursor: pointer;
    }

        .order-box .iconfont:hover {
            color: #333
        }

        .order-box .iconfont.active {
            color: #f90
        }

.sidebar-tab-switch {
    display: block;
}

    .sidebar-tab-switch .sidebar-tab {
        background-color: #f90;
    }
/*去购物车结算*/
.layui-layer-title {
    display: none;
}

.gotocar {
    padding: 30px 0;
    text-align: center;
}

.order-cart-item {
    height: 40px;
    line-height: 40px;
    float: none;
    margin: 20px auto 0;
}

.layui-layer.layui-anim.layui-layer-page {
    border: none;
}

.addfail {
    padding: 30px 0;
    text-align: center;
}

.sidebar-tab-onlineservice .sidebar-tab {
    background: #ba9358
}

/*加载*/
@-webkit-keyframes loading-3 {
    50% {
        transform: scale(0.4);
        opacity: .4;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.loading-3 {
    position: relative;
    height: 50px;
    margin-left: 50px;
}

    .loading-3 i {
        display: block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #f90;
        position: absolute;
    }

        .loading-3 i:nth-child(1) {
            top: 25px;
            left: 0;
            -webkit-animation: loading-3 1s ease 0s infinite;
        }

        .loading-3 i:nth-child(2) {
            top: 17px;
            left: 17px;
            -webkit-animation: loading-3 1s ease -0.12s infinite;
        }

        .loading-3 i:nth-child(3) {
            top: 0px;
            left: 25px;
            -webkit-animation: loading-3 1s ease -0.24s infinite;
        }

        .loading-3 i:nth-child(4) {
            top: -17px;
            left: 17px;
            -webkit-animation: loading-3 1s ease -0.36s infinite;
        }

        .loading-3 i:nth-child(5) {
            top: -25px;
            left: 0;
            -webkit-animation: loading-3 1s ease -0.48s infinite;
        }

        .loading-3 i:nth-child(6) {
            top: -17px;
            left: -17px;
            -webkit-animation: loading-3 1s ease -0.6s infinite;
        }

        .loading-3 i:nth-child(7) {
            top: 0px;
            left: -25px;
            -webkit-animation: loading-3 1s ease -0.72s infinite;
        }

        .loading-3 i:nth-child(8) {
            top: 17px;
            left: -17px;
            -webkit-animation: loading-3 1s ease -0.84s infinite;
        }

.loader_box {
    position: absolute;
    top: 50%;
    margin-top: -44px;
    left: 50%;
    margin-left: -69px;
}
/*优化*/
#num {
    z-index: 9;
}

    #num.active {
        background: #fff3f3;
        border: 1px solid #ffa8a8;
    }
/*.tool_tip{width:380px;padding:10px;background:#fff;box-shadow: 0 0 10px #af8a52;position:absolute;z-index:999;line-height:20px;top:40px;}
.tip_arrow_top{position:absolute;top: -14px;left: 65px;}*/
.tooltip-inner {
    width: 380px !important;
    border-radius: 0;
}

.tooltip img {
    max-width: 180px;
    display: block;
    margin: auto;
    margin-top: 5px;
}

.size_tips {
    width: 157px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    left: 350px;
    background: url(/uploads/image/cionlinenew/tips.png) no-repeat center;
    padding-left: 18px;
    z-index: 201
}

.size_tips_num {
    width: 117px;
    padding-left: 18px;
    background: url(/uploads/image/cionlinenew/tips_num.png) no-repeat center;
    right: -144px;
    top: -2px;
}
/*修改*/
.layersort {
    width: 610px;
    margin-top: 20px;
    max-height: 170px;
    overflow-y: auto;
}

    .layersort span {
        display: inline-block;
        margin-bottom: 10px;
        width: 25%;
    }

        .layersort span input {
            display: inline-block;
            width: 100px;
        }

        .layersort span em {
            display: inline-block;
            width: 20px;
        }

.remarks textarea {
    resize: none;
    height: 60px;
}









/*新增快递方式模式*/
.expressage .select-style:after {
    width: 12px;
    height: 7px;
    background: url(/uploads/image/cionlinenew/select_bottom.png) no-repeat;
    top: 10px;
    right: 7px;
    border-radius: 0 2px 2px 0;
}
/*2.0*/
.top_tips {
    height: 40px;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 1px 4px 4px rgba(0,0,0,0.05);
    margin-top: 44px;
    margin-bottom: 8px;
}

.online_hd {
    margin-top: 25px;
}

    .online_hd ul {
        background: #fafafa;
    }

    .online_hd li {
        float: left;
        width: 33.3%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
    }

        .online_hd li.current {
            background: #fff;
            border-top: 4px solid #f90;
            line-height: 46px;
        }

.info_basic_box .info_title {
    padding-left: 0;
}
/*.coordination-table .table-fr4type{padding-left:10px;}*/
.coordination-table .table-lead p {
    height: 45px;
    padding-top: 10px;
}

.coordination-table .table-lead span {
    display: inline-block;
    margin-left: 5px;
}

.list-wrap li {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

    .list-wrap li i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(/uploads/image/cipcb/un_xz.png) no-repeat left center;
        vertical-align: middle;
        margin-right: 10px;
    }

    .list-wrap li.active i {
        background: url(/uploads/image/cipcb/xz.png) no-repeat left center;
    }

.layui-layer-layersortzone .layui-layer-title {
    display: block;
}

.multilayer-board {
    padding: 20px;
}

layui-layer-layersortzone {
    padding-bottom: 30px;
}

.layui-layer-btn {
    margin-top: -20px;
    text-align: center;
}

    .layui-layer-btn a {
        height: 30px;
        border-radius: 4px;
        width: 100px;
        text-align: center;
        background: #fff;
    }
/*选择供应商*/
.apply_select {
    padding-left: 20px;
    height: 52px;
    padding-top: 10px;
}

    .apply_select select {
        width: 100px;
        height: 30px;
        border: 1px solid #ddd;
        line-height: 28px;
        margin-right: 10px;
        font-size: 16px;
        padding-left: 10px;
    }

.apply_company_left {
    width: 310px;
    background: #fff;
    padding: 20px;
}

.pcb_company_img .pcb_logo {
    width: 40px;
}

.file_pcb a {
    color: #526ecc;
}

.price-delivery-list dt {
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #8a8a8a
}

.price-delivery-list dd .ww {
    line-height: 50px;
}

.price-delivery-list .w1 {
    width: 50%;
}

.price-delivery-list .w2 {
    width: 50%;
}

.nodata-coupon {
    border: 1px solid #ddd
}

.remarks {
    padding-bottom: 30px;
    border-bottom: 2px solid #f90;
}

    .remarks textarea {
        border-radius: 0;
    }

.customize-input {
    width: 225px;
    border-radius: 0;
}

.cl-red {
    color: red
}

.new-order-free-box {
    width: 250px;
    background: #fff1dd;
    display: none;
    padding-left: 10px;
}

.order-free-box {
    padding-left: 25px;
    background: url(/uploads/image/cionlinenew/unselect.png) no-repeat left center;
    margin-top: 10px;
}

    .order-free-box.active {
        background: url(/uploads/image/cionlinenew/select.png) no-repeat left center;
    }

    .order-free-box .free-input {
        margin-top: 6px;
        margin-right: 5px;
    }

.total-money {
    line-height: 41px;
}

.apply_company_right {
    width: 960px;
}

    .apply_company_right li {
        padding: 20px;
        background: #fff;
        display: table;
        width: 960px;
        margin-bottom: 10px;
    }

        .apply_company_right li a {
            width: 760px;
        }

        .apply_company_right li:hover {
            box-shadow: 0 3px 2px 2px rgba(0,0,0,0.05)
        }

        .apply_company_right li.active .hover_show {
            display: block;
        }

        .apply_company_right li.active .show_instre {
            display: none;
        }

.apply_icon {
    display: inline-block;
    background-image: url(/uploads/image/cipcb/apply_icon.png)
}

.apply_title h2 {
    line-height: 30px;
}

.apply_company_right li .apply_icon {
    display: block;
    float: left;
    margin-left: 5px;
}

.ico_iso {
    background-position: -60px -50px;
    width: 25px;
    height: 30px;
}

.ico_ul {
    background-position: -0px -50px;
    width: 25px;
    height: 30px;
}

.ico_sgs {
    background-position: -126px -50px;
    width: 25px;
    height: 30px;
}

.apply_tag {
    padding: 0 5px;
    height: 24px;
    border-radius: 2px;
    line-height: 24px;
    background: #f90;
    color: #fff;
    display: block;
    margin-top: 3px;
    margin-left: 10px;
    float: left;
}

.l_score_list {
    width: 98px;
    height: 16px;
    background: url(/uploads/image/cinewindexv3/licon.png) no-repeat 0 -18px;
    margin-top: 2px;
}

    .l_score_list i {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        background: url(/uploads/image/cinewindexv3/licon.png) no-repeat 0 -3px;
    }

.hover_show_txt {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.hover_show dd {
    float: left;
    color: #333;
    margin-right: 30px;
}

    .hover_show dd .apply_icon {
        margin-right: 5px;
    }

.workshop_icon .apply_icon {
    background-position: -448px -6px;
    width: 21px;
    height: 22px;
}

.staff_icon .apply_icon {
    background-position: -358px -6px;
    width: 21px;
    height: 22px;
}

.estab_icon .apply_icon {
    background-position: -286px -6px;
    width: 21px;
    height: 22px;
}

.position_icon .apply_icon {
    background-position: -213px -6px;
    width: 21px;
    height: 22px;
}

.cart_item_btn {
    display: table-cell;
    vertical-align: middle;
}

.load_more {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #999;
    text-align: center;
    cursor: pointer;
}

.para_info_cont {
    position: absolute;
    background: #fff;
    width: 1280px;
    z-index: 9;
    left: 0;
    top: 50px;
    box-shadow: 0 0 4px 3px rgba(0,0,0,0.1);
}

.pcb-delivery-color {
    display: none;
    padding: 0;
}

.order-free-text {
    display: none;
}

.addcartdetail {
    height: auto;
}

.hinttext {
    background: #f0e6e6;
    padding: 8px 20px;
}

.ts_process_para {
    border-bottom: 1px solid #f3f3f3
}

    .ts_process_para li em {
        color: #f00;
    }

.ordernewdetail {
    padding: 0 20px 20px 20px
}

.icon-hint {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/uploads/image/cionlinenew/icon-hint.png) no-repeat center;
    background-size: cover;
    vertical-align: top;
    margin-right: 10px;
}

.hinttext p {
    display: inline-block;
    vertical-align: middle;
    color: #f10c0c;
}

.para_detail_title {
    font-size: 14px;
    margin-top: 10px;
    font-weight: bold;
}

.beizhumodel .layui-layer-title {
    display: block;
}

.totalpricezone .add-cart {
    width: 160px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

    .totalpricezone .add-cart .ico-cart {
        background-position: -234px -98px;
    }

/*2020-9-9*/
/*.info_basic{
    border:2px solid #efedea;
}*/
.info_basic_top {
    background: #f7f6f4;
    padding: 20px 20px 10px;
    border: 1px solid #dfe1e6;
}

    .info_basic_top .option {
        float: left;
        margin-right: 15px;
    }

    .info_basic_top .title {
        width: 110px;
        color: #666;
    }

.board-option {
    border: 1px solid #cccccc;
    border-radius: 2px;
}

#num {
    background: #fff;
    border: none;
    width: 98px;
    border-right: 1px solid #cccccc;
    height: 28px;
}

#unit {
    height: 28px;
    background: #f5f5f5;
    display: inline-block;
    line-height: 28px;
    width: 70px;
    text-align: center;
}

.arr_bottom {
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url(/uploads/image/cionlinenew/arrow_bot.png) no-repeat;
    margin-left: 10px;
    vertical-align: middle
}

.pinbanbox {
    min-width: 1070px;
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    position: absolute;
    z-index: 99;
    left: 150px;
    background: #fff;
}

.pinbanbox_left {
    width: 641px;
}

.info_basic_top .pinbanbox .option {
    margin: 0;
    /*background: #f9f9f9;*/
    width: 100%;
}

.pinbanbox .option-con {
    width: 520px;
    background: #fff;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 15px;
}

.pinbanbox .imposition-requires-presentation {
    margin-top: 10px;
}

.pinbanbox .title {
    width: 120px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.pinbanbox .option.lastele .title {
    padding-bottom: 20px;
}

.pinbanbox .option.lastele .option-con {
    padding-bottom: 20px;
}

.divselect-box ul {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #ffffff;
    position: absolute;
    z-index: 20000;
    margin-top: -1px;
    display: none;
}

    .divselect-box ul li {
        height: 24px;
        line-height: 24px;
        float: none;
        width: 100%;
        border: none;
    }

        .divselect-box ul li:hover .item {
            background: #e5e5e5;
        }

.divselect-box .option-choose .item {
    height: 24px;
    line-height: 24px;
    float: none;
    width: 100%;
    border: none;
}

.divselect-box ul i {
    display: none;
}

.divselect-box cite a b, .divselect-box ul li a b {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.info_basic_tsgy {
    padding: 15px;
    border: 1px solid #dfe1e6;
}

    .info_basic_tsgy .option {
        padding-bottom: 6px;
        margin-bottom: 0;
        margin-bottom: 0;
    }

    .info_basic_tsgy .aluminumoptionnew .option-choose .item {
        width: auto;
        padding: 0 10px;
    }

    .info_basic_tsgy .option.noborder {
        border-right: none;
    }

    .info_basic_tsgy .option .title {
        width: 132px;
        color: #666;
    }

    .info_basic_tsgy .select-style:after {
        width: 12px;
        height: 7px;
        background: url(/uploads/image/cionlinenew/select_bottom.png) no-repeat;
        top: 10px;
        right: 7px;
        border-radius: 0 2px 2px 0;
    }

    .info_basic_tsgy .divselect-box {
        width: 150px;
    }

.price_btn_box {
    width: 100%;
    height: 60px;
    background: #f9f9f9;
}

.specil_progress {
    padding: 20px;
    border: 1px solid #dfe1e6;
}

    .specil_progress .option .title {
        width: 120px;
        color: #666;
    }
/*.plate_no_box{border-bottom:1px solid #dfe1e6;padding: 20px 20px 10px;}*/
.parameter-list-box {
    border: 1px solid #dfe1e6;
    padding: 20px 20px 10px;
}

    .parameter-list-box dl {
        border-bottom: 1px solid #f90;
        height: 38px;
    }

    .parameter-list-box .option {
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .parameter-list-box .plate_no_box {
        padding-bottom: 0;
    }

    .parameter-list-box .name {
        padding: 10px 8px;
        height: 38px;
        float: left;
        cursor: pointer;
    }

        .parameter-list-box .name.active {
            border: 1px solid #f90;
            border-bottom: 1px solid #fff;
            color: #f90;
        }

        .parameter-list-box .name:hover {
            color: #f90;
        }

.select_item_box {
    width: 100%;
    padding: 10px 10px 0;
    border: 1px solid #f90;
    border-top: none;
}

.parameter-list-box .option-con {
    width: 1107px;
}

.parameter-list-box .arr_bottom {
    display: inline-block;
    background: url(/uploads/image/cionlinenew/arrow_bot.png) no-repeat;
    width: 11px;
    height: 9px;
    margin-left: 5px;
}

.parameter-list-box .name.active .arr_bottom {
    background: url(/uploads/image/cionlinenew/arrow_top_f90.png) no-repeat;
}

.parameter-list-box .title {
    width: 110px;
}

.select-style .subscript-ico {
    display: none;
}

.select-style label {
    margin-bottom: 0;
    display: block;
    font-weight: normal;
    line-height: 28px;
    padding-left: 10px;
}
/*.imposition-requires-presentation{margin-top:3px;}*/
.plate_no_box .plate_no li {
    margin-bottom: 10px;
}

.select_item_box li {
    margin-bottom: 10px;
}

.coordination-table .sel-item {
    width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border-bottom: none;
    float: left;
    margin-right: 10px;
    border-radius: 4px 4px 0 0;
    position: relative;
    font-size: 16px;
    background: #fff5e5;
}

    .coordination-table .sel-item:hover {
        background: #ffad33;
        color: #fff;
        border: 1px solid #ffad33;
        border-bottom: none;
    }

    .coordination-table .sel-item img {
        margin-right: 5px;
        vertical-align: -5px;
        width: 22px;
        height: 20px;
    }

    .coordination-table .sel-item .pro_img {
        display: inline-block;
    }

    .coordination-table .sel-item .pro_img_hover {
        display: none;
        vertical-align: -4px;
    }

    .coordination-table .sel-item:hover .pro_img_hover {
        display: inline-block
    }

    .coordination-table .sel-item:hover .pro_img {
        display: none;
    }

.coordination-table .sel-active {
    background: #f90;
    color: #fff;
    border: 1px solid #f90;
    border-bottom: none;
}

    .coordination-table .sel-active .pro_img_hover {
        display: inline-block;
    }

    .coordination-table .sel-active .pro_img {
        display: none;
    }

.sel-title {
    border-bottom: 2px solid #f90;
    height: 42px;
}

.arr_bottom.arrow_top {
    background: url(/uploads/image/cionlinenew/arr_top.png) no-repeat;
}

.pcbdetail_title {
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    padding-left: 10px;
    border-top: 1px solid #f3f3f3;
    font-weight: normal;
}

.area_about {
    height: 36px;
    line-height: 36px;
    background: #fff7ed
}

    .area_about li {
        line-height: 36px;
    }

        .area_about li span {
            background: #fff7ed;
            width: auto;
        }

.zz_load {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}

.xgpp-table-cont .table-mark {
    padding-left: 5px;
}

.table-mark img {
    width: 60px;
    height: 26px;
    margin-left: 20px;
}
/*精品优品标品*/
.state_pro {
    line-height: 36px;
    margin-left: 10px;
    color: #f90;
}

#calcpriceresut .state_pro {
    margin-left: 10px;
    color: #f90;
    height: 40px;
    line-height: 40px;
}

    #calcpriceresut .state_pro a {
        width: 130px;
        height: 30px;
        line-height: 26px;
        text-align: center;
        font-size: 16px;
        border: 1px solid #f90;
        display: inline-block;
        border-radius: 17px;
        text-decoration: none;
        box-shadow: 0px 3px 21px 0px rgba(255,153,0,0.2);
    }

.state_pro a {
    color: #f90;
}

.product_intro {
    position: absolute;
    width: 1280px;
    border-top: 1px solid #f2f2f2;
    background: #fff;
    padding: 20px 30px;
    top: 36px;
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    z-index: 9;
}

.product_item {
    float: left;
    width: 320px;
}

.product_intro .product_itemall {
    width: 260px;
}

.product_item_title {
    height: 100px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    padding-top: 15px;
}

.product_itemall .product_item_title {
    color: #666;
    line-height: 99px;
    padding-top: 0px;
}

.product_item_title p {
    margin-top: 10px;
}

.product_item0 .product_item_title {
    background: #ff9900;
    background-image: linear-gradient(to right,#ffffff,#ff9900);
}

.product_item1 .product_item_title {
    background: #7b5822;
    background-image: linear-gradient(to right,#ffffff,#7b5822);
}

.product_item2 .product_item_title {
    background: #61584b;
    background-image: linear-gradient(to right,#ffffff,#61584b);
}

.product_item li {
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.product_item .last_item {
    height: 52px;
    line-height: inherit;
    padding-top: 5px;
}

.product_item li:nth-child(even) {
    background: #f1f1f1;
}

.product_item.active {
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
}

.pcb-delivery-days i {
    width: 43px;
}

    .pcb-delivery-days i em {
        margin-left: 2px;
        line-height: 19px;
    }

.pcbdetail li .pcb-delivery-days {
    margin-top: 0;
    margin-left: 0;
    padding: 0 5px;
    line-height: 37px;
    display: inline-block;
    width: 120px;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layersort_box {
    display: none
}

.market-price { /*position:absolute;width:1025px; box-shadow: -2px 0 31px rgba(0,0,0,.1);background:#fff;*/
    padding: 0 20px; /*bottom:25px;min-height:70px;*/
    color: #666;
    font-size: 14px;
    max-width: 775px;
}
    /*.market-price ul{position:absolute;padding-bottom:10px;}*/
    .market-price li {
        float: left;
        width: 100px;
        margin-right: 30px;
        line-height: 40px;
    }

#fixed-table .table-ordermoney .market-price li {
    margin-right: 0;
}

.totalpricezone .market-price-orderbox {
    display: inline-block;
    line-height: 30px;
    padding: 0;
    vertical-align: middle;
}

.order-free-ticket .market-price li {
    width: auto;
    margin-right: 30px;
}

.market-price-title {
    height: 30px;
    line-height: 30px;
}
/*.market-price-bg{background:#f9f9f9;height:30px;left:0;top:0;position:absolute;width:1025px;}*/
.free-urgent-box, .market-price-box {
    padding-top: 10px;
}

/*拼版*/
.pinban_info {
    margin-left: 114px;
    margin-bottom: 10px;
}

    .pinban_info .imposition-informationexample {
        position: absolute;
        z-index: 200;
    }
/*.info_basic_top2  .option{margin-bottom:5px;
}*/
.pinbanbox_pinban_info {
    padding-top: 15px;
    padding-right: 10px;
}
/*备注*/
/*.remarks_box{padding:15px;border-top:1px solid #f3f3f3;}
.remarks_box .title{width:120px;}
.remarks_box textarea{height:60px;border-radius:0;resize:none;}*/

/*引导页样式*/
.guide_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

    .guide_box .step {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.step {
    background: url(/uploads/image/ciostep/step.jpg) no-repeat center top;
}

.step-pic-box {
    width: 1310px;
    margin: auto;
    height: 100%;
}

.step-pic {
    position: absolute;
    left: 0;
    top: 135px;
}

.step_cz_box {
    position: absolute;
    left: 458px;
    top: 316px;
}

.step_cz {
    width: 400px;
    background: #fff;
    border-radius: 4px;
    padding: 25px 20px;
}

.next_step {
    width: 68px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

#step2 .step-pic {
    top: 312px;
}

#step2 .step_cz_box {
    top: 470px;
}

#step3 {
    background: url(/uploads/image/ciostep/step.jpg) no-repeat center -154px;
}

    #step3 .step-pic {
        top: 292px;
    }

    #step3 .step_cz_box {
        top: 420px;
    }

#step4 {
    background: url(/uploads/image/ciostep/step.jpg) no-repeat center -154px;
}

    #step4 .step-pic {
        top: 391px
    }

    #step4 .step_cz_box {
        top: 480px;
    }

#step5 {
    background: url(/uploads/image/ciostep/step.jpg) no-repeat center -385px;
}

    #step5 .step-pic {
        top: 248px;
    }

    #step5 .step_cz_box {
        top: 479px;
    }

#step6 {
    background: url(/uploads/image/ciostep/step.jpg) no-repeat center -824px;
}

    #step6 .step-pic {
        right: 0;
        top: 104px;
        left: auto;
    }

    #step6 .step_cz_box {
        left: 120px;
        top: 290px;
    }

#step7 {
    background: url(/uploads/image/ciostep/step.jpg) no-repeat center -750px;
}

    #step7 .step-pic {
        top: 375px;
    }

    #step7 .step_cz_box {
        top: 490px;
    }

    #step7 .step_cz_box {
        left: 50%;
        margin-left: -200px;
    }

#step8 {
    background: url(/uploads/image/ciostep/step.jpg) no-repeat center -300px;
}

    #step8 .step-pic {
        top: 50%;
        margin-top: -313px;
    }

    #step8 .step_cz_box {
        bottom: 103px;
        top: auto;
        right: 11px;
        left: auto;
    }

.finsh_guide {
    width: 68px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

.look_more {
    width: 68px;
    height: 28px;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #dddddd;
    color: #666666;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

.skip {
    cursor: pointer;
}

.boardnumber {
    top: 28px;
}

.common_area {
    margin-left: 2px;
    height: 24px;
    line-height: 28px;
}

@media screen and (max-width: 1440px) {
    .boardnumber {
        left: -79px;
    }
}

.table-ordermoney .market-price {
    position: absolute;
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    background: #fff;
    left: 10px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    z-index: 9;
}

.table-ordermoney .arr_bottom {
    height: 11px;
    margin-left: 5px;
}

.table-ordermoney .market-price .market-price-title {
    background: #f7f5f7;
    display: inline-block;
    width: 100%;
    text-align: center;
}
/*.hover_detail_title{width:128px;height:111px;position:absolute;right: -54px;top: -32px;}*/
.hover_detail .hover_detail_content {
    position: absolute;
    z-index: 10;
    background: #fff;
    width: 1280px;
    left: -1px;
    top: 44px;
    box-shadow: 0px 0px 8px 5px rgba(255,153,0,0.4);
    padding: 15px;
}

.hover_detail li span {
    background: #f5f5f5;
}

.hover_detail .ts_process_para span {
    background: #efedea;
}

.area_about li span {
    background: #fff7ed;
}

.table-deliverydays .jqbox, .table-ordermoney .ordermoneybox, .xgpp-table-cont .pcsnumbox {
    height: 45px;
    padding-top: 10px;
    /*margin-top: 10px;*/
}

.isrecommendstyle td {
    border-bottom: none;
}

#fixed-table .delivery_img {
    display: inline-block;
    vertical-align: bottom;
    float: right;
}

.table-deliverydays .jqbox:first-of-type, .table-ordermoney .ordermoneybox:first-of-type, .cartbox:first-of-type, .pcsnumbox:first-of-type {
    margin-top: 0px !important;
}

.jqbox:hover {
    color: #f90;
    cursor: pointer
}

p {
    padding: 0;
    margin: 0;
}

.remindfree {
    padding: 20px;
    display: none;
}

    .remindfree .warn {
        height: 36px;
        line-height: 36px;
        background: #fff1dd;
        color: #ff9900;
        width: 100%;
        margin: 10px 0;
        padding-left: 10px;
    }

        .remindfree .warn img {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin-right: 10px;
            vertical-align: text-bottom;
        }

    .remindfree ul {
        display: none
    }

    .remindfree li {
        width: 140px;
        float: left;
        height: 100px;
        border: 1px solid #dcdcdc;
        padding: 20px 0 0 0px;
        position: relative;
        text-align: center;
    }

        .remindfree li .icon-push {
            position: absolute;
            left: -5px;
            top: -5px;
            width: 40px;
            height: 20px;
            background: url(/uploads/image/cionlinenew/icon-push.png) no-repeat center;
            background-size: cover;
            display: inline-block;
        }

    .remindfree .add {
        color: #999999;
        font-size: 12px;
    }

    .remindfree .examine {
        color: #999999;
        border: 1px solid #999999;
        margin-right: 10px;
    }

    .remindfree .placeorder {
        color: #f90;
        border: 1px solid #f90
    }

    .remindfree .buttonnew {
        margin-top: 20px;
        margin-bottom: 24px;
        text-align: center
    }

        .remindfree .buttonnew div {
            display: inline-block;
            width: 140px;
            height: 32px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px
        }


    .remindfree .channel a {
        float: right;
    }

.item_title {
    margin-bottom: 20px;
}

    .item_title h4 {
        margin: 0;
    }

.option-choose {
    width: 1100px;
}

.parameter-list-box .option-choose .item {
    padding: 0 10px;
    width: auto;
}

.para_select.canprice {
    padding-bottom: 100px;
}

.table-fr4type a p span {
    color: #333;
    text-decoration: underline;
}

.td_box_style {
    background: #fff;
    padding: 10px;
    vertical-align: middle;
    display: table-cell;
    position:relative;
}

    .td_box_style .isrecommendpic {
        position: absolute;
        width: 97px;
        height: 98px;
        left: -24px;
        top: -24px;
        margin-left: 0px;
        display: none;
    }

    .td_box_style .threepcsstr {
        position: absolute;
        top: 50%;
        background: red;
        width: 84px;
        height: 21px;
        line-height: 21px;
        border-radius: 10px 0;
        color: #fff;
        font-size: 12px;
        text-align: center;
        right: 4px;
        margin-top: -10px;
    }

    .td_box_style .threepcsstrimg {
        position: absolute;
        width: 70px;
        height: 70px;
        left: -2px;
        top: -2px;
        margin-left: 0px;
    }

    .td_box_style .noinflaminghmtlpic {
        position: absolute;
        width: 97px;
        height: 98px;
        left: -24px;
        top: -24px;
        margin-left: 0px;
    }

.example-diagram-con {
    left: -203px;
    top: 34px;
}

.cartbox {
    margin-bottom: 10px;
    padding-top: 5px;
}

.td_box_style .cartbox:nth-child(1) {
    margin-top: 0
}

.pro_type li .item {
    width: 236px;
}

.sel-title .sel_result {
    border-radius: 50%;
    display: inline-block;
    padding: 0 6px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    margin-left: 10px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: -8px;
    top: -11px;
    z-index: 9;
}

.deletelayer {
    float: left;
    height: 34px;
    line-height: 34px;
    background: #f90;
    margin-left: 140px;
    width: 112px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 30px;
    cursor: pointer;
}
.example-color-coffee {
    background: #603912;
    border-radius: 2px;
<<<<<<< .working
}






/*品质赔付服务*/

.qcpcsnum {
    background: #f5f5f5
}
.qcpcsnum, .qcpcsmoney {
    height: 28px;
    line-height: 28px;
    width: 100px;
    border: 1px solid #dcdfe6;
    outline: none;
    padding-left: 15px
}

.notcheck {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 20px;
    background: #e9ebee !important;
    color: #fff !important;
    border: 1px solid #e9ebee !important;
    cursor: no-drop
}

.qcyellowbtn {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 20px;
    background: #f90;
    color: #fff !important;
    border: 1px solid #f90;
    border-radius: 4px;
}

    .qcyellowbtn:hover {
        opacity: 0.9
    }

.qcwhitebtn:hover {
    background: #fff;
    border: 1px solid #f90;
    color: #f90 !important
}

.qcwhitebtn {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 20px;
    background: #fff;
    color: #333 !important;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -40px !important;
    cursor: pointer;
}

.compensateligobox {
    padding: 20px 30px
}
    .compensateligobox label{
        cursor:pointer
    }

    .compensatelibtnbox {
        padding: 20px
    }

.tooltipheader {
    line-height: 24px;
    font-weight: bold;
    color: #333
}

.qcptop {
    background: #eee;
    padding: 15px
}

.qcpborder {
    margin: 15px 0;
    line-height: 22px
}

.trangle {
    width: 0px;
    height: 0px;
    margin-left: 30px;
    border: 10px solid #f5f5f5;
    border-top-color: #ebebeb;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.compensateli:hover .hidebox {
    display: block;
}

.compensateli .hidebox .box {
    padding: 5px 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #ccc
}


.qcquestiontip {
    width: 400px;
    position: absolute;
    padding: 15px ;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #ccc;
    z-index:91
}
.bgff1f3f6 {
    background: #f1f3f6;
    padding:10px;
    margin-top:15px
}

.qcquestiontipshow:hover  .qcquestiontip{
    display:block
}

.compensateligobox .select_box {
    float: left;
    width: 20px;
    height: 20px;
    background-position: 0 -67px;
    display: inline-block;
    background-image: url(/uploads/image/ciaccount/account_icon.png);
}

.compensateligobox .select_box.yigou {
    background-position: -38px -68px;
||||||| .merge-left.r181119
=======
}






/*品质赔付服务*/

.qcpcsnum {
    background: #f5f5f5
}
.qcpcsnum, .qcpcsmoney {
    height: 28px;
    line-height: 28px;
    width: 100px;
    border: 1px solid #dcdfe6;
    outline: none;
    padding-left: 15px
}

.notcheck {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 20px;
    background: #e9ebee !important;
    color: #fff !important;
    border: 1px solid #e9ebee !important;
    cursor: no-drop
}

.qcyellowbtn {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 20px;
    background: #f90;
    color: #fff !important;
    border: 1px solid #f90;
    border-radius: 4px;
}

    .qcyellowbtn:hover {
        opacity: 0.9
    }

.qcwhitebtn:hover {
    background: #fff;
    border: 1px solid #f90;
    color: #f90 !important
}

.qcwhitebtn {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 20px;
    background: #fff;
    color: #333 !important;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -40px !important;
    cursor: pointer;
}

.compensateligobox {
    padding: 20px 30px
}
    .compensateligobox label{
        cursor:pointer
    }

    .compensatelibtnbox {
        padding: 20px
    }

.tooltipheader {
    line-height: 24px;
    font-weight: bold;
    color: #333
}

.qcptop {
    background: #eee;
    padding: 15px
}

.qcpborder {
    margin: 15px 0;
    line-height: 22px
}

.trangle {
    width: 0px;
    height: 0px;
    margin-left: 30px;
    border: 10px solid #f5f5f5;
    border-top-color: #ebebeb;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.compensateli:hover .hidebox {
    display: block;
}

.compensateli .hidebox .box {
    padding: 5px 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #ccc
}


.qcquestiontip {
    width: 400px;
    height: 540px;
    position: absolute;
    padding: 5px 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #ccc;
    z-index:91
}
.bgff1f3f6 {
    background: #f1f3f6;
    padding:10px;
    margin-top:15px
}

.qcquestiontipshow:hover  .qcquestiontip{
    display:block
}

.fee-lowresistancetest, .fee-gongboundarytolerance, .fee-panelappearancerequire, .fee-whitepaperservice {
    display: none !important
}