@charset "gb2312";
/* CSS Document */
/*pc+手机购买 PC购买 手机购买 样式 start*/
.gm_banner{ width:100%; height:585px; background:url(../images/gm_banner.jpg) no-repeat center; text-align:center; color:#fff;}
.gm_banner_m{ padding-top:217px; margin-bottom:28px;} 
.gm_banner_m div{border:2px solid #fff; width:690px; margin:0 auto; padding:20px 0;} 
.gm_banner_m p{ font-size:50px; line-height:50px; padding-bottom:15px;}
.gm_banner_m span{ font-size:15px; line-height:15px;}

.gm_meau{ height:70px; background:#f3f3f3; margin:-55px auto 65px auto; -moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius:50px;}
.gm_meau li{ width:16.65%; float:left;  -moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius:50px; height:70px; line-height:70px; text-align:center; position:relative;}
.gm_meau li a{  color:#198ede; font-size:16px; background-image:url(../images/gm_2.png); background-repeat:no-repeat; background-position:left bottom; padding:3px 0 3px 35px; }
.gm_meau li.on{ background:#198ede}
.gm_meau li.on a{ color:#fff; background-position:left 1px}
.gm_meau li.li_o.on a,.gm_meau li.li_t.on a{background-position:left 4px }
.gm_meau li.li_t a{background-image:url(../images/gm_3.png);}
.gm_meau li.li_s a{background-image:url(../images/gm_4.png); padding-left:25px;}



.gm_meau li.li_f a{background-image:url(../images/mm.png); padding-left:28px;}

.gm_meau li.li_x a{background-image:url(../images/z.png); padding-left:28px;}

 .gm_meau li.li_g a{background-image:url(../images/gm_5.png); padding-left:28px;}

.gm_meau li.li_w a{background-image:url(../images/gm_6.png); padding-left:38px;}
.gm_meau li i{ width:28px; height:14px; display:block; position:absolute; left:50%; margin-left:-14px; bottom:-14px; background:url(../images/gm_7.gif) no-repeat; display:none;}
.gm_meau li.on i{ display:block;}

.gm_main{ margin-bottom:85px;}
.gm_main_t{ background:#198ede;  -moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; height:200px; color:#fff;}
.gm_main_t .tb{float:left; height:200px;}
.gm_main_t_o{ font-size:16px; line-height:200px; text-indent:35px; border-right:1px solid #33a5f3; width:370px;}
.gm_main_t_t{ width:130px; border-right:1px solid #33a5f3;}
.gm_main_t_s{ width:240px; border-right:1px solid #33a5f3;}
.gm_main_t_f{ width:316px; background:#38a4ee; border-right:1px solid #33a5f3;}
.gm_main_t_f_t{ height:15px; width:100%; margin-top:-15px; background:#38a4ee; display:none;}
.gm_main_t .gm_main_t_f.tb h4{ margin-top:15px;}
.gm_main_t .gm_main_t_f.tb p{ margin-top:40px;}
.gm_main_t_w{ width:240px;}
.gm_main_t .tb h4{ font-size:20px; text-align:center; line-height:20px; margin-top:22px; position:relative;}
.gm_main_t .tb h4 img{ position:absolute; right:40px; top:-16px;}
.gm_main_t .tb p{ width:100%; text-align:center; position:relative; margin:35px 0 0 0; height:60px;}
.gm_main_t .tb p a{ display:inline-block; font-size:14px; color:#d6d6d6; padding:0 2px; border-bottom:2px solid rgba(0,0,0,0); margin:0 10px;}
/*.gm_main_t .gm_main_t_f.tb p a{ border-color:#38a4ee;}*/
.gm_main_t .tb p a:hover{ color:#fff;}
.gm_main_t .tb p a.on{ color:#fff; border-color:#fff;}
.gm_main_t .tb p img{ position:absolute; left:97px; top:-13px;}
.gm_main_t .gm_main_t_f.tb p img{ left:137px;}
.gm_main_t .tb_a{ width:148px; height:42px; line-height:42px; text-align:center; display:block;  background:#fff; margin:0 auto; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; position:relative; border:1px solid #198ede}
.gm_main_t .tb_a a{ color:#198ede; font-size:14px; background:url(../images/gm_9.png) no-repeat right center; padding-right:17px; }
.gm_main_t .tb_a ul{ width:148px; background:#fff; position:absolute; left:-1px; top:33px; color:#198ede; font-size:14px; padding-top:9px; border:1px solid #198ede; border-top:0; -moz-border-radius:0 0 10px 10px;; -webkit-border-radius:0 0 10px 10px;; border-radius:0 0 10px 10px; display:none; overflow:hidden; z-index:5}
.gm_main_t .tb_a ul li{ line-height:42px; border-top:1px solid #e8e8e8; cursor:pointer;}
.gm_main_t .tb_a ul li:hover{ background:#f3f3f3}

.gm_main_m table{border-collapse:collapse; color:#3d3d3d; font-size:13px;}
.gm_main_m table td{ border:1px solid #e8e8e8; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; border-top:0; border-bottom:0; padding:8px 0;}
.gm_main_m table .td1{ font-size:20px; width:103px;  border-bottom:1px solid #e8e8e8; background:#fff;}
.gm_main_m table .td2{ width:132px;}
.gm_main_m table .td3{ width:132px;}
.gm_main_m table .td4{ width:130px;}
.gm_main_m table .td5{ width:240px; border-color:#38a4ee}
.gm_main_m table .td6{ width:316px; border-color:#38a4ee}
.gm_main_m table .tr2{ background:#f3f3f3;}
.gm_main_m table td i{ width:13px; height:12px; background:url(../images/gm_10.png) no-repeat; display:block}

.gm_main_b.on{ position:fixed; left:50%; bottom:0; margin-left:-650px;}
.gm_main_b table{border-collapse:collapse; color:#3d3d3d; font-size:13px; border-bottom:1px solid #e8e8e8; background:#fff}
.gm_main_b table td{ border:1px solid #e8e8e8; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; border-top:0; border-bottom:0; padding:15px 0;  position:relative;}
.gm_main_b table .td1{ font-size:20px; width:103px;}
.gm_main_b table .td2{ width:132px;}
.gm_main_b table .td3{ width:132px;}
.gm_main_b table .td4{ width:130px;}
.gm_main_b table .td5{ width:240px; border-color:#38a4ee}
.gm_main_b table .td6{ width:316px; border-color:#38a4ee}
.gm_main_b table .td_b{ height:15px; width:100%; position:absolute; left:-1px; bottom:-15px; border:1px solid #38a4ee; border-top:0; background:#fff; display:none;}
.gm_main_b table .td7{ width:239px;}
.gm_main_b table td a{ width:148px; height:42px; margin-top: 18px; line-height:42px; color:#fff; background:#b2b2b2; text-align:center; display:block; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px;}
.gm_main_b table td.td4 a{ width:86px;}
.gm_main_b table td a:hover{ background:#38a4ee;}
.gm_main_b table td a.on{ background:#38a4ee;}

.gm_bg{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:10; display:none}
.gm_tc{ width:627px; height:370px; background:#ffffff; position:absolute; left:50%; margin-left:-313.5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; overflow:hidden; z-index:11; display:none;}
.gm_tc h4{ font-size:25px; height:60px; line-height:60px; background:#369ff2; text-align:center; color:#fff;}
.gm_tc_m{ margin:40px 0 40px 72px;}
.gm_tc_m dl{ float:left; width:240px; text-align:center;}
.gm_tc_m dl dt{ width:134px; height:123px; border:2px solid #959595; -moz-border-radius: 10px;-webkit-border-radius:10px; border-radius:10px; background:url(../images/gm_11.png) no-repeat; background-position:42px 42px; cursor:pointer; margin: auto auto 20px auto;}
.gm_tc_m dl dt.on{ background-position:42px -109px; border-color:#369ff2}
.gm_tc_m dl.dl_t dt{ background-position:-150px 42px;}
.gm_tc_m dl.dl_t dt.on{background-position:-150px -101px;}
.gm_tc_m dl dd{ color:#43465a; font-size:13px; line-height:13px;}
.gm_tc_b a{ width:108px; height:33px; line-height:33px; text-align:center; color:#fff; font-size:12px; background:#959595; display:block; margin:0 auto; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius:4px;}
.gm_tc_b a:hover{ background:#369ff2}

.txtScroll-top{ overflow:hidden; position:relative; width:100% }

.gm_main_cd{ position:absolute;right:50%; top:0; margin-right:-800px; width:45px;}
.gm_main_cd ul{ position:relative; z-index:2}
.gm_main_cd li{ color:#fff; font-size:12px; width:45px; height:45px; line-height:45px; text-align:center;  background:#198ede; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; margin-bottom:7px; cursor:pointer;}
.gm_main_cd li:hover{ background:#38a4ee}
.gm_main_cd li.on{ background:#38a4ee}
.gm_main_cd li.dz{ line-height:16px;}
.gm_main_cd li.dz span{ margin-top:7px; display:inline-block}
.gm_main_cd .sx{ width:2px; background:#198ede; position:absolute; left:21.5px; top:0; height:510px; z-index:1}
/*pc+手机购买 PC购买 手机购买 样式 end*/

/*微餐饮购买 微建站购买 样式 start*/
.gm_wcy_t{ width:929px;}
.gm_wcy_t_t{ height:99px; line-height:99px; text-align:center; font-size:18px; border-bottom:1px solid #33a5f3}
.gm_wcy_t_l{ width:330px; height:100px; border-right:1px solid #33a5f3}
.gm_wcy_t_r{ width:598px}
.gm_main_t .gm_wcy_t .tb_a{ margin:28px 50px 0 125px; float:left;}
.gm_wcy_t .mskt{ width: 150px;height: 44px;line-height: 42px;text-align: center;display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; float:left; color:#fff; background:#23c3a7; margin-top:28px;}
.gm_wcy_t .mskt:hover{ background:#1db79c}
.gm_main_m.gm_wcy_m table .td4{ width:929px;}
.gm_main_m.gm_wcy_m table td{ border-bottom:1px solid #e8e8e8}
/*微餐饮购买 微建站购买 样式 end*/

/*loading*/
.loading{ width:120px; height:120px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-60px; z-index:12; display:none;}
.spinner {
  width: 120px;
  height: 120px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.yd_bg {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

/*公告添加*/

.gm_mask{  background: #000; height: 76px; position: absolute;left: 0;top: 156px;width: 100%;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}

 /*  .gm_mask{  background: #000; height: 76px; position: absolute;left: 0;top: 46px;width: 100%;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}*/
 
 /*公告添加*/
 
 
 /*hack*/
@-moz-document url-prefix() { .gm_main_b table .td_b{ left: -2px; } .gm_main_b table .td_b{ width:100.5%;} .gm_main_b table .td4 .td_b{width:101%;}}

@media screen and (max-width: 1420px) {
   body { min-width:inherit;}
  .gm_meau.w-1300{ width:1100px;}
  .gm_main .w-1300{ width:1100px;}
  .gm_main_t_f{ width:240px;}
  .gm_main_t_o{ width:246px; text-indent: 17px;}
  .gm_main_m table .td6{ width:240px;}
  .gm_main_m table .td1{ width:49px; font-size:18px;}
  .gm_main_m table .td2,.gm_main_m table .td3{ width:97px;}
  .gm_main_m table .td4{ width:129px;}
  .gm_main_b table .td1{ width:49px;}
  .gm_main_b table .td2,.gm_main_b table .td3{ width:97px;}
  .gm_main_b table .td4{ width:129px;}
  .gm_main_b table .td6{ width:240px;}
  .gm_main_b{ width:1100px;}
  .gm_main_b.on{ margin-left:-550px;}
  .gm_wcy_t{ width:853px;}
  .gm_wcy_t_r{ width:522px;}
  .gm_main_t .gm_wcy_t .tb_a{ margin-left:86px;}
  .gm_main_b table .td7{ width:240px;}
  .gm_main_t .gm_main_t_f.tb p img{ left:97px;}

}


/*2016.01.20*/
.dir-cus .gm_main_t_s,.dir-cus .gm_main_m table .td5,.dir-cus .gm_main_b table .td5{ display:none;}
.dir-cus .gm_main_t_f{ width:399px;}
.dir-cus .gm_main_t_w{ width:398px;}
.dir-cus .gm_main_m table .td6{ width:399px;}
.dir-cus .gm_main_m table .td7{ width:397px;}
.dir-cus .gm_main_b table .td6{ width:399px;}
.dir-cus .gm_main_b table .td7{ width:397px;}
.dir-cus .gm_main_t .gm_main_t_f.tb p img,.dir-cus .gm_main_t .tb p img{ left:178px;}
.dir-cus .gm_main_t .tb h4 img{ right:115px;}
.dir-cus .gm_main_m table .td4,.dir-cus .gm_main_b table .td4{ border-color: #38a4ee;}

@media screen and (max-width: 1420px) {
  .dir-cus .gm_main_t_f{ width:361px;}
  .dir-cus .gm_main_t_w{ width:360px;}
  .dir-cus .gm_main_m table .td6{ width:357px;}
  .dir-cus .gm_main_m table .td7{ width:355px;}
  .dir-cus .gm_main_b table .td6{ width:357px;}  
  .dir-cus .gm_main_b table .td7{ width:355px;}
  .dir-cus .gm_main_t .gm_main_t_f.tb p img,.dir-cus .gm_main_t .tb p img{ left:160px;}
  .dir-cus .gm_main_t .tb h4 img{ right:100px;}
}


    
  
  .gm_main_b table td a.web-more{margin-top: -10px;
    color: rgb(25, 142, 222);
    text-decoration: underline;
    background: none;
    padding-left: 0px;}
    
    /**微小店**/
.wxd_banner{background: url(../images/wxd-1.jpg) no-repeat center; height:510px; width:100%}
.wxd-main p.tit-o{ text-align:center; color:#333; font-size:30px; line-height:30px; padding-bottom:50px;}
.wxd-main p.tit-o span{ display:block; color:#666; font-size:18px; line-height:18px; padding-top:15px;}
.wxd-main .wjz_main_o_l{ width:auto; margin-left:56px;}
.wxd-main .wjz_main_o_r{ margin:0 98px 0 0}
.wxd-main .wjz_main_o_r_b{ background:#f7a84c}
.wxd-main .wjz_main_o_r_b a{ color:#fff;}
.wxd-main .wjz_main_o_r_b a.but{ background-image:url(../images/wskd_4.png)}
.wxd-main-o{ padding:50px 0}
.wxd-main-o .o-m-l{ width:50%; text-align:center;}
.wxd-main-o .o-m-l h4{ color:#00a4ff; font-size:30px; line-height:30px; margin-bottom:15px;}
.wxd-main-o .o-m-l img{ margin-bottom:20px;}
.wxd-main-o .o-m-l ul { text-align:center; width:400px; margin:0 auto}
.wxd-main-o .o-m-l ul li{ display:inline-block; width:100px; height:100px; margin:5px 15px; background:url(../images/wxd-spri.png) no-repeat; background-position:0 -292px;}
.wxd-main-o .o-m-l ul li .li-img{ width: 37px; height:37px; margin:8px auto 8px auto;}
.wxd-main-o .o-m-l ul li .li-img span{ display:block; float:left; width:33px; height:33px;  background:url(../images/wxd-spri.png) no-repeat; background-position:0 -97px; margin:2px 0 0 2px;}
.wxd-main-o .o-m-l ul li.li-t .li-img span{ width:34px; height:34px; margin:1.5px 0 0 1.5px; background-position:0 -130px;}
.wxd-main-o .o-m-l ul li.li-s .li-img span{ width:37px; height:37px; background-position:0 -255px;}
.wxd-main-o .o-m-l ul li.li-f .li-img span{ width:36px; height:29px; margin:4px 0 0 0.5px; background-position:0 -196px;}
.wxd-main-o .o-m-l ul li.li-w .li-img span{ width:31px; height:33px; margin:2px 0 0 3px; background-position:0 -32px;}
.wxd-main-o .o-m-l ul li.li-l .li-img span{ width:36px; height:30px; margin:3.5px 0 0 0.5px; background-position:0 -225px;}
.wxd-main-o .o-m-l ul li.li-q .li-img span{ width:35px; height:32px; margin:2.5px 0 0 1px; background-position:0 -164px;}
.wxd-main-o .o-m-l ul li.li-b .li-img span{ width:29px; height:32px; margin:2.5px 0 0 4px; background-position:0 0;}
.wxd-main-o .o-m-l ul li.li-j .li-img span{ width:32px; height:32px; margin:2.5px 0 0 2.5px; background-position:0 -65px;}
.wxd-main-o .o-m-l ul li p{ font-size:14px; line-height:18px; color:#666;}
.wxd-main .wjz_main_t{ background:#f2f2f2; padding:50px 0 0 0} 
.wxd-main .cbp-so-section h2{ color:#79be00;}
.wxd-main .cbp-so-section{ width:1200px; margin:0 auto; border-bottom:0}
.wxd-main .wjz_main_t .line{ height:1px; width:100%; background:#e7e7e7; margin:50px 0}
.wxd-main .sec_o,.wxd-main .sec_t,.wxd-main .sec_s,.wxd-main .cbp-so-section.sec_f{ padding:0}
.wxd-main .sec_o .cbp-so-side-left{ margin:100px 0 0 50px;}
.wxd-main .sec_o .cbp-so-side-right{ margin:0 35px 0 0}
.wxd-main .sec_t .cbp-so-side-left{ margin:0 0 0 90px;}
.wxd-main .sec_t .cbp-so-side-right{ margin:90px 25px 0 0}
.wxd-main .sec_s .cbp-so-side-left{ margin:90px 0 0 50px;}
.wxd-main .sec_s .cbp-so-side-right{ margin:0 65px 0 0}
.wxd-main .sec_f .cbp-so-side-left{ margin:0 0 0 110px;}
.wxd-main .sec_f .cbp-so-side-right{ margin:90px 10px 0 0}
.wxd-main .cbp-so-section.sec_t h2{ color:#ff9600}
.wxd-main .cbp-so-section.sec_s h2{ color:#ff7979}
.wxd-main .cbp-so-section.sec_f h2{ color:#3091ce}
.wxd-main .wjz_main_t .tit-t{ color:#ff6800; font-size:24px; line-height:34px; text-align:center; padding:50px 0; background:#fff}
.wxd-main .wjz_main_t .tit-t span{ display:block; color:#666}
.wxd-main .wjz_main_t .tit-t a{ display:block; width:200px; height:50px; text-align:center; line-height:50px; background:#ff5653; color:#fff; font-size:22px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; margin:15px auto auto auto}
.wxd-main .wjz_main_t .tit-t a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.new.website_main_f_m dl dd .p3{ font-size:14px; color:#6a6a6a; line-height:24px; height:74px;}
.new.website_main_f_m dl dd .p2{ font-size:18px;}
.website_main_f_m dl dd .p5 i{ color:#666; font-weight:normal; margin-right:5px;}
.website_main_f_m dl dd a{ line-height:17px; margin-top:10px;}
.website_main_f_m .fl{ width:140px;}
.website_main_f_m dl{ padding-right:10px; width:389px;}
.website_main_f_m dl dd{ width:249px;}