body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,span,button,textarea,p,blockquote,th,td {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {font: 14px/1 PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";position: relative;color: #fff;}
img {border: none;}
em,strong {font-family: inherit;font-size: inherit;}
ul,ol,li {list-style: none;}
table {border-spacing: 0;border-collapse: collapse;}
h1,h2,h3,h4,h5,h6 {font-size: 14px;font-weight: normal;}
q:before,q:after {content: ' ';}
button,input,select,textarea {font-size: 100%;}
input,button,textarea,select,optgroup,option {font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;outline: none;}
address,cite,dfn,em,var {font-style: normal;}
a,a:link,a:visited,a:hover,a:active {color: #fff;text-decoration: none;outline: none;}
input::-moz-placeholder {color: #ccc;}
input::-moz-placeholder {color: #ccc;}
input::-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder {color: #ccc;}
.fl-l {float: left;}
.fl-r {float: right;}
.clear:after {display: block;visibility: hidden;clear: both;overflow: hidden;height: 0;content: '.';}
.clear {zoom: 1;}
body {background: #090812;}
.header {position: fixed;z-index: 1000;top: 0;width: 100%;min-width: 1200px;height: 60px;background: rgba(0,0,0,.8);}
.middle {position: relative;width: 1160px;margin: 0 auto;}
a.logo {display: block;width: 133px;height: 40px;margin-top: 10px;background: url('http://vcbeat.net/Application/Index/View/Computer/Public/img/logo_ab_2.png') no-repeat;background-size: auto 40px;}
.header .nav {float: right;padding-top: 23px;position: relative;}
.header .nav_i {position: absolute;width: 56px;height: 2px;background: #686aff;bottom: -8px;left: 30px;-webkit-transition: left .2s;-o-transition: left .2s;transition: left .2s;}
.header .nav>li {position: relative;float: left;margin-left: 30px;}
.header .nav>li>a {color: #fff;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.header .nav>li.nav_li2>a {background: #686aff;padding: 4px 8px;border-radius: 2px;-webkit-transition: all .2s;-o-transition: al .2s;transition:all .2s;}
.header .nav>li>a:hover {color: #686aff;}
.header .nav>li.nav_li2>a:hover {color: #fff;background: #4548ff;}
.banner {width: 100%;min-width: 1160px;padding-top: 60px;background: #090810;}
.banner img {width: 100%;display: block;}

.page {padding-top: 100px;width: 1160px;margin: 0 auto;}
.page_tle .p1 {font-size: 48px;font-weight: 800;}
.page_tle .p2 {font-size: 24px;margin-top: 20px;}
.page_tle .p2 span {position: relative;}
.page_tle .p2 span:before {content: '';position: absolute;width: 0;height: 0;border-width: 7px;border-style: solid;border-color: #686aff transparent transparent transparent;top: 13px;right: -22px;}
.i_cnt {background: url('../img/i_bg.png');padding: 20px 30px 20px 34px;line-height: 1.8;margin-top: 60px;}
.judges_cnt {margin-top: 60px;}

.pagination {text-align: center;margin-top: 40px;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;margin: 0 5px;cursor: pointer;border-radius: 5px;background: rgba(255,255,255,.5);}
.swiper-active-switch {background: #4548ff;transition: all .2s;}
.swiper-container {position: relative;z-index: 1;overflow: hidden;margin: 0 auto;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;width: 1160px;height: 579px;}
.swiper-wrapper {position: relative;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;width: 100%;-webkit-transition: -webkit-transform,left,top 0s ease;-moz-transition: -moz-transform,left,top 0s ease;-ms-transition: -ms-transform,left,top 0s ease;-o-transition: -o-transform,left,top 0s ease;transition: transform,left,top 0s ease;-webkit-transform: translate3d(0px,0,0);-moz-transform: translate3d(0px,0,0);-ms-transform: translate3d(0px,0,0);-o-transform: translate3d(0px,0,0);transform: translate3d(0px,0,0);}
.swiper-slide {position: relative;float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.judges_list {position: relative;height: 386px;}
.judges_list li {position: absolute;cursor: pointer;}
.judges_list li .judges_img {float: left;width: 193px;height: 193px;font-size: 0;overflow: hidden;}
.judges_list li .judges_img img {width: 100%;height: 100%;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.judges_list li .judges_info {float: left;width: 193px;height: 193px;background: #16151e;padding: 20px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.judges_list li:hover .judges_info {background: #4548ff;}
.judges_list li:hover .judges_img img {-webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.judges_info .p1 {font-size: 18px;position: relative;padding-left: 20px;}
.judges_info .p1:before {content: '';position: absolute;width: 0;height: 0;border-width: 7px;border-style: solid;border-color: transparent #fff transparent transparent;top: 2px;left: -4px;}
.judges_info .p2 {margin-top: 15px;line-height: 1.8;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.judges_list li:nth-of-type(1) {left: 0;top: 0;}
.judges_list li:nth-of-type(2) {left: 386px;top: 0;}
.judges_list li:nth-of-type(3) {left: 772px;top: 0;}
.judges_list li:nth-of-type(4) {left: 0;top: 193px;}
.judges_list li:nth-of-type(5) {left: 386px;top: 193px;}
.judges_list li:nth-of-type(6) {left: 772px;top: 193px;}
.judges_list li:nth-of-type(7) {left: 0;top: 386px;}
.judges_list li:nth-of-type(8) {left: 386px;top: 386px;}
.judges_list li:nth-of-type(9) {left: 772px;top: 386px;}
.judges_list li:nth-of-type(6) .judges_img,.judges_list li:nth-of-type(5) .judges_img,.judges_list li:nth-of-type(4) .judges_img {float: right;}
.judges_list li:nth-of-type(6) .judges_info,.judges_list li:nth-of-type(5) .judges_info, .judges_list li:nth-of-type(4) .judges_info {text-align: right;}
.judges_list li:nth-of-type(6) .judges_info .p1,.judges_list li:nth-of-type(5) .judges_info .p1, .judges_list li:nth-of-type(4) .judges_info .p1 {padding-left: 0;padding-right: 20px;}
.judges_list li:nth-of-type(6) .judges_info .p1:before,.judges_list li:nth-of-type(5) .judges_info .p1:before, .judges_list li:nth-of-type(4) .judges_info .p1:before {border-color: transparent transparent transparent #fff;top: 2px;left: inherit;right: -4px;}
.forum_list {position: relative;font-size: 0;text-align: center;padding-top: 20px;}
.forum_list li {float: left;background: url('../img/forum_bg.png') no-repeat;width: 261px;height: 224px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;margin-left: 38px;margin-top: 40px;overflow: hidden;}
.forum_list li a {display: block;width: 175px;height: 140px;overflow: hidden;margin: 50px auto;}
.forum_list li .p1 {font-size: 14px;line-height: 1.8;}
.forum_list li .p2 {font-size: 22px;line-height: 1.3;margin-top: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.forum_list li:nth-of-type(1) {background-position: 0px -394px;margin-left: 0;}
.forum_list li:nth-of-type(2) {background-position: -370px -394px;}
.forum_list li:nth-of-type(3) {background-position: -739px -394px;}
.forum_list li:nth-of-type(4) {background-position: -1109px -394px;}
.forum_list li:nth-of-type(5) {background-position: -1461px -394px;margin-left: -38px;padding-left: 38px;}
.forum_list li:nth-of-type(6) {background-position: -1842px -394px;padding-right: 15px;}
.forum_list li:nth-of-type(7) {background-position: -2220px -394px;margin-left: 24px;}
.forum_list li:nth-of-type(8) {background-position: -1109px -394px;}
.forum_list li:nth-of-type(1):hover {background-position: 0px 0px;}
.forum_list li:nth-of-type(2):hover {background-position: -370px 0px;}
.forum_list li:nth-of-type(3):hover {background-position: -739px 0px;}
.forum_list li:nth-of-type(4):hover {background-position: -1109px 0px;}
.forum_list li:nth-of-type(5):hover {background-position: -1461px 0px;}
.forum_list li:nth-of-type(6):hover {background-position: -1842px 0px;}
.forum_list li:nth-of-type(7):hover {background-position: -2220px 0px;}
.forum_list li:nth-of-type(8):hover {background-position: -739px 0px;}
.agenda_navli {height: 54px;margin-top: 60px;position:  relative;width: 1100px;overflow: hidden;float:  left;}
.agenda_navbtn {width: 60px;float:  left;border-top: 1px solid #fff;border-bottom: 1px solid #fff;background: #171720;margin-top: 60px;height: 54px;position: relative;}
.agenda_navbtn .prev_btn,.agenda_navbtn .next_btn{position:absolute;width: 0;height: 0;border-width: 7px;border-style: solid;border-color: transparent #686aff transparent transparent;top: 20px;left: 10px;}
.agenda_navbtn .next_btn {border-color: transparent transparent transparent #686aff;left: 35px;}
.agenda_navbtn .prev_btn.oc,.agenda_navbtn .next_btn.oc{ opacity: .3;}
.agenda_nav {height: 54px;position: absolute;border-top: 1px solid #fff;border-bottom: 1px solid #fff;background: #171720;}
.agenda_nav li {float: left;margin-left: 15px;padding: 20px 0;}
.agenda_nav li:first-of-type {margin-left: 0;}
.agenda_nav li a {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s}
.agenda_nav li a:hover {color: #686aff;}
.agenda_nav li.on {border-top: 2px solid #686aff;border-bottom: 2px solid #686aff;height: 54px;margin-top: -1px;padding: 19px 0;}
.agenda_nav li.on a {color: #686aff;}
.agenda_thead {background: #fff;margin-top: 30px;}
.agenda_thead>div {float: left;height: 60px;color: #000;font-size: 18px;line-height: 60px;padding-left: 20px;}
.agenda_thead>div.agenda_th1 {width: 200px;background: #4548ff;color: #fff;}
.agenda_thead>div.agenda_th2 {width: 500px;text-align: left;}
.agenda_thead>div.agenda_th3 {width: 460px;}
.agenda_list {width: 100%}
.agenda_tbody {background: #171720;border: 1px solid rgba(104,106,255,.8);border-top: 0;}
.agenda_tbody td {height: 60px;line-height: 24px;padding: 12px 20px;}
.agenda_tbody td.agenda_td1 {width: 199px;padding-right: 0;}
.agenda_td1 p{display: table-cell;vertical-align: middle;line-height: 19px;}
.agenda_td1 span {position: relative;padding-left: 20px;}
.agenda_td1 span:before {content: '';position: absolute;width: 8px;height: 8px;border: 1px solid rgba(255,255,255,.5);border-radius: 50%;top: 5px;left: 0;}
.agenda_tbody td.agenda_td2 {width: 500px;padding-right: 0;}
.agenda_tbody td.agenda_td3 {width: 459px;}
.agenda_td3 p {padding: 4px 0 4px 0;}
.agenda_td3 p img{width: 24px;height: 24px;border-radius: 50%;float: left;margin-right: 14px;}
.agenda_td3 p .spa1 {margin-right: 12px;}
.agenda_td3 p .spa3 {margin-left: 12px;font-size: 12px;display: inline;padding: 1px 5px 2px;background: #686aff;color: #fff;border-radius: 2px;}
.register_list {padding-top: 20px;}
.register_list li {margin: 40px 40px 0 0;float: left;width: 260px;padding: 20px;background: #171720;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;position:  relative;}
.register_list li:hover {-webkit-transform: translate(0,-20px);-ms-transform: translate(0,-20px);-o-transform: translate(0,-20px);transform: translate(0,-20px);}
.register_list li:nth-of-type(4n) {margin-right: 0;}
.register_list li .p_type{
    position: absolute;
    background: #686aff;
    padding: 0 4px;
    right: 20px;
    top: 42px;
    line-height: 21px;
    border-radius: 2px;
    font-size: 14px;
}
.register_list li .p1 {font-size: 18px;padding: 20px 0;line-height:  25px;height: 90px;border-bottom: 2px solid #fff;}
.register_list li .p2 {line-height: 1.7;margin: 15px 0 0;height: 183px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
.register_list li .p3 {padding-top: 15px;}
.register_list li .p3 .sp1 {font-size: 30px;font-weight: 800;}
.register_list li .p3 .sp2 {margin-top: 14px;}
.register_list li .p3 .sp4 {text-decoration:line-through;}
.register_list li a {display: block;background: #4548ff;text-align: center;line-height: 40px;margin-top: 20px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.register_list li a:hover {background: #2f32ea;}
.register_list li a.over {background: #a0a0a0;}
.pintu_cnt {margin-top: 60px;}
.pintu_img {float: left;border: 6px solid #4548ff;width: 720px;height: 380px;font-size: 0;}
.pintu_img img {width: 100%;height: 100%;}
.pintu_info {float: right;width: 400px;height: 380px;position: relative;padding-bottom: 70px;}
.pintu_info .p1 {font-size: 20px;line-height: 22px;border-left: 4px solid #4548ff;padding-left: 10px;}
.pintu_info .p2 {line-height: 1.6;margin-top: 20px;}
.pintu_info a {width: 140px;font-size: 16px;text-align: center;line-height: 50px;background: #4548ff;margin-top: 20px;position: absolute;left: 0;bottom: 0;-webkit-transtion: all .2;-o-transition:all .2s;transition all .2}
.pintu_info a:hover {background: #2f32ea;}
.ad_bg {margin-top: 100px;max-width: 1920px;background: url('../img/ad_bg.png') center;}
.ad_bg .ad_cnt {width: 1160px;margin: 0 auto;padding: 45px;height: 140px;}
.ad_cnt .p1 {font-size: 36px;line-height: 50px;}
.ad_cnt .p2 {font-size: 30px;line-height: 50px;text-align: center;display: none;-webkit-transform: translate(-800px,0);-ms-transform: translate(-800px,0);-o-transform: translate(-800px,0);transform: translate(-800px,0);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a.ad_btn {background: #090812;width: 140px;line-height: 50px;float: right;font-size: 16px;text-align: center;}
.activity_li {position: relative;float: left;overflow: hidden;}
.activity_li img {display: block;width: 560px;height: 340px;}
.activity_li:nth-of-type(even) {float: right;}
.activity_cnt {margin-top: 60px;}
a.activity_clk {position: absolute;width: 100%;height: 100%;}
a.activity_clk .activity_bg {position: absolute;width: 100%;height: 100%;background: rgba(52,32,124,.9);top: 0;left: 0;z-index: 1;opacity: 0;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
a.activity_clk span {position: absolute;top: 0;left: 50%;margin-left: -120px;font-size: 24px;border: 2px solid #fff;display: block;width: 240px;height: 60px;border-radius: 30px;text-align: center;line-height: 56px;background: url('../img/ac_icon.png') no-repeat 165px center;padding-right: 25px;z-index: 2;opacity: 0;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
a.activity_clk:hover .activity_bg {opacity: 1;}
a.activity_clk:hover span {opacity: 1;top: 140px;}
.logo_icon .p1 {font-size: 24px;border-left: 4px solid #4548ff;padding-left: 10px;margin-top: 50px;}
.logo_icon_cnt {font-size: 0;padding-top: 14px;}
.logo_icon_cnt a {display: inline-block;width: 142px;height: 50px;background: #fff;overflow: hidden;margin: 16px 16px 0 0;padding: 5px;text-align: center;vertical-align: middle;line-height: 50px;}
.logo_icon_cnt a:nth-of-type(7n) {margin: 16px 0 0 0;}
.logo_icon_cnt a img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.contact {padding: 60px 0 100px;}
.contact_li {float: left;width: 386px;}
.contact_li .p1 {font-size: 24px;padding-bottom: 15px;position: relative;margin-bottom: 30px;}
.contact_li .p1:before {content: '';position: absolute;left: 0;bottom: 0;width: 50px;height: 4px;background: #686aff;}
.contact_img {float: left;}
.contact_img img {width: 80px;height: 80px;}
.contact_info {float: left;margin-left: 20px;}
.contact_info .p2 {font-size: 16px;}
.contact_info .p3 {font-size: 16px;margin-top: 16px;}
.right_mune {position: fixed;z-index: 1000;right: 20px;bottom: 30px;}
.right_mune a {display: block;width: 52px;height: 52px;border-radius: 50%;text-align: center;background: #111031;border: 2px solid #4548ff;color: #4548ff;line-height: 52px;font-size:  16px;font-weight: 800;margin-top: 15px;}
.right_mune a.top {background: url('../img/top_icon.png') no-repeat center #111031;}
.register_lay,.pay_lay,.pay_success,.pay_success2 {background: #fff;display: none;color: #000;}
.lay_title {padding: 14px 16px;font-size: 16px;}
.register_info {background: #f0f0f0;padding: 14px 16px;}
.register_info .p1 {font-size: 16px;font-weight: 800;color: #686aff;line-height: 1.3;}
.register_info .p2 {line-height: 1.5;margin-top: 10px;}
.register_ipt {padding: 14px 16px;}
.register_ipt li {height: 36px;margin-bottom: 16px;}
.register_ipt .ipt_l {float: left;width: 62px;text-align: right;line-height: 36px;}
.register_ipt .ipt_l span {position: relative;}
.register_ipt .ipt_l span:before {line-height: 12px;position: absolute;top: 5px;left: -9px;content: '*';font-size: 15px;color: #ff0500;}
.register_ipt .ipt_r {float: left;font-size: 0;}
.register_ipt .ipt_r input {border: 1px solid #ccc;padding: 7px 10px;width: 350px;border-radius: 4px;font-size: 14px;}
.register_ipt .ipt_r input#code {width: 250px;}
.code_btn{width: 96px;font-size: 14px;border: 0;height: 36px;border-radius: 3px;cursor: pointer;margin-left: 5px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;background: #4548ff;color: #fff;}
.code_btn.wait {color:#7d7fff}
.register_ipt .ipt_r input.ipt_num {width: 44px;padding: 7px;text-align: center;border-radius: 0;border-left: 0;border-right: 0;height: 36px;}
.add_num,.rec_num {display: inline-block;font-size: 14px;background: #686aff;line-height: 36px;width: 20px;text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.add_num:hover,.rec_num:hover {background: #4548ff;}
.add_num.on,.rec_num.on {background: #a0a0a0;}
.lay_btn {text-align: center;padding-bottom: 30px;font-size: 0;}
.lay_btn button {width: 86px;font-size: 14px;color: #212121;border: 0;background: #e0e0e0;height: 36px;border-radius: 3px;margin: 0 5px;cursor: pointer;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.lay_btn button.submit_btn {background: #4548ff;color: #fff;}
.lay_btn button:hover {background: #d0d0d0;}
.lay_btn button.submit_btn:hover {background: #2f32ea;}
.pay_success_c,.payer_info {padding: 14px 16px;border-top: 1px solid #ccc;}
.pay_info {padding: 0 16px;}
.payer_info .p1 {font-size: 16px;font-weight: 800;}
.payer_info .p2 {line-height: 1.5;margin-top: 10px;}
.payer_info p span {font-weight: 400;font-size: 14px;margin-left: 10px;}
.pay_info table {width: 100%;}
.pay_info table th {font-weight: 400;text-align: left;background: #f7f7f7;border: 1px solid #e5e5e5;padding: 10px;}
.pay_info table td {padding: 10px;border: 1px solid #e5e5e5;line-height: 1.3;}
.pay_cnt {padding: 30px;}
.pay_cnt p {text-align: center;margin-top: 15px;}
.pay_cnt p span {position: relative;padding-left: 22px;font-size: 16px;}
.pay_cnt p span:before {content: '';position: absolute;width: 18px;height: 18px;background: url('http://vcbeat.net/Application/Index/View/Computer/Public/img/vip/wx_pay.png') no-repeat;background-size: 100% 100%;left: 0;top: 2px;}
.pay_img {width: 180px;height: 180px;margin: 0 auto;}
.pay_img2 {width: 160px;height: 160px;margin: 0 auto;}
.pay_success_c img {display: block;margin: 10px auto 0;width: 40px;height: 40px;}
.pay_success_c .p1 {text-align: center;margin-top: 10px;font-size: 16px;}
.pay_success_c .p3 {text-align: center;margin-top: 10px;margin-bottom: 20px;}
.pay_success_c2 .p3 {margin-bottom: 50px;}
.pay_success_c .p3 a{color: #FA5A00}
.pay_success_c .p2 {text-align: center;margin-top: 15px;margin-bottom: 10px;}
.pay_success_c .p2 span {position: relative;}
.login_layer {width: 450px;background: #fff;border-radius: 8px;text-align: center;padding-bottom: 10px;display: none;position: relative;}
.login_layer p {font-size: 18px;padding: 20px 20px 0;text-align: left;color: #333;}
#wx_login {width: 300px;margin: 10px auto 20px;overflow: hidden;}
.pay_success_c2 img{
    margin: 30px auto 0;
}
.pay_success_c2 .p1{
    margin-top: 10px;
    line-height: 1.5;
}
#canvas {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: al .5s;
    transition: all .5s;
}

#canvas.on {
    opacity: 1;
}