/*!
 * member main page
 */
 .clearfix:after {visibility: hidden;display: block;font-size:0;content: ".";clear:both;height:0;}
 .clearfix{*+height:1%;_zoom:1;}
 
 .test-dev-red{
	 background-color: red;
	 opacity: 0.6;
 }
 .test-dev-green{
	 background-color: green;
	 opacity: 0.6;
 }
 body{
	 font-family:sans-serif, Arial;
	  position: relative;
	  width: 100%;
	  min-width: 1000px;
	 min-height: 600px;
	 -ms-overflow-style: scrollbar;
	 /*2018-2-11 鎯呬汉鑺傚姞鑳屾櫙*/
	 /*background: url('../imgs/bg_flower_left.jpg?v=${version}') repeat 0 0;*/
	 /*2018/2/12 鏄ヨ妭鍔犺儗鏅�*/
	 /* background: url('../imgs/newYearBg.jpg?v=${version}') no-repeat center 60px;
	 overflow-x: hidden; */
  }
  #halloween{
		/* 万圣节背景 */
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 60px;
	z-index: -1;
	background: url('../imgs/halloween//bg_wsj.png') no-repeat;
	background-size: 100% 100%;
	min-height: 700px;
	}
  .MidAutumn_theme{
	 /* 2018-9-11-30 涓娲诲姩鑳屾櫙 */
	 position: fixed;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 top: 60px;
	 z-index: -1;
	 background: url('../imgs/MidAutumn/bg.jpg') no-repeat;
	 background-size: 100% 100%;
	 min-height: 700px;
  }
  .MidAutumn_modal{
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 9999;
	 background: rgba(0, 0, 0, .5);
	 display: none;
 }
 .MidAutumn_modal .box{
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: 820px;
	 min-height: 650px;
	 margin: -325px 0 0 -410px;
 }
 .MidAutumn_modal .centent{
	 position: relative;
 }
 .MidAutumn_modal .btn_close{
	 position: absolute;
	 top: 30px;
	 right: -30px;
	 display: block;
	 width: 48px;
	 height: 48px;
	 background:#fff url('../imgs/MidAutumn/zq_del.png') no-repeat center center;
	 cursor: pointer;
	 border-radius: 100%;
 }
 .MidAutumn_modal .theme{
	 width: 100%;
	 height: 526px;
	 background: url('../imgs/MidAutumn/Big_yl.png') no-repeat center top;
 }
 .MidAutumn_modal .theme_text{
	 width: 335px;
	 height: 43px;
	 margin: 0 auto;
	 background: url('../imgs/MidAutumn/text.png') no-repeat center center;
 }
 .MidAutumn_modal .theme_btn{
	 width: 180px;
	 height: 43px;
	 margin: 38px auto 0;
	 display: block;
	 background: url('../imgs/MidAutumn/btn.png') no-repeat center center;
 }
 .MidAutumn_modal .col-left{
	 width: 202px;
	 height: 165px;
	 background: url('../imgs/MidAutumn/col-left.png') no-repeat center center;
	 position: absolute;
	 top: 70px;
	 left: -480px;
 }
 .MidAutumn_modal .col-right{
	 width: 202px;
	 height: 165px;
	 background: url('../imgs/MidAutumn/bg_xx2.png') no-repeat center center;
	 position: absolute;
	 top: 10px;
	 right: -440px;
 }
 .MidAutumn_ColMt{
	 position: fixed;
	 top: 125px;
	 right: 50%;
	 width: 280px;
	 height: 230px;
	 margin-right: 634px;
	 z-index: 9998;
	 background:transparent url('../imgs/MidAutumn/mt_col.png') no-repeat center center !important;
 }
 @media all and (max-width: 1800px) {
	 .MidAutumn_ColMt{
		 right: initial;
		 left: 0;
		 margin-right: 0;
		 z-index: -1;	
	 }
 }
 
 
 .sidebar_left{
	 position: absolute;
	 width:368px;
	 left:-284px;
	 top: 0px;
 }
 .sidebar_left_top{
	 position:fixed;
	 top:60px;
	 left:50%;
	 margin-left: -969px;
 }
 .sidebar_left_center{
	 position:absolute;
	 bottom: 254px;
	 left:0px;
	 z-index:10;
 }
 .sidebar_right{
	 position: absolute;
	 width:368px;
	 right:-284px;
	 top: 0px;
 }
 /*鏄ヨ妭 start*/
 /* .sidebar_left_center_year{
	 position:absolute;
	 top: 500px;
	 left:50%;
	 margin-left: -828px;
	 z-index:10;
 }
 .sidebar_right_year{
	 position: absolute;
	 right:50%;
	 top: 500px;
	 margin-right: -855px;
	 z-index:6;
 } */
 /*鏄ヨ妭 end*/
 .sidebar_right_top{
	 position:fixed;
	 top:60px;
	 right:50%;
	 margin-right: -969px;
 }
 .sidebar_right_center{
	 position: absolute;
	 bottom: 254px;
	 z-index: 0;
	 right: 0px;
 } 
 .sidebar_right_gift{
	 position:fixed;
	 bottom:0px;
	 left:50%;
	 margin-left: -750px;
	 z-index: 10;
 }
 .sidebar_right_gift_first{
	 display: block;
 }
 .sidebar_right_gift_second{
	 display: none;
 }
 #container{
	 min-height: 600px;
	 padding-top:25px;
	 padding-bottom: 20px;
	 background:#fff;
 }
 #container:BEFORE,
 #container:AFTER {
	 clear: both;
 }
 #content{
	 min-height: 0px;
 }
 
 .scroll-area {
	 outline: none; display:block;height:630px; overflow:hidden; clear:both;
 }
 .scroll-area > .scroll-content {
	 
 }
 .letter-page-div{ display:block;height:50px; background:#f8f8f8; border-top:1px solid #ddd; padding:6px 10px 0 10px; position: absolute; left: 0; bottom: 0; right: 0;}
 .letter-page-div .pagination{margin:0;}
 /* .scroll-area:BEFORE {
	 content: " ";
	 clear: left;
 }
 .scroll-area:AFTER {
	 content: " ";
	 clear: right;
 } */
 
 .text-em{
	 color: #A1A1A1;
 }
 
 #profile-title .com-font{font-size:20px;text-transform:capitalize;height: 54px;}
 .com-font-slip{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; height:18px;}
 .com-fontbig{	
	 font-family:sans-serif;
	 font-weight: 400;
	 font-style: normal;
 }
 /*.tab{
	 width:auto;
 }
 .nav-tabs{ border-bottom:0;}
 .nav-tabs li.active a{
	 color: #FF6600;
 }
 .nav-tabs li.active a:hover{
	 color: #FF6600;
	 background-color: #FFFFFF !important;
 }
 .nav-tabs li.navs a:hover{
	 background-color: #eeeeee;
	 color: #FF6600;
 }
 .nav-tabs > li{ margin-bottom:0;}
 .navs{
	 margin-top:27px;
 }
 .navs a{
	 font-size: 16px;
	 color: #FFFFFF;
 }
 .nav > li{ height:70px;}
 .nav > li > a{ padding:12px 20px 10px; height:48px;}*/
 .tab span.msg{
	 position: absolute;
	 width: 25px;
	 height: 15px;
	 line-height: 16px;
	 background-color: #FFFFFF;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 top: 0px;
	 right: 2px;
	 font-size: 12px;
	 color: #FF6600;
 }
 
 
 .container{
	 min-width: 900px;
	 width: 1200px;
 }
 
 .img{
	 border:1px solid #CCCCCC;
 }
 .img-person{
	 width:100px;
	 padding-left: 0px;
	 margin: 2px 10px 5px 2px;
 }
 .right-text{
	 width: 150px;
	 margin-top:5px;
	 padding-left: 0px;
 }
 .box-height{
	 height:18px;
 }
 .person-name{
	 margin-bottom:0px;
 }
 .num{
	 color:#FF6600;
	 font-size:16px;
	 font-weight:bold;
 }
 .blue-color{
	 color:#0267FF;
 }
 .box-height .btn{
	 padding:0px;
	 text-decoration: none;
 }
 .box-height a:hover{
	 color:#0267FF;
 }
 .font-color{
	 color: #0D6DFF;
 }
 .com-box{
	 position: relative;
	 width:100%;
	 height:30px;
	 line-height:30px;
 }
 
 .actived:after{
	 font-family: 'iconfont';
	 content: "\e615";
	 display: block;
	 position: absolute;
	 top: 0px; color:#f63;
	 left: 220px;
 }
 .tool-link-one{
	 border:1px solid #CCCCCC;
 }
 .cor{
	 color:#FF3300;
 }
 .tool-link-two{
	 border:1px solid #CCCCCC;
 }
 .tool-link-three{
	 border:1px solid #CCCCCC;
 }
 
 .hleto{
	 width: 100%;
	 margin-left: 0px;
 }
 
 
 
 .left-spanc{margin-left:10px;font-size:17px;width:20px;color:#333; text-align:center;}
 .left-spanc-a{ font-size:20px;}
 .left-spanc-b{ font-size:14px;}
 .left-spanc-c{ font-size:18px;}
 
 
 .right{
	 /*margin-top:50px;*/
	 /*margin: 0 0 0 266px;*/
	 float:right;
	 width:904px;
 }
 .tit-name{
	 /* display:block; */
	 height:36px; line-height:30px;
	 font-size:20px; color:#000; /* border-bottom:1px solid #ccc; margin-bottom:5px;  padding-bottom:2px;*/
 }
 .tit-name.com-font{font-size:20px;}
 .str-line{
	 height:1px;
	 background-color:#CCCCCC;
 }
 .state{
	 height:auto;width: 100%;margin-top:10px;
	 border-bottom: 1px solid #dadada;
	 padding:0; overflow: hidden;
 }
 .state a.change{ width:20px; height:20px; float:right; margin-top:6px; display:block; text-align:center; font-size:20px; margin-right:15px;}
 .state a.change:hover,.state a.change:active,.state a.change:link{ text-decoration:none;}
 .state a.moreat{ float: right; height: 35px; line-height: 35px; padding: 0 15px; color: #666;  font-size: 14px; display: inline-block;}
 .state a.moreat:hover{ background: #226b9d; color: #fff;  text-decoration: none;}
 .state a.icon-refuch{font-size:16px;line-height:38px;}
 .state a.selectbg{ border:1px solid #e2e2e2; background:#fff; margin-right:10px;}
 .state select{height:24px; line-height:24px; outline:none; border:0; padding:0 5px; color:#000; background:#fff;}
 
 .state select option{padding:5px 0; line-height:32px; height:32px;}
 .com-spacing{
	 margin-left:0; margin-right:0;
 }
 .btn-bkg{
	 line-height:37px; padding:0 22px;
	 height:37px;
	 color:white;
	 border-radius:2px 2px 0 0;
	 -webkit-border-radius:2px 2px 0 0;
	 -moz-border-radius:2px 2px 0 0;
	 background-color:#FF6600;
	 border:1px solid #FF6600;
 }
 
 .text-lik{
	 height: 37px;
	 color: #333;
	 font-size: 14px;
	 display: inline-block;
	 line-height: 37px;
	 padding:0 22px;
	 background: #f4f4f4;
	 border:1px solid #dadada;
	 border-bottom: none;
	 border-radius: 2px 2px 0 0;
	 -webkit-border-radius: 2px 2px 0 0;
	 -moz-border-radius: 2px 2px 0 0;
	 vertical-align: middle;
 }
 .text-lik:hover{background: #eee; color: #f60;}
 
 .boxs-pic{ display:block; position:relative;}
 
 .state a.text-lik:hover{
	 text-decoration: none;
 }
 .state a.btn-bkg.focus,
 .state a.btn-bkg:focus{ color:#fff;background-color:#f30; text-decoration:none;}
 .state a.btn-bkg:hover{
	 background-color:#f30;
	 text-decoration:none;color:#fff;
 }
 .photo{
	 margin-top: 12px;
	 display:block;
	 /*overflow:hidden;*/
 }
 .photo-dv{ height:512px;}
 .photo div.com-boxs:hover{
	 box-shadow: 0px 0px 6px 1px #8bbbe3;-moz-box-shadow:0px 0px 6px 1px #8bbbe3;-webkit-box-shadow:0px 0px 6px 1px #8bbbe3;
 }
 .foot-img div.com-boxs:hover{
	 box-shadow: 0px 0px 6px 1px #8bbbe3;-moz-box-shadow:0px 0px 6px 1px #8bbbe3;-webkit-box-shadow:0px 0px 6px 1px #8bbbe3;
 }
 .img-on{
	 width: 48px;
	 height: 14px;
	 text-align: center;
	 line-height: 14px;
	 border-radius: 14px;-webkit-border-radius:14px;-moz-border-radius:14px;
	 color: #fff; font-size:12px;
	 background-color: #08a272;
	 position:absolute; right:4px; bottom:6px;
 }
 .img-off{
	 width: 48px;
	 height: 14px;
	 text-align: center;
	 line-height: 14px;
	 border-radius: 14px;-webkit-border-radius:14px;-moz-border-radius:14px;
	 color: #fff; font-size:12px;
	 background-color: #AEAEAE;
	 position:absolute; right:4px; bottom:6px;
 }
 .img-onn{
	 width: 48px;
	 height: 14px;
	 text-align: center;
	 line-height: 14px;
	 border-radius: 14px;-webkit-border-radius:14px;-moz-border-radius:14px;
	 color: #fff; font-size:12px;
	 background-color: #22b401;
	 float:right;
	 position:relative; 
	 right:4px; 
	 bottom:20px;
 }
 .left-widths{
	 margin-left: 15px; margin-right:6px;
 }
 .reg-left-widths{
	 margin-left: 15px; margin-right:15px;
 }
 .reg-photo{width:100%; margin:0;}
 /* 二级注册页面新背景start */
 .reg-photo-new{
	width: 100%;
    overflow: hidden;
    padding-top: 10px;
 }
 .reg-photo-new ul {
	padding: 0;
	list-style: none;
    width: 110%;
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}
.reg-photo-new li {
    width: 211px;
    height: 293px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    margin: 0 10px 20px;
    overflow: hidden;
}
.reg-photo-new li img {
    border-radius: 3px;
}
 /* 二级注册页面新背景end */
 .regtarea-h{height:60px;}
 .to-hi{
	 margin-top: 10px;
 }
 .pic{
	 width:150px;height:150px;
 }
 .pic-customer{
	 max-width: 100%;max-height:250px;
 }
 .online-state{
	 width: 50px;
	 height: 30px;
 }
 .img-bote{
	 height: 40px; margin-top:5px;	
	 position:relative;
 }
 .img-botee{
	 height: 45px; margin-top:5px;
 }
 .com-bo{
	 margin:0 0px 0 0;
	 font-size: 12px; line-height:17px;
	 position: relative;
 }
 
 .verification_img1{
	 position:absolute;
	 right: 0;
	 top:0;
 }
 
 .com-bo p{width:100%; height:18px; display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 .img-bote p.com-bo span{overflow:hidden;}
 .img-bote p.com-bo{width:100%;height:18px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 .font-ja{
	 color: #1B76FF;
 }
 .li-hi-div{position:relative; display:block; height:14px; margin-top:5px;}
 .li-hi-div .li-hi-y{ position:absolute; top:0; line-height:14px; font-size:12px; color:#888; font-style:italic;display:inline-block;}
 .li-hi-div .li-le{ left:0; }
 .li-hi-div .li-ri{ right:0;}
 .li-hi{
	 line-height: 13px; height:14px; color:#888; font-style:italic; margin:0 6px; display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 }
 .te-img{
	 width:32px;height:32px;padding:0; position:relative;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#efefef);
	 background: -ms-linear-gradient(top, #fff,  #efefef);
	 background:-moz-linear-gradient(top,#fff,#efefef);
	 background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#efefef));
	 background: -webkit-linear-gradient(top, #fff, #efefef); 
	 background: -o-linear-gradient(top, #fff, #efefef); 
	 border-radius:2px\0\9;-webkit-border-radius:2px\0\9;-moz-border-radius:2px\0\9;
 }
 .com-font .te-img{
	 margin-left: 10px; 
 }
 /* .te-img span.fav-add{position:absolute;display:block;z-index:12;right:-1px; top:-1px; width:32px; height:32px;background:url(../imgs/hearts.png) center center no-repeat;} */
 
 _:-ms-lang(x),.te-img {
	  border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }
 
 
 .te-img span{width:30px;height:32px; margin-left:1px; display:block; font-size:22px; line-height:32px;}
 .te-img:hover{-moz-box-shadow:0px 0px 3px 1px #abd8ff;-webkit-box-shadow:0px 0px 3px 1px #abd8ff;box-shadow:0px 0px 3px 1px #abd8ff;}
 .te-img:hover span{ color:#fff;}
 .te-img span.icon-chat-a{font-size:28px; line-height:28px;}
 
 .ver-img{
	 height:32px;padding:0; position:relative;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	 border: 1px solid #ccc;
	 top:3px;
 }
 
 
 .fab-livechat{border:1px solid #39b54a;}
 .fab-livechat:hover{border-color:#39b54a;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#30c085,endColorStr=#1e8f70);
 background: -ms-linear-gradient(top, #30c085,  #1e8f70);
 background:-moz-linear-gradient(top,#30c085,#1e8f70);
 background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#30c085), to(#1e8f70));
 background: -webkit-linear-gradient(top, #30c085, #1e8f70); 
 background: -o-linear-gradient(top, #30c085, #1e8f70); 
 }
 .fab-livechat span{
	color: #39b54a;
    line-height: 32px;
    text-align: center;
    text-indent: -2px;
 }
 
 .fab-email{border:1px solid #2970ef; line-height:28px;}
 .fab-email:hover{border-color:#2970ef;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#3c9bd1,endColorStr=#3a67aa);
 background: -ms-linear-gradient(top, #3c9bd1,  #3a67aa);
 background:-moz-linear-gradient(top,#3c9bd1,#3a67aa);
 background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3c9bd1), to(#3a67aa));
 background: -webkit-linear-gradient(top, #3c9bd1, #3a67aa); 
 background: -o-linear-gradient(top, #3c9bd1, #3a67aa); 
 }
 .fab-email span{    
		width: 30px;
    height: 32px;
    margin-left: 1px;
    display: block;
    font-size: 22px;
    line-height: 30px;
		text-indent: -2px;
		color: #2970ef
}
 
 .fab-fav{border:1px solid #fdd6a4;}
 .fab-fav:hover,.fab-fav.addover{
	 /* border-color:#f17b3e;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f9aa42,endColorStr=#ed613b);
 background: -ms-linear-gradient(top, #f9aa42,  #ed613b);
 background:-moz-linear-gradient(top,#f9aa42,#ed613b);
 background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f9aa42), to(#ed613b));
 background: -webkit-linear-gradient(top, #f9aa42, #ed613b); 
 background: -o-linear-gradient(top, #f9aa42, #ed613b);  */
 
 border-color:#f17b3e;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f9aa42,endColorStr=#ed613b);
 background: -ms-linear-gradient(top, #ff0844 ,  #ffb199 );
 background:-moz-linear-gradient(top,#ff0844 ,#ffb199 );
 background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff0844 ), to(#ffb199 ));
 background: -webkit-linear-gradient(top, #ff0844 , #ffb199 ); 
 background: -o-linear-gradient(top, #ff0844 , #ffb199 ); 
 }
 .fab-fav span{color:#f91e6b;line-height:30px;}
 .fab-fav.addover span{color:#fff;}
 
 .fab-gift{border:1px solid #ff6600;}
 .fab-gift:hover{
	 /* border-color:#743b89;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#813c9e,endColorStr=#6f3b7f);
 background: -ms-linear-gradient(top, #813c9e,  #6f3b7f);
 background:-moz-linear-gradient(top,#813c9e,#6f3b7f);
 background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#813c9e), to(#6f3b7f));
 background: -webkit-linear-gradient(top, #813c9e, #6f3b7f); 
 background: -o-linear-gradient(top, #813c9e, #6f3b7f);  */
 border-color:#ff6600;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f9aa42,endColorStr=#ed613b);
 background: -ms-linear-gradient(top, #f9aa42,  #ed613b);
 background:-moz-linear-gradient(top,#f9aa42,#ed613b);
 background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f9aa42), to(#ed613b));
 background: -webkit-linear-gradient(top, #f9aa42, #ed613b); 
 background: -o-linear-gradient(top, #f9aa42, #ed613b); 
 }
 .fab-gift span{color:#ff6600;position: relative;text-indent: -2px;}
 .fab-gift:before{
	 content: url(../imgs/hoticon.gif);
	 position: absolute;
	 top: -10px;
	 left: 17px;
 }
 
 .te-img-new{border:1px solid #ccc;}
 
 .te-img.fa-gift{margin-top:-2px;}
 .com-bob{ padding-left:5px;}
 .com-boxs a:hover{
	 text-decoration: none;
	 color:#fff;
 }
 .more{
	 height: 30px;
	 width: 100%;
 }
 .more a{ border:1px solid #276edf; padding:2px 6px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; line-height:1em; font-size:12px; color:#fff; background:#227ee6;}
 .more a:hover,.more a:active,.more a:link{ text-decoration:none;}
 .more a:hover{ background:#1f73d1;}
 .foot-img{
	 margin-top: 15px; margin-bottom:30px; display: block;;
 }
 
 .pic-foot{
	  width: 100%;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
 }
 .foot{
	 height: auto;
	 /* margin-top: 20px; */
	 background-color: #eee;
	 border-top:1px solid #ccc; clear:both;
 }
 .foot-le{
	 width: 33.3%;
	 height: 120px;
	 margin-bottom:15px;
 }
 .foot-hi{
	 height: auto;
	 padding:15px 0;
	 background-color: #eee;
 }
 .te-com{font-size:13px; color:#666;line-height: 22px;}
 .te-com a{ color:#666;}
 .te-com a:hover{color:#337ab7;}
 .te-tole{
	 width: auto; padding-left:100px;
 }
 .te-tole-mid{
	 width: auto; padding-left:100px;
 }
 .vertical{
	 border-left: 1px solid #ccc;
 }
 .foot-logo{
	 width: 100%;
	 height: auto;
	 clear:both;
	 display:block; text-align:center;
 }
 .te-logo{
	 width: 100%;
	 height:auto;
	 line-height:24px; color:#7a7a7a;
	 font-size: 12px;
	 text-align: center;
	 display:block;
 }
 .te-logo b{ font-size:30px; line-height:40px; color:#7a7a7a;}
 .box-line{
	 border: 1px solid #E4E4E4;transition:transform 0s ease; background:#fff;
 }
 .box-line:hover{transform:scale(1.01,1.01);position: relative;z-index: 1;}
 .box-line:hover span{transform:scale(0.9905,0.99);}
 .box-line:hover .verification_img1 img{
	 /* transform:scale(0.99,0.99); */
 }
 .com-boxs{
	 width: 164px;
	 margin-bottom: 12px;
	 padding:6px;
	 border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
	 cursor: pointer;
 }
 .com-hit{
	 height: 244px;-moz-box-shadow:0px 0px 4px 1px #eee;-webkit-box-shadow:0px 0px 4px 1px #eee;box-shadow:0px 0px 4px 1px #eee;
 }
 .com-img-hit{
	 height: 230px;
 }
 .foot-img .row .com-boxs{
	 width: 172px;
	 margin-bottom: 12px;
	 padding:0;
	 border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
	 cursor: pointer;
 }
 .foot-img .row .com-img-hit{
	 height: 172px;display: table-cell;vertical-align:middle;text-align:center; background: #f8f8f8; font-size: 106px;*display: block;font-family:sans-serif;
 }
 .foot-img .row .com-img-hit img{ max-width: 172px; max-height: 172px; vertical-align:middle;}
 /**
 *	member Info
 *
 **/
 .info-title{
	 height:46px;
	 line-height:30px;
	 font-size: 20px;
	 font-weight: 100;
 }
 .myinfo{
	 height: 165px;
 }
 .info-box{
	 height: 150px;
	 border: 1px solid #E4E4E4;
 }
 .info-box img{
	 width: 130px;
	 height: 130px;
	 margin:10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
 }
 .myinfo-box{
	 height: 120px;
	 margin:15px;
 }
 .myinfo-text{
	 margin-bottom: 0px;
 }
 .text-ama{
	 height: 20px;
	 line-height: 28px;
 }
 .text-tolink{
	 margin-top: 5px;
 }
 .ed-text{
	 color: #2372a3;
 }
 .box-info-right{
	 width:18%;
	 height:100%;
	 border:3px solid #E9C14E;
	 margin-left:15px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
 }
 .navbox{
	 height:42px; border-left:1px solid #dadada;
 }
 .navbox ul{ margin:0; padding:0; list-style:none; height:42px;}
 .navbox ul li{
	 text-align: center; padding:0 16px; line-height:42px; display:inline-block; height:42px; color:#2372a3;border:1px solid #dadada;border-left:0;
	 background: #f4f4f4; position:relative; margin:0; float:left;
 }
 .navbox ul li a{ color:#2372a3; display:block;}
 .navbox ul li:link a,.navbox ul li:active a,.navbox ul li:hover a{ text-decoration:none; }
 .navbox ul li:hover a{color:#000;}
 .navbox ul li .line{ background:#f63; height:3px; width:100%; display:none; position:absolute; left:0; top:-1px;}
 .navbox ul li.active{ background:#fff; border-bottom:1px solid #fff;}
 .navbox ul li.active a:active,.navbox ul li.active a:focus,.navbox ul li.active a:link{ text-decoration:none;}
 .navbox ul li.active a,.navbox ul li.active:hover a{color:#f63; font-weight:bold;}
 .navbox ul li.active .line{ display:block;}
 
 
 /*.viewcon{
	 width: 72%;
	 margin-top: 10px;
	 margin-left: 55px;
 }*/
 #viewcon{ margin-top:-1px;}
 .viewcon{ border:1px solid #dadada; padding:26px; background:#fff;}
 .intitle{
	 height: 40px;
	 width: 100%;
	 line-height: 40px;
	 font-size: 14px;
	 font-weight: bold;
 }
 .titlearea{
	 width: 86%;
	 margin-bottom: 10px;
	 overflow-y:scroll;
	 resize: none;
	 background-color: #f8f8f8;border-color:#d1d1d1;
 }
 .area-small{
	 height: 80px;
 }
 .area-big{
	 height: 180px;
 }
 .raedit{
	 width: 86%;
	 height: 22%;
	 margin-bottom:20px;
 }
 .edibox{
	 height:40px;/*  padding-top: 20px; */
	 
 }
 .edibox a{background-color: #eee; line-height:40px; font-size:16px; color:#333; width:120px;
	 border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px; display:block; height:40px; text-align:center;}
 .ediboxbt{ margin:0 auto;}
 .edibox-div{ text-align:center;}
 .edibox a:hover{ background:#ddd; color:#000;}
 .edibox .penc{
  display:inline;color:#333; margin-right:8px;
 }
 .edibox a{
	 text-decoration: none;
 }
 .con-chk{
	 width: 100%;
	 height: 72%;
	 min-width: 605px;
 }
 .left-chk{
	 width: 36%;
	 margin-left: 120px;
	 height: 100%;
	 line-height: 25px;
 }
 
 .right-chk{
	 width: 38%;
	 height: 100%;
	 line-height: 25px;
 }
 .com-chek{
	 width: 100%;
 }
 .sta-in{
	 width: 75%;
	 height:35px;
	 line-height: 35px;
	 margin-left: 10px; color: #888; font-size: 14px; font-style: italic;
 }
 .sta-infom{width:20px; height:20px; font-size:16px; color:#447aa4; display:inline-block; margin-left:5px; cursor:pointer;}
 .publicPhoto-Prompt{
	 font-size:12px;
	 position: absolute;
	 z-index: 1;
	 font-family:sans-serif;
	 border-radius:8px;
	 padding: 15px;
	 line-height:16px;
	 background-color: #edfbff;
	 border-radius:8px;
	 box-shadow:0px 0px 16px 0px #618aac;
	 display: none;
 }
 .publicPhoto-Prompt span{
	 width: 10px;
	 height: 6px;
	 position: absolute;
	 left: 175px;
	 top: -6px;
	 background: url(../imgs/prompt.png) left top no-repeat;
 }
 .sta-infom:hover{text-decoration:none;}
 .upphotos{
	 width: 100%;
	 height: 82px;
	 margin: 10px 0px;
	 background-color: #f2f2f2;  border:1px dotted #d7d7d7;
 }
 .com-pwh{
	 height:82px; display:block; text-align:center;
 }
 .com-pwh label{cursor:pointer;}
 .com-pwh dfn{ color:#888;display:block; font-weight:100; font-size:12px;}
 .dialog-url{ width:167px; height:200px; display:block; margin-top:5px; margin-right:5px; position:relative; z-index:1; text-align:center;}
 .dialog-url .url-close{ position:absolute; width:24px; height:24px; top:-4px; right:-4px; background:#fff; font:bold 12px/1em  Verdana, Geneva, sans-serif; text-align:center;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px; z-index:99; text-decoration:none; display:none;}
 .dialog-url .url-close i{ color:#f00; font-size:24px; margin-left:1px; margin-top:1px;}
 .dialog-url .url-close:hover i{ text-decoration:none; color:#e30303;}
 .dialog-url:hover .url-close{ display:block;}
 .dialog-url .url-edit{ margin:0 auto; font-size:12px;}
 .upphotos a{
	 text-align: center;
 }
 .upbox{
	 margin-left: auto;
	 margin-right: auto;
 }
 .upphotos a:hover{
	 text-decoration: none;
 }
 .upimgs{
	 margin-top:10px; font-size:24px;vertical-align:middle;
 }
 .up-te{
	 height:20px; line-height:20px; font-size:14px; font-weight:100; margin:0; display:block;vertical-align:middle; margin-left:4px;
 }
 .photos-box{
	 width: 104%;
	 min-width: 824px;
 }
 .photos-box a:hover{ text-decoration:none;}
 .photos-box img{
	 width: 167px;
 }
 .photos-box a.photo-imgdiv{ width:100%; position: relative; display:block;transition:transform 0.15s ease;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
 .photos-box a.photo-imgdiv p{ width:100%; height:24px; line-height:24px;background-color:rgba(0, 0, 0, 0.7);background:#000;opacity:0.7; filter:alpha(opacity=70); display:block; text-align:center; position: absolute; left:0; bottom:0; margin:0;}
 .photos-box a.photo-imgdiv p i{ display:inline-block; margin-right:3px;font-size:14px;}
 .photos-box a.photo-imgdiv p em{display:inline-block; font-style:normal; font-size:12px;color:#ddd;}
 .photos-box a.photo-imgdiv p.pass em,.photos-box a.photo-imgdiv p.pass i{color:#21e007;}
 .photos-box a.photo-imgdiv p.error em,.photos-box a.photo-imgdiv p.error i{color:#f00;}
 .photos-box a.photo-imgdiv dfn{width:24px;height:24px; line-height:24px; color:#fff; font-size:16px; background-color:rgba(0, 0, 0, 0.8);background:#000;opacity:0.8; filter:alpha(opacity=80); position:absolute;right:0; top:0;display:none;}
 .photos-box a.photo-imgdiv:hover{transform:scale(1.02,1.02);-webkit-box-shadow: 0 0px 8px rgba(4, 108, 189, 0.9); -moz-box-shadow: 0 0px 8px rgba(4, 108, 189, 0.9); box-shadow: 0 0px 8px rgba(4, 108, 189, 0.9);}
 .photos-box a.photo-imgdiv:hover dfn{display:block;}
 .photos-box a.photo-imgdiv dfn:hover{color:#f60;}
 @media \0screen\,screen\9 {
 .photos-box a.photo-imgdiv p{background-color:#000; filter:Alpha(opacity=20); position:static; *zoom:1; }
 .photos-box a.photo-imgdiv p i{ position: relative;} 
 .photos-box a.photo-imgdiv p em{ position:relative;}
 }
 .page-box{
	 width: 100%;
	 height: 50px;
	 margin-top: 10px;
 }
 .page-box ul{
	 margin-top: 5px;
	 margin-bottom: 0px;
 }
 .tit-txt{
	 height:32px; line-height:32px; color:#666;
 }
 .com-li{
	 position: absolute;
	 width: 16px;
	 height: 16px;
	 margin-top:50px;
	 margin-left:50px;
	 border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;
	 border:2px solid white;
 }
 .com-li-lg{
	 position: absolute;
	 width: 14px;
	 height: 14px;
	 margin-top:32px;
	 margin-left:32px;
	 border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;
	 border:2px solid white;
 }
 .img-li{
	 background-color: #008F00;
 }
 .img-no{
	 background-color: #737373;
 }
 .td-te{
	 width: 100%;
	 /* height: 73px; */
	 padding-top: 3px;
 }
 .td-te p{
	 margin-bottom: 0;
	 margin-top: 0; font-size:12px;
 }
 .td-te p.blue-color{font-size:14px;text-transform:capitalize}
 .td-te p.blue-color span{font-size:12px;}
 .te-center{
	 line-height: 50px;
 }
 td a{
	 width: 10px;
	 height: 10px;
	 text-decoration: none;
	 /* color: #A8A8A8; */
 }
 /* td a:hover{
	 
	 
 } */
 td a.icon-del2{color:#a8a8a8;}
 td a.icon-del2:hover{color: #333352;text-decoration: none;}
 .head-icon-6x td a{width:36px;height:32px;}
 .head-icon-6x td a.te-img{width:32px;height:32px;}
 .ta-box table tr.title{height:34px; line-height:1em; background-color: #f2f4f7;}
 .ta-box table tr.title th{border-bottom:0; font-size:14px;}
 .ta-box{
	 width: 100%;
	 margin-top: 20px;
	 border: 1px solid #DDDDDD;
 }
 .head-icon-6x td a.te-center{ font-size:18px;}
 .head-icon-6x td a.te-center:hover{color:#f60;}
 .tab-stl{
	 text-align: center;
 }
 .sesho{
	 color: red;
 }
 .spse{
	 width: 250px;
	 height: auto;
	 margin-left: 12px;
	 margin-top: 7px;
	 border:1px solid #D7D7D7;
 }
 .spse p{
	 margin:3px 0px 3px 10px;
 }
 .spse p select{
	 width: 200px;
 }
 .sewh{
	 width: 140px;
	 height: 30px;
	 margin-bottom: 5px;
 }
 .losewh{
	 width: 120px;
	 height: 30px;
 }
 .spse select{
	 width: 170px;
	 height: 30px;
 }
 .speh{
	 margin-top: -75px;
 }
 .liche{
	 width: 400px;
	 height: 90px;
	 margin-left: 8px;
	 margin-top: 5px;
	 border:1px solid #D7D7D7;
 }
 .limi{
	 margin-top: -45px;
 }
 .liche-left{
	 width: 255px;
	 height: 90px;
	 margin-left: 7px;
 }
 .liche-right{
	 width: 185px;
	 height: 90px;
 }
 .liche p{
	 margin-bottom: 3px;
	 margin-top: 5px;
 }
 .sabtn{
	 width: 100px;
	 margin-left:10px; background:#eee; height:40px; line-height:24px; border:0;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;
 }
 .sabtn-save{
	 width: 100px;
	 margin-left:10px; height:40px; line-height:24px; border:0;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;
 }
 .raedit div{
	 line-height:40px;
	 margin-top:10px;
 }
 .radUrl{ margin-left:120px;}
 .raedit a:hover{
	 text-decoration: none;
 }
 
 /**
 *	profile Info
 *
 **/
 #profile-title{
	 height:46px;
	 line-height:30px;
	 font-size:24px;
	 margin-top: 50px;
	 text-indent: 10px;
	 /* border-bottom:1px solid #ddd; */ 
 }
 #profile-title > p{
	 position: absolute;
 }
 #profile-content{
	 position: relative;
 }
 .preferenceBlue{
	 display:inline-block;
	 height: 28px;
	 border-radius: 14px;
	 border:1px solid #999;
	 line-height: 28px;
	 padding: 0 15px;
	 background-color:#fff;
		 color: #999;
	 font-weight: normal;
 }
 .preferenceBlue:hover{
	 cursor: pointer;
 }
 .preferenceActive{
	 border: 1px solid #3a83f2;
	 background-color: #3a83f2;
	 color:#fff;
 }
 .profile-title span{
	 margin-left: 12px;
 }
 .profile-gifts-area{
	 border: 1px solid #E6E6E6;
	 border-left: none;
	 position: absolute;
	 right: 0; width:325px;
	 height: 100%;
	 background-color: #F2F2F2;
 }
 .profile-area{
	 width:902px;
	 border: 1px solid #E6E6E6; 
	 padding:25px; margin-bottom:10px;
	 display: inline-block;
 }
 .profile-like{ width:904px; height:auto; overflow:hidden; margin-bottom:30px;}
 .profile-like h3{ font:100 16px/32px Arial, Helvetica, sans-serif; margin-bottom:5px; color:#666;}
 .profile-like .like-div{display:block; overflow:hidden; height:118px; widows:100%;}
 .profile-like .like-div ul{ list-style:none; padding:0; margin:0; margin-left:-13px; display:block;}
 .profile-like .like-div ul li{ margin-left:13px; width:118px; height:118px; position:relative; overflow:hidden; float:left;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
 .profile-like .like-div ul li img{ width:100%;}
 .profile-like .like-div ul li .info{ width:118px; height:24px; position:absolute; left:0; bottom:0;background-color:rgba(0, 0, 0, 0.5);}
 .profile-like .like-div ul li .info span{ display:inline-block; line-height:24px; color:#fff; font-size:12px; margin-left:5px; float:left;}
 .profile-like .like-div ul li .info em{ float:right; display:inline-block; line-height:24px; margin-right:5px; color:#fff; font-size:12px; font-style:normal;}
 @media \0screen\,screen\9 {
   .profile-like .like-div ul li .info{background-color:#000;filter:Alpha(opacity=50);position:static;*zoom:1;}
   .profile-like .like-div ul li .info span{
	 position: relative;
   } 
   .profile-like .like-div ul li .info em{ position:relative;}
 }
 
 /* .right-profile{
	 position: absolute;
	 height: 100%;
	 margin-left: 73%;
	 width: 27%;
	 border:1px solid #E6E6E6;
	 border-left: none;
	 background-color: #F2F2F2;
 } */
 .profile-info{
	 height: 265px; overflow:hidden;
 }
 .profile-info > .image{
	 display: inline-block;
	 position: relative;
	 float: left;
 }
 .profile-info > .image span.fav-add{position:absolute;display:block;z-index:12;right:0px; top:5px; width:40px; height:40px;background:url(../imgs/heartsNew.png) center center no-repeat;}
 .profile-info > .image > img{
	 width: 250px;
	 height: 250px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
 }
 .profile-info .status{
	 position: absolute;
	 left: 6px;
	 bottom: 10px;
 }
 .profile-info .status.online{
	 width: 55px;
	 height: 15px;
	 text-align: center;
	 line-height: 15px;
	 border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
	 color: #fff; font-size:13px;
	 background-color: #22b401;
 }
 .profile-info > .detail{
	 margin-left: 250px;
	 padding: 5px 0 0 24px;
	 height: 265px;
	 position: relative;
	 top:-15px;
 }
 .profile-info .actions{
	 font-family: Arial;
	 position: absolute;
	 line-height: 45px;
	 top: 178px;
 }
 .profile-info .actions i{ font-style:normal;float:left;}
 .profile-info .actions i.icon-chat-a{margin-top:0px;}
 .profile-info .actions i.melody-icon{display: inline-block;width: 30px;height: 24px;margin-top: 4px;}
 .profile-info .actions i.melody-icon img{width: 20px;}
 .fab-fav span.melody-icon{display: inline-block;width: 18px;height: 18px;margin-top: 6px;margin-left: -4px; background: url(../imgs/music-active.png);background-size:100% 100%;}
 
 .fab-fav:hover span.melody-icon{background:url(../imgs/music-o.png);background-size:100% 100%; }
 .pr-te{
	 height:150px;
	 width: 70%;
	 margin-top: 20px;
	 margin-left: 30px;
 }
 .profile-info .verificationBtn{
	 height: 20px;
	 line-height: 20px;
	 position: absolute;
	 left: 195px;
	 bottom: 5px;
	 font-size: 14px;	
 }
 .profile-info .verificationBtn a{
	 padding:0 12px;
 }
 
 .sabo{
	 font-size:20px; padding-bottom:25px;height:28px;
 }
 .sabo span{display:inline-block; float:left;}
 
 .sabo span.title{max-width:160px;margin-left:5px;height:32px;position:relative;overflow:hidden;padding-left:5px;margin-top:-2px;}
 .sabo span.title p{line-height:32px;padding:0 5px; height:32px; color:#187ade;font-size:12px; border:1px solid #d5d7d7;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; background:#fff;
 -moz-box-shadow:-1px 1px 2px #eee inset; -webkit-box-shadow:-1px 1px 1px #eee inset;box-shadow:-1px 1px 2px #eee inset;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:150px;}
 
 .sabo span.title:before{content: '';position: absolute;top:11px;left:0;width: 0;height: 0;border-right:6px solid #d5d7d7;border-bottom: 6px solid transparent;
 border-top: 6px solid transparent;}
 .sabo span.title:after{content: '';position: absolute;top:12px;left:1px;width: 0;height: 0;border-right:5px solid #fff;border-bottom: 5px solid transparent;border-top: 5px solid transparent;}
 /* .sabo.com-font{font-size:20px;text-transform:capitalize;} */
 .sabo.com-font{font-size:20px;}
 .sabo .verification_img{
	 /* margin-left:5px;height:32px;position:relative;padding-left:5px;margin-top:-2px; */
	 margin-left: 10px;
	 margin-top: -2px;
 }
 
 
 /*roger add*/
 .sabo em{ font-size:14px; color:#666; font-style:normal; margin-left:5px;}
 .sabo a.add-fav{ display:inline-block; width:146px; font-size:12px; height:24px; line-height:24px; border:1px solid #eaeaea; background:#fbfbfb; float:right;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
 .sabo a.add-fav i{ display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; color:#337ab7; font-size:12px;}
 .sabo a.add-fav:hover,.sabo a.add-fav:active,.sabo a.add-fav:link{ text-decoration:none;}
 .sabo a.add-fav:hover{ background:#fff; color:#f63;}
 .profile-m-d{ border:1px solid #d8b700; padding:10px 15px; margin-top:10px; background:#ffffca; position:relative; font-size:14px; line-height:22px; color:#454545;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
 .profile-m-d b{ color:#f63;}
 .profile-m-d span{ display:block; text-align:right;}
 .profile-m-d dfn{ display:none; width:17px; height:16px; position:absolute; top:25px; left:-17px;}
 /*roger add*/
 .conbo{
	 margin-bottom: 2px;
 }
 .fon-sa{
	 font-size: 14px;
	 color: #5E5E5E;
 }
 .prohi{
	 font-family:sans-serif;
	 font-weight: 400;
	 font-style: italic;
	 font-size: 16px;
	 color:#999;
 }
 .reque{
	 height: 50px;
	 width: 70%;
	 line-height: 50px;
	 margin-top: 40px;
	 margin-left: 30px;
 }
 .requegr{
	 background-color: #D7D7D7;
 }
 .requebl{
	 background-color: #669900;
 }
 .reque a:hover{
	 text-decoration: none;
	 background-color: #D7D7D7;
 }
 .reque span a:hover{
	 text-decoration: none;
	 background-color: #669900;
 }
 
 .pf-bt{height:32px; line-height:32px;margin-right:8px;border-radius:3px;-webkit-border-radius:3x;-moz-border-radius:3px; font-size:16px; color:#fff;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .4);  
   -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .4);  box-shadow:0 1px 2px rgba(0, 0, 0, .4);width:184px;display: inline-block;}
 .pr-bt{height:32px; line-height:32px;;border-radius:3px;-webkit-border-radius:3x;-moz-border-radius:3px; font-size:16px; color:#fff;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .4);  
	 -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .4);  box-shadow:0 1px 2px rgba(0, 0, 0, .4);width:184px;display: inline-block;}
 .pr-ver-bt{padding:0 10px;height:26px; line-height:26px;;border-radius:3px;-webkit-border-radius:3x;-moz-border-radius:3px; font-size:12px;
	 font-family: Arial;
	 }
 .pr-ver-bt i{font-style:normal}
 .reque-img{border:0; background: -ms-linear-gradient(left, #27b051,  #27dc73);background:-moz-linear-gradient(left,#27b051,#27dc73);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#27b051), to(#27dc73));background: -webkit-linear-gradient(left, #27b051, #27dc73);background: -o-linear-gradient(left, #27b051, #27dc73);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#27b051,endColorStr=#27dc73);}
 .reque-img:focus,
 .reque-img.focus { background: #27dc73;border-color: #27dc73;color:#fff;}
 .reque-img:hover{background: #27dc73; border-color:#27dc73;color:#fff;}
 
 .verification{
	 font-size:12px;
	 width: 320px;	
	 position: absolute;		
	 /* background:#edfbff; */
	 border-radius: 8px;
	 padding: 8px;
	 background: #edfbff;
	 box-shadow: 0px 0px 12px 1px #bbb;-moz-box-shadow:0px 0px 12px 1px #bbb;-webkit-box-shadow:0px 0px 12px 1px #bbb;
 }
 
 .verification .jiantou{
	 position: absolute;
	 left: 155px;
	 top: -13px;
 }
 
 /* .verification .verification_engName{	
	 padding: 0 5px;
	 border-top-left-radius:8px;
	 border-top-right-radius:8px;
	 font-weight: 700;
	 height:26px;
	 line-height: 26px;
	 font-size: 10px;
	 font-family: Arial;
	 color:#263645;
	 background: #c8e3ef;
	 border-bottom:1px solid #a1c9d3;
 }
 .verification .verification_engName span{
	 text-transform: capitalize;
 }
 .verification .verification_content{	
	 padding:0 5px;
				 
 }
 .verification .verification_content .verification_message{
	 width:115px;
	 line-height: 27px;	
	 font-family: Arial;	
	 font-size: 8px;
	 color:#262626;
 } */
 
 
 
  .verification1{
	 font-size:12px;
	 width: 250px;	
	 position: absolute;
	 right:-100px;
	 top:25px;
	 z-index: 9999;		
	 background:#edfbff;	
	 border-radius: 8px;
	 padding: 10px;
	 box-shadow: 0px 0px 8px 1px #bbb;-moz-box-shadow:0px 0px 8px 1px #bbb;-webkit-box-shadow:0px 0px 8px 1px #bbb;
 }
	 
 .verification1 .jiantou1{
	 position: absolute;
	 left: 110px;
	 top: -13px;
 }
 
 .verification1 .verification1_content{
	 
				 
 }
 /* .verification1 .verification1_content .verification1_message{
	 width:110px;
	 line-height: 27px;	
	 font-family: Arial;	
	 font-size: 8px;
	 color:#262626;		
 }   */
 
 
 
 
 .msg-img{border:0; background:-ms-linear-gradient(left, #4a84e5, #619dff);background:-moz-linear-gradient(left,#4a84e5,#619dff);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#4a84e5), to(#619dff));background: -webkit-linear-gradient(left, #4a84e5, #619dff);background: -o-linear-gradient(left, #4a84e5, #619dff);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4a84e5,endColorStr=#619dff);}
 .msg-img:focus,
 .msg-img.focus {background: #619dff;border-color: #619dff;color:#fff;}
 .msg-img:hover{background: #619dff; border-color:#619dff; color:#fff;}
 
 .gif-img{border:0;background: -ms-linear-gradient(left, #fc7126,  #ff955b);background:-moz-linear-gradient(left,#fc7126,#ff955b);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fc7126), to(#ff955b));background: -webkit-linear-gradient(left, #fc7126, #ff955b);background: -o-linear-gradient(left, #fc7126, #ff955b);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fc7126,endColorStr=#ff955b); }
 .gif-img:focus,
 .gif-img.focus { background: #ff955b;border-color: #ff955b;color:#fff;}
 .gif-img:hover{background: #ff955b; border-color:#ff955b;color:#fff;}
 
 .fav-img{position:relative;border:0;background: -ms-linear-gradient(left, #ff426b,  #fa6e8c);background:-moz-linear-gradient(left,#ff426b,#fa6e8c);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff426b), to(#fa6e8c));background: -webkit-linear-gradient(left, #ff426b, #fa6e8c);background: -o-linear-gradient(left, #ff426b, #fa6e8c);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff426b,endColorStr=#fa6e8c); }
 .fav-img:focus,
 .fav-img.focus { background: #fa6e8c;border-color: #fa6e8c;color:#fff;}
 .fav-img:hover{background: #fa6e8c; border-color:#fa6e8c;color:#fff;}
 .fav-img:before{
	 content: url(../imgs/hot.gif);
	 position: absolute;
	 left: 138px;
	 top:-24px;
 }
 .melody-img{border:0;background: -ms-linear-gradient(left, #8b00d7,  #ff467f);background:-moz-linear-gradient(left,#8b00d7,#ff467f);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#8b00d7), to(#ff467f));background: -webkit-linear-gradient(left, #8b00d7, #ff467f);background: -o-linear-gradient(left, #8b00d7, #ff467f);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#8b00d7,endColorStr=#ff467f); }
 .melody-img:focus,
 .melody-img.focus { background: #ff467f;border-color: #ff467f;color:#fff;}
 .melody-img:hover{background: #ff467f; border-color:#ff467f;color:#fff;}
 
 .lovecall-img{border:0;background: -ms-linear-gradient(left, #00a4bd,  #00dcf0);background:-moz-linear-gradient(left,#00a4bd,#00dcf0);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#00a4bd), to(#00dcf0));background: -webkit-linear-gradient(left, #00a4bd, #00dcf0);background: -o-linear-gradient(left, #00a4bd, #00dcf0);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#00a4bd,endColorStr=#00dcf0); }
 .lovecall-img:focus,
 .lovecall-img.focus { background: #00dcf0;border-color: #00dcf0;color:#fff;}
 .lovecall-img:hover{background: #00dcf0; border-color:#00dcf0;color:#fff;}
 
 
 /* .ver-img{position:relative;border:0;margin-top:5px;background: -ms-linear-gradient(top, #e29d3c,  #d29e2e);background:-moz-linear-gradient(top,#e29d3c,#d29e2e);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e29d3c), to(#d29e2e));background: -webkit-linear-gradient(top, #e29d3c, #d29e2e);background: -o-linear-gradient(top, #e29d3c, #d29e2e);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e29d3c,endColorStr=#d29e2e); }
 .ver-img:focus,
 .ver-img.focus { background: #d29e2e;border-color: #d29e2e;color:#fff;}
 .ver-img:hover{background: #d29e2e; border-color:#d29e2e;color:#fff;} */
 
 
 .actions .btn{ padding:0 13px;transition:transform 0.1s ease;}
 .actions .btn:hover{transform:scale(1.05,1.05);}
 .actions .glyphicon{ top:4px;}
 .te-le{
	 margin-left:4px;
 }
 .te-lei{
  font-size:22px;
 }
 .te-led{
  font-size:20px;
 }
 .proleft{
	 margin-left: 30px;
 }
 .imgsbox{
	 /* margin-top:10px; */
	 margin-bottom:10px; 
 }
 .imgsbox .null-img{ padding:20px 0; display:block; text-align:center; font-size:14px; color:#666; background:#f2f2f2; margin:0 15px;}
 
 .rowle{
	 margin-left: -7px;
	 width: 90%;
 }
 a.aulr-imgsbox{ width:70px; height:70px; margin-left:15px; background:#f8f8f8;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;display:table-cell;vertical-align:middle;text-align:center;*display: block;font-family:sans-serif;font-size:43px;}
 .imgsbox img{
	 max-height:70px;max-width:70px;
	 margin-bottom: 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
 }
 .aulr-imgsbox img{vertical-align:middle;}
 .imgsbox-row{
	 height: 95px;
 }
 .imgsle{
	 /* margin-left:7px; */
 }
 .imgsbox .imgsle{
	 margin-left:15px;transition:transform 0.1s ease;
 }
 .imgsbox .imgsle:hover{transform:scale(1.05,1.05);-moz-box-shadow:0px 0px 4px 1px #999;-webkit-box-shadow:0px 0px 4px 1px #999;box-shadow:0px 0px 4px 1px #999;}
 
 .TTSliderPic{width: 850px;overflow: hidden;position: relative;}
 /* .TTSliderPicList{position: relative;width:770px;overflow: hidden;height:80px;} */
 .TTSliderPicList{position: relative;width:805px;overflow: hidden;height:80px;}
 .TTSliderPic ul{position: absolute;top:3px;left: 0px;padding: 0;width: 9999px;}
 .TTSliderPic li{float: left;max-height:70px;max-width:70px;list-style: none;width:70px;height: 70px}
 /* .TTSliderPrevBtn,.TTSliderNextBtn{height: 100%;width: 33px;position: absolute;top: -10px;text-align: center;} */
 .TTSliderPrevBtn,.TTSliderNextBtn{height: 100%;width: 20px;position: absolute;top: -10px;text-align: center;}
 .TTSliderPrevBtn{left:0}
 .TTSliderNextBtn{right: 0;}
 .TTSliderPrevBtn i,.TTSliderNextBtn i{height: 30px;width: 20px;display: inline-block;margin-top: 30px;font-size: 30px;}
 /* video */
 .videoShowList{
	 margin:10px 0 10px 0;width: 850px;position: relative;padding:0 10px 0 10px;height: 108px;
 }
 .videoBtnLeft,.videoBtnRight{height: 100%;width: 20px;position: absolute;top: -10px;text-align: center;}
 .videoBtnLeft{left:0}
 .videoBtnRight{right: 0;}
 .videoBtnLeft i,.videoBtnRight i{height: 30px;width: 20px;display: inline-block;margin-top: 45px;font-size: 30px;}
 .videoShowList .video-content{width: 800;max-height: 100%;height: 100%;overflow: hidden;position: relative;}
 .videoShowList .video-content ul{position: absolute;top:0px;left: 0px;padding-left: 10px;width: 5000px;}
 .videoShowList .video-content ul li{float: left;max-height:108px;max-width:192px !important;list-style: none;width: 192px;height: 108px;}
 .videoShowList .video-content ul li img{
	 max-height:108px;max-width:192px !important;width: 192px !important;
	 margin-bottom: 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
 }
 
 .teprofib{
	 line-height:40px; margin-top:10px;
 }
 .teprofib a:hover{
	 text-decoration: none;
 }
 .teprofib a{font-family:sans-serif; font-weight: 700; font-style: normal; font-size: 14px; cursor: pointer;height:40px;line-height:40px;color:#888;
 display: inline-block; position:relative;
 }
 .teprofib a i{ width:100%; height:4px; background:#f60; left:0; bottom:-4px; display:none;}
 .teprofib a.active{ color:#222;}
 .teprofib a.active i{ display:block;}
 .teprofib a:active,.teprofib a:hover,.teprofib a:link{ text-decoration:none;}
 .proli{
	 margin-left: -25px;
	 height:3px;
	 width:902px;
	 border-bottom:1px solid #E4E4E4;
 }
 .prolip{
	 width: 92px;
	 height: 2px;
	 border:2px solid #FF6600;
	 position: absolute;
	 left: 32px;
 }
 .prowant{
	 margin-top: 30px;
	 margin-bottom: 30px;
 }
 .desires{
	 margin-top: 20px;
	 margin-left: 30px;
 }
 .tewan{
	 height: 30px;
	 line-height: 30px;
	 font-size: 18px;
	 color: #666;
 }
 .tewan.com-font{font-size:18px;}
 .tera{
	 font-size: 14px;
	 margin-top: 20px;
 }
 .tera.com-font{font-size:14px;}
 .tera table td{ padding:5px 0; color:#777; font-size:14px;}
 .tera table td.title{ color:#000; width:120px;}
 .tera p{
	 margin-bottom: 2px;
 }
 .celi{
	 width: 805px;
	 margin-right: auto;
	 height: 1px;
	 border-bottom:1px solid #E4E4E4;
 }
 .baeng{
	 width:100px;
	 height:30px;
	 line-height: 30px;
	 text-align: center;
	 background-color: #F2F2F2;
 }
 .baeng img{
	 height: 35px;
 }
 .tein{
	 width:90%;
	 font-size: 14px;
	 margin-top: 15px;
	 color:#777;overflow:hidden;
 }
 .wanmo{
	 margin-top: 15px;
	 width:50px;
	 height: 16px;
	 line-height:16px;
	 text-align: center; font-size:12px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 background-color: #D5D5D5;
 }
 .wanmo a{
	 width:80px;
	 height: 20px;
	 background-color: #D5D5D5;
 }
 .wanmo a:hover,.wanmo a:active,.wanmo a:link{ text-decoration:none;}
 .rigi{
	 height: 330px;
 }
 .giti{
	 width: 92%;
	 height: 150px;
	 margin-top: 30px;
	 margin-left: 20px;
 }
 .giti .gfo{
	 font-size: 20px;
	 color: #868686;
 }
 .gibo{
	 width: 100%;
	 margin-top: 15px;
 }
 .gibo img{
	 position: relative;
 }
 .obl{
	 position: absolute;
	 width: 24px;
	 height: 24px;
	 line-height: 24px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 margin-top: 75px;
	 margin-left: 70px;
	 text-align: center;
	 background-color: #0066FF;
 }
 .obl a{
	 font-size: 20px;
	 color: #FFFFFF;
 }
 .obl a:hover{
	 text-decoration: none;
 }
 .gite{
	 width: 103px;
	 height: 100px;
	 line-height: 15px;
	 margin-left: 10px;
 }
 .pant{
	 margin-top: 30px;
	 font-size: 14px;
	 color: #0066FF;
 }
 .profile-gifts-area .row{
	 margin:auto 10px;
 }
 .imggr{
	 position: relative;
	 width: 85px;
	 height: 110px;
	 margin-left: 13px;
	 float: left;
	 text-align: center;
 }
 .imgte{
	 width: 83px;
	 height: 120px;
	 text-align: center;
 }
 .content{
	 position: relative;
	 margin-bottom: 50px;
 }
 .left-chkle{
	 width: 36%;
	 height: 100%;
	 line-height: 25px;
 }
 .right-chkle{
	 width: 60%;
	 height: 100%;
	 line-height: 25px;
 }
 .concbo{
	 margin-bottom: 50px;
 }
 .prolidi{
	 width: 130px;
	 height: 2px;
	 margin-left: 141px;
	 border: 2px solid #FF6600;
 }
 
 /**
 *	register page
 *
 **/
 .recen{
	 margin: 0px 0 0 -260px; 
	 top:100px; 
	 left:50%;
	 position:absolute;
	 z-index: 101;
	 background-color: #FFFFFF;
	 border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;
	 box-shadow: 0px 0px 16px 1px #000;-moz-box-shadow:0px 0px 16px 1px #000;-webkit-box-shadow:0px 0px 16px 1px #000;
 }
 @media screen and (max-width: 610px){
 .recen{top:0;}
 }
 .recenbig{
	 height: auto;
 }
 .recensm{
	 height: 610px;
 }
 .com-wid{width:480px;}
 .register-box-l{}
 .register-box-l .box-loading-div{position:absolute;width:100%;height:100%;left:0;top:0;
	 background:#fff url(../imgs/whisparkloading.gif) center center no-repeat;
	 opacity: 0.7;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 filter: alpha(opacity=70);}
 
 .find-title{
	 height:70px;
	 line-height: 70px;
	 margin-top: -1px;
	 border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;
	 background-color:#FF6633;
 }
 .big-title{
	 height:40px;
	 line-height:50px;
	 font-size: 28px;
	 color: #FFFFFF;
 }
 .big-title .com-font{font-size:24px;}
 .small-title{
	 height: 30px;
	 line-height: 20px;
	 font-weight: 400;
	 font-style: normal;
	 font-size: 16px;
	 color: #FFFFFF;
 }
 .left-spac{
	 margin-left:15px;
 }
 .box-spacw{
	 width: 420px;min-height:390px;
	 margin-left: 27px; padding-top:15px;font-family: sans-serif;padding-bottom:20px;
 }
 .box-spacw label{margin-bottom:0;}
 
 label.regNotice{font-size:12px;font-weight:100; color:#2385d9;margin:0;}
 
 .cont{
	 margin-top: 10px;
 }
 .docen{
	 text-align: center;
 }
 .pal-col{
	 font-size: 14px;
	 color: #363636;
 }
 .pal-col span{
	 color:#797979; 
 }
 .myself{
	 height: 30px;
	 width: 100%;
	 line-height: 30px;
 }
 
 .myself.repeatpwd{width:48%;}
 
 .pal{
	 width: 100%;margin-bottom:5px;
 }
 .box-spacw .pal span{line-height:20px;display:block;height:20px;margin-bottom:5px; font-family:"Tahoma", Helvetica, Arial, sans-serif;}
 .box-spacw .pal{margin-bottom:6px;}
 .box-spacw dfn{font-size:12px; color:#999;margin-left:3px; display:inline-block;font-style: normal;}
 .pal.pwdenter{width:48%;}
 .pal input{
	 height: 36px; font-size:14px; font-family:sans-serif;-moz-box-shadow: -1px 2px 2px #eee inset;
	 -webkit-box-shadow: -1px 2px 2px #eee inset;box-shadow: -1px 2px 2px #eee inset;
 }
 .pal-col i{color:#f00; margin-left:3px; margin-right:2px;}
 .checkb{
	 height: 90px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 margin-top: 0px;
	 font-size: 14px;
	 margin-bottom: 0px;
	 border:1px solid #CDCDCD;
 }
 .checkb p{
	 margin-bottom: 3px;
	 margin-top: 5px;
 }
 .areq{
	 height: 20px;
	 width: 100%;
 }
 .areq a{
	 font-size: 14px;
	 color: #0066FF;
 }
 .intro{
	 height: 30px;
	 width: 100%;
	 margin-top:5px;
 }
 .intro p{
	 margin-bottom: 0px;
 }
 .intro p span{
	 font-size: 12px;
	 color: #797979;
 }
 .tecon{
	 width: 100%;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 border:1px solid #CDCDCD;
	 resize: none; text-indent:10px;-moz-box-shadow: -1px 2px 2px #eee inset;
	 -webkit-box-shadow: -1px 2px 2px #eee inset;box-shadow: -1px 2px 2px #eee inset;
 }
 .habo{
	 height: 50px;
	 width: 100%;
	 text-align: center;
	 margin-top:12px;
 }
 .habo button{
	 width: 100%;
	 height: 44px;
	 line-height: 25px;
	 border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
	 font-size: 16px;
	 color: #FFFFFF;
 }
 .habo .btn-primary{
	 background: #0c9ae3;
	 border-color: #0c9ae3;
 }
 .habo1{
	 height:40px;line-height: 40px;
	 width: 100%;
	 text-align: right;
 }
 .habo .btn-link{
	 text-decoration: none;
 }
 .botte{
	 width: 100%;
	 height: 50px;
	 margin-top: 5px;
	 text-align: center;
	 font-size: 12px;
	 color: #797979;
 }
 .botte span a{
	 color: #4F82FF;
 }
 .botte span a:hover{
	 text-decoration: none;
 }
 .botte.com-font{font-family:sans-serif;}
 .botte.com-font span.com-font{font-family:sans-serif;}
 .tcbo{
	 width:800px;
	 height:auto;
	 z-index:100;
	 position:absolute; left:50%; margin-left:-400px; overflow:hidden; 
 }
 .cote{
	 width: 100%;
	 height: 100px;
	 font-size: 28px;
	 color: #FF6600;
	 text-align: center;
 }
 .box-spacw img{
	 position: relative;
 }
 .imggrte{
	 position: absolute;
	 width: 253px;
	 margin-left: 98px;
	 margin-top: -174px;
	 height: 90px;
	 background: rgba(255,255,255,0.5);
 }
 .imggrte p{
	 width: 255px;
	 height: 70px;
	 line-height: 35px;
	 margin-top: 10px;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 font-size: 28px;
	 color: #000000;
 }
 .prompt{
	 width: 100%;
	 height: 50px;
	 line-height: 40px;
	 font-size: 14px;
	 color: #5E5E5E;
 }
 .btndone{
	 width: 100%;
	 height: 80px;
 }
 .btndone button{
	 width: 166px;
	 height: 50px;
	 line-height: 35px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 margin-top: 10px;
	 font-size: 16px;
	 color: #FFFFFF;
 }
 .btndone .btn-primary{
	 background: #f63;
	 border-color: #FF6633;
 }
 .btndone .btn-link{
	 text-decoration: none;
 }
 .lik{
	 height: 30px;
 }
 .lik a{
	 font-size: 14px;
	 color: #0066FF;
 }
 .lik a:hover{
	 text-decoration: none;
 }
 .pabox{
	 width: 1000px;
	 height: 460px;
	 margin:30px 0px 40px 110px;
 }
 .pabox-right{
	 width: 904px;
	 height: auto;
	 margin:0 0px 0 306px;
 }
 
 .patitle{
	 height: 50px;
	 line-height: 50px;
	 font-size: 28px;
 }
 .pacon{
	 height: 400px;
	 margin-top: 10px;
	 border:1px solid #E4E4E4;
 }
 #alert-box{
	 width: 300px;
	 margin-left: 20px;
	 margin-top: 10px;
	 margin-bottom: 10px;
 }
 .pacons{
	 width: 98%;
	 height: 97%;
	 margin-top: 10px;
	 margin-left: 20px;
 }
 .yema{
	 height: 30px;
	 line-height: 30px;
 }
 .yema input{
	 width: 250px;
	 height: 30px;
 }
 .enpa{
	 height: 40px;
	 line-height: 40px;
 }
 .pacons a{
	 width: 100px;
	 height: 25px;
	 line-height: 12px;
	 margin-top: 70px;
	 color: #000000;
 }
 .pacons a:hover{
	 text-decoration: none;
 }
 
 /**
 *	Search page
 *
 **/
 .findobj{
	 position: relative;
	 width: 100%;
	 min-width: 900px;
	 margin-left: auto;
	 margin-right: auto;
	 background-color: #F2F2F2;
	 border:1px solid #dadada;
 }
 .findobjbox{
	 width: 904px;
	 height: 100%;
	 margin-left: auto;
	 margin-right: auto;
 }
 .findtitl{
	 height:56px;
	 line-height: 34px;
	 font-size:14px; padding:8px 15px;
 }
 .hidevs{ margin-left:10px;}
 .findTitId{ margin-right:15px; display:inline-block; float:left;}
 .findTitId input.searchid{ width:150px; height:34px; line-height:34px; float:left; margin-right:5px; padding:6px;}
 .findTitId button.btn-s{ padding:0 10px; height:34px; line-height:34px; float:left; background:#ddd;}
 .findTitobj{ float:left; display:inline-block;}
 .findtitl .ad-url{ line-height:34px; color:#333; font-size:12px;}
 .findtitl .ad-url i{ width:16px; height:16px; margin-left:4px; font-size:14px; display:inline-block;}
 .findtitl .ad-url:hover{color:#216dea;text-decoration: none;}
 .find-searchbox{ display:none;}
 
 .selfinfo{
	 height: auto;
	 line-height: 36px;
	 text-align: center;
	 margin-bottom: 20px;
	 padding:0 15px;
 }
 .selfinfo table{ width:100%;}
 .selfinfo table td{ line-height:36px; padding:5px 0; color:#999;}
 .selfinfo select{
 
	 width: 172px;
 }
 .selfinfo h3{border-bottom:1px dashed #b6b6b6; font:100 16px/50px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; margin-bottom:10px; display:block; text-align:left;}
 .sple{
	 width: 192px;
 }
 .inpw{
	 width: 75px;
	 margin-left: -5px;
 }
 .inpw1{
	 width:36px; margin:0 4px;
 }
 .pd-l{ margin-left:10px;}
 .inpw1 .form-control{ width:36px; padding:6px 0; text-align:center;}
 .couw{
	 width: 50px;margin-left:-5px;
 }
 .couw select{
	 width: 110px;
 }
 .couw1{
	 width:70px; margin-left:5px;
 }
 .couw1 .form-control{
	 width: 90px; padding:6px 4px;
 }
 .staw{
	 margin-left: 63px;
	 width: 168px;
 }
 .staw select{
	 width: 160px;
 }
 .staw1{
	 width: 100px; margin-left:24px;
 }
 .staw1 .form-control{
	 width: 100px;padding:6px 4px;
 }
 .ciw{
	 width: 100px;
 }
 .ciw select{
	 width: 80px;
 }
 .liw{
	 width: 130px;margin-left:-5px;
 }
 .liw select{
	 width: 110px;
 }
 .rit{
	 margin-left: 16px;
 }
 
 .selfinfo input{
	 width: 50px;
	 height: 34px;
 }
 .findser{
	 position: relative;
	 height:50px;
	 text-align: center;
	 margin-bottom: 20px;
 }
 .findser .btn-primary{
		 background: #f63;border:0;
		 background-repeat: repeat;
		 border-color: #FF6633;
 }
 .findser .btn-primary.focus,
 .findser .btn-primary:focus{border-color: #f30;border:0; outline:none;}
 .findser .btn-primary:hover{ background:#f30;border:0;}
 .findser .btn-link{
		text-decoration: none;
		background-color: #FF6633;
 }
 .findser .btn{
		border-color: #FF6633;
 }
 
 .findser button{
	 width: 120px;
	 height: 40px;
	 font-size: 16px;
	 color: #FFFFFF;
	 border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px; padding:0 15px;
	/* margin-top: 20px;*/
	 line-height: 40px;
 }
 .quick-se{ width:60px; padding:0; text-align:center;line-height:34px; height:34px; font-size:14px; color:#fff; background:#f63; border:0; outline:none; margin-left:25px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
 .quick-se:hover,.quick-se:active,.quick-se:link,.quick-se:focus{ background:#f30;}
 .seali{
	 position: absolute;
	 top: 50px;
	 right: 195px;
	 color: #333333;
	 text-decoration: underline;
 }
 .toast-top-right{
	 bottom:80px; top:auto;
 
 }
 #invite-container > .toast-info{
	 background-image:url() !important;
	 width: 300px;
	 height: 70px;
	 padding-left: 15px;
	 padding-top: 8px;
	 background-color: #1899b9;
 }
 #invite-container {
   position: fixed;
   z-index: 1000;
 }
 #invite-container * {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 #invite-container > div {
   margin: 0 0 6px;
   padding: 15px 15px 15px 50px;
   width: 300px;
   -moz-border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
   border-radius: 3px 3px 3px 3px;
   background-position: 15px center;
   background-repeat: no-repeat;
   -moz-box-shadow: 0 0 6px #999999;
   -webkit-box-shadow: 0 0 6px #999999;
   box-shadow: 0 0 6px #999999;
   color: #ffffff;
   opacity: 0.9;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   filter: alpha(opacity=90);
 }
 #invite-container > :hover {
   -moz-box-shadow: 0 0 12px #000000;
   -webkit-box-shadow: 0 0 12px #000000;
   box-shadow: 0 0 12px #000000;
   opacity: 1;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   filter: alpha(opacity=100);
   cursor: pointer;
 }
 #invite-container.toast-top-full-width > div,
 #invite-container.toast-bottom-full-width > div {
   width: 96%;
   margin: auto;
 }
 /*Responsive Design*/
 @media all and (max-width: 240px) {
   #invite-container > div {
	 padding: 8px 8px 8px 50px;
	 width: 11em;
   }
   #invite-container .toast-close-button {
	 right: -0.2em;
	 top: -0.2em;
   }
 }
 @media all and (min-width: 241px) and (max-width: 480px) {
   #invite-container > div {
	 padding: 8px 8px 8px 50px;
	 width: 18em;
   }
   #invite-container .toast-close-button {
	 right: -0.2em;
	 top: -0.2em;
   }
 }
 @media all and (min-width: 481px) and (max-width: 768px) {
   #invite-container > div {
	 padding: 15px 15px 15px 50px;
	 width: 25em;
   }
 }
 .toast-info img{
	 width: 55px;
	 height: 55px;
	 border-radius:55px;-webkit-border-radius:55px;-moz-border-radius:55px;
	 float: left;
	 margin-right:10px;
 
 }
 .toast-message{
	 position: relative;
 }
 .toast-message .inum{
	 width: 25px;
	 height: 25px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 background-color: #FF3300;
	 position: absolute;
	 top: 50px;
	 left: 50px;
	 text-align: center;
	 line-height: 25px;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 color: #FFFFFF;
 }
 .toast-message .psa{
	 color: #6B6B6B;
	 font-size: 13px;
	 margin-top: -15px;
 }
 /* .toast-message .psa span{
	 display: inline-block;
	 width: 175px;
 } */
 .toast-message p.psa{
	 margin-bottom: 0px;line-height:14px; color:#000;
 }
 .toast-message i{
	 font-style: normal;
	 color: #ecfbff;
 }
 .toast-info button{
	 color: #c2f3ff;
 }
 .amaran-wrapper-inner .ok{
	 padding: 5px 25px 5px 70px;
 }
 .amaran-wrapper-inner .error{
	 width: 320px;
	 padding: 10px 25px 10px 82px;
	 opacity: .9;
 }
 .amaran.info .icon{
	 width: 65px;
	 height: 65px;
	 border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
	 margin-top: -32px;
	 background-image: url(../imgs/18.jpg);
	 background-repeat: round;
 }
 .amaran.info p.bold{
	 color: #6B6B6B !important;
	 font-size: 13px;
 }
 .amaran.info p span{
	 font-size: 14px;
	 color: #0066FF;
 }
 .amaran.awesome{
	 margin:5px 10px;
	 background: #F2F2F2;
 }
 .amaran-wrapper.left{
	 left: 480px;
	 top: 75px;
 }
 .amaran-wrapper.right{
	 margin-top: 0px;
	 padding-left: 0px;
	 top: 75px;
 }
 .photocet{
	 width:904px;
	 margin-left: 306px;
	 margin-right: auto;
 }
 .amaran-close:before{
	 content: "脳";
	 color: #7D7D7D;
 }
 .fireslt{
	 height:30px;
	 line-height:30px;
 }
 .fireslt span{
	 font-family:sans-serif;
	 font-weight: 700;
	 color: #FF9900;
 }
 .paging{
	 height: 80px;
 }
 .paging-box{
	 width: 200px;
	 height: 40px;
	 margin-top: 30px;
	 margin-right: 5px;
 }
 .paging-box a{
	 width: 95px;
	 height: 30px;
	 color: #363636;
	 line-height: 17px;
 }
 .paging-box a:hover{
	 text-decoration: none;
 }
 .fmbi{
	 width:100%;
	 height:18%;
	 z-index:100;
	 margin-top: 70px;
	 position:absolute;
 }
 .search-member-popup-layout{
	 height: 100%;
	 width: 100%;
	 position: absolute;
	 left:0;
	 /* background-color: #F5F5F5;
	 opacity: 0.6;
	 filter:alpha(opacity=60); */
 }
 .search-member-popup-background{
	 background-color: #F5F5F5;
	 opacity: 0.6;
	 filter:alpha(opacity=60);
	 z-index: 100;
 }
 .search-member-popup-content{
	 z-index: 150;
 }
 .search-member-popup-full-size{
	 height: 100%;
	 width: 100%;
	 position: absolute;
 }
 .sermem{
	 width: 290px;
	 height:auto;
	 margin: 3% auto -250px; 
	 z-index: 101;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
 }
 .sermemtib{
	 height: 40px;
	 line-height: 40px;
	 background-color: #FF6600;
	 border-radius:4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;
 }
 .sermemtib span{
	 color: #FFFFFF;
	 margin-left: 20px;
 }
 .sermemtib button{
	 color: #FFE8D9;
	 float: right;
	 /*margin-top: 5px;*/
 }
 .bowih{
	 height: auto;
	 background-color: #FFFFFF;
	 border-radius:0px 0px 4px 4px;-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;
 }
 .inbo{
	 width: 264px;
	 height:auto;
	 padding-top: 15px;
	 margin-left: 25px;
	 padding-bottom:20px;
 }
 .inbo > input{
	 width: 220px;
	 height: 40px;
	 margin-top:5px;
 }
 .inbo > button{
	 width: 132px;
	 height: 34px;
	 margin-top: 15px;
	 background-color: #FF6600;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 color: #FFFFFF;
 }
 .inbo > button:hover{
	 text-decoration: none;
	 background-color: #FF6600;
 }
 .phseabox,.profile-search-title{
	 height: auto;
	 padding:10px 0; background:#f5f5f5;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; width:100%; /* margin-bottom:20px; */
	 border: 1px solid #dadada;
	 color:#666;
 }
 .profile-title{
	 border-top:0px;
 }
 .phoboxlt{
	 height: auto;
	 margin-left: 15px;
	 font-family:sans-serif;
	 font-weight: 100;
	 font-style: normal;
 }
 .phoboxlt a.btn{
	 color: #434343;
	 background-color: #E4E4E4;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
 }
 .phoboxlt a.btn:hover{
	 background-color: #E4E4E4;
	 text-decoration: none;
 }
 .phoboxlt div{
	 /* margin-top: -40px;
	 margin-left: 640px;
	 2019-01-16 419 el 注释 */
 }
 .phoboxlt label{ font-weight:100; margin-left:10px;}
 .phoboxlt .form-control{ width:102px; display:inline-block; padding-left:5px;}
 .phoboxlt  button{ width:56px; height:34px; border:0px; cursor: pointer; background:#ff6600;border-radius:3px;-webkit-border-radius:4px;-moz-border-radius:4px; color:#fff; font-size:16px; line-height:34px; text-align:center; margin-left:24px;}
 .phoboxlt  button i{ display:block;}
 .phoboxlt  button:hover{background: #ff6600;}
 .featured{
	 margin-top: -4px;
	 margin-left: 20px;
	 position: relative;
 }
 .featuredBtn:before{
	 content: url(../imgs/hot.gif);
	 position: absolute;
	 left: 120px;
	 top: -14px;
 }
 /**
 *	Message page
 *
 **/
 .message-box{
	 width: 100%;
	 height: auto;
	 margin-bottom:10px;
	 border:1px solid #D6D6D6;
	 border-left:0;
	 position: relative;
 }
 .letter-notes{margin-bottom:20px; display:block;}
 .letter-notes span{display:inline-block; margin-right:20px; font-size:12px; line-height:14px; float:left;}
 .letter-notes .icon-huifu1{color:#9faab4; font-size:12px;}
 .letter-notes i{margin-right:2px;}
 .letter-notes i.fa-flip-horizontal{font-size:14px;line-height:16px;}
 .letter-notes dfn{font-size:12px; font-weight:700; color:#f00; font-style:normal;margin-right:2px;}
 .letter-notices{margin-bottom:30px; display:block; font-size:12px; line-height:18px;}
 .letter-notices b{display:block; margin-bottom:5px;}
 .messagebox{border:1px solid #D6D6D6; background:#f9f9f9;}
 .msgleft{ width:250px;}
 .msgit{ width:250px;}
 .msgitpa{
	 width: 85%;
	 padding-top:10px;
	 margin:0 auto;
 }
 .msgitpa img{
	 width: 100%; border:2px solid #fff;
 }
 .msgitpa p{
	 font-size: 14px;
 }
 .msgitpa span.img-on{ bottom:20px;}
 .msgitpa span{
	 position: relative;
 }
 .msgin{
	 height: 100px;
	 margin-top: 10px;
 }
 .msgin span p{
	 color: #868686;
	 margin-bottom: 0px;
 }
 .msgin .msgti{
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 color: #333;
 }
 .msgright{
	 margin-left: 250px;
	 border-left:1px solid #d6d6d6;
 }
 .febo{
	 width:73%;
	 height:85%;
	 z-index:100;
	 position:absolute;
 }
 .msgrightbox{}
 .msgrightbox .imlik{ margin-left:15px;}
 .rightobo{ 
	 position:relative;
	 /*2018-2-11 鎯呬汉鑺傚姞鑳屾櫙 */
	 /*background:#fff;*/
	 background: #ffecee;
 }
 .rightobo label.error {
	 background-color: #fff;
	 padding-left: 18px;
	 padding-bottom: 2px;
	 font-weight: bold;
	 color: #ea5200;
	 display: block;
	 margin-top: -5px;
 }
 .msgto{
	 height: 40px;
	 line-height: 40px;
	 background-color: #F2F2F2; border-bottom:1px solid #d6d6d6;
 }
 .msgto .com-font{ font-size:16px; color:#111;}
 .msgto span{
	 margin-left: 10px;
	 color: #363636;
 }
 .msgrightbox textarea{
	 width:100%;
	 height:500px;
	 border:0px;
	 font-style: oblique;
	 resize: none;
	 outline: none;
	 /*20178-2-11 鎯呬汉鑺傚姞鑳屾櫙*/
	 background: url(../imgs/bg_email_witer.jpg) left bottom no-repeat;
 }
 .msglik{
	 position: relative;
	 height: 36px;
	 border:1px 0px 1px 0px;
	 background-color: #F2F2F2; margin-top:-5px; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6;
 }
 .msglik .com-font{ margin-right:10px;}
 .msg-bk{position:absolute; bottom:0; right:0; width:789px; padding-bottom:5px;}
 .msglik .d{
	 /* margin-left: 10px; */
	 margin-right: 5px;
 }
 .msglik a{
	 height: 30px;
	 line-height:10px;
	 margin-top: 5px;
 }
 .msglik a:hover{text-decoration:none;}
 .msglik .btn-link{
	 text-decoration: none;
 }
 .msglik .fa-2x{
	 margin-top: 8px;
	 margin-right: 15px; font-size:18px;
 }
 .msglik span{
	 line-height: 30px;
 }
 .msglik span i{
	 color: #FF3300;
	 font-style: normal;
 }
 .imlik{
	 margin-right:15px; display: inline-block; margin-left: 35px;
 }
 .imlik img{
	 height:40px;
	 vertical-align: bottom; border:1px solid #ccc;
 }
 .attachimg-div{position:relative;height: 42px; margin-top: 4px;}
 
 .attachimg-div a{ position: absolute; width: 14px;background: #fff; height: 14px; line-height:14px;right: -5px; top: -5px; color: #f00;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;}
 .attachimg-div a:hover{text-decoration: none;}
 .imlik a{
	 color: #06f; font-size:15px;
 }
 .imlik div{ display:inline-block; margin-right:10px;}
 .imlik.imlik-line{ margin-left: 30px; margin-bottom: 10px; margin-top: 10px; display: block;;}
 .rightobo button{
	 height: 40px;
 }
 .btnline{
	 height: 80px; /*margin-left:250px;*/
 }
 .btnline button{
	 height: 40px;
	 width: 150px;
	 font-size: 14px;
	 color: #FFFFFF;
	 margin-top: 20px;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
 }
 .btnline button:hover{ color:#fff; background: #1b5f8e;}
 .btnline .btn-primary{
	background: #21699b;
	 background-repeat: repeat;
	 border-color: #21699b;
 }
 .btnline .btn-link{
	 text-decoration: none;
 }
 .btncredit{ height:60px; text-align:left;}
 .btncredit .btn-primary-n{ background:#f63;border-color: #f63;background-repeat: repeat;}
 .btncredit button{height:45px;
	 width: 200px;
	 font-size: 16px;
	 color: #FFFFFF;
	 margin-top: 20px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
 
 .message-box-left{
	 position: absolute;
	 width: 379px;
	 height:810px;
	 border-left:1px solid #D6D6D6;
	 
 }
 .message-box-left div.readmsg:hover{
	 background-color: #F2F2F2;
 }
 
 .message-box-right{
	 width:790px;
	 height:810px;
	 /*border-left: 1px solid #D6D6D6;*/
 }
 .nomb{
	 width: 100%;
	 height:auto;
	 text-align: center; min-height:800px;
 }
 
 .nomb img{
	 width: 125px;
	 height: 125px;
	 filter:alpha(opacity=50);  
	 -moz-opacity:0.5;  
	 opacity: 0.5;  
	 margin-top: 230px;
 }
 .nomm{
	 width: 100%;
	 height: 50px;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 font-size: 32px;
	 color: #AEAEAE;
 }
 .toolbox{
	 height: 50px;
	 padding: 10px 6px;
 }
 .toolbox button{
	 height: 27px;
	 line-height: 10px; 
 }
 .toolbox button i.iconfont{font-size:12px;}
 .toolbox .btn-link{
	 text-decoration: none;
 }
 .toolbox > *{
	 margin-left: 5px;
 }
 .toolbox input{
	 width: 110px;
	 height: 27px;
	 line-height: 10px;
	 display: inline; font-size:12px;
 }
 .btn-e{ padding:6px 10px;}
 .message-nav-bar{
	 height: 30px;
	 /* margin-top: 15px; */
 }
 .message-nav-bar > .message-nav-tabs > li{
	 width: 50%;
	 text-align: center;
	 float: left;
	 margin-bottom: -1px;
	 position: relative;
	 display: block;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;
 }
 .message-nav-tabs{
	 border-bottom: 1px solid #dddddd;
	 margin-bottom: 0;
	 padding-left: 0;
	 list-style: none;
 } 
 .message-nav-bar > ul.message-nav-tabs > li.active{background: -ms-linear-gradient(top, #9ab5dc,  #5277a8);background:-moz-linear-gradient(top,#9ab5dc,#5277a8);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#9ab5dc), to(#5277a8));background: -webkit-linear-gradient(top, #9ab5dc, #5277a8);background: -o-linear-gradient(top, #9ab5dc, #5277a8);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9ab5dc,endColorStr=#5277a8); color:#fff;border-bottom:0;}
 .message-nav-bar > ul.message-nav-tabs > li:hover,
 .message-nav-bar > ul.message-nav-tabs > li:focus{
	 background-color: #F2F2F2;
	 border-color: #eeeeee #eeeeee #dddddd;
	 cursor: default;
 }
 .message-nav-bar > ul.message-nav-tabs > li > a{
	 height: 32px;
	 line-height: 8px;
	 margin-right: 0px;
	 padding: 10px 15px;
	 position: relative;
	 display: block; background:#f2f2f2;
	 text-decoration: none;
 }
 .message-nav-bar > ul.message-nav-tabs > li.active > a{ color:#fff; font-weight:bold; background:none;}
 .message-nav-bar > ul.message-nav-tabs > li > i{ position: absolute; width:10px; height:6px; line-height:8px; font-size:12px; display:none; left:50%; margin-left:-5px; bottom:0; color:#f9f9f9;}
 .message-nav-bar > ul.message-nav-tabs > li.active > i{ display:block;}
 .message-search-box{
	 height: 54px;
	 line-height: 54px;
	 background-color: #f9f9f9; border-bottom:1px solid #e8e8e8; overflow:hidden; clear:both;
 }
 .message-search-box .form-group{
	 margin-left: 15px; margin-bottom:0;
	 display: inline-block;
 }
 .message-search-box .form-group label{ font-weight:100; color:#666;}
 .message-search-box .form-control{
	 width: 110px;
	 display: inline-block;
 }
 .message-list{
	 
 }
 .lemh ul li{
	 border: 1px solid #D7D7D7;
	 border-width: 0px 0px 1px 0px;
	 overflow: hidden;
	 /* height: 100%; */
	 line-height: 11px;
	 padding: 0 0 10px 0;
 }
 .lemh ul li:hover{
	 background-color: #F2F2F2;
 }
 .lemh ul li a{transition:transform 0.1s ease; display:block}
 .lemh ul li a:hover{transform:scale(1.02,1.02);}
 .lemh ul li .new-letter{ position:absolute; left:0; top:0; display:none;}
 /**
 .readmsg ul li{
	 overflow: hidden;
	 padding-left: 10px;
	 height: 100%;
 }**/
 .lemh ul{
	 list-style: none;
	 padding-left: 0px;
	 margin-bottom: 0px;
	 overflow-x:hidden;
 }
 .lemh{
	 width: 100%;
 }
 .com-plr{
	 padding-left: 0px;
	 padding-right: 0px;
 }
 .msgsta{
	 position: relative;
	 width: 85px;
	 height:auto;
	 padding-top: 10px;
	 padding-left:25px;
 }
 .msgribox{
	 width: 226px;
	 /*height: 100%;
	  margin-left: -15px; */
 }
 .msgribox button{
	 width: 120px;
	 height: 30px;
	 line-height: 18px;
	 color: #000000;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
 }
 .msgribox .btn-link{
	 text-decoration: none;
 }
 .zcre{
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 font-size: 14px;
	 color: #666;
	 height:18px; line-height:18px;
	 padding-right: 10px;
 }
 .zcre.zcre-newletter{color:#06c;}
 .zcre em{ font-weight:100; font-size:12px; margin-left:6px;}
 .rigtei .zcre{font-size:12px;}
 .rigtei{
	 height:20px;
	 margin-top: 10px;
	 line-height: 20px;
 }
 .whifo{
	 color: #FFFFFF !important;
 }
 .freeimg{
	 background-color: #009900;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 font-size:10px;
	 border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;
	 width:36px;
	 height:14px;
	 margin-right:5px;
	 text-align: center;
	 line-height: 14px;
	 color: #FFFFFF;
 }
 .freeimg em{ font-size:10px;-webkit-transform:scale(0.8333333333); display:block; line-height:14px; font-style:normal;}
 .readte{ width:140px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 .fa-flip-horizontal{ width:20px; height:20px; line-height:23px; color:#206eb6; font-size:20px;}
 .iconAttr{ position:absolute; right:10px; top:18px;}
 .iconAttr .mar-left{
	 margin-left: 5px;
 }
 .readchk{
	 margin-top: 5px;
 }
 .readchk input{
	 position: absolute;
	 top:20px;
	 right:20px;
 }
 
 .readda{
	 width: 100%;
	 height:20px;
	 color: #868686;
	 line-height: 20px; font-size:12px;
 }
 .readda span{
	 color: #000000;
 }
 .neim{
	 width: 45px;
	 height: 20px;
	 background-color: #FF3300;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
	 margin-right: 23px;
	 margin-top: 5px;
	 text-align: center;
	 line-height: 20px;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: italic;
	 font-size: 12px;
	 color: #FFFFFF;
 }
 .repli{
	 width: 60px;
	 height: 20px;
	 margin-right: 23px;
	 margin-top: 5px;
	 background-color: #C9C9C9;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
	 text-align: center;
	 line-height: 20px;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: italic;
	 font-size: 12px;
	 color: #FFFFFF;
 }
 .imgleto{
	 position: absolute;
	 width: 15px;
	 height: 15px;
	 margin-left: -18px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 background-color: #0099FF;
 }
 
 .message-box-left ul li.readbag:hover{
	 background-color: #f4f4f4;
 }
 .message-box-left ul li.readbag{ background:#eef8ff; position:relative;}
 .message-box-left ul li.readbag .new-letter{ display:block;border-radius:none;-webkit-border-radius:none;-moz-border-radius:none;}
 .msgsta i{
	 position: absolute;
	 margin-left: -20px; font-size:11px;color:#9faab4;
 }
 .message-sender-area{
	 height:77px;
	 padding: 10px 25px;
	 border:1px solid #D7D7D7;
	 border-width: 0px 0px 1px 0px;
 }
 .message-sender-area .head-icon-6x .com-li{margin-top:50px;margin-left:50px;}
 .message-sender-area .email-6 .com-li{margin-top:40px;margin-left:40px;}
 .message-box-left ul li.active{background: -ms-linear-gradient(top, #94c4f3,  #5fa9ef);background:-moz-linear-gradient(top,#94c4f3,#5fa9ef);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#94c4f3), to(#5fa9ef));background: -webkit-linear-gradient(top, #94c4f3, #5fa9ef);background: -o-linear-gradient(top, #94c4f3, #5fa9ef);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#94c4f3,endColorStr=#5fa9ef);}
 .message-box-left ul li.active .zcre,.message-box-left ul li.active .readte,.message-box-left ul li.active .readda{ color:#fff;}
 .message-box-left ul li.active .msgsta i{color:#fff;}
 .readbox{
	 width: 660px;
	 height: 100px;
	 margin-top: 30px;
	 margin-left: 28px;
 }
 .readteiri{
	 width: 400px;
	 height: 66px;
	 margin-left: 15px;
	 display: inline-block;
 }
 
 .black-color{
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 font-size: 14px;
	 color: #000000;
 }
 
 p.black-color{margin-bottom: 0;}
 .remb{
	 margin-bottom: 0px;
	 color: #868686;
 }
 .rembar{
	 color: #868686;
	 font-size: 13px;
 }
 .reriti{
	 float: right;
	 width: auto;
	 height: 100%;
 }
 .readinfo{
	 width: 790px;
	 height: auto;
 }
 .readinfo div.teatarea-div{
	 width: 750px;
	 max-height:410px;
	 margin-top:10px;
	 margin-left: 15px;
	 resize: none;
	 border:0px;
	 outline: none; overflow:hidden; overflow-y:auto;
 }
 .teatarea-div pre{width:750px;margin:0;min-height:140px;max-height:410px;font-size:14px;overflow:hidden;overflow-y:auto;padding:0;white-space: pre-wrap;
 word-wrap: break-word;word-break:keep-all;font-family:sans-serif;line-height: 20px;color:#03c;}
 .readinfo-outbox div.teatarea-div{
	 width: 750px;
	 max-height:500px;
	 margin-top:20px;
	 margin-left:20px;
	 resize: none;
	 border:0px;
	 outline: none; overflow:hidden; overflow-y:auto;
 }
 .atta{
	 width:auto;
	 height: 30px;
	 line-height: 23px;
	 margin-top:5px; display:inline-block;
 }
 .atta-font{
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal; display:block;
 }
 .atta span{
	 line-height:20px; border-bottom:1px solid #ddd; display: inline-block; width:94%;margin:0 3%; padding-bottom:5px; font-size:12px; color:#666;
 }
 .reli{
	 width: 625px;
	 height: 1px;
	 border:1px solid #D7D7D7;
	 margin-left: auto;
	 margin-right: auto;
 }
 .atta-fonts{
	 font-family:sans-serif;
	 font-weight: 400;
	 font-style: italic;
	 font-size: 12px;
	 color: #6B6B6B;
	 display:block; 
 }
 .atta-fonts span{border-bottom:0;}
 .readpo{
	 /* height: 260px; */
	 border:1px solid #D7D7D7;
	 border-width: 0px 0px 1px 0px; 
 }
 .readpo .outbxreadpo{ margin-bottom:170px;width:90px;height:90px;display:inline-block;margin-right: 5px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px; overflow:hidden;
 position:relative;}
 .readpo .outbxreadpo .outbxpop{width:100%;height:100%; position:absolute;left:0;top:0;background:#666; opacity:0.93;filter:alpha(opacity=93); display:block; font-size:30px; color:#fff;text-align:center;line-height:100px;}
 .readpo.outbxreadpo-bm{border-bottom:0;}
 .readpo .outbxreadpo img{width:90px;height:90px; padding:0;}
 .readpobo{
	 width: 94%;
	 margin-left: auto;
	 margin-right: auto;
 }
 .readpobo img{
	 height: 120px;
	 padding: 0 0 20px 0;
 }
 .readpo .readpobo .verify-img{
	 color: #f60;
	 position: absolute;
	 bottom: 0px;
	 right:0px;
	 width: 20px;
	 height: 20px;
	 z-index: 999;
	 font-size: 30px;
	 text-align: center;
 }
 .readtig{
	 width: 687px;
	 height: 40px;
	 background-color: #F2F2F2;
 }
 .readtig i{
	 margin-top: 7px;
	 margin-left: 20px;
 }
 .readtig .fa-external-link{
	 margin-right: 20px;
	 margin-top: 8px;
 }
 .readtoar{
	 padding: 0 0 0 10px;
 }
 .readtoarbo{
	 height:auto;
	 margin-top: 10px;
	 margin-bottom:10px;
 }
 .readtoarbo textarea{
	 width: 98%;
	 height: 80px;margin-bottom:4px;
 }
 .readtoarbo .bub{
	 margin-bottom:10px;
 }
 .amet{
	 height: 30px;
	 line-height: 30px;
 }
 .amets{
	 color: #333333;
 }
 .ameti{
	 font-size: 12px;
	 color: #5E5E5E;
 }
 .renu i{
	 font-style: normal;
 }
 .renuz{
	 color: #FF3300;
	 font-size: 13px;
 }
 .renuf{
	 color: #333333;
	 font-size: 13px;
 }
 .rebro{
	 height: 35px;
 }
 .rebro input{
	 width: 165px;
	 height: 30px;
 }
 .rebro button{
	 width: 100px;
	 height: 30px;
	 margin-left: 10px;
	 line-height: 17px;
	 color: #000000;
 }
 .rebro .btn-link{
	 text-decoration: none;
 }
 .atta a{
	 color: #0066FF;
	 text-decoration: underline;
 }
 .atta button{
	 width:120px;
	 height:36px;
	 color: #fff;
	 background:#21699b;
	 line-height:36px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; padding:0; text-align:center; border:0;
 }
 .atta button:hover{background: #1b608f;color: #fff;}
 .atta .btn-link{
	 text-decoration: none;
 }
 
 /**
 *	change photo
 *
 **/
 .cgpt{
	 height: 50px;
	 line-height:50px;
	 border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;
	 background-color: #FF6633;
 }
 .cgpt span{
	 font-size: 28px;
	 color: #FFFFFF;
	 margin-left: 20px;
 }
 .cgpt button{
	 opacity: 0.9;
	 filter: alpha(opacity=90);
	 font-size: 17px;
 }
 .cgpt button i{font-size:24px;}
 .cgpt button:hover,
 .cgpt button:focus{
	 opacity: 1;
	 filter: alpha(opacity=100);
	 font-size: 17px;
 }
 .cgpt i{
	 margin-top: 10px;
	 margin-right: 10px;
	 color: #FFFFFF;
 }
 .bfc{
	 height: 65px;
 }
 .bfcbo{
	 width: 95%;
	 height: 35px;
	 margin-top: 20px;
	 margin-left: 20px;
 }
 .tcre{
	 width: 100%;
	 height: 30px;
 }
 .tcre span{
	 margin-right: 20px;
	 color: #A1A1A1;
	 font-size: 13px;
 }
 .bfcbo a{
	 width: 180px;
	 height: 32px;
	 color: #FFFFFF;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 border:0px;
 }
 .bfcbo .btn-primary{
	 background: #078241;
	 background-repeat: repeat;
	 border-color: #078241;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; color: #fff;
 }
 .bfcbo .btn-primary:hover{ background: #08743b; color: #fff; }
 .bfcbo .btn-link{
	 text-decoration: none;
 }
 .bfcbo span{
	 font-family:sans-serif;
	 font-weight: 400;
	 font-style: italic;
	 color: #797979;
	 /* margin-left: 10px; */
 }
 .broli{
	 width: 480px;
	 height: 1px;
	 margin-left: auto;
	 margin-right: auto;
	 background-color: #D7D7D7;
 }
 .brolite{
	 position: absolute;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 font-size: 12px;
	 color: #6B6B6B;
	 margin-top: -15px;
	 margin-left: 20px;
	 background-color: #FFFFFF;
	 width: 220px;
	 text-align: center;
	 height: 30px;line-height:30px;
 }
 .broi{
	 width: 466px;
	 margin:20px 0px 15px 20px;
	 height:150px;overflow: hidden;overflow-y: auto
 }
 .broi .row{
	 margin-left: 0px;
 }
 .broi .row a:hover{text-decoration:none;}
 .broi img{
	 height: 70px;
	 width: 70px;
	 margin-bottom: 5px;
 }
 .jcrop-vline.right{
	 margin-top: 0;
	 padding-left: 0;
 }
 .phobo{
	 text-align: center;
	 padding-top: 15px;
 }
 .phobo > .jcrop-holder {
	 margin-left: auto;
	 margin-right: auto;
 }
 .phobo img{
	 max-width: 450px;
	 max-height: 400px;
	 /* margin-top: 15px; */
 }
 .phobob{
	 margin: 15px auto;
	 height: 50px;
	 text-align: center;
 }
 .phobob button{
	 width: 140px;
	 height: 42px;
	 font-size: 18px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 color: #FFFFFF;
 }
 .phobob .btn-primary{
	 background: #f63;
	 border-color: #FF6633;
 }
 .phobob .btn-link{
	 text-decoration: none;
 }
 .bpcen{
	 z-index: 101;
	/* background-color: #FFFFFF;*/
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
 }
 .bpwidth{
	 position: relative;
	 /* width: 950px; */
	 margin: auto;
 }
 #profile-photo-dialog {
	 width: 100%;
	 max-width:800px; position:absolute;
 }
 .bpti{
	 height: 55px;
	 line-height: 55px;
	 background-color: #FF6600;
	 border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;
 }
 .bpti span{
	 font-size: 28px;
	 color: #FFFFFF;
	 margin-left: 20px;
 }
 .bpti button{
	 color: #FFFFFF;
	 margin-top:5px;
	 margin-right: 10px;
 }
 .bpb{
	 height: 615px;
 }
 .slideDiv{ position:relative; display:block; width:100%; overflow:hidden;}
 #slides {
	 display:block;
	 overflow: hidden;
	 background-color: #fff;
 }
 
 #jFlowSlide {
	 border: solid 1px #000;
 }
 /* slide */
 .slide {
	 height: 500px;
	 overflow: hidden;
	 position: relative;
	 text-align: center; margin:0 auto;
 }
 
 .slide .mask {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 24px;
	 line-height: 24px;
	 overflow: hidden;
	 color: #fff;
	 background: #000;
	 text-align: center;
	 filter: alpha(opacity = 50);
	 opacity: 0.50;
 }
 /* controller */
 #controller {
	 background-color: #515151;
	 height:115px;
	 overflow: hidden;
 }
 .conticonbox{
	 display: table;
	 margin-left: auto;
	 margin-right: auto;
	 height: 100%;
 }
 
 #controller span {
	 display: block;
	 float: left;
	 width: 85px;
	 cursor: pointer;
	 text-align: center;
 }
 
 #controller span a {
	 display: block;
	 height:80px;
	 font-weight: bold;
	 font-size: 12px;
	 border-bottom-width: 0px;
	 color: #b9b9b9;
 }
 
 #controller span a:hover {
	 border-top: #515151 1px solid;
	 color: #fff;
 }
 
 #controller .jflowselected a {
	 border-top: #FF9900 2px solid;
	 background-color: #FF9900;
 }
 
 #controller .jflowselected a:hover {
	 border-top: #FF9900 2px solid;
	 background-color: #FF9900;
 }
 
 #controller .flowprev, #controller .flownext {
	 font: 18px/50px arial;
	 font-weight: 800;
	 width: 10px;
	 color: #FFFFFF;
	 text-align: center;
	 margin-top:25px;
	 cursor: pointer;
 }
 
 .flowprev {
	 margin-left: 0px;
 }
 .apply_w span{ width:85px; height:75px; border:2px solid #515151;}
 .apply_w span img {
	 width: 55px;
	 height: 70px;
 }
 .apply_w span.actives{ border:2px solid #f60;}
 
 #controller span {
	 margin-top:5px;
 }
 
 #controller .flowprev {
	 margin-right: 20px; margin-left:15px;
 }
 
 #controller .flownext {
	 margin-left: 17px; margin-right:15px;
 }
 
 .hl_main5_content1 {
	 position: relative;
	 width: 680px;
	 height: 80px;
	 float: left;
	 overflow: hidden;
 }
 
 .apply_w {
	 position: absolute;
	 width: 1000px;
	 float: left;
	 left: 0px
 }
 
 .slide a div{
	 margin-left: auto;
	 margin-right: auto;
	 overflow: hidden;
 }
 .compn{
	 position: absolute;
	 width: 50px;
	 height: 50px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 top: 250px;
	 background-color: #6B6B6B;
	 cursor: pointer;
	 z-index: 100;
 }
 .indexbody-left{ position:absolute; width:50%; left:0; top:0; bottom:0; height:100%;z-index:90;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background:#000}
 .indexbody-right{ position:absolute; width:50%; right:0; top:0; bottom:0; height:100%;z-index:90;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background:#000}
 .apply:AFTER {
	 clear: both;
 }
 .apply{ display:block; width:100%; height:auto; position:relative;border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;}
 .bpprev{
	 left: 20px;
 }
 .bpnext{
	 right: 20px;
 }
 .bpcgh{
	 color: #FFFFFF;
 }
 .bpprev i{
	 padding: 10px 30px 0px 20px;
	 width: 50px;
	 height: 50px;
 }
 .bpnext i{
	 padding: 10px 30px 0px 20px;
	 width: 50px;
	 height: 50px;
 }
 .bpdel button{
	 position: absolute;
	 width: 50px;
	 height: 50px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 margin-bottom: 0px;
	 background-color: #6B6B6B;
	 cursor: pointer;
	 z-index: 100;
	 bottom: 120px;
	 left: 445px;
	 border: 0px;
 }
 .bpdel i{
	 color: #FFFFFF;
 }
 .bpprev.compn,
 .bpnext.compn,
 .bpdel button{
	 opacity: 0.4;
 }
 .bpprev.compn:hover,
 .bpnext.compn:hover,
 .bpdel button:hover{
	 opacity: 0.8;
 }
 .delbox{
	 position: absolute;
	 width: 445px;
	 height: 60px;
	 z-index: 100;
	 margin-top: 220px;
	 margin-left: 255px;
	 border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
	 opacity:0.5;
	 filter:alpha(opacity=50);
	 background:#000000;
	 color: #FFFFFF;
	 font-size: 16px;
	 text-align: center;
	 line-height: 60px;
 }
 .delbox span{
	 color: #FFFFFF;
	 margin-left: 20px;
	 text-decoration: underline;
 }
 .delbox i{
	 color: #FFFFFF;
	 margin-left: 15px;
	 text-decoration: underline;
	 font-style: normal;
 }
 .upboxth{
	 width: 342px;
 }
 .upboxpot{
	 margin: 0px 0 0 -250px; 
	 top: 6%; 
	 left:67%;
	 position:absolute;
	 z-index: 2;
	 background-color: #FFFFFF;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
	 box-shadow: 0 0 8px;
 }
 .cgh{
	 top: -272px;
	 left: 0px;
	 border: 1px solid #EAEAEA;
 }
 .cght{
	 top: -268px;
	 left: 123px;
	 border: 1px solid #EAEAEA;
 }
 .cghr{
	 top: -269px;
	 left: 224px;
	 border: 1px solid #EAEAEA;
 }
 .cgha{
	 top: -269px;
	 left: 99px;
	 border: 1px solid #EAEAEA;
	 -webkit-box-shadow:0 0 6px rgba(0, 0, 0, .2);  
	   -moz-box-shadow:0 0 6px rgba(0, 0, 0, .2);  
	   box-shadow:0 0 6px rgba(0, 0, 0, .2); 
 }
 .tri_rig1{position:absolute;border-bottom-color: #eaeaea;width:0; height:0; border-width:12px; border-color:transparent transparent #c8c8c8 transparent; border-style:dashed dashed solid dashed; overflow:hidden; top:-24px; left:12px;}
 .tri_rig2{position:absolute;width:0; height:0; border-width:12px; border-color:transparent transparent #FFFFFF transparent; border-style:dashed dashed solid dashed; overflow:hidden; top:-23px; left:12px;}
 
 .tri_rig11{}
 .tri_rig22{position:absolute;z-index: 102;width:24px; background: url(../imgs/arraw1.png); height: 12px; bottom:-23px; left: 40px;}
 
 .tri_rigsb{position:absolute;border-top-color: #eaeaea; width:0; height:0; border-width:12px; border-color:#c8c8c8 transparent transparent transparent; border-style:dashed dashed solid dashed; overflow:hidden; top:-6px; left:-105px;}
 .tri_rigsf{position:absolute;z-index: 102;width:0; height:0; border-width:12px; border-color:#FFFFFF transparent transparent transparent; border-style:dashed dashed solid dashed; overflow:hidden; top:-7px; left:-105px;}
 
 .tri_rigrb{position:absolute;border-top-color: #eaeaea; width:0; height:0; border-width:12px; border-color:#c8c8c8 transparent transparent transparent; border-style:dashed dashed solid dashed; overflow:hidden; top:-7px; left:-3px;}
 .tri_rigrf{position:absolute;z-index: 102;width:0; height:0; border-width:12px; border-color:#FFFFFF transparent transparent transparent; border-style:dashed dashed solid dashed; overflow:hidden; top:-8px; left:-3px;}
 
 .tri_rigab{}
 .tri_rigaf{position:absolute;z-index: 102;width:24px; background: url(../imgs/arraw1.png); height: 12px; left:-129px; top: -7px;}
 .upboxtese{
	 width: 320px;
	 margin-left: 20px;
 }
 .upboxtese button{
	 padding: 0px;
	 background-color: #FFFFFF;
	 margin-top: 5px;
	 margin-right: 5px;
 }
 .upbxte{
	 width: 100%;
	 height: 30px;
 }
 .inpb{
	 width: 100%;
 }
 .upboxtese input{
	 width: 200px;
	 height: 30px;
 }
 .upboxtese .go{
	 width: 100px;
	 height: 30px;
	 margin-top: 20px;
	 margin-bottom: 20px;
	 color: #000000;
 }
 
 .upboxtese .btn-link{
	 text-decoration: none;
 }
 .gemem{
	 margin: 0px 0 0 -250px; 
	 top: 10%; 
	 left:35%;
	 position:absolute;
	 z-index: 101;
	 background-color: #F2F2F2;
	 border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
	 box-shadow: 0 0 8px #F2F2F2;
 }
 .gemwh{
	 width: 600px;
 }
 .metito{
	 height: 60px;
	 line-height: 80px;
	 font-size: 18px;
	 color: #6B6B6B;
	 text-align: center;
 }
 .mebutbox{
	 height: 50px;
	 text-align: center;
	 margin-top: 20px;
	 margin-bottom: 20px;
 }
 .mebutbox button{
	 width: 200px;
	 height: 43px;
	 font-size: 16px;
	 color: #FFFFFF;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
 }
 .mebutbox .btn-primary{
	 background: #06f;
	 border-color: #0066FF;
 }
 .mebutbox .btn-link{
	 color: #FFFFFF;
	 text-decoration: none;
 }
 .memphot{
	 width: 430px;
	 height: 60px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 10px;
 }
 .memphot div{
	 width: 107px;
	 height: 100%;
	 text-align: center;
 }
 .memphot span img{
	 position: relative;
	 width: 50px;
	 height: 50px;
 }
 .memphot i img{
	 position: absolute;
	 width: 40px;
	 height: 40px;
	 margin-top: 4px;
	 margin-left: -45px;
 }
 .memphot .mesa{
	 position: absolute;
	 width: 40px;
	 height: 30px;
	 margin-left: -45px;
	 margin-top: 10px;
 }
 .memphot .heart{
	 position: absolute;
	 width: 30px;
	 height: 30px;
	 margin-left: -40px;
	 margin-top: 10px;
 }
 .memphot span{
	 color: #AEAEAE;
 }
 
 /**
 *	chat box
 *
 **/
 .chab{
	 /* margin: 0px 0 0 0; 
	 top: 0%; 
	 left:0px; */
	 margin: 0px 0 0 -450px; 
	 top: 6%; 
	 left:50%;
	 position:absolute;
	 z-index: 101;
	 background-color: #FFFFFF;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
	 box-shadow: 0 0 6px 1px #000;
 }
 .chabwh{
	 /* width: 940px; height:100%;overflow:hidden; position:relative; max-height:660px; */
	 width: 940px; height:90%;overflow:hidden; position:relative; max-height:680px;
 }
 .chabti{
	 height: 54px;
	 line-height: 54px;
	 background-color: #FF6600;
	 border-radius:2px 2px 0px 0px;-webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;
	 position:absolute;left:0; top:0;width:100%;
 }
 .chabti a{ float:right; margin-right:20px; display:inline-block; margin-top:15px;}
 .chabti .cha{
	 font-size: 20px;
	 color: #FFFFFF;
	 margin-left: 30px;
 }
 .chabti .com-font{
	 color: #FFFFFF;
 }
 .chabti button.btn-link:hover{text-decoration:none;}
 .chabti button .iconfont{
	 color: #fff; font-size:18px; line-height:30px;
 }
 .chabti button .iconfont:hover{ color:#eee;}
 .chabti button .minimize{width:22px; height:16px; background:url(../imgs/minimize.png) left bottom no-repeat; display:inline-block;}
 .chabti button{
	 margin-top: 10px; padding:4px 6px;
 }
 .chabti button.stop{ margin-right:10px; margin-top:6px;}
 .chabti button.stop .fa{ font-size:24px;}
 /* .lemenupeson{
	 position: relative;
	 height: 500px;
 } */
 .chat-sidebar{position: relative;display:block; width:320px; height:100%; overflow:hidden; padding-bottom:100px;}
 .chat-item-list {
	 width: 320px;
	 position: relative;
	 height: 100%; bottom:80px; overflow:hidden; top:0;
	 /*2018-2-11 鎯呬汉鑺傚姞鑳屾櫙*/
	 background: url(../imgs/bg_chatbox_list.jpg) left top no-repeat;
 }
 
 .chat-item-list > ul {
	 margin:0;padding:0;
	 display:block;height:100%;
	  width:320px; overflow:hidden; overflow-y:auto;
 }
 .chat-item-list > ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);border-radius: 8px;-webkit-border-radius:8px;-moz-border-radius:8px;background: #fff;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
 .chat-item-list > ul::-webkit-scrollbar{width:4px;background: #fff;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;transition: width 1s linear}
 .chat-item-list > ul::-webkit-scrollbar-thumb{border-radius: 8px;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);background: #999;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
 .chat-item-list:hover > ul::-webkit-scrollbar{width:8px;}
 .chat-item-list > ul > li {
	 overflow: hidden;
	 border:1px solid #E4E4E4;
	 border-width: 0px 0px 1px 0px;
	 position: relative;
 }
 .chat-item-list > ul > li:hover{
	 background-color: #F2F2F2;
 }
 .chat-item-list > ul > li.current {
	 background: -ms-linear-gradient(top, #61c5ff,  #4d99de);background:-moz-linear-gradient(top,#61c5ff,#4d99de);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#61c5ff), to(#4d99de));background: -webkit-linear-gradient(top, #61c5ff, #4d99de);background: -o-linear-gradient(top, #61c5ff, #4d99de);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#61c5ff,endColorStr=#4d99de);
 }
 .chat-item-list > ul > li.news {
	 background: -ms-linear-gradient(top, #feffaf,  #f2f17b);background:-moz-linear-gradient(top,#feffaf,#f2f17b);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#feffaf), to(#f2f17b));background: -webkit-linear-gradient(top, #feffaf, #f2f17b);background: -o-linear-gradient(top, #feffaf, #f2f17b);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#feffaf,endColorStr=#f2f17b);
 }
 a.chat-contacts-item {
	 display: block;
	 color: #666666;
	 padding: 12px 18px;
	 text-decoration: none;
	 cursor: default;
 }
 a.chat-contacts-item > img {
	 display: inline-block; width:50px; height:50px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
 }
 a.chat-contacts-item > .status {
	 position: absolute;
	 width: 16px;
	 height: 16px;
	 margin-top:33px;
	 margin-left:-10px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 border: 2px solid #FFFFFF;
	 
 }
 .global-online {
	 background-color: #008F00;
 }
 .global-offline {
	 background-color: #AEAEAE;
 }
 .charionlinesta{
	 width: 100%;
	 height: 460px;
	 text-align: center;
 }
 .onliicon{
	 position: relative;
	 display: inline-block;
 }
 .onliicon img{
	 width: 220px;
	 height: 220px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	 margin-top: 50px;
 }
 .onlipho{
	 position: absolute;
	 width: 90px;
	 height: 90px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	 background-color: #0099FF;
	 border:5px solid #FFFFFF;
	 top: 45px;
	 right: -25px;
	 color: #FFFFFF;
	 font-size: 16px;
	 line-height: 55px;
 }
 .onlipho p{
	 height: 20px;
	 margin-bottom: 0px;
 }
 .onligift p{
	 height: 20px;
	 margin-bottom: 0px;
 }
 .onligift{
	 position: absolute;
	 width: 90px;
	 height: 90px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	 background-color: #0099FF;
	 border:5px solid #FFFFFF;
	 bottom: 0px;
	 left: -30px;
	 color: #FFFFFF;
	 font-size: 16px;
	 line-height: 55px;
	 z-index: 1;
	 opacity: .8;
 }
 .sgplus{
	 position: absolute;
	 width: 25px;
	 height: 25px;
	 line-height: 17px;
	 border-radius: 25px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 background-color: #06F;
	 border:3px solid #FFFFFF;
	 text-align: center;
	 bottom: 0px;
	 left: 30px;
	 z-index: 1;
 }
 .sgplus a{
	 color: #FFFFFF;
	 font-size: 20px;
	 text-decoration: none;
 }
 .onlite{
	 width: 100%;
	 height: 100px;
	 margin-top: 40px;
	 text-align: center;
	 font-size: 18px;
	 color: #5E5E5E;
 }
 .onlite p{
	 margin-bottom: 0px;
 }
 .onliicon span img{
	 position: absolute;
	 bottom: 0px;
	 left: -30px;
 }
 .chat-contacts-item > .chat-info {
	 height: 70px;
	 margin-top: -70px;
	 margin-left:67px;
	 padding-top: 15px;
 }
 .chat-contacts-item > .chat-info p.com-font{ font-size:14px;}
 .chat-info p{
	 margin-bottom: -3px;
 }
 #chat-contacts > ul > li.current p.name,
 #chat-contacts > ul > li.current p.preview {
	 color: #FFFFFF;
 }
 .chat-contacts-item .name{
	 color: #0066FF;
	 margin-bottom: -1px;
 }
 .chat-contacts-item .name i{
	 margin-left: 12px;
	 color: #109D59;
 }
 .chat-contacts-item .preview{
	 color: #282828;
 }
 .chat-badge {
	 position: absolute;
	 padding: 0;
	 right: 10px;
	 top:20px;
	 min-width: 24px;
	 min-height: 20px;
	 line-height: 2;
	 background-color: #FF6600;
	 border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
	 cursor: pointer; z-index:10;
 }
 .chat-invite {
	 position: relative;
	 padding: 0 2px;
	 right: 25px;
	 top:35px;
	 min-width:15px;
	 height: 15px;
	 line-height:15px;
	 background-color: #FF6600;
	 border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
	 cursor: pointer; z-index:10;
 }
 
 .chat-close {
	 position: absolute;
	 padding: 0;
	 right: 15px;
	 top:25px;
	 width: 18px;
	 height: 18px;
	 line-height:18px;
	 color:#aaa;
	 cursor: pointer; display:none; z-index:9; font-size:22px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }
 #chat-contacts > ul > li.current .chat-close{color:#eee;}
 .chat-close:hover,#chat-contacts > ul > li.current .chat-close:hover{color:#f00;}
 .chat-item-list > ul > li:hover .chat-close{ display:block;}
 .comcha{
	 position: relative;
	 width: 100px;
	 height: 100%;
	 text-align: center;
 }
 .imgbotm{
	 padding-top: 10px;
 }
 
 /*.head-icon-4x img{
	 width: 70px;
	 height: 70px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }*/
 .head-icon-5x img{
	 width: 60px;
	 height: 60px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }
 .head-icon-6x img{
	 width:70px;
	 height:70px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }
 .head-icon-6x.email-6 img{
	 width:56px;
	 height:56px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }
 .msgsta img{
	 width:48px;
	 height:48px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; border:2px solid #fff;
 }
 .head-icon-7x img{
	 width: 95px;
	 height: 95px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }
 .head-icon-8x img{
	 width: 100px;
	 height: 100px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
 }
 .cng{
	 position: absolute;
	 width: 25px;
	 height: 25px;
	 line-height: 25px;
	 border-radius: 25px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 left: 115px;
	 bottom: 45px;
	 background-color: #FF6600;
	 text-align: center;
 }
 .cng span{
	 color: #FFFFFF;
 }
 .chable .chabobg{
	 background-color: #515151;
 }
 .chabobg .chabte p{
	 color: #FFFFFF;
 }
 .chari{
	 position: absolute;
	 width: 620px;
	 height: 100%;
	 border:1px solid #E4E4E4;
	 border-width: 0px 0px 0px 1px;
	 top:0px;
	 left: 320px;
	 /*2018-2-11 鎯呬汉鑺傚姞鑳屾櫙*/
	 /* background: url(../imgs/bg_chatbox_chat.jpg) left 66px no-repeat; */
 }
 .chabin{
	 height: 80px;
	 border:1px solid #E4E4E4;
	 border-width: 0px 0px 1px 0px;
	 background: #fff;
 }
 .chabr{
	 padding-top: 15px;
 }
 .chabr img{
	 width: 80px;
	 height: 80px;
	 border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
 }
 .chatej{
	 height: 45px;
	 margin: 15px auto;
 }
 .chatej p{
	 margin-bottom: 0px;
 }
 .chatej span{
	 color: #0066FF;
 }
 .chatej i{
	 color: #868686;
	 font-style: normal;
 }
 .random-gift {
	 position: relative;
	 width: 340px;
	 height: 75%;
	 margin:13px auto;
	 background-color: #F2F2F2;
	 border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
 }
 .random-gift .btn-primary{ top:25px;position: absolute; right:15px;}
 .random-gift-icon {
	 position: relative;
	 width: 70px;
	 height: 100%;
 }
 .random-gift-icon img {
	 position: absolute;
	 width: 50px;
	 height: 50px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
	 top: 18px;
	 left: 10px;
 }
 .chat-gift-tips {
	 width: 180px;
	 height: 100%;
	 padding:20px 0px;
 }
 .charite p{
	 margin-bottom: 0px;
 }
 .charite p i{
	 color: #949494;
	 font-style: normal;
 }
 .random-gift button {
	 position: absolute;
	 width: 80px;
	 height: 35px;
	 right: 10px;
	 top: 20px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 color: #FFFFFF;
 }
 .chasbox .btn-primary{
	 background: #f60;
	 border-color: #FF6600;
 }
 .chasbox .btn-link{
	 text-decoration: none;
 }
 
 .chari .chat-messages{
	 width: 100%;
	 border:0px; overflow:hidden;overflow-y:auto;
	 position:absolute; left:0; top:80px; bottom:100px;
	 /* 鎯呬汉鑺傚姞鑳屾櫙鍥� */
	 background: url('../imgs/bg_chatbox_chat.jpg') no-repeat 0 0;
	 background-size: 100% 100%;
 }
 
 #chat-messages::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.05);}
 #chat-messages::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,0.05);}
 #chat-messages::-webkit-scrollbar-thumb{border-radius: 8px;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);background-color:rgba(0,0,0,.6);;}
 #chat-messages:hover::-webkit-scrollbar{width:8px;transition: width .8s linear;}
 .chafoot{
	 position: relative;
	 width: 100%;
	 height: 80px;
	 line-height: 80px;
	 background-color: #F2F2F2;
	 clear:both;
	 /*margin-top: 70px;*/
 }
 .clena{
	 position: absolute;
	 width: 321px;
	 height: 100px;
	 line-height: 100px;
	 border: 1px solid #E4E4E4;
	 border-width: 0px 1px 0px 0px;
	 padding: 0px 30px;
	 background-color: #F2F2F2; bottom:0; left:0;
 }
 .clena .cleb{
	 width: 50%;
	 height: 100%;
	 float: left;
	 text-align: center;
 }
 .clena .clli{
	 /* position: absolute; */
	 width: 105px;
	 height: 2px;
	 margin-top: -1px;
	 left: 65px;
	 border: 2px solid #0066FF;
 }
 .cleb .cng span{
	 color: #FFFFFF;
 }
 fieldset .crina{
	 opacity: .5;
 }
 .crina{
	 width: 619px;
	 height: 100px;
	 right: 0px;position:absolute;bottom:0;
 }
 .critol{
	 width: 590px;
	 height: 40px;
	 margin-top: 20px;
	 margin-left: 15px;
 }
 .chat-message{
	 height: 100%;
	 margin-bottom: 0px;
	 border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;
	 padding:14px 10px 0;
	 box-shadow: none;
	 border: 0px;
 }
 .chat-notice-div{width:100%;height:28px; line-height:18px;color:#999;font-size:12px;font-family: Arial}
 .well{
	 min-height: 20px;
	 background-color: #f5f5f5;
	 border: 0px;
 }
 .criconbox{
	 position: absolute;
	 width: 480px;
	 border:1px solid #CCCCCC;
	 background-color: #FFFFFF;
	 bottom: 70px;
	 left: 5px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 z-index: 5;
 }
 .criconbox .broi{margin: 20px 0px 15px 0; width:472px;}
 .criconbox .broi img{width:69px;height:69px;}
 .criconbox-gift{
	 position: absolute;
	 width: 480px;
	 height:268px;overflow-y:scroll;
	 border:1px solid #CCCCCC;
	 background-color: #FFFFFF;
	 bottom: 80px;
	 left: 5px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 z-index: 5;
	 -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2);  
	   -moz-box-shadow:0 0 5px rgba(0, 0, 0, .2);  
	   box-shadow:0 0 5px rgba(0, 0, 0, .2); 
 }
 #chat-photo-popup{-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2);  
	   -moz-box-shadow:0 0 5px rgba(0, 0, 0, .2);  
	   box-shadow:0 0 5px rgba(0, 0, 0, .2);}
 .chatgift{
	 position: absolute;
	 width: 550px;
	 border:1px solid #CCCCCC;
	 background-color: #FFFFFF;
	 bottom: 70px;
	 left: 5px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 z-index: 5;
 }
 /*.chatgift{
	 position: absolute;
	 width: 100%;
	 height: 190px;
	 bottom: 80px;
	 left: 0px;
	 background-color: #FFFFFF;
	 overflow: hidden;
	 border-top: 1px solid #e4e4e4;
 }*/
 .chatgift .row{
	 margin: 10px;
	 display: inline-block;
 }
 .msgiconbox{
	 position: absolute;
	 width: 505px;
	 border:1px solid #CCCCCC;
	 background-color: #FFFFFF;
	 bottom: 47px;
	 left: 24px;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 z-index: 5;
 }
 .criconbox .row{
	 margin: 10px;
 }
 .chtlist{
	 width: 100%;
	 height: 80px;
	 text-align: center;
	 line-height: 110px;
 }
 .chttips{
	 position: relative;
	 width: 300px;
	 height: 30px;
	 line-height: 30px;
	 margin-left: auto;
	 margin-right: auto;
	 background-color: #F2F2F2;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 text-align: center;
 }
 .chttips span{
	 color: #949494;
 }
 .chttips span:before{
	 border-top: 15px solid #F2F2F2;
	 border-left: 12px solid transparent;
	 border-right: 12px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 20px;
	 bottom: -10px;
	 z-index: 1;
 }
 #chat-contacts .row{
	 margin: 30px 20px;
 }
 .chtonlista{
	 position: absolute;
	 width: 25px;
	 height: 25px;
	 border:3px solid #FFFFFF;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 background-color: #669900;
	 bottom: 40px;
	 right: 5px;
 }
 .chari .fa-comments{
	 font-size: 120px;
	 margin-top: 150px;
	 color: #5EC0F8;
 }
 .conce{
	 text-align: center;
 }
 .chtinfo{
	 max-height: 350px;
	 font-size: 18px;
	 color: #868686;min-height:250px;
 }
 .conce button{
	 width: 250px;
	 height: 40px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 color: #FFFFFF;
 }
 .conce .btn-primary{
	 background: #09f;
	 border-color: #0099FF;
 }
 .chtfoot{
	 position: relative;
	 width: 100%;
	 height: 80px;
	 line-height: 80px;
	 margin-top: 70px;
 }
 .clenabg{
	 background-color: #F2F2F2;
 }
 .chahit{
	 height:100%;
 }
 .icon{
	 left: 63px;
 }
 .criconbox .row:after{
	 border-top: 10px solid #CCCCCC;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 12px;
	 bottom: -11px;
 }
 .criconbox .row:before{
	 border-top: 10px solid #FFFFFF;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 12px;
	 bottom: -10px;
	 z-index: 1;
 }
 .chatgift .row:after{
	 border-top: 10px solid #CCCCCC;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 12px;
	 bottom: -11px;
 }
 .chatgift .row:before{
	 border-top: 10px solid #FFFFFF;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 12px;
	 bottom: -10px;
	 z-index: 1;
 }
 .msgiconbox .row:after{
	 border-top: 10px solid #CCCCCC;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 12px;
	 bottom: -11px;
 }
 .msgiconbox .row:before{
	 border-top: 10px solid #FFFFFF;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 12px;
	 bottom: -10px;
	 z-index: 1;
 }
 .icon .row:after{
	 border-top: 10px solid #CCCCCC;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 417px;
	 bottom: -11px;
 }
 .icon .row:before{
	 border-top: 10px solid #FFFFFF;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 417px;
	 bottom: -10px;
	 z-index: 1;
 }
 .criconbox-gift .row:after{
	 /* border-top: 10px solid #F00;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 55px;
	 bottom: -11px; */
 }
 .criconbox-gift .row:before{
	 /* border-top: 10px solid #F00;
	 border-left: 9px solid transparent;
	 border-right: 9px solid transparent;
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 55px;
	 bottom: -10px;
	 z-index: 1; */
 }
 .criconbox-gift .row{margin:10px;}
 .crag{
	 position: absolute;
	 width: 32px;
	 height: 32px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 text-align: center;
	 background-color: #C9C9C9;
 }
 .crag a i.iconfont{font-size:18px;line-height:32px;}
 .crag a.btn-link:hover{text-decoration:none;}
 .chat-messages .chat-messages-inner{
	 overflow-x: hidden;
	 z-index: 0;
 }
 .crag button,
 .crag .btn,
 .crag [role="button"]{
	 width: 32px;
	 height: 32px;
	 display: block;
	 padding: 0px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
 }
 .critol .cle{
	 margin-left: 5px;
 }
 .chat-message .cle{
	 position: absolute;
	 left: 50px;
 }
 .critol input{
	 width: 430px;
	 height: 36px;
	 line-height: 36px;
	 outline: none;
	 border:1px solid #0099FF;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 padding-left: 20px;
	 padding-right: 47px;
 }
 .input-box div{
	 width: 420px;
	 height: 36px;
	 line-height: 36px;
	 outline: none;
	 border:1px solid #0099FF;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 padding-left: 20px;
	 padding-right: 50px;
	 position: absolute;
	 left: 80px;
 }
 .input-box textarea{
	 height:32px;
	 line-height:16px;
	 outline:none;
	 resize:none;
	 background-color:#f5f5f5;
	 border:0px;
	 margin-top:1px;
 }
 .input-box textarea:focus{
	 box-shadow:0px 0px 0px 0px #f5f5f5;
	 outline: none;	
 }
 .critol i.fa-photo{
	 margin-left: -45px;
	 margin-top: 5px;
 }
 .input-box i.fa-photo{
	 position: absolute;
	 right: 90px;
	 top: 1px;
	 cursor: pointer;
 }
 .input-box [role="button"].image{
	 padding: 0px;
	 position: absolute;
	 left: 577px;
 }
 .chat-messages .chat-messages-inner p{
	 padding: 10px;
	 margin: 0;
	 float: right;
	 width: 100%;
 }
 .chat-messages .chat-messages-inner .mp{
	 padding: 10px;
	 margin: 0;
 }
 .chat-messages .chat-messages-inner .mp > img{
	 display: inline-block;
	 float: left;
	 vertical-align: middle;
	 width: 35px;
	 height: 35px;
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	 background-clip: content-box;
	 border: 1px solid #fff;
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
 }
 .chat-messages .chat-messages-inner .mp .msg-block{
	 background: none repeat scroll 0 0 #F7F7F7;
	 border: 1px solid #cccccc;
	 box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.05);
	 display: table;
	 margin-left: 19px;
	 padding:6px 10px;
	 margin-right: 20px;
	 position: relative;
	 border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
	 background-color: #F7F7F7;
	 word-break: break-word;
	 cursor: default;
	 max-width: 84%;
	 float: left;
 }
 .chat-messages .chat-messages-inner .mp span span.msgl{
	 display: block;
	 
 }
 .chat-messages .chat-messages-inner .mp span span.msgl:after{
	 border-right:6px solid #F7F7F7;
	 border-top: 6px solid transparent;
	 border-bottom: 6px solid transparent;
	 content: "";
	 display: inline-block;
	 left: -5px;
	 position: absolute;
	 top: 10px;
 }
 .chat-messages .chat-messages-inner .mp span span.msgl:before{
	 border-right: 7px solid #CCCCCC;
	 border-top: 7px solid transparent;
	 border-bottom: 7px solid transparent;
	 content: "";
	 display: inline-block;
	 left: -6px;
	 position: absolute;
	 top: 9px;
 }
 .chat-messages .chat-messages-inner p > img{
	 display: inline-block;
	 float: right;
	 vertical-align: middle;
	 width: 35px;
	 height: 35px;	
	 border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	 background-clip: content-box;
	 border: 1px solid #fff;
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
 }
 .chat-messages .chat-messages-inner p .msg-block{
	 background: none repeat scroll 0 0 #FFFFFF;
	 border: 1px solid #eee;
	 box-shadow: 1px 1px 0 0px rgba(0, 0, 0, 0.05);
	 display: table;
	 margin-left: 20px;
	 padding:6px 10px;
	 margin-right: 20px;
	 position: relative;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 background-color: #8de353;
	 word-break: break-word;
	 cursor: default;
	 float: right;
	 max-width: 84%;
 }
 p.show strong{
	 font-weight: bold;
 }
 .chat-messages .chat-messages-inner .time{
	 color: #999999;
	 font-size: 11px;
	 font-style: italic;
 }
 .chat-messages .chat-messages-inner .msg{
	 display: block;
 }
 .chat-messages .chat-messages-inner .msg:after{
	 border-left: 6px solid #8de353;
	 border-top: 6px solid transparent;
	 border-bottom: 6px solid transparent;
	 content: "";
	 display: inline-block;
	 right: -5px;
	 position: absolute;
	 top: 9px;
 }
 .chat-messages .chat-messages-inner .msg:before{
	 border-left: 7px solid rgba(0, 0, 0, 0.1);
	 border-top: 7px solid transparent;
	 border-bottom: 7px solid transparent;
	 content: "";
	 display: inline-block;
	 right: -6px;
	 position: absolute;
	 top: 8px;
 }
 .crise{
	 width: 60px;
	 height: 36px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 background-color: #2175F4;
	 position: absolute;
	 left: 510px;
	 padding: 0px;border:0;outline:none;
 }
 .crise i.iconfont{
	 color: #FFFFFF; font-size:24px;
 }
 .crise:hover,.crise:active,.crise:visited{background:#2175c4}
 
 .chat-no-credit{padding:0 15px; display:inline-block;margin-left:115px;height:30px;border:1px solid #dbb121;background:#fdffbf;font-size:12px; line-height:30px; color:#f00;
 border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
 .chat-no-credit i{width:20px;height:30px; font-size:18px; color:#f00;margin-right:10px; display:inline-block;}
 .chat-no-credit a{color:#06f;}
 
 .subwh{
	 width: 790px;
	 box-shadow: 0px 0px 10px 1px #000;
 }
 .subcen{
	 margin: 0px 0 0 -250px; 
	 top: 11%; 
	 left:40%;
	 position:absolute;
	 z-index: 101;
	 background-color: #FFFFFF;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
 }
 .suwu{
	 width: 770px;
	 height: 92px;
	 margin-left: 15px;
	 margin-top: 15px;
 }
 .suwu .suto{
	 font-size: 28px;
	 color: #FF9900;
 }
 .suwu .subo{
	 font-size: 20px;
	 color: #434343;
 }
 .suwu p{
	 margin-bottom: 0px;
 }
 .suwu button{
	 margin-top: -8px;
 }
 .suwu i{
	 color: #9F9F9F;
 }
 .suclu{
	 width: 100%;
	 height: 45px;
	 font-size: 16px;
	 text-align: center;
 }
 .suclu span{
	 color: #5E5E5E;
 }
 .suclu i{
	 font-style: normal;
	 color: #0099CC;
 }
 .subobg{
	 width: 100%;
	 background-color: #F2F2F2;
 }
 .susei{
	 width: 680px;
	 height: 300px;
	 margin-left: 102px;
	 padding-top: 30px;
 }
 .suti{
	 width: 100%;
	 height: 47px;
 }
 .suti .sute{
	 width: 125px;
	 height: 100%;
	 font-size: 18px;
	 line-height: 35px;
 }
 .suti .suin{
	 width: 320px;
	 height: 100%;
 }
 .suin input{
	 width: 315px;
	 height: 38px;
 }
 .suin input.numon{
	 width: 70px;
	 height: 30px;
 }
 .suin span{
	 width: 10px;
	 height: 30px;
	 font-size: 25px;
	 margin-left: 10px;
	 margin-right: 10px;
 }
 .suin i{
	 font-size: 18px;
	 line-height: 35px;
	 font-style: normal;
	 margin-left: 30px;
 }
 .suin input.rit{
	 width: 68px;
	 height: 38px;
	 margin-left: 9px;
 }
 .suin button{
	 width: 315px;
	 height: 45px;
	 border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
	 color: #FFFFFF;
	 font-size: 18px;
 }
 .suin .btn-primary{
	 background: #C6443D;
	 border-color: #C6443D;
 }
 .suin .btn-link{
	 text-decoration: none;
 }
 .subote{
	 width: 670px;
	 height: 165px;
	 margin-left: auto;
	 margin-right: auto;
 }
 .subote .suto{
	 width: 100%;
	 margin-bottom: 10px;
	 font-size: 12px;
	 color: #797979;
 }
 .subote .suto p{
	 margin-bottom: 0px;
 }
 /**
 .chabh{
	 position: absolute;
	 width: 100%;
	 z-index: 1;
	 border:1px solid red;
 }**/
 .chabmin{
	 position: fixed;
	 width: 200px;
	 height: 36px;
	 line-height: 36px;
	 background-color: #FF6600;
	 border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	 z-index: 100;
	 bottom: 10px;
	 right: 5px;
 }
 .chabmin a{ display:block; width:100%; height:20px;}
 .chabmin .cha{
	 width: 55px;
	 height: 100%;
	 line-height: 24px;
	 margin-left: 10px;
 }
 .chabb{
	 width: 20px;
	 height: 20px;
	 margin-top: 1px;
	 border:2px solid #FFFFFF;
 }
 .chabmin span{
	 color: #FFFFFF;
 }
 .chabmin .chn{
	 min-width: 20px;
	 height: 20px;
	 line-height: 20px;
	 border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
	 background-color: #FFFFFF;
	 text-align: center;
	 margin-left: 10px;
	 margin-top: 1px;
	 padding: 0 2px;
 }
 .chabmin .chn i{
	 color: #FF6600;
	 font-family:sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 font-size: 11px;
 }
 
 .deltip{width: 320px;margin:0 auto;}
 .message-popup-layout{
	 bottom:50px;
	 position: absolute;
 }
 .popup{
	 display: inline-block;
 }
 .message-attach{
	 z-index: 101;
	 background-color: #FFFFFF;
	 border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	 border: 1px solid #EAEAEA;
	 margin-left: 17px;
 }
 
 /**
 *	send gift
 *
 **/
 .gftcen{
	 margin: 0px 0 0 -250px; 
	 top: 9%; 
	 left:50%;
	 position:absolute;
	 z-index: 101;
	 background-color: #FFFFFF;
	 border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
 }
 .gftbox{
	 width: 570px;
	 box-shadow: 0 0 8px;
 }
 .gftti{
	 height:50px;
	 line-height:50px;
	 background-color: #FF6600;
	 border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;
 }
 .gftti span{
	 font-size: 20px;
	 color: #FFFFFF;
	 margin-left: 20px;
 }
 .gftti button{
	 /*color: #FFFFFF;*/
	 margin-top: 10px;
	 margin-right: 10px;
 }
 .gftit{
	 position: relative;
	 width: 88px;
	 height: 90px;
	 padding:5px;
	 text-align: center;
	 float: left;
 }
 .gftbox .row{
	 margin: 20px;
 }
 .gftit img{
	 width: 74px;
	 height: 65px;
 }
 .gftit span{
	 font-size: 12px;
	 color: #949494;
 }
 .gftse{
	 border: 2px solid #FF9900;
	 border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;
 }
 .gftse div img{
	 position: absolute;
	 width: 25px;
	 height: 25px;
	 z-index: 1;
	 top: -3px;
	 right: -3px;
 }
 .gftipt{
	 position: relative;
	 width:auto;
	 height: 40px;
	 margin:0 20px;
 }
 .gftipt input{
	 width: 100%;
	 height: 100%;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 border:1px solid #D7D7D7;
	 padding-left: 17px;
	 padding-right: 55px;
	 outline: none;
 }
 .gftipt span{
	 position: absolute;
	 top: 10px;
	 right:15px;
 }
 .gftipt i{
	 color: #FF3300;
	 font-style: normal;
 }
 .gftsend{
	 height: 110px;
	 text-align: center;
 }
 .gftsend .btn-primary{
	background: #f60;
	 background-repeat: repeat;
	 border-color: #F60;transition:transform 0.2s ease;
 }
 .gftsend .btn-primary:hover{transform:scale(1.05,1.05);}
 .gftsend button{
	 width: 110px;
	 height: 40px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 margin-top: 35px;
	 color: #FFFFFF;
 }
 .gftsend .btn-link{
	 text-decoration: none;
 }
 .vgftleft{
	 width: 338px;
	 border: 1px solid #D7D7D7;
 }
 .vgti{
	 height: 50px;
	 line-height: 50px;
	 background-color: #F2F2F2;
 }
 .vgti span{
	 font-family:sans-serif;
	 font-weight: 700;
	 margin-left: 20px;
 }
 .vgall{
	 width: 76px;
	 height: 100px;
	 float: left;
 }
 .vgftleft .row{
	 margin:15px 10px;
 }
 .vgall img{
	 width: 100%;
	 height:66px;
 }
 .vgall .vgnum{
	 width: 35px;
	 height: 20px;
	 background-color: #0066FF;
	 border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
	 margin-left: auto;
	 margin-right: auto;
	 color: #FFFFFF;
	 text-align: center;
 }
 .vgftright{
	 width: 904px;
	 border: 1px solid #D7D7D7;
	 border-bottom: none;
 }
 /*roger add Style*/
 .vgftright-1{width:904px; height:70px; clear:both;}
 .vgftright-2{width:904px; height:156px; clear:both;}
 .vgft-s{ font-size:12px; line-height:24px; margin-top:15px; color:#666; display:inline-block;}
 .vgft-s b{ color:#f63; margin:0 5px;}
 .vgifts-div{ width:902px;  height:120px; position:relative;}
 .vgifts-div .scroll-url{ width:45px; height:120px; line-height:120px; color:#bbb; font-size:32px; text-align:center; display:block; background:#fff; margin:0;}
 .vgifts-div .scroll-url:hover,.vgifts-div .scroll-url:active,.vgifts-div .scroll-url:link{ text-decoration:none;}
 .vgifts-div .scroll-url:hover{ color:#666;}
 .vgifts-div .vgifts-o{ width:810px; height:100px; padding:10px 0; overflow:hidden; position:relative; float:left;}
 .vgifts-div .vgifts-o ul{list-style:none; min-width:100%; position:absolute; left:0; top:10px; height:100px; padding:0; margin:0;}
 .vgifts-div .vgifts-o ul li{ width:76px; margin-right:7px; height:100px; float:left;}
 
 /*roger add Style end*/
 .vgtitle{
	 height:40px; padding-left:15px; line-height:40px;font-size:12px;
	 background-color: #F2F2F2;
	 border-bottom: 1px solid #D7D7D7;
 }
 .vgselect{
	 height: 50px;
	 background-color: #f5f5f5;
	 border-bottom: 1px solid #D7D7D7;
 }
 .vgselect .breadcrumb{ padding:0; margin-bottom:0;}
 .vgsb{
	 height: 100%;
	 padding-top: 10px;
	 padding-left: 15px;margin-right:15px;
 }
 .vgsb.vgsb-b{padding-top:6px;}
 .vgsb input{
	 width: 170px;
	 height: 30px;
 }
 .vgsb button{
	 height: 30px; line-height:18px;
 }
 .vgsb button.btn-primary{font-size:14px; height:36px; line-height:18px;font-weight:500; background:#f85514; border-color:#f85514;transition:transform 0.2s ease;}
 .vgsb button i.icon-refuch{ font-size:16px; line-height:28px;}
 .vgsb button i.icon-gift{margin-right:5px;font-size:14px;}
 .vgsb button.btn-primary:hover{background:#df480d;border-color:#df480d;transform:scale(1.02,1.02);}
 .vgsb .btn-link{
	 text-decoration: none;
 }
 .vgsb select{
	 width: 200px;
	 height: 30px;
 }
 .vgsb .conlespa{
	 margin-left: 10px;margin-right:10px;
 }
 .vginfo{
	 /* height: 35px; */
	 line-height: 16px;
	 background-color: #F2F2F2;
	 border-radius: 25px;
	 -webkit-border-radius: 25px;
	 -moz-border-radius: 25px;
	 word-break: break-word;
	 /* padding-left: 15px; */
	 display: inline-block;
	 /* padding-right: 15px; */
	 /* padding-top: 10px; */
	 padding: 15px;
	 margin: 10px;
 }
 .vgftright table thead tr th{font-size:12px;border-bottom: 1px solid #D7D7D7;}
 .form-control{font-size:14px;}
 .vgftright table tbody tr td button{
	 width: 90px;
	 height: 40px;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
	 color: #FFFFFF;
 }
 .vgftright table tbody tr td .btn-primary{
	 background: #337ab7;
	 border-color: #337ab7;transition:transform 0.2s ease;
 }
 .vgftright table tbody tr td .btn-primary:hover{background: #2e6da4;border-color: #2e6da4;transform:scale(1.02,1.02);}
 .vgftright table tbody tr td .btn-link{
	 text-decoration: none;
 }
 .vgftright table tbody tr{
	 border-bottom: 1px solid #D7D7D7;
	 height: 100px;
 }
 .td-te span{
	 color: #868686;
 }
 .td-te i{
	 color: #6B6B6B;
	 font-style: normal;
 }
 .vgftright .td-te{
	 line-height: 15px;
	 margin-top: 5px;
 }
 .td-te .ttmo{
	 font-family:sans-serif;
	 font-weight: 400;
	 font-style: italic;
 }
 span.gftnm{
	 font-family:sans-serif;
	 font-weight: 400;
	 font-style: italic;
	 color: #AEAEAE;
	 margin-left: 10px;
 }
 .noopengift{
	 position: relative;
	 width: 300px;
	 height: 70px;
	 border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;
	 background-color: #C9C9C9;
 }
 .noopengift img{
	 position: absolute;
	 left: 15px;
	 top: 10px;
 }
 .nogt{
	 position: absolute;
	 width: 125px;
	 height: 100%;
	 left: 75px;
	 padding-top: 10px;
 }
 .nogt p{
	 margin-bottom: 0px;
	 font-size: 12px;
 }
 .nogt p.gtt{
	 height: 33px;
	 line-height: 14px;
 }
 .nogt p i{
	 color: #5E5E5E;
	 font-style: normal;
 }
 .noopengift button{
	 position: absolute;
	 background-color: #0066FF;
	 right: 10px;
	 top: 15px;
	 border: 0px;
 }
 
 .gftrept{
	 height: 150px;
 }
 .gftrept button{
	 color: #666;
	 margin-top: 10px;
	 margin-right: 10px;
 }
 .gftrept button i{font-size:30px;}
 .regft{
	 height: 30px;
	 text-align: center;
	 margin-top: 10px;
 }
 .regft span{
	 font-size: 16px;
	 color: #333333;
 }
 .gftrept .comgft{
	 position: relative;
	 width: 100px;
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
 }
 .gftrept .head-icon-4x{
	 padding-top:20px;
 }
 .gftbta img{
	 width: 70px;
	 height: 70px;
	 border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
 }
 .contbox{
	 padding:20px 55px 40px 55px;
	 border: 1px solid #D7D7D7;
	 margin-bottom: 70px;
 }
 .gftto{
	 position: relative;
	 height: 135px;
	 text-align: center;
	 margin-top: 10px;
 }
 .gftto span{
	 font-size: 28px;
	 margin-top: 10px;
 }
 .gftto i{
	 font-style: normal;
 }
 .gftto p{
	 margin-bottom: 0px;
 }
 .gftto img{
	 position: absolute;
	 top: -7px;
	 left: 60px;
 }
 .senghe{
	 height: 40px;
	 line-height: 40px;
	 color: #949494;
 }
 .gftline{
	 height: 1px;
	 background-color: #D7D7D7;
	 margin-bottom: 15px;
 }
 .gftmo a{
	 color: #0066FF;
	 text-decoration: underline;
 }
 .sengftbtn{
	 width: 100%;
	 height: 30px;
	 text-align: center;
 }
 .sengftbtn button{
	 width: 110px;
	 height: 30px;
	 line-height: 17px;
	 color: #FFFFFF;
	 border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;
 }
 .sengftbtn .btn-primary{
	 background: #06f;
	 border-color: #0066FF;
 }
 .sengftbtn .btn-link{
	 text-decoration: none;
 }
 .com-gfthit{
	 height: 335px;
 }
 /*roger add css*/
 /*Tooltip*/
 .tooltip {
   display: block;
   position: absolute;
   visibility: visible;
   padding: 5px;
   font-size: 11px;
   z-index: 1000;
   width: auto;
 }
 .tooltip.fade.in { }
 .tooltip.above .tooltip-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 5px solid #282828;
 }
 .tooltip.left .tooltip-arrow {
   top: 50%;
   right: 0;
   margin-top: -5px;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-left: 5px solid #282828;
 }
 .tooltip.below .tooltip-arrow {
   top: 0;
   left: 50%;
   margin-left: -5px;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 5px solid #282828;
 }
 .tooltip.right .tooltip-arrow {
   top: 50%;
   left: 0;
   margin-top: -5px;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-right: 5px solid #282828;
 }
 .tooltip-inner {
   padding: 3px 8px;
   background-color: #282828;
   color: #fff;
   text-align: center;
   max-width: 200px;
   text-decoration: none;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: 1px #333 solid;
   box-shadow: 1px 1px 3px #282828;
 }
 .tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
 }
 
 .foot-img .row{ margin-left:-11px; margin-right:-11px;display:table;}
 .foot-img .row .left-widths{ margin-left:11px; margin-right:0;}
 .recent-p{ position:relative; overflow:hidden;display:table-cell; vertical-align:middle;transition:transform 0.25s ease;}
 .recent-p:hover{transform:scale(1.02,1.02);}
 
 .recent-p .recent-info{ height:26px; width:100%; background-color:rgba(0, 0, 0, 0.5); position:absolute; left:0; bottom:0;}
 .recent-p .recent-info p{ margin:0 7px; height:26px; width:92%; line-height:26px; color:#f0f0f0; text-align: left; font-size:12px; display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 .recent-p .recent-info p i{ color:#f0f0f0; font-style:normal; float:right;}
 @media \0screen\,screen\9 {
   .recent-p .recent-info{background-color:#000;filter:Alpha(opacity=50); position:static; *zoom:1; bottom:0;}
   .recent-p .recent-info p{ position:relative;}
 }
 .upbtn .btn:hover,.upbtn .btn:active,.upbtn .btn:link,.upbtn .btn:focus{
	 background-color:#b22f1e; 
	 text-decoration:none;
	 color:#fff;
 }
 ul.pagination { list-style:none; float:right; clear:both;}
 
 .ta-box .ta-box-div{ background:#f2f4f7; padding:20px 40px; display:block;}
 .ta-box .ta-box-div h3{ border-bottom:1px dashed #ddd; display:block; font-size:22px; color:#333; padding-bottom:15px; margin-bottom:20px; line-height:1.1em; text-align:center;}
 .ta-box .ta-box-div h3 p{ font-weight:100; color:#888; font-size:12px; display:block; text-align:center;}
 .ta-box .ta-box-div .ta-box-info{ display:block; color:#555; line-height:20px;}
 .ta-box .ta-box-div .ta-box-info img{ max-width:100%; margin-bottom:15px;}
 .ta-box .ta-box-div .ta-box-info .info-att{ margin-top:25px;}
 .ta-box .ta-box-div .ta-box-info .info-att .info-att-t{ color:#555; font-weight:bold; line-height:24px; border-bottom:1px solid #ddd; margin-bottom:15px; display:block;}
 
 .btn-new{ background:#dadada; padding:0 22px; height:36px; line-height:36px;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px; cursor:pointer; outline:none; border:none; color:#333; font-size:16px;}
 .btn-new:hover,.btn-new:active,.btn-new:link{ background:#d3d3d3;}
 #conetn-box{ width:904px; margin:0 0 0 266px; height:auto;}
 
 .ob-scroll{ width:100%; max-height:690px; min-height:600px; overflow:hidden; overflow-y:auto;}
 .scroll-gft{ min-height:270px; max-height:275px; overflow:hidden; display:block; overflow-y:auto; margin-top:0;}
 
 .consm{ width:904px; margin:0 auto;}
 .new-question{ padding:8px 15px;}
 .new-question ul{ margin:0; padding:0; list-style:none;}
 .new-question ul li{ line-height:30px; display:block; color:#666;}
 .new-question ul li input{ vertical-align:middle; margin-right:5px; margin-top:-2px;}
 .new-question ul li label{ font-weight:100;}
 .quest-ask{ width:100%; height:auto;}
 .quest-ask dl{ margin:0; padding:0;}
 .quest-ask dl dt{ display:block; line-height:32px; font-weight:100;}
 .quest-ask dl dt a{ color:#000; font-size:12px; line-height:32px; display:inline-block; font-weight:700;}
 .quest-ask dl dt a:hover,.quest-ask dl dt a:focus,.quest-ask dl dt a:active{ text-decoration:none; color:#06F;}
 .quest-ask dl dt .hide-info{ margin-left:15px; display:block; padding:15px; background:#f9f9f5;font-weight:100;}
 .quest-ask dl dt .hide-info p{ display:block; color:#666; line-height:24px; font-size:12px;font-weight:100;}
 
 .quest-select{ border:1px solid #e5e5e5;  padding:10px; text-align:left; color:#333; background: #fafafa; line-height:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;  margin-top:30px; margin-bottom:10px; display:block;}
 .quest-select-bg{background:#f9f9f9;}
 .quest-select label{ font-weight:100; color:#000; margin-left:15px; display:inline-block;}
 .quest-select label input{ margin-right:6px; margin-top:-2px; vertical-align:middle;}
 .quest-select .quest-yes{ font-size:14px; line-height:24px;}
 .quest-select .quest-yes a{ color:#1e6ff3; line-height:24px; margin-right:40px; padding:0 25px 0 0; font-size: 12px;}
 .quest-bx{background:#fafafa; padding:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; overflow: hidden;}
 .quest-bx h3{ font-size:14px; color:#000; border-bottom:1px dashed #c4d7e1; margin-top:5px; padding-bottom:10px;}
 .quest-bx table td{ line-height:34px; color:#454545; font-size:12px; padding:5px 0;}
 .quest-bx table td i{ color:#f00;}
 .quest-bx table td span{ color:#888; display:inline-block; margin-left:15px;}
 .quest-bx table td .tpwidth{ width:50%; display:inline-block;}
 .quest-bx table td textarea{ margin-bottom:6px; display: block; width:98%; font-size:12px;}
 .quest-bx table td a{ color:#06F;}
 .quest-bx table td em{ color:#666; font-style:normal;display:inline-block; margin-left:5px;font-size:12px;}
 .quest-bx table td em.file-maximum{font-size:12px; color:#999;}
 .quest-bx table td input.sub{ background:#197ef1; border:1px solid #197ef1; color:#fff; line-height:24px; margin-right:15px; padding:6px 20px;}
 .quest-bx table td input.cancal{ background:#ddd; border:1px solid #ddd; color:#333;}
 .quest-goback{ padding:5px 8px; background:#f5f5f5; border:1px solid #ddd; font-size:12px; line-height:18px; color: #333;}
 .quest-goback:hover{background: #ddd;color: #000;}
 .ta-box table td{font-size:12px; color: #777;}
 .ta-box table td.tab-stl{position:relative;}
 .ta-box table td.tab-stl b{color:#000;}
 .ta-box table td.tab-stl em{position:absolute;display:inline-block; width:16px; height:16px; font-size:12px; color:#9faab4; left:6px; top:9px;}
 .ta-box table td.tab-stl em.new{color:#f00;font-size:13px;}
 .ta-box table td a.subj{ color:#0c84e9;}
 .ta-box table td b a.subj{ color:#0c84e9;font-size:14px;}
 .ta-box table td a.subj:hover{color:#05f;text-decoration:underline;}
 .ta-box table td i,.mailbox-detail table td i{ font-style:normal;}
 .ta-box table td .close-x,.mailbox-detail table td .close-x{ color:#888;}
 .ta-box table td .open,.mailbox-detail table td .open{ color: #090;font-weight:700;}
 .ta-box table td .replay{ color:#03ca37;font-weight:700;}
 .ta-box table td .under{ color:#06f;font-weight:700;}
 .quest-bx table td{font-size:14px;}
 .fileinput{position: relative; background: #e2e2e2; border: 1px solid #ccc; border-radius: 4px; padding: 4px 12px;
  overflow: hidden; color: #333;cursor: pointer; text-decoration: none; text-indent: 0; line-height: 20px; font-size:14px; *zoom: 1}
 .ta-box table td .fileinput{position: relative; background: #e2e2e2; border: 1px solid #ccc; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;  padding: 4px 12px;
  overflow: hidden; color: #333;cursor: pointer; text-decoration: none; text-indent: 0; line-height: 20px; font-size:14px; *zoom: 1}
 fileinput:hover{background: #ddd; border-color: #bbb;  color: #444;  text-decoration: none;}
 .fileinput input{position: absolute;cursor: pointer;right: 0;top:0;left:0;width:100%;height:100%;opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;}
 .file-photo{width:98%; height:70px; /* border-top:1px solid #eee;  */margin-top:5px; padding-top:5px; }
 .file-photo div{text-align:center;font-size:12px;display:inline-block;margin-right:10px;float:left;height:60px; position: relative;}
 .file-photo div i{position: absolute;width: 16px;height: 16px; font-size: 16px; background: #fff;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px; cursor: pointer; color: #f00; text-align:center;line-height: 16px; right: -4px; top: -4px;display: block;}
 .file-photo div img{border:1px solid #ccc;height:60px;margin:0;padding:0; width: 60px; border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;}
 .file-photo div em{display:block; height:15px;margin:0;padding:0;}
 .file-photo div a.del-file-photo{font-size:12px;color:#06f; text-align:center;line-height:15px; display:inline;}
 
 
 .mailbox-detail{
	 width: 100%;
	 margin-top: 10px;
	 border: 1px solid #eaeaea; border-bottom:0; border-right:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;  overflow: hidden; 
	 margin-bottom: 20px;
 }
 .mailbox-detail table.tbbox td{ border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea; text-align:left;font-size:12px; color:#454545;}
 .mailbox-detail table.tbbox td:hover{ background:#fafafa;}
 .mailbox-detail table.tbbox td.title{ background:#f8f8f8; color:#888; text-align:right;font-weight:700;font-size:13px;}
 .mailbox-detail table.tbbox td b{color:#000;}
 .mailbox-detail table.tbbox td .att-t{ font-size:12px; color:#000; font-weight:700; line-height:24px; margin:10px auto; border-bottom:1px solid #eee; display:block;}
 .mailbox-detail table.tbbox td .att-file{ padding:5px 0; height:40px; display:block;}
 .mailbox-detail table.tbbox td .att-file img{ height:40px;}
 .mailbox-detail table.tbbox td .att-file a{ font-size:12px; color:#06F; display:inline-block; margin-left:5px; text-decoration:underline;}
 .mailbox-detail table.table{margin-bottom: 0;}
 .mailbox-detail table.table > tbody > tr > td{border-top:0;}
 
 .mailbox-detail-b{
	 width: 100%;
	 margin-top: 10px;
 }
 table.table th{ color:#454545;}
 .mailbox-sub{ height:auto; margin-top:15px; margin-bottom:15px;}
 .mailbox-sub a{ line-height:40px; padding:0 25px;border-radius:2px;-webkit-border-radius:2px; font-size:14px;-moz-border-radius:2px; width:100px; height:40px;}
 .mailbox-sub a.reply{ background:#226b9d; color:#fff;}
 .mailbox-sub a.reply:hover{ background: #155784; }
 .mailbox-sub a.setting{ background:#dadada; color:#333;}
 .mailbox-sub a.setting:hover{background: #c2c2c2;}
 .mailbox-detail-b .settingdiv{ padding:6px 15px; background:#eff9ff; border:1px solid #c6d9e4; height:48px; line-height:34px; color:#333;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
 .mailbox-detail-b .settingdiv .boxselect{ width:24%; display:inline-block; vertical-align:middle;}
 .mailbox-detail-b .replydiv{border:1px solid #eee; background:#eff9ff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
 
 .mailbox-detail-answer{padding:5px 10px 10px; border:1px solid #b9d9eb; background:#def3ff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; margin-bottom:15px;}
 .mailbox-detail-answer table{width:100%;font-family:sans-serif}
 .mailbox-detail-answer table td{color:#454545;  line-height:20px; font-size:12px; text-align:left;padding:5px;}
 .mailbox-detail-answer table td b{font-size:12px;}
 .mailbox-detail-answer table td.list{color:#454545;font-weight:700;font-size:12px;}
 .mailbox-detail-answer table td.bd{border-top:1px solid #b9d9eb;}
 .mailbox-detail-answer table td.nophoto{color:#999;}
 .mailbox-detail-answer table td pre{color:#0354db;font-family:sans-serif;font-size:14px; line-height:20px;padding:0;padding-right:15px;}
 .mailbox-detail-ask table td.nophoto{color:#999;}
 pre.mailbox-detail-ask,pre.mailbox-detail-answer{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap;    
 word-wrap:break-word;word-break:keep-all;}
 
 .mailbox-detail-ask{padding:5px 10px 10px; background:#f8f8f8;border:1px solid #e2e2e2;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:15px; font-size:14px;font-family: sans-serif;}
 .mailbox-detail-ask table{width:100%;}
 .mailbox-detail-ask table td{color:#000;  line-height:20px; font-size:12px; text-align:left;padding:5px;}
 .mailbox-detail-ask table td b{font-size:12px;}
 .mailbox-detail-ask table td.list{color:#666;font-weight:700;font-size:12px;}
 .mailbox-detail-ask table td.bd{border-top:1px solid #e2e2e2;}
 
 .ta-box table.table-credit{ border:1px solid #ddd; border-right:0;}
 .ta-box table.table-credit th{border-right:1px solid #ddd; font-size:12px;}
 .ta-box table.table-credit td{ text-align:left; font-size:12px; color:#666;border-right:1px solid #ddd;}
 .ta-box table.table-credit td i{width:16px; height:16px;display:block;}
 .ta-box table.table-credit td i.ok{background:url(../imgs/ok.png) no-repeat;}
 .ta-box table.table-credit td i.null{background:url(../imgs/error.png) no-repeat;}
 .ta-box strong{ color:#666;}
 
 .only-credit{ border:1px solid #c7ddb9; background:#f1ffed; padding:8px 20px; font-size:12px; line-height:24px; color:#455045; margin:15px 0;}
 .only-credit b{ font-size:14px; color:#f63; margin-left:8px;}
 
 
 
 table.table-credit-p td,table.table-credit-p th{ font-size:12px;  line-height:24px;}
 table.table-credit-p th{padding:6px 15px;}
 table.table-credit-p td{ border-top:1px solid #ddd; position:relative; color:#666;padding:10px 15px; cursor:pointer;}
 table.table-credit-p td input{ margin-top:-1px; vertical-align:middle; margin-right:5px;}
 table.table-credit-p td .hot{ position:absolute; left:-1px; top:-1px;}
 table.table-credit-p tr:hover{ background:#f9f9f9;}
 table.table-credit-p tr.active td{ background:#fff6f0; color:#333; font-weight:700;}
 table.table-credit-p tr.active:hover{background:#fff6f0;}
 table.table-credit-p td i.b-creat{color:#f00; margin-right:20px;font-style:normal;}
 table.table-credit-p td i.cread-id{color:#999;margin-left:3px;font-style:normal;}
 
 .only-credit-totle{ border-bottom:1px solid #ddd; margin-bottom:10px;margin-top:10px; height:40px; font-size:14px; color:#333;line-height:40px;}
 .only-credit-totle i{ font-style:normal; color:#f63; font-weight:700;}
 .only-credit-totle em{ font-style:normal; color:#888;}
 .only-credit-totle b{ font-size:16px; color:#f63;}
 .only-credit-totle .credit-allfree{margin-left:12px;font-style:italic; line-height:36px; height:40px;color:#666;}
 .only-credit-totle .credit-allfree span#vouchersNum{color:#f00; font-weight:700;}
 .only-credit-totle .credit-allfree b{color:#090;}
 .only-credit-totle label{width:114px; height:50px; cursor:pointer; border:1px solid #d1d1d1;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;position:relative; display:block; float:left;margin-right:16px; text-align:center; padding-top:2px;}
 .only-credit-totle label img{ height:30px;vertical-align:middle;}
 .only-credit-totle label i{width:20px; height:20px;background:url(../imgs/pay-s.png) no-repeat;display:none; position:absolute;right:-1px;top:-1px;}
 .only-credit-totle label.select{border:1px solid #f63;}
 .only-credit-totle label.select i{display:block;}
 .card-import{ width:100%; background:#dff5ff; padding:10px 0;}
 .card-import table{ width:100%;}
 .card-import table td{ padding:5px 10px; color:#333; font-size:12px; vertical-align:middle; line-height:34px;}
 .card-import table td input,.card-import table td select{ vertical-align:middle;}
 .card-import table td strong{ color:#16324d; font-size:12px;}
 .card-import table td p{ color:#000; line-height:30px; padding-right:10px; font-weight:bold;}
 .card-import table td img{ vertical-align:middle; margin-left:10px; display:inline-block;}
 .card-import table td img.card{ position:absolute; right:6px; top:6px; z-index:9;}
 .card-import table td.input-td{position:relative;}
 .card-import table td .cdinputerror{border-color:#f00;}
 .card-import table td .input-error{line-height:34px;color:#f00;font-weight:700;position:absolute;left:360px;top:5px; width:250px;}
 .c-widt{ width:340px; position:relative;display:inline-block;}
 .c-widi{ width:130px;position:relative; display:inline-block;}
 .c-wids{ width:100px; margin-right:5px; display:inline-block;}
 .credit-pay-btn{ padding:0px 0 0 0px; display:block; text-align:center; }
 .credit-pay-btn span{ display:block; text-align:left; line-height:16px; font-size:12px; color:#666; margin-bottom:10px;}
 .credit-pay-btn span a{ color:#11a2e6;}
 .credit-pay-btn span label{font-weight:100; margin:0;}
 .credit-pay-btn span label input{margin-right:5px;vertical-align:middle; margin-top:-2px;}
 .credit-pay-btn span em{display:inline-block;margin-left:18px;font-style:normal;}
 /*.credit-pay-btn button{ background: -ms-linear-gradient(top, #ea5f22, #da571e);background: linear-gradient(top, #ea5f22, #da571e); background:-moz-linear-gradient(top,#ea5f22,#da571e);background: -webkit-linear-gradient(top, #ea5f22, #da571e);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ea5f22,endColorStr=#da571e); color:#fff; padding:10px 50px; font-size:16px;}*/
 .credit-pay-btn button{ background: -ms-linear-gradient(top, #1465be, #01559f);background: linear-gradient(top, #1465be, #01559f); background:-moz-linear-gradient(top,#1465be, #01559f);background: -webkit-linear-gradient(top, #1465be, #01559f);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1465be,endColorStr=#01559f); color:#fff; padding:10px 50px; font-size:16px;width:258px;border-radius: 20px;}
 .credit-pay-btn button:hover{background:#01559f; color: #fff;}
 .credit-pay-btn .credit-paydollar{padding:6px 10px 6px 18px; display:block; background:#f1f1f1;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; margin-top:20px;}
 .credit-pay-btn .credit-paydollar img{height:48px;float:left;}
 .credit-pay-btn .credit-paydollar .paydollar-info{ padding-top:5px; font-size:12px; color:#888; line-height:18px; float:left; text-align:left; margin-left:20px;}
 .credit-pay-btn .credit-paydollar .paydollar-info a{color:#246db7;}
 .credit-pay-notice{ background:#fafafa; padding:25px; font-size:12px; line-height:18px; color:#666; text-align:center;}
 .credit-pay-notice em{ font-style:normal; display:inline-block;}
 .credit-pay-notice i{ display:block; padding-top:8px; color:#8f8f8f; font-style:normal;}
 .credit-pay-notice a{ color:#11a2e6; text-decoration:underline;}
 .credit-pay-notice label{ font-size:12px; font-weight:100;}
 .credit-pay-notice input{ vertical-align:middle; margin-top:-1px;}
 
 #registerForm label.error{background-position:0 1px;margin:0;font-size:12px;margin-top:11px}
 #registerForm .errorlimit{padding-bottom:2px;font-weight:bold;clear:both;color:#ea5200;margin-left:0;font-size:14px;}
 
 
 
 .delPhoto{ display:none;}
 #controller .flownext{ float:right; margin-right:18px;}
 .clos{margin-top:6px; margin-right:7px;}
 
 #queryForm{display:inline-block;}
 form{margin-bottom:0;}
 textarea.form-control{font-size:14px;}
 #errorMemberInfo{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; display:block; padding:2px 10px; font-size:14px; color:#f00;line-height:28px;border:1px solid #eade77; background:#feffcc;margin-bottom:10px;}
 
 /*gift search women id pop*/
 .sendgift-pop{width:500px;height: auto;padding-bottom:20px;position: absolute; overflow:hidden;left:50%;margin-left:-250px;top:9%;background: #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;box-shadow:0 0 8px;}
 .sendgift-pop .pop-title{width: 100%;height: 50px; line-height: 50px;background: #f2f2f2; border-bottom: 1px solid #d1d1d1;}
 .sendgift-pop .pop-title span{display: inline-block;float:left; line-height: 50px; color: #333;font-size: 18px; padding-left: 15px;}
 .sendgift-pop .pop-title a.sendclose{ width: 24px;height: 24px;  font-size: 20px;font-weight:bold;line-height:24px; color: #666; float: right; margin-top: 13px; margin-right: 13px; display: block; text-align: center;}
 .sendgift-pop .pop-title a.sendclose:hover,.sendgift-pop .pop-title a.sendclose:link,.sendgift-pop .pop-title a.sendclose:active{ color: #333; text-decoration: none; }
 .sendgift-pop .pop-content{padding: 20px 35px;}
 .sendgift-pop .pop-content p{font-size: 14px; line-height: 18px; color: #666;}
 .sendgift-pop .pop-content input.memberid{ display: block; }
 .sendgift-pop .pop-content .content-bt{display: block; text-align: center;padding-top: 15px;}
 .sendgift-pop .pop-content .content-bt  .btn-primary{background: #ea5f22; border-color: #ea5f22; width: 110px; height: 40px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; text-align: center; color: #fff; font-size: 16px;}
 .message-box-left>div>div{height: 100%;}
 .message-box-left>div{height: 100%; position:relative;}
 
 /** upload member icon */
 .icon-cursor-pointer {cursor: pointer;}
 .choose-content{position: relative;padding: 15px;}
 .choose-big-icon{overflow: hidden;display: inline-block;}
 .choose-big-icon img{max-width: 450px;max-height: 400px;}
 .choose-small-icon{margin:0 auto;}
 .choose-small-icon img{max-width: 100px;max-height: 100px;}
 .choose-margin-top10{margin-top: 10px;}
 
 /*锟阶诧拷页锟斤拷锟斤拷式*/
 .contact-us-div{ width:100%; height:auto; padding-top:20px; border-top:1px solid #d1d1d1; font-size:14px; color:#333; line-height:1.8em;}
 .contact-us-div .contactus{display:block; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
 .contact-us-div .contactus table td img{width:120px; height:34px;}
  /* .contact-us-div .contactus table td img{width:60px; height:60px;} */
 .contact-us-div h4{font-size:14px; color:#333;margin-top:20px; font-weight:700;}
 .contact-us-div b{font-size:14px; color:#f63;}
 .contact-us-div strong{color:#333;font-size:12px;}
 .contact-us-div span{margin-left:18px;display:block;margin-bottom:16px;}
 .contact-us-div a{text-decoration:underline;}
 
 .contact-us-div.asked-question{ line-height:22px; font-size:12px;}
 .contact-us-div.asked-question dl{margin:0;padding:0; margin-bottom:30px;margin-left:10px;}
 .contact-us-div.asked-question dl dt{font-size:12px; color:#333;font-weight:700;line-height:18px;display:block;}
 .contact-us-div.asked-question dl dt i{font-size:12px;margin-right:3px;}
 .contact-us-div.asked-question dl dd{margin-bottom:10px;margin-left:15px;display:block;}
 .contact-us-div.asked-question dl dd a{color:#236ea1;font-size:12px; line-height:14px;}
 .contact-us-div.asked-question dl dd a:hover,.asked-question dl dd a:active{color:#f63;}
 
 /*email 锟斤拷证*/
 .email-ev{padding:5px; background:#2372a3;height:24px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; line-height:24px;font-size:12px; color:#fff;}
 .email-ev:hover{text-decoration:none;background:#0252a3; color:#fff;}
 .Verified{height:24px; line-height:24px; color:#08a272}
 .Verified i{font-style:normal; float:left:margin-right:3px;font-size:12px;}
 .email-change{padding:5px 10px;background:#f63;height:24px; line-height:24px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px; color:#fff;}
 .email-change:hover{text-decoration:none;background:#f30; color:#fff;}
 
 .changeemail-font{font-size:14px; color:#333; line-height:32px; margin-bottom:3px;}
 .changeemail-input{margin-bottom:20px;height:auto;}
 .changeemail-input input.textfile{width:240px; padding:5px 10px; height:32px; line-height:32px; color:#333;font-size:14px; margin-right:10px;outline:none;}
 .changeemail-input .yan-zheng{background:#eee;}
 .changeemail-input .yan-zheng:hover{background:#e2e2e2;}
 .changeemail-input div{margin-bottom:15px;}
 .changeemail-input input.submit-email{padding:5px 20px; background:#337ab7; border:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px; color:#fff; line-height:30px;
 text-align:center;outline:none;cursor:pointer;}
 .changeemail-input input.submit-email:hover{background:#2372a3;}
 .changeemail-input input.submit-email:disabled{background:#aaa;cursor:not-allowed;}
 .changeemail-input input.submit-email:disabled:hover{background:#aaa;}
 
 /*锟狡癸拷注锟斤拷*/
 .ext-bg{background:#000;filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6;width:100%;height:100%;position:fixed;left:0;top:0;bottom:0;}
 .ext-div{width:820px;height:auto;margin-left:-410px;left:50%;top:60px;position:fixed;}
 .ext-div .ext-mr1{margin-right:42px;}
 .ext-div .ext-mr2{margin-right:38px;}
 .ext-div .ext-mr3{margin-right:12px;}
 .ext-div .right-register-div{width:372px; float:right;height:auto;padding-bottom: 20px;}
 .ext-div .right-register-div h3{font-size:24px;line-height:68px; height:68px; text-align:left; color:#333;margin:0;padding:0;}
 .ext-div .right-register-div ul{width:100%;height:auto;list-style-type:none;margin:0;padding:0;}
 .ext-div .right-register-div ul li{ width:100%;min-height:36px;margin-bottom:12px;list-style-type:none;}
 .ext-div .right-register-div ul li select{height:36px;}
 .ext-div .right-register-div ul li select.opt-reg1{width:116px;}
 
 .ext-div .right-register-div ul li.pwdenter{width:48%;}
 .ext-div .right-register-div ul li label{font-size:12px; font-weight:500;padding-bottom:0;}
 .ext-div .checkb label{font-weight:500;margin:0;}
 .ext-div .regsub-div{padding:20px 0;}
 .ext-div .registerSubmit{ width:100%;height:42px;background: -ms-linear-gradient(top, #ff6633, #e43900);background: linear-gradient(top, #ff6633, #e43900);background:-moz-linear-gradient(top,#ff6633,#e43900);background: -webkit-linear-gradient(top, #ff6633, #e43900);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff6633,endColorStr=#e43900); color:#fff;font-size:18px; text-align:center;line-height:42px; border:0;outline:none;cursor:pointer;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow: 0px 0px 3px 1px #ccc;-moz-box-shadow:0px 0px 3px 1px #ccc;-webkit-box-shadow:0px 0px 3px 1px #ccc;}
 .ext-div .registerSubmit:hover{background:#e43900;}
 .outextension{width:100%;min-height:500px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#fff;overflow:hidden;box-shadow: 0px 0px 8px 1px #333;-moz-box-shadow:0px 0px 8px 1px #333;-webkit-box-shadow:0px 0px 8px 1px #333;}
 .outextension .leftext{width:364px; height:520px; background:url(../imgs/ext1.jpg) left top no-repeat; position:relative;float:left;}
 
 .outextension .leftwomaninfo{width:372px; height:520px;background: -ms-linear-gradient(top, #5299d2, #3a629a);background: linear-gradient(top, #5299d2, #3a629a); background:-moz-linear-gradient(top,#5299d2,#3a629a);background: -webkit-linear-gradient(top, #5299d2, #3a629a);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5299d2,endColorStr=#3a629a); position:relative;float:left;}
 
 .outextension .leftwomaninfo .woman-name{padding-top:68px; display:block;width:100%;height:30px; line-height:30px; text-align:center;color:#fff;font-size:20px;}
 .outextension .leftwomaninfo .woman-name i{font-style:normal;font-size:14px;color:#c2e2ff;}
 .outextension .leftwomaninfo .woman-img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;overflow:hidden;width:270px;margin:70px auto;height:270px;border:6px solid #e5eff8;box-shadow: 0px 0px 10px 1px #333;-moz-box-shadow:0px 0px 10px 1px #333;-webkit-box-shadow:0px 0px 10px 1px #333;}
 .outextension .leftwomaninfo .woman-img img{width:270px;height:270px;}
 .ext-div .register{width:100%;text-align:center;font-size:14px; color:#fff; line-height:36px;left:0;}
 .ext-div .register a{color:#00baff;}
 .ext-div .p1{bottom:30px;}
 .ext-div .p2{bottom:55px;}
 .ext-div .reginfomartion{font-size:12px; line-height:16px; color:#666;}
 .ext-div .reginfomartion a{color:#0a71f7;}
 .ext-div .liche-left,.ext-div .liche-right{ width:170px; margin-left:6px;font-size:12px; height:auto;}
 .checkb label,.checkb label{font-weight:100;line-height:16px;margin-bottom:0;}
 .checkb label input{vertical-align:middle;margin-top:-2px;margin-right:3px;}
 
 #paginate li a{cursor:pointer;}
 #paginate li.disabled a{cursor:not-allowed}
 
 .bootbox{top:20%;}
 .toast-top {
	 top: 30% !important;
 }
 
 /*鏀粯鎻愮ず*/
 .pay-pop-bg{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;z-index:999;}
 .pay-pop-div{width:490px;min-height:190px;background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;overflow:hidden;position:fixed;left:50%;
 top:50%;margin-left:-215px; margin-top:-95px;z-index:1000;}
 .pay-pop-div .pay-title{padding-left:16px;display:block;height:40px;background: -ms-linear-gradient(top, #1d93e5, #0169b2);background: linear-gradient(top, #1d93e5, #0169b2);background:-moz-linear-gradient(top,#1d93e5,#0169b2);background: -webkit-linear-gradient(top, #1d93e5, #0169b2);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1d93e5,endColorStr=#0169b2);
 font-size:16px; color:#fff;line-height:40px;}
 .pay-pop-div .pay-notice{padding:34px 28px 52px;font-size:14px; color:#333;}
 .pay-pop-div .pay-notice i.icon{font-size:40px; line-height:40px; float:left; color:#1b9fe5;margin-right:10px;display:inline-block; margin-left:0;}
 .pay-pop-div .pay-notice span{font-family:"Helvetica Neue", Helvetica, Aria sans-serif;display:inline-block;float:left;font-size:14px; line-height:18px; color:#333;}
 .pay-pop-div .pay-notice .submit-div{clear:both; width:100%;height:48px; display:block;text-align:left;padding-top:16px;}
 /*.pay-pop-div .pay-notice .submit-div a{width:125px; height:32px; font-size:13px; line-height:32px; display:inline-block; border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:0 3px;}*/
 .pay-pop-div .pay-notice .submit-div a{width:160px; height:32px; font-size:13px; line-height:32px; display:inline-block; border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:0 3px;}
 .submit-div a:hover,.submit-div a:active,.submit-div a:link{text-decoration:none;}
 /*.pay-pop-div .pay-notice .submit-div a.not-pay{border:1px solid #c2c2c2;background:#f5f5f5; color:#444;width:190px;}*/
 .pay-pop-div .pay-notice .submit-div a.not-pay{border:1px solid #0c6893;background:#327ab7; color:#fff;width:160px;text-align: center;line-height: 30px;margin: 0;margin-right: 5px;border-radius: 20px;}
 .pay-pop-div .pay-notice .submit-div a.not-pay:hover{background:#3a8ed6;}
 .pay-pop-div .pay-notice .submit-div a.pay-success{border:1px solid #216f0c;background:#199524;color:#fff;text-align: center;line-height: 30px;margin: 0;margin-right: 5px;border-radius: 20px}
 .pay-pop-div .pay-notice .submit-div a.pay-success:hover{background:#11791a;}
 
 .error-credit-div{background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px; width:400px; height:84px; position:fixed;left:50%;top:50%;
 margin-left:-200px;margin-top:-42px;overflow:hidden; z-index:1000;}
 .error-credit{ padding:20px; display:block; font-size:14px; line-height:42px; color:#000; position:relative;}
 .error-credit i{font-size:32px;color:#fa0b27; margin-right:10px;vertical-align:middle;}
 
 .error-credit a.recharge{color:#0563ff;text-decoration:underline;}
 .error-credit a.close{width:20px;height:20px; font-size:20px; line-height:20px; position:absolute;right:13px; top:11px; color:#888;}
 .error-credit a.close:hover,.error-credit a.close:active,.error-credit a.close:link{color:#333;text-decoration:none;}
 
 .pay-history-point{width:100%;height:40px; border-bottom:1px solid #ddd;margin-bottom:10px;}
 .pay-history-point a{height:40px; line-height:40px;font-size:14px; color:#236ea1;display:inline-block;width:153px;text-align:center;}
 .pay-history-point a.change{border-bottom:2px solid #f63; margin-bottom:-1px; color:#f63;font-weight:700;}
 .pay-history-point a:hover,.pay-history-point a.change:hover{color:#f63;text-decoration:none;}
 
 
 #toast-container > div{opacity:1;}
 
 .chat-sys{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;padding:0 10px; display:table;max-width:550px;margin:0 auto;height:30px;border:1px solid #dbb121;background:#fdffbf;font-size:12px; line-height:30px; color:#f00;}
 .chat-sys i{width:20px;height:30px; font-size:21px; color:#f00;margin-right:5px; display:inline-block;vertical-align:middle;}
 .chat-sys a{color:#06f;}
 
 #checkStatus{
	 float:right;margin-right:10px;padding:0px 10px;
	 border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
	 margin-top:5px;
	 border:1px solid #dadada;
 }
 .reportabuse-box{border:1px solid #e3e3e3; background:#fbfbfb;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; margin-top:4px;padding:10px 20px;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 3px #CCCCCC;}
 .reportabuse-box .from-grp{display:block; padding-bottom:10px;}
 .reportabuse-box .from-grp span{line-height:24px; color:#333; font-size:14px;font-weight:700;padding:0;margin:0;}
 .reportabuse-box .from-grp span i{color:#f00;}
 .reportabuse-box .from-col{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;border: 1px solid #ccc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding: 6px 12px;width: 100%;
 height: 34px;line-height: 1.42857143; color:#555; font-size:14px;}
 .reportabuse-box textarea.from-col{ height:auto;}
 .reportabuse-box a.attachment{padding:5px 10px;color:#666;text-decoration: none;font-size:14px;background:#e5e5e5;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:24px;}
 .reportabuse-box button.submit-report{padding:6px 20px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
 
 #gotoTop{position: fixed;line-height:46px;width:46px;bottom:60px;height:46px;right:20px;cursor:pointer;display:none;background:#d1d1d1;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; font-size:28px; text-align:center; color:#666; z-index:1000;}
 #gotoTop:hover{background:#666; color:#fff;}
 .edithprofile-new{margin-left:8px;}
 .edithprofile-new select{width:25%;margin-right:5px;height:auto;}
 .edithprofile-new input.name{width:40%; height:auto;display:inline-block;}
 .edithprofile-new input.height{width:20%;height:auto; display:inline-block;}
 #popupn{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow: 0px 0px 6px 1px #333;-moz-box-shadow:0px 0px 6px 1px #333;-webkit-box-shadow:0px 0px 6px 1px #333;margin-top:-10%;overflow:hidden;}
 #noticeContent p{line-height:24px;}
 
 .info-att-notice{padding:5px 10px;font-size:14px; font-weight:700;color:#666; line-height:20px;display:block; margin:0 auto;}
 #popupn .info-att p{margin-bottom:5px;margin-left:10px; font-size:12px;}
 .customer-backfun{background:#f8f8f8; border:1px solid #d1d1d1;display:inline-block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;padding:30px 95px;}
 .customer-backfun i{font-size:60px; width:75px;line-height:60px;}
 .customer-backfun i.success{color:#1fa053;}
 .customer-backfun i.error{color:#f40;}
 .customer-backfun .backfun-info{font-size:14px; width:630px; line-height:24px; color:#454545; display:inline-block;}
 .customer-backfun .backfun-info p{display:block; margin-bottom:10px; color:#1fa053;font-size:18px;}
 .customer-backfun .backfun-info span{display:block;padding:15px 0; color:#333;font-size:16px;}
 .customer-backfun .backfun-info a.url{padding:3px 15px; display:inline-block; margin-right:10px;margin-top:10px;}
 
 .reply-pop{ position:fixed;width:424px;color:#fff; height:54px; font-size:16px; line-height:36px;padding:9px 15px; z-index:999;left:50%; margin-left:-212px; top:32%;margin-top:-27px;box-shadow: 0px 0px 6px 1px #888;-moz-box-shadow:0px 0px 6px 1px #888;-webkit-box-shadow:0px 0px 6px 1px #888;}
 .reply-pop.success{background-color:rgba(98, 164, 14, 0.9); }
 .reply-pop.error{background-color:rgba(192, 34, 18, 0.9);}
 .reply-pop i{display:inline-block;margin-right:10px;font-size:32px; line-height:32px;vertical-align:middle;}
 .reply-pop.success i{margin-top:-4px;}
 
 .verify_email{
	 background: #fff;
	 padding-top:8px;
	 padding-right: 15px;
	 padding-left: 15px;
	 margin-right: auto;
	 margin-left: auto;
	 width: 1200px;
	 /* position: relative;
	 top: 60px; */
	 /* margin-top: 112px;鏄ヨ妭 */
 }
 .customerNotice{
	background: #fff;
	padding-top:8px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	display: none;
 }
 .no-upload-photo{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; width:1168px; padding:0 20px; margin:0 auto; height:36px; line-height:36px; background:#e1fff0; border:1px solid #50c072; color:#000; font-size:14px;}
 .no-upload-photo i{font-size:16px; color:#1184bf; margin-right:10px; vertical-align:middle;}
 .no-upload-photo b{font-size:14px; color:#f00;text-transform:capitalize;}
 .no-upload-photo a{color:#097ad1; text-decoration:underline;}
 .no-upload-photo a:hover{color:#f63;}
 
 .no-upload-email{
	 border-radius:2px;
	 -webkit-border-radius:2px;
	 -moz-border-radius:2px; 
	 width:1168px; 
	 padding:0 20px; 
	 margin:0 auto; 
	 height:36px; 
	 line-height:36px; 
	 background:#e1f8ff; 
	 border:1px solid #68a9d2; 
	 color:#000; 
	 font-size:14px;
 }
 .no-upload-email a{
	 color:#097ad1; 
	 text-decoration:underline;
 }
 .no-upload-email a:hover{
	 color:#f63;
 }
 
 .chat-save{position:absolute;left:10px;top:6px;right:10px; bottom:6px;background:#666; opacity:0.93;filter:alpha(opacity=93); display:block; font-size:30px; color:#fff;text-align:center;line-height:100px;}
 /*pop bg*/
 .loginoutbg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100; overflow: hidden;}
 .logfade{background-color:rgba(0, 0, 0, 0.4);}
 .loginout{width:330px;height:64px;background:#f5f5f5;top:50%;left:50%;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;position: relative;margin-left:-165px; margin-top:-32px;display:block; text-align:center; line-height:64px; color:#333;font-size:16px;box-shadow: 0px 0px 6px 1px #333;-moz-box-shadow:0px 0px 6px 1px #333;-webkit-box-shadow:0px 0px 6px 1px #333;}
 .loginout i{display:inline-block; font-size:28px; margin-right:10px; color:#277bd1;vertical-align:middle;}
 
 input[type="submit"]:disabled{background:#aaa;cursor:not-allowed;}
 input[type="submit"]:disabled:hover{background:#aaa;}
 
 .welcomepopbg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100; overflow: hidden;background-color:rgba(0, 0, 0, 0.3);}
 .welcomepop{z-index: 1101;width:520px;height:453px;overflow:hidden; position:fixed;left:50%;margin-left:-260px;text-align:left; top:40%;margin-top:-90px;background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;display:block;box-shadow: 0px 0px 6px 1px #333;-moz-box-shadow:0px 0px 6px 1px #333;-webkit-box-shadow:0px 0px 6px 1px #333;}
 .welcomepop i.w-close{width:36px; height:36px;cursor:pointer; font-size:28px;color:#999;position:absolute; right:0; top:0;display:block; text-align:center;line-height:36px;}
 .welcomepop i.w-close:hover{color:#f60;}
 .welcomepop .welcomepopdiv{padding-top:20px;height:453px;position:relative;width:520px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
 .welcomepop .welcomepopdiv .bigfont{font-size:19px; color:#f60; display:block; line-height:30px;margin:0 30px 10px;}
 /* .welcomepop .welcomepopdiv .smfont{font-size:14px; line-height:24px; color:#333;margin:0 30px; background: #ccc;width:520px;margin-left:0px;padding-left: 30px} */
 .welcomepop .welcomepopdiv .smfont{font-size:14px; line-height:24px; color:#333;margin:0 30px; background: #f1f1f1; border-radius: 5px}
 .welcomepop .welcomepopdiv .smfont span{color: green}
 .welcomepop .welcomepopdiv b{color:#2db902;font-size:18px;}
 .welcomepop .welcomepopdiv .welcomefoot{height:40px; line-height:40px;padding-left:30px;width:520px; background:#ebeee9;font-size:12px; color:#888;position:absolute;left:0;bottom:0;}
 .welcomepop .woman_img{width: 100%;height: 180px;padding: 0 30px;margin-top: 20px}
 .welcomepop .woman_img .online-woman{float:left;width:130px;height:175px;}
 .welcomepop .woman_img div:nth-of-type(n+2){margin-left:35px}
 .welcomepop .woman_img .online-woman .img-border{width:130px;height:130px;border-radius:65px;border: 1px solid #ddd;overflow: hidden}
 .welcomepop .woman_img .online-woman .img-border img{width:130px;height:130px}
 .welcomepop .woman_img .online-woman a{text-decoration: none;color:#333} 
 .welcomepop .woman_img .online-woman .button{border:1px solid #ddd;width:120px;height:30px;line-height:30px;background:#f8f8f8;text-align:center;margin-left: 5px;margin-top: 10px;border-radius: 3px}
 .welcomepop .welcomepopdiv .send-online-chat{cursor:pointer;margin-top:13px;border-radius:5px;color:white;margin-left:110px;width:300px;height:40px;background: green;text-align: center; font-size:16px;line-height:40px}
 
 .unreadpopbg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100; overflow: hidden;background-color:rgba(0, 0, 0, 0.3);}
 .unreadpop{z-index: 1101;width:456px;height:126px;background-color:#fff;overflow:hidden; position:fixed;left:50%;margin-left:-228px;text-align:left; top:40%;margin-top:-90px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;display:block;box-shadow: 0px 0px 6px 1px #333;-moz-box-shadow:0px 0px 6px 1px #333;-webkit-box-shadow:0px 0px 6px 1px #333;}
 .unreadpop .title{height:38px;line-height:38px;color:#fff; font-size:14px;background-color:#3b74bb;position: absolute;left:0;top:0;width: 100%;padding-left: 10px;}
 .unreadpop i.w-close{width:36px; height:36px;cursor:pointer; font-size:28px;color:#fff;display:block; text-align:center;line-height:36px;margin-right:6px;position: absolute;right: 0 ;top: 3px}
 .unreadpop i.w-close:hover{color:#fff;}
 .unreadpop .unreadpopdiv{padding-top:20px;height:180px;position:relative;width:456px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
 .unreadpop .unreadpopdiv .smfont{font-size:14px; line-height:25px; color:#666;margin:25px 30px 0px 50px;color: #333333;}
 .unreadpop .unreadpopdiv .smfont a{color:#0082f0;}
 .unreadpop .unreadpopdiv .icon-zhuyi1{float:left;color: #3872BB;font-size: 28px;margin-top: 10px;}
 .unreadpop .unreadpopdiv .message{float: right;position: absolute;right: 150px;bottom: 77px;}
 
 
 .checkphotobg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100; overflow: hidden;background-color:rgba(0, 0, 0, 0.3);}
 .checkphoto{z-index: 1101;width:460px;height:460px;overflow:hidden; position:fixed;left:50%;text-align:center; top:50%;margin:-230px 0 0 -230px;background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;display:block;box-shadow: 0px 0px 6px 1px #333;-moz-box-shadow:0px 0px 6px 1px #333;-webkit-box-shadow:0px 0px 6px 1px #333;}
 .checkphoto i.w-close{width:36px; height:36px;cursor:pointer; font-size:28px;color:#999;position:absolute; right:0; top:0;display:block; text-align:center;line-height:36px;}
 .checkphoto i.w-close:hover{color:#f60;}
 .checkphoto .checkphotodiv{padding-top:20px;height:100%;position:relative;width:100%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
 .checkphoto .checkphotodiv .bigfont{font-size:30px; color:#f60; display:block; line-height:30px;margin:0 30px 10px;}
 .checkphoto .checkphotodiv .smfont{font-size:14px; line-height:24px; color:#666;}
 .checkphoto .checkphotodiv b{color:#2db902;font-size:18px;}
 .checkphoto img{height:430px;}
 
 @media screen and (max-height:800px){
	 .message-box-left{height:600px;}
	 .message-box-right{height:600px;}
	 .nomb{min-height:600px;}
	 .scroll-area{height:420px;}
	 .readinfo div.teatarea-div{max-height:200px;}
	 .teatarea-div pre{min-height: 200px;max-height:200px;}
 }
 
 /* christmas activity */
 .christmas-active{width:888px;}
 .christmas{width: 100%;padding: 0 46px;	font-family: sans-serif;}
 .christmas .letter-content{font-size: 14px;color: #333333;margin-top:9px;}
 .christmas .christmas-Period{margin: 26px 123.5px 30px 123.5px;}
 .christmas .christmas-points{width: 100%;height: 205px;display: flex;justify-content:space-between;align-content: space-between;flex-wrap:wrap;}
 .christmas .christmas-point{
	 
 }
 .christmas .christmas-point .point-photo{width:74px;height:75px;margin:10px 0 10px 53px ;}
 
 .christmas .christmas-point p span{font-size: 17px;color: #ff1d58;                       }
 .christmas .christmas-point p:first-child{margin-top:10px;}
 .christmas .christmas-point p:last-child{margin-top:-9px;}
 
 .christmas .christmas-slogan{margin: 34px 0 0 19px ;float: left;}
 .christmas .christmas-slogan span{	margin-left: 13px;font-size: 16px;}
 
 .christmas .christmas-img2{
 float:right;
 width: 240px;
 height: 151px;
 margin-right:-26px;
 }
 .christmas-gift{
	 margin: 40px auto 10px;
	 padding: 0px 8px;
 }
 .christmas-text{
	 float: left;
	 margin:45px 0 0 30px;
	 color:#999;
 }
 
 #iceBreakModal .modal-dialog {
	 width: 752px;
	 margin: 30px auto;
 }
 #iceBreakModal .modal-header{
	 padding: 0px;
	 border:0px;
 }
 
 #icebreakTitle{
	 margin:0 auto 20px;
	 text-align: center;
	 font-size: 22px;
	 line-height: 22px;
	 color: #ff6633;
 }
 #iceBreakModal .modal-header .close{
	 padding: 10px 10px;
	 filter: alpha(opacity=60);
	 opacity: .6;
	 width: 40px;
	 height: 40px;
 }
 #iceBreakModal .modal-header .close:hover{text-decoration: none;cursor: pointer;}
 #iceBreakModal .modal-header .closeBtn span{
	 font-size: 30px;	
 }
 #iceBreakModal .modal-body{
	 margin:15px;
	 padding:0px;
 }
 .icebreaksale-tipsAll{
	 margin: 0 25px 8px;
	 height:50px;
 }
 .icebreaksale-tips{
	 float:left;
	 width: 325px;
	 height:50px;
	 color:#333333;
	 background-color:#ffe7c9;
	 margin:0 5px;
	 padding:5px 0px 5px 12px;
 }
 .icebreaksale-tips p{
	 margin:0px;
	 height:20px;
	 line-height: 20px;
 }
 .icebreaksale-tips p span{
	 margin-left: 5px;
	 font-size: 13px;
 }
 .icebreak-notice{
	 margin:20px auto;
	 text-align: center;
	 font-size:18px;
	 color: #333;
 }
 .icebreak-imgBox{
	 margin: 0px 8px;
 }
 .icebreak-img{
	 margin: 8px;
	 position: relative;
	 left: 0;
	 top: 0;
	 width: 156px;
	 height: 156px;
	 display: inline-block;
 }
 .icebreak-img .info-img{
	 width: 156px;
	 height: 156px;
	 border-radius: 6px;
	 display: inline-block;
 }
 .icebreak-choose{
	 position: absolute;
	 right: 6px;
	 top: 6px;
 }
 .icebreak-choose .choose-off,.icebreak-choose .choose-on{
	 display: none;
 }
 .icebreak-female{
	 position: absolute;
	 bottom: 0px;
	 left: 0px;
	 width:100%;
	 height: 27px;
	 line-height: 27px;
	 color: #fff;
	 background: rgba(0, 0, 0, .4);
	 padding: 0 8px 0 12px;
	 border-radius: 0px 0px 6px 6px
 }
 .icebreak-female span{
	 /* line-height: 27px; */
 }
 .icebreak-female .info-no{
	 color: #ccc;
	 font-size: 12px;
 }
 .icebreak-greeting{
	 margin: 8px 17px;
	 padding: 8px 25px;
	 background: #e6e6e6;
 }
 .icebreak-greeting input[type="radio"]:checked label {color: #3983f2;}
 .icebreak-greeting-one{
	 height: 23px;
	 line-height: 23px;
	 color: #666;
 }
 .icebreak-greeting-one label{
	 font-weight: 500;
 }
 .icebreak-greeting-one input{
	 /* margin: 0 9px 0 0; */
	 display: none;
 }
 .icebreak-greeting-one label .chooseImg {
	 display: inline-block;
	 width: 14px;
	 height: 14px;
	 margin-right: 10px;
	 background: url(../imgs/icon_radio.png);
 }
 .icebreak-greeting-one label input:checked+.chooseImg {
	 background: url(../imgs/icon_radio_on.png) no-repeat;
 }
 .icebreak-btnbox{
	 margin: 12px 0px 30px;
 }
 .icebreak-button{
	 width: 188px;
	 height: 39px;
	 border-radius: 20px;
	 border: 0px;
	 background: #3983f2;
	 font-size: 18px;
	 color:#fff;
	 margin:0 275px;
 }
 
 /*鍏充簬寮圭獥鏌ョ湅澶у浘*/
 .popupContent{
	 position: absolute;
	 z-index: 988;
	 width: 840px;
	 height: 560px;
	 background-color: #fff;
	 left: 50%;
	 top: 8%;
	 margin-left: -400px;
	 padding: 30px;
	 border-radius: 4px;
 }
 .popupContentImg{
	 width: 780px;
	 height: 500px;
	 line-height: 500px;
	 text-align: center;
 }
 .popupContentImg img{
	 max-width: 780px;
	 max-height: 500px;
 }
 .closePopup{
	 position: absolute;
	 right: 10px;
	 top: 10px;
	 font-size: 20px;
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 font-weight: bold;
	 line-height: 1;
	 color: #000;
	 text-shadow: 0 1px 0 #fff;
	 z-index: 9999;
 }
 .closePopup:hover{
	 opacity: 0.6
 }
 .popupBg{
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 left: 0;
	 top: 0;
	 background: #000;
	 filter: alpha(opacity=50);
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 z-index: 900;
 }
 .music_title{
	 background: #73a4df !important;
 }
 .music_title th{
	 font-weight:400;
	 color:#fff !important;
 }
 .music-unread-icon{
	 position:absolute;
	 left:0px;
	 top:0px;
 }
 
 
 .music-unread-icon img{
	 border-radius:0px !important; 
	 width:35px;
	 height:35px;
 }
 .music_headerPic{
	 width: 50px !important;
	 height:50px !important;
 }
 .music_coverpic{
	 width: 50px !important;
	 height:50px !important;
	 border-radius:0px !important;
 }
 
 .music-message{
	 font-size:12px;
	 color:#333;
	 display: block;
	 width: 133px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .music_woman_name{
	 display: block;
	 margin-right:15px;
	 max-width: 50%;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 
 
 .send-music-area{
	 padding-top:30px; 
	 padding-left:80px;
	 background:#f2f4f7;
	 height:900px;
	 position:relative
 }
 .send-music-area .music-label{
	 margin-bottom:20px;
 }
 .send-music-area .music-label>span{
	 color:#333;
	 font-size: 14px;
	 font-weight: 500;
	 margin-right: 20px;
 }
 .send-music-area .music-inline{
	 display: inline-block;
 }
 .send-music-area .music-input{
	 width: 120px;
	 height:33px
 }
 .music-font td{
	 color:#333 !important;
 }
 .send-music-area .misic-search{
	 float:left;
	 margin-left:-55px;
	 margin-top:17px;
 
 }
 .send-music-area .misic-search-area{
	 float:right;
	 margin-right:25px;
	 display: inline-block;
	 width:728px;
	 
 }
 .send-music-area .misic-search-title{
	 background: #fff;	
	 padding-left: 10px;
	 border:1px solid #ccc;
	 padding-bottom: 8px
 }
 .send-music-area .music-list{
	 padding: 20px 20px 60px 20px;
	 background: #fff;
	 
 }
 .music-seacher-title{
	 color: #333333;
	 background: #ccd9ec !important;
	 font-weight: 200 !important;
 }
 .music-inline span{
	 margin-right:10px;
	 margin-left:5px;
	 
 }
 .music-icon-search{
	 margin-top:-3px;
	 margin-left:-5px
 }
 .send-music-area .music-search-btn{
	 margin-left:10px;
	 margin-top:-6px;
	 padding-top: 4px !important;
 }
 
 .music-send-button{
	 margin-left: 260px;
	 margin-top: 40px
 }
 
 /* music player */
 
 .music-bg {
	 position: fixed;
	 z-index: 10;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100px;
	 background: rgba(0, 0, 0, 0.9)
 }
 
 .music-all {
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 margin-left: -275px;
	 width: 510px;
	 height: 90px;
	 padding: 10px;
 }
 
 .music-left {
	 position: absolute;
	 left: -10px;
	 bottom: 0;
	 /* background: red; */
	 width: 120px;
	 height: 120px;
	 /* border-radius: 60px; */
	 /* border: 3px solid #ccc; */
 
 }
 .music-player{
	 position: absolute;
	 left:-35px;
	 top:14px;
 }
 
 .music-pic {
	 width: 80px;
	 height: 80px;
	 position: absolute;
	 left: 20px;
	 top: 38px;
	 border-radius: 40px;
	 overflow: hidden;
	 animation: sport 10s linear 0s infinite normal;
	 
	 transform-origin: center center
 }
 .music-play-paused{
	 animation-play-state:paused;
 }
 
 @keyframes sport {
		 from{
			 transform: rotate(0deg);
		 }
		 to{
			 transform: rotate(360deg)
		 }
	 }
 
 .music-middle {
	 position: absolute;
	 left: 130px;
	 float: left;
	 width: 200px;
	 height: 70px;
 }
 
 .music-right {
	 position: absolute;
	 left: 375px;
	 top: 15px;
	 width: 200px;
	 /* height: 70px; */
	 height: 40px;
 }
 
 .progress {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 width: 400px;
	 margin: 10px 0;
	 background: rgba(0, 0, 0, 0);
 
 }
 
 .progress-bar {
	 position: relative;
	 width: 80%;
	 height: 2px;
	 background-color: #fff;
	 vertical-align: 2px;
	 border-radius: 3px;
	 cursor: pointer;
 }
 
 .now {
	 position: absolute;
	 left: 0;
	 display: inline-block;
	 height: 2px;
	 width: 50%;
	 background: #e08a19;
 }
 
 .now::after {
	 content: '';
	 position: absolute;
	 left: 100%;
	 width: 3px;
	 height: 2px;
 }
 
 .yuan {
	 display: inline-block;
	 width: 20px;
	 height: 20px;
	 border-radius: 10px;
 }
 
 .musiclose {
	 position: absolute;
	 top: 10px;
	 right: 28%;
	 font-size: 15px;
	 color: #fff;
	 z-index:1
 }
 .sendMusic{
	 width:128px;height:37px;float:right;text-decoration:none;color:#fff;background:#ffa713;
	 /* position: absolute;right:24px;top:30px; */
	 margin-top: 20px;
	 line-height: 24px;
 }
 
 .music-play{
	 color:#3983f2;
	 cursor:pointer;
	 /* width:10px;
	 height:10px;
	 display:inline-block */
 }
 .music-return{
	 color:#3983f2;
	 cursor:pointer
 }
 .music-detete{
	 color:#3983f2;
	 cursor:pointer
 }
 
 /* header-music */
 .floatlayer4 a,.floatlayer5 a,.floatlayer6 a,.floatlayer7 a{
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
 }
 .floatlayer4{  /*左上*/
	position:fixed;
	top:150px;
	left: 200px;
	z-index: 50;
 }
 .floatlayer5{  /*左中*/
	position:fixed;
	top:50%;
	margin-top: -55px;
	left: 200px;
	z-index: 50;
 }
 .floatlayer7{  /*右中*/
	position:fixed;
	top:50%;
	margin-top: -55px;
	right: 200px;
	z-index: 7;
 }
 .floatlayer6{  /*右上*/
	 position:fixed;
	 /* left:50%; */
	 top:150px;
	 right: 200px;
	 /* margin-left:600px; */
	 z-index: 7;
 }
  #drawgridshow{
	 width: 115px;
	 height: 92px;
	 background: url(../imgs/draw.gif) no-repeat center center;
	 background-size: 100% 100%;
 }
  #pumpkinshow{
	width: 100px;
	height: 100px;
	background: url(../imgs/halloween/but_wsj_icon.png) no-repeat center center;
	background-size: 100% 100%;
}
@media (max-width: 1680px){
	.floatlayer6,.floatlayer7{
	   right: 80px;
	}
	.floatlayer4,.floatlayer5{
		left: 80px;
	}
}
 @media (max-width: 1510px){
	 .floatlayer6{
		right: 0px;
	 }
	 .floatlayer7{
		 right: 36px;
	 }
	 .floatlayer4,.floatlayer5{
		left: 0px;
	}
 }
 @media (max-width: 1380px){
	 .floatlayer6{
		 right: 0px;
	 }
	 .floatlayer7{
		right: 36px;
	}
	 .floatlayer4,.floatlayer5{
		left: 0px;
	}
 }
 /* 鎶藉杞洏寮�濮� */
 .grid_activity{position: fixed;z-index: 9990;top: 0;right: 0;left: 0;bottom: 0;display: none;}
 .grid_activity .grid_activity_prp{width: 100%;height: 100%;background: #000;opacity: .4;}
 .grid_activity .grid_activity_box .roulette_box{position: absolute;top: 50%;left: 50%;z-index: 2;width: 840px;height: 505px;background: url('../imgs/drawites.png') -10px -10px;margin:-252px 0 0 -420px;padding-top: 92px;}
 /* 感恩节 */
 .thanksGiving_activity{position: fixed;z-index: 9990;top: 0;right: 0;left: 0;bottom: 0;display: none;}
 .thanksGiving_activity .thanksGiving_activity_prp{width: 100%;height: 100%;background: #000;opacity: .4;}
 .thanksGiving_activity .thanksGiving_activity_box{position: absolute;top: 50%;left: 50%;z-index: 2;width: 568px;height: 550px;background: url('../imgs/Thanksgiving/gej_tc.png') no-repeat;background-size: 568px 550px;margin:-284px 0 0 -259px;padding-top: 92px;}
 .thanksGiving_activity .thanksGiving-close{position: absolute;right: -100px;top: -20px;width: 40px; height: 40px;background: url('../imgs/halloween/wsj_del.png') no-repeat center;cursor: pointer;}
 .thanksGiving_activity .thanksGiving_center{position: absolute;right: 50%;transform: translateX(50%);top: 256px;width: 420px;height: 190px;}
 .thanksGiving_activity	.thanksGiving_btn a{background-color:#e2682c;padding: 8px 20px;text-decoration: none;color: white;border-radius: 18px;}
 /* 砸南瓜 */
 .pumpkin_activity{position: fixed;z-index: 9990;top: 0;right: 0;left: 0;bottom: 0;display: none;}
 .pumpkin_activity .pumpkin_activity_prp{width: 100%;height: 100%;background: #000;opacity: .4;}
 .pumpkin_activity .pumpkin_activity_box{position: absolute;top: 50%;left: 50%;z-index: 2;width: 840px;height: 505px;background: url('../imgs/halloween/bounced_bg.png') no-repeat center;margin:-252px 0 0 -420px;padding-top: 92px;}
 .pumpkin_activity .pumpkin_activity-close{position: absolute;right: 50px;top: -20px;width: 40px; height: 40px;background: url('../imgs/halloween/wsj_del.png') no-repeat center;cursor: pointer;}
 .pumpkin_activity .grid-list{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 130px;}
 .pumpkin_activity .pumpkin_activity_box .activity-content{width: 333px;font-family: ArialMT;font-size: 14px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #333333;position: absolute;left: 260px;top: 300px;padding: 10px 10px;background: rgba(254, 231, 161, 0.8);border-radius: 3px;overflow: hidden;}
 .pumpkin_activity .smash-pumpkin .button{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 435px;background-color: #df6800;color: white;border-radius: 3px;border: none;padding: 9px 20px;text-decoration: none;}
 .pumpkin_activity .congratulations .congratulations-t{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 55px;z-index: 10;}
 .pumpkin_activity .congratulations .content{width: 340px;height: 200px;background: rgba(254, 231, 161, 0.8);padding: 70px 10px 5px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 190px;border-radius: 3px;text-align: center}
 .pumpkin_activity .congratulations .prize{margin-top: 20px;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 18px;letter-spacing: 0px;color: #333333;}
 .pumpkin_activity .blessing{width: 337px;height: 120px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 190px;text-align: center;background: rgba(254, 231, 161, 0.8);padding: 35px 10px 5px;border-radius: 3px;font-family: ArialMT;font-size: 20px;line-height: 24px;letter-spacing: 0px;color: #333333;}

 .grid_activity .grid_activity_box .pumpkin_box{position: absolute;top: 50%;left: 50%;z-index: 2;width: 840px;height: 505px;background: url('../imgs/halloween/bounced_bg.png') no-repeat center;margin:-252px 0 0 -420px;padding-top: 92px;}
 .grid_activity .activity-content{position: relative;}
 .grid_activity .views-content{
			 width: 315px;
			 height: 235px;
			 background: #ffeedb;border-radius: 4px;
			 padding: 20px;
			 box-shadow: 0 0px 7px 2px #f03030;
			 margin-bottom: 15px;
			 display: none;
		 }
		 #grid_box .grid_activity_xq{
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 2;
			width: 470px;
			height: 225px;
			background: url(../imgs/Thanksgiving/tc_beijing.png) no-repeat;
			margin: -112px 0 0 -235px;
			padding-top: 92px;
		}
		 .grid_result_view{
			 width: 480px;
			 height: 200px;
			 position: absolute;
			 top: 80px;
			 left: 50%;
			 margin-left: -240px;
			 z-index: 3;
			 padding: 10px;
			 background: #ffdc6b;
			 border-radius: 5px;
			 display: none;
		 }
		 .grid_result_view .result_view{
			 border-radius: 35px;
			 background:#fff url(../imgs/giudbj.png) no-repeat center center;
			 background-size: 100% 100%;
			 height: 100%;
			 text-align: center;
			 font-size: 16px;
			 color: #656565;
		 }
		 .grid_result_view .result_view p{
			 color: #656565;
			 font-size: 16px;
			 line-height: 18px;
			 padding-top: 60px;
		 }
		 .grid_result_view .result_view p span{
			 color: #f2a711;
		 }
		 .grid_result_view .glyphicon-remove{
			 top: -22px;
			 float: right;
			 font-size: 15px;
			 opacity: 0.7;
			 margin-right: -22px;
			 border-radius: 100%;
			 cursor: pointer;
			 background: #999;
			 color: #fff;
			 font-weight: 100;
			 width: 26px;
			 height: 26px;
			 text-align: center;
			 line-height: 26px;
		 }
		 .views-content .views-scoll{
			 /* overflow-y: scroll; */
			 width: 100%;
			 height: 100%;
		 }
		 .grid_activity .views-content.active{
			 display: block;
			 background: none;
			 box-shadow: none;
			 padding: 0;
			 color: #fff9db;
			 height: initial;
		 }
		 .views-content.active h3{
			 margin: 0 0 15px 0;
			 font-size: 22px;
		 }
		 .views-content.active p{
			 line-height: 21px;
			 font-size: 17px;
			 margin-bottom: 14px;
		 }
		 .grid_activity .liadicon{
			 display: none;
			 margin: 60px auto;
		 }
		 .views-bottoms{
			 height: 36px;border-radius: 18px;color: #bf7826;font-size: 14px;
			 padding: 0 20px;
			 line-height: 36px;
			 display: inline-block;
			 margin-top: 20px;
			 box-shadow: 0 0px 7px 2px #ff3d3d;
			 background: -ms-linear-gradient(bottom, #ffbc74, #ffd3a9);
			 background: -moz-linear-gradient(bottom,#ffbc74, #ffd3a9);
			 background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffbc74), to(#ffd3a9));
			 background: -webkit-linear-gradient(bottom, #ffbc74, #ffd3a9);
			 background: -o-linear-gradient(bottom, #ffbc74, #ffd3a9);
			 cursor: pointer;
		 }
		 .views-ul{
			 margin:0;
			 padding:0;
		 }
		 .views-ul li{
			 list-style: none;
			 font-size: 14px;
			 color: #ff584c;
			 margin-bottom: 6px;
			 line-height: 14PX;
			 height: 14px;
			 -o-text-overflow: ellipsis;
			 text-overflow: ellipsis;
			 overflow: hidden;
			 white-space: nowrap;
		 }
		 .views-bottoms:hover{
			 text-decoration:none;
		 }
		 .grid_activity .roulette_box .grid-close{position: absolute;right: 18px;top: -29px;width: 16px; height: 16px;background: url('../imgs/drawites.png') -994px -396px;cursor: pointer;}

		

		 .grid_activity .pumpkin_box .grid-list{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 130px;}
		 .grid_activity .pumpkin_box .activity-content{
			width: 333px;
			/* height: 100px; */
			font-family: ArialMT;
			font-size: 14px;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0px;
			color: #333333;
			position: absolute;
			left: 260px;
			top: 300px;
			/* background-color: #fee7a1; */
			padding: 10px 10px;
			/* opacity: 0.8; */
			background: rgba(254, 231, 161, 0.8);
			border-radius: 3px;
			overflow: hidden;
		 }
		 .grid_activity .pumpkin_box .smash-pumpkin .button,.congratulations .button{
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			top: 435px;
			background-color: #df6800;
			color: white;
			border-radius: 3px;
			border: none;
			padding: 9px 20px;
			text-decoration: none;
		 }
		 .grid_activity .pumpkin_box .congratulations .congratulations-t{
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			top: 55px;
			z-index: 10;
		 }
		 .grid_activity .pumpkin_box .congratulations .content{
			width: 340px;
			height: 200px;
			/* background-color: #fee7a1; */
			background: rgba(254, 231, 161, 0.8);
			padding: 70px 10px 5px;
			/* opacity: 0.8; */
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			top: 190px;
			border-radius: 3px;
			text-align: center
		 }
		 .grid_activity .pumpkin_box .congratulations .prize{
			margin-top: 20px;
			font-size: 16px;
			font-weight: normal;
			font-stretch: normal;
			line-height: 18px;
			letter-spacing: 0px;
			color: #333333;
		 }
		 .grid_activity .pumpkin_box .blessing{
			width: 337px;
			height: 120px;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			top: 190px;
			text-align: center;
			/* background-color: #fee7a1; */
			background: rgba(254, 231, 161, 0.8);
			padding: 35px 10px 5px;
			/* opacity: 0.8; */
			border-radius: 3px;
			font-family: ArialMT;
		   font-size: 20px;
		   font-weight: normal;
		   font-stretch: normal;
		   line-height: 24px;
		   letter-spacing: 0px;
		   color: #333333;
		}


		 .grid_activity .col-pull-left{float: left;padding:50px 0 0 40px;}
		 .grid_activity .col-pull-right{float: right;width: 366px;height: 366px;margin-right: 37px;position: relative;}
		 .grid_activity .turnplate{
			 position: relative;width: 100%;height: 100%;
			 display: none;
		 }
		 .grid_activity .canvasload{
			 position: absolute;
			 top: 0;
			 left: 0;
			 width: 366px;
			 height: 366px;
			 display: none;
			 z-index: 9;
			 border: 10px solid #ffe770;
			 border-radius: 100%;
			 background: #ffe770;
		 }
		 .grid_activity .canvastext{
			 color: #ffe770;
			 font-size: 18px;
			 text-align: center;
			 padding-top: 145px;
		 }
		 .grid_activity .canvasload img{
			 display: block;
			 width: 100px;
			 height: 100px;
			 margin: 123px auto;
		 }
		 .grid_activity .pointer{
			 cursor: pointer;
			 position: absolute;top: 50%;right: 50%;margin-top: -59px;
			 margin-right: -52px;width: 104px; height: 118px;background: url('../imgs/drawites.png') -870px -396px;z-index: 2;
		 }
		 .grid_activity .canvasitem{position: absolute;top: 0;left: 0;z-index: 1;transform: rotate(-112deg);
			 border: 10px solid #ffe770;border-radius: 100%;background: #ffe770;
		 }
 /* 鎶藉杞洏缁撴潫 */
 
 .unread-misic{
	 width: 20px;
	 height: 20px;
	 line-height: 20px;
	 text-align: center;
	 display: block;
	 color: #fff;
	 position: absolute;
	 right: 9px;
	 top: 1px;
	 z-index: 99;
	 font-size: 12px;
	 background: #2fba04;
	 overflow: hidden;
	 border-radius: 20px;
	 -webkit-border-radius: 20px;
	 -moz-border-radius: 20px;
	 font-style: normal;
 }
 
 .music-alert{
	 position:absolute;
	 z-index:99;
	 left:50%;
	 top:105px;
	 margin-left:-190px;
	 width:430px;
	 
 
 }
 .music-alert .alert-message{
	 position:relative;
	 width:430px;
	 height:34px;
	 margin-bottom:20px;
	 padding-left: 5px;
	 line-height:34px;
	 background:rgba(57,132,242,0.8);
	 color:#fff;
	 font-weight:500;
 }
 .music-alert .alert-message img{
	 margin-right:10px;
 }
 .music-message-close{
	 position: absolute;
	 top: 0px;
	 right: 15px;
	 font-size: 10px;
	 color: #fff
 }
 .song-name{
	 display: block;
	 max-width: 115px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
	 float: left;
 }
 
 .music-name{
	 display: inline-block;
	 max-width: 70px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .music-singer{
	 display: block;
	 margin-left:10px;
	 float: left;
	 max-width: 40px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .player_name{
	 display: block;	
	 max-width: 150px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .player_singer{
	 display: block;	
	 max-width: 120px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 
 .ta-box .coupon-number-total{
	 background:#fef5dc;
	 padding:10px 19px;
	 line-height:22px;
	 font-size:12px;
 }
 .ta-box .coupon-number-total .coupon-total{
	 margin-left:10px;color:#ff6633;font-size:14px;
 }
 .coupon-number-total .coupon-toggle{
	 position: relative;
 }
 .coupon-toggle .coupon-win{
	 width:290px;
	 height:40px;
	 border:1px solid #3983f2;
	 position: absolute;
	 right: -18px;
	 top: -45px;
	 background: #fff;
	 box-shadow: 0px 0px 7px rgba(0,0,0,.35);
	 border-radius: 10px;
	 line-height: 15px;
	 padding: 5px 10px;
	 display: none;	
 }
 .coupon-toggle .coupon-win img{
	 position:absolute;
	 right: 28px;
	 bottom: -8px;
 }
 .coupon-number-total .coupon-toggle a{
	 color:#666;font-size:14px;
 }
 .coupon-number-total .coupon-types{
	 color:#333;clear: both;
 }
 .coupon-number-total .coupon-types i{
	 color:#ff6633;font-style: normal;
 }
 .coupon-number-total .coupon-types span{
	 padding-left: 46px;
 }
 .coupon-number-total .coupon-types span:nth-child(1){
	 padding-left:0px;
 }
 .ta-box .coupon-title{
	 width:100%;
	 height:40px;
	 border-bottom:1px solid #ddd;
	 margin-bottom:10px;}
 .ta-box .coupon-title a{
	 height:40px;
	 line-height:40px;
	 font-size:14px;
	 color:#333;
	 display:inline-block;
	 width:153px;
	 text-align:center;}
 .ta-box .coupon-title a.change{
	 border-bottom:3px solid #f63;
	 margin-bottom:-1px; 
	 color:#f63;
	 font-weight:700;}
 .ta-box .coupon-title a:hover,.coupon-title a.change:hover{
	 color:#f63;text-decoration:none;}
 .coupon-table table tr.title th{
	 font-weight: normal;
 }
 table.table-coupon-p td,table.table-credit-p th{ font-size:12px;  line-height:24px;}
 table.table-coupon-p th{padding:6px 15px;}
 table.table-coupon-p td{ border-top:1px solid #ddd; position:relative; color:#666;padding:10px 15px; cursor:pointer;}
 table.table-coupon-p td input{ margin-top:-1px; vertical-align:middle; margin-right:5px;}
 table.table-coupon-p td .hot{ position:absolute; left:-1px; top:-1px;}
 table.table-coupon-p tr:hover{ background:#f9f9f9;}
 table.table-coupon-p tr.active td{ background:#fff6f0; color:#333; font-weight:700;}
 table.table-coupon-p tr.active:hover{background:#fff6f0;}
 table.table-coupon-p td i.b-creat{color:#f00; margin-right:20px;font-style:normal;}
 table.table-coupon-p td i.b-success{color:#3983f2; margin-right:20px;font-style:normal;}
 table.table-coupon-p td i.cread-id{color:#999;margin-left:3px;font-style:normal;}
 #showPayPointTable .table-coupon-p tr.title {
	 height: 38px;
	 line-height: 1em;
	 background-color: #73a4df;
	 color:#fff;
 }
 /* .melody_menu_icon:before{
	 content: url(../imgs/new-icon.gif);
	 position: absolute;
	 left: 138px;
	 top:-10px;
 } */
 .meetMenu:before{
	 content: url(../imgs/new-icon.gif);
	 position: absolute;
	 left: 138px;
	 top:-10px;
 }
 .live-btn{
	 position: fixed;
	 right: -1px;
	 top: 50%;
	 z-index: 9999;
	 margin-top: -50px;
 }
 
 .isSending{
	 position: absolute;
	 right: 6px;
	 top: 50%;
 }
 
 /* video */
 .videos-covers{
	 width: 118px !important;height: 66px !important;border-radius: 0px !important;float: left;
 }
 .videos-title{
	 display: inline-block;
	 max-width: 168px;
	 margin-left: 10px;
	 margin-top: 20px;
	 /* line-height: 86px; */
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
	 font-size: 14px;
	 color: #333;
 }
 .video-sender{
	 width: 140px;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .video-imgCover{
	 display: inline-block;float: left;width: 118px;height: 66px;
	   position: relative;
 }
 .video-bgcover{
	 position: absolute;
	 left: 0;top: 0;width: 100%;height: 100%;
	 background-color:rgba(0, 0, 0, 0.3);
	 z-index: 99;
  }
  .video-bgcover .play-button{
	 width: 32px;height: 32px;border-radius: 16px;background: rgba(255, 255, 255, 0.8);
	 position: absolute;left: 50%;top:50%;margin-top: -16px;margin-left: -16px;cursor: pointer;
 }
 .video-bgcover .play-button img{
	 position: absolute;left: 50%;top:50%;margin-top: -8px;margin-left: -8px;width: 16px;height: 16px;
 }
 
 /* music-player begin */
 .video-cover{
	 position: absolute;
	 left: 0;top: 0;width: 100%;height: 120px;
	 background-color:rgba(0, 0, 0, 0.3);
	 z-index: 99;
  }
  .play-button{
	  width: 44px;height: 44px;border-radius: 22px;background: rgba(255, 255, 255, 0.8);
	  position: absolute;left: 50%;top:50%;margin-top: -22px;margin-left: -22px;cursor: pointer;
  }
  .play-button img{
	  position: absolute;left: 50%;top:50%;margin-top: -8px;margin-left: -8px;width: 16px;height: 16px;
  }
  
 
 .player-cover{
	 display: none;
	 position: fixed;
	 left: 0;
	 top: 0;
	 z-index: 999;
	 width: 100%;height: 100%;
	 background: rgba(0, 0, 0, 0.3);
	 border-radius: 10px;
 }
 .video-player{
	 position: absolute;left: 50%;top:50%;
	 margin-left: -413px;
	 margin-top: -263px;
	 padding: 18px 28px 28px 28px;
	 width: 838px;height: 526px;
	 background: #fff;
	 border-radius: 10px;
 }
 .video-play-title{
	 font-size: 16px;
	 color: #333;
	 font-weight: 600;
	 margin-bottom: 11px;
 }
 .video-del{
	 position: absolute;right: 15px;top: 15px;
	 cursor: pointer;
 }
 
 video::-internal-media-controls-download-button {
	 display:none;
 }
 video::-webkit-media-controls-fullscreen-button {
	 display: block;
 }
 video::-webkit-media-controls-enclosure{overflow:hidden;}
 video::-webkit-media-controls-panel{width: calc(100%);}
 
 /* music-player begin */

 /* 通用样式 start*/
 .fontsize18{
	 font-size: 18px !important;
 }
/* 通用样式 end */

 /* 三次免费视频活动 */
 .freeVideo_activity{position: fixed;z-index: 9990;top: 0;right: 0;left: 0;bottom: 0;display: none;}
 .freeVideo_activity .freeVideo_activity_prp{width: 100%;height: 100%;background: #000;opacity: .6;}
 .freeVideo_activity .freeVideo_activity_box{position: absolute;top: 50%;left: 50%;z-index: 2;width: 568px;height: 550px;margin:-284px 0 0 -259px;padding-top: 92px;}
 .freeVideo_activity .freeVideo_activity-close{position: absolute;right: -100px;top: -20px;width: 40px; height: 40px;background: url('../imgs/halloween/wsj_del.png') no-repeat center;cursor: pointer;}
 .freeVideo_activity .freeVideo_activity-img{width: 100%;height: 100%;}
 .freeVideo_activity .freeVideo_activity-text{
	position: absolute; 
	width:300px;
	height:80px;
    left: 50%;
	top: 80%;
	text-align: center;
	transform: translate(-50%, -50%);
	font-size: 15px;
	font-weight: bold;
	color: #ffffff
}
.freeVideo_activity .freeVideo_activity-btn{
	position: absolute;
	left: 50%;
	top: 90%;
	transform: translate(-50%, -50%);
	width:130px;
	height: 40px;
	background: #FF6633;
	border-radius: 45px;
	outline: none;
    list-style: none;
	border: none;
	color: white;
	transition: background-color 2s;
	-moz-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
	-o-transition: background-color 0.5s; 
}
.freeVideo_activity .freeVideo_activity-btn a{
	color: white;
	text-decoration: none
}
.freeVideo_activity .freeVideo_activity-btn:hover{
	background:#FF9900
}


/* 2019情人节活动 */
.valentineDay_activity{
	position: fixed;
	z-index: 9990;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: none;
}
.valentineDay_activity .valentineDay_activity_prp{
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: .6;
}
.valentineDay_activity .valentineDay_activity_box{
	position: absolute;
	top: 50%;left: 50%;
	z-index: 2;
	width: 824px;
	height: 397px;
	margin:-284px 0 0 -400px;
	padding-top: 92px;
}
.valentineDay_activity .valentineDay_activity-close{
	position: absolute;
	right: -10px;
    top: 130px;
	width: 40px;
	height: 40px;
	background: url('../imgs/halloween/wsj_del.png') no-repeat center;
	cursor: pointer;
}
.valentineDay_activity .valentineDay_activity-img{
	width: 100%;
	height: 100%;
}
.valentineDay_activity .valentineDay_activity-text{
	position: absolute; 
	width: 70%;
    height: 130px;
	left: 47%;
	top: 300px;
	text-align: center;
	transform: translate(-50%, -50%);
	font-size: 16px;
	/* font-weight: bold; */
	/* color: #ffffff */
}
.valentineDay_activity .valentineDay_activity-btn{
	position: absolute;
	left: 50%;
    top: 93%;
    transform: translate(-70%, 170%);
	width:135px;
	height: 35px;
	background: #4d8cff;
	border-radius: 5px;
	outline: none;
    list-style: none;
	border: none;
	color: white;
	transition: background-color 2s;
	-moz-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
	-o-transition: background-color 0.5s; 
}
.valentineDay_activity .valentineDay_activity-btn a{
	color: white;
	text-decoration: none
}
/* 2019情人节活动 end*/

/* 2019情人节活动结束 start*/
.valentineDay_activity_end{
	position: fixed;
	z-index: 9990;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: none;
}
.valentineDay_activity_end .valentineDay_activity_prp{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
}
.valentineDay_activity_end .valentineDay_activity_end_box{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 653px;
	height: 494px;
	transform: translate(-50%, -50%);
}
/* 2019情人节活动结束 end*/


/*表单开关样式*/
.ui-switch {
	position: absolute;
	font-size: .16rem;
    right:0.07rem;
    top: 50%;
    margin-top: -0.16rem;
    width: .7rem;
    height: .3rem;
    line-height: .3rem;
}
.ui-switch input {
	width: .7rem;
	height: .3rem;
	position: absolute;
	top: 0;
	left: 0;  
    z-index: 2;
    border: 2;
    background: 0 0;
    -webkit-appearance: none;
    outline: 0
}
/* 2019年情人节活动右侧浮窗 */
.floatlayer7 .ValentineDay2019{
	width: 120px;
	height: 100px;
	position: relative;
	transition: width 0.5s,height 0.5s,margin 0.5s;
	-moz-transition: width 0.5s,height 0.5s,margin 0.5s;
	-webkit-transition: width 0.5s,height 0.5s,margin 0.5s;
	-o-transition: width 0.5s,height 0.5s,margin 0.5s;
	display: none;
}
.floatlayer7 .ValentineDay2019:hover{
	margin-left:-10px;
	width: 140px;
	height: 90px;
}
.floatlayer7 .ValentineDay2019Span{
	font-size: 18px;
	font-weight: bold;
	color: #717171;
	transition: font-size 0.5s,height 0.5s;
	-moz-transition: font-size 0.5s,height 0.5s;
	-webkit-transition: font-size 0.5s,height 0.5s;
	-o-transition: font-size 0.5s,height 0.5s;
}

.floatlayer7 .ValentineDay2019_img{
	position: absolute;
	top: 0;
}

.floatlayer7 .ValentineDay2019_img_sel{
	position: absolute;
	top: 0;
	display: none;
}

.floatlayer7 .ValentineDay2019 .ValentineDay2019_img_left, .floatlayer7 .ValentineDay2019 .ValentineDay2019_img_right{
	width: 28px;
	height:20px;
	position: absolute;
	top:0;
	transition: width 0.5s,height 0.5s;
	-moz-transition: width 0.5s,height 0.5s;
	-webkit-transition: width 0.5s,height 0.5s;
	-o-transition: width 0.5s,height 0.5s;
}
.floatlayer7 .ValentineDay2019 .ValentineDay2019_img_left{
	left:-36px;
}
.floatlayer7 .ValentineDay2019 .ValentineDay2019_img_right{
	right:-36px;
}

/* 妇女节 */
.box-top{
	background:url('../imgs/2019womenday/women_bg_redit_photo_1.png') no-repeat;
	height: 685px;
	padding-top: 280px;
	padding-left: 54px;
	padding-right: 65px;
}
.box-footer{
	background:url('../imgs/2019womenday/women_buttom_bg_photo.png') no-repeat;	
	height: 157px;
	padding-left: 54px;
	padding-top: 116px;
	margin-top: 162px;
}


.women_activity{
	position: fixed;
	z-index: 9990;
	top: -175px;
	right: 0;
	left: 0;
	bottom: 0;
	display: none;
}
.women_activity .women_activity_prp{
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: .6;
}
.women_activity .women_activity_box{
	position: absolute;
	top: 65%;left: 50%;
	z-index: 2;
	width: 700px;
	height: 700px;
	margin:-350px 0 0 -350px;
	padding-top: 92px;
	text-align: center;
}
.women_activity .women_activity_close,.women_activity1 .women_activity_close{
	position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: url(../imgs/halloween/wsj_del.png) no-repeat center;
    cursor: pointer;
}

.valentineDay_activity .valentineDay_activity-text{
	position: absolute; 
	width: 70%;
    height: 130px;
	left: 47%;
	top: 300px;
	text-align: center;
	transform: translate(-50%, -50%);
	font-size: 16px;
	/* font-weight: bold; */
	/* color: #ffffff */
}

/* 4.7 转盘 */
.Pop-turnplate{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 840px;
	height: 505px;
	background: url('../imgs/drawites.png') -10px -10px;
	margin:-252px 0 0 -420px;
	padding-top: 92px;
}
.Pop-Activity-Model .Pop-turnplate .Pop-close{
	position: absolute;
	right: 18px;
    top: 65px;
	background: url('../imgs/drawites.png') -994px -396px;
	width: 16px; 
	height: 16px;
	cursor: pointer;
	z-index: 999;
}
.Pop-turnplate .roulette_box{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 840px;
	height: 505px;
	background: url('../imgs/drawites.png') -10px -10px;
	margin:-252px 0 0 -420px;
	padding-top: 92px;
}
.Pop-turnplate .col-pull-left{
	float: left;
	padding:50px 0 0 40px;
}
.Pop-turnplate .views-content{
	width: 315px;
	height: 235px;
	background: #ffeedb;border-radius: 4px;
	padding: 20px;
	box-shadow: 0 0px 7px 2px #f03030;
	margin-bottom: 15px;
	display: none;
}
.Pop-turnplate .views-content .views-scoll{
	width: 100%;
	height: 100%;
}
.Pop-turnplate .views-content.active{
	display: block;
	background: none;
	box-shadow: none;
	padding: 0;
	color: #fff9db;
	height: initial;
}
.Pop-turnplate .views-content.active h3{
   margin: 0 0 15px 0;
   font-size: 22px;
}
.Pop-turnplate .views-content.active p{
   line-height: 21px;
   font-size: 17px;
   margin-bottom: 14px;
}
.Pop-turnplate .col-pull-right {
    float: right;
    width: 366px;
    height: 366px;
    margin-right: 37px;
    position: relative;
}

.Pop-turnplate .canvastext{
	color: #ffe770;
	font-size: 18px;
	text-align: center;
	padding-top: 145px;
}
.Pop-turnplate .turnplate{
	position: relative;width: 100%;height: 100%;
	display: none;
}
.Pop-turnplate .canvasload{
	position: absolute;
	top: 0;
	left: 0;
	width: 366px;
	height: 366px;
	display: none;
	z-index: 9;
	border: 10px solid #ffe770;
	border-radius: 100%;
	background: #ffe770;
}
.Pop-turnplate .canvastext{
	color: #ffe770;
	font-size: 18px;
	text-align: center;
	padding-top: 145px;
}
.Pop-turnplate .canvasload img{
	display: block;
	width: 100px;
	height: 100px;
	margin: 123px auto;
}
.Pop-turnplate .pointer{
	cursor: pointer;
	position: absolute;top: 50%;right: 50%;margin-top: -59px;
	margin-right: -52px;width: 104px; height: 118px;background: url('../imgs/drawites.png') -870px -396px;z-index: 2;
}
.Pop-turnplate .canvasitem{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transform: rotate(-112deg);
	border: 10px solid #ffe770;
	border-radius: 100%;
	background: #ffe770;
}
/* 客服图标 */
#chatBtn{
	display:none;
	visibility:hidden;
}
.topImg{
	background-size: cover;
	min-width: 1200px;
	margin-top: 60px;
	height: 0px;
	/* position: relative;
    top: 60px; */
}
#buyGift{
	cursor: pointer;
}

.giveMonthlyFee,.givePoint,.MidAutumn{
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 977;
	border-bottom:solid 1px #c1d2f3;
	display: none;	
	min-width: 1200px;
}

.giveMonthlyFee-title{
    width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    height: 63px;
    line-height: 63px;
	font-size: 16px;
	position: relative;
}
.giveMonthlyFee-time{
	position: absolute;
	top: -8px;
	left: 210px;
}

.giveMonthlyFee-content{
	display: none;
    position: absolute;
    width: 100%;
    background-color: white;
    z-index: 977;
    transition: height 0.5s,padding 0.5s;
    -moz-transition: height 0.5s,padding 0.5s;	/* Firefox 4 */
    -webkit-transition: height 0.5s,padding 0.5s;	/* Safari 和 Chrome */
    -o-transition: height 0.5s,padding 0.5s;
    overflow: hidden;
    box-shadow: 0px 7px 11px 0px 
        rgba(0, 0, 0, 0.19);
	box-sizing: border-box;
	height: 0;
}

.giveMonthlyFee-content ul{
    width: 1160px;
    margin: 0 auto;
    padding: 30px 0 40px 0;
}
.giveMonthlyFee-content a{
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -14px;
}

.giveMonthlyFee-content ul li{
    float: left;
    width: 50%;
    padding-left: 80px;
    font-size: 16px;
    line-height: 30px;
    font-family: Arial;
	font-style: italic;
	list-style-type:none
}
.giveMonthlyFee-content ul li svg{
    margin-right: 10px;
}
.giveMonthlyFee .giveMonthlyFeeShow{
	height: 320px;
}