@charset "utf-8";
/* CSS Document */

/*CSS reset css重置*/
*{padding:0;margin:0;font-family:  "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","黑体",Arial,sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {font-family: "Microsoft YaHei";font-weight:normal; margin:0;padding:0;font-size:1.4rem}
i,em{font-style:normal}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ol,ul,li {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
input{font-family: "Microsoft YaHei";vertical-align:baseline}
select{outline:none}
input[placeholder], [placeholder], *[placeholder] {color:#888} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;} 
.overflow {overflow: hidden}
.ellips {white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.l{ float: left;}
.r{ float: right;}
.c{ clear: both;}
 .blod{ font-weight: bold;}
/*文字排版 */
.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f36{font-size:36px}
.f50{font-size:50px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t05{text-indent:.5em}
.t1{text-indent:1em}
.t2{text-indent:2em}
.lh120{line-height:120%}
.lh130{line-height:130%}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.lh250{line-height:250%}
.lh300{line-height:300%}
.lh400{line-height:400%}
.unl{text-decoration:underline}
.no_unl{text-decoration:none}
.of-h{overflow: hidden}
.wz-slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wz-two{display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.wz-zh{word-wrap:break-word}/*文字转行*/
.no-table{table-layout:fixed}

/*文字颜色 */
.black{color:#000!important}
.orange{color:#F60}
.white{color:#FFF}
.blue{color:#02a0e9}
.green{color:#4da826}
.red{color:red}
.gray{ color: #7c7c7c;}
.c-9{color:#999}
.c-6{color:#666}
.c-3{color:#333}
.c-c{color:#ccc}
.c-b{color:#bbb}
.p-blue{color:#0ff}
.redstar{color:#F30}

/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none!important}
.block{display:block!important}
.d-table{display:table}
.inline{display:inline}
.in-box{display:inline-block}
.cursor-a{cursor:default}
.tr-box{display: table-row}
.right-5{right:5px}
.right-15{right:15px}
.right-25{right:25px}
.right-35{right:35px}
.bottom-5{bottom:5px}
.bottom-15{bottom:15px}
.bottom-25{bottom:25px}
.bottom-35{bottom:35px}

/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w48{width:48px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w165{width:165px}
.w170{width:170px}
.w175{width:175px}
.w180{width:180px}
.w185{width:185px}
.w190{width:190px}
.w195{width:195px}
.w200{width:200px}
.w220{width:220px}
.w250{width:250px}
.w300{width:300px}
.w322{width:322px}
.w350{width:350px}
.w380{width:380px}
.w400{width:400px}
.w450{width:450px}
.w500{width:500px}
.w600{width:600px}
.w700{width:700px}
.w800{width:800px}
.w1000{width:1000px}
.w1100{width:1100px}
.w1200{width:1200px}

.w{width:100%}
.w-9{width:90%}
.w-8{width:80%}
.w-7{width:70%}
.w-6{width:60%}
.w-5{width:50%}
.w-4{width:40%}
.w-3{width:30%}
.w-2{width:20%}
.w-1{width:10%}

.h10{height:10px}
.h20{height:20px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h90{height:90px}
.h100{height:100px}
.h200{height:200px}
.h300{height:300px}
.h400{height:400px}
.h500{height:500px}
.h600{height:600px}
.h700{height:700px}
.h800{height:800px}
.h900{height:900px}

.mh50{min-height:50px}


.h{height:100%}

/*边距*/
.m0{margin:0px}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt9{margin-top:9px}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mt15{margin-top:15px}
.mt16{margin-top:16px}
.mt17{margin-top:17px}
.mt18{margin-top:18px}
.mt19{margin-top:19px}
.mt20{margin-top:20px}
.mt21{margin-top:21px}
.mt22{margin-top:22px}
.mt23{margin-top:23px}
.mt24{margin-top:24px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt200{margin-top:200px}
.mt300{margin-top:300px}
.mt400{margin-top:400px}
.mb0{margin-top:0px}
.mb5{margin-bottom:5px}
.mb8{margin-bottom:8px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.mb200{margin-bottom:200px}
.mb300{margin-bottom:300px}
.mb400{margin-bottom:400px}
.ml0{margin-left:0}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml8{margin-left:8px}
.ml10{margin-left:10px}
.ml14{margin-left:14px}
.ml15{margin-left:15px}
.ml16{margin-left:16px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.ml80{margin-left:80px}
.ml90{margin-left:90px}
.ml100{margin-left:100px}
.ml150{margin-left:150px}
.ml200{margin-left:200px}
.ml300{margin-left:300px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}


.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p24{padding:24px}
.p30{padding:30px}
.pt0{padding-top:0px}
.pt2{padding-top:2px}
.pt5{padding-top:5px}
.pt6{padding-top:6px}
.pt7{padding-top:7px}
.pt8{padding-top:8px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt16{padding-top:16px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}

.pb5{padding-bottom:5px}
.pb8{padding-bottom:8px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb45{padding-bottom:45px}
.pb50{padding-bottom:50px}
.pb55{padding-bottom:55px}
.pb100{padding-bottom:100px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr35{padding-right:35px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}

.bt{border:1px solid #dee5ec}
.b-f9{border:1px solid #f9f9f9}
.b-D2{border:2px solid #ddd}
.bRed{border:none;border-top:1px dashed #F00} 
.bBlack{border:none;border-top:1px dashed #000} 
.bGreen{border:none;border-top:1px dashed #0F0} 
.bBlue{border:none;border-top:1px dashed #00F}
.bGrey{border:none;border-top:1px dashed #ddd}
.bGrey-top-3{border:none;border-top:3px solid #ddd}
.blue-b-3{border:3px solid #00F}

.bradius-100{border-radius: 100px}
.bradius-5{border-radius: 5px}
.bradius-10{border-radius: 10px}
.bradius-20{border-radius: 20px}
.bradius-30{border-radius: 30px}

.bg-color-black{background-color:#000}
.bg-color-white{background-color:#fff}
.bg-color-ccc{background-color:#ccc}
.bg-color-ddd{background-color:#ddd}
.bg-color-eee{background-color:#eee}
.bg-color-f9{background-color:#f9f9f9}
.bg-color-f5{background-color:#f5f5f5}
.bg-color-92d{background-color:#92d3ff}
.bg-color-blue{background-color:#0066CC}

.of{overflow: hidden}


/*add css for cxj 20180114*/
*,
::after,
::before{

    padding: 0;
    margin: 0;

    /*清除ios默认的点击时产生的高亮区块   rgba(0,0,0,0)*/
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color:transparent;
    /*定义盒子模型定义的宽度从边框计算*/
    -webkit-box-sizing: border-box;

}
/*
body{
    font-family: "Microsoft YaHei" , "sans-serif";
    font-size: 14px;
    line-height: 1;
    color: #333;
    position: relative;
    background: #f5f5f5;
}
*/
ul{
    list-style: none;
}

a{
    text-decoration: none;
    color: #333;
}

input,textarea{
    border:0;
    outline: none;
    resize: none;

    /*清楚ios浏览器默认的样式*/
    -webkit-appearance: none;
}

img{
    vertical-align: middle;/*清除3px的bug*/
    border: 0;
}

.clearfix::after,
.clearfix::before{
    clear: both;
    content: '.';
    height: 0;
    line-height: 0;
    visibility: hidden;
    display: block;
}

.jointour_layout{
    min-width: 300px;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
}
[class^="icon_"]{
    background: url("../images/sprites.png") no-repeat;
    background-size: 200px 200px;
}

/*头部*/
.jointour_topBar{
    height: 45px;
    width: 100%;
    background: url("../images/header-bg.png") repeat-x;
    background-size: 1px 44px;
    border-bottom: 1px solid #e0e0e0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.jointour_topBar .icon_back{
    height: 44px;
    width: 40px;
    background-position: -20px 0;
    display: block;

    padding:12px 10px;
    background-clip: content-box;
    background-origin: content-box;

    position: absolute;
    left: 0;
    top: 0;

}

.jointour_topBar .icon_menu{
    height: 20px;
    width: 20px;
    background-position: -60px 0;
    display: block;

    margin:12px 10px;
    background-clip: content-box;
    background-origin: content-box;

    position: absolute;
    right: 0;
    top: 0;

}

.jointour_topBar form{
    width: 100%;
    height: 44px;
    padding: 0 40px;
}
.jointour_topBar form input{
    width: 100%;
    height: 32px;
    border: 1px solid #bfbfbf;
    padding: 0 8px;
    border-radius: 4px;
    margin-top: 7px;
    font-family: sans-serif;
    font-size: 12px;
}

.jointour_topBar h2{
    width: 100%;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    font-family: sans-serif;
    color: #000;
    font-weight: inherit;
    text-align: center;
}