
.headerbg { background:#fff url(../images/header-pc.jpg) no-repeat center top / 100% 100%; height: 180px;}
.headerbg .container-fluid { display: flex; justify-content: center;}


.footer { background:url(../images/footer-pc1.png) no-repeat center top / 100% 100%; padding-bottom: 0; }
.footer .weui-f18 { display: none;}
.footer .row .weui-white { color: #000;}
.footer h3 { padding-top: 80px; border-bottom: 1px solid #c2b8b5; padding-bottom: 20px; margin: 0 20px;}
.footer .weui-c_9 { background: rgb(213, 204, 201); height: 32px; line-height: 32px; color: #000; margin-bottom: 0;}

.zlfont>.bg_img { display: none;}
.zlfont>.zl_xinxi>span { color: #000;}
.sjj_menu>a { font-size: 16px;}
.sjj_menu>a.on::after { bottom: 3px; height: 4px;}
.zlleftbg>.row { display: flex;}
.vip2 { padding-right: 0;}
body { background: #fff;  }
.zlleftbg { padding: 6px 0;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: #fff!important;}
.sjj_list>li>h6>em { padding: 3px 5px; line-height: 17px;}
.sjj_list>li>.time .iconfont {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: linear-gradient(to bottom,#f3ebde,#cdc3b4);
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px;
    cursor: pointer;
}
.fade.show{opacity:1;}
.modal-backdrop.show{opacity:.5;}
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    /* transform: translate(0, 0); */
}
.se_leftbg{ padding-bottom:40px;}
.kp_kts,
.kp_select{border-color:#dcdcdc;}
.souxtj_dd_right{ display:flex; align-items:center;}
.souxtj_dd_right input{flex:1;}
.souxtj_dd_right .sep{ margin:0 3px;}
.souxtj_dd_left{color:#999;}
.sox_select.sleft{ margin-right:10px;}
.liuyan.list{ border-radius:30px 30px 0 0; background:linear-gradient(to bottom,#fffbf8,#ffffff);}
.lytitle_a{ background:none; color:#ed7f7c; display:flex; align-items:center;justify-content:space-between; font-size:24px;}
.lytitle_a .tit{    background-image: linear-gradient(180deg, rgb(238, 118, 116), rgb(240, 162, 160));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.lytitle_a i{ display:none;}
.lytitle_a .tag {display: flex;
    align-items: center;}
.souxtj .saveBtn,
.lytitle_a .tag span{ font-size:14px; display:inline-block; height:32px; line-height:32px; padding:0 10px;border-radius:5px;border:solid 1px #ffb5a9; margin-left:10px;box-shadow:3px 5px 8px #f5d5d5;color:#ed7f7c; font-weight:normal;}
.lytitle_a .tag span{display: flex;
    align-items: center; cursor:pointer;}
@media (hover: hover) {
	.lytitle_a .tag span:hover,.souxtj .saveBtn:hover{ background:#fff7f5;}
}
.lytitle_a .tag span:active,.souxtj .saveBtn:active{ background:#fff7f5;}

.lytitle_a .tag span img{ height:15px; margin-right:5px; width:auto;}
.zleft01{ background:none; padding:20px 15px !important;margin-bottom:-50px; padding-top:0 !important; min-width:350px;}
.kp_botinput{border:none; padding-top:0;}
.kp_botinput_1{width:100%; text-align:center; display:flex; justify-content:space-between; padding:0 6%;}
.kp_input{ background:none;border-color:#ded1cb;float:none;display:inline-block;width:45%; margin-right:0;}
.kp_input_1{ background:#ded1cb; border-color:#ded1cb;float:none; display:inline-block;width:45%; margin-left:0;}
.souxtj{ width:100%;}
.souxtj .souxtj_dd{ padding:0 3%;}
.souxtj .souxtj_dd.last{ padding-top:10px; text-align:center;}
.nr_pic_nr{box-shadow: 0 0 10px #ccc;}
.nr_text{width:100%; padding:0 15px;}
.nr_text h4{ display:flex; align-items:center; font-size:18px; justify-content:space-between; margin-bottom:5px; font-weight:bold;}
.nr_text h4 .name{ display:flex;align-items:center; color:#333333;}
.nr_text h4 .name:after{content:"";width:.7em;height:.7em; min-width:.7em; background:#61fe00;border-radius:100%; margin-left:5px;}
.nr_text h4 .rq{ font-weight:normal;color:#f9bdc1; background-color:#fff7f5; border-radius:30px 0 0 30px; height:30px; line-height:30px; font-size:15px; padding:0 15px; margin-right:-15px; white-space:nowrap;}
.nr_text h5{ display:flex; align-items:center;color:#c1c1c1; margin:5px 0;}
.nr_text h5:before{content:"";height:20px;width:16px; background:url(../images/zd.png) left center no-repeat; margin-right:3px; background-size:contain;}
.nr_text .tags{ padding-bottom:15px; display:flex; flex-wrap:wrap;}
.nr_text .tags span{ display:inline-block; margin-right:10px; margin-bottom:5px;border:solid 1px #dcdcdc; border-radius:5px; padding:5px 10px;color:#c1c1c1; max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.catalist{ display:flex;width:94%; margin:auto; padding:9px 2.5% 0;}
.catalist a{flex:1; font-size:13px; text-align:center; padding:7px 0;border-radius:5px; line-height:1; color:#b9b9b9; border:solid 1px #dcdcdc; margin-right:2%; background-color:#fff;}
.catalist a:last-child{ margin-right:0;}
.catalist a.cur{ background-color:#ffc7be; border-color:#fbb9ae;color:#ff725b;}
.liuyan.list .level{}
.liuyan.list .level{display:flex;width:120px;height:18px;background:#f6eee3;border-radius:4px;align-items:center;position:absolute;filter:drop-shadow(3px 7px 5px rgba(150,112,69,0.4));margin-left:10px;
	top: 12px;z-index:10; left:0;}
.liuyan.list .level .c1 {position: relative;height: 18px;background: #ecca9d;border-radius: 4px 0 0 4px;width: 23px;display: flex;align-items: center;justify-content: center;}
.liuyan.list .level .c1::before{content: "";display: block;z-index:5;position:absolute;top:0;left:0;width:23px;height:18px;
	background-image:linear-gradient(0deg,#d4a570 0%,#dcb280 50%,#e4bf8f 100%),linear-gradient(#ecca9d,#ecca9d);background-blend-mode:normal,normal;border-radius:4px;display:flex;align-items:center;
	justify-content:center;}
.liuyan.list .level .c1 img{display:block;height: 8px;margin-top: 2px;position: relative;z-index: 10;}
.liuyan.list .level .c2{ flex: 1;}
.liuyan.list .level .c2 .percent{position:relative;background:#ecca9d;height:18px;border-radius: 0 4px 4px 0;width:100%;}
.liuyan.list .level .c2 .lv{position:absolute;top:-8px;right: -20px;width:36px;height:36px;background:url(../images/vip-bg2.png) no-repeat center center / 100% 100%;line-height: 40px;font-size:12px !important;color:#a77c49;display:flex;align-items:center;justify-content:center;filter:drop-shadow(3px 7px 5px rgba(150,112,69,0.4));font-weight: 600 !important;border-radius:200px;letter-spacing:-2PX;z-index: 100;}
.liuyan.list .level .c2 .lv { font-family: simsun; font-weight: bold; font-size: 11px;}
.liuyan.list .level {box-sizing: border-box;display: flex;align-items: center;}
.nr_pic_nr .tf{ position:absolute; width:100%; justify-content:flex-end; bottom:0; display:flex; align-items:center; padding:0 10px; bottom:10px;}
.nr_pic_nr .tf .btn{ margin-left:10px; background:linear-gradient(to bottom,#e9dcd5,#d5c5bd);color:#fff;box-shadow:0px 0px 5px #999;border:none;border:solid 1px #d4d6d9; padding:0 12px; display:none;}
.nr_pic_nr .tf.active .btn{ display:block;}
.nr_pic_nr .tf input{border-radius:10px; height:30px; line-height:normal; font-size:1４px; outline:none;}
.nr_pic_nr .tf .txt{border:solid 1px #d1c4bb;width:33%; padding:0 10px; box-sizing:border-box;}
.nr_pic_nr .tf .txt:focus{box-shadow: inset 0px 3px 3px #ccc;}
.m_page.flex{ background:none; display:flex;width: 94%;margin: auto;padding: 0 2.5%; margin-bottom:7%; justify-content:center;}
.m_page.flex a{flex:1; color:#aea3a2;border:solid 1px #aea3a2; border-radius:35px; height:35px; line-height:30px; text-align:center; display:flex; justify-content:center; align-items:center;  max-width:200px;}
.m_page.flex .prev{margin-right:100px;}
.m_page.flex .prev span{ margin-right:7px; padding:0;}
.m_page.flex .next span{ margin-left:7px; padding:0;}
.m_page.flex a:hover{background: #ded1cb;
 border-color: #ded1cb; color:#fff;
}
.nr_pic ul li{ background:#fff;}
.container-fluid>.navbar-header{ position:relative; width:100%;}
.navbar-header .weui-white{ color:#333; border-right:1px #333 solid; padding-top:0px;  line-height:1; padding-right:10px; margin-left:0px;   margin-right:0px; padding-left:10px;}
.navbar-header .weui-white:last-child{ border-right:0px;}
.container-fluid>.navbar-header .tpright{ display:flex; position:absolute; right:0px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.login_btn{ background:#ded1cb; border-radius:6px; font-size:18px;    padding: 14px 75px;}
.loginbox .weui-t_d,.loginbox .weui-t_c{ color:#666;}
.bacg_1 {background-image: url(../images/pc_bg.png); background-repeat:no-repeat; background-position:top center; background-size:100% ;
    }
.loginbg{ background:none;}
.loginbg .container .col-md-5{ margin:0px auto; float:none;}
.loginbg .agree_2{display: flex;
    align-items: center;  line-height:1.5;}
.loginbg .agree_2 .sign_coln{display: flex;
    align-items: center;}
.loginbg .agree_2 .sign_coln input{top:0px;  margin-top:0px;}
.loginbg .agree_2 .red{ color:#ff0000; text-decoration:underline; margin-left:5px;}
.loginbg .special .login_btn{  padding:14px 55px;box-shadow:3px 3px 3px 0px #e3dede; -webkit-box-shadow:3px 3px 3px 0px #c8c6c6; background-color:#ded1cb;}
.loginbg .special .login_btn:nth-child(1){ margin-right:40px;}
.loginbg .special .login_btn:active{ background-color:#b0a5a0;color:#fff;}
.loginbg .special .login_btn.candel:active{ background-color:#DED1CB}
.loginbg .special .candel{ background:#ffffff; border:1px #ded1cb solid;  color:#ded1cb;box-shadow: 1px 3px 5px #e3e3e3;}
@media (min-width:480px){
	.catalist a{ font-size:15px;}
}

@media (max-width:991px){
	.se_leftbg{ border:solid 1px #f2e5e9; border-radius:20px;width:100%; margin-top:20px; background-color:#fffdfe;}
	.souxtj .souxtj_dd.last{box-shadow:0 5px 8px #e9e7e8; padding-bottom:20px;}
	.liuyan.list{ box-shadow:0 -5px 5px #e9e7e8; padding-top:30px !important;}
	.m_page.flex .prev{margin-right:20%;}
	.zleft01{ min-width:100%;}
}
.denl{background-image: linear-gradient(180deg, rgb(238, 118, 116), rgb(240, 162, 160));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-weight:600;   font-size:24px;}
.loginbox{ border-radius:20px; box-shadow:0px 0px 8px #d9d8d8;}
.Gender{display: flex;
    justify-content: space-between;
align-items: stretch;}
.Gender .list{ box-sizing: border-box; border:1px #df9ea4 solid; border-radius:12px;  width:46%; padding:13px; margin-bottom:25px; cursor:pointer;}
.Gender .list .pic{ text-align:center; max-width:250px; margin:0px auto 15px;}
.Gender .list .pic img{ width:62%; height:auto;}
.Gender .list .cont{  color:#e95c59; font-size:12px;}
.Gender .list.cur{  background:#fce8e9; position:relative;}
.Gender .list.cur:before {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	top: -20px; background-image: url(../images/xz_06.png); background-repeat:no-repeat;  background-position:center center; background-size:cover;
	content: '';
}
.navbar-header .weui-fl { width: 100%;}
.navbar-header .weui-fl img { margin: auto; display: block;width: auto;}
@media (max-width:1000px){
    .aa { position: relative; z-index: 10; margin-top: -8px;}
    .lytitle { height: 30px!important; line-height: 30px!important;}
    .headerbg.weui-pb10 { padding-bottom: 0;}
    .zlxc { padding-bottom: 0;}
    .zlfont>.bg_img { display: block;}
    .zlfont>.zl_xinxi>span { color: #fff;}
    .zlleftbg>.row { display: block;}
/**/
.zlleftbg { padding: 0px 0;}
.navbar-header { height: 120px;}
.navbar-header button { position: absolute; top: 0; right: 0;}
.headerbg { background:#fff url(../images/header-bg.png) no-repeat center top / 100% 85%; height: auto;}
.navbar-default .navbar-collapse { /*background: #fd6d71;*/ margin: 0 -5px; border-radius: 5px;}
.loginbg{  background:none; min-height:calc(100vh - 355px); display:flex; flex-direction:column; justify-content:center;}
.loginbg .container{ width:100%;}
.bacg_1{ background-image: url(../images/login_1.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto; background-size:100% ;}
div.bacg_1{}

.footer { background: #fff url(../images/footer-bg.jpg) no-repeat center top / 100% 100%; padding-bottom: 0;}
.footer.no1 { background: url(../images/footer-bg.png) no-repeat center top / 100% 100%; padding-bottom: 0;}
.footer h3 { padding-top: 20px; border-bottom: 1px solid #c2b8b5; padding-bottom: 20px; margin: 0 20px;}
.footer .weui-f18 { display: none;}
.footer .row { display: grid; grid-template-columns: 1fr 1fr;}
.footer .row::before,.footer .row::after { display: none;}
.footer .row .weui-white { color: #000;}
.footer .weui-c_9 { background: rgb(213, 204, 201); height: 32px; line-height: 32px; color: #000; margin-bottom: 0;}
.container-fluid>.navbar-header .tpright{ top:25px;transform: translateY(-0%);
    -webkit-transform: translateY(-0%);}
.navbar-header .weui-white{ padding:0px 5px;}
.loginbox{ padding:40px 20px;}
.loginbox .weui-pt20{ color:#666;}
.loginbox .weui-pt20 a{color:#666;}
.loginbox .sign_coln img{ width:18px;}
.Gender .list.cur:before{width: 30px;
    height: 30px; top:-15px;}
}
.headerbg.no2{ background:url(../images/header-bg.png) no-repeat center top / 100% 85%;}
@media (max-width:650px){
	.loginbg .special .login_btn{ padding:14px 45px;}
	.Gender .list{ width:48%;}
	.navbar-header .weui-fl img{ height:36px;}
}

@media (max-width:375px){
	.loginbg .special .login_btn{  padding:14px 35px;}
}

@media (min-width:640px){
	.Gender .list .cont{
		font-size:15px;
	}
	.container .col-md-5{
		min-width:600px;
	}
}