/* common */

html,body {background: #fff; min-width: 1220px;}
.wrap {position: relative; display: block; width: 100%; height: auto;}
.set {position: relative; display: block; width: 100%; height: auto;}
.set1 {position: relative; display: block; width: 1200px; height: auto; margin: 0 auto;}

.flex {display: flex;}
.v_center {align-items: center !important;}
.h_center {justify-content: center !important;}

/* common end */

/* header start*/

header {position: relative; display: block; width: 100%; height: auto; z-index: 2;}
.header {position: absolute; left: 0; top: 0; display: block; height: auto; width: 100%;}
.header_top {background: rgba(0,0,0,0.5);border-bottom: 1px solid #919191;}
.header_top>div {display: flex; justify-content: flex-end; align-items: center; height: 34px;}

.header_top .hash {position: relative; display: flex; height: 100%; align-items: center; margin-right: 18px;}
.header_top .hash a {display: flex; height: 21px; padding: 0 10px; border: 1px solid rgba(255,255,255,0.3); align-items: center; border-radius: 10px; font-size: 13px; letter-spacing: -0.025em; color: #fff; font-weight: 300; opacity: 0.7;}
.header_top .hash a:hover {opacity: 1;}
.header_top .hash a+a {margin-left: 7px;}

.header_top .login_box {position: relative; display: flex; height: 100%; align-items: center;}
.header_top .login_box a {display: block; font-size: 400; font-size: 13px; color: #fff; opacity: 0.7;}
.header_top .login_box a:hover {opacity: 1;}
.header_top .login_box span.bar {display: block; width: 1px; height: 10px; background: #fff; opacity: 0.2; margin: 0 14px;}


.header_main {background: rgba(0,0,0,0.5);}
/* .header_main.main {background: transparent; transition: background 0.3s;} */
header:hover .header_main.main {background: rgba(0,0,0,0.5);}
.header_main>div {height: 90px;}

.header_main>div .logo {position: absolute; left: 0; top: 0; display: flex; height: 100%; align-items: center; z-index: 1;}

.header_main>div .go_inquiry {position: absolute; right: 0; top: 0; display: flex; height: 100%; align-items: center;}
.header_main>div .go_inquiry a {font-size: 16px; letter-spacing: -0.040em; color: #fff; font-weight: 400; display: block; padding: 5px 23px 5px 0; background: url(/images/common/go_inquiry.png)no-repeat center right;}


.header_nav {position: relative; display: block; width: 100%; height: 100%;}
.header_nav ul {position: relative; display: flex; justify-content: center; align-items: center; height: 100%;}
.header_nav ul li {position: relative; display: flex; height: 100%; align-items: center; justify-content:center; width: 147px;}
.header_nav ul li a {display: block; height: auto; padding: 5px; color: #fff;}
/* .header_nav ul li.active a {color: #4f3461; font-weight: bold} */


.header_nav ul li .bar {position: absolute; right: 0; top: 0; display: flex; width: 1px; height: 100%; align-items: center;}
.header_nav ul li .bar:after {content: ""; display: block; width: 1px; height: 15px; background: rgba(232,232,232,0.3);}

.topbanner {position: relative; display: block; width: 100%; height: 40px; overflow: hidden; transition: all 0.3s ease-in; }

.topbanner.close {height: 0; visibility: hidden; opacity: 0;}

.topbanner .inner {position: relative; display: flex; width: 100%; height: 100%; width: 1200px; margin: 0 auto; align-items:center; justify-content: center;}
.topbanner .inner a.gopage {position: relative; display: flex; width: 100%; height: 100%; width: 100%; margin: 0 auto; align-items:center; justify-content: center; font-size: 15px; letter-spacing: -0.025em; color: rgba(255,255,255,0.5); font-weight: 500;}

.topbanner a.closebtn {position: absolute; right: 0; top: 0; display: block; width: 50px; height: 100%; font-size: 0; background: url(/images/common/top_closebtn.png)no-repeat center right;}

/* header end */



/* footer start */

footer {position: relative; display: block; width: 100%; height: auto;}

.footer_main {position: relative;display: block;width: 100%;height: 503px;background: #fff;}
.footer_main>div {display: flex; height: 100%; justify-content: space-between;}


.footer_main .left {position: relative; display: block; width: 450px; height: 100%; padding-top: 60px;}

.footer_main .left a.foot_logo {display: inline-block;}

.footer_main .left .f_link {margin-top: 39px; font-size: 0;}
.footer_main .left .f_link li {display: block; line-height: 1;  font-size: 13px; font-weight: 300; letter-spacing: 0; color: #333;}
.footer_main .left .f_link li+li {margin-top: 12px;}
.footer_main .left .f_link a {font-size: inherit; color: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit;}
.footer_main .left .f_link a:hover {color: #000; text-decoration: underline;}


.footer_main .left .siteinfo {margin-top: 24px;}
.footer_main .left .siteinfo p {display: flex; line-height: 1; color: #666; align-items: center; font-size: 13px; font-weight: 300; letter-spacing: 0;}
.footer_main .left .siteinfo p+p {margin-top: 9px;}
.footer_main .left .siteinfo p span.bar {display: block; width: 1px; height: 12px; background: #ddd; margin: 0 8px;}
.footer_main .left .f_img {margin-top: 30px;}



.footer_main .right {position: relative; display: block; height: 100%; padding-top: 59px;}
.footer_main .right .f_site_map {position: relative; display: flex; height: 100%;}

.footer_main .right .f_site_map .block {position: relative; display: block; width: 170px;}

.footer_main .right .f_site_map .block h3.tit {display: block; font-weight: 400; letter-spacing: 0; font-size: 15px;  color: #333; line-height: 1;}

.footer_main .right .f_site_map .block ul {position: relative; display: block; width: 100%; height: auto; margin-top: 13px;}
.footer_main .right .f_site_map .block ul li {position: relative; display: block; width: 100%; height: auto; padding-left: 2px; display: flex; align-items: center;}
.footer_main .right .f_site_map .block ul li:before {content: ""; display: block; width: 2px; height: 2px; background: #666; border-radius: 100%; margin-right: 5px;}
.footer_main .right .f_site_map .block ul li+li {margin-top: 12px;}
.footer_main .right .f_site_map .block ul li a {font-size: 14px; letter-spacing: 0; font-weight: 300; color: #666;}
.footer_main .right .f_site_map .block ul li a:hover {color: #111; text-decoration: underline;}

.copyr {border-top: 1px solid #e5e5e5; background: #fff;}
.copyr>div {display: flex; height: 50px; align-items: center; font-size: 13px; letter-spacing: 0; color: #aaa; font-weight: 300;}

/* footer end */



.todays_latest {position: relative; display: block; height: 80px;}
.todays_latest .bg {position: absolute; left: 0; top: 0; display: block; z-index: 1; width: 100%; height: 100%; background: #38313e;}
.todays_latest_inner {height: 100%; z-index: 2;}
.todays_latest_inner .tit {display: flex; position: relative; width: 190px;  font-size: 20px; color: #fff; font-weight: 300; padding-left: 1px; height: 21px; letter-spacing: -0.040em; }
.todays_latest_inner .tit:before {content: ""; display: block; background: #d4ac79; width: 3px; height: 20px; margin-right: 11px;}

.todays_latest_inner .latest {position: relative; display: flex; width: calc(100% - 190px); height: 49px; padding-right: 60px; align-items: center;}
.latest .swiper-container {height: 49px;}
.todays_latest_inner .latest .txt {position: relative; width: 100%; height: 100%; display: flex; align-items: center;}
.todays_latest_inner .latest .txt a {width: calc(100% - 115px); font-size: 17px; font-weight: 300; color: #fff; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap;}
.todays_latest_inner .latest .txt a:hover {text-decoration: underline;}
.todays_latest_inner .latest .controls {position: absolute; display: flex; width: 46px; height: 100%; align-items: center; justify-content: space-between; right: 0; top: 0; flex-flow: column; font-size: 0;}
.todays_latest_inner .latest .controls a {}

.todays_latest_inner .latest .zodiac  {position: relative; display: flex; height: 100%; width: 115px; align-items: center;}

.todays_latest_inner .latest .zodiac span.type {display: flex; width: 36px; height: 36px; border-radius: 100%; background: #816893; font-size: 20px; letter-spacing: -0.040em; color: #fff; font-weight: 400; margin-right: 10px;justify-content: center; align-items: center;}
.todays_latest_inner .latest .zodiac span.type_txt {font-size: 17px; letter-spacing: -0.040em; color: #fff; font-weight: 400;}


.goTop {position: fixed;right: 20px;bottom: 40px;display: none;z-index: 9999;}
.goTop img {width: 40px; height: auto;}