@charset "utf-8";

body { background: #FFF; margin: 0; padding: 0;}
.wrapper { width: 1200px; margin: 0 auto;}

input[type="text"], input[type="password"], input.text, input.password { font: 12px/18px Arial; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 18px; padding: 3px 1px; border: solid 1px #CCC; outline: 0 none;}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { color: #333; border-color: #75B9F0; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline: 0 none;}
input[type="text"].error, input[type="password"].error, textarea.error { border-color: #ED6C4F; box-shadow: 0 0 0 2px rgba(232, 71, 35, 0.15); outline: 0 none;}
textarea, .textarea { font: 12px/20px Arial; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 60px; padding: 4px; border: solid 1px #CCC; outline: 0 none;}
input.error, input:hover.error, input:focus.error, textarea.error, textarea.error:hover, textarea.error:focus { background-color: #FFBFBF; border: dotted 1px #D90000;}


input[type="file"] {  background-color: #FFF; vertical-align: middle; display: inline-block; width: 206px;}
input[type="button"] { line-height: 22px; color: #555; background-color: #FEFFFF; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFFFF', endColorstr='#F7FCFF'); background-image: -webkit-gradient( linear, left top, left bottom, from(#FEFFFF), to(#F7FCFF)) ; background-image: -moz-linear-gradient(top, #FEFFFF, #F7FCFF); vertical-align: middle; display: inline-block; height: 22px; padding: 0 4px; border: 1px solid; border-color: #DBE9EB #BCD7DA #BCD7DA #DBE9EB; cursor: pointer; box-shadow: 1px 1px 0 rgba(153,153,153,0.15);}
input[type="button"] { *display: inline;}
select, .select { color: #777; background-color: #FFF; height: 26px; vertical-align: middle; *display: inline; padding: 2px; border: solid 1px #CCC; *zoom:1;}
select option, .select option { line-height: 20px; display: block; height: 20px; padding: 2px;}
input[type="checkbox"] { vertical-align: middle; margin-right: 5px;}
label.error { color: #333; line-height: 18px; background: #FFEEEE  url(../images/joinin_pic.png) no-repeat -395px -135px; vertical-align: middle; display: inline-block; height: 18px; padding: 1px 5px 1px 20px; margin-left: 4px; border: solid 1px #FCC;}
label.error { *display: inline;}

/*顶部内容样式*/
.header {
    width: 1200px;
    height: 76px;
    margin: 0 auto;
    display: flex;
}

.header_logo {
    height: 60px;
    text-align: left;
    float: left;
    margin: 16px 80px 0 8px;
}

.header .header_title{
    width: 75px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 76px;
    color: #333333;
    opacity: 1;
}

.head-search-bar {
    width: 594px;
    padding: 8px 0 10px 124px;
}

.head-search-bar .search-form {
    background-color: #EC2116;
    height: 34px;
    padding: 1px;
    border-radius: 2px;
}

.head-search-bar .input-text {
    line-height: 32px;
    color: #555;
    width: 469px;
    height: 28px;
    padding: 3px 1%;
    border: none 0;
    padding-left: 40px;
}
#search .tab{
    display: flex;
}
#search .tab li{
    font-size: 12px;
    font-family: MicrosoftYaHei;
    line-height: 12px;
    color: #EC2116;
    opacity: 1;
    padding: 5px 8px;
    border-radius: 3px 3px 0 0;
}
#search .tab .current{
    background-color: #EC2116;
    color: #fff;
}

#search img {
    padding: 7px 10px;
    width: 20px;
    display: block;
    z-index: 99;
    overflow: hidden;
    position: absolute;
    margin-top: 1px;
    margin-left: 1px;
    background: #fff;
}

#search ul i {
    background: url(../images/top_bg.png) no-repeat 0 0;
    vertical-align: middle;
    display: inline-block;
    width: 10px;
    height: 5px;
    margin-left: 6px;
    -webkit-transition: .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: .2s ease-in;
    top: 18px;
    left: 38px;
    position: absolute;
}

#search ul:hover i {
    FILTER: progid: DXImageTransform . Microsoft . BasicImage(rotation = 2);
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
}
.head-search-bar .input-submit {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    color: #FFF;
    background-color: transparent;
    width: 76px;
    line-height: 36px;
    float: right;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.head-search-bar .keyword {
    line-height: 20px;
    color: #999;
    width: 500px;
    height: 20px;
    margin-top: 2px;
    overflow: hidden;
}

.head-search-bar .keyword ul {
    font-size: 0;
    *word-spacing: -1px /*IE6、7*/;
    vertical-align: top;
    display: inline-block;
    *display: inline /*IE6、7*/;
}

.head-search-bar .keyword ul li {
    font-size: 12px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline /*IE6、7*/;
    margin-right: 12px;
}

.head-search-bar .keyword ul li a {
    -webkit-font-smoothing: antialiased;
    color: #999;
    font: 12px/2 Microsoft YaHei,tahoma,arial,Hevetica,\\5b8b\4f53,sans-serif;
}

.head-search-bar .keyword ul li a:hover {
    text-decoration: none;
    color: #e4393c;
}

.header_logo img {
    max-width: 240px;
    max-height: 47px;
}

.header_menu { height: 24px; float: right; margin-top: 30px}
.header_menu li { text-align: center; float: left;}
.header_menu li a { font: 500 16px/24px "microsoft yahei"; color: #4a90e2; margin: 0 auto;letter-spacing: 1px;}
.header_menu li a i { background: url(../images/ruzhu_question.png) no-repeat; vertical-align: middle; display: inline-block; *display: inline; width: 24px; height: 24px; margin-right: 6px; *zoom: 1;}
.header_menu li a.joinin i { background-position: 0 0;}
.header_menu li a.login i { background-position: -30px 0;}
.header_menu li a.joinin:hover, .header_menu li.current a.joinin { text-decoration: none; color: #27A9E3;}
.header_menu li a.login:hover, .header_menu li.current a.login { text-decoration: none; color: #28B779;}
.header_menu li a.joinin:hover i,
.header_menu li.current a.joinin i { background-position: -90px 0;}
.header_menu li a.login:hover i, 
.header_menu li.current a.login i { background-position: -120px 0;}
.header_line { font-size: 0; line-height: 2px; background-color: #EB2F79; width: 100%; height: 2px;  position: relative; z-index: 1;}
.header_line span { font-size: 0; line-height: 2px; background: url(../images/joinin_pic.png) no-repeat 0 -30px; display: block; /*width: 480px; */height: 2px; margin-left: 20px; position: absolute; z-index: 1; left: 50%; top: 0;}


/* 满屏背静切换焦点图 */
.banner {
    background: url(../images/ruzhu_bg.jpg)no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 772px;
    min-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 1;
    padding-top: 127px;
}

.banner-center-area ,.join-flow-main{
    margin: 0 auto;
    width: 1205px;
    height: 326px;
    background-color: #FFFFFF;
    z-index: -1;
    display: flex;
}

.join-flow-main{
    margin-top: 10px;
    height: 266px;
}

.join-flow-main .join-flow-item .join-flow-step-intro{
    font-size: 18px;
    font-family: MicrosoftYaHei;
    color: #666666;
    padding-top: 30px;
}

.jiantou-right{
    width: 16px;
    height: 25px;
    color: #ececec;
    font-family: serif;
    font-size: 25px;
    padding-top: 132px;
}

.join-flow-main .join-flow-item {
    padding-top: 100px;
    margin: 0 auto;
    width: 230px;
    text-align: center;
}

.join-flow-main .join-flow-item .join-flow-step-icon img{
    height: 61px;
    text-align: center;
}

.join-flow-main-box{
    position: relative;
}

.join-flow-main-box .title-bj img{
    left: 338px;
    width: 203px;
    height: 52px;
    top: 0;
    position: absolute;
}

.banner-center-area .join-type-item{
    background-color: #FFFFFF;
    display: inline-block;
    overflow: hidden;
}
.banner-center-area .join-type-item .top-bg{
	height: 127px;
    width: 603px;
}

.banner-center-area .join-type-item .top-bg .join-type-intro{
	margin: 10px 0 0 0;
}

.banner-center-area .join-type-item.person-item .top-bg{
    background: url(../images/ruzhu_person.png) no-repeat;
    background-size: cover;
}

.banner-center-area .join-type-item.company-item .top-bg{
    background: url(../images/ruzhu_company.png) no-repeat;
    background-size: cover;
}

.banner-center-area .join-type-item .select-join-type-btn-area{
	text-align: center;
    width: 280px;
    height: 76px;
    border-radius: 6px;
    margin: 57px auto;
}

.banner-center-area .join-type-item .select-join-type-btn-area a{
    font-size: 28px;
    font-family: MicrosoftYaHei;
    line-height: 74px;
    color: #FFFFFF;
    opacity: 1;
}

.banner-center-area .join-type-item .select-join-type-btn-area img{
    width: 26px;
    height: 26px;
}

.banner-center-area .join-type-item.person-item .select-join-type-btn-area{
    background: #5890FF;
}

.banner-center-area .join-type-item.company-item .select-join-type-btn-area{
    background: #FE8558;
}

.user-login { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden;}
.user-login h3 { font: 600 16px/24px "microsoft yahei"; color: #FFF; padding: 12px 10px 4px 10px; margin: 0 10px 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.user-login h3 em { font-size: 12px; color: #FC9;}
.user-login dl { font-size: 0; *word-spacing:-1px/*IE6、7*/; padding: 10px 0; margin: 0 10px;}
.user-login dt, .user-login dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.user-login dt { line-height: 28px; color: #FFF; text-align: right; width: 28%; margin-right: 2%;}
.user-login dd { color: #FFF; text-align: left; width: 70%; position: relative; z-index: 1;}
.user-login dd .text { width: 150px; border: none !important; padding: 4px !important;}
.user-login dd .button { font: 600 14px/30px "microsoft yahei"; color: #FFF; background: #FF7F00 none; width: 80px; height: 30px; margin-right: 10px; border: none; border-radius: 4px; cursor: pointer; box-shadow: 2px 2px 0 rgba(0,0,0,0.25);}
.user-login dd a { color: #FFF;}
.user-login label.error { color: #FC6; line-height: 20px; background: none; display: block; padding: 0; margin: 0; border: 0; position: absolute; z-index: 1; top: 26px; left: 2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);}
.user-login .register { color: #CCC; filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#7F000000', endColorstr='#7F000000'); background:rgba(0,0,0,0.5); text-align: center; width: 100%; padding: 10px 0; border-radius: 0 0 5px 5px; position: absolute; z-index: 1; bottom: 0; left: 0;}
.user-login .register a { color: #FF0;}


.user-joinin { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden;}
.user-joinin h3 { font: 600 16px/24px "microsoft yahei"; color: #FFF; padding: 12px 10px 8px 10px; margin: 0 10px 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.user-joinin dl { font-size: 12px; line-height: 22px; color: #FFF; margin: 0 20px;}
.user-joinin dt { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.user-joinin dd { background: url(../images/joinin_pic.png) no-repeat -470px -60px; padding: 10px 0 10px 10px;}
.user-joinin dd a { color: #FFB748;}
.user-joinin .bottom { color: #CCC; filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#7F000000', endColorstr='#7F000000'); background:rgba(0,0,0,0.5); text-align: center; width: 100%; padding: 15px 0; border-radius: 0 0 5px 5px; position: absolute; z-index: 1; bottom: 0; left: 0;}
.user-joinin .bottom a { font: 600 14px/20px "microsoft yahei"; color: #FFF; background: #FF7F00 none; display: inline-block; *display: inline; height: 20px; padding: 5px 10px; margin-right: 10px; border: none; border-radius: 4px; cursor: pointer; box-shadow: 2px 2px 0 rgba(0,0,0,0.25); zoom: 1;}


.full-screen-slides { width: 100%; height: 350px; position: relative; z-index: 1;}
.full-screen-slides li { background-repeat: no-repeat; background-position: center top; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.full-screen-slides-pagination { font-size: 0; *word-spacing:-1px/*IE6、7*/; text-align: center; display: block; list-style:none; width: 100px; height: 10px; margin-left: -50px; position: absolute; z-index: 9; bottom: 15px; left: 50%;}
.full-screen-slides-pagination li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none; width: 12px; height: 12px; margin-left: 8px; filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75); overflow: hidden; border-radius: 6px; cursor: pointer; *zoom: 1;}
.full-screen-slides-pagination a { width:100%; height:100%; padding:0; margin:0; text-indent: -9999px;}
.full-screen-slides-pagination .current { background: #FFF; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);}

.indextip { color: #777; background-color: #EEE; width: 100%; height: 60px;}
.indextip .container { width: 1200px; height: 60px; margin: 0 auto; overflow: hidden;}
.indextip .title { width: 60px; height: 48px; display: inline-block; *display: inline; padding: 6px 12px 6px 24px; *zoom: 1;}
.indextip .title i { background: url(../images/joinin_pic.png) no-repeat -190px 0; display: block; width: 24px; height: 24px; float: left; margin: 0 18px;}
.indextip .title h3 { font: 14px/24px "microsoft yahei"; text-align: center; width: 100%;  height: 24px; clear: both;}
.indextip .content { font: 12px/20px "microsoft yahei"; vertical-align: top; display: inline-block; *display: inline; width: 880px; padding: 10px; *zoom: 1;}

.breadcrumb { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 1200px; height: 20px; padding: 10px 0; margin: 0 auto;}
.breadcrumb span { font-size: 12px; color: #999; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.breadcrumb a { color: #777;}
.breadcrumb .icon-home { background: url(../images/joinin_pic.png) no-repeat -240px 0; width: 16px; height: 16px; margin-right: 4px;}
.breadcrumb .arrow { line-height: 20px; color: #AAAAAA; font-family: "宋体"; margin: 0 6px;}

.main .index-title { font: 600 16px/20px "microsoft yahei"; color: #333; width: 1150px; padding: 5px 15px; margin: 0 auto; border-bottom: dotted 1px #CCC;}
.joinin-index-step { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 800px; height: 110px; margin: 30px auto; overflow: hidden;}
.joinin-index-step span { font-size: 12px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.joinin-index-step span.step { line-height: 20px; text-align: center; width: 80px;}
.joinin-index-step span.step i { background: url(../images/joinin_pic.png) no-repeat; display: block; width: 80px; height: 80px; margin-bottom: 10px;}
.joinin-index-step span.step i.a { background-position: 0 -40px;}
.joinin-index-step span.step i.b { background-position: -80px -40px;}
.joinin-index-step span.step i.c { background-position: -160px -40px;}
.joinin-index-step span.step i.d { background-position: -240px -40px;}
.joinin-index-step span.step i.e { background-position: -320px -40px;}
.joinin-index-step span.arrow { background: url(../images/joinin_pic.png) no-repeat -410px -40px; width: 14px; height: 22px; margin: 0 41px;}

/*页内整体布局*/
.main { width: 1200px; padding: 0; margin: 0 auto 10px auto; overflow: hidden;margin-top: 30px;}
/*左侧边栏菜单*/
.sidebar { width: 190px; float: left; padding-left: 1px;}
.sidebar .sidebar_part01,.sidebar .sidebar_part02{box-shadow: 0 4px 10px 0 rgba(0,0,0,0.10);}
.sidebar .sidebar_part02{margin-top: 12px;}
.sidebar .title { background-color: #ebebeb; height: 42px; margin-top: -1px;}
.sidebar .title h3 { font: 600 14px/20px "microsoft yahei"; color: #333333; height: 20px; padding: 11px 10px;}
.sidebar .content { width: 190px; margin: 0 auto;}
.sidebar .content dl { overflow: hidden;}
.sidebar .content dt { line-height: 20px; font-weight: 600; color: #636262;; min-height: 20px;cursor: default;font-size: 14px; }
.joinin-step ul{padding: 20px 10px;}
.sidebar .content dt.current { color:#ec2e7a;}
.sidebar .content dt i { background: url(../images/joinin_picnosele.png) no-repeat; vertical-align: middle; display: inline-block; *display: inline/*IE7*/; width: 11px; height: 11px; margin-right: 10px; margin-left: 6px; *zoom: 1/*IE7*/;margin-top: -3px;}
.sidebar .content dt.current i.hide {background: url(../images/joinin_pic_sele.png) no-repeat;width: 14px;height: 14px;margin-left: 4px;}
.sidebar .content dt.current i.show { background: url(../images/joinin_pic_sele.png) no-repeat;width: 14px;height: 14px;margin-left: 4px;}
.sidebar .content ul { width: 100%; padding: 6px 0;}
.sidebar .content ul li { padding: 6px 0 6px 16px;}
.sidebar .content ul li a { color: #999;}
.sidebar .content ul li i { background: url(../images/joinin_pic.png) no-repeat -320px 0; vertical-align: middle; display: inline-block; width: 3px; height: 5px; margin-right: 10px; margin-left: 14px;}
.sidebar .content ul li.current { color: #ec2e7a; }
.sidebar .content ul li.current a.current{ color: #ec2e7a; }
/*右侧内容部分*/
.right-layout { width: 1002px;    min-height: 527px; float: right; border: solid 1px #D4D4D4;}
/*申请流程*/
.joinin-step ul { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.joinin-step ul li { font-size: 12px; background: url(../images/joinin_pic.png) no-repeat 0 -130px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; width: 262px; height: 84px; position: relative; z-index: 1; *zoom: 1;}
.joinin-step ul li.step2,.joinin-step ul li.step3,.joinin-step ul li.step4,.joinin-step ul li.step5,.joinin-step ul li.step6 { margin-left: -22px;}
.joinin-step ul li .second { color: #999; text-align: center; width: 120px; height: 20px; margin-left: -60px; position: absolute; z-index: 1; left: 50%;}
.joinin-step ul li.step1 .second { margin-left: -86px;}
.joinin-step ul li.step6 .second { margin-left: -36px;}
/*提示文字*/
.alert { color: #C09853; background-color: #FCF8E3; padding: 8px 35px 8px 14px; margin: 10px auto; border: 1px solid #FBEED5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.alert a { color: #927036; text-decoration: underline;}
.alert h4 { font-size: 16px; font-weight: bold; line-height: 1.5em; margin-bottom: 2px;}
.alert ul { margin-bottom: 10px}
.alert li { margin: 4px 0;}
.alert li em { font-weight: 600; color: #F30; margin: 0 2px;}
.alert i { font-size: 14px; margin-right: 4px; vertical-align: middle;}
/*申请详情提交*/
.joinin-concrete { padding: 19px; border-top: dotted 1px #EEE;}
.joinin-concrete .title { height: 20px; text-align: center; padding: 20px 0;}
.joinin-concrete .title h3 { font: 600 16px/20px "microsoft yahei"; color: #666;}
/*入驻协议*/
.apply-agreement-content { height: 300px; padding: 10px; border: solid 1px #EEE; overflow: auto;}
.apple-agreement { text-align: center; height: 20px; line-height: 20px; margin: 20px 0;}
/*申请表格*/
.joinin-concrete table.all { line-height: 22px; color: #555; width: 100%; margin-top: 20px;}
.joinin-concrete table.all thead th { font: 600 14px/22px "microsoft yahei"; color: #333; height: 22px; padding: 8px 4px; }
.joinin-concrete table.all thead th em { color: #F00; margin-left: 12px;}

.joinin-concrete table.all tbody th { vertical-align: top; text-align: right; width: 150px; height: 22px; padding: 8px 4px;}
.joinin-concrete table.all tbody th i { font-size: 0; background: url(../images/joinin_pic.png) no-repeat -310px -130px; vertical-align: middle; display: inline-block; *display: inline/*IE7*/; width: 7px; height: 7px; margin-right: 6px; overflow: hidden; *zoom: 1;}
.joinin-concrete table.all tbody td { vertical-align: top; text-align: left; height: 20px; padding: 8px 4px;}
.joinin-concrete table.all tbody td span { *display: none/*IE7*/; color: #777; clear: both; margin-top: 10px;}
.joinin-concrete table.all tbody td span.block { display: block;}
.joinin-concrete table.all tbody td p.emphasis { color: #F30;}

.joinin-concrete tabel.all tfoot td { line-height: 20px; height: 20px; padding: 0;}

.joinin-concrete table.type { width: 600px; margin: 0 auto; border: solid 1px #DDD;}
.joinin-concrete table.type thead th { color: #777; text-align: center; background-color: #F7F7F7; width: 25%;}
.joinin-concrete table.type tbody td { text-align: center; border-style: solid; border-width: 1px 1px 0 0; border-color: #DDD #DDD transparent transparent; }
.joinin-concrete table.type tbody td a { color: #F30;}



.joinin-concrete .explain { font: 18px/32px "microsoft yahei"; color: #777; text-align: center; margin: 120px 0 100px 0}

/*底部及按钮*/
.joinin-concrete .bottom { text-align: center; height: 30px; padding: 20px 0 10px 0; border-top: solid 1px #EEE;}
.joinin-concrete .btn { font: normal 12px/20px "microsoft yahei"; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: middle; display: inline-block; height: 20px; padding: 4px 12px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
.joinin-concrete .btn:hover { text-decoration: none; color: #333; background-color: #E6E6E6; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}





.joinin-info { width: 1180px; margin: 10px auto 0 auto; overflow: hidden;}
.joinin-info .tabs-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; background-color: #F5F5F5; width: 1184px; border-bottom: solid 2px #0286D8;}
.joinin-info .tabs-nav li { font: 14px/20px "microsoft yahei"; color: #333; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline; width: 292px; padding: 10px 0; border-right: solid 4px #FFF; *zoom: 1;}
.joinin-info .tabs-nav li.tabs-selected { background-color: #0286D8;}
.joinin-info .tabs-nav li.tabs-selected h3 { color: #FFF; font-weight: 600;}
.joinin-info .tabs-panel { margin: 15px 0;}
.joinin-info .tabs-hide { display: none;}





/*文章新闻内容*/
.article-con { background: #FFF; display: block; padding: 19px; margin-bottom: 10px; overflow: hidden; }
.article-con h1 { font: 600 16px/32px "microsoft yahei"; color: #333; text-align: center; }
.article-con h2 { color: #999; font-size: 12px; padding: 5px 0 20px; margin-bottom: 20px; font-weight: normal; text-align: center; border-bottom: dotted 1px #CCC; }
.article-con .title-bar { border-bottom: solid 1px #E6E6E6; padding-bottom: 15px; margin-bottom: 15px;}
.article-con .title-bar h3 { font: normal 18px/20px "microsoft yahei";}
.article-con .default p { display: block; clear: both; padding: 5px;}
.article-con img { max-width: 740px;}







/*商家入驻表单*/
.joinin-pay { background-color: #FFF; margin-top: 20px;}
.store-joinin { background-color: #FFF; width: 100%; line-height: 20px; margin-bottom: 20px; border-style: solid; border-width: 0 0 1px 1px; border-color: transparent transparent#ddd #ddd; box-shadow: 2px 2px 2px rgba(204,204,204,0.25);}
.store-joinin thead th { font-weight: 600; color: #333; background-color: #e8e8e8; height: 20px; padding: 6px 4px; border-style: solid; border-width: 1px 1px 0 0; border-color: #ddd #ddd transparent transparent;}
.store-joinin tbody th { color: #555555; text-align: right; width: 108px; height: 20px; padding: 6px 4px; border-style: solid; border-width: 1px 1px 0 0; border-color: #ddd #ddd transparent transparent;}
.store-joinin tbody td { color: #333; min-width: 119px; height: 20px; padding: 4px 6px; border-style: solid; border-width: 1px 1px 0 0; border-color:#ddd #ddd transparent transparent;}
.store-joinin tbody td img { max-width: 100px; max-height: 100px; padding: 4px; border: solid 1px #EEE;}
.store-joinin tbody td textarea { width: 400px; height: 100px;}
table.type { width: 700px; border: solid 1px #EEE;}
table.type thead th { color: #555; background-color: #F7F7F7; text-align: center; padding: 4px; border-color: #EEE; }
table.type tbody td { color: #777; text-align: center; padding: 4px; border-color: #EEE;}
table.type tbody td input { width: 60px; padding: 0;}
.joinin-pay .bottom{text-align: center}
.joinin-pay #btn_paying_money_certificate{    padding: 5px 15px;
    margin-bottom: 20px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;}
.joinin-pay #btn_paying_money_certificate:hover{color: #4b90e0;border-color: #4b90e0}

.upload-file{
    position: relative;
    display: block;
    width: 97px;
    height: 63px;
    border: 1px dashed #D3D3D7;
}

.upload-file .upload-icon{
    width: 31px;
    height: 28px;
}

.upload-file img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);
}

.step3ul ul li{
    width: 100px;
    display:inline;
}

.en-top-bg .join-type-intro{
    margin: 2px 0 0 0!important;
}


.head-user-menu {
    font-size: 0;
    *word-spacing: -1px /*IE6、7*/;
    float: right;
    margin: 30px 0 0 50px;
}

.head-user-menu dl {
    font-size: 13px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline /*IE6、7*/;
    margin-right: 10px;
    position: relative;
    z-index: 3;
    *zoom: 1 /*IE6、7*/;
}

.head-user-menu dl.my-pcService {
    width: 108px;
}

.head-user-menu dl.my-cart {
    width: 124px;
}

.head-user-menu dl.my-cart .sub-title h4{
    font-size: 12px;
    color: #666;
    height: 25px;
    line-height: 25px;
}

.head-user-menu dl.hover {
    z-index: 101;
}

.head-user-menu dl dt {
    line-height: 20px;
    color: #555;
    height: 20px;
    padding: 7px;
    border: solid 1px #F0F0F0;
    cursor: pointer;
}

.head-user-menu dl.my-pcService dt {
    width: 95px;
}

.head-user-menu dl.my-cart dt {
    width: 116px;
    font-weight: normal;
    text-align: center;
}

.head-user-menu dl.hover dt {
    background-color: #FFF;
    border-width: 1px;
    border-color: #F0F0F0 #F0F0F0 #FFF #F0F0F0;
}

.head-user-menu .my-pcService dt span.ico {
    background: url(../images/member_top.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 16px;
}

.head-user-menu .my-cart dt span.ico {
    background: url(../images/member_cart.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 16px;
}

.head-user-menu dl.my-pcService span.ico {
    margin-top: -3px;
    margin-right: 4px;
}
.head-user-menu dl.my-cart a{
    display: inline-block;
    vertical-align: middle;
}
.head-user-menu dl.my-cart i {
    margin-right: 6px;
    font-size: 15px;
    vertical-align: middle;
    font-weight: bold;
}
.head-user-menu dl.my-cart span{
    color: #202020;
    vertical-align: middle;
    font-size: 12px;
}

.head-user-menu dl dd {
    background-color: #FFF;
    display: none;
    border: solid 1px #F0F0F0;
    position: absolute;
    z-index: 1;
    top: 44px;
    right: 60px;
}

.head-user-menu dl.my-pcService dd {
    width: 308px;
}

.head-user-menu dl.my-cart dd {
    width: 320px;
}

.head-user-menu dl.hover dd {
    display: block;
}

.head-user-menu dl dd a {
    color: #747474;
}

.head-user-menu a.arrow i {
    background: url(../images/top_bg.png) no-repeat -150px 0;
    vertical-align: middle;
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 4px;
}

.head-user-menu dl dd .goods-thumb {
    width: 50px;
    height: 50px;
}

.head-user-menu dl dd .goods-thumb a {
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    *display: block;
    width: 50px;
    height: 50px;
    border: solid 1px #DDD;
    overflow: hidden;
}

.head-user-menu dl dd .goods-thumb img {
    max-width: 50px;
    max-height: 50px;
    margin-top: expression(48-this.height/2);
    *margin-top: expression(24-this.height/2);
}

.head-user-menu dl dd .sub-title {
    line-height: 25px;
    height: 25px;
    margin: 6px 8px;
}

.head-user-menu .my-pcService dd .user-centent-menu ul li a span {
    color: #e4393c;
}

.head-user-menu dl dd .sub-title h4 {
    font-weight: 600;
    float: left;
}

.head-user-menu dl dd .sub-title a {
    float: right;
}

.head-user-menu dl dd .user-centent-menu {
    width: 308px;
    padding: 8px 0;
    overflow: hidden;
}

.head-user-menu dl dd .user-centent-menu ul {
    width: 310px;
    margin-left: -2px;
}

.head-user-menu dl dd .user-centent-menu ul li {
    width: 138px;
    float: left;
    padding: 4px 0 4px 16px;
    border-left: solid 1px #EEE;
}

.incart-goods-box .incart-goods dl .handle em a {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.head-user-menu dl dd .browse-history {
    background-color: #FAFAFA;
    width: 308px;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #DDD transparent transparent;
}

.head-user-menu dl dd .browse-history .part-title {
    height: 20px;
    padding: 6px 8px;
}

.head-user-menu dl dd .browse-history .part-title h4 {
    float: left;
}

.head-user-menu dl dd .browse-history .part-title a {
    float: right;
}

.head-user-menu dl dd .browse-history ul {
    font-size: 0;
    *word-spacing: -1px /*IE6、7*/;
    padding: 0 7px 7px 7px;
}

.head-user-menu dl dd .browse-history ul li {
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline /*IE6、7*/;
    margin: 0 4px;
    *zoom: 1;
}

.head-user-menu dl dd .browse-history .no-goods {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 12px;
}

.head-user-menu dl dd .incart-goods-box {
    display: block;
    width: 320px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    max-height: 344px;
    background: #fff;
}

.head-user-menu dl dd .incart-goods {
    text-align: center;
    width: 100%;
}

.head-user-menu dl dd .incart-goods .no-order {
    margin: 20px 0;
}

.head-user-menu dl dd .incart-goods .loading {
    width: 16px;
    height: 16px;
    margin: 20px auto;
}

.head-user-menu dl dd .incart-goods dl {
    display: block;
    width: 100%;
    height: 66px;
    clear: both;
    border-bottom: dotted 1px #DDD;
    position: relative;
    z-index: 1;
}

.head-user-menu dl dd .incart-goods dt, .head-user-menu dl dd .incart-goods dd {
    background-color: transparent;
    border: 0;
    position: absolute;
    z-index: 1;
}

.head-user-menu dl dd .incart-goods dt.goods-name {
    line-height: 16px;
    background-color: transparent;
    text-align: left;
    width: 120px;
    height: 48px;
    padding: 0;
    top: 8px;
    left: 70px;
    overflow: hidden;
    font-size: 12px;
    color: #666;
}

.head-user-menu dl dd .incart-goods dt.goods-name a {
    color: #333;
    line-height: 17px;
}
.head-user-menu dl dd .incart-goods dt.goods-name a:hover{
    color: #D90311;
}
.head-user-menu dl dd .incart-goods dd.goods-thumb {
    top: 8px;
    left: 10px;
}

.head-user-menu dl dd .incart-goods dd.goods-price {
    text-align: right;
    width: 100px;
    height: 16px;
    top: 6px;
    right: 12px;
}

.head-user-menu dl dd .incart-goods dd.goods-price em {
    font-size: 11px !important;
    font-weight: 600;
    line-height: 16px;
    color: #666 !important;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    width: 50px;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

.head-user-menu dl dd .incart-goods dd.goods-sales {
    line-height: 16px;
    color: #999;
    background-color: transparent;
    width: 270px;
    height: 16px;
    top: 42px;
    left: 64px;
}

.head-user-menu dl dd .incart-goods dd.handle {
    width: 32px;
    top: 22px;
    right: 10px;
}

.head-user-menu dl dd .checkout {
    background-color: #F0F0F0;
    text-align: right;
    padding: 8px;
    overflow: hidden;
}

.head-user-menu dl dd .checkout .total-price {
    line-height: 26px;
    display: block;
    float: left;
}

.head-user-menu dl dd .checkout .total-price i {
    font-weight: 700;
    color: #666;
    margin: 0 4px;
}

.head-user-menu dl dd .checkout .total-price em {
    font-family:Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #666;
}

.head-user-menu dl dd .checkout .btn-cart {
    float: right;
    line-height: 20px;
    color: #FFF;
    background-color: #da0011;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
}

.head-user-menu dl .addcart-goods-num {
    font: 12px/15px Verdana;
    color: #FFF!important;
    background: #EC2116;
    text-align: center;
    display: inline-block;
    height: 16px;
    min-width: 16px;
    max-width: auto !important;
    border: none 0;
    border-radius: 8px;
    vertical-align: middle;
    margin-left: 10px;
}