a{text-decoration: none;color: #000;} strong,h2,h3,h4,h5,h6,p,a,span,div{font-family: "微软雅黑"} ul li{list-style:none;} /* 清除浮动 */ .ks-clear:after, .clear:after {content: '\20';display: block;height: 0;clear: both;} .ks-clear, .clear {*zoom: 1;} .left{float: left;} .right{float: right;} .heightCenter{width: 1200px;margin:0 auto;} .topNavBox{background: #f2f2f2; } .topNav{line-height: 30px;} /*导航logo*/ .topLogoBox{padding:20px 0;} .leftLogo{display: block;width: 225px;height: 80px;background: url(../images/logo3.png) no-repeat;} /*搜索*/ .centerSerach{width: 480px;height: 40px;border-radius: 4px;margin:9px 0 0 90px;} .centerSerach input{float: left;} .centerSerach .searchInfo{width: 382px;height: 36px;border-radius: 4px 0 0 4px;background: #fff;border:1px solid #16aefd;font-size: 16px;text-indent: 5px; outline:none;} .centerSerach .searchButton{width: 90px;height: 40px;border-radius:0 4px 4px 0;background: #16aefd;border: 1px solid #16aefd;color: #fff;font-size: 16px;cursor: pointer;} .serachTxt{clear: both;padding-top:6px;} .serachTxt span,.serachTxt a{color: red;} /*快速导航*/ .rightLogo ul li a{ display: block; width: 70px; height: 55px; border-radius: 35px; line-height: 20px; background: #f6f6f6; text-align: center; padding-top: 15px; font-weight: bold; color:#16aefd; position: absolute; top: 0; z-index: 1;} .rightLogo ul li{width: 70px;height: 70px;display: inline-table;float:left;border-radius: 35px;margin-left: 10px;cursor: pointer;position: relative;} .rightLogo ul li .rightImg{position: absolute;z-index: 2; width: 70px;height: 70px;border-radius: 35px;background: url(../images/contentIcon.png) 0 0 no-repeat #16aefd;} .rightLogo ul li:nth-child(1) .rightImg{position: absolute;top:0;right: 0;background-position:12px -715px;margin-left:90px;} .rightLogo ul li:nth-child(2) .rightImg{background-position:14px -802px;} .rightLogo ul li:nth-child(3) .rightImg{background-position:15px -892px;} .rightLogo ul li:nth-child(4) .rightImg{background-position:14px -982px;} .rightLogo{position: relative;} .rightLogo ul:nth-child(2) li{background:none;} .rightLogo ul:nth-child(2){position: absolute;} /*导航*/ .navBox{background: #16aefd;} .nav ul li{float: left;width: 150px;height: 60px;background: url(../images/contentIcon.png) 26px -2px no-repeat #16aefd;} .nav ul li:nth-child(2){background-position: 13px -262px;} .nav ul li:nth-child(3){background-position: 14px -87px;} .nav ul li:nth-child(4){background-position: 26px -176px;} .nav ul li:nth-child(5){background-position: 13px -434px;} .nav ul li:nth-child(6){background-position: 7px -347px;} .nav ul li:nth-child(7){background-position: 10px -522px} .nav ul li:nth-child(8){background-position: 10px -610px} .nav ul .currentLi{background: url(../images/contentIconT.png) 26px -2px no-repeat #f3f3f3;} .nav ul li:hover{background: url(../images/contentIconT.png) 26px -2px no-repeat #fff;color: #fff;} .nav ul li:nth-child(1):hover span:nth-child(1){color:#16aefd;} .nav ul li:nth-child(2):hover{background-position: 13px -262px;} .nav ul li:nth-child(2):hover span:nth-child(1){color:#16aefd;} .nav ul li:nth-child(3):hover{background-position: 14px -87px;} .nav ul li:nth-child(3):hover span:nth-child(1){color:#16aefd;} .nav ul li:nth-child(4):hover{background-position: 26px -176px;} .nav ul li:nth-child(4):hover span:nth-child(1){color:#16aefd;} .nav ul li:nth-child(5):hover{background-position: 13px -434px;} .nav ul li:nth-child(5):hover span:nth-child(1){color:#16aefd;} .nav ul li:nth-child(6):hover{background-position: 7px -347px;} .nav ul li:nth-child(6):hover span:nth-child(1){color:#16aefd;} .nav ul li:nth-child(7):hover{background-position: 10px -522px} .nav ul li:nth-child(7):hover span:nth-child(1){color:#16aefd;} .nav ul li:nth-child(8):hover{background-position: 10px -610px} .nav ul li:nth-child(8):hover span:nth-child(1){color:#16aefd;} .nav ul li a{display: block;text-align: left;} .nav ul li a span{display: block;padding-top: 14px;text-indent: 70px;} .nav ul li:nth-child(2) a span,.nav ul li:nth-child(8) span{text-indent: 50px;} .nav ul li:nth-child(3) a span{text-indent: 58px;} .nav ul li:nth-child(5) span{text-indent: 60px;} .nav ul li:nth-child(6) span{text-indent: 45px;} .nav ul li:nth-child(7) span{text-indent: 57px;} .nav ul li a span:nth-child(1){font-size: 18px;color: #fff;} .nav ul li a span:nth-child(2){padding-top:4px;font-size: 12px;color:#294350;} .nav ul .currentLi{background: url(../images/contentIconT.png) 26px -2px no-repeat #fff;} .nav ul li.currentLi a span:nth-child(1){color: #16aefd;} /*当前位置*/ .location{padding-top:20px;border-bottom:1px solid #e5e5e5;} .location a{font-size: 16px;} .location>h1{font-size: 38px;line-height: 48px;padding:40px 0 20px;} .location>h1 span{display: block;width: 840px; color: #4D4F53;font-weight: normal;} /*左侧内容页*/ .mainBodyLeft{width: 840px;} .advertising{padding-top:20px;} .advertisingBottom{padding-bottom:20px;} .miscellaneous span{margin-right: 10px; padding: 3px 0 3px 28px;display: block;float: left;color:#919191;} .miscellaneous span:nth-child(5){float: right;margin-right: 0;} .miscellaneous{height: 22px;border-top: 1px solid #e5e5e5;padding: 16px 0;} .miscellaneous span:nth-child(1) a{color:#16aefd;} .miscellaneous span:nth-child(1){background: url(../images/contentIcon.png) -226px -464px no-repeat #fff;} .miscellaneous span:nth-child(2){background: url(../images/contentIcon.png) -224px -550px no-repeat #fff;} .miscellaneous span:nth-child(3){background: url(../images/contentIcon.png) -224px -633px no-repeat #fff;} /*页码*/ .u-pageBox{padding-top:30px;text-align: center;} .u-pageBox span,.u-pageBox a{padding:5px 10px;border-radius: 4px;border:1px solid #16aefd;} .u-pageBox a{margin-left: 15px;transition: background 0.5s;} .u-pageBox a:hover{color: #fff;background: #16aefd;} /*分享*/ .miscellaneous span:nth-child(5){position: relative; bottom: 17px;right: -13px;} span .bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more,span .bdshare-button-style2-24 .bds_more{margin-left:15px;} span .bdsharebuttonbox .bds_more{background: url(../images/contentIcon.png) -223px -367px no-repeat;} span .bdsharebuttonbox .bds_qzone{background: url(../images/contentIcon.png) -225px -157px no-repeat;} span .bdsharebuttonbox .bds_tsina{background: url(../images/contentIcon.png) -225px -225px no-repeat;} span .bdsharebuttonbox .bds_tqq{background: url(../images/contentIcon.png) -219px -16px no-repeat;} span .bdsharebuttonbox .bds_renren{background: url(../images/contentIcon.png) -221px -291px no-repeat;} span .bdsharebuttonbox .bds_weixin{background: url(../images/contentIcon.png) -222px -85px no-repeat;} span .bdsharebuttonbox .bds_more:hover{background: url(../images/contentIconT.png) -223px -367px no-repeat;} span .bdsharebuttonbox .bds_qzone:hover{background: url(../images/contentIconT.png) -225px -157px no-repeat;} span .bdsharebuttonbox .bds_tsina:hover{background: url(../images/contentIconT.png) -225px -225px no-repeat;} span .bdsharebuttonbox .bds_tqq:hover{background: url(../images/contentIconT.png) -219px -16px no-repeat;} span .bdsharebuttonbox .bds_renren:hover{background: url(../images/contentIconT.png) -221px -291px no-repeat;} span .bdsharebuttonbox .bds_weixin:hover{background: url(../images/contentIconT.png) -222px -85px no-repeat;} span .bdsharebuttonbox a,span .bdsharebuttonbox .bds_more{width: 32px;height: 32px;padding:0;} .advertisingtop{padding-top:10px;} /*正文*/ .contentBox{padding-top:10px;} .contentBox a.neilian{color:#00b0f0;text-decoration: underline;margin:20px 0;display: block;font-size: 14px} .contentBox a:hover{color:#f00;} .contentBox p{font-size: 16px;word-wrap: break-word;color: #333;margin-bottom: 15px;line-height: 24px;text-align: justify;} .contentBox img{display: block;margin:15px auto;max-width: 600px;} .contentBox h3{font-size: 20px; color: #000; padding-left: 0;margin: 15px 0;line-height: 28px;} .contentBox h4{margin:20px 0;font-size: 20px;font-weight: normal;} .sweetBox{padding:10px 0;font-weight: bold;color: #16aefd;font-size: 18px;} .contentBox h5 {text-indent:28px; font-size:14px; font-weight:100; background:#cfefff; border:1px solid #16aefd; margin:2px 0; padding:12px;} /*tags标签*/ .tagsBox{padding: 20px 0 10px 0; color: #16aefd; font-size: 18px;} .tagsBox span{padding: 5px 0;} .tagsBox a{padding: 5px 10px;border: 1px solid #16aefd;border-radius: 4px;font-size: 14px;transition: background 0.5s,color 0.5s;} .tagsBox a:hover{background: #16aefd;color:#fff;} /*翻页*/ .pageTurning .leftPage a,.pageTurning .rightPage a{display: block;width: 250px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .leftPage,.rightPage{width:340px;height: 40px;background: #f2f2f2;line-height: 40px;padding:10px 0;} .leftPage span{float: left;display: block;} .rightPage span{display: block;float: right;} .leftPage span:nth-child(1){margin-left: 10px;border-right: 1px solid #c3c3c3;width: 60px;} .rightPage span:nth-child(1){border-left: 1px solid #c3c3c3;width: 60px;text-align: center;} .leftPage span:nth-child(2){margin-left: 10px;} .rightPage span:nth-child(2){float: right;margin-right: 10px;} .centerPage,.centerPage2{width: 80px;height: 60px;cursor: pointer;} .centerPage span:nth-child(2):hover,.centerPage2 span:nth-child(2):hover{} .centerPage span,.centerPage2 span{display: block;} .centerPage span:nth-child(1),.centerPage2 span:nth-child(1){width: 38px;height: 38px;border-radius: 19px;background: #666;margin:0 auto;} .centerPage span:nth-child(1){background: url(../images/contentIconT.png) -218px -444px no-repeat #333;} .centerPage2 span:nth-child(1){background: url(../images/contentIconT.png) -217px -540px no-repeat #333;} .centerPage span:nth-child(2),.centerPage2 span:nth-child(2){font-size: 14px;line-height: 22px;display: block;text-align: center;} .pageTurning a span:hover{text-decoration: underline;color: #16aefd;} .mainBodyBox .mainBody .mainBodyLeft .pageBox{margin-top: 20px;} .pageBox{width: 400px;margin: 0 auto;} .pageBox span{display: block;border: 1px solid #16aefd;padding: 7px 10px;float: left;margin-right: 5px;border-radius: 3px;transition: background 0.5s,color 0.5s;} .pageBox span a{display: block;transition: background 0.5s,color 0.5s;} .pagebox_num_nonce{background:#16aefd;color:#fff;} .pageBox span:hover{background:#16aefd;color:#fff;} .pageBox span a:hover{background:#16aefd;color:#fff;} /*相关游记*/ .travels{clear:both;} .travels h1{display: block;font-size: 18px;font-weight: bold;padding:20px 0 15px 36px;background: url(../images/contentIconT.png) -226px -618px no-repeat; border-bottom: 1px dashed #c6c6c6;margin-bottom: 10px;} .travels h1 span{color:#16aefd;} .travels h1 span:nth-child(2){color:red;} .travels h1 a{float: right;font-size: 14px;font-weight: normal;color: #999;} .travels h1 a:hover{color:#16aefd;text-decoration: underline;} .travels ul li{width: 410px;float: left;border-bottom: 1px solid #c6c6c6;overflow: hidden;margin-left: 0;} .travels ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .travels ul li a span{color: #666;line-height: 46px;} /* 标题去H1*/ .travels strong.f-title,.travels strong.f-titlenew,.g-dt-list strong.f-titlenew,.g-zj-list strong.f-titlenew,.g-jdtj-list strong.f-titlenew,.g-zxgx-list strong.f-titlenew{font-size: 18px;color: #16aefd;line-height: 30px;display: block;height: 30px;margin:20px 0 20px 0;} .travels strong.f-title:after,.travels strong.f-titlenew:after,.g-dt-list strong.f-titlenew:after,.g-zj-list strong.f-titlenew:after,.g-jdtj-list strong.f-titlenew:after,.g-zxgx-list strong.f-titlenew:after{display: inline-block;content: "";color: red;} .travels strong.f-title:after{content: "留言";} .comment strong.f-title:after{content: "评论";} .links strong.f-title:after{content: "游记";} .f-jntj strong.f-title:after{content: "推荐";} .popular strong.f-title:after{content: "景区专区";} .theme strong.f-title:after{content: "排行";} .zhuanti strong.f-title:after{content: "推荐";} .popular strong.f-titlenew:after{content: "景区资讯";} .g-dt-list strong.f-titlenew:after{content: "景区资讯";} .theme strong.f-titlenew:after{content: "景区问答";} .g-zj-list strong.f-titlenew:after{content: "景区问答";} .zhuanti strong.f-titlenew:after{content: "景区攻略";} .g-jdtj-list strong.f-titlenew:after{content: "景点推荐";} .g-zxgx-list strong.f-titlenew:after{content: "最新更新";} .travels strong.f-title:before,.travels strong.f-titlenew:before,.g-dt-list strong.f-titlenew:before,.g-zj-list strong.f-titlenew:before,.g-jdtj-list strong.f-titlenew:before,.g-zxgx-list strong.f-titlenew:before{display: inline-block;content: "";width: 30px;height: 30px;background: url(../images/new_icon1.png) center no-repeat #16aefd;background-size: 60%;vertical-align: top;margin-right: 5px;border-radius: 4px; background: #16aefd; width: 4px; height: 22px; margin: 5px 12px 0 0; } .comment strong.f-title:before{background: url(../images/new_icon2.png) center no-repeat #16aefd;background-size: 60%;} .links strong.f-title:before{background: url(../images/new_icon3.png) center no-repeat #16aefd;background-size: 60%;} .g-jdtj-list strong.f-titlenew:before{background: url(../images/new_icon5.png) center no-repeat #16aefd;background-size: 60%;} .f-jntj strong.f-title:before,.g-zxgx-list strong.f-titlenew:before{background: url(../images/new_icon4.png) center no-repeat #16aefd;background-size: 60%;} .popular strong.f-title:before,.g-jdtj-list strong.f-titlenew:before{background: url(../images/new_icon5.png) center no-repeat #16aefd;background-size: 60%;} .theme strong.f-title:before{background: url(../images/new_icon6.png) center no-repeat #16aefd;background-size: 60%;} .zhuanti strong.f-title:before{background: url(../images/new_icon7.png) center no-repeat #16aefd;background-size: 60%;} .popular strong.f-titlenew:before,.g-dt-list strong.f-titlenew:before{background: url(../images/new_icon8.png) center no-repeat #16aefd;background-size: 60%;} .theme strong.f-titlenew:before,.g-zj-list strong.f-titlenew:before{background: url(../images/new_icon9.png) center no-repeat #16aefd;background-size: 60%;} .zhuanti strong.f-titlenew:before{background: url(../images/new_icon10.png) center no-repeat #16aefd;background-size: 60%;} .g-jingdian-title{position: relative;} .g-jingdian-title a{padding: 0 15px;background: #16aefd;right: 0;display: inline-block;line-height: 30px;top: 0;position: absolute;font-size: 14px;color: #fff;border-radius: 50px;} .g-jingdian-title a:hover{color: #fff;background: #1188c6;} /*当地美食*/ .food h1{background-position: -226px -709px;border:none;} .food ul li{ width: 199px; border:none; margin: 0 14px 14px 0;} .food ul li a {height: 100%;overflow: hidden;} .food ul li h3{font-weight: normal;line-height: 24px;height: 24px;overflow:hidden;margin-top:5px;} .food ul li p{font-size: 14px;font-weight: normal;margin-top:5px;line-height: 20px;height: 20px;overflow:hidden;} .food ul li p strong{font-weight: normal;color: #999;} .food ul li p em{display: inline-block;width:16px;height: 16px;background: url(/skin/new2018/images/jdtj2_icon.png) 0 0 no-repeat;vertical-align:middle;} .food ul li:nth-child(4n){ margin-right: 0; } /*留言*/ .messageTxt {border-radius: 4px;width:838px;border:1px solid #16aefd;} .messageBox h1{border-bottom: none;background-position: -226px -800px;} .messageTxt textarea{width: 824px;border:none;resize: none;border-radius: 4px 4px 0 0; outline:none;padding:5px;font-size: 14px;height: 100px;} .bottomTxt{border:none;background: #f2f2f2;border-radius: 0 0 4px 4px;padding:10px 0;height: 24px;} .bottomTxt input{border-radius: 4px;line-height: 26px;border:none;text-indent: 5px;width: 80px;margin-left: 10px;float: left;outline: none;} .bottomTxt .comment-input{float: right;margin-right: 10px;background: #16aefd;color: #fff;} .bottomTxt .comment-input:hover{background:#1184c0;} .bottomTxt .inputImg{height: 26px; position: relative; top: 1px; border-radius: 4px;} .inputImg{float: left;width: 80px;height: 28px;background: red;margin-left: 10px;} .bottomTxt input[type="button"]{float: right;margin-right: 10px;background:#16aefd;color: #fff;border:none;cursor: pointer;outline: none;} .bottomTxt input[type="button"]:hover{background: #1187c5;} .messageBox p{padding:10px 0;color:#c6c6c6;} /*网友评论*/ .comment h1{border-bottom: none;background-position: -226px -890px;} /*评论列表*/ .mainBodyLeft .comment ul li{width: 840px;border:none;margin:0;padding-bottom: 20px;} .comment ul{padding-top:10px;} .commentContentTitle{height: 28px;width:840px;background: #545d64;position: relative;} .commentContentTitle span{display: block;text-indent: 50px;line-height: 28px;color: #fff;} .commentContentTitle img{position: absolute;display: block;width: 40px;height: 40px;left: 5px;top:-6px;} .commentContent{margin-top:16px;padding:5px 0 10px 60px;line-height: 22px;font-size: 14px;} .commentContentBottom{padding:0 0 20px 60px;font-size: 14px;} .commentContentBottom span{color:#aaa;} input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset;} /*右侧*/ .mainBodyRight{width: 340px;} .popular h1,.popular2 h1{border-bottom: none; background-position: -226px -981px;} .mainBodyRight ul li{border:none;width: 160px;margin-bottom: 10px;} .mainBodyRight ul li p{margin:10px 0;font-size: 14px;line-height: 20px; color: #999;max-height: 40px;overflow:hidden;} .popular ul li a,.popular ul li a img,.popular2 ul li a,.popular2 ul li a img{display: block;width: 160px;} .popular ul li a,.popular2 ul li a{height: 99px;overflow: hidden;position: relative;} .popular ul li a em,.popular2 ul li a em{ position: absolute;top: 0;color: #fff!important;font-style: normal;max-height: 99px;line-height:99px;overflow:hidden;display: block;width: 160px;text-align: center;font-weight: bold;background: rgba(0,0,0,0.5)} .bottom span{display: block;float: left;font-size: 14px;line-height: 18px;} .bottom span:nth-child(1),.bottom span:nth-child(4){width: 20px;height: 20px;background: url(../images/contentIcon.png) 0 0 no-repeat;} .bottom span:nth-child(1){background-position:-230px -759px;} .bottom span:nth-child(4){background-position:-229px -694px;} .bottom span:nth-child(3), .bottom span:nth-child(4){float: right;} /*美人游记*/ .beauty h1{background-position: -225px -1071px;} .beautybanner a img,.beauty>a{width: 340px;display: block;} .beautybanner a{height: 210px} .beautybanner {width: 340px;} .beautySpan{width: 120px;margin:0 auto;padding:15px 0;} .beautySpan span{display: block;width: 10px;height: 10px;background: #00b0f0;border-radius: 5px;float: left;margin-right: 5px;} .beauty ul li,.beauty ul li a{width: 340px;height: 40px;line-height: 40px;text-indent: 30px;font-size: 16px;} .mainBodyRight .beauty ul li{margin-bottom: 0;margin-left: 0;background: url(../images/contentIconT.png) -7px -1126px no-repeat;} .mainBodyRight .beauty ul li.currentBg{background: url(../images/contentIconT.png) -7px -1126px no-repeat #f3f3f3;} .mainBodyRight .beauty ul li.currentBg a{color:#00b0f0;} .mainBodyRight .beauty ul li :hover{ background: url(../images/contentIconT.png) -7px -1126px no-repeat #f3f3f3;}.mainBodyRight .beauty ul li a:hover{color: #00b0f0;} /*主题推荐*/ .theme h1{background-position: -223px -1163px;} .theme ul li>a,.theme ul li>a img{display: block;width: 120px;} .theme ul li>a{height: 74px;overflow: hidden;border-radius: 5px;} .themeRight{width: 210px;height: 74px;overflow: hidden;} .theme .themeRight a{height: 16px;line-height: 16px;width:auto;} .mainBodyRight .theme ul li{width: 340px;position: relative;margin:0;margin-bottom: 10px;border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;} .mainBodyRight .theme ul li p{margin: 0;font-size: 12px;line-height: 16px;color: #808080;padding: 5px 0;padding-left: 1px;} .theme ul li span{font-size: 14px;display: block;color:#888;text-indent: 20px;position: absolute;bottom: 15px;} .theme ul li span:nth-child(3){float: left;background: url(../images/contentIcon.png) -231px -696px no-repeat;} .theme ul li span:nth-child(4){float: right;background: url(../images/contentIcon.png) -233px -761px no-repeat;right: 0;} /*专题推荐*/ .jdgldiv{overflow: hidden;} .zhuanti ul li{width:340px;margin-bottom: 15px;} .zhuanti ul li a{display: block;width: 100%;height: 210px;overflow: hidden;border-radius: 0;} .zhuanti ul li{border-bottom: none !important;} .jdgldiv ul li a{font-size: 15px;display: block;line-height: 40px;border-bottom: 1px dashed #e2e2e2;height: 40px;overflow: hidden;} .zhuanti ul li a img{width: 100%;} .zhuanti ul li strong{display: block;height: 28px;line-height: 28px;font-size: 16px;color: #999;overflow: hidden;font-weight: normal;padding-top:5px;} .zhuanti a.u-zt{display: block;font-size: 15px;line-height:40px;height: 40px;overflow: hidden;border-bottom: 1px dashed #e2e2e2;} .zhuanti a.u-zt i{font-style: normal;color: #999;font-size: 14px;margin-right: 5px;} .zhuanti a.u-zt:hover{color: #16aefd;} .zhuanti a em{color: #fc5c1e;margin-right: 5px;display: inline-block;} /*页底*/ .footerBox{padding:30px 0;background:#3c3c3c;margin-top:20px;overflow: hidden;} .footLeft{margin-top:10px;} .footCenter{width: 600px;} .footCenter span,.footCenter p{color:#c2c2c2;font-size: 14px;} .footCenter span{display: block;padding-bottom: 5px;margin-bottom: 5px;float: left;border-bottom:2px solid #c2c2c2;} .footCenter p{clear: both;line-height: 18px;text-align: justify;text-justify: inter-word;} .footCenter a{display: block;padding-top:5px;} .footCenter a img{vertical-align: middle;margin-right: 5px} .footCenter a p{display: inline-block;vertical-align: middle;} .footRight img{display: block;width: 100px;} .footRight span{display: block;text-align: center;padding:5px 0;color: #fff;} .g-ad01{text-align: center;} .g-ad03{margin-top: 20px;} .g-ad-box{position: fixed;top:0;} /*右下角导航补充*/ .list_ml strong{display: block;} .navList{box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 4px;} /*右下角导航*/ .list_ml{background: #fff;position: relative;display: initial;} .list_ml h1,.list_ml strong{font-size: 18px; padding: 5px 0 15px 0; margin-bottom: 5px;border-bottom: 1px solid #c4c4c4;} .fix-smallnav li{list-style: none;line-height: 26px;height: 26px;padding:3px 0;padding-left: 10px;background: url(../images/h3.png) no-repeat;font-size:14px;position: relative;cursor: pointer;} .fix-smallnav li span{display: block;line-height: 26px;height: 26px;float: left;} .fix-smallnav li span:nth-child(1){width: 14px;} .fix-smallnav li span:nth-child(2){text-align:center;padding:0 5px;} .fix-smallnav .nav_click{background: url(../images/currentH3.png) no-repeat;color: #00b0f0;} .fix-smallnav .nav_click span:nth-child(1){width: 14px;height: 26px;background: url(../images/currentLeft.png) no-repeat;} .fix-smallnav .nav_click span:nth-child(2){height: 26px;background: url(../images/currentCenter.png) repeat-x;} .fix-smallnav .nav_click span:nth-child(3){width: 4px;height: 26px; background: url(../images/currentRight.png) no-repeat;} .list_ml h2{position: relative;left: -1px;line-height: 26px;height: 26px;padding-left: 20px;background: url(../images/arrowContent.png) 0 10px no-repeat;font-size:15px;cursor: pointer;font-weight: normal;} .list_ml h2:last-child{background: url(../images/commentIcon.png) 0 -4px no-repeat;} .navList{position: fixed;bottom:100px;background: #fff;z-index: 999;padding:20px;display: none;min-width:180px;} .navMenu,.navTop{width: 50px;height: 50px;float: left;border-radius: 4px;cursor: pointer;margin: 10px 0 0 0;} .navMenu{background: url(../images/menu.png) 10px 12px no-repeat #d6d6d6;} .navTop{background: url(../images/top.png) 12px 15px no-repeat #d6d6d6;margin-left: 10px;} .list_ml h2:hover{color:#00b0f0;} .navMenu:hover{background: url(../images/menu.png) 10px 12px no-repeat #17aefd;} .navTop:hover{background: url(../images/top.png) 12px 15px no-repeat #17aefd;} #smallnav li:hover{background: url(../images/currentH3.png) no-repeat;color:#00b0f0;} #smallnav li span:hover{color:#00b0f0;} .mainBodyRight .list_ml ul li{width: auto; margin-bottom: 0;} .mainBodyRight .list_ml ul li span:nth-child(2){max-width: 200px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .mainBodyRight .list_ml ul{overflow: auto;} /*banner*/ .beautybanner .bannerBox a{height: 50px;} .banner{ width:100%; height:auto; overflow:hidden; position:relative;} .bImg{ height:260px; position:absolute; left:0; top:0;} .bImg a{ display:block; height:260px; float:left;} .bList{ height:20px; padding-top:270px; position:relative; margin:0 auto;z-index:1; cursor: pointer;} .bList span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background: #ccc; float:left; margin:0 5px; _margin:0 3px;} .bList .spcss{background:#f50;} .barLeft{ position: absolute; z-index: 500;display: block;width: 30px;height: 50px;left: 0px;background: rgba(0,0,0,0.5);top: 50%;margin-top: -50px;} .barRight{ position: absolute; z-index: 500;display: block;width: 30px;height: 50px;right: 0px;background: rgba(0,0,0,0.5);top: 50%;margin-top: -50px;} .barLeft em{ display:block; width:17px; height:32px; background:url(../images/arrow2.png) 0px 0px no-repeat; margin:0 auto;margin-top:8px;margin-left:6px;} .barRight em{ display:block; width:17px; height:32px; background:url(../images/arrow2.png) -17px 0px no-repeat; margin:0 auto;margin-top:8px;margin-left:8px;} .barLeft .emcss{ background-position:0px -32px;} .barRight .emcss{ background-position:-17px -32px;} .bImg{z-index: 30;} .bImg a p{z-index: 222;width: 100%;background:rgba(0,0,0,0.5);color: #fff;text-indent: 0;font-size: 16px;line-height: 30px;text-indent: 10px;position: absolute;bottom:0 ; height: 30px;color:#fff;} .bImg a{position: relative;width: 400px;height: 260px;background-size: 500px 260px;} /*页面效果*/ .rightLogo ul li .rightImg{transition:transform 0.5s linear;} .themeRight a:hover{color:#00b0f0;} .centerPage span:nth-child(1):hover{ background: url(../images/contentIconT.png) -218px -444px no-repeat #000;} .centerPage2 span:nth-child(1):hover{background: url(../images/contentIconT.png) -217px -540px no-repeat #000;} /*.food ul li:hover{box-shadow:0 0 8px rgba(0,0,0,0.6);}*/ /*内容正文表格 测试-----------------------------------*/ .u-contenttable{margin:15px auto;} .u-tablediv .u-contenttable{background: url(../images/tableIcon.png);border:1px solid #16aefd;} .u-tablediv .u-tabletdodd{width:293px;text-align: center;} .u-tablediv .u-tabletdeven{width:86px;text-align: center;background: url(../images/tableIconBg.png)} .u-tablediv .u-contenttable tr td{padding:0 10px;} .u-tablediv .u-contenttable tr td,.u-contenttable tr td a{line-height: 38px;font-size: 14px;} .u-tablediv .u-contenttable tr td a:hover{text-decoration: underline;} .u-tablediv .u-contenttableleft{text-align: left} .u-tablediv .u-contenttable tr td a{text-decoration:none; color: #006295; line-height: 38px;margin-right: 5px;} .table.u-thistable tr {height: 38px;} /*-----------------------------------*/ /*弹出图片预览*/ .g-contentimgbox{width:100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top:0;left:0;z-index: 999;display: none;} .g-contentimgbox em.u-text{width:120px;height: 42px;background: rgba(0,0,0,0.9);text-align: center;line-height: 42px;color:#fff;position: fixed;z-index: 100020;top:50%;left:50%;margin:-21px 0 0 -60px;border-radius: 4px;border:1px solid #fff;font-size: 14px;display: none;font-style: normal;} .g-contentimgbox span.u-closebtn{display: block;width:100px;height: 100px;background: url(../images/contenttc.png) -257px 30px no-repeat #fff;border-radius: 50px;position: fixed;top:-50px;right: -50px;cursor: pointer;} .g-contentimgbox span.u-closebtn:hover{background-color:red;} .g-contentimgbox .g-contentimg ul{position:relative;} .g-contentimgbox .g-contentimg ul li{float: left;} .g-contentimgbox .g-contentimg ul li img{display: block;margin:0 auto;width:50%;position: relative;top:150px;} .f-prvleft,.f-prvright{cursor:pointer;position: fixed;top:0;z-index: 100000;width:80px;height:80px;background: url(../images/contenttc.png) 0 0 no-repeat rgba(0,0,0,0.3);border-radius: 40px;top:50%;margin-top:-40px;} .f-prvleft{left: 20px;} .f-prvright{position: fixed;right:20px;z-index: 100000;display: inline;background-position: -113px 0} .f-prvleft:hover,.f-prvright:hover{background-color: rgba(0,0,0,0.8)} /*景点*/ .f-mpyd{text-align: center;} .g-fuwu{border-top:5px solid #f2f2f2;padding-top:20px;margin-top:20px;} .sweetBox strong{display: inline-block;height: 20px;line-height: 20px;border-left:3px solid #16aefd;padding-left:10px;} .f-menpiao{display: inline-block;width:140px;line-height: 36px;text-align:center;background:#ff3c00;color:#fff;font-size: 18px;margin-top: 15px;text-align: center;border-top:3px solid #d03100;} .f-menpiao:hover{background: #d03100} .g-jdmpyd{text-align: center;padding-top:10px} .g-jdmpyd a{display: inline-block;height: 24px;line-height:24px;margin:0 2px;font-weight: bold;font-size: 17px;padding-bottom: 5px;color:#FF6600;} .g-jdmpyd a:hover{color:blue;text-decoration: underline;} .g-jdmpyd a img{height: 100%;vertical-align:top;margin-right: 5px;} /*内容页面搜索*/ .g-sougo{padding:20px 0;text-align: center;} .g-sougo input{display: inline-block;margin: 0;padding: 10px;border: 2px solid #16aefd;height: 20px;line-height: 20px;width: 400px;outline: none;font-size: 15px;background: #f5f5f5;} .g-sougo a{background: #16aefd;display: inline-block;padding: 10px;height: 24px;line-height: 24px;color: #fff;vertical-align: middle;} /*潜水*/ .g-qs-txt{display: block;font-size: 16px;color: #f00;font-weight: bold;text-align: center;margin: 0 auto;} /*城市攻略*/ .g-city-gl h2{margin-top: 20px;font-size: 18px;height: 20px;line-height: 20px;color: #16aefd;border-left: 4px solid #16aefd;padding-left: 5px;} .g-xg-url{padding-left: 20px;} .g-xg-url a{color: #00b0f0;text-decoration: underline;margin: 20px 0;display: block;font-size: 14px;} .contentBox table tr td p{margin:0;text-align: center;} .contentBox table tr td{width: auto!important;} .contentBox table{max-width: 800px;} /*底部导航*/ .g-bot-list{padding-bottom: 10px;} .g-bot-list a{display: inline-block;width: auto;margin-right: 10px;color: #999;font-size: 14px;line-height: 28px;} .g-bot-list a:hover{text-decoration: underline;color: #fff;} /* 文章调用全国景点信息 */ .mainqgjddy{ /* background: #f9f9f9; border: 5px solid #f3f3f3; padding: 20px 30px; */ } .mainqgjddy a{ background: #f9f9f9; margin: 50px 0 15px 0; border: 5px solid #f3f3f3; padding: 20px 30px; display: block; } .mainqgjddy a:hover{ background: #f8f8f8; border: 5px solid #16aefd; } .mainqgjddy a:hover .mainjdimg span{ color:#16aefd; } .mainjdimg{ width: 240px; float: left; display: inline-block; margin-right: 20px; margin-top: -45px; } .mainjdimg p{ font-size: 15px; background: rgba(0,0,0,0.5); color: #fff; overflow: hidden; position: absolute; padding: 5px 10px; } .mainjdimg img{ float: left; margin-right: 20px; box-shadow: 2px 3px 5px #ccc; width: 240px; border-radius: 5px; } .mainjdimg span{ font-size: 15px; font-weight: bold; line-height: 20px; display: inline-block; padding: 10px 0; } .mainqgjddy .mainjdxx{ width: 485px; font-size: 14px; line-height: 30px; display: inline-block; padding-left: 20px; border-left: 1px #ccc dashed; } .mainqgjddy .mainjdxx p{ font-size: 14px; line-height: 25px; text-indent: -20px; overflow: hidden; } /* 文章调用全国景点信息测试 */ .mainqgjddy2{ /* background: #f9f9f9; border: 5px solid #f3f3f3; padding: 20px 30px; */ /* margin-top:-25px; */ } .mainqgjddy2 a{ background: #f9f9f9; margin: 50px 0 15px 0; border: 5px solid #f3f3f3; padding: 20px 15px; display: block; } .mainqgjddy2 a:hover{ background: #f8f8f8; border: 5px solid #16aefd; } .mainqgjddy2 a:hover .mainjdimg2 span{ color:#16aefd; } .mainjdimg2{ /* width: 270px; */ float: left; display: inline-block; /* margin-right: 20px; */ margin-top: -45px; } .mainjdimg2 p{ font-size: 15px; background: rgba(0,0,0,0.5); color: #fff; overflow: hidden; position: absolute; padding: 5px 10px; } .mainjdimg2 img{ float: left; margin-right: 20px; box-shadow: 2px 3px 5px #ccc; width: 180px; border-radius: 5px; } .mainjdimg2 span{ font-size: 15px; font-weight: bold; line-height: 20px; margin: 10px 0; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; float: left; } .mainqgjddy2 .mainjdxx2{ width: 270px; font-size: 14px; line-height: 30px; display: inline-block; padding-left: 20px; border-left: 1px #ccc dashed; } .mainqgjddy2 .mainjdxx2 p{ font-size: 14px; line-height: 25px; text-indent: -20px; overflow: hidden; } .mainqgjddy2 .message{ font-size: 15px;color: #666; } .mainqgjddy2 .message p{ line-height: 25px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;width: 100%;text-indent: -24px; } .zxwmad{ margin-top:10px;margin-bottom: -10px; } /* .g-dt-list li a{display: block;position: relative;padding:10px 110px 10px 0;height: 60px;border-bottom: 1px dashed #e2e2e2;} .g-dt-list li a em.u-img{display: block;width: 100px;height: 60px;position: absolute;right: 0;top:10px;padding:0;overflow:hidden;} .g-dt-list li a em.u-img img{width: 100%;vertical-align: top;} .g-dt-list li a strong{display: block;font-size: 15px;line-height: 20px;max-height: 40px;height: 40px;overflow:hidden;font-weight: normal;padding-top:5px;} .g-dt-list li a em{font-size: 15px;color: #999;padding-top:5px;display: inline-block;} .g-dt-list li a:hover{color:#16aefd;} */ .g-zj-list ul li,.g-jdtj-list ul li,.g-zxgx-list ul li{width: 340px !important;} .g-zj-list li a.f-zj-01,.g-jdtj-list li a.f-zj-01{display: block;padding:30px 110px 10px 0;height: 60px;position: relative;margin-top:10px;padding-bottom: 10px;border-bottom: 1px dashed #e2e2e2;} .g-zj-list li a.f-zj-01 strong,.g-jdtj-list li a.f-zj-01 strong{display: block;height: 40px;line-height: 40px;font-size: 15px;position: absolute;font-size: 15px;font-weight: normal;top:0;left: 0;overflow:hidden;} .g-zj-list li a.f-zj-01 strong:hover,.g-jdtj-list li a.f-zj-01 strong:hover{text-decoration: underline;} .g-zj-list li a.f-zj-01 em.u-img,.g-jdtj-list li a.f-zj-01 em.u-img{display: block;width: 100px;height: 60px;position: absolute;right: 0;top:30px;overflow:hidden;} .g-zj-list li a.f-zj-01 em.u-img img,.g-jdtj-list li a.f-zj-01 em.u-img img{width: 100%;} .g-zj-list li a.f-zj-01 p,.g-jdtj-list li a.f-zj-01 p{font-size: 15px;line-height: 18px;max-height: 54px;overflow: hidden;color: #999;padding-top:5px;text-align: justify;} .g-zj-list li a,.g-jdtj-list li a,.g-zxgx-list li a {font-size: 15px;display: block;line-height: 40px;border-bottom:1px dashed #e2e2e2;height: 40px;overflow: hidden;} .g-zj-list li a i,.g-jdtj-list li a i,.g-zxgx-list li a i{font-style: normal;color: #999;font-size: 14px;margin-right: 5px;} .g-zj-list li a:hover,.g-jdtj-list li a:hover,.g-zxgx-list li a:hover{color: #16aefd;} .g-dt-list ul li,.g-dt-list ul li{width: 340px !important;} .g-dt-list li a{display: block;line-height: 40px;height: 40px;border-bottom: 1px dashed #e2e2e2;font-size: 15px;overflow:hidden;} .g-dt-list li a i{font-style: normal;color: #999;font-size: 14px;margin-right: 5px;} .g-dt-list li a:hover{color: #16aefd;} /* .g-jdtj-list ul li,.g-jdtj-list ul li{width: 340px !important;} .g-jdtj-list li a{display: block;line-height: 40px;height: 40px;border-bottom: 1px dashed #e2e2e2;font-size: 15px;overflow:hidden;} .g-jdtj-list li a i{font-style: normal;color: #999;font-size: 14px;margin-right: 5px;} .g-jdtj-list li a:hover{color: #16aefd;} */ .u-zuozhe{padding:0 0 10px 0;color: #999;border-bottom: 1px solid #ddd;overflow: hidden;} .u-zuozhe em{display: inline-block;margin-right: 10px;vertical-align: middle;line-height: 32px; font-style: normal; font-size: 14px;} .u-share{float:right} .u-share em{margin-right: 0;} .u-share a{display: inline-block!important;width: 32px!important;height: 32px!important;border-radius: 16px!important;background: #ccc!important;vertical-align: middle!important;margin-left: 5px!important;padding:0!important;float: initial!important;margin:0 0 0 5px!important;} .u-share a.u-share0{background: url(../images/icon4.png) -29px -319px no-repeat #28b836!important;} .u-share a.u-share0:hover{background-color: #12962b!important;} .u-share a.u-share1{background: url(../images/icon4.png) -107px -318px no-repeat #e73736!important;} .u-share a.u-share1:hover{background-color: #cc2727!important;} .u-share a.u-share2{background: url(../images/icon4.png) -185px -318px no-repeat #2eb1f1!important;} .u-share a.u-share2:hover{background-color: #1297cc!important;} .u-share a.u-share3{background: url(../images/icon4.png) -262px -318px no-repeat #e8a718!important;} .u-share a.u-share3:hover{background-color: #bf880c!important;} .u-share a.u-share4{background: url(../images/icon4.png) -423px -318px no-repeat #3385ff!important;} .u-share a.u-share4:hover{background-color: #0f64e2!important;} .u-share a.u-share5{background: url(../images/icon4.png) -340px -318px no-repeat #8dd365!important;} .u-share a.u-share5:hover{background-color: #74bc46!important;} .zzdetwz{ float: left; } /* 点赞收藏功能 */ .djdiv{ float: left;margin-top: 2px; } .djdiv div{ display: inline-block;margin-right: 15px;float: left; } .icon-like,.icon-collect{ font-size: 22px; color: #ccc; margin-right: 3px; cursor: pointer; } .icon-like:hover,.icon-collect:hover{ font-size: 23px; } .active{ color: #16aefd; animation: icon-collect 0.5s linear; } @keyframes icon-collect{ from{ font-size: 22px; } 50%{ font-size: 25px; } to{ font-size: 22px; } } .right-fxsc{ float: right; } @font-face { font-family: "iconfont"; /* Project id */ src: url('iconfont.ttf?t=1650335952403') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 22px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-like:before { content: "\e6fb"; } .icon-collect:before { content: "\e603"; } /*投诉*/ .tousu{ color: #ff9900 !important; cursor: pointer; } .dialog_wrapper_msg { background: #fff; border: 1px solid #f0f0f0; border-radius: 5px; padding: 5px; position: relative; box-sizing: border-box; position: relative; margin: 0px auto; } .dialog_close_btn { position: absolute; right: 20px; top: 10px; cursor: pointer; } .dialog_title { font-size: 18px; font-weight: 500; text-align: center; } .dialog_content_1 { width: 95%; margin: 10px auto; } .btn_confirm { width: 90%; margin: 0px auto; display: block; background-color: #ff9900; color: #fff; padding: 10px; border: 1px solid #ff9900; border-radius: 4px; cursor: pointer; text-align: center; } .form_item_1 textarea { font-size: 14px; width: 94%; height: 200px; padding: 3%; border: 1px solid #eee; } .overlap { background: #000; opacity: 0.6; width: 100%; height: 100%; display: none; position: absolute; z-index: 99999; top: 0px; }