/*基础部分*/
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;max-width:100%;}
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: #18aa9d;}
.header .logo{float: left;width: 320px;margin-top: 15px;}
.header .logo img{width: 100%;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 #b3e6e1;}
.header .nav .checked a{border-bottom: 2px solid #b3e6e1;}

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

/*中间内容公共部分*/
.main .more{background: #17ab9d;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;}

 .box-icon{background:#fff;margin-bottom:30px;padding-bottom:30px;}
.box-icon .box1{height: 203px;text-align: justify;width: 980px;margin: 0 auto;box-sizing: border-box;padding-top: 30px;}
.box-icon .box1 li{height:180px;width: 200px;display: inline-block;background:url("../HeartHealth/heart.png")center center no-repeat;}
.box-icon .box1 li:hover{background:url("../HeartHealth/heart-d.gif") center center no-repeat;}
.box-icon .box1 a{color: #fff;display: block;text-align: center;line-height: 185px;font-size: 14px;/*text-indent: -10px;*/}

.main .box2{height: 390px;overflow: hidden;margin-bottom: 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: #18aa9d;}

.main .box2 .list-box{float: right;width: 579px;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 #18aa9d;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{float:left;   width: 350px;height: 326px;background: #f8f8f8;box-sizing: border-box;}
.main .box3 .list-box{padding: 20px 35px;position:relative;background:#fff;}
.main .box3 .middle-box{margin-left:65px;}

.main .box3 .heart-tu{
    background:#fff url(../image/HeartHealth/teacher.png) no-repeat;
}
.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 li a:hover{color:#ff6c47;}
/*.main .box3 .list-box:hover{background: #fff;}*/
 .more:hover{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:0px auto 30px;width:1190px;background:#fff;}
.box4 .container{width: 1100px;margin:0 auto;}
.box4 .container .title{text-align: center;font-size: 16px;color: #18aa9d;}
.box4 .container .title span{height: 0;width: 32px;border-bottom: 2px solid #18aa9d;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: #18aa9d;text-align: center;color: #fff;float: right;line-height: 32px;}
.box4 .container .more:hover{background:#ff6c47;}
.main .box5{text-align: justify;vertical-align: top;height: 195px;width: 1190px;margin: 0  auto 30px;}
.main .box5>div{width: 170px;/*display: inline-block;*/height: 195px;overflow: hidden;float:left;}
.main .box5 .title{font-size:18px;position: relative;text-indent: 30px;text-align:center;}
.main .box5 .title .icon{position: absolute;background: url("../HeartHealth/sprite.png") no-repeat;width: 30px;height: 25px;left: 160px;}
.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  .seven-mouth,.main .box5  .eight-mouth{width:395px;padding-top:15px;box-sizing:border-box;}
.main .box5  .seven-mouth,.main .box5  .eight-mouth{background:#fff;}
.main .box5 .list{padding:10px 20px;}
.main .box5 .list li{padding-right: 0;}
.main .box5 .middle{width: 320px;margin:0px 40px;box-sizing:border-box;background:#fff;}
.main .box5 .middle>div{height: 195px;background: #fff;text-align: center;}
.main .box5 .middle>div.overflow{padding:10px;}
.main .box5 .middle>div.overflow p{}
.main .box5 .middle>div:hover{background:#fff;}

.main .box5 .middle .title{margin-top: 4px;line-height:25px;margin-bottom: 10px;}
.main .box5 .middle .icon{left: 70px;}

.main .box6{border-top: 1px solid #18aa9d;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: #ff6c47;}
.main .box6 .links li:hover a{color: #fff;}
.main .box6 .links a{display: block;line-height: 60px;}

.footer{background: #18aa9d;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: 1190px;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;display:inline-block;width:20px;height:20px;line-height:20px;}
#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; display:inline-block;width:20px;height:20px;line-height:20px;}
#list .right .page span:hover{border-color: #77c8c9;}
#list .right .page a{margin:0 3px;display:inline-block;width:20px;height:20px;line-height:20px;border:1px solid #ddd;}
#list .right .page a:hover{background:#77c8c9;color:#fff;border:1px solid #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{display:block;}
#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 select{padding: 1px 5px;margin-right: 5px;height:30px;width:160px;text-indent:10px;}
.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: 30px;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;}
.xg_main .right-content .content-mail{padding:10px 0 10px 30px;}

/*留言箱*/
 .content-mail .content-mail-choose .mail-choose{font-size:14px;overflow:hidden; margin-top:30px;}
 .content-mail .content-mail-choose .mail-choose select,input[type="text"]{height:30px;margin:0 3px;border:1px solid #c8c7c7;padding: 0 5px;}
 .content-mail .content-mail-choose .mail-choose input[type="text"]{height:28px;}
 .content-mail .content-mail-choose .mail-choose .search-btn{height:30px;width:80px;background-color:#E7E8E8;outline:none;border:1px solid #E7E8E8;cursor:pointer;font-size:14px;font-family:"微软雅黑";color:rgb(60,60,60);}
 .content-mail .content-mail-choose .mail-choose .search-btn:hover{opacity:.9;}
 .content-mail .content-mail-choose .mail-show{margin-top:10px;}
 .content-mail .content-mail-choose .mail-show .mail-show-box{padding-bottom:15px;border-bottom:1px solid #c8c7c7;margin-bottom:30px;}
 .content-mail .content-mail-choose .mail-show .mail-show-box .mail-question{border-bottom:1px dashed #c8c7c7;padding-bottom:5px;}
 .content-mail .content-mail-choose .mail-show .mail-show-box .mail-question .mail-type{display:inline-block;border:1px solid #DD5B7E;color:#DD5B7E;font-size:12px;padding:0 5px;border-radius:10px;}
 .content-mail .content-mail-choose .mail-show .mail-show-box .mail-question .font12{float:right;}
.content-mail .content-mail-choose .mail-choose select, input[type="password"] {height:30px;margin:0 3px;border:1px solid #c8c7c7;padding: 0 5px;}
/*查看信件登录*/
 .content-mail .login-box{width:260px;margin:100px auto;}
 .content-mail .login-box .login-group{margin:10px 0;}
 .content-mail .login-box .login-group input[type="text"]{height:24px;border:1px solid #898787;}
/*提问*/
 .content-mail .mail-notice-box{padding-left:20px;}
 .content-mail .group-add{margin:10px 0;overflow:hidden;}
 .content-mail .group-add .group-add-select,group-add-input{height:30px;margin:0 3px;border:1px solid #c8c7c7;padding:0 5px;float:left;}
 .content-mail .group-add textarea{margin:0 3px;border:1px solid #c8c7c7;padding:5px;float:left;}
 .content-mail .group-add .group-add-label{display:inline-block;width:75px;text-align:right;float:left;}
 .content-mail .group-add .public-reply{float:left;}
 .content-mail .group-add .public-reply label{}
 .content-mail .login-info input[type="text"]{float:left;width:120px;margin:0px;}
.content-mail .login-info input[type="password"]{float:left;height:30px;/*margin:0 3px;*/border:1px solid #c8c7c7;padding: 0 5px;width:120px;margin-right:3px;}
 .login-info  .messageSubmit{border-radius:0px;margin-left:5px;}
  .group-add .public-reply .code-input {
        width: 80px;
    }

    .group-add .public-reply .code-box {
        float: right;
        font-style: oblique;
        height: 31px;
        width: 83px;
        background: url("../HeartHealth/valid-code.jpg");
        cursor: pointer;
        font-size: 16px;
        word-spacing: 8px;
        letter-spacing: 6px;
        text-indent: 10px;
    }
 
/*分页*/
 .content .page{text-align:center;margin-top:100px;}
 .content .page .pege_box{display:inline-block;height:20px;width:20px;border:1px solid #D1CFCF;line-height:20px;cursor:pointer;font-size:12px;text-align:center;margin:0 1px;}
 .content .page .pege_box a{ text-decoration:none;}
 .content .page .active{color:#fff;border:1px solid #2c75b0;background-color:#2c75b0;cursor:auto;}
 .content .page .pege_box:hover{border:1px solid #2c75b0;}
 /*按钮*/
.btn{outline:none;border:none;cursor:pointer;color:#fff!important;font-family:"微软雅黑";display:inline-block;text-align:center;text-decoration:none!important;}
.btn:hover{opacity:.9;}
.btn-person{width:120px;height:30px;line-height:30px;background-color:#DD5B7E;float:right;}
.btn-message{width:100px;height:30px;line-height:30px;background-color:#6796BC;float:right;}
.btn-login{width:80px;height:30px;line-height:30px;background-color:#6796BC; }
.list-box .heart-ce a{
    display:inline-block;
    width: 350px;
    height: 326px;
}
.list-box .heart-ce a img{
  width: 350px;
    height: 326px;
}