html,body{padding:0;margin:0;height:100%;width:100%;font-family:'microsoft yahei',sans-serif;font-size:16px}
div.nav{height:60px;background-image:url(../images/logo_1440_1.png),url(/webapp/homepage/pc/img7_0/topbanner.png);background-repeat:no-repeat,repeat-x;background-position:207px center,0 top}
div.nav a{display:block;float:right;padding:0 22px;color:#999;border-right:1px solid #999;height:16px;margin-top:22px;line-height:16px;cursor:pointer;text-decoration:none;font-size:12px}
div.nav a.last{margin-right:190px;border-right:0}
div.main{position:fixed;top:60px;left:0;right:0;bottom:105px}
div.main .part{width:100%;height:100%;display:none;background-color:#f6f6f6}
div.main #homepage{overflow:hidden;background-color:#fff}
div.main #homepage .wrap{width:100%;height:600%;background-color:#fff;position:relative;transition:top .3s linear;-webkit-transition:top .3s linear;-moz-transition:top .3s linear;-ms-transition:top .3s linear;-o-transition:top .3s linear;top:0}
div.main #homepage .wrap div{width:100%;height:16.6666666667%;background-size:auto 100%;background-position:center center;background-repeat:no-repeat}
div.main #homepage .wrap div.core{background-image:url(../images/1pc_1.png)}
div.main #homepage .wrap div.info{background-image:url(../images/2pc.png)}
div.main #homepage .wrap div.theme{background-image:url(../images/3pc_1.png)}
div.main #homepage .wrap div.story{background-image:url(../images/4pc_1.png)}
div.main #homepage .wrap div.video{background-image:url(../images/5pc_1.png)}
div.main #homepage .wrap div.fun{background-image:url(../images/6pc_1.png)}
div.main #homepage .pointerwrap{width:14px;margin-bottom:12px;height:144px;position:absolute;right:60px;top:50%}
div.main #homepage .pointerwrap div{width:7px;height:14px;padding-left:50%;margin-bottom:12px;background-color:#e0e0e0;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;position:relative}
div.main #homepage .pointerwrap div span{display:block;width:38px;height:14px;margin-left:-19px;font-size:12px;line-height:14px;text-align:center;color:#fff;display:none;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;position:relative}
div.main #homepage .pointerwrap div.first{margin-top:-72px}
div.main #homepage .pointerwrap .corecolor{background-color:#4b64ec}
div.main #homepage .pointerwrap .infocolor{background-color:#e7585c}
div.main #homepage .pointerwrap .themecolor{background-color:#f9712b}
div.main #homepage .pointerwrap .storycolor{background-color:#40c292}
div.main #homepage .pointerwrap .videocolor{background-color:#2ca9fe}
div.main #homepage .pointerwrap .funcolor{background-color:#f34384}
div.foot{position:fixed;bottom:0;left:0;right:0;height:85px;padding-top:20px;background:#fff;z-index:2;box-shadow:0 -3px 3px rgba(150,150,150,.1);-webkit-box-shadow:0 -3px 3px rgba(150,150,150,.1);-moz-box-shadow:0 -3px 3px rgba(150,150,150,.1);-ms-box-shadow:0 -3px 3px rgba(150,150,150,.1);-o-box-shadow:0 -3px 3px rgba(150,150,150,.1);background:#fff}
div.foot .footwrap{width:173px;height:75px;margin:0 auto}
div.foot .footwrap .os{height:75px;float:left;cursor:pointer}
div.foot .footwrap .android{width:85px;background-image:url(../images/icon_android_1.png)}
div.foot .footwrap .iphone{width:88px;background-image:url(../images/icon_apple_1.png)}
div.foot .footwrap .pad{width:80px;background-image:url(../images/icon_pad_1.png)}
.home .nav .homelink,.theme .nav .themelink,.history .nav .historylink,.about .nav .aboutlink{color:#000}
.home .main #homepage,.theme .main #themepage,.history .main #historypage,.about .main #aboutpage{display:block}
#themepage{padding-top:30px;overflow:auto}
#themepage .themecontainer{width:80%;margin:0 auto;min-width:1020px;background:#fff;margin-bottom:100px}
#themepage .themecontainer .bannercontainer{width:100%;float:left;overflow:hidden;position:relative;margin-bottom:16px;cursor:pointer}
#themepage .themecontainer .bannercontainer .bannerwrap{float:left;width:100%}
#themepage .themecontainer .bannercontainer .bannerimg{width:100%}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem{float:left;min-width:1020px;background-size:100%;width:100%;position:absolute;transition:transform .5s ease-in;-webkit-transition:transform .5s ease-in;-moz-transition:transform .5s ease-in;-ms-transition:transform .5s ease-in;-o-transition:transform .5s ease-in;background-repeat:no-repeat}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(1){transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(2){transform:translate3d(0%,0,0);-webkit-transform:translate3d(0%,0,0);-moz-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(3){transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(4){transform:translate3d(200%,0,0);-webkit-transform:translate3d(200%,0,0);-moz-transform:translate3d(200%,0,0);-ms-transform:translate3d(200%,0,0);-o-transform:translate3d(200%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(5){transform:translate3d(300%,0,0);-webkit-transform:translate3d(300%,0,0);-moz-transform:translate3d(300%,0,0);-ms-transform:translate3d(300%,0,0);-o-transform:translate3d(300%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(6){transform:translate3d(400%,0,0);-webkit-transform:translate3d(400%,0,0);-moz-transform:translate3d(400%,0,0);-ms-transform:translate3d(400%,0,0);-o-transform:translate3d(400%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(7){transform:translate3d(500%,0,0);-webkit-transform:translate3d(500%,0,0);-moz-transform:translate3d(500%,0,0);-ms-transform:translate3d(500%,0,0);-o-transform:translate3d(500%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(8){transform:translate3d(600%,0,0);-webkit-transform:translate3d(600%,0,0);-moz-transform:translate3d(600%,0,0);-ms-transform:translate3d(600%,0,0);-o-transform:translate3d(600%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem:nth-of-type(9){transform:translate3d(700%,0,0);-webkit-transform:translate3d(700%,0,0);-moz-transform:translate3d(700%,0,0);-ms-transform:translate3d(700%,0,0);-o-transform:translate3d(700%,0,0)}
#themepage .themecontainer .bannercontainer .bannerwrap .banneritem img{width:100%}
#themepage .themecontainer .bannercontainer .bannernav{height:24px;position:absolute;left:0;right:0;bottom:0;text-align:center}
#themepage .themecontainer .bannercontainer .bannernav div{height:10px;width:10px;background:#878792;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin:0 4px}
#themepage .themecontainer .bannercontainer .bannernav div.selected{background:#fff}
#themepage .themecontainer .divtheme{width:33.33%;float:left}
#themepage .themecontainer .divtheme .themecontent{border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6}
#themepage .themecontainer .divtheme .norightborder{border-right:0}
#themepage .themecontainer .divtheme .topborder{border-top:1px solid #E6E6E6}
#themepage .themecontainer .divtheme .themecontent{padding-top:13px;cursor:pointer}
#themepage .themecontainer .divtheme .themecontent .themeposter{background-size:100%;background-repeat:no-repeat;margin:0 13px 20px}
#themepage .themecontainer .divtheme .themecontent img{width:100%}
#themepage .themecontainer .divtheme .themecontent .themename{font-size:15px;float:left;text-indent:26px}
#themepage .themecontainer .divtheme .themecontent .themedownloadcount{font-size:12px;margin-left:auto;width:105px;margin-right:17px;text-align:right}
#themepage .themecontainer .divtheme .themecontent .themedownloadcount font{font-size:13px;color:#f33;display:inline-block;transform:translateY(1px);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);-o-transform:translateY(1px)}
#themepage .themecontainer .divtheme .themecontent .themeuploaddate{clear:both;color:#8c8c8c;font-size:11px;text-indent:26px;padding-top:4px;padding-bottom:17px}
#themepage .themebottom{clear:both}
.qrbg{position:fixed;top:60px;left:0;right:0;bottom:111px;background:rgba(150,150,150,.5);display:none;z-index:5;overflow:hidden}
.qrbg .img{position:absolute;top:50%;left:50%;width:319px;height:379px}
.qrbg .img .imgcontainer{position:absolute;top:-50%;left:-50%;width:301px;height:361px;padding:18px;box-shadow:0 0 5px rgba(0,0,0,.5);background-color:#fff}
.qrbg .img .imgcontainer .qrpart{width:282px;height:282px;margin:0 auto}
.qrbg .img .imgcontainer .qrtitle{font-size:23px;text-align:center;color:#000;line-height:100px}
.themecoversources,.themebannersources,.themecoversources img,.themebannersources img,.themedetailsources{display:none}
.themedialogbackground{position:fixed;top:60px;left:0;right:0;bottom:105px;background:rgba(150,150,150,.5)}
.themedialog{position:fixed;width:80%;text-align:center;top:50%;left:50%;z-index:2}
.themedialog .contentwrap{box-shadow:0 0 4px rgba(0,0,0,.5);top:-52px;padding:37px 0 87px;background:#fff;position:relative;top:0;left:-50%}
.themedialog .contentwrap .btnclose{width:24px;height:24px;position:absolute;background:url(../images/close_1.png) no-repeat;top:8px;right:9px;cursor:pointer}
.themedialog .contentwrap .contentimgs{}
.themedialog .contentwrap .contentimgs .imgwrap{display:inline-block;margin-left:2%;width:22%;background-size:100%;background-repeat:no-repeat}
.themedialog .contentwrap .contentimgs img{width:100%}
.themedialog .contentwrap .contentimgs img.last{margin-left:2%;margin-right:2%}
.themedialog .contentwrap .contentname{font-size:19px;position:absolute;left:15px;bottom:41px}
.themedialog .contentwrap .contentcount{font-size:14px;position:absolute;bottom:41px;right:15px}
.themedialog .contentwrap .contentupdatedate{left:15px;font-size:11px;position:absolute;bottom:20px;color:#8c8c8c}
#historypage{overflow:auto;min-width:1020px;background:#fff}
#historypage .systemnav{top:60px;position:fixed;height:123px;left:207px;right:58px;overflow:hidden;background:#fff;z-index:2}
#historypage .systemnav{font-size:13px;border-bottom:1px solid #ccc}
#historypage .systemnav div{height:119px;float:left;margin-right:80px;line-height:201px;padding:0 3px;cursor:pointer}
#historypage .historylist{display:none;margin-top:183px;margin-left:322px;border-left:2px solid #36f;float:left;position:relative;max-width:726px;padding-top:69px}
#historypage.android .systemnav .androidp{border-bottom:4px solid #36f}
#historypage.ios .systemnav .iosp{border-bottom:4px solid #36f}
#historypage.android #androidhistory{display:block}
#historypage.ios #ioshistory{display:block}
#historypage .historylist .headtop{width:22px;height:22px;background-image:url(../images/historypoint_1.png);position:absolute;left:-12px;top:0}
#historypage .historylist label{height:81px;font-size:25px;margin-right:15px;float:left;display:block;vertical-align:bottom;line-height:81px;padding-left:54px;background-image:url(../images/historypoint_1.png);background-repeat:no-repeat;margin-left:-12px;background-position:left center}
#historypage .historylist span{height:81px;font-size:12px;float:left;display:block;vertical-align:bottom;line-height:91px}
#historypage .historylist div.hr{clear:both}
#historypage .historylist div.year{width:75px;height:87px;background:url(../images/bigpointer_1.png);background-repeat:no-repeat;margin-left:-39px;color:#fff;font-size:20px;text-align:center;line-height:83px;position:absolute}
#historypage .historylist ul{display:block;margin:0;padding:0;clear:both;float:left;margin-left:58px;padding-bottom:47px}
#historypage .historylist ul li{font-size:12px;margin:0;padding:0;float:left;width:304px;padding-right:20px;padding-left:10px;background-image:url(../images/blackpointer_1.png);background-repeat:no-repeat;background-position:left center;padding-bottom:6px;list-style:none}
#aboutpage{background:#fff}
#aboutpage .contact{text-align:center;float:left;width:100%}
#aboutpage .media{width:577px;margin:0 auto;cursor:pointer}
#aboutpage .aboutcontent{height:0;overflow:visible;position:relative;top:50%}
#aboutpage .aboutcontent .aboutcontentwrap{position:absolute;width:100%;height:100%;top:-176px}
#aboutpage .aboutcontent .contact{margin-top:10px;margin-bottom:40px;font-size:24px}
#aboutpage .aboutcontent .contact span{font-size:16px;line-height:85px}
#aboutpage .aboutcontent .media div.mediawrap{display:inline-block;margin-right:116px}
#aboutpage .aboutcontent .media div.mediawrap img{width:105px;margin-bottom:44px}
#aboutpage .aboutcontent .media div.mediawrap div{font-size:20px;text-align:center}