/* topbar */
.topbar{ position:relative; z-index:1000; width:100%; min-width:1000px}
.topbar-in{ *zoom:1; height:31px; border-bottom:1px solid #dfdfdf; background-color:#f3f3f3}
.topbar a{ color:#333}
.topbar a:hover{ color:#bd0a01}
.topbar-con{ position:relative; *zoom:1; width:1000px; margin:0 auto}
.topbar-nav{ overflow:hidden; *zoom:1; position:absolute; top:0; padding:0 1px 0 19px}
.topbar-nav .item{ overflow:hidden; float:left; width:120px; height:31px; padding-top:1px; margin-right:-1px; font-family:'Eras Demi ITC','Arial'; line-height:32px; text-align:center; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf}
.topbar-nav .current{ padding:0; border:1px solid #dfdfdf; border-bottom:0; background:#fff}
.topbar-nav .current:hover{ color:#333; text-decoration:none}
.topbar-nav .item .ico{ margin:7px 4px 10px 0; vertical-align:middle}
.topbar-user-fun{ position:absolute; right:220px}
.topbar-user-status{ margin-top:6px}
.topbar-user-status .bt-status{ display:inline-block; overflow:hidden; position:relative; z-index:3; float:left; min-width:2.5em; height:18px; padding:0 8px; color:#333; text-align:center; line-height:19px; border:1px solid #ccc; background-color:#f9f9f9}
.topbar-user-status .bt-status:hover{ color:#333; text-decoration:none; background-color:#fdd20c}
.topbar-user-status .bt-status-drop{ height:19px; border-bottom:0; background-color:#fff}
.topbar-user-status .bt-status-drop:hover{ background-color:#fff}
.topbar-user-status .arrow{ width:7px; height:5px; margin-left:3px; *margin:8px 0 6px 3px; vertical-align:middle; background-position:-19px -14px}
.topbar-user-status .bt-status-drop .arrow{ background-position:-27px -14px}
.topbar-user-status .bt-status2{ float:left; margin-left:10px; line-height:21px; color:#757575}
.topbar-passport{ display:none; position:absolute; top:25px; left:0}
.topbar-passport .ue-passport-default .form-box .submit{ height:21px; margin-top:5px; line-height:21px\9; border:1px solid #ccc; background-color:#f9f9f9; cursor:pointer}
.topbar-passport .ue-passport-default .title .button{ padding:0 4px 3px; font-size:18px; line-height:1; color:#ffa700; text-align:center}
.topbar-passport .ue-passport-default .title .button:hover{ color:#fff; text-decoration:none; background-color:#ffa700}
.topbar-aide{ overflow:hidden; height:31px; padding-right:19px; text-align:right; line-height:32px}
.topbar-aide a{ color:#757575}
.topbar-user-out .bt-reg:hover,.topbar-aide a:hover{ color:#bd0a01}
.topbar-aide .sep{ margin:0 6px; color:#d7d7d7}

.ico-sy, .ico-yy{ display:inline-block; overflow:hidden; background:url(http://ue2.shouyou.itc.cn/images/www/index/2013/icon-trans2.png) no-repeat}
.ico-sy{ width:11px; height:11px; background-position: 0 -700px;}
.ico-yy{ width:16px; height:11px; background-position: 0 -750px;}
/*the focus-wrap*/


.focus-wrap{ height:442px; padding:8px 0 0 0; background:url(http://ue1.shouyou.itc.cn/images/www/index/2013/focus-bg.jpg) center top repeat-x;}
.focus-box{ width:980px; height:435px; margin:0 auto; position:relative;}
.focus-box .mod-it{ position:absolute;}
.focus-box .item-1{ left:0; top:0;}
.focus-box .item-2{ left:243px; top:0;}
.focus-box .item-3{ left:449px; top:0;}
.focus-box .item-4{ left:775px; top:0;}
.focus-box .item-5{ left:243px; top:261px;}
.focus-box .item-6{ left:449px; top:261px;}
.focus-box .item-7{ left:612px; top:261px;}
.focus-box .item-8{ left:775px; top:175px;}
.focus-box .item-1, .focus-box .item-1 .avatar{ width:242px; height:435px;}
.focus-box .item-1, .focus-box .item-1 .avatar{ width:242px; height:435px;}

.hot-icon{ display:block; width:139px; height:112px; background:url(http://ue2.shouyou.itc.cn/images/www/index/2013/sprite-trans.png) 0 -200px no-repeat; position:absolute; left:-5px; top:-4px; z-index:10;}



/*
*  the content
*/

/*the hot-box*/
.hot-box{ border:1px solid #d7d7d7; min-height:167px; _height:167px; overflow:hidden;}
.hot-box .gb-tab-pn{ padding:10px 0;}

.hot-tab-w{ height:34px;background:url(http://ue3.shouyou.itc.cn/images/www/index/2013/repeat.png) 0 -150px repeat-x; clear:both;}
.hot-tab{ float:left;}
.hot-tab .gb-tab-item{ position:relative; float:left; height:34px; margin-left:-1px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.hot-tab .gb-tab-c{ display:inline-block; overflow:hidden; min-width:95px; _width:95px; _overflow-x:visible; line-height:34px; color:#888; text-align:center; white-space:nowrap; font-size:14px; background:url(http://ue3.shouyou.itc.cn/images/www/index/2013/repeat.png) 0 -100px repeat-x; letter-spacing:1px;}
.hot-tab .current{ color:#222; background:#fff;}
.hot-tab .first .gb-tab-c, .hot-box2 .gb-tab-c{ font-size:16px;letter-spacing:0px;}
.hot-tab .gb-tab-c:hover{ text-decoration:none;}

.single-tab{ display:block; float:left; height:34px; text-align:center; width:306px; overflow:hidden;  font-size:16px; color:#888; line-height:34px; }
.single-tab-cur{ background:#fff; color:#222;}

.hot-list{/* margin:12px 10px 14px 10px; */overflow:hidden; zoom:1;}
.hot-list li{ float:left; font-size:14px; color:#d6d4d4; white-space:nowrap; background:url(http://ue2.shouyou.itc.cn/images/www/index/2013/icon-trans2.png) 0 -294px no-repeat; _background-position:0 -296px; margin-left:-2px; margin-bottom:6px;}
.hot-list li a{ display:block; float:left; height:24px; line-height:24px; color:#2a3b52; padding:0 10px; white-space:nowrap; position:relative;}
.hot-list li a:hover{ color:#F0571B;}

.hot-box-item{ overflow:hidden; zoom:1; padding:0 10px; clear:both; float:left; width:958px;}
.hot-box-item .tit{ float:left; display:block; width:72px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:14px; margin-bottom:6px;}
.hot-box-item .tit1{ background:#000;}
.hot-box-item .tit2{ background:#2ba339;}
.hot-box-item .tit3{ background:#0d80b6;}

.sup-tip{ width:155px; height:26px; line-height:26px; color:#000; padding:2px 4px 4px 2px; background:url(http://ue2.shouyou.itc.cn/images/www/index/2013/sprite-trans.png) -150px -200px no-repeat; display:none;}
.sup-tip .item{ float:left; position:relative; *zoom:1;}
.sup-tip .item-1{margin-left:5px; }
.sup-tip .item-2{ width:22px; margin-right:5px;}
.sup-tip .item-3{ width:52px;}
.sup-tip .item b{ position:absolute; width:100%; border-top:1px solid #c6c8c9; left:0; top:14px; zoom:1;}
.tip-2 .item-3, .tip-3 .item-2{ color:#999;}

/*the area-1*/
.area{ margin-top:10px; clear:both; border:1px solid #d7d7d7; background:#fff;}
.area-1{}
.area-1-c1{ float:left; width:690px; padding:10px 0 0 12px;}
.area-1-c2{ float:right; width:260px; margin:-1px -1px 0 0; display:inline; position:relative;}

.news-box{ width:405px; float:left;}
.news-tab-w{ height:34px; border-bottom:1px solid #cecece;}
.news-tab{ float:left;}
.news-tab .gb-tab-item{ position:relative; float:left; height:35px; margin-right:25px;}
.news-tab .gb-tab-c{ display:inline-block; overflow:hidden; height:33px; line-height:33px; color:#666; white-space:nowrap; font-size:18px;}
.news-tab .gb-tab-c:hover{ text-decoration:none;}
.news-tab .current{ color:#222; border-bottom:2px solid #2ba339; font-weight:bold;}
.news-box-c2{ padding:0 0 10px 0;}
.focus-news{text-align:center; border-bottom:1px dashed #cecece; padding:14px 0 0 0;}
.focus-news .top-news{ overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.focus-news .rel-links{ margin-bottom:15px;}
.focus-news .c-link1{ color:#f0571b; font-size:20px; font-weight:bold;}
.focus-news .c-link2{ margin:0 2px; font-size:12px; color:#999}
.focus-news a:hover{ text-decoration:underline; color:#f0571b;}

.bbs-mod{ clear:both; padding:20px 0 0 0; overflow:hidden; zoom:1;}
.bbs-mod .hd{ overflow:hidden; zoom:1; margin-bottom:5px;}
.bbs-mod .hd .tit{ float:left; color:#2ba339; font-size:18px;}
.bbs-mod .hd .more{ float:right;}
.bbs-mod .hd .more a{ display:block; width:67px; font-size:14px; color:#888; padding-left:23px; height:24px; background:url(http://ue1.shouyou.itc.cn/images/www/index/2013/sprite-trans2.png) -100px -50px no-repeat; line-height:24px;}
.bbs-mod .hd .more a:hover{ background-position: -250px -50px; color:#fff; text-decoration:none;}
.bbs-mod .recomm-area{ float:left; margin-right:10px; padding:5px 0 0 0;}
.bbs-mod .list-area{ overflow:hidden; zoom:1;}
.bbs-mod .recomm-area .con, .bbs-mod .recomm-area .avatar, .bbs-mod .recomm-area .txt{ display:block;}
.bbs-mod .recomm-area .con{ padding:5px 6px; background:#fff; border:1px solid #d7d7d7;}
.bbs-mod .avatar img{ display:block; width:110px; height:86px;}
.bbs-mod .txt{ color:#222; text-align:center; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bbs-mod .con:hover .txt{ color:#f0571b; text-decoration:underline;}

.bbs-mod .news-list{ padding:0;}
.bbs-mod .news-list li{ height:26px; line-height:26px; margin:0; padding:0;}
.bbs-mod .news-list .tit{ padding-left:14px;}
.bbs-mod .news-list .tit a{ font-size:14px; color:#555;}
.bbs-mod .news-list .tit a:hover{ color:#f0571b; text-decoration:underline;}

.zt-list .gb-list2-con{color:#666;}
.zt-list .gb-list2-con:hover{color:#f0571b;}
.zt-list .gb-list2-c1{width:260px; height:140px; padding:2px 4px 4px 2px; background:none;}
.zt-list .hover .gb-list2-c1{ background:url(http://ue2.shouyou.itc.cn/images/www/index/2013/sprite-trans.png) 0 -350px no-repeat;}
.zt-list .gb-list2-c2{ padding:5px; text-align:left;  font-size:14px; }
.zt-list .txt{ height:36px; text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipse; vertical-align:baseline;}
.zt-list .gb-list2-item{ width:100%}
.zt-list .gb-list2-con{}
.zt-list .avatar{ width:260px; height:140px}

.zt-box{ width:266px; float:right;}

.zt-list-2 .gb-list2-c1{ padding:0;}
.zt-list-2 .gb-list2-c1, .zt-list-2 .avatar{width:235px; height:120px;}
.zt-list-2 .txt{ height:27px;}

.figures-box .bd{ min-height:646px; _height:646px; *zoom:1;}
.figures-list{ padding:0 16px; overflow:hidden; *zoom:1;}
.figures-list .item{ overflow:hidden; zoom:1; padding:17px 0; border-bottom:1px dashed #cecece;}
.figures-list .figures-area{ float:left; margin:7px 10px 0 0;}
.figures-list .even .figures-area{ float:right; margin:7px 0 0 10px;}
.figures-list .txt-area{ overflow:hidden; zoom:1;}
.figures-list .txt-area a{ font-size:14px; color:#2a3b52;}
.figures-list .txt-area a:hover{ color:#000;}
.figures-list .figures{ display:block; width:60px; height:30px; line-height:30px; text-align:center; background:#656e7b; color:#fff;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs21{ font-size:21px;}
.fs25{ font-size:25px;}

.sys-tab-w{ height:30px; clear:both; padding:5px 0 0 10px;}
.sys-tab .gb-tab-item{ position:relative; float:left; height:30px; margin-right:2px;}
.sys-tab .gb-tab-c{ display:inline-block; width:120px; overflow:hidden; height:30px; line-height:30px; color:#9da6b4; white-space:nowrap; font-size:16px; background:url(http://ue1.shouyou.itc.cn/images/www/index/2013/sprite-trans2.png) 0 -150px no-repeat;}
.sys-tab .current{ color:#fff;}
.sys-tab .item-1 .gb-tab-c{ background-position: 0 -200px; padding-left:50px; width:70px;}
.sys-tab .item-2 .gb-tab-c{ background-position: 0 -150px; padding-left:30px; width:90px;}
.sys-tab .item-1 .current{ background-position: -150px -200px;}
.sys-tab .item-2 .current{ background-position: -150px -150px;}
.sys-tab .gb-tab-c:hover{ text-decoration:none;}

.games-tab-w{ height:25px; border-bottom:1px solid #cecece; overflow:hidden; *zoom:1; clear:both;}
.games-tab{ float:left; width:100%;}
.games-tab .gb-tab-item{ position:relative; float:left; height:25px; width:50%;}
.games-tab .gb-tab-c{ display:inline-block; overflow:hidden; height:25px; line-height:24px; color:#888; white-space:nowrap; font-size:14px; width:100%;}
.games-tab .gb-tab-c:hover{ text-decoration:none;}
.games-tab .current{ color:#333; height:24px; border-bottom:2px solid #2ba339; font-weight:bold;}

.rank-wrap .bd{ padding:13px 15px 3px 15px;}

.games-rank{*zoom:1}
.games-rank .item{ height:33px; line-height:33px; border-bottom:1px solid #e7e7e7;}
.games-rank .item a{ color:#2a3b52;font-size:14px; }
.games-rank .num{color:#999; font-size:14px; margin:0 8px 0 0; _margin-right:5px; display:block; width:16px; text-align:center;}
.games-rank .up .num{ color:#2ba339; font-size:16px; font-weight:bold;}
.games-rank .tit{ display:block; height:33px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.games-rank .tit2{ display:block;  width:98%; height:19px; overflow:hidden; color:#2a3b52; white-space:nowrap; text-overflow:ellipsis;}
.games-rank .tit2:hover{color:#f0571b; text-decoration:underline;}
.games-rank .date{color:#787878; padding-right:15px;}
.games-rank .title .tit:hover{ text-decoration:underline;}
.games-rank .top{ height:80px; padding:14px 0px 5px 0px;}
.games-rank .top .num{ line-height:26px;}
.games-rank .top .pic{margin:0px 10px 0 0;}
.games-rank .top .pic a{ display:block; width:70px; height:70px; position:relative; cursor:pointer;}
.games-rank .top .pic a img{ width:70px; height:70px;}
.games-rank .top .pic a b{display:block; width:70px; height:70px; position:absolute; left:0; top:0; background:url("http://ue1.shouyou.itc.cn/images/www/index/2013/cover-70-70.png") 0 0 no-repeat;}
.games-rank .top .info{color:#938e33; line-height:20px;}
.games-rank .top .title2{ line-height:1; overflow:hidden;}
.games-rank .info{ overflow:hidden; *zoom:1}
.games-rank .info p{ line-height:26px;color:#888; width:98%; height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.games-rank .fav-box{ width:103px; overflow:hidden; padding-left:5px; height:24px; line-height:24px; background:#fff; color:#5f5f5f; border:1px solid #c8c8c8;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.games-rank .fav-box .fav-num{ color:#e34101; margin-left:5px;}

/*the area-2*/

.ad-box{ margin-top:10px; clear:both;}
.ad-box img{ display:block; width:980px; height:80px;}

.char-list{ overflow:hidden; zoom:1; padding:10px 10px 25px 10px;}
.char-list .item{ float:left; padding:0 15px; width:160px;}
.char-list-con{ display:block; width:160px; height:170px; overflow:hidden; cursor:pointer;}
.char-list-c1{ display:block; width:160px; height:120px; overflow:hidden; position:relative;}
.char-list-c1 img{display:block; width:160px; height:170px;}
.char-list-c2{ display:block; text-align:center; padding:5px;}
.char-list-c2 .txt{ font-size:14px; color:#2a3b52; line-height:22px;}
.char-list .hover .char-list-c1{ height:170px;}

.comm-list1{ padding:0 10px 10px 10px;}
.comm-list1 .gb-list2-con{ color:#2a3b52}
.comm-list1 .gb-list2-c1{ position:relative;}
.comm-list1 .gb-list2-con:hover .gb-list2-c1{}
.comm-list1 .gb-list2-c2{ padding:5px; text-align:center; overflow:hidden;}
.comm-list1 .txt{ font-size:14px; height:29px; line-height:29px; overflow:hidden;}
.comm-list1 .cover{ display:block; width:160px; height:90px; background:url(http://ue3.shouyou.itc.cn/images/www/index/2012/stage1.5/common-png2.png) 0 -200px no-repeat; left:0; top:0;}
.comm-list1 .cover{ display:block;}
.comm-list1 .hover .cover{ background-position:0 -100px;}
.comm-list1 .hover .gb-list2-con{ _vertical-align:baseline; color:#f0571b;}
.comm-list1 .gb-list2-item{ width:19.98%}
.comm-list1 .gb-list2-con{ width:160px; padding:10px 10px 0 10px;}
.comm-list1 .avatar{ width:160px; height:90px}

/*the area-3*/
.area-3 .bd{ padding:10px 0 25px 0;}
.area-3 .mod-box3-c1{ width:300px; float:left; padding-left:23px;}
.area-3 .mod-box3-c2{ width:340px; float:left; padding-left:25px;}
.area-3 .mod-box3-c3{ width:245px; float:right; padding-right:14px;}
.area-3 .news-list{ padding:0; margin-top:-5px;}
.area-3 .news-list .tit a:hover{ text-decoration:underline; color:#f0571b}

.focus-zt{ margin-bottom:15px;}
.focus-zt .mod-it-c2{ bottom:0;}
.focus-zt .avatar{ width:300px; height:225px;}
.focus-zt2 .avatar{ width:300px; height:297px;}
.focus-zt .mod-it-c2 .tit{ font-size:18px; font-weight:bold;}
.focus-zt .mod-it-c2 .txt{ font-size:14px;}
.focus-zt .mod-it-c2 .cover-box{ height:60px; padding:125px 0 0 0; background:none;}
.focus-zt .mod-it-c2 .cover-box:hover span{}

.test-box .test-hd{ width:245px; height:42px; background:url(http://ue1.shouyou.itc.cn/images/www/index/2013/sprite-trans2.png) 0 -250px no-repeat;}
.test-box .test-hd .tit{line-height:42px; font-size:20px; color:#fff; padding-left:10px;}
.test-box .test-bd{ border:1px solid #bcc2cb; border-top:none; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
.test-table{ width:243px; border-collapse:separate; *border-collapse:collapse;}
.test-table thead th{ height:31px; background:#f7f7f7; border-bottom:1px solid #bcc2cb; font-size:14px; color:#888; text-align:center;}
.test-table thead .date{ padding-left:0px; width:20%;}
.test-table thead .name{ width:43%;}
.test-table thead .static{ width:37%;}
.test-table tbody td{ border-bottom:1px solid #e7e7e7; height:31px;}
.test-table .last td{ border-bottom:0;}
.test-table tbody .date{ color:#e86000; text-align:left; border-left:9px solid #fff;}
.test-table tbody .name{ color:#2a3b52; text-align:left;}
.test-table tbody .name a{ color:#2a3b52; }
.test-table tbody .name a:hover{ text-decoration:underline;color:#e86000;}
.test-table tbody .static{ color:#888; text-align:right; border-right:9px solid #fff;}

.comment-list .item{ margin-bottom:20px;}
.comment-list-con{ display:block; overflow:hidden; zoom:1; height:85px;}
.comment-list-c1{ display:block; float:left; margin-right:10px;}
.comment-list-c2{ display:block; overflow:hidden; zoom:1;}
.comment-list-c1 .avatar{ display:block; width:85px; height:85px;}
.comment-list-c2 .txt{ display:block; color:#2a3b52; line-height:20px; height:60px; overflow:hidden; margin-bottom:3px;}
.comment-list-c2 .to-comment{ color:#2ba339; line-height:20px; float:right; padding-right:3px;}
.comment-list-con:hover{ background:#eaeaea; cursor:pointer; text-decoration:none;}
.comment-list-con:hover .txt{ color:#000;}

/*the area-4*/
.area-4{ border:none;}

.tools-wrap{ width:719px; height:495px; overflow:hidden; border:1px solid #d7d7d7; border-right:none; float:left;}
.vote-wrap{ width:228px; height:465px; padding:15px; background:#f1f6f8; border:1px solid #d7d7d7; float:right;}

.tools-list{ overflow:hidden; zoom:1;}
.tools-list .item{ float:left; margin-top:1px;}
.tools-list-con{ display:block; overflow:hidden; zoom:1; width:146px; height:71px; padding:13px 10px;}
.tools-list-c1{ display:block; float:left; margin-right:10px;}
.tools-list-c2{ display:block; overflow:hidden; zoom:1;}
.tools-list-c1 .avatar{ display:block; width:51px; height:51px;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.tools-list-c2 .tit{ display:block; line-height:1; font-size:14px; color:#222; margin-bottom:3px; width:98%; height:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:baseline;}
.tools-list-c2 .txt{ display:block; color:#888; line-height:20px; height:60px; overflow:hidden;}
.tools-list-con:hover{cursor:pointer; text-decoration:none;}
.ios-tools .tools-list-con:hover{ background:#e8ecf1;}
.and-tools .tools-list-con:hover{ background:#edf5d6;}
.wp-tools .tools-list-con:hover{ background:#dceff9;}

.tools-box{ overflow:hidden; zoom:1; border-bottom:1px solid #d7d7d7;}
.tools-box-c1{ float:left; width:52px; height:197px; border-right:1px solid #d7d7d7;}
.tools-box-c2{float:left; width:666px; overflow:hidden;}
.tools-box-c1 .tit{ font-size:18px; color:#fff; margin:57px auto 0; width:2em; word-break:break-all; word-wrap:break-word; text-align:center;}
.tools-box-c1 .tit strong{ font-weight:bold;}
.ios-tools .tools-box-c1{ background:#7e93ae;}
.and-tools .tools-box-c1{ background:#9bc519;}
.wp-tools .tools-box-c1{ background:#3aa3db;}
.wp-tools .tools-box-c1 .tit{ margin-top:10px;}

.vote-wrap .hd{ clear:both; border-left:3px solid #44ba1d; padding-left:10px; margin-bottom:15px;}
.vote-wrap .hd .tit{ font-size:18px; color:#000; height:22px; line-height:22px;}

.vote-wrap .vote { font-size:14px; overflow: hidden;}
.vote-wrap .vote a {text-decoration: none;}
.vote-wrap .vote a:hover {text-decoration: underline;}
.vote-wrap .vote-tit {color:#666; font-size:14px; line-height:36px;}
.vote-wrap .vote-tit-total {font-size: 14px;}
.vote-wrap .vote-tit a {color: #666;}
.vote-wrap .vote-item-box {list-style: none outside none; margin: 0;padding: 0;}
.vote-wrap .vote-item{ margin-bottom:5px;}
.vote-wrap .vote-item-con {color: #666666;display: inline-block;height: 26px;line-height: 26px;}
.vote-wrap .vote-item-con a {color: #666666;}
.vote-wrap .bt-vote-item { margin: 3px 5px 6px 0;vertical-align: middle;}
.vote-wrap .vote-bt-box {color: #2ba339;margin-top: 10px;text-align: center;}
.vote-wrap .bt-vote-submit {font-size:16px; width:140px; height:40px; line-height:40px; color:#fff; text-align:center; border:none; cursor:pointer; background:#2ba339;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-bottom:5px;}
.vote-wrap .vote-link, .vote-link:hover {color: #2ba339;}


/* User Guide */
.userGuide{width:100%;position:absolute;top:0;left:0;z-index:9999;}
.userGuide-table{width:100%;border-collapse:collapse;border-spacing:0;}
.userGuide-td-tl,.userGuide-td-tc,.userGuide-td-tr,.userGuide-td-cl,.userGuide-td-cc,.userGuide-td-cr,.userGuide-td-bl,.userGuide-td-bc,.userGuide-td-br{background:#000;opacity:0.4;filter:Alpha(opacity=40);font-size:0px;padding:0;margin:0;line-height:0;}
.userGuide-td-cc{opacity:0;filter:Alpha(opacity=0);}
.userGuide-btn-next{width:86px;height:34px;position:absolute;top:0px;left:0px;display:block;text-indent:-999em;overflow:hidden;}
.userGuide-btn-close{width:28px;height:28px;position:absolute;top:0px;left:0px;display:block;cursor:pointer;text-indent:-999em;overflow:hidden;}
.userGuide-layer{position:absolute;top:0;left:0;z-index:1002;top:200px;left:50%;margin-left:-228px;}
.guide-step-content-01{height:218px;width:448px;position:relative;background:transparent url("http://ue1.shouyou.itc.cn/images/www/index/2013/step-1.png") no-repeat left top;}
.guide-step-01 .userGuide-layer{top:90px;left:50%;margin-left:0px;}
.guide-step-01 .userGuide-btn-close{top:38px;left:362px;}
.guide-step-01 .userGuide-btn-next{top:143px;left:232px;}
.guide-step-content-02{height:218px;width:448px;background:transparent url('http://ue1.shouyou.itc.cn/images/www/index/2013/step-2.png') no-repeat left top;}
.guide-step-02 .userGuide-layer{top:515px;left:50%;margin-left:-170px;}
.guide-step-02 .userGuide-btn-close{top:39px;left:362px;}
.guide-step-02 .userGuide-btn-next{top:144px;left:232px;}
.guide-step-content-03{height:206px;width:453px;background:transparent url('http://ue1.shouyou.itc.cn/images/www/index/2013/step-3.png') no-repeat left top;}
.guide-step-03 .userGuide-layer{top:1330px;left:50%;margin-left:-240px;}
.guide-step-03 .userGuide-btn-close{top:26px;left:362px;}
.guide-step-03 .userGuide-btn-next{top:132px;left:232px;}
.guide-step-content-04{height:206px;width:453px;background:transparent url('http://ue1.shouyou.itc.cn/images/www/index/2013/step-4.png') no-repeat left top;}
.guide-step-04 .userGuide-layer{top:2650px;left:50%;margin-left:-235px;}
.guide-step-04 .userGuide-btn-close{top:27px;left:362px;}
.guide-step-04 .userGuide-btn-next{top:132px;left:232px;}
.guide-step-content-05{height:220px;width:422px;background:transparent url('http://ue1.shouyou.itc.cn/images/www/index/2013/step-5.png') no-repeat left top;}
.guide-step-05 .userGuide-layer{top:3700px;left:50%;margin-left:-30px;}
.guide-step-05 .userGuide-btn-close{top:27px;left:362px;}
.guide-step-05 .userGuide-btn-next{top:135px;left:149px;width:120px; height:35px;}
.guide-step-content-01,.guide-step-content-02,.guide-step-content-03,.guide-step-content-04,.guide-step-content-05{display:none;}
.guide-step-01 .guide-step-content-01{display:block;}
.guide-step-02 .guide-step-content-02{display:block;}
.guide-step-03 .guide-step-content-03{display:block;}
.guide-step-04 .guide-step-content-04{display:block;}
.guide-step-05 .guide-step-content-05{display:block;}

/*the float-box*/
.float-box{ width:31px; height:157px; overflow:hidden; background:#cfcfcf; position:fixed; bottom:0; right:0; z-index:999;}
.float-box a{ font-size:16px; color:#f7f7f7; display:block; width:31px; height:78px; line-height:1.1; }
.float-box .bt-set{background:#656e7b; margin-bottom:1px;}
.float-box .bt-guide{background:#2ba339}
.float-box span{ display:block; width:1em; word-break:break-all; word-wrap:break-word; margin:0 auto; padding-top:3px;}
.float-box a:hover{ text-decoration:none;}

/*the index-footer*/
.index-footer{ text-align:center; line-height:24px; color:#898989; padding:30px 0;}
.index-footer a{ color:#898989;}
.index-footer .links a{ margin:0 5px;}
.global-footer{ display:none;}

/* 2013-8-8 BY HZJ */
.wybb-link{ position:absolute; bottom:0px; right:0px;  z-index:99; width:205px; height:261px;}
.wybb-link a.wybb{ display:block;}
.wybb-link a.wybb-close{ position:absolute; top:5px; right:5px; width:12px;  height:12px; display:block;}
.area-5 a:link,
.area-5 a:visited{ color:#000;}
.area-5 .char-list{ padding:0 15px;}
.area-5 .char-list .item{ padding:0; height:22px; line-height:22px; width:120px;}
.area-5 .bd{ padding-bottom:10px;}