@media only screen and (max-width: 1239px){



/* ----- common for all ----- */
* {margin:0;padding:0;font-weight:normal;}
* {outline:none;}
 
a:link, a:visited {display:inline-block;text-decoration:none;}
a:hover, a:active {color:#fa0;}
a:hover img {opacity:0.75;}

em, i {font-style:normal;}
ol, ul {list-style:none;}

.clear, .q {clear:both;}
.clear {height:0;overflow:hidden;width:100%;}

.hi {display:none;}

table {background-color:#e8e8e8;}
th {background-color:#f6f6f6;}
td {background-color:#fff;}





/* ===== a ===== */





/* ===== b ===== */
.topbar {background-color:#f80;}
.footer {background-color:#282828;}
html {background-color:#4a4a4a;}


a.avatar em {background-size:cover;}

a.avatar em, .socical a {border-radius:50%;}



.topbar {box-shadow:0 0 0.25rem #aaa;}

.memberMenu li a {box-sizing:border-box;}




/* ===== c ===== */
.myDate p, .hotline i {color:#eee;}
.myDate p b, .hotline b {color:#fff;}




/* ===== d ===== */
.userFunc dt a, .userFunc dt a *, .userFunc dt i {display:block;}
.sider li {display:inline-block;}

.sider p {display:none;}




/* ===== e ===== */




/* ===== f ===== */
.fl, .myDate, .myDate p, .topbar ol, .topbar li, .userFunc dl, .userFunc dt, .userFunc dt a, .userFunc dt i, .userFunc dd {float:left;}
.topbar ul, .userFunc, .footer .c2 {float:right;}


* {font-family:Arial, Microsoft yahei, simsun, sans-serif;}

html {font-size:20px;}
* {font-size:0.75rem;}
.userFunc dt i.fa, .socical i {font-size:0.9rem;}
.sider i {font-size:1.25rem;}

.footer .c em {font-size:0.6rem;}





/* ===== g ===== */





/* ===== h ===== */





/* ===== i ===== */





/* ===== j ===== */





/* ===== k ===== */





/* ===== l ===== */
.topbar {left:0;}




/* ===== m ===== */
.ma {margin:auto;}




/* ===== n ===== */





/* ===== o ===== */




/* ===== p ===== */
.sider p {position:absolute;}
.dropdown, .topbar, .sider {position:fixed;}
.userFunc dt, .sider a {position:relative;}




/* ===== q ===== */





/* ===== r ===== */
.userFunc dt .dropdown {right:0;}




/* ===== s ===== */





/* ===== t ===== */
.userFunc dt i, .socical a, .sider, .sider * {text-align:center;}

.topbar {top:0;}


.userFunc dt i.fa {transform:rotate(0deg);}
.userFunc dt:hover i.fa {transform:rotate(180deg);}

a, button, input {transition:color 300ms ease 0s;}

.dropdown, .userFunc dt i.fa, .userFunc dd *, .usrFunc *, .sider p, .socical * {transition:all 300ms ease 0s;}





/* ===== u ===== */





/* ===== v ===== */
.dropdown {visibility:hidden;}

.sider li {vertical-align:top;}




/* ===== w ===== */
.topbar, .userFunc dt img, .fx  {width:100%;}
.sider{
    height: 9.5rem;width: 4em;
}
.sider ul{
    height: 100%;display: flex;flex-direction: column;justify-content: space-around;
}
.dropDown li, .sider p {white-space:nowrap;}





/* ===== x ===== */





/* ===== y ===== */





/* ===== z ===== */
* {z-index:0;}
.dropdown {z-index:1;}
.topbar {z-index:9996;}
.sider {z-index:998;}





/* ===== special ===== */
.dropDown, .sider p {opacity:0;visibility:hidden;}
.dropBox:hover .dropDown, .sider li:hover p {opacity:1;visibility:visible;}






}

/* ===== mobile_style-ends ===== */





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



/* ----- common for all ----- */
* {margin:0;padding:0;font-weight:normal;}
* {outline:none;}
 
a:link, a:visited {display:inline-block;text-decoration:none;}
a:hover, a:active {color:#fa0;}
a:hover img {opacity:0.75;}

em, i {font-style:normal;}
ol, ul {list-style:none;}

.clear, .q {clear:both;}
.clear {height:0;overflow:hidden;width:100%;}

.hi {display:none;}

table {background-color:#e8e8e8;}
th {background-color:#f6f6f6;}
td {background-color:#fff;}





/* ===== a ===== */





/* ===== b ===== */
.topbar {background-color:#f80;}
.footer {background-color:#282828;}
html {background-color:#4a4a4a;}

a.avatar em {background-size:cover;}

a.avatar em, .socical a {border-radius:50%;}

.topbar {box-shadow:0 0 0.25rem #aaa;}

.memberMenu li a {box-sizing:border-box;}




/* ===== c ===== */
.myDate p, .hotline i {color:#eee;}
.myDate p b, .hotline b {color:#fff;}




/* ===== d ===== */
.userFunc dt a, .userFunc dt a *, .userFunc dt i {display:block;}




/* ===== e ===== */




/* ===== f ===== */
.fl, .myDate, .myDate p, .topbar ol, .topbar li, .userFunc dl, .userFunc dt, .userFunc dt a, .userFunc dt i, .userFunc dd, .footer .c1 {float:left;}
.topbar ul, .userFunc, .footer .c2 {float:right;}


* {font-family:Arial, Microsoft yahei, simsun, sans-serif;}

html {font-size:20px;}
* {font-size:0.75rem;}
.userFunc dt i.fa, .socical i {font-size:0.9rem;}
.sider i {font-size:1.25rem;}

.footer .c em {font-size:0.6rem;}





/* ===== g ===== */





/* ===== h ===== */





/* ===== i ===== */





/* ===== j ===== */





/* ===== k ===== */





/* ===== l ===== */
.topbar {left:0;}




/* ===== m ===== */
.ma {margin:auto;}




/* ===== n ===== */





/* ===== o ===== */




/* ===== p ===== */
.dropdown, .sider p {position:absolute;}
.topbar, .sider {position:fixed;}
.userFunc dt, .sider a {position:relative;}




/* ===== q ===== */





/* ===== r ===== */
.userFunc dt .dropdown {right:0;}




/* ===== s ===== */





/* ===== t ===== */
.userFunc dt i, .socical a, .sider * {text-align:center;}

.topbar, .sider p {top:0;}
.na {top:50%;}


.userFunc dt i.fa {transform:rotate(0deg);}
.userFunc dt:hover i.fa {transform:rotate(180deg);}

a, button, input {transition:color 300ms ease 0s;}

.dropdown, .userFunc dt i.fa, .userFunc dd *, .usrFunc *, .sider p, .socical * {transition:all 300ms ease 0s;}





/* ===== u ===== */





/* ===== v ===== */
.dropdown {visibility:hidden;}





/* ===== w ===== */
.topbar, .userFunc dt img {width:100%;}
.fx {width:60rem;}

.dropDown li, .sider p {white-space:nowrap;}





/* ===== x ===== */





/* ===== y ===== */





/* ===== z ===== */
* {z-index:0;}
.dropdown {z-index:1;}
.topbar {z-index:9996;}
.sider {z-index:998;}





/* ===== special ===== */
.dropDown, .sider p {opacity:0;visibility:hidden;}
.dropBox:hover .dropDown, .sider li:hover p {opacity:1;visibility:visible;}






}

/* ===== pc_style-ends ===== */