.sider ul li a i{color:#ffffff;}
@media only screen and (max-width: 1239px){
.sider {bottom:3.5rem;right:.5rem;}

.pc-head{
    display: none;
}
.moblie-head{
    display: block;
    margin: 0 auto;
}

/* ===== sider ===== */

.sider * {height:2.8rem;line-height:2.8rem;}
.sider li, .sider a, .sider a i {width:2.8rem;}

.sider a:link, .sider a:visited {background-color:#FF8800;border-radius:50%;box-shadow: 0rem 0rem 1rem #FF8800;}
.sider a:hover, .sider a:active {background-color:#f80;}
.sider a:hover i, .sider a:active i {color:#fff;}

.sider p {/* padding:0 2.5rem;right:3.2rem; */}


.pdb {height:4.2rem;}



/* ===== dropdown ===== */
.dropdown, .dropdown li {width:100%;}
.dropdown ul {border-bottom:0.25rem solid #fc0;}
.dropdown li, .dropdown li a {height:2.5rem;line-height:2.5rem;}
.dropdown li a:link, .dropdown li a:visited {background-color:#fafbfc;color:#5a5a5a;padding-left:1rem;}
.dropdown li a:hover, .dropdown li a:active {background-color:#fa0 !important;color:#fff !important;}

.userFunc dt .dropdown {top:3.5rem;}
.userFunc dt:hover .dropdown {opacity:1;top:3rem;visibility:visible;}




/* ===== topbar ===== */
.topbar, .myDate, .myDate *, .pdt {height:3rem;line-height:3rem;}




/* ===== myDate ===== */
.myDate, .myDate p {margin-left:0.5rem;}
.myDate p b {padding:0 0.15rem;}




/* ===== userFunc ===== */
.userFunc dl, .userFunc dt, .userFunc dt i, .userFunc dd, .userFunc dd *, .usrFunc *, .hotline * {height:3rem;line-height:3rem;}
.userFunc dt {width:4.5rem;}
.userFunc dt a, .userFunc dt em {height:2.5rem;width:2.5rem;}
.userFunc dt a.avatar {padding:0.25rem 0 0.25rem 0;}
.userFunc dt i {color:#ddd;width:2rem;}
.userFunc dd, .usrFunc {/* padding-right:0.75rem; */}
.userFunc dd a:link, .userFunc dd a:visited, .usrFunc a:link, .usrFunc a:visited {color:#eee;padding:0 0.35rem;}
.userFunc dd a:hover, .userFunc dd a:active, .usrFunc a:hover, .usrFunc a:active {background-color:#fc0;color:#fff;}


.memberMenu, .memberMenu ul {height:auto !important;}
.memberMenu li, .memberMenu li a {height:2.6rem;line-height:2.6rem;}
.memberMenu li {border-bottom:0.05rem solid #eee;}
.memberMenu li a {color:#666;padding:0 1rem;width:100% !important;}



.hotline, .hotline b {padding:0 0.5rem;}



/* ===== footer ===== */
.footer {border-top:0.25rem solid #aaa;padding:1rem 0;}
.footer, .footer .c, .socical, .socical a, .socical i {line-height:2.5rem;} 

.footer .c1 a:link, .footer .c1 a:visited {color:#ccc;}
.footer .c1 a:link, .footer .c1 a:visited, .footer .c1 b {color:#888;}
.footer .c1 a:hover, .footer .c a:active {color:#f80;} 

.footer .c a, .footer .c b {display:block;line-height:1.25rem;text-align:center;}
.footer .c em {display:none;}

.socical a {margin:0 0.25rem;width:2.5rem;}
.socical a:link, .socical a:visited {background-color:#666;color:#282828;}
.socical a:hover, .socical a:active {background-color:#f80;color:#fff;}
.socical a:hover *, .socical a:active * {color:#fff !important;}


}



@media only screen and (min-width: 1240px){

.sider {bottom:7.5rem;right:.8rem;}

.MV {display:none;}



/* ===== sider ===== */

.sider * {height:3.2rem;line-height:3.2rem;}
.sider li, .sider a, .sider a i {width:3.2rem;}
.sider li.mid {margin:0.25rem 0;}
.sider a:link, .sider a:visited {background: #FF8800;
box-shadow: 0rem 0rem 1rem #FF8800;
border-radius: 50%;}
.sider a:hover, .sider a:active {background-color:#f80;}
.sider a:hover i, .sider a:active i {color:#fff;}
.sider a:hover p, .sider a:active p {background-color:#fa0;color:#fff;}

.sider p {padding:0 2.5rem;right:3.2rem;}
.pc-head{
    display: block;
}
.moblie-head{
    display: none;
}


/* ===== dropdown ===== */
.dropdown, .dropdown li {width:12rem;}
.dropdown ul {border-bottom:0.25rem solid #fc0;}
.dropdown li, .dropdown li a {height:2.5rem;line-height:2.5rem;}
.dropdown li a:link, .dropdown li a:visited {background-color:#fafbfc;color:#5a5a5a;padding-left:1rem;}
.dropdown li a:hover, .dropdown li a:active {background-color:#fa0 !important;color:#fff !important;}

.userFunc dt .dropdown {top:3rem;}
.userFunc dt:hover .dropdown {opacity:1;top:2.5rem;visibility:visible;}




/* ===== topbar ===== */
.topbar, .myDate, .myDate *, .pdt {height:2.5rem;line-height:2.5rem;}
.loca .lis .express-area .expressArea dl dd{line-height:2.5rem;}



/* ===== myDate ===== */
.myDate, .myDate p {margin-left:0.7rem;}
.myDate p b {padding:0 0.15rem;}




/* ===== userFunc ===== */
.userFunc dl, .userFunc dt, .userFunc dt i, .userFunc dd, .userFunc dd *, .usrFunc *, .hotline * {height:2.5rem;line-height:2.5rem;}
.userFunc dt {width:4.25rem;}
.userFunc dt a, .userFunc dt em {height:2rem;width:2rem;}
.userFunc dt a.avatar {padding:0.25rem 0 0.25rem 0;}
.userFunc dt i {color:#ddd;width:2rem;}
.userFunc dd, .usrFunc {padding-right:0.75rem;}
.userFunc dd a:link, .userFunc dd a:visited, .usrFunc a:link, .usrFunc a:visited {color:#eee;padding:0 0.75rem;}
.userFunc dd a:hover, .userFunc dd a:active, .usrFunc a:hover, .usrFunc a:active {background-color:#fc0;color:#fff;}


.memberMenu, .memberMenu ul {height:auto !important;}
.memberMenu li, .memberMenu li a {height:2.4rem;line-height:2.4rem;}
.memberMenu li {border-bottom:0.05rem solid #eee;}
.memberMenu li a {color:#666;padding:0 1rem;width:100% !important;}



.hotline, .hotline b {padding:0 0.5rem;}



/* ===== footer ===== */
.footer {border-top:0.25rem solid #aaa;padding:2rem 0;}
.footer, .footer .c, .socical, .socical a, .socical i {height:2.5rem;line-height:2.5rem;} 

.footer .c1 a {margin-right:1.5rem;}
.footer .c1 a:link, .footer .c1 a:visited {color:#ccc;}
.footer .c1 a:link, .footer .c1 a:visited, .footer .c1 b {color:#888;}
.footer .c1 a:hover, .footer .c a:active {color:#f80;} 

.footer .c em {color:#666;margin:0 1rem;}

.socical a {margin:0 0.25rem;width:2.5rem;}
.socical a:link, .socical a:visited {background-color:#666;color:#282828;}
.socical a:hover, .socical a:active {background-color:#f80;color:#fff;}
.socical a:hover *, .socical a:active * {color:#fff !important;}













}