.mal1{ left: 1rem;}
.mal3{ left: 3rem;}

/*头部*/
.header{ width: 15rem; height: 3.5rem; background: url(../images/dsh-04.gif) 0 0 no-repeat; background-size:cover ; position: fixed; top:0; z-index: 1;}

/*首页*/
.inmain{ width: 15rem; background: url(../images/dsh-01.jpg) 0 0 no-repeat; background-size:cover ; top:0; bottom: 2.1rem;}

/*菜单*/
.innav{ width: 6rem; bottom:65px; font-size: .72rem; position: fixed; z-index: 11;}
.innav li{ width: 6rem; height: 1.5rem; line-height: 1.5rem; margin-bottom: .2rem;  background: rgba(255,255,255,.8); transform: translateX(-10rem); -webkit-transform: translateX(-10rem); transition: all .2s; -webkit-transition: all .2s;  }
.innav li a{ width: 100%; height: 100%; display: block; color: #333333;}
.menu{ width: 1.96rem; height: 1.96rem; position: fixed; left: 10px; bottom:3rem; z-index: 2; background: url(../images/icon-04.png) 0 0 no-repeat; background-size:contain ;}
.setTime li{ transform: translateX(0); -webkit-transform: translateX(0);}
.setTime li:nth-child(1){ transition-delay:.1s; -webkit-transition-delay:.1s;}
.setTime li:nth-child(2){ transition-delay:.2s; -webkit-transition-delay:.2s;}
.setTime li:nth-child(3){ transition-delay:.3s; -webkit-transition-delay:.3s;}
.setTime li:nth-child(4){ transition-delay:.4s; -webkit-transition-delay:.4s;}
.setTime li:nth-child(5){ transition-delay:.5s; -webkit-transition-delay:.5s;}
.setTime li:nth-child(6){ transition-delay:.6s; -webkit-transition-delay:.6s;}
.setTime li:nth-child(7){ transition-delay:.7s; -webkit-transition-delay:.7s ;}

/*景色介绍*/
.view{ width: 15rem; }
.view-con{ width: 15rem; height: 100%; position: absolute; top:0; bottom: 2.1rem; background:url(../images/dsh-05.jpg) 0 0 no-repeat; background-size:cover ; overflow: auto;}
.view-con-a{ width: 15rem; height: 98.66rem; background: url(../images/dsh-03.gif) center center no-repeat; background-size:100% 100% ; margin-bottom: 2.1rem;}
.view-con-a .item{ width: auto; height: auto; transition: all .2s; -webkit-transition: all .2s; overflow: hidden;}
.view-con-a .item h2{ height: 1.1rem; line-height: 1.1rem; font-size: .6rem; text-shadow: 3px 3px 10px #FFFFFF; -webkit-text-shadow: 3px 3px 10px #FFFFFF; font-weight: bold;}
.view-con-a .item h2 i{ width: .9rem; height: 1.1rem; background: url(../images/dsh-05.png) 0 0 no-repeat; background-size:100% 100% ; margin:0 .2rem; display: inline;}
.view-con-a .item-con{ width:4.8rem; padding: 0 .2rem .2rem .2rem; margin-top: .2rem; margin-left: 1rem; border-radius:3px; -webkit-border-radius:3px ; color: #666666; overflow: hidden;}
.view-con-a .item-a{ width:4.6rem; width:100%; height: .8rem; line-height: .8rem;}
.view-con-a .item-a .fl{ width: 3rem; height: .8rem; font-size:10px; overflow: hidden;}
.view-con-a .item-a .fr{ width: 1.2rem; height: .8rem; font-weight: bold;}
.view-con-a .item-a .fr a{ font-size:12px; color: #FF0000;}
.view-con-a .item-b{ margin-top: .1rem;}
.view-con-a .item-b img{width:4.6rem; height:2.4rem;}
.view-con-a .tp1{ top:4rem; right:.4rem; transform: translateX(150%); -webkit-transform: translateX(150%);}
.view-con-a .tp2{ top:10rem; right:.2rem; transform: translateX(150%); -webkit-transform: translateX(150%);}
.view-con-a .tp3{ top:10rem; left:-.4rem; transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.view-con-a .tp4{ top:16rem; left:0; transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.view-con-a .tp5{ top:21rem; right:.2rem; transform: translateX(150%); -webkit-transform: translateX(150%);}
.view-con-a .tp6{ top:27rem; right:.4rem; transform: translateX(150%); -webkit-transform: translateX(150%);}
.view-con-a .tp7{ top:31.6rem; left:-.4rem; transform: translateX(-150%); -webkit-transform: translateX(-150%); }
.view-con-a .tp8{ top:37rem; left:-.5rem; transform: translateX(-150%); -webkit-transform: translateX(-150%); }
.view-con-a .tp9{ top:41rem; right:.4rem; transform: translateX(150%); -webkit-transform: translateX(150%);}
.view-con-a .tp10{ top:48rem; right:1.2rem; transform: translateX(150%); -webkit-transform: translateX(150%);}
.view-con-a .tp11{ top:53rem; left:.4rem; transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.view-con-a .tp12{ top:58rem; left:2.3rem; transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.view-con-a .tp13{ top:64rem; left:1rem; transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.view-con-a .tp14{ top:71rem; right:1rem; transform: translateX(150%); -webkit-transform: translateX(150%);}
.view-con-a .tp15{ top:76rem; right:3.5rem; transform: translateX(160%); -webkit-transform: translateX(160%);}
.view-con-a .tp16{ top:85rem; left:1rem; transform: translateX(-150%); -webkit-transform: translateX(-150%);}
.view-con-a .tp17{ top:90rem; left:4.5rem; transform: translateX(-200%); -webkit-transform: translateX(-200%);}
.view-con-a .tranClass{ transform: translateX(0); -webkit-transform: translateX(0);}

/*景区文章页*/
.view-aricle{ width: 15rem; background-color: #a0d154;}
.view-aricle-a{ width: 15rem; padding: 3.4rem 0 2rem 0; height: auto; overflow: hidden;}
.view-aricle-a h2{ height:2.5rem ; line-height: 2.5rem; font-size: 1rem; color: #C00; text-align: center; font-weight: 600;}
./*view-aricle-a .aricle{ width: 100%; height: 9.8rem;}*/
.view-aricle-a .title{ position: relative;}
.view-aricle-a .p1{ line-height: 1rem; font-size: .5rem; padding:0.5rem .4rem;}
.view-aricle-a p{ text-indent: 0.5em; text-align: justify;}
.view-aricle-a h3{ font-size: .5rem; color: #ff7300;}

/*订票系统*/
.tickets{ width: 6.6rem; height: auto; margin-left: .8rem; float: left; display: inline; margin-top: .6rem; overflow: hidden;}
.tickets dt{ width: 100%; height: 7.6rem;}
.tickets dt img,.tickets dt a{ width: 100%; height: 7.6rem; display: block;}
.tickets dd{ height: 1.4rem; color: #FFFFFF;}
.tickets dd .fl{ width: 5rem; height: 1.4rem; line-height: 1.4rem; background: rgba(0,0,0,.9); position: relative;}
.tickets dd .fl .sp1{ font-size: .3rem;}
.tickets dd .fl .sp2{ font-size: .3rem; text-decoration: line-through;}
.tickets dd .fl .sp1 i{ font-size: .5rem;}
.tickets dd .fl span{ padding: 0 2px;}
.tickets dd .fr{ width: 1.6rem; height: 1.4rem; line-height: 1.4rem; font-size: .5rem; text-align: center; background: rgba(192,54,54,1); color: #FFFFFF; }

/*百度地图*/
.map{ width: 15rem; padding: .4rem 0; background: -webkit-linear-gradient(#ffd262, #f9f5bb); background: -o-linear-gradient(#ffd262, #f9f5bb); background: -moz-linear-gradient(#ffd262, #f9f5bb); background: linear-gradient(#ffd262, #f9f5bb);}
.map .map-top{ margin:0 .4rem; width: 14rem; background-color: #000000;}
.map .map-con { padding: .4rem 0;  font-size: .54rem; color: #666666;}
.map .map-con p{ line-height: 1rem;}

/*订票成功*/
.order{ width: 15rem; position: absolute; top:0; bottom: 1rem; background: url(../images/dsh-09.jpg) center bottom no-repeat; background-size:cover ; overflow: hidden;}
.order-succes{ margin-top:5rem; height: auto; overflow: hidden;}
.order-succes p{ width: 9rem; font-size: .8rem; line-height: 1.4rem; color: #333333; text-align: left; margin: 0 auto;}
.order-succes .tj{ width: 12rem; padding: .4rem; background: rgba(0,0,0,.5); -webkit-border-radius:3px ; border-radius:3px ; margin:1rem auto; line-height: 1.2rem; color: #FFFFFF; font-size: .6rem;}
.order-succes .tel{ width: 8.2rem; height: 2rem; line-height: 2rem; font-size: 1rem; background: #ff6600; color: #FFFFFF; cursor: pointer; -webkit-border-radius:3px ; border-radius:3px ; display: block; text-align: center; margin:1.5rem auto;}
.order-succes .tel:hover{ background-color: #F9802F;}

/*订单提交*/
.sub-order{ margin-top:3.8rem; height: 15rem; overflow-y: auto; overflow-x:hidden; padding: 0 .4rem .4rem .4rem;}
.sub-order-top{ height: auto; font-size: .4rem; overflow: hidden;}
.sub-order-top h2{ font-size: .6rem; line-height: 1.4rem;}
.sub-order-top p{ line-height: .8rem;}
.sub-order-con{ height: auto; padding: .4rem 0; overflow: hidden;}
.sub-order-a{ width: 100%; padding: .4rem; height: 3rem; background: rgba(0,0,0,.5); -webkit-border-radius:3px ; border-radius:3px ;}
.sub-order-a span{ display: block; font-size: .72rem; color: #ffea93; margin: 0 .4rem; line-height: 2.2rem;}
.sub-order-a .btn1{ width: 1.36rem; height: 1.36rem; background: url(../images/dsh-12.jpg) 0 0 no-repeat; background-size:cover ; margin: .4rem .2rem;}
.sub-order-a .btn2{ width: 1.36rem; height: 1.36rem; background: url(../images/dsh-13.jpg) 0 0 no-repeat; background-size:cover ; margin: .4rem .2rem;}
.sub-order-a .num{ font-size: 2rem; width: 3rem; text-align: center;}
.sub-order-b{ font-size: .6rem; color: #333333; height: auto; padding: .2rem 0; overflow: hidden;}
.sub-order-b p{ font-size: .4rem; line-height: 1.2rem;}
.sub-order-b .times{ width: 100%;}
.sub-order-b .times label{ width: 2.3rem;}
.sub-order-b .times .p-r{ width: 11.4rem;}
.sub-order-b .box1{ width:100%; height: 2rem; padding: 0 2rem 0 .2rem; background-color: transparent; color: #333333; font-size: .6rem; border: 1px solid #333333;}
.sub-order-b i.p-a{ width: 1rem; height: 1rem; display: block; background: url(../images/icon-05.png) 0 0 no-repeat; background-size: cover; right: .4rem; top:.4rem}
.sub-order-b label{ width: 2rem; height: 1.8rem; line-height: 1.8rem; float: left; font-size: .72rem;}
.sub-order-b .box{ width: 11rem; height: 1.4rem; line-height: 1.4rem; border: 1px solid #333333; padding: 0 .2rem; background-color: transparent; color: #333333; font-size: .6rem; margin-top: .2rem; }
.sub-order-b .boxts{ border: 1px solid #FF0000;}
.sub-order-b span.fl{ height: 1.8rem; line-height: 1.8rem; display: block; padding: 0 .2rem;}
.sub-order-b .sel{ width: 4rem; height: 1.4rem; line-height: 1.4rem; background-color: transparent; border: 1px solid #333333; color: #333333; font-size: .6rem; margin-top: .2rem; margin-right: .4rem; }
.sub-order-b .sel option{ background-color: rgb(146, 184, 81); height: 1.4rem; line-height: 1.4rem;}
.sub-order-b a.zfb{ width: 5.5rem; height: 1.9rem; background: url(../images/dsh-10.png) 0 0 no-repeat; background-size:cover; margin-left: 1rem; display: inline; margin-right: 1rem; border: 1px solid transparent;}
.sub-order-b a.wx{ width: 5.5rem; height: 1.9rem; display: block; background: url(../images/dsh-11.png) 0 0 no-repeat; background-size:cover; border: 1px solid transparent;}
.sub-order-b a.on{ border: 1px solid #ff7800;}
.sub-order-b .submits{ width: 8.2rem; height: 2rem; line-height: 2rem; font-size: 1rem; background: #ff6600; color: #FFFFFF; cursor: pointer; -webkit-border-radius:3px ; border-radius:3px ;}
.sub-order-b .submits:hover{ background-color: #F9802F;}

/*本地特产*/
.order ul{ height: auto; margin:6rem auto; text-align: center; overflow: hidden;}
.order ul li{ width: 8.2rem; height: 2rem; line-height: 2rem; font-size: 1rem; background: #ff6600; cursor: pointer; -webkit-border-radius:3px ; border-radius:3px ; margin: 0 auto; margin-bottom: 1rem;}
.order ul li a{ color: #FFFFFF; }
.order ul li:hover{ background-color: #F9802F;}

/*本地特产列表页*/
.sub-order .list{ width: 6rem; height: auto; float: left; margin: .4rem .42rem; display: inline;}
.sub-order .list dt{ width: 6rem; height: 6rem;}
.sub-order .list dt img,.sub-order .list dt a{ width: 6rem; height: 6rem; display: block;}
.sub-order .list dd{ width: 6rem; height: 2rem; line-height: 2rem; font-size: .72rem; background: #e4393c; color: #FFFFFF; text-align: center;}

/*本地特产详情页*/
.sub-aricl {height: auto; overflow: hidden;}
.sub-aricl h2{font-size: .72rem; line-height: 2rem;}
.aricle-con{ margin:.4rem 0; height: auto; overflow: hidden;}
.sub-aricl img{ max-width: 100%;}
.sub-aricl p{ text-indent: 2em; text-align: left; font-size: .48rem; margin-top: .2rem; line-height: 1.2rem;}

/*文章列表页*/
.viewlist{ padding: .4rem; width: 100%; height: auto; border-bottom: 1px  dashed #729B34; overflow: hidden;}
.viewlist a{ width: 100%; height: 100%; display: block;}
.viewlist a dt{ width: 4.6rem; height:3rem; float: left;}
.viewlist a dt img{ width: 4.6rem; height: 3rem;}
.viewlist a dd{ width:9.4rem ; float: left; padding:0 .4rem;}
.viewlist a dd h2{ font-size: .6rem; height: 1rem; line-height: .9rem; text-align: left; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.viewlist a dd p{ font-size: .52rem; height: 2rem; line-height: .7rem; text-align: left;  text-indent: 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow: hidden;}

/*底部*/
.footer{ width: 15rem; height: 2.1rem; background-color: #004754; position: fixed; bottom: 0;}
.footer li{ width: 33%; float: left; font-size: .52rem;}
.footer li i{ display: block; width: 1rem; height: 1rem; margin:.2rem auto .1rem auto;}
.footer li i.dh{ background: url(../images/icon-05.png) 0 0 no-repeat; background-size:contain ;}
.footer li i.dw{ background: url(../images/icon-02.png) 0 0 no-repeat; background-size:contain ;}
.footer li i.dp{ background: url(../images/icon-04.png) 0 0 no-repeat; background-size:contain ;}
.footer li a{ width: 100%; height: 100%; display: block; color: #FFFFFF;}

/*正在加载中*/
.loading { padding: 0.4rem 0; line-height: 0.4rem; text-align: center; font-size: 0.5rem; color: #333; width: 100%; max-width: 15rem; }
.loading i { background: transparent url("../images/loading.GIF") no-repeat scroll 0 0 / contain; width: 0.96rem;height: 0.96rem; display: inline-block; vertical-align: -0.25rem; margin-right: 0.4rem;}