/**
* @description: 旅游攻略
* @author: 哈哈哈
* @author url: https://www.caoyuantianlu.org/
* @update: 2022-09-13 13:31
**/
@import "../css/iconfont.css";

@font-face {
    font-family: "BigNoodleTitling";
    src: url("../font/BigNoodleTitling.eot"); /* IE9 */
    src: url("../font/BigNoodleTitling.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/BigNoodleTitling.woff") format("woff"), /* chrome、firefox */
    url("../font/BigNoodleTitling.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../font/BigNoodleTitling.svg#uxfonteditor") format("svg"); /* iOS 4.1- */
}

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: #fff; _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: #fff; 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: #ff7f3a; }
.keylink { border-bottom: 1px dotted #ff7f3a; }
.keylink:hover { text-decoration: none; color: #ff7f3a; }
.keylink:visited { border-bottom: 1px dotted #ff7f3a; }

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

/* 全局 */
.mobile { display: none !important; }
.mobile1 { display: none; }
.main { width: 1200px; margin: 0 auto; }
.sideLeft { float: left; width: 800px; }
.sideRight { float: right; width: 360px; }
.mt20 { margin-top: 20px; }
.mmt20 { margin-top: 0; }
.mb10 { margin-bottom: 10px; }
.crumbs { float: left; width: 1200px; height: 60px; overflow: hidden; font-size: 14px; line-height: 60px; }
.crumbs span { display: inline-block; }
.none { display: none; }
.content u {position: absolute;top: -999em;}

@media only screen and (max-width: 759px) {
.pc { display: none !important; }
.pc1 { display: none;}
.mobile { display: block !important; }
.mobile1 { display: inherit; }
.main { width: 10rem; }
.sideLeft { width: 10rem; }
.sideRight { float: left; width: 10rem; }
.mt20 { margin-top: 0.4rem; }
.mmt20 { margin-top: 0.4rem; }
.mb10 { margin-bottom: 0.4rem; }
.crumbs { width: 9.2rem; height: auto; /*margin-top: 0.4rem;*/ padding: 0.35rem 0.4rem; border-bottom: 1px solid #f5f5f5; font-size: 0.37rem; line-height: normal; background: #fff; color: #999; }
.crumbs span { display: none; }
.crumbs a { color: #999; }
.maodian { width: 9.2rem; height: auto; /*margin-top: 0.4rem;*/ padding: 0 0.4rem; border-bottom: 1px solid #f5f5f5; font-size: 0.37rem; line-height: normal; background: #fff; color: #999; clear:both; display:none; }
}

/* 顶部 */
.header { width: 100%; height: 80px; background-color: #008354;background-image: linear-gradient(to right,#00bf63,#01c192); }
.header .area { width: 1200px; height: 80px; overflow: hidden; margin: 0 auto; }
.header .area .logo { float: left; width: 160px; height: 80px; overflow: hidden; margin-right: 80px; }
.header .area .logo .left { float: left; width: 160px; height: 80px; overflow: hidden; }
.header .area .logo .left img { float: left; width: 160px; height: 80px; overflow: hidden; }
.header .area .logo .right { display: none; }
.header .area .navClick { display: none; }
.header .area .navBox { display: inline-block; float: left; height: 80px; overflow: hidden; }
.header .area .navBox .nav { float: left; height: 40px; overflow: hidden; margin-top: 20px; font-size: 17px; line-height: 40px; }
.header .area .navBox .nav ul { float: left; }
.header .area .navBox .nav ul li { float: left; margin-right: 20px; }
.header .area .navBox .nav ul li a { font-weight: 500; color: #fff; }
.header .area .searchBar { float: right; height: 46px; margin-top: 17px; }
.header .area .searchBar.clicked .searBtn { border-radius: 0 10px 10px 0; }
.header .area .searchBar.clicked .searTxt { width: 100px; margin-left: -140px; padding: 0 20px; border-radius: 10px 0 0 10px; background: #fff; opacity: 1; }
.header .area .searchBar .searBtn { position: relative; width: 46px; height: 46px; border-radius: 40px; background-color: #5b707f; color: #fff; cursor: pointer; transition: all 0.4s ease-in-out; }
.header .area .searchBar .searBtn:before { display: block; position: absolute; top: 15px; left: 15px; width: 11px; height: 11px; border-radius: 20px; box-shadow: 0px 0px 0px 2px #fff; content: ""; }
.header .area .searchBar .searBtn:after { position: absolute; top: 27px; left: 23px; width: 10px; height: 2px; border-radius: 3px; background-color: #fff; transform: rotateZ(45deg); content: ""; }
.header .area .searchBar .searTxt { position: absolute; width: 0; height: 46px; padding: 0; border-radius: 40px; font-size: 12px; border: none; opacity: 0; transition: all 0.4s ease-in-out; }
.header .area .searchBar .searTxt:focus { outline-width: 0; }
.headerSpace { float: left; width: 100%; height: 0; overflow: hidden; }
.headerBtn { float: left; width: 100%; height: 52px; overflow: hidden; background: #fff; filter: drop-shadow(0 4px 7px rgba(174, 201, 225, 0.15)); }
.headerBtn .subNav { width: 1200px; height: 52px; overflow: hidden; margin: 0 auto; font-size: 14px; line-height: 52px; }
.headerBtn .subNav .tit { display: inline-block; float: left; margin-right: 5px; }
.headerBtn .subNav .txt { float: left; }
.headerBtn .subNav .txt a { float: left; margin-right: 20px; }

@media only screen and (max-width: 759px) {
.header { position: absolute; right: 0; left: 0; z-index: 999; width: 10rem; height: 1.3rem; margin: 0 auto; background: #fff; }
.header .area { width: 10rem; height: 1.3rem; overflow: visible; background-color: #008354;background-image: linear-gradient(to right,#00bf63,#01c192); }
.header .area .logo { position: relative; width: 10rem; height: 1.3rem; margin-right: 0; }
.header .area .logo .left { position: absolute; top: 0.25rem; left: 0.4rem; width: 0.89rem; height: 0.8rem; background: url(https://img.alicdn.com/imgextra/i2/694985117/O1CN01x5wmTW1nfdRz18WNZ_!!694985117.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 .right { display: flex; width: 10rem; height: 1.3rem; font-size: 0.53rem; text-align: center; align-items: center; justify-content: center; line-height: normal; color: #fff; }
.header .area .logo .right a { color: #fff; }
.header .area .navClick { display: block; position: absolute; top: 0.4rem; right: 0.4rem; width: 0.75rem; height: 0.5rem; overflow: hidden; }
.header .area .navClick a { float: left; width: 0.75rem; height: 0.5rem; background: url(../images/nav.png) no-repeat; -moz-background-size: 0.75rem 0.5rem; -webkit-background-size: 0.75rem 0.5rem; -o-background-size: 0.75rem 0.5rem; background-size: 0.75rem 0.5rem; }
.header .area .navBox { display: none; float: left; width: 10rem; height: auto; z-index: 999; margin: 0 auto; background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
.header .area .navBox .nav { width: 10rem; height: auto; margin-top: 0; font-size: 0.4rem; line-height: 1.3rem; }
.header .area .navBox .nav ul li { width: 2.5rem; overflow: hidden; margin-right: 0; text-align: center; }
.header .area .navBox .nav ul li a { font-weight: 400; color: #333; }
.header .area .searchBar { display: none; }
.headerSpace { height: 1.3rem; }
.headerBtn { display: none; }
}

/* 首页 */
.flashBox { float: left; width: 1200px; overflow: hidden; }
.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/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: #ff7f3a; }
.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/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; }
.focus { float: right; width: 380px; height: 450px; overflow: hidden; margin-top: 20px; }
.focus .tit { float: left; width: 380px; height: 48px; background: url(../images/focus.png) no-repeat right center; }
.focus .tit p { float: left; position: relative; width: 180px; height: 48px; margin-bottom: 10px; }
.focus .tit p em { float: left; width: 180px; height: 48px; font-size: 20px; line-height: 48px; font-weight: 300; text-align: center; background: #475561; color: #fff; }
.focus .tit p span { float: left; position: absolute; bottom: -10px; left: 0; width: 180px; height: 10px; background: url(../images/triangle.png) no-repeat center bottom; }
.focus .txt { float: left; width: 380px; height: 370px; overflow: hidden; margin-top: 16px; padding: 8px 0; background: #f8f8f8; }
.focus .txt ul { float: left; width: 380px; }
.focus .txt ul li { float: left; width: 330px; height: 52px; overflow: hidden; padding: 0 25px; border-top: 1px solid #f3f3f3; font-size: 15px; line-height: 52px; }
.focus .txt li:nth-child(1) { border-top: 0; }
.focus .txt ul li p { display: inline; float: left; position: relative; margin-right: 30px; font-family: 'BigNoodleTitling'; font-size: 20px; line-height: 52px; font-weight: 500; }
.focus .txt ul li p span { float: left; position: absolute; top: -10px; left: -20px; z-index: 9; width: 28px; height: 52px; overflow: hidden; border-bottom: 1px solid #ddd; -webkit-transform: rotate(-65deg); -moz-transform: rotate(-65deg); }

.indexSpot { float: left; width: 1200px; margin-top: 20px; }

.idxTitBox { float: left; width: 1200px; overflow: hidden; margin: 20px 0 30px; text-align: center; color: #222; }
.idxTit { display: inline-block; position: relative; padding: 0 30px; }
.idxTit:after, .idxTit:before { position: absolute; top: 0; right: 100%; bottom: 0; width: 120px; height: 1px; margin: auto; background: #222; opacity: 0.28; content: ""; }
.idxTit:after { right: 0; left: 100%; }
.idxTit h2 { margin: 0; font-size: 28px; line-height: 36px; font-weight: 500; letter-spacing: 2px; }
.idxTit h2 a { color: #222; }
.idxTit span { font-size: 14px; line-height: 30px; font-weight: 300; letter-spacing: 0.5px; opacity: 0.8; }

.friendLink { float: left; width: 1200px; overflow: hidden; margin-top: 30px; }
.friendLink .tit { float: left; width: 1200px; height: 30px; overflow: hidden; padding-bottom: 9px; border-bottom: 1px solid #f5f5f5; line-height: 30px; }
.friendLink .tit .left { float: left; }
.friendLink .tit .left span { float: left; position: relative; margin-right: 30px; font-size: 17px; font-weight: 400; color: #bbb; cursor: pointer; }
.friendLink .tit .left .hov { font-weight: 500; color: #475561; }
.friendLink .tit .left .hov:after { position: absolute; right: 0; bottom: -10px; left: 0; height: 2px; background-color: #475561; content: ''; }
.friendLink .tit .right { float: right; font-size: 14px; color: #999; }
.friendLink .txt { float: left; width: 1200px; overflow: hidden; margin: 15px 0; font-size: 14px; line-height: 30px; }
.friendLink .txt a { margin-right: 15px; color: #999; }
.friendLink .txt a:hover { color: #ff7f3a; }

@media only screen and (max-width: 759px) {
.flashBox { width: 10rem; }
.flash { width: 10rem; height: 5.7rem; margin-top: 0; }
.flash .swiper-container { width: 10rem; height: 5.7rem; }
.flash .swiper-container .swiper-wrapper .swiper-slide a img { width: 10rem; height: 5.7rem; }
.flash .swiper-container .swiper-wrapper .swiper-slide a p { width: 8rem; height: 2.2rem; padding: 0 1rem; font-size: 0.42rem; 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; }
.focus { float: left; width: 10rem; height: auto; margin-top: 0; }
.focus .tit { display: none; }
.focus .txt { width: 10rem; height: auto; margin-top: 0; padding: 0.2rem 0; background: #fff; }
.focus .txt ul { width: 10rem; }
.focus .txt ul li { width: 9rem; height: 1.2rem; padding: 0 0.5rem; border-top: 1px solid #f9f9f9; font-size: 0.4rem; line-height: 1.2rem; }
.focus .txt ul li p { margin-right: 0.7rem; font-size: 0.5rem; line-height: 1.2rem; }
.focus .txt ul li p span { top: -0.28rem; left: -0.43rem; width: 0.6rem; height: 1.2rem; border-bottom: 0.01rem solid #ddd; }

.indexSpot { width: 10rem; margin-top: 0.4rem; background: #fff; }

.idxTitBox { width: 10rem; margin: 0.4rem 0 0; }
.idxTit { padding: 0; }
.idxTit:after, .idxTit:before { display: none; }
.idxTit h2 { font-size: 0.45rem; line-height: 1rem; font-weight: 700; letter-spacing: 0.02rem; }
.idxTit span { font-size: 0.32rem; line-height: 0.6rem; letter-spacing: 0.01rem; }

.friendLink { display: none; }
}

/*酒店*/
.hotelList { float: left; width: 800px; }
.hotelList .tit { float: left;width: 800px;height: 40px;overflow: hidden;margin-top: 20px;font-size: 16px;line-height: 40px;font-weight: 700;}
.hotelList .tit .left { float: left; height: 80px; overflow: hidden; font-size: 24px; line-height: 80px; font-weight: 700; }
.hotelList .tit span { float: right; position: relative; height: 80px; overflow: hidden; padding-left: 40px; font-size: 14px; line-height: 80px; font-weight: 400; color: #9e9e9e; }
.hotelList .tit span i { float: left; position: absolute; top: -20px; left: -30px; z-index: 9; width: 30px; height: 80px; overflow: hidden; border-bottom: 1px solid #ddd; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); }
.hotelList .tit .right { float: right; height: 80px; overflow: hidden; font-size: 14px; line-height: 80px; }
.hotelList .tit .right a { color: #999; }
.hotelList .tit .right a:hover { color: #ff7f3a; }
.hotelList ul { float: left; width: 820px; }
.hotelList ul li { float: left; width: 253px; height: 220px; overflow: hidden; margin: 20px 20px 0 0; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0, 0.05); }
.hotelList ul li:nth-child(1), .hotelList ul li:nth-child(2), .hotelList ul li:nth-child(3) { margin-top: 0; }
.hotelList ul li .img { float: left; position: relative; width: 253px; height: 178px; overflow: hidden; }
.hotelList ul li .img img { float: left; position: relative; z-index: 1; width: 253px; height: 178px; overflow: hidden; cursor: pointer;}
.hotelList ul li .img p { float: left; position: absolute; top: 12px; right: 12px; z-index: 2; height: 26px; overflow: hidden; padding: 0 15px; border-radius: 1px; font-size: 14px; line-height: 26px; background: #ff7f3a; }
.hotelList ul li .img p a { color: #fff; }
.hotelList ul li .txt {text-align:center; width: 255px; height: 45px; overflow: hidden; }
.hotelList ul li .txt .title { text-align:center; width: 255px; height: 45px; overflow: hidden; border-bottom: 1px solid #f5f5f5; font-size: 15px; line-height: 45px; }
.hotelList ul li .txt .title .left { float: left; max-width: 160px; overflow: hidden; font-weight: 500; }
.hotelList ul li .txt .title .right { float: right; font-size: 12px; color: #ff7f3a; }
.hotelList ul li .txt .des { float: left; width: 255px; height: 90px; overflow: hidden; padding: 8px 15px; font-size: 14px; line-height: 28px; }



/* 景点 */
.spotList { float: left; width: 1200px; }
.spotList .tit { float: left; width: 1200px; height: 80px; overflow: hidden; }
.spotList .tit .left { float: left; height: 80px; overflow: hidden; font-size: 24px; line-height: 80px; font-weight: 500; }
.spotList .tit span { float: right; position: relative; height: 80px; overflow: hidden; padding-left: 40px; font-size: 14px; line-height: 80px; font-weight: 400; color: #9e9e9e; }
.spotList .tit span i { float: left; position: absolute; top: -20px; left: -30px; z-index: 9; width: 30px; height: 80px; overflow: hidden; border-bottom: 1px solid #ddd; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); }
.spotList .tit .right { float: right; height: 80px; overflow: hidden; font-size: 14px; line-height: 80px; }
.spotList .tit .right a { color: #999; }
.spotList .tit .right a:hover { color: #009966; }
.spotList ul { float: left; width: 1220px; }
.spotList ul li { float: left; width: 285px; height: 330px; overflow: hidden; margin: 20px 20px 0 0; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0, 0.05); }
.spotList ul li:nth-child(1), .spotList ul li:nth-child(2), .spotList ul li:nth-child(3), .spotList ul li:nth-child(4) { margin-top: 0; }
.spotList ul li .img { float: left; position: relative; width: 285px; height: 178px; overflow: hidden; }
.spotList ul li .img img { float: left; position: relative; z-index: 1; width: 285px; height: 178px; overflow: hidden; }
.spotList ul li .img p { float: left; position: absolute; top: 12px; right: 12px; z-index: 2; height: 26px; overflow: hidden; padding: 0 15px; border-radius: 1px; font-size: 14px; line-height: 26px; background: #339933; }
.spotList ul li .img p a { color: #fff; }
.spotList ul li .txt { float: left; width: 285px; height: 152px; overflow: hidden; }
.spotList ul li .txt .title { float: left; width: 255px; height: 45px; overflow: hidden; padding: 0 15px; border-bottom: 1px solid #f5f5f5; font-size: 15px; line-height: 45px; }
.spotList ul li .txt .title .left { float: left; max-width: 160px; overflow: hidden; font-weight: 500; color: #009966; }
.spotList ul li .txt .title .left a { color: #009966; }
.spotList ul li .txt .title .right { float: right; font-size: 12px; color: #ff6600; }
.spotList ul li .txt .des { float: left; width: 255px; height: 90px; overflow: hidden; padding: 8px 15px; font-size: 14px; line-height: 28px; }




.spotShow { float: left; width: 100%; overflow: hidden; }
.spotPic { float: left; width: 800px; overflow: hidden; }
.spotPic img { float: left;}
.spotPic img:nth-child(1) { width: 800px; height: 500px; overflow: hidden; margin-right: 20px; }
.spotPic img:nth-child(2) { width: 380px; height: 240px; overflow: hidden; margin-bottom: 20px; }
.spotPic img:nth-child(3) { width: 380px; height: 240px; overflow: hidden; }
.spotTit { float: left; width: 800px; /*height: 60px;*/ overflow: hidden; margin: 25px 0 15px; }
.spotTit h1 { float: left; height: 60px; overflow: hidden; font-size: 26px; line-height: 60px; font-weight: 700; }
.spotTit .time { float: left; position: relative; height: 60px; overflow: hidden; padding-left: 45px; font-size: 14px; line-height: 60px; color: #9e9e9e; }
.spotTit .content {float: left;width: 1200px;overflow: hidden;font-size: 15px;line-height: 32px;}
.spotTit .time span { float: left; position: absolute; top: 0; left: -10px; z-index: 9; width: 34px; height: 40px; overflow: hidden; border-bottom: 1px solid #ddd; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); }
.spotTit .price { float: left; position: relative; height: 60px; overflow: hidden; padding-left: 45px; font-size: 14px; line-height: 60px; color: #9e9e9e; }
.spotTit .price span { float: left; position: absolute; top: 0; left: -10px; z-index: 9; width: 34px; height: 40px; overflow: hidden; border-bottom: 1px solid #ddd; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); }
.spotShow .content { float: left; width: 800px; overflow: hidden; font-size: 15px; line-height: 32px; }
.spotTips { float: left; width: 800px; overflow: hidden; }
.spotTips .top { float: left; width: 800px; overflow: hidden; margin-top: 30px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.spotTips .top p { float: left; height: 140px; overflow: hidden; margin: 30px 0; padding: 0 30px; font-size: 15px; line-height: 32px; }
.spotTips .top p:nth-child(1) { width: 206px; border-right: 1px solid #f5f5f5; }
.spotTips .top p:nth-child(2) { width: 206px; border-right: 1px solid #f5f5f5; }
.spotTips .top p:nth-child(3) { width: 206px;  }
.spotTips .top p a {color:#008354; font-weight:bold;text-decoration:underline;}
.spotTips .top p span { float: left; width: 100%; height: 40px; overflow: hidden; font-size: 16px; line-height: 40px; font-weight: 700; }
.spotTips .down { float: left; width: 800px; overflow: hidden; padding: 10px 30px 30px 0; }
.spotTips .down .tit { float: left; width: 800px; height: 40px; overflow: hidden; margin-top: 20px; font-size: 16px; line-height: 40px; font-weight: 700; }
.spotTips .down .txt { float: left; width: 800px; overflow: hidden; font-size: 15px; line-height: 32px; }

.mapBox { width: 100%; height: 460px; overflow: hidden; background: #f8f8f8; }
.mapBox .map { width: 1200px; height: 400px; overflow: hidden; margin: 0 auto; padding-top: 30px; }

@media only screen and (max-width: 759px) {
.spotList { width: 10rem; background: #fff; }
.spotList .tit { float: left; width: 10rem; height: 1.2rem; overflow: hidden; border-bottom: 1px solid #f5f5f5; }
.spotList .tit .left { display: flex; max-width: 5rem; height: 1.2rem; margin-left: 0.4rem; font-size: 0.4rem; align-items: center; line-height: normal; }
.spotList .tit span { display: none; }
.spotList .tit .right { display: flex; max-width: 4.2rem; height: 1.2rem; margin-right: 0.4rem; font-size: 0.37rem; align-items: center; line-height: normal; }
.spotList .tit .right a:hover { color: #999; }
.spotList ul { width: 10rem; }
.spotList ul li { width: 4.4rem; height: 4rem; margin: 0 0 0 0.4rem; box-shadow: none; }
.spotList ul li:nth-child(1), .spotList ul li:nth-child(2) { margin-top: 0.4rem; }
.spotList ul li .img { width: 4.4rem; height: 2.75rem; }
.spotList ul li .img img { width: 4.4rem; height: 2.75rem; }
.spotList ul li .txt { width: 4.4rem; height: 1rem; }
.spotList ul li .txt .title { width: 4rem; height: 1.25rem; padding: 0 0.2rem; border-bottom: none; font-size: 0.37rem; line-height: 1.25rem; }
.spotList ul li .txt .title .left { display: flex; width: 4rem; max-width: 4rem; height: 1.25rem; font-weight: 400; align-items: center; justify-content: center; line-height: normal; }
.spotList ul li .txt .title .right { display: none; }
.spotList ul li .txt .des { display: none; }



.hotelList { width: 10rem; background: #fff; }
.hotelList .tit { float: left; width: 10rem; height: 1.2rem; overflow: hidden; border-bottom: 1px solid #f5f5f5; }
.hotelList .tit .left { display: flex; max-width: 5rem; height: 1.2rem; margin-left: 0.4rem; font-size: 0.4rem; align-items: center; line-height: normal; }
.hotelList .tit span { display: none; }
.hotelList .tit .right { display: flex; max-width: 4.2rem; height: 1.2rem; margin-right: 0.4rem; font-size: 0.37rem; align-items: center; line-height: normal; }
.hotelList .tit .right a:hover { color: #999; }
.hotelList ul { width: 10rem; }
.hotelList ul li { width: 4.4rem; height: 4rem; margin: 0 0.4rem 0 0; box-shadow: none; }
.hotelList ul li:nth-child(1), .hotelList ul li:nth-child(2) { margin-top: 0.4rem; }
.hotelList ul li .img { width: 4.4rem; height: 2.75rem; }
.hotelList ul li .img img { width: 4.4rem; height: 2.75rem; }
.hotelList ul li .txt { width: 4.4rem; height: 1rem; }
.hotelList ul li .txt .title { width: 4rem; height: 1.25rem; padding: 0 0.2rem; border-bottom: none; font-size: 0.37rem; line-height: 1.25rem; }
.hotelList ul li .txt .title .left { display: flex; width: 4rem; max-width: 4rem; height: 1.25rem; font-weight: 400; align-items: center; justify-content: center; line-height: normal; }
.hotelList ul li .txt .title .right { display: none; }
.hotelList ul li .txt .des { display: none; }


.spotShow { width: 10rem; margin-bottom: 0.4rem; border-bottom: none; background: none; }
.spotPic { width: 9.2rem; padding: 0.4rem; background: #fff; }
.spotPic img:nth-child(1) { width: 9.2rem; height: 5.75rem; margin-right: 0; margin-bottom: 0.4rem; }
.spotPic img:nth-child(2) { width: 4.4rem; height: 2.75rem; margin-right: 0.4rem; margin-bottom: 0; }
.spotPic img:nth-child(3) { width: 4.4rem; height: 2.75rem; }
.spotTit { width: 9.2rem; height: auto; margin: 0.4rem 0 0; padding: 0 0.4rem; background: #fff; }
.spotTit h1 { width: 9.2rem; height: 1.3rem; margin-top: 0.4rem; font-size: 0.5rem; line-height: 1.3rem; }
.spotTit .time { width: 9.2rem; height: 0.6rem; padding-left: 0; font-size: 0.36rem; line-height: 0.6rem; }
.spotTit .time span { display: none; }
.spotShow .content { width: 9.2rem; padding: 0.4rem; font-size: 0.4rem; line-height: 0.8rem; background: #fff; }
.spotTips { width: 10rem; }
.spotTips .top { width: 8.8rem; margin-top: 0.4rem; padding: 0 0.6rem; border-top: none; border-bottom: none; background: #fff; }
.spotTips .top p { height: auto; margin: 0; padding: 0.4rem 0; border-bottom: 1px solid #f8f8f8; font-size: 0.4rem; line-height: 0.8rem; }
.spotTips .top p:nth-child(1) { width: 8.8rem; border-right: none; }
.spotTips .top p:nth-child(2) { width: 8.8rem; border-right: none; }
.spotTips .top p:nth-child(3) { width: 8.8rem; border-bottom: none; }
.spotTips .top p span { height: 1rem; font-size: 0.4rem; line-height: 1rem; }
.spotTips .down { width: 9.2rem; margin-top: 0.4rem; padding: 0.2rem 0.4rem 0.4rem; background: #fff; }
.spotTips .down .tit { width: 9.2rem; height: 1rem; margin-top: 0.2rem; font-size: 0.4rem; line-height: 1rem; }
.spotTips .down .txt { width: 9.2rem; font-size: 0.4rem; line-height: 0.8rem; }
}

/* 列表 */
.listDes { float: left; width: 760px; overflow: hidden; padding: 15px 20px; border-radius: 1px; font-size: 14px; line-height: 32px; background: #f8f8f8; }
.list { float: left; width: 800px; overflow: hidden; background: #fff; }
.list dl { float: left; width: 800px; height: 150px; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #f5f5f5; }
.list dl dt { float: left; width: 240px; overflow: hidden; position: relative;}
.list dl dt p {float:left;position:absolute;top:12px;right:12px;z-index:2;height:26px;overflow:hidden;padding:0 15px;border-radius:1px;font-size:14px;line-height:26px; background-color: rgba(51, 153, 51, 0.6); color:#fff;}
.list dl dt p a {color:#fff;}
.list dl dt a img { width: 240px; height: 150px; overflow: hidden; }
.list dl dd { float: right; width: 540px; overflow: hidden; }
.list dl dd .title { float: left; width: 540px; height: 50px; overflow: hidden; font-size: 20px; line-height: 50px; font-weight: 700; }
.list dl dd .des { float: left; width: 540px; overflow: hidden; font-size: 14px; line-height: 30px; color: #999; }
.list dl dd .keyBox { display: inline-block; float: left; width: 540px; height: 40px; overflow: hidden; font-size: 14px; line-height: 40px; color: #999; }
.list dl dd .keyBox .time { float: left; margin-right: 20px; }
.list dl dd .keyBox .key { float: left; }
.list dl dd .keyBox .key a { color: #999; }
.list dl dd .keyBox .key a:hover { color: #ff7f3a; }

.listTwo { float: left; width: 800px; overflow: hidden; background: #fff; }
.listTwo .tit { float: left; width: 800px; height: 60px; overflow: hidden; margin-top: 10px; border-bottom: 1px solid #f5f5f5; font-size: 22px; line-height: 60px; font-weight: 700; }
.listTwo dl { float: left; width: 800px; height: 150px; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #f5f5f5; }
.listTwo dl:last-child { border-bottom: 0; }
.listTwo dl dt { float: left; width: 240px; overflow: hidden; }
.listTwo dl dt a img { width: 240px; height: 150px; overflow: hidden; }
.listTwo dl dd { float: right; width: 540px; overflow: hidden; }
.listTwo dl dd .title { float: left; width: 540px; height: 50px; overflow: hidden; font-size: 20px; line-height: 50px; font-weight: 700; }
.listTwo dl dd .des { float: left; width: 540px; overflow: hidden; font-size: 14px; line-height: 30px; color: #999; }
.listTwo dl dd .keyBox { display: inline-block; float: left; width: 540px; height: 40px; overflow: hidden; font-size: 14px; line-height: 40px; color: #999; }
.listTwo dl dd .keyBox .time { float: left; margin-right: 20px; }
.listTwo dl dd .keyBox .key { float: left; }
.listTwo dl dd .keyBox .key a { color: #999; }
.listTwo dl dd .keyBox .key a:hover { color: #ff7f3a; }

@media only screen and (max-width: 759px) {
.listDes { display: none; }
.list { width: 10rem; }
.list dl { width: 9.2rem; height: 2rem; margin: 0 0.4rem; padding: 0.4rem 0; }
.list dl dt { width: 3.2rem; }
.list dl dt p {float:left;position:absolute;top:5px;right:5px;z-index:2;height:20px;overflow:hidden;padding:0 5px;border-radius:1px;font-size:0.32rem;line-height:20px;background-color: rgba(51, 153, 51, 0.6);}

.list dl dt a img { width: 3.2rem; height: 2rem; }
.list dl dd { width: 5.6rem; }
.list dl dd .title { width: 5.6rem; height: 0.8rem; font-size: 0.4rem; line-height: 0.8rem; font-weight: 400; }
.list dl dd .des { width: 5.6rem; height: 1.18rem; font-size: 0.32rem; line-height: 0.59rem; }
.list dl dd .keyBox { display: none; }

.listTwo { width: 10rem; }
.listTwo .tit { display: flex; width: 9.2rem; height: 1.2rem; margin-top: 0; padding: 0 0.4rem; font-size: 0.5rem; align-items: center; line-height: normal; }
.listTwo dl { width: 9.2rem; height: 2rem; margin: 0 0.4rem; padding: 0.4rem 0; }
.listTwo dl dt { width: 3.2rem; }
.listTwo dl dt a img { width: 3.2rem; height: 2rem; }
.listTwo dl dd { width: 5.6rem; }
.listTwo dl dd .title { width: 5.6rem; height: 0.8rem; font-size: 0.4rem; line-height: 0.8rem; font-weight: 400; }
.listTwo dl dd .des { width: 5.6rem; height: 1.18rem; font-size: 0.32rem; line-height: 0.59rem; }
.listTwo dl dd .keyBox { display: none; }
}

/* 内容 */
.showTop { float: left; width: 1200px; height: 120px; overflow: hidden; background: #fbf6f0; }
.show { float: left; width: 800px; }
.show h1 { float: left; width: 800px; overflow: hidden; margin-top: 30px; font-size: 24px; line-height: 40px; font-weight: 700;text-align: center;}
.show .copyfrom { float: left; width: 800px; overflow: hidden; margin: 15px 0 20px; font-size: 14px; line-height: 24px; color: #bbb;text-align: center;}
.show .copyfrom p { display: inline-block; margin-right: 20px; }
.show .copyfrom a { color: #bbb; }
.show .description { float: left; width: 760px; overflow: hidden; padding: 15px 20px; border-radius: 1px; font-size: 14px; line-height: 32px; background: #f8f8f8; }
.show .content { float: left; width: 800px; overflow: hidden; margin: 10px 0 0; font-size: 15px; line-height: 32px; /*-webkit-user-select: none; -ms-user-select: none;  user-select: none;*/ }
.show .content table th, .show .content table td {border: 1px solid #eee;vertical-align: middle !important;padding: 5px;}
.show .content .table-container table{border-collapse: collapse;margin: 0 auto;}
.show .content .table-container table img{height: auto!important;}
.show .content a {color:#008354;}
.show .content a:hover{color:#074730;color: #263c77;text-decoration: underline;}
.show .content p { margin-top: 10px;text-indent: 2em; }
.show .content p u {position: relative;top: -999em;}
.show .content h3,.show .content h2 {font-size:20px;color:#008354;padding-left:10px;border-left:8px solid #008354;margin:15px 0;line-height:28px;background:#f7f7f7; font-weight:bold;}
.show .content h4 {margin:20px 0;font-size:20px;font-weight:bold;padding-left: 1.4em}
.show .content img {max-width:100%;}
.show .content p img { /*margin-top: 15px; margin-bottom: 5px; */text-indent: 0;display: block;margin: 0 auto;max-width: 700px;height: auto;}
.post_nav{/*float:right;*/ /*margin:0 0 10px 20px;*/background: #fff;padding-left: 30px;}
/*.post_nav ul {list-style-type:circle}*/
.post_nav ul li a {color:#008354;}
.show .keywords { float: left; width: 800px; overflow: hidden; margin-top: 20px; margin-bottom: 20px; }
.show .keywords a { float: left; height: 40px; overflow: hidden; margin-right: 20px; padding: 0 20px; border: 1px solid #f5f5f5; border-radius: 3px; font-size: 15px; line-height: 40px; }
.nearby { float: left; width: 800px; height: 60px; overflow: hidden; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; font-size: 15px; line-height: 60px; }
.nearby p { float: left; max-width: 400px; overflow: hidden; }
.nearby p:nth-child(1) { float: left; }
.nearby p:nth-child(2) { float: right; }

@media only screen and (max-width: 759px) {
.showTop { display: none; }
.show { width: 10rem; background: #fff; }
.show h1 { width: 9.2rem; margin: 0.4rem 0.4rem 0 0.4rem; font-size: 0.6rem; line-height: 0.7rem; text-align: left; }
.show .copyfrom { width: 9.2rem; height: 1rem; margin: 0 0 0 0.4rem; font-size: 0.37rem; line-height: 1rem; text-align: left; }
.show .copyfrom p { margin: 0; }
.show .description { width: 9.2rem; margin: 0.2rem 0 0; padding: 0.3rem 0.4rem; font-size: 0.4rem; line-height: 0.8rem; }
.show .content { width: 9.2rem; margin: 0.3rem 0 0 0.4rem; font-size: 0.4rem; line-height: 0.8rem; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */}
.show .content .table-container {width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.show .content .table-container table th, .table-container table td {padding: 5px;border: 1px solid #eee;word-break: keep-all;word-wrap: break-word !important;display: table-cell;vertical-align: middle !important;white-space: normal !important; }
.show .content .table-container table {font-size: 12px;border-collapse: collapse;}
.table-container table img{text-indent: 0;max-width: 100%;height: auto!important;display: block;margin: 0 auto;}
.show .content p u {position: relative;top: -999em;}
.show .content p { margin-top: 0.13rem; }
.show .content h3,.show .content h2 {color:#008354;font-size:0.4rem;line-height:30px;font-weight:bold}
.show .content h4 {font-size:0.4rem;margin-bottom:15px;line-height:28px;font-weight:bold;color:#000000;padding-left: 30px;}
.show .content p img { float: left; width: 9.2rem !important; height: auto !important; overflow: hidden; margin-top: 0.3rem; margin-bottom: 0.43rem; }
.show .keywords { float: left; width: 9.2rem; overflow: hidden; margin-top: 20px; margin-bottom: 20px; }
.show .keywords a { float: left; height: 40px; overflow: hidden; margin-right: 20px; padding: 0 20px; border: 1px solid #f5f5f5; border-radius: 3px; font-size: 15px; line-height: 40px; }
.show .keywords { width: 9.2rem; margin-top: 0.3rem; margin-bottom: 0.4rem; margin-left: 0.4rem; }
.show .keywords a { display: flex; height: 0.9rem; margin-right: 0.3rem; padding: 0 0.4rem; font-size: 0.37rem; align-items: center; justify-content: center; line-height: normal; }
.nearby { float: left; width: 9.2rem; height: auto; overflow: hidden; margin-bottom: 0.4rem; padding: 0.4rem; border-top: 1px solid #f5f5f5; border-bottom: none; font-size: 0.4rem; line-height: 0.8rem; background: #fff; }
.nearby p { float: left; width: 9.2rem; max-width: 9.2rem; height: 0.8rem; font-size: 0.4rem; line-height: 0.8rem; }
.nearby p:nth-child(2) { float: left; }
}

/* 右侧 */
.rightCity { float: left; width: 320px; overflow: hidden; padding: 15px 20px; background: #f8f8f8; }
.rightCity ul { float: left; }
.rightCity ul li { float: left; width: 160px; height: 40px; overflow: hidden; font-size: 15px; line-height: 40px; }
.rightCity ul li span:after { float: left; margin: 0 8px; font-family: "iconfont"; content: "\e644"; font-size: 10px; color: #dbdbdb; }
.rightCity ul li a { }
.rightCity .tit { float: left; width: 360px; height: 50px; overflow: hidden; /*margin-top: 10px;*/ border-bottom: 1px solid #f5f5f5; font-size: 20px; line-height: 50px; font-weight: 700; }
.City { float: left; width: 1200px; overflow: hidden; padding: 15px 20px; background: #f8f8f8; }
.City ul { float: left; }
.City ul li { float: left; width: 160px; height: 40px; overflow: hidden; font-size: 15px; line-height: 40px; }
.City ul li span:after { float: left; margin: 0 8px; font-family: "iconfont"; content: "\e644"; font-size: 10px; color: #dbdbdb; }
.City ul li a { }

.rightNews { float: left; width: 360px; overflow: hidden; }
.rightNews .tit { float: left; width: 360px; height: 50px; overflow: hidden; margin-top: 10px; border-bottom: 1px solid #f5f5f5; font-size: 20px; line-height: 50px; font-weight: 700; }
.rightNews .txt { float: left; width: 360px; overflow: hidden; }
.rightNews .txt dl { float: left; margin-top: 20px; }
.rightNews .txt dl dt { float: left; width: 140px; height: 88px; overflow: hidden; }
.rightNews .txt dl dt img { float: left; width: 140px; height: 88px; overflow: hidden; }
.rightNews .txt dl dd { float: left; width: 200px; height: 88px; overflow: hidden; margin-left: 20px; }
.rightNews .txt dl dd .title { float: left; width: 200px; height: 32px; overflow: hidden; font-size: 15px; line-height: 32px; font-weight: 500; }
.rightNews .txt dl dd .des { float: left; width: 200px; height: 50px; overflow: hidden; font-size: 13px; line-height: 25px; color: #bbb; }
.rightNews .more a { float: left; width: 360px; height: 40px; overflow: hidden; margin-top: 20px; border-radius: 2px; font-size: 14px; line-height: 40px; text-align: center; background: #f5f5f5; color: #999; }
.rightNews .more a:hover { color: #ff7f3a; }

@media only screen and (max-width: 759px) {
.rightCity { width: 10rem; padding: 0 0 0.4rem 0; background: #fff; }
.rightCity ul li { display: flex; width: 3.96rem; height: 1rem; margin: 0.4rem 0 0 0.4rem; padding: 0 0.2rem; border: 0.02rem solid #f5f5f5; border-radius: 2px; font-size: 0.4rem; align-items: center; justify-content: center; line-height: normal; }
.rightCity ul li span:after { display: none; }
.rightCity .tit { display: flex; width: 9.2rem; height: 1.2rem; margin-top: 0; padding: 0 0.4rem; font-size: 0.4rem; align-items: center; line-height: normal; }

.City { width: 10rem; padding: 0 0 0.4rem 0; background: #fff; }
.City ul li { display: flex; width: 3.96rem; height: 1rem; margin: 0.4rem 0 0 0.4rem; padding: 0 0.2rem; border: 0.02rem solid #f5f5f5; border-radius: 2px; font-size: 0.4rem; align-items: center; justify-content: center; line-height: normal; }
.City ul li span:after { display: none; }

.rightNews { width: 10rem; margin-top: 0.4rem; background: #fff; }
.rightNews .tit { display: flex; width: 9.2rem; height: 1.2rem; margin-top: 0; padding: 0 0.4rem; font-size: 0.4rem; align-items: center; line-height: normal; }
.rightNews .txt { width: 9.2rem; padding: 0 0.4rem; }
.rightNews .txt dl { margin-top: 0; padding: 0.4rem 0; border-top: 1px solid #f5f5f5; }
.rightNews .txt dl:nth-child(1) { border-top: none; }
.rightNews .txt dl dt { width: 3.2rem; height: 2rem; }
.rightNews .txt dl dt img { width: 3.2rem; height: 2rem; }
.rightNews .txt dl dd { width: 5.6rem; height: 2rem; margin-left: 0.4rem; }
.rightNews .txt dl dd .title { width: 5.6rem; height: 0.8rem; font-size: 0.4rem; line-height: 0.8rem; font-weight: 400; }
.rightNews .txt dl dd .des { width: 5.6rem; height: 1.18rem; font-size: 0.32rem; line-height: 0.59rem; }
.rightNews .more a { display: flex; width: 9.2rem; height: 1rem; margin: 0 0.4rem 0.4rem; font-size: 0.37rem; align-items: center; justify-content: center; line-height: normal; }
}

/* 底部 */
.footer { float: left; width: 100%; overflow: hidden; margin-top: 20px; padding: 25px 0; font-size: 14px; line-height: 34px; text-align: center; color: rgba(255, 255, 255, 0.8); background-color: #484848; background-image: linear-gradient(to right,484848,#676060); }
.footer span { margin-right: 15px; }
.footer a { color: rgba(255, 255, 255, 0.8); }
.footer a:hover { color: #fff; }
#rightFloat {display:none;}

@media only screen and (max-width: 759px) {
.footer { margin-top: 0.4rem; padding: 0.4rem 0; font-size: 0.37rem; line-height: 0.8rem; }
#rightFloat{display:block;top:79%;margin-top:0;width:1.5rem;height:1.5rem;background:url(https://img.alicdn.com/imgextra/i1/694985117/O1CN01stAGEh1nfdLE2m3sR_!!694985117.png) no-repeat;background-position:center;background-size:100% 100%;cursor:pointer;position:fixed;right:2%;z-index:899;text-align:center}
.ctrip {background:url(https://img.alicdn.com/imgextra/i1/694985117/O1CN01fGAASR1nfdL7fXRUa_!!694985117.png) no-repeat!important; background-position:center;background-size:100% 100%!important;}
#rightFloat a{display:block;width:100%;height:100%}
.hotelbookingbt {padding:.384rem 0;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:900; background-color:#fff;box-shadow: 0 0 0.21333rem rgba(146,170,170,.2);}
.hotelbookingbt a {width:8.32533rem;height:1.27733rem;line-height:1.27733rem;text-align:center;color:#fff;border-radius:.93867rem;background-color:#06c584;font-weight:700;font-size:.55rem; display:block; margin:0 auto;}
}

/* 正文图片弹出 */
.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; background-color:#FFF;}
.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/imgshowclose.png) no-repeat center center; background-size: 40px; cursor: pointer; }

@media only screen and (max-width: 759px) {
.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; background-color: #000;}
}

/* 分页 */
.pagination { float: left; width: 100%; overflow: hidden; font-size: 15px; text-align: center; }
.pagination a { display: inline-block; width: 40px; height: 45px; border-radius: 2px; line-height: 45px; text-align: center; color: #333; background: #efefef; }
.pagination a.a1 { width: 90px; height: 45px; border-radius: 2px; background: #efefef; }
.pagination a.pageNum { }
.pagination a:hover { text-decoration: none; color: #000; }
.pagination 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: 759px) {
.pagination { font-size: 0.36rem; }
.pagination a { width: auto; height: 1rem; line-height: 1rem; background: none; }
.pagination a.a1 { width: 3rem; height: 1rem; margin: 0 0.4rem; background: #209e85; color: #fff; }
.pagination a.pageNum { display: none; }
.pagination span { width: auto; height: 1rem; font-size: 0.36rem; line-height: 1rem; font-weight: 600; background: none; color: #209e85; }