/* CSS document */
 @charset"gb2312";

/*  重置浏览器默认样式  */
 body, ul, li, div, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}
body {
    font:12px Microsoft YaHei, SimSun, Roboto, sans-serif
}
a {
    text-decoration:none;
    color:#374046;
}
a:hover {
    text-decoration:none;
}
li {
    list-style:none;
}
img {
    border:0px;
}
.active {
    background-color:#E8D0A9;
    color:#B77F24;
}
.flr {
    float:right;
}
/* 主体样式  */
 .accordion-wrap {
    padding:15px;
    background:-webkit-gradient(linear, 0 0, 100% 0, from(#F0C27B), to(#4B1248));
    background:-moz-linear-gradient(left, #F0C27B, #4B1248);
    min-height:986px;
}
.accordion {
	width: 500px;
	border-radius: 3px;
	margin-top: 10px;
	background-color: #B7AFA3;
	overflow: hidden;
	box-shadow: 3px 13px 20px 0px rgba(0, 0, 0, 0.3), -2px -2px 23px 0px rgba(0, 0, 0, 0.2);
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.accordion a {
    display:block;
    padding:15px;
    font-size:14px;
    transition:background-color 0.8s;
}
.accordion a:not(:last-child) {
    border-bottom:1px solid rgba(0, 0, 0, .2);
}
.accordion a:hover {
    background-color:#E8D0A9;
}
.accordion a span.prompt {
    float:right;
    background:#665e51;
    border-radius:15px;
    color:#eee;
    line-height:22px;
    width:40px;
    text-align:center;
    font-size:12px;
    font-weight:700;
}
.accordion .nav {
    padding:10px;
    display:none;
    background: #ecf0f1;
}
.profile div, .profile h3, .profile .introduction {
    /* text-align:center; */
}
.profile h3 {
    margin-top:10px;
}
.profile h3, .profile .introduction {
    padding:10px;
}
.mask-layer {
    background:rgba(0, 0, 0, .4);
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:50%;
    transition:all .1s ease;
    transform:scale(0);
    visibility:hidden;
}
.mask-layer span {
    width:30px;
    height:30px;
    display:block;
    margin:0px auto;
    background-color:#e8d0a9;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-15px;
    border-radius:50%;
    transform:scale(0);
    transition:all .1s ease-in-out;
    cursor:pointer;
    font-size:15px;
    text-align:center;
    line-height: 30px;
}
.photo:hover .mask-layer {
    opacity:1;
    visibility:visible;
    transform:scale(1);
}
.photo:hover .mask-layer span {
    transform:scale(1);
}
.nav .chat {
    position:relative;
}
.nav .comm-chat {
    margin:10px 0px;
}
.nav .comm-chat span {
    display:block;
    max-width:70%;
    position:relative;
    padding:5px;
    border:1px solid #cdd6d8;
    border-radius:3px;
    line-height:20px;
}
.nav .comm-chat:after {
    content:"";
    display:table;
    clear:both;
}
.nav .chat .mychat span {
    background-color:#dce2e4;
    float:right;
}
.nav .chat .callchat span {
    float:left;
}
.nav.message {
    padding:0px;
}
.nav.message a {
    transition:all 0.2s;
}
.nav.message a:hover {
    background-color:rgba(232, 208, 169, 0.3);
    box-shadow:5px 0px 0px 0px rgba(183, 127, 36, 0.4) inset;
}
input {
    transition:all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    border:#35a5e5 1px solid;
    border-radius:3px;
    outline:none;
}
input:focus {
    box-shadow:0 0 5px rgba(81, 203, 238, 1);
    -webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);
    -moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);
}


.rkmd-btn.btn-lightBlue:hover {
    background-color: #23b9fc;
}


.rkmd-btn.btn-lightBlue {
    color: #FFF;
    background-color: #03a9f4;
}

.rkmd-btn:hover {
    text-decoration: none;
    box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);
}

.ripple-effect {
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.rkmd-btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    /* padding: 0 1.5rem; */
    color: #424242;
    /* font-size: 15px; */
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    letter-spacing: .8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    outline: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
}

.SMSearTxt {
    color: #56688a;
}

.SMSearTxt {
    width: 450px;

    background-color: #fff;
    /* min-height: 103px; */
    padding: 7px 5px;
    line-height: 24px;
    font-size: 16px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    border:#35a5e5 1px solid;
    border-radius:3px;
    outline:none;
}

textarea {
    overflow: auto;
    vertical-align: top;
    outline: none;
    resize: none;
}