﻿/*签证频道页*/
#mainContent{background: #f1f1f1;}
/*焦点图样式*/
.slideBox{position:relative; overflow:hidden;max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{background-color: rgba(0,0,0,0);position:absolute;bottom:0;z-index:1;width: 100%;text-align: center;}
.slideBox .hd ul {height: 26px;}
.slideBox .hd li{display:inline-block; width:7px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;background: #fff; text-indent:-9999px; overflow:hidden; margin:10px 5px;opacity: 0.5;}
.slideBox .hd li.on{background:#fff;opacity: 1;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{position:relative; text-align:center;}
.slideBox .bd li a > div {width: 100%;padding-bottom: 50%;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.slideBox .bd li img{background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left;}

/*签证列表页*/
.searchTitle{padding: 1rem 1.5rem; border-bottom: 1px solid #eee; background-color: #F7F7F7;}
.searchTitle h2{background-color: #fff;border: 1px solid #efefef;border-radius: 0.5rem;line-height: 3rem;height: 3rem;font-size: 1.2rem;color: #999;padding: 0 1rem;position: relative;}
.searchTitle h2 i.ico{background: url(../images/ico/search.png) no-repeat 0 0.8rem/1.6rem;display: block;width: 2rem;height: 3.5rem;float: left;position: absolute;}
.searchTitle h2 input[type="text"]{width: 85%;padding-left: 2rem;box-sizing: border-box;font-size: 1.2rem;}
.searchTitle h2 a{background: #f8f8f8;border-left: 1px solid #efefef;border-radius: 0 0.5rem 0.5rem 0;color: #2ebd59;display: block;font-size: 1rem;padding: 0 1rem;position: absolute;right: 0;top: 0;}
.list{background-color: #f1f1f1;}
.list .hd{background-color: #fff;height: 3.5rem;line-height: 3.5rem;border-left: 0.5rem solid #9ed969;font-size: 1.4rem;padding-left: 1rem;margin-top: 1rem;border-bottom: 1px solid #e6e6e6;position: relative;}
.list .hd .more{color: #666;float: right;font-size: 1rem;padding: 0 1rem;width: 2.8rem;}
.list .hd .more:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-left: 0.1rem;position: absolute;right: 1rem;top: 50%;margin-top: -.25rem;}
.list ul{padding: 1rem;background-color: #fff;/* border-bottom: 1px solid #eee; */}
.list li{border-bottom: 1px solid #dcdcdc;padding-bottom: 0.5rem;padding-top: 0.5rem;}
.list li:nth-last-child(1){border-bottom: 0;}
.list .list_l{width: 8rem;height: 7.3rem;float: left;display: block;border-radius: 0.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;overflow: hidden;}
.list .list_r{padding-left: 9rem;height: 7.3rem;}
.list .list_r h4{color: #000;font-size: 1.3rem;height: 2.2rem;line-height: 2.2rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list .list_r .info{height: 2.2rem;overflow: hidden;padding-top: 0.5rem;}
.list .list_r .song{margin-top: 0.36rem;padding: 0.02rem 0.5rem;border: 1px solid #fc924c;color: #fc924c;border-radius: 0.2rem;float: left;}
.list .list_r .fan{margin: 0.36rem 0 0 0.36rem;padding: 0.02rem 0.5rem;border: 1px solid #fc924c;color: #fc924c;border-radius: 0.2rem;float: left;}
.list .list_r .price{font-size: 1rem;color: #999;line-height: 2.2rem;float: right;}
.list .list_r .price i{color: #f63;font-weight: bold;}
.list .list_r .price span{color: #f63;font-size: 1.4rem;font-weight: bold;}
.list .list_r .text{color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 2.2rem;line-height: 2.2rem;}
footer.menu{position: fixed; bottom: 0; width: 100%;max-width: 640px;}
footer.menu li{background-color: rgba(255,255,255,0.95);}
footer.menu li em{display: block;}
.visaList footer ul li{width: 33.3%;}
/*筛选条件*/
.asort{display: none;position: fixed;width: 100%;bottom: 5.4rem;background-color: rgba(0,0,0,0.5);color: #666;z-index: 100;height: 100%;max-width: 640px;}
.asort.on{display: block;}
.asort .title{background-color: #fff;height: 4rem;line-height: 4rem;border-left: 0.5rem solid #2ebd59;font-size: 1.4rem;padding-left: 1rem;border-bottom: 1px solid #e6e6e6;}
.asort .sort_list{display: none;border-top: 1px solid #dcdcdc;position: absolute;bottom: -5.5rem;width: 100%;max-height: 28.5rem;overflow: scroll;z-index: 101;}
.asort .sort_list.on{display: block;}
.asort dd{font-size: 1.4rem;line-height: 4rem;position: relative;border-bottom: 1px solid #dcdcdc;background-color: rgba(255,255,255,0.95);}
.asort span{display: block;padding-left: 1rem;color: #000;}
.asort dd i,.asort dl i{display: none;width: 1rem;height: 1.8rem;border-right: 2px solid #2ebd59;border-bottom: 2px solid #2ebd59;-webkit-transform: rotate(45deg)translateY(-3px);transform: rotate(45deg)translateY(-3px);margin-left: 4px;position: absolute;top: .6rem;right: 2.3rem;}
.asort dd.on span{color: #2ebd59;}
.asort dd.on i,.asort dl.on i{display: block;}
.asort dl {font-size: 1.4rem;line-height: 4rem;position: relative;/* border-bottom: 1px solid #dcdcdc; */background-color: rgba(255,255,255,0.95);}
.asort dl dt{font-size: 1.4rem; line-height: 4rem; position: relative; border-bottom: 1px solid #dcdcdc; background-color: rgba(255,255,255,0.95);}
.asort dl.alist dt i{width: 1rem;height: 1rem;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: 4px;position: absolute;top: 1.2rem;right: 2.3rem;display: block;}
.asort dl.alist dd{padding-left: 1rem;display: none;}
.asort dl.alist.open dd{display: block;}
.asort dl.alist dd span{color: #666;}
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icon/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.tuantype{position:absolute;left:0;top:0;width:100%;display:none;height:100%;z-index:9999;}
.tuantype .bg{height:100%;position:absolute;left:0;top:0;opacity: 0.5;background:#999;width:100%;z-index: -1;}
.tuantype .typeList{max-height:350px;overflow:auto;text-align:left;background:#FFF;}
.tuantype p{height:44px;padding-left:20px;line-height:44px;border-bottom:1px solid #ccc;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;margin-bottom:0; font-size:14px;}
.tuantype p.cur{ color:#F60;}

/*签证详情页*/
/*简要信息*/
.baseInfo{background-color: #fff;margin-bottom: 1rem;padding: 1rem;}
.baseInfo .list_l{width: 8rem;height: 7.3rem;float: left;display: block;border-radius: 0.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;overflow: hidden;}
.baseInfo .list_r{padding-left: 9rem;height: 7.3rem;}
.baseInfo .list_r h4{color: #333;font-size: 1.2rem;height: 3.6rem;line-height: 1.8rem;margin-bottom: 0.8rem;display:-webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.baseInfo .list_r .info{height: 2.2rem;overflow: hidden;padding-top: 0.5rem;}
.baseInfo .list_r .song{margin-top: 0.36rem;padding: 0.02rem 0.5rem;border: 1px solid #fc924c;color: #fc924c;border-radius: 0.2rem;float: left;}
.baseInfo .list_r .fan{margin: 0.36rem 0 0 0.36rem;padding: 0.02rem 0.5rem;border: 1px solid #fc924c;color: #fc924c;border-radius: 0.2rem;float: left;}
.baseInfo .list_r .price{font-size: 1rem;color: #999;line-height: 2.2rem;float: right;}
.baseInfo .list_r .price i{color: #f63;font-weight: bold;}
.baseInfo .list_r .price span{color: #f63;font-size: 1.4rem;font-weight: bold;}

.friendTips{padding: 0 1rem;color: #333;}

.infoBox{background: #fff;border: 1px solid #e6e6e6;border-width: 1px 0;margin: 1rem 0;padding: 1rem 1rem 0.6rem;}
.infoBox div{margin-bottom:0.4rem;}
.infoBox div span{display: inline-block;color: #666;vertical-align: top;}
.infoBox div div{display: inline-block;width: 79.31034483%;margin: 0;}
.infoBox div div span{color: #333;}

/*签证简介*/
.brief{margin-top: 1rem;}
.brief .hd{background-color: #fff;line-height: 4rem;text-align: center;font-size: 1.2rem;z-index: 999;}
.brief .hd ul{display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;box-sizing: border-box;}
.brief .hd li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;border-bottom: 1px solid #ddd;}
.brief .hd li.on{border-bottom: 2px solid #2ebd59;}

/*材料*/

/*流程*/
.process{overflow:hidden;padding:0 0 0 1.25rem;background-color:#fff}
.process .pro-list{display:-webkit-box;display:-o-box;display:-ms-flexbox;display:flex}
.process .left-list{-moz-box-flex:1 1 auto;-webkit-box-flex:1 1 auto;-o-box-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:10.15625%;position:relative}
.process .left-list i{position:absolute;top:5.08333333rem;right:2.08333333rem;display:block;width:.20833333rem;height:73%;background:url(../images/icon/visa_pointer.png) repeat-y;background-size:contain}
.process .right-details{-moz-box-flex:0 0 89.84375%;-webkit-box-flex:0 0 89.84375%;-o-box-flex:0 0 89.84375%;-ms-flex:0 0 89.84375%;flex:0 0 89.84375%;width:89.84375%}
.process .right-details ul li{border-bottom:1px solid #e6e6e6;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.83333333rem 1.25rem .83333333rem 0;width:100%;line-height:1.5;position:relative;background:0 0}
.process .right-details ul li .count{position:absolute;display:block;top:1.25rem;left:-2.91666667rem;width:2.5rem;height:2.5rem;background-color:#fff}
.process .right-details ul li .count i{margin-top:.41666667rem;display:block;width:1.25rem;height:1.25rem;line-height:1.25rem;text-align:center;color:#999;border:1px solid #999;border-radius:50%;font-size:.83333333rem}
.process .right-details ul li p{margin:.41666667rem 0;font-size:1.16666667rem;color:#333}
.process .right-details ul li span{display:block;font-size:1rem;color:#666}
.process .right-details ul li.end{border-bottom: 0 none;}

/*签证介绍*/
.showInfo{}
.showInfo .bd{background-color: #fff;}
.showInfo .con{background-color: #fff;font-size: 1.2rem;color: #666;}
.showInfo .con .costInfo{padding: 1rem;}
.showInfo .con .costInfo h3{color: #000;line-height: 3rem;}
.showInfo .con .img{line-height: 3rem;height: 3rem;font-size: 1.4rem;}
.showInfo .con .img span{color: #000;}
.showInfo .con .text{padding-right: 1rem;}

/*用户评论*/
.comment{}
.comment .commentInfo{padding: 1rem;background-color: #fff;}
.comment .commentInfo .mark1{line-height: 2rem;width: 30%;text-align: center;float: left;border-right: 1px solid #ccc;box-sizing: border-box;}
.comment .commentInfo .mark1 p{}
.comment .commentInfo .mark1 p em{color: #f40;}
.comment .commentInfo .mark1 h3{color: #f40; font-size: 1.6rem;}
.comment .commentInfo .mark2{float: left;width: 70%;box-sizing: border-box;padding: 1rem 0;}
.comment .commentInfo .mark2 dl{width: 50%;float: left;line-height: 2rem;text-align: center;}
.comment .commentInfo .mark2 dt{/* float: left; */display: inline;}
.comment .commentInfo .mark2 dd{/* float: left; */color: #f40;display: inline;}
.comment .commentList{padding: 1rem;background-color: #fff;padding-top: 0;}
.comment .commentList li{border-top: 1px solid #ccc; padding-top: 1rem; padding-bottom: 1rem;}
.comment .commentList li:last-child{padding-bottom: 0;}
.comment .commentList li .top_part{margin-bottom: 0.5rem;}
.comment .commentList li .top_part .s1{display: block; float: left;}
.comment .commentList li .top_part .s1 img{width: 3rem;height: 3rem;border-radius: 100%;box-shadow: 0 0 5px #ccc;}
.comment .commentList li .top_part .s2{height: 3rem; display: block; float: left; padding-left: 1rem;}
.comment .commentList li .top_part .s2 .star{background: url(../images/ico/star.png) repeat 0rem 0.1rem/1.5rem;width: 7.5rem;height: 1.8rem;margin-right: 0.5rem;margin-top: 0.2rem;display: block;}
.comment .commentList li .top_part .s2 .star.st1{width: 1.5rem;}
.comment .commentList li .top_part .s2 .star.st2{width: 3rem;}
.comment .commentList li .top_part .s2 .star.st3{width: 4.5rem;}
.comment .commentList li .top_part .s2 .star.st4{width: 6rem;}
.comment .commentList li .top_part .s2 .star.st5{width: 7.5rem;}
.comment .commentList li .middle_part{color: #666;font-size: 1.2rem;}
.comment .commentList li .bottom_part{margin-top: 1rem;}
.comment .commentList li .bottom_part .date{font-size: 1rem;line-height: 2rem;color: #aaa;}
.comment .commentList li .bottom_part .img{}
.comment .commentList li .bottom_part .img img{display: none;}
.comment .commentList li .bottom_part .img li{width: 19%;padding-bottom: 13.5%;float: left;background-size: cover;margin-right: 1%;}
.comment .commentList .more{display: block; width: 100%; text-align: center;}
.comment .commentList .more span{position: relative;}
.comment .commentList .more span:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg)translateY(0);transform: rotate(-45deg)translateY(0);margin-left: 0.1rem;position: absolute;right: -1rem;top: 50%;margin-top: -0.25rem;}
/*其他事项*/
.other_things{margin-bottom: 1rem;border-top: 1px solid #e6e6e6;}
.other_things li{position: relative;height: 3.5rem;line-height: 3.5rem;background-color: #fff;border-bottom: 1px solid #e6e6e6;padding: 0 1rem;font-size: 1.2rem;}
.other_things li a{display: block;width: 100%;height: 3.5rem;}
.other_things span{}
.other_things span.fl{}
.other_things span.fr{color: #999;font-size: 1rem;padding-right: 1.5rem;}
.other_things span.express{background: url(../images/ico/express.png) no-repeat 0 1rem/1.5rem;padding-left: 1.8rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things span.prompt{background: url(../images/ico/prompt.png) no-repeat 0 1rem/1.5rem;padding-left: 1.8rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things span.file{background: url(../images/ico/file.png) no-repeat 0 1rem/1.5rem;padding-left: 1.8rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things li > a:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-left: 0.1rem;position: absolute;right: 1rem;top: 50%;margin-top: -.25rem;}
.other_things .other_show{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.other_things .other_show.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.other_things .other_show .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;}
.other_things .other_show .bd{padding: 1rem; font-size: 1rem; line-height: 2rem; color: #666;}
.other_things .other_show .bd h3{color: #000; font-size: 1.2rem;}
.other_things .other_show .close{background: url(../images/ico/close.png) 0 0/cover;width: 5rem;height: 5rem;/* position: absolute; */bottom: 1rem;/* left: 50%; *//* margin-left: -2.5rem; */margin: 0 auto;}
/*猜您喜欢*/
.guess{background-color: #fff;margin-top: 1rem;}
.guess .hd{font-size: 1.4rem; line-height: 1.5rem; border-bottom: 1px solid #ccc; padding: 1rem 1rem 1rem 3.5rem; margin-bottom: 1rem; position: relative;color: #eb4f38;}
.guess .hd i{background-image:url(../images/ico/guess.png);background-size: cover;height: 2rem;left: 1rem;margin-top: -1rem;position: absolute;top: 50%;width: 2rem;}
.guess .bd{padding: 0 0 0 1rem;}
.guess .bd ul{}
.guess .bd li{width: 50%;float: left;box-sizing: border-box;padding-right: 1rem;padding-bottom: 1rem;}
.guess .bd li .img{width: 100%; padding-bottom: 75%; background-size: cover; background-position: 50% 50%;}
.guess .bd li .title{height: 3rem; font-size: 1rem; overflow: hidden; line-height: 1.5rem; margin-top: 0.5rem;}
.guess .bd li .price{color: #f40; font-size: 1rem; text-align: right;}
.guess .bd li .price em{font-size: 1.4rem;} 
.guess .bd li .price i{color: #666;}
/*页脚预订栏*/
footer.sub{background-color: #fff; bottom: 0; font-size: 1rem; height: 4rem; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 99;}
footer.sub span{float: left;display: block;text-align: center;height: 4rem;line-height: 4rem;box-sizing: border-box;}
footer.sub span a{display: block;}
footer.sub .collect{width: 20%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .collect:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/collect.png) 0 0/cover;}
footer.sub .collect.on:before{background-image: url(../images/ico/collect_on.png);}
footer.sub .tel{width: 20%;border-top: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .tel:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/phone.png) 0 0/cover;}
footer.sub .booking{background-color:#ff7d13;width: 60%;font-size: 1.2rem;}
footer.sub .booking a{color: #fff;}