.container h3{font-size: 30px;}
.ranking{padding-top: 3%;}
.ranking .tabs{position: relative;font-size: 16px;line-height: 35px;padding-bottom: 3%;border-bottom: 1px dashed #dedede;padding-left: 60px;margin-bottom: 5%;}
.ranking .tabs span{position: absolute;left: 0;top: 0;font-weight: bold;color: #f58635;}
.ranking .tabs li{display: inline-block;width: 115px;font-size: 14px;color: #757575;margin-right: 1%;margin-bottom: 1%;border: 1px solid #e3e3e3;border-radius: 5px;text-align: center;vertical-align: middle;cursor: pointer;}
.ranking .tabs li:last-of-type{margin-right: 0;}
.ranking .tabs li:hover{font-weight: bold;color: #f58635;border-color: #f58635;}
.ranking .tablist li{margin-bottom: 6%;}
.ranking .tablist li:first-of-type{background: url(images/1.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(2){background: url(images/2.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(3){background: url(images/3.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(4){background: url(images/4.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(5){background: url(images/5.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(6){background: url(images/6.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(7){background: url(images/7.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(8){background: url(images/9.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(9){background: url(images/8.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(10){background: url(images/11.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(11){background: url(images/10.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(12){background: url(images/13.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(13){background: url(images/12.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(14){background: url(images/14.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(15){background: url(images/15.jpg) no-repeat center;background-size: auto 70%;}
.ranking .tablist li:nth-of-type(16){background: url(images/16.jpg) no-repeat center right;background-size: auto 70%;}
.ranking .tablist li .zhuanye{display: inline-block;width: 24%;height: 100%;color: #474747;padding-top: 5%;margin-left: 12%;background: url(images/b.png) no-repeat center top;background-size: cover;margin-top: 5.6%;text-align: center;vertical-align: top;}
.ranking .tablist li .zhuanye .text{padding: 5% 0 12%;}
.ranking .tablist li .zhuanye h4{font-size: 24px;}
.ranking .tablist li .zhuanye p{font-size: 16px;padding: 2% 0 7%;}
.ranking .tablist li .zhuanye a{display: inline-block;font-size: 14px;color: #fff;background: #474747;padding: 2% 6%;}
.ranking .tablist li:hover .zhuanye{color: #fff;background: url(images/a.png) no-repeat center top;background-size: cover;}
.ranking .tablist li:hover a{color: #f58635;background: #fff;}
.ranking .tablist li .paiming{display: inline-block;width: 48%;padding-bottom: 3%;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);border-radius: 10px;margin-left: 9%;overflow: hidden;vertical-align: top;}
.ranking .tablist li:nth-of-type(2n-1) .zhuanye{margin-left: 8%;}
.ranking .tablist li .paiming .con_l,.ranking .tablist li .paiming .con_r{display: inline-block;width: 50%;vertical-align: top;}
.ranking .tablist li .paiming h4{font-size: 20px;color: #f58635;background: #f6f6f6;padding: 5% 0 5% 10%;}
.ranking .tablist li .paiming .info{padding: 8% 8% 0;}
.ranking .tablist li .paiming .info a{display: block;color: #282828;}
.ranking .tablist li .paiming .info img{width: calc(16% - 2px);margin-right: 10%;border-radius: 50%;border: 1px solid #cecece;vertical-align: middle;}
.ranking .tablist li .paiming .info .text{display: inline-block;width: 74%;vertical-align: middle;}
.ranking .tablist li .paiming .info h5{font-family: arial;font-size: 36px;color: #f58635;height: 26px;overflow: hidden;}
.ranking .tablist li .paiming .info p{font-size: 13px;padding-top: 2%;}

.register{background-color: #1a1a1a;padding-top: 2%;padding-bottom: 3%;text-align: center;}
.register h4{font-size: 30px;color: #fff;text-align: left;display: inline-block;margin-right: 30px;vertical-align: bottom;}
.register form{display: inline-block;text-align: right;vertical-align: bottom;}
.register p{display: inline-block;font-size: 16px;width: 220px;height: 40px;line-height: 40px;margin-left: 10px;background-color: #fff;vertical-align: bottom;text-indent: 15px;text-align: left;border-radius: 20px;}
.register p input{font-size: 16px;width: 120px;height: 40px;line-height: 40px;}
.register p.tj{text-indent: 0;background-color: #f58635;}
.register p.tj input{width: 100%;color: #fff;font-weight: bold;}