html,
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
body {
background-color: #fff;
}
.am-header {
height: 2.6rem;
line-height: 2.6rem;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
z-index: 1000;
width: 100%;
}
.am-header-default {
background-color: #fff;
}
.am-header .am-header-nav img {
width: 3.2rem;
height: auto;
margin-left: 0.6rem;
}
.logo {
width: auto;
height: 1.6rem;
margin-left: 0.6rem;
position: relative;
top: 0;
left: -12px;
}
.am-menu {
position: static;
}
.am-menu-offcanvas1 .am-menu-toggle {
top: 0;
position: absolute;
right: 0.4rem;
display: block;
width: 1.6rem;
height: 2.6rem;
line-height: 2.6rem;
text-align: center;
color: #3e3e3e;
}
.sliderbox {
margin-top: 6rem;
}
.coop {
position: absolute;
top: 0.06rem;
left: 0;
color: #333;
width: 100%;
font-size: 0.9rem;
font-weight: 500;
text-align: center;
}
.am-menu-offcanvas1 .am-menu-nav>.am-parent>a:after {
top: 0.7rem;
}
.am-input-group-lg>.am-form-field,
.am-input-group-lg>.am-input-group-label,
.am-input-group-lg>.am-input-group-btn>.am-btn {
font-size: 1.4rem !important;
}
.am-icon-search:before {
position: relative;
font-size: 1.2rem;
right: 10%;
top: -0.1rem;
}
.ssbox {
position: absolute;
left: 0;
top: 1.1rem;
width:100%;
}
.am-input-group-primary .am-input-group-label,
.am-input-group-primary .am-input-group-btn>.am-btn,
.am-input-group-primary.am-input-group .am-form-field {
border-color: #fff;
}
.am-btn-primary {
background-color: #ffa24b;
}
.am-input-group-lg>.am-form-field {
width: 100% !important;
}
.am-input-group-lg>.am-form-field,
.am-input-group-lg>.am-input-group-label,
.am-input-group-lg>.am-input-group-btn>.am-btn {
font-size: 0.9rem !important;
padding-left: 0.9rem;
width: 3rem;
}
.tourtype {
padding: 1.3rem 1rem 0.5rem;
}
.am-thumbnails>li {
text-align: center;
}
.box .des {
color: #595959;
font-size: 0.86rem;
}
.am-input-group-lg>.am-form-field,
.am-input-group-lg>.am-input-group-label,
.am-input-group-lg>.am-input-group-btn>.am-btn {
height: 2rem;
}
.am-thumbnails .typeIcon {
width: 1.8rem;
height: 1.8rem;
display: inline-block;
background: url("../images/tour1.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.yl {
background: url("../images/yl2.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.mp {
background: url("../images/mp3.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.zs {
background: url("../images/zs4.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.qz {
background: url("../images/qz5.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.gw {
background: url("../images/gw6.png") no-repeat center top;
background-size: 100% 100%;
}
.tourbox {
width: 94%;
margin: 0 auto 0.9rem;
height: 9.4rem;
background: url(../images/tourkind.png) no-repeat center top;
background-size: 100% 100%;
font-size: 1rem;
}
.boxtop-left {
width: 30%;
height: 5.3rem;
float: left;
text-align: center;
color: #fff;
}
.boxtop-left .whitefont {
font-weight: 600;
margin-top: 0.9rem;
}
.boxtop-left .white-sfont {
font-size: 0.8rem;
}
.boxtop-right {
width: 70%;
height: 5.3rem;
float: left;
}
.boxtop-right ul li {
width: 6.5em;
height: 2.8rem;
float: left;
text-align: center;
}
.boxtop-right .bigfont {
font-size: 0.9rem;
color: #008fff;
height: 1.2rem;
margin-top: 0.18rem;
}
.boxtop-rt-spec .bigfont {
color: #ff9500;
}
.boxtop-right .smallfont {
color: #575757;
font-size: 0.76rem;
}
.boxtop-right.boxtop-rt-spec {
height: 4.1rem;
;
}
.boxtop-right.boxtop-rt-spec ul li {
height: 4.1rem;
line-height: 2.8rem;
}
.linebg {
width: 1000%;
height: 0.4rem;
background-color: #f7f7f7;
}
.tjtop {
padding: 0 1rem;
height: 1.4rem;
margin-top: 0.4rem;
margin-bottom: 0.8rem;
}
.tjtop .tjbg {
width: 4.9rem;
height: 1.5rem;
display: inline-block;
background: url("../images/bkbg_03.png") no-repeat center bottom;
background-size: 100% 100%;
}
.tjtop .tjbg.recordbg {
display: inline-block;
background: url("../images/recordbg_03.png") no-repeat center bottom;
background-size: 100% 100%;
width: 4.9rem;
text-align: center;
}
.readmore {
position: relative;
font-size: 0.86rem;
margin-right: 2%;
}
.readmore .moreiocn {
width: 0.43rem;
height: 0.43rem;
display: inline-block;
background: url(../images/more.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
top: 0.46rem;
right: -20%;
}
.tjproduct {
padding: 0 0.55rem;
text-align: center;
}
.tjproduct .tjp1 {
width: 100%;
height: 11rem;
border-radius: 0.6rem;
/*background: url(../images/tjpro1.png) no-repeat center center;*/
background-size: cover !important;
margin-bottom: 0.6rem;
position: relative;
}
.tjproduct .pricebg {
width: 100%;
height: 1.53rem;
line-height: 1.53rem;
display: inline-block;
border-bottom-right-radius: 0.6rem;
/*background: url(../images/pricebg.png) no-repeat center center;
background-size: 100% 100%;
*/
position: absolute;
bottom: 0;
right: 0;
padding-left: 0.8rem;
font-size: 0.7rem;
color: #fff;
background: rgba(0, 0, 0, 0.5);
border-bottom-left-radius: 0.6rem;
}
.bklast {}
.bklast .tjproduct .tjp1 {
width: 100%;
height: 10rem;
border-radius: 0.6rem;
/*background: url(../images/baokuanlast_03.jpg) no-repeat center center;*/
background-size: 100% 100%;
margin-bottom: 0.6rem;
position: relative;
}
.pricebg .pricexq label {
font-size: 0.8rem;
text-decoration: line-through;
margin-right: 0.4rem;
}
.pricebg .pricexq i {
font-size: 0.9rem;
color: #f60;
}
.pricebg .sell {
font-size: 0.7rem;
margin-right: 0.4rem;
color: #fff;
height: 1.4rem;
line-height: 1.4rem;
}
.pricebg .sell .hoticon {
width: 0.6rem;
height: 0.9rem;
display: inline-block;
margin-right: 0.2rem;
background: url(../images/hot.png) no-repeat center center;
background-size: 100% 100%;
position: relative;
top: 0.1rem;
}
.tjproduct .tourdate {
width: 100%;
height: 1rem;
line-height: 1.4rem;
font-size: 0.65rem;
color: #fff;
text-align: center;
border-radius: 0.6rem 0.6rem 0 0;
}
.tjproduct .tourdate.cfcity {
width: 35%;
height: 1.3rem;
line-height: 1.3rem;
font-size: 0.6rem;
color: #fff;
text-align: center;
border-radius: 0.6rem 0 0.6rem 0;
background: #f6a85c;
}
.bklast .tourdate {
width: 100%;
height: 1.53rem;
line-height: 1.53rem;
font-size: 0.6rem;
color: #fff;
text-align: center;
border-radius: 0.6rem 0.6rem 0 0;
/*background: rgba(0,0,0,0.3);*/
}
.tjp1 .booknow {
width: 5.5rem;
height: 1.43rem;
line-height: 1.43rem;
background-color: #fddd64;
border-radius: 0.6rem 0 0.6rem 0;
font-size: 0.8rem;
text-align: center;
color: #1d1c1c;
position: absolute;
left: 50%;
margin-left: -2.75rem;
top: 50%;
margin-top: -0.75rem;
}
.tjproduct .ptocity {
text-align: center;
color: #fff;
position: relative;
font-size: 0.7rem;
font-weight: bold;
display: inline-block;
line-height: 0.9rem;
}
.bklast .ptocity {
font-size: 0.65rem;
}
.tjproduct .ptocity label {
width: 0.2rem;
height: 0.2rem;
background-color: #fff;
border-radius: 50%;
margin-left: 0.2rem;
}
/*.readmore a, .booknow a{ color: #1d1c1c;}*/
.bklast {
padding: 0 0.8rem;
}
.bklast .tjproduct {
padding: 0;
text-align: center;
}
.bklast li {
width: 48%;
margin: 0 1%;
}
.bklast>li {
padding: 0;
/*height: 10.6rem;*/
}
.bklast .pricebg {
width: 100%;
height: 1.3rem;
line-height: 1.3rem;
display: inline-block;
border-bottom-right-radius: 0.6rem;
/*
background: url(../images/pricebg2_06.png) no-repeat center center;
background-size: 100% 100%;
*/
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-size: 0.7rem;
padding-left: 0;
}
.pricebg .pricexq {
height: 1.53rem;
}
.pricexq i {
font-size: 0.6rem;
}
.bklast .pricebg .pricexq i {
font-size: 0.64rem;
}
.bklast .pricebg .sell {
font-size: 0.6rem;
margin-right: 0.25rem;
}
.bklast .pricexq {
margin-left: 5%;
}
.ggw {
height: auto;
margin: 0.6rem 0.5rem;
}
.ggw img {
width: 100%;
height: auto;
display: block;
}
.productbox li {
margin-bottom: 0.6rem;
height: auto;
background-color: #fff;
border-radius: 0.6rem;
box-shadow: 0.02rem 0.02rem 0.25rem #d9d9d9;
}
.productbox .boxh1 {
height: 14rem;
box-shadow: 0.02rem 0.02rem 0.25rem #d9d9d9;
width: 95%;
margin: 0.4rem auto;
}
.productbox .boxh1 .tjp1 {
border-radius: 0.6rem 0.6rem 0 0;
width: 100%;
/*background: url(../images/proimg1_03.jpg) no-repeat center center;*/
background-size: 100% 100%;
margin-bottom: 0;
}
.boxh1 .tjdate {
width: 100%;
height: 1.2rem;
line-height: 1.2rem;
background: rgba(0, 0, 0, 0.3);
font-size: 0.6rem;
position: absolute;
bottom: 0;
color: #fff;
}
.productbox .torname {
font-size: 0.75rem;
padding-left: 0.4rem;
}
.cptjprece {
font-size: 0.7rem;
position: relative;
}
.cptjprece label {
color: #ff6600;
font-size: 0.8rem;
margin-bottom: 0;
position: relative;
top: 0.08rem;
}
.cptjprece .hb {
color: #ff6600;
position: relative;
top: 0.24rem;
}
.cptjprece .qi {
position: relative;
font-size: 0.6rem;
top: 0.15rem;
}
.cptjprece .pricelef {
margin-left: 0.5rem;
margin-top: 0.2rem;
}
.ordernum {
position: relative;
top: 0.4rem;
right: 4%;
color: #272727;
}
.productbox .boxh2 .tjp1 {
height: 12.6rem;
}
.productbox {
column-count: 2;
column-gap: 0;
padding: 0 0.4rem;
}
.productbox .boxh1 {
height: 14rem;
box-shadow: 0.02rem 0.02rem 0.25rem #d9d9d9;
width: 96%;
margin: 2% auto 6%;
border-radius: 0.6rem;
break-inside: avoid;
}
.productbox .boxh1.boxh2 {
height: 16rem;
}
.productbox .boxh1.boxh3 {
height: 12.2rem;
}
.productbox .tjproduct {
padding: 0;
}
.boxh3 .spectjp1 {
height: 9rem;
}
.productbox .boxh3 .tjp1.spectjp1 {
height: 9rem;
width: 100%;
background: url(../images/proimg1_03.jpg) no-repeat center center;
background-size: 100% 100%;
overflow: hidden;
}
.productbox .boxh3 .tjp1 {
height: 9rem;
}
.ggw2 {
margin-top: 0;
}
.denationbox {
margin: 0 0.4rem;
}
.denationbox li {
height: 6rem;
}
.denationbox li img {
width: 100%;
height: auto;
display: inline-block;
}
.denationbox .imgdes {
margin: 0;
}
.denationbox .imgdes li {
padding: 0 0.2rem;
overflow: hidden;
}
.city-block ul li {
position: relative;
}
.city-block ul li:after {
border-right: solid 1px #ccc;
height: 1.8rem;
content: "";
width: 0.02rem;
background-color: #e2e2e2;
display: inline-block;
position: absolute;
left: 100%;
top: 9%;
}
.city-block .cityname {
font-size: 0.8rem;
color: #020202;
margin-bottom: 0.2rem;
}
.city-block .citydes {
width: 4rem;
height: 1.1rem;
line-height: 1.1rem;
text-align: center;
color: #fff;
background-color: #eec744;
border-radius: 1.6rem;
font-size: 0.7rem;
margin: 0 auto;
}
/*首页默认灰色图标*/
.menu_box .menu_item .item_icon {
display: inline-block;
height: 1.5rem;
width: 1.5rem;
background: url(../images/index.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .icon2 {
background: url(../images/order.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .icon3 {
background: url(../images/kf.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .icon4 {
background: url(../images/wo.png) no-repeat center center;
background-size: 100% 100%;
}
/*首页选中橘色图标div加类名cur*/
.menu_box .menu_item.cur .item_icon,
.menu_box .menu_item .item_icon:hover {
background: url(../images/indexcur.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item.cur .icon2,
.menu_box .menu_item .icon2:hover {
background: url(../images/orderon.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item.cur .icon3,
.menu_box .menu_item .icon3:hover {
background: url(../images/kfon.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item.cur .icon4,
.menu_box .menu_item .icon4:hover {
background: url(../images/woon.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .item_txt {
color: #242424;
position: relative;
bottom: 0.3rem;
font-size: 0.7rem;
}
.menu_box .menu_item.cur .item_txt,
.menu_box .menu_item:hover .item_txt {
color: #ff7b00;
}
.am-btn-primary:hover,
.am-btn-primary:focus {
background-color: #ffa24b;
}
.boxtop-left .whitefont a {
color: #fff;
}
.boxtop-right .bigfont a {
color: #008fff;
}
.boxtop-rt-spec .bigfont a {
color: #ff9500;
}
.am-gotop-fixed {
z-index: 999;
opacity: 1;
bottom: 4.5rem;
}
.am-gotop-fixed .am-gotop-icon {
width: 100%;
line-height: 1.7rem;
background-color: #555555;
vertical-align: middle;
color: #ddd;
opacity: 0.6;
border-radius: 0.2rem;
height: 1.8rem;
}
.waterfall-container {
width: 100%;
/* 列间距 */
position: relative;
}
.fallbox {
width: 50%;
height: auto;
}
.waterfall-container li {
border-radius: 10px;
break-inside: avoid;
width: 50%;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
overflow: auto;
}
.waterfall-container .am-gallery-item {}
.waterfall-container li img {
width: 50%;
height: auto;
}
.waterfall-container .am-gallery-title {
font-size: 0.75rem;
}
.tjtj_box .am-titlebar-default {
border-bottom: 0;
}
.fallbox .am-gallery-item {
border-radius: 10px;
padding: 0;
overflow: hidden
}
.fallbox .am-gallery-item a {
display: block;
}
.fallbox .am-gallery-item .em1 {
position: relative;
overflow: visible;
width: 100%;
display: block;
}
.fallbox .am-gallery-item img {
border-radius: 10px 10px 0 0;
height: 150px;
}
.fallbox .am-gallery-item i.cf {
width: 35%;
height: 1.3rem;
line-height: 1.3rem;
font-size: 0.6rem;
color: #fff;
text-align: center;
border-radius: 0.6rem 0 0.6rem 0;
background: #f6a85c;
position: absolute;
left: 0;
top: 0;
}
.fallbox .am-gallery-item i.sj {
width: 100%;
height: 1.2rem;
line-height: 1.2rem;
background: rgba(0, 0, 0, 0.3);
font-size: 0.6rem;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding-left: 5px;
word-wrap: break-word;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.fallbox .am-gallery-item .em2 {
padding: 0 5px 10px;
display: block;
}
.fallbox .am-gallery-title {
font-weight: bold;
}
.fallbox .am-gallery-desc {
font-size: 0.7rem;
position: relative;
}
.fallbox .gmsm {
position: relative;
color: #333;
float: right;
margin-top: 0.3rem;
}
.fallbox .jg {
color: #ff6600;
}
.fallbox .jg span {
color: #ff6600;
font-size: 0.8rem;
margin-bottom: 0;
position: relative;
top: 0.08rem;
}
.fallbox .jg em {
color: #666;
position: relative;
font-size: 0.6rem;
top: 0.08rem;
}
.indexsearchbar {
border: solid 1px #ffa24b;
border-radius: 30px;
}
.booknow>a {
color: #1d1c1c;
font-weight: 600;
}
.coop>a {
margin-left: 1.5rem;
}
.sell .ysellcount {
color: #f60;
margin: 0 0.1rem;
font-size: 0.8rem;
margin-bottom: 0.2rem;
}
.tourdate {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.addbg1 {
background: rgba(0, 0, 0, 0.3);
border-radius: 0.6rem 0.6rem 0 0;
}
.city-block {
padding-bottom: 1rem;
}