.page_center .page_header{height: 3.0rem;}

.head-bar-back{float: left;height: 3.0rem;line-height: 3.0rem;}

.head-bar-back a,.head-bar-right a{display: block;text-decoration: none;cursor: pointer;color: #888;font-size: 0.9rem;}

.head-bar-back a{background: url(../images/toBack.png) no-repeat 0.86rem center;background-size: auto 38%;padding-left:2rem;}

.ph_center{text-align: center;height: 3.0rem;line-height: 3.0rem;font-size: 0.9rem;}

.head-bar-right{float: right;height: 3.0rem;line-height: 3.0rem;}

.head-bar-right a{text-align: center;width: 3.46rem;}

.center_info{padding: 0.6rem 0.7rem;background: #fff;}

.avatar{float: left;overflow: hidden;cursor: pointer;width: 3.8rem;border-radius: 50%;margin-right: 0.6rem;}

.avatar img{display: block;width: 100%;}

.m_link{display: block;overflow: hidden;cursor: pointer;text-decoration: none; background: url(../images/toForward.png) no-repeat right center;background-size: auto 14px;}

.center_dt{padding: 0.5rem 0 0.3rem;}

.jc_info span.jc_mode{color: #54b90a;}

.jc_info span{display: inline-block;color: #777;font-size: 0.8rem;height: 1.4rem;line-height: 1.5rem;margin-right: 0.4rem;float: left;}

.jc_info span.jc_name{font-size: 0.9rem;font-weight: 600;color: #333;}

.jc_info span.jc_vip{color: #efb060;padding-left:1.0rem;background: url(../images/vip.png) no-repeat left center;background-size: auto 80%;}

.jc_credit{padding-left:0.86rem;background: url(../images/integration.png) no-repeat left center;background-size: auto 65%;}

.jc_money{padding-left:0.86rem;background: url(../images/money.png) no-repeat left center;background-size: auto 65%;}

.login{font-size: 0.8rem;line-height: 1.26rem;color: #333;text-decoration: none;display: block;overflow: hidden;cursor: pointer;background: url(../images/toForward.png) no-repeat right center;background-size: auto 38%;}

.list-set ul{display: block;overflow: hidden;padding: 0 0.8rem;}

.list-set ul li{display: block;}

.set-bt{margin-top: 0.8rem;}

.list-set div {

    height: 46px;position: relative;

    line-height: 46px;

    padding: 0 18px 0 30px;

    overflow: hidden;

    border-top:#efefef 1px solid;

    background: url(../images/toForward.png) no-repeat right center;

    background-size: auto 14px;

}

.list-set {

    background: #FFFFFF;border-top: #efefef 1px solid;

    border-bottom: #efefef 1px solid;font-size: 18px;

}

.list-set a {

     display: block; width: 100%;height: 44px;text-decoration: none;color: #333;font-size: 0.88rem;

 }

.list-set img {height: 24px;top: 11px;position: absolute;z-index: 9;left:0;

}

.list-set em {

    display: block;height: 16px;line-height: 16px;padding: 0 6px 0 6px;float: right;font-size: 12px;

    color: #FFFFFF;font-style: normal;background: #FF0000;border-radius: 10px;margin-top: 14px;

}

.pd_main{padding: 0 0.8rem;overflow: hidden;background: #fff;}

.bd-b{border-bottom:#f1f1f1 0.5px solid;height:44px;overflow:hidden;}

#mobile,#password,#code{width:100%;height:44px;line-height:24px;border:none;font-size:0.85rem;outline: none;}

.captcha_bx{display: block;overflow: hidden;}

.captcha_bx img{margin-top: 0.6rem;}

.captcha{width: 6rem;font-size:0.85rem;height:44px;line-height:24px;border:none;outline: none;float: left;}

.btn-blue{display: block;text-align: center;font-size: 0.9rem;color:#aba6a6;line-height: 2.4rem;margin: 0.8rem 0;border-radius:4px; background:#f1f1f1;}

.btn-blue.active{background: #d82e36;color: #fff;}



.content {font-size: 16px;line-height: 180%;padding: 10px 0px;border-bottom: #D9D9D9 1px solid;  }

.time_tips{line-height:44px;color:#999999;font-size:0.8rem;}

.time_tips span{display: inline-block;}

#send a,#timer{text-decoration: none;color: #007AFF;}

.page_ct .ph_type{height: 3.0rem;line-height: 3.0rem;}

.list-set span {float: right;font-size: 14px;color: #333333;padding-left: 10px;  }

.list-set a {display: block;width: 100%;height: 46px;  }

.center_main{overflow: auto;padding-bottom: 6rem;}

.center_items{border-bottom: 1px solid #ddd;border-top:1px solid #ddd;}

ul.center_items div{padding: 0 18px 0 5px;}

.head_blank{display: block;overflow: hidden;height: 3.0rem;border-bottom: 1px solid #f1f1f1;}

.page_center .page_header{position: fixed;top:0;left:0;width: 100%;z-index: 10;}



.msgbx{display: block;overflow:hidden;}

.msgbx .content{background: #fff;}

.msgbx .content a{font-size: 1rem;color: #d22323;}

.txt-left{text-align: left;}



.list-img {

    height: 80px; background: #FFFFFF;overflow: hidden;clear: both;border-bottom: #D9D9D9 1px solid;padding: 0 10px;

}

.list-chat {height:60px;}

.list-chat a{text-decoration: none;}

.list-chat li {color:#999999;height: 20px;line-height: 20px;overflow: hidden;}

.list-img img {float: left;margin: 10px 10px 10px 0;  }

.list-img ul {margin: 10px 0 0 0;  }

.list-img strong {

    font-size: 16px;color:#333333;display: block;width: 100%;font-weight: normal;

}

.list-chat span {float:right;color:#908E9B;font-size: 0.8rem;}

.list-chat em {float:right;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:50%;color:#FFFFFF;font-size:10px;display:block;height:16px;line-height:16px;padding:0 6px;}

.list-spin {height:300px;background:#FFFFFF url(../img/spinner.gif) no-repeat center center;background-size:16px 16px;}

.head-bar-right a span{color: #f71823;}

#chat-new{background: #fff;}



.chat_bx{}

#chat {overflow:auto;padding:10px 0;}

#chat table{margin-top:10px;}

.chat-date {text-align:center;padding:10px 0 0 0;font-size:10px;color:#666666;}

.chat_msg0{background:#89C5E8;padding:10px;border-radius:4px;font-size:16px;display:inline-block;}

.chat_arr0{width:8px;background:url(../img/chat-arr0.png) no-repeat 0 16px;background-size:8px 8px;}

.chat_msg1{background:#FFFFFF;padding:10px;border-radius:4px;font-size:0.86rem;display:inline-block;float:right;}

.chat_arr1{width:8px;background:url(../img/chat-arr1.png) no-repeat 0 16px;background-size:8px 8px;}

.chat-spin {height:300px;background:#FFFFFF url(../img/spinner.gif) no-repeat center center;background-size:16px 16px;}

.foot-bar {

    width: 100%;height: 3.2rem;overflow: hidden;background: #fff;

    border-top:#dad1d1 1px solid;position: fixed;z-index: 9;left: 0; bottom: 0;

}

.chat_content{width:100%;height:2rem;background:#F8F8F8;line-height:2rem;padding:0;font-size:0.82rem;border:none;outline:none;}

.word_bx{height: 2.4rem;    padding: 0 4px;

    background: #FFFFFF;overflow: hidden;}

.msg_choices{display: block;height: 100%;background: url(../images/icon-action.png) no-repeat center;background-size: auto 42%;}



.ui-mask {

    position: fixed;

    z-index: 198;left: 0;top: 0; right: 0; width: 100%;

    height: 100%; overflow: hidden;

    background: #000000;opacity: 0.5;display: none;

}

.ui-sheet {

    opacity: 0.9;position: fixed;

    z-index: 199;left: 8px;right: 8px;

    bottom: -195px;display: none;

}

.ui-sheet div {

    background: #FFFFFF; border-radius: 4px;

}

.ui-sheet li {

    height: 44px;line-height: 44px;

    overflow: hidden; text-align: center;

    font-size: 20px;color: #007AFF;

    border-top: #D9D9D9 1px solid;

}

.ui-sheet li a{display: block;overflow: hidden;    color: #117aee;

    text-decoration: none;font-size: 0.96rem;font-weight: bold;}

.ui-sheet p {

    height: 44px;line-height: 44px;text-align: center;font-size: 0.96rem;color: #007AFF;

    font-weight: bold; margin: 8px 0;background: #FFFFFF;border-radius: 4px;

}



.list-msg{display: block;overflow: hidden;}

.list-msg li{display: block;list-style: none;padding:0.5rem 1.2rem;overflow: hidden;border-bottom: 1px solid #f1e9e9;background: #fff;}

.list-msg a{font-size:0.96rem;line-height: 2rem;display: block;color: #333;text-decoration: none;    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}

.list-msg p {

    margin: 0;line-height: 1.8rem;

    overflow: hidden;text-align: left;

    display: block;

    color: #6D6D72;

    font-size: 0.8rem;

}

.list-msg p span{float: right;}

.overflow{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.list-msg em {

    position: absolute;

    z-index: 8;

    display: block;

    width: 8px;

    height: 8px; background: #fb3f3f;

    border: 1px solid #fb3f3f;

    border-radius: 50%;

    margin: 11px 0 0 -13px;

}



.pages{display: block;overflow: hidden;text-align: center;padding: 1rem 0.8rem;}

.pages a{display: inline-block;font-size: 0.7rem;line-height: 1.6rem;    padding: 0 0.3rem;

    background: #fff;border: 1px solid #ddd;margin: 0 0.0rem;color: #f5424a;text-decoration: none;}

.msg_dt{background: #fff;}

.msg_dt .title {font-size: 1.1rem;line-height: 1.6rem;padding: 1.2rem;  }

.msg_dt .info {

    font-size: 0.7rem;padding: 0 16px 16px 16px;color: #666666;border-bottom: #D9D9D9 1px solid;

}

.msg_dt .info a{display: inline-block;color: #e9474d;}

.msg_dt .content{ padding: 15px 0.8rem;font-size: 0.86rem;}

.msg_dt .content table{width: 100%;}

.list-msg a b{font-weight: normal;color: #fb3f3f;display: inline-block;}

.msg_main{background: #fff;}



.msg_main input{width: 98%; height: 2.4rem;border: none;outline: none;padding: 0;margin-top: 0.1rem;font-size:0.95rem;}

.nbt,.nbt .center_items{border-top: none;}



.blank-20{display: block;overflow: hidden;height: 20px;}

.info_avatar{text-align: center;padding: 1rem 0;}

.info_avatar img{border-radius:50%;overflow: hidden;}

.info_name{font-size: 15px;line-height: 22px;}

.info_tips{font-size: 12px;color: #999999;line-height: 24px;padding: 0 20px;}

.info_tips a{color: #F71823;text-decoration: none;cursor: pointer;}

.btn-blue {

    display: block;text-align: center;

    font-size: 0.9rem;color: #aba6a6;

    line-height: 2.4rem; margin: 0.8rem 0;

    border-radius: 4px;background: #f1f1f1;

}

.info_gl{padding: 20px 10px;}

.info_gl a{text-decoration: none;}

.btn_bx{padding: 0 10px;}



a, button, input {

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-tap-highlight-color: transparent;

}

.btn_bx a{text-decoration: none;}

.btn-bind{

    color: #FFFFFF;

    font-size:0.95rem;

    width: 100%;    background: #77C019;

    line-height: 36px;

    border: none;

    border-radius: 4px;

    text-align: center;

}