body{background:#EEEEEE;}
/* ====== public ======================================================================== */
.selectdown { float:left; width:64px; height:34px; border:1px solid #CCC; position: relative; z-index: 4; cursor:pointer; }
.selectdown:hover { background:#f4f4f4; }
.selectdown > .title { width:100%; height:34px; line-height:34px; text-indent: 10px; }
.selectdown > .arrows { position: absolute; right: 5px; top:50%; margin-top:-15px; width:15px; height:30px; background:url(../images/top_nav_sitemap_arrow.png) no-repeat left -22px; transition: all 0.2s; }
.selectdown > .options { display:none; position:absolute; top:34px; left:-1px; z-index: 4; width:64px; border:1px solid #CCC; }
.selectdown > .options > .list, .selectdown > .options > span { display:block; width:100%; height:32px; line-height:32px; background:#FFF; text-indent:10px; font-size:12px; color:#333; }
.selectdown > .options > span { text-indent:10px; font-size:11px; color:#666; cursor:default; clear:both; }
.selectdown > .options > .list:hover { background:#f2f2f2; }
.selectdown > .options > .list.ing { background:#e6e6e6; }
.selectdown.ing { background:#f4f4f4; }
.selectdown.ing > .options { display: block; }
.selectdown.ing > .arrows { background-position:left 13px; }
.btn { cursor:pointer; }
.ibox { margin:20px auto 0; padding:40px; width:1160px; background:#fff; overflow:hidden }
.jbox { width:1160px; overflow:hidden; position: relative; }
.kbox { width:1200px; overflow:hidden }
.audio_play { background:url(../images/ring_btns.png) left top }
.audio_play.ing { background:url(../images/ring_btn_pause.gif) }
.audio_play:hover { background:url(../images/ring_btns.png) left bottom }
.audio_play.ing:hover { background:url(../images/ring_btn_pause.gif) }
.timeline { position:absolute; bottom:-1px; left:0; width:0; height:1px; overflow:hidden; background:#f79727; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.title { color:#333; }
.back_up { background: url("../images/back_up.png") no-repeat; cursor: pointer; display: block; width: 40px; height: 40px; position: fixed; bottom: -40px; right:40px; z-index: 9; transition: all 0.5s; }
.back_up.ing { bottom:40px; }
.alert { width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/00000050.png) repeat; z-index: 10; }
.alert > .box { position: absolute; left:50%; top:50%; margin-left:-200px; width:320px; padding:30px 40px 70px; border:1px solid #ddd; background:#fff; }
.alert > .box > .content { color:#333; font-size:15px; font-weight: bold; line-height:30px; text-align:center; }
.alert > .box > .close { display:block; position:absolute; left:50%; bottom:20px; margin-left:-50px; width:100px; height:32px; line-height:32px; text-align: center; background:#FFF; border:1px solid #ddd; color:#333; font-size:14px; }
.alert > .box > .close:hover { background:#EEE; }
.download_pc { display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/00000050.png) repeat; z-index: 10; }
.download_pc.ing { display:block; }
.download_pc > .box { width:430px; height:178px; padding:32px 40px 70px 50px; position:absolute; left:50%; top:50%; margin-left:-260px; margin-top:-140px; background:#FFF; }
.download_pc > .box > .small_close { width:22px; height:22px; position:absolute; right:15px; top:15px; display:block; background: url(../images/btnsys_close.png) no-repeat left top; }
.download_pc > .box > .small_close:hover { background-position:left -22px; }
.download_pc > .box > .small_close:active { background-position:left -44px; }
.download_pc > .box > .title { height:30px; line-height:30px; color:#333; font-size:16px; }
.download_pc > .box > p { position: relative; margin-top:18px; font-size:15px; color:#333; line-height:26px; }
.download_pc > .box > .installed { display:block; position: relative; margin-top:30px; padding-left:22px; line-height:24px; color:#666; font-size:12px; }
.download_pc > .box > .installed > i { position: absolute; left:0; top:5px; display:block; width:15px; height:15px; background:url(../images/select_general.png) no-repeat; }
.download_pc > .box > .installed:hover > i { background-position: left -15px; }
.download_pc > .box > .installed:active > i { background-position: left -30px; }
.download_pc > .box > .installed.ing > i { background-position: right top; }
.download_pc > .box > .installed.ing:hover > i { background-position: right -15px; }
.download_pc > .box > .installed.ing:active > i { background-position: right -30px; }
.download_pc > .box > .close, .download_pc > .box > .install { display:block; position:absolute; bottom:35px; width:128px; height:36px; line-height:36px; font-size:14px; text-align:center; }
.download_pc > .box > .close { right:40px; background:#eee; }
.download_pc > .box > .close:hover { background:#ddd; color:#333; }
.download_pc > .box > .install { right:182px; background:#007aff; color:#fff; }
.download_pc > .box > .install:hover { background:#0066dd; }
/* ====== header ========== */
.header_wrap { background:#fff; min-width: 1240px; position:relative; z-index: 4; }
.header { margin:0 auto; width:1160px; height:98px }
.header .logo { display:block; float:left; padding-top:26px; width:200px }
/* nav */
.header nav { float:left; padding-top:38px; height:22px; overflow: hidden; }
.header nav a { display:block; float:left; padding:0 20px; height:22px; line-height:22px; font-size:13px; color:#333 }
.header nav a:hover { color:#999 }
.header nav a.nav_on { font-weight:bold }
/* search */
.header > .search { float:right; padding-top:31px; width:286px; height:67px; position:relative; z-index: 4; }
.header > .search > form > .selectdown { border-right:none; }
.header > .search > form > input { float:left; padding:7px 5px; width:160px; height:20px; line-height:20px; border:1px solid #CCC; background:url(../images/header_search_icon.png) no-repeat 10px 9px; _background:none }
.header > .search > form > input:focus { background:#f8f8f8 }
.header > .search > form > input.on { background:#f8f8f8 }
.header > .search > form > a { display:block; float:left; margin-left:-1px; width:48px; height:34px; border:1px solid #CCC; font-size:12px; line-height:34px; text-align:center; transition:0.2s }
.header > .search > form > a:hover { background:#eee }
/* footer */
.footer { position:relative; background:#fff; clear:both; text-align:center; margin-top:20px; padding-bottom:40px; min-width:1240px; }
.footer_link { padding:25px 0 25px; margin-bottom:40px; border-bottom:1px solid #eee; }
.footer_link a { margin:0 20px; line-height:32px }
.footer_img { margin:0 auto; width:202px; height:50px }
.footer_img a { display:inline; float:left; margin:0 8px }
.footer p { color:#999; clear:both; line-height:40px }
.footer p > a { color:#999; }
.footer p span { margin:0 10px }
.footer ul { color:#999; line-height:25px; margin-top:20px; }
.footer ul li.company-name { color:#666; }
.footer ul li.company-name span { position:relative; }
.footer ul li.company-name span img { width:24px; height:24px; position:absolute; left:-30px; top:50%; margin-top:-12px; }
.footer > .quick_viewing { display:none; position:absolute; left:0; top:-301px; z-index:5; width:100%; height:300px; background:url(../images/ffffff99.png) repeat; }
.footer > .quick_viewing.ing { display:block; }
.footer > .quick_viewing > .jbox { overflow:visible; width:1240px; height:240px; margin:30px auto; }
.footer > .quick_viewing > .jbox > .kbox { overflow:visible; width:1200px; height:240px; padding:0 40px; }
.footer > .quick_viewing > .jbox dl { float:left; width:160px; height:240px; margin-right:40px; }
.footer > .quick_viewing > .jbox dl a { text-align:left; text-indent:5px; font-size:12px; display:block; height:28px; line-height:28px; color:#777; }
.footer > .quick_viewing > .jbox dl a:hover { background:#007aff; color:#FFF; }
.footer > .quick_viewing > .jbox dl > dt > a { font-weight:bold; color:#555; }
.footer .btn_wxapp { position:relative; }
.footer .btn_wxapp > img { display:none; position: absolute; width:120px; top:15px; left:-28px; }
.footer .btn_wxapp:hover > img { display:block; }
/* ====== home ======================================================================== */
/* ====== banner ========== */
.banner { position:relative; width:100%; min-width: 1240px; height:470px; overflow:hidden }
/* banner pc */
.banner_pc { position:absolute; top:0; left:0; width:100%; height:470px; background:#007aff url(../images/banner_img_pc.png) center no-repeat; text-align:center; z-index:2 }
.banner_pc a.download { position:absolute; left:50%; top:288px; z-index:3; margin-left:-100px; width:200px; height:48px; line-height:48px; background:#4da2ff; color:#fff; font-size:16px }
.banner_pc a.download:hover { background:#6eb3ff; color:#fff }
.banner_pc p { position:absolute; z-index:3; left:50%; top:336px; margin-left:-150px; width:300px; line-height:48px; color:#cfe1ff }
.banner_pc p span { color:#5ea3ff }
.banner_pc a.details { position:absolute; left:50%; top:376px; margin-left:-50px; z-index:2; display:block; width:100px; height:30px; line-height:30px; text-decoration: underline; color:#FFF; font-size:14px; }
.banner_pc a.details:hover { text-decoration: none; color:#eee; }
/* banner iOS */
.banner_ios { position:absolute; top:0; left:0; border-top:2px solid #007aff; width:100%; height:468px; background:#fff url(../images/banner_img_ios.png) center no-repeat; text-align:center }
.banner_ios a { position:absolute; left:50%; top:316px; margin-left:-100px; width:200px; height:48px; line-height:48px; background:url(../images/banner_btn_ios.png) top; color:#fff; font-size:16px }
.banner_ios a:hover { background:url(../images/banner_btn_ios.png) bottom; color:#fff }
/* banner btn */
.banner_btn { position:absolute; bottom:30px; left:50%; margin-left:-24px; width:48px; height:12px; z-index:3 }
.banner_btn a { display:inline-block; float:left; margin:0 6px; border:1px solid #fff; border-radius:6px; width:10px; height:10px; overflow:hidden }
.banner_btn .banner_btn_on { border:1px solid #fff; background:#fff }
.banner.banner_t2 .banner_btn a { border:1px solid #007aff }
.banner.banner_t2 .banner_btn .banner_btn_on { border:1px solid #007aff; background:#007aff }
.banner > .btn { width:52px; height:120px; position:absolute; top:50%; margin-top:-60px; background:url(../images/banner_btn_lf.png) no-repeat; z-index:3; }
.banner > .btn.prev { left:50%; margin-left:-620px; background-position:left top; }
.banner > .btn.prev:hover { background-position:left bottom; }
.banner > .btn.next { right:50%; margin-right:-620px; background-position:-52px top; }
.banner > .btn.next:hover { background-position:-52px bottom; }
.banner.banner_t2 > .btn.prev { background-position:-104px top; }
.banner.banner_t2 > .btn.prev:hover { background-position:-104px bottom; }
.banner.banner_t2 > .btn.next { background-position:-156px top; }
.banner.banner_t2 > .btn.next:hover { background-position:-156px bottom; }
/* ====== board ========== */
.board { margin:20px auto 0; padding:28px 40px 40px; width:1160px; background:#fff; overflow:hidden; }
.board h1 { position:relative; padding-bottom:15px; font-size:18px; height:29px; line-height:29px; }
.board_h1_btn { position:absolute; top:0; right:0; width:144px; height:29px; }
.board_h1_btn a { float:left; display:inline; margin-left:4px; border:1px solid #e9e9e9; width:66px; height:27px; background:#f9f9f9; text-align:center; line-height:27px; font-size:12px; color:#999 }
.board_h1_btn a:hover { background:#fff }
a.board_h1_btn_on { border:1px solid #bbb; background:#fff; color:#333 }
.board_h1_link { position:absolute; top:0; right:0; width:1000px; height:29px; text-align:right }
.board_h1_link a { margin-left:20px; font-size:12px; color:#999 }
.board_h1_link a:hover { color:#236ee7 }
/* ====== news ========== */
/* news left */
.board_news_l { float:left; margin-right:40px; width:860px; height:350px }
.board_news_l section { position:relative; width:860px; height:120px }
.board_news_l section > a { display:block; width:140px; height:105px; overflow:hidden; position:relative; }
.board_news_l section > a > img { position:absolute; width:140px; height:105px; left:0; top:0; }
.board_news_l section h2 { position:absolute; left:160px; top:0; width:700px; line-height:40px; font-size:16px }
.board_news_l section p { position:absolute; left:160px; top:44px; width:700px; line-height:25px; font-size:13px; color:#999 }
.board_news_l ul { display:block; float:left; width:410px }
.board_news_l_ul { margin-right:40px }
.board_news_l li { clear:both; height:32px; line-height:32px; vertical-align:top }
.board_news_l li a { display:block; float:left; width:335px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_news_l li time { display:block; float:right; width:75px; text-align:right; color:#aaa }
/* news right */
.board_news_r { float:left; position:relative; width:260px; height:350px; overflow:hidden }
.board_news_r div { width:780px }
.board_news_r section { float:left; width:260px }
.board_news_r section > a { display:block; width:260px; height:208px; overflow:hidden; position:relative; }
.board_news_r section > a > img { width:260px; height:208px; position:absolute; left:0; top:0; }
.board_news_r section h2 { margin-top:26px; _margin-top:23px; width:260px; line-height:32px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.board_news_r section p { display:block; height:75px; line-height:25px; color:#999; overflow:hidden }
/* news right scroll btn */
.board_news_r_btn { display:block; position:absolute; top:215px; left:55px; width:150px; height:24px }
.board_news_r_btn a { float:left; display:inline-block; margin:0 5px; width:40px; height:24px }
.board_news_r_btn a span { display:block; margin-top:12px; width:40px; height:1px; overflow:hidden; background:#ccc }
.board_news_r_btn a:hover span { background:#999 }
a.board_news_r_btn_a span { background:#000 }
/* ====== apps ========== */
/* apps left */
.board_apps_l { float:left; margin-right:40px; width:860px; height:710px }
/* apps left, app list  */
.board_apps { display:none; width:860px; height:400px; overflow:hidden; }
.board_apps.ing { display:block; }
.board_apps h2 { display:block; padding-bottom:12px; border-bottom:1px solid #eee; width:860px; height:30px; _overflow:hidden }
.board_apps h2 a { float:left; display:block; margin:0 50px 0 4px; width:46px; line-height:30px; font-size:14px; text-align:center; color:#999 }
.board_apps h2 a:hover { color:#236ee7 }
.board_apps h2 a.board_apps_h2_tab { padding-bottom:10px; border-bottom:3px solid #007aff; color:#333 }
.board_apps_list { display:none; width:900px; height:345px }
.board_apps_list.ing { display:block; }
.board_apps_list div { position:relative; float:left; margin-right:40px; border-bottom:1px solid #f4f4f4; width:410px; height:88px }
.board_apps_list div img { position:absolute; top:17px; left:0; width:54px; height:54px }
.board_apps_list div h3 { position:absolute; top:17px; left:64px; width:270px; height:15px; line-height:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_apps_list div p { position:absolute; top:35px; left:64px; width:270px; height:19px; line-height:19px; color:#aaa }
.board_apps_list div p.t { top:54px }
.board_apps_list div p span { margin:0 10px; color:#e6e6e6 }
.board_apps_list_btn { position:absolute; top:50%; margin-top:-13px; right:0; width:60px; height:26px; line-height:26px; text-align:center; background:#3d9aff; color:#fff }
.board_apps_list_btn:hover { background:#007aff; color:#fff; }
/* apps left, news list  */
.board_apps_news { width:860px; height:300px; overflow:hidden; padding-top:10px; }
.board_apps_news h2 { position:relative; height:48px; line-height:48px; font-size:14px }
.board_apps_news h2 a { position:absolute; top:0; right:0; width:48px; font-size:12px; color:#999 }
.board_apps_news h2 a:hover { color:#236ee7 }
.board_apps_news_top { width:900px; height:118px }
.board_apps_news_top div { float:left; margin-right:40px; width:410px }
.board_apps_news_top div > a { float:left; margin-right:15px; display:block; width:140px; height:105px; overflow:hidden; position:relative; }
.board_apps_news_top div > a > img { position: absolute; left:0; top:0; width:140px; height:105px }
.board_apps_news_top div h3 { display:block; width:255px; line-height:32px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.board_apps_news_top div p { margin-top:4px; line-height:22px; font-size:12px; color:#999 }
.board_apps_news ul { display:block; float:left; width:410px }
.board_apps_news_ul { margin-right:40px }
.board_apps_news li { clear:both; height:32px; line-height:32px; vertical-align:top }
.board_apps_news_al { display:block; float:left; width:60px; color:#999 }
.board_apps_news_ar { display:block; float:left; width:350px; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
/* apps right, app topic */
.board_apps_r { display:none; float:left; width:260px; height:710px; overflow:hidden }
.board_apps_r.ing { display:block; }
.board_apps_r h2 { position:relative; margin-bottom:12px; line-height:30px; font-size:14px; }
.board_apps_r h2 a { position:absolute; top:0; right:0; width:48px; font-size:12px; color:#999 }
.board_apps_r h2 a:hover { color:#236ee7 }
.board_apps_r section { width:260px; height:227px; line-height:24px }
.board_apps_r section > a { display:block; position: relative; width:260px; height:143px; overflow: hidden; }
.board_apps_r section > a > img { position: absolute; left:0; top:0; width:260px; height:143px; display:block; }
.board_apps_r section > h3 { margin-top:13px; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_apps_r section p { color:#999 }
/* ====== rings ========== */
.board_rings { width:1160px; overflow:hidden }
.board_rings_wrap { width:1200px; overflow:hidden; padding-bottom:10px; }
.board_rings_list { position:relative; float:left; margin-right:40px; border-bottom:1px solid #f4f4f4; width:360px; height:60px; line-height:22px; background:#fff }
.board_rings_list:hover { background:#f9f9f9 }
.board_rings_list .img { display:block; float:left; margin:16px 10px 0 0; width:28px; height:28px; position: relative; }
.board_rings_list .img > img { width:28px; height:28px; position: absolute; left:0; top:0; }
.board_rings_list h3 { display:block; float:left; margin-top:19px; width:198px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_rings_list p { display:block; float:left; margin-top:19px; margin-left:20px; width:40px; color:#999; }
.board_rings_list a { display:block; float:left; margin:19px 0 0 10px; width:22px; height:22px }
.board_rings_list_down { background:url(../images/ring_btns.png) right top }
.board_rings_list_down:hover { background:url(../images/ring_btns.png) right bottom }
/* ====== paper ========== */
.board_paper { width:1160px; overflow:hidden }
.board_paper_wrap { width:1200px; height:598px; overflow:hidden }
.board_paper a { position:relative; display:block; float:left; width:160px; height:280px; }
.board_paper a img { position:absolute; top:0; left:0; width:160px; height:280px; }
/* ====== links ========== */
.board_links { position: relative; margin:20px auto 0; width:1140px; padding-right:20px; height:30px; line-height:30px; overflow:hidden; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.board_links .content { overflow:hidden; }
.board_links p, .board_links a { display:inline; margin-right:20px; white-space:nowrap; }
.board_links p { color:#999 }
.board_links a { color:#666; _position:relative; overflow:hidden }
.board_links a:hover { color:#236ee7; text-decoration:underline }
.board_links .more { position: absolute; right:0; top:5px; width:20px; height:20px; background:url(../images/more.png) no-repeat left top; }
.board_links .more:hover { background-position: left bottom; }
.board_links.ing { height:60px; }
.board_links.ing .more { background-position: right top; }
.board_links.ing .more:hover { background-position: right bottom; }
.nobox { width:100%; height:50px; padding:195px 0 179px; text-align: center; font-size:18px; color:#010101; }
.class_nav { width:100%; min-width: 1240px; height:48px; background:#007aff; position: relative; }
.class_nav .center { position: absolute; top:0; left:50%; }
.class_nav .center a { display:block; width:142px; height:48px; line-height:48px; float:left; text-align:center; color:#b5d8ff; font-size:13px; }
.class_nav .center a:hover { background:#1985fa; color:#FFF; }
.class_nav .center a.nav_on { background:#268eff; color:#FFF; font-weight:bold; }
.class_nav .hierarchy { position:absolute; left:50%; top:0; margin-left:-580px; font-size:12px; color:#66afff; line-height:48px; }
.class_nav .hierarchy a { color:#cbe4ff; }
.class_nav .hierarchy span { padding:0 10px; }
.class_nav .hierarchy strong { color:#fff; font-weight: normal; }
.content_nav { width:100%; height:18px; padding-bottom:17px; border-bottom:1px solid #eee; padding-left:20px; }
.content_nav > a { display:block; width:60px; height:18px; line-height:18px; float:left; color:#999; font-size:14px; margin-right:40px; text-align: center; }
.content_nav > a:hover { color:#236ee7; }
.content_nav > a.nav_on { color:#333; border-bottom:3px solid #007aff; padding-bottom:15px; }
.content_class { padding:10px 20px; overflow: hidden; position: relative; background:#f7f7f7; }
.content_class > .bar { overflow: hidden; padding:5px 0; }
.content_class > .bar > .bar_list { width:1040px; overflow: hidden; }
.content_class > .bar > span, .content_class > .bar > .bar_list > a { float:left; display:block; height:26px; line-height:26px; font-size:12px; }
.content_class > .bar > span { width:80px; }
.content_class > .bar > .bar_list > a { text-align:left; width:60px; }
.content_class > .bar > .bar_list > a.nav_on { color:#007aff; font-weight:bold; }
.paging { width: 100%; height:32px; overflow: hidden; padding:20px 0 30px; clear: both; }
.paging a, .paging span { display:block; float:left; padding:0 17px; height:32px; line-height:32px; margin-right:2px; background:#f2f2f2; }
.paging a { color:#444; }
.paging a:hover { background:#ddd; }
.paging span { color:#BBB; }
.paging a.paging_on { color:#FFF; background:#666; }
.paging .acme { width:70px; padding:0; text-align: center; }
.app { width:410px; height:54px; padding:24px 0; border-bottom:1px solid #f4f4f4; position: relative; float:left; margin-right:40px; font-size:12px; }
.app .app_icon { float:left; margin-right:20px; }
.app .info { float:left; line-height:18px; width:250px; overflow: hidden; }
.app .info > div, .app .info .app_intro { overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.app_icon { display:block; width:54px; height:54px; overflow: hidden; position: relative; }
.app_icon > img { width:54px; height:54px; position: absolute; left:0; top:0; }
.app_title { display:block; font-size:12px; height:18px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.app_downcount, .app_version, .app_size, .app_intro, .app_separate { color:#aaa; font-size:12px; line-height:18px; }
.app_separate { margin:0 12px; color:#e6e6e6; }
.app_install { display:block; width:60px; height:26px; line-height:26px; text-align:center; background:#3d9aff; color:#FFF; position: absolute; right:0; top:50%; margin-top:-13px; }
.app_install:hover { background:#007aff; color:#fff }
.block_lr { overflow: hidden; }
.block_lr > .block_l { width:860px; float:left; margin-right:40px; overflow: hidden; }
.block_lr > .block_r { width:260px; float:right; overflow: hidden; }
.content_block { overflow: hidden; margin-bottom:60px; }
.content_block > .title { position: relative; height:40px; line-height: 40px; color:#333; font-size:16px; border-bottom:1px solid #eee; overflow: hidden; }
.content_block > .title > .btns { position: absolute; right:0; top:50%; margin-top:-13px; }
.content_block > .title > .btns > .btn { display: block; float:left; margin-left:7px; width:60px; height:24px; line-height:24px; font-size:12px; text-align: center; background:#f9f9f9; color:#999; border:1px solid #e9e9e9; }
.content_block > .title > .btns > .btn:hover { color:#666; background:#eee; }
.content_block > .title > .btns > .btn.btn_on { background:#FFF; color:#333; border:1px solid #BBB; }
.content_block > .content { margin-top:25px; line-height:25px; color:#666; font-size:14px; }
.qm { width:260px; position: relative; }
.qm > .title { font-size:14px; height:25px; line-height:25px; overflow: hidden; padding-bottom:10px; position: relative; }
.qm > .title > .more { font-size:12px; color:#999; height:25px; line-height:25px; position:absolute; right:0; top:0; }
.qm > .title > .more:hover { color:#666; }
.qm > .lists { overflow: hidden; }
.qm.special { margin-bottom:20px; }
.qm.special > .lists > .list { margin-bottom:20px; }
.qm.tutorials > .lists > .list { display:block; height:33px; line-height:33px; color:#555; font-size:12px; overflow: hidden; }
.qm.tutorials > .lists > .list > a { display:block; height:33px; line-height:33px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.tutorials > .lists > .list.img { height:90px; margin-bottom:20px; overflow: hidden; }
.qm.tutorials > .lists > .list.img > .img { position: relative; width:120px; height:90px; display:block; float:left; margin-right:15px; }
.qm.tutorials > .lists > .list.img > .img > img { position: absolute; left:0; top:0; width:120px; height:90px; }
.qm.tutorials > .lists > .list.img > .title { width:125px; height:70px; margin:10px 0; overflow: hidden; float:left; font-size:13px; line-height:23px; text-overflow:clip; white-space:normal; }
.qm.similarity_app { margin-bottom:40px; }
.qm.similarity_app > .lists > .list { height:54px; position: relative; margin-bottom:23px; }
.qm.similarity_app > .lists > .list > .app_icon { float:left; margin-right:15px; }
.qm.similarity_app > .lists > .list > .info { width:120px; overflow: hidden; }
.qm.similarity_app > .lists > .list > .info > * { display:block; width:120px; height:18px; line-height:18px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.similarity_app > .lists > .list > .info > .title { width:120px; height:18px; }
.qm.topic { margin-top:35px; }
.qm.topic > .lists > .kbox { width:272px; }
.qm.topic > .lists > .kbox > .list { width:124px; height:30px; float:left; margin-right:12px; margin-bottom:12px; }
.qm.topic > .lists > .kbox > .list > a { display: block; line-height:30px; background:#f4f4f4; color:#666; font-size:12px; text-indent: 8px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.topic > .lists > .kbox > .list > a:hover { background:#ddd; color:#333; }
.pics_transverse { position:absolute; top:355px; width:760px; height: 355px; overflow:hidden; }
.pics_transverse.ing { top:0; }
.pics_transverse .jbox > .kbox { height:355px; overflow:hidden; }
.pics_transverse .jbox > .kbox > img { height:355px; float:left; margin-right:20px; }
.swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1; }
.swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px, 0, 0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px, 0, 0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px, 0, 0); -o-transition-timing-function:ease; -o-transform:translate(0px, 0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px, 0, 0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px, 0, 0); transition-timing-function:ease; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.swiper-scrollbar { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 10px; bottom: 2px; height: 5px; left: 0; position: absolute; width: 100%; z-index: 2; }
.swiper-scrollbar-drag { background: url(../images/00000040.png) repeat; border-radius: 10px; height: 100%; position: relative; width: 100%; }
.special_list { overflow: hidden; width:260px; }
.special_list > a { display: block; }
.special_list > .img { width:260px; height:143px; overflow:hidden; position: relative; }
.special_list > .img > img { position: absolute; left:0; top:0; width:260px; height:143px; }
.special_list > .title, .special_list > .count { height:25px; line-height:25px; font-size:12px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.special_list > .title { margin-top:15px; }
.special_list > .count { color:#999; }
.select { height:38px; z-index: 3; }
.select > div { float:left; height:36px; line-height:36px; border:1px solid #DDD; background:#FFF; color:#333; font-size:12px; }
.select > .label { width:102px; text-align: center; background:#f7f7f7; color:#666; }
.select > .selectdown { width:158px; border-left:none; }
.select > .selectdown > .options { top:36px; width:158px; border:1px solid #ddd; }
.select > .selectdown > .title { height:36px; line-height:36px; }
.select > .ok { margin-left:9px; width:92px; text-align: center; }
.select > .ok:hover { background:#f9f9f9; }
.class_nav.news_class_nav > .center { width:426px; margin-left:-213px; }
.news_list { width:260px; height:368px; padding-bottom:30px; padding-right:40px; overflow: hidden; float:left; position: relative; }
.news_list > a { display: block; }
.news_list .img { width:260px; height:208px; position: relative; overflow: hidden; }
.news_list .img > img { width:260px; height:208px; position: absolute; left:0; top:0; }
.news_list .title { margin-top:15px; height:50px; line-height:25px; font-size:14px; overflow:hidden; }
.news_list .describe { font-size:12px; color:#888; line-height:21px; height:63px; overflow:hidden; margin-top:6px; }
.news_list .info { height:30px; overflow:hidden; }
.news_list .info img { position: absolute; left:0; top:10px; }
.news_list .time, .news_list .view { padding-left:18px; position:relative; height:30px; line-height: 30px; color:#999; }
.news_list .time { float:left; }
.news_list .time.now { color:#ff9900; }
.news_list .view { float:right; }
.transverse_news_list { overflow: hidden; position: relative; padding:20px 0 18px; border-bottom:1px solid #eee; }
.transverse_news_list > .img { width:150px; height:120px; position: absolute; right:0; top:50%; margin-top:-60px; }
.transverse_news_list > .img > img { width:150px; height:120px; position: absolute; left:0; top:0; }
.transverse_news_list > .title { display: block; width:820px; height:36px; line-height:36px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#010101; }
.transverse_news_list > .title:hover { color:#236ee7; }
.transverse_news_list > .describe { display: block; width:820px; height:44px; padding:2px 0; line-height:22px; overflow:hidden; font-size:13px; color:#888; }
.transverse_news_list > .info { width:820px; height:36px; overflow:hidden; padding-top:2px; }
.transverse_news_list > .info img { position: absolute; left:0; top:50%; margin-top:-5px; }
.transverse_news_list > .info > .type, .transverse_news_list > .info > .time, .transverse_news_list > .info > .view, .transverse_news_list > .info > .tags { float:left; margin-right:35px; padding-left:18px; position:relative; height:36px; line-height: 36px; color:#999; font-size:12px; }
.transverse_news_list > .info > .time.now { color:#ff9900; }
.transverse_news_list > .info > .view > img { left:-3px; }
.transverse_news_list > .info > .type, .transverse_news_list > .info > .tags { padding:0; color:#999; margin-right:30px; }
.transverse_news_list > .info > .tags > a { margin-right:2px; background:#F9F9F9; padding:2px 7px; color:#999; }
.transverse_news_list > .info > .tags > a:hover { background:#BBB; color:#FFF; }
.audio_player { width:1px; height:1px; overflow: hidden; position:absolute; top:-10px; }
.wper_player { display: none; position: fixed; left:0; top:0; z-index: 9; width:100%; height:100%; background:url(../images/33333395.png) repeat; }
.wper_player > .bg { position:relative; top:50%; z-index:1; width:1120px; height:700px; padding:40px; margin:-390px auto 0; overflow:hidden; background:#191919; }
.wper_player > .bg > a { display:block; position:absolute; z-index:3; }
.wper_player > .bg > .close { position: absolute; right:30px; top:30px; width:40px; height:40px; background:url(../images/close.png) no-repeat; }
.wper_player > .bg > .close:hover { background-position:left bottom; }
.wper_player > .bg > .loading { position:absolute; left:50%; top:40%; ; margin-left:-15px; margin-top:-15px; z-index:4; }
.wper_player > .bg > .err { display:none; position:absolute; left:50%; top:40%; ; margin-left:-50px; margin-top:-50px; width:100px; font-size:13px; color:#aaa; text-align:center; }
.wper_player > .bg > .err > p { margin-top:10px; }
.wper_player > .bg > .prev, .wper_player > .bg > .next { top:50%; margin-top:-60px; width:52px; height:120px; background-image:url(../images/banner_btn_lf.png); background-repeat:no-repeat; }
.wper_player > .bg > .prev { left:40px; background-position:left top; }
.wper_player > .bg > .prev:hover { background-position:left bottom; }
.wper_player > .bg > .next { right:40px; background-position:-52px top; }
.wper_player > .bg > .next:hover { background-position:-52px bottom; }
.wper_player > .bg > .img { display:none; position:relative; z-index:2; height:480px; margin:0 auto; }
.wper_player > .bg > .info { position: absolute; top:540px; height:40px; line-height:20px; width:1100px; color:#999; font-size:12px; text-align: center; }
.wper_player > .bg > .info > p { height:20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.wper_player > .bg > .info > p > span { color:#666; }
.wper_player > .bg > .download { left:50%; top:600px; margin-left:-81px; width:165px; height:36px; line-height:36px; background:#3d9aff; color:#FFF; font-size:14px; text-align:center; }
.wper_player > .bg > .download:hover { background:#007aff; }
.wper_player > .bg > .thumbnail { position:absolute; left:40px; bottom:40px; width:1120px; height:80px; overflow:hidden; }
.wper_player > .bg > .thumbnail > .kbox { width:500%; position: absolute; left:0; top:0; }
.wper_player > .bg > .thumbnail > .kbox > a { display:block; height:100%; float:left; margin-right:4px; position:relative; }
.wper_player > .bg > .thumbnail > .kbox > a > i { position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #e9e9e9; box-sizing: border-box; }
.wper_player > .bg > .thumbnail > .kbox > a > img { height:80px; }
.wper_player > .bg > .thumbnail > .kbox > a.ing > i { border:3px solid #007aff; }
.wper_player > .bg > .qrcode { display:none; position: absolute; left:40px; top:40px; width:100px; }
.wper_player > .bg > .qrcode > .code { background:#FFF; width:100px; height:100px; margin:auto; }
.wper_player > .bg > .qrcode > p { margin-top:10px; line-height:20px; font-size:12px; color:#999; text-align: center; }
.wper_player.ing { display:block; }
.wper_player.big > .bg { height:980px; padding:50px; margin-top:-540px; width:1100px; }
.wper_player.big > .bg > .img { height:720px; }
.wper_player.big > .bg > .info { top:790px; }
.wper_player.big > .bg > .download { top:850px; }
.wper_player.big > .bg > .thumbnail { height:120px; left:50px; bottom:50px; width:1100px; }
.wper_player.big > .bg > .thumbnail > .kbox > a > img { height:120px; }
.wper_player.big > .bg > .prev { left:50px; }
.wper_player.big > .bg > .next { right:50px; }
.wper_player.big > .bg > .close { right:40px; top:40px; }
.wper_player.big > .bg > .qrcode { left:50px; top:50px; }
.wper_player.small > .bg { height:560px; padding:30px; margin-top:-310px; width:900px; }
.wper_player.small > .bg > .img { height:360px; }
.wper_player.small > .bg > .info { top:410px; width:900px; }
.wper_player.small > .bg > .download { top:470px; }
.wper_player.small > .bg > .thumbnail { height:60px; left:30px; bottom:30px; width:900px; }
.wper_player.small > .bg > .thumbnail > .kbox > a > img { height:60px; }
.wper_player.small > .bg > .prev { left:30px; }
.wper_player.small > .bg > .next { right:30px; }
.wper_player.small > .bg > .close { right:20px; top:20px; }
.wper_player.small > .bg > .qrcode { left:30px; top:30px; }
 @media screen and (min-height:1100px) {
 .wper_player > .bg {
height:980px;
padding:50px;
margin-top:-540px;
width:1100px;
}
 .wper_player > .bg > .img {
height:720px;
}
 .wper_player > .bg > .info {
top:790px;
}
 .wper_player > .bg > .download {
top:850px;
}
 .wper_player > .bg > .thumbnail {
height:120px;
left:50px;
bottom:50px;
width:1100px;
}
 .wper_player > .bg > .thumbnail > .kbox > a > img {
height:120px;
}
 .wper_player > .bg > .prev {
left:50px;
}
 .wper_player > .bg > .next {
right:50px;
}
 .wper_player > .bg > .close {
right:40px;
top:40px;
}
 .wper_player > .bg > .qrcode {
left:50px;
top:50px;
}
}
@media screen and (max-height:800px) {
 .wper_player > .bg {
height:560px;
padding:30px;
margin-top:-310px;
width:900px;
}
 .wper_player > .bg > .img {
height:360px;
}
 .wper_player > .bg > .info {
top:410px;
width:900px;
}
 .wper_player > .bg > .download {
top:470px;
}
 .wper_player > .bg > .thumbnail {
height:60px;
left:30px;
bottom:30px;
width:900px;
}
 .wper_player > .bg > .thumbnail > .kbox > a > img {
height:60px;
}
 .wper_player > .bg > .prev {
left:30px;
}
 .wper_player > .bg > .next {
right:30px;
}
 .wper_player > .bg > .close {
right:20px;
top:20px;
}
 .wper_player > .bg > .qrcode {
left:30px;
top:30px;
}
}
#news .paging { padding-top:0; padding-bottom:20px; }
#games .kbox { margin-top:30px; }
#games .kbox > .news_list { height:355px; }
#games .kbox > .news_list > .describe { height:42px; }
#games .kbox > .news_list > .img { height:195px; }
#games .kbox > .news_list > .img > img { width:260px; height:195px; }
#games .paging { padding-top:10px; padding-bottom:20px; }
#i4news .news_list { width:560px; height:258px; }
#i4news .news_list > .img { width:560px; height:168px; }
#i4news .news_list > .img > img { width:560px; height:168px; }
#i4news .news_list > .title { width:480px; margin:0; line-height:50px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#i4news .news_list > .describe { line-height:20px; height:40px; }
#i4news .news_list > .time { position: absolute; right:40px; top:180px; }
#i4news .paging { padding-top:0px; padding-bottom:20px; }
.class_nav.resource_class_nav .center { width:568px; margin-left:-284px; }
#apps .block_lr { margin-top:32px; }
#apps .content_nav { padding-left:4px; }
#apps .content_nav > a { width:46px; }
#apps .kbox { width:900px; }
#apps .paging { padding-top:30px; padding-bottom:20px; }
#apps .device { overflow:hidden; }
#apps .device > a { display:block; float:left; margin-right:10px; width:86px; height:31px; line-height:31px; text-align:center; background:#f9f9f9; font-size:12px; color:#999; border:1px solid #e9e9e9; }
#apps .device > a:hover { color:#666; background:#eee; }
#apps .device > a.ing { border:1px solid #bbb; background:#FFF; color:#333; }
.class { padding:13px 10px; background:#f7f7f7; overflow:hidden; }
.class > a { display:inline-block; padding:0 15px; margin-right:5px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#666; }
.class > a:hover { color:#999; }
.class > a.nav_on { color:#007aff; font-weight:bold; }
#app_detail { width:1080px; padding:70px 80px; }
#app_detail .jbox { width:1080px; }
#app_detail .block_l { width:760px; margin-right:60px; }
#app_detail .block_l .info { overflow: hidden; margin-bottom:35px; }
#app_detail .block_l .info .info_l { width:175px; float:left; margin-right:25px; }
#app_detail .block_l .info .info_l .icon { width:175px; height:175px; position: relative; }
#app_detail .block_l .info .info_l .icon img { position: absolute; left:0; top:0; }
#app_detail .block_l .info .info_l .install { display:block; margin:30px auto 0; width:165px; height:36px; line-height:36px; text-align: center; background:#007aff; color:#FFF; }
#app_detail .block_l .info .info_l .install:hover { background:#0066dd; color:#FFF; }
#app_detail .block_l .info .info_r { float:right; width:560px; }
#app_detail .block_l .info .info_r .title { height:z65px; padding-bottom:15px; border-bottom:1px solid #eee; }
#app_detail .block_l .info .info_r .title .h1 { font-size:22px; color:#333; line-height:30px; }
#app_detail .block_l .info .info_r .title .h3 { font-size:16px; color:#666; line-height:35px; }
#app_detail .block_l .info .info_r .d { margin-top:15px; line-height:30px; color:#999; font-size:12px; }
#app_detail .block_l .info .info_r .d span { color:#666; }
#app_detail .block_l .info .info_r .d > div { height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#app_detail .block_l .info .info_r .d > .version, #app_detail .block_l .info .info_r .d > .size, #app_detail .block_l .info .info_r .d > .type { width:215px; float:left; }
#app_detail .block_l .info .info_r .d > .udate, #app_detail .block_l .info .info_r .d > .downcount, #app_detail .block_l .info .info_r .d > .language { width:345px; float:left; }
#app_detail .block_l .info .info_r .d > .author, #app_detail .block_l .info .info_r .d > .system { clear: both; }
#app_detail .pics > .content { width:760px; height:355px; overflow:hidden; position:relative; }
#special { padding-top:35px; }
#special .content_block { margin-bottom:0px; }
#special .content_block > .title { font-size:18px; color:#333; border:none; height:36px; line-height:36px; }
#special .content_block > .content { margin-top:15px; }
#special .content_block > .content .list { margin-bottom:35px; margin-right:40px; float:left; }
#special .paging { padding-bottom:20px; padding-top:0; }
#special_detail { padding:95px 190px 108px; width:860px; }
#special_detail > .jbox { width:860px; }
#special_detail > .jbox > .title { text-align: center; font-size:24px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; color:#010101; overflow:hidden; }
#special_detail > .jbox > .title > p { line-height:45px; font-size:14px; color:#999; }
#special_detail > .jbox > .title > img { width:860px; height:167px; margin:15px 0; }
#special_detail > .jbox > .kbox { width:900px; border-top:1px solid #f4f4f4; margin-top:20px; }
#rings .content_class > .bar > .bar_list > a { width:auto; margin-right:40px; }
#rings .content_nav { margin-top:25px; padding-left:4px; }
#rings .content_nav > a { width:46px; margin-right:55px; }
#rings .paging { padding-top:30px; padding-bottom:20px; }
.ring_list { position: relative; width:560px; height:28px; padding:26px 0 25px; float:left; margin-right:40px; border-bottom:1px solid #f4f4f4; }
.ring_list > div { position: absolute; top:26px; height:28px; line-height:28px; font-size:12px; color:#999; }
.ring_list > .img { left:10px; width:28px; }
.ring_list > .img > img { width:28px; height:28px; position: absolute; left:0; top:0; }
.ring_list > .title { left:53px; width: 300px; overflow:hidden; color:#333; text-overflow:ellipsis; white-space:nowrap; }
.ring_list > .downcount { left:353px; width:50px; text-align: right; }
.ring_list > .longtime { left:432px; width:35px; text-align:right; }
.ring_list > .audio_play { left:496px; top:29px; width:22px; height:22px; }
.ring_list > .audio_play:hover { background-position: left bottom; }
.ring_list > .download { left:528px; top:29px; width:22px; height:22px; background:url(../images/ring_btns.png) right top no-repeat; }
.ring_list > .download:hover { background-position: right bottom; }
#wper > .jbox { position: relative; }
#wper > .jbox > .kbox { margin-top:30px; min-height:300px; overflow: hidden; }
#wper .content_class > .bar > .bar_list > a { width:auto; margin-right:40px; }
#wper .content_nav { position: relative; z-index:3; margin-top:25px; padding-left:4px; }
#wper .content_nav > a { width:46px; margin-right:55px; }
#wper .paging { padding-top:0; padding-bottom:20px; }
#wper .select { position: absolute; right:4px; top:-7px; height:32px; }
#wper .select > div { height:30px; line-height:30px; }
#wper .select > .selectdown > .title { height:30px; line-height:30px; }
#wper .select > .selectdown > .options { top:30px; }
.wper_play { display:block; float:left; padding-right:40px; padding-bottom:40px; }
.wper_play > a { display:block; width:160px; height:284px; position: relative; }
.wper_play > a > img { width:160px; height:284px; position: absolute; left:0; top:0; }
.wper_play > .err { width:100px; height:100px; left:50%; top:50%; margin-left:-50px; margin-top:-50px; }
.wper_play.ipad { height:160px; }
.wper_play.ipad > a { height:160px; }
.wper_play.ipad > a > img { height:160px; }
.wper_play.ipad > a { height:240px; }
.wper_play.iphone4 { height:240px; }
.wper_play.iphone4 > a > img { height:240px; }
.wper_play.iphonex { height:346.5px; }
.wper_play.iphonex > a > img { height:346.5px; }
#wper_detail { display:block; background:none; }
#wper_detail > .bg { background:#fff; }
#wper_detail > .bg > .close { background-position:right top; }
#wper_detail > .bg > .close:hover { background-position:right bottom; }
#wper_detail > .bg > .prev { background-position:-104px top; }
#wper_detail > .bg > .prev:hover { background-position:-104px bottom; }
#wper_detail > .bg > .next { background-position:-156px top; }
#wper_detail > .bg > .next:hover { background-position:-156px bottom; }
.class_nav.tutorials_class_nav > .center { width:568px; margin-left:-284px; }
#tutorials { padding:70px 115px 60px; width:1010px; }
#tutorials .jbox { width:1010px; }
#tutorials .jbox > .lists { margin-top:10px; min-height:500px; }
#tutorials .select > .label { width:120px; }
#tutorials .select > .selectdown { width:200px; }
#tutorials .select > .selectdown > .options { width:200px; }
#tutorials .select > .selectdown > .options { width:645px; background:#FFF; padding:25px 15px 20px 20px; }
#tutorials .select > .selectdown > .options > .list { display:block; float:left; width:100px; text-align:left; background:#f6f6f6; margin-right:5px; margin-bottom:5px; height:30px; line-height:30px; color:#333; }
#tutorials .select > .selectdown > .options > .list:hover { background:#e6e6e6; }
#tutorials .select > .selectdown > .options > .list.ing { background:#e3e3e3; color:#333; }
#tutorials .select > .selectdown > .options > span { text-indent:0; font-weight:bold; color:#333; }
#tutorials .paging { padding-top:30px; padding-bottom:0px; }
#tutorials.i4_tutorials, #tutorials.skill_tutorials { padding-top:50px; }
#jailbreak { padding:70px 115px; width:1010px; }
#jailbreak .jbox { width:1010px; }
#jailbreak .paging { padding-top:46px; padding-bottom:20px; }
.class_nav.search_class_nav > .center { width:142px; margin-left:-71px; }
#search { padding-bottom:60px; }
#search > .jbox { min-height: 500px; }
#search .search_info { height:50px; font-size:13px; color:#999; border-bottom:2px solid #eee; line-height:50px; }
#search .search_info > span { color:#333; }
#search .paging { padding-top:30px; padding-bottom:0px; }
#search .search_suggest { line-height:28px; color:#666; padding-bottom:72px; }
#search .search_suggest strong { font-size:14px; color:#010101; }
#search.news { padding:52px 115px 60px; width:1010px; }
#search.news > .jbox { width:1010px; }
#search .app { width:360px; }
#search .app > .info { width: 220px; }
#search.wpers .bar > .bar_list a { width:auto; padding:0 15px; margin-right:10px; }
#search.wpers .nodata { display:none; margin-top:70px; height:40px; line-height:40px; color:#333; font-size:14px; font-weight:bold; text-align:center; }
#search.wpers .paging { padding-top:0; }
#search.wpers > .jbox > .kbox { padding-top:30px; }
#search.wpers > .jbox > .select { position: absolute; right:0; top:0; }
#search.wpers > .jbox > .lists > .other { padding:0 100px; }
#search.wpers > .jbox > .lists > .other > .title { font-size:14px; color:#333; }
#search.wpers > .jbox > .lists > .other > .kbox { margin-top:20px; width:1000px; }
#news_detail { padding:80px 90px; width:1060px; }
#news_detail .jbox { width:1060px; }
#news_detail .jbox .block_l { width:760px; }
#news_detail .jbox .block_l > .title { width:760px; line-height:50px; font-size:24px; color:#010101; text-align: center; }
#news_detail .jbox .block_l > .info { width:760px; height:30px; overflow:hidden; text-align: center; }
#news_detail .jbox .block_l > .info img { position: absolute; left:0; top:2px; }
#news_detail .jbox .block_l > .info > .source, #news_detail .jbox .block_l > .info > .time, #news_detail .jbox .block_l > .info > .view { display:inline; margin-right:40px; padding-left:18px; position:relative; color:#999; }
#news_detail .jbox .block_l > .info > .time.now { color:#ff9900; }
#news_detail .jbox .block_l > .info > .source { margin-right:0; }
#news_detail .jbox .block_l > .content { margin-top:40px; font-size:14px; color:#333; }
#news_detail .jbox .block_l > .content img { display: inline; max-width: 760px; }
#news_detail .jbox .block_l > .tags { margin-top:50px; font-size:14px; font-weight:bold; }
#news_detail .jbox .block_l > .tags > a { margin-right:3px; margin-bottom:5px; font-weight:400; background:#F9F9F9; color:#999; font-size:14px; padding:3px 10px; }
#news_detail .jbox .block_l > .tags > a:hover { background:#BBB; color:#FFF; }
#news_detail .jbox .block_l > .share { padding-top:70px; }
#news_detail .jbox .block_l > .similarity { padding-top:90px; }
#news_detail .jbox .block_l > .similarity > .title { font-size:18px; color:#333; padding-bottom:12px; }
#news_detail .jbox .block_l > .similarity > .content { margin-top:18px; }
#news_detail .jbox .block_l > .similarity > .content > a { display:block; float:left; width:325px; height:32px; line-height:32px; color:#666; font-size:13px; margin-right:55px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#news_detail .jbox .block_l > .similarity > .content > a:hover { color:#236ee7; }
#news_detail .jbox .block_r > .tutorials { margin-top:8px; }
.class_nav.pro_class_nav > .center { width:480px; margin-left:-240px; }
.class_nav.pro_class_nav > .center > a { width:170px; padding-left:70px; position:relative; text-align:left; }
.class_nav.pro_class_nav > .center > a > img { position:absolute; left:30px; top:10px; opacity: 0.8; }
.class_nav.pro_class_nav > .center > a.nav_on { font-weight:bold; }
.class_nav.pro_class_nav > .center > a.nav_on > img { opacity: 1; }
.class_nav.pro_class_nav > .center > span { display:block; text-align:center; font-size:16px; color:#FFF; line-height:48px; }
.infobox { left:-1000px; opacity: 0; position:absolute; z-index:2; top:682px; padding:40px 0; background:#FFF; border:2px solid #e6e6e6; /*transition: opacity 0.5s;*/ }
.infobox.ing { opacity: 1; left:50%; }
.infobox > .content { width:360px; position: relative; overflow: hidden; float:left; padding-right:30px; margin-left:40px; }
.infobox > .content > img { float:left; }
.infobox > .content > .info { position: absolute; left: 82px; }
.infobox > .content > .info > .title { font-size:14px; color:#333; line-height:21px; }
.infobox > .content > .info > .title > span { color:#ff5050; font-size:12px; }
.infobox > .content > .info > .vsd { color:#666; font-size:12px; line-height:21px; }
.infobox > .content > .info > .vsd > span { color:#ddd; }
.infobox > .content > .info > a { color:#236ee7; font-size:12px; line-height:21px; }
.infobox > .content > .info > a:hover { color:#333; text-decoration:underline; }
.infobox > img { position: absolute; top:-14px; }
.infobox.v6info, .infobox.v5info { width:400px; }
.infobox.v6info > img, .infobox.v5info > img { left:185px; }
.infobox.v6info > .content, .infobox.v5info > .content { width:330px; }
.infobox.v6info { margin-left:-245px; }
.infobox.v5info { margin-left:-200px; }
.infobox.itunesinfo { width:860px; margin-left:-345px; }
.infobox.itunesinfo > img { left:500px; }
.infobox.itunesinfo > .line { width:720px; margin:auto; height:1px; border-bottom:1px solid #eee; clear:both; padding-top:25px; }
.infobox.itunesinfo > .xp_x86, .infobox.itunesinfo > .xp_x64 { margin-top:25px; }
.infobox.itunesinfo > .x86, .infobox.itunesinfo > .xp_x86 { border-right:1px solid #eee; width:359px; }
#pro { padding:0; width:1240px; background:#eee; overflow:hidden; position: relative; }
#pro > section { background:#FFF; text-align:center; overflow:hidden; padding:80px 0; position:relative; }
#pro > section > .title { font-size:36px; color:#333; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro > section > .describe { font-size:16px; color:#666; line-height:30px; margin-top:20px; }
#pro > section > .img { margin:auto; }
#pro > section > .img.name { margin-top:28px; }
#pro > section > .img.describe { margin-top:45px; }
#pro > section > .btn { position:absolute; top:370px; display:block; width:160px; height:40px; line-height:40px; text-align:center; background:#eee; color:#333; font-size:13px; }
#pro > section > .btn:hover { background:#e3e3e3; }
#pro > section > .btn.download, #pro > section > .btn.install { left:50%; margin-left:-170px; }
#pro > section > .btn.view_describe { right:50%; margin-right:-170px; }
#pro > section > .vds { margin-top:82px; font-size:12px; color:#888; line-height:50px; }
#pro > section > .vds > span { color:#ddd; }
#pro > section.pc { padding-bottom:50px; }
#pro > section.pc > .about { margin: 30px auto 0; overflow:hidden; width:460px; }
#pro > section.pc > .about > a { float:left; padding:0 20px 30px; text-decoration:underline; color:#666; font-size:12px; }
#pro > section.pc > .about > a:hover { color:#007aff; }
#pro > section.ios { margin-top:20px; padding-bottom:100px; padding-top:110px; }
#pro > section.ios > .img.name { margin-top:31px; }
#pro > section.ios > .img.describe { margin-top:45px; }
#pro > section.ios > .btn { top:400px; }
#pro > section.ios > .vds { margin-top:82px; }
#pro > .infobox { top:530px; }
#pro_pc { width:100%; min-width:1240px; overflow:hidden; position: relative; background:#f7f7f7; }
#pro_pc > section { text-align:center; overflow:hidden; }
#pro_pc > section > .title { font-size:36px; color:#333; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_pc > section > .describe { font-size:16px; color:#666; line-height:30px; margin-top:20px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_pc > .info, #pro_pc > .resource { background:#fff; }
#pro_pc > .info { overflow:hidden; padding:90px 0 60px; }
#pro_pc > .info > .img { margin:auto; }
#pro_pc > .info > .img.name { margin-top:28px; }
#pro_pc > .info > .img.describe { margin-top:32px; }
#pro_pc > .info > .av { width:500px; margin:40px auto 0; overflow:hidden; }
#pro_pc > .info > .av > .list { width:100px; float:left; }
#pro_pc > .info > .av > .list > img { margin:auto; }
#pro_pc > .info > .av > .list > p { height:35px; line-height:35px; text-align:center; font-size:11px; color:#999; }
#pro_pc > .info > .download { display:block; margin:auto; width:200px; height:46px; line-height:46px; text-align:center; color:#FFF; background:#007aff; margin-top:34px; font-size:16px; }
#pro_pc > .info > .download:hover { background:#268eff; }
#pro_pc > .info > .vds { font-size:12px; color:#888; line-height:50px; }
#pro_pc > .info > .vds > span { color:#ddd; }
#pro_pc > .info > .about { margin: 45px auto 0; overflow:hidden; width:460px; }
#pro_pc > .info > .about > a { float:left; padding:0 20px 30px; text-decoration:underline; color:#666; font-size:12px; }
#pro_pc > .info > .about > a:hover { color:#007aff; }
#pro_pc > .func { overflow:hidden; padding:110px 0 108px; }
#pro_pc > .func > .describe { margin-top:16px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_pc > .func > .lists { width:900px; margin:auto; overflow:hidden; margin-top:35px; }
#pro_pc > .func > .lists > .list { display:block; width:60px; padding:15px 20px; float:left; transition: all 0.3s; }
#pro_pc > .func > .lists > .list:hover { background:#eee; color:#333; }
#pro_pc > .func > .lists > .list > img { width:60px; height:60px; display:block; }
#pro_pc > .func > .lists > .list > span { display:block; padding-top:10px; }
#pro_pc > .resource { padding:112px 0 410px; position:relative; overflow:hidden; }
#pro_pc > .resource .describe { margin-top:5px; }
#pro_pc > .resource > img { position:absolute; left:50%; margin-left:-1000px; top:221px; }
#pro_pc > .device { padding:101px 0 550px; position:relative; }
#pro_pc > .device .describe { margin-top:5px; }
#pro_pc > .device > img { position:absolute; top:329px; left:50%; margin-left:-291px; }
#pro_pc > .tools { padding:110px 0 90px; margin-top:-73px; position:relative; z-index:2; }
#pro_pc > .tools > * { position: relative; z-index: 2; }
#pro_pc > .tools > .bg { position: absolute; left:0; top:0; z-index: 1; width:100%; height:200%; background:#fff; opacity: 0.7; }
#pro_pc > .tools > .describe { margin-top:5px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_pc > .tools > .lists { overflow:hidden; width:980px; overflow:hidden; margin:60px auto 0; }
#pro_pc > .tools > .lists > .list { width:130px; height:130px; float:left; margin:0 33px 20px; font-size:12px; color:#666; transition: all 0.3s; }
#pro_pc > .tools > .lists > .list:hover { background:#f2f2f2; }
#pro_pc > .tools > .lists > .list > img { margin:20px auto 0; }
#pro_pc > .tools > .lists > .list > span { padding-top:8px; display:block; }
#pro_ios { width:100%; min-width:1240px; overflow:hidden; }
#pro_ios > section { background:#FFF; text-align:center; overflow:hidden; }
#pro_ios > section > .title { font-size:36px; color:#333; font-family: 'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_ios > section > .describe { font-size:16px; color:#666; line-height:30px; margin-top:20px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_ios > .info { padding:130px 0 513px; overflow:hidden; position:relative; }
#pro_ios > .info > img { margin:auto; }
#pro_ios > .info > img.name { margin-top:30px; }
#pro_ios > .info > img.describe { margin-top: 30px; }
#pro_ios > .info > .install { display:block; margin:auto; width:160px; height:46px; line-height:46px; text-align:center; color:#FFF; background:#007aff; margin-top:53px; font-size:14px; }
#pro_ios > .info > .install:hover { background:#268eff; }
#pro_ios > .info > .vds { font-size:12px; color:#999; line-height:50px; }
#pro_ios > .info > .vds > span { color:#ddd; margin:0 7px; }
#pro_ios > .info > div.describe { margin-top:123px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_ios > .info > div.describe > p { font-size:22px; color:#666; line-height:40px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_ios > .info > div.describe > .mt { margin-top:-5px; }
#pro_ios > .info > .lists { width:720px; margin:auto; overflow:hidden; margin-top:40px; }
#pro_ios > .info > .lists > .list { width:120px; text-align:center; overflow:hidden; float:left; }
#pro_ios > .info > .lists > .list > img { margin:auto; display:block; width:60px; height:60px; }
#pro_ios > .info > .lists > .list > span { display:block; text-align:center; font-size:12px; color:#666; margin-top:7px; }
#pro_ios > .info > .apps { position:absolute; left:50%; top:949px; margin-left:-1000px; }
#pro_ios > .download { padding:123px 0 117px; background:#F7F7F7; }
#pro_ios > .download > .title { font-size:30px; }
#pro_ios > .download > .downloadpc { display:block; margin:auto; width:200px; height:46px; line-height:46px; text-align:center; color:#FFF; background:#007aff; margin-top:33px; font-size:14px; }
#pro_ios > .download > .downloadpc:hover { background:#268eff; }
#pro_ios > .download > img { margin:30px auto 0; }
#updatelog { padding:80px 100px; width:960px; margin-bottom:15px; }
#updatelog > .jbox { width:960px; }
#updatelog > .jbox > .title { overflow:hidden; }
#updatelog > .jbox > .lists { width:770px; padding-top:37px; margin-top:26px; margin-left:147px; border-left:1px solid #ddd; }
#updatelog > .jbox > .lists > .list { border-top:1px solid #eee; position:relative; padding-left:30px; padding-bottom:50px; }
#updatelog > .jbox > .lists > .list.last { padding-bottom:10px; }
#updatelog > .jbox > .lists > .list > img { position:absolute; left:-5px; top:-5px; z-index:1; }
#updatelog > .jbox > .lists > .list > .title { position:absolute; left:0; top:-13px; display:block; width:230px; height:25px; line-height:25px; background:#FFF; font-size:14px; color:#666; text-indent:30px; }
#updatelog > .jbox > .lists > .list > .title > span.version { font-size:16px; color:#333; }
#updatelog > .jbox > .lists > .list > .title { width:310px; }
#updatelog > .jbox > .lists > .list > .title > a { margin-left:20px; color:#007aff; text-decoration:underline; }
#updatelog > .jbox > .lists > .list > .title > a:hover { color:#333; }
#updatelog > .jbox > .lists > .list > .date { position:absolute; left:-100px; top:-13px; height:25px; line-height:25px; font-size:14px; color:#666; }
#updatelog > .jbox > .lists > .list > .content > dl { overflow:hidden; padding-top:20px; }
#updatelog > .jbox > .lists > .list > .content > dl > dt { font-size:14px; color:#333; margin-top:10px; }
#updatelog > .jbox > .lists > .list > .content > dl > dd { font-size:12px; color:#999; line-height:25px; }
#pcquestions { padding:90px 100px 190px; width:960px; }
#pcquestions > .jbox { width:960px; }
#pcquestions > .jbox > .title { padding-left:40px; font-size:22px; color:#333; }
#pcquestions > .jbox > .lists { padding-left:130px; margin-top:50px; }
#pcquestions > .jbox > .lists > .list { font-size:14px; color:#555; display:block; line-height:40px; height:40px; position: relative; }
#pcquestions > .jbox > .lists > .list:hover { color:#268eff; }
#pcquestions > .jbox > .lists > .list > i { position:absolute; left:-15px; top:18px; width:4px; height:4px; border-radius: 50%; background:#bbb; }
#about { padding:30px 170px; width:820px; }
#about > section { padding-top:65px; padding-bottom:70px; border-bottom:1px solid #e9e9e9; }
#about > section > .title { font-size:26px; line-height:70px; color:#333; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; text-align:center; }
#about > .us { overflow:hidden; }
#about > .us > img { margin:auto; }
#about > .us > .describe { margin-top:50px; margin-bottom:20px; font-size:16px; color:#333; }
#about > .us > p { font-size:15px; color:#666; }
#about > .jobs { overflow:hidden; }
#about > .jobs > .describe { text-align:center; color:#666; padding-bottom:20px; }
#about > .jobs > .lists { overflow:hidden; padding:20px 0; }
#about > .jobs > .lists > .kbox { width:840px; overflow:hidden; }
#about > .jobs > .lists > .kbox > .list { display:block; width:258px; height:78px; line-height:78px; text-align:center; float:left; background:#FFF; color:#333; font-size:13px; border:1px solid #e9e9e9; transition: all 0.2s ease 0s; margin-right:20px; margin-bottom:20px; }
#about > .jobs > .lists > .kbox > .list:hover { border:1px solid #007aff; background:#007aff; color:#FFF; }
#about > .jobs > p { color:#999; padding-top:20px; text-align:center; }
#about > .contact { overflow:hidden; }
#about > .contact > .lists { width:672px; overflow:hidden; margin:30px auto 40px; }
#about > .contact > .lists > .list { width:168px; float:left; text-align:center; }
#about > .contact > .lists > .list > img { margin:auto; }
#about > .contact > .lists > .list > p { color:#999; }
#about > .contact > .lists > .list > .title { color:#333; }
#about > .contact > img { margin:auto; }
#about > .contact > p { text-align:center; padding-top:20px; font-size:14px; }
#about > .feedback { overflow:hidden; border:none; }
#about > .feedback textarea, #about > .feedback input, #about > .feedback a { margin-top:10px; }
#about > .feedback textarea { width:798px; padding:10px; height:180px; border:1px solid #ddd; background:#FFF; }
#about > .feedback input { width:798px; height:20px; line-height:20px; padding:10px; border:1px solid #ddd; background:#FFF; }
#about > .feedback a { display:block; width:160px; height:44px; line-height:44px; text-align:center; background:#39b54a; color:#FFF; }
#firmware { padding:60px 100px 100px; width:1040px; }
#firmware > section { position:relative; overflow:hidden; }
#firmware > section > h2 { color: #333; font-size: 18px; font-weight: normal; line-height: 52px; }
#firmware > section table, #firmware > section tr, #firmware > section th, #firmware > section td { vertical-align:middle; text-align:center; font-size:12px; color:#666; }
#firmware > section table { width:100%; border:1px solid #EEE; }
#firmware > section.select_device > table tr, #firmware > section.select_device > table th, #firmware > section.select_device > table td { border:1px solid #EEE; color:#333; }
#firmware > section.select_device > table td { padding:9px 20px; }
#firmware > section.select_device > table td.title { }
#firmware > section.select_device > table td.options { padding:4px 20px 9px; }
#firmware > section.select_device > table td.options a { display:block; float:left; margin-right:5px; margin-top:5px; width:96px; height:26px; line-height:26px; text-align:center; border:1px solid #fff; background:#fff; transition:0.3s; color:#666 }
#firmware > section.select_device > table td.options a:hover { border:1px solid #e6e6e6; transition:0.3s }
#firmware > section.select_device > table td.options a.on { border:1px solid #e6e6e6; background:#f4f4f4; transition:0.3s; color:#333 }
#firmware > section.select_device > table td.options a.more { text-indent:20px; background:url(../images/more_down.png) 25px center no-repeat; color:#333333; }
#firmware > section.select_device > table td a.help { color:#f19149; text-decoration:underline; }
#firmware > section.select_device > table td a.help:hover { color:#ed7921; }
#firmware > section.select_device > .loading { background:url(../images/alpha_write.png) repeat; display:none; position:absolute; left:1px; top:53px; right:1px; bottom:1px; }
#firmware > section.select_device > .loading > img { position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px; }
#firmware > section.firmware_list { margin-top:20px; }
#firmware > section.firmware_list > table td { border:0; }
#firmware > section.firmware_list > table th { border-bottom:1px solid #EEE; }
#firmware > section.firmware_list > table tr:nth-of-type(2n) {
background-color: #f9f9f9;
}
#firmware > section.firmware_list > table tr:hover { background:#eee; }
#firmware > section.firmware_list > table th { height:46px; line-height:46px; background:#f4faff; color:#333; }
#firmware > section.firmware_list > table td { height:48px; line-height:48px; }
#firmware > section.firmware_list > table td.yes, #firmware > section.firmware_list > table td.no { background-repeat:no-repeat; background-position:center center; }
#firmware > section.firmware_list > table td.yes { background-image:url(../images/ipsw_status_yes.png); }
#firmware > section.firmware_list > table td.no { background-image:url(../images/ipsw_status_no.png); }
#firmware > section.firmware_list > table td .download { width:60px; height:26px; line-height:26px; text-align:center; display:block; margin:7px auto; }
#firmware > section.firmware_list > table td .download:hover { background:#3d9aff; color:#fff; }
#firmware > .test_version { display:none; position:fixed; left:0; top:0; z-index:9; background:url(../images/33333395.png) repeat; width:100%; height:100%; }
#firmware > .test_version.ing { display:block; }
#firmware > .test_version > .content { position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-110px; width:400px; height:220px; background:#fff; text-align:center; border:1px solid #F9F9F9; }
#firmware > .test_version > .content h3 { padding-top:48px; font-size:24px; font-weight:normal }
#firmware > .test_version > .content p { font-size:16px; color:#666 }
#firmware > .test_version > .content div a { display:inline-block; margin:20px 5px 0; width:120px; height:38px; line-height:38px; border:1px solid #ddd; transition:0.2s }
#firmware > .test_version > .content div a:hover { border:1px solid #007aff; background:#007aff; color:#fff; transition:0.2s }
#job { padding:90px 100px; width:1040px; }
#job > section { padding:40px 0; border-bottom:1px solid #e9e9e9; }
#job > section > .title { color:#236ee7; font-size:26px; }
#job > section > dl > dt { margin-top:10px; font-weight:bold; font-size:14px; line-height:30px; }
#job > section > dl > dd { font-size:12px; line-height:24px; color:#888; }
#sitemap { padding:90px 100px; width:1040px; }
#sitemap > .list { overflow: hidden; line-height: 40px; padding:10px 0 10px 180px; position: relative; border:1px solid #eee; margin-top:-1px; }
#sitemap > .list > .title { width:180px; text-align: center; height:40px; position:absolute; left:0; top:50%; margin-top:-20px; font-size:16px; color:#010101; }
#sitemap > .list > a { margin-right:20px; color:#666; white-space:nowrap; }
#sitemap > .list > a:hover { color:#007aff; }
#sitemap > .list > .group { clear:both; font-weight:bold; color:#555; }
#copyright { padding:110px 240px; width:760px; font-size:14px; line-height:26px; color:#666; }
#copyright h1 { font-size:36px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; padding-bottom:20px; color:#333; line-height:50px; }
#copyright p { padding-bottom:10px; }
#tags { padding: 80px 90px; width: 1060px; }
#tags .tagscontent { width:760px; margin-right:40px; overflow:hidden; float:left; }
#tags .tagscontent > .menu { overflow:hidden; }
#tags .tagscontent > .menu > a { display:block; float:left; width:25px; height:25px; line-height:25px; text-align:center; margin-right:10px; margin-bottom:10px; }
#tags .tagscontent > .menu > a:hover { background:#CCC; color:#FFF; }
#tags .tagscontent > .menu > a.ing { background:#999; color:#FFF; }
#tags .tagscontent > .lists { }
#tags .tagscontent > .lists > .list { padding:10px 0; border-bottom:1px solid #eee; overflow:hidden; }
#tags .tagscontent > .lists > .list > .title { font-size:16px; font-weight:bold; }
#tags .tagscontent > .lists > .list > a { float:left; display:block; height:20px; line-height:20px; margin-right:15px; margin-bottom:5px; }
#tags .qm { float:right; margin-top:0; }