/*基础部分*/
html, body, div, span, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, a, address,
big, cite, code, del, em, font, img, ins, small, strong, var, b, u, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend{margin: 0;padding: 0}
body{color:#3c3c3c;line-height: 25px;font-family: "microsoft yahei";box-sizing: border-box;min-width: 1190px;}
html{font-size: 12px;}
ul li{ list-style:none;}
a{text-decoration:none; color:#3c3c3c; cursor: pointer;}
.overflow{overflow: hidden;}
.pointer{cursor: pointer}
.fl{ float:left}
.fr{ float:right}
li{list-style:none}
input{vertical-align:middle}
img{vertical-align: top;}
img{ border:none}
a:link,a:visited{text-decoration:none;cursor:pointer}
a:link:hover{}
textarea{resize: none;}

.overflow{overflow: hidden;}
.relative{position: relative;}
.absolute{position: absolute;}
.border_box{box-sizing: border-box;}
.none{text-decoration:none!important;}
.blod{font-weight: bold;}
.kaiti{font-family: "楷体";}
.yahei{font-family: "microsoft yahei";}
.songti{font-family:"SimSun";}
.word-warp{word-wrap:break-word;}
.display{display: inline-block;}

.font12{font-size: 12px!important;}
.font14{font-size: 14px!important;}
.font15{font-size:15px;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px!important;}

.left {float: left;}
.right{float: right;}
.clear{clear:both;}
.hide{display:none;}
.show{display:block;}
.line-height15{line-height: 15px!important;}
.line-height16{line-height: 16px;}
.line-height18{line-height: 18px;}
.line-height19{line-height: 19px;}
.line-height20{line-height: 20px;}
.line-height25{line-height: 25px;}
.line-height26{line-height: 26px;}
.line-height27{line-height: 27px;}
.line-height30{line-height: 30px;}
.line-height50{line-height:50px;}
.h_100{height: 100%;}
.h_110{height: 110px;}
.h_3{height: 300px;}
.w_50{width: 50%;}
.w_89{width:89px!important;}
.w_95{width: 95%;}
.w_100{width: 100%;}
.w_130{width: 130px;}
.w_125{width:125px!important;}
.w_140{width:140px!important;}
.w_150{width:150px!important;}
.w_200{width:200px;}
.w_216{width:216px;}
.w_235{width: 235px;}
.w_265{width: 265px;}
.w_270{width: 270px;}
.w_300{width: 300px;}
.w_500{width: 500px;}
.w_600{width: 600px;}
.w_685{width: 685px;}
.w_1190{width:1190px;margin: 0 auto;}

.mar_l0{margin-left:0!important;}
.mar_l10{margin-left: 10px!important;}
.mar_l05{margin-left: 5px!important;}
.mar_l02{margin-left:2px!important;}
.mar_l15{margin-left: 15px!important;}
.mar_l20{margin-left: 20px!important;}
.mar_l25{margin-left: 25px!important;}
.mar_l35{margin-left: 35px!important;}
.mar_l45{margin-left: 45px;}
.mar_l85{margin-left: 85px;}
.mar_r0{margin-right:0!important;}
.mar_r10{margin-right: 10px;}
.mar_r20{margin-right: 20px;}
.mar_r32{margin-right: 32px;}
.mar_t5{margin-top:5px;}
.mar_t10{margin-top: 10px;}
.mar_t15{margin-top: 15px;}
.mar_t20{margin-top: 20px!important;}
.mar_t30{margin-top: 30px;}
.mar_t50{margin-top:50px;}
.mar_t100{margin-top:100px!important;}
.mar_t200{margin-top:200px;}
.pad_t05{padding-top: 5px;}
.pad_t15{padding-top: 15px;}
.pad_r18{padding-right: 18px;}
.pad_l30{padding-left: 30px;}
.pad_b0{padding-bottom:0!important;}
.mar_b0{margin-bottom: 0!important;}
.mar_b10{margin-bottom: 10px;}

.color72{color: #727271;}
.color_b2{color: #b2b2b2;}
.color_ca{color: #cacaca;}
.color_r{color: red!important;}
.color_w{color: #fff;}
.color_89{color:#89D0E2;}
.color_b2e{color:#B2E9C3!important;}
.color_e7c{color:#E7C590!important;}
.color_e18{color:#E187A0!important;}
.color_9a{color:#9A9A9A;}
.color_f7{background-color:#F7F7F7;}
.b_color_89{background-color:#89D0E2;}
.color_df{color:#DF86A0;}
.color_c4{color:#C4C4C4;}
.color_e8{color:#E84C52!important;}
.color_9d{color:#9D9C9C;}
.color_84{color:#848383;}
.color_77{color:#777676;}


.text-left{text-align: left!important;}
.text-right{text-align: right;}
.center{text-align: center!important;}

.no-border-left{border-left:none!important;}
.no-border-right{border-right:none!important;}
.no-border-top{border-top:none!important;}
.no-border-bottom{border-bottom:none!important;}

/*按钮*/
.btn{border-radius: 5px;outline: none;border: none;color: #fff;cursor: pointer;text-decoration: none!important;}
.btn:hover{opacity: 0.8;}
.btn-default{background-color: #1FBC9D;}
.btn-default1{background-color: #fc581c;}
.btn-lg{padding: 10px 35px;font-size: 16px;line-height: 19px;}
.btn-mid{padding: 6px 20px;font-size: 14px;}

.empty{width: 100%!important;height: 0!important;}
.bg_f3{background-color: #f3f3f3;}

/*首页*/
.header{height: 80px;background: #77c8c9;}
.header .logo{float: left;width: 320px;margin-top: 5px;}
.header .logo img{width: 90%;height: auto;}
.header .nav{float: right;margin-top: 25px;}
.header .nav li{float: left;margin-left: 30px;}
.header .nav li a{color: #fff;padding-bottom: 6px;font-size: 14px;}
.header .nav li a:hover{text-decoration: none;border-bottom: 2px solid #359697;}
.header .nav .checked a{border-bottom: 2px solid #359697;}

.banner{height: 380px;background: url("../HeartHealth/banner.jpg") center no-repeat;}

/*中间内容公共部分*/
.main .more{background: #77c8c9;text-align: center;color: #fff;}

.main .list li{line-height:30px;padding-right: 60px;position:relative;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.main .list li span{position:absolute;right: 0;color:#706e6e;}
.main .list li a:hover{color: #ff6c47;}


.main .box1{height: 232px;text-align: justify;width: 980px;margin: 0 auto;box-sizing: border-box;padding-top: 30px;}
.main .box1 li{height:180px;width: 200px;display: inline-block;background: url("../HeartHealth/sprite.png") -500px 0 no-repeat;}
.main .box1 li:hover{background-position: -104px 0;}
.main .box1 a{color: #fff;display: block;text-align: center;line-height: 170px;font-size: 14px;text-indent: -10px;}

.main .box2{height: 390px;overflow: hidden;margin-bottom: 45px;margin-top:45px;}
.main .box2 .slide{float: left;width: 575px;height: 390px;position: relative;}
.main .box2 .slide-box{width: 575px;height: 390px;position: relative;}
.main .box2 .slide-box li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow:hidden;}
.main .box2 .dots{position: absolute;width: 100%;text-align: center;bottom: 5px;word-spacing: 10px;}
.main .box2 .dots span{display: inline-block;height: 16px;width: 16px;background:#fff;border-radius: 50%;cursor: pointer;}
.main .box2 .dots .checked{background: #77c8c9;}

.main .box2 .list-box{float: right;width: 575px;height: 390px;background: #fff;box-sizing: border-box;padding-left: 50px;position: relative;}
.main .box2 .list-box .icon{position: absolute;width: 32px;height: 35px;left:7px;top: 7px;background:url("../HeartHealth/sprite.png") -623px -219px;}
.main .box2 .list-box .title{height: 41px;border-bottom: 1px solid #77c8c9;font-size: 18px;line-height: 41px;}
.main .box2 .list-box .title .more{width: 132px;height: 41px;float: right;font-size: 12px;}
.main .box2 .list-box .list{padding: 24px 20px 20px 0;}

.main .box3{margin-bottom: 50px;text-align: justify;height: 326px;}
.main .box3>div{display: inline-block;width: 350px;height: 326px;background: #f8f8f8;box-sizing: border-box;}
.main .box3 .list-box{padding: 20px 35px;position:relative;}
.main .box3 .list-box .list{height:150px;overflow:hidden;}
.main .box3 .list-box .more{position: absolute;width: 168px;height: 40px;bottom: -20px;line-height: 40px;left:91px;}
.main .box3 .list-box .title{font-size: 18px;text-align: center;margin: 10px 0 20px 0;}
.main .box3 .list-box .icon{width: 56px;height: 56px;background: url("../HeartHealth/sprite.png") no-repeat;display: block;margin: 0 auto;}
.main .box3 .list-box .first{background-position: -148px -668px;}
.main .box3 .list-box .second{background-position: -570px -668px;}
.main .box3 .list-box .third{background-position: -988px -668px;}
.main .box3 .list-box .fourth{background-position: -148px -1044px;}
.main .box3 .list-box .fifth{background-position: -568px -1044px;}
.main .box3 .list-box .sixth{background-position: -988px -1044px;}
.main .box3 .list-box:hover{background: #fff;}
.main .box3 .list-box:hover .more{background: #ff6c47;}
.main .box3 .list-box:hover .first{background-position: -148px -778px;}
.main .box3 .list-box:hover .second{background-position: -570px -778px;}
.main .box3 .list-box:hover .third{background-position: -988px -778px;}
.main .box3 .list-box:hover .fourth{background-position: -148px -1154px;}
.main .box3 .list-box:hover .fifth{background-position: -568px -1154px;}
.main .box3 .list-box:hover .sixth{background-position: -988px -1154px;}


.box4{background: #ececec;padding: 10px 0 20px 0;margin-bottom: 30px;}
.box4 .container{width: 660px;margin:0 auto;}
.box4 .container .title{text-align: center;font-size: 16px;color: #77c8c9;}
.box4 .container .title span{height: 0;width: 32px;border-bottom: 2px solid #77c8c9;display:block;margin: 0 auto;margin-top: 5px;}
.box4 .container .desc{line-height: 30px;margin:15px 0 10px 0;text-indent: 24px;}
.box4 .container .more{height: 32px;width: 100px;background: #77c8c9;text-align: center;color: #fff;float: right;line-height: 32px;}

.main .box5{text-align: justify;vertical-align: top;height: 195px;width: 920px;margin: 0 auto 30px auto;}
.main .box5>div{width: 170px;display: inline-block;height: 195px;overflow: hidden;}
.main .box5 .title{font-size:18px;position: relative;text-indent: 30px;}
.main .box5 .title .icon{position: absolute;background: url("../HeartHealth/sprite.png") no-repeat;width: 30px;height: 25px;left: 0;}
.main .box5 .title .first{background-position: -138px -1637px;}
.main .box5 .title .second{background-position: -525px -1673px;}
.main .box5 .title .third{background-position: -882px -1638px;}
.main .box5 .list{padding:10px 20px;}
.main .box5 .list li{padding-right: 0;}
.main .box5 .middle{width: 220px;}
.main .box5 .middle>div{height: 166px;background: #fff;text-align: center;}
.main .box5 .middle p{line-height: 30px;}
.main .box5 .middle .title{margin-top: 34px;line-height:25px;margin-bottom: 10px;}
.main .box5 .middle .icon{left: 40px;}

.main .box6{border-top: 1px solid #77c8c9;margin-bottom: 45px;}
.main .box6 .title{font-size: 18px;line-height: 60px;}
.main .box6 .title .icon{margin:17px 5px 0 3px;height: 25px;float: left;width: 30px;background: url("../HeartHealth/sprite.png") -525px -1673px no-repeat;}
.main .box6 .links{overflow:hidden;text-align: center;}
.main .box6 .links li{width: 180px;height: 60px;margin-right: 20px;background: #fff;float: left;}
.main .box6 .links li:hover{background: #77c8c9;}
.main .box6 .links li:hover a{color: #fff;}
.main .box6 .links a{display: block;line-height: 60px;}

.footer{background: #77c8c9;text-align: center;padding: 10px 0;color:#fff;}

/*列表页*/
.list-banner{
    /*height: 276px;background: url("../HeartHealth/list_banner.jpg") no-repeat;*/
             margin-bottom: 20px;}
#list .left{width: 264px;}


#list .left>div{background: #fff;margin-bottom: 10px;}
#list .left .menu{padding: 20px 30px 10px 30px;}
#list .left .title{font-size: 18px;text-align: center;margin-bottom: 20px;}
#list .left .title .icon{margin-right: 5px;vertical-align: bottom;display: inline-block;height: 25px;width: 25px;background: url("../HeartHealth/list_sprite.png") no-repeat;}
#list .left .menu .icon{background-position: -77px -2px;}
#list .left .menu .nav{overflow: hidden;text-align: center;}
#list .left .menu .nav li{margin-bottom: 20px;width: 86px;height: 65px;background: url("../HeartHealth/list_sprite.png") -150px -54px no-repeat;float: left;}
#list .left .menu .nav li:hover{background-position: -29px -54px;}
#list .left .menu .nav a{display: inline-block;color: #fff;line-height: 65px;display: block;}

#list .left .phone{text-align: center;padding: 35px 0;}
#list .left .phone .icon{background-position:-63px -375px;}

#list .left .others{padding: 20px 50px;}
#list .left .others .icon{background-position: -81px -532px;}
#list .left .others .nav li{line-height: 30px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#list .left .others .nav a:hover{color: #ff6c47;}

#list .right{width: 912px;background: #fff;min-height: 720px;box-sizing: border-box;padding:0 35px;}

#list .right .title{height: 54px;border-bottom: 1px solid #c8c7c7;line-height: 54px;position: relative;padding-left: 30px;font-size: 14px;color:#6b6969;}
#list .right .title .icon{width: 15px;height: 21px;background: url(../HeartHealth/list_sprite.png) -314px 0px;position: absolute;left: 0;top:16px;}
#list .right .nav{padding: 10px 0;}
#list .right .nav li{font-size: 14px;line-height: 40px;position: relative;padding-right: 140px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#list .right .nav a{margin-left: 5px;color: #3c3c3c;}
#list .right .nav a:hover{color:#ff6c47;}
#list .right .nav span{color: #6b6969;position: absolute;right: 0;}

#list .right .xg-list-btn{margin-top:20px;margin-bottom:20px;height: 40px;line-height: 40px;text-align: center;vertical-align: middle;}
#list .right .page span{margin:0 3px;}
#list .right .page .xg-page-btn{display: inline-block;height: 20px;width: 20px;border: 1px solid #cfcfcf;line-height: 20px;cursor:pointer;}
#list .right .page .active{background: #77c8c9;border-color: #77c8c9;color: #fff;}
#list .right .page span:hover{border-color: #77c8c9;}

#detail{padding: 30px 20px;}
#detail .article{font-size: 18px;color: #000;text-align: center;line-height: 30px;}
#detail .author{color:#6c6c6c;text-align: center;}
#detail .content{padding: 20px 0;}
#detail .accessory{margin-bottom: 20px;}
#detail .accessory a:hover{color:#ff6c47;}
#detail .others{border-top: 1px solid #dcdcdc;}
#detail .others a{display: block;margin-top: 10px;}
#detail .others a:hover{color: #3c3c3c!important;text-decoration: underline;}

/*心理健康*/
#detail .heart-table{margin:10px auto;border-collapse: collapse;width: 95%;}
#detail .heart-table a:hover{color:#ff6c47;}

.refer-add .name{font-weight: bold;}
.refer-add .indent{text-indent: 24px;}
.refer-add .refer-box{margin: 20px auto;padding: 0 24px;}
.refer-add .bar{margin: 10px 0;}
.refer-add .bar .input{padding: 1px 5px;margin-right: 5px;}
.refer-add .bar .large{width: 400px;}
.refer-add .area{overflow: hidden;}
.refer-add .area>p{float: left;}
.refer-add .area>div{float: left;}
.refer-add .area textarea{width: 670px;height: 100px;}
.refer-add .area .blue{color: blue;}
.refer-add .area span{margin: 0 3px;}
.refer-add .submit-btn{width: 100px;height: 25px;background: #77c8c9;}

/*心理测评*/
 .paper-check{padding:10px;box-sizing:border-box;background-color:#fff;}
 .paper-check .paper-img{width:100%;height:200px;}
 .paper-content{padding:10px 0 30px 0;}
 .paper-content .title-div{border-bottom:1px solid #ba2f18;padding-bottom:5px;text-align:center;}
 .paper-content .title-div .paper-title{font-size:16px;color:#ba2f18;}
 .paper-content .title-div .paper-people{color:#6d6c6c;}
 .paper-content .content-div .question-div{margin-top: 10px;}
 .paper-content .content-div .question-div .title-box{background-color:#edeef0;padding-left:10px;}
 .paper-content .content-div .question-div .title-box .question-title{font-size:14px;}
 .paper-content .content-div .question-div .answer-box{margin-top:10px;padding-left:30px;}
 .paper-content .content-div .question-div .answer-box input[type='radio'],input[type='checkbox']{margin-top:0}
 .paper-content .login-box{margin-top:20px;padding-top: 10px;border-top:1px dashed #babfc7;}
 .paper-content .login-box .alert{color:red;text-align:center;}
 .paper-content .login-box .login-div{margin-top:10px;text-align:center;}
 .paper-content .login-box .login-div label{margin:0 5px;}
 .paper-content .login-box .login-div #go-submit{cursor: pointer;background: #77c8c9;border-radius: 3px;color: #fff;width: 80px;height: 25px;outline:none;border:none;font-family:"微软雅黑";margin-left:5px;}


 /*心理健康活动*/
#list .right .act-nav{padding: 10px 0;}
#list .right .act-nav li{font-size: 14px;line-height: 40px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#list .right .act-nav a{margin-left: 5px;color: #3c3c3c;}
#list .right .act-nav .gray{color:gray;margin:0 10px 0 20px;}
#list .right .act-nav .blue{color:blue;}

#list .right .act-detail .time{padding:0 50px;}
#list .right .act-detail .author{margin:10px 0;}
#list .right .act-detail .apply-btn{width:120px;height:32px;background:#77c8c9;}

#list .right .act-add .article{margin-bottom:20px;}
#list .right .act-add .blue{color:blue;}
#list .right .act-add textarea{width: 670px;height:200px;}
#list .right .act-add .bar{padding-right:58px;margin:10px 0;}
#list .right .act-add .submit-btn{width: 100px;height: 25px;background: #77c8c9;}