@charset "utf-8";
/*html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
/* CSS Document */
* html,* html body{background-image:url(about:blank);background-attachment:fixed} /* 修正IE6振动bug */ 
body{min-width:1200px; font-size:14px; color:#333;background: #f1f5f9}
html,body,div,ul,li,ol,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,p,br,pre,textarea,blockquote,span,button{ margin:0; padding:0;border:0; font-family:"Microsoft YaHei", "微软雅黑", "SimSun", "宋体"}
li{list-style-type:none}label{ cursor:pointer}img{vertical-align:top;border:0;transition: all 0.5s}em,i,b{font-style:normal;}ul,li {list-style:none}u{text-decoration: none}
input,select{ vertical-align:middle; outline:none; border:0;font-family:"Microsoft YaHei", "微软雅黑";padding:0 }textarea{outline:none}
h1,h2,h3,h4,h5{font-weight: normal;color: #545353}
.cf:before,.cf:after{content:""; display:table}.cf:after{clear:both}.cf{*zoom:1}
.clear{clear: both}
a:link{ text-decoration:none; color:#252525}a:visited{ text-decoration:none; color:#666666}a:hover,a:active{color:#f00}
input[disabled]{  background:none; text-align:center; text-indent:0 !important}
input[type="button"],input[type="submit"]{box-sizing: content-box;padding: 0}
.fl{ float:left}.fr{ float:right}
.main{ width:1200px; margin:0 auto ;}
.tabCon{display: none; }
.Hidebox{display:none}.Showbox{display:block}
.oh{overflow: hidden;}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom: 40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom: 50px}
.mb60{margin-bottom: 60px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mtb10{margin: 10px 0}
.mtb15{margin: 15px 0}
.mtb20{margin: 20px 0}
.mtb30{margin: 30px 0}
.mtb40{margin: 40px 0}
.mtb60{margin: 60px 0}
.pdt10{padding-top: 10px}
.pdb10{padding-bottom: 10px}
.pd10{padding: 10px}
.pdtb10{padding: 10px 0}
.pdlr10{padding:0 10px}
.pdnt10{padding:0 10px 10px}
.pd15{padding: 15px}
.pdtb15{padding: 15px 0}
.pdlr15{padding:0 15px}
.pdnt15{padding:0 15px 15px}
.pdt15{padding-top: 15px}
.pdb15{padding-bottom: 15px}
.pd20{padding: 20px}
.pdt20{padding-top: 20px}
.pdtb20{padding: 20px 0}
.pdlr20{padding:0 20px}
.pdnt20{padding:0 20px 20px}
.pd30{padding: 30px}
.pdtb30{padding: 30px 0}
.pdlr30{padding:0 30px}
.pdnt30{padding:0 30px 30px}
.H10{height: 10px;}
.H15{height: 15px;}
.H20{height: 20px;}
.H25{height: 25px;}
.H30{height: 30px;}
.br{border: 1px solid #e8e8e8}
.brl{border-left: 1px solid #e8e8e8}
.brt{border-top: 1px solid #e8e8e8}
.brr{border-right: 1px solid #e8e8e8}
.brb{border-bottom: 1px solid #e8e8e8}
.brtno{border-top:none;}
.BgCyan{background: #e8effc}
.BgGray{background: #f5f5f5}
.BgRed{background: #f24343}
.BgOrange{background:#f5a027}
.BgBlue{background: #5983fb}
.BgPink{background: #ff9797}
.BgGreen{background: #69d271}
.BgIndigo{background: #0b6dc8}
.BgWhite{background: #fff}
.Boxs{box-shadow: 0px 0px 5px #e8e8e8;}
.BoxD{box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
.ColorGray{color: #999}
.ColorGreen{color: #07a224 !important}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}
 
.W290{width: 290px}
.W890{width: 890px;}
/*none*/
.noBg{background-color: transparent !important; box-shadow: none !important;}
.PublicImg{width: 100%; max-width: 100%}
.ZAuto{z-index: auto !important;}
 
.nobr{ border-right:0 !important}
.nobb{ border-bottom:0 !important}
.nopr{ padding-right:0 !important}
.nomt{ margin-top:0 !important}
.nomr{ margin-right:0 !important}
/*public botton*/
.NoBtn,.BlueBtn,.RedBtn,.OrangeBtn,.GrayBtn,.WhiteBtn,.PinkBtn,.GreenBtn,.GrayBrBtn{ text-align:center; color:#fff !important; cursor:pointer; font-size:16px; outline:none}
.NoBtn{background:#ebebeb; color:#333 !important; }
.BlueBtn{ background:#0b6dc8}
.RedBtn{ background:#f24343}
.OrangeBtn{ background:#f60}
.PinkBtn{background: #fff1f2;} 
.WhiteBtn,.PinkBtn{color: #f24343 !important;border: 1px solid #f24343}
.GrayBtn{ background:#ebebeb; color: #333 !important}
.GrayBrBtn{background: #f3f3f3; border: 1px solid #ddd; color: #333 !important}
.GreenBtn{background: #16a448}
.BorBtn{border: 1px solid #f24343; color: #f24343 !important;text-align:center; cursor:pointer}
.BlueBtn:hover,.OrangeBtn:hover,.WhiteBtn:hover,.BorBtn:hover,.PinkBtn:hover,.GrayBrBtn:hover{ background:#f60 !important;color:#fff !important;border-color: #f60}
.RedBtn:hover,.GrayBtn:hover,.GreenBtn:hover{ background:#f60  !important;color:#fff !important;}
.BtnH40{height: 40px;line-height: 40px; box-sizing: border-box;border-radius: 20px;}
.BtnH30{height: 30px;line-height: 30px; box-sizing: border-box;border-radius: 15px;}
.WhiteBG{ background:#fff;}
a.red,.red{ color:#f00 !important}
a.blue,.blue{color: #005ea7 !important}
a.green,.green{color: #0cb972 !important}
a.red:hover,a.blue:hover,a.green:hover{ text-decoration:underline}
 
.more a:link,.more a:visited,.more a:active,.more a:hover{ float:left; padding:28px 2px 0 23px; font-size:14px}
.more a:link,.more a:visited,.more a:active{ color:#777}
.more a:hover{ color:#f40}
 
.tal {text-align:left}
.tac {text-align:center}
.tar {text-align:right}
 
.Top,.Nav{background: #fff}
 
.iptTxt{border: 1px solid #e8e8e8;background: #fff; border-radius: 5px;}
 
.TopArrow{border-color:transparent transparent #dddddd transparent; border-style:dashed dashed solid dashed; border-width:8px;}
 
.ArrowBox .ArTop,.ArrowBox .ArBtm,.ArrowBox u{width: 0;height: 0;font-size: 0; position: absolute;}
.ArrowBox .ArTop{border-color:transparent transparent #e8e8e8 transparent; border-style:dashed dashed solid dashed; border-width:10px;top: -20px; right: 10px;_display:none;}
.ArrowBox .ArTop u{border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed; border-width:8px;top: -6px; right: -8px;}
.ArrowBox .ArBtm{border-color:#e8e8e8 transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:10px;bottom: -20px; right: 10px;_display:none;}
.ArrowBox .ArBtm u{border-color: #fff transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:8px;bottom: -6px; right: -8px;}
 
/*PublicBg*/
.NoBox{background: url("/static/front/new_img/bg_NoMain.jpg") no-repeat top center;padding-top: 120px;text-align: center; width: 100%;}
.NoBox p{line-height: 30px; color: #999;}
 
.header .tel,.header .app,.top .nav i,.top .search .btnSearch,.imgTitA i,.bookList ul li .Oper .Car,.audition .prev,.audition .next,.appDown .app i,.indexTitle,.OnLine ul li i,.OnLine .TopClose i{background: url("/static/front/new_img/Index_Bg.png") no-repeat}
/*table公用*/
.Table{ width:100%; text-align:center; background:#dfdfdf}
.Table tr{ background:#fff}
.Table th{ background:#f5f4f9;padding:5px 0; font-size:14px; color:#777}
.Table td{ padding:5px; font-size:14px;}
.Table p{height:30px; line-height:30px;}
 
.header,.topBox,.top .search,.topBox .Fixed{background-color: #fff}
 
/*Header*/
.header{border-bottom: 1px solid #e8e8e8; height: 42px;}
.header .modelList u{color: #ccc;margin: 0 20px;font-family: 'SimSun';font-size: 12px}
.header .modelList a{line-height: 42px;}
.header .tel{line-height: 42px;font-size: 24px;font-weight: bold; padding-left: 36px;color: #fc4d55; background-position: -180px -415px}
.header .app{line-height: 42px;padding-left: 26px; background-position: -180px -467px;margin-left: 30px;color: #4877fe}
 
/*Top*/
.topBox{height: 108px;box-shadow: 0 3px 5px rgba(0, 0, 0, .15)}
.top{height: 108px; }
.topBox .Fixed{position: fixed; width: 100%; top: 0; z-index: 99;box-shadow: 0 3px 5px rgba(0, 0, 0, .15)}
.top .logo{ overflow: hidden; margin: 19px 0}
.top .logo img{height: 60px;margin-top: 5px;}
.top .navBox{width: 920px;}
.top .nav{height: 32px;margin: 38px 0;padding-right: 40px; line-height: 32px; width: 700px; position: relative; text-align: right;}
.top .search{position: absolute; width: 620px; height: 48px; padding-left: 28px;border: 1px solid #4877fe; border-radius: 25px;right: 0; top: -9px;z-index: 2; overflow: hidden; }
.top .search .iptSearch{width: 540px; height: 48px; line-height: 48px; font-size: 16px; float: left;background: transparent;}
.top .search .btnSearch{width: 50px; height: 48px;background-position: -165px -519px; background-color:#fff; cursor: pointer;  float: right;}
.top .nav i{background-position: -180px -530px; width: 26px; height: 26px; position: absolute; right: 10px; top: 3px;cursor: pointer; z-index: 1;}
.top .nav li{float: left;position: relative; text-align: center; width: 102px;margin: 0 !important;}
.top .nav a{font-size: 16px;}
.top .nav a:hover{color: #4877fe}
.top .nav .downList{width: 236px;position:absolute;right: -67px;top: 33px;z-index: 99;padding-top: 10px; display: none;}
.top .nav .columnList{background: #4877fe; border-radius: 5px; }
.top .nav .columnList .ArTop{border-color: transparent transparent #4877fe transparent;right: 108px;top: -10px;}
.top .nav .columnList .ArTop u{  border-color: transparent transparent #4877fe transparent;}
.top .nav .columnList .List{width: 194px;padding: 20px 25px;}
.top .nav .columnList .List a{height: 36px; line-height: 36px;font-size: 16px; width: 194px;display: block;text-align: left;color: #fff;overflow: hidden; }
.top .nav .columnList .List a:hover{text-decoration: underline}
.top .nav li:hover .downList{display: block;}
.top .register{width: 130px;border-radius: 16px; height: 32px !important; padding: 0; line-height: 32px; color: #fff;background-color: #4877fe; text-align: center;margin: 38px 0;}
.top .register a{color: #fff;margin: 0 5px}
.top .register a:hover{text-decoration: underline}
 
 
.indexTitle,.courseRecom,.indexInfor,.auditionBox{background-color: #fff;}
.indexTitle a.more:hover,.courseRecom .column,.courseRecom .course li .Btn:hover,.imgTitA a:hover,.bookList ul li .Oper .Car,.audition .list li .btn{background-color: #4877fe; color: #fff !important}
.bookList ul li .Oper .Car:hover,.audition .list li .btn:hover{background-color: #f60}
 
.indexTitle a.more:hover,.courseRecom .course li .Btn,.courseRecom .course li:hover,.imgTitA a:hover{border-color: #4877fe}
 
.courseRecom .column li:hover,.courseRecom .column li.cur,.courseRecom .course li .Price p,.courseRecom .course li .Btn,.bookList ul li .Oper{color: #4877fe !important}
.audition .list li h2{color: #fc4d55}
.topBox .main{margin:0 auto; }
 .header2020-login .header2020-user .header2020-username {
     margin-top: 29px;
    width: 120px;
    height: 50px;
    line-height: 49px;
    text-align: center;
    color: #171920;
    font-size: 16px;
}

 .header2020-login .header2020-user .header2020-username a {
     overflow: hidden;
    height: 50px;
    border-radius:50%;
    display: block;
    width: 50px;
    margin: 0 auto;

}

 .header2020-login .header2020-user .header2020-username span {
    background: #f54030;
    height: 6px;
    width: 6px;
    color: #ffffff;
    border-radius: 6px;
    position: absolute;
    text-align: center;
    top: 13px;
    margin-left: 5px;
    font-size: 0px;
}

 .header2020-login .header2020-user .icon18-arrow2 {
    position: absolute;
    top: 21px;
    right: 11px;
    background-position: 0;
}

 .header2020-login .header2020-userlink {
    background: #ffffff;
    display: none;
}

 .header2020-login .header2020-userlink li {
     margin: 0;
     width: 100%;
    font-size: 14px;
    padding: 0 8px;
    position: relative;
     box-sizing: border-box;
}

 .header2020-login .header2020-userlink li em {
    display: none;
}

 .header2020-login .header2020-userlink li div {
    border-top: 1px solid #ebebeb;
}

 .header2020-login .header2020-userlink li a {
    height: 41px;
    line-height: 41px;
    display: block;
    color: #9598a2;
    text-align: center;
}

 .header2020-login .header2020-userlink li .icon18 {
    width: 18px;
    position: relative;
    top: -2px;
    margin-right: 8px;
}

 .header2020-login .header2020-userlink li .icon18-list3 {
    top: -3px;
    width: 14px;
    margin-right: 12px;
}

 .header2020-login .header2020-userlink li:hover {
    background: #ebebeb;
     transform:none;
     -webkit-transform:none;
     -moz-transform:none;
     border-radius: 0;
}

 .header2020-login .header2020-userlink li:hover div {
    border-top: 1px solid transparent;
}

 .header2020-login .header2020-userlink li:hover div a {
    color: #171920;
}

 .header2020-login .header2020-userlink li:hover div a .icon18-list1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDUtMjRUMTY6Mzk6MzIrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA2LTI4VDA3OjI1OjAxKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA2LTI4VDA3OjI1OjAxKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNzE1NzZCMjcxNjExMUU4QjVGNUU1ODBGRDlBRTQ5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNzE1NzZCMzcxNjExMUU4QjVGNUU1ODBGRDlBRTQ5NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM3MTU3NkIwNzE2MTExRThCNUY1RTU4MEZEOUFFNDk0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3MTU3NkIxNzE2MTExRThCNUY1RTU4MEZEOUFFNDk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VsN1ngAAAKRJREFUeNpi/P//PwMykJBS/ACk+JGE3rx4dl8URZG4pEIbEP8C4jiQAUD6P4iGYRgfSCcB8Q8gbmUEaQDpBZr2HodN74BywlA5ESD1DMNkQhiknomBDMCCFggPgJQ8mppHQOfJ49QElFQgxiaqOO8hkJLDog7FiejOk6eb87CFHkHnER16f4A28BOjGKhOAEj9BtnUBcSvgAJsROj7C8QtAAEGAPA4a4couTMlAAAAAElFTkSuQmCC) no-repeat 0 0 !important;
    width: 18px !important;
}

 .header2020-login .header2020-userlink li:hover div a .icon18-list2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDUtMjRUMTY6Mzk6MzkrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA2LTI4VDA3OjI1OjE0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA2LTI4VDA3OjI1OjE0KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNzE1NzZCNjcxNjExMUU4QjVGNUU1ODBGRDlBRTQ5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNzE1NzZCNzcxNjExMUU4QjVGNUU1ODBGRDlBRTQ5NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM3MTU3NkI0NzE2MTExRThCNUY1RTU4MEZEOUFFNDk0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3MTU3NkI1NzE2MTExRThCNUY1RTU4MEZEOUFFNDk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MXEDqAAAAXlJREFUeNp800soRFEcx/E7ZhaeZZhMFkp23mtlbG1tZGdLJo28SilFSiKP8ig7C6+1YmOBZD2UrKZkRaNZCBszfP/6XZ1m4l+fuvec8z/33HP+JxStrfeciGIGPRjBkdr7sIpjTOPJTyhykttxo7YJLOFZFjGGLJJo85NCzgRhDR7U+wGa8YU7Je+hU2MLJsgh4LxntaL8cHN+f8ES4zhx+mLYkZjTfoph/2M2QbcamzCvQQn9wiNSek6obxaNOLPcAKeQ5mENy3hHmXa5A7fOBl/plN40xjY6biuoxraSLRqQcZI97XxGfZ4m2UDEJnjRzpeoM6Vdbs074rD6PK1gCOlgeUVlUoUyin286gtbKNWvrGMOl6jCtX3daiOgSrQdPcSD/s0/hX497yrZYgV16LUaCTil3IVNtHj/xz0GcJ5fFEWqOj+COlrPqUSLz7+qyna5RidygQUUq+8DU1plRGMLLpN/SXK6SOOa0EyqTkLOpfuJbwEGAOfZVWXifwqKAAAAAElFTkSuQmCC) no-repeat 0 0 !important;
    width: 18px !important;
}

 .header2020-login .header2020-userlink li:hover div a .icon18-list3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDUtMjRUMTY6Mzk6NDkrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA2LTI4VDA3OjI1OjMyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA2LTI4VDA3OjI1OjMyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QTgxMjgxRjcxRDYxMUU4QjVGNUU1ODBGRDlBRTQ5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QTgxMjgyMDcxRDYxMUU4QjVGNUU1ODBGRDlBRTQ5NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM3MTU3NkI4NzE2MTExRThCNUY1RTU4MEZEOUFFNDk0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZBODEyODFFNzFENjExRThCNUY1RTU4MEZEOUFFNDk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hJo4wQAAAKNJREFUeNpiFJdUyGBgYOgCYl4GLODFs/uM2MQZgBq/AnHw////GUjBII3/SdUEwkwMRAAJKUUpIL4FxIYwMaI0Av35DEgtA+J9QM3mIDEWBiIBUHMDUBOIuRtIe7Pgcd5/POYsZcFjAyMWw5qAVC4QBxPtVKCmDiCVCsTOQEPPsRAbqkAqBKrpAiwBkB2P34AmBjKQCBihaRXkfn5S0ipAgAEA1x2b9g5tkrcAAAAASUVORK5CYII=) no-repeat 0 0 !important;
    margin-right: 8px;
    width: 18px !important;
}

 .header2020-login .header2020-userlink li:hover div a .icon18-list4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAA50lEQVQoz5XTsUrDMRDH8W9aLFT+jva47UDoLLoVX8DZ0VnR1d21r+ADlLrI36U+g7jo2K2QQQyZBHFxERcLVS6a/qZwdx9yGRIoRNRaYBd4yCkeezPBQUfAGBiulOfAZU7xdnW28wteABOgBfaABtgGroGpqJ2X1hyK2puojQr9fVF7FrUd7+YT4CqneO/hnOIjcAacengE3PBHcop3wIGHB8CC/zPwcC+n+FqBex7eqIBFvFmJ+x7uVOKuB7YqcbM8BFF7Aj4r4TLvwMua5meCVxS1GXD4/b4PoC39rGJErRG1UOp/AUKUMMEsxVgBAAAAAElFTkSuQmCC) no-repeat 0 0 !important;
    width: 18px !important;
}

 .header2020-login .header2020-userlink li em {
    background: #f54030;
    height: 16px;
    padding: 0 4px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 16px;
    position: absolute;
    line-height: 16px;
    min-width: 8px;
    text-align: center;
    top: 4px;
    right: 23px;
    font-family: 'arial';
}

 .header2020-login .header2020-userlink li .redpoint {
    background: #f54030;
    height: 6px;
    width: 6px;
    color: #ffffff;
    border-radius: 6px;
    position: absolute;
    text-align: center;
    top: 11px;
    right: 32px;
    display: none;
}

 .header2020-login:hover {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    height: auto;
    z-index: 4;
    background: #ffffff;
}

 .header2020-login:hover .header2020-user {
    height: auto;
}

 .header2020-login:hover .header2020-user .icon18-arrow2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAgUlEQVQY043NoQ3CUBjE8V/B1bBAd6hCIFB1JalgCyyrdA8SKj73Ehz6hRW6ABtgnoJCOHd3/8uxoEj5HCmflrpqAR5wKXbouza+DiLlLW6oS/TEvu/ax8cgUm5wR/N2OmPXd+0MqwJvEAuwkk2Rcg1VpLzGFQe/NeG4wvgHDAPGF7YJIrMzp3LqAAAAAElFTkSuQmCC) no-repeat 0 0 !important;
}

 .header2020-login:hover .header2020-user .header2020-username span {
    display: none;
}

 .header2020-login:hover .header2020-userlink {
    display: block;
    width: 120px;
}

 .header2020-user-info {
    width: 138px;
    height: 23px;
    background: #edf2fc;
    position: absolute;
    font-size: 12px;
    text-align: center;
    color: #333333;
    line-height: 23px;
    right: 19px;
    top: 75px;
    border-radius: 5px;
    z-index: 3;
    display: none;
}

 .header2020-user-info .icon18-arrow1 {
    position: absolute;
    top: -4px;
    right: 65px;
}

.thisisdls .header2020-search {
    display: none;
}

.thisisdls .header2020-content .header2020-center {
    margin-left: 399px;
}

.header2020-username img{
    width:100%
}
.header2020-user{
    position: relative;
    z-index: 999;
}
.header2020-userlink{
    position: absolute;
    left: 0;
    top: 50px;
}