
.main{
max-width: 1440px;
width: 100%;
}
.pd-15{
padding-bottom: 15px;
height:180px
}
.addr_now a{
font-size: 16px;
color: #333333;
}
.modhead{
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.modcon>div>div>.comment-it>.comment-item:hover {
box-shadow: 5px 0 30px 0 rgb(128 128 128 / 13%);
}
.comment-item{

background-color: #ffffff;
}
.notice-title{
padding-left: 15px;
padding-right: 15px;
}
.notice-con{
padding-left: 15px;
padding-right: 15px;
}
.comment-it{
margin-top: 30px;
}
/*.modcon>div>div>.columns {*/
/*    padding-top: 15px;*/
/*}*/
.bread{
margin-top:20px;
margin-bottom: 20px;
background-color:#FFffff;
border-color:#FFffff;
}

.options-notice:nth-child(1n) {
background: #f6f7f7;
}
.options-notice:nth-child(2n){
background: #F2F2F2;
}
.options-notice .modcon .row {
max-width: calc(1440px + 1.875rem);
}
.bread a{
color: #333333;
}
.test2_data{
padding-bottom: 70px;
}
.modtitle {
font-weight: 500;
font-size: 26px;
color: #333333;
}
.modtitle{
padding-top:30px;
}
.picture{
margin-left: 0;
margin-top: 87px;
}
.notice img {
height: 220px;
width: 100%;
}
.notice-title{
font-size: 24px;
color: #333333;
font-weight: 500;
padding-top: 30px;
}
.notice-con{
font-size: 16px;
line-height: 30px;
color: #808080;
/*margin-bottom: 20px;*/
padding-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.mod3{
background-color: #f6f7f7;
}
.columns {
float: left !important;
}
.notice a{
display: block;
width: 100%;
}
/*å±å¹•è‡ªé€‚åº”*/
@media only screen and (max-width: 640px){
.modtitle p{
font-size: 28px;
}
.pd-15{
height:75px;
}
.notice-title{
font-size: 13px;
font-weight: bold;
padding: 5px 10px 2px 10px;
}
.notice img {
height: 80px;
}
.notice-con{
font-size: 8px!important;
padding-top: 0px;
/*margin-bottom: 10px;*/
padding-left: 10px;
padding-right: 10px;
line-height: 14px;
}
.modcon>div>div>.comment-it>.comment-item:hover{
padding-top: 0px!important;
}
.modtitle{padding-top: 0px;font-size: 18px;margin-bottom: 0px!important;padding-left: 15px;}
.mod3 .mod3_rec .modhead{padding-top: 10px;}
.list-title {font-size: 20px;margin-bottom: 0;}
.comment-it{
margin-top: 15px;
}
.comment-item{
padding-top: 0px;
}
select{
border:1px solid #979797;
border-radius: 15px;
}
.mod3{
background-color: #f6f7f7;
}
.mod2_rec{
background-color: #f6f7f7;
}
.test2_data .comment-it .columns{
padding-left: 0rem;
}
.notice{
background-color: #fff;
box-shadow: 1px 3px 3px rgba(128, 128, 128, 0.07);
border-radius: 3px;
overflow: hidden;
}
.mobile-select {
background-color: #f6f7f7;
}
.columns{
/* padding-left: 0.93rem;
padding-right: 0.5rem; */
}
.bread{
padding-left: 15px;
font-size: 13px;
background-color: #f6f7f7;
}
.mod2_rec .columns:nth-child(2n-1)  {
padding-right: 0rem;
}
.mod2_rec .columns:nth-child(2n)  {
padding-left: 0.46875rem
}
.test2_data{
padding-bottom: 30px;
}
.modhead{/* padding-bottom:10px; */line-height: 1;padding-top: 10px;}
@media only screen and (min-width: 640px) and (max-width: 1024px){
select{
border: 1px solid #979797;
border-radius: 15px;
}
.mobile-select>div{
font-size: 25px;
}
.crumbs{
margin-left: 15px;
}
.modtitle{
font-size:25px;
margin-left: 15px;
padding-top: 25px;
}
}
