@charset "utf-8";
@import url(base.css);
html,body{width: 100%;height: 100%;}
.box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: #fff url(/statics/mch/images/banner.png) center;background-size: cover;}
.boxcon{width: 950px;}
.boxtitle{width: 100%;margin-bottom: 80px;}
.boxtitle h4{font-size: 22px;color: #fff;font-weight: 500;text-align: center;}
.boxtitle h4::before{content: "";display: inline-block;width: 56px;height: 2px;background: url(../images/xian.png) no-repeat;vertical-align: middle;margin-right: 20px;}
.boxtitle h4::after{content: "";display: inline-block;width: 56px;height: 2px;background: url(../images/xians.png) no-repeat;vertical-align: middle;margin-left: 20px;}
.boxbut{width: 100%;}
.boxbut ul li{float: left;width: 290px;margin-right: 40px;border-radius: 20px 20px 18px 18px;height: 308px;background-color: #fff;
box-shadow: 0 3px 9px rgba(56,94,205,0.42);position: relative;}
.boxbut ul li:last-child{margin-right: 0;}
.boxbut ul li a{display: block;}
.boximg{width: 100%;font-size: 0;border-radius: 18px 18px 0 0;}
.boxconter{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.boximgs{width: 118px;height: 118px;border-radius: 50%;background-color: #fff;box-shadow: 0 1px 19px rgba(109,99,217,0.36);
font-size: 0;display: flex;justify-content: center;align-items: center;margin: 0 auto 20px;}
.boxconter p{font-size: 18px;color: #333;font-weight: 300;text-align: center;}
/*.loding{width: 100%;height: 100%;padding: 10% 20%;box-sizing: border-box;background:url(../images/lodingbj.png) left top/100% no-repeat;;}*/
.loding{
    background-image: url(../images/lodingbj.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    padding: 10% 20%;
    box-sizing: border-box;
}
.lodingcon{width: 100%;/*display: flex;justify-content:center;*/height: 100%;}
.lodingleft{float: left;width: 50%;display: flex;justify-content: center;align-items: center;
padding: 0 8%;box-sizing: border-box;}
.lodingleftcon{width: 100%;}
.lodingleftconter{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.lodingimg{font-size: 0;margin-bottom: 50px;}
.lodingimg img{display: block;margin: 0 auto;}
.lodingtext{max-width: 345px;margin: 0 auto;}
.lodingtext h5{font-weight: 500;font-size: 16px;color: #fff;text-align: center;margin-bottom: 20px;}
.lodingtext p{font-size: 12px;color: #fff;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
line-height: 24px;}
.pages{bottom: 0 !important;display: flex;justify-content: center;align-items: center;}
.pages .swiper-pagination-bullet{position: relative;width: 6px !important;height: 6px !important;margin: 0 8px !important;background: rgba(255,255,255,0.8) !important;opacity: 1 !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.pages .swiper-pagination-bullet-active{width: 10px !important;height: 10px !important;background: #fff !important;border-radius: 50%;}
.lodingright{float: right;width: 50%;background-color: #fff;display: flex;align-items: center;position: relative;}
.lodingrightcon{width: 100%;}
.logo{font-size: 0;margin-bottom: 20px;}
.logo img{display: block;margin: 0 auto;width: 200px;height: auto}
.lodingrightconter{width: 80%;margin: 0 auto;}
.lodinglist{width: 100%;display: none;min-height: 285px;}
.lodingtitle{margin-bottom: 10px;line-height: 38px;}
.lodingtitle h5{float: left;font-size: 12px;color: #333;font-weight: 500;}
.lodingrights{float: right;}
.lodingsao{float: left;width: 38px;height: 38px;font-size: 0;cursor: pointer;}
.lodingtop{width: 83px;height: 30px;background: url(../images/tip.png) no-repeat;font-size: 12px;color: #507af3;text-align: center;line-height: 30px;float: left;
padding-right: 8px;box-sizing: border-box;}
.lodinginput{width: 100%;}
.lodinginp ul li{width: 100%;margin-bottom: 8px;}
.lodinginp ul li h5{font-size: 12px;color: #333;font-weight: 500;margin-bottom: 8px;}
.lodinginp ul li input[type="text"]{width: 100%;height: 40px;border: 1px solid #ececec;border-radius: 2px;padding: 0 15px;box-sizing: border-box;
font-size: 12px;color: #333;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.lodinginp ul li input[type="password"]{width: 100%;height: 40px;border: 1px solid #ececec;border-radius: 2px;padding: 0 15px;box-sizing: border-box;
    font-size: 12px;color: #333;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.lodinginp ul li input[type="text"]:focus{border-color: #507af3;}
.lodinginp ul li input[type="password"]:focus{border-color: #507af3;}
.lodinginp ul li .lodinginput input[type="text"]{width: 50%;float: left;margin-right: 15px;}
.lodinginp ul li .lodinginput p{float: left;width: 76px;height: 40px;font-size: 0;margin-right: 17px;}
.lodinginp ul li .lodinginput p img{display: block;height: 40px;}
.lodinginp ul li .lodinginput span{float: left;font-size: 12px;color: #999;line-height: 40px;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.lodinginp ul li .lodinginput span:hover{color: #507af3;}
.lodinginp ul li button{width: 100%;display: block;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;border-radius: 2px;
background-color: #507af3;border: 0;margin-top: 15px;outline: none;opacity: 0.9;
    transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.lodinginp ul li button:hover{box-shadow: 0 5px 10px rgba(80,122,243,0.3);
    opacity: 1;}
.lodinginp ul .lodinglast{margin-top: 20px;}
.lodinginp ul li label{display: block;cursor: pointer;font-size: 12px;color: #333;float: left;}
.lodinginp ul li label i{width: 16px;height: 16px;top: 1px;left: 4px;border: 1px solid #507af3;display: inline-block;border-radius: 2px;
vertical-align: -4px;margin-right: 8px;}
.lodinginp ul li label input{float: left;display: none;}
.lodinginp ul li label input:checked+i{background:#507af3 url(../images/checked.png) no-repeat;background-size: 100% 100%;}
.lodinginp ul li a{float: right;font-size: 12px;color: #507af3;}
.saoloding{width: 100%;min-height: 275px;box-shadow: 0 3px 11px rgba(180,180,180,0.26);
    padding-top: 40px;box-sizing: border-box;position: relative;}
.lodingrighter{position: absolute;top: 0;right: 0;}
.saoimg{width: 140px;height: 140px;font-size: 0;margin: 0 auto 40px;}
.saoimg img{width: 100%;}
.saotextcon{margin: 0 auto;width: 100%;}
.saoimgs{float: left;font-size: 0;width: 30px;height: 30px;margin-right: 12px;}
.saotexts{text-align: center;}
.saotexts p{font-size: 12px;color: #666;}
.lodingbut{text-align: center;position: absolute;bottom: 35px;width: 100%;}
.lodingbut a{font-size: 12px;color: #999;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.lodingbut a:hover{color: #507af3;}