@charset "utf-8";
/* CSS Document */
a{ text-decoration:none; color:#666;}
body{margin: 0; background:#efefef; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
input,textarea {height:20px;padding: 7px;font-size: 16px;outline: none;text-shadow: 0px 1px 0px #fff;-webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;border: 1px solid #ccc;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;}
input:focus,textarea:focus {border: 1px solid #fafafa;-webkit-box-shadow: 0px 0px 20px #ff9d00;-moz-box-shadow: 0px 0px 20px #ff9d00;box-shadow: 0px 0px 20px #ff9d00;}

.clearfix:after { content:" "; display:block; height:0; visibility:hidden; clear:both; }
 .clearit { clear:both; height:0; font-size:0; overflow:hidden; }
.table_div{display: table; width: 100%; height: 100%;}
.sub_div2{  position: relative;height: 100%;}
.sub_div{display: table-cell;vertical-align:middle;}
.sub_sub_div{  position: relative; height: 100%;}
.img_fenxiang{ width: 300px; height: 300px;}
.img_liaotian{  max-width: 67px;height: auto; display:block;}
.img_full_size_box,div.img_full_size_box
{display:table; z-index: 20000; top:0; left:0; position: fixed; background: #333; text-align:center;height: 100%;width:100%;margin:0;}
.img_full_size{
	max-width: none;
	animation: imgFullSize 0.2s forwards;
	-o-animation: imgFullSize 0.2s forwards;
	-moz-animation: imgFullSize 0.2s forwards;
	-webkit-animation: imgFullSize 0.2s forwards;
	/* width:100%;height:auto;margin:0;padding:0;border-radius:0; */
}

@keyframes imgFullSize{from {width: 50px;height: 50px;}to {width:100%;height:auto;margin:0;padding:0;border-radius:0;}}
@-o-keyframes imgFullSize{from {width: 50px;height: 50px;}to {width:100%;height:auto;margin:0;padding:0;border-radius:0;}}
@-moz-keyframes imgFullSize{from {width: 50px;height: 50px;}to {width:100%;height:auto;margin:0;padding:0;border-radius:0;}}
@-webkit-keyframes imgFullSize{
	0% {width:1%;height:auto;margin:0;padding:0;border-radius:0;}
	10% {width:10%;height:auto;margin:0;padding:0;border-radius :0;}
	20% {width:20%;height:auto;margin:0;padding:0;border-radius :0;}
	30% {width:30%;height:auto;margin:0;padding:0;border-radius :0;}
	40% {width:40%;height:auto;margin:0;padding:0;border-radius :0;}
	50% {width:50%;height:auto;margin:0;padding:0;border-radius :0;}
	60% {width:60%;height:auto;margin:0;padding:0;border-radius :0;}
	70% {width:70%;height:auto;margin:0;padding:0;border-radius :0;}
	80% {width:80%;height:auto;margin:0;padding:0;border-radius :0;}
	90% {width:90%;height:auto;margin:0;padding:0;border-radius :0;}
	100% {width:100%;height:auto;margin:0;padding:0;border-radius :0;}
}

.img_full_size_height{
	max-width: none;
	height: 67px;
	width:auto;margin:0;padding:0;border-radius:0;
	display:inline-block;
}

.top{ position:fixed; width:100%; left:0; top:0; background-color:#ff9d00; height:50px; font-size:20px; color:#FFF; line-height:50px; text-align:center;  z-index:1000;}
.top1{ position:absolute; width:100%; left:0; top:0; background-color:#ff9d00; height:50px; font-size:20px; color:#FFF; line-height:50px; text-align:center;  z-index:1000;}
.top_text { width:80%; margin:0 auto; font-size:20px; color:#FFF; line-height:50px; text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leftarrow{ position:absolute; left:5%; top:15px; height:20px;}
.rightarrow{ position:absolute; right:5%; top:15px; height:20px;}
.rightarrow_text{ position:absolute; right:5%; top:0; text-align:right; width:33px; font-size:16px; color:#FFF; font-weight:bold; height:50px; line-height:50px;}

.bg_000{background: #000;}
.bg_fff{background: #fff;}

.text_center{text-align: center;}
.text_right{text-align: right;}
.font_33{font-size: 33px;}
.main{ margin: 50px 0 63px;}
.main_notop{ margin: 0;}
.main_fixed{ position:fixed;top:50px;bottom:50px;width:100%;}
.main_absolute{ position: absolute; top:50px; bottom: 50px; width: 100%; overflow-y:auto;}
.foot{ position: fixed; bottom: 0; width: 100%;}
.box_13{ height: 13px;line-height:13px;}
.box_17{ height: 17px;line-height:17px;}
.box_20{ height: 20px;line-height:20px;}
.box_20_white{ height: 20px;line-height:20px;background: #fff;}
.box_27{ height: 27px;line-height:27px;}
.box_33{ height: 33px;line-height:33px;}
.box_50 {height: 50px;line-height:50px;}
.box_50_white {height: 50px;line-height:50px; background: #fff;}
.box_50_name{ float:left; margin: 0 0 0 5%; font-size: 16px;}
.box_50_name_sub{line-height:25px;}
.box_50_touxiang{ float:left; margin: 11px 0 0 5%; width:27px; height:27px; border-radius:7px;}
.box_50_rightarrow{ float:right; margin: 16px 6% 0 0; width:10px; height:17px;}
.box_63 {height: 63px;line-height:63px;}
.box_67 {height: 67px;line-height:67px;}
.box_67_white {height: 67px;line-height:67px; background: #fff;}
.box_67_name{ float:left; margin: 0 0 0 5%; font-size: 16px;}
.box_67_name_title{ line-height:33px;}
.box_67_name_addr{  line-height:33px; font-size: 12px;}
.box_67_touxiang{ float:left; margin: 8px 0 0 5%; width:50px; height:50px; border-radius:7px;}
.box_67_rightarrow{ float:right; margin: 25px 6% 0 0; width:10px; height:17px;}
.box_67_yue{ float:right; margin: 20px 6% 0 0; width:27px; height:27px;}

.box_qugexian {  margin:0 auto; width:90%; border-top:1px solid #ccc;}

/* table */
.table_full{ position: absolute; width: 100%; height: 100%; text-align: center;  border-collapse: collapse;}
.table_full td{ border: 1px solid #ccc;}
/* 旗帜 */
.ribbon_box{position:absolute;  left:70%; top:-13px; }
.ribbon_back_ff9900{ width:0px; height:67px;
 border-left:33px solid #ff9900; border-right:33px solid #ff9900; border-bottom:23px solid transparent;}
.ribbon_text{ position:absolute; top: 0; line-height:70px; width:100%; text-align:center;  font-size:24px; color:#fff; font-weight:bold; }
.ribbon_text_1{  width:67px; height:33px;}

/* 卡片*/
.kapian_box{ position: relative; }
.kapian_main{  border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 auto; width:90%; height:117px; background:#fff;}
.kapian_top_ff9d00{ margin:0 auto; width:90%; background:#ff9d00; height:7px; 
border-left:1px solid #ff9d00; border-top:1px solid #ff9d00; border-right:1px solid #ff9d00;
border-radius:7px 7px 0 0; }
.kapian_bottom{ margin:0 auto; width:90%; background:#fff; height:7px; 
 border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
 border-radius:0 0 7px 7px;}
.kapian_touxiang { float:left; margin-left:5%; width:83px; height:83px; margin-top:13px; background:#fff; border-radius:50%; border:7px solid #ff9d00;}
.kapian_content { float:left; margin-left:5%; }
.kapian_content_title {  width:83px; height:33px; line-height:33px; font-size:16px; margin-top:27px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kapian_content_detail {  width:100px; height:17px; line-height:17px;}

/* 按钮 */
.anniu{  height:50px; line-height:50px; font-weight:bold; text-align:center; font-size:16px; color:#666; font-weight:bold; border: 1px solid #ccc; background:#fff; border-radius:7px; }
.anniu:hover{ color:#fff; background:#ff9d00; }
.anniu_33_ok,
.anniu_33_cancel
{ margin: 0 auto; width:65%; height:33px; line-height:33px; border-radius:17px;  border:2px solid #ff9900;   color:fff; font-size:16px;}
.anniu_33_ok {background:#ff9900;}
.anniu_33_ok:active{ background:#ccc; }

/* 图片 头像 */
.img_head_div_2{ width: 230px; margin:0 auto; }
.img_head_left,
.img_head_right
{/* width:30%; */  width:100px; height:100px; border:2px solid #fff; border-radius:50%; }
.img_head_left{ float:left; }
.img_head_right{ float:right; }

/* 弹出 */
.tc_1 { position:absolute; margin-left:0; margin-top:0; width:100%;}
.tc_2 { position:absolute; margin-left:0; margin-top:0; width:100%;}
.tc_3 { background-color:#f8f8f8; overflow:hidden; border-top:1px solid #bab8b5;}
.tc_4 { background-color:#f8f8f8; overflow:hidden; border-top:1px solid #bab8b5; }
.tc_upload{ background-color:#f8f8f8; overflow:hidden; border-top:1px solid #bab8b5; }

/* 表情 */
.emot_img {height: 15px; width: 15px; }
.shuru_tanchu_biaoqing { float:left; margin-left:4%; margin-top:13px; width:20px; height:20px;}
.shuru_tanchu_tianjia_pic { float:left; margin-top:13px; width:100%; height:33px;}
.shuru_tanchu_tianjia_pic_1 { float:left; margin-left:30%; width:33px; height:33px;}
.shuru_tanchu_tianjia_text { float:left; margin-top:7px; width:100%; height:17px; text-align:center;}
.shuru_tanchu_tianjia_text_1 { float:left; width:100%; font-size:16px;}
.shuru_tanchu_tianjiakuang { float:left; width:25%; height:83px; border-right:1px solid #bab8b5;}
.shuru_tanchu_tianjiakuang_1 { float:left; width:24%; height:83px; }

/* 输入 */
.chat_box{ background-color:#f8f8f8; overflow:hidden; border-top:1px solid #bab8b5; height:50px; list-style:none; z-index:2; }
.chat_box_tubiao { float:left; margin-left:5%; width:27px; height:27px; margin-top:12px;}
.chat_box_tubiao_1 { float:left; margin-left:2%; width:27px; height:27px; margin-top:12px;}
.chat_box_left{ float:left; margin-left:3%; margin-top:7px; width:53%; }
.chat_box_right{ float:right; margin-right:5%; margin-top:8px; width:33px; background:#fff; border:2px solid #ccc; border-radius:7px; height:33px; line-height:33px; text-align:center; }

.type_1 { margin:0 auto 17px; width:90%; height:33px; }
.type_1_1{ float:left; margin-left:5%; margin-bottom:40px; border:1px solid #ccc; height:100px; line-height:100px; text-align:center; background:#fff; border-radius:20px; width:89%; display:block;}
.type_2 { margin:0 auto 17px; width:90%; height:50px; }
.type_2_1 { float:left; margin:0 5% 50px 5%; padding-left:5%; width:84%; height:150px; line-height:150px; font-size:48px; background:#FFF; border:1px solid #ccc; border-radius:20px;  }
.type_3 { margin:0 auto 2px; width:90%; height:50px; }

/* surround */
.page_surround_main{ position: absolute; top:50px; bottom: 50px; width: 100%; background: rgba(255,255,255,0.5);}
.surround_container{ position: relative; margin: 0 auto; width: 320px; height: 320px; text-align:center;}
.surround_content_container{ height: 20px; font-size: 16px;}
.surround_main{ position: absolute; top:0; width: 100%; height: 100%; }
.surround_item{ position: absolute; right: 50%; bottom: 50%; width: 50px; height: 27%; }
.surround_item_inner{ position: absolute; width: 50px; height: 50px; border: 2px solid #fff; border-radius: 50%;}

.surround_main[num="2"] .surround_item.acting:nth-child(1){ -webkit-transform: rotate(330deg) skew(60deg); }
.surround_main[num="2"] .surround_item.acting:nth-child(2){ -webkit-transform: rotate(510deg) skew(60deg); }
.surround_main[num="2"] .surround_item.acting:nth-child(1) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(030deg); }
.surround_main[num="2"] .surround_item.acting:nth-child(2) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(210deg); }

.surround_main[num="3"] .surround_item.acting:nth-child(1){ -webkit-transform: rotate(420deg) skew(60deg); }
.surround_main[num="3"] .surround_item.acting:nth-child(2){ -webkit-transform: rotate(540deg) skew(60deg); }
.surround_main[num="3"] .surround_item.acting:nth-child(3){ -webkit-transform: rotate(660deg) skew(60deg); }
.surround_main[num="3"] .surround_item.acting:nth-child(1) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-060deg); }
.surround_main[num="3"] .surround_item.acting:nth-child(2) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-180deg); }
.surround_main[num="3"] .surround_item.acting:nth-child(3) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-300deg); }

.surround_main[num="4"] .surround_item.acting:nth-child(1){ -webkit-transform: rotate(420deg) skew(60deg); }
.surround_main[num="4"] .surround_item.acting:nth-child(2){ -webkit-transform: rotate(510deg) skew(60deg); }
.surround_main[num="4"] .surround_item.acting:nth-child(3){ -webkit-transform: rotate(600deg) skew(60deg); }
.surround_main[num="4"] .surround_item.acting:nth-child(4){ -webkit-transform: rotate(690deg) skew(60deg); }
.surround_main[num="4"] .surround_item.acting:nth-child(1) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-060deg); }
.surround_main[num="4"] .surround_item.acting:nth-child(2) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-150deg); }
.surround_main[num="4"] .surround_item.acting:nth-child(3) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-240deg); }
.surround_main[num="4"] .surround_item.acting:nth-child(4) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-330deg); }

.surround_main[num="5"] .surround_item.acting:nth-child(1){ -webkit-transform: rotate(420deg) skew(60deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(2){ -webkit-transform: rotate(491deg) skew(60deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(3){ -webkit-transform: rotate(561deg) skew(60deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(4){ -webkit-transform: rotate(631deg) skew(60deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(5){ -webkit-transform: rotate(701deg) skew(60deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(1) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-060deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(2) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-131deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(3) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-201deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(4) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-271deg); }
.surround_main[num="5"] .surround_item.acting:nth-child(5) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-341deg); }

.surround_main[num="6"] .surround_item.acting:nth-child(1){ -webkit-transform: rotate(420deg) skew(60deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(2){ -webkit-transform: rotate(480deg) skew(60deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(3){ -webkit-transform: rotate(540deg) skew(60deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(4){ -webkit-transform: rotate(600deg) skew(60deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(5){ -webkit-transform: rotate(660deg) skew(60deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(6){ -webkit-transform: rotate(360deg) skew(60deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(1) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-060deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(2) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-120deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(3) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-180deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(4) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-240deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(5) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-300deg); }
.surround_main[num="6"] .surround_item.acting:nth-child(6) .surround_item_inner{ -webkit-transform: skew(-60deg) rotate(-000deg); }

.surround_item.acting{ -webkit-transform-origin: 100% 100%; transition: all 2.3s ease;}
.surround_item.acting .surround_item_inner{transition: all 2.3s ease;}
/*
.surround_item:nth-child(1){ transform: rotate(60deg) skew(60deg);}
.surround_item:nth-child(2){ transform: rotate(120deg) skew(60deg);}
.surround_item:nth-child(3){ transform: rotate(180deg) skew(60deg);}
.surround_item:nth-child(4){ transform: rotate(240deg) skew(60deg);}
.surround_item:nth-child(5){ transform: rotate(300deg) skew(60deg);}
.surround_item:nth-child(6){ transform: rotate(0deg) skew(60deg);}
.surround_item:nth-child(1) .surround_item_inner{ transform: skew(-60deg) rotate(-60deg);}
.surround_item:nth-child(2) .surround_item_inner{ transform: skew(-60deg) rotate(-120deg);}
.surround_item:nth-child(3) .surround_item_inner{ transform: skew(-60deg) rotate(-180deg);}
.surround_item:nth-child(4) .surround_item_inner{ transform: skew(-60deg) rotate(-240deg);}
.surround_item:nth-child(5) .surround_item_inner{ transform: skew(-60deg) rotate(-300deg);}
.surround_item:nth-child(6) .surround_item_inner{ transform: skew(-60deg) rotate(-0deg);}
*/

/* page */
.page_main{}

.load_more{height:20px;padding-top:13px;text-align:center;background-color:#efefef;}

/* pk */
.pk_top { background:#333;}
.pk_top_time { height:33px;}
.pk_top_left_dengji { float:left; margin-right:0; width:17px; height:17px; text-align:left; }
.pk_top_right_dengji { float:right; margin-left:0; width:17px; height:17px; text-align:right; }
.pk_player_left { float:left; position:relative; margin:13px 0 0 5%; width:42.5%; height:100px; }
.pk_player_left_logo { float:right;  width:100px; height:100px; background:#fff; border-radius:7px;}
.pk_player_left_tv { position:absolute; left:0; top:25px; width:50px; height:50px; }
.pk_player_left_shuzi { position:absolute; left:0; top:68px; min-width:33px; height:20px; line-height:20px; text-align:left; padding:0 7px;  background:rgba(250,250,250,0.9); border-radius:7px; }
.pk_player_right { float:right; position:relative; margin:13px 5% 0 0; width:42.5%; height:100px; }
.pk_player_right_logo { float:left;  width:100px; height:100px; background:#fff; border-radius:7px;}
.pk_player_right_tv { position:absolute; right:0; top:25px; width:50px; height:50px; }
.pk_player_right_shuzi { position:absolute; right:0; top:68px; min-width:33px; height:20px; line-height:20px; text-align:left; padding:0 7px;  background:rgba(250,250,250,0.9); border-radius:7px; }

.pk_top_left_1 { float:right;  width:100px; height:100px; background:#fff; border-radius:7px;}
.pk_top_right_1 { float:left; width:100px; height:100px; background:#fff; border-radius:7px;}


.pk_box { position:relative; margin:0 auto; width:90%; text-align:center; font-size:16px; color:#fff; }
.pk_box_33 { position:relative; margin:0 auto; width:90%; height:33px; line-height:33px; text-align:center; font-size:16px; color:#fff; }
.pk_left { float:left; margin-left:5%; width:42.5%; color:#fff; text-align:right; }
.pk_right { float:right; margin-right:5%; width:42.5%; color:#fff; text-align:left; }

.pk_new_pk {  margin-top:-17px; width:50px; height:auto;}
.pk_new_pk_left { position:absolute; margin-top:-17px; left:27%; width:47px; height:47px; line-height:47px; text-align:center; font-size:16px; border-radius:50%; border:3px solid #F00; background:#333;}
.pk_new_pk_left_1 { position:absolute; top: 10px;left: 3%; width:50px; height:auto;}
.pk_new_pk_right { position:absolute; margin-top:-17px; right:27%; width:47px; height:47px; line-height:47px; text-align:center; font-size:16px; border-radius:50%; border:3px solid #F00; background:#333;}
.pk_new_pk_right_1 { position:absolute; top: 10px;right: 3%; width:50px; height:auto;}
.pk_new_zan_left { float:left; margin-left:10%; width:33px; height:33px;}
.pk_new_zan_right { float:right; margin-right:10%; width:33px; height:33px;}


/* yuepai */
.yuepai_fanpaizi_container{ height: 400px;}
.yuepai_fanpaizi_loading{ min-height: 150px; line-height: 150px; text-align: center; font-size: 24px;}
.yuepai_fanpaizi_main{ position: relative; margin-top: 0px; min-height: 150px; display:none;  -webkit-perspective:1000; }
.yuepai_fanpaizi_card{  position:relative;  float: left; margin: 0 13% 0 0; width: 30%; height: 150px; text-align: center;
-webkit-box-shadow: 0px 0px 20px #ff9d00;-moz-box-shadow: 0px 0px 20px #ff9d00;box-shadow: 0px 0px 20px #ff9d00;}
.yuepai_fanpaizi_card_invalid{ opacity: 0.4; width: 25%; height: 125px; margin: 5% 0 0 13%;}
.yuepai_fanpaizi_card_active{ opacity: 1;width: 40%; height: 200px; margin: 0 0 0 10%;  }
.yuepai_fanpaizi_card_back{ width: 100%; height: 100%; position: absolute; top:0; left:0; z-index:2; backface-visibility: hidden;}
.yuepai_fanpaizi_card_img,
.yuepai_fanpaizi_card_text{ width: 100%; height: 100%; position: absolute; top:0; left:0; z-index:1; backface-visibility: hidden;
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg); 	
	-moz-transform: rotateY(180deg); 	
	-webkit-transform: rotateY(180deg); 
	-o-transform: rotateY(180deg); 
}
.yuepai_fanpaizi_card_text{ top: auto; bottom: 0; height: 50px; line-height: 50px; font-size: 24px;}
.yuepai_fanpaizi_card_invalid .yuepai_fanpaizi_card_text{ font-size: 16px;}
.yuepai_fanpaizi_foot{ margin-top: 50px;}
.yuepai_fanpaizi_btn{ float: left; margin: 0 5%; width: 40%; height: 50px; border-radius: 50%;}

.anniu_yuepai{  width:90%; height:50px; line-height:50px; padding-right:10%;  font-weight:bold; color:#FFF; text-align:right; font-size:16px; background:#ff9900; border-radius:25px; }
.anniu_yuepai_yuan { float:left;  margin: 5px 0 0 7px; width:43px; height:40px; line-height:40px; font-weight:bold;  text-align:center; font-size:20px; background:#333; border-radius:50%; }

.yuepai_box { margin:0 auto; width:80%; height:auto; background:#FFF; padding:5%; border-bottom:1px solid #ccc; border-radius:7px;}
.yuepai_bt { height:32px; line-height:32px; text-align:center; font-size:16px;}
.yuepai_tuan_tx { float:left; width:43px; height:43px; line-height: 43px; text-align: center; margin:0 0 7px 7px; border-radius:7px;}
.yuepai_tuan_quit { float:left; width:41px; height:41px; line-height: 41px; text-align: center; margin:0 0 7px 7px; border: 1px solid #ccc; border-radius:7px;}

.chat_time_left{margin-left:63px;font-size:8pt}
.chat_time_right{margin-right:63px;font-size:8pt; text-align: right;}
.pk_chat_box { min-height:47px; margin-bottom: 7px;}
.pk_chat_box:after{content:" "; display:block; height:0; visibility:hidden; clear:both;}
.pk_chat_touxiang_left { float:left; margin:0 0 0 13px; width:33px; height:33px; border-radius:7px;}
.pk_chat_touxiang_right { float:right; margin:0 13px 0 0; width:33px; height:33px; border-radius:7px;}
.pk_chat_chatbox_left { float:left; max-width:59%; height:auto; border-radius:7px; background:#ff9d00; padding:11px 5%; font-size:16px;}
.pk_chat_chatbox_right { float:right; max-width:59%; height:auto; border-radius:7px; background:#fff; padding:11px 5%; font-size:16px;}
.pk_chat_chatbox_jiao_left { float:left; margin:7px 0 0 10px; width:10px; height:10px;}
.pk_chat_chatbox_jiao_right { float:right; margin:7px 10px 0 0; width:10px; height:10px;}
.pk_chat_chatbox_text { float:left; word-break:break-all;}
.pk_chat_chatbox_img_left { float:left; max-width:59%; height:auto; border-radius:7px;  border: 3px solid #ff9d00;}
.pk_chat_chatbox_img_right { float:right; max-width:59%; height:auto; border-radius:7px;background:#fff; padding:3px 2px;}
.pk_chat_chatbox_hongbao_left { float:left; width:49%; height:67px; }
.pk_chat_chatbox_hongbao_right { float:right; width:49%; height:67px; }
.pk_chat_chatbox_hongbao_top { float:left;  width:100%; height:50px; background:#ff9d00; 
 border-left:1px solid #ff9d00; border-top:1px solid #ff9d00; border-right:1px solid #ff9d00;
 border-radius: 7px 7px 0 0; }
.pk_chat_chatbox_hongbao_bottom { float:left; width:100%; height:17px; background:#fff; 
 border-left:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff;
 border-radius: 0 0 7px 7px;}
.pk_chat_chatbox_hongbao_top_pic { float:left; margin-left:5%; margin-top:12px; width:27px; height:27px; border-radius:7px; }
.pk_chat_chatbox_hongbao_top_text_1 { float:left; margin-left:5%; margin-top:12px; width:70%; height:13px; line-height:13px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  }
.pk_chat_chatbox_hongbao_top_text_2 { float:left; margin-left:5%; margin-top:0; width:70%; height:13px; line-height:13px; }
.pk_chat_chatbox_hongbao_bottom_text { float:left; margin-left:3%; width:90%; height:17px; line-height:17px; font-size:8px; }

/* yuepai index*/
.yuepai_index_td{ font-size: 30px; background: #fff;}
/* .yuepai_index_td:active{color: #fff; background: #ff9900;} */
.yuepai_index_td:hover{background: #ccc;}


/* drama info */
.drama_info_container{ margin: 0 auto; width: 80%; padding: 0 5%; background: #fff; border: 1px solid #ccc; border-radius: 7px;}
.drama_info_name{ height: 33px; line-height: 33px; font-size: 16px; text-align:center;}
.drama_info_text_details{height: 33px; line-height: 33px; font-size: 12px; text-align:center;}
.drama_info_role_name{ margin: 0 auto; width: 90%; font-size: 16px;}
/* drama_line*/
.drama_line_content{ margin: 0 auto; width: 90%; font-size: 16px;}
.drama_line_text_color0{color: #f00;}
.drama_line_text_color1{color: #00f;}
.drama_line_text_color2{color: #f90;}
.drama_line_text_color3{color: #0f0;}
.drama_line_text_color4{color: #ff0;}
.drama_line_text_color5{color: #0ff;}
.drama_line_text_color6{color: #f0f;}

/* drama_combo */
.drama_combo_container{ margin:0 auto; width: 80%; padding: 5%; background: #ccc;  border: 1px solid #ccc; border-radius: 7px;}
.drama_combo_drama_container{ padding: 5%; border-radius: 7px; text-align:center; font-size: 16px;}
.drama_combo_rule_container{ margin: 20px auto 0; width: 90%; background:#fff; line-height: 16px;  font-size: 12px; }
.drama_combo_role_list_container{margin: 20px auto 0;  text-align:center;  font-size: 16px; }
.drama_combo_role_box{ height: 50px; line-height: 50px; background:#fff;}
.drama_combo_role_name { float:left; margin: 5px 0 0 5%; width: 20%; height: 40px; line-height: 40px; border:1px solid #ccc; border-radius:7px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.drama_combo_role_user_logo{ float: left; margin: 0 0 0 5%; }
.drama_combo_role_user_logo_img{ width: 27px; height: 27px; border:1px solid #ff9900;  border-radius:50%;vertical-align: middle;}
.drama_combo_role_user_name{ float:right; margin: 0 6% 0 0;  width: 30%; font-size:16px; text-align:right;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.btn_select_drama_combo_user{ float:right; margin: 5px 5% 0 0; width: 20%;line-height: 40px; border:1px solid #ccc; border-radius:7px;  text-align:center; font-size:16px;}
.btn_select_drama_combo_user:hover{background: #ff9900;}

/*create drama combo*/
.drama_creator_container{ margin: 0 auto; width: 100%; }
.drama_creator_info_container{padding:13px 5%; text-align:center;}
.drama_creator_info_role_container{ display: inline-block; margin: 0 auto; min-width: 67px; height: 67px; background: #fff; border:1px solid #ccc; border-radius:7px; }
.drama_creator_info_role_img{ width: 67px; height: 67px;}
.drama_creator_info_role_index{   margin-top: 13px; font-size: 12px;}
.drama_creator_info_role_name{ height: 33px; line-height:33px; font-size: 16px;}
.drama_creator_role_container{margin: 0 auto; }
.drama_creator_role_index{ float:left; font-size: 12px; }
.drama_creator_role_name{ float:left; font-size: 16px; }
.drama_creator_role_item{ background: #fff; float:right; height: 27px; line-height: 27px; margin: 11px 5% 0 0; padding: 0 10px; border:1px solid #333; border-radius: 3px;}
.drama_creator_role_item.active{ background: #ff9900;}
.drama_creator_role_item.disabled{ background: #ccc;}


.float_left{float:left;}
.float_right{float:right;}
.rotateY_180{transform-style: preserve-3d;transform: rotateY(180deg);-ms-transform: rotateY(180deg); 	-moz-transform: rotateY(180deg); 	-webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); }

.msg_prompt{ position: absolute; top:5%; left: 55%; width: 7px; height: 7px; background: #f00;border:1px solid #f00; border-radius:50%;}

/* bottom */
.bottom a{ text-decoration:none;}
.bottom{position:fixed; width:100%; left:0; bottom:0; background-color:#f8f8f8; overflow:hidden; height:50px; list-style:none; margin:0; padding:0; border-top:1px solid #bab8b5; z-index:2;}
.bottom li{float:left; width:25%; height:50px;}

.li1, .li2, .li3, .li4{
	position:relative; text-align:center; font-size:12px; padding-top:27px; height:50px; color:#6e6e6e;
	background:url(./images/1.png) center 6px no-repeat;
	background-size: 20px 20px;
}
.li1{background-image:url(./images/1_1.png); color:#ff9d00; }
.li2{background-image:url(./images/2.png); }
.li3{background-image:url(./images/3.png); }
.li4{background-image:url(./images/4.png); }
/* CSS Document */