*{font-family: "微软雅黑";list-style: none;}
/*IEtips ie*/
.IEtips{ position: fixed; top: 0; left: 0; bottom:0;right:0;width: 100%; height: 100%; z-index: 100000; background: #000; display: none;}
.IEtips_Box{ width: 1000px; background: #FAFAFA; height: 500px; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -500px;}
.IEtips .Browser{ margin-top: 35px;}
.IEtips .IEtips_title{ font-size: 24px; width: 80%; margin-left: auto;margin-right: auto; padding-top: 85px;}
.IEtips .Browser ul{ overflow: hidden; text-align: center; width: 80%; margin: 0 auto;font-size: 0;}
.IEtips .Browser ul li{ margin: 0 40px; text-align: center; width: 110px;display: inline-block;vertical-align: top;float:left;}
.IEtips .Browser ul li img{ width: 100px; margin: 0 auto;}
.IEtips .Browser ul li a, .IEtips .Browser ul li span{ display: block; margin-top: 25px; color: #2570e1; font-size: 16px; transition: all .5s; -webkit-transition: all .5s;}
.IEtips .Browser ul li a:hover{ color: #800886;}
.IEtips .brn_off{ background: url(../images/brn_off.png); height: 32px; width: 32px; position: absolute; top: 5px; right: 5px; cursor: pointer;}
/*shade-loading*/
.shade{ position: fixed; z-index: 10000; left:0;top:0;right:0;bottom:0;}
.shade .shade-top, .shade .shade-bottom{ position: absolute; width: 100%; height: 50%; background: #fff; top: 0%; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index: 1;}
.shade .shade-bottom{ top: auto; bottom: 0%;}
.shade .loading{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; z-index: 2;}
.shade.show{ visibility: hidden;}
.shade.show .loading{ display: none;}
.shade.show .shade-top{ top: -50%;}
.shade.show .shade-bottom{ bottom: -50%;}