.banner-design{background:url('/static/index/img/design-bg.jpg') 100% 100%;height:300px;text-align:center;margin-bottom:20px}.banner-design h1{color:#FFF;line-height:160px;font-weight:400;padding:10px}.banner-design span{color:#E8E800}.banner-design h3{color:#396779;margin-top:-55px;font-weight:400;width:300px;text-align:center;position:absolute;left:50%;margin-left:-150px}.banner-design h3:hover{color:#49EA12;font-weight:bold}.banner-design a.anm{border:1px #E8E800 solid;border-radius:50px;width:205px;line-height:50px;font-size:20px;color:#E8E800;display:block;margin:0 auto}.banner-design a.anm:hover{background:#5AAD01;color:#FFF}.books{padding-bottom:40px}.designbox{margin:20px auto}.designbox .pages{text-align:center}.designbox .pages .pagination{display:inline-block}.designbox>.row{display:-webkit-box;display:-ms-flexbox;display:flex}.design{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px;height:260px}.design .box{background:#fff;height:100%;border-radius:20px}.design .box:hover{-webkit-box-shadow:0 3px 16px rgba(0,0,0,0.1);box-shadow:0 3px 16px rgba(0,0,0,0.1)}.design .logo{margin:30px;float:left}.design .logo img{width:182px;height:182px;border:0;border-radius:20px}.design .nr{padding:30px;height:100%;position:relative}.design .nr h3{margin:0 0 5px 0;font-size:22px;font-weight:bold}.design .nr h3 img{width:30px;height:30px;float:left;margin-right:10px}.design .nr h3 a{color:#6B6B6B}.design .nr h3 span{font-size:14px;display:inline-block;padding:3px 8px 3px 8px;color:#FFF;font-weight:400;border-radius:20px;margin-left:10px;position:relative;top:-4px}.design .nr .dsj{background:#FF4A4C}.design .nr .gjj{background:#855AFF}.design .nr .ptj{background:#4AB9FF}.design .nr h4{margin:0 0 10px 0;font-size:14px;line-height:30px;color:#8C8C8C;font-weight:400}.design .nr p{color:#8C8C8C;font-size:14px;text-align:Justify;text-justify:inter-ideograph}.design .nr .ckzp{padding:5px 20px 5px 20px;background:#6BC30D;display:inline-block;color:#FFF;position:absolute;bottom:30px;border-radius:30px}.design .nr .ckzp:hover{background:#5CB30E}.designer{background:#F7F8F8;border-bottom:#E2E2E2 1px solid}.designer>div{padding:30px 20px;position:relative}.designer .l{display:inline}.designer .logo{float:left;text-align:center;position:relative;width:140px;height:140px;margin-right:20px}.designer .logo:before{content:'';height:100%;display:inline-block;vertical-align:middle}.designer .logo img{width:120px;height:auto;vertical-align:middle}.designer .nr{max-width:660px}.designer .nr .cksj{width:80px;height:30px;line-height:30px;background:#6BC30D;display:inline-block;text-align:center;color:#FFF;border-radius:3px;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s}.designer .nr .cksj:hover{background:#67B90D}.designer .nrv{font-size:20px;display:inline-block;color:#FFAC19;margin-left:10px;position:relative;top:-2px;font-weight:400}.designer .nr .sjfx{position:relative;color:#3D3C4A}.designer .nr .sjfx i{margin:0 5px 0 10px;color:#3D3C4A;font-size:18px}.designer .nr h3{margin:10px 0 10px 0;color:#6B6B6B;font-size:22px;font-weight:bold}.designer .nr h3 img{width:30px;height:30px;float:left;margin-right:10px}.designer .nrsp{font-size:14px;display:inline-block;padding:3px 8px 3px 8px;color:#FFF;font-weight:400;border-radius:10px;margin-left:10px;position:relative;top:-4px}.designer .nr h3 .dsj{background:#FF4A4C}.designer .nr h3 .gjj{background:#855AFF}.designer .nr h3 .ptj{background:#4AB9FF}.designer .nr p{color:#8C8C8C;font-size:14px;margin-bottom:15px}.designer .nr a{margin-right:15px}.designer .nr a i{color:#5DBB00;font-size:22px}.designer .r{position:absolute;right:0;top:43px;color:#999}.designer .r i{font-size:18px;margin-right:10px}.designer .r div{margin-bottom:10px}.designer .r .rzps{font-size:26px;color:#6BC30D}.banner-design-join{background:url('/static/index/img/first-bg.jpg') no-repeat center;background-size:100%;height:500px;text-align:center;margin-bottom:20px;padding:45px;color:#fff}.settled{background:#fff;padding:40px 56px;margin-top:-350px;margin-bottom:50px}.settled .top{border-bottom:1px solid #E9ECEF;padding-bottom:10px;margin-bottom:30px}.settled .top h1 span{font-size:16px;margin-left:20px;color:#6C757D}.settled .body label{font-weight:bold}.settled .body .l{width:50%;padding-right:100px;border-right:1px dashed #DEE2E6}.settled .body .r{width:50%;padding-left:100px}.settled .body .form-group{margin-bottom:20px}.settled .body .r .yourlogo>img{width:200px;height:200px}.settled .body .r .yourlogo>a{margin-left:20px}.settled .body .r .yourlogo>p{font-size:14px;margin-top:5px;color:#6B6B6B}.settled .body .r .yourlogo.error>img{border:1px solid red}.settled .body .r textarea{height:100px}.selectBooks{width:1328px;height:560px}.selectBooks .content{height:calc(100% - 120px)}.selectBooks .content .tdbox{float:left;width:150px;height:190px;border-radius:4px;background:#F8F9FA;margin:5px;text-align:center;overflow:hidden}.selectBooks .content .tdbox .md{width:100%;height:150px;position:relative;cursor:pointer}.selectBooks .content .tdbox i{width:100%;height:100%;position:absolute;left:0;top:0;font-size:52px;background:rgba(0,0,0,0.6);color:#fff;text-align:center;line-height:150px;display:none}.selectBooks .content .tdbox .activ i{display:block}.selectBooks .content .tdbox img{max-height:150px;max-width:150px}.selectBooks .content .tdbox p{padding:5px 10px}.selectBooks .content .tdbox p>a{color:#0B0B0B}.design-state{background:#fff;padding:40px 56px;margin-top:-350px;margin-bottom:50px}