.tit h3 { font-family: 'Philosopher', sans-serif; font-size: 38px; text-align: center; }
.tit h3:before , .tit h3:after { margin: 10px 30px; width: 163px; height: 7px; background: url(/images/28/index/img-bkLine.png) no-repeat 0 0; display: inline-block; content: ""; }
.tit p {font-size: 25px;text-align: center;font-weight: bold;color: #808080;margin-bottom: 50px;}
.tit p b {color: #ff7ba7;}
.tit2 { overflow: hidden; padding: 0 20px 10px; border-bottom: 1px #dedddd solid; }
.tit2 h4 { padding-left: 90px; float: left; background: url(/images/28/index/icon-Tit.png) no-repeat 0 50%; font-size: 26px; color: #686868; }
.tit2 h4 b { font-weight: normal; font-size: 20px; color: #ff7ba7; }
.tit2 a.more { margin-top: 14px; float: right; font-size: 16px; color: #787879; }
.bgBox { background-repeat: no-repeat; background-position: 50%; background-attachment: fixed; background-size: 100% auto; }

/* bookBox */
#bookBox , #newList {padding-top: 40px;background-image: url(/images/28/index/img-bkBg.jpg);}
#bookBox .tit h3 { color: #e1bdaf; }
#bookBox .bookList { padding: 40px 0 60px; z-index: 3; }
#bookBox .bookList .slick-slide { position: relative; margin: 0 10px; padding-bottom: 30px; }
#bookBox .bookList .slick-slide:hover { -webkit-transform:  scale(1.04); -moz-transform: scale(1.04); -ms-transform:  scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }
#bookBox .bookList .slick-slide .bookPhoto a.photo { position: relative; background-size: cover; }
#bookBox .bookList .slick-slide .bookPhoto a img { background: url(/images/28/index/img-bkHover.png) no-repeat 0 -600px; background-size: 100% auto; }
#bookBox .bookList .slick-slide:hover .bookPhoto a img { background-position: 0 0; }
#bookBox .bookList .slick-slide .bookPhoto a:before { position: absolute; width: 92%; height: 0; background: url(/images/28/index/icon-more.png) no-repeat 50%; border: 1px transparent solid; background-size: 0; top: 5%; left: 4%; content: ""; }
#bookBox .bookList .slick-slide:hover .bookPhoto a:before { height: 90%; border-color: #fff; background-size: auto; }
#bookBox .bookList .slick-slide .info { position: absolute; width: 92%; background: #fff; border: 1px #fff solid; left: 4%; bottom: 8px; -webkit-box-shadow: 0 0 10px #b7b4b4; -moz-box-shadow: 0 0 10px #b7b4b4; box-shadow: 0 0 10px #b7b4b4; }
#bookBox .bookList .slick-slide .info h3 , #bookBox .bookList .slick-slide .info article { margin: 10px 35px; height: 24px; -webkit-line-clamp: 1; text-align: center; color: #f18a85; }
#bookBox .bookList .slick-slide .info h3 a { color: #ff7ba7; }
#bookBox .bookList .slick-slide .info article { border-top: 1px #e1e1e1 solid; color: #c1c1c1; }
#bookBox .bookList .slick-dots { bottom: 0; }
#bookBox .bookList .slick-dots li { width: 10px; height: 10px; }
#bookBox .bookList .slick-dots li button:before { color: #ff7ba7; }

/* memberList */
#memberList { position: relative; margin-top: -140px; padding-top: 150px; background-image: url(/images/28/index/img-custBg.png); background-color: #fff; background-position: 0 0; }
#memberList:before { position: absolute; width: 100%; height: 850px; display: block; background: url(/images/28/index/img-custFlower.png) no-repeat 50%; z-index: 2; content: ""; }
#memberList section { position: relative; z-index: 3; }
#memberList .memberBox { overflow: hidden; margin: 70px 0 90px; }
#memberList .memberBox .memberType { float: right; width: 20%; }
#memberList .memberBox .memberType ul { margin-bottom: 15px; border-bottom: 1px #c9c9c9 solid; }
#memberList .memberBox .memberType ul li a { padding: 20px 0; display: block; text-align: center; font-size: 18px; color: #5e5e5e; }
#memberList .memberBox .memberType ul li.active a , #memberList .memberBox .memberType ul li:hover a {background: #ff7ba7;color: #fff;}
#memberList .memberBox .memberType .contactNow { text-align: center; }
#memberList .memberBox .tabBox { float: left; width: 75%; }
#memberList .memberBox .tabBox > div .memberList { margin: 10px 1%; width: 22%; display: inline-block; }
#memberList .memberBox .tabBox > div .memberList a.photo { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#memberList .memberBox .tabBox > div .memberList:hover a img { background: rgba(255, 255, 255, 0.8); }
#memberList .memberBox .tabBox > div .memberList a:after { position: absolute; padding: 5px 20px; background: #dd8bb6; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; content: "想認識我？"; top: -30%; left: 22%; }
#memberList .memberBox .tabBox > div .memberList:hover a:after { top: 45%; }

/* slogan */
#slogan { padding-top: 160px; background-image: url(/images/28/index/img-aboutBg.jpg); }
#slogan h3 , #slogan p { color: #fff; }
#slogan h3:before , #slogan h3:after { background-image: url(/images/28/index/img-aboutLine.png); }
#slogan .aboutBox { position: relative; margin-top: 100px; z-index: 3; }
#slogan .aboutBox:before {position: absolute;width: 163px;height: 7px;/* background: url(/images/28/index/img-aboutLine2.png) no-repeat 0 0; */display: inline-block;content: "";top: 180px;left: 16%;}
#slogan .aboutBox section { background: url(/images/28/index/img-searchBg.png) no-repeat right 50%; box-shadow: 0 0 24px #9e9e9e;; -webkit-box-shadow: 0 0 24px #9e9e9e;; -moz-box-shadow: 0 0 24px #9e9e9e; }
#slogan .aboutBox section > div { padding: 25px 0; width: 34%; display: inline-block; }
#slogan .aboutBox .aboutInfo { width: 65%; background: #fff; }
#slogan .aboutBox .aboutInfo p , #slogan .aboutBox .aboutInfo article { margin: 10px 120px 10px 70px; color: #848484; }
#slogan .aboutBox .aboutInfo p:nth-child(2) {margin: 15px 70px 20px 70px;text-align: left;}
#slogan .aboutBox .joinus h3 , #slogan .aboutBox .joinus p { text-align: center; font-size: 16px; }
#slogan .aboutBox .joinus p:nth-child(1) { font-size: 18px; }
#slogan .aboutBox .joinus h3 { margin: 5px 0 10px; -webkit-text-shadow: 0 0 8px #353535; -moz-text-shadow: 0 0 8px #353535; text-shadow: 0 0 8px #353535; font-size: 37px; }
#slogan .aboutBox .joinus p a {margin: 10px 0;padding: 5px 40px;background: #ff7ba7;display: inline-block;color: #fff;-webkit-text-shadow: 0 0 8px #7b7b7b;-moz-text-shadow: 0 0 8px #7b7b7b;text-shadow: 0 0 8px #7b7b7b;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* aboutItem */
#aboutItem { position: relative; margin-top: -190px; padding-top: 240px; background-image: url(/images/28/index/img-aboutBg2.jpg); }
#aboutItem ul { margin-bottom: 25px; text-align: center; }
#aboutItem ul li { width: 32%; display: inline-block; }
#aboutItem ul li .info { overflow: hidden; margin: 10px auto; width: 190px; height: 190px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#aboutItem ul li .info p { margin: 10px 0; text-align: center; font-size: 18px; color: #2d2d2d; }
#aboutItem ul li .info p:nth-child(1) { margin-top: 45px; }
#aboutItem ul li article {margin: 20px 0;color: #f9f9f9;}
#aboutItem ul li article p { text-align: center; }

/* newList */
#newList { padding: 50px 0; }
#newList .indexAd , #newList ul { width: 24%; display: inline-block; }
#newList ul { overflow: hidden; width: 75%; }
#newList ul li { margin: 10px 0 10px 1%;float: left;width: 32%; }
#newList ul li > div { overflow: hidden; position: relative; border: 1px #ccc solid; }
#newList ul li:hover .newPhoto a.photo { background-size: 110% auto; }
#newList ul li .newPhoto .date { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.6); bottom: 0; color: #fff; }
#newList ul li .newPhoto .date p { position: relative; margin: 7px; padding: 10px 10px 0; border: 1px #8e8e8e solid; font-family: 'Questrial', sans-serif; font-size: 16px; color: #fff; }
#newList ul li .newPhoto .date p b { display: block; line-height: 14px; font-size: 12px; }
#newList ul li .newPhoto .date p:after { position: absolute; font-size: 12px; right: 10px; bottom: 15px; content: "VIEW MORE"; }
#newList ul li .info { border-top: 0; }
#newList ul li .info h3 { margin: 10px 0; height: 27px; text-align: center; color: #bc89d4; }
#newList ul li .info h3 a { color: #bc89d4; }
#newList ul li .info article { margin: 10px 0; height: 23px; text-align: center; font-size: 12px; color: #919090; }