@charset "utf-8";
*{ padding:0; margin:0;}
body{ color:#666; font:12px/1.8 "微软雅黑",Arial, Helvetica, sans-serif; background-color:#f0f0f0; text-align: center;}
ul, li{ list-style:none;}
img{ border:none}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }

a{ color:#666; text-decoration:none;}
a:hover{ color:#ff7200; text-decoration:underline}
.t_hide{ text-indent:-999em; overflow:hidden;} .t_center{ text-align: center;}
.left{ float:left}
.right{ float:right}
.bordernone{ border:none!important;}
input,textarea{ outline:none; -webkit-outline-radius:0;} 
.disnone{ display: none;}

::selection {background:#ed6d00; color:#fff;}
::-moz-selection {background:#ed6d00; color:#fff;}
::-webkit-selection {background:#ed6d00; color:#fff;}  
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-image: inherit!important;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

.wrapper{  width: 1002px;margin:0 auto; text-align: center;}

/*顶部*/
.top{ width: 100%; overflow: hidden; background: url(alipay/alipay_t.png) repeat-x 0 0; height: 31px;}
.top .wrapper{ text-align: right;} 
.top a{ color: #5a5a5a; font-size: 13px; line-height: 30px; display: inline-block; margin:0 5px; }
.top a:hover{ color: #333}
.top .plat{ display: inline-block; height: 100%; line-height: 100%; margin-right: 20px; }
.top .plat a{ display: inline-block; background: #78c340; color: #fff; padding: 0 10px; line-height: 31px; text-decoration: none; font-weight: bold; font-size: 15px;}
.top .plat a.a1{ background: #ed6d00}
.top .plat a:hover{ background: #58a81c;}
.top .plat a.a1:hover{ background: #ce6002;}

/*头部*/
.header{ background: #fff; width: 100%;  }
.header .wrapper{ position: relative; height: 80px; padding-top: 10px; text-align: left;}
.header a.logo{ height: 75px; display: block; } 
.header .nav{ position: absolute; right:0; bottom:0;}
.header .nav li{ float: left;}
.header .nav li a{ display: block; color: #252525; float: left; font-size: 16px;  height: 40px; line-height: 40px; padding: 0 24px 12px; text-decoration: none;}
.header .nav li.last a{ background: none; }
.header .nav #magic-line{position:absolute; bottom:-1px; left:0; width:100px; height:3px; background:#ed6d00;}


.video_show{ background:url(alipay/alipay_tbg.jpg) no-repeat center top; height: 513px; overflow: hidden; width: 100%;}
.video_show .wrapper{ position: relative; height: 513px;}
.video_show .video{ position: absolute; width: 406px; height: 255px; box-shadow: 2px 3px 10px rgba(0,0,0,.3); top: 80px; right: 10px; }
.video_show .video a{ width: 100%; height: 100%; display: block; position: relative;} 
.video_show .video a span{ position: absolute; width: 100%; height: 100%; display: block; background: url(alipay/icon_play.png) no-repeat center center; background-color: rgba(0,0,0,.7); left: 0; top: 0;}
.video_show .video a:hover span{ background-color: rgba(0,0,0,.5);}
.video_show .alipay_intro{ position: absolute; left: 0; bottom:15px; width: 100%; text-align: left; color: #fff; font-size: 13px; }
.video_show .alipay_intro p{ line-height: 1.8;}
.video_embed{ display: none;}


.section{ width: 100%; overflow: hidden;}
.section .wrapper{ position: relative; text-align: left;}
.join{ background: #fff; padding: 50px 0 10px; height: 405px;}
.join_img{ background: url(alipay/alipay_fun.png) no-repeat; width: 530px; height: 405px;}
.join_txt{ background: url(alipay/alipay_txt.png) no-repeat; width: 370px; height: 90px; position: absolute; right: 123px; top: 80px; }
.join a.btn_join{ background:url(alipay/btn_join.png) no-repeat; width: 255px; height: 59px; display: block; position: absolute; top:250px; left: 600px;}
.join a.btn_join:hover{ background-position: 0 -60px;}
.join a.btn_join:active{ margin-top: 1px;}
.step{ padding: 40px 0 15px; background: #eee; border-bottom: 1px solid #ddd;}
.step .step_txt{ background: url(alipay/alipay_step.jpg) no-repeat; width: 1000px; height: 192px; margin:0 auto;}
.step h2{ text-align: center; font-size: 22px; color: #4e4e4e; font-weight: normal; line-height: 1.4;}

.scancode{ background-color: #241f1c; height: 348px; overflow: hidden; background-position: center top; background-repeat: no-repeat;}
.scancode_info{ position: absolute; background:url(alipay/alipay_tab.png) no-repeat; height: 181px; width: 291px; right: 20px; top: 100px;}
.scancode_tab{ height: 47px; margin-bottom: 10px;}
.scancode_tab a{ color: #8e8e8e; font-size: 16px; display: inline-block; padding:0 8px; line-height: 47px; text-decoration: none; position: relative;}
.scancode_tab a.on{ color: #fff; background: #ff811b;}
.scancode_tab a.on:after{ content: ""; position: absolute; left: 50%; margin-left: -10px; top: 47px; width: 0; height: 0; border-left:8px solid transparent;  border-right:8px solid transparent; border-bottom:10px solid #585756; }
.scancode_tab a:last-child.on:after{ border-bottom-color: #56595c;}
.scancode_con{ padding: 10px; color: #fff; text-shadow:1px 1px rgba(0,0,0,.5); overflow: hidden; line-height: 1.8; font-size: 14px; }

.agent_t{ text-align: center; padding-top: 60px; height: 40px; padding-bottom: 2px;background: #e5e5e5;}
.agent_t h2{ height: 39px; position: relative; border-bottom: 1px solid #c7c7c7; width: 100%; color: #444;}
.agent_t h2 span{ border-bottom: 5px solid #b7b7b7;  display: inline-block; font-size: 32px; letter-spacing: 3px; padding: 0 5px; position: absolute; bottom:-3px; left: 50%; margin-left: -75px;}
.agent{ background: #e5e5e5;}
.agent_tip, .case_tip, .fun_tip{ color: #999; font-size: 16px; text-align: center; padding-top: 10px; margin-bottom: 50px;}
.agent_adv{ width: 100%; overflow: hidden; margin-bottom: 50px;}
.agent_adv ul{ width: 110%;}
.agent_adv li{ width: 210px; margin-right: 20px; float: left; border-top: 3px solid #2f3336; background: #fff; color: #898989; padding: 12px 10px; font-size: 14px; cursor: pointer;}
.agent_adv li i{ background: url(alipay/icon_join.png) no-repeat; width: 140px; height: 140px; margin:0 auto 10px; display: block; transition:all .2s ease;}
.agent_adv li:hover i{background: url(alipay/icon_join_on.png) no-repeat;}
.agent_adv li i.icon_1{ background-position: 0 0;} 
.agent_adv li i.icon_2{ background-position: -140px 0;}
.agent_adv li i.icon_3{ background-position: -280px 0;}
.agent_adv li i.icon_4{ background-position: -420px 0;}
.agent_adv li h4{ text-align: center; font-size: 20px; color: #333; margin-bottom: 10px;}

a.btn_apply{ display: block; width: 300px; border:2px solid #ed6d00; background: #ed6d00; color: #fff;  height: 60px; line-height: 60px; font-size: 20px; text-align: center; text-decoration: none; border-radius: 5px; margin:0 auto 40px;  transition:all .2s ease;}
a.btn_apply:hover{background: transparent; color: #ed6d00;  }

.case_t{ text-align: center; padding-bottom: 2px; background:#f3f3f3 url(alipay/icon_arrow.png) no-repeat center top; padding-top: 100px; }
.case_t h2{ height: 39px; position: relative; border-bottom: 1px solid #c7c7c7; width: 100%; color: #444;}
.case_t h2 span{ border-bottom: 5px solid #b7b7b7;  display: inline-block; font-size: 32px; letter-spacing: 3px; padding: 0 5px; position: absolute; bottom:-3px; left: 50%; margin-left: -75px;}


.case{ margin-bottom: 0px; padding-bottom: 10px;}
.case .wrapper{ height: 460px; }
.case_list{ width: 1680px; position: absolute; left: 50%; margin-left: -840px; top: 0; height: 460px; }
.case_list li{ width: 280px; height: 230px; position: relative; float: left;}
.case_list li .mask{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background: #000;opacity:0.90;filter: Alpha(opacity=90);-ms-filter:"Alpha(opacity=90)";}
.case_list li .case_info{ position: absolute; width: 260px; height: 200px; left: 280px; top: 0; display: none;}
.case_list li.on{ z-index: 111; box-shadow: 0 0 15px rgba(0,0,0,.9)}
.case_list li .case_info{ text-align: center; color: #fefefe; padding: 28px 10px 0;}
.case_list li .case_info img{ display: block; margin:0 auto 2px; width: 108px;}
.case_list li .case_info h4{ font-size: 16px;}

.fun_t{ text-align: center; padding-bottom: 2px; background:#fff; padding-top: 90px; }
.fun_t h2{ height: 39px; position: relative; border-bottom: 1px solid #c7c7c7; width: 100%; color: #444;}
.fun_t h2 span{ border-bottom: 5px solid #b7b7b7;  width: 150px; display: inline-block; font-size: 32px; letter-spacing: 3px; padding: 0 5px; position: absolute; bottom:-3px; left: 50%; margin-left: -75px;}
.fun_t h2 .all_logo{ background: url(http://images.lfwin.com/lfwin/images/Home/v1/images/logos.png) no-repeat center top; height: 75px; position: absolute; bottom: 10px; width: 100%; *left:0;}

.funtion{ background: #fff; } 
.fun_list{ width: 100%; overflow: hidden; margin-bottom: 20px;}
.fun_list ul{ width: 110%;}
.fun_list li{ float: left; width: 280px; margin-right: 60px; text-align: center; color: #666; font-size: 14px; line-height: 1.4; margin-bottom: 20px;  background: url(alipay/shawdow_bg.png) no-repeat 100px top;}
.fun_list li .fun_icon,.fun_list li .fun_icons{ display: block; width: 76px; height: 61px; padding-top: 15px; border:2px solid #f39428; background: #f39428; margin:0 auto 20px; transition:background .3s ease; cursor: pointer;}
.fun_list li:hover .fun_icon{ background: #fff;}
.fun_list li:hover .fun_icons{ background: #fff;}
.fun_list li .fun_icons{ background: #609700; border-color: #609700}
.fun_list li i{ background:url(alipay/alipay_icon.png) no-repeat; width: 50px; height: 50px; display: block; margin:0 auto; }
.fun_list li i.fun1{ background-position: 0 0;}.fun_list li:hover i.fun1{ background-position: 0 -50px;}
.fun_list li i.fun2{ background-position: -50px 0;}.fun_list li:hover i.fun2{ background-position: -50px -50px;}
.fun_list li i.fun3{ background-position: -100px 0;}.fun_list li:hover i.fun3{ background-position: -100px -50px;}
.fun_list li i.fun4{ background-position: -150px 0;}.fun_list li:hover i.fun4{ background-position: -150px -50px;}
.fun_list li i.fun5{ background-position: -200px 0;}.fun_list li:hover i.fun5{ background-position: -200px -50px;}
.fun_list li i.fun6{ background-position: -250px 0;}.fun_list li:hover i.fun6{ background-position: -250px -50px;}
.fun_list li h4{ font-size: 16px; color: #333; margin-bottom: 10px;}
.fun_list li p{ text-align: center;} 


/*底部*/
.footer{ background:#323639; width: 100%; overflow: hidden; padding: 50px 0; color: #5a5a5a;}
.footer .flogo{ background:url(alipay/flogo.png) no-repeat left center; width: 220px; height: 70px; border-right: 1px solid #494949}
.footer .copyright{ text-align: center; border-right: 1px solid #494949; width: 380px; padding: 0 20px; font-size: 14px;  }
.footer .contact{ padding-left: 30px; font-size: 16px;  text-align: left;}
.footer .tel{ font-size: 22px; font-weight: bold; line-height: 1.2; }
.footer a.btn_qq{ background: url(alipay/btn_qq.jpg) no-repeat; width: 116px; height: 30px; display: block; margin-top: 5px;}
.footer a.btn_qq:active{ transform:scale(.955); transition:transform .2s ease;}



.izl-rmenu{position:fixed; right:30px; bottom:10px; padding-bottom:73px;  z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-qqs{background:url(images/r_qqs.png) 0px 0px no-repeat; background-color:#a200ff; display: block;}
.izl-rmenu .btn-qqs:hover{background-color:#9100e4;}

.izl-rmenu .btn-qqss{background:url(images/r_qqsss.png) 0px 0px no-repeat; background-color:#a200ff; display: block;}
.izl-rmenu .btn-qqss:hover{background-color:#9100e4;}
.izl-rmenu .btn-qqss .qqlist{background-color:#a200ff; position:absolute; width:120px; left:-161px; top:0px; padding: 10px 20px; color:#FFF; display:none; text-align: left;}
.izl-rmenu .btn-qqss .qqlist a{ font-size: 16px; color: #fff; text-decoration: none; display: block; background: url(images/icon_qq.png) no-repeat left center; padding-left: 25px; line-height: 24px; text-align: left; margin:3px 0;}
.izl-rmenu .btn-qqss .qqlist i{ display: block; border-top: 1px solid #fbb01f; height: 0; margin:3px 0;}
.izl-rmenu .btn-qqss .qqlists { text-align: center;}
.izl-rmenu .btn-qqss .qqlists h4{ font-size: 14px; text-align: center;}
.izl-rmenu .btn-qqss .qqlists a{ display: inline-block; width: 25px; height: 24px; padding-left: 0;}

.izl-rmenu .btn-wx{background:url(images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}


.izl-rmenu .btn-alipay{background:url(images/r_alipay.png) 0px 0px no-repeat; background-color:#ed6d00;}
.izl-rmenu .btn-alipay:hover{background-color:#bc5802;}
.izl-rmenu .btn-alipay .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phones{background:url(images/r_phones.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#d28c05;}

.izl-rmenu .btn-phone .phone{background-color:#d28c05; position:absolute; width:160px; left:-161px; top:0px; padding:10px 0;  color:#FFF; font-size:18px; text-align:center; display:none; line-height: 1.6;}
.izl-rmenu .btn-phone .phone .s{ border-top: 1px solid #fbb01f; padding-top: 5px; line-height: 1.2; margin-top: 5px;}
.izl-rmenu .btn-phone .phone .s span{ font-size: 12px; }
.izl-rmenu .btn-phone .phone .s a{ color: #fff; }

.izl-rmenu .btn-top{background:url(images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


.izl-rmenu .btn-phone .phones{ top:0px; padding:10px 0;  line-height:30px; color:#FFF; font-size:16px; text-align:center; display:none; height: auto;}
.izl-rmenu .btn-phone .phones i{ display: block; border-top: 1px solid #fbb01f; height: 0; margin:3px 0;}





.wow{-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
.agent_adv li:first-child,.agent_adv li:last-child{ -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}

.wmask{ display: none; background: #000;opacity:0.20;filter: Alpha(opacity=20);-ms-filter:"Alpha(opacity=20)"; position: fixed; height: 100%; width: 100%; *position: absolute; z-index: 9998; top: 0; left: 0; right: 0;}


.tipwrap{ z-index: 9999; display: none; width: 600px; background: #fff; padding: 20px; position: fixed; left: 50%; top: 15%; margin-left: -320px; color: #ff890b; box-shadow: 0 0 12px rgba(0,0,0,.5)}
.tipwrap .btn_close{ position: absolute; right: -40px; height: 40px; top: 0; width: 40px; background:#ff890b; color: #fff; font-size: 30px; line-height: 40px; font-family: arial; text-decoration: none;}
.tipwrap .btn_close:hover{ background: #666;}
.tipwrap .tip_t{ margin-bottom: 10px; padding: 20px 0;}
.tipwrap .tip_t h4{ text-align: center; font-size: 25px; }
.tipwrap .tip_con{ font-size: 16px; font-weight: bold; color:#ff890b; padding: 0 40px; color: #333;}
.tipwrap .tip_con li{ margin-bottom: 10px; padding-left: 100px; position: relative;}
.tipwrap .tip_con li label{ display: inline-block; position: absolute; left: 0; top: 5px; line-height: 35px;}
.tipwrap .tip_con .ipt,.tipwrap .tip_con .t_area{border:1px solid #ccc; -webkit-transition:border linear 0.2s, box-shadow linear 0.2s; transition:border linear 0.2s, box-shadow linear 0.2s; padding: 4px; border-radius: 4px; width: 100%; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px;}
.tipwrap .tip_con .t_area{ height: 100px; background-color:#eae5e2;}
.tipwrap .tip_con .ipt:focus, .tipwrap .tip_con .t_area:focus{border-color: #ff890b; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ff890b; background-color: #fff;}

/*商户入驻 add */
.commertipwrap{ z-index: 9999; display: none; width: 600px; background: #fff; padding: 20px; position: fixed; left: 50%; top: 15%; margin-left: -320px; color: #ff890b; box-shadow: 0 0 12px rgba(0,0,0,.5)}
.commertipwrap .btn_close{ position: absolute; right: -40px; height: 40px; top: 0; width: 40px; background:#ff890b; color: #fff; font-size: 30px; line-height: 40px; font-family: arial; text-decoration: none;}
.commertipwrap .btn_close:hover{ background: #666;}
.commertipwrap .tip_t{ margin-bottom: 10px; padding: 20px 0;}
.commertipwrap .tip_t h4{ text-align: center; font-size: 25px; }
.commertipwrap .tip_con{ font-size: 16px; font-weight: bold; color:#ff890b; padding: 0 40px; color: #333;}
.commertipwrap .tip_con li{ margin-bottom: 10px; padding-left: 100px; position: relative;}
.commertipwrap .tip_con li label{ display: inline-block; position: absolute; left: 0; top: 5px; line-height: 35px;}
.commertipwrap .tip_con .ipt,.commertipwrap .tip_con .t_area{border:1px solid #ccc; -webkit-transition:border linear 0.2s, box-shadow linear 0.2s; transition:border linear 0.2s, box-shadow linear 0.2s; padding: 4px; border-radius: 4px; width: 100%; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px;}
.commertipwrap .tip_con .t_area{ height: 100px; background-color:#eae5e2;}
.commertipwrap .tip_con .ipt:focus, .commertipwrap .tip_con .t_area:focus{border-color: #ff890b; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ff890b; background-color: #fff;}

.deploy_ctype_tip{z-index:99999;width:100%;text-align:center;position:fixed;top:50%;margin-top:-23px;left:0;}.deploy_ctype_tip p{display:inline-block;padding:13px 24px;border:solid #d6d482 1px;background:#f5f4c5;font-size:16px;color:#8f772f;line-height:18px;border-radius:3px;}




.bgwhite{ background-color: #fff;}
.bggray{ background-color: #f8f8f8}
.bgdark{ background-color: #323639;}
.subtop{ width: 100%; height: 500px; overflow: hidden; }
.joinus{ background: #172846 url(alipay/joinus_top.jpg) no-repeat center top; }
.joinus .joinus_con{ width: 560px; padding-top: 140px; font-weight: bold; font-size: 14px; text-align: left; color: #fff; overflow: hidden;}
.joinus .joinus_con h2{ color: #fac61a; font-size: 40px; line-height: 1.2; margin-bottom: 10px;}
.joinus .joinus_con h3{ font-size: 24px; margin-top: 20px; -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}

.joinus_icon{ background: url(alipay/joinus_icon.png) no-repeat; width: 80px; height: 80px; display: inline-block; vertical-align: middle;}
.j1{ background-position: 0 0;} .j2{ background-position: -80px 0;} .j3{ background-position: -160px 0}
.j4{ background-position: 0 -80px;} .j5{ background-position: -80px -80px;} .j6{ background-position: -160px -80px}
.j7{ background-position: 0 -160px;} .j8{ background-position: -80px -160px;} .j9{ background-position: -160px -160px;}

.joinus_adv{ padding: 50px 0; overflow: hidden; text-align: center; color: #959595; font-size: 14px; }
.joinus_adv h2, .joinus_sop h2, .joinus_condition h2{ font-size: 25px; text-align: left; padding-left: 15px; border-left: 5px solid #ed6d00; line-height: 32px; height: 32px; margin-bottom: 50px; color: #4e4e4e;}
.joinus_adv ul{ width: 110%; margin-bottom: 20px;}
.joinus_adv li{ float: left; width: 300px; margin-right: 50px; line-height: 80px; font-size: 15px; white-space: nowrap; text-align: left;}
.joinus_adv li .joinus_icon{ margin-right: 5px;}
.joinus_adv li:hover .joinus_icon{ -webkit-animation:movearound 1.2s infinite linear;}
@-webkit-keyframes movearound { from {-webkit-transform: rotate(-360deg);}to {-webkit-transform: rotate(0deg);}} };
.joinus_adv li:nth-child(1){-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
.joinus_adv li:nth-child(2){-webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.joinus_adv li:nth-child(3){-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}


.joinus_p{ overflow: hidden; text-align: left; margin-bottom: 40px; }
.joinus_p img{ float: left; }
.joinus_p .joinus_pcon { padding-top: 60px;  float: right; width: 500px; line-height: 24px; font-size: 15px;color: #444;  }
.joinus_p .joinus_pcon h4{ font-size: 24px; font-weight: normal; margin-bottom: 15px;}
.joinus_p .joinus_pcon p{ margin-bottom: 10px; }

.joinus_sop{ padding: 40px 0; color: #626262;}
.joinus_sop li{ float: left; margin-bottom: 50px; overflow: hidden; font-size: 13px; position: relative; width: 320px; height: 80px; padding: 0 35px 0 120px; white-space: nowrap; transiton:all .2s ease;}
.joinus_sop li .joinus_icon{ position: absolute; left: 20px; top: 0; }
.joinus_sop li h4{ border-bottom: 1px solid #dfdfdf; font-size: 16px; margin-bottom: 10px; color: #434343; padding: 10px 0 3px;}
.joinus_sop li:hover .joinus_icon{ -webkit-transform: rotate(15deg)}
.joinus_condition{ padding: 40px 0; color: #898989;}

.joinus_tab{ background: #fff; border-collapse: collapse;}
.joinus_tab th{ background: url(alipay/joinus_option.jpg) no-repeat 0 -240px; width: 179px; height: 240px; color: #fff; text-align: center;}
.joinus_tab th.adv{ background-position: 0 0; color: #fff; }
.txt_vertical{writing-mode:lr-tb}
.joinus_tab th .txt_vertical{ width: 20px; font-size: 20px; margin:0 auto; line-height: 1.4; font-weight: normal; }
.joinus_tab td{ padding: 0 60px; height: 60px; font-size: 14px;  }
.joinus_tab tr:nth-child(2n+1){ background-color: #f0f0f0}
.joinus_tab tr:hover,.joinus_tab td:hover{ background-color: #fdf2e8}
.joinus_tab td label{ display: block; color: #454545; font-size: 16px;}

.joinus_db{ background:#f73500 url(alipay/joinus_db.jpg) no-repeat center top; padding-top: 40px; height: 80px; }
.joinus_db a.btn_apply{ border-color:#fff; height: 45px; line-height: 45px; width: 260px; color: #fff; }
.joinus_db a.btn_apply:hover{ color: #fb7200; background: #fff; }




/*service page*/
.service{ background: #172846 url(alipay/service_top.jpg) no-repeat center top; }
.service .service_con{ width: 560px; padding-top: 140px; font-weight: bold; font-size: 14px; text-align: left; color: #fff; overflow: hidden;}
.service .service_con h2{ color: #2db062; font-size: 40px; line-height: 1.2; margin-bottom: 10px; text-shadow: 1px 2px rgba(0,0,0,.8); }
.service .service_con h3{ font-size: 24px; margin-top: 20px; -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.service_t{ text-align: center; font-size: 14px; color: #333; padding: 20px 0; width: 780px; margin:0 auto; }
.service_t h2{ font-size: 32px; display: inline-block; border-bottom: 3px solid #ed6d00; font-weight: normal; line-height: 1.3; margin-bottom: 10px; }

.service_build{ padding-bottom: 50px; }
.service_build .wrapper{ position: relative; width: 1120px; height: 520px;}
.img_pc{ background: url(alipay/service_pc.png) no-repeat; width: 945px; height: 490px; position: absolute; bottom:-25px; right: 0;-webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.img_iphone{ background: url(alipay/service_iphone.png) no-repeat; width: 189px; height: 394px; position: absolute; bottom: -30px; left: 444px; -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.img_iphone:after{ content: ""; display: block; position: absolute; background: url(alipay/service_shadow.png) no-repeat; width: 300px; height: 40px; bottom: -15px; left: -60px;}
.service_build ul{ position: absolute; width: 380px; left: 0; top: 35px;}
.service_build li{ margin-bottom: 25px; color: #ccc; font-size: 12px; line-height: 1.4; overflow: hidden;}
.service_build li h4{ color: #f2f2f2; font-size: 18px; margin: 4px 0 10px 100px; font-weight: normal; }
.service_build li p{ margin-left: 100px;}
.service_build i{ display: block; float: left; width: 80px; height: 80px; background: url(alipay/icon_win.png) no-repeat;}
.service_build i.win1{ background-position: 0 0}
.service_build i.win2{ background-position: 0 -80px}
.service_build i.win3{ background-position: 0 -160px}
.service_build i.win4{ background-position: 0 -240px}

.service_sort{ color: #2f3336; background: #fff;  }
.service_sort .bggray{margin-bottom: 50px;}
.service_sort .wrapper{ position: relative; width: 1002px;}
.service_sort li{ float: left; width: 284px; padding: 25px 25px 15px;border-bottom: 4px solid #f8f8f8; position: relative; line-height: 1.4; cursor: pointer;}
.service_sort li  i{ background: url(alipay/service_payicon.png) no-repeat; width:  60px; height: 60px; display: block; float: left;}
.service_sort li.on{ border-bottom-color: #ef7a17; background: #fff; }
.service_sort li.on:after{ content: ""; width: 0; height: 0; border-left:15px solid transparent;  border-right:15px solid transparent; border-bottom:20px solid #fff; position: absolute; top: -15px; left: 50%; margin-left: -10px;}
.service_sort li  i.code1{ background-position: 0 0;}.service_sort li.on  i.code1{ background-position: 0px -60px;}
.service_sort li  i.code2{ background-position: -60px 0;}.service_sort li.on  i.code2{ background-position: -60px -60px;}
.service_sort li  i.code3{ background-position: -120px 0;}.service_sort li.on  i.code3{ background-position: -120px -60px;}
.service_sort li h4{ margin-left: 70px; font-size: 16px; margin-bottom: 5px;}
.service_sort li p{ margin-left: 70px;}

.service_adv{ overflow: hidden; margin:50px auto;}
.service_adv li{ width: 334px; cursor: pointer; float: left; text-align: center; color: #959595; line-height: 1.4;}
.service_adv li h4{ font-size: 20px; color: #2f3336; margin-bottom: 10px;}
.service_adv li p{ width: 240px; display: block; margin:0 auto; font-size: 14px; }
.service_adv li i{display: block; width: 200px; height: 200px; background: url(alipay/icon_service.png) no-repeat; margin:0 auto 15px; transition:all .2s ease;}
.service_adv li:hover i{ background: url(alipay/icon_service_on.png) no-repeat;}
.service_adv li i.adv1{ background-position: 0 0;}
.service_adv li i.adv2{ background-position: -200px 0;}
.service_adv li i.adv3{ background-position: -400px 0;}

.service_data{ background-color: #eee; padding: 100px 0 ;}
.service_data .service_alipay{ background: url(alipay/servie_alipay.png) no-repeat; width: 444px; height: 375px; position: absolute; left: 0; top: -120px;}
.service_data .wrapper{ position: relative; padding-left: 500px; width: 500px; text-align: left;}
.service_data h4{ font-size: 25px; color: #2f3336; border-left: 5px solid #ed6d00; padding-left: 10px; line-height: 1.2; font-weight: normal; margin-bottom: 20px;}
.service_data strong{ color: #ed6d00; font-size: 16px; font-weight: normal;}
.service_data p{ line-height: 1.8; margin-bottom: 10px; font-size: 14px; padding-left: 15px; }


.login{ background:#d3e5e5 url(alipay/login_bg.jpg) no-repeat center top; height: 630px;}
.login .wrapper{ position: relative;}
/*登录模块*/
.loginbox{ background: #666; color: #fff;  background: rgba(0,0,0,.6); border-radius: 3px; width: 368px;  text-align: left; position: absolute; right:0; top: 100px; padding: 30px 0; }
.loginbox:after{ content: ""; display: block; position: absolute; background: url(alipay/icon_login.png) no-repeat 0 -100px; width: 46px; height: 46px; right: 0; top: 0; }
.loginbox h4, .regbox h4{height: 33px; line-height: 33px; color: #fff; border-left: 5px solid #e26a0e; font-size: 18px; font-weight: normal; margin-bottom: 25px; padding: 0 18px;}
.loginbox ul{ padding: 0 35px;}
.loginbox li{ margin-bottom: 20px;}
.loginbox input{ vertical-align: middle;}
.ipt{ background-color:#eae5e2; padding: 4px; line-height: 32px; height: 32px; font-size: 14px;vertical-align: middle; border: 0; }
.ipt:focus{ background: #fff;}
.loginbox li .account,.loginbox li .psw{ padding-left: 30px; width: 250px; line-height: 32px\9; background-image:  url(alipay/icon_login.png); background-repeat: no-repeat;}
.loginbox li .psw{ background-position: 0 -40px;}
.loginbox li a{ display: inline-block; border-left: 1px solid #7c583c; margin-left: 20px; color: #ed6d00; font-weight: bold; text-decoration: underline; height: 15px; line-height: 15px; padding-left: 10px;}
.loginbox .btn_login{ background: url(alipay/btn_login.png) no-repeat; width: 200px; height: 40px; margin:10px auto; border:0; cursor: pointer; display: block; text-indent: -999em; overflow: hidden;}
.loginbox .btn_login:hover{ background-position:  0 -41px;}
.loginbox .btn_login:active{ background-position: 0 -82px;}


/*注册*/
.regbox{ position: absolute; left:180px; top: 100px; height: 420px; width: 720px;  background: #666; color: #fff;  background: rgba(0,0,0,.6); border-radius: 3px;  padding-top: 25px; text-align: left; margin:0 auto;}
.regbox:after{ content: ""; display: block; position: absolute; background: url(alipay/icon_login.png) no-repeat 0 -100px; width: 46px; height: 46px; right: 0; top: 0; }
.regbox h4{  line-height: 44px; height: 44px; }
.regbox h4 span{ font-size: 12px; display:inline-block; margin-left: 12px;}
.regbox h4 a{ color: #fff; text-decoration: underline; text-shadow:none; font-size: 13px;}
.regbox ul{ padding: 0 50px;}
.regbox li{ margin-bottom: 8px; position: relative; width: 100%; white-space: nowrap; } .regbox input{ vertical-align: middle;}
.regbox p{ padding-bottom: 5px;}
.regbox li label{ display: inline-block; width: 80px; text-align: right; margin-right: 5px; font-size: 16px; vertical-align: middle;}
.regbox li label span{ color: #f00;}
.regbox li .ipt{ width: 250px; height: 24px;}
.regbox .tip{ font-size: 12px; font-weight: normal;} 
.regbox .tip span{ font-weight: bold; color: #f00;}
.regbox .btn_login{ background: url(alipay/btn_login.png) no-repeat -201px 0; width: 180px; height: 40px; margin:10px auto; border:0; cursor: pointer; display: block; text-indent: -999em; overflow: hidden;}
.regbox .btn_login:hover{ background-position: -201px -41px;}
.regbox .btn_login:active{ background-position: -201px -82px;}


/*功能页面*/
.function{ background: #99e4dc url(alipay/fun_top.jpg) no-repeat center top; height: 530px; overflow: hidden; width: 100%;}
.function .wrapper{ position: relative; height: 530px;  width: 1100px;}
.function .function_con{ width: 560px; padding-top: 140px; font-weight: bold; font-size: 15px; text-align: left; color: #fff; overflow: hidden; }
.function .function_con h2{ color: #fff; font-size: 40px; line-height: 1.2; margin-bottom: 10px; text-shadow:0px 3px rgba(0,0,0,.3);}
.function .function_con h3{ font-size: 24px; margin-top: 20px; -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.function .function_con h3 a{ display: block; border:2px solid #fff; border-radius: 4px; color: #fff; height: 56px; line-height: 56px; font-size: 24px; width: 220px; text-align: center;text-decoration: none; transition:all .2s ease; font-weight: normal;}
.function .function_con h3 a:hover{ background-color: #fff; color: #99e4dc}
.fun_tpic{ background: url(alipay/fun_toppic.png) no-repeat; width: 622px; height: 480px; position: absolute; right: -20px; bottom:-3px; z-index: 1;}
.fun_sprite i{ background: url(alipay/fun_sprite.png) no-repeat; display: block; position: absolute; z-index: 11;}
.fun_sprite i.fun_i1{ background-position: 0 0; width: 48px; height: 46px; right: 200px; top: 20px;  z-index: 0; -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}
.fun_sprite i.fun_i2{ background-position: -7px -65px; width: 37px; height: 37px; -webkit-animation:movearound 2s infinite linear; top:125px; right: 318px;}
.fun_sprite i.fun_i3{ background-position: -65px -68px; width: 40px; height: 40px; -webkit-animation:movearound 1.2s infinite linear; top:387px; right: 133px;}
.fun_sprite i.fun_i4{ background-position: -60px 0; width: 62px; height: 61px; top:12px; right: 33px; -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}
.fun_sprite i.fun_i5{ background-position: -120px -61px; width: 65px; height: 44px; bottom:20px; right: 300px; -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;-webkit-animation-duration: 5s;  animation-duration: 5s;}


.fun_all{ background: #f7f1e3; padding: 30px 0 50px;}
.fun_all h2{ text-align: center; font-size: 30px; margin-bottom: 20px;}
.fun_all li{ float: left; padding-right: 50px; width: 450px; margin-bottom: 20px; color: #2f3336; font-size: 14px; height: 108px; overflow: hidden; line-height: 1.4; }
.fun_all .fun_icon{ display: block; float: left; width: 100px; height: 80px; border:4px solid #e26a0f; border-radius: 50%; text-align: center; padding-top: 20px;}
.fun_all .fun_icon i{ background: url(alipay/fun_icon.png) no-repeat; width: 60px; height: 60px; display: block; margin:0 auto;}
.fun_all .fun_icon i.fun_1{ background-position: 0 0;}
.fun_all .fun_icon i.fun_2{ background-position: -60px 0;}
.fun_all .fun_icon i.fun_3{ background-position: -120px 0;}
.fun_all .fun_icon i.fun_4{ background-position: -180px 0;}
.fun_all .fun_icon i.fun_5{ background-position: -240px 0;}
.fun_all .fun_icon i.fun_6{ background-position: -300px 0;}
.fun_all .fun_icon i.fun_7{ background-position: -360px 0;}
.fun_all .fun_icon i.fun_8{ background-position: -420px 0;}
.fun_all li h4{ margin-left: 120px; font-size: 24px; font-weight: normal; padding-top: 20px; margin-bottom: 8px; }
.fun_all li p{ margin-left: 120px;  }



.fun_txt{ width: 450px; line-height: 1.8; color: #535353; font-size: 16px; position: absolute;}
.fun_txt h4{ color: #e26a0f; font-size: 30px; font-weight: normal; margin-bottom: 15px; line-height: 1.4;}
.fun_txt p{ padding-bottom: 8px; }

.fun_s1{ background: #fff; height: 450px; overflow: hidden;}
.fun_s1 .wrapper{ position: relative; height: 450px; width: 1100px;}
.fun_s1 .wrapper:after{ content: ""; background: url(alipay/fun_line03.png) no-repeat; display: block; width: 471px; height: 80px; position: absolute; right: 250px; bottom: 0;}
.fun_s1 .fun_txt{ top: 100px; right: 30px;}
.fun_s1 .fun_iphone03,.fun_s1 .fun_iphone04,.fun_s1 .fun_iphone05{ background: url(alipay/fun_iphone03.gif) no-repeat; width: 259px; height: 377px; position: absolute; bottom: 0;}
.fun_s1 .fun_iphone03{ left: 160px; z-index: 11; -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.fun_s1 .fun_iphone04{ background: url(alipay/fun_iphone04.gif) no-repeat; height: 311px; left: 0; -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.fun_s1 .fun_iphone05{ background: url(alipay/fun_iphone05.gif) no-repeat; height: 311px; left: 320px; -webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}


.fun_s2{ background: #eee; height: 600px; }
.fun_s2 .wrapper{ position: relative; height: 650px; width: 1100px; }
.fun_s2 .wrapper:after{content: ""; background: url(alipay/fun_line03.png) no-repeat 0 -80px; display: block; width: 471px; height: 309px; position: absolute; right: 250px; top: 0;}
.fun_s2 .fun_txt{ top:240px; left: 50px; }
.fun_s2 .fun_pic01, .fun_s2 .fun_pic02, .fun_s2 .fun_pic03{ background: url(alipay/fun_pic01.jpg) no-repeat; position: absolute;}
.fun_s2 .fun_pic01{ width: 301px; height: 534px; right:30px; top: 40px; z-index: 3;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.fun_s2 .fun_pic02{ width: 262px; height: 464px; right: 144px; top: 100px;background: url(alipay/fun_pic02.jpg) no-repeat; z-index: 2;-webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.fun_s2 .fun_pic03{ width: 233px; height: 411px; right: 250px; top: 120px;background: url(alipay/fun_pic03.jpg) no-repeat; -webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}

.fun_wifi{ background:#030e12 url(alipay/fun_wifi.jpg) no-repeat center top; height: 650px; }
.fun_wifi .wrapper{ position: relative; height: 650px; width: 1100px;}
.fun_wifi .fun_txt{ right: 0px; top: 190px; color: #fff; text-shadow:0 1px rgba(0,0,0,.5);}
.fun_wifi .fun_txt h4{ color: #fff;}


.fun_s3{ background: #fff; height: 600px; overflow: hidden;}
.fun_s3 .wrapper{ position: relative; height: 600px; width: 1100px;}
.fun_s3 .wrapper:after{ content: ""; background: url(alipay/fun_line02.png) no-repeat; display: block; width: 675px; height: 200px; position: absolute; left: 150px; bottom: 0;}
.fun_s3 .fun_txt{ top: 240px; left: 30px;}
.fun_s3 .fun_iphone01,.fun_s3 .fun_iphone02{ background: url(alipay/fun_iphone01.png) no-repeat; width: 224px; height: 470px; position: absolute;}
.fun_s3 .fun_iphone01{ right: 240px;top: 80px;}
.fun_s3 .fun_iphone02{ right: 50px;  top: 30px;background: url(alipay/fun_iphone02.png) no-repeat; width: 259px; height: 539px; -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}

.fun_s4{ background: #f0f0f0; height: 500px; }
.fun_s4 .wrapper{ position: relative; height: 500px; width: 1100px; }
.fun_s4 .wrapper:before{ content: ""; background: url(alipay/fun_line02.png) no-repeat 0 -200px; display: block; width: 675px; height: 220px; position: absolute; left: 150px; top: 0;}
.fun_s4 .wrapper:after{ content: ""; background: url(alipay/fun_line01.png) no-repeat; display: block; width: 599px; height: 220px; position: absolute; right: 250px; bottom: 0;}
.fun_s4 .fun_txt{ top:180px; right: 50px; }
.fun_s4 .fun_iphone06{ background: url(alipay/fun_iphone06.png) no-repeat; width: 651px; height: 460px; position: absolute; bottom: 0;left: 0; -webkit-animation-name: fadeInMove;  animation-name: fadeInMove;}

.fun_s5{ background: #fff; height: 600px; overflow: hidden;}
.fun_s5 .wrapper{ position: relative; height: 600px; width: 1100px;}
.fun_s5 .wrapper:after{content: ""; background: url(alipay/fun_line01.png) no-repeat 0 -220px; display: block; width: 599px; height: 249px; position: absolute; right: 250px; top: 0;}
.fun_s5 .fun_txt{ top: 240px; left: 30px;}
.fun_s5 .fun_data1, .fun_s5 .fun_data2{ background: url(alipay/fun_data1.png) no-repeat; width: 262px; height: 192px; position: absolute;}
.fun_s5 .fun_data1{ bottom: 50px; right: 100px; }
.fun_s5 .fun_data2{ background: url(alipay/fun_data2.png) no-repeat; width: 365px; height: 327px; right:50px; top: 90px; webkit-animation-delay:1.2s;-moz-animation-delay: 1.2s;-o-animation-delay: 1.2s;animation-delay: 1.2s; -webkit-animation-name: zoomInUp;  animation-name: zoomInUp; -webkit-transform-origin:bottom top;}

.fixdb{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 11;}



.index_top{ background: url(alipay/index_top.jpg) no-repeat center top; height: 665px; overflow: hidden; width: 100%;}
.index_top .wrapper{ position: relative; height: 665px;}
.index_topcon{ position: absolute; width: 345px; color: #fff; text-shadow:0 1px 2px rgba(0,0,0,.4);  font-size: 20px; line-height: 1.5;}
.index_topcon h2{ font-size: 32px; white-space: nowrap; font-weight: normal; text-shadow:0 2px 3px rgba(0,0,0,.4); line-height: 1.3; margin-bottom: 20px;}
.index_topcon .index_toplogo{ display: block; margin:0 auto 20px; background: url(alipay/index_toplogo.png) no-repeat; width: 98px; height: 98px; }
.index_topcon p{ margin-bottom: 10px;}
.index_toppc{ background: url(alipay/index_toppc.png) no-repeat; position: absolute; width: 950px; height: 524px; right: -150px; bottom: 0;  -webkit-animation-delay:0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s; }

.setion_t{ text-align: center; padding-top: 60px; height: 40px; padding-bottom: 2px;background: #fff;}
.setion_t h2{ height: 39px; position: relative; border-bottom: 1px solid #c7c7c7; width: 100%; color: #444;}
.setion_t h2 span{ border-bottom: 5px solid #b7b7b7;  display: inline-block; font-size: 32px; letter-spacing: 3px; padding: 0 5px; position: absolute; bottom:-3px; left: 50%; margin-left: -75px;}
.setion_tip{ background: #fff; line-height: 1.4; text-align: center; padding: 10px 0 15px; color: #999; font-size: 16px; }

.spay{ background: url(alipay/index_paybg.gif) repeat; width: 100%; overflow: hidden; padding-top: 30px;}
.pay_detail li{ width: 180px; margin-left: 60px; float: left; height: 290px; text-align: left; font-size: 16px; line-height: 1.4;}
.pay_detail li h4{ font-size: 20px; font-weight: normal; text-transform: uppercase; line-height: 1.5;}
.pay_detail .order_icon i{ width: 180px; height: 190px; display: block; background: url(alipay/index_payorder.png?) no-repeat; border-radius: 4px; margin-bottom: 10px; }
.pay_detail .order_icon .o1{ background-position: 0 0; }
.pay_detail .order_icon .o2{ background-position: -180px 0; }
.pay_detail .order_icon .o3{ background-position: -360px 0; }
.pay_detail .order_icon .o4{ background-position: -540px 0; }
.pay_detail .order_icon .o5{ background-position: 0 -190px; }
.pay_detail .order_icon .o6{ background-position: -180px -190px; }
.pay_detail .order_icon .o7{ background-position: -360px -190px;}
.pay_detail .order_icon .o8{ background-position: -540px -190px; }
.pay_detail .order_icon .o9{ background-position: 0 -380px; }
.pay_detail .order_icon .o10{ background-position: -180px -380px; }
.pay_detail .order_icon .o11{ background-position: -360px -380px; }

.pay_detail .order1 .order_icon i{ background-color: #64b14c}
.pay_detail .order2 .order_icon i{ background-color: #ff9845}
.pay_detail .order3 .order_icon i{ background-color: #25b0f5}


.pay_tab{ color: #2f3336; background: #282828;}
.pay_tab .wrapper{ position: relative; width: 1002px;}
.pay_tab li{ float: left; width: 303px; padding: 15px; text-align: center; font-size: 32px; position: relative; line-height: 1.4; cursor: pointer; color: #fff;}
.pay_tab li  i{ background: url(alipay/index_ico.png?) no-repeat 0 -107px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.pay_tab li  i.i1{ background-position: -51px -107px;}
.pay_tab li  i.i2{ background-position: 0 -107px;}
.pay_tab li  i.i3{ background-position: -100px -107px;}
.pay_tab li.on:after{ content: ""; width: 0; height: 0; border-left:15px solid transparent;  border-right:15px solid transparent; position: absolute; top: -15px; left: 50%; margin-left: -10px;}
.pay_tab li.p1.on{ background: #64b14c;}
.pay_tab li.p2.on{ background: #ff9845;}
.pay_tab li.p3.on{ background: #25b0f5;}
.pay_tab li.p1:after{border-bottom:20px solid #64b14c}
.pay_tab li.p2:after{border-bottom:20px solid #ff9845;}
.pay_tab li.p3:after{border-bottom:20px solid #25b0f5;}



.pay_detail li:nth-child(1){ -webkit-animation-delay:0.1s;-moz-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s; }
.pay_detail li:nth-child(2){ -webkit-animation-delay:0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s; }
.pay_detail li:nth-child(3){ -webkit-animation-delay:0.3s;-moz-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-delay: 0.3s; }
.pay_detail li:nth-child(4){ -webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s; }
.pay_detail li:nth-child(5){ -webkit-animation-delay:0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s; }
.pay_detail li:nth-child(6){ -webkit-animation-delay:0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s; }



.solution{ background: url(alipay/solution_bg.jpg) no-repeat center top; width: 100%; height: 520px; padding-top: 80px; overflow: hidden;}
.solution_t{ width: 950px; margin:0 auto 95px; overflow: hidden;}
.svideo{ width: 409px; height: 230px; position: relative; overflow: hidden;}
.svideo a{ width: 100%; height: 100%; display: block; position: relative;} 
.svideo a span{ position: absolute; width: 100%; height: 100%; display: block; background: url(alipay/icon_play.png) no-repeat center center;  left: 0; top: 0;}
.svideo a:hover span{ opacity: .8;}
.svideo a p{ position: absolute; height: 40px; background: rgba(0,0,0,.7); line-height: 40px; font-size: 20px; text-align: center; color: #fff; bottom: 0; left: 0; display: block; width: 100%;}
.svideo .video_embeds{ display: none; position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0;}
.stitle{ width: 345px; text-align: center; color: #fff; font-size: 18px; }
.stitle .stitle_icon{ background: url(alipay/index_ico.png) no-repeat; width: 129px; height: 101px; display: block; margin:0 auto 10px; }
.stitle h4{ font-size: 30px; line-height: 1.4; margin-bottom: 5px; }

.stitle a.btn_more{ background: #ed6d00; color: #fff; border:2px solid #ed6d00; display: block; margin:5px auto 0; height:40; line-height: 40px; text-align: center; text-decoration: none; width: 150px; text-shadow:0 0 1px #000;  }
.stitle a.btn_more:hover{ border:2px solid #fff; transition:all .2s ease; background: transparent; color: #fff;}

.solution li{ float: left; width: 300px; border:1px solid #fff; padding: 20px 10px 0; height: 110px; margin-right: 10px; color: #fff; }
.solution li p{ display: block; position: relative; padding-left: 72px; margin-bottom: 10px; line-height: 25px; font-size: 14px; text-shadow:0 1px 1px #000;}
.solution li p span{ display: block; width: 65px; height: 25px; font-size: 13px;  line-height: 25px; border-radius: 3px; color: #fff; text-align: center; position: absolute; left: 0; top: 3px;}
.solution li p span.t1{ background-color: #ed6d00}
.solution li p span.t2{ background-color: #515151}
.solution li:nth-child(1){ -webkit-animation-delay:0.1s;-moz-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s; }
.solution li:nth-child(2){ -webkit-animation-delay:0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s; }
.solution li:nth-child(3){ -webkit-animation-delay:0.3s;-moz-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-delay: 0.3s; }

.fuwuchuang{ background:#b4a890 url(alipay/index_fuwubg.jpg) no-repeat center top; height: 400px; overflow: hidden; width: 100%;}
.fuwuchuang .wrapper{ position: relative; height: 400px;}
.fuwuchuang .fuwuvideo{ position: absolute; width: 406px; height: 255px; box-shadow: 2px 3px 10px rgba(0,0,0,.3); top: 80px; left: 10px; }
.fuwuchuang .fuwuvideo a{ width: 100%; height: 100%; display: block; position: relative;} 
.fuwuchuang .fuwuvideo a span{ position: absolute; width: 100%; height: 100%; display: block; background: url(alipay/icon_play.png) no-repeat center center; background-color: rgba(0,0,0,.7) ; left: 0; top: 0;}
.fuwuchuang .fuwuvideo a:hover span{ background-color: rgba(0,0,0,.5);}

.fuwuchuang .video_embed{ display: none;}


.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}.rslides li:first-child {position: relative;display: block;float: left;}
.slide{width:100%; text-align: center; height: 665px; overflow: hidden; position: relative;}
.slide{ width:100%; z-index:0; overflow:hidden;}
.slide li{ height: 665px; width: 100%; } 
.slide li.s1{ background: url(alipay/index_top.jpg) no-repeat center top;}  
.slide li.s2{ background: url(alipay/index_tops.jpg) no-repeat center top;}
.slide li a{display: block;} 
.slide .wrapper{ position: relative; width: 1002px; height: 665px;}

.slide .index_topcon{ position: absolute; width: 345px; color: #fff; text-shadow:0 1px 2px rgba(0,0,0,.4);  font-size: 20px; line-height: 1.5;}
.slide li.s1 .index_topcon{ left: 160px; top: 155px;  }
.slide li.s2 .index_topcon{ right: 120px!important; top: 125px;  }
.slide li h2{ font-size: 32px; white-space: nowrap; font-weight: normal; text-shadow:0 2px 3px rgba(0,0,0,.4); line-height: 1.3; margin-bottom: 20px; -webkit-animation-delay:0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.slide .index_toplogo{ display: block; margin:0 auto 20px; background: url(alipay/index_toplogo.png) no-repeat; width: 98px; height: 98px; -webkit-animation-delay:0.9s;-moz-animation-delay: 0.9s;-o-animation-delay: 0.9s;animation-delay: 0.9s;}
.slide p{ margin-bottom: 10px; -webkit-animation-delay:1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.slide .index_toppc{ background: url(alipay/index_toppc.png) no-repeat; position: absolute; width: 950px; height: 524px; right: -150px; bottom: 0;  -webkit-animation-delay:1.2s;-moz-animation-delay: 1.2s;-o-animation-delay: 1.2s;animation-delay: 1.2s;}
.slide .index_topi1{ background: url(alipay/index_topi1.png) no-repeat; position: absolute; width: 402px; height: 381px; left: 0px; top: 0; -webkit-animation-delay:0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.slide .index_topi2{ background: url(alipay/index_topi2.png) no-repeat; position: absolute; width: 782px; height: 292px; right: 0px; bottom: 0; -webkit-animation-delay:1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}


.slide li.s3{ background: url(alipay/index_top3.jpg) no-repeat center top;}
.slide .index_top3_1{ background: url(alipay/index_top3_1.png) no-repeat; position: absolute; width: 275px; height: 508px; left: 50px; top: 107px; -webkit-animation-delay:0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
.slide .index_top3_2{ background: url(alipay/index_top3_2.png) no-repeat; position: absolute; width: 276px; height: 566px; left: 177px; top: 66px; -webkit-animation-delay:1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.slide li.s3 .index_topcon{ right: 90px; top: 145px;  width: 400px; text-align: left;}
.slide a.btn_apkdown, .slide a.btn_appdown{ background: url(alipay/btn_download.png) no-repeat; width: 255px; height: 69px; display: block; margin: 30px 0;}
.slide a.btn_apkdown:hover{ background-position: -255px 0;}
.slide a.btn_appdown{ background-position: 0 -69px;}
.slide a.btn_appdown:hover{ background-position: -255px -69px;}
.slide li.s3 h2{ font-size: 60px;}
.slide li.s3 p{ font-size: 40px; }
.slide li.s3 .appcode{ position: absolute; right: -70px; top: 180px; }


.slider_tabs{ position:absolute; z-index:22; bottom:10px; left:50%; margin-left: 0px;} 
.slider_tabs li{ float:left; margin:0 3px; width: auto; height: auto;}
.slider_tabs li a { display:block; width:16px; height:16px; background: #78c340; text-decoration: none; text-indent: -999em; overflow: hidden; border-radius: 50%;}  
.slider_tabs li.slider_here a{ background: #ed6d00;  }


.service_hard{ overflow: hidden; margin:50px auto 70px; width: 1080px;}
.service_hard li{ width: 250px; padding: 10px 0; margin-right:20px; background: #ff9845; border:2px solid #ed6d00; border-radius: 5px;  float: left; text-align: center; color: #fff; line-height: 1.4;}
.service_hard li img{ display: block; width: 250px; margin-bottom: 10px;}
.service_hard li h4{ font-size: 16px; color: #fff; font-weight: normal; border-top: 1px solid #fff; width: 200px; margin:0 auto 15px; padding-top: 10px;}
.service_hard li a.btn_buy{ display: block; margin:10px auto; background: transparent; border:1px solid #fff; border-radius: 3px; text-shadow:1px 1px 2px #f8782c; width: 160px; height: 38px; line-height: 38px; font-size: 18px; color: #fff; text-decoration: none; box-shadow: 1px 1px 5px #f8782c}
.service_hard li a.btn_buy:hover{ background: #f99f57}.service_hard li a.btn_buy:active{ background: #ed6d00; border-color: #ed6d00;}
.service_hard li.last{ margin-right: 0;}
.service_hard li:first-child,.service_hard li:last-child{ -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}



.news{ background: #efefef; background-size: 100% 100%;padding-top: 20px; width: 100%; overflow: hidden;}
.news .wrapper{ background: #fff; box-shadow:0 -2px 10px rgba(0,0,0,.2);}
.newscon{ padding:20px; border:1px solid #ddd; border-top: 3px solid #ff5e33;}
.newscon h2{ text-align: center; font-size: 20px; line-height: 1.3; margin-bottom: 15px; color: #ed6d00;}
.newscon .con_info{ text-align: center; font-size: 12px; }
.crumb{ padding:10px; margin-bottom: 10px;}
.con_txt{ padding: 15px 20px; overflow: hidden; line-height: 24px; font-size: 16px;}
.con_txt a{ color: #ed6d00; font-weight: bold; }
.con_txt img{ max-width: 90%; }
.con_txt  p{ padding-bottom: 10px; font-size: 16px;}
.news_list{ padding: 15px 20px; overflow: hidden; border-top: 2px solid #ed6d00; margin-top: 20px;}
.news_list h4{ font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-bottom: 10px;}
.news_list li{ height: 24px;  padding: 3px 0; border-bottom: 1px dashed #dfdfdf;}
.news_list li a{ display: inline-block; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; text-decoration: none; font-size: 14px; }
.news_list li a i{ display: inline-block; font-weight: 400; font-style: normal; color: #d5d5d5; margin-right:5px; vertical-align: middle;}
.con_list{border-top: 1px dashed #ddd;}
.con_list dl{ padding: 12px 0;  font-size: 14px; overflow: hidden; margin: 0;border-bottom: 1px dashed #ddd;}
.con_list dt{ font-weight: bold; margin-bottom: 8px; }
.con_list dd{  font-size: 14px; overflow: hidden;}
.con_list .imgL{ float: left; margin:0 10px 10px; border:1px solid #ddd; max-width: 121px; }
.con_list dd .date{ text-align: right}
.con_list dd .date a.btn_more{ display: inline-block; color: #fff; background: #ed6d00; width: 120px; height: 30px; line-height: 30px; font-size: 15px; text-align: center; text-decoration: none; margin-top: 10px; }
.con_list dd .date a.btn_more:hover{ background: #ce6002}

.page{ margin:0 auto; text-align: center; font-size: 12px; padding: 10px 0;}
.page a,.page span.current{ display: inline-block; padding: 0 10px; background: #2e60a0; height: 24px; line-height: 24px; border-radius: 2px;text-align: center; color: #fff; text-decoration: none; margin:0 3px; }
.page span.current{ background: #267eef;}


.lfshow{ padding: 40px 0; background: #f9f9f9;}
.lfnews{ border:1px solid #ddd; border-radius: 5px; padding: 20px; width: 340px; overflow: hidden; background: #fff; height: 300px; }
.lfnews li a{ display: block; padding: 3px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.lftop{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.lftop h4{ font-size: 16px; }
.lftop a.more{ float: right; font-size: 14px; }

.lfcase{ border:1px solid #ddd; border-radius: 5px; padding: 20px; float: right; width: 560px; background: #fff; height: 300px;}
.lfcase ul{ width: 110%;}
.lfcase li{ width: 100px; float: left; margin: 0px 10px 10px 0; text-align: center; font-size: 14px; line-height: 1.2;}
.lfcase li img{ width: 90px; display: block; border-radius:6px; box-shadow: 0 0 0 3px #78c340; margin:0 auto 5px;}
.lfcase li img.noborder{ box-shadow: none; width: 98px}