@charset "utf-8";
/* CSS Document */

#toTop {
    display: none;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url("../image/to-top.png") no-repeat;
    position: fixed;
    bottom: 28px;
    right: 10px;
}

.page {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    padding: 40px 0;
    vertical-align: top;
    text-align: right;
}

.page a, .page span, .page .page-go {
    text-align: center;
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #9b9b9b;
    font-size: 16px;
    background: #ffffff;
    margin: 0 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #8c3915;
    vertical-align: top;
}

.page a:hover, .page a.cur {
    color: #ffffff;
    background-color: #8c3915;
    border: solid 1px #8c3915;
}

.page .page-prev, .page .page-next {
    width: 48px;
}

.page span {
    width: auto;
    border: 0;
    color: #9b9b9b;
    background-color: transparent;
    font-weight: normal;
    margin-left: 36px;
}

.page form {
    display: inline-block;
    vertical-align: top;
}

.page .pageNum {
    display: inline-block;
    width: 48px;
    height: 20px;
    line-height: 20px;
    padding: 8px 0;
    text-align: center;
    border: solid 1px #8c3915;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 20px;
    background-color: transparent;
    vertical-align: top;
}

.page .page-go {
    cursor: pointer;
}

.page input:focus {
    outline: none;
}

.crumbs {
    width: 1160px;
    height: 20px;
    line-height: 20px;
    margin: 25px auto 0;
    padding: 0 20px;
    color: #666666;
}

.crumbs i {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 3px 8px 0 0;
}

.crumbs a {
    color: #666666;
}

.crumbs a:hover {
    color: #FF2626;
}

/*login-page*/
#login-header {
    background: none;
}

.login-header {
    width: 1200px;
    padding: 0;
}

.login-header .nav {
    margin-top: 32px;
}

.login-header .nav a {
    color: #666666;
    font-weight: normal;
}

.login-header .nav a:hover {
    color: #465F7E;
}

.login-content {
    background: url(../image/index_b1_img.jpg) no-repeat 0 0;
}

#login-top {
    width: 100%;
    min-width: 1200px;
    height: 1030px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../image/z_copy_02.jpg) no-repeat center 0;
}

#login-top .login-dialog {
    width: 280px;
    height: 520px;
    margin: 0 auto;
    margin-top: 78px;
    padding: 0 55px;
    background: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 2px 20px #000000;
    -webkit-box-shadow: 0px 2px 20px #000000;
    box-shadow: 0px 2px 20px #000000;
}

#login-top .login-dialog h2 {
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #666666;
    font-weight: normal;
    font-size: 20px;
    padding-bottom: 2px;
    padding-top: 20px;
}

#login-top .login-dialog .user {
    width: 278px;
    height: 42px;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#login-top .login-dialog .user.name, #login-top .login-dialog .user.pwd {
    border: solid 1px #cdcdcd;
    color: #9b9b9b;
}

#login-top .login-dialog .user .txt {
    display: inline-block;
    width: 60px;
    line-height: 40px;
    color: #9b9b9b;
    text-align: right;
    vertical-align: top;
}

#login-top .login-dialog .user input[type=text], #login-top .login-dialog .user input[type=password] {
    width: 200px;
    height: 22px;
    line-height: 22px;
    border: none;
    outline: none;
    padding: 9px 5px;
}

#login-top .login-dialog .user .login-submit {
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    padding: 0;
    color:#fff;
    border:1px #e47d01 solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-image: -webkit-linear-gradient(to top, #f08401, #f29628);
background-color:#f08401;
    background-image:linear-gradient(to top,#f08401, #f29628);
    cursor: pointer;
}
#login-top .login-dialog .user .login-submit:hover{
    background-image:-webkit-linear-gradient(to top, #f08401, #f08401);
    background-image:linear-gradient(to top,#f08401, #f08401)
}
#login-top .login-dialog .user .login-submit:active{
	background-image:-webkit-linear-gradient(to top, #e37e04, #e37e04);
    background-image:linear-gradient(to top,#e37e04, #e37e04)
}
#login-top .login-dialog .forgetPwd {
    height: 20px;
    line-height: 20px;
    margin-top: 6px;
    padding: 0 10px;
}

#login-top .login-dialog .forgetPwd span {
    color: #9b9b9b;
}

#login-top .login-dialog .forgetPwd input {
    float: left;
    margin: 4px 6px 0 0;
}

#login-top .login-dialog .forgetPwd a {
    color: #9b9b9b;
}

#login-top .login-dialog h4 {
    width: 356px;
    margin-left: -38px;
    height: 20px;
    line-height: 20px;
    margin-top: 40px;
    text-align: center;
    color: #9b9b9b;
    font-size: 12px;
    font-weight: normal;
    background: url(../image/zone.png) repeat-x 0 center;
}

#login-top .login-dialog h4 span {
    display: inline-block;
    padding: 0 20px;
    background: #ffffff;
}

#login-top .login-dialog .login-cate {
    width: 270px;
    height: 50px;
    overflow: hidden;
    margin: 20px auto 0;
}

#login-top .login-dialog .login-cate a {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 20px;
    background: url("../image/login_icon.png") no-repeat;
}

#login-top .login-dialog .login-cate .qq {
    background-position: 0 -50px;
}

#login-top .login-dialog .login-cate .weibo {
    background-position: 0 0;
}

#login-top .login-dialog .login-cate .weixin {
    background-position: 0 -100px;
}

#login-top .login-dialog .register {
    margin-top: 20px;
}

#login-top .login-dialog .register a {
    display: block;
    width: 276px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #f29628;
    border: 1px solid #f29628;
}

#login-top .login-dialog .msg-error {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #e4393c;
    text-indent: 20px;
}

/*register-page*/
#register-content {
    width: 100%;
    min-width: 1200px;
    height: auto;
    overflow: hidden;
    background-color: none;
}

.register-content {
    width: 1000px;
    height: auto;
    overflow: hidden;
    padding: 30px 0 40px;
    margin: 0 auto;
}

.steps {
    margin-bottom: 10px
}

.steps ul {

}

.steps li {
    position: relative;
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    background-color: #9b9b9b;
}

.steps li .tab_status {
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 50px;
    background: url("../image/tab_status.png") 0 -100px no-repeat
}

/*.steps li.step_1{z-index:4;width:280px}
.steps li.step_2{z-index:3;width:290px}
.steps li.step_3{z-index:2;width:310px}*/
.steps li.step_5 {
    border-right: 0;
    width: 200px;
}

.steps li.visited, .steps li.visited_pre {
    background: #8c3915;
}

.steps li.step_1.visited_pre, .steps li.step_1.active {
    background: url("../image/partone.png") no-repeat;
    background-size: 199px 50px;
    color: #fff;
}

.steps li.step_2.visited_pre, .steps li.step_2.active {
    background: url("../image/partwo.png") no-repeat;
    background-size: 199px 50px;
    color: #fff;
}

.steps li.step_3.visited_pre, .steps li.step_3.active {
    background: url("../image/parthree.png") no-repeat;
    background-size: 199px 50px;
    color: #fff;
}

.steps li.step_4.visited_pre, .steps li.step_4.active {
    background: url("../image/partfour.png") no-repeat;
    background-size: 199px 50px;
    color: #fff;
}

.steps li.step_5.visited_pre, .steps li.step_5.active {
    background: url("../image/partfive.png") no-repeat;
    background-size: 199px 50px;
    color: #fff;
}

.steps li.step_1 {
    background: url("../image/partone_.png") no-repeat;
    background-size: 199px 50px;
    color: #797979;
}

.steps li.step_2 {
    background: url("../image/partwo_.png") no-repeat;
    background-size: 199px 50px;
    color: #797979;
}

.steps li.step_3 {
    background: url("../image/parthree_.png") no-repeat;
    background-size: 199px 50px;
    color: #797979;
}

.steps li.step_4 {
    background: url("../image/partfour_.png") no-repeat;
    background-size: 199px 50px;
    color: #797979;
}

.steps li.step_5 {
    background: url("../image/partfive_.png") no-repeat;
    background-size: 199px 50px;
    color: #797979;
}

.steps ul.lm li.step_1.visited_pre, .steps ul.lm li.step_1.active {
    background: url("../image/partone.png") no-repeat;
    background-size: 246px 50px;
    color: #fff;
}

.steps ul.lm li.step_2.visited_pre, .steps ul.lm li.step_2.active {
    background: url("../image/partwo.png") no-repeat;
    background-size: 246px 50px;
    color: #fff;
}

.steps ul.lm li.step_3.visited_pre, .steps ul.lm li.step_3.active {
    background: url("../image/parthree.png") no-repeat;
    background-size: 246px 50px;
    color: #fff;
}

.steps ul.lm li.step_4.visited_pre, .steps ul.lm li.step_4.active {
    background: url("../image/partfive.png") no-repeat;
    background-size: 246px 50px;
    color: #fff;
}

.steps ul.lm li.step_1 {
    background: url("../image/partone_.png") no-repeat;
    background-size: 246px 50px;
    color: #797979;
}

.steps ul.lm li.step_2 {
    background: url("../image/partwo_.png") no-repeat;
    background-size: 246px 50px;
    color: #797979;
}

.steps ul.lm li.step_3 {
    background: url("../image/parthree_.png") no-repeat;
    background-size: 246px 50px;
    color: #797979;
}

.steps ul.lm li.step_4 {
    background: url("../image/partfive_.png") no-repeat;
    background-size: 246px 50px;
    color: #797979;
}

.steps li.visited .tab_status {
    background-position: 0 0
}

.steps li.visited_pre .tab_status {
    background-position: 0 0;
}

.steps li.active {
    background: #8c3915;
    width: 198px;
}

.steps li.active .tab_status {
    background-position: 0 -50px
}

.steps li.finish {
    background: url("../image/partfour.png") no-repeat;
    background-size: 199px 50px;
    color: #fff;
}

.tab_status {
    background-position: 0 -150px
}

.steps li.end {
    background: url("../image/partfive.png") no-repeat;
    background-size: 199px 50px;
    color: #fff;
}

.steps li, .steps li .tab_status {
    cursor: default;
}

.register-content h1 {
    height: 40px;
    line-height: 40px;
    padding-top: 8px;
    color: #333;
    font-size: 20px;
    padding-left: 38px;
    font-weight: normal;
}

.register-content .part1 {
    margin-bottom: 38px;
}

.register-content .part3 {
    margin-top: 38px;
}

.register-part {
    padding: 38px 152px 38px 35px;
    background-color: #ffffff;
    border: 1px solid #cacacb;
}

.register-part dl {
    padding: 10px 0;
    font-size: 14px;
}

.register-part dt {
    width: 102px;
    float: left;
    text-align: right;
    padding-right: 20px;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

.register-part dd {
    width: 670px;
    float: left;
}

.register-part dd input[type=text], .register-part dd input[type=password] {
    float: left;
    width: 300px;
    height: 22px;
    line-height: 22px;
    padding: 6px 10px;
    border: solid 1px #cccccc;
    border-radius: 4px;
}

.register-part dd input.input-code {
    width: 170px;
}

.register-part dd .send-code {
    width: 110px;
    height: 36px;
    background-color: #c100a8;
    text-align: center;
    color: #ffffff;
    border: none;
    margin-left: 20px;
    cursor: pointer;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.register-part dd .placeholder {
    color: #9b9b9b;
}

.register-part dd .error-msg {
    color: #FF0000;
    font-size: 12px;
    margin-left: 20px;
    padding-left: 20px;
    background: url("../image/error-icon1.png") no-repeat;
}

.register-part.part1 dl, .register-part.part1 dt, .register-part.part1 dd {
    height: 38px;
    line-height: 38px;
}

.register-part.part2 dl, .register-part.part12 dt, .register-part.part2 dd {
    height: 42px;
    line-height: 42px;
}

.register-part.part1 dd {
    position: relative;
}

.register-part.part1 dd .placeholder {
    position: absolute;
    left: 11px;
    top: 0;
    visibility: hidden;
}

.register-part.part1 .showPlaceholder .placeholder {
    visibility: visible;
    cursor: text;
}

.register-part.part2 dl {
    padding: 34px 0;
    border-top: 1px solid #cccccc;
}

.register-part.part2 dl:first-child {
    border-top: 0;
}

.register-part.part2 dd label {
    display: block;
    float: left;
    height: 42px;
    overflow: hidden;
    margin-left: 20px;
    cursor: pointer;
}

.register-part.part2 dd label span {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    color: #9b9b9b;
    font-size: 14px;
    border:1px #ddd solid;
    background-color:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

.register-part.part2 dd label input {
    position: absolute;
    left: -9999px;
}

.register-part.part2 dd label span {
    background-position: 0 0;
}

.register-part.part2 dd label.selected span {
    background-color:#c100a8;
    border-color: #c100a8;
    color: #ffffff;
}


.register-part .part-item.wx_info{
	height:60px;
}
.register-part .part-item.wx_info .part-item-tit{
	line-height:60px;
}
.register-part .part-item.wx_info .headimg{
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	margin-right:5px;
	border-radius: 50%;
	overflow: hidden;
}
.register-part .part-item.wx_info .headimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.register-content .register-submit {
    display: block;
    width: 280px;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    margin: 64px auto;
    color:#fff;
    border:1px #e47d01 solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-image: -webkit-linear-gradient(to top, #f08401, #f29628);
background-color:#f08401;
    background-image:linear-gradient(to top,#f08401, #f29628);
    cursor: pointer;
}

.register-content .register-submit:hover{
    background-image:-webkit-linear-gradient(to top, #f08401, #f08401);
    background-image:linear-gradient(to top,#f08401, #f08401)
}
.register-content .register-submit:active{
	background-image:-webkit-linear-gradient(to top, #e37e04, #e37e04);
    background-image:linear-gradient(to top,#e37e04, #e37e04)
}
.register-part.part3 {
    padding: 20px 30px;
}

.register-part .part3-box1 {
    border-bottom: solid 1px #D9D9D9;
    width: 848px;
    margin: 0 auto;
    height: 214px;
}

.register-part .part3-box1 .register-text {
    position: relative;
}

.register-part .part3-box1 .register-text i {
    display: block;
    width: 46px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../image/register-icon3.png") no-repeat;
}

.register-part .part3-box1 .register-text p {
    line-height: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 68px;
    font-size: 20px;
    font-weight: bold;
    color: #4a4a4a;
}

.register-part .part3-box1 .register-text p.f12 {
    font-size: 14px;
    position: static;
    text-align: left;
    line-height: 1;
    height: 16px;
    font-weight: normal;
}

.register-part .part3-box1 .register-text .f12 a {
    color: #8c3915;
    margin-right: 18px;
}

.register-part .part3-box1 .register-text .f12 a:hove r {
    text-decoration: underline;
}

.register-part .part3-box1 .register-text .f12 .lightred {
    color: #f04344;
    float: right;
}

.register-part .part3-box2 {
    padding: 38px 0;
    width: 848px;
    margin: 0 auto;
}
.register-part .part3-box2 .f12{
    position: relative;
}
.register-part .part3-box2 .f12 .lightred {

    display: inline-block;
    padding: 0 15px;
    margin: 15px auto 0 auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 20px;
    color:#fff!important;
    border:1px #e47d01 solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-image: -webkit-linear-gradient(to top, #f08401, #f29628);
    background-color:#f08401;
    background-image:linear-gradient(to top,#f08401, #f29628);
    cursor: pointer;
}
.part3-box2 .bdsharebuttonbox {
    height: 50x;
    width: 270px;
    float: left;
}

.part3-box2 .bdsharebuttonbox span {
    float: left;
    line-height: 30px;
}

#share_group {
    height: 50px;
    line-height: 50px;
}

#share_group span {
    float: left;
    color: #000000;
    font-size: 16px;
    width: 60px;
}

#share_group .bdshare-button-style0-16 a {
    padding-left: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    margin-right: 40px;
    background-image: url(../image/login_icon.png);
    background-repeat: no-repeat;
}

#share_group .bdshare-button-style0-16 a.bds_tsina {
    background-position: 0 0;
}

#share_group .bdshare-button-style0-16 a.bds_sqq {
    background-position: 0 -50px;
}

#share_group .bdshare-button-style0-16 a.bds_weixin {
    background-position: 0 -100px;
}

#share_group .a_friend {
    background: url(../image/login_icon.png) no-repeat 0 -150px;
    float: left;
    width: 50px;
    height: 50px;
}

#share_group .bdsharebuttonbox {
    float: left;
}

.register-content .btn-submit {
    display: block;
    width: 280px;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    color:#fff;
    border:1px #e47d01 solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-image: -webkit-linear-gradient(to top, #f08401, #f29628);
background-color:#f08401;
    background-image:linear-gradient(to top,#f08401, #f29628);
    cursor: pointer;
}
.register-content .btn-submit:hover{
    background-image:-webkit-linear-gradient(to top, #f08401, #f08401);
    background-image:linear-gradient(to top,#f08401, #f08401)
}
.register-content .btn-submit:active{
	background-image:-webkit-linear-gradient(to top, #e37e04, #e37e04);
    background-image:linear-gradient(to top,#e37e04, #e37e04)
}

/*user-activity*/
.crumb {
    padding-left: 40px;
    width: 1140px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 14px;
    padding-top: 9px;
    color: #9b9b9b;
    margin-top:40px;
}

.user-content {
    width: 1180px;
    height: auto;
    overflow: hidden;
    padding: 0 10px;
    margin: 0px auto 80px;
}

.user-left, .user-right {
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border: solid 1px #cdcdcd;
}

.user-right .page {
    text-align: center;
}

.user-left {
    width: 280px;
    padding: 20px 19px;
}

.user-left .user-info {
    height: 120px;
    overflow: hidden;
    margin: 0 auto
}

.user-left .user-photo {
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.user-left .user-photo, .user-left .user-photo img {
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
}

.user-left .info {
    float: right;
    width: 140px;
    height: auto;
    overflow: hidden;
}

.user-left .user-info h3 {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-top: 30px;
}

.user-left .user-info h4 {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    margin-top: 8px;
}

.user-left .user-menu {
    width: 100%;
    margin-top: 40px;
    padding-bottom: 40px;
}

.user-left .user-menu a {
    display: block;
    width: 278px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    background: #ffffff;
    border: solid 1px #ddd;
    margin-top: 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.user-left .user-menu a.cur, .user-left .user-menu a:hover {
    color: #c100a8;
    border: solid 1px #c100a8;
}

.user-left .user-menu a.setting {
    width: 138px;
    height: 38px;
    line-height: 38px;
    margin: 10px auto 0;
}

.user-left .user-menu a.setting:first-child {
    margin-top: 20px;
}

.user-left .user-menu a.setting:hover, .user-left .user-menu a.setting.cur {
    color: #ffffff;
    background-color: #c100a8;
    border: solid 1px #c100a8;
}

.user-right {
    width: 800px;
    min-height: 500px;
    padding: 30px 19px;
}

.user-right .user-part .null_info {
    padding: 191px 20px 156px;
    text-align: center;
}

.user-right .null_info h3 {
    display: inline-block;
    *display: inline;
    *height: 48px;
    *zoom: 1;
    line-height: 46px;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 0 72px;
    background: url("../image/null-icon.png") no-repeat 0 0;
}

.user-right .user-part .null_info h3 a {
    color: #f04344;
}

.user-right .user-part .null_info h3 a:hover {
    text-decoration: underline;
}

.user-right .user-tab {
    width: 100%;
    height: 40px;
    line-height: 38px;
}

.user-right .user-tab > a {
    float: left;
    width: 138px;
    height: 38px;
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    background: #ffffff;
    border: solid 1px #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.user-right .user-tab > a.cur {
    color: #ffffff;
    background-color: #f08300;
    border: solid 1px #f08300;
}

.user-part1 .in-activity {
    width: 885px;
    margin-right: -18px;
}

.user-part1 .in-activity li {
    border: solid 1px #D9D9D9;
    border-bottom-width: 3px;
    margin-right: 18px;
    position: relative;
}

.user-part ul li .close-btn {
    display: none;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url("../image/deletebtn.png") no-repeat;
    position: absolute;
}

.user-part1 .in-activity li .close-btn {
    bottom: 18px;
    right: 18px;
}

.user-part .page {
    height: 40px;
}

.user-part .page a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
}

.user-part .page a:hover, .user-part .page a.cur {
    border: solid 1px #8c3915;
    background-color: #8c3915;
}

.user-part .page .pageNum {
    height: 22px;
    line-height: 22px;
    border: solid 1px #8c3915;
}

.user-part .page .page-go {
    width: 48px;
    height: 38px;
    line-height: 38px;
}

.user-part2 .venues-list {
    width: 891px;
    margin-right: -24px;
}

.user-part2 .venues-list li {
    width: 388px;
    border: solid 1px #D9D9D9;
    margin-top: 25px;
    position: relative;
}

.user-part2 .venues-list li .info {
    width: 273px;
}

.user-part2 .venues-list li .close-btn {
    bottom: 10px;
    right: 10px;
}

.user-part3 .group-list {
    padding-top: 0;
}

.user-part3 .group-list ul {
    width: 885px;
    margin-right: -18px;
}

.user-part3 .group-list li {
    border: solid 1px #D9D9D9;
    border-bottom-width: 3px;
    margin-top: 25px;
    margin-right: 18px;
    position: relative;
}

.user-part3 .group-list li .close-btn {
    bottom: 18px;
    right: 10px;
}

.user-part-b li .btn {
    display: block;
    position: absolute;
    right: 20px;
    width: 98px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    outline: none;
}



.user-part-b li .btn-red {
    color: #f04344;
    border: solid 1px #cdcdcd;
}

.user-part-b li .btn-red:hover {
    border: solid 1px #e60012;
    background-color: #e60012;
    color:#fff;
}

.user-part-b li .btn-upload{
    color: #333;
    border: solid 1px #cdcdcd;
    right:133px;
    bottom:20px;
}

.user-part-b li .btn-del{
    color: #333;
    border: solid 1px #cdcdcd;
    bottom:20px;
}

.user-part-b li .btn-blue {
    color: #333;
    border: solid 1px #cbcbcb;
}

.user-part-b li .btn-blue:hover {
    border: solid 1px #cbcbcb;
}

.user-part-b li .btn-delete {
    bottom: 30px;
}

.lightred {
    color: #333 !important;
}

.lightblue {
    color: #333;
}

/*User-information*/
.info-list {
}

.info-list li {
    width: auto;
    min-height: 80px;
    overflow: hidden;
    padding: 20px 15px;
    border: solid 1px #D9D9D9;
    margin-top: 10px;
    position: relative;
}

.info-list li .tit {
    width: 75%;
    border: none;
    padding: 0;
    height: 28px;
    line-height: 28px;
    color: #4A4A4A;
    font-size: 16px;
}

.info-list li .des {
    width: 75%;
    margin-top: 6px;
    height: 26px;
    overflow: hidden;
}

.info-list li .des, .info-list li .des p {
    line-height: 24px;
    color: #4A4A4A;
}

.info-list li .info-collapse {
    height: 26px;
    overflow: hidden;
}

.info-list li .info-expand {
    overflow: auto;
}

.info-list li .btn-look {
    bottom: 24px;
}

.info-list li .btn-delete-info {
    top: 34px;
}

.info-list li .btn-system-info {
    overflow: hidden;
    bottom: 24px;
    border: solid 1px #cdcdcd;
    color: #333
}

.info-list li .btn-system-info:hover {
    border: solid 1px #f08300;
    background-color: #f08300;
    color: #ffffff;
}

.info-list li .btn-system-info i {
    display: block;
    float: right;
    width: 9px;
    height: 9px;
    margin: 11px 0 0;
    *position: absolute;
    *right: 22px;
    *bottom: 12px;
}

.info-list li .open i {
    background-position: 0 -14px;
}

.user-tab h3 {
    float: left;
    font-size: 16px;
    font-weight: normal;
    margin-left: 20px;
    color: #8c3915;
}

.user-tab .btn-delete-all {
    float: right;
    color: #f04344;
    margin-right: 22px;
    width: 98px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #cdcdcd;
    cursor: pointer;
}

.info-list li .img {
    float: left;
    width: 136px;
    height: 100px;
    overflow: hidden;
}

.info-list li .info {
    float: right;
    width: 616px;
}

/*User-activity*/
.activity-manage {
    width: 100%;
}

.activity-manage li {
    border: solid 1px #D9D9D9;
    margin-top: 10px;
    padding-bottom: 34px;
    position: relative;
}

.activity-manage li .tit {
    border-bottom: solid 1px #D9D9D9;
    height: 24px;
    line-height: 24px;
    padding: 8px 15px;
}

.activity-manage li .tit span {
    display: inline;
    float: left;
    font-size: 14px;
}

.activity-manage li .tit em {
    display: inline;
    float: right;
    color: #9b9b9b;
    font-size: 14px;
}

.user-part li .tit .btn-status {
    float: right;
    display: block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    font-style: normal;
    margin-left: 20px;
    background-color: #f08300;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.user-part li .tit .btn-fail {
    background-color: #999999;
}

.user-part li .tit .btn-cancel {
    background-color: #999999;
}

.activity-manage li .info {
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    color: #222222;
    font-size: 16px;
    padding: 15px 15px 0;
}

.activity-manage li .info h3 {
    font-size: 16px;
    font-weight: normal;
}

.activity-manage li .info p {
    color: #4f4f4f;
}

.activity-manage li .info em {
    padding: 0 30px;
}

.activity-manage li .activity-comment {
    height: 20px;
    line-height: 20px;
    color: #9b9b9b;
    padding: 20px 15px 0;
}

.activity-manage li .activity-comment a {
    color: #f04344;
}

.activity-manage li .total {
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 58px;
    right: 20px;
    color: #8c3915;
    font-size: 20px;
    font-weight: bold;
}

.activity-manage li .btn-cancel-order {
    bottom: 72px;
    display: none;
}

.activity-manage li .btn-delete-order {
    bottom: 72px;
    display: none;
}

.activity-manage li .btn-order-detail {
    bottom: 30px;
}

.activity-manage li .open i {
    display: inline-block;
    width: 9px;
    height: 7px;
    margin: 11px 0 0 10px;
    background: url("../image/open-icon1.png") no-repeat right 0;
}

.activity-manage li .open i {
    background-position: 0 -21px;
}

.activity-manage li .open:hover i {
    background-position: 0 -7px;
}

.activity-manage li .btn-delete-order {
    bottom: 72px;
}

.activity-manage li .btn-order-pay {
    bottom: 72px;
}

.activity-manage li .countdown {
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 84px;
    right: 20px;
    color: #FF4C4C;
}

/*User-setting*/
.setting-content {
    padding-bottom: 30px;
}

.setting-content h1 {
    height: 30px;
    color: #8c3915;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    padding: 25px 0 44px;
    border-bottom: solid 1px #d8d8d8;
    font-weight: normal;
}

.setting-content dl {
    overflow: hidden;
    padding: 35px 0;
    border-bottom: solid 1px #cdcdcd;
}

.setting-content dl.no-border {
    border-bottom: 0;
}
.loading-cont{
    position: relative;
}
.loading-cont .loading-in{
    width: 800px;
    height: 700px;
    background: url(../img/active/loading.gif) no-repeat 50% 50% #fff;
    position: absolute;
    left: 0px;
    top: -335px;
    z-index: 9999;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}
.setting-content dl dt {
    display: block;
    float: left;
    width: 170px;
    line-height: 36px;
    text-align: right;
    padding-right: 40px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.setting-content dl dd {
    display: block;
    float: left;
    width: 73%;
    line-height: 36px;
    position:relative;
}
.setting-content dl dd label{
    font-size: 14px;
    margin-right: 15px;
}
.setting-content dl dd label>input{
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.setting-content dl dd .demo_img{
    width:308px;
    height:160px;
    background-color:#eee;
    position:absolute;
    left:0px;
    top:-180px;
    display:none;
}

.setting-content dl dd:hover .demo_img{
    display:block;
}

.setting-content .photo dt {
    line-height: 120px;
}

.setting-content .photo img {
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.setting-content .photo .upload-box {
    margin: 0 0 0 20px;
}

/*top 38*/
.setting-content .photo .upload-photo {
    margin-top: 40px;
    display: block;
    float: left;
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    color:#fff;
    border:1px #e47d01 solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-image: -webkit-linear-gradient(to top, #f08401, #f29628);
    background-color:#f08401;
    background-image:linear-gradient(to top,#f08401, #f29628);
    cursor: pointer;
}
.setting-content .photo .upload-photo:hover{
    background-image:-webkit-linear-gradient(to top, #f08401, #f08401);
    background-image:linear-gradient(to top,#f08401, #f08401)
}
.setting-content .photo .upload-photo:active{
	background-image:-webkit-linear-gradient(to top, #e37e04, #e37e04);
    background-image:linear-gradient(to top,#e37e04, #e37e04)
}
.setting-content dd .error-msg {
    display: inline-block;
    color: #9b9b9b;
    margin-left: 10px;
    padding-left: 25px;
    background: url("../image/error-icon2.png") no-repeat left center;
}

.setting-content .userSex label {
    float: left;
    line-height: 36px;
    margin-right: 40px;
    cursor: pointer;
    font-size: 16px;
}

.setting-content .userSex label input {
    float: left;
    margin: 12px 12px 0 0;
    *margin: 10px 10px 0 0;
}

.setting-content .userBirthday dd {
    color: #444444;
    font-size: 14px;
}

.setting-content .userBirthday select {
    height: 36px;
    padding: 0 0 0 10px;
    *height: 26px;
    border: solid 1px #D9D9D9;
    margin-right: 8px;
}

.setting-content .userBirthday .sel_year {
    width: 105px;
}

.setting-content .userBirthday .sel_month, .setting-content .userBirthday .sel_day {
    width: 80px;
    margin-left: 20px;
}

.setting-content dd div {
    color: #444444;
    font-size: 14px;
}

.setting-content dd div .uploadify-button-text {
    color: #ffffff;
}

.setting-content dd .code {
    margin-top: 30px;
}

.setting-content .input-text {
    float: left;
    width: 250px;
    height: 22px;
    line-height: 22px;
    padding: 8px 10px;
    color: #444444;
    font-size: 14px;
    border: solid 1px #D9D9D9;
}
.setting-content .input-file{
    float: left;
    width: 250px;
    height: 22px;
    line-height: 22px;
    padding: 8px 10px;
    color: #444444;
    font-size: 14px;
}

.setting-content .code-text {
    width: 120px;
}

.setting-content .send-code {
    float: left;
    width: 110px;
    height: 36px;
    background-color: #8c3915;
    text-align: center;
    color: #ffffff;
    border: none;
    margin-left: 20px;
    cursor: pointer;
}

.setting-content .showPlaceholder {
    position: relative;
}

.setting-content .showPlaceholder .placeholder {
    visibility: visible;
    cursor: text;
    color: #999999;
}

.setting-content .placeholder {
    visibility: hidden;
    position: absolute;
    left: 10px;
    top: 0;
}

.setting-content .userPassword dd div {
    margin-top: 30px;
}

.setting-content .userPassword dd div:first-child {
    margin-top: 0px;
}

.setting-content .userPassword dd .error-msg {
    margin-left: 0;
}

.setting-content .save-edit {
    display: block;
    width: 180px;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    margin: 40px auto;
    color:#fff;
    border:1px #e47d01 solid;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-image: -webkit-linear-gradient(to top, #f08401, #f29628);
background-color:#f08401;
    background-image:linear-gradient(to top,#f08401, #f29628);
    cursor: pointer;

}

.setting-content .save-edit:hover{
    background-image:-webkit-linear-gradient(to top, #f08401, #f08401);
    background-image:linear-gradient(to top,#f08401, #f08401)
}
.setting-content .save-edit:active{
	background-image:-webkit-linear-gradient(to top, #e37e04, #e37e04);
    background-image:linear-gradient(to top,#e37e04, #e37e04)
}
.setting-content .editInfo .code {
    margin-top: 20px;
}

.setting-content .editInfo .edit-phone {
    color: #f15051;
    font-size: 12px;
    margin-left: 20px;
}

.modify-password {
    min-height: 600px;
}

.modify-password .userPassword input {
    width: 250px;
    height: 22px;
    line-height: 22px;
    padding: 8px 10px;
    color: #444444;
    font-size: 14px;
    border: solid 1px #D9D9D9;
    float: left;
    margin-right: 10px;
}

.modify-password dl {
    padding: 10px 0;
}

.modify-password dl:first-child {
    padding: 40px 0;
}

/*Group-join-dialog*/
.join-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.join-box dl {
    overflow: hidden;
    padding: 8px 0;
}

.join-box dt {
    display: block;
    float: left;
    width: 17%;
    line-height: 36px;
    padding-right: 15px;
    text-align: right;
    color: #1F1F1F;
    font-size: 14px;
    font-weight: bold;
}

.join-box dd {
    display: block;
    float: left;
    width: 79%;
    line-height: 36px;
    color: #444444;
    font-size: 14px;
}

.join-box dd .groupName {
}

.join-box dd .input-text {
    width: 250px;
    height: 22px;
    line-height: 22px;
    padding: 6px 10px;
    border: solid 1px #D9D9D9;
}

.join-box .groupSex label {
    float: left;
    margin: 0 20px;
}

.join-box .groupSex label input {
    float: left;
    margin-right: 14px;
    margin-top: 12px;
    *margin-top: 10px;
}

.join-box .introduce {
    width: 320px;
    height: 110px;
    overflow: auto;
    line-height: 20px;
    padding: 10px;
    border: solid 1px #D9D9D9;
    resize: none;
}

.join-box .join-btn {
    height: 30px;
    text-align: center;
    margin-top: 30px;
}

.join-box .join-btn input {
    width: 78px;
    height: 28px;
    line-height: 24px;
    *line-height: 20px;
    text-align: center;
    margin: 0 5px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
    outline: none;
}

.join-box .join-btn .btn-confirm {
    color: #FFFFFF;
    border: solid 1px #556895;
    background-color: #556895;
}

.join-box .join-btn .btn-reset {
    color: #405173;
    border: solid 1px #D9D9D9;
    background-color: #ffffff;
}

/*Room-book*/
.steps-room {
    margin: 10px 0 20px;
}

.steps-room li {
    font-size: 18px;
    width: 250px;
}

.steps-room li.active {
    width: 250px;
}

.steps-room li.step_4 {
    border-right: none;
    width: 250px;
}

.steps-room li.end {
    border-right: none;
    width: 250px;
}

/*.steps-room li.step_1{z-index:4;width:216px}
.steps-room li.step_2{z-index:3;width:226px}
.steps-room li.step_3{z-index:2;width:226px}
.steps-room li.step_4{z-index:1;width:212px}*/
.steps-room li.finish .tab_status {
    background-position: 0 -150px
}

.library_info {
    height: 100px;
    overflow: hidden;
}

.room-part1 {
    border: 1px solid #c9cacb;
    padding: 25px 30px;
    background-color: #FFFFFF;
}

.room-part1 .room-info {
    margin-left: 35px;
}

.room-part1 .room-info h3 {
    line-height: 30px;
    color: #262626;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
}

.room-part1 .room-info p {
    line-height: 23px;
    color: #4a4a4a;
    font-size: 14px;
    margin-bottom: 10px;
}

.room-part1 .room-info p img {
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}

.room-part1 {
    padding: 30px;
    background-color: #FFFFFF;
}

.room-part1 .tab1 {
    margin: 48px 0 0;
}

.room-part1 .tab1 th {
    height: 26px;
    line-height: 26px;
    color: #4A4A4A;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 2px #e3e3e3;
    padding-bottom: 14px;
}

.room-part1 .tab1 td {
    padding: 20px 0 0;
}

.library_info .library_img {
    width: 135px;
    height: 100px;
    overflow: hidden;
}

.w500 {
    width: 500px;
}

.room-part1 .tab1 .date {
    width: 210px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    color: #000000;
    padding: 6px 6px;
    border: solid 1px #d9d9d9;
    position: relative;
    font-size: 14px;
}

.room-part1 .tab1 .date input {
    width: 80px;
    float: left;
    line-height: 22px;
    padding-left: 4px;
    border: none;
    font-size: 14px;
}

.room-part1 .tab1 #data-week {
    margin-left: 7px;
}

.room-part1 .tab1 .date input:first-child {
}

.room-part1 .tab1 .date i {
    display: block;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 22px;
    height: 22px;
    background: url("../image/data-icon1.png") no-repeat;
    cursor: pointer;
}

.room-part1 .tab1 .error-msg {
    width: 120px;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #ff0000;
    font-size: 14px;
    margin-top: 4px;
    margin-left: 13px;
    padding-left: 25px;
    background: url(../image/error-icon2.png) no-repeat 0 4px;
}

.room-part1 .tab1 .error-msg1 {
    width: 120px;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #ff0000;
    font-size: 14px;
    margin-top: -32px;
    margin-left: 301px;
    padding-left: 27px;
    background: url(../image/error-icon2.png) no-repeat 0 4px;
}

.room-part1 .tab1 .error-msg2 {
    width: 120px;
    display: block;
    height: 30px;
    line-height: 29px;
    color: #ff0000;
    font-size: 14px;
    margin-top: -32px;
    margin-left: 250px;
    padding-left: 27px;
    background: url(../image/error-icon2.png) no-repeat 0 4px;
}

.room-part1 .tab1 .cate {
    width: 146px;
    height: 36px;
    position: relative;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    padding-right: 22px;
}

.room-part1 .tab1 .cate .caption {
    line-height: 36px;
    padding: 0 5px;
    color: #444444;
}

.room-part1 .tab1 .cate .arrow {
    position: absolute;
    right: 10px;
    top: 13px;
    line-height: 12px;
    height: 12px;
    color: #BBBBBB;
}

.room-part1 .tab1 .cate select {
    position: absolute;
    top: 7px;
    left: 0;
    width: 170px;
    height: 26px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
    font-size: 14px;
}

.room-part2 .tab1 {
    margin-top: 26px;
}

.room-part2 .tab1 .groupList .default {
    color: #999999;
}

.room-part2 .tab1 .groupList {
    width: 236px;
}

.room-part2 .tab1 .groupList select {
    width: 260px;
}

.room-part2 .tab1 .input-box {
    height: 40px;
    overflow: hidden;
    position: relative;
}

.room-part2 .tab1 .input-box .placeholder {
    position: absolute;
    height: 20px;
    line-height: 20px;
    visibility: hidden;
    top: 7px;
    left: 12px;
    color: #999999;
}

.room-part2 .tab1 .showPlaceholder .placeholder {
    visibility: visible;
    cursor: text;
}

.room-part2 .tab1 .name, .room-part2 .tab1 .phoneNum {
    float: left;
    width: 190px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #9b9b9b;
    padding: 8px 10px;
    border: solid 1px #9b9b9b;
}

.room-part1 .tab1 .tab_label {
    min-width: 60px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
}

.room-part1 .tab1 .yzm_input {
    width: 98px;
    height: 20px;
    line-height: 20px;
    padding: 8px 10px;
    text-align: center;
    color: #9b9b9b;
    font-size: 16px;
}

.room-part1 .tab1 .yzm_img {
    width: 118px;
    height: 38px;
    line-height: 38px;
    margin-left: 10px;
    border: 1px solid #9b9b9b;
}

.room-part1 .tab1 .w243 {
    width: 230px;
}

.room-part2 .rp_label {
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.room-part2 .rp_label font {
    font-weight: bold;
    vertical-align: middle;
    margin-left: 2px;
}

.room-part2 .rp_noinput {
    width: 75%;
    height: 30px;
    border: none;
    padding: 5px;
    outline: none;
    background: #ffffff;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: bold;
}

.room-part2 .rp_input {
    width: 240px;
    height: 30px;
    border: 1px solid #cccccc;
    padding: 5px;
    outline: none;
    color: #9b9fa3;
    font-size: 14px;
}

.book-notes {
    width: 795px;
    height: auto;
    overflow: hidden;
    padding: 10px;
    margin: 30px 0 0;
    background-color: #FFFFFF;
}

.book-notes .book_inner {
    overflow-y: auto;
    max-height: 288px;
}

.book-notes .book_inner .notes-content {
    line-height: 28px;
    color: #4a4a4a;
}

.book-notes .book_inner .caption {
    line-height: 32px;
    color: #8c3915;
    font-size: 20px;
    font-weight: bold;
}

.book-notes .book_inner .notes-title {
    font-size: 16px;
    font-weight: bold;
}

.book-notes .book_inner p {
    font-size: 14px;
}

.book-agreement {
    height: 24px;
    line-height: 24px;
    margin: 25px 0 0;
}

.book-agreement input {
    vertical-align: middle;
    margin: 0px 4px 0 30px;
}

.book-agreement label {
    color: #f04344;
}

.book-agreement label a {
    color: #f04344;
}

.book-control {
    margin-bottom: 30px;
    text-align: center;
}

.book-control .book-submit {
    font-size: 18px;
    margin: 30px auto 0;
}

/*Room-book-order*/
.room-part3 {
    padding: 30px 91px;
    background-color: #FFFFFF;
    border: 1px solid #c9cacb;
}

.room-part3 h1 {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 12px;
    border-bottom: solid 1px #c8c8c8;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.room-order-info {
    height: auto;
    overflow: hidden;
    padding: 30px 0px;
}

.room-order-info .img {
    width: 270px;
    height: 200px;
    overflow: hidden;
}

.room-order-info .details {
    width: 488px;
    line-height: 36px;
    color: #4a4a4a;
    font-size: 16px;
}

.room-order-info .details span {
    color: #4a4a4a;
    font-size: 16px;
}

.room-order-info .details input {
    vertical-align: middle;
    margin-right: 6px;
}

.room-order-info .details label {
    color: #536693;
    font-size: 12px;
}

.room-order-info.info2 {
    padding: 24px 20px;
    line-height: 44px;
    margin-top: 35px;
    position: relative;
}

.room-order-info .go-back {
    float: left;
    display: block;
    overflow: hidden;
    color: #666;
    font-size: 14px;
}

.room-order-info .btn-submit-order {
    float: right;
    display: block;
    width: 180px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    border: none;
    background-image: -webkit-linear-gradient(to top, #f08401, #f29628);
    background-color:#f08401;
    background-image:linear-gradient(to top,#f08401, #f29628);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
    outline: none;
}
.room-order-info .btn-submit-order:hover{
    background-image:-webkit-linear-gradient(to top, #f08401, #f08401);
    background-image:linear-gradient(to top,#f08401, #f08401)
}
.room-order-info .btn-submit-order:active{
    background-image:-webkit-linear-gradient(to top, #e37e04, #e37e04);
    background-image:linear-gradient(to top,#e37e04, #e37e04)
}
.room-order-info .btn-loading {
    position: absolute;
    width: 138px;
    height: 40px;
    border: solid 1px #cccccc;
    background-color: #EEEEEE;
    right: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.room-order-info .btn-loading h3 {
    line-height: 24px;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    margin-top: 4px;
}

.room-order-info .btn-loading .img {
    width: 118px;
    height: 3px; /*background: url("../image/btn-load.gif") no-repeat;*/
    margin: 2px auto 0;
}

.confirm_order {
    display: block;
    width: 180px;
    height: 43px;
    line-height: 43px;
    margin: 30px auto;
    cursor: pointer;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 5px;
    text-align: center;
    background: #f04344;
    color: #ffffff;
    font-size: 18px;
}

.elec_ticket {
    display: block;
    width: 180px;
    height: 43px;
    line-height: 43px;
    margin-top: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 5px;
    text-align: center;
    background: #f04344;
    color: #ffffff;
    font-size: 18px;
}

.tab1 .date_name {
    width: 65px;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    color: #000000;
    font-size: 14px;
}

.activity-order-info .img {
    width: 300px;
}

/*Activity-book*/
.steps-activity {
    margin: 10px 0 20px;
}

.steps-activity li {
    width: 200px;
    font-size: 16px;
}

.steps-activity li.finish .tab_status {
    background-position: 0 -150px
}

.room-part1 .tab1 .timeList {
    width: 76px;
}

.room-part1 .tab1 .timeList select {
    width: 100px;
}

/*Activity-book-order*/
.activity-part3 .room-order-info {
    padding: 0;
}

.activity-part3 .info-l {
    padding: 16px 26px;
    border-right: solid 1px #d9d9d9;
}

.activity-part3 .info-l .img {
    width: 87px;
}

.activity-part3 .info-l .details {
    width: 400px;
}

.activity-part3 .info-r {
    padding: 30px;
}

.activity-part3 .info-r h4 {
    line-height: 24px;
    color: #777777;
    font-size: 16px;
    font-weight: normal;
}

.activity-part3 .info-r p {
    line-height: 18px;
    color: #444444;
}

.activity-part3 .info-r .clock {
    overflow: hidden;
    margin: 12px 0;
}

.cntSeparator {
    font-size: 54px;
    padding: 10px 7px;
    color: #FF4D4D;
    width: 26px;
    text-align: center;
}

.layer-bg {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.layer-box {
    width: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -161px;
    border: solid 1px #999999;
    background-color: #FFFFFF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-size: 14px;
}

.layer-box .up-box-hd {
    border-bottom: solid 1px #d9d9d9;
}

.layer-box .layer-btn {
    overflow: hidden;
    padding: 20px 0 35px;
    text-align: center;
    vertical-align: top;
}

.layer-box .layer-btn .btn-pay {
    display: inline-block;
    width: 120px;
    line-height: 90px;
    font-weight: bold;
    vertical-align: top;
    border: solid 1px #d9d9d9;
    margin: 0 5px;
}

.layer-box .layer-btn .pay-fail {
    color: #222222;
}

/*sort*/
.sort-box {
    width: 1120px;
    height: 38px;
    padding: 12px 20px 10px;
    margin: 20px auto 0;
    border-bottom: solid 2px #cccccc;
    background-color: #FFFFFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.sort-box .sort-l {
    height: 38px;
    margin-left: 8px;
}

.sort-box .sort-l .txt {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    color: #444444;
    font-weight: bold;
    margin-right: 10px;
    *vertical-align: top;
}

.sort-box .sort-l .item {
    display: inline-block;
    height: 38px;
    line-height: 36px;
    color: #666666;
    padding: 0 16px;
    margin-right: 10px;
    border: solid 1px #d9d9d9;
    background-color: #F4F4F4;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.sort-box .sort-l .item i {
    display: inline-block;
    width: 10px;
    height: 12px;
    margin: 2px 0 0 5px;
    background: url("../image/sort-icon1.png") no-repeat;
    *vertical-align: top;
}

.sort-box .sort-l .item i {
    background-position: 0 0;
}

.sort-box .sort-l .icon-asc {
    color: #ed3838;
    font-weight: bold;
}

.sort-box .sort-l .icon-asc i {
    background-position: -11px 0;
}

.sort-box .sort-l .icon-desc {
    color: #ed3838;
    font-weight: bold;
}

.sort-box .sort-l .icon-desc i {
    background-position: -22px 0;
}

.sort-box .sort-r {
    height: 38px;
    line-height: 38px;
    color: #444444;
}

.sort-box .sort-r .red {
    color: #FF2626;
}

.search-result {
    width: 1040px;
    height: 70px;
    padding: 55px 60px;
}

.search-result .no-result {
    height: 70px;
    padding-left: 110px;
    background: url("../image/warning-icon1.png") no-repeat left top;
}

.search-result .no-result h2 {
    line-height: 25px;
    color: #444444;
    font-size: 18px;
    padding-top: 6px;
}

.search-result .no-result .red {
    color: #FF2626;
}

.search-result .no-result h4 {
    line-height: 20px;
    color: #444444;
    font-weight: normal;
    padding-top: 12px;
}

.may-like {
    margin-top: 20px;
    margin-bottom: 40px;
}

.may-like .in-activity li {
    margin: 0 20px 20px 0
}

.may-like .in-activity > h3 {
    height: 22px;
    line-height: 22px;
    color: #888888;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 8px;
}

/*culture-detail*/
.smriti-people {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.smriti-people h2 {
    height: 22px;
    line-height: 22px;
    color: #444444;
    font-size: 14px;
}

.smriti-people .list {
    width: 100%;
    margin-top: 16px;
}

.smriti-people .list li {
    height: 104px;
    overflow: hidden;
    margin-bottom: 36px;
}

.smriti-people .list li .img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-top: 4px;
}

.smriti-people .list li .info {
    width: 590px;
    overflow: hidden;
}

.smriti-people .list li h3 {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: solid 1px #DDDDDD;
}

.smriti-people .list li h3 span {
    float: left;
    color: #666666;
    font-size: 14px;
}

.smriti-people .list li .note {
    line-height: 24px;
    margin-top: 6px;
    color: #666666;
}

.smriti-people .list li .btn-icon {
    display: block;
    float: right;
    width: 38px;
    height: 20px;
    line-height: 20px;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding: 0 6px;
    border: solid 1px #aaaaaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.smriti-people .list li .btn-icon i {
    display: inline-block;
    float: right;
    width: 7px;
    height: 7px;
    margin: 6px 0 0 0;
    vertical-align: top;
    background: url("../image/culture-icon1.gif") no-repeat;
}

.smriti-people .list li .btn-icon:hover {
    color: #425175;
    border: solid 1px #425175;
}

.smriti-people .list li .collapse i {
    background-position: 0 0;
}

.smriti-people .list li .collapse:hover i {
    background-position: 0 -8px;
}

.smriti-people .list li .expand i {
    background-position: -8px 0;
}

.smriti-people .list li .expand:hover i {
    background-position: -8px -8px;
}

.smriti-people .load-more {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666666;
    background-color: #eeeeee;
    margin-top: 10px;
}

/*seat*/
.legend-box {
    height: 28px;
    line-height: 28px;
    padding: 5px 0 22px;
    border-bottom: dashed 1px #d9d9d9;
}

.legend-box .tip {
    width: 60px;
    float: left;
    text-indent: 5px;
    color: #1F1F1F;
    font-size: 14px;
    font-weight: bold;
}

.legend-box .tip2 {
    float: left;
    margin-left: 10px;
    margin-right: 64px;
}

.legend-box .tip2 li {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 30px;
}

.legend-box .tip2 li span {
    margin-left: 10px;
    font-size: 16px;
}

.legend-box .tip2 li .seatCharts-cell {
    margin: 0;
}

.activity-part1 {
    padding: 25px 30px;
}

.activity-part1 .front {
    width: 710px;
    height: 32px;
    line-height: 32px;
    color: #4a4a4a;
    font-size: 16px;
    text-align: center;
    margin: 30px auto;
    background-color: #e7ecf0;
}

.seatCharts-container {
    width: 100%;
    margin-bottom: 20px;
    overflow: auto;
    outline: none;
    padding-bottom: 20px;
}

.seatCharts-cell {
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #182C4E;
    text-align: center;
    margin: 7px;
    float: left;
    outline: none;
    font-size: 14px;
}

.seatCharts-row {
    height: 42px;
    overflow: hidden;
}

.seatCharts-row .seatCharts-cell:first-child { /* margin-right: 64px;*/
}

.seatCharts-seat {
    color: #fff;
    cursor: pointer;
}

.seatCharts-seat.available {
    background-color: #B9DEA0;
}

.seatCharts-seat.available.first-level {
    background-color: #999999;
}

.seatCharts-seat.available.second-level {
    background-color: #D96D00;
}

.seatCharts-seat.available.third-level {
    background-color: #FFB973;
}

.seatCharts-seat.focused {
    background-color: #76B474;
    border: none;
}

.seatCharts-seat.selected {
    background-color: #67AF22;
}

.seatCharts-seat.unavailable {
    background-color: #D93600;
    cursor: not-allowed;
}
.seatCharts-seat.unselect {
    background-color: #c8c8c8;
    cursor: not-allowed;
}

.seatCharts-seat.available.selected {
    background-color: #67AF22;
}

.seatCharts-seat.available.unavailable {
    background-color: #D93600;
    cursor: not-allowed;
}

.seatCharts-legend, .seatCharts-legendList {
    height: 28px;
}

.seatCharts-legend {
    float: left;
}

.seatCharts-legendItem {
    float: left;
    height: 28px;
    line-height: 28px;
    padding-right: 20px;
}

.seatCharts-legendItem .seatCharts-cell {
    margin: 0;
}

.seatCharts-legendItem span.seatCharts-legendDescription {
    margin-left: 10px;
}

#selected-seats .seat-txt {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #333333;
    padding: 0 10px;
    margin: 0 10px;
    background-color: #D9D9D9;
    border: solid 1px #cccccc;
}

.ticket-list {
    display: none;
    padding-top: 20px;
}

.ticket-list .caption {
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    margin-bottom: 10px;
}

.ticket-list .caption h4 {
    float: left;
    color: #4a4a4a;
    font-size: 16px;
}

.ticket-list .caption span {
    float: left;
    color: #f04344;
    margin-left: 14px;
}

/*User-MyCollection-activity border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px*/
.collection_manage .activity_ul {
    width: 810px;
    margin: 0 -5px;
}

.collection_manage .activity_ul li {
    width: 250px;
    height: 374px;
    overflow: visible;
    margin: 20px 10px 0;
    background-color: #f4f4f4;
    position: relative;
    padding-bottom: 22px;
}

.collection_manage .activity_ul li a img {
    width: 250px;
    height: 168px;
}

.collection_manage .activity_ul li .info {
    height: 206px;
}

.collection_manage .activity_ul li h1 {
    margin-bottom: 10px;
}

.collection_manage .activity_ul li .text {
    margin-top: 10px;
}

.collection_manage .activity_ul li .text p {
    line-height: 26px;
    font-size: 16px;
    color: #4a4a4a;
}

.collection_manage .activity_ul li .text p i {
    color: #000000;
}

.collection_manage .activity_ul li .number {
    margin-top: 20px;
    position: relative;
    padding-left: 90px;
}

.collection_manage .activity_ul li .number a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: #f08300;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.collection_manage .activity_ul li .number span {
    height: 31px;
    line-height: 31px;
    float: left;
    position: relative;
    font-size: 14px;
    color: #000000;
    padding: 0;
}

.collection_manage .activity_ul li .number span.like {
    padding-left: 29px;
    position: relative;
    width: 40px;
    background: url(../image/zheart.png) no-repeat 0 center;
}

.collection_manage .activity_ul li .number span.view {
    padding-left: 32px;
    background: url(../image/zeye.png) no-repeat 0 center;
}

.collection_manage .venue_ul {
    margin-right: -20px;
    padding-top: 20px;
    width: 810px;
    padding-left: 5px;
}

.collection_manage .venue_ul li .img {
    width: 250px;
    height: 166px;
    overflow: hidden
}

.collection_manage .venue_ul li .img img {
    width: 100%;
    display: block;
}

.collection_manage .venue_ul li .info {
    padding-left: 10px;
    color: #000;
    width: 238px;
    background: #f4f4f4;
}

.collection_manage .venue_ul li .order {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 46px;
    height: 50px;
    color: #fff;
    background: url(../image/san.png) no-repeat 0 0;
    font-size: 16px;
    line-height: 24px;
    padding-left: 4px;
}

.collection_manage .venue_ul li {
    width: 250px;
    margin-right: 20px;
    position: relative;
    height: 374px;
}


.collection_manage ul li .del-btn {
    display: none;
    width: 25px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    top: -6px;
    right: -6px;
    background: url("../image/deletebtn.png") no-repeat;
}

.collection_manage ul li:hover .del-btn {
    display: block;
}

/**phone**/
.join-boxs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.join-boxs dl {
    overflow: hidden;
    padding: 10px 0;
}

.join-boxs dt {
    display: block;
    float: left;
    width: 18%;
    height: 38px;
    line-height: 38px;
    padding-right: 10px;
    text-align: right;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.join-boxs dd .input {
    width: 240px;
    height: 24px;
    line-height: 24px;
    padding: 5px;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
}

.join-boxs dd {
    display: block;
    float: left;
    width: 72%;
    height: 38px;
    line-height: 38px;
    color: #4a4a4a;
    font-size: 14px;
}

.join-boxs dd .txt {
    width: 150px;
    border: none;
    border-bottom: 1px solid #c8c8c8;
    margin-left: 10px;
    outline: none;
    color: #4a4a4a;
}

.join-boxs .join-btn {
    width: 250px;
    height: 43px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 45px;
}

.join-boxs .join-btn .btn_submit {
    width: 250px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #ffffff;
    outline: none;
    font-size: 16px;
    letter-spacing: 2px;
    cursor: pointer;
    background: #8c3915;
    display: block;
    border: none;
    border-radius: 5px;
}

.join-boxs .dialog_yzm_txt {
    width: 110px;
    height: 26px;
    padding: 5px;
    text-align: center;
    border: 1px solid #cacaca;
}

.join-boxs .dialog_yzm_img {
    width: 120px;
    height: 36px;
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    border: 1px solid #cacaca;
    color: #ffffff;
    font-size: 16px;
    background: #d8d8d8;
}

.train-info{
    height:auto!important;
}
.btn-sucess{
    background-color:#abce03 !important;
}
.msg-err-msg{
    color:#ff6600 !important;
}
/**venue_detail**/