.outer{width:1280px;margin:20px auto;margin-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0 14px}.outer .outerBanner{width:100%;margin-bottom:12px}.outer .outerBanner .outerBanner-left{float:left;margin-right:12px;width:954px;height:330px;background:url(/shujiajia/static/image/taskSquare/banner.png) no-repeat 0 0;background-size:954px 330px}.outer .outerBanner .outerBanner-left .nivo-controlNav{background-image:none!important}.outer .outerBanner .outerBanner-right{float:left;width:284px;height:330px}.outer .outerBanner .outerBanner-right .outerBanner-right_top{background:#fff;margin-bottom:12px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox{padding:13px 10px;height:50px;border-bottom:1px solid #ddd}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_head{float:left;width:50px;height:50px;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;margin-right:14px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_head img{width:100%;height:100%}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo{float:left;height:50px;width:200px;padding-top:5px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo .userName{height:18px;line-height:18px;width:200px;font-weight:600;margin-bottom:6px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo .userName a{height:18px;line-height:18px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo .userName a:nth-child(1){float:left;max-width:180px;font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo .userName a:nth-child(2){float:left;width:9px;font-size:18px;background:url(/shujiajia/static/image/taskSquare/leftArr.png) no-repeat 0 50%;background-size:9px 15px;color:#333;margin-left:10px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo .userLv{display:inline-block;height:18px;line-height:18px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;padding-left:10px;padding-right:10px;color:#fff;text-align:left;background-image:linear-gradient(to bottom,#787878,#484848)}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo .userLv img{display:inline-block;width:14px;height:14px;line-height:20px;margin-top:2px;vertical-align:-2px;margin-right:3px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo>p{display:none;width:100%;height:100%;line-height:50px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_topBox .outerBanner-right_top_userInfo>p a{color:#ff8b1a}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox{height:88px;width:100%}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox .outerBanner-right_BomBoxNum{cursor:pointer;float:left;text-align:center;width:33.33%;height:100%;padding:20px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox .outerBanner-right_BomBoxNum p:nth-child(1){width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ff8b1a;font-size:24px;height:35px;line-height:35px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox .outerBanner-right_BomBoxNum p:nth-child(2){height:35px;line-height:35px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox .message_realTime{line-height:88px;height:88px;float:left;width:33.3%;position:relative;text-align:center}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox .message_realTime .msgPrompt{position:absolute;right:10px;background:#ef0d0d;color:#fff;font-size:14px;height:20px;line-height:20px;top:12px;padding:0 5px;border-radius:10px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox .message_realTime .msgPrompt::before{content:'';width:0;height:0;border-width:3px;border-style:solid;border-color:#ef0d0d transparent transparent transparent;position:absolute;left:50%;transform:translate(1,-50%);right:0;bottom:-6px}.outer .outerBanner .outerBanner-right .outerBanner-right_top .outerBanner-right_BomBox .message_realTime a{display:block;width:100%;position:absolute}.outer .outerBanner .outerBanner-right .outerBanner-right_bom{background:#fff;height:152px;width:100%}.outer .outerBanner .outerBanner-right .outerBanner-right_bom .outerBanner-right_bom_ti{height:61px;line-height:61px;padding:0 11px;padding-left:31px;background:url(/shujiajia/static/image/taskSquare/broad.png) no-repeat 11px 50%;background-size:20px 18px;border-bottom:1px solid #ddd}.outer .outerBanner .outerBanner-right .outerBanner-right_bom .outerBanner-right_bom_ti span{float:left;height:61px;line-height:61px}.outer .outerBanner .outerBanner-right .outerBanner-right_bom .outerBanner-right_bom_ti span:nth-child(1){font-size:16px;margin-left:4px;font-weight:600}.outer .outerBanner .outerBanner-right .outerBanner-right_bom .outerBanner-right_bom_ti span:nth-child(2){cursor:pointer;float:right;font-size:14px;color:#666}.outer .outerBanner .outerBanner-right .outerBanner-right_bom .outerBanner-right_bom_ti span:nth-child(2):hover{color:#ff8b1a}.outer .outerBanner .outerBanner-right .outerBanner-right_bom .outerBanner-right_bomBanner{height:90px;overflow:hidden;box-sizing:border-box;padding:14px 0}.outer .outerBanner .outerBanner-right .outerBanner-right_bom .outerBanner-right_bomBanner ul li{height:34px;line-height:28px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;color:#ff8b1a;font-size:14px}.outer .outerListBox{width:100%}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type{padding:20px 20px 0;background-color:#fff;font-size:14px;margin-bottom:12px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_left{float:left;width:60px;line-height:28px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_left p label{float:left}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_left p span{float:left;text-align:center;cursor:pointer}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_left p span.on{color:#ff8b1a}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right{float:left;width:1070px;display:flex;justify-content:space-between}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right .unfold{line-height:26px;height:26px;cursor:pointer;color:#4474f2;padding-right:20px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right .unfold::after{content:url(/shujiajia/static/image/taskSquare/typeDown.png);position:relative;top:2px;left:5px;display:inline-block}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right .unfold.packUp::after{transform:rotate(180deg);top:-3px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li{margin-bottom:20px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div{float:left;position:relative;height:26px;line-height:26px;cursor:pointer;padding-right:18px;text-align:left;background:url(/shujiajia/static/image/taskSquare/downArr.png) no-repeat right 5px center;background-size:10px 6px;margin-right:14px;border:1px solid transparent}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div span{display:inline-block;padding:0 3px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div span.on{color:#ff8b1a}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div.hover{color:#ff8b1a;background:url(/shujiajia/static/image/taskSquare/downArrOn.png) no-repeat right 5px center;border:1px solid #ddd;border-bottom:0}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div.hover div.thirdType{display:block;color:#333}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div.hover i{display:block}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div:nth-child(1){background:#e8e8e8;width:67px;text-align:center;padding-right:0}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div i{position:absolute;display:none;top:26px;z-index:12;width:100%;height:1px;background-color:#fff}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div div.thirdType{position:absolute;display:none;background-color:#fff;z-index:10;top:26px;left:-200px;width:800px;line-height:50px;border:1px solid #ddd}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div div.thirdType p{float:left;width:100px;height:36px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:20px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div div.thirdType p:hover{color:#ff8b1a}.outer .outerListBox .outerListBox_condition .outerListBox_condition_type .outerListBox_condition_type_right ul li>div.only2{background-position-x:1000px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label{padding:20px;background-color:#fff;font-size:14px;height:26px;border-bottom:1px solid #ddd}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_left{float:left;width:153px;height:26px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_left p{height:26px;line-height:26px}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_left p label{float:left}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_left p span{float:left;width:62px;text-align:center;cursor:pointer}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_left p span.on{color:#ff8b1a}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_right ul li{cursor:pointer;height:26px;line-height:26px;width:90px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_right ul li:hover{color:#ff8b1a}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_right ul li.on{color:#ff8b1a}.outer .outerListBox .outerListBox_condition .outerListBox_condition_label .outerListBox_condition_label_right ul li:nth-child(1){width:69px;margin-right:8px}.outer .outerListBox .outerListBox-list .outerListBox-list-head{background-color:#fff;padding:0;width:100%;height:60px;line-height:60px;border-bottom:1px solid #ddd}.outer .outerListBox .outerListBox-list .outerListBox-list-head a{font-size:18px;float:left;height:58px;line-height:58px;text-align:center;cursor:pointer;margin-left:40px;border-bottom:3px solid transparent;position:relative}.outer .outerListBox .outerListBox-list .outerListBox-list-head a.on{border-bottom:3px solid #ff8b1a;color:#ff8b1a;font-weight:600}.outer .outerListBox .outerListBox-list .outerListBox-list-head a.hot::after{content:"";display:block;position:absolute;width:38px;height:21px;background:url(/shujiajia/static/image/taskSquare/HOT.png) no-repeat center,linear-gradient(to right,#eb4664,#ea3324);border-radius:19px 18px 18px 0;top:2px;background-size:29px;right:-23px;animation:dd .4s ease-in infinite alternate;transform-origin:bottom left}@keyframes dd{from{transform:scale(1)}to{transform:scale(1.05)}}.outer .outerListBox .outerListBox-list .outerListBox-list-sort{height:50px;line-height:50px;background-color:#fff}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.sortNav{float:right;padding-right:14px;background-size:8px 11px;margin-right:20px;cursor:pointer;background:url(/shujiajia/static/image/taskSquare/noUp.png) no-repeat right center;display:none}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.sortNav.down{background:url(/shujiajia/static/image/taskSquare/noDown.png) no-repeat right center}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.sortNav.on{color:#ff8b1a;background:url(/shujiajia/static/image/taskSquare/onUp.png) no-repeat right center}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.sortNav.on.down{color:#ff8b1a;background:url(/shujiajia/static/image/taskSquare/onDown.png) no-repeat right center}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.switchBox{float:right;height:30px;margin-top:10px;margin-right:10px;display:none}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.switchBox>div{float:right}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.switchBox>div span{float:left;text-align:right;line-height:30px;font-size:12px;color:#333;margin-left:4px}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.switchBox>div .switch{float:left;width:33px;height:20px;padding:1px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;background-color:#0ac89a;position:relative;margin-top:4px;margin-right:10px}.outer .outerListBox .outerListBox-list .outerListBox-list-sort div.switchBox>div .switch .btnn{width:20px;height:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background-color:#fff;position:absolute;left:14px;cursor:pointer}.outer .outerListBox .outerListBox-list .outerListBox-list-content{background-color:#fff;padding:0 20px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li{position:relative;float:left;width:274px;margin-bottom:40px;margin-right:36px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li:nth-child(4n){margin-right:0}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .tempType{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-left:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:18px;line-height:18px;margin-bottom:10px;color:#999}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .tempType.C{background:url(/shujiajia/static/image/taskSquare/taskType/C.png) no-repeat left center;background-size:16px 16px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .tempType.P{background:url(/shujiajia/static/image/taskSquare/taskType/P.png) no-repeat left center;background-size:16px 16px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .tempType.Z{background:url(/shujiajia/static/image/taskSquare/taskType/Z.png) no-repeat left center;background-size:16px 16px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .imgBox{width:274px;height:274px;margin-bottom:10px;overflow:hidden;position:relative;border:1px solid #ececec}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .imgBox img{width:100%;height:100%;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .imgBox img:hover{-webkit-transform:rotate(0) scale(1.1) skew(0) translate(0);-moz-transform:rotate(0) scale(1.1) skew(0) translate(0);-o-transform:rotate(0) scale(1.1) skew(0) translate(0);-ms-transform:rotate(0) scale(1.1) skew(0) translate(0);transform:rotate(0) scale(1.1) skew(0) translate(0)}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .imgBox .isFull{position:absolute;bottom:0;left:0;background:rgba(230,0,18,.5);text-align:center;height:34px;line-height:34px;width:274px;color:#fff}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .labelBox{width:100%;height:22px;margin-top:10px;overflow:hidden}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .labelBox a{display:inline-block;width:54px;height:18px;line-height:18px;text-align:center;background-color:#ecf1fe;border:1px dotted #4474f2;color:#4474f2;margin-right:10px;font-size:12px;overflow:hidden}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .labelBox a:nth-of-type(4){margin-right:0}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_name{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:16px;line-height:16px;font-weight:600;margin-bottom:10px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic{width:100%}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic .mb10{margin-bottom:10px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p{float:left;line-height:20px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p:nth-child(1) span{color:#ff8b1a;font-size:20px;margin-right:4px;font-weight:600}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p:nth-child(1) span>i{font-size:14px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p:nth-child(1)>i{display:inline-block;height:20px;line-height:20px;vertical-align:2px;font-size:14px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p:nth-child(2){float:right}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p:nth-child(2) span{display:inline-block;width:16px;height:20px;background:url(/shujiajia/static/image/taskSquare/timer.png) no-repeat 0 50%;background-size:16px 16px;vertical-align:-4px;margin-right:4px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p:nth-child(2) i{display:inline-block;color:#bdbdbd;font-size:14px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p.limitGuildNum{color:#bdbdbd}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_basic p.limitGuildNum i{vertical-align:0}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action button{float:left;width:130px;height:38px;line-height:38px;border:1px solid #ff8b1a;background-color:#fff;cursor:pointer;color:#ff8b1a}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action button:hover{background-color:#ff8b1a;color:#fff}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action button.full{color:#999;background-color:#fff;border-color:#fff;cursor:text}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action button.over{color:#ef0d0d;text-align:left;background-color:#fff;border-color:#fff;cursor:text}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action div{float:right;color:#999;width:120px;height:38px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action div p span{float:left}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action div p span:nth-child(1){width:56px}.outer .outerListBox .outerListBox-list .outerListBox-list-content li .detailInfo .detailInfo_action div p span:nth-child(2){width:64px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right;color:#ff8b1a}.outer .outerListBox .outerListBox-list .outerListBox-list-content li.top::before{width:39px;height:22px;line-height:22px;content:"置顶";position:absolute;left:10px;color:#fff;background-color:#ef0d0d;top:10px;z-index:2;text-align:center}.outer .outerListBox .outerListBox-list .outerListBox-list-content li.designate::before{width:39px;height:22px;line-height:22px;content:"指派";position:absolute;left:10px;color:#fff;background-color:#ff8b1a;top:10px;z-index:500;text-align:center}.outer .outerListBox .outerListBox-list .outerListBox-list-content li.pre_on_line::before{width:59px;height:22px;line-height:22px;content:"预上线";position:absolute;left:10px;color:#fff;background-color:#fc0;top:10px;z-index:500;text-align:center}.outer .outerListBox .outerListBox-list .pagination-containerBox{width:100%;background-color:#fff;text-align:right}.outer .outerListBox .outerListBox-list .pagination-containerBox #pagination-container{margin-right:30px;cursor:pointer;display:inline-block;height:30px;padding:20px 0}.newbie_guidance_fixed{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10;display:none;cursor:pointer}.newbie_guidance_fixed .newbie_hands{width:410px;height:168px;position:absolute;top:5px;left:44%;transform:translate(-50%);background:url(../../image/taskSquare/newbieAreas.png) no-repeat 0 0}.showModal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:none}.show_content{position:relative;width:336px;text-align:center;margin:0 auto;top:250px;background:#fff;box-shadow:0 1 rpx 3 rpx rgba(0,0,0,.3);box-sizing:border-box;font-size:14px;color:#333}.show_content p{position:absolute;background:rgba(0,0,0,.6);color:#fff;padding:5px 10px;border-radius:3px;top:25%;left:40%;display:none}.show_title{height:58px;line-height:58px;text-align:center;color:#333;font-size:18px;font-weight:700;border-bottom:1px solid #ddd;cursor:pointer}.show_title span{position:relative;right:-101px;top:3px}.show_con{width:296px;padding:0 20px 30px}.show_hint{margin:30px 0 18px;text-align:left}.share_hint_r{font-size:10px;color:#f00a0a;margin-bottom:40px;text-align:left}.show_link{color:#829ef5;text-decoration:underline;margin-bottom:10px;width:296px;word-wrap:break-word;text-align:left}.show_btn{width:143px;height:38px;line-height:38px;text-align:center;border:1px solid #ff8b1a;font-size:16px;margin:0 auto}.show_btn a{display:block;color:#ff8b1a!important}.HC:last-child{margin-top:20px}.messageAlert{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:501;display:none}.messageAlert .mess_box{width:550px;height:540px;background:url(/shujiajia/static/image/taskSquare/intrantHint.png) no-repeat 0 0;background-size:contain;position:fixed;left:50%;margin-left:-275px;top:50%;margin-top:-270px;text-align:center}.messageAlert .mess_box div{position:absolute;top:350px;width:280px;left:138px}.messageAlert .mess_box div p:first-child{margin-bottom:10px}.messageAlert .mess_box div p.guild_hint{font-size:18px;color:#000}.messageAlert .mess_box div a{display:block;width:190px;height:50px;line-height:50px;border:1px solid #ffce64;text-align:center;color:#f99926;border-radius:50px;font-size:22px;margin:25px 48px 0}.messageAlert .mess_box div a:hover{background:#ffce64;color:#fff}.messageAlert .mess_box .c_btn{position:absolute;bottom:0;width:39px;height:39px;margin:0 auto;top:544px;left:260px;cursor:pointer}.notRecruitTask{width:100%;padding-top:200px;text-align:center;padding-bottom:100px;position:relative}.notRecruitTask dl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.notRecruitTask dl dt{float:left}.notRecruitTask dl dd{float:left;margin-top:20px}.notRecruitTask dl dd p{font-size:16px;color:#999;line-height:30px;text-align:left;margin-left:10px}.notRecruitTask dl dd p a{color:#4474f2}.notRecruitTask dl dd p a:hover{text-decoration:underline}.trainGuide{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1000;display:none}.trainGuide .trainBox{width:974px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trainGuide .trainBox .arrowCom{border:2px solid #ddd;border-radius:100%;width:40px;height:40px;line-height:40px;text-align:center;padding:10px;box-shadow:0 0 12px rgba(0,0,0,.3)}.trainGuide .trainBox .arrowl::before{content:"";display:inline-block;border-top:4px solid #ddd;border-right:4px solid #ddd;width:24px;height:24px;transform:rotate(-135deg);top:6px;left:6px;position:relative}.trainGuide .trainBox .arrowr::after{content:"";display:inline-block;border-top:4px solid #ddd;border-right:4px solid #ddd;width:24px;height:24px;transform:rotate(45deg);top:6px;right:6px;position:relative}.trainGuide .trainBox .swiper-button-next,.trainGuide .trainBox .swiper-button-prev{background-image:none}.trainGuide .trainBox .trainBtnBox{clear:both;overflow:hidden;width:300px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:12}.trainGuide .trainBox .trainBtnBox .trainClose{background:#fff;border-radius:30px;padding:5px;cursor:pointer;float:left;border:1px solid #ddd}.trainGuide .trainBox .trainBtnBox .trainClose a{display:block;color:#b86504;font-size:16px;font-weight:700;height:40px;line-height:40px;padding:0 20px;border-radius:20px;background-image:linear-gradient(to bottom right,#ffed98,#ffb12a)}.trainGuide .trainBox .trainBtnBox .trainnoPrompt{float:right;line-height:50px;color:#fff;cursor:pointer}.trainGuide .trainBox .trainBtnBox .trainnoPrompt label{display:inline-block;position:relative;top:3px;width:15px;height:15px;background:url(/shujiajia/static/image/public/no_sel_icon.png) no-repeat center center}.trainGuide .trainBox .trainBtnBox .trainnoPrompt .no_sel_icon{background:url(/shujiajia/static/image/public/sel_icon.png) no-repeat center center}