@charset "utf-8";

/* header */
.collect-body{background:#F7FBFF;}
.collect-head.header-cloumn .header{height: auto;background: transparent;padding:0!important;}
.collect-head.header-cloumn .header-toolbar-l,
.collect-head.header-cloumn .header-main,
.collect-head.header-cloumn .mainnav{display: none;}
.collect-head{padding-top: 10px;position: relative;}
.collect-head:before{content:"";position: absolute;left:0;top:0;right:0;bottom: -80%;z-index: -1; background: url(../images/collect_bg.jpg) no-repeat center top #F7FBFF;background-size: 100% 100%;}
.collect-head .container{width: 1360px;position: relative;}
.collect-head .header-toolbar{border:none;line-height: normal;margin-top: 10px;}
.collect-head .header-toolbar .logined,
.collect-head .header-toolbar a{color:#fff;}
.collect-head .header-toolbar-r{position: relative;z-index: 1;}
.collect-head .header-toolbar li.logined>div{height: 100%;}
.collect-head .header-toolbar li.logined .info a{color:#2354AF;}
.collect-head-logo{margin-top: -50px;}
.collect-head-logo img{display: block;height: 68px;}
.colect-head-title{margin: 60px 0 100px;min-height: 110px; font-size: 48px;font-weight: 700;color:#fff;text-align: justify;width: 64%;}
.colect-head-title:before{content:"";position: absolute;right:0;bottom: 0; width: 30%;height: 100%;background: url(../images/collect_head_img.png) no-repeat right center;background-size: 100%;}
.collect-page{padding: 26px 40px 0;background: url(../images/collect_bg_bar.png) no-repeat left top;background-size: 100%; }
.collect-page .crumb{margin: 0 20px 26px;}
/* .collect-page .crumb h2{font-size: 1.125em;} */
.bg-white{padding: 0 70px;background: #fff;margin: 0 1px;min-height: 730px;border-radius: 0 0 20px 20px;box-shadow: 0px 21px 30px  rgba(227, 227, 227, 0.3);}

@media (max-width: 1500px) {
  .colect-head-title{font-size: 38px;}
  .collect-page{padding-left: 33px;padding-right: 33px;}
  .bg-white{margin-right: 2px;}
}
@media (max-width: 1280px) {
  .collect-head:before{bottom: -65%; background-size: auto 100%;}
  .collect-page{padding-left: 25px;padding-right: 25px;}
  .bg-white{padding: 0 30px;}
  .colect-head-title{min-height: auto;}
}
@media (max-width: 992px) {
  .collect-head-logo{margin-top: 0;}
  .colect-head-title{width: 73%;font-size: 28px;margin: 5% 0;}
  .colect-head-title:before{z-index: -1;background-position: right top;}
  .collect-page { background: #fff;padding: 0;border-radius: 20px;box-shadow: 0px 21px 30px rgb(227 227 227 / 30%);}
  .bg-white{margin:0;background: transparent;box-shadow: none;padding: 0 20px;}
}

@media (max-width: 580px) {
  .colect-head-title{width: 73%;font-size: 18px;}
  .collect-head-logo img{height: 46px;}
}

.collect-title{font-size: 32px;font-weight:bold;text-align:center;margin-bottom: 30px;line-height: 46px;}

.collect-attr{text-align: center;position: relative;top: -15px;}
.collect-attr span{display: inline-block;margin: 0 20px 10px;font-size: 1.25em;font-weight: 700;}
.collect-attr span.tag{background: #D43030;color:#fff;border-radius: 10px 10px 10px 0;height: 40px;line-height: 40px;padding: 0 20px;margin-left: 0;}

.collect-tab .hd{background: #DEEDFF;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;}
.collect-tab .hd li{display: inline-block;}
.collect-tab .hd li a{cursor: pointer; font-weight: 700;color:#808080;font-size: 1.25em;display: inline-block;min-width: 180px;padding: 0 20px}
.collect-tab .hd li a:before{content:"";display: inline-block;vertical-align: top; width: 50px;height: 50px;background: url(../images/collect_tab_icon.png) no-repeat -100px 0px;background-size: auto 50px;}
.collect-tab .hd li:first-child a:before{background-position: 0 0;}
.collect-tab .hd li:first-child+li a:before{background-position: -50px 0;}
.collect-tab .hd li.on a{background: #2A82E4;color:#fff;border-radius: 25px;}
.collect-tab .hd li.on a:before{background-image: url(../images/collect_tab_icon_active.png);}

.collect-jgfk,
.collect-notic{font-size: 1.25em;line-height: 40px;padding: 15px 0;}
.collect-jgfk p,
.collect-notic p{margin: 15px 0;}
@media (max-width: 1500px) {
  .collect-attr span,
  .collect-tab .hd li a{font-size: 1.125em;}
  .collect-notic{font-size: 1em;}
  .collect-attr span.tag{height: 32px;line-height: 32px;}
}
@media (max-width: 1280px) {
  .collect-tab .hd li{float: left;width: 33.33%;}
  .collect-tab .hd li a{display: block;min-width: auto;}
}
@media (max-width: 640px) {
  .collect-tab .hd{overflow: hidden;height: 42px;line-height: 42px;}
  .collect-tab .hd li a{background: #DEEDFF;}
  .collect-tab .hd li a:before{display: none;}
  .collect-attr span, .collect-tab .hd li a, .collect-notic{font-size: 1em;}
}
@media (max-width: 480px) {
  .collect-title{font-size:20px;line-height:30px;font-weight:bold;}
  .collect-tab .hd{height: auto;background: transparent;border-radius: 0;}
  .collect-tab .hd li{margin-bottom: 10px;}
  .collect-tab .hd li a{padding: 0;}
  .collect-tab .hd li.on a{border-radius: 0;}
}
@media (max-width: 380px) {
  .collect-tab .hd{margin-left: -20px;}
  .collect-tab .hd li{width: auto;margin-left: 20px;}
  .collect-tab .hd li a{padding: 0 15px;}
}

/* 表单 */
.collect-form .layui-form-label{padding:0; font-size: 1.125em;float: left;width: 115px;line-height: 50px;text-align: right;}
.collect-form .layui-form-label em{font-style: normal;color:#D43030;}
.collect-form input,
.collect-form textarea{font-size: 1.125em;background: #F5F7FA;border: 1px solid #E7E7E8;border-radius: 2px;width: 100%;padding: 10px;box-sizing: border-box;}
.collect-form input{height: 50px;line-height: 50px;}
.collect-form textarea{min-height: 200px;line-height: 1.5;}
.collect-form .layui-form-item{margin-top: 40px;}
.collect-form .layui-input-block{margin-left: 115px;}
.collect-form .layui-form-item.code input{width: 200px;float: left;}
.collect-form .layui-form-item.code img{cursor: pointer; display: inline-block;vertical-align: top;width: 160px;height: 50px;margin-left: 16px;}
.collect-form .layui-form-item.btn{text-align: center;}
.collect-form .layui-form-item.btn button{font-size: 1.25em;font-weight: 700; background: #2354AF;border:none;height: 50px;line-height: 50px;color:#fff;width: 160px;border-radius: 4px;}
.collect-form .layui-form-item.btn .logintip{font-size: 1.125em;}
.collect-form .layui-form-item.btn .logintip a{font-size: 1.11em;margin-left: 5px;font-weight: 700;}
@media (max-width: 1500px) {
  .collect-form .layui-form-label,
  .collect-form input,
  .collect-form textarea{font-size: 1em;}
  .collect-form .layui-form-item.btn button{font-size: 1.125em;}
  
  .collect-form .layui-form-label,
  .collect-form .layui-form-item.code img,
  .collect-form .layui-form-item.btn button,
  .collect-form input{height: 46px;line-height: 46px;}
}
@media (max-width: 768px) {
  .collect-form{margin-top: 30px;}
  .collect-form .layui-form-item{margin-top: 10px;}
  .collect-form .layui-form-label{float: none;text-align: left;line-height: 1.5;height: auto;margin-bottom: 5px;}
  .collect-form .layui-input-block{margin-left: 0;}
  .collect-form .layui-form-item.code input{width: 120px;}
}