@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
/** flex-custorm 自定义flex函数 */
#container { background: #ffffff; }

[v-cloak] { display: none; }

#content { background-color: #fff; width: 100% !important; background: url(/images/server/banner.png) no-repeat top left; background-size: 100% 458px; }

.main { width: 1200px; margin: 0 auto; height: auto; }

.header { margin-top: 21px; }

.header .nav1 { width: 100%; height: 20px; color: #fff; font-size: 14px; }

.header .nav1 a { color: #fff; }

.header .header-content { width: 1200px; height: auto; min-height: 338px; margin-top: 47px; padding: 26px 50px 26px 388px; box-sizing: border-box; background: #fff; border-radius: 6px; position: relative; }

.header .header-content .territoryBoxs { position: absolute; z-index: 33; background: #fff; width: 100%; }

.header .header-content .territoryBoxs.unfold { box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); }

.header .header-content .kapian { width: 300px; height: 402px; background: url(/images/server/kapianbeijing.png) no-repeat 100% 100%; background-size: 100% 100%; border-radius: 5px; position: absolute; top: -32px; left: 40px; z-index: 99; }

.header .header-content .kapian .xingji { margin-top: 20px; }

.header .header-content .kapian .xingji .star { text-align: center; }

.header .header-content .kapian .xingji .star .star-item { display: inline-block; width: 31px; height: 30px; margin-right: 6px; background-image: url(/images/xingxing1.png); background-size: contain; }

.header .header-content .kapian .xingji .star .star-item.full { background-image: url(/images/xingxing.png); }

.header .header-content .kapian .xingji .star .star-item.half { background-image: url(/images/xingxing2.png); }

.header .header-content .kapian .xingji .xingxing-alt { margin-top: 20px; text-align: center; height: 22px; line-height: 22px; color: #fff; background: url(/images/server/smollbj.png) no-repeat center center; background-size: 173px 22px; }

.header .header-content .kapian .xingji .xingxing-alt span { font-size: 22px; }

.header .header-content .kapian .title { width: 108px; height: 108px; margin: 0 auto; margin-top: 19px; }

.header .header-content .kapian .title img { display: block; width: 100%; height: 100%; }

.header .header-content .kapian .name { margin-top: 18px; font-size: 20px; color: #fff; margin-left: 95px; display: flex; align-items: center; font-weight: bold; }

.header .header-content .kapian .name i { display: block; width: 20px; height: 20px; margin-left: 9px; }

.header .header-content .kapian .name i img { display: block; width: 100%; height: 100%; }

.header .header-content .kapian .dengji, .header .header-content .kapian .diqu, .header .header-content .kapian .xingbie, .header .header-content .kapian .nianling { margin-top: 17px; margin-left: 95px; font-size: 14px; color: #fff; }

.header .header-content .info-list { width: 610px; height: 80px; }

.header .header-content .info-list ul { display: flex; justify-content: space-between; align-items: center; }

.header .header-content .info-list ul .gexian { width: 31px; height: 44px; }

.header .header-content .info-list ul .gexian img { display: block; width: 100%; height: 100%; }

.header .header-content .info-list ul .list-alt { font-size: 16px; line-height: 24px; color: #474747; }

.header .header-content .info-list ul .list-alt i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; }

.header .header-content .info-list ul .list-alt i img { display: inline-block; width: 100%; height: 100%; }

.header .header-content .info-list ul .list-val { margin-top: 19px; font-size: 16px; color: #474747; }

.header .header-content .info-list ul .list-val span { font-size: 34px; color: #000000; font-weight: bold; }

.header .header-content .info-list ul .list-val.orange span { color: #ff761a; }

.header .header-content .note-part { margin-top: 20px; height: auto; background: #fafafa; padding: 8px 23px 21px 11px; font-size: 12px; font-family: PingFang-SC-Medium; font-weight: 500; color: #999; line-height: 22px; position: relative; overflow: hidden; }

.header .header-content .note-part .orderMemo strong.note-title { color: #878788; font-weight: bold; display: block; float: left; }

.header .header-content .note-part .orderMemo p { display: block; width: 668px; float: left; overflow: hidden; word-wrap: break-word; }

.header .header-content .note-part.gengduo-box p { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.header .header-content .note-part.gengduo-box .gengduo { transform: rotate(0deg); }

.header .header-content .note-part .gengduo { position: absolute; right: 10px; bottom: 33px; width: 9px; height: 14px; cursor: pointer; transform: rotate(180deg); }

.header .header-content .note-part .gengduo img { display: block; width: 100%; height: 100%; }

.header .header-content .service-label { margin-top: 20px; display: flex; }

.header .header-content .service-label .label { font-size: 14px; color: #474747; font-weight: bold; width: 70px; line-height: 20px; }

.header .header-content .service-label .label-item { flex: 1; height: 40px; overflow: hidden; }

.header .header-content .service-label .label-item ul { display: flex; flex-wrap: wrap; font-size: 14px; color: #474747; }

.header .header-content .service-label .label-item ul li { border: 1px solid #efefef; padding: 3px 8px; border-radius: 2px; margin-left: 14px; margin-bottom: 10px; }

.header .header-content .service-label .label-item.more-box { height: auto; }

.header .header-content .jianzhuzizhi { display: flex; justify-content: center; align-items: center; }

.header .header-content .jianzhuzizhi .xian { flex: 1; height: 1px; background: #e9e9e9; }

.header .header-content .jianzhuzizhi .jianzhuzizhi-text { font-size: 12px; color: #999999; height: 17px; line-height: 17px; padding: 0px 10px; cursor: pointer; }

.header .header-content .dingdan { margin-top: 130px; display: flex; }

.header .header-content .dingdan .dingdan1 { font-size: 14px; color: #474747; margin-right: 30px; display: flex; align-items: center; }

.header .header-content .dingdan .dingdan1 span { font-size: 22px; padding: 0px 5px; }

.header .header-content .dingdan .dingdan1 i { display: inline-block; width: 20px; height: 20px; margin-right: 5px; }

.header .header-content .dingdan .dingdan1 i img { display: block; width: 100%; height: 100%; }

.header .header-content .serverLabel { margin-top: 90px; display: flex; font-size: 14px; color: #474747; }

.header .header-content .serverLabel .labelTitle { padding: 4px 0px; width: 70px; font-weight: bold; }

.header .header-content .serverLabel ul.labelBox { display: flex; flex-wrap: wrap; flex: 1; }

.header .header-content .serverLabel ul.labelBox li { margin-right: 16px; padding: 4px 8px; background: #f2f9ff; border-radius: 3px; border: 1px solid #dbe7f0; margin-bottom: 10px; }

.header .header-content .biao { width: 100px; height: 96px; position: absolute; top: -12px; right: 0px; }

.header .header-content .biao img { display: block; width: 100%; height: 100%; }

.trading-content { background: #fff; margin-top: 30px; }

.trading-content .trading-assess { height: 117px; background: url(/images/server/server_assess_bg.png) no-repeat; color: #474747; position: relative; }

.trading-content .trading-assess .wanchengdingdan { width: 286px; position: absolute; top: 43px; left: 0px; }

.trading-content .trading-assess .wanchengdingdan img { display: block; width: 178px; height: 31px; margin: 0 auto; }

.trading-content .trading-assess .grade { padding-left: 286px; padding-top: 30px; }

.trading-content .trading-assess .grade dl { margin-right: 50px; width: 100px; }

.trading-content .trading-assess .grade dl:last-child { margin-right: 20px; }

.trading-content .trading-assess .grade dt { margin-bottom: 14px; font-size: 18px; height: 28px; line-height: 28px; font-weight: bold; }

.trading-content .trading-assess .grade .star { display: inline-block; }

.trading-content .trading-assess .grade .star .star-item { display: inline-block; width: 14px; height: 14px; margin-right: 6px; background-image: url(/images/chicoStart1.png); background-repeat: no-repeat; background-size: contain; }

.trading-content .trading-assess .grade .star .star-item.full { background-image: url(/images/chicoStart.png); }

.trading-content .trading-assess .grade .star .star-item.half { background-image: url(/images/chicoStart2.png); }

.trading-content .trading-assess .grade span { margin-left: -5px; font-weight: bold; }

.trading-content .commentNav { width: 1160px; height: 50px; line-height: 50px; margin: 0 auto; margin-top: 6px; background: #f7f8fa; }

.trading-content .commentNav ul { width: 100%; height: 100%; display: flex; }

.trading-content .commentNav ul li { width: 124px; text-align: center; font-size: 16px; cursor: pointer; }

.trading-content .commentNav ul li.selectNav { color: #ff761a; font-weight: bold; }

.trading-content .trading-complete-list { width: 100%; }

.trading-content .trading-complete-list .trading-item { padding: 26px 36px 0px; border-bottom: 1px solid #e9e9e9; }

.trading-content .trading-complete-list .trading-item .item-top { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 25px; }

.trading-content .trading-complete-list .trading-item .item-top .user-head { position: relative; width: 82px; height: 82px; background-image: url(/images/server/user_head.jpg); background-color: #e3e3e3; margin-right: 28px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info { width: calc(100% - 124px); height: 100px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .product-name { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #474747; font-weight: bold; font-size: 16px; margin-right: 10px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .product-name .imgTypeBox { display: inline-block; width: 14px; height: 14px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .product-name .imgTypeBox img { display: block; width: 100%; height: 100%; margin-top: 1px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 112px; height: 16px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star .star-item { width: 16px; height: 16px; margin-right: 6px; background-image: url(/images/chicoStart1.png); }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star .star-item.full { background-image: url(/images/chicoStart.png); }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star .star-item.half { background-image: url(/images/chicoStart2.png); }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .grade-value { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .grade-value h4 { color: #474747; font-size: 16px; font-weight: bold; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .time { flex: 1; text-align: right; font-size: 14px; color: #838383; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 24px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-right: 60px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p span { font-size: 14px; white-space: nowrap; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p span.key { color: #838383; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p span.value { color: #474747; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label { margin-top: 20px; display: flex; color: #474747; font-size: 14px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label .labelTitle { color: #999999; padding: 4px 0px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label .labelBox { display: flex; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label .labelBox li { padding: 4px 8px; background: #f2f9ff; margin: 0px 4px; }

.trading-content .trading-complete-list .trading-item .item-bottom { width: 1050px; margin-left: 110px; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute { line-height: 20px; padding: 20px 0px; border-top: 1px dashed #e9e9e9; line-height: 20px; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute .evaluteTitle { font-size: 14px; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute p { margin-top: 6px; color: #878787; font-size: 14px; text-align: justify; width: 924px; padding-right: 10px; word-wrap: break-word; word-break: normal; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute .time { color: #838383; margin-top: 8px; font-size: 12px; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply { line-height: 20px; padding: 20px 0px; border-top: 1px dashed #e9e9e9; line-height: 20px; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply .replyTitle { font-size: 14px; color: #7488c7; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply p { margin-top: 6px; color: #878787; font-size: 14px; text-align: justify; width: 924px; padding-right: 10px; word-wrap: break-word; word-break: normal; color: #7488c7; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply .replyTime { color: #838383; margin-top: 8px; font-size: 12px; }

.trading-content .pagination { padding: 20px 0 32px 0; }

.view3 { width: 1200px; margin: 0 auto; margin-top: 20px; margin-bottom: 60px; }

.view3 .pro-title { margin-top: 72px; font-size: 24px; color: #474747; font-weight: bold; display: flex; justify-content: center; align-items: center; }

.view3 .pro-title i { display: block; width: 50px; height: 2px; background: #979797; margin: 0px 20px; }

.view3 ul { padding: 30px 0; background-color: #fff; }

.view3 li { float: left; width: 240px; text-align: center; position: relative; }

.view3 li .img { width: 90px; height: 90px; border: 1px solid #979797; text-align: center; padding: 27px; margin: 0 auto; border-radius: 50%; transition: all 0.3s ease-in; }

.view3 li .img1 { background: url("../images/good-fuwu1.png") no-repeat center center; background-size: 90px 90px; transition: all 0.3s ease-in; }

.view3 li .img2 { background: url("../images/good-fuwu2.png") no-repeat center center; background-size: 90px 90px; }

.view3 li .img3 { background: url("../images/good-fuwu3.png") no-repeat center center; background-size: 90px 90px; }

.view3 li .img4 { background: url("../images/good-fuwu4.png") no-repeat center center; background-size: 90px 90px; }

.view3 li .img5 { background: url("../images/good-fuwu5.png") no-repeat center center; background-size: 90px 90px; }

.view3 li p { height: 22px; line-height: 22px; font-size: 16px; color: #474f68; margin-top: 14px; }

.view3 li .line { position: absolute; left: 208px; top: 54px; width: 0; height: 0; border-right: 20px solid #d6d6d6; border-left: 20px solid transparent; border-bottom: 20px solid transparent; transform: rotate(45deg); }

.view3 li:hover .img { transform: scale(1.2); }