/* CSS Document */
*{margin:0;padding:0;}
body{max-width:640px; margin:0 auto; font-family:"微软雅黑"; background:#f1f1f1;color:#666666;}
body, ul, dl, dt, dd, ol, li, i, em, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, tbody, td, img, div, input { margin: 0; padding: 0; border: 0; font-family:"微软雅黑"; }
li{list-style:none;}
p{ font-size: 14px; }
a{text-decoration:none;}
ul, ol {padding: 0;}
.clear{ clear:both;}
.left{ float: left; }
.right{ float: right; }

/* 公用 */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:10px;  z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px; border-radius:50%; font-size: 8px;  width:15px; height:15px; line-height:15px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#13d2ae; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto;display:block;  }

.search{ width: 70%; height: 35px; background: #fff; border-radius: 5px; position: fixed; top:8px; left: 20px; }
.search input{ float: left; width: 65%; padding-left: 35px; border: none; height: 35px; background: #fff; border-radius: 5px; background: url(../images/search.png) 5px no-repeat; background-size: 30px; }
.search p{ color:#999; font-size: 14px; float: right; line-height: 35px; margin-right: 10px; }
.search .phone{ position: fixed; top:10px; right: 40px; width: 30px; height: 30px; }

.activity{ width: 100%; background: #fff; height: 45px; line-height: 45px; border-bottom:#e3e3e3 solid 1px; }
.activity img{ float:left;}
.activity p{ float: left; font-size: 14px; }
.activity p a{font-family: "微软雅黑";color: #666666;}
.activity p a:hover{font-family: "微软雅黑";color: #888;}
.activity p:nth-of-type(2){ font-size: 16px; float: right; margin-right:15px;color:#15c0a0; }
.activity .label{ width: 20px; height: 20px; margin-top: 2px; margin-right:5px;}

.box{ padding:3%; margin-top: 10px; background: #fff;border-bottom:#e3e3e3 solid 1px; border-top:#e3e3e3 solid 1px; }
.box .left{ width: 49%; }
.box .right{ width: 49%; }
.box1,.box2,.box3,.box4,.box5{width: 100%; height: 80px; border-radius:10px; margin-bottom:6px;}
.box1 h3,.box2 h3,.box3 h3,.box4 h3,.box5 h3{float:left; width: 50%; color: #fff; font-size: 14px;  padding-top: 15px; padding-left:13px; font-weight:bolder;}
.box1 p,.box2 p,.box3 p,.box4 p,.box5 p{margin-top: 3px; float:left; width: 50%; color: #fff; font-size: 12px; padding-left: 13px;  opacity: 0.7;}
.box1 img,.box2 img,.box3 img,.box4 img,.box5 img{ width:28%;  float: right;  padding-right:10px;}
.box1{ background:#60b3ff; margin-bottom: 0;  }
.box1 img{width: 28%; bottom: 0px; left: 0; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.box1{ background:#60b3ff;  height:80px; }
.box2{background:#89e2b4; margin-bottom: 0; }
.box3{background:#feaf62;}
.box4{background:#ff7a7b;}
.box5{background:#fed557; margin-bottom: 0;}

.box6{padding:0 3%; margin-top: 10px; background: #fff;border-bottom:#e3e3e3 solid 1px; border-top:#e3e3e3 solid 1px; }
.box6 a{color:#666666;}
.box6 .tit{border-bottom:#e3e3e3 solid 1px; height: 40px; line-height: 40px;}
.box6 .tit p{ font-size: 16px; }
.box6 .tit p span{ color: #15c0a0; font-size: 16px; font-size: 16px;}
.box6 .tit a{ font-size: 12px; color: #999; }
.box6 ul{ padding:15px 0; border-bottom:#e3e3e3 solid 1px; }
.box6 ul .left{ width:28%; }
.box6 ul .left img{width:100%;height:99%;margin-top:5px; }
.box6 ul .right{ width: 68%; }
.box6 ul .right p:nth-of-type(1){ font-size: 16px; color: #333; font-weight: bold;  }
.box6 ul .right p:nth-of-type(1) img{ width: 15px; margin-left: 5px; }
.box6 ul .right p:nth-of-type(2){ line-height: 20px; height: 40px; overflow: hidden; margin-top: 3px; }
.box6 ul .right p:nth-of-type(3){ color: #999; font-size: 12px; margin-top: 2px; }
.box6 ul .right p img{ width:15px; }
.box6 ul:nth-of-type(3){ border-bottom:none; }

/*手机底部*/
.footer {overflow: hidden;position: fixed;border-top: #e3e3e3 solid 1px;bottom: 0px;width: 100%;background: #fff;}
.footer ul li {float: left;width: 20%;padding-top: 10px;padding-bottom: 5px;}
.footer ul li a {font-size: 14px;}

.f-a1 {background: url(/m/images/f1_1.png) no-repeat center top;background-size: 30px;display: block;text-align: center;width: 100%;color: #a2a2a2;height: 50px;}
.f-a21{background: url(/m/images/f2_2.png) no-repeat center top;background-size: 30px;display: block;text-align: center;width: 100%;color: #a2a2a2;height: 50px;}
.f-a2 {background: url(/m/images/f2.png) no-repeat center top;background-size: 30px;display: block;text-align: center;width: 100%;color: #a2a2a2;height: 50px;}
.f-a3 {background: url(/m/images/f3.png) no-repeat center top;background-size: 30px;display: block;text-align: center;width: 100%;color: #a2a2a2;height: 50px;}
.f-a4 {background: url(/m/images/f4.png) no-repeat center top;background-size: 30px;display: block;text-align: center;width: 100%;color: #a2a2a2;height: 50px;}

.footer ul li a span {display: block;padding-top: 30px;color:cadetblue;}

/* 景点详情 */
.sbox1{width: 96%; padding:0 2%;  background: #fff; border-bottom: #e3e3e3 solid 1px;}
.sbox1 .tit{ height: 45px; line-height: 45px; border-bottom: #e3e3e3 dashed 1px; }
.sbox1 .tit h3{ font-size: 16px; margin-left: 10px; }
.sbox1 .tit img{ width:15px; margin-top: 15px; margin-left: 5px;}
.sbox1 .tit p{ font-size: 18px; font-weight: bold; color:#ff0000; margin-right: 10px; }
.sbox1 .tit span{ font-size: 12px; }
.sbox1 ul{padding:15px 0;}
.sbox1 li{ height: 30px; line-height: 30px; font-size: 14px;}
.sbox1 li:nth-of-type(1){ background: url(../images/icon_phone.png) 5px 1px no-repeat; padding-left: 35px; background-size: 25px; }
.sbox1 li:nth-of-type(2){ background: url(../images/icon_address.png) 5px 1px no-repeat; padding-left: 35px; background-size: 25px; }
.sbox2,.sbox3{width: 90%; padding:5px 5% 15px;  background: #fff; border-top: #e3e3e3 solid 1px; border-bottom: #e3e3e3 solid 1px;border-bottom: #e3e3e3 solid 1px; }
.title{ color:#13d2ae; font-size: 16px; border-bottom: #e3e3e3 dashed 1px; height: 40px; line-height: 40px;}
.sbox2 p{ margin-top:8px; line-height: 25px; }
#allmap{width: 100%; height: 200px; margin-top: 10px;}
/* 景点列表 */
#trip_list .view{margin-bottom:10px}
#trip_list li:last-child{margin:0}
#trip_list .view .pic{position:relative;width:100%;height:150px;overflow:hidden}
#trip_list .view .pic img{width:100%;min-height:150px}
#trip_list .view .pic a{float:right;display:block;width:120px;height:35px;line-height:35px;background:#ff9531;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;font-size:14px;color:white}
#trip_list .view .cont{position:absolute;bottom:5px;right:5px;padding:15px 15px 5px 15px;background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.5)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)',endColorstr='rgba(0,0,0,0.5)',GradientType='0')}
#trip_list .view .con{padding:15px 15px 20px 15px;background:white;border-bottom:1px solid #eee}
#trip_list .view .con .right{color:#f00}#trip_list .view .con span{display:block;text-align:left;font-size:16px;line-height:20px;font-weight:bold}
#trip_list .view .con p{font-size:14px;color:#999;line-height:20px;margin-top:5px}
/* 评价 */
.ask-list .pic-b p:nth-of-type(1){ float: left; color: #13d2ae; font-size: 16px; font-weight: bolder; margin-left: 5%; margin-bottom: 5px; }
.ask-list .pic-b p:nth-of-type(2){ color: #ff0000; float:left; margin-left: 30px;}
.ask-list .pic-b p:nth-of-type(2) img{ width: 20px; }
.ask-list .arc { width:90%; padding-left:5%;  }
.ask-list .arc p{ color: #666; line-height: 20px; font-size: 14px; margin: 5px 0;  }
.ask-list .answ{background: #fff; margin-bottom: 10px; padding-top: 15px; border-bottom:#e3e3e3 solid 1px; border-top:#e3e3e3 solid 1px;}
.ask-list .arc .labs-bot { height: 13px; padding-left:5%;  font-size: 12px; padding-bottom:20px; margin:0 10px;}
.ask-list .labs-bot .ff {line-height: 13px; background: url(../images/lev2_icon.png) no-repeat; padding-left: 20px; margin-left: 20px; color: #999; float:right;}

.order-list { width: 90%; padding:0 5%; background: #fff; font-family: myFirstFont; border-bottom:#e3e3e3 solid 1px; border-top:#e3e3e3 solid 1px;}
.order-list section { position: relative;clear: both; background: #fff; margin-bottom: 10px;}
.order-list-Below { width: 92.5%; padding-top: 20px; position: relative; margin: auto; clear: both;}
.order-list-Below h1 { font-family: myFirstFont;  font-size: 13px;  color: #666;  line-height:18px;  height: 27px;}
.order-list-Below ul {text-align:center;padding:0 6%;}
.order-list-Below ul li{margin-left:3%;}
.name span{ margin-left:10px;}
.order-list-Below ul li p{margin-top:80px;}
.order-list-Below ul li:nth-of-type(1) {  float: left;  width: 80px;  height: 80px;  background: url("../images/eva1.png") no-repeat left top;  background-size: 80px 80px;}
.order-list-Below ul li:nth-of-type(1).on {  background: url("../images/eva11.png") no-repeat left top; background-size: 80px 80px;}
.order-list-Below ul li:nth-of-type(2) {  float: left;  width: 80px;  height: 80px;  background: url("../images/eva2.png") no-repeat left top;  background-size: 80px 80px;}
.order-list-Below ul li:nth-of-type(2).on {  background: url("../images/eva22.png") no-repeat left top; background-size: 80px 80px;}
.order-list-Below ul li:nth-of-type(3) {  float: left;  width: 80px;  height: 80px;  background: url("../images/eva3.png") no-repeat left top;  background-size: 80px 80px;}
.order-list-Below ul li:nth-of-type(3).on {  background: url("../images/eva33.png") no-repeat left top; background-size: 80px 80px;}

.order-list-Below .order-textbox { clear: both;}
.order-list-Below .order-textbox textarea {  width: 100%;  height: 90px;  padding: 5px;    border: 1px solid #e3e3e3;  border-radius: 4px;  font-family: myFirstFont ; font-size: 13px;  color: #666;}
.order-button {  margin:0 auto; width: 300px; height: 60px; background: #c5c5b5; font-family: myFirstFont ; text-align: center;}
.order-button a {  margin: 0 auto;  display: block;  width: 92.5%;  height: 39px;  line-height: 39px;  background: #13d2ae;  border-radius: 4px;  color: #fff;  font-size: 14px;}

/* 文章详情 */
.ad_box1{padding:20px; text-align:center; border-top: 1px solid #e3e3e3; background:#fff;}
.ad_box1 p:nth-of-type(1){ color:#999; font-size:12px; padding:5px 0;}
.ad_box1 ul{ }
.ad_box1 li{ font-size:14px; text-align:left;margin-top:10px; line-height:22px;}
.ad_box1 .img{ width:90%;}
.ad_box1 .img img{ width:90%;}
/* 文章列表 */
.nbox3{ border-top: 1px solid #e3e3e3; background:#fff;}
.nbox3 .con{ border-bottom:#e3e3e3 solid 1px; padding:20px 3%;}
.nbox3 .con img{ float:left; width:28%;}
.nbox3 .con ul{ float:right; width:66%;}
.nbox3 .con ul li:nth-of-type(1){ color:#333; }
.nbox3 .con ul li:nth-of-type(2){ color:#666; font-size:14px; margin-top:5px;height:40px;line-height:20px;overflow:hidden;}
.nbox3 .con ul li:nth-of-type(3){ color:#999; font-size:12px; margin-top: 5px; }
/* 文章列表 */
.nbox4{background:#fff;}
.nbox4 a{ border:#e3e3e3 solid 1px; padding:5px .8%;width:31%;float:left;}
.nbox4 .con img{float:left;margin-top:5px;width:99%;}
.nbox4 .con ul{width:99%;text-align:center;}
.nbox4 .con ul li:nth-of-type(1){ color:#333; }
/*.nbox3 .con ul li:nth-of-type(2){ color:#666; font-size:14px; text-align:left;margin-top:5px; height: 40px; line-height: 20px; overflow: hidden;}*/
.nbox4 .con ul li:nth-of-type(2){ color:#999; font-size:12px; height: 40px; line-height: 20px; overflow: hidden;}
.nbox4 .con ul li:nth-of-type(3){ color:#999; font-size:12px;margin-top: 5px;}
/* 歌 */
.vbox1{width: 100%;margin-top:20px;background:#fff;box-shadow:0px 0px 5px #ccc; }
.vbox1 .title,.vbox2 .title,.vbox3 .title{font-size: 16px;height: 45px;line-height:45px;text-align:center;margin:0 auto;color:#13d2ae; border: none;}
.vbox2{width: 100%; margin-top: 15px;background:#fff;box-shadow:0px 0px 5px #ccc; }
.vbox2 img{ width:100%; margin-bottom:5px; }


.videolist{background:#fff;} 
.videolist li{width:33.2%; height:35px; line-height:35px; background:#fff; border-right:#e3e3e3 solid 1px; color:#666; float:left; text-align:center;}  
.videolist li:nth-of-type(5){ border:none;}