/*common0*/

/*theme*/
.link-white a {color:#fff;}
.link-dark a {color:#333;}
.link-main a {color:#007bff ;}
.link-second a {color:#ff5a00;}
.link-third a{color:#ddd;}
.link-four a {color:#ddd;}

.bg-main {background:#007bff ;}
.bg-second {background:#ff5a00;}
.bg-third {background:#eee;}
.bg-hei {background:#000;}
.bg-0072bc {background:#0072bc;}

.text-white {color:#fff;}
.text-main {color:#007bff ;}
.text-second {color:#ff5a00}
.text-third {color:#ddd;}
.text-four {color:#888;}
.text-hei {color:#000;}

.border-main {border-color:#007bff ;}
.border-second {border-color:#ff5a00;}
.border-three {border-color:#666;}
/*components*/
.fa-08 {font-size:0.8em;}
.fa-09 {font-size:0.9em;}
.fa-11 {font-size:1.1em;}
.fa-12 {font-size:1.2em;}
.fa-4x {font-size:4em;}

.zin-10 {z-index:10;}
.zin-20 {z-index:20;}
.zin-30 {z-index:30;}
.zin-40 {z-index:40;}


.line-20 {line-height:20px;}
.line-28 {line-height:28px;}
.line-30 {line-height:30px;}
.line-40 {line-height:40px;}
.line-60 {line-height:60px;}
.line-80 {line-height:80px;}
.line-180 {line-height:180px;}

.height-30 {height:30px;}
.height-40 {height:40px;}
.height-60 {height:60px;}

.bg-img1 {background:url('/style/image/bg.jpg') repeat;}
.bg-img2 {background:#007bff  url('/style/image/ft.png') repeat;}

.trans-opacity-08 {opacity:0;filter:alpha(opacity=0);transition:opacity 0.9s;}
.trans-opacity-08:hover {opacity:0.8;filter:alpha(opacity=80);}

.opacity-06 {opacity:0.6;filter:alpha(opacity=60);}
.opacity-08 {opacity:0.8;filter:alpha(opacity=80);}
.opacity-09 {opacity:0.9;filter:alpha(opacity=90);}

.trans-img {width:100%;height:100%;transition:all 0.9s;}
.trans-img:hover {width:120%;height:120%;}

.gradient-1 {background:-webkit-linear-gradient(195deg,#36a,#0ed);background:linear-gradient(195deg,#36a,#0ed);}
.gradient-2 {background:-webkit-linear-gradient(195deg,#0a6,#9f9);background:linear-gradient(195deg,#0a6,#9f9);}
.gradient-3 {background:-webkit-linear-gradient(195deg,#f40,#fba);background:linear-gradient(195deg,#f40,#fba);}
.gradient-4 {background:-webkit-linear-gradient(195deg,#969,#d9d);background:linear-gradient(195deg,#969,#d9d);}
.gradient-5 {background:-webkit-linear-gradient(195deg,#f33,#faa);background:linear-gradient(195deg,#f33,#faa);}
.gradient-6 {background:-webkit-linear-gradient(195deg,#f92,#ff7);background:linear-gradient(195deg,#f92,#ff7);}
.gradient-7 {background:-webkit-linear-gradient(195deg,#36a,#0ed);background:linear-gradient(195deg,#234,#000);}
.gradient-8 {background:-webkit-linear-gradient(195deg,#36a,#0ed);background:linear-gradient(195deg,#555,#888);}

.round-10 {border-radius:10px;}
.round-left-top {border-radius:20px 0 0 0;}
.round-left-bottom{border-radius:0 0 0 20px;}
/*layout*/
.d-block {display:block;}
.clear {clear:both;border:0;}
.float-left {float:left;}
.float-right {float:right;}

.fixed {position:fixed;}

.mx-auto {margin:0px auto;}
.my-auto {margin:auto 0px;}
.m-0 {margin:0}

.ml-1 {margin-left:5px;}
.ml-2 {margin-left:10px;}
.ml-3 {margin-left:15px;}

.mr-1 {margin-right:5px;}
.mr-2 {margin-right:10px;}
.mr-3 {margin-right:15px;}

.my-1 {margin:5px auto;}
.my-2 {margin:10px auto;}
.my-3 {margin:15px auto;}

.px-auto {padding:0px auto;}
.py-auto {padding:auto 0px;}
.p-0 {padding:0;}
.p-1 {padding:5px;}
.p-2 {padding:10px;}
.p-3 {padding:15px;}

.px-1 {padding-left:5px;padding-right:5px;}
.px-2 {padding-left:10px;padding-left:10px;}
.px-3 {padding-left:15px;padding-right:15px;}

.py-1 {padding-top:5px;padding-bottom:5px;}
.py-2 {padding-top:10px;padding-bottom:10px;}
.py-3 {padding-top:15px;padding-bottom:15px;}

.pl-1 {padding-left:5px;}
.pl-2 {padding-left:10px;}
.pl-3 {padding-left:10px;}

.pr-1 {padding-right:5px;}
.pr-2 {padding-left:10px;}
.pr-3 {padding-right:15px;}

/*special*/
.onthis {background:#333366;}
.ml-100px {margin-left:100px;}

/*bf_length*/
.container-fluid {width:100%;}
.container {width:80%;margin:0 auto;}
.w-100 {width:100%;}
.w-80 {width:80%;}
.w-75 {width:75%;}
.w-45 {width:45%;}
.w-25 {width:25%;}
/*px_length*/
.max-width {width:1180px;clear:both;}
.two-width {width:1080px;clear:both;}
.third-width {width:880px;}
.w-80px {width:80px;}
.w-240px {width:238px;}
.w-280px {width:278px;}
.w-300px {width:2980px;}
.w-450px {width:448px;}
.w-600px {width:598px;}
.w-880px {width:878px;}
.w-50 {width:50%;}
.w-100 {width:100%;}
.w-150 {width:150%;}
.w-300 {width:300%;}

/*border*/
.border {border:1px solid #ddd;}
.border-bottom {border-bottom:1px solid;}
.border-top {border-top:1px solid;}
.border-left {border-left:1px solid;}
.border-right {border-right:1px solid;}

.border-debug {border-color:red;}
.border-primary {border-color:#06f;}
.border-danger {border-color:#dc3545 ;}
.border-light {border-color:#ddd;}
/*text*/
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.font-weight-bold {font-weight:bold;}
.font-weight-normal {font-weight:normal;}

.h1 {font-size:1.5rem;font-weight:bold;} 
.h2 {font-size:1.4rem;font-weight:bold;} 
.h3 {font-size:1.2rem;font-weight:bold;}  
.h4 {font-size:1rem;font-weight:bold;} 
.h5 {font-size:0.9rem;font-weight:bold;} 

.font-size-09 {font-size:0.9rem;}
.font-size-08 {font-size:0.8rem;}

/*component*/
.cursor-pointer {cursor:pointer;}

.form-style {}
.form-style .form-input {height:38px;}
.form-style .form-search {height:40px;}

.img-fluid {display:block;max-width:100%;height:auto;}
.btn {}

.nav {background:#66f;height:45px;line-height:25px;font-size:1.2em;font-weight:bold;}
.nav li{float:left;width:90px;text-align:center;color:#eee;cursor:pointer;}
.nav li a{display:block;height:25px;margin:10px auto;color:#eee;font-family:Microsoft YaHei;border-right:1px solid #88f;}
.nav li:hover {background:#336;color:#fff;}
.nav li:hover a{color:#fff;text-decoration:none;}

.links {}
.links li {float:left;height:30px;border:1px solid #06f;border-radius:5px;margin:5px;padding:1px 4px;}
.links li a {color:#06f;}

.fenye {padding-left:15px;}
.fenye li {float:left;height:35px;line-height:35px;padding:0px;border:1px solid #ddd;min-width:35px;}
.fenye li.active a {background:#06f;color:#fff;}
.fenye li a {display:block;margin:0px;}

.to-top {display: inline-block; height: 40px;width: 40px;position: fixed;border-radius:2px;bottom: 40px;right: 10px;overflow: hidden;text-indent: 100%;white-space: nowrap;background:url(../images/bg_3.png) center center no-repeat #06f;}
.to-top:hover {background-color:#333;opacity:1;}

.my-content {color:#777;line-height:25px;font-size:0.8rem;font-family:arial,helvetica,sans-serif;}
.my-content h1 {clear:both;height:40px;margin:5px auto;text-align:center;font-size:20px;}
.my-content h2 {clear:both;height:35px;line-height:35px;margin:5px auto;padding-left:5px;text-align:left;font-size:16px;background:#eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.my-content img {max-width:100%;height:auto;}
.my-content a {text-decoration:none;color:#06f;font-weight:bold;}