:root{
            /* --color-primary: #1069C8;
            --color-primary-bg:#F8FCFF;
            --color-primary-border:#ADC3D5; 
            --color-primary-a:#003399;
            */
            --color-primary: #BA2811;
            --color-primary-bg:#F8FCFF;
            --color-primary-border:#ADC3D5;
            /* --color-primary-a:#000; */
            --color-primary-a:#003399;
            --color-primary-alight:#666;
            --color-secondary-bg: #fffbf3;
            --color-secondary-border: #ffc044;
        }
blockquote,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.nobg {
    background: none !important;
}
.mt-15{
    margin-top: 15px !important;
}
.ws-center{text-align: center;}
a:active,
a:hover {
    outline: 0
}
a::after{
    color: var(--color-primary-a);
}

img {
    display: inline-block;
    border: none;
    vertical-align: middle
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

h5,
h6 {
    font-size: 100%
}

button,
input,
select,
textarea {
    font-size: 100%
}

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

body {
    line-height: 1.6;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif
}


hr {
    height: 0;
    line-height: 0;
    margin: 10px 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #eee;
    clear: both;
    overflow: hidden;
    background: 0 0
}

a {
    color: var(--color-primary-a);
    text-decoration: none
}
a:hover{
    color:#f00;
}

a cite {
    font-style: normal
}

.bg-light{
    background-color: #f9f9f9!important;
}
.bg-white{
    background-color: #fff!important;
}

.ws-border-box,
.ws-border-box * {
    box-sizing: border-box
}

.ws-box,
.ws-box * {
    box-sizing: content-box
}

.clear {
    clear: both
}

.clear:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0
}



.ws-border,
.ws-colla-content,
.ws-colla-item,
.ws-collapse,
.ws-elem-field,
.ws-form-pane .ws-form-item[pane],
.ws-form-pane .ws-form-label,
.ws-input,
.ws-input-split,
.ws-panel,
.ws-quote-nm,
.ws-select,
.ws-tab-bar,
.ws-tab-card,
.ws-tab-title,
.ws-tab-title .ws-this:after,
.ws-textarea {
    border-color: #eee
}

.ws-border {
    border-width: 1px;
    border-style: solid;
    color: #5f5f5f !important
}

/* 表单组件 */
.ws-btn,
.ws-input,
.ws-select,
.ws-textarea,
.ws-upload-button {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-sizing: border-box
}
.ws-input,
.ws-select,
.ws-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0, 0, 0, .85);
    border-radius: 2px
}

.ws-input::-webkit-input-placeholder,
.ws-select::-webkit-input-placeholder,
.ws-textarea::-webkit-input-placeholder {
    line-height: 1.3
}

.ws-input,
.ws-textarea {
    display: inline-block;
    width: 100%;
    padding-left: 10px
}

.ws-input:hover,
.ws-textarea:hover {
    border-color: #d2d2d2 !important
}

.ws-input:focus,
.ws-textarea:focus {
    border-color: #D33115 !important;
    box-shadow: 0 0 0 3px rgba(22, 183, 119, .08)
}

.ws-textarea {
    position: relative;
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical
}

.ws-input[disabled],
.ws-textarea[disabled] {
    background-color: #fafafa
}

/* button */
.ws-btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: var(--color-primary);
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ws-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}

.ws-btn:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ws-btn+.ws-btn {
    margin-left: 10px
}

.ws-btn-container {
    word-spacing: -5px
}

.ws-btn-container .ws-btn {
    margin-right: 10px;
    margin-bottom: 10px;
    word-spacing: normal
}

.ws-btn-container .ws-btn+.ws-btn {
    margin-left: 0
}

.ws-table .ws-btn-container .ws-btn {
    margin-bottom: 9px
}

.ws-btn-radius {
    border-radius: 100px
}

.ws-btn .ws-icon {
    padding: 0 2px;
    vertical-align: middle\0;
    vertical-align: bottom
}

.ws-btn-primary {
    border-color: #d2d2d2;
    background: 0 0;
    color: #5f5f5f
}

.ws-btn-primary:hover {
    border-color: #16baaa;
    color: #333
}

.ws-btn-normal {
    background-color: #1e9fff
}

.ws-btn-warm {
    background-color: #ffb800
}

.ws-btn-danger {
    background-color: #ff5722
}

.ws-btn-checked {
    background-color: #16b777
}
.ws-btn-disabled,
.ws-btn-disabled:active,
.ws-btn-disabled:hover {
    border-color: #eee !important;
    background-color: #fbfbfb !important;
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
    opacity: 1
}

.ws-btn-lg {
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    font-size: 16px
}

.ws-btn-sm {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px
}

.ws-btn-xs {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px
}

.ws-btn-xs i {
    font-size: 12px !important
}

.ws-btn-group {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ws-btn-group .ws-btn { 
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .5);
    border-radius: 0
}

.ws-btn-group .ws-btn-primary {
    border-left: none
}

.ws-btn-group .ws-btn-primary:hover {
    border-color: #d2d2d2;
    color: #16baaa
}

.ws-btn-group .ws-btn:first-child {
    border-left: none;
    border-radius: 2px 0 0 2px
}

.ws-btn-group .ws-btn-primary:first-child {
    border-left: 1px solid #d2d2d2
}

.ws-btn-group .ws-btn:last-child {
    border-radius: 0 2px 2px 0
}

.ws-btn-group .ws-btn+.ws-btn {
    margin-left: 0
}

.ws-btn-group+.ws-btn-group {
    margin-left: 10px
}

.ws-btn-fluid {
    width: 100%
}

.ws-card {
    margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.ws-card:last-child {
    margin-bottom: 0
}

.ws-card-body,
.ws-card-header {
    position: relative;
    padding: 10px 15px
}

.ws-card-header {
    border-bottom: 1px solid #f8f8f8;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px
}

.ws-card-body .ws-table {
    margin: 5px 0
}

.ws-primary-bg{
            background-color: var(--color-primary-bg);
        }

        .ws-container{
            max-width: 1200px;
            margin: 0 auto;
        }
        .ws-header{
            padding: 10px 0;
            border-bottom:3px solid var(--color-primary);
        }
       
        .ws-header .ws-logo{
            float:left;
        }
        
        .ws-header .ws-nav{
            float:right;
        }
        
        .ws-header .ws-nav ul li{
            display: inline-block;
            margin-left: 20px;
            font-size: 16px;
        }
        
    
     
       .ws-inline{
            display: flex;
            justify-content: space-between;
            align-items: center;
       }
       .ws-menu{
        padding:12px 5px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
       }
       .ws-menu ul{
        display: flex;
        justify-content: space-around;
          padding-left:70px;
       }
       .ws-menu ul li{
            padding:2px 0;
            /* background: url(/skin/s.gif) left center no-repeat; */
       }
       /* .ws-menu ul li a{
        color: var(--color-primary-alight);
       } */
       .ws-menu ul li a:hover{
        color: #f00;
       }
       
       
       .ws-menu-bg{
            background: url(/skin/gd.gif) 10px center no-repeat;
       }
       .ws-menu-lg{width:200px !important; }

       .ws-xnav{
        padding: 10px 15px;
        margin-top:15px;
        
       }
       .ws-xnav .ws-position{
        margin-bottom:5px;
        border-bottom:1px solid #e1e1e1;
        padding-bottom:5px;
       }
       .ws-xnav .ws-xmenu{
        padding-top:5px;
       }
       .ws-xnav .ws-xmenu a{
        display: inline-block;
       }
       .ws-xnav .ws-position a:link{
        /* color: var(--color-primary-alight); */
        margin:0 5px;
       }
       .ws-xnav .ws-xmenu a:link{
        /* color: var(--color-primary-alight); */
        margin:0 5px;
       }
       .ws-xnav .ws-position a:hover{
        color: #f00;
       }
       .ws-xnav .ws-xmenu a:hover{
        color: #f00;
       }
    
        .ws-content{
            padding:20px;
        }
        .ws-content h1{
            color: var(--color-primary);
            margin-top:20px;
            font-size: 24px;
            line-height:1.5;
            text-align: center;
        }
        .ws-info{
            color: #666;
            padding: 20px 20px 10px 20px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 10px;
            text-align: center;
        }
        .ws-content-text{
            font-size:16px;
            line-height:1.8;
            padding:10px 30px;
        }
        .ws-content-text p{
            margin-bottom:10px;
        }

        .ws-recommend{
            background-color: var(--color-secondary-bg);
            border: 1px solid var(--color-secondary-border);
            padding: 10px 20px;
            margin-bottom: 20px;
        }
        .ws-atop{font-weight: 700; color: #f00; text-align: center;}
        .ws-atop a{color: #f00;}
   
        .ws-tips{background-color: #fcfcfc; padding:10px 20px; line-height: 2;}
        .ws-pages{line-height:2; margin:20px 0;}
        .ws-related{margin:0 -20px;}
        .ws-related h4{ background-color: var(--color-primary); color:#fff; padding:6px 10px;}
        .ws-related-list{padding:15px 20px; }
        .ws-related-list li{line-height: 30px; height:30px;position:relative;padding-left:20px; overflow: hidden;}
        .ws-related-list li:before{
            border: 4px solid transparent;
            content: "○";
            height: 0;
            left: 0;
            line-height: 0;
            position: absolute;
            top: 9px;
            width: 0;
        }
        .ws-footer{padding:20px; color: #666; line-height: 30px;}
        .ws-footer a{color:#666;}
.ws-list{padding-bottom:20px;}
.ws-list-title{border-bottom:1px solid #eee;padding:8px 20px; }
.ws-list-title h1{font-size: 14px; font-weight: normal;}
.ws-list-items{
    padding:10px 20px;
}
.ws-list-ul{
    padding:10px 0;
    border-bottom:1px dashed #e1e1e1;
}
.ws-list-ul li{

    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left:10px;
    background: url(/skin/dot.gif) no-repeat 0 center;
    transition: all 0.3s ease-in-out;
}
.ws-list-ul li:hover{
    background-color: #f9f9f9;
}
.ws-list-ul li a{overflow: hidden; height: 36px; line-height: 36px;margin-left:2px;}
.ws-list-ul .list-title{ flex: 1;}
.ws-list-ul li span{
    font-size: 14px;
    color: #999;
}
.ws-list-pages{margin: 20px 15px 30px 15px;font:normal 12px/14px verdana;text-align: center;}
.ws-list-pages a,.ws-list-pages b{padding:4px 7px;border:1px solid #ADC3D5;margin:0 1px;text-align:center;text-decoration:none;background: #EDF8FE;}
.ws-list-pages b{background: #FFF;}
.ws-list-pages a b{border: 0;background: #EDF8FE; }
.ws-list-pages a:hover{border:#ADC3D5 1px solid;background:#fff;text-decoration:none;}
.ws-list-pages a b:hover{background: #FFF; }
.ws-intro{padding:20px; background-color: #f9f9f9; margin:20px 20px 0 20px;}

        

        .ws-pc {
            display: block;
        }
        .ws-phone{display: none;}
         @media screen and (max-width: 1100px) {
            .ws-pc{display: none !important;}
            .ws-pad{display: block !important;}
         }
         @media screen and (max-width: 880px) {
            .ws-menu ul{padding-left:0 !important;}
            .ws-pad .ws-menu-bg{background:none;}
            .ws-menu ul li{padding:2px 8px;}
         }
        @media screen and (max-width: 768px) {
            .ws-pc {
                display: none !important;
            }
            .ws-pad{display: none !important;}
            .ws-phone {
                display: block;
            }
            .ws-header .ws-logo{width:100%;text-align: center; float: none;}
            .ws-header .ws-nav{border-top:1px solid #eee; margin-top:10px; float:none; }
            .ws-nav ul{text-align: center; }
            .ws-header .ws-nav ul li{
                font-size:14px;
                padding-top:10px;
                margin: 0 2px 0 2px;
            }
            .ws-list-ul li{display: block;}
            
            .ws-content-text{
                padding:10px;
                text-align: justify;
            }
            .ws-phone-nav ul{
                padding:10px;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
            }
        }