@charset "UTF-8";
*{margin:0;padding:0;border:0;box-sizing:border-box;}
:root {
    --head-background-color:#3485d3;
    --foot-background-color:#333333;
    --primary-color:#8a1a1f;
    --secondary-color:#92601c;
    --accent-color:#f7c242;
    --text-color:#3a3737;
    --text-light:#8c8174;
    --text-bold:#212121;
    --bg-color:#f9f6f1;
    --card-color:#ffffff;
    --border-color:#e3d7c3;
     --light-gradient:linear-gradient(135deg, #f9f6f1 0%, #f1ece3 100%);
     --shadow-sm:0 2px 4px rgba(0, 0, 0, 0.05);
     --shadow-md:0 4px 8px rgba(0, 0, 0, 0.2);
     --shadow-lg:0 8px 16px rgba(0, 0, 0, 0.1); 
     --radius-sm:4px;
     --radius-md:8px;
     --radius-lg:12px;
    --transition-fast:0.2s ease;
    --transition-normal:0.3s ease;
    --transition-slow:0.5s ease;
    --font-family:"PingFang SC","Microsoft YaHei",sans-serif;
    --font-family-title:"STZhongsong","SimSun","NSimSun",serif;
}
body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);background-color:var(--bg-color);}
body,html{width:100%;height:100%;}
a{text-decoration:none;color:var(--primary-color);transition:all var(--transition-normal);}
a:hover{color:var(--accent-color);}
ul,ol,li{list-style:none;}
img{max-width:100%;height:auto;}
.clear{clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.mt10{margin-top:10px;}
.hidden{display:none;}
/*common*/
.flex-column{display:flex;flex-direction:column;}
.flex-row{display:flex;justify-content: space-between;}
.head{width:100%;height:auto;overflow:hidden;background-color:var(--head-background-color);}
.head-navbar .logo a{display:flex;flex-wrap:nowrap;}
.head-navbar{width:1080px;padding:0;position:relative;margin:0 auto;}
.head-navbar .logo{width:18%;height:65px;line-height:65px;}
.head-navbar .logo span{color:var(--card-color);font-weight:bold;font-size:20px;padding-left:1.5%;}
nav{height:65px;line-height:65px;}
.main-nav{display:flex;gap:20px;}
.main-nav li a {color:var(--card-color);font-weight:500;padding:0 10px;border-radius:4px;display:flex;align-items:center;gap:5px;}
.breadcrumb{width:1080px;margin:0 auto;position:relative;line-height:32px;border-bottom:1px solid var(--border-color);}
.breadcrumb .p15{padding:15px 0;}
.stit{display:block;position:relative;line-height:32px;border-bottom:1px solid var(--border-color);padding:10px 1%;}
.stit h2{font-size:16px;font-weight:bold;}
/*main box*/
.container{width:1080px;overflow:hidden;margin:10px auto 0 auto;}
.card{border-radius:13px;background:var(--card-color);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);height:100%;border:1px solid var(--border-color);}
.card-heading{line-height:42px;padding:15px 1%;text-align:left;border-bottom:1px solid var(--border-color);}
.card-heading h1{font-size:26px;}
.card-result-item{overflow:hidden;background:#faf7ee;padding:10px;}
.card-result-item ul li>em{font-style:normal;color:var(--text-bold);font-weight:bold;}
.card-result-item ul li{color:var(--text-color);line-height:40px;}
.card-result-item ul li>span{color:var(--text-light);line-height:26px;font-size:15px;}
.table td, .table th{padding:5px 2%;vertical-align:top;}
.table td, .table th{padding:5px 1%;}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;}
.table-surr-citys{margin:15px 1% 10px 1%;width:98%;color:var(--text-bold);border-collapse:collapse;}
.table-surr-citys thead{background-color:var(--bg-color);line-height:32px;}
.table-surr-citys th {text-align:left;}
.table-surr-citys tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05);}
.table-surr-citys .table-title{width:260px;}
.table-surr-citys .p1{min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.table-surr-citys .ft1{display:flex;flex-direction:column;color:var(--text-light);padding:5px 1% 5px 4%;}
.table-surr-citys .ft1 span{font-size:13px;}
.card-province-list,.card-popular-list{padding:15px 1%;}
.card-province-list ul,.card-popular-list ul{display:flex;flex-wrap:wrap;}
.card-province-list ul li{width:19%;position:relative;white-space:nowrap;margin:5px 0.5%;}
.card-province-list ul li a{overflow:hidden;font-size:15px;padding:10px;border:1px solid #e8e2d4;display:block;text-align:center;}
.card-popular-list ul li{width:32.333%;position:relative;margin:5px 0.5%;border-bottom:1px solid #E1E1E1;line-height:32px;padding:10px;}
.card-popular-list ul li a{font-size:14px;width:70%;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.card-popular-list ul li>span{text-align:right;float:right;color:var(--text-light);}
/*page*/
.more{width:15%;margin:10px auto;}
.more a{background-color:#decaa7;border-radius:13px;padding:5px 1%;display:block;text-align:center;}
.pageno{text-align:center;clear:both;margin:15px 0;border-top:1px solid #dcd3bd;padding-top:15px;}
.pageno a{display:inline-block;vertical-align:middle;}
.pageno .st{width:35px;height:28px;background:#ece7d9;color:#333;line-height:28px;margin:0 6px;}
.pageno .st.active{background:#676552;color:#fff;}
/*foot*/
.foot{color:#fff;background-color:var(--bg-color);padding-top:15px;}
.foot-copyright{height:64px;line-height:64px;text-align:center;background-color:var(--foot-background-color);padding-top:15px;}
.foot-copyright p{color:#666;text-align:center;line-height:26px;overflow:hidden;}
@media (max-width:800px){
    .head-navbar{width:98%;margin:0 1%;}
    .head-navbar .logo{width:50%;}
    .breadcrumb{width:99%;}
    .container{width:100%;}
    .card-province-list ul li{width:32%;}
    .card-popular-list ul li{width:99%;}
    .table-surr-citys .ft1{padding: 5px 1% 5px 2%;}
    .hide{display:none;}
    .table-surr-citys .p1{white-space:normal;font-size:15px;}
    .card{border-radius:0;}
}