/***
* author: zmt
* data: 2023-10-12
****/
/*reset&global*/
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, form, input, button, textarea, hr { margin:0; padding:0; }
ol,ul,li {list-style:none}
img {border:none;}
em {font-style:normal;}
img { border: none; vertical-align: top; object-fit: cover; }
body,button,input,select,textarea { font: 12px/1em Arial ; color:#000;}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both;height: 0; }
a {color:#000;text-decoration:none; outline: none;}
a:hover {text-decoration:none;}
.hidden { display: none;}
.left{ float:left;}
.right{ float:right;}
.ta-l,.ta_l{ text-align:left;}
.ta-c,.ta_c{ text-align:center;}
.ta-r,.ta_r{ text-align:right;}
.pos-rel,.pos_rel,.pr{ position:relative;}
.pos-abs,.pos_abs,.pa{ position:absolute;}
.wrapper { width: 100%; margin-left:auto; margin-right: auto; }
.cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*header*/
.global_header{border-bottom:1px solid rgba(210,210,210,0.4);}
.haeder_wrapper {z-index: 3; height:90px; padding: 30px 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.header_logo {width: 395px;height: 41px;background: url(../images/global/logo2x.png);background-size:cover;}
.global_nav{ width: 420px; font-size: 18px; display: flex; justify-content: space-between;}
.header_r {right:0;top:42px; display: flex; flex-direction: row; align-items: center;}
.header_search {transform: translateX(-40px); width: 25px;height: 25px;background: url(../images/global/head_search2x.png);background-size:cover;}
.header_signin>a::before{content: ""; display: inline-block; width: 20px;height: 20px; margin-right: 5px; background: url(../images/global/head_sign2x.png);background-size:cover;}
.header_signin .islogin ,.header_signin>a{width: 100%; height: 100%; display: block; font-size: 16px;color:#aa734c; white-space: nowrap; display: flex; align-items: center;}
.header_signin_user { display: none; position: absolute; right: 5px;top: 20px;}
.header_signin_user p{ width: 130px; margin-top: 25px; padding: 16px 26px; border: 1px solid #e3e3e3; box-shadow: 0 0 3px rgba(227, 227, 227, 0.9);background-color: white;font-size:16px; }
.header_signin_user a{ display: block; line-height: 35px;}
.header_signin_user a:hover{color:#aa734c;}
.header_signin:hover .header_signin_user {display: block;}
.header_moon {left:0;top:42px; display: flex; flex-direction: row; align-items: center; cursor: pointer;}
.header_moon::before{content: ""; width:30px;height: 14px; margin-right: 10px; background: url(../images/global/header_moon2x.png); background-size: cover;}
/*footer*/
.global_footer { width: 100%; background-color: black; padding: 80px 0 48px;color: white;}
.global_footer a:hover{ opacity: 0.7;}
.footer_wrapper { display: flex; flex-direction: row; justify-content: space-between;}
.footer_logo{ width: 327px;height: 34px;margin-top: 5px;background: url(../images/global/footer_logo2x.png); background-size: cover;}
.footer_website {margin-top: 30px; font-size: 16px;}
.footer_subscribe { width: 275px; display: flex; flex-direction: column;align-items: center;}
.footer_subscribe p:first-child {font-weight: bold;font-size: 14px;}
.footer_link {width: 250px;}
.footer_link ul{ display: flex; flex-direction:row;flex-wrap: wrap; }
.footer_link li {flex-basis: 150px; font-size: 16px;line-height: 24px;margin-bottom: 24px;}
.footer_link li:nth-child(2n){flex-basis: 100px;} 
.footer_link a{color: white;}
.footer_ico_socialmedia { width: 125px; display: flex; flex-direction: row; justify-content: space-between;}
.footer_ico_socialmedia a{ display: flex; width: 28px;height: 28px;background: url(../images/global/ico_socialmedia2x.png) no-repeat; background-size: 125px 28px;}
.footer_ico_socialmedia a.footer_ico_socialmedia_ins { background-position: -49px 0;}
.footer_ico_socialmedia a.footer_ico_socialmedia_facebook { background-position: -97px 0;}
.footer_subscribe_input {box-sizing: border-box; width: 275px; height: 42px; padding-left: 4px; padding-right: 4px; margin-top: 12px;margin-bottom: 55px; border-radius: 3px; background-color: white; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.footer_subscribe_input input{ padding-left: 17px; box-sizing: border-box; width: 200px; height: 42px; line-height: 42px; border: none;outline: none;}
.footer_subscribe_button { width: 35px; height: 35px; background-color: black; outline: none;border: none; display: flex; justify-content: center; align-items: center; cursor:pointer}
.footer_subscribe_button::after{content: ">"; font-family: "simsun"; color: white;font-size: 20px;}
.footer_copyright { display: flex; flex-direction: row; margin-top: 100px;font-size: 14px;}
.copyright { flex-basis: 62%;}
.backtotop { display: flex; flex-direction: row; cursor: pointer;}
.backtotop::after {content: ">"; margin-left: 5px; font-family: "simsun"; color: white;font-size: 14px; transform: rotate(-90deg);}
/*moon window*/
.moon_window {position: absolute; top:20px;left:10px; background-color: white; width: 320px;height: 320px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); cursor: default;}
.moonphase { position: relative; width: 100%; height: 187px;border-bottom: 1px solid #eee; display: flex; justify-content: center; align-items: center;}
.moon { width: 247px; height: 123.5px; overflow: hidden;}
.moon i { display: flex; width: 100%; height: 247px; background: url(../images/global/moon2x.png); background-size: 100% 100%; transform: rotate(90deg); border-radius: 100%; box-shadow: 1px 0px 2px 4px inset rgba(0,0,0,0.2);}
.moonmask { position: absolute; display: flex; width: 230px; height:48px;background: url(../images/global/moonmask2x.png); background-size: 100% 200%;transform: translate(-115px,5px);bottom: 31px;left: 50%; }
.mooninfor { display: flex;flex-direction: row; margin-top: 36px; align-items: center; justify-content: center;}
.mooninfor>div { display: flex; flex-direction: column; flex-basis: 30%; flex-grow: 1; align-items: center; }
.mooninfor span{font-size:24px; line-height: 1.6em;}
.mooninfor mark {font-size: 14px; color: #696969; background: none;}
.mooninfor>div.mooninfor_cen {width: 44px;height: 44px;flex-basis:auto;flex-grow: 0;}
.mooninfor_cen { display: flex; position: relative;justify-content: center; align-items: center;}
.mooninfor_cen i{ position: absolute;font-size: 14px; display: block; text-align: center; width: 10px; height: 12px; color: #696969; font-style: normal;}
.mooninfor_cen i:first-child{top:0;left:50%;transform: translateX(-5px);}
.mooninfor_cen i:nth-child(2){ top:50%; right:0;transform: translateY(-6px);}
.mooninfor_cen i:nth-child(3){ top:100%; left:50%;transform: translate(-5px,-12px);}
.mooninfor_cen i:nth-child(4){ top:50%; left:0;transform: translateY(-6px);}
.mooninfor_cen::after{content: ""; width: 4px; height: 4px; border-radius: 4px; background-color:#696969;}
.mooninfor_cen b{ position: absolute; top:50%; left:50%;margin-left: -0.5px; margin-top: -10px; width: 1px;height: 12px; display: block;background-color:#696969; transform-origin: 0.5px 10px;}

/*page*/
.page_wrapper { display: flex; flex-direction: row; justify-content: center;}
.page_wrapper a,.page_wrapper span,.page_wrapper em,.page_wrapper i {font-size: 16px;display: inline-block; padding: 14px 5px; margin: 0 20px;}
.page_wrapper .page_next,.page_wrapper .page_prev {font-family: 'simsun';}
.page_wrapper span { border-bottom: 1px solid #aa734c;}
.page_wrapper em {visibility: hidden;}
.page_wrapper i {margin:0 5px;font-style: normal;}

/* 顶部搜索弹框 */
.header_search_box{z-index: 999; width: 100vw;top: 100px;left: 0;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);background: #fff;cursor: auto}
.top_search_box{position: relative;max-width: 710px;margin: 25px auto 27px;}
.con_search{height: 55px;border: 1px solid #d2d2d2;border-radius: 5px;padding:  10px 0 10px 18px;box-sizing: border-box;position: relative;display: flex;align-items: center}
.icon_search{display: block;width: 14px;height: 14px;background: url(../images/pc/icon_search2.png);margin-right: 10px}
.con_search span{font-size: 18px;color: #969696;position: absolute;width: calc(100% - 42px);height: 35px;line-height: 35px;top: 10px;left: 43px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.con_search input{outline: none;border: none;height: 35px;line-height: 35px;width: calc(100% - 40px);font-size: 18px}
.search_delbtn{cursor:pointer;display: block;width: 40px;height: 40px;background: url(../images/pc/icon_search_delbtn.png) no-repeat center center}
.suggestion_list{position: absolute;top: 55px;left: 0;width: 100%;background: #fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);padding: 6px 0 11px; box-sizing: border-box;}
.suggestion_list li{font-size: 12px;height: 30px;line-height: 30px;padding: 0 20px;box-sizing: border-box; margin: 4px 0;}
.suggestion_list li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.suggestion_list li.hover{font-weight:bold;}
.popular_searches{font-size: 12px;color: #969696;max-width: 710px;margin: 0 auto;white-space: nowrap}
.popular_list{display: flex;justify-content: center;margin: 20px 0 35px}
.popular_list a {width: auto; cursor: pointer;height: 40px;padding: 0 24px;border-radius: 20px;background: #fff;margin: 5px 7.5px;font-size: 14px;display: flex;align-items: center;justify-content: center;border: 1px solid #d2d2d2;box-sizing: border-box;white-space: nowrap}
.popular_list a::before{content: '';display: inline-block;width: 14px;height: 14px;margin-right: 10px;background-image: url(../images//pc/icon_search2.png)}

@media (max-width: 767.98px) { 
    .header_logo { width: 203px;height: 21px;}
    .global_nav{width: 80%;}
    .brand_nav li a {font-size: 14px;}
    .haeder_wrapper {padding: 10px 0 20px; height: 100px;}
    .haeder_wrapper .pa{ top:10px;}
    .header_logo { transform: translateY(40px);}
    .footer_wrapper { flex-direction: column;} 
    .global_footer { padding: 40px 0 24px;}
    .footer_subscribe { align-items: flex-start; margin-top: 30px;}
    .footer_subscribe_input{ margin-bottom: 25px;}
    .footer_link { margin-top: 30px;}
    .footer_link li {margin-bottom: 14px;}
    .footer_copyright { margin-top: 30px;flex-direction: column;}
    .backtotop { margin-top: 25px;align-self: flex-end;}
    .popular_list{flex-direction: column}
}
@media (min-width: 768px) and (max-width: 919.98px) { 
    .footer_link { width: 120px;}
    .popular_list{flex-direction: column}
}
@media (max-width: 1200px) { 
    .wrapper { width: calc(100% - 40px);}
}
@media (min-width: 1200px) { 
    .wrapper { width: 1200px;}
}
@media (min-width: 1500px) { 
    .haeder_wrapper{ width: 1500px;}
    .global_footer { width: 100%;}
    .global_footer .wrapper{ width: 1500px;}
}