@font-face {
    font-family: singlepageicon;
    src: url(../font/iconfont.woff2?t=1745374701300) format("woff2"),url(../font/iconfont.woff?t=1745374701300) format("woff"),url(../font/iconfont.ttf?t=1745374701300) format("truetype")
}

.singlepageicon {
    font-family: singlepageicon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sicon-sanjiaoxing:before {
    content: ""
}

.sicon-wenjuandiaoyan:before {
    content: ""
}

.sicon-diet:before {
    content: ""
}

.sicon-huiliuqujinkoushipin:before {
    content: ""
}

.sicon-xiyu:before {
    content: ""
}

.sicon-mian-ditu-jiudianchuang:before {
    content: ""
}

.sicon-jianshen-:before {
    content: ""
}

.sicon-jianshen-1:before {
    content: ""
}

.sicon-jianshen-2:before {
    content: ""
}

.sicon-zhuanshi:before {
    content: ""
}

.sicon-bankexingxing:before {
    content: ""
}

.sicon-jiahao:before {
    content: ""
}

.sicon-zhoucheng:before {
    content: ""
}

.sicon-cuowu:before {
    content: ""
}

.sicon-youjiantou:before {
    content: ""
}

.sicon-rili:before {
    content: ""
}

.sicon-kehuxingming:before {
    content: ""
}

.sicon-arrow-left:before {
    content: ""
}

.sicon-dizhi:before {
    content: ""
}

.sicon-calendar:before {
    content: ""
}

.sicon-shijian:before {
    content: ""
}

.sicon-fa-play:before {
    content: ""
}

.sicon-star-fill:before {
    content: ""
}

.sicon-yonghufill:before {
    content: ""
}

.sicon-liuyanfill:before {
    content: ""
}

.sicon-yonghu:before {
    content: ""
}

.sicon-renlianshibie:before {
    content: ""
}

.sicon-gantanhaozhong:before {
    content: ""
}

.sicon-sheying:before {
    content: ""
}

.sicon-shangyinhao:before {
    content: ""
}

.sicon-yunfuwu-shujuyunguanli:before {
    content: ""
}

.sicon-jianshaojianqujianhao:before {
    content: ""
}

.sicon-zengjiatianjiajiahao:before {
    content: ""
}

.sicon-vedio-dianqihuozai:before {
    content: ""
}

.sicon-thin-_mobile_message_sms:before {
    content: ""
}

.sicon-biaoxiang:before {
    content: ""
}

.sicon-dianzhanzs:before {
    content: ""
}

.sicon-tongyongmoshi:before {
    content: ""
}

.sicon-jianzhulajichulichang:before {
    content: ""
}

.sicon-guangfuban:before {
    content: ""
}

.sicon-guankanyanjing:before {
    content: ""
}

.sicon-xinfeikangfu:before {
    content: ""
}

.sicon-danao:before {
    content: ""
}

.sicon-drug:before {
    content: ""
}

.sicon-yachi:before {
    content: ""
}

.sicon-xinzang:before {
    content: ""
}

.sicon-yiyaoxiang:before {
    content: ""
}

.sicon-yisheng:before {
    content: ""
}

.sicon-yonghuzhuce:before {
    content: ""
}

.sicon-xingyonghu:before {
    content: ""
}

.sicon-shuxie:before {
    content: ""
}

.sicon-gongwenbao:before {
    content: ""
}

.sicon-jixiao:before {
    content: ""
}

.sicon-Dyanjing:before {
    content: ""
}

.sicon-Gis_mark_wenzi1:before {
    content: ""
}

.sicon-hulianwangyingxiao-:before {
    content: ""
}

.sicon-hit-full:before {
    content: ""
}

.sicon-juanbaozhiliangchoujian:before {
    content: ""
}

.sicon-kongzhi:before {
    content: ""
}

.sicon-price-tag:before {
    content: ""
}

.sicon-jiaju-:before {
    content: ""
}

.sicon-home4:before {
    content: ""
}

.sicon-home:before {
    content: ""
}

.sicon-fangzi3:before {
    content: ""
}

.sicon-minsucunzhai:before {
    content: ""
}

.sicon-icon_horizontally:before {
    content: ""
}

.sicon-lianjie:before {
    content: ""
}

.sicon-shezhi1:before {
    content: ""
}

.sicon-chabei:before {
    content: ""
}

.sicon-mao:before {
    content: ""
}

.sicon-iconku_fazhanlicheng:before {
    content: ""
}

.sicon-jiazai:before {
    content: ""
}

.sicon-a-51-diannao:before {
    content: ""
}

.sicon-shijiansuo:before {
    content: ""
}

.sicon-zu:before {
    content: ""
}

.sicon-a-anquanzhongxindunpai:before {
    content: ""
}

.sicon-fangjiajisuanqi:before {
    content: ""
}

.sicon-key:before {
    content: ""
}

.sicon-video-camera:before {
    content: ""
}

.sicon-a-Safe-StrongBox-2x-Line:before {
    content: ""
}

.sicon-kafei:before {
    content: ""
}

.sicon-lianxikefu:before {
    content: ""
}

.sicon-shouyinji:before {
    content: ""
}

.sicon-gongzuoshijian:before {
    content: ""
}

.sicon-yuanchengshuju:before {
    content: ""
}

.sicon-xin:before {
    content: ""
}

.sicon-Idea:before {
    content: ""
}

.sicon-laba:before {
    content: ""
}

.sicon-yscx:before {
    content: ""
}

.sicon-zichanbaobiao:before {
    content: ""
}

.sicon-shengzhi:before {
    content: ""
}

.sicon-brand_filter_filter:before {
    content: ""
}

.sicon-biaozhunhuadabiao:before {
    content: ""
}

.sicon-shanjianxiliu:before {
    content: ""
}

.sicon-xiyiji:before {
    content: ""
}

.sicon-bianqian:before {
    content: ""
}

.sicon-kehudingdan:before {
    content: ""
}

.sicon-blood:before {
    content: ""
}

.sicon-jiaoyu-60:before {
    content: ""
}

.sicon-yundou:before {
    content: ""
}

.sicon-shizhuangyufuzhuang-:before {
    content: ""
}

.sicon-didian:before {
    content: ""
}

.sicon-digital-ocean:before {
    content: ""
}

.sicon-logo-google:before {
    content: ""
}

.sicon-project-diagram:before {
    content: ""
}

.sicon-user-tie:before {
    content: ""
}

.sicon-ziyuan:before {
    content: ""
}

.sicon-shiguanshiji:before {
    content: ""
}

.sicon-xiangxiajiantou:before {
    content: ""
}

.sicon-wenbenshuru:before {
    content: ""
}

.sicon-shezhi:before {
    content: ""
}

.sicon-searchprop2:before {
    content: ""
}

.sicon-gongju1:before {
    content: ""
}

.sicon-pintu:before {
    content: ""
}

.sicon-yanjing:before {
    content: ""
}

.sicon-quotation:before {
    content: ""
}

.sicon-xiangyoujiantou:before {
    content: ""
}

.sicon-facebook:before {
    content: ""
}

.sicon-linkedin:before {
    content: ""
}

.sicon-twitter:before {
    content: ""
}

.sicon-pinterest:before {
    content: ""
}

.sicon-share:before {
    content: ""
}

.sicon-time:before {
    content: ""
}

.sicon-jiangbei:before {
    content: ""
}

.sicon-yuandian1:before {
    content: ""
}

.sicon-duihao1:before {
    content: ""
}

.sicon-faxian:before {
    content: ""
}

.sicon-call:before {
    content: ""
}

.sicon-mail:before {
    content: ""
}

.sicon-address:before {
    content: ""
}

.sicon-done:before {
    content: ""
}

.sicon-rocket:before {
    content: ""
}

.sicon-browser:before {
    content: ""
}

.sicon-navigation-1:before {
    content: ""
}

.sicon-accessibility:before {
    content: ""
}

.sicon-lightbulb:before {
    content: ""
}

.sicon-click:before {
    content: ""
}

.sicon-trophy:before {
    content: ""
}

.sicon-company:before {
    content: ""
}

.sicon-zhuanye:before {
    content: ""
}

.sicon-star:before {
    content: ""
}

.sicon-woshou:before {
    content: ""
}

.sicon-favorites:before {
    content: ""
}

.sicon-sunny:before {
    content: ""
}

.sicon-xiejiantou:before {
    content: ""
}

.sicon-chazhao:before {
    content: ""
}

.sicon-xiayinhao-:before {
    content: ""
}

.sicon-bofang:before {
    content: ""
}

.sicon-task:before {
    content: ""
}

.sicon-handshake:before {
    content: ""
}

.sicon-engineering:before {
    content: ""
}

.sicon-frame_inspect:before {
    content: ""
}

.sicon-dianzan:before {
    content: ""
}

.sicon-zuoshuangjiantou1:before {
    content: ""
}

.sicon-youshuangjiantou1:before {
    content: ""
}

.sicon-icon_duihao-mian:before {
    content: ""
}

.sicon-quality:before {
    content: ""
}

.sicon-kefu:before {
    content: ""
}

.sicon-cost:before {
    content: ""
}

.sicon-lunchuan:before {
    content: ""
}

.sicon-chilun1:before {
    content: ""
}

.sicon-gongju:before {
    content: ""
}

.sicon-xiasanjiao:before {
    content: ""
}

.sicon-jia:before {
    content: ""
}

.sicon-iconfontduihaocopy:before {
    content: ""
}

.sicon-006jianxiao:before {
    content: ""
}

.sicon-PDF:before {
    content: ""
}

.sicon--download:before {
    content: ""
}

.sicon-shangjiantou:before {
    content: ""
}

.sicon-arrow-right:before {
    content: ""
}

.sicon-check:before {
    content: ""
}

.sicon-icon-:before {
    content: ""
}

.sicon-check-circle:before {
    content: ""
}

.sicon-20gl-newspaper:before {
    content: ""
}

.sicon-ico_left:before {
    content: ""
}

.sicon-icon_huizhang:before {
    content: ""
}

.sicon-duihao:before {
    content: ""
}

.sicon-wenjian:before {
    content: ""
}

.sicon-box:before {
    content: ""
}

.sicon-leijiqushitu:before {
    content: ""
}

.sicon-shuji:before {
    content: ""
}

.sicon-rengongkefu:before {
    content: ""
}

.sicon-zuoyoujiantou:before {
    content: ""
}

.sicon-v-icon-timer-flash-line:before {
    content: ""
}

.sicon-link:before {
    content: ""
}

.sicon-yugangtubiao:before {
    content: ""
}

.sicon-jiantou11:before {
    content: ""
}

.sicon-icon-floors:before {
    content: ""
}

.sicon-package-light:before {
    content: ""
}

.sicon-jiantou1:before {
    content: ""
}

.sicon-point-right:before {
    content: ""
}

.sicon-tuandui:before {
    content: ""
}

.sicon-zhengshu:before {
    content: ""
}

.sicon-gongren:before {
    content: ""
}

.sicon-chilun:before {
    content: ""
}

.sicon-suppliers:before {
    content: ""
}

.sicon-icon_car_inspection_s:before {
    content: ""
}

.sicon-xingxing:before {
    content: ""
}

:root {
    --fontbold3: 300;
    --fontbold4: 400;
    --fontbold5: 500;
    --fontbold6: 600;
    --fontbold7: 700;
    --fontbold8: 800;
    --fontbold9: 900;
    --singlepage-font13: var(--fontsize13, 13px);
    --singlepage-font14: var(--fontsize14, 14px);
    --singlepage-font15: var(--fontsize15, 15px);
    --singlepage-font16: var(--fontsize16, 16px);
    --singlepage-font17: var(--fontsize17, 17px);
    --singlepage-font18: var(--fontsize18, 18px);
    --singlepage-font20: var(--fontsize20, 20px);
    --singlepage-font22: var(--fontsize22, 22px);
    --singlepage-font24: var(--fontsize24, 24px);
    --singlepage-font26: var(--fontsize26, 26px);
    --singlepage-font28: var(--fontsize28, 28px);
    --singlepage-font30: var(--fontsize30, 30px);
    --singlepage-font32: 32px;
    --singlepage-font34: 34px;
    --singlepage-font36: 36px;
    --singlepage-font38: 38px;
    --singlepage-font40: 40px;
    --singlepage-font42: 42px;
    --singlepage-font44: 44px;
    --singlepage-font46: 46px;
    --singlepage-font48: 48px;
    --singlepage-font50: 50px;
    --singlepage-font52: 52px;
    --singlepage-container1: 1200px;
    --singlepage-container2: 1180px;
    --singlepage-container3: 1220px;
    --singlepage-container4: 1500px;
    --singlepage-color0: #FB9737;
    --singlepage-color1: #333840;
    --singlepage-color2: #9ea6ab;
    --singlepage-color3: #434749;
    --singlepage-color4: #3d3d3d;
    --singlepage-color5: #0e0f11;
    --singlepage-color6: #2c2c2c;
    --singlepage-color7: #7f8084;
    --singlepage-color8: #666666;
    --singlepage-color9: #6d6d6d;
    --singlepage-color10: #b5b6be;
    --singlepage-color11: #2b2b2b;
    --singlepage-color12: #5f5f5f;
    --singlepage-color13: #565656;
    --singlepage-color14: #1f1f1d;
    --singlepage-color15: #ebebeb;
    --singlepage-color16: #5c5f67;
    --singlepage-color17: #2c2d31;
    --singlepage-color18: #111111;
    --singlepage-color19: #777777;
    --singlepage-color20: #0d3745;
    --singlepage-color21: #252525;
    --singlepage-color22: #222222;
    --singlepage-color23: #444444;
    --singlepage-color24: #b83a33;
    --singlepage-color25: #6f7fa2;
    --singlepage-color26: #8da1bc;
    --singlepage-color27: #49c0c5;
    --singlepage-color28: #aee2e4;
    --singlepage-color29: #009e96;
    --singlepage-color30: #caf3ea;
    --singlepage-color31: #4c5a3c;
    --singlepage-color32: #e4dfcf;
    --singlepage-color33: #2e5399;
    --singlepage-bgcolor1: linear-gradient(90deg, var(--singlepage-color27), var(--singlepage-color28))
}

.singlepagecontainer * {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.singlepagecontainer img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto
}

.singlepagecontainer a {
    text-decoration: none;
    color: inherit;
    transition: all .1s linear
}

    .singlepagecontainer a:hover {
        text-decoration: none
    }

.singlepagecontainer li, .singlepagecontainer ol, .singlepagecontainer ul {
    list-style: none
}

.singlepagecontainer iframe, .singlepagecontainer video {
    max-width: 100%;
    outline: 0;
    border: none;
    vertical-align: bottom
}

.singlepage-lwrap {
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 3% 10px
}

.singlepage-title {
    font-size: var(--singlepage-font28) !important
}

@media (max-width: 1200px) {
    .singlepage-title {
        font-size: var(--singlepage-font26) !important
    }
}

@media (max-width: 1024px) {
    .singlepage-title {
        font-size: var(--singlepage-font24) !important
    }

    .singlepage-lwrap {
        padding: 40px 10px
    }
}

@media (max-width: 768px) {
    .singlepage-title {
        font-size: var(--singlepage-font22) !important
    }
}

@media (max-width: 500px) {
    .singlepage-title {
        font-size: var(--singlepage-font22) !important
    }
}

.prohome-content .singlepage-lwrap, .prolist-bottom .singlepage-lwrap, .prolist-content .singlepage-lwrap {
    padding-left: 0;
    padding-right: 0
}

.sfullwidthbg {
    position: relative;
    z-index: 1
}

    .sfullwidthbg:before {
        content: "";
        background-color: #fcfcfc;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 0;
        width: 1920px;
        height: 100%;
        z-index: -1
    }

:root {
    --color: #CB451B;
    --hovercolor: #282D31;
    --fontcolor: #000000;
    --headercolor: #FFFFFF;
    --footercolor: #EEEEEE;
    --introcolor: #444444;
    --fontsize12: 12px;
    --fontsize13: 13px;
    --fontsize14: 14px;
    --fontsize15: 15px;
    --fontsize16: 16px;
    --fontsize17: 17px;
    --fontsize18: 18px;
    --fontsize20: 20px;
    --fontsize22: 22px;
    --fontsize24: 24px;
    --fontsize26: 26px;
    --fontsize28: 28px;
    --fontsize30: 30px;
    --fonthometitle: 36px;
    --fontbold3: 300;
    --fontbold4: 400;
    --fontbold5: 500;
    --fontbold6: 600;
    --fontbold7: 700;
    --fontfamily: "Lato", "Open Sans", "Roboto", "Poppins", "Oswald", "Noto Sans", "Montserrat", sans-serif
}

@media (max-width: 1280px) {
    :root {
        --fonthometitle: 30px
    }
}

@media (max-width: 768px) {
    :root {
        --fonthometitle: 20px;
        --fontsize18: 16px;
        --fontsize16: 14px
    }
}

*, html, body, h1, h2, h3, h4, h5, h6, table, th, td, ol, ul, li, dl, dt, dd, div, p {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden
}

body {
    margin: 0 auto;
    max-width: 1920px;
    line-height: 1.6;
    font-size: var(--fontsize16);
    color: var(--fontcolor);
    font-family: var(--fontfamily)
}

h1, h2, h3, h4, h5, h6 {
    text-transform: capitalize;
    font-weight: var(--fontbold7)
}

img {
    border: none;
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

a {
    text-decoration: none;
    color: inherit
}

li, ol, ul {
    list-style: none
}

iframe, video {
    max-width: 100%;
    outline: 0;
    border: none;
    vertical-align: bottom
}

button {
    outline: 0;
    border: none
}

body {
    background: #fff;
    padding: 0
}

.el-popup-parent--hidden {
    width: 100% !important
}

.single-template-lwrap {
    padding: 50px 0
}

.single-template-img {
    width: 100%;
    height: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.el-color-dropdown__btns .el-button.is-text {
    display: none
}

.single-template-container {
    position: relative;
    padding: 40px 0 0
}

    .single-template-container.hide {
        padding: 0
    }

    .single-template-container .single-template-id {
        position: absolute;
        top: 0;
        left: 12%;
        background: #0000001a;
        padding: 4px 10px;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
        width: 130px;
        text-align: center;
        white-space: nowrap;
        z-index: 999;
        transition: all .1s linear
    }

.single-template-setting {
    position: fixed;
    right: 20px;
    bottom: 60px;
    z-index: 99
}

.single-template-card {
    z-index: 99;
    position: fixed;
    bottom: 60px;
    right: 60px;
    max-width: 480px;
    width: 100%
}

    .single-template-card .single-template-item {
        margin-bottom: 10px;
        color: #666;
        font-size: 15px
    }

        .single-template-card .single-template-item p {
            margin-bottom: 5px
        }

.el-textarea textarea {
    height: 200px
}

pre code.hljs {
    overflow-x: hidden;
    white-space: normal;
    min-height: 60px;
    max-height: 200px
}

.codelist .item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px
}

    .codelist .item > div {
        white-space: nowrap;
        width: 75px;
        text-align: right;
        padding-right: 10px
    }

    .codelist .item pre {
        flex: 1;
        border-radius: 4px;
        overflow: hidden
    }

pre code.hljs.css {
    white-space: pre
}

.el-color-dropdown__btns .el-color-dropdown__btn {
    background: #298138;
    color: #fff;
    min-width: 80px;
    height: 28px
}

div[data-v-af97a5d8] {
    cursor: pointer;
    border: 2px solid rgba(34,62,156,1);
    background-color: rgba(34,62,156,1);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 1;
    border-radius: 5px
}
