.twoBg {
    background: #F5F5F5;
}
.marGy{
    padding-bottom: 40px;
}

/* banner */
.bannerEng{
    width: 100%;
    height: 400px;
    background: url(../images/banner.jpg) no-repeat center;
}

.bannerEng{
    overflow: hidden;
    text-align: center;
}
.bannerEng h1{
    margin-top: 70px;
    color: #ffffff;
    font-size: 70px;
}
.bannerEng p{
    font-size: 24px;
    color: #D9D9D9;
    margin-top: 27px;
}
.bannerForm{
    margin: 60px auto 0;
    width: 1200px;
}
.inputItemForm{
    padding: 0 23px;
    width: 212px;
    height: 60px;
    border-radius: 5px;
    background: #F3F5F7;
    line-height: 60px;
    color: #888888;
    box-sizing: border-box;
    text-align: left;
    font-size: 18px;
    position: relative;
    margin-right: 20px;
}
.inputItemForm input{
    border: 0;
    background: none;
    height: 20px;
    font-size: 18px;
}
.nameInput{
    width: 400px;
}
.timeInput{
    width: 328px;
}
.rLaImg{
    position: absolute;
    right: 25px;
    top: 27px;
}
.over_hidden{
    position: absolute;
    right: 0;
    top: 5px;
}
.submitBtn a{
    width: 200px;
    height: 60px;
    background: #B32621;
    color: #ffffff;
    border-radius: 5px;
    display: block;
    line-height: 60px;
    font-size: 24px;
}
.submitBtn input{
    width: 200px;
    height: 60px;
    background: #B32621;
    color: #ffffff;
    border-radius: 5px;
    display: block;
    line-height: 60px;
    border: 0;
    font-size: 24px;
}
.smallInput{
    width: 87px;
}

.inputItemForm .radio,.inputItemForm .checkbox{ z-index: 1; padding: 6px 22px 10px 0; }
.inputItemForm .radio label,.inputItemForm .checkbox label{ line-height: 18px; float: left; font-size: 16px; color: #888; padding: 10px 0; margin-left: 10px; cursor: pointer; }
.inputItemForm .radio label i,.inputItemForm .checkbox i{ width: 18px; height: 18px; text-align: center; line-height: 35px; float: left; margin-right: 3px; background: #cecece; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative;}
.inputItemForm .radio label i:after,.inputItemForm .checkbox label i:after{ content: ""; background: url(https://static.quwangming.com/gsqm/images/gou.png) no-repeat; width: 10px; height: 8px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.inputItemForm .radio label input,.inputItemForm .checkbox input{ display: none; }
.inputItemForm .radio label.on i,.inputItemForm .checkbox label.on i{ background-color: #e55352;}
.inputItemForm .radio label.on i:after,.inputItemForm .checkbox label.on i:after{ display: block; }

/* 明星英文名 */
.titleUp{
    text-align: center;
}
.titleUp p{
    text-transform: uppercase;
    padding-top: 60px;
    color: #B8B8B8;
    font-size: 22px;
}
.titleUp h3{
    color: #333;
    font-size: 48px;
}

/*.celebrityBox>p{*/
/*    margin-top: 40px;*/
/*    margin-bottom: 30px;*/
/*}*/
.celebrityBox p a {
    width: 366px;
    height: 70px;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    text-align: center;
    line-height: 70px;
    display: inline-block;
    color: #666666;
    background: #fff;
    font-size: 22px;
}

.celebrityBox p a:hover,.celebrityBox p a.active{
    border: 1px solid #E7E7E7;
    filter: brightness(1);
    -webkit-filter: brightness(1);
    background: #FF5858;
    color: #ffffff;
    border: 1px solid #FF5858;
}
.celeTitle{
    margin-top: 30px;
}
.celeList{
    flex-wrap: wrap;
    margin-top: 30px;
}
.celeList a{
    width: 103px;
    text-align: center;
    display: block;
    margin-right: 50px;
    margin-bottom: 30px;
}
.celeList a:nth-of-type(8n+0){
    margin-right: 0;
}
.celeList a:hover p{
    color: #B32621;
}
.celeList a em {
    width: 103px;
    height: 103px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
.celeList a p{
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
}
.celeList a em img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 首字母英文名 */
.zmList{
    flex-wrap: wrap;
    width: 1200px;
    margin: 57px auto 0;
}
.zmList a{
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #333333;
    border-radius: 5px;
    background: #E7E7E7;
    display: inline-block;
    text-align: center;
    font-size: 40px;
    margin-right: 21px;
    margin-bottom: 30px;
}
.zmList a:hover, .zmList a.active{
    background: #FF5858;
    color: #ffffff;
}
.zmList a:nth-of-type(13n+0){
    margin-right: 0;
}
.stList a{
    color: #333333;
    border-radius: 5px;
    background: #E7E7E7;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    padding: 8px;
    margin: 5px 13px 5px 0;
    background: #fff;
}
.stList a:hover, .stList a.active{
    background: #B32621;
    color: #ffffff;
}


/* 姓名来源 */
.listNameItem{
    flex-wrap: wrap;
    margin-top: 60px;
}
.listNameItem a{
    width: 212px;
    height: 60px;
    background: #F5F5F5;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
    border-radius: 33px;
}
.listNameItem a:hover{
    background: #FF5858;
    color: #ffffff;
}

/* 热门英文名 */
.nameHotList{
    margin-top: 55px;
    flex-wrap: wrap;
}
.nameHotList a{
    width: 270px;
    height: 160px;
    border-radius: 10px;
    padding: 28px 30px;
    box-sizing: border-box;
    background: #ffffff;
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.nameHotList a em{
    color: #666666;
}
.nameHotList a h3{
    font-size: 36px;
    color: #333333;
    margin: 8px 0 10px 0;
}
.nameHotList a  p{
    color: #999999;
    font-size: 17px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.nameHotList i{
    width: 29px;
    height: 29px;
    position: absolute;
    right: 1rem;
    top: 1rem;
    display: block;
}
.nameHotList i img{
    width: 100%;
    height: 100%;
}

/* 热门文章推荐 */
.leftContent{
    width: 813px;
    border-right: 1px solid #E7E7E7;
}
.leftContent a{
    display: block;
    margin-bottom: 40px;
}
.leftContent a:last-child{
    margin-bottom: 0;
}
.leftContent a:hover .imgArticle img{
    transform: scale(1.1);
}
.leftContent a:hover h4{
    color: #B32621;
}
.leftContent a .imgArticle img{
    width: 187px;
    height: 119px;
    transition: all 0.5s;
}
.articleContent{
    margin-top: 66px;
}
.fontArticle{
    width: 586px;
    margin-left: 10px;
}
.fontArticle h4{
    margin-top: 7px;
    font-size: 20px;
    color: #333333;
}
.fontArticle p{
    margin-top: 15px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 21px;
    height: 64px;
}
.imgArticle{
    width: 187px;
    height: 119px;
    border-radius: 10px;
    overflow: hidden;
}

.rightArticleList{
    width: 355px;
}
.upLinkArticle a .upImgWz{
    width: 100px;
    height: 80px;
    overflow: hidden;
}
.upLinkArticle a:hover h4{
    color: #B32621;
}
.upLinkArticle a .upImgWz img{
    transition: all 0.5s;
    width: 100%;
    height: 100%;
}
.upLinkArticle a:hover img{
    transform: scale(1.1);
}
.upFontWz{
    width: 245px;
    margin-left: 10px;
}
.upFontWz h4{
    color: #333333;
    font-size: 20px;
    margin-top: 4px;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.upFontWz p{
    font-size: 16px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}
.Ranking{
    margin-top: 20px;
}
.Ranking li{
    margin-bottom: 16px;
}
.Ranking li a{
    font-size: 16px;
    color: #666666;
}
.Ranking li i{
    width: 18px;
    height: 18px;
    border-radius: 2px;
    display: inline-block;
    background: #D6D6D6;
    margin-right: 12px;
    font-style: normal;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    color: #ffffff;
}
.Ranking li i.colorOne{
    background: #FF8585;
}
.Ranking li i.colorTwo{
    background: #7CAFD5;
}
.Ranking li i.colorThree{
    background: #9DC09D;
}
.Ranking li a:hover{
    color: #B32621;
}

/* 外链 */
.ywm-link{
    text-align: center;
    padding: 40px 0 40px 0;
}
.ywm-link a{
    margin: 0 5px 5px 5px;
    color: #999999;
    float: left;
}
.ywm-link > div{
    overflow: hidden;
}
.ywm-link a:hover{
    color: #B32621;
}

/* 名字图片 */
.namePicList{
    padding: 60px 0 40px;
}
.picItemName a{
    width: 277px;
    height: 140px;
    display: inline-block;

}
.picItemName a img{
    width: 100%;
    height: 100%;
}
.namePicList p{
    text-align: center;
    margin-top: 30px;
}
.namePicList p a{
    color: #999999;
    margin: 0 10px;
}
.namePicList p a:hover{
    color: #B32621;
}


/* 名字列表页面 */
.bodyBg{
    background: #F5F5F5;
}
.crumbsList{
    padding: 25px 0;
    color: #666666;
}
.crumbsList a{
    color: #666666;
}
.crumbsList a:hover{
    color: #B32621;
}
.datumBox{
    padding: 40px 31px;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
}
.datumBox p{
    font-size: 16px;
}
.datumBox p span{
    color: #666666;
}
.datumBox>ul{
    width: 540px;
    flex-wrap: wrap;
    padding-left: 48px;

}
.datumBox>ul li{
    float: left;
    margin-top: 28px;
    margin-right: 64px;
    color: #666666;
}
.datumBox>ul li span{
    color: #333333;
    margin-left: 5px;
}
.nameItemList{
    padding: 15px 30px 15px 30px;
}
.leftNameHot h3{
    font-size: 30px;
    color: #E95555;
    font-weight: bold;
}
.leftNameHot p{
    font-size: 18px;
    margin-top: 6px;
    margin-left: 20px;
    color: #666666;
}
.leftNameHot p span{
    color: #999999;
}
.leftNameHot h3 a{color: #E95555;}
.upNameHot a.cname{color: #666;}
.upNameHot .nameHotYm>a{
    /*width: 170px;*/
    height: 40px;
    /*background: linear-gradient(to left,#F84242,#FF5F5E);*/
    display: block;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    color: #999999;
}
.upNameHot{
    width: 1200px;
    background: #ffffff;
    margin: 0 auto;
    border-radius: 8px;
    padding: 40px 30px;
    box-sizing: border-box;
}
.agreementItem{
    margin-top: 41px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
}
.agreementItem li{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.agreementItem li span{
    color: #666666;
}
.agreementItem li .bfbSpan{
    width: 108px;
    text-align: right;
    display: inline-block;
}
.agreementItem li .progress{
    width: 479px;
    height: 16px;
    background: #F5F5F5;
    border-radius: 10px;
}

.progress{
    margin: 0 10px;
}
.progress span{
    height: 100%;
    display: block;
    border-radius: 10px;
}
.stateSpan{
    color: #666666;
    margin-left: 40px;
}
.mqColor1{
    color: #FA6D93;
}
.mqBg1{
    background: #FA6D93;
}
.mqColor2{
    color: #918DE5;
}
.mqBg2{
    background: #918DE5;
}
.mqColor3{
    color: #FFAA7F;
}
.mqBg3{
    background: #FFAA7F;
}
.mqColor4{
    color: #82CDDD;
}
.mqBg4{
    background: #82CDDD;
}
.mqColor5{
    color: #E0B467;
}
.mqBg5{
    background: #E0B467;
}

.meaning_hy p{
    color: #666666;
    font-weight: bold;
    margin-top: 15px;
    line-height: 34px;
}
.meaning_hy p span{
    font-weight: 400;
}

.boyBgXq{
    width: 1200px;
    height: 80px;
    line-height: 80px;
    color: #E95555;
    font-size: 30px;
    text-align: center;
    border-radius: 5px;
    background: #ffffff;
    margin: 0 auto;
}


/* 明星英文名 */
.upTabNav a{
    width: 400px;
    height: 80px;
    display: block;
    background: #F7F7F7;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #666666;
}
.upTabNav a.active{
    background: #ffffff;
}
.upTabNav a:hover{
    filter: brightness(1);
    -webkit-filter: brightness(1);
    color: #B32621;
}
.celebrityContent{
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
    margin-top: 30px;
}
.mxListItem{
    padding: 52px 30px 22px 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.mxListItem li{
    width: 104px;
    text-align: center;
    float: left;
    margin-right: 44px;
    margin-bottom: 30px;
}
.mxListItem li:nth-of-type(8n+0){
    margin-right: 0;
}
.mxListItem li span{
    width: 104px;
    height: 104px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
.mxListItem li a:hover em{
    color: #B32621;
}
.mxListItem li em{
    color: #333333;
    display: block;
    margin-top: 15px;
}
.mxListItem li span img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 字母起名 */
.zmName .zmList{
    margin-top: 0;
}
.la-ba{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.la-ba img{
    width: 100%;
    height: 100%;
}


/* 名字详情页 */
.detailsBanner{
    width: 100%;
    height: 480px;
    background: #FF7D7D;
}
.selectAlink{
    position: relative;
}
.selectAlink input{
    position: absolute;
    top: -10px;
    left: -200px;
}
.detailsBody{
    overflow-x: hidden;
    background: #F5F5F5;
}
.bgTou{
    width: 1455px;
    height: 458px;
    /* background: url(../images/ywFont.png) no-repeat center;
    background-size: 100% auto; */
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-top: 110px;
}
.bgTou .nameMx{
    font-size: 48px;
    margin: 14px 0;
}
.bgTou .ywName{
    font-size: 32px;
}
.txImg{
    width: 180px;
    height: 180px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    margin:0 auto 0;
}
.txImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.listBody{
    align-items: center;
}
.detailsBanner .listBody{
    position: absolute;
    left: 0;
    top: 0;
    color: #FFFFFF;
    z-index: 55;

}
.detailsBanner .listBody .crumbsList{
    color: #ffffff;
}
.detailsBanner .listBody a{
    color: #ffffff;
}
.neiDingWei{
    position: relative;
}

.contentBoxDetails{
    border-radius: 5px;
    background: #ffffff;
    position: relative;
    z-index: 5;
    padding: 45px 30px;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.upNameMx li{
    margin-right: 58px;
    font-size: 20px;
    color: #666666;
}
.contentBoxDetails ul{
    margin-bottom: 25px;
}
.contentBoxDetails ul:last-child{
    margin-bottom: 0;
}
.upNameMx li img{
    width: 26px;
    height: 22px;
    cursor: pointer;
    vertical-align: -3px;
}
.upNameMx li span{
    color: #FF5858;
    font-size: 22px;
}
.nameHyBox{
    margin-top: 37px;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 20px;
}
.nameHyBox p{
    color: #666666;
    margin-bottom: 10px;
    line-height: 34px;
}
.nameHyBox p>a{
    color: #387FE2;
    border-bottom: 1px solid #387FE2;
}
.nameHyBox span{
    color: #999999;
    font-weight: bold;
    /* margin-right: 15px; */
}
.bor-bottom{
    border-bottom: 1px solid #E9E9E9;
    padding: 39px 0;
}

.twoFontName p{
    font-size: 18px;
    margin-bottom: 31px;
    color: #666666;
    font-weight: bold;
}
.twoFontName p:last-child{
    margin-bottom: 0;
}
.twoFontName span{
    color: #666666;
    font-weight: 400;
}
.twoFontName  span em{
    color: #B32621;
}
.titleXzFx h2{
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}
.titleXzFx p{
    font-size: 18px;
    color: #666666;
}
.titleXzFx p span{
    color: #666;
    font-weight: bold;
}
.impressionList{
    justify-content: center;
    margin-top: 41px;
}
.impressionList li{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.impressionList li span{
    font-size: 16px;
}
.imColor{
    color: #E95555;
}
.imColorBg{
    background: #FFA7A7;
}
.imColor1{
    color: #91D3FF;
}
.imColorBg1{
    background: #91D3FF;
}
.imColor2{
    color: #F2B17B;
}
.imColorBg2{
    background: #F2B17B;
}
.imColor3{
    color: #D8C664;
}
.imColorBg3{
    background: #D8C664;
}
.imColor4{
    color: #9FCEA4;
}
.imColorBg4{
    background: #9FCEA4;
}

.imColor5{
    color: #5AE3C0;
}
.imColorBg5{
    background: #5AE3C0;
}
.imColor6{
    color: #8DC8E6;
}
.imColorBg6{
    background: #8DC8E6;
}
.imColor7{
    color: #8B9BEC;
}
.imColorBg7{
    background: #8B9BEC;
}
.imColor8{
    color: #DB86ED;
}
.imColorBg8{
    background: #DB86ED;
}
.imColor9{
    color: #E9819F;
}
.imColorBg9{
    background: #E9819F;
}
.SyBf{
    width: 122px;
}
.impressionList li span em{
    margin-left: 10px;
}
.impressionList li>span{
    width: 100px;
    text-align: right;
}
.jtImpression{
    width: 479px;
    height: 18px;
    background: #E8E8E8;
    border-radius: 10px;
    margin: 0 30px;
    overflow: hidden;
}
.jtImpression span{
    height: 100%;
    display: block;
    border-radius: 10px;
}
.SyBf span{
    margin-right: 9px;
    color: #666666;
    font-size: 16px;
}

.tmm_ren .guanxi {
    clear: right;
    text-indent: 0;
    position: relative;
    overflow: hidden;
}
.tmm_ren .guanxi li {
    white-space: normal;
    text-align: center;
    margin-right: 14px;
    float: left;
}
.tmm_ren .guanxi li a p{
    margin-top: 10px;
    color: #333333;
}
.tmm_ren .guanxi li a:hover p{
    color: #E95555;
}
.tmm_ren .guanxi span {
    width: 82px;
    height: 82px;
    border: solid 2px #FFF;
    border-radius: 50%;
    box-shadow: 0 2px 1px #e5e5e5;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;
}
.tmm_ren .guanxi img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-width: 86px;
    min-height: 86px;
}
.guanxi{
    margin-top: 30px;
}
.para-title{
    margin-top: 30px;
}
.para-title h3{
    color: #333333;
    font-size: 24px;
    font-size: 18px;
    color: #666666;
}
.para-title h4{
    font-size: 18px;
    color: #666666;
}
.para{
    font-size: 16px;
    color: #666666;
    margin-top: 16px;
}
.boyStarStyle .detailsBanner,
.boyStyle .detailsBanner
{
    background: #387FE2;
}
.boyStyle .detailsBanner .txImg,
.girlStyle .detailsBanner .txImg
{
    display: none;
}
.girlStyle  .fixedForm,
.boyStyle  .fixedForm,
.gyBgStyle .fixedForm
{
    margin-top: -180px;
}

.detailsBody.girlStyle .detailsBanner{
    height: 480px;
    background: url(../images/fenbg.jpg) no-repeat center;
    /* background-size: 100% auto; */
}
.detailsBody.boyStyle .detailsBanner{
    height: 480px;
    background: url(../images/lanbg.jpg) no-repeat center;
    /* background-size: 100% auto; */
}
.detailsBody.gyBgStyle .detailsBanner{
    height: 366px;
    background: url(../images/zibg.jpg) no-repeat center;
    /* background-size: 100% auto; */
}

.detailsBody .detailsBanner{
    height: 600px;
    background: url(../images/redBgBanner.jpg) no-repeat center;
    /* background-size: 100% auto; */
}

/* 取英文名定制 */
.contentDiy{
    padding: 50px 31px;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 10px;
}
.diyStyle{
    font-size: 16px;
}

.timeBoxDiy{
    padding-top: 45px;
}
.diyStyle span{
    color: #FF0100;
}
.tzASelect a.on img{
    display: none;
}
.tzASelect a.on img.activeImg{
    display: block;
    margin: 0 auto 4px;
}
.p-left{
    margin-top: 20px;
    padding-left: 45px;
}
.inputDiy{
    padding-bottom: 40px;
    border-bottom: 1px solid #E9E9E9;
}
.inputDiy input{
    width: 280px;
    height: 48px;
    border: 1px solid #E7E7E7;
    padding-left: 15px;
    font-size: 18px;
}
.pd-bor{
    padding: 43px 0;
    border-bottom: 1px solid #E9E9E9;
}
.sur{
    background: url(../images/sur.png) no-repeat;
    background-size: 500px auto;
    display: block;
    margin: 20px auto 8px;
    width: 59px;
    height: 53px;
}
.boySelect{

}
.boySelect{
    background-position: 12px 0;
}
.girlSelect{
    background-position: -36px 0;
}

.xzBoxS .selectAlink{
    height: 140px;
}
.selectAlink{
    width: 100px;
    height: 120px;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 5px;
    display: block;
    text-align: center;
    overflow: hidden;
    color: #000000;
}
.xbBox{
    padding-left: 47px;
    flex-wrap: wrap;
}
.xbBox a{
    margin-top: 20px;
}
.xbBox a p{
    color: #666666;
}
.xbBox a p span{
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}
.xbBox a{
    margin-right: 30px;
}
/*.xzBoxS .sur{*/
/*    margin: 20px auto 0;*/
/*}*/
/*.selectAlink:hover{*/
/*    background: #FFEBEB;*/
/*    border: 1px solid #FF5858;*/
/*}*/
.selectAlink p span{
    display: block;
}
/*.selectAlink:hover p{*/
/*    color: #FF5858;*/
/*}*/
/*.selectAlink:hover p span{*/
/*    color: #FF5858;*/
/*}*/
.xbBox a.on,.tzASelect a.on{
    background: #FFEBEB;
    border: 1px solid #FF5858;
}
.xbBox a.on p,.tzASelect a.on p{
    color: #FF5858;
}
.xbBox a.on p span{
    color: #FF5858;
}

.xbBox a.on .boySelect{
    background-position: 12px -54px;
}
.xbBox a.on .girlSelect{
    background-position: -36px -54px;
}

.xbBox a.on  .boySelect{
    background-position: 12px -54px;
}
.xbBox a.on  .girlSelect{
    background-position: -36px -54px;
}
.xbBox a.on  .bySelect{
    background-position: -95px -52px;
}
.xbBox a.on  .jnSelect{
    background-position: -161px -54px;
}
.xbBox a.on  .szSelect{
    background-position: -223px -51px;
}
.xbBox a.on  .jxSelect{
    background-position: -283px -52px;
}
.xbBox a.on  .szzSelect{
    background-position: -342px -53px;
}
.xbBox a.on  .cnSelect{
    background-position: -398px -55px;
}
.xbBox a.on  .tpSelect{
    background-position: 4px -172px;
}
.xbBox a.on .txSelect{
    background-position: -63px -180px;
}

.xbBox a.on .ssSelect{
    background-position: -122px -181px;
}
.xbBox a.on .mxSelect{
    background-position: -194px -176px;
}
.xbBox a.on .spSelect{
    background-position: -260px -162px;
}
.xbBox a.on .xySelect{
    background-position: -325px -167px;
}



/*.selectAlink:hover .boySelect{*/
/*    background-position: 12px -54px;*/
/*}*/
/*.selectAlink:hover .girlSelect{*/
/*    background-position: -36px -54px;*/
/*}*/
/*.selectAlink:hover .bySelect{*/
/*    background-position: -95px -52px;*/
/*}*/
/*.selectAlink:hover .jnSelect{*/
/*    background-position: -161px -54px;*/
/*}*/
/*.selectAlink:hover .szSelect{*/
/*    background-position: -223px -51px;*/
/*}*/
/*.selectAlink:hover .jxSelect{*/
/*    background-position: -283px -52px;*/
/*}*/
/*.selectAlink:hover .szzSelect{*/
/*    background-position: -342px -53px;*/
/*}*/
/*.selectAlink:hover .cnSelect{*/
/*    background-position: -398px -55px;*/
/*}*/
/*.selectAlink:hover .tpSelect{*/
/*    background-position: 4px -172px;*/
/*}*/
/*.selectAlink:hover .txSelect{*/
/*    background-position: -63px -180px;*/
/*}*/

/*.selectAlink:hover .ssSelect{*/
/*    background-position: -122px -181px;*/
/*}*/
/*.selectAlink:hover .mxSelect{*/
/*    background-position: -194px -176px;*/
/*}*/
/*.selectAlink:hover .spSelect{*/
/*    background-position: -260px -162px;*/
/*}*/
/*.selectAlink:hover .xySelect{*/
/*    background-position: -325px -167px;*/
/*}*/


.bySelect{
    background-position: -95px 0;
}
.jnSelect{
    background-position: -161px 0;
}
.szSelect{
    background-position: -223px 0;
}
.jxSelect{
    background-position: -283px 1px;
}
.szzSelect{
    background-position: -342px 1px;
}
.cnSelect{
    background-position: -398px 1px;
}
.tpSelect{
    background-position: 4px -119px;
}
.txSelect{
    background-position: -62px -124px;
}
.ssSelect{
    background-position: -121px -121px;
}
.mxSelect{
    background-position: -194px -113px;
}
.spSelect{
    background-position: -259px -99px;
}
.xySelect{
    background-position: -326px -105px;
}

.activeImg{
    display: none;
}
.upImgIcon{
    margin-top: 15px;
}

.tzASelect{
    padding-left: 45px;
    flex-wrap: wrap;
}
.tzASelect a{
    margin-top:20px;
    margin-right: 30px;
}
.selectAlink:hover{
    filter: brightness(1);
    -webkit-filter: brightness(1);
}
.tjBottom .namebt1{
    width: 600px;
    height: 80px;
    background: #D81328;
    border-radius: 5px;
    text-align: center;
    line-height: 80px;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    font-size: 28px;
    border: none;
}

.checkBoxNew{
    width: 100%;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 20px;
}
.checkBoxNew input{
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 18px;
}
.checkBoxNew span{
    vertical-align: middle;
    color: #c2c2c2;
}
.checkBoxNew a{
    color: #c2c2c2;
}









/* 弹窗选择样式 */
.bqSelectBox{ position: fixed; left: 0; top: 50%; right: 0; margin: auto; width: 680px; margin-top: -180px; background: #FFFFFF; box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 11; display: none;}
.bqSelectBox .hd{ line-height: 30px; color: #888; padding: 20px 20px; box-sizing: border-box; border-bottom: 1px solid #282c2f; }
.bqSelectBox .hd span{ font-size: 12px; padding-left: 10px; color: #5b5b5b; }
.bqSelectBox .bd{ padding: 0 15px 20px 15px; overflow: hidden; box-sizing: border-box}
.bqSelectBox .bd a:hover{
    filter: brightness(1);
    -webkit-filter: brightness(1);
}
.bqSelectBox .bd a{
    float: left;
    width: 88px;
    height: 40px;
    line-height: 40px;
    background: #F5F5F5;
    text-align: center;

    color: #666666; margin: 20px 10px 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; font-size: 18px; }
.bqSelectBox .bd input{ display: none; }
.bqSelectBox .bd a.on{ background: #B32621; color: #fff; }
.bqSelectBox .close{ display: inline-block; width: 120px; height: 48px; text-align: center;  color: #fff; cursor: pointer; background: #B32621; border-radius: 4px; vertical-align: top; line-height: 48px; font-size: 22px; float: right; }
.bqSelectBox .close:hover{ opacity: .9; }
.bqSelectBox .none{display: none}
.my_modal_bg {
    position: fixed;
    background: rgba(0, 0, 0, 0.5)!important;
    filter: Alpha(opacity=.5);
    background: #000;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.upTitlePop{
    width: 92%;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
    overflow: hidden;
    line-height: 48px;
    padding: 15px 0;
}
.upTitlePop i{
    float: left;
    font-size: 24px;
    font-style: normal;
}
.upTitlePop span{ margin-left: 10px; color: #999999; margin-left: 10px}


/* 翻页 */
.Famye{
    margin-bottom: 20px;
}
.Famye li{
    border: 1px solid #ccc;
    margin: 0 10px;
}
.Famye li a{
    color: #333333;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    display: block;
}
.Famye li.active a,.Famye li a:hover{
    background: #B32621;
    color: #ffffff;
}
.lookMore a{
    width: 1200px;
    height: 60px;
    background: linear-gradient(to left,#FF5F5E,#F84242);
    display: block;
    text-align: center;
    margin: 0 auto 30px;
    color: #ffffff;
    line-height: 60px;
    font-weight: bold;
    font-size: 22px;
    border-radius: 5px;
}



/* 订单弹窗样式 */
.fixed_info{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; padding: 40px 0; background: rgba(229, 229, 229, 0.8); z-index: 10; display: none;}
.fixed_info.show{ display: block; }
.fixed_info a.close{ width: 75px; height: 75px; position: absolute; top:0; right:0;}
.fixed_info a.close i{ background: url(../images/btn_close_layer.png) no-repeat; width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -14px; z-index: 1}
.fixed_info a.close:hover i{ opacity: .9;}
.fixed_info .info_box{ width: 1000px; margin: 0 auto; display: none;}
.fixed_info .info_box .hd{ padding:16px 22px; background: url(../images/top_bj.jpg) center 0 repeat-x; color:#eee; overflow: hidden; position: relative;z-index: 1;}
.fixed_info .info_box .hd img{ height: 43px; width: auto; float: left;}
.fixed_info .info_box .hd span{ font-size: 18px; padding-left: 28px; line-height: 43px; float: left; font-weight: 700;}
.fixed_info .info_box .bd{ font-weight: initial; min-height: 450px;}
.fixed_info .info_box .bd .info_con { padding: 20px 30px; margin-bottom: 13px; background: #fff; box-shadow: 0 1px 3px rgba(34,25,25,.2); position: relative;}
.fixed_info .info_con dl{ font-size: 15px; padding-right: 15%;}
.fixed_info .info_con dt{ font-size: 18px; font-weight: bold; color: #333;}
.fixed_info .info_con dd{ padding:0 0 25px;}
.fixed_info .info_con dd p{ padding-top:10px; display: block; overflow: hidden;}
.fixed_info .info_con dd span{ float: left; width: 31.333%; padding-left: 3%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999;}
.fixed_info .info_con dd span.first{padding-left: 0;}
.fixed_info .info_con dd span.w25{ width: 22.75%;}
.fixed_info .info_con dd span.w50{ width: 45.5%; }
.fixed_info .info_con dd span.w66{ width: 65.666%; }
.fixed_info .info_con dd span.w75{ width: 74.25%; }
.fixed_info .info_con dd span.w100{ width: 100%; }
.fixed_info .info_con dd span em{ color:#333; font-style: normal;}
.fixed_info .info_con dd .bd{ width: auto; float: none; padding: 0; }
.fixed_info .info_con dd .qm_input_number{ border: 2px solid #689dd2; display: block; width: 370px; padding: 0 14px; height: 50px; font-size: 16px; font-weight: 700;}
.fixed_info .info_con .tc{ padding: 10px 0 30px; overflow: hidden;}
.fixed_info .info_con .tc li{ width: 32%; float: left; margin-left: 2%;}
.fixed_info .info_con .tc li.first{ margin-left:0; }
.fixed_info .info_con .tc label{ display: block; cursor: pointer; border: 1px solid #e2e2e2; position: relative; font-size: 14px; background: #fdfdfd; color: #999; padding: 8px 10px; }
.fixed_info .info_con .tc label input {display: none; }
.fixed_info .info_con .tc label span{ display: block; color: #333; font-size: 15px; padding-bottom: 4px; min-height: initial; font-weight: 700; }
.fixed_info .info_con .tc label b{ font-size: 24px; font-family: cursive; }
.fixed_info .info_con .tc label s{ font-size: 12px; color: #999; padding-left: 10px; font-weight: 400; }
.fixed_info .info_con .tc label o{ color:#333; }
.fixed_info .info_con .tc label.on {padding: 7px 9px; background: #fff; border: 2px solid #f00; }
.fixed_info .info_con .tc label.on span {color: #f00; }
.fixed_info .info_con .tc label.on em{ width: 14px; height: 14px; background: url(../images/tc_gou.png) no-repeat; position: absolute; bottom: 0; right: 0; }
.fixed_info .back{ position: absolute; top: 25px; right: 30px; }
.fixed_info .back a{ color: #fff; font-size: 15px; line-height: 1.2; padding: 8px 20px; background: #3e3c37; border-radius: 5px; display: inline-block; _display: inline; vertical-align: top; *zoom:1;}
.fixed_info .back a:hover{ opacity: .9; }
.zkqb_info{ overflow: hidden; }
.zkqb_info a{ float: left; color:#427bd8;}
.zkqb_info span,.zkqb_info i{ display: inline-block; _display: initial; vertical-align: top; *zoom:1;}
.zkqb_info i{ width: 12px; height: 6px; background: url(../images/btn_close_layer.png) 0 bottom no-repeat; margin: 7px 0 0 4px;}
.zkqb_info.on i{ background-position: -12px bottom; }
.order_price{ position: absolute; bottom:20px; right:30px; }
.order_price span{ font-size: 22px; color: #f66c1c; font-weight: bold;}
.fixed_info .zf_con{ background: #fff; box-shadow: 0 1px 3px rgba(34,25,25,.2); }
.zf_con .tit{ margin: 0 30px; border-bottom: 1px solid #e0e0e0; font-size: 16px; font-weight: 700; padding: 24px 0 13px; }
.zf_con .con{ padding: 0 30px 35px;}
.zf_con .price{ font-size: 14px; color: #666; padding-top: 25px; padding-bottom: 15px; }
.zf_con .price span{ color: #f66c1c; font-size: 18px; padding-left: 8px; }
.zf_con ul{overflow: hidden}
.zf_con li{ float: left; padding-right: 14px; position: relative;}
/* .zf_con li i{ position: absolute; left: 0; top: 0; right: 14px; bottom: 0; padding-top: 44px; font-size: 12px; font-style: normal; text-align: center; background: rgba(0, 0, 0, 0.05); cursor: default; } */
.zf_con li a{ border:1px solid #e6e6e6; display: block;}
.zf_con li img{ vertical-align: top; }
.zf_con li a:hover{ border-color:#ccc; }
.fixed_info .zf_box{ height: 360px; }
.fixed_info .zf_box .left{}
.fixed_info .zf_box .img{ padding: 8px; border: 2px solid #ccc; background: #fff; }
.fixed_info .zf_box .img img{ width: 185px; height: 185px; }
.fixed_info .zf_box .other{ padding-top: 23px; }
.fixed_info .zf_box .other i{ width: 42px; height: 42px; display: inline-block; vertical-align: top; _display: initial; *zoom:1; margin: 7px 7px 0 0;}
.fixed_info .zf_box .other span{ font-size: 16px; line-height: 28px; display: inline-block; vertical-align: top; }
.pay_rwm{ position: fixed; width: 380px; height: 522px; margin: -261px auto 0; top: 50%; left: 0; right: 0; background: #fff;}
.pay_rwm .close{ width: auto !important; height: auto !important; font-size: 22px; color: #666; padding: 4px 10px; }
.pay_rwm .price{ text-align: center; font-size: 21px; padding-top: 70px; color: #000; }
.pay_rwm .price em{ color:#f66c1c; }
.pay_rwm .rwm{ text-align: center; padding-top: 30px; height: 256px;}
.pay_rwm .rwm .item{ display: none; width:256px; margin:0 auto;}
.pay_rwm .rwm .item.on{ display: block; }
.pay_rwm .rwm .item iframe{ padding:28px 0 0 28px;}
.pay_rwm .fot{ margin: 25px 36px 0; font-size: 0; background:#1aad19; padding: 24px 0 22px; text-align: center; }
.pay_rwm .fot.alipay{ background:#1985f1; }
.pay_rwm .fot i, .pay_rwm .fot p {display: inline-block; vertical-align: top; _display: initial; }
.pay_rwm .fot i{ width: 34px; height: 31px; background: url(../images/pay_icon.png) no-repeat; margin-top: 1px; }
.pay_rwm .fot p{ font-size: 13px; color: #fff; padding-left: 30px; text-align: left; }
.pay_bj{ background:#000; opacity: .8; position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
.none {
    display: none;
}

.listStarInfo{
    margin-bottom: 30px;
}
.mt_15{margin-top: 15px;}
.mt_30{margin-top: 30px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}



/* 修改 */
.mxDetails{
    color: #666666;
    position: relative;
    z-index: 5;
    padding: 31px 30px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 10px;
    font-size: 20px;
    line-height: 35px;
}
.mxDetails h1,
.listContent h2
{
    font-size: 34px;
    color: #666666;
}
.mxDetails h1 span,
.listContent h2 span
{
    color: #333333;
    margin-left: 8px;
}
.newColor{
    color: #FF5858;
}
/*.newBottomPa{*/
/*    margin-bottom: 60px;*/
/*}*/
.listContent{
    margin-top: 20px;
    background: #ffffff;
    padding: 40px 30px;
    box-sizing: border-box;
    border-radius: 10px;
}
.listContent .xzFenXi{
    padding: 0 0 39px 0;
}
.listContent .nameHyBox{
    margin-top: 20px;
    padding-bottom: 0;
}
.listContent .nameHyBox p a{
    color: #387FE2;
    border-bottom: 1px solid #387FE2;
}
.listContent .nameHyBox p a.redLink{
    color: #FF5858;
    display: inline-block;

}
/*.listContent .nameHyBox p a{*/
/*    color: #FF5858;*/
/*    font-size: 20px;*/
/*    border-bottom: 1px solid #FF5858;*/
/*    margin: 25px 0 35px 0;*/
/*    display: inline-block;*/
/*}*/
.xgDxBox{
    margin-top: 40px;
}
.xgDxBox p{
    color: #666666;
    font-size: 18px;
    margin-top: 20px;
}
.xgDxBox p span{
    color: #666666;
    font-weight: bold;
}
.xsContentNew h3{
    font-size: 22px;
    color: #333333;
}
.xsBgYwm{
    background: #FFF3F3;
    padding: 16px 21px;
    box-sizing: border-box;
    margin: 20px 0;
    font-size: 20px;
    border-radius: 10px;
}
.xsBgYwm{
    color: #666666;
    line-height: 35px;
}
.xsBgYwm a{
    color: #FF5858;
    display: inline;
}
.tableName table{
    width: 100%;
}
.tableName table td{
    height: 60px;
    text-align: center;
}
.tableName table td em{
    color: #333333;
    border-bottom: 1px solid #333333;
}
.tableName table tr:nth-child(1){
    background: #F5F5F5;
    color: #666666;
}
.tableName table td:nth-child(3){
    width: 68px;
}
.tableName table td:nth-child(6){
    width: 128px;
}
.tableName table td a{
    color: #FF5858;
    border-bottom: 1px solid #FF5858;
}
.mxButtonNew .celeList{
    margin-top: 0;
}
.mxButtonNew .celeList a{
    margin-right: 39px;
    margin-bottom: 0;
    margin-top: 30px;
}

.zmTabNew a{
    width: 380px;
    height: 70px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    display: inline-block;
    font-size: 22px;
    color: #666666;
    text-align: center;
    line-height: 70px;
}
.zmTabNew a.active{
    background: #FF5858;
    border: 1px solid #FF5858;
    color: #ffffff;
}
.zmTabNew a:hover{
    background: #FF5858;
    border: 1px solid #FF5858;
    color: #ffffff;
}
.titleH1Seo{
    margin: 50px 0;
    text-align: center;
    font-size: 44px;
    color: #333333;
}
.fixedForm{
    margin: 0 auto 15px;
}
.fixedForm .submitBtn{
    position: relative;
}
.fixedForm.fixedStyle{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(156 156 156 / 50%);
    padding: 15px 0;
    z-index: 555;
    margin-top: 0;
}
.fixedForm.fixedStyle .inputItemForm{
    background: #F5F5F5;
}
.fixedForm .bannerForm{
    overflow: hidden;
    margin: 0 auto;
}
.fixedForm .inputItemForm{
    background: #ffffff;
}
.fixedForm .submitBtn input{
    background: linear-gradient(to left,#7762fc,#8084eb);
}

.detailsBody .contentBoxDetails:last-child{
    margin-bottom: 60px;
}
.contentBoxDetails.detailMargin{
    margin-bottom: 30px;
}


.ContentTitle{
    font-size: 24px;
    color: #333333;
}
.echarts-bottom{
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 20px;
    margin-bottom: 40px;
}


.ranking{ overflow:hidden; font-size:12px; margin-top:40px; padding-bottom:10px;}
.ranking div{ overflow:hidden;}
.ranking span{ padding:15px 10px; line-height:16px; display:block;
    font-size: 18px; color: #333333}
.ranking .b{ font-weight:500;}
.ranking .b_l{ border-left:1px solid #E9E9E9;}
.ranking .b_b{ border-bottom:1px solid #E9E9E9;}
.ranking .b_b_fff{ border-bottom:1px solid #fff;}
.ranking .nian{ width:12%; text-align:center; float:left;}
.ranking .paihang{ float:left; width:42%;}
.ranking .paihang span{ float:left; padding:15px 0 15px 19px; }
.ranking .paihang .item span{ width:40px;}
.ranking .paihang .box{ background:#f5f5ff; padding: 0; margin:22px 0 0 5px;}
.ranking .paihang .item .box{ width:260px; height: 18px; border-radius: 15px; overflow: hidden}
.ranking .paihang .box em{ height:100%; background:#387FE2; display:block; border-radius: 15px }
.ranking .item span{ padding: 23px 15px}
.ranking .paihang .item span{
    color: #666666;
}
.ranking .paihang .item span.blueColorB{
    color: #387FE2;
}
.ranking .paihang .item span.fenColorB{
    color: #FF5858;
}
.ranking .paihang.nsPai .box em{
    background: #FF5858;
}
.plPTitle h4{
    font-size: 18px;
    color: #666666;
    margin-top: 30px;
}
.plPTitle p{
    margin-top: 14px;
    color: #999999;
    margin-left: 39px;
}
.commentWarp{
    height: 760px;
    overflow: hidden;
}
.commentListItem{
    margin-top: 61px;
}
.l-comment-tx{
    width: 50px;
    text-align: center;
}
.l-comment-tx i{
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    background: #ccc;
    margin: 0 auto;
    overflow: hidden;
}
.l-comment-tx i img{
    width: 100%;
    height: 100%;
}
.l-comment-tx p{
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.r-comment-content{
    width: 1003px;
    margin-left: 23px;
}
.r-comment-content .iconYi{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #e1dfdf;
    color: #333333;
    font-style: initial;
    display: inline-block;
    text-align: center;
    line-height: 25px;
}
.r-comment-content p {
    color: #333333;
    margin-bottom: 20px;
    line-height: 31px;
}
.yuanCon{
    padding: 13px 10px;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 10px
}
.yuanCon em{
    width: 908px;
    display: inline-block;
    margin-left: 10px;
    color: #666666;
    line-height: 30px;
}
.commentTime{
    color: #999999;
    margin-top: 12px;
}
.moreLink{
    font-size: 20px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.moreLink.on span{
    transform: rotate(0);
}
.moreLink:hover{
    color: #B32621;
}
.moreLink span{
    vertical-align: middle;
    font-size: 0;
    display: inline-block;
    margin-top: -6px;
    transition: 0.5s all;
    transform: rotate(180deg);
}
.paFuMar{
    margin-top: -130px;
}
.redLink{
    font-size: 20px;
    color: #FF5858;
    display: block;
    margin-top: 20px;
}
.redLink:hover{
    text-decoration: underline;
}
.mxDetails p{
    font-size: 18px;
    color: #555;
    line-height: 35px;
    margin-top: 20px;
}
.mxDetails p.huiMxP{
    color: #999999;
    margin-top: 10px;
}
.pZhong{
    margin: 20px auto;
    text-align: left;
    color: #999999;
}
.newBottomPa .nameItemList{
    padding: 0 30px 0 30px;
    margin-top: 20px;
}
.moreYwm a{
    width: 1200px;
    height: 70px;
    line-height: 70px;
    border-radius: 8px;
    background: linear-gradient(to left,#FF5F5E,#F84242);
    display: block;
    text-align: center;
    margin: 20px auto 0;
    color: #ffffff;
    font-size: 28px;
}
.zmSearch{
    flex-wrap: wrap;
}
.zmSearch a{
    width: 65px;
    height: 65px;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    margin-right: 18px;
    margin-top: 30px;
    text-align: center;
    line-height: 65px;
    color: #333333;
    font-size: 30px;
}
.zmSearch a:hover{
    color: #ffffff;
    background: linear-gradient(to left,#FF5F5E,#F84242);
}
.zmSearch a:nth-child(13n){
    margin-right: 0;
}
.ywm-link div{
    text-align: left;
}
.twoFontName .xsBgYwm{
    margin: 0;
}

/* 顶部搜索框 */
.upSearch{
    width: 300px;
    padding: 30px 0;
}
.upSearch .leftSearchInput{
    border-radius: 9px;
    border: 2px solid #74B4FF;
    background: #ffffff;
}
.upSearch .leftSearchInput input{
    height: 40px;
    border: 0;
    background: none;
    padding-left: 10px;
}
.leftSearchInput{
    align-items: center;
    position: relative;
}
.leftSearchInput img{
    width: 20px;
    height: 20px;
    margin-left: 12px;
}
.leftSearchInput .SearchInput{
    width: 80px;
    position: absolute;
    right: 0;
    padding-left: 0;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    top: 0;
    height: 40px;
    padding-left: 0 !important;
    background: linear-gradient(136deg, #358AFF 0%, #14B89C 100%) !important;
    border-radius: 0px 6px 6px 0px;
}
.ggH1Seo{
    font-size: 30px;
    color: #666666;
    margin-bottom: 20px;
}
.ggH1Seo span{
    color: #333333;
    margin-left: 8px;
}
.syIocn{
    font-size: 0;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
}
.sousuoInput{
    margin-top: 20px;
}
.rightInput{
    width: 585px;
    background: #fff;
    border-radius: 10px;
}
.rightInput .upSearch{
    width: 480px;
    padding: 40px 0 55px 0;
    margin: 0 auto;

}

/* 支付 */
.payBoxWarp .tc {
    padding: 20px 0 20px;
}
.payBoxWarp .tc li {
    width: 212px;
    float: left;
    margin-left: 2%;
}
.payBoxWarp .tc li.first {
    margin-left: 0;
}
.payBoxWarp .tc label.on {
    padding: 7px 9px;
    background: #fff;
    border: 2px solid #f00;
}
.payBoxWarp .tc label {
    display: block;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    position: relative;
    font-size: 14px;
    background: #fdfdfd;
    color: #999;
    padding: 8px 10px;
}
.payBoxWarp .tc label input {
    display: none;
}
.payBoxWarp .tc label.on span {
    color: #f00;
}
.payBoxWarp .tc label o {
    color: #333;
}
.payBoxWarp .tc label span {
    display: block;
    color: #333;
    font-size: 15px;
    padding-bottom: 4px;
    min-height: initial;
    font-weight: 700;
}
.payBoxWarp .tc label.on em {
    width: 14px;
    height: 14px;
    background: url(../images/tc_gou.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}
.payBoxWarp ul{
    width: 692px;
}
.payBoxWarp .payTitle{
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.payBoxWarp .tc label s {
    font-size: 12px;
    color: #999;
    padding-left: 10px;
    font-weight: 400;
}
.payBoxWarp .tc label b {
    font-size: 24px;
    font-family: cursive;
}

.payBoxWarp .zf_con li {
    float: left;
    padding-right: 14px;
    position: relative;
    width: 211px;
    text-align: center;
}
.zf_con li label.on {
    border: 2px solid #f00;
    padding: 0;
}
.zf_con li label {
    border: 1px solid #e6e6e6;
    padding: 1px;
    display: block;
    position: relative;
    cursor: pointer;
}
.zf_con li img {
    vertical-align: top;
}
.zf_con li input {
    display: none;
}
.zf_con li i {
    width: 14px;
    height: 14px;
    background: url(../images/tc_gou.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
}
.zf_con li label.on i {
    display: block;
}
.submitPay input{
    font-weight: 700;
    font-size: 20px;
    width: 440px;
    color: #fff;
    background: #e55352;
    text-align: center;
    line-height: 48px;
    margin-top: 30px;
    display: inline-block;
    _display: inline;
    *zoom: 1;
    border: 0;
    border-radius: 5px;
}
.selectPay{
    align-items: center;
    margin-bottom: 20px;
}
.payBoxWarp .zf_con .price{
    padding-top: 20px;
    padding-bottom: 0;
    margin-left: 15px;
}
.nameCheng{
    margin-top: 20px;
    color: #333333;
    padding-left: 22px;
}
.nameCheng h2{
    margin-bottom: 5px;
}
.fontNavShu{
    font-size: 20px;
    color: #a0a0a0;
    text-align: center;
}
.fontNavShu em{
    font-size: 30px;
    color: #fc5353;
    margin: 0 5px;
    font-weight: bold;
}
.fontNavShu span{
    color: #ff0000;
    font-weight: bold;
}
.logoNavFooter{
    text-align: center;
    margin: 71px 0 59px 0;
}
.logoNavFooter a{
    margin: 0 40px;
}
.logoNavFooter a:hover{
    text-decoration: none;
    filter: brightness(1);
    -webkit-filter: brightness(1);
}
.marTop100{
    margin-top: -100px;
}
.upNameHot a.ysqImg{
    display: inline-block;
    font-size: 0;
    height: auto;
    vertical-align: middle;
    line-height: 0;
    margin-top: -6px;
    margin-left: 5px;
}
.ysqImg{
    border-bottom: 0 !important;
}
.ysqImg img{
    width: 24px;
    height: 22px;
    vertical-align: -2px;
}

.flexBgBox{
    width: 100%;
    height: 100px;
    line-height: 80px;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 55;
}
.flexBgBox a{
    width: 600px;
    height: 60px;   
    margin: 0 auto;
    line-height: 60px;
    color: #fff;
    background: #D81328;
    border-radius: 5px;
    text-align: center;
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
}
.payBodyBottom{
    padding-bottom: 100px;
}


/* 弹窗  */
.zzcWarp{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    display: none;
}
.popShow{
    width: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -125px;
    background: #fff;
    text-align: center;
    padding: 50px 20px 50px 20px;
}
.popShow img{
    width: 220px;
    height: 220px;
}
.popShow p{
    margin-top: 10px;
    font-size: 20px;
}
.popShow h2{
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #333;
}
.pop-close{
    width: 60px;
    height: 60px;
    font: 40px/60px simsun;
    color: #000;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s;
}
.pop-close:hover{
    transform: rotate(360deg);
}
.right_contact a:hover{
    color: #FF5858;
}

.mxDetails p > span{
    color: #999999;
}
.p_box{width: 1200px;margin: -20px auto 30px}
.p_box p{text-indent: 30px;color: #999;}
.p_box p a{color: blue;}
/* cn */
.cname_zimu p{color: #666}
.cname_zimu p{margin-top: 20px;}
.cname_zimu p:first-child{margin-top: 30px;}
.cname_zimu a{color: #E95555; margin-right: 10px;}