.zl{}
.zl .title-block {display: inline-block;position: relative;background: #F3715D;color: white;text-align: center;padding: 0px 20px;height: 45px;line-height: 45px;letter-spacing: 2px;}
.zl .title-block .angle {position: absolute;right: -22px;top: 0px;height: 45px;width: 45px;background: #F3715D;transform: skew(45deg,0deg);z-index: -1;}
.zl .pictu{}
.zl .ccon{display:flex;background-color:#EDF2F6;border-radius:3px;padding:30px;border:1px solid whitesmoke;}
.zl .ccon .cleft{padding:10px;}
.zl .ccon .cleft .fastimg{width:240px;}
.zl .ccon .cright{padding:4px;}
.zl .ccon .cright .ctitle{padding-bottom:5px;line-height:26px;color:#0B2239}
.zl .ccon .cright .ctitle p{font-size:14px;color:#555555;}
.zl .ctt{font-size:22px;text-align:center;font-weight:bold;}
.zl .ctdes{text-align:center;font-size:14px;padding:8px 0px 8px 0px;}
.zlmore{color:blue;text-decoration:underline;font-size:15px;}
.sercon{padding:20px;}
.sercon .serline{padding:6px 2px;}
.sercon .serline .sertitle{font-size:18px;font-weight:bold;}
.sercon .serline .serdes{padding:4px 2px;line-height:28px;color:#555555}

.faqcon{padding:20px;;background-color:#EDF2F6;border-radius:3px;border:1px solid whitesmoke;margin-bottom:50px;}
.faqcon .faqline{padding:6px 2px;}
.faqcon .faqline .faqtitle{font-size:18px;font-weight:bold;}
.faqcon .faqline .faqdes{padding:4px 2px;color:#555555;}

.bomcon{background-color:#EDF2F6;padding:20px;background-color:#EDF2F6;border-radius:3px;border:1px solid whitesmoke;margin-top:20px;}
.bomcon .bomtitle{font-size:18px;font-weight:bold;}
.bomcon .bomdes{font-size:14px;margin-top:6px;color:#555555}

.customer-page {background:#ffffff;text-align: center;padding:5px 0px 30px 0px;}
.customer-page-table{display:table;width: 100%;}
.table-row {display: table-row;}
.table-row a{color:#279af1;}
.item-content {display: table-cell;}
.table-row.header .item-content {font-weight: 600;color: #707485;}
.table-row:not(:last-child) .item-content {border-bottom: 1px solid #e9e9e9;}
.table-row .item-content {height: 60px;text-align: left;line-height: 60px;}
.spcproimg{width:60px;vertical-align:middle;}
.item-content .code{font-size:12px;color:#279af1;height:30px;}
.item-content .codeprice{font-size:22px;font-weight:bold;}
 @media screen and (max-width: 500px) {
.customer-page-tabl {display: inline;}
.table-row {border: 1px solid #ededed;margin-bottom: 10px;display: block;border-radius:3px;}
.table-row.header {display: none;}
.table-row .item-content {display: block;text-align: right;font-size: 13px;border-bottom: 1px dotted #ccc;height: 50px;line-height: 50px;padding: 0 10px;text-align:right}
.table-row .item-content .ahtt{font-size:15px;}
.table-row:not(:first-child) .item-content {height:auto;text-align:center;}
.table-row:not(:first-child) .item-content img{width:25%;}
.table-row:not(:last-child) .item-content {border-bottom: 1px solid #fdfdfd;}
.table-row:not(:first-child) .rht{text-align:right;}
.table-row .item-content:last-child {border-bottom: 0;}
.table-row .item-content:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;}
.zl .ccon{display:block;padding:10px;}
.zl .ccon .cleft .fastimg{width:98%;}
.item-content .code{height:auto;}
}