/* mobile */
#iview{display:block;width:1190px;height:860px;position:relative;margin:0 auto;background:url('images/loading.gif') no-repeat center;}
#iview .iviewSlider{display:inline-block;background-size:100%;overflow:hidden;background-position:center top;width:100%}
.iview-controlNav{position:absolute;bottom:0;height:240px;left:50%}
.iview-controlNav a{text-indent:-9999px}

.iview-controlNav div.iview-items{float:left;height:240px}
.iview-controlNav a.iview-control{padding:0;float:left;width:100%;height:100%;line-height:0}

#iview-preloader div{background:#666}
.iview-controlNav div.iview-items ul li{padding:0;width:149px;height:240px;line-height:0;display:inline-block}
* #iview #iview-tooltip{display:none;position:absolute;width:44px;height:49px;bottom:30px;left:-67px;padding:10px;z-index:100;box-sizing:content-box}
#iview #iview-tooltip div.holder{display:block;width:44px;height:49px;overflow:hidden;border-radius:2px}
#iview #iview-tooltip div.holder div.containeron{display:block;width:4000px}
#iview #iview-tooltip div.holder div.containeron div{float:left;display:block;overflow:hidden;width:44px;height:49px;left:-50%;text-align:center}
#iview #iview-tooltip div.holder div.containeron div img{height:45px;margin:0 auto;border:2px solid #fff;width:40px;overflow:hidden;border-radius:3px}
.iview-time-box{width:1190px;margin:auto;position:relative;z-index:999;top:-800px;right:0}
.iviewSlider{overflow:hidden}
#iview-timer{position:absolute;z-index:100;border-radius:5px;cursor:pointer;right:10%}
#iview-timer div{border-radius:3px}
#iview-preloader{position:absolute;z-index:1000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:1px;width:24px;height:24px;background:url(images/loading.gif) no-repeat}
#iview-preloader div{float:left;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:3px;background:#000;width:0}
.iview-strip{display:block;position:absolute;z-index:5;background-position:center top}
.iview-block{display:block;position:absolute;z-index:5;background:center top}
.iview-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer}
.iview-prevNav{left:0}
.iview-nextNav{right:0}
.iview-controlNav{position:absolute;z-index:9}
.iview-controlNav a{z-index:9;cursor:pointer}
.iview-controlNav a.active{font-weight:700}
.iview-controlNav .iview-items ul{list-style:none;padding:0}
.iview-controlNav .iview-items ul li{position:relative;float:left}
.iview-controlNav .iview-tooltip{position:absolute}
.iview-caption{position:absolute;z-index:4;overflow:hidden;cursor:default}
.iview-video-show{background:#000;position:absolute;width:100%;height:100%;z-index:101}
.iview-video-show .iview-video-container{position:relative;width:100%;height:100%}
.iview-video-show .iview-video-container a.iview-video-close{position:absolute;right:10px;top:10px;background:#222;color:#FFF;height:20px;width:20px;text-align:center;line-height:29px;font-size:22px;font-weight:700;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.iview-video-show .iview-video-container a.iview-video-close:hover{background:#444}
#iview-timer span{border-radius:10px;width:10px;height:10px;background-color:#09f;position:absolute;z-index:1;top:14px;left:14px}
.html,.mobile{position:absolute;left:55%;width:400px}
.html h3,.html p,.mobile h3,.mobile p{text-align:center;color:#7e848e;line-height:26px}
.html h3,.mobile h3{font-size:40px;color:#333;margin-top:114px}
.mobile p span{color:#4ac387}

.html p{line-height:40px}
.html .url{width:354px;height:54px;line-height:54px;margin:auto;font-size:18px;text-indent:90px}
.pj-Carousel-box{position:relative;height:auto;overflow:visible;}
.index-content-mobile.left,.index-content-mobile.right{float:left;width:440px;}
.index-content-mobile.left{text-align:left;}
.index-content-mobile.right{position:relative;width:700px;}
#iphone-fade{text-align:center;}
#iphone-fade img{z-index:10;top:0;position:relative;}
.active .iphone-bj-1,.active .iphone-bj-2,.active .iphone-bj-3,.active .iphone-bj-4,.active .iphone-bj-5{position:absolute;top:0;z-index:1;width:100%;display:inline-block;height:100%;left:0;}
.active .quadrangle-Text-2,.active .iphone-font p{animation-name:fadeInUp;animation-duration:2.5s;animation-fill-mode:both;animation-iteration-count:1;}
@keyframes fadeInUp{
	0%{opacity:0;transform:translateY(10px);}
	100%{opacity:1;transform:translateY(0px);}
}
.active .index-content-mobile-ways{animation-name:fadeInUp;animation-duration:3s;animation-fill-mode:both;animation-iteration-count:1;}
.active .index-content-mobile-ways+.index-content-mobile-ways{animation-name:fadeInUp;animation-duration:4s;animation-fill-mode:both;animation-iteration-count:1;}
.iphonedw_bj{background:url('images/mobile_dwbj.png') no-repeat center top;}
.dw-item{margin-top:0px;padding-top:109px;position:relative}
.index-content-mobile{}
.quadrangle{width:50px;height:50px;border-radius:4px;background:url('images/quadrangle.png') no-repeat;float:left;}
.quadrangle-Text{line-height:50px;display:inline-block}
.quadrangle-Text>.slogan{color:#0099ff;}
.quadrangle-Text>.ios-download{color:#444444;font-size:30px;}
.quadrangle-Text-2{font-size:14px;color:#7e848e;line-height:25px;margin-top:20px;margin-right:40px;}
.quadrangle-Text-2>span{color:#5cc791;}
.index-content-mobile-ways{width:570px;float:left;margin:18px auto 24px auto;text-align:center;font-size:14px;position:relative;}
.index-content-mobile-ways+div.index-content-mobile-ways{background:url('images/linebj.png') no-repeat left center;}
.index-content-mobile-ways .text{color:#9b9b9b;font-size:14px;margin:33px 0;}
.index-content-mobile-ways #indexApple,.index-content-mobile-ways #indexAndroid,.index-content-mobile-ways #mobileSportscode{padding:7px;margin-top:25px;background:url('images/codebj.png') center center no-repeat}
#index-content-mobile-ways-hr-1,#index-content-mobile-ways-hr-2{margin-bottom:10px;width:22px;border-top:1px solid #444444;}
.mobile-info{position:absolute;top:110px;font-size:14px;color:#888;}

.index-content-advantage{margin-top:24px;}
.index-content-advantage .advantages{width:30%;float:left;text-align:left;}
.advantages>div{height:77px;}
.advantages-bline{border-bottom:4px solid #eeeeee;}
.advantages-time-box,.advantages div.advantages-time-box{width:300px;margin-top:28px;}
.advantages div.advantages-time-box+div.advantages-time-box{margin-top:67px;}
.advantages-time-font{margin-top:58px;font-weight:400;}
.html-download{text-align:left;width:100%}
.html-download #index-content-mobile-ways-hr-1{margin-left:0}
.iphone-pic{width:399px;height:626px;position:absolute;z-index:5;top:77px;left:20px;background:url('images/mobile_1.png') no-repeat;}
.iphone-font{transform:translateX(20px);background:#7ecbff;width:740px;left:0;height:320px;display:inline-block;position:absolute;z-index:4;box-shadow:0 0 25px 0 rgba(126,203,255,0.5);top:169px;}
.active .iphone-font{animation:fadeInLeft 1s both 1;}
.iphone-font p{width:300px;height:104px;position:absolute;color:#333333;right:123px;top:102px;}
.iphone-font p strong{clear:both;display:inline-block;width:100%;font-size:24px;font-weight:normal;margin:10px 0;}
.iphone-fanye{position:absolute;z-index:10;width:56px;top:353px;right:54px;display:none;visibility:visible}
.iphonenext,.iphoneprev,.iphonenext:hover,.iphoneprev:hover{cursor:pointer;display:inline-block;width:56px;height:56px;background:url('images/iphone-fanye.png') no-repeat -56px 0;margin:10px 0}
.iphoneprev{background-position:-56px -77px;}
.iphonenext:hover{background-position:0 0;}
.iphoneprev:hover{background-position:0 -77px;}
.iphonenextEnd{background-position:0 0;}
.iphoneprevEnd{background-position:-56px -77px;}
.loadings{width:654px;height:654px;position:relative;margin-left:60px;transform:rotateZ(120deg);background:#4e5560;border-radius:50%;box-shadow:inset 0 0 5px rgba(255,255,255,1)}
.loadings .progress{position:absolute;width:642px;height:642px;border-radius:50%;left:6px;top:6px;line-height:642px;text-align:center;background:#fff;box-shadow:none}
.positionleft,.positionright{width:327px;height:654px;overflow:hidden;position:relative;float:left;}
.positionleft{border-radius:654px 0 0 654px;}
.positionright{border-radius:0 654px 654px 0;}
.positionleft:after,.positionright:after{content:"";position:absolute;display:block;width:328px;height:655px;background:#fff;border-radius:654px 0 0 654px;}
.positionright:after{content:"";position:absolute;display:block;border-radius:0 654px 654px 0;}
@keyframes rotateB{
	25%,50%{transform:rotateZ(180deg);}
	75%,100%{transform:rotateZ(360deg);}
}
@keyframes rotateA{
	0%,25%{transform:rotateZ(0deg);}
	50%,75%{transform:rotateZ(180deg);}
	100%{transform:rotateZ(360deg);}
}
.item_oneoff .positionleft:after{animation:rotateA 0s linear 0.5 forwards;transform-origin:right center;}
.item_oneoff .positionright:after{animation:rotateB 0s linear 0.5 forwards;transform-origin:left center;}
.item_oneon .positionleft:after{animation:rotateA 4s linear 0.5 forwards;}
.item_oneon .positionright:after{animation:rotateB 4s linear 0.5 forwards;}
.item-box{width:1190px;}
.item_one,.item_two,.item_three,.item_four{display:inline-block;position:absolute;width:100%;height:690px;overflow:hidden}
.item_one{z-index:3;display:none}
.item_two{z-index:2;display:none}
.item_three{z-index:1;display:none}
.item_one .positionleft,.item_two .positionright,.item_one .positionleft:after,.item_one .positionright:after{background:#84d4ff;}
.item_two .positionleft,.item_two .positionright,.item_two .positionleft:after,.item_two .positionright:after{background:#83e79a;}
.item_two .iphone-font{background:#a5ecc8}
.item_two .iphone-pic{background:url('images/mobile_2.png') no-repeat;}
.item_three .positionleft,.item_three .positionright,.item_three .positionleft:after,.item_three .positionright:after{background:#f9cb98;}
.item_three .iphone-font{background:#f7ca9e}
.item_three .iphone-pic{background:url('images/mobile_3.png') no-repeat;}
.item_four{z-index:4;}
.item_four .iphone-font{background:url('images/mobile_4_bj.png') no-repeat #4e5560;}
.item_four .iphone-pic{background:url('images/mobile_4.png') no-repeat;}
.item_four .iphone-font p{color:#00ffff;}
.item_four .iphone-font p strong{color:#00ffff;font-size:24px;}
#mobileSportscode{text-align:center}
.sec-url{color:#0099ff}