footer{ width: 100%; height: auto; background: url(../images/footer.png) no-repeat center; background-size:cover;}

.footer-box1{ padding: 70px 0 35px 0;}
.footer-box1-left{ width: 340px;}
.footer-box1-left p{ color: #FFFFFF; margin-top: 15px;}

.footer-box1-menu{}
.footer-box1-menu dl{ padding: 0 60px;}
.footer-box1-menu dl dt{color: #FFFFFF; font-size: 1.3rem; line-height: 32px; margin-bottom: 15px; font-family: myFirstFont1;}
.footer-box1-menu dl dd a{ display: block; color: #FFFFFF; background: url(../images/flinks.png) no-repeat left center; line-height: 26px; padding-left: 15px;}
.footer-box1-menu dl dd a:hover{ text-decoration: underline;}

.footer-box1-right{ width: 370px;}
.footer-box1-right h2{ color: #FFFFFF; font-size: 1.3rem; line-height: 32px; margin-bottom: 15px;}
.footer-box1-right li{ margin: 5px 0; line-height: 24px;}
.footer-box1-right li i{ display: block; width: 16px; height: 24px; align-items: center; display:flex;}
.footer-box1-right li a{  display: block; width: calc(100% - 16px); color: #FFFFFF; padding-left: 15px; }

.footer-box2{ padding-bottom: 45px;}
.footer-box2l{}
.footer-box2l a{ background: #d64851; height: 46px; line-height: 46px; padding: 0 25px; background: #D64851;border-radius: 24px; color: #FFFFFF; font-size: 1rem;}
.footer-box2l a img{ margin-left: 30px;}
.footer-box2l a:hover{ background: #ffbf43;}

.footer-box2r{ text-align: right;}
.footer-fshare{ height: 34px; line-height: 34px;}
.footer-fshare a{ display: inline-block; background: #FFFFFF; border-radius:50%; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #111111; font-size: 1.2rem; margin-left: 8px;}
.footer-fshare a:hover{background: #ffbf43; color:#FFFFFF;}
.footer-box2r p{ margin-top: 12px; color: #FFFFFF;}



.footer-pay{ width: 100%; height: auto; text-align: center; padding: 20px 0; border-top:2px solid rgba(255,255,255,0.3);}

.custmerlist{ position: fixed; right: 0; top: 30%; z-index: 999; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); text-align: center; width: 68px; border-radius: 10px 0px 0px 10px;}
.custmerlist a{ display: block; width: 36px; height: 36px; margin: 20px auto; position: relative;}

.custmerlist a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#0359d8; font-size:1rem;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.custmerlist a .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}
.custmerlist a:hover .eso_divinfo{ display: block;}
.custmerlist a:hover .eso_divinfo img{ width:150px; height:150px;}


.fposi{ display: none;}
.optain{ display:none;}



@media (max-width: 768px) {




footer{ margin-bottom:60px;}
.footer-box1{ display:none;}

.footer-box2{ padding:25px 0;}
.footer-box2l{ display:none;}


.footer-box2r{ width:100%; text-align:center;}
.footer-fshare{ display:none;}
.footer-box2r p{ margin-top: 0; color: #FFFFFF;}



.footer-pay{display:none;}


.fposi{ width:100%; height:70px; background:#ffbf43; position:fixed; left:0; bottom:0; display:block; z-index:999;}
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #eee;  box-sizing: border-box; }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}



.optain{ display:none; background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;}
.optain-close{ width:27px; height:27px; background:url(../images/close.png) no-repeat; cursor:pointer; position: absolute; right:20px; top:120px;}
.optain-search{width:100%; height:100%; }
.optain-search-box{ width:94%; margin:0 auto;}
.optain-search-box input{ width:80%; height:42px; line-height:42px; background:#fff; border-radius:4px 0 0 4px; border:none; padding:0 15px; font-size:0.9rem;}
.optain-search-box button{ width:20%; height:42px; line-height:42px; background:#ffbf43; border-radius:0 4px 4px 0; color:#fff; font-size:1.2rem; border:none;}

.custmerlist{ display:none;}

}