/* 中心介绍 */
.w1000{width: 1000px; margin: 0 auto;}
.intro a{display: inline-block; float: left;}
.intro img {margin-right: 7px; width: 350px !important; height: 200px !important;}
.intro .font-style{
    float: left;
    display: inline-block;
    width: 50%;
    margin-left: 50px;
    font: 16px/2 arial, 宋体;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.intro .font-style::before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 19px;
    margin-bottom: 15px;
    background-image: url('../images/leftq.png');
    background-size: contain;
    
}

/* 咨询师 */
#scroll {
    width: 960px;
    margin: 19px auto 0;
    margin-top: 40px;
    height: 180px;
    overflow: hidden;
    position: relative;
}
.scrollCont li {
    width: 140px;
    height: 180px;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    padding-top: 10px;
    background-color: rgba(51, 51, 51, .1);
    border: 1px solid transparent;
}
.scrollCont li img {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
    border-radius: 50%;
}
.rpzixun_span {
    display: block;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 15px;
    margin-top: 8px;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
/* 心理文章 */
.mid {width: 1200px; padding-top: 0; margin-top: 30px !important;}
.h220{height: 220px; box-shadow: 0 0 10px 0 rgb(251 86 95 / 10%);}
.middle {width: 100%; height: 220px;}
.mid .middle .tit{
    writing-mode: vertical-lr;
    font-size: 18px;
    letter-spacing: 5px;
    margin-top: 0;
    background-color: #fb5660;
    border: none;
    width: 35px;
    height: 100% !important;
    padding-left: 0;
}
.mid .middle li a {margin-left: 0;}
.mid .middle .tit h3 {
    font: 100 0.875em/2.1875em "Microsoft YaHei" !important;
    font-weight: 600 !important;
    line-height: 35px;
    padding-left: 0 !important;
    display: inline-block;
    margin-top: 50%;
    transform: translatey(-50%);
    color: #fff !important;
}
.h220 .headLine{
    float: left;
    width: 46%;
    height: 220px;
    position: relative;
    margin: 0 2%;
}
.h220 .headLine a{
    color: #2977bb;
    display: inline-block;
    width: 100%;
    position: absolute;
    margin-top: 20px;
}
.h220 .headLine a:last-child{bottom: 20px;}
.h220 .headLine img{width: 100%; height: 180px;}
.h220 .headLine .font-style{
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.h220 ul.w100{
    float: left;
    width: 46%;
    margin-top: 20px;
    height: 180px;
    overflow: hidden;
}
.h220 ul.w100 img{
    width: 100%;
    height: 150px;
}
.h220 ul.w100 a{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #333;
    margin-left: 0;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
.mid .middle li {
    width: 48%;
    height: 180px;
    /* line-height: 45px; */
    border-bottom: none;
    background: transparent;
    font-size: 15px;
    margin: 0 1%;
}
#news {width: 1200px; height: 220px;}
#news ul
,.activty ol{height: 220px; overflow: hidden;}
#news ul li{font-size: 0; border-bottom: none; width: 22.8% !important; height: 200px; margin-left: 0.5%; margin-right: 0.5%;}
#news ul li img
,.activty ol li img{ width: 100% !important;  height: 150px; margin-top: 20px; float: left;}
#news ul li a
,.activty li strong{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #333;
    margin-left: 0;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activty .middle ol li{width: 22.8% !important; height: 200px; margin: 0 0.5%;}

#news ul li:first-child
,.activty ol li:first-child{
    width: 47.5% !important;
    height: 220px;
    margin: 0 2%;
}
#news ul li:first-child img
,.activty ol li:first-child img{height: 180px;}
#news ul li:first-child a
,.activty ol li:first-child strong{
    margin-left: 0 !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    position: relative;
    bottom: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activty{margin-bottom: 50px;}
.activty ol li:first-child strong a{color: #fff;}

/* .activty ol li img{ width: 100% !important;  height: 150px; margin-top: 20px; float: left;} */
/* .loginbox{display: none;} */

.mid .tit {
    background-color: #fff;
    border-radius: 3px;
    border: none;
}
.loginbox{
    display: inline-block;
    box-shadow: 0 0 10px #000;
    padding: 20px 50px;
    border-radius: 20px;
    padding-bottom: 30px;
}
.loginbox .tit h3{
    color: #fb5660;
    text-align: center;
    font-size: 15px;
}
.loginbox table.w100 td{border-bottom: 1px solid #ddd; font-size: 14px;}
.loginbox table.w100 input{border: none; padding: 5px 0;}
.loginbox table.w100 select{width: 100px !important; border: none;background-color: transparent; font-size: 14px;}
.loginbox .btn{text-align: center; margin-top: 30px;}
.loginbox .btn input{
    width: 100%!important;
    height: 35px;
    border: none;
    background-color: #fb5660;
    border-radius: 8px;
    color: #fff;
    margin-top: 20px;
}
#_ibtn_yzm{margin-top: 4px;}
.prompttext{position: absolute;}

/* 注册 */
.registerbox{
    display: inline-block;
    box-shadow: 0 0 10px #000;
    padding: 20px 50px;
    border-radius: 20px;
}
.registerbox table.info-table input{
    padding: 3px 0;
    margin: 2px 0;
}
.registerbox table.info-table select{
    border: none;
    background-color: transparent;
    border: 1px solid #cccccc;
    padding: 5px 0;
    padding-left: 5px;
}


.m-div {
    width: 700px;
    padding: 10px;
    margin: 0 auto;
    /* text-align: center */
}
.m-left {
    float: left;
    width: 55%
}
.m-right {
    float: left;
    width: 20%;
    text-align: center;
    margin-top: 50px !important;
}
.m-right #div_img{
    background-color: #e0e0e0 !important;
    border-radius: 50%;
}
.m-right img{border-radius: 50%;}
.w100per {
    width: calc(100% - 10px);
    border: 1px solid #eee;
    margin-top: -1px;
    margin-left: -1px;
    padding-left: 10px;
    line-height: 37px
}

.m-table {
    border: 1px solid #eee
}

.info-table {
    width: 100%
}

.info-td {
    width: 20%;
    height: 33px;
    text-align: right
}

.info-input {
    width: 40%;
    height: 33px;
    text-align: left
}

.info-td-text {
    width: 20%;
    text-align: left;
    height: 33px
}

.info-input select {
    border: 1px solid #ccc;
    line-height: 22px;
    height: 22px
}

#LinkButton1 {
    width: 50% !important;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    border: none;
    background-color: #fb5660;
    border-radius: 8px;
    color: #fff;
    /* margin-top: 20px; */
    text-align: center;
}

.zhuijia {
    margin: 5px 0 15px 15px;
    float: left;
    margin-left: 50px
}
/* 首页end */



/* 心理测试 */
.testlist{text-align: center;}
.innerCont {
    padding: 15px 10px 10px;
    width: 700px;
}
.inner{
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    text-align: left;
    border: 1px dashed #ffdadc;
    padding: 5px;
}
.current{transform: scale(1.1,1.1);}
.innerCont b.oz {
    float: left;
    display: inline-block;
    width: 20%;
    height: 190px !important;
    margin: 0 15%;
    margin-top: 30px;
    border-radius: 50%;
    font-size: 30px;
    color: #2c7abc;
    /* background-color: #2977bb; */
    background: url(../images/gtcs_mod.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.innerCont b.facs{background-image: url(../images/facs_mod.png);}
.innerRight {
    border: 1px solid #ffdadc;
    width: 700px;
    margin: 0 auto;
}
.w600{width: 700px; margin: 0 auto;}
.innerCont .newsList{
    height: 350px !important;
    overflow-y: hidden !important;
}
.w600 ul .w100 input[type='text']{
    display: inline-block;
    width: 60%;
    padding-left: 10px;
    height: 38px !important;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 2px;
    border-color: #ffdadc;
}
.w600 ul .w100 .sel_btn{
    float: left;
    width: 60px !important;
    height: 38px !important;
    line-height: 38px;
    border: none;
}
.newsList li a {
    color: #666;
    font-size: 14px;
}
.borderN{border: none;}
.huaxiao{margin-top: 220px;}
.huaxiao .bar-table01 {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 0px;
    background-color: transparent;
    text-align: left;
    padding-left: 10px;
    color: rgba(0,0,0,.85);
    position: absolute;
}
.huaxiao dd{
    position: relative;
}
.huaxiao dt{
    float: left;
    width: 26%;
    margin-top: 150px;
    margin-right: 4%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fb5660;
    border: 1px dashed #fb5660;
    font-size: 14px;
}
.huaxiao dd::before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 105px;
    left: 85px;
    border-left: 10px solid #fb5660;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.huaxiao dd ul{width: 60%; margin-left: 40%;}
#pnlAnswers{height: 400px;}
.other a, .other input{
    box-sizing: border-box;
    width: 120px !important;
    height: 30px;
    line-height: 30px;
    padding: 0 11px;
    background: #fb5660;
    border: 1px #fff solid;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    min-width: 70px;
    margin-bottom: 0;
}
.txtCenter{width: 30px !important;}

.sub {
    left: 240px;
    background: none;
    width: 120px !important;
    border: 1px solid #fb5660;
    background-color: #fcf4f0;
}

.sub2 {
    left: 720px !important;
}

#nav li a:hover {
    background: none;
}

.sub li a:hover {
    background: none !important;
    background-color: #fb5660 !important;
}

#nav {
    position: relative;
    top: 300px;
}

#turn {
    top: -235px;
    background-color: #fcf4f0;
}

.left {
    margin-top: -150px;
    right: -200px;
    position: relative;
}

#login_panel_1 {
    position: relative !important;
    top: 370px !important;
    border: 1px solid #fb5660;
    padding: 10px;
    border-radius: 20px;
}

.fr {
    position: relative !important;
    float: left !important;
    left: 100px !important;
    left: 100px !important;
}

body, textarea, input, button, select, keygen, legend {
}

#logintype, #tbname, #tbpwd, #_tb_yzm {
    border: none;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

#Button1, #Button2 {
    background-color: #fb5660;
    border-radius: 8px;
    color: #fff;
    width: calc(49% - 10px);
    margin: 5px;
}

.login_length span {
    color: #999
}

#scroll {
    width: 1200px;
}

.scrollCont {
    width: 100%;
}


.inner {
    margin-top: 100px !important;
    width: 100%;
}

.innerCont {
    width: calc(100% - 30px) !important;
}

.inner .tit, .leftNav li {
    border-bottom: 1px solid #fb5660;
    background: none;
}

.artical p {
    color: #333;
}

#Label2 {
    color: #fb5660 !important;
}

.innerRight {
    width: 100% !important;
}

.inner .tit {
    display: none;
}

.leftNav {
    border-top: 0px solid #2a7dbf;
}

.pages {
    color: #fb5660 !important;
}

.imgList li .imgWrap {
    background: none;
}

    .imgList li .imgWrap img {
        border: 1px solid #fb5660;
        border-radius: 30px;
    }

.w600 {
    margin-top: 150px !important;
}

.innerMain .tit, .innerMain .tit a {
    display: none;
}

.innerMain {
    margin-top: 110px !important;
}

.innerMain {
    border: 1px solid #fb5660;
}

.bar-table {
    background-color: #fcf4f0;
}

.date td, .zxyy_star td {
    border: 1px solid #fb5660
}

.input-box {
    border: 1px solid #fb5660
}

.font-style select {
    border: 1px solid #fb5660;
    background-color: #fff;
}

#LinkButton1 {
    background: none !important;
    background-color: #fb5660 !important;
}

.tit {
    display: none !important;
}

.formRecorder {
    margin-top: 110px !important;
}

.recorderTitle {
    border: 1px solid #fb5660;
}

.list-area .table .th {
    border: 1px solid #fb5660;
    background-color: #fcf4f0;
}

.list-area .table .odd {
    border: 1px solid #fb5660;
    background-color: #fcf4f0;
}

.list-area .table {
    background-color: #fcf4f0;
}

    .list-area .table .odd {
        border: 1px solid #fb5660;
        background-color: #fcf4f0;
    }

    .list-area .table tr td {
        border: 1px solid #fb5660;
    }

.Q-items-list {
    border: 1px solid #fb5660;
}

.list-area .btn, .aa-con .btn, .aa-tit .btn {
    background: none;
    border: 1px solid #fb5660;
    background-color: #fb5660;
    color: #fff;
}

.th {
    color: #fb5660;
    background-color: #fcf4f0;
}

.coustom_button {
    background: none;
    border: 1px solid #fb5660;
    background-color: #fb5660;
    color: #fff;
}

.zixun-table {
    border: 1px solid #fb5660;
}

    .zixun-table tr td {
        border: 1px solid #fb5660;
    }

.info-table {
    border: 1px solid #fb5660;
    background-color: #fcf4f0;
    border-left: 1px !important;
    border-right: 1px !important;
}

    .info-table td {
        border-right: 1px solid #fb5660 !important;
        background-color: #fcf4f0;
    }

body, h1, h2, h3, ul, li, p, dl, dt, dd, img, input, span, iframe, a, button {
    color: #333
}

.leftnav {
    position: absolute;
    left: -150px;
    z-index: 9999;
}

.bgcolor {
    background-color: #fb5660;
}

.leftnavlist {
    background-color: #fcf4f0;
    margin-top: 0
}

    .leftnavlist ul li a:hover {
        color: #fb5660;
    }

.div-border01 {
    border: 1px solid #fb5660;
}

.leftnav {
    width: 100px;
}

.leftnavlist ul li {
    width: 100px;
}
.scrollCont li {
    width: 230px;
}
.fr {
    position: static !important;
}

.w {
    margin-bottom: 15px;
}

.imgList {
    width: 100%;
}

.innerCont {
    width: calc(100% - 20px) !important;
}

.imgList li {
    width: 20%;
    height: auto;
}

.innerCont b.oz {
    margin: 0 100px;
}

td {
    white-space: normal;
}

.leftnavtitle, .leftnavlist {
    width: 100%;
}

    .leftnavlist ul li {
        float: none;
    }

.leftnav {
    left: -100px;
}

.list1 {
    margin-left: 50px;
}

.bar-table01 {
    background-color: #fb5660;
}

.answer label {
    color: #fb5660 !important;
}
#ImageButton1 {
    margin-top: 150px;
}