.bads{position: fixed; bottom: 0;left: 50%; height: 8%; width: 995px;margin: 0 auto;transform: translate(-50%, 0px);z-index:9999;}.tads{position: fixed; top: 0;left: 50%; height: 8%;width: 995px;margin: 0 auto;transform: translate(-50%, 0px);z-index:9999;}.layout-column{ margin-top: 100px;}.photo-one{display: flex;flex-wrap: wrap;background-color: rgba(73, 91, 103, 0.37);padding-bottom: 10px;width: 100%; height: 100%; margin-top: 10px; }.photo-two{display: inline-block; display: block; height: 90px; margin: 10px; text-align: center;}.photo-two a{ line-height:12px; }.photo-two img{border-radius: 12%;height: 60px;width: 60px;} .photo-name{ font-size: large; font-weight: bold;color: rgb(255, 255, 255); font-size: small; }.toptext{display:none;}.footlink{font-size: 13px;display: block;float: left;margin-left: 1px;width: 8%;text-align: center;height: 24px;line-height: 24px;overflow: hidden;}@media screen and (max-width:1280px){ .footlink{width: 10%} .photo-two img{border-radius: 12%;height: 60px;width: 60px;}}@media screen and (max-width:980px){ .bads{width:100%;} .tads{width:100%;} .layout-column{ margin-top: 60px;}.col-3 { flex: 0 0 33%; max-width: 33%;}.toptext{display:block;}.col-2 { flex: 0 0 33%; max-width: 33%;}.toptext{display:block;}.footlink{width: 16.5%}.photo-two img{border-radius: 12%;height: 58px;width: 58px;}}@media screen and (max-width:750px){ .bads{width:100%;} .tads{width:100%;} .layout-column{ margin-top: 55px;}.col-3 { flex: 0 0 50%; max-width: 50%;}.col-2 { flex: 0 0 50%; max-width: 50%;}.footlink{width: 24%}.photo-two img{border-radius: 12%;height: 52px;width: 52px;}} .box{ transform: rotate(0deg); transition:height 1s,transform 1s; } .box:hover{ transition: height 1s, transform 1s; transition-timing-function: ease; transform: rotate(360deg); } .masterhavorli4{ box-shadow:0px 0px 9px pink; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:25%; height:40px; line-height:40px; max-width:100px; text-align:center; border: 2px solid #b7a482;float:left;padding:3px 3px 3px 3px;display: flex;flex-direction: row;justify-content:center;align-items:center;background-image: linear-gradient(to right,#ff4a00 0,#ff4a00 0,#ff4a00 0,#ff6c00 33%,#ff8d00 66%,#ffaf00 100%); } .masterhavora3{ font-size:14px; font-weight:bold; } .masterhavorli4{ box-shadow:0px 0px 9px pink; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:33%; height:40px; line-height:40px; max-width:140px; text-align:center; border: 2px solid #b7a482;float:left;padding:3px 3px 3px 3px; } .masterhavora4{ font-size:14px; font-weight:bold; } .rightd2 { position: fixed; top: 54%; transform: translateY(-50%); width: 120px; height: 120px; right: 0; z-index: 9999;}.lefttd2 { position: fixed; top: 54%; transform: translateY(-50%); width: 120px; height: 120px; left: 0; z-index: 9999;}.undertd2 { position: fixed; top:86%; left: 50%; height: 10%; width: 1170px; margin: 0 auto; transform: translate(-50%, 0px); z-index:9999;}.toptd2 { position: fixed; top: 0; left: 50%; height: 10%; width: 1170px; transform: translate(-50%, 0px); z-index:9999;} .ads{ width:580px; } .pageBg{ background: #2f4a86;background-image: url('http://xmcrdy.cc/de2ee85c1a824b8df1c41e908339fb0f.jpg'); background-repeat: no-repeat; background-size: 100% 100%; }  .hbanner{ width:50%; }  .hbannerImg{ height:80px; } .info .title { font-size: 15px; bottom: 0px; } @media screen and (max-width:1280px){ .photo-two img{border-radius: 12%;height: 60px;width: 60px;}.rightd2 { width: 100px; height: 100px;}.lefttd2 { width: 100px; height: 100px;}.undertd2 { height: 10%; width: 100%; }.toptd2 { height: 10%; width: 100%;}}@media screen and (max-width:980px){ .photo-two { width: 20%; margin: 4px;}  .hbanner{ width:100%; }  .hbannerImg{ height:50px; }.photo-two img{border-radius: 12%;height: 58px;width: 58px;}.ads img{ height:65px !important;} .rightd2 { width: 90px; height: 90px;}.lefttd2 { width: 90px; height: 90px;} .undertd2 { height: 10%; width: 100%; }.toptd2 { height: 10%; width: 100%;} }@media screen and (max-width:750px){ .photo-two img{border-radius: 12%;height: 52px;width: 52px;} .ads img{ height:50px !important; width: 100% !important; } .rightd2 { width: 90px; height: 90px;}.lefttd2 { width: 90px; height: 90px;}.undertd2 { height: 10%; width: 100%; }.toptd2 { height: 10%; width: 100%;} }