html,body {
    width: 100%;
    color: #333;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.body { min-width: 1300px;position:relative;}
body,h1,p{ margin: 0; padding: 0;}
a, a:hover, a:focus, a:active{text-decoration: none;}
button:hover{cursor: pointer;}


table,table tr, table th,table td{ 

    /*border-collapse: separate;*/
    /*border-collapse:collapse;*/

    /*border:1px solid red;*/

    /*border-right:1px solid red;*/    
}


/*公共样式*/
/******* 对像的显示方式和 排列方式 ******/

.flex{display: flex; display: -webkit-flex;}
.flex1{flex: 1;-webkit-flex: 1;}

.justifycontentstart{justify-content: flex-start;}
.justifycontentcenter{justify-content: center;}
.justifycontentend{justify-content: flex-end;}
.justifycontentsb{justify-content:space-between;}
.justifycontentsa{justify-content: space-around;}

.alignitems_start{align-items: flex-start;}
.alignitems_center{align-items: center;}
.alignitems_end{align-items: flex-end;}
.alignitem_sb{align-content:space-between;}
.alignitems_sa{align-content: space-around;}


.displayblock{display: block;}
.displayinlineblock{ display: inline-block;}
.hide{display: none;}

.pull-right, .floatright{float: right;}
.pull-left, .floatleft{float: left;}

.positionrelative{position: relative;};
.positionabsolute{position:absolute;}

.clear{clear: both; display: block;}
.cf:after{content: ""; display: block; clear: both;}


.trafterline_top45px::after{
    content:"";
    display: inline-block;
    width:958px; 
    height:1px; 
    position: absolute;
    left:18px;   
    margin-top:45px;
    border-bottom:1px solid #ccc;
}
.trafterline_top44px::after{
    content:"";
    display: inline-block;
    width:958px; 
    height:1px; 
    position: absolute;
    left:18px;   
    margin-top:45px;
    border-bottom:1px solid #ccc;
}
.allListTr:hover{

    background-color: #DDE8FA;
}

.trafterline_top44pxshort::after{
    content:"";
    display: inline-block;
    width:768px; 
    height:1px; 
    position: absolute;
    left:18px;   
    margin-top:43px;
    border-bottom:1px solid #ccc;
}
.selectAddressItem:hover{
    background-color: #E5F5FD;
}

.trafterline_top40px::after{
    content:"";
    display: inline-block;
    width:958px; 
    height:1px; 
    position: absolute;
    left:18px; 
    margin-top:40px;
    border-bottom:1px solid #ccc;
}

/*****(宽度属性)**********/
.width_5{width: 5%;}
.width_10{width: 10%;}
.width_12{width: 12%;}
.width_15{width: 15%;}
.width_19{width: 19%;}
.width_20{width: 20%;}
.width_23{width: 23%;}
.width_25{width: 25%;}
.width_30{width: 30%;}
.width_35{width: 35%;}
.width_36{width: 36%;}
.width_40{width: 40%;}
.width_45{width: 45%;}
.width_48{width: 48%;}
.width_50{width: 50%;}
.width_55{width: 55%;}
.width_57{width: 57%;}
.width_58{width: 58%;}
.width_60{width: 60%;}
.width_70{width: 70%;}
.width_73{width: 73%;}
.width_75{width: 75%;}
.width_78{width: 78%;}
.width_79{width: 79%;}
.width_80{width: 80%;}
.width_82 {width: 82%;}
.width_84{width: 84%;}
.width_87{width: 87%;}
.width_89{width: 89%;}
.width_90{width: 90%;}
.width_95{width: 95%;}
.width_100{width: 100%;}


/*****新表格*****/

.width32px{width:32px;}
.width34px{width:34px;}

.width50px{width:50px;}
.width60px{width: 60px;}
.width76px{width:76px;}
.width88px{width: 88px;}
.width94px{width:94px;}
.width100px{width: 100px;}

.width108px{width:108px;}

.width102px{width:102px;}
.width104px{width:104px;}
.width112px{width:112px;}
.width114px{width:114px;}
.width120px{width:120px;}
.width136px{width:136px;}
.width138px{width:138px;}

.width142px{width:142px;}
.width146px{width:146px;}

.width154px{width:154px;}
.width180px{width:180px;}
.width190px{width:190px;}

.width200px{width:200px;}
.width208px{width: 208px;}

.width210px{width:210px;}


/**收货地址管理**/
.width134px{width:134px;}
.width200px{width:200px;}
.width310px{width:310px;}
.width100px{width:100px;}
.width110px{width:110px;}
.width110px{width:110px;}
.width230px{width:230px;}


/**选择收货地址新样式测试**/
.width20px{width:20px;}
.width330px{width:330px;}


/**提现新表数据**/
.width106px{width:106px;}
.width204px{width:204px;}
.width176px{width:176px;}
.width130px{width:130px;}
.width170px{width: 170px;}
.width90px{width: 90px;}

/**新加**/
.width218px{width: 218px;}
.width228px{width:228px;}
.width280px{width:280px;}
.width248px{width:248px;}

/***评论***/
.width220px{width: 220px;}
.width272px{width:272px;}
.width276px{width:276px;}

.width262px{width:262px;}
.width230{width:230px;}
.width282{width:282px;}




.width238px{width:238px;}
.width274px{width: 274px;}
.width290px{width: 290px;}
.width326px{width: 326px;}
.width355px{width: 355px;}
.width410px{width: 410px;}
.width460px{width:460px;}
.width478px{width:478px;}
.width720px{width: 720px;}
.width800px{width: 800px;}

.width954px{width:954px;} /**margin-left18 width:990**/
.width956px{width:956px;} /**margin-left17 width:992**/
.width958px{width:958px;} /**margin-left16 width:990*(有实线,所以暂不用)*/


.width110px{ width:110px;}
.width129px{ width:129px;}



/*********高度属性*********/

.height_45{height: 45%;}
.height_55{height: 55%;}
.height_80{height: 80%;}
.height_100{height: 100%;}

.height10px{height: 10px;}
.height22px{height: 22px;}
.height24{height: 24px;line-height: 24px;}
.height25 {height: 25px;}
.height28{height: 28px;}
.height30px {height: 30px; line-height: 30px;}
.height37{height: 37px;}
.height40px{height: 40px;}
.height44px{height: 44px;}
.height45px{height: 45px;}

.height50{height:50px;}
.height80{height: 80px;}
.height70{height: 70px;}
.height94px{height: 94px;}
.height100px{height: 100px;}
.height170{height:170px;}
.height190{height:190px;overflow:hidden;}
.height200h{height:200px;overflow:hidden;}
.height275 { height: 275px;}
.height360 {height: 360px; overflow: hidden;}
.height400 {height: 400px; overflow: hidden;}
.height500 {height: 500px; overflow: hidden;}

.padding5px{padding:5px;}
.padding8px{padding:8px;}
.padding10px{padding: 10px;}
.padding15px{padding: 15px;}
.padding20px{padding: 20px;}
.padding20px{padding: 20px;}
.padding0_20px{padding:0 20px;}
.paddingt20px{padding-top:20px;}
.paddingt30px{padding-top:30px;}

.paddingr10px{padding-right:10px;}
.paddingright16px{padding-right: 16px;}
.paddingright30px{padding-right: 30px;}

.paddingright80{padding-right: 80px;}
.paddingright84{padding-right: 84px;}
.paddingright100{padding-right: 100px;}

.paddingleft{padding-left: 10px;}
.paddingleft16px{ padding-left: 16px;}
.paddingl20px{padding-left:20px;}
.paddingl10px, .paddingleft10px{padding-left:10px;}

.paddingl25px{padding-left:25px;}
.padding0_10px{padding:0 10px;}

.padding0_1{padding: 0 1%;}
.padding2_2{padding:2%;}
.padding0_5{padding:0 5%;}
.padding0_3{padding:0 3%;}
.padding0_2{padding:0 2%;}

.padding15_0px{padding: 15px 0;}
.padding10_0px{padding: 10px 0;}
.padding0_5px{padding:0 5px;}
.padding20_0px{padding:20px 0;}
.padding10_20px{padding:10px 20px;}
.padding0_15px{padding:0 15px;}

.paddingt10px{padding-top:10px;}
.paddingt25px{padding-top:25px;}
.paddingt40px{padding-top:40px;}
.paddingt50px{padding-top:50px;}
.paddingb10px{padding-bottom:10px;}
.paddingb15px{padding-bottom:15px;}
.paddingb20px{padding-bottom:20px;}
.paddingb30px{padding-bottom:30px;}
.paddingb40px{padding-bottom:40px;}
.paddingb50px{padding-bottom:50px;}
.paddingb60px{padding-bottom:60px;}

.margint10px{margin-top:10px;}
.margint12px{margin-top:12px;}
.margint15px{margin-top:15px;}
.margintop20, .margint20px{margin-top: 20px;}
.margint25px{margin-top:25px;}
.margint30px{margin-top:30px;}
.margintop9999px{margin-top:-9999px; z-index:10}
.marginb5px{margin-bottom:5px;}
.marginb10px, .marginbottom{margin-bottom:10px;}
.marginb15px{margin-bottom:15px;}
.marginb20px, .marginbottom20{margin-bottom:20px;}
.marginbottom26{margin-bottom: 26px;}
.marginbottom35{margin-bottom: 35px;}
.marginbottom40{margin-bottom: 40px;}


.marginr2{margin-right: 2%;}
.marginr10px{margin-right:10px;}
.marginr15px{margin-right:15px;}
.marginr20px, .marginright20{margin-right:20px;}

.marginl2{margin-left: 2%;}
.marginl5{margin-left: 5%;}
.marginl5b{margin-left:5%;}
.marginl10{margin-left: 10%;} 
.marginl15{margin-left: 15%;} 
.marginl10{margin-left: 10%;}

.margin15px{margin: 15px;}
.margin25_0px{margin: 25px 0;}
.margin15_0px{margin: 15px 0;}


.marginleft5px{margin-left: 5px;}
.marginl10px, .marginleft, .marginleft10px{margin-left:10px;}
.marginl15px{margin-left:15px;}
.marginleft16px{margin-left: 16px;}
.marginl18px, .marginleft18px{margin-left:18px;}
.marginl20px{margin-left:20px;}
.marginl50px{margin-left:50px;}


/*******行高******/
.lineheight22px{line-height: 22px;}
.lineheight25px {line-height: 25px;}
.line26{line-height: 26px;}
.lineheight28px {line-height: 28px;}
.lineheight40px{line-height: 40px;}
.lineheight44px{line-height: 44px;}

/*****文字对齐******/
.textleft{text-align: left;}
.textright{text-align:right;}
.textcenter{text-align: center;}

/******边的颜色*****/
.border{border: 1px solid #DDDDDD;}
.borderleft{border-left: 1px solid #B7B7B7;}
.borderleftsolidcc{border-left: 1px solid #ccc;}
.borderleftgrey{border-left: 1px solid #ccc;}
.borderccc{border:1px solid #cccc;}

.bordere6{border:1px solid #e6e6e6;}
.borderbe6{border-bottom:1px solid #e6e6e6;}
.borderbda{border-bottom:1px dashed #ccc;}
.borderbsolidcc{border-bottom: 1px solid #ccc;}


.borderred{border:1px solid red;}

/**暂做测试用start**/
.borderleftred{border-left: 1px solid red;}
.borderrightred{border-right: 1px solid red;}
/**测试end***/



.bordertopradius5px{
    border-top-left-radius: 5px;
    border-top-right-radius:5px;
}
.borderbottomradius5px{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.bordertopleftradius5px{
    border-top-left-radius: 5px;
}
.bordertoprightradius5px{
    border-top-right-radius: 5px;
}
.borderradius5px{border-radius: 5px;}
.borderseparate{border-collapse: separate; }




/********字体区**********/
.colorwhite{ color:white;}

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

.fontsilm{ font-weight: 400px;}
.text-center{text-align: center;}

/*****字体大小******/
.fontsize12{font-size: 12px;}
.fontsize13{font-size: 13px;}
.fontsize14{font-size: 14px;}
.fontsize16{font-size: 16px;}
.fontsize18{font-size: 18px;}
.fontsize22{font-size: 22px;}
.fontsize24{font-size: 24px;}
.fontsize28{font-size: 28px;}
.fontsize38{font-size: 38px;}




.width90p{
    width: 90%;
    padding-left:5%;
    padding-right:5%;
    float: left;
}
.pa0_10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.mbgcfff:hover{
    background-color: #fff;
    box-shadow: 0 0 0 1px #03b559;
    cursor: pointer;
}


.pointer{cursor: pointer;}
.ellipsisshow, .pover, .texthidden{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hoverc666:hover{color:#666 !important;}
.hoverc066:hover{background-color:#066d37;}
.btn-orange{background-color: #ff9800;color: #fff;}
.btn-green{background-color: #03b559;color: #fff;}

.btn-grey{
    color: #bbb;
    background-color: #fff;
    border:1px solid #bbb;
}

.c7a{color:#7a7a7a;}
.ccc{color:#ccc;}
.canb{color:#e9f2ef;}
.c82b{color:#82b0d8;}
.cfff{color: #fff;}
.cba{color: #BABABA;}
.c10{color: #101010;}
.c000{color:#000}
.c333{color:#333;}
.c666{color: #666;}
.c799{color:#91c3a8;}
.c999{color: #999;}
.cgreen{color:#03b559;} /**浅绿色**/
.cdarkgreen{color:green;}

.c8bc{color:#91c3a8;}
.clv{color:#20ce9f;}
.bf7{background: #F7F7F0;}
.cye{color:#907420; }
.cred{color:#fb3838;}


.color_0196BD{color:#0196BD;}
.color_E2473F{color:#E2473F;}


/**背景色***/
.bgcanb{background-color: #e9f2ef;}
.bgclv{background-color:#20ce9f;}
.bgcc75{background-color:#f1483e;}
.bgcb5{background-color:#B5B5B5;}
.bgcaaa{background-color: #aaa;}
.bgcye{background-color: #f77b01;}
.bgcf7{background-color: #F7F7F7;}
.bgc_fff, .bgcfff{background-color: #fff;}
.bgc_3F4C65{background-color: #3F4C65;}
.bgc_505F80{background-color: #505F80;}

/**操作按钮色**/
.bgc_A0BBE5{background-color: #A0BBE5;}
.bgc_EE6A3F{background-color:#EE6A3F};


/**系统用的橘黄色**/
.bgcffc{background-color: #FFCB25;}
.bgcf67{background-color:#F67A01}

.bgc8bc{background-color: #91c3a8;}
.bgce6{background-color: #e6e6e6;}
.bgcedb{background-color:#EDB80F;}
.bgccc{background-color: #ccc;}
.bgc174{background-color: rgb(174,174,174);}
.bgc555 {background-color: rgba(50,50,50,0.92);}
.bgc666{background-color: #666;}
.bgc799,.bg-f90{background-color: #066d37;}
.bgc887{background-color: #887bde;}
.bgcc1d{background-color: #a1d0fa;}
.bgce6{background-color: #e6e6e6;}
.bgce2{background-color: #e2e2e2;}
.bgcgreen{background-color: #03b559;}
.bgcblack{background-color: black;}

.bgcred{background-color: #FF0000}
.bgc82b{background-color: #82b0d8;}
.bgc75d{background-color: #75dc5c;}
.bgcaf6{background-color: #fffaf6}
.bgceaf{background-color: #eaeff5}
.bgcecf{background-color: #ecf0f3;}
.bgcdda{background-color:#DDAC09}

.bgc_DE533C{background-color: #DE533C;} /**红 之前的颜色**/
.bgc_BE333C{background-color: #BE333C;} /**红 在上之后的颜色**/

.bgc_EFEFEF{background-color: #EFEFEF;} /**浅灰 之前**/



/***后高度??****/
.btn{ /*高度为30px*/
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: "microsoft yahei";
}
.btn2{ /*高度为30px*/
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    font-family: "microsoft yahei";
}

.btn:hover{color:#fff;}
.btn:active{color: #fff;}
.btn2:hover{color:#fff;}
.btn2:active{color: #fff;}

.fontbold{font-weight: bold;}

.middleblock{margin:0 auto;display: block;}
.middleinblock{margin:0 auto;display: inline-block;}

.line1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.line2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.usernoselect{user-select: none;}
.positionre{position: relative;}

.beforeline::before{
    content: '';
    width:100%;
    height: 1px;
    background-color: #a1d0fa;
    position: absolute;
    top: 0;
    left: 0;
}

.afterline::after{
    content: '';
    width:100%;
    height: 1px;
    background-color: #a1d0fa;
    position: absolute;
    bottom: 0;
    left: 0;
}

.leftline::before{
    content: '';
    height:100%;
    width: 1px;
    background-color:#a1d0fa;
    position: absolute;
    top: 0;
    left: 0;
}

.rightline::after{
    content: '';
    height:100%;
    width: 1px;
    background-color:#a1d0fa;
    position: absolute;
    top: 0;
    right: 0;
}


/**面包屑**/
.break-tip{
    height: 24px;
    line-height: 24px;
    color: #333;
    margin: 10px 0;
    width: 100%;
}
.break-tip a,.break-tip span{float: left;}
.break-tip span:nth-of-type(2),.break-tip span:nth-of-type(3){margin: 0 5px;}
.break-tip a:hover{color:#03b559;}
.break-tip img{height:18px;}


.bra6{border-radius: 6px;}
.mczt:hover{color:#03b559;}

/***去除样式***/
input[type="text"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
    border-color: #ccc;
    resize: none;
}
/*公共样式end*/

/*layui.css 修改*/
.layui-input { border-color: #ccc;}

.layui-layer-setwin {
    top: 13px !important;
    right: 8px !important;
}
/**按扭**/
.Btn_2F8DED .layui-layer-btn a {
    background-color: #2F8DED !important;  
    border: 1px solid #2F8DED !important;
    color: #FFF;
}

.layui-form-radioed{ border: 1px solid #82b0d8 !important; }
/**绿色的小勾**/
.layui-form-radioed:after{
    content: '';
    height: 14px;
    width: 13px;
    position: absolute;
    bottom: 0;
    right:0;

    background: url("../img/icon/selectblueico.png") no-repeat;
}

.layui-layer-tips .layui-layer-content {
    font-size: 14px !important;
}

hr {margin: 10px 15px !important;}
h3 { line-height: 30px;}





/****pcb计价拼板尺寸****/
.showkdinfo span {
    margin-right: 30px;
    text-align: left;
    display: inline-block;
}

#getAddress .layui-form-item {
    border-bottom: 1px solid #eaeff5;
    padding-bottom: 10px;
}

.buyaddressview {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 2px;
}

#getAddress .layui-form, #getAddress {
    height: 100%;
}

#getAddress .layui-form-item:nth-of-type(1) {
    padding-top: 10px;
}


/**计费系统入口**/
.position-swiper{

    width: 1300px;
    height:500px;
    margin: 0 auto;
    position: relative;
    z-index:2;
}

.position-cal {
    height: 300px;
    width: 550px;
    top: 70px;
    left: 0;

    position: absolute;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 1px 1px 1px #ccc;
}

.calcImport_title{

    width:100%;
    height:14%;
    display: table;
    background-color: #3d3d3d; 
    color:#fff;
}

.calcImport_title li{

    display: table-cell;
    width:25%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    border:0px solid red;
    font-size:16px;    
    cursor: pointer;
    position:relative;
}

.currrentBussinesse{
    background-color: #fff;
    color:#000;
    position:relative;
}
.currrentBussinesse:after{

    content: '';
    top: 0;
    left:0;
    width:calc(97% + 1px);
    border:2px solid #FBCB28;
    position: absolute;
}


/**pcb面板的入口***/
.pcbImportCenter, .smtImportCenter, .layoutImportCenter, .designImportCenter{

    height:55%;
    width:90%;
    margin:0 auto;
    padding-top: 5%;
}
/**计价入口面板的各格子样式**/
.indexinput {
    height: 40%;
    width:50%;
    float:left;
    box-sizing: border-box;
}

.smallinptxt {
    width: 90px;
    height: 30px;
    padding: 0 5px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    font-family: Roboto;
    margin-bottom: 20px;
}
/**主页计价入口**/
.middleinptxt {
    width: 220px;
    height: 30px;
    padding: 0 5px;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    font-family: Roboto;
    margin-bottom: 20px;
}

/**评论详情页计价入口**/
.indexinput_comment {
    height: 40%;
    width:100%;
    float:left;
    position:relative;
    box-sizing: border-box;
}
.indexinput_comment .boardsize{

    width:100%;      
    box-sizing: border-box;
}
.smallinptxt_comment {

    width:calc(50% - 21px);
    height: 30px;
    padding: 0 5px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    font-family: Roboto;
    margin-bottom: 20px;
}
.middlediv_comment {
    width:50%; 
    float: left;
    box-sizing: border-box;
    position:relative;
}
.middlediv_comment span{

    width:100%;
    margin-bottom: 10px;
    display:inline-block;
    font-size: 14px;
}

.middleinptxt_comment {

    width: 95%;
    height: 30px;
    padding: 0 5px;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    font-family: Roboto;
    margin-bottom: 20px;
}

#thickness { width: 220px; }

.calcImportBtn{
    width:90%;
    height:24%;
    margin: 0 auto;
    text-align: center;
}
.calculatebtn {
    width: 120px;
    height: 38px;
    line-height: 38px;
    border-radius: 2px;
    border: 1px solid #FFCB25;
    background-color: #FFCB25;
    color: #000;
    font-size: 14px;
    font-family: Microsoft Yahei;
}

.sumView {
    min-height: 812px;
    width: 1300px;
    margin: 0 auto;
}
.sumView .layui-form-radio{
    overflow: hidden;
    float: left;
    border: 1px solid #e7e7e7;
    position: relative;
    text-align: center;
    padding: 2px 15px;
}



/***PCB订单提交***/
.pcbSubmitOrderTitle{  
    height:74px;
    line-height: 74px;   
    font-size:22px;
    font-weight: bold;  
}
.pcbSubmitOrderContent{
    justify-content: space-between;
}
.pcbsubmitleft{
    width:870px; 
}
.pcbsubmitleftTop, .pcbsubmitleftBottom{
    width:calc(100% - 60px);
    padding:28px 30px 0px 30px; 
}
.pcbsubmitleftTop>ul>li:nth-child(1){
    height:38px;
    line-height: 38px;
    font-size:16px;
    font-weight: bolder;
}

.innerAddAddressBtn{
    padding:5px 8px;
    background-color: #00A2CA;
    color:#fff;
    border-radius: 5px;
    cursor: pointer;
}

.alterAddress> a{
    color: #00A2CA;
    padding: 0px 8px;
}
.alterAddress> a:hover{
    text-decoration: underline;
}
.pcbsubmitLibgc>div{
    height: 48px;
    line-height: 48px;
    margin-right: 30px;
    cursor: pointer;
    position:relative;
}
.pcbsubmitAddressBar span,.pcbsubmitInvoiceBar span{
    width:17px;
    height:17px;
    background-image:url("../img/order/select_not.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    display:inline-block;
}
.gerberfileupload{

    padding:4px 8px;
    color:#fff;
    border-radius: 5px;
    border:1px solid #00A2CA;
    background-color: #00A2CA;

}

.pcbsubmitleftTop  .pcbsubmitLi{
    height:48px;
    line-height: 48px;
}
.pcbsubmitLibgc{
    background-color: #FFF2E5;
    padding-left: 12px;
    border: 1px solid #EEEEEE;
}
.pcbsubmitLitextarea{
    width:100%;
    height:113px;
    padding-bottom:28px;
}
.pcbsubmitLitextarea>textarea{
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    padding: 5px; 
}
.pcbsubmitFeeList tr{
    border: 1px solid #ccc;
}
.pcbsubmitFeeList tr>td:nth-child(odd){
    padding-left: 8px;
    height: 42px;
    width:80px;
}
.pcbsubmitFeeList tr>td:nth-child(even){
    width:120px;
    height: 42px;
    border-right:1px solid #ccc;
}

.pcbsubmitBottomBarUp{
    height:50px;

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.pcbsubmitBottomBarUp .sp1{
    padding-bottom: 5px;
}
.pcbsubmitBottomBarUp .sp2{
    padding:0px 5px 5px 10px;
    color:#fb3838;
}
.pcbsubmitBottomBarUp .sp3{
    font-size:32px;
}

.pcbsubmitBottomBarDw{
    height:83px;

}
.pcbsubmitBottomBarDw>div{

    width:158px;
    height:45px;
    line-height: 45px;
    text-align: center;
    margin-left: 10px;

    border-radius: 5px;
    font-size: 20px;
}
.rebackPCB{
    color:#00A2CC;
}
.rebackPCB:hover{
    background-color:#ccc;
}
.submitBtn:hover{
    background-color: #BE333C;
}

/***提交订单右边列表***/
.pcbsubmitright{
    width:408px;
    height:auto;
}
.pcbsubmitright>ul{
    width:348px;    
    margin:28px auto;
}
.pcbsubmitright>ul>li:nth-child(1){
    height:38px;
    line-height: 38px;
    font-size:16px;
    font-weight: bolder;
}
.pcbsubmitParameterLI{

    height: 30px;
    line-height: 30px;

    display: flex;

    background-color: #FFF2E5;
}
.pcbsubmitParameterLI span{

    display: inline-block;
    padding-left: 15px;
    width:calc(50% - 15px);
}


/***订单提交成功***/
.ordersubmitsuccess{

    min-height: 500px;
    width: 1300px;
    margin: 0 auto;

    flex-direction:column;
    align-items: center;
}
.ordersubmitsuccess>img{

    width:164px;
    height:164px;
    margin-top: 50px;
}
.ordersubmitsuccess>div{
    margin-top:15px;
}
.ordersubmitsuccess > div:nth-child(2){
    font-size: 28px;
    color:#F67A01
}
.ordersubmitsuccess > div:nth-child(3){

    color:#999;
}
.ordersubmitsuccess > div:nth-child(4){

    padding:5px 10px;
    border: 1px solid #F67A01;
    background-color: #FEFAEF;
    color:#F67A01; 
}
.submitsucessBar{
    width:430px;
    height:50px;

}
.submitsucessBar>div{

    height:34px;
    width:126px;
    line-height:34px;
    text-align: center;
    border-radius: 10px;
}
.checkorderBtn{
    background-color:#DE533C; 
    color:#fff;  
    font-weight: bold;
}
.checkorderBtn:hover{
    background-color:#BE333C; 
}

.orderlistBtn, .continueBtn{
    background-color: #fff;
    border:1px solid #bbb;
    color:#999;
    font-weight: bold;
}
.orderlistBtn:hover, .continueBtn:hover{

    background-color:#EFEFEF;
}


/**SMT计价入口样式***/
#smtImportForm .layui-form-radio{

    position: relative;
    text-align: center;
    padding: 2px 20px;
    border: 1px solid #e7e7e7;
    overflow: hidden;
}

#smtImportForm .layui-form-radioed{
    border: 1px solid #82b0d8;
}
#smtImportForm i{
    position: relative;
    bottom: 0;
    right: 0;
    margin-right: 0 !important;
    padding: 0;
    display: none !important;
}
#smtImportForm .uptr{
    display: flex;
    flex-direction: row;
}
#smtImportForm .title{
    height: 38px;
    line-height: 38px;
    padding-left:5px;
    padding-right:5px;
    background-color:#f4f4f4;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;

}
#smtImportForm .upInptxt {
    width: 140px;
    height: 38px;
    padding: 0 5px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    font-family: Roboto;
    margin-bottom: 20px;
}

/**layout计价入口***/
.layoutImportCenter li{

    margin-left: 20px;
    line-height: 30px;
    list-style-type: disc;
}

/**方案设计计价入口**/
.designImportCenter{
    line-height: 30px;
}

.sumform {
    float: left;
    background: #fff;
    width: 64%;
    padding: 20px 0;
}

/***定表单样式***/
.sumform > .item_I_display   i {

    position: relative;
    bottom: 0;
    right: 0;
    margin-right: 0 !important;
    padding: 0;
    display: none !important;
}

.sumform .layui-form-item {

    margin-bottom: 10px;
}
.sumform .layui-form-label {

    width: 200px;
    padding: 9px 0 9px 20px;
    text-align: left;
}
.sumform .layui-input-block{

    margin-left:220px;
    width: auto !important;

}
.sumform .layui-word-aux {
    color: #b16a00 !important;
}


/*****pcb计价页计算表格******/
.sumright {
    width: 34%;
    float: right;
    background: #fff;
}
.sumright h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 15px 0;
}

.sumright input{ margin: 0; width:100%; height:90%;}
.sumtableOne, .sumtableTwo, .sumtableThree{

    display: inline-block;
    width:410px;
    margin: 10px 15px;
}

.sumtableOne table, .sumtableThree table{
    width:100%;
    border:1px solid #ccc;
}
/****表3****/
.sumtableOne table th, .sumtableThree table th {

    padding: 8px 4px;
    text-align: center; 
    color: #555;
    background-color: #f1f1f1;
}

.sumtableOne table td, .sumtableThree table td{
    padding: 8px 4px;
    text-align: center;
    color: #555;
}

/**返回的值**/
.sumtableTwo{
    border-left:1px solid #ccc; 
    border-top:1px solid #ccc;
    position: relative;
}
.pcbCalcResult{

    width:calc(50% - 1px );
    height:36px;
    position:relative;
    float:left;

    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;  
}
.pcbCalcResult  .title, .pcbCalcResult .textshow{
    height: 36px;
    line-height: 36px;
    padding-left:8px;
    font-size: 13px; 
    float:left;
}
.pcbCalcResultLast{ 
    display: none;
}

.sumtableTwo .title{ 
    width:calc(50% - 8px );
    background-color: #F1F1F1;
}
.sumtableTwo .textshow {
    width:calc(50% - 8px );
    background-color: #F9F9F9;  
}

/**layout接收值**/
.layoutSumtable{

    margin:8px 16px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc; 
    position: relative;
}
.layoutCalcResult{
    width:calc(50% - 1px );
    height:36px;
    position:relative;
    float:left;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;  
}
.layoutCalcResult  .title, .layoutCalcResult .textshow{
    height: 36px;
    line-height: 36px;
    font-size: 13px; 
    float:left;
}
.layoutCalcResult input{
    padding-left: 5px;
    border:0px;
}
.layoutSumtable .title{ 
    width:calc(38% - 8px );
    padding-left:8px;
    background-color: #F1F1F1;
}
.layoutSumtable .textshow {
    width:calc(62% - 9px );
    background-color: #F9F9F9;  
}

#youmo em{
    font-style: inherit;
    line-height: 18px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    content: '';
    height: 20px;
    width: 20px;
    border: 1px solid #666;
    border-radius: 4px;

    background-color:rgb(0,128,0);   
    transform-origin: 6px 21px;
    transform: scale(0.6);
    display: inline-block;
}

/****pcb计价选择快寄***/
.address .pcbTransportTitle{

    width:70px;  
    padding:0px !important;
    line-height: 38px;
}
.address .layui-input-block {
    margin-left: 80px;
}


.selectdz .layui-select-title {
    position: relative;
    width: 170px;
    height: 38px;
    float: left;
}
.selectdz .layui-input {

    width: 170px !important;
}
.selectkd .layui-select-title {

    position: relative;
    width: 170px;
    height: 38px;
    float: left;
}

.selectkd .layui-input {
    width: 170px !important;
}


/**右边立即下单低部***/
.results{ 
    margin-top: 0px;
    padding-right:15px;
}

.results .sp1{
    padding-right:2px;
}

.results > .pcbCalcTotalFee > .sp0{
    font-size: 18px;
    font-weight: 600;
}

.results >.pcbCalcTotalFee  .sp1{
    color: #D6473B; 
}

.results >.pcbCalcTotalFee  strong{

    font-size: 30px;
    font-weight: bold;
    color: #D6473B; 
}


.resetParamBtn, .nowCreateOrder{

    width: 45%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;    
}
.resetParamBtn>img{
    height:24px;
    width:24px;
    margin-right:5px;
}
.nowCreateOrder>img{
    height:22px;
    width:22px;
    margin-right:5px;
}
.resetParamBtn{
    background-color: #00A2CA;
    border:1px solid #00A2CA;
}
.resetParamBtn:hover {
    background-color: #0196BD;
    border:1px solid #0196BD;
}
.nowCreateOrder{
    background-color: #DE533C;
    border: 1px solid #DE533C;
}
.nowCreateOrder:hover {
    background-color: #BE333C;
    border: 1px solid #BE333C;
}















.resultsBottom{
    margin-left: 15px;
    display:flex;
    flex-direction: row;
}

.resultsBottom > button{

    width: 40%;
    height: 36px;
    margin-bottom: 10px;
    line-height: 36px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;  
}
/**修改订单**/
.pcbAlterAddress{
    padding-left:16px;    
}
.pcbAlterAddressReceiver{
    color:#666;
}
.pcbAlterAddressDetail{
    color:#999;
}
.pcbAlterAddressBtn{
    color:#00A2CA;
    margin-top:10px;
    height:30px;
    line-height:30px;
    width:80px;
    cursor:pointer;
}
.pcbAlterAddressBtn:hover{
    text-decoration:underline;
}
.pcbAlterAddressExpress .layui-input-block{
    margin-left: 16px; 
}
.alterPcbBack{
    color: #888;
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF; 
    margin-right: 20px;
}
.alterPcbBack:hover{
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC; 
}
.confirmAlterPcbOrder {
    color: #fff;
    background-color: #00A2CA;
    border: 1px solid #00A2CA; 
}
.confirmAlterPcbOrder:hover{
    color: #fff;
    background-color: #0196BD;
    border: 1px solid #0196BD; 
}












/***板子尺寸***/
.borderSizeItem .layui-input, .markUpItem  .layui-input{
    width: 140px !important;
    vertical-align: middle;
    float: left;
}
.borderSizeItem span, .markUpItem span {

    width: 28px;
    height: 36px;

    text-align: center;
    line-height: 36px;
    background: #e7e7e7;
    border: 1px solid #dcdcdc;

    display: inline-block;
    float: left;
}
.markUpItem{
    display:none;
}
.boardNumItem .layui-input, .testPointItem .layui-input {

    width: 140px;
    margin-right:10px;

    float: left;
    vertical-align: middle;

    border-radius: 0;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.x-out{
    display:none;
}

.craftBorderOuter{
    width:140px;
    float:left;
}

.craftBorderOuter select{
    width:140px !important;
}
.craftBorderOuter select .layui-input{
    width:140px !important;
}
.craftBorderOuter .layui-form-select{
    width:140px !important;
}

.craftBorderOuter .layui-input[name="craftbordernum"] {

    width: 80px;

    vertical-align: middle;
    text-align: center;

    border-radius: 0;
    border-left:0px;
    border-right: 0px;

    float: left;
}

.bgc_F9F9F9{ background-color: #F9F9F9; }


.craftBorderOuter span {

    width: 36px;
    height: 36px;

    text-align: center;
    line-height: 36px;

    background: #e7e7e7;
    border: 1px solid #dcdcdc;

    display: inline-block;
    float: left;
}

/**阻焊色，字符色**/
.colorradio .layui-form-radio div {
    padding-left: 10px;
}

.colorradio .layui-form-radio em{

    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: 8px;
    top: 10px;

    font-style: inherit;

    line-height: 18px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;

    border: 1px solid #999;
    border-radius: 4px;

    background: #333;

    transform-origin: 0 0;
    transform: scale(0.6);  
}


.bg-8a8a8a {
    background-color: #8a8a8a;
}

.bg-fff5e7 {
    background-color: #fff5e7;
}

.b2-f90 {
    border: 2px solid #066d37;
}


/**pcb计价页数量**/
.banchodiv {
    position: relative;
}
.bancho {
    position: absolute;
    top: 37px;
    left: 0;
    border: 1px solid #ccc;
    width: 329px;
    height: auto;
    padding: 4px 0 10px 10px;
    background: #fff;
    z-index: 99;
}
.bancho .layui-form-radio {
    width: 40px;
}


/*下单流程*/
.produre-tab {
    width: 100%;
}

.produre-tab-left {
    line-height: 50px;
    float: left;
}

.produre-tab-left .produre-tab-title a,.produre-tab-left .produre-tab-title .produre-tab-nav {
    float: left;
    width: 258px;
    min-height: 44px;
    line-height: 44px;
    color: #666;
    text-align: left;
    text-indent: 15px;
}

.produre-tab-left .produre-tab-title .produre-tab-nav {

    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.produre-tab-nav ul li:hover {

    cursor: pointer;
    background-color: #f5ab63;
    color: #fff;
}

.produre-tab-title li img {
    height: 18px;
    width: 18px;
    margin: 13px 10px;
}

.produre-tab-nav ul {
    width: 258px;
    display: none;
    float: left;
}

.produre-tab-nav {
    cursor: pointer;
    font-weight: bold;
}

.produre-tab-nav.oncheck ul {
    display: block;
}

.produre-tab-nav p {
    height: 45px;
    width: 100%;
}

.produre-tab-nav.oncheck img {

    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.produre-tab-nav ul li {
    width: 258px;
    height: 44px;
    float: left;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 400;
}

.produre-tab-nav ul li:first-of-type {
    border-top: 1px solid #e3e3e3;
}

.produre-tab-nav ul li:last-of-type {
    border-bottom: none;
}

.produre-tab-left>p:first-of-type {
    font-size: 16px;
    width: 258px;
    border: 1px solid #e3e3e3;
    text-align: left;
    text-indent: 15px;
}

.produre-tab-title {
    width: 100%;
    float: left;
}

.produre-tab-right {

    min-height: 760px;
    float: right;
    box-shadow: 0 0 0 1px #e3e3e3;
}

.produre-tab-right .produre-tab-item {
    padding: 20px;
}

.produre-tab-item .gglist {
    list-style: none;
    width: 100%;
}

.produre-tab-item .gglist li {
    height: 36px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    width: 100%;
    line-height: 36px;
    overflow: hidden;
}

.produre-tab-item .gglist li a {
    height: 36px;
    display: inline-block;
}

.produre-tab-item .question {
    float: left;
    min-width: 30%;
    width: 100%;
}

.produre-tab-item .question h1,.produre-tab-item .answer h1 {
    font-size: 18px;
    line-height: 20px;
}

.produre-tab-item .question h1 span:nth-of-type(1),.produre-tab-item .answer h1 span:nth-of-type(1) {
    border-radius: 4px;
    background: #808080;
    padding: 0 2px;
}

.produre-tab-item .question h1 span:nth-of-type(2),.produre-tab-item .answer h1 span:nth-of-type(2) {
    font-weight: 600;
}
.produre-show {
    display: block !important;
}

.produre-hide {
    display: none;
}


/**当选中时低色(对应文章列表色)**/
.produre-this {
    background: #F67A01 !important;    
    color: #fff !important;
    position: relative;
}

.produre-tab-item .answer {
    padding: 10px 0;
    float: left;
    width: 100%
}

.produre-tab-item .answer h1 {
    padding-bottom: 10px;
    border-bottom: 2px solid #03b559;
    margin-bottom: 15px;
}

.produre-tab-item .item h2 {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #03b559;
}

.produre-tab-item .item .ans {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
    min-height: 50px;
    margin: 10px 0;
    border-bottom: 1px dashed #e7e7e7;
}

.produre-tab-item .item .ans img {
    width: 25px;
    height: auto;
    float: left;
}

.produre-tab-item .item .ans .art {
    min-width: 760px;
    width: 95%;
    float: left;
    min-height: 30px;
    margin-left: 10px;
}




/***用户评论页*****/ 
.discussBanner{
    width:100%;
    height: 500px;

    background:url("../img/banner_comment.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative; 
}
.commentbanner_content{

    width:1300px;
    height:calc(100% - 120px);
    margin:0 auto;
    padding-top:120px;
}
.commentbanner_top{
    height:44px;
    position: relative;
    text-align: center;

}

.commentbanner_top>a{
    display: inline-block;
    width:210px;
    height:44px;
    line-height: 44px;
    font-size:18px;
    font-weight: bold;
    color:#fff;
}
.commentbanner_top .newsa1,.commentbanner_top .newsa2,.commentbanner_top .newsa4{
    background-color: #898989;
}
.commentbanner_top .newsa3{
    background-color: #F19249;
}
.commentbanner_cn{

    height:74px;
    line-height: 74px;
    margin-top:60px;

    font-size:60px;
    text-align: center;
    color: #fff;
}
.commentbanner_en{

    margin-top:50px;
    font-size:20px;
    text-align: center;
    color:#fff;
}

.discussView {
    width: 1300px;
    min-height: 500px;
    height: 100%;
    margin: 0 auto;
}
.commentItemContent{

    display: flex;
    flex-wrap: wrap;
}

/**评论实例**/
.comment_item{

    width:336px;
    height:310px;  
    padding:20px 20px; 
    margin-top:0px;
    margin-bottom: 60px;

    position: relative;
    background-color: #363533;
    display:block;
}
.commentItemContent>a:nth-child(3n-1){

    margin-left: 86px;
    margin-right: 86px;
}

.commentItemUp{
    height:180px;
    display: flex;
    justify-content: space-between;
}
.commentItemUp> ul{
    width:160px;
}
.commentItemUp li:nth-child(1){
    height: 116px;  
}
.userPhoto{
    width:92px;
    height: 92px;
    margin-top:10px;
    border-radius: 50%;
}

.commentItemUp li:nth-child(2){
    height: 35px;  
    font-size: 20px;
    color:#fff;
}
.commentItemUp li:nth-child(3){

    height: 30px;
    font-size:16px;
    color: #F19149;
}

.productFirstImg{
    width:150px;
    height:150px;
    background:url("../img/product.jpg") no-repeat;
    background-position: center;
}

.commentItemDown{
    height:110px;
}
.commentItemText{ 
    width:346px;
    height:50px; 
    line-height: 25px;
    overflow: hidden;
    color:#fff;
}
.commentItemStar{
    height:44px;
    line-height: 44px;
}
.commentItemStar>span{
    display: inline-block;
    width: 22px;
    height: 30px;
    background:url("../img/star_middle.png") no-repeat;
    background-size: 20px 20px;
    background-position: center;
}
.commentItemGoto{
    height:26px;
}
.commentItemGoto>span{

    display: inline-block;
    height: 20px;
    line-height:20px;
    width:80px;
    background:url("../img/arrowright.png") no-repeat;
    background-position: right center;
    color:#fff; 
}
.commentBottom{

    width:100%;
    height:200px;

    display: flex;
    justify-content: center;
    align-items: center;

}
.comment_moreBtn{

    width:146px;
    height:60px;

    line-height: 60px;
    text-align: center;
    border-radius: 5px;

    font-size:20px;
    color:#fff;
    background-color:#363633;
}




/*********/
.server,.quality {
    position: relative;
}

.server img,.quality img {
    margin-right: 10px !important;
}

.server img:nth-of-type(1),.quality img:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: -20px;
    opacity: 0;
}


/**联系我们内容中部***/
.contactformView{
    width: 1300px;
    min-height: 400px;
    margin: 50px auto 0;
    position: relative;
}

.contactformView .contactContentUp{

    width:100%;
    height:100%;
    position: absolute;

    display:flex;
    flex-direction: rows;
    align-items: center;

}
.contactformView .formchilddiv1{
    font-weight: bolder;
    line-height: 16px;
}
.contactContentUp .left{
    width:50%;
    height: 100%;

    display: flex;
    align-items: center;
    font-size:16px;
}
.contactContentUp img{
    width:20px;
    height:20px;
}
.contactContentUp ul{

    width: 45%;  
}
.contactContentUp ul li{

    height: 60px;
    line-height:20px;
}

.contactContentUp .right{
    width:50%;
    height: 100%;
    position:relative;

}
.contactContentUp .contactus_cn{
    font-size:20px;
}
.contactContentUp .contactus_en{
    font-size:12px;
}

/**下面的格**/
.contactformView .formchilddiv2{

    margin-top:20px;
    width:94%;
    margin-left: 6%;
    height:80%;
    position:absolute;
}
.contactformView  input{

    width: 25%;
    padding-left:5px;
    margin-right: 5%;
    background-color: #eee;
    border:1px solid #ccc;

    height:30px;

}
.contactformView textarea{

    width:calc(89% - 8px);
    height:50%;
    margin-top:2%;
    padding: 5px;
}

.contactformView #contactusBtn{

    width:12%;
    height:35px;
    margin-top: 2%;
    background-color:#959595;
    color:#fff;
    cursor:pointer;
    line-height:35px;
    text-align: center;
}
/*联系和关于我们end*/


/**banner样式**/
.bgView{

    width: 100%;
    height: 500px;

    position: relative;
    background: #fff;

    display: flex;
    justify-content: center;
    align-items: center;

}
.bgviewpos {

    position: absolute;
    height:100%;
    left: 0;
}

.bgView .btnview {
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 50%;
}
.bgView .btnview a {
    width: 24%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-align: center;
}
.bgView .btnview a:nth-of-type(2) {
    margin: 0 13%;
}

.bgView .btnview a.oncheck {
    background-color: #03b559;
}

.bgView .btnview a:hover {
    background-color: #03b559;
}

/***banner上的文字***/
.bgText {
    width: 1300px;
    height: 60%;
}

.bgText h1 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}
.bgText p {
    font-size: 24px;
    margin-top:50px;
    margin-bottom: 50px;
}

.bgText a {
    border: 1px solid #fff;
    padding: 10px;
    display: inline-block;
    color: #fff;
}



/*头和脚*/
.hr {
    position: absolute;
    height: 0;
    display: inline-block;
    margin: 0 75px;
    border-top: 1px dashed #BBBBBB;
}



/********************  修改部份  ****************************************/

/** 顶部部份 **/
.headertop {
    position:relative;
    height: 155px;
    width: 100%;
    margin: 0;
    background-color:#FFCB25;
}
.headertopbar{

    height:35px;
    background-color: #F67A01;
    color:#fff;
}
.headertopbarcenter{
    position: relative;
    height:100%;
    width:1300px;
    margin:0 auto;
    box-sizing:border-box;
}

.topbarleft, .topbarright{ 

    line-height: 35px;  
}
.topbarleft>span{
    display:inline-block;
    height:100%;
}

.teltext{
    background: url("../img/sphone.png") 0 center no-repeat;
    background-size: 28px 28px;
    padding-left: 35px;
}
.emailtext{
    background: url("../img/semail.png") 0 center no-repeat;
    background-size: 28px 28px;
    margin-left:30px;
    padding-left: 35px;
}

.topbarright>a{
    position: relative;
    display:inline-block;
    padding-left: 15px;
    padding-right: 15px;
    cursor:pointer;
    color:#fff;
}
.newmsgnum{
    border-radius: 10px;
    position: absolute;
    top:2px;
    right:-2px;

    height:12px;
    padding: 0 3px 0 3px;
    font-size:8px;
    background-color: #FFCB25;
    color:#F67A01;
    font-weight: bold;

    display: flex;
    align-items:center;
    justify-content:center;

}

/***消息列表****/
.msgtextlist{
    position: absolute;
    width:260px;
    top:35px;
    right:430px; 
    border:1px solid red;
    background-color: #F5D0AB;
    z-index:10;
}
.msgtextlist ul{
    font-size: 12px;
    color:#6D4015;
}
.msgtextlist li{
    position:relative;
    border-bottom:1px solid  #6D4015;
    margin: 0 8px 0 8px;
    height:30px;
    line-height: 30px;
    padding-left: 15px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msgtextlist li::before{
    content:"";
    position: absolute;
    left: 0px;
    top:11px; 
    width:8px;
    height:8px;
    border-radius: 50%;
    background-color: red;
}
.msglistaction{
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-left: 10px;
    padding-right:10px;
    height:30px;
    background-color: #F5B16E;
}
.msglistaction a{
    height: 30px;
    line-height: 30px;
}

.addfavorite::before{

    content: "";
    position:absolute;
    width:1px;
    height:10px;
    top:13px;
    left:0px;
    border-right:1px solid #fff;
}

.addfavorite::after{

    content: "";
    position:absolute;
    width:1px;
    height:10px;
    top:13px;
    right:0px;
    border-right:1px solid #fff;
}

/**中英切换**/
.languageshift{
    display: inline-block;
    height:30px;
    margin-left:10px;
    background-color: #F67A01;
    border:0px;
    color:#fff;
    cursor: pointer;
}

.headerCenter{
    position: relative;
    height:120px;
    width:1300px;
    margin:0 auto;
    box-sizing:border-box;
}
/**头部左边logo **/
.headerleft {
    float: left;
    height: 100%;
    width:450px;
    display:inline-block;
}
.headerleft img{ 
    width:100%;
    heigh:100%;
}

/*** 头部右边按钮***/
.headerright {
    height:100%;
    float: right;
    position: relative; 
    display: flex;
    align-items:center;
    justify-content: flex-end;
}

.headerright>a{
    display:inline-block;
    margin-left:20px;
    /*cursor:pointer;*/
}
.loginbtn, .registerbtn{
    color:#DE5325;
}

.headerright .makeorder{

    border-radius: 5px;
    height:44px;
    width:136px;

    background-color: #F67A00;
    color:#fff;

    font-size:20px;
    line-height: 44px;
    text-align: center;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;

}


.headerright .makeorder:hover{

    background-color: #DE5325;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

}


/**导航条菜单**/
.menu {
    list-style: none;
    width: 1300px;
    height: 40px;
    margin: 0 auto;
    display: block;
    line-height: 40px;
}

.menu li {
    position: relative;
    width: auto;

    padding: 0 20px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    color: #fff;

}

.menu li:hover {

    -webkit-animation: navbtnhoveranim 1s infinite;
    animation: navbtnhoveranim 1s infinite;
}
@keyframes navbtnhoveranim{
    from{
        background-color:pink;
    }to{
        background-color:red;
    }
}

.menu li a {

    height: 40px;
    position:relative;

    display: inline-block;

    font-size: 16px;
    color: #fff;

    z-index: 1;
}


/** 导航的伪元素( 暂不启用 )**/
.menu li:before {

    content: '';
    height:120%;
    width:150%;
    top: -5px;
    left: -170%;

    position: absolute;
    background-color: red;

    z-index: 1; 

    transform: skew(30deg,0);
    -webkit-transform: skew(30deg, 0);
    -ms-transform: skew(30deg, 0);
    -moz-transform: skew(30deg, 0);
    -o-transform: skew(30deg, 0);

    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;

}

.menu li:hover:before {

    content: '';
    height:120%;
    width:150%;
    top: -5px;
    left: -20%;

    position: absolute;
    background-color: red;
    z-index: 1;

    transform: skew(30deg,0);
    -webkit-transform: skew(30deg, 0);
    -ms-transform: skew(30deg, 0);
    -moz-transform: skew(30deg, 0);
    -o-transform: skew(30deg, 0);
}


.goodquick {
    margin: 0 40px;
    background-color: #fff;
    color: #333;
}

.bottomline {
    position: relative;
}

.bottomline:after {
    position: absolute;
    bottom: -12px;
    left: 46%;
    height: 3px;
    width: 8%;
    background-color: #fff;
    content: '';
}

.notify {
    color: #333;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 26px;
    width: 100%;
}


/*** 首页的附加额外的信息 ***/
.indexbannerafter{

    position:relative;
    background-color: #FFCB25;
    width:100%;
    height:643px;
    background-image: url("../img/yzsfw.png");
    background-size: 1860px 643px;
    background-position: center;
    background-repeat: no-repeat;
}


/**动画效果还要攻**/
.indexbannerafter>div{

    position:relative; 
    width:1300px;
    height: 643px;
    margin: 0 auto;
    /*border:1px solid red;*/
    display: none;

}






/**业务陈列展示一**/
.indexpro {  
    background-color: #fff;
    width: 1300px;
    margin: 20px auto 0;
}

.businessdisplay{ 
    height: 234px;
    width: 1300px;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    background-color: #E2E2E2;      
}

.businessdisplay>div{

    position: relative;
    width:24.8%;
    background-color:#fff;
}
.businessdisplay ul{

    position: absolute;
    left: 5%;
    top: 8%;
    z-index: 9; 

}

.businessdisplay li{

    margin-bottom: 10px;
}

.businessdisplay li span{

    display: inline-block;
    padding: 1px 3px;
    border-radius: 10px;
    background-color:#FFCB25;
}
.businessdisplay .businesshd{

    font-size:24px;
    font-weight: blod;  
    margin-bottom: 2%; 
}


.businessbody{

    font-size: 12px;

}
.businessfooter{

    font-size: 10px;
    color: #999;
    margin-top:40px;
}

.businessdisplay img{
    position:absolute;
    bottom:0px;
    right: 0px;
}


.business_dayang img{
    width:60%;
    height:80%;
}

.business_smt img{
    width:80%;
    height:80%;
}

.business_layout img{
    width:50%;
    height:80%;
}

.business_pcb img{
    width:60%;
    height:80%;
}

/**业务陈列展示二 明天写**/
.businessdisplay2{

    height: 334px;
    width: 1300px;

    display: flex;
    flex-direction: column;
}

.display2_up{
    flex: 1.5;    
    display: flex;
    flex-direction: row;

}
.dayangtitle{

    flex:1;
    display: flex;
    flex-direction: column;
    border-right:1px solid #E2E2E2;
}


.dayangtitle .titletxt{

    flex: 1;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}
.dayangtitle .titletxt .span1, .dayangtitle .titletxt .span3{
    display:inline-block;
    padding-bottom: 3px;
    border-bottom: 2px solid white;
}
.dayangtitle .span2{
    display:inline-block;
    padding-bottom: 3px;
    border-bottom: 2px solid #FFCB25;
}

.dayangtitle .alist{

    flex: 1;
    display:flex;  
    justify-content: space-around;
    flex-flow:row wrap;
    align-content: flex-start;

    color:#bbb;
    font-size: 14px;

}
.dayangtitle a{

    display:block;
    width: 28%;
    text-align: center;
    margin-top:6%;
    border-radius: 5px; 
}
.dayangtitle a:hover{
    background-color: #FFCB25;
    color:#000;
}


.dayangdouble, .dayangfour, .dayangsix{

    flex:1.5;
    position:relative;
}
.dayangfour::after{

    content: "";
    position:absolute;
    display: block;
    height: 100%;
    width:100%;
    border-left:1px solid #E2E2E2;
    border-right:1px solid #E2E2E2;
}

.dayangdouble ul, .dayangfour ul, .dayangsix ul{
    position:absolute;

    width:70%;
    margin-top:5%;
    margin-left: 5%;
    z-index:9;
}

.dayangdouble .double1,.dayangfour .four1, .dayangsix .six1{
    font-size:24px;
    font-weight: blod;  
}

.dayangdouble .double2,.dayangfour .four2, .dayangsix .six2{
    font-size:10px;
    color:#999;
}

.dayangdouble .double3{

    padding-top:13%;
}

.dayangfour .four3, .dayangsix .six3{
    padding-top:20%;
}

.dayangdouble .dbspan1, .dayangfour .fourspan1, .dayangsix .sixspan1{
    color:red;
    font-size: 20px;
}
.dayangdouble .dbspan2, .dayangfour .fourspan2, .dayangsix .sixspan2, .dayangsix .sixspan2{
    color: red;
    font-size: 3em;
}

.dayangdouble .dbspan3, .dayangfour .fourspan3, .dayangsix .sixspan3, .dayangsix .sixspan3{
    color: #999;
    font-size: 14px;   
}

.dayangdouble img, .dayangfour img, .dayangsix img{ 
    position: absolute;
    right:0px;
    bottom:0px;
    width:45%;
    height:70%;
}

.display2_down{

    flex:1;
    display: flex;
    flex-direction: row;
    border-top: 1px solid #E2E2E2;
}


.ordertitle{

    flex:1;
    border-right: 1px solid #E2E2E2;
}
.ordertitle ul{
    height: 100%;
}
.ordertitle li{
    text-align:center;
    margin-bottom: 3%;
}

.ordertitletxt{ 
    font-size: 20px;
    font-weight: bolder;
    padding-top:15px;
}
.display2_down .howorder{
    color:#999;
}
.ordertitle .orderbtn{
    text-align: center;
}

.ordertitle div{
    cursor: pointer;
    display: inline-block;
    border:1px solid #626262;
    background-color: #626262;
    width: 30%;
    color:#fff;
    font-size:16px;
    padding:3px 20px;
    border-radius: 4px;    
}


.orderprocess{
    flex:4.5; 
}
.orderprocess img{
    width:100%;
    height: 100%;
}





/***新闻列表显示窗口***/
.indexpro1 {
    width: 1300px;
    margin: 0 auto 0;
}
.indexpro .width_18 {
    display: inline-block;
    height: 125px;
    width: 18%;
    position: relative;
}

.indexpro .width_18:after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    background-color: #f7f7f7;
}

.indexpro .indexprodes1 {
    width: 10%;
    float: left;
    padding: 20px;
    line-height: 30px;
    background-color: #f2f2f2;
}

.indexprodes1 .desimg {
    width: 20px;
    height: 20px;
}

.indexprodes {
    margin-left: 10px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #f7f7f7;
}

.indexprodes .indexproimg {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
}

.indexprodes .indexproimg img {
    width: 50px;
    height: 50px;
}

.indexprodes .indexprice {
    border: 1px solid #ddd;
    padding: 2px 8px;
    border-radius: 15px;
    display: inline-block;
}

.indexprodes .indexprice.action {

    background-color: #03b559;
    border: 1px solid #fff;
    color: #fff;
}

/***动态信息显示窗口**/
.shownum-view {
    width: 1300px;
    height: 445px;
    position: relative;
    margin: 0 auto;

    display: flex;
    flex-direction: row;
}



/*****左部的窗口****/
.shownum-left {

    height: 100%;
    flex:1;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-top: 2px solid #82b0d8;

    position:relative;

}
.shownum-left h2{

    margin-top:10%;
    margin-left: 5%;
}
.shownum-left ol{

    margin-top:5%;
    margin-left: 10%;
}
.shownum-left li{
    margin-top:5px;
}

.shownum-left li::before{

    content: "";
    width:12px;
    height:12px;
    position: absolute;
    left:10px;
    margin-top: 5px;
    display:inline-block;
    background-color: red;
    border-radius: 50%;

}
.shownum-left a{

    display: block;
    width:35%;
    position:absolute;
    bottom:0px;
    height:36px;
    line-height:36px;
    text-align: center;
    background-color:#A0A0A0;
    color: #fff;
}


/**中部的视频窗口***/
.shownum-mid {

    flex:2;
    height: 100%;
    border-top: 2px solid #82b0d8;
    bottom: 0;
    background-color: #fff;
    background-image:url("../img/tvimg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;

    position:relative;
}

.shownum-mid video {

    margin-top: 6%;
    margin-left:6%;

    height: 65%;
    width: 88%;
    border-radius: 5px;
    background-color: #000;
}

.shownum-mid img{

    position: absolute;
    width:100px;
    height:100px;
    left:calc( 50% - 50px );
    top:28%;
    cursor: pointer;
    border-radius: 50%;
}

.animrotaterecover{
    animation:playerbtnrecover 1s;
    -webkit-animation: playerbtnrecover 1s;
}
@keyframes playerbtnrecover{

    from{
        transform:rotate(0deg);
    }to{
        transform:rotate(-360deg);
    }
}

.shownum-mid img:hover{
    animation:playerbtn 1s;
    -webkit-animation:playerbtn 1s;
}
@keyframes playerbtn{
    from{
        transform:rotate(0deg);
    }to{
        transform:rotate(360deg);
    }
}

/**右边的列表**/
.contactList{width:1300px;min-height: 772px;margin: 50px auto 0;line-height: 33px;}
.contactList .aboutview .li{margin: 0 0 0 28%;padding:10px 0 10px 3%;}
.contactList .aboutview .al{margin: 0 0 0 28%;padding-left:3%;}


/*****右部的窗口****/
.shownum-right{
    flex:1.5;
    height: 100%;
    border-top: 2px solid #82b0d8;
    bottom: 0;
    background-color: #EDB80F;
    position:relative;
}

.shownum-right .totay{

    width: 100%;
    padding-top:15%;
    text-align:center;
    font-size: 28px;
    font-weight:900;
    user-select:none;
}
.shownum-right .inncountry, .shownum-right .introtxt{

    padding-top:2%;
    text-align: center;
    user-select:none;
}

.shownum-right .orders {

    margin-top:18%;

    height: 50px;
    margin-bottom: 27px;
    background-color: #EDB80F;
    user-select:none;
    text-align:center;

}

.shownum-right .orders span {

    line-height: 50px;
    text-align: center;

    background-color: #FFF;
    color:#EDB80F;

    width: 34px;
    margin-right: 8px;
    display: inline-block;
    font-size: 30px;
    user-select:none;
}

.shownum-right .orders span:last-of-type {
    margin-right: 0;
}
.shownum-right .textcenter{
    user-select:none;
}
.shownum-right a:hover{
    color:#fff;
}

/***地图信息****/
.ditumain {
    height: 300px;
    text-align: center;

    background-color:#FFCB25;
}

.ditumain .ditu {
    height: 190px;
    margin: 50px 20px 50px 0;
    float: left;
    display: inline-block;
    opacity: 0.7;
    width: 500px;
    user-select: none;
}

.ditumain .dituinfo {

    height: 260px;
    margin: 30px 0 20px 50px;
    width: 500px;
    float: left;
    display: inline-block;
}

.ditumain .quote {
    border-radius: 6px;
    padding: 10px 32px;
}

.ditumain .quote:hover {
    color: #fff;
}

.usermain {
    padding: 20px 0;
    background-color: transparent;
    height: 235px;
}

.usermain .usersitem {
    height: 100px;
    float: left;
    margin: 10px 20px 10px 0;
    padding-right: 30px;
    display: inline-block;
    width: 160px;
}

.usermain .usersitemview {
    height: 120px;
    width: 240px;
    overflow: hidden;
    float: left;
}

.usermain .usersitemview:after {

    content: '';
    height: 100px;
    position: absolute;
    top: 10px;
    background-color: #82b0d8;
    right: 30px;
    width: 1px;
}

/*.usermain .usersitem:last-of-type{border-right:none;}*/
.usermain .usersitem:nth-of-type(n+1) {
    margin: 10px 40px 10px 20px;
}

.usermain .usersitemview:last-of-type:after {
    display: none;
}
.usermainbody {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
}
.elebg {
    position: absolute;
    right: 0;
    top: 0;
    height: 295px;
    z-index: 0;
}
.elebg img {
    height: 295px;
    float: left;
}
.usersitem .c799 {
    font-size: 32px;
    font-weight: 600;
    color: #82b0d8;
}

.usersitem img {
    width: 29px;
    height: 27px;
}

.usermain .usersitem .plus {
    position: absolute;
    right: -22px;
    top: -9px;
    width: 20px;
    height: 20px;
}



.yuangongmain {
    display: flex;
    padding: 20px;
}

.yuangongmain .ygitem {
    flex: 1;
    padding: 6px;
    width: 33.3%;
    margin-left: 20px;
}

.yuangongmain .ygitem:nth-of-type(1) {
    margin-left: 0;
}

.yuangongmain .ygitem img {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.yuangongmain .ygitem p {
    margin-bottom: 10px;
}

.yuangongmain .ygitem ul {
    margin-left: 20px;
}

.yuangongmain .ygitem ul li {
    margin-bottom: 10px;
    color: #666;
    font-size: 13px;
    list-style: square;
    width: 100%;
}









/**服务栏介绍**/
.servicebar{

    height: 507px;
    border:1px solid white;
}

.fuwumain .fuwuitem {

    box-sizing: border-box;
    width: 20%;
    float: left;
    padding: 20px 2.5% 40px;

}

.servicebarUp{
    border-bottom:2px solid #FFCB25;
}
.servicebarUp .servicetitle{
    font-size: 3em;
    font-weight: blod;
}
.servicebarUp .serviceintro{

    color:#aaa;
    height:34px;
    line-height: 34px;
    font-size:18px;   

}

.serviceCenter{
    position: relative;   
}

.serviceBottom{

    height:64px;
    width:100%;   
    background-color:#FFCB25;
}

.fuwumain{

    margin-top:74px;
}


.fuwumain .fuwuitem img {

    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 20px 0;
}

.fuwumain .fuwuitem p {

    line-height: 22px;
}

.fuwumain .servicep{
    font-weight: 1000;
    color:#888;
    font-size:16px;
}



.ui2-step {
    font-size: 14px;
    overflow: hidden;
    width: 100%;
}

.bao-step {
}

.ui2-step li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    float: left
}

.ui2-step li:first-child span {
    margin-left: 0
}

.ui2-step .last span {
    margin-right: 0
}

.ui2-step-6 li {
    width: 16.6666%
}

.ui2-step span {
    padding-left: 10px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin-left: 16px;
    margin-right: 4px;
    position: relative
}

.ui2-step span:after {
    content: "";
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid transparent;
    position: absolute;
    right: -16px;
    top: 0;
    z-index: 1
}

.ui2-step span:before {
    content: "";
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    position: absolute;
    left: -16px;
    top: 0;
    z-index: 1
}

.ui2-step li:first-child span:before {
    display: none
}

.ui2-step .last span:after {
    display: none
}

.ui2-step .ui2-step-done span {
    background: #ffe0cc;
    color: #333
}

.ui2-step .ui2-step-done span:before {
    border: 16px solid #ffe0cc;
    border-left: 16px solid transparent
}

.ui2-step .ui2-step-done span:after {
    border-left: 16px solid #ffe0cc
}

.ui2-step-curr span {
    background: #ffe0cc;
    color: #777
}

.ui2-step .ui2-step-curr span:before {
    border: 16px solid #ffe0cc;
    border-left: 16px solid transparent
}

.ui2-step .ui2-step-curr span:after {
    border-left: 16px solid #ffe0cc
}

.ui2-step-undone span {
    background: #e9eef4;
    color: #999
}

.ui2-step .ui2-step-undone span:before {
    border: 16px solid #e9eef4;
    border-left: 16px solid transparent
}

.ui2-step .ui2-step-undone span:after {
    border-left: 16px solid #e9eef4
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #a1d0fa !important;
}

.iconorder {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 45px;
    color: #9d9d9d;
    width: 64px;
    height: 64px;
}
.txtindex {
    color: #9d9d9d;
    text-indent: 30px;
    line-height: 24px;
    letter-spacing: 2px;
}

.show-item-bg {
    height: 80px;
    width: 80px;
    position: relative;
    margin: 30px auto 30px;
}

.why-show-item img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.show-item-art {
    height: 80px;
    width: 100%;
    position: absolute;
    top: 140px;
    z-index: 1;
    left: 0;
}

.why-show-item p {
    margin-bottom: 4px;
}

.why-show-item {
    width: 50%;
    float: left;
    text-align: center;
    height: 220px;
    position: relative;
}

.messageproblem {
    margin: 30px;
    background-color: #fff;
    padding: 40px 20px;
}

.messageproblem .tit {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.messageproblem .tit h5 {
    margin: 0;
    font-size: 18px;
    display: inline-block;
}

.messageproblem .cont {
    padding: 15px;
}

.messageproblem .cont .contimg {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.messageproblem  ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messageindul li {
    padding-top: 10px;
    line-height: 20px;
}

.problemindul li {
    padding: 15px 0 0 15px;
}

.problemindul li .problemtit {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.problemindul .probleman {
    margin-right: 10px;
    margin-left: 23px;
    font-size: 10px;
    color: #8D8D8D;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-top: 5px;
}

.lingxing {
    font-size: 8px;
    vertical-align: middle;
    padding-right: 10px;
}

#timeline {
    width: 910px;
    height: 420px;
    overflow: hidden;
    margin: 0 auto 20px;
    position: relative;
    background: url('../images/homead/dot.png') left 70px repeat-x;
    box-shadow: 0 0 4px 2px #e3e3e3;
    border-radius: 6px;
}

#timeline #dates {
    width: 910px;
    height: 80px;
    overflow: hidden;
}

#timeline #dates li {
    font-family: Arial;
    list-style: none;
    float: left;
    width: 240px;
    height: 80px;
    font-size: 14px;
    text-align: center;
    background: url('../images/homead/biggerdot.png') center bottom no-repeat;
}

#timeline #dates a {
    line-height: 80px;
    padding-bottom: 10px;
    color: #999;
}

#timeline #dates a.oncheck {
    border-bottom: 2px solid #03b559;
}

.issues_con {
    width: 500px;
    float: right;
}

.issues_con h1 {
    margin-bottom: 20px;
    font-weight: bold;
}
.greya {
    color: #BABABA;
}


/**登录接口的主样式**/
.porel {
    position: relative;
    height:773px;
    width:100%;

    background-image: url("../img/loginbgc.jpg");
    background-size: 100% 100%;
}
/**登录面板**/
.login {
    position: absolute;
    width: 280px;
    top: 20%;
    right: 250px;
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 25px 15px 25px;   
}

.logintit {
    text-align: center;
    margin-bottom: 30px;
}

.inputicon input {
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #bbb;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}




.footer a:hover {
    color: #f7f7f7;
}

.footertit {
    color: #fff;
    margin: 25px 0 15px;
    font-size: 18px;
    font-weight: bold;
}

.footera {
    color: #fff;
    display: block;
    line-height: 28px;
}

.footertime {
    margin: 25px 0 15px;
}

.tel {
    font-size: 35px;
    color: #246eab;
    font-weight: bold;
    margin-bottom: 10px;
}

.email {
    background-color: #3d3d3d;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px 35px;
    margin: 0 auto;
    border-radius: 8px;
}

.footerbot {
    color: #fff;
    border-top: 1px solid #b7b7b7;
    line-height: 40px;
    text-align: center;
}


/*userinfo*/
.userinfo {
    padding: 0 40px;
}

.userinfo .imgdiv {
    height: 68px;
    width: 68px;
    border-radius: 50%;
    margin: 16px 0 15px 15px;
    overflow: hidden;
}

.userinfo .imgdiv img {
    height: 68px;
}

.userinfo h2 {
    margin: 35px 20px;
    height: 30px;
    line-height: 30px;
}

.userinfo .btn {
    margin: 35px 0;
}

.changepwd {
    padding: 0 40px;
    width: 700px;
}

.userwell {
    height: 150px;
}

.userwell-left {
    margin-right: 2.5%;
    box-shadow: 0 0 0 1px #e6e6e6;
    height: 100%;
}

.userwell-right {
    box-shadow: 0 0 0 1px #e6e6e6;
    height: 100%;
}

.userwell-right p::after {
    background-color: #e6e6e6;
    height: 1.5px;
}

.user-icon {
    height: 60px;
    height: 60px;
    overflow: hidden;
    display: inline-block;
    margin: 15px 0;
    border-radius: 50%;
}

.user-icon img {
    height: 100%;
}

.user-menoy {
    height: 30px;
    line-height: 30px;
    margin: 36.5px 0;
}

.userright {
    min-height: 668px;
}

.userleft {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.userleft h2 {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    color: #333;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    text-indent: 20px;
}

.userleft a {
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    padding: 4px 0;
}

.userleft a:hover {
    background-color: #f7f7f7;
}
.userleft a {
    text-indent: 10px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}
.userleft a.oncheck {
    background-color: #03b559;
    color: #fff;
}
.userleft a {
    background-color: #fff;
}

.userleft a:before {
    content: '';
    height: 1px;
    width: 10px;
    display: inline-block;
}
#searchlist { width: 100px;}

.list-ati {
    border-bottom: none;
    border-top: 1px solid #e6e6e6;
}
.list-ati li {
    position: relative;
    float: left;
    width: 12.5%;
    padding: 25px 0 30px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
}
.list-ati li::after {
    position: absolute;
    top: 40px;
    right: 0;
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #aaa;
}
.list-ati li.line::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    height: 100%;
    width: 1px;
    background-color: #e6e6e6;
}
.list-ati li:last-of-type::after {
    display: none
}

.list-ati li p:first-of-type {
    margin: 10px 0 5px;
    height: 22px;
}
.list-ati li:last-of-type {
    margin-right: 0;
}
.list-ati li.oncheck {
    border-bottom: 1px solid #a1d0fa;
    color: #a1d0fa;
}
.list-ati li:hover a {
    color: #03b559;
}
.userwell .list-ati {
    height: 120px;
}
.userwell .list-ati li {
    height: 100%;
    width: 20%;
    padding: 0;
}

.userwell .list-ati li::after {
    top: 0;
    height: 100%;
}
.userwell .list-ati li p:nth-of-type(1) {
    padding: 20px 0;
}
.ggview {
    overflow: hidden;
}
.ggview .swiper-container-left {
    height: 200px;
    width: 100%;
}
.ggview .swiper-container-left img {
    height: 100%;
    width: 100%;
}




/**低部图标**/
.p-icon { 
    background-image: url("../img/iconspirit.png");
}
.lineRun {
    display: none;
    height: 75px;
    width: 75px;
}

/*
@keyframes lightLine {
    0%,70% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(190px);
        -ms-transform: translateX(190px);
        -webkit-transform: translateX(190px);
        transform: translateX(190px)
    }
}
@-moz-keyframes lightLine {
    0%,70% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(190px);
        transform: translateX(190px)
    }
}

@-webkit-keyframes lightLine {
    0%,70% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(190px);
        transform: translateX(190px)
    }
}
*/


.mc82b:hover {
    color: #82b0d8;
}

.textunder {
    text-decoration: underline;
}

.list-search {
    height: 30px;
}

.list-search input {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #eaeff5;
    margin-right: 20px;
}

.review .list-ul>ul {
    padding: 15px 0;
    font-size: 16px;
}

.list-ul>ul>li {
    padding: 10px 0;
}

.goodinfo>ul>li:last-of-type {
    flex: 2;
}

#listid {
    border-radius: 2px;
}

.list-ul>ul {
    display: flex;
}

.list-ul {
    padding-bottom: 180px;
}

.list-item {
    display: flex;
    border: 1px solid #e6e6e6;
}

.list-item li {
    padding: 10px 0 10px;
}

.orderlist .list-item li:nth-of-type(2) {
    padding: 10px 0;
}

.review .list-item li:nth-of-type(3) {
    padding: 10px 0;
}

.orderlist .list-item li:nth-of-type(4) {
    padding: 10px 0 0 0;
}

.list-item li .img {
    overflow: hidden;
    height: 55px;
    float: left;
}

.list-item li .img img {
    width: 100%;
}

.list-item li button {
    width: 82px;
    margin-bottom: 10px;
}

.uploadimg {
    width: 200px;
    margin: 10px auto;
}

.uploadimg .imgdiv {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0 auto;
}

.uploadimg .imgdiv img {
    height: 80px;
    width: 80px;
    line-height: 80px;
}

.uploadimg button {
    margin: 10px auto 0;
}

.layopen input {
    width: 280px;
}

.layopen textarea {
    width: 262px;
    padding: 10px;
    color: #333;
}

.layopen .layui-form-select {
    width: 90px;
    float: left;
    margin-right: 2px;
}

.layopen .layui-form-select input {
    width: 90px;
    padding-right: 10px;
    text-align: center;
}

.layopen .layui-select-title {
    float: left;
}

.layopen .layui-form-select .layui-edge {
    display: none;
}

.layopen .layui-form-selected dl {
    display: inline-block;
}

.layopen #userinfo {
    margin-left: 102px;
    width: 80px;
    height: 30px;
    line-height: 30px;
}

.account .jilu {
    padding: 10px;
    width: 181px;
    text-align: center;
}



/**用户中心主体窗口**/
.userindexView {
    width: 1300px;
    min-height: 700px;
    margin: 20px auto 0;

}

/*客户中心左边**/
.memberCenterLeft{
    width:220px;
    padding-bottom: 60px;

    margin-bottom: 20px;

    border-radius: 5px;
    position:relative;
    background-color: #212B37;
    color:#fff;
}

.userImgOuter{
    width:100%;
    height: 160px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.userImg{
    width:80px;
    height:80px;
    border-radius: 50%;
    border:2px solid white;
}

.username{
    width:100%;
    margin-top: 10px;
    text-align: center; 
    white-space:nowrap;
    text-overflow : ellipsis;
    overflow: hidden;
    font-weight:bold;
}
.orderCenter{
    background: url("../img/member/orderico.png") no-repeat;
}
.financeCenter{
    background: url("../img/member/financeico.png") no-repeat;
}
.serviceCenter{
    background: url("../img/member/serverico.png") no-repeat;
}
.emailCenter{
    background: url("../img/member/emailico.png") no-repeat;
}
.safeCenter{
    background: url("../img/member/lockico.png") no-repeat;
}
.memberListHeader{
    width:calc(100% - 40px);
    height: 53px;
    line-height: 53px;
    padding-left:40px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    background-position: 16px center;
    background-size: 20px 20px;
    cursor: pointer;
}

.memberListHeader:hover{
    background-color:#404C66;
}

.memberListHeader img{
    position: absolute;
    top:20px;
    right: 20px;
}
.memberBefore:before{
    content: "";
    position: absolute;
    width:5px;
    height: 100%;
    background-color: #FECD24;
    left: 0px;
}

.memberEmailNum{

    height:14px;
    line-height: 14px; 
    padding:2px;
    display: inline-block;
    border-radius: 5px;
    
    position:relative;
    margin-left:3px;
    
    font-size:14px;
    font-weight: normal;
    
    background-color: #F29D12;
    color:white; 
}

/**会员中心的子选项功能**/
.memberCenterLeft li{
    height: 26px;
    line-height: 26px;
    position: relative;
}

.memberListLi::before{

    content: "";
    position: absolute;
    width:8px;
    height:8px;
    top:9px;
    left: 35px;

    border-radius:50%;
    background-color: #fff;
}
.memberLiSelectBgColor{
    background-color: #404C66;
}

.memberCenterLeft li a{

    display: inline-block;

    height:100%;
    width:calc(100% - 50px );
    padding-left: 50px;
    color:#fff;
}

.memberCenterLeft li a:hover{
    background-color: #404C66;
}

/*******************************************/
/*客户中心右边信息显示区*/
.memberCenterRight{
    width:1066px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    position: relative;
}
.memberRightTop{
    width:100%;
    height:112px;
    border-radius: 5px;  
    color: #fff;

    background-color:#283141;

}
.memberTitleText{
    height: 65px;
    line-height: 65px;
    width:50%;
    box-sizing: border-box;
    float: left;
    padding-left:38px;
    font-size:24px;
    font-weight:bold;
    border-top-left-radius: 5px;

}
.memberNoOuter{
    height: 65px;
    width:50%;
    line-height: 65px;
    box-sizing: border-box;
    float: right;

    text-align: right;
    padding-right: 38px;
    font-weight: bold;
    font-size: 15px;

    border-top-right-radius: 5px;

}

/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/**客户中心右边的下部份内容的显示 **/
.memberRightDown{
    width:990px; 
    height: auto;
    position: absolute;
    top:65px;
    left: 38px;
}

#backgroundHeightBlock{
    clear:both;
}
.memberRtDownTop{
    width:100%;
    height: 125px;

    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.memberRtDownTop>div{
    width: 238px;
    height:100%;
    border-radius: 5px;
    background-color: #fff;
}
.memberRtDownTop img{
    width:42px;
    height:42px;
    margin-top:14px;
    margin-left:16px;

    border-radius: 50%;
    float: left;
}

.memberRtDownTop .blockUp{
    width:100%;
    height: 89px;
}

.memberRtDownTop .innerBlockUp{
    margin-top:14px;
    margin-right:16px;
    float:right;
}

.memberBlockTitle{
    text-align: right;
    color:#999;
}

.memberBlockNum{
    font-size: 20px;
    text-align: right;
}

.memberRtDownTop .blockDown{
    height:37px;
    width:100%;
    line-height: 37px;
    display:flex;
    position:relative;
    justify-content: space-between;
    align-items: center;
}
.memberRtDownTop .blockDown:before{
    content: "";
    width:86%;
    position: absolute;
    left:7%;
    top:0px;
    border-top:1px solid  #999;
}
.memberRtDownTop .aOne{
    display: inline-block;
    width:35%;
    height:100%;
    margin:0px;
    padding-left: 16px;
    color:#999;
}
.memberRtDownTop .aOne:hover{
    color:#444;
}
.memberRtDownTop .aTwo{
    display: inline-block;
    width:35%;
    height:100%;
    margin:0px;
    text-align: right;
    padding-right: 16px;
    color:#50B069;
}
.memberRtDownTop .aTwo:hover{
    color:blue;
}
/**显示的中部**/
.memberRtDownCenter, .memberRtDownCenter_orderdetail{
    width:100%;
    height:90px;
    margin:18px 0px;
    background-color: #fff;

    border-radius: 5px;

}

.memberRtDownCenterUp{

    width:956px;
    height: 50%;
    line-height: 45px;
    margin:0 auto;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom:1px solid #999;
}


.memberRtDownCenterUp ul{

    width:100%;
    height: 100%;
    position: relative;

    display: flex;
    flex-direction: row;
    align-items: center;

}
.memberRtDownCenterUp li{

    height: 76%;
    position:relative;
    font-weight: bold;
    font-size: 16px;
    color:#999;
    display: flex;
    flex-direction: row;

    align-items: center;
    justify-content: flex-end;

}

.allorder {
    width:86px;
}
.needpay, .needcheck, .making, .needsend, .needcommemt{
    width:19%;
    box-sizing: border-box;
}

/****分割线***/
.needpay:before, .needcheck:before, .making:before, .needsend:before, .needcommemt:before{

    content: "";
    position: absolute;
    height:60%;
    left:18px;
    border-left:1px solid #999;
}


.allordersp1{
    width:100%;
    height:100%;
    line-height: 34px;
    text-align: center;
    display:block;
    cursor:pointer;
}

.selectedstatus{
    color:#333;
    background-color: #EAEEF2;  

}

.needpay span,  .needcheck span, .making span, .needsend span, .needcommemt span{

    height:100%;
    line-height: 34px;
    display:block;
    box-sizing:border-box;
}

.needpaysp1,  .needchecksp1, .makingsp1, .needsendsp1, .needcommemtsp1{
    width:86px;
    display: inline-block;
    text-align: center;  
    cursor:pointer;
}

.needpaynum,  .needchecknum, .makingnum, .needsendnum, .needcommemtnum{
    width:50px;
    display: inline-block; 
    text-align: center;
    color:#D86A69;
}






.memberRtDownCenterDown{
    width:956px;
    height: 50%;
    line-height: 45px;
    position: relative;
    margin:0 auto;
}

/**表格上部的按钮**/
.memberRtDownCenterDown>button{
    padding:3px 10px;
    margin-right: 10px;
    background-color:#A0BBE5;
    color:#fff;
    border:1px solid #A0BBE5;
}

.searchBtnDiv{
    width:268px;
    height:33px;
    line-height: 33px;
    margin-top:5px;
    float:right;
    display:flex;
    flex-direction: row;
    align-items: center;
    border:1px solid #999;
    position: relative;
}
.searchBtnDiv>input{
    width:210px;
    height:33px;
    padding-left:5px;
    border:0px;
}
.searchBtnDiv>button{

    width:56px;
    height:calc(100% - 2px);
    background-color:#A0BBE5;
    border-left:1px solid #999;
    border-right:0px;
    border-top:0px;
    border-bottom: 0px;

    color:#fff;
}
.searchBtnDiv>button:hover{
    background-color: #8DC9F4;
}




/*************表格信息显示区*****************/
.memberRtDownBottom{
    width:100%;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
}
.tableRightActionBtn{
    display: inline-block;
    text-align:center;
    padding:2px 5px;
    height:20px;
    line-height:20px;
    border-radius: 2px;
    color:#fff;   
}
.showpcbdetail{
    cursor: pointer;
}


/***** 订单列表低部操作区 ****/
.orderListBottomMore{  
    width:100%;
    height:calc(45% - 5px);
    padding-top: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    cursor: pointer;  
}
.orderListBottomMore img{
    margin-right:5px;
    width:20px;
    height:20px;
}
.btbarDownBtn{
    width:55%;
    height:80%;
    font-size: 14px;  
    display: flex;
    align-items: flex-end;
    padding-left:18px;

}
/**低部的按钮**/
.orderListBottomBtn{
    height:28px;
    margin-right: 16px;
    padding:4px 10px;
    color: #fff;
    background-color: #A0BBE5;
    border:1px solid #A0BBE5;
}
/***低部的分页**/
.orderListBottomPageBtn{
    width:45%;
    height:80%;

    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 16px; 

}
/**********PCB修改订单***********/
.pcbaltergerberfile{
    width:100%;
    height: auto;
    display: flex;
    align-items: center;
    position:relative;
    margin-bottom: 26px;
}
.pcbgerberfilename{

    min-width:80px;
    max-width:520px;
    padding-left: 30px;  
    color:#00A2CA;
    cursor: pointer;
}
.pcbaltergerberfile::after{
    content: "";
    width:96%;
    height: 1px;
    position: absolute;
    left:2%;
    bottom: -16px;
    border-bottom: 1px solid #ccc;
}


/***********PCB订单详情***************/
.memberRtDownTop_orderdetail{
    width:100%;
    height: 125px;

    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    background-color: #fff;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.order_detailblock{
    width:958px;
    height:100%;
    margin-left:16px;
    position: relative;
}

.orderdetailhd1{
    width:100%;
    height: 36%;
    font-size:18px;
    font-weight: bold;

    align-items: center;

}
.orderdetailhd2, .orderdetailhd3{
    position: relative;
    width: 100%;
    height: 32%;
}
.orderdetailhd2>div{
    flex:1;
    display: flex;
    position: relative;  
    flex-direction: row;
    align-items: center;
    color:#666;
    font-size:16px;
    border-bottom:1px solid #ccc;
}
.orderdetailhd2 span{
    padding-left: 5px;
}
.orderStatusdiv, .orderTimeDiv{
    justify-content: center;
}
.orderTotal{
    padding-left: 20px;
}
.orderStatusdiv:before, .orderTimeDiv:before, .orderTotal:before{
    content:"";
    position:absolute;
    left:0px;
    top:20%;
    height:60%;
    width:1px;
    border-left:1px solid #ccc;
}

.orderdetailhd3{
    flex-direction: row;
    color:#666;
}
.orderdetailhd3 .pcbfileDiv{

    flex:2;
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

.orderdetail_pcbfile{
    width:130px;
}

.orderdetail_orderStatus, .orderdetail_server{
    padding-left:5px;
    /*font-size:16px;*/
}

.orderdetailhd3 .serverDiv{

    flex:1;
    display:flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
}

/**操作进度条**/
.progressBarDiv{
    width:958px;
    height:46px;
    margin-left:16px;
    position: relative;
}
.progressBarDiv .progressUL{
    width:100%;
    height:100%;

    display: flex;
    flex-direction: row;
}
.progressBarDiv .progressUL>li{
    display:flex;
    align-items: center;
}
.progressBarDiv  .progressUL>li div:nth-child(2){

    width:80px;
    height:28px;
    line-height: 28px;
    text-align: center;
    background-color: #A1BAE5;
    color:white;
}

.linebar{
    width:60px;
    height:3px;
    background-color: #A1BAE5;
    border:1px solid #A1BAE5;
}


/**进度时间**/
.progressTime{
    width:958px;
    height:44px;
    margin-left:16px;
    position: relative;
}
.progressTime ul{

    width:100%;
    height: 100%;
    position: relative;

    display:flex;
    flex-direction: row;
}
.progressTime span{
    width:80px;
    display: block;
}

.progressTime>ul > li{

    height:44px;
    width:80px;
    margin-right: 60px;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-around;

    border:1px solid #fff;

}


.pcbOrderTB_top{
    width:100%;
    min-height: 80px;
}

.pcbOrderTotalDiv{
    width:958px;
    height: 51px;
    margin-left: 16px;
    align-items: flex-end;
}
.pcbOrderTotalDiv .sp1text{
    padding: 3px 0px;
    font-size: 14px;
    font-weight: bold;
}
.pcbOrderTotalDiv .sp2text{

    padding:3px 5px;
    font-size: 14px;
    font-weight: bold;
}
.pcbOrderTotalDiv .orderTotal2{

    padding: 0px 50px 0px 5px;
    font-size: 24px;
    font-weight: bold;
    color: red;
}

.pcbOrderTotalDiv>a{

    display:block;
    height: 30px;
    width:92px;
    line-height: 30px;
    text-align: center;
    margin-right: 17px;
    margin-bottom: 3px;

    border-radius: 2px;
    background-color:#A0BBE5; 
    color:#fff;
}

.pcbdetailProgressbar{
    margin:10px 16px;
    padding: 3px;
    width:952px;
    min-height: 56px;
    align-items: flex-start;
    border:1px solid #CED7E8;
    background-color: #EAEEF2;
}
.pcbcheckreply{
    width:calc(100% - 3px);
    height: 40px;
    background-color: #EDF1F5;
    padding:3px 0px 3px 3px;
    overflow-x: hidden;
    overflow-y:auto;
}

.pcbMaterialdetailTitle{  
    width:calc(100% - 16px);
    height: 48px;
    line-height: 48px;
    padding-left: 16px;
    font-size:16px;
    color:#fff;
    background-color: #3F4C65;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pcbcheckbeforedetail{
    position:relative;
    height:48px;
    font-weight: bold;
    color:#666;
    background-color: #CED7E8;
}
.pcbcheckbeforedetail::before{
    content:"";
    height:48px;
    width:8px;
    top:0px;
    left:-8px;
    position:absolute;
    background-color: #CED7E8;
}
.downloadicon{
    border-radius: 50%;
    color:#fff;
    background-color:#0196BD;
}

/**订单详情附加信息***/
.orderAttachinfo{
    width:100%;
    height: 283px;

    padding-top:17px;
    position: relative;
    background-color:#fff;
    border-radius: 5px; 

    margin-top:16px;
}
.orderAttachinfo ul{
    width:958px;
    margin-left:16px;
}
.orderAttachinfo li{
    margin-bottom:7px;
}
.attachinfo_invoice, .attachinfo_user, .attachinfo_address, .attachinfo_express{
    height:25px;
    line-height: 25px;
    font-size:16px;
    position: relative;
}
.attachinfo_invoice span, .attachinfo_user span, .attachinfo_address span, .attachinfo_express span{

    display:inline-block;
    width:874px;
    height:25px;
    line-height: 25px;
    padding-left: 5px;
    border-radius: 5px;

    font-size:14px;
    position:absolute;
    top:0px;
    left:80px;
    background-color: #F5F5F5;
}
.attachinfo_remake{
    height: 60px;
    font-size:16px;
    position: relative;
}
.attachinfo_remake span{
    display:block;
    width:874px;
    height:100%;
    border-radius: 5px;
    padding-left: 5px;
    font-size:14px;

    overflow: hidden;
    position:absolute;
    top:0px;
    left:80px;
    background-color: #F5F5F5;
}

.attachinfo_Btn{
    height:80px;
    line-height: 80px;
    text-align:center;
}
.attachinfo_Btn>div{
    width:115px;
    height:41px;
    border-radius:5px;
    color:#fff;
    text-align:center;
    line-height: 41px;
    margin:auto 15px;
    display: inline-block;

    background-color: #7084B2; 
}
.attachinfo_Btn .pcbDetailPayBtn{
    background-color: red;
}


/******PCB返单*********/
.pcbBackOrder_Top{

    width:958px;
    height:80px;
    padding-right: 16px;
    padding-left: 16px;
    background-color:#fff;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.backOrder_innerLf{
    display:flex;
    align-items: center;   
}
.backOrder_innerLf img{
    width:40px;
    height:40px;
    margin-right:15px;
    border-radius: 50%;
}
.backOrder_innerLf .backorder_servertitle{
    font-size:18px;
}

.pcbBackOrder_search{
    width:268px;
    height:33px;
    position: relative;
    border:1px solid #ccc;
    border-radius: 3px;
}
.pcbBackOrder_search>input{

    width:200px;
    height:100%;
    border:0px;
    padding-left:10px;
    border-radius: 3px;
}
.pcbBackOrder_search>button{

    width:54px;
    height:28px;
    border:1px solid #aaaaaa;
    border-radius: 3px;
    color:#00A2CA;
}
.pcbBackOrder_search>button:hover{
    background-color: #ccc;
}





.pcbBackOrder_attachinfo{ 
    border:1px solid #fff;
    width:100%;
    height: auto;
}
.pcbBackOrder_attachUL{
    width:958px;
    margin-top: 16px;
    margin-left: 16px; 
}

.pcbBackOrder_attachUL> li{
    margin-bottom:18px;
}
.pcbBackOrder_attachUL>li>div:nth-child(1){
    display: inline-block;
    margin-right: 35px;
    height:32px;
    line-height: 32px;
    font-size: 14px;
}

.pcbBackattach_boardnum, .pcbBackattach_boardthickness, .pcbBackattach_firecolor, .pcbBackattach_testmethod, .pcbBackattach_express{
    height:32px;
    line-height: 32px;
}

.pcbBackattach_boardnum input, .pcbBackattach_boardthickness input, .pcbBackattach_firecolor input, .pcbBackattach_testmethod input{
    width: 117px;
    padding-left:5px;
    height: 30px;
    background-color: #F7F7F7;
    border:1px solid #467CD4;
}

.pcbBackattach_address{
    display: flex;
    flex-direction: row;
    align-items:flex-start;   
}
.pcbBackattach_addressUL>li{

    height: 28px;
    line-height: 28px;
    position: relative;

    display: flex;
    flex-direction: row;
    align-items: center;
}
.pcbBackattach_address>input{
    height:100%;
}
.pcbBackattach_address .addressLabel{ 
    display:inline-block;
    max-width:860px;
    height:100%;
    padding-left:5px;
}
.pcbBackattach_address .managerAddress{
    padding-left:20px;
}
.pcbBackattach_address .managerAddress>a{
    color:green;
}

.pcbBackattach_express .pcbBackattach_expressDiv{

    width:117px;
    height:30px;
    border: 1px solid #467CD4;
}


.pcbBackattach_express select{
    display:inline-block;
    height: 100%;
    width:100%;;
    line-height: 30px;
    padding-left:5px;
    padding-right:5px;
    border:0px;
    text-align: center;
    background-color: #F7F7F7;
}


.pcbBackattach_invoice .backInvoice_outer{
    height:32px;
    line-height: 32px;  
    position: relative;
    margin-right: 35px;
    padding-left:5px;
    background-color: #F7F7F7;
    border: 1px solid #467CD4;
}

.pcbBackattach_invoice label{
    display:inline-block;
    width:70px;
    height:100%;
    padding-left:5px;
    padding-right:5px;
}


.pcbBackattach_mark textarea{
    width:798px;
    height:65px;
    background-color: #F7F7F7;
    padding:0 5px;    
}

.pcbBackattach_Btn{
    height:80px;
    line-height: 80px;
    text-align:center;
}

.pcbBackattach_Btn > .pcbBackattachPayBtn{
    width:117px;
    height:42px;
    border-radius:5px;
    line-height: 41px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background-color: #FE0100;
}

/******评价页星****/
.startimg{
    display: inline-block;
    width:13px;
    height:13px;
    background:url("../img/member/startred.png") no-repeat;
    background-size:100% 100%;
    background-position: center center;
}


/**********优惠券**********/
.couponTop{
    height:46px;
    padding-top:20px;
}
.couponInner{
    height:34px; 
    padding-bottom: 3px;
    position:relative;
    border-bottom: 1px solid #ccc;
}
.couponInner>div{
    height:100%;
    line-height: 34px;
    padding-left: 20px;
    padding-right: 10px; 
    margin-right: 10px;

    position: relative;

    font-size: 16px;
    font-weight: bold;  
    border-radius: 2px;
}

.couponTotalOuter{
    background-color: #EAEEF2;
}
.couponAlmostExpTotalOuter::before, .couponExpiredTotalOuter::before{
    content: "";
    width:1px;
    height:28px;
    position:absolute;
    top:3px;
    left:-7px;

    border-right: 1px solid #ccc;
}

.couponInner span{
    padding-left: 20px;
}

.couponPage{
    width:100%;
}
.couponwrap{ 
    height:92px;
    margin:16px 8px 0px 8px;

    background-color: #EEEEEE;
    border-radius: 5px;
    float: left;

    display:flex;
    align-items: center;
}

.couponleft{
    padding-left: 14px;
    padding-right: 14px;
    float: left;
}

.couponleft .sp1{
    padding: 5px;
    font-size: 16px;
    font-weight: bolder;   
}
.couponleft .couponNum{
    font-size: 5em;
    padding:5px;
    font-weight: bolder;
}
.couponright{
    float: right;
}
.couponright p{
    margin-left: 5px;
    margin-right:10px;
    padding:2px 10px;
    font-size: 12px;
}
.couponright .deadline{
    background:url("../img/member/redband.png") no-repeat;
    background-size:100% 100%;
    color:#fff;
}

/****财富中心****/
.financeCenterContent{   
    padding:16px;
    width:calc(100% - 32px);
    position:relative;  
}


/****充值中心****/
.chargeCenterOuter{ }

.chargeTitle{
    font-size:18px;
    font-weight: bold;
}
.chargeItemMargin{  
    margin:16px 0 26px 0px;
}
.chargeItemMoneyMargin{
    margin:40px 0 16px 0px;
}
.moblieCharge>div, .bankCharge>div{  

    width:200px;
    height:44px;

    margin-right: 30px;
    margin-bottom:20px;
    line-height: 44px;
    position: relative;

    display:flex;
    flex-direction: row;
    align-items: center;
}

.chargeCenterOuter input[type="radio"]{ 
    margin-right:5px;  
}

.chargeCenterOuter label{
    flex:1;
    height:100%;
    display: inline-block;
    cursor: pointer;
}

.moblieCharge{
    display: flex;
}

/**银行卡充值**/
.bankCharge{
    display:flex;
    flex-wrap: wrap;
}


.weixinlabel{
    background:url("../img/bank/weixin.jpg") no-repeat;
    background-size: 100% 100%;
}
.zhifubaolabel{
    background:url("../img/bank/zhifubao.jpg") no-repeat;
    background-size: 100% 100%;
}
.beijinglabel{
    background:url("../img/bank/beijing.jpg") no-repeat;
    background-size: 100% 100%;
}
.bohailabel{
    background:url("../img/bank/bohai.jpg") no-repeat;
    background-size: 100% 100%;
}
.gongshanglabel{
    background:url("../img/bank/gongshang.jpg") no-repeat;
    background-size: 100% 100%;
}
.guangdalabel{
    background:url("../img/bank/guangda.jpg") no-repeat;
    background-size: 100% 100%;    
}
.guangfalabel{
    background:url("../img/bank/guangfa.jpg") no-repeat;
    background-size: 100% 100%;
}
.huhuitianxialabel{
    background:url("../img/bank/huhuitianxia.jpg") no-repeat;
    background-size: 100% 100%;
}
.jianshelabel{
    background:url("../img/bank/jianshe.jpg") no-repeat;
    background-size: 100% 100%;
}
.jiaotonglabel{
    background:url("../img/bank/jiaotong.jpg") no-repeat;
    background-size: 100% 100%;
}
.minshenglabel{
    background:url("../img/bank/minsheng.jpg") no-repeat;
    background-size: 100% 100%;
}
.ningbolabel{
    background:url("../img/bank/ningbo.jpg") no-repeat;
    background-size: 100% 100%;
}
.nongyelabel{
    background:url("../img/bank/nongye.jpg") no-repeat;
    background-size: 100% 100%;
}
.pinganlabel{
    background:url("../img/bank/pingan.jpg") no-repeat;
    background-size: 100% 100%;
}
.pufalabel{
    background:url("../img/bank/pufa.jpg") no-repeat;
    background-size: 100% 100%;
}
.shenzhenfazhanlabel{
    background:url("../img/bank/shenzhenfazhan.jpg") no-repeat;
    background-size: 100% 100%;
}
.xingyelabel{
    background:url("../img/bank/xingye.jpg") no-repeat;
    background-size: 100% 100%;
}
.youzhenglabel{
    background:url("../img/bank/youzheng.jpg") no-repeat;
    background-size: 100% 100%;
}
.zhaoshanglabel{
    background:url("../img/bank/zhaoshang.jpg") no-repeat;
    background-size: 100% 100%;
}
.zhongguolabel{
    background:url("../img/bank/zhongguo.jpg") no-repeat;
    background-size: 100% 100%;
}
.zhongxinlabel{
    background:url("../img/bank/zhongxin.jpg") no-repeat;
    background-size: 100% 100%;
}

.huaxialabel{
    background:url("../img/bank/huaxia.jpg") no-repeat;
    background-size: 100% 100%;
}


.chargeNum_Div>div:nth-child(1){
    height:30px;
    line-height: 30px;
    margin-bottom:14px;
}
.chargeNum_Div #chargeNum{
    width: 210px;
    height: 100%;
    padding-left: 8px;
    margin: 0 8px 0px 0px;
    border-radius: 3px;
    border:1px solid #ccc;
}
.chargeNum_Div>div:nth-child(2){
    height:34px;
}

.chargeNum_Div .chargeBtn{
    width:220px;
    height:100%;
    color: #fff;
    background-color: #00A2CA;
    border:1px solid #0196BD;
    border-radius: 3px;
}
.chargeNum_Div .chargeBtn:hover{
    border:1px solid #0196BD;
    background-color: #0196BD;
}



.chargeContentPublic{
    padding:10px 0px;  
}
.chargeContentPublic>div{
    padding: 0 0 3px 0;
    color:#666;
}
.chargeContentPublic>div:nth-child(1){
    width:200px;
    height:44px;

    margin-right: 30px;
    margin-bottom:20px;
    line-height: 44px;
    position: relative;

    display:flex;
    flex-direction: row;
    align-items: center;
}
.charge_memberNO{
    padding:0px 5px;
}
.chargeContentMark{
    margin-top: 16px;
}

.chargeContentMark>span:nth-child(2){
    padding: 0px 8px;
}

/***付款页****/
.paymentNumDiv{
    height:34px;
    color:#FF0000;
    font-weight:bold;    
    display:table-cell;
    vertical-align: bottom;  
}
.paymentNumDiv .sp1{
    font-size:14px; 
}
.paymentNumDiv .sp2{
    padding-left: 5px;
    font-size:22px;
}

.orderPayBtn{
    width:220px;
    height:34px;
    color: #fff;
    background-color: #DE533C;
    border:1px solid #DE533C;
    border-radius: 3px;
}

.orderPayBtn:hover{
    border:1px solid #BE333C;
    background-color: #BE333C;
}



.selectcouponWin{

    width: 990px;
    height:600px;

    border:1px solid red;

}






/***优惠券***/
.paymentCoupon{

    width:890px;
    height:50px;
    margin-top:16px;
    margin-bottom:30px;
    display:flex;
    flex-direction: row;
    align-items:center;
    background-color: #F3F8FE;
    position: relative;
    cursor:pointer;
}
.paymentCoupon::before{
    content: "";
    height: 50px;
    width:6px;
    position: absolute;
    left:-6px;
    top:0px;  
    background-color:#F3F8FE;
}

.usedCouponRight{
    line-height: 50px;
    padding-left:5px;
}

.usedCouponRight .usedCouponNum{
    margin-left: 20px;
    padding: 2px 4px;
    color:#fff;
    background-color:red;  
}

.usedCouponRight>div{
    display: inline-block;
    width:680px;
    height:50px;
    margin-left: 5px;
    text-align: right;
    padding-right:20px;

    background:url("../img/action/arrowright2.png")  right center no-repeat;
    background-size:14px 16px;
    color:#999;
}
.banlancePayLabel>span{
    color: red;
}
.payment_Banlance{
    color:red;
}
.payment_Banlance> a {
    color:red;
    text-decoration: underline;
}
.payment_Banlance> a:hover{
    color:red;
    text-decoration: underline;
}

.payment_chargeItemMargin{  
    margin:16px 0 26px 0px;
    font-size:16px;
}











/***提现***/
.drawMoneyTitle{ 
    font-size:20px;
    font-weight: bold;   
}

.drawMoneybalanceShow{
    height:50px;
    line-height: 50px;
    color: #999;
}
.drawTable1Outer{
    width:382px;
    height: 360px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;

    background-color:#EEEEEE;
}
.drawTable1{

    width:350px;
    height: 268px;
}
.drawTable1 .td1,.drawTable1 .td3,.drawTable1 .td3{
    height:44px;
    position: relative;
}
.drawTable1 input{  
    padding-left: 5px;
    width: calc(96% - 5px);
    height:30px;
    border:1px solid #666;
    border-radius: 3px;
}
.drawTable1 .td1{
    width: 60px;
    text-align: right;
    padding-right: 10px;
}
.drawTable1 .td2{
    width:260px;
}
.drawTable1 select{  
    width: 48%;
    height:30px;
    border:1px solid #666;
    border-radius: 3px;
}
.drawMoneyBtnTD{
    height:70px;
    vertical-align: bottom;
    text-align: center;
}
.drawMoneyBtn{
    width:106px;
    height:34px;
    color:#fff;
    text-align: center;
    background-color: #F39C11;
    border:1px solid #F39C11;
    border-radius: 3px;
}
.drawMoneyTitle2{  
    width:calc(100% - 16px );
    padding:10px 0px 10px 16px;
    font-size:16px;
    font-weight: bold;
}

.drawMoneyList{
    min-height: 366px;
}



/***余额表****/
.financeBalanceHead{
    width:958px;/**以990来计算**/
    padding:3px 16px;  
    height:90px;
}
.financeBalanceHeadUp, .financeScoreHeadUp{
    height:48px;
    display:flex;
    border-bottom: 1px solid #ccc;
}

.financeBalanceHeadUp li{
    flex: 1;
    font-size:18px;
    line-height: 48px;
}
.financeBalanceHeadUp li:nth-child(2),.financeBalanceHeadUp li:nth-child(3),.financeBalanceHeadUp li:nth-child(4){
    padding-left: 16px;
}

.financeBalanceHeadUp .sp1{ 
    padding-right: 6px;
    color:#666;
}
.financeBalanceHeadUp .sp2{
    font-weight: bold;
}
.financeBalanceHeadDown{
    height:42px;
    line-height: 42px;

    display:flex; 
    justify-content: space-between;
}
.financeBalanceHead_a{
    position: relative;
}
.financeBalanceHead_a>a{

    display: inline-block;
    width:74px;
    height:100%;
    margin-right: 10px;   
    position: relative;
    color:#53B66D;
}
.financeBalanceHead_a>a:nth-child(1)::after{
    content: "";
    width:1px;
    height:14px;  
    position:absolute;
    top:15px;
    right:-1px;   
    border-right: 2px solid #53B66D; 
}
.financeBalanceHead_a>a:hover{
    color:green;
}
.financeBalanceMiddleUp{

    width:956px;
    height: 50%;
    line-height: 45px;
    margin:0 auto;
    font-size:20px;
    font-weight: bold;

    border-bottom:1px solid #999;

}



.financeBalanceMiddleDown{
    width:956px;
    height: 50%;
    line-height: 45px;
    position: relative;
    margin:0 auto;
}

/**表格上部的按钮**/
.financeBalanceMiddleDown>button{

    padding:4px 26px;
    margin-right: 10px;
    border-radius: 3px;
    border:0px;
    position: relative;
}
.financeBalanceMiddleDown .drawAllListBtn{
    background-color:#A0BBE5;
    color: #fff;
}
.drawPayListBtn, .drawReturnListBtn, .drawChargeListBtn, .drawMoneyListBtn{
    background-color: white;
    color: #666;
}

.financeBalanceMiddleDown>button::after{

    content: "";
    position: absolute;
    height:16px;
    width:1px;
    top:6px;
    right: -4px;
    border-right: 1px solid #999;
}
.financeBalanceMiddleDown>button:hover{
    background-color: #A0BBE5;
    color:#fff;
}


/***积分***/
.financeScoreHeadUp li:nth-child(1){
    font-size:18px;
    line-height: 48px;
    width: 226px;
}
.financeScoreHeadUp li:nth-child(2){

    width:636px;
    height: 48px;
    line-height: 48px;

    font-size:18px;
    padding-left: 10px;
}
.financeScoreHeadUp li:nth-child(3){

    width:68px;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    font-size:14px;
    position: relative;
}
.financeScoreHeadUp .sp2{
    padding-left:10px;
    font-weight: bold;
}
.financeScoreHeadUp a{

    height:100%;
    width: 100%;
    text-align: right;
    display: inline-block;
}


/***用户信息中心****/
/**用户信息**/
.userinfo_Title{
    font-size: 18px;
    padding-bottom: 10px;
}
.setCenter_userInfo{   
    border-top: 1px  dashed #999;
    border-bottom:1px dashed #999; 
}

.setCenter_userInfo tr>td:nth-child(1){   
    width:80px;
    text-align: left;
    color:#666;

}
.setCenter_userInfo tr>td:nth-child(2){
    width:878px;
    color:#666;
}

.setCenter_userInfo tr>td:nth-child(2)>input{
    height:30px;
    padding-left: 5px;
    border:1px solid #999;
}
.userinfo_photoTxt, .userinfo_photo{
    padding-top:20px;
    padding-bottom: 6px;   
    position: relative;
}
.userinfo_photo>img{
    width:80px;
    height: 80px;
    border-radius: 50%;
    border:2px solid #fff;

}
.updateuserphotoBtn{
    margin-left: 90px;
}

.userinfo_gender label{
    display: inline-block;
    width:30px;
    height: 100%;
    margin-right: 16px;
}
.userinfo_companyKindDiv label, .userinfo_jobKindDiv label{
    display: inline-block;
    height: 100%;
    line-height: 44px;
    padding-right:16px;
    margin-right: 16px;
}
.userinfo_userdAreaTxt{
    vertical-align: top;
}
.usedAreaDiv{
    width:480px;  
    height:120px;  
    display: flex;
    flex-wrap: wrap;
}
.usedAreaDiv div{ 
    width:102px;
    height:30px;
    line-height: 30px;    
    margin-right: 16px;
    margin-bottom: 10px;   
}
.usedAreaDiv input{
    width:13px;
    height:13px;
}

.usedAreaDiv label{   
    display:inline-block;
    width:88px;
}

.userinfo_bottomDiv{
    height:185px;
}
.userinfo_bottomDiv>button{

    width:110px;
    height:34px;
    line-height:34px;
    text-align:center;

    margin-top:16px;
    border-radius: 3px;

    background-color: #00A2CA;
    border:1px solid #00A2CA; 
    color:#fff;
}
.userinfo_bottomDiv>button:hover{
    background-color: #467CD4;
    border:1px solid #467CD4;
}


/****添加物流地址****/
.transportAddressContent{
    min-height: 834px;
    width:100%;
    position:relative;  
}
.transportAddress_Title{
    width:calc(100% -16px);
    height: 52px;
    line-height: 52px;
    padding-left: 16px;
    color:#fff;
    font-size:20px;
    background-color:#404C66;
}

.addAddressBtn{
    display: inline-block;
    width:120px;
    height:34px;
    line-height:34px;
    font-size: 16px;
    text-align:right;
    background:url("../img/action/plus.png") no-repeat;
    background-size: 18px 18px;
    background-position: left center;
    color:#7FAFDA;
}

.addAddressBtn:hover{
    color: #467CD4;
}
.defaultAddress{
    color:green;
}

.tableRightSetDefaultBtn{ 

    width:60px;
    height:20px;
    line-height:20px;
    border:0;
    border-radius: 2px;
    text-align:center;
}
.setDefaultBtn{
    display: none;
}

.addressInputPanel{
    width:100%;
    height:calc(100% - 18px);
    padding-top:18px;
    position:absolute;
    overflow:hidden;
}

.addressInputPanel .addressitemOuter input{
    width:150px !important;
}
.addressInputPanel .layui-form-select{
    width:150px !important;
    margin-right:5px;
    float: left;
}
.addressInputPanel .layui-form-item:nth-child(3) input{
    width:460px !important;
}

.addrstoreBtn{  
    background-color: #00A2CA;
    cursor:pointer;
    color:#fff;
}
.addrstoreBtn:hover{
    background-color: #0196BD;
}

.userindexView .layui-layer-btn0{
    width:100px;
    text-align: center;
}
/*选择物流信息*/
.addressSelectPanel{

    width:800px;
    position:relative;
}




/*****修改密码*****/
.setPwdTable{
    margin-top:6px;
}
.setPwdTableTopDashed{

    height:24px;
    border-top:1px dashed #999;
}
.setPwdTable .originalPwd,.setPwdTable .newPwd, .setPwdTable .verifyPwd{

    width:250px;
    height: 32px;
    line-height: 32px;

    padding-left: 30px;
    border-radius: 3px;
    border:1px solid #999;

    background:url("../img/icon/lockico.png") 5px center no-repeat;
    background-size:16px 20px; 
}

.originalPwdPromptTd, .newPwdPromptTd, .verifyPwdPromptTd{
    height:20px;
    color:#FF0000;
    font-size:10px;
    visibility:hidden;
}


.alterPwdBtnTd{
    height:60px;
    vertical-align: bottom;
}
.alterPwdBtnTd>button{
    width:282px;
    height:34px;
    background-color: #00A2CA;
    border:1px solid #00A2CA;
    border-radius: 3px;
    color:#fff;
}

.safeCenterContent{

    width:calc(100% - 32px);
    min-height: 802px;
    padding:16px;
    position:relative;  
}



















/*****暂时未知*****/
#addcheque .layui-form-item {
    margin-right: 30px;
}

#changepwd {
    height: 37px;
    line-height: 38px;
}




.cheque {
    border-radius: 4px 4px 0 0;
    border: 1px solid #e6e6e6;
    padding: 9px 15px;
    float: left;
    margin-right: 20px;
    border-bottom: none;
    cursor: pointer;
}

.addcheque .layui-table {
    margin: 0;
}

.cheque.oncheck {
    background-color: #f2f2f2;
}

.chocheque {
    position: relative;
    min-height: 720px;
}

input[name=choche] {
    height: 20px;
    width: 20px;
}

#pages {
    position: absolute;
    bottom: 2px;
    left: 200px;
}

.chequeView img {
    height: 24px;
    width: 24px;
    margin: 10px;
}

.chequeView {
    padding: 20px;
}

.chequeView .view {
    width: 680px;
    border: 1px solid #e6e6e6;
    padding: 10px;
}

.chequeView .view p {
    line-height: 24px;
}

#choose-cheque {
    height: 100%;
    position: relative;
}

#choose-cheque .bar {
    border-bottom: 10px solid #f2f2f2;
}

.btn-view {
    position: absolute;
    bottom: 20px;
    right: 10px;
}

#choose-che input[type=radio] {
    width: 20px;
    height: 20px;
    border: 1px solid #03b559;
}

#choose-che {
    position: relative;
    height: 100%;
}

#choose-che button {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.showview {
    border-top: 2px solid #e6e6e6;
}

.showview .uicon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

.showview .ask,.showview .answer {
    padding: 10px 0;
    position: relative;
}

.showview .ask:after {
    content: '';
    height: 1px;
    width: 91%;
    bottom: 0;
    left: 5%;
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
}

.showinfo {
    width: 1240px;
    padding: 20px;
    border: 1px solid #bbb;
}

.showinfo h4,.showinfo p {
    padding: 10px 0;
    float: left;
    height: 20px;
    line-height: 20px;
}

.showinfo h4 {
    color: #fff;
    background-color: rgb(174,174,174);
    width: 100%;
}

.showinfo p:nth-of-type(2n-1) {
    text-align: right;
    background-color: #f2f2f2;
    color: #333;
    width: 20%;
    border-bottom: 1px solid #ccc;
}

.showinfo p:nth-of-type(2n) {
    text-align: left;
    background-color: #fff;
    color: #333;
    width: 30%;
    border-bottom: 1px solid #ccc;
}

.showinfo p:nth-of-type(2n-1):after {
    content: '';
    height: 10px;
    width: 10px;
    float: right;
}

.showinfo p:nth-of-type(2n):before {
    content: '';
    height: 10px;
    width: 10px;
    float: left;
}

.payview .paytab {
    width: 534px;
    float: left;
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    height: 430px;
    position: relative;
}

.payview .paytab .alipay {
    background-color: #FF9800;
    border-radius: 0;
}

.payview .chopay button {
    border-radius: 0;
    padding: 0;
    padding: 0 6px;
    height: 36px;
    line-height: 36px;
    margin-right: 0;
    float: left;
    background-color: #fff;
    color: #666;
}

.payview .chopay button:hover {
    color: #333;
}

.paylist.oncheck {
    background-color: #e2e2e2 !important;
}

.payview .chopay .oncheck:hover {
    color: #fff;
}

.payview .chopay .oncheck {
    background-color: #ccc;
    color: #fff;
    border: 1px solid #ccc;
}

.payview .paytab.oncheck {
    display: inline-block;
}

.paytab .layui-form-item {
    width: 250px;
    clear: inherit;
}

.paytab .layui-form-item:nth-of-type(2n-1) {
    margin-right: 10px;
}

.paytab .paylist {
    height: 40px;
    background-color: #f7f7f7;
}

.paytab .paylist span {
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
}

.paytab .paylist input[type=radio] {
    margin: 10px;
    height: 20px;
    width: 20px;
}

.paytab .layui-form-radio {
    margin: 0;
    width: 230px;
    padding-right: 0;
    padding: 10px;
    background-color: #f7f7f1;
}

.paytab .layui-form-radioed {
    background-color: #e5e5e5;
}

.payview .mainview {
    padding: 30px;
}

#topay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 20%;
    border-radius: 0;
}

.payview .weixinview {
    padding: 20px 0 20px 30px;
    width: 257px;
    float: left;
}

.payview .weixinview img {
    width: 250px;
    height: 250px;
    margin: 10px 1px;
}

.payview .weixinview p {
    margin-bottom: 5px;
}

.payview .weixinview button {
    width: 250px;
    margin: 10px 1px 0 1px;
    float: left;
}

.payview .paytab .saoma {
    width: 230px;
    float: left;
}

.layui-form-select dl {
    max-height: 260px !important;
}

.ensurebuy .layui-form-radio {
    margin-right: 10px;
}

.couponitem {
    margin: 0 17% 0 3%;
}

.payitem {
    margin: 0 17% 0 3%;
}

.couponitemview,.payitemview {
    height: 250px;
    flex: 1;
    text-align: left;
    width: 622.5px;
}

.couponitemview {
    border-color: #a1d0fa;
    border-style: solid;
    border-width: 1px 1px 1px 0;
}

.payitemview {
    border-color: #a1d0fa;
    border-style: solid;
    border-width: 1px;
}

.payview .layui-form-radio {
    margin: 2px 0 0 0;
}

.couponitemview>p {
    padding: 15px;
    background-color: #f7f7f7;
}

.orderoutdiv {
}

.orderouttitle {
    padding: 10px 0;
    text-indent: 10px;
}

.orderout {
    height: 160px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.orderscroll a {
    padding: 4px 10px;
    display: block;
}
.width94p {
    width: 94%;
    padding: 0 3%;
}

.showhistorydiv {
    background-color: #f7f7f7;
    width: 90%;
    display: inline-block;
}



.showhistory {
    width: 94%;
    padding: 3%;
    position: absolute;
    left: 0px;
    top: 26px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    display: none;
    z-index: 10;
    height: auto;
    background-color: #fff;
    white-space: normal;
    min-height: 60px;
    overflow: hidden;
    word-wrap: break-word;
    line-height: 22px;
}

.showhistory p {
    background-color: #fff;
    white-space: normal;
}

.textoline {
    text-decoration: line-through;
}

.beizus {
    overflow: hidden;
}

.beizus div {
    height: auto;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    word-wrap: break-word;
}



/**客服QQ***/
#QQFloat{
    width: 130px;
    height: 353px; 

    position: absolute;
    right:4%;
    top: 205px;

    visibility: visible;
    z-index: 20; 
}

#QQFloat  .qq_t{
    position:relative;
    height: 98px;
}
#QQFloat  .qq_bg{
    position:absolute;
    top:98px;
    height:auto;

}
#QQFloat ul{
    margin-left: 5px;
    width:117px;
    background-color:  #EEEDEE; 
    position: position;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;    
}

#QQFloat li{
    position:relative;
    left:10px;
    width:88px;  
    padding-top: 2px;
    padding-bottom: 2px; 

    margin-top: 2px;
    margin-bottom:3px;

    font-size: 12px;
    border:1px solid #ccc;
    border-radius: 3px;      
}

#QQFloat .qq_d{ 
    position: relative;
    top:112px;
    height:143px;
}





/** 右边点击回到顶部 **/
.floatbar {
    position: fixed;
    bottom: 168px;
    width: 50px;
    right: 0;
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 4px 0 0 4px;
    z-index: 999;  
}

.floatbar a {
    display: inline-block;
}

.floatbar a p {
    font-size: 12px;
    color: #333;
    display: none;
    text-align: center;
}
.floatbar a img {
    width: 30px;
    height: 30px;
    margin: 10px;
}

.floatbar a.hover img {

    width: 36px;
    height: 36px;
    margin: 7px;
}

.floatbar a.hover p {
    display: block;
}


/*原评论页有
.imgmove {
    position: fixed;
    z-index: 10;
    display: none;
    width: 300px;
    height: 300px;
    box-shadow: 1px 2px 2px #ccc;
    background-color: #fff;
}
.imgmove img {
    width: 280px;
    height: 280px;
    margin: 10px;
}
*/

.produre-show img {
    max-width: 900px;
}

.moneys a,.moneys p {
    padding: 10px 14px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 2px;
    float: left;
    margin: 0 15px 10px 0;
}

.moneys a span {
    font-weight: bolder;
}

.headerborinfo a:hover {
    color: #fff
}

.ordersig {
    text-align: center;
}

#add-address:hover {
    color: #03b559;
}

.greya {
    width: 82px;
    text-align: left;
    font-size: 14px;
}

.greya i {
    margin-left: 5px;
}


#sendcode {
    height: 37px;
}

.beizhu {
    border: 1px solid #e6e6e6;
}

.problemindul li:last-of-type .probleman {
    border-bottom: none;
}

.layui-form-checkbox i {
    color: #e2e2e2;
}

.layui-form-checked, .layui-form-checked:hover {
    border-color: #03b559;
}

.layui-form-checked i, .layui-form-checked:hover i {
    color: #03b559;
}

.layui-form-checked[lay-skin=primary] i {
    background-color: #03b559;
    color: #fff;
    border-color: #03b559;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #03b559;
    color: #03b559;
}

.layui-form-checked[lay-skin=primary]:hover i {
    color: #fff !important;
}

.layui-laypage a:hover {
    color: #03b559 !important;
}



/**滑动图**/
.position-index {
    width:100%;
    height: 500px;
    position: relative;
}
.swiper-container {
    width: 100%;   
    height:500px;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-wrapper, .swiper-slide{
    position: relative;
    width:100%;
    height:100%;
}
.swiper-container .swiper-slide img{
    width:100%;
    height: 100%;
}
/*左箭头颜色*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
/**右箭头颜色***/
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}











.fixedleft {
    position: fixed;
    right: 0;
    bottom: 280px;
    width: 120px;
    height: 160px;
    overflow: hidden;
}

.fixedleft .swiper-container-left {
    width: 100%;
    height: 100%;
}

.fixedleft img {
    width: 100%;
    height: 100%;
}

.fixedleft .swiper-slide {
    width: 100%;
    height: 160px;
}

.swiper-pagination-bullet-active {
    background-color: #03b559;
}



/***/
#addpingjia {
    overflow: hidden;
}


/****上传******/
.upload {
    overflow: hidden;
}

.upload .img {
    width: 22%;
    height: 97px;
    position: relative;
    float: left;
}

.upload .img:nth-of-type(2) {
    margin-left: 4%;
}

.upload .img:nth-of-type(3) {
    margin: 0 4%;
}

.upload .img img {
    float: left;
    width: 100%;
}

.upload .img input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97px;
    opacity: 0;
}

.addupload {
    border: 2px dashed #03b559;
}


/***/
.pageing {
    text-align: center;
    width: 100%;
    height: 36px;
}

.pagination {
    height: 36px;
    line-height: 36px;
    display: inline-block;
}

.pagination:nth-of-type(1) {
    margin-right: 20px;
}

.pagination li {
    height: 28px;
    padding: 0 6px;
    float: left;
    margin: 3px 10px 0 0;
    line-height: 28px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    min-width: 24px;
    text-align: center;
    color: #e2e2e2;
}

.pagination li a,.pagination li span {
    color: #999;
}

.pagination li:hover {
    border: 1px solid #03b559;
}

.pagination li.active {
    border: 1px solid #03b559;
    background-color: #03b559;
}

.pagination li.active span {
    color: #fff !important;
}

.pagination li:hover a,.pagination li:hover span {
    color: #03b559;
}

.footertop .layui-input {
    width: 210px;
}

.footertop textarea {
    width: 188px;
}

.qoute {
    padding: 10px 0;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
}

.p-icon {
    background-color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    display: inline;
    zoom: 1;
}


/***pcb计价页按钮***/
/*重置按钮(原来的功能键不在用)
.compose-topbar .btn-reset {

    width: 48%;
    height: 36px;

    line-height: 36px;
    font-size: 14px;
    display: inline-block;

    box-shadow: 0 0 0 1px #d5d7d8;
    border-radius: 3px;
    text-align: center;
    color: #454545;

    background: #fafafa url("../img/icon/resetico.png") 37% center no-repeat;
    background-size:29px 29px;
}
.compose-topbar .btn-reset:hover {
    background-color: #eee;
}

/**第二个按钮*
.topSecondBtn{
    width: 48%;
    position: relative;
    display: inline-block;
}

/*第三个按钮
.bottomCalcBtnDiv{

    width:100%;
    height:36px;
    margin-top: 20px;
    text-align:center;
    position: relative;
}

/*这是
.compose-action{

    height: 36px;
    line-height: 36px;
    font-size: 16px;

    display: inline-block;
    vertical-align: baseline;

    border-radius: 3px;
    color: #fff;

    background-position: 37% center;
    background-repeat: no-repeat;
    background-size:29px 29px;

    background-color: #DE533C;
    border: 1px solid #DE533C;

    cursor: pointer;
}

.compose-action:hover{
    background-color: #BE333C;
    border-color: #BE333C;
}

/*几个按钮的图标
.calcBtnBgImg{
    background-image:url("../img/icon/calcico.png");
}
.changeImgBtnBgImg{
    background-image:url("../img/icon/alterico.png");
}
.needBtnBgImg{
    background-image:url("../img/icon/paparico.png");
}
*/




/***pcb列表头****/
.ui2-box-header, .ui2-box-title {
    margin: 0 0 20px;
    padding: 0 15px 0 5px;
    overflow: hidden;
    position: relative;
}
label.ui2-box-title:hover {
    color: #3db11d;
}
.title-medium {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}


/***低部**/
.footer_left_bottom {
    padding-top: 25px;
    overflow: hidden;
}
.footer_left_top dl, .footer_left_bottom dl {
    width: 25%;
    float: left;
}
.footer_left_bottom dt {
    padding-bottom: 10px;
    font-size: 14px;
}

.footer_left_bottom dd.p-icon {
    text-indent: -9999px;
    display: block;
}

.footer_left_bottom dd.pay-methods {
    width: 165px;
    background-position: 0 -140px;
    height: 39px;
}

.footer_left_bottom dd.delivery-service {
    width: 210px;
    background-position: -169px -140px;
    height: 39px;
}

.footer_left_bottom dd a.iso9001 {
    display: inline-block;
    width: 200px;
    background-position: 0 -182px;
    height: 39px;
    text-indent: -9999px;
}

.footer_left_bottom dd a.twitter {
    display: block;
    float: left;
    width: 24px;
    background-position: -155px -52px;
    height: 24px;
    text-indent: -9999px;
    margin-right: 5px;
}

.footer_left_bottom dd a.linkedin {
    display: block;
    float: left;
    width: 24px;
    background-position: -125px -52px;
    height: 24px;
    text-indent: -9999px;
    margin-right: 5px;
}

.footer_left_bottom dd a.facebook {
    display: block;
    float: left;
    width: 24px;
    background-position: -95px -52px;
    height: 24px;
    text-indent: -9999px;
    margin-right: 5px;
}

.footer_left_bottom dd a.googlplus {
    display: block;
    float: left;
    width: 24px;
    background-position: -185px -52px;
    height: 24px;
    text-indent: -9999px;
    margin-right: 5px;
}

.footer_left_bottom dd a.instagram {
    display: block;
    float: left;
    width: 24px;
    background-position: -95px -81px;
    height: 24px;
    text-indent: -9999px;
}

@keyframes slideup {
    0% {top: 0;}
    6% {top: -120px;}
    33% {top: -120px;}
    39% {top: -240px;}
    66% {top: -240px;}
    72% {top: -360px;}
    100% {top: -360px;}
}

@-moz-keyframes slideup {
    0%{top: 0;}
    6% {top: -120px;}
    33% {top: -120px;}
    39% {top: -240px;}
    66% {top: -240px;}
    72% {top: -360px;}
    100% {top: -360px;}
}

@-webkit-keyframes slideup {
    0% {top: 0;}
    6% {top: -120px;}
    33% {top: -120px;}
    39% {top: -240px;}
    66% {top: -240px;}
    72% {top: -360px;}
    100% {top: -360px;}
}

/***明暗变化**/
.moveright {

    animation: moveright 1.6s;

    -moz-animation: moveright 1.6s;      /* Firefox */
    -webkit-animation: moveright 1.6s;   /* Safari and Chrome */
}
@keyframes moveright {
    from {
        opacity: 0.6;
    }to {
        opacity: 1;
    }
}
@-moz-keyframes moveright {
    from {
        opacity: 0.6;      
    }to {
        opacity: 1;
    }
}
@-webkit-keyframes moveright {
    from {
        opacity: 0.6;
    }to {
        opacity: 1;
    }
}

.slideup1 {

    animation: slideup 12s infinite 1s;

    -moz-animation: slideup 12s infinite 1s;    /* Firefox */    
    -webkit-animation: slideup 12s infinite 1s; /* Safari and Chrome */

    position: absolute;
    left: 0;

}
.slideup2 {

    animation: slideup 12s infinite 2s;

    -moz-animation: slideup 12s infinite 2s;    /* Firefox */  
    -webkit-animation: slideup 12s infinite 2s;  /* Safari and Chrome */

    position: absolute;
    left: 0;
}

.slideup3 {

    animation: slideup 12s infinite 3s;

    -moz-animation: slideup 12s infinite 3s;    /* Firefox */
    -webkit-animation: slideup 12s infinite 3s;  /* Safari and Chrome */

    position: absolute;
    left: 0;
}

.slideup4 {

    animation: slideup 12s infinite 4s;

    -moz-animation: slideup 12s infinite 4s;    /* Firefox */
    -webkit-animation: slideup 12s infinite 4s;     /* Safari and Chrome */

    position: absolute;
    left: 0;
}

.rotate45 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}





.footer {
    background-color: #444;
    width: 100%;
    float: left;
}

.footertop {
    width: 1300px;
    margin: 0 auto 20px;
}


/*
.cartView {
    min-height: 280px;
    position: relative;
    margin: 0 auto;
    width: 1300px;
}

.cartinfoboview {
    margin: 0 40px;
}
*/

.produreView, .newsView {
    min-height: 600px;
    margin: 0 auto;
    width: 1300px;
}

.useriframeview {
    width: 80%;
    min-height: 812px;
}

#useriframe {min-height: 812px;}


@media (max-width: 1300px) {
    .headerborinfo {
        margin: 0 20px;
    }
    .userindexView {
        margin: 20px 20px 0;
    }
    .footer {
        background-color: #444;
    }
}
@media (max-width: 1366px) { }
@media (min-width: 1367px) and (max-width: 1920px) { }


/**公告窗**/
.promptmsgbg{
    width:100%; 
    height:100%;
    position:fixed; 
    top:0px;
    left:0px;
    background-color:rgba(0,0,0,0.3);
    z-index: 2000;
    display:none;
}
.promptmsg{
    width:600px;
    height:350px;
    position: relative;
}
.promptmsg img{
    width:100%;
    height: 100%;
}

.closeTheNotice{
    width:50px;
    height:50px;
    position: absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}