﻿
body {
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; 
} 
     .appdownload
    {
         margin-top:50px;
         margin-bottom:50px;
         
    }
         .col_ul
         {
             width:100%;
         }

@media screen and   (min-height: 500px)
         {
            .appdownload
            {
                 margin-top:100px;
        
         
            }
         }
@media screen and (min-width: 900px) {

         .col_li
         {
             width:33.3333%;
         }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
 
         .col_li
         {
             width:50%;
         }
}

@media screen and (max-width: 768px) {
    /*当页面小于xxpx的时候执行*/
          .col_li
         {
             width:100%;
         }
}
@media screen and (max-width: 768px) {
    /*当页面小于xxpx的时候执行*/
          .col_li
         {
             width:100%;
         }
}

.nav_menu{
    height:auto;
    text-align:center;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
     border-radius: 10px;
     padding-top:2px;
     background-color:#E8E7E3;
}
.panel {  
    text-align:left;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-no {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-body {
    /*height:200px;*/
    padding: 15px;
    overflow: hidden;
}

    .panel-body ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .panel-body ul li {
            /*height: 26px;*/
            line-height: 26px;
            padding-right: 10px;
            float: left;
            
              

        }

.panel-heading table
{
    width:100%
}
.panel-heading a
{
    color: #888888;
}
.panel-heading a:hover
{
    color: #FF3333;
}
.wywall li
{
    min-width:200px;
    max-width:250px;
    overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
}
#kw {
    /**搜索框*/
    width: 250px !important;
    padding-right: 48px !important;
    height: 16px;
    padding: 12px 16px;
    font-size: 16px;
    margin: 0;
    vertical-align: top;
    outline: 0;
    box-shadow: none;
    border-radius: 10px 0 0 10px;
    border: 2px solid #4e6ef2;  
    background: #fff;
    color: #222;
    overflow: hidden;
    box-sizing: content-box;
}
.s_btn {
 
    /**查找按钮*/
    cursor: pointer;
    width: 108px;
    height: 44px;
    line-height: 45px;
    line-height: 44px\9;
    padding: 0;
    background: 0 0;
    background-color: #4e6ef2;
    border-radius: 0 10px 10px 0;
    font-size: 17px;
    color: #fff;
    box-shadow: none;
    font-weight: 400;
    border: none;
    outline: 0;
    margin-left:-6px;

}

      .liheight
        {
            /*height:150px;*/
        }
 
        .waterfall {
            padding: 18px;
            -moz-column-count: 4;
            -webkit-column-count: 4;
            column-count: 4;
            -moz-column-width: 24em;
            -webkit-column-width: 24em;
            column-width: 24em;
            -moz-column-gap: 1em;
            -webkit-column-gap: 1em;
            column-gap: 1em;
            text-align: center;
        }

        .pin {
		 
            padding: 1em;
            margin: 0 0.125em 1em;
            -moz-page-break-inside: avoid;
            -webkit-column-break-inside: avoid;
            break-inside: avoid;
            background: #f9f9f9;
            -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24),0px -1px 3px 0px rgba(0, 0, 0, 0.12)  ;
            border-radius: 4px;
            /*border-top: 1px solid rgba(0, 0, 0, 0.24)*/
            /*box-shadow:0 1px 2px 2px rgba(0, 0, 0, 0.12);*/  
        }
        .cell_pin
        {
		    height:100%;overflow: auto;
            padding-top:8px;
            padding-bottom:8px;
        }
.pin img {
width: 100%;
padding-bottom: 1em;
margin-bottom: 0.5em;
border-bottom: 1px solid #cccccc;
}
.container {
/*width: 100%;*/
margin: 0 auto;
}