*{padding:0;margin:0}ul li{list-style-type:none}html,body{width:100%;height:100%;font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Segoe UI","Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif;background-color:#f1f1f1}.header{background-color:#ececec;height:40px;border-color:#e6e6e6;line-height:40px;font-size:14px;text-align:right;padding-right:30px}.header span{display:inline-block;padding:0 5px;cursor:pointer}.content{text-align:center}.logo{margin-top:30px;height:50px}.logo img{height:50px;margin-right:5px}.logo span{display:inline-block;height:50px;line-height:50px;position:absolute;font-size:30px;letter-spacing:5px;color:#1596fe}.search{width:600px;margin:0 auto;display:flex;height:45px;line-height:45px;background-color:#fff;border-radius:5px;border:1px solid #e2e2e2;margin-top:30px}.search span{width:100px;cursor:pointer}.search input{flex:1;border:0;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding-left:10px;outline:0}.list{width:1024px;margin:0 auto;margin-top:50px;height:600px;background-color:#fff;border-radius:5px}.list .setting{height:50px;border-bottom:1px solid #e2e2e2;line-height:50px;text-align:left;position:relative}.list .setting span{display:inline-block;width:250px;text-align:center;cursor:pointer}.list .left{display:inline-block;width:250px;height:550px;border-right:1px solid #e2e2e2;overflow-y:auto}.list .left li{height:60px;line-height:60px;text-align:left;padding-left:20px;cursor:pointer}.list .left li.active{background-color:#ededed}.list .right{display:inline-block;width:772px;height:550px;float:right;text-align:left;overflow-y:auto}.list .right .website{height:60px;line-height:60px;display:inline-block;width:25%;position:relative;padding-left:50px;padding-right:50px;box-sizing:border-box;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .right .website img{width:20px;height:20px;position:absolute;left:20px;top:20px}.foot{text-align:center;font-size:12px;width:100%;clear:both;margin:20px 0}.scrollBar::-webkit-scrollbar{width:5px;height:1px}.scrollBar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#535353}.scrollBar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ededed}.form{text-align:center}.form li{padding-top:20px}.form li:first-child{padding-top:0}.form li label{display:inline-block;width:100px}.form li input,.form li select{border:1px solid #a5aeb6;width:320px;padding:10px 10px;border-radius:3px;box-sizing:border-box;height:39px;background:#fff}.errorInfo{color:red;margin-bottom:5px;margin-top:-15px;height:30px}.list .right .website{width:33.3333%}.change{padding-top:0;position:absolute;top:0;right:10px}.change p{display:inline-block;width:20px;height:20px;font-weight:bold;cursor:pointer}.change p.active{color:#e96300}.list .right .website.tian{width:33.333%}.list .right .website.san{width:100%}.list .scrollBar{font-family:"微软雅黑"}.context-menu-item{padding:.8em 2em}.context-menu-separator{padding:0}.searchContainer{width:600px;margin:0 auto;position:relative}.searchResult{position:absolute;z-index:1;left:0;top:48px;width:100%;border:1px solid #ccc;background-color:#fff;border-radius:5px;display:none}.searchResult li{padding:9px 10px;text-align:left;color:#555;cursor:pointer}.searchResult li:hover{background-color:#e6e6e6}.selecStyle{border:0;padding:0 24px;height:44px;outline:0;font-size:16px;background-color:#fff}.selecStyle option{padding-top:10px;padding-bottom:10px}.searchIcon{width:13px;padding-right:10px}.hide{display:none}#todayWeather{position:absolute;left:10px;top:0;height:40px;font-size:14px;border-color:#e6e6e6;line-height:40px}#weekWeather{position:absolute;top:40px;left:10px;z-index:100;background-color:#eee;display:none}#weekWeather li{list-style:none;float:left;text-align:center;border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;font-size:14px;line-height:30px}#weekWeather li:first-child{border-left:1px solid #ccc}