|
|
@@ -139,99 +139,6 @@ body {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
-.prevent-scroll {
|
|
|
- width: 100%;
|
|
|
- position: fixed;
|
|
|
- bottom: 0;
|
|
|
- background-color: #2a2400;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33 .title-container-square {
|
|
|
- padding: 20%;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33 .title-container-square a {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33 .title-container-square a .logo {
|
|
|
- background-size: 65% 65%;
|
|
|
- background-position: center center;
|
|
|
- padding: 10%;
|
|
|
- margin-top: 5px;
|
|
|
- display: inline-block;
|
|
|
- border-radius: 50%;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33 .title-container-square a .name {
|
|
|
- display: block;
|
|
|
- margin-top: -5px;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(1) a:active .logo {
|
|
|
- border-radius: inherit;
|
|
|
- background: url("http://odulvej8l.bkt.clouddn.com/tab_home.png") no-repeat;
|
|
|
- background-size: 100%;
|
|
|
- background-position: center center;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(1) a:active .name {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(1) a .logo {
|
|
|
- border-radius: inherit;
|
|
|
- background: url("http://odulvej8l.bkt.clouddn.com/tab_home_pre.png") no-repeat;
|
|
|
- background-size: 100%;
|
|
|
- background-position: center center;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(1) a .name {
|
|
|
- color: #b89400;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(2) a .logo {
|
|
|
- border-radius: 50%;
|
|
|
- display: inline-block;
|
|
|
- padding: 25%;
|
|
|
- background-size: 100%;
|
|
|
- margin-top: -15px;
|
|
|
- background: url("http://odulvej8l.bkt.clouddn.com/tab_butler.png") 0 0 no-repeat #2a2400;
|
|
|
- background-size: 65% 65%;
|
|
|
- background-position: center;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(3) a .logo {
|
|
|
- border-radius: inherit;
|
|
|
- background: url("http://odulvej8l.bkt.clouddn.com/tab_me_pre.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100%;
|
|
|
- background-position: center center;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(3) a .name {
|
|
|
- color: #b89400;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(3) a:active .logo {
|
|
|
- border-radius: inherit;
|
|
|
- background: url("http://odulvej8l.bkt.clouddn.com/tab_me.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 90%;
|
|
|
- background-position: center center;
|
|
|
-}
|
|
|
-
|
|
|
-.prevent-scroll .width-percent-33:nth-child(3) a:active .name {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
/*媒体查询开始*/
|
|
|
@media (max-width: 320px) {
|
|
|
.home-content .home-box {
|
洪海涛