﻿.sp_header{position:fixed;z-index:10;width:100%;left:0;background:#f0f3fd;height:2.3rem}
.sp_fh{padding:0.48rem 0.325rem;float:left;width:10%}
.sp_fh img{width:0.6rem;height:0.7rem}
.sp_logo{width:80%;float:left;text-align:center;margin-top:0.43rem}
.sp_logo img{width:0.8rem;height:0.8rem}
.sp_logo p{display:inline;font-size:0.7rem;font-weight:bold}
.sp_nav{width:1.5rem;float:right;position:relative;cursor:pointer;height:1rem;margin-top:0.79rem}
.sp_nav span{display:block;background:#333333;width:1rem;height:0.06rem;position:absolute;left:0.125rem;transition:all ease 0.35s;border-radius:2px}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:0.325rem}
.sp_nav span:nth-of-type(3){top:0.65rem}
.sp_nav_se span:nth-of-type(1){top:0.325rem;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:0.325rem;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#f0f3fd;width:100%;height:calc(100% - 104px);font-size:0.5rem;line-height:1.2rem;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;padding-bottom:3rem}
.nav_show{top:2.3rem}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child .language{float:right;width:2.2rem;overflow:hidden;line-height:1rem;margin-top:0.16rem}
.sjj_nav>ul>li:first-child .language a{width:1.1rem;float:left;border-left:1px #ddd solid;text-align:center;color:#999}
.sjj_nav ul li i{position:absolute;top:0.16rem;right:0px;border-left:1px #ddd solid;height:1.45rem;padding:0px 0.2rem 0 0.2rem}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:0.65rem;position:relative;line-height:1.8rem;font-size:0.625rem}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left}
.sjj_nav ul li i svg{width:0.65rem;height:0.65rem;fill:#555}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:0.325rem}
.ssk{width:100%;float:left;margin-top:2.5rem;padding:0.325rem;box-sizing:border-box}
.btn-default{margin:0 10px 0 0;color:#333;background-color:#fff;border-color:#ccc}
.btn{display:inline-block;padding:0.2rem 0.45rem;margin-bottom:0;font-size:0.6rem;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:50px}
.ssk_1{width:100%;float:left;padding:0.325rem 0.325rem 1.5rem 0.325rem}
.ss_again{width:100%;float:left}
.ss_again ul{width:100%;float:left;background:#fff;border-radius:10px;padding:0.4rem 0.4rem 0.4rem 0.4rem;box-sizing:border-box;margin-top:0.525rem}
.ss_again ul li{width:100%;float:left;margin-bottom:0.3rem}
.ss_again ul li img{width:0.8rem;height:1.3ren;padding-top:0.1rem;padding-right:0.2rem}
.ss_again ul li p{display:inline;font-size:0.6rem}
.ss_again ul li i{font-size:0.8rem;font-weight:bold;font-style:normal ;padding-right:0.3rem;padding-top:0.1rem}
.sp_fh_2{padding:0.38rem 0.325rem;float:left;width:10%}
.sp_fh_2 img{width:0.6rem;height:0.7rem}
.sp_logo_2{width:64%;float:left;text-align:center;margin-top:0.54rem;position:relative}
.sp_logo_2 img{width:auto;height:1.1rem;position:absolute;left:2rem}
.sp_logo_2 p{font-size:0.8rem;color:#333333;font-weight:bold;float:left;margin-left:5.7rem}
.ss_2{width:8%;float:left;text-align:center;margin-top:0.65rem;position:relative;overflow:hidden;height:1.63rem}
#toggle-menu{float:left;background-position:0 0;background-color:#bc0023}
#toggle-search{background-position:-1.2rem 0}
#toggle-search.open:after{top:0.92rem}
#toggle-search:after{-moz-transition:top,0.5s;-o-transition:top,0.5s;-webkit-transition:top,0.5s;transition:top,0.5s;position:absolute;top:2rem;left:50%;margin-left:-8px;content:"";border-color:transparent transparent #269cdd;border-style:solid;border-width:0.325rem 0.325rem 0.425rem}
#toggle-basket{position:relative;float:right;background-position:-120px 0}
#toggle-basket:before{position:absolute;top:0.16rem;left:0;width:2px;height:1.1rem;content:"";background-color:#000}
#search-form{-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:2.3rem;left:2%;width:96%;max-height:0;overflow:hidden;background-color:#fff;font-size:0.5rem;border-radius:50px;box-shadow:0px 4px 8px 0px rgba(199,213,255,1)}
#search-form.open{max-height:2.3rem}
#search-form fieldset{position:relative;margin:0 1.2rem 0 0;padding:0;border:none}
#search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:1.6rem;outline:none}
#search-form input[type="search"]{width:100%;padding:0 0.16rem 0 0.65rem;background:transparent;border:none}
#search-form input[type="submit"]{position:absolute;bottom:0;right:0;width:2rem;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;background:#269cdd;font-size:0.5rem;border:none;cursor:pointer}