@charset "utf-8";
/* CSS Document */

html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,li{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a{ text-decoration:none; font-family:"微软雅黑"; color:#000;}

.clearfix:after{ content: ""; display: block; clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.wrap{ width: 1200px; margin: 0 auto;}

/*输入框*/
.input_text{ display: inline-block; background-color: #fff; border: 1px solid #eee; height: 32px; line-height: 32px; padding: 0 10px; font-size: 14px; color: #333; margin-top: 8px; width: 298px;}
::-webkit-input-placeholder{ color: #999999;}
:-moz-placeholder{ color: #999999;}
::-moz-placeholder{ color: #999999;}
:-ms-input-placeholder{ color: #999999;}
.input_text:focus,.input_text:hover{ border: 1px solid #FFC528;}

/*首页*/
header, .part1 ,.part2, .part3, .part4{ width: 100%; min-width: 1200px; height: 570px; background: url(https://cdn.hztangyou.com/pc/banner.jpg?0110v1) no-repeat center; overflow: hidden;}

/*头部和banner*/
.top_btn, .userInfo{ text-align: right; margin-top: 10px; position: relative;}
.userInfo{ text-align: left;}
.login_btn{ margin-left: 20px;}
.top_btn a, .login_btn a{ display: inline-block; width: 122px; height: 34px; text-align: center; line-height: 34px; color: #fff; background: url(https://cdn.hztangyou.com/pc/top_btn.png?0110v1) no-repeat; margin-right: 8px;}
.username{ color: #333; margin-left: 20px; height: 34px; line-height: 34px;}
.logo{ float: left;font-size: 38px;color: #007AFF;font-weight: bold;}
.login_btn, .username{ display: none;}
.logout{ color: #1AA6FF; margin-left: 16px;}
.wechat_qr{ width: 200px; position: absolute; top: 50px; right: -40px; text-align: center; padding: 10px 4px 16px; background-color: #fff; border-radius: 20px; display: none;}
.wechat_qr .arrow{ position: absolute; top: -12px; left: 92px; width: 24px; height: 12px; background: url(https://cdn.hztangyou.com/pc/icon_arrow.png?0110v1) no-repeat;}
.wechat_qr img{ width: 160px;}
.wechat_qr p{ font-size: 14px; margin-top: -10px; color: #DB8E69;}
.download{ margin-top: 284px;}
.download .qr{ margin-left: 290px;}
.download .qr_word{ width: 32px; text-align: center; font-size: 24px; line-height: 26px; color: #cd7400; margin: 20px 0 0 10px;}
.download_btn{ position: relative;}
.download_btn a{ display: block; width: 340px; height: 100px; background: url(https://cdn.hztangyou.com/pc/download_btn.png?0110v1) no-repeat 0 0; margin-left: 16px; margin-top: 10px;}
.download_btn a.app{ height: 70px; background-position: 0 -117px; margin-top: 16px;}
.download_qr{ width: 200px; position: absolute; bottom: 94px; right: 66px; text-align: center; padding: 10px 4px 16px; background-color: #fff; border-radius: 20px; display: none;}
.download_qr .arrow{ position: absolute; bottom: -12px; left: 92px; width: 24px; height: 12px; background: url(https://cdn.hztangyou.com/pc/icon_arrow_down.png?0110v1) no-repeat;}
.download_qr img{ width: 160px;}
.download_qr p{ font-size: 18px; margin-top: -10px; color: #DB8E69;}

/*普通场*/
.part1{ background-image: url(https://cdn.hztangyou.com/pc/part1.jpg?0504v2); height: 508px;}
.part1 ul{ margin: 380px 0 0 140px;}
.part1 li{ width: 240px; text-align: center; font-size: 24px; float: left; margin: 0 30px; line-height: 32px; color: #db8e69;}
.part1 li span{ color: #d44545; font-weight: bold;}

/*比赛场*/
.part2{ background-image: url(https://cdn.hztangyou.com/pc/part2.jpg?0504v2); height: 524px;}
h6{ font-size: 24px; text-align: center; color: #D44545; margin-top: 124px;}
.part2 ul{ margin: 40px 0 0 500px;}
.part2 li{ width: 583px; height: 76px; background: url(https://cdn.hztangyou.com/pc/part2_list.png?0110v1) no-repeat; text-align: center; line-height: 76px; font-size: 28px; color: #DB8E69; font-weight: bold; margin-bottom: 36px;}

/*极速场*/
.part3{ background-image: url(https://cdn.hztangyou.com/pc/part3.jpg?0504v2); height: 435px;}
.part3 ul{ margin: 200px 0 0 0px;}
.part3 li{ text-align: center; font-size: 30px; font-weight: bold; color: #DB8E69;}

/*自由组局*/
.part4{ background-image: url(https://cdn.hztangyou.com/pc/part4.jpg?0110v1); height: 404px;}

/*底部*/
footer{ width: 100%; min-width: 1200px; background-color: #000; text-align: center; color: #fff; padding: 20px 0; font-size: 16px; line-height: 24px;}
footer p a{ font-size: 16px; color: red;}
footer p.beian a{ font-size: 16px; color: #ccc;}
footer p a:hover{ font-size: 16px; color: #398DFF;}
footer .beian{ display: block; width: 480px; margin: 0 auto; text-align: center; line-height: 24px; height: 24px; background: url(https://cdn.hztangyou.com/tangyoupc/beian.png) 0 center no-repeat;}

/*侧边栏*/
.aside{ display: none; position: fixed; bottom: 260px; right: 2px;}
.aside_box{ width: 104px; padding: 10px; text-align: center; background-color: #f0f0f0; border-radius: 10px; margin-bottom: 6px;}
.aside_box p{ font-size: 14px; margin-bottom: 6px;}
.aside_box p img{ width: 100%;}
.aside_box a{ display: block; width: 100%; height: 24px; line-height: 24px; text-align: center; color: #fff; font-size: 12px; border-radius: 10px;}
.aside_box a.android{ background-color: #D44545; margin-bottom: 6px;}
.aside_box a.ios{ background-color: #DB8E69;}

.buy_btn, .backTop{ display: block; height: 24px; line-height: 24px; text-align: center; border-radius: 10px; font-size: 12px; color: #fff;}
.buy_btn{ background-color: #D44545; margin-bottom: 6px;}
.backTop{ background-color: #DB8E69;}

/*弹窗*/
.buy_mask, .login_mask{ position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; display: none;}
.mask_bg{ width: 100%; height: 100%; background-color: #000; opacity: 0.85; filter: alpha(opacity=85); position: absolute; left: 0; top: 0; z-index: -1;}
.mask_content{ width: 640px; margin: 0 auto; background-color: #fff; padding-bottom: 24px; margin-top: 80px;}
.mask_title{ height: 40px; line-height: 40px; text-align: center; background-color: #D44545; color: #fff; font-size: 18px; position: relative;}
.close{position: absolute; width: 40px; font-size: 32px; color: #fff; right: 0;}

/*登录弹窗*/
.login_mask label{ display: block; text-align: center; margin: 0 auto; position: relative;}
.getcode, .getcode_dis{ position: absolute; right: 170px; bottom: 7px; font-size: 16px; color: #007AFF;}
.getcode_dis{ color: #A8A8A8;}
.qiuck_login{ margin-top: 32px;}
.qiuck_login h3{ text-align: center; background: url(https://cdn.hztangyou.com/pc/line.png) no-repeat center; color: #D44545; font-weight: bold;}
.qiuck_login_btn{ text-align: center; margin-top: 24px;}
.qiuck_login_btn a{ display: inline-block; width: 40px; height: 40px; background: url(https://cdn.hztangyou.com/pc/icon_login.png) no-repeat; margin: 0 20px;}
.qiuck_login_btn a.wechat{ background-position: 0 0;}
.qiuck_login_btn a.qq{ background-position: -93px 0;}
.qiuck_login_btn a.weibo{ background-position: -187px 0;}
.qiuck_login_btn a.alipay{ background-position: -280px 0;}
.login_mask .pay_h{ display: inline-block; width: 320px; text-align: left; margin: 16px 0 0 0;}

/*购买弹窗*/
.user span{ font-size: 14px; color: #333333; margin-left: 0;}

.recharge_select, .pay_select{ width: 640px; background-color: #fff; overflow: hidden; margin-top: 10px;}
.recharge_h, .pay_h{ font-size: 16px; color: #DB8E69; margin: 12px 24px 0;}
.link_history{ color: #1AA6FF;}
#recharge_list{ padding-bottom: 0px;}
#recharge_list li{ margin-top: 8px; background-color: #fff; margin-left: 24px;}
#recharge_list a{ display: block; height: 32px; width: 120px; border: 1px solid #eee; font-size: 14px; line-height: 32px; text-align: center;}
#recharge_list a.active{ border: 1px solid #ffc528; background: url(https://cdn.hztangyou.com/pc/icon_pay.png?0110v1) no-repeat 100px bottom;}
.cion span{ color: #1aa6ff;}
.jewel span{ color: #eb5044;}

#pay_list{ text-align: left; margin-bottom: 24px;}
#pay_list li{ margin: 8px 0 0 24px; float: left;}
.pay{ display: block; width: 120px; height: 32px; border: 1px solid #eee; line-height: 32px;}
.active{ border: 1px solid #ffc528; background: url(https://cdn.hztangyou.com/pc/icon_pay.png?0110v1) no-repeat 100px bottom;}
.pay i{ display: block; width: 32px; height: 32px; background: url(https://cdn.hztangyou.com/pc/icon_pay.png) no-repeat;}
.active{ border: 1px solid #FFC528;}
.pay h2{ font-size: 14px;}
.pay i.zhifubao{ background-position: -80px 5px; margin-left: 20px;}
.pay i.weixin{ background-position: 4px 5px; margin-left: 14px;}
.pay i.others{ background-position: -422px 17px;}

.pay_btn{ display: block; width: 160px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; background-color: #D44545; color: #fff; border-radius: 20px; margin: 0 auto; margin-top: 24px;}
.pay_btn:hover{ background-color: #EB5044;}

/*充值结果*/
#success, #fail{ width: 100%; min-width: 1200px; min-height: 100%; margin: 0 auto; text-align: center; background-color: #fff;}
.icon{ display: inline-block; width: 100px; height: 100px; border-radius: 50%; margin-top: 60px;}
#success .icon{ background: #1AA6FF url(https://cdn.hztangyou.com/pc/icon_suc.png?0110v1) no-repeat center;}
#success h1,#fail h1{ width: 100%; background-color: #D44545; font-size: 24px; height: 60px; line-height: 60px; color: #fff;}
#success h2,#fail h2{ font-size: 24px; margin-top: 10px;}
#success p, #fail p{ font-size: 16px; margin-top: 4px; color: #999;}
#success p span, #fail p span{ color: #EB5044;}
.btn1, .btn2{ display: inline-block; width: 180px; border-radius: 20px; text-align: center; font-size: 18px; margin-top: 24px;}
.btn1{ height: 40px; line-height: 40px; background-color: #D44545; color: #fff;}
.btn2{ height: 38px; line-height: 38px; border: 1px solid #D44545; color: #D44545;}

#fail .icon{ background: #D44545 url(https://cdn.hztangyou.com/pc/icon_fail.png?0110v1) no-repeat center;}

/*客服弹窗*/
.mask{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); position: fixed; left: 0; top: 0; text-align: center; z-index: 999; display: none;}
.mask p{ font-size: 24px; color: #fff; margin-top: 120px;}
.mask p img{ width: 320px; margin-bottom: 12px;}

/*消息窗口*/
#msg{ width: 640px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -320px; display: none; z-index: 999;}
#msg span{ display: inline-block; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.85); color: #fff; font-size: 18px; padding: 0 32px;}