.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{    padding-right: 12px;padding-left: 12px;}
html,body{width:100%;height: 100%;font-size:14px}
:focus {outline: 0;}
a:focus{outline: 0px auto -webkit-focus-ring-color;outline-offset: -0px;}
a:focus, a:hover{text-decoration: none;}
a {outline:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
.clearfix::after{content: '';display: block;clear: both;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.pointer{cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
.d-flex{display: flex;}
.d-flex-wrap{display: flex;flex-wrap: wrap;}
.d-flex-center{display: flex;align-items: center;}
.d-grow{flex-grow: 1;flex-basis: 100%;min-width:0}
.d-flex-wrap .d-grow{flex-basis: initial;}
.d-shrink{flex-shrink: 0;}
.overflow{overflow: hidden;}
@media only screen and (min-width: 1200px) {
	.container {width: 1200px;}
}

*[class^='validation']{position: absolute;left:0;bottom:-30px;font-size:11px;}
.validation-error,.validation-focus{color:red}
.validation-ready,.validation-valid{display: none;}

#footer{position: absolute;width:100%;left:0;bottom:20px;}
#footer>a{color:#fff;margin:0 10px}

.login-page{background: url('../images/login/bg.jpg') center/cover no-repeat;height:100%}
.login-page .mainblock{background: #fff;box-shadow: 0px 10px 24px 0px rgba(88, 96, 115, 0.2);border-radius: 6px;}
.login-page .leftblock{width:30%;background: url('../images/login/leftbg.jpg') center/cover no-repeat;position: relative;padding-left:50px;padding-top:40px}
.login-page .leftblock .links{position: absolute;right:0;top:30%}
.login-page .leftblock .links *{display:block;line-height:90px;color:#fff;padding:0 50px;font-size: 20px;}
.login-page .leftblock .links .on{background: url('../images/login/tabhover.png') right center/100% 100% no-repeat;color:#3164e4}
.login-page .rightblock{padding:9vh 210px 10vh;text-align: center;}
.login-page .rightblock>span{display:inline-block;width:400px;text-align: left;}
.login-page .rightblock .tabs{color:#000;font-size:25px;margin-bottom:20px}
.login-page .rightblock .tabs span{margin-right:30px;opacity: .5;}
.login-page .rightblock .tabs span.on{opacity: 1;}
.login-page .rightblock .form-group{margin-left:0;margin-right: 0;position: relative;}
.login-page .rightblock .box>div{border-bottom:#e7e9ef 2px solid;margin-top:20px;padding-bottom:10px;}
.login-page .rightblock .box input{border:0;font-size: 20px;background: #fff!important;}
.login-page .rightblock .box img{width:24px;height:29px;}
.login-page .rightblock .box .eyes{width:24px;height:29px;background: url('../images/login/eye1.png') center/contain no-repeat;}
.login-page .rightblock .box .eyes.show{background: url('../images/login/eye2.png') center/contain no-repeat;}
.login-page .rightblock .forget{color:#a7a7b3}
.login-page .rightblock .submitbtn{display:block;font-size:18px;color:#fff;width:100%;line-height: 60px;background-image: linear-gradient(90deg, #5986f7 0%, #3164e4 100%);box-shadow: 0px 11px 20px 0px rgba(29, 78, 200, 0.25);border-radius: 6px;}
.login-page .rightblock .socialbtn{margin-top:30px;}
.login-page .rightblock .socialbtn a{display: inline-block;width:40px;height:40px;border-radius: 50%;background: #e7e9ef;margin:0 20px}
.login-page .rightblock .socialbtn a img{position: relative;top:50%;transform: translateY(-50%);}
.login-page .rightblock #authcode,.login-page .rightblock #AuthCodeImg,.login-page .rightblock #MobileAuthCodeImg{width:85px}
.login-page .rightblock .num{line-height: 34px;color:#a7a7b3;font-size: 16px;}
.login-page .rightblock .getcode{padding:7px 20px;color:#fff;background:#3164e4;border-radius: 4px;}
.login-page .rightblock .getcode.disabled{opacity: .7;cursor: not-allowed;}
.login-page .form{height:410px}
.login-page.reg-page .rightblock{padding:6vh 210px 8vh;}
.login-page.reg-page .rightblock .submitbtn{background-image: linear-gradient(90deg, #fa3d3d 0%, #dd1212 100%);box-shadow: 0px 11px 20px 0px rgba(221, 18, 18, 0.25);margin-top:30px}
.login-page .rightblock .box img.email{height:20px}
.login-page.find-page .rightblock .submitbtn{background-image: linear-gradient(90deg, #5986f7 0%, #3164e4 100%);box-shadow: 0px 11px 20px 0px rgba(29, 78, 200, 0.25);opacity: .7;}
.login-page.find-page .rightblock .submitbtn:hover{opacity: 1;}
.find-page .rightblock .stepblock{margin:20px 0 30px}
.find-page .rightblock .stepblock *{background: #3164e4;opacity: .6;color:#fff;font-size: 20px;}
.find-page .rightblock .stepblock .on{opacity: 1;}
.find-page .rightblock .step{width:45px;line-height: 45px;border-radius: 4px;}
.find-page .rightblock .isline{height:3px;margin:0 8px}
.find-page .formBoxs{height:340px}
.find-page .formBoxs>img{margin-top:20px;}
.find-page .formBoxs .tips{font-size:20px;color:#000;margin:20px 0;}
.find-page .formBoxs a{color:#666;font-size:16px;}

/* header */
.header{background: #3459a1;padding:0}
.header .container{position: relative;color:#fff}
.header .logo{height: 80px;display: flex;align-items: center;}
.header .text{font-size:34px;margin-left:78px;}
.header .logined{position:relative;top:0;line-height:80px}
.header .data-avatar{width:45px;height:45px;object-fit: cover;border-radius: 50%;}
.header .user_username{margin:0 10px;font-size: 16px;}
.header a{color:#fff}
.header a img{height:40px}
/* footer */
.footer{background:#3459a1;color:rgba(255,255,255,.6);line-height: 40px;padding:0;min-height: 0;}
.footer .links .dropdown{width:120px;margin-bottom:20px}
.footer .links .dropdown>div{line-height:35px;background: #2e4f8f;color:#fff;padding:0 18px;position: relative;}
.footer .links .dropdown .caret{color:#7da9ff;border-width: 5px;margin-left:4px;}
.footer .links .dropdown-menu>li>a{line-height:32px;}
.footer .links .dropdown-menu>li>a:focus, .links .dropdown-menu>li>a:hover{color:#698fda}
.footer .contact span{margin-right:30px;}
.footer .contact img{margin-right:10px;}
.footer .contact i{font-style: normal;color:#698fda;margin-right:10px}
.footer .code{margin-top:30px}
.footer .bottom{background: #2c4d8d ;line-height: 70px;}
.footer .bottom a,.footer .bottom span{color:#fff}
.footer .bottom span{margin:0 5px}
.footer .copyright a{margin-right:20px}

.fixedright{display:none;position: fixed;right:10px;top:25%;z-index:20}
.fixedright li{list-style: none;position:relative;width:58px;height:58px;margin-bottom:10px;background-color: #fff;border-radius: 4px;border: solid 1px #eee;background-position: center;background-repeat: no-repeat;background-size: 26px;}
.fixedright li:not(:last-child):hover{box-shadow: 2px 2px 10px 0px rgba(0 0 0 / 26%);}
.fixedright li .hover{display:none;width:100px;text-align:right;color:#ffc764;position: absolute;right:60px;top:50%;transform: translateY(-50%);}
.fixedright li .hover img{max-width: 100%;}
.fixedright li.wd{background-image: url('../images/footer/new_wd.png');background-size: 38px;}
.fixedright li.wd .hover img{padding: 3px;}
.fixedright li.wd .hover{background: #fff;color:#333;padding:5px;width:120px}
.fixedright li.tel{background-image: url('../images/footer/new_phone.png');}
.fixedright li.tel .hover{background: #fff;color:#333;padding:5px;width:120px}
.fixedright li.home{background-image: url('../images/footer/new_icon11.png');}
.fixedright li.home a{display: block;width:100%;height:100%}
.fixedright li.code{background-image: url('../images/footer/new_icon12.png');background-size: 32px;}
.fixedright li.code .hover{background: #fff;color:#333;padding:5px;width:130px}
.fixedright li.totop{background-color: #ffbe4b;background-image: url('../images/footer/icon13_w.png');}

.wraper{background: url('../images/info/bg.png') center repeat;}
.breadcrumb-box *{line-height: 55px;color:#979797}
.breadcrumb-box .isline{margin:0 15px}
.leftbox{background: #fff;padding:60px 30px;height:590px}
.leftbox .avatar{position: relative;width:120px;height:120px;border-radius: 50%;margin:auto;overflow: hidden;cursor: pointer;}
.leftbox .data-avatar{width:100%;height:100%;object-fit: cover;}
.leftbox .cover{display: none; position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;padding:40px;font-size:18px;line-height: 20px;}
.leftbox .avatar:hover .cover{display: block;}
.leftbox .name{font-size:20px;margin:20px 0 10px}
.leftbox .phonenumber{margin-left:-20px;color:#999}
.leftbox .phonenumber img{margin-right:9px}
.leftbox .list-group{margin-top:75px}
.leftbox .list-group-item{border:0;border-radius: 4px;line-height: 45px;color:#333;padding:0}
.leftbox .list-group-item:hover{color:#333;background: #fff;}
.leftbox .list-group-item span{padding-left:33px;margin-left:-33px;}
.leftbox .list-group-item.active{background: #eff3f9!important;color:#3459a1}
.leftbox .list-group-item.active.toinfo span{background: url('../images/info/icon1.png') left center/20px 18px no-repeat;}
.leftbox .list-group-item.active.topwd span{background: url('../images/info/icon2.png') left center/19px 21px no-repeat;}
.rightbox{background: #fff;padding:0 40px 80px;margin-bottom:60px;height:590px}
.rightbox .title{font-size:20px;line-height: 70px;border-bottom: #f5f5f5 1px solid;}
.rightbox *[class^='validation'] {position: relative;bottom:initial}
#profileForm{margin:40px 180px 0;font-size: 16px;color:#333}
#profileForm label{width:70px;margin-right:20px;line-height: 40px;}
#profileForm input{height: 40px;}
#profileForm .form-group{margin-bottom:20px}
#profileForm .genderbox{line-height: 40px;}
#profileForm .genderbox span{padding-left:24px;background: url('../images/info/icon.png') left center no-repeat;margin-right:50px}
#profileForm .genderbox span.on{background: url('../images/info/icon_h.png') left center no-repeat;}
#profileForm .btn{width:120px;background-color: #ffffff;border-radius: 4px;border: solid 2px #e5e5e5;color:#3459a1;height:45px;line-height: 40px;padding:0;font-size:16px;margin-right:40px}
#profileForm .submitbtn{background: #3459a1;border-color: #3459a1;color:#fff}
#profileForm .btn:focus{outline: 0;}

/* 公共弹框 */
.alert-box{position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index: 9999;top:0;left:0;}
.alert-box .alert-border{width: 370px;min-height: 220px;max-width: 95%;overflow: hidden; border-radius: 7px;display: flex;flex-direction: column;justify-content: space-between;left: 50%;top: 50%;transform: translate(-50%, -50%);margin:auto;position: absolute;border:rgba(255,255,255,.1) 5px solid}
.alert-box .alert-content{ height:100%;min-height: 220px;background: #fff;padding-bottom: 20px;}
.alert-box .alert-content .alert-header{position: relative; padding:5px 10px;height: auto;width: 100%;background: url('../images/alertbg.png') top center/contain no-repeat;}
.alert-box .alert-content .alert-header button{opacity: 1;font-weight:normal;position: absolute;top: 5px;right: 15px;font-size: 30px;}
.alert-box .alert-content .alert-header button span{color:#fff;}
.alert-box .alert-content .alert-title{height: 80px;line-height: 66px;color:#fff;text-align: center;margin:0}
.alert-box .alert-content .alert-body{padding-bottom:15px;text-align: center;color: #333;max-height: 80px;overflow: auto;padding-left: 10px;padding-right: 10px;}
.alert-box .alert-content .alert-body a{margin: 0 8px;color:#3e93ed;}
.alert-box .alert-content .alert-footer{margin: 10px 0px;display: flex;justify-content: space-between;}
.alert-box .alert-content .alert-footer>div{width: 120px;text-align: center;height: 40px;line-height: 40px;color: #fff;border-radius: 7px;margin: 0 auto;}
.alert-box .alert-content .alert-footer .certain{background: #ffb033}
.alert-box .alert-content .alert-footer .cancel{background: #ccc;}

/* 第三方登录 */
#loginmain{background: #fff;}
#loginmain .bangdingtips{margin:50px 0;}
#loginmain #MobileForm{width:35%;margin:0 auto;}
#loginmain .login-page{background: none;height:auto}
#loginmain .login-page .rightblock{padding:0 0 100px}
#loginmain .login-page .rightblock .submitbtn{margin-top:40px}

#qrcodeImgDiv img{width:70%}
#qrcodeRefresh{color:#3164e4;cursor: pointer;}
/* 登录新 */
.newlogin-wra{}
.newlogin-main{background-color: #0147ff;background-image: url(../images/login/loginbg.png);background-repeat: no-repeat;background-size: contain;padding: 230px 25px 65px;min-height: 582px;}
.newlogin-main .form-horizontal .form-group{margin-left: 0;margin-right: 0;}
.newlogin-main .tabs{margin-bottom: 20px;}
.newlogin-main .tabs span{font-size: 14px;color: #fff;}
.newlogin-main .tabs span.on{font-size: 18px;font-weight: 700;}
.newlogin-main .tabs span[attr="normal-login"]{margin-right:18px}
.newlogin-main .form-group.box{position: relative;}
.newlogin-main .form-group.box .d-flex-center{border: 1px solid #fff;border-radius: 50px;padding: 0 12px;}
.newlogin-main .form-group.box .form-control{background: none;border: none;color: #fff;padding: 6px;}
.newlogin-main .form-group.box .form-control::placeholder {color: #fff;}
.newlogin-main .form-group .text-right a{color: #fff;font-size: 12px;}
.newlogin-main .form-group .submitbtn{display: block;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #3176fe;background: #fff;border-radius: 50px;box-shadow: 0 3px 10px rgba(0,46,148,.3);}
.newlogin-main .socialbtn{margin-top: 25px;}
.newlogin-main .socialbtn .QQ{margin-right: 20px;}
.newlogin-main .num,.newlogin-main .getcode{color: #fff;}
.newlogin-main p[class^='validation']{bottom: -16px;margin-bottom: 0;white-space: nowrap;}
.gopage-btn{color: #fff;text-align: center;}
.gopage-btn a{color: #fff !important;text-decoration-line: underline;font-size: 14px !important;}
.wraper.find-page .formBoxs{height: auto;}
.newfind-pwd .newlogin-main{padding-top: 200px;}
.authcode-imgwra{background: #fff;height: 34px;margin-right: -12px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;min-width: 82px;padding: 5px;}
.authcode-imgwra img{max-width: 100%;}
.success-page .newlogin-main .tips{color: #fff;margin: 60px 0;}
/* 用户中心 */
.index-page ul{padding: 0;}
.b_title{padding:25px 0 20px;font-size: 24px; color:#bfc6cc;font-weight: bold;}
.b_title .name span{margin-left:28px;}
.b_title .name span:first-child{margin-left:0}
.b_title .name .on{color:#3c70b1}
.news-list li{line-height: 40px;padding-left:24px;background: url('../images/index/icon.png') left center no-repeat;}
.news-list li:hover{background: url('../images/index/icon_h.png') left center no-repeat;}
.news-list li:hover a{color:#e6000d;}
.news-list li .time{color:#989898;margin-left:18px}
.news-list li .hastop{max-width: calc(100% - 40px);}
.news-list li .top{color:#fff;background: #e6000d;border-radius: 2px;line-height: 20px;width:40px;margin-left:5px}
.index-page img{max-width: 100%;}
.index-page .law-list {background: #fff;padding:0 25px;padding-bottom:20px;margin-top:30px;box-shadow: 0px 12px 40px 0px rgba(136, 136, 134, 0.15);}
.index-page .law-list .news-tabs span{margin-right:30px;line-height:42px;font-weight: normal;}
.index-page .law-list .news-tabs span.on{color:#1354a5}
.index-page .lawlist>div{width:50%}
.index-page .lawlist>div:first-child{padding-right:15px;border-right:1px solid #eee;}
.index-page .lawlist>div:last-child{padding-left:15px;}
.index-page .law-list li{flex-basis: initial;line-height:40px;padding-left:24px;background: url('../images/index/icon.png') left center no-repeat;}
.index-page .law-list li .time{color:#989898;margin-left:18px}
.index-page .law-list li:hover{background-image: url('../images/index/icon_h.png');color:#e6000d;}
.index-page .law-list li:hover a{color:#e6000d;}
.index-page .kucontent{margin: 0 -7px;position: relative;}
.index-page .kucontent .item{width: 33.333%;padding: 0 7px;transition: all .3s;min-height: 240px;}
.index-page .kucontent .item:hover{margin-top:-20px;margin-bottom:20px;}
.index-page .kucontent .item .con{background: #fff;border: 1px solid #eee;padding: 10px 10px 0;}
.index-page .kucontent .item .con .imgblock{text-align: center;}
.index-page .kucontent .item .con .imgblock img{height: 180px;}
.index-page .kucontent .item .con .name{font-size: 16px;line-height: 50px;}
.index-page .kucontent .item .summary{margin-top:10px;line-height:24px;height:48px}
.index-page .topswiper-wra{overflow: hidden;}
.index-page .topswiper{width: 100%;margin: 0 auto;}
/* .index-page .topswiper .swiper-container{overflow: initial;} */
.index-page .topswiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;width: 80%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index-page .topswiper  .swiper-pagination{height: 8px;line-height: 8px;display: flex;align-content: center;justify-content: center;}
.index-page .newbook{position: relative;margin-bottom: 60px;}
.index-page .newbook ul{position: relative;}
.index-page .newbook .swiper-container{padding-top:20px;margin-top:-20px}
.index-page .newbook .swiper-slide{border: solid 2px #e5e5e5;background: #f7f7f7;transition: all .3s;}
.index-page .newbook .swiper-slide .imgblock{padding:30px 15px;background: #fff;}
.index-page .newbook .swiper-slide .imglink{display: block;width:100%;height:180px;}
.index-page .newbook .swiper-slide .imglink img{object-fit: contain;width:auto;height:auto;max-width:100%;max-height:100%}
.index-page .newbook .swiper-slide .info{padding:15px 10px;}
.index-page .newbook .swiper-slide .info .author{color:#989898;margin-top:5px;}
.index-page .newbook .swiper-slide .info .name{font-size: 16px;font-weight: bold;}
.index-page .newbook .swiper-slide:hover{margin-top:-20px;margin-bottom:20px;}
.index-page .newbook .newbookbtn,.index-page .kucontent .newbookbtn{z-index:2;position:absolute;top:40%;display:inline-block;width:40px;height:40px;border-radius: 50%;border:solid 1px #e5e5e5;background-color: #fff;background-repeat: no-repeat;}
.index-page .newbook .newbookbtn.left,.index-page .kucontent .newbookbtn.left{left:-20px;background-image: url('../images/index/left.png');background-position: 13px center;}
.index-page .newbook .newbookbtn.right,.index-page .kucontent .newbookbtn.right{right:-20px;background-image: url('../images/index/right.png');background-position: 17px center;}
.index-page .newbook .newbookbtn.swiper-button-disabled,.index-page .kucontent .newbookbtn.swiper-button-disabled{cursor: not-allowed;display: none;}
.index-page .newbook .newbookbtn:hover:not(.swiper-button-disabled),.index-page .kucontent .newbookbtn:hover:not(.swiper-button-disabled){border-color:#3c70b1;background-color: #3c70b1;}
.index-page .newbook .newbookbtn.left:hover:not(.swiper-button-disabled),.index-page .kucontent .newbookbtn.left:hover:not(.swiper-button-disabled){background-image: url('../images/index/left_w.png');}
.index-page .newbook .newbookbtn.right:hover:not(.swiper-button-disabled),.index-page .kucontent .newbookbtn.right:hover:not(.swiper-button-disabled){background-image: url('../images/index/right_w.png');}
.index-page .kucontent .newbookbtn.left{left:-13px}
.index-page .kucontent .newbookbtn.right{right:-13px}
.tishimsg{font-size: 12px;}
.noauth{display: flex;width: 100%;justify-content: center;align-items: center;}
.noauth img{max-width: 100%;}
.noauth .con{text-align: center;}
.noauth .con .tipimg{width: 100px;margin: 20px auto 20px;}
.noauth .con .noauth-tit{font-size: 22px;font-weight: 700;color: #333;margin-bottom: 20px;}
.noauth .con .noauth-info{font-size: 18px;margin-bottom: 30px;}
.noauth .con .noauth-btn{margin-bottom: 25px;}
.noauth .con .noauth-btn a{display: inline-block;margin: 1%;font-size:18px;color:#fff;width:40%;line-height: 40px;background-image: linear-gradient(90deg, #5986f7 0%, #3164e4 100%);box-shadow: 0px 11px 20px 0px rgba(29, 78, 200, 0.25);border-radius: 6px;}
.kkpager2{border: 1px solid #999;width: 120px;height: 40px;line-height: 40px;margin-left: auto;margin-right: auto;border-radius: 5px;}
#qrcodeMsg{color: #fff;margin-top: 5px;}
.table-xh{min-width: 50px;width: 50px;}
.table-date{min-width: 120px;}
.table-binddate{min-width: 160px;width: 160px;}
.table-qx{min-width: 200px;}
.bindtablebox{width: 100%;overflow-x: auto;}
.bindlist-tabs{display: flex;}
.bindlist-tabs .title{margin-right: 20px;cursor: pointer;font-size: 18px;}
.bindlist-tabs .title.bold{font-size: 20px;}
@media only screen and (max-width: 1024px) {
	#profileForm{margin:40px 90px 0}
}
@media only screen and (max-width: 992px) {
	.newlogin-wra{margin-bottom: 15px;}
	.newlogin-main{max-width: 282px;margin: 0 auto;}
	.newlogin-wra .d-grow.rightblock{background-color: #0147ff;}
}
@media only screen and (max-width: 768px) {
	.login-page .mainblock>div{flex-wrap: wrap;overflow: hidden;}
	.login-page .rightblock,.login-page.reg-page .rightblock{padding:5vh 0 8vh}
	.login-page .leftblock{width:100%;padding:30px;}
	.login-page .leftblock .links{position: relative;top:0;right:initial;}
	.login-page .leftblock .links a{display: inline-block;line-height: 40px;padding:0 20px;border-radius: 5px;}
	.login-page .leftblock .links a.on{background: #fff;}
	
	.header{position: fixed;top:0;left:0;width:100%;z-index: 100;}
	.header .logo{height: 80px;}
	.wraper{padding-top:80px}

	.footer .links .dropdown{margin-bottom:0}
	.footer .contact span{display: inline-block;}
	.footer .bottom{line-height: 30px;padding:20px 0}
	.footer .bottom>div{flex-wrap: wrap;text-align: center;}
	.footer .bottom .copyright{font-size:12px}
	.footer .bottom .otherlink{width:100%;margin-bottom:10px}

	.leftbox .list-group-item{display: inline-block;width:49%;}
	.leftbox .list-group{margin-top:30px}
	.leftbox,.rightbox{height:auto}
	.leftbox{padding:30px}

	#loginmain #MobileForm{width:80%}
}

@media only screen and (max-width: 479px) {
	#footer{font-size: 12px;position: relative;background: #3164e4;line-height:30px;bottom:initial}
	.login-page{height:auto}
	.login-page .mainblock{border-radius: 0;}
	.login-page .leftblock .logo img{width:80%}
	.login-page .leftblock .links a{font-size:14px;line-height: 30px;padding:0 15px}
	.login-page .leftblock{padding:15px}
	.login-page .rightblock>span{width:90%}
	.login-page .rightblock .box>div{margin-top:10px;padding-bottom:5px;}
	.login-page .rightblock .box input{font-size:16px;}
	.login-page .form{height:auto}
	.find-page .rightblock .stepblock{margin:10px 0 15px}
	.find-page .rightblock{padding-bottom:0}
	.find-page .formBoxs>img{width:50%}
	.find-page .formBoxs{height:315px;}

	.wraper{padding-top:100px}
	.header .logo,.header .log{height: 60px;display: flex;
        justify-content: end;
        align-items: center;}
	.header .logo img{height:25px}
	.header .data-avatar{width:35px;height:35px}
	.wraper{padding-top:60px}
	.leftbox{padding:15px}
	.leftbox .avatar{width:100px;height:100px}
	.leftbox .cover{padding:28px}
	.leftbox .list-group-item span{background: none!important;}
	.rightbox{padding:0 15px 40px}
	.rightbox .title{font-size:16px;line-height:40px}
	#profileForm{margin:10px;font-size:13px}
	.tijiaobut{text-align: center;}
	#profileForm .btn{margin:0 15px;width:100px}

	.footer{line-height: 35px;}
	.footer .topfooter{padding:10px 0;}
	.footer .code img{width:90px}
	.footer .contact span{margin-right:5px}
	.advbox>span{margin-bottom:20px}
	.font18{font-size:14px}
	.font16{font-size:13px}

	#loginmain .bangdingtips{text-align: left;}
	#loginmain #MobileForm{width:95%}
	
	.index-page .law-list .news-tabs span{margin-right: 5px;}
	.index-page .law-list ul{flex-wrap: wrap;}
	.index-page .law-list ul>div{width:100%;padding:0!important;border:0!important}
	.index-page .video li:nth-child(2){margin-right: 10px;}
	.index-page .digitallist li a img{display: inline-block;}
	.index-page .tab-list .tabpane{margin-bottom:20px}
	.index-page .other .col-md-4>div{height:auto}
	.index-page .kucontent{flex-wrap: wrap;}
	.index-page .kucontent .item{width: 100%;margin-bottom: 15px;}
	.index-page .law-list{margin-top:0}
	/* 登录 */
	.newlogin-main{max-width: 1000px;background-size: 100%;background-position: 0 -60px;}
	.newlogin-main .socialbtn .MpWechat,.newlogin-main .socialbtn .Wechat{display: none;}
}