@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td{margin:0;padding:0;}
body{font:12px/1.42 Microsoft yahei,simsun,sans-serif; color: #b4b4b4; background: #1d1e23; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
a,a:hover{ text-decoration: none; color: #b4b4b4}
a:hover{color: #b4b4b4}
img {border:0; vertical-align: middle;}
button, input, select, textarea {font-size:100%;font:12px/1.42 Microsoft yahei,simsun,sans-serif; }
.fl{float:left;}
.fr{float: right;}
.clearfix:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
table{width: 100%;border:0;margin:0;border-collapse:collapse;border-spacing:0;}
/*top and foot*/
.topbar {height: 40px;background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);background-image: linear-gradient(to bottom, #fff, #f6f6f6);color: #333;background-color: #f6f6f6;font-size: 12px}
.topbar-container { *zoom:1;overflow: hidden;margin-left: auto;margin-right: auto;width: 1000px;height: 40px}
.topbar-container:before,.topbar-container:after { content: " ";display: table}
.topbar-container:after {   clear: both}
.topbar-logo {float: left;width: 125px;height: 40px}
.topbar-logo a {display: block; width: 125px;height: 40px;background: url(../images/img_logo_58game.jpg) no-repeat;text-indent: -9999em}
.topbar-nav { float: right;padding: 10px 0 0 0}
.topbar-nav-inner {  *zoom:1}
.topbar-nav-inner:before,.topbar-nav-inner:after { content: " "; display: table}
.topbar-nav-inner:after {   clear: both}
.topbar-nav li { float: left; line-height: 20px;color: #333}
.topbar-nav a {display: block;padding: 0 10px;color: #333}
.topbar-nav .nobg { background: none}
.footer{ height: 80px; line-height: 80px; font-size: 12px; color: #6a5348; text-align: center;}
.footer a{color: #6a5348; }

.wrap{ width: 100%; margin: 0 auto;overflow: hidden; position: relative; }
.main{ width: 1200px; margin: 0 auto 45px;overflow: hidden; padding-top:135px; position: relative;}

.bg{ position: absolute; width: 100%; left: 0; top: 0px; z-index: -1;}
.bg div{width: 100%; height: 184px; background-position: center top; background-repeat: no-repeat; }
.bg1{ background-image: url(../images/bg_01.jpg);}
.bg2{ background-image: url(../images/bg_02.jpg);}
.bg3{ background-image: url(../images/bg_03.jpg);}
.bg4{ background-image: url(../images/bg_04.jpg);}
.bg5{ background-image: url(../images/bg_05.jpg);}
.bg6{ background-image: url(../images/bg_06.jpg);}
.bg7{ background-image: url(../images/bg_07.jpg);}
.bg8{ background-image: url(../images/bg_08.jpg);}
.bg9{ background-image: url(../images/bg_09.jpg);}
.bg10{ background-image: url(../images/bg_10.jpg);}
.bg11{ background-image: url(../images/bg_11.jpg);}
.bg12{ background-image: url(../images/bg_12.jpg);}
.bg13{ background-image: url(../images/bg_13.jpg);}
.bg14{ background-image: url(../images/bg_14.jpg);}
.bg15{ background-image: url(../images/bg_15.jpg);}
.bg16{ background-image: url(../images/bg_16.jpg);}
.bg17{ background-image: url(../images/bg_17.jpg);}
.bg18{ background-image: url(../images/bg_18.jpg);}
.bg19{ background-image: url(../images/bg_19.jpg);}
.bg20{ background-image: url(../images/bg_20.jpg);}

.top_btn{ width: 630px; height: 68px; margin-left: 70px; padding-top: 200px;}
.top_btn a{ display: block;; float: left; text-align: center; line-height: 60px; font-size: 30px; color: #613900; width: 200px; height: 60px; margin-right: 10px; background: url(../images/top_btn_bg.jpg) no-repeat; }
.top_btn a:hover{ background:url(../images/top_btn_bg_h.jpg) no-repeat; }

.video_box{ width: 600px; height: 337px; background: #000; margin-left: 80px; margin-top: 30px;}

.box1{ margin-top: 83px; height: 710px; padding-top:75px;}
.slide .poster-btn{ display: block; width: 35px; height: 41px; margin-top: 250px; float: left; cursor: pointer;}
.slide .prev{ background: url(../images/slide_prev.png) no-repeat;}
.slide .next{ background: url(../images/slide_next.png) no-repeat;}
.slide .poster-list{ width: 1029px; height: 495px; float: left; overflow: hidden;}
.slide .poster-list li{ display: none;}
.slide .poster-list li.active{ display: block;}

.box2{ height: 700px;}
.tit{ text-align: center;}
.tit span{ color: #ff9829}

.box2_con{ width: 1025px; margin: 30px auto 0;}
.pic_left{ width: 427px; height: 220px; float: left; position: relative;}
.info_show{ position: absolute; width: 41px; height: 41px; background: url(../images/add_div.png) no-repeat; right: 135px; bottom: -60px; cursor: pointer;}
.info_show:hover{ background: url(../images/add_div_h.png) no-repeat; }
.info_div{visibility:hidden; width: 287px; height: 190px; padding: 15px 20px; background: url(../images/opa.png) repeat; margin: auto;}
.info_div p{ font-size: 14px; color: #fff; padding-top: 0px;}
.box2_con h3{ font-size: 24px; color: #d64538; text-align: center; font-weight: bolder; padding-top: 105px;}
.vote_btn{ width:176px; height: 48px; background: url(../images/vote_btn.jpg); display: block; font-size: 24px; color: #fff; text-align: center; line-height: 48px; margin: 10px auto }
.vote_btn:hover{ background: url(../images/vote_btn_h.jpg);}
.vote_btn:hover{ color: #fff;}
.pic_right{ width: 427px; height: 220px; float: right; position: relative;}

.turnplate {width: 540px;height:540px;padding: 25px;position: relative;background: url(../images/turnplate-bg.png) 0 0 no-repeat; background-size: 100% 100%; margin-top: 40px;}
.turnplate .prise {width: 540px;height: 540px;position: absolute;left: 25px;top: 25px;z-index: 3;background: url(../images/prises.png) 0 0 no-repeat;}
.turnplate .active {position: absolute;top: 25px;left: 191px;z-index: 2;width: 208px;height: 540px;background: url(../images/active.png) 0 0 no-repeat;}
.turnplate .btn-play {position: absolute;top: 50%;left: 50%;z-index: 3;width: 180px;height: 180px;background: url(../images/btn-play.png) 0 0 no-repeat;cursor: pointer; background-size: auto 100%; margin-left: -90px; margin-top: -91px;}
.turnplate .btn-play:hover {background-position: -179px 0;}
.turnplate .black {position: absolute;top: 50%;left: 50%;z-index: 1;width: 180px;height: 180px;background: url(../images/black.png) 0 0 no-repeat;cursor: pointer; margin-top: -90px; margin-left: -90px;}
.draw-msg {width: 330px;padding-top: 350px;background: url(../images/cool.png) 0px 14px no-repeat;}
.draw-msg .count {width: 160px;height: 30px;line-height: 30px;padding: 0 10px;margin-left: 100px;background-color: #7F1515;font-size: 14px;color: #ff8383;}
.draw-msg .count img {vertical-align: middle;}
.draw-msg .btn-orange {margin-left: 100px;}
.draw-msg .input-item {float: left;width: 278px;border: 1px solid #FF7365;background-color: #242424;overflow: hidden;}
.box3{ height: 908px;}

.txtarea{ width: 1022px; height: 68px; padding: 30px; background: url(../images/textaer_bg.jpg) no-repeat; margin: 20px auto}
.txtarea textarea{ width: 100%; height: 100%; background: none; border:none; color: #fff; outline: none; font-size: 14px;}
.xf_list{ width: 780px; margin: 30px auto}
.xf_list a{ display: block; float: left; width:240px; height: 65px; background: url(../images/xf_btn_bg.jpg); margin-right: 20px; font-size: 18px; color: #fff; text-align: center; line-height: 65px; font-weight: bolder; }
.xf_list a:hover{ background: url(../images/xf_btn_bg_h.jpg) no-repeat;}

.tk{ display: none; position: fixed; width: 100%; height: 100%; background: url(../images/opa.png) repeat; top: 0; left: 0; z-index: 88;}
.tkcon{ display: none;position: absolute; width: 500px; padding: 80px 0px; left: 50%; margin-left: -250px; top: 20%; background: #fff;}
.close{ position: absolute; width:20px; height: 20px; background: url(../images/tk_close.png) no-repeat; cursor: pointer;  top: 15px; right: 15px;}
.tkcon h2{ font-size: 24px; color: #484848; font-weight: bolder; text-align: center;}
.tkcon h2.red{ color: #d64538;}
.tkcon p{ text-align: center; color: #484848; font-size: 16px; margin-bottom: 30px;}
.formbox{ width: 336px; margin: 0 auto; position: relative; }
.formlist{ margin-bottom: 10px;}
.formlist label{ display: block; width: 50px; height: 37px; line-height: 37px;  font-size: 14px; color: #999; float: left;}
.formlist input{ display: block; float: left; width: 250px; height: 25px; padding: 5px; border:1px #ddd solid;}
.tkcon p.js-tip{ position: absolute; font-size: 12px; color: #f00; top: 61px; left: 50px; margin-bottom: 0;}
.tk-btn{ font-size: 16px; display: block; width:120px; height: 40px; background: url(../images/tk_vote_btn.png) no-repeat; margin: auto; text-align:center; line-height: 40px; color: #fff;}
.tk-btn:hover{ background: url(../images/tk_vote_btn_h.png) no-repeat;color: #fff;}