@charset "utf-8";

/* CSS Document */
html,body{ font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:black; font-size:12px;  border:0; padding:0; margin:0; background:#f4f5f9; }
img{ border:0px;}
a{ color:black; text-decoration:none;}
a:hover{ color:#000;}
h2{ padding:0; margin:0;}
h4{ padding:0; margin:0;}
address{font-style:normal; font-size:28px; line-height:20px;}
img{ border:none;}
ul,li{ list-style:none;}
.qc{ clear:both;}
a:focus {
     outline:none;
     -moz-outline:none;
}

/* index */
.index{  margin:0 auto;}



.index .search{ width:100%; background:#fff; height:96px;}
.index .search1{ width:721px; padding:15px 15px 0 14px; height:76px; background:url(../images/searchaf.png) no-repeat 15px 15px;}
.index .search .text{ font-size:26px; color:#888; line-height:56px;  padding-left:200px; font-weight:lighter;}

.index .banner{ width:100%; overflow:hidden; text-align:center;}
.index .banner img{ width:100%;height:auto}

.index .in_menu{ width:100%; padding-left:3px; overflow:hidden; background:#fff;}
.index .in_menu ul{ padding:0; margin:0; display:inline;}
.index .in_menu ul li{    float: left;
    width: 20%;
    padding: 20px 0;}
.index .in_menu ul li .pic{ text-align:center;width:100%;height:auto; margin-bottom:12px;}
.index .in_menu ul li .pic img{ width:80%;height:auto;}
.index .in_menu ul li .text{ color:#666; font-size:1em; text-align:center;}

.index .in_srdz{ width:100%; margin-top:8px; background:#fff; display:inline-block;}
.index .in_srdz .top{ height: 40px;padding:10px}
.index .in_srdz .top .topfh{
     width:3px; height:28px; background:#E4007F; float:left; margin-right:12px;
     margin-left:10px;
}
.pagetopfh{
     width:3px; height:22px; background:#E4007F; float:left; margin-right:8px;

}
.index .in_srdz .top .bt{ color:black;font-size: 1.5em ;line-height: 1.5em;  float:left;}
.index .in_srdz .top .bt span{     color: #999;
    font-size: .8em;
    line-height: 28px;
    padding-left: 15px;}
.index .in_srdz .content{  margin-left:15px;  margin-bottom:20px;}
    .index .in_srdz .content .pic {
        float: left;
        width: 40%;
    }
    .index .in_srdz .content .pic img {
   
    width:100%;
}
.index .in_srdz .content .text{     color: #9fc000;
    font-size: 1.5em;
    font-weight: bolder;

    float: left;}
.index .in_srdz .content .text span{ color:black; font-size:0.8em; font-weight:lighter;}
.index .in_srdz .content .yjt{ float: right;margin-right: 20px;
}
    .index .in_srdz .content .yjt img {
        width:80%;
        height:auto;
    }
.index .in_djrm{ width:100%;  background:#fff;}
.index .in_djrm .top{  width:100%;padding:0px;margin:0px;}
.index .in_djrm .top ul{ padding:0; margin:0; display:inline;}
.index .in_djrm .top ul li{ width: 50%;
    height: 2.2em;
    font-size: 1.5em;
    color: #000;
    line-height: 2.2em;
    float: left;
    text-align: center;
    background: #eaecf1;
    margin-bottom:10px;
     margin-top:10px;
     border-top: 2px solid #eaecf1;
}
.index .in_djrm .top ul li:last-of-type{
    border-left:1px solid #fff;
    width:49%;
}
.index .in_djrm .top ul li.cur{
    border-top:2px solid #E4007F;
}
.index .in_djrm .top ul li a:hover{ background:url(../images/tabhoverbg.jpg) repeat-x; display:block; color:#000;}
.index .in_djrm .product_list{ 
    padding-top:20px;

}
.index .in_djrm .product_list ul{ padding:0; margin:0; display:inline;}
.index .in_djrm .product_list ul li{
     margin-top:10px;width:100%;
   
     overflow:hidden;
    
}
.index .in_djrm .product_list ul li .pic{
    text-align:center;
}
.index .in_djrm .product_list ul li .pic img{
    width:95%;min-width:95%;
}
.index .in_djrm .product_list ul li .text{ margin: 5px 0 5px 0;
    font-size: 1.2em;
    color: black;
    line-height: 1.3em;
    padding: 0 10px;

}
.index .in_djrm .product_list ul li .price{padding: 0 10px; font-size:2em; font-weight:bolder; color:#e4007f;}
.index .in_djrm .product_list .djrmfgx{ width:100%; height:1px; background:#e8e8e8; }

.bottom-fixed {
    position: fixed;
    z-index: 10000;
   
    width: 100%;
    /* max-width: 640px; */
    bottom: 0;
    box-shadow: 0px -3px 5px #C1C1C1;
    text-align: center;
    background-color: #EBEBEB;
 
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bottom-fixed ul{
    padding:0px;
    margin:0px;
}
.bottom-fixed ul li {
    width: 25%;
    float: left;
    text-align: center;
    display: inline;
   padding-bottom:5px;
}
.bottom-fixed ul li a {
    font-size: 13px;
    color: #ffffff;
     background-position: center;
    background-repeat: no-repeat;
    height: 60px;
    width: 100%;
    display: block;
   background-size:contain;
}

.bottom-fixed ul li a.tel {
    background-image: url(/Content/WebPhone/images/p_aa_02.png);
}
.bottom-fixed ul li a.qq {
    background-image: url(/Content/WebPhone/images/p_aa_05.png);
}
.bottom-fixed ul li a.swt {
    background-image: url(/Content/WebPhone/images/p_aa_03.png);
}
.bottom-fixed ul li a.msg {
    background-image: url(/Content/WebPhone/images/p_aa_04.png);
}

.fotter{ 
    background:url(../images/dbnavbg.jpg) repeat-x; 
    height:99px;margin:0 auto;
    position: fixed;
    z-index: 10000;
    height: 110px;
    width: 100%;
    /* max-width: 640px; */
    bottom: 0;
    box-shadow: 0px -3px 5px #C1C1C1;
    text-align: center;
}
.fotter .fotterbg .phone{ width:230px; float:left; text-align:left; line-height:99px; margin-left:20px;}
.fotter .fotterbg .phone .icon{ float:left; margin-top:34px;}
.fotter .fotterbg .phone .text{ font-size:26px; color:#444; margin-left:10px; float:left;}
.fotter .fotterbg .phone .number{ background:url(../images/dbdhnumber.png) no-repeat 0px 39px; color:#fff; font-size:16px; float:left; width:22px; float:left; margin:-6px 0 0 5px; text-align:center; font-weight:bolder;}

.fotter .fotterbg .hwsy{ width:250px; float:left; text-align:left; line-height:99px; margin-left:50px;}
.fotter .fotterbg .hwsy .icon{ float:left; margin-top:34px;}
.fotter .fotterbg .hwsy .text{ font-size:26px; color:#444; margin-left:10px; float:left;}

.fotter .fotterbg .zxzx{ width:190px; float:right; text-align:left; line-height:99px; }
.fotter .fotterbg .zxzx .icon{ float:left; margin-top:34px;}
.fotter .fotterbg .zxzx .text{ font-size:26px; color:#444; margin-left:10px; float:left;}
.fotter .fotterbg .zxzx .number{ background:url(../images/dbdhnumber.png) no-repeat 0px 39px; color:#fff; font-size:16px; float:left; width:22px; float:left; margin:-6px 0 0 5px; text-align:center; font-weight:bolder;}

/* /index */

/* menu */


.menu .top{ width:100%; height:88px; background:#fff;}
.menu .top .text{ width:315px; float:left; margin:20px 0 0 325px; font-size:32px; color:#000; font-weight:lighter;}
.menu .top .menu{width:33px; float:right; margin:30px 15px 0 0;}

.menu .search{ width:100%; background:#fff; height:96px; }
.menu .search .search1{ width:641px; padding:15px 15px 0 14px; height:56px; background:url(../images/searchbf.png) no-repeat 15px 15px;float:left;}
.menu .search .search1 .button_submit1{ width:580px; height:56px;  padding-left:60px; float:left; font-size:26px; color:#888; background:none; border:0px #000 solid; font-weight:lighter;}
.menu .search .quxiao{ width:60px; font-size:30px; color:black; float:right; margin:22px 18px 0 0;}

.menu .menu_list{ width:100%; background:#fff;  display:inline-block;}
.menu .menu_list ul{ padding:0; margin:0; display:inline;}
.menu .menu_list ul li{ width:33.333%; text-align:center; margin:20px 0 5px 0; float:left;}
.menu .menu_list ul li .text{ color:#666; margin-top:5px;font-size:1em;}
/* /menu */

/* 导航页 */
.index .dbtop{width:100%; height:88px; background:#fff;}
.index .dbtop .logo{ width:639px; float:right; margin:13px 20px 0 0;}
.index .dbtop .menu{width:33px; float:left; margin:30px 0 0 20px;}

.index .erjidh{ width:100%; background:#fff;}

.index .erjidh .ejdho{ width:100%;padding-top:10px;}
.index .erjidh .ejdho ul{ padding:0; margin:0; display:inline;}
.index .erjidh .ejdho ul li{ width:25%; margin:10px 0; float:left; text-align:center;}
.index .erjidh .ejdho ul li .text{ color:#666; 
    font-size: 1.2em;margin-top:10px;}
.index .erjidh .ejdho .pic img{ width:60%;}
.index .erjidh .ejdho .pic{ width:100%;}
.index .erjidh .fgx{  margin:15px; height:1px; background:#e8e8e8;}

.index .erjidh .ejdht{width:100%;  background:#fff;}
.index .erjidh .ejdht .top{  height:40px;}
.index .erjidh .ejdht .top .topfh{ width:3px; height:28px; background:#E4007F; float:left; margin-right:12px;}
.index .erjidh .ejdht .top .bt{ color:black; line-height:28px;  float:left;font-size:1.5em;}
.index .erjidh .ejdht .sdly{ width:100%; height:40px; line-height:40px;}
.index .erjidh .ejdht .sdly ul{     padding: 0;
    margin: 0 auto;
    display: block;
    width: 100%}
.index .erjidh .ejdht .sdly ul li{    /* width: 187.5px; */
 width: 25%;
    text-align: center;
    color: #666;
    font-size: 1.5em;
    float: left;
    padding: 15px 0px;
    background: white;

}

/* /导航页 */

/* 产品列表页 */
.index .productstop{ width:100%; background:#fff;}
.index .productstop .top{height:20px}
.index .productstop .top .topfh{ width:3px; height:1.5em; background:#E4007F; float:left; margin-right:12px;}
.index .productstop .top .bt{ color:black;font-size:1.5em; line-height:1em;  float:left;}

.index .productstop .product_list{ background:#fff; margin:0 15px;}
.index .productstop .product_list ul{ padding:0; margin:0; }
.index .productstop .product_list ul li{ margin-top:15px;display:block;width:100%;height: 90px; }

.index .productstop .product_list ul li a{ width:100%;height: 90px;display:block; }
.index .productstop .product_list ul li .pic{  height:100px; float:left;width:35%; display:inline}
.index .productstop .product_list ul li .pic img{  height:90px;width:100%; float:left;}
.index .productstop .product_list ul li .text{
    display:inline;float:left;width:62%;overflow:hidden;
     
     padding-left:3%;padding-bottom:3%

}
.index .productstop .product_list ul li .text .bt{ 
    font-size:1.1em; color:black;
      display: -webkit-box;  
      display: -moz-box;  
      overflow: hidden;  
      text-overflow: ellipsis;  
      word-break: break-all;       
      -webkit-box-orient: vertical;  
      -webkit-line-clamp:1; 
}
.index .productstop .product_list ul li .text .date{
     font-size:0.8em; color:#888;
      overflow: hidden;  
      text-overflow: ellipsis;  
      word-break: break-all;  
      white-space:nowrap;
      -webkit-box-orient: vertical;  
      -webkit-line-clamp:1; 
     
}
.index .productstop .product_list ul li .text .price{ font-size:1.5em; color:#e4007f;font-weight:bolder;}

/* /产品列表页 */

/* 产品详情页 */
.index .xjyjss{ width:100%; background:#fff;display:inline-block;}
.index .xjyjss .pic{ width:100%; height:auto;max-height:450px; overflow:hidden;}
.index .xjyjss .pic img{ 
    width:100%;
    height:auto;
    max-height:450px;
    overflow:hidden;
   
}
.index .xjyjss .text{padding-top:10px;}
.index .xjyjss .text .left{padding-left:10px;float:left;color:#666;width:30% }
.index .xjyjss .text .right{ width:60%;float:right; }
.index .xjyjss .text .right img{ padding-left:5px;}
.index .xjyjss .text .bt{padding-left:10px; color:#000; clear:both;}
.index .xjyjss .text .bt h1{font-size: 1.3em;
    padding-right: 6px;padding-top:4px;color:#000 }
.index .xjyjss .text .price{padding-left:10px; color:#888; }
.index .xjyjss .text .price span{ font-size:30px; color:#e4007f; font-weight:bolder;}

.index .in_srdz .cfdtph{ width:100%;}
.index .in_srdz .cfdtph .left{ float:left; width:42px;}
.index .in_srdz .cfdtph .middle{ float:left;}
.index .in_srdz .cfdtph .middle ul{padding:0; margin:0; display:inline;}
.index .in_srdz .cfdtph .middle ul li{  
     text-align: center;
    width: 22.5%;
    margin-left: 2%;
    float: left;
    background:#EBECF1 ;
    height: 55px;
    margin-bottom: 10px;

}
.index .in_srdz .cfdtph .middle ul li .date{color: black;
    line-height: 22px;
    margin-top: 4px;}
.index .in_srdz .cfdtph .middle ul li .price{ color:#e4007f;line-height:24px;font-size: 1.2em;}

.index .in_srdz .cfdtph .right{ float:right; width:42px; height:126px;}

.index .xqfl{width:100%;background:#fff;}
.index .xqfl .top{width:100%;}
.index .xqfl .top ul{ padding:0; margin:0; display:inline;}
.index .xqfl .top ul li {
    width: 33.333%;
  
    font-size: 1.5em;
    color: #000;
  
    padding: 10px 0;
    float: left;
    text-align: center;
    background: #eaecf1;
}
.index .xqfl .top ul li a:hover{ display:block; color:#000;}

.index .xqfl .content{ width:100%; display:inline-block;}
.index .xqfl .content .texto{
       color: #666;
    line-height: 20px;
    width: 95%;
    margin: 5px auto;

}
.index .xqfl .content .fgx{ width:100%; margin:20px 0 20px 0; height:1px; background:#e8e8e8;}
.fgx1{ width:100%; margin:10px 0 10px 0; height:1px; background:#e8e8e8;}
.index .xqfl .content .textt{
    width:94%;
    margin:0 auto;
 
}
.index .xqfl .content .textt .top,.index .xqfl .content .texto .top{  color:#000;font-size:1.5em;margin-bottom:10px;  }
.index .xqfl .content .textt .content{ width:100%;}
.index .xqfl .content .textt .content ul{ padding:0; margin:0; display:inline;}
.index .xqfl .content .textt .content ul li{ 
    width:100%;
     float:left;
     margin-left:10px;
      background:url(/Content/WebPhone/images/xcjszbg.png)  no-repeat left ;
}
.index .xqfl .content .textt .content ul li .left{
    float: left;
    width: 12px;
    background: url(/Content/WebPhone/images/xcjszbg.png) no-repeat left;
    height: 12px;
    background-position-y: top;
    border-radius: 100%;
    border: 1px solid #33bd61;
    background: white;
}
.index .xqfl .content .textt .content ul li .icon{
        margin: 0 0px 0 1px;
    float: left;
    display: block;
    width: 17px;
    
   
     
}
.index .xqfl .content .textt .content ul li .right{  
    float:left; line-height:24px;
    width:90%;padding-left:5%;
    margin-bottom:10px;
}
.index .xqfl .content .textt .content ul li .right .bt{ 
 font-size: 1.2em;
    color: black;
    margin-top: -3px;
    line-height: 18px;
}
.index .xqfl .content .textt .content ul li .right .text{ color:#33bd61;   
    font-size: 1em;}
.index .xqfl .content .textt .more{ 
       color: #e4007f;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    height: 30px;
     }
.index .xqfl .content .textt .TiSelect{
    height:auto;
    display: none;

}
.index .xqfl .content .textt .more a{color:#e4007f;}

.index .ydxz{width:100%; margin-top:30px; background:#fff; display:inline-block;}
.index .ydxz .top{ width:100%;height:20px;padding-top:10px;}
.index .ydxz .top .topfh{ width:3px; height:28px; background:#E4007F; float:left; margin-right:12px;}
.index .ydxz .top .bt{ 
    color:black;
   
      line-height:1.5em;
        float:left;
            font-size: 1.5em;
    margin-bottom: 10px;
}
.index .ydxz .main{  margin:0 15px;}
.index .ydxz .main .bt{ font-size:1.5em; color:black; margin-bottom:10px;}
.index .ydxz .main .text{ color:#666;font-size:1.5em; background:#f4f5f9; padding:15px; display:inline-block;line-height:26px;}
.index .ydxz .main .fgx{   height:1px; background:#e8e8e8; margin-bottom:10px;}
/* /产品详情页 */




.com_foot
 .corp_info {
    padding: 30px
 3.125%;
    text-align: center;
}



 .pagetop {
        /*width: 100%;*/
      height:50px;
        background: #fff;
      
         padding-left:20px; 
          padding-right:20px; 
    }
    .pagetop .logo {
        width: 70%;
        float: left;
          height:50px;
       background-image:url(/Content/WebPhone/images/logo.png);
         background-position:center;
         background-repeat:no-repeat;
         background-size:contain;
    }

    .pagetop .logo a {
       display:block;
       width:100%;
       height:100%;
    }

    .pagetop .logo img {
        width: 100%;
        height:auto;
        float: left;
        margin: 13px 0 0 15px;
    }
    .pagetop .menu {
        width: 33px;
        float: right;
        height:50px;
    }
  .pagetop .menu  a{
         line-height: 65px;
    height: 50px;
    display: block;
  }
  .pagetop .menu  a img{
       width:80%;
  }

  .pagetop .topback {
      width:10%;
      overflow:hidden;
          float: left;
  }
  .pagetop .topback a{
    line-height: 65px;
    height: 50px;
    display: block;
  }
  .pagetop .topback a img{
       width:40%;
  }
    .page_cons {
   
       table-layout: fixed;
    width: 95%;
    padding: 0 2.5%;
    position: relative;
    background: white;

}
    .cons_ser {
    display: -webkit-box;
    display: -moz-box;
    height: 50px;
    width: 100%;
    position: relative;
}
    .sercher_touch #mou_input, #mou_input2 {
    font-size: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-appearance: none;
    box-shadow: none;
    height: 25px;
    border: 2px solid #bfbfbf;
    padding-left: 8px;
    padding-right: 30px;
    margin: 8px 40px 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #666;
}
    #clear_val {
    display: block;
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 99;
    width: 34px;
    height: 26px;
    background: url(http://rep3.mmb.cn/wap/upload/touch/newWap/icon/qcs.png) no-repeat center center;
    background-size: 18px auto;
}
    #sum_page {
    position: absolute;
    height: 32px;
    top: 8px;
    right: 2.5%;
    width: 40px;
    border: 0;
    -webkit-appearance: none;
    box-shadow: none;
    padding: 0;
    background: url(http://rep3.mmb.cn/wap/upload/touch/newWap/icon/scfd2.png) no-repeat center center;
    background-size: 20px auto;
}

    #ser_page div {
        float: none;
    }
    .ui-search-filter-cont, .ui-search-filter-cont_1 {
    float: left;
    width: 97.5%;
    padding: 2px 0 0 2.5%;
    clear: both;
}
    #ser_page li, #ser_page ul {
    list-style: none;
    text-align: left;
}
    .ui-search-filter-cont h1 {
    font-size: 1em;
    color: #959595;
}
    .ui-search-filter-opts_1 li {
    float: left;
    border: 1px solid #c9c9c9;
    height: 25px;
    line-height: 25px;
    background: #fff;
    margin: 10px 10px 7px 0;
    position: relative;
    padding: 3px 8px 3px 8px;
    _padding: 4px 18px 2px 4px;
    overflow: hidden;
    border-radius: 5px;
    font-size: 1em;
}
    .ui-search-filter-opts_1 li a {
    color: #5e5e5e;
}
    .no_search {
    width: 100%;
    padding-top: 30px;
    padding-bottom:10px;
}
    .no_search span {
    text-align: center;
    display: inherit;
    color: #5e5e5e;
}

    #close_serc2, #close_serc, #close_serc3 {
    display: block;
    position: absolute;
    top: 10px;
    left: 2%;
    width: 30px;
    height: 30px;
    background: url(http://rep3.mmb.cn/wap/upload/touch/newWap/icon/fh00.png)
 no-repeat 9px 5px;
    background-size: 10px auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

    .bq.tags{
        margin-top: 2px;
         margin-bottom: 2px;
    }
    
   .tags span {
    line-height: 16px;
    height: 16px;
    padding: 2px 4px;
    position: relative;
    text-decoration: none;
    margin: 2px 10px 8px 2px;
    color: #fff;
    font-size:0.8em;
    font-weight:bold;
}
    
.tags span, .tags span:before { background-color: #b7b7b7 }



.tags span, .tags span:after, .tags span:before { border-color: #777 }



.tags span.inset {

    color: #454545; /* Here you can override the default rgba(0,0,0,0.5); */

}



.tags .tag-red, .tags .tag-red:before { background-color: #f25c48 }
.tags .tag-red, .tags .tag-red:after, .tags .tag-red:before { border-color: #bc4738 }
.tags .tag-red.inset { color: #8a241e }
.tags .tag-blue, .tags .tag-blue:before { background-color: #0b9db7 }
.tags .tag-blue, .tags .tag-blue:after, .tags .tag-blue:before { border-color: #087184 }
.tags .tag-blue.inset { color: #054854 }
.tags .tag-orange, .tags .tag-orange:before { background-color: #f28f1a }
.tags .tag-orange, .tags .tag-orange:after, .tags .tag-orange:before { border-color: #bb6e14 }
.tags .tag-orange.inset { color: #7e4a0d }


.tags .tag-green, .tags .tag-green:before { background-color: #00A600 }
.tags .tag-green, .tags .tag-green:after, .tags .tag-green:before { border-color: #007500 }

.tags .tag-brown, .tags .tag-brown:before { background-color: #AE8F00 }
.tags .tag-brown, .tags .tag-brown:after, .tags .tag-brown:before { border-color: #5B4B00 }

.tags .tag-gray, .tags .tag-gray:before { background-color: #5B5B5B }
.tags .tag-gray, .tags .tag-gray:after, .tags .tag-gray:before { border-color: #272727 }

.tags .tag-puple, .tags .tag-puple:before { background-color: #6F00D2 }
.tags .tag-puple, .tags .tag-puple:after, .tags .tag-puple:before { border-color: #3A006F }

.tags .tag-fen, .tags .tag-fen:before { background-color: #FF00FF }
.tags .tag-fen, .tags .tag-fen:after, .tags .tag-fen:before { border-color: #460046 }

.tags .tag-danlan, .tags .tag-danlan:before { background-color: #5CADAD }
.tags .tag-danlan, .tags .tag-danlan:after, .tags .tag-danlan:before { border-color: #3D7878 }




.journey-detail {
    
}

.journey-detail .journey-item {

    margin-top: 10px;
    padding-bottom: 5px
}

.journey-detail .journey-item:first-child {
    margin-top: 0
}



.journey-detail .journey-item .journey-hd {
    padding: 8px 0
}

.journey-detail .journey-item .journey-hd i[class^=icon-] {
    display: inline-block;
    margin: 0 8px
}

.journey-detail .journey-item .journey-hd .hd-main {
    margin: 2px 10px 0 70px;
    font-size:1.3em;
}

.journey-detail .journey-item .journey-cont {
   
}
.journey-detail .journey-item .journey-cont .info-cont {
   text-indent:25px;
    font-size:1.2em;
        margin-bottom: 10px;
}

.journey-detail .journey-item .info-icon {
    padding-top: 2px

}

.journey-detail .journey-item .icon-meal,.icon-meal {
    background: url(/Content/WebPhone/images/i60.png) no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
    display: inline-block;
    height: 12px;
    width: 14px
}

.journey-detail .journey-item .icon-hotel ,.icon-hotel{
    background: url(/Content/WebPhone/images/i61.png) no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
    display: inline-block;
    height: 12px;
    width: 14px
}

.journey-detail .journey-item .icon-house {
    background: url(/content/m/v2/images/detail/i62.png) no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
    display: inline-block;
    height: 13px;
    width: 14px
}

.journey-detail .journey-item .icon-cordiform {
    background: url(/content/m/v2/images/detail/i63.png) no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    display: inline-block;
    height: 12px;
    width: 15px
}

.journey-detail .journey-item .icon-shop {
    background: url(/content/m/v2/images/detail/i64.png) no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
    display: inline-block;
    height: 14px;
    width: 14px
}

.journey-detail .journey-item .icon-clock {
    background: url(/content/m/v2/images/detail/i65.png) no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
    display: inline-block;
    height: 14px;
    width: 14px
}

.journey-detail .journey-item .info-items {
   margin:0px;
   padding:0px;
   margin-bottom:10px;
}


.journey-detail .journey-item .info-items .info-main {
    margin-left: 10px
}
.journey-detail .journey-item .info-items .info-main{

}
.journey-detail .journey-item-on .journey-hd {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10
}

.journey-detail .picture-slider-wrap {
    /*margin: 0 10px 10px;*/
    position: relative
}

.journey-detail .picture-slider-wrap .num-bar {
    background: rgba(0,0,0,.5);
    display: none;
    padding: 2px 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1
}

.journey-detail .picture-slider-wrap .icon-pic {
    background: url(/img/cats/i1.png) no-repeat;
    -webkit-background-size: 19px;
    background-size: 19px;
    display: inline-block;
    height: 16px;
    width: 19px
}

.journey-detail .picture-slider {
    width: 100%;
    overflow: hidden
}

.journey-detail .picture-slider .slider-inner {
    /*width: 9999px*/
}

.journey-detail .picture-slider .slider-item {
    float: left;
    position: relative
}

.journey-detail .picture-slider .slider-item img {
    display: block;
    width: 100%
}


.box {
    margin: 10px auto;
    border-top: #e0e0e0 1px solid;
    background: #fff
}

.box .title {
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-bottom: #e0e0e0 1px solid;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 4%
}

.box .title .sp-box {
    display: table-cell;
    width: 4px;
    vertical-align: middle
}

.box .title .sp-box .sp {
    width: 4px;
    background: #33bc60;
    height: 12px;
    margin-bottom: -1px
}

.box .title .text {
    display: table-cell;
    padding-left: 4%;
    vertical-align: middle
}

.box .title .right {
    text-align: right;
    display: table-cell;
    font-size: 12px;
    color: #33bc60;
    vertical-align: middle
}

.box .title .right i {
    font-size: 14px;
    vertical-align: text-bottom
}

.box .content {
    border-bottom: #e0e0e0 1px solid;
    position: relative
}

.box .content .content-cell {
    position: relative;
    ;font-size: 14px;
    color: #666;
    margin-left: 4%;
    border-bottom: #e0e0e0 1px solid;
    padding: 13px 4% 13px 0;
    zoom:1}

.box .content .content-cell:after, .box .content .cell-row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.box .content.form .content-cell {
    padding: 8px 4% 8px 0
}

.box .content .content-cell:last-child {
    border-bottom: none
}

.box .content .content-handler {
    text-align: right;
    float: right
}

.box .content .content-handler .check-icon {
    color: #33bc60;
    margin-right: 5px;
    vertical-align: middle
}

.box .content .cell-free {
    float: left;
    padding: 6px 4% 6px 0
}

.box .content .cell-title {
    float: left;
    width: 22%;
    padding: 6px 0
}

.box .content .cell-input {
    float: left;
    width: 78%
}

.box .content .cell-static {
    float: left;
    width: 78%;
    padding: 6px 0
}

.box .content .content-cell.thin .cell-free, .box .content .content-cell.thin .cell-title, .box .content .content-cell.thin .cell-static {
    padding-top: 0;
    padding-bottom: 0
}

.box .content .cell-handler {
    position: absolute;
    right: 4%;
    top: 0;
    width: 10%;
    text-align: right;
    height: 100%
}

.box .content .cell-row {
    zoom:1}

.box .content .cell-row-handler {
    width: 90%
}

.box .content .cell-row-handler .cell {
    display: table-cell
}

.box .content .right {
    text-align: right
}

.box .content .content-cell input,textarea {
    border: none;
    padding: 5px 0
}

.box .content .content-cell input.short {
    width: 50%
}

.box .footer {
    height: 30px;
    line-height: 30px;
    padding: 0 4%;
    font-size: 14px;
    color: #fff;
    background: #ff7c70;
    display: none
}

.box.show-foot .content:last-child {
    border-bottom: none
}

.box.show-foot .footer {
    display: block
}

.box.show-foot .footer span {
    float: right
}

.box .sp-content .conn_color {
    color: #33bc60
}

.box .content .content-cell span.interCode {
    font-size: 12px;
    color: #33bc60;
    margin-right: 0.5px
}

.box .content .content-cell div.interIcon {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #33bc60;
    border-top: 1px solid #33bc60;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 10px
}
.visa-popup {
    display: none;
    position: relative;
    top: 0;
    width: 100%;
    background-color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    padding-bottom: 90px
}
.box .title .text .desc {
    padding: 2px 4px;
    margin-left: 10px;
    color: #33bd61;
    border: 1px solid #33bd61;
    border-radius: 3px;
    font-size: 12px
}

.box .content .info {
    padding: 10px 4%;
    font-size: 14px;
    color: #666
}

.box .content a {
    display: block;
    color: black;
    padding: 10px 4%;
    cursor: pointer
}

.box .title .right {
    color: #666
}

.box .content>a {
    background-color: #f2f3f5;
    display: block;
    padding: 10px 4%;
    margin: 10px;
    font-size: 14px;
    padding: 10px 4%
}

.box .content>a .right {
    float: right
}

.box .info-content {
    overflow: hidden;
    color: #666;
    padding: 0 4%;
    font-size: 14px
}

.box .info-content .tip-info {
    position: relative;
    padding: 15px 4px 0 4px
}

.box .info-content-tip .tip-info strong {
    color: #f00
}

.box .info-content-tip .tip-info:before {
    content: "*";
    position: absolute;
    margin-left: -0.75em
}

.box .info-content-retail .tip-info {
    padding-top: 5px;
    padding-bottom: 10px
}

.gray-hr {
    border-top: none;
    border-bottom: #d4d4d4 1px solid;
    margin: 10px 0
}

.box .info-content .addr-info {
    float: right;
    color: #33bd61
}

.container .warm {
    padding: 10px 4%;
    background: #fef5d6;
    color: #666;
    font-size: 14px
}

.container .star {
    color: #33bc60;
    padding-right: 5px
}

.container>.box>.title>.text {
    padding-left: 6px
}




.goswt {
    bottom: 120px;
    display: block;
}
.gotop, .goswt {
    position: fixed !important;
    right: 5px;
    bottom: 80px;
    z-index: 7000;
    display: block;
}