@charset "utf-8";
/**
*
@Author: MiniHui
@Date: Thu Jun 20 2019 08:47:11 GMT+0800 (GMT+08:00)
*
*/
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, input, textarea, label, ul, ol, dl, li, dt, dd, .clearfix:after { margin: 0; padding: 0; }
html, body { height: 100%; }
body { padding: 0; margin: 0; /*font-family: 'PingFang SC', 'Lantinghei SC', 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'sans-serif' !important;*/ font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif; }
h1, h2, h3, h4 { font-weight: normal; }
li { list-style-type: none; }
a { text-decoration: none; outline: none; color: #333; }
a:hover { text-decoration: none; color: #3773db; }
a { -webkit-transition: all 0.4s; transition: all 0.4s; }
a:hover { color: #ff9724 !important; background-color: transparent; -webkit-text-decoration-skip: objects; }
table { border-collapse: collapse; border-spacing: 0; }
iframe, img { border: 0; }
img { vertical-align: middle; }
input { outline: none; }
button { border: 0; outline: 0; }
/* 图片地址 */
/* 颜色 */
/* 屏幕尺寸 */
html, body { position: relative; }
.clearfix { display: block; }
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }
body { background: #f8f8f8; }
.container { width: 1200px; margin: 0 auto; position: relative; }
.top { width: 100%; height: 100px; }
.logo { width: 233px; height: 52px; background: url("//www.xinhuanet.com/video/zt/yh2019/images/logo.png") 0 0 no-repeat; margin: 24px auto; }
.nav { font-size: 18px; line-height: 100px; color: #000; }
.nav a { color: #000; position: relative; }
.nav a:first-child:before { display: none; }
.nav a.on { color: #f39800; font-weight: bold; }
.nav a.on:before { color: #000; }
.nav a:before { content: "|"; margin-left: 28px; margin-right: 28px; }
.colTitle { position: relative; height: 44px; margin-bottom: 65px; }
.colTitle img { position: relative; z-index: 3; background: #f8f8f8; margin-top: 3px; padding-right: 15px; }
.colTitle a { position: relative; z-index: 3; line-height: 44px; color: #333333; margin-right: 20px; font-size: 18px; }
.colTitle:after { content: ""; background: #efefef; height: 38px; width: 100%; display: block; position: absolute; right: 0; top: 3px; z-index: 1; }
/* .recommend {
    margin-top: 50px;
}

.yhj {
    float: left;
    position: relative;
    .layer {
        right: -450px;
        top: -350px;
        z-index: 5;
    }
}

.yht {
    float: right;
    position: relative;

    .layer {
        left: -450px;
        top: -350px;
        z-index: 5;
    }
}

.layer {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.13);
    width: 900px;
    height: 477px;
    padding: 90px 148px;
    box-sizing: border-box;
}

.layer-tit {
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    margin-bottom: 15px;
    font-weight: bold;
}

.layer-txt,
.layer-link {
    font-size: 18px;
    line-height: 38px;
}
.layer-link{
    font-weight: bold;
    margin-top: 10px;
}
.layer-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: url($ImgSrc + "layer-close.png") 0 0 no-repeat;
    cursor: pointer;
}

.foot-logo {
    margin: 30px auto;
    text-align: center;
}


.foot-tips {
    text-align: center;
    margin-bottom: 20px;

    &:after {
        content: "";
        width: 385px;
        height: 1px;
        margin: 20px auto;
        background: #939393;
        display: block;
    }

}

.foot-links {
    text-align: center;
}

.foot {
    margin-top: 25px;
    margin-bottom: 20px;

    a {
        color: #939393;
        font-size: 18px;
        line-height: 30px;
        margin-left: 10px;
        margin-right: 10px;
    }
} 
 */
.detail-mid { margin-top: 40px; }
.detail-intro { width: 705px; padding-left: 40px; position: relative; }
.detail-intro::before { content: ""; width: 13px; height: 100%; left: 0; top: 0; background: #2a2a2a; display: block; position: absolute; }
.intro-name { font-size: 18px; }
.intro-tit { font-size: 30px; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #2a2a2a; }
.intro-txt { font-size: 18px; line-height: 30px; }
.detail-playWay { width: 382px; padding-left: 30px; background: url("//www.xinhuanet.com/video/zt/yh2019/images/play-way.png") 0 10px no-repeat; }
.detail-playWay img { margin-left: 10px; margin-right: 10px; margin-bottom: 15px; }
.detail-bot { margin-top: 60px; }
.detail-content { width: 745px; /*height: 452px; overflow: auto;*/ }
.detail-content p { margin-bottom: 18px; font-size: 16px; line-height: 36px; }
.detail-content p img { /*margin-bottom: -15px; */}
.detail-bouti { width: 382px; padding-left: 30px; background: url("//www.xinhuanet.com/video/zt/yh2019/images/boutique.png") 0 10px no-repeat; }
.detail-bouti li { width: 381px; height: 215px; margin-top: 23px; position: relative;  }
.detail-bouti li:first-child { margin-top: 0; }
.detail-bouti li img { width: 381px; height: 215px; }
.bouti-tit { position: absolute; width: 90%; left: 0; bottom: 0; font-size: 18px; line-height: 30px; padding: 5px 5%; color: #fff; background: rgba(0, 0, 0, 0.7); z-index: 3; }
.bouti-tit a { color: #fff; }
/* 手机版样式 by LHR 190627 */
.domPC { display: block; }
.domMobile { display: none; }
 @media screen and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
.pageVideo{ width:100%!important; height:220px!important;}
.logo { width: 100%; float: none; background: #fff url("//www.xinhuanet.com/video/zt/yh2019/images/20190626_yhMob_logo_v1.png") 50% 50% no-repeat; padding: 24px 0; margin: 0 auto; background-size: auto 50%; border-bottom: 1px solid #ccc; }
.container { width: 100%; }
.nav { display: none; }
.detail-iframe {width: 100%; height: auto; margin-top: 10px;}
.detail-iframe iframe{ width: 100%; height: auto;}
.detail-mid { width: 90%; margin: 20px auto 0;}
.detail-bot { width: 90%; margin: 0 auto;}
.intro-tit { font-size: 24px;}
.intro-txt { font-size: 16px;}
.detail-intro{ width: auto;padding-left: 24px; margin-bottom: 20px;}
.detail-playWay { display: none;}
.detail-bouti { width: 100%; padding: 0; background: none; margin-top: 20px;}
.detail-bouti h2 {background: url("//www.xinhuanet.com/video/zt/yh2019/images/20190626_yhMob_jptj_v2.png") 0 0 no-repeat;text-indent: -99999em;margin-bottom: 10px;background-size: auto 100%;}
.detail-bouti li { width: 100%; height: auto; float: left; margin-top: 0;margin-bottom: 10px;}
.detail-bouti li + li { float: right;}
.detail-bouti li img { width: 100%; height: auto;}
.bouti-tit { position: relative;    background: #efefef; color: #575757;}
.bouti-tit a {color: #575757}
.detail-content { width: 100%;height: auto;}
.detail-content p img { width: 100%!important; height: auto!important;}
.yhj { margin-bottom: 10px; }
.yhj img { width: 100%; height: auto; }
.yht img { width: 100%; height: auto; }
#foot .recommend { margin-top: 30px;}
.recommend .layer { width: 90%; }
.recommend .yhj .layer { right: auto; left: 50%; margin-left: -45%; padding: 30px 20px; top: 0; height: auto; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.13); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.13); }
.recommend .layer-tit { padding-top: 18px; font-size: 22px; margin-bottom: 0; }
.recommend .layer-txt,  .recommend .layer-link { font-size: 16px; line-height: 32px; }
.recommend .layer-close { right: 10px; top: 10px; }
.recommend .yht .layer { right: auto; left: 50%; top: 0; }
.recommend .yht .layer { right: auto; left: 50%; margin-left: -45%; padding: 30px 20px; top: 0; height: auto; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.13); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.13); }
.footer .foot-tips:after { width: 100%; margin: 10px auto; display: none; }
#foot .foot a { font-size:16px;line-height: 26px;}
.footer { margin-top: 20px; }
.footer img { width: 100%; height: auto; }
.footer dl { width: 90%; margin: 20px auto 10px; color: #939393; overflow: hidden; }
.footer dl a { color: #939393; padding-right: 5px; }
.footer dt { width: 35%; float: left; margin-left: 3%; }
.footer dd { width: 60%; float: right; font-size: 12px; line-height: 20px; }
.footer .foot-tips { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; text-align: left; }
.footer .foot-links { text-align: left;}
}
/*# sourceMappingURL=maps/xl.css.map */