@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px; font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}

.fl{float: left;}
.fr{float: right;}
img{max-width: 100%; vertical-align: top;}
.picfocus{overflow: hidden;}
.picfocus img{-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.item:hover .picfocus img,
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
body{transition: 0.5s ease all;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*字体css*/
@font-face {font-family: "numLight";
  src: url(fonts/FZDHTJW.TTF)
}
@font-face {font-family: "DINOT";
  src: url(fonts/DINOT-Bold.ttf)
}

*{padding:0;margin:0;list-style: none; box-sizing: border-box;}

@media (max-width:767px){
	html,body,.dropdown-menu,.navbar-brand{ font-size: 10px; }
	.container{padding: 0 15px; width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px){
	html,body,.dropdown-menu,.navbar-brand{ font-size: 12px; }
	.container{padding: 0 30px; width: 100%;}
}
@media(min-width: 992px) and (max-width: 1199px){
	html,body,.dropdown-menu,.navbar-brand{ font-size:12px; }
	.container{padding: 0 30px; width: 100%;}
}
@media(min-width: 1280px) and (max-width: 1439px){
	html,body,.dropdown-menu,.navbar-brand{ font-size:14px; }
	.container{width: 1200px; padding: 0; margin: 0 auto;}
}
@media(min-width: 1440px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:16px; }
	.container{width: 1400px; padding: 0; margin: 0 auto;}
}

.tit_box{position: relative; }
.tit_box .tabs{position: absolute; right: 0; top: 50%; transform: translateY(-60%); display: flex; margin-bottom: 1.25rem;}
.tit_box .tabs li{margin: 0 1.5rem 0 0; height: 2.5rem; color: #333; display: flex; align-items: center; background: #F2F2F2; }
.tit_box .tabs li a{padding: 0 2rem; font-size: 1rem;}
.tit_box .tabs li.on{background: #EB0201;}
.tit_box .tabs li.on a{color: #fff;}
.tit_box .tabs li:last-child{margin-right: 0;}
.common_tit{position: relative; line-height: 1; text-align: center;}
.common_tit .tit_box{position: relative;}
.common_tit .tit_en{ font-size: 3.75rem; line-height: 0.8; font-weight: bold; color: #F0F2F8; text-transform: uppercase;}
.common_tit .tit{ font-size: 2.5rem; color: #B50909; font-weight: bold; margin: -0.75rem 0 0;}
.common_tit .tit_desc{font-size: 1.125rem; margin: 1.25rem 0 0; color: #393C46; line-height: 1;}
.common_tit .tabs a{position: relative; float: left; margin: 0 1.125rem 0 0; line-height: 2.75rem; font-size: 1.125rem; display: inline-block; text-align: center; min-width: 10rem; color: #5A5A5A; background: #DBDBDB;}
.common_tit .tabs .on{background: #2170B7 ; color: #fff;}
.common_tit .tabs .on::after{content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 11px; height: 11px; background: url(../images/tabs_on.png) no-repeat top left;}
.common_tit .tabs a:last-child{margin-right: 0;}
@media (min-width: 768px) and (max-width: 991px){
	.common_tit .tit_en{font-size: 3rem;}
	.common_tit .tit{font-size: 2rem; margin: 10px 0 0;}
}
@media (max-width:767px){
	.common_tit{display: block;}
	.common_tit .tit_en{font-size: 26px; margin: 0;}
	.common_tit .tit{font-size: 2rem; margin: -5px 0 0;}
	.common_tit .tit_en::after{margin: 20px 0 0;}
	.common_tit.white{padding: 0 15px;}
	.common_tit.white .tit{padding-left: 0;}
	.common_tit .tabs a{margin-bottom: 10px; font-size: 14px; line-height: 36px;}
}

.more a{position: relative; padding: 0 10px 0 1.5625rem; border-radius: 2.5rem; display: inline-flex; align-items: center; justify-content: space-between; font-size: 1rem; background: #E62129; height: 2.5rem;  color: #fff; transition: .3s all;}
.more a::after { content: "";  width: 1.5rem; height: 1.5rem; margin: 0 0 0 1.5rem; border-radius: 50%; background: #fff url(../images/more_arrow.jpg) no-repeat center center; }
.more_link{ font-size: 14px; line-height: 1; text-transform: uppercase;}
.more_link::after { content: "";  width: 22px; height: 14px; margin: 0 0 0 10px; background: url(../images/icon_more.png) no-repeat center left; vertical-align: top; display: inline-block;}
@media (max-width:767px){
	.more a{min-width: 100px; font-size: 13px; line-height: 40px; height: 40px; width: 140px;}
	.more a::after{height: 30px; width: 30px;}
}

/*header*/
.topbar{height: 60px; background: #ECECEC;}
.topbar .container{height: 100%; display: flex; justify-content: space-between; align-items: center;}
.topbar .fl{background: url(../images/icon_company.png) no-repeat center left; padding-left: 28px;}
.topbar .fr{display: flex; height: 100%; align-items: center;}
.topbar .reg_login{display: flex; height: 100%; }
.topbar .reg_login a{padding: 0 40px; height: 100%; font-size: 1rem; display: flex; align-items: center;}
.topbar .reg_login a.btn_login{background: #B50909; color: #fff;}
.topbar .reg_login a:hover{text-decoration: underline;}
.topbar .hotTel{margin-left: 3rem; font-size: 1.5rem; padding: 0 0 0 45px; background: url(../images/icon_hotTel.png) no-repeat center left; color: #B50909; font-weight: bold; display: flex; align-items: center; line-height: 1;}
.topbar .hotTel em{font-size: 1.875rem; font-weight: bold; margin-left: 1.5rem;}

.header{position: fixed;  width:100%; height: 124px; padding: 32px 0; z-index: 10; text-align: center; transition: all 0.3; font-size: 1rem;  transition: 0.5s all;}
.header .nav_box{height: 100%;}
.header .nav_box>.container{height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.header .navbar-brand{ position: absolute; left: 13.54%; top: 50%; z-index: 100; display: flex; align-items: center; transform: translateY(-50%); transition: all 0.3s;}
.header .navbar-brand .logo{height: 60px; transition: 0.5s all;}
.header .nav{/* position: relative; */float: right; height: 100%;  display: flex;align-items: center;justify-content: space-between;}
.header .nav>li{position: relative; float: left;height: 100%;}
.header .nav>li>.nav_tit{display: flex; align-items: center; justify-content: center; position: relative; height: 100%; z-index: 100;}
.header .nav>li:last-child>.nav_tit{padding-right: 0;}
.header .nav>li>.nav_tit>a{position: relative; color: #000; font-size: 1.125rem; margin: 0 2rem; height: 100%; display: flex; align-items: center; }
.header .nav>li>.nav_tit a::after{content: ''; position: absolute; left: 50%; right: 50%; bottom: 0; width: 0; height: 3px; border-radius: 3px; transition: all 0.3s;  background: transparent;}
.header .nav>li:hover .nav_tit a::after,
.header .nav>li.on>.nav_tit a::after{background: #B50909; left: 0; right: 0; width: 100%;}
.header .nav>li>.nav_tit>a .caret{display: inline-block; width: 0; height: 0; margin-left: 8px; vertical-align: middle; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #E62129; }
.header .nav>li:hover .nav_tit>a,
.header .nav>li.on>.nav_tit>a{color: #B50909; }
.header .nav>li>.nav_tit .caret{display: none; width: 0; height: 0; margin-left: 8px; vertical-align: middle; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #E62129; }

.header .nav>li .subnav{position: absolute; opacity: 0; top: 60px; left: 50%; min-width: 136px; /*padding: 0 2.75rem;*/ width: max-content; transform: translateX(-50%); text-align: left; background: rgba(255,255,255,0.62); z-index: -1; visibility: hidden; transition: 0.125s ease-out;}
.header .nav>li .subnav ul{/*display: flex; align-items: center; height: 3.125rem;*/}
.header .nav>li .subnav li{/*margin-right: 2.75rem;*/}
.header .nav>li .subnav li:last-child{margin-right: 0;}
.header .nav>li .subnav a{font-size: 1rem; line-height: 50px; color: #050505;padding: 0 10px; display: block; text-align: center;}
.header .nav>li .subnav a:hover{color: #E62129;}

.header .nav>li:hover .subnav{opacity: 1; visibility: visible; z-index: 10; transition: 0.36s ease-in-out;}
.Navbar {display: none;float: right; width: 24px; height: 16px; margin: 17px 10px 0 0; position: relative; transition: all 0.5s ease; cursor: pointer;}
.Navbar .icon-bar { width: 24px; height: 2px; background: #fff; display: block;}
.Navbar .icon-bar:nth-child(2){margin: 5px 0;}
.Nav_m{display: none;}


.search{position: relative; height: 100%;  padding: 0 0 0 3.125rem; margin-left: 1rem; display: flex; align-items: center;}
.search::before{content: ''; position: absolute; left: 0; width: 1px; height: 14px; background: rgba(0,0,0,0.5);}
.search .search-icon{ float: none; width: 22px; height: 22px; display: block; background: url(../images/icon_search.png) no-repeat center left; border: none;}
.search .search_block{width: 100%;position: absolute; right: 0; bottom: -40px;}
.search .search_block .search_box{width: 300px; position: absolute; bottom: 0; right: 0; z-index: 10; visibility: hidden;background: rgba(0, 0, 0, 0.5);overflow: hidden;opacity: 0;-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-0-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.search .search_block .search_box .inpt{background-color:transparent;border: none;outline: none;resize: none;-webkit-appearance: none; padding: 8px 20px; line-height: 24px;width: 90%;height: 40px;box-sizing: border-box;font-size: 1rem;color: #fff !important;float: left;}
.search .search_block .search_box .inpt::-webkit-input-placeholder{color: #fff;font-size: 14px;}
.search .search_block .search_box .inpt:-webkit-autofill  {
	-webkit-text-fill-color: #ffffff !important;
	box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
     transition: background-color 50000s ease-in-out 0s; 
}

.search .search_block .search_box a{display: inline-block;position: absolute;z-index: 10;right: 15px;top: 0;bottom: 0; width: 24px;height: 40px;text-indent: -1000em;cursor: pointer;}
.search .search_block .search_box.show{visibility: visible;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
.search .search_block .search_btn{position: absolute; background: url(../images/icon_search.png) no-repeat center center;}

.header .logo_white{display: none;}
.header .logo_black{display: block;}
.header.fixed{position: fixed; padding:  0; z-index: 9999; top: 0; background: rgba(0,0,0,0.3); height: 80px; line-height: 80px; box-shadow: 0 2px 6px rgb(0, 0, 0 , 0.1); backdrop-filter: saturate(180%) blur(20px);}
.header.fixed .nav_box{padding: 0;}
.header.fixed .navbar-brand{height: 80px; padding: 10px 0;}
.header.fixed .logo{width: auto; height: 46px;}
.header.fixed .logo_white{display: block;}
.header.fixed .logo_black{display: none;}
.header.fixed .top{height:0; visible:hidden; opacity: 0;}
.header.fixed .nav>li .subnav{top: 80px;}
.header.fixed .nav>li>.nav_tit>a{color: #fff;}
.header.fixed .search .search-icon,
.header.fixed .search .search_block .search_btn{background-image: url(../images/icon_search_white.png);}
.header.fixed .search::before{background: #fff;}

@media (min-width: 992px) { 
    .header.hide{top: -184px; display: none;}  
    .header.show{top: 60px;}
}

@media (min-width: 768px) and (max-width: 991px){
	.header{padding: 0 30px;}
	.header .container .box{padding: 0 15px;}
	.header.fixed{ height: 6.25rem; line-height: 6.1875rem;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{ height: 6.25rem; padding: 1.8875rem 0;}
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{height: 2.475rem;}
	.header .nav_box{padding-right: 1rem;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.header .navbar-brand{left: 5%;}
}
@media(min-width: 1200px) and (max-width: 1440px){
	.header .nav{padding: 0 30px 0 140px;} 
	.header .nav>li .subnav li a{padding: 7px 20px;}
	.header .navbar-brand{left: 5%;}
}
@media (max-width: 767px){
	.topbar{display: none;}
	.header .logo_white{display: block;}
	.header .logo_black{display: none;}
	.header { position: relative; background: #B80604; padding: 0; top: 0; height: 50px; text-align: left; z-index: 10000;}
	.header.fixed{height: 50px; line-height: 50px;}
	.header .nav_box .container{height: auto;}
	.header .container .box{padding: 0;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{padding: 12px 0; left: 10px; height: 50px; padding: 12px 0;}
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{width: auto; height: 26px;}
	.header .navbar-brand .logo_pc{display: none;}
	.header .navbar-brand .logo_m{display: block;}
	.Navbar{display: block; position: absolute; right: 5px; top: 0;}
	.header .nav_box{display: block; width: 80%; height: 100vh; padding: 0; overflow: hidden; position: fixed; top: 0; right: -80%; z-index: 1099; background: #f2f2f4; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.header .nav_box .container{display: block; padding: 0;}
	.header .nav{float: none; display: block; height: auto; margin: 0; padding: 0 30px;}
	.header .nav::after{content: none;}
	.header .nav>li{float: none; height: auto; width: 100%; display: block; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.header .nav>li>.nav_tit{line-height: 40px; display: flex; justify-content: space-between; align-items: center;}
	.header .nav>li>.nav_tit>a{color: #333!important; margin: 0; flex: 1; line-height: 48px; font-size: 14px;}
	.header .nav>li.on>.nav_tit::after{content: none;}
	.header .nav>li>.nav_tit>.caret{display: block; border-top-color: #333; position: static; margin-left: 30px;}
	.header .nav>li:hover .nav_tit a::after, 
	.header .nav>li.on>.nav_tit a::after{content:none;}
	.header .closeNav{width: 24px; height: 24px; position: relative; margin: 17px 0 20px 20px; cursor: pointer;}	
	.header .closeNav span{position: absolute; left: 0; top: 11px; width: 20px; height: 2px; background: #666;}
	.header .closeNav span.line1{transform: rotate(45deg);}
	.header .closeNav span.line2{transform: rotate(135deg);}
	.header .nav>li>a{justify-content: space-between; align-items: center; display: flex; width: 100%; line-height: 40px; color: #fff; font-size: 14px; font-weight: 600; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.header .nav_box.active{right: 0;}
	.header .nav>li .subnav{display: none; position: static; margin: 0; padding: 10px 0 5px; border-radius: 0; box-shadow: none; border: none; background: none; }
	.header .nav>li.on .subnav{width: 100%; border-top: 1px solid rgba(0,0,0,0.1); display: block; transform: translateX(0); opacity: 1; visibility: visible;}
	.header .nav>li .subnav .container{display: block; padding: 0 2.625rem;}
	.header .nav>li .subnav .container .column .tit{font-size: 15px;}
	.header .nav>li .subnav .container .column ul{overflow: hidden;}
	.header .nav>li .subnav .container .column li{float: left; width: 50%; display: block;}
	.header .nav>li .subnav .container .column li::after{content: none;}
	.header .nav>li .subnav .container .column .cate_menu_plan li{width: 33.3%;}
	.header .nav>li:hover>.nav_tit>a, 
	.header .nav>li.on>.nav_tit>a, 
	.header .nav>li>.nav_tit>a:hover,
	.header.fixed .nav>li>.nav_tit>a{color: #333;}
	.header .nav>li .subnav li a{color: #333; font-size: 13px; line-height: 36px; padding: 0 20px; display: block;  text-align: left; }
	.header .nav>li .subnav::before{content: none;}
	.header .nav>li .subnav .container .column_detail{display: none;}
	.mHeadMask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1009; display: none;}
	.header .login{height: auto; margin: 0; line-height: 40px;}
	.header .login::before{content: none;}
	.search{display: block; padding: 0 30px; margin: 15px 0 0;}
	.search .search-icon{display: none;}
	.search::before{display: none;}
	.search .search_block{position: static;}
	.search .search_block .search_box{position: relative; transform: translateY(0); opacity: 1; visibility: visible; width: 100%;}
}

/*footer*/
.footer{position: relative; background: #3A3A3A; color: #fff; overflow: hidden; width: 100%; z-index: 10;}
.footer a{color: #fff;}
.footer .top{display: flex; justify-content: space-between; padding: 3.25rem 0 3.75rem;}
.footer .ft_fl{}
.footer .ft_nav{font-size: 1rem; overflow: hidden; line-height: 1; margin: 5.125rem 0 0;} 
.footer .ft_nav a{float: left; margin: 0 3.25rem 0 0;}
.footer .ft_nav a:last-child{margin: 0;}
.footer .ft_lxwm{float: right; width: 242px; text-align: right; margin: 0 4.375rem 0 0;}
.footer .ft_lxwm .p1{font-size: 1.25rem; line-height: 1;}
.footer .ft_lxwm .p2{font-size: 2rem; line-height: 1; margin: 3rem 0 1rem;}
.footer .ft_lxwm .p3{font-size: 1rem; line-height: 1.625;}
.footer .ft_wx{display: flex; float: right;}
.footer .ft_wx li{width: 8.5rem; margin-right: 1.875rem;}
.footer .ft_wx li:last-child{margin: 0;}
.footer .ft_wx li p{margin:  14px 0 0; font-size: 14px; line-height: 1;text-align: center; }

.footer .copyright{font-size: 1rem; color: #fff; border-top: 1px solid rgba(229, 229, 229, .12); overflow: hidden; }
.footer .copyright .container{height: 76px; display: flex; align-items: center; justify-content: space-between;}
.footer .copyright a{font-size: 1rem; color: #fff;}
.footer .copyright a:hover{text-decoration: underline;}
.footer .copyright span:nth-child(2){ display: none; }
@media (max-width: 767px){
	.footer .top{padding: 20px 0 10px; display: block; overflow: hidden;}
	.footer .ft_nav{display: none;}
	.footer .ft_lxwm{ float: none; text-align: left; margin: 20px 0 0 ; width: 100%;}
	.footer .ft_lxwm .p1,
	.footer .ft_lxwm .p3{font-size: 14px;}
	.footer .ft_lxwm .p2{margin: 1rem 0 ;}
	.footer .ft_wx{float: none; margin: 20px auto 0;}
	.footer .ft_wx li{width: 100px;}
	.footer .ft_wx li p{ line-height: 20px;}
	.footer .ft_wx li span{display: block;}
	.footer .copyright{font-size: 12px; line-height: 1.5; padding: 10px 0;}
	.footer .copyright .container{display: block; height: auto; text-align: center;}
}


/*swiper*/
.swiper-container{vertical-align: top;}
.swiper-page{position: relative; width: 100%; height: 17px; margin: 3.5rem 0 0; display: flex; justify-content: space-between; align-items: center;}
.swiper-pagination{position: static; height: 4px; margin: 15px 0 0;}
.swiper-pagination-bullet {opacity: 1; vertical-align: top; width: 1.75rem; height: 4px; margin: 0 2px; background: rgba(0,0,0,0.3); border-radius: 0;}
.swiper-pagination-bullet-active { background: #B50909; width: 5.125rem;}
.swiper-button{display: flex; justify-content: center; height: 17px;}
.swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev{position: static; width: 24px; height: 17px; margin: 0; background-color: transparent; background-size: 24px 17px; opacity: 1; }
.swiper-button .swiper-button-prev{ background: url(../images/swiper_prev.png) no-repeat top left;}
.swiper-button .swiper-button-next{margin: 0 0 0 1rem; background: url(../images/swiper_next.png) no-repeat top left;}
.swiper-button .swiper-button-prev.swiper-button-disabled{background-image: url(../images/swiper_prev_dis.png);}
.swiper-button .swiper-button-next.swiper-button-disabled{background-image: url(../images/swiper_next_dis.png);}
@media (max-width: 767px){
	.swiper-page{margin: 20px 0 0;}
	.swiper-page .swiper-pagination-bullet:nth-child(1) { left: 15%;}
	.swiper-page .swiper-pagination-bullet:nth-child(2) { left: 35%;}
	.swiper-page .swiper-pagination-bullet:nth-child(3) { left: 55%;}
}

@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}


.layer-login{border-radius: 10px!important; box-shadow: 0px 4px 38px 0px rgba(0, 0, 0, 0.18)!important;}
.alert_box{padding: 40px 2.25rem ;  overflow: hidden;}
.alert_box .title{font-size: 26px; color: #B50909; text-align: center; font-weight: bold; line-height: 1;}
.alert_box ul{padding: 32px 0 10px;}
.alert_box li{ display: flex; justify-content: space-between; margin-bottom: 10px; }
.alert_box li .item{display: flex; align-items: center; flex: 1; font-size: 14px; color: #333; line-height: 24px; padding: 10px 12px; border: 1px solid #E0E0E0; overflow: hidden;}
.alert_box li .btn{line-height: 46px; cursor: pointer; display: flex; align-items: center; padding: 0 8px; background: #DBE0ED; color: #B50909; font-size: 16px; margin-left: 7px;}
.alert_box li .icon{width: 16px; margin-right: 12px; display: flex; justify-content: center; }
.alert_box li .inpt{flex: 1; line-height: 24px; overflow: hidden;}
.alert_box .tijiao_btn{line-height: 48px; color: #fff; background: #B50909; border-radius: 6px; text-align: center; font-size: 20px; display: block;}
.alert_box .tips{font-size: 14px; line-height: 1; margin-top: 18px; text-align: center;}
.alert_box .tips span{color: #EB2727;}
.alert_box .tips .liji_btn{color: #EB2727;}
.alert_box .tips a:hover{text-decoration: underline;}
.alert_box .AutoLogin{font-size: 14px; line-height: 26px; margin-bottom: 10px; display: inline-block;}
.alert_box .AutoLogin label{display: flex; align-items: center; }
.alert_box .AutoLogin label input{margin-right: 3px;}
.alert_box .forgetpass {margin-bottom: 10px;}
.alert_box .forgetpass a{font-size: 14px; color: #B50909; line-height: 26px; display: inline-block;}
.layer-login .layui-layer-setwin .layui-layer-close2{top: 0; right: 0; width: 15px; height: 15px; background: url(../images/layer_close.png) no-repeat top left;}
.layer-login .layui-layer-setwin .layui-layer-close2:hover{background: url(../images/layer_close_on.png) no-repeat top left;}
@media (max-width:767px){
	.alert_box{width: 100%; padding: 25px 15px;}
	.alert_box .title{font-size: 20px;}
	.alert_box li .item{line-height: 20px;}
	.alert_box li .inpt{line-height: 20px;}
	.alert_box li .btn{font-size: 14px; line-height: 42px;}
	.alert_box .tijiao_btn{line-height: 42px; font-size: 16px;}
}
