|
|
@@ -0,0 +1,129 @@
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ list-style: none;
|
|
|
+ text-decoration: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.header {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.header .headerMain {
|
|
|
+ width: 1260px;
|
|
|
+ height: 73px;
|
|
|
+ margin: 0 auto;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.header .headerMain .logoList {
|
|
|
+ width: 153px;
|
|
|
+ height: 100%;
|
|
|
+ float: left;
|
|
|
+ padding-top: 15px;
|
|
|
+}
|
|
|
+.header .headerMain .logoList .logo {
|
|
|
+ width: 153px;
|
|
|
+ height: 46px;
|
|
|
+ background: url(../images/soso.png);
|
|
|
+ background-position: 221px top;
|
|
|
+}
|
|
|
+.header .headerMain .list {
|
|
|
+ width: 361px;
|
|
|
+ height: 100%;
|
|
|
+ float: left;
|
|
|
+ margin-left: 72px;
|
|
|
+ line-height: 73px;
|
|
|
+}
|
|
|
+.header .headerMain .list ul {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.header .headerMain .list ul li {
|
|
|
+ float: left;
|
|
|
+ margin-left: 30px;
|
|
|
+}
|
|
|
+.header .headerMain .list ul li:first-child {
|
|
|
+ margin-left: 0;
|
|
|
+}
|
|
|
+.header .headerMain .list ul li a {
|
|
|
+ color: #000;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.header .headerMain .list ul li a:hover {
|
|
|
+ color: #31ccff;
|
|
|
+}
|
|
|
+.active {
|
|
|
+ color: #31ccff !important;
|
|
|
+}
|
|
|
+.tips {
|
|
|
+ width: 39px;
|
|
|
+ height: 16px;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 12px;
|
|
|
+ background: #F5F7F9;
|
|
|
+ line-height: 16px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 8px;
|
|
|
+ border:1px solid #dddddd;
|
|
|
+ position: absolute;
|
|
|
+ top: 11px;
|
|
|
+ left: 531px;
|
|
|
+}
|
|
|
+.header .headerMain .btn {
|
|
|
+ width: 674px;
|
|
|
+ height: 100%;
|
|
|
+ float: left;
|
|
|
+ padding-top: 17px;
|
|
|
+}
|
|
|
+.header .headerMain .btn .login {
|
|
|
+ width: 102px;
|
|
|
+ height: 38px;
|
|
|
+ background-color: #1EBCF0;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 38px;
|
|
|
+ border-radius: 4px;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+.main {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.main .banner {
|
|
|
+ width: 100%;
|
|
|
+ height: 482px;
|
|
|
+ background: url("../images/banner.jpg");
|
|
|
+}
|
|
|
+.main .search {
|
|
|
+ width: 692px;
|
|
|
+ height: 58px;
|
|
|
+ /* alpha 0~1 */
|
|
|
+ /* rgba(0,0,0,alpha) */
|
|
|
+ background: rgb(0,0,0,.2);
|
|
|
+ /* opacity: 0.2; */
|
|
|
+ position: absolute;
|
|
|
+ top: 218px;
|
|
|
+ left: 610px;
|
|
|
+ border-radius: 4px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.main .search input {
|
|
|
+ width: 588px;
|
|
|
+ height: 50px;
|
|
|
+ background: #fff;
|
|
|
+ opacity: 0.8;
|
|
|
+ padding: 16px;
|
|
|
+ float: left;
|
|
|
+ margin-top: 4px;
|
|
|
+ outline: none;
|
|
|
+ margin-left: 6px;
|
|
|
+ border: none;
|
|
|
+ border-top-left-radius: 4px;
|
|
|
+ border-bottom-left-radius:4px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+}
|
|
|
+.main .search img {
|
|
|
+ float: left;
|
|
|
+ width: 94px;
|
|
|
+ height: 50px;
|
|
|
+ margin-top: 4px;
|
|
|
+}
|
e
