*{
    margin: 0;
    padding: 0;
}
html{
    width:100%;
    height: 100%;
}
li{
    list-style: none;
}
ol{
    margin:0
}
a{
    text-decoration: none;
    color: #0066ee;
}

input,
button,
select,
textarea{
    outline: none !important;
    -webkit-appearance: none;
    border-radius: 0;
}
select:focus,
button:focus,
input:focus,
textarea:focus,
button:checked,
a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    box-shadow: none !important;
    outline:none !important;
}
a:hover{
    text-decoration: underline;
    color: #0066ee;
}
.swipe-list a:hover{text-decoration: none;}
.contact-box p,.contact-box p:hover{color: #333;text-decoration: none;}
.contact-box a:hover{text-decoration: none;}
a.text-decoration:hover{
    text-decoration: underline;
}

.cursor-pointer{
    cursor: pointer;
}
.cursor-not-allowed{
    cursor:not-allowed;
}
.overflow-hidden{
    overflow: hidden;
}
.overflow-scroll{
    overflow: scroll;
}
.overflow-visible{
    overflow: visible;
}
.box-border-box{
    box-sizing: border-box;
}
.box-content-box{
    box-sizing: content-box;
}
.box-shadow1{
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15); 
}

/* 字体、按钮、背景的颜色 */
.bg-000{
    background: #000;
}
.bg-fff{
    background-color: #fff;
}
.bg-333{
    background: #333;
}
.bg-666{
    background: #666;
}
.bg-999{
    background: #999;
}
.bg-bbb{
    background: #bbb;
}
.bg-ddd{
    background: #ddd;
}
.bg-f1f1f1{
    background: #f1f1f1;
}
.bg-0070ff{
    background-color: #0070ff;
}
.bg-danger {
    background-color: #f72424 !important;
}
.bg-warning {
    background-color: #fdb900 !important;
}
.bg-success {
    background-color: #00ae5e !important;
}
.bg-0066ee{
    background-color: rgb(0,102,238,0.1);
}
.color-fff{
    color: #fff;
}
.color-999{
    color: #999;
}
.color-777{
    color: #777;
}
.color-666{
    color: #666;
}
.color-333{
    color: #333;
}
.color-0070ff{
    color: #0070ff;
}
.color-1a7dff{
    color: #1a7dff;
}
.color-ba{
    color: #bababa;
}
.text-danger{
    color: #f72424 !important;
}
.text-warning{
    color: #fdb900 !important;
}
.text-success{
    color: #00ae5e !important;
}
.font-weight-500 {
    font-weight: 500 !important;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.btn-0070ff {
    color: #fff;
    background-color: #0070ff;
    border-color: #0070ff;
}
.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #0070ff;
    border-color: #0070ff;
}
.btn-danger {
    color: #fff;
    background-color: #f72424;
    border-color: #f72424;
}
.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #f72424;
    border-color: #f72424;
}
.btn-warning {
    color: #333;
    background-color: #fdb900;
    border-color: #fdb900;
}
.btn-warning.disabled, .btn-warning:disabled {
    color: #fff;
    background-color: #fdb900;
    border-color: #fdb900;
}
.btn-success {
    color: #fff;
    background-color: #00ae5e;
    border-color: #00ae5e;
}
.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #00ae5e;
    border-color: #00ae5e;
}


/* 边框颜色 */
.border-d1d1d1{
    border: 1px solid #d1d1d1;
}
.border-light{
    border: 1px solid #eeeeee;
}
.border-active{
    border: 1px solid #0070ff;
}
.border-dddddd{
    border: 1px solid #dddddd;
}
.border-bottom-d1d1d1{
    border-bottom: 1px solid #d1d1d1;
}
/* 定位 */
.margin-0-auto{
    margin: 0 auto;
}
.top0-left0{
    top: 0;
    left: 0;
}
.top0-right0{
    top: 0;
    right: 0;
}
.bottom0-left0{
    bottom: 0;
    left: 0;
}
.bottom0-right0{
    top: 0;
    right: 0;
}
.left0-right0{
    left: 0;
    right: 0;
}
.top0-bottom0{
    top: 0;
    bottom: 0;
}
.top0{
    top: 0;
}
.bottom{
    bottom: 0;
}
.left0{
    left: 0;
}
.right0{
    right: 0;
}


/* width  百分比 */
.w-5{
    width: 5% !important;
}
.w-10{
    width: 10% !important;
}
.w-15{
    width: 15% !important;
}
.w-20{
    width: 20% !important;
}
.w-30{
    width: 30% !important;
}
.w-35{
    width: 35% !important;
}
.w-40{
    width: 40% !important;
}
.w-45{
    width: 45% !important;
}
.w-55{
    width: 55% !important;
}
.w-60{
    width: 60% !important;
}
.w-65{
    width: 65% !important;
}
.w-70{
    width: 70% !important;
}
.w-80{
    width: 80% !important;
}
.w-85{
    width: 80% !important;
}
.w-90{
    width: 90% !important;
}
.w-95{
    width: 90% !important;
}


/* 元素的透明度 */
.opacity-0{
    opacity: 0;
    filter:alpha(opacity=0);
}
.opacity-10{
    opacity: .1;
    filter:alpha(opacity=10);
}
.opacity-15{
    opacity: .15;
    filter:alpha(opacity=15);
}
.opacity-20{
    opacity: .2;
    filter:alpha(opacity=20);
}
.opacity-25{
    opacity: .25;
    filter:alpha(opacity=25);
}
.opacity-30{
    opacity: .3;
    filter:alpha(opacity=30);
}
.opacity-35{
    opacity: .35;
    filter:alpha(opacity=35);
}
.opacity-40{
    opacity: .4;
    filter:alpha(opacity=40);
}
.opacity-45{
    opacity: .45;
    filter:alpha(opacity=45);
}
.opacity-50{
    opacity: .5;
    filter:alpha(opacity=50);
}
.opacity-55{
    opacity: .55;
    filter:alpha(opacity=55);
}
.opacity-60{
    opacity: .6;
    filter:alpha(opacity=60);
}
.opacity-65{
    opacity: .65;
    filter:alpha(opacity=65);
}
.opacity-70{
    opacity: .7;
    filter:alpha(opacity=70);
}
.opacity-75{
    opacity: .75;
    filter:alpha(opacity=75);
}
.opacity-80{
    opacity: .8;
    filter:alpha(opacity=80);
}
.opacity-85{
    opacity: .85;
    filter:alpha(opacity=85);
}
.opacity-90{
    opacity: .9;
    filter:alpha(opacity=90);
}
.opacity-95{
    opacity: .95;
    filter:alpha(opacity=95);
}
.opacity-1{
    opacity: 1;
    filter:alpha(opacity=100);
}


/* 字体大小 */
.font-75{font-size: 75px;}
.font-60{font-size: 60px;}
.font-48{
    font-size: 48px;
}
.font-40{
    font-size: 40px;
}
.font-36{
    font-size: 36px;
}
.font-28{
    font-size: 28px;
}
.font-24{
    font-size: 24px;
}
.font-22{
    font-size: 22px;
}
.font-20{
    font-size: 20px;
}
.font-18{
    font-size: 18px;
}
.font-16{
    font-size: 16px;
}
.font-14{
    font-size: 14px;
}
.font-13{
    font-size: 13px;
}
.font-12{
    font-size: 12px;
}

@media (max-width: 1199px){
    .font-lg-48{
        font-size: 48px !important;
    }
    .font-lg-40{
        font-size: 40px !important;
    }
    .font-lg-36{
        font-size: 36px !important;
    }
    .font-lg-28{
        font-size: 28px !important;;
    }
    .font-lg-24{
        font-size: 24px !important;
    }
    .font-lg-22{
        font-size: 22px !important;
    }
    .font-lg-20{
        font-size: 20px !important;
    }
    .font-lg-18{
        font-size: 18px !important;
    }
    .font-lg-16{
        font-size: 16px !important;
    }
    .font-lg-14{
        font-size: 14px !important;
    }
    .font-lg-13{
        font-size: 13px !important;
    }
    .font-lg-12{
        font-size: 12px !important;
    }
}

@media (max-width: 991px){
    .font-md-48{
        font-size: 48px !important;
    }
    .font-md-40{
        font-size: 40px !important;
    }
    .font-md-36{
        font-size: 36px !important;
    }
    .font-md-28{
        font-size: 28px !important;;
    }
    .font-md-24{
        font-size: 24px !important;
    }
    .font-md-22{
        font-size: 22px !important;
    }
    .font-md-20{
        font-size: 20px !important;
    }
    .font-md-18{
        font-size: 18px !important;
    }
    .font-md-16{
        font-size: 16px !important;
    }
    .font-md-14{
        font-size: 14px !important;
    }
    .font-md-13{
        font-size: 13px !important;
    }
    .font-md-12{
        font-size: 12px !important;
    }
   
}

@media (max-width: 767px){
    .font-sm-48{
        font-size: 48px !important;
    }
    .font-sm-40{
        font-size: 40px !important;
    }
    .font-sm-36{
        font-size: 36px !important;
    }
    .font-sm-30{
        font-size: 30px !important;
    }
    .font-sm-28{
        font-size: 28px !important;;
    }
    .font-sm-24{
        font-size: 24px !important;
    }
    .font-sm-22{
        font-size: 22px !important;
    }
    .font-sm-20{
        font-size: 20px !important;
    }
    .font-sm-18{
        font-size: 18px !important;
    }
    .font-sm-16{
        font-size: 16px !important;
    }
    .font-sm-14{
        font-size: 14px !important;
    }
    .font-sm-13{
        font-size: 13px !important;
    }
    .font-sm-12{
        font-size: 12px !important;
    }
    /* .px-3{padding-left: 0.5rem!important;padding-right: 0.5rem!important;} */
}

@media (max-width: 575px){
    .font-xs-48{
        font-size: 48px !important;
    }
    .font-xs-40{
        font-size: 40px !important;
    }
    .font-xs-36{
        font-size: 36px !important;
    }
    .font-xs-28{
        font-size: 28px !important;;
    }
    .font-xs-24{
        font-size: 24px !important;
    }
    .font-xs-22{
        font-size: 22px !important;
    }
    .font-xs-20{
        font-size: 20px !important;
    }
    .font-xs-18{
        font-size: 18px !important;
    }
    .font-xs-16{
        font-size: 16px !important;
    }
    .font-xs-14{
        font-size: 14px !important;
    }
    .font-xs-13{
        font-size: 13px !important;
    }
    .font-xs-12{
        font-size: 12px !important;
    }
}