.datasheets
        {
            background-color: #fff;
            width: 100%;
        }
        .datasheets .logo, .datasheets .logo img
        {
            height: 50px;
            width: 140px;
        }
        .datasheets .cot
        {
            margin: 20px 0;
            width: 100%;
        }
        .datasheets .cot .details
        {
            color: #333;
            font-size: 18px;
            font-weight: 700;
        }
        .datasheets .cot .info
        {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            width: 100%;
        }
        .datasheets .cot .info .img
        {
            height: 60px;
            margin-right: 30px;
            margin-top: 20px;
            width: 60px;
        }
        .datasheets .cot .info .productdetail > div
        {
            margin-bottom: 5px;
            overflow: hidden;
        }
        .datasheets .cot .info .productdetail > div p
        {
            color: #999;
            font-size: 14px;
        }
        .datasheets .cot .info .productdetail > div p a
        {
            color: #4066b8;
        }
        .datasheets .cot .info .productdetail > div p a:hover
        {
            text-decoration: underline;
        }
        .datasheets .cot .info .productdetail > div:last-child p
        {
            border-top: 1px solid #d4d4d4;
            color: #999;
            font-size: 10px;
            padding-top: 8px;
        }
        @media screen and (max-width:1024px)
        {
            .datasheets .cot .details, .datasheets .cot .info
            {
                padding: 0 20px;
            }
        }
        .datasheets .stock .title
        {
            align-items: center;
            background-color: #eceef2;
            color: #333;
            display: flex;
            font-size: 16px;
            font-weight: 700;
            height: 45px;
            line-height: 45px;
            margin-bottom: 15px;
            padding-left: 10px;
            position: relative;
            width: 100%;
        }
        .datasheets .stock .title > span
        {
            color: #ff6221;
            margin-left: 10px;
        }
        .datasheets .stock .title > p
        {
            align-items: center;
            border-radius: 50%;
            color: #4066b8;
            cursor: pointer;
            display: flex;
            height: 30px;
            justify-content: center;
            position: absolute;
            right: 0;
            transition: all .3s;
            width: 30px;
        }
        .datasheets .stock .title > p:hover
        {
            background-color: #4066b81a;
        }
        .datasheets .stock .cot
        {
            flex: 1;
            width: 100%;
        }
        .datasheets .stock .cot > p
        {
            font-size: 12px;
            margin-bottom: 30px;
        }
        .datasheets .stock .cot .rfq > p
        {
            font-size: 12px;
            margin-bottom: 25px;
        }
        .datasheets .stock .cot .rfq .input, .datasheets .stock .cot .rfq .select
        {
            margin-bottom: 25px;
        }
        .datasheets .stock .cot .rfq .funBox
        {
            align-items: center;
            display: flex;
            justify-content: space-around;
            width: 100%;
        }
        .datasheets .stock .cot .rfq .funBox .btn
        {
            height: 40px;
            margin-bottom: 0;
            padding: 6px 10px;
            width: 100%;
        }
        .datasheets .stock .cot .rfq .funBox .btn.border
        {
            background-color: #fff;
            border: 1px solid #ff6221;
            color: #ff6221;
            margin-left: 20px;
        }
        .datasheets .stock .cot .buy > p
        {
            display: flex;
            justify-content: space-between;
            margin: 10px 0;
        }
        .datasheets .stock .cot .buy .priceList
        {
            margin-bottom: 5px;
            position: relative;
        }
        .datasheets .stock .cot .buy .priceList .head
        {
            background-color: #f6f8fc;
            display: flex;
            height: 36px;
            line-height: 36px;
            width: 100%;
        }
        .datasheets .stock .cot .buy .priceList .head p
        {
            flex: 1;
            height: 100%;
            text-align: center;
        }
        .datasheets .stock .cot .buy .priceList ul
        {
            max-height: 280px;
            overflow-y: auto;
            transition: all .5s;
            width: 100%;
        }
        .datasheets .stock .cot .buy .priceList ul::-webkit-scrollbar
        {
            width: 4px;
        }
        .datasheets .stock .cot .buy .priceList ul::-webkit-scrollbar-thumb
        {
            background-color: #e4e4e4;
            border-radius: 2px;
        }
        .datasheets .stock .cot .buy .priceList ul li
        {
            display: flex;
            font-size: 13px;
            height: 40px;
            line-height: 40px;
            width: 100%;
        }
        .datasheets .stock .cot .buy .priceList ul li p
        {
            flex: 1;
            height: 100%;
            text-align: center;
        }
        .datasheets .stock .cot .buy .priceList ul li:nth-child(2n)
        {
            background-color: #f8f8f8;
        }
        .datasheets .stock .cot .buy .funBox .input
        {
            margin: 20px 0;
        }
        .datasheets .stock .cot .buy .funBox .cartbtn
        {
            align-items: center;
            display: flex;
            justify-content: space-around;
            width: 100%;
        }
        .datasheets .stock .cot .buy .funBox .cartbtn .btn
        {
            height: 40px;
            margin-bottom: 0;
            padding: 6px 10px;
            width: 100%;
        }
        .datasheets .stock .cot .buy .funBox .cartbtn .btn.border
        {
            background-color: #fff;
            border: 1px solid #4066b8;
            color: #4066b8;
            margin-left: 20px;
        }
        .datasheets .stock .cot .buy .funBox .price
        {
            display: flex;
            margin: 10px 0;
            width: 100%;
        }
        .datasheets .stock .cot .buy .funBox .price p
        {
            color: #333;
            display: inline;
            flex: unset;
            margin-right: 30px;
            text-align: left;
            width: 180px;
        }
        .datasheets .stock .cot .buy .funBox .price p span
        {
            position: relative;
        }
        .datasheets .stock .cot .buy .funBox .price p span.total
        {
            color: #ff6221;
            font-weight: 700;
        }
        .datasheets .stock .cot .buy .funBox .price p span em
        {
            bottom: -14px;
            color: #999;
            font-size: 14px;
            left: 0;
            position: absolute;
            text-decoration: line-through;
        }
        @media screen and (max-width:1024px)
        {
            .datasheets .stock .cot .buy .funBox .price p span em
            {
                font-size: 12px;
            }
            .datasheets .stock .cot .buy .funBox
            {
                border-top: 1px solid #d4d4d4;
                padding-top: 30px;
            }
            .datasheets .stock .cot .buy .funBox > p
            {
                display: none;
            }
            .datasheets .stock .cot .buy .funBox > div
            {
                width: 100%;
            }
            .datasheets .stock .cot .buy .funBox .quantity .input
            {
                flex: 1;
                margin-bottom: 5px;
            }
            .datasheets .stock .cot .buy .funBox .quantity .btn
            {
                display: inline-block;
                font-size: 12px;
                padding: 6px 10px;
                width: 90px;
            }
            .datasheets .stock .cot .buy .funBox .quantity .btn.border
            {
                margin-left: 10px;
            }
        }
        .datasheets .stock .cot .buy .desc
        {
            color: #ff6221;
            margin-top: 30px;
        }
        .datasheets .stock .cot .buy .add
        {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
        .datasheets .stock .cot .buy .add p
        {
            color: #4066b8;
            cursor: pointer;
            display: inline;
            flex: unset;
            text-align: left;
        }
        .datasheets .stock .cot .buy .add p:hover
        {
            text-decoration: underline;
        }
        @media screen and (max-width:1024px)
        {
            .datasheets .stock .cot .buy .add p
            {
                width: unset;
            }
            .datasheets .stock
            {
                height: unset;
                margin-bottom: 10px;
                padding: 10px;
                width: 100%;
            }
            .datasheets .stock .title
            {
                font-size: 14px;
            }
            .datasheets .stock .priceList ul
            {
                height: unset !important;
            }
        }
    
    
        .pdf[data-v-894a07c0]
        {
            display: flex;
            position: relative;
            width: 100%;
        }
        .pdf .viewerContainer[data-v-894a07c0]
        {
            flex: 1;
        }
        .pdf .viewerContainer iframe[data-v-894a07c0]
        {
            height: calc(100vh - 3px);
            width: 100%;
        }
        .pdf .datasheets[data-v-894a07c0]
        {
          
            overflow: hidden;
            padding: 30px;
            position: absolute;
            right: 0;
            top: 32px;
            width: 460px;
        }
        .pdf[data-v-894a07c0]::-webkit-scrollbar
        {
            width: 3px;
        }
        .pdf[data-v-894a07c0]::-webkit-scrollbar-thumb
        {
            background-color: #e9e9e9;
            border-radius: 6px;
        }
        .pdf .icon[data-v-894a07c0]
        {
            display: none;
        }
        @media screen and (max-width:1024px)
        {
            .pdf .productInfo[data-v-894a07c0]
            {
                height: 100%;
                left: 100vw;
                position: fixed;
                top: 0;
                transition: all .2s ease-in;
                width: 100%;
            }
            .pdf .productInfo .datasheets[data-v-894a07c0]
            {
                display: block;
                height: 100%;
                overflow-y: auto;
                padding: 30px 10px;
                width: 100%;
            }
            .pdf .productInfo .datasheets[data-v-894a07c0]::-webkit-scrollbar
            {
                width: 3px;
            }
            .pdf .productInfo .datasheets[data-v-894a07c0]::-webkit-scrollbar-thumb
            {
                background-color: #e9e9e9;
                border-radius: 6px;
            }
            .pdf .icon[data-v-894a07c0]
            {
                background-color: #4066b8;
                border-radius: 50%;
                bottom: 20px;
                display: block;
                height: 40px;
                line-height: 40px;
                position: absolute;
                right: 20px;
                text-align: center;
                width: 40px;
            }
            .pdf .icon .iconfont[data-v-894a07c0]
            {
                color: #fff;
                font-size: 16px;
            }
            .pdf .active[data-v-894a07c0]
            {
                box-shadow: 0 0 15px -7px #ccc;
                left: 0;
            }
        }
    
    
        .messageBox[data-v-2313d55f]
        {
            left: 50%;
            position: fixed;
            top: 5vh;
            transform: translate(-50%);
            z-index: 111;
        }
        .messageBox .message[data-v-2313d55f]
        {
            border-radius: 4px;
            box-shadow: 0 0 15px -7px #ccc;
            display: flex;
            max-width: 1000px;
            opacity: 1;
            overflow: hidden;
            z-index: 111;
        }
        .messageBox .message.success[data-v-2313d55f]
        {
            background-color: #0fbc5e;
        }
        .messageBox .message.error[data-v-2313d55f]
        {
            background-color: #c80000;
        }
        .messageBox .message.warning[data-v-2313d55f]
        {
            background-color: #ff6221;
        }
        .messageBox .message.default[data-v-2313d55f]
        {
            background-color: #f6f8fc;
        }
        .messageBox .message .iconfont[data-v-2313d55f]
        {
            align-items: center;
            color: #fff;
            display: flex;
            font-size: 20px;
            height: 40px;
            justify-content: center;
            margin-right: 10px;
            width: 40px;
        }
        .messageBox .message .iconfont.iconsuccess[data-v-2313d55f]
        {
            background-color: #0fbc5e;
        }
        .messageBox .message .iconfont.iconerror[data-v-2313d55f]
        {
            background-color: #c80000;
        }
        .messageBox .message .iconfont.iconWarning[data-v-2313d55f]
        {
            background-color: #ff6221;
        }
        .messageBox .message .iconfont.iconinfo-[data-v-2313d55f]
        {
            background-color: #f6f8fc;
        }
        .messageBox .message span[data-v-2313d55f]
        {
            align-items: center;
            color: #fff;
            display: flex;
            font-size: 16px;
            height: 40px;
            padding: 0 40px 0 30px;
        }
        @media screen and (max-width:1024px)
        {
            .messageBox .message span[data-v-2313d55f]
            {
                font-size: 12px;
            }
        }
        @media screen and (max-width:800px)
        {
            .messageBox .message[data-v-2313d55f]
            {
                width: 80vw;
            }
            .messageBox .message span[data-v-2313d55f]
            {
                flex: 1;
            }
        }
        .zoomIn[data-v-2313d55f]
        {
            animation: zoomIn-2313d55f .3s;
        }
        .zoomOut[data-v-2313d55f]
        {
            animation: zoomOut-2313d55f .3s;
        }
        @keyframes@keyframeszoomIn-2313d55f{0%{opacity:0}
        to
        {
            opacity: 1;
        }
        }@keyframeszoomOut-2313d55f{0%{opacity:1}
        to
        {
            opacity: 0;
        }
        }
    
        @font-face
        {
                 
        }
        a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var
        {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        address, cite, dfn, em, i, var
        {
            font-style: normal;
        }
        body
        {
            color: #333;
            font-family: Helvetica,Arial,Tahoma,sans-serif;
            font-size: 14px;
            letter-spacing: .2px;
        }
        table
        {
            border-collapse: collapse;
            border-spacing: 0;
        }
        h1, h2, h3, h4, h5, h6, th
        {
            font-size: 100%;
            font-weight: 400;
        }
        button, input, select, textarea
        {
            font-size: 100%;
        }
        button
        {
            cursor: pointer;
        }
        input
        {
            background-color: transparent;
        }
        fieldset, img
        {
            border: 0;
        }
        a, img
        {
            -webkit-touch-callout: none;
        }
        a, a:active, a:focus, a:hover, a:visited
        {
            color: #666;
            text-decoration: none;
        }
        input[type=password], input[type=text], textarea
        {
            word-wrap: break-word;
            -webkit-appearance: none;
            background: #fff;
            outline: 0;
            resize: none;
            white-space: pre-wrap;
        }
        ol, ul
        {
            list-style: none;
        }
        :focus
        {
            outline: none;
        }
        .clearfix
        {
            content: "";
            display: block;
            overflow: hidden;
        }
        .clear, .clearfix
        {
            clear: both;
        }
        .fl
        {
            float: left;
        }
        .fr
        {
            float: right;
        }
        #__layout, #__layout > div, #__nuxt, body, html
        {
            height: 100%;
            width: 100%;
        }
        *, :after, :before
        {
            box-sizing: border-box;
            margin: 0;
        }
        button
        {
            border: none;
            font-family: oswald;
            outline: none;
        }
        .w
        {
            margin: 0 auto;
            width: 1300px;
        }
        .l1
        {
            -webkit-line-clamp: 1;
        }
        .l1, .l2
        {
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            word-break: break-all;
        }
        .l2
        {
            -webkit-line-clamp: 2;
        }
     
        #app
        {
            background-color: #f6f8fc;
        }
    
    
        .error[data-v-e788b2a8]
        {
            align-items: center;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            height: 100vh;
            justify-content: center;
            width: 100vw;
        }
        .error img[data-v-e788b2a8]
        {
            height: 275px;
            width: 368px;
        }
        .error p[data-v-e788b2a8]
        {
            margin: 16px 0;
        }
        .error a[data-v-e788b2a8]
        {
            align-items: center;
            background: #4066b8;
            border-radius: 4px;
            color: #fff;
            display: flex;
            height: 36px;
            justify-content: center;
            width: 120px;
        }