body,html{
	width:100%;
}
body{
	width:100%;
	position:relative;
	
	}
	*{
		font-family: "微软雅黑" !important;
	}
img{
	border:none;
	}
a{
	text-decoration: none;
}

.bigbox {
    width: 100%;
    float: left;
    height: 100%;
    background: url(/Content/healthadmin/images/bg.png) no-repeat left top;
    background-size: 100% 100%;
}
.main{
	width:930px;
	margin:0 auto;
}
.main_box{
	float:left;
	width: 100%;
}
.main_box h1{
	float:left;
	width:100%;
	text-align: center;
	font-size:36px;
	font-weight: bold;
	height:40px;
	line-height: 40px;
	margin-top:130px;
	color:#333333;
}
.main_box ul{
	float:left;
	width:100%;
}
.main_box ul li{
	float:left;
	width:120px;
	margin:80px 82px 0 0;
}
.main_box ul li[lp]{
	margin-right: 0;
}
.main_box ul li a{
	float:left;
	width:120px;
	color:#333333;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	font-family: "微软雅黑";
	transition: all 30ms linear;
}
.main_box ul li a img{
	float:left;
	margin-bottom: 16px;
}
.main_box ul li a:hover{
	transform: scale(1.1,1.1);
}

/*pc端*/
/*pc端*/

.big_box {
    width: 100%;
    height: 100%;
    background: url(/Content/healthadmin/images/bg.png)) no-repeat left top;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/healthadmin/images/bg.png)',sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/healthadmin/images/bg.png)',sizingMethod='scale');
    overflow: hidden;
    position: relative;
}
.box_login{
    width:1000px;
    height:600px;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    right:0;
    /*transform: translate(-50%,-50%);*/
}
    .box_login h1 {
        float: left;
        width: 100%;
        height: 60px;
        line-height: 60px;
    }

        .box_login h1 img {
            float: left;
            margin-left: 30px;
        }

        .box_login h1 b {
            float: left;
            height: 60px;
            line-height: 60px;
            font-size: 36px;
            margin-left: 40px;
        }

.login_item {
    margin-top: 30px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 2px 8px 4px #e0e0e0;
    height: 460px;
}

.box_left {
    width: 500px;
    height: 460px;
    float: left;
    background: url(/Content/healthadmin/images/img1.png) no-repeat center center;
}

.box_right {
    width: 380px;
    padding: 50px 60px;
    float: right;
}

.login_box_item {
    float: left;
    width: 100%;
    position: relative;
}

.mess {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .mess:last-child {
        margin-bottom: 0;
    }

    .mess > label {
        width: 100%;
        height: 34px;
        line-height: 34px;
        float: left;
        color: #676767;
        font-size: 14px;
        font-family: "微软雅黑";
    }

    .mess span {
        float: left;
        width: 99.7%;
        border: 1px solid #ddd;
    }

        .mess span input {
            float: left;
            outline: none;
            border: none;
            padding: 14px 0;
            font-size: 14px;
            color: #a9a9a9;
        }

            .mess span input::-webkit-input-placeholder { /*WebKit 对placeholder起作用*/
                color: #a9a9a9;
            }

.user {
    width: 97%;
    background: url(/Content/healthadmin/images/userbicon.png) no-repeat 3% center;
    text-indent: 35px;
}

.pass {
    width: 97%;
    background: url(/Content/healthadmin/images/passicon.png) no-repeat 3% center;
    text-indent: 35px;
}

.veri {
    width: 55%;
    background: url(/Content/healthadmin/images/verification_icon.png) no-repeat 5% center;
    text-indent: 35px;
}

.mess > span > label {
    float: right;
    height: 35px;
}

    .mess > span > label > img {
        width: 130px;
        height: 47px;
    }

.mess > button {
    float: left;
    outline: none;
    border: none;
    width: 100%;
    margin-top: 30px;
    height: 47px;
    font-size: 16px;
    line-height: 47px;
    font-family: "微软雅黑";
    color: #fff;
    background: #0092dc;
    cursor: pointer;
}


/*购买页面*/
.bigbox1{
    width:100%;
    height: 100%;
    float:left;
    background:#f2f2f2;
}
.main1{
    background: #FFF;
    margin:10px 0;
    padding: 10px;
    box-shadow: 1px 2px 4px 2px #e0e0e0;
}
.main_h1{
    float:left;
    width:100%;
}
.layui-col-md12 h1{
    margin:20px auto;
    width:710px;
    /*background:url(../img/folder_img.png) no-repeat 13% center;*/
    text-align: left;
    line-height: 30px;
    font-size:18px;
    color: #0291dd;
    font-weight: bold;
}
.layui-col-md12 h1 img{
    float:left;
    margin-right: 16px;
}
.grid-demo-bg {
    background: url(/Content/healthadmin/images/tiao_bg.png) no-repeat right center;
    height: 110px;
    padding: 10px 30px;
}
.grid-demo-bg2{
    background: none;
    height: 110px;
    padding: 10px;
}

.grid-demo h1{
    width:100%;
    float:left;
    line-height: 30px;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    color: #4c4c4c;
}
.grid-demo p{
    width:100%;
    float:left;
    font-size:14px;
    color: #4c4c4c;
    margin-top: 10px;
}
.main2{
    background: #fff;
    box-shadow: 1px 2px 4px 2px #e0e0e0;
}
.grid_node{
    width:100%;
    box-shadow: 1px 2px 4px 2px #e0e0e0;
    float:left;
}
.grid_node img{
    width: 100%;
    height: 140px;
    margin-right:0 !important;
}
.grid_node label{
    width:100%;
    float:left;
    text-align: center;
    background:#fff;
    height: 30px;
    line-height: 30px;
    color:#4c4c4c;
    font-size: 14px;
}
.grid_font{
    width:380px;
    margin:0 auto;
}
    .grid_font p {
        background: #ebf2ff;
        color: #0291DD;
        margin: 0 0 10px 0;
        text-align: center;
        font-size: 14px;
        padding: 5px;
    }
.main3{
    margin-top: 24px;
}
.layui-table thead th{
    background: #0291dd;
    color: #fff;
    border:1px solid #0291dd;
    font-size: 14px;
    text-align: center;
}
.layui-table tbody td{
    text-align: center;
    font-size: 14px;
}
.layui-table thead th:nth-of-type(1){
    width:200px;
}
.layui-table tbody td:nth-of-type(1){
    width:200px;
}
.layui-table tbody td span{
    color:#0291dd;
    text-decoration: underline;
    cursor: pointer;
}
.buy {
    color: #0291dd;
    text-decoration: underline;
    cursor: pointer;
}
/*--------------------------------------*/
.bigbox_peson {
    width:100%;
    height: 100%;
    float:left;
    background:#f2f2f2;
}

.ts{
    width:100%;
}
.ts img{
    margin: 16px auto;
    display: block;
}

.tp_img{
    width: 100%;
    height: 128px;
}
.tp_img img{
    width: 100%;
    height: 128px;
    object-fit: cover;
}

.grid-demo-person{
    padding: 10px;
    height: 140px;
}

.grid-demo-bg-person {
    background: url(/Content/healthadmin/images/tiao_bg.png) no-repeat right center;
}

.grid-demo-person h2 {
    width: 120px;
    background: #ebf2ff;
    display: block;
    margin: 0 auto;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #4c4c4c;
}
.grid-demo-person p {
    margin-left: 36px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
    color: #4c4c4c;
}
.grid_node-person{

}
.grid_node-person label {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
    height: 32px;
    line-height: 32px;
    color: #4c4c4c;
    font-size: 14px;
}
/**
    三基登录页
*/

.train_container {
    width: 100%;
    height: 100vh;
    background: url("/Content/healthadmin/images/train_bg.png") no-repeat;
    background-size: 100% 100%;
}

.head_tit {
    font-size: 42px;
    color: #123e6b;
    font-weight: bold;
    /* position: absolute; */
    text-align: center;
    padding: 36px 0;
    /* top: 50px; */
    /* left: 285px; */
}

.train_cent {
    position: absolute;
    top: 54%;
    left: 54%;
    transform: translateY(-50%);
}

.train_box {
    width: 354px;
    height: 455px;
    padding: 0 45px;
    background: url("/Content/healthadmin/images/train_login.png")no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

.train_tit {
    font-size: 26px;
    color: #0a2541;
    margin-top: 47px;
}

.train_foot {
    width: 100%;
    margin-top: 10px;
}

    .train_foot p {
        width: 100%;
        font-size: 14px;
        color: #666666;
        text-align: center;
        margin-top: 15px;
    }
.sub_ul {
    width: 100%;
}

    .sub_ul li {
        width: 100%;
        border: 1px solid #a9a9a9;
        box-sizing: border-box;
        border-radius: 5px;
        margin-top: 23px;
        padding: 0 23px;
        display: flex;
    }
.lis_img {
    width: 18px;
    height: 20px;
    display: block;
    margin-top: 13px;
}

.sub_ul input::-webkit-input-placeholder {
    color: #a9a9a9;
}

.lis_inp {
    width: 100%;
    padding-left: 15px;
    font-size: 16px;
    color: #333333;
    line-height: 50px;
    background-color: inherit;
}

.code_img {
    width: 128px;
    height: 52px;
    display: block;
    margin-left: 0px;
}

.login_btn {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #0086F8;
    font-size: 16px;
    color: white;
    letter-spacing: 5px;
    margin-top: 30px;
}