/*reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft Yahei",arial,\5b8b\4f53,sans-serif }h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}ul,ol{list-style:none;}a{text-decoration:none;outline:0 none}a:hover{text-decoration:underline;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}
a {color: #333;}

.fn-clearfix:after, .wr:after { content: "\200B"; display: block; clear: both; height: 0; }
.fn-clearfix, .wr { *zoom: 1; }
.ico { display: inline-block; vertical-align: middle; background-image: url(/activity/pc/images/ico-sprite.png)}
.ico-i1 { width: 16px; height: 47px; background-position: 0 0; }
.ico-i2 { width: 16px; height: 47px; background-position: -18px 0; }
.ico-i7 { width: 15px; height: 9px; background-position: -354px -26px; }
.ico-h1 { width: 161px; height: 28px; background-position: -83px 0; }
.ico-h2 { width: 80px; height: 20px; background-position: -246px 0; }

body { position: relative; height: 100%; word-break: break-all; }
.wp { min-width: 1000px; }
.inner, .main, .wr { position: relative; width: 1000px; margin-left: auto; margin-right: auto; }

.nw-header { height: 64px; border-top: none; background-color: #ff61c5; }
.nw-tit-m { float: left; padding-top: 16px; }
.nw-tit-m .ico-h1 { background-image: url(/activity/pc/images/nw-logo.png); width: 90px; }
.nw-tit-m a .nw-des { font-size: 12px; color: #fff; vertical-align: bottom; }
.nw-nav { float: left; padding-left: 26px; }
.nw-nav li { float: left; }
.nw-nav li a { display: block; height: 64px; line-height: 64px; padding: 0 20px; margin-right: 25px; font-size: 16px; color: #fff3fa; text-decoration: none; }
.nw-nav li a:hover, .nw-nav li .active { background-color: #f04bb3; color: #fff; }
.nw-mess-pt { float: right; height: 30px; padding-top: 15px; }
.nw-mess-pt a:hover { text-decoration: none; color: #fff; }
.nw-launch { float: left; margin-right: 22px; padding-top: 6px; color: #ffc4ff; vertical-align: middle; }
.nw-launch .ico { position: relative; top: -1px; display: inline-block; width: 17px; height: 18px; margin-right: 3px; background-image: url(/activity/pc/images/ico-nw.png); }
.nw-user-loged, .nw-user-logi {  float: left; height: 30px; padding: 0 4px; line-height: 30px; }
.nw-user-avatar, .nw-user-avatar img { width: 30px; height: 30px; border-radius: 100%; vertical-align: middle; font-size: 0; line-height: 0; }
.nw-btn-logout, .nw-btn-login { color: #ffc4ff; }

/* footer */
.footer { margin-top: 60px; background: #fff8fb; }
.follow-it { padding: 0 11px; position: relative; float: left; }
.follow-it a{ text-decoration: none; }
.follow-ln { display: table-cell; *display: block; width: 78px; height: 78px; border-radius: 100%; border: 1px solid #ff488d; text-align: center; vertical-align: middle; color: #ff488d; font-size: 14px; }
.follow-ln:hover {  background: #ff488d; color: #fff; }
.follow-on .follow-ln { background: #ff488d; color: #fff; }
.follow-pt { margin: 0 auto; padding-left: 144px; padding-top: 28px; padding-bottom: 20px; width: 866px; }
.follow-if, .lis-follow { float: left; }
.follow-if { padding: 30px 0 0 0; width: 80px; color: #ff488d; font-size: 18px; }
.follow-code { position: absolute; left: 140px; top: 0;  display: none; _display: block; padding: 7px; border: 2px solid #ff5293; }
.follow-code .ico-arrow { position: absolute; top: 20px; left: -11px; border-style: solid; border-width: 9px 11px 9px 0; border-color: transparent #ff5293 transparent transparent; font-size: 0; } 
.follow-code .ico-arrow:before { content: ''; position: absolute; top: -8px; left: 2px; clear: both; width: 0; height: 0; border-style: solid; border-width: 8px 11px 8px 0; border-color: transparent #fff transparent transparent; font-size: 0; display: block; }
.ico-line { position: absolute; left: 10px; top: 10px; width: 1px; height: 60px; background: #ff488d; }
.follow-weixin { padding-left: 33px; }
.follow-weixin:hover .follow-code {display: block;}
.company { padding: 0 0 10px 0; text-align: center; color: #ff488d; font-size: 14px; }
.company-eng { padding: 0 0 20px 0; text-align: center; color: #ff488d; font-size: 18px; }
.company-if { padding: 4px 0; text-align: center; background: #ff488d;  color: #fff; }


.focus {height: 455px; background: url(/www/signin/pc/img/bg_focus.jpg) no-repeat center top;}
.focus_banner {position: relative; top: 20px; width: 940px; height: 448px; background-color: #fff; padding: 0 20px; margin: 0 auto; overflow: hidden; border-radius: 9px;-webkit-box-shadow: 0px 3px 0 #f2f2f2;
box-shadow: 0px 3px 0 #f2f2f2;}
.focus_banner_tab {height: 36px; background: url(/www/signin/pc/img/focus_banner_tab.png) no-repeat center center; margin-top: 15px;}
.focus_banner_tab li {float: left; width: 50%;}
.focus_banner_tab a {display: block; width: 128px; margin: 0 auto; font-size: 16px; line-height: 36px; text-align: center; border-radius: 17px;}
.focus_banner_tab .on {background-color: #ff488d; color: #fff;}
.focus_banner_img {position: relative; width: 940px; height: 352px; margin-top: 15px; overflow: hidden; border-radius: 9px;}
.focus_banner_img img {width: 940px; height: 352px;}
.focus_banner_imgtit {position: absolute; left: 20px; bottom: 20px; width: 210px; height: 70px; background-color: #fff;}
.focus_banner_imgtit span {float: left; width: 125px; height: 60px; background-color: #ff488d; padding-top: 10px; font-size: 18px; color: #fff; text-align: center;}
.focus_banner_imgtit em {float: left; width: 85px; font-size: 18px; line-height: 70px; text-align: center;}

.wrapper {width: 940px; margin: 40px auto 0; overflow: hidden; zoom:1;}
.mainleft {float: left; width: 640px;}
.aside {float: right; width: 250px;}
.aside_tt {height: 26px; background: url(/www/signin/pc/img/aside_tt.png);}
.aside_tt h2 {font-size: 16px; line-height: 20px; text-indent: 35px;}
.rank_tt {width: 200px; height: 50px; background-color: #ff488d; color: #fff; border-radius: 9px;}
.rank_tt span {float: left; margin-left: 10px; font-size: 26px; line-height: 50px;}
.rank_tt p {float: left; margin-top: 5px; font-size: 14px; line-height: 18px; text-align: center;}
.rank_tt_tip {background: url(/www/signin/pc/img/ico_1.png) no-repeat left center; padding-left: 18px; margin-top: 10px;}

.ranklist li {position: relative; height: 92px;padding: 0 0 19px 145px; margin-top: 19px; border-bottom: 1px #f0f0f0 solid; overflow: hidden;}
.ranklist em {position: absolute; left: 0; top: 30px; font-size: 18px; color: #000;}
.ranklist .pic {position: absolute; left: 45px; top: 0; width: 86px; height: 86px; padding: 3px; border-radius: 100%;}
.ranklist strong {display: block; margin-top: 15px; font-size: 22px; color: #000;}
.ranklist span {color: #999;}
.ranklist .li1 em, .ranklist .li2 em, .ranklist .li3 em {width: 37px; height: 36px; text-indent: -9999px;}
.ranklist .li1 em {background: url(/www/signin/pc/img/li1.png);}
.ranklist .li2 em {background: url(/www/signin/pc/img/li2.png);}
.ranklist .li3 em {background: url(/www/signin/pc/img/li3.png);}
.ranklist .li1 .pic {background-color: #fee300;}
.ranklist .li2 .pic {background-color: #ced3d5;}
.ranklist .li3 .pic {background-color: #f28d3b;}
.qd {position: absolute; right: 15px; top: 12px; width: 90px; background: url(/www/signin/pc/img/btn_1.png); font-size: 14px; color: #ff488d; line-height: 36px; text-indent: 15px; text-align: center;}
.qd:hover {background-position: -91px 0; color: #fff;}
.qd_done, .qd_done:hover {background-position: 0 -69px; color: #ff488d; cursor: default;}
.share {position: absolute; right: 30px; top: 55px; width: 60px; background: url(/www/signin/pc/img/btn_1.png) -15px -42px; color: #2ba7e8; line-height: 26px; text-align: center;}
.share:hover {background-position: -106px -42px; color: #fff;}
.sharebox {position: absolute; left: 0; top: 90px; width: 640px; height: 110px; background: url(/www/signin/pc/img/sharebox.png);}
.sharebox p { margin: 20px 0 0 20px; color: #ff488d; font-weight: bold;}
.ranklist .show {height: 180px; border: none;}
.oldrank li {height: 68px; margin-top: 18px; color: #999;}
.oldrank .pic {float: left; width: 68px; height: 68px; margin-right: 10px; border-radius: 100%;}
.oldrank strong {display: block; margin-top: 15px; font-size: 22px; color: #000;}
.oldrank em {display: block; color: #ff488d;}

.float_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: 999;}
.floatbox {position: fixed; left: 50%; top: 50%; width: 400px; height: 320px; background: url(/www/signin/pc/img/floatbox.png); margin: -160px 0 0 -200px; z-index: 1000; border-radius: 3px; overflow: hidden;}
.floatbox .close {position: absolute; right: 0; top: 0; width: 32px; height: 32px; text-indent: -9999px;}
.dlbtn {width: 160px; margin: 167px 0 0 75px;}
.dlbtn a {display: block; width: 160px; height: 56px; margin-top: 10px; text-indent: -9999px;}

.jiathis_style a {float:left; width:180px; margin:14px 0 0 20px;}