/* CSS Document */

/* 代理前端 */
/*header*/
.nav > ul > li > a{font-size:18px;}
.nav-agent > ul > li {margin:0 23px; float:left; display:inline-block;}
.mod-agency .layout {width: 1350px;margin: 0 auto;}
.mod-reg {position:unset;}
.nav-agent > ul > li {margin: 0 5px!important;}
.nav-agent > ul > li:first-child{margin-left:15px !important;}

.login-wrap{margin-top:12px;}
.login-menu span.pr{margin:0 5px; display:inline-block;}
.login-menu input {display:inline-block;}
.login-menu .without-forgotpw input.input-psw{padding-right:25px;}
.login-menu .without-forgotpw .fa-eye-slash{right:7px;}
.loginscreen .logo-header img{width:60%;}
.loginscreen .web-online-chat{margin:0 20px;width: 100%;color: #fff;}

.gray-bg{background-image:url(../images/login/login_bg.webp); background-repeat:no-repeat; background-size:100% 100%; position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0;}
.gray-bg .middle-box .ibox-content #uid{-webkit-box-flex:1; flex:1 1 0%; width:390px; height:99%; outline:none; padding:0; border:1px solid rgba(255, 255, 255, 0); background-color:rgba(255, 255, 255, 0); margin-left:18px; font-size:14px; color:#fff; opacity:0.9; font-weight:bold;}
.gray-bg .middle-box .ibox-content .form-group{height:40px; line-height:40px; display:flex; width:100%; border-radius:20px; overflow:hidden; /* box-shadow:rgb(255 255 255) 0px 1px 15px 0px inset; */ background-color:rgb(197 197 197 / 58%); margin:20px 0;}
.gray-bg .middle-box .ibox-content #jpwd{-webkit-box-flex:1; flex:1 1 0%; width:390px; height:99%; outline:none; padding:0; border:1px solid rgba(255, 255, 255, 0); background-color:rgba(255, 255, 255, 0); margin-left:18px; font-size:14px; color:#fff; opacity:0.9; font-weight:bold;}
.gray-bg .middle-box .ibox-content #uid::placeholder, .gray-bg .middle-box .ibox-content #jpwd::placeholder{color:#fff;}
.gray-bg .middle-box .ibox-content #gologin_agent{font-size:14px; width:300px; text-align:center; height:40px; line-height:30px; margin-bottom:10px; user-select:none; background-color:unset; background-image:linear-gradient(rgb(132 173 207), rgb(74 109 175)); color:#fff; border:none; border-radius:20px; box-shadow:rgb(49 131 225 / 20%) 0px 4px 8px 4px; display:inline-block;}
.gray-bg .ibox-content{background-color:transparent;}
.gray-bg .middle-box.text-center{text-align:center; width:90%; max-width:520px; padding:44px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/*agency homepage*/
.mod-agency{background-image:url(../images/agent/bg.webp); background-size:100% 100%;padding-bottom:50px;overflow-x:hidden;}
.mod-agency section{scroll-behavior:smooth;}
.mod-agency .img-wrap{width:49.16%; background-size:contain; float:left;}
.mod-agency .img-wrap.img1 img{width:120%;}
.mod-agency .left-content{width:42.5%; float:left; margin:0 36px;}
.mod-agency .left-content .img2.title1{width:100%; height:169px; background:url(../images/agent/img_title1.webp) no-repeat center/contain;}
.mod-agency .left-content .img3.content{width:100%; height:40px; margin-top:40px; background:url(../images/agent/content.webp) no-repeat center/contain;}
.mod-agency .left-content .img2.title2{width:100%; height:147px; margin:0 auto; background:url(../images/agent/img_title2.webp) no-repeat center/contain;}
.mod-agency .right-content .img2.title3{width:100%; height:121px; background:url(../images/agent/img_title3.webp?v1) no-repeat center/contain;}
.mod-agency .left-content ul{margin-top:40px; display:flex; align-items:center; justify-content:space-between;}
.mod-agency .left-content li{width:31.7%; padding-top:27.5%; /*border-radius:9px;*/ position:relative; overflow:hidden; box-shadow:0px 7px 16px 6px #bababa99;}
.mod-agency .left-content li .mask{z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:.6;}
.mod-agency .left-content li .contact-item{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; box-sizing:border-box; text-align:center; display:flex; flex-direction:column; justify-content:space-around; align-items:center; padding:14px 0 16px;}
.mod-agency .left-content li .contact-item img{width:30px;}
.mod-agency .left-content li .contact-item p.txt{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; height:20px; line-height:20px; color:#6a7391; font-size:12px; margin-top:8px;}
.mod-agency .left-content li .contact-item a{font-size:12px; color:#fff; display:block; width:80px; margin:10px auto 0; height:22px; line-height:22px; border-radius:13px; border:1px solid transparent; background-image:linear-gradient(180deg,#6897FF,#586FFF);}
.mod-agency .left-content li .contact-item a:hover{transition:all .2s; background:none; color:#5462FF; border:1px solid #5462FF;}
.mod-agency .left-content li.contact-3 a{width:60px; float:left;}
.mod-agency .left-content li.contact-3 a.dwn{margin-left:8px; background-image:none; border:1px solid #5462FF; color:#5462FF;}
.mod-agency .left-content .platform-go{display:block; width:160px; height:50px; line-height:50px; text-align:center; margin:42px auto 0; font-size:18px; position:relative; z-index:1; cursor:pointer; transition:all .2s ease; background:#fff; color:#5462FF; border-radius:13px; background:linear-gradient(snow 36%, #5462ff2e);}
.mod-agency .left-content .platform-go:hover{transform:scale(1.05); color:#fff;}
.mod-agency .left-content .platform-go:hover:before{content:''; z-index:-1; top:0; display:block; width:180px; height:53px; position:absolute; left:50%; transform:translate3d(-50%,0,0); /*background-image:url(../images/btn_selected.webp);*/ background-repeat:no-repeat; background-size:100% 100%; background:linear-gradient(180deg,#6897FF,#586FFF); border-radius:15px; box-shadow:0px 6px 6px 1px #848383; color:#fff;}

.mod-agency .top-wrap{padding-top:100px;}
.mod-agency .mid-wrap,.mod-agency .bottom-wrap{margin-top:100px;}
.mod-agency .mid-wrap .img-wrap{width:33%;}
.mod-agency .mid-wrap .img-wrap.img1 img{width:100%;}
.mod-agency .mid-wrap .left-content{width:61%; text-align:center;}
.mod-agency .mid-wrap .left-content img.img2{width:61.48%;}
.mod-agency .mid-wrap ul{margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.mod-agency .mid-wrap li{width:49.18%; padding-top:40.98%; background-color:#fff; border-radius:20px; position:relative; overflow:hidden; margin-bottom:1.64%;}
.mod-agency .mid-wrap li .inner{top:17px; left:16px; position:absolute; width:317px; height:255px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:10px; border:4px solid #d2b496;}
.mod-agency .mid-wrap li p{line-height:24px; text-align:center; font-size:16px; font-weight:700; color:#6a7391;}
.mod-agency .mid-wrap li p.txt{font-size:14px; margin-bottom:4px; font-weight:normal; color:#9d9da5;}
.mod-agency .mid-wrap li img{width:72.22%;}

.mod-agency .bottom-wrap .img-wrap{width:410px;}
.mod-agency .bottom-wrap .img-wrap.img1 img{width:100%;}
.mod-agency .bottom-wrap .right-content{width:564px; float:left; margin-top:3%; margin-left:10%;}
.mod-agency .bottom-wrap .right-content img.img2{width:89.54%;}
.mod-agency .bottom-wrap .right-content > div{margin-top:4%;}
.mod-agency .bottom-wrap .right-content .title{width:100%; margin-bottom:3%; overflow:hidden;}
.mod-agency .bottom-wrap .right-content .title p{position:relative; margin:0 auto; width:188px; line-height:20px; font-size:16px; font-weight:700; color:#414755; text-align:center;}
.mod-agency .bottom-wrap .right-content .title p:before{content: ""; display:block; position:absolute; left:-76%; width:188px; height:23px; /*border:1px solid #c0c4d0;*/ background-image:url(../images/home/titleset.webp); background-size:477px 21px;}
.mod-agency .bottom-wrap .right-content .title p:after{content:""; display:block; position:absolute; top:-3px; right:-76%; width:188px; height:24px; /* border: 1px solid #c0c4d0; */ background-image:url(../images/home/titleset.webp); background-size:477px 21px; background-position:-767px 3px;}
.mod-agency .bottom-wrap .right-content ul{display:flex; align-items:center; justify-content:space-between;}
.mod-agency .bottom-wrap .right-content li{width:25%; text-align:center;}
.mod-agency .bottom-wrap .right-content li img{width:66.67%;}
.mod-agency .bottom-wrap .right-content li p{width:100%; line-height:19px; color:#6a7391; font-size:12px;}
.mod-agency .bottom-wrap .right-content li .title{font-size:14px; line-height:1.25; width:100%; font-weight:700; color:#414755; margin-bottom:6.67%;}

.mod-agency .bottom-wrap .right-content .partner ul{flex-wrap:wrap; justify-content:center; margin-bottom:-20px;}
.mod-agency .bottom-wrap .right-content .partner li{width:33.3%; margin-bottom:20px; text-align:center;}
.mod-agency .bottom-wrap .right-content .partner li img{width:72px; margin-bottom:15px;}
.mod-agency .bottom-wrap .right-content .license{width:100%; margin-bottom:30px;}
.mod-agency .bottom-wrap .right-content .license img{width:100%;}

.mod-agency .pagination{position:fixed; top:50%; right:5%; width:28px;}
.mod-agency .pagination li{display:block; float:left; width:28px; height:28px; margin:6px 0; opacity:1; background-image:url(../images/agent/dots_normal.webp); background-size:contain;}
.mod-agency .pagination li:hover,.mod-agency .pagination li.current{background-image:url(../images/agent/dots_active.webp);}
.mod-agency .pagination li a{display:block; position:relative; width:100%; height:100%;}
/*END agency homepage*/

.agency-contact .frame{width:300px; height:233px; margin:0 15px; background-image:url(../images/agent/contact_frame.webp);}
.agency-contact .frame i{width:50px; height:50px; margin-top:30px;}
.agency-contact .contact-qq i{background-image:url(../images/agent/qq_icon.webp);}
.agency-contact .contact-skype i{background-image:url(../images/agent/skype_icon.webp);}
.agency-contact .contact-mail i{background-image:url(../images/agent/gmail_icon.webp);}
.agency-contact .frame h5{font-size:14px; padding:10px 0;}
.agency-contact .frame p{font-size:16px;}
.agency-contact .frame a{display:block; width:120px; height:30px; line-height:30px; margin:20px auto 0; border-radius:50px; color:#fff; text-align:center; text-align:center; opacity:0.9; background:linear-gradient(45deg, #1eebfc, #1cadf5);}
.agency-contact .frame a:hover{opacity:1;}

.agency-product{margin-top:20px;}
.agency-product .frame{width:450px; height:340px; background-image:url(../images/agent/member_frame.webp);}
.agency-product .frame:nth-of-type(odd){margin-right:50px;}
.agency-product .frame h5{font-size:18px; padding:40px 0 10px;}
.agency-product .frame p{font-size:14px;}
.agency-product .frame i{width:180px; height:180px; margin-top:20px;}
.agency-product .product-01 i{background-image:url(../images/agent/member_count.webp);}
.agency-product .product-02 i{background-image:url(../images/agent/member_info.webp);}
.agency-product .product-03 i{background-image:url(../images/agent/member_list.webp);}
.agency-product .product-04 i{background-image:url(../images/agent/member_platform.webp);}

.agency-platform li{margin:20px 0; background:#fff;}
.agency-platform .platform-tit{border:1px solid #e5e5e5; height:116px;}
.agency-platform .platform-logo{width:250px; margin:20px 0 0; height:70px; border-right:1px solid #e5e5e5; color:#666; text-align:center;}
.agency-platform .platform-logo h2{font:30px/1.2 "Microsoft YaHei"; color:#0088fe;}
.agency-platform .platform-logo span{font:20px/1.6 "Microsoft YaHei";}
.agency-platform .platform-text{font-size:16px; width:360px; padding:24px 10px 10px 80px; color:#000;}
.agency-platform .platform-text strong{color:#0059a5; padding-right:10px;}
.agency-platform .platform-go{background:#0088fe; margin:32px 40px 0px 20px; width:220px; height:54px; cursor:pointer; color:#fff; font-size:22px; text-align:center; line-height:54px;}
.agency-platform .platform-go:hover{background:#0088fe;}

.agency-content{padding:20px 0; color:#000;}
.agency-content .agency-wrap{padding:20px; background:#fff; border:1px solid #e5e5e5; box-sizing:border-box;}
.agency-content h2{font:30px/1.5 "Microsoft YaHei"; margin-bottom:20px; color:#5462FF; font-weight:600;}
.agency-content h3{font:18px/1.5 "Microsoft YaHei"; color:#5462FF; font-weight:bold; margin-top:30px;}
.agency-content p{font-size:16px; line-height:24px; margin:10px 0; text-indent:2em;}
.agency-content table{font-size:16px; margin-left:2em;}
.agency-content td{padding:2px 4px;}
.agency-content .child{font-size:14px; text-indent:4em;}
.agency-content .form-t th{background:#eee; color:#444; border-color:#5c0a0a; font-size:16px;}
.agency-content .form-t td{background:#fff; color:#000; border-color:#5c0a0a; font-size:14px;}

/* 代理中心 */