/**
* Author: LiuMengLong
* Version: 通用样式及模块
* Last Changed by LiuMengLong
* Last Update : 2018-01-15
*/
/*--body-*/ 
body{ margin: 0;padding: 0;background: url(../images/bg.png) center 0 no-repeat;}
.wrap { margin:0 auto; width:1200px;}
.bar1{ background:url(../images/bar1.jpg?11) no-repeat center 0; height: 396px;}
.bar2{ background:url(../images/bar2.jpg) no-repeat center 0; height: 395px;}
.bar3{ background:url(../images/bar3.jpg) no-repeat center 0; height: 355px; overflow:hidden;}
.bar4{ background:url(../images/bar4.jpg) no-repeat center 0; height: 1393px;}
.bar5{ background: url(../images/bar5.jpg) no-repeat center 0;height:361px ;}

.bar1 .btn1{width:120px; height: 45px; top:15px; right: 90px;}

.bar1 .btn2{width:120px; height: 45px; top:15px; right: 240px; }

/* 登录按钮样式 */
.bar3 .btn3{background:url(../images/bt_log.png) no-repeat center 0;
width:241px; height: 101px; margin-top: -20px; right: 470px;position: absolute;z-index: 30;}
.bar3 .btn3:hover{background:url(../images/bt_log1.png) no-repeat center 0;}

.guize{width: 100%;height: 355px;margin-top: 100px;}
.bar3 p{color: #fff;font-size: 22px;line-height: 50px;margin-left: 30px;}

.bar4 ul{ overflow:hidden; }
.bar4 li{width: 193px; margin: 26px 22px 0; float: left;}
.bar4 .li2{width: 1120px; margin: 40px 22px 0; float: left;}
.bar4 .border_top{background:url(../images/border_top.png) no-repeat center 0;width: 193px; height: 35px; line-height: 35px; text-align:center; font-size: 18px; font-weight: 900; color: #fff; }
.bar4 .border_body{background:url(../images/border_body_h.png?a=1) no-repeat center 0;width: 193px; height: 183px; overflow:hidden;}
.bar4 .border_body:hover{ background:url(../images/border_body.png?a=2) no-repeat center 0;}
.bar4 .border_body .show_view{ background:url(../images/look_btn.png) no-repeat center 0;width: 193px; height: 50px; margin: 50px auto 0; }
.bar4 .border_body .show_select{ background:url(../images/select_btn.png) no-repeat center 0;width: 193px; height: 50px; margin: 50px auto 0; }
.bar4 .border_body .show_dj{ width: 128px; height: 64px; margin: 25px auto 8px; }
.bar4 .border_body .show_dj img{ width: 128px; height: 64px; }

.bar4 .border_body .wq_name{text-align: center; font-size: 14px; color:#fff;}

.reload{ width: 100px; height: 20px; background: #ee9e07; color: #000; line-height: 20px; cursor: pointer; margin: 5px auto 0; text-align: center; }

.bar4 .btn4{background:url(../images/take_1.png) no-repeat center 0;width: 246px; height: 105px; margin: 10px auto 0;}
.bar4 .btn6{background:url(../images/btn6.jpg) no-repeat center 0;width: 246px; height: 105px; margin: 10px auto 0;}
.bar4 .btn4_2{background:url(../images/take_0.png) no-repeat center 0;width: 246px; height: 105px; margin: 40px auto 0;}
.border_body2{background:url(../images/end_info.jpg) no-repeat center 0;width: 256px; height: 143px; margin: 320px auto 0;}

/*--tip-*/
.tip { display: none; width:100%; height:100%; bottom:0px;background:#000; background:rgba(0,0,0,0.5)!important; filter:alpha(opacity=50); z-index:999; }
.tip1{ display: none; width:316px; height: 178px; background:#fff; z-index:999;background:url(../images/tip_bg1.jpg?a=1) repeat center 0; }
.close2{ text-indent:-9999px;height:35px; width:35px; top: 0px; right: 0px;}
.show_info h2{ font-size: 18px;font-weight: 900; text-align: center; color: #f08d00; padding: 10px 0 10px 0; }
.show_info p{ font-size: 14px;text-align: center; color: #fff;  }
.show_info .big_p{ font-size: 16px;text-align: center; color: #f08d00;  }
.yes{text-indent:-9999px; background:url(../images/tip_btn1.jpg) no-repeat center 0; height:33px; width:98px; margin: 10px auto 0; }
.yes2{text-indent:-9999px; background:url(../images/tip_btn2) no-repeat center 0; height:33px; width:98px; margin: 10px auto 0; }
.tip2{ display: none; width:676px; height: 446px; background:#fff; z-index:999;background:url(../images/tip_bg2.jpg) repeat center 0; }
.close2{ text-indent:-9999px;height:35px; width:35px; top: 0px; right: 0px;}
.show_info2 li{ float: left; margin:10px 0 8px 40px;}
.show_info2 h2{ font-size: 22px;font-weight: 900; text-align: center; color: #fff; padding: 25px 0 0 0; }
.show_info2 .info_bg{ cursor: pointer; width: 184px; height: 105px; margin: 0 auto;background:url(../images/info_bg.jpg?a=1) repeat center 0; overflow:hidden; border: 2px solid #000;}
.show_info2 .info_bg:hover{ border: 2px solid #f08d00;}
.show_info2 .info_bg_h{border: 2px solid #f08d00!important;}
.show_info2 .info_bg img{ width: 128px; height: 64px; margin: 10px auto 0; display: block;}
.show_info2 p{ color: #f08d00; text-align: center; margin: 5px 0 0 0; }
.show_info2 .li3{width: 676px; margin: 0 auto; float: left;}
.show_info2 em{  width:184px; color: #fff; margin:0 auto; text-align: center; display: block; }
.lock{background:url(../images/lock.png) no-repeat center 0; height:50px; width:50px; top: 20px; right: 60px; z-index: 9999; }

#login_later p{ margin: 80px 500px 0; color: #fff; font-size: 18px; width: 922px;}
#login_later a{ color: #f2ad07; text-decoration: underline; }