/*公共样式*/
.bj-grey1{ background-color: #f9f9f9;}
.ad1{ width: 100%; float: left;}
.ad1 img{ width: 100%;}
.column{ width: 100%; float: left;}
.column p{ width: 100%; float: left; padding-bottom: 26px; font-size: 30px; font-weight: bold; text-align: center; background: url(../image/ico22.png) no-repeat center bottom;}
.tab{ width: 100%; height: 54px; line-height: 54px; float: left; background-color: #f8f8f8; margin-top: 20px;}
.tab p{ float: left; font-size: 18px; padding: 0 20px;}
.tab ul{ width: 100%; float: left;}
.tab ul li{ float: left; margin-left: 20px; cursor: pointer;}
.tab ul li:hover{ color: #FF5272;}
.tab ul li a:hover{ color: #FF5272;}
.tab ul .current{ color: #FF5272;}
.scale img{ -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.scale img:hover{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}

/*幻灯片*/
#swiper1 .swiper-slide{ width: 100%; height: 380px; float: left; overflow: hidden;}
#swiper1 .swiper-slide img{ height: 380px;}
.swiper1{ width: 100%; float: left;}
.swiper1 p{ width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden; color: #FFFFFF; font-size: 16px; background-color: rgba(0,0,0,0.4); position:  absolute; left: 0; bottom: 0; padding: 0 20px; box-sizing: border-box; z-index: 1;}
.swiper1 .swiper-pagination{right: 10px; left:inherit; width: initial;}
.swiper1 .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #ffffff;}
#swiper2 .swiper-button-prev{ width: 30px; height: 30px; background: url(../image/prev.png) no-repeat 7px rgba(0,0,0,0.4); border-radius: 50%; background-size: 13px 20px; margin-top: -15px;}
#swiper2 .swiper-button-next{ width: 30px; height: 30px; background: url(../image/next.png) no-repeat 10px rgba(0,0,0,0.4); border-radius: 50%; background-size: 13px 20px; margin-top: -15px;}
#swiper3 .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #ffffff;}
/*按钮*/
.button-more1{ width: 270px; height: 56px; line-height: 56px; float: left; overflow: hidden; color: #666666; font-size: 18px; text-align: center; margin-top: 40px; margin-left: 50%; transform: translate(-50%,0); cursor: pointer; border-radius: 5px; border: 1px solid #eaeaea; box-sizing: border-box;}
.button-more1 a{ width: 100%; height: 100%; float: left; color: #666666;}
.button-more1:hover{ border: 1px solid #FF5272; color: #FF5272;}
.button-more1:hover a{ color: #FF5272;}
.button-more2{ width: 270px; height: 56px; line-height: 56px; float: left; overflow: hidden; color: #666666; font-size: 18px; text-align: center; margin-top: 40px; margin-left: 50%; transform: translate(-50%,0); cursor: pointer; border-radius: 5px; border: 1px solid #eaeaea; box-sizing: border-box; }
.button-more2 span{ background: url(../image/ico25.png) no-repeat right; padding-right: 30px;}
.button-more2 a{ width: 100%; height: 100%; float: left; color: #666666;}
.button-more2:hover{ border: 1px solid #FF5272; color: #FF5272;}
.button-more2:hover span{}
.button-more2:hover a{ color: #FF5272;}
/*各类列表板块*/
.list-aq{ width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
.list-aq .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc; line-height: 28px;}
.list-aq .li span{ color: #FF5272;}
.list-aq .li .ask{ width: 100%; float: left; display: flex;}
.list-aq .li .ask .ico{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #ff5272; margin-right: 10px;}
.list-aq .li .ask p{ flex: 1; font-size: 16px;}
.list-aq .li .ask p a:hover{ color: #FF5272;}
.list-aq .li .answer{ width: 100%; float: left; margin-top: 10px; display: flex;}
.list-aq .li .answer .ico{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #3388ff; margin-right: 10px;}
.list-aq .li .answer p{ flex: 1; color: #666666; line-height: 24px;}
.list-aq .li .p1{ width: 100%; float: left; color: #999999; padding-left: 38px; box-sizing: border-box; margin-top: 8px;}
.list-aq .li .p1 span{float: right; color: #999999;}
.list-sp{ width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
.list-sp .li{ width: 285px; float: left; margin-top: 20px;}
.list-sp .li .img{ width: 100%; height: 160px; float: left; overflow: hidden; position: relative; border-radius: 5px;}
.list-sp .li .img img{ border-radius: 5px;}
.list-sp .li .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.list-sp .li .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.list-sp .li .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.list-sp .li .img:hover .bj{ display: flex;}
.list-sp .li .p1{ width: 100%; float: left; color: #999999; margin-top: 10px; line-height: 20px;}
.list-sp .li .p1 .small{ width: 40px; height: 40px; float: left; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.list-sp .li .p2{ width: 100%; float: left; margin-top: 5px; line-height: 22px; font-size: 16px;}
.list-sp .li .p2 a:hover{ color: #FF5272;}
.list-yy{ width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
.list-yy .li{ width: 285px; float: left; margin-top: 30px;}
.list-yy .li .img{ width: 100%; height: 114px; float: left; background-color: #FF5272; overflow: hidden; position: relative; border-radius: 5px; display: flex; align-items: center;}
.list-yy .li .img img{ width: 100%; border-radius: 5px;}
.list-yy .li .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; justify-content: center; align-items: center;}
.list-yy .li .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico27.png) no-repeat; cursor: pointer;}
.list-yy .li .img .bj span{ position: absolute; bottom: 6px; color: #FFFFFF;}
.list-yy .li .img:hover .bj{ display: flex;}
.list-yy .li .p1{ width: 100%; float: left; color: #999999; margin-top: 10px; line-height: 20px;}
.list-yy .li .p1 .small{ width: 40px; height: 40px; float: left; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.list-yy .li .p2{ width: 100%; float: left; margin-top: 5px; line-height: 22px; font-size: 16px;}
.list-yy .li .p2 a:hover{ color: #FF5272;}
.list-search{ width: 100%; float: left; margin-top: 20px;}
.list-search .li{width: 100%; float: left; display: flex; justify-content: space-between; border-bottom: 1px solid #dcdcdc; padding: 20px 0;}
.list-search .li .img{ width: 214px; height: 120px; overflow: hidden; float: left; margin-right: 20px; position: relative;}
.list-search .li .img img{ width: 100%; height: 100%;}
.list-search .li .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.list-search .li .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.list-search .li .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.list-search .li .img:hover .bj{ display: flex;}
.list-search .li .desc{ flex: 1;}
.list-search .li .desc span{ color: #FF5272;}
.list-search .li .desc .p1{ width: 100%; float: left; font-size: 16px;}
.list-search .li .desc .p1 a:hover{ color: #FF5272;}
.list-search .li .desc .p2{ width: 100%; float: left; color: #666666 ; margin-top: 8px; line-height: 22px;}
.list-search .li .desc .p3{ width: 100%; float: left; color: #999999; margin-top: 8px;}
.list-search .li .desc .p3 span{ float: right; color: #999999;}
.list-search .li .desc .p4{ width: 154px; height: 36px; line-height: 36px; float: left; background: url(../image/bj_img2.png) no-repeat; margin-top: 10px; margin-bottom: 4px; padding-left: 40px; box-sizing: border-box;}
.list-search .li .desc .p4 span{ color: #666666; margin-left: 10px;}
.list-doctor{ width: 100%; float: left;}
.list-doctor .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc;}
.list-doctor .li .img{ width: 120px; height: 120px; float: left; border-radius: 50%; overflow: hidden; margin-right: 20px;}
.list-doctor .li .img img{ width: 100%;}
.list-doctor .li .desc{height: 120px; float: left; display: flex; flex-direction: column; justify-content: center;}
.list-doctor .li .desc span{ color: #FF5272;}
.list-doctor .li .desc .p1 p{ font-size: 16px; float: left; margin-right: 10px;}
.list-doctor .li .desc .p1 span{ margin-right: 10px; color: #333333; line-height: 24px;}
.list-doctor .li .desc .p1 a{ background-color: #ff5272;color: #FFFFFF;border-radius: 5px;padding: 3px 10px;}
.list-doctor .li .desc .p2{ color: #666666; margin-top: 8px;}
.list-doctor .li .desc .p3{ color: #999999; margin-top: 12px;}
.list-kq{ width: 100%; float: left;}
.list-kq .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc;}
.list-kq .li span{ color: #FF5272;}
.list-kq .li a:hover{ color: #FF5272;}
.list-kq .li .p1{ font-size: 16px;}
.list-kq .li .p2{ color: #666666; margin-top: 10px;}
.list-kq .li .p3{ color: #999999; margin-top: 10px;}
/*右侧板块*/
.box-right .mu{ width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #DCDCDC;}
.box-right .mu p{ font-size: 20px; border-left: 2px solid #FF5272; line-height: 20px; padding-left: 10px;}
.box-right .mu span{ font-size: 20px; line-height: 20px; }
.box-right .con{ width: 100%; float: left;}
.box-right .div-te1{ width: 100%; height: 380px; float: left; background: url(../image/bj_img1.jpg) no-repeat;}
.box-right .div-te1 .li{ width: 100%; float: left; padding: 0 20px; box-sizing: border-box;}
.box-right .div-te1 .li .img{ width: 120px; float: left; position: relative; margin-top: 40px; margin-left: 50%;  transform: translate(-50%,0);}
.box-right .div-te1 .li .img p{ width: 120px; height: 120px; float: left; overflow: hidden; border-radius: 50%;}
.box-right .div-te1 .li .img span{ background-color: #ff5272; color: #FFFFFF; border-radius: 5px; padding: 3px 10px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%);}
.box-right .div-te1 .li .p1{ width: 100%; float: left; text-align: center; font-size: 16px; margin-top: 34px; margin-bottom: 5px;}
.box-right .div-te1 .li .p1 span{ font-size: 14px; border: 1px solid #ff5272; border-radius: 3px; color: #ff5272; padding: 2px 5px; margin-left: 10px;}
.box-right .div-te1 .li .p2{ width: 100%; float: left; text-align: center; margin-top: 14px; color: #666666;}
.box-right .div-te1 .li .button{ width: 160px; height: 40px; line-height: 40px; text-align: center; background-color: #FF5272; color: #FFFFFF; border-radius: 20px; float: left; margin-left: 50%;  transform: translate(-50%,0); margin-top: 15px;}
.box-right .div-te1 #swiper2 .swiper-button-prev{ width: 15px; height: 26px; background: url(../image/ico48.png) no-repeat; margin-top: 0;}
.box-right .div-te1 #swiper2 .swiper-button-next{ width: 15px; height: 26px; background: url(../image/ico49.png) no-repeat; margin-top: 0;}
.box-right .div1{ width: 100%; float: left; margin-top: 20px;}
.box-right .div1 ul{ width: 100%; float: left;}
.box-right .div1 ul li{ width: 100%; float: left; border-bottom: 1px dashed #666666; padding: 15px 0;}
.box-right .div1 ul li:last-child{ border-bottom: 0;}
.box-right .div1 ul li a{ float: left; font-size: 16px;}
.box-right .div1 ul li a:hover{ color: #FF5272;}
.box-right .div1 ul li p{ width: 100%; float: left; color: #666666; margin-top: 5px;}
.box-right .div1 ul li .more{ color: #FF5272; font-size: 14px; margin-top: 5px;}
.box-right .div2{ width: 100%; float: left; margin-top: 20px;}
.box-right .div2 .img{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 20px;}
.box-right .div2 .img .p1{ width: 120px; height: 68px; float: left; margin-right: 10px; overflow: hidden;}
.box-right .div2 .img .p2{ flex: 1; font-size: 16px; line-height: 24px;}
.box-right .div2 .img .p2 a:hover{ color: #FF5272;}
.box-right .div2 .img .more{ font-size: 14px; color: #FF5272;}
.box-right .div2 ul{ width: 100%; float: left; padding-bottom: 5px;}
.box-right .div2 ul li{ width: 100%; float: left; font-size: 16px; padding: 6px 0;}
.box-right .div2 ul li a:hover{ color: #FF5272;}
.box-right .div3{ width: 100%; float: left; margin-top: 20px;}
.box-right .div3 .qa{ width: 100%; float: left; line-height: 28px; border-bottom: 1px dashed #666666; margin-top: 20px; padding-bottom: 15px;}
.box-right .div3 .qa:last-child{ border-bottom: 0;}
.box-right .div3 .qa span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; margin-right: 10px;}
.box-right .div3 .qa p{ flex: 1;}
.box-right .div3 .qa .ask{ width: 100%; float: left;}
.box-right .div3 .qa .ask span{ background-color: #ff5272;}
.box-right .div3 .qa .ask p{ font-size: 16px;}
.box-right .div3 .qa .ask p a:hover{ color: #FF5272;}
.box-right .div3 .qa .answer{ width: 100%; float: left; margin-top: 10px; }
.box-right .div3 .qa .answer span{ background-color: #3388ff;}
.box-right .div3 .qa .answer p{ line-height: 24px; margin-top: 2px; color: #666666;}
.box-right .div4{ width: 100%; float: left; margin-top: 20px;}
.box-right .div4 ul{ width: 100%; float: left; margin-top: 15px;}
.box-right .div4 ul li{ width: 100%; float: left; font-size: 16px; line-height: 28px; margin: 5px 0;}
.box-right .div4 ul li .p1{ width: 28px; height: 28px; float: left; margin-right: 10px; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-size: 14px; color: #FFFFFF; background-color: #FF5272;}
.box-right .div4 ul li .p2{ width: 28px; height: 28px; float: left; background: url(../image/ico47.png) no-repeat left;}
.box-right .div4 ul li a:hover{ color: #FF5272;}
.box-right .div5{ width: 100%; float: left;}
.box-right .div5 .img{ width: 100%; height: 168px; float: left; overflow: hidden; position: relative; border-radius: 5px; margin-top: 20px;}
.box-right .div5 .img img{ border-radius: 5px;}
.box-right .div5 .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.box-right .div5 .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.box-right .div5 .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-right .div5 .img:hover .bj{ display: flex;}
.box-right .div5 .img1{ width: 100%; height: 125px; float: left;overflow: hidden; position: relative; border-radius: 5px; margin-top: 20px; margin-bottom: 10px; display: flex; align-items: center;}
.box-right .div5 .img1 img{ width: 100%; border-radius: 5px;}
.box-right .div5 .img1 .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0;justify-content: center; align-items: center;}
.box-right .div5 .img1 .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico27.png) no-repeat; cursor: pointer;}
.box-right .div5 .img1 .bj span{ position: absolute; bottom: 6px; color: #FFFFFF;}
.box-right .div5 .img1:hover .bj{ display: flex;}
.box-right .div5 ul{ width: 100%; float: left; margin-top: 10px;}
.box-right .div5 ul li{ width: 100%; float: left; overflow: hidden; line-height: 28px; font-size: 16px; padding: 2px 0;}
.box-right .div5 ul li a:hover{ color: #FF5272;}
.box-right .div6{ width: 100%; float: left;}
.box-right .div6 .li{ width: 100%;  float: left; display: flex; margin-top: 20px;}
.box-right .div6 .li .img{ width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin-right: 18px;}
.box-right .div6 .li .img img{ width: 100%;}
.box-right .div6 .li .desc{ line-height: 20px;}
.box-right .div6 .li .p1 span{ color: #666666; margin-left: 10px;}
.box-right .div6 .li .p2{ color: #666666;}

/*内容页*/
.box-show{ width: 100%; float: left;}
.box-show .box-left{ width: 860px; float: left;}
.box-show .box-left .title{ width: 100%; float: left; border-bottom: 1px solid #DCDCDC; padding-bottom: 20px;}
.box-show .box-left .title h1{ font-size: 16px; width: 100%; float: left; font-weight: normal;}
.box-show .box-left .title span{ float: left; padding: 8px 10px; border-radius: 5px; background-color: #ffebeb; color: #FF5272; margin-right: 10px; margin-top: 10px; }
.box-show .title1{ width: 100%; float: left; background-color: #f8f8f8; padding: 45px 40px; box-sizing: border-box; margin-top: 40px;}
.box-show .title1 .p1{ width: 100%; float: left; font-size: 34px; color: #FF5272;}
.box-show .title1 .p1 span{ font-size: 16px; color: #999999; margin-left: 20px;}
.box-show .title1 .p2{ width: 100%; float: left; font-size: 16px; margin-top: 10px; line-height: 24px;}
.box-show .box-left .content{ width: 100%; float: left; color: #666666; padding: 20px 0;}
.box-show .box-left .content .audio{ width: 100%; border: 1px solid #DCDCDC; border-radius: 5px; margin-bottom: 20px;}
.box-show .box-left .content img{ max-width: 100%; margin: 10px auto;}
.box-show .box-left .content p{ line-height: 26px;}
.box-show .box-left .content .img{ width: 100%; height: auto; float: left; overflow: hidden; position: relative; border-radius: 5px; margin-top: 20px; margin-bottom: 20px;}
.box-show .box-left .content .img img{ border-radius: 5px; margin: 0;}
.box-show .box-left .content .img .bj{ width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center;}
.box-show .box-left .content .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.box-show .box-left .content .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-show .box-left .data{ width: 100%; float: left; display: flex; justify-content: space-between; color: #999999; padding-top: 20px; padding-bottom: 40px;}
.box-show .box-left .data .p1{ background: url(../image/ico50.png) no-repeat left; padding-left: 20px; margin-right: 30px;}
.box-show .box-left .data .p2{ background: url(../image/ico51.png) no-repeat left; padding-left: 20px;}
.box-show .box-left .give{ width: 100%; float: left; display: flex; justify-content: center; padding-bottom: 30px;}
.box-show .box-left .give span{ width: 58px; height: 60px; background: url(../image/ico52.png) no-repeat; cursor: pointer;}
.box-show .box-left .give .current{ background: url(../image/ico53.png) no-repeat;}
.box-show .box-left .updown{ width: 100%; float: left; display: flex; padding-top: 40px; border-top: 1px solid #DCDCDC;}
.box-show .box-left .updown p{ width: 100%; float: left;}
.box-show .box-left .hot{ width: 100%; float: left;  margin-top: 40px; background-color: #f8f8f8; display: flex;}
.box-show .box-left .hot .p1{ width: 60px; padding: 0 25px; box-sizing: border-box; line-height: 18px; float: left; background-color: #dedede; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.box-show .box-left .hot ul{ width: 400px; float: left; padding:20px 0 20px 55px; box-sizing: border-box;}
.box-show .box-left .hot ul li{ width: 300px; float: left; line-height: 26px;}
.box-show .box-left .hot ul li a:hover{ color: #FF5272;}
.box-show .box-left .hot ul li span{ float: right; color: #999999;}
.box-show .box-left .mu{ width: 100%; float: left; font-size: 20px; line-height: 20px; margin-top: 40px;}
.box-show .box-left .div1{ width: 100%; height: 110px; float: left; background-color: #f8f8f8; margin-top: 20px;}
.box-show .box-left .div1 p{ width: 60px; height: 100%; float: left; background-color: #dedede; display: flex; justify-content: center; align-items: center;}
.box-show .box-left .div1 ul{ width: 800px; height: 70px; padding: 20px 0; float: left; display: flex; flex-flow: column; flex-wrap: wrap; align-items:center; }
.box-show .box-left .div1 ul li{ width: 160px; height: 23px; line-height: 23px; float: left; text-align: center; border-right: 1px solid #dcdcdc;}
.box-show .box-left .div1 ul li span{ color: #999999; padding-right: 5px;}
.box-show .box-left .div2{ width: 100%; float: left;}
.box-show .box-left .div2 .li{ width: 100%;float: left; overflow: hidden; position: relative; margin-top: 20px;}
.box-show .box-left .div2 .li img{ width: 100%;}
.box-show .box-left .div2 .li span{ width: 78px; height: 34px; line-height: 34px; float: right; position: absolute; bottom: 0; right: 0; background-color: #6b6c6e; text-align: center; color: #FFFFFF; border-radius: 5px 0 0 0;}
.box-show .box-left .div2 .li .after{ background-color: #FF5272;}
.box-show .box-left .div3{ width: 100%; float: left; margin-top: 40px;  border-top: 1px dashed #666666;}
.box-show .box-left .div3 .li{ width: 100%; float: left; border-bottom: 1px dashed #666666; padding: 40px 0;}
.box-show .box-left .div3 .li p{ width: 100%; float: left;}
.box-show .box-left .div3 .li .p1{ font-size: 20px;}
.box-show .box-left .div3 .li .p2{ font-size: 16px; color: #666666; margin-top: 14px; line-height: 22px;}
.box-show .box-left .div3 .li .p3{  color: #666666; margin-top: 14px;}
.box-show .box-left .div3 .li span{ float: left; padding: 8px 10px; border-radius: 5px; background-color: #ffebeb; color: #FF5272; margin-right: 10px; margin-top: 14px;}
.box-show .box-left .div4{ width: 100%; float: left; border-bottom: 1px dashed #666666; padding-bottom: 40px;}
.box-show .box-left .div4 .img{ width: 100%; float: left; overflow: hidden; position: relative; border-radius: 5px; margin-top: 20px;}
.box-show .box-left .div4 .img img{ border-radius: 5px;}
.box-show .box-left .div4 .img .bj{ width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center;}
.box-show .box-left .div4 .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.box-show .box-left .div4 .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-show .box-left .div4 .ul{ width: 100%; padding: 0 22px; float: left; box-sizing: border-box; background: url(../image/ico28.jpg) no-repeat left top #f1f1f1; margin-top: 20px; line-height: 46px;}
.box-show .box-left .div4 .ul .li{ width: 100%; float: left;}
.box-show .box-left .div4 .ul .li:nth-child(even){ background-color: #ffffff;}
.box-show .box-left .div4 .ul .li p{ width: 50%; height: 46px; float: left; padding-left: 80px; box-sizing: border-box;}
.box-show .box-left .div4 .ul .li p span{ float: left; color: #999999; width: 120px; display: flex; align-items: center;}
.box-show .box-left .div4 .ul .li p span img{ width: 16px; height: 16px; margin-left: 5px;}
.box-show .box-left .div4 .ul .p1{ width: 100%; float: left; text-align: center;}
.box-show .box-left .div5{ width: 100%; float: left; border-bottom: 1px dashed #666666; padding-bottom: 40px;}
.box-show .box-left .div5 .xian{ float: left; border-left: 1px solid #dcdcdc; margin-top: 25px; margin-left: 10px;}
.box-show .box-left .div5 .li{ width: 100%; float: left; line-height: 24px; margin-top: 30px;}
.box-show .box-left .div5 .li:first-child{ margin-top: 0;}
.box-show .box-left .div5 .li .p1{ width: 100%; float: left; color: #FF5272; position: relative; padding-left: 15px; box-sizing: border-box; margin-top: -7px;}
.box-show .box-left .div5 .li .p1 span{ width: 7px; height: 7px; float: left; background-color: #FFFFFF; border-radius: 50%; border: 1px solid #dcdcdc; position: absolute; left: -5px; top: 7px;}
.box-show .box-left .div5 .li .p2{ width: 100%; float: left; padding-left: 15px; color: #666666; box-sizing: border-box;}
.box-show .box-left .div5 .li .p2 span{ color: #333333;}
.box-show .box-left .div6{ width: 100%; float: left;}
.box-show .box-left .div6 .li{ width: 420px; float: left; margin-top: 20px;}
.box-show .box-left .div6 .li:nth-child(2){ float: right;}
.box-show .box-left .div6 .li .img{ width: 100%; height: 236px; float: left; overflow: hidden; position: relative; border-radius: 5px;}
.box-show .box-left .div6 .li .img img{ border-radius: 5px;}
.box-show .box-left .div6 .li .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.box-show .box-left .div6 .li .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.box-show .box-left .div6 .li .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-show .box-left .div6 .li .img:hover .bj{ display: flex;}
.box-show .box-left .div6 .li .p1{ width: 100%; float: left; color: #999999; margin-top: 10px; line-height: 20px; display: flex; align-items: center; }
.box-show .box-left .div6 .li .p1 .small{ width: 40px; height: 40px; float: left; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.box-show .box-left .div6 .li .p2{ width: 100%; float: left; margin-top: 5px; line-height: 22px; font-size: 16px;}
.box-show .box-left .div6 .li .p2 a:hover{ color: #FF5272;}
.box-show .box-left .div7{ width: 100%; height: 200px; float: left; background-color: #f8f8f8; padding: 20px; box-sizing: border-box;}
.box-show .box-left .div7 .p1{ width: 100%; float: left; line-height: 28px; font-size: 16px;}
.box-show .box-left .div7 .p1 span{width: 28px; height: 28px; float: left; margin-right: 10px; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-size: 14px; color: #FFFFFF; background-color: #FF5272;}
.box-show .box-left .div7 .p2{ width: 100%; float: left; padding-left: 38px; box-sizing: border-box; display: flex; align-items: center; margin-top: 10px;}
.box-show .box-left .div7 .p2 img{ width: 30px; height: 30px; border-radius: 50%; margin-right: 20px;}
.box-show .box-left .div7 .p2 p{ color: #666666;}
.box-show .box-left .div7 .p3{ width: 100%; float: left; padding-left: 38px; box-sizing: border-box; color: #666666; margin-top: 10px; line-height: 24px;}
.box-show .box-left .div7 .p4{ width: 100%; float: left; padding-left: 38px; box-sizing: border-box;}
.box-show .box-left .div7 .p4 span{ float: left; padding: 8px 10px; border-radius: 5px; background-color: #ffebeb; color: #FF5272; margin-right: 10px; margin-top: 10px;}
.box-show .box-left .div8{ width: 100%; float: left; margin-top: 30px;}
.box-show .box-left .div8 .title{ width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #DCDCDC; font-size: 16px;}
.box-show .box-left .div8 .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #DCDCDC;}
.box-show .box-left .div8 .li:last-child{ border-bottom: 0;}
.box-show .box-left .div8 .li .p1{ width: 100%; float: left;}
.box-show .box-left .div8 .li .p1 img{ width: 40px; height: 40px; float: left; border-radius: 50%; margin-right: 10px;}
.box-show .box-left .div8 .li .p1 span{ float: left;}
.box-show .box-left .div8 .li .p1 a{ float: right; width: 100px; height: 30px; text-align: center; line-height: 30px; color: #FFFFFF; border-radius: 5px; background-color: #FF5272;}
.box-show .box-left .div8 .li .p2{ width: 100%; float: left; color: #999999; padding-left: 50px; box-sizing: border-box; line-height: 24px; margin-top: 10px;}
.box-show .box-left .div8 .li .p3{ width: 100%; float: left; color: #666666; padding-left: 50px; box-sizing: border-box; margin-top: 15px;}
.box-show .box-left .div9{ width: 100%; float: left;}
.box-show .box-left .div9 .mu{ border-bottom: 1px solid #DCDCDC; padding-bottom: 10px;}
.box-show .box-left .div9 .li .img .bj a{ width: 30px; height: 30px; float: left; background: url(../image/ico26.png) no-repeat; background-size: cover; cursor: pointer;}
.box-show .box-right{ width: 300px; float: right;}

/*首页-项目图标*/
.xmbk{ width: 100%; float: left; display: flex; justify-content: space-between;}
.xmbk .li{ width: 224px; height: 140px; float: left; border-radius: 10px;}
.xmbk .p1{ background: url(../image/ico24.png) no-repeat left bottom rgba(69,140,209,0.9);}
.xmbk .p2{ background: url(../image/ico24.png) no-repeat left bottom rgba(255,117,142,0.9);}
.xmbk .p3{ background: url(../image/ico24.png) no-repeat left bottom rgba(149,74,225,0.9);}
.xmbk .p4{ background: url(../image/ico24.png) no-repeat left bottom rgba(244,118,85,0.9);}
.xmbk .p5{ background: url(../image/ico24.png) no-repeat left bottom rgba(155,160,173,0.9);}
.xmbk .li a{ width: 100%; height: 100%; float: left; color: #FFFFFF;}
.xmbk .li .ico{ width: 100%; height: 94px; float: left;}
.xmbk .li .ico img{ float: left; margin-left: 50%; margin-top: 25%; transform: translate(-50%,-50%);}
.xmbk .li p{ width: 100%; float: left; text-align: center; font-size: 22px;}
/*首页-名医问答*/
.questions{ width:100%; float: left; display: flex; justify-content: space-between; margin-top: 40px;}
.questions .frame1{ width: 378px; float: left; padding: 10px; border: 1px solid #ededed; box-sizing: border-box;}
.questions .frame1 .title{ width: 100%; height: 80px; line-height: 80px; float: left; background-color: #FF5272; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center;}
.questions .frame1 ul{ width: 100%; float: left; margin-top: 5px;}
.questions .frame1 ul li{ width: 100%; height: 50px; line-height: 50px; float: left; overflow: hidden; border-bottom: 1px solid #dcdcdc; padding: 0 10px; box-sizing: border-box;}
.questions .frame1 ul li span{ float: left; color: #999999; margin-right: 10px;}
.questions .frame1 ul li a{ float: left;}
.questions .frame1 ul li a:hover{ color: #FF5272;}
.questions .frame2{ width: 789px; float: left;}
.questions .frame2 .li{ width: 378px; min-height: 68px; float: left; margin-bottom: 10px; }
.questions .frame2 .li:nth-child(even){ float: right;}
.questions .frame2 .li a{ width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.questions .frame2 .li:nth-child(7){ margin-bottom: 0;}
.questions .frame2 .li:nth-child(8){ margin-bottom: 0;}
.questions .frame2 .li .time{ width: 100px; height: 100px; float: left; text-align: center; background-color: #f1f1f1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.questions .frame2 .li .time p{ width: 100%; font-size: 20px;}
.questions .frame2 .li .time span{ width: 100%;}
.questions .frame2 .li:hover .time{ background-color: #FF5272; color: #FFFFFF;}
.questions .frame2 .li:hover a{ color: #FF5272;}
.questions .frame2 .li .desc{ width: 266px; float: right;}
.questions .frame2 .li .desc .p1{ font-size: 16px; line-height: 24px;}
.questions .frame2 .li .desc .p2{ color: #666666; line-height: 22px;}
/*首页-权威科普*/
.kepu{ width: 100%; float: left; margin-top: 40px;}
.kepu .box-left{ width: 480px; height: 270px;}
.kepu .box-left .swiper-slide{ position: relative;}
.kepu .box-left .swiper-slide p{ width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden; color: #FFFFFF; font-size: 16px; background-color: rgba(0,0,0,0.4); position:  absolute; left: 0; bottom: 0; padding: 0 20px; box-sizing: border-box;}
.kepu .box-right{ width: 700px; float: right;}
.kepu .box-right dl{ width: 320px; float: left;}
.kepu .box-right dl dt{ width: 100%; height: 180px; float: left; overflow: hidden;}
.kepu .box-right dl dd{ width: 100%; float: left; margin-top: 15px;}
.kepu .box-right dl dd a{ width: 100%; float: left; font-size: 16px; line-height: 26px;}
.kepu .box-right dl dd a:hover{ color: #FF5272;}
.kepu .box-right dl dd p{ width: 100%; float: left; color: #666666; line-height: 22px;}
.kepu .box-right ul{ width: 360px; height: 270px; float: right; overflow: hidden;}
.kepu .box-right ul li{ width: 100%; float: left; line-height: 22px; margin-bottom: 13px;}
.kepu .box-right ul li a{ font-size: 16px;}
.kepu .box-right ul li a:hover{ color: #FF5272;}
.kepu .box-right ul li span{ color: #999999;}
/*首页-精选医生*/
.doctor{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 30px;}
.doctor .li{ width: 285px; height: 310px; float: left; background-color: #FFFFFF; border-radius: 5px; padding: 0 20px; box-sizing: border-box; border: 1px solid #eaeaea; margin-top: 10px;}
.doctor .li:hover{ border: 1px solid #FF5272; margin-top: 0;}
.doctor .li .img{ width: 120px; float: left; position: relative; margin-top: 30px; margin-left: 50%;  transform: translate(-50%,0);}
.doctor .li .img p{ width: 120px; height: 120px; float: left; overflow: hidden; border-radius: 50%;}
.doctor .li .img span{ background-color: #ff5272; color: #FFFFFF; border-radius: 5px; padding: 3px 10px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%);}
.doctor .li .p1{ width: 100%; float: left; text-align: center; font-size: 16px; margin-top: 34px; margin-bottom: 5px;}
.doctor .li .p1 span{ font-size: 14px; border: 1px solid #ff5272; border-radius: 3px; color: #ff5272; padding: 2px 5px; margin-left: 10px;}
.doctor .li .p2{ width: 100%; float: left; text-align: center; margin-top: 14px; color: #666666;}
/*首页-精选医院*/
.hospital{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 30px;}
.hospital .li{ width: 285px; height: 310px; float: left; background-color: #FFFFFF; border: 1px solid #eaeaea; border-radius: 5px; padding: 0 20px; box-sizing: border-box; margin-top: 10px;}
.hospital .li:hover{ border: 1px solid #FF5272; margin-top: 0;}
.hospital .li .img{ width: 120px; float: left; position: relative; margin-top: 30px; margin-left: 50%;  transform: translate(-50%,0);}
.hospital .li .img p{ width: 120px; height: 120px; float: left; overflow: hidden; border-radius: 50%;}
.hospital .li .img span{ background-color: #ff5272; color: #FFFFFF; border-radius: 5px; padding: 3px 10px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%);}
.hospital .li .p1{ width: 100%; float: left; text-align: center; font-size: 16px; margin-top: 34px;}
.hospital .li .p2{ width: 100%; float: left; text-align: center; margin-top: 16px; color: #666666;}
.hospital .li .p3{ width: 100%; float: left; text-align: center; font-size: 16px; margin-top: 10px;}
/*首页-整好社区*/
.community{ width: 100%; float: left; margin-top: 40px; display: flex; justify-content: space-between;}
.community .li1{ width: 370px; float: left;}
.community .li1 .img{ width: 100%; height: 210px; float: left; overflow: hidden; position: relative; border-radius: 5px;}
.community .li1 .img img{ border-radius: 5px;}
.community .li1 .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.community .li1 .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.community .li1 .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.community .li1 .img:hover .bj{ display: flex;}
.community .li1 .p2{ width: 100%; float: left; margin-top: 5px; line-height: 22px; font-size: 16px;}
.community .li1 .p2 a:hover{ color: #FF5272;}
.community .li2{ width: 420px; height: 235px; float: left; background-color: #f1f1f1; padding: 10px 20px; box-sizing: border-box;}
.community .li2 .qa{ width: 100%; float: left; line-height: 28px; border-bottom: 1px solid #dcdcdc; margin-top: 10px; padding-bottom: 5px;}
.community .li2 .qa span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center;}
.community .li2 .qa p{ width: 342px; float: right;}
.community .li2 .qa .ask{ width: 100%; float: left;}
.community .li2 .qa .ask span{ background-color: #ff5272;}
.community .li2 .qa .ask p a:hover{ color: #FF5272;}
.community .li2 .qa .answer{ width: 100%; float: left; margin-top: 10px; }
.community .li2 .qa .answer span{ background-color: #3388ff;}
.community .li2 .qa .answer p{ line-height: 24px; margin-top: 2px;}
/*百科项目*/
.box-bkxm{ width: 100%; float: left; padding-bottom: 60px;}
.box-bkxm .nav{ width: 100%; float: left; border: 1px solid #f1f1f1; box-sizing: border-box; margin-top: 40px;}
.box-bkxm .nav ul{ width: 100%; float: left; display: flex; flex-flow: wrap;}
.box-bkxm .nav ul li{ width: 12.5%; height: 150px; float: left; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.box-bkxm .nav ul li a{display: flex; flex-direction: column; align-items: center;}
.box-bkxm .nav ul li img{ width: 30px; height: 30px;}
.box-bkxm .nav ul li p{ margin-top: 5px;}
.box-bkxm .tab{ height: 58px; line-height: 58px; margin-top: 40px;}
.box-bkxm .tab ul{  width: auto;}
.box-bkxm .tab ul li{ margin-left: 0; margin-right: 15px; }
.box-bkxm .list{ width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-bkxm .list:after{ content: ""; flex: auto;}
.box-bkxm .list .li{ width: 380px; height: 130px; float: left; border: 1px solid #DCDCDC; border-radius: 5px; margin-top: 20px; padding: 0 16px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; margin-right: 30px;}
.box-bkxm .list .li:hover{ border: 1px solid #FF5272;}
.box-bkxm .list .li:nth-child(3n){margin-right: 0;}
.box-bkxm .list .li .p1{ width: 100%; float: left; font-size: 16px;}
.box-bkxm .list .li .p1 span{ font-size: 14px; color: #666666; margin-left: 10px;}
.box-bkxm .list .li .p1 .more{ width: 20px; height: 20px; line-height: 20px; float: right; border-radius: 50%; background-color: #dcdcdc; color: #FFFFFF; padding-left: 6px; box-sizing: border-box;}
.box-bkxm .list .li:hover .p1 .more{ background-color: #FF5272;}
.box-bkxm .list .li .p2{ width: 100%; float: left; color: #666666; line-height: 22px; margin-top: 8px;}
.box-bkxm-show{ width: 100%; float: left; padding-bottom: 60px;}
.box-bkxm-show .box-left{ width: 860px; float: left; padding-bottom: 50px;}
.box-bkxm-show .box-right{ width: 300px; float: right;}
/*名医问答*/
.box-mywd{ width: 100%; float: left; padding-bottom: 20px;}
.box-mywd .box-left{ width: 860px; float: left;}
.box-mywd .box-left .div1{ width: 100%; float: left; margin-top: 20px;}
.box-mywd .box-left .div1 ul{ width: 100%; float: left;}
.box-mywd .box-left .div1 li{ width:90px; height: 90px; float: left; margin-right: 20px; border: 1px solid #dcdcdc; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px;}
.box-mywd .box-left .div1 li:nth-child(8n){ margin-right: 0;}
.box-mywd .box-left .div1 li a{display: flex; flex-direction: column; align-items: center;}
.box-mywd .box-left .div1 li img{ width: 30px; height: 30px;}
.box-mywd .box-left .div1 li p{ margin-top: 5px;}
.box-mywd .box-right{ width: 300px; float: right; margin-top: 40px;}
.box-mywd-show{ width: 100%; float: left; padding-bottom: 60px;}
.box-mywd-show .box-left{ width: 860px; float: left; margin-top: 40px;}
.box-mywd-show .box-right{ width: 300px; float: right; margin-top: 40px;}
/*权威科普*/
.box-qwkp{ width: 100%; float: left; margin-top: 40px;}
.box-qwkp .box-left{ width: 860px; float: left;}
.box-qwkp .box-left .div1{ width: 100%; float: left;}
.box-qwkp .box-left .div1 ul{ width: 100%; float: left;}
.box-qwkp .box-left .div1 li{ width:90px; height: 90px; float: left; margin-right: 20px; border: 1px solid #dcdcdc; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px;}
.box-qwkp .box-left .div1 li:nth-child(8n){ margin-right: 0;}
.box-qwkp .box-left .div1 li a{display: flex; flex-direction: column; align-items: center;}
.box-qwkp .box-left .div1 li img{ width: 30px; height: 30px;}
.box-qwkp .box-left .div1 li p{ margin-top: 5px;}
.box-qwkp .box-right{ width: 300px; float: right;}
.box-qwkp-show{ width: 100%; float: left; margin-top: 40px; padding-bottom: 60px;}
/*专家视频*/
.box-zjsp{ width: 100%; float: left; padding: 40px 0;}
.box-zjsp .box-left{ width: 860px; float: left;}
.box-zjsp .box-right{ width: 300px; float: right;}
.box-zjsp-show{ width: 100%; float: left; margin-top: 40px; padding-bottom: 60px;}
/*专家语音*/
.box-zjyy{ width: 100%; float: left; padding: 40px 0;}
.box-zjyy .box-left{ width: 860px; float: left;}
.box-zjyy .box-right{ width: 300px; float: right;}
.box-zjyy-show{ width: 100%; float: left; margin-top: 40px; padding-bottom: 60px;}
/*整好社区*/
.box-zhsq{ width: 100%; float: left; padding: 40px 0;}
.box-zhsq .box-left{ width: 860px; float: left;}
.box-zhsq .tab2{ width: 100%; float: left; border-bottom: 1px solid #DCDCDC; padding-bottom: 5px; position: relative;}
.box-zhsq .tab2 ul{ float: left; position: absolute; left: 0; top:0;}
.box-zhsq .tab2 ul li{ float: left; font-size: 18px; margin-right: 60px; padding-bottom: 10px;}
.box-zhsq .tab2 ul li.current{border-bottom: 2px solid #FF5272; color: #FF5272; font-weight: bold;}
.box-zhsq .tab2 .button{ width: 80px; height: 30px; line-height: 30px; border-radius: 5px; float: right; background-color: #FF5272; color: #FFFFFF; text-align: center;}
.box-zhsq .list{ width: 100%; float: left;}
.box-zhsq .list .li{ width: 100%; float: left; display: flex; padding: 20px 0;  border-bottom: 1px solid #DCDCDC;}
.box-zhsq .list .li .head{ width: 40px; float: left; margin-right: 20px;}
.box-zhsq .list .li .head img{ width: 40px; height: 40px; border-radius: 50%;}
.box-zhsq .list .li .desc{ width: 100%; float: left;}
.box-zhsq .list .li .desc .p1{ width: 100%; float: left;}
.box-zhsq .list .li .desc .p1 p{ font-size: 16px;}
.box-zhsq .list .li .desc .p1 p a:hover{ color: #FF5272;}
.box-zhsq .list .li .desc .p1 span{ color: #999999;}
.box-zhsq .list .li .desc .p2{ width: 100%; float: left; color: #666666; margin-top: 10px;}
.box-zhsq .list .li .desc .p3{ width: 100%; float: left; color: #999999; display: flex; justify-content: space-between; margin-top: 15px;}
.box-zhsq .list .li .desc .p4{ width: 100%; float: left;}
.box-zhsq .list .li .desc .p4 .img{ width: 260px; height: 146px; overflow: hidden; float: left; margin-right: 10px; margin-top: 10px; position: relative;}
.box-zhsq .list .li .desc .p4 .img:nth-child(3n){ margin-right: 0;}
.box-zhsq .list .li .desc .p4 .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.box-zhsq .list .li .desc .p4 .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.box-zhsq .list .li .desc .p4 .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-zhsq .list .li .desc .p4 .img:hover .bj{ display: flex;}
.box-zhsq .box-right{ width: 300px; float: right;}
/*关于我们*/
.box-about{ width: 100%; float: left; padding-top: 40px; padding-bottom: 60px;}
.box-about .box-left{ width: 300px; min-height: 490px; float: left; background-color: #f8f8f8; padding: 20px; box-sizing: border-box;}
.box-about .box-left ul{ width: 100%; float: left;}
.box-about .box-left ul li{ width: 100%; height: 40px; line-height: 40px; float: left; margin-bottom: 10px; padding-left: 25px; box-sizing: border-box; cursor: pointer;}
.box-about .box-left ul li.current{ background-color: #f9e4e4; color: #FF5272;}
.box-about .box-left ul li.current a{ color: #FF5272;}
.box-about .box-right{ width: 860px; float: right;}
.box-about .box-right .con p{ width: 100%; float: left; color: #666666; line-height: 26px; margin-top: 30px;}
/*搜索页*/
.box-search{ width: 100%; float: left;}
.box-search .div1{ width: 100%; float: left; margin-top: 40px; display: flex; justify-content: center;}
.box-search .div1 .sou{ width: 420px; height: 40px; float: left; border: 1px solid #dcdcdc; border-right: 0; font-size: 16px; color: #666666; box-sizing: border-box; padding: 0 15px;}
.box-search .div1 .button{ width: 80px; height: 40px; float: left; color: #FFFFFF; font-size: 16px; background-color: #FF5272;}
.box-search .div2{ width: 100%; float: left; border-bottom: 1px solid #DCDCDC; margin-top: 30px;}
.box-search .div2 .tab1{ width: 100%; float: left;}
.box-search .div2 .tab1 li{ width: 160px; float: left; text-align: center; font-size: 16px; padding: 15px 0; cursor: pointer;}
.box-search .div2 .tab1 li:hover{ color: #FF5272; border-bottom: 2px solid #FF5272;}
.box-search .div2 .tab1 li.current{ color: #FF5272; border-bottom: 2px solid #FF5272;}
.box-search .div3{ width: 100%; height: 52px; line-height: 52px; float: left; border-bottom: 1px solid #DCDCDC; font-size: 12px; color: #666666;}
.box-search .div3 span{ color: #FF5272;}
/*常见问题*/
.box-cjwt{ width: 100%; float: left;}
.box-cjwt .list{ width: 100%; float: left; margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-cjwt .list .li{ width: 590px; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc; line-height: 28px;}
.box-cjwt .list .li .ask{ width: 100%; float: left; display: flex;}
.box-cjwt .list .li .ask span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #ff5272; margin-right: 10px;}
.box-cjwt .list .li .ask p{ flex: 1; font-size: 16px;}
.box-cjwt .list .li .ask p a:hover{ color: #FF5272;}
.box-cjwt .list .li .answer{ width: 100%; float: left; margin-top: 10px; display: flex;}
.box-cjwt .list .li .answer span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #3388ff; margin-right: 10px;}
.box-cjwt .list .li .answer p{ flex: 1; color: #666666; line-height: 24px;}
.box-cjwt .list .li .p1{ width: 100%; float: left; color: #999999; padding-left: 38px; box-sizing: border-box; margin-top: 8px;}
/*攻略帖*/
.box-strategy{ width: 100%; float: left;}
.box-strategy .list{ width: 100%; float: left; margin-top: 20px;}
.box-strategy .list .li{ width: 100%; float: left; border-bottom: 1px solid #DCDCDC; padding: 20px 0;}
.box-strategy .list .title{width: 100%; float: left; font-size: 16px;}
.box-strategy .list .title a:hover{ color: #FF5272;}
.box-strategy .list .desc{width: 100%; float: left; color: #666666; line-height: 22px; margin-top: 10px;}
.box-strategy .list .li1{ width: 370px; float: left; margin-right: 20px; margin-top: 20px;}
.box-strategy .list .li1 .img{ width: 100%; height: 210px; float: left; overflow: hidden; position: relative; border-radius: 5px;}
.box-strategy .list .li1 .img img{ border-radius: 5px;}
.box-strategy .list .li1 .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.box-strategy .list .li1 .img .bj a{ width: 50px; height: 50px; float: left; background: url(../image/ico26.png) no-repeat; cursor: pointer;}
.box-strategy .list .li1 .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-strategy .list .li1 .img:hover .bj{ display: flex;}
/*科普知识*/
.box-kpzs{ width: 100%; float: left;}
.box-kpzs .list{ width: 100%; float: left; margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-kpzs .list .li{width: 590px; float: left; display: flex; justify-content: space-between; border-bottom: 1px solid #dcdcdc; padding: 20px 0;}
.box-kpzs .list .li .img{ width: 214px; height: 120px; float: left; margin-right: 20px; overflow: hidden; position: relative;}
.box-kpzs .list .li .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.box-kpzs .list .li .img .bj a{ width: 30px; height: 30px; float: left; background: url(../image/ico26.png) no-repeat; background-size: cover; cursor: pointer;}
.box-kpzs .list .li .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-kpzs .list .li .img:hover .bj{ display: flex;}
.box-kpzs .list .li .desc{ flex: 1;}
.box-kpzs .list .li .desc span{ color: #FF5272;}
.box-kpzs .list .li .desc .p1{ width: 100%; float: left; font-size: 16px;}
.box-kpzs .list .li .desc .p1 a:hover{ color: #FF5272;}
.box-kpzs .list .li .desc .p2{ width: 100%; float: left; color: #666666 ; margin-top: 8px; line-height: 22px;}
.box-kpzs .list .li .desc .p3{ width: 100%; float: left; color: #999999; margin-top: 8px;}
/*专题*/
.box-zt{ width: 100%; float: left; padding-bottom: 40px;}
.box-zt .box-kpzs .list,.box-zt .box-cjwt .list,.box-zt .box-strategy .list{ margin-top: 0;}
.box-zt .box-bkxm{ padding-bottom: 0;}
.box-zt .zt-title{ width: 100%; float: left; border-bottom: 1px solid #DCDCDC; padding: 5px 0; line-height: 32px; margin-top: 30px;}
.box-zt .zt-title p{ float: left; font-size: 22px; color: #FF5272;}
.box-zt .zt-title a{ float: right; color: #999999;}

/*医院入口-首页*/
.box-admin{ width: 100%; float: left; padding: 40px 0;}
.admin-left{ width: 300px; float: left;}
.admin-left{ width: 300px; float: left; background-color: #f8f8f8; border-radius: 5px 5px 0 0;}
.admin-left .div1{ width: 100%; height: 300px; float: left; background:url(../image/bj_img3.jpg) no-repeat; border-radius: 5px 5px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.admin-left .div1 .img{ width: 84px; height: 84px; float: left; border-radius: 50%; overflow: hidden; }
.admin-left .div1 .p1{ width: 100%; float: left; text-align: center; color: #666666; margin-top: 15px;}
.admin-left .div1 .button{ width: 160px; height: 40px; line-height: 40px; text-align: center; background-color: #FF5272; color: #FFFFFF; border-radius: 20px; float: left; margin-top: 15px;}
.admin-left .div2{ width: 100%; float: left;}
.admin-left .div2 ul{ width: 100%; float: left; padding: 20px; box-sizing: border-box;}
.admin-left .div2 ul li{ width: 100%; height: 40px; line-height: 40px; float: left; margin-bottom: 10px; padding-left: 25px; box-sizing: border-box; cursor: pointer;}
.admin-left .div2 ul li a{ width: 100%; height: 100%; float: left;}
.admin-left .div2 ul li:last-child{ margin-bottom: 0;}
.admin-left .div2 ul li.current{ background-color: #f9e4e4; color: #FF5272;}
.admin-left .div2 ul li.current a{ color: #FF5272;}
.admin-right{ width: 860px; float: right;}
.admin-right .mu{ width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #DCDCDC;}
.admin-right .mu p{ font-size: 18px;}
.admin-right .mu .button{ width: 100px; height: 28px; float: left;  line-height: 28px; text-align: center; color: #FFFFFF; background-color: #FF5272; border-radius: 5px;}
.admin-right .tab2{ width: 100%; height: 30px; float: left; border-bottom: 1px solid #DCDCDC; padding-bottom: 5px; position: relative;}
.admin-right .tab2 ul{ float: left; position: absolute; left: 0; top:0;}
.admin-right .tab2 ul li{ float: left; font-size: 18px; margin-right: 60px; padding-bottom: 10px; cursor: pointer;}
.admin-right .tab2 ul li.current{border-bottom: 2px solid #FF5272; color: #FF5272; font-weight: bold;}
.admin-right .state1{ color: #FFFFFF; background-color: #FF5272; padding: 3px 10px; border-radius: 13px; margin-right: 20px;}
.admin-right .state2{ color: #FFFFFF; background-color: #3388ff; padding: 3px 10px; border-radius: 13px; margin-right: 20px;}
.admin-right .state3{ color: #FFFFFF; background-color: #333333; padding: 3px 10px; border-radius: 13px; margin-right: 20px;}
.admin-right .red{ color: #FF5272!important;}
.admin-right .blue{ color: #3388ff!important;}
.admin-right .ash{ color: #999999!important;}
.admin-right .div1{ width: 100%; height: 136px; float: left; background-color: #f1f1f1; display: flex; align-items: center;}
.admin-right .div1 p{ width: 100%; height: 60px; text-align: center; border-right: 1px solid #dcdcdc; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.admin-right .div1 p:last-child{ border-right: 0;}
.admin-right .div1 p span{ font-size: 22px; }
.admin-right .form1{ width: 100%; float: left;}
.admin-right .form1 ul{ width: 100%; float: left; margin-top: 20px;}
.admin-right .form1 ul li{ width: 100%; float: left; margin-top: 20px; display: flex; align-items: center;}
.admin-right .form1 ul li .img{ width: 100px; height: 100px; float: left; border: 1px solid #DCDCDC; border-radius: 50%; overflow: hidden;}
.admin-right .form1 ul li .img img{ width: 100%;}
.admin-right .form1 ul li p{ width: 80px; float: left; text-align: right; padding-right: 10px; line-height: 32px;}
.admin-right .form1 ul li span{ float: left; line-height: 32px; padding: 0 10px;}
.admin-right .form1 ul li .input{ float: left; width: 310px; height: 32px; border: 1px solid #dcdcdc; color: #333333; padding: 0 10px; box-sizing: border-box; font-size: 14px;}
.admin-right .form1 ul li .sex{ float: left;}
.admin-right .form1 ul li .city{ margin-right: 20px;}
.admin-right .form1 ul li select{ float: left; height: 32px; border: 1px solid #dcdcdc; color: #333333; }
.admin-right .form1 ul li textarea{ width: 490px; height: 200px; float: left; border: 1px solid #DCDCDC; font-size: 14px;}
.admin-right .form1 .button{ width: 80px; height: 30px; line-height: 30px; float: left; color: #FFFFFF; background-color: #FF5272; border-radius: 5px; text-align: center;}
.admin-right .form2{ width: 100%; float: left; margin-top: 20px;}
.admin-right .form2 .li{ width: 100%; float: left; padding-top: 20px;}
.admin-right .form2 .xian{ border-bottom: 1px solid #DCDCDC;}
.admin-right .form2 .flex{ display: flex; align-items: center;}
.admin-right .form2 .li .img{ width: 214px; float: left; margin-right: 20px; position: relative;}
.admin-right .form2 .li .img .close{ width: 30px; height: 30px; line-height: 30px; text-align: center; color: #FFFFFF; float: right; position: absolute; right: 0; top: 0; background-color: #868687; cursor: pointer;}
.admin-right .form2 .li .button1{ width: 214px; height: 120px; float: left; background: url(../image/ico55.png) no-repeat center center #f5f5f5; cursor: pointer;}
.admin-right .form2 .li .button2{ width: 560px; height: 310px; float: left; background-color: #f5f5f5; cursor: pointer; display: flex; justify-content: center; flex-direction: column; align-items: center; color: #999999;}
.admin-right .form2 .li .button2 span{ margin-top: 10px;}
.admin-right .form2 .li .input{ width:100%; height: 35px; float: left; border: 0; color: #999999; margin-top: 10px; font-size: 14px;}
.admin-right .form2 .li textarea{ width: 100%; height: 160px; float: left; border: 0; color: #999999; margin-bottom: 20px; font-size: 14px;}
.admin-right .form2 .li p{ width: 90px; float: left; text-align: right; padding-right: 10px; line-height: 32px; color: #666666;}
.admin-right .form2 .li .catalogue{ float: left; height: 32px; border: 1px solid #dcdcdc; color: #333333; margin-right: 20px;}
.admin-right .form2 .button{ width: 80px; height: 30px; line-height: 30px; float: left; color: #FFFFFF; background-color: #FF5272; border-radius: 5px; text-align: center;}
.list-answer{ width: 100%; float: left;}
.list-answer .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc;}
.list-answer .li .ask{ width: 100%; float: left; display: flex; line-height: 28px;}
.list-answer .li .ask span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #ff5272; margin-right: 10px;}
.list-answer .li .ask p{ flex: 1; font-size: 16px;}
.list-answer .li .ask .button{ width: 70px; height: 28px; float: right; border-radius: 5px; text-align: center; background-color: #ff5272; color: #FFFFFF;}
.list-answer .li .p1{ width: 100%; float: left; color: #666666; margin-top: 10px; padding-left: 38px; box-sizing: border-box;}
.list-answer .li .p2{ width: 100%; float: left; color: #999999; margin-top: 10px; padding-left: 38px; box-sizing: border-box;}
.list-answer .li .img{ padding-left: 38px; box-sizing: border-box;}
.list-answer .li img{ width: 215px; margin-top: 10px; margin-right: 10px; float: left;}
/*医院入口-解答问题*/
.answer{ width: 100%; float: left;}
.answer .li{ width: 100%; float: left; padding-top: 20px; }
.answer .li .ask{ width: 100%; float: left; display: flex; line-height: 28px;}
.answer .li .ask span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #ff5272; margin-right: 10px;}
.answer .li .ask p{ flex: 1; font-size: 16px;}
.answer .li .desc{ width: 822px; float: right; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}
.answer .li .desc .p1{ width: 100%; float: left; color: #666666; margin-top: 10px;}
.answer .li .desc .p2{ width: 100%; float: left; color: #999999; margin-top: 10px;}
.answer .li .desc img{ width: 215px; margin-top: 10px; margin-right: 10px; float: left;}
.answer .li .da{ width: 100%; float: left; display: flex; line-height: 28px;}
.answer .li .da span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #3388ff; margin-right: 10px;}
.answer .li .da p{ flex: 1; min-height: 220px; color: #666666; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}
.answer textarea{ width: 100%; height: 100%; color: #666666; padding: 8px 0;}
.answer select{ float: left; border: 1px solid #dcdcdc; height: 28px; padding: 0 10px; margin-left: 38px;}
.answer .button{ width: 100px; height: 28px; float: left; border-radius: 5px; text-align: center; background-color: #ff5272; color: #FFFFFF; margin-left: 38px;}
/*医院入口-帖子管理*/
.post{ width: 100%; float: left;}
.post .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc; display: flex;}
.post .li .img{ width: 214px; height: 120px; float: left; margin-right: 20px;}
.post .li .img img{ width: 100%;}
.post .li .desc{flex: 1; height: 120px; display: flex; flex-direction: column; justify-content: space-between;}
.post .li .p1{ width: 100%; float: left; font-size: 16px;}
.post .li .p1 span{ float: right; font-size: 14px; color: #999999;}
.post .li .p2{ width: 100%; float: left; margin-bottom: 30px;}
.post .li .p3{ width: 100%; float: left; display: flex; justify-content: space-between;}
/*医院入口-问题管理*/
.problem{ width: 100%; float: left;}
.problem .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc; line-height: 28px;}
.problem .li .ask{ width: 100%; float: left; display: flex;}
.problem .li .ask .ico{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #ff5272; margin-right: 10px;}
.problem .li .ask p{ flex: 1; font-size: 16px;}
.problem .li .ask span{ font-size: 14px; float: right; color: #999999;}
.problem .li .answer{ width: 100%; float: left; margin-top: 10px; display: flex;}
.problem .li .answer .ico{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #3388ff; margin-right: 10px;}
.problem .li .answer p{ flex: 1; color: #666666; line-height: 24px;}
.problem .li .p1{ width: 100%; float: left; color: #999999; padding-left: 38px; box-sizing: border-box; margin-top: 8px; display: flex; justify-content: space-between;}
/*医院入口-医生管理*/
.doctor1{ width: 100%; float: left;}
.doctor1 .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dcdcdc;}
.doctor1 .li .img{ width: 100px; height: 100px; float: left; border-radius: 50%; overflow: hidden; margin-right: 20px;}
.doctor1 .li .img img{ width: 100%;}
.doctor1 .li .desc{ width: 500px; height: 100px; float: left; display: flex; flex-direction: column; justify-content: center;}
.doctor1 .li .desc p{ font-size: 16px;}
.doctor1 .li .desc span{ color: #666666; margin-top: 4px;}
.doctor1 .li .desc a{ color: #666666;}
.doctor1 .li .operate{ height: 100px; float: right; display: flex; align-items: flex-end;}
/*主页*/
.box-home{ width: 100%; float: left; padding-bottom: 60px;}
.box-home .mu{ width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #DCDCDC; margin-top: 40px;  line-height: 22px;}
.box-home .mu p{ float: left; font-size: 22px; color: #FF5272;}
.box-home .mu a{ float: right; color: #999999;}
.box-home .mu .button{ padding: 2px 20px; background-color: #FF5272; color: #FFFFFF;}
.box-home .backdrop{ width: 100%; height: auto; float: left; background: url(../image/bj_img4.jpg) no-repeat center top #f9f9f9; background-size: cover;}
.box-home .tab1{ width: 100%;float: left; padding: 40px 0;}
.box-home .tab1 ul{ width: 100%; float: left; display: flex; justify-content: center;}
.box-home .tab1 ul li{ width: 160px; height: 40px; line-height: 40px; float: left; text-align: center; font-size: 22px; border: 1px solid #dcdcdc; box-sizing: border-box; color: #999999; border-radius: 5px; margin: 0 10px; cursor: pointer; background-color: #FFFFFF;}
.box-home .tab1 ul li.current{ border: 0; background-color: #FF5272; color: #FFFFFF;}
.box-home .tab2{ width: 100%; height: 35px; float: left; margin-top: 40px; border-bottom: 1px solid #DCDCDC; box-sizing: border-box;}
.box-home .tab2 ul{ width: 100%; float: left; }
.box-home .tab2 ul li{ width: 136px; line-height: 35px; float: left; text-align: center; box-sizing: border-box; cursor: pointer;}
.box-home .tab2 ul li.current{ background-color: #FFFFFF; line-height: 33px; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-top: 2px solid #FF5272; color: #FF5272;}
.box-home .page{ border-top: 1px solid #DCDCDC; margin-top: 20px;}
.box-home .info{ width: 100%; height: 250px; float: left; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.box-home .info .img{ width: 104px; height: 104px; float: left; border: 3px solid #b1d2fc; border-radius: 50%; overflow: hidden;}
.box-home .info .p1{ font-size: 16px; margin-top: 10px;}
.box-home .info .p1 span{ background: url(../image/ico54.png) no-repeat right; padding-right: 25px; margin-left: 25px;}
.box-home .info .p2{ color: #666666; margin-top: 5px;}
.box-home .div1{ width: 100%; height: auto; float: left; display: flex; padding-top: 50px; box-sizing: border-box;}
.box-home .div1 .img{ width: 104px; height: 104px; float: left; border: 3px solid #b1d2fc; border-radius: 50%; overflow: hidden; margin-right: 20px;}
.box-home .div1 .desc{ line-height: 28px; flex: 1; position: relative;}
.box-home .div1 .desc .button{ width: 104px; height: 34px; line-height: 34px; float:right; text-align: center; color: #FFFFFF; background-color: #FF5272; border-radius: 5px; position: absolute; top: 0; right: 0;}
.box-home .div1 .p1{ width: 100%; float: left; font-size: 16px;}
.box-home .div1 .p2{ width: 100%; float: left; color: #999999; margin-top: 5px;}
.box-home .div1 .p2 a{color: #999999;}
.box-home .div2{ width: 100%; float: left;}
.box-home .div2 .li{ width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #DCDCDC; display: flex;}
.box-home .div2 .li:last-child{ border-bottom: 0; padding-bottom: 0;}
.box-home .div2 .li .img{ width: 214px; height: 120px; overflow: hidden; float: left; position: relative; margin-right: 20px;}
.box-home .div2 .li .img .bj{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center;}
.box-home .div2 .li .img .bj a{ width: 30px; height: 30px; float: left; background: url(../image/ico26.png) no-repeat; background-size: cover; cursor: pointer;}
.box-home .div2 .li .img .bj span{ position: absolute; right: 10px; bottom: 10px; color: #FFFFFF;}
.box-home .div2 .li .img:hover .bj{ display: flex;}
.box-home .div2 .li .ask{ line-height: 28px;}
.box-home .div2 .li .ask span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #ff5272; margin-right: 10px; font-size: 14px;}
.box-home .div2 .li .answer span{ width: 28px; height: 28px; float: left; overflow: hidden; color: #FFFFFF; border-radius: 5px; text-align: center; background-color: #3388ff; margin-right: 10px; font-size: 14px; line-height: 28px;}
.box-home .div2 .li .desc{ flex: 1;}
.box-home .div2 .li .p1{ width: 100%; float: left; font-size: 16px;}
.box-home .div2 .li .p1 a:hover{ color: #FF5272;}
.box-home .div2 .li .p2{ width: 100%; float: left; margin-top: 10px; color: #666666; line-height: 24px;}
.box-home .div2 .li .p3{ width: 100%; float: left; margin-top: 10px; color: #999999;}
.box-home .div2 .li .p3 span{ float: right;}
.box-home .div2 .li .p4{ width: 154px; height: 36px; line-height: 36px; float: left; background: url(../image/bj_img2.png) no-repeat; margin-top: 10px; margin-bottom: 4px; padding-left: 40px; box-sizing: border-box;}
.box-home .div2 .li .p4 span{ color: #666666; margin-left: 10px;}
.box-home .div2 .li .p5{ width: 100%; float: left; padding-left: 38px; box-sizing: border-box; margin-top: 10px; color: #999999;}
.box-home .div2 .li .p5 span{ float: right;}
.box-home .div3{ width: 100%; float: left;}
.box-home .div3 .li{ width: 285px; height: 250px; float: left; border: 1px solid #ededed; box-sizing: border-box; margin-right: 20px; margin-top: 20px; border-radius: 5px;}
.box-home .div3 .li:hover{ border: 1px solid #FF5272;}
.box-home .div3 .li:nth-child(4n){ margin-right: 0;}
.box-home .div3 .li .img{ width: 120px; float: left; position: relative; margin-top: 20px; margin-left: 50%;  transform: translate(-50%,0);}
.box-home .div3 .li .img p{ width: 120px; height: 120px; float: left; overflow: hidden; border-radius: 50%;}
.box-home .div3 .li .img span{ background-color: #ff5272; color: #FFFFFF; border-radius: 5px; padding: 3px 10px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%);}
.box-home .div3 .li .p1{ width: 100%; float: left; text-align: center; font-size: 16px; margin-top: 30px; margin-bottom: 5px;}
.box-home .div3 .li .p1 span{ font-size: 14px; border: 1px solid #ff5272; border-radius: 3px; color: #ff5272; padding: 2px 5px; margin-left: 10px;}
.box-home .div3 .li .p2{ width: 100%; float: left; text-align: center; margin-top: 10px; color: #666666; padding: 0 20px; box-sizing: border-box;}
.box-home .div4{ width: 100%; float: left;}
.box-home .div4 ul{ width: 100%; float: left;}
.box-home .div4 ul li{ width: 390px; height: 220px; overflow: hidden; float: left; margin-top: 20px; margin-right: 15px;}
.box-home .div4 ul li:nth-child(3n){ margin-right: 0;}
.box-home .div5{ width: 100%; float: left;}
.box-home .div5 .li{ width: 585px; float: left; margin-top: 20px; display: flex; justify-content: space-between; align-items: center;}
.box-home .div5 .li:nth-child(even){ float: right;}
.box-home .div5 .li .time{ width: 100px; height: 100px; float: left; text-align: center; background-color: #f1f1f1; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 15px;}
.box-home .div5 .li .time p{ width: 100%; font-size: 20px;}
.box-home .div5 .li .time span{ width: 100%;}
.box-home .div5 .li:hover .time{ background-color: #FF5272; color: #FFFFFF;}
.box-home .div5 .li:hover a{ color: #FF5272;}
.box-home .div5 .li .desc{ flex: 1;}
.box-home .div5 .li .desc a{ font-size: 16px; line-height: 24px;}
.box-home .div5 .li .desc p{ color: #666666; line-height: 22px;}
.box-home .div5 .li .desc .p1 span{ color: #FF5272; float: right;}
.box-home .div5 .li .desc .p1 span a{ color: #FF5272;}
.box-home .div6{ width: 100%; float: left;}
.box-home .div6 p { width: 100%; float: left; line-height: 28px; margin-top: 40px; text-indent: 2em;}
.box-home .form1{ width: 100%; float: left;}
.box-home .form1 ul{ width: 100%; float: left; margin-top: 20px;}
.box-home .form1 ul li{ width: 100%; float: left; margin-top: 20px; display: flex; align-items: center;}
.box-home .form1 ul li p{ width: 60px; float: left; text-align: right; padding-right: 10px; line-height: 32px;}
.box-home .form1 ul li span{ float: left; line-height: 32px; padding: 0 10px;}
.box-home .form1 ul li .name{ float: left; width: 310px; height: 32px; border: 1px solid #dcdcdc; color: #333333; padding: 0 10px; box-sizing: border-box;}
.box-home .form1 ul li .sex{ float: left;}
.box-home .form1 ul li .city{ margin-right: 20px;}
.box-home .form1 ul li select{ float: left; height: 32px; border: 1px solid #dcdcdc; color: #333333; }
.box-home .form1 ul li textarea{ width: 310px; height: 190px; float: left; border: 1px solid #DCDCDC;}
.box-home .form1 .button{ width: 80px; height: 30px; line-height: 30px; float: left; color: #FFFFFF; background-color: #FF5272; border-radius: 5px; text-align: center;}
.box-home .form1 .div6{ width: 100%; float: left; margin-top: 40px;}
.box-home .form1 .div6 .upload{ width: 96px; height: 30px; line-height: 30px; float: left; text-align: center; border: 1px solid #dcdcdc; border-radius: 5px; cursor: pointer;}
.box-home .form1 .div6 p{ float: left; line-height: 30px; color: #666666; margin-left: 10px;}
.box-home .form1 .portrait{ width: 100%; float: left; margin-top: 20px; padding-bottom: 20px;}
.box-home .form1 .portrait .size{ width: 320px; float: left; margin-right: 20px;}
.box-home .form1 .portrait .size p{ width: 100%; float: left; color: #666666;}
.box-home .form1 .portrait .size .img{ width: 320px; height: 320px; float: left; border: 1px solid #DCDCDC; box-sizing: border-box; position: relative; overflow: hidden; margin-top: 20px;}
.box-home .form1 .portrait .size .img img{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.box-home .form1 .portrait .preview{ width: 320px; float: left;}
.box-home .form1 .portrait .preview p{ width: 100%; float: left; color: #666666; padding-left: 20px; box-sizing: border-box;}
.box-home .form1 .portrait .preview .img{ width: 320px; height: 320px; float: left; border-left: 1px solid #DCDCDC; box-sizing: border-box;margin-top: 20px; padding-left: 20px; overflow: hidden;}
.box-home .form1 .portrait .preview .img img{ width: 100%;}
.box-home .form1 .portrait .preview .img p{ padding-left: 0; padding-top: 10px; padding-bottom: 15px;}
.box-home .form1 .portrait .preview .img .large{ width: 120px; height: 120px; float: left; overflow: hidden; border-radius: 50%;border-left: 1px solid #DCDCDC; box-sizing: border-box;}
.box-home .form1 .portrait .preview .img .in{width: 50px; height: 50px; float: left; overflow: hidden; border-radius: 50%;border-left: 1px solid #DCDCDC; box-sizing: border-box;}
.box-home .form1 .portrait .preview .img .small{width: 30px; height: 30px; float: left; overflow: hidden; border-radius: 50%;border-left: 1px solid #DCDCDC; box-sizing: border-box;}