/* å…¬å…±æŒ‰é’® */
.downloadcs{ background:url(/img/user_c_ico.png) #fff no-repeat 5px -353px; border:1px solid #cfcfcf; color:#666;width:60px; line-height:30px; height:30px; padding-left:30px;font-size:12px;display:inline-block; text-align:center; border-radius:3px; }
.downloadcs:hover{ background:url(/img/user_c_ico.png) #f5f5f5 no-repeat 5px -353px;}

.abluebtn a {position: relative;  display: inline-block;  height: 30px;  line-height: 30px;  color: #fff;  text-align: center;
    overflow: hidden;  border: 1px solid #008af4;  border-radius: 3px;  background: #428be7; padding: 0 20px; }


.recording-ico{ background:url(/img/user_c_ico.png) #fff no-repeat 5px -700px; border:1px solid #cfcfcf; color:#666;width:65px; line-height:28px; padding-left:20px;font-size:12px;display:inline-block; text-align:center; border-radius:3px; }
.recording-ico:hover{ background:url(/img/user_c_ico.png) #f5f5f5 no-repeat 5px -700px;}

.bannniu{ float:right; position:relative; font-size:12px; margin:0 8px;}
.bannniu .blueybtn{  display:block; height:28px; line-height:28px; float: right;border-radius:3px;width:55px; padding-right:5px;text-align:center;float:left;background:url(/img/mico.png) no-repeat 45px -14px #428be7; color:#fff; border:1px solid #428be7; }
.bannniu .blueybtn:hover{ background:url(/img/mico.png) no-repeat 45px -14px #347edc;}
.bannniu .ydbtn{  display:block; height:28px; line-height:28px; float: right; border:1px solid #428be7; border-radius:3px;color:#fff; width:55px; padding-right:5px;text-align:center;float:left; background:#428be7; }
.bannniu .ydbtn:hover{ background:#347edc;}
.bannniu .bmore{  display:block; height:28px; line-height:28px; float: right; border:1px solid #c0c0c0; border-radius:3px;color:#666;background:url(/img/mico.png) no-repeat 45px -40px #fff; width:55px; padding-right:5px;text-align:center;float:left; }
.bannniu:hover .bmore{ background:url(/img/mico.png) no-repeat 45px -14px #428be7; color:#fff; border:1px solid #428be7; }
.bannniu .mlist li{ margin:0; padding:0; border:none;}
.bannniu .mlist{ background:#fff;box-shadow: 0px 1px 1px #999; position:absolute; top:28px; z-index:888; border-top:1px solid #ccc; margin-left:1px; display:none;}
.bannniu .mlist a{ display:block; height:35px; width:65px; text-align:center; line-height:35px; border-bottom:1px solid #ddd; float:left;}
.bannniu .mlist a:hover{ background:#f4f4f4;}
.bannniu:hover .mlist{ display:block;}

.wlinebtn{display:inline-block; border:1px solid #d3d3d3; height:26px; line-height:26px; padding:0 30px; border-radius:4px; margin:5px 5px;}
.wlinebtn:hover{ background:#f4f4f4;}

/* æ–‡ä»¶ä¸Šä¼  */
.btn-file {position: relative;display: inline-block;width: 100px;height: 30px;line-height:30px;color:#fff;text-align: center;overflow: hidden;
    border:1px solid #008af4; border-radius:3px;background: #428be7;}
.btn-file:hover {background:#347edc;}
.btn-file input {position: absolute;top: 0;left: 0;width: 100px;height:30px;opacity: 0;filter: alpha(opacity: 0);cursor: pointer;}


/* ç«–å‘å¯¼èˆª */
.y_navigation{ background:#3b3b3b; width:65px; position:fixed; left:0; top:0; z-index:1000; height:100%; }
.y_navigation h1{ height:48px; background:#fff;box-shadow: 0px 1px 1px #999;font-size:12px;}
.y_navigation h1 a{ height:48px; line-height:48px; width:65px; text-align:center; font-weight:normal; color:#666; display:block; position:relative;}
.y_navigation h1 i{ width:10px; height:6px; background:url(/img/oico01.png) no-repeat; position:absolute; bottom:5px; left:27px;}

.nav_menu{font-size:12px;}
.nav_menu li { position:relative;}
.nav_menu li a{ text-align:center; display:block; width:65px; padding:13px 0; color:#dbdbdb;}
.nav_menu li span{ display:block; margin:0 auto;background: url(../Picture/nav_menu_ico.png) no-repeat; margin-bottom:5px;}
.nav_menu li .gzx span{ width:23px; height:22px; background-position:0 0;}
.nav_menu li .sdc span{ width:23px; height:28px; background-position:0 -48px;}
.nav_menu li .zyb span{ width:25px; height:27px; background-position:0 -109px;}
.nav_menu li .yhq span{ width:26px; height:26px; background-position:0 -174px;}
.nav_menu li .ydy span{ width:27px; height:27px; background-position:0 -234px;}
.nav_menu li .sjl span{ width:25px; height:26px; background-position:0 -292px;}
.nav_menu li .xpj span{ width:25px; height:24px; background-position:0 -352px;}
.nav_menu li .myord span{ width:25px; height:30px; background-position:0 -409px;}
.nav_menu li .buycs span{ width:31px; height:31px; background-position:0 -561px;}

.nav_menu li.n_on a{ background:#3fa9f5; color:#fff;}
.nav_menu li.n_on .arrwico{ display:block;}
.nav_menu li.n_on .gzx span{ width:23px; height:22px; background-position:0 -24px;}
.nav_menu li.n_on .sdc span{ width:23px; height:28px; background-position:0 -78px;}
.nav_menu li.n_on .zyb span{ width:25px; height:27px; background-position:0 -140px;}
.nav_menu li.n_on .yhq span{ width:26px; height:26px; background-position:0 -202px;}
.nav_menu li.n_on .ydy span{ width:27px; height:27px; background-position:0 -262px;}
.nav_menu li.n_on .sjl span{ width:25px; height:26px; background-position:0 -320px;}
.nav_menu li.n_on .xpj span{ width:25px; height:24px; background-position:0 -380px;}
.nav_menu li.n_on .qaa span{ width:29px; height:31px; background-position:0 -519px;}
.nav_menu li.n_on .myord span{ width:25px; height:30px; background-position:0 -442px;}
.nav_menu li.n_on .buycs span{ width:31px; height:31px; background-position:0 -599px;}

.nav_menu li .arrwico{ width:6px; height:12px; background: url(../Picture/oico01.png) no-repeat 0 -25px; position:absolute; right:-6px; top:45%; display:none;}
.nav_menu li .m_number{ position:absolute; right:7px; top:7px; width:20px; height:20px;font-size:12px;  line-height:18px;text-align:center; border-radius:50%; background:#f84040; color:#fff; }
.nav_menu li .qaa span{ width:29px; height:31px; background-position:0 -480px;}


@media screen and (max-height: 600px){
    .nav_menu li a{ text-align:left; width:58px; padding: 16px 0; padding-left:7px;}
    .nav_menu li a:hover{color:#fff;}
    .nav_menu li span { display:none; text-align:left;}
}
