body{margin: 0;padding: 0;font-family: "microsoft yahei",arial;font-size: 14px;background: #ffffff; }
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;list-style-type: none;}
a{color: #666;text-decoration: none;}
a:hover{color: #3263FA;text-decoration: none;}

*{box-sizing: border-box;}
::-webkit-input-placeholder {color: #aaa;font-size: 14px;}
::-moz-placeholder {color: #aaa;font-size: 14px;}
:-ms-input-placeholder {color: #aaa;font-size: 14px;}
.container{
    /*width: 1200px;*/
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}
.btn{height:40px;padding: 6px 10px}
.btn-primary{padding:6px 30px;}
/*.btn-default{padding:6px 30px;}*/

.bootstrap-select>.dropdown-toggle{padding-right: 10px;}
/*.dropdown-menu>li>a{padding: 10px 20px;}*/
.dropdown-menu>li.selected>a{background: #3263fa;color: #fff;}
.radio label, .checkbox label{padding-left: 0;padding-right: 20px;}
textarea.form-control{height: auto !important;padding: 10px;}
.bootstrap-select{width: 100%;}



.form-input{width: 100%;height: 40px;border: none; border-bottom: #ddd solid 1px;outline: none;}

.btn-submit{width: 100%;height: 40px;border-radius: 4px;background: #3263fa;color: #fff;border: none;cursor: pointer;}
.btn-submit:active{background: #2048c4;}

.loginwrap{width: 100%;height: 100%;overflow: auto;background:url(../img/loginbg.jpg) no-repeat;background-position: center bottom; background-size: 100% 100%; position: fixed;top: 0;left: 0;}
.loginbox{width: 1140px;height: 540px;/*border-radius: 10px;*/ background:#fff;box-shadow: rgba(154,184,209,.7) 0 5px 30px;margin:120px auto 70px auto;position: relative;}
.loginbox .navbox{width: 160px;text-align: center;position: absolute;top:50%;margin-top: -200px;}
.loginbox .navbox ul li{width: 100%;float: left;padding: 20px 0; }
.loginbox .navbox ul li a{width: 100%;display: block;position: relative;}
.loginbox .navbox ul li p{margin-top: 5px;}
.loginbox .navbox ul li a i.iconfont{font-size: 30px;}
.loginbox .navbox ul li a:hover{color: #333;}
.loginbox .navbox ul li.active a{color: #333;}
.loginbox .navbox ul li.active a:before{width: 5px;height: 50px;content: "";background: #3263fa;border-radius: 0 5px 5px 0;position: absolute;top: 50%;margin-top: -25px ;left: 0;}

.loginbox .prompt{width: 100%;padding: 15px;border: #ffcccc solid 1px;/*background: #ffe7e7; */margin-bottom: 25px;color: #cc0000; line-height: 18px;/*border-radius: 4px;*/}

.loginbox .banner{width:480px;height: 580px;background:url(../img/login-banner.jpg);border-radius: 10px;position: absolute;top: -20px;left: 160px;box-shadow: rgba(16,79,201,.5) 0 0 15px;}
.loginbox .formbox{width: 500px; padding:60px 80px;position: absolute;right: 0;top: 50%;margin-top: -270px;}
.loginbox .formbox .title{text-align: center;font-size: 24px;margin-bottom:30px;color: #444}
.loginbox .formbox .formgroup{width: 100%;margin-bottom: 25px;margin-top:10px; position: relative;}
.loginbox .formbox span{position: absolute;left: 0;top: 15px;color: #999;transition: .3s;font-size: 16px;}
.loginbox .formbox .form-input{font-size: 18px; line-height: 46px;}
.loginbox .formbox .btn-submit{font-size: 18px;letter-spacing: 5px;font-weight: bold;}

.loginbox .formbox .form-input,.loginbox .formbox .btn-submit{height: 46px;}
.loginbox .formbox .form-input:focus{border-bottom: #3263fa solid 1px;}
.loginbox .formbox .form-input:focus~span,.loginbox .formbox .form-input:valid~span{font-size: 12px;top:-15px;display: block;color: #444;transition: .3s;}

.banner .weixin{/*width:50%;float: left;*/text-align: center;margin-top: 365px;/*padding-left: 70px;*/}
.banner .weixin p{line-height: 24px;color: #fff}
.banner .weixin img{width: 110px;height: 110px;border-radius: 10px;}

.banner .weixin1{width:50%;float: right;text-align: center;margin-top: 365px;padding-right: 70px;}
.banner .weixin1 p{line-height: 24px;color: #fff}
.banner .weixin1 img{width: 110px;height: 110px;border-radius: 10px;}


.verification-code{width: 90px;height: 40px;/*position: absolute;*/right: 10px;/*top:50%; *//*margin-top: 5px;*/}
.captcha-code{height: 40px;position: absolute;right: 20px;top:0; line-height: 40px;}

.w200{width: 200px;}
.w300{width: 300px;}


.loginwrap .footer{width: 1140px;margin: 0 auto;padding: 0;background: transparent;}
.loginwrap .footer .contact{padding: 0;}
.footer .contact{float: left;color: #666;/*padding: 30px 0;*/}
.footer .contact p{line-height: 24px;}
.footer .weixin{float: right;font-size: 12px;color: #999;text-align: center;}
.footer .weixin img{width: 100px;height: 100px;border-radius: 10px;}
.footer{width: 100%;background: #fff;padding: 40px 0;}
.footer em{font-style: inherit;margin: 0 10px;color: #ccc;}
.footer .m{display: none;}




/*.header{width: 100%;height: 320px;background: url(../img/top-bg-1.jpg) no-repeat;background-position: center center;}*/
.header{width: 100%;height: 150px;background-color: #283d9a;background-position: center center;}
.header .border-style  {border-bottom: 1px solid #58649b;}

.header .container .logo{height: 80px;padding: 20px 0;float: left;}
.header .container .logo img{height: 60px;}
.header .container .logo span{vertical-align:middle;font-size: 32px;color: #fff;margin-top: 15px; margin-left: 15px;font-family:'宋体';font-weight: bold;}
.header .container .right{height: 100px;line-height: 100px;color: #fff;float: right;padding-right: 20px;}
.header .container .right a:hover{color: #fff;border-bottom: 2px solid;padding-bottom: 5px;text-decoration: none;}
.header .container .right a:visited,a:active{color: #fff;text-decoration: none;}
.header .container .right a{color: #fff;text-decoration: none;}

.formwrap{
    margin: 0 0;
    background: #3a7afe;
    background: -moz-linear-gradient(180deg, #283d9a 0%, #ffffff 40%);
    background: -webkit-linear-gradient(180deg, #283d9a 0%, #ffffff 40%);
    background: -o-linear-gradient(180deg, #283d9a 0%, #ffffff 40%);
    background: linear-gradient(180deg, #283d9a 0%, #ffffff 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283d9a', endColorstr='#ffffff',GradientType=1 );
}
.sliderbox{width:240px;float: left;}
.main{
    width: 100%;
    border-radius: 6px;
    float: right;
    background: rgb(255 255 255 / 100%) ;
    box-shadow: 6px 11px 41px -28px #a99de7;
    /*border: #eee solid 1px;*/
    min-height: 786px;

}
.sliderbox~.main{width:940px}

.form-group{margin-left: 0px;margin-right: 0px;}
/*.form-control{height: 40px;border-radius: 0px;line-height: 40px; padding: 0 10px}*/

:root .form-control{height: 40px;border-radius: 4px;line-height: 20px; }
.form-control{height: 40px;border-radius: 4px; padding: 6px;}

.control-error{padding-top: 7px;margin-bottom: 0;}
.control-label{font-weight: normal;color: #888; padding-right: 20px !important;}
.form-horizontal{margin: 30px 0;}
.form-group *[class*="col-"]{padding-left: 5px;padding-right: 5px;}
.form-horizontal.writeform{display: none;}



.formwrap .userbox{width: 100%;margin-bottom: 20px; padding: 40px 0; /*border-radius: 10px;*/text-align: center; min-height: 100px; background: #fff;float: left;box-shadow: rgba(170,170,170,.1) 0 5px 10px;border: #eee solid 1px;text-align: center;}
.formwrap .avator{width: 100px;height: 140px; margin: 0 auto 20px auto;border: #eee solid 1px;}
.formwrap .avator img{width: 100%;height: 100%;}
.formwrap .userbox .name h4{font-size:18px;margin-bottom: 10px;font-weight: bold;}
.formwrap .userbox .name p{color: #999;}


.formwrap .usernav{width: 100%;padding: 10px 0 30px 0; /*border-radius: 10px;*/min-height: 100px; background: #fff;float: left;box-shadow: rgba(170,170,170,.1) 0 5px 10px;border: #eee solid 1px;}
.formwrap .usernav ul li{width: 100%;height: 50px;line-height:50px;padding: 10px 0;}
.formwrap .usernav ul li .iconfont{font-size: 22px;margin-right: 10px;position: relative;top: 2px;}
.formwrap .usernav ul li a{width: 100%;position: relative; height: 100%;display: block;padding: 0 30px;font-size: 16px;color: #333;}
.formwrap .usernav ul li a.active:before{width:5px;height: 100%;background: #3263FA;content: "";border-radius: 0 3px 3px 0;position: absolute;top: 10px;left: 0;}
.formwrap .usernav ul li a.active{color: #3263FA;}

.formwrap .usernav ul li a:hover{text-decoration: none;}

.formwrap .form-header{width: 100%;min-height: 80px;border-bottom: #eee solid 1px; padding: 0 30px;}
.formwrap .form-header b{line-height: 80px;font-size: 18px;}
.formwrap .form-body{width: 100%;padding:0px 40px;}
.formwrap .form-body .form-group:last-child{margin-bottom: 0;}
.formwrap .form-body .form-title{width: 100%;padding: 30px 0;border-bottom: #eee dashed 1px;position: relative;}
.formwrap .form-title b{font-weight:normal;font-size: 16px;}
.formwrap .form-title .arrow{float: right;font-size: 12px;color: #999;cursor: pointer;transition: .5s;}
.formwrap .form-title .arrow .iconfont{font-size: 12px;}
.formwrap .form-body.open .form-title b{font-weight: bold;}
.formwrap .form-body.open .arrow{
    transition: .5s;
    transform:rotate(180deg);
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
}
.formwrap .form-nav-l{/*width: 160px;*/width:100%;min-height: 80px;border-bottom: #eee solid 1px; padding: 0 30px;float: left}
.formwrap .form-nav-r{width: 100%;min-height: 80px;/*border-bottom: #eee solid 1px;*/ padding: 0 30px;text-align: right}
.formwrap .form-nav-l b{line-height: 80px;font-size: 18px;}
.formwrap .form-nav-r b{line-height: 80px;font-size: 14px;}
.formwrap .form-nav-r span{font-size: 12px; color: #ccc;padding-left: 6px;padding-right: 6px;}

.upload-avator{width: 150px;height: 210px;position: relative;background: #f9f9f9;}
.upload-avator input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;z-index: 10;}
.upload-avator #view{width: 100%;height: 100%;background-color: transparent !important;position: relative;z-index: 9;}
.upload-avator span{color: #999;width: 100%;height: 100%;display: block;text-align: center;line-height: 200px;position: absolute;top: 0;left: 0;}
.upload-avator img{width: 100%;height: 100%;}
.cover-wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);z-index: 10000000;text-align:center;}
.clipBody{width:600px;height:550px;padding: 20px; background-color:#FFFFFF;overflow: hidden;border-radius:4px; position: absolute;top:50%;left: 50%;margin-top: -250px;margin-left: -300px;}
#clipArea{height: 450px;margin-bottom: 20px;}


.avator-pic{width: 100%;height: 100%;}
.avator-pic img{width: 100%;height: 100%;}
.table>tbody>tr>td:first-child{width: 100px;}
.table>tbody>tr>td{vertical-align: middle;}
.table td:first-child{width: 100px;}
.table td{vertical-align: middle;}
.table-title{text-align: center;}
.table-title h2{font-size: 30px;}

.table-code{width: 100%;text-align: center;position:relative;}
.table-code .code{width: 200px;height: 50px;display: inline-block;}
.table-code .code img{width: 100%;height: 100%;}
.form-title .print{float: right;}
.form-title .print a{color: #3263fa;}
.form-title .print a:hover{text-decoration: none;}


.table .opinion{padding: 10px;line-height: 24px;}
.table .signature{width: 100%;text-align: center;margin-bottom: 20px;}

.table .signature .name,
.table .signature .date,
.table .signature .seal{display: inline-block;}

.table .signature .date{margin-left: 100px;}
.table .signature .seal{margin-left: 30px;}
.table .signature .date span{margin: 0 15px}

.statusbox{background: #f3f2f8;border: #f2f2f2 solid 1px;padding:20px;border-radius: 4px;font-size: 16px;line-height: 24px;}
.statusbox b{color: #4caf50;}
.status-success{color: #4caf50;}
.status-failure{color: #ff0000;}
.status-default{color: #cccccc;}
.status-success .iconfont,.status-failure .iconfont{font-size: 24px;margin-right: 5px;position: relative;top: 2px;}
.expres{position: relative;width: 18px;height: 18px;display: inline-block; margin-left: 10px;}
.expres-info{display: none;box-shadow: rgba(0,0,0,.1) 0 0 10px; padding: 15px;color: #333; border: #ccc solid 1px;position: absolute;left: 30px;top: -25px;background: #fff;border-radius: 5px;}
.expres-info p{white-space: nowrap;}
.expres-info:before{border-width: 6px;border-style: solid;border-color:transparent #fff transparent transparent;content: "";z-index: 2; position: absolute;left: -12px;top:50%; margin-top: -6px;}
.expres-info:after{border-width: 7px;border-style: solid;border-color:transparent #ccc transparent transparent;content: "";z-index: 1; position: absolute;left: -14px;top:50%; margin-top: -7px;}
.expres .iconfont{background: #4caf50;border-radius: 50%;padding: 4px;color: #fff;font-size: 12px;position: relative;top: -2px;}



.form-horizontal .tab-content{margin-bottom: 20px;}
.form-horizontal .line{width: 100%;height: 1px;border-bottom: #eee solid 1px;margin-bottom: 20px;}
.form-horizontal .tab-content .classlist{background: #fff;position: relative;}
.form-horizontal .tab-content .classname{width: 100%;height: 50px;background: #f9f9f9; margin-bottom: 20px; line-height: 50px;padding: 0 20px;}
.form-horizontal .tab-content .classlist~.classlist{margin-top: 20px;}


.loginbox .link{display: none;}
.form-title .add{float: right;margin-right: 20px;cursor: pointer;}
.form-title .add:hover{color: #3263FA;}
.form-title .add i{margin-right: 5px;}

.familybox,.tournamentbox{margin-bottom: 10px;}
/*.familybox~.familybox,.tournamentbox~.tournamentbox{padding-top: 10px;margin-top: 10px;}*/

.tablebox{padding: 0 15px;}

.checkbox label,.radio label{position: relative;}
.checkbox input[type="checkbox"],
.radio input[type="radio"]{width: 16px;height: 16px;opacity: 0;position: absolute;top: 0;left: 0;}
.checkbox i ,.radio i{width: 16px;height: 16px; position: relative; border: #ddd solid 1px;display: inline-block}
.radio i{border-radius: 50%;}
.checkbox input:checked~i{background: #2c5ce4;border: #2c5ce4 solid 1px;}
.checkbox i{border-radius: 2px;}
.radio input:checked~i{background: #fff;border: #2c5ce4 solid 1px;}
.checkbox input:checked~i:before{width:16px;font-family: "iconfont";font-size: 12px; position: absolute; height: 16px;content:"\e7bf";top:-1px;left: 0px;color: #fff;}
.radio input:checked~i:before{width: 8px;height: 8px;display: block; border-radius: 50%; background: #2c5ce4;position: absolute;top: 3px;left: 3px;content: "";}
.checkbox span,.radio span{position: relative;top: -1px;left: 5px;}

.checkbox label,.radio label{position: relative;}
.checkbox input[type="checkbox"],
.radio input[type="radio"]{width: 16px;height: 16px;opacity: 0;position: absolute;top: 0;left: 0;}
.checkbox i ,.radio i{width: 16px;height: 16px; position: relative; border: #ddd solid 1px;display: inline-block}
.radio i{border-radius: 50%;}
.checkbox input:checked~i{background: #2c5ce4;border: #2c5ce4 solid 1px;}
.checkbox i{border-radius: 2px;}
.radio input:checked~i{background: #fff;border: #2c5ce4 solid 1px;}
.checkbox input:checked~i:before{width:16px;font-family: "iconfont";font-size: 12px; position: absolute; height: 16px;content:"\e7bf";top:-1px;left: 0px;color: #fff;}
.radio input:checked~i:before{width: 8px;height: 8px;display: block; border-radius: 50%; background: #2c5ce4;position: absolute;top: 3px;left: 3px;content: "";}
.checkbox span,.radio span{position: relative;top: -1px;left: 5px;}

.formbox .logo-m{display: none;}
.title strong{display: none;}
.m-hide{display: block;}
.sys_title{display: none;}
.tip_span{color:#999;margin-top: 10px;}

/*20231113 add*/
.yw {padding-top:10px;padding-bottom:10px;}
.yw:hover{padding-top:10px;padding-bottom:10px;background: #dcdae9}
.yw img{max-height: 60px;}
.yw h4{font-weight:bold;line-height: 35px;}
.yw p{padding-bottom:5px;color:#89879f;}
.yw .btn-default{
    border: 0;
    line-height: 30px;
    background: #ffffff;
    border-color: #d7dae3;
    color: #181c32;
}
.text-color-1{color:#89879f;}
.login-form .control-label{font-weight: bold;color: #444; font-size: 16px; padding-right: 20px !important;}
.has-error .help-block{color: #ff0000;}
.has-error .form-control{border-color: #ff0000;}
.has-error .form-control:focus{border-color: #ff0000;}

.text-danger {color: #ff0000;}
.text-primary{color:#2c5ce4;}
.swal2-popup .swal2-content { font-size: 16px;}
.swal2-popup .swal2-styled.swal2-confirm {font-size: 14px;}
.swal2-popup .swal2-styled.swal2-cancel {font-size: 14px;}

.header-menu  {color: #fff;line-height: 50px;font-size: 16px;padding-left:50px;}
.header-menu a:hover{color: #fff;border-bottom: 4px solid;padding-bottom: 5px;text-decoration: none;}
.header-menu a:visited,a:active{color: #fff;text-decoration: none;}
.header-menu a{color: #fff;text-decoration: none;}
.header-menu .header-menu-left{font-weight: bold;float: left;}
.header-menu .header-menu-right{float: right;padding-right: 20px;}

.header-menu .active a{color: #ff9900;font-size:16px;}

.table a:link {color: #666;text-decoration: none;}
.table a:hover{color: #2c5ce4;text-decoration: none;}
.table a:visited,a:active{color: #666;text-decoration: none;}

.table .text1 {color: #777;text-align: right;font-weight: bold}

.dropdown-menu{max-width: 100%;}
.btn-default-new {padding:6px 30px;}
.custom-tab-1{padding-bottom: 10px;}
.custom-tab-1 .nav-link.active {background-color: #fff;border-color: #3a7afe;border-radius: 0;color: #3a7afe;border-width: 0 0 3px 0;}

.custom-tab-1 .nav-tabs>li.active>a,
.custom-tab-1 .nav-tabs>li.active>a:hover,
.custom-tab-1 .nav-tabs>li.active>a:focus {background-color: #fff;border-color: #3a7afe;border-radius: 0;color: #3a7afe; border-width: 0 0 3px 0;}
.form-group {margin-bottom: 5px;}
.text-success {color: #4caf50;}

.btn-primary {color: #fff;background-color: #283d9a;border-color: #283d9a;}

.form-horizontal .form-group { margin-right: 0; margin-left: -15px;}

.description_text {padding-left: 40px;}
.description_img {border-right: #eee solid 1px; max-width: 450px;}

.login-captcha-style{height: 80px;}
.m-login-status{display: none;}
.tel-status{display: none;}
@media (max-width:767px) {
	.loginwrap{background-size: auto;background-position:center bottom;}
	/*.loginbox{width: 100%; height: auto; margin: 0;box-shadow: none;background: transparent;margin: 0;}*/
	.loginbox{width: 90%; height: auto; margin: 30px auto;box-shadow: none;background: #fff;}
	.loginbox .banner{display: none;}
	.loginbox .formbox{width: 100%;padding: 30px 10% 40px 10%;position: inherit;margin: 0;top: 0;}
	.loginwrap .footer{width: 100%;}
	.loginwrap .footer .contact{font-size: 16px;padding: 0 10%;margin-bottom: 20px;text-align: center;}
	.footer .weixin{width: 100%;text-align: center;float: inherit; margin-bottom: 20px;padding: 40px 40px;}
	.loginbox .navbox{display: none;}
	.loginbox .link{display: block;display: flex;justify-content: space-between;}
	.loginbox .link em{font-style: inherit;color: #ddd; margin: 0 5px;}

	/*.header{height: 210px;background-position:right bottom;}*/

	.container{width: 100%;}
	.formwrap{/*margin: 20px 0;*/margin: 0 0;}
	.main{box-shadow: none;border-radius: 0;}
	.header .container .logo{padding: 30px 20px; height:80px;/*display: flex;*/align-content: center;align-items: center; justify-content: start;}
	.header .container .logo img{height: 50px;}
	.header .container .logo span{font-size: 20px;margin-top: 0;display: none;}
    .header .container .right{display: none;height: 50px;line-height: 50px;color: #fff;float: right;padding-right: 20px;}

	.formwrap .form-body{padding: 0 20px;}
	.form-horizontal .form-group{margin-left:0;margin-right: 0;}
	.footer .contact{width: 100%;padding: 30px 20px;}

	.sliderbox{width: 100%;}
	.formwrap .userbox,.formwrap .usernav{border-radius: 0;box-shadow: none;}
	.formwrap .userbox{display: flex;padding:20px;}
	.formwrap .userbox .name{text-align: left;display: flex;flex-direction: column;padding-top: 20px;margin-left: 20px;}
	.formwrap .avator{/*width:80px;height: 80px;*/margin: 0; }
	.sliderbox~.main{width: 100%;margin-top: 20px;}

	.tablebox{width: 100%;overflow: auto;}
	.formwrap .form-header{min-height: 80px; padding: 0 20px;}
	.form-header li{/*padding: 20px 0;display: flex;flex-direction: column;*/}
	.form-header li p{font-size: 12px; line-height: 18px;text-align: center;}
	.form-header li span{ margin: 0 auto;}

	*[class*="col-"]~[class*="col-"]{margin-top: 10px;}

	.formwrap .form-nav-l{width: 100%;min-height: 80px;border-bottom: #eee solid 1px; padding: 0 30px;float: left}
	.formwrap .form-nav-r{width: 100%;min-height: 60px;/*border-bottom: #eee solid 1px; */padding: 0 10px;text-align: center;}

	.formbox .logo-m{display: block;}
	.formbox .logo-m span{width: 100%;text-align: center;}
	.title strong{display: block;}

	.w200{width: 100%;}
	.w300{width: 100%;}

	.footer .m{display: block;}
	.m-hide{display: none;}
	.sys_title {
		display: block;
		font-size: 18px;
		width: 100%;
		margin-bottom: 20px;
		padding: 5px 5px;
		/* border-radius: 10px; */
		text-align: center;
		background: #fff;
		float: left;
		box-shadow: rgba(170,170,170,.1) 0 5px 10px;
		border: #eee solid 1px;
		text-align: center;
	}

    .header-menu { line-height: 50px;font-size: 14px;padding-left: 30px;}
    .header-menu .header-menu-right{display: none;}

    .description_text {padding-left: 0;}
    .description_img {border-right: #eee solid 0px;}

    .login-captcha-style{height: 100px;}

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .m-login-status{display: inline-block;}
    .tel-status{display: inline-block;}

}