/****/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
a,
span,
i,
em,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
box-sizing: inherit;
margin: 0;
padding: 0;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th {
text-align: left;
font-weight: normal;
}
html,
body,
fieldset,
img,
iframe,
abbr {
border: 0;
}
i,
cite,
em,
var,
address,
dfn {
font-style: normal;
}
li {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
font-size: 100%;
}
q:before,
q:after {
content: none;
}
textarea {
overflow: auto;
resize: none;
}
a,
button {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
color: #333;
font-family: 'Microsoft YaHei';
}
del,
ins,
u,
s,
a {
text-decoration: none;
}
body,
textarea,
input,
button,
select,
keygen,
legend {
color: #555;
outline: 0;
font-family: 'Microsoft YaHei';
}
body {
font-size: 12px;
line-height: 1.6em;
font-family: Arial, Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
color: #555;
background: #fff;
}
img {
max-width: 100%;
}
p,
a {
color: #555;
}
a:hover {
text-decoration: none;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* 公共部分 */
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fz-12 {
font-size: 12px;
}
.fz-14 {
font-size: 14px;
}
.fz-16 {
font-size: 16px;
}
.fz-18 {
font-size: 18px;
}
.fz-20 {
font-size: 20px;
}
.fz-24 {
font-size: 24px;
}
.fz-26 {
font-size: 26px;
}
.fz-28 {
font-size: 28px;
}
.fz-30 {
font-size: 30px;
}
.fz-32 {
font-size: 32px;
}
.fz-36 {
font-size: 36px;
}
.fz-40 {
font-size: 40px;
}
.bold {
font-weight: 700;
}
.fa-yh {
font-family: 'Microsoft YaHei';
}
.c-333 {
color: #333;
}
.c-555 {
color: #555;
}
.c-888 {
color: #888;
}
.c-999 {
color: #999;
}
.c-b8 {
color: #b8b8b8;
}
.c-fff {
color: #fff;
}
.c-64 {
color: #646464;
}
.c-orange {
color: #ff4e02
}
.c-blue {
color: #00f;
}
.c-red{
color: #f00;
}
.bc-blue {
background-color: #03a1e8;
}
.bc-wihte {
background-color: #fff;
}
.bc-f5 {
background-color: #f5f5f5;
}
.bc-3c {
background-color: #3c3c3c;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.break-word {
word-wrap: break-word;
word-break: break-all;
}
.nowrap {
white-space: nowrap;
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.inline-block {
display: inline-block;
}
.block,
.show {
display: block;
}
.hide {
display: none;
}
.a-block {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.vertical-top {
vertical-align: top;
}
.vertical-middle {
vertical-align: middle;
}
a,
.transition-all-3 {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.border-radius-3 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.box-shadow-5 {
-webkit-box-shadow: 0 0 5px #e6e5e5;
box-shadow: 0 0 5px #e6e5e5;
}
.box-shadow-1-5 {
-webkit-box-shadow: 0 1px 5px #e6e5e5;
box-shadow: 0 1px 5px #e6e5e5;
}
/* 硬蛋布局 */
.wrap {
margin: 0 auto;
width: 1200px;
height: 100%;
}
/*硬蛋link内容布局*/
.con-wrap {
margin: 0 auto;
width: 100%;
height: 100%;
}
/* 硬蛋布局 - 头部 */
.head {
height: 102px;
border-bottom: 1px solid #ff6450;
}
/* 硬蛋布局 - 底部 */
.foot {
border-top: 1px solid #ff6450;
}
/* 硬蛋布局 - 主体 */
.main {
padding-top: 35px;
padding-bottom: 90px;
min-height: 600px;
}
/* 硬蛋布局 - 主体 - 头部 */
.page-top {
height: 360px;
overflow: hidden;
}
.page-top-left,
.page-top-center,
.page-top-right {
width: 280px;
height: 100%;
}
.page-top-center {
width: 614px;
}
.main-index .page-top-left {
height: 358px;
border: 1px solid #e6e6e6;
border-width: 1px 0 1px 1px;
}
.main-exp .page-top {
position: relative;
height: 360px;
margin-bottom: 40px;
}
.main-index .page-top-left {
width: 894px;
}
.main-exp .page-top-left {
width: 880px;
}
.main-user .page-top {
height: 300px;
/* margin-bottom: 40px; */
}
.main-iot .page-top {
height: 500px;
margin-bottom: 30px;
}
.main-iot .page-top-left {
width: 280px;
height: 480px;
}
.main-iot .page-top-right {
width: 910px;
}
/* 硬蛋布局 - 主体 - 内容 */
.page-left,
.page-right {
position: relative;
width: 280px;
}
.page-left {
width: 880px;
min-height: 450px;
}
.page-right .aside-box {
margin-bottom: 30px;
}
.main-user .page-left {
padding-left: 28px;
}
/* 按钮 */
.skins-btn {
display: inline-block;
width: 90px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
color: #fff;
background: #ff6450;
border: 1px solid #ff6450;
vertical-align: top;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.skins-btn:hover {
background-color: #f44d37;
border-color: #f44d37;
}
.skins-btn-green {
background-color: #1bb371;
border-color: #1bb371;
}
.skins-btn.skins-btn-green {
background-color: #1bb371;
border-color: #1bb371;
}
.skins-btn-green:hover {
background-color: #09a561;
border-color: #09a561;
}
.skins-btn-grey {
color: #888;
background-color: #f0f0f0;
border-color: #e0e0e0;
}
.skins-btn-grey:hover {
background-color: #e0e0e0;
border-color: #e0e0e0;
}
.skins-btn-blue {
background-color: #1a6cbe;
border-color: #1a6cbe;
}
.skins-btn-blue:hover {
background-color: #0660b6;
border-color: #0660b6;
}
.skins-btn-df {
cursor: default;
}
/* 图标 */
.icon {
display: inline-block;
width: 40px;
height: 40px;
text-indent: -9999px;
background: url(../images/ingdanlink-icon.png) -9999px -9999px no-repeat;
vertical-align: top;
}
.index-icon {
display: inline-block;
width: 40px;
height: 40px;
text-indent: -9999px;
background: url(../images/index-icon.png) -9999px -9999px no-repeat;
vertical-align: top;
}
.link-icon {
display: inline-block;
width: 40px;
height: 40px;
text-indent: -9999px;
background: url(../images/icon-linkpage.png) -9999px -9999px no-repeat;
vertical-align: top;
}
.icon-nav-tri2 {
top: 50%;
right: 0;
margin-top: -2px;
width: 7px;
height: 5px;
background-position: -266px -314px;
}
.icon-triangle {
width: 0;
height: 0;
border-width: 4px;
border-color: transparent transparent #fff transparent;
border-style: solid dashed dashed dashed;
overflow: hidden;
-webkit-transition: .6s ease-in;
-moz-transition: .6s ease-in;
-o-transition: .6s ease-in;
transition: .6s ease-in;
}
.icon-triangle2 {
top: -10px;
left: 40px;
width: 13px;
height: 10px;
background-position: -320px -311px;
}
.search-icon {
width: 32px;
height: 32px;
background-position: -368px -300px;
}
.icon-tick {
width: 13px;
height: 13px;
margin-right: 8px;
background-position: -204px -307px;
vertical-align: middle;
}
.footer-nav-icon {
height: 12px;
width: 12px;
margin-right: 5px;
margin-top: 4px;
background-position: -434px -311px;
}
.foot-tel-icon {
width: 24px;
height: 24px;
margin-right: 5px;
background-position: -484px -304px;
vertical-align: middle;
}
/*简繁体-英文*/
.foot-language {
position: absolute;
width: 70px;
top: 4px;
right: 304px;
height: 50px;
}
.foot-language:hover .language-box {
display: block;
}
.foot-language .language-box {
display: none;
top: -75px;
left: 0;
z-index: 100;
padding: 10px 0;
width: 105px;
border: 1px solid #e0e0e0;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.foot-language .language-box a {
padding-left: 20px;
display: block;
line-height: 30px;
height: 30px;
background: none;
width: 84px;
text-indent: 0;
text-align: left;
}
.foot-language .language-box a:hover {
color: #f44d37;
}
.foot-language .language-now {
border: 1px solid #e1e1e1;
height: 26px;
line-height: 26px;
text-align: center;
cursor: pointer;
margin-top: 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.language-arrow {
background: url('../images/ingdanlink-icon.png') no-repeat -22px -1185px;
width: 7px;
height: 20px;
}
.language-box .icon-triangle4 {
background: url('../images/ingdanlink-icon.png') no-repeat -67px -1196px;
width: 13px;
height: 10px;
position: absolute;
bottom: -9px;
left: 45px;
}
.index-step-icon {
display: block;
width: 85px;
height: 86px;
background-position: -20px -35px;
}
.index-step-icon2 {
background-position: -235px -35px;
}
.index-step-icon3 {
background-position: -450px -35px;
}
.index-step-icon4 {
background-position: -665px -35px;
}
.index-step-icon5 {
background-position: -880px -35px;
}
.index-step-icon6 {
background-position: -1095px -35px;
}
.icon-next-step {
position: absolute;
top: 32px;
left: 146px;
width: 10px;
height: 18px;
background-position: -165px -69px;
}
.resource-icon {
float: left;
height: 24px;
width: 22px;
margin-left: 18px;
}
.resource-icon1 {
background-position: -14px -220px;
}
.resource-icon2 {
background-position: -135px -220px;
}
.resource-icon3 {
background-position: -256px -220px;
}
.resource-icon4 {
background-position: -379px -220px;
}
.resource-icon5 {
background-position: -499px -220px;
}
.resource-icon6 {
background-position: -636px -220px;
}
.resource-icon7 {
background-position: -758px -222px;
}
.resource-icon8 {
background-position: -882px -220px;
}
.resource-icon9 {
background-position: -1006px -220px;
}
.resource-icon10 {
background-position: -1128px -220px;
}
.resource-big-icon {
height: 56px;
width: 56px;
display: block;
}
.resource-big-icon1 {
background-position: -2px -380px;
}
.resource-big-icon2 {
background-position: -120px -380px;
}
.resource-big-icon3 {
background-position: -239px -380px;
}
.resource-big-icon4 {
background-position: -357px -380px;
}
.resource-big-icon5 {
background-position: -478px -380px;
}
.resource-big-icon6 {
background-position: -588px -380px;
}
.resource-big-icon7 {
background-position: -714px -380px;
}
.resource-big-icon8 {
background-position: -832px -380px;
}
.resource-big-icon9 {
background-position: -950px -380px;
}
.resource-big-icon10 {
background-position: -1070px -380px;
}
.time-icon,
.view-icon,
.fav-icon,
.comment-icon {
margin-right: 5px;
vertical-align: middle;
}
.time-icon {
width: 17px;
height: 17px;
background-position: -552px -308px;
}
.view-icon {
width: 17px;
height: 12px;
background-position: -24px -308px;
}
.fav-icon {
width: 16px;
height: 15px;
background-position: -83px -306px;
}
.comment-icon {
width: 14px;
height: 13px;
background-position: -142px -307px;
}
.sina-icon,
.qq-zone-icon {
width: 26px;
height: 26px;
vertical-align: middle;
}
.sina-icon {
margin-right: 8px;
background-position: -710px -303px;
}
.qq-zone-icon {
background-position: -623px -303px;
}
.list-title-icon {
margin-right: 10px;
width: 32px;
height: 31px;
vertical-align: middle;
}
.list-title-icon1 {
background-position: -16px -520px;
}
.list-title-icon2 {
background-position: -136px -521px;
}
.list-title-icon3 {
background-position: -257px -521px;
}
.list-title-icon4 {
width: 21px;
height: 22px;
background-position: -382px -525px;
}
.list-title-icon5 {
width: 23px;
height: 19px;
background-position: -459px -531px;
}
.link-step-icon {
margin-right: 10px;
width: 32px;
height: 32px;
vertical-align: middle;
}
.link-step-icon1 {
background-position: -19px -802px;
}
.link-step-icon2 {
background-position: -121px -802px;
}
.link-step-icon3 {
background-position: -223px -802px;
}
.link-step-icon4 {
background-position: -324px -802px;
}
.link-step-icon5 {
background-position: -426px -802px;
}
.link-step-icon6 {
background-position: -528px -802px;
}
/* 弹出层 */
.pop {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
height: 100%;
}
.pop-mask {
height: 100%;
background: #000;
filter: alpha(opacity=30);
opacity: .5;
}
/*修改了弹窗大小,一般大小为360*240
.pop-main{position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -240px; width: 480px; min-height: 320px; background: #fff;
-webkit-box-shadow: 0 0 10px #666;
box-shadow: 0 0 10px #666;
} */
.pop-main {
position: absolute;
top: 50%;
left: 50%;
/* margin: -130px 0 0 -180px; */
width: 360px;
min-height: 240px;
background: #fff;
-webkit-box-shadow: 0 0 10px #666;
box-shadow: 0 0 10px #666;
transform: translate(-50%,-50%);
}
.pop-head {
/* padding-top: 30px; */
padding-top: 15px;
/* height: 70px;
line-height: 70px; */
height: 40px;
line-height: 40px;
text-align: center;
}
.pop-head span {
font-size: 24px;
}
.pop-close {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
text-indent: -9999px;
background: url(../images/pop-close2.png) center no-repeat;
}
.pop-content {
padding: 15px 25px;
text-align: center;
line-height: 1.8em;
font-size: 16px;
}
.pop .pop_link {
color: #ff6450;
}
/*首页顶部*/
.head .ingdan-logo {
width: 190px;
height: 60px;
/* padding-top: 20px; */
background: url(../images/ingdan-logo.svg) no-repeat bottom;
}
.head .login {
right: 0;
top: 12px;
line-height: 30px;
}
.head .login .tel {
/* margin-right: 20px; */
color: #888888;
font-size: 14px;
}
.head .login .skins-btn {
margin: 0 5px;
width: 68px;
height: 28px;
line-height: 28px;
font-size: 14px;
color: #fff;
margin-bottom: 5px;
}
.head .login .photo {
width: 28px;
height: 28px;
overflow: hidden;
vertical-align: top;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}
.head .login .photo img {
display: block;
width: 100%;
height: 100%;
}
.head .login .name {
height: 50px;
line-height: 26px;
vertical-align: top;
}
.head .login .name .name-box {
padding: 0 24px 0 12px;
min-width: 20px;
/*max-width: 60px;*/
height: 26px;
overflow: hidden;
}
.head .login .name .line {
top: 8px;
right: 0;
width: 1px;
height: 12px;
background: #d3d3d3;
}
.head .login .name i {
right: 12px;
}
.head .subnav {
display: none;
top: 80%;
left: 0px;
z-index: 100;
padding: 10px 0;
width: 105px;
border: 1px solid #e0e0e0;
}
.head .subnav a {
display: block;
height: 35px;
line-height: 35px;
text-align: left;
text-indent: 20px;
font-size: 14px;
}
.head .subnav a:hover {
color: #f44d37;
}
.head .login .name .subnav {
left: auto;
top: 38px;
right: 8px;
width: 85px;
}
.head .login .name .subnav a {
padding-left: 20px;
font-size: 12px;
text-indent: 0;
border: 0;
}
.head .login .name:hover .name-box i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.head .login .name:hover .subnav {
display: block;
}
.head .login .english {
display: inline-block;
vertical-align: middle;
height: 30px;
margin-left: 20px;
vertical-align: top;
}
.head .login .english-icon {
display: inline-block;
height: 30px;
width: 17px;
background: url(../images/english-icon.png) no-repeat center;
}
.head .login .english span {
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 14px;
margin-left: 6px;
vertical-align: top;
}
.head .search {
right: 0;
top: 55px;
}
.head .search-btn {
top: 0;
right: 0;
width: 32px;
height: 32px;
background: none;
border: 0;
cursor: pointer;
}
.head .search-input {
padding: 5px 32px 5px 10px;
height: 20px;
width: 210px;
line-height: 20px;
border: 1px solid #e0e0e0;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.head .nav {
top: 58px;
width: 100%;
}
.head .nav ul {
text-align: center;
}
.head .nav li {
display: inline-block;
height: 50px;
margin-right: 60px;
background: url(../images/foot-tab-icon.png) no-repeat bottom;
font-size: 15px;
text-align: center;
color: #fff;
}
.head .nav li.z-sel {
background: url(../images/tab-now.png) no-repeat bottom;
}
.head .nav li a {
color: #555555;
}
.head .nav li a:hover,
.head .nav li.z-sel a {
color: #ff6450;
}
/* 轮播图 */
/* 首页-轮播 */
.slide,
.swipe-wrap,
.swipe-slide {
position: relative;
width: 920px;
height: 330px;
}
.swipe-slide {
position: absolute;
top: 0;
left: 0;
display: none;
}
.swipe-slide img {
display: block;
width: 100%;
}
.slide-txt {
display: none;
left: 0;
bottom: 70px;
padding: 10px 30px;
max-width: 460px;
background: rgba(255, 255, 255, 0.2);
}
.slide-txt h3 {
line-height: 1.4em;
font-size: 30px;
color: #fff;
font-weight: normal;
}
.slide-txt p {
line-height: 1.6em;
font-size: 14px;
color: #fff;
}
.slide .prev,
.slide .next {
display: none;
position: absolute;
right: 58px;
bottom: 15px;
z-index: 10;
width: 40px;
height: 40px;
background: url(../images/ingdan-icon.png) -160px 0 no-repeat;
cursor: pointer;
}
.slide .next {
right: 15px;
background-position: -200px 0;
}
/* 圆点 */
.slide-dot {
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
text-align: center;
}
.slide-dot span {
display: inline-block;
margin: 0 4px;
width: 12px;
height: 12px;
text-indent: -9999px;
font-size: 0;
background: #fff;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slide-dot span:hover,
.slide-dot span.z-sel {
background: #f44d37;
}
/* 网站底部 */
.foot {
padding-bottom: 30px;
}
.foot-nav {
position: absolute;
top: -10.5px;
left: 0;
width: 100%;
text-align: center;
}
.foot-nav a {
padding-right: 12px;
margin-right: 20px;
color: #ff6450;
background-color: #fff;
font-size: 14px;
}
.foot-logo {
padding: 20px 0;
}
.foot-logo a {
margin-right: 26px;
width: 120px;
height: 34px;
text-indent: -9999px;
background: url(../images/foot-logo01.png) left center no-repeat;
vertical-align: top;
}
.foot-logo a.ingdan {
width: 130px;
background-position: right center;
}
.foot-logo .tel {
margin-right: 0;
margin-left: -5px;
line-height: 34px;
font-size: 16px;
color: #888;
font-weight: bold;
vertical-align: top;
}
.foot-crp {
font-size: 14px;
color: #888;
}
/* 兼容问题 */
.ie6 .icon,
.ie7 .icon,
.ie6 .inline-block,
.ie7 .inline-block,
.ie6 .skins-btn,
.ie7 .skins-btn {
display: inline;
zoom: 1;
}
/* 浮动侧边 */
.float-aside {
opacity: 0;
position: fixed;
bottom: 210px;
right: 20px;
}
.float-aside a {
display: block;
margin-top: -1px;
width: 50px;
height: 50px;
border: 1px solid #e6e6e6;
background: #fff;
background-position: center;
background-repeat: no-repeat;
}
.float-aside .back-top {
background-image: url(../images/icon-top.png);
}
.float-aside .back-top:hover {
background-image: url(../images/icon-top-hover.png);
}
.float-aside .wx-ewm {
background-image: url(../images/icon-wx.png);
}
.float-aside .wx-ewm:hover {
background-image: url(../images/icon-wx-hover.png);
}
.float-aside .feedback {
background-image: url(../images/icon-feedback.png);
}
.float-aside .feedback:hover {
background-image: url(../images/icon-feedback-hover.png);
}
.float-aside .wx-box {
display: none;
top: -55px;
right: 50px;
width: 177px;
height: 180px;
text-indent: 0;
background: url(../images/icon-ewmbg.png) left center no-repeat;
}
.float-aside .wx-tip {
width: 160px;
text-align: center;
color: #999;
font-size: 12px;
position: absolute;
bottom: 8px;
}
.float-aside .wx-box img {
margin: 11px;
width: 138px;
height: 138px;
}
.float-aside .back-top .back-top-tip,
.float-aside .feedback .feedback-tip {
width: 57px;
height: 50px;
background: url(../images/icon-floatbg.png) left center no-repeat;
display: none;
padding-top: 12px;
top: -6px;
right: 60px;
}
.float-aside .back-top .back-top-tip p,
.float-aside .feedback .feedback-tip p {
padding-left: 13px;
font-size: 12px;
color: #999;
}
.float-aside .wx-ewm:hover .wx-box,
.float-aside .back-top:hover .back-top-tip,
.float-aside .feedback:hover .feedback-tip {
display: block;
}
.float-aside-show {
opacity: 1;
}
/*嵌入通用登录注册*/
.login_part {
display: none;
}
.login_part .login_frame {
width: 420px;
height: 440px;
position: fixed;
left: 50%;
top: 50%;
margin-top: -220px;
margin-left: -210px;
background: #fff;
}
.login_part .frame {
width: 100%;
height: 100%;
}
.login_part .mask {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .3);
}
.login_part .frame_close {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
text-indent: -9999px;
background: url(../images/pop-close2.png) center no-repeat;
}
/****/
/* 列表 */
/*列表标题*/
.page-list {
margin-bottom: 80px;
}
.list-know {
margin-bottom: 0;
}
.list-title h2 {
display: inline-block;
font-size: 24px;
color: #333;
font-weight: normal;
vertical-align: top;
line-height: 31px;
}
.list-title .list-title-span {
margin-left: 20px;
display: inline-block;
font-size: 14px;
color: #555;
line-height: 20px;
vertical-align: bottom;
}
.more-btn {
height: 35px;
width: 180px;
border: 1px solid #999;
margin: 20px auto 0 auto;
font-size: 14px;
color: #555;
text-align: center;
line-height: 35px;
display: block;
}
.more-btn:hover {
border-color: #fe968c;
color: #fa462e;
}
/*硬蛋供应链服务类型*/
.list-service .list-content {
height: 272px;
}
.list-service .list-contet-left,
.list-service .list-contet-right {
float: left;
width: 505px;
height: 272px;
background: #f7f7f7;
padding: 0 40px 0px 40px;
}
.list-service h2 {
padding: 28px 0 20px 0;
text-align: center;
font-size: 18px;
}
.list-service p {
line-height: 25px;
font-size: 14px;
}
.list-service .list-contet-left {
margin-right: 30px;
}
.list-service .type-list {
margin: 24px auto 35px;
}
.list-service .type-list .type-item {
float: left;
margin-top: 10px;
width: 126px;
line-height: 30px;
font-size: 14px;
}
.list-service .type-item .type-icon {
margin-right: 4px;
width: 25px;
height: 30px;
background-repeat: no-repeat;
}
.list-service .type-item .type-icon1 {
background-position: -61px -4px;
}
.list-service .type-item .type-icon2 {
background-position: -96px -4px;
}
.list-service .type-item .type-icon3 {
background-position: -133px -5px
}
.list-service .type-item .type-icon4 {
background-position: -166px -2px;
}
.list-service .type-item .type-icon5 {
background-position: -206px -3px;
}
.list-service .type-item .type-icon6 {
background-position: -241px -2px;
}
.list-service .type-item .type-icon7 {
background-position: -281px -2px;
}
.list-service .type-item .type-icon8 {
background-position: -326px -3px;
}
.list-service .type-list .type-item:nth-child(2) {
width: 100px;
padding-left: 8px;
padding-right: 10px;
}
.list-service .type-list .type-item:nth-child(3) {
width: 134px;
}
/*鼠标经过状态*/
.list-service .type-item:hover {
color: #ff6450;
}
.list-service .type-item:hover .type-icon1 {
background-position: -60px -39px;
}
.list-service .type-item:hover .type-icon2 {
background-position: -96px -39px;
}
.list-service .type-item:hover .type-icon3 {
background-position: -133px -42px;
}
.list-service .type-item:hover .type-icon4 {
background-position: -166px -39px;
}
.list-service .type-item:hover .type-icon5 {
background-position: -206px -41px;
}
.list-service .type-item:hover .type-icon6 {
background-position: -241px -42px;
}
.list-service .type-item:hover .type-icon7 {
background-position: -281px -45px;
}
.list-service .type-item:hover .type-icon8 {
background-position: -326px -43px;
}
.list-service .service-step {
margin: 28px auto;
}
.list-service .service-step .service-step-item {
position: relative;
float: left;
width: 48px;
height: 66px;
margin-right: 43px;
text-align: center;
}
.list-service .service-step .last {
margin-right: 0;
}
.list-service .service-step .step-item {
display: inline-block;
margin-top: 10px;
font-size: 12px;
}
.list-service .service-step .index-step-icon {
width: 45px;
height: 45px;
background-repeat: no-repeat;
}
.list-service .service-step .index-step-icon1 {
background-position: -8px -120px;
}
.list-service .service-step .index-step-icon2 {
background-position: -66px -121px;
}
.list-service .service-step .index-step-icon3 {
background-position: -124px -121px;
}
.list-service .service-step .index-step-icon4 {
background-position: -188px -122px;
}
.list-service .service-step .index-step-icon5 {
background-position: -248px -121px;
}
.list-service .service-step .index-step-icon6 {
background-position: -315px -122px;
}
.list-service .service-step .icon-next-step {
position: absolute;
top: 18px;
left: 67px;
display: inline-block;
width: 5px;
height: 9px;
background-position: -382px -139px;
}
/*IOT超市*/
.list-iot .hot-goods {
position: relative;
overflow: hidden;
padding: 10px 25px;
/* hidden; */
height: 200px;
margin-top: 15px;
border: none;
background: url(../images/iot-bg.png)left top no-repeat;
}
.list-iot .hot-goods .item {
float: left;
margin-right: 50px;
width: 250px;
height: 100%;
border: none;
text-align: center;
}
.list-iot .hot-goods .last {
margin-right: 0
}
.list-iot .hot-goods .img {
overflow: hidden;
margin-bottom: 13px;
height: 95px;
line-height: 95px;
}
.list-iot .hot-goods .img img {
max-width: 95%;
max-height: 95%;
vertical-align: middle;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.list-iot .hot-goods .item:hover .img img {
-webkit-transform: translate(0, -5px);
-ms-transform: translate(0, -5px);
-o-transform: translate(0, -5px);
transform: translate(0, -5px);
}
.list-iot .hot-goods .info {
overflow: hidden;
padding: 0 15px;
width: 220px;
height: 90px;
border: 1px solid #fbcfc9;
}
.list-iot .hot-goods .info h3,
.list-iot .hot-goods .info .sum,
.list-iot .hot-goods .info .price {
height: 33px;
line-height: 33px;
font-size: 14px;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list-iot .hot-goods .info h3 {
color: #333;
border-bottom: 1px solid #fbcfc9;
font-size: 16px;
font-weight: normal;
}
.list-iot .hot-goods .info .num {
font-size: 16px;
color: #ff6450;
}
.list-iot .hot-goods .info .price {
height: 28px;
line-height: 28px;
}
.list-iot .hot-goods .info .sum {
height: 26px;
line-height: 32px;
}
/*服务流程与资源类型*/
.list-step .service-step {
padding-left: 20px;
margin-top: 40px;
border-bottom: 1px solid #e6e6e6;
}
.list-step .service-step-item {
margin-right: 130px;
width: 85px;
height: 162px;
position: relative;
text-align: center;
float: left;
}
.list-step .service-step-item.last {
margin-right: 0;
}
.list-step .service-step-item .step-item {
line-height: 77px;
font-size: 18px;
color: #555;
}
.list-step .service-step-item .next-step {
height: 18px;
width: 12px;
display: block;
background: url(../images/next-step-icon.png) no-repeat center;
position: absolute;
top: 32px;
left: 144px;
}
.list-step .resource-type-item {
float: left;
width: 119px;
height: 22px;
border-right: 1px solid #e6e6e6;
line-height: 22px;
font-size: 14px;
color: #555;
}
.list-step .resource-type-item span {
padding-left: 7px;
}
.list-step .resource-type-item.long {
width: 135px;
}
.list-step .resource-type-item.last {
width: 100px;
border: 0;
}
.list-step .resource-type {
margin-top: 20px;
}
/*对接案例*/
.list-case .case-table {
width: 1200px;
margin-top: 15px;
border: 1px solid #dcdcdc;
}
.list-case .case-table a:hover {
color: #fa462e;
}
.list-case .case-thead {
background-color: #f6f6f6;
color: #555;
font-size: 18px;
}
.list-case .case-thead th {
width: 20%;
}
.list-case .case-table tr td,
.list-case .case-table th {
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #e6e6e6;
}
.list-case .case-table tr td {
font-size: 14px;
}
.list-case .case-table tr td.user-head {
text-align: left;
padding-left: 45px;
}
.list-case .case-table tr td.schedule {
text-align: left;
padding-left: 65px;
}
.list-case .user-head img {
width: 28px;
height: 28px;
margin-right: 10px;
vertical-align: middle;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}
/*Link经验谈*/
.list-exp .list-title {
margin-bottom: 20px;
}
.list-exp .exp-item {
width: 260px;
height: 320px;
float: left;
display: block;
padding: 11px 10px;
border: 1px solid #e0e0e0;
margin-right: 20px;
position: relative;
}
.list-exp .exp-item:hover .exp-item-name {
color: #fb6955;
}
.list-exp .exp-item:hover .img-mask {
display: block;
}
.list-exp .exp-item.last {
margin-right: 0;
}
.list-exp .exp-item img {
width: 260px;
height: 154px;
margin: 0 auto;
}
.list-exp .exp-item .exp-item-name {
margin-top: 10px;
color: #111;
font-size: 18px;
font-weight: normal;
}
.list-exp .exp-item p {
color: #999;
font-size: 12px;
line-height: 22px;
}
.list-exp .publish-info .publish-font {
color: #999;
margin: 0 10px;
}
.list-exp .exp-item .publish-info {
margin-bottom: 10px;
margin-top: 5px;
color: #555;
}
.list-exp .exp-intro {
height: 64px;
overflow: hidden;
}
.list-exp .exp-item .exp-time {
position: absolute;
bottom: 11px;
right: 10px;
}
/*供应链百科*/
.list-know .list-know {
margin-bottom: 0;
}
.list-know .list-title {
margin-bottom: 20px;
}
.list-know .know-item {
width: 280px;
height: 190px;
display: block;
float: left;
margin-right: 26px;
position: relative;
overflow: hidden;
}
.list-know .know-item:hover .img-mask {
display: block;
}
.list-know .know-item img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.list-know .know-item:hover img {
-moz-transform: scale(1.08, 1.08);
-ms-transform: scale(1.08, 1.08);
-webkit-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
}
.list-know .know-item:hover .know-title {
color: #fa462e;
}
.list-know .know-list-left {
float: left;
}
.list-know .know-list-right {
float: right;
width: 280px;
}
.list-know .know-list {
height: 190px;
overflow: hidden;
}
.list-know .know-item .know-title {
height: 38px;
width: 100%;
text-indent: 12px;
position: absolute;
bottom: 0;
left: 0;
background: url(../images/img-info-bg.png) repeat;
line-height: 38px;
overflow: hidden;
font-size: 14px;
color: #fff;
z-index: 10;
}
.list-know .know-list li a {
display: block;
overflow: hidden;
line-height: 32px;
font-size: 14px;
color: #555;
}
.list-know .know-list li a:hover {
color: #ff6450;
}
/* 页码 */
.ui-page-num {
margin: 30px 0;
height: 34px;
vertical-align: middle;
}
.ui-page-num a,
.ui-page-num span,
.ui-page-num form {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 4px;
padding: 0 12px;
/* width: 32px;*/
height: 32px;
font-size: 14px;
line-height: 32px;
color: #6d7f90;
text-align: center;
vertical-align: middle;
border: 1px solid #e9e9e9;
}
.ui-page-num a,
.ui-page-num span {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.ui-page-num a.z-sel,
.ui-page-num a.selected,
.ui-page-num a:hover {
color: #fff;
background-color: #ff6450;
border-color: #ff6450;
}
.ui-page-num form {
margin-left: 0;
width: 150px;
height: 30px;
text-align: left;
}
.ui-page-num input,
.ui-page-num button {
padding: 5px;
margin-right: 8px;
width: 60px;
height: 18px;
background: none;
border: 1px solid #dcdcdc;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.ui-page-num input:focus {
border-color: #ff4e02;
}
.ui-page-num button {
padding: 0;
margin: 0;
width: 60px;
height: 28px;
}
.ui-page-num button:hover {
color: #fff;
background-color: #f34c04;
border-color: #f34c04;
}
/*此部分多处被引用(默认有头像的两列列表)*/
.list .list-item {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: #f7f7f7 solid 1px;
}
.list .user-head {
width: 190px;
height: 190px;
border-right: 1px solid #f1f1f1;
}
.list .user-head img {
width: 110px;
height: 110px;
border: 5px solid #eee;
margin-bottom: 15px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
.list .user-head .user-name {
font-weight: normal;
font-size: 14px;
color: #555;
}
.list .user-head img.user-step-img {
border: 0;
border-radius: 0;
width: 81px;
height: 81px;
margin-top: 30px;
}
.list .user-head .user-step-div {
width: 81px;
height: 81px;
margin: 30px auto 15px auto;
}
.list .list-content {
width: 655px;
height: 170px;
padding: 10px 0;
}
.list .type-span {
padding: 5px 10px;
margin-right: 5px;
background-color: #ff6450;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 24px;
font-weight: normal;
}
.list .title {
font-size: 18px;
}
.list .title-a {
color: #333;
font-weight: normal;
}
.list .title-a:hover {
color: #fa462e;
}
.list .list-content .intro {
height: 90px;
margin-top: 8px;
overflow: hidden;
line-height: 30px;
font-size: 14px;
color: #888;
}
.list .info {
margin-top: 15px;
font-size: 12px;
color: #888;
}
.list .count-info {
right: 0;
top: 0;
}
.list .info .time-info,
.list .count-info a {
padding-right: 15px;
border-right: #e6e6e6 1px solid;
margin-right: 15px;
color: #888;
}
.list .count-info a {
line-height: 16px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.list .count-info a:hover {
color: #ff4e02;
}
.list .count-info a:hover .view-icon {
background-position: -773px -309px;
}
.list .count-info .icon.fav-icon {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -19px -1px;
}
.list .count-info a:hover .icon.fav-icon {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -1px -1px;
}
.list .count-info .fav-icon.z-faved {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -1px -1px;
}
.list .count-info a:hover .comment-icon {
background-position: -892px -308px;
}
.list .info .time-info {
line-height: 20px;
}
.list .count-info a.last {
padding-right: 0;
border-right: 0;
margin-right: 0;
}
/* 供应链知识详情页的收藏和浏览数 */
.main-knowledge .know-top-space.count-info {
margin-right: 110px;
}
.main-knowledge .share-sina,
.main-knowledge .share-qq,
.main-knowledge .share-wechat,
.main-knowledge .share-renren {
margin: 0;
}
.main-knowledge .count-info a:hover {
color: #ff4e02;
}
.main-knowledge .count-info a:hover .view-icon {
background-position: -773px -309px;
}
.main-knowledge .count-info a:hover .fav-icon {
background-position: -833px -307px;
}
.main-knowledge .count-info a {
padding-right: 15px;
color: #888;
}
.main-knowledge .count-info a.last {
padding-right: 0;
border-right: 0;
margin-right: 0;
}
.main-knowledge .exp-share {
bottom: auto;
}
.main-knowledge .exp-share .exp-share-span {
height: 24px;
line-height: 24px;
}
/*供应链知识手机适配*/
.mobile .main-knowlege-detail {
width: 960px;
}
.mobile .main-knowlege-detail .head .nav,
.mobile .foot,
.mobile .main-knowlege-detail .head .login,
.mobile .main-knowlege-detail .head .search,
.mobile .main-knowlege-detail .exp-center-right.long,
.mobile .knowledge-content-top-info .exp-details-share,
.pc .mobile-share,
.mobile .main-knowledge .know-top-space.count-info {
display: none;
}
.mobile .main-knowlege-detail .wrap,
.mobile .main-knowlege-detail .wrap .page-left {
width: 100%;
}
.mobile .main-knowlege-detail .head .ingdan-logo {
margin-left: 30px;
}
.mobile .main-knowlege-detail .knowledge-content {
padding: 0 30px;
}
.mobile .main-knowlege-detail .knowledge-content h1 {
font-size: 48px;
line-height: 50px;
}
.mobile .main-knowlege-detail .knowledge-content h2 {
font-size: 46px;
line-height: 45px;
margin-bottom: 10px;
}
.mobile .main-knowlege-detail .knowledge-content-top-info {
font-size: 26px;
}
.mobile .main-knowledge .exp-share .exp-share-span {
font-size: 32px;
}
.mobile .main-knowledge .know-content-info p,
.mobile .main-knowledge .know-content-info p strong span,
.mobile .main-knowledge .know-content-info p span {
font-size: 40px !important;
line-height: 56px;
}
.mobile .page-left .tag-about h3,
.mobile .page-left .related-list h3 {
font-size: 42px;
margin-bottom: 18px;
}
.mobile .page-left .related-list li {
font-size: 38px;
line-height: 55px;
}
.mobile .page-left .tag-about a {
padding: 15px 20px;
font-size: 38px
}
.mobile .mobile-share a {
display: inline-block;
width: 90px;
height: 30px;
padding-top: 100px;
margin-right: 32px !important;
font-size: 24px;
color: #555;
text-align: center;
padding-left: 0;
background: url(../../bassets/images/share-icon.png) left top no-repeat;
}
.mobile .bdshare-button-style1-24 {
width: 620px;
margin: 30px auto;
text-align: center;
}
.mobile .mobile-share .share-sina {
background-position: 0 0 !important;
}
.mobile .mobile-share .share-qq {
background-position: -90px 0 !important;
}
.mobile .mobile-share .share-wechat {
background-position: -180px 0 !important;
}
.mobile .mobile-share .bds_renren {
background-position: -270px 0 !important;
margin-right: 0 !important;
}
.mobile .time-icon {
width: 31px;
height: 32px;
background: url(../../bassets/images/pr_img.png)left top no-repeat !important;
margin-top: -6px;
}
.mobile .main-knowledge .exp-share .exp-share-span {
display: inline-block;
height: 130px;
line-height: 89px;
font-size: 32px;
}
/*隐藏百度商桥*/
.mobile #qiao-wrap,
.mobile .detail-web-crumb {
display: none;
}
/*微信客户端文字处理*/
.pc_weixin .mobile-share {
display: none;
}
/* list.css 修改了供应商-我的业务,下面小字那里多了一个span -cindy*/
.list .info .time-info-customer-name {
color: #ff3c2e;
}
.list .info .time-customer {
margin-right: 58px;
}
.list .sample-btn {
padding: 0 15px;
width: 70px;
}
.list .user-operate {
padding-top: 42px;
width: 80px;
height: 148px;
}
.list .sample-btn {
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
vertical-align: top;
cursor: pointer;
color: #fff;
background: #ff6450;
border: 1px solid #ff6450;
}
.list .sample-btn:hover {
background-color: #f44d37;
border-color: #f44d37;
}
.list .sample-btn.grey-btn {
color: #555;
border-color: #bbb;
background-color: #fff;
}
.list .sample-btn.grey-btn:hover {
color: #fa462e;
border-color: #fe968c;
}
.list .sample-btn.finish_btn {
background-color: #bbb;
border-color: #bbb;
color: #fff;
}
.list .sample-btn.deny_btn {
background-color: #fff;
border-color: #ff6450;
color: #ff6450;
}
.list .disabled-btn {
margin-bottom: 10px;
width: 78px;
height: 28px;
line-height: 28px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.list .skins-btn-fff {
background: #fff;
color: #fa462e;
}
.list .skins-btn-fff:hover {
background: #f44d37;
color: #fff;
}
/*较小的用户头像*/
.exp-user-head-small {
height: 80px;
padding: 20px 20px 20px 30px;
}
.exp-user-head-small img {
height: 72px;
width: 72px;
border: 4px solid #eee;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
/*经验谈分享列表*/
.exp-share-lists .list-content {
width: 940px;
padding-right: 0px;
}
/*有头像的三列列表*/
.head-three-list .user-head {
width: 150px;
}
/*无头像的两列列表*/
.two-list .list-content {
width: 730px;
padding-right: 0;
}
/** 经验谈首页 **/
/*经验谈列表*/
.main-exp .exp-center {
margin-top: 30px;
margin-bottom: 100px;
}
.main-exp .exp-tab {
margin-bottom: 40px;
}
.main-exp .exp-tab td {
padding: 10px 18px;
height: 30px;
line-height: 30px;
font-size: 14px;
border: 1px solid #e6e6e6;
vertical-align: top;
}
.main-exp .exp-tab .td-l {
text-align: center;
background: #f9f9f9;
}
.main-exp .exp-tab a {
float: left;
margin-right: 16px;
font-size: 14px;
color: #555;
}
.main-exp .exp-tab .stage-td a {
min-width: 56px;
}
.main-exp .exp-tab a.all {
min-width: 35px;
}
.main-exp .exp-tab a:hover,
.main-exp .exp-tab a.z-sel {
color: #fa462e;
}
/*.main-exp .exp-type:hover{color:#fa462e;}
.main-exp .exp-type.last{margin-right:0;}
.main-exp .exp-type.z-sel{color:#ff6450;}
.main-exp .exp-table tr td.stage-td{text-align: left;padding-left: 20px;}
.main-exp .stage-td .exp-type{margin-right: 50px;}*/
/*达人榜*/
.expert-title {
height: 50px;
line-height: 50px;
border-bottom: #eaeaea 1px solid;
}
.expert-title-icon {
width: 22px;
height: 21px;
background-size: cover;
}
.expert-title-text {
display: inline;
color: #333;
font-size: 18px;
font-weight: normal;
}
.expert-list .expert-item {
height: 120px;
width: 100%;
line-height: 27px;
border-bottom: #f7f7f7 1px solid;
}
/*.expert-list .exp-user-head-small{height: 80px;padding: 20px 20px 20px 30px;}
.expert-list .exp-user-head-small img{height: 72px;width: 72px;border: 4px solid #eee;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;}*/
.expert-list .expert-info {
padding-top: 30px;
}
.main-knowledge .expert-title {
height: 35px;
line-height: 26px;
}
/**经验谈详情页**/
/*内容头部*/
.exp-details-top-left {
width: 880px;
margin-right: 40px;
}
.exp-details-top {
height: 214px;
border-bottom: #e6e6e6 1px solid;
margin-bottom: 40px;
}
.exp-details-top .exp-user-head {
width: 190px;
height: 190px;
border-right: 1px solid #f1f1f1;
}
.exp-details-top .exp-user-head img {
width: 120px;
height: 120px;
border: 6px solid #eee;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
-ms-border-radius: 80px;
-o-border-radius: 80px;
border-radius: 80px;
}
.exp-details-top .exp-content {
width: 655px;
height: 170px;
padding: 10px 0;
}
.exp-details-top .exp-content-title {
margin-bottom: 36px;
font-weight: normal;
}
.exp-details-top .exp-content-item {
height: 75px;
padding-right: 80px;
padding-left: 20px;
border-right: #e6e6e6 1px solid;
float: left;
}
.exp-details-top .exp-content-item-part1 {
padding-left: 0;
line-height: 30px;
}
.exp-details-top .exp-item-num {
line-height: 43px;
color: #fe968c;
font-size: 30px;
}
.exp-details-top .exp-content-item.last {
border-right: 0;
}
/*分享*/
.exp-share {
bottom: 0;
right: 0;
}
.exp-share a {
margin-right: 10px !important;
}
.exp-share .exp-share-span {
height: 36px;
line-height: 36px;
margin-right: 5px;
color: #888;
font-size: 12px;
display: block;
float: left;
}
.exp-share .share-sina {
background: url(../images/sina-share.png) no-repeat center;
background-position: 0 0 !important;
}
.exp-share .share-qq {
background: url(../images/qq-share.png) no-repeat center;
background-position: 0 0 !important;
}
.exp-share .share-wechat {
background: url(../images/wechat-share.png) no-repeat center;
background-position: 0 0 !important;
}
.exp-share .share-renren {
background: url(../images/renren-share.png) no-repeat center;
background-position: 0 0 !important;
}
/*热门经验谈*/
.exp-center-right.long {}
.hot-exp-list .hot-exp-item {
padding: 30px 15px;
border-bottom: #f1f1f1 1px solid;
}
.hot-exp-list .hot-exp-item a h3 {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.hot-exp-list .hot-exp-item a:hover h3 {
color: #fa462e;
}
.hot-exp-list .hot-exp-title {
margin-bottom: 12px;
}
.hot-exp-list .hot-exp-intro {
height: 72px;
line-height: 24px;
overflow: hidden;
}
/*经验谈时间列表*/
.exp-time-list .exp-time-num {
padding: 5px 12px;
margin-right: 20px;
background-color: #fe968c;
color: #fff;
font-size: 24px;
}
.exp-time-list .exp-time-title {
height: 40px;
line-height: 40px;
width: 880px;
}
.exp-time-list .exp-time-content {
margin-left: 20px;
border-left: 1px #e6e6e6 solid;
padding-left: 40px;
padding-bottom: 40px;
}
.exp-time-list .exp-time-content.last {
border-left: 1px #fff solid;
}
.exp-time-list .exp-time-content p {
line-height: 24px;
}
.exp-time-list .exp-img-list {
width: 860px;
overflow: hidden;
margin-top: 20px;
text-align: center;
}
.exp-time-list .exp-time-img {
width: 250px;
height: 140px;
margin-right: 34px;
margin-bottom: 34px;
float: left;
border: 0;
}
.exp-time-list .exp-time-img.last {
margin-right: 0;
}
/*回复*/
.comment {
margin-top: 50px;
}
.comment .comment-input-div {
height: 146px;
margin: 30px 0;
padding: 40px;
padding-left: 30px;
background-color: #f7f7f7
}
.comment .comment-count {
padding-bottom: 15px;
padding-left: 20px;
border-bottom: #e6e6e6 1px solid;
font-weight: normal;
}
.comment .my-user-head {
height: 90px;
padding-top: 10px;
}
.comment .default-user-head {
border: #e6e6e6 2px solid;
width: 70px;
height: 70px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
-o-border-radius: 40px;
border-radius: 40px;
}
.comment .comment-textarea {
width: 668px;
height: 70px;
border: 1px #e6e6e6 solid;
padding: 15px;
font-size: 14px;
}
.comment .comment-login-res {
color: #bbb;
top: 15px;
left: 17px;
}
.comment .comment-login {
margin-right: 10px;
color: #ff6450;
}
.comment .comment-res {
margin-left: 10px;
margin-right: 25px;
color: #1bb471;
}
.comment .comment-btn {
border-radius: 0;
right: 0;
top: 116px;
}
.comment .comment-item {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #f7f7f7;
}
.comment .coment-user-head {
width: 80px;
padding: 0 30px;
}
.comment .comment-content {
width: 740px;
}
.comment .comment-content-title {
margin-bottom: 12px;
}
.comment .comment-content-title .time-info {
font-size: 12px;
}
.comment .comment-content-font {
line-height: 24px;
}
.comment-icon.grey {
background: url(../images/comment-icon-grey.png) no-repeat center;
}
/**供应链知识详情**/
/*热门知识*/
.left-know-item {
margin-top: 12px;
width: 250px;
height: 19px;
overflow: hidden;
text-align: center;
}
/*供应链知识内容*/
.knowledge-content h2 {
padding: 5px 0;
margin-bottom: 6px;
font-weight: normal;
line-height: 30px;
}
.knowledge-content-top-info {
padding: 15px 112px 20px 0;
height: 20px;
line-height: 20px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 40px;
}
.knowledge-content-top-info .know-user-head-small {
width: 24px;
height: 24px;
margin-top: -3px;
margin-right: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.knowledge-content-top-info .know-top-space {
padding-right: 20px;
border-right: #e6e6e6 1px solid;
margin-right: 20px;
}
.knowledge-content-top-info .exp-details-share {
right: 0px;
top: 12px;
}
.knowledge-content-top-info .view-icon-a {
margin-right: 20px;
}
.knowledge-content-top-info .know-top-space .view-icon,
.knowledge-content-top-info .know-top-space .fav-icon {
margin-bottom: 2px;
}
.knowledge-content-top-info .know-content-info p {
line-height: 30px;
padding: 50px 0;
}
.knowledge-content .know-content-info p {
line-height: 30px;
}
.knowledge-content .know-content-info p img {
text-align: center;
}
/*相关内容/标签*/
.page-left .related-list li {
margin-left: 17px;
color: #555;
line-height: 34px;
font-size: 14px;
list-style: disc;
cursor: pointer;
}
.page-left .related-list li:hover,
.page-left .related-list li:hover a {
color: #ff6450;
}
.page-left .tag-about h3,
.page-left .related-list h3 {
line-height: 40px;
font-size: 18px;
font-weight: normal;
color: #333;
}
.page-left .related-list h3 {
margin-bottom: 5px;
}
.page-left .tag-about {
margin-top: 42px;
}
.page-left .tag-about h3 {
margin-bottom: 10px;
}
.page-left .tag-about a {
display: inline-block;
padding: 4px 14px;
margin-right: 10px;
border: 1px solid #f5f5f5;
color: #555;
font-size: 14px;
margin-bottom: 10px;
}
.page-left .tag-about a:hover {
background: #ff6450;
color: #fff;
border: 1px solid transparent;
}
/**用户首页**/
/*我的需求*/
.user-demand-list {
display: none;
}
.user-demand-list.z-sel {
display: block;
}
/*我的需求 草稿*/
.user-demand-list .user-demand-tab {
height: 30px;
line-height: 30px;
margin: -25px 0 40px 0;
}
.user-demand-list .user-demand-tab a {
padding: 5px 15px;
color: #555;
font-size: 14px;
background-color: #fff;
}
.user-demand-list .user-demand-tab a:hover {
background-color: #ff6450;
color: #fff;
}
.user-demand-list .user-demand-tab a.z-sel {
background-color: #ff6450;
color: #fff;
}
.user-demand-list .list .list-content {
width: 548px;
padding-left: 30px;
}
.user-step0 {
background: url(../images/user-step0.png) no-repeat center
}
.user-step1 {
background: url(../images/user-step1.png) no-repeat center
}
.user-step2 {
background: url(../images/user-step2.png) no-repeat center
}
.user-step3 {
background: url(../images/user-step3.png) no-repeat center
}
.user-step4 {
background: url(../images/user-step4.png) no-repeat center
}
.user-step5 {
background: url(../images/user-step5.png) no-repeat center
}
.user-step6 {
background: url(../images/user-step6.png) no-repeat center
}
/*轻link*/
.tinylink-icon {
background: url(../images/tinylink_icon.png);
width: 63px;
height: 63px;
margin: 45px auto 25px;
}
.tinylink-step0 {
background-position: -20px -24px;
}
.tinylink-step1 {
background-position: -20px -128px;
}
.tinylink-step2 {
background-position: -18px -234px
}
.tinylink-step3 {
background-position: -20px -332px;
}
/*我的业务*/
.bus_step0 {
background: url(../images/third/icons.png) no-repeat -440px -95px;
}
.bus_step1 {
background: url(../images/third/icons.png) no-repeat -440px -201px;
}
.bus_step2 {
background: url(../images/third/icons.png) no-repeat -440px -309px;
}
.user_tips {
color: #333;
margin-bottom: 35px;
margin-top: -22px;
}
/* 列表缺省 */
.no-info-remind {
padding: 80px 0;
}
.no-info-remind .width-210 {
width: 210px;
height: 38px;
line-height: 38px;
margin-left: 75px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.no-info-remind .line-height50 {
line-height: 50px;
}
.no-info-remind .vertical-align-top {
vertical-align: top;
}
.no-info-remind .remind-info {
margin-bottom: 40px;
}
.no-info-remind .remind-info-font {
font-size: 24px;
color: #555;
line-height: 50px;
vertical-align: top;
padding-left: 15px;
}
.no-info-remind .remind-info-tips {
margin-top: -13px;
padding-left: 80px;
color: #999;
}
/*硬蛋币*/
.user-center-main .case-table {
width: 880px;
margin-top: 45px;
}
/*我的收藏*/
.user-fav-list {
display: none;
}
.user-fav-list.z-sel {
display: block;
}
/** 供应链知识 **/
.main-knowledge .page-top {
height: 330px;
margin-bottom: 40px;
}
.main-knowledge .list-knowledge-step .link-process {
width: 258px;
height: 318px;
border: 1px solid #e0e0e0;
padding: 10px;
margin-right: 26px;
margin-top: 20px;
}
.main-knowledge .list-knowledge-step .link-process.last {
margin-right: 0;
}
.main-knowledge .list-knowledge-step .link-process .resource-item {
display: inline-block;
margin-top: 9px;
color: #888888;
margin-right: 20px;
}
.main-knowledge .list-knowledge-step .link-process .resource-item.last {
margin-right: 0;
}
.main-knowledge .list-knowledge-step .link-process .resource-item p {
font-size: 14px;
color: #999;
padding-top: 5px;
}
.main-knowledge .list-knowledge-manual .list-content {
margin-top: 20px;
}
.main-knowledge .list-knowledge-manual .link-manual {
width: 586px;
}
.main-knowledge .know-list {
display: inline-block;
width: 278px;
margin-right: 26px;
height: 195px;
}
.main-knowledge .list-know .know-list li a {
padding-bottom: 20px;
}
.main-knowledge .know-item.last,
.main-knowledge .know-list.last {
margin-right: 0;
}
.main-knowledge .know-list-list {
margin-top: 20px;
}
.main-knowledge .margin-l5 {
margin-left: 5px;
}
.main-knowledge .link-manual-right {
width: 586px;
}
.main-knowledge .manual-right {
width: 405px;
}
.main-knowledge .manual-right .manual-title {
margin: 10px 0;
}
.main-knowledge .manual-right .manual-title a {
font-size: 18px;
color: #333;
}
.main-knowledge .manual-right .manual-title a:hover {
color: #fa462e;
}
.main-knowledge .manual-right .manual-content-p {
color: #999;
font-size: 14px;
height: 96px;
overflow: hidden;
line-height: 24px;
}
.main-knowledge .manual-img {
display: block;
height: 140px;
width: 160px;
overflow: hidden;
position: relative;
}
.main-knowledge .manual-img:hover .img-mask {
display: block;
}
.main-knowledge .manual-img img {
border: 0;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.main-knowledge .manual-img:hover img {
-moz-transform: scale(1.08, 1.08);
-ms-transform: scale(1.08, 1.08);
-webkit-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
}
.main-knowledge .link-manual-right-item {
margin-bottom: 20px;
}
.main-knowledge .link-manual-right-item.last {
margin-bottom: 0;
}
.main-knowledge .page-left-list .content-type {
float: left;
margin-right: 10px;
padding: 0 12px;
height: 24px;
font-size: 14px;
color: #555;
background: #efefef;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.main-knowledge .page-left-list .count-info {
float: right;
padding-right: 0;
}
/* link服务 */
.server-list .list-item {
padding: 30px 0;
height: 160px;
border-bottom: 1px solid #f7f7f7;
}
.server-list .list-item-left {
width: 190px;
height: 100%;
border-right: 1px solid #f7f7f7;
}
.server-list .list-item-left .step-name {
padding-top: 120px;
line-height: 14px;
font-size: 14px;
font-weight: bold;
background: url(../images/user-step0.png) center no-repeat;
color: #555;
}
.server-list .list-item-left .step1 {
background-image: url(../images/user-step1.png);
}
.server-list .list-item-left .step2 {
background-image: url(../images/user-step2.png);
}
.server-list .list-item-left .step3 {
background-image: url(../images/user-step3.png);
}
.server-list .list-item-left .step4 {
background-image: url(../images/user-step4.png);
}
.server-list .list-item-left .step5 {
background-image: url(../images/user-step5.png);
}
.server-list .list-item-left .step6 {
background-image: url(../images/user-step6.png);
}
.server-list .list-item-right {
width: 970px;
height: 100%;
overflow: hidden;
}
.server-list .list-item-right .info {
margin-top: 28px;
}
.server-list .list-item-right h3 {
padding: 5px 0;
}
.server-list .list-item-right h3 a {
line-height: 34px;
font-size: 18px;
font-weight: normal;
color: #333;
}
.server-list .list-item-right h3 a:hover {
color: #fa462e;
}
.server-list .list-item-right .intro {
margin-bottom: 30px;
height: 80px;
line-height: 26px;
font-size: 14px;
overflow: hidden;
color: #888;
}
.server-list .list-item-right .intro a:hover {
color: #fa462e;
}
.server-list .list-item-right .info span {
float: left;
margin-right: 20px;
padding-left: 20px;
height: 16px;
line-height: 16px;
font-size: 12px;
color: #888;
border-left: 1px solid #e6e6e6;
}
.server-list .list-item-right .info .user-info {
padding-left: 0;
margin-top: -4px;
height: 24px;
line-height: 24px;
color: #fa462e;
border: 0;
}
.server-list .list-item-right .info .user-info img {
margin-right: 6px;
width: 24px;
height: 24px;
vertical-align: middle;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
}
/* link服务-需求详情 */
.aside-box .list-title h2 {
font-size: 18px;
}
.aside-box .list-title .list-title-icon {
margin-right: 6px;
}
.aside-box .link-progress-main {
padding: 30px 0 0 20px;
}
.aside-box .link-progress-main li {
position: relative;
padding: 0 0 32px 28px;
line-height: 18px;
font-size: 12px;
color: #888;
border-left: 1px solid #f1f1f1;
}
.aside-box .link-progress-main .step6 {
border-color: transparent;
}
.aside-box .link-progress-main li em {
float: left;
width: 85px;
font-size: 14px;
color: #555;
font-weight: bold;
}
.aside-box .link-progress-main li span {
float: right;
display: block;
width: 140px;
}
.aside-box .link-progress-main .link-prog-little-icon {
position: absolute;
top: 0px;
left: -9px;
width: 17px;
height: 17px;
background: #fff url(../images/link-progress-icon.png) -2px -302px no-repeat;
}
.aside-box .link-progress-main .step0 .link-prog-little-icon {
background-position-x: -2px;
}
.aside-box .link-progress-main .step1 .link-prog-little-icon {
background-position-x: -116px;
}
.aside-box .link-progress-main .step2 .link-prog-little-icon {
background-position-x: -231px;
}
.aside-box .link-progress-main .step3 .link-prog-little-icon {
background-position-x: -345px;
}
.aside-box .link-progress-main .step4 .link-prog-little-icon {
background-position-x: -460px;
}
.aside-box .link-progress-main .step5 .link-prog-little-icon {
background-position-x: -574px;
}
.aside-box .link-progress-main .step6 .link-prog-little-icon {
background-position-x: -683px;
}
/*link服务-相关需求*/
.related-demand .list-title h2 {
font-size: 18px;
}
.related-demand .demand-list li {
position: relative;
padding: 30px 0 30px 100px;
font-size: 12px;
border-bottom: 1px solid #f5f5f5;
}
.related-demand .demand-list li .con-left {
position: absolute;
left: 0;
top: 30px;
width: 78px;
height: 80px;
text-align: center;
border-right: 1px solid #f5f5f5;
}
.related-demand .demand-list li .con-left i {
display: inline-block;
width: 58px;
height: 58px;
background-image: url(../images/icon-progress.png);
}
.related-demand .demand-list li.step1 .con-left i {
background-position: -5px -9px;
}
.related-demand .demand-list li.step2 .con-left i {
background-position: -5px -77px;
}
.related-demand .demand-list li.step3 .con-left i {
background-position: -5px -145px;
}
.related-demand .demand-list li.step4 .con-left i {
background-position: -5px -213px;
}
.related-demand .demand-list li.step5 .con-left i {
background-position: -5px -281px;
}
.related-demand .demand-list li.step6 .con-left i {
background-position: -5px -349px;
}
.related-demand .demand-list li.step0 .con-left i {
background-position: -5px -422px;
}
.related-demand .demand-list li .con-left span {
display: block;
color: #343745;
}
.related-demand .demand-list li .con-right .info {
height: 24px;
line-height: 24px;
}
.related-demand .demand-list li .con-right .info div {
float: left;
}
.related-demand .demand-list li .con-right .info .name {
color: #fc6555
}
.related-demand .demand-list li .con-right .info .date {
color: #888;
margin-left: 22px;
}
.related-demand .demand-list li .con-right .demand-detail {
padding: 10px 0;
line-height: 20px;
color: #343745;
}
/*搜索页面*/
.main-search .search-key {
padding: 0 22px;
margin-bottom: 30px;
height: 60px;
line-height: 60px;
color: #888;
background: #f6f6f6;
}
.main-search .list-item-right {
width: 650px;
height: 100%;
overflow: hidden;
}
.main-search .manual-right {
width: 654px;
}
.main-search .manual-left {
width: 190px;
height: 160px;
border-right: 1px solid #f1f1f1;
}
.main-search .manual-img {
margin: 32px auto;
width: 110px;
height: 96px;
}
.main-search .know-list-item {
padding: 30px 0;
border-bottom: 1px solid #f7f7f7;
}
.main-search .search-content .search-box {
display: none;
}
.main-search .search-content .search-box.z-sel {
display: block;
}
/*loading样式*/
.page-left .loading {
display: none;
top: 20px;
left: 0;
width: 100%;
height: 140px;
text-indent: -9999px;
background: url(../images/loading.gif) center no-repeat;
}
/*遮罩层*/
.img-mask {
background: url(../images/img-white-mask.png) repeat;
display: none;
position: absolute;
left: 0;
top: 0;
}
.list-exp .exp-item .img-mask {
width: 260px;
height: 154px;
position: absolute;
left: 11px;
top: 12px;
}
.list-know .know-item .img-mask {
width: 279px;
height: 247px;
z-index: 5;
}
.main-knowledge .manual-img .img-mask {
width: 160px;
height: 140px;
z-index: 5;
}
/* 供应链知识首页 */
/* reset.css */
.main-knowledge-screen .page-left {
width: 880px;
}
.swipe-wrap,
.swipe-slide {
position: relative;
width: 780px;
height: 360px;
}
.main-knowledge .slide {
position: relative;
width: 880px;
height: 330px;
}
.main-knowledge-screen .main-knowledge .page-top {
height: 330px;
margin-bottom: 40px;
}
.main-knowledge-screen.swipe-wrap,
.main-knowledge-screen .swipe-slide {
width: 880px;
height: 330px;
}
.main-knowledge-screen .swipe-slide {
position: absolute;
}
.main-knowledge-screen .swipe-slide img {
width: 880px;
height: 330px;
}
.main-knowledge-screen .ui-tab-nav .tab-nav-list {
display: none;
padding: 0 20px;
height: 28px;
}
.main-knowledge-screen .ui-tab-nav dd .z-sel {
display: block;
}
.main-knowledge-screen .ui-tab-nav .tab-nav-list a.z-sel,
.ui-tab-nav .tab-nav-list a:hover {
color: #fff;
background-color: #ff4e02;
}
.main-knowledge-screen .ui-tab-nav .tab-nav-list a {
float: left;
padding: 0 16px;
margin: 5px 8px 5px 0;
height: 28px;
line-height: 28px;
font-size: 14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.main-knowledge-screen .tab-nav-list .tab-nav-list-label {
cursor: text;
}
.main-knowledge-screen .tab-nav-list .tab-nav-list-label:hover {
background-color: #f8f8f8;
color: #555;
}
.main-knowledge-screen .ui-tab-nav {
padding-bottom: 10px;
padding-top: 10px;
background: #f8f8f8;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
.main-knowledge-screen .page-left-list .type-name {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 25px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 25px;
}
/* 最新下拉框 */
.main-knowledge-screen .ui-screening-nav {
position: absolute;
top: 17px;
right: 20px;
width: 62px;
height: 20px;
background: #fff;
border: 1px solid #e1e1e1;
}
.main-knowledge-screen .ui-screening-nav span {
position: relative;
cursor: pointer;
}
.main-knowledge-screen .ui-screening-nav span,
.ui-screening-nav a {
display: block;
padding: 0 8px;
line-height: 20px;
color: #777
}
.main-knowledge-screen .ui-screening-nav i {
position: absolute;
right: 10px;
top: 8px;
}
.main-knowledge-screen .icon.icon-select {
width: 5px;
height: 3px;
background: url(../images/icon-select.png) no-repeat;
}
.main-knowledge-screen .ui-screening-nav .screening-select {
display: none;
}
.main-knowledge-screen .ui-screening-nav a.z-sel,
.ui-screening-nav a:hover {
color: #ff4e02;
}
.main-knowledge-screen .ui-screening-nav span,
.ui-screening-nav a {
display: block;
padding: 0 8px;
line-height: 20px;
color: #777;
}
.main-knowledge-screen .ui-screening-nav-open .screening-select {
display: block;
position: absolute;
top: 20px;
left: -1px;
z-index: 10;
padding: 5px 0;
width: 62px;
background: #fff;
border: 1px solid #e1e1e1;
}
/*供应链知识文章列表*/
/* banner图 右侧2小图 */
.main-knowledge-screen .slide-dot {
display: none;
right: 0px;
bottom: 38px;
left: auto;
width: auto;
}
.main-knowledge-screen .page-top-right-banner img {
display: block;
width: 280px;
height: 155px;
}
.main-knowledge-screen .page-top-right {
width: 280px;
}
.main-knowledge-screen .page-top-right-banner-t20 {
margin-top: 0;
margin-bottom: 20px;
height: 155px;
overflow: hidden;
}
.main-knowledge-screen .swipe-slide-mask {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 35px;
line-height: 35px;
background: #000;
opacity: .6;
filter: alpha(opacity=60);
-moz-opacity: .6;
}
.main-knowledge-screen .swipe-slide-mask p {
text-align: center;
font-size: 16px;
font-family: normal;
}
.main-knowledge-screen .swipe-slide-mask p a {
color: #fff;
}
.main-knowledge-screen .page-left .page-left-list {
padding-top: 40px;
}
.main-knowledge-screen .page-left .page-left-list {
min-height: 300px;
}
.main-knowledge-screen .page-left .page-left-list li {
position: relative;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #f5f5f5;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.page-left .left {
position: absolute;
top: 0;
left: 0;
width: 220px;
}
/*文章列表*/
.main-knowledge-screen .page-left .left a {
display: block;
background-color: #eaeaea;
}
.main-knowledge-screen .page-left .left img {
width: 220px;
height: 150px;
}
.main-knowledge-screen .page-left .left,
.main-knowledge-screen .page-left .right {
height: 150px;
overflow: hidden;
}
/*.main-knowledge-screen .page-left .left {position: absolute;top: 0;left: 0;width: 220px;}*/
.main-knowledge-screen .page-left .right {
position: relative;
margin-left: 240px;
}
.main-knowledge-screen .page-left .txt {
margin-bottom: 17px;
height: 78px;
line-height: 26px;
color: #888;
font-size: 14px;
overflow: hidden;
}
.main-knowledge-screen .page-left .info {
float: none;
height: 20px;
line-height: 20px;
color: #f44d37;
font-size: 12px;
overflow: hidden;
}
.page-left .info div {
float: left;
padding-right: 15px;
}
.page-left .info .name img {
float: left;
margin-right: 6px;
width: 20px;
height: 20px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
}
.main-knowledge-screen .page-left .info .label,
.main-knowledge-screen .page-left .info .date {
margin-top: 4px;
padding-left: 15px;
height: 12px;
line-height: 12px;
border-left: 1px solid #d3d3d3;
}
.main-knowledge-screen .page-left .info .date {
color: #777;
}
.main-knowledge-screen .page-left .info .label a,
.main-knowledge-screen .page-left .info .label a:hover {
color: #f44d37;
}
.main-knowledge-screen .page-left .info .label,
.main-knowledge-screen .page-left .info .date {
margin-top: 4px;
padding-left: 15px;
height: 12px;
line-height: 12px;
border-left: 1px solid #d3d3d3;
}
/*.main-knowledge-screen .page-left .info div {float: left;padding-right: 15px;}*/
.main-knowledge-screen .count-info {
right: 0;
top: 0;
}
.main-knowledge-screen .main .btn a.good {
min-width: 45px;
background: #ff6450;
border-color: #ff6450;
}
.main-knowledge-screen .main .btn {
right: 0;
bottom: 0;
}
.main-knowledge-screen .page-left .info .label {
max-width: 250px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* .main-knowledge-screen .btn a {position: relative;float: left;padding: 0 6px;height: 22px;line-height: 22px;margin-left: 10px;border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
a, .transition-all-3 {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
} */
/* 文章列表小图标 */
.main-knowledge-screen .icon {
display: inline-block;
width: 40px;
height: 40px;
text-indent: -9999px;
background: url(../images/ingdanlink-icon.png) -9999px -9999px no-repeat;
vertical-align: top;
}
.main-knowledge-screen .list-title-icon5 {
width: 23px;
height: 22px;
background-position: -382px -526px;
vertical-align: top;
}
.main-knowledge-screen .main .btn span {
color: #777;
}
.main-knowledge-screen .icon-fav {
width: 18px;
height: 22px;
background-position: -412px -51px;
}
.main-knowledge-screen .view-icon {
width: 17px;
height: 12px;
background-position: -24px -308px;
vertical-align: middle;
}
/*.main-knowledge-screen .fav-icon {width: 16px;height: 15px;background-position: -83px -306px;}*/
.main-knowledge-screen .fav-icon {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -19px -1px;
}
.main-knowledge-screen .count-info a:hover .icon.fav-icon {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -1px -1px;
}
.main-knowledge-screen .count-info .fav-icon.z-faved {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -1px -1px;
}
.knowledge-content .fav-icon {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -19px -1px;
}
.knowledge-content .count-info a:hover .icon.fav-icon {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -1px -1px;
}
.knowledge-content .count-info .fav-icon.z-faved {
width: 16px;
height: 16px;
background: url(../images/icon-fav.png) no-repeat -1px -1px;
}
.main-knowledge-screen .time-icon {
width: 17px;
height: 17px;
background-position: -552px -308px;
}
.main-knowledge-screen .time-icon,
.main-knowledge-screen .view-icon,
.main-knowledge-screen .fav-icon,
.main-knowledge-screen .comment-icon {
margin-right: 5px;
vertical-align: middle;
}
.main-knowledge-screen .count-info a:hover .view-icon {
background-position: -773px -309px;
}
.main-knowledge-screen .btn a.comment.z-cld,
.main-knowledge-screen .btn a.comment:hover span,
.main-knowledge-screen .btn a.fav.z-cld span,
.main-knowledge-screen .btn a.fav:hover span,
.main-knowledge-screen .btn a.view:hover span {
color: #f44d37;
}
.main-knowledge-screen .count-info a {
height: 18px;
line-height: 18px;
-webkit-transition: all .3sease-ou;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.main-knowledge-screen .info .time-info,
.main-knowledge-screen.count-info a {
padding-right: 15px;
margin-right: 15px;
color: #888;
}
/*title*/
.main-knowledge-screen .page-left .info-title {
margin-bottom: 10px;
height: 24px;
line-height: 24px;
font-size: 20px;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main-knowledge-screen .page-left .info-title a:hover {
color: #ff6450;
}
.main-knowledge-screen .page-left .found .info-title a {
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main-knowledge-screen .page-left .info-title a {
float: left;
}
.main-knowledge-screen .page-left .found .txt {
width: auto;
}
/*编辑推荐*/
.page-right .tab-box {
padding-bottom: 35px;
}
.page-right .tab-box .tab-title {
height: 50px;
line-height: 48px;
border-bottom: 1px solid #eaeaea;
}
.page-right .tab-box .tab-title a {
display: inline-block;
float: left;
width: 70px;
margin-right: 20px;
text-align: center;
color: #333;
font-size: 16px;
border-bottom: 2px solid transparent;
}
.page-right .tab-box .tab-title a:hover,
.page-right .tab-box .tab-title a.z-sel {
color: #fc4f1f;
border-color: #fc4f1f;
}
.know-recommend-list {
padding-left: 15px;
}
.know-recommend-list li {
list-style: disc;
color: #333;
font-size: 14px;
color: #fc4f1f;
line-height: 25px;
}
.know-recommend-list li:hover a {
color: #fc4f1f;
}
.know-recommend-list .first-item {
padding: 25px 0 12px 0;
height: 68px;
position: relative;
list-style: none;
margin-left: -15px;
}
.know-recommend-list .first-item .left {
height: 68px;
width: 100px;
}
.know-recommend-list .first-item .left img {
height: 68px;
width: 100px;
}
.know-recommend-list .first-item .right {
height: 68px;
width: 164px;
}
.know-recommend-list .first-item .right h3 {
font-size: 14px;
color: #333;
line-height: 22px;
max-width: 164px;
height: 20px;
overflow: hidden;
}
.know-recommend-list .first-item .right p {
color: #999;
font-size: 12px;
line-height: 22px;
overflow: hidden;
max-height: 43px;
/*white-space: nowrap;*/
text-overflow: ellipsis
}
/* 供应链详情页 */
.know-top-space-resource {
color: #555;
}
/*面包屑*/
.web-crumb,
.detail-web-crumb {
height: 60px;
line-height: 60px;
padding-left: 20px;
background-color: #f6f6f6;
color: #555;
font-size: 12px;
}
.web-crumb a,
.detail-web-crumb a {
color: #ff6450
}
.detail-web-crumb {
background-color: #fff;
padding-left: 0;
}
/*右边栏相关标签*/
.tag dt {
margin-bottom: 20px;
}
.tag dd a,
.tag .js-add-tag {
display: inline-block;
background-color: #f8f8f8;
color: #999;
font-size: 14px;
border: 2px solid #fff;
padding: 0 15px;
height: 40px;
line-height: 40px;
}
.tag dd a:hover {
background-color: #ff6450;
color: #fff;
}
.aside-modules dt {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #eaeaea;
}
.aside-modules h2 {
padding-left: 32px;
font-size: 16px;
font-weight: normal;
}
.tag .js-add-tag {
float: right;
background-color: #fff;
}
.tag .js-add-tag:hover {
background-color: #fff;
color: #ff6450;
}
/*找不到相关标签*/
.no-info {
padding: 130px 0;
}
.no-info p {
padding-top: 70px;
margin-bottom: 15px;
color: #777;
background: url(../images/icon-noinfo.png) top center no-repeat;
}
.no-info a {
border-radius: 3px;
}
/* 个人中心-我的超市 */
.user-iot-list .iot-img {
width: 180px;
height: 170px;
line-height: 170px;
text-align: center;
overflow: hidden;
}
.user-iot-list .iot-img img {
max-width: 95%;
max-height: 95%;
vertical-align: middle;
}
.user-iot-list .iot-info {
padding-top: 20px;
width: 360px;
height: 150px;
overflow: hidden;
}
.user-iot-list .iot-info p {
line-height: 34px;
font-size: 14px;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.user-iot-list .iot-info p.tips {
color: #ff6450;
}
.user-iot-list .skins-btn {
display: block;
margin: 20px auto;
}
.user-iot-list .user-step-div {
background-image: url(../images/iot/iot-step-icon.png);
background-position: top center;
}
.user-iot-list .user-step1 {
background-position: 0 -223px;
}
.user-iot-list .user-step2 {
background-position: 0 -446px;
}
.user-iot-list .user-step3 {
background-position: 0 -667px;
}
/*.iot-act-list .user-head{width:125px;border-right:1px solid #ccc;height:100px;}
.iot-act-list .user-head .user-step-div{background-image: url(../images/iotAct/iot_act_icon.png); background-position: -45px -25px;width: 62px;height: 62px;margin-top:0;}
.iot-act-list .user-head .user-step1{background-position:-144px -25px;}
.iot-act-list .user-head .user-step2{background-position: -236px -25px;}*/
.iot-act-list .iot-act-img img {
width: 138px;
height: 83px;
}
.iot-act-list .list-content {
padding: 0 0 0 20px;
height: 265px;
position: relative;
}
.iot-act-list .iot-act-info {
margin-left: 20px;
font-size: 14px;
line-height: 2;
color: #363636;
}
.iot-act-list .signup_info {
width: 548px;
float: left;
margin-top: 17px;
height: 90px;
overflow: hidden;
}
.iot-act-list .signup_info.active {
height: auto;
}
.iot-act-list .signup_info p {
font-size: 14px;
color: #666;
line-height: 2;
}
.iot-act-list .signup_info .signup_title {
font-size: 14px;
color: #363636;
}
.iot-act-list .to_show {
display: block;
background: url(../images/iotAct/icon_show.png) no-repeat;
width: 20px;
height: 11px;
position: absolute;
bottom: -15px;
left: 115px;
}
.iot-act-list .list-content {
height: auto;
}
/*个人中心 轻link*/
.tinylink_detail p {
font-size: 14px;
color: #555;
line-height: 1.5;
}
.tinylink_detail .b_space {
margin-bottom: 20px;
}
.tinylink_detail .detail_part {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
}
.tinylink_detail .order_list {
font-size: 14px;
color: #555;
margin-bottom: 20px;
}
.tinylink_detail .fz-16 {
font-size: 16px;
color: #333;
margin-bottom: 16px;
}
.tinylink_detail .fz-16c3 {
font-size: 16px;
color: #555;
margin-bottom: 16px;
}
.tinylink_detail .fz-24 {
font-size: 24px;
color: #333;
margin-bottom: 16px;
}
.tinylink_detail .icon_choose {
display: inline-block;
background: url('../images/tinylink_icon.png') no-repeat -127px -167px;
width: 34px;
height: 34px;
margin-left: 15px;
vertical-align: middle;
}
.tinylink_detail .icon_sad {
background-position: -188px -167px;
}
.tinylink_detail .icon_happy.active {
background-position: -127px -226px;
}
.tinylink_detail .icon_sad.active {
background-position: -188px -226px;
}
.tinylink_detail .comment_form {
margin-top: 50px;
}
.tinylink_detail .comment_form .form-tips {
color: #ff6450;
}
.tinylink_detail .happyorsad {
margin-bottom: 15px;
}
.tinylink_detail .in_textarea {
width: 852px;
height: 154px;
border-radius: 3px;
border: 1px solid #e6e6e6;
padding: 14px;
}
.tinylink_detail .detail_time {
margin-left: 50px;
}
.tinylink_detail .detail_new {
background-color: #ff6450;
color: #fff;
font-size: 12px;
width: 42px;
height: 20px;
line-height: 20px;
display: inline-block;
text-align: center;
border-radius: 3px;
margin-left: 15px;
}
.tinylink_detail .commit_btn {
float: right;
width: 117px;
height: 36px;
line-height: 36px;
color: #fff;
font-size: 16px;
text-align: center;
background-color: #ff6450;
margin-top: 28px;
}
.tinylink_detail .commented .icon_choose {
margin-left: 0;
}
.tinylink_detail .commented .comment_time {
margin-left: 20px;
color: #999;
}
.tinylink_detail .commented .time_mood {
margin-bottom: 10px;
}
/****/
/* 脚部样式 */
.foot {
padding-bottom: 20px;
}
.foot-logo {
padding: 26px 0 16px 0px;
}
/* 表单公共样式 */
.ui-form {}
.pop-main-360 {
width: 360px;
min-height: 240px;
margin: -140px 0 0 -180px;
}
.skins-btn-pop-mar15 {
margin: 15px;
}
.star {
color: red;
}
.skins-btn-w120 {
width: 118px;
height: 38px;
line-height: 38px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
/* 空心橙色文字 */
.skins-btn-code {
background: #fff none repeat scroll 0 0;
border: 1px solid #ff6450;
color: #fa462e;
height: 38px;
line-height: 38px;
}
.z-btn-disabled {
border: #ccc;
background: #ccc;
cursor: pointer;
}
.vip-main .skins-btn-code {
background: #fff none repeat scroll 0 0;
border: 1px solid #ff6450;
color: #fa462e;
height: 38px;
line-height: 38px;
}
/* 表格 */
.ui-form table {
width: 100%;
}
.ui-form th {
height: 100px;
}
.ui-form th h2 {
font-size: 24px;
}
.ui-form th p {
line-height: 40px;
color: #888;
}
.ui-form td {
padding-bottom: 25px;
vertical-align: top;
}
.ui-form .td-l {
padding-right: 16px;
width: 70px;
line-height: 40px;
font-size: 14px;
text-align: right;
}
.ui-form .td-l span {
padding-right: 7px;
color: #f44d37;
}
/* 输入框 */
.ui-form .in-txt,
.ui-form .in-text {
padding: 10px;
max-width: 100%;
width: 640px;
height: 18px;
font-size: 14px;
color: #888;
border: 1px solid #e2e2e2;
vertical-align: top;
}
.ui-form .in-text {
display: block;
height: 140px;
line-height: 1.6em;
}
.ui-form .in-txt-w100 {
width: 100px;
}
.ui-form .in-err,
.ui-form .in-err.demand-input,
.ui-form .in-err.demand-details,
.main-server .server-intr-right .in-err.in-text,
.main-server .server-intr-right .in-err.in-txt {
border-color: #ff6b58;
}
.ui-form .in-ok {}
.ui-form .in-sel {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 15px;
width: 198px;
height: 38px;
font-size: 14px;
background: url(../images/icon-select2.png) 180px 18px no-repeat;
border: 1px solid #e2e2e2;
}
.ui-form .in-sel.in-err {
border: 1px solid #ff6b58;
}
.ui-form .in-placeholder {
color: #888;
}
/* 进度条 */
.ui-form .ui-progress {
margin: 5px 0;
width: 250px;
max-width: 100%;
height: 12px;
line-height: 1;
text-align: center;
}
.ui-form .ui-progress span {
display: block;
width: 0px;
height: 100%;
color: #fff;
background: #ff4e02;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/* 提示语 */
.ui-form .in-box {
position: relative;
display: block;
line-height: 40px;
}
.ui-form .in-box .tips,
.ui-form .in-box .tips-num {
position: absolute;
bottom: -16px;
left: 0px;
line-height: 1;
font-size: 12px;
color: #888;
}
.ui-form .in-box .err {
color: #ff6450;
}
.ui-form .in-box .tips-num {
left: auto;
right: 10px;
}
.server-gy .ui-form .in-box .tips {
bottom: 9px;
}
/* 图片上传 */
.ui-form .testFileBtn {
position: relative;
width: 108px;
height: 38px;
line-height: 38px;
text-align: center;
font-size: 14px;
color: #fff;
background: #777;
border: 1px solid #777;
overflow: hidden;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.ui-form .testFileBtn input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
opacity: 0;
}
.ui-form .pic-tips {
position: relative;
}
.ui-form .pic-tips i {
position: absolute;
top: -28px;
left: 120px;
color: #888;
}
.ui-form .td-img {
position: relative;
margin: 0 20px 10px 0;
width: 130px;
height: 88px;
/* overflow: hidden; */
vertical-align: top;
background: #f8f8f8 url(../images/defaultimg.jpg) center no-repeat;
border: 1px solid #dcdcdc;
}
.ui-form .td-img img {
display: block;
width: 100%;
}
.ui-form .td-img .progress {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 96px;
text-align: center;
font-size: 16px;
color: #ff4e02;
background: rgba(255, 255, 255, .5);
}
.ui-form .delete-btn {
position: absolute;
top: 0;
right: 0;
height: 20px;
width: 20px;
background: #ff6450 url(../images/icon-del-img.png) no-repeat center;
}
.ui-form .td-logo-img {
height: 70px;
}
.ui-form .td-big-img {
margin: 0 0 10px 0;
width: 330px;
height: 124px;
}
.ui-form .td-banner-img {
margin: 0 0 10px 0;
width: 350px;
height: 126px;
}
/*没有绑定blur事件的form,与ui-form一样的样式。需要自己绑定blur*/
.ui-form-no-blur table {
width: 100%;
}
.ui-form-no-blur th {
height: 100px;
}
.ui-form-no-blur th h2 {
font-size: 24px;
}
.ui-form-no-blur th p {
line-height: 40px;
color: #888;
}
.ui-form-no-blur td {
padding-bottom: 25px;
vertical-align: top;
}
.ui-form-no-blur .td-l {
padding-right: 16px;
width: 70px;
line-height: 40px;
font-size: 14px;
text-align: right;
}
.ui-form-no-blur .td-l span {
padding-right: 7px;
color: #f44d37;
}
/* 输入框 */
.ui-form-no-blur .in-txt,
.ui-form-no-blur .in-text {
padding: 10px;
max-width: 100%;
width: 640px;
height: 18px;
font-size: 14px;
color: #888;
border: 1px solid #e2e2e2;
vertical-align: top;
}
.ui-form-no-blur .in-text {
display: block;
height: 140px;
line-height: 1.6em;
}
.ui-form-no-blur .in-txt-w100 {
width: 100px;
}
.ui-form-no-blur .in-err,
.ui-form-no-blur .in-err.demand-input,
.ui-form-no-blur .in-err.demand-details,
.main-server .server-intr-right .in-err.in-text,
.main-server .server-intr-right .in-err.in-txt {
border-color: #ff6b58;
}
.ui-form-no-blur .in-ok {}
.ui-form-no-blur .in-sel {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 15px;
width: 198px;
height: 38px;
font-size: 14px;
background: url(../images/icon-select2.png) 180px 18px no-repeat;
border: 1px solid #e2e2e2;
}
.ui-form-no-blur .in-sel::-ms-expand {
display: none;
}
.ui-form-no-blur .in-sel.in-err {
border: 1px solid #ff6b58;
}
.ui-form-no-blur .in-placeholder {
color: #888;
}
.ui-form-no-blur .in-box {
position: relative;
display: block;
}
.ui-form-no-blur .form-tips {
color: #ff6450;
position: absolute;
bottom: -22px;
left: 0;
}
.webuploader-container {
position: relative;
}
.webuploader-element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.webuploader-pick {
position: relative;
display: inline-block;
cursor: pointer;
background: #00b7ee;
padding: 10px 15px;
color: #fff;
text-align: center;
border-radius: 3px;
overflow: hidden;
}
.webuploader-pick-hover {
background: #00a2d4;
}
.webuploader-pick-disable {
opacity: 0.6;
pointer-events: none;
}
.uploader .queueList {
margin: 20px 20px 0 20px;
}
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.uploader .placeholder {
min-height: 120px;
color: #cccccc;
font-size: 18px;
position: relative;
}
.uploader .webuploader-pick {
/* font-size: 18px;
background: #00b7ee;
border-radius: 3px;
line-height: 44px;
padding: 0 30px;
color: #fff;
display: inline-block;
margin: 20px auto;
cursor: pointer;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
display: block;
padding: 0;
margin-bottom: 20px;
width: 215px;
height: 120px;
background: url(../images/exp-share-upload-2.png) center no-repeat;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.uploader .placeholder .webuploader-pick-hover {
/*background: #00a2d4;*/
}
.uploader .placeholder .flashTip {
color: #666666;
font-size: 12px;
position: absolute;
width: 100%;
text-align: center;
bottom: 20px;
}
.uploader .placeholder .flashTip a {
color: #0785d1;
text-decoration: none;
}
.uploader .placeholder .flashTip a:hover {
text-decoration: underline;
}
.uploader .placeholder.webuploader-dnd-over {
border-color: #999999;
}
.uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {
border-color: red;
}
.uploader .filelist {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.uploader .filelist:after {
content: '';
display: block;
width: 0;
height: 0;
overflow: hidden;
clear: both;
}
.uploader .filelist li {
width: 215px;
height: 120px;
background: #f7f7f7;
text-align: center;
margin: 0 16px 20px 0;
position: relative;
display: inline;
float: left;
overflow: hidden;
font-size: 12px;
}
.uploader .filelist li p.log {
position: relative;
top: -45px;
}
.uploader .filelist li p.title {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
top: 5px;
text-indent: 5px;
text-align: left;
}
.uploader .filelist li p.progress {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 8px;
overflow: hidden;
z-index: 50;
}
.uploader .filelist li p.progress span {
display: none;
overflow: hidden;
width: 0;
height: 100%;
background: #1483d8 url(../images/progress.png) repeat-x;
-webit-transition: width 200ms linear;
-moz-transition: width 200ms linear;
-o-transition: width 200ms linear;
-ms-transition: width 200ms linear;
transition: width 200ms linear;
-webkit-animation: progressmove 2s linear infinite;
-moz-animation: progressmove 2s linear infinite;
-o-animation: progressmove 2s linear infinite;
-ms-animation: progressmove 2s linear infinite;
animation: progressmove 2s linear infinite;
-webkit-transform: translateZ(0);
}
@-webkit-keyframes progressmove {
0% {
background-position: 0 0;
}
100% {
background-position: 17px 0;
}
}
@-moz-keyframes progressmove {
0% {
background-position: 0 0;
}
100% {
background-position: 17px 0;
}
}
@keyframes progressmove {
0% {
background-position: 0 0;
}
100% {
background-position: 17px 0;
}
}
.uploader .filelist li p.imgWrap {
position: relative;
z-index: 2;
line-height: 120px;
vertical-align: middle;
overflow: hidden;
width: 215px;
height: 120px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webit-transition: 200ms ease-out;
-moz-transition: 200ms ease-out;
-o-transition: 200ms ease-out;
-ms-transition: 200ms ease-out;
transition: 200ms ease-out;
}
.uploader .filelist li img {
width: 100%;
}
.uploader .filelist li p.error {
background: #f43838;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
height: 28px;
line-height: 28px;
width: 100%;
z-index: 100;
}
.uploader .filelist li .success {
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 40px;
width: 100%;
z-index: 200;
background: url(../images/success.png) no-repeat right bottom;
}
.uploader .filelist div.file-panel {
position: absolute;
height: 0;
filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\0;
background: rgba( 0, 0, 0, 0.5);
width: 100%;
top: 0;
left: 0;
overflow: hidden;
z-index: 300;
}
.uploader .filelist div.file-panel span {
width: 24px;
height: 24px;
display: inline;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(../images/icons.png) no-repeat;
margin: 5px 1px 1px;
cursor: pointer;
}
.uploader .filelist div.file-panel span.rotateLeft {
background-position: 0 -24px;
}
.uploader .filelist div.file-panel span.rotateLeft:hover {
background-position: 0 0;
}
.uploader .filelist div.file-panel span.rotateRight {
background-position: -24px -24px;
}
.uploader .filelist div.file-panel span.rotateRight:hover {
background-position: -24px 0;
}
.uploader .filelist div.file-panel span.cancel {
background-position: -48px -24px;
}
.uploader .filelist div.file-panel span.cancel:hover {
background-position: -48px 0;
}
.uploader .filelist li.pick-add {}
.uploader .statusBar {
display: none;
height: 63px;
border-top: 1px solid #e7e7e7;
padding: 0 20px;
line-height: 63px;
vertical-align: middle;
position: relative;
}
.uploader .statusBar .progress {
border: 1px solid #1483d8;
width: 198px;
background: #fff;
height: 18px;
position: relative;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6dbfff;
position: relative;
margin-right: 10px;
}
.uploader .statusBar .progress span.percentage {
width: 0;
height: 100%;
left: 0;
top: 0;
background: #1483d8;
position: absolute;
}
.uploader .statusBar .progress span.text {
position: relative;
z-index: 10;
}
.uploader .statusBar .info {
display: inline-block;
font-size: 14px;
color: #666666;
}
.uploader .statusBar .info a {
margin: 0 3px;
color: #ff6450;
}
.uploader .statusBar .btns {
position: absolute;
top: 15px;
right: 20px;
line-height: 30px;
}
#filePicker2 {
display: inline-block;
float: left;
}
.uploader .statusBar .btns .webuploader-pick,
.uploader .statusBar .btns .uploadBtn,
.uploader .statusBar .btns .uploadBtn.state-uploading,
.uploader .statusBar .btns .uploadBtn.state-paused {
background: #ffffff;
border: 1px solid #cfcfcf;
color: #565656;
padding: 0 18px;
display: inline-block;
border-radius: 3px;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
float: left;
}
.uploader .statusBar .btns .webuploader-pick-hover,
.uploader .statusBar .btns .uploadBtn:hover,
.uploader .statusBar .btns .uploadBtn.state-uploading:hover,
.uploader .statusBar .btns .uploadBtn.state-paused:hover {
background: #f0f0f0;
}
.uploader .statusBar .btns .uploadBtn {
background: #00b7ee;
color: #fff;
border-color: transparent;
}
.uploader .statusBar .btns .uploadBtn:hover {
background: #00a2d4;
}
.uploader .statusBar .btns .uploadBtn.disabled {
pointer-events: none;
opacity: 0.6;
}
/* 领域选择 */
.ui-form .pclass label {
float: left;
padding: 10px;
margin: 0 15px 10px 0;
line-height: 14px;
font-size: 14px;
border: 1px solid #dcdcdc;
cursor: pointer;
white-space: nowrap;
}
.ui-form .pclass label:hover {
color: #646464;
border-color: #b4b4b4;
}
.ui-form .pclass label.z-sel {
color: #fff;
background: #ff4e02;
border-color: #ff4e02;
}
.ui-form .pclass input {
display: none;
}
/* 按钮 */
.ui-form .in-sub {
width: 178px;
height: 44px;
line-height: 44px;
font-size: 18px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
/* 登陆、注册 */
.pop-account {
/* margin: -222px 0 0 -210px; */
padding: 0 60px;
width: 300px;
height: auto;
min-height: 375px;
box-sizing:content-box;
}
.pop-account .pop-head {
padding-top: 30px;
height: 60px;
line-height: 60px;
}
.pop-account .pop-head span {
font-size: 18px;
}
.pop-account .pop-head .tab {
position: absolute;
top: 58px;
right: 60px;
line-height: 1;
font-size: 12px;
cursor: pointer;
}
.pop-account .pop-content {
padding: 0;
text-align: left;
line-height: 1;
font-size: 12px;
}
.pop-account-reg {
/* margin-top: -300px; */
height: auto;
}
.ui-account-form {
padding: 0;
border: 0;
}
.ui-account-form .in-box {
padding-bottom: 28px;
vertical-align: top;
}
.ui-account-form .in-box-agree {
line-height: 20px;
}
.ui-account-form .in-box-agree input {
vertical-align: middle;
}
.ui-account-form .in-box-agree a {
text-decoration: underline;
}
.ui-account-form .in-box-vcode {
display: none;
}
.ui-account-form .in-box-vcode-show {
display: block;
}
.ui-account-form .in-box-sub {
padding-bottom: 5px;
}
.ui-account-form .password-type-box {
padding-bottom: 10px;
line-height: 20px;
}
.ui-account-form .password-type-box label {
padding-right: 40px;
cursor: pointer;
}
.ui-account-form .password-type-box input {
vertical-align: middle;
}
.ui-account-form .in-txt {
width: 278px;
}
.ui-account-form .in-txt-w110 {
width: 110px;
}
.ui-account-form .in-txt-w130 {
width: 130px;
}
.ui-account-form .in-box .tips {
bottom: 10px;
}
.ui-account-form .in-box-sub .tips {
left: auto;
bottom: 54px;
right: 0;
}
.ui-account-form .link:hover {
color: #f44d37;
}
.ui-account-form .vcode-img {
margin-left: 6px;
width: 98px;
height: 38px;
border: 1px solid #e3e3e3;
vertical-align: top;
cursor: pointer;
}
.ui-account-form .vcode-res {
margin-left: 6px;
color: #888;
}
.ui-account-form .btn-getcode {
margin-left: 10px;
width: 128px;
height: 38px;
line-height: 38px;
border-color: #e0e0e0;
}
.ui-account-form .login-type-box,
.ui-account-form .account-form-box,
.ui-account-form .login-phone-box {
display: none;
}
.ui-account-form .z-sel {
display: block;
}
.ui-account-form .pad-b10 {
padding-bottom: 10px;
}
.ui-account-form .in-box-userType {
font-size: 14px;
color: #888;
}
.ui-account-form .in-box-userType label {
margin-right: 15px;
font-size: 12px;
color: #555;
cursor: pointer;
}
.ui-account-form .in-box-userType input {
margin-right: 3px;
vertical-align: middle;
}
.ui-account-form .in-sub {
width: 298px;
height: 44px;
line-height: 44px;
font-size: 18px;
}
/*******************************************************************************************/
/* 公用样式 */
.pb-25 {
padding-bottom: 25px;
}
.pt-25 {
padding-top: 25px;
}
.pl-20 {
padding-left: 20px;
}
.ml-14 {
margin-left: 14px;
}
.ml-30 {
margin-left: 30px;
}
.ml-37 {
margin-left: 37px;
}
.ml-135 {
margin-left: 135px;
}
.mb-25 {
margin-bottom: 25px;
}
.mt-15 {
margin-top: 15px;
}
.btn-wid130 {
width: 120px;
height: 40px;
}
.btn-wid140 {
width: 140px;
}
.skins-btn:hover {
color: #fff;
}
.c-red {
color: #fa462e
}
/* 切换按钮样式 */
.skins-btn-tab {
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
color: #555;
vertical-align: top;
cursor: pointer;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.skins-btn-tab.z-sel {
background: #ff6450;
color: #fff;
}
.skins-btn-tab:hover {
background: #ff6450;
color: #fff;
}
/* 用户中心 - 提交需求弹出框 */
.pop-sub-demand {
/* margin: -240px 0 0 -240px; */
width: 480px;
/* height: 480px; */
}
/*.pop-sub-demand .pop-head{padding: 0 40px; height: 60px; line-height: 60px; text-align: left; background: #f7f7f7;}
.pop-sub-demand .pop-head span{font-size: 20px;}*/
.pop-sub-demand .pop-content {
padding-top: 15px;
padding: 48px;
}
.pop-sub-demand .pop-close {
right: 5px;
width: 60px;
height: 60px;
}
.pop-sub-demand .ui-form .in-box span.tips {
bottom: 0px;
}
.pop-sub-demand .pop-content {
padding: 38px;
text-align: left;
}
.pop-sub-demand .pop-content {
padding: 15px 48px 48px 48px;
}
.pop-sub-demand .pop-content .in-box {
padding-bottom: 20px;
margin-bottom: 10px;
line-height: 0;
}
.pop-sub-demand .pop-content textarea {
padding: 15px;
width: 352px;
height: 190px;
line-height: 26px;
font-size: 14px;
border: 1px solid #e6e6e6;
}
.pop-sub-demand .pop-content textarea.in-err {
border: 1px solid #ff6b58;
}
.pop-sub-demand .pop-content .sub-btn {
width: 382px;
height: 40px;
line-height: 40px;
font-size: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.pop-sub-demand .demand-type {
position: relative;
margin-bottom: 5px;
color: #888;
}
.pop-sub-demand .demand-type-title {
position: relative;
padding: 0 18px;
height: 38px;
background: #fff;
border: 1px solid #e6e6e6;
cursor: pointer;
}
.pop-sub-demand .demand-type-title span {
display: block;
line-height: 38px;
text-align: left;
font-size: 14px;
color: #888;
}
.pop-sub-demand .demand-type-title i {
position: absolute;
top: 16px;
right: 20px;
border-width: 6px;
border-color: #e6e6e6 transparent transparent transparent;
}
.pop-sub-demand .demand-type-box {
display: none;
position: absolute;
top: 40px;
left: 0;
z-index: 100;
padding: 5px 10px;
width: 362px;
background: #fff;
border: 1px solid #dcdcdc;
border-top: 0;
}
.pop-sub-demand .demand-type-box.z-sel {
display: block;
}
.pop-sub-demand .demand-type-check {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #f7f7f7;
}
.pop-sub-demand .demand-type-check label {
float: left;
padding: 0 2%;
width: 29%;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #333;
text-align: left;
cursor: pointer;
}
.pop-sub-demand .demand-type-check input {
margin-right: 5px;
vertical-align: middle;
}
.pop-sub-demand .demand-type-btn .skins-btn {
width: 80px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.pop-tips .pop-head {
height: 60px;
line-height: 60px;
}
.pop-tips .skins-btn {
width: 120px;
height: 40px;
line-height: 40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
/*需求提交修改样式*/
.pop-sub-demand .demand-file .demand-type-title {
width: 40%;
}
.pop-sub-demand .demand-type-title.title-right {
margin-left: 30px;
}
.pop-sub-demand .demandName {
width: 80%;
line-height: 38px;
text-align: center;
margin: 0 auto 10px;
border:1px solid #ccc;
}
.sub-demand-main .demand-file {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pop-sub-demand .pop-content textarea {
height: 135px;
}
.pop-sub-demand .btn-file {
display: flex;
justify-content: space-between;
}
.pop-sub-demand .btn-file .budget {
flex: 1;
height: 30px;
line-height: 30px;
text-align: left;
}
.pop-sub-demand .btn-file .budget span {
font-weight: 700;
font-size: 18px;
}
.pop-sub-demand .btn-file .sub-btn {
width: 90px;
height: 30px;
line-height: 30px;
}
.pop-sub-demand .need {
display: flex;
justify-content: space-between;
height: 30px;
line-height: 30px;
margin-bottom: 10px;
}
.pop-content .need .demand-title {
flex: 1;
font-size: 14px;
}
.demand-sign{
color: red;
margin-right: 5px;
}
.err-sign{
position: absolute;
color: red;
top: 10%;
width: 40px;
right: -44px;
line-height: 1;
z-index: 10;
}
.pop-content .need .demand-nature {
width: 250px;
height: 30px;
line-height: 30px;
}
.need .demand-nature select {
width: 100%;
height: 30px;
line-height: 30px;
text-indent: 10px;
}
.pop-sub-demand .pop-content .position {
display: flex;
justify-content: space-between;
height: 30px;
line-height: 30px;
margin-bottom: 10px;
}
.pop-sub-demand .pop-content .position input {
text-align: center;
}
.pop-sub-demand .pop-head {
padding-top: 10px;
height: 0;
}
.choose-box{
width: 45%;
position: relative;
}
.choose-box .checkbox{
display: flex;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 14px;
}
.choose-box .selectbox{
width: 100%;
border: 1px solid #ccc;
padding-left: 10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.choose-box .selectbox.in-err{
border-color: #ff6b58;
}
.choose-box .select-input{
position:absolute;
display: none;
width: 100%;
border: 1px solid #000;
z-index: 111;
background-color: #fff;
}
.selectbox.check-text{
margin-right: 10px;
}
.choose-box .select-input li{
list-style: none;
margin-left: 10px;
}
#chooseIndeustry .txt-indus{
line-height: 100%;
height: 100%;
}
.pop-sub-demand .pop-content .demand-main .tex-tarea {
padding-bottom: 0;
}
/* 用户中心-绑定 */
/* .user-account .user-bind{margin-left: 60px;} */
.user-account .bind-email-left {
min-height: 35px;
padding-left: 70px;
background: url(../images/user-i1.png) no-repeat;
}
.user-account .bind-phone-left {
min-height: 58px;
padding-left: 70px;
padding-top: 20px;
background: url(../images/user-i2.png) no-repeat;
}
.user-account .user-bind-border {
padding: 34px 20px 30px 20px;
vertical-align: bottom;
border-bottom: 1px solid #e7e7e7;
}
.user-account .user-bind-border h3 {
padding-bottom: 3px;
}
.user-account .skins-btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.pop-user-account .pop-content {
padding: 15px;
}
.user-account .skins-btn-account {
width: 80px;
}
/* 用户中心-修改密码 */
.user-account .user-passwd .ui-form table {
width: 450px;
}
.user-account .tab-center {
margin: 0 auto;
}
.user-account .user-passwd .ui-form .pdr-0 {
padding-right: 0;
}
.user-account .user-account-div .ui-form td {
font-size: 14px;
vertical-align: middle;
}
.user-account .user-passwd .ui-form .td-l {
width: 90px;
}
.user-account .user-passwd .pt-35 {
padding-top: 25px;
}
.user-account .ui-form .in-txt {
width: 308px;
height: 18px;
line-height: 18px;
}
.user-account .ui-form .in-sel {
padding: 0 5px;
margin-right: 15px;
width: 155px;
height: 38px;
line-height: 38px;
background-position: 135px 18px;
border: 1px solid #e2e2e2;
}
.user-account .ui-form .td-input {
margin-right: 5px;
width: 260px;
}
.user-account .ui-form .phone-input {
margin-right: 5px;
width: 205px;
}
.user-account .ui-form .in-box .tips {
bottom: 6px;
left: 0px;
}
/* 修改账户密码新的页面设计 */
.user-account .user-passwd .user-passwd-left {
width: 378px;
height: 260px;
border-right: 2px solid #e2e2e2;
}
.user-account .user-passwd .user-passwd-right {
width: 500px;
height: 260px;
}
.user-account .user-passwd-left .user-passwd-left-box {
height: 40px;
margin-left: 36px;
padding: 20px 0;
cursor: pointer;
}
.user-account .user-passwd-left .user-passwd-left-box.z-sel {
border-right: 2px solid #fe968c;
margin-right: -2px;
}
.user-account .user-passwd-left .user-passwd-edit-icon {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: middle;
background: url('../images/user-passwd-icon.png') no-repeat 0 -1px;
}
.user-account .user-passwd-left .user-passwd-left-box.z-sel .user-passwd-edit-icon {
background-position: -18px -1px;
}
.user-account .user-passwd-left .user-passwd-left-box p {
font-size: 14px;
line-height: 23px;
}
.user-account .user-passwd-left .user-passwd-left-box .p-999 {
color: #999;
text-indent: 25px;
}
.user-account .user-passwd-right form {
display: none;
}
.user-passwd-right .user-form {
padding: 20px 80px 70px 20px;
}
.user-account .user-passwd-right form.z-sel {
display: block;
}
.user-account .user-passwd-right .ui-form input {
width: 270px;
}
.user-account .user-passwd-right .ui-form .phone-input {
width: 160px;
margin-right: 10px;
}
.user-passwd-right .edit-btn {
height: 38px;
line-height: 40px;
}
.user-passwd-right .imgcode-sec {
height: 40px;
}
.user-passwd-right .imgCode {
width: 140px !important;
margin-right: 10px;
float: left;
}
.user-passwd-right .getImageCode {
display: inline-block;
border: 1px solid #e2e2e2;
width: 116px;
height: 38px;
float: left;
}
.user-passwd-right .getImageCode img {
width: 100%;
height: 100%;
display: block;
}
.user-passwd-right .js-get-code {
width: 95px;
}
/* 用户中心-账号资料 */
.user-account .user-tab-div {
display: none;
padding: 30px 0;
}
.user-account .user-tab-div.z-sel {
display: block;
}
.user-account-div .user-account-tab {
margin-top: 30px;
padding-top: 30px;
/*border-top: 1px solid #f1f1f1;*/
}
.user-account-div .user-div-head {
width: 115px;
left: 0px;
top: -8px;
background: #fff;
}
.user-account-div .ui-form table {
width: 500px;
}
.user-account-div .ui-form .td-l {
width: 90px;
}
.user-account-div .ui-form .user-vip .td-l {
width: 100px;
}
.user-account-div .user-qualify-img {
width: 394px;
margin: 0 auto;
text-align: center;
background: #f7f7f7;
}
.user-account-div .user-qualify-img img {
display: block;
margin: 0 auto;
border: 1px solid #e6e6e6;
}
.user-account-div .mt-40 {
margin-top: 40px;
}
.user-account-div .user-qualify-img p {
line-height: 40px;
}
.a-hover:hover {
color: #ff6450;
}
.user-account-div .flie-box,
.upgrade-div .file-box {
padding-left: 170px;
height: 200px;
}
.file-upload-box-head {
height: 40px;
}
.file-upload-box-head p {
float: left;
margin-left: 22px;
width: 208px;
line-height: 40px;
font-size: 14px;
text-align: center;
color: #888;
}
.user-account-div .file-upload-box,
.upgrade-div .file-upload-box {
position: relative;
float: left;
margin-left: 24px;
width: 208px;
height: 158px;
border: 1px dashed #e6e6e6;
}
.user-account-div .file-upload-box .webuploader-container,
.user-account-div .file-upload-box .file-img,
.upgrade-div .file-upload-box .webuploader-container,
.upgrade-div .file-upload-box .file-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 调整资质文件 */
.user-account-div .file-upload-box,
.upgrade-div .file-upload-box {
margin-left: 20px;
}
.user-account-div .vip-tips {
line-height: 30px;
margin: 20px 0 20px 190px;
}
/*.user-account-div .file-upload-box, .upgrade-div .file-upload-box.first{margin-left: 0px;}*/
.user-account-div .file-upload-box .webuploader-container,
.upgrade-div .file-upload-box .webuploader-container {
z-index: 10;
}
.user-account-div .file-upload-box .webuploader-pick,
.upgrade-div .file-upload-box .webuploader-pick {
padding: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(../images/add-icon.gif) center no-repeat;
}
.user-account-div .file-upload-box .webuploader-container div {
width: 100% !important;
height: 100% !important;
}
.user-account-div .file-upload-box .file-img img,
.upgrade-div .file-upload-box .file-img img {
display: block;
width: 100%;
height: 100%;
}
.user-account-div .file-upload-box .file-progress,
.upgrade-div .file-upload-box .file-progress {
display: none;
position: absolute;
top: 50%;
left: 5%;
z-index: 12;
margin-top: -6px;
width: 90%;
height: 12px;
background: #e6e6e6;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.user-account-div .file-upload-box .file-progress span,
.upgrade-div .file-upload-box .file-progress span {
display: block;
height: 100%;
background: #ff6450;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.user-account-div .file-upload-box .file-txt,
.upgrade-div .file-upload-box .file-txt {
display: none;
}
.user-account-div .file-upload-edit,
.upgrade-div .file-upload-edit {
border: 1px solid #fff;
}
.user-account-div .file-upload-edit .webuploader-pick,
.upgrade-div .file-upload-edit .webuploader-pick {
background: none;
}
.user-account-div .file-upload-edit .file-txt,
.upgrade-div .file-upload-edit .file-txt {
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: 5;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
background: url(../images/black60.png);
background: rgba(0, 0, 0, .6);
opacity: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.user-account-div .file-upload-edit:hover .file-txt,
.upgrade-div .file-upload-edit:hover .file-txt {
bottom: 0;
opacity: 1;
}
.user-account-div .td-w292 {
width: 292px;
}
.user-account-div input.in-wid130 {
width: 130px;
border: none;
}
.user-account-div .a-orange {
float: right;
line-height: 40px;
font-size: 14px;
color: #ff6450;
}
.user-account-div .skins-btn-account-div {
margin-top: 150px;
width: 118px;
height: 38px;
line-height: 38px;
}
.user-account-div .edit-btn,
.vip-form .edit-btn {
height: 38px;
line-height: 38px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.user-account .user-account-div .ui-form .in-box .tips {
/*bottom: -18px;*/
}
.user-account .user-account-div.user-tab-div .ui-form .in-box .tips {
bottom: -16px;
}
.user-account-div .user-img-box {
position: relative;
width: 120px;
height: 120px;
overflow: hidden;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
.user-account-div .user-img {
display: block;
width: 100%;
height: 100%;
}
.user-account-div .user-img-upload {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/black60.png);
background: rgba(0, 0, 0, .5);
opacity: 0;
}
.user-account-div .user-img-box .webuploader-container {
height: 100%;
}
.user-account-div .user-img-box .webuploader-pick {
display: block;
padding: 0;
width: 100%;
height: 100%;
line-height: 120px;
text-align: center;
font-size: 14px;
color: #fff;
background: none;
}
.user-account-div .user-img-box:hover .user-img-upload {
opacity: 1;
}
/*补充信息*/
.supply-form .ui-form-no-blur .td-l {
width: auto;
}
.supply-form .ui-form-no-blur .in-txt {
width: 250px;
}
.supply-form .ui-form-no-blur .in-box .tips {
bottom: -16px;
}
.supply-form .ui-form-no-blur .add-btn {
float: right;
padding: 6px 10px;
color: #555;
border: 1px solid #888;
border-radius: 5px;
}
.supply-form .ui-form-no-blur .td-title {
padding-top: 35px;
}
.supply-form .ui-form-no-blur .del-a {
font-size: 14px;
float: right;
margin-right: 20px;
color: #ff6450;
}
.pop-user-account {
margin-left: -180px;
width: 360px;
}
.pop-user-account .pop-head {
height: 60px;
}
.pop-user-account-email {
margin-top: -185px;
padding-bottom: 20px;
}
.pop-user-account-phone {
margin-top: -150px;
padding-bottom: 20px;
}
.pop-user-account-phone .getPhoneCode,
.pop-user-account-phone .getImageCode {
width: 110px;
height: 38px;
line-height: 38px;
}
.pop-user-account-phone .getImageCode {
display: inline-block;
border: 1px solid #e2e2e2;
}
.pop-user-account .user-form .in-txt,
.pop-user-account .user-form .in-text {
width: 270px;
}
.pop-user-account .user-form .in-txt-w150 {
width: 150px;
}
.user-form-edit {
padding: 0 18px;
}
.user-form-edit .in-box {
padding-bottom: 25px;
}
.user-form-edit .in-box .tips {
bottom: 5px;
}
/* .user-form-edit .in-box .tips{
position: static;
display: block;
text-align: left;
height: 30px;
line-height: 20px;
} */
/* 创新者升级VIP */
/* 创新者升级VIP-填写资料 */
.vip-main .list-title {
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.vip-main .list-title .list-title-icon3 {
display: inline-block;
width: 32px;
height: 31px;
background: url(../images/title-icon1.png) no-repeat;
}
.vip-main .vip-content {
margin-top: 68px;
}
.vip-main .vip-step {
margin: 0 153px;
}
.vip-main .vip-step .step {
float: left;
width: 254px;
height: 158px;
margin-left: 135px;
}
.vip-main .vip-step .step1 {
margin-left: 0px;
}
.vip-main .vip-step .step1 .step-img {
width: 115px;
height: 115px;
display: block;
background: url(../images/user-upgrade1.png) no-repeat;
}
.vip-main .vip-step .step2 .step-img {
width: 115px;
height: 115px;
display: block;
background: url(../images/user-upgrade2.png) no-repeat 0px -118px;
}
.vip-main .vip-step .step3 .step-img {
width: 115px;
height: 115px;
display: block;
background: url(../images/user-upgrade3.png) no-repeat 0px -118px;
}
.vip-main .vip-step .step.step3-last {
width: 113px;
}
.vip-main .vip-step .step .step-img.z-sel {
background-position: 0px 0px;
}
.vip-main .vip-step .step-item {
display: inline-block;
margin-top: 20px;
margin-left: 22px;
font-size: 18px;
}
.vip-main .vip-step .icon-next-step {
width: 17px;
height: 28px;
top: 44px;
left: 236px;
margin-right: 140px;
background: url(../images/user-upgrade4.png) no-repeat;
}
.upgrade-tips {
padding: 60px 153px;
font-size: 18px;
border-bottom: 1px solid #f1f1f1;
}
.upgrade-tips em {
font-size: 24px;
color: #333;
}
.upgrade-tips span {
display: inline-block;
width: 60px;
padding: 0 70px 0 20px;
}
.upgrade-tips span a {
font-size: 14px;
text-decoration: underline;
color: #fa462e;
}
.vip-main .vip-form-tab {
margin: 60px 0 80px;
}
.vip-main .skins-btn-white {
color: #555;
background: #fff;
border: 1px solid #fff;
}
.vip-main .skins-btn-tab {
display: inline-block;
height: 40px;
line-height: 40px;
margin: 0 10px;
text-align: center;
font-size: 14px;
color: #555;
vertical-align: top;
color: #ff6450;
border: 1px solid #ff6450;
cursor: pointer;
}
.vip-main .skins-btn-tab.z-sel {
background: #ff6450;
color: #fff;
}
.vip-main .skins-btn-tab:hover {
color: #fff
}
.vip-main .vip-form {
margin-bottom: 30px;
}
.vip-main .vip-form .vip-form-block {
display: block;
}
.vip-main .vip-form form {
display: none;
}
.vip-main .vip-form form.z-sel {
display: block;
}
.vip-main .vip-form table {
width: 890px;
margin: 0 auto;
}
.vip-main .vip-form table td {
font-size: 14px;
color: #333;
}
.vip-main .vip-form .ui-form .td-580 {
width: 580px;
}
.vip-main .vip-form .ui-form .td-540 {
width: 540px;
}
.vip-main .vip-form .ui-form .td-720 {
width: 720px
}
.vip-main .vip-form .ui-form .phone-input {
width: 624px;
}
.vip-main .vip-form .ui-form .td-140 {
width: 140px;
}
.vip-main .vip-form .ui-form .in-sel {
width: 350px;
background-position: 325px 18px;
}
.vip-main .skins-btn-code {
height: 38px;
line-height: 38px;
background: #fff;
border: 1px solid #ff6450;
color: #fa462e;
}
.vip-main .skins-btn-code:hover {
background: #fa462e;
color: #fff;
}
.vip-main .vip-form .vip-tips {
margin: 20px 0 20px 150px;
line-height: 30px;
}
.upgrade-div {
width: 890px;
margin: 0 auto;
}
.upgrade-div .in-box {
margin-left: 150px;
padding-top: 40px;
}
.vip-main .upgrade-div .quanlity-file1,
.vip-main .upgrade-div .quanlity-file2,
.vip-main .upgrade-div .quanlity-file3 {
font-size: 14px;
color: #333;
}
.vip-main .upgrade-div .quanlity-file1 {
position: absolute;
left: 35px;
top: 0px;
}
.vip-main .upgrade-div .quanlity-file2 {
position: absolute;
left: 257px;
top: 0px;
}
.vip-main .upgrade-div .quanlity-file3 {
position: absolute;
left: 490px;
top: 0px;
}
/* 创新者升级VIP-填写资料-下一步 */
.vip-nextstep .upgrade-tips {
border-top: 1px solid #f1f1f1;
border-bottom: none;
padding: 40px 168px;
margin-top: 50px;
}
.vip-nextstep .td-650 {
width: 650px;
}
.supplier-next-box {
width: 865px;
margin: 0 auto;
}
.supplier-next-box .company-intro-box {
margin-bottom: 30px;
}
.supplier-next-box .prodcut-intro-box {
margin-top: 30px;
}
.supplier-next-box .company-intro-box header,
.supplier-next-box .prodcut-intro-box header {
font-size: 18px;
padding-bottom: 20px;
}
.supplier-next-box .company-intro-txt {
width: 795px;
height: 180px;
margin-left: 45px;
padding: 10px;
border: 1px solid #e6e6e6;
}
.supplier-next-box .word-limit {
float: right;
height: 25px;
font-size: 14px;
color: #999;
}
.supplier-next-box .company-photo-txt {
padding-left: 20px;
font-size: 12px;
color: #888;
line-height: 20px;
}
.supplier-next-box .product-intro-file-input {
float: left;
margin-right: 20px;
}
.supplier-next-box .product-intro-file {
margin-left: 45px;
}
.supplier-next-box .upgrade-div .flie-box {
margin-left: 15px;
}
.supplier-next-box .sub-box {
text-align: center;
margin-top: 80px;
}
.supplier-next-box .product-intro-file .webuploader-pick.webuploader-pick-hover {
opacity: 1;
color: #fff;
background: #fa462e;
}
.supplier-next-box .product-intro-file .webuploader-pick {
width: 90px;
height: 18px;
background: #fff;
color: #fa462e;
line-height: 18px;
}
.supplier-next-box .company-intro-box .in-err {
border-color: #ff6b58;
}
.supplier-next-box .company-intro-box .err {
margin-left: 190px;
color: #ff6450;
}
/* 创新者升级VIP-支付费用 */
.vip-main .vip-content-pay,
.vip-main .vip-content-upgraded {
width: 720px;
margin: 120px auto 50px;
}
.vip-main .vip-content-pay p,
.vip-main .vip-content-upgraded p {
line-height: 50px;
}
.vip-main .vip-content-pay .paymethod-logo {
display: inline-block;
width: 130px;
height: 40px;
border: 1px solid #ddd;
background: url(../images/user-upgrade-payment.png)15px 5px no-repeat;
background-size: 100px 33px;
vertical-align: middle;
}
.vip-main .vip-content-pay .paymethod-logo:nth-child(1) {
margin-right: 10px;
}
.vip-main .vip-content-pay .weixin-pay {
background: url(../images/weixin-icon.png)2px 0px no-repeat;
background-size: 116px 40px;
}
.vip-main .vip-content-pay .checked {
border: 1px solid #ff6450;
}
/*创新者升级VIP-支付费用-微信扫描支付*/
.upgrade-icon {
background: url(../images/upgrade-pay-weixin.png)no-repeat;
}
.vip-pay-weixin {
width: 1039px;
/*height:576px;*/
margin: 0 auto;
}
.vip-pay-weixin h3 {
margin-top: 60px;
padding-left: 45px;
color: #555;
font-size: 18px;
text-align: center;
position: relative;
}
.vip-pay-weixin h3 i {
position: absolute;
left: 460px;
top: -4px;
display: inline-block;
width: 35px;
height: 35px;
background-position: -240px -19px;
}
.vip-pay-weixin .code-scan-area {
margin-top: 56px;
margin-left: 323px;
height: 220px
}
.vip-pay-weixin .code-scan-area .area-left,
.vip-pay-weixin .code-scan-area .area-right {
display: inline-block;
float: left;
}
.vip-pay-weixin .code-scan-area .area-left {
width: 166px;
}
.vip-pay-weixin .code-scan-area .area-right {
width: 210px;
height: 275px;
margin-left: 35px;
background-position: 0 -10px;
}
.vip-pay-weixin .code-scan-area .area-left .code-scan-img {
width: 142px;
height: 142px;
border: 1px solid #ddd;
padding: 12px;
}
.vip-pay-weixin .code-scan-area .area-left .code-scan-img img {
height: 142px;
width: 142px;
}
.vip-pay-weixin .code-scan-area .area-left .code-scan-tip {
background: #ff6450;
color: #fff;
font-size: 12px;
margin-top: 10px;
position: relative;
padding-left: 55px;
padding-right: 16px;
padding-top: 4px;
width: 100px;
height: 39px;
}
.vip-pay-weixin .code-scan-area .area-left .code-scan-tip i {
display: inline-block;
width: 26px;
height: 26px;
background-position: -244px -106px;
position: absolute;
left: 15px;
top: 8px;
}
.vip-pay-weixin .user-operate-area {
margin-top: 68px;
text-align: center;
}
.vip-pay-weixin .user-operate-area a {
display: inline-block;
width: 160px;
height: 42px;
text-align: center;
line-height: 42px;
color: #ff6450;
background: #fff;
border: 1px solid #ff6450;
font-size: 14px;
}
/* 创新者升级VIP-升级完成 */
.vip-main .vip-content-upgraded .vip-finish-icon {
display: inline-block;
width: 63px;
height: 58px;
background: url(../images/user-upgrade-finish.png) no-repeat;
vertical-align: middle;
}
.vip-main .vip-content-upgraded p {
text-align: center;
}
.vip-main .skins-btn-close {
background: #fff;
border: 1px solid #ff6450;
color: #fa462e;
height: 38px;
line-height: 38px;
}
.vip-main .skins-btn-close:hover {
color: #fff;
background: #ff6450;
}
/* 我是创新者、供应商-提交需求 */
.demand {
height: 360px;
background-color: #f7f7f7;
}
.demand .demand-nav a {
width: 140px;
height: 48px;
line-height: 48px;
border-bottom: 1px solid #ff6450;
float: left;
background-color: #f7f7f7;
font-size: 16px;
text-align: center;
color: #686868;
}
.demand .demand-nav a.z-sel {
background-color: #ff6450;
color: #fff;
}
.demand .demand-item {
text-align: center;
display: none;
}
.demand .demand-item.z-sel {
display: block;
}
.demand .demand-item .tip {
height: 44px;
line-height: 44px;
text-align: left;
padding-left: 20px;
color: #888;
font-size: 14px;
}
.demand .submit-btn {
width: 240px;
height: 40px;
line-height: 40px;
margin-bottom: 12px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.demand .des {
color: #888;
font-size: 12px;
margin: 0 20px;
}
.demand .type-select {
width: 240px;
height: 30px;
line-height: 30px;
margin-bottom: 13px;
padding-left: 10px;
font-size: 14px;
border: 1px solid #dcdcdc;
}
.demand .demand-type {
position: relative;
margin: 0 auto 14px auto;
width: 242px;
}
.demand .demand-type-title {
position: relative;
padding: 0 10px;
height: 28px;
margin-bottom: 22px;
background: #fff;
border: 1px solid #dcdcdc;
cursor: pointer;
}
.demand .demand-type-title span {
display: block;
line-height: 28px;
text-align: left;
font-size: 14px;
color: #888;
}
.demand .demand-type-title i {
position: absolute;
top: 12px;
right: 10px;
border-width: 6px;
border-color: #c8c8c8 transparent transparent transparent;
}
.demand .demand-type-box {
display: none;
position: absolute;
top: 30px;
left: 0;
z-index: 100;
padding: 10px;
width: 220px;
background: #fff;
border: 1px solid #dcdcdc;
border-top: 0;
}
.demand .demand-type-box.z-sel {
display: block;
}
.demand .demand-type-check {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f7f7f7;
}
.demand .demand-type-check label {
float: left;
padding: 0 2%;
width: 46%;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #333;
text-align: left;
cursor: pointer;
}
.demand .demand-type-check input {
margin-right: 5px;
vertical-align: middle;
}
.demand .demand-type-btn .skins-btn {
width: 80px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.demand .short-space {
margin-bottom: 7px;
}
.demand .demand-details {
width: 220px;
height: 118px;
padding: 10px;
margin-bottom: 6px;
border: 1px solid #dcdcdc;
font-size: 14px;
}
.demand .demand-input {
padding: 5px 10px;
margin-bottom: 20px;
width: 220px;
height: 18px;
line-height: 28px;
border: 1px solid #dcdcdc;
font-size: 14px;
}
.demand .ui-form .in-box .err {
bottom: 4px;
padding-left: 20px;
}
/* vip信息修改的供应商类型下拉框 */
.demand-type-vipinfo .demand-type {
position: relative;
margin: 0;
width: 330px;
}
.demand-type-supplier-330.demand-type-vipinfo .demand-type {
width: 330px;
}
.demand-type-vipinfo .demand-type-title {
position: relative;
padding: 0 10px;
height: 40px;
margin-bottom: 0px;
background: #fff;
border: 1px solid #dcdcdc;
cursor: pointer;
}
.demand-type-vipinfo .demand-type-title span {
display: block;
line-height: 40px;
text-align: left;
font-size: 14px;
color: #888;
}
.demand-type-vipinfo .demand-type-title i {
position: absolute;
top: 18px;
right: 10px;
border-width: 6px;
border-color: #c8c8c8 transparent transparent transparent;
}
.demand-type-supplier-330.demand-type-vipinfo .demand-type-box {
display: none;
position: absolute;
top: 43px;
left: 0;
z-index: 100;
padding: 10px;
width: 307px;
background: #fff;
border: 1px solid #dcdcdc;
border-top: 0;
}
.demand-type-vipinfo .demand-type-box.z-sel {
display: block;
}
.demand-type-vipinfo .demand-type-check {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f7f7f7;
}
.demand-type-vipinfo .demand-type-check label {
float: left;
padding: 0 2%;
width: 46%;
height: 30px;
line-height: 40px;
font-size: 14px;
color: #333;
text-align: left;
cursor: pointer;
}
.demand-type-vipinfo .demand-type-check input {
margin-right: 5px;
vertical-align: middle;
}
.demand-type-vipinfo .demand-type-btn .skins-btn {
width: 80px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.demand-type-vipinfo .short-space {
margin-bottom: 7px;
}
.demand-type-vipinfo .demand-details {
width: 220px;
height: 118px;
padding: 10px;
margin-bottom: 6px;
border: 1px solid #dcdcdc;
font-size: 14px;
}
.demand-type-vipinfo .demand-input {
padding: 5px 10px;
margin-bottom: 20px;
width: 220px;
height: 18px;
line-height: 28px;
border: 1px solid #dcdcdc;
font-size: 14px;
}
/* 升级供应商的供应商类型下拉框 */
.demand-type-supplier .demand-type {
position: relative;
margin: 0;
width: 740px;
}
.demand-type-supplier .demand-type-title {
position: relative;
padding: 0 10px;
height: 40px;
margin-bottom: 0px;
background: #fff;
border: 1px solid #dcdcdc;
cursor: pointer;
}
.demand-type-supplier .demand-type-title-err {
border-color: #ff6450;
}
.demand-type-supplier .demand-type-title span {
display: block;
line-height: 40px;
text-align: left;
font-size: 14px;
color: #888;
}
.demand-type-supplier .demand-type-title i {
position: absolute;
top: 18px;
right: 10px;
border-width: 6px;
border-color: #c8c8c8 transparent transparent transparent;
}
.demand-type-supplier .demand-type-box {
display: none;
position: absolute;
top: 43px;
left: 0;
z-index: 100;
padding: 10px;
width: 718px;
background: #fff;
border: 1px solid #dcdcdc;
border-top: 0;
}
.demand-type-supplier .demand-type-box.z-sel {
display: block;
}
.demand-type-supplier .demand-type-check {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f7f7f7;
}
.demand-type-supplier .demand-type-check label {
float: left;
padding: 0 4%;
width: 25%;
height: 30px;
line-height: 40px;
font-size: 14px;
color: #333;
text-align: left;
cursor: pointer;
}
.demand-type-supplier .demand-type-check input {
margin-right: 5px;
vertical-align: middle;
}
.demand-type-supplier .demand-type-btn .skins-btn {
width: 80px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.demand-type-supplier .short-space {
margin-bottom: 7px;
}
.demand-type-supplier .demand-details {
width: 220px;
height: 118px;
padding: 10px;
margin-bottom: 6px;
border: 1px solid #dcdcdc;
font-size: 14px;
}
.demand-type-supplier .demand-input {
padding: 5px 10px;
margin-bottom: 20px;
width: 220px;
height: 18px;
line-height: 28px;
border: 1px solid #dcdcdc;
font-size: 14px;
}
/* 经验谈-分享经验 */
.exp-share .exp-share-head header {
padding-left: 37px;
background: url(../images/title-icon1.png) no-repeat left top;
border-bottom: 2px solid #e6e6e6;
}
.exp-share .exp-share-head header span {
padding-left: 25px;
font-weight: normal;
}
.exp-share .exp-share-lists .exp-list-item {
padding-top: 25px;
border: none;
border-bottom: 1px solid #f7f7f7
}
.exp-share .exp-share-lists .exp-share-list-sel a {
width: 122px;
height: 122px;
padding-top: 26%;
background: url(../images/exp-share-sel-2.png) no-repeat center;
}
.exp-share .exp-share-lists .exp-content {
width: 970px;
padding-right: 0px;
}
.exp-share .exp-share-lists .exp-share-list-content {
margin-bottom: 20px;
padding-left: 35px;
border-left: 1px solid #f7f7f7;
}
.exp-share .exp-share-lists .exp-share-wt-fm-div {
display: none;
}
.exp-share .exp-list-item .exp-share-list-content h3 {
line-height: 50px;
font-size: 18px;
font-weight: bold;
}
.exp-share .exp-list-item .exp-share-list-content .exp-title-i {
padding-right: 25px;
}
.exp-share .exp-list-item .exp-share-list-content p {
line-height: 24px;
}
.exp-share .exp-list-item .time-info {
padding-right: 15px;
margin-right: 15px;
border-right: #e6e6e6 1px solid;
}
.exp-share .exp-list-item .exp-info {
padding: 20px 0px;
}
.exp-share .exp-share-lists .exp-share-list-sel {
width: 190px;
}
.exp-share .exp-share-lists div.z-sel .exp-share-list-sel a {
background: url(../images/exp-share-sel.png) no-repeat center;
}
.exp-share .exp-share-lists div.z-sel .exp-share-list-content h3 {
color: #fa462e;
}
.exp-share .exp-share-lists div.z-sel .exp-share-wt-fm-div {
display: block;
}
.exp-share .exp-fm-title {
margin-bottom: 20px;
}
.exp-share .exp-fm-title input {
width: 948px;
}
.exp-share .exp-share-wt-fm {
margin-top: 10px;
background: #fff;
border: 1px solid #e7e7e7;
}
.exp-share .exp-share-wt-fm.in-err {
border-color: #ff6b58;
}
.exp-share .exp-share-wt-fm textarea {
width: 908px;
height: 100px;
padding: 15px 30px 30px;
border: none;
}
/* 调整跟list.css文件冲突 */
.exp-share .exp-list .exp-user-head {
border-right: none;
}
.exp-share .exp-list .exp-content {
height: auto;
}
.exp-share .exp-list .exp-list-item {
margin-bottom: 0;
padding-bottom: 0;
}
.exp-share .exp-list .exp-info {
margin-top: 0;
}
/* 经验谈-追加分享 */
.exp-share-app .exp-time-item {
padding-left: 175px;
}
.exp-share-app .exp-list-item {
border-bottom: none;
}
.exp-share-app .exp-list-item .exp-share-list-content {
margin-bottom: 0px;
padding-bottom: 50px;
}
/* 经验谈-没有Link缺省页面 */
.exp-share-null {
padding: 100px 0;
}
.exp-share-null p {
text-align: center;
}
.exp-share-null .null-title {
height: 48px;
line-height: 48px;
background: url(../images/user-remind-icon.png) no-repeat;
background-position: 385px 0;
}
.exp-share-null .null-title-sub {
line-height: 100px;
font-size: 14px;
}
.exp-share-null .skins-btn-back {
display: block;
width: 120px;
margin: 0 auto;
}
/* link服务-首页 */
.main-server .link-list-server-intr {
width: 100%;
background: #ff6464 url(../images/gradient-red.png)left top repeat-x;
}
.main-server .server-intr {
width: 1200px;
height: 469px;
margin: 0 auto;
background: url(../images/map-icon.png)258px 226px no-repeat;
}
/*.main-server .server-intr-left{padding: 90px 0 0 80px; width: 620px;}*/
.main-server .server-intr-left h2 {
padding-top: 65px;
height: 90px;
text-align: center;
font-size: 26px;
color: #fff;
font-weight: normal;
background: url(../images/server-intr-icon9.jpg) top center no-repeat;
}
.main-server .server-intr-left h2 span {
font-size: 20px;
}
.main-server .server-intr-left ul {
padding-left: 10px;
}
.main-server .server-intr-left li {
float: left;
padding: 0 10px;
width: 180px;
height: 200px;
line-height: 24px;
text-align: center;
font-size: 16px;
color: #96140a;
}
.main-server .server-intr-left li i {
display: block;
margin-bottom: 5px;
height: 92px;
background: url(../images/server-intr-icon5.jpg) 48px 0px no-repeat;
}
.main-server .server-intr-left li .intr-icon2 {
background-position: -156px 0px;
}
.main-server .server-intr-left li .intr-icon3 {
background-position: -360px 0px;
}
.main-server .server-intr-left li em {
display: block;
line-height: 40px;
font-size: 20px;
color: #fff;
}
.main-server .server-gy .server-intr-left h2 {
position: absolute;
left: 88px;
top: 105px;
width: 546px;
height: 30px;
padding: 0;
padding-top: 80px;
text-align: left;
background: url(../images/server-intr-icon9.jpg)left top no-repeat;
font-size: 30px;
}
.main-server .server-gy .server-intr-left li i {
background-image: url(../images/server-intr-icon8.jpg);
}
.main-server .server-gy .server-intr-left p {
position: absolute;
top: 237px;
left: 88px;
width: 250px;
height: 50px;
padding-left: 20px;
color: #28b273;
line-height: 50px;
background: #fff;
font-size: 24px;
}
.main-server .server-intr-left dl {
height: 70px;
background: url(../images/server-intr-icon2.png) no-repeat;
}
.main-server .server-intr-left dd {
float: left;
margin-right: 47px;
padding-top: 16px;
width: 70px;
line-height: 18px;
font-size: 14px;
text-align: center;
}
.main-server .server-intr-left .server-intr-left-word {
position: absolute;
left: 83px;
top: 96px;
width: 562px;
height: 134px;
background: url(../images/server-intr-icon6.png)left top no-repeat;
}
.main-server .server-intr-left .server-intr-left-word2 {
position: absolute;
left: 83px;
top: 267px;
width: 378px;
height: 180px;
background-position: 21px -158px;
}
.main-server .server-intr-right {
top: 26px;
right: 40px;
width: 310px;
padding: 0 23px 0 26px;
background-color: #fff;
}
.main-server .server-intr-right .demand-main {}
.main-server .server-intr-right .tip {
height: 63px;
padding-top: 30px;
font-size: 18px;
color: #333;
}
.main-server .server-intr-right .tip span {
display: block;
line-height: 28px;
color: #666;
font-size: 14px;
}
.main-server .server-intr-right .btn {
padding-top: 5px;
}
.main-server .server-intr-right .skins-btn {
width: 308px;
height: 45px;
margin-bottom: 30px;
line-height: 45px;
font-size: 18px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.main-server .server-intr-right .in-sel,
.main-server .server-intr-right .in-txt,
.main-server .server-intr-right .in-text {
background-color: #fff;
border-color: #dcdcdc;
}
.main-server .server-intr-right .in-sel {
margin-bottom: 5px;
padding: 0 13px;
width: 318px;
color: #888;
background-position: 370px 18px;
}
.main-server .server-intr-right .in-txt,
.main-server .server-intr-right .in-text {
padding: 5px 15px;
margin-bottom: 25px;
width: 277px;
height: 28px;
line-height: 28px;
}
.main-server .server-intr-right .in-text {
height: 140px;
line-height: 24px;
color: #999;
}
.main-server .server-intr-right .demand-type {
position: relative;
margin-bottom: 24px;
width: 309px;
color: #999;
}
.main-server .server-intr-right .demand-type-title {
position: relative;
padding: 0 15px;
height: 38px;
background: #fff;
border: 1px solid #dcdcdc;
cursor: pointer;
}
.main-server .server-intr-right .demand-type-title span {
display: block;
line-height: 38px;
text-align: left;
font-size: 14px;
color: #999;
}
.main-server .server-intr-right .demand-type-title i {
position: absolute;
top: 18px;
right: 20px;
border-width: 4px;
border-color: #888 transparent transparent transparent;
}
.main-server .server-intr-right .demand-type-box {
display: none;
position: absolute;
top: 39px;
left: 0;
z-index: 100;
padding: 5px 10px;
width: 287px;
background: #fff;
border: 1px solid #dcdcdc;
border-top: 0;
}
.main-server .server-intr-right .demand-type-box.z-sel {
display: block;
}
.main-server .server-intr-right .demand-type-check {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #f7f7f7;
}
.main-server .server-intr-right .demand-type-check label {
float: left;
padding: 0 2%;
width: 45%;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #333;
text-align: left;
cursor: pointer;
}
.main-server .server-intr-right .demand-type-check input {
margin-right: 5px;
vertical-align: middle;
}
.main-server .server-intr-right .demand-type-btn .skins-btn {
width: 80px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
/*.main-server .server-intr-right .demand-main .in-box .tips{bottom: 4px;}*/
.main-server .server-advantage {
padding: 50px 50px;
height: 250px;
background: #f7f7f7;
}
.main-server .server-advantage h2 {
height: 60px;
font-size: 24px;
color: #555;
font-weight: normal;
}
.main-server .server-advantage ul {
padding-top: 110px;
background: url(../images/server-advantage-supplier.png) top center no-repeat;
}
.main-server .server-advantage li {
float: left;
width: 195px;
line-height: 22px;
text-align: center;
font-size: 14px;
}
.main-server .server-advantage .first-li {
width: 150px;
margin-right: 20px;
}
.main-server .server-advantage .last-li {
width: 149px;
width: 119px;
padding-left: 30px;
}
.main-server .server-advantage-vip {
padding: 50px 50px;
height: 250px;
background: #f7f7f7;
}
.main-server .server-advantage-vip h2 {
height: 60px;
font-size: 24px;
color: #555;
font-weight: normal;
}
.main-server .server-advantage-vip ul {
padding-top: 110px;
background: url(../images/server-advantage-vip.png) top center no-repeat;
}
.main-server .server-advantage-vip li {
float: left;
width: 164px;
line-height: 22px;
text-align: center;
font-size: 14px;
}
.main-server .server-advantage-vip .first-li {
width: 137px;
}
.main-server .server-advantage-vip .last-li {
width: 143px;
}
.main-server .server-intr-left h2 .span3000 {
padding-right: 5px;
font-size: 30px;
font-family: Arial;
font-weight: bold;
color: #ff6450;
}
.main-server .server-intr-left h2 .span-title {
font-size: 26px;
color: #333;
}
.main-server .server-intr-left .server-intr-left-word {
padding-right: 15px;
font-size: 18px;
color: #555;
}
/*落地页列表*/
.outer-box {
width: 100%;
background: #fff;
}
.link-list {
width: 1200px;
margin: 0 auto;
}
.link-list .link-list-title h2 {
width: 220px;
height: 30px;
padding: 80px 0 30px 0;
margin: 0 auto;
color: #333;
text-align: center;
font-size: 28px;
font-weight: normal;
}
.link-list .link-list-title .underline {
display: block;
margin: 0 auto;
width: 123px;
border-bottom: 2px solid #ff6450;
}
.link-list .link-list-title span {
display: block;
text-align: center;
padding-top: 25px;
color: #555;
font-size: 14px;
}
.link-list .link-list-title span.brand-descr {
padding-top: 5px;
}
.link-list .link-list-content {}
.server-gy .link-list .link-list-title .underline {
border-color: #28b273;
}
/*列表背景色*/
.green-bg {
background: #28b273;
}
.grey-bg {
background: #f9f9f9;
}
.red-bg {
background: #ff6464;
}
/*硬蛋平台*/
.list-platform {
height: 720px;
position: relative;
}
.link-list .link-list-content .ingdan-video {
position: absolute;
left: 107px;
top: 244px;
display: block;
width: 650px;
height: 430px;
}
.link-list .link-list-content .ingdan-video-tip {
position: absolute;
top: 324px;
right: 108px;
width: 220px;
height: 64px;
padding: 50px 26px 58px 56px;
color: #333;
background-position: -359px -162px;
line-height: 34px;
text-indent: 0;
font-size: 14px;
}
/* 创新者的困惑*/
.list-confuse {
height: 644px;
}
.list-confuse .link-list-content ul {
padding: 0px 93px;
margin-top: -13px;
}
.list-confuse .link-list-content ul li {
float: left;
width: 132px;
height: 118px;
margin-right: 162px;
margin-top: 100px;
color: #555;
font-size: 16px;
text-align: center;
text-indent: 0;
}
.list-confuse .link-list-content ul li:nth-child(4n) {
margin-right: 0;
}
.list-confuse .link-list-content li i {
display: block;
width: 60px;
height: 68px;
margin: 0 auto 18px;
}
.list-confuse .link-list-content .icon1 {
background-position: -151px -808px;
}
.list-confuse .link-list-content .icon2 {
background-position: -265px -822px;
}
.list-confuse .link-list-content .icon3 {
background-position: -364px -822px;
}
.list-confuse .link-list-content .icon4 {
background-position: -487px -817px;
}
.list-confuse .link-list-content .icon5 {
background-position: -626px -822px;
}
.list-confuse .link-list-content .icon6 {
background-position: -747px -830px;
}
.list-confuse .link-list-content .icon7 {
background-position: -138px -919px;
}
.list-confuse .link-list-content .icon8 {
background-position: -273px -930px;
}
/*加入硬蛋的好处*/
.list-good {
height: 686px;
}
.list-good .link-list-title h2 {
color: #fff;
}
.list-good .link-list-content {
position: relative;
}
.list-good .link-list-content .list-good-num {
position: absolute;
left: 410px;
top: 71px;
width: 360px;
height: 364px;
background: url(../images/link-good.png)left top no-repeat;
}
.list-good .link-list-content em {
color: #333;
font-size: 24px;
}
.list-good .link-list-content .good-list {
height: 398px;
padding: 40px 108px 100px 108px;
}
.list-good .link-list-content .good-list li {
display: block;
height: 157px;
width: 256px;
margin-top: 40px;
}
.list-good .link-list-content .good-list li em {
display: block;
width: 80px;
height: 70px;
color: #333;
font-size: 24px;
text-indent: 0;
text-align: center;
line-height: 52px;
}
.list-good .link-list-content .good-list li .icon1,
.list-good .link-list-content .good-list li .icon3 {
background-position: -331px -14px;
}
.list-good .link-list-content .good-list li .icon2,
.list-good .link-list-content .good-list li .icon4 {
float: right;
background-position: -440px -14px;
}
.list-good .link-list-content .good-list li.pull-right span {
display: block;
margin-top: 80px;
}
.list-good .link-list-content .good-list li {
color: #fff;
font-size: 18px;
line-height: 35px;
}
.list-good .link-list-content .good-list li:nth-child(1) {
margin-right: 218px;
}
/*硬蛋3大服务*/
.link-list-service {
height: 710px;
}
.link-list-service .link-list-content .service-list {
padding: 50px 106px 90px 106px;
}
.link-list-service .link-list-content .service-list li {
float: left;
display: block;
height: 311px;
width: 223px;
padding: 60px 48px 40px 35px;
margin-right: 29px;
line-height: 22px;
}
.link-list-service .link-list-content .service-list li.last {
margin-right: 0;
}
.link-list-service .link-list-content .service-list li span {
display: inline-block;
color: #fff;
font-size: 14px;
text-indent: 9px;
}
.link-list-service .link-list-content .service-list h3 {
height: 35px;
font-size: 36px;
font-weight: normal;
margin-bottom: 27px;
color: #fff;
}
.link-list-service .link-list-content .service-list li:nth-child(1) {
background: url(../images/icon-link.png)left top no-repeat;
}
.link-list-service .link-list-content .service-list li:nth-child(2) {
background: url(../images/link-consult.png)left top no-repeat;
}
.link-list-service .link-list-content .service-list li:nth-child(3) {
background: url(../images/link-direct.png)left top no-repeat;
}
/*服务流程 */
.list-service-procedure {
height: 475px;
}
.list-service-procedure .link-list-content .service-step {
margin: 108px 103px 0 108px;
padding-left: 47px;
border-top: 3px solid #ff6464;
}
.list-service-procedure .link-list-content .service-step .service-step-item {
float: left;
position: relative;
margin-top: -50px;
margin-right: 95px;
padding: 5px;
width: 90px;
height: 90px;
border-radius: 50%;
background: #fff;
}
.list-service-procedure .link-list-content .service-step .last {
margin-right: 0
}
.list-service-procedure .link-list-content .service-step .service-step-item i {
display: block;
width: 90px;
height: 90px;
border: 1px solid #ff6464;
border-radius: 50%;
}
.list-service-procedure .link-list-content .service-step .service-step-item span {
position: absolute;
top: 127px;
left: 0;
width: 100px;
color: #333;
line-height: 36px;
font-size: 16px;
text-align: center;
}
.list-service-procedure .link-list-content .service-step .service-step-item .call-visit {
width: 112px;
}
.list-service-procedure .link-list-content .service-step .service-step-item .link-step-icon1 {
background-position: 4px -697px;
}
.list-service-procedure .link-list-content .service-step .service-step-item .link-step-icon2 {
background-position: -138px -697px;
}
.list-service-procedure .link-list-content .service-step .service-step-item .link-step-icon3 {
background-position: -278px -699px;
}
.list-service-procedure .link-list-content .service-step .service-step-item .link-step-icon4 {
background-position: -450px -695px;
}
.list-service-procedure .link-list-content .service-step .service-step-item .link-step-icon5 {
background-position: -604px -699px;
}
.icon-next-step {
position: absolute;
top: 31px;
left: 107px;
display: block;
width: 58px !important;
height: 37px !important;
border: 0 !important;
background-position: 0 -822px;
background-color: #f9f9f9;
}
/*权威报道*/
.link-list-report .report-list {
padding: 60px 100px 83px 100px;
}
.link-list-report .report-list li {
float: left;
display: inline-block;
width: 190px;
height: 116px;
margin-right: 10px;
margin-top: 12px;
/*background-color:#ddd;*/
/*border:1px solid #dddddd;*/
}
.link-list-report .report-list li:nth-child(5n) {
margin-right: 0;
}
.link-list-report .report-list li a {
display: block;
line-height: 116px;
text-align: center;
}
.link-list-report .report-list li a img {
vertical-align: middle;
}
/*我是供应商首页*/
.main-server .link-list-supplier-intr {
width: 100%;
background: #28b273 url(../images/gradient-green.png)left top repeat-x;
}
.link-list-supplier-intr .server-intr {}
/*硬蛋供应链*/
.list-ingdan-link {
height: 686px;
}
.list-ingdan-link .link-list-content {
padding: 75px 0px 76px 710px;
height: 391px;
background: url(../images/computer-icon.png)no-repeat 45px 27px;
}
.list-ingdan-link .link-list-content .list-content-left {
width: 650px;
height: 338px;
background: url(../images/link-icon.png)left top;
}
.list-ingdan-link .link-list-content .list-content-right {
width: 380px;
/*padding: 65px 0 0px 30px;*/
color: #555;
font-size: 24px;
margin-right: 114px;
}
.list-ingdan-link .link-list-content .list-content-right p {
margin-top: 24px;
}
.list-ingdan-link .link-list-content .list-content-right span {
color: #28b273;
font-size: 30px;
padding: 0 8px;
}
.list-ingdan-link .link-list-content .list-content-right li {
float: left;
width: 85px;
height: 85px;
margin-right: 43px;
margin-top: 26px;
border-radius: 50%;
border: 1px solid #28b273;
color: #555;
line-height: 85px;
text-align: center;
font-size: 14px;
}
.list-ingdan-link .link-list-content .list-content-right li:first-child {
margin-left: 22px;
}
.list-ingdan-link .link-list-content .list-content-right li:last-child {
margin-right: 0;
}
/*供应链海量订单*/
.list-link-order .link-list-content .slide {
height: 735px;
height: 626px;
position: relative;
width: 988px;
margin: 0 auto;
padding: 72px 0 77px;
}
.list-link-order .link-list-content .slide ul {
width: 615px;
margin: 0 auto;
overflow: hidden;
}
.list-link-order .link-list-content .slide ul li {
display: block;
width: 100%;
height: 100%;
background: url(../images/order-bg.png)left top no-repeat;
}
.list-link-order .link-list-content .slide ul li h2 {
margin: 139px auto 44px;
color: #28b273;
font-size: 28px;
text-align: center;
}
.list-link-order .link-list-content .slide ul li p {
width: 360px;
line-height: 25px;
margin: 0 auto 24px;
color: #595959;
font-size: 14px
}
.list-link-order .link-list-content .slide .prev,
.list-link-order .link-list-content .slide .next {
display: block;
width: 50px;
height: 86px;
position: absolute;
top: 305px;
background: url(../images/icon-linkpage.png);
text-indent: -9999px;
}
.list-link-order .link-list-content .slide .prev {
background-position: -20px -1188px;
left: 0;
}
.list-link-order .link-list-content .slide .next {
background-position: -205px -1187px;
right: 0;
}
.list-link-order .link-list-content .slide-dot {
position: absolute;
bottom: 0px;
}
.list-link-order .link-list-content .slide-dot span {
text-indent: 0!important;
color: #595959;
font-size: 12px;
width: 32px;
height: 32px;
padding: 5px 5px;
border-radius: 50%;
border: 1px solid #595959;
background-color: #fff;
text-align: center;
margin-right: 28px;
margin-left: 0;
line-height: 16px;
}
.list-link-order .link-list-content .slide-dot span.last {
position: absolute;
bottom: 0;
padding: 0;
margin-right: 0;
line-height: 42px;
width: 42px;
height: 42px;
}
.list-link-order .link-list-content .slide-dot span:hover,
.list-link-order .link-list-content .slide-dot span.z-sel {
background-color: #28b273;
color: #fff;
border: 1px solid #28b273;
}
.list-link-order .link-list-content .more-consult {
text-align: center;
padding: 78px 0 94px;
font-size: 20px;
color: #555;
}
.list-link-order .link-list-content .more-consult a {
display: inline-block;
width: 30px;
height: 33px;
background: url(../images/icon-qq.png)left 3px no-repeat;
margin-left: 13px;
}
/*供应商的困惑 */
.list-supplier-confuse {
height: 428px;
}
.list-supplier-confuse .link-list-content .confuse-list {
padding: 80px 80px 92px 104px;
}
.list-supplier-confuse .link-list-content .confuse-list li {
float: left;
display: inline-block;
width: 69px;
height: 106px;
margin-right: 162px;
text-align: center;
font-size: 16px;
color: #555;
}
.list-supplier-confuse .link-list-content .confuse-list li i {
display: block;
width: 69px;
height: 87px;
}
.list-supplier-confuse .link-list-content .confuse-list .last {
margin-right: 0;
}
.list-supplier-confuse .link-list-content .confuse-list li .icon1 {
background-position: -16px -1041px;
}
.list-supplier-confuse .link-list-content .confuse-list li .icon2 {
background-position: -135px -1046px;
}
.list-supplier-confuse .link-list-content .confuse-list li .icon3 {
background-position: -264px -1040px;
}
.list-supplier-confuse .link-list-content .confuse-list li .icon4 {
background-position: -396px -1040px;
}
.list-supplier-confuse .link-list-content .confuse-list li .icon5 {
background-position: -513px -1047px;
}
/*加入硬蛋的好处*/
.list-supplier-good {
height: 477px;
color: #fff;
}
.list-supplier-good .link-list-title h2 {
color: #fff;
}
.list-supplier-good .good-list {
padding: 63px 92px 60px 119px;
}
.list-supplier-good .good-list li {
float: left;
width: 129px;
margin-right: 280px;
line-height: 30px;
text-align: center;
font-size: 16px;
}
.list-supplier-good .good-list li:nth-child(2) {
width: 150px;
}
.list-supplier-good .good-list li.last {
margin-right: 0;
width: 114px;
}
.list-supplier-good .good-list li i {
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #fff;
margin-bottom: 39px;
}
.list-supplier-good .good-list li .icon1 {
margin-left: 15px;
background-position: -422px -896px;
}
.list-supplier-good .good-list li .icon2 {
margin-left: 17px;
background-position: -581px -894px;
}
.list-supplier-good .good-list li .icon3 {
background-position: -722px -902px;
}
/*硬蛋供应链VIP服务介绍*/
.list-vip-service {
height: 564px;
}
.list-vip-service .link-list-title h2 {
width: 324px;
}
.list-vip-service .link-list-content .vip-service-list {
padding: 64px 104px 90px 104px;
}
.list-vip-service .link-list-content .vip-service-list li {
float: left;
width: 312px;
height: 255px;
margin-right: 27px;
background: #fff;
text-align: center;
font-size: 18px;
}
.list-vip-service .link-list-content .vip-service-list li.last {
margin-right: 0;
}
.list-vip-service .link-list-content .vip-service-list li img {
width: 312px;
height: 190px;
}
.list-vip-service .link-list-content .vip-service-list li span {
display: block;
height: 65px;
line-height: 65px;
}
/* Link服务-需求详情 */
.main-server .server-detail-top {
padding: 10px 0px 25px;
border-bottom: 1px solid #e6e6e6;
}
.main-server .server-detail-top .exp-share {
bottom: 25px;
}
/* 分享图标 */
.main-server .server-detail-top .user-head {
padding: 10px 30px;
border-right: 1px solid #e6e6e6;
}
.main-server .server-detail-top .user-head img {
display: block;
margin-bottom: 5px;
width: 120px;
height: 120px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
.main-server .server-detail-top .user-server {
margin: 20px 0px 0px 30px;
line-height: 30px;
}
.main-server .server-detail-top .user-server p {
line-height: 30px;
font-size: 14px;
}
.main-server .user-server-status {
position: relative;
width: 250px;
height: 100px;
margin-top: 42px;
}
.main-server .last-status {
display: none;
position: absolute;
left: 22px;
top: 27px;
width: 39px;
height: 27px;
background: url(../images/user-step6-last.png) no-repeat
}
.main-server .inline-block {
display: inline-block;
}
.main-server .user-server-status span {
position: absolute;
left: 104px;
top: 34px;
font-size: 18px;
}
.main-server .server-detail-order {
padding: 20px 0px;
border-bottom: 1px solid #e6e6e6;
}
.main-server .server-detail-order h2 {
padding-left: 20px;
line-height: 30px;
font-weight: normal;
}
.main-server .server-detail-order p {
float: right;
}
.main-server .server-detail-order a {
padding: 0 10px;
}
.main-server .server-detail-step .step {
padding-top: 20px;
margin-left: 40px;
border-left: 1px solid #e6e6e6;
}
.main-server .server-detail-step .step .step-l {
left: 0px;
padding-bottom: 6px;
background-color: #fff;
}
.main-server .step-icon {
display: inline-block;
width: 81px;
height: 84px;
background: url(../images/link-progress-icon.png) no-repeat;
}
.main-server .step-1-icon {
background-position: -1px -1px;
}
.main-server .step-2-icon {
background-position: -252px -1px;
}
.main-server .step-3-icon {
background-position: -503px -1px;
}
.main-server .step-4-icon {
background-position: -754px -1px;
}
.main-server .step-5-icon {
background-position: -1005px -1px;
}
.main-server .step-6-icon {
background-position: -1256px -1px;
}
.main-server .step-0-icon {
background: url(../images/user-step0.png)left top no-repeat;
}
.main-server .server-detail-step .step .step-title {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #555;
}
.main-server .server-detail-step .step-r {
width: 770px;
min-height: 100px;
padding-left: 70px;
padding-bottom: 30px;
border-bottom: 1px solid #e6e6e6;
}
.main-server .server-detail-step .first-step {
margin-top: 38px;
padding-top: 0;
}
.main-server .server-detail-step .step-r-title {
padding-top: 5px;
color: #ff6450;
font-size: 18px;
}
.main-server .server-detail-step .step-r-time {
padding-left: 45px;
color: #888;
font-size: 12px;
font-weight: normal;
}
.main-server .server-detail-step .step-r-content {
padding-top: 15px;
line-height: 26px;
font-size: 14px;
}
.main-server .server-detail-step .step-r-content .step-r-content-ingdan-p {
margin-left: -21px;
padding-left: 20px;
padding: 18px 0px;
background: #fff;
}
.main-server .step .consult-server {
padding: 30px 0px 30px 70px;
border-bottom: 1px solid #e6e6e6;
}
.main-server .step .consult-server p {
line-height: 25px;
color: #888;
font-size: 14px;
}
.main-server .step .step-r dt {
padding: 15px 0;
}
.main-server .step .step-r dt em {
display: inline-block;
width: 20px;
height: 20px;
background: #fe968c;
text-align: center;
line-height: 20px;
font-size: 18px;
font-weight: bold;
color: #fff;
}
.main-server .step .step-r dt span {
padding: 0px 30px 0px 10px;
font-size: 14px;
font-weight: bold;
color: #333;
}
.main-server .step .step-r dl dd {
padding-left: 20px;
line-height: 24px;
font-size: 14px;
}
.main-server .step .step-supplier {
float: left;
width: 195px;
height: 120px;
margin-left: 8px;
padding: 22px;
border: 1px solid #f1f1f1;
}
.main-server .step .step-supplier em {
font-size: 14px;
font-weight: bold;
color: #bbb;
}
.main-server .step .step-supplier span {
color: #bbb;
}
.main-server .step .step-supplier .step-supplier-name {
padding: 17px 0px 8px;
}
.main-server .step .step-supplier .step-supplier-name span,
.main-server .step .step-supplier .step-supplier-phone span {
padding-left: 10px;
}
.main-server .step .step-supplier .step-supplier-i {
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
background: url(../images/link-supplier-icon.png) no-repeat
}
.main-server .step .step-supplier .step-supplier-i1 {
background-position: 0px -1px;
}
.main-server .step .step-supplier .step-supplier-i2 {
background-position: 0px -27px;
}
.main-server .step .step-r dl div.z-sel {
border-color: #fe968c;
}
.main-server .step .step-r dl div.z-sel em {
color: #fa462e
}
.main-server .step .step-r dl div.z-sel span {
color: #555;
}
.main-server .step .step-r dl {
margin-bottom: 15px;
}
.main-server .step-r .step-r-content-ingdan {
min-height: 36px;
padding-bottom: 15px;
padding-left: 70px;
background: url(../images/link-evaluation.png) no-repeat center left;
}
.main-server .step-r .step-r-content-ingdan.good {
background-position: -98px;
}
.main-server .step-r .step-r-content-ingdan.bad {
background-position: -147px;
}
.main-server .star a {
display: inline-block;
width: 18px;
height: 18px;
background: url(../images/link-star.png) no-repeat;
background-position: -1px 0px;
transition: none;
}
.main-server .star a.down-star {
background-position: -20px 0px;
}
.main-server .server-detail-step6 .step-r {
border-bottom: none;
}
.main-server .list-title-mart40 {
margin-top: 40px;
border-bottom: #e6e6e6 1px solid;
}
/* Link服务-需求详情编辑状态 */
.main-server .user-link-detail .skins-btn-confirm {
float: right;
width: 80px;
margin-top: 15px;
}
.main-server .user-link-detail .step-r-title-black {
color: #333;
}
.main-server .user-link-detail .satisfaction {
padding: 20px 0px;
}
.main-server .user-link-detail .satisfaction span {
font-size: 14px;
vertical-align: middle;
}
.main-server .user-link-detail .satisfaction .satisfaction-img {
display: inline-block;
width: 48px;
height: 48px;
margin: 0px 10px;
vertical-align: middle;
background: url(../images/link-evaluation-2.png) no-repeat;
cursor: pointer;
}
.main-server .user-link-detail .satisfaction .good {
background-position: 0 0;
}
.main-server .user-link-detail .satisfaction .bad {
background-position: -49px 0
}
.main-server .user-link-detail .satisfaction .good.z-sel {
background-position: -99px 0;
}
.main-server .user-link-detail .satisfaction .bad.z-sel {
background-position: -148px 0;
}
.main-server .user-link-detail .textarea-ingdan textarea {
width: 724px;
height: 78px;
padding: 20px;
border: 1px solid #f1f1f1;
}
.main-server .user-link-detail .star {
display: inline-block;
}
.main-server .user-link-detail .star i {
font-size: 14px;
font-weight: normal;
color: #555;
}
.main-server .user-link-detail .star a {
vertical-align: top;
transition: none;
}
.main-server .user-link-detail .step-r dt span.star {
padding-top: 10px;
}
.main-server .user-link-detail .evaluation-supplier {
margin-left: -20px;
border: 1px solid #f1f1f1;
}
.main-server .user-link-detail .textarea-supplier textarea {
border: none;
}
.supplier-img .supplier-img-box {
float: left;
padding: 0 0px 20px 20px;
position: relative;
}
.main-server .user-link-detail .server-detail-step6 .step-r {
border-bottom: 1px solid #f1f1f1;
}
.main-server .upload-img {
cursor: pointer;
}
.main-server .user-link-detail .step-supplier {
cursor: pointer;
}
.main-server .user-link-detail .ui-form .in-err {
border-color: #ff6b58;
}
.main-server .user-link-detail .ui-form .textarea-ingdan .err {
bottom: 0;
}
.main-server .user-link-detail .ui-form .textarea-supplier .err {
bottom: -16px;
}
/* 用户身份确定选择弹窗样式 */
.identify-tab {
margin-top: 20px;
}
.identify-tab a {
width: 120px;
height: 40px;
line-height: 40px;
color: #fa462e;
border: 1px solid #ff6450;
}
.skins-btn-identifybtn {
width: 100%;
height: 40px;
line-height: 40px;
margin: 30px 0 20px;
}
/* 供应链知识详情页 */
.main-knowledge .know-content-info .know-content-title {
margin-top: 50px;
}
.main-knowledge .know-content-info .know-content-title p {
text-align: center;
font-size: 24px;
}
.main-knowledge .know-content-info .know-content-title-line {
width: 554px;
height: 2px;
margin: 30px auto 0;
background: #ff0000;
}
.main-knowledge .know-content-info .know-content-p {
margin: 40px 0;
}
.main-knowledge .know-content-info .know-content-p p {
font-size: 14px;
line-height: 26px;
}
.main-knowledge .know-content-info .know-content-img {
text-align: center;
}
/* 弹窗样式 */
.pop-publish {
width: 360px;
height: 240px;
}
.pop-content .skins-btn-margt30 {
margin-top: 30px;
}
.skins-btn-tab-w120 {
width: 120px;
height: 40px;
line-height: 40px;
color: #ff6450;
}
.skins-btn-h40 {
height: 40px;
line-height: 40px;
}
.pop-upgrade {
width: 560px;
height: 335px;
}
.pop-upgrade .content p {
padding: 0 63px 36px 63px;
text-align: left;
color: #333;
}
.pop-upgrade .content a {
margin: 0 20px;
}
.pop-edit-require .skins-btn-block {
display: block;
width: 100%;
}
.pop-edit-require.pop-main {
margin: -242px 0 0 -280px;
}
/* 弹窗-编辑需求 */
/* 编辑需求弹窗 */
.pop-box .demand-type {
position: relative;
margin: 0 auto 14px auto;
width: auto;
}
.pop-box .demand-type-title {
position: relative;
padding: 0 10px;
height: 40px;
margin-bottom: 22px;
background: #fff;
border: 1px solid #dcdcdc;
cursor: pointer;
}
.pop-box .demand-type-title span {
display: block;
line-height: 40px;
text-align: left;
font-size: 14px;
color: #888;
}
.pop-box .demand-type-title i {
position: absolute;
top: 16px;
right: 10px;
border-width: 6px;
border-color: #c8c8c8 transparent transparent transparent;
}
.pop-box .demand-type-box {
display: none;
position: absolute;
top: 42px;
left: 0;
z-index: 100;
padding: 10px;
width: 220px;
background: #fff;
border: 1px solid #dcdcdc;
border-top: 0;
}
.pop-box .demand-type-box.z-sel {
display: block;
}
.pop-box .demand-type-check {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f7f7f7;
}
.pop-box .demand-type-check label {
float: left;
padding: 0 2%;
width: 46%;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #333;
text-align: left;
cursor: pointer;
}
.pop-box .demand-type-check input {
margin-right: 5px;
vertical-align: middle;
}
.pop-box .demand-type-btn .skins-btn {
width: 80px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.pop-edit-require {
width: 480px;
height: 420px;
}
.pop-edit-require .pop-content {
padding: 15px 48px 0px 48px;
}
.pop-edit-require .pop-head {}
.pop-edit-require .demand-details {
width: 363px;
height: 170px;
padding: 10px;
margin-bottom: 8px;
border: 1px solid #dcdcdc;
}
.pop-edit-require .demand-type {
margin: 0;
}
.pop-edit-require .ui-form .in-box .tips {
bottom: 0;
}
/* 供应商-我的业务 */
.supplier-biz-list .user-head {
position: relative;
}
.supplier-biz-list .user-head-status {
position: absolute;
left: 50%;
top: 50%;
width: 110px;
margin-left: -50%;
}
.supplier-biz-list .user-head-status .user-head-status-h3 {
font-size: 18px;
color: #ff6450;
}
.list .skins-btn-gray {
border: 1px solid #f1f1f1;
background: #f1f1f1;
color: #bbb;
}
.list .skins-btn-gray:hover {
border: 1px solid #f1f1f1;
background: #f1f1f1;
color: #bbb;
cursor: text;
}
/* reset.css -cindy 修改资源类型图标对错 */
.resource-icon {
background-position: -1006px -220px;
}
.resource-icon2 {
background-position: -636px -220px;
}
.resource-icon3 {
background-position: -499px -220px;
}
.resource-icon4 {
background-position: -882px -220px;
}
.resource-icon5 {
background-position: -135px -220px;
}
.resource-icon6 {
background-position: -14px -220px;
}
.resource-icon7 {
background-position: -256px -220px;
}
.resource-icon8 {
background-position: -379px -220px;
}
.resource-icon9 {
background-position: -758px -222px;
}
.resource-icon10 {
background-position: -1128px -220px;
}
.skins-btn {
border-radius: 0px;
}
/* reset.css -cindy 修改link进度图标 */
.link-progress .list-title {
margin-top: 30px;
border-bottom: #e6e6e6 1px solid;
}
/* list.css -cindy 修改首页的对接案例表格 */
.list-case .case-table .case-thead40 {
width: 480px;
border-bottom: none;
}
.list-case .case-table .case-table-tdpad30 {
width: 480px;
padding: 0 30px;
text-align: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-bottom: none;
border-left: none;
border-right: none
}
.comment .comment-textarea.in-err {
border: 1px solid #f44d37;
}
.comment .comment-input span {
color: #999;
display: block;
}
/****/
/* 轮播图 */
.slide,
.slide ul,
.slide li {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.slide li {
position: absolute;
top: 0;
left: 0;
display: none;
}
.slide li img {
display: block;
width: 100%;
}
.slide-txt {
display: none;
left: 0;
bottom: 70px;
padding: 10px 30px;
max-width: 460px;
background: rgba(255, 255, 255, 0.2);
}
.slide-txt h3 {
line-height: 1.4em;
font-size: 30px;
color: #fff;
font-weight: normal;
}
.slide-txt p {
line-height: 1.6em;
font-size: 14px;
color: #fff;
}
.slide .prev,
.slide .next {
display: none;
position: absolute;
right: 58px;
bottom: 15px;
z-index: 10;
width: 40px;
height: 40px;
cursor: pointer;
}
.slide .next {
right: 15px;
background-position: -200px 0;
}
/* 圆点 */
.slide-dot span {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 4px;
width: 14px;
height: 14px;
text-indent: -9999px;
font-size: 0;
background: #fff;
cursor: pointer;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slide-dot span:hover,
.slide-dot span.z-sel {
background: #f44d37;
}
/* 供应链知识首页轮播图 */
.main-knowledge-screen .slide .prev,
.main-knowledge-screen .slide .next {
/*display: block;*/
position: absolute;
top: 50%;
margin-top: -50px;
width: 50px;
height: 100px;
line-height: 100px;
font-size: 30px;
color: #333;
text-align: center;
font-weight: bold;
text-decoration: none;
background: #fff;
border-radius: 5px;
}
.main-knowledge-screen .slide .prev,
.main-knowledge-screen .slide .next {
position: absolute;
width: 50px;
height: 50px;
top: 50%;
margin-top: -25px;
background: url(../images/slide-prev-next-btn.png) no-repeat;
text-indent: 10000px;
}
.main-knowledge-screen #slide:hover>.prev,
.main-knowledge-screen #slide:hover>.next {
display: block;
}
.main-knowledge-screen .slide .prev {
left: 10px;
background-position: 0 0;
}
.main-knowledge-screen .slide .next {
right: 10px;
background-position: 0 -52px;
}
/*硬蛋介绍与信息*/
.link-intro,
.link-data {
padding: 30px 7px 22px 10px;
margin: 0 10px;
}
.link-intro {
border-bottom: 1px solid #e6e6e6;
}
.link-data {
padding-top: 23px;
padding-bottom: 0;
}
.link-intro h3,
.link-data h3 {
font-size: 18px;
margin-bottom: 16px;
font-weight: normal;
}
.link-data h3 {
margin-bottom: 11px;
}
.link-intro p,
.link-data p {
line-height: 24px;
font-size: 14px;
color: #888;
}
.link-data p {
line-height: 34px;
}
.link-data .number {
margin: 0 15px;
color: #ff6450;
font-size: 18px;
font-weight: 300;
}
/*站点信息*/
.web-data {
margin: 0px auto;
width: 100%;
height: 100px;
line-height: 100px;
}
.web-data p {
float: left;
/*width: 25%;*/
margin-right: 120px;
text-align: left;
font-size: 16px;
}
.web-data p.last-child {
margin-right: 60px;
}
.web-data p.first-child {
margin-left: 60px;
}
.web-data .number {
margin: 0 10px;
color: #ff6450;
font-size: 20px;
font-weight: 300;
}
/* 硬蛋服务 */
.server-index-top {
height: 85px;
background: rgba(255, 255, 255, .9);
}
.server-case .server-index-top {
background: rgba(255, 255, 255, .9) url(../images/gradient.png)left bottom repeat-x;
}
.server-index-nav {
margin: 45px auto 0;
height: 100%;
/*background: url(../images/wihte90.png); background: rgba(255,255,255,.9);*/
width: 1200px;
}
.server-index-nav a {
position: relative;
padding-left: 105px;
width: 295px;
height: 73px;
border-bottom: 8px solid transparent;
}
.server-index-nav .a2.z-sel {
border-bottom: 8px solid #28b273;
}
.server-index-nav .a1.z-sel,
.server-index-nav .a3.z-sel {
border-bottom: 8px solid #ff6464;
}
.server-index-main {
margin-top: -5px;
}
.server-case .server-index-main {
width: 1200px;
margin: 0 auto;
margin-top: 0;
}
.server-case {
width: 100%;
}
.server-index-nav .server-index-icon {
position: absolute;
top: 0px;
left: 30px;
width: 60px;
height: 60px;
border: 1px solid #555;
border-radius: 50%;
}
.server-index-nav .a1 .server-index-icon {
background-position: -4px -53px;
}
.server-index-nav .a2 .server-index-icon {
background-position: -56px -55px;
}
.server-index-nav .a3 .server-index-icon {
background-position: -117px -53px;
}
.server-index-nav .a1.z-sel .server-index-icon {
background-color: #ff6450;
background-position: -4px -1px;
}
.server-index-nav .a2.z-sel .server-index-icon {
background-color: #28b273;
background-position: -57px -2px;
}
.server-index-nav .a3.z-sel .server-index-icon {
background-color: #ff6450;
background-position: -117px -1px;
}
.server-index-nav .z-sel .server-index-icon {
border: 0;
}
.server-index-nav .icon-triangle {
display: none;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -8px;
border-width: 8px;
}
.server-index-nav .z-sel .icon-triangle {
display: block;
}
.server-index-nav em,
.server-index-nav span {
display: block;
line-height: 28px;
font-size: 14px;
color: #555;
}
.server-index-nav em {
padding-top: 5px;
color: #333;
font-size: 24px;
font-weight: 300;
}
.server-index-nav .a2.z-sel em {
color: #28b273;
}
.server-index-nav .a1.z-sel em,
.server-index-nav .a3.z-sel em {
color: #ff6450;
}
.server-index-item {
display: none;
}
.server-index-item.z-sel {
display: block;
}
/*经验谈内容头部*/
.to-talk {
width: 240px;
height: 265px;
background-color: #f7f7f7;
padding: 35px 20px 30px 20px;
}
.to-talk p {
line-height: 24px;
font-size: 14px;
}
.to-talk .link-exp-title {
font-size: 24px;
color: #333;
margin-bottom: 25px;
}
.to-talk .show-user-count {
margin: 25px 0;
text-align: center;
}
.to-talk .user-count-num {
display: inline-block;
margin: 0 6px;
width: 30px;
height: 35px;
line-height: 35px;
text-align: center;
color: #fff;
background-color: #464856;
font-size: 24px;
}
.to-talk .talk-btn {
margin-top: 30px;
width: 100%;
height: 40px;
line-height: 40px;
}
/* 用户中心-顶部 */
/* .main-user .page-top {
height: 350px;
} */
.user-index-top {
/* height: 350px; */
height: 270px;
margin-bottom: 40px;
background: #f7f7f7;
}
.user-index-head {
/* margin-left: 42px; */
margin-left: 10px;
width: 110px;
height: 110px;
overflow: hidden;
border: 5px solid #fff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
.user-index-head img {
display: block;
width: 100%;
height: 100%;
}
.user-index-top .user-index-info {
/* padding: 55px 0 75px 0; */
padding: 10px 0;
margin: 0 auto;
width: 570px;
}
.user-index-info-right {
width: 380px;
}
.user-index-info-right h2 {
padding: 12px 0;
font-size: 20px;
font-weight: normal;
}
.user-index-info-right .type {
margin-right: 28px;
color: #fa462e;
}
.user-index-info-right .user-head-btn {
padding-top: 14px;
}
.user-index-info-right .user-index-btn {
margin-right: 24px;
width: 118px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
/* 修改个人中心头部-cindy */
.main-user .user-index-top .user-index-info {
width: 710px;
}
.main-user .user-index-info-right {
margin-left: 10px;
}
.main-user .user-index-info .account-personal-icon {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 10px;
vertical-align: middle;
background: url(../../bassets/images/account-personal-icon.png) no-repeat;
}
.main-user .user-index-info-right {
width: 300px;
}
.main-user .user-index-info-ingdan {
padding: 20px 0 10px 10px;
border-left: 1px solid #e6e6e6;
}
.main-user .user-index-info .persional-p-ingdan {
margin-bottom: 45px;
}
.main-user .user-index-info .user-index-info-ingdan a:hover {
color: #ff6450;
}
.main-user .user-index-info p em {
font-size: 18px;
color: #333;
}
.main-user .user-index-info .persional-p-ingdan a {
padding-left: 5px;
}
.main-user .user-index-info p span {
font-size: 14px;
}
.main-user .user-index-info .vip-upgrade {
color: #555;
}
.main-user .user-index-info .vip-upgrade em {
padding-left: 10px;
color: #fa462e;
font-size: 14px;
}
/* 供应商升级后,两个按钮都没有的,头部个人中心修改 */
.main-user .user-index-top.user-index-top-upgraded .user-index-info {
width: 550px;
}
/* .main-user .user-index-top-upgraded .user-index-info-right {
width: 150px;
} */
.main-user .user-index-info-ingdan {
border-left: 1px solid #e6e6e6;
}
.user-index-count {
text-align: center;
}
.user-index-count a {
display: inline-block;
*display: inline;
*zoom: 1;
/* width: 140px; */
height: 50px;
padding: 5px 10px;
margin-bottom: 20px;
border-right: 1px solid #e6e6e6;
}
/* .user-index-count a:nth-child(odd) p{
color: red;
} */
.user-index-count a p{
color: red;
}
.user-index-count p {
font-size: 14px;
color: #888;
}
.user-index-count .num {
margin-bottom: 12px;
text-indent: -2px;
font-size: 24px;
color: #555;
font-family: "Arial";
}
.user-index-count .num:hover {
color: #fa462e;
}
.user-index-count .last {
border-right: 0;
}
/*.user-index-count a:hover .num{color: #fa462e;}*/
/* 用户中心-公共部分 */
.user-center-title {
margin-bottom: 15px;
padding: 15px 0;
font-size: 24px;
font-weight: normal;
border-bottom: 1px solid #e6e6e6;
}
.user-center-title span {
font-size: 12px;
color: #999;
}
.user-center-title a {
color: #ff4e02;
}
.user-center-tab {
margin-bottom: 40px;
height: 32px;
}
.user-center-tab a {
float: left;
padding: 0 16px;
margin-right: 26px;
height: 32px;
line-height: 32px;
font-size: 14px;
}
.user-center-tab a:hover,
.user-center-tab a.z-sel {
background-color: #ff6450;
color: #fff;
}
.user-center-tab .vip-info .tanhao-icon {
display: inline-block;
width: 15px;
height: 15px;
float: left;
margin-top: 8px;
margin-right: 5px;
background-image: url(../images/tanhao-icon.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.user-center-tab a:hover .tanhao-icon,
.user-center-tab a.z-sel .tanhao-icon {
background-position-x: -15px;
}
/* 用户中心-侧边导航 */
.user-center-nav {}
.user-center-nav a {
display: block;
padding: 20px 0 20px 90px;
line-height: 26px;
font-size: 14px;
vertical-align: top;
}
.user-center-nav a:hover,
.user-center-nav a.z-sel {
color: #fa462e;
}
.user-center-nav .icon {
height: 26px;
width: 26px;
margin-right: 30px;
background: url(../images/user-tab-icon.png) no-repeat;
}
.user-center-nav .icon-demand {
background-position: 0px 3px;
}
.user-center-nav .icon-exp {
background-position: 0px -61px;
}
.user-center-nav .icon-fav {
background-position: 0px -126px;
}
.user-center-nav .icon-account {
background-position: 0px -192px;
}
.user-center-nav .icon-coins {
background-position: 0px -257px;
}
.user-center-nav .icon-message {
background-position: 0px -323px;
}
.user-center-nav .icon-exit {
background-position: 0px -387px;
}
.user-center-nav .icon-bizs {
margin-top: -4px;
height: 35px;
background: url(../images/user-index8.png) 0px 0px no-repeat;
}
.user-center-nav .icon-iot {
background: url(../images/iot/user-nav-iot.png) 0px 0px no-repeat;
}
.user-center-nav .icon-tinylink {
background-position: 0px -437px;
}
.user-center-nav .z-sel .icon-demand {
background-position: -61px 3px;
}
.user-center-nav .z-sel .icon-exp {
background-position: -61px -61px;
}
.user-center-nav .z-sel .icon-fav {
background-position: -61px -126px;
}
.user-center-nav .z-sel .icon-account {
background-position: -61px -192px;
}
.user-center-nav .z-sel .icon-coins {
background-position: -61px -257px;
}
.user-center-nav .z-sel .icon-message {
background-position: -61px -323px;
}
.user-center-nav .z-sel .icon-exit {
background-position: -61px -387px;
}
.user-center-nav .z-sel .icon-bizs {
background-image: url(../images/user-index8-choose.png);
}
.user-center-nav .z-sel .icon-iot {
background-image: url(../images/iot/user-nav-iot-choose.png);
}
.user-center-nav .z-sel .icon-tinylink {
background-position: -62px -437px;
;
}
/*弹出层*/
.pop-to-update {
width: 720px;
margin-left: -360px;
}
/*通用样式*/
.font-weight-normal {
font-weight: normal;
}
/* 新手帮助 */
.novice-help-main h2 {
margin-bottom: 15px;
padding-left: 40px;
height: 45px;
line-height: 45px;
font-size: 24px;
font-weight: normal;
background: url(../images/intro/intro-icon-title.png) left center no-repeat;
}
.novice-help-main .tab-nav {
margin-bottom: 30px;
height: 100px;
}
.novice-help-main .tab-nav a {
float: left;
margin-left: 25px;
width: 280px;
height: 98px;
line-height: 108px;
background: #f7f7f7 url(../images/intro/intro-icon1.png) 0px 0px no-repeat;
border-bottom: 2px solid #f7f7f7;
overflow: hidden;
}
.novice-help-main .tab-nav a:first-child {
margin-left: 0;
}
.novice-help-main .tab-nav a.z-sel {
border-color: #ff6450;
}
.novice-help-main .tab-nav span {
display: block;
padding-left: 80px;
font-size: 18px;
color: #555;
}
.novice-help-main .tab-nav .nav2 span {
padding-top: 28px;
line-height: 24px;
}
.novice-help-main .tab-nav .nav2 em {
font-size: 14px;
}
.novice-help-main .tab-nav .nav1 span {
padding-left: 100px;
}
.novice-help-main .tab-nav .nav2 {
background-position: -310px 0px;
}
.novice-help-main .tab-nav .nav3 {
background-position: -620px 0px;
}
.novice-help-main .tab-nav .nav4 {
background-position: -920px 0px;
}
.novice-help-main .tab-nav .nav4 span {
padding-left: 135px;
}
.novice-help-main .tab-main {
padding: 0 120px;
}
.novice-help-main .tab-main dl {
padding: 30px 0 20px 0;
border-top: 1px solid #f1f1f1;
}
.novice-help-main .tab-main dl:first-child {
border-top: none;
}
.novice-help-main .tab-main dt,
.novice-help-main .tab-main dd {
position: relative;
padding-left: 50px;
background: url(../images/intro/icon-q.gif) no-repeat;
}
.novice-help-main .tab-main dt {
margin-bottom: 20px;
line-height: 30px;
font-size: 18px;
}
.novice-help-main .tab-main dd {
min-height: 30px;
line-height: 24px;
font-size: 14px;
color: #555;
background-image: url(../images/intro/icon-a.gif);
}
.novice-help-main .tab-main dd.img {
padding: 0;
background-image: none;
}
.novice-help-main .tab-main img {
display: block;
margin: 20px 0;
width: 100%;
}
/* 服务协议 */
.service-main,
.friend-link {
width: 1040px;
margin: 0 auto;
margin-bottom: 30px;
}
.service-main .pageAbout {
width: 960px;
height: auto;
margin: 0 auto;
margin-left: 0px;
}
.pageAbout header {
text-align: center;
font-size: 24px;
color: #333;
}
.service-main .service-brif {
margin: 20px 0 0;
font-size: 14px;
text-indent: 30px;
line-height: 32px;
}
.pageAbout .abbr {
padding: 10px;
}
.pageAbout .abbr p {
margin: 20px 0 0;
line-height: 32px;
font-size: 14px;
}
.pageAbout .abbr p strong {
font-size: 16px;
display: block;
margin: 5px 0;
}
.pageAbout .abbr p span {
display: block;
margin: 0 0 10px;
}
/* 友情链接 */
.friend-link header,
.faq header,
.policy header {
padding: 20px 0 30px 0;
font-size: 24px;
color: #333;
}
.friend-link figure .link-list {
width: 100%;
margin-top: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #f3f3f3;
}
.friend-link figure .link-item {
float: left;
width: 20%;
}
.friend-link figure a {
font-size: 18px;
color: #555;
font-family: "Microsoft YaHei";
}
.friend-link figure a:hover {
color: #fd6556;
}
/*首页友情链接*/
.foot-flink {
width: 1200px;
overflow: hidden;
margin: 0 auto;
padding: 20px 0 0 0;
}
.foot-flink .flink-list {
width: 1210px;
}
.foot-flink .flink-list a {
display: inline-block;
color: #555;
font-size: 12px;
/*border:1px solid #9f9f9f;*/
padding: 0px 12px;
margin-right: 10px;
height: 28px;
line-height: 28px;
background-color: #f0f0f0;
/*margin-bottom: 10px;*/
}
.foot-flink .flink-list a:nth-child(2) {
margin-left: 10px;
}
.foot-flink .flink-list .all {
margin-right: 0;
border: none;
border-right: 1px solid #cdcdcd;
padding: 0px 10px 0px 23px;
height: 25px;
line-height: 25px;
background: url(../images/icon-flink.png)left 4px no-repeat;
}
/*页面响应式处理*/
/*common*/
@media(min-width: 1199px) {
.head .nav ul {
display: block !important;
}
}
@media(max-width: 1218px) {
/*页面右侧内容作隐藏处理*/
.page-right,
.page-top-right-banner {
display: none;
}
.wrap {
width: 100%;
}
.main {
padding: 35px 20px 90px 20px;
}
.head .ingdan-logo {
margin-left: 20px
}
.head .login {
right: 20px;
}
.list-case .case-table {
width: 100%;
table-layout: fixed;
}
.list-case .case-table tr td,
.list-case .case-table tr th {
width: 20%;
}
.list-case .case-table .case-thead40,
.list-case .case-table .case-table-tdpad30 {
width: auto;
text-align: center;
}
.list-case .case-table tr td.schedule {
padding-left: 0;
text-align: center;
}
.list-case .case-table tr td.user-head {
padding-left: 0;
text-align: center;
}
.list-know .know-list-left {
width: 892px;
overflow: hidden;
margin: 0 auto;
float: none;
height: 190px;
}
.list-know .know-list-left .know-item:last-child {
margin-right: 0px;
}
.list-know .know-list-right {
display: none;
}
.web-data p {
width: 30%;
margin-right: 0;
text-align: center;
}
.web-data p.first-child {
margin-left: 0;
}
.web-data p.last-child {
margin-right: 0
}
.web-data p:nth-child(2) {
width: 40%;
}
.foot-flink,
.foot-flink .flink-list {
width: 100%;
}
}
@media(max-width: 1218px) and (min-width: 1199px) {
.main-index .page-top-left {
width: 74%;
}
.page-top-right {
width: 24%;
}
.demand .demand-nav a {
width: 50%;
}
.list-service .service-step .service-step-item {
width: 44px;
}
.list-service .list-contet-left,
.list-service .list-contet-right {
width: 42%;
}
.list-service .list-contet-left {
margin-right: 0;
}
.list-service .list-contet-right {
float: right;
}
.list-service .type-list .type-item {
width: 119px;
}
.list-service .type-list .type-item:nth-child(3) {
width: 131px;
}
.list-service .type-list .type-item:nth-child(2) {
padding-left: 3px;
padding-right: 5px;
}
.list-iot .hot-goods .item {
width: 21%;
}
}
@media(max-width: 1000px) {
.head .search{
display: none;
}
.head .search-input{
width:130px;
}
}
@media(max-width: 678px) {
.head .nav .toggleBtn {
display: block;
height: 35px;
width: 100%;
background: url(../images/nav.png)right top no-repeat;
}
.head .search,
.head .login .tel,
.main-index .page-top-right {
/*right: 61px;*/
display: none;
}
/*导航nav*/
.head .login {
top: 35px;
}
.head .login .toggle-menu {
display: inline-block !important;
width: 20px;
height: 16px;
margin-left: 20px;
-webkit-animation: .8s rainbow1 infinite alternate;
animation: .5s rainbow1 infinite alternate;
border: 1px solid transparent;
padding: 6px 4px;
background-color: #f0f0f0;
}
.head .login .toggle-menu span {
position: relative;
top: -17px;
left: -1px;
display: inline-block;
width: 22px;
height: 2px;
-webkit-animation: .8s rainbow2 infinite alternate;
animation: .5s rainbow2 infinite alternate;
background-color: #ff6450;
}
.head .login .toggle-menu span:before,
.head .login .toggle-menu span:after {
content: '';
position: absolute;
display: inline-block;
width: 22px;
height: 2px;
-webkit-animation: .8s rainbow2 infinite alternate;
animation: .5s rainbow2 infinite alternate;
background-color: #ff6450;
}
.head .login .toggle-menu span:before {
top: 7px;
}
.head .login .toggle-menu span:after {
top: 14px;
}
@-webkit-keyframes rainbow1 {
0% {
background-color: #f0f0f0;
}
100% {
background-color: #eaeaea;
}
}
@keyframes rainbow1 {
0% {
background-color: #f0f0f0;
}
100% {
background-color: #eaeaea;
}
}
@-webkit-keyframes rainbow2 {
0% {
background-color: #ff6464;
}
100% {
background-color: #ff6450;
}
}
@keyframes rainbow2 {
0% {
background-color: #ff6464;
}
100% {
background-color: #ff6450;
}
}
.head .nav {
top: 103px;
width: 24%;
right: 20px;
z-index: 2;
}
.head .nav ul {
display: none;
width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #f0f0f0;
}
.head .nav li.z-sel {
background: none;
}
.head .nav li a:hover,
.head .nav li.z-sel a {
background-color: #ff6450;
color: #fff;
}
.head .nav li a {
display: block;
background-color: #fff;
}
.head .nav li {
display: inline-block;
height: 50px;
line-height: 50px;
width: 100%;
font-size: 15px;
text-align: center;
color: #fff;
margin-bottom: 1px;
border: none;
border-radius: 0;
background: none;
}
.head .nav li:last-child {
margin-bottom: 0;
}
/*图片轮播*/
.main-index .page-top,
.main-index .page-top .slide,
.main-index .page-top .slide ul li {
width: 100%;
height: auto;
max-height: 358px;
}
.main-index .page-top-left {
width: 100%;
height: 0;
padding-bottom: 40%;
}
.main-index .slide,
.main-index .slide ul,
.main-index .slide li {
overflow: visible;
}
.list-service {
width: 100%;
}
.list-service .list-content {
width: 100%;
height: 100%;
}
.list-service .list-contet-left,
.list-service .list-contet-right {
float: none;
width: 100%;
height: 100%;
display: inline-block;
text-align: left;
}
.list-service .list-contet-left {
margin: 0 0 30px 0;
padding: 0;
}
.list-service .list-contet-right {
padding: 0;
}
.list-service p {
padding: 0 30px;
}
.list-service .type-list,
.list-service .service-step {
width: 504px;
height: 30px;
}
.list-service .service-step {
height: 72px;
}
.list-iot .hot-goods {
width: 96%;
padding: 10px 2%;
}
.list-iot .hot-goods .item {
width: 23.5%;
margin-right: 2%;
box-sizing: border-box;
}
.list-iot .hot-goods .last {
margin-right: 0;
}
.list-iot .hot-goods .info {
width: auto;
}
}
@media(max-width: 945px) {
.web-data {
margin: 10px auto;
}
.web-data p {
width: 50% !important;
text-align: left;
line-height: 60px;
}
.web-data p.last-child {
margin-top: -25px;
}
.list-know .know-list-left {
width: 100%;
}
}
.tips.err{
color: red;
}
.demandName.in-err{
border: 1px solid red;
}
/*处理硬蛋link/IOT超市在移动端的显示*/
.mobile .main-server,
.mobile .main-iot {
width: 1200px;
}
.release-record-btn{
position: relative;
display: inline-block;
}
.release-record-btn .release-record-box{
position: absolute;
left: 0px;
top: 100%;
border: 1px solid #ddd;
display: none;
background-color: #fff;
z-index: 9;
}
.release-record-btn .release-record-box li{
width: 86px;
}
.release-record-btn .release-record-box li:hover{
background-color: #ff6450;
}
.release-record-btn .release-record-box li a{
float: 0;
display: block;
width: 76px;
padding: 0 5px;
margin: 0;
font-size: 13px;
}
/* 需求商机 */
.server-index-item .product-Recommend {
width: 1064px;
margin: 20px auto 10px;
padding: 20px 30px;
border-bottom: 1px solid #ccc;
}
.product-Recommend .hot-product.layout {
position: relative;
width:100%;
text-align: center;
color: #333;
border-width: 1px;
border-collapse: separate;
border-spacing: 0 5px;
}
.product-Recommend .hot-product.layout caption {
font-size: 20px;
font-weight: bold;
}
.product-Recommend .hot-product.layout thead tr {
height: 55px;
}
.product-Recommend .hot-product.layout body tr {
height: 40px;
}
.product-Recommend .hot-product.Pale thead tr th{
font-weight: bold;
padding:0 10px;
text-align:center;
vertical-align:middle;
font-size:15px;
color:#ffcc33;
border:0;
}
.product-Recommend .hot-product.layout tr td {
padding:0 10px;
height: 50px;
font-size:14px;
box-sizing: border-box;
}
.product-Recommend .hot-product.Pale tr td span,
.product-Recommend .hot-product.Pale tr td a{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-Recommend .tr-dark
{
background: -webkit-linear-gradient(top, #656565 0%,#010101 100%) ;
background: -o-linear-gradient(top, #656565 0%,#010101 100%) ;
background: -ms-linear-gradient(top, #656565 0%,#010101 100%) ;
}
.product-Recommend .tr-dark th:first-child {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.product-Recommend .tr-dark th:last-child {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.product-Recommend .hot-product.Pale{
background-color:#fdf2db;
padding:5px 10px;
border-radius: 5px;
}
.product-Recommend .hot-product.Pale.layout{
table-layout:inherit;
}
.product-Recommend .hot-product.Pale .caption{
text-align: center;
color: #ff6633;
}
.product-Recommend .hot-product.Pale tr td:nth-child(n+2) {
border-left:2px solid #fdf2db;
}
.product-Recommend .hot-product.Pale tr:nth-child(odd) td {
background-color:#fdf2db;
}
.product-Recommend .hot-product.Pale tr:nth-child(even) td {
background-color: #d3edd7;
}
.product-Recommend .Pale .dark .color-blue{
color:blue;
}
.product-Recommend .Pale .dark .td-1{
width: 90px;
}
.product-Recommend .Pale .dark .td-2{
width:358px;
}
.product-Recommend .Pale .dark .td-3{
width: 78px;
font-weight: bold;
color: #000;
}
.product-Recommend .Pale .dark .td-4{
width: 80px;
font-weight: bold;
color: #000;
}
.product-Recommend .Pale .dark .td-5{
width: 158px;
}
.product-Recommend .Pale .dark .td-6{
width:105px;
}
.product-Recommend .Pale .dark .td-7{
width: 80px;
color: #f80000;
max-width: 80px;
}
.product-Recommend .Pale .dark .td-8{
width: 70px;
}
.alter-sign{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 5px 10px;
font-size: 16px;
border-radius: 5px;
z-index: 999;
}
.alter-sign.err{
background-color: #f2dede;
color:#a94442;
}
.alter-sign.suc{
background-color: #dff0d8;
color:#3c763d;
}
.pull-left.demanders .tips{
position: absolute;
font-size: 18px;
font-weight: bold;
color: red;
bottom: 20px;
text-align: center;
}
.js-user-type-login .contribute{
display: inline-block;
position: relative;
width: 80px;
text-align: center;
padding: 2px 5px;
}
.js-user-type-login .contribute:hover .subnav{
display: block;
}
.head .contribute.language .subnav {
width: 85px;
top:100%;
left: 3px
}
.head .contribute.language .subnav a{
text-align: center;
text-indent:0;
}
.contribute.language .icon-triangle2{
left: 35px;
}
.main-knowledge .page-left-list .right .name{
display: none;
}
.head-top .tx-msg {
font-size: 14px;
font-weight: bold;
padding: 5px 10px;
margin-right: 10px;
border-radius: 5px;
color: #fff;
background-color: #ff6666;
cursor:pointer;
}
.head-top .go-msg{
font-size: 15px;
}
input#searchKey::placeholder{
color: #ccc;
text-align: center;
}
.head-top .home-search{
display: inline-block;
position: relative;
margin-right: 15px;
}
.sign-blue{
color: #00f;
font-weight: bold;
}
.head .nav li .col-Violet{
font-weight: bold;
color: #884898;
}
/* 留言弹框样式 */
.leaving-message .msg-mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba( 0, 0, 0, 0.5);
}
.leaving-message .msg-form {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 435px;
background-color: #e7f8e7;
border-radius: 5px;
padding-bottom: 15px;
z-index: 999;
}
.leaving-message .msg-table {
width: 100%;
border-spacing: 0;
text-align: center;
}
.leaving-message .msg-table tr:nth-child(2) {
background-color: #d3f1d8;
}
.leaving-message .msg-table tr td {
position: relative;
height: 59px;
}
.leaving-message .msg-table tr td .req {
color: red;
}
.leaving-message .msg-table tr td .bold {
font-size: 18px;
font-weight: bold;
}
.leaving-message .msg-table tr td:first-child {
padding: 0 10px 0 14px;
}
.leaving-message .msg-table tr td label {
margin-right: 36px;
font-size: 18px;
}
.leaving-message .msg-table tr td label:nth-child(4) {
margin: 0;
}
.leaving-message .msg-table tr td input[type="text"] {
width: 330px;
height: 32px;
border: 1px solid #a9a9a9;
box-sizing: border-box;
padding: 0 3px;
margin-right: 10px;
}
.leaving-message .msg-table tr td textarea {
width: 330px;
height: 170px;
resize: none;
border: 1px solid #a9a9a9;
box-sizing: border-box;
padding: 3px;
margin-right: 10px;
}
.leaving-message .msg-table tr td .msg-btn {
display: block;
height: 23px;
line-height: 23px;
font-size: 14px;
font-weight: bold;
color: #fff;
border-radius: 5px;
padding: 5px 14px;
cursor: pointer;
white-space: nowrap;
}
.leaving-message .msg-table tr td .msg-btn.green {
background: -webkit-linear-gradient(top, #64ca33 0%, #000e0b 100%);
background: -o-linear-gradient(top, #64ca33 0%, #000e0b 100%);
background: -moz-linear-gradient(top, #64ca33 0%, #000e0b 100%);
background: linear-gradient(top, #64ca33 0%, #000e0b 100%);
}
.leaving-message .msg-table tr td .msg-btn.balck {
background: -webkit-linear-gradient(top, #656565 0%, #020202 100%);
background: -o-linear-gradient(top, #656565 0%, #020202 100%);
background: -moz-linear-gradient(top, #656565 0%, #020202 100%);
background: linear-gradient(top, #656565 0%, #020202 100%);
}
.Requirement-hints{
position: fixed;
z-index: 9999;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #ff6666;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
font-size: 18px;
}
/* 富文本框兼容问题 */
.edui-editor-bottomContainer .edui-default{
display: none;
}
.company-name{
font-size: 15px;
margin-left: 10px;
vertical-align: top;
}