@charset "utf-8";
/*蓝色主题 AB模板网 */
:root {
  --colour1: #0699e7;
  --colour2: #005582;
  --colour3: #007abb;
  --colour4: rgba(0,85,130,.8);
  --colour5: rgba(6,153,231,.25);
}
.icon{background-image: url("../images/icon_blue.png");display: inline-block;vertical-align: middle;}
  /* 外部盒子,控制搜索框在页面中的位置 */
       .searchcontainer{
            height: 100px;
            display : flex;
            justify-content: center;    /*水平方向居中*/
            align-items: center;          /*垂直方向居中*/
            background-color: #f3f3f3;
        }
        /* 搜索框样式 */
        .search{
            width: 400px;
            height: 45px;
            background-image: url(搜索.png);    /*搜索框背景图片*/
            background-repeat: no-repeat;        /*设置背景图片不平铺*/
            border-radius: 30px 0px 0px 30px;  
            padding-left: 50px;
            background-position: 10px 10px;       /*设置背景图片的位置*/
            color:darkgray;
            font-size: 18px; 
            border: none;                   /*去除边框*/ 
        }
        /* 搜索框获得焦点时样式 */
        .search:focus{
            outline: coral solid 1px;    /*添加外边框*/
        }
        /* 搜索按钮样式 */
        .btnsearch{
            width: 90px;
            height: 47px;
            border: none;
            background-color: coral;
            color: #fff;
            border-radius: 0px 20px 20px 0px;
            font-size: 20px;
            cursor: pointer;
        }
        /* 按钮悬浮时样式 */
        .btnsearch:hover{
            background-color: #ff5900;
        }