.cursor {
    cursor: pointer
}

a {
    text-decoration: none !important
}

.inline {
    display: inline-block
}

.substring {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.indextit {
    text-align: center;
    position: relative;
    height: 90px;
    padding: 40px 0 0
}

.indextit .s1 {
    position: relative;
    z-index: 10;
    font-size: 32px;
    line-height: 40px;
    color: #333;
}

.indextit .bg {
    position: absolute;
    width: 60px;
    height: 12px;
    left: 50%;
    margin-left: -30px;
    bottom: -2px;
    z-index: 1;
    opacity: .3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

/* 首页搜索 */
.indexsearch {
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,.12);
    position: relative;
    z-index: 2;
}

.indexsearch .txt {
    padding: 40px 0 40px;
    text-align: center;
    font-size: 0;
    font-weight: normal;
}

.indexsearch .txt dl {
    display: inline-block
}

.indexsearch .txt dl dt {
    float: left;
    position: relative;
    margin-right: 20px;
    font-size: 14px;
}

.indexsearch .txt dl dt.line {
    padding: 0 6px;
    margin-right: 0;
    line-height: 40px;
    color: #666
}

.indexsearch .txt dl dt .droptit {
    display: inline-block;
    line-height: 38px;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 30px 0 15px;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
}

.indexsearch .txt dl dt .droptit i {
    position: absolute;
    top: 1px;
    right: 14px;
    line-height: 38px;
    font-size: 16px;
    color: #ccc;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.indexsearch .txt dl dt .droptit.A i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.indexsearch .txt dl dt .dropbox {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 40px;
    width: 100%;
    display: none;
}

.indexsearch .txt dl dt .dropbox:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    left: 12px;
    top: 4px;
    z-index: 1
}

.indexsearch .txt dl dt .dropbox .sel {
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 10px;
    max-height: 300px;
    overflow: auto
}

.indexsearch .txt dl dt .dropbox li {
    width: 100%;
    height: auto;
    overflow: hidden
}

.indexsearch .txt dl dt .dropbox a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 16px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    font-weight: normal;
}

.indexsearch .txt dl dt .dropbox a .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10);
    left: 0;
    top: 0;
    display: none
}

.indexsearch .txt dl dt .dropbox a.hover:hover .bg {
    display: block;
}

.indexsearch .txt dl dt .radiobox {
    position: relative;
    padding-left: 24px;
    /*width: 45px;*/
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    cursor: pointer;
    font-weight: normal;
}

.indexsearch .txt dl dt .k {
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.indexsearch .txt dl dt .k i {
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #fff;
    display: none
}

.indexsearch .txt dl dt .k.bgcolor i {
    display: block
}

.indexsearch .txt dl dt .btn1 {
    float: left;
    width: 90px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    margin-right: 10px;
}

.indexsearch .txt dl dt .btn1 i {
    float: left;
    line-height: 40px;
    font-size: 18px;
    margin-right: 4px;
    margin-left: -2px;
}

.indexsearch .txt dl dt .btn1:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.indexsearch .txt dl dt .btn2 {
    float: left;
    width: 90px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    background: none;
    color: #999
}

.indexsearch .txt dl dt .btn2 i {
    float: left;
    line-height: 40px;
    font-size: 18px;
    margin-right: 4px;
    margin-left: -2px;
}

.indexcontent {
    background: #f7f7f7;
    width: 100%;
    padding: 50px 0 100px;
}

/* 首页会员推荐 */
.listtj {
    background: #fff;
    box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    padding: 60px 0;
}

.listtj .indextab {
    text-align: center;
    padding: 0 300px;
}

.listtj .indextab li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    position: relative;
    padding-bottom: 30px;
    cursor: pointer
}

.listtj .indextab li span {
    display: block;
    font-size: 24px;
}

.listtj .indextab li.fontcolor span {
    font-size: 32px;
}

.listtj .indextab li i {
    position: absolute;
    font-size: 60px;
    line-height: 20px;
    bottom: 0;
    width: 60px;
    text-align: center;
    left: 50%;
    margin-left: -30px;
    display: none
}

.listtj .indextab li.fontcolor i {
    display: block
}

.listtj .list1 {
    padding-left: 40px;
}

.listtj .list1 li {
    float: left;
    width: 200px;
    height: 320px;
    margin-right: 30px;
    cursor: pointer;
    margin-top: 35px;
}

.listtj .list1 li a {
    text-decoration: none
}

.listtj .list1 li .img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
    width: 200px;
    height: 250px;
}

.listtj .list1 li .img .hoverbg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=00);
    left: 0;
    top: 0;
    z-index: 1;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.listtj .list1 li .img .hovertxt {
    position: absolute;
    width: 200px;
    padding: 25px 10px;
    height: 250px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    z-index: 10;
    left: 0;
    top: 0;
    line-height: 28px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    top: 250px;
    opacity: 0;
    filter: alpha(opacity=00);
}

.listtj .list1 li .img .hovertxt .t1 span {
    padding: 0 4px;
}

.listtj .list1 li .img .hovertxt .t1 .s1 {
    padding: 0;
}

.listtj .list1 li .img .hovertxt .t1 .s1:after {
    content: '/';
    width: 16px;
    text-align: center;
    color: #fff;
    display: inline-block;
}

.listtj .list1 li .img .hovertxt .t1 .s1:last-child:after {
    display: none
}

.listtj .list1 li .img .hovertxt .btn {
    position: absolute;
    width: 120px;
    /*line-height: 36px;*/
    font-size: 14px;
    left: 50%;
    margin-left: -60px;
    bottom: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.listtj .list1 li .img .hovertxt .btn:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.listtj .list1 li .t {
    line-height: 30px;
    margin-top: 10px;
}

.listtj .list1 li .t .t1 {
    height: 30px;
}

.listtj .list1 li .t .t1 .s1 {
    float: left;
    font-size: 16px;
    color: #333;
    padding-right: 5px;
}

.listtj .list1 li .t .t1 .img1 {
    float: left;
    height: 16px;
    margin-top: 7px;
    margin-left: 5px;
}

.listtj .list1 li .t .t2 {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.listtj .list1 li .t .t2 .s1:after {
    content: '/';
    width: 16px;
    float: right;
    text-align: center;
    color: #999;
}

.listtj .list1 li .t .t2 .s1:last-child:after {
    display: none
}

.listtj .list1 li .t .t2 .s1 {
    float: left;
    padding: 0;
}

.listtj .list1 li .t .t2 span {
    padding: 0 4px;
}

.listtj .list1 li:hover .img .hovertxt {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.listtj .list1 li:hover .img .hoverbg {
    opacity: .5;
    filter: alpha(opacity=50);
}

.listmorebtn {
    text-align: center;
    margin-top: 40px;
}

.listmorebtn .btn1 {
    display: inline-block;
    line-height: 48px;
    font-size: 16px;
    padding: 0 60px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 1px solid #bbb;
}

.listmorebtn .btn1 i {
    float: right;
    font-size: 24px;
    line-height: 48px;
    margin-right: -4px;
    margin-left: 6px;
}

.listmorebtn .btn1:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.listmorebtn .btn2:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

/* 列表为空 */
.newnolist {
    text-align: center;
    padding: 150px 0;
}

.newnolist .img {
    width: 160px;
    margin: 0 auto;
}

.newnolist .t1 {
    line-height: 20px;
    color: #666;
    font-size: 14px;
    margin-top: 10px;
}

.newnolist .btn {
    text-align: center;
    margin-top: 30px;
}

.newnolist .btn .btn1 {
    display: inline-block;
    line-height: 48px;
    font-size: 16px;
    padding: 0 60px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 1px solid #fff;
}

.newnolist .btn .btn1 i {
    float: right;
    font-size: 24px;
    line-height: 48px;
    margin-right: -4px;
    margin-left: 6px;
}

/* 首页相亲活动 */
.indexactive {
    margin-top: 30px;
}

.indexactive .tit1 {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
}

.indexact_list1 ul {
    width: 1280px
}

.indexact_list1 li {
    margin-top: 30px;
    width: 360px;
    margin-right: 60px;
    float: left;
}

.indexact_list1 li .img {
    width: 360px;
    height: 240px;
}

.indexact_list1 li:hover .img img {
    opacity: .75;
    filter: alpha(opacity=75)
}

.indexact_list1 li .t {
    background: #fff;
    margin: 0 15px;
    margin-top: -20px;
    position: relative;
    z-index: 10;
    box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    padding: 15px 20px;
}

.indexact_list1 li .t:hover {
    box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.12);
}

.indexact_list1 li .t .t1 {
    line-height: 26px;
    font-size: 16px;
}

.indexact_list1 li .t .line1 {
    height: 2px;
    width: 60px;
    margin: 7px 0;
}

.indexact_list1 li .t .t2 {
    line-height: 24px;
    font-size: 14px;
    color: #333;
}

/* 首页相亲资讯 */
.indexacticle {
    padding-top: 20px;
    padding-bottom: 100px;
}

.indexact_list2 ul {
    width: 1280px
}

.indexact_list2 li {
    margin-top: 40px;
    width: 360px;
    margin-right: 60px;
    float: left;
}

.indexact_list2 li:hover .img img {
    opacity: .75;
    filter: alpha(opacity=75)
}

.indexact_list2 li a {
    color: #333;
}

.indexact_list2 li .img {
    width: 360px;
    height: 240px;
}

.indexact_list2 li .t {
    margin-top: 10px;
    height: 80px;
}

.indexact_list2 li .t .t1 {
    line-height: 26px;
    font-size: 16px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 52px;
}
.indexact_list2 li:hover .t .t1 {
    color: #ff536a;
}

.indexact_list2 li .t .t2 {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.indexact_list2 li .t .t2 i {
    float: left;
    line-height: 24px;
    font-size: 16px;
    margin-right: 4px;
}

/* 案例展示 */
.caselist {
    border: 1px solid #ddd;
    min-height: 100px;
    margin: 20px 0;
    padding: 0 60px;
}

.caselist .itembox {
    padding: 40px 0;
    border-bottom: 1px solid #efefef;
}

.caselist .itembox:last-child {
    border: 0
}

.caselist .hnhead {
    width: 100px;
    float: left;
    position: relative
}

.caselist .hnhead img {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    width: 100px;
    height: 100px;
}

.caselist .hncontent {
    position: relative;
    margin: 0 0 0 130px;
    line-height: 24px;
    min-height: 100px;
}

.caselist .hnname {
    color: #333;
    font-weight: 700;
    font-size: 17px;
    line-height: 40px;
}

.caselist .hnwx1 {
    margin-top: 3px;
    color: #666
}

.caselist .hnwx2 {
    margin-top: 12px;
    color: #666;
    padding-bottom: 6px;
}

.caselist .hnwx2 img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.caselist .hndesc {
    margin-top: 6px;
    color: #666;
    line-height: 24px;
    position: relative
}

.caselist .hndesc .s2 {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 24px;
    cursor: pointer
}

.caselist .hndesc .s2 i {
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin-right: 4px;
}

/* 首页注册第一步 */
.home_ppt_w {
    position: relative;
    z-index: 10;
    background: #fff;
    height: 450px;
}

.bannerslide {
    width: 100%;
    height: 450px;
}

.indexregform {
    position: absolute;
    width: 1200px;
    top: 0;
    left: 50%;
    margin-left: -600px;
    z-index: 11
}

.indexreg {
    position: absolute;
    /*width: 280px;*/
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
    top: 30px;
    right: 0;
    z-index: 10;
    /*height: 340px;*/
    padding: 20px 35px 30px;
}

.indexreg .tit {
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: #333;
    padding: 8px 0 0;
}

.indexreg dl dd {
    position: relative;
    margin-top: 15px;
    height: 36px;
}

.indexreg dl dd.auto {
    height: auto;
}

.indexreg dl dd .t1 {
    float: left;
    width: 60px;
    color: #333;
    line-height: 36px;
}

.indexreg dl dd .t2 {
    position: relative;
    margin: 0 0 0 60px;
}

.indexreg dl dd .t2 .sexsel label {
    float: left;
    height: 36px;
    line-height: 36px;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
    overflow: hidden
}

.indexreg dl dd .t2 .sexsel label input {
    position: absolute;
    left: -1000px;
}

.indexreg dl dd .t2 .sexsel label .circle1 {
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
    position: relative;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.indexreg dl dd .t2 .sexsel label .circle1 i {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    left: 50%;
    top: 50%;
}

.indexreg dl dd .t2 .sexsel label.on .circle1 i {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
}

.indexreg dl dd .t2 .input {
    position: relative;
}

.indexreg dl dd .t2 .input .input1 {
    height: 34px;
    width: 220px;
    border: 1px solid #ccc;
    padding: 0 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.indexreg dl dd .t2 .input .i1 {
    position: absolute;
    line-height: 36px;
    width: 36px;
    text-align: center;
    font-size: 18px;
    color: #ccc;
    top: 0;
    right: 0;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.indexreg dl dd .t2 .input.dt.A i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.indexreg dl dd .t2 .input.dt .dropbox {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 36px;
    width: 100%;
    display: none;
}

.indexreg dl dd .t2 .input.dt .dropbox:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    left: 12px;
    top: 4px;
    z-index: 1
}

.indexreg dl dd .t2 .input.dt .dropbox .sel {
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 10px;
    max-height: 300px;
    overflow: auto
}

.indexreg dl dd .t2 .input.dt .dropbox li {
    width: 100%;
    height: auto;
    overflow: hidden
}

.indexreg dl dd .t2 .input.dt .dropbox a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 16px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-align: left
}

.indexreg dl dd .t2 .input.dt .dropbox a .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10);
    left: 0;
    top: 0;
    display: none
}

.indexreg dl dd .t2 .input.dt .dropbox a.hover:hover .bg {
    display: block;
}

.indexreg dl dd .btn1 {
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.indexreg dl dd .btn1:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.indexreg dl dd .btn1 i {
    float: left;
    line-height: 42px;
    font-size: 20px;
    margin-right: 4px;
    margin-left: -2px;
}

.laydate-theme-molv .layui-laydate-header {
    background: #fff !important;
    border: 1px solid #e2e2e2 !important
}

.laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span {
    color: #999 !important
}

.laydate-theme-molv .layui-laydate-header span {
    color: #666 !important
}

.laydate-theme-molv .laydate-footer-btns span {
    line-height: 24px;
}

/* 首页注册第二步 */
.indexreg2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000
}

.indexreg2 .bg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}

.indexreg2 .info {
    position: absolute;
    width: 600px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    height: 500px;
    margin-top: -250px;
}

.indexreg2 .info .close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -60px;
    right: 0;
    color: #fff;
    cursor: pointer
}

.indexreg2 .info .close i {
    display: block;
    line-height: 32px;
    height: 32px;
    width: 32px;
    font-size: 24px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.indexreg2 .items {
    width: 350px;
    margin: 0 auto;
    margin-top: 30px;
    height: 42px;
    position: relative
}

.indexreg2 .items.auto {
    height: auto;
}

.indexreg2 .items .t1 {
    line-height: 42px;
    font-size: 30px;
    font-weight: bold;
}

.indexreg2 .items .input1 {
    float: left;
    height: 40px;
    width: 160px;
    border: 1px solid #ccc;
    padding: 0 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.indexreg2 .items .sendmsg {
    float: right;
    width: 140px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    border: 1px solid #fff;
    background: #fff;
}

.indexreg2 .items .sendmsg:hover {
}

.indexreg2 .items .input2 {
    width: 318px;
}

.indexreg2 .items .i1 {
    position: absolute;
    line-height: 42px;
    width: 42px;
    text-align: center;
    font-size: 20px;
    color: #ccc;
    top: 0;
    right: 0;
    z-index: 10;
}

.indexreg2 .t2 {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    width: 350px;
    margin: 0 auto;
    margin-top: 15px;
}

.indexreg2 .items .btn1 {
    display: block;
    line-height: 56px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    background: #bbb;
    color: #fff;
}

.indexreg2 .items .bgcolor:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.indexreg2 .indexregrule {
    width: 350px;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 20px;
    color: #333;
}

.indexreg2 .indexregrule .check {
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ccc;
    position: relative;
    margin-top: 1px;
    color: #fff;
    margin-right: 6px;
    cursor: pointer
}

.indexreg2 .indexregrule .check i {
    position: absolute;
    height: 16px;
    width: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    top: 0;
    left: 0
}

.indexreg2 .indexregrule a {
    cursor: pointer
}

/* 注册协议 */
.newxieyi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none
}

.newxieyi .bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.newxieyi .xieyi1 {
    position: absolute;
    width: 540px;
    height: 500px;
    background: #fff;
    padding: 0 30px;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -300px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.newxieyi .xieyi1 .tit {
    font-size: 20px;
    color: #ff536a;
    border-bottom: 1px solid #ddd;
    height: 40px;
    margin-bottom: 30px;
    line-height: 20px;
}

.newxieyi .xieyi1 .txt {
    height: 340px;
    line-height: 28px;
    font-size: 15px;
    overflow: auto;
    margin-top: 30px;
}

.newxieyi .xieyi1 .close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -60px;
    right: 0;
    color: #fff;
    cursor: pointer
}

.newxieyi .xieyi1 .close i {
    display: block;
    line-height: 32px;
    height: 32px;
    width: 32px;
    font-size: 24px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

/* 首页案例 */
.indexanli {
    padding-bottom: 100px;
}

.indexanli .banner1 {
    width: 100%;
    height: 330px;
    padding-top: 20px;
    background: #fff url(images/indexanli_bg2.png) center 0 no-repeat
}

.indexanli .banner1 .tit1 {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
}

.indexanli .txt {
    background: #fff;
    box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.06);
    position: relative;
    padding: 40px 30px;
    position: relative;
    z-index: 2;
    margin-top: -170px
}

.indexanli .txt .line {
    position: absolute;
    z-index: 1;
    top: 50px;
    bottom: 50px;
    left: 50%;
    width: 1px;
    background: #efefef
}

.indexanli .txt li {
    float: left;
    text-align: center;
    width: 50%;
    color: #333;
    line-height: 24px;
    padding: 10px 0;
}

.indexanli .txt li .t2 {
    background-image: linear-gradient(to right bottom,#fd8403,rgb(255,83,106),pink);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.indexanli+.indexlinks {
    margin-top: -50px
}

/*首页红娘*/
.indexcontent+.indexhn {
    padding-top: 60px;
}

.indexhn {
    padding-bottom: 60px;
}

.indexhn .indextit {
    padding-top: 0
}

.indexhn .txt {
    width: 1260px;
}

.indexhn .txt .items {
    float: left;
    width: 200px;
    margin-right: 50px;
    margin-top: 40px;
}

.indexhn .txt .items .img {
    width: 200px;
    height: 200px;
    overflow: hidden
}

.indexhn .txt .items a:hover .img img {
    opacity: .75;
    filter: alpha(opacity=75)
}

.indexhn .txt .items .t1 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-top: 14px;
}

.indexhn .txt .items .t2 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    height: 40px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.indexhn .txt .items .btn {
    text-align: center;
    margin-top: 20px;
}

.indexhn .txt .items .btn .btn1 {
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 30px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.indexhn .txt .items .btn .btn1 .iconfont {
    float: left;
    font-size: 16px;
    margin-right: 4px;
    margin-left: -2px;
}

/* 友情链接 */
.indexlinks .txt {
    width: 1230px;
    padding: 30px 0 100px
}

.indexlinks .txt li {
    float: left;
    width: 150px;
    margin-right: 25px;
    margin-top: 10px;
    text-align: center
}

.indexlinks .txt li a {
    display: block;
    border: 1px solid #ddd;
    color: #333;
    line-height: 36px;
    padding: 0 5px;
    border-radius: 6px;
}

.fs-wrap {
    position: relative;
    float: left;
    width: 100%
}

.fs-label-wrap {
    position: relative;
    border: 1px solid #e7e7e7;
    cursor: default;
    color: #222;
    border-radius: 4px;
    height: 30px;
}

.fs-dropdown, .fs-label-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fs-label-wrap .fs-label {
    height: 30px;
    line-height: 30px;
    padding: 0 22px 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000;
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

.fs-dropdown {
    box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
    -moz-box-shadow: 0 0 6px #ddd;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    width: 203px;
    z-index: 1000;
    border-radius: 4px;
    top: 31px;
}

.fs-dropdown .fs-options {
    max-height: 240px;
    overflow: auto
}

.fs-search input {
    width: 90%;
    padding: 2px 4px;
    border: 0
}

.fs-selectAll {
    float: right;
    cursor: pointer;
    margin-top: 4px;
    height: auto
}

.fs-selectAll.selected {
    float: right;
    cursor: pointer;
    margin-top: 4px;
    height: auto;
    color: green
}

.fs-selectAll:hover {
    background-color: #eee
}

.fs-optgroup-label, .fs-option, .fs-search {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default
}

.fs-search {
    display: none
}

.fs-option {
    cursor: pointer
}

.fs-option.hl {
    background-color: #f5f5f5
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 4px;
    background-color: #fff
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: #ff536a;
    border-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center
}

.fs-wrap .fs-option:hover {
    background: #e8e8e8;
    margin-left: 0;
}

.fs-optgroup-label {
    font-weight: 700
}

.hidden {
    display: none
}

.fs-options::-webkit-scrollbar {
    width: 6px
}

.fs-options::-webkit-scrollbar-track {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .1)
}

.fs-options::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.clear {
    clear: both;
    display: block;
}

.listsx {
    width: 1150px;
    margin: 30px auto;
}

.listsx1 {
    height: 55px;
    position: relative
}

.listsx1 .nowsel {
    position: absolute;
    left: 300px;
    height: 55px;
    line-height: 40px;
    color: #9399a5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listsx1 li {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    font-size: 16px;
    float: left;
    cursor: pointer;
    margin-right: 15px;
    background: #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.listsx1 li.on, .listsx1 li:hover {
    background: #fe7c50;
    /* Old browsers */
    background: -moz-linear-gradient(left, #fe7c50 0%, #ff59a4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fe7c50 0%, #ff59a4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fe7c50 0%, #ff59a4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe7c50', endColorstr='#ff59a4', GradientType=1);
    /* IE6-9 */
    color: #fff;
}

.listsx2 {
    border: 1px solid #ddd;
    padding: 30px 30px 0;
}

.listsx2 .sx1 .dl1 {
    height: 104px;
}

.listsx2 .sx1 .dd1 {
    float: left;
    width: 313px;
    height: 32px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.listsx2 .sx1 .dd1 .tit1 {
    float: left;
    width: 80px;
    text-align: right;
    height: 32px;
    line-height: 32px;
}

.listsx2 .sx1 .dd1 .input {
    float: left;
    width: 205px;
    height: 32px;
    margin-left: 15px;
}

.listsx2 .sx1 .dd1 .input .selectcheck {
    visibility: hidden
}

.listsx2 .sx1 .dd1 .input .input1 {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e7e7e7;
    padding: 0 10px;
    font-size: 14px;
    color: #222;
    width: 170px;
    border-radius: 4px;
}

.listsx2 .sx1 .dd1 .input .input2 {
    width: 50px;
    text-align: center;
}

.listsx2 .sx1 .dd1 .input .mix {
    padding: 0 8px;
}

.listsx2 .sx1 .sub {
    width: 100%;
    float: left;
    height: 40px;
    text-align: center;
    margin: 5px 0 30px;
}

.listsx2 .sx1 .sub .btn {
    display: inline-block;
}

.listsx2 .sx1 .sub .btn a.sub1 {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #ff7b9c;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff7b9c 0%, #ff537c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff7b9c 0%, #ff537c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff7b9c 0%, #ff537c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7b9c', endColorstr='#ff537c', GradientType=1);
    /* IE6-9 */
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.listsx2 .sx1 .sub .btn a.more {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #222;
    cursor: pointer;
    float: left;
    color: #ff536a;
    font-size: 14px;
}

.listsx2 .sx1 .sub .btn a.more span {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    background: url(images/listnew_ico.png) 6px -69px no-repeat
}

.listsx2 .sx1 .sub .btn a.more.on span {
    background-position: 6px -24px
}

.listsx2 .sx1 .sub .btn a.empty1 {
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
}

/* 刷选条件 */
.listsx3 {
    padding: 20px 0 10px;
    border-top: 1px solid #e7e7e7;
}

.listsx3 > span {
    float: left;
    height: 32px;
    line-height: 32px;
    width: 80px;
    text-align: right
}

.listsx3 .sc {
    float: left;
    padding-left: 15px;
    width: 750px;
}

.listsx3 .sc.haslast {
    width: 630px
}

.listsx3 .sc a {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 30px 0 10px;
    border: 1px solid #ff536a;
    background: #fff7ee url(/assets/img/listnew_ico.png?v=1) right -110px no-repeat;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ff536a;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.listsx3 .sc a:hover {
    background: #fff url(/assets/img/listnew_ico.png?v=1) right -110px no-repeat;
}

.listsx3 .sr {
    float: right
}

.listsx3 .prevbtn {
    float: left;
    height: 27px;
    line-height: 27px;
    border: 1px solid #ddd;
    color: #888;
    padding: 0 14px 0 14px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-top: 2px;
    cursor: pointer;
    margin-left: 10px;
}

.listsx3 .prevbtn i {
    float: left;
    line-height: 27px;
    font-size: 17px;
    margin-left: -2px;
    margin-right: 2px
}

.listsx3 .prevbtn:hover {
    background: #fff7ee;
    border: 1px solid #ff536a;
    color: #ff536a;
}

.lock .fs-dropdown {
    display: none
}

/*幸福案例*/
.caselist2 {
    margin-top: 20px;
}

.caselist2 .l {
    float: left;
    width: 760px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    moz-border-radius: 10px;
}

.caselist2 .casebox .items {
    position: relative;
    padding: 0 0 30px 100px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.caselist2 .casebox .items .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.caselist2 .casebox .items .img img {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}

.caselist2 .casebox .items .t {
    min-height: 80px;
}

.caselist2 .casebox .items .t .t1 {
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #000
}

.caselist2 .casebox .items .t .txt {
}

.caselist2 .casebox .items .t .t2 {
    line-height: 24px;
    font-size: 16px;
    color: #000;
    margin-top: 6px;
}

.caselist2 .casebox .items .t .t4 {
    line-height: 24px;
    font-size: 16px;
    color: #000;
    margin-top: 6px;
}

.caselist2 .casebox .items .imgbox2 {
    font-size: 0;
}

.caselist2 .casebox .items .imgbox2 a {
    display: inline-block;
    width: 210px;
    height: 210px;
    margin-right: 15px;
    margin-top: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden
}

.caselist2 .casebox .items .imgbox2 a:nth-child(3n) {
    margin-right: 0
}

.caselist2 .casebox .items .t .t3 {
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}

.caselist2 .casebox .items .t .t3 .s2 {
    float: right;
    line-height: 20px;
    color: #000;
    cursor: pointer
}

.caselist2 .casebox .items .t .t3 .s2 .iconfont {
    float: left;
    line-height: 20px;
    font-size: 20px;
}

.caselist2 .pages {
    padding: 10px 0
}

.caselist2 .r {
    float: right;
    width: 300px;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    moz-border-radius: 10px;
    background: #fff;
}

.caselist2 .r .tit {
    line-height: 24px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.caselist2 .r .ul1 {
    font-size: 0;
    margin: 0 -10px;
}

.caselist2 .r .ul1 li {
    display: inline-block;
    width: 140px;
    margin: 0 10px 30px
}

.caselist2 .r .ul1 li a {
    display: block
}

.caselist2 .r .ul1 li .img {
    width: 140px;
    height: 175px;
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden
}

.caselist2 .r .ul1 li .img img {
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
}

.caselist2 .r .ul1 li .t1 {
    line-height: 24px;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
}

.caselist2 .r .ul1 li .t2 {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    margin-top: 2px;
}

.caselist2 .r .ul1 li .t2 span {
    padding-right: 6px;
}

.caselist2 .r .ul1 li:hover .img img {
    transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
}

.caselist2 .indextit {
    padding-top: 10px;
    margin-bottom: 30px;
}

.caselist2 .indextit .s1 {
    font-size: 28px;
    z-index: 6;
}

.caselist2 .indextit .bg {
    bottom: 0;
    height: 10px;
}

.color999 {
    color: #999 !important;
}

.color666 {
    color: #666 !important;
}

.color333 {
    color: #333 !important;
}

.color000 {
    color: #000 !important;
}

.my1 .info1 {
    background: #fff;
    height: auto
}

.my1 .info3 .r,.my1 .info2 .r2,.my1 .info2 .r,.my1 .info4 .r,.my1 .info5 .r {
    background: #fff;
    padding: 30px;
    width: 920px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.my1 .info4 .r>div .tit span,.my1 .info3 .r>div .tit span {
    font-weight: bold;
    color: #000 !important;
}

.mytip1 {
    border: 1px solid #d9a403;
    color: #000;
    background: #fffff2;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 14px;
    padding: 10px 15px 10px 40px;
    line-height: 24px;
    position: relative
}

.mytip1 .iconfont {
    position: absolute;
    top: 10px;
    line-height: 24px;
    width: 20px;
    text-align: center;
    height: 24px;
    left: 14px;
    font-size: 22px;
}

.info4_tag .t1 {
    position: relative;
    height: 26px;
    line-height: 26px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.info4_tag .t1 .s1 {
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.info4_tag .t1 .bgcolor {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .05;
    z-index: 1;
}

.fr {
    float: right
}

.fl {
    float: left
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-20 {
    padding-right: 20px
}

.pd-5 {
    padding: 5px
}

.pd-10 {
    padding: 10px
}

.pd-15 {
    padding: 15px
}

.pd-20 {
    padding: 20px
}

.pd-30 {
    padding: 30px
}

.pd-40 {
    padding: 40px
}

/*新版个人中心布局*/
.newl {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 200px;
    padding: 20px 0;
    float: left;
}

.newl .items {
}

.newl .items .t1 {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding: 0 20px;
}

.newl .items .t1 .img1 {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.newl .items ul {
    padding-bottom: 20px;
    margin-top: 5px;
}

.newl .items ul li {
}

.newl .items ul li a {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 50px;
}

.newl .items ul li .s1 {
    float: left;
    font-size: 14px;
}

.newl .items ul li .s2 {
    float: left;
    min-width: 10px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    background: #f00;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-left: 10px;
    padding: 0 4px;
    margin-top: 11px;
    text-align: center
}

.newl .items ul li * {
    position: relative;
    z-index: 5;
}

.newl .items ul li .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: .05;
    display: none
}

.newl .items ul li .iconfont {
    position: absolute;
    line-height: 20px;
    top: 10px;
    right: 15px;
    font-size: 18px;
    display: none
}

.newl .items ul li a.fontcolor .iconfont,.newl .items ul li a.fontcolor .bg {
    display: block
}

.newl .items ul li a:hover .bg {
    display: block
}

.newr {
    float: right;
    width: 920px;
    padding: 0 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #fff;
}

.newr3 {
    float: right;
    width: 920px;
    padding: 0 30px !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #fff;
}

.mytit1 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    padding-top: 20px;
}

.mytit1 .items {
    float: left;
    margin-right: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    position: relative;
}

.mytit1 .items[onclick] {
    cursor: pointer
}

.mytit1 .items .s1 {
    position: relative;
    z-index: 5;
}

.mytit1 .items .bg {
    position: absolute;
    width: 50px;
    height: 8px;
    border-radius: 4px;
    opacity: .2;
    left: 50%;
    margin-left: -25px;
    bottom: 5px;
    display: none
}

.mytit1 .items.on {
    font-weight: bold;
    color: #000;
    font-size: 20px;
}

.mytit1 .items.on .bg {
    display: block
}

.mytit1 .rbtn {
    float: right;
    height: 40px;
}

.mytit1 .rbtn .btn1 {
    float: left;
    margin-left: 10px;
    line-height: 24px;
    margin-top: 7px;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer
}

/*新版个人中心首页*/
.newr2 {
    background: none;
    padding: 0;
    width: 980px;
}

.myindex1 {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    overflow: hidden
}

.myindex1 .txt1 {
    position: relative;
    padding: 30px 200px 30px 30px;
}

.myindex1 .txt1 .img {
    width: 150px;
    height: 150px;
    position: relative;
    float: left;
}

.myindex1 .txt1 .img .img1 {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.myindex1 .txt1 .t {
    position: relative;
    margin: 0 0 0 170px;
    min-height: 150px;
}

.myindex1 .txt1 .t .t1 {
    height: 24px;
    line-height: 24px;
    padding-bottom: 5px;
}

.myindex1 .txt1 .t .t1 .s1 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-right: 5px;
}

.myindex1 .txt1 .t .t1 .img1 {
    float: left;
    height: 16px;
    margin-top: 4px;
    margin-left: 5px;
}

.myindex1 .txt1 .t .t1 .s2 {
    float: left;
    margin-left: 10px;
    color: #f00;
    font-size: 12px;
}

.myindex1 .txt1 .t .t2 {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 4px;
}

.myindex1 .txt1 .t .t3 {
    width: 160px;
    margin-top: 15px;
}

.myindex1 .txt1 .t .t3 .s1 {
    line-height: 20px;
    height: 20px;
    margin-top: 8px;
    font-size: 14px;
    color: #666
}

.myindex1 .txt1 .t .t3 .s1 span {
    float: left;
}

.myindex1 .txt1 .t .t3 .s1 a {
    float: left;
    line-height: 20px;
    width: 20px;
    margin-left: 10px;
    color: #666;
    cursor: pointer
}

.myindex1 .txt1 .t .t3 .s1 a .iconfont {
    font-size: 20px;
}

.myindex1 .txt1 .t .t4 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 24px;
    line-height: 24px;
    color: #666
}

.myindex1 .txt1 .t .t4 .s1 {
    float: left;
    line-height: 24px;
}

.myindex1 .txt1 .t .t4 .s2 {
    float: left;
    line-height: 24px;
    margin-left: 20px;
}

.myindex1 .txt1 .t .t4 .img1 {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.myindex1 .txt1 .t .btn {
    position: absolute;
    right: 35px;
    top: 0px;
    width: 150px;
}

.myindex1 .txt1 .t .btn1 {
    display: block;
    line-height: 38px;
    border: 1px solid #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer
}

.myindex1 .txt1 .t .btn1 .iconfont {
    font-size: 20px;
    width: 20px;
    text-align: center;
    margin-left: 30px;
    margin-right: 6px;
    float: left;
    line-height: 38px;
}

.myindex1 .txt1 .t .btn1.bgcolor {
    color: rgba(255,255,255,.8) !important;
}

.myindex1 .txt1 .t .btn1.bgcolor:hover {
    opacity: .8
}

.myindex1 .txt1 .t .btn .hxtime {
    text-align: center;
    font-size: 12px;
    color: #f00;
    line-height: 1
}

.myindex1 .txt2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
    text-align: center
}

.myindex1 .txt2 .t1 {
    line-height: 20px;
    padding-top: 25px;
}

.myindex1 .txt2 .img {
    width: 100px;
    height: 100px;
    margin: 12px auto;
}

.myindex1 .txt2 .img img {
    width: 100px;
    height: 100px;
}

.myindex1 .txt2 .t2 {
    line-height: 20px;
    color: #666
}

.myindex2 {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    padding: 0 30px;
}

.myindex2 .tit {
    margin-top: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.myindex2 .tit .iconfont {
    float: left;
    line-height: 30px;
    font-size: 22px;
    opacity: .3;
    margin: 0 10px;
}

.myindex2 .tit .s1 {
    float: left;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #000
}

.myindex2 .tinfo1 {
    text-align: center;
    line-height: 24px;
    height: 24px;
    position: relative;
    margin-top: 10px;
    color: #000;
    font-size: 14px;
}

.myindex2 .tinfo1 .btn {
    position: absolute;
    white-space: nowrap;
    right: 0;
    top: 0
}

.myindex2 .tinfo1 .btn1 {
    float: left;
    line-height: 24px;
    margin-left: 15px;
    color: #000;
    font-size: 14px;
    cursor: pointer
}

.myindex2 .tinfo1 .btn1 .iconfont {
    float: left;
    line-height: 24px;
    margin-right: 4px;
    font-size: 18px;
}

.myindex2 .tinfo2 {
    font-size: 0
}

.myindex2 .tinfo2 .line1 {
    width: 100%;
    height: 1px;
    background: #eee;
    float: left;
}

.myindex2 .tinfo2 .items {
    display: inline-block;
    width: 50%;
    padding: 30px 0;
}

.myindex2 .tinfo2 .items .img {
    width: 150px;
    height: 180px;
    position: relative;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden
}

.myindex2 .tinfo2 .items .img .img1 {
    width: 150px;
    height: 180px;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
}

.myindex2 .tinfo2 .items .img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.myindex2 .tinfo2 .items .t {
    position: relative;
    margin: 0 0 0 170px;
    min-height: 180px;
    padding-right: 15px;
}

.myindex2 .tinfo2 .items .t .t1 {
    height: 24px;
    line-height: 24px;
    padding-bottom: 5px;
}

.myindex2 .tinfo2 .items .t .t1 .s1 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-right: 5px;
}

.myindex2 .tinfo2 .items .t .t1 .img1 {
    float: left;
    height: 16px;
    margin-top: 4px;
    margin-left: 5px;
}

.myindex2 .tinfo2 .items .t .t1 .s2 {
    float: left;
    margin-left: 10px;
    color: #f00;
    font-size: 12px;
}

.myindex2 .tinfo2 .items .t .t2 {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    margin-top: 4px;
    height: 20px;
    overflow: hidden
}

.myindex2 .tinfo2 .items .t .t3 {
    font-size: 12px;
    margin-top: 10px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.myindex2 .tinfo2 .items .t .btn {
    position: absolute;
    bottom: 0;
    left: 0
}

.myindex2 .tinfo2 .items .t .btn .btn1 {
    line-height: 30px;
    border: 1px solid #fff;
    padding: 0 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    float: left;
    cursor: pointer;
    font-size: 14px;
}

.myindex2 .openbtn {
    padding: 60px 0;
    text-align: center;
    font-size: 0
}

.myindex2 .openbtn .btn1 {
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: inline-block;
    font-size: 20px;
    cursor: pointer
}

.myindex2 .openbtn .btn1:hover {
    opacity: .8
}

.myindex2 .openbtn .t1 {
    line-height: 20px;
    margin-top: 20px;
    font-size: 14px;
    color: #999
}

.myhntj {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.myhntj .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.5)
}

.myhntj .info {
    position: absolute;
    width: 600px;
    background: #fff;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -270px;
    text-align: center;
    z-index: 10;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: 540px;
}

.myhntj .info .t1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #000;
    padding: 30px 0 0
}

.myhntj .info .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #666;
    cursor: pointer
}

.myhntj .info .tbox {
    position: relative;
    margin-top: 0;
    padding-top: 10px;
}

.myhntj .info .tbox>* {
    position: relative;
    z-index: 5;
}

.myhntj .info .tbox .bg1 {
    position: absolute;
    z-index: 1;
    font-size: 360px;
    width: 500px;
    left: 50%;
    text-align: center;
    line-height: 300px;
    height: 300px;
    top: 0;
    margin-left: -250px;
}

.myhntj .info .tbox .bg2 {
    position: absolute;
    z-index: 2;
    font-size: 340px;
    width: 500px;
    left: 50%;
    text-align: center;
    line-height: 300px;
    height: 300px;
    top: 0;
    margin-left: -250px;
    color: #fff;
}

.myhntj .info .tbox .bg3 {
    position: absolute;
    z-index: 3;
    font-size: 340px;
    width: 500px;
    left: 50%;
    text-align: center;
    line-height: 300px;
    height: 300px;
    top: 0;
    margin-left: -250px;
    color: #fff;
    opacity: .1
}

.myhntj .info .tbox .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
    border: 6px solid #fff;
}

.myhntj .info .tbox .img .img1 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.myhntj .info .tbox .t2 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
}

.myhntj .info .t4 {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 20px 0 30px;
}

.myhntj .info .tbox .t3 {
    width: 160px;
    height: 160px;
    padding: 15px;
    border: 3px solid #fff;
    margin: 20px auto 0;
    background: #fff;
}

/*新版个人中心列表*/
.mylist1 .items {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    position: relative
}

.mylist1 .items .img {
    width: 150px;
    height: 180px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 30px;
}

.mylist1 .items .img img {
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
}

.mylist1 .items .img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.mylist1 .items .t {
    position: relative;
    margin: 0 0 0 170px;
    min-height: 180px;
}

.mylist1 .items .t .t1 {
    height: 24px;
    line-height: 24px;
    padding-bottom: 5px;
}

.mylist1 .items .t .t1 .s1 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-right: 5px;
}

.mylist1 .items .t .t1 .img1 {
    float: left;
    height: 16px;
    margin-top: 4px;
    margin-left: 5px;
}

.mylist1 .items .t .t2 {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    margin-top: 8px;
}

.mylist1 .items .t .t3 {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    height: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 500px;
}

.mylist1 .items .t .t3 .s1 {
    float: left;
}

.mylist1 .items .t .t3 img {
    float: left;
    width: 40px;
    height: 40px;
    margin-top: -13px;
    margin-right: 5px;
}

.mylist1 .items .t .t3 .s2 {
    float: left;
    color: #FF526A
}

.mylist1 .items .t .gzbtn {
    position: absolute;
    width: 88px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: center;
    top: 50%;
    margin-top: -17px;
    right: 0;
    line-height: 32px;
    cursor: pointer
}

.mylist1 .items .t .gzbtn .iconfont {
    float: left;
    line-height: 32px;
    font-size: 19px;
    margin-right: 2px;
    margin-left: -2px;
}

.mylist1 .items .t .gzbtn.bgcolor {
    color: rgba(255,255,255,.8) !important;
}

/*主题色分页*/
.newpages {
    height: 40px;
    line-height: 40px;
    padding: 40px 0;
    text-align: center;
    font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
}

.newpages a, .newpages .a {
    padding: 6px 10px;
    margin-right: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #999;
}

.newpages a:hover {
    text-decoration: none;
}

.newpages a {
    blr: expression(this.onFocus=this.blur());
}

.newpages em {
    color: #999;
}

/*新版个人中心缺省*/
.mynolist {
    text-align: center;
    padding: 120px 0 150px;
}

.mynolist .img {
    width: 300px;
    margin: 0 auto;
}

.mynolist .t1 {
    line-height: 20px;
    color: #666;
    font-size: 14px;
    position: relative;
    z-index: 5;
    margin-top: -20px;
}

.mynolist .btn {
    text-align: center;
    margin-top: 30px;
}

.mynolist .btn .btn1 {
    display: inline-block;
    line-height: 36px;
    font-size: 14px;
    padding: 0 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #fff;
}

.mynolist .btn .btn1 i {
    float: right;
    font-size: 24px;
    line-height: 48px;
    margin-right: -4px;
    margin-left: 6px;
}

/*礼物提现*/
.mytixian {
    margin-top: 30px;
}

.mytixian1 {
    padding: 20px 0 30px
}

.mytixian1 .layui-form-label {
    width: 120px
}

.mytixian1 .layui-input-block {
    margin-left: 150px;
}

.mytixian1 .input1 {
    background: #f7f7f7;
    border: 0
}

.mytixian1 .cardtype .type1 {
    float: left;
    height: 36px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 15px;
    line-height: 36px;
    margin-right: 10px;
    cursor: pointer;
    width: 80px;
    position: relative;
    overflow: hidden
}

.mytixian1 .cardtype .type1 img {
    float: left;
    width: 20px;
    height: 20px;
    margin: 8px 8px 0 0
}

.mytixian1 .cardtype .type1>* {
    position: relative;
    z-index: 5;
}

.mytixian1 .cardtype .type1 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .05;
    display: none
}

.mytixian1 .cardtype .type1 .rbox {
    position: absolute;
    width: 60px;
    height: 60px;
    right: -40px;
    top: -40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    display: none
}

.mytixian1 .cardtype .type1 .iconfont {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    top: -3px;
    right: -3px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    display: none
}

.mytixian1 .cardtype .type1.fontcolor .bg,.mytixian1 .cardtype .type1.fontcolor .iconfont,.mytixian1 .cardtype .type1.fontcolor .rbox {
    display: block
}

.mytixian2 .layui-table th, .mytixian2 .layui-table td {
    text-align: center;
    padding: 12px 15px;
}

.mytixian2 .s1 {
    color: #f00
}

.mytixian1 .layui-btn-sm {
    line-height: 28px !important;
}

/*绑定微信*/
.mybind {
    padding: 100px 0;
    text-align: center
}

.mybind .t1 {
    line-height: 30px;
    font-size: 18px;
}

.mybind .t2 {
    color: #333;
    line-height: 20px;
    font-size: 14px;
    margin-top: 15px;
}

.mybind .img {
    width: 240px;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 40px auto 0;
    position: relative
}

.mybind .imgcover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.mybind .imgcover .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fff;
    opacity: .9
}

.mybind .imgcover .over1 {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
}

/*升级vip*/
.mylevel .tit {
    margin-top: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.mylevel .tit .iconfont {
    float: left;
    line-height: 30px;
    font-size: 22px;
    opacity: .3;
    margin: 0 10px;
}

.mylevel .tit .s1 {
    float: left;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #000
}

.mylevel .tit2 {
    margin-top: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative
}

.mylevel .tit2:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E1AC43;
    z-index: 1;
}

.mylevel .tit2 .inline {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5
}

.mylevel .tit2 .iconfont {
    float: left;
    line-height: 30px;
    font-size: 22px;
    margin: 0 10px;
    color: #E1AC43
}

.mylevel .tit2 .s1 {
    float: left;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #E1AC43
}

.mylevel1 .items {
    margin-top: 30px;
}

.mylevel1 .items .txt1 {
    border: 2px solid #ddd;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.mylevel1 .items .txt1 .img {
    width: 80px;
    height: 80px;
    float: left;
}

.mylevel1 .items .txt1 .t {
    position: relative;
    margin: 0 0 0 100px;
    min-height: 80px;
    padding-right: 140px;
}

.mylevel1 .items .txt1 .t .t1 {
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #000
}

.mylevel1 .items .txt1 .t .t2 {
    line-height: 24px;
    font-size: 14px;
    margin-top: 6px;
    color: #000
}

.mylevel1 .items .txt1 .t .price {
    position: absolute;
    top: 24px;
    line-height: 36px;
    color: #FF2033;
    left: 630px;
    font-size: 24px;
    font-weight: bold
}

.mylevel1 .items .txt1 .rbox {
    position: absolute;
    width: 100px;
    height: 100px;
    right: -64px;
    bottom: -64px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background: #FF2033;
    display: none
}

.mylevel1 .items .txt1 .iconfont {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #fff;
    bottom: -2px;
    right: -2px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    display: none
}

.mylevel1 .items .txt2 {
    padding-top: 5px;
    font-size: 0;
    display: none
}

.mylevel1 .items .txt2 .a1 {
    display: inline-block;
    line-height: 40px;
    border: 2px solid #ddd;
    padding: 0 30px;
    margin: 10px 10px 0 0;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-size: 14px;
    color: #666;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.mylevel1 .items .txt2 .a1 .rbox {
    position: absolute;
    width: 60px;
    height: 60px;
    right: -40px;
    bottom: -40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background: #FF2033;
    display: none
}

.mylevel1 .items .txt2 .a1 .iconfont {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    bottom: -3px;
    right: -3px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    display: none
}

.mylevel1 .items .txt2 .a1.on {
    border-color: #FF2033;
    background: #FFEFEB;
    color: #FF2033
}

.mylevel1 .items .txt2 .a1.on .rbox,.mylevel1 .items .txt2 .a1.on .iconfont {
    display: block
}

.mylevel1 .items.on .txt1 {
    border-color: #FF2033;
    background: #FFEFEB;
}

.mylevel1 .items.on .txt1 .rbox,.mylevel1 .items.on .txt1 .iconfont,.mylevel1 .items.on .txt2 {
    display: block
}

.mylevel1 .openbtn {
    padding: 40px 0;
    text-align: center;
    font-size: 0
}

.mylevel1 .openbtn .btn1 {
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: inline-block;
    font-size: 20px;
    cursor: pointer
}

.mylevel1 .openbtn .t1 {
    line-height: 20px;
    margin-top: 15px;
    font-size: 14px;
    color: #999
}

.mylevel2 .txt {
    padding: 30px 0
}

.mylevel2 .txt li {
    float: left;
    width: 10%;
    text-align: center
}

.mylevel2 .txt li .img {
    width: 60px;
    margin: 0 auto
}

.mylevel2 .txt li .t1 {
    line-height: 20px;
    font-size: 14px;
    color: #000;
    margin-top: 8px;
}

.mylevel3 {
    padding: 20px 0 50px;
    line-height: 2;
    font-size: 14px;
    color: #000
}

.mylevelpay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none
}

.mylevelpay .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.5)
}

.mylevelpay .info {
    position: absolute;
    width: 600px;
    background: #fff;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -220px;
    text-align: center;
    z-index: 10;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: 440px;
}

.mylevelpay .info .t1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #000;
    padding: 30px 0 0
}

.mylevelpay .info .t2 {
    color: #f00;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.mylevelpay .info .t3 {
    width: 200px;
    height: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 20px auto 0;
}

.mylevelpay .info .t3 img {
    width: 200px;
    height: 200px;
}

.mylevelpay .info .t4 {
    color: #999;
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
}

.mylevelpay .info .t5 {
    padding: 10px 0 30px
}

.mylevelpay .info .t5 .btn1 {
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer
}

.mylevelpay .info .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #666;
    cursor: pointer
}

/*购买红线*/
.myhxbuy {
    width: 940px;
    padding-top: 10px;
    font-size: 0px;
    margin-left: -10px;
}

.myhxbuy.text-c {
    text-align: center
}

.myhxbuy .items {
    display: inline-block;
    width: 215px;
    margin: 20px 10px 0;
    position: relative
}

.myhxbuy .items .txt1 {
    border: 2px solid #ddd;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    height: 90px;
}

.myhxbuy .items .sc {
    position: absolute;
    left: 0;
    top: -10px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    color: #AC6C30;
    padding: 0 12px;
    border-radius: 4px 4px 4px 0;
    -webkit-border-radius: 4px 4px 4px 0;
    -moz-border-radius: 4px 4px 4px 0;
    z-index: 4;
    background: rgb(250,226,172);
    background: -moz-linear-gradient(90deg, rgba(250,226,172,1) 0%, rgba(255,248,215,1) 50%, rgba(250,226,172,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(250,226,172,1) 0%, rgba(255,248,215,1) 50%, rgba(250,226,172,1) 100%);
    background: linear-gradient(90deg, rgba(250,226,172,1) 0%, rgba(255,248,215,1) 50%, rgba(250,226,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fae2ac",endColorstr="#fae2ac",GradientType=1);
}

.myhxbuy .items .txt1 .t1 {
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #000
}

.myhxbuy .items .txt1 .t2 {
    line-height: 24px;
    font-size: 22px;
    margin-top: 12px;
    color: #AC6C30;
    font-weight: bold
}

.myhxbuy .items .txt1 .t2 .s1 {
    float: left;
    font-size: 14px;
    line-height: 14px;
    margin-top: 8px;
    margin-right: 2px;
}

.myhxbuy .items .txt1 .t3 {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.myhxbuy .items .txt1 .rbox {
    position: absolute;
    width: 100px;
    height: 100px;
    right: -64px;
    bottom: -64px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background: #FF2033;
    display: none
}

.myhxbuy .items .txt1 .iconfont {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #fff;
    bottom: -2px;
    right: -2px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    display: none
}

.myhxbuy .items.on .txt1 {
    border-color: #FF2033;
    background: #FFEFEB;
}

.myhxbuy .items.on .txt1 .t2 {
    color: #FF2033
}

.myhxbuy .items.on .txt1 .rbox,.myhxbuy .items.on .txt1 .iconfont {
    display: block
}

.myhxbuy .openbtn {
    padding: 40px 0;
    text-align: center;
    font-size: 0
}

.myhxbuy .openbtn .btn1 {
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: inline-block;
    font-size: 20px;
    cursor: pointer
}

.myhxbuy .openbtn .t1 {
    line-height: 20px;
    margin-top: 15px;
    font-size: 14px;
    color: #999
}

/*我的相册*/
.mypic {
    margin-top: 30px;
}

.mypic1 {
    padding: 10px 0 30px
}

.mypic1 .items {
    float: left;
    width: 215px;
    height: 215px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    line-height: 0
}

.mypic1 .items:nth-child(4n) {
    margin-right: 0
}

.mypic1 .items .img1 {
    width: 215px;
    height: 215px;
}

.mypic1 .items .s1 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    text-align: center
}

.mypic1 .items .del {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer
}

.mypic1 .items .del:hover {
    opacity: .8
}

.list_tj1 {
    background: #fff;
    border: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/*新版筛选*/
.nlistsx {
    padding: 0 30px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-top: 20px;
}

.nlistsx .nlisttit {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    padding-top: 20px;
}

.nlistsx .nlisttit .items {
    float: left;
    margin-right: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    position: relative;
}

.nlistsx .nlisttit .items[onclick] {
    cursor: pointer
}

.nlistsx .nlisttit .items .s1 {
    position: relative;
    z-index: 5;
}

.nlistsx .nlisttit .items .bg {
    position: absolute;
    width: 50px;
    height: 8px;
    border-radius: 4px;
    opacity: .2;
    left: 50%;
    margin-left: -25px;
    bottom: 5px;
    display: none
}

.nlistsx .nlisttit .items.on {
    font-weight: bold;
    color: #000;
    font-size: 20px;
}

.nlistsx .nlisttit .items.on .bg {
    display: block
}

.nlistsx .nlisttit .rinput {
    float: right;
    background: #f4f4f4;
    height: 38px;
    margin-top: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #f4f4f4
}

.nlistsx .nlisttit .rinput.bdcolor {
    background: #fff;
}

.nlistsx .nlisttit .rinput .input1 {
    width: 130px;
    padding: 0 15px;
    border: 0;
    background: none;
    height: 38px;
}

.nlistsx .nlisttit .rinput .btn1 {
    float: right;
    width: 40px;
    height: 40px;
    background: none;
    border: 0;
    line-height: 40px;
    text-align: center
}

.nlistsx .nlisttit .rinput .btn1 .iconfont {
    font-size: 24px;
    display: block;
    line-height: 30px;
    float: left;
    width: 40px;
    text-align: center;
    margin-top: -2px;
}

.nlistsx .nlisttit2 {
    margin: 0 76px;
    text-align: center;
    position: relative;
    height: 21px;
    line-height: 21px;
    padding: 20px 0;
}

.nlistsx .nlisttit2 .s1 {
    background: #fff;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    z-index: 3;
    display: inline-block;
    padding: 0 30px;
}

.nlistsx .nlisttit2 .line {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #eee;
    top: 30px;
    left: 0;
    z-index: 1;
}

.nlistsx .txt {
    padding: 30px 0;
}

.nlistsx .txt .btn {
    text-align: center;
    font-size: 0;
    padding: 30px 0 10px;
}

.nlistsx .txt .btn .btn1 {
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 100px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer
}

.nlistsx .txt .btn .btn1.bgcolor:hover {
    opacity: .8
}

.nlistsx .txt1 {
    padding: 10px 0 10px 76px;
    font-size: 0
}

.nlistsx .txt1 dl {
    display: inline-block
}

.nlistsx .txt1 dl dt {
    float: left;
    position: relative;
    margin-right: 20px;
    font-size: 14px;
}

.nlistsx .txt1 dl dt.line {
    padding: 0 6px;
    margin-right: 0;
    line-height: 40px;
    color: #666
}

.nlistsx .txt1 dl dt .droptit {
    display: inline-block;
    line-height: 38px;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 30px 0 15px;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.nlistsx .txt1 dl dt .droptit i {
    position: absolute;
    top: 1px;
    right: 14px;
    line-height: 38px;
    font-size: 16px;
    color: #ccc;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.nlistsx .txt1 dl dt .droptit.A i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.nlistsx .txt1 dl dt .dropbox {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 40px;
    min-width: 100%;
    display: none;
}

.nlistsx .txt1 dl dt .dropbox:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    left: 12px;
    top: 4px;
    z-index: 1
}

.nlistsx .txt1 dl dt .dropbox .sel {
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 10px;
    max-height: 300px;
    overflow: auto
}

.nlistsx .txt1 dl dt .dropbox li {
    height: auto;
    overflow: hidden;
    white-space: nowrap
}

.nlistsx .txt1 dl dt .dropbox a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 16px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-align: left
}

.nlistsx .txt1 dl dt .dropbox a .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10);
    left: 0;
    top: 0;
    display: none
}

.nlistsx .txt1 dl dt .dropbox a.hover:hover .bg {
    display: block;
}

.nlistsx .txt1 dl dt .radiobox {
    position: relative;
    padding-left: 24px;
    width: 45px;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    cursor: pointer
}

.nlistsx .txt1 dl dt .k {
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.nlistsx .txt1 dl dt .k i {
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #fff;
    display: none
}

.nlistsx .txt1 dl dt .k.bgcolor i {
    display: block
}

.nlistsx .txt1 dl dt .btn1 {
    float: left;
    width: 90px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    margin-right: 10px;
}

.nlistsx .txt1 dl dt .btn1 i {
    float: left;
    line-height: 40px;
    font-size: 18px;
    margin-right: 4px;
    margin-left: -2px;
}

.nlistsx .txt1 dl dt .btn1:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.nlistsx .txt1 dl dt .btn2 {
    float: left;
    width: 90px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    background: none;
    color: #999
}

.nlistsx .txt1 dl dt .btn2 i {
    float: left;
    line-height: 40px;
    font-size: 18px;
    margin-right: 4px;
    margin-left: -2px;
}

.nlistsx .txt1 dl dt.needlogin,.nlistsx .txt1 dl dt.needvip {
    background: #f7f7f7;
}

/*提示框*/
.tsboxr10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.tsbox {
    position: relative;
    width: 100%;
    height: 100%;
}

.tsbox .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #666;
    cursor: pointer
}

.tsbox .txt {
    padding: 30px;
}

.tsbox .txt .t1 {
    font-size: 14px;
    color: #000;
    text-align: center;
    padding-top: 20px;
    line-height: 24px;
}

.tsbox .txt .tit {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #000;
    position: relative;
    text-align: center
}

.tsbox .txt .tit .s1 {
    position: relative;
    z-index: 5;
    font-weight: bold;
    font-size: 20px;
}

.tsbox .txt .tit .bg {
    position: absolute;
    width: 50px;
    height: 8px;
    border-radius: 4px;
    opacity: .2;
    left: 50%;
    margin-left: -25px;
    bottom: 5px;
}

.tsbox .txt .btn {
    text-align: center;
    font-size: 0;
    padding: 30px 0 10px;
}

.tsbox .txt .btn .btn1 {
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 100px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer
}

.tsbox .txt .btn .btn1.bgcolor:hover {
    opacity: .8
}

/*列表*/
.piclist {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.piclist li {
    float: left;
    width: 360px;
    height: 150px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 30px;
}

.piclist li a {
    display: block
}

.piclist li:nth-child(3n) {
    padding-right: 0
}

.piclist li .img {
    float: left;
    width: 110px;
    height: 150px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.piclist li .img img {
    width: 110px;
    height: 150px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear
}

.piclist li .txt {
    float: left;
    padding-left: 12px;
    width: 220px;
    height: 150px;
    padding-right: 10px;
}

.piclist li .txt .tit {
    height: 24px;
    line-height: 24px;
    margin-top: 0;
}

.piclist li .txt .tit span {
    float: left;
    line-height: 24px;
    color: #333;
    font-weight: bold;
    padding-right: 5px;
}

.piclist li .txt .tit img {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    height: 20px;
}

.piclist li .txt .info1 {
    line-height: 20px;
    font-size: 12px;
    color: #888;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.piclist li .txt .info2 {
    margin-top: 8px;
    border-top: 1px dashed #ddd;
    padding-top: 8px;
    line-height: 20px;
    font-size: 12px;
    color: #888;
    text-align: justify
}

.piclist li .txt .info2_2 {
    margin-top: 5px;
    color: #888
}

.piclist li:hover .img img {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2)
}

/*父母登记信息提示*/
.fumudj {
    text-align: center;
    padding: 0 0 40px 0;
}

.fumudj .fontcolor {
    display: inline-block;
    line-height: 40px;
    padding: 0 30px;
    position: relative;
}

.fumudj .fontcolor .s1 {
    position: relative;
    z-index: 10;
}

.fumudj .fontcolor .s1 .iconfont {
    float: left;
    font-size: 18px;
    margin-right: 4px;
}

.fumudj .fontcolor .bgcolor {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    filter: alpha(opacity=10)
}

@charset "utf-8"; /*重定义*/
* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    font: 14px 'Microsoft YaHei','YaHei','Hiragino Sans GB',Helvetica,Arial,tahoma,sans-serif;
    color: #333;
    background: #fff;
}

body {
    min-width: 1300px;
}

input,textarea,select {
    font-family: arial,'microsoft yahei';
}

button,input,optgroup,select,textarea {
    font-size: 100%;
    vertical-align: middle;
    font-family: 'Microsoft YaHei','YaHei','Hiragino Sans GB',Helvetica,Arial,tahoma,sans-serif;
    outline: none;
    resize: none;
}

input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
    color: #333;
}

ul,li,dl,dt {
    list-style: none;
}

h1,h2,h3,h4,h5 {
    font-size: 100%;
    font-weight: normal;
}

em,i {
    font-style: normal;
}

img,object {
    max-width: 100%;
}

img {
    -ms-interpolation-mode: bicubic;
    border: none;
}

.clearfix:after {
    content: '';
    clear: both;
    display: block
}

.bk20 {
    height: 20px;
    clear: both;
    display: block;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.sub1 {
    cursor: pointer
}

.color1 {
    color: #FF5722 !important;
}

.color2 {
    color: #5eb95e !important
}

/*顶部*/
.wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.w1 {
    width: 1150px;
    margin: 0 auto;
}

.top_warp {
    width: 100%;
    height: 100%;
    background: #fff;
}

.top_w {
    height: 100px;
}

.top_logo {
    float: left;
    height: 60px;
    overflow: hidden;
    margin: 20px 20px 0 0;
}

.top_slogan {
    float: left;
    color: #999;
    line-height: 100px;
}

.top_user {
    float: right;
    padding-top: 28px;
}

/*未登录*/
.top_user a {
    border: 1px solid #ff536a;
    color: #ff536a;
    display: inline-block;
    padding: 10px 50px;
    margin-left: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.top_user2 {
    float: right;
    padding-top: 40px;
    line-height: 40px;
    font-size: 14px;
}

/*已登录*/
.top_user2 a {
    color: #ff536a;
}

.top_user2 span {
    color: #ddd;
    padding: 0 10px;
}

.top_nav_w {
    background: #ff536a;
    height: 45px;
}

/*主导航*/
.top_nav li {
    float: left;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}

.top_nav .cur1 {
    background: #d01b33
}

.top_nav a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.top1 {
    background: #f5f5f5;
    height: 36px;
    border-bottom: 1px solid #dfdfdf;
}

.top1 .btn1 {
    float: left;
    margin-right: 20px;
    height: 16px;
    line-height: 16px;
    color: #333;
    margin-top: 10px;
    font-size: 12px
}

.top1 .btn1 img {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

/*首页大图*/
.home_ppt_w {
    height: 450px;
}

.home_ppt {
    position: relative;
}

/*首页快注册*/
.fast_reg {
    position: absolute;
    right: 0;
    top: 20px;
    background: #fff;
    width: 400px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    _border: solid 1px #d0d0d0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fast_reg h1 {
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
    border-bottom: 1px solid #f4f4f4;
    margin: 0 auto 10px;
    width: 92%;
}

.fast_reg li {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 5px 0;
}

.fast_reg label {
    display: inline-block;
    width: 87px;
    padding-right: 15px;
    text-align: right;
    padding-left: 10px
}

.fast_reg p.p1 {
    text-align: center;
    padding: 13px 0;
}

.fast_reg h1 {
    font-weight: bold;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 15px 0 8px;
}

.fast_reg .label3 {
    width: 100%;
    text-align: center;
    line-height: 20px;
    padding: 0;
    padding-bottom: 10px;
    font-size: 12px;
    cursor: pointer
}

.fast_reg .label3 a {
    color: #ff536a
}

.fast_reg .label3 .inline {
    display: inline-block
}

.fast_reg .label3 input {
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    margin-right: 3px;
}

.fast_reg p.p1 {
    padding: 10px 0 0
}

/*表单*/
.sy_sele {
    border: 1px solid #ccc;
    font-size: 14px;
    *font-size: 14px;
    line-height: 25px;
    *line-height: 35px;
    height: 35px;
    *height: 35px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    color: #666;
    padding: 0 40px 0 10px;
    color: #666;
    background: #fff url(images/select_bg1.png) right 2px no-repeat;
}

.sy_cb {
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    margin-right: 5px;
}

.sy_btn1 {
    border: none;
    cursor: pointer;
    background: #ff536a;
    padding: 0 30px;
    height: 35px;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.sy_btn1:hover {
    background: #f22843;
}

.sy_btn_grey,.sy_btn_green {
    border: none;
    font-size: 12px;
    padding: 7px 15px;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
}

.sy_btn_grey {
    background: #bbb;
}

.sy_btn_green {
    background: #7ac23c;
}

.sy_ipt {
    text-indent: 10px;
    *text-indent: 0;
    border: 1px solid #ccc;
    padding: 2px 0 ;
    *padding: 2px 0 2px 2%;
    box-shadow: 0 0 3px #ddd inset;
    -webkit-box-shadow: 0 0 3px #ddd inset;
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    border-radius: 3px;
    color: #333
}

.sy_ipt:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6);
}

/*首页搜索*/
.home_search_w {
    height: 80px;
    line-height: 81px;
    background: #f6f6f6;
    border-bottom: 1px solid #ebebeb;
}

.home_search {
    height: 81px;
}

.home_search p {
    display: inline-block;
    margin-right: 20px;
    float: left;
    padding-top: 23px;
}

.home_search>i {
    background: url(images/icon1.png) no-repeat 0 -32px;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 23px;
}

.home_search .b {
    font-size: 20px;
    color: #ff536a;
    padding-top: 0
}

.home_search .c {
    padding-top: 0
}

.home_search .c input[type="checkbox"] {
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 32px;
}

.home_search .input1 {
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ccc;
    width: 100px;
}

/*首页推荐*/
.home_recom {
    height: auto;
    overflow: hidden;
    margin: 10px auto;
    width: 1148px;
    padding: 1px 0 0 1px;
}

.home_recom li {
    float: left;
    width: 164px;
    height: 164px;
}

/*推荐会员*/
.UserItem {
    position: relative;
    width: 163px;
    height: 163px;
    margin: 0 0 1px;
    background: #FFF url(images/loading1.gif) no-repeat 60px 60px;
    overflow: hidden;
    cursor: pointer;
}

.UserItem:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.UserItem .infoBg {
    position: absolute;
    bottom: -36px;
    left: 0;
    z-index: 6;
    background: #fff;
    width: 163px;
    height: 36px;
    opacity: .8;
    filter: alpha(opacity=80);
}

.UserItem .info {
    position: absolute;
    bottom: -36px;
    left: 0;
    width: 163px;
    line-height: 36px;
    height: 36px;
    text-align: center;
    z-index: 7;
}

.UserItem .info span {
    margin: 0 4px;
}

.UserItem:hover .infoBg,.UserItem:hover .info {
    bottom: 0;
}

.UserItem .infoBg,.UserItem .info,.UserItem img {
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*宣言*/
.home_td1 {
    background: url(images/title02.png) no-repeat center top;
    padding: 110px 0;
    font-size: 18px;
    text-align: center;
}

.home_td1 h1 {
    font-size: 26px;
    padding: 0 0 30px;
}

/*案例*/
.home_case {
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background: #f3e5c0;
}

.home_case h1 {
    font-size: 24px;
    padding: 60px 0 30px;
    text-align: center;
}

.home_case ul {
    margin: 0 auto;
    width: 1140px;
}

/*图片式*/
.home_case li {
    float: left;
    width: 190px;
    height: 190px;
    overflow: hidden;
    text-align: center;
}

.home_case dl {
    width: 1150px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.home_case dd {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px dashed #fff;
}

/*文字式*/
.home_case dd:last-child {
    border-bottom: none;
}

.home_case dd strong {
    color: #ff536a;
}

.home_case dd strong.boy {
    color: #09F;
}

#anli_text {
    width: 1150px;
    height: 300px;
    margin: 0 auto;
}

/*友链*/
.home_link {
    overflow: hidden;
    padding-bottom: 30px;
}

.home_link h1 {
    font-size: 24px;
    padding: 0 0 20px;
}

.home_link li {
    float: left;
    display: inline-block;
    padding: 0 30px 20px 0;
}

/*底部*/
.foot_wrap {
    background: #373a43;
    color: #fff;
}

.foot_1 {
    position: relative;
    line-height: 2.2;
    padding: 40px 0 30px;
}

.foot_1 .address {
    padding-right: 400px;
}

.foot_1 .wx {
    position: absolute;
    right: 0;
    top: 30px;
    width: 130px;
    height: auto;
    text-align: center;
    line-height: 1.7;
    color: #CCC;
    text-align: center
}

.foot_1 .wx.xcx {
    right: 170px
}

.foot_1 .wx img {
    padding: 5px;
    background: #fff;
    margin-bottom: 10px;
}

.foot_1 h1 {
    font-size: 24px;
    line-height: normal;
    padding-bottom: 20px;
}

.foot_2 {
    border-top: 1px solid #16171a;
    border-bottom: 1px solid #4b4f5b;
}

.foot_3 {
    padding: 30px 0 ;
    height: auto;
    overflow: hidden;
}

.foot_3 p {
    float: left;
    margin-right: 30px;
    color: #ccc;
}

.foot_3 a {
    color: #ccc;
}

.icon_rz1,.icon_rz2 {
    padding-left: 20px;
    height: 16px;
    line-height: 16px;
}

.icon_rz1 {
    background: url(images/icon1.png) no-repeat;
}

.icon_rz2 {
    background: url(images/icon1.png) no-repeat 0 -16px;
}

/*右侧浮窗*/
@font-face {
    font-family: 'icomoon';
    src: url('images/font/icomoon.eot?qradjf');
    src: url('images/font/icomoon.eot?qradjf#iefix') format('embedded-opentype'), url('images/font/icomoon.ttf?qradjf') format('truetype'), url('images/font/icomoon.woff?qradjf') format('woff'), url('images/font/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.demo-icon {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 24px;
    color: #999;
}

.r_float {
    position: fixed;
    right: 1px;
    top: 50%;
    margin-top: -200px;
    z-index: 100;
}

.r_float a:hover {
    text-decoration: none;
}

.r_float_menu {
    position: relative;
}

.r_float_btn {
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    text-align: center;
    display: block;
    margin-bottom: 6px;
    position: relative;
    background-color: #fff
}

.r_float_btn span {
    color: #848484;
    font-size: 26px;
    line-height: 48px;
}

.r_float_btn sup {
    display: block;
    min-width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 50%;
    background-color: #ff536a;
    position: absolute;
    left: -12px;
    top: -12px;
}

.r_float_btn p {
    color: #ff536a;
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    display: none;
}

.r_float_menu:hover .r_float_btn span {
    display: none
}

.r_float_menu:hover .r_float_btn p {
    display: block;
}

.r_float_menu:hover .r_float_box {
    display: block
}

.menu_ser .r_float_btn {
    border-color: #ff536a;
    background: url(images/icon_qq3.gif) no-repeat #ff536a center;
}

/*QQ*/
.menu_ser .r_float_box .box-border {
    width: 360px;
}

.menu_ser .r_float_btn p {
    color: #fff
}

.menu_ser .r_float_btn span {
    color: #fff
}

.menu_ser .r_float_btn .demo-icon {
    display: none;
}

.menu_ser:hover .r_float_btn {
    background: #ff536a;
}

.menu_code .r_float_box {
    top: inherit;
    bottom: -35px;
}

/*微信*/
.menu_code .r_float_box .box-border {
    width: 156px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.menu_code .r_float_box .box-border i {
    display: block;
    color: #ff536a;
    font-size: 16px;
    line-height: 16px;
}

.menu_code .r_float_box .box-border .arrow-right {
    top: inherit;
    bottom: 50px;
}

.menu_top .r_float_btn span {
    font-size: 12px;
    line-height: 12px;
    padding-top: 10px;
    display: block
}

/*回顶*/
.menu_top .r_float_btn i {
    display: block;
    color: #999
}

.menu_top.r_float_menu:hover .r_float_btn {
    background-color: #ff536a
}

.menu_top.r_float_menu:hover .r_float_btn span {
    display: block;
    color: #fff
}

.menu_top.r_float_menu:hover .r_float_btn i {
    color: #fff;
}

.menu_contact .r_float_box .box-border {
    width: 480px;
}

/*电话*/
.menu_contact .r_float_box .box-border2 {
    width: 480px;
}

/*二维码*/
.r_float_box {
    position: absolute;
    top: -15px;
    right: 48px;
    padding-right: 25px;
    display: none;
}

/*弹框*/
.r_float_box .box-border {
    border: 1px solid #ccc;
    border-top: 4px solid #ff536a;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position: relative
}

.r_float_box .box-border .arrow-right {
    display: block;
    width: 13px;
    height: 16px;
    background: url(/assets/img/icon1.png) no-repeat 0 -70px;
    position: absolute;
    right: -13px;
    top: 26px;
}

.sev-t {
    position: relative
}

.sev-t span {
    font-size: 42px;
    float: left;
    display: block;
    line-height: 56px;
    margin-right: 20px;
    color: #d3d3d3
}

.sev-t p {
    color: #ff536a;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    margin: 0 0 0 70px;
}

.sev-t p i {
    display: block;
    font-size: 14px;
    color: #aaa;
    margin-top: 5px;
    line-height: 24px;
}

.sev-t img {
    margin-bottom: 16px;
}

.sev-b {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e4e4e4
}

.sev-b h4 {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px;
}

.sev-b li {
    float: left;
    width: 50%
}

.sev-b li a {
    display: inline-block;
    color: #666;
    font-size: 13px;
    padding-left: 43px;
    background: url(/assets/img/icon_qq4.gif) no-repeat left 3px;
    line-height: 36px;
}

.sev-b li a:hover {
    color: #ff536a
}

.sev-b i.tel {
    display: inline-block;
    background: url(/assets/img/icon1.png) no-repeat 0 -96px;
    padding: 0 0 0 25px;
    height: 15px;
    line-height: 15px;
    margin-bottom: 20px;
    color: #666;
}

.sev-b i.tel:hover {
    color: #ff536a;
    font-weight: bold;
}

.wxlist li {
    float: left;
    width: 160px;
    padding-bottom: 10px;
}

.wxlist li i {
    display: block;
    text-align: center;
    padding: 8px 0;
    width: 130px;
}

.r_float_btn .wx_ico1 {
    width: 48px;
    height: 48px;
    background: url(/assets/img/wx_ico.png) 8px -1px no-repeat;
    display: block;
    overflow: hidden
}

.sev-t .wx_ico2 {
    width: 42px;
    height: 56px;
    background: url(/assets/img/wx_ico.png) 0px -48px no-repeat;
    float: left
}

/*单页*/
.pageinfo {
    width: 1148px;
    height: auto;
    overflow: hidden;
    margin: 20px auto 20px;
    background: #fff;
    border: 1px solid #ddd;
}

.pageinfo .title1 {
    width: 94%;
    margin: 0 auto;
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    color: #ff536a;
}

.pageinfo .con1 {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0 80px;
    line-height: 2;
    height: auto;
    overflow: hidden;
}

/*列表筛选*/
.fenlei {
    width: 1150px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.xingbie,.nianling,.xueli,.hunshi,.nianxin,.zhufang,.shuxiang,.diqu {
    float: left;
    width: 142px;
    font-size: 14px;
    color: #666;
    height: 38px;
    line-height: 38px;
    position: relative;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: url(/assets/img/xiala_btn2.png) 110px center no-repeat;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-right: 0;
    background-color: #fafafa;
}

.diqu {
    margin-right: 0;
    border-right: 1px solid #e0e0e0;
}

.xueli,.hunshi,.nianxin,.zhufang,.shuxiang {
    width: 143px;
}

.shangla {
    background: #fff url(/assets/img/shangla_btn.png) 90px center no-repeat;
    background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px
}

.fenlei_ul {
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    display: none;
    width: 144px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    font-size: 14px;
    position: absolute;
    top: 36px;
    left: -1px;
    border-top: 0;
    z-index: 1000;
    padding-bottom: 6px;
}

.xueli .fenlei_ul,.hunshi .fenlei_ul,.nianxin .fenlei_ul,.zhufang .fenlei_ul,.shuxiang .fenlei_ul {
    width: 145px;
}

.fenlei label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    padding-right: 20px;
    width: 90px;
    display: block;
    padding-left: 6px;
}

.fenlei_ul li {
    line-height: 32px;
    padding: 0 6px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fenlei_ul li a {
    display: block;
    color: #333
}

.fenlei_ul li:hover a {
    color: #f60;
}

.vip_btn {
    width: 500px;
    margin: 0px auto;
    height: 40px;
    line-height: 40px;
    background: #ff536a;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 3px 0 #e35000;
    -webkit-box-shadow: 0 3px 0 #e35000;
    -moz-box-shadow: 0 3px 0 #e35000;
    margin-bottom: 30px;
    font-size: 14px;
    text-decoration: none;
}

a.vip_btn:hover {
    color: #fff;
    text-decoration: none;
}

/*列表页*/
.table1 {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.table1 th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 39px;
    text-align: center;
    margin: 0;
    padding: 0;
    background: #fafafa;
}

.table1 td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 39px;
    text-align: center;
}

.table1 a {
    color: #0041d9;
}

.table1 a:hover {
    color: #f60;
}

.table1 .tj1 {
    color: #ff8700;
    font-weight: bold;
}

.tdbg2 {
    background: #fffee5;
}

.tdbg1 {
    background: #FFF;
}

/*列表推荐*/
.list_tj1 {
    border: 1px solid #ddd;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0;
}

.list_tj1 h1 {
    font-size: 16px;
    color: #ff536a;
    padding: 15px 0 15px 22px;
    font-weight: bold;
}

.list_tj2 {
    width: 1120px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;
}

.list_tj2 li {
    float: left;
    width: 140px;
    height: 150px;
; overflow: hidden;
    text-align: center;
}

.list_tj2 .img {
    position: relative;
    width: 120px;
    height: 150px;
    margin: 0 auto;
}

.list_tj2 p.p1 {
    height: 24px;
    position: absolute;
    background: #000;
    width: 100%;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}

.list_tj2 p.p2 {
    height: 24px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 9pt;
}

/*显示页*/
.list_q {
    border: 1px solid #e0e0e0;
    background: #fff;
    height: auto;
    margin: 20px auto;
    position: relative;
}

.love_photo {
    position: absolute;
    right: 50px;
    top: 100px;
    width: 200px;
}

.love_photo img {
    margin-bottom: 20px;
}

.love_photo .lovebtn {
    width: 200px;
    height: 32px;
}

.love_photo .lovebtn a {
    width: 95px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    cursor: pointer
}

.love_photo .lovebtn .btn2 {
    background: #888;
}

.love_photo .lovebtn #report {
    background: #ff7f00;
    margin-left: 10px;
    cursor: pointer
}

.love_photo .lovebtn2 a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    margin-top: 10px;
    cursor: pointer
}

.love_honor {
    position: absolute;
    left: 300px;
    top: 40px;
}

.love_honor img {
    margin: 0 10px;
}

.tableB {
    font-size: 14px;
    margin: 0 0 40px;
}

.tableB_td1 {
    text-align: right;
    padding-right: 10px;
    width: 200px;
    font-weight: bold;
    color: #666;
    height: 35px;
}

.tableB_td2 {
    line-height: 1.7;
    height: auto;
    overflow: hidden;
    padding-right: 29px;
}

.list_t1 {
    text-align: center;
    line-height: 2;
    font-size: 14px;
    border-top: 1px solid #e0e0e0;
    padding: 30px 0;
    height: auto;
    overflow: hidden;
    background: #fffee5;
}

.love_honor {
    top: 20px;
}

.love_wz1 {
    width: 1050px;
    margin: 0 auto 30px;
}

.newshow2 li .txt span {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    background: #ffdde5;
    color: #444;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.newshow2 {
    width: 560px;
    padding: 0 0 0 50px;
}

.newshow2 li {
    float: left;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 28px;
    width: 100%;
}

.newshow2 li .s1 {
    position: absolute;
    line-height: 28px;
    left: 0;
    top: 0;
    text-align: right;
    padding-right: 10px;
    width: 110px;
    color: #666;
    font-weight: bold;
}

.newshow2 li .txt {
    position: relative;
    margin: 0 0 0 120px;
}

.newshow2 .li1 {
    width: 50%
}

.newshow2 .li2 {
    width: 800px;
}

.newshow3 {
    width: 1050px;
    padding: 0 0 0 50px;
}

.newshow3 li {
    float: left;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 28px;
}

.newshow3 li .s1 {
    position: absolute;
    line-height: 28px;
    left: 0;
    top: 0;
    text-align: right;
    padding-right: 10px;
    width: 110px;
    color: #666;
    font-weight: bold;
}

.newshow3 li .txt {
    position: relative;
    margin: 0 0 0 120px;
}

.newshow3 .li1 {
    width: 33%
}

.newshow3 .li2 {
    width: 100%;
}

.newshow3 .nologin {
    padding: 50px 0 80px;
    text-align: center
}

.newshow3 .nologin .txt1 {
    font-size: 18px;
    color: #999
}

.newshow3 .nologin .btn {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 200px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    background: #ff7b9c;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff7b9c 0%, #ff537c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff7b9c 0%, #ff537c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff7b9c 0%, #ff537c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7b9c', endColorstr='#ff537c', GradientType=1);
    /* IE6-9 */
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    margin: 20px auto 0
}

.love_content1 {
    min-height: 450px;
    _height: 450px;
}

.newshow2 li .rzico {
    display: inline-block;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    background: url(https://img.love.e0575.com/v1/images/pc/rz_pcico1.png) 0 0 no-repeat;
    margin-left: -2px;
    background-position-x: -40px !important
}

.newshow2 li .rzico1 {
    background-position: 0 0
}

.newshow2 li .rzico2 {
    background-position: 0 -40px
}

.newshow2 li .rzico3 {
    background-position: 0 -80px
}

.newshow2 li .rzico4 {
    background-position: 0 -120px
}

.newshow2 li .rzico5 {
    background-position: 0 -160px
}

.newshow2 li .rzico6 {
    background-position: 0 -200px
}

.newshow2 li .rzico7 {
    background-position: 0 -240px
}

.newshow2 li .rzico8 {
    background-position: 0 -280px
}

.newshow2 li .rzico.on {
    background-position-x: 0 !important
}

/* 页码 */
.pages {
    height: 40px;
    line-height: 40px;
    padding: 28px 0;
    text-align: center;
    font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
}

.pages a, .pages .a {
    padding: 6px 10px;
    margin-right: 5px;
    border: 1px solid #E2E2E2;
    font-size: 14px;
    font-weight: bold;
    color: #999;
}

.pages a:hover {
    text-decoration: none;
}

.pages a {
    blr: expression(this.onFocus=this.blur());
}

.pages .a, .pages a:hover {
    color: #E91818;
    background-color: #FFEEE5;
    border: 1px solid #E81717;
}

.pages em {
    color: #999;
}

/* 简介 */
.love_wz1 {
    background: url(/assets/img/dot2.png) repeat-x 0 bottom;
    height: auto;
    overflow: hidden;
}

.love_wz1 .love_wz2 {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-top: 3px solid #ff536a;
    float: left;
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    background: #FFF;
    font-size: 14px;
    font-weight: bold;
    color: #ff536a
}

.love_txt1 {
    font-size: 14px;
    line-height: 1.8;
    padding: 30px 30px 50px;
    height: auto;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    border-top: none;
    position: relative;
}

.love_txt1 strong {
    color: #ff8700;
}

.love_txt1 a {
    color: #0041d9;
}

.love_txt1 a:hover {
    color: #f60;
}

.love_wx1 {
    position: absolute;
    right: 30px;
    top: 30px;
}

/* 新版信息二维码 */
.list_t1 {
    position: relative;
    text-align: left;
    line-height: 3;
    padding: 50px;
    color: #ff6600;
}

.list_t1 a.color {
    font-weight: bold;
    color: #ff6600;
}

.imgbox {
    position: absolute;
    left: 50%;
    margin-left: 111px;
    top: 50%;
    margin-top: -126px;
    width: 222px;
    height: 252px;
}

.imgbox img {
    max-width: 100%;
}

.imgbox p {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
}

.info_erweima {
    position: absolute;
    width: 440px;
    height: 120px;
    top: 56px;
    right: 50px
}

.info_box {
    text-align: center;
    position: absolute;
    right: 50px;
    width: 480px;
    height: 200px;
    top: 56px;
}

.info_box .box_p {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 10px;
}

.info_box li {
    width: 28%;
    text-align: center;
    float: left;
}

.info_box li h1 {
    line-height: 20px;
    padding: 8px 0;
}

.kf {
    width: 102px;
    height: 28px;
    background: url(/assets/img/kf.png) 0 0 no-repeat;
    float: left;
}

.kf1 {
    height: 28px;
    line-height: 28px;
    padding: 10px 0;
}

.kf1 span {
    float: left;
}

/* 弹窗 */
.ck1_bg {
    background: #000;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*FF IE7*/
    filter: alpha(opacity=70);
    /*IE*/
    opacity: 0.7;
    /*FF*/
    z-index: 10002;
    position: fixed!important;
    /*FF IE7*/
    position: absolute;
    /*IE6*/
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}

.ck1_div {
    overflow: hidden;
    background: #FFF;
    font-size: 14px;
    z-index: 10003;
    left: 50%;
    top: 50%;
    margin-left: -325px!important;
    /*FF IE7 该值为本身宽的一半 */
    margin-top: -235px!important;
    /*FF IE7 该值为本身高的一半*/
    margin-top: 0px;
    position: fixed!important;
    /* FF IE7*/
    position: absolute;
    /*IE6*/
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    /*IE5 IE5.5*/
    -moz-box-shadow: 0px 0px 15px #666;
    -webkit-box-shadow: 0px 0px 15px #666;
    box-shadow: 0px 0px 15px #666;
}

.ck1_title {
    height: 45px;
    line-height: 45px;
    color: #FFF;
    font-weight: bold;
    position: relative;
    background: #ff536a;
    padding: 0 0 0 15px;
    overflow: hidden;
}

.ck1_close {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 11px;
    height: 10px;
    overflow: hidden;
    cursor: pointer;
}

.ck1_close a {
    display: block;
    width: 11px;
    height: 10px;
    background: url(/assets/img/close.gif) no-repeat;
}

.ck1_close a:hover {
    background: url(/assets/img/close.gif) no-repeat 0 -10px;
}

.ck1_txt1 {
    padding: 20px;
    line-height: 2;
    height: auto;
    overflow: hidden;
}

/* 发布页提示*/
.love_tips1 {
    height: auto;
    overflow: hidden;
    border: 1px solid #eee4d0;
    padding: 15px 20px 15px 80px;
    width: 898px;
    margin: 20px 0 30px;
    background: #fffbe7 url(/assets/img/tips1.png) no-repeat 20px 17px;
    position: relative;
}

.love_tips2 {
    width: 880px;
    height: auto;
    overflow: hidden;
}

.love_tips2 li {
    float: left;
    width: 865px;
    padding-left: 20px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    color: #a68470;
    background: url(/assets/img/tips3.png) no-repeat 0 8px;
}

.love_tips2 a {
    color: #a68470;
}

.love_tips2 a:hover {
    color: #a68470;
}

.love_tips3 {
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(/assets/img/tips2.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.love_tip_add li {
    font-size: 16px;
    line-height: 32px;
    background-position: 0 11px;
    height: auto
}

.love_tip_add_btn {
    padding: 12px 30px;
    background-color: #ff536a;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    margin-right: 60px;
}

.love_tip_add_btn:hover {
    background-color: #f60;
}

/* 发布页 */
.tableA {
    font-size: 14px;
    margin: 0 0 20px;
}

.love_color1 {
    color: #F30;
}

.love_color2 {
    text-align: right;
    padding-right: 15px;
}

.love_color3 {
    color: #999;
}

.love_color4 {
    color: #ff536a;
}

.love_color5 {
    font-size: 14px;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

.love_input1 {
    border: 1px solid #ccc;
    color: #333;
    padding: 6px;
}

.love_btn1 {
    background: #ff536a;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    border: none;
    padding: 15px 30px;
    cursor: pointer;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-appearance: none;
}

.love_btn1:hover {
    background: #f60;
}

.love_btn2 {
    background: #ededed;
    color: #666;
    padding: 10px;
    border: none;
    cursor: pointer;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-appearance: none;
}

.love_btn2:hover {
    background: #e6e6e6;
}

.love_btn3 {
    background: #ff536a;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    border: none;
    padding: 10px 30px;
    cursor: pointer;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-appearance: none;
}

.love_btn3:hover {
    background: #f60;
}

.love_select1 {
    padding: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    outline: none;
}

.love_area1 {
    border: 1px solid #ccc;
    color: #333;
    padding: 8px;
    line-height: 1.7;
    resize: none;
    outline: none;
}

.love_type1 {
    width: 840px;
    height: auto;
    overflow: hidden;
}

.love_type1 li {
    width: 141px;
    overflow: hidden;
    float: left;
    border: 1px solid #e0e0e0;
    padding: 5px 5px 5px 10px;
    margin: 0 10px 10px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.love_type1 li:hover {
    background: #f8f8f8;
}

.love_add_t1 {
    text-align: center;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
}

/* 注册界面 */
.add1_ul {
    width: 40%;
    margin: 50px auto 70px
}

.add1_ul .tit {
    font-size: 30px;
    text-align: center;
    color: #ff7f00;
    margin-bottom: 50px;
}

.add1_ul li {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
}

.add1_ul li .input1 {
    -webkit-appearance: none;
    height: 50px;
    border: 0;
    background: none;
    font-size: 14px;
    padding-left: 35px;
    color: #000;
    line-height: 50px;
}

.add1_ul li .input2 {
    width: 60%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.add1_ul li .getyzm {
    width: 40%;
    position: absolute;
    right: 0;
    top: 17px;
    text-align: center;
    font-size: 14px;
    color: #999;
    height: 16px;
    line-height: 16px;
    border-left: 1px solid #ddd;
    cursor: pointer
}

.add1_ul li .getyzm:hover {
    color: #ff8f00
}

.add1_ul li .reg_ico {
    width: 40px;
    height: 50px;
    background: url(/assets/img/reg_ico.png) center 0 no-repeat;
    background-size: 50px 150px;
    -webkit-background-size: 50px 150px;
    -moz-background-size: 50px 150px;
    position: absolute;
    left: 0;
    top: 0;
}

.add1_ul li .reg_ico1 {
    background-position: center 0;
}

.add1_ul li .reg_ico2 {
    background-position: center -50px;
}

.add1_ul li .reg_ico3 {
    background-position: center -100px;
}

.add1_ul .sub1 {
    -webkit-appearance: none;
    width: 100%;
    background: #ff536a;
    color: #fff;
    font-size: 16px;
    border: 0;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 20px;
}

.add1_ul h1 {
    padding: 15px 0;
    color: #999;
    text-align: left;
    font-size: 12px;
}

.add1_ul h1 span {
    float: right
}

.add1_ul h1 a {
    color: #ff536a;
}

.add1_ul h1 .reg {
    float: left;
    color: #999;
    font-size: 14px;
}

.add1_ul h1 .forget {
    float: right;
    color: #999;
    font-size: 14px;
}

.add1_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url() center bottom no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    z-index: -1
}

.logn {
    width: 100%;
    height: 500px;
    background: url(/assets/img/login_bg.jpg) center 0 no-repeat;
}

.logn form {
    width: 1150px;
    margin: 0 auto;
    position: relative
}

.logn form ul {
    position: absolute;
    width: 300px;
    height: 250px;
    padding: 50px;
    right: 0;
    top: 75px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.logn form ul .tit {
    font-size: 30px;
    text-align: center;
    color: #ff7f00;
    margin-bottom: 50px;
}

.logn form ul li {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
}

.logn form ul li .input1 {
    -webkit-appearance: none;
    height: 50px;
    border: 0;
    background: none;
    font-size: 14px;
    padding-left: 35px;
    color: #000;
    line-height: 50px;
}

.logn form ul li .input2 {
    width: 60%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.logn form ul li .getyzm {
    width: 40%;
    position: absolute;
    right: 0;
    top: 17px;
    text-align: center;
    font-size: 14px;
    color: #999;
    height: 16px;
    line-height: 16px;
    border-left: 1px solid #ddd;
    cursor: pointer
}

.logn form ul li .getyzm:hover {
    color: #ff8f00
}

.logn form ul li .reg_ico {
    width: 40px;
    height: 50px;
    background: url(/assets/img/reg_ico.png) center 0 no-repeat;
    background-size: 50px 150px;
    -webkit-background-size: 50px 150px;
    -moz-background-size: 50px 150px;
    position: absolute;
    left: 0;
    top: 0;
}

.logn form ul li .reg_ico1 {
    background-position: center 0;
}

.logn form ul li .reg_ico2 {
    background-position: center -50px;
}

.logn form ul li .reg_ico3 {
    background-position: center -100px;
}

.logn form ul .sub1 {
    -webkit-appearance: none;
    width: 100%;
    background: #ff536a;
    color: #fff;
    font-size: 16px;
    border: 0;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 20px;
}

.logn form ul h1 {
    padding: 15px 0;
    color: #999;
    text-align: left;
    font-size: 12px;
}

.logn form ul h1 span {
    float: right
}

.logn form ul h1 a {
    color: #ff536a;
}

.logn form ul h1 .reg {
    float: left;
    color: #999;
    font-size: 14px;
}

.logn form ul h1 .forget {
    float: right;
    color: #999;
    font-size: 14px;
}

.loginbox {
    position: absolute;
    width: 300px;
    height: 300px;
    padding: 30px 50px;
    right: 0;
    top: 70px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.loginbox .ewm_login {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(/assets/img/ewm_login.png) 0 0 no-repeat;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 1
}

.loginbox .ewm_login span {
    position: absolute;
    width: 110px;
    height: 26px;
    border: 1px solid #f3d995;
    background: #fefcee;
    color: #df9c1f;
    left: -120px;
    top: 2px;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
}

.loginbox .tit {
    font-size: 20px;
    height: 50px;
}

.loginbox .logn_ul2 {
    width: 300px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative;
    top: 0
}

.logn form ul.logn_ul2 .sub1 {
    margin-top: 10px;
}

.logn form ul.logn_ul2 h1 {
    padding-top: 0
}

/* 信息登记 */
.love_wz1 a {
    height: 38px;
    line-height: 38px;
    border-top: 3px solid #fff;
    float: left;
    padding: 0 20px;
    color: #888;
    cursor: pointer
}

.love_wz1 a:hover {
    color: #ff7f00
}

.reg1 {
    width: 90%;
    margin: 40px auto;
    font-size: 14px;
}

.reg1_ul li {
    width: 100%;
    margin-bottom: 20px;
}

.reg1_ul li span {
    width: 150px;
    font-size: 14px;
    color: #555;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: right
}

.reg1_ul li .input {
    position: relative;
    margin: 0 0 0 170px;
    padding: 5px 0;
}

.reg1_ul li .input h1 {
    color: #999;
    padding: 10px 0 0;
}

.reg1_ul li .input1 {
    width: 230px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    font-size: 14px;
    margin-right: 10px;
}

.reg1_ul li .select1 {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ccc;
}

.reg1_ul li .sub1 {
    background: #ff536a;
    color: #FFF;
    font-size: 20px;
    border: none;
    padding: 10px 30px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
}

.reg1_ul li .sub1:hover {
    background: #f60;
}

.reg1_ul li .btn1 {
    background: #ddd;
    color: #666;
    font-size: 20px;
    border: none;
    padding: 10px 30px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    margin-left: 20px;
}

.reg1_ul li .input .label1 {
    width: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}

.reg1_ul li .input .label1 input[type="checkbox"] {
    float: left;
    width: 13px;
    height: 13px;
    margin: 8px 3px 0 8px
}

/* 用户中心 */
.my1 {
    width: 1150px;
    margin: 20px auto;
}

.my1 .info1 {
    border: 1px solid #ddd;
    padding: 30px;
    height: 100px;
    margin-bottom: 20px;
    position: relative
}

.my1 .info1 .img {
    float: left;
    width: 100px;
    height: 100px;
}

.my1 .info1 .img img {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.my1 .info1 .txt1 {
    float: left;
    width: 760px;
    margin-left: 30px;
}

.my1 .info1 .txt1 h1 {
    font-size: 20px;
    color: #444;
    padding-bottom: 10px;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}

.my1 .info1 .txt1 ul li {
    width: 170px;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
}

.my1 .info1 .txt1 ul li span {
    float: left;
    height: 24px;
    line-height: 24px;
    color: #444
}

.my1 .info1 .txt1 ul li img {
    margin-right: 10px;
}

.my1 .info1 .txt1 ul li i {
    float: left;
    color: #ff536a;
}

.my1 .info1 .txt1 ul li a {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 2px;
    background: #ff536a;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 5px;
    cursor: pointer
}

.my1 .info1 .txt1 ul li a:hover {
    background: #ff536a
}

.my1 .info1 .txt2 {
    position: absolute;
    right: 30px;
    top: 36px;
}

.my1 .info1 .txt2 ul li {
    width: 120px;
    text-align: center;
    float: left;
    margin-top: 15px;
}

.my1 .info1 .txt2 ul li h1 {
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    color: #ff536a;
    padding-bottom: 10px;
}

.my1 .info1 .txt2 ul li h2 {
    font-size: 14px;
    color: #444;
    line-height: 20px;
}

/* 用户中心左侧导航 */
.my1 .l {
    float: left;
    width: 158px;
    border: 1px solid #ddd;
    padding: 30px 0 20px 30px
}

.my1 .l .tit {
    font-size: 18px;
    color: #444;
    height: 24px;
    line-height: 24px;
    padding-bottom: 10px;
}

.my1 .l ul li {
    width: 100%;
    color: #444;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.my1 .l ul li .userm_ico {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    background: url(/assets/img/userm_ico7.png) no-repeat;
    margin-right: 6px;
}

.my1 .l ul li .userm_ico1 {
    background-position: 0 0;
}

.my1 .l ul li .userm_ico2 {
    background-position: 0 -20px;
}

.my1 .l ul li .userm_ico3 {
    background-position: 0 -40px;
}

.my1 .l ul li .userm_ico4 {
    background-position: 0 -60px;
}

.my1 .l ul li .userm_ico5 {
    background-position: 0 -80px;
}

.my1 .l ul li .userm_ico6 {
    background-position: 0 -100px;
}

.my1 .l ul li .userm_ico7 {
    background-position: 0 -120px;
}

.my1 .l ul li .userm_ico8 {
    background-position: 0 -140px;
}

.my1 .l ul li .userm_ico9 {
    background-position: 0 -160px;
}

.my1 .l ul li .userm_ico10 {
    background-position: 0 -180px;
}

.my1 .l ul li .userm_ico11 {
    background-position: 0 -200px;
}

.my1 .l ul li .userm_ico12 {
    background-position: 0 -220px;
}

.my1 .l ul li .userm_ico13 {
    background-position: 0 -240px;
}

.my1 .l ul li .userm_ico14 {
    background-position: 0 -260px;
}

.my1 .l ul li .userm_ico15 {
    background-position: 0 -280px;
}

.my1 .l ul li .userm_ico16 {
    background-position: 0 -300px;
}

.my1 .l ul li .userm_ico17 {
    background-position: 0 -320px;
}

.my1 .l ul li span {
    float: right;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    font-size: 12px;
    background: #ff536a;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-top: 9px;
}

/* 用户中心首页右侧 */
.my1 .info2 .r {
    float: right;
    width: 930px;
    overflow: hidden
}

.my1 .info2 .r>div>ul {
    border-bottom: 2px solid #ff536a;
    height: 46px;
    position: relative
}

.my1 .info2 .r>div>ul li {
    float: left;
    width: 140px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    position: relative;
    font-size: 18px;
    cursor: pointer
}

.my1 .info2 .r>div>ul .cur {
    border: 2px solid #ff536a;
    border-width: 2px 2px 0 2px;
    color: #ff536a;
    line-height: 42px;
    height: 46px;
    background: #fff;
}

.my1 .info2 .r>div>ul .cur:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -2px;
    background: #fff;
}

.my1 .info2 .r>div>ul .checkmore {
    float: right;
    height: 24px;
    line-height: 24px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 10px;
    margin-top: 10px;
}

.my1 .info2 .r>div>ul .checkmore:hover {
    background: #d01b33
}

.my1 .info2 .r>div>div .warn {
    font-size: 16px;
    color: #888;
    text-align: center;
    line-height: 40px;
    padding: 30px 0;
    margin: 30px 0;
}

.my1 .info2 .r>div>div ul {
    margin: 30px 0;
    width: 945px;
}

.my1 .info2 .r>div>div ul li {
    float: left;
    width: 120px;
    margin-right: 15px;
    padding-bottom: 10px;
}

.my1 .info2 .r>div>div ul li .img {
    position: relative
}

.my1 .info2 .r>div>div ul li .img h1 {
    position: absolute;
    width: 110px;
    padding: 0 5px;
    color: #fff;
    left: 0;
    bottom: 0;
    height: 24px;
    line-height: 24px;
    text-align: center;
    z-index: 1;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.my1 .info2 .r>div>div ul li .img .bg {
    height: 24px;
    width: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.my1 .info2 .r>div>div ul li h2 {
    height: 20px;
    line-height: 20px;
    padding-top: 15px;
    text-align: center;
    color: #888;
}

.my1 .info2 .r>div>div ul li h2+h2 {
    padding-top: 5px;
}

.my1 .info2 .r>div>div ul li .vip {
    text-align: center;
    padding: 10px 0 15px;
    height: 35px
}

/* 下拉样式 */
.dropdown,.dropdown div,.dropdown div::after,.dropdown li {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

.dropdown .selected::after,.dropdown.scrollable div::after {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none
}

.dropdown {
    position: relative;
    width: 160px;
    border: 1px solid #ddd;
    cursor: pointer;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 24px;
    font-size: 14px;
    float: left;
    margin-right: 10px;
}

.dropdown.open {
    z-index: 2
}

.dropdown .carat,.dropdown .carat:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    border: 6px solid transparent;
    border-top: 6px solid #888;
    z-index: 1;
    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
}

.dropdown .carat:after {
    margin-top: -8px;
    right: -6px;
    border-top-color: #fff
}

.dropdown.disabled .carat {
    border-top-color: #fff
}

.dropdown .old {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden
}

.dropdown select {
    position: absolute;
    left: 0;
    top: 0
}

.dropdown.touch .old {
    width: 100%;
    height: 100%
}

.dropdown.touch select {
    width: 100%;
    height: 100%;
    opacity: 0
}

.dropdown .selected,.dropdown li {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #000;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap
}

.dropdown.disabled .selected {
    color: #999
}

.dropdown .selected::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    border-radius: 0 2px 2px 0;
    box-shadow: inset -55px 0 25px -20px #fff
}

.dropdown div {
    position: absolute;
    height: 0;
    left: -1px;
    right: -1px;
    top: 100%;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 1px solid #eee;
    border-radius: 0 0 3px 3px;
    overflow: auto;
    opacity: 0
}

.dropdown.open div {
    opacity: 1;
    z-index: 2
}

.dropdown.scrollable div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    box-shadow: inset 0 -50px 30px -35px #fff
}

.dropdown.scrollable.bottom div::after {
    opacity: 0
}

.dropdown ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    list-style: none;
    overflow: auto
}

.dropdown.scrollable.open ul {
    overflow-y: auto
}

.dropdown li {
    height: 26px;
    line-height: 26px;
}

.dropdown li.focus {
    color: #ff536a;
    background: #f5f5f5;
    position: relative;
    z-index: 3;
}

.dropdown li.active {
    font-weight: 700;
    color: #ff536a;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    float: left
}

fieldset .dropdown {
    width: 80px;
}

/* 择偶意见 */
.my1 .info4 .r {
    float: right;
    width: 930px;
}

.my1 .info4 .r>div>ul {
    border-bottom: 2px solid #ff536a
}

.my1 .info4 .r>div>ul li {
    float: left;
    width: 140px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    position: relative;
    font-size: 18px;
    cursor: pointer
}

.my1 .info4 .r>div>ul .cur {
    border: 2px solid #ff536a;
    border-width: 2px 2px 0 2px;
    color: #ff536a;
    line-height: 42px;
    height: 46px;
    background: #fff;
}

.my1 .info4 .r>div>ul .cur:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -2px;
    background: #fff;
}

.my1 .info4 .r>div .tit {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
    color: #888;
    margin-bottom: 15px;
    margin-top: 30px;
}

.my1 .info4 .r>div .tit span {
    color: #444;
    font-size: 16px;
    margin-right: 10px;
}

.my1 .info4 .r>div .info4_1 .ul6 li {
    position: relative;
    padding: 10px 0;
    height: 26px;
    float: left;
    width: 365px;
}

.my1 .info4 .r>div .info4_1 .ul6 li>span {
    color: #888;
    float: left;
    width: 120px;
    height: 26px;
    line-height: 26px;
}

.my1 .info4 .r>div .info4_1 .ul6 li .input {
    height: 26px;
    line-height: 26px;
}

.my1 .info4 .r>div .info4_1 .ul6 li .input i {
    float: left;
    height: 26px;
    line-height: 26px;
    background: #888;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
    padding: 0 10px;
}

.my1 .info4 .r>div .info4_1 .ul6 .auto {
    width: 920px;
}

.my1 .info4 .r>div .info4_1 .ul6 .auto>span {
    width: 120px;
}

.my1 .info4 .r>div .info4_2 .ul7>li {
    position: relative;
    padding: 10px 0;
    float: left;
    width: 450px;
}

.my1 .info4 .r>div .info4_2 .ul7>li>span {
    color: #888;
    float: left;
    width: 120px;
    height: 26px;
    line-height: 26px;
}

.my1 .info4 .r>div .info4_2 .ul7>li .input {
    position: relative;
    margin: 0 0 0 120px;
    height: 26px;
    line-height: 26px;
}

.my1 .info4 .r>div .info4_2 .ul7>li .input .input1 {
    float: left;
    border: 1px solid #ddd;
    height: 24px;
    width: 148px;
    padding: 0 10px;
    margin-right: 10px;
}

.my1 .info4 .r>div .info4_2 .ul7>li .input textarea {
    resize: none;
    border: 1px solid #ddd;
    height: 130px;
    padding: 6px 10px;
    line-height: 20px;
    width: 700px;
}

.my1 .info4 .r>div .info4_2 .ul7>li .input em {
    float: left;
    margin-right: 5px;
}

.my1 .info4 .r>div .info4_2 .ul7>.auto {
    width: 920px;
}

.my1 .info4 .r>div .info4_2 .ul7>.auto>span {
    width: 120px;
}

.my1 .info4 .r>div .info4_2 .ul7>.auto .input {
    margin: 0 0 0 120px;
    line-height: none
}

.my1 .info4 .r>div .info4_2 .ul7>li .input .label1 {
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.my1 .info4 .r>div .info4_2 .ul7>li .input .label1 input[type="checkbox"] {
    float: left;
    width: 13px;
    height: 13px;
    margin: 8px 3px 0 8px
}

.my1 .info4 .r>div .btn {
    text-align: center;
    padding: 30px 0 50px;
}

.my1 .info4 .r>div .sub1 {
    width: 200px;
    height: 40px;
    background: #ff536a;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 40px;
    font-size: 16px;
    border: 0
}

/* 我的资料表单 */
.my1 .info3 .r {
    float: right;
    width: 930px;
}

.my1 .info3 .r>div>ul {
    border-bottom: 2px solid #ff536a;
    height: 46px;
}

.my1 .info3 .r>div>ul li {
    float: left;
    width: 140px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    position: relative;
    font-size: 18px;
    cursor: pointer
}

.my1 .info3 .r>div>ul .cur {
    border: 2px solid #ff536a;
    border-width: 2px 2px 0 2px;
    color: #ff536a;
    line-height: 42px;
    height: 46px;
    background: #fff;
}

.my1 .info3 .r>div>ul .cur:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -2px;
    background: #fff;
}

.my1 .info3 .r>div .warn {
    background: #f5f5f5;
    padding: 15px;
    color: #666;
    line-height: 24px;
    margin: 30px 0 0;
    font-size: 14px;
    text-align: left
}

.my1 .info3 .r>div .warn img {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.my1 .info3 .r>div .warn em {
    color: #ff536a;
    padding: 0 2px;
    font-weight: 700
}

.my1 .info3 .r>div .tit {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
    color: #888;
    margin-bottom: 15px;
    margin-top: 30px;
}

.my1 .info3 .r>div .tit span {
    color: #444;
    font-size: 16px;
    margin-right: 10px;
}

.my1 .info3 .r>div .ul1 {
    width: 460px;
    float: left;
}

.my1 .info3 .r>div .ul1>li {
    position: relative;
    padding: 10px 0;
    height: 26px;
}

.my1 .info3 .r>div .ul1>li>span {
    color: #888;
    float: left;
    width: 60px;
    height: 26px;
    line-height: 26px;
}

.my1 .info3 .r>div .ul1>li .input {
    position: relative;
    line-height: 26px;
}

.my1 .info3 .r>div .ul1>li .input .input1 {
    float: left;
    border: 1px solid #ddd;
    height: 24px;
    width: 140px;
    padding: 0 10px;
    margin-right: 10px;
}

.my1 .info3 .r>div .ul1>li .input i {
    color: #ff536a;
    line-height: 26px;
}

.my1 .info3 .r>div .ul1>li .input em {
    color: #888;
}

.my1 .info3 .r>div .ul2>li>span {
    width: 90px;
}

.cl {
    clear: both;
    display: block
}

.my1 .info3 .r>div .ul3 {
    width: 100%
}

.my1 .info3 .r>div .ul4 {
    width: 365px;
}

.my1 .info3 .r>div .ul3>li>span {
    width: 90px;
}

.my1 .info3 .r>div .ul5 {
    width: 940px;
}

.my1 .info3 .r>div .ul5 li {
    float: left;
    padding: 10px;
    background: #bbb;
    width: 64px;
    height: 64px;
    margin: 0 10px 10px 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.my1 .info3 .r>div .ul5 li input[type="checkbox"] {
    float: left;
    width: 0;
    height: 0;
    -webkit-appearance: none
}

.my1 .info3 .r>div .ul5 .cur {
    background: #ff536a url(/assets/img/check.png) 0 0 no-repeat;
}

.my1 .info3 .r>div .ul7>li {
    position: relative;
    padding: 10px 0;
    float: left;
    width: 365px;
}

.my1 .info3 .r>div .ul7>li>span {
    color: #888;
    float: left;
    width: 120px;
    height: 26px;
    line-height: 26px;
}

.my1 .info3 .r>div .ul7>li .input {
    position: relative;
    margin: 0 0 0 120px;
    height: 26px;
    line-height: 26px;
}

.my1 .info3 .r>div .ul7>li .input .input1 {
    float: left;
    border: 1px solid #ddd;
    height: 24px;
    width: 148px;
    padding: 0 10px;
    margin-right: 10px;
}

.my1 .info3 .r>div .ul7>li .input textarea {
    resize: none;
    border: 1px solid #ddd;
    height: 130px;
    padding: 6px 10px;
    line-height: 20px;
    width: 700px;
}

.my1 .info3 .r>div .ul7>li .input em {
    float: left;
    margin-right: 5px;
}

.my1 .info3 .r>div .ul7>.auto {
    width: 920px;
}

.my1 .info3 .r>div .ul7>.auto>span {
    width: 90px;
}

.my1 .info3 .r>div .ul7>.auto .input {
    margin: 0 0 0 90px;
    line-height: none
}

.my1 .info3 .r>div .ul7>li .input .label1 {
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.my1 .info3 .r>div .ul7>li .input .label1 input[type="checkbox"] {
    float: left;
    width: 13px;
    height: 13px;
    margin: 8px 3px 0 8px
}

.my1 .info3 .r>div .ul8 {
    margin-top: 20px;
}

.my1 .info3 .r>div .ul8>li>span {
    width: 140px;
}

.my1 .info3 .r>div .ul8>li .input {
    margin: 0 0 0 140px;
}

.my1 .info3 .r>div .ul9>li>span {
    width: 110px;
}

.my1 .info3 .r>div .ul10>li>span {
    width: 160px;
}

.my1 .info3 .r>div .ul1>.auto {
    height: auto
}

.my1 .info3 .r>div .btn {
    text-align: center;
    padding: 30px 0 50px;
}

.my1 .info3 .r>div .sub1 {
    width: 200px;
    height: 40px;
    background: #ff536a;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 40px;
    font-size: 16px;
    border: 0
}

.my1 .info3 .r>div .photo .tit {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
    color: #888;
    margin-bottom: 15px;
    margin-top: 30px;
}

.my1 .info3 .r>div .photo .tit span {
    color: #444;
    font-size: 16px;
    margin-right: 10px;
}

.my1 .info3 .r>div .intro .tit {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
    color: #888;
    margin-bottom: 15px;
    margin-top: 30px;
}

.my1 .info3 .r>div .intro .tit span {
    color: #444;
    font-size: 16px;
    margin-right: 10px;
}

.my1 .info3 .r>div .intro textarea {
    width: 910px;
    padding: 10px;
    resize: none;
    height: 240px;
    line-height: 24px;
    font-size: 14px;
    border: 1px solid #ddd;
}

/* 我的认证 */
.my1 .info5 .r {
    float: right;
    width: 930px;
}

.my1 .info5 .r>div>ul {
    border-bottom: 2px solid #ff536a;
    height: 46px;
}

.my1 .info5 .r>div>ul li {
    float: left;
    width: 140px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    position: relative;
    font-size: 18px;
    cursor: pointer
}

.my1 .info5 .r>div>ul .cur {
    border: 2px solid #ff536a;
    border-width: 2px 2px 0 2px;
    color: #ff536a;
    line-height: 42px;
    height: 46px;
    background: #fff;
}

.my1 .info5 .r>div>ul .cur:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -2px;
    background: #fff;
}

.my1 .info5 .r>div .tit {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    vertical-align: bottom;
    color: #888;
    margin-bottom: 15px;
    margin-top: 30px;
}

.my1 .info5 .r>div .tit span {
    color: #444;
    font-size: 16px;
    margin-right: 10px;
}

.my1 .info5 .r>div .rz1 {
    margin-top: 30px;
    position: relative;
    padding: 50px 0 30px 30px
}

.my1 .info5 .r>div .rz1 .img {
    width: 100px;
    height: 100px;
    float: left;
    margin-top: 5px;
}

.my1 .info5 .r>div .rz1 .txt {
    position: relative;
    margin: 0 0 0 130px;
    height: 110px;
}

.my1 .info5 .r>div .rz1 .txt h1 {
    font-size: 16px;
    color: #666;
    line-height: 24px;
}

.my1 .info5 .r>div .rz1 .txt h2 {
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: 16px;
    padding: 10px 0;
}

.my1 .info5 .r>div .rz1 .txt h2 span {
    float: left
}

.my1 .info5 .r>div .rz1 .txt h2 img {
    float: left;
    margin-right: 10px;
}

.my1 .info5 .r>div .rz1 .txt h3 {
    color: #ff536a;
    font-size: 14px;
}

.my1 .info5 .r>div .rz2 {
    padding-bottom: 80px;
}

.my1 .info5 .r>div .rz2 li {
    position: relative;
    padding-left: 55px;
    margin-top: 50px;
}

.my1 .info5 .r>div .rz2 li .img {
    width: 50px;
    height: 50px;
    float: left;
}

.my1 .info5 .r>div .rz2 li .txt {
    position: relative;
    margin: 0 0 0 80px;
    width: 700px;
}

.my1 .info5 .r>div .rz2 li .txt h1 {
    font-size: 16px;
    color: #444;
    padding-top: 4px;
}

.my1 .info5 .r>div .rz2 li .txt h2 {
    line-height: 28px;
    height: 28px;
    color: #888
}

.my1 .info5 .r>div .rz2 li .txt h2 img {
    position: relative;
    top: 4px;
    margin: 0 5px;
}

.my1 .info5 .r>div .rz2 li a {
    position: absolute;
    right: 0;
    top: 9px;
    height: 32px;
    line-height: 32px;
    width: 120px;
    text-align: center;
    font-size: 16px;
    color: #ff7f00;
}

.my1 .info5 .r>div .rz2 li .begin {
    background: #ff7f00;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* 注册协议 */
.xieyi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none
}

.xieyi .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.xieyi .xieyi1 {
    position: absolute;
    width: 500px;
    height: 420px;
    background: #fff;
    padding: 30px;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -240px 0 0 -280px;
    overflow: hidden
}

.xieyi .xieyi1 .tit {
    font-size: 20px;
    color: #ff536a;
    border-bottom: 1px solid #ddd;
    height: 40px;
    margin-bottom: 30px;
    line-height: 20px;
}

.xieyi .xieyi1 .txt {
    height: 330px;
    line-height: 2;
    overflow: auto
}

.xieyi .xieyi1 .close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer
}

.xieyi .xieyi1 .close span {
    display: inline-block;
    height: 20px;
    background: url(/assets/img/close.png) 0 0 no-repeat;
    width: 20px;
}

/* 注册界面 */
.regn {
    width: 1148px;
    border: 1px solid #ddd;
    margin: 30px auto 50px;
    padding: 20px 0 70px;
    position: relative;
    z-index: 10
}

.regn .r_slide {
    position: absolute;
    right: 50px;
    top: 50px;
}

.regn .form {
    width: 500px;
    margin-left: 60px;
}

.regn .tit {
    font-size: 20px;
    color: #ff536a;
    margin: 20px 0 30px;
}

.regn ul {
    width: 500px;
}

.regn ul li {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2
}

.regn ul li>span {
    float: left;
    width: 80px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.regn ul li .input {
    position: relative;
    height: 50px;
}

.regn ul li .input1 {
    float: left;
    width: 278px;
    border: 1px solid #ddd;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}

.regn ul li .input1:focus {
    box-shadow: 0 0 4px #09F;
    -webkit-box-shadow: 0 0 4px #09F;
    -moz-box-shadow: 0 0 4px #09F;
}

.regn ul li .select1 {
    width: 100px;
    height: 32px;
    float: left;
    border: 1px solid #ddd;
    margin-right: 10px;
}

.regn ul li .input2 {
    width: 178px;
}

.regn ul li .getyzm {
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    background: #ff536a;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}

.regn ul li .label {
    float: left;
    padding: 0 15px;
    border: 1px solid #ddd;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    width: 100px;
    text-align: center;
    cursor: pointer
}

.regn ul li .label input[type=radio] {
    float: left;
    width: 0;
    height: 0;
    -webkit-appearance: none
}

.regn ul li .cur {
    border: 1px solid #ff536a;
    color: #ff536a
}

.regn ul .half {
    width: 250px;
}

.regn ul li .label2 {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    padding: 20px 0;
    float: left
}

.regn ul li .label2 input[type=checkbox] {
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.regn ul li .label2 a {
    color: #ff536a;
}

.regn ul li .sub1 {
    width: 250px;
    height: 40px;
    font-size: 16px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 0;
    line-height: 40px;
    margin-top: 10px;
}

/* 选择下拉 */
.searchable-select-hide {
    display: none
}

.searchable-select {
    display: inline-block;
    width: 100px;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
    color: #444;
    vertical-align: middle;
    position: relative;
    outline: 0
}

.searchable-select-holder {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    cursor: pointer
}

.searchable-select-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 4px;
    border-top: none;
    top: 28px;
    left: 0;
    right: 0;
    z-index: 33
}

.searchable-scroll {
    margin-top: 4px;
    position: relative
}

.searchable-scroll.has-privious {
    padding-top: 16px
}

.searchable-scroll.has-next {
    padding-bottom: 16px
}

.searchable-has-privious {
    top: 0
}

.searchable-has-next {
    bottom: 0
}

.searchable-has-next,.searchable-has-privious {
    height: 16px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    z-index: 10;
    background-color: #fff;
    line-height: 8px;
    cursor: pointer
}

.searchable-select-items {
    max-height: 288px;
    overflow-y: scroll;
    position: relative
}

.searchable-select-items::-webkit-scrollbar {
    display: none
}

.searchable-select-item {
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.searchable-select-item.hover {
    background: #ddd;
    color: #666
}

.searchable-select-item.selected {
    background: #ff536a;
    color: #fff
}

/* 选择 */
.select-wrapper {
    font: 400 14px '\5FAE\8F6F\96C5\9ED1';
    width: 240px;
    height: 34px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    margin-right: 10px;
}

.select-wrapper.focus {
    border: 1px solid #ddd
}

.select-button {
    font: 400 14px '\5FAE\8F6F\96C5\9ED1';
    width: 238px;
    height: 34px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    padding: 0 26px 0 10px;
    overflow: hidden;
    text-align: left;
    outline: 0;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.select-down {
    position: absolute;
    top: 21px;
    right: 12px;
    height: 0;
    width: 0;
    overflow: hidden;
    font-size: 0;
    border-color: #333 transparent transparent transparent;
    border-style: solid;
    border-width: 6px
}

.disabled {
    color: #ccc
}

.select-list {
    width: 238px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 3px #ddd;
    border-radius: 3px;
    display: none;
    z-index: 2;
    position: absolute;
    left: -1px;
    top: 35px;
    overflow: hidden
}

.select-list ul {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 34px;
    max-height: 240px
}

.select-list ul li {
    width: auto;
    height: 34px;
    padding-left: 10px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis
}

.select-list ul li.selected,.select-list ul li:hover {
    color: #fff;
    background: #ff536a
}

.select-button-disable {
    color: #ccc;
    width: 238px;
    height: 34px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    padding-left: 10px;
    overflow: hidden;
    text-align: left;
    outline: 0
}

.select-down-disable {
    color: #ccc;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 34px
}

/* 修改密码 */
.my1 .info5 .r>div .changepwd {
    margin-top: 30px;
}

.my1 .info5 .r>div .changepwd>ul>li {
    position: relative;
    padding: 10px 0;
}

.my1 .info5 .r>div .changepwd li span {
    height: 26px;
    line-height: 26px;
    float: left;
    color: #888;
    width: 90px;
}

.my1 .info5 .r>div .changepwd li .input {
    position: relative;
    height: 26px;
    line-height: 26px;
}

.my1 .info5 .r>div .changepwd li .input em {
    color: #888
}

.my1 .info5 .r>div .changepwd li .input .input1 {
    float: left;
    border: 1px solid #ddd;
    height: 24px;
    width: 148px;
    padding: 0 10px;
    margin-right: 10px;
}

.my1 .info5 .r>div .btn {
    text-align: center;
    padding: 30px 0 50px;
}

.my1 .info5 .r>div .sub1 {
    width: 200px;
    height: 40px;
    background: #ff536a;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 40px;
    font-size: 16px;
    border: 0
}

/* 前台管理 */
.admin_menu2 {
    height: 45px;
    line-height: 45px;
    width: 99%;
    padding: 0 0 0 1%;
    background: #fffbe7;
    border-top: 1px solid #eee4d0;
    color: #a68470;
    position: fixed;
    bottom: 0;
    _position: absolute;
    _margin-top: expression(this.style.pixelHeight+document.documentElement.scrollTop);
}

.admin_menu2 a {
    color: #000;
}

/* 图片上传 */
.input .screenshot-sortable {
    overflow: visible;
    padding: 0;
}

.input .screenshot-sortable li {
    box-shadow: none;
    border-color: #eee;
}

.input .screenshot-sortable form {
    overflow: hidden
}

.input .screenshot-sortable li.current {
    border-color: #eee;
}

/* 快速完善信息 */
.lovestep {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.lovestep .step {
    position: absolute;
    width: 640px;
    padding: 20px 40px;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    left: 50%;
    margin-left: -340px;
    top: 50%;
    margin-top: -230px;
    z-index: 1
}

.lovestep .step1 {
    margin-top: -330px;
}

.lovestep .tit {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.lovestep .tit span {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #ff536a;
}

.lovestep .tit i {
    float: left;
    font-size: 14px;
    color: #888;
    line-height: 48px;
}

.lovestep .ul1 {
    padding: 30px 0 20px 0;
}

.lovestep .ul1>li {
    position: relative;
    padding: 8px 0;
}

.lovestep .ul1 li span {
    height: 26px;
    line-height: 26px;
    width: 110px;
    position: absolute;
    left: 0;
    top: 8px;
    color: #888
}

.lovestep .ul1 li .input {
    position: relative;
    height: 26px;
    line-height: 26px;
    padding-left: 110px;
}

.lovestep .ul1 li .input>.input1 {
    height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    width: 148px;
    padding: 0 10px;
    margin-right: 10px;
    float: left
}

.lovestep .ul1 li .input>i {
    float: left;
    margin-right: 10px;
}

.lovestep .ul1>li.auto .input {
    height: auto;
}

.lovestep .ul1 li .label1 {
    padding: 0 3px 0 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 60px;
}

.lovestep .btn {
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}

.lovestep .btn .btn1 {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 auto;
    display: block;
    background: #ff536a;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer
}

.lovestep .btn .skip {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    color: #888;
    font-size: 16px;
    cursor: pointer
}

.lovestep .btn .preview {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    color: #888;
    font-size: 16px;
    cursor: pointer
}

.lovestep .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.lovestep .ts {
    padding: 40px 0;
}

.lovestep .ts p {
    line-height: 2;
    font-size: 16px;
    color: #666
}

.lovestep .ts .p1 {
    height: 56px;
    line-height: 56px;
}

.lovestep .ts .p1 span {
    float: left;
    height: 32px;
    line-height: 32px;
    margin-top: 12px;
}

.lovestep .ts .p1 em {
    color: #ff536a;
    font-size: 28px;
}

/* 相亲资讯 */
.zxlist {
    width: 1148px;
    height: auto;
    overflow: hidden;
    margin: 20px auto 20px;
    background: #fff;
    border: 1px solid #ddd;
}

.zxlist .title1 {
    width: 94%;
    margin: 0 auto;
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    color: #ff536a;
}

.zxlist ul {
    width: 94%;
    margin: 0 auto;
}

.zxlist ul li {
    padding: 40px 0;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.zxlist ul li:hover {
    background: #f5f5f5;
}

.zxlist ul li .img {
    float: left;
    width: 180px;
    height: 120px;
}

.zxlist ul li .txt {
    height: 120px;
    position: relative;
    margin: 0 20px 0 200px;
}

.zxlist ul li .txt h1 {
    font-size: 21px;
    height: 28px;
    overflow: hidden
}

.zxlist ul li .txt h1 a {
    color: #333;
    font-weight: bold;
    cursor: pointer
}

.zxlist ul li .txt h2 {
    height: 43px;
    line-height: 23px;
    padding-top: 10px;
    color: #888
}

.zxlist ul li .txt h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #888;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    width: 100%;
    text-align: right
}

.zxlist ul li .txt h3 span {
    height: 20px;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 0 15px;
    background: #bbb;
    color: #fff;
    margin-right: 10px;
    font-size: 13px;
    line-height: 20px;
}

.zxlist ul li .txt h3 i {
    height: 20px;
    line-height: 20px;
    padding-left: 24px;
    color: #888;
    margin-left: 30px;
    display: inline-block;
}

.zxlist ul li .txt h3 .time {
    background: url(/assets/img/ico1.png) 0 0 no-repeat;
}

.zxlist ul li .txt h3 .visit {
    background: url(/assets/img/ico1.png) 0 -20px no-repeat;
}

/* 相亲资讯显示 */
.zxshow {
    width: 1148px;
    height: auto;
    overflow: hidden;
    margin: 20px auto 20px;
    background: #fff;
    border: 1px solid #ddd;
}

.zxshow .tit {
    width: 94%;
    margin: 0 auto;
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}

.zxshow .tit h1 {
    font-size: 24px;
    color: #ff536a;
}

.zxshow .tit h2 {
    height: 20px;
    padding: 15px 0 0 0;
    text-align: left
}

.zxshow .tit h2 a {
    height: 20px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.zxshow .tit h2 i {
    height: 20px;
    line-height: 20px;
    padding-left: 24px;
    color: #888;
    margin-left: 30px;
    display: inline-block;
}

.zxshow .tit h2 .time {
    background: url(/assets/img/ico1.png) 0 0 no-repeat;
}

.zxshow .tit h2 .visit {
    background: url(/assets/img/ico1.png) 0 -20px no-repeat;
}

.zxshow .info {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0;
    line-height: 2;
    font-size: 16px;
}

/*.zxshow .info p{ text-indent:32px; padding:15px 0;}*/
/* 举报 */
.report {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    display: none
}

.report .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.report1 {
    width: 600px;
    height: 380px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0 0 0 -300px;
    z-index: 2;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.report1 .tit {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    background: #ff536a;
    color: #fff;
    text-align: center;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

.report1 ul {
    padding: 50px;
}

.report1 ul li {
    position: relative;
    padding: 10px 0;
    line-height: 32px;
    font-size: 14px;
}

.report1 ul li span {
    float: left;
    line-height: 30px;
    width: 80px;
}

.report1 ul li .input {
    position: relative;
    margin: 0 0 0 80px;
}

.report1 ul li select {
    height: 32px;
    border: 1px solid #ddd;
    padding: 0 10px;
}

.report1 ul li .input1 {
    height: 30px;
    border: 1px solid #ddd;
    width: 200px;
    padding: 0 10px;
}

.report1 ul li textarea {
    height: 100px;
    width: 90%;
    border: 1px solid #ddd;
    line-height: 20px;
    padding: 5px 10px;
    resize: none
}

.report1 ul li .btn1 {
    width: 80px;
    height: 32px;
    line-height: 32px;
    border: 0;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 16px;
    float: left;
}

.report1 ul li .close {
    width: 80px;
    height: 32px;
    line-height: 32px;
    border: 0;
    background: #bbb;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 16px;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    float: left
}

/* 承诺 */
.promise {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.promise .bg {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.promise1 {
    position: absolute;
    width: 700px;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -350px;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.promise1 .tit {
    height: 34px;
    line-height: 34px;
    font-size: 22px;
    color: #333;
    padding: 15px 30px;
    border-bottom: 1px solid #efefef
}

.promise1 .tit img {
    float: left;
    margin-right: 5px;
}

.promise1 .txt {
    margin: 30px;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    max-height: 280px;
    overflow: auto
}

.promise1 .btn {
    text-align: center;
    padding-bottom: 50px;
}

.promise1 .btn a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 30px;
    font-size: 16px;
}

.promise1 .btn a:hover {
    background: #d01b33
}

/* 广告淡入淡出 */
.flexslider {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    zoom:1}

.flexslider .slides li {
    width: 100%;
    height: 100%
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 2
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom:1}

.flex-control-paging li a {
    background: #000;
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: -99em;
    width: 10px;
    cursor: pointer;
    opacity: .50;
    filter: alpha(opacity=50);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.flex-control-paging li a.flex-active,.flex-control-paging li.active a {
    background: #ff536a;
    opacity: 1;
    filter: alpha(opacity=100)
}

.flex-control-paging li i {
    opacity: .7;
    filter: alpha(opacity=70);
    font-size: 14px;
}

.flex-control-paging li.fontcolor i {
    opacity: 1;
    filter: alpha(opacity=100)
}

/* 送礼 */
.love_photo2 {
    position: absolute;
    right: 315px;
    top: 120px;
}

.spresent {
    position: absolute;
    top: 120px;
    right: 50px;
    border: 1px solid #e0e0e0;
    padding: 15px;
    width: 210px;
    height: 288px;
}

.spresent .tit {
    padding: 0 9px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
    line-height: 30px;
}

.spresent .tit a {
    position: absolute;
    right: 9px;
    font-weight: normal;
    color: #888
}

.spresent ul li {
    float: left;
    width: 105px;
    text-align: center;
    cursor: pointer;
    padding-bottom: 15px;
}

.spresent ul li:hover a {
    color: #ff534a
}

.spresent ul li img {
    border: 1px solid #e0e0e0;
    width: 85px;
    height: 85px;
}

.spresent ul li h1 {
    width: 90px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 8px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.present {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1111;
    top: 0;
    left: 0
}

.present .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 1
}

.presentbox {
    position: relative;
    padding: 30px 11px;
}

.present1 {
    width: 683px;
    height: 467px;
    padding: 60px 15px 15px 14px;
    background: url(/assets/img/present_bg.png) 0 0 no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -355px;
    margin-top: -271px;
    z-index: 2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.present1 .close {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: 0;
    top: 0
}

.present1 .scroll {
    width: 600px;
    position: relative;
    margin: 0 auto;
}

.present1 .ul1 {
    height: 150px;
    overflow: hidden
}

.present1 .ul1 li {
    float: left;
    width: 110px;
    padding: 0 5px;
    height: 150px;
    text-align: center;
    position: relative;
    cursor: pointer
}

.present1 .ul1 li i {
    display: none;
    width: 20px;
    height: 20px;
    z-index: 1;
    background: url(/assets/img/present_sel.png) 0 0 no-repeat;
    top: 10px;
    left: 20px;
    position: absolute
}

.present1 .ul1 li img {
    width: 98px;
    height: 98px;
    border: 1px solid #e0e0e0
}

.present1 .ul1 li h1 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    color: #888
}

.present1 .ul1 li h2 {
    font-size: 12px;
    line-height: 20px;
    color: #ff536a
}

.present1 .ul1 li.on img {
    width: 96px;
    height: 96px;
    border: 2px solid #ff536a
}

.present1 .ul1 li.on i {
    display: block
}

.present1 .btn {
    display: block;
    height: 80px;
    position: absolute;
    top: 40px;
    width: 40px;
    z-index: 200;
    cursor: pointer;
}

.present1 .prev {
    background: url(/assets/img/present_prev.png) 0 0 no-repeat;
    left: 5px;
}

.present1 .next {
    background: url(/assets/img/present_next.png) 0 0 no-repeat;
    right: 5px;
}

.present2 {
    background: #f8f8f8;
    height: 216px;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    padding: 20px;
    width: 642px;
    border-top: 1px solid #e0e0e0
}

.present2 li {
    position: relative;
    padding: 6px 0;
}

.present2 li span {
    position: absolute;
    left: 0;
    height: 24px;
    line-height: 24px;
    top: 6px;
}

.present2 li .txt {
    padding-left: 100px;
    line-height: 24px;
}

.present2 li .txt .img {
    float: left;
    margin-right: 10px;
}

.present2 li .txt .pay {
    float: left;
    width: 100px;
    height: 28px;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer
}

.present2 li .txt .pay.on {
    background: #fff;
    border: 1px solid #ff536a;
    color: #ff536a;
}

.present2 li .txt .paysub {
    height: 40px;
    line-height: 40px;
    background: #ff536a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    width: 150px;
    display: block;
    text-align: center;
    margin-top: 5px;
}

.present2 li .txt .count {
    float: left;
    width: 40px;
    height: 28px;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer
}

.present2 li .txt .count.on {
    background: #fff;
    border: 1px solid #ff536a;
    color: #ff536a;
}

/* 红线 */
.hxsend {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1111;
    top: 0;
    left: 0
}

.hxsend .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 1
}

.hxsend1 {
    width: 600px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -300px;
    z-index: 2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 15px;
}

.hxsend1 .tit {
    height: 44px;
    line-height: 44px;
    background: #ff536a;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

.hxsend2 {
    padding: 50px 50px;
}

.hxsend2 dl dt {
    position: relative;
    padding: 10px 0;
}

.hxsend2 dl dt.li1 {
    padding-bottom: 5px
}

.hxsend2 dl dt span {
    position: absolute;
    left: 0;
    height: 30px;
    line-height: 30px;
    top: 10px;
    color: #666
}

.hxsend2 dl dt .txt {
    padding-left: 100px;
    line-height: 30px;
}

.hxsend2 dl dt .txt select {
    position: relative;
    border: 1px solid #ddd;
    padding: 3px;
    font-size: 15px;
    max-width: 320px;
}

.hxsend2 dl dt .txt .paysub {
    height: 40px;
    line-height: 40px;
    background: #ff536a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    width: 140px;
    display: block;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.hxsend2 dl dt .txt .close {
    height: 40px;
    line-height: 40px;
    background: #bbb;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    width: 140px;
    display: block;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    float: left
}

/* 选择相亲模式 */
.category {
    width: 1148px;
    border: 1px solid #ddd;
    margin: 30px auto 50px;
    padding: 20px 0 70px;
    position: relative;
    z-index: 10
}

.category .sel {
    padding: 60px;
}

.category .sel .tit {
    font-size: 20px;
    color: #ff536a;
    margin: 0 0 30px;
}

.category .sel ul {
    float: left;
    width: 400px;
}

.category .sel ul li {
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    padding: 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer
}

.category .sel ul li i {
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(/assets/img/hx_sel.png) 0 0 no-repeat;
    right: -20px;
    bottom: -20px;
    opacity: .5;
    fliter: alpha(opacity=50);
    display: none
}

.category .sel ul li h1 {
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

.category .sel ul li h2 {
    font-size: 15px;
    line-height: 24px;
    color: #999;
}

.category .sel ul li.on {
    background: #ff536a;
    color: #fff;
    border: 1px solid #ff536a;
}

.category .sel ul li.on h2, .category .sel ul li.on h1 {
    color: #fff;
}

.category .sel ul li.on i {
    display: block
}

.category .sel .cate2 {
    float: right;
    width: 570px;
}

.category .sel .cate2 .tit1 {
    color: #333;
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.category .sel .cate2 .txt {
    line-height: 30px;
    font-size: 15px;
}

.category .sel .cate2 .btn {
    margin-top: 30px;
    height: 40px;
}

.category .sel .cate2 .btn a {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 200px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    font-size: 15px;
}

/* 个人中心红线 */
.tip1 {
    margin: 20px 0 20px;
    background: #fffde9;
    border: 1px solid #fbe3ae;
    color: #9d7437;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 9pt;
}

.my1 .info2 .r2>div>ul .checkmore {
    float: right;
    height: 24px;
    line-height: 24px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 10px;
    margin-top: 10px;
}

.my1 .info2 .r2 {
    float: right;
    width: 930px;
    overflow: hidden
}

.my1 .info2 .r2 .tab1 .ul1 {
    border-bottom: 2px solid #ff536a;
    height: 46px;
    position: relative
}

.my1 .info2 .r2 .tab1 .ul1 li {
    float: left;
    width: 140px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    position: relative;
    font-size: 18px;
    cursor: pointer
}

.my1 .info2 .r2 .tab1 .ul1 .cur {
    border: 2px solid #ff536a;
    border-width: 2px 2px 0 2px;
    color: #ff536a;
    line-height: 42px;
    height: 46px;
    background: #fff;
}

.my1 .info2 .r2 .tab1 .ul1 .cur:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -2px;
    background: #fff;
}

.my1 .info2 .r2 .hxlist {
    margin-bottom: 30px;
}

.my1 .info2 .r2 .hxlist ul {
    width: 950px;
}

.my1 .info2 .r2 .hxlist li {
    float: left;
    width: 403px;
    height: 150px;
    padding: 25px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-right: 20px;
}

.my1 .info2 .r2 .hxlist li a {
    display: block
}

.my1 .info2 .r2 .hxlist li .img {
    float: left;
    width: 110px;
    height: 150px;
    overflow: hidden;
    position: relative
}

.my1 .info2 .r2 .hxlist li .img img {
    width: 110px;
    height: 150px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear
}

.my1 .info2 .r2 .hxlist li .txt {
    float: left;
    padding-left: 18px;
    width: 275px;
    height: 150px;
    position: relative
}

.my1 .info2 .r2 .hxlist li .txt .tit {
    height: 24px;
    line-height: 24px;
    margin-top: 0;
}

.my1 .info2 .r2 .hxlist li .txt .tit span {
    float: left;
    line-height: 24px;
    color: #333;
    font-weight: bold;
    padding-right: 5px;
}

.my1 .info2 .r2 .hxlist li .txt .tit img {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    height: 20px;
}

.my1 .info2 .r2 .hxlist li .txt .txt1 {
    line-height: 20px;
    font-size: 12px;
    color: #888;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.my1 .info2 .r2 .hxlist li .txt .txt2 {
    margin-top: 8px;
    border-top: 1px dashed #ddd;
    padding-top: 8px;
    line-height: 24px;
    font-size: 15px;
    color: #888;
    text-align: justify
}

.my1 .info2 .r2 .hxlist li .txt .txt2 .time {
    position: absolute;
    left: 18px;
    bottom: 0;
    line-height: 32px;
    font-size: 13px;
}

.my1 .info2 .r2 .hxlist li .txt .btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.my1 .info2 .r2 .hxlist li .txt .btn a {
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    margin-left: 10px;
    background: #bbb;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer
}

.my1 .info2 .r2 .hxlist li .txt .btn .btn1 {
    background: #ff536a;
}

.my1 .info2 .r2 .hxlist li:hover .img img {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2)
}

.st1 {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #0eba2a;
    color: #0eba2a;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 10px;
}

.st2 {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #f00;
    color: #f00;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 10px;
}

.st3 {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ff6531;
    color: #ff6531;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 10px;
}

.warn {
    font-size: 16px;
    color: #888;
    text-align: center;
    line-height: 40px;
    padding: 30px 0;
    margin: 30px 0;
}

.tip1 {
    background: #fffde9;
    border: 1px solid #fbe3ae;
    color: #9d7437;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 9pt;
}

/* 详情页底部 */
.showinfo {
    padding: 20px 40px;
    background: #fffbe7;
    border-top: 1px solid #e0e0e0
}

.showinfo .tit {
    width: 100%;
    text-align: center;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 30px;
    color: #ff536a;
    position: relative
}

.showinfo .tit i {
    width: 130px;
    height: 3px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    left: 50%;
    margin-left: -65px;
    bottom: 0;
    background: #ff536a;
    position: absolute
}

.showinfo .txt1 {
    float: left;
    width: 450px;
    line-height: 28px;
    color: #333
}

.showinfo .txt1 .color {
    color: #ff536a;
    font-weight: bold
}

.showinfo .txt2 {
    float: right;
    width: 600px;
    margin-top: 5px;
}

.showinfo .txt2 .img1 {
    float: left;
    width: 120px;
    line-height: 0;
    text-align: center;
    margin-right: 15px;
}

.showinfo .txt2 .img1 h1 {
    line-height: 40px;
    color: #333;
}

.showinfo .txt2 .img2 {
    float: left;
    width: 330px;
    line-height: 2;
    margin-top: -5px;
}

.showinfo .txt2 .img2 li {
    padding-left: 25px;
    position: relative;
    line-height: 28px;
}

.showinfo .txt2 .img2 li a {
    color: #ff536a;
    font-weight: bold
}

.showinfo .txt2 .img2 li i {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url(/assets/img/showinfo_ico.png) 0 0 no-repeat;
}

.showinfo .txt2 .img2 li .showinfo_ico1 {
    background-position: 0 0
}

.showinfo .txt2 .img2 li .showinfo_ico2 {
    background-position: 0 -20px
}

.showinfo .txt2 .img2 li .showinfo_ico3 {
    background-position: 0 -40px
}

.showinfo .txt2 .img2 li .showinfo_ico4 {
    background-position: 0 -60px
}

/* 您有新的红线弹窗 */
.hx_warn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.hx_warn .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 1
}

.hx_warn1 {
    position: absolute;
    width: 600px;
    height: 350px;
    background: url(/assets/img/hx_warn.png) 0 0 no-repeat;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -300px;
    z-index: 2
}

.hx_warn1 .close {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    right: 70px;
    top: 25px;
    z-index: 1;
    cursor: pointer
}

.hx_warn1 .txt {
    position: absolute;
    width: 500px;
    text-align: center;
    top: 140px;
    line-height: 36px;
    font-size: 22px;
    color: #fff;
    left: 50px;
}

.hx_warn1 .txt .open {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    background: #ff536a;
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: block;
    margin: 10px auto;
}

/* 首页登录状态 */
.indexuser {
    position: absolute;
    right: 0;
    top: 25px;
    background: #fff;
    width: 400px;
    height: 400px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    _border: solid 1px #d0d0d0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.indexuser1 {
    width: 320px;
    margin: 0 auto;
    padding-top: 40px;
}

.indexuser1 .img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    overflow: hidden;
    margin: 0 auto;
}

.indexuser1 .img img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.indexuser1 .txt1 {
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    margin-top: 10px;
}

.indexuser1 .txt1 div {
    display: inline-block;
    position: relative;
    line-height: 24px;
    height: 24px;
}

.indexuser1 .txt1 div img {
    position: absolute;
    height: 20px;
    top: 2px;
    left: 0;
    margin-left: 110%
}

.indexuser1 .txt2 {
    height: 80px;
    background: #f5f5f5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    padding: 0 10px;
    margin-top: 20px;
}

.indexuser1 .txt2 li {
    float: left;
    width: 100px;
}

.indexuser1 .txt2 li .t1 {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    margin-top: 18px;
    position: relative
}

.indexuser1 .txt2 li .t1 i {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #ff536a;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    top: 2px;
    right: 12px;
}

.indexuser1 .txt2 li .t2 {
    font-size: 18px;
    color: #ff536a;
    line-height: 30px;
}

.indexuser1 .txt3 {
    margin-top: 25px;
}

.indexuser1 .txt3 li {
    float: left;
    width: 33.33%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 4px;
}

.indexuser1 .txt3 li .userm_ico {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    background: url(/assets/img/userm_ico4.png?v=1) no-repeat;
    margin-right: 6px;
}

.indexuser1 .txt3 li .userm_ico1 {
    background-position: 0 0;
}

.indexuser1 .txt3 li .userm_ico2 {
    background-position: 0 -20px;
}

.indexuser1 .txt3 li .userm_ico3 {
    background-position: 0 -40px;
}

.indexuser1 .txt3 li .userm_ico4 {
    background-position: 0 -60px;
}

.indexuser1 .txt3 li .userm_ico5 {
    background-position: 0 -80px;
}

.indexuser1 .txt3 li .userm_ico6 {
    background-position: 0 -100px;
}

.indexuser1 .txt3 li .userm_ico7 {
    background-position: 0 -120px;
}

.indexuser1 .txt3 li .userm_ico8 {
    background-position: 0 -140px;
}

.indexuser1 .txt3 li .userm_ico9 {
    background-position: 0 -160px;
}

.indexuser1 .txt3 li .userm_ico10 {
    background-position: 0 -180px;
}

.indexuser1 .txt3 li .userm_ico11 {
    background-position: 0 -200px;
}

.indexuser1 .txt3 li .userm_ico12 {
    background-position: 0 -220px;
}

.indexuser1 .txt3 li a {
    display: inline-block;
    color: #333
}

/* 资讯列表广告位 */
.advlist {
    width: 1150px !important;
    height: 200px !important;
    margin: 20px auto 0;
}

.advlist .flex-control-nav {
    width: auto;
    right: 10px;
    bottom: 10px;
}

.myphoto {
    width: 930px;
    overflow: hidden;
    padding: 15px 0 0;
}

.myphoto1 {
    width: 945px;
}

.myphoto .items {
    float: left;
    width: 150px;
    padding: 11px;
    border: 1px solid #ddd;
    margin-right: 15px;
    margin-top: 15px;
    text-align: center;
    position: relative
}

.myphoto .items .t1 {
    font-size: 12px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.myphoto .items .btn1 {
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #ff536a;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.myphoto .warning {
    font-size: 16px;
    color: #888;
    text-align: center;
    line-height: 40px;
    padding: 30px 0;
    margin: 30px 0;
}

.my1 .info3 .r>div>ul {
    position: relative
}

.my1 .info3 .r>div>ul li.checkmore {
    float: right;
    height: 24px;
    line-height: 24px;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 10px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    width: auto;
    font-size: 14px;
}

/*详情页相册*/
.newshowpic {
    width: 1050px;
    margin: 0 auto;
}

.newshowpic li {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.newshowpic li img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* 资讯评论 */
.reply {
    width: 94%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.replyinput {
    width: 100%;
}

.replyinput .text1 {
    background: #f5f5f5;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 1037px;
    height: 100px;
    resize: none;
}

.replyinput .text1:focus {
    background: #fff;
}

.replyinput .btn1 {
    float: right;
    width: 100px;
    height: 36px;
    background: #ff536a;
    color: #fff;
    line-height: 36px;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 20px;
}

.replytxt .ul1 li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}

.replytxt .ul1 li:last-child {
    border-bottom: 0;
}

.replytxt .ul1 li .img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden
}

.replytxt .ul1 li .t {
    position: relative;
    margin: 0 0 0 70px;
    min-height: 50px;
}

.replytxt .ul1 li .t .t1 .s1 {
    float: left;
    line-height: 24px;
    font-size: 16px;
    color: #666;
}

.replytxt .ul1 li .t .t1 .s2 {
    color: #999;
    font-size: 12px;
    float: left;
    margin-left: 10px;
    line-height: 24px;
    margin-top: 0;
}

.replytxt .ul1 li .t .t2 {
    line-height: 24px;
    font-size: 15px;
    color: #333;
    margin-top: 5px;
}

/* 通知公告 */
.tzlist {
    margin-top: 20px;
}

.tzlist dd {
    padding: 15px 15px;
    border-bottom: 1px solid #efefef;
}

.tzlist dd:hover {
    background: #f5f5f5
}

.tzlist dd .t1 {
    color: #333;
    font-size: 15px;
    line-height: 24px;
}

.tzlist dd .t2 {
    line-height: 24px;
    margin-top: 5px;
    height: 24px;
    position: relative;
    font-size: 12px;
    color: #999
}

.tzlist dd .t2 .s1 {
    float: left;
    margin-right: 15px;
}

.tzlist dd .t2 .btn1 {
    position: absolute;
    background: #ff536a;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    top: 2px;
    right: 0;
    padding: 0 6px;
    cursor: pointer;
    text-decoration: none
}

.tzlist dd .t2 .btn1:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.nolist {
    text-align: center;
    padding: 100px 0;
}

.nolist .img {
    width: 400px;
    height: 280px;
    background: url(/assets/img/nolist.png) center center no-repeat;
    margin: 0 auto;
}

.nolist .t1 {
    color: #999;
    font-size: 16px;
    line-height: 20px;
    margin-top: -10px;
}

.nolist .btn {
    margin-top: 20px;
    text-align: center
}

.nolist .btn .btn1 {
    display: inline-block;
    line-height: 48px;
    border: 1px solid #ff536a;
    color: #ff536a;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 0 40px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer
}

.nolist .btn .btn1:hover {
    background: #ff536a;
    color: #fff;
}

.novipblur {
    -webkit-filter: blur(5px);
    /* Chrome, Opera */
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
    /* IE6~IE9 */
}

.novip {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 10;
}

.novip .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 1;
}

.novip .info {
    position: absolute;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    text-align: center;
    z-index: 10;
    height: 100px;
    top: 50%;
    margin-top: -50px;
}

.novip .t1 {
    color: #333;
    font-size: 16px;
    line-height: 40px;
}

.novip .t2 .btn1 {
    display: inline-block;
    background: #ff536a;
    line-height: 40px;
    font-size: 16px;
    padding: 0 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    color: #fff;
    margin-top: 10px;
    cursor: pointer
}

/* 联系红娘 */
.hnlist {
    border: 1px solid #ddd;
    min-height: 100px;
    margin: 20px 0;
    padding: 0 60px;
}

.hnlist .itembox {
    padding: 40px 0;
    border-bottom: 1px solid #efefef;
}

.hnlist .itembox:last-child {
    border: 0
}

.hnlist .hnhead {
    width: 100px;
    float: left;
    position: relative
}

.hnlist .hncontent {
    float: left;
    width: 700px;
    margin-left: 30px;
    line-height: 24px;
}

.hnlist .hnname {
    color: #333;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
}

.hnlist .hnwx1 {
    margin-top: 3px;
    color: #666
}

.hnlist .hnwx2 {
    margin-top: 3px;
    color: #666
}

.hnlist .hndesc {
    margin-top: 3px;
    color: #666;
    line-height: 24px;
}

.hnlist .hnright {
    float: right;
    text-align: center
}

.hnlist .hnwximg {
    width: 100px;
    margin-bottom: 10px;
}

.hnlist .hnwxtext {
    text-align: center;
    line-height: 20px;
    color: #666
}

.hnlist .hnheadimg {
    width: 100%;
    border-radius: 50px
}

.hnlist .myhnhead {
    position: absolute;
    top: -30px;
    left: -15px;
    width: 130px;
    max-width: unset
}

.djbox {
    margin-top: 20px;
}

.djbox dd {
    float: left;
    width: 120px;
    background: #f5f5f5;
    margin-right: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px;
    text-align: center
}

.djbox dd .img2 {
    width: 40px;
    margin: 0 auto;
    position: relative;
    height: 40px;
}

.djbox dd .img2 .bg {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    right: 4px;
    bottom: 4px;
    opacity: .2
}

.djbox dd .t1 {
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.djbox dd .t2 {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    margin-top: 0;
}

.djbox dd .t2 span {
    color: #ff3939
}

.djbox dd .btn {
    margin-top: 10px;
}

.djbox dd .btn .btn1 {
    display: block;
    width: 80px;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 0 auto;
    font-size: 14px;
    cursor: pointer
}

.djbox dd .btn .btn1:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}