@charset "utf-8";
/* CSS Document */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: 400;}
body{ background: #fff; font:14px/1.5 "雅黑", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1",Arial,HELVETICA;}
img{ border:0;}
ol, ul{ list-style:none;}
:link, :visited, ins{ text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0;}
sub, sup{ font-size:100%; vertical-align:baseline;}
blockquote, q{ quotes:"\201C" "\201D" "\2018" "\2019";}
blockquote:before, blockquote:after, q:before, q:after{ content:""; content:none;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
button, input, select, textarea{ font-family:inherit; font-size:100%; margin:0;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
textarea{ overflow:auto; resize:vertical; vertical-align:top;}
i, cite, em, address{ font-style:normal;}
a{ color:#333; text-decoration:none;}
a{outline: none;star:expression_r(this.onFocus=this.blur());} 
a:hover{ text-decoration:none;}
a.disabled, a.disabled:hover{ cursor:default; pointer-events:none;}
.clearfix:before, .clearfix:after{ display:block; content:"\200b"; height:0;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:1;}
.hide, .tmpl{ display:none;}

/* global_topbar */
.global_topbar_wrap{ border-bottom: 1px solid #dedddd; height:40px; position:relative; z-index:1000;}
.global_topbar{ background:#FFF; color:#333; font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,HELVETICA; height:40px; width:100%; position:absolute; left:0; z-index:9;}
.global_topbar a{ color:#666; text-decoration:none;}
.global_topbar a:hover{ color:#333;}
.global_topbar a *{ cursor:pointer;}
.global_topbar ul{ margin:0; padding:0; list-style:none;}
.global_topbar .inner{ margin:0 auto; height:100%; width:1000px; position:relative;}
.global_topbar .services{ float:left; height:100%; width:130px; position:relative;}
.global_topbar .services ul{ border:1px solid transparent; border-top:0; height:38px; width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:9; -webkit-transition:all ease .24s; -moz-transition:all ease .24s; -ms-transition:all ease .24s; transition:all ease .24s; _border-color:#FFF;}
.global_topbar .services:hover ul{ border-color:#E8E8E8; box-shadow:0 0 1px rgba(0,0,0,.1); height:198px;}
.global_topbar .services li{ background:#FFF; margin-bottom:-1px; vertical-align:top; *zoom:1;}
.global_topbar .services li:hover{ background-color:#F0F0F0; position:relative;}
.global_topbar .services .current, .global_topbar .services .current:hover{ background-color:transparent; margin-bottom:0;}
.global_topbar .services li a{ display:block; border-top:1px solid #E8E8E8; font-size:16px; line-height:28px; padding:5px 0 7px; margin:0 10px;}
.global_topbar .services li:hover a{ border-top-color:#F0F0F0;}
.global_topbar .services .current a{ border-top:0; padding-bottom:6px;}
.global_topbar .services i, .global_topbar .services .expand span,
.global_topbar .tips, .global_topbar .num, .global_topbar .num em,
.global_topbar .user_menu i, .global_topbar .link_target a{ background:url(../images/global_topbar.png) no-repeat;}
.global_topbar .services i{ display:inline-block; background-position:0 -20px; margin:-3px 8px 0 0; height:26px; width:26px; vertical-align:middle; *margin-top:0;}
.global_topbar .services .current i{ display:none;}
.global_topbar .services .wegame{ background-position:-30px -20px;}
.global_topbar .services .fengbuy{ background-position:-60px -20px;}
.global_topbar .services .wper{ background-position:-90px -20px;}
.global_topbar .services .weand{ background-position:-120px -20px;}
.global_topbar .services .expand{ border-right:1px solid #E8E8E8; padding:0 10px; position:absolute; right:-2px; top:10px;}
.global_topbar .services .expand span{ display:block; line-height:99px; height:20px; width:20px; overflow:hidden;}
.global_topbar .links{ float:left; padding:0 10px 0 10px; overflow:hidden; position:relative;}
.global_topbar .links li{ float:left; padding:6px 8px 0;*+padding: 6px 6px 0}
.global_topbar .links li a{ display:inline-block; padding:5px 1px; vertical-align:top;}
.global_topbar .links .focus{ background:#059ef8; height:2px; width:26px; overflow:hidden; position:absolute; left:-80px; top:0; z-index:1; -webkit-transition:all cubic-bezier(.2,.2,.45,1.5) .44s; -moz-transition:all cubic-bezier(.2,.2,.45,1.5) .44s; -ms-transition:all cubic-bezier(.2,.2,.45,1.5) .44s; transition:all cubic-bezier(.2,.2,.45,1.5) .44s;}
.global_topbar .tips, .global_topbar .num, .global_topbar .num em{ display:inline-block; background-position:100% 0; font-style:normal; padding-right:6px; vertical-align:top;}
.global_topbar .tips, .global_topbar .num{ background-position:-120px 0; padding:0 0 0 6px; color:#FFF; font:12px/18px Arial; margin:-6px 0 0 -8px; position:absolute;}
.global_topbar .tips em{ display:none;}
.global_topbar .tips{ background-position:-80px 0; height:18px; width:26px; margin-left:2px; padding:0;}
.global_topbar .user_menu{ display: inline; float:left; margin:1px 0 0 10px;}
.global_topbar .user_menu li{ float:left; padding:10px 10px 0 5px;}
.global_topbar .user_menu li.username{ height: 18px; width: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all;}
.global_topbar .user_menu a{ color:#7C8A9C; font-weight:bold;}
.global_topbar .user_menu i{ display:inline-block; background-position:-20px 0; margin-top:-2px; height:20px; width:20px; vertical-align:middle; *margin-top:0;}
.global_topbar .user_menu .setting{ background-position:-40px 0;}
.global_topbar .user_menu .logout{ background-position:-60px 0;}
.global_topbar .user_menu .label, .global_topbar .link_target span{ display:none;}
.global_topbar .user_menu .face{ padding:6px 2px 0 0; margin-left: 5px;}
.global_topbar .user_menu .face img{ border:0; border-radius:100%; box-shadow:0 0 1px rgba(0,0,0,.32); vertical-align:top; -ms-interpolation-mode:bicubic;}
.global_topbar .link_target{ display:none; float:right; border-left:1px solid #E5E5E5; height:100%;}
.global_topbar .link_target a{ display:inline-block; background-position:0 -50px; margin:9px 2px 0 10px; height:20px; width:52px;}

/* 威锋client */
.global_topbar .client{ float:left; height:100%; width:130px; position:relative;}
.global_topbar .client ul{background-color:#fff; border:solid 1px #e8e8e8; border-top:none; border-bottom:0;  height:40px; width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:9; -webkit-transition:all ease .24s; -moz-transition:all ease .24s; -ms-transition:all ease .24s; transition:all ease .24s; _border-color:#FFF;}
.global_topbar .client:hover ul{ border-color:#E8E8E8; box-shadow:0 0 1px rgba(0,0,0,.1); height:330px; border-bottom:solid 1px #e8e8e8;}
.global_topbar .client li{ background:#FFF; margin-bottom:-1px; vertical-align:top; *zoom:1;}
.global_topbar .client li:hover{ background-color:#F0F0F0; position:relative;}
.global_topbar .client .current, .global_topbar .client .current:hover{ background-color:transparent; margin-bottom:0;}
.global_topbar .client li a{ display:block; color:#6a7686; border-top:1px solid #E8E8E8; line-height:28px; padding:10px 0; margin:0 10px;}
.global_topbar .client li:hover a{ border-top-color:#F0F0F0;}
.global_topbar .client li a.line_none{ border-top:none;}
.global_topbar .client .current a{ border-top:0; padding:6px 0;}
.global_topbar .client i{ display:inline-block; margin-right:10px; background-color:#c2c2c2; background:url(../images/topbar_tel.png) no-repeat; border-radius:8px; height:30px; width:30px; vertical-align:middle; *margin-top:0;}
.global_topbar .client .current i{ background-position:0 0; border-radius:0; margin-top:-2px; height:18px; width:13px;}
.global_topbar .client i.touchVersion{ background-position:0 -20px;}
.global_topbar .client i.fengClient{ background-position:0 -20px;}
.global_topbar .client i.telBbs{ background-position:0 -20px;}
.global_topbar .client .expand{ background:url(../images/topbar_tel.png) no-repeat 0 -50px; height:38px; width:14px; vertical-align:top; position:absolute; top:0; right:16px; z-index:9;}
.global_topbar .client .expand span{ font-size:0; opacity:0;}
.global_topbar .client .codeBox{ border-top: 1px solid #E8E8E8; margin:0 auto; width:110px; text-align:center;}
.global_topbar .client .codeBox h3{ color:#6a7686; font-weight:400; padding:5px 0;}


#index_bg{ background: url(../images/index_bg.jpg) repeat;}

.wrap_con{ margin:0 auto; width: 1000px; position: relative;}
.vote_header{ background: #161e2d url(../images/top_banner_bg.jpg) repeat-x; border-bottom: solid 4px #e7352c; height: 556px;}
.vote_index_header{ background: url(../images/index_bg.jpg) repeat; height: 1000px; border-bottom: 0; position: relative;}

.zhijia{ background: url(../images/new_zhijia.png) no-repeat center top; height: 922px; width: 100%; position: absolute; top: 0; z-index: 2;}

.vote_index_header .left_color_night{ display: inline-block; background: url(../images/left_color_night.png) no-repeat; margin-left: -610px; height: 680px; width: 458px; position: absolute; left: 50%; top: 330px;}
.vote_index_header .right_color_night{ display: inline-block; background: url(../images/right_color_night.png) no-repeat; margin-right: -610px; height: 680px; width: 473px; position: absolute; right: 50%; top: 330px;}
.vote_index_header .weiwei{ background: url(../images/weiwei.png) no-repeat; margin-left: -267px; height: 570px; width: 498px; position: absolute; left: 50%; top: 436px; z-index: 99;}
.vote_index_header .weiwei .line{ display: inline-block; background: url(../images/weiwei_line.png) no-repeat; height: 577px; width: 498px; position: absolute; bottom: -424px; left: 70px;}

.vote_header .start_box{ width: 1000px; height: 478px; position: absolute; left: 0; top: 0; z-index: 999;}
.vote_header .start_box .line{ background-color: #000207; width: 3px; position: absolute; top: -200px;}
.vote_header .start_box .line span.big{ background: url(../images/big_start.png) no-repeat; height: 51px; width: 51px; position: absolute; bottom: -46px; left: -24px;}
.vote_header .start_box .line span.small{ background: url(../images/small_start.png) no-repeat; height: 36px; width: 34px; position: absolute; bottom: -34px; left: -17px;}
.vote_header .start_box .one{ left: 106px; height: 120px;}
.vote_header .start_box .two{ left: 150px; height: 168px;}
.vote_header .start_box .three{ left: 294px; height: 44px;}
.vote_header .start_box .four{ left: 350px; height: 16px;}
.vote_header .start_box .five{ left: 605px; height: 20px;}
.vote_header .start_box .six{ left: 730px; height: 38px;}
.vote_header .start_box .serven{ left: 774px; height: 80px;}
.vote_header .start_box .eight{ left: 838px; height: 130px;}
.vote_header .start_box .nine{ left: 885px; height: 70px;}
.vote_header .start_box .moon{ height: 89px; width: 32px; position: absolute; top: -200px; left: 160px;}
.vote_header .start_box .moon .line_left{ position: absolute; left: 0; height: 45px;}
.vote_header .start_box .moon .line_right{ position: absolute; left: 28px; height: 89px;}
.vote_header .start_box .moon .moon_icon{ background: url(../images/moon_icon.png) no-repeat; height: 128px; width: 127px; position: absolute; left: -50px;bottom: -62px;}
.vote_header .start_box .small_u{ background: url(../images/u_line.png) no-repeat; height: 55px; width: 39px; position: absolute; left: 220px; top: -200px;}
.vote_header .start_box .big_u{ background: url(../images/u_big_line.png) no-repeat; height: 48px; width: 78px; position: absolute; left: 434px; top: -200px;}
.vote_header .vote_banner{ display: block; background: url(../images/vote_banner.png) no-repeat; height: 478px; width: 1000px; vertical-align: top; position: relative; z-index: 2;}
.vote_header .index_banner{ display: block; background: url(../images/index_banner.gif) no-repeat; margin: 0 auto; height: 424px; width: 830px; vertical-align: top; position: relative;}
.vote_header .index_banner .year_banner{ display: block; background: url(../images/shengyan.png) no-repeat; margin-left: -210px; height: 401px; width: 421px; position: absolute; left: 50%; top: 264px;}
.vote_header .link_page{ height: 76px;}
.vote_header .link_page ul li{ float: left; height: 76px; width: 50%; text-align: center;}
.vote_header .link_page ul li a{ display: block; color: #fff; font-size: 32px; margin: 0 auto; height: 76px; width: 200px; position: relative;}
.vote_header .link_page ul li a.cur{ color: #e7352c;}
.vote_header .link_page ul li a.photo i{ display: inline-block; background: url(../images/photoshop_icon.png) no-repeat; margin-right: 20px; height: 45px; width: 49px; vertical-align: top;}
.vote_header .link_page ul li a.photo.cur i{ background:url(../images/photoshop_hover_icon.png) no-repeat;}
.vote_header .link_page ul li a.eassy i{ display: inline-block; background: url(../images/essay_icon.png) no-repeat; margin-right: 20px; height: 45px; width: 42px; vertical-align: top;}
.vote_header .link_page ul li a.eassy.cur i{ background:url(../images/essay_hover_icon.png) no-repeat;}
.vote_header .link_page .uparrow{ display: inline-block; background: url(../images/arrow.jpg) no-repeat; height: 12px; width: 40px; vertical-align: top; position: absolute; left: 250px; bottom: -2px;}/*748*/

.vote_title{ background: #fff; height: 150px; width: 100%;}
.vote_title .title{ color: #333; font-size: 48px; line-height: 44px; padding:40px 0 20px; height: 44px; text-align: center;}
.vote_title .sub_bar{ line-height: 30px; height: 30px;}
.vote_title .sub_bar .tab_link{ display: inline; float: left; color: #000; border-radius: 5px; margin-right: 10px; width: 60px; text-align: center;}
.vote_title .sub_bar .tab_link.cur{ background: #e7352c; color: #fff;}

/*page_list*/
.pager{ margin-bottom: 25px;}
.page_list{ color:#333;  font:14px/22px Arial; text-align: center;}
.page_list a,
.page_list .prev_btn,
.page_list .next_btn,
.page_list .current,
.page_list .more{ color:#333; display:inline-block; padding:5px 12px; margin:0 3px; height:22px; vertical-align:top;}
.page_list .more{ padding:5px 0;}
.page_list a:hover,
.page_list .current{ color:#e7352c;}
.page_list .current,
.page_list .disabled,
.page_list .disabled:hover{ cursor:default; pointer-events:none;}
.page_list .disabled,
.page_list .disabled:hover{ color:#e7352c;}
.page_list .prev_btn, .page_list .next_btn{ line-height:20px;}
.page_list .prev_btn i, .page_list .next_btn i{ height:8px; width:4px; vertical-align:middle; _margin-top:8px;}
.vote_con{ background-color: #f2f2f2;}
.vote_com_list{ margin:50px 0; width: 100%;}
.vote_com_list ul{ margin-left: -10px; position: relative; *margin-left: -8px;}
.vote_com_list ul li{ display: inline; float: left; margin:0 0 16px 10px; height: 360px; width: 326px; *margin:0 0 16px 6px; -webkit-transition: all .32s linear; transition: all .32s linear;}
.vote_com_list ul li:hover{ -webkit-transform: translateY(5px); transform: translateY(5px);}
.vote_com_list ul li .topbox{ background-color: #fff; height: 314px; width: 326px;}
.vote_com_list ul li .topbox .img_box{ display: inline-block; margin:20px; height: 220px; width: 286px; vertical-align: top; overflow: hidden; text-align: center;}
.vote_com_list ul li .topbox .img_box img{ max-height: 220px; max-width: 286px;}
.vote_com_list ul li .topbox .article{ display: inline-block; color: #999; border-bottom: solid 1px #e6e6e6; padding:0 20px; margin:20px 0; height: 220px; width: 286px; vertical-align: top; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.vote_com_list ul li .topbox .article a{ display: block;}
.vote_com_list ul li .topbox .article h1.title{ font-size: 24px; line-height: 35px; margin-bottom: 15px; height: 35px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; text-align: center;}
.vote_com_list ul li .topbox .article p{}
.vote_com_list ul li .vote_area{ line-height: 34px; padding:0 20px; height: 34px; width: 286px; position: relative;}
.vote_com_list ul li .vote_area b.vote_add{ color: #e7352c; font-size: 16px; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 100px;}
.vote_com_list ul li .vote_area .btn{ display: inline-block; background-color: #e7352c; color: #fff;  font-size: 18px; border-radius: 5px; height: 34px; width: 78px; text-align: center;}
.vote_com_list ul li .vote_area .btn:hover{ opacity: .8;}
.vote_com_list ul li .vote_area .btn.disabled{ background-color: #999; color: #fff; pointer-events: none; cursor: default;}
.vote_com_list ul li .vote_area .vote_num{ color: #333; font-size: 20px; height: 34px; position: absolute; top: 0; right: 20px;}
.vote_com_list ul li .vote_area .vote_num i{ font-style: normal;}
.vote_com_list ul li .user_info{ font-size: 12px; margin-top: 10px; padding:0 20px 0 60px; height: 30px; width: 226px; position: relative;}
.vote_com_list ul li .user_info .header{ border-radius: 30px; height: 30px; width: 30px; position: absolute; top: 3px; left: 20px; overflow: hidden;}
.vote_com_list ul li .user_info .time{ color: #999; font-size: 10px;}

.left_slider_box{ height: 470px; width: 188px; position: fixed; left:-200px; top: 300px; z-index: 99;}
.left_slider_box a{ display: block; font-size: 0; text-indent: -999em; -webkit-transition: all .32s linear; -moz-transition: all .32s linear; -ms-transition: all .32s linear; transition: all .32s linear; vertical-align: top; position: relative;}
.left_slider_box a.nav_one{ background: url(../images/nav_one.png) no-repeat; height: 126px; width: 174px; z-index: 5;}

.left_slider_box a.nav_one.active{ background: url(../images/nav_one_cur.png) no-repeat;}
.left_slider_box a.nav_two{ background: url(../images/nav_two.png) no-repeat; margin-top: -14px; height: 90px; width: 176px; z-index: 4;}

.left_slider_box a.nav_two.active{ background: url(../images/nav_two_cur.png) no-repeat;}
.left_slider_box a.nav_three{ background: url(../images/nav_three.png) no-repeat; margin-top: -24px; height: 214px; width: 118px; z-index: 3;}

.left_slider_box a.nav_three.active{ background: url(../images/nav_three_cur.png) no-repeat;}
.left_slider_box a.nav_four{ background: url(../images/nav_four.png) no-repeat; margin-top: -130px; height: 109px; width: 190px; z-index: 2;}

.left_slider_box a.nav_four.active{ background: url(../images/nav_four_cur.png) no-repeat;}
.left_slider_box a.nav_five{ background: url(../images/nav_five.png) no-repeat; margin-top: -40px; height: 146px; width: 140px; z-index: 1;}

.left_slider_box a.nav_five.active{ background: url(../images/nav_five_cur.png) no-repeat;}

.right_slider_box{ height: 495px; width: 182px; position: fixed; right:-200px; top: 290px; z-index: 99;}
.right_slider_box a{ display: block; font-size: 0; text-indent: -999em; -webkit-transition: all .32s linear; -moz-transition: all .32s linear; -ms-transition: all .32s linear; transition: all .32s linear;  vertical-align: top; position: relative;}
.right_slider_box a.nav_six{ background: url(../images/nav_six.png) no-repeat; height: 187px; margin-left: 22px; width: 160px; z-index: 5;}

.right_slider_box a.nav_six.active{ background: url(../images/nav_six_cur.png) no-repeat;}
.right_slider_box a.nav_serven{ background: url(../images/nav_serven.png) no-repeat; height: 153px; margin:-70px 0 0 80px; width: 102px; z-index: 4;}

.right_slider_box a.nav_serven.active{ background: url(../images/nav_serven_cur.png) no-repeat;}
.right_slider_box a.nav_eight{ background: url(../images/nav_eight.png) no-repeat; margin-top: -45px; height: 110px; width: 182px; z-index: 3;}

.right_slider_box a.nav_eight.active{ background: url(../images/nav_eight_cur.png) no-repeat;}
.right_slider_box a.nav_nine{ background: url(../images/nav_nine.png) no-repeat; margin:-30px 0 0 46px; height: 118px; width: 136px; z-index: 2;}

.right_slider_box a.nav_nine.active{ background: url(../images/nav_nine_cur.png) no-repeat;}
.right_slider_box a.back_top{ background: url(../images/nav_ten.png) no-repeat; margin:-32px 0 0 74px; height: 115px; width: 108px; z-index: 1;}

.right_slider_box a.back_top.active{ background: url(../images/nav_ten_cur.png) no-repeat;}
.right_slider_box a:hover,.right_slider_box a.active{ z-index: 10;}

.module_info{ background: url(../images/mask_info_bg.png) repeat; color: #f88781; padding:30px; width: 354px; vertical-align: top; position: relative;}
.module_info h1.title{ color: #e7352c; font-size: 36px; margin-bottom: 10px;}
.module_info h2.title{ color: #e7352c; font-size: 24px; margin:12px 0; position: relative;}
.module_info h2.title .prize_btn,
.module_info h2.title .prize_btn_link,
.draw_box .module_info h2.title .prize_btn_share,
.module_info h2.title .vote_btn{ display: inline-block; color: #e7352c; font-size: 14px; border-radius: 5px; border:solid 1px #e7352c; color: #e7352c; line-height: 28px; height: 28px; width: 78px; position: absolute; top: 5px; right: 0; text-align: center;}
/*.module_info h2.title .prize_btn{ color: #92dd48; border:solid 1px #92dd48;}*/
.module_info h2.title .prize_btn:hover{ color: #92dd48; border:solid 1px #92dd48;}
.module_info .info_box{ width: 100%;}
.module_info .info_box ul li{ line-height: 24px; height: 24px;}
.module_info .info_box ul li span.fl{ float: left;}
.module_info .info_box ul li span.fr{ float: right;}

/*最佳会员*/
.best_number{ padding-top: 140px; min-height: 700px; position: relative;}
.best_number .bar_one{ background: url(../images/best_num_1.png) no-repeat; height: 374px; width: 482px; position: absolute; left: 54px; top: 170px;}
.best_number .bar_two{ background: url(../images/best_num_2.png) no-repeat; height: 356px; width: 252px; position: absolute; left: 344px; top: 479px;}
.best_number .module_info{ float: right; width: 380px; margin-right: -35px;}
.best_number .join_btn{ background: url(../images/best_number_btn.png) no-repeat; font-size: 0; height: 84px; width: 105px; position: absolute; left: 166px; top: 540px; text-indent: -999em; z-index: 3;}
.best_number .cup{ display: block; background: url(../images/cup.png) no-repeat; height: 156px; width: 96px; position: absolute; left: 288px; top: 100px; z-index: 99;}

/*摄影大赛*/
.photography{ height: 545px; position: relative;}
.photography .module_info{ float: left; color: #b0611a; margin:-150px 0 0 -60px; width: 408px; position: relative;}
.photography .module_info h1.title,
.photography .module_info h2.title{ color: #f09f0b;}
.photography .module_info h2.title .prize_btn_link{ color: #f09f0b; border:solid 1px #f09f0b;}
.photography .module_info h2.title .prize_btn{ color: #f09f0b; border:solid 1px #f09f0b;}
.photography .module_info h2.title .prize_btn_link:hover{ border:solid 1px #3db2dd; color: #3db2dd;}
.photography .module_info h2.title .prize_btn:hover{ border:solid 1px #3db2dd; color: #3db2dd;}
.photography .bar_one{ background: url(../images/photography_num_1.png) no-repeat; height: 550px; width: 480px; position: absolute; top: -169px; right: 115px;}
.photography .join_btn{ background: url(../images/photography_btn.png) no-repeat; font-size: 0; height: 81px; width: 105px; position: absolute; right: 128px; top: -120px; text-indent: -999em; z-index: 3;}

/*征文大赛*/
.essay{ margin-top: -225px; height: 478px; position: relative;}
.essay .module_info{ float: right; color: #f09f0b; margin:-688px 0 0 -40px; position: relative;}
.essay .module_info h1.title,
.essay .module_info h2.title{ color: #ffef80;}
.essay .module_info h2.title .prize_btn_link{ color: #ffef80; border:solid 1px #ffef80;}
.essay .module_info h2.title .prize_btn{ color: #ffef80; border:solid 1px #ffef80;}
.essay .module_info h2.title .prize_btn_link:hover{ color: #7c56d2; border:solid 1px #7c56d2;}
.essay .module_info h2.title .prize_btn:hover{ color: #7c56d2; border:solid 1px #7c56d2;}
.essay .bar_one{ background: url(../images/eassy_num_1.png) no-repeat; margin:21px 0 0 42px; height: 399px; width: 566px; position: relative; z-index: 2;}
.essay .tizi{ background: url(../images/eassy_num_2.png) no-repeat; margin: -149px 0 0 394px; height: 483px; width: 75px; position: relative; z-index: 3;}
.essay .join_btn{ background: url(../images/eassy_btn.png) no-repeat; font-size: 0; height: 82px; width: 105px; text-indent: -999em; position: absolute; top: 0; left: 292px; z-index: 3;}

/*我的威历*/
.my_wei{ height: 528px; position: relative;}
.my_wei .module_info{ float: left; color: #327913; margin:-90px 0 0 -40px; width: 254px; position: relative;}
.my_wei .module_info h1.title,
.my_wei .module_info h2.title{ color: #92dd48;}
.my_wei .module_info h2.title .prize_btn{ color: #92dd48; border:solid 1px #92dd48;}
.my_wei .bar_one{ background: url(../images/eassy_num_1.png) no-repeat; margin:21px 0 0 42px; height: 399px; width: 566px; position: relative; z-index: 2;}
.my_wei .tizi{ background: url(../images/eassy_num_2.png) no-repeat; margin: -149px 0 0 394px; height: 483px; width: 75px; position: relative; z-index: 3;}
.my_wei .bar_one{ float: right; background: url(../images/my_weili.png) no-repeat; margin-right: 122px; margin-top: -268px; height: 807px; width: 534px;}
.my_wei .join_btn{ background: url(../images/weili_btn.png) no-repeat; font-size: 0; height: 92px; width: 141px; text-indent: -999em; position: absolute; top: 394px; left: 416px; z-index: 3;}

/*我要抽奖*/
.draw_box{ height: 546px; position: relative;}
.draw_box .module_info{ float: left; color: #238367; margin:-220px 0 0 -40px; width: 420px; position: relative;}
.draw_box .module_info h1.title{ position: relative;}
.draw_box .module_info h1.title,
.draw_box .module_info h2.title{ color: #48ddb1;}
.draw_box .module_info h1.title .vote_num{ font-size: 12px; position: absolute; right: 0; top: 25px;}
.draw_box .module_info h1.title .vote_num i{ color: #d2569c; padding-left: 10px;}
.draw_box .module_info h2.title .prize_btn_share{ color: #48ddb1; border: 1px solid #48ddb1;}
.draw_box .module_info h2.title .prize_btn_share:hover{ color: #d2569c; border: 1px solid #d2569c;}
.draw_box .join_btn{ background: url(../images/weili_btn.png) no-repeat; font-size: 0; height: 92px; width: 141px; text-indent: -999em; position: absolute; top: 394px; left: 416px; z-index: 3;}

#lottery_panel{ float: right; background: url(../images/vote_area.png) no-repeat; margin-right: 70px; margin-top: -25px; height: 298px; width: 480px; position: relative; z-index: 2;}
#lottery_panel .prize_btn_only{ float: right; display: block; background: url(../images/vote_btn.png) no-repeat; margin-top: -50px; margin-right: 20px; height: 81px; width: 105px; cursor: pointer;}
#lottery_panel .prize_btn_only:hover{ opacity: .8;}
#lottery_panel table{ float: left; margin-top: -31px; height: 298px; width: 480px;}
.table_one{ display: inline-block; background: url(../images/1.png) no-repeat; height: 90px; width: 160px;}
.table_two{ display: inline-block; background: url(../images/2.png) no-repeat; height: 112px; width: 160px;}
.table_three{ display: inline-block; background: url(../images/3.png) no-repeat; height: 120px; width: 160px;}
.table_four{ display: inline-block; background: url(../images/4.png) no-repeat; height: 116px; width: 160px;}
.table_five{ display: inline-block; background: url(../images/5.png) no-repeat; height: 118px; width: 161px;}
.table_six{ display: inline-block; background: url(../images/6.png) no-repeat; height: 120px; width: 160px;}
.table_serven{ display: inline-block; background: url(../images/7.png) no-repeat; height: 122px; width: 160px;}
.table_eight{ display: inline-block; background: url(../images/8.png) no-repeat; height: 120px; width: 162px;}

#prize_1,#prize_2,#prize_3,#prize_4,#prize_5,#prize_6,#prize_7,#prize_8{ position: absolute; cursor: pointer;}
#prize_1{ height: 90px; width: 160px; top: 0; left: 128px;}
#prize_2{ height: 112px; width: 160px; top: 26px; left: 224px;}
#prize_3{ height: 120px; width: 160px; top: 51px; left: 320px;}
#prize_4{ height: 118px; width: 158px; top: 115px; left: 259px;}
#prize_5{ height: 120px; width: 162px; top: 178px; left: 194px;}
#prize_6{ height: 120px; width: 160px; top: 152px; left: 97px;}
#prize_7{ height: 120px; width: 160px; top: 127px; left: -1px;}
#prize_8{ height: 96px; width: 160px; top: 63px; left: 64px;}
.hot_area{ margin-left: 24px; height: 78px; width: 86px; position: absolute; left: 0; top: 0;}
.prize_hover_bg{ background: url(../images/prize_pop_bg.png) no-repeat; padding:40px 35px; height: 134px; width: 180px;}
#prize_1 .hot_area{ width: 97px;margin-left: 20px; z-index: 99;}
#prize_1 .hot_area .prize_hover_bg{ position: absolute; top: -196px; left: -72px;}
#prize_2 .hot_area{ width: 97px;margin-left: 20px; z-index: 100;}
#prize_2 .hot_area .prize_hover_bg{ position: absolute; top: -196px; left: -72px;}
#prize_3 .hot_area{ width: 136px;margin-left: 20px; z-index: 101;}
#prize_3 .hot_area .prize_hover_bg{ position: absolute; top: -190px; left: -72px;}
#prize_4 .hot_area{ width: 136px;margin-left: 20px; z-index: 102;}
#prize_4 .hot_area .prize_hover_bg{ position: absolute; top: -196px; left: -80px;}
#prize_5 .hot_area{ width: 136px;margin-left: 20px; margin-top: 15px; z-index: 103;}
#prize_5 .hot_area .prize_hover_bg{ position: absolute; top: -212px; left: -84px;}
#prize_6 .hot_area{ width: 108px;margin-left: 20px; z-index: 104;}
#prize_6 .hot_area .prize_hover_bg{ position: absolute; top: -198px; left: -72px;}
#prize_7 .hot_area{ width: 108px;margin-left: 8px; z-index: 105;}
#prize_7 .hot_area .prize_hover_bg{ position: absolute; top: -198px; left: -70px;}
#prize_8 .hot_area{ width: 136px;margin-left: 8px; z-index: 106;}
#prize_8 .hot_area .prize_hover_bg{ position: absolute; top: -198px; left: -67px;}
.prize_area .hot_area .prize_hover_bg h2{ color: #fff; width: 100%; text-align: center;}

#lottery_panel table span{ display: none;}
#lottery_panel table td.current span{ display: block;}

/*分享*/
.shareBox{ background: url(../images/arrow_line.png) no-repeat left bottom; height: 42px; width: 125px; position: absolute; right: -20px; top: -46px; z-index: 99;} 
.shareBox .bdsharebuttonbox { height: 30px;}
.shareBox .bdsharebuttonbox a { display: inline; float: left; margin:0; margin-left: 16px; padding:0; height: 30px; width: 30px;}
.bdsharebuttonbox a.bds_weixin { background: url(../images/weixin_icon.png) no-repeat;}
.bdsharebuttonbox a.bds_weixin:hover{  background: url(../images/weixin_icon_hover.png) no-repeat;}
.bdsharebuttonbox a.bds_qzone{ background: url(../images/qq_zon_icon.png) no-repeat;}
.bdsharebuttonbox a.bds_qzone:hover{ background: url(../images/qq_zon_icon_hover.png) no-repeat;}
.bdsharebuttonbox a.bds_tsina{ background: url(../images/sina_icon.png) no-repeat; margin-left: 0;}
.bdsharebuttonbox a.bds_tsina:hover{ background: url(../images/sina_icon_hover.png) no-repeat;}

/*关门放威威*/
.send_wei{ position: relative;}
.send_wei .module_info{ float: right; color: #3278b2; margin-top: -650px; position: relative;}
.send_wei .module_info h1.title,
.send_wei .module_info h2.title{ color: #3db2dd;}
.send_wei .module_info h2.title .prize_btn{ color: #3db2dd; border:solid 1px #3db2dd;}
.send_wei .module_info h2.title .prize_btn:hover{ color: #faad21; border:solid 1px #faad21;}
.send_wei .bar_one{ background: url(../images/send_wei.png) no-repeat; height: 836px; width: 591px;margin-top: -124px;margin-left: 52px;position: relative;z-index: 2;}
.send_wei .join_btn{ background: url(../images/send_wei_btn.png) no-repeat; font-size: 0; height: 84px; width: 105px; text-indent: -999em; position: absolute; top: 488px;left: 100px; z-index: 3;}

/*九天生死战*/
.nine_war{ position: relative;}
.nine_war .module_info{ float: right; color: #6644b2; margin-top: -590px; position: relative;}
.nine_war .module_info h1.title,
.nine_war .module_info h2.title{ color: #7c56d2;}
.nine_war .module_info h2.title .prize_btn{ color: #7c56d2; border:solid 1px #7c56d2;}
.nine_war .module_info h2.title .prize_btn:hover{ color: #ffd84e; border:solid 1px #ffd84e;}
.nine_war .bar_one{ background: url(../images/nine_war_num_1.png) no-repeat;margin-top: -46px;margin-left: 40px; height: 650px; width: 480px;}
.nine_war .join_btn{ background: url(../images/nine_war_btn.png) no-repeat; font-size: 0; height: 86px; width: 105px; text-indent: -999em; position: absolute; top: 300px;left: 158px; z-index: 3;}

/*对白大作战*/
.dialog_war{ height: 500px; position: relative;}
.dialog_war .module_info{ float: left; color: #999; margin-left: -50px;margin-top: -50px; position: relative;}
.dialog_war .module_info h1.title,
.dialog_war .module_info h2.title{ color: #e5e5e5;}
.dialog_war .module_info h2.title .prize_btn{ color: #e5e5e5; border:solid 1px #e5e5e5;}
.dialog_war .module_info h2.title .prize_btn:hover{ color: #92dd48; border:solid 1px #92dd48;}
.dialog_war .bar_one{ display: inline; float: left; background: url(../images/dialog_left.png) no-repeat;margin-top: -29px;margin-left: -21px;height: 253px;width: 536px;position: relative;z-index: 2;}
.dialog_war .bar_two{ float: right; background: url(../images/dialog_right.png) no-repeat; margin-top: -160px; height: 256px;width: 550px;position: relative;z-index: 2;}
.dialog_war .door{ background: url(../images/dialog_war.png) no-repeat; height: 284px; width: 335px; position: absolute;top: -90px;left: 310px;z-index: 5;}
.dialog_war .join_btn{ background: url(../images/best_number_btn.png) no-repeat; font-size: 0; height: 84px; width: 105px; text-indent: -999em; position: absolute; top: 297px;left: 444px; z-index: 3;}

/*九日生情*/
.nine_love{ height: 880px; position: relative;}
.nine_love .module_info{ float: left; color:#8e235f; margin-left: -50px; margin-top: 100px; position: relative;}
.nine_love .module_info h1.title,
.nine_love .module_info h2.title{ color: #d2569c;}
.nine_love .module_info h2.title .prize_btn{ color: #d2569c; border:solid 1px #d2569c;}
.nine_love .module_info h2.title .prize_btn:hover{ color: #48ddb1; border:solid 1px #48ddb1;}
.nine_love .bar_one{ display: inline; float: right; background: url(../images/end_room.png) no-repeat; margin-top: 37px;margin-right: 35px;height: 430px;width: 482px;position: relative;z-index: 2;}
.nine_love .bar_two{ display: inline; float: left; background: url(../images/end_ti.png) no-repeat;height: 419px;width: 364px;position: absolute;top: -206px;right: -38px;}
.nine_love .join_btn{ background: url(../images/end_door_btn.png) no-repeat; font-size: 0; height: 85px; width: 105px; text-indent: -999em; position: absolute; top: 445px; right: 350px; z-index: 3;}
.animated{-webkit-animation-name: updown; animation-name: updown; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.2s; animation-duration: 1.2s;}
.animatedsub{-webkit-animation-name: updownsub; animation-name: updownsub; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.2s; animation-duration: 1.2s;}
.comment_leftarrow{ background: url(../images/left_arrow.png) no-repeat; height: 28px; width: 14px; position: absolute; left: -14px; top:50%;}
.comment_rightarrow{ background: url(../images/right_arrow.png) no-repeat; height: 28px; width: 14px; position: absolute; right: -14px; top:50%;}
.comment_toparrow{ background: url(../images/top_arrow.png) no-repeat; height: 14px; width: 28px; position: absolute; right: 50%; top:-14px;}

.partners{ background-color: #0b0e16; padding:54px 0;}
.partners h1.title{ color: #fff; font-size: 32px; margin-bottom: 40px;}
.partners ul{ margin-left: -15px;}
.partners ul li{ float: left; display: inline; margin:0 0 30px 15px; height: 52px; width: 154px;}
.partners ul li img{ border-radius: 5px; height: 52px; width: 154px; overflow: hidden;}
.partners ul li img:hover{ opacity: .8;}

.footer{ font-size: 12px; color: #405180; padding:30px 0; text-align: center;}
.footer p{ line-height: 25px;}

/*animate*/
@keyframes updown {
    0%{ transform: translateY(0);}
    25%{ transform: translateY(-5px);}
    50%{ transform: translateY(0);}
    75%{ transform: translateY(5px);}
    100%{ transform: translateY(0);}
}
@-webkit-keyframes updown {
    0%{ transform: translateY(0);}
    25%{ transform: translateY(-5px);}
    50%{ transform: translateY(0);}
    75%{ transform: translateY(5px);}
    100%{ transform: translateY(0);}
}

@keyframes leftoption {
    0%{ transform: translateX(0); opacity: 1;}
    100%{ transform: translateX(-10px);  opacity: .8;}
}
@-webkit-keyframes leftoption {
    0%{ transform: translateX(0); opacity: 1;}
    100%{ transform: translateX(-10px);  opacity: 0.8;}
}

.leftoption{
    -webkit-animation-name: leftoption;
    animation-name: leftoption;
}

/*animate*/
@keyframes updownsub {
    0%{ transform: translateY(0);}
    25%{ transform: translateY(-2px);}
    50%{ transform: translateY(0);}
    75%{ transform: translateY(2px);}
    100%{ transform: translateY(0);}
}
@-webkit-keyframes updownsub {
    0%{ transform: translateY(0);}
    25%{ transform: translateY(-2px);}
    50%{ transform: translateY(0);}
    75%{ transform: translateY(2px);}
    100%{ transform: translateY(0);}
}

@keyframes nextlranim {
    0%{ transform: translateX(0);}
    25%{ transform: translateX(-2px);}
    50%{ transform: translateX(0);}
    75%{ transform: translateX(2px);}
    100%{ transform: translateX(0);}
}
@-webkit-keyframes nextlranim {
    0%{ transform: translateX(0);}
    25%{ transform: translateX(-2px);}
    50%{ transform: translateX(0);}
    75%{ transform: translateX(2px);}
    100%{ transform: translateX(0);}
}

/*弹出框*/
.prize_note_pop{ background: url(../images/prize_note_pop.png) no-repeat; padding:27px 99px; margin:-303px 0 0 -525px; height: 552px; width: 852px; position: fixed; left: 50%; top: 50%; z-index: 999;}
.prize_note_pop .title{ color: #f2e515; font-size: 32px; font-weight: 400px; padding:30px 0; height: 40px; text-align: center;}
.prize_note_pop .hint{ padding-left: 102px; color: #fff; height: 70px; width: 750px; position: relative;}
.prize_note_pop .hint .titlesub{ display: inline-block; width: 102px; position: absolute; left: 0; top: 3px; text-align: center;}
.prize_note_pop .hint p{ line-height: 32px;}
.prize_note_pop .hint .jion_btn{ display: block; background: url(../images/activity_btn.png) no-repeat; font-size: 0; height: 50px; width: 140px; position: absolute;  top: 0; right: 0; text-indent: -999em;}
.prize_note_pop .hint .jion_btn:hover{ background: url(../images/activity_btn_hover.png) no-repeat;}
.prize_note_pop .prize_list{ height: 380px; width: 100%; overflow-x: hidden; overflow-y: scroll; *position: relative;}
.prize_note_pop .prize_list::-webkit-scrollbar-track-piece{background:#222;border-radius:4px;}
.prize_note_pop .prize_list::-webkit-scrollbar{height:6px;width:6px;}
.prize_note_pop .prize_list::-webkit-scrollbar-thumb:vertical{background:#999;border-radius:4px;}
.prize_note_pop .prize_list::-webkit-scrollbar-thumb:horizontal{background:#999;border-radius:4px;}
.prize_note_pop .prize_list::-webkit-scrollbar-thumb:hover{background:#f2e515;}
.prize_note_pop .prize_list ul{ margin-left: -5px;}
.prize_note_pop .prize_list ul li{ display: inline; float: left; margin-left: 10px; height: 312px; width: 200px; *margin-left: 8px;}
.prize_note_pop .prize_list ul li a{ display: block;}
.prize_note_pop .prize_list ul li .prize_gifts{ display: block; background-color: #fff; height: 250px; width: 200px; position: relative;}
.prize_note_pop .prize_list ul li .prize_gifts .title_p{ display: block; background: url(../images/pop_title_bg.png) repeat-x; color: #fff; line-height: 50px; height: 50px; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; position: absolute; bottom: 0; left: 0;}
.prize_note_pop .prize_list .prize_num{ color: #f2e515; font-size: 18px; line-height: 30px; margin-top: 10px; height: 30px; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all;}

/*中奖弹出框*/
.pop_shell{ background:url(../images/shell_pop.png) no-repeat; padding:30px; margin:-170px 0 0 -260px; height: 282px; width: 441px; font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,HELVETICA; overflow:hidden; position: fixed; left:50%; top:50%; z-index:9998;}
.pop_shell a.close_btn{ display: block; background: url(../images/prize_close_btn.png) no-repeat; font-size: 0; height: 50px; width: 50px; position: absolute; top: 20px; right: 4px; text-indent: -999em;}
.pop_shell a.close_btn:hover{ background: url(../images/prize_close_btn_hover.png) no-repeat;}
.pop_shell .pop_icon, .pop_shell .pop_btns{ padding:10px; text-align:center;}
.pop_shell .pop_icon{ padding-top: 20px;}
.pop_shell .pop_icon i{ display:inline-block; height:120px; width:180px; vertical-align:top;}
.pop_shell .pop_icon .error{ height: 95px; width: 95px; background: url(../images/error.png) no-repeat; vertical-align: top;}
.pop_shell .pop_content{ color:#fff; font-size:22px; text-align:center;}
.pop_shell .pop_content em{ color:#f2e515; font-style: normal; margin:0 .3em;}
.pop_shell .pop_hint{ font-size: 14px; color: #fff; line-height: 25px; padding: 10px; text-align: center;}
.pop_shell .pop_hint a{ color: #e78f1e; line-height: 25px; border-bottom: 1px #cd7d26 solid; padding-bottom: 2px; margin: 0 5px;}
.pop_shell .pop_close{ height:38px; width:45px; position:absolute; right:0; top:14px;}
.pop_shell .pop_close a{ display:block; background:url(../images/closeBtn.jpg) no-repeat; line-height:99em; height:38px; width: 48px; overflow:hidden;}
.pop_shell .pop_btns .btn:hover, .pop_shell .pop_close a:hover{ opacity:1;}
.pop_shell .share_area{ margin:10px 0; height: 30px; width: 100%;}
.pop_shell .share_area a{ display: block; background-color: #ee6464; color: #fff; font-size: 14px; border-radius: 5px; margin:0 auto; line-height: 30px; height: 30px; width: 120px; text-align: center;}
.pop_shell .share_area a:hover{ opacity: .8;}

.sp_close_btn{ display: block; background: url(../images/prize_close_btn.png) no-repeat; font-size: 0; height: 50px; width: 50px; position: absolute; top: 20px; right: 25px; text-indent: -999em;}
.sp_close_btn:hover{ background: url(../images/prize_close_btn_hover.png) no-repeat; opacity: .8;}

/*倒计时*/
#countdown_bg{background: url(../images/countdown_bg.jpg) no-repeat top center; height: 1080px; vertical-align: top;}
.cutdown_mask{ background: url(../images/cutdown_mask.png) repeat; position: fixed; z-index: 9; left: 0; top: 0;}
.left_curtain,
.right_curtain{ font-size: 0; text-indent: -999em; position: fixed; z-index: 10;}
.left_curtain{ background: url(../images/left_curtain.png) no-repeat right center; left: 0;}
.right_curtain{ background: url(../images/right_curtain.png) no-repeat left center; right: 0;}
.countDownCon{ margin:0 auto; padding-top: 276px; width: 652px; position: relative; z-index: 999;}
.countDownCon .title{ background: url(../images/count_title.png) no-repeat; font-size: 0; margin-bottom: 15px; height: 62px; width: 100%; text-indent: -999em;}
.countDownCon .sub_title{ background: url(../images/count_sub_title.png) no-repeat; font-size: 0; margin-bottom: 32px; height: 68px; width: 100%; text-indent: -999em;}
.products_title{ background: url(../images/products_title.png) no-repeat left top; font-size: 0; height: 17px; width: 100%; text-indent: -999em;}
.products_list{ margin:0 0 0 124px; width: 404px; overflow:hidden;}
.products_list ul{ width: 110%; margin-left: -10px; position: relative;}
.products_list ul li{ display: inline; float: left; margin:10px 0 0 10px; height: 128px; width: 128px; position: relative;}
.products_list ul li .mask{ display: block; background: url(../images/countdown_mask.png) repeat; color: #fff; color: rgba(255,255,255,.6); height: 100%; width: 100%; position: absolute; left: 0; top: 0; text-align: center;}
.products_list ul li .mask p{ margin-top: 53px; line-height: 22px; height: 22px;}

.date_time{ background: url(../images/date_time_bg.png) no-repeat; margin: 0 auto 20px; height: 117px; width: 345px;}
.date_time .time_img{ display: inline; float: left; margin:22px 0 0 28px; height: 54px; width: 296px;}
.date_time .time_img span{ display: inline; float: left; height: 54px; width: 26px;}
.date_time .time_img span.level_low{ margin-left: 28px;}
.date_time .time_img span.level_sub{ margin-left: 10px;}

.parents_title{ background: url(../images/hezuo_title.png) no-repeat left top; font-size: 0; margin-bottom: 8px; height: 17px; width: 100%; text-indent: -999em;}
.parents{ width: 100%;}
.parents ul{ margin-left: -15px; position: relative;}
.parents ul li{ display: inline; float: left; margin:15px 0 0 15px; height: 26px; width: 96px; overflow: hidden;}
.parents ul li img{ border-radius: 5px; filter: alpha(opacity=60); opacity: .6; height: 26px; width: 96px; overflow: hidden;}
.parents ul li img:hover{ filter: alpha(opacity=100); opacity: 1;}
.pop_footer{ background: url(../images/parents_bg.png) repeat; margin-top: 35px; height: 150px; width: 100%;}
.pop_footer .wrap_con{ margin:0 auto; padding-top: 18px; height: 132px; width: 652px; position: relative; z-index: 99;}

/* ds.dialog
.ds_dialog{ color:#333; font:12px/1.5 "Microsoft Yahei",Arial; position:absolute; left:44%; top:44%; z-index:1999; outline:0;}
.ds_dialog, .ds_dialog_border, .ds_dialog_panel .ds_dialog_title, .ds_dialog_title h3{ margin:0; padding:0;}
.ds_dialog_border, .ds_dialog_panel{ border-collapse:collapse; margin:0; padding:0;}
.ds_dialog_tl, .ds_dialog_tc, .ds_dialog_tr, .ds_dialog_ml, .ds_dialog_mr, .ds_dialog_bl, .ds_dialog_bc, .ds_dialog_br{ background:#000; background:rgba(0,0,0,.5); margin:0; padding:0; filter:Alpha(opacity=50);}
.ds_dialog_tl, .ds_dialog_tr, .ds_dialog_bl, .ds_dialog_br{ height:8px; width:8px;}
.ds_dialog_inner{ background:#fff; border-top:1px solid #7697d0; position:relative;}
.ds_dialog_header{ vertical-align:top;}
.ds_dialog_title{ background:#476db9; border-bottom:1px solid #476db9; height:34px;}
.ds_dialog_title h3{ cursor:default; color:#999; font-size:12px; font-weight:normal; line-height:34px; padding:0 30px 0 16px; height:29px; white-space:nowrap;}
.ds_dialog_active .ds_dialog_title h3{ color:#FFF;}
.ds_dialog_active .ds_dialog_title h3 span.sadIcon{ display:inline-block; background:url(../images/sadIcon_23.png) no-repeat 0 3px; padding-left:30px; height:29px; width:23px;}
.ds_dialog_close{ height:24px; width:24px; position:absolute; right:10px; top:6px;}
.ds_dialog_close a{ display:block; color:#FFF; font:26px/24px Arial,Helvetica; height:24px; overflow:hidden; text-align:center; text-decoration:none; text-shadow:0 -1px 0 #395ba1;}
.ds_dialog_close a:hover{ color:#C72015; text-decoration:none;}
.ds_dialog_icon{ padding:10px 0 10px 10px; vertical-align:middle;}
.ds_dialog_icon .ds_dialog_icon_bg{ display:block; background:none no-repeat 50% 50%; height:40px; width:40px;}
.ds_dialog_main{ vertical-align:middle;}
.ds_dialog_footer{ vertical-align:bottom;}
.ds_dialog .ds_dialog_buttons{ background:#FAFAFA; border-top:1px solid #F0F0F0; font-size:0; padding:8px; white-space:nowrap; text-align:right;}
.ds_dialog_buttons button{ display:inline-block; background:#D6D6D6; border:1px solid #b4b4b4; border-radius:3px; color:#333; cursor:pointer; font-size:13px; letter-spacing:1px; line-height:26px; margin:0 5px 0 10px; padding:0 15px; height:30px; background:-moz-linear-gradient(top, #E8E8E8 0%, #D6D6D6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#D6D6D6)); background:-webkit-linear-gradient(top, #E8E8E8 0%,#D6D6D6 100%); background:-o-linear-gradient(top, #E8E8E8 0%,#D6D6D6 100%); background:-ms-linear-gradient(top, #E8E8E8 0%,#D6D6D6 100%); background:linear-gradient(to bottom, #E8E8E8 0%,#D6D6D6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#D6D6D6',GradientType=0); box-shadow:inset 0 1px 0 #FFF; text-shadow:0 1px 0 #FFF; vertical-align:top; border-radius:0\9; *line-height:24px; *padding:0 11px;}
.ds_dialog_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0;}
.ds_dialog_buttons button:hover{ background:#F3F3F3; background:-moz-linear-gradient(top, #EEE 0%, #F3F3F3 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top, #EEE 0%,#F3F3F3 100%); background:-o-linear-gradient(top, #EEE 0%,#F3F3F3 100%); background:-ms-linear-gradient(top, #EEE 0%,#F3F3F3 100%); background:linear-gradient(to bottom, #EEE 0%,#F3F3F3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#F3F3F3',GradientType=0);}
.ds_dialog_buttons button:focus{ border-color:#426DC9; box-shadow:0 0 5px #FFBA08;}
.ds_dialog_buttons button:active{ border-color:#b4b4b4; background:-moz-linear-gradient(top, #DDD 0%, #FFF 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(100%,#FFF)); background:-webkit-linear-gradient(top, #DDD 0%,#FFF 100%); background:-o-linear-gradient(top, #DDD 0%,#FFF 100%); background:-ms-linear-gradient(top, #DDD 0%,#FFF 100%); background:linear-gradient(to bottom, #DDD 0%,#FFF 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF',GradientType=0); box-shadow:inset 0 1px 5px #FFF;}
.ds_dialog_buttons .ds_dialog_yes{ background:#6089dc; background:-moz-linear-gradient(top, #6089dc 0%, #496eba 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6089dc), color-stop(100%,#496eba)); background:-webkit-linear-gradient(top, #6089dc 0%,#496eba 100%); background:-o-linear-gradient(top, #6089dc 0%,#496eba 100%); background:-ms-linear-gradient(top, #6089dc 0%,#496eba 100%); background:linear-gradient(to bottom, #6089dc 0%,#496eba 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6089dc', endColorstr='#496eba',GradientType=0); border-color:#5378c3; box-shadow:inset 0 1px 0 #90b3fb; color:#fff; text-shadow:0 -1px 0 #5378c3;}
.ds_dialog_buttons .ds_dialog_yes:hover{ background:#6f9cf5; background:-moz-linear-gradient(top, #6f9cf5 0%, #5880d0 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f9cf5), color-stop(100%,#5880d0)); background:-webkit-linear-gradient(top, #6f9cf5 0%,#5880d0 100%); background:-o-linear-gradient(top, #6f9cf5 0%,#5880d0 100%); background:-ms-linear-gradient(top, #6f9cf5 0%,#5880d0 100%); background:linear-gradient(to bottom, #6f9cf5 0%,#5880d0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f9cf5', endColorstr='#5880d0',GradientType=0);}
.ds_dialog_buttons .ds_dialog_yes:active{ border-color:#1C6A9E; background:-moz-linear-gradient(top, #2288CC 0%, #33BBEE 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2288CC), color-stop(100%,#33BBEE)); background:-webkit-linear-gradient(top, #2288CC 0%,#33BBEE 100%); background:-o-linear-gradient(top, #2288CC 0%,#33BBEE 100%); background:-ms-linear-gradient(top, #2288CC 0%,#33BBEE 100%); background:linear-gradient(to bottom, #2288CC 0%,#33BBEE 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2288CC', endColorstr='#33BBEE',GradientType=0);}
.ds_dialog_buttons button:disabled, .ds_dialog_buttons .disabled, .ds_dialog_buttons .disabled:hover, .ds_dialog_buttons .disabled:focus, .ds_dialog_buttons .disabled:active{ background:#E9E9E9; border-color:#C6C6C6; color:#AAA; cursor:default; box-shadow:inset 0 0 1px #FCFCFC; text-shadow:0 1px 0 #fff; pointer-events:none; outline:0; filter:none;}
 */

/*首页弹出框*/
.index_pop_dialog{ display: none; background: url(../images/index_pop.png) no-repeat; color: #f2e515; font-size: 20px; margin: -136px 0 0 -197px; padding:15px; margin: -136px 0 0 -197px; height: 242px; width: 364px; position: fixed; top: 50%; left: 50%; z-index: 999; text-align: center;}
.index_pop_dialog a.close_btn{ display: inline; float: right; font-size: 0; margin:10px; background: url(../images/index_pop_btn.png) no-repeat; height: 50px; width: 50px; text-indent: -999em;}
.index_pop_dialog a.close_btn:hover{ background: url(../images/index_pop_btn_hover.png) no-repeat;}
.index_pop_dialog .con{ padding: 10px 10px 0; width: 340px; height: 150px; overflow: hidden;}
.index_pop_dialog .con a{ color: #ccc;}
.index_pop_dialog .con a:hover{ color: #fff;}

/*投票页面弹出框*/
.vote_page_dialog{ display: none; background-color: #fff; border-radius: 10px; margin:-120px 0 0 -180px; width: 360px; height: 240px; position: fixed; text-align: center; left: 50%; top: 50%; z-index: 999; vertical-align: middle; overflow: hidden;}
.vote_page_dialog a.close_btn{ display: inline; font-size: 0; margin:10px; background: url(../images/vote_page_btn.jpg) no-repeat; height: 30px; width: 30px; position: absolute; top: 0; right: 0;}
.vote_page_dialog a.close_btn:hover{ background: url(../images/vote_page_btn_hover.jpg) no-repeat;}
.vote_page_dialog .con{ display: inline-block; padding: 70px 20px 20px; color: #333; font-size: 26px; vertical-align: middle;}
.vote_page_dialog .con a{ color: #e7352c;}
.vote_page_dialog .con a:hover{ color: #E67A74;}

/*我的威历*/
.my_weili{ background: url(../images/weili_bg.jpg) no-repeat center top; width: 100%; *background: url(../images/weili_bg.jpg) repeat}
.weili_header_box{ background: url(../images/weili_header_bg.png) repeat; border-radius:0 0 10px 10px; margin: 0 auto; height: 62px; width: 800px; overflow: hidden; position: relative; z-index: 91;}
.weili_header_box .title{ background: url(../images/weili_title.png) no-repeat; height: 62px; width: 108px; position: absolute; left: 60px; top: 0;}
.weili_header_box .line{ float: left; background-color: #1de21d; height: 25px; width: 1px; position: absolute; top: 18px;}
.weili_header_box .user_info{color: #999; font-size: 16px; border-right: solid 1px #1de21d; width: 170px; height: 25px; position: absolute; left: 190px; top: 18px;}

.weili_header_box .user_info .header{ display: inline; float: left; margin:-8px 0 0 20px; height: 37px; width: 40px; position: relative;}
.weili_header_box .user_info span.img{ display: inline; float: left; margin:3px 0 0 5px; border-radius: 30px; height: 30px; width: 30px; overflow: hidden;}
.weili_header_box .user_info .maksimg{ background: url(../images/header_mask.png) no-repeat; height: 37px; width: 40px; position: absolute; left: 0; top: 0;}
.weili_header_box .user_info .name{ color: #999; display: inline; float: left; margin-left: 8px; height: 25px; width: 95px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.weili_header_box .user_info .name:hover{ color: #1091ec;}
.weili_header_box .change_admin{ float: left; color: #999; border-right: solid 1px #1de21d; height: 25px; width: 104px;text-align: center; position: absolute; top: 20px; left: 362px;}
.weili_header_box .change_admin:hover{ color: #1091ec;}
.weili_header_box .share_box{ color: #999; position: absolute; top: 18px; left: 486px;}


/*分享*/
.weili_header_box .share_box{ height: 30px; position: absolute; top: 16px; right: 12px;} 
.weili_header_box .share_box .label{ display: inline-block; line-height: 30px; margin-right: 20px; height: 30px; vertical-align: top;}
.weili_header_box .share_box .bdsharebuttonbox { display: inline-block; height: 30px; width: 150px;}
.weili_header_box .share_box .bdsharebuttonbox a { display: inline; float: left; margin:0; margin-left: 30px; padding:0; height: 30px; width: 30px; vertical-align: top;}
.weili_header_box .share_box a.bds_weixin { background: url(../images/gray_weixin.png) no-repeat;}
.weili_header_box .share_box a.bds_weixin:hover{  background: url(../images/weixin_icon_hover.png) no-repeat;}
.weili_header_box .share_box a.bds_qzone{ background: url(../images/gray_zone.png) no-repeat;}
.weili_header_box .share_box a.bds_qzone:hover{ background: url(../images/qq_zon_icon_hover.png) no-repeat;}
.weili_header_box .share_box a.bds_tsina{ background: url(../images/gray_sina.png) no-repeat; margin-left: 0;}
.weili_header_box .share_box a.bds_tsina:hover{ background: url(../images/sina_icon_hover.png) no-repeat;}

/*滚动轴*/
.weili_history_line{ background:url(../images/history_line.png) no-repeat; margin-left: -552px; height: 320px; width: 6px; position: absolute; top: 29.4%; left: 50%; z-index: 90;}
.weili_rounds{ background: url(../images/radius_icon.png) no-repeat; height: 20px; width: 20px; position: absolute; left: -7px;}
.weili_rounds.active{ background: url(../images/radius_icon_hover.png) no-repeat;}
.weili_rounds .title{ display: none;  font-size: 0; height: 84px; width: 38px; position: absolute; left: 30px; top: -32px; text-indent: -999em;}
.mouse_wheel{ background: url(../images/mouse_wheel.png) no-repeat; height: 160px; width: 28px; position: absolute; top: 80px; left: -50px;}

.first_module{ top: 38px;}
.first_module .title{ background: url(../images/weiage_title.png) no-repeat;}

.second_module{ top: 94px;}
.second_module .title{ background: url(../images/weitie_title.png) no-repeat;}

.third_module{ top: 150px;}
.third_module .title{ background: url(../images/weifriends_title.png) no-repeat;}

.fourth_module{ top: 206px;}
.fourth_module .title{ background: url(../images/weifeng_title.png) no-repeat;}

.fifth_module{ top:260px;}
.fifth_module .title{ background: url(../images/weiniwo_title.png) no-repeat;}

.weili_rounds.active .title{ display: block;}

.star_ball{ background: url(../images/star_ball.png) no-repeat center top; margin-left: -1169px; height: 2338px; width: 2338px; position: absolute; bottom: -1878px; /*top: 53.3%;*/ left: 50%;}

.section_area{ display: none; margin-left: -500px; height: 100%; width: 1000px; position: fixed; bottom: 0; left: 50%;}
.section_area .info_show{ background: url(../images/section_info.png) no-repeat; opacity: 0; margin-left: 300px; height: 303px; width: 398px; position: absolute; left: 0; top: 50%; z-index: 9; margin-top: -200px;}
.section_area .info_show span.num{ display: inline-block; font-size: 0; margin-left: -18px; height: 30px; width: 36px; position: absolute; top: 16px; left: 50%;}
.section_area .info_show span.num_1{ background: url(../images/head_1.png) no-repeat;}
.section_area .info_show span.num_2{ background: url(../images/head_2.png) no-repeat;}
.section_area .info_show span.num_3{ background: url(../images/head_3.png) no-repeat;}
.section_area .info_show span.num_4{ background: url(../images/head_4.png) no-repeat;}
.section_area .info_show span.num_5{ background: url(../images/head_5.png) no-repeat;}

.section_area .info_show .btn_control{ display: none; margin-top: -24px; height: 48px; width: 396px; position: absolute; top: 50%;}
.section_area .info_show .btn_control a{ display: inline-block; font-size: 0; height: 48px; width: 26px; text-indent: -999em;}
.section_area .info_show .btn_control a.prev_btn{ float: left; background: url(../images/prev_btn.png) no-repeat; margin-left: -46px; vertical-align: top; -webkit-animation: nextlranim 1.5s 0s infinite ease-in-out; animation: nextlranim 1.5s 0s infinite ease-in-out;}
.section_area .info_show .btn_control a.prev_btn.disabled{ background: url(../images/prev_btn_disabled.png) no-repeat; -webkit-animation: none; animation: none;}

.section_area .info_show .btn_control a.next_btn{ float: right; background: url(../images/next_btn.png) no-repeat; margin-right: -46px; vertical-align: top; -webkit-animation: nextlranim 1.5s 0s infinite ease-in-out; animation: nextlranim 1.5s 0s infinite ease-in-out;}
.section_area .info_show .btn_control a.next_btn.disabled{ background: url(../images/next_btn_disabled.png) no-repeat; -webkit-animation: none; animation: none;}


.section_area .info_show .toggles{ height: 6px; width: 100%; text-align: center; position: absolute; left: 0; bottom: -10px;}
.section_area .info_show .toggles span.dot{ display: inline-block; font-size: 0; border:solid 1px #1de21d; margin:5px; height: 4px; width: 16px; text-indent: -999em;}
.section_area .info_show .toggles span.dot.active{ background-color: #1de21d;}
.section_area .one_show{ color: #ccc; font-size: 18px; line-height: 35px; padding-top: 80px; text-align: center; opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
.section_area .one_show h1.title{ color: #1de21d; font-size: 32px; font-weight: 400px; margin-bottom: 15px;}
.section_area .one_show .level_num{ margin-left: 8px; height: 24px; width: 26px;}
.section_area .one_show .time{ display: inline-block; color: #1de21d; font-size: 18px; font-weight: 400; margin-left: 10px; vertical-align: top;}
.section_area .one_show p.chenghaoline{ text-align: left; padding-left: 50px;}
.section_area .one_show .chenghao{ float: right; height: 110px; width: 174px; position: relative; margin-top: -32px; margin-right: 8px; opacity: 0; -webkit-animation-name: scaleIn; animation-name: scaleIn; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
.section_area .one_show .yellow_color{ color: #fbee41; font-weight: normal;}

.section_area .one_show p.tieline{ text-align: left; padding-left: 70px;}
.section_area .one_show .tiechenghao{ float: right; height: 110px; width: 174px; position: relative; margin-top: -50px; margin-right: 40px; opacity: 0; -webkit-animation-name: scaleIn; animation-name: scaleIn; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
.section_area .one_show .tiechenghaosub{ float: right; height: 110px; /*width: 174px;*/ position: relative; margin-top: -55px; margin-right: 0px; opacity: 0; -webkit-animation-name: scaleIn; animation-name: scaleIn; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.section_area .one_show.s1_1{ padding-top: 110px;}
.section_area .one_show.s1_2{ padding-top: 100px;}
.section_area .one_show.s2_1{ padding-top: 110px;}
.section_area .one_show.s2_2{ padding-top: 100px;}
.section_area .one_show.s3_1{ padding-top: 110px;}
.section_area .one_show.s3_2{ padding-top: 90px;}
.section_area .one_show.s3_3{ padding-top: 110px;}
.section_area .one_show.s4_1{ padding-top: 70px;}
.section_area .one_show.s4_2{ padding-top: 110px;}
.section_area .one_show.s4_3{ padding-top: 70px;}
.section_area .one_show.s5_1{ padding-top: 100px;}
.section_area .one_show.s5_2{ padding-top: 110px;}

.section_area .one_show.s1_2 .chenghao{ margin-top: -40px;}
.section_area .one_show.s2_2 .tiechenghao{ margin-top: -45px;}
.section_area .one_show.s3_1 .tiechenghaosub{ margin-top: -45px; margin-right: 30px;}
.section_area .one_show.s4_1 .tiechenghaosub{ margin-top: -80px; margin-right: 20px;}
.section_area .one_show.s4_3 .tiechenghaosub{ margin-top: -75px;}

/*我的威龄*/
.section_area .section01_1{ background: url(../images/section_01_1.png) no-repeat; opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s; height: 216px; width: 274px; position: absolute; left: 92px; bottom: 136px;}
.section_area .section01_2{ background: url(../images/section_01_2.png) no-repeat; opacity: 0; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; height: 58px; width: 60px; position: absolute; left: 52px; bottom: 88px;}
.section_area .section01_3{ background: url(../images/section_01_3.png) no-repeat; opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s; height: 76px; width: 64px; position: absolute; left: 585px; bottom: 270px;}
.section_area .section01_4{ background: url(../images/section_01_4.png) no-repeat; opacity: 0; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; height: 102px; width: 70px; position: absolute; left: 238px; bottom: 28px;}
.section_area .section01_5{ background: url(../images/section_01_5.png) no-repeat; opacity: 0; -webkit-animation-delay: 3s; animation-delay: 3s; height: 22px; width: 26px; position: absolute; left: 707px; bottom: 86px;}

.section_area.active .afterAnimate .section01_1{ opacity: 1; -webkit-animation: fadeOut 1.5s 0s forwards linear; animation: fadeOut 1.5s 0s forwards linear;}
.section_area.active .afterAnimate .section01_2{ opacity: 1; -webkit-animation: fadeOut .5s .5s forwards linear; animation: fadeOut .5s .5s forwards linear;}
.section_area.active .afterAnimate .section01_3{ opacity: 1; -webkit-animation: fadeOut .5s 1s forwards linear; animation: fadeOut .5s 1s forwards linear;}
.section_area.active .afterAnimate .section01_4{ opacity: 1; -webkit-animation: fadeOut .5s 1.5s forwards linear; animation: fadeOut .5s 1.5s forwards linear;}
.section_area.active .afterAnimate .section01_5{ opacity: 1; -webkit-animation: fadeOut .5s 2s forwards linear; animation: fadeOut .5s 2s forwards linear;}

.section_area .section001_01{ background: url(../images/section_02_1.png) no-repeat; opacity: 0; -webkit-animation: fadeIn 1.5s 0s forwards linear; animation: fadeIn 1.5s 0s forwards linear; height: 216px; width: 312px; position: absolute; left: 92px; bottom: 136px;}
.section_area .section001_02{ background: url(../images/section_02_2.png) no-repeat; opacity: 0; -webkit-animation: fadeIn .2s 2s forwards linear; animation: fadeIn .2s 2s forwards linear; height: 30px; width: 32px; position: absolute; left: 337px; bottom: 103px;}
.section_area .section001_03{ background: url(../images/section_02_3.png) no-repeat; opacity: 0; -webkit-animation: fadeIn .2s 2.5s forwards linear; animation: fadeIn .2s 2.5s forwards linear; height: 29px; width: 32px; position: absolute; left: 400px; bottom: 67px;}
.section_area .section001_04{ background: url(../images/section_02_4.png) no-repeat; opacity: 0; -webkit-animation: fadeIn .2s 3s forwards linear; animation: fadeIn .2s 3s forwards linear; height: 26px; width: 38px; position: absolute; left: 413px;bottom: 4px;}
.section_area .section001_05{ background: url(../images/section_02_5.png) no-repeat; opacity: 0; -webkit-animation: fadeIn .2s 3.5s forwards linear; animation: fadeIn .2s 3.5s forwards linear; height: 26px; width: 36px; position: absolute; left: 480px;bottom: 0;}

/*帖长地久*/
.section_area .section002_1{ -webkit-animation-delay: 2s; animation-delay: 2s; height: 84px; width: 88px; position: absolute; left: 192px; bottom: 390px;}
.section_area .section002_2{ background: url(../images/section_002_2.png) no-repeat; opacity: 0; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; height: 32px; width: 32px; position: absolute; left: 460px; bottom: 142px;}
.section_area .section002_3{ background: url(../images/section_002_3.png) no-repeat; opacity: 0; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; height: 32px; width: 32px; position: absolute; left: 460px; bottom: 82px;}
.section_area .section002_4{ background: url(../images/section_002_4.png) no-repeat; opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s; height: 32px; width: 32px; position: absolute; left: 540px; bottom: 55px;}

.section_area .section002_b1{ height: 102px; width: 180px; position: absolute; left: 748px; bottom: 332px;}
.section_area .section002_01{ background: url(../images/section_002_01.png) no-repeat; height: 102px; width: 180px; position: absolute; right: 0; top: 0;}
.section_area .section002_02{ -webkit-animation-delay: 1s; animation-delay: 1s; height: 64px; width: 60px; position: absolute; right: 160px; top: 60px;}
.section_area .section002_03{ background: url(../images/section_002_03.png) no-repeat; opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s; height: 100px; width: 92px; position: absolute; left: 240px; bottom: 42px;}
.section_area .section002_04{ background: url(../images/section_002_04.png) no-repeat; opacity: 0; -webkit-animation-delay: 3s; animation-delay: 3s; height: 16px; width: 18px; position: absolute; left: 652px; bottom: 109px;}
.section_area .section002_05{ background: url(../images/section_002_2.png) no-repeat; height: 32px; width: 32px; position: absolute; left: 460px; bottom: 142px;}
.section_area .section002_06{ background: url(../images/section_002_3.png) no-repeat; height: 32px; width: 32px; position: absolute; left: 460px; bottom: 82px;}
.section_area .section002_07{ background: url(../images/section_002_4.png) no-repeat; height: 32px; width: 32px; position: absolute; left: 540px; bottom: 55px;}
.section_area .section002_08{ -webkit-animation-delay: 0s; animation-delay: 0s; height: 84px; width: 88px; position: absolute; left: 192px; bottom: 390px;}

/*友情岁月*/
.section_area .section003_1{ background: url(../images/section003_1.png) no-repeat; opacity: 0; -webkit-animation: updown 1.2s 0s infinite ease-in-out, fadeIn 1s 1s forwards linear; animation: updown 1.2s 0s infinite ease-in-out, fadeIn 1s 1s forwards linear; height: 112px; width: 104px; position: absolute; left: 243px; bottom: 243px;}
.section_area .section003_2{ background: url(../images/section003_2.png) no-repeat; -webkit-animation-name: rotateshow; animation-name: rotateshow; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-origin:bottom; transform-origin:bottom; height: 156px; width: 50px; position: absolute; left: 530px; bottom: 37px;}
.section_area .section003_3{ background: url(../images/section003_3.png) no-repeat; -webkit-animation-name: rotateshow; animation-name: rotateshow; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-origin:bottom; transform-origin:bottom; height: 394px; width: 168px; position: absolute; left: 773px; bottom: 102px;}
.section_area .section003_4{ background: url(../images/section003_01.png) no-repeat; height: 164px; width: 90px; position: absolute; left: 243px; bottom: 200px;}
.section_area .section003_5{ background: url(../images/section003_02.png) no-repeat; height: 60px; width: 72px; position: absolute; left: 308px; bottom: 126px;}


.section_area .section003_01{ background: url(../images/section003_01.png) no-repeat; opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s; height: 164px; width: 90px; position: absolute; left: 243px; bottom: 200px;}
.section_area .section003_02{ background: url(../images/section003_02.png) no-repeat; opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s; height: 60px; width: 72px; position: absolute; left: 308px; bottom: 126px;}

/*锋之轨迹*/
.section_area .section004_1{ background: url(../images/section004_01.png) no-repeat; opacity: 0; -webkit-animation-delay: .7s; animation-delay: .7s; height: 120px; width: 180px; position: absolute; left: 65px; bottom: 300px;}

.section_area .section004_21{ background: url(../images/section004_01.png) no-repeat; opacity: 1; -webkit-animation-delay: 0s; animation-delay: 0s; height: 120px; width: 180px; position: absolute; left: 265px; bottom: 300px;}
.section_area .section004_22{ height: 66px; width: 66px; position: absolute; left: 293px; bottom: 228px;}
.section_area .section004_23{ height: 66px; width: 66px; position: absolute; left: 546px; bottom: 216px;}

.section_area .section004_31{ background: url(../images/section004_01.png) no-repeat; height: 120px; width: 180px; position: absolute; left: 265px; bottom: 300px;}
.section_area .section004_32{ height: 66px; width: 66px; position: absolute; left: 293px; bottom: 228px;}
.section_area .section004_33{ height: 66px; width: 66px; position: absolute; left: 546px; bottom: 216px;}

/*威锋你我*/
.section_area .section005_1{ background: url(../images/section005_01.png) no-repeat; height: 78px; width: 42px; position: absolute; left: 268px; bottom: 183px;}
.section_area .section005_2{ background: url(../images/section005_02.png) no-repeat; height: 24px; width: 34px; position: absolute; left: 302px; bottom: 77px;}
.section_area .section005_3{ background: url(../images/section005_03.png) no-repeat; height: 36px; width: 38px; position: absolute; left: 523px; bottom: 220px;}
.section_area .section005_4{ background: url(../images/section005_04.png) no-repeat; height: 44px; width: 66px; position: absolute; left: 496px; bottom: 110px;}
.section_area .section005_5{ background: url(../images/section005_05.png) no-repeat; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; height: 56px; width: 56px; position: absolute; left: 664px; bottom: 190px;}

.section_area.active{ display: block;}
.section_area.active .info_show{ opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.section_area.active .section01_1,
.section_area.active .section01_2,
.section_area.active .section01_3,
.section_area.active .section01_4,
.section_area.active .section01_5,

.section_area.active .section002_2,
.section_area.active .section002_3,
.section_area.active .section002_4,

.section_area .section002_03,
.section_area .section002_04,

.section_area .section003_01,
.section_area .section003_02{-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.section_area .section002_b1{ -webkit-animation-name: fadeInRightS; animation-name: fadeInRightS; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.section_area.active .section004_1{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
.section_area.active .section004_21{-webkit-animation-name: fadeInLeftBig2; animation-name: fadeInLeftBig2; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

.section_area.active .section005_2,
.section_area.active .section005_3{ -webkit-animation-name: leftoption; animation-name: leftoption; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.section_area.active .section005_3{ -webkit-animation-duration: 3s; animation-duration: 3s;}

/*雷达效果*/
.section_area.active .section002_1,
.section_area.active .section002_08{ -webkit-animation-name: radarAnimate; animation-name: radarAnimate; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.section_area.active .section002_02{ -webkit-animation-name: radarAnimate2; animation-name: radarAnimate2; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/*屏幕适配*/
@media (min-height: 700px) {
    .section_area .info_show{ margin-top: -300px;}
}


@-webkit-keyframes rotateshow{
    0%{ transform: rotate(0); opacity: 0.8;}
    25%{ transform: rotate(-5deg); opacity: 1;}
    50%{ transform: rotate(0); opacity: 0.8;}
    75%{ transform: rotate(5deg); opacity: 1;}
    100%{ transform: rotate(0); opacity: 0.8;}
}
@keyframes rotateshow{
    0%{ transform: rotate(0); opacity: 0.8;}
    25%{ transform: rotate(-5deg); opacity: 1;}
    50%{ transform: rotate(0); opacity: 0.8;}
    75%{ transform: rotate(5deg); opacity: 1;}
    100%{ transform: rotate(0); opacity: 0.8;}
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeftBig2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes radarAnimate {
    0%   {background: url(../images/sign1.png) no-repeat;}
    25%  {background: url(../images/sign2.png) no-repeat;}
    50%  {background: url(../images/sign3.png) no-repeat;}
    75%  {background: url(../images/sign4.png) no-repeat;}
    100% {background: none;}
}

@keyframes radarAnimate {
    0%   {background: url(../images/sign1.png) no-repeat;}
    25%  {background: url(../images/sign2.png) no-repeat;}
    50%  {background: url(../images/sign3.png) no-repeat;}
    75%  {background: url(../images/sign4.png) no-repeat;}
    100% {background: none;}
}

@-webkit-keyframes radarAnimate2 {
    0%   {background: url(../images/sign1_1.png) no-repeat;}
    35%  {background: url(../images/sign1_2.png) no-repeat;}
    75%  {background: url(../images/sign1_3.png) no-repeat;}
    100% {background: none;}
}

@keyframes radarAnimate2 {
    0%   {background: url(../images/sign1_1.png) no-repeat;}
    35%  {background: url(../images/sign1_2.png) no-repeat;}
    75%  {background: url(../images/sign1_3.png) no-repeat;}
    100% {background: none;}
}

@-webkit-keyframes fadeInRightS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}