/*注册、充值*/
.regRow{margin-bottom: 20px;overflow: hidden;}
.regRow:last-child{margin-bottom: 0!important}
.regRow label{width: 100px;float: left;text-align: right;margin-right: 20px;color: #333;font-size: 18px;margin-top: 6px}
.regRow  input{height: 36px;border: 1px solid #ececec;border-radius: 4px;padding: 0 10px;width: 415px;float: left;font-size: 18px;color: #333}
.regRow select{height: 36px;border: 1px solid #ececec;border-radius: 4px;padding: 0 10px;width: 435px;float: left;font-size: 16px;color: #333}
.regBtn{width: 120px;margin-top: 20px; height: 36px;color: #FFF;font-size: 18px;background-color: #2d8cf0;border-radius: 4px;border: 0;float: left;margin-left: 120px}

.regRow .uploadCardA{width: 245px;height: 160px; position: relative;float: left; margin-left: 30px;border:1px solid #ADADAD; border-radius: 3px;overflow: hidden;}
.regRow .uploadCardB{width: 245px;height: 160px; position: relative;float: right;margin-right: 32px;border:1px solid #ADADAD;border-radius: 3px;overflow: hidden;}

.regRow .uploadCardImgA{width: 100%;height: 100%;}
.regRow  .uploadCardIcon{font-size: 15px;position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0,0,0,0.6); text-align: center;line-height: 160px;color: #FFF;cursor: pointer;}


.regRow .uploadCardImgB{width: 100%;display: none;}
.regRow  .delCardIcon{font-size: 15px;position: absolute;right: 10px;bottom: 10px;color: #ed3f14;cursor: pointer;display: none;}

/*首页*/
.indexBanner{width: 100%;height: 300px}
.byBox{width: 100%;overflow: hidden;}
.byBox .liveItem{width: 370px;overflow: hidden;position: relative;float: left;margin-right: 45px;margin-bottom: 20px;cursor: pointer;}
.byBox .liveItem:nth-of-type(3n){margin-right: 0!important}

.byBox .liveItem .bg{width: 100%;height: 240px;overflow: hidden;}
.byBox .liveItem  .liveIcon{width: 60px;height: 60px;position: absolute;left: 155px;top: 80px}
.byBox .liveItem  .msg{width: 100%;text-align: center;color: #333;font-size: 16px;margin-top: 10px}

.smItem{cursor: pointer;color: #2d8cf0;width: 290px;margin-bottom: 20px;overflow: hidden;display: inline-block;font-size: 14px}
.smItem:hover{color:#2b85e4}


.userItem{overflow: hidden;margin-bottom: 20px}
.userItem .left{width: 80px;height: 80px;overflow: hidden;float: left;}
.userItem .right{height: 80px;float: left;margin-left: 30px;}
.userItem .right .top{color: #333;font-size: 16px;font-weight: bold;margin-top: 15px}
.userItem .right .btm{color: #999;font-size: 15px;margin-top: 10px}
.userItem .right .btm span{color: #2d8cf0;cursor: pointer;}
/*说明*/
.exTitle{font-size: 30px;color: #333;text-align: center;margin-bottom: 40px}
.exItem{overflow: hidden;margin-bottom: 30px}
.exItem .itemT{font-weight: bold;font-size: 16px;margin-bottom: 20px}
.exItem  .itemP{font-size: 15px;color: #333;margin-bottom: 3px}


/*表演*/
.perMain{}
.perMain .left{width: 900px;float: left;overflow: hidden;}
.perMain .left .top{height: 100px;width: 100%;overflow: hidden;background-color: #333333}
.perMain .left .innerTop{height: 80px;padding: 0 20px;margin-top: 10px;overflow: hidden;}
.perMain .left .innerTop .tx{width: 80px;height: 80px;float: left;border-radius: 100%}
.perMain .left .innerTop .msg{float: left;margin-left: 20px}
.perMain .left .innerTop .msg .msgT{overflow: hidden;}
.perMain .left .innerTop .msg .msgT .perName{color: #c7c7c7;font-size: 18px;margin-right: 40px}
.perMain .left .innerTop .msg .msgT  .perRank{color: #2d8cf0;font-size: 16px}
.perMain .left .innerTop .msg .msgB .perType{color: #23d31e;font-size: 16px;margin-right: 40px}
.perMain .left .innerTop .msg .msgB  .perRoom{color: #999;font-size: 16px;}

.perMain .left .innerTop .pergz{float: right;height: 36px;border: 1px solid #23d31e;float: right;overflow: hidden;border-radius: 4px;margin-top: 20px}
.perMain .left .innerTop .pergz .gzN{background-color: #23d31e;height: 36px;width: 75px;color: #fff;color: #FFF;line-height: 36px;float: left;font-size: 16px;text-align: center;}
.perMain .left .innerTop .pergz  .gzC{width: 90px;height: 36px;color: #23d31e;line-height: 36px;text-align: center;float: left;font-size: 16px}

.perMain .vdBox{height: 500px;color: #c7c7c7;background-color: #000; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;font-size: 18px;position: relative;}
.perMain .vdBox #videoBox{width: 100%;height: 100%}

.perMain .numBox{width: 60px;position: absolute;z-index: 55;right: 3px;bottom:160px;}
.perMain .numBox img{width: 30px;margin: 20px auto 5px auto;display: block;}
.perMain .numBox p{font-size: 14px;color: #FFFFFF;text-align: center;}

.perMain .right{float: right;width: 280px;height: 600px;background-color: #000;overflow: hidden;}
.perMain .right .tit{height: 40px;line-height: 40px;text-align: center;color: #23d31e;font-size: 18px}
.perMain .right .hl{overflow: hidden;}
.perMain .right .hl .hlItem{width: 33%;text-align: center;float: left;}
.perMain .right .hl .hlItem .hi{width: 60px;height: 60px;margin: 0 auto;display: block;}
.perMain .right .hl .hlItem  .nc,.perMain .right .hl .hlItem .gx{font-size: 16px;color: #c7c7c7;text-align: center;margin-top: 12px;font-size: 12px}

.perMain .right  .sl{overflow: hidden;color: #c7c7c7;padding: 20px;margin: 30px 0;border-top: 1px solid #c7c7c7}
.perMain .right  .sl .slItem{width: 100%;overflow: hidden;margin-bottom: 14px}
.perMain .right  .sl .slItem .index{font-size: 16px;float: left;width: 30px;display: inline-block; margin-top: 12px}
.perMain .right  .sl .slItem .hi{width: 40px;height: 40px;border-radius: 100%;float: left;margin-right: 10px;}
.perMain .right  .sl .slItem  .nc{float: left;font-size: 12px;margin-top: 12px}
.perMain .right  .sl .slItem  .gx{float: right;font-size: 12px;margin-top: 12px}