.layui-bg-black{background-color: #000!important;}
.layui-bg-red{background-color: #F56C6C!important;}
.layui-bg-orange{background-color: #FFB800!important;}
.layui-bg-yellow{background-color: #E6A23C!important;}
.layui-bg-green{background-color: #67C23A!important;}
.layui-bg-cyan{background-color: #1E9FFF!important;}
.layui-bg-blue{background-color: #409EFF!important;}
.layui-bg-gray{background-color: #393D49!important;}
.layui-bg-white{background-color: #fff!important;}
.layui-bg-warmpink{background-color: #FF69B4!important;}
.layui-bg-molv{background-color: #EA5455!important;}
.layui-bg-snow{background-color: #fff!important;}

.layui-input:focus{border-color: #409EFF!important; box-shadow:0 0 0 3px rgba(22,183,119,.08)!important;}
.test{ color: #16b777;}
.tc{ text-align: center;}
/*home page*/
html{ position: relative;}

#top{ background-color: #2D34BF; height: 60px;}
.flex-box{ display: flex; justify-content: space-between;}
.nav{flex: 4;}
.user-info{ flex: 2;}
.user-info>.layui-nav{ text-align: right;}
.user-info dd{text-align: left;}
.kf-icon{ width: 24px; height: 24px; vertical-align: middle;}
#top .layui-nav{background-color: transparent;}
#top .layui-nav .layui-nav-bar{display: none;}
#top .layui-nav .layui-nav-item{ height: 60px; line-height: 60px;}

.ad{ margin-top: 20px;}
#ad01{ width: 1200px; height: 100px; margin-left: auto; margin-right: auto;}

.search-box{ margin-left: auto; margin-right: auto;}
.main-input .layui-input, .main-input .layui-input-split{ border-color: #2D34BF !important; border-width: 2px;}
.search-box .layui-input-split{ background-color: #2D34BF; color: #FFF;}
.so-form{ width: 600px; margin-left: auto; margin-right: auto;}

.result-table{ width: 1200px; margin-left: auto; margin-right: auto;}
.result-table thead th{ background-color: #2D34BF; color: #FFF; text-align: center;}

.wp1200{ width: 1200px; margin-left:auto; margin-right: auto;}
.nav-first{ background: url("../images/sp_01.png") no-repeat right center;}

.pages{}

/*page*/
.page-view{}
    .page-view h1{ font-size: 22px; height: 100px; line-height: 80px; border-bottom: 3px #EEE double; text-align: center;}
    .page-content{ line-height: 20px; margin-top: 20px;}

/*ad float*/
.ad-item{ position: fixed; top: 200px; width: 200px; height: 480px; background-color: #1d6fa5; color: #FFF;}
.ad-left{ left: 20px;}
.ad-right{ right: 20px;}

#ft{ height: 60px; margin-top: 20px;}
    .copyrgiht{ line-height: 60px; text-align: center;}
    .ft-contact{ text-align: center;}