﻿.news{
    float: right;
    width: 452px;
    height: 375px;
    overflow: hidden;
    background-color: #eee;
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0.5px 0.87px 3px 0 rgba(4,0,0,.063);
}
.newbar{
    width:-moz-calc( 100% - 15px );
    width:-webkit-calc( 100% - 15px );
    width: calc( 100% - 15px );
    height: 55px;
    line-height: 55px;
    color: #fff;
    padding-left: 15px;
    background-color: #3a8a1b;
    background-image: url("/tpl/pink1/images/news_bar.jpg");
}
.new_cont{
    width:-moz-calc( 100% - 30px );
    width:-webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    padding: 0 15px;
}
.new_cont ul li{height: 28px;overflow: hidden;}
.infobox{
    float: left;
    width: 732px;
    height: 375px;
    overflow: hidden;
    background-color: #eee;
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0.5px 0.87px 3px 0 rgba(4,0,0,.063);
}
.infobar{
    width:-moz-calc( 100% - 30px );
    width:-webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    height: 55px;
    line-height: 55px;
    color: #fff;
    padding-left: 30px;
    background-color: #3a8a1b;
    background-image: url("/tpl/pink1/images/infobar.jpg");
}
.info_cont{
    width:  100% ;
}
.info_cont .infoimg{
    float: left;
    width:  282px ;
    height:  282px ;
    margin: auto 30px;
}
.info_cont .infoimg img{
     width:  auto ;
 }
.info_cont .infotxt{
    width:-moz-calc( 100% - 362px );
    width:-webkit-calc( 100% - 362px );
    width: calc( 100% - 362px );
    float: left;
    height: 282px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;

    /*    margin-bottom: 0.6em;
    font-size: 1.0em;
    line-height: 1.60em;
    letter-spacing: 0.015em;*/
}

.mugybox{
    width:100%;
    /*background-color: #eee;*/
    /*border-radius: 0 0 8px 8px;*/
    /*border-bottom: 1px solid #ddd;*/
    /*box-shadow: 0.5px 0.87px 3px 0 rgba(4,0,0,.063);*/
    overflow: hidden;
}
.mugybar{
    width:-moz-calc( 100% - 30px );
    width:-webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    height: 55px;
    line-height: 55px;
    color: #fff;
    padding-left: 30px;
    background-color: #3a8a1b;
    background-image: url("/tpl/pink1/images/mujd_bar.jpg");
}
.mugybox .mugy_cont{
    width: 100%;
}
.mugybox .mugy_cont a{
    color: #777;
}
.new_cont ul li a{
    color: #333;
}
.mugybox .mugy_cont .mugyimg{
    width: 262px;
    height: 362px;
    margin: 15px 21px 10px 21px;
    float: left;
}
.mugybox .mugy_cont .item{
    width: 397px;
    height: 178px;
    /*margin: 10px 10px;*/
    margin: 12px 10px 1px;
    padding: 0 15px;
    background-image: url("/tpl/pink1/images/mugy_itembg.png");
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
}
.mugybox .mugy_cont .item .title{
    padding-top: 15px;
    font-size: 1.1em;
    height: 28px;
    display: block;
    overflow: hidden;
    color:#333;
}
.mugybox .mugy_cont .item .time{line-height: 20px;color: #999;}
.mugybox .mugy_cont .item .content{
    padding-top: 5px;
    height: 100px;
    overflow: hidden;
    line-height: 24px;
}
.friendlinks{/*height:105px;*/width: 100%}
.friendlinks table{width: 100%}
.friendlinks .lefttop{
    width: 25px;
    height: 12px;
    background-image: url(/tpl/pink1/images/firendlinks_01_01.jpg);
}
.friendlinks .midtop{
    width: -moz-calc( 100% - 50px );
    width: -webkit-calc( 100% - 50px );
    width: calc( 100% - 50px );
    background-image: url(/tpl/pink1/images/firendlinks_02_01.jpg);
}
.friendlinks .righttop{
    width: 25px;
    height: 12px;
    background-image: url(/tpl/pink1/images/firendlinks_03_01.jpg);
}
.friendlinks .leftmid{
    width: 25px;
    /* height: 12px; */
    background-image: url(/tpl/pink1/images/firendlinks_01_02.jpg);
}
.friendlinks .midmid{
    background-image: url(/tpl/pink1/images/firendlinks_02_02.jpg);
}
.friendlinks .rightmid{
    background-image: url(/tpl/pink1/images/firendlinks_03_02.jpg);
}
.friendlinks .leftbottom{
    width: 25px;
    height: 12px;
    background-image: url(/tpl/pink1/images/firendlinks_01_03.jpg);
}
.friendlinks .midbottom{
    background-image: url(/tpl/pink1/images/firendlinks_02_03.jpg);
}
.friendlinks .rightbottom{
    background-image: url(/tpl/pink1/images/firendlinks_03_03.jpg);
}
.friendlinks h3{color: #fff;}
.friendlinks a{color: #f8fff3;display:inline-block;margin-right:5px;}
.friendlinks a:hover,.friendlinks a:focus{text-decoration: underline;}
.friendlinks p{line-height: 22px;}
/*.friendlinks .leftbox{*/
    /*float: left;*/
    /*width: 25px;*/
    /*height: 105px;*/
    /*background-image: url("/tpl/pink1/images/firendlinks_01.jpg");*/
/*}*/
/*.friendlinks .middlebox{*/
    /*float: left;*/
    /*width:-moz-calc( 100% - 50px );*/
    /*width:-webkit-calc( 100% - 50px );*/
    /*width: calc( 100% - 50px );*/
    /*height: 105px;*/
    /*background-image: url("/tpl/pink1/images/firendlinks_02.jpg");*/
/*}*/
/*.friendlinks .rightbox{*/
    /*float: left;*/
    /*width: 25px;*/
    /*height: 105px;*/
    /*background-image: url("/tpl/pink1/images/firendlinks_03.jpg");*/
/*}*/

/*.friendlinks .middlebox a{*/
    /*padding: 10px 10px 5px 0;*/
    /*display: inline-block;*/
    /*color: #f8fff3;*/
/*}*/
.mubjbox,.mubjmenu{min-height: 589px;height: 100%;}
.searchbar{border-bottom: 1px solid #ddd;}
.new_cont ul li a:hover,.new_cont ul li a:focus,.mugybox .mugy_cont a:hover,.mugybox .mugy_cont a:focus,.mugybox .mugy_cont .item .title:hover,.mugybox .mugy_cont .item .title:focus{text-decoration: underline;color: #3a8a1b;}

@media (max-width: 1200px) {


}
@media (max-width: 1024px) {
    .news,.mugybox .mugy_cont .mugyimg{display: none;}
    .newbar,.infobar,.mugybar{
        background-image: unset;
        width: -moz-calc( 100% - 10px );
        width: -webkit-calc( 100% - 10px );
        width: calc( 100% - 10px );
        padding-left: 10px;
    }
    .mubjbox,.mubjmenu{width:100%;height: auto;min-height:unset;}
    .infobox {
        width: 100%;
        height: auto;
    }
    .info_cont .infoimg{
        height: 520px;
        width: 98%;
        margin: 0 auto;
        overflow: hidden;
        float: unset;
    }
    .info_cont .infotxt {
        width:-moz-calc( 100% - 20px );
        width:-webkit-calc( 100% - 20px );
        width: calc( 100% - 20px );
        margin: 20px 0;
    }
    .friendlinks{display: none;}
    /*.friendlinks{float: left;height:unset;background-color: #3a8a1b;border-radius: 5px;}*/
    /*.friendlinks .leftbox,.friendlinks .rightbox{background-image:unset;}*/
    /*.friendlinks .middlebox{background-image:unset;height:unset;}*/
    /*.friendlinks h3{padding: 15px 0 8px;}*/
    /*.friendlinks .middlebox a{padding: 0px 10px 5px 0;}*/

    .mugybox,.infobox,.news{border-radius:unset;border-bottom:unset;box-shadow: unset;}
    .mugybox .mugy_cont .item{
        width: calc( 100% - 16px );
        height: auto;
        padding: 0 8px 8px;
        margin: 5px 0;
        border-bottom: 1px solid #bfbfbf;
        background-image: unset;
    }
    .mugybox .mugy_cont .item .title{padding: 5px 0 2px;line-height: 22px;height:22px;}
    .mugybox .mugy_cont .item .content{padding-top: 0px;height:unset;}
    .info_cont .infoimg img{ width: 100%;
     }
}

@media (max-width: 768px) {
    .newbar, .infobar, .mugybar{height: 50px;line-height: 50px;}
    .info_cont .infoimg{
        height: 420px;
    }
}
@media (max-width: 414px) {
    .info_cont .infoimg{
        height: 280px;
    }
}
@media (max-width: 360px) {
    .info_cont .infoimg{
        height: 210px;
    }
}
@media (max-width: 320px) {

}