﻿/*焦点图样式*/
.slideBox{position:relative; overflow:hidden;max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{background-color: rgba(0,0,0,0);position:absolute;height:28px;line-height:28px;bottom:0;z-index:1;width: 100%;text-align: center;}
.slideBox .hd ul {}
.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:0 6px;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%，达到自适应效果 */min-height: 135px;}
.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;}
/*产品类别*/
.type{position: relative;background-color: #fff;border-bottom: 1px solid #e6e6e6;margin-bottom: 1rem;}
.type .bd ul{padding: 1rem;padding-bottom: 0;}
.type .bd ul li{color: #000;text-align: center;width: 33.33%;box-sizing:border-box;padding: 0 1.2rem 1.2rem;font-size: 1.2rem;line-height: 3rem;float: left;}
.type .bd ul li a{font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;color: #000;}
.type .bd ul li a div:nth-child(2){height: 3rem;overflow: hidden;}
.type .bd ul li .ico{background-image: url(../images/ico/ico.png);background-size: 600%;background-repeat: no-repeat;width: 50%;padding-bottom: 50%;border-radius: 1rem;display: inline-block;}
.type .bd ul li:nth-child(1) .ico{background-color: #05c4bd;}
.type .bd ul li:nth-child(2) .ico{background-color: #ffc600;}
.type .bd ul li:nth-child(3) .ico{background-color: #368ff4;}
.type .bd ul li:nth-child(4) .ico{background-color: #21d0a7;}
.type .bd ul li:nth-child(5) .ico{background-color: #0fc4d9;}
.type .bd ul li:nth-child(6) .ico{background-color: #a2c90f;}
.type .bd ul li:nth-child(7) .ico{background-color: #6699ff;}
.type .bd ul li:nth-child(8) .ico{background-color: #ff6666;}
.type .bd ul li:nth-child(9) .ico{background-color: #00cc00;}
.type .bd ul li:nth-child(10) .ico{background-color: #9999ff;}
.type .bd ul li:nth-child(11) .ico{background-color: #fe9854;}
.type .bd ul li:nth-child(12) .ico{background-color: #d9cc00;}
.type .bd ul li:nth-child(13) .ico{background-color: #f45bf4;}
.type .bd ul li:nth-child(14) .ico{background-color: #9966ff;}
.type .bd ul li:nth-child(15) .ico{background-color: #22a7e9;}
.type .bd ul li:nth-child(16) .ico{background-color: #0fc4d9;}
.type .bd ul li .line{background-position: -4% 15.5%;}
.type .bd ul li .l1{background-position: 15% 15.5%;}
.type .bd ul li .l2{background-position: 36% 15.5%;}
.type .bd ul li .l3{background-position: 57.5% 15.5%;}
.type .bd ul li .hotel{background-position: 80% 14.5%;background-size: 500%;}
.type .bd ul li .scenery{background-position: 101.5% 17.5%;}
.type .bd ul li .service{background-position: 34.6% 99.5%; background-size: 775%;}
.type .bd ul li .tuan {background-position: 15.8% 38.5%;}
/*频道通用*/
.channel{background-color: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-bottom: 1rem;}
.channel h3{font-size: 1.4rem;padding: 1rem;}
.channel h3 .fr{font-size: 1.2rem; position: relative; padding-right: 0.6rem;}
.channel .bd li{padding-bottom: 1rem;}
.channel .bd li .img{width: 100%;padding-bottom: 45%;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
.channel .bd li .img .extra{position: absolute;top: 1rem; left: 1rem; background: rgba(0, 0, 0, 0.7); color: #fff; height: 2.4rem; line-height: 2.4rem; font-size: 1.2rem; border-radius: 1.2rem; padding: 0 1.5rem;}
.channel .bd li .img .extra .ico{background: url(../images/ico/qizi.png) no-repeat 0 0/cover;float: left;display: block;width: 1.5rem;height: 1.5rem;margin-top: 0.5rem;margin-right: 0.5rem;}
.channel .bd li .img .extra .separator{margin: 0 0.5rem;}
.channel .bd li .img .price{position: absolute; right: 0; bottom: 1rem; width: 9rem; text-align: center;}
.channel .bd li .img .price .rate{line-height: 3rem; font-size: 1.2rem; color: #fff; background-color: #f80;}
.channel .bd li .img .price .rate em{font-size: 2rem;}
.channel .bd li .img .price .save{background-color:#fff;color: #f80;}
.channel .bd li .text{max-width: 100%;box-sizing:border-box;padding: 0 1rem;}
.channel .bd li .title{color: #333;font-size: 1.2rem;line-height: 1.5rem;text-overflow: ellipsis;overflow: hidden;margin-top: 1rem;width: 100%;height: 1.5rem;}
.channel .bd li .describe{color: #999;font-size: 1rem;line-height: 1.5rem;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;width: 100%;max-height: 3rem;}

/*线路类别*/
.lineType{background-color: #fff; border-bottom: 1px solid #e6e6e6;margin-bottom: 1rem;}
.lineType .hd{padding-bottom: 1rem;height: 3.7rem;background-color: #fff;width: 100%;z-index: 100;}
.lineType .hd ul{display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;box-sizing: border-box;}
.lineType .hd li{height: 3.5rem;line-height: 3.5rem;text-align: center;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;font-size: 1.4rem;overflow: hidden;}
.lineType .hd li.on{color: #33BD61; border-bottom: 2px solid #33BD61;}
.lineType .bd{}
.lineType .bd ul{}
.lineType .bd li{padding-bottom: 1rem;}
.lineType .bd li .img{width: 100%;padding-bottom: 45%;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
.lineType .bd li .img .extra{position: absolute;top: 1rem; left: 1rem; background: rgba(0, 0, 0, 0.7); color: #fff; height: 2.4rem; line-height: 2.4rem; font-size: 1.2rem; border-radius: 1.2rem; padding: 0 1.5rem;}
.lineType .bd li .img .extra .ico{background: url(../images/ico/qizi.png) no-repeat 0 0/cover;float: left;display: block;width: 1.5rem;height: 1.5rem;margin-top: 0.5rem;margin-right: 0.5rem;}
.lineType .bd li .img .extra .separator{margin: 0 0.5rem;}
.lineType .bd li .img .price{position: absolute; right: 0; bottom: 1rem; width: 9rem; text-align: center;}
.lineType .bd li .img .price .rate{line-height: 3rem; font-size: 1.2rem; color: #fff; background-color: #f80;}
.lineType .bd li .img .price .rate em{font-size: 2rem;}
.lineType .bd li .img .price .save{background-color:#fff;color: #f80;}
.lineType .bd li .text{max-width: 100%;box-sizing:border-box;padding: 0 1rem;}
.lineType .bd li .title{color: #333;font-size: 1.2rem;line-height: 1.5rem;text-overflow: ellipsis;overflow: hidden;margin-top: 1rem;width: 100%;height: 1.5rem;}
.lineType .bd li .describe{color: #999;font-size: 1rem;line-height: 1.5rem;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;width: 100%;max-height: 3rem;}
/*展示页*/
.discount_icon{font-size: 1rem;height: 1.5rem;line-height: 1.45rem;padding: 0 2px;white-space: nowrap;border-radius: 2px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;color: #ff4646;border: 1px solid #ff4646;position: relative;top: 0.5rem;}


/*底部客服*/
.service{}
.service li{padding:10px 0 10px 0;}
.service li dt{float:left;}
.service li dd{margin-right:-130px;}

/*登录页*/
#mainContent{}
.content{background: #fff;padding: 0 1rem 1rem;}
.container{}
.formTable{width: 100%;border:0 none;}
.formTable tr,
.formTable td{border:0 none;}
.formTable td{height: 3.5rem;}
.formTable td input{background-color: #fff;border: 1px solid #cacaca;box-sizing: border-box;color: #555;display: block;font-size: 1.2rem;height: 3.5rem;margin-top: 1rem;padding: 0 0.5rem;width: 100%;}
.formTable td .butBtn{background: #ff8400;border-color: #ff8400;border-radius: 0.2rem;color: #fff;cursor: pointer;display: block;font-size: 1.4rem;height: 3.5rem;line-height: initial;position: relative;}
.formTable td .imgid{color: #c10;float: left;height: 3.5rem;line-height: 3.5rem;margin: 1rem 0 0 1rem;}
.formTable td .imgid a{color: #c10;}
.formTable td .imgid img{vertical-align: middle;}
.formTable td .botbox{padding: 1.5rem 0 0.5rem;height: 1.8rem;line-height: 1.8rem;}
.formTable td .botbox a{height: 1.8rem;line-height: 1.8rem;font-size: 1.2rem;color: #08c;}
.formTable td .botbox .register{float: right;}
.formTable td .botbox .forget{float: left;}

.logins{padding: 1rem;}
.logins .hd{padding: 1rem;text-align: center;color: #666;position: relative;font-size: 1.2rem;}
.logins .hd:after{content: ""; height: 1px; background: #d4d4d4; position: absolute; width: 100%; top: 49%; left: 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5);}
.logins .hd span{position: relative;z-index: 1;padding: 0 1rem;background: #f1f1f1;}
.logins ul{text-align: center;}
.logins li{display: inline-block;height: 5rem;margin: 1rem 0.4rem;overflow: hidden;text-indent: -9999px;width: 5rem;}
.logins li i{background: #fff;display: block;height: 5rem;width: 5rem;border-radius: 5rem;}
.logins li.loginqq i{background: #09a3dc url(../images/icon/qq.png) no-repeat center center/cover;}
.logins li.loginsina i{background: #e70012 url(../images/icon/weibo.png) no-repeat center center/cover;}
.logins li.loginalipay i{background: #1CACEB url(../images/icon/alipay.png) no-repeat center center/cover;}
.logins li.loginweixin i{background: #24BC52 url(../images/icon/weixin.png) no-repeat center center/cover;}

.tipsBox{background: #FDF8D2;border: 1px solid #FEC500;margin-top: 1rem;padding:0.5rem;}

/*错误提示页*/
.errorBox{}
.errorBox .Errshow{text-align: center;margin-top: 1rem;}
.errorBox .Errshow .icon{}
.errorBox .Errshow p{margin-top: 1rem;font-size: 1.4rem;}
.errorBox .errorNav{margin-top: 1rem;}
.errorBox .errorNav a{margin-right: 1rem;display: inline-block;padding: 0.3rem 1rem;border:1px solid #e8e8e8;border-radius: 2px;}