body {background:#1c1916;font-family:΢���ź�;overflow-x:hidden;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}

.modal-content {background:none !important;border:none !important;box-shadow:none !important}	
.modal-body {line-height:4rem;font-size:1.5rem;font-weight:bold;color:#e1dfd9;}
.modal-body h1 {font-size:1.6rem;width:100%;height:4rem;text-align:center;color:#e5c56c;font-weight:bold;}
.modal-body span {color:#c3a475;}
.modal-header {border-bottom:none;color:#e1dfd9;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;}
.btn-default {background:#29261c;color:#e1dfd9;border:none;}
.dx_captcha_clickword-style-popup {z-index:1060 !important;}


.imgbox {width:100%;height:auto;overflow:hidden;text-align:center;}
.imgbox img {max-width:100%;}

.w1200 a:hover {opacity:0.6;filter:alpha(opacity=60);}


@media screen and (max-width: 768px) {
	
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../img/center.jpg) center 0 no-repeat;
  background-size: cover;
}

.modal-dialog {width:98%;padding-top:4rem;padding-bottom:4rem;background:url(../img/Grade.png);background-size:100% 100%;}

.top {width:100%;height:auto;overflow:hidden;}
.top img {width:100%;height:auto;}
.solgan {display:none;}

.video_box {display:none;}
#video {width:100%;height:auto;}
#my-video {width:640px;;height:300px;}

.Guide_Box {width:100%;height:auto;overflow:hidden;margin:0 auto;}
.Guide {width:30%;height:auto;float:left;margin-left:2.5%;margin-top:2rem;overflow:hidden;}
.Guide img {width:100%;height:auto;}
.Guide a {width:80%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.Guide a img {width:100%;height:auto;}
.Guide a:hover {opacity:0.6;filter:alpha(opacity=60);}
.Guide_Box_Reg {width:60%;height:auto;margin:0 auto;margin-top:2rem;overflow:hidden;}
.Guide_Box_Reg a {width:80%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.Guide_Box_Reg img {width:100%;height:auto;}

.min_index {width:160px;height:50px;display:block;cursor:pointer;position:absolute;right:20px;top:20px;}

#mid-qrcode img {width:100%;height:auto;}

.Middle {width:100%;height:auto;margin:0 auto;overflow:hidden;margin-top:3rem;}
.video_btn_min  {width:70%;height:auto;cursor:pointer;overflow:hidden;display:block;margin:0 auto;}
.video_btn {display:none;}
.video_btn_min img {width:100%;height:auto;}
.Download_Box a img {width:100%;height:auto;}
.Download_Box {width:90%;height:auto;margin:0 auto;margin-top:2rem;}
.Download_Box img {width:100%;height:auto;}
.Download_Box_Btn1 {width:45%;height:auto;display:block;cursor:pointer;float:left;margin-top:2rem;margin-left:2.5%;}
.Download_Box_Btn2 {width:45%;height:auto;display:block;cursor:pointer;float:left;margin-top:2rem;margin-left:2.5%;}
.Download_Box_Btn3 {width:60%;height:auto;display:block;cursor:pointer;float:left;margin-top:2rem;margin-left:20%;}

.Middle_Text {background:url(../img/text.png) repeat;width:98%;height:auto;margin:0 auto;padding:1rem;margin-top:2rem;line-height:3rem;font-size:1.2rem;}

#Order {text-align:center;}
#Order input {width:300px;height:40px;margin:0 auto;display:block;background:#ebf3f7;color:#000;line-height:40px;text-align:center;}
#Reservation_Btn {width:261px;height:70px;display:block;cursor:pointer;margin:0 auto;margin-top:20px;}

#Invite {text-align:center;}
#Invite input {width:300px;height:40px;margin:0 auto;display:block;background:#ebf3f7;color:#000;line-height:40px;text-align:center;}
#Invite a {text-decoration:underline;cursor:pointer;}
#copyBtn {width:209px;height:57px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}
#copyBtn img {width:100%;height:auto;}

#Rolec {text-align:center;}
#Rolec select {width:300px;height:40px;margin:0 auto;display:block;background:#ebf3f7;color:#000;line-height:40px;text-align:center;}
#Rolec a {text-decoration:underline;cursor:pointer;}

.Login_Box {width:100%;height:auto;margin:0 auto;text-align:center;margin:0 auto;margin-top:2rem;}
.Login_Box a {cursor:pointer;}
.Login_Li {width:100%;height:30px;margin:0 auto;margin-bottom:2rem;text-align:center;}
.Login_Li input {width:80%;height:30px;border:1px solid #7f6d49;display:block;margin:0 auto;}
.Login_Li span {width:100px;height:30px;float:left;margin-left:10px;text-align:center;display:block;display:none;}
.Login_Btn {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;}
.Login_Btn img {width:100%;height:auto;}
#loginOut #loginOut {font-size:1.4rem;line-height:4rem;color:#fff;width:100%;height:4rem;text-align:center;}
#loginOut a {text-decoration:underline;color:#fff;}
#loginOut b {color:#e66234;}
	
.box_h {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:3rem;}
.box_h img {width:100%;height:auto;}	

.Grade_Box {background:url(../img/Grade.jpg) top center no-repeat;width:98%;height:auto;margin:0 auto;overflow:hidden;position:relative;background-size:100% 100%;padding-top:3rem;padding-bottom:3rem;}	
.Grade {width:100%;height:3rem;margin:0 auto;margin-top:1rem;line-height:3rem;text-align:center;font-size:1.2rem;font-weight:bold;color:#efb951;overflow:hidden;}
.Grade b {color:#ae312e;}
.Invite_Btn {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.Invite_Btn img {width:100%;height:auto;}
.Grade_Reward_Box {width:30%;height:auto;overflow:hidden;float:left;margin-left:2.5%;margin-top:1rem;}
.Grade_Reward_Box img {width:100%;height:auto;}
.Grade_Reward_Btn {width:80%;height:3rem;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.Grade_Reward_Btn1 {background:url(../img/Grade_Reward_Btn1.png);background-size:100% 100%;}
.Grade_Reward_Btn2 {background:url(../img/Grade_Reward_Btn2.png);background-size:100% 100%;cursor:none;}

.lottery {background:url(../img/Grade.jpg) top center no-repeat;width:98%;height:auto;margin:0 auto;overflow:hidden;position:relative;background-size:100% 100%;text-align:center;padding-bottom:3rem;}
.Role_Text {color:#b28a40;text-decoration:underline;font-size:1.2rem;cursor:pointer;line-height:3rem;}	
.Lottery_Num {width:100%;height:3rem;margin:0 auto;margin-top:1rem;line-height:3rem;text-align:center;font-size:1.2rem;font-weight:bold;color:#efb951;overflow:hidden;}
.Lottery_Num b {color:#ae312e;}
.lottery_box {width:100%;height:auto;margin:0 auto;overflow:hidden;margin-top:50px;}
.gift {width:30%;height:auto;text-align:center;float:left;margin-left:2.5%;margin-top:1rem;position:relative;background-size:100% 100%;padding-top:1rem;padding-bottom:1rem;overflow:hidden;}
.gift img {width:100%;height:auto;}
.gift.on {opacity:0.6;filter:alpha(opacity=60);}
.gift span {width:100%;height:3rem;line-height:3rem;text-align:center;color:#000;display:block;font-size:1.2rem;font-weight:bold;}
#cj {display:block;width:100%;height:auto;line-height:140px;border:none;cursor:pointer;text-align:center;color:#f9d495;font-weight:bold;font-size:18px;overflow:hidden;}
#cj img {width:100%;height:auto;}
.zg {width:100rem;height:100rem;position:absolute;left:0;top:0;z-index:2;display:none;} 
.zg {filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;background:#fff;}

.Role_His {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.Role_His img {width:100%;height:auto;}
	
.Op_Bg {width:100%;height:auto;overflow:hidden;background:url(../img/Op_Bg.jpg) center 0 no-repeat;background-size: cover;padding-bottom:5rem;}
.job_box {width:100%;height:auto;margin:0 auto;overflow:hidden;position:relative;margin-top:2rem;}
.job_top {width:100%;height:auto;overflow:hidden;}
.job_top a {width:25%;height:auto;line-height:6rem;display:block;float:left;cursor:pointer;overflow:hidden;margin-bottom:1rem;text-align:center;color:#e66234;}
.job_top a.on {background:#c71207;color:#fff;}

.job_top a img {width:80%;height:auto;}
.job_box {width:100%;height:auto;padding-bottom:4rem;background:#18162b;overflow:hidden;}
.job_bottom {width:100%;height:auto;display:none;}
.job_bottom {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.job_bottom.on {display:block;}
.job_bottom img {width:100%;height:auto;}
.job_bottom_left {width:100%;height:auto;margin:0 auto;margin-top:1rem;}
.job_bottom_txt {width:90%;height:auto;margin:0 auto;line-height:3rem;font-size:1.5rem;color:#fff;font-weight:bold;}
.job_bottom_txt {
 text-shadow:1px 2px 0 rgba(153,0,0,.8);
 color:#fde5b6;
 -webkit-transition:color ease .5s;
 -moz-transition:color ease .5s;
 -ms-transition:color ease .5s;
 -o-transition:color ease .5s;
 transition:color ease .5s;
 }
.job_bottom_hh  {width:100%;height:5rem;line-height:5rem;font-size:1.6rem;font-weight:bold;color:#706a5b;text-align:center;}
.job_bottom_hh 
{display:block;cursor:pointer;line-height:6rem;
 display:inline-block;
 text-shadow:1px 2px 0 rgba(153,0,0,.8);
 color:#fde5b6;
 -webkit-transition:color ease .5s;
 -moz-transition:color ease .5s;
 -ms-transition:color ease .5s;
 -o-transition:color ease .5s;
 transition:color ease .5s;
 }
 .job_bottom_h  {width:100%;height:5rem;line-height:5rem;font-size:1.6rem;font-weight:bold;color:#706a5b;text-align:center;margin:0 auto;}
.job_bottom_h 
{display:block;cursor:pointer;line-height:6rem;
 display:inline-block;
 text-shadow:1px 2px 0 rgba(153,0,0,.8);
 color:#fde5b6;
 -webkit-transition:color ease .5s;
 -moz-transition:color ease .5s;
 -ms-transition:color ease .5s;
 -o-transition:color ease .5s;
 transition:color ease .5s;
 }
.job_bottom_gif {width:45%;height:auto;background:#6b6557;border:2px solid #6b6557;float:left;z-index:2;margin-left:3%;margin-top:1rem;}
.job_bottom_bg {width:45%;height:auto;float:left;z-index:2;margin-left:3%}
.job_bottom_gif img {width:100%;height:auto;}
.job_bottom_bg img {width:100%;height:auto;}

.job_bottom_abox {width:100%;height:auto;overflow:hidden;display:none;}
.job_bottom_abox a {width:25%;height:auto;line-height:4rem;display:block;float:left;cursor:pointer;overflow:hidden;margin-bottom:1rem;text-align:center;}
.job_bottom_abox a span {width:100%;height:3rem;line-height:3rem;font-size:1.4rem;font-weight:bold;display:block;color:#fff;}

table {width:80%;height:auto;margin:0 auto;margin-top:2rem;}
table th {line-height:3rem;color:#b12e27;text-align:center;font-size:1.2rem;}
table td {line-height:3rem;color:#FFF;text-align:center;border-bottom:1px solid #FFF;font-size:1.2rem;}

#Binding_Btn {width:40%;height:auto;display:block;margin:0 auto;margin-top:1rem;}
#Binding_Btn img {width:100%;height:auto;}

.reg_box {width:98%;height:auto;overflow:hidden;padding-bottom:3rem;margin:0 auto;}
.reginputdiv {width:98%;height:auto;line-height:4rem;margin:0 auto;margin-bottom:1.6rem;overflow:hidden;}
.reginputtitle {color:##c3a475;text-align:center;font-size:1.4rem;line-height:2rem;}
.reginputinput {background:#fff;border:1px solid #b3b3b4;width:96%;height:4rem;line-height:4rem;display:block;margin:0 auto;text-align:center;color:#4a4a4b;}
.reginputinput_on {width:96%;height:4rem;display:block;margin:0 auto;border:1px solid red;color:#000;}
.checkdiv {width:98%;height:4rem;line-height:4rem;margin:0 auto;margin-top:1rem;overflow:hidden;text-align:center;color:#8ad0f3;}
.checkdiv a {color:#8ad0f3;}
.regtittle {width:98%;height:auto;line-height:4rem;margin:0 auto;overflow:hidden;text-align:center;color:red;}
#authImage {margin:0 auto;}
.reg_a {background-color: #dd3a1f;color: #fff;border-color: #dd3a1f;width:50%;height:4rem;display:block;line-height:4rem;text-align:center;margin:0 auto;margin-bottom:1rem;cursor:pointer;border-radius:2px;margin-top:1rem;}
.reg_a1 {background-color: #dd3a1f;color: #fff;border-color: #dd3a1f;width:50%;height:4rem;display:block;line-height:4rem;text-align:center;margin:0 auto;margin-bottom:1rem;cursor:pointer;border-radius:2px;}


.footer {display:none;}

}	



@media screen and (min-width:768px){
	
.modal-dialog {width:800px;padding-top:4rem;padding-bottom:4rem;background:url(../img/Grade.png);background-size:100% 100%;}


.fix_ul {background:#272856;width:100%;height:60px;line-height:60px;color:#fff;font-size:16px;position:fixed;left:0;top:0;z-index:99;opacity:0.9;object.style.opacity=0.9;}
.fix_ul a {cursor:pointer;color:#fff;float:left;margin-right:30px;color:#fff;font-weight:bold;font-size:1.6rem;float:right;}
.fix_logo {position:fixed;left:4px;top:4px;z-index:100;}

.top {width:100%;height:auto;overflow:hidden;}
.solgan {width:600px;height:350px;margin:0 auto;margin-top:160px;display:block;}

.min_img {display:none;}

.Guide_Box {background:url(../img/Grade.jpg) top center no-repeat;width:1200px;height:auto;padding-top:50px;padding-bottom:50px;overflow:hidden;margin:0 auto;margin-top:30px;background-size:100% 100%;}
.Guide {width:310px;height:445px;float:left;margin-left:65px;overflow:hidden;}
.Guide a {width:271px;height:72px;display:block;margin:0 auto;margin-top:340px;cursor:pointer;}
.Guide a:hover {opacity:0.6;filter:alpha(opacity=60);}
.Guide_Box_One {background:url(../img/Guide_Box_One.png);}
.Guide_Box_Two {background:url(../img/Guide_Box_Two.png);}
.Guide_Box_Three {background:url(../P/Guide_Box_Three.png);}
.Guide_Box_Reg {background:url(../img/Guide_Box_Reg.png);width:340px;height:400px;margin:0 auto;margin-top:30px;overflow:hidden;}
.Guide_Box_Reg a {display:block;width:220px;height:48px;margin:0 auto;margin-top:320px;cursor:pointer;}

.Middle {width:1200px;height:auto;margin:0 auto;overflow:hidden;margin-top:40px;}
.video_btn {background:url(../img/Order.png);width:512px;height:402px;float:left;cursor:pointer;overflow:hidden;}
.Order_Box {background:url(../img/Order.png);width:319px;height:402px;float:left;margin-left:10px;overflow:hidden;}
.Download_Box {background:url(../img/down_box.png);width:664px;height:402px;float:left;margin-left:10px;overflow:hidden;position:relative;}  
.Middle_Text {background:url(../img/text.png) repeat;width:1200px;height:auto;margin:0 auto;padding:40px;margin-top:20px;}
.Order_Box a {width:261px;height:70px;display:block;cursor:pointer;}
.Order_Box_Btn1 {float:left;margin-top:220px;margin-left:30px;}
.Order_Box_Btn2 {float:left;margin-top:15px;margin-left:30px;}
.Download_Box a {display:block;cursor:pointer;}
.Download_Box_Btn1 {position:absolute;left:82px;top:108px;}
.Download_Box_Btn2 {position:absolute;left:364px;top:108px;}
.Download_Box_Btn3 {position:absolute;left:229px;top:309px;}

#Order {text-align:center;}
#Order input {width:300px;height:40px;margin:0 auto;display:block;background:#ebf3f7;color:#000;line-height:40px;text-align:center;}
#Reservation_Btn {width:261px;height:70px;display:block;cursor:pointer;margin:0 auto;margin-top:20px;}

#Invite {text-align:center;}
#Invite input {width:600px;height:40px;margin:0 auto;display:block;background:#ebf3f7;color:#000;line-height:40px;text-align:center;}
#Invite a {text-decoration:underline;cursor:pointer;}
#copyBtn {width:209px;height:57px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}

#Rolec {text-align:center;}
#Rolec select {width:300px;height:40px;margin:0 auto;display:block;background:#ebf3f7;color:#000;line-height:40px;text-align:center;}
#Rolec a {text-decoration:underline;cursor:pointer;}

table {width:500px;height:auto;margin:0 auto;margin-top:10px;}
table th {line-height:40px;color:#b12e27;text-align:center;}
table td {line-height:40px;color:#FFF;text-align:center;border-bottom:1px solid #FFF;}

.center {background:url(../img/bgbg.jpg) top center no-repeat;width:100%;height:auto;overflow:hidden;padding-bottom:100px;}	
.w1200 {width:1200px;height:auto;margin:0 auto;overflow:hidden;}
	
.box_h {width:800px;height:auto;overflow:hidden;margin:0 auto;margin-top:30px;}
.box_h img {width:100%;height:auto;}	

.Login_Box{ width:100%;height:auto;margin:0 auto;text-align:center;margin:0 auto;margin-top:30px;text-align:center;font-size:17px;}
.Login_Box b {color:#e66234;}
.Login_Box a {cursor:pointer;}
.Login_Li {width:500px;height:30px;margin:0 auto;margin-bottom:20px;text-align:center;}
.Login_Li input {width:300px;height:30px;border:1px solid #7f6d49;display:block;float:left;margin-left:10px;color:#000;text-indent:1em;}
.Login_Li span {width:100px;height:30px;float:left;margin-left:10px;text-align:center;display:block;}
.Login_Btn {width:260px;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:10px;} 
.Login_Btn img {width:100%;height:auto;}
#loginOut {font-size:17px;line-height:30px;color:#fff;width:100%;height:30px;text-align:center;margin-top:30px;}
#loginOut a {text-decoration:underline;color:#fff;}
#loginOut b {color:#e66234;}
.reb_btnbtn {color:#e66234;text-decoration:underline;font-size:15px;line-height:30px;}

.Grade_Box {background:url(../img/Grade.jpg) top center no-repeat;width:1200px;height:567px;margin:0 auto;overflow:hidden;position:relative;background-size:100% 100%;}	
.Grade {background:url(../img/Grade_Num.png);width:664px;height:52px;margin:0 auto;margin-top:40px;line-height:52px;text-align:center;font-size:16px;font-weight:bold;color:#efb951;overflow:hidden;}
.Grade b {color:#ae312e;}
.Invite_Btn {width:250px;height:55px;display:block;cursor:pointer;margin:0 auto;margin-top:30px;}
.Invite_Btn img {width:100%;height:auto;}
.Grade_Reward_Box {width:300px;height:auto;overflow:hidden;float:left;margin-left:76px;margin-top:20px;}
.Grade_Reward_Box img {width:100%;height:auto;}
.Grade_Reward_Btn {width:160px;height:60px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}
.Grade_Reward_Btn1 {background:url(../img/Grade_Reward_Btn1.png);background-size:100% 100%;}
.Grade_Reward_Btn2 {background:url(../img/Grade_Reward_Btn2.png);background-size:100% 100%;cursor:none;}

	
.lottery {background:url(../img/Grade.jpg) top center no-repeat;width:1000px;height:auto;margin:0 auto;overflow:hidden;position:relative;background-size:100% 100%;text-align:center;padding-bottom:60px;}
.Role_Text {color:#b28a40;text-decoration:underline;font-size:14px;cursor:pointer;line-height:40px;}	
.Lottery_Num {background:url(../img/Grade_Num.png);width:664px;height:52px;margin:0 auto;margin-top:10px;line-height:52px;text-align:center;font-size:16px;font-weight:bold;color:#efb951;overflow:hidden;}
.Lottery_Num b {color:#ae312e;}
.lottery_box {width:820px;height:auto;margin:0 auto;overflow:hidden;margin-top:50px;}
.gift {width:220px;height:160px;text-align:center;float:left;margin-left:40px;margin-top:10px;position:relative;}
.gift.on {opacity:0.6;filter:alpha(opacity=60);}
#cj {display:block;width:220px;height:160px;line-height:140px;border:none;cursor:pointer;position:absolute;left:0;top:0;z-index:1;text-align:center;color:#f9d495;font-weight:bold;font-size:18px;z-index:1;}
.zg {width:220px;height:160px;position:absolute;left:0;top:0;z-index:2;display:none;} 
.zg {filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;background:#fff;}
.Role_His {width:168px;height:50px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}
.Role_His img {width:100%;height:auto;}

.Day {background:url(../img/day.png) top center no-repeat;width:160px;height:187px;float:left;overflow:hidden;background-size:100% 100%;margin-left:10px;position:relative;}
.Day.on {background:url(../img/day_on.png) top center no-repeat;width:160px;height:187px;float:left;overflow:hidden;background-size:100% 100%;margin-left:10px;position:relative;}
.Day span {width:100px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:15px;position:absolute;bottom:8px;left:20px;font-weight:bold;}
.Day_Info {position:fixed;display:none;background:#000;color:#fff;z-index:3;}
.Day_Info.on {display:block;}
.Day_Btn {width:247px;height:58px;cursor:pointer;float:left;margin-left:480px;margin-top:40px;display:block;}

#prizeListFirstCharge {background:url(../img/FirstCharge.png);width:1200px;height:591px;position:relative;}
.Pay_Rew_Btn1 {position:absolute;right:200px;bottom:100px;cursor:pointer;}
.Pay_Rew_Btn2 {position:absolute;right:200px;bottom:10px;cursor:pointer;}

.Lv_Box {background:url(../img/Lv_Term.png) top center no-repeat;width:751px;height:auto;overflow:hidden;margin:0 auto;margin-top:40px;padding-bottom:40px;}
.Lv_H {margin-top:40px;}

.Lv_Term  {width:500px;height:40px;margin:0 auto;text-align:right;}

.job_box {width:1000px;height:650px;margin:0 auto;overflow:hidden;position:relative;}
.job_top {width:1000px;height:60px;margin:0 auto;overflow:hidden;margin-top:30px;background:#3a3736;}
.job_top a {width:120px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#fff;font-weight:bold;display:block;cursor:pointer;margin-left:20px;float:left;}
.job_top a img {width:100%;height:auto;}
.job_top a:hover {background:#c71207;}
.job_top a.on {background:#c71207;}
.job_bottom {width:1000px;height:472px;position:absolute;right:-1000px;top:90px;;opacity:0;filter:alpha(opacity=0);}
.job_bottom {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.job_bottom.on {right:0px;opacity:1;filter:alpha(opacity=100);}
.b1 {background:url(../img/b1.jpg);background-size:100% 100%;}
.b2 {background:url(../img/b2.jpg);background-size:100% 100%;}
.b3 {background:url(../img/b3.jpg);background-size:100% 100%;}
.b4 {background:url(../img/b4.jpg);background-size:100% 100%;}

.job_bottom_left {width:500px;height:600px;float:left;margin-left:60px;overflow:hidden;}
.job_bottom_hh  {width:500px;height:60px;line-height:60px;font-size:26px;font-weight:bold;color:#706a5b;float:left;}
.job_bottom_hh 
{display:block;cursor:pointer;line-height:6rem;
 display:inline-block;
 text-shadow:1px 2px 0 rgba(153,0,0,.8);
 color:#fde5b6;
 -webkit-transition:color ease .5s;
 -moz-transition:color ease .5s;
 -ms-transition:color ease .5s;
 -o-transition:color ease .5s;
 transition:color ease .5s;
 }
.job_bottom_h  {width:500px;height:60px;line-height:60px;font-size:18px;font-weight:bold;color:#706a5b;float:left;}
.job_bottom_h 
{display:block;cursor:pointer;line-height:6rem;
 display:inline-block;
 text-shadow:1px 2px 0 rgba(153,0,0,.8);
 color:#fde5b6;
 -webkit-transition:color ease .5s;
 -moz-transition:color ease .5s;
 -ms-transition:color ease .5s;
 -o-transition:color ease .5s;
 transition:color ease .5s;
 }
.job_bottom_txt {width:600px;height:auto;font-size:16px;line-height:30px;color:#d5d5d5;position:absolute;right:10px;top:30px;}
.job_bottom_txt {display:block;cursor:pointer;
 display:inline-block;
 text-shadow:1px 2px 0 rgba(153,0,0,.8);
 color:#fde5b6;
 -webkit-transition:color ease .5s;
 -moz-transition:color ease .5s;
 -ms-transition:color ease .5s;
 -o-transition:color ease .5s;
 transition:color ease .5s;
 }
.job_bottom_abox {width:480px;height:auto;position:absolute;top:4px;left:470px;}
.job_bottom_abox_a {width:100px;height:120px;display:block;cursor:pointer;float:left;margin-left:10px;margin-top:10px;}
.job_bottom_abox_a span {width:100px;height:20px;line-height:20px;text-align:center;font-size:14px;font-weight:bold;color:#fff;display:block;}
.job_bottom_abox_a img {width:100%;height:auto;}
.job_bottom_gif {width:300px;height:200px;background:#171629;border:4px solid #3d040c;position:absolute;right:-500px;top:190px;}
.job_bottom_gif img {width:100%;height:auto;}
.job_bottom_gif {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.job_bottom_gif.on {right:35px}

#video_box {width:1000px !important;background:none !important;}
.video_box {max-width:1920px;height:850px;overflow:hidden;margin:0 auto;position:relative;text-align:center;}
.index {width:160px;height:50px;display:block;cursor:pointer;position:absolute;right:20px;top:20px;}
.top_box {width:370px;height:auto;padding:30px;background:url(../img/text1.png) repeat;position:absolute;right:20px;top:200px;text-align:left;background-size:100% 100%;color:#fff;line-height:30px;font-size:14px;}
.go_down {width:209px;height:56px;display:block;margin:0 auto;margin-top:10px;}
#my-video {width:960px;height:540px;}
.video_btn_min {display:none;}
.min_index {display:none;}
.top_login {position:absolute;top:30px;right:200px;color:#fff;font-size:16px;}
.top_login a {cursor:pointer;color:#e66234;}

#Binding_Btn {width:200px;height:44px;display:block;margin:0 auto;margin-top:6px;}

.reg_box {width:100%;height:auto;overflow:hidden;padding:60px;text-align:center;line-height:30px;margin:0 auto;padding-top:0px;}
.reginputdiv {width:600px;height:40px;margin:0 auto;line-height:60px;font-size:14px;color:#c3a475;margin-bottom:20px;margin-left:80px;text-align:center;}
.reginputtitle {width:100px;height:40px;float:left;text-align:left;line-height:40px;font-size:15px;}
.reginputinput {width:340px;height:38px;line-height:40px;font-size:16px;color:#000;display:block;background:#ffffff;border:1px solid #d2d2d2;float:left;text-indent:1em;}
.regtittle {width:160px;height:40px;margin:0 auto;line-height:40px;font-size:14px;color:red;text-align:center;}
.reginputinput_on  {width:340px;height:38px;border:none;border:1px solid red;line-height:40px;font-size:16px;color:#000;display:block;float:left;text-indent:1em;}
.checkdiv {width:600px;height:40px;margin:0 auto;text-align:center;color:#d2d2d2;line-height:40px;margin-bottom:20px;}
.checkdiv a {color:#d2d2d2;line-height:40px;}
.errordiv {width:600px;height:40px;margin:0 auto;text-align:center;color:red;line-height:40px;margin-bottom:20px;}
.reg_a {background-color: #dd3a1f;color: #fff;border-color: #dd3a1f;width:200px;height:40px;display:block;line-height:40px;text-align:center;margin:0 auto;margin-bottom:20px;cursor:pointer;border-radius:2px;}
.reg_a1 {background-color: #8ad0f3;color: #fff;border-color: #1380e9;width:200px;height:40px;display:block;line-height:40px;text-align:center;margin:0 auto;margin-bottom:20px;cursor:pointer;border-radius:2px;}


}