@charset "utf-8";
/* CSS Document */

*{font-family: 微软雅黑;}
.panel-title{margin-left: 10px;}


/*列表页*/  
    /*标题*/
    .title{max-width:230px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .hot-title{font-size: 16px;}
   /*展示图片*/ 
    .showpic{height: 100%; width: 100%; display: block;}
    /*展示标签（所在地）*/
    .signlabel-local{text-align:right;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    /*展示标签（大框）*/
/*热门推荐*/
.des-sidebar a{color:#333;}
.des-sidebar a:hover{color:#0e79cc;text-decoration: none;}

/*详细页*/

	/*顶部简介内容*/
        /*表格内容*/
        .boxrg{margin-left: 20px;max-width: 400px;}
    /*图片播放*/
    .page {
    padding:0;
    max-width: 280px;
    margin: 0 auto;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    background: #fff;
    color: #555;
      }
      img{
        border:none;
      }
      .page ul {
        overflow: hidden;
      }
      pre {
        background: #333;
        padding:0;
        overflow: auto;
        color: #BBB7A9;
      }
      .demo {
        text-align: center;
        padding: 0;
      }
      .clear {
        clear: both;
      }

    @media screen and (max-width: 800px) {
    	/*列表页*/
            /*标题*/
            .title{margin-left:0;max-width: 200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        /*详细页*/
            /*顶部表格*/
            .boxrg{margin-left: 10px;}


    }

 @media screen and (max-width: 420px) {
         /*展示标签（所在地）*/
    .signlabel-local{text-align:left;}
 }



    @media screen and (max-width: 360px) {
    	/*列表页*/
        /*标题*/
            .title{max-width: 140px;font-size: 14px;}
            .hot-title{font-size: 14px;}
            /*日期及按钮*/
            .signlabel-date{display:none;}
            .joinsm{display:none;}
            /*描述*/
            .thumbnail .caption{padding:0;}
        /*详细页*/
            /*表格内容*/
            .boxrg{margin-left: 0;}

    }

    @media screen and (max-width: 320px) {
        /*列表页*/
        /*标题*/
            .title{max-width: 120px;}
        /*日期及按钮*/
        .signlabel-date{display:none;}
        .joinsm{display:none;}


    }