*{margin: 0px;padding: 0px;list-style: none;font-size: 14px;color: #4e4e4e;text-decoration: none;border: none;outline: none;}
.centers{align-items: center;justify-content: center;}
.layui-icon i{color: #fff;}
.smimg50{width: 50px;height: 50px;margin-right: 5px;}
a.blues:link,a.blues:visited{color: #63d67d}
a.blues:hover,a.blues:active{color: #34b952;}
a.white:link,a.white:visited{color: #132b18}
a.white:hover,a.white:active{color: #347543;text-decoration: underline;}
.bbg{background: linear-gradient(to  left,#4abab5,#137c77);}
.mcur{background: linear-gradient(to  bottom,#0e97dc,#1d74a0);}
.bggreen{background: #1d9e3a;position: relative;right: 10px;}
.bggreen::after{border-left: 70px solid #1d9e3a;}
.bgred{background: #b4192b;}
.bgred::after{border-left: 70px solid #b4192b;}
.spgreys{color: #aaa;}
.ops:hover{opacity: 0.8;}
.ani{-webkit-animation-name: fadeIn;-webkit-animation-duration: 0.6s;}
.lbg{width: 100%;height: 100vh;background: url(../images/loginbg.jpg) top center no-repeat;}
.logina{width: 1000px;padding: 40px;background: #fff;border-radius: 7px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;}
.logina .h1{width: 510px;height: 399px;background: url(../images/leftbg.jpg) no-repeat;}
.logina .h2{flex: 1;margin-left: 20px;}
.logina .h2 .i1{display: flex;align-items: center;height: 40px;font-weight: bold;font-size: 26px;margin-bottom: 20px;}
.logina .h2 .i2{height: 50px;display: flex;align-items: center;border: 1px #e1e1e1 solid;border-radius: 4px;margin-bottom: 20px;}
.logina .h2 .i2 .j1{margin-left: 10px;display: flex;align-items: center;}
.logina .h2 .i2 .j1 img{width: 20px;}
.logina .h2 .i2 .j2{flex: 1;margin-right: 10px;margin-left: 10px;}
.inp_login{display: flex;height: 50px;align-items: center;width: 100%;border: none;}
.logina .h2 .i3{height: 50px;display: flex;align-items: center;justify-content: center;}
.logina .h2 .i3 .j1{padding-left: 50px;padding-right: 50px;height: 50px;display: flex;color: #fff;border-radius: 7px;font-size: 16px;cursor: pointer;letter-spacing: 3px;margin-right: 20px;}
.logina .h2 .i3 .j1 img{width: 24px;height: 24px;margin-right: 10px;}
.logina .h2 .i3 .j2{padding-left: 30px;padding-right: 30px;height: 46px;display: flex;color: #63d67d;border-radius: 7px;font-size: 16px;cursor: pointer;letter-spacing: 3px;border: 2px #63d67d solid;}
.logina .h2 .i3 .j2 img{width: 24px;height: 24px;margin-right: 10px;}
.logina .h2 .i4{display: flex;height: 50px;margin-top: 20px;}
.logina .h2 .i4 a{margin-left: 15px;margin-right: 15px;color: #63d67d}
.reg{position: absolute;left: 50%;top: 50%;z-index: 9;transform: translate(-50%,-50%);display: flex;width: 970px;}
.reg .h1{width: 270px; height:670px;border-radius: 20px 0px 0px 20px;padding-top: 140px;}
.reg .h1 .i1{display: flex;height: 50px;margin-bottom: 20px;align-items: center;justify-content: flex-end;margin-right: 15px;color: #fff;font-size: 16px;}

.reg .h2{margin-top: 50px;height: 720px;background: #fff;border-radius: 0px 20px 20px 0px;flex: 1;padding: 20px;}
.reg .h2 .i1{display: flex;align-items: center;height: 50px;font-weight: bold;color: #4e4e4e;font-size: 26px;margin-bottom: 20px;}
.reg .h2 .i2{display: flex;align-items: center;height: 50px;margin-bottom: 20px;}
.inpr{border: 1px #e1e1e1 solid;border-radius: 7px;height: 48px;flex: 1;padding-left: 5px;}
.reg .h2 .i2 .btn{margin-left: 20px;width: 150px;height: 50px;background: #e1e1e1;border-radius: 7px;display: flex;align-items: center;justify-content: center;}
.reg .h2 .i2 .j1{flex: 1;height: 50px;margin-left: 10px;margin-right: 10px;background: #e1e1e1;display: flex;border-radius: 7px;cursor: pointer;}
.reg .h2 .i2 .j1 img{width: 20px;height: 20px;margin-right: 4px;}
.reg .h2 .i2 .j1s{flex: 1;height: 50px;margin-left: 10px;margin-right: 10px;background: #4e4e4e;display: flex;border-radius: 7px;color: #fff;cursor: pointer;}
.reg .h2 .i2 .j1s img{width: 20px;height: 20px;margin-right: 4px;}
.reg .h2 .i2 .r1{height: 50px;border-radius: 7px;display: flex;color: #fff;font-size: 16px;cursor: pointer;flex: 1}
.reg .h2 .i2 .r1 img{width: 20px;height: 20px;margin-right: 10px;}
.reg .h2 .i2 .r2{display: flex;align-items: center;justify-content: flex-end;margin-left: 40px;}
/**/
.membg{min-height: 100vh;}
.mem0{display: flex;align-items: center;margin-left: 50px;height: 120px;}
.mem0 .h1{padding-left: 20px;padding-right: 20px;padding-top: 5px;padding-bottom: 5px;}
.mem0 .h1 img{height: 80px;}
.mem0 .h2{flex: 1;display: flex;align-items: center;justify-content: flex-end;margin-right: 50px;}

.tobg{background: linear-gradient(to  bottom,#75d6d2,#b1f8f5);}

.mem{display: flex;}
.mem .h1 .i0{padding: 15px;margin-bottom: 15px;border-radius: 20px 7px 20px 7px;display: flex;flex-direction: column;}
.mem .h1 .i0 .a1{height: 30px;display: flex;align-items: center;}
.mem .h1 .i0 .a1 b{font-weight: bold;color: #000}

.mem .h1{width: 250px;margin-left: 50px;padding-top: 18px;margin-right: 20px;}
.mem .h1 .i1{height: 50px;display: flex;margin-bottom:10px;padding-left: 10px;color: #222;font-size: 16px;align-items: center;}
.mem .h1 .i1 img{width: 30px;height: 30px;margin-right: 10px;}
.mem .h1 .i1:hover{height: 50px;display: flex;margin-bottom:10px;padding-left: 10px;color: #222;font-size: 16px;align-items: center;background: #33aea8;font-weight: bold;border-radius: 15px 4px 4px 4px;}
.mem .h1 .i1s{height: 50px;display: flex;margin-bottom:10px;padding-left: 10px;color: #111;font-size: 16px;align-items: center;border-radius: 15px 4px 4px 4px;font-weight: bold;background: #68d5d0;}
.mem .h1 .i1s img{width: 30px;height: 30px;margin-right: 10px;}
.mem .h1 .i2{display: flex;align-items: center;justify-content: center;color: #2eaea6;font-size: 12px;margin-top: 20px;}

.mem .h2{flex: 1;background: #fff;border-radius: 20px 0px 0px 0px;min-height: calc(100vh - 120px);overflow: hidden;z-index: 99999999;}
.mem .h2 .h2Con{width: 100%;height:calc(100vh - 124px);overflow: auto;}

.mem1{margin-left: 10px;margin-right: 10px;margin-top: 20px; display: flex;align-items: center;}
.cssNav{display: flex;align-items: center;flex: 1; height: 60px;overflow: hidden;border-radius: 7px;overflow: hidden;}
.cssNav .li{
    	position: relative;
        display: inline-block;
        color: #fff;
        line-height: 60px;
        flex: 1;
        padding-left: 10px;
        display: flex;align-items: center;justify-content: center;font-size: 14px;
        cursor: pointer;
    }
    .cssNav .li:after{
        content: "";
        position: absolute;
        right: -45px;
        z-index: 10;
        display: block;
        /*padding-left: 10px;*/
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        
    }
  /*  .cssNav .li:before{
        content: "";
        position: absolute;
        left: 0;
        top: -35px;
        display: block;
        border-top: 70px solid transparent;
        border-bottom: 70px solid transparent;
        border-left: 70px solid #fff;
    }
*/
    .cssNav .li:first-child:before{
        display: none;
    }

    .cssNav .li:last-child:after {
        display: none;
    }
    
    /*.cssNav .li:hover {
        background-color: #ef72b6;
    }

    .cssNav .li:hover:after {
        border-left-color: #ef72b6;
    }*/
    .mem1 .titles{display: flex;align-items: center;height: 30px;width: 100%;margin-bottom: 20px;}
    .mem1 .titles .h1{flex: 1;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 16px;padding-left: 45px;}
    .welcon{display: flex;flex-direction: column;border-left: 1px #e1e1e1 solid;border-top: 1px #e1e1e1 solid;border-radius: 4px;margin-left: 20px;margin-right: 20px;}
    .welcon .h1{display: flex;align-items: center;border-bottom: 1px #e1e1e1 solid;border-right: 1px #e1e1e1 solid;background: #fff;}
    .welcon .h1 .i1{width: 230px;display: flex;align-items: center;padding-left: 10px;padding-right: 10px;color: #111;font-size: 16px;}
    .welcon .h1 .i2{flex: 1;padding-left: 10px;padding-right: 10px;display: flex;align-items: center;border-left: 1px #e1e1e1 solid;min-height: 50px;}

/*info*/
.infoR{width: 350px;}
.dis35{display: flex;align-items: center;}
.qiye{width: 100%;height: 50px;display: flex;align-items: center;margin-bottom: 20px;}
.qiye .h1{padding-left: 40px;padding-right: 40px;height: 49px;border-bottom: 1px #e1e1e1 solid;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #6e6e6e;font-size: 16px;}
.qiye .h1s{padding-left: 39px;padding-right: 39px;height: 49px;border-top: 1px #e1e1e1 solid;border-left: 1px #e1e1e1 solid;border-right: 1px #e1e1e1 solid;display: flex;align-items: center;justify-content: center;
font-weight: bold;color:#4abab5;cursor: pointer;font-size: 16px;}
.qiye .h2{flex: 1;height: 49px;border-bottom: 1px #e1e1e1 solid;}

.qiyes{width: 100%;height: 50px;display: flex;align-items: center;margin-bottom: 20px;}
.qiyes .h1{padding-left: 40px;padding-right: 40px;height: 49px;border-bottom: 1px #e1e1e1 solid;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #6e6e6e;font-size: 16px;}
.qiyes .h1s{padding-left: 39px;padding-right: 39px;height: 49px;border-top: 1px #e1e1e1 solid;border-left: 1px #e1e1e1 solid;border-right: 1px #e1e1e1 solid;display: flex;align-items: center;justify-content: center;
font-weight: bold;color:#4abab5;cursor: pointer;font-size: 16px;}
.qiyes .h2{flex: 1;height: 49px;border-bottom: 1px #e1e1e1 solid;}

.page .Cur{background: #4abab5;color: #fff;}
.sheshi{width: 100%;height: 100%;display: flex;flex-direction: column;}
.sheshi .h1{height: 80px;border-radius: 7px;border: 1px #e1e1e1 solid;width: 400px;display: flex;font-size: 18px;margin-top: 50px;align-items: center;}
.sheshi .h1:hover{border: 1px #4abab5 solid;color: #4abab5;box-shadow: 0px 0px 10px #a1efec;}
.sheshi img{width: 30px;height: 30px;margin-right: 10px;}
.sheshi .h1s{height: 80px;border-radius: 7px;border: 2px #4abab5 solid;width: 400px;display: flex;font-size: 18px;margin-top: 50px;align-items: center;color: #4abab5}

.xuke{display: flex;align-items: center;margin-left: 20px;margin-right: 20px;margin-bottom: 30px;flex-wrap: wrap;flex: 1}
.xuke a{flex: 1;display: flex;align-items: center;}
.xuke .h1{padding-left: 50px;padding-right: 50px;height: 80px;display: flex;border-radius: 7px;color: #fff;margin-right: 30px;font-size: 16px;margin-bottom: 30px;flex: 1}
.xuke .h1 i{font-size: 30px;margin-right: 10px;color: #fff;}
.mcenters{display: flex; align-items: center;justify-content: center;}
.mbolds td{font-weight: bold;font-size: 16px;color: #111;}