/**
* @description: 芸果轩
* @author: 石头
* @author url: https://www.yunguoxuan.com/
* @update: 2019-06-08 16:18
**/

@import "../../images/yunguoxuan/iconfont/iconfont.css";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; font-weight: 400; vertical-align: baseline; background: transparent; }
html { width: 100%; margin: 0 auto; background: #f8f8f8; _background: url(about:black) no-repeat fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { width: 100%; margin: 0 auto; font-family: 'Helvetica Neue', 'Helvetica', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif'; font-size: 14px; font-weight: 400; color: #222; background: #f8f8f8; word-wrap: break-word; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
* { margin: 0; padding: 0; }
.clearfix:after { display: block; height: 0; overflow: hidden; visibility: hidden; clear: both; content: "."; }
.clearfix { zoom: 1; }
ol, ul { list-style: none; }
i, em { font-style: normal; }
img { -ms-interpolation-mode: bicubic; }
a { text-decoration: none; color: #222; cursor: pointer; }
a:link { color: #222; }
a:visited { color: #222; }
a:hover { text-decoration: none; color: #ff9f00; }
.keylink { border-bottom: 1px dotted #ff9f00; }
.keylink:hover { text-decoration: none; color: #ff9f00; }
.keylink:visited { border-bottom: 1px dotted #ff9f00; }

@media only screen and (max-width: 760px) {
html { min-width: 300px; }
body { min-width: 300px; }
a, button, input { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: none; background: none; box-shadow: none; }
a:hover { color: #222; }
}

/* 全局 */
.mobile { display: none !important; }
.none { display: none; }
.main { width: 1200px; overflow: hidden; margin: 0 auto; }
.sideLeft { float: left; width: 800px; overflow: hidden; }
.sideRight { float: right; width: 380px; overflow: hidden; }
.overVis { overflow: visible !important; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb30 { margin-bottom: 30px; }
.listTit { float: left; width: 760px; height: 54px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 18px; line-height: 54px; font-weight: 700; }
.listTit span { float: left; width: 5px; height: 19px; overflow: hidden; margin: 18px 10px 16px 0; border-radius: 5px; background: #209e85; }
.rightTit { float: left; width: 340px; height: 54px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 16px; line-height: 54px; font-weight: 700; }
.rightTit span { float: left; width: 5px; height: 18px; overflow: hidden; margin: 18px 10px 18px 0; border-radius: 5px; background: #209e85; }
.crumbs { float: left; width: 760px; height: 54px; overflow: hidden; margin-top: 20px; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 14px; line-height: 54px; background: #fff; }
.crumbs:after { float: left; margin-right: 8px; font-family: "iconfont"; content: "\e6b8"; font-size: 17px; }
.emptyShow { float: left; height: 30px; overflow: hidden; padding: 15px 20px; font-size: 15px; line-height: 30px; }
.reminder { float: left; width: 1160px; overflow: hidden; margin-top: 20px; padding: 20px; background: #fff; }
.reminder p { float: left; width: 1120px; overflow: hidden; padding: 15px 19px; border: 1px dashed #ff9f00; font-size: 15px; line-height: 1.9; text-align: justify; color: #666; }
.remMore { float: left; width: 1192px; overflow: hidden; margin-top: 20px; padding: 20px 4px; background: #fff; }
.remMore a { float: left; width: 178px; height: 40px; overflow: hidden; margin: 0 0 0 16px; border: 1px solid #f5f5f5; border-radius: 2px; font-size: 15px; line-height: 40px; text-align: center; }

@media only screen and (max-width: 760px) {
.pc { display: none !important; }
.mobile { display: block !important; }
.main { width: 10rem; }
.sideLeft { width: 10rem; }
.sideRight { float: left; width: 10rem; }
.mt20 { margin-top: 0.4rem; }
.mt30 { margin-top: 0.4rem; }
.mb30 { margin-bottom: 0.4rem; }
.listTit { display: flex; width: 9.2rem; height: 1.4rem; padding: 0 0.4rem; font-size: 0.45rem; line-height: normal; align-items: center; }
.listTit span { width: 0.15rem; height: 0.4rem; margin: 0.5rem 0.3rem 0.5rem 0; }
.rightTit { display: flex; width: 9.2rem; height: 1.4rem; padding: 0 0.4rem; font-size: 0.45rem; line-height: normal; align-items: center; }
.rightTit span { width: 0.15rem; height: 0.4rem; margin: 0.5rem 0.3rem 0.5rem 0; }
.crumbs { width: 9.2rem; height: 1.2rem; margin-top: 0.4rem; padding: 0 0.4rem; font-size: 0.43rem; line-height: 1.2rem; color: #999; }
.crumbs a { color: #999; }
.crumbs:after { margin-right: 0.2rem; font-size: 0.5rem; }
.emptyShow { height: 1rem; padding: 0.3rem 0.4rem; font-size: 0.43rem; line-height: 1rem; color: #999; }
.reminder { width: 9.2rem; margin-top: 0.4rem; padding: 0.4rem; }
.reminder p { width: 8.4rem; padding: 0.3rem 0.37rem; border: 0.03rem dashed #ff9f00; font-size: 0.4rem; }
.remMore { width: 9.9rem; margin-top: 0.4rem; padding: 0.1rem 0 0.4rem 0.1rem; }
.remMore a { width: 2.426rem; height: 1rem; margin: 0.3rem 0 0 0.3rem; padding: 0 0.2rem; border: 0.02rem solid #f5f5f5; font-size: 0.43rem; line-height: 1rem; }
}

/* 弹窗 */
.popup { display: grid; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; align-items: center; justify-items: center; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; }
.popup .popupBox { display: inline-block; position: relative; width: auto; overflow: hidden; padding: 30px 40px; border-radius: 3px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.popup .popupBox .popupClose { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url(../../images/yunguoxuan/closeBlack.png) no-repeat center center; background-size: 14px 14px; }
.popup .popupBox .popupClose:hover { cursor: pointer; }
.popup .popupBox .popupCon { float: left; }
.popup .popupBox .popupCon .tit { height: 30px; overflow: hidden; margin-bottom: 25px; font-size: 18px; line-height: 30px; font-weight: 700; text-align: center; }
.popup .popupBox .popupCon .txt { float: left; }
.popup .popupBox .popupCon .txt .popupImg { float: left; overflow: hidden; margin-left: 20px; }
.popup .popupBox .popupCon .txt .popupImg:nth-child(1) { margin-left: 0; }
.popup .popupBox .popupCon .txt .popupImg img { float: left; overflow: hidden; }
.popup .popupBox .popupCon .txt .popupImg p { float: left; width: 100%; height: 30px; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 30px; text-align: center; }
.popupVis { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.popupVis .popupBox { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

@media only screen and (max-width: 760px) {
.popup .popupBox { padding: 0.5rem 0.5rem; }
.popup .popupBox .popupClose { width: 1rem; height: 1rem; background-size: 0.3rem 0.3rem; }
.popup .popupBox .popupCon .tit { height: 1rem; margin-bottom: 0.3rem; font-size: 0.45rem; line-height: 1rem; }
.popup .popupBox .popupCon .txt .popupImg { margin-left: 0.3rem; }
.popup .popupBox .popupCon .txt .popupImg p { height: 1rem; margin-top: 0.1rem; font-size: 0.36rem; line-height: 1rem; }
}

/* 顶部 */
.header { width: 100%; height: 80px; overflow: hidden; background: #209e85; }
.header .area { width: 1200px; overflow: hidden; margin: 0 auto; }
.header .area .logo { float: left; width: 400px; height: 80px; overflow: hidden; color: #fff; }
.header .area .logo a { color: #fff; }
.header .area .logo .left { float: left; width: 160px; height: 80px; overflow: hidden; }
.header .area .logo .left img { float: left; width: 160px; height: 60px; overflow: hidden; margin: 10px 0; filter: brightness(0) invert(1); }
.header .area .logo .line { float: left; width: 1px; height: 36px; overflow: hidden; margin: 22px 18px 22px 10px; background: #fff; }
.header .area .logo .right { float: left; width: 190px; height: 44px; overflow: hidden; margin-top: 17px; }
.header .area .logo .right p { float: left; width: 190px; height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.header .area .logo .right h1 { float: left; width: 190px; height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.header .area .logo .right span { float: left; width: 190px; height: 20px; overflow: hidden; font-size: 13px; line-height: 20px; }
.header .area .serClick { display: none; }
.header .area .navBox { float: right; width: 800px; height: 40px; overflow: hidden; margin: 20px 0; }
.header .area .navBox .nav { float: left; width: 800px; height: 40px; overflow: hidden; font-size: 16px; line-height: 40px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header .area .navBox .nav ul { display: -webkit-box; float: right; overflow-x: scroll; -webkit-overflow-scrolling: touch; -webkit-box-packXX: center; }
.header .area .navBox .nav ul li { display: flex; float: none; height: 40px; overflow: hidden; margin-left: 60px; font-size: 16px; line-height: normal; align-items: center; }
.header .area .navBox .nav ul li a { color: #fff; }
.header .area .navBox .nav ul li a.hov { color: #fff; }
.header .area .navBox .nav ul::-webkit-scrollbar { display: none; }
.headerSpace { float: left; width: 100%; height: 0; overflow: hidden; }
.headerBtn { float: left; width: 100%; height: 52px; background: #fff; }
.headerBtn .subNav { width: 1200px; height: 52px; margin: 0 auto; font-size: 14px; line-height: 52px; }
.headerBtn .subNav .subNavL { float: left; }
.headerBtn .subNav .subNavL .tit { display: inline-block; float: left; }
.headerBtn .subNav .subNavL .txt { float: left; }
.headerBtn .subNav .subNavL .txt a { float: left; margin-right: 13px; margin-left: 3px; }
.headerBtn .subNav .subNavR { float: right; }
.headerBtn .subNav .subNavR .search { float: left; width: 340px; height: 36px; margin-top: 8px; border-radius: 3px; box-shadow: 0 0 1px #eee inset; }
.headerBtn .subNav .subNavR .search .searCate { float: left; position: relative; z-index: 2; width: 80px; height: 36px; }
.headerBtn .subNav .subNavR .search .searCate .searTit { display: inline-block; width: 80px; height: 36px; overflow: hidden; font-size: 14px; line-height: 36px; text-align: center; cursor: pointer; }
.headerBtn .subNav .subNavR .search .searCate .searTit:after { margin-left: 5px; font-family: "iconfont"; content: "\e609"; font-size: 12px; }
.headerBtn .subNav .subNavR .search .searCate .searTxt { display: none; float: left; position: absolute; top: 36px; width: 78px; overflow: hidden; border: 1px solid #f5f5f5; border-top: 0; background: #fff; }
.headerBtn .subNav .subNavR .search .searCate .searTxt a { float: left; width: 78px; height: 36px; overflow: hidden; font-size: 14px; line-height: 36px; text-align: center; cursor: pointer; }
.headerBtn .subNav .subNavR .search .searCate .searTxt a:hover { background: #f5f5f5; color: #333; }
.headerBtn .subNav .subNavR .search form { float: right; width: 260px; height: 36px; overflow: hidden; }
.headerBtn .subNav .subNavR .search .text { float: left; width: 210px; height: 36px; overflow: hidden; font-size: 14px; line-height: 36px; color: #999; }
.headerBtn .subNav .subNavR .search .button { float: right; width: 47px; height: 36px; overflow: hidden; -webkit-appearance: none; border: none; text-indent: -9999px; background: url(../../images/yunguoxuan/search.png) no-repeat center center; cursor: pointer; }

@media only screen and (max-width: 760px) {
.header { position: absolute; right: 0; left: 0; z-index: 999; width: 10rem; height: 1.3rem; overflow: visible; margin: 0 auto; }
.header .area { position: relative; width: 10rem; height: 1.3rem; overflow: visible; }
.header .area .logo { position: relative; width: 10rem; height: 1.3rem; }
.header .area .logo .left { position: absolute; top: 0.25rem; left: 0.4rem; width: 0.89rem; height: 0.8rem; background: url(../../images/yunguoxuan/home.png) no-repeat; -moz-background-size: 0.89rem 0.8rem; -webkit-background-size: 0.89rem 0.8rem; -o-background-size: 0.89rem 0.8rem; background-size: 0.89rem 0.8rem; }
.header .area .logo .left a { float: left; width: 0.89rem; height: 0.8rem; overflow: hidden; }
.header .area .logo .left img { display: none; }
.header .area .logo .line { display: none; }
.header .area .logo .right { width: 10rem; height: 1.3rem; margin-top: 0; }
.header .area .logo .right p { display: flex; width: 10rem; height: 1.3rem; font-size: 0.53rem; text-align: center; align-items: center; justify-content: center; line-height: normal; }
.header .area .logo .right h1 { display: flex; width: 10rem; height: 1.3rem; font-size: 0.53rem; text-align: center; align-items: center; justify-content: center; line-height: normal; }
.header .area .logo .right span { display: none; }
.header .area .serClick { display: block; position: absolute; top: 0.3rem; right: 0.4rem; width: 0.7rem; height: 0.7rem; overflow: hidden; }
.header .area .serClick a { float: left; width: 0.7rem; height: 0.7rem; background: url(../../images/yunguoxuan/serClick.png) no-repeat; -moz-background-size: 0.7rem 0.7rem; -webkit-background-size: 0.7rem 0.7rem; -o-background-size: 0.7rem 0.7rem; background-size: 0.7rem 0.7rem; }
.header .area .navBox { float: left; width: 10rem; height: 1.3rem; overflow: hidden; margin: 0; background: #fff; }
.header .area .navBox .nav { width: 9.2rem; height: 1.3rem; margin: 0 0.4rem; font-size: 0.43rem; line-height: 1.3rem; text-align: left; }
.header .area .navBox .nav ul { float: left; width: 9.2rem; }
.header .area .navBox .nav ul li { height: 1.3rem; margin-right: 0.5rem; margin-left: 0; font-size: 0.43rem; }
.header .area .navBox .nav ul li:nth-last-child(1) { margin-right: 0; }
.header .area .navBox .nav ul li a { color: #222; }
.header .area .navBox .nav ul li a.hov { color: #ff9f00; }
.headerSpace { height: 2.6rem; }
.headerBtn { display: none; position: absolute; top: 1.3rem; left: 50%;  width: 10rem; height: auto; z-index: 999; margin-left: -5rem; }
.headerBtn .subNav { width: 10rem; height: auto; font-size: 0.4rem; line-height: 1.3rem; }
.headerBtn .subNav .subNavL { display: none; }
.headerBtn .subNav .subNavR { float: left; }
.headerBtn .subNav .subNavR .search { width: 10rem; height: 1.3rem; margin-top: 0; border-radius: 0; box-shadow: none; }
.headerBtn .subNav .subNavR .search .searCate { width: 2rem; height: 1.3rem; }
.headerBtn .subNav .subNavR .search .searCate .searTit { width: 2rem; height: 1.3rem; font-size: 0.4rem; line-height: 1.3rem; }
.headerBtn .subNav .subNavR .search .searCate .searTit:after { margin-left: 0.2rem; font-size: 0.3rem; }
.headerBtn .subNav .subNavR .search .searCate .searTxt { top: 1.3rem; width: 2rem; border: 0; }
.headerBtn .subNav .subNavR .search .searCate .searTxt a { width: 2rem; height: 1rem; font-size: 0.4rem; line-height: 1rem; }
.headerBtn .subNav .subNavR .search .searCate .searTxt a:hover { background: #fff; }
.headerBtn .subNav .subNavR .search form { width: 8rem; height: 1.3rem; }
.headerBtn .subNav .subNavR .search .text { width: 6.2rem; height: 1.3rem; font-size: 0.4rem; line-height: 1.3rem; }
.headerBtn .subNav .subNavR .search .button { width: 1.7rem; height: 1.3rem; }
}

/* 首页 */
.flash { float: left; width: 800px; height: 450px; overflow: hidden; margin-top: 20px; }
.flash .swiper-container { float: left; position: relative; z-index: 1; width: 800px; height: 450px; overflow: hidden; }
.flash .swiper-container .swiper-wrapper .swiper-slide { float: left; position: relative; width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.flash .swiper-container .swiper-wrapper .swiper-slide a { float: left; position: relative; width: 100%; height: 100%; overflow: hidden; color: #fff; }
.flash .swiper-container .swiper-wrapper .swiper-slide a img { float: left; width: 800px; height: 450px; overflow: hidden; }
.flash .swiper-container .swiper-wrapper .swiper-slide a p { float: left; position: absolute; bottom: 0; left: 0; width: 800px; height: 130px; overflow: hidden; font-size: 20px; line-height: 40px; text-align: center; background: url(../../images/yunguoxuan/slideShadow.png) repeat-x left top; }
.flash .swiper-container .swiper-pagination { position: absolute; z-index: 10; text-align: center; }
.flash .swiper-container .swiper-pagination-bullets { bottom: 30px; left: 0; width: 100%; }
.flash .swiper-container .swiper-pagination-bullet { width: 25px; height: 1px; border-radius: 2px; background: #fff; opacity: 1; }
.flash .swiper-container .swiper-pagination-bullet-active { background: #209e85; }
.flash .swiper-container .swiper-button-prev, .flash .swiper-container .swiper-button-next { position: absolute; top: 50%; z-index: 9; width: 25px; height: 47px; margin-top: -24px; background: url(../../images/yunguoxuan/flashBtn.png) no-repeat; filter: alpha(opacity=0); opacity: 0; background-size: 50px 47px; cursor: pointer; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.flash .swiper-container .swiper-button-prev { left: 30px; }
.flash .swiper-container .swiper-button-next { right: 30px; background-position: -25px 0; }
.flash .swiper-container:hover .swiper-button-prev, .flash .swiper-container:hover .swiper-button-next { filter: alpha(opacity=100); opacity: 1.0; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.indexCont { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.indexCont .tit { float: left; width: 760px; height: 50px; overflow: hidden; padding: 0 20px; border-radius: 3px 3px 0 0; font-size: 16px; line-height: 50px; font-weight: 700; color: #fff; background: #209e85; }
.indexCont .tit span { float: left; width: 4px; height: 18px; overflow: hidden; margin: 16px 10px 16px 0; border-radius: 5px; background: #fff; }
.indexCont .txt { float: left; width: 760px; overflow: hidden; padding: 15px 20px 20px; font-size: 15px; line-height: 34px; text-align: justify; }

.friendLinks { float: left; width: 1200px; overflow: hidden; margin-top: 20px; background: #fff; }
.friendLinks .tit { float: left; width: 1160px; height: 54px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; line-height: 54px; }
.friendLinks .tit .left { float: left; font-size: 18px; font-weight: 700; }
.friendLinks .tit .left span { float: left; width: 5px; height: 19px; overflow: hidden; margin: 18px 10px 16px 0; border-radius: 5px; background: #209e85; }
.friendLinks .tit .right { float: right; font-size: 14px; color: #999; }
.friendLinks .txt { float: left; width: 1160px; overflow: hidden; margin: 15px 20px; font-size: 15px; line-height: 34px; }
.friendLinks .txt a { margin-right: 10px; }

@media only screen and (max-width: 760px) {
.flash { width: 10rem; height: 5.63rem; margin-top: 0; }
.flash .swiper-container { width: 10rem; height: 5.63rem; }
.flash .swiper-container .swiper-wrapper .swiper-slide a img { width: 10rem; height: 5.63rem; }
.flash .swiper-container .swiper-wrapper .swiper-slide a p { width: 8rem; height: 2.2rem; padding: 0 1rem; font-size: 0.43rem; line-height: 0.8rem; }
.flash .swiper-container .swiper-pagination-bullets { bottom: 0.4rem; }
.flash .swiper-container .swiper-pagination-bullet { width: 0.55rem; height: 0.03rem; }
.flash .swiper-container .swiper-button-prev, .flash .swiper-container .swiper-button-next { display: none; }
.indexCont { width: 10rem; margin-top: 0.4rem; }
.indexCont .tit { display: flex; width: 9.2rem; height: 1.3rem; padding: 0 0.4rem; border-radius: 0; font-size: 0.45rem; align-items: center; line-height: normal; }
.indexCont .tit span { width: 0.15rem; height: 0.4rem; margin: 0.45rem 0.3rem 0.45rem 0; }
.indexCont .txt { width: 9.2rem; padding: 0.2rem 0.4rem 0.4rem; font-size: 0.43rem; line-height: 1.8; letter-spacing: 0.2px; }
.indexCont .txt p { margin-top: 0.2rem; }
.friendLinks { display: none; }
}

/* 列表 */
.list { float: left; width: 800px; overflow: hidden; background: #fff; }
.list dl { float: left; width: 760px; height: 100px; overflow: hidden; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #f5f5f5; }
.list dl dt { float: right; width: 250px; overflow: hidden; }
.list dl dt a img { width: 250px; height: 100px; overflow: hidden; }
.list dl dd { float: left; width: 485px; overflow: hidden; }
.list dl dd .tit { float: left; width: 485px; height: 42px; overflow: hidden; font-size: 18px; line-height: 42px; font-weight: 700; }
.list dl dd .des { float: left; width: 485px; height: 30px; overflow: hidden; font-size: 14px; line-height: 30px; color: #999; }
.list dl dd .key { display: inline-block; float: left; width: 485px; height: 22px; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 22px; color: #999; }
.list dl dd .key a { margin-left: 4px; color: #999; }
.list dl dd .key a:hover { color: #ff9f00; }
.list dl dd .key span { margin-left: 20px; }
.list dl dd .key span:nth-child(1) { margin-left: 0; }

@media only screen and (max-width: 760px) {
.list { width: 10rem; }
.list dl { width: 9.2rem; height: 1.5rem; margin: 0 0.4rem; padding: 0.4rem 0; border-bottom: 1px solid #f8f8f8; }
.list dl dt { width: 3.75rem; }
.list dl dt a img { width: 3.75rem; height: 1.5rem; }
.list dl dd { width: 5rem; }
.list dl dd .tit { width: 5rem; height: 0.9rem; font-size: 0.43rem; line-height: 0.9rem; font-weight: 400; }
.list dl dd .des { display: none; }
.list dl dd .key { width: 5rem; height: 0.6rem; margin-top: 0; font-size: 0.36rem; line-height: 0.6rem; }
.list dl dd .key a { margin-left: 0.1rem; }
.list dl dd .key a:hover { color: #999; }
.list dl dd .key span { margin-left: 0.4rem; }
.list dl dd .key span:nth-child(1) { display: none; margin-left: 0; }
.list dl dd .key span:nth-child(2) { margin-left: 0; }
}

.listTwo { float: left; width: 800px; overflow: hidden; background: #fff; }
.listTwo dl { float: left; width: 760px; height: 100px; overflow: hidden; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #f5f5f5; }
.listTwo dl:last-child { border-bottom: 0; }
.listTwo dl dt { float: right; width: 250px; overflow: hidden; }
.listTwo dl dt a img { width: 250px; height: 100px; overflow: hidden; }
.listTwo dl dd { float: left; width: 485px; overflow: hidden; }
.listTwo dl dd .tit { float: left; width: 485px; height: 42px; overflow: hidden; font-size: 18px; line-height: 42px; font-weight: 700; }
.listTwo dl dd .des { float: left; width: 485px; height: 30px; overflow: hidden; font-size: 14px; line-height: 30px; color: #999; }
.listTwo dl dd .key { display: inline-block; float: left; width: 485px; height: 22px; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 22px; color: #999; }
.listTwo dl dd .key a { margin-left: 4px; color: #999; }
.listTwo dl dd .key a:hover { color: #ff9f00; }
.listTwo dl dd .key span { margin-left: 20px; }
.listTwo dl dd .key span:nth-child(1) { margin-left: 0; }

@media only screen and (max-width: 760px) {
.listTwo { width: 10rem; }
.listTwo dl { width: 9.2rem; height: 1.5rem; margin: 0 0.4rem; padding: 0.4rem 0; border-bottom: 1px solid #f8f8f8; }
.listTwo dl dt { width: 3.75rem; }
.listTwo dl dt a img { width: 3.75rem; height: 1.5rem; }
.listTwo dl dd { width: 5rem; }
.listTwo dl dd .tit { width: 5rem; height: 0.9rem; font-size: 0.43rem; line-height: 0.9rem; font-weight: 400; }
.listTwo dl dd .des { display: none; }
.listTwo dl dd .key { width: 5rem; height: 0.6rem; margin-top: 0; font-size: 0.36rem; line-height: 0.6rem; }
.listTwo dl dd .key a { margin-left: 0.1rem; }
.listTwo dl dd .key a:hover { color: #999; }
.listTwo dl dd .key span { margin-left: 0.4rem; }
.listTwo dl dd .key span:nth-child(1) { display: none; margin-left: 0; }
.listTwo dl dd .key span:nth-child(2) { margin-left: 0; }
}

/* 水果大全 */
.class { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.class ul { float: left; margin-top: 5px; margin-bottom: 20px; }
.class ul li { float: left; width: 136px; height: 170px; overflow: hidden; margin-top: 15px; margin-left: 20px; }
.class ul li a img { float: left; width: 136px; height: 136px; overflow: hidden; }
.class ul li a p { float: left; width: 136px; height: 34px; overflow: hidden; font-size: 15px; line-height: 34px; text-align: center; }

@media only screen and (max-width: 760px) {
.class { width: 10rem; margin-top: 0.4rem; }
.class ul { margin-top: 0.4rem; margin-bottom: 0.2rem; }
.class ul li { width: 2rem; height: 3.2rem; margin-top: 0; margin-left: 0.4rem; }
.class ul li a img { width: 2rem; height: 2rem; border-radius: 0.05rem; }
.class ul li a p { width: 2rem; height: 1.2rem; font-size: 0.4rem; line-height: 1.2rem; }
}

/* 内容 */
.show { float: left; width: 800px; overflow: hidden; }
.showTop { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.showTop .topPic { float: left; position: relative; width: 800px; height: 320px; overflow: hidden; }
.showTop .topPic img { float: left; width: 800px; height: 320px; overflow: hidden; }
.showTop .topPic p { float: left; position: absolute; bottom: 20px; right: 30px; font-size: 15px; line-height: 30px; color: #fff; }
.showTop .topPic p a { color: #fff; }
.showTop .topPic p a:hover { color: #ff9f00; }
.showTop .topSum { float: left; width: 800px; overflow: hidden; padding-bottom: 20px; }
.showTop .topSum h1 { float: left; width: 760px; height: 50px; overflow: hidden; margin: 20px 20px 0; font-size: 24px; line-height: 50px; font-weight: 700; }
.showTop .topSum .copyfrom { float: left; width: 760px; height: 40px; overflow: hidden; margin: 0 20px; font-size: 15px; line-height: 40px; color: #999; }
.showTop .topSum .copyfrom p { display: inline-block; margin-right: 20px; }
.showTop .topSum .copyfrom a { color: #999; }
.showTop .topSum .copyfrom a:hover { color: #ff9f00; }
.showTop .topSum .description { float: left; width: 760px; overflow: hidden; margin: 0 20px; padding: 10px 0; font-size: 15px; line-height: 30px; text-align: justify; }
.showTop .topSum .keywords { float: left; width: 760px; height: 20px; overflow: hidden; margin: 4px 20px; font-size: 15px; line-height: 20px; color: #999; }
.showTop .topSum .keywords a { margin-right: 10px; color: #999; }
.showTop .topSum .keywords a:hover { color: #ff9f00; }
.showBtn { float: left; width: 800px; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background: #fff; }
.showBtn .showMem { float: left; width: 760px; height: 50px; overflow: hidden; padding: 20px 20px; border-bottom: 1px solid #f5f5f5; }
.showBtn .showMem .left { float: left; width: 50px; height: 50px; overflow: hidden; }
.showBtn .showMem img { float: left; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; }
.showBtn .showMem .right { float: left; width: 300px; height: 50px; overflow: hidden; margin-left: 20px; }
.showBtn .showMem .right .name { float: left; width: 300px; height: 30px; overflow: hidden; font-size: 16px; line-height: 30px; font-weight: 700; }
.showBtn .showMem .right .name span { margin: 0 3px; }
.showBtn .showMem .right .name i { display: inline-block; width: 30px; height: 30px; overflow: hidden; margin-left: 0; background: url(../../images/yunguoxuan/renzheng.png) no-repeat center center; background-size: 16px 16px; vertical-align: top; }
.showBtn .showMem .right .des { float: left; height: 20px; overflow: hidden; font-size: 12px; line-height: 20px; letter-spacing: 1px; color: #999; }
.showBtn .content { float: left; width: 760px; overflow: hidden; padding: 15px 20px 25px; font-size: 16px; line-height: 32px; text-align: justify; }
.showBtn .content p { margin-top: 10px; }
.showBtn .content p img { margin-top: 15px; margin-bottom: 5px; }
.showBtn .showPic { float: left; width: 760px; overflow: hidden; padding: 0 20px; }
.showBtn .showPic img { float: left; width: 242px; height: 161px; overflow: hidden; margin-bottom: 25px; margin-left: 17px; }
.showBtn .showPic img:nth-child(1) { margin-left: 0; }
.showBtn .showPic img:hover { cursor: pointer; }
.showBtn .tips { float: left; width: 760px; height: 42px; overflow: hidden; margin: 0 20px; border-radius: 3px; font-size: 14px; line-height: 42px; text-align: center; background: #f9f9f9; color: #555; }
.showBot { float: left; width: 800px; height: 50px; overflow: hidden; margin-top: 25px; margin-bottom: 5px; }
.showBot .rewardBut { display: block; width: 180px; height: 50px; margin: 0 auto; border-radius: 3px; font-size: 16px; line-height: 50px; font-weight: 700; text-align: center; letter-spacing: 2px; background: #209e85; color: #fff; }
.showBot .rewardBut span { margin-right: 10px; }
.showBot .rewardBut span:after { font-family: "iconfont"; content: "\e636"; font-size: 20px; vertical-align: top; }
.showBot .rewardBut:hover { cursor: pointer; }
.popup .popupBox .popupCon .reward .popupImg { width: 180px; }
.popup .popupBox .popupCon .reward .popupImg img { width: 180px; height: auto !important; }
.showTwo { float: left; width: 800px; overflow: hidden; padding-bottom: 20px; background: #fff; }
.showTwo h1 { float: left; width: 760px; height: 70px; overflow: hidden; margin: 20px 20px 0; font-size: 24px; line-height: 70px; font-weight: 700; text-align: center; }
.showTwo .copyfrom { float: left; width: 760px; height: 40px; overflow: hidden; margin: 0 20px; font-size: 15px; line-height: 40px; text-align: center; color: #999; }
.showTwo .copyfrom p { display: inline-block; margin: 0 15px; }
.showTwo .copyfrom a { color: #999; }
.showTwo .description { float: left; width: 720px; overflow: hidden; margin: 10px 20px 0; padding: 15px 20px; border-radius: 3px; font-size: 15px; line-height: 32px; background: #f5f5f5; text-align: justify; }
.showTwo .content { float: left; width: 760px; overflow: hidden; margin: 10px 20px 0; font-size: 16px; line-height: 32px; text-align: justify; }
.showTwo .content p { margin-top: 8px; }
.showTwo .content p img { margin-top: 15px; margin-bottom: 5px; }

@media only screen and (max-width: 760px) {
.show { width: 10rem; }
.showTop { width: 10rem; margin-top: 0.4rem; }
.showTop .topPic { width: 10rem; height: 4rem; }
.showTop .topPic img { width: 10rem; height: 4rem; }
.showTop .topPic p { bottom: 0; right: 0.4rem; font-size: 0.35rem; line-height: 1rem; }
.showTop .topPic p a:hover { color: #fff; }
.showTop .topSum { width: 10rem; padding-bottom: 0.4rem; }
.showTop .topSum h1 { width: 9.2rem; height: auto; margin: 0.5rem 0.4rem 0; font-size: 0.5rem; line-height: 1.9; }
.showTop .topSum .copyfrom { width: 9.2rem; height: 1.2rem; margin: 0 0.4rem; font-size: 0.4rem; line-height: 1.2rem; }
.showTop .topSum .copyfrom p { margin-right: 0.8rem; }
.showTop .topSum .copyfrom p i { display: none; }
.showTop .topSum .description { width: 9.2rem; margin: 0 0.4rem; padding: 0; font-size: 0.43rem; line-height: 1.8; letter-spacing: 0.2px; }
.showTop .topSum .keywords { width: 9.2rem; height: 1.2rem; margin: 0 0.4rem; font-size: 0.43rem; line-height: 1.2rem; }
.showTop .topSum .keywords a { margin-right: 0.3rem; }
.showBtn { width: 10rem; margin-top: 0.4rem; padding-bottom: 0.4rem; }
.showBtn .showMem { width: 9.2rem; height: 1.5rem; padding: 0.4rem; }
.showBtn .showMem .left { width: 1.5rem; height: 1.5rem; }
.showBtn .showMem img { width: 1.5rem; height: 1.5rem; }
.showBtn .showMem .right { width: 6rem; height: 1.5rem; margin-left: 0.4rem; }
.showBtn .showMem .right .name { width: 6rem; height: 0.9rem; font-size: 0.45rem; line-height: 0.9rem; }
.showBtn .showMem .right .name span { margin: 0 0.1rem; }
.showBtn .showMem .right .name i { width: 0.5rem; height: 0.9rem; margin-left: 0.2rem; background-size: 0.4rem 0.5rem 0.5rem; }
.showBtn .showMem .right .des { height: 0.6rem; font-size: 0.37rem; line-height: 0.6rem; }
.showBtn .content { width: 9.2rem; padding: 0.2rem 0.4rem 0.4rem; font-size: 0.45rem; line-height: 1.8; letter-spacing: 0.2px; }
.showBtn .content p { margin-top: 0.25rem; }
.showBtn .content p img { float: left; width: 9.2rem !important; height: auto !important; overflow: hidden; margin-top: 0.15rem; margin-bottom: 0.4rem; }
.showBtn .showPic { width: 9.6rem; padding: 0 0 0 0.4rem; }
.showBtn .showPic img { width: 2.9rem; height: 1.93rem; margin-bottom: 0.5rem; margin-left: 0.25rem; }
.showBtn .tips { width: 8.4rem; height: auto; margin: 0 0.4rem; padding: 0.4rem; font-size: 0.4rem; line-height: 1.8; }
.showBot { width: 10rem; height: 1.2rem; margin-top: 0.5rem; margin-bottom: 0.1rem; }
.showBot .rewardBut { width: 4.5rem; height: 1.2rem; font-size: 0.42rem; line-height: 1.2rem; font-weight: 400; }
.showBot .rewardBut span { margin-right: 0.2rem; }
.showBot .rewardBut span:after { font-size: 0.5rem; }
.popup .popupBox .popupCon .reward .popupImg { width: 3.4rem; }
.popup .popupBox .popupCon .reward .popupImg img { width: 3.4rem; }
.showTwo { width: 10rem; padding-bottom: 0.4rem; }
.showTwo h1 { width: 9rem; height: auto; margin: 0.5rem 0 0 0.5rem; font-size: 0.5rem; line-height: 1.9; }
.showTwo .copyfrom { width: 9.2rem; height: 1.2rem; margin: 0 0 0 0.4rem; font-size: 0.4rem; line-height: 1.2rem; }
.showTwo .copyfrom p { margin: 0 0.3rem; }
.showTwo .description { width: 9.2rem; margin: 0.2rem 0 0; padding: 0.3rem 0.4rem; font-size: 0.42rem; line-height: 1.8; }
.showTwo .content { width: 9.2rem; margin: 0.2rem 0.4rem 0.4rem; font-size: 0.43rem; line-height: 1.9; }
.showTwo .content p { margin-top: 0.25rem; }
.showTwo .content p img { float: left; width: 9.2rem !important; height: auto !important; overflow: hidden; margin-top: 0.15rem; margin-bottom: 0.4rem; }
}

/* 右侧 */
.rightCont { float: left; width: 380px; overflow: hidden; margin-top: 20px; background: #fff; }
.rightCont .txt { float: left; width: 340px; overflow: hidden; padding: 15px 20px; font-size: 15px; line-height: 32px; text-align: justify; }
.rightCont .txt .chat { float: left; width: 340px; overflow: hidden; margin-top: 10px; padding-top: 10px; border-top: 1px solid #f5f5f5; font-size: 15px; line-height: 32px; text-align: justify; }
.rightNews { float: left; width: 380px; overflow: hidden; margin-top: 20px; background: #fff; }
.rightNewsList { float: left; width: 340px; overflow: hidden; padding: 0 20px; }
.rightNewsList dl { float: left; width: 340px; height: 51px; overflow: hidden; padding: 16px 0; border-top: 1px solid #f5f5f5; }
.rightNewsList dl:nth-child(1) { border-top: 0; }
.rightNewsList dl dt { float: right; width: 41px; height: 41px; overflow: hidden; margin-top: 5px; }
.rightNewsList dl dt img { float: left; width: 41px; height: 41px; overflow: hidden; border-radius: 50%; }
.rightNewsList dl dd { float: left; width: 280px; height: 51px; overflow: hidden; }
.rightNewsList dl dd .tit { float: left; width: 280px; height: 22px; overflow: hidden; font-size: 15px; line-height: 22px; font-weight: 500; }
.rightNewsList dl dd .key { float: left; width: 280px; height: 20px; overflow: hidden; margin-top: 9px; font-size: 12px; line-height: 20px; color: #999; }
.rightNewsList dl dd .key a { margin-left: 4px; color: #999; }
.rightNewsList dl dd .key a:hover { color: #ff9f00; }
.rightNewsList dl dd .key span:nth-child(1) { margin-right: 20px; }
.rightClass { float: left; width: 380px; overflow: hidden; margin-top: 20px; background: #fff; }
.rightClass .txt { float: left; width: 374px; overflow: hidden; margin: 6px 0 20px 6px; }
.rightClass .txt a { float: left; width: 82px; height: 36px; overflow: hidden; margin: 14px 0 0 14px; padding: 0 10px; border: 1px solid #f5f5f5; border-radius: 2px; font-size: 15px; line-height: 36px; text-align: center; }

@media only screen and (max-width: 760px) {
.rightCont { display: none; }
.rightNews { width: 10rem; margin-top: 0.4rem; }
.rightNewsList { width: 9.2rem; padding: 0 0.4rem; }
.rightNewsList dl { width: 9.2rem; height: 1.5rem; padding: 0.4rem 0; border-top: 1px solid #f8f8f8; }
.rightNewsList dl dt { width: 3.75rem; height: 1.5rem; margin-top: 0; }
.rightNewsList dl dt img { width: 3.75rem; height: 1.5rem; border-radius: 0; }
.rightNewsList dl dd { width: 5rem; height: 1.5rem; }
.rightNewsList dl dd .tit { width: 5rem; height: 0.9rem; font-size: 0.43rem; line-height: 0.9rem; font-weight: 400; }
.rightNewsList dl dd .key { width: 5rem; height: 0.6rem; margin-top: 0; font-size: 0.36rem; line-height: 0.6rem; }
.rightNewsList dl dd .key a { margin-left: 0.1rem; }
.rightNewsList dl dd .key a:hover { color: #999; }
.rightNewsList dl dd .key span:nth-child(1) { margin-right: 0.4rem; }
.rightClass { width: 10rem; margin-top: 0.4rem; }
.rightClass .txt { width: 9.9rem; margin: 0.1rem 0 0.4rem 0.1rem; }
.rightClass .txt a { width: 2.426rem; height: 1rem; margin: 0.3rem 0 0 0.3rem; padding: 0 0.2rem; border: 0.02rem solid #f5f5f5; font-size: 0.43rem; line-height: 1rem; }
}

/* 筛选 */
.switch { float: left; position: relative; z-index: 900; width: 800px; -webkit-box-sizing: border-box; background: #fff; }
.switchTit { float: left; width: 800px; height: 60px; overflow: hidden; border-bottom: 1px solid #f5f5f5; }
.switchTit .switchCate { float: left; position: relative; z-index: 999; width: 800px; height: 60px; overflow: hidden; }
.switchTit .switchCate span { height: 60px; border-left: 1px solid #f5f5f5; font-size: 16px; line-height: 60px; text-align: center; background: #fff; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; }
.switchTit .switchCate span:hover { cursor: pointer; }
.switchTit .switchCate span:nth-child(1) { border-left: 0; }
.switchHide { display: none; float: left; position: absolute; top: 0; left: 0; z-index: 998; width: 100%; height: 100%; overflow: hidden; }
.switchList { display: none; float: left; position: relative; width: 800px; height: 288px; overflow: hidden; overflow-y: scroll; margin-top: 61px; border-top: 15px solid #fff; border-bottom: 15px solid #fff; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); scrollbar-width: none; -ms-overflow-style: none; }
.switchList::-webkit-scrollbar { display: none; }
.switchList .txt { float: left; display: block; position: absolute; width: 800px; overflow: hidden; font-size: 15px; background: #fff; }
.switchList .txt a { display: flex; float: left; width: 88px; height: 36px; overflow: hidden; margin: 5px 0 5px 20px; padding: 0 10px; border: 1px solid #f5f5f5; border-radius: 2px; font-size: 15px; align-items: center; justify-content: center; line-height: normal; color: #999; }
.switchList .txt a.hov { color: #ff9f00; }
.switch .webkitBox { display: -webkit-box; }

@media only screen and (max-width: 760px) {
.switch { width: 10rem; }
.switchTit { width: 10rem; height: 1.3rem; border-bottom: 0.02rem solid #f5f5f5; }
.switchTit .switchCate { width: 10rem; height: 1.3rem; }
.switchTit .switchCate span { height: 1.3rem; font-size: 0.43rem; line-height: 1.3rem; }
.switchList { width: 10rem; height: 7rem; margin-top: 1.32rem; border-top: 0.25rem solid #fff; border-bottom: 0.25rem solid #fff; }
.switchList .txt { width: 10rem; font-size: 0.43rem; }
.switchList .txt a { width: 2.36rem; height: 1rem; margin: 0.15rem 0 0.15rem 0.4rem; padding: 0 0.2rem; border: 0.02rem solid #f5f5f5; font-size: 0.43rem; }
}

.areaItem { float: left; width: 800px; background: #fff; }
.areaTit { display: none; }
.areaList { float: left; position: relative; width: 800px; overflow: hidden; }
.areaList .txt a.hov, .areaList .txt a:hover { color: #ff9f00; }
.areaMain .txt { float: left; width: 780px; overflow: hidden; margin: 15px 10px; font-size: 15px; }
.areaMain .txt a { float: left; min-width: 65px; height: 32px; overflow: hidden; line-height: 32px; text-align: center; }
.areaSub .txt { float: left; width: 740px; overflow: hidden; margin: 0 20px 20px; padding: 5px 10px; font-size: 15px; background: #f5f5f5; }
.areaSub .txt a { float: left; height: 30px; overflow: hidden; padding: 0 10px; line-height: 30px; }

@media only screen and (max-width: 760px) {
.areaItem { position: relative; z-index: 900; width: 10rem; -webkit-box-sizing: border-box; }
.areaTit { display: block; }
.areaTit .areaData { float: left; position: relative; z-index: 999; width: 10rem; height: 1.3rem; overflow: hidden; }
.areaTit .areaData span { display: block; height: 1.3rem; border-left: 1px solid #f5f5f5; font-size: 0.43rem; line-height: 1.3rem; text-align: center; background: #fff; -webkit-box-flex: 1; -moz-box-flex: 1; }
.areaTit .areaData span:nth-child(1) { border-left: 0; }
.areaHide { display: none; float: left; position: absolute; top: 0; left: 0; z-index: 998; width: 100%; height: 100%; overflow: hidden; }
.areaList { display: none; width: 10rem; height: 8rem; overflow-y: auto; margin-top: 1.3rem; border-top: 0.03rem solid #f5f5f5; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.areaList .txt a:hover { color: #999; }
.areaMain .txt, .areaSub .txt { display: block; position: absolute; width: 10rem; margin: 0.4rem 0; font-size: 0.4rem; }
.areaSub .txt { padding: 0; background: #fff; }
.areaMain .txt a, .areaSub .txt a { display: flex; width: 2.34rem; height: 1rem; margin: 0 0 0.4rem 0.4rem; padding: 0 0.2rem; border: 0.03rem solid #f5f5f5; font-size: 0.4rem; align-items: center; justify-content: center; line-height: normal; color: #999; }
.areaItem .webkitBox { display: -webkit-box; }
}

/* 地标水果 */
.landmarkList { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.landmarkList ul { float: left; width: 800px; overflow: hidden; border-bottom: 1px solid #f5f5f5; }
.landmarkList ul li { float: left; width: 175px; height: 215px; overflow: hidden; margin: 0 0 20px 20px; }
.landmarkList ul li:nth-child(1), .landmarkList ul li:nth-child(2), .landmarkList ul li:nth-child(3), .landmarkList ul li:nth-child(4) { margin-top: 20px; }
.landmarkList ul li img { float: left; width: 175px; height: 175px; overflow: hidden; }
.landmarkList ul li p { float: left; width: 175px; height: 40px; overflow: hidden; font-size: 15px; line-height: 40px; text-align: center; }
.landmark { float: left; width: 1200px; height: 280px; overflow: hidden; margin-top: 20px; background: #eee; }
.landmarkImg { float: left; width: 350px; height: 280px; overflow: hidden; text-align: center; }
.landmarkImg img { width: 180px; height: 180px; overflow: hidden; margin-top: 46px; border: 4px solid #fff; border-radius: 50%; }
.landmarkSum { float: right; width: 800px; height: 250px; overflow: hidden; padding: 15px 25px; background: #fff; }
.landmarkSum .tit { float: left; width: 800px; height: 50px; overflow: hidden; border-bottom: 1px solid #f5f5f5; }
.landmarkSum .tit h1 { float: left; height: 50px; overflow: hidden; font-size: 24px; line-height: 50px; font-weight: 700; color: #cc0000; }
.landmarkSum .time { float: left; position: relative; height: 50px; overflow: hidden; padding-left: 45px; font-size: 14px; line-height: 50px; color: #9e9e9e; }
.landmarkSum .time span { float: left; position: absolute; top: 0; left: -10px; z-index: 9; width: 30px; height: 34px; overflow: hidden; border-bottom: 1px solid #ddd; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); }
.landmarkSum .hits { float: right; height: 50px; overflow: hidden; font-size: 14px; line-height: 50px; color: #9e9e9e; }
.landmarkSum .txt { float: left; width: 800px; overflow: hidden; margin-top: 9px; font-size: 15px; line-height: 30px; text-align: justify; }
.landmarkSum .txt p { margin-top: 10px; }
.landmarkSum .keywords { float: left; width: 800px; height: 30px; overflow: hidden; margin-top: 10px; font-size: 15px; line-height: 30px; color: #999; }
.landmarkSum .keywords a { margin-right: 10px; color: #999; }
.landmarkSum .keywords a:hover { color: #ff9f00; }
.landmarkCon { float: left; width: 800px; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background: #fff; }
.landmarkCon .content { float: left; width: 760px; overflow: hidden; padding: 10px 20px 20px; font-size: 16px; line-height: 32px; text-align: justify; }
.landmarkCon .content p { margin-top: 10px; }
.landmarkCon .tips { float: left; width: 760px; height: 42px; overflow: hidden; margin: 0 20px; border-radius: 3px; font-size: 14px; line-height: 42px; text-align: center; background: #f9f9f9; color: #555; }
.landmarkBus { float: left; width: 800px; overflow: hidden; margin-top: 20px; padding-bottom: 20px; background: #fff; }
.landmarkBus .txt { float: left; width: 330px; height: 90px; overflow: hidden; margin: 20px 0 0 20px; padding: 15px 20px; border-radius: 2px; background: #f5f5f5; }
.landmarkBus .txt .tit { float: left; width: 330px; height: 30px; overflow: hidden; font-size: 16px; line-height: 30px; font-weight: 700; }
.landmarkBus .txt .tit span { margin-left: 15px; font-size: 15px; font-weight: 400; }
.landmarkBus .txt .des { float: left; width: 330px; height: 56px; overflow: hidden; margin-top: 4px; font-size: 15px; line-height: 28px; color: #444; }
.landmarkLove { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.landmarkLove .txt { float: left; width: 795px; overflow: hidden; margin: 5px 0 20px 5px; }
.landmarkLove .txt a { float: left; width: 118px; height: 38px; overflow: hidden; margin: 15px 0 0 15px; padding: 0 10px; border: 1px solid #f5f5f5; border-radius: 2px; font-size: 15px; line-height: 38px; text-align: center; }

@media only screen and (max-width: 760px) {
.landmarkList { width: 10rem; margin-top: 0.4rem; }
.landmarkList ul { width: 10rem; }
.landmarkList ul li { width: 2.8rem; height: 3.8rem; margin: 0 0 0.4rem 0.4rem; }
.landmarkList ul li:nth-child(1), .landmarkList ul li:nth-child(2), .landmarkList ul li:nth-child(3) { margin-top: 0.4rem; }
.landmarkList ul li:nth-child(4) { margin-top: 0; }
.landmarkList ul li img { width: 2.8rem; height: 2.8rem; border-radius: 0.05rem; }
.landmarkList ul li p { width: 2.8rem; height: 1rem; font-size: 0.4rem; line-height: 1rem; }
.landmark { width: 10rem; height: auto; margin-top: 0; }
.landmarkImg { width: 10rem; height: 5.5rem; }
.landmarkImg img { width: 4rem; height: 4rem; margin-top: 0.65rem; border: 0.1rem solid #fff; }
.landmarkSum { float: left; width: 10rem; height: auto; padding: 0.4rem 0; }
.landmarkSum .tit { width: 9.2rem; height: 1rem; margin-left: 0.4rem; padding-bottom: 0.2rem; }
.landmarkSum .tit h1 { height: 1rem; font-size: 0.5rem; line-height: 1rem; }
.landmarkSum .time { display: none; }
.landmarkSum .hits { float: left; position: relative; height: 1rem; padding-left: 1rem; font-size: 0.36rem; line-height: 1rem; }
.landmarkSum .hits i { float: left; position: absolute; top: 0; left: -0.2rem; z-index: 9; width: 0.8rem; height: 0.65rem; overflow: hidden; border-bottom: 0.01rem solid #ddd; font-size: 0; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); }
.landmarkSum .txt { width: 9.2rem; height: auto; margin: 0.2rem 0.4rem 0 0.4rem; font-size: 0.43rem; line-height: 1.8; letter-spacing: 0.2px; }
.landmarkSum .txt p { margin-top: 0.2rem; }
.landmarkSum .keywords { float: left; width: 9.2rem; height: auto; overflow: hidden; margin: 0.3rem 0.4rem 0.2rem; font-size: 0.43rem; line-height: 1.8; color: #999; }
.landmarkSum .keywords a { margin-right: 0.3rem; color: #999; }
.landmarkSum .keywords a:hover { color: #999; }
.landmarkCon { width: 10rem; margin-top: 0.4rem; padding-bottom: 0.4rem; }
.landmarkCon .content { width: 9.2rem; padding: 0.2rem 0.4rem 0.4rem; font-size: 0.45rem; line-height: 1.8; letter-spacing: 0.2px; }
.landmarkCon .content p { margin-top: 0.25rem; }
.landmarkCon .tips { width: 8.4rem; height: auto; margin: 0 0.4rem; padding: 0.4rem; font-size: 0.4rem; line-height: 1.8; }
.landmarkBus { width: 10rem; margin-top: 0.4rem; padding-bottom: 0.4rem; }
.landmarkBus .txt { width: 8.4rem; height: auto; margin: 0.4rem 0 0 0.4rem; padding: 0.3rem 0.4rem; }
.landmarkBus .txt .tit { width: 8.4rem; height: 1rem; font-size: 0.43rem; line-height: 1rem; }
.landmarkBus .txt .tit span { margin-left: 0.2rem; font-size: 0.4rem; }
.landmarkBus .txt .des { width: 8.4rem; height: auto; margin-top: 0; font-size: 0.4rem; line-height: 1.8; }
.landmarkLove { width: 10rem; margin-top: 0.4rem; }
.landmarkLove .txt { width: 9.9rem; margin: 0.1rem 0 0.4rem 0.1rem; }
.landmarkLove .txt a { width: 2.026rem; height: 1rem; margin: 0.3rem 0 0 0.3rem; padding: 0 0.4rem; border: 0.02rem solid #f5f5f5; font-size: 0.43rem; line-height: 1rem; }
}

/* 底部 */
.footer { float: left; width: 100%; overflow: hidden; margin-top: 20px; background: #151515; color: #666; }
.footLinks { width: 1200px; overflow: hidden; margin: 0 auto; padding: 20px 0 20px; border-bottom: 1px solid #222; }
.footLinks .footLink { float: left; position: relative; width: 1200px; overflow: hidden; margin: 2px 0; color: #666; }
.footLinks .footLink .tit { float: left; width: 75px; height: auto; overflow: hidden; font-size: 14px; line-height: 30px; font-weight: 700; color: #666; }
.footLinks .footLink .tit a { color: #666; }
.footLinks .footLink .tit a:hover { color: #ff9f00; }
.footLinks .footLink .txt { float: left; display: inherit; width: 1050px; overflow: hidden; font-size: 14px; }
.footLinks .footLink .txt a { height: 30px; overflow: hidden; margin-right: 10px; line-height: 30px; color: #666; }
.footLinks .footLink .txt a:hover { color: #ff9f00; }
.footLinks .footLink .txtOne { height: 60px; }
.footLinks .footLink .txtTwo { height: 30px; }
.footLinks .footLink .more { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 30px; color: #666; cursor: pointer; }
.footLinks .footLink .more:after { float: right; margin-left: 5px; font-family: "iconfont"; content: "\e609"; }
.footLinks .footLink .more.open:after { float: right; margin-left: 5px; font-family: "iconfont"; content: "\e608"; }
.copyRight { width: 1200px; height: 130px; overflow: hidden; margin: 0 auto; padding: 20px 0 25px; }
.copyRight .left { float: left; width: 700px; height: 130px; overflow: hidden; }
.copyRight .left .footNav { float: left; width: 700px; height: 32px; overflow: hidden; margin-bottom: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.copyRight .left .footNav ul { display: -webkit-box; float: left; overflow-x: scroll; -webkit-overflow-scrolling: touch; -webkit-box-packXX: center; }
.copyRight .left .footNav ul li { display: flex; float: none; height: 32px; overflow: hidden; margin-right: 15px; font-size: 15px; line-height: normal; align-items: center; }
.copyRight .left .footNav ul li a { color: #666; }
.copyRight .left .footNav ul li a:hover { color: #ff9f00; }
.copyRight .left .footNav ul::-webkit-scrollbar { display: none; }
.copyRight .left .footTxt { float: left; width: 700px; overflow: hidden; }
.copyRight .left .footTxt p { float: left; width: 700px; height: 32px; overflow: hidden; font-size: 14px; line-height: 32px; }
.copyRight .left .footTxt p span { margin-right: 15px; }
.copyRight .left .footTxt p a { color: #666; }
.copyRight .left .footTxt p a:hover { color: #ff9f00; }
.copyRight .right { float: right; width: 480px; height: 130px; overflow: hidden; }
.copyRight .right p { float: left; width: 100px; height: 130px; overflow: hidden; margin-left: 20px; }
.copyRight .right p img { float: left; width: 100px; height: 100px; overflow: hidden; }
.copyRight .right p span { float: left; width: 100px; height: 24px; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 24px; text-align: center; }
#backTop { position: fixed; bottom: 200px; left: 50%; z-index: 666; width: 50px; height: 50px; overflow: hidden; margin-left: 620px; border-radius: 5px; background: #209e85; cursor: pointer; }
#backTop:after { float: left; width: 50px; height: 50px; overflow: hidden; font-family: "iconfont"; content: "\e88d"; font-size: 26px; line-height: 50px; text-align: center; color: #fff; }

@media only screen and (max-width: 760px) {
.footer { width: 10rem; margin-top: 0.4rem; }
.footLinks { display: none; }
.copyRight { width: 10rem; height: auto; padding: 0; }
.copyRight .left { width: 10rem; height: auto; }
.copyRight .left .footNav { width: 10rem; height: 1.5rem; margin-bottom: 0; border-bottom: 1px solid #222; }
.copyRight .left .footNav ul { width: 9.2rem; margin: 0 0.4rem; }
.copyRight .left .footNav ul li { height: 1.5rem; margin-right: 0.5rem; font-size: 0.4rem; }
.copyRight .left .footNav ul li:nth-last-child(2) { margin-right: 0; }
.copyRight .left .footTxt { width: 10rem; padding: 0.3rem 0 0.4rem; }
.copyRight .left .footTxt p { width: 10rem; height: 0.8rem; font-size: 0.4rem; line-height: 0.8rem; text-align: center; }
.copyRight .left .footTxt p span { margin-right: 0.4rem; }
.copyRight .right { display: none; }
#backTop { display: none; }
}

/* 赞助商家 */
.adSign a { float: left; position: relative; }
.adSign a:before { float: left; position: absolute; right: 0; bottom: 0; width: 24px; height: 14px; overflow: hidden; background: url(../../images/yunguoxuan/adSign.png) no-repeat; background-size: 24px 14px; content: ""; }
.god_index { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.god_index .txt { float: left; width: 760px; margin: 20px; }
.god_index .txt a { float: left; width: 373px; height: 75px; overflow: hidden; margin-top: 14px; margin-left: 14px; }
.god_index .txt a:nth-child(1), .god_index .txt a:nth-child(2) { margin-top: 0; }
.god_index .txt a:nth-child(1), .god_index .txt a:nth-child(3) { margin-left: 0; }
.god_index .txt a img { float: left; width: 373px; height: 75px; overflow: hidden; }
.newsBtn { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.newsBtn .txt { float: left; width: 760px; margin: 20px; overflow: hidden; }
.newsBtn .txt img { float: left; width: 760px; height: 100px; overflow: hidden; }

@media only screen and (max-width: 760px) {
.adSign a:before { width: 0.48rem; height: 0.28rem; background-size: 0.48rem 0.28rem; }
.god_index { width: 10rem; margin-top: 0.4rem; }
.god_index .txt { width: 9.6rem; margin: 0.4rem 0 0.4rem 0.4rem; }
.god_index .txt a { width: 4.45rem; height: 1.6rem; margin-top: 0.3rem; margin-left: 0.3rem; }
.god_index .txt a img { width: 4.45rem; height: 1.6rem; }
.newsBtn { width: 10rem; margin-top: 0.4rem; }
.newsBtn .txt { width: 9.2rem; margin: 0.4rem; }
.newsBtn .txt img { width: 9.2rem; height: 2.42rem; }
}

/* 正文图片弹出 */
.imgshow { display: none; position: fixed; left: 0; top: 0; z-index: 2020520; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.swiperbox { z-index: 3; height: 100%; background: rgba(0, 0, 0, 0.9); }
.swiperbox img { position: relative; z-index: 888; width: initial; }
.swiper-zoom-container:before { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ' '; }
.closebtn { position: absolute; top: 30px; right: 30px; z-index: 999; width: 40px; height: 40px; background: url(../../images/yunguoxuan/newclose.png) no-repeat center center; background-size: 40px; cursor: pointer; }

@media only screen and (max-width: 760px) {
.closebtn { float: left; top: auto; right: auto; bottom: 2rem; left: 50%; width: 1.2rem; height: 1.2rem; margin-left: -0.6rem; background-size: 0.7rem; }
}

/* 关于我们 */
.aboutTit { float: left; width: 800px; overflow: hidden; background: #fff; }
.aboutTit h1 { float: left; width: 760px; height: 50px; overflow: hidden; padding: 20px; font-size: 24px; line-height: 50px; font-weight: 700; }
.about { float: left; width: 800px; overflow: hidden; margin-top: 20px; }
.about .left { float: left; width: 140px; overflow: hidden; padding: 20px 0; background: #fff; }
.about .left a { float: left; width: 90px; height: 70px; overflow: hidden; margin: 0 25px; border-top: 1px solid #f5f5f5; font-size: 15px; line-height: 70px; text-align: center; }
.about .left a.hov { color: #ff9f00; }
.about .left a:nth-child(1) { border-top: 0; }
.about .right { float: right; width: 600px; overflow: hidden; padding: 15px 20px 25px; font-size: 15px; line-height: 2; text-align: justify; background: #fff; }
.about .right p { margin-top: 10px; }
.about .right p img { margin-top: 15px; margin-bottom: 5px; border-radius: 2px; }

@media only screen and (max-width: 760px) {
.aboutTit { width: 10rem; }
.aboutTit h1 { display: none; }
.about { width: 10rem; margin-top: 0; }
.about .left { width: 10rem; padding: 0; }
.about .left a { width: 2.5rem; height: 1.4rem; margin: 0; border-top: 0; font-size: 0.42rem; line-height: 1.4rem; }
.about .right { float: left; width: 9.2rem; margin-top: 0.4rem; padding: 0.2rem 0.4rem 0.4rem; font-size: 0.43rem; line-height: 1.9; }
.about .right p { margin-top: 0.3rem; }
.about .right p img { float: left; width: 9.2rem !important; height: auto !important; overflow: hidden; margin-top: 0.15rem; margin-bottom: 0.4rem; border-radius: 0.05rem; }
}

/* 其他 */
.tags { float: left; width: 795px; overflow: hidden; padding: 5px 0 20px 5px; background: #fff; }
.tags a { float: left; width: 118px; height: 38px; overflow: hidden; margin: 15px 0 0 15px; padding: 0 10px; border: 1px solid #f5f5f5; border-radius: 2px; font-size: 15px; line-height: 38px; text-align: center; }
.sitemap { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.sitemap .tit { float: left; width: 760px; height: 50px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 16px; line-height: 50px; font-weight: 700; }
.sitemap .tit span { float: left; width: 5px; height: 18px; overflow: hidden; margin: 16px 10px 16px 0; border-radius: 5px; background: #209e85; }
.sitemap .txt { float: left; width: 760px; overflow: hidden; padding: 10px 20px; font-size: 15px; line-height: 40px; }
.sitemap .txt a { margin-right: 15px; }

@media only screen and (max-width: 760px) {
.tags { width: 9.9rem; padding: 0.1rem 0 0.4rem 0.1rem; }
.tags a { width: 2.026rem; height: 1rem; margin: 0.3rem 0 0 0.3rem; padding: 0 0.4rem; border: 0.02rem solid #f5f5f5; font-size: 0.43rem; line-height: 1rem; }
.sitemap { width: 10rem; margin-top: 0.4rem; }
.sitemap .tit { display: flex; width: 9.2rem; height: 1.4rem; padding: 0 0.4rem; font-size: 0.45rem; line-height: normal; align-items: center; }
.sitemap .tit span { width: 0.15rem; height: 0.4rem; margin: 0.5rem 0.3rem 0.5rem 0; }
.sitemap .txt { width: 9.2rem; padding: 0.3rem 0.4rem; font-size: 0.43rem; line-height: 1rem; }
.sitemap .txt a { margin-right: 0.4rem; }
}

/* 分页 */
#pages { float: left; width: 100%; overflow: hidden; font-size: 15px; text-align: center; }
#pages a { display: inline-block; width: 40px; height: 45px; border-radius: 2px; line-height: 45px; text-align: center; color: #333; background: #efefef; }
#pages a.a1 { width: 90px; height: 45px; border-radius: 2px; background: #efefef; }
#pages a.pageNum { }
#pages a:hover { text-decoration: none; color: #000; }
#pages span { display: inline-block; width: 40px; height: 45px; border-radius: 2px; font-size: 15px; line-height: 45px; text-align: center; color: #fff; background: #209e85; }

@media only screen and (max-width: 760px) {
#pages { font-size: 0.36rem; }
#pages a { width: auto; height: 1rem; line-height: 1rem; background: none; }
#pages a.a1 { width: 3rem; height: 1rem; margin: 0 0.4rem; font-size: 0.4rem; background: #209e85; color: #fff; }
#pages a.pageNum { display: none; }
#pages span { width: auto; height: 1rem; font-size: 0.36rem; line-height: 1rem; font-weight: 700; background: none; color: #209e85; }
}

/* 404 */
.error { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.error .tit { float: left; width: 760px; height: 54px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 18px; line-height: 54px; font-weight: 700; }
.error .tit span { float: left; width: 5px; height: 19px; overflow: hidden; margin: 18px 10px 16px 0; border-radius: 5px; background: #209e85; }
.error .txt { float: left; width: 760px; overflow: hidden; padding: 15px 20px; font-size: 15px; line-height: 30px; }

@media only screen and (max-width: 760px) {
.error { width: 10rem; margin-top: 0.4rem; }
.error .tit { display: flex; width: 9.2rem; height: 1.4rem; padding: 0 0.4rem; font-size: 0.45rem; line-height: normal; align-items: center; }
.error .tit span { width: 0.15rem; height: 0.4rem; margin: 0.5rem 0.3rem 0.5rem 0; }
.error .txt { width: 9.2rem; padding: 0.3rem 0.4rem; font-size: 0.43rem; line-height: 1.8; color: #999; }
}