@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;} 
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

body{max-width: 1920px; position: relative; margin: 0 auto;overflow-x: hidden;}
#pageWrap{width: 100%; height: 100%; position: relative;}

.wrap{position: relative; width: 1200px; margin: 0 auto;}
.section1{width: 100%;height: 970px;background: url(/skin/default/images/banner.jpg) no-repeat center top;overflow: hidden;position: relative;}
.logo{position: absolute;left: 120px;top: 35px;width:100px;height:100px;background: url(/skin/default/images/logo.png) no-repeat center; z-index: 2;background-size: 100% 100%;}
/*.slogan{position: absolute;left: 50%;top: 430px;margin-left: -412px;width: 797px;height: 338px;background: url(/skin/default/images/slogan.png) no-repeat center;z-index: 4;opacity: 0;}*/
.btn-video{position: absolute;left: 547px;top: 158px;width: 165px;height: 147px;background: url(/skin/default/images/btn-video.png) no-repeat center;cursor: pointer; display: none;}
/*保留样式 无桌面版下载按钮.download-box{position: absolute;left: 50%;top: 756px;margin-left: -210px;width: 420px;height: 147px;background: url(/skin/default/images/download-bg.png) no-repeat center;z-index: 4;}
.download-code{position: absolute;left: 24px;top: 26px;}
.download-code img{width: 110px;height: 110px;}
.btn-appstore,.btn-android{display: block;position: absolute;left: 202px;width: 190px;height: 49px;background-repeat: no-repeat;background-position: 0 0;}
.btn-appstore:hover,.btn-android:hover{background-position: 0 -49px;}
.btn-appstore{top: 27px;background-image: url(/skin/default/images/btn-appstore.png);}
.btn-android{top: 85px;background-image: url(/skin/default/images/btn-android.png);}*/
/*.download-box{position: absolute;left: 50%;top: 756px;margin-left: -400px;width: 801px;height: 147px;background: url(/skin/default/images/download-bg.png) no-repeat center;z-index: 4;}
.download-code{position: absolute;left: 24px;top: 26px;}
.download-code img{width: 110px;height: 110px;}
.btn-appstore,.btn-android{display: block;position: absolute;left: 202px;width: 190px;height: 49px;background-repeat: no-repeat;background-position: 0 0;}
.btn-appstore:hover,.btn-android:hover{background-position: 0 -49px;}
.btn-appstore{top: 27px;background-image: url(/skin/default/images/btn-appstore.png);}
.btn-android{top: 85px;background-image: url(/skin/default/images/btn-android.png);}
.btn-desk{display: block;position: absolute;left: 411px;top:27px;width: 131px;height: 107px;background: url(/skin/default/images/btn-desk1.png) no-repeat center 0;}
.btn-desk:hover{background-position: 0 -107px;}*/

.downCont{width: 100%; position: absolute; left: 0; top: 756px; z-index: 4; height: 157px; display: flex; justify-content:center;}
.downLeft{width: 400px; height: 157px; background: url(/skin/default/images/down.png) no-repeat 0 0; position: relative;}
.downRight{width: 183px; height: 157px; background: url(/skin/default/images/new.png) no-repeat 0 0; margin-left: -12px; position: relative;}
.downQrcode{width: 108px; height: 108px; position: absolute; left: 18px; top: 30px;}
.downQrcode img{display: block; width: 100%; height: 100%;}
.downButton1{width: 156px; position: absolute; left: 172px; top: 29px;}
.downButton1 a{display: block; width: 156px; height: 51px;}
.downButton1 a.ios{background: url(/skin/default/images/down_ios.png) no-repeat 0 0; margin-bottom: 7px;}
.downButton1 a.and{background: url(/skin/default/images/down_and.png) no-repeat 0 0;}
.downButton1 a:hover{background-position: 0 bottom;}

.downButton2{width: 156px; position: absolute; left: 352px; top: 29px;}
.downButton2 a{display: block; width: 176px; height: 51px;}
.downButton2 a.pay{background: url(/skin/default/images/down_pay.png) no-repeat 0 0; margin-bottom: 7px;}
.downButton2 a.win{background: url(/skin/default/images/down_win.png) no-repeat 0 0;}
.downButton2 a:hover{background-position: 0 bottom;}

.btnEvent{width: 145px; height: 109px; position: absolute; left: 546px; top: 29px; display: block; background: url(/skin/default/images/yy.png) no-repeat 0 0;}
.btnEvent.newbg{background: url(/skin/default/images/newbg.png) no-repeat 0 0;}
.btnEvent:hover{background-position: 0 bottom;}

.btnServer{width: 145px; height: 109px; position: absolute; left: 10px; top: 29px; display: block; background: url(/skin/default/images/server.png) no-repeat 0 0;}
.btnServer:hover{background-position: 0 bottom;}

.pageRight{position: absolute; width: 36px; height: 100%; right: 20px; top: 0;}
.lrCont{width: 36px; position: fixed; top: 50%; transform: translate(0,-50%); z-index: 100;}
.btnIcon{display: block; width: 36px; height: 36px; margin-bottom: 4px; background-position: center; background-repeat: no-repeat; background-color: #345b7c; cursor: pointer; position: relative;}
.btnIcon:last-child{margin: 0;}
.btnIcon.wx{background-image: url(/skin/default/images/icon_wx.png);}
.btnIcon.qq{background-image: url(/skin/default/images/icon_qq.png);}
.btnIcon.dy{background-image: url(/skin/default/images/icon_dy.png);}
.btnIcon.ks{background-image: url(/skin/default/images/icon_ks.png);}
.btnIcon.tap{background-image: url(/skin/default/images/icon_tap.png);}
.btnIcon.hy{background-image: url(/skin/default/images/icon_hy.png);}
.btnIcon.kf{background-image: url(/skin/default/images/icon_kf.png);}
.btnIcon:hover{background-color: #1ca3d2;}

.popWrap{width: 380px; border: 2px solid #b8edff; background: #FFF; position: absolute; right: 38px; top: 0; display: none; padding: 10px 0 0 10px;}
.popWrap div.popTitle{font-size: 20px; font-weight: bold; color: #345b7c; height: 36px;}
.popWrap div.poplist{height: 40px;}
.popWrap div.poplist a{float: left; width: 180px; height: 28px; line-height: 28px; text-indent: 34px; color: #345b7c; font-size: 16px; background:#f1f1f1 url(/skin/default/images/q.png) no-repeat 4px center; margin-right: 10px;}
.popWrap div.poplist a:last-child{margin: 0;}
.popCont{width: 142px; height: 142px; padding: 5px; border: 2px solid #b8edff; background: #FFF; position: absolute; right: 38px; top: 0; display: none;}
.popCont img{display: block; width: 142px; height: 142px;}
.btnIcon:hover div.popShow{display: block;}

.btn-serveryy,.btn-pay{display: block;position: absolute;left: 556px;width: 198px;height: 54px;background-repeat: no-repeat;background-position: 0 0; cursor: pointer;}
.btn-serveryy{background-image: url(/skin/default/images/btn_yy.png); top:24px;}
.btn-pay{background-image: url(/skin/default/images/btn_pay.png); top: 83px;}
.btn-serveryy:hover,.btn-pay:hover{background-position: right 0;}

/*.section1-role{position: absolute;left: 50%;top:142px ;margin-left: -846px;width: 1352px;height: 835px;background: url(/skin/default/images/section1-role.png) no-repeat center;opacity: 0;}*/
.section1-video{width: 1920px; height: 1080px; position: absolute; left: 50%; margin-left: -960px; top: 0;}
.section1-video video{width: 100%; height: 100%;}
.section1-front{position: absolute;left: 0;top: 0;width: 100%;height: 1075px;background: url(/skin/default/images/section1-front.png) no-repeat center; z-index: 2;}
.fadeIn1{animation: fadeIn 0.8s both;-webkit-animation: fadeIn 0.8s both;}
.fadeIn2{animation: fadeIn 1s 0.8s both;-webkit-animation: fadeIn 1s 0.8s both;}
@keyframes fadeIn{
	  0%{transform: translateY(100%);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes fadeIn{
	  0%{transform: translateY(100%);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
.section2{width: 100%;height: 840px;margin-top: -80px;position: relative;background: url(/skin/default/images/section2-bg.png) no-repeat center 0;}
.section2-wrap{}
.section-title{width: 1020px;height: 250px;margin: 0 auto;background-repeat: no-repeat;background-position: center bottom;}
.section2-title{background-image: url(/skin/default/images/section2-title.png);}
.news-pic{position: absolute;left: -80px;top: 40px;width: 681px;height: 386px;background: url(/skin/default/images/section2-lunbo-bg.png) no-repeat center;z-index: 2;}
.news-pic .swiper-container{position: absolute;left: 31px;top: 25px;width: 639px;height: 350px;overflow: hidden}
.news-pic .swiper-pagination{text-align: left;padding-left: 20px;margin-left: 40px;}
.news-pic .swiper-pagination-bullet{width: 18px;height: 18px;background: url(/skin/default/images/dot.png) no-repeat center;opacity: 1;border-radius: 0;}
.news-pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}
.news-pic .swiper-pagination-bullet-active{background-image: url(/skin/default/images/dot-on.png)}
.news-box{position: absolute;right: -4px;top: 120px;width: 604px;height: 352px;background: url(/skin/default/images/news-box-bg.png) no-repeat center;}
.news-box .newstab{width: 100%;height: 55px;margin-top: -5px;position: relative;border-bottom: 2px solid #f3f1ff;}
.news-box .newstab span{float:left; width: 103px;height: 55px;line-height: 61px;cursor: pointer; color: #345b7c;text-align: center;font-size: 18px;font-weight: bold;}
.news-box .newstab span.on{height: 59px;background: url(/skin/default/images/news-tab-on.png) no-repeat center;color: #ffffff;border-bottom: 0;}
.news-box .news-cont{display: none;}
.news-box .news-cont ul{width: 545px;margin-left: 30px;}
.news-box .news-cont ul li{position:relative;overflow: hidden;padding: 16px 0;background: url(/skin/default/images/news-list-icon.png) left center no-repeat;padding-left: 10px;border-bottom: 1px solid #f3f1ff}
.news-box .news-cont ul li:last-child{border: 0;}
.news-box .news-cont ul li a{font-size: 14px;color: #345b7c;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;width: 528px;display: inline-block;}
.news-box .news-cont ul li a span{float: right;}
.news-box .news-cont ul li a:hover{color: #1ca3d2;}
.news-more{position: absolute;right:30px;top:16px;display: block;width: 20px;height: 20px;background: url(/skin/default/images/news-more.png) no-repeat right top;}
.news-more:hover{background-position: 0 -20px;}
/***视频***/
.prompt{ position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,.7); display: none;}
.popbox{ width: 1270px; height: 749px; background: url(/skin/default/images/pop-video-bg.png) no-repeat center; position: relative; left: 50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.close{ width: 47px; height: 40px; position: absolute; right: 52px; top:60px; background: url(/skin/default/images/pop-close.png) no-repeat center top; cursor: pointer;}
.prompt-video video{ width: 1084px; height: 621px;  position: absolute; right: 115px; top:74px;}
.section3{width: 100%;height: 1291px;margin-top: -110px;overflow: hidden;position: relative;}
.section3-title{position: absolute;left: 50%;top: 120px;margin-left: -510px;width: 1020px;height: 122px;background: url(/skin/default/images/section3-title.png) no-repeat center;z-index: 3;}

.box{   position: absolute;left: 0;top: -146px;width: 100%;transform:translate3d(-143px, 0, 0);transition-duration:2000ms; }
.box1{   position: absolute; bottom: 0; left: 0;z-index: 3;width: 100%;}
.box2{   position: absolute; bottom: 0; left: 0;z-index: 3;}
.box3{   position: absolute; bottom: 0; left: 0;z-index: 3;}
.box img{ width:auto;height: auto;}


.jdt{ background: url(/skin/default/images/border5.png) no-repeat; height: 2px; position: absolute; top: 36px; left:21px; transition-duration:2500ms;}
.jdt0{width: 0;}
.jdt1{width: 215px;}
.jdt2{width: 444px;}
.jdt3{width: 685px;}
.jdt4{width: 915px;}
.tab-txt{ color: #00ffff; font-size: 20px;position:absolute;  right: -30px; top: 60px; line-height:29px;text-align: center;}
.btn-pre,.btn-next{position: absolute;top: 590px;width: 107px;height: 88px;cursor: pointer}
.btn-pre{display: none;left: 50%;margin-left: -700px;background: url(/skin/default/images/btn-prev.png)}
.btn-pre:hover{background-image: url(/skin/default/images/btn-prev-hov.png);transform:translateX(-10px);transition:0.4s}
.btn-next{right: 50%;margin-right: -700px;background: url(/skin/default/images/btn-next.png)}
.btn-next:hover{background-image: url(/skin/default/images/btn-next-hov.png);transform:translateX(-10px);transition:0.4s}

.p-box .p{display: none;text-align: center;position:absolute; left: 50%;top:500px;margin-left: -443px;z-index:999; color: #ffffff;width: 886px;height: 109px;background: url(/skin/default/images/p-box-bg.png) no-repeat center;}
.p1 .txt,.p2 .txt,.p3 .txt,.p4 .txt{ font-size: 30px; font-weight: bold;text-align: center;padding-top: 16px; font-family: 'Font1';}
.p1 .txt2,.p2 .txt2,.p3 .txt2,.p4 .txt2{ font-size: 18px; text-align: center; padding-top:6px;}


.tab-box{ background: url(/skin/default/images/section3-shade.png) no-repeat; width: 100%; height:419px;position:absolute; bottom: 0; left: 0px;}
.tab{ background: url(/skin/default/images/tab-bg.png) no-repeat center 28px; width: 1182px; height: 111px; position: absolute; left: 50%; margin-left: -591px; top:200px;transition-duration:1000ms;}

/*tab spr*/
.tab .spr{ background: url(/skin/default/images/spr.png) no-repeat; width: 1000px; height: 400px; cursor: pointer;}
.tab .tab1{width: 98px; height:116px; background-position: 0 0;position: absolute; top:-45px; left:194px;}
.tab .tab2{width: 82px; height:116px; background-position:-241px 0;position: absolute; top:-45px; left:435px;}
.tab .tab3{width: 80px; height:113px; background-position: -476px 0;position: absolute; top:-44px; left:670px;}
.tab .tab4{width: 80px; height:114px; background-position: -709px 0;position: absolute; top:-44px; left:900px;}
.tab .spr.on,.tab .spr:hover{-webkit-animation: tang 0.5s 0s both;background-image: url(/skin/default/images/spr-hov.png)}

       
        .dh1{-webkit-animation: scaleDraw1 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:50% 50%}
        .dh2{-webkit-animation: scaleDraw2 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:50% 50%}
        .dh3{-webkit-animation: scaleDraw3 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:150% 50%}
        .dh4{-webkit-animation: scaleDraw4 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:250% 50%}
        .rdh1{-webkit-animation: scaleDraw1 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:150% 50%}
        .rdh2{-webkit-animation: scaleDraw2 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:250% 50%}
        .rdh3{-webkit-animation: scaleDraw3 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:350% 50%}
        .rdh4{-webkit-animation: scaleDraw4 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;transform-origin:50% 50%}
  /*缩放动画*/
		@keyframes scaleDraw1 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);} /*开始为原始大小*/
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1); }
        }
        @-moz-keyframes scaleDraw1 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
 
		 @-webkit-keyframes scaleDraw1 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{ -webkit-transform: scale(1);-ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
          
		@keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);} /*开始为原始大小*/
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1); }
        }
        @-moz-keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
 
		 @-webkit-keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{ -webkit-transform: scale(1);-ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
        
        
		@keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);} /*开始为原始大小*/
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1); }
        }
        @-moz-keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
 
		 @-webkit-keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{ -webkit-transform: scale(1);-ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }        
        
        
		@keyframes scaleDraw4 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);} /*开始为原始大小*/
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1); }
        }
        @-moz-keyframes scaleDraw4 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{-webkit-transform: scale(1); -ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
 
		 @-webkit-keyframes scaleDraw4 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{ -webkit-transform: scale(1);-ms-transform: scale(1);}
            25%{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);}
            100%{-webkit-transform: scale(1);-ms-transform: scale(1);}
        }   
         @-webkit-keyframes tang {
		   0%{opacity:0.2; -webkit-transform: scale(1);}
		   50%{ -webkit-transform: scale(1.05);}
		   100%{opacity: 1; -webkit-transform: scale(1);}
		}    
.section4{width: 100%;height: 1180px;margin-top: -90px;position: relative;}
.section4-wrap{position: absolute;left: 0;top: 0;width: 100%;height: 1220px;background: url(/skin/default/images/section2-bg.png) no-repeat center 0;z-index: 2;}

.section4-title{background-image: url(/skin/default/images/section4-title.png);}
.ts-tab-box{position: absolute;left: -47px;top: 204px;width: 248px;z-index: 2;}
.ts-tab-box span{display: block;margin-bottom: 5px;width: 248px;height: 85px;background-image: url(/skin/default/images/ts-tab.png);background-repeat: no-repeat;cursor: pointer;}
.ts-tab-box span.on{background-image: url(/skin/default/images/ts-tab-on.png)}
.ts-tab-box span.ts-tab1{background-position: 0 0;}
.ts-tab-box span.ts-tab2{background-position: 0 -91px;}
.ts-tab-box span.ts-tab3{background-position: 0 -182px;}
.ts-tab-box span.ts-tab4{background-position: 0 -273px;}
.ts-tab-box span.ts-tab5{background-position: 0 -364px;}
.ts-bg{position: absolute;right: -88px;top: 82px;width: 753px;height: 433px;}
.ts-box{position: absolute;left: 140px;top: 150px;width: 1021px;height: 584px;background: url(/skin/default/images/ts-box-bg.png) no-repeat center;}
.ts-box img{display: none;position: absolute;left: 26px;top: 21px;}
.section5{width: 100%;height: 616px;margin-top: -90px;position: relative;}
.section5-wrap{position: absolute;left: 0;top: 0;width: 100%;height: 616px;background: url(/skin/default/images/section5-bg.png) no-repeat center 0;z-index: 2;}
.link-list{text-align: center;padding-top: 200px;width: 1300px;margin:0 auto;}
.link-list li{width: 184px;margin-right:31px;display: inline-block;}
.link-list li:last-child{margin-right:0;}
.link-list li .code-box{margin: 0 auto;width: 209px;height: 216px;background: url(/skin/default/images/code-bg.png) no-repeat center;position: relative;}
.link-list li .code-box img{position: absolute;left: 12px;top: 12px;width: 130px;height: 130px;}
.link-list li .code-box p{position: absolute;left: 32px;top: 161px;font-size: 18px;font-weight: bold;color: #ffffff;text-indent: 28px;}
.link-list li .code-box p.icon-wx{background: url(/skin/default/images/icon-wx.png) left center no-repeat;}
.link-list li .code-box p.icon-dy{background: url(/skin/default/images/icon-dy.png) left center no-repeat;}
.link-list li .code-box p.icon-qq{background: url(/skin/default/images/icon-qq.png) left center no-repeat;}
.link-list li .code-box p.icon-kefu{background: url(/skin/default/images/icon-kefu.png) left center no-repeat;}
.link-list li .code-box p.icon-ks{background: url(/skin/default/images/icon-ks.png) left center no-repeat;}
.link-list li .code-box p.icon-douliu{background: url(/skin/default/images/icon-douliu.png) left center no-repeat;}

.link-list li h4{font-size: 14px;color: #ffffff; overflow:hidden;height: 26px;}
.link-list li h4 span{float: left;line-height: 26px;}
.link-list li h4 em{float:left;margin: 0 8px;width: 9px;height: 26px;background: url(/skin/default/images/link-icon.png) no-repeat center;}
.link-list li h4 .join-on{float: left;width: 77px;height: 24px;line-height: 24px;background: url(/skin/default/images/join-on.png) no-repeat center;color: #ffffff;}
.link-list li h4 .taptap-go{margin-left: 96px;}