﻿@charset "utf-8";
/* 网站管理后台，重写样式 */
/* 解寒召 */
*{margin: 0;padding: 0;box-sizing: border-box;}
html{background-color:#fff;color:#333;}
table {border-collapse: collapse;border-spacing: 0;}
table th, table td {padding: 5px;}
img {border: 0;max-width: 100%;}
ol, ul {list-style: none;}
a:focus {outline: none;}
p {word-spacing: -1.5px;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select {*font-size:100%;}
input, select {vertical-align: middle;}
select, input, button, textarea, button {font: 99% arial, helvetica, clean, sans-serif;}
table {font-size: inherit;font: 100%;border-collapse: collapse;}
pre, code, kbd, samp, tt {font-family: monospace;*font-size:108%;line-height: 100%;}
h1 {font-size: 32px;}
h2 {font-size: 26px;}
h3 {font-size: 20px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
body {background-color: #fff;overflow-x: hidden;color: #333;font-size: 15px;font-family: microsoft yahei;position: relative;overflow-x: hidden;overflow-y: auto;}
/*通用样式*/
.hidden {visibility: hidden;}
.none{display: none;}
.clear {clear: both;height: 0;line-height: 0;font-size: 0;}
/*文字对齐样式*/
.tl {text-align: left!important;}
.tc {text-align: center!important;}
.tr {text-align: right!important;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
/*文字颜色*/
.red{color: red;}
.green{color: green;}
.blue{color: blue;}

/*最小宽度*/
.mw150{min-width: 150px!important;}
.mw170{min-width: 170px!important;}
.mw250{min-width: 250px!important;}
/*宽度*/
.w1200{width: 1200px!important;}
.w1000{width: 1000px!important;}
.w800{width: 800px!important;}
.w750{width: 750px!important;}
.w600{width: 600px!important;}
.w100{width: 100px!important;}
.w80{width: 80px!important;}
.w10{width: 10px!important;}
.wbf80{width: 80%!important;}
/*最小高度*/
.mh1000{min-height: 1000px;}
/*高度*/
.h50{height: 50px;}
/*左距*/
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
/* 空行 */
.line30{width: 100%;height: 30px;clear: both;}
.line40{width: 100%;height: 40px;clear: both;}
.line50{width: 100%;height: 50px;clear: both;}
.line60{width: 100%;height: 60px;clear: both;}
.line70{width: 100%;height: 70px;clear: both;}

/*背景颜色*/
.bgc999{background-color:#999;}
.bgcwx{background-color: #339900;}
.bgc{background-color: #F4E9E3;}

/* 字体 */
.font-f{font-family: 'Lexend',sans-serif;}

/* 主题与颜色 */
.color{color: #7e8427!important;}
a {color: #333;text-decoration: none;}
a:hover {color: #7e8427;text-decoration: none;}

/* 宽度布局 */
.full{width: 100%;}

/* 按钮 */
.btn1{background-color: #f2f2f2; color: #000;}
.btn1:hover{background-color: #7E8427; color: #fff;}
.btn2{background-color: #7E8427; color: #fff;}
.btn2:hover{background-color: #C89374; color: #000;}

/* 修改body高度 */
body{min-height: 100%;}

/*相应式布局*/
/* 大于750时生效 */
@media screen and (min-width:751px){
/* 版芯 */
.main{width: 1200px;margin: 0 auto;}
/* 撑满页面 */
.index {display: flex;flex-direction: column;min-height: 100vh;}
.con{flex: 1;}
/* 顶部 */
.index .top{width: 100%;height: 100px;margin:100px 0;text-align: center;font-size: 50px;}
/* 中间菜单 */
.index .mid{width: 100%;}
.index .mid ul{display:flex;justify-content:center;align-items:center;}
.index .mid ul li{text-align: center;}
.index .mid ul li a{border:1px solid #999;border-radius: 20px;display: block;margin:10px;height:180px;width: 230px;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #000;}
.index .mid ul li a:hover{border:1px solid #3399ff; color: #3399ff;}
.index .mid ul li a i{font-size: 58px;}
.index .mid ul li a p{font-size: 28px;}
/* 底部 */
.index .footer{text-align: center;height: 80px;line-height: 80px;background-color: #f2f2f2;}
.index .footer p{font-size: 16px;}



}/* 结束 */
/* **************************************************************************** */

/*xs-小于750时生效*/
@media screen and (max-width:750px){
/* 版芯 */
.main{width: 100%;margin: 0 auto;}
/* 撑满页面 */
.index {display: flex;flex-direction: column;min-height: 100vh;}
.con{flex: 1;}
/* 顶部 */
.index .top{width: 100%;height: 100px;margin:60px 0;text-align: center;font-size: 30px;padding:0 15px;}
/* 中间菜单 */
.index .mid{width: 100%;}
.index .mid ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.index .mid ul li{text-align: center;width: 50%;}
.index .mid ul li a{border:1px solid #999;border-radius: 20px;display: block;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #000;padding:5px;margin:0 15px 20px 15px;}
.index .mid ul li a:hover{border:1px solid #3399ff; color: #3399ff;}
.index .mid ul li a i{font-size: 45px;}
.index .mid ul li a p{font-size: 24px;}
/* 底部 */
.index .footer{text-align: center;height: 80px;line-height: 80px;background-color: #f2f2f2;}
.index .footer p{font-size: 16px;}





}/* 结束 */
/* **************************************************************************** */






















}/* 结束 */
/* **************************************************************************** */
/* 通用样式 */
.no-data{color: #7e8299;padding-left: 30px;padding-top: 15px;}
/*分页样式*/
.pglist {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pglist ul{display:inline-block;}
.pglist ul li { display:inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pglist ul li:hover{ background:#ddc5c5; color:#fff;border: 1px solid #ccc}
.pglist ul li:hover a{color:#fff;}
.pglist ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;background: #ccc;color: #fff;}
.pglist ul li.thisclass a {color: #fff;}
.pglist ul li.active {display: inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;background: #ddc5c5;color: #fff;}
.pglist ul li.active a {color: #fff;}
.pglist ul li a{ display:block;color:#999;line-height: 20px;}
.pglist ul li a:hover {color: #fff;}
.pglist ul li strong{padding:5px;}

/*tp调试框*/
#think_page_trace_open{z-index: 99999999999;}