﻿
/*我的手机宽度：330px 对应设置 class=col-xs-number
超小屏幕(手机):328px-768px 对应设置 class=col-xs-number
小屏幕(平板):768-992px 对应设置class=col-sm-number
中等屏幕(笔记本):992-1200px 对应设置 class=col-md-number
大屏幕(电脑):1200px-? 对应设置 class=col-lg-number*/
   
   
@media only screen and (max-width:500px){/*普通手机Col-xs，小屏手机*/
        .Shaddow
        {
            background-color:White;
            box-shadow: 1px 1px 5px 5px #E6E6FA;
            border-radius: 10px;
            padding:10px 0 5px 0;
            margin:5px 0 10px 0;
        }
        .mydivShuoMing
        {
            background-color:White;
            border-radius: 10px;
            padding:10px 5px 5px 5px;
            margin:5px 0 10px 0;
            line-height:150%;
            color:Gray;
            font-size:12px; 
         }
         .W100
         {
            width:100%;
            float:none;
         }
         .W90
         {
            width:100%;
            float:none;
         }
         .W80
         {
            width:100%;
            float:none;
         }
        .W75
         {
            width:100%;
            float:none;
         }       
         .W70
         {
            width:100%;
            float:none;
         }
         .W60
         {
            width:100%;
            float:none;
         }
         .W50
         {
            width:100%;
            float:none;
         }
         .W45
         {
            width:100%;
            float:none;
         }    
         .W40
         {
            width:100%;
            float:none;
         }
         .W30
         {
            width:100%;
            float:none;
         }
         .W25
         {
            width:100%;
            float:none;
         }
         .W20
         {
            width:100%;
            float:none;
         }
         .W10
         {
            width:100%;
            float:none;
         }      
       }        
@media only screen and (min-width:501px) and (max-width:1300px){/*大屏手机col-xs、平版col-sm*/
        .Shaddow
        {
            background-color:White;
            box-shadow: 1px 1px 5px 5px #E6E6FA;
            border-radius: 20px;
            padding:10px 10px 20px 10px;
            margin:10px;
        }
        .mydivShuoMing
        {
            background-color:White;
            border-radius: 10px;
            padding:10px 5px 5px 5px;
            margin:5px 0 10px 0;
            line-height:150%;
            color:Gray;
            font-size:12px; 
         }
         .W100
         {
            width:100%;
            float:none;
         }
         .W90
         {
            width: 90%;
            float:left;
         }
         .W80
         {
            width: 80%;
            float:left;
         }
        .W75
         {
            width: 75%;
            float:left;
         }       
         .W70
         {
            width: 70%;
            float:left;
         }
         .W60
         {
            width: 60%;
            float:left;
         }
         .W50
         {
            width: 50%;
            float:left;
         }
         .W45
         {
            width: 45%;
            float:left;
         }    
         .W40
         {
            width: 40%;
            float:left;
         }
         .W30
         {
            width:30%;
            float:left;
         }
         .W25
         {
            width: 25%;
            float:left;
         }
         .W20
         {
            width: 20%;
            float:left;
         }
         .W10
         {
            width: 10%;
            float:left;
         }       
    }
@media only screen and (min-width:1301px){/*笔记本与电脑，col-md，col-lg*/
        .Shaddow
        {
            background-color:White;
            box-shadow:5px 5px 5px #888888;
            border-radius: 20px;
            padding:10px 10px 20px 10px;
            margin:10px;           
        }
        .mydivShuoMing
        {
            background-color:White;
            border-radius: 20px;
            padding:10px;
            margin:10px;
            line-height:150%;
            color:Gray;
            font-size:12px;  
         }
         .W100
         {
            width:100%;
            float:none;
         }
         .W90
         {
            width: 90%;
            float:left;
         }
         .W80
         {
            width: 80%;
            float:left;
         }
        .W75
         {
            width: 75%;
            float:left;
         }       
         .W70
         {
            width: 70%;
            float:left;
         }
         .W60
         {
            width: 60%;
            float:left;
         }
         .W50
         {
            width: 50%;
            float:left;
         }
         .W45
         {
            width: 45%;
            float:left;
         }    
         .W40
         {
            width: 40%;
            float:left;
         }
         .W30
         {
            width:30%;
            float:left;
         }
         .W25
         {
            width: 25%;
            float:left;
         }
         .W20
         {
            width: 20%;
            float:left;
         }
         .W10
         {
            width: 10%;
            float:left;
         }
     }
     
    .ShareScrollDiv  /*各种屏幕下滚动DIV共有的样式*/
    {
            overflow:auto;
            background:#FFFFFF; 
            /*padding:10px;
            margin-bottom:10px;*/   
    }
    .ScrollDiv  /*各种屏幕下滚动DIV共有的样式*/
    {
            overflow:auto;
            background:#FFFFFF; 
            padding:10px;
    }
    td{white-space: nowrap;padding:2px 5px 0 0;font-size:14px; font-family:微软雅黑}
    th{white-space: nowrap;text-align:center;font-size:15px; font-family:黑体}
   .RedColor{color:Red; margin:5px 0 5px 20px}
   .RedColor b{color:Black; margin-left:5px}
   body
   {
       background-color:#ECEBF4;
        /*IOS禁止微信调整字体大小 */
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;
        -moz-text-size-adjust:100% !important;
    }
           /* 未访问的链接 */
        a:link {
          color: #000000;
          text-decoration:none;
        }
        /* 已访问的链接 */
        a:visited {
          color: #000000;
        }
        /* 鼠标悬停链接 */
        a:hover {
          color: #FF00FF;
        }
        /* 已选择的链接 */
        a:active {
          color: #0000FF;
        }
        span{font-size:15px; font-family:微软雅黑}
        input{font-size:15px; font-family:微软雅黑}
.hide{ display:none}
.disp{display:block}
    /*div居中*/
    .mid
    {
        float:none;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    li{ list-style-type:none}
    /*边框样式：灰色细边框*/
    .thinDiv
    {
        border: thin solid #C0C0C0
    }
.input-group select{border: thin solid #C0C0C0;}
.input-group input{border: thin solid #C0C0C0;}
.button-group input{ padding:0 10px 0 10px}
.button-group span{ padding:0 10px 0 10px}
.button-group a{ padding:0 10px 0 10px}