@charset "UTF-8";
/*通用全局样式*/
*{margin: 0;padding: 0;}
body {font-family: "微软雅黑";}
/*清除浮动*/
.clearfix {zoom: 1;}
.clearfix:after {content: "020";height: 0px;display: block;overflow: hidden;clear: both;}
/*清除样式*/
li {list-style-type: none;}
a{text-decoration: none; color: #333333;}
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display: none;}

@media only screen and (min-width: 100px) and (max-width: 767px){
    .wrap-box{
        display: none;
    }

    .app_box{
        display: block;
        /* padding-top: 5vw; */
    }

    body{
        background-color: #fff !important;
    }

    .app_banner {
        width: 100vw;
        height: 36vw;
        background-image: url(spypjdjc_app.jpg);
        background-repeat: no-repeat;
        background-size: 172%;
        background-position: 42% 30%;
        margin-bottom: 5vw;
        margin-top: 0vw;
    }

    .app_box_title{
        padding: 0vw 3vw 2vw;
        font-size: 5vw;
        font-weight: bold;
    }

    .app_box_title_a{
        padding: 0vw 3vw 4vw;
        font-size: 7vw;
        font-weight: bold;
    }

    .app_box_title_list{
        margin: 0vw 1.53399917rem 4vw;
        border-top: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
    }

    /* .app_box_title_list li{
        float: left;
        width: 46vw;
        height: 11vw;
        background: url(jianyanjiance.png) no-repeat left center;
        background-size: contain;
        font-size: 4vw;
        font-weight: normal;
        font-stretch: normal;
        line-height: 11vw;
        letter-spacing: 0vw;
        color: #000000;
        padding-left: 10vw;
        margin-right: 2.5vw;
        margin-bottom: 3vw;
        border: 1px solid #999999;
        border-radius: 10px;
    } */

    .app_box_title_list1 li a{
        background: url(jianyanjiance.png) no-repeat 2.77142517rem/* 21.68px */ center;
    }

    .app_box_title_list li {
        width: 50%;
        height: 5.16829888rem/* 40.43px */;
        line-height: 5.16829888rem;
        float: left;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
    }
    
    .app_box_title_list li a {
        width: 100%;
        padding-left: 7.86430243rem/* 61.52px */;
        padding-right: 2.55666529rem;
        background: url(gongshi.png) no-repeat 2.77142517rem/* 21.68px */ center;
        display: flex;
        background-size: 2.39687371rem/* 18.75px */;
        font-size: 1.66183244rem;
        line-height: initial;
        align-items: center;
        height: 100%;
    }

    /* .app_box_title_list1 li{
        background: url(gongshi.png) no-repeat left center;
        background-size: contain;
    } */

    /* .app_box_title_list1 li {
        background: url(gongshi.png) no-repeat;
        display: inline-block;
        background-size: 18%;
        background-position: 4.5vw 2.5vw;
    } */

    .app_box_item_title{
        font-stretch: normal;
        letter-spacing: 0vw;
        color: #000000;
        padding: 4vw 0;
    }

    .app_box_item_title span{
        font-size: 5vw;
        font-weight: bold;
    }

    .app_box_item{
        border-top: 1vw solid #1492ff;
        padding: 0 3vw 5vw;
    }

    .app_more1{
		display: block;
		text-align: center;
		width: 18vw;
        height: 6vw;
        line-height: 6vw;
		float: right;
		background-color: #f6f6f6;
	}

	.app_more1 a{
		font-size: 4vw;
		/* line-height: 3rem; */
		color: #1492ff;
    }

    .ul-list li {
        height: 4rem;
        line-height: 4rem;
        font-size: 2rem;
        color: #333333;
        padding-left: 13px;
        margin-top: 0.1rem;
        background: url(dian_app.png) left center no-repeat;
    }

    .ul-list li a{
        display: inline-block;
        max-width: 62vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 2rem;
    }
    .ul-list li span{
      float:right;
      color:#999999;
      font-size: 2rem;
    }
    .time {
        color:#999999;
        font-size:1rem;
    }

    .mtjd_item{
        width: 46vw;
        min-height: 50vw;
        padding: 3vw 4vw 16vw 4vw;
        position: relative;
    }

    .mtjd_item a{
        display: block;
        /* margin: 3vw 4vw 0 4vw; */
        width: 37vw;
        min-height: 6vw;
        font-size: 4vw;
        line-height: 6vw;
        color: #000;
        text-align: justify;
    }

    .mtjd_item a:first-child+a{
        position: absolute;
        bottom: 6vw;
        left: 4vw;
        width: 21vw;
	    height: 8vw;
        line-height: 8vw;
        border: 1px solid #b1d8ff;
        background-color: #f6fbff;
        color: #0e6ddf;
        margin: 0;
        text-align: center;
        font-size: 3vw;
    }

    .mtjd_item2 a:first-child+a{
	    background-color: #f3f3f3;
	    border: solid 1px #d7d7d7;
    }

    .mtjd_item1 img{
        position: absolute;
        width: 21vw;
        height: 18vw;
        right: 0;
        bottom: 2.5vw;
    }

    .mtjd_item2 img{
        position: absolute;
        width: 18vw;
        height: 16vw;
        right: 1vw;
        bottom: 2.5vw;
    }
    
    .mtjd_item1{
        background: #f1f8ff;
        /* background-size: cover; */
    }

    .mtjd_item2{
        background: #f1f2f3;
        /* background-size: cover; */
    }

    .dfzcfg_item{
        float: left;
        width: 29.65vw;
	    height: 11vw;
        background-color: #e0f2ff;
        font-size: 4vw;
        font-weight: normal;
        font-stretch: normal;
        line-height: 11vw;
        letter-spacing: 0vw;
        color: #000000;
        text-align: center;
        margin-right: 2.5vw;
        margin-bottom: 3vw;
    }

    .ns{
        margin-right: 0vw;
    }

}