@charset "utf-8";
/*!
 * youqi-ui.css — 老站页面适配 Destoon 8.0 的轻量兼容层
 * 仅实现 youqipinpai 页面实际用到的栅格 / 工具类 / 折叠 / 轮播样式
 * 全部限定在 .youqi-legacy 作用域内，避免污染 Destoon 全站样式
 */
.youqi-legacy,.youqi-legacy *,.youqi-legacy *:before,.youqi-legacy *:after{box-sizing:border-box}
.youqi-legacy{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0}
.youqi-legacy article,.youqi-legacy aside,.youqi-legacy figure,.youqi-legacy footer,.youqi-legacy header,.youqi-legacy main,.youqi-legacy nav,.youqi-legacy section{display:block}
.youqi-legacy a{background-color:transparent;text-decoration:none}
.youqi-legacy a:active,.youqi-legacy a:hover{outline:0}
.youqi-legacy h1,.youqi-legacy h2,.youqi-legacy h3,.youqi-legacy h4,.youqi-legacy h5,.youqi-legacy h6{margin:0;font-weight:700;color:#333}
.youqi-legacy h4{font-size:18px}
.youqi-legacy h5{font-size:14px}
.youqi-legacy p{margin:0 0 10px}
.youqi-legacy img{border:0;vertical-align:middle}
.youqi-legacy dl,.youqi-legacy ol,.youqi-legacy ul{margin:0;padding:0}
.youqi-legacy dd{margin:0}
.youqi-legacy table{border-collapse:collapse;border-spacing:0;background-color:transparent}
.youqi-legacy th,.youqi-legacy td{padding:0}
.youqi-legacy button,.youqi-legacy input,.youqi-legacy select,.youqi-legacy textarea{font:inherit;color:inherit;margin:0}
.youqi-legacy button{overflow:visible;text-transform:none;cursor:pointer}
.youqi-legacy .img-responsive,.youqi-legacy img.img-responsive{display:block;max-width:100%;height:auto}
.youqi-legacy .center-block{display:block;margin-left:auto;margin-right:auto}
.youqi-legacy .clearfix:before,.youqi-legacy .clearfix:after{content:"";display:table}
.youqi-legacy .clearfix:after{clear:both}
.youqi-legacy .text-left{text-align:left!important}
.youqi-legacy .pull-left{float:left!important}
.youqi-legacy .pull-right{float:right!important}
.youqi-legacy .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.youqi-legacy .hide{display:none!important}
.youqi-legacy .show{display:block!important}
/* 容器与栅格（与 Bootstrap 3 的断点保持一致） */
.youqi-legacy .container-fluid{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}
.youqi-legacy .row{margin-left:-15px;margin-right:-15px}
.youqi-legacy .row:before,.youqi-legacy .row:after{content:"";display:table}
.youqi-legacy .row:after{clear:both}
.youqi-legacy [class^="col-"],.youqi-legacy [class*=" col-"]{position:relative;min-height:1px}
@media (min-width:768px){
.youqi-legacy [class^="col-"],.youqi-legacy [class*=" col-"]{float:left;padding-left:15px;padding-right:15px}
.youqi-legacy .col-sm-5{width:41.66666667%}
.youqi-legacy .col-sm-7{width:58.33333333%}
.youqi-legacy .col-sm-12{width:100%}
}
@media (min-width:992px){
.youqi-legacy .col-md-4{width:33.33333333%}
.youqi-legacy .col-md-5{width:41.66666667%}
.youqi-legacy .col-md-6{width:50%}
.youqi-legacy .col-md-7{width:58.33333333%}
.youqi-legacy .col-md-8{width:66.66666667%}
}
@media (min-width:1200px){
.youqi-legacy .col-lg-3{width:25%}
.youqi-legacy .col-lg-5{width:41.66666667%}
.youqi-legacy .col-lg-7{width:58.33333333%}
.youqi-legacy .col-lg-8{width:66.66666667%}
.youqi-legacy .col-lg-9{width:75%}
}
/* 响应式显隐 */
@media (max-width:767px){.youqi-legacy .hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.youqi-legacy .hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.youqi-legacy .hidden-md{display:none!important}}
@media (min-width:1200px){.youqi-legacy .hidden-lg{display:none!important}}
.youqi-legacy .visible-xs{display:none!important}
@media (max-width:767px){.youqi-legacy .visible-xs{display:block!important}}
/* 按钮 */
.youqi-legacy .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.youqi-legacy .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.youqi-legacy .btn-primary:hover,.youqi-legacy .btn-primary:focus{color:#fff;background-color:#286090;border-color:#204d74}
.youqi-legacy .btn-block{display:block;width:100%}
/* 折叠 */
.youqi-legacy .collapse{display:none}
.youqi-legacy .collapse.in{display:block}
.youqi-legacy .collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
/* 轮播 */
.youqi-legacy .carousel{position:relative}
.youqi-legacy .carousel-inner{position:relative;width:100%;overflow:hidden}
.youqi-legacy .carousel-inner>.item{position:relative;display:none;transition:opacity .6s ease-in-out}
.youqi-legacy .carousel-inner>.item.active{display:block}
.youqi-legacy .carousel-inner>.item>img,.youqi-legacy .carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;line-height:1}
.youqi-legacy .carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.youqi-legacy .carousel-control{position:absolute;top:0;bottom:0;left:0;z-index:15;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background:0 0;opacity:.5}
.youqi-legacy .carousel-control.right{right:0;left:auto}
.youqi-legacy .carousel-control:hover{color:#fff;opacity:.9}
.youqi-legacy .carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.youqi-legacy .carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.youqi-legacy .carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}
/* 图标字体 */
@font-face{font-family:"Glyphicons Halflings";src:url(glyphicons-halflings-regular.eot);src:url(glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(glyphicons-halflings-regular.woff2) format("woff2"),url(glyphicons-halflings-regular.woff) format("woff"),url(glyphicons-halflings-regular.ttf) format("truetype"),url(glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");font-display:swap}
.youqi-legacy .glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.youqi-legacy .glyphicon-chevron-left:before{content:"\e079"}
.youqi-legacy .glyphicon-chevron-right:before{content:"\e080"}
/* 顶部导航条（原 Bootstrap 3 navbar 的精简实现，样式细节由 youqi_theme.css 的 .myMenu 覆盖） */
.youqi-legacy .nav{list-style:none;margin:0;padding:0}
.youqi-legacy .nav:before,.youqi-legacy .nav:after{content:"";display:table}
.youqi-legacy .nav:after{clear:both}
.youqi-legacy .navbar{position:relative;z-index:100;margin:0;padding:0;background:#fff}
.youqi-legacy .navbar-header{margin:0;padding:0}
.youqi-legacy .navbar-header:before,.youqi-legacy .navbar-header:after{content:"";display:table}
.youqi-legacy .navbar-header:after{clear:both}
.youqi-legacy .navbar-brand{float:left;display:block;font-size:18px;line-height:20px;white-space:nowrap}
.youqi-legacy .navbar-brand>img{display:inline-block}
.youqi-legacy .navbar-collapse{width:auto}
.youqi-legacy .navbar-collapse:before,.youqi-legacy .navbar-collapse:after{content:"";display:table}
.youqi-legacy .navbar-collapse:after{clear:both}
/* 关键：桌面端始终展开菜单（.navbar-collapse 带 .collapse 类，否则会被 .collapse{display:none} 整体隐藏） */
.youqi-legacy .navbar-collapse.collapse{display:block!important;height:auto!important;overflow:visible!important}
@media (min-width:768px){
.youqi-legacy .navbar-collapse.collapse{display:block!important;height:auto!important;overflow:visible!important}
.youqi-legacy .navbar-nav{float:left}
.youqi-legacy .navbar-toggle{display:none!important}
}
.youqi-legacy .navbar-nav{float:left}
.youqi-legacy .navbar-nav>li{float:left;position:relative}
.youqi-legacy .navbar-nav>li>a{display:block;text-decoration:none}
.youqi-legacy .navbar-right{float:right!important}
.youqi-legacy .navbar-left{float:left!important}
.youqi-legacy .navbar-toggle{display:none;float:right;padding:6px 12px;margin:8px 15px 8px 0;background:transparent;border:1px solid transparent;border-radius:4px}
.youqi-legacy .navbar-toggle .icon-bar{display:block;width:22px;height:2px;margin:3px 0;background:#888;border-radius:1px}
.youqi-legacy .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ddd;border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.1)}
.youqi-legacy .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;text-decoration:none}
.youqi-legacy .dropdown-menu>li>a:hover{background-color:#f5f5f5}
/* 宽度自适应浏览器：去掉老站固定的 1664px 容器，统一为 100% 宽 + 左右留白 */
.youqi-legacy .myMenu,
.youqi-legacy .navbar-default,
.youqi-legacy .myCarousel,
.youqi-legacy .myContainerWrapper{
max-width:100%!important;
width:100%!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box
}
.youqi-legacy .container-fluid{
max-width:100%!important;
width:100%!important;
margin-left:0!important;
margin-right:0!important;
padding-left:40px!important;
padding-right:40px!important;
box-sizing:border-box
}
.youqi-legacy .myContainerWrapper>.container-fluid{
padding-left:0!important;
padding-right:0!important
}
/* .hideSubMenu 绝对定位在导航下方 40px 处，补足间距避免压住下面的内容 */
.youqi-legacy .myMenu{margin-bottom:40px!important}
.youqi-legacy .myCarousel .carousel-inner img{
width:100%!important;
max-width:100%!important;
height:auto!important
}
@media (max-width:991px){
.youqi-legacy .container-fluid{padding-left:20px!important;padding-right:20px!important}
}
@media (max-width:767px){
.youqi-legacy .container-fluid{padding-left:15px!important;padding-right:15px!important}
}
/* 导航内部与本站 header 的 1220 容器完全对齐：LOGO 贴左边界，一级菜单贴右边界 */
.youqi-legacy .myMenu>.container-fluid{
position:relative!important;
max-width:1220px!important;
width:100%!important;
margin:0 auto!important;
padding:0!important;
height:88px
}
.youqi-legacy .myMenu .navbar-header{
position:absolute!important;
left:0;top:0;height:88px;
display:flex;align-items:center;
margin:0;float:none
}
.youqi-legacy .myMenu .navbar-brand{margin:0!important;padding:0;float:none;max-width:none}
.youqi-legacy .myMenu .navbar-brand img{display:block;width:auto;max-width:200px;height:auto}
.youqi-legacy .myMenu .navbar-collapse{
position:absolute!important;
left:0;right:0;top:0;height:88px;
margin:0;padding:0;border:0;float:none;width:auto
}
.youqi-legacy .myMenu .myNavbarWrap{
position:absolute!important;
right:0!important;top:0;
height:88px;display:flex;align-items:center;
float:none!important;margin:0!important
}
.youqi-legacy .myMenu .navbar-nav{float:none!important;display:flex;align-items:center;justify-content:flex-end;gap:0;margin:0;padding:0;height:88px}
.youqi-legacy .myMenu .navbar-nav>li>a{padding:29px 22px!important}
.youqi-legacy .myMenu .navbar-nav>li{float:none;flex:0 0 auto;height:88px;display:flex;align-items:center}
/* 深灰底 + 白色文字 */
.youqi-legacy .myMenu,
.youqi-legacy .myMenu .navbar-default{background-color:#3a3a3a!important}
.youqi-legacy .myMenu .navbar-collapse,
.youqi-legacy .myMenu .myNavbarWrap{background-color:transparent!important}
.youqi-legacy .myMenu .navbar-nav>li>a{background-color:transparent!important;color:#fff!important}
.youqi-legacy .myMenu .navbar-nav>li.active>a{background-color:#0f3854!important;color:#fff!important}
.youqi-legacy .myMenu .navbar-nav>li>a:hover{color:#9fe0dc!important;background-color:transparent!important}
/* 隐藏老站遗留的搜索框（本站 header 已有搜索） */
.youqi-legacy .myMenu .navbar-form{display:none!important}
/* 广告横幅自适应：图片随容器等比缩放，不撑破页面 */
.youqi-legacy .myAdvertise{width:100%;max-width:100%;overflow:hidden}
.youqi-legacy .myAdvertise img,.youqi-legacy .myAdvertise a>img{display:block;width:100%;height:auto;max-width:100%}
@media (max-width:767px){.youqi-legacy .myAdvertise img{width:100%;height:auto}}
