div,h1,h2,ul,li,input,textarea,p,img{
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}
body {
    padding: 0;
    margin: 0;
    background-color: #fffcfc;
    font: 14px/1.4 'Microsoft YaHei', Helvetica, sans-serif;
    color: #555;
    width: 100%;height: 100%;
}
.live_play{float:left;width: 40%;margin-left:10%;height: 850px;margin-top: 30px;}
.live_chat{float:left;width:40%;height: 845px;margin: 30px 0 0 20px;background: #fff;}
.live_play_title{width: 100%;height: 80px;background: #fff;}
#id_test_video{width: 100%;height:70%;background: #000;}

.live_play_title_img{width:60px;height: 60px;margin: 10px;float:left;}
.live_play_title_img img{width: 100%;border-radius: 50%;}

.live_play_title_name{float:left;width: 50%;height:80px;padding-left: 20px;}
.live_play_title_name_live{width: 100%;height:30px;line-height: 30px;margin-top:10px;overflow: hidden;}
.live_play_title_name_id{width: 100%;height: 30px;line-height: 30px;overflow: hidden;}
.live_play_title_sum{float:left;width:calc(50% - 100px);height:80px;line-height: 80px;text-align: center;}

.live_play_plug_flow{width: 100%;height:150px;background: #fff;}
.live_play_plug_flow_title{width: 100%;height: 60px;padding-top: 10px;}
.live_play_plug_flow_title_name{float:left;width: 70px;height:35px;line-height: 35px;margin-left: 20px;}
.live_play_plug_flow_title_input{float:left;width:calc(100% - 200px);height:30px;line-height: 30px;}
.live_play_plug_flow_title_btn{float:left;width: 80px;height: 35px;line-height: 35px;background: #e04bec;text-align: center;color:#fff;cursor: pointer;}


.live_chat_title{width: calc(100% - 40px);height:50px;background: #eaecf1;color:#5d5d5d;padding:15px 20px;color: #28c4a7;}
.live_chat_center{width:100%;height:70%;padding:10px 0 30px; overflow-y: scroll ;}
.live_chat_center_level{float:left;width: 40px;height:15px;line-height: 15px;text-align: center;background: #96ff7f;color:#fff;margin:5px 5px  5px 0;}
.live_chat_center_name{float:left;height:25px;line-height: 25px;}
.live_chat_center_text{float: left;height:25px;line-height: 25px;margin-left: 10px;}
.live_chat_center_article{width: calc(100% - 40px);clear: both;height:25px;padding: 0px 20px;margin-top: 5px;background: #ececec;}
.live_chat_center_gift_name{float:left;height:25px;line-height: 25px;margin:0 10px;}
.live_chat_center_gift_img{float:left;width: 25px;height: 25px;}
.live_chat_center_gift_img img{width: 100%;}

.live_chat_information{border-top: 10px solid #fffcfc;padding-top: 20px;width: 100%;height: 60px;}
.live_chat_information_img{float:left;width: 50px;height: 50px;margin:5px 0;}
.live_chat_information_img img{width: 100%;}
.live_chat_information_input{float:left;width: calc(100% - 160px);height:43px;line-height: 43px;margin-top: 5px;border:1px solid #e04bec;padding-left: 15px;}
.live_chat_information_btn{float:left;width: 80px;height: 45px;line-height: 45px;margin-top:5px;text-align: center;background: #e04bec;color:#fff;cursor: pointer;}

.live_play_plug_flow_cen{width: calc(100% - 40px);height: 40px;padding:20px 20px;margin-top:20px;}
.live_end_btn{width:60%;height:40px;line-height: 40px;text-align: center;border:1px solid #e1e1e1;color:#666666;margin:10px 20%;border-radius: 20px;cursor: pointer;}

/*登录*/
.login_live{position: fixed;width: 100%;height: 100%;background: #000;background-color:rgba(0,0,0,0.5);}
.login_live_name{width:400px;height:330px;background: #fff;margin: 15% auto;border-radius: 15px;position:relative;}
.login_live_title{width: 100%;height:40px;line-height: 40px;text-align: center;padding-top:30px;font-size: 25px;font-weight: bold;}
.login_live_class{width: 80%;height:40px;margin:20px auto 0;border-bottom: 1px solid #e9e9e9;}
.login_live_class input,.login_live_yzm input{width: 100%;height: 40px;line-height: 40px;border: 0px!important;padding-left: 10px;}
.login_live_yzm{float:left;width: 50%;height:40px;margin:20px 0 0 10%;border-bottom: 1px solid #e9e9e9;}
.login_live_yzm_btn{width: 110px;float: left;height:40px;line-height: 40px;background: #f36e6e;margin:20px 0 0px 20px;text-align: center;color:#fff;border-radius: 20px;cursor: pointer;}
.login_live_btn{clear:both;width: 80%;height: 50px;line-height: 50px;text-align: center;margin:110px auto;background: #32d35a;color:#fff;border-radius: 20px;cursor:pointer;}
.login_live_x{width: 60px;height: 40px;position: absolute;top:0;right:0;line-height: 40px;text-align: center;font-size: 20px;cursor: pointer;color:#a9a9a9;}

.live_chat_green{color: #47be71;}
.live_chat_blue{color: #00a1ff;}
.live_play_plug_flow_cen_ts{float:left;width:calc(100% - 100px);height:100%;}
.live_play_plug_flow_cen_sx{float:left;width:100px;height:35px;line-height:35px;text-align:center;background:#e04bec;color:#fff;    border-radius: 20px;cursor:pointer;}