﻿.stronghold-left{width: 22.5%;}
.stronghold-main{padding: 14px 0;}
.stronghold-banner{height:100%;}
.left-city,.left-classify{background: #fff;border-radius: 15px;padding: 20px 0;}
.stronghold-body{background: #f4f4f4;}
.stronghold-left-title{color: #000000;font-size: 16px;font-weight: bold;padding: 0 15px;margin-bottom: 10px;}
.left-city-group-title{padding: 10px 15px;color: #1A1A1A;font-size: 15px!important;cursor: pointer;line-height: 18px;}
.left-city-group li {padding: 7px 30px;color: #757575;font-size: 15px!important;line-height: 20px;cursor: pointer;}
.left-city-group li a{/*padding: 7px 30px;*/color: #757575;font-size: 15px!important;line-height: 20px;cursor: pointer;}
.left-city-group-title i{color: #1A1A1A;font-size: 15px!important;margin-top: 2px;}
.left-city-group li span, .left-city-group li a span{display: inline-block;color: #757575;font-size: 12px;background: #f2f2f2;padding: 0 10px;margin-left: 5px;border-radius: 10px;}
.left-city-group ul{display: none;}
.left-city-group.active .left-city-group-title{color: #3F9EE2;background: #e9f7ff;border-left: 5px solid #3f9ee2;padding: 10px 25px;}
.left-city-group .left-city-group-title .left{font-size: 15px!important;}
.left-city-group.active .left-city-group-title:before .left{font-size: 15px!important;}
.left-city-group.active .left-city-group-title i{color: #3F9EE2;transform: rotate(180deg);}
.left-city-group li.active, .left-city-group li.active a {color: #3F9EE2;}
.left-city-group li.active span, .left-city-group li.active a span{color: #3F9EE2;background: #e9f7ff;}
.left-city{margin-bottom: 25px;}
.stronghold-body-title{text-align: center;color: #333333;font-size: 25px;font-weight: bold;margin-bottom: 50px;}
.left-classify li{text-align: center;padding: 0 15px;margin-bottom: 5px;}
.left-classify a{display: block;border: 1px solid #d5d5d5;border-radius: 50px;color: #757575;font-size: 15px;line-height: 34px;}
.left-classify li:last-child{margin-bottom: 10px;}
.left-classify li.active a{background: #3f9ee2;color: #fff;border-color: #3f9ee2;}
.stronghold-left{width:21%;}
.stronghold-right{width: 75%;}
.stronghold-right-ul li{background: #fff;border-radius: 15px;padding: 20px;margin-bottom: 15px;}
.stronghold-right-image{width: 37%;position: relative;}
.stronghold-right-image img{width: 100%;vertical-align: middle;}
.stronghold-score{display: inline-block;background: #ffffff;border-radius: 50px;line-height: 30px;padding: 0 8px;color: #000000;font-size: 14px;font-weight: bold;position: absolute;z-index: 5;top: 10px;right: 10px;}
.stronghold-score span{color: #808080;font-size: 12px;font-weight: normal;margin-left: 3px;}
.stronghold-score i{color: #ffc033;font-size: 14px;margin-right: 3px;}
.stronghold-right-content{width: 60%;}
.stronghold-right-tag span{display: inline-block;line-height: 22px;padding: 0 5px;font-size: 12px;font-weight: bold;margin-bottom: 16px;margin-right: 5px;}
.stronghold-right-tag-one{background: #f9e8de;color: #F46A40;}
.stronghold-right-tag-two{background: #def1fc;color: #3F9EE2;}
.stronghold-right-tag-three{background: #def9e5;color: #49AA46;}
.stronghold-right-title{color: #4D4D4D;font-size: 18px;font-weight: bold;margin-bottom: 10px;margin-top:0px}
.stronghold-right-title a{color: #4D4D4D;font-size: 18px}
.stronghold-right-group{color: #4D4D4D;font-size: 15px;font-weight: bold;margin-bottom: 12px;}
.stronghold-right-group a{color: #4D4D4D;text-decoration: underline;font-size: 15px;}
.stronghold-right-group p{color: #999999;font-size: 13px;font-weight: normal;}
.stronghold-right-link a{display: block;line-height: 34px;color: #333333;font-size: 13px;border: 1px solid #333333;border-radius: 5px;width: 48%;text-align: center;}
.stronghold-right-link-other a{width: 100%;}
.stronghold-right-link a:last-child{background: #3f9ee2;border-color: #3f9ee2;color: #fff;}
.left-classify select{display: none;}
.alert-stronghold-main{display: none;position: fixed;width: 300px;left: 50%;margin-left: -150px;top: 50%;background: #fff;box-sizing: border-box;padding: 20px;margin-top: -159px;z-index: 1200;border-radius: 15px;overflow: hidden;}
.alert-stronghold-title{color: #000000;font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.alert-stronghold-group select{ 
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; background-image: url("/assets/images/arrow.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 36px;  box-sizing: border-box;height: 40px;border-radius: 5px;background-color: #f2f2f2;color: #333333;font-size: 15px;font-weight: bold;border: none;width: 100%;padding: 0 10px;}
.alert-stronghold-group{margin-bottom: 10px;}
.alert-stronghold-group input{box-sizing: border-box;width: 100%;height: 40px;border-radius: 5px;background: #f2f2f2;color: #333333;font-size: 15px;font-weight: bold;-webkit-appearance: none;border: none;padding: 0 15px;}
.alert-stronghold-main button{height: 40px;width: 100%;border-radius: 5px;border: none;-webkit-appearance: none;color: #fff;font-size: 15px;font-weight: bold;text-align: center;background: #3f9ee2;cursor: pointer;}
.alert-stronghold-close{display: inline-block;color: #000000;font-size: 20px;position: absolute;right: 20px;top:18px;cursor: pointer;}
a:focus{outline: none!important;}
.stronghold-left-title i{display: none;}
@media (min-width:1080px) {
	.left-city-group-title:hover,.left-city-group li:hover ,.left-city-group li a:hover,.left-classify a:hover,.stronghold-right-group a:hover,.stronghold-right-link a:hover{opacity: 0.8;}
	.alert-stronghold-main button:hover{opacity: 0.8;}
	.stronghold-right-link a:first-child:hover{opacity: 1;background: #3f9ee2;border-color: #3f9ee2;color: #fff;}
}
@media (min-width:768px) {
	.left-city-none{display: block!important;}
}
@media (max-width:767px) {
	.stronghold-left,.stronghold-right{width: 100%;}
	.stronghold-main{padding: 14px 0;}
	.stronghold-body-title{margin-bottom: 20px;font-size: 23px;}
	.stronghold-right{margin-top: 10px;}
	.stronghold-right-image,.stronghold-right-content{width: 100%;}
	.stronghold-right-ul li{padding: 15px;}
	.stronghold-right-content{margin-top: 15px;}
	.left-classify ul{display: none;}
	.left-classify{position: relative;padding-left: 100px;box-sizing: border-box;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;}
	.left-classify .stronghold-left-title{position: absolute;left: 0;top: 10px;line-height: 36px;}
	.left-classify select{appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; background-image: url("/assets/images/arrow.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 36px;  box-sizing: border-box;display: block;height: 36px;font-size: 15px;font-weight: bold;border: 1px solid #cfcfcf;border-radius: 50px;width: 100%;box-sizing: border-box;padding: 0 15px;}
    .left-city-none{display: none;}
    .stronghold-left-title i{color: #1A1A1A;font-size: 15px;line-height: 23px;display: block;}
    .left-city .stronghold-left-title{margin-bottom: 0;}
    .left-city{margin-bottom: 10px;}
    .left-city.active .stronghold-left-title i{transform: rotate(180deg);}
    .left-city.active .stronghold-left-title{margin-bottom: 10px;}
    .left-city-group.active .left-city-group-title{padding: 10px 15px 10px 20px;}
    .left-city-group li, .left-city-group li a{padding: 7px 25px;}
}