.o2o_top_nav{width: 100%; height: 40px; margin: 0; position: fixed;
	    -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px); background-color:#fff;
        background-color: rgba(255, 255, 255, 0.9); 
  	top: 60px;z-index: 12;
    box-shadow: 0 1px 2px rgba(150,150,150,0.3); text-align: center;bborder-bottom: 1px solid #DDE5ED;
}
.o2o_top_nav a{padding: 5px 20px; margin: 0 30px; line-height: 40px; font-size: 14px;}
.o2o_top_nav a.on{color:#fff; background: #1271c4; border-radius: 4px; }
.o2o_top_nav a:hover{color:#fff; background: #1271c4; border-radius: 4px; }
.o2o_img1200 img{width: 1200px;}
.o2o.first {
    height: 500px; width: 100%; float: left;
	background:url(../images/o2o/banner-o2o.png) #0b79cc no-repeat center;  
    background-size: 1200px 400px;
}

.content-left {
    width: 550px;
    float: left; padding-left: 40px;
    padding-top: 70px;
}
.banner-title {
    font-size: 40px;
    line-height: 120px;
    color: #fff;
    font-weight: 300;
}
.content-left p {
    color: #fff;
}
.o2o .btn {
    margin-top: 50PX;
}
.o2o .btn_login {
    width: 100px;
    height: 40px;
    float: left;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    margin-right: 30px;
    display: block;
}
.o2o .btn_reg {
    width: 100px;
    height: 40px;
    float: left;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #444;
    display: block;
}
.list{margin:0px auto; clear:both; padding:70px 0px;} 
.list h2{    color: #000;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: -.015em;}
.list h5{text-transform: uppercase;
    color: #000;
    letter-spacing: .1em;
    font-size: 16px;padding-bottom: 15px;
    text-align: center;
    font-weight: 700;
    margin: 0;}
.list > p{ font-size:16px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#999; line-height:2.5;} 
.o2o .hangye ul{     margin-top: 40px;
    margin-bottom: 40px;
    float: left;
    width: 100%;}
.o2o .hangye li{width:11.1111%; background:#FFF; padding:30px; text-align:center;border:1px solid #eee; margin-left:-1px; float:left;}
.o2o .hangye p{color:#999;height: 90px;margin-bottom: 30px; font-size: 14px;  line-height:24px;}
.o2o .hangye a{width:106px; height:106px;}
.o2o .hangye img{width:46px;}
.o2o .hangye h6{font-size: 14px;}
.list_bg{ background-color: #f3f4f4;overflow: hidden;}
.o2o_gn{margin-top: 100px;}
.o2o_gn h2{font-size: 40px; color: #1271C4}
.o2o_gn.topbanner {
   display: table;
    width: 100%; height: 200px;
    background-color: #1271C4;
    background-image: url(../images/gn-bg.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 1356px 141px;
    min-width: 1000px;

}
.topbanner .coninfo{display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 170px;}
.topbanner .title {
    font-size: 34px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
}
.topbanner .desc {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    margin-top: 15px;
}
.o2o_gn_list{    margin-bottom: 40px; margin-top:10px;
    overflow: hidden;}
.o2o_gn_list li{float: left; width:48%; margin-right: 2%; margin-top: 5px;}
.o2o_gn_list-item {
    display: block;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    margin-top: 20px;
    padding: 20px 20px 15px;
}
.o2o_gn_list .item-icon {
    display: table-cell;
    vertical-align: top;
    width: 1%;
}
.o2o_gn_list .item-icon img {
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 20px;
}
.o2o_gn_list .item-main {
    display: table-cell;
    vertical-align: top;
}
.o2o_gn_list .item-main .title {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.o2o_gn_list .item-main .desc {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    height: 42px;
    margin-top: -2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.o2o_gn_foot {
    background-color: #ecf0f8;
    background-image: url(../images/gn-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
    margin-top: 60px;margin-bottom: 60px;
    min-width: 1000px;
}
.o2o_gn_foot .cell {
    padding-top: 44px;
    padding-bottom: 44px;
    max-width: 1200px;
    min-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.o2o_gn_foot .cell .toolbar {
    display: inline-block;
    vertical-align: middle;
}
.o2o_gn_foot .cell .toolbar .button {
    display: block;
    box-sizing: border-box;
    border: 1px solid #1985e3;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #2277da;
    border-radius: 2px;
    -webkit-transition: background-color .4s;
    transition: background-color .4s;
}
.o2o_gn_foot .cell .toolbar .button:hover{background-color:#1985e3;color:#fff}
.o2o_help {margin-top: 100px;}
.o2o_help h2 {
    font-size: 24px;margin: 0 50px;
    color: #1271c4;
    line-height: 1;
    font-weight: 700;
    padding-top: 60px;
    padding-bottom: 30px;
}
.o2o_help .textarea {
    color: #282828;
    min-height: 270px;
    font-size: 14px;
    color: #666666; }
    .o2o_help .textarea .hide {
      display: none; }
    .o2o_help .textarea .ques {
      margin: 0 30px;
      min-height: 650px; }
      .o2o_help .textarea .ques li {
        padding: 25px;
    margin-bottom: 15px;
    color: #666666;
    border: 1px solid #eeeeee; }
        .o2o_help .textarea .ques li p:first-of-type {
          color: #282828;
          font-size: 15px;
          font-weight: 600;
          margin-bottom: 20px; }
        .o2o_help .textarea .ques li:last-of-type {
          border: none; }
          .o2o_help .textarea .ques li:last-of-type a {
            color: #1271c4; }
        .o2o_help .textarea .ques li .question {
          line-height: 30px;
          color: #282828; }
          .o2o_help .textarea .ques li .question .answer {
            display: none;
            background: #fff6cc;
            padding: 15px;
            position: relative;
            margin: 10px 0;
            border-radius: 4px; }
            .o2o_help .textarea .ques li .question .answer a{
            	color:#d36f16;}
            .o2o_help .textarea .ques li .question .answer p {
              margin: 0;
              font-weight: normal;
              font-size: 14px;
              line-height: 20px;
              color: #333333; }
          .o2o_help .textarea .ques li .question .answer:before {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            top: -20px;
            left: 15px;
            border-bottom: 10px solid #fff6cc;
            border-top: 10px solid transparent;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent; }
          .o2o_help .textarea .ques li .question>a:hover {
            color: #1271c4; }
    .o2o_help .textarea .rule {
      min-height: 540px; }
      .o2o_help .textarea .rule .stack:first-of-type .tit {
        color: #282828;
        line-height: 80px;
        margin-left: 30px;
        border-top: none; }
      .o2o_help .textarea .rule .stack .tit {
        color: #282828;
        font-weight: 600;
        line-height: 80px;
        margin: 0 30px 0 30px;
        border-top: 1px solid #dddddd; }
      .o2o_help .textarea .rule .stack .ques {
        margin: -10px 0 0 0;
        min-height: 360px;
        padding-bottom: 20px; }
        .o2o_help .textarea .rule .stack .ques .lines{
          line-height: 20px;
          padding:5px 0; }
        .o2o_help .textarea .rule .stack .ques li {
          line-height: 40px;
          height: 40px;
          padding: 0;
          border: none; }
          .o2o_help .textarea .rule .stack .ques li div {
            float: left;
            color: #282828;
            width: 700px;
            margin-left: 30px; }
            .o2o_help .textarea .rule .stack .ques li div:last-of-type {
              float: right;
              width: 143px;
              margin-left: 0; }
          .o2o_help .textarea .rule .stack .ques li:first-of-type div {
            float: left; }
            .o2o_help .textarea .rule .stack .ques li:first-of-type div:last-of-type {
              float: right; }
          .o2o_help .textarea .rule .stack .ques li:nth-of-type(2n) {
            background: #fbeabd; }
.o2o_liangdian{margin-top: 50px;}
.o2o_liangdian ul{height: auto;overflow: hidden;margin-bottom: 48px;}
.o2o_liangdian ul li{float: left;height: auto;overflow: hidden;}
.o2o_liangdian ul li p{font-size: 50px;font-weight: bold;color: #FFF;line-height: 58px;padding-left: 80px;width: 185px;margin: 115px auto 0;}
.o2o_liangdian ul li a{display: block;float: left;width: 182px;height: 80px;border:1px solid #1985e3;line-height: 80px;font-size: 18px;text-align: center;border-radius: 5px;position: relative;margin-right: 19px;margin-bottom: 16px;overflow: hidden;}
.o2o_liangdian ul li a:nth-child(3n){margin-right: 0;}
.o2o_liangdian ul li a span{display: block;position: absolute;background: #1985e3;top: 0;left: 0;font-size: 14px;color: #FFF;text-align: left;line-height: 22px;padding: 8px 8px 8px 15px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.o2o_liangdian .no1 li:first-child{background: url(../images/o2o/img_06.png);width: 504px;height: 284px;}
.o2o_liangdian .no1 li:first-child p{background: url(../images/o2o/icons_04.png) left center no-repeat;}
.o2o_liangdian .no1 li:last-child{width: 632px;padding-left: 29px;}
.o2o_liangdian .no2 li:last-child{background: url(../images/o2o/img_07.png);width: 504px;height: 284px;}
.o2o_liangdian .no2 li:last-child p{background: url(../images/o2o/icons_05.png) left center no-repeat;}
.o2o_liangdian .no2 li:first-child{width: 628px;}
.o2o_liangdian .no2 li a{border: 1px solid #df3d24;}
.o2o_liangdian .no2 li a span{background: #df3d24;}
.o2o_liangdian ul li a:hover{color: #F2F2F2;}
.o2o_liangdian ul li a:hover span{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}