@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;word-break:break-all;font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif;-webkit-text-size-adjust:none;box-sizing: border-box;}
body {margin:0;font-size:14px;color:#333333;background:#FFFFFF;}
form,input,select,textarea,td,th {font-size:14px;}
img {border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
a:link,a:visited,a:active {color:#333333;text-decoration:none;}
a:Hover{color:#f60;}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}
.clearfix{
    zoom: 1;
}

.bk_10{
    height: 10px;
    line-height: 10px;
    clear:both;
    visibility:hidden;
}
.bk_20{
    height: 20px;
    line-height: 20px;
    clear:both;
    visibility:hidden;
}
/*******背景********/
.bg_black{
    background:#000000;
}
/*******背景 END********/


/***********字体*************/
.px12{font-size:12px;}
.px14{font-size:14px;}
.px16{font-size:16px;}
.px18{font-size:18px;}
.px20{font-size:20px;}
.px22{font-size:22px;}
.px24{font-size:24px;}
.px26{font-size:26px;}
.px28{font-size:28px;}
.px30{font-size:30px;}
.px36{font-size:36px;}

.f_l {float:left;}
.f_r {float:right;}
.t_l {text-align:left;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.fw_b {font-weight:bold;}
.fw_n {font-weight:normal;}

.c_white,
.c_white a{color:#ffffff;}

.c_black,
.c_black a{color:#000000;}

.c_7,
.c_7 a{color:#777777;}

.c_9,
.c_9 a{color:#999999;}

.c_red,
.c_red a{
    color: #ff0000;}
/**************字体 END******************/

.flex_warp_between{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex_nowarp_between{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.img_scale{
    -webkit-transition: all 0.36s ease;
    -moz-transition: all 0.36s ease;
    -ms-transition: all 0.36s ease;
    -o-transition: all 0.36s ease;
    transition: all 0.36s ease;
}

.img_scale:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 5px !important;
}

.mt-1,
.my-1 {
    margin-top: 5px !important;
}

.mr-1,
.mx-1 {
    margin-right: 5px !important;
}

.mb-1,
.my-1 {
    margin-bottom: 5px !important;
}

.ml-1,
.mx-1 {
    margin-left: 5px !important;
}

.m-2 {
    margin: 10px !important;
}

.mt-2,
.my-2 {
    margin-top: 10px !important;
}

.mr-2,
.mx-2 {
    margin-right: 10px !important;
}

.mb-2,
.my-2 {
    margin-bottom: 10px !important;
}

.ml-2,
.mx-2 {
    margin-left: 10px !important;
}

.m-3 {
    margin: 15px !important;
}

.mt-3,
.my-3 {
    margin-top: 15px !important;
}

.mr-3,
.mx-3 {
    margin-right: 15px !important;
}

.mb-3,
.my-3 {
    margin-bottom: 15px !important;
}

.ml-3,
.mx-3 {
    margin-left: 15px !important;
}

.m-4 {
    margin: 20px !important;
}

.mt-4,
.my-4 {
    margin-top: 20px !important;
}

.mr-4,
.mx-4 {
    margin-right: 20px !important;
}

.mb-4,
.my-4 {
    margin-bottom: 20px !important;
}

.ml-4,
.mx-4 {
    margin-left: 20px !important;
}

.m-5 {
    margin: 25px !important;
}

.mt-5,
.my-5 {
    margin-top: 25px !important;
}

.mr-5,
.mx-5 {
    margin-right: 25px !important;
}

.mb-5,
.my-5 {
    margin-bottom: 25px !important;
}

.ml-5,
.mx-5 {
    margin-left: 25px !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 5px !important;
}

.pt-1,
.py-1 {
    padding-top: 5px !important;
}

.pr-1,
.px-1 {
    padding-right: 5px !important;
}

.pb-1,
.py-1 {
    padding-bottom: 5px !important;
}

.pl-1,
.px-1 {
    padding-left: 5px !important;
}

.p-2 {
    padding: 10px !important;
}

.pt-2,
.py-2 {
    padding-top: 10px !important;
}

.pr-2,
.px-2 {
    padding-right: 10px !important;
}

.pb-2,
.py-2 {
    padding-bottom: 10px !important;
}

.pl-2,
.px-2 {
    padding-left: 10px !important;
}

.p-3 {
    padding: 15px !important;
}

.pt-3,
.py-3 {
    padding-top: 15px !important;
}

.pr-3,
.px-3 {
    padding-right: 15px !important;
}

.pb-3,
.py-3 {
    padding-bottom: 15px !important;
}

.pl-3,
.px-3 {
    padding-left: 15px !important;
}

.p-4 {
    padding: 20px !important;
}

.pt-4,
.py-4 {
    padding-top: 20px !important;
}

.pr-4,
.px-4 {
    padding-right: 20px !important;
}

.pb-4,
.py-4 {
    padding-bottom: 20px !important;
}

.pl-4,
.px-4 {
    padding-left: 20px !important;
}

.p-5 {
    padding: 25px !important;
}

.pt-5,
.py-5 {
    padding-top: 25px !important;
}

.pr-5,
.px-5 {
    padding-right: 25px !important;
}

.pb-5,
.py-5 {
    padding-bottom: 25px !important;
}

.pl-5,
.px-5 {
    padding-left: 25px !important;
}

.m-n1 {
    margin: -5px !important;
}

.mt-n1,
.my-n1 {
    margin-top: -5px !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -5px !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -5px !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -5px !important;
}

.m-n2 {
    margin: -10px !important;
}

.mt-n2,
.my-n2 {
    margin-top: -10px !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -10px !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -10px !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -10px !important;
}

.m-n3 {
    margin: -15px !important;
}

.mt-n3,
.my-n3 {
    margin-top: -15px !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -15px !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -15px !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -15px !important;
}

.m-n4 {
    margin: -20px !important;
}

.mt-n4,
.my-n4 {
    margin-top: -20px !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -20px !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -20px !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -20px !important;
}

.m-n5 {
    margin: -25px !important;
}

.mt-n5,
.my-n5 {
    margin-top: -25px !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -25px !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -25px !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -25px !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}


.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}



.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}




/***修改placeholder的默认颜色：**/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #555555;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #555555;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #555555;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #555555;
}