No Description

app.css 27KB

    /*清除mui部分原有样式*/ .mui-input-group:before{background: none;} .mui-input-group:after{background: none;} .mui-table-view:before{ background: none;} .mui-table-view:after{ background: none;} .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;} /*.mui-table-view-cell .mui-media-body{padding-bottom:10px; border-bottom:1px solid #CCCCCC;}*/ .mui-input-group .mui-input-row:last-child:after{ background: none;} .mui-popover{ border-radius:0;} /*弹出框样式popup*/ .mui-popup-inner {border-radius: 8px 8px 0 0;} .mui-popup-title{text-align: left;} .mui-popup{text-align: left;} .mui-popup-button:first-child { border-radius: 0 0 0 8px;} .mui-popup-button:last-child { border-radius: 0 0 8px;} .mui-popup-button{ color:#999999; font-size:14px;} .mui-popup-button:hover{background: #FF9900;color:#FFFFFF;} a{text-decoration:none;color:#007aff}a:active{color:#0062cc} .mui-btn.mui-active:enabled,.mui-btn:enabled:active,button.mui-active:enabled,button:enabled:active,input[type=button].mui-active:enabled,input[type=button]:enabled:active,input[type=reset].mui-active:enabled,input[type=reset]:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active{color:#fff;background-color:#FF9900} /*///////////////common公共样式///////////////////////*/ body{ color: #666666; font-size:14px;} .floatL{ float: left;} .floatR{ float: right;} .marginbox{ margin: 10px 0; padding:0 10px; } .mainbox{width: 96%; margin:2% auto;} .mainbox:before{ position:static;} /*div模拟textarea多行文本框*/ .textareabox{/*border-bottom: 1px solid #F0F0F0;*/} .borderarea{border-bottom: 1px solid #F0F0F0;} /*必填项样式*/ .requiredcon{ position: absolute; top:0; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;} /*功能icon样式*/ .actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;} /*主题色开关样式*/ .witchbg.mui-active{border:2px solid #FF9900; background-color:#FF9900;} .witchbg{ height: 30px;} /*.witchbg .mui-switch-handle{ width: 24px; height: 24px;left: 4px;transition-duration: 0.2s;transform: translate(-4px, 0px);}*/ /*列表右侧无箭头*/ .rightnone:after{ right: 15px;content:none;} .rightnone{line-height: 30px;} /*小标签提示*/ .litlabel .listtit2{ color: #AAAAAA;} /*顶部标题栏*/ .toptitbox{ background:#FF9900; } .topback{color: #FFFFFF;} .topmore {position:relative;color: #FFFFFF; /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);*/ } .topmore.mui-icon{ font-size:22px; line-height:24px;} .topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;} .topmore .sharebox li{list-style: none;} .topsave{color: #FFFFFF; line-height: 42px; cursor: pointer;} .toptit{color: #FFFFFF; font-size: 20px;} .personhead{color: #FFFFFF;} /*底部导航栏*/ .footbox{ background: #FFFFFF;} .footbox .mui-tab-item.mui-active{ color: #FF9900;} /*****表单公共样式********/ /*input输入相关*/ .frmbox{ width: 100%; margin:2% auto; border-radius: 6px; } .frmtype{ width: 100%; margin: auto; padding:2%;font-size: 14px;} .frmbtn{margin:4% auto; font-size: 16px; padding:2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;} /*.frmbtn:hover{border:1px solid #FF9900; color:#FFFFFF;background-color:#FF9900;}*/ .frmbox{ border:none; width: 90%; height: 100%; } .frmactive2{color:#fff;background-color:#ccc; border:1px solid transparent;} .frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;} .frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;} .exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; border-radius: 0;} .pompmsg{ font-size: 12px; color: #CCCCCC;} /*///////////////common公共样式///////////////////////*/ /***********************登录注册相关页面*******************/ /*关闭*/ .closebtn{ position: relative;border:1px transparent solid;} /*.closeicon{background: url(../images/workclose.png) center center no-repeat; background-size: 100% 100%; width: 30px; height: 30px; position: absolute;right:5%; top:20px;}*/ .closeicon{font-size: 60px; color:#999999; position: absolute;right:1%; top:14px;} .frmbox .frm-input{/*height:60px;*/width:98%;height: 0;height: 100%;padding: 2% 0;} .frmbox .frm-input .frmtype{ height: 0; height: 100%;} .frmbox .frm-input .frmtypel{ height: 0;height: 100%; width: 90%;} /*logo盒子的相关*/ .logobox{ padding:6%; margin:12% auto 6% ; } .logolink{display: block;width:40%;margin: auto;} .logoimg{ width: 100%; margin: auto; text-align:center;} /*忘记密码*/ .forgetword{ position: absolute;top: 50%; margin-top:-16px;right: 2px;padding:6px 20px;line-height: 20px; font-size: 14px; background: #f0f0f0; color: #AAAAAA; border-radius: 6px;} .forgeticon{ background: url(../images/forget.png) center center no-repeat; background-size: 100% 100%;padding:2%; position: absolute; margin-top:-2%;} .passwordbox .frmtypel~.mui-icon-clear{right:4%; top:50%; margin-top: -2%;} /*第三方快捷登录*/ .quickbox{ width: 100%; margin-top:80px;text-align: center;} /*.borderline{ border:1px dashed #999999; width: 86%; margin:auto; position: relative;} .borderline div{ position: absolute; left:50%; width: 40%; height:4px; margin-left:-20% ; top:-2px; background:#DDDDDD ;}*/ .borderword{ font-size: 16px; color:#999999;} .quickway{margin: 1% auto; overflow: hidden;} .quickicon{margin: 2% 3%; padding: 1%;} .quickicon img{width:28px; height: 28px; } .weixinicon{ color: #86C610;} .weiboicon{color:#F29600; font-size: 36px;} .qqicon{color:#0093DD;} /*用户协议*/ .protocolbox{overflow: hidden;color: #999999; line-height: 20px; margin: 0 0 20px 0;} .protocolbox .mui-icon{ font-size:18px;} .protocolbox label{ font-size: 14px; } /*.agreeicon{width:20px; height:20px;}*/ .agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;} .protocollink{ color: #FF9900;} /*设置密码*/ .setfindbox{ margin: 20% auto;} /*完善信息*/ .maincon{ padding:4% 2%; overflow: hidden;} .maincon .headbox{ text-align: center;} .headbox .headimg{width: 20%;border-radius:50%;} .maincon .pinfor{ color: #888888; font-size: 13px;} .maincon .basicinfo {padding-left:4%; } .maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;} /*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/ .maincon .basicinfo li.basicfrm{ position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; } .maincon .basicinfo li.basicfrm .frmtype{ height: 26px; padding:0; padding-right:2%;line-height:20px;font-size: 14px; } .maincon .basicinfo li label{ position: relative; color: #888888; line-height:30px;} .maincon .basicinfo li small{ color:#AAAAAA;} .fillbox{margin-top:20%;} .maincon .headbox3{width:100px; height: 100px;position: absolute;top:-14%; left: 50%; margin-left: -50px;border-radius: 50%;border:2px #FFFFFF solid;box-shadow: 1px 1px 2px 1px #F0F0F0; overflow: hidden;background: url(../images/default-photo.jpg); background-size:100% 100%;} .headbox3 .headimg3{width:100%; height: 100%;} .headbox3 .headimglink{position: absolute;bottom: 0; display: block; background: url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4);width: 100%; height:100%;z-index: 4;} .nextstep{ color: #FF9900; font-size: 13px;} .nextstep{ position: relative;} .nextstep em{display: block;position: absolute; right:-18px; top:1px; width: 14px; height: 14px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; } .nexstepbtn{ border:1px solid transparent;} /***********************登录注册相关页面*******************/ /***********************首页*******************/ /*.searchbox{position: relative;} .searchbox .searchtxt{ position: absolute; height: 30px; top:50%; margin-top:-13px; border-radius: 6px; border:1px transparent solid; padding:0 30px; line-height: 20px; font-size: 14px;} */ .searchbox .mui-placeholder .mui-icon-search{font-size:18px; color: #999999;} .mui-search input[type=search].searchtxt{background: #FFFFFF;} .mui-search .mui-placeholder{ font-size: 14px; top:2px } .maintitbox .maintit{ line-height: 40px; font-size: 16px; text-align: center; color: #FF9900; border-bottom: 1px solid #F0F0F0;} .conblock{ background: #FFFFFF; margin:10px 0;} .mui-grid-view.gridbg{ background: #FFFFFF; border: none;} .mui-grid-view.gridbg .mui-table-view-cell{ border:none; padding: 10px 4px;} .mui-grid-view.gridbg .mui-table-view-cell .mui-media-body{ font-size: 12px;} /*热门领域*/ .fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;} .fieldicon img{width: 100%;} /*热门专家*/ .protable:before{ background-color:transparent;} .listtit .unauthicon{margin-left:4px;font-size: 14px; color:#C0C0C0; } .listtit .authicon{margin-left:4px;font-size: 14px;color:#FF9900;} .listtit0{font-size: 13px; color: #222222;} .listtit{ font-size: 14px; color: #333333;} .listtit2{font-size: 13px; color: #666666; position: relative;} .listtit3{font-size: 12px; color: #888888;} .mui-media .headimg{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0;} .mui-media .resimg{border-radius:2px; max-width:60px; height:60px; margin: 1% 0;} .mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto; overflow: hidden; } /***********************首页*******************/ /***********************专家信息浏览*******************/ .personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;} .personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;} /*咨询记录及等级*/ .peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;} .peocountbox{width: 150px;} .peocount {font-size: 13px; color:#888888 ; overflow:hidden; } .peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;} .peocount .dialogicon{ font-size: 16px;line-height:20px; color: #FF9900;} /*.peocount .dialogicon{ display: block; width: 20px; height: 20px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/ .levelbox{margin: auto; overflow: hidden; } .levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;} .levelbox .icon-favorfill{ color:#F4C600;} /*.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}*/ /*专家相关信息*/ .infocontit{font-size:14px; position: relative;} .infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px;} .infocon ul{ padding:0; margin: 0; overflow: hidden;} .infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;} .resinfo li{padding:6px 8px;} .resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;} .resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;} .resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;} .listbox{ margin:5px 0;max-width:100%; overflow:hidden;} .listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:26px; float:left;padding-right: 8px; max-width:40%; overflow:hidden;} /*.plusbtn{ float:left;width:22px; height:22px; background:url(../images/zan.png) no-repeat center center; background-size:100% 100% ; margin-left:4px; margin-top:2px; }*/ .plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px; } .plusbtn.icon-appreciatefill{color:#FF9900;} .like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;} .likenum{ float:right;max-width:130px;overflow:hidden; } .likenum .mui-icon{ font-size:24px; color:#CCCCCC;} .likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; } .likepeople img{ width:100%; height:100%;} .likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC; border-radius: 50%;} .infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;} .gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;} .gotonext2{ width: 110px;} /*.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }*/ .dialogbtn{ overflow: hidden; width:80%;padding: 12px; color: #FF9900;} .dialogbtn div{ width: 70px;overflow: hidden;margin: auto;} .dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; font-weight: 600;} .dialogbtn em{font-size: 20px;line-height: 24px; } /*.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/ .dialogbtn:hover{ background:#FF9900; color: #FFFFFF;} .attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;} .attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;} /*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/ .listitembox{ position: static;width: 108%;} .listitembox .listitem{ position: static;padding:10px; margin-right: 2%;} .listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;} .listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto; } .listitembox .listitem .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-right:20px;padding-bottom:10px;} .listitembox .listitem:last-child .mui-media-body{ border-bottom:none;} /***********************专家信息浏览*******************/ /***********************我的账户*******************/ .headbox2{ overflow: hidden; position: relative;} .headbox2 .proinfor{ display: block; width: 100%;overflow: hidden;} .headbox2 .headimg2{width:24%;border-radius:50%;margin: 6px 0; } .headbox2 .infobasic{ margin: 6px 4%; } .headbox2 .infobasic .listtit{ font-size: 18px;} .headbox2 .infobasic .listtit2{ margin: 4px 0;} .headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px; } .headbox2 .editbox{ display: block; width: 24px; height: 24px; } .headbox2 .editbox .mui-icon{font-size:24px; color:#999999;} .headbox2 .editbox .mui-icon:hover{color:#FF9900;} /*.headbox2 .editbox img{ width: 100%; height: 100%;}*/ .wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/} .addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/} .seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/} .attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/} .rightword{ position: absolute; right:40px; font-size:13px;} /*已认证*/ .verified{ color: #FF9900;} .authword{ padding:2px 6px; margin-left:6px; background: #FF9900; border-radius:4px; color: #FFFFFF; font-size: 12px;} /*我的关注*/ .fixbox{ background: #FFFFFF;} .fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;} .fixbox .fixbtn li{ list-style: none; float: left; padding:6px 10px; border:1px solid #F0F0F0; width:50%;text-align: center;font-size: 14px;height: 32px;} .fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;} .childlist{ display: none;} /*合作历史及评价*/ .lefthead{ margin-right: 10px; text-align:center;} .contit{ position:relative;} .contit .listtit{ display: block; width: 62%; } .conbrief{ max-height: 46px; overflow: hidden;} .conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;} .conresoult .levelbox .mui-icon{font-size: 12px;} /***********************我的账户*******************/ /***********************专家信息修改*******************/ .generalinfo li{ line-height:26px ;} .generalinfo .ginfolist{} .generalinfo span{letter-spacing:normal;} .generalinfo .letspace{font-style:normal;letter-spacing: 2em;} .updatebox{ position: absolute; right:1%; top:0; font-size: 13px; line-height:16px;color: #FF9900;} .updatebox:hover,.updatebox:active,.updatebox:link{ color: #FF9900;} .updatebox .updatebtn{display: block; margin-right:3px; width: 14px;height: 14px; background: url(../images/edit2.png) center center no-repeat; background-size:100% 100% ;} .addinfobox{ position: absolute; right:0; top:0; font-size: 13px; line-height:16px;color: #FF9900;} .addinfobox:hover,.addinfobox:active,.addinfobox:link{ color: #FF9900;} .addinfobox .addinfobtn{display: block; margin-right:3px; width: 14px;height: 14px; background: url(../images/add.png) center center no-repeat; background-size:100% 100% ;} .addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 78%; height: 34px;} .addlabel .addlabelbtn{ border-color:#FF9900; color: #FF9900; border-radius: 6px; width: 18%;/*padding-left:20px; padding-right:20px;*/} .labelarea{ margin: 20px 0;} .labelshow{ margin: 0; padding:0;} .labelshow li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #FF9900; border-radius: 6px; float: left; } .labelshow li .mui-icon{ color: #FF9900; font-size:20px; margin-left: 10px;} .selectbox{padding:0;/* margin: 4px 0;*/} .downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999; font-size: 18px;} .timearea{ float: left; width: 46%;} .timeareashow{float: left; width: 46%; position: relative; border-bottom:1px #F0F0F0 solid; } .timearea:last-child{float: right; margin-left:4% ;} .timeareashow:last-child{float: right; margin-left:4% ;} .maincon .basicinfo li.timebox{ border-bottom:none; } /***********************专家信息修改*******************/ /***********************搜索*******************/ .searchbox2{width:92%;background: #FFFFFF; border-radius: 6px; height: 30px; margin:8px 0;/*overflow: hidden;*/} .searchbox2 .searchselect{width: 24%; position:relative;} /*.searchbox2 .searchselect .mui-select{width:100%; padding:8% 10%; padding-left:18%;margin: auto; background: none;}*/ .searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 16px;color:#999999; width: 0; height: 0; z-index: 0;} .searchbox2 .searchtxt2{width: 76%;height: 22px; margin: 6px 0; line-height: 20px; border: none; border-radius: 0; border-left:1px solid #CCCCCC; font-size:13px;} .simuselect{position:relative;} .ulbox{ padding: 0 16px;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} .lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:2px;position:absolute; top:30px;right:0px; width:100%;box-shadow: 0px 0px 3px #ccc inset;z-index: 9999;display:none;} .lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;} .lishow li:hover{ background:#f0f0f0;} .historybox{ background: #FFFFFF; padding-bottom:20px;} .hisrecord{ padding:0; margin: 0;} .hisrecord li{list-style: none; position: relative; font-size: 13px; color: #999999; border-bottom:1px solid #F0F0F0; padding:8px 12px; overflow: hidden;} .hisrecord li .histicon{ display: block; width: 14px; height: 14px; margin:3px 4px; background: url(../images/histicon.png) center center no-repeat; background-size:100% 100%; } .hisrecord li .delrecord{ position: absolute; right: 2%; top:50%; font-size:20px; margin-top:-10px;} .hisrecord .trashrecord{ text-align: center; padding:10px;} .hisrecord .trashrecord em{font-size: 18px;} .hotsearchbox{ padding:10px 14px;} .hotsearchbox ul{ padding:0; margin: 0; margin:6px 0; overflow: hidden;} .hotsearch li{ list-style: none; padding:4px 16px; margin:4px; border:1px solid #FF9900; color: #FF9900; border-radius: 6px; float: left;} /*.hide { display: none; } */ .backTop{ background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 15px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 24px; color: #666666; padding-top: 8px; opacity: 0.8; } .filterbox{} .filterblock{padding:0; margin: 0; margin-top:2px ; background:#FFFFFF;overflow: hidden;} .filterblock li{list-style:none; float: left; border-right:1px solid #F0F0F0;} .filterblock li em{ font-size:18px; margin:0 2px;} .filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;height: 32px;} /*筛选条件*/ .popoverbox2 {border-radius:4px;width:0;height:0;width:100%;height:200px;font-size: 14px; } .popoverbox2 .mui-popover-arrow{left:50%; margin-left:-12px;} .popoverbox2 .mui-table-view{padding:4px;border-radius: 0; overflow: hidden;} .popoverbox2 .mui-table-view-cell{float:left;padding:8px 16px; width:40%; margin:2px 2%;border-radius:2px;} .popoverbox2 .mui-table-view-cell>a:not(.mui-btn){position: relative;} .popoverbox2 .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;} .popoverbox2 .mui-table-view .mui-table-view-cell:last-child,.popoverbox2 .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn){border-radius:4px;} .popoverbox2 .mui-table-view .mui-table-view-cell:first-child,.popoverbox2 .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){border-radius:4px;} .popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; } .popoverbox2 .mui-table-view .mui-table-view-cell>a:not(.mui-btn).mui-active{background:#FF9900; color: #FFFFFF;} /*城市选择级联*/ .menublock{ position: relative; } .menuposition.mui-popover .mui-scroll-wrapper{ margin: 0;} .menuposition{border-radius:4px; position: absolute; height:300px;width:100%; font-size: 14px;} .menuposition .mui-popover-arrow{left:50%; margin-left:-12px;} .menuposition.mui-table-view{border-radius: 0; overflow: auto;} .menuposition .mui-row.mui-fullscreen>[class*="mui-col-"] {height:100%;} .menuposition .mui-col-xs-12,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;} .menuposition .mui-segmented-control .mui-control-item {line-height: 44px;width: 100%;} .menuposition .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {border-bottom: 1px solid #e8e8e8;}.menuposition .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #FFFFFF;color:#FF9900;} /***********************搜索*******************/ /*********************** 咨询*******************/ .consultbox{ padding:20px 0px 60px 0px;} .consultaim{ text-align: center; margin: auto; } .consultaim ul{padding: 0; margin: 0; overflow: hidden; margin:1% auto; padding:0 4%; } .consultaim ul li{ list-style: none;float: left; padding:2px 16px;border:#CCCCCC 1px solid;border-radius: 6px; margin:1%; font-size: 13px;} .consultaim ul .liactive{ border:1px solid #6CA8FF;padding-left:28px; color: #6CA8FF;position: relative;} .consultaim ul .liactive em{ display:block;position: absolute; left:10px; top:50%;margin-top: -8px; width:16px; height:16px;background: url(../images/selected.png) center center no-repeat; background-size:100% 100% ;} .divline{border-top:1px solid #F0F0F0; width: 100%; height: 1px;} .consultinfo{ width: 96%; margin: auto; margin-top:6px;} .consultinfo tr td{ vertical-align: top; padding:4px 0;} .consultinfo tr td:first-child{padding: 4px; width:64px;} .consultinfo tr td input{border:1px solid #CCCCCC; border-radius: 4px; height: 30px; line-height:16px; font-size: 14px;} .consultinfo tr td textarea{border:1px solid #CCCCCC; border-radius: 4px; height: 100px; line-height:16px; font-size: 14px;} .consultinfo tr td.sendbox{text-align: right;position: relative;} .consultinfo tr td .sendbtn{width: 20%;font-size: 13px; padding: 4px 10px;margin:0;position:absolute;right:0; top:0; } .operatebox{ width:100%;background: #FFFFFF;overflow: hidden; padding:10px;position: relative;} .themespan{ width: 54%;} .operatebtnbox{width:44%;position:absolute; top:50%; right:1%;margin-top:-13px;} /*已评价*/.operated{width:30%; margin-top:-18px;} .operatebtn{padding:2% 4%; margin: 0; position: absolute;right:0; font-size: 13px; line-height: 20px;} .filterbox2{} .filterblock2{padding:0; margin: 0; margin-top:2px ; background:#FFFFFF;overflow: hidden;} .filterblock2 li{list-style:none; position: relative; float: left; border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;} .filterblock2 li select{ margin:0 2px;} .filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;height: 32px;} .coutopicbox{ position: relative; background: #F0F0F0; margin-bottom: 10px; width:110%; margin-left:-16px; padding:4%; overflow: hidden;} .coutopicbox .coutheme{ max-width: 60%;} .coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; color: #FFFFFF; border-radius: 6px;} .coutopicbox .aimlabel{background:#6CA8FF;} .coutopicbox .status-1{background:#FF9900;}/*咨询状态*/ .coutopicbox .status-2{background:#dd524d;} .coutopicbox .status-3{background:#4cd964;} .thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;} .mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;} /*星级评价*/ .evabox{position:absolute;right: 2%;top: -4px; text-align: center;} .evabox span{ font-size: 12px;} .evabox .levelbox{ width:100px;} .evabox .levelbox .mui-icon{ font-size: 12px; } /*咨询列表下拉菜单*/ .popoverbox {border-radius: 6px;width:0;height:0;min-width: 100px;min-height:110px;font-size: 13px; } .popoverbox .mui-popover-arrow{top: -22px;width: 22px;height: 22px; left:50%; margin-left:-12px;} .popoverbox .mui-table-view-cell{padding:8px 14px;/* text-align: center;*/} .popoverbox .mui-table-view-cell>a:not(.mui-btn){ margin-right:-12%;position: relative;} .popoverbox .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;} .mui-popover4{ width: 130px; } /*********************** 咨询*******************/ /*********************** 资源信息浏览*******************/ .restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;} .resouimgbox{width: 56%; margin-right:10px;} .resouimgbox img{ width: 100%;margin: auto;} .personblock{ padding:8px 2px; text-align: center; width:40%;} .personblock p{ margin-bottom: 4px;} .personblock .headimg{ width:40%; border-radius: 50%;overflow: hidden;} .resomenubox{background: #FFFFFF; padding:8px 10px;} .resomenubox ul.resomenu{padding: 0;margin: 0;overflow: hidden;} .resomenubox ul.resomenu li{ list-style: none; font-size:16px; float: left;} .resouinfoword{ padding:6px 0; background: #FFFFFF;} .resouinfobox{ padding:0;margin: 0;} .resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;} /*********************** 资源信息浏览*******************/