html,body {font-size:12px; height: 100%; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "宋体"; margin:0; padding:0; background: #f5f5f5;}
ul,li,img{ margin:0; padding:0; border:0; list-style: none; }
a{ text-decoration: none; color: #000000; cursor: pointer;}
a:hover{ color: red;}
input{ border: 1px solid #cccccc; padding:0 5px; line-height: 22px; height:22px; vertical-align: middle; outline:none;}
select{border: 1px solid #cccccc; line-height: 22px; height: 22px;}
input[readonly]{ background-color: #e0e0e0;}
input[type='file']{ cursor: hand; position: absolute; z-index: 999; top: 0; left: 0; height: 28px; width: 60px; filter:alpha(opacity:0);opacity: 0;}
label{ vertical-align: middle; padding-left: 3px; cursor: pointer}
h1,h2,h3,h4,h5{ padding:0; margin: 0; font-size: 12px;}
p{  margin: 0; padding: 0;}
table{ width: 100%; border: 0; border-spacing: 0;}
textarea{resize:none;vertical-align: top; box-shadow: 0 0 8px #dddddd inset; font-size: 12px; font-family: arial; border: 1px solid #cccccc; color: #5f5f5f; margin: 0; width: 100%; padding:0; line-height: 20px; overflow: auto; }

.container{ height:100%; }
.nav{ height: 32px; line-height: 32px; background-color: #f5f5f5; border-bottom:1px solid #e0e0e0; position: relative; z-index: 99999999; }
.header{ height: 78px; background-color: #fff; border-bottom:1px solid #e0e0e0; box-shadow: 0 2px 5px #eee; position: relative; z-index: 99999; }
.pageview{ }
.banner{ height: 460px; background: #040404 url('images/banner_bg.jpg') no-repeat center center; background-size: cover; position: relative; z-index: 999 }
.contain{ width: 980px; height: 100%; margin: 0 auto;}
.relative{ position: relative; z-index: 999}
.content{ border:1px solid #dfdfdf; border-top:0; border-bottom: 0; overflow: auto; min-height: 400px; width: 980px; padding: 5px; margin: 0 auto; background-color: #fff; box-shadow: 0 0 20px #e4e4e4;}
.m_10{ margin: 10px;}
.ml_15{ margin-left: 15px;}
.mt_20{ margin-top: 20px;}
.warning {color: orange;}
.error {color: red;}

.i_72{width:72px; border-radius:5px;}
.i_41{width:41px; border-radius:3px;}
.i_100{width:100px; border-radius:8px;}
.i_240x360{width:240px; height:360px}


/*mobile*/
#mobile-contain{height: 100%; width: auto; margin: 0 auto;}
#mobile-content{    width: auto;border:1px solid #dfdfdf; border-top:0; border-bottom: 0; overflow: auto; min-height: 400px; padding: 5px; margin: 0 auto; background-color: #fff; box-shadow: 0 0 20px #e4e4e4;}


/*banner*/
.ad{ background: url('images/ad.png') no-repeat center center;}
.ad .options{ position: absolute; right: 10px; bottom: 10px;}
.download_btn{ width: 253px; height: 82px; display:block; background: url('images/download_btn.png') no-repeat left top; cursor: pointer;}
.download_btn:hover{ background-position: 0 -82px;}
.version_info{ color: #fff; text-align: right; line-height: 24px;}
.version_link{ color: #038ad7; cursor: pointer; font-weight: bold;}
.version_link:hover{ color: #00ff00;}

.release_download_btn, .beta_download_btn{ width: 218px; height: 60px; display:block; cursor: pointer; background-color: #d95407;border-radius: 38px; font-size: 24px;color: #fff; text-align: center; padding-top: 14px;}
.release_download_btn {text-shadow: 0px 1px 0px #e5e5e5;}
.release_download_btn > .version_info, .beta_download_btn > .version_info { text-shadow: none; color: #ccc; text-align: center; font-size: 12px;}
.beta_download_btn{ height: 48px; background-color: transparent;    border: dashed 2px #777; margin-top: 6px;font-size: 20px; color: #aaa;}
.beta_download_btn > .version_info { color: #777; text-align: center; font-size: 12px;}
.release_download_btn:hover {color:#fff; background-color: #c94400;}
.beta_download_btn:hover {color:#ddd; }
.beta_download_btn:hover > .version_info {color:#aaa;}


/*顶部nav*/
.navtitle{ float: left;}
.navmenu{ float:left; overflow: auto; line-height: 16px; vertical-align: top; margin-top:8px; }
.navmenu li{ list-style: none; float: left; padding: 0 10px 0 10px;  border-right:1px solid #ccc; cursor: pointer;}
.navmenu li:hover{ color: red;}
.navmenu li:first-child{ padding-left: 5px;}
.navmenu li:last-child{ border-right: 0;}
.navigation_link{ display:block; float: right; height: 32px; line-height: 32px; padding: 0 20px 0 10px; position: relative; border:1px solid #f5f5f5; border-top: 0; border-bottom: 0; background: url('images/pull-down.png') no-repeat right center;}
.navigation_link:hover{ background-color: #fff; border-color: #dddddd; color:#018fb3; background-image: url('images/pull-down_hover.png')}
.navigation_content{ display: none; border:1px solid #dddddd; width: 650px; background-color: #fff; position: absolute; top: 32px; right: 0; z-index: 999999}
.navigation_content>div{ overflow: auto;}
.nav_c_part{ float: left; border-right:1px solid #eeeeee; margin:10px 0 10px 20px; }
.nav_c_part:last-child{ border-right:0;}
.part1{ width: 250px;}
.part2{ width: 250px;}
.part3{ width: 80px;  border-right:0;}
.nav_c_part>h1{ color: #f49b3c; font-size: 16px; font-family: '黑体';}
.nav_c_part>h1.orange{ color: #f49b3c; }
.nav_c_part>h1.green{ color: #26c471; }
.nav_c_part>h1.red{ color: #ed5c55; }
.nav_c_part>ul{ overflow: hidden;}
.nav_c_part>ul li{ float: left; list-style: none; color:#808080; width: 80px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap;}
.nav_c_part>ul li:hover{ color:red}

/*header 菜单*/
.logo{ width: 164px; height: 78px; background: url('images/logo_name.png') no-repeat left center; float: left; background-size: 164px;}
.mainmenu{ float: left; margin:25px 10px 0 50px;}
.mainmenu li{ height: 50px; float: left; list-style: none; font-size: 18px; padding: 0 18px; font-weight: bold; margin-right: 20px; cursor: pointer; position: relative;}
.mainmenu li a{ font-family: '微软雅黑'}
.mainmenu li.current{ border-bottom: 2px solid #00a1eb; }
.mainmenu li.current a, .mainmenu li:hover a{ color: #00a1eb;}
.mainmenu .mainmenu_content{ display: none; position: absolute; left: 0; top: 40px; border:1px solid #ddd; background-color: #fff; clear: both; width: 112px;}
.mainmenu_content li{ border-bottom: 1px solid #eee; height: 30px; line-height: 30px; text-align: center; font-size: 12px; margin: 0; font-weight: normal; float: none; }
.mainmenu_content li.current, .mainmenu_content li:hover{ background-color: #EAF8FF; border-bottom: 1px solid #C0EAFF;}
.mainmenu_content li:last-child{ border-bottom: 0;}

.searchdom{ float: right; margin-top:22px; position: relative;}
.searchdom .searchinput{ width: 230px; height: 34px; border:none; margin: 0; padding: 0 10px; line-height: 34px; background: url('images/search_bg.png') no-repeat left top;}
.search_hot{ display: none; position: absolute; top: 33px; right: 0; width: 230px; padding: 10px; border:1px solid #d6d6d6; background-color: #f9f9f9; z-index: 9999}
.search_hot .title{ color:#aaaaaa;}
.search_hot >ul{ margin-top: 10px;}
.search_hot>ul li{ background-color: #fff; border: 1px solid #d6d6d6; padding: 0 10px; line-height: 24px; float: left; list-style: none; margin: 0 5px 5px 0; cursor: pointer; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap;}
.search_hot>ul li:hover,.search_hot>ul li.current{ background-color: #67CFFF; border-color: #038FB3;}
.searchsubmit {    margin-left: -4px;margin-top: -2px;height: 32px; display:none}

.others_version{ display: none; position: absolute; right: 0; width: 420px; padding: 10px; border:1px solid #d6d6d6; background-color: #f9f9f9; z-index: 9999}
.others_version .title{ color:#aaaaaa;}
.others_version .others_version_close{ font-size: 22px; line-height: .5; position: absolute; top: 14px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer;}
.others_version >ul{ margin-top: 10px;}
.others_version>ul li{ background-color: #fff; border: 1px solid #d6d6d6; padding: 0 10px; line-height: 24px; list-style: none; margin: 0 5px 5px 0; cursor: pointer; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap;}
.others_version>ul li:hover,.others_version>ul li.current{ background-color: #67CFFF; border-color: #038FB3;}
.others_version>ul li.ov_mark1{ background-color: aliceblue;}
.others_version>ul li.ov_mark2{ background-color: cornsilk;}

/*index content 内容*/
.submenu{}
.submenuitem{ overflow: auto; border-bottom:1px dotted #ebebeb; padding: 10px 0}
.submenuitem b{ float: left; height: 28px; width: 65px; line-height: 28px; padding-left: 10px; font-size: 14px; letter-spacing: 5px; color: #fff; display: block; background: url('images/submenu_bg1.jpg') no-repeat left top;}
.submenuitem b.hot{ background-position: 0 0;}
.submenuitem b.new{ background-position: 0 -28px;}
.submenuitem b.must{ background-position: 0 -56px;}
.submenuitem ul{ float: left; margin: 5px 0}
.submenuitem li{ float: left; height: 20px; line-height: 20px; padding: 0 10px; border-right:1px solid #ebebeb; cursor: pointer;}
.submenuitem li:hover{ color:red;}
.submenuitem li:last-child{ border-right:0;}

.webpart{}
.webpart .wp_top{ border-bottom: 1px solid #ebebeb; overflow: hidden;}
.webpart .wp_top .wp_title{ border-bottom: 3px solid #ff9966; float: left; padding: 0 10px; font-size: 14px; font-weight: bold; line-height: 35px; height: 35px; }
.webpart .wp_top.blue{ border-bottom: 0;}
.webpart .wp_top.blue .wp_title{ border-color: #6d96b4;}
.webpart .wp_top>ul{ float: left;}
.webpart .wp_top>ul li{ float: left; padding: 0 10px; margin-right:15px; cursor: pointer; font-size: 14px; font-weight: bold; line-height: 35px; height: 35px; }
.webpart .wp_top>ul li:hover{ color:red;}
.webpart .wp_top>ul li.current{ border-bottom: 3px solid #ff9966;}
.webpart .wp_top .wp_more{ float: right; height: 35px; line-height: 35px; color:#666;}
.webpart .wp_content{ margin: 8px;}
.webpart .wp_content.nomargin{ margin: 0;}
.webpart .wp_content:after{ clear: both;}
.webpart .wp_content >p{ text-indent: 2em; line-height: 24px; color:#666;}
.webpart .wp_content >pre{line-height: 24px; color:#666;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.webpart .wp_content > span{ color:#999; line-height: 30px;}

.index_left{ width: 68%; float: left;}
.index_right{ width: 32%; float: right;}
.index_left.large{ width: 73%;}
.index_right.small{ width: 27%;}
.index_right>div{ clear: both;}

.gamemenu{ }
.gamemenu li{ float: left; margin: 8px; min-width: 167px; position: relative;}
.gamemenu.newapp li{min-width: 225px;}
.gamemenu li>a>img{ float: left}
.gamemenu li>div{ float: left; margin-left: 5px; line-height: 24px; color:#999;}
.gamemenu li h1{ font-size: 14px; color:#333; cursor: pointer;}
.gamemenu li h1:hover{ color:red;}
.gamemenu li h1, .gamemenu li h2, .gamemenu li h3{ font-weight: normal; width: 120px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap;}
.gamemenu.newapp li h1, .gamemenu.newapp li h2, .gamemenu.newapp li h3{width: 148px;}
.gamemenu li h3 span{ line-height: 28px;}
.gamemenu li h3 .toolbar{ display: none;}
.gamemenu li.current .qrcode,.gamemenu li:hover .qrcode{ display: block;}
.gamemenu li.current h3 .toolbar, .gamemenu li:hover h3 .toolbar{ display: block;}
.gamemenu li.current h3 span, .gamemenu li:hover h3 span{ display: none;}
.gamemenu li .qrcode{ display: none; box-shadow: 0 0 5px #ccc; position: absolute; left: 180px; top: -180px; width: 225px; background-color: #fff;z-index: 9999; border:1px solid #ddd; border-radius: 6px;}
.gamemenu li .qrcode.qrleft{left: -230px;}
.gamemenu li .qrcode > h1{ border-bottom: 1px solid #ddd; background-color: #f0f0f0; width: 100%; line-height: 26px; height: 26px;}
.gamemenu li .qrcode > h1 span{ padding-left: 10px;}
.gamemenu li .qrcode > div{ padding: 10px;}
.gamemenu.large li{ margin: 20px 20px 10px 10px;}
.gamemenu.large li h1, .gamemenu.large li h2, .gamemenu.large li h3{ width: 95px;}
.gamemenu.large li>a>div{ line-height: 30px;}
.toolbar .button{ border-radius: 6px; border: none; line-height: 28px; height: 28px; padding: 0 5px; display: inline-block; color:#fff;}
.toolbar .green{ background-color: #5cb85c}
.toolbar .blue{ background-color: #5bc0de}
/*.gamemenu.large li h1, .gamemenu.large li h2, .gamemenu.large li h3{ width: 80px;}*/

.gametypemenu{}
.gametypemenu li{ float: left; width: 130px; height: 54px; margin: 10px 5px; padding:10px; border: 1px solid #e8e8e8; cursor: pointer;}
.gametypemenu li.current{ border-color:#ff892b; background-color: #fd913a; color:#fff; }
.gametypemenu li:hover{ border-color:#05b459; background-color: #1ac269; color:#fff; }
.gametypemenu li.current h1, .gametypemenu li:hover h1{ color:#fff;}
.gametypemenu li.current p, .gametypemenu li:hover p{ color:#fff;}
.gametypemenu li h1{ line-height: 16px; margin-bottom: 10px; color:#5f5f5f; font-weight: normal;}
.gametypemenu li h1 b{ font-size: 14px;}
.gametypemenu li h1 span{ float: right;}
.gametypemenu li p{ vertical-align: bottom; max-height: 26px; color:#aaa;}

.newsmenu{}
.newsmenu li{ background:url('images/li_style1.jpg') no-repeat left center; line-height: 30px; height: 30px; padding-left: 10px; font-size: 14px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap;}

.gameranklist{}
.gameranklist li{ line-height: 48px; overflow: auto; color:#666; margin: 2px 0; padding: 2px 0;}
.gameranklist li:hover{ background-color: #f0f0f0;}
.gameranklist li > *{ display: block; margin: 0 5px;}
.gameranklist li.current img,.gameranklist li:hover img{display: block; margin-top: 5px;}
.gameranklist li.current .gameinfo a,.gameranklist li:hover .gameinfo a{ display: inline-block;}
.gameranklist li.current .gameinfo,.gameranklist li:hover .gameinfo{ line-height: 20px;}
.gameranklist li b{ background-color: #eeeeee; height: 18px; width: 16px; line-height: 18px; text-align: center;  float: left; padding: 0 3px; margin: 12px 5px 0 0; color:#000; border-radius: 4px;}
.gameranklist li img{ vertical-align: middle;  float: left;}
.gameranklist li .gameinfo{ float: left; width: 100px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap;}
.gameranklist li .gameinfo>div{ overflow:hidden; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap;}
.gameranklist li .gameinfo .btn{ display: none; border: 1px solid #60B2D8; color:#60B2D8;  line-height: 26px; padding: 0 10px; height: 26px; border-radius: 6px;}
.gameranklist li .gameinfo .btn a:hover{ border-color: #00ff00; color:#00ff00;}

.gameranklist li i{ float: left; font-style: normal; width: 40px; text-align: center;}
.gameranklist li span{ float: left; width: 50px; text-align: center;}
.gameranklist.small li .gameinfo{ width: 90px;}
.gameranklist.small li i{display: none;}
.gameranklist.small li span{ width: 40px;}

.sliderdom{ position: relative;}
.sliderdom .ctlbtn{ width: 33px; height: 54px;  background: url('images/slide_btn.png') no-repeat left center; position: absolute; top:7px; }
.sliderdom .ctlbtn.leftbtn{ background-position: 0 0; left: 0;}
.sliderdom .ctlbtn.rightbtn{ background-position: 0 -54px; right: 0;}
.leftbtn.largeheight,.rightbtn.largeheight{ top:150px;}
.sildercontent{ margin: 0 40px; overflow: hidden;}
.silderlist{ word-break:keep-all;  white-space:nowrap; height: 87px; width: 2000px; }
.silderlist li{ float: left; margin: 0 20px; cursor: pointer;}
.silderlist li a>*{ display: block;}
.silderlist li a span{ text-align: center; padding: 5px 0;}
.silderlist.large li{ margin: 0 25px;}

/*面包屑*/
.crumbsdom{ overflow:hidden;line-height:1.5; border-bottom:1px solid #ccc; margin-left: 5px;}
.crumbsmenu{  overflow: hidden; margin-left:-30px; padding: 5px 10px 10px;}
.crumbsmenu li{ float: left;}
.crumbsmenu li.current a{ color:#00a1eb}
.crumbsmenu li:before{content:'\3E'; display:inline-block;width:20px;text-align:center;font-size:12px;color:#ccc;font-family:\5b8b\4f53;}

.infomationlist{}
.infomationlist li{ margin:5px 0; padding: 10px 0; border-bottom: 1px dotted #ccc;}
.infomationlist a{ display: block; color:#666;}
.infomationlist a:hover, .infomationlist a:hover h1 b{ color:red;}
.infomationlist h1{ line-height: 40px; font-size: 16px; overflow: hidden;}
.infomationlist h1 b{ color:#333;}
.infomationlist h1 span{ float: right; font-weight: normal; font-size: 12px; }
.infomationlist p{ text-indent: 2em; line-height: 24px; color: gray;}

/*分页*/
.paginationdom{ text-align: center;}
.pagination{ display: inline-block;}
.pagination li{ float: left; width: 30px; height: 24px; border: 1px solid #dddddd; line-height: 24px; background-color: #fff; margin-left: -1px; cursor: pointer;}
.pagination li.current, .pagination li:hover{ background-color: #f0f0f0;}
.pagination li:first-child{ border-radius: 4px 0 0 4px;}
.pagination li:last-child{ border-radius: 0 4px 4px 0;}

/*游戏中心*/
.gamedownbtn{ display: block; color:#038ad7; background-color: #fff; border:1px solid #038ad7; border-radius: 6px; height: 30px; text-align: center; line-height: 28px; padding: 0 10px;}
.gamedownbtn:hover{ border-color:#238e0d; color:#238e0d }
.gamecenter_resinfo{}
.gamecenter_resinfo span{ display: block; text-align: center; font-size: 20px; height: 50px; line-height: 50px; }
.gamecenter_resinfo span b{ color:#fe7200;}
.gamecenter_resinfo p{ font-size: 16px;height: 30px; line-height: 30px; color:#999; font-weight: normal;}

/*详情页*/
.clearfloat{ clear: both;}
.detail_header{ overflow: visible; clear: both;}
.detail_header>img{ float: left;}
.detail_header_right{ float: left;}
.detail_header_right>*{ margin-left: 10px;}
.detail_header h1,.detail_header h2,.detail_header h3{ font-weight: normal; line-height: 30px; font-size: 22px; }
.detail_header h2{ margin:10px 0 10px 10px; overflow: hidden;}
.detail_header h2 span, .detail_header h2 b{ display: block; float: left; color:#5f5f5f; font-weight: normal; line-height: 20px; height: 20px; vertical-align: top;}
.detail_header h2 b{ font-size: 14px; margin-left: 20px;}
.detail_header .star{ display: block;  font-size: 18px; color:#dc4f47; padding-left: 110px; background: url('images/star.jpg') no-repeat left top}
.detail_header .star.count0{ background-position: 0 -100px}
.detail_header .star.count1{ background-position: 0 -80px}
.detail_header .star.count2{ background-position: 0 -60px}
.detail_header .star.count3{ background-position: 0 -40px}
.detail_header .star.count4{ background-position: 0 -20px}
.detail_header .star.count5{ background-position: 0 0}
.pcdownload_btn,.androiddownload_btn{ float: left;height: 40px; line-height: 40px;  display: block;}
.pcdownload_btn{ border: 1px solid #007bb4; color: #007bb4; padding: 0 40px; border-radius: 20px; text-align: center; }
.androiddownload_btn{ font-size: 16px; padding: 0 20px; font-weight: bold; color:#007bb4; position: relative; overflow: visible; }
.qrcontent{ display: none; position: absolute; left: 0; top: -120px; z-index: 999999;}
.qrcontent>.gqrcode>img { left: 150px; top: 0px; position: absolute;    border: #007bb4; border-style: double; border-width: thick;}

.flowlist{ overflow: hidden;}
.flowlist li{ width: 194px; height: 43px; line-height: 43px; float: left; margin-left: -50px; background: url('images/flow_bg.png') no-repeat left top; padding-left: 30px; color:#fff;}
.flowlist li.first-child,.flowlist li:first-child{ margin-left: 0;}
.flowlist li.last-child{ background-image: none!important; width: auto; margin-left: -58px;}
.flowlist li.last-child a{background: #fff; border:3px solid #61a8da; border-radius: 10px; color:#1E74B1; padding: 0 10px; display: block; line-height: 28px; vertical-align: top; margin-top: 5px; text-align: center;}


/*底部导航*/
.footer{ text-align: center;}
.footer>h1{ line-height: 24px; margin: 10px auto 0; font-size: 14px; font-weight: normal;color:#8b9794; display: inline-block;}
.footer>h1>span{ float: left;}
.footer>h1>ul{ float: left;}
.footer>h1>ul li{ float: left; cursor: pointer; margin: 0 5px;}
.footer>h1>ul li a{ color:#8b9794}
.footer>h1>ul li a:hover{ color:red;}
.footer>h2{ line-height: 24px; margin:auto; font-size: 12px; font-weight: normal;color:#8b9794; display: inline-block;}
.footer>h2>span{ float: left;}
.footer>h2>ul{ float: left; margin-left: 10px;}
.footer>h2>ul li{ float: left; cursor: pointer;}
.footer>h2>ul li a{ color:#8b9794; padding: 0 5px; border-right: 1px solid #8b9794}
.footer>h2>ul li a.last-child{ border-right:0;}
.footer>h2>ul li a:hover{ color:red;}

/*图片浏览*/
#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}

#ad {
    z-index: 10000;
    position: fixed;
    left:10%;
    top: 50%;
}

.u-fanli div {z-index: 10000;background-image: url('images/x8.png');width:112px;height:143px;background-position:0% 0%;position:fixed;left:80%;top:50%;    animation:ghostUpdown 1s infinite alternate;-webkit-animation:ghostUpdown 1s infinite alternate;}
.u-fanli div:hover{background-position:100% 0%}
.u-fanli div a {display: inline-block;width:112px;height:143px;}
.u-wasdp div {position:fixed; z-index: 10000;width:216px;height:216px;left:20%;top:50%;    animation:ghostUpdown 1s infinite alternate;-webkit-animation:ghostUpdown 1s infinite alternate;}
.u-wasdp div a {display: inline-block;width:216px;height:216px;}

@media screen and (max-width:1260px){
    .u-fanli {display:none}
    .u-wasdp {display:none}
}
@media screen and (min-width:1269px) and (max-width: 1439px){
    .u-fanli div {left:90%}
    .u-wasdp div {left:10%}
}
@media screen and (min-width:1440px) and (max-width: 1599px){
    .u-fanli div {left:85%}
    .u-wasdp div {left:15%}
}
@media screen and (min-width: 1600px) {
    .u-fanli div {left:80%}
    .u-wasdp div {left:20%}
}

@keyframes ghostUpdown{
    from{margin-top:0px;}
    to{margin-top:30px;}
}
@-webkit-keyframes ghostUpdown{
    from{margin-top:0px;}
    to{margin-top:30px;}
}