body{background-color: #fff;}
.items2 {
    background: #151313;
    width: 100%;
    clear: both;
}

.item-box{
    width:1200px;
    background: #fff;
    margin: 20px auto;
    clear: both;
}
.legal-box2{
    width:1200px;
    background: #fff;
    margin: 20px auto;
    clear: both;
}
.c60{margin: 20px auto; text-align: center; height: 60px; line-height: 60px;}
.ell{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dib{display: inline-block;}
.tst{color: #d12225;}
.p20{padding: 20px;}
.bb{border-bottom: 1px solid #D8D8D8;}


.btn{background-color: #d12225; color: #fff;padding:3px 10px; height: 30px; border-radius: 3px; }
.btn:hover{ color:#fff; text-decoration:none; cursor: pointer;}
a.btn:link, a.btn:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}
.btn-1{font-size: 1.25em;}
.btn-2{font-size: 1.688em;}

.btn1{background-color: #26A5E8; color: #fff;padding:3px 10px; height: 30px; border-radius: 3px; }
.btn1:hover{ color:#fff; text-decoration:none; cursor: pointer;}
a.btn1:link, a.btn1:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}
.btn1-1{font-size: 1.25em;}
.btn1-2{font-size: 1.688em;}

.btn-st{background-color: #d12225; color: #fff;padding: 0.3em 0.3em; border-radius: 3px;font-size: 1.60em;}
a.btn-st:link, a.btn-st:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}
a.btn-st:hover{ color:#fff; text-decoration:none;/*underline;*/ }
a.btn-st:active{ color:#fff; }

.btn-st2{background-color: #FF5236; color: #fff;padding: 0.3em 0.3em; border-radius: 3px;font-size: 1.60em;}
a.btn-st2:link, a.btn-st2:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}
a.btn-st2:hover{ color:#fff; text-decoration:none;/*underline;*/ }
a.btn-st2:active{ color:#fff; }

.btn-blue{background-color: #26A5E8; color: #fff;padding: 0.3em 0.3em; border-radius: 3px;font-size: 1.60em;}
a.btn-blue:link, a.btn-blue:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}
a.btn-blue:hover{ color:#fff; text-decoration:none;/*underline;*/ }
a.btn-blue:active{ color:#fff; }

.btn-s{background-color: #d12225; color: #fff;padding:3px 10px; height: 30px; border-radius: 15px;}
.btn-m{background-color: #d12225; color: #fff;padding:3px 10px; height: 30px; border-radius: 15px; font-size: 1.25em;}
.btn-s:hover,.btn-m:hover{ color:#fff; text-decoration:none; cursor: pointer;}
a.btn-m:link, a.btn-m:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}

.btn-bs{background-color: #26A5E8; color: #fff;padding:5px 10px; height: 30px; border-radius: 15px; font-size:0.93em; }
.btn-bs:hover{ color:#fff; text-decoration:none; cursor: pointer;}
a.btn-bs:link, a.btn-bs:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}

.btn-bm{background-color: #26A5E8; color: #fff;padding:3px 10px; height: 30px; border-radius: 15px; font-size:1.25em; }
.btn-bm:hover{ color:#fff; text-decoration:none; cursor: pointer;}
a.btn-bm:link, a.btn-bm:visited{ color:#f0f0f0; text-decoration:none; text-align: center;}

a.tab-more:link, a.tab-more:visited{ color:#333333; text-decoration:none; text-align: center; font-size: 0.87em;}
a.tab-more:hover{ color:#d12225; text-decoration:none;/*underline;*/ font-size: 0.87em;}
a.tab-more:active{ color:#333333;font-size: 0.87em; }

.wb-btn-normal {background-color: #26A5E8!important;}
.btn-box{height: 100px; width:590px;display: table-cell;text-align: center; vertical-align: middle; }


.tab-title{font-size: 2.25em; font-weight: bold;margin: 50px 0; height: 100px; line-height: 100px;}

.item-list{margin-right: -20px;/*background-color: #f8f8f8;*/}
.item-list::after{content: '';display: block;clear: both;}
.item-list .item-content{float: left;width: 384px; height: 280px;margin-right: 20px;	margin-bottom: 20px;background-color: #fff;text-align: center;/*border: 1px solid #ddd;*/box-shadow: 0 5px 5px 4px #ddd; border-radius: 5px;}
.item-content .title{height: 50px; font-size: 2em;font-weight: bold; margin: 20px 0; line-height: 50px;}
/*.item-content .content>div{font-size: 2em;font-weight: 500; margin: 20px 0; line-height: 50px;}*/
.item-content .content .txt{width: 250px; height: 88px; overflow: hidden; text-align: left;}
.item-content .content .txt .intro{color: #666;font-weight: bold;font-size: 1.125em; height: 60px;}
.item-content .content .txt .price{color: #d12225;font-weight: bold; font-size: 1.312em; padding-right: 20px;}
.item-content .content .txt .cost{color: #999; font-size: 1em; text-decoration: line-through;}
.item-content .content .cover{width: 88px; height: 88px; overflow: hidden; margin-right:10px;}
.item-content .content .cover>img{width: 88px; height: 88px; overflow: hidden; }
.item-content .option{height: 100px; overflow: hidden; line-height: 100px; }
.item-content .option a{margin-right:20px;  }

.blank15{background: #f2f2f2;height: 15px;}

.open-pic img{cursor: pointer;}
.open-member{font-size: 1.625em;font-weight: bold;color: #343434; margin: 20px;}

.cell-list{margin-right: -4px;}
.cell-list>div{float: left;width: 33%;}

.more-list .more{width: 396px; display:inline-block;position: relative;}
.more-list .more .tab-more{position: absolute; bottom: 0; right: 16px;}

.cell-title{text-align: center; font-size: 1.875em;color: #333; font-weight: bold; height: 60px; line-height: 60px; margin: 10px 0;}
.article-box{width: 384px;background-color: #fff; float: left; margin-right: 20px; border-radius: 5px;box-shadow: 0 5px 5px 5px #ddd;}

.article-item{height: 90px; padding: 20px;}
.article-item .article-cover{height: 88px; width: 88px; overflow: hidden;vertical-align: top; margin-right: 10px;}
.article-item .article-cover>img{height: 88px; width: 88px;overflow: hidden; border-radius: 5px;}
.article-item .article-info{ width: 240px; vertical-align: top; text-align: left;}
.article-box .article-item:not(:last-child){border-bottom: 1px solid #D8D8D8;}
.article-item .article-title{width: 240px; height:60px;font-size: 1.0625em;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article-item .article-intro{width: 240px; height:40px;line-height:40px;font-size: 0.875em;overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;*/}

/*轮播广告*/
/** {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
ul,li {list-style: none;}*/
/*.bb1{width: 1200px;height: 400px;overflow: hidden; clear: both; }*/
.bb1 .box,.bb1 .box .box-1 ul li, .bb1 .box .box-1 ul li img{width: 1200px;height: 400px; overflow: hidden;}
.bb2 .box,.bb2 .box .box-1 ul li, .bb2 .box .box-1 ul li img{width: 800px;height: 375px;}
a {text-decoration: none;color: black;}
.box{/*width: 1200px;height: 400px;*/overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{/*width: 1200px;height: 400px;*/position: relative;overflow: hidden;}
.box-1 ul li img{display:block;/*width: 1200px; height: 400px;*/}
.box-1 ul li h2{position: absolute;left: 0;bottom: 20px;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
    padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
    white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 32px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
    background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.1);width: 30px;height: 50px;
    top:50%; line-height: 50px;font-size:20px;margin-top: -40px;
    text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.5);}

/*详情页面*/
.legal-info{vertical-align: top; width: 396px; padding: 20px; box-sizing: border-box; }
.legal-info .title{font-size: 3.187em;color: #333333;font-weight: bold; height: 60px; line-height: 60px; overflow: hidden;}
.legal-info .intro{font-size: 1.187em;color: #666666;font-weight: 500;height: 120px; text-align: left; padding: 10px 0;overflow: hidden;}
.legal-info .option a{margin: 0 20px 0 0;}
.price-box{height: 100px; text-align: left;}
.price-box .price{color: #d12225;font-weight: bold; font-size: 1.75em; padding-right: 20px;}
.price-box .cost{color: #999; font-size: 1.437em; text-decoration: line-through; font-weight: 500;}

.prom{height: 50px;    margin: 15px 0;   text-align: left;}
.prom img{ height: 33px; vertical-align: middle;}
.prom span{ height: 33px; vertical-align: middle;}

.legal-info .option{ height: 30px;}


.item-tab{font-size: 2.125em;font-weight: bold;/*padding: 20px;*/ color: #333333; }
.item-tab, .detail-list{text-align: left;}
.detail-list{padding: 20px 0; border-bottom: 1px solid #ddd;}
.detail-cover{width: 100px; min-height: 100px; overflow: hidden; margin: 20px 20px 20px 0;vertical-align: middle;}
.detail-cover img{max-width: 100px;  overflow: hidden;}
.detail-info{vertical-align: top;color: #666666; width: 1075px;}
.detail-legend{height: 45px;font-size: 1.90em; line-height: 45px;}
.detail-intro{font-size: 1.25em; color: #666666; font-weight: 500; line-height: 30px;text-indent: 2em;}
.server-flow img{max-width: 1100px;}

/*我的*/
.log-list{margin-right: -20px;/*background-color: #f8f8f8;*/ text-align: left; min-height: 400px;}
.log-list::after{content: '';display: block;clear: both;}
.log-list .log-box{float: left;width: 386px; height: 160px;margin-right: 20px;	margin-bottom: 20px;background-color: #fff;box-shadow: 0 5px 5px 4px #ddd; border-radius: 5px; padding: 10px; box-sizing: border-box;}
.log-list .log-box .log-left>span:first-child{font-weight: bold;font-size: 1.25em; color: #333333;}
.log-list .log-box .log-status{font-weight: bold;font-size: 1.25em;}
.log-list .log-box .title{color: #666666;font-weight: bold;font-size: 1.25em;}
.log-left{display: inline-block;width: 290px; text-align: left; vertical-align: top; line-height:35px; color: #666; }
.log-right{display: inline-block; width: 70px; height: 160px; vertical-align: top;}
.log-right .log-status{display: table-cell; width: 70px; height: 160px; text-align: center; vertical-align: middle;}


.lc0{color: #F7742D;}
.lc1{color: #9D2725;}
.lc2{color: #01930E;}

.log-list .log-box1{float: left;width: 285px; height: 200px;margin-right: 20px;	margin-bottom: 20px;background-color: #fff;box-shadow: 0 5px 5px 4px #ddd; border-radius: 5px; padding: 10px; box-sizing: border-box;line-height: 35px;}
.log-list .log-box1 .log-left>span:first-child{font-weight: bold;font-size: 1.25em; color: #333333;}
.log-list .log-box1 .log-status{font-weight: bold;font-size: 1.062em;}
.log-list .log-box1 .btn-info{font-weight: bold;font-size: 1.062em;display: table-cell; width: 280px; height: 80px; text-align: center; vertical-align: middle;}
.log-list .log-box1 .title{color: #666666;font-weight: bold;font-size: 1.062em;}

.log-box:hover,.log-box1:hover{box-shadow: 0 5px 5px 6px #ccc;}

.search{padding: 20px;}
.search span{margin-right: 20px;}

/*合同详情*/
.contract-box{width: 800px; min-height: 600px; margin: 20px auto; border:1px solid #ccc; padding: 30px; text-align: left; border-radius: 5px;}
.contract-box .box-name{font-size:1.4375em;font-weight: bold; color: #333333; height: 80px; line-height: 80px; text-align: center; }
.contract-box .contract-param{font-size:1em;font-weight: 500; color: #999; height: 60px; line-height: 60px; }
.contract-box .contract-param .services-no{text-align: left; display: inline-block; width: 49%; }
.contract-box .contract-param .add-date{text-align: right; display: inline-block; width: 49%; }
.contract-box .contract-detail{font-size: 1.25em; color: #666; text-align: left;min-height: 400px; }
.contract-box .contract-file{margin: 10px 10px 10px 0; }
.contract-box .legend{font-size: 1em; font-weight: bold;color: #999;}

.file-box .file-name{color: #d12225;}
.file-box .layui-icon-file-b{color: #999;}
.file-box .layui-icon-delete{color: #999;}
.file-box .layui-icon-delete:hover{color: #d12225;cursor: pointer;}

.bs{border-radius: 10px;box-shadow: 0 5px 5px 6px #ddd;}
.br{border-right: 1px solid #ddd;}
.content-box{width: 1200px; margin: 20px auto; text-align: left; padding: 40px; box-sizing: border-box; line-height: 60px;}
.content-box{font-weight: 500;font-size: 1.437em;color: #333333;}
.row-item>span:first-child{width: 150px; font-weight: bold;color: #555}
.content-box .content{text-align: left; border: 1px solid #ccc; padding: 10px;}
.content-box .content-title{font-size: 1.375em;color: #343434; text-align: center; margin: 10px 0;}

.row-detail{padding: 5px 0; margin: 5px 0 ; font-size: 1.4375em; width: 600px; height: 50px; line-height: 50px;}
.row-detail>span:first-child{width: 150px; font-weight: bold;color: #666}
.row-detail .row-info{border-bottom: 1px solid #bbb; width: 450px; display: inline-block; color: #999999;}

.legend-name{color: #666;font-size: 1.4375em; font-weight: bold;text-align: left; padding: 0 18px;}
.desc-box{height: 150px; width: 480px; border: 1px solid #ccc; overflow-y: auto; margin-left: 20px; padding: 10px; text-align: left;color: #999999; font-size: 1.25em;}
.images-box{margin: 20px 0;}
.images-box .tips1{margin: 0 20px ;}
.picture-box{margin: 0 10px;}
.picture-box>img{margin: 10px; width: 100px; height: 100px;}

.status-box{padding: 40px;text-align: left; min-height: 250px;font-size: 1.4375em; line-height: 180%; }
.status{color: #F55E0E;font-weight: bold;}
.status-name{ font-weight: bold;}
.status-images>img{margin: 10px; width: 100px; height: 100px; cursor: pointer;}
.status-info{color: #666666;}
.status-tips{margin: 20px 0;}


.i-box{text-align: left;}
.box-title{font-size: 1.4375em; color: #333333;font-weight: bold;}
.i-box .picture{padding: 10px 20px 10px 0;vertical-align: top;}
.i-box .text{padding: 10px 0 10px 0;vertical-align: top; line-height: 40px; font-size: 1.188em;}
.tips{height: 120px; line-height: 120px;  color: #999;}
.tips1{font-size: 1em; line-height: 30px;}
.tips2{font-size: 1.25em; line-height: 30px; text-align: left; font-weight: 500;}
.tips3{font-size: 1.25em; line-height: 30px; text-align: center; font-weight: 500; width: 1120px; height: 100px; display: table-cell; vertical-align: middle;}
.tips1>span:first-child,.tips2>span:first-child,.tips3>span:first-child{color: #d12225;}
.tips1>span:last-child,.tips2>span:last-child,.tips3>span:last-child{color: #666666;}

.wb-form-label{width: 120px!important;}
.wb-input{padding-left: 10px;
    height: 45px;
    line-height: 1.2;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    background-color: #fff;
    border-radius: 2px;
}
.wb-textarea {
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
}
.w7{width: 70%;}
.w8{width: 80%;}
.w9{width: 90%!important;}
.w6{width: 60%;}
.w52{width: 52%;}
.w62{width: 62%;}
.w69{width: 69%;}
.w98{width: 98%!important;}
.v140{ width: 1200px;height: 140px; vertical-align: middle;display: table-cell; text-align: center;}
.vm{ vertical-align: middle;display: table-cell; text-align: center;}
.vml{ vertical-align: middle;display: table-cell;}
.b1{ height:300px; width: 1200px;}
.empty{height:300px; width: 1200px; color: #d12225; font-size: 1.5em; font-weight: bold; }