@charset "utf-8";
/**************start reset*****************/
html{-webkit-text-size-adjust:none;}
html,body{padding:0px;margin:0px;font-family:-apple-system,system-ui,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:100%; color:#000; word-break: break-all;word-wrap: break-word;*word-wrap: normal;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border:0 none;}
li { list-style: none;}
caption, th { text-align: left;}
q:before, q:after {content: "";}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
em,i{ font-weight:normal; font-style:normal;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
a{text-decoration:none; cursor:pointer; color:#010103;outline:none;}
a:hover{text-decoration: none;outline:none; color:#ff3366;}
input[type=text],textarea {font-family:-apple-system,system-ui,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;outline:none;word-break: break-all;}
input[type=checkbox]{ margin-left:0px; padding-left:0px; *margin-left:-4px;}
input[type=radio]{ margin-left:0px; margin-top:0; padding-left:0px; vertical-align:middle; *margin-left:-4px;}
input::-ms-reveal {display: none;}/*ie edge*/
input::-ms-clear{display: none;}
input::-o-clear{display: none;}
input::-webkit-input-placeholder {color:#999696;}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
button {margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;}
/* button:hover{opacity: .9;} */
button:disabled {cursor: not-allowed; pointer-events: none; background: #444242;}
/**************end reset*****************/
/*common style*/
body.bg_0{background: #000;}
.page_auto{ width: 1180px; margin: 0 auto;}
.show{display: block;}
.hide{display: none;}
.inline_bk,.il_bk {display:inline-block;}
.f_l{ float: left;}
.f_r{ float: right;}
.a_c{ text-align: center;}
.a_l{ text-align: left; }
.a_r{text-align: right;}
.clear{clear:both;}
.clearfix:after { visibility: hidden;display: block; content: " ";clear: both;height: 0; }  
.clearfix{*zoom:1;}
.p_r,.pos_rel{position: relative;}
.fw_b,.font_b{ font-weight: bold;}
.fw_n{ font-weight: normal;}
.ov_h,.o_f_h,.over_f_h,.no_scroll{overflow: hidden;}
.one_line{white-space: nowrap; text-overflow: ellipsis;}
.cur_p{ cursor: pointer;}
.v_m{vertical-align: middle;}
.transition {-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-ms-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}
.text_underline{ text-decoration:underline;}
.round{ border-radius: 50%;}

.w_100p{width: 100%;}
.w_80{width: 80px;}
.w_100{width: 100px;}
.w_150{width: 150px;}
.w_160{width: 160px;}
.w_780{width: 780px;}

.fz_12{font-size: 12px;}
.fz_14{font-size: 14px;}
.fz_16{font-size: 16px;}
.fz_18{font-size: 18px;}

.mg_l_8 {margin-left:8px;}
.mg_r_8 {margin-right:8px;}
.mg_r_10 {margin-right:10px;}
.mg_r_12 {margin-right:12px;}
.mg_r_20 {margin-right:20px;}
.mg_r_36 {margin-right:36px;}
.mg_b_6 {margin-bottom:6px;}
.mg_b_8 {margin-bottom:8px;}
.mg_b_10{margin-bottom:10px;}
.mg_b_12 {margin-bottom:12px;}
.mg_b_20 {margin-bottom:20px;}
.mg_b_24{margin-bottom: 24px;}
.mg_b_15{margin-bottom:15px;}
.mg_b_40{margin-bottom: 40px;}

.pd_32 {padding: 32px; }
.pd_0_25{ padding: 0 25px;}
.pd_0_24{ padding: 0 24px;}
.pd_t_10{padding-top: 10px;}
.pd_t_16{padding-top: 16px;}
.pd_t_20{padding-top: 20px;}
.pd_t_30{padding-top: 30px;}
.pd_t_70{padding-top: 70px;}
.pd_b_24{padding-bottom: 24px;}
.pd_b_30{padding-bottom: 30px;}

.lh_0 {line-height:0;}
.line_24{ line-height: 24px;}

.bd_b58 {border:1px solid #b58759;}

.bg_red{background: #f36;}
.bg_b58{background: #b58759;}

.color_fff{color: #fff;}
.color_black {color:#000;}
.color_313{color:#333131;}
.color_cac{color: #cccaca;}
.color_blue {color:#0076cb;}
/*font-size*/
.ft_12 {font-size:12px;}
.ft_14 {font-size:14px;}
.ft_16 {font-size:16px;}
.ft_18 {font-size:18px;}
.ft_20 {font-size:20px;}
.ft_22 {font-size:22px;}
.ft_24 {font-size:24px;}
.ft_28 {font-size:28px;}
.ft_32 {font-size:32px;}
.ft_36 {font-size:36px;}
.ft_40 {font-size:40px;}
.ft_48 {font-size:48px;}
/*icons*/
.svgicon {display: inline-block; width: 1em;height:1em;vertical-align: -0.12em;fill: currentColor;overflow: hidden;}
.icon{display: inline-block; vertical-align: middle; background: url(../../www/images/common/icons.png);background: url(../../www/images/common/icons_small.png)\9; background-size: 250px;}
.bsns_blk_apple{ width: 80px; height: 24px; background-position: 0 -73px;}
.bsns_blk_weixin{ width: 18px; height: 16px; background-position: 0 -56px;}
.bsns_blk_sina{ width: 20px; height: 16px; background-position: -19px -56px;}
.bsns_blk_rss{ width: 14px; height: 14px; background-position: -40px -56px;}
.bsns_blk_andriod{ width: 80px; height: 24px; background-position: -81px -73px;}
.bsns_blk_andriod:hover{background-position: -81px -98px;}
.bsns_blk_apple:hover{ background-position: 0 -98px;}
.bsns_blk_weixin:hover{ width: 18px; height: 16px; background-position: -55px -56px;}
.bsns_blk_sina:hover{ width: 20px; height: 16px; background-position: -74px -56px;}
.bsns_blk_rss:hover{ width: 14px; height: 14px; background-position: -95px -56px;}
.icon_icp{width: 16px; height: 18px; background-position: -31px -123px;}
.icon_beian{ width: 16px; height: 18px; background-position: -48px -123px;}
.icon_knet{ width: 18px; height: 18px; background-position: -65px -123px;}
.icon_anquan{ width: 20px; height: 18px; background-position: -84px -123px;}
.icon_return_arrow{ width: 20px; height: 20px; background-position: 0 -154px;}
.icon_return_service{ width: 20px; height: 20px; background-position: -21px -154px;}
.icon_return_code{ width: 20px; height: 20px; background-position: -42px -154px;}


.bk_icon{display: inline-block; vertical-align: middle; background: url(../../www/images/breakthrough/bk_icons.png?v=1) no-repeat; background-size: 100px;}
.bk_icon_zan{ width: 14px; height: 18px; background-position: 0 0;}
.bk_icon_zan_red{ width: 14px; height: 18px; background-position: -20px 0;}
.bk_icon_ques{ width: 13px; height: 21px; background-position: -25px 0; background-size: 64px;}
.bk_icon_camer{ width: 19px; height: 16px; background-position: -64px 0;}


.awards_d_icon{ display: inline-block; background: url(../images/awards/awards_icon.png); background: url(../images/awards/awards_icon_small.png)\9; background-size: 250px; vertical-align: middle;}
.awards_d_icon_share{ width: 38px; height: 38px; background-size:250px; background-position: -80px 0;}
.brown_share_icon{ width: 17px; height: 16px; background-size:250px; background-position: -150px -17px;}

/**************end icons*****************/

.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:box;display:flex;}
.lr_center {-webkit-justify-content:space-between;-webkit-align-items:center;justify-content:space-between;align-items:center;}
.l_center {-webkit-justify-content:flex-start;-webkit-align-items:center;justify-content:flex-start;align-items:center;}
.r_center {-webkit-justify-content:flex-end;-webkit-align-items:center;justify-content:flex-end;align-items:center;}
.jc_c {-webkit-justify-content:center;justify-content:center;}
.jc_sb {-webkit-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-justify-content:space-around;justify-content:space-around;}
.flex_b {-webkit-align-items:baseline;align-items:baseline;}
.flex_s {-webkit-align-items:flex-start;align-items:flex-start;}
.flex_c {-webkit-align-items:center;align-items:center;}
.flex_end {-webkit-align-items:flex-end;align-items:flex-end;}
.flex_wrap {-webkit-flex-flow:wrap;flex-flow:wrap;}
.flex_col {-webkit-flex-flow:column;flex-flow:column;}
.fd_col{ -webkit-flex-direction: column; flex-direction: column;}
.flex_1 {-webkit-flex:1;flex:1;}
.flex.hide{display: none;}

.transition {-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.lh48_btn {display:inline-block;height:48px;line-height:48px;text-align:center;font-weight:bold;font-size:16px;color:#fff; box-sizing: border-box;outline: none;}
.lh40_btn {display:inline-block; font-size: 14px; font-weight: bold;text-align: center; height:40px;line-height:40px;border-radius: 3px;box-sizing: border-box;}
.lh36_btn {display:inline-block;height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff; box-sizing: border-box;outline: none;}
.lh40_bd_btn {display:inline-block; color: #569; font-size: 14px; font-weight: bold; background: #fff; border: 1px solid #cccaca; text-align: center; height:40px;line-height:40px;border-radius: 3px;box-sizing: border-box; cursor: pointer;}
.lh40_bd_btn:hover,.lh40_bold_btn.bd_cac:hover{ background: #f5f3f3; color: #569; }
.lh48_title{ height: 48px; line-height: 48px; font-size: 16px;}
.wh48_box{ width: 48px; height: 48px; min-width: 48px; box-sizing: border-box; border-radius: 3px;}
.lh40_btn.bg_red:hover:not(:disabled){ background: #e00043; }
.lh36_btn.color_b58{ color: #b58759;}
button.lh36_btn:hover,button.lh48_btn:hover{ cursor: pointer;opacity: 0.95;}
a.bd_b58:hover{ color: #b58759; }
a.bg_b58:hover{ color:#fff; background: #be8e5e;}


.thumb {position: relative;display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-justify-content:center;justify-content:center;}
.thumb img {height: 100%;width: 100%;object-fit: cover;}
/*header*/
.dw_header_nav{ height: 80px; background:#000;min-width: 1180px; width: 100%; }
.dw_header_nav a{ color:#fff;}
.dw_nav_list a{ display: inline-block; padding: 5px 24px; font-size: 14px; font-weight: bold;}
.dw_nav_list sup{ display: inline-block; font-size: 12px;font-weight: normal;vertical-align: unset; top: -6px; position: relative; color: #b58759;left: 3px;}
.dw_nav_list .current a,.dw_nav_list a:hover,a.color_fff:hover{ color: #b58759;}
.enter_nav_item{ position: relative; height: 80px;}
.enter_nav_item .triangle{ display: block; position: absolute; bottom:-5px; left: 35px; transform: rotate(45deg); border:5px solid #444242;border-right-color:transparent; border-bottom-color:transparent;}

.dw_header_nav .menu a{ color: #fff; height: 36px; line-height: 36px; font-size: 14px;}
.dw_header_nav .menu a:hover{ color: #b58759;}
.dw_header_nav .menu{position: absolute; left: 0; top: 79px; z-index: 100; padding: 10px 0; width: 124px; background: #222121;}
.dw_header_nav .menu>a{ display: block; padding-left: 20px; box-sizing: border-box;}
.dw_nav_right li { height: 80px; position: relative;}
.dw_nav_right .login{padding-left:20px;text-align: right; justify-content: flex-end;}
.dw_nav_right .login a:hover{ color: #b58759;}
.dw_nav_right .my{ width: 50px; padding-left:20px;}
.dw_nav_right .my>a img{display: inline-block;border-radius: 50%;box-sizing: border-box;}
.dw_nav_right .my>a{display: block;width: 50px;position: relative;line-height: 0;margin-top:16px;padding: 1px;background: #fff;border-radius: 50%;box-sizing: content-box; overflow: hidden;}
.dw_nav_right .my>a .infor_circle{ position: absolute; right: -5px; top: 13px; padding: 1px; width: 19px; height: 19px; min-width: 17px\9; height: 18px\9; background: #f36; border-radius: 25px; line-height: 18px; font-size: 12px; color: #fff; text-align: center; -webkit-transform: scale(0.66); transform: scale(0.66);}
.dw_nav_right .menu{ left: auto; right: 0;}
.dw_nav_right .menu em{ display: block; margin: 5px 0; height: 1px; background: #666;}
.dw_nav_right .menu a{ position: relative; display: block; font-size: 12px;}
.dw_nav_right .my .menu a:after{ content: ""; float: right; margin-top: 10px; margin-right: 20px; width: 16px; height: 16px; background: url(../images/common/icons.png);background: url(../images/common/icons_small.png)\9; background-size: 250px; background-position: 0 -17px;}
.dw_nav_right .my .menu .my_dm:after{width: 16px; height: 16px ; background-position: -71px -37px;}
.dw_nav_right .my .menu .my_homepage:after{width: 16px; height: 15px ; background-position: -17px -17px;}
.dw_nav_right .my .menu .com_homepage:after{width: 15px; height: 14px ; background-position: -116px -17px;}
.dw_nav_right .my .menu .my_resume:after{width: 14px;height: 15px;background-position: -38px -37px;}
.dw_nav_right .my .menu .my_staff:after{width: 16px; height: 15px ; background-position: -17px -17px;}
.dw_nav_right .my .menu .infor:after{display: none;}
.dw_nav_right .my .menu .infor>i{float: right; margin-top: 10px; margin-right: 20px;}
.dw_nav_right .my .menu .infor .no_infor{ width: 15px; height: 16px; background-position: -50px -17px;}
.dw_nav_right .my .menu .infor_red .infor_circle{ margin-top: 9px; margin-right: 18px; padding: 2px; min-width: 17px; height: 16px ;  color: #fff;  font-size: 12px; line-height: 16px; text-align: center; background: #f36; border-radius: 25px; -webkit-transform: scale(0.8); transform: scale(0.8); }
.dw_nav_right .my .menu .collect:after{width: 16px; height: 14px; background-position: -65px -17px;}
.dw_nav_right .my .menu .com_order:after{width: 17px; height: 16px; background-position: -131px -17px;}
.dw_nav_right .my .menu .service:after{width: 17px; height: 16px; background-position: -81px -17px;}
.dw_nav_right .my .menu .set:after{width: 17px; height: 15px; background-position: -98px -17px;}
.dw_nav_right .my .menu .quit:after{display: none;}
.dw_nav_right .my .menu .quit{ color: #ccc;}
.dw_nav_right a.bd_b58:hover{ background: #b58759; color: #fff;}


.dw_header_tips{position: absolute;z-index: 2;left: 24px;top:30px;background: #fff;padding: 10px;line-height: 1.5em;width: 158px;}
.main_intro{max-width: 828px;border-left:1px solid #eeecec;padding-left: 30px;margin-left: 32px;box-sizing: border-box;}


/*底部*/
.footer{ min-width:1200px; background: #221f20;}
.footer_con{ padding:40px 0 30px; width:100%; border-bottom: 1px solid #332f30; color:#fff; font-size: 12px;}
.footer_con a{ color:#fff;}
.footer_con a.color_cac{color: #cccaca;}
.footer_con .footer_links>div{ width: 160px;}
.footer_con h4{ margin-bottom:25px;font-size: 12px; color: #ccc5c6;}
.footer_con ul li{ line-height:30px;}
.footer_con ul li a{ display:inline-block; width:100%; font-size: 12px; color:#999192;}
.footer_con ul li a:hover{ color:#f36;}
.footer .rss_box{position: relative; line-height: 24px;}
.footer .bsns_blk a{ display: inline-block; margin-left: 27px;}

.footer .digital_code{ position:absolute; bottom:20px; left:-63px; padding-bottom:15px; z-index:100;}
.footer .digital_apple_code{ left: 223px;}
.footer .digital_andriod_code{ left: 115px;}
.footer .digital_code_box{ position:relative; padding:20px 20px 18px 20px; background:#f1f1f1; color: #666; font-size: 12px;}
.footer .digital_code_box img{ margin-bottom: 8px;}
.footer .digital_code_box i.arrow{position:absolute; left:85px; bottom:-17px; width: 0; height: 0; border: 10px solid transparent; border-top-color: #f1f1f1;}
.footer_bottom{ height:80px; line-height: 80px; font-size: 12px; color:#999192; overflow: hidden;}
.footer_bottom  a{ color: #999192;}
.footer_bottom  a:hover{ color: #f36;}
.footer_bottom .f_l .d_footer_logo{ display: inline-block; margin-right: 20px; width: 30px; height: 30px; background-position: 0 -123px; vertical-align: middle;}
.footer_bottom .f_l .file_icon{display: inline-block; margin-left: 8px; margin-right: 2px; width: 16px; height: 18px; background-position: -19px -106px; vertical-align: middle;}
.footer_bottom .f_r a{ color: #665f60; margin-left: 15px;}

/*sns_box*/
.sns_box { position: relative; }
.bsns_box .sns_box .icon{margin-right:10px;}
.weixin_qr_job{ display:none; position:absolute; bottom:38px;right:-45px; background:#fff; z-index:101;}
.weixin_qrs_box{ display:none; position:absolute; bottom:-44px;right:48px; background:#fff; z-index:101;}
.weixin_qrf_box{ display:none; position:absolute; bottom:-44px;right:176px; background:#fff; z-index:101;}
.weixin_qr_box{ display:none; position:absolute; bottom:25px;right:33px; background:#fff; z-index:101;}
.weixin_qrb_box{ display:none; position:absolute; bottom:38px;left:5px; background:#fff; z-index:101;}
.weixin_qrcode_box{ display:none; position:absolute; bottom:31px;left:-10px; background:#fff; z-index:101;}
.weixin_qrcode_pic{ position:relative; font-size:0.75em;padding:5px;border:1px solid #e0e0e0;}
.weixin_qrcode_pic i.e0_tran{ display:inline-block; width:9px; height:6px; background-position:-427px -7px; position:absolute; bottom:-6px; left:45px;}
.sns_box .gsns_sina:hover  { background-position:-420px -239px;}
.sns_box .gsns_qq:hover    { background-position:-217px -480px;}
.sns_box .gsns_qqzone:hover{ background-position:-266px -480px;}
.sns_box .gsns_renren:hover{ background-position:-318px -480px;}
.sns_box .gsns_douban:hover{ background-position:-366px -480px;}
/*weixin qrcode 2023-7-26*/
.share_wx_box{position: relative;}
/* .share_wx_box .sw_hover_btn{ display: inline-block;} */
.share_wx_box .target_pop{position:absolute; bottom:-50%; margin-bottom:-50%; right:100%; padding-right: 2px; z-index:101; opacity: 0; visibility: hidden; transition: opacity .2s linear;}
.share_wx_box .target_pop_inner{position:relative;font-size:12px;padding:11px 11px 5px 11px;border:1px solid #e0e0e0;background:#fff;  min-width:112px; box-sizing: border-box;}
.share_wx_box .target_pop_pic { height: 88px; min-width: 88px; text-align: center; margin-bottom: 6px;}
.share_wx_box .target_pop_pic>img{ width: 100%; object-fit: cover; }
.share_wx_box .target_pop_text{ color: #666363; line-height: 20px;font-size: 12px; white-space: nowrap;}
.share_wx_box:hover .target_pop{ opacity: 1; visibility: visible;}

/*return top*/
.return_top{ width: 40px; height: 110px; position: fixed; right: 140px; bottom: 202px; z-index: 10000;}
.return_child_box{ margin-bottom: 1px; padding-top: 5px; width: 40px; height: 35px; box-sizing: border-box; text-align: center; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMz/za5cAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.return_child_box:hover{background: #000;}
.return_code{position: relative;}
.return_code_box{visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; position: absolute; right: 40px; top: -42px; z-index: 1200; padding-right: 20px; width: 150px; box-sizing: border-box;}
.return_code_box_con{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); }
.return_code:hover .return_code_box{visibility: visible; opacity: 1; top: -72px;}
.return_code_title {overflow: hidden;}
.return_code_title span{float: left; width: 50%; height: 35px; background: #332f30; line-height: 34px; font-size: 12px; color: #ccc5c6;}
.return_code_title span:hover{background: #665f60;}
.return_code_title span.active{background: #fff; color: #665f60;}
.return_code_box li p{padding-top: 10px; font-size: 12px; line-height: 12px; color: #665f60;}

/*content*/
.wrapper{min-width: 1280px;}
/* .footer .pd_left{} */

.bg40_input{ padding: 0 12px; background: #333131; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #333131; font-size: 14px; border-radius: 3px; outline: none; color: #fff;}
.bg40_input:focus{ border-color: #444242; background: #444242;}
.input_field{position: relative; height: 40px; box-sizing: border-box;}
.input_field .input_limit{position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;font-size: 12px;color: #999696;padding-right: 6px;}
.input_field .clear_input_btn{position: absolute;right: 4px;top: 8px;height: 24px;width: 24px;text-align: center;line-height: 24px;}
.input_field .clear_input_btn i{color: #999696;font-size: 16px;pointer-events: none;}
.input_field .clear_input_btn:hover i{ color: #666363;}
/* .input_field.filled input{ background: #fff;} */
.input_field.limited input{padding-right: 40px;box-sizing: border-box;}
.input_field.blocked input{padding-right: 32px;box-sizing: border-box;}
.input_field.error input{ border-color: #f36;}
.input_field.error .input_limit .input_length{ color: #f36;}
.input_field.disabled input{ cursor: not-allowed;}
.input_field .input_tooltips{ position: absolute; top: 40px; left: 0; line-height: 32px; font-size: 14px; color: #f36; padding: 0 12px; background: #fff;}
.input_field .input_tooltips.hide{display: none;}
.input_field .input_tip{ position: absolute; top: 40px; left: 0; line-height: 32px; font-size: 14px; color: #999696; padding: 0 12px;}
.input_field .input_tip.hide{display: none;}
.textarea{ width: 100%; min-height: 100px; padding: 12px 16px; line-height: 24px; font-size: 14px; resize: none; border-radius: 3px;color: #fff; background: #333131; border:1px solid #333131; box-sizing: border-box; overflow-y: auto; overflow-y: overlay; outline: none;}
.ttarea_box {position: relative; line-height: 0; box-sizing: border-box;}
.ttarea_box.error .textarea{ border-color: #f36;}
.ttarea_box .input_limit{position: absolute;right: 0;bottom: 0;height: 24px;line-height: 24px;font-size: 12px;color: #aaa3a4;padding-right: 12px;}
.ttarea_box.error .input_limit .input_length{ color: #f36;}
.textarea:focus{border-color: #444242; background: #444242;}

.switch {width:49px;height:22px;position:relative;border:1px solid #444242;background-color:#0f0f0f;box-shadow:#444242 0 0 0 0 inset;border-radius:20px;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select:none;outline:none;cursor:pointer; margin-right:10px;}
.switch:before {content:'';width:16px;height:16px;position:absolute;top:2px;left:2px;border-radius:16px;background-color:#b58759;box-shadow:0 1px 3px rgba(0,0,0,0.4);}
/* .switch:checked {border-color:#b58759;} */
.switch:checked:before {left:29px;}
/* .switch + label::after{ display: inline-block; content: "否"; font: inherit; }
.switch:checked + label::after{ content: "是"; } */
.switch.switch_anim {transition:border cubic-bezier(0,0,0,1) 0.4s,box-shadow cubic-bezier(0,0,0,1) 0.4s;}
.switch.switch_anim:before {transition:left 0.3s;}
.switch.switch_anim:checked {transition:border ease 0.4s,box-shadow ease 0.4s,background-color ease 1.2s;}
.switch.switch_anim:checked:before {transition:left 0.3s;}

/*chrome input[type=range]*/
input[type=range].range_input {-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eeecec;height:4px;margin:0;padding:0;width:240px;}
input[type=range].range_input:focus {outline:none;}
input[type=range].range_input::-webkit-slider-runnable-track {border-radius:0;background:#eeecec;cursor:pointer;height:4px;}
input[type=range].range_input::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;border-radius:50%;background:#666363;cursor:pointer;height:16px;margin-top:-6px;width:16px;}
input[type=range].range_input:hover::-webkit-slider-thumb{background: #0076cb;}
/*firefox input[type=range]*/
input[type=range].range_input::-moz-range-track {border-radius:0;background:#eeecec;cursor:pointer;height:4px;}
input[type=range].range_input::-moz-range-thumb {-webkit-appearance:none;appearance:none;border-radius:50%;background:#666363;cursor:pointer;height:16px;margin-top:-6px;width:16px;}
input[type=range].range_input:hover::-moz-range-thumb{background: #0076cb;}
/*ie input[type=range]*/
input[type=range].range_input::-ms-track {border-color:transparent;color:transparent;width:100%;border-radius:0;background:#eeecec;cursor:pointer;height:4px;}
input[type=range].range_input::-ms-fill-lower,input[type=range].range_input::-ms-fill-upper {background:#eeecec;}
input[type=range].range_input::-ms-fill-lower,input[type=range].range_input::-ms-fill-upper {border-radius:0;}
input[type=range].range_input::-ms-thumb {-webkit-appearance:none;appearance:none;border-radius:50%;background:#666363;cursor:pointer;height:16px;margin-top:-6px;width:16px;}
input[type=range].range_input::-ms-tooltip {display:none}
input[type=range].range_input:hover::-ms-thumb{background: #0076cb;}


/* mot_icon */
.mot_icon{display: inline-block; vertical-align: middle; background: url(../images/motto/mot_icon.png);background-size: 200px;}
.micon_ellipsis{ width: 20px; height: 20px; background-position: 0 -5px;}
.micon_pen{ width: 22px; height: 23px; background-position: -29px -5px;}
.micon_share{ width: 21px; height: 21px; background-position: -65px -6px;}
.micon_quotation{ width: 31px; height: 28px; background-position: -165px -2px;}
.micon_close{ width: 24px; height: 24px; background-position: -105px -2px;}
.micon_arrow{ width: 18px; height: 7px; background-position: 0 -66px;background-size: 400px;}

/*motto*/
.mot_kv_con{width: 100%; height: 298px; background: #000 url(../images/motto/banner.jpg) center no-repeat; background-size:1920px;}
.mot_kv_bar{ position: sticky; position: -webkit-sticky; width: 1180px; margin: 0 auto; top: 0; z-index: 11;}
.mot_kv_box{ position: absolute; right: 0; top: 28px; height: 48px; z-index: 11;}
.mcl_round{ display: flex; width:48px; height: 48px; align-items: center; justify-content: center; background: #222121; border-radius: 50%;}
.mcl_round:hover{background: #333131;}
.mot_handle_box{ padding: 6px 0; opacity: 0; visibility: hidden; transition:all .2s linear;}
.mot_kv_box:hover{ height: 162px;}
.mot_kv_box:hover .mot_handle_box{opacity: 1; visibility: visible;}

.switch_page_con{ position: relative; width: 1180px; height: 100%;}
.switch_page_box{ position: absolute; right: 0; bottom: 40px; font-size: 18px; color: #888787; }
.switch_page_box .switch{ margin: 0 8px;}
.switch_page_box label.cur{ color: #b58759;}
.switch_page_box a{color: #888787;}
.switch_page_box a.on{color: #b58759;}


.str_wrap {overflow:hidden;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;background:transparent;white-space:nowrap;-webkit-backface-visibility:hidden;}
.str_wrap.str_active {background:transparent;}
.str_move {white-space:nowrap;position:absolute;top:18px;left:0;}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move {cursor:inherit;}
.str_wrap img {max-width:none !important;}

.motto_list_con{position: relative; border-top:1px solid #444242; min-width: 1180px; max-width: 100%; overflow-x: hidden; padding-bottom: 100px;}
.motto_list li{ border-bottom:1px solid #444242; overflow: hidden;}
.motto_list li .item_mtab{ position: relative; white-space: nowrap; padding: 18px 0; height: 36px; line-height: 36px; font-size: 36px; color: #888787; cursor: pointer;}
.motto_list li .item_mtab td{ padding: 0 16px; border-right:1px solid #444242;}
.motto_list.opened .item_mtab{  color: #777676;}
.motto_list li.act .item_mtab,.motto_list li.final .item_mtab{ color: #b58759;}
.motto_list li.act .item_mtab td,.motto_list li.final .item_mtab td{border-right-color: #b58759;}
.motto_list li:hover .item_mtab{ color: #b58759;}
.motto_list li:hover .item_mtab td{border-right-color: #b58759;}
.motto_list li.cur .item_mtab{ background: #b58759; color: #fff;}
.motto_list li.cur .item_mtab td{border-right-color: #fff;}
.motto_list li .item_detail{display: none; }
.motto_list li.cur .item_detail{ display: block; }

.show_pic_pop{ display: none; position: fixed; left: 50%; top: 0;background: #fff;  transition: all .2s linear;}
.spp_box{ width: 200px; height: 280px; overflow: hidden; }
.spp_box img{ width: 100%; object-fit: cover;}
.pal_motto_list .spp_box{ height: 265px;}
.show_img_pop{ opacity: 0; visibility: hidden; position: fixed; left: 800px; top: 340px;background: #fff;  transition: all .2s linear; z-index: 50;}
.item_marquee.non:hover .show_img_pop{ opacity: 1; visibility: visible;}
.str_move_clone .show_img_pop{display: none;}

.vip_page_txt.on{color: #b58759;}

.item_mot_vip{ background: url(../images/motto/item_bg.jpg?v=1) no-repeat top center;} 
.vip_mot_box{position: relative; padding:54px 48px 0 72px; min-height: 620px; box-sizing: content-box;} 
.vip_mot_box .vipmb_photo{ position: absolute; bottom: 0; left: 300px; z-index: 0; width: 650px; height: 622px;} 
.vip_mot_box .vipmb_photo img{ width: 100%; object-fit: cover;} 
.vip_mot_box .h_100p{position: relative; z-index: 1;height: 100%; min-height: 620px;}
.vipmb_left{ position: relative; width: 500px; padding-bottom: 48px; } 
.vipmb_left .micon_quotation{ position: absolute; left: -36px; top: -32px; } 
.vipmb_left h5{font-size: 24px; line-height: 30px; color: #e7bc8c; margin-bottom: 24px; } 
.vipmb_left h5.font_24{font-size: 24px; line-height: 30px;}
.vipmb_left h5.font_42{font-size: 42px; line-height: 48px;}
.vipmb_left h5.font_56{font-size: 56px; line-height: 62px;}
.vipmb_left h5.font_72{font-size:72px; line-height: 72px;}
/* .vipmb_left h5.font_4{font-size: 36px; line-height: 40px;}
.vipmb_left h5.font_5{font-size: 40px; line-height: 44px;}
.vipmb_left h5.font_6{font-size: 44px; line-height: 48px;}
.vipmb_left h5.font_7{font-size: 48px; line-height: 52px;} */
.vipmb_left div{ width: 310px; font-size: 14px; line-height: 1.6em; color: #cccaca; word-wrap: break-word; word-break: break-word; text-align: justify;}
.vipmb_left a{font-size:14px; color: #b58759;}
.vipmb_left a:hover{ opacity: .9;}

.vipmb_right{ position: relative;justify-content: right; padding-bottom: 48px;}
.vipmb_right .w_300{width: 350px; text-align: right;}
.vipmb_right .w_300 h6{ font-size: 28px; margin-bottom: 10px; white-space: nowrap;}
.vipmb_right .w_300 h6 span{ display: inline-block; border: 1px solid #fff;padding: 2px 6px;}
.vipmb_right .w_300 p{font-size: 14px; line-height: 1.5em; color: #cccaca; }
.item_detail>div.page_auto{position: relative;}
.item_close_btn{ position:absolute; right: 0px; top: 24px;display: flex; width:48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%;}
.item_close_btn:hover{ background: #444242;}

.item_mot_pal{ position: relative; overflow: hidden;}
.item_mot_pal>.page_auto{ position: relative; z-index: 3;}
.palmb_right{ position: relative; width: 584px; min-height: 784px;justify-content: right;}
.palmb_right .bottom_mask_text{position:relative;z-index: 2; text-align: right;width: 300px; padding: 0 48px 48px 0; }
.palmb_right .bottom_mask_text{ text-align: right;}
.palmb_right .bottom_mask_text h6{ font-size: 28px; margin-bottom: 10px;}
.palmb_right .bottom_mask_text p{font-size: 14px; line-height: 1.5em; color: #cccaca; }
.palmb_right .bottom_mask {position:absolute;bottom:0;left:0;width:100%;height:20%;background-image:linear-gradient(to top,rgb(0,0,0,0.5),rgb(0,0,0,0));z-index:1;}

.palmb_bg {width:1440px;height:100%;position:absolute;right:50%;top:0; margin-right: -780px; z-index:0;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-filter: blur(60px) brightness(1); filter: blur(60px) brightness(1); overflow: hidden; }
.palmb_mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);z-index: 1;}

#popup_tip{ z-index: 10000;}
#popup_tip .tipicon{font-size: 20px; margin-right: 8px;}
#popup_tip .popup_content{ min-width: 200px;}
#popup_tip .pop_tip_box{ height: 48px; line-height: 48px; text-align: center; padding: 0 24px; font-size: 14px; color: #000;}
#popup_btip .popup_content{ min-width: 200px; padding: 12px 0; font-size:14px;}
.popup_content.pal_dlg{ max-width: 900px;border-radius: 5px; overflow: hidden; }
.popup_content.pal_dlg .item_close_btn{width:36px; height: 36px; right: 6px;top: 6px; border-radius: 3px;}
.pal_input_con{ width: 900px; background: #1a1a1a; font-size: 14px; padding: 32px 32px 48px 32px; box-sizing: border-box; color: #666363;}
.pal_input_con div p{ height: 32px; line-height: 32px; margin-bottom: 8px;}
.pal_input_con div p b{ display: inline-block; margin-right: 6px; color: #b58759; font-size: 18px;}
.pal_input_con .bd_b_424{ border-bottom: 1px solid #444242; padding-bottom: 32px; margin-bottom: 32px;}
.pal_input_con .w_268{ width: 200px;}

.upload_pic_box{position: relative; display: flex; justify-content: center; align-items: flex-start; width: 200px; height: 268px; border-radius: 4px; border: 1px dashed #444141; box-sizing: border-box; overflow: hidden;}
.upload_pic_box img{ width: 100%; height: 100%; object-fit: cover; cursor: pointer;}
.dlg_input_file{ position: absolute;filter:alpha(opacity=0);opacity:0;width: 0;height: 0;clip:rect(1px 1px 1px 1px);/* IE6,IE7 */clip:rect(1px,1px,1px,1px);}

.w_640_box{ width: 640px; box-sizing: border-box;}
.w_640_box .pd_24{padding: 24px 24px 16px;}
.w_480_box{ width: 480px; box-sizing: border-box; }
.w_480_box .pd_24{padding: 24px 24px 16px;}
.w_640_box.w_408{ width: 408px;}

.logo_editor_container{margin: 0 auto; width: 280px; height: 348px;}
.upload_box .pd_24{user-select: none; pointer-events: none;}
.logo_editor_silder input[type=range].range_input{width: 200px;}