﻿/*2024.7.8*/
/*参数控制*/
:root{
    --all-bg-color: #f7f7f7;/*页面总的主体颜色*/
    --all-border-color: #ededed;/*页面总的主体颜色*/
    --change-btn:#1E9FFF;/*蓝色*/
    --change-r-btn:#ff73ab;/*粉色*/
    --save-btn:#6dce7f;/*暂存绿色*/
    --gradient-button:linear-gradient(120deg, #5e80fa, #30a3ec, #ac81e6);/*按钮渐变色（蓝-亮蓝-紫）*/
    --login-tab:url("/images/svg/login_tab.svg");/*选项卡旁边圆角形状*/
    --anpc-login-bg:url("/images/m/bg_login.jpg") no-repeat center top; /*注册登录界面背景变量*/
    --anpc-ucenter-bg:url("/images/m/bg_center.jpg") no-repeat center top; /*账户管理页面及表格填写页面背景变量*/
    --red-txt:#c30101;/*红色文字包括提示*/
    --line-font-fp:18px;/*行高和字大小统一大小，流程绿*/
    --dis-gray:#ccc;/*禁止灰色*/
    --black_arrow:url("/images/svg/back_home.svg") no-repeat center;
}
body{background-color: var(--all-bg-color);}
input[disabled] { background-color: #f2f2f2!important; color: #cccccc!important; }
.bb1{border-bottom:1px solid var(--all-border-color);}
/*登录界面*/
.bg_login{display:flex;flex-direction: column; width:100%;background:var(--anpc-ucenter-bg);background-size:100%;padding:20px 20px 0;}
.bg_reg{display:flex;flex-direction: column; width:100%;height:100%;background:var(--anpc-ucenter-bg);background-size:100%;padding:20px 20px 0;}
.login_box{height:100%;display: block;padding-top:54px;position: relative;margin-top:30px;}

.tit{color:#333;margin-top:60px;padding-top:15px;padding-bottom:10px;background:url("/images/m/3d_logo.png") no-repeat right center;background-size:auto 100%;}
.tit h1{font-size:36px;font-weight: 700;}
.tit p{font-size:18px;font-weight: 700;}
.login_tab{display:flex;position: absolute;width:100%;top:0;}
.login_tab .swiper-slide{font-size: 18px;display:flex;width:100%;box-sizing: border-box;justify-content: center;align-items: center;padding:14px;font-weight: 700;background:rgba(255,255,255,0.5);border-top: 1px solid #fff;position: relative;}
.login_tab .swiper-slide:first-child{border-top-left-radius: 20px;padding-right:30px;}
.login_tab .swiper-slide:last-child{border-top-right-radius: 20px;padding-left:30px;}
.login_tab .swiper-slide:first-child.swiper-slide-thumb-active{background: #fff;padding:14px;}
.login_tab .swiper-slide:last-child.swiper-slide-thumb-active{background: #fff;padding:14px;}
.login_tab .swiper-slide.swiper-slide-thumb-active:after{content:'';position: absolute;background:#4593ed;width:20px;height:4px;left:50%;margin-left:-10px;bottom:5px;border-radius:2px;}
.login_tab .swiper-slide:first-child.swiper-slide-thumb-active:before{content:'';width:46px;height:55px;position: absolute;right:-45px;bottom:0;background:var(--login-tab) no-repeat;background-size:cover;}
.login_tab .swiper-slide:last-child.swiper-slide-thumb-active:before{content:'';width:46px;height:55px;position: absolute;left:-45px;bottom:0;background:var(--login-tab) no-repeat;background-size:cover;transform: rotateY(180deg);}

.login_bd .swiper-slide{background: #fff;display:flex;flex-direction: column;justify-content: space-between;height:100%;}
.login_bd{background:#fff;padding:20px 20px 40px;display:flex;flex-direction: column;justify-content: space-between;height:100%;}
.log_t > div > label,.log_t .log_init{font-size:14px;display:block;margin-bottom:2px;position: relative;}
.log_t cite{display:flex;color:#333;font-size:20px;}
.log_t cite input[type="text"]{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.log_t cite input[type="button"]{border-top-right-radius:7px;border-bottom-right-radius:7px;color:#fff;padding:0 30px;}
.log_t label span{position:absolute;right:0;}
.log_t label span a{color:var(--change-btn);}
.log_t label i{width:22px;height: 22px;display:block;position: absolute;right:0;top:-3px;}
.log_t label i img{width:100%;}
.log_t input[type="text"],.log_t input[type="password"],.log_t textarea,.log_t select{border:1px solid #e3e3e3;background:#f2f5ff;color:#333;width:100%;border-radius:7px;font-size:16px;line-height: 36px;padding:5px 10px;}
.log_t select{margin-bottom:5px;}
.log_t > div,.log_t .log_init{margin-top:20px;position: relative;}
.log_t input.error{border:1px solid var(--red-txt);}
.log_t span.error{position: absolute;left:0;bottom:-20px;color:var(--red-txt);}
.log_t .reg{display:flex;justify-content: space-between;}
.log_t .tr a{margin-top:10px;font-size: 14px;color:#999;}

.log_b button,.btn_att{background: var(--gradient-button);width:100%;color:#fff;height:50px;border-radius:7px;font-size:16px;}
.log_b div + div{margin-top:30px;display:flex;}
.log_b input[type="checkbox"]{margin-right:5px;}
.log_b span{display:inline-block;}
.log_b a{color:#5e80fa;}
.wechat_go{display:flex;justify-content: center;}
.wechat_go .go1{margin:40px 0 20px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;width:100%;}
.wechat_go i{max-width:60px;display:block;}
.wechat_go i img{width:100%;}
.wechat_go p{text-align: center;margin-top:5px;}

/*注册页面*/
.login_tab{display:flex;position: absolute;width:100%;top:0;}
.login_tab .reg_ent,.login_tab .reg_back{font-size: 18px;display:flex;box-sizing: border-box;justify-content: center;align-items: center;padding:14px;background:rgba(255,255,255,0.7);border-top: 1px solid #fff;position: relative;}
.login_tab .reg_ent{border-top-left-radius: 20px;padding-right:30px;width:60%;font-weight: 700;position: relative;z-index:10;}
.login_tab .reg_back{border-top-right-radius: 20px;padding-left:30px;width:40%;font-size:16px;overflow:hidden;backdrop-filter: blur(5px);}

.login_tab .reg_ent{background: #fff;padding:14px;}
.login_tab .reg_ent:after{content:'';position: absolute;background:#4593ed;width:20px;height:4px;left:50%;margin-left:-10px;bottom:5px;border-radius:2px;}
.login_tab .reg_ent:before{content:'';width:46px;height:55px;position: absolute;right:-45px;bottom:-1px;background:var(--login-tab) no-repeat;background-size:cover;}
.req > div > label:after{content: '*';color:var(--red-txt);}
.change{display:flex;font-size:16px;color:#333;justify-content: space-between;}
.change > div{width:45%;border:1px solid #e3e3e3;background:#e9e9e9;border-radius: 7px;height:48px;position: relative;overflow:hidden;}
.change.ch_sml_btn{justify-content:flex-start;}
.change.ch_sml_btn input[type="radio"],.change input[type="checkbox"]{margin-right:5px;position: relative;left:auto;top:auto;z-index:9;}
.change.ch_sml_btn > div{width:auto;border:none;background:none;border-radius: 7px;height:48px;position: relative;overflow:hidden;display:flex;align-items:center;justify-content: flex-start;padding:0 10px;box-sizing:border-box;}
.change.ch_sml_btn label{position: relative;right:auto;bottom:auto;width:auto;height:auto;font-size:14px;color:#666;padding:5px 20px 5px 0;box-sizing:border-box;background:#fff;display:flex;align-items:center;justify-content: flex-start;}
.change.ch_sml_btn input[type="radio"]:checked + label,.change.ch_sml_btn input[type="checkbox"]:checked + label{background:#fff;color:var(--change-btn);}
.change.checkbox_c > div + div{margin-left:20px;}
.change input[type="radio"],.change input[type="checkbox"]{margin-right:10px;position: absolute;left:10px;top:10px;z-index:9;}
.change label{display:flex;position: absolute;right:0px;bottom:0px;font-size:14px;color:#666;width:100%;height:100%;align-items: flex-end;justify-content: flex-end;padding:5px 10px;box-sizing: border-box;}
.change input[type="radio"]:checked + label,.change input[type="checkbox"]:checked + label{background: var(--change-btn);color:#fff;}
.change .sex_w input[type="radio"]:checked + label{background: var(--change-r-btn);color:#fff;}
.change .sex_m label:before{content: '';background:url("/images/svg/sex1.svg") no-repeat;background-size:100%;width:20px;height:20px;margin-right:10px;margin-bottom:3px;}
.change .sex_w label:before{content: '';background:url("/images/svg/sex2.svg") no-repeat;background-size:100%;width:20px;height:20px;margin-right:10px;margin-bottom:3px;}
.change button{white-space: nowrap;padding: 0 20px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;background:#5e80fa;color:#fff;font-size:16px;}
.login_bd .log_t .change input[type="text"]{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.captcha_box{padding:20px;}
.yz_box{display: flex;align-items: center;}
.yz_box i{margin-left:15px;}
.yz_box i img{height:48px;}

/*用户中心*/
.user_center{display:flex;flex-direction: column; width:100%;height:100%;background:var(--anpc-ucenter-bg) var(--all-bg-color);background-size:100%;padding:20px 20px 0;}
.uc_top_title{text-align: center;}
.uc_top_title img{width:60%;}
.uc_top_title img + img{width:90%;margin-top:10px;}
.user_info{background:#fff;border-radius: 20px;margin-top:80px;/*box-shadow:0 0 20px rgba(0,0,0,0.1);*/}
.user_np{display: flex;}
.user_pic{width:140px;height:140px;display:block;overflow:hidden;border-radius: 50%;background-size:cover;background-position: 0 -20px;border:10px solid #fff;margin-top:-50px;margin-left:10px;}
.user_name{padding:10px 0;font-size:16px;flex:1;display: flex;justify-content: flex-start;align-items:flex-start;margin-left:10px;line-height: 24px;flex-direction: column;}
.user_name h1{color:#016094;font-weight: 700;}
.user_name h1 span{background:var(--gradient-button);color:#fff;font-size:12px;padding:2px 8px;font-weight: normal;margin-left:10px;border-radius:3px;}
.user_name p{font-size:14px;margin-top:10px;}
.user_contrl{display:flex;justify-content: space-between;flex-direction:row;align-items: center;margin:10px 5%;font-size:14px;}
.user_contrl > div{display: block;width:33.33%;text-align:center;}
.user_contrl > div + div{border-left:1px solid #e8e8e8;}
.user_contrl > div a{display:flex;width:100%;height:100%;padding:7px 0;align-items: center;justify-content: center;}
.user_contrl > div a:before{background-size:100%;width:24px;height: 24px;display: inline-block;margin-right:5px;}
.user_contrl .stat a:before{content:'';background-image: url("/images/svg/icon1.svg");}
.user_contrl .conn a:before{content:'';background-image: url("/images/svg/icon2.svg");}
.user_contrl .quit a:before{content:'';background-image: url("/images/svg/icon3.svg");}
.layui-layer-iframe,.layui-layer{border-radius: 10px;}
.layui-layer-btn{display: flex;padding: 10px 20px;flex-direction: row-reverse;}
.layui-layer-btn a{padding:5px 0px;margin:0;width:100%;text-align:center;border-radius:20px;}
.layui-layer-btn a + a{margin-right:10px;}

/*用户中心按钮部分*/
.feature_box{display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom:40px;}
.feature_box > div{width:48%;font-size:14px;display: flex;justify-content: center;background:#fff;border-radius:10px;margin-top:16px;overflow:hidden;}
.feature_box div a{display:flex;justify-content:flex-start;align-items:center;flex-direction: column;width:100%;text-align: center;padding:10px;}
.feature_box div a i{content:'';width:72px;height:74px;display:block;margin-bottom:5px;}
.feature_box .cw{width:100%;}
/*.feature_box .ic1 a:before{background-image:url("/images/svg/i1.svg");}*/
/*.feature_box .ic2 a:before{background-image:url("/images/svg/i2.svg");}*/
/*.feature_box .ic3 a:before{background-image:url("/images/svg/i3.svg");}*/
/*.feature_box .ic4 a:before{background-image:url("/images/svg/i4.svg");}*/
/*.feature_box .ic5 a:before{background-image:url("/images/svg/i5.svg");}*/
/*.feature_box .ic6 a:before{background-image:url("/images/svg/i6.svg");}*/

/*个人报名信息页*/
.cont_nav{background:#fff;}
.dish100{display: block;height: 100px;}
.nav_tit_box{background:var(--anpc-ucenter-bg);padding:20px 20px 50px;position: relative;background-size: 100%;}
/*.nav_tit_box img{position: relative;top: -500px;filter: drop-shadow(#fff 0 500px);}*/
.nav_tit_box span{background:#fff;position: absolute;right:0px;bottom:-1px;display:block;font-size:12px;height:26px;padding:0 10px 0 10px;line-height:25px;}
.nav_tit_box span:after{content:'';width:26px;height:26px;position: absolute;left:-25px;bottom:0px;background:var(--login-tab) no-repeat;background-size:cover;transform: rotateY(180deg);}
.nav_tit_back{padding:20px 15px;display: flex;justify-content: space-between;font-size:14px;border-bottom:1px solid var(--all-border-color);}
.nav_tit_back a{display:flex;align-items: center;}
.nav_tit_back a:before{content:'';font:700 16px '宋体';margin-right:5px;background:var(--black_arrow);width:10px;height:14px;display:inline-block;}
.nav_tit_back p{color:#999;}
.nav_tit_back p span{color:#333;}
.cont_int_w{border-top:1px solid var(--all-border-color);padding:15px 15px 25px;}
.init_title{font-size:18px;font-weight: 700;text-align:center;border-bottom:1px solid var(--all-border-color);padding-bottom:5px;position: relative;}
.init_title a{width:22px;height:22px;overflow:hidden;display:flex;position: absolute;right:0;top:1px;}
.init_title a img{width:100%;}
.init_pic{display: flex;position: relative;}
.init_pic:after{content: '';width:75px;height:68px;background-size: 100%;right:0;top:0;display:flex;position: absolute;display: none;}
.init_pic.sh1:after{background:url("/images/svg/sh1.svg") no-repeat;display:block;}
.init_pic.sh2:after{background:url("/images/svg/sh2.svg") no-repeat;display:block;}
.init_pic.sh3:after{background:url("/images/svg/sh3.svg") no-repeat;display:block;}
.init_pic.sh4:after{background:url("/images/svg/sh4.svg") no-repeat;display:block;}
.init_pic.sh5:after{background:url("/images/svg/sh5.svg") no-repeat;display:block;}

.init_pic .moni{font-size:14px;}
.init_pic .moni p{margin-bottom:10px;display: flex;}
.init_pic .moni p label{display:block;text-align: justify;width:65px;height:22px;}
.init_pic .moni p label:after{content: '';width:100%;display: inline-block;height:1px;}
.init_pic .moni p span{flex:1;padding-left:10px;position: relative;color:#000;}
.init_pic .moni p span:before{content: '：';position: absolute;left:0;top:0;}
.init_pic .moni p a{color:var(--change-btn);}
.init_pic > div:first-child{margin-right:20px;}
.init_pic i{width:100%;max-width: 130px;display: block;border-radius:10px;overflow: hidden;position: relative;}.init_pic i img{width:100%;}
.init_pic .mopic.ha i:after{content: '更换照片';width:100%;background: rgba(0,0,0,0.5);color:#fff;text-align:center;position: absolute;bottom:0;left:0;padding:5px 0;}
.init_pic .mopic.addimg i:after{content: '上传照片';width:100%;background: rgba(0,0,0,0.5);color:#fff;text-align:center;position: absolute;bottom:0;left:0;padding:5px 0;}
.flex-colm{display:flex;flex-direction: column;}
.flex-row{display:flex;flex-direction: row;}
.flex-colm div{width:100%;margin-bottom:5px;}
.flex-colm label{font-weight: normal;}
.upload_pic{position: relative;}
.upload_pic i{position: absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;z-index: 9;background: rgba(0,0,0,0.2);color:#fff;font-size:16px;border-radius: 10px;}
.upload_pic i:after{content:'上传照片';background: var(--gradient-button);padding:6px 24px;border-radius: 24px;}
.hi_txt{color:#999;}
.upload_pic img{width:100%;}

.ent_btn{display: block;position:fixed;bottom:0;left:0;padding:5px 15px 25px;width:100%;z-index: 99;border-top:1px solid var(--all-border-color);box-shadow: 0px 0 15px rgba(0,0,0,0.2)}
.ent_btn .btn_bd{display: flex;}
.ent_btn button{width:100%;}
.ent_btn button + button{margin-left:10px;}
.yz_btn{background:var(--change-btn);}
.ent_btn .btn_sd_b{background:#999;width:20%;font-size:26px;font-family: '宋体';font-weight: 700;line-height: 20px;}
.ent_btn .btn_sd_b img{position: relative;top: 500px;filter: drop-shadow(#fff 0 -500px);width:14px;}
.ent_btn .btn_sd_s{background:var(--save-btn);width:45%;}
.ent_btn .btn_sd_c{background:var(--red-txt);width:50%;}
.ent_btn .noagree{background:#fff;border:1px solid var(--change-btn);width:100%;color:var(--change-btn);}

.flowPath_bd{color:#ccc;display:flex;justify-content: space-between;padding:0 15px;}
.flowPath_bd span:before{content: '';color:#fff;background:#ccc;width:var(--line-font-fp);height:var(--line-font-fp);line-height:var(--line-font-fp);display:inline-block;text-align:center;border-radius:50%;margin-right:5px;font-size:12px;}
.flowPath_bd span:nth-of-type(1):before{content: '1';}
.flowPath_bd span:nth-of-type(2):before{content: '2';}
.flowPath_bd span:nth-of-type(3):before{content: '3';}
.flowPath_bd span.on{color:#6dce7f;}
.flowPath_bd span.on:before{background:#6dce7f;}
.hotel_rec a{width:100%;height:48px;border-radius:7px;display:flex;justify-content: center;align-items: center;background:var(--change-btn);color:#fff;}

/*发票列表信息*/
.invoice_bd{background:#fff;margin-bottom:10px;border-bottom:1px solid var(--all-border-color);padding:15px;position: relative;}
.invoice_bd p{margin-bottom: 10px;}
.invoice_bd.succ p:first-child:after{content:'开票成功';position: absolute;right:15px;top:15px;color:var(--save-btn);}
.invoice_bd.lose p:first-child:after{content:'开票失败';position: absolute;right:15px;top:15px;color:var(--red-txt);}
.invoice_bd p span{color:#b2b2b2;width:90px;display:block;}
.invo_down{position: relative;display:flex;}
.invo_down a{width:100%;background:var(--change-btn);color:#fff;display:block;text-align:center;border-radius:7px;line-height:40px;}
.invo_down a + a{margin-left:10px;}
.lose .invo_down:before{content: '';width:100%;height:100%;position: absolute;z-index:10;cursor: no-drop;}
.lose .invo_down a{background:var(--dis-gray);cursor: no-drop;}
.invoice_bd p{display:flex;}
.invoice_bd p i{flex:1;}
.invoice_bd em:after{content: '元';}
.invoice_bd .no_b{text-align: center;color:var(--red-txt);font-size:18px;padding:20px 0;}
.invoice_bd .amount{border-top:1px solid var(--all-border-color);border-bottom:1px solid var(--all-border-color);margin-bottom:20px;}
.invoice_bd .amount i{font-size:36px;color:var(--red-txt);font-weight: 700;}
.invoice_bd .amount i:after{content: '元';color:#333;font-size:16px;margin-left:10px;}
/*.invoice_bd .amount i:before{content: '￥';font-size:16px;}*/


/*酒店信息*/
.hotel_txn p{display:flex;margin-bottom:10px;}
.hotel_txn span{flex:1;}
.hotel_txn label,.hotel_cxn label{color:#b2b2b2;width:74px;text-align: justify;display: inline-block;padding-right:15px;box-sizing: border-box;position: relative;height:20px;line-height: 20px;overflow:hidden;}
.hotel_txn label:after,.hotel_cxn label:after{content:'';width:100%;display:inline-block;}
.hotel_cxn p{line-height:26px;margin-bottom:10px;}
.hotel_cxn img{width:100%;}
.hotel_cxn cite{color:#999;text-align:center;display:block;}
.hotel_txn span i{text-align: justify;width:60px;display:inline-block;}
.hotel_pic{display:flex;}
.hotel_pic i + i{margin-left:5px;}
.hotel_pic img{width:100%;}
.hotel_bd{display:none;}
.hotel_bd.active{display:block;}
.hotel_bd > div:last-child > div > p:last-child{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.hotel_bd > div:last-child > div > p:last-child img{width：100%;height:auto!important;}
.change_hotel_box li.on{background:var(--change-btn);}
.change_hotel_menu,.change_hotel_box li{display:flex;flex-direction: column;position: relative;padding:10px 5px;}
.change_hotel_menu{border:1px solid var(--change-btn);background: var(--all-bg-color);border-radius:7px;width:100%;}
.change_hotel_menu:after{content: '';background:var(--black_arrow);width:18px;height:18px;position: absolute;right:15px;top:32%;font:700 24px '宋体';transform:rotate(270deg);}
.change_hotel_menu span,.change_hotel_box span{font-size:18px;font-weight: 700;color:var(--change-btn);padding-left:10px;}
.change_hotel_menu cite,.change_hotel_box cite{padding-left:10px;font-size:18px;margin-top:0px;}
.change_hotel_menu i,.change_hotel_box i{font-size:16px;color:var(--dis-gray)}
.xline_save_bd{display: flex;}
.line_save_btn{width:100%;display:flex;align-items: center;justify-content: center;color:#fff;border-radius: 7px;}
.line_save_btn a{color:#fff;background:var(--save-btn);}

.change_bd_box li.on{background:var(--change-btn);color:#fff;}
.change_bd_menu,.change_bd_box li{display:flex;flex-direction: column;position: relative;padding:10px 5px;}
.change_bd_box li{padding:20px 5px;}
.change_bd_menu{border:1px solid var(--change-btn);background: var(--all-bg-color);border-radius:7px;font-size: 16px;}
.change_bd_menu:after{content: '';background:var(--black_arrow);width:18px;height:18px;position: absolute;right:15px;top:32%;font:700 24px '宋体';transform:rotate(270deg);}
.change_bd_menu i,.change_bd_box i{font-size:16px;color:var(--dis-gray)}

.change_hotel_box li.on span{color:#fff;}
.change_hotel_box li span{font-weight: normal;}
.change_hotel_box li{border-bottom:1px solid var(--all-border-color);}

/*提示页面()正确、错误*/
.lay_r{width:100%;height:100%;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.havebg{background:url("/images/m/ddimg.jpg") no-repeat center bottom;background-size: 250%;}
.havebg:after{content: '';background:url("/images/m/ttimg.jpg") no-repeat;width:100%;height:300px;background-size: 100%;position: absolute;top:5%;z-index:1}
.layimg_cent{width:30%;position:relative;z-index:9;}
.layimg_cent svg{width:100%}
.laytxt_cent{display:flex;flex-direction:column;align-items: center;justify-content: center;font-size:18px;margin-top:40px;position:relative;z-index:9;}
.laytxt_cent{display:flex;align-items: center;justify-content: center;font-size:18px;margin-top:40px;flex-direction: column;}
/*付款页面*/
.payfor > div > label{font-size:14px;display:block;margin-bottom:2px;position: relative;}
.payfor .changepay > div{display:flex;position: relative;height:50px;margin-top:20px;align-items: center;}
.payfor .changepay input[type="radio"]{margin-left:15px;}
.payfor .changepay input[type="radio"]:checked + label{border:1px solid #ccc;border-radius:8px;}

.payfor .changepay label{position: absolute;height:50px;width:100%;padding-left:50px;border:1px solid #fff;display:flex;align-items: center;box-sizing: border-box;}
.payfor .changepay label img{height:30px;}
.payfor .changepay > div.on{display:flex;border:1px solid var(--all-border-color);}

.cancel_box{padding:0 20px;}
.cancel_box .ti{color:var(--red-txt);padding:10px 0;border-bottom:1px solid var(--all-border-color);}

.footer{font-size:12px;text-align: center;margin-top:40px;color:#b3b3b3;margin-bottom:20px;}
.footer a{color:#b3b3b3;}
/*智能搜索提示弹出层*/


#suggestion-list {text-align: left;list-style-type: none;padding: 0;display: none;position: absolute;background:#fff;border:1px solid var(--all-border-color);z-index:20;padding:10px 20px;width:100%;height:300px;overflow-y: scroll;box-shadow: 0 5px 5px rgba(0,0,0,0.2)}
#suggestion-list ul{}
#suggestion-list li {padding: 10px;border-top:1px solid var(--all-border-color);cursor: pointer;}
#suggestion-list li:first-child{border:none;}
#suggestion-list li:hover {background-color: var(--change-btn);}