﻿

/* ============================================================
   私有部分
   ============================================================ */


/* product_index.shtml(产品大全首页)
------------------------------ */

/*products*/

.info-hd{ position: relative;margin-bottom: 86px;}
.info-hd h2{font-size: 30px; text-align: center; position: relative}
.info-hd h2:after{ display: inline-block;width:80px; height: 6px; background: #00C250;border-radius: 3px; content: ""; position: absolute; left: 50%; margin-left: -40px; bottom: -10px;}

.products{ background: #ffffff; padding-top: 76px; }
.products.last{padding-top:23px;}
.products li{ width:340px; float: left; text-align: center; margin-right:50px; margin-bottom:53px; }
.products li.last{ margin-right: 0;}
.products li a{ display: block; height:332px;padding:30px 20px; box-shadow: 0 2px 14px 0 #E3E3E3;border-radius: 6px; color:#333333 ; background: #ffffff;border-bottom: 5px solid #fff; filter:progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction = 0,strength=2)  progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction = 90,strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction = 180,strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction =270,strength=2)}

.products li a:hover{ text-decoration: none;color: #00C250;border-bottom: 5px solid #00C250}
.products li h3{ font-size: 20px; line-height: 30px; margin-top: 30px; margin-bottom: 15px;}
.products li p{ color: #797a7c}
.products .info-bd .icon{ display: inline-block;width:180px; height: 182px; background: url("../../img/home/icon_prodduct.png") no-repeat;background:url("../../img/home/icon_prodduct.svg") no-repeat, none;}
.products .info-bd .icon-quick{ width:151px; height:180px; margin: 1px 0;}
.products .info-bd .icon-qrcode{ width:126px; height:168px;margin:7px 0; background-position:0 -180px}
.products .info-bd .icon-mini{width:147px;  background-position:0 -348px}
.products .info-bd .icon-official{  width:126px; height:149px;margin:16px 0;background-position:0 -530px}
.products .info-bd .icon-app{ width:177px; height:145px;margin:18px 0; background-position:0 -679px}
.products .info-bd .icon-web{ width:162px; height:122px;margin:30px 0; background-position:0 -824px}
.products .info-bd .icon-settle{ width:186px; height:172px;margin:5px 0; background-position:0 -946px}



/* product_intro.shtml(产品详情页)
------------------------------ */
.product-intro .product-box{ overflow: hidden;}
.product-intro{ background:url("../../img/common/bg_patch.png?v=20190122")    center repeat-y;}
.product-intro .footer-v3{margin-top:0;}
.product-intro .product-side,.product-intro .product-main{display:table-cell;*margin-bottom:-9999px;*padding-bottom:9999px;*display:inline;*zoom:1;*float:left;}
.product-intro .product-main{*margin-bottom:0;}
.product-intro .product-side{width:210px;vertical-align:top; background: #fafbfc}
.product-intro .product-menu{margin-top:34px;}
.product-intro .product-menu dl{line-height:50px;border-bottom:1px solid #EEE;}
.product-intro .product-menu dt{font-weight:700;font-size: 14px;position:relative; color:#666666; cursor: pointer}
.product-intro .product-menu a{display:block;height:44px;line-height:44px;color:#333;}
.product-intro .product-menu a:hover{text-decoration:none;color:#00C250;}
.product-intro .product-menu .selected a,.product-intro .product-menu .selected a:hover{color:#00C250;background:#fff;width:190px; margin: auto;}
.product-intro .product-menu dd{display:none;}
.product-intro .product-menu dd a{padding-left:20px;}
.product-intro .product-menu .open dd{display:block;}
.product-intro .product-menu .arrow{display:none;position:absolute;top:50%;right:20px;width:12px;height:7px;margin-top:-4px;overflow:hidden;background:url(../../img/product/product_intro_ico.png) no-repeat 0 -28px;}
.product-intro .product-menu .open .arrow{background-position:0 -47px;}
.product-intro .product-main{width:883px;padding:38px 0 70px 27px;min-height:500px;height:auto!important;height:500px; background: #fff;}
.product-intro .product-main h2.with-border{border-bottom:2px solid #D5DAE4;padding-bottom: 20px; margin-bottom: 40px; font-size: 24px;}
.product-intro .product-main h3{font-size:16px;font-weight:700;margin:30px 0 18px;padding-left: 10px; height: 15px; line-height: 15px; border-left: 5px solid  #00C250;}
.product-intro .product-main .overview{border-bottom:1px solid #EEE;}
.product-intro .product-main .overview img{ max-width:883px;border-radius:6px}
.product-intro .product-main  p{ margin-bottom: 28px; color: #797a7c}
.product-intro .product-main .customs-detail li{margin-bottom: 5px; color: #797a7c}
.product-intro .product-main .flow-photo{margin-top:20px;overflow:hidden;}
.product-intro .product-main .flow-photo li{float:left;width:180px; margin-right:51px;position:relative;background:url(../../img/product/bg_mobile.png) no-repeat;}
.product-intro .product-main .flow-photo li.last{margin-right: 0;}
.product-intro .product-main .flow-photo .pic{width:180px;height:400px;overflow:hidden;border:1px solid #EEE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}}
.product-intro .product-main .flow-photo .pic img{max-width:100%;}
.product-intro .product-main .flow-photo .tit{padding-top:10px;overflow:hidden;color:#797a7c;}
.product-intro .product-main .flow-photo .arr{width:11px;height:20px;position:absolute;right:-35px;top:50%;margin-top:-70px;background:url(../../img/product/product_intro_ico.png) no-repeat 0 0;}.product-intro .product-main .flow-intro li .txt{ margin-top:3px;}

.product-intro .product-main .flow-photo .no-picbg{width:380px;}
.product-intro .product-main .flow-photo .no-picbg .pic{display:table-cell;vertical-align:middle;border:none;}

.product-intro .currencies{ padding:10px 0 0 15px; }
.product-intro .currencies li{ float: left; width:35px;margin-right:39px; margin-bottom:25px; color: #797a7c}
.product-intro .currencies li.last{margin-right: 0;}
.product-intro .currencies li .curr{ display: inline-block; width:31px; height:25px; margin-bottom:3px; }
.product-intro .currencies li .curr.usd{ background: url("../../img/product/product_intro/settle/usd.png")}
.product-intro .currencies li .curr.hkd{ background: url("../../img/product/product_intro/settle/hkd.png")}
.product-intro .currencies li .curr.thb{ background: url("../../img/product/product_intro/settle/thb.png")}
.product-intro .currencies li .curr.jpy{ background: url("../../img/product/product_intro/settle/jpy.png")}
.product-intro .currencies li .curr.krw{ background: url("../../img/product/product_intro/settle/krw.png")}
.product-intro .currencies li .curr.aud{ background: url("../../img/product/product_intro/settle/aud.png")}
.product-intro .currencies li .curr.nzd{ background: url("../../img/product/product_intro/settle/nzd.png")}
.product-intro .currencies li .curr.sgb{ background: url("../../img/product/product_intro/settle/sgb.png")}
.product-intro .currencies li .curr.eur{ background: url("../../img/product/product_intro/settle/eur.png")}
.product-intro .currencies li .curr.gbp{ background: url("../../img/product/product_intro/settle/gbp.png")}
.product-intro .currencies li .curr.cad{ background: url("../../img/product/product_intro/settle/cad.png")}
.product-intro .currencies li .curr.rub{ background: url("../../img/product/product_intro/settle/rub.png")}
.product-intro .currencies li .curr.dkk{ background: url("../../img/product/product_intro/settle/dkk.png")}
.product-intro .currencies li .curr.sek{ background: url("../../img/product/product_intro/settle/sek.png")}
.product-intro .currencies li .curr.chf{ background: url("../../img/product/product_intro/settle/chf.png")}
.product-intro .currencies li .curr.nok{ background: url("../../img/product/product_intro/settle/nok.png")}



.product-intro .settle-box{margin-top:80px;}
.product-intro .settle-box.last{margin-top:50px;}
.product-intro  .settle-info{ margin-top: 30px;}
.product-intro  .settle-info li{ float: left; width:205px;height:360px; margin-right:60px;background: #FBFBFB; border-radius: 10px; padding: 26px 34px;}
.product-intro  .settle-info li.last{margin-right: 0;}
.product-intro  .settle-info li .settle-tit{ font-size: 18px; margin-bottom: 8px; }
.product-intro  .settle-info li p{color: #797a7c}


/*@media screen and (max-width: 767px) {*/
    /*body{min-width:auto}*/
    /*.header-wap,.footer-new {display: none}*/
    /*.header-new .wrap,.wrap{width:auto;padding: 0 10px;}*/
    /*.product-intro .product-main{width:auto;padding:38px 27px;}*/
    /*.product-intro .product-side{ display: none;}*/
    /*.product-index .payment-product .product-bd img,.product-intro .product-main .overview img{max-width:100%;}*/
    /*.product-intro .product-main .flow-photo li{width:100%; height: auto; margin-bottom: 30px;}*/
    /*.product-intro .product-main .flow-photo .arr{ display: none;}*/
/*}*/

@media (max-width:1366px) {
    /*.products{padding-top: 76px;}*/
    /*.last.products{padding-top: 36px;}*/
    /*.products li{width:292px;}*/
    /*.product-intro .product-side{width:160px;}*/
    /*.product-intro .product-main{width: 813px;}*/
    /*.product-intro .product-main p img{width:813px;}*/
    /*.products li h3{ font-size: 18px;}*/
    /*.product-intro .product-main .flow-photo li{width:155px;}*/
    /*.product-intro .product-main .flow-photo li .pic{height: 335px;}*/
    /*.product-intro .product-main .flow-photo li .pic,.product-intro .product-main .flow-photo li .pic img{width:155px;}*/
}
/*  |xGv00|a8ebd530c84cb4125f6a96fd9c9a58ba */