/* reset  */
    /* @import url('');*/

    *{
        padding:0;
        margin: 0;
        box-sizing: border-box;
    }

    body{
        /*background: url(../images/Broadcast/05-large.jpg) no-repeat fixed center 0px; */
        /*font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;      /* 页面统一字体 */
        font-family: 'Lato',sans-serif;
        /* background-image: linear-gradient(135deg,#f5f7fa 0%, #c3cfe2 100% );    页面背景色: 颜色渐变(角度值deg,初始颜色 0%, #结束颜色 100% ); */
        /*background: url("../images/Broadcast/header-background.jpg") fixed no-repeat;  */
        background-size: cover;
        overflow-x: hidden;
    }

    a {  text-decoration: none;      }
    a:hover { text-decoration: none;      }

    /*=公用框架=*/
    .Left01{  float: left;  }             /*=左←=*/
    .Right01{ float: right; }             /*=右→=*/
    .Kdu1300 { width: 100%; margin: 0 auto 0 auto;padding: 0px 20px 0px 20px;  }    /* 主体框架宽度 */

    .Insert1 {                             /*全屏弹出框弹性盒子 目标居中透明色 */
        width: 100%;                       /*盒子宽度*/
        height: 100%;                      /*盒子高度*/
        top: 0px;                          /*顶部距离*/
        right: 0px;                        /*左侧距离*/
        position: fixed;                   /*绝对定位*/

                                           /*background-color: #999;*/
        display: flex;                     /*弹性盒距离子*/
        flex-direction: row;               /*弹性盒子方向 水平左  */
        align-items: center;               /*弹性盒元素的对齐 垂直居中*/
        justify-content: center;           /*弹性盒元素的对齐 水平居中*/
    }

    .Insert2 {                             /*全屏弹出框弹性盒子 目标居中 渐变色*/
        width: 100%;                       /*盒子宽度*/
        height: 100%;                      /*盒子高度*/
        top: 0px;                          /*顶部距离*/
        right: 0px;                        /*左侧距离*/
        position: fixed;                   /*绝对定位*/
        background-image: linear-gradient(135deg,#fb7471 0%, #9aeff2 100% );    /* 页面背景色: 颜色渐变(角度值deg,初始颜色 0%, #结束颜色 100% ); */

        /*background-color: #999;*/
        display: flex;                     /*弹性盒距离子*/
        flex-direction: row;               /*弹性盒子方向 水平左  */
        align-items: center;               /*弹性盒元素的对齐 垂直居中*/
        justify-content: center;           /*弹性盒元素的对齐 水平居中*/
    }

    /*=链接框架=*/
    a {       text-decoration: none;      }                /*清空链接样式*/
    a:hover { text-decoration: none;      }

    .text14 {font-size: 14px;padding: 12px 5px 5px 5px;cursor: pointer;color: #b4b8b8;}    /*字体14       */
    .http14 {font-size: 14px;padding: 12px 5px 5px 5px;cursor: pointer;color: #b4b8b8;}    /*超链接 字体14*/
    .http14:hover {color: #FFFFFF;}


    .center_css{   
        display: flex;                       /* 框的类型 弹性盒子  */
        align-items: center;                 /* 弹性盒元素的对齐  垂直居中 */
        justify-content: center;             /* 弹性盒元素的对齐  水平居中 */
		color: #FFF;
	}



    .index_container {
		width: 100%;
		height: 100%;  
        background-color: #999;
        
    }
	
	.container-http1{
	    height: 50px;width: 220px;float: left;background-color: #5be780;margin: 30px 0 0 40px;
	    display: flex;justify-content: center;align-items: center;     /*弹性盒子*/
	    font-size: 14px ;font-weight: bolder;color: #FFF;cursor: pointer;
	    transition-duration: 0.7s;
		outline:none;
	}
	.container-http1:hover{background-color: #2cc67c;outline:none;}
	.container-http1:focus{background-color: #2cc67c;outline:none;}
	
    














































    /*


    盒子居中   CSS3
        width: 100px;
        height: 100px;
        background: red;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;


    盒子居中    CSS2
        width: 100px;
        height: 100px;
        background: red;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -50px;



        transition-duration: 0.4s;      动画属性




       #5be780   前色
       #2cc67c   后色

        font-family: 'lato',sans-serif;        页面统一字体
        font-size: 18px ;                      页面统一字体大小
        color: #F00;                           字体颜色
        line-height: 1.6;                      行间的距离
        background-image: linear-gradient(135deg,#f5f7fa 0%, #c3cfe2 100% );     页面背景色: 颜色渐变(角度值deg,初始颜色 0%, #结束颜色 100% );

                                弹性布局
        display: flex;                       框的类型 弹性盒子
        flex-direction: column;              弹性盒元素的方向  row水平左   row-reverse  水平右  column 垂直顺序   column-reverse  垂直倒序
        align-items: center;                 弹性盒元素的对齐  垂直居中
        justify-content: center;             弹性盒元素的对齐  水平居中
        min-height: 100vh;                   弹性盒元素高度


        border-radius: 15px 0;               圆角属性
        box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       透明背景阴影: 水平阴影 垂直阴影 模糊 颜色
        background: rgba(51, 226, 97, 0.7);  透明背景

        background-color: #999;              单色背景


        text-align: center;                  居中
        text-indent: 2ex;                    文字缩进
        position: absolute;                  相对固定位置
        z-index: 10;                         图层顺序
        cursor: pointer;                     链接手势
        background-repeat: no-repeat;	     图片不重复


         -webkit-filter: blur(10px);        图片模糊
         filter: blur(10px);
		 
		 
		 
		 插入动画
		 .button{           动画变量  时间  动作
		 	   transition: tranform 80ms ease-in;
		 }
		 
		 .utton:active{     动画函数  
		 	   transform: scale(0.95);
		 }
		 
		 .button:focus{   取消边框
		 	   outline: none;
		 }


	.container-form::after{   伪元素
	}






    */