/**common**/

.col-green{color: #86d5ad;}

.marbom {margin-bottom: 1.5rem;}
.bo-bom{border-bottom:1px solid rgba(0,0,0,.15);}
[data-type="err-msg"]{height: 2.2rem;}

.over-hidden{overflow: hidden;}
.swiper-box{padding: 0 0 0 1rem;overflow: hidden;}
.more-gp{right: .5rem;}
.more-gp i{width: 2.8rem;background-size: 60%;}

.input-box{min-height: 4.4rem;line-height: 4.4rem;position: relative;border-bottom: 1px solid #ddd;padding: .8rem .5rem .8rem 4rem;}
.input-box:last-child{border-bottom: 0;}
.input-box .form-input{border: 0;display: block;width: 98%;background: transparent;color: #666;line-height: 3rem;}
.form-label{position: absolute;left:0;top:0;display: block;width: 7rem;height: 100%;color: #666;}
.input-lab-box{padding: 0 1rem 0 7.3rem;}
.input-lab-box .form-input-box{padding: .62rem 0 0 0;}

/*** select ***/
.drop-box{position: relative;display: block;font-size: 1.5rem;padding-right:1.5rem;}
.options{font-size: 100%;width: 100%;display: block;border:0;height: 100%;position: absolute;left: 0;top:0;z-index: 2;opacity: 0;}
.options:focus{outline: none;border: 0;}
.options option{display: block;width: 100%;}
.seltxt{width: 100%;border:0;background: transparent;color: #666;font-size: 1.4rem;}
/*** select END ***/

/*** 图文列表 ***/
.offserv-list>ul>li>a img{/*height: 100%;*/display: block;border-radius: 3px;overflow: hidden;}
.offserv-list>ul>li{background: rgb(255,255,255);position: relative;border-top: 1px solid #E3E5DE;border-bottom: 1px solid #E3E5DE;margin-bottom: .7rem;}
.offserv-list.newstyle>ul>li{margin-bottom:0;border-top:0;}
.grid>.wid-ico{max-width: 170px;flex: 0 0 14%;}
.grid>.wid-pic{flex: 0 0 24%;}
.grid>.wid-pic img, .grid>.wid-ico img{width: 80%;max-width: 72px;display: block;}
.mail-list .grid>.grid-cell.wid-ico{height: 5.2rem;width: 13rem !important;overflow: hidden;}
.offserv-list>ul>li>a{display: block;padding: .8rem 0 .8rem 1rem;position: relative;}
.offserv-list .ar-rig-icon{right: 1.2rem;}
.office-txt{font-size: 1.3rem;color: #999;}
.offserv-list h3,.office-txt,.text-overflow{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.offserv-list h3,.office-txt{position: relative;padding-right: 1.2rem;padding-top: .2rem;}
.paragraph{padding-right: 2rem;}
.pure-txt{position: absolute;right: 2.5rem;color: #aaa;}
.grid-rig{position: absolute;top: 1rem;right: 1.2rem;z-index: 2;color: #999;font-size: 1.2rem;}

.graphic-list{text-align: justify;padding: 0 1rem;}
.graphic-list>li{border-bottom: 1px solid #eee;position: relative;height: 6rem;overflow: hidden;-webkit-box-align:center;display: -webkit-box;padding:.7rem 0;}
.graphic-list>li>a{height: 100%;overflow: hidden;}
.graphic-list h3{font-size: 1.4rem;color: #000;}
.grid>.grid-pic{margin-right: .5rem;max-width: 20%;}

.gra-desc{font-size: 1.2rem;color: #999;line-height: 1.5;overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.gra-rig{position: absolute;right: 1.5rem;color: #999;bottom: .5rem;font-size: 1.1rem;z-index: 2;}
.gra-rig em{margin-left: 1.3rem;}
/*** 图文列表END ***/

/***nav_icon***/
.ico-home{background-image: url(../images/icons/home.png);}
/*.on .ico-home{background-image: url(../images/icons/home-on.png);}*/
.ico-topic{background-image: url(../images/icons/topic.png);}
.on .ico-topic{background-image: url(../images/icons/topic-on.png);}
.ico-cate{background-image: url(../images/icons/cate.png);}
.on .ico-cate{background-image: url(../images/icons/cate-on.png);}
.ico-profile{background-image: url(../images/icons/profile.png);}
.on .ico-profile{background-image: url(../images/icons/profile-on.png);}

/*icon*/
.ico-space{background-image: url(../images/icons/space.png);}
.ico-search{background-image: url(../images/icons/ico-search2.png);}
.ico-user{background-image: url(../images/icons/user.png);}
.ico-addart{background-image: url(../images/icons/ico-add.png);}
.ico-menu{background-image: url(../images/icons/ico-menu.png);}

/*** logo ***/
.import-box{line-height: 4rem;padding-left: 4.2rem;position: relative;margin: 0 1rem 1rem;border: 1px solid #e4e4e4;} 
.import-box .input-val{width: 90%;display: inline-block;padding: .4rem .5rem;border: 0;font-size: 1.5rem;} 
.input-val:focus{outline: 0;}
.import-box i{position: absolute;left:0.7rem;top:0;display: block;width: 2.8rem;height: 100%;background-size: 60%;} 
.import-box i.icon-mobile{background-image: url(../images/icons/mobile.png);}
.import-box i.icon-lock{background-image: url(../images/icons/lock.png);}
.btn-msg{position: absolute;right: 1rem;top:50%;z-index: 2;margin-top: -1.6rem;background: #f1f1f1;border: 1px solid #ccc;color: #666;border-radius: 4px;display: inline-block;height: 3.2rem;line-height: 3.2rem;padding:0 .6rem;font-size: 1.2rem;}
.agr-box{padding:1rem;}

.login-info input{background: transparent;color: #60491f;}
.login-info .import-box{background: rgba(255,255,255,1);border-color: #fff;border-radius: 4px;}

.login-other{margin-top: 10rem;text-align: center;}
.login-other h3{font-size: 1.4rem;margin: 0 0 2rem;}
.login-other a{display: inline-block;margin-right: 1.5rem;width: 4.2rem;height: 4.2rem;line-height: 4.2rem;border-radius: 50%;border:1px solid #ccc;text-align: center;}
.login-other img{display: inline-block;vertical-align: middle;margin-top: -.5rem;}
/*** logo END ***/

/*index*/
.pro-title a.back{left: 1.2rem;}
.pro-title .art{color: #fff;font: bold italic 2rem  "Microsoft Yahei";}
.art-list>li{padding: 1rem;margin-bottom: 1.2rem;background: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, .1);}
.art-til{position: relative;margin-bottom: .5rem;}
.art-til>a{display: block;}
.art-til img{width:2.7rem;height:2.7rem;border-radius: 50%;overflow: hidden;float: left;margin-right: 1rem;}
.art-til p{color: #000;font-size: .8rem;margin-bottom: -0.2rem;letter-spacing: 1px;}
.art-time{font-size: 1.1rem;color: #999;}
.art-til .icon-ar-dn{position: absolute;right: 0;top: 0;bottom: 0;width: 3.3rem;display: block;}
.art-til .ar-dn-icon{right: 1rem;border-color: #333;width: 12px;height: 12px;}
.art-watch{text-align: center;margin-top: .6rem;}
.art-watch a{display: block;height: 3rem;line-height: 3rem;}
/*.art-watch a:first-child{border-right: 1px solid #ddd;}*/
.art-watch i{width: 2rem;height: 2.4rem;vertical-align: top;margin-right: .4rem;}
.icon-fire{background-image: url(../images/icons/icon_hot@2x.png);}
.icon-eye{background-image: url(../images/icons/icon_eyeIndex@2x.png);}
.art-item2{-webkit-align-items: stretch;align-items: stretch;}
.art-item2>div:first-child{flex:0 0 40%;max-width: 40%;}
.art-item2>div:last-child{flex:0 0 60%;max-width: 60%;}
.art-item2 .art-info{padding: 0 0 0 1rem;text-align: justify;}
.art-info h3{color: #000;font-size: 1.4rem;}
.art-item2 .art-open{color: #5cbbc1;margin: 1rem 0;}
.art-item2 .art-txt{color: #999;}
.art-pic{position: relative;}
.art-pic-dsc{position: absolute;z-index: 3;bottom: 0rem;left: 0;width: 100%;color: #fff;font-size: 1.2rem;padding: 0 1rem;background: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.2))}
.art-pic-dsc p{font-size: 1.2rem;line-height: 1.4;text-align: justify;}

/*popmenu*/
.pop-menu{display: none;min-width: 17rem;position: absolute;right: 1rem;padding: 0 .7rem;top: 4.6rem;z-index: 99;background-color: #fafafa;box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);}
.pop-menu li{border-bottom: 1px solid #ddd;text-align: left;}
.pop-menu li:last-child{border-bottom: 0;}
.pop-menu li a{color: #333;height: 4rem;line-height: 4rem;display: block;font-size: 1.3rem;}
.pop-menu li i{margin-right: .4rem;}
.pop-menu li i.ico{width: 2.4rem;height: 100%;vertical-align: middle;}
.pop-menu li i img{display: inline-block;vertical-align: middle;margin-right: 0.7rem;margin-top: -4px;}
.pop-menu.on{display: block;}
.ico-add{background-image: url(../images/icons/add2.png);}
.ico-sao{background-image: url(../images/icons/ico-sao.png);}
.ico-fb{background-image: url(../images/icons/ico-fb.png);}
.ico-ib{background-image: url(../images/icons/ib.png);}
/*popmenu*/

/*space*/
.spc-hd-wrap{position: relative;min-height: 13rem;}
.spc-hd-cont{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;}
.spc-back, .spc-more{margin: 0 0 0 1.5rem;float: left;width: 3.4rem;height: 3.4rem;line-height: 3.4rem;border-radius: 50%;display: inline-block;background: url(../images/icons/ar-left.png) no-repeat center center rgba(0, 0, 0, .3);background-size: 30%;color: #fff;}
.spc-more{float: right;margin: 0 1.5rem 0 0;background-image: url(../images/icons/more.png);background-size: 60%;}
.spc-hd-pic{position: absolute;bottom: -3rem;left: 50%;margin-left: -3rem;width: 6rem;height: 6rem;border-radius: 50%;overflow: hidden;}
.spc-camera{position: absolute;right: 0;bottom: 2.6rem;z-index: 2;background: rgba(0, 0, 0, .5);padding: 0 .8rem;border-radius: 16px 0 0 16px;color: #fff;font-size: 1.2rem;height: 2.6rem;line-height: 2.6rem;}
.ico-camera{background-image: url(../images/icons/camera.png);width: 1.8rem;height: 1.8rem;vertical-align: middle;margin: -0.3rem .3rem 0 0;}
.ico-fans{background-image: url(../images/icons/spc-fans.png);}
.spc-user{background-image: url(../images/icons/spc-user.png);}
.spc-fans>li>a{color: #333;letter-spacing: 0;}
.spc-fans i{background-size: 1.8rem;}
.spc-fans p{font-size: 1.2rem;}

.spc-info{text-align: center;}
.spc-info>h3{font-size: 1.8rem;color: #000;margin-bottom: .8rem;}
.spc-info>p{color: #666;font-size: 1.2rem;padding:0 1rem;text-indent:2em;text-align:left;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.spc-info>ul{padding:1 1rem;width:100%;overflow: hidden;height: 5rem;margin:1rem 0;}
.spc-info>ul li{float: left;height: 5rem;border-top:1px solid rgba(204, 204, 204, 1);border-bottom:5px solid rgba(204, 204, 204, 1);}
.spc-info>ul>li:nth-child(1){width:10%;}
.spc-info>ul>li:nth-child(2){width:90%;text-align: left;}
.spc-info>ul img{width:2rem;margin-top:1rem;}
.spc-info .triangle{position: relative;top: 1rem;border-top-color: #333;border-width: 7px;margin-top: 0px;}

.art-hd-til{position: relative;padding: 0 1.5rem;box-shadow: 0 4px 4px rgba(0, 0, 0, .04);height: 3.6rem;line-height: 3.6rem;margin-bottom: 6px;}
.art-hd-til span{font-size: 1.6rem;color: #666;letter-spacing: 1px;}
.art-til-rig{display: block;min-width: 3rem;height: 3rem;line-height: 3rem;right: 1.2rem;padding-right: 1.5rem;font-size: 1.3rem;}
.art-til-rig .ar-rig-icon{margin: -6px 0 0;}

.art-paint-box{padding: 0 .8rem;}
.art-paint{margin-top: 1rem;white-space: nowrap;width: 100%;overflow-x: auto;}
.art-paint::-webkit-scrollbar{width:0;height:0}
.art-paint>li{width: 23vw;display: inline-block;margin: 0 .1rem;}
.art-paint>li a{display: block;text-align: center;}
.art-paint>li img{display: block;width: 100%;}
.art-paint>li p{margin: .5rem 0 0;}

.space-articles h3{font-size: 1.2rem;}
.space-articles .graphic-list>li>a{padding: 1rem;}

.hottest{text-align: center;}
.hottest>li{display: inline-block;margin: 0 .5rem;position: relative;}
.hottest>li::after{content: '\20';display: block;position: absolute;z-index: 2;bottom: 0;width: 50%;left: 25%;height: 3px;}
.hottest>li.on::after{background: #000;}
.hottest>li>a{display: block;padding: 0 .5rem;color: #555;}
.spc-commen-list h3{font-size: 1.4rem;color: #555;}
.spc-commen-list .grid-ico{flex:0 0 16%;min-width: 4.4rem;margin-right: 1rem;}
.spc-commen-list .grid-ico .img-radius{width: 4.4rem;height: 4.4rem;border-radius: 50%;overflow: hidden;}
.spc-commen-list .gra-rig{top: 1.2rem;bottom: auto;color: #bbb;}
.spc-zan2{background-image: url(../images/icons/zan.png);width: 1.4rem;height: 1.4rem;vertical-align: middle;margin: -.4rem .3rem 0 0;}

.spc-tools{padding: 1rem 0 1rem 1.2rem;border-top: 1px solid #eee;background: #fff;}
.spc-tools .ico{background-image: url(../images/icons/edit.png);width: 1.6rem;height: 1.6rem;margin: -.2rem .3rem 0 0;vertical-align: middle;}
.spc-tools>li.spc-edit{flex: 0 0 45%;}
.spc-tools>li>a{font-size: 1.2rem;display: block;padding: .3rem 0 0;}
.spc-tools>li.spc-edit a{color: #888;height: 2.6rem;line-height: 2.6rem;border: 1px solid #999;border-radius: 3px;padding: 0 1rem;}
.spc-edit i.ico{width: 1.4rem;height: 1.4rem;}
.spc-commen, .spc-upl, .spc-zan{padding: 0 0 0 1rem;}
.spc-commen i.ico{background-image: url(../images/icons/commen.png);}
.spc-zan i.ico{background-image: url(../images/icons/zan.png);margin: -.3rem .3rem 0 0;}
.spc-zan a{color: #ccc;}
.spc-upl i.ico{background-image: url(../images/icons/upload.png);}

/*spaceList*/
.spc-list{padding: 0 1rem;}
.spc-list .grid>.grid-pic{margin-right: .8rem;max-width: 22%; }
.spc-location {height: 100%;min-width: 5rem}
.triangle{top: auto;bottom: .1rem;right: 50%;margin-right: -3px;display: block;}

.pop-panel{position: fixed;top: 0;left:0;bottom:0;width: 100%;z-index: 400;background: #fff;}
.pop-panel .more{right: 1rem;padding: 0 .5rem;color: #666;}
.spc-city-box{padding: 1rem;}
.spc-city-til{color: #000;font-size: 1.4rem;}
.spc-city-til em{font-size: 1.3rem;color: #666;}
.spc-city-box .city-list{color: #000;}
.spc-city-box .city-list dt{margin: 1rem 0;}
.spc-city-box .city-list dt img{width: 3rem;display: inline-block;vertical-align: top;margin-right: .7rem;}
.spc-city-box .city-list dd ul{margin: 0 -.3rem;}
.spc-city-box .city-list dd li{width: 31.3%;height: 3.2rem;line-height: 3.2rem;background: #E3E3E3;font-size: 1.4rem;text-align: center;margin: 0 .3rem .6rem;float: left;}
.spc-city-box .city-list dd li.on{background: #999;}

/*个人中心*/
.uc-list>ul>li{margin: -1px 0 0;}
.uc-list>ul>li.marbom{margin-bottom: 1rem;}
.uc-hd>ul>li .uc-member{color: rgba(0, 153, 102, 1);right: 2.2rem;font-size: 1.4rem;}
.uc-hd>ul>li .ar-rig-icon{border-color: rgba(0, 153, 102, 1);}
.uc-hd .grid>.wid-pic{max-height: 7rem;}
.uc-hd .grid>.wid-pic img{max-width: 100px;width: 6.2rem;height: 6.2rem;border-radius: 50%;overflow: hidden;}
.uc-hd>ul>li h3{font-size: 1.5rem;color: #333;}
.uc-hd>ul>li{min-height: 7.7rem;}
.uc-hd .office-txt{white-space: normal;padding-right: 5.3rem;text-align: justify;}
/*编辑资料*/
.info-panel{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.info-panel .input-box{background: #fff;}
.info-panel .form-label{padding-left: 1rem;}
.textarea{width: 100%;padding: .65rem .2rem;height: 8rem;}
.pic-box,.btn-upl{background: url(../images/ui/plus.png) no-repeat center center;width: 5rem;height: 5rem;border-radius: 8px;position: relative;float: left;border:1px solid #b9b9ba;background-size: 20px auto;overflow: hidden;margin: 0.5rem .7rem .7rem 0;line-height: 4.9rem;}
.pic-box{background: #fff;position: relative;}
.pic-box img{vertical-align: middle;}
.pic-box i,.removeArt{display: inline-block;width: 1.4rem;height: 1.4rem;border-radius: 50%;line-height: 1.4rem;text-align: center;color: #fff;background-color: rgba(255,0,0,0.6);position: absolute;right: 1px;top: 1px;z-index: 10;}
.btn-upl input[type="file"] {opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 9;}
.head-pic{padding: .6rem 0;}
/*添加资料*/
.art-sm-til{padding: .4rem 1rem;}
.reco-til{font-weight: normal;padding: 1.5rem 1rem .5rem;font-weight: bold;}
.art-record{background: #fff;}
.art-record .input-box{border-bottom: 0;}
.art-record li{border-bottom: 1px solid #ddd;}
.reco-add{padding: .7rem 1.5rem 1rem;overflow: hidden;}
.btn-add-reco{float: right;width: 3rem;height: 3rem;background: url(../images/ui/plus.png) no-repeat center center;border: 1px solid #999;border-radius: 4px;background-size: 60%;}
.addart-area{height: 54vh;width: 100%;padding:.65rem .2rem;display: block;}
.area-nowrap{height: 4rem;white-space: nowrap;overflow: hidden;}

.reco-block{position: relative;border-top:1px solid #eee;}
.reco-block.show .reco-del{display: block;}
.reco-del{display: none;position: absolute;top: 0;right: 1rem;z-index: 20;width: 1.6rem;height: 1.6rem;background: url(../images/ui/plus.png) no-repeat center center;background-size: 80%;
-webkit-transform: rotate(45deg);transform: rotate(45deg);}
/*改动*/
.removeArt{right:1rem;top:-.5rem;width:1.6rem;height:1.6rem;font-size: 2rem;}
.pro-title .scene{position: fixed;left:1rem;color: #ffffff;font-size: 12px;display: block;background: #B3B3B3;height:3rem;width:6rem;line-height: 3rem;top:50%;transform:translateY(-50%);border-radius: 10px;overflow: hidden;z-index: 2000;}
.pro-title .scene .switch{position:absolute;display:block;height:3rem;width:6rem;background:rgba(0,150,255,.5);top: 0;border-radius: 10px;left:-3rem;}
/*弹出信息*/
.mark-ba{position: fixed;width:100%;height:100%;background:rgba(102, 102, 102, 0.8);left:0;top:0;text-align: center;z-index: 100;}
.mark-show{position: fixed;width:22rem;height:15rem;background: #fff;left:50%;top:50%;border-radius:5px;margin:-7.5rem 0 0 -11rem;}
.mark-show ul li{width:50%;height:3rem;line-height:3rem;color:#fff;font-size:1.5rem;float: left;margin:20% 0 10% 0;}
.mark-show ul li span{background:#0099ff;display: block;width:80%;margin:0 auto;border-radius: 5px;}
.mark-ba .abolish{width:40%;height:2.7rem;line-height:2.7rem;background: #f2f2f2;display: block;overflow: hidden;margin:0 auto;border-radius: 5px;}
.pop-notify{position: fixed;min-width: 48%;max-width: 70%;z-index: 999;background: rgba(0,0,0,0.8);border-radius: 5px;overflow: hidden;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .5s ease-in;;transition: all .5s ease-in;}
.pop-text{padding: 2rem 1rem;color: #fff;font-size: 1.3rem;text-align: center;}
.pop-notify.hide{display: none;}