﻿:root{--a-color: #3498db;--a-hover-color: #192844;--text-color: #333;--content-color: #666;--title-color: #999;--background-color: #f7f8f9;--box-background-color: #FFF;--main-color: #192844;--line-color: #ededed;--problem-color: #33a98f;--answer-color: #f5a623;--content-bg-color: #f8fafe;--line-hover-color: #f5a623;--bg-color: #F5F5F5}*,html,body,div,label,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,a,input{margin:0;padding:0;font-family:"微软雅黑"}i{display:inline-block;background-position:center;background-repeat:no-repeat;width:40px;height:40px}h1,h2,h3,h4,h5,h6{font-weight:400}fieldset,img{border:none}html{overflow-y:scroll;-webkit-text-size-adjust:none;font-size:62.5%}input::-moz-focus-inner{border:none;padding:0}select,input{vertical-align:middle}input[type=text],input[type=password],textarea{outline-style:none;-webkit-appearance:none}img{width:auto}span{display:inline-block}table{border:1px gray solid;border-spacing:0px;border-collapse:collapse;color:#212529;margin:12px auto}table td,table th{padding:12px;vertical-align:top;border-top:1px solid #dee2e6}ul,ol{list-style:none}body{font-size:1.6rem;line-height:1.5;color:var(--text-color);background-color:var(--background-color);position:relative}a{color:var(--text-color);text-decoration:none;webkit-transition:.5s;-webkit-transition:.5s;transition:.5s}header{position:relative;padding:0;margin:0;width:100%;height:72px;background-color:var(--box-background-color);box-shadow:0 2px 6px 0 rgba(0,0,0,.05)}header .header-container{padding:0 20px;margin:0 auto;width:calc(100% - 40px);max-width:1200px;height:72px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box}header .mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:1001}header .mobile-menu-toggle span{display:block;width:100%;height:3px;background-color:var(--main-color);border-radius:2px;transition:all .3s ease}header .mobile-menu-toggle.active span:nth-child(1){transform:translateY(10px) rotate(45deg)}header .mobile-menu-toggle.active span:nth-child(2){opacity:0}header .mobile-menu-toggle.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}header .logo img{height:50px}header ul{display:flex;flex-direction:row;height:72px;line-height:72px}header ul li{margin:0 10px;position:relative}header ul li a{cursor:pointer;display:block;padding:0 10px;font-size:16px;height:69px;font-weight:400;color:val(--title-color)}header ul li a.active,header ul li a:hover{color:var(--main-color);border-bottom:3px solid var(--main-color)}header ul li a.sub::after{content:"";display:block;position:absolute;top:48%;right:-8px;width:20px;height:5px;background:url(/static/img/icon_down.png) no-repeat center}header ul li .sub-menu{display:none;width:180px;background-color:var(--box-background-color);opacity:.9;position:absolute;top:72px;left:-50px;z-index:999}header ul li .sub-menu a{display:block;text-align:center;border-bottom:none;height:50px;line-height:50px;color:var(--title-color)}header ul li .sub-menu a:hover,header ul li .sub-menu a.active{color:var(--main-color)}header ul li:hover .sub-menu{display:block}header ul li:hover ul{display:block}header .login-box{margin-left:auto;display:flex;flex-direction:row;align-items:center}header .login-box .login-lawyer{display:inline-block;padding:10px 20px;background:linear-gradient(270deg, #ffcaa8, #ffddc7);color:#653619;font-size:12px;border-radius:10px}header .login-box .login-lawyer .lawyer-info{display:none}header .login-box a{display:inline-block;padding:0 10px}header .login-box a.login{display:flex;flex-direction:row;align-items:center}header .login-box a.login i{display:inline-block;width:40px;height:40px;background:url(/static/img/avatar.png) no-repeat center;background-size:cover;margin-right:10px}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-toggle span{display:block;width:100%;height:3px;background-color:var(--main-color);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(10px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}footer{line-height:60px;height:60px;text-align:center;font-size:13px;color:var(--title-color)}footer a{color:var(--a-color)}footer a:hover{color:var(--a-hover-color)}.banner{height:500px;background-color:#34b9d1;text-align:center}.banner.caichan{background-color:#f5f5f5}.banner.caichan img{max-width:100%;height:auto;display:block;margin:0 auto}.cBox{width:1200px;margin:0px auto;padding:58px 0;font-size:20px}.cBox .info{width:1100px;padding:30px;margin:0 auto}.cBox .info ul{font-size:16px;color:var(--title-color)}.cBox .info strong{color:#e43c43}.cBox .basis{width:1140px;padding:20px;margin:20px auto;background-color:#ff5864;border-radius:10px;color:var(--box-background-color)}.cBox .basis p{font-size:15px;color:#f4f4f4}.cBox h2{font-size:40px;text-align:center;padding-bottom:20px;background:url(/static/img/topic/yichan_line.png) no-repeat center bottom}.cBox h3{font-size:40px;margin:0 auto 40px auto;text-align:center}.cBox h3+h3{margin:-40px auto 0 auto}.cBox h3.red{color:#ff5864}.cBox .con{width:1100px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center}.cBox .con P{color:var(--content-color)}.cBox .con .tips{display:flex;flex-direction:row;justify-content:center}.cBox .con .tips li{width:420px;text-align:center;margin:0 60px;display:block}.cBox .con .tips li i{display:block;width:22px;height:16px;margin:20px auto;background-image:url(/static/img/topic/icon_down.png)}.cBox .con .tips li div{padding:20px;box-shadow:0 0 10px rgba(0,0,0,.15);text-align:left}.cBox .con .tips li div h5{margin-bottom:10px}.cBox .con .tips li div p{font-size:15px}.cBox .con.yichan img{margin-right:30px}.cBox .con.yichan>div{display:flex;flex-direction:row}.cBox .con.yichan>div p{display:inline-block;width:760px;margin:0 20px}.cBox .con.yichan i{width:39px;background:url(/static/img/icon_quotation_mark.png) no-repeat center center}.cBox .con.yichan i:last-child{transform:rotate(180deg);height:200px}.cBox .law{width:1200px;margin:50px auto;color:var(--content-color)}.cBox .law img{float:right}.cBox .law p{margin-bottom:10px}.cBox .prompt{width:900px;min-height:615px;margin:20px auto;background:url(/static/img/topic/yichan_prompt_bg.png) no-repeat center center;position:relative}.cBox .prompt p{color:var(--text-color);cursor:pointer;text-align:center;position:absolute;line-height:21px}.cBox .prompt p:hover{color:#e43c43}.cBox .prompt i{background:url(/static/img/topic/yichan_prompt_line.png) no-repeat center center;position:absolute;float:right}.cBox .prompt .p1{top:180px;left:30px;width:260px}.cBox .prompt .p1 i{width:75px;height:28px;background-position:0 0;top:0;right:-33%}.cBox .prompt .p1:hover i{background-position:0 -28px}.cBox .prompt .p2{top:180px;right:20px;width:260px}.cBox .prompt .p2 i{width:75px;height:20px;background-position:-75px 0;top:0;left:-35%}.cBox .prompt .p2:hover i{background-position:-75px -28px}.cBox .prompt .p3{top:300px;left:20px;width:256px}.cBox .prompt .p3 i{width:75px;height:20px;background-position:-150px 0;top:0;right:-35%}.cBox .prompt .p3:hover i{background-position:-150px -28px}.cBox .prompt .p4{top:290px;right:20px;width:256px;text-align:left}.cBox .prompt .p4 i{width:75px;height:20px;background-position:-225px 0;top:0;left:-35%}.cBox .prompt .p4:hover i{background-position:-225px -28px}.cBox .prompt .p5{top:395px;left:50px;width:256px}.cBox .prompt .p5 i{width:75px;height:20px;background-position:-150px 0;top:0;right:-35%}.cBox .prompt .p5:hover i{background-position:-150px -28px}.cBox .prompt .p6{top:395px;right:20px;width:256px;text-align:left}.cBox .prompt .p6 i{width:75px;height:20px;background-position:-225px 0;top:0;left:-35%}.cBox .prompt .p6:hover i{background-position:-225px -28px}.cBox .prompt .p7{top:35px;right:220px;width:465px;text-align:center}.cBox .prompt .p7 i{width:20px;height:75px;background-position:-349px 0;top:50px;left:46%}.cBox .prompt .p7:hover i{background-position:-371px 0}.cBox .prompt .p8{bottom:35px;right:220px;width:465px;text-align:center}.cBox .prompt .p8 i{width:20px;height:75px;background-position:-306px 0;bottom:35px;left:46%}.cBox .prompt .p8:hover i{background-position:-327px 0}.cBox .reply{width:1006px;height:688px;margin:20px auto;background:url(/static/img/topic/zhuanti_reply_bg.png) no-repeat center center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.cBox .reply div{width:50%;position:relative}.cBox .reply div p{width:200px;height:110px;padding:0 151px;position:absolute;top:-24px;font-size:18px}.cBox .reply div:nth-child(1) p{left:-38px}.cBox .reply div:nth-child(2) P{left:66px}.cBox .reply div:nth-child(3) P{left:-34px;top:-45px}.cBox .reply div:nth-child(4) P{left:66px;top:-45px}.cBox .agreement{width:749px;height:795px;margin:20px auto;background:url(/static/img/topic/caichan_agreement_bg.png) no-repeat center center;padding-left:158px}.cBox .agreement h4{border-bottom:1px solid var(--line-color);line-height:60px;padding-top:40px;width:690px;text-align:center}.cBox .agreement .agreement_content{width:690px;padding:20px 0;font-size:15px}.cBox .agreement .agreement_content p{margin-bottom:10px;color:var(--content-color)}.cBox .agreement a{display:block;width:120px;height:40px;line-height:40px;text-align:center;background:#ff5556;color:#fff;margin:20px auto;border-radius:5px;font-size:16px;opacity:.8}.cBox .agreement a:hover{opacity:1}.cBox .process{width:1060px;margin:20px auto}.cBox .process li{display:flex}.cBox .process{width:1060px;margin:20px auto}.cBox .process li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:150px}.cBox .process li .pic{width:202px;height:100%;background-repeat:no-repeat;background-position:center}.cBox .process li .text{width:718px;height:90px;background:url(/static/img/topic/zhuanliquan_process_bg.jpg) no-repeat center center;padding:30px 70px}.cBox .process li .text p{font-size:16px;color:var(--content-color)}.cBox .process li:nth-child(1) .pic{background-image:url(/static/img/topic/zhuanliquan_process_01.jpg)}.cBox .process li:nth-child(1) h4{color:#ff5556}.cBox .process li:nth-child(2) .pic{background-image:url(/static/img/topic/zhuanliquan_process_02.jpg)}.cBox .process li:nth-child(2) h4{color:#ff9416}.cBox .process li:nth-child(3) .pic{background-image:url(/static/img/topic/zhuanliquan_process_03.jpg)}.cBox .process li:nth-child(3) h4{color:#3cbb92}.cBox .process li:nth-child(4) .pic{background-image:url(/static/img/topic/zhuanliquan_process_04.jpg)}.cBox .process li:nth-child(4) h4{color:#4e8c10}.cBox .process li:nth-child(5) .pic{background-image:url(/static/img/topic/zhuanliquan_process_05.jpg)}.cBox .process li:nth-child(5) h4{color:#01c6eb}.cBox .process li:nth-child(6){height:80px}.cBox .process li:nth-child(6) .pic{background-image:url(/static/img/topic/zhuanliquan_process_06.jpg);background-position:top center}.cBox .itemBox{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}.cBox .itemBox .item{width:242px;height:220px;background-position:top center;background-repeat:no-repeat;margin:0 40px;font-size:15px;padding:120px 20px 0 20px;color:var(--content-color)}.cBox .itemBox .item:nth-child(1){background-image:url(/static/img/topic/zhuanliquan_process_item_01.jpg)}.cBox .itemBox .item:nth-child(2){background-image:url(/static/img/topic/zhuanliquan_process_item_02.jpg)}.cBox .itemBox .item:nth-child(3){background-image:url(/static/img/topic/zhuanliquan_process_item_03.jpg)}.cBox .ask{width:1200px;margin:20px auto}.cBox .ask dd{font-size:16px;color:var(--title-color)}.cBox .cases{width:1200px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:50px auto 20px auto}.cBox .cases li{width:calc(50% - 60px);margin-bottom:20px}.cBox .cases li a::before{content:"";width:10px;height:10px;background-color:var(--a-color);display:inline-block;margin-right:10px}.cBox .cases li.red a::before{background-color:#ff5556}.cBox .cases li p{font-size:15px;color:var(--title-color);padding:0 20px}.cBox .qa{padding:20px 0}.cBox .qa dt,.cBox .qa dd{font-size:18px}.cBox .qa dt::before,.cBox .qa dd::before{content:"问";width:24px;height:24px;background-color:#ff5556;display:inline-block;margin-right:10px;color:#fff;font-size:15px;text-align:center}.cBox .qa dt{margin-bottom:6px}.cBox .qa dd{color:var(--title-color)}.cBox .qa dd::before{content:"答";background-color:var(--title-color)}.banner_hetong{text-align:center;margin:0 auto}.banner_hetong a{display:block;height:224px}.banner_hetong a img{height:100%}.zhuanliquan .cBox .title{text-indent:-999px;background:url(/static/img/topic/zhuanliquan_title.jpg) no-repeat center center;height:160px}.caichan .cBox .title{text-indent:-999px;background:url(/static/img/topic/caichan_title.png) no-repeat center center;height:160px}.content{clear:both}.content:nth-child(even){background-color:var(--box-background-color)}.hetong{width:1200px;height:140px;margin:0 auto;text-align:center}.hetong a{display:inline-block;width:1200px;height:140px;margin:0 auto;position:relative}.hetong a span{display:inline-block;position:absolute;top:75%;left:50%;transform:translate(-50%, -50%);width:120px;height:40px;line-height:40px;border:1px solid #f6ea24;color:#f6ea24}.hetong a:hover span{background-color:#f6ea24;color:#fff}@media screen and (max-width: 1200px){.caichan{overflow:hidden}.caichan .cBox{width:calc(100% - 40px)}.caichan .cBox .info{width:calc(100% - 40px)}.caichan .cBox .info ul{width:100%}.caichan .cBox .info ul li{width:100%}.caichan .cBox .basis{width:calc(100% - 40px)}.caichan .cBox .con.caichan{width:100%}.caichan .cBox .reply{width:100%;background-size:0%;height:100%}.caichan .cBox .reply div{width:calc(50% - 30px);text-align:center;display:block;background-color:#f4f4f4;margin:5px;padding:10px;height:100%}.caichan .cBox .reply div p{width:80%;text-align:center;padding:0;margin:0px auto;position:static}.caichan .cBox ul.cases{width:100%}.caichan .cBox ul.tips li{width:40%;margin:0 5%}.caichan .cBox .agreement{width:90%;padding-left:10%;background-size:90%}.caichan .cBox .agreement .agreement_content{width:90%}.copyright{line-height:30px;padding:10px 0}.banner.zhuanliquan{height:auto}.banner.zhuanliquan img{width:100%;height:auto}.content.zhuanliquan{overflow:hidden}.content.zhuanliquan .cBox{width:calc(100% - 40px)}.content.zhuanliquan .cBox .info{width:calc(100% - 40px)}.content.zhuanliquan .cBox .info ul{width:100%}.content.zhuanliquan .cBox .info ul li{width:100%}.content.zhuanliquan .cBox .con{width:100%}.content.zhuanliquan .cBox .con img{display:none}.content.zhuanliquan .cBox .process{width:100%}.content.zhuanliquan .cBox .process li{width:100%;height:auto;margin:10px auto}.content.zhuanliquan .cBox .process li .pic{display:none}.content.zhuanliquan .cBox .process li .text{background-color:#f5f5f5;padding:10px 20px;width:calc(100% - 40px)}.content.zhuanliquan .cBox .itemBox{height:auto}.content.zhuanliquan .cBox .itemBox .item{width:100%;padding:120px 0 0 0;margin:0 5px}.content.zhuanliquan .cBox .ask{width:100%}.content.zhuanliquan .cBox .cases{width:100%}.content.zhuanliquan .cBox .cases li{width:100%}.hetong.zhuanliquan{width:100%;background-color:#f5f5f5;display:none}.banner.yichanjicheng{height:auto}.banner.yichanjicheng img{width:100%;height:auto}.content.yichanjicheng{overflow:hidden}.content.yichanjicheng .cBox{width:calc(100% - 40px)}.content.yichanjicheng .cBox .info{width:calc(100% - 40px)}.content.yichanjicheng .cBox .info ul{width:100%}.content.yichanjicheng .cBox .info ul li{width:100%}.content.yichanjicheng .cBox .con{width:100%}.content.yichanjicheng .cBox .con.yichan img{display:none}.content.yichanjicheng .cBox .law{width:100%}.content.yichanjicheng .cBox .prompt{width:100%}.content.yichanjicheng .cBox .cases{width:100%}.banner_hetong{height:auto}.banner_hetong a{width:100%;height:inherit}.banner_hetong a img{width:100%;height:auto}}@media screen and (max-width: 768px){header .header-container{width:100%;padding:0 15px;justify-content:space-between}header .mobile-menu-toggle{display:flex;order:3;margin-left:auto}header ul.nav-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;z-index:999;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow-y:auto;height:auto;flex-direction:column;padding:0;margin:0}header ul.nav-menu.active{display:flex}header ul.nav-menu li{width:100%;margin:0;border-bottom:1px solid var(--line-color)}header ul.nav-menu li:last-child{border-bottom:none}header ul.nav-menu li a{display:block;padding:14px 20px;font-size:15px;height:auto;line-height:1.5;color:var(--title-color)}header ul.nav-menu li a.active,header ul.nav-menu li a:hover{color:var(--main-color);background-color:var(--background-color)}header ul.nav-menu li a.sub::after{right:20px;transform:rotate(0deg);transition:transform .3s ease}header ul.nav-menu li.has-submenu.active>a.sub::after{transform:rotate(180deg)}header ul.nav-menu li .sub-menu{display:none;position:static;width:100%;background-color:var(--background-color);opacity:1;box-shadow:none}header ul.nav-menu li .sub-menu a{padding-left:40px;font-size:14px}header ul.nav-menu li.active .sub-menu{display:block}.banner.caichan{height:auto}.banner.caichan img{width:100%;height:auto}.cBox{width:100%;padding:30px 15px;font-size:16px}.cBox .info{width:100%;padding:15px}.cBox .title h1{font-size:24px}.cBox h3{font-size:20px}.hetong a{width:100%;height:auto}.content.yichanjicheng{overflow:hidden}.content.yichanjicheng .cBox{width:calc(100% - 40px)}.content.yichanjicheng .cBox .prompt{width:100%;background-size:0;min-height:auto}.content.yichanjicheng .cBox .prompt ::before{content:"*";padding-left:10px}.content.yichanjicheng .cBox .prompt p{position:static;text-align:left}.content.yichanjicheng .cBox .prompt p i{display:none}.content.yichanjicheng .cBox .cases{width:100%}.content.yichanjicheng .cBox .cases li{width:100%}.content.yichanjicheng .cBox .con.yichan div p{width:100%}.content.yichanjicheng .cBox .law img{display:none}}@media screen and (max-width: 1200px){header .header-container{width:100%;padding:0 20px}header ul li{margin:0 5px}header ul li a{padding:0 8px;font-size:14px}.banner.caichan img{width:100%;height:auto}.cBox{width:100%;padding:40px 20px}.cBox .info{width:100%;padding:20px}.hetong a{width:100%}}/*# sourceMappingURL=topic.css.map */
