.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px !important;}

::-webkit-scrollbar{ display:none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}

/***** Ñ¡Ôñ°´Å¥Ñùʽ ****/
.tselect-switch-cp{ display: block;}
.tselect-switch-cp__input{position: absolute; left: -9999px;}
.tselect-switch-cp__box{position: relative;
width: 32px;
height: 20px;
border: 2px solid rgba(0, 0, 0, 0.1);
outline: 0;
border-radius: 16px;
box-sizing: border-box;
background-color: #FFFFFF;
-webkit-transition: background-color 0.1s, border 0.1s;
transition: background-color 0.1s, border 0.1s;}

.tselect-switch:before, .tselect-switch-cp__box:before {
    content:" ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 15px;
    background-color: #FDFDFD;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}
.tselect-switch-cp__box:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}

.tselect-switch-cp__input:checked ~ .tselect-switch-cp__box{ border-color: #07C160;
background-color: #07C160; }
.tselect-switch-cp__input:checked ~ .tselect-switch-cp__box:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.tselect-switch-cp__input:checked ~ .tselect-switch-cp__box:after {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
.tcui-actionsheet__title {
    position: relative;
    height: 56px;
    padding: 0 24px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.4;
    background: #FFFFFF;
    color: rgba(0, 0, 0, 0.5);
}
.tcui-actionsheet__title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.tcui-actionsheet__cell {
    position: relative;
    padding: 11px;
    text-align: center;
    font-size: 17px;
    line-height: 1.41176471;
}
.mylist-guanli__box .tcui-actionsheet__cell a{ display:block;}
.tcui-mask{ cursor:pointer;}
.tcui-actionsheet__cell{ cursor:pointer;}

.pages li a{ color:#E5375F; border: 1px solid #E5375F;}
.pages li select{ height:30px; width:100%; text-align:center; text-align-last:center; border-color:#ccc; color:#999; }

.tcui-radio label input[type="radio"]{ margin:0; margin-right:4px; -webkit-appearance:none; position:relative; vertical-align:-3px; width:18px; height:18px; border:1px solid #d2d2d2; border-radius:100%; overflow:hidden;}
.tcui-radio label input[type="radio"]:checked:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#07C160;}
.tcui-radio label input[type="radio"]:checked:after{ content:''; position:absolute; left:5px; top:3px; width:3px; height:6px; border-bottom:2px solid #fff; border-right:2px solid #fff; border-bottom-right-radius:2px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.tcui-uploader__file{ background-size:contain; }

.sec-input input[type=tel]{width: 100%; background: none; border: none;}
.input-control span{ width:6em; }
.input-control .picurl_msg{ font-size:0.8em;margin-left:10px;}

.curr_header{ height:44px; line-height:44px; background:#fff; border-bottom:1px solid #eee; position:relative; }
.curr_header .back{ position:absolute; left:5px;top:0; bottom:0; z-index:1; font-size:0.9em; width:44px; text-align:center; }
.curr_header .back .tciconfont{ font-size:2em; }
.curr_header .title{ text-align:center; margin:0 60px; font-size:1.2em; }
.curr_header .nav-popup{ position:absolute; right:5px;top:0; bottom:0; z-index:1;  width:44px; text-align:center; }
.curr_header .nav-popup .tciconfont{ font-size:1.2em; }
.curr_header .nav-right{ position:absolute; right:15px;top:0; bottom:0; z-index:1; font-size:0.9em; }

.btn-group a, .btn-group button{cursor: pointer;display: inline-block; margin-left: 8px; height: 24px;line-height: 24px;padding: 0 10px; border-radius: 2px;font-size: 0.8em; color: #333; border: 1px solid #ddd; margin-bottom: 5px; min-width: 2em;}
.btn-group a.del-btn{ color:#f00; color:#f00; }

.mylist-notts{ }
.mylist-notts .notts{  height:80px; line-height:80px; text-align:center; color:#666; font-size:0.8em;}
.mylist-notts .notts:after,.mylist-notts .notts:before{ content:''; display:inline-block; width:30px; height:1px; background:#999;vertical-align: 4px; }
.mylist-notts .notts:after{ margin-left:5px;}
.mylist-notts .notts:before{ margin-right:5px;}

.mylist-page{ }
.mylist-page .page-box{ padding:10px 10%; text-align:center;}
.mylist-page .page-box .page-prve{ width:35%; }
.mylist-page .page-box .page-num{ width:30%;; }
.mylist-page .page-box .page-next{ width:35%;; }
.mylist-page .page-box .page a{ display:inline-block; height:26px; font-size:0.85em; line-height:26px; padding:0 15px;border:1px solid #999; color:#666; border-radius:5px; }
.mylist-page .page-box .page a.page-on{ color:#fff; border-color:#3072F6; color:#3072F6; }

.edit-form ul li .paixu{font-size: 0.7em;height: 30px;line-height: 30px;}
.edit-form ul li .paixu input{width: 30px;text-align: center;border:1px solid #efefef;}
.edit-form i.close{cursor: pointer; padding:0; position: absolute; z-index: 1; top: 0px; right: 0px; width: 18px; height: 18px; border-radius: 100%; background: rgba(255,0,0,0.5);}
.edit-form i.close:before,.edit-form i.close:after{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:1px; width:10px; background:#FFF; top:8px;right: 4px;}
.edit-form i.close:before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

/************************************* index ************************************/

.tclive-index { }
.tclive-index .jyhd{ z-index:2; padding:10px 12px; background:#fff; }
.tclive-index .jyhd .jy_search{ margin-left:5px; margin-top:1px; }
.tclive-index .jyhd .jy_search .search{ display:block; width:100%; height:30px; line-height:30px; color:#ababab; padding:0 15px; font-size:0.9em; background:#F2F2F2; border-radius:15px; }
.tclive-index .jyhd .jy_search .search .tciconfont{color:#999; font-weight:600; vertical-align: -2px; margin-right:5px; }
.tclive-index .jyhd .jy_sites{ margin-right:5px; }
.tclive-index .jyhd .jy_sites a{cursor:pointer;text-align:center; line-height:30px; font-size:0.9em; max-width:100px; overflow:hidden; }
.tclive-index .jyhd .jy_sites a .tciconfont{  }
.tclive-index .jyhd .jy_sites a .site_name{ display:inline-block; max-width:120px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
.tclive-index .jyhd .jy_my{ width:30px; line-height:30px; text-align:center; margin-left:10px; }
.tclive-index .jyhd .jy_my .tciconfont{ font-size:1.3em; }
.tclive-index .index-nav{ padding:10px 0; background:#fff;}

.tclive-index .index_top_focuspic img{ display:block; }

/************************************* list ************************************/

.live_list{ background:#fff; padding:10px 7px;display: -webkit-box; display: -moz-box;display: -ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap;}
.live_list .live_item{ margin: 0 4px 8px; width: calc(50% - 8px); background: #fff; overflow:hidden; max-width:365px; }
.live_list .live_item .item_hd{ position:relative; }
.live_list .live_item .item_hd .pic{ position:relative; width:100%; padding-top:60%; }
.live_list .live_item .item_hd .pic img{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px;object-fit:cover; }
.live_list .live_item .item_hd .status{ position: absolute;top: 5px;right: 5px;color: #fff;background-color: #999;font-size: 0.8em;height: 20px;line-height: 20px;padding: 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;border-radius: 10px;}
.live_list .live_item .item_hd .status1{ background-color: #f00;}
.live_list .live_item .item_hd .status2{ background-color: #b4b4b4;}
.live_list .live_item .item_hd .status3{ background-color: #b4b4b4;}
.live_list .live_item .item_hd .status4{ background: rgba(0, 0, 0, 0.7);}
.live_list .live_item .item_hd .clicks{position: absolute;top: 5px;left: 5px;color: #f7f7f7;background-color:rgba(0, 0, 0, 0.3);;font-size: 0.8em;height: 20px;line-height: 20px;padding: 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;border-radius: 10px;}
.live_list .live_item .item_hd .clicks .tciconfont{font-size: 1.1em;margin-right: 2px;}
.live_list .live_item .item_bd{ padding:5px 5px 0; }
.live_list .live_item .item_bd .name{ font-size:0.9em; color:#555;line-height:20px; height:22px; font-weight: 600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.live_list .live_item .item_bd .sub{ font-size:0.8em; color:#999; line-height:20px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.live_list .live_item2{ margin: 0 7px 15px; width:100%; background: #fff; }
.live_list .live_item2 .item_hd{ position:relative; }
.live_list .live_item2 .item_hd .pic{ position:relative; width:100%; padding-top:60%; }
.live_list .live_item2 .item_hd .pic img{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px;object-fit:cover; }
.live_list .live_item2 .item_hd .fo{  position:absolute;top:10px;right:10px; color:#f7f7f7;background-color:rgba(0, 0, 0, 0.3); border-radius:10px; }
.live_list .live_item2 .item_hd .status{color: #fff;background-color: #999;font-size: 0.8em;height: 20px;line-height: 20px;padding:0 5px 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;border-bottom-left-radius:10px; border-top-left-radius:10px;}
.live_list .live_item2 .item_hd .status1{ background-color: #f00;}
.live_list .live_item2 .item_hd .status2{ background-color: #b4b4b4;}
.live_list .live_item2 .item_hd .status3{ background-color: #b4b4b4;}
.live_list .live_item2 .item_hd .status4{ background: rgba(0, 0, 0, 0.7);}
.live_list .live_item2 .item_hd .clicks{ font-size: 0.8em;height: 20px;line-height: 20px;padding:0 10px 0 5px;box-sizing: border-box;white-space: nowrap;overflow: hidden;border-radius: 10px;}
.live_list .live_item2 .item_hd .clicks .tciconfont{font-size: 1.1em;margin-right: 2px;}
.live_list .live_item2 .item_bd{ padding:8px 10px; box-shadow:0px 1px 9px #e3dede;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.live_list .live_item2 .item_bd .name{ font-size:0.9em; color:#555;line-height:22px; height:24px; font-weight: 600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.live_list .live_item2 .item_bd .sub{ font-size:0.8em; color:#999; line-height:22px; height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.live_list .live_item2 .item_bd .sub .rt{ float:right; line-height:20px; padding:0 10px; border:1px solid #aaa; border-radius:10px; }

/********************************************** footer *******************************************/

.live-foot{ height:60px; width:100%;}
.live-foot .live-footer{ position:fixed; bottom:0; left:0; right:0; height:50px; background:#fff; z-index:99; border-top:1px solid #eee }
.live-foot .live-footer .live-footer__item{ text-align:center; color:#777;}
.live-foot .live-footer .live-footer__item .tciconfont{position:relative;width:32px; margin:0 auto; display:block; padding-top:2px; height:32px; line-height:30px; font-size: 1.6em; padding-top: 2px;}
.live-foot .live-footer .live-footer__item:last-child .tciconfont{ width:50px;}
.live-foot .live-footer .live-footer__item span{ line-height:18px; font-size:0.8em; display:block; }
.live-foot .live-footer .live-footer__item.on{ color:#f00;}

/********************************************** info *******************************************/

/*.tclive-info{ height:100%; overflow:hidden; }*/
.tclive-info .live_focuspic img{ display:block; object-fit:cover;}

.tclive-info .live_box{ position:relative; z-index:0; overflow:hidden; }
.tclive-info .live_box .live_err_ts{ background:#000; color:#fff; line-height:22px; padding:0 30px; font-size:1.05em; font-weight:600; box-sizing:border-box; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.tclive-info .live_box .live_err_ts p{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align:center; }
.tclive-info .live_box .live_err_mask{ background:rgba(0,0,0,0.5); color:#fff; line-height:22px; padding:0 30px; font-size:1.05em; font-weight:600; box-sizing:border-box; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.tclive-info .live_box .live_err_mask p{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align:center; }
.tclive-info .live_box .live_back{ z-index:9999; position:absolute; top:18px; left:10px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.tclive-info .live_box .live_back a{ display:block; width:28px; height:28px; line-height:28px; text-align:center; border-radius:100%; background:rgba(0,0,0,0.4); color:#fff; }
.tclive-info .live_box .live_back a.back{  text-indent:-2px; }
.tclive-info .live_box .live_back a.index{ font-size:0.75em; margin-top:5px;; }
.tclive-info .live_box .live_back a .tciconfont{ font-size:1.5em;font-weight:600; }

.tclive-info .live_box .live_clicks{ position:absolute; top:21px; right:10px; height:22px; line-height:21px; padding:0 6px; border-radius:11px; background:rgba(0,0,0,0.4); color:#fff; -webkit-box-align:center; -webkit-align-items:center; align-items:center; z-index:1; }
.tclive-info .live_box .live_clicks .huifang{font-size: 0.8em;margin-right: 5px;background-color: #F00;border-radius: 11px;position: absolute;top: 0px;left: 0px;width: 40px;text-align: center;height: 22px;line-height: 22px;}
.tclive-info .live_box .live_clicks .huifang_block{width: 40px;display: inline-block;}
.tclive-info .live_box .live_clicks .num{ font-size:0.8em; margin-left:3px; }
.tclive-info .live_box .live_clicks .tciconfont{ font-size:14px; }

.tclive-info .live_box .live_anchor{ z-index:9999; position:absolute; bottom:50px; right:10px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.tclive-info .live_box .live_anchor .anchor_logo{ position:relative; border-radius:100%; border:3px solid #fff;  }
.tclive-info .live_box .live_anchor .anchor_logo img{ display:block; width:40px; height:40px; object-fit:cover; border-radius:100%; }
.tclive-info .live_box .live_anchor .anchor_guanzu{ cursor:pointer; position:relative; z-index:1; width:24px; height:24px; margin-left:11px; margin-top:-13px; border-radius:100%; background:#FF3C5C; }
.tclive-info .live_box .live_anchor .anchor_guanzu:after,.tclive-info .live_box .live_anchor .anchor_guanzu:before{content:''; width:10px; height:2px; background:#fff; position:absolute; top:11px; left:7px; border-radius:1px; }
.tclive-info .live_box .live_anchor .anchor_guanzu:after{ transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.tclive-info .live_box .live_anchor .anchor_guanzu_on{ cursor:pointer; position:relative; z-index:1; width:24px; height:24px; margin-left:11px; margin-top:-13px; border-radius:100%; background:#fff; }
.tclive-info .live_box .live_anchor .anchor_guanzu_on:after{content:''; width:7px; height:3px; border:2px solid transparent; border-bottom-color:#FF3C5C; border-left-color:#FF3C5C; border-radius:1px; position:absolute; top:7px; left:7px; border-radius:1px;transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }

.tclive-info .live_sub{ height:26px; line-height:26px; }
.tclive-info .live_sub .live_subtit{ background:#000; color:#fff; font-size:0.8em; }

.tclive-info .live_nav{ background:#fff; position:relative; z-index:1;}
.tclive-info .live_nav .nav_box{ height:40px; line-height:40px; text-align:center; overflow:hidden; }
.tclive-info .live_nav .nav_box .nav_item{ position:relative; min-width:50px; font-size:0.9em; }
.tclive-info .live_nav .nav_box .nav_item.on .text{ color:#FE5900; }
.tclive-info .live_nav .nav_box .nav_item.on .sub{ position:absolute; left:50%; margin-left:-6px; bottom:5px; width:12px; height:3px; background:#FE5900; border-radius:2px; }
.tclive-info .live_nav .nav_box .nav_gz{ font-size:0.8em; min-width:70px; background:#FE5900; color:#fff; text-align:center; }
.tclive-info .live_nav .nav_box .nav_gz.on{ background:#dadada; }
.tclive-info .live_nav .nav_box .nav_gz .text{  }
.tclive-info .live_nav .nav_box .nav_gz .tciconfont{ vertical-align:-1px; margin-right:2px; font-size:1.2em; }

.tclive-info .live_main{ background:#F7F7F7; }
.tclive-info .live_main .main_box{ }
.tclive-info .live_main .main_box .term{ height:100%; overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; box-sizing:border-box; }
.tclive-info .live_main .main_box .hudong_item{ }
.tclive-info .live_main .main_box .hudong_item .hudong_main{  padding:12px 15px 55px 15px; box-sizing:border-box; }
.tclive-info .live_main .main_box .hudong_item .hudong_list{ position:relative; }
.tclive-info .live_main .main_box .hudong_item .hudong_text{  margin-bottom:12px; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .avatar{ cursor:pointer; width:40px; height:40px; margin-right:10px; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .avatar img{ width:100%; height:100%; border-radius:100%;object-fit:cover; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m{ width:calc(100% - 110px); width:-webkit-calc(100% - 110px); overflow:hidden; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .name{ margin-top:4px; line-height:18px; line-height:18px; font-size:0.9em; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .name .manage_icon{ display: inline-block; padding:0 2px; border:1px solid #00adff; border-radius:2px; color:#00adff; font-size:0.8em; margin-left:5px; line-height:16px;}

.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .time{ line-height:18px; line-height:18px; font-size:0.8em; color:#999; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .txt{ margin-top:4px; display:inline-block; word-break:break-all; background:#fff; padding:8px 8px; font-size:1.05em; border-radius:5px; line-height:22px; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .txt span{ padding:0 5px; display:inline-block; vertical-align:middle;}
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .txt img{ vertical-align:middle; width:20px; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .txtpic{ margin-top:4px; display:inline-block; word-break:break-all; background:#fff; padding:8px 8px; font-size:1.05em; border-radius:5px; line-height:22px; max-height:150px; }
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .txtpic img{ display:block; object-fit:contain; max-height:150px;}
.tclive-info .live_main .main_box .hudong_item .hudong_text .text_m .txt a{ color:#0a77ff; text-decoration:underline; }

.tclive-info .live_main .main_box .hudong_item .hudong_gift{  margin-bottom:12px; text-align:center; }
.tclive-info .live_main .main_box .hudong_item .hudong_gift .text{font-size:0.9em; display:inline-block; margin:0 auto; max-width:calc(100% - 110px); max-width:-webkit-calc(100% - 110px); background:#E5E1DC; padding:5px 10px; color:#fff; border-radius:2px; }
.tclive-info .live_main .main_box .hudong_item .hudong_gift .text img{ width:22px; height:22px; vertical-align:-6px; margin-left:5px;object-fit:cover; }
.tclive-info .live_main .main_box .hudong_item .hudong_gift .text .name{ color:#fb5b4e; margin:0 4px; font-weight:600; }
.tclive-info .live_main .main_box .hudong_item .hudong_hongbao .text_m{min-width:200px; }
.tclive-info .live_main .main_box .hudong_item .hudong_hongbao .hongbao{ margin-top:4px; cursor:pointer; background: url(hongbao.png) 15px center no-repeat #FA9D3B; background-size:35px; border:1px solid #D59153; height:70px;  width:200px; box-sizing:border-box; border-radius:3px; padding:12px 10px 0 65px; }
.tclive-info .live_main .main_box .hudong_item .hudong_hongbao .hongbao .hd{ color:#fff; font-size:0.9em; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tclive-info .live_main .main_box .hudong_item .hudong_hongbao .hongbao .bd{ color:#fff;font-size:0.9em; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tclive-info .live_main .main_box .hudong_item .hudong_linghb{ margin-bottom:12px; text-align:center; }
.tclive-info .live_main .main_box .hudong_item .hudong_linghb .text{ font-size:0.9em; display:inline-block; margin:0 auto; max-width:calc(100% - 110px); max-width:-webkit-calc(100% - 110px); background:#E5E1DC; padding:5px 10px; color:#fff; border-radius:2px; }
.tclive-info .live_main .main_box .hudong_item .hudong_linghb .text img{ width:auto; height:22px; vertical-align:-6px; margin-right:5px;object-fit:cover; }
.tclive-info .live_main .main_box .hudong_item .hudong_linghb .text .name{ color:#fb5b4e; margin:0 4px; font-weight:600; }

.tclive-info .live_main .main_box .content_item{ padding:12px 15px 40px 15px;}
.tclive-info .live_main .main_box .content_item .content{ font-size:1em; line-height:20px; word-break:break-all; }
.tclive-info .live_main .main_box .attr_item{ padding:12px 0px 40px 0px;}
.tclive-info .live_main .main_box .attr_item .new-company-list{ padding:0 10px; margin-top:0; }

.tclive-info .live_main .main_box .guides_list{ padding:12px 15px 55px 15px; }
.tclive-info .live_main .main_box .guides_list .item{  }
.tclive-info .live_main .main_box .guides_list .item .item_lt{ margin: 0 20px 0 15px; position: relative; width: 1px; background: #c7c4c4; }
.tclive-info .live_main .main_box .guides_list .item .item_lt .dian { position: absolute; top: 0; left: -3px; width: 7px; height: 7px;  background: #FE5900;  border-radius: 100%;}
.tclive-info .live_main .main_box .guides_list .item .item_rt{ position:relative; background:#fff; height:60px; padding:8px 35px 8px 15px; position:relative; border-radius:5px; margin-top:15px; box-sizing:border-box; }
.tclive-info .live_main .main_box .guides_list .item .item_rt .name{ font-size:0.9em; font-weight:600; line-height:22px; }
.tclive-info .live_main .main_box .guides_list .item .item_rt .time{ line-height:22px; font-size:0.8em; color:#888; }
.tclive-info .live_main .main_box .guides_list .item .item_rt .time .tciconfont{ font-size:1.2em; margin-right:4px;vertical-align: -1px; }
.tclive-info .live_main .main_box .guides_list .item .item_rt .bf{ position:absolute; right:15px; top:50%; margin-top:-9px; }
.tclive-info .live_main .main_box .guides_list .item .item_rt .bf .tciconfont{ font-size:1.2em; }

.tclive-info .live_main .main_box .tuwen_item{ padding:12px 15px 40px 15px;}
.tclive-info .live_main .main_box .tuwen_item .tuwen_list{  }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im{  }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_lt{ margin:0 20px 0 15px; position:relative; width:1px; background:#c7c4c4; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_lt .dian{ position:absolute; top:0; left:-3px; width:7px; height:7px; background:#FE5900; border-radius:100%; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt{ padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:15px; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im:last-child .tw_rt{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_user{ -webkit-box-align:center; -webkit-align-items:center; align-items:center }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_user .pic{ width:45px; height:45px; margin-right:10px; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_user .pic img{ width:100%; height:100%; border-radius:100%;object-fit:cover; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_user .user{  }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_user .user .name{ line-height:22px; font-size:0.9em; color:#888; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_user .user .time{ line-height:18px; font-size:0.9em; color:#888; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_cont{ margin-top:10px; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_cont .cont{ font-size:1em; line-height:20px; word-break:break-all; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_cont .piclist{ flex-wrap:wrap; margin-top:5px; line-height:0;}
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_cont .piclist .bigpic{ margin-top:5px; line-height:0;}
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_cont .piclist .pic{ margin-top:5px; line-height:0; width:calc(33% - 3px); margin-right:5px; position:relative; padding-top:calc(33% - 3px); }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_cont .piclist .pic:nth-child(3n){ margin-right:0; }
.tclive-info .live_main .main_box .tuwen_item .tuwen_list .tuwen_im .tw_rt .tw_cont .piclist .pic img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover; }

.tclive-info .live_main .main_box .phb_item{ padding:12px 15px 40px 15px; }
.tclive-info .live_main .main_box .phb_item .phb_nav{ width:240px; height:40px; line-height:40px; border-radius:5px; overflow:hidden; text-align:center; margin:0 auto; border:1px solid #FE5900; }
.tclive-info .live_main .main_box .phb_item .phb_nav .nav_item{ cursor:pointer; color:#FE5900; }
.tclive-info .live_main .main_box .phb_item .phb_nav .nav_item.on{ color:#fff; background:#FE5900; }
.tclive-info .live_main .main_box .phb_item .phb_m{ margin-top:10px; }
.tclive-info .live_main .main_box .phb_item .phb_m .phb_ts_msg{ padding:10px 15px; text-align:center; height:24px; line-height:24px; color:#999; font-size:0.9em; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list{  }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it{ padding:10px 15px;height:40px;line-height:40px; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .num{ width:45px; min-width:45px; text-align:center;font-size:1.05em; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .num_1{ color:#E95047; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .num_2{ color:#EB7322; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .num_3{ color:#F6C83B; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .it_u{ margin-left:10px; width:calc(100% - 125px); width:-webkit-calc(100% - 125px); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .it_u img{ width:40px; height:40px; object-fit:cover;border-radius: 100%; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .it_u .u_name{ vertical-align:14px; margin-left:2px; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbinvite_list .phb_it .it_cot{ min-width:70px; text-align:right; color:#FE5900; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list{  }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it{ padding:10px 15px;height:40px;line-height:40px; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .num{ width:45px; min-width:45px; text-align:center;font-size:1.05em; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .num_1{ color:#E95047; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .num_2{ color:#EB7322; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .num_3{ color:#F6C83B; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .it_u{ margin-left:10px; width:calc(100% - 125px); width:-webkit-calc(100% - 125px); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .it_u img{ width:40px; height:40px; object-fit:cover;border-radius: 100%; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .it_u .u_name{ vertical-align:14px; margin-left:2px; }
.tclive-info .live_main .main_box .phb_item .phb_m .phbreward_list .phb_it .it_cot{ min-width:70px; text-align:right; color:#FE5900; }

.tclive-info .live_foot{ position:fixed; bottom:0; left:0; right:0; z-index:999; background:#fff; border-bottom:1px solid #eee; }
.tclive-info .live_foot .hudong_inp{ padding:7px 12px; height:50px; box-sizing:border-box; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.tclive-info .live_foot .hudong_inp .face{ cursor:pointer; margin-right:10px; width:32px; min-width:32px; text-align:center; }
.tclive-info .live_foot .hudong_inp .face .tciconfont{ font-size:2em; color:#FE5900; }
.tclive-info .live_foot .hudong_inp .pic{ cursor:pointer; margin-right:10px; width:32px; min-width:32px; text-align:center; }
.tclive-info .live_foot .hudong_inp .pic .tciconfont{ font-size:2em; color:#FE5900; }
.tclive-info .live_foot .hudong_inp .input{  height:36px; border-radius:18px; background:#F5F6F9; overflow:hidden; padding:0 15px;box-sizing:border-box; -webkit-box-align:center; -webkit-align-items:center; align-items:center;  }
.tclive-info .live_foot .hudong_inp .input .tciconfont{ width:16px; min-width:16px; }
.tclive-info .live_foot .hudong_inp .input input{ border:none; height:100%; margin-left:5px; background:#F5F6F9; width:calc(100% - 21px); width:-webkit-calc(100% - 21px);}
.tclive-info .live_foot .hudong_inp .btn{ cursor:pointer; color:#FE5900; margin-left:10px; width:45px; min-width:45px; text-align:center; }
.tclive-info .live_foot .hudong_inp .more{ cursor:pointer; margin-left:10px; width:32px; min-width:32px; text-align:center; }
.tclive-info .live_foot .hudong_inp .more .tciconfont{ font-size:2em; color:#FE5900; }

.tclive-info .live_foot .hongbao_face{ height:0px; box-sizing:border-box; border-top:1px solid #eee;  }
.tclive-info .live_foot .hongbao_face .post-qq-face{ width: 100%; height: 100%; text-align: center; overflow-y: scroll; -webkit-overflow-scrolling:touch; margin-top:5px;padding-bottom:20px; box-sizing:border-box; }
.tclive-info .live_foot .hongbao_face .post-qq-face span{ width: 14.28%; padding: 5px 0; text-align: center;float: left;}
.tclive-info .live_foot .hongbao_face .post-qq-face span a { display: inline-block; background: url(pinglun/pinglun-qqface.jpg) no-repeat left top; background-size: 100%; width: 29px; height: 29px;}

.tclive-info .live_foot .hongbao_more{ height:0; box-sizing:border-box; border-top:1px solid #eee; background:#fff;z-index:1; position:relative; }
.tclive-info .live_foot .hongbao_more .more_box{ padding:15px 20px 20px; }
.tclive-info .live_foot .hongbao_more .more_box a{ width:15%; text-align:center; }
.tclive-info .live_foot .hongbao_more .more_box a .hd{ line-height:0; }
.tclive-info .live_foot .hongbao_more .more_box a .tciconfont{ font-size:2em; line-height:40px; color:#FE5900; }
.tclive-info .live_foot .hongbao_more .more_box a img{ width:40px; height:40px; }
.tclive-info .live_foot .hongbao_more .more_box a .bd{ line-height:18px; font-size:0.8em; color:#666; }

.tclive-info .live_fix{ position:fixed;z-index:998; right:10px; bottom:70px; }
.tclive-info .live_fix .fix_box{  }
.tclive-info .live_fix .fix_box .fix_item{ display:block; cursor:pointer; text-align:center; margin-top:8px;line-height:0; position:relative; }
.tclive-info .live_fix .fix_box .fix_item img{ width:40px; height:40px; object-fit:cover; }
.tclive-info .live_fix .fix_box .fix_zan .zan{cursor:pointer; width:40px; height:40px; margin:0 auto; }
.tclive-info .live_fix .fix_box .fix_zan img{ width:40px; height:40px; object-fit:cover; }
.tclive-info .live_fix .fix_box .fix_zan img:active{ transform: scale(1.2); }
.tclive-info .live_fix .fix_box .fix_zan .num{ display:block; text-align:center; margin-top:2px; background:rgba(0,0,0,0.5); color:#fff; height:18px; line-height:18px; border-radius:9px; font-size:0.8em; padding:0 5px; }
.tclive-info .live_fix .fix_box .fix_zan .zan_img{ position:absolute; right:45px;bottom:20px; width:100px; height:100px;}
.tclive-info .live_fix .fix_box .fix_zan .zan_img img{ width: 20px; height: 20px; position:absolute; bottom:0px; right:0; }

.animation_rotate{ -webkit-animation:rotate 1s .1s ease infinite both;-moz-animation:rotate 1s .1s ease infinite both;}

@-webkit-keyframes rotate{
    0%{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    100%{  transform:rotate(360deg); -webkit-transform:rotate(360deg); }
}
@-moz-keyframes rotate{
    0%{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    100%{  transform:rotate(360deg); -webkit-transform:rotate(360deg); }
}

.tclive-info .swiper-slide__photo{ cursor:pointer; }
.animation_up{-webkit-animation:Up 0.5s .1s ease both;-moz-animation:Up 0.5s .1s ease both;}
.animation_down{-webkit-animation:iDown 0.5s .1s ease both;-moz-animation:iDown 0.5s .1s ease both;}

@-webkit-keyframes Up{
    0%{ height:0; }
    100%{ height:185px; }
}
@-moz-keyframes Up{
    0%{ height:0; }
    100%{ height:185px; }
}

@-webkit-keyframes iDown{
    0%{ height:185px; }
    100%{ height:0;}
}
@-moz-keyframes iDown{
    0%{ height:185px; }
    100%{ height:0;}
}

.animation_moreup{-webkit-animation:moreUp 0.5s .1s ease both;-moz-animation:moreUp 0.5s .1s ease both;}
.animation_moredown{-webkit-animation:moreDown 0.5s .1s ease both;-moz-animation:moreDown 0.5s .1s ease both;}

@-webkit-keyframes moreUp{
    0%{ height:0; }
    100%{ height:95px; }
}
@-moz-keyframes moreUp{
    0%{ height:0; }
    100%{ height:95px; }
}

@-webkit-keyframes moreDown{
    0%{ height:95px; }
    100%{ height:0;}
}
@-moz-keyframes moreDown{
    0%{ height:95px; }
    100%{ height:0;}
}

.animation_show{ -webkit-animation:Show 0.8s 0s ease both;-moz-animation:Show 0.8s 0s ease both;}
.animation_hide{ -webkit-animation:Hide 0.8s 0s ease both;-moz-animation:Hide 0.8s 0s ease both;}

@-webkit-keyframes Show{
    0%{ opacity:0;}
    100%{ opacity:1;  }
}
@-moz-keyframes Show{
    0%{ opacity:0;  }
    100%{ opacity:1;  }
}

@-webkit-keyframes Hide{
    0%{  }
    100%{ opacity:0; }
}
@-moz-keyframes Hide{
    0%{  }
    100%{ opacity:0; height:0; }
}

.tclive-info .addhongbao_popup{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000 }
.tclive-info .addhongbao_popup .addhongbao_mask{ cursor:pointer; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.tclive-info .addhongbao_popup .addhongbao_main{ position:absolute; left:0; right:0; bottom:0; background:#fff; padding:15px 20px; }
.tclive-info .addhongbao_popup .addhongbao_main .beizu{ color:#f00; font-size:0.9em; line-height:18px; }
.tclive-info .addhongbao_popup .addhongbao_main .tcui-cells{ margin-top:10px; }
.tclive-info .addhongbao_popup .addhongbao_main .tcui-btn{ margin-top:15px; color:#fff; }
.tclive-info .addhongbao_popup .addhongbao_main .tcui-btn_disabled.tcui-btn_primary{ color:rgba(0,0,0,0.4) !important; background:#f2f2f2; }

.animation_hongbaoup{-webkit-animation:HongbaoUp 0.5s .1s ease both;-moz-animation:HongbaoUp 0.5s .1s ease both;}
.animation_hongbaodown{-webkit-animation:HongbaoDown 0.5s .1s ease both;-moz-animation:HongbaoDown 0.5s .1s ease both;}

@-webkit-keyframes HongbaoUp{
    0%{ -webkit-transform:translateY(100%) }
    100%{ -webkit-transform:translateY(0) }
}
@-moz-keyframes HongbaoUp{
    0%{ -moz-transform:translateY(100%) }
    100%{ -moz-transform:translateY(0) }
}

@-webkit-keyframes HongbaoDown{
    0%{ -webkit-transform:translateY(0) }
    100%{ -webkit-transform:translateY(100%) }
}
@-moz-keyframes HongbaoDown{
    0%{ -moz-transform:translateY(0) }
    100%{ -moz-transform:translateY(100%) }
}

.tclive-info .addlink_popup{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000 }
.tclive-info .addlink_popup .addlink_mask{ cursor:pointer; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.tclive-info .addlink_popup .addlink_main{ overflow:hidden; position:absolute; left:0; right:0; bottom:0; background:#fff; padding:15px 20px; }
.tclive-info .addlink_popup .addlink_main .title{ text-align:center; font-size:1.05em; line-height:24px; }
.tclive-info .addlink_popup .addlink_main .tcui-cells{ margin-top:10px; }
.tclive-info .addlink_popup .addlink_main .tcui-btn{ margin-top:15px; color:#fff; }
.tclive-info .addlink_popup .addlink_main .tcui-btn_disabled.tcui-btn_primary{ color:rgba(0,0,0,0.4) !important; background:#f2f2f2; }

.tclive-info .gift_popup{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000 }
.tclive-info .gift_popup .gift_mask{ cursor:pointer; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.tclive-info .gift_popup .gift_main{ position:absolute; left:0; right:0; bottom:0; background:#fff; padding-bottom:15px; }
.tclive-info .gift_popup .gift_main .gift_tit{ height:45px; line-height:45px; border-bottom:1px solid #eee; text-align:center; position:relative; }
.tclive-info .gift_popup .gift_main .gift_tit .text{ font-size:1.05em; }
.tclive-info .gift_popup .gift_main .gift_tit .close{  }
.tclive-info .gift_popup .gift_main .gift_tit .close{ cursor:pointer; position:absolute; right:10px; top:7px;  width:30px; height:30px; }
.tclive-info .gift_popup .gift_main .gift_tit .close::before,.tclive-info .gift_popup .gift_main .gift_tit .close::after{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:2px; width:24px; border-radius:1px; background:#c3c3c3; top:14px;right:3px;}
.tclive-info .gift_popup .gift_main .gift_tit .close::before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.tclive-info .gift_popup .gift_main .gift_box{ padding-top: 5px; }
.tclive-info .gift_popup .gift_main .gift_box .gift_list{ flex-wrap:wrap; }
.tclive-info .gift_popup .gift_main .gift_box .gift_list .item{ cursor:pointer; width:25%; overflow:hidden; text-align:center; box-sizing:border-box; padding:10px 5px; border:2px solid transparent; border-radius:10px; }
.tclive-info .gift_popup .gift_main .gift_box .gift_list .item.on{ border-color:#FE5900; }
.tclive-info .gift_popup .gift_main .gift_box .gift_list .item .pic{ position: relative; width:60%; padding-top:60%; margin:0 auto; }
.tclive-info .gift_popup .gift_main .gift_box .gift_list .item .pic img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; }
.tclive-info .gift_popup .gift_main .gift_box .gift_list .item .name{ margin-top:5px; font-size:0.9em; line-height:18px; height:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tclive-info .gift_popup .gift_main .gift_box .gift_list .item .price{ line-height:18px; font-size:0.8em; color:#999999; }
.tclive-info .gift_popup .gift_main .buy_gift{ text-align:right; padding:5px 15px; box-sizing:border-box; }
.tclive-info .gift_popup .gift_main .buy_gift input{ border:none; outline:none; padding:0; margin:0; width:70px; height:28px; border:1px solid #FE5900; padding:0 12px; box-sizing:border-box; border-radius:2px; }
.tclive-info .gift_popup .gift_main .buy_gift .text{ cursor:pointer; display:inline-block; margin-left:10px; background:#FE5900; width:60px; height:28px; line-height:28px; text-align:center; color:#fff; border-radius:14px }

.tclive-info .handle_hd_popup{  position:absolute; top:40px; left:-5px; z-index:1000; }
.tclive-info .handle_hd_popup .handle_m{ background:#000;border-radius:2px; position:relative; }
.tclive-info .handle_hd_popup .handle_m:after{ content:''; position:absolute; border:7px solid transparent; border-bottom-color:#000; top:-14px; left:50%; margin-left:-7px;}
.tclive-info .handle_hd_popup .handle_m .m_item{ border-bottom:1px solid #f7f7f7; display:block; width:50px; text-align:center; line-height:24px; height:24px; color:#fff; font-size:0.8em; }
.tclive-info .handle_hd_popup .handle_m .m_item:last-child{ border-bottom:none; }

.tclive-info .zhaopin_fix{ position:fixed; z-index:999; right:0px; bottom:15%; background:rgba(0,0,0,0.5); text-align:center; padding:8px 5px; border-top-left-radius:5px;border-bottom-left-radius:5px; width:16px; }
.tclive-info .zhaopin_fix a{ color:#fff; font-size:0.9em; }

.animation_giftup{-webkit-animation:HongbaoUp 0.5s .1s ease both;-moz-animation:HongbaoUp 0.5s .1s ease both;}
.animation_giftdown{-webkit-animation:HongbaoDown 0.5s .1s ease both;-moz-animation:HongbaoDown 0.5s .1s ease both;}

.info-hongbao-box{ z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%;}
.info-hongbao-box .hongbao_mask{ cursor:pointer; width:100% ;height:100%; background:rgba(0,0,0,0.4); }
.info-hongbao-box .hongbao-box{ position:absolute;top:50%; left:50%; border-radius: 10px; margin-left:-125px; margin-top:-195px; width:250px; height:350px; background:#F94D3F url(hongbao_bg.png) no-repeat center; background-size:100% auto;}
.info-hongbao-box .hongbao-box .shop-pic{ margin-top:15%; text-align:center; color:#FEDAAF; min-height:148px; max-height:140px; overflow:hidden; }
.info-hongbao-box .hongbao-box .shop-pic img { display:inline-block; width:50px; height:50px; margin-bottom:5px; border-radius:100%; }
.info-hongbao-box .hongbao-box .shop-pic p{ line-height:25px; font-size:0.9em;}
.info-hongbao-box .hongbao-box .shop-pic p.hdtext{ line-height:20px; max-height:40px; overflow:hidden; color:#ffeb3b;padding:0 20px; }
.info-hongbao-box .hongbao-box .bongbao-title{ color:#FEDAAF; height:80px; text-align:center; line-height:80px; font-size:1.5em; white-space: nowrap; overflow:hidden;}
.info-hongbao-box .hongbao-box .bongbao-title.open_kouling{ height:40px; line-height:40px;}
.info-hongbao-box .hongbao-box form{  text-align:center;}
.info-hongbao-box .hongbao-box form input[type=text]{ margin:5px 0; height:30px; box-sizing:border-box; border-radius:5px; width:200px; padding-left:10px;}
.info-hongbao-box .hongbao-box .hongbao-button{ cursor:pointer; width:80px; height:80px; margin:6px auto 0; background-size:100% auto;}
.info-hongbao-box .hongbao-box .hongbao-button img{ width:100%; height:100%;}
.info-hongbao-box .hongbao-box .kouling_pormpt{ margin:10px 10px 0; font-size:0.9em; color:#fff; line-height:18px; max-height:54px; overflow:hidden; border: 1px dashed #fdec8c; border-radius:5px; padding:5px; }
.info-hongbao-box .hongbao-box .kouling_pormpt span{color: #fed90d;font-weight: 600;}
.info-hongbao-box .hongbao-box .hongbao-close{ cursor:pointer; position:absolute; width:40px; height:40px; top:5px; left:5px; background:url(hongbao_close.png)no-repeat center; background-size:16px auto;}

.info-hongbao-box .hongbao-box{ -webkit-animation:bounceIn .5s .2s ease both; -moz-animation:bounceIn .5s .2s ease both; }
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.97)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.97)}
100%{-moz-transform:scale(1)}
}

.hbkouling_popup{ z-index:1001; position:fixed; top:0; left:0; width:100%; height:100%;}
.hbkouling_popup .hbkouling_mask{ cursor:pointer; width:100% ;height:100%; background:rgba(0,0,0,0.4); }
.hbkouling_popup .hbkouling_box{ position:absolute;top:50%; left:50%; border-radius:5px; margin-left:-125px; margin-top:-90px; width:250px; height:180px; background:#fff; background-size:100% auto; overflow:hidden; }
.hbkouling_popup .hbkouling_box .hbkl_title{ text-align:center; line-height:40px; height:40px; background:#f7f7f7; }
.hbkouling_popup .hbkouling_box .hbkl_close{ cursor:pointer; position:absolute; width:40px; height:40px; top:0px; right:5px; background:url(hongbao_close.png)no-repeat center; background-size:16px auto;}
.hbkouling_popup .hbkouling_box form{ padding:30px 20px; }
.hbkouling_popup .hbkouling_box form input{ border:none; border:1px solid #bbb; width:100%; height:40px;padding:0 10px; box-sizing:border-box; border-radius:5px; }
.hbkouling_popup .hbkouling_box .hbkl_btn{ height:40px; text-align:center; }
.hbkouling_popup .hbkouling_box .hbkl_btn .btn{ cursor:pointer; display:inline-block; background:#c13f32; color:#fff; margin:0px; line-height:30px; height:30px; width:90px; border-radius:2px;  }

.hongbaolist_popup{ z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%;}
.hongbaolist_popup .hongbaolist_mask{ cursor:pointer; width:100% ;height:100%; background:rgba(0,0,0,0.4); }
.hongbaolist_popup .hongbaolist_main{ position:absolute;top:50%; left:50%; border-radius:10px; margin-left:-150px; margin-top:-250px; width:300px; height:500px; background:#fff; overflow:hidden; -webkit-animation:bounceIn .5s .2s ease both; -moz-animation:bounceIn .5s .2s ease both;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd{ overflow:hidden; height:190px; width:100%; position:relative; background:#fff url(loglist_header_bg.png)no-repeat center top; background-size:100% 60px;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .close{ cursor:pointer; position:absolute; left:10px; top:10px;  width:30px; height:30px; }
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .close::before,.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .close::after{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:2px; width:24px; border-radius:1px; background:#fff; top:14px;right:3px;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .close::before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao{ margin-top:25px; text-align:center;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao img{ display:block; width:55px; height:55px; margin:0 auto; border-radius:100%;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao img + p{ height:35px; font-weight:600; line-height:35px; }
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao p.price{ font-weight:600; height:50px;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao p.price span{ font-size:3em; font-weight:500; text-indent:8px; line-height:60px;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao p.hb_end_ts{ font-size:1.5em; line-height:50px; font-weight:500; color:#ff0101;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao p.hb_prompt{ font-size:0.9em; line-height:20px; color:#647395;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_hd .myhongbao p.hb_prompt a{ color:#f00;}

.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-title{ height:35px; line-height:45px; color:#C5C5C5; background:#F2F2F2; padding-left:15px; font-size:0.8em; }
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list{ height:270px; overflow:scroll; -webkit-overflow-scrolling:touch; }
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list ul li { height:60px; border-bottom:1px solid #F0F0F0; padding:0 12px; overflow:hidden;    box-sizing: border-box;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list ul li .log-pic{float:left; width:40px; height:40px; margin-top:10px;border-radius:100%; overflow:hidden; }
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list ul li .log-pic img{ width:100%; height:100%;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list ul li .log-content{ margin-left:48px; padding:8px 0;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list ul li .log-content p:first-child{ height:22px; line-height:22px; }
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list ul li .log-content p:first-child span{ float:right; color: #f00;}
.hongbaolist_popup .hongbaolist_main .hongbaolist_bd .loglist-list ul li .log-content p.time{ color:#B2B2B2;height:22px; line-height:22px; font-size:0.9em;}

.new-haibao-box{ width: 640px; min-height: 200px; position: absolute; top: -10000px; z-index: 999; background: #fff;}
.new-haibao-box .haibao-bg{ width: 100%; height: auto; display:block; position: relative;}
.new-haibao-box .haibao-qrcode1{ position:absolute; left:10px; bottom:10px;width: 130px; height: 130px;}
.new-haibao-box .haibao-qrcode2{position:absolute; right:15px; bottom:15px; width: 130px; height: 130px;}

.new-haibao-box .user-box1{ position: absolute; left: 150px; bottom: 95px; right:10px; }
.new-haibao-box .user-box1 .userpic{ width:40px; height:40px; border-radius:100%; vertical-align:middle; }
.new-haibao-box .user-box1 .username{ color:#fff; line-height:40px; margin-left: 5px;font-size: 1.2em;}

.new-haibao-box .user-box2{ position: absolute; right: 150px; bottom: 95px; left:10px; text-align: right; }
.new-haibao-box .user-box2 .userpic{ width:40px; height:40px; border-radius:100%; vertical-align:middle; }
.new-haibao-box .user-box2 .username{ color:#fff; line-height:40px; margin-left:5px;font-size:1.2em;}

.color-haibao__box{ width:400px; min-height:200px; box-sizing:border-box; position:absolute; top:-10000px; z-index:999; }
.color-haibao__box .haibao_main{ background:#fff; padding:10px 10px 10px 10px;}
.color-haibao__box .haibao_main .live_pic{ width:100%; }
.color-haibao__box .haibao_main .live_pic img{ display:block; width:100%; }
.color-haibao__box .haibao_main .hbmain{ padding:10px 10px; }
.color-haibao__box .haibao_main .hbmain .main_lt{ width:300px }
.color-haibao__box .haibao_main .hbmain .main_lt .live_cate { margin-top:10px; }
.color-haibao__box .haibao_main .hbmain .main_lt .live_cate .item{ font-size:0.9em; position:relative; line-height:20px; height:20px; color:#999; margin-left:10px; }
.color-haibao__box .haibao_main .hbmain .main_lt .live_cate .cate{ margin-right:10px; margin-left:0; }
.color-haibao__box .haibao_main .hbmain .main_lt .live_cate .cate:after{ content:''; position:absolute; right:-11px; bottom:2px; height:16px; width:1px; background:#d0cbcb; }
.color-haibao__box .haibao_main .hbmain .main_lt .live_name{ text-align:left; font-size:1em; font-weight:600; line-height:28px; }
.color-haibao__box .haibao_main .hbmain .main_lt .anchor{ margin-top:7px; height:30px; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.color-haibao__box .haibao_main .hbmain .main_lt .anchor .img{ width:25px; height:25px; border-radius:100%; object-fit:cover; margin-right:8px; }
.color-haibao__box .haibao_main .hbmain .main_lt .anchor .name{ font-size:1em; font-weight:600; }

.color-haibao__box .haibao_main .hbmain .main_rt{ width:80px; margin-left:20px; }
.color-haibao__box .haibao_main .hbmain .main_rt .qrcode{  }
.color-haibao__box .haibao_main .hbmain .main_rt .qrcode .qr_img{ width:80px;height:80px; }
.color-haibao__box .haibao_main .hbmain .main_rt .qrcode .qr_text{ margin-top:4px; height:18px; text-align:center; color:#aaa; font-size:0.8em; }


/**************************************** my *************************************/

.tclive-my{  }
.tclive-my .my_header{ background:#fff; padding:20px 0; position:relative; }
.tclive-my .my_header .title{ line-height:44px; font-size:1.2em;text-align:center; position:relative;color: #fff; }
.tclive-my .my_header .title .nav-popup{ position:absolute; right:10px; top:0; width:44px; height:44px; text-align:center;color: #fff; }

.tclive-my .my_header .user{ padding:15px 40px 5px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.tclive-my .my_header .user .user_pic{ width:50px; height:50px; border-radius:100%; border: 2px solid #fff;}
.tclive-my .my_header .user .user_pic img{ width:100%; height:100%; border-radius:100%; object-fit:cover; }
.tclive-my .my_header .user .user_info{ margin-left:15px; }
.tclive-my .my_header .user .user_info .user_name{ font-size:1.05em; color:#fff; line-height:22px; font-weight:600; }
.tclive-my .my_header .user .user_info .user_id{ font-size:0.85em; color:#e2e2e2; line-height:12px; margin-top:4px; }

.tclive-my .my_header .my_guanxin{ margin-top:10px; }
.tclive-my .my_header .my_guanxin .guanxin_item{ text-align:center; padding:8px 0; }
.tclive-my .my_header .my_guanxin .guanxin_item .text{ line-height:26px;font-size:0.9em; color:#fff; }
.tclive-my .my_header .my_guanxin .guanxin_item .num{ line-height:26px; font-size:1.3em;color:#fff; }

.tclive-my .my_header .nav-popup{ position:absolute; top:0px; right:5px; width:40px; height:40px; line-height:40px;text-align:center; color:#fff; }
.tclive-my .my_header .nav-popup .tciconfont{  font-size:1.2em; }

.tclive-my .my_box{ padding:0 10px; border-radius:5px; position:relative; z-index:1; margin-top:-10px; }
.tclive-my .my_box .trem{ background:#fff; border-radius:10px; }
.tclive-my .my_box .trem .trem_item{ line-height:44px; padding:0 10px 0 12px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:1px solid #eee; }
.tclive-my .my_box .trem .trem_item .tciconfont_lt{ font-size:1.2em; margin-right:10px; width:25px;}
.tclive-my .my_box .trem .trem_item .name{ font-size:1em; }
.tclive-my .my_box .trem .trem_item .more{  font-size:1.2em; color:#999; }
.tclive-my .my_box .trem .trem_item:last-child{ border-bottom:none; }

/**************************************** myguanzu *************************************/

.tclive-myguanzu{  }
.tclive-myguanzu .gzanchor_list{ background:#fff; padding:15px 12px; }
.tclive-myguanzu .gzanchor_list .gzan_item{ margin-bottom:10px; }
.tclive-myguanzu .gzanchor_list .gzan_item:last-child{ margin-bottom:0; }
.tclive-myguanzu .gzanchor_list .gzan_item .gzan_pic{ width:50px; height:50px; }
.tclive-myguanzu .gzanchor_list .gzan_item .gzan_pic img{ width:100%; height:100%; object-fit:cover; border-radius:5px; }
.tclive-myguanzu .gzanchor_list .gzan_item .gzan_main{ margin-left:10px; width:calc(100% - 89px); width:-webkit-calc(100% - 89px); overflow:hidden; }
.tclive-myguanzu .gzanchor_list .gzan_item .gzan_main .gzan_name{ line-height:25px; height:25px; font-size:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tclive-myguanzu .gzanchor_list .gzan_item .gzan_main .gzan_info{ line-height:25px; height:25px; font-size:0.9em; color:#888; }

/**************************************** anchormanage *************************************/

.tclive_anchormanage .anchormanage_list{ padding:10px; }
.tclive_anchormanage .anchormanage_list .am_item{ padding:10px; background:#fff; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:1px solid #eee; }
.tclive_anchormanage .anchormanage_list .am_item .am_pic{ width:100px; height:70px; }
.tclive_anchormanage .anchormanage_list .am_item .am_pic img{ width:100%; height:100%; object-fit:cover; }
.tclive_anchormanage .anchormanage_list .am_item .am_main{ margin-left:15px; }
.tclive_anchormanage .anchormanage_list .am_item .am_main .am_name{ font-size:1em; line-height:30px; }
.tclive_anchormanage .anchormanage_list .am_item .am_main .am_info{ font-size:0.8em; color:#999;line-height:20px; }

.tclive_anchormanage .anchormanage_list .am_sub{ text-align:center; background:#fff; margin-bottom:10px; padding: 10px 20px 5px; }
.tclive_anchormanage .anchormanage_list .am_sub .sub_btn{ display:inline-block; padding: 2px 10px; line-height:20px; border-radius:2px; border:1px solid #ccc; font-size:0.9em;margin-right: 5px;margin-bottom:5px; color:#777; }

.tclive_anchormanage .anchormanagerecored_list{ padding:0px 15px; background:#fff;}
.tclive_anchormanage .anchormanagerecored_list .am_item{flex-wrap: wrap; padding:8px; border-bottom:1px solid #eee; font-size:0.9em; color:#666; min-height:45px; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; box-sizing:border-box; }
.tclive_anchormanage .anchormanagerecored_list .am_item:last-child{ border-bottom:none; }
.tclive_anchormanage .anchormanagerecored_list .am_item .avatar{ width:28px; height:28px; border-radius:100%; object-fit:cover; margin-right:6px; }
.tclive_anchormanage .anchormanagerecored_list .am_item .name{ color:#4e9dff; }
.tclive_anchormanage .anchormanagerecored_list .am_item .num{ color:#f00; margin:0 2px 0 2px; }
.tclive_anchormanage .anchormanagerecored_list .am_item .gift_icon{ width:18px; height:18px; margin-left:3px; object-fit:cover; }

.tclive_anchormanage .live-title{ padding:10px; height:30px; line-height:30px; background:#fff; border-bottom:1px solid #eee; font-weight:600; }
.tclive_anchormanage .tuwenlist_box { padding: 20px 20px 15px 20px; background: #fff; margin-top:5px; }
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item { display: flex; min-height:30px; padding:5px 0; border-bottom: 1px solid #eaeaea; font-size: 1em;-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_box_item_left { flex: 1; line-height:18px; font-size:0.9em }
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_box_item_left img{ width:50px; min-width:50px; height:50px; object-fit:cover; margin-right:5px; }
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_box_item_left .left{  word-break:break-all; text-overflow:ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_box_item_left span.right { color: #9a9696; font-size: 0.9em; }
.tclive_anchormanage .tuwenlist_box .tuwenlist_edit span.attr_edit a { cursor:pointer; color: #555; }
.tclive_anchormanage .tuwenlist_box .ts{ text-align:center; font-size:0.8em; color:#666; }

.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_edit{ width:90px; margin-left:10px; }
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_edit .attr_edit{ display:inline-block; white-space:nowrap; border:1px solid #ccc; font-size:0.8em; padding:0px 5px; border-radius:2px; margin-right: 5px;margin-bottom:4px; line-height:18px; }
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_edit .attr_edit.del{ margin-top:4px;border-color:#f00 !important; }
.tclive_anchormanage .tuwenlist_box .tuwenlist_box_item .tuwenlist_edit .attr_edit.del a{ color:#f00 !important; }

/**************************************** anchorinfo *************************************/

.tclive-anchorinfo{  }
.tclive-anchorinfo .anchor_head{ padding:20px 10px; background:#fff;-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; box-shadow:1px 1px 1px 1px #eee; }
.tclive-anchorinfo .anchor_head .anchor_logo{ width:65px; height:65px; margin:0 10px 0 5px; }
.tclive-anchorinfo .anchor_head .anchor_logo img{ width:100%; height:100%; object-fit:cover; border-radius:100%; }
.tclive-anchorinfo .anchor_head .anchor_main{  }
.tclive-anchorinfo .anchor_head .anchor_main .name{ padding:5px 0; line-height:20px; font-size:1.05em; font-weight:600;color: #444; }
.tclive-anchorinfo .anchor_head .anchor_main .sub{ padding:3px 0; line-height:20px; font-size:0.9em; color:#888; }
.tclive-anchorinfo .anchor_head .anchor_main .sub span{ white-space:nowrap; margin-right:5px; }
.tclive-anchorinfo .anchor_head .anchor_main .sub span:last-child{ margin-right:0; }
.tclive-anchorinfo .anchor_head .anchor_rt{ margin:0 5px 0 10px; }
.tclive-anchorinfo .anchor_head .anchor_rt .item{ display:inline-block; text-align:center; width:85px; min-width:85px; height:30px; line-height:30px; border-radius:15px; border:1px solid #FE5900; color:#FE5900; font-size:0.85em; }
.tclive-anchorinfo .anchor_head .anchor_rt .item .tciconfont{ vertical-align:-1px; margin-right:2px; }
.tclive-anchorinfo .anchor_head .anchor_rt .item.on{ color:#fff; background:#FE5900; }

/**************************************** info_password *************************************/

.tclive_infopwd .infopwd_head{  }
.tclive_infopwd .infopwd_head .hd_pic{ width:100%; line-height:0; position:relative; }
.tclive_infopwd .infopwd_head .hd_pic img{ width:100%; }
.tclive_infopwd .infopwd_head .hd_pic .live_back{ z-index:9999; position:absolute; top:18px; left:10px; width:28px; height:28px; line-height:28px; text-align:center; border-radius:100%; background:rgba(0,0,0,0.4); color:#fff; text-indent:-2px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.tclive_infopwd .infopwd_head .hd_pic .live_back .tciconfont{ font-size:1.5em;font-weight:600; }
.tclive_infopwd .infopwd_live{ padding:5px 15px; background:#fff; }
.tclive_infopwd .infopwd_live .hd_name{ padding:4px 0; font-size:1.3em; font-weight:600; line-height:28px; color:#223; word-break:break-all; }
.tclive_infopwd .infopwd_live .hd_sub{ margin-top:5px; }
.tclive_infopwd .infopwd_live .hd_sub .time{ font-size:0.9em; line-height:18px; color:#0097fd; }
.tclive_infopwd .infopwd_live .hd_sub .num{ text-align:right;font-size:0.9em; line-height:18px; color:#888; }
.tclive_infopwd .infopwd_live .hd_sub .num .tciconfont{ vertical-align:-1px; margin-right:4px; }

.tclive_infopwd .infopwd_content{ padding-top:10px; background:#fff; }
.tclive_infopwd .infopwd_content .title{  line-height:40px; font-size:1.05em; padding:0 15px;font-weight: 600; }
.tclive_infopwd .infopwd_content .text{ word-break:break-all; padding:5px 15px 15px 15px; font-size:0.9em; line-height:18px; }

.tclive_infopwd .infopwd_anchor{ background:#fff;margin-top: 8px;padding-top: 5px;}
.tclive_infopwd .infopwd_anchor .anchor_main{ -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; padding:0 15px; height:45px;position: relative; }
.tclive_infopwd .infopwd_anchor .anchor_main .pic{ width:26px; height:26px; }
.tclive_infopwd .infopwd_anchor .anchor_main .pic img{ width:100%; height:100%; border-radius:100%; object-fit:cover; }
.tclive_infopwd .infopwd_anchor .anchor_main .name{ margin-left:5px; font-size:1em; color:#0097fd; }
.tclive_infopwd .infopwd_anchor .anchor_main .guanzu {position: absolute;top: 8px;right: 15px;}
.tclive_infopwd .infopwd_anchor .anchor_main .guanzu .item{ display:inline-block; font-size:0.8em; min-width:65px; height:22px; line-height:22px; border-radius:5px; margin-left:20px; border:1px solid #FE5900; color:#fff; text-align:center; }
.tclive_infopwd .infopwd_anchor .anchor_main .guanzu .item.on{ color:#fff; }
.tclive_infopwd .infopwd_anchor .anchor_main .guanzu .item .text{  }
.tclive_infopwd .infopwd_anchor .anchor_main .guanzu .item .tciconfont{ vertical-align:-1px; margin-right:2px; font-size:1.2em; }

.tclive_infopwd .infopwd_anchor .anchor_sub{ border-top:1px solid #eee; padding:15px 0; text-align:center; }
.tclive_infopwd .infopwd_anchor .anchor_sub .sub_item{ border-right:1px solid #eee; }
.tclive_infopwd .infopwd_anchor .anchor_sub .sub_item:last-child{ border-right:0; }
.tclive_infopwd .infopwd_anchor .anchor_sub .sub_item .num{ line-height:20px; }
.tclive_infopwd .infopwd_anchor .anchor_sub .sub_item .text{ line-height:20px; font-size:0.85em; color:#888; }

.tclive_infopwd .infopwd_footer{ height:60px; }
.tclive_infopwd .infopwd_foot{ height:50px; position:fixed; bottom:0; left:0; right:0; width:100%; box-sizing:border-box; background:#fff; z-index:999;  padding:8px 15px; }
.tclive_infopwd .infopwd_foot .inp{ margin-right:15px; }
.tclive_infopwd .infopwd_foot .inp input{ padding:0; margin:0; width:100%; height:34px; border:none; border:1px solid #eee; border-radius:5px; padding:0 10px; font-size:0.9em; }
.tclive_infopwd .infopwd_foot .btn{ text-align:center; height:34px; line-height:34px; padding:0 10px; border-radius:5px; background:#FE5900; color:#fff; font-size:0.85em; }

/**************************************** list *************************************/

.tclive-list{ }
.tclive-list .list-header{position:fixed; top:0; left:0; right:0; background:#fff; z-index:102}
.tclive-list .list-header .list-header__hd{  height:40px; line-height:40px; overflow:hidden;padding-top: 5px;}
.tclive-list .list-header .list-header__hd .back{ width:40px; margin-left:10px; text-align:center; min-width:40px;}
.tclive-list .list-header .list-header__hd .back .tciconfont{font-size:2em; color:#999;}
.tclive-list .list-header .list-header__hd .search{ margin-top:6px; margin-left:15px; margin-right:10px; height:30px; line-height:30px; background:#F3F3F3; color:#999; padding:0 15px; border-radius:15px; }
.tclive-list .list-header .list-header__hd .search .tciconfont{ font-size:1em;vertical-align: -1px;}
.tclive-list .list-header .list-header__hd .search .search-text{ font-size:0.8em; margin-left:10px;}
.tclive-list .list-header .list-header__hd .back + .search{ margin-left:10px; }

.tclive-list .list-header .list-header__hd .xinxi{ margin-left:5px; text-align:center; width:50px; min-width:50px;position:relative; }
.tclive-list .list-header .list-header__hd .xinxi .tciconfont{ font-size:1.4em; color:#666;}
.tclive-list .list-header .list-header__hd .xinxi .xinxi-num{ position:absolute; top:4px; left:26px; background:#f00; height:15px; line-height:15px; font-size:0.7em; color:#fff; padding:0 4px; border-radius:100%; }
.tclive-list .list-header .list-header__hd .wode{ width:40px; min-width:40px; text-align:center; margin-right: 0px; }
.tclive-list .list-header .list-header__hd .wode .tciconfont{ font-size:1.2em; color:#666;}
.tclive-list .list-header .list-header__bd{ margin-top:5px; height:40px; text-align:center; }
.tclive-list .list-header .list-header__bd .nav-hd__item{ cursor:pointer; height:40px; line-height:40px; font-size:0.9em; color:#999;overflow: hidden; }
.tclive-list .list-header .list-header__bd .nav-hd__item i{ margin-left:5px; display:inline-block; vertical-align: 0px; border:3px solid transparent; border-top-color:#999;}
.tclive-list .list-header .list-header__bd .nav-hd__item.on{ color:#66B061}
.tclive-list .list-header .list-header__bd .nav-hd__item.on i{ border-top-color:#66B061;}
.tclive-list .list-header .list-header__hd .wode{ margin-right:10px; }

.tclive-list .list-header__cate{ height:40px; width:100%; overflow:hidden; padding:5px 12px; box-sizing:border-box; }
.tclive-list .list-header__cate .cate_list{ height:100%; white-space:nowrap; overflow:scroll; -webkit-overflow-scrolling:touch; }
.tclive-list .list-header__cate .cate_list .item{ position:relative; display:inline-block; text-align:center; line-height:20px; white-space:nowrap; padding:5px 8px; font-size:0.95em; min-width:60px; box-sizing:border-box;  }
.tclive-list .list-header__cate .cate_list .item.on{ color:#FE5900; }
.tclive-list .list-header__cate .cate_list .item.on:after{ content:''; position:absolute; left:50%; margin-left:-10px; bottom:0; width:20px; height:2px; background:#FE5900; border-radius:1px; }

.tclive-list .list-main{ margin-top:85px; }

/**************************************** search *************************************/

.tclive-search{ background:#fff;}
.tclive-search .search-header{ padding:10px 0; border-bottom:1px solid #F9F9F9; height:30px; line-height:30px;}
.tclive-search .search-header .search-header__lt{ margin-left:10px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height:30px; border-radius:15px; background:#F7F7F7; padding: 0 10px; box-sizing:border-box;}
.tclive-search .search-header .search-header__lt .tciconfont{ color:#999;}
.tclive-search .search-header .search-header__lt input{ border:none; font-size:0.8em; background:#F7F7F7; margin-left:5px;min-width: 200px;}
.tclive-search .search-header .search-header__rt{ width:50px; height:30px; line-height:30px; text-align:center; font-size:0.9em;}

.tclive-search .search-history{ }
.tclive-search .search-history .search-history__title{line-height:40px; height:40px; padding:0 10px; font-size:1em; }
.tclive-search .search-history .search-history__title .clear-history{ cursor:pointer; float:right; font-size:0.8em; color:#F0250F }
.tclive-search .search-history .history-list{ padding:0 15px; flex-wrap:wrap;}
.tclive-search .search-history .history-list a{color: #666;margin:0px 8px 8px 0; font-size:0.9em; height:25px; line-height:25px; padding:0 10px; border-radius:4px; background:#F2F2F2; }

/**************************************** myreward *************************************/

.tclive_myreward{  }
.tclive_myreward .myreward_list{ background:#fff; }
.tclive_myreward .myreward_list .myreward_item{ padding:10px 15px; border-bottom:1px solid #eee; }
.tclive_myreward .myreward_list .myreward_item:last-child{ border:none; }
.tclive_myreward .myreward_list .myreward_item .hd{flex-wrap: wrap; line-height:20px; color:#666;-webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.tclive_myreward .myreward_list .myreward_item .hd .live_name{ margin:0 2px; color:#00adff; }
.tclive_myreward .myreward_list .myreward_item .hd .name{ margin:0 2px; color:#fb5b4e; }
.tclive_myreward .myreward_list .myreward_item .hd .gift_icon{ margin-left:3px; width:18px; height:18px; object-fit:cover; }
.tclive_myreward .myreward_list .myreward_item .bd{ line-height:20px; margin-top:5px; }
.tclive_myreward .myreward_list .myreward_item .bd .price{ color:#f00; }
.tclive_myreward .myreward_list .myreward_item .bd .price .num{ font-size:1.05em; }
.tclive_myreward .myreward_list .myreward_item .bd .time{ margin-left:10px; font-size:0.9em; color:#999;}

/**************************************** myinvite *************************************/

.tclive_myinvite{  }
.tclive_myinvite .myinvite_list{ background:#fff; }
.tclive_myinvite .myinvite_list .myinvite_item{ padding:10px 15px; border-bottom:1px solid #eee; }
.tclive_myinvite .myinvite_list .myinvite_item:last-child{ border:none; }
.tclive_myinvite .myinvite_list .myinvite_item .hd{ line-height:20px; color:#666; }
.tclive_myinvite .myinvite_list .myinvite_item .hd .live_name{ margin:0 2px; color:#00adff; }
.tclive_myinvite .myinvite_list .myinvite_item .hd .name{ margin:0 2px; color:#fb5b4e; }
.tclive_myinvite .myinvite_list .myinvite_item .hd .name img{ width:20px; height:20px; border-radius:100%; object-fit:cover; vertical-align:text-bottom;margin-right:2px; }
.tclive_myinvite .myinvite_list .myinvite_item .bd{ line-height:20px; margin-top:5px; }
.tclive_myinvite .myinvite_list .myinvite_item .bd .time{ font-size:0.9em; color:#999;}
.tclive_myinvite .myinvite_list .myinvite_item .bd .score{ color:#fbb10a; margin-right:10px; font-size:1.05em; }
.tclive_myinvite .myinvite_list .myinvite_item .bd .score .tciconfont{ margin-left:1px; font-size: 1em;}

/**************************************** live_bofangqi *************************************/

.live_control { background: rgba(0, 0, 0, .5); transition: all .3s; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index:2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.live_control.showout { visibility: visible;}
.live_control .video_play_btn { border: none; float: left; color: #fff; outline: none; padding: 0; background-color: transparent; width: 45px; height: 45px;}
.live_control .video_play_btn:before { content: ""; display: inline-block; width: 100%; background-size: contain; height: 100%; background-repeat: no-repeat; background-image: url(live_close.png); background-position: center; background-size: 30px auto;}
.live_control .video_play_btn.video_play:before { content: ""; display: inline-block; width: 100%; background-size: contain; height: 100%;background-repeat: no-repeat;background-image: url(live_open.png); background-position: center; background-size: 30px auto;}
.live_control .video_screen{ border: none; float: right; color: #fff; outline: none; padding: 0; background-image:url(full_screen.png); background-position: center; background-repeat: no-repeat; background-color: transparent; background-size: 30px auto; width:45px; height:45px;}
.live_control .video_screen.video-exit-full{ background-image:url(full_exit.png);}
.live_control .video_line {position: relative; top:21px; padding: 0;}
.live_control .video_line .video-buffer-bar { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; background-color: #f00}
.live_control .video_line .video_line_m_bar { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; background-color: #f00}
.live_control .video_line .video_line_m_bar:before { content: ""; position: absolute; width:16px; height:16px; top: -6px; right: -8px; background: url(live_dian.png) no-repeat; background-size: contain; z-index: 1}
.live_control .video_time { font-size:0.9em; float:left; height:45px; line-height: 45px; color: #fff; left: -2px;}
.live_control .video_progress { height:45px; margin: 0 15px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2;}
.live_control .video_line .video_line_m{ position: relative; width: 100%; cursor: pointer; top: auto; height:3px; background:rgba(255,255,255,.6); box-shadow:none;}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.video_big_play_btn { position:absolute; background:url(live_play.png) no-repeat 50%; background-size:58px; cursor:pointer; z-index:100; top:0; left: 0; bottom: 0; right: 0;}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown { -webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}