/* 样式开始 */

/* 新弹窗样式 开始*/

/*弹层动画（从右往左）*/



.fadeleftIn {
    -webkit-animation: fadeleftIn .8s;
    animation: fadeleftIn .8s;
}

@keyframes fadeleftIn {
    0% {
        -webkit-transform: translate(100%, -50%);
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
        transform: translate(100%, -50%);
    }
    100% {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}

@-webkit-keyframes fadeleftIn {
    0% {
        -webkit-transform: translate(100%, -50%);
    }
    100% {
        -webkit-transform: none;
    }
}

.layer_box {


            display: flex;

            align-items: center;

            /* width: 800px; */

            height: 500px;

            background: url('../../static/images/layer01.jpg') no-repeat;

            background-size: cover;

            box-shadow: 0 0 80px #6b6b6b;

            padding-left: 33px;

            overflow: hidden;



            position: fixed;

            top: 50%;
            right: 0;
            margin: auto;
            z-index: 999;
    transform: translate(100%, -50%);


        }



        .adress_x {

            margin: 0;

            font-size: 14px;

            font-weight: normal;

            font-stretch: normal;

            letter-spacing: 0px;

            color: #666666;

            margin-bottom: 10px;

        }



        .title_x {

            margin: 0;

            font-size: 28px;

            font-weight: 600;

            font-stretch: normal;

            letter-spacing: 0px;

            color: #333333;

        }



        .x_p01,

        .x_p02 {

            font-size: 14px;

            font-weight: normal;

            font-stretch: normal;

            letter-spacing: 0px;

            color: #666666;

        }



        .x_p01 {

            margin-top: 20px;

        }



        .x_p02 {

            margin-top: 18px;

        }



        ul,

        p {

            list-style: none;

            padding: 0;

            margin: 0;

        }



        .layer_box ul {

            display: flex;

            margin-top: 18px;

        }



        #learn_data li,

        #learn_major li {

            display: flex;

            align-items: center;

            justify-content: center;

            width: 90px;

            height: 29px;

            background-color: #eeeeee;

    border: 1px solid #eee;

            border-radius: 5px;

            font-size: 14px;

            letter-spacing: 0px;

            color: #333333;

            margin-right: 11px;

            cursor: pointer;

        }



        #learn_data .data_act,

        #learn_major .major_act {

            background-color: #de2b0b;

            border-radius: 5px;

            border: solid 1px #de2b0b;

            font-size: 14px;

            font-weight: normal;

            font-stretch: normal;

            letter-spacing: 0px;

            color: #ffffff;

            position: relative;

            overflow: hidden;

        }



        .layer_box .data_act::before,

        .layer_box .major_act::before {

            content: '';

            width: 10px;

            height: 10px;

            background: url('../../static/images/g.png') no-repeat;

            background-size: 100%;

            position: absolute;

            bottom: 0;

            right: 0;

        }



        #learn_from {

            margin-top: 18px;

            margin-bottom: 18px;

        }



        #learn_from input {

            width: 169px;

            height: 29px;

            background-color: #eeeeee;

            border-radius: 5px;

            border: solid 1px #eeeeee;

            text-indent: 12px;

            outline: none;

            margin-right: 11px;

        }



        #learn_from input:hover {

            border-color: #ee5400;

            background-color: #fff;

        }



        .x_text_p {

            font-size: 14px;

            font-weight: normal;

            letter-spacing: 0px;

            color: #333333;
			line-height:40px;

        }



        .x_text_p span {

            font-size: 14px;

            font-weight: normal;

            font-stretch: normal;

            line-height: 12px;

            letter-spacing: 0px;

            color: #ee5400;

        }



        .x_text_p em {

            font-size: 14px;

            font-weight: 600;

            font-style: normal;

            font-stretch: normal;

            line-height: 12px;

            letter-spacing: 0px;

            color: #ee5400;

        }



        .x_layer_btn {

            display: flex;

            margin-top: 18px;

        }



        .x_layer_btn a {

            display: flex;

            align-items: center;

            justify-content: center;

            width: 169px;

            height: 43px;

            text-decoration: none;

            background-color: #ee5400;

            font-size: 14px;

            font-weight: normal;

            font-stretch: normal;

            line-height: 12px;

            letter-spacing: 0px;

            color: #ffffff;

            margin-right: 11px

        }



        .x_layer_btn a:nth-child(2) {

            background-color: #333;

        }



        .box_close {

            width: 45px;

            height: 45px;

            background-color: #ee5400;

            font-size: 20px;

            color: #fff;

            text-align: center;

            line-height: 45px;

            position: absolute;

            top: 0;

            right: 0;

            cursor: pointer;

        }

        /* 新弹窗样式 结束*/

.x_Tblayerwh{

	display: none;

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.7);

	z-index: 1000;

}

.x_Tblayer{

	display: none;

	width: 800px;

	height: 490px;

	/* background-color: #fff; */

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	

}

.x_Tblayer h1{

	height: 60px;

	background-color: #fcb428;

	font-size: 24px;

	font-weight: 600;

	font-stretch: normal;

	line-height: 60px;

	letter-spacing: 0px;

	color: #313131;

	text-align: center;

	position: relative;

}

.x_Tblayer h1 .x_TblayerCloss{

	display: block;

	width: 26px;

	height: 26px;

	border-radius: 50%;

	position: absolute;

	top: 17px;

	right: 22px;

	background-color: #fff;

	opacity: .8;

	text-align: center;

	line-height: 26px;

	font-weight: 400;

	color: #fcb428;

	font-size: 16px;

	cursor: pointer;

}

.x_Tblayer table{

	width: 100%;

	background-color: #fff;

	border:1px solid #bfbfbf; border-collapse:collapse;

}

.x_Tblayer table td{

	border-bottom:1px solid #bfbfbf;

	 border-right:1px solid #bfbfbf;

	 text-align: center;

	 height: 45px;

}

.x_Tblayer table td input{

	width: 58%;

	height: 100%;

	outline: none;

	font-size: 18px;

border:none;

}

.x_Tblayer table td input::placeholder{

	font-size: 12px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #a0a0a0;

}

.x_h1stye{

	font-size: 20px;

	font-weight: bold;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #535353;

}

.x_Tblayer .x_optn td{

	height: 54px;

}

.x_Tblayer table td select{

	outline: none;

	width: 140px;

	height: 36px;

	border: solid 1px #b5b5b5;

}

.x_Tblayer_btn{

	display: block;

	width: 303px;

	height: 49px;

	background-color: #fcb428;

	border-radius: 24px;

	font-size: 22px;

	text-align: center;

	font-weight: 600;

	font-stretch: normal;

	line-height: 49px;

	letter-spacing: 1px;

	color: #313131;

	margin: 0 auto;

	margin-top: 40px;

}



        #tbLyer{

            width: 85px;

            height: 85px;

            position: fixed;

            bottom: -4px;         

            right: 204px;

            margin: 0 auto;

            background: url("../../static/images/layer_footer.png")

            no-repeat center center;

            background-size: 100%;

 	    cursor: pointer;

        }

    .x2_lst {

            display: flex;

            flex-wrap: wrap;

            width: 57%;

            justify-content: space-between;

        }



        .x2_lst li {

            display: flex;

            align-items: center;

            font-size: 14px;

            letter-spacing: 0px;

            color: #333333;

            margin-bottom: 13px;

        }



        .x2_lst li::before {

            display: block;

            content: "";

            width: 6px;

            height: 6px;

            background-color: #ee5400;

            border-radius: 50%;

            margin-right: 7px;

        }



        .x_selet select {

            display: none;

            width: 349px;

            height: 29px;

            border-radius: 5px;

            border: solid 1px #ee5400;

            outline: none;

            margin-top: 20px;

            margin-bottom: 45px;

        }



        .x_selet .show {

            display: block;

        }



        .x_selet select option {

            outline: none;

        }



        .x_layer_btn li {

            display: block;

        }



        .x_layer_btn .show {

            display: flex !important

        }
/* 首页右侧直播视频浮窗 */
#ZB{
         position: fixed;
         top: 26%;
         left: 5px;
    width: 9%;
	z-index:9999;
     }
   .conZb {
            display: none;
        }

        .layerZb {
            display: flex;
            width: 1000px;
            height: auto;
            margin: 0 auto;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            padding: 10px;
            position: relative;
        }

        #zibo {
            width: 700px;
            height: auto;
        }

        .layerZb div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .layerZb div img {
            width: 80%;
            height: auto;
        }

        .layerZb div input {
            width: 70%;
            height: 30px;
            outline: none;
            border: 1px solid #999;
            border-radius: 5px;
            text-indent: 10px;
        }

        .layerZb div button {
            height: 40px;
            width: 70%;
            background-color: #BE9865;
            color: #fff;
            outline: none;
            border: none;
            border-radius: 10px;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
            font-weight: bold;
            font-size: 14px;
            margin-top: 10px;
            cursor: pointer;
        }

        .layerZb div button:hover {
            background-color: #1D2C50;
            transition: all .35s ease-in;
        }