﻿body,div,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;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
a:hover{text-decoration: underline;color:#000;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}

html,body{width:100%;}
body{min-width:1200px;font:12px "Microsoft YaHei","宋体",sans-serif;background:url(../img/main-bg.jpg) center no-repeat;background-size:cover;background-attachment:fixed;}
body.inner{background:url(../img/main-bg2.jpg) center no-repeat;background-size:cover;background-attachment:fixed;}

.container{width:1200px;height:750px;position:relative;margin:0 auto;}

.logo{position:absolute;left:40px;top:30px;width:125px;z-index:9;cursor:pointer;}
.user_welcome{position:absolute;right:40px;top:40px;color:#625f59;font-size:15px;z-index:9}
.menu{position:absolute;right:0px;top:80px;z-index:9}
.menu .menu_icon{cursor:pointer;width:160px;}
.menu_list{position:absolute;right:33px;top:45px;display:none}
.menu_list a{display:block;text-align:right;color:#625f59;font-size:14px;line-height:25px;}
.menu_list a.active{color:#ee3f4c;}

.home_wrapper{width:1200px;height:707px;background:url(../img/index-bg.png) center bottom no-repeat;padding-top:43px;}
.home_wrapper .home_start_btn{position:absolute;width:269px;height:76px;background:url(../img/transparent.png);left:480px;bottom:82px;}
.home_wrapper .home_rules_btn{position:absolute;width:133px;height:60px;background:url(../img/transparent.png);left:905px;bottom:187px;}
.home_wrapper .home_ranking_btn{position:absolute;width:141px;height:72px;background:url(../img/transparent.png);left:967px;bottom:110px;}

.footer{width:100%;padding-top:30px;overflow:auto}
.footer .copyright{float:left;margin-left:32px;color:#625f59;font-size:11px;line-height:32px;}
.footer .share{float:right;margin-right:35px;}
.footer .share p{float:left;color:#625f59;font-size:11px;line-height:32px;}
.footer .share img{float:left;margin-left:12px;cursor:pointer;}

.wrapper{position:relative;width:1200px;height:750px;background:url(../img/crowd-bg.png) 0px bottom no-repeat;}
.wrapper.bg2{position:relative;width:1200px;height:750px;background:none;}
.wrapper.bg3{position:relative;width:1200px;height:750px;background:none;}
.slogan{display:block;padding:60px 0 85px 314px;width:576px;}
.login_box{position:relative;width:530px;height:193px;background:url(../img/login-bg.jpg);margin:0 auto;}
.login_box .login_form{padding-top:65px;}
.login_box .login_form .panel{padding-bottom:12px;overflow:auto}
.login_box .login_form label{float:left;width:144px;text-align:right;padding-right:24px;font-size:14px;color:#e43741;line-height:24px;}
.login_box .login_form label em{font-size:12px;margin-right:3px;vertical-align:top}
.login_box .login_form input{float:left;width:255px;padding:0 10px;color:#e43741;line-height:24px;height:24px;border:1px solid #f1cac3;font-size:14px;}
.login_box .reg_link{position:absolute;left:223px;top:0;width:165px;height:55px;background:url(../img/transparent.png);}
.login_box .cloud1{position:absolute;left:-210px;top:-20px;}
.login_box .cloud2{position:absolute;right:-264px;top:172px;}
.login_box .forget_pwd{position:absolute;text-align:right;right:85px;top:145px;font-size:12px;color:#e43741;cursor:pointer;}
.login_btn{position:absolute;left:187px;bottom:-100px;cursor:pointer;width:160px;}


.register_box{position:relative;width:530px;height:335px;background:url(../img/register-bg.jpg);margin:0 auto;margin-top:-50px;}
.register_box .register_form{padding-top:65px;}
.register_box .register_form .panel{padding-bottom:12px;overflow:auto}
.register_box .register_form label{float:left;width:144px;text-align:right;padding-right:24px;font-size:14px;color:#e43741;line-height:24px;}
.register_box .register_form label em{font-size:12px;margin-right:3px;vertical-align:top}
.register_box .register_form input{float:left;width:255px;padding:0 10px;color:#e43741;line-height:24px;height:24px;border:1px solid #f1cac3;font-size:14px;}
.register_box .register_form input.short{width:131px;}
.register_box .login_link{position:absolute;left:0px;top:0;width:128px;height:30px;background:url(../img/transparent.png);}
.register_box .cloud1{position:absolute;left:-146px;top:-20px;width:180px;}
.register_box .cloud3{position:absolute;right:-70px;bottom:-40px;width:190px;}
.register_box .cloud4{position:absolute;right:-264px;top:215px;}
.register_btn{position:absolute;left:187px;bottom:-100px;cursor:pointer;width:160px}
.register_hint{position:absolute;left:168px;bottom:18px;font-size:12px;color:#e43741;}
.send_mb_code{float:left;height:24px;margin-left:15px;cursor:pointer;}
.pin_code{float:left;height:24px;margin-left:15px;cursor:pointer;}

.reset_box{position:relative;width:525px;height:171px;background:url(../img/reset-bg.jpg);margin:0 auto;}
.reset_box .reset_form{padding-top:30px;}
.reset_box .reset_form h2{text-align:center;font-size:18px;color:#e43741;padding-bottom:24px;}
.reset_box .reset_form .panel{padding-bottom:17px;overflow:auto}
.reset_box .reset_form label{float:left;width:155px;text-align:right;padding-right:24px;font-size:14px;color:#e43741;line-height:28px;}
.reset_box .reset_form label em{font-size:12px;margin-right:3px;vertical-align:top}
.reset_box .reset_form input{float:left;width:270px;padding:0 10px;color:#e43741;line-height:28px;height:28px;border:1px solid #f1cac3;font-size:14px;}
.reset_box .cloud1{position:absolute;left:-165px;top:-20px;width:180px;}
.reset_box .cloud2{position:absolute;right:-226px;top:146px;width:300px;}
.reset_box .forget_pwd{position:absolute;text-align:right;right:113px;top:194px;font-size:12px;color:#e43741;cursor:pointer;}
.reset_submit_btn{position:absolute;left:196px;bottom:-90px;cursor:pointer;width:160px;}

.rules_box{position:relative;width:526px;height:479px;background:url(../img/rule-bg.jpg);margin:0 auto;margin-top:-55px;}
.rules_box h2{position:absolute;left:0;top:-47px;text-align:center;width:100%;color:#e43741;font-size:26px;}
.rules_box .cloud1{position:absolute;left:-156px;top:-20px;width:185px}
.rules_box .cloud3{position:absolute;right:-184px;bottom:170px;width:190px;}
.rules_box .cloud4{position:absolute;right:-264px;top:215px;}
.rule_content{width:500px;height:425px;margin-left:8px;padding-top:39px;}
.rule_content img{width:100%;}

.rules_box .mCSB_scrollTools .mCSB_draggerRail{background-color:#b1897e !important;}
.rules_box .mCSB_scrollTools .mCSB_dragger{width:4px !important;height:90px !important;background-color:#e43741 !important;}
.rules_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:none !important;}
.rules_box .mCSB_scrollTools{width:4px;}

.comments_list .mCSB_scrollTools .mCSB_draggerRail{background-color:#d7d1bd !important;}
.comments_list .mCSB_scrollTools .mCSB_dragger{width:4px !important;height:74px !important;background-color:#837f72 !important;}
.comments_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:none !important;}
.comments_list .mCSB_scrollTools{width:4px;}

.slogan2{display:block;padding:40px 0 20px 413px;width:388px}
.flash_box{float:left;width:775px;height:725px;margin-left:60px;}

.sidebar{float:right;width:264px;margin-right:64px;}
.sidebar .user_info{border-bottom:1px solid #eb6100;overflow:auto;padding-top:10px;padding-bottom:14px;}
.sidebar .user_info .avator{width:80px;height:80px;border-radius:50%;float:left;margin-top:-10px}
.sidebar .user_info p{padding-top:5px;padding-left:92px;font-size:12px;color:#646258;}
.sidebar .ranking{border-bottom:1px solid #eb6100;padding-bottom:8px;}
.sidebar .ranking h2{font-size:16px;color:#ed3e4b;line-height:25px;padding-top:8px;padding-bottom:8px;}
.sidebar .ranking p{color:#646258;font-size:12px;line-height:24px;background:none;padding-left:7px;}
.sidebar .ranking p.even{background:url(../img/orange-bg.png)}

.sidebar .latest_news{padding-top:12px;}
.sidebar .latest_news h2{font-size:16px;color:#ed3e4b;line-height:25px;padding-bottom:10px;}
.sidebar .latest_news p{color:#646258;font-size:12px;line-height:24px;}

.picture_wall{float:left;width:825px;margin-left:45px;position:relative;padding-top:50px}
.picture_list{overflow:auto}
.picture_list li{float:left;margin-right:22px;width:182px;padding-bottom:20px;}
.picture_list h2{font-size:14px;text-align:center;color:#646258;padding-bottom:5px;}
.picture_list li .picture_wrapper{width:180px;height:180px;border:1px solid #ed7219;}
.picture_list li .picture_wrapper img{width:180px;height:180px;}
.picture_list li .vote_btn{float:left;margin-top:10px;cursor:pointer;width:86px;}
.picture_list li .comment_btn{float:left;margin-top:10px;cursor:pointer;margin-left:11px;}
.picture_list li p{text-align:center;padding-top:10px;font-size:14px;color:#646258;clear:both}


.pagination{width:415px;height:30px;margin:0 auto;position:relative;}
.pagination ul{width:308px;height:30px;margin:0 auto;}
.pagination ul li{float:left;width:30px;height:30px;text-align:center;line-height:30px;font-size:14px;color:#646258;cursor:pointer;margin:0 2px;}
.pagination ul li.active{background:url(../img/page-on.png);color:#f6b8ba;}
.pagination .prev_btn{position:absolute;left:-15px;top:10px;cursor:pointer;}
.pagination .next_btn{position:absolute;right:-15px;top:10px;cursor:pointer;}

.wall_fiter{position:absolute;left:0px;top:10px;z-index:99}
.wall_fiter .fiter_by_time{float:left;font-size:14px;color:#646258;cursor:pointer;padding-right:9px;margin-right:9px;border-right:1px solid #646258;}
.wall_fiter .fiter_by_count{float:left;font-size:14px;color:#646258;cursor:pointer;}
.wall_fiter p.active{color:#e60012;}

.comments_box{width:1200px;padding-top:30px;}
.comments_box .work_box{float:left;margin-left:130px;width:380px;position:relative;}
.comments_box .work_box h2{font-size:22px;text-align:center;color:#646258;padding-bottom:15px;height:30px;}
.comments_box .work_box .work_pic{width:376px;border:0px solid #f5be8a;}
.comments_box .work_box .work_pic img{width:376px;}
.comments_box .work_box .vote_btn{display:block;margin:0 auto;margin-top:10px;cursor:pointer;}
.comments_box .work_box .vote_count{position:absolute;left:0;bottom:7px;font-size:14px;color:#646258;}

.comments_list{float:left;margin-left:62px;width:466px;}
.comments_list form{padding-top:45px;overflow:auto;padding-bottom:30px;}
.comments_list form textarea{padding:5px;width:452px;height:71px;background:none;outline:none;border:1px solid #f5be8a;resize:none;font-size:13px;color:#646258;}
.comments_list form .submit_btn{float:right;width:95px;margin-top:10px;cursor:pointer;}
.comments_content{height:269px;width:466px;}
.comments_content h3{font-size:14px;color:#646258;height:27px;line-height:27px;}
.comments_content h3 span{float:right;}
.comments_content p{background:url(../img/orange-bg.png);padding:10px 40px;font-size:12px;line-height:18px;color:#646258;}
.comments_content li{margin-bottom:10px;}

.intro_box{}
.intro_box .intro_img{display:block;border:1px solid #f29a51;margin:0 auto}
.intro_box .intro_form{padding-top:22px;}
.intro_box .intro_form .intro_text{display:block;margin:0 auto;width:596px;height:90px;background:#fff3d4;border:1px solid #f29a51;resize:none;padding:10px;font-size:14px;color:#585347;margin-bottom:20px;}
.intro_box .intro_form .submit_btn{display:block;margin:0 auto;cursor:pointer;width:140px;}

