*{margin:0;padding:0}html,body{height:100%}body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0}img{border:0}li{list-style:none}input,select,textarea{outline:0;border:0;background:0}textarea{resize:none}a{text-decoration:none}.clearfix:after{content:"";display:block;clear:both}.clearfix{zoom:1}@-webkit-keyframes load{0%{opacity:1}100%{opacity:0}}.loading-full-container{position:absolute;width:100%;height:100%;background-color:#fff;z-index:99}.loading-full-container .loading{width:150px;height:15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.loading-full-container .loading span{display:inline-block;width:15px;height:100%;margin-right:5px;background:#ce393e;-webkit-animation:load 1.04s ease infinite}.loading-full-container .loading span:last-child{margin-right:0}.loading-full-container .loading span:nth-child(1){-webkit-animation-delay:.13s}.loading-full-container .loading span:nth-child(2){-webkit-animation-delay:.26s}.loading-full-container .loading span:nth-child(3){-webkit-animation-delay:.39s}.loading-full-container .loading span:nth-child(4){-webkit-animation-delay:.52s}.loading-full-container .loading span:nth-child(5){-webkit-animation-delay:.65s}body{font-family:"微软雅黑";background:#fff}.left-area{width:220px;height:100%;border-right:1px solid #ccc;background-color:#fff;position:absolute;top:0;left:0;z-index:10}.left-area .header{width:100%;height:160px;position:absolute;top:0;left:0;border-bottom:1px solid #ccc}.left-area .header .show-direction{cursor:pointer;position:absolute;top:4px;right:6px;display:block;width:20px;height:20px;background:url("../images/112fb74024ca4e30adfc116da64568be.gif") no-repeat;background-size:20px 20px}.left-area .header .logo{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:160px;margin-left:14px;margin-top:20px}.left-area .header .logo img{display:block;width:100%}.left-area .header .input-container{position:relative;margin-top:25px}.left-area .header .input-container .search-input{display:block;margin:0 auto;width:94%;height:34px;background-color:#fff;border:1px solid #b9282f;padding:0 10px;box-sizing:border-box;font-size:14px}.left-area .header .input-container .close-icon{cursor:pointer;display:block;width:32px;height:32px;position:absolute;right:8px;top:1px;background:url("../images/141138dc49ae4661a7aa060e9ee91c89.gif") no-repeat center center;background-size:20px 20px}.left-area .nav{color:#000;background-color:#fff;height:100%;padding-top:160px;box-sizing:border-box;overflow:auto}.left-area .nav .main-category{border-right:1px solid #ccc;width:89px;height:100%;float:left;text-align:center;letter-spacing:1px;overflow:hidden}.left-area .nav .main-category ul{height:100%;width:109px;overflow-y:auto;overflow-x:hidden}.left-area .nav .main-category ul li{width:89px;cursor:pointer;font-size:15px;height:40px;line-height:40px;background-size:18px 18px!important}.left-area .nav .main-category ul li.active,.left-area .nav .main-category ul li:hover{color:#fff;font-size:16px}.left-area .nav .main-category ul li:nth-child(1){background:url("../images/91ef2e837e804df39670f5394260cf38.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(1).active,.left-area .nav .main-category ul li:nth-child(1):hover{background:#d62f37 url("../images/9dca3a107ecc4ecc99caac1131ed5943.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(2){background:url("../images/a88fed360e2544c29a281e6705cda983.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(2).active,.left-area .nav .main-category ul li:nth-child(2):hover{background:#d62f37 url("../images/e5f0e5b798f549b2876d05affd28cf9d.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(3){background:url("../images/1dfd55616e314e739755c50b7e78543a.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(3).active,.left-area .nav .main-category ul li:nth-child(3):hover{background:#d62f37 url("../images/bf35f0c7368548f489598996ef761a09.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(4){background:url("../images/c57f2ed51ba24613a54a708cb964e9c3.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(4).active,.left-area .nav .main-category ul li:nth-child(4):hover{background:#d62f37 url("../images/828cade894f9429785de09faf1a91847.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(5){background:url("../images/b4e8c9d6f78c4520878e0aca7745f8e1.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(5).active,.left-area .nav .main-category ul li:nth-child(5):hover{background:#d62f37 url("../images/1bea4092c4054639934a0e6fe067d48c.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(6){background:url("../images/ed3ec9343fb345ee831e7963eca4a4e5.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(6).active,.left-area .nav .main-category ul li:nth-child(6):hover{background:#d62f37 url("../images/9faa9815d8ea4ac9853c2a29db962bc1.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(7){background:url("../images/2be054bc8ef74e2a9f8ba8b8ae0184d2.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(7).active,.left-area .nav .main-category ul li:nth-child(7):hover{background:#d62f37 url("../images/f5f97814a5004e149ccdc9a060f686e1.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(8){background:url("../images/3e85d54168824339a5a05a1df8fc7df0.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(8).active,.left-area .nav .main-category ul li:nth-child(8):hover{background:#d62f37 url("../images/5ae810cd38f244949824e7ac28d85617.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(9){background:url("../images/c6d74e42a6034e6ba818d26e9fa14401.gif") no-repeat 4px center}.left-area .nav .main-category ul li:nth-child(9).active,.left-area .nav .main-category ul li:nth-child(9):hover{background:#d62f37 url("../images/c7eef0f5f18c4312b629a4687f685202.gif") no-repeat 4px center}.left-area .nav .detail-sites{width:130px;height:94%;float:left;overflow:hidden}.left-area .nav .detail-sites ul{height:100%;width:150px;overflow-y:auto;overflow-x:hidden}.left-area .nav .detail-sites ul li{width:130px;text-align:center;position:relative}.left-area .nav .detail-sites ul li.active a{color:#d62f37;text-decoration:underline;font-weight:bold}.left-area .nav .detail-sites ul li a{color:#000;font-size:15px;display:block;height:36px;line-height:36px;letter-spacing:2px}.left-area .nav .detail-sites ul li a:hover{color:#d62f37;text-decoration:underline}.left-area .nav .detail-sites ul li span{display:block;position:absolute;width:14px;height:14px;top:14px;right:4px;background:url("../images/32f3fb0574ff46cba99f723dcc984aec.gif") no-repeat;background-size:14px 14px}.left-area .nav .old-version{position:absolute;left:0;bottom:20px;background-color:#d62f37;display:block;width:100%;font-size:15px;letter-spacing:1px;height:30px;line-height:30px;color:#fff;text-align:center}.right-area{width:100%;height:100%;padding-left:221px;box-sizing:border-box;position:relative}.right-area .loading-container{padding-left:221px;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#fff;z-index:9}.right-area .loading-container .loading{width:150px;height:15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.right-area .loading-container .loading span{display:inline-block;width:15px;height:100%;margin-right:5px;background:#ce393e;-webkit-animation:load 1.04s ease infinite}.right-area .loading-container .loading span:last-child{margin-right:0}.right-area .loading-container .loading span:nth-child(1){-webkit-animation-delay:.13s}.right-area .loading-container .loading span:nth-child(2){-webkit-animation-delay:.26s}.right-area .loading-container .loading span:nth-child(3){-webkit-animation-delay:.39s}.right-area .loading-container .loading span:nth-child(4){-webkit-animation-delay:.52s}.right-area .loading-container .loading span:nth-child(5){-webkit-animation-delay:.65s}.right-area .progress{display:none;position:absolute;left:0;top:0;width:100%;height:100%;font-size:20px;letter-spacing:2px;color:#000;background-color:#fff;z-index:9}.right-area .progress span{position:absolute;top:50%;left:50%;height:20px}#main-iframe{display:block;width:100%;height:100%}