/*main*/
#banner{height:500px; width:100%;background:url(../images/banner.png) scroll repeat center center transparent;}

#main{width:100%; background:none scroll repeat 0 0 #dfecff;}
#main .main{width:1200px;margin:0 auto; padding:30px 0;}
#main .main .setdd{background:#ffffff; border-radius:8px; font-size:16px; margin-top:10px;}
#main .main .setdd dl dt{padding:20px; border-bottom:1px solid #dadfe6; font-weight:Bold; color:#121826;}
#main .main .setdd dl dd{clear:both; padding:20px; border-bottom:1px solid #dadfe6;}
#main .main .setdd dl dd.nob{border-bottom:0px solid #dadfe6;}
#main .main .setdd dl dd span{float:right; color:#3265ff; cursor:pointer;}
#main .main .setdd2{background:#ffffff; border-radius:8px; font-size:16px; margin-top:10px;}
#main .main .setdd2 dl{padding:15px 20px; border-bottom:1px solid #dadfe6;}
#main .main .setdd2 dl.nob{border-bottom:0px solid #dadfe6;}
#main .main .setdd2 dl dt{line-height:30px;font-size:18px; font-weight:Bold; color:#121826;}
#main .main .setdd2 dl dt span{float:right;font-size:16px; font-weight:normal; color:#4f5563;}
#main .main .setdd2 dl dd{line-height:30px;}
#main .main .setdd2 dl dd a{color:#3265ff;}
#main .main .userinfo{background:#ffffff; border-radius:8px; margin-top:10px; padding:20px;}
#main .main .userinfo_l{float:left; width:500px;}
#main .main .userinfo_l h3{line-height:30px; font-size:18px; font-weight:Bold; color:#121826;}
#main .main .userinfo_l h3 em{display:inline-block; line-height:20px; padding:0 10px; border:1px dashed #dadfe6; border-radius:4px; background-color:#e5edff; color:#3265ff; font-size:13px; font-weight:normal; margin-top:5px;}
#main .main .userinfo_l img{display:inline-block; vertical-align: middle;}
#main .main .userinfo_m{float:left; line-height:30px;}
#main .main .userinfo_r{float:right; margin-top:10px;}
#main .main .userinfo_r .btn{display:inline-block; padding:10px 20px; font-size:14px; color:#666666; border-radius:8px; border:1px solid #d2d2d2;}
#main .main .userinfo_r .btn2{display:inline-block; padding:10px 20px; font-size:14px;  color:#3265ff; border: 1px solid #3265ff; border-radius:8px; margin-left:10px;}
#main .main .msgs{background:#ffffff; border-radius:8px; margin-top:10px; padding:20px; font-size:16px; cursor:pointer;}
#main .main .msgs a{color:#3265ff;}
#main .main .msgs span{float:right; font-size:14px; margin-left:5px;}
#main .main .msglist{margin-top:10px;}
#main .main .msglist dl{background:#ffffff; border-radius:8px; padding:20px; margin-bottom:3px; cursor:pointer;}
#main .main .msglist dl dt{font-size:18px; font-weight:Bold; color:#121826;}
#main .main .msglist dl dt em{float:right; font-size:14px; font-weight:normal; color:#4f5563;}
#main .main .msglist dl dd{font-size:16px; line-height:30px;}
#main .main .dtit{height:20px; line-height:20px; padding:20px; font-size:16px; font-weight:Bold; color:#121826; background:#ffffff; border-radius:8px;}
#main .main .dtit a{font-weight:normal; color:#3265ff;}
#main .main .dlist{background:#ffffff; border-radius:8px; font-size:16px; margin-top:10px;}
#main .main .dlist li{clear:both; padding:20px; border-top:1px solid #dadfe6; position:relative;}
#main .main .dlist li.not{border-top:0px solid #dadfe6;}
#main .main .dlist li .oppbtn{position:absolute; right:20px; top:50%;}
#main .main .dlist li .oppbtn span{border-color:#4f5563 !important;}
#main .main .plist{background:#ffffff; padding:20px; border-radius:8px; font-size:16px; margin-top:10px; padding-bottom:40px;}
#main .main .plist dl{float:left; box-sizing:border-box; width:200px; height:156px; margin-left:20px; margin-top:20px; text-align:center; border: 1px solid #dadfe6; border-radius: 8px; }
#main .main .plist dl dt{font-size:18px; font-weight:Bold; color:#121826; margin-top:20px;}
#main .main .plist dl dd{color:#3265ff; margin-top:20px;}
#main .main .tips{background:#ffffff; border-radius:8px; padding:15px 20px; line-height:30px; margin-top:10px; font-size:16px;}
#main .main .tips a{color:#3265ff;}

#main .main_user{line-height:30px; padding:15px 20px; font-size:16px; background:#ffffff; border-radius:8px;}
#main .main_user span{float:left; margin-left:20px;}
#main .main_user span.cz{margin-left:0;}
#main .main_user span.fr{float:right; margin-left:0;}
#main .main_user span.tmoney{margin-left:0; font-weight:Bold; color:#121826; padding-right:30px; background:url(../images/que.svg) no-repeat right center; cursor:pointer;}
#main .main_user span .butt3{line-height:20px;}
#main .main_nav{height:40px; padding:20px 20px 0; font-size:16px; font-weight:Bold; color:#121826; background:#ffffff; border-radius:8px;}
#main .main_nav li{float:left; min-height:40px; display:inline-block; margin-right:40px; font-size:16px; font-weight:Bold; cursor:pointer; position:relative;}
#main .main_nav li.on:after{content: '';position: absolute;left:20%;bottom:0; width:60%; height:5px; background-color:#3265ff;}
#main .main_nav li.on,#main .main_nav li.on a{color:#3265ff;}
#main .main_tip{font-size:16px; background:#e5edff; border-radius:8px;margin-top:10px; padding:10px 20px;}
#main .main_tip em{margin-right:20px;}
#main .main_tip a{color:#3265ff;}
#main .main_cont{margin-top:10px; padding:20px; background:#ffffff; border-radius:8px;}
#main .main_cont h3{height:20px; line-height:20px; padding:20px 0; font-size:18px; font-weight:Bold; color:#121826;}
#main .main_cont dl{margin-top:30px; font-size:16px;}
#main .main_cont dl.notmt{margin-top:0;}
#main .main_cont dl dt{color:#121826;}
#main .main_cont dl dt em{color:#ff3131; margin-right:3px;}
#main .main_cont dl dd{margin-top:10px;}
#main .main_cont dl dd .tip{max-width:380px; line-height:30px; color:#4f5563; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow: hidden;}
#main .main_cont dl dd textarea{line-height:30px; color:#4f5563;}
#main .main_cont .add{display:inline-block; width:60px; height:40px; background:url(../images/add2.svg) no-repeat center center; cursor:pointer;}
#main .main_cont .loadimg{display:inline-block; width:120px; height:120px; background:url(../images/addimg.svg) no-repeat center center; border:1px solid #dadfe6; border-radius:8px; cursor:pointer;}
#main .main_cont .layui-upload-file{display:none;}
#main .main_cont .tips{box-sizing:border-box; padding:20px; font-size:12px; background:#f5f7fa; border-radius:8px; margin-top:10px;}
#main .main_cont .tips h5{font-size:14px; font-weight:normal;}
#main .main_cont .tips li{float:left; display:inline-block; height:24px; line-height:24px; padding:0 10px; margin-right:10px; margin-top:10px; background:#ffffff; border-radius:4px; cursor:pointer;}
#main .main_cont .tips li.on{background:#e5edff; color:#3265ff;}
#main .main_cont .typesel a{display:inline-block; padding:3px 10px; margin-right:10px;}
#main .main_cont .typesel a.on{color:#3265ff; background:#e5edff; border-radius:4px;}
#main .main_cont .selspan li{float:left; display:inline-block; min-width:60px; height:40px; line-height:40px; padding:0 20px; margin-right:10px; margin-bottom:10px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; text-align:center; font-size:14px; cursor:pointer;}
#main .main_cont .selspan li.on{background:#e5edff; color:#3265ff; border:1px solid #e5edff;}
#main .main_cont .info{width:auto;}
#main .main_cont .info_t{position:relative;}
#main .main_cont .info_t em{display:inline-block; padding:5px 10px; background:#e5edff; color:#3265ff; font-size:16px; border-radius:4px;}
#main .main_cont .info_t span.arrow{border-color:#c8c8c8; margin-left:10px; cursor:pointer;}
#main .main_cont .info_m{line-height:30px; margin:20px 0; font-size:16px;}
#main .main_cont.info .info_m{height:60px; overflow: hidden; text-overflow: ellipsis; transition: height 0.5s ease; }
#main .main_cont.info .expanded{height:auto;}
#main .main_cont .openinfo,#main .main_cont .closeinfo{color:#3265ff; font-size:16px; cursor:pointer;}
#main .main_cont .info_opp{position: absolute; top: 30px; right: 0px; z-index:99; line-height:40px; background:#ffffff; border-radius:8px; font-size:16px; text-align:center;box-shadow: 0px 2px 4px 0px rgba(188,188,188,0.50);}
#main .main_cont .info_opp li{padding:0 20px; color:#121826;}
#main .main_cont .info_opp li:hover{background:#E5EDFF;}
#main .main_cont .info_opp a{color:#121826;}
#main .main_l dl{width:auto; height:110px; margin-top:10px; padding:20px; background:#ffffff; border-radius:8px; cursor:pointer;}
#main .main_l dl.on{border:1px solid #3265ff;}
#main .main_l dl dt{font-size:18px; font-weight:Bold; color:#121826;}
#main .main_l dl dt em{float:right; font-size:12px; padding:5px 10px; background:#f6f7fa; color:#4f5563; border-radius:4px;}
#main .main_l dl dd.tip{color:#3265ff; font-size:14px; margin-top:10px; margin-bottom:5px;}
#main .main_l dl dd.price{font-size:18px; font-weight:Bold; color:#3265ff; padding-top:10px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dadfe6;}
#main .main_r{margin-top:10px; padding:20px; background:#ffffff; border-radius:8px; position:relative;}
#main .main_r h3{height:20px; line-height:20px; font-size:18px; font-weight:Bold; color:#121826;}
#main .main_r h3 em{color:#3265ff; margin-left:30px;}
#main .main_r .tip{margin-top:10px; color:#3265ff; font-size:14px;}
#main .main_r .type{margin-top:10px;}
#main .main_r .type em{display:inline-block; padding:5px 10px; background:#e5edff; color:#3265ff; font-size:12px; border-radius:4px;}
#main .main_r .detail{margin-top:20px;}
#main .main_r .detail dt{height:20px; line-height:20px; margin-bottom:10px; font-size:16px; font-weight:Bold; color:#121826;}
#main .main_r .detail dd{line-height:30px; font-size:16px;}
#main .main_r .opp{position: absolute; right:20px; top:20px;}
#main .main_r .opp .btn{display:inline-block; width:64px; height:36px; line-height:36px; font-size:14px; color:#666666; border-radius:8px; border:1px solid #d2d2d2; margin-left:10px; text-align:center; cursor:pointer;}
#main .main_r .opp .btn2{display:inline-block; width:64px; height:36px; line-height:36px; background:#3265ff; color:#ffffff; font-size:14px; border-radius:8px; margin-left:10px; text-align:center; cursor:pointer;}

#main .main_info{margin-top:10px; padding:40px; background:#ffffff; border-radius:8px;  position:relative;}
#main .main_info h3{height:20px; line-height:20px; margin-bottom:15px; font-size:18px; font-weight:Bold; color:#121826;}
#main .main_info h3 em,.iem{display:inline-block; padding:2px 10px; border:1px dashed #dadfe6; border-radius:4px; background-color:#e5edff; color:#3265ff; font-size:13px; font-weight:normal; margin-top:5px;}
#main .main_info dl{margin-top:30px;}
#main .main_info dl.notmt{margin-top:0;}
#main .main_info dl dt{margin-bottom:10px; font-size:18px; font-weight:Bold; color:#121826;}
#main .main_info dl dd{font-size:16px; line-height:30px;}
#main .main_info dd label{display:inline-block; min-width:60px; height:40px; line-height:40px; padding:0 20px; margin-right:10px; margin-bottom:10px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; text-align:center; font-size:14px;}
#main .main_info .infoedit{position: absolute; top: 40px; right: 40px; z-index:99;}
#main .main_info .infoedit a{display:inline-block; padding:8px 20px; background:#ffffff; border:1px solid #3265ff; color:#3265ff; border-radius:8px; font-size:14px; }
#main .main_info .infoedit2{position: absolute; top: 40px; right: 40px; z-index:99;}
#main .main_info .infoedit2 a{display:inline-block; padding:8px 20px; background:#ffffff; border:1px solid #d2d2d2; color:#666666; border-radius:8px; font-size:14px; }

#main .main_info2{margin-top:10px; padding:20px; background:#ffffff; border-radius:8px;  position:relative;}
#main .main_info2.notpt{padding-top:0;}
#main .main_info2 h3{line-height:30px; font-size:18px; font-weight:Bold; color:#121826;}
#main .main_info2 h3 em{display:inline-block; line-height:20px; padding:2px 10px; border:1px dashed #dadfe6; border-radius:4px; background-color:#e5edff; color:#3265ff; font-size:13px; font-weight:normal; margin-top:5px;}
#main .main_info2 dl{margin-top:30px;}
#main .main_info2 dl.notmt{margin-top:0;}
#main .main_info2 dl dt{margin-bottom:10px; font-size:16px; font-weight:Bold; color:#121826;}
#main .main_info2 dl dd{font-size:16px; line-height:30px;}
#main .main_info2 dd label{display:inline-block; min-width:60px; height:40px; line-height:40px; padding:0 20px; margin-right:10px; margin-bottom:10px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; text-align:center; font-size:14px;}
#main .main_info2 .label label{display:inline-block; padding:2px 10px; margin-right:10px; margin-top:10px; border:1px dashed #dadfe6; border-radius:4px; background-color:#e5edff; color:#3265ff; font-size:13px; font-weight:normal; margin-top:5px;}
#main .main_info2 .infoedit{position: absolute; top: 20px; right: 20px; z-index:99;}
#main .main_info2 .infoedit a{display:inline-block; padding:8px 20px; background:#ffffff; border:1px solid #3265ff; color:#3265ff; border-radius:8px; font-size:14px; }
#main .main_info2 .infoedit2{position: absolute; top: 20px; right: 20px; z-index:99;}
#main .main_info2 .infoedit2 a{display:inline-block; padding:8px 20px; background:#ffffff; border:1px solid #d2d2d2; color:#666666; border-radius:8px; font-size:14px; }

#inner{width:100%; background:none scroll repeat 0 0 #dfecff; padding:40px 0;}
#inner .inner{width:1200px; min-height:500px; margin:0 auto; background:#ffffff;}
#inner .inner h3{height:20px; line-height:20px; padding:20px; font-size:16px; font-weight:Bold; color:#121826; border-bottom:1px solid #dadfe6; margin-bottom:30px;}
#inner .inner_main{width:430px; margin-left:auto; margin-right:auto;}
#inner .inner_main .step{height:50px; line-height:50px; font-size:16px; font-weight:Bold; margin-bottom:50px;}
#inner .inner_main .step span,#inner .inner_main .step em{float:left;}
#inner .inner_main .step_1{display:inline-block; width:50px; height:50px; background:url(../images/1.png) no-repeat left center;}
#inner .inner_main .step_2{display:inline-block; width:50px; height:50px; background:url(../images/2.png) no-repeat left center;}
#inner .inner_main .step_02{display:inline-block; width:50px; height:50px; background:url(../images/2w.png) no-repeat left center;}
#inner .inner_main .step_line{display:inline-block; width:60px; height:2px; background:#d8d8d8; margin:25px 20px 0;}
#inner .inner_main .step_ok{display:inline-block; width:60px; height:60px; background:url(../images/finish2.png) no-repeat center center;}
#inner .inner_main dl{font-size:16px;}
#inner .inner_main dl dt{color:#121826;}
#inner .inner_main dl dd{margin-top:10px;}
#inner .inner_main .ico{margin-bottom:20px;}
#inner .inner_main .ico,#inner .inner_main .cont{text-align:center;}
#inner .inner_main .cont dl dt{font-size:28px;}
#inner .inner_main .cont dl dd{line-height:30px; color:#4f5563;}

#wdata{width:100%; background:none scroll repeat 0 0 #dfecff; padding:40px 0;}
#wdata .wdata{width:1200px; margin:0 auto; }
#wdata .wdata h3{height:20px; line-height:20px; padding:20px; font-size:16px; font-weight:Bold; color:#121826; background:#ffffff; border-radius:8px;}
#wdata .wdata h3 a{font-weight:normal; color:#3265ff;}
#wdata .wdata_search{padding:20px; margin-top:10px; background:#ffffff; border-radius:8px;}
#wdata .wdata_search dl dt{font-size:18px; color:#121826;}
#wdata .wdata_search dl dd{margin-top:20px; font-size:16px;}
#wdata .wdata_search dl dd a{display:inline-block; padding:3px 10px; margin-right:10px;}
#wdata .wdata_search dl dd a.on{color:#3265ff; background:#e5edff; border-radius:4px;}
#wdata .wdata_search2{padding:20px; margin-top:10px; background:#ffffff; border-radius:8px;}
#wdata .wdata_search2 dl dt{margin-bottom:5px; font-size:18px; color:#121826;}
#wdata .wdata_search2 dl dd{line-height:30px; font-size:16px;}
#wdata .wdata_search2 dl dd a{display:inline-block; margin-top:10px; margin-right:10px;}
#wdata .wdata_search2 dl dd a.on{color:#3265ff;}
#wdata .wdata_list .list{width:auto; padding:20px; margin-top:10px; background-color:#ffffff; border-radius:8px; font-size:16px; }
#wdata .wdata_list .list_t{padding-bottom:10px; border-bottom:1px solid #dadfe6;}
#wdata .wdata_list .list_t .img{float:left; display:inline-block; width:50px; text-align: center;}
#wdata .wdata_list .list_t .name{float:left; display:inline; margin-left:10px; font-size:14px;}
#wdata .wdata_list .list_t .type{float:right; text-align:right;}
#wdata .wdata_list .list_t .type span{display:block;}
#wdata .wdata_list .list_t .type label{display:inline-block; padding:3px 10px; border:1px dashed #dadfe6; border-radius:4px; background-color:#e5edff; color:#3265ff; font-size:13px; margin-top:5px;}
#wdata .wdata_list .list_t h5{height:30px; line-height:30px; font-weight:Bold;}
#wdata .wdata_list .list_m{padding:20px 0; font-size:18px; font-weight:Bold; color:#121826;}
#wdata .wdata_list .list_b{line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
#wdata .wdata_list .more{width:auto; margin:40px auto 0px; width:120px; height:46px; line-height:46px; border:1px solid #3265ff; border-radius:12px; color:#3265ff; font-size:16px; text-align:center;}
#wdata .wdata_list .more a{color:#3265ff;}
#wdata .wdata_list .job dl{padding:20px; background:#ffffff; border-radius:8px; margin-top:10px;}
#wdata .wdata_list .job dl dt{font-size:18px; font-weight:Bold; color:#121826;}
#wdata .wdata_list .job dl dt span{float:right; color:#3265ff;}
#wdata .wdata_list .job dl dd{line-height:30px; font-size:16px;}
#wdata .wdata_list .job dl dd:last-child{padding-top:10px; font-size:14px;}
#wdata .wdata_list .job dl dd:last-child span{float:right;}
#wdata .wdata_list .job img{vertical-align:middle; margin-right:10px;}
#wdata .wdata_list .job .iem{display:inline-block; padding:2px 10px; border:1px dashed #dadfe6; border-radius:4px; background-color:#e5edff; color:#3265ff; font-size:13px; font-weight:normal; margin-top:5px;}
#wdata .wdata_list .job .link{line-height:25px; margin-top:5px;}
#wdata .udata_list .list{float:left; display:inline; width:340px; height:366px; padding:20px; margin-top:10px; margin-left:30px; background-color:#ffffff; border-radius:8px; font-size:16px; position:relative;}
#wdata .udata_list .list:nth-child(3n+1){margin-left:0;}
#wdata .udata_list .list_t{padding-bottom:10px; border-bottom:1px solid #dadfe6;}
#wdata .udata_list .list_t .img{float:left; display:inline;}
#wdata .udata_list .list_t img{border-radius:20px;}
#wdata .udata_list .list_t .name{float:left; display:inline; margin-left:10px; font-size:14px;}
#wdata .udata_list .list_t h5{height:30px; line-height:30px; font-size:18px; font-weight:Bold; color:#121826;}
#wdata .udata_list .list_m{padding-top:20px;}
#wdata .udata_list .list_m label{float:left;display:inline-block; padding:3px 10px; margin-bottom:5px; border:1px dashed #dadfe6; background-color:#e5edff; color:#3265ff; font-size:13px; margin-right:5px;}
#wdata .udata_list .list_b{line-height:30px; padding-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow: hidden;}
#wdata .udata_list .link{position:absolute; left:20px; bottom:20px; font-size:14px; color:#666666;}
#wdata .udata_list .link a{float:left; margin-right:5px;}
#wdata .udata_list .link_m{margin-top:10px; font-size:14px; color:#666666;}
#wdata .udata_list .link_m a{float:left; margin-right:5px;}
#wdata .udata_list .more{width:auto; margin:40px auto 0px; width:120px; height:46px; line-height:46px; border:1px solid #3265ff; border-radius:12px; color:#3265ff; font-size:16px; text-align:center;}
#wdata .udata_list .more a{color:#3265ff;}
#topdiv{position:fixed; bottom:200px; right:50px; cursor:pointer; z-index:999;}
#topdiv div{width:64px; height:29px; border-radius:4px; text-align:center; font-size:14px;padding-top:35px;}
#topdiv div.top {background:#3265ff url(../images/to.svg) no-repeat center 10px;}
#topdiv div.post {background:#3265ff url(../images/add.svg) no-repeat center 10px;margin-top:10px;}
#topdiv a{display:inline-block; width:64px; height:64px; color:#ffffff;}
.ui-search-filter{background:#f5f7fa; padding:10px 20px; margin-top:20px; white-space:nowrap; position:relative; font-size:16px;}
.ui-search-filter-title{float:left; margin-top:3px;}
.ui-search-filter-cont{float:left;}
.ui-search-filter-opts li{float:left; padding:3px 30px 3px 5px; background:#ffffff; border:1px dashed #dadfe6; margin-left:10px; position:relative;}
.ui-search-filter-close{display:inline-block;height:20px; width:20px; background:url(../images/del.png) no-repeat right center; position:absolute;right:5px;top:3px;}
.ui-search-filter-clear{float:right; margin-right:10px; color:#3265ff; cursor:pointer;}

@media screen and (min-width:768px) {
	#main .main_l{float:left; width:380px;}
	#main .main_r{float:right; width:770px; height:754px; overflow:scroll;}
	#wdata .wdata_search2 dl.jtype dd a{display:inline-block; width:25%; margin-right:0px; text-align:left;}
}

@media screen and (max-width:768px) {
  #main .main{width:auto; margin:0 20px;}
  #inner .inner{width:auto; margin:0 20px; min-height:auto; padding-bottom:30px;}
  #inner .inner_main{width:auto; margin:0 20px;}
  #wdata .wdata{width:auto; margin:0 20px;}
  #wdata .udata_list .list{float:both; box-sizing:border-box; width:100%; height:auto; margin-left:0;}
  #banner{display:none;}
  #inner .inner_main .step_line{width:10px;}
  #main .main_cont .w490{width:100% !important;}
  #main .main_cont .selc2{width:100% !important;}
  #main .main_r .opp span{display:block !important; margin-bottom:10px;}
  #main .main .userinfo_l{float:none; width:auto;}
  #main .main .userinfo_m{float:none; margin-top:20px;}
  #main .main .userinfo_r{float:none; margin-top:20px;}
}
