@charset "utf-8";
/*通用样式*/
 *,a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
 html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{
     padding: 0;
     margin: 0;
     border: 0;
     font-weight: normal;
     font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
     list-style:none;
}
 html, body {
     position: relative;
     height: 100%;
}
 body{
     background:#fff;
     min-width: 1300px;
     font:normal 12px/22px "微软雅黑";
}
 textarea {
     font-family: '微软雅黑';
}
 img{
     border:0;
}
 a{
     text-decoration:none;
     color:#000;
}
 a:hover{
     color:red;
}
 .clear {
     clear:both;
}
 div {
     box-sizing:border-box;
}
 .clearfix::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 img {
     max-width: 100%;
}
/* CSS Document */
.goTop { display: none	; position: fixed; right:25px; width:40px; box-shadow: 0 0 10px rgba(2,145,254,.2); height: 40px; bottom: 75px; border-radius: 50%; background: #0291fe;}
.goTop img { width: 50%; transition: all 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.goTop:hover img { transform: translate(-50%,-50%) rotate(360deg);}
 .agreenArticle {
     padding: 0 40px 40px;
}
 .agreenArticle h2 {
     text-align: center;
     font-weight: bold;
     color: #222222;
     font-size: 30px;
     line-height: 3;
}
 .agreenArticle p {
     font-size: 16px;
     line-height: 1.75;
     margin-bottom:8px;
     text-indent: 32px;
     color: #666666;
}
 .logoTxt {
     border-left: 1px solid #dddddd;
     padding-left: 1.3vw;
     margin-left: 1.3vw;
}
 .logo a {
     display: flex;
     align-items: center;
}
 .logoTxt h2 {
     line-height: 26px;
     font-weight: bold;
     font-size: 20px;
     color: #222222;
}
 .logoTxt p {
     line-height: 26px;
     font-size: 20px;
     color: #222222;
}
 .hbox3 .mainbox {
     position: relative;
}
 .hover_box {
     width: 28.42105263157895%;
     max-width: 300px;
     border-radius: 14px;
     height: auto;
     position: fixed;
     top: 0;
     right: 0;
     z-index: 5;
     opacity: 0;
     pointer-events: none;
     transform: translate(-50%, -50%);
     overflow: hidden;
}
 .hover_box .pb {
     padding-bottom: 59.25925925925926%;
}
 .hover_box img, .hover_box video {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .hover_box .one {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     display: none;
}
 .fss {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: flex-start;
}
 .fsc {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: center;
}
 .fse {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: flex-end;
}
 .fsbs {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     align-items: flex-start;
}
 .fsbc {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     align-items: center;
}
 .fsbe {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     align-items: flex-end;
}
 .fes {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-end;
     align-items: flex-start;
}
 .fec {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-end;
     align-items: center;
}
 .fee {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-end;
     align-items: flex-end;
}
 .fcs {
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     align-items: flex-start;
}
 .fcc {
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     align-items: center;
}
 .fce {
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     align-items: flex-end;
}
 .fccw {
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
}
 .fssw {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: flex-start;
     flex-wrap: wrap;
}
 .fscw {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: center;
     flex-wrap: wrap;
}
 .fsew {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: flex-end;
     flex-wrap: wrap;
}
 .fsbcw {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
}
 .fsbsw {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     align-items: flex-start;
     flex-wrap: wrap;
}
 .fcsbs {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: flex-start;
}
 .fcsbc {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
}
 .fcsbe {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: flex-end;
}
 .fcss {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: flex-start;
     flex-direction: column;
}
 .fccc {
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
}
 .fcsc {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: center;
     flex-direction: column;
}
 .f0 {
     flex-shrink: 0;
}
 .footerbox a {
     color: #ffffff;
}
 .flexbox {
     margin: 0 auto;
     width: 1400px;
     max-width: 92%;
}

.topBanner img { display: block; width: 100%;}
 .header {
     z-index: 10;
     position: relative;
     box-shadow: 0 0 10px rgba(0,0,0,0.2);
     padding: 0 55px 0 40px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .logo {
    width: 328px;
     float: left;
     overflow: hidden;
}
 .logo img {
     display: block;
     height: 130px;
}
 .nav {
     display: flex;
     align-items: center;
}
 .nav ul {
     display: flex;
}
 .nav>ul>li {
     display: flex;
}
 .nav li h2{
     line-height: 150px;
     position: relative;
}
 .nav li h2::after {
     content: '';
     width: 0;
     position: absolute;
     bottom: 0;
     left: 0;
     height: 2px;
     background:#0291fe;
     transition: all .5s;
}
 .nav li:hover h2::after,.nav li.cur h2::after {
     width: 100%;
}
 .searchEnter {
     position: relative;
     width: 20px;
     display: inline-block;
}
 .buyCar {
    margin-left: 32px;
     position: relative;
     display: inline-block;
     width: 24px;
}
 .buyCar i {
     position: absolute;
     color: #ffffff;
     background: #ff0000;
     font-style: normal;
     width: 17px;
     height: 17px;
     border-radius: 50%;
     text-align: center;
     line-height: 17px;
     right:-8px;
     top: -8px;
}
 .top_user{
    display: inline-block;
    vertical-align: top;
    margin-left: 32px;
    position: relative;
    z-index: 0;
}
 .top_user .top_user_down{
    margin-top: 10px;
     position: absolute;
    opacity: 0;
    pointer-events: none;
     transition: opacity 0.3s, margin 0.3s;
     min-width: 126px;
     left:50%;
    transform: translate(-50%, 0);
    text-align: center;
    overflow: hidden;
}
.sendTags { font-size: 15px; color: #999999; display: flex; align-items: center;}
	.sendTags b { margin: 0 10px;}
    .imgs_list{clear: both;padding-top:15px;padding-left: 0;padding-bottom: 20px;}
    .imgs_list img{display: inline-block;vertical-align: top;margin-right: 10px;margin-bottom: 10px; width: 80px!important; height: 80px!important;
	object-fit: cover;}
	.shoperTalk { font-size: 15px; color: #999999;}
	.shoperTalk span { color: red;}
 .top_user .top_user_down .boxs{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
     word-break: keep-all;
    margin-top: 10px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}
 .top_user:hover .top_user_down{
    opacity: 1;
    z-index: 1;
     pointer-events: auto;
    margin-top: 0;
}
 .top_user .top_user_down a{
    display: block;
    line-height: 48px;
    color: #333333;
    font-size: 16px;
}
 .top_user .top_user_down a:hover{
    color: #0291fe;
}
 .top_user .top_user_down a:last-child{
    border-top: 1px solid #efefef;
}
 .headControl {
     display: flex;
     align-items: center;
}
 .headControl a {
     position: relative;
}
 .headControl a.resign {
    overflow: hidden;
     margin-left: 8px;
     border: 1px solid #0291fe;
     text-align: center;
     background: #0291fe;
     font-size: 16px;
     border-radius: 50%;
     color: #ffffff;
     width: 54px;
     height: 54px;
     display: inline-block;
     line-height: 54px;
}
 .headControl a.login {
    overflow: hidden;
     margin-left: 32px;
     border: 1px solid #d4d4d4;
     text-align: center;
     font-size: 16px;
     border-radius: 50%;
     color: #333333;
     width: 54px;
     height: 54px;
     display: inline-block;
     line-height: 54px;
}
 .headControl a.login span,.headControl a.resign span {
     transition: all .5s;
     position: relative;
     z-index: 2;
}
 .headControl a.login::after {
    position: absolute;
     top: 0;
     right: 0;
     z-index: 1;
     border-radius: 60px;
     width: 100%;
     height: 100%;
     transition: transform .3s ease-in-out,background-color .3s linear,-webkit-transform .3s ease-in-out;
     transform: translate(calc(-100% - 1px));
     content: "";
}
 .headControl a.login:hover span {
     color: #ffffff;
}
 .headControl a.login:hover {
     border: 1px solid #ffffff;
     color: #ffffff;
}
 .headControl a.login:hover::after {
     background: #0291fe;
     transform: translateX(0);
}
 .headControl a.resign::before {
    position: absolute;
     top: 0;
     right: 0;
     z-index: 1;
     border-radius: 60px;
     width: 100%;
     height: 100%;
     transition: transform .3s ease-in-out,background-color .3s linear,-webkit-transform .3s ease-in-out;
     transform: translate(calc(-100% - 1px));
     content: "";
}
 .headControl a.resign:hover::before {
    transform: translate(0);
    background-color: #fff;
}
 .headControl a.resign:hover,.altControl a.saveButton:hover::before {
     color:#0291fe;
}
 .altControl a.saveButton {
     overflow: hidden;
     position: relative;
     margin-top: 40px;
     margin-right: 13px;
     font-size: 16px;
     text-align: center;
     float: left;
     width: 106px;
     line-height: 46px;
     color: #ffffff;
     background: #0291fe;
     border-radius: 4px;
}
 .altControl a.escBtn {
     overflow: hidden;
     position: relative;
     margin-top: 40px;
     color: #555555;
     font-size: 16px;
     text-align: center;
     float: left;
     width: 104px;
     line-height: 44px;
     border: 1px solid #e6e6e6;
     border-radius: 4px;
}
 .altControl a.saveButton::before {
    position: absolute;
     top: 0;
     right: 0;
     z-index: 1;
     border-radius: 4px;
     width: 100%;
     height: 100%;
     transition: transform .3s ease-in-out,background-color .3s linear,-webkit-transform .3s ease-in-out;
     transform: translate(calc(-100% - 1px));
     content: "";
     border: 1px solid #0291fe;
     box-sizing: border-box;
}
 .altControl a.saveButton:hover::before {
    transform: translate(0);
    background-color: #fff;
}
 .altControl a.saveButton:hover{
     color:#0291fe ;
}
 .altControl a.saveButton span {
     transition: all .5s;
     position: relative;
     z-index: 2;
}
 .altControl a.escBtn::before {
    position: absolute;
     top: 0;
     right: 0;
     z-index: 1;
     border-radius: 4px;
     width: 100%;
     height: 100%;
     transition: transform .3s ease-in-out,background-color .3s linear,-webkit-transform .3s ease-in-out;
     transform: translate(calc(-100% - 1px));
     content: "";
     background: #eee;
     box-sizing: border-box;
}
 .altControl a.escBtn:hover::before {
    transform: translate(0);
    background-color: #eee;
}
 .altControl a.escBtn:hover{
     color:#999 ;
}
 .altControl a.escBtn span {
     transition: all .5s;
     position: relative;
     z-index: 2;
}
 .buyControl a {
     overflow: hidden;
}
 .buyControl a.addCar,a.chatScan {
     position: relative;
     color: #ffffff;
     background: #0291fe;
}
 .buyControl a.buyNow {
     position: relative;
     color: #0291fe;
}
 .buyControl a span {
     position: relative;
     z-index: 2;
}
 .buyControl a.addCar::before {
    position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     border-radius: 0px;
     width: 100%;
     height: 100%;
     transition: transform .3s ease-in-out,background-color .3s linear,-webkit-transform .3s ease-in-out;
     transform: translate(calc(-100% - 2px));
     content: "";
     background: #eee;
     box-sizing: border-box;
}
 .buyControl a.addCar:hover::before {
    transform: translate(0);
    background-color: #ffffff;
}
 .buyControl a.addCar:hover{
     color:#0291fe ;
}
 .buyControl a.addCar span {
     transition: all .5s;
     position: relative;
     z-index: 2;
}
 .buyControl a.buyNow::before {
    position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     border-radius: 0px;
     width: 100%;
     height: 100%;
     transition: transform .3s ease-in-out,background-color .3s linear,-webkit-transform .3s ease-in-out;
     transform: translate(calc(-100% - 2px));
     content: "";
     background: #eee;
     box-sizing: border-box;
}
 .buyControl a.buyNow:hover::before {
    transform: translate(0);
    background-color: #0291fe;
}
 .buyControl a.buyNow:hover{
     color:#ffffff ;
}
 .buyControl a.buyNow span {
     transition: all .5s;
     position: relative;
     z-index: 2;
}
 .goPay a {
     overflow: hidden;
     position: relative;
     float: right;
    display: block;
     width: 170px;
     text-align: center;
     line-height: 60px;
     border-radius: 60px;
     color: #ffffff;
     background: #0291fe;
     font-size: 16px;
     z-index: 0;
}
 .goPay a span {
     position: relative;
     z-index: 2;
}
 .goPay a::before {
    position: absolute;
     top: 1px;
     right: 1px;
     z-index: -1;
     bottom: 1px;
     border-radius: 0px;
     left: 1px;
     border-radius: 60px;
     transition: transform .3s ease-in-out,background-color .3s linear,-webkit-transform .3s ease-in-out;
     transform: translate(calc(-100% - 1px));
     content: "";
     border: 1px solid #0291fe;
     background: #eee;
     box-sizing: border-box;
}
 .goPay a:hover::before {
    transform: translate(0);
    background-color: #ffffff;
}
 .goPay a:hover{
     color:#0291fe ;
}
a.chatScan:hover .shareEwm {
    display: block;
}
 .goPay a span {
     transition: all .5s;
     position: relative;
     z-index: 2;
}
 .headControl img {
     cursor: pointer;
     display: block;border-radius: 50%;

}
.headControl .searchEnter img { border-radius: 0;}
.headControl .buyCar img {border-radius: 0;}
 .nav li h2 a{
     transition: all .5s;
     white-space: nowrap;
     font-size: 20px;
     color: #333333;
}
 .nav li:hover h2 a {
     color: #0291fe;
}
 .nav>ul>li {
    margin:0 2.34vw;
}
 .nav li.cur h2 a {
     color: #0291fe;
}
 .banner {
     position: relative;
     overflow: hidden;
}
 .banner .swiper-slide-active {
     z-index: 2;
}
 .banner .swiper-pagination,.insideBanner .swiper-pagination {
     bottom: 35px!important;
}
 .banner img {
     transform: scale(1.1);
     display: block;
     transition: all 5s;
     width: 100%;
}
 .banner .swiper-slide-active img {
     transition-delay: .8s;
     transform: scale(1);
}
 .banner p {
     font-size: 3.645vw;
     font-weight: bold;
     z-index: 2;
     position: absolute;
     left: 0;
     width: 100%;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
     color: #ffffff;
}
 .banner span,.insideBanner span {
     width: 48px;
     height: 3px;
     opacity: 1;
     background-color: #FFFFFF;
     border-radius: 0;
     margin: 0 3px;
}
 .banner span.swiper-pagination-bullet-active,.insideBanner span.swiper-pagination-bullet-active {
     background: #0291fe;
}
 .htitlebox {
     text-align: center;
     text-transform: uppercase;
}
 .htitlebox .entitle {
     line-height: 1;
     font-size: 6.25vw;
     color: #a09fa8;
     font-weight: bold;
     opacity: 0.19;
}
 .htitlebox .title {
     line-height: 1;
     margin-top: -3.5vw;
     font-size: 2.5vw;
     color: #222222;
     font-weight: bold;
     margin-bottom:25px;
}
 .htitlebox .des {
     font-size: 18px;
     color: #a09fa8;
}
 .about {
     padding: 4vw 0 0;
}
 .descCont {
     text-indent: 44px;
     width: 1400px;
     max-width: 92%;
     line-height: 2;
     margin: 4vw auto 4vw;
     text-align: left;
     font-size: 22px;
     color: #222222;
}
.uploadIcon {
	width: 80px;

	cursor: pointer;
	position: relative;
}
.msgTable img{
	display: inline-block;
	width: 40px;
	border-radius: 50%;
	height: 40px;
	object-fit: cover;
	vertical-align: middle;
}
.userTablecont th:nth-child(1),.userTablecont td:nth-child(1) {
	text-align: center!important;
	text-indent: 0!important;
}
.uploadIcon .noticeText {
	transition: all 0.3s;
	transform: scale(0);
	display: flex;
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 80px;
	height: 80px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.5);
	color: #ffffff;
	font-size: 14px;
	pointer-events: none;
}
.uploadIcon:hover .noticeText { 
	transform: scale(1);
}
 .descImg img {
     display: block;
     width: 100%;
}
 .oneDragon {
     overflow: hidden;
     padding: 4vw 0;
}
 .oneDragon .mainbox {
     width: 1400px;
     margin: 0 auto;
     max-width: 92%;
}
 .oneDragon .mainbox .partbox {
     margin-bottom: 66px;
     border-radius: 18px;
     overflow: hidden;
     padding: 46px 60px 68px;
     box-sizing: border-box;
     position: relative;
	 min-height: 690px;
}
 .partbox {
     position: relative;
}
 .partbox:hover .shareEwm {
     display: block;
}
 .shareEwm {
     display: none;
     border: 6px solid #ffffff;
     position: absolute;
     border-radius: 4px;
     box-shadow: 0 0 10px rgba(0,0,0,.2);
     width:100px;
     bottom: 40px;
     left: 50%;
     transform: translateX(-50%);
}
.chatScan .shareEwm { bottom:60px; width: 166px;}
 .shareEwm img {
     display: block;
     width: 100%;
}
 .shareEwm::after {
    content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     margin-left: -4px;
     width: 8px;
     height: 8px;
     background: #ffffff;
     transform: rotate(45deg);
}
 .oneDragon .mainbox .partbox:last-child {
     margin-bottom: 0;
}
 .oneDragon .mainbox .partbox .topbox {
     padding-bottom: 24px;
     border-bottom: 1px solid rgba(223, 222, 217, 0.33);
     color: #ffffff;
}
 .oneDragon .mainbox .partbox .topbox .flagbox {
     width: 47px;
     height: 47px;
     border-radius: 50%;
     overflow: hidden;
     margin-right: 13px;
}
 .oneDragon .mainbox .partbox .topbox .flagbox img {
     width: 100%;
}
 .oneDragon .mainbox .partbox .topbox .typename {
     font-size: 30px;
     font-weight: bold;
}
 .oneDragon .mainbox .partbox .bottombox .halfbox {
     width: 50%;
}
 .oneDragon .mainbox .partbox .bottombox .titlebox {
     margin: 30px 0;
}
 .oneDragon .mainbox .partbox .bottombox .titlebox .title {
     font-size: 2.39583333vw;
     font-weight: bold;
     margin-bottom: 16px;
     line-height: 1;
     color: #ffffff;
}
 .oneDragon .mainbox .partbox .bottombox .titlebox .des {
     font-size: 22px;
     font-weight: bold;
     color: #ffffff;
}
 .oneDragon .mainbox .partbox .bottombox .linkbox .linkpart {
     width: 50%;
     line-height: 1.8;
     margin-bottom: 6px;
     font-size: 16px;
     color: #FFFFFF;
}
 .oneDragon .mainbox .partbox .bottombox .linkbox .linkpart a {
     display: inline-block;
     border-bottom: 1px solid rgba(255, 255, 255, 0);
     transition: 0.3s;
     box-sizing: border-box;
     position: relative;
     color: #FFFFFF;
}
 .oneDragon .mainbox .partbox .bottombox .linkbox .linkpart a::after {
     content: '';
     transition: all .3s;
     position: absolute;
     bottom: 0;
     left: 0;
     height: 1px;
     width: 0;
     background: #ffffff;
}
 .oneDragon .mainbox .partbox .bottombox .linkbox .linkpart a:hover::after {
     width: 100%;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox {
     margin-top: 35px;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox .touxiangbox {
     margin-right: 16px;
     padding-left: 17px;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox .txpart {
     width: 53px;
     height: 53px;
     box-sizing: border-box;
     border: 2px solid #fff;
     border-radius: 50%;
     text-align: center;
     line-height: 51px;
     margin-left: -17px;
     background-color: #e9e9e9;
     color: #222222;
     font-size: 16px;
     font-weight: bold;
	 overflow: hidden;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox .txpart img {
     width: 100%;
     display: block;
	 height: 100%;
	 object-fit: cover;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox .star {
     width: 19px;
     height: 19px;
     margin-right: 7px;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox .star img {
     width: 100%;
     display: block;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox .score {
     margin-left: 5px;
     color: #fcc84a;
     font-size: 16px;
     font-weight: bold;
}
 .oneDragon .mainbox .partbox .bottombox .pinjiabox .tips {
     font-size: 14px;
     margin-top: 3px;
     color: #ffffff;
}
 .oneDragon .mainbox .partbox .renbox {
     position: absolute;
     top: 0;
     right: 0;
     width: 50%;
     height: 100%;
     overflow: hidden;
}
 .oneDragon .mainbox .partbox .renbox img {
     display: block;
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
}
 .oneDragon .mainbox .partbox .renbox .morebox {
     position: absolute;
     bottom: 68px;
     right: 64px;
}
 .oneDragon .oneDragon .mainbox {
     color: #FFFFFF;
}
 .linkbox {
    display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: flex-start;
     flex-wrap: wrap;
}
 .fsc {
     display: flex;
     display: -webkit-flex;
     justify-content: flex-start;
     align-items: center;
}
 .more {
     border-radius: 24px;
     overflow: hidden;
     background-color: #0291FE;
     position: relative;
     height: 48px;
     padding: 0 24px;
     transition: all .5s;
     position: relative;
}
 .articleControl .backMenu {
     position: relative;
     overflow: hidden;
     justify-content: center;
     display: flex;
     align-items:center;
     background: #0291fe;
     text-align: center;
     font-size: 16px;
     color: #ffffff;
     line-height: 55px;
     width: 150px;
     border-radius: 55px;
}
 .articleControl .backMenu>* {
     position: relative;
     z-index: 5;
}
 .dragonList .more {
     box-shadow: 0 12px 13px rgba(14,144,255,.13);
}
 .more:after,.articleControl .backMenu::after {
     content: "";
     display: block;
     width: 0;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     transition: 0.6s;
     background-color: #0052d9;
     box-sizing: border-box;
}
 .dragonContrl>a:nth-child(1) {
     border-radius: 50%;
     transition: all .5s;
}
 .dragonContrl>a:nth-child(1) img {
     display: block;
}
 .dragonContrl>a:nth-child(1):hover {
     transform: rotate(360deg);
     box-shadow: 0 12px 13px rgba(14,144,255,.13);
}
 .more:hover::after {
     width: 100%;
}
 .articleControl .backMenu:hover::after {
    width: 100%;
}
 .more .text {
     font-size: 16px;
     color: #fff;
     position: relative;
     z-index: 2;
}
 .more .morejt {
     position: relative;
     z-index: 2;
     margin-left: 40px;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
     transition: 0.6s;
}
 .more .morejt:after {
     content: "";
     display: block;
     width: 16px;
     height: 1px;
     background-color: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) rotateZ(45deg);
     transition: 0.6s;
}
 .morebox:hover .more .morejt {
     transform: rotate(315deg);
}
 .morebox:hover .more{
     background: rgb(0,82,217);
}
 .oneDragon .htitlebox {
     margin-bottom: 3.5vw;
}
/* hbox3 */
 .hbox3 {
     padding-bottom: 4vw;
     z-index: 3;
     position: relative;
}
 .hbox3 .mainbox {
     border-top: 1px solid #cecece;
     margin-top: 65px;
}
 .hbox3 .mainbox .partbox {
     height: 168px;
     border-bottom: 1px solid #cecece;
     transition: 0.6s;
     display: flex;
     justify-content: space-between;
}
 .hbox3 .mainbox .partbox .box1 {
     width: 58.5714285%;
     transition: 0.6s;
}
 .hbox3 .mainbox .partbox .box1 .time {
     width: 28.658536%;
     color: #343434;
     transition: 0.6s;
}
 .hbox3 .mainbox .partbox .box1 .time .md {
     font-size: 32px;
     font-weight: bold;
     line-height: 1.25;
}
 .hbox3 .mainbox .partbox .box1 .time .year {
     font-size: 18px;
}
 .hbox3 .mainbox .partbox .box1 .title {
     width: 100%;
     font-size: 24px;
     color: #343434;
     line-height: 1.7;
     font-weight: bold;
     transition: 0.6s;
     overflow: hidden;
    text-overflow: ellipsis;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
 .hbox3 .mainbox .partbox .box2 {
     width: 31.5714285%;
     position: relative;
     margin-top: 60px;
}
 .hbox3 .mainbox .partbox .box2 .guccbox {
     padding-top: 0px;
     width: 325px;
     margin: auto;
     position: absolute;
     bottom: 0;
     left: 20%;
     transition: 0.6s;
     border-radius: 18px;
     overflow: hidden;
}
 .hbox3 .mainbox .partbox .viewbox {
     font-size: 15px;
     color: #555;
     padding: 0 24px;
     box-sizing: border-box;
     transition: 0.6s;
     white-space: nowrap;
}
 .hbox3 .mainbox .partbox .viewbox .viewmorejt {
     position: relative;
     margin-left: 19px;
     width: 12px;
     height: 12px;
     box-sizing: border-box;
     border-right: 1px solid #555;
     border-bottom: 1px solid #555;
     transition: 0.6s;
}
 .hbox3 .mainbox .partbox .viewbox .viewmorejt:after {
     content: "";
     display: block;
     width: 16px;
     height: 1px;
     background-color: #555;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) rotateZ(45deg);
     transition: 0.6s;
}
 .hbox3 .mainbox .partbox:hover {
     background-color: #0052d9;
}
 .hbox3 .mainbox .partbox:hover .box1 {
     transform: translateX(60px);
}
 .hbox3 .mainbox .partbox:hover .box1 .time {
     color: #fff;
}
 .hbox3 .mainbox .partbox:hover .box1 .title {
     color: #fff;
     ;
}
 .hbox3 .mainbox .partbox:hover .box2 .guccbox {
     padding-top: 218PX;
}
 .hbox3 .mainbox .partbox:hover .viewbox {
     color: #fff;
}
 .hbox3 .mainbox .partbox:hover .viewbox .viewmorejt {
     border-color: #fff;
}
 .hbox3 .mainbox .partbox:hover .viewbox .viewmorejt:after {
     background-color: #fff;
}
 .mainbox {
     width: 1400px;
     max-width: 92%;
     margin: 0 auto;
}
/* 图片固定模式 */
 .guccbox,.fullbox{
    position: relative;
}
 .guccbox .imgbox,.fullbox .imgbox{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .guccbox .imgbox img{
     object-fit: cover;
     width: 100%;
     height: 100%;
}
 .fullbox .imgbox img{
     object-fit: contain;
     width: 100%;
     height: 100%;
}
/* footer */
 footer {
     background-color: #2b303b;
}
 .footerbox {
     color: #fff;
}
 .footerbox .topbox {
     padding-top: 62px;
     padding-bottom: 56px;
}
 .footerbox .topbox .leftbox {
     width: 395px;
}
 .footerbox .topbox .leftbox .partbox {
     margin-bottom: 32px;
}
 .footerbox .topbox .leftbox .partbox:last-child {
     margin-bottom: 0;
}
 .footerbox .topbox .leftbox .partbox .title {
     font-size: 18px;
     margin-bottom: 12px;
}
 .footerbox .topbox .leftbox .partbox .title .imgbox {
     width: 30px;
     margin-right: 9px;
}
 .footerbox .topbox .leftbox .partbox .title .imgbox img {
     display: block;
     width: 100%;
}
 .footerbox .topbox .leftbox .partbox .des {
     font-size: 16px;
     line-height: 1.85;
}
 .footerbox .topbox .rightbox {
     width: 100%;
}
 .footerbox .topbox .rightbox .partbox .title {
     display: block;
     font-size: 18px;
     margin-bottom: 25px;
     transition: 0.3s;
}
 .footerbox .topbox .rightbox .partbox .des {
     display: block;
     font-size: 16px;
     margin-bottom: 15px;
     transition: 0.3s;
}
 .footerbox .topbox .rightbox .partbox .des:last-child {
     margin-bottom: 0;
}
 .footerbox .topbox .rightbox .partbox .title:hover {
     transform: translateX(10px);
}
 .footerbox .topbox .rightbox .partbox .des:hover {
     transform: translateX(10px);
}
 .footerbox .bottombox {
     background-color: #f12a65;
}
 .footerbox .bottombox .firendlink {
     padding-top: 36px;
     padding-bottom: 12px;
     box-sizing: border-box;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
 .footerbox .bottombox .firendlink .leftbox {
     font-size: 18px;
}
 .footerbox .bottombox .firendlink .rightbox {
     width: 100%;
     font-size: 16px;
}
 .footerbox .bottombox .firendlink .rightbox a {
     margin-right: 49px;
     margin-bottom: 13px;
     opacity: 0.87;
     transition: 0.3s;
}
 .footerbox .bottombox .firendlink .rightbox a:hover {
     opacity: 1;
     transform: translateX(10px);
}
 .footerbox .bottombox .copyright {
     padding: 28px 0 32px;
}
 .footerbox .bottombox .copyright .rightbox .partbox {
     margin-left: 24px;
     transition: 0.6s;
}
 .footerbox .bottombox .copyright .rightbox .partbox:hover {
     transform: translateY(-8px);
}
 .insideBanner {
     position: relative;
     height: 506px;
}
 .insideBanner p {
     position: absolute;
     left: 0;
     width: 100%;
     text-align: center;
     top: 50%;
     font-size: 48px;
     color: #ffffff;
     line-height: 1;
     transform: translateY(-50%);
}
 .insideBanner .swiper,.insideBanner .swiper-slide {
     width: 100%;
     height: 100%;
}
 .caseList {
     max-width: 92%;
     width: 1400px;
     margin: 80px auto;
}
 .caseList li {
     margin-bottom: 44px;
     background-image: linear-gradient(to right bottom,#e0e9fa,#fdfdfe);
     box-shadow: 0 0 10px rgba(4,77,153,.11);
     padding: 52px 60px;
     border-radius: 10px;
}
 .caseList li:last-child {
     margin-bottom: 0;
}
 .caseList li::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 .caseImg {
     overflow: hidden;
     float: left;
     width: 618px;
     height: 343px;
}
 .caseImg img {
    transition: all .5s;
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .caseList li:hover .caseImg img {
     transform: scale(1.2);
}
 .caseText {
     float: right;
     width: calc(100% - 687px);
}
 .evaluate {
     display: flex;
     align-items: center;
}
 .evalImg {
     margin-right: 15px;
     width: 53px;
     height: 53px;
     border-radius: 50%;
     overflow: hidden;
     box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
 .caseText h2 {
     overflow: hidden;
    text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 30px;
     font-weight: bold;
     line-height: 1;
     margin: 45px 0 30px;
}
 .caseText p {
     font-size: 16px;
     color: #555555;
     line-height: 2;
}
 .evalStar i{
     font-size: 16px;
     color: #fcc84a;
     font-style: normal;
}
 .evalStar {
     display: flex;
     align-items: center;
}
 .evalStar img {
     margin-right: 7px;
}
 .evalTxt span {
     font-size: 14px;
     color: #999999;
}
/* 美化滚动条 */
 .descCase {
     margin-bottom: 25px;
     height: 128px;
     overflow-y: auto;
     padding-right: 20px;
     text-align: justify;
}
 .descCase::-webkit-scrollbar {
     width:2px;
    /* 滚动条宽度 */
}
/* 滚动条轨道 */
 .descCase::-webkit-scrollbar-track {
     background: #e5e5e5;
    /* 轨道颜色 */
}
/* 滚动条滑块 */
 .descCase::-webkit-scrollbar-thumb {
     background: #0291fe;
    /* 滑块颜色 */
}
/* 滚动条滑块hover效果 */
 .descCase::-webkit-scrollbar-thumb:hover {
     background: #0291fe;
    /* 滑块hover颜色 */
}
 .removeBtn {
     cursor: pointer;
}
 .fpage {
     margin-top: 70px;
     text-align: center;
}
 .fpage a {
     display: inline-block;
     vertical-align: top;
     width: 44px;
     height: 44px;
     border-radius: 50%;
     line-height: 44px;
     font-size: 16px;
     color: #555555;
     transition: all .5s;
}
 .fpage a:hover {
     background: rgba(2,145,254,.5);
     color: #ffffff;
}
 .fpage a.cur {
     background: #0291fe;
     color: #ffffff;
}
 .fpage a.layui-laypage-prev:hover,.fpage a.layui-laypage-next:hover{
    background: none;
    color: #0291fe;
}
 .settleTitle {
     margin: 0 0 70px;
     text-align: center;
     font-weight: bold;
     color: #222222;
     font-size: 30px;
     line-height: 44px;
}
 .settleList {
     width: 1400px;
     max-width: 92%;
     margin: 90px auto 110px;
}
 .settleList li{
     padding: 50px 0 0 60px;
     transition: all .5s;
     margin-bottom: 58px;
     background-size: cover!important;
     position: relative;
     overflow: hidden;
     border-radius: 8px;
     height: 460px;
}
 .settleList li .morebox {
     position: absolute;
     right: 60px;
     bottom: 50px;
}
 .settleList li:hover {
     transform: translateY(-10px);
     box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
 .settleList li h2 {
     margin: 15px 0 70px;
     font-weight: bold;
     color: #ffffff;
     font-size: 30px;
     line-height: 1;
}
 .settleList li p {
     font-size: 18px;
     color: #ffffff;
     line-height: 32px;
     width: 414px;
}
 .newsPage {
     padding: 100px 0 0px;
}
 .newsPage .mainbox {
     margin: 0 auto;
}
 .articlePage {
     width: 1400px;
     margin: 70px auto;
     max-width: 92%;
}
 .location a {
     font-size: 14px;
     color: #0291fe;
}
 .articleBar {
     overflow: hidden;
}
 .articleDetail {
     float: left;
     width: calc(100% - 400px);
}
 .articleBar::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 .likeArticle {
     float: right;
     width:300px;
}
 .articleTitle h2 {
     font-size: 48px;
     font-weight: bold;
     line-height: 78px;
     margin: 40px 0;
}
 .articleTag {
     margin-bottom:100px;
     font-size: 14px;
     color: #999999;
     line-height: 1;
}
 .articleTag b {
     margin: 0 20px;
}
 .articleInfor p {
     font-size: 18px;
     color: #333333;
     line-height: 2;
     margin-bottom: 40px;
}
 .articleInfor img {
     margin: 0 auto 40px;
     max-width: 100%;
}
 .articleShare {
     font-size: 16px;
     margin-bottom: 34px;
     color: #555555;
     display: flex;
     align-items: center;
}
 .articleShare a {
     margin-left: 19px;
}
 .articleControl {
     border-top: 1px solid #e9e9e9;
    padding-top: 35px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .pageControl p {
     line-height: 38px;
     font-size: 15px;
     color: #222222;
}
 .pageControl p a {
     transition: all .3s;
     color: #222222;
}
 .pageControl p a:hover {
     color: #0291fe;
}
 .backMenu img {
     transition: all .5s;
     margin-right: 8px;
}
 .articleControl .backMenu:hover img {
     transform: rotate(360deg);
}
 .likeArticle {
     padding-top: 275px;
}
 .likeArticle h3{
     font-size: 24px;
     line-height: 1;
     color: #222222;
     margin-bottom: 45px;
}
 .likeArticle li span {
     display: block;
     font-size: 14px;
     line-height: 1;
     color: #0291fe;
     margin-bottom: 16px;
}
 .likeArticle li h2 {
     transition: all .5s;
     font-size: 22px;
     color: #222222;
     line-height: 30px;
     overflow: hidden;
    text-overflow: ellipsis;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
 .likeArticle li p {
     font-size: 14px;
     color: #777777;
     line-height: 26px;
}
 .likeArticle li {
     position: relative;
     border-bottom: 1px solid #e6e6e6;
     padding-bottom: 26px;
     margin-bottom: 30px;
}
 .likeArticle li::after {
     content: '';
     background-color: #0291fe;
     position: absolute;
     bottom: -1px;
     left: 0;
     height: 1px;
     width: 0;
     transition: all .5s;
}
 .likeArticle li:hover::after {
     width: 100%;
}
 .likeArticle li:hover h2 {
     color: #0291fe;
}
 .subMenu {
     display: none;
     padding: 40px 0;
     border-top: 1px solid #eeeeee;
     box-shadow: 0 10px 10px rgba(0,0,0,0.05);
     background: #ffffff;
     position: absolute;
     left: 0;
     width: 100%;
     top: 150px;
     z-index: 2;
}
 .subMenu ul {
     display: flex;
     flex-wrap: wrap;
}
 .subMenu li {
     padding: 2vw 3vw 2vw;
     width: 25%;
     border-bottom: 1px solid #eeeeee;
     border-right: 1px solid #eeeeee;
     box-sizing: border-box;
}
 .subMenu li h3 {
     line-height: 33px;
     margin-bottom: 25px;
     font-size: 24px;
     font-weight: bold;
     color: #222222;
     align-items: center;
}
 .subMenu li h3 img.noticeIcon {
     width: 49px;
     height: 22px;
     display:inline-block;
     margin-left: 5px;
     border-radius: 0;
}
 .subMenu li:last-child dt {
     width: 100%;
}
 .subMenu h3 a {
     align-items: center;
     font-weight: bold;
     color: #222222;
     display: flex;
}
 .subMenu li h3 img {
     margin-right: 9px;
     width: 33px;
     height: 33px;
     border-radius: 50%;
}
 .subMenu dl {
    overflow: hidden;
}
 .subMenu dt {
     margin-bottom: 7px;
     font-size: 16px;
     float: left;
     width: 50%;
}
 .subMenu dt a {
     color: #555555;
     display: inline-block;
     line-height: 24px;
     position: relative;
     transition: all .3s;
}
 .subMenu dt a::after {
     content: '';
     transition: all .5s;
     width: 0;
     position: absolute;
     bottom: 0;
     left: 0;
     height: 1px;
     background: #0291fe;
}
 .subMenu dt a:hover::after {
     width: 100%;
}
 .subMenu dt a:hover {
    color: #0291fe;
}
 .subMenu li:nth-child(1),.subMenu li:nth-child(2),.subMenu li:nth-child(3),.subMenu li:nth-child(4){
    padding-top: 0;
}
 .dragonList {
    width: 1400px;
     margin: 70px auto;
     max-width: 92%;
}
 .dragonList li::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 .dragonList li {
     margin-bottom: 44px;
     border-radius: 14px;
     padding: 60px;
     background: url(../images/odBg.jpg) center no-repeat;
     background-size: cover;
}
 .dragonTxt {
     padding-top: 50px;
     float: left;
     width: 760px;
}
 .dragonPic {
    overflow: hidden;
     float: right;
     width: calc(100% - 784px);
}
 .dragonList li h2 {
     margin-bottom: 30px;
     font-weight: bold;
     font-size: 30px;
     color: #222222;
}
 .dragonPic img {
     transition: all .5s;
     display: block;
     width: 100%;
}
 .dragonPic:hover img {
     transform: scale(1.2);
}
 .dragonTxt dl {
     margin-bottom: 40px;
     overflow: hidden;
}
 .dragonTxt dt {
     font-size: 16px;
     line-height: 36px;
     float: left;
     width: 50%;
}
 .dragonTxt dt a {
     color: #555555;
     transition: all .5s;
}
 .dragonTxt dt a:hover {
     color: #0291fe;
}
 .dragonContrl {
     display: flex;
     align-items: center;
}
 .dragonContrl>a {
     margin-right: 20px;
}
 .packageList {
     padding-bottom:180px;
     width: 1400px;
     max-width: 92%;
     margin: -75px auto;
     position: relative;
     z-index: 2;
}
 .packageList ul::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 .packageList ul {
     display: flex;
     justify-content:center;
}
 .packageList li {
     transition: all .5s;
     position: relative;
     padding-bottom: 250px;
     width: 32%;
     background: url(../images/dicon2.jpg) center bottom no-repeat #FFFFFF;
     border-radius: 8px;
     border: 1px solid #e2e2e2;
     box-sizing: border-box;
}
 .packageList li:nth-child(2) {
     margin: 0 2%;
}
 .packageList li:nth-child(3n) {
     margin-right: 0;
}
.packageList li:nth-child(3n) dt:last-child { width: 100%;}
 .packageTit{
     padding: 68px 0 35px;
     margin: 0 13% 35px;
     border-bottom: 1px solid #e2e2e2;
     text-align: center;
}
 .packageTit p {
     margin-bottom: 16px;
     font-size: 46px;
     line-height: 1;
     font-family: 'Arial';
     font-weight: bold;
}
 .packageTit span {
     font-size: 32px;
     display:block;
    line-height: 1;
}
 .packageDetail {
     text-align: center;
}
 .packageDetail h2 {
     margin-bottom: 20px;
     font-size: 26px;
     color: #222222;
     line-height: 1;
}
 .packageDetail dl {
    padding:0 0 0 10%;
     overflow: hidden;
}
 .packageDetail dt {
     line-height: 48px;
     color: #333333;
     font-size: 22px;
     display: flex;
    float: left;
     align-items: center;
     min-width: 50%;
}
 .packageDetail dt img{
     margin-right: 15px;
}
 .priceInfor {
    padding-bottom: 40px;
     border-bottom: 1px solid #e2e2e2;
     margin: 0 6.6%;
     line-height: .7;
     text-align: center;
     font-size: 60px;
     color: #ff631e;
}
 .priceInfor span {
     font-size: 26px;
     vertical-align: top;
}
 .packageList li:nth-child(1) .packageTit p {
    color: #0291fe;
}
 .packageList li:nth-child(2) .packageTit p {
    color: #f19737;
}
 .packageList li:nth-child(3) .packageTit p {
    color: #eb0000;
}
 .morePirce {
     margin-top: 20px;
     text-align: center;
}
 .morePirce p {
     font-size: 26px;
     line-height: 46px;
}
 .packageList .fsc {
    align-items: center;
     justify-content: center;
     margin-top: 20px;
}
 .bottomItem {
     position: absolute;
     bottom: 40px;
     width: 100%;
}
 .packageTag {
     position: absolute;
     background-image: linear-gradient(to right,#ff6e5a,#ff2f3b);
     padding: 0 16px;
     line-height: 44px;
     color: #ffffff;
     font-size: 22px;
     border-radius: 0 8px 0 8px;
     right: -1px;
     top: -20px;
}
 .titleImg {
     width: 91px;

     object-fit: cover;
}
 .packageList li:hover {
     box-shadow: 0 0 10px rgba(0,0,0,0.2);
     transform: translateY(-10px);
}
 .bannerCont {
     height: 100%;
     max-width: 92%;
     width: 1400px;
     margin: 0 auto;
     position: relative;
     padding: 133px 0 0;
}
 .detailBanner {
     height: 642px;
}
 .bannerCont h2 {
     margin-bottom: 20px;
     font-size: 42px;
     color: #ffffff;
     line-height: 1;
     font-weight: bold;
}
 .bannerCont p {
     font-size: 16px;
     line-height: 2;
     color: #ffffff;
     width: 735px;
}
 .bannerControl {
     position: absolute;
     bottom: 100px;
     left: 0;
}
 .bannerControl a {
     float: left;
     font-size: 16px;
     color: #ffffff;
     padding-left: 33px;
     margin-right: 55px;
}
 .bannerControl a.saveBtn {
     background: url(../images/icon1.png) left center no-repeat;
}
 .bannerControl a.shareBtn {
     background: url(../images/icon2.png) left center no-repeat;
}
 .bannerControl a.saveBtn.cur {
     background: url(../images/star.png) left center no-repeat;
}
 .detailCont {
     background: #f5f5f5;
     padding: 65px 0 100px;
}
 .productDetail {
     width: 1400px;
     max-width: 92%;
     margin: 0 auto;
     background: #ffffff;
     border-radius: 8px;
     box-shadow: 0 0 27px rgba(0,0,0,0.03);
     padding: 35px 60px 70px;
}
 .productTitle {
     display: flex;
    align-items: center;
     line-height: 100px;
     flex-wrap: wrap;
}
 .productTitle span {
     font-size: 42px;
     color: #222222;
     font-weight: bold;
     margin: 0 20px;
}
 .productTitle span b {
     font-weight: bold;
}
 .price {
     margin-bottom: 40px;
     background: #efefef;
     font-size: 18px;
     color: #333333;
     line-height: 125px;
     padding: 0 50px;
}
 .price span {
     color: #fe6100;
}
 .price b {
     font-size: 52px;
     font-weight: bold;
}
 .priceChose,.numChose {
     overflow: hidden;
}
 .priceChose p,.numChose p {
     width: 100px;
     text-align: right;
     line-height: 44px;
     font-size: 18px;
     color: #333333;
     float: left;
}
 .typeChose span {
     transition: all .5s;
     float: left;
    border:1px solid #dddddd;
     overflow: hidden;
     float: left;
     display: block;
     width: 166px;
     line-height: 42px;
     text-align: center;
     font-size: 16px;
     color: #333333;
     margin-right: 17px;
     margin-bottom: 14px;
     cursor: pointer;
}
 .typeChose span:hover {
     border: 1px solid #0291fe;
}
 .priceChose span.cur {
     color: #0291fe;
     border: 1px solid #0291fe;
}
 .typeChose {
    float: right;
     width: calc(100% - 115px);
     overflow: hidden;
}
 .p_number {
     float: left;
     overflow: hidden;
     margin-left: 20px;
}
 .p_number>*{
     float: left;
}
 .p_number a {
     transition: all .5s;
     width: 44px;
     height: 44px;
}
 .p_number a.reduce {
     background: url(../images/reduceIcon.png) center no-repeat;
}
 .p_number a.add {
     background: url(../images/addIcon.png) center no-repeat;
}
 .p_number a.reduce:hover {
     background: url(../images/reduceIconon.png) center no-repeat;
}
 .p_number a.add:hover {
     background: url(../images/addIconon.png) center no-repeat;
}
 .p_number input {
     text-align: center;
     width:40px;
     font-weight: bold;
     font-size: 20px;
     height: 44px;
     border: none;
     padding: 0;
     text-align: center;
}
 .buyControl {
     margin-top: 50px;
     
}
 .buyControl::after { content: ''; clear: both; display: block; height: 0;}
a.chatScan { overflow: visible;}
 .buyControl a {
     margin-right: 15px;
     font-size: 18px;
     line-height: 50px;
     width: 162px;
     text-align: center;
     float: left;
     border: 2px solid #0291fe;
     border-radius: 4px;z-index: 0;
}
 .buyControl a.addCar {
     color: #ffffff;
     background: #0291fe;
}
 .buyControl a.buyNow {
     color: #0291fe;
}
 .numChose {
     margin-top: 40px;
}
 .quickLink {
     overflow: hidden;
     margin-bottom: 40px;
}
 .quickLink span {
     margin-right: 48px;
     cursor: pointer;
     position: relative;
     line-height: 66px;
     position: relative;
     float: left;
     font-size: 28px;
     color: #333333;
}
 .productTag {
     max-width: 92%;
     width: 1400px;
     margin: 32px auto 0;
}
 .quickLink span.cur::after {
     content: '';
     border-radius: 4px;
     position: absolute;
     bottom: 0;
     height: 3px;
     left: 50%;
     background: #0291fe;
     width: 80px;
     height: 4px;
     margin-left: -40px;
}
 .flowCont {
     padding: 60px;
     background: #ffffff;
}
 .productArt img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
}
 .userTalk .score {
     margin-bottom: 25px;
     border-top: 1px solid #e0e0e0;
     padding-top: 22px;
     overflow: hidden;
     display: flex;
     line-height: 80px;
     align-items:center;
}
 .userTalk .score p {
     margin-right: 32px;
     font-size: 36px;
     color: #fe0000;
}
 .userTalk .score b {
     margin-right: 38px;
     font-size: 16px;
     color: #333333;
}
 .tagList {
     border-left: 1px solid #ebebeb;
     padding-left: 40px;
}
 .tagList span {
     margin-right: 12px;
     display: inline-block;
     line-height: 32px;
     background: #f5f5f5;
     padding: 0 12px;
     border-radius: 3px;
     font-size: 14px;
     color: #202020;
}
 .talkChose {
     line-height: 46px;
     border-bottom: 1px solid #e0e0e0;
     border-top: 1px solid #e0e0e0;
}
 .talkChose span {
     cursor: pointer;
     margin-right: 80px;
     display: inline-block;
     vertical-align: top;
     font-size: 15px;
     color: #999999;
}
 .talkChose span.current {
     color: #333333;
}
 .talkUser {
     float: left;
     overflow: hidden;
}
 .talkIcon {
     width: 51px;
     height: 51px;
     border-radius: 50%;
     overflow: hidden;
     float: left;
}
 .talkIcon img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .uerTxt {
     margin-left: 20px;
     float: left;
}
 .uerTxt p {
     font-size: 17px;
     color: #333333;
     line-height:25px;
}
 .uerTxt span {
     display: block;
     font-size: 15px;
     line-height: 25px;
     color: #999999;
}
 .talkStar {
     float: right;
     margin-top: 20px;
}
 .talkTitle::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 .talkTitle {
     margin-bottom: 15px;
}
 .talkDetail {
     margin-top: 20px;
     font-size: 16px;
     color: #333333;
     line-height: 30px;
}
 .talkTime {
     font-size: 15px;
     color: #999999;
}
 .talkCont li {
     border-bottom: 1px solid #e0e0e0;
     padding: 35px 0;
}
 .dn {
     display: none;
}
 #screen {
     display: none;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.5);
     z-index: 20;
}
 .formAlt {
     display: none;
     border-radius: 6px;
     padding: 20px 30px 45px;
     width: 870px;
     position: fixed;
     left: 50%;
     top: 50%;
     z-index: 22;
     background: #FFFFFF;
     transform: translate(-50%,-50%);
}
 .formAlt h3 {
     line-height: 1;
     margin-bottom: 25px;
     font-size: 18px;
     color: #222222;
}
 .formAlt li h2 {
     line-height: 42px;
     font-size: 15px;
     color: #222222;
}
 .formAlt li h2 span {
     color: #ff0000;
}
 .formAlt li textarea,.formAlt li input {
     border-radius: 4px;
     font-family: '微软雅黑';
     padding: 10px 20px;
     line-height: 24px;
     font-size: 15px;
     box-sizing: border-box;
     width: 100%;
     border: 1px solid #e6e6e6;
}
 .formAlt li textarea {
     resize: none;
     height: 115px;
}
 .formAlt ul {
     margin-bottom: 45px;
}
 .altFocus {
     float: right;
     display: flex;
    align-items: center;
}
 .focusTxt {
     margin-right: 24px;
     text-align: right;
     font-size: 15px;
     color: #333333;
     line-height: 25px;
}
 .focusEwm img {
     display: block;
     width: 80px;
}
 .focusEwm {
     background: #ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.2);
     overflow: hidden;
     padding: 5px;
     border-radius: 4px;
}
 .closeBtn {
     background: url(../images/closeAlt.jpg) center no-repeat;
     cursor: pointer;
     width: 11px;
     height: 11px;
     display: block;
     position: absolute;
     top: 22px;
     right: 30px;
}
 .buycarPage {
     background: #f5f5f5;
     padding: 70px 0;
}
 .buycarCont {
     max-width: 92%;
     margin: 0 auto;
     width: 1400px;
     background: #ffffff;
     border-radius: 6px;
     box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
 .emptyCont {
     padding: 120px 0;
     text-align: center;
}
 .emptyCont img {
     display: block;
     margin: 0 auto;
}
 .emptyCont p {
     margin: 50px 0 25px;
     line-height: 1;
     font-size: 15px;
     color: #222222;
}
 .emptyCont a {
     display: block;
     width: 170px;
     line-height: 60px;
     border-radius: 60px;
     color: #ffffff;
     background: #0291fe;
     font-size: 16px;
     margin: 0 auto;
}
 .buycarInfor {
     padding: 10px 40px 90px;
}
 .carTitle {
     line-height: 110px;
     display: flex;
     align-items:center;
     justify-content: space-between;
}
 .carTitle h2 {
     font-weight: bold;
     font-size: 30px;
     color: #222222;
}
 .carTitle h2 span {
     color: #222222;
     font-size: 15px;
     margin-left: 16px;
}
 .carTitle p {
     font-size: 15px;
     color: #999999;
}
 .carTitle p span {
     vertical-align: -4px;
     font-weight: bold;
     display: inline-block;
     font-weight: bold;
     font-size: 30px;
     color: #222222;
     margin-left: 25px;
}
 .carTitle p span i {
     font-weight: bold;
     font-size: 18px;
     vertical-align: 7px;
     font-style: normal;
}
 .carTitle p span b {
     font-weight: bold;
}
.cartableInfor .p_number { float: none; display: flex; justify-content: center; align-items: center; margin: 0;}
.cartableInfor th:nth-child(2) { text-align: left;}
.cartableInfor th { font-size: 15px; color: #707070; line-height: 64px; background: rgb(247,248,250);}
 .carTable table {
    width: 100%;
}
 .carProduct {
     display: flex;
     align-items: center;
}
 .carName {
     max-width: calc(100% - 170px);
	 text-align: left;
}
 .carName p {
     font-size: 15px;
     color: #999999;
}
 .carName span {
     display: block;
     font-size: 18px;
     color: #333333;
}
 .carSmall {
     margin-right: 35px;
     width: 136px;
     height: 136px;
	 display: flex;
	 align-items: center;
}
 .moneyNum {
     font-size: 18px;
     font-weight: bold;
     color: #333333;
}
 .moneyNum i {
     margin-left: 5px;
     font-style: normal;
}
 .carTable td {
     text-align: center;
     padding: 30px 0;
     border-bottom: 1px solid #f1f1f1;
}
 .carTable td:nth-child(2) {
     text-align: left;
}
 .carTable td:nth-child(2) {
     width: 530px;
}
.carTable.subTable td:nth-child(2) {width: auto; text-align: center;}
.saveTable .carTable td:nth-child(2) {text-align: center; width: 400px;;}
.saveTable .carTable td:last-child { text-align: center;}
.historyTable .orderTable .carTable td:nth-child(1) { text-align: left;}
.historyTable .orderTable .carTable td:nth-child(2) { width: auto; text-align: center;}
 .carTableControl.carTable td:nth-child(2) {
     text-align: left;
}
 .carTableControl.carTable td:nth-child(2) {
     width: 530px;
}
 .carTableControl.carTable td:nth-child(1) {
     width:40px;
}
 .carTable {
     border-top: 1px solid #f1f1f1;
}
 .goPay {
     margin-top: 40px;
     line-height: 60px;
     overflow: hidden;
}
 .leaveMsg textarea {
    resize: none;
     height: 115px;
     border-radius: 4px;
     font-family: '微软雅黑';
     padding: 10px 20px;
     line-height: 24px;
     font-size: 15px;
     box-sizing: border-box;
     width: 100%;
     border: 1px solid #e6e6e6;
}
 .leaveMsg h2 {
     font-weight: bold;
     font-size: 17px;
     color: #222222;
     line-height: 2;
     margin-top: 30px;
}
 .ticketChose ul {
    overflow: hidden;
}
 .ticketChose li {
     margin-right: 2%;
     margin-bottom: 2%;
     box-sizing: border-box;
     padding: 20px 0;
     overflow: hidden;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     position: relative;
     float: left;
     width: 15%;
     text-align: center;
     height: 235px;
     background: #eff4ff;
}
 .ticketChose li:nth-child(6n) {
     margin-right: 0;
}
 .ticketChose li::after{
    content: '';
     position: absolute;
     width: 28px;
     background: #ffffff;
     left: -14px;
     top: 50%;
     margin-top: -14px;
     border-radius: 50%;
     height: 28px;
}
 .ticketChose li::before{
    content: '';
     position: absolute;
     width: 28px;
     background: #ffffff;
     right: -14px;
     top: 50%;
     margin-top: -14px;
     border-radius: 50%;
     height: 28px;
}
 .ticketChose h2,.ticketChose p {
     width: 100%;
}
 .ticketChose h2 {
     font-size: 32px;
     color: #222222;
}
 .ticketChose p {
     font-size: 15px;
     color: #888888;
}
 .ticketChose a {
    width: 102px;
     line-height: 36px;
     border-radius: 4px;
     color: #ffffff;
     background: #0291fe;
     font-size: 16px;
     margin: 0 auto;
}
 .ticketChose li.passTicket a{
     background:#9a9a9a ;
}
 .ticketChosed {
    overflow: hidden;
}
 .ticketChosed span {
     float: left;
    font-size: 17px;
    color: #222222;
    font-weight: bold;
    line-height: 62px;
    margin-right: 55px;
    position: relative;
}
 .ticketChosed span.cur {
     color: #0291fe;
}
 .ticketChosed span.cur::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0291fe;
}
 .ticketChose {
     border: 1px solid #f1f1f1;
     padding:2% 2% 0
}
 .payMoney {
     line-height: 60px;
     font-size: 15px;
     color: #999999;
     text-align: right;
}
 .payMoney span {
     font-weight: bold;
    color: #222222;
    font-size: 30px;
}
 .payMoney i {
     vertical-align: 10px;
     color: #222222;
     font-style: normal;
    font-weight: bold;
    font-size: 18px;
}
 .noNotice {
     font-size: 15px;
    color: #333333;
    line-height:2;
    text-align: center;
}
 .payTitle {
     border-bottom: 1px solid #f1f1f1;
     line-height: 110px;
     padding-left: 60px;
     background: url(../images/picon1.png) left center no-repeat;
    font-size: 30px;
    font-weight: bold;
}
 .payTitle span {
     margin-left: 15px;
     font-size: 14px;
    color: #222222;
}
 .payTitle span i {
     color: #ff0000;
    font-style: normal;
}
 .payInfor p {
     line-height: 34px;
     font-size: 15px;
    color: #333333;
}
 .payInfor p span {
     color: #ff0000;
}
 .payInfor {
     border-bottom: 1px solid #f1f1f1;
     padding: 35px 0;
}
 .payPage {
     padding: 15px 40px 65px;
}
 .payChose ul {
    overflow: hidden;
}
 .payChose li {
    margin-right: 10px;
     line-height: 62px;
     border:2px solid #f2f2f2;
     padding: 0 39px 0 25px;
     float: left;
     display: flex;
    align-items: center;
    font-size: 15px;
    color: #333333;
}
 .payChose li img {
     margin: 0 8px 0 18px;
}
 .payChose li span {
     display: inline-block;
    background: url(../images/picon4.png) center no-repeat;
     width:19px;
    height: 19px;
}
 .payChose li.cur span {
     background: url(../images/picon5.png) center no-repeat;
}
 .payChose li.cur {
    background: #eef6ff;
    border: 2px solid #0291fe;
}
 .payChose h2 {
     font-weight: bold;
    font-size: 17px;
    color: #222222;
    line-height: 68px;
}
/*微信支付弹窗*/
.show-qrcode-block {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    transition: all 0.3s;
  }
  .show-qrcode-block.show {
    pointer-events: auto;
    opacity: 1;
  }
  .show-qrcode-block .exit {
    --sizew: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    width: var(--sizew);
    height: var(--sizew);
    background: url(../images/close3.png) no-repeat center / 44%;
  }
  .show-qrcode-block .code-box {
    position: relative;
    background: #ffffff;
    width: 320px;
    padding: 30px 30px 15px;
  }
  .show-qrcode-block .code-box .code img{width: 100%;}
  .show-qrcode-block .txt {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4em;
    color: #333333;
  }


 .loginPage {
     overflow: hidden;
    height: 100vh;
}
 .loginSologn {
    float: left;
     padding-bottom:10vh ;
     justify-content: center;
     flex-wrap: wrap;
     flex-direction: column;
     align-items: center;
     display: flex;
    align-items: center;
    width: 39%;
    height: 100%;
    background: url(../images/loginBg.jpg) center no-repeat;
    background-size: cover;
    ;
}
 .loginSologn img {
    border-radius: 50%;
    margin: 0 auto 35px;
}
 .loginSologn p {
     line-height: 1;
     width: 100%;
     text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #ffffff;
}
 .loginCont {
     position: relative;
     justify-content: center;
     display: flex;
     align-items: center;
     width: 61%;
    float: left;
     background: url(../images/lgbg.jpg) center no-repeat;
    background-size: cover;
    height: 100vh;
}
 .forgetCont {
     text-align: right;
}
 .forgetCont a {
     font-size: 16px;
    transition: all .5s;
     color: #777777;
}
 .forgetCont a:hover {
     color: #0291fe;
}
 .forgetCont .subBtn{
    float: left;
}
 .loginForm input {
     margin-bottom: 20px;
     width: 100%;
     background: none;
     border: 1px solid #e0e0e0;
     display: block;
    box-sizing: border-box;
    height: 52px;
    text-indent: 24px;
    font-size: 16px;
}
 .loginForm {
     width: 480px;
}
 .loginForm h2 {
     text-align: center;
     font-size: 28px;
    color: #222222;
    line-height: 1;
    margin-bottom: 68px;
}
 .loginForm button {
     cursor: pointer;
     display: block;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #0291fe;
    border: none;
    width: 100%;
     line-height: 56px;
    border-radius: 8px;
    margin: 20px 0;
}
 .noKey {
     text-align: center;
}
 .noKey a {
     color: #0291fe;
}
 .leftbox {
     font-size: 14px;
}
 .shareCont {
     position: relative;
     float: left;
}
 .shareCont:hover .bdsharebuttonbox {
     display: block;
}
 .bdshare-button-style0-16 .bds_more {
     color: #ffffff!important;
}
 .bdsharebuttonbox {
     width: 240px;
     display: none;
     position: absolute;
     left: 0;
     top:20px;
}
 .copyRights {
     text-align: center;
     width: 100%;
     position: absolute;
    left: 0;
    bottom: 30px;
    line-height: 1;
    text-align: center;
    color: #333333;
    font-size: 14px;
}
 .agreen {
    /* background: url(../images/check.jpg) left center no-repeat;
     */
    font-size: 16px;
     color: #777777;
}
 .agreen a {
     color: #0291fe;
}
/* .agreen.cur {
     background: url(../images/checked.jpg) left center no-repeat;
}
 */
 .agreen #resource{
    opacity: 0;
     outline: 0;
     position: absolute;
     margin: 0;
     width: 0;
     height: 0;
     z-index: -1;
}
 .agreen label{
    padding-left: 34px;
    cursor: pointer;
    background: url(../images/check.jpg) left center no-repeat;display: inline-block;
}
 .agreen input[type=checkbox]:checked + label{
     background: url(../images/checked.jpg) left center no-repeat;
}
 .agreen .layui-form-switch{
    height: 24px;
}
 .checkCode {
     overflow: hidden;
}
 .checkCode input {
     float: left;
     width: 280px;
}
 .checkCode button {
     line-height: 52px;
     font-size: 16px;
     font-weight: normal;
     float: right;
     width: 180px;
     margin: 0;
     height: 52px;
}
 .userPage {
     width: 1400px;
     max-width: 92%;
     margin: 0 auto;
}
 .userTitle {
     font-weight: bold;
     font-size: 30px;
     color: #222222;
     line-height: 1;
     margin-bottom: 20px;
}
 .userMenu {
     margin-bottom: 30px;
     background: #ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.02);
     overflow: hidden;
     line-height: 60px;
     border-radius: 6px;
     padding-left: 40px;
}
 .userMenu a {
     float: left;
     transition: all .5s;
     position: relative;
     font-size: 16px;
     color: #333333;
     margin-right: 55px;
}
 .userMenu a:hover {
     color:#0291fe ;
}
 .userMenu a.cur {
     color:#0291fe ;
}
 .userMenu a.cur::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 2px;
     background:#0291fe ;
}
 .userMenu a.backLast {
     background: url(../images/backIcon.png) right center no-repeat;
     padding-right: 36px;
     font-size: 15px;
     color: #555555;
}
 .userDetail {
    margin-bottom: 25px;
     border-radius: 6px;
     padding: 45px 40px;
     background: #ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.02);
}
 .uTitle {
     margin-bottom: 24px;
     font-size: 24px;
     color: #333333;
     display: flex;
     align-items: center;
}
 .uTitle span {
     display: inline-block;
     font-size: 14px;
     background: #ffd200;
     padding: 0 10px;
     border-radius: 3px;
     font-weight: bold;
     color: #000000;
}
 .udetail span {
     font-size: 16px;
     color: #999999;
     margin-right: 3.125vw;
}
 .udetail span i {
     font-style: normal;
     color: #ff0000;
}
 .userTitle h3 {
     line-height: 30px;
     margin-top: 20px;
     font-size: 24px;
     font-weight: bold;
}
 .myOrder {
    border-radius: 6px;
     padding: 45px 40px;
     background: #ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.02);
}
 .orderChose {
     margin-bottom: 36px;
}
 .orderChose span {
     cursor: pointer;
     margin-right: 30px;
     font-size: 16px;
     color: #333333;
	 padding: 6px 14px;
}
 .orderChose span i {
     font-style: normal;
     color: #0291fe;
}
 .orderChose span.cur { background: #0291fe; color: #ffffff;}
 .orderChose span.cur i { color: #ffffff;}
 .orderTag {
     background: #f7f8fa;
     line-height: 64px;
     padding: 0 34px;
     overflow: hidden;
}
 .orderTag p {
     margin-right: 75px;
     float: left;
     font-size: 15px;
     color: #707070;
}
 .orderSlide li {
     margin-bottom: 40px;
     border: 1px solid #e6e6e6;
     border-radius: 6px;
}
 .carName b {
	 margin-top: 20px;
      overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
   
     color: #999999;
     font-size: 15px;
     line-height: 25px;
}
 .orderTable .carTable td:nth-child(1) {
     box-sizing: border-box;
    padding-left: 35px;
     width: 790px;
}
 .carSmall img {
     display: block;
     width: 100%;
}
.areaChose .layui-input-inline { margin-right: 20px;}
.carSmall a { width: 100%; display: flex; align-items: center;}
.userTable .orderTable .carTable td:nth-child(1) { text-align: left;}
.userTable .orderTable .carTable td:nth-child(2) { width: 208px; width: auto; text-align: center;}
.userTable .orderTable .carTable td:last-child { width: 208px; text-align: center;}
 .orderControl a.goCheck {
     background:#0291fe;
     display: block;
     font-size: 14px;
     color: #ffffff;
     border-radius: 6px;
     line-height: 36px;
     width: 106px;
     margin: 0 auto 10px;text-align: center;
}
 .orderControl .escOrder {
     display: block;
     line-height: 2;
     font-size: 16px;
     color: #969696;
}
 .orderControl .checkDetail {
    font-size: 16px;
     line-height: 2;
     color: #333333;
}
 .orderSlide li td {
     border: none;
}
 .orderTag span {
     float: right;
     font-size: 15px;
     color: #ff0000;
}
 .userMenu a.backLast {
     float: right;
}
 .information {
     padding: 40px;
    background: #ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.02);
     border-radius: 6px;
}
 .userIcon h2 {
     font-size: 17px;
     font-weight: bold;
     color: #222222;
}
 #preview {
     margin-top: 25px;
     margin-bottom: 35px;
     width: 80px;
     height: 80px;
}
 #preview img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 50%;
     margin: 0!important;
}
 .information ul {
    overflow: hidden;
}
 .information li {
     margin-bottom: 25px;
     float: left;
     width: 49%;
    position: relative;
}
 .information li:nth-child(2n) {
     float: right;
}
 .information li input {
     font-size: 15px;
     color: #999999;
     width: 100%;
     box-sizing: border-box;
     border: 1px solid #e6e6e6;
     border-radius: 4px;
     line-height: 42px;
     text-indent: 22px;
}
 .information li h3 {
     font-weight: bold;
     font-size: 17px;
     color: #222222;
     margin-bottom: 14px;
}
 .information li input[readonly]{
     background: #f4f6f9;
}
 .information li h3 span {
     color: #ff0000;
}
 .information li .btn{
    position: absolute;
    right: 0;
    height: 46px;
    border: 0;
    background: #0291fe;
    color: #fff;
    width: 80px;
    cursor: pointer;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    top: 35px;
}
 .information .saveInfor {
    margin-top: 33px;
}
 .saveInfor {
     font-size: 16px;
     display: block;
     background: #0291fe;
     color: #FFFFFF;
     width: 150px;
     height: 46px;
     border-radius: 6px;
     border: none;
}
 .safeList dt {
    overflow: hidden;
     border-bottom: 1px solid #e6e6e6;
     line-height: 86px;
     padding-left: 17px;
}
 .safeList dt>* {
     float: left;
}
 .safeList dt p {
     font-size: 16px;
     width: 190px;
     color: #222222;
}
 .safeList dt span {
     height: 86px;
     display: block;
     min-width: 150px;
     font-size: 16px;
     color: #888888;
}
 .safeList dt b {
     font-size: 15px;
     cursor: pointer;
     color:#0291fe ;
}
 .changeAlt {
     z-index: 22;
     display: none;
     position: fixed;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 588px;
     background: #ffffff;
     border-radius: 6px;
     padding: 25px 25px 45px;
}
 .changeAlt h2 {
     font-size: 18px;
     color: #222222;
     font-weight: bold;
     line-height: 1;
     margin-bottom: 40px;
}
 .changeAlt ul {
     width:270px;
     margin: 0 auto;
}
 .changeAlt li{
     overflow: hidden;
     margin-bottom: 18px;
}
 .changeAlt li input {
     text-indent: 16px;
     border-radius: 3px;
     padding: 0;
     box-sizing: border-box;
     height: 42px;
     line-height: 42px;
     width: 100%;
     border: 1px solid #e6e6e6;
}
 .changeAlt li input.codeInp {
     float: left;
     width: 146px;
}
 .changeAlt li #sendBtn {
     float: right;
     width: 110px;
     text-indent: 0;
     text-align: center;
     height: 42px;
     background: none;
    border: 1px solid #e6e6e6;
     border-radius: 3px;
     color: #999999;
}
 .changeAlt li input[readonly] {
     background: #f4f6f9;
}
 .altControls {
     text-align: center;
}
 .altControls a {
     display: inline-block;
     vertical-align:top;
     margin: 0 6px;
     width: 104px;
     line-height: 44px;
     font-size: 16px;
}
 .altControls a.savePwd {
     background:#0291fe;
     border: 1px solid #0291fe;
     border-radius: 6px;
     color: #FFFFFF;
     font-size: 16px;
}
 .altControls a.escChange {
     color: #FFFFFF;
     border: 1px solid #e6e6e6;
     color: #555555;
     border-radius: 6px;
     font-size: 16px;
}
 .altControls .a {
     display: inline-block;
     vertical-align:top;
     margin: 0 6px;
     width: 104px;
     line-height: 44px;
     font-size: 16px;
    cursor: pointer;
}
 .altControls .a.savePwd {
     background:#0291fe;
     border: 1px solid #0291fe;
     border-radius: 6px;
     color: #FFFFFF;
     font-size: 16px;
    height: 44px;
}
 .altControls .a.escChange {
     color: #FFFFFF;
     border: 1px solid #e6e6e6;
     color: #555555;
     border-radius: 6px;
     font-size: 16px;
}
 .interInfor {
     line-height: 58px;
     background: url(../images/inteBg.jpg) left top no-repeat;
     height: 182px;
     padding-top: 43px;
     padding-left: 203px;
}
 .interInfor>* {
     float: left;
}
 .interInfor p {
     margin-right: 10px;
     font-size: 16px;
     color: #555555;
}
 .interInfor b {
     display: block;
     width: 212px;
     font-weight: bold;
     font-size: 36px;
     color: #ff0000;
}
 .interInfor a {
     width: 170px;
     border-radius: 58px;
     background:#0291fe;
     font-size: 16px;
     color: #ffffff;
     text-align: center;
}
 .codeDetail {
     background: #ffffff;
     padding: 70px 40px 40px;
}
 .codeDetail h3 {
     font-size: 16px;
     color: #0291fe;
     line-height: 1;
     margin-bottom: 25px;
}
 .intergTable table {
     width: 100%;
}
 .intergTable th {
     background: #f7f8fa;
     font-size: 15px;
     color: #888888;
     line-height: 55px;
}
 .intergTable td {
     border-bottom: 1px solid #ededed;
     text-align: center;
     line-height: 66px;
     font-size: 15px;
     color: #333333;
}
 .intergTable td .addInt {
    color: #ff0000;
}
 .intergTable td .reduceInt {
    color: #0db900;
}
 .couponBox,.addressBox {
     padding: 40px;
    background: #ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.02);
     border-radius: 6px;
}
 .couponBox .ticketChose {
     padding: 0;
     border: none;
}
 .couponChose {
     margin-bottom: 35px;
}
 .couponChose span {
     cursor: pointer;
     font-size: 16px;
     color: #333333;
     margin-right: 40px;
}
 .couponChose span i {
     color: #0291fe;
     font-style: normal;
}
.inviteAlt {
	display: none;
	 z-index: 22;
	 position: fixed;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 width:370px;
	 background: #ffffff;
	 border-radius: 6px;
	 padding: 20px 30px 30px;
}
 .inviteAlt h2 {
	 margin-bottom: 35px;
	 font-size: 18px;
	 font-weight: bold;
	 color: #222222;
}
.inviteAlt li { display: flex; justify-content: space-between; align-items: center;}
.inviteAlt li h3 {
	 line-height: 1;
	 font-size: 15px;
	 color: #222222;
}
 .inviteAlt li h3 span {
	 color: #FF0000;
}
.inviteAlt li input {
	font-size: 15px;
	text-indent: 10px;
	border-radius: 3px;
	padding: 0;
	box-sizing: border-box;
	height: 42px;
	line-height: 42px;
	width: calc(100% - 70px);
	border: 1px solid #e6e6e6;
}
.inviteAlt .altControls { margin-top: 20px;}
 .addAlt {
    display: none;
     z-index: 22;
     position: fixed;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     width:870px;
     background: #ffffff;
     border-radius: 6px;
     padding: 20px 30px 30px;
}
 .addAlt h2 {
     margin-bottom: 35px;
     font-size: 18px;
     font-weight: bold;
     color: #222222;
}
 .addAlt li h3 {
     line-height: 1;
     margin-bottom: 15px;
     font-size: 15px;
     color: #222222;
}
 .addAlt li h3 span {
     color: #FF0000;
}
 .addAlt li {
     margin-bottom: 17px;
}
 .addAlt li::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 .addAlt li:nth-child(1) {
     float: left;
     width: 49%;
}
 .addAlt li:nth-child(2) {
     float: right;
     width: 49%;
}
 .addAlt li:nth-child(3)::before {
    content: '';
     display: block;
     clear: both;
     height: 0;
}
 .addAlt li input {
     font-size: 15px;
     text-indent: 10px;
     border-radius: 3px;
     padding: 0;
     box-sizing: border-box;
     height: 42px;
     line-height: 42px;
     width: 100%;
     border: 1px solid #e6e6e6;
}
 .areaChose {
    overflow: hidden;
}
 .areaChose select {
     float: left;
     font-size: 15px;
     text-indent: 10px;
     border-radius: 3px;
     margin-right: 2%;
     padding: 0;
     box-sizing: border-box;
     height: 42px;
     line-height: 42px;
     width: 32%;
     border: 1px solid #e6e6e6;
}
 .areaChose select:last-child {
     margin-right: 0;
}
 .addAlt textarea{
     border-radius: 4px;
     resize: none;
     width: 100%;
     box-sizing: border-box;
     padding: 10px;
     font-family: '微软雅黑';
     font-size: 15px;
     line-height: 22px;
     height: 105px;
     border: 1px solid #e6e6e6;
}
 .addAlt .altControls {
     margin-top: 30px;
}
 .addressTable table {
     width: 100%;
}
 .addressTable th {
     color: #707070;
     font-size: 15px;
     text-align: left;
     line-height: 48px;
     background: #f7f8fa;
     text-indent: 24px;
}
 .addressTable td {
     line-height: 60px;
     font-size: 15px;
     color: #333333;
     text-indent: 24px;
     border-bottom: 1px solid #ededed;
}
 .addressTable td a {
     color: #333333;
     margin: 0 15px;
}
 .addressTable td:nth-child(4),.addressTable th:nth-child(4) {
     text-align: center;
     text-indent: 0;
}
 .setMode {
     color: #707070;
     display: block;
     background: url(../images/setIcon.jpg) left center no-repeat;
     padding-left: 28px;
     text-align: left;
     text-indent: 0;
     cursor: pointer;
}
 .setMode.cur {
     background: url(../images/setedIcon.jpg) left center no-repeat;
}
 .addControl {
     margin-top: 26px;
     overflow: hidden;
}
 .addControl a {
     float: right;
     width: 152px;
     line-height: 46px;
     border-radius: 6px;
     background:#0291fe;
     font-size: 16px;
     color: #ffffff;
     text-align: center;
}
 .setMode.cur {
     color:#0291fe ;
}
 .userTitle {
     position: relative;
}
 .userTitle a.setRead {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     font-size: 15px;
     color: #0291fe;
     padding: 0 15px;
     line-height: 30px;
     border: 1px solid #0291fe;
     border-radius: 3px;
}
 .msgTable table {
    width: 100%;
}
 .msgTable th {
     font-size: 15px;
     color: #707070;
     line-height: 48px;
     background: #f7f8fa;
}
 .msgTable td {
     text-align: center;
     line-height: 60px;
     font-size: 13px;
     color: #333333;
     border-bottom: 1px solid #ededed;
}
 .msgTable th:nth-child(1),.msgTable td:nth-child(1) {
     text-align: left;
     text-indent: 24px;
}
 .msgTable td a {
     color: #333333;
}
 .msgTable td .readState {
     color: #999999;
}
 .msgTable td .readState.redState {
     color: #FF0000;
}
 .msgTable a.msgEnter {
     background: url(../images/msgIcon.jpg) left center no-repeat;
     padding-left: 35px;
     color: #333333;
}
 .proposal li:nth-child(3),.proposal li:nth-child(4) {
     width: 100%;
}
 .proposal li textarea {
    resize: none;
     width: 100%;
     border-radius: 4px;
     box-sizing: border-box;
     padding: 10px;
     font-family: '微软雅黑';
     font-size: 15px;
     line-height: 22px;
     height: 105px;
     border: 1px solid #e6e6e6;
}
 .proposal li:last-child {
     margin-bottom: 0;
}
 .complainAlt li {
     width: 100%!important;
     float: none;
     margin: 0 0 15px;
}
 .imgAll {
     display: inline-block;
}
 .imgFileUploade {
     height: 66px;
}
 .imgAll li {
     margin: 0 9px 0 0!important;
     display: inline-block;
     vertical-align: top;
     position: relative;
     width: 66px!important;
     height: 66px;
}
 .imgAll img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .delImg {
     background: url(../images/removePic.png) center no-repeat;
     display: block;
     width: 14px;
     height: 14px;
     cursor: pointer;
     position: absolute;
     right: 5px;
     top: 5px;
}
 .imgClick {
     display: inline-block;
     background: url(../images/addPic.png) center no-repeat;
     width: 66px;
     height: 66px;
     vertical-align: top;
}
 .orderTable .save {
     background: url(../images/star.png) center no-repeat;
     width: 19px;
     display:inline-block;
     height: 19px;
}
 .saveList li {
    margin: 0;
     border: none;
     border-bottom: 1px solid #e6e6e6;
}
 .saveList {
     border-top: 1px solid #e6e6e6;
}
 .saveList li td {
     border-top: none;
}
 .saveList li .carTable {
     border: none;
}
.carTable td:last-child { width: 70px; text-align: left;}
 .removeHistory {
     display: inline-block;
     cursor: pointer;
     background: url(../images/removeBtn.png) center no-repeat;
     width: 16px;
     height: 16px;
}
 .applyPage {
     background: url(../images/applyBg.jpg) center no-repeat;
     background-size: cover;
     padding: 77px 0 110px;
}
 .applyCont {
    padding: 75px 0 65px;
     width: 1400px;
     border-radius: 6px;
     max-width: 92%;
     margin: 0 auto;
     background: rgba(255,255,255,.53);
}
 .applyCont h2 {
     text-align: center;
     font-size: 30px;
     font-weight: bold;
     color: #222222;
     line-height: 1;
     margin-bottom: 35px;
}
 .applyCont input {
     font-size: 15px;
     text-indent: 25px;
     border-radius: 6px;
     display: block;
     width: 475px;
     box-sizing: border-box;
     background: #FFFFFF;
     line-height: 56px;
     border: none;
     margin: 0 auto 17px;
     height: 56px;
}
 .applyCont textarea {
     font-size: 15px;
     display: block;
     border-radius: 6px;
     width: 475px;
     box-sizing: border-box;
     background: #FFFFFF;
     height:130px;
     resize: none;
     padding: 10px 25px;
     line-height: 38px;
     border: none;
     margin: 0 auto 17px;
}
 .applyCont .subApply {
     text-align: center;
     display: block;
     width: 475px;
     margin: 0 auto 17px;
     border: none;
     height: 56px;
     font-weight: bold;
     font-size: 18px;
     color: #FFFFFF;
     line-height: 56px;
     background: #0291fe;
     border-radius: 6px;
}
 .applyNotice {
     text-align: center;
     font-size: 15px;
     color: #333333;
}
 .resultDetail {
    text-align: center;
}
 .resultDetail p {
     margin: 30px 0;
     font-size: 18px;
     color: #222222;
}
 .applyCont .restApply {
    text-align: center;
     display: block;
     width: 475px;
     margin: 0 auto 17px;
     border: none;
     height: 56px;
     font-weight: bold;
     font-size: 18px;
     color: #FFFFFF;
     line-height: 56px;
     background: #aeaeae;
     border-radius: 6px;
}
 .applyDetail {
     width: 475px;
     margin: 0 auto;
     border-top: 1px solid #acccdb;
     padding: 30px 20px;
}
 .applyDetail p {
     font-size: 16px;
     color: #333333;
     line-height: 36px;
}
 .distriCont {
    padding:30px 40px 60px;
    background: #ffffff;
     box-shadow: 0 0 10px rgba(0,0,0,0.02);
     border-radius: 6px;
}
 .userPic {
     float: left;
     width: 68px;
     height: 68px;
     position: relative;
}
 .userPic img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     object-fit: cover;
}
 .userPic span {
     position: absolute;
     width: 64px;
     height: 24px;
     position: absolute;
     left: 2px;
     bottom: -8px;
     background: #ffd200;
     border-radius: 24px;
     font-size: 12px;
     color: #000000;
     text-align: center;
     display: block;
     line-height: 24px;
}
.districtUser { display: flex; align-items: center;}
 .districtUser::after {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
/*分享弹窗*/
    .xxysharebox{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1;
        opacity: 0;
        transition: 0.5s;
    }
    .xxysharebox.on{
        z-index: 9;
        opacity: 1;
    }
    .xxysharebox .xxyshare{
        width: 700px;
        background-color: #fff;
        border-radius: 30px;
        padding: 30px 0;
        box-sizing: border-box;
        position: relative;
    }
    .xxysharebox .xxyshare.on .sharebox1{
        display: none;
    }
    .xxysharebox .xxyshare.on .sharebox1.sharebox2{
        display: block;
    }
    .xxysharebox .xxyshare .xxyclosebtn{
        position: absolute;
        top: 10px;
        right: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 40px;
        transform: rotateZ(45deg);
        cursor: pointer;
    }
    .xxysharebox .xxyshare .sharebox1 .title{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: center;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox{
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: flex-start;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox{
        padding: 0 60px;
        position: relative;
        text-align: center;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox:not(:first-child):after{
        content: "";
        display: block;
        width: 1px;
        height: 118px;
        background-color: #ddd;
        position: absolute;
        top: 0;
        left: 0;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox .imgbox{
        width: 118px;
        height: 118px;
        overflow: hidden;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox .textbox{
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox .textbox img{
        margin-right: 5px;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox a{
        background-color: #1f80f7;
        padding: 10px 20px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        color: #fff;
    }
    .xxysharebox .xxyshare .sharebox1 .des{
        text-align: center;
    }
    .xxysharebox .xxyshare .sharebox1 .des a{
        color: #1f80f7;
    }
    .xxysharebox .xxyshare .sharebox1 .des2{
        text-align: center;
        color: #d9d9d9;
    }
    .xxysharebox .xxyshare .sharebox1 .des span{
        color: #1f80f7;
    }
    .xxysharebox .xxyshare .sharebox1.sharebox2{
        display: none;
    }
    .xxysharebox .xxyshare .sharebox1.sharebox2 .flbox{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox2{
        padding: 20px;
        border-radius: 10px;
        margin: 0 10px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: flex-end;
        background-color: #f5f7fa;
    }
    .xxysharebox .xxyshare .sharebox1.sharebox2 .flbox .partbox2:after{
        display: none;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox2 .leftbox{
        width: 150px;
        margin-right: 10px;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox2 .leftbox .title{
        font-size: 14px;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox2 .leftbox .des{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox2 .rightbox{
        display: flex;
        display: -webkit-flex;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox2 .rightbox .xxycopy{
        font-size: 16px;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        background-color: #1f80f7;
        border-radius: 20px;
        color: #fff;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox2 .rightbox .imgbox{
        width: 72px;
        height: 72px;
        margin-bottom: 0;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox3{
        margin: 0 30px;
        position: relative;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox3.canClick{
        cursor: pointer;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox3 .imgbox{
        width: 50px;
        height: 50px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox3 .imgbox .creat-code {
        display: none;
        /* margin-bottom: -10px; */
        transform: translate(-50%,0);
        position: absolute;
        left: 50%;
        bottom: 100%;
        width: 120px;
        padding: 5px;
        background: #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox3:hover .imgbox .creat-code {
        display: block;
    }
    .xxysharebox .xxyshare .sharebox1 .flbox .partbox3 .textbox{
        text-align: center;
    }
 .districtUser p {
     font-size: 24px;
     color: #333333;
     margin-left: 18px;
     font-weight: bold;
     line-height:32px;
}
.disDesc .subEnter { cursor: pointer; display: inline-block; font-size: 16px; border-radius: 22px; padding: 0 12px; background: #0291fe; color: #ffffff;}
.disDesc b { margin-left: 18px; margin-top: 10px; color: #999999; font-size: 16px; font-weight: normal;}
.inviteNum {line-height: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.02); border-radius: 6px; margin-top: 20px; background: #ffffff; padding: 15px 40px;}
.inviteNum p { display: flex; align-items: center; font-size: 22px; color: #333333;}
.inviteNum b { line-height: 22px; margin-left: 10px; cursor: pointer;display: inline-block; font-size: 16px; border-radius: 22px; padding: 0 12px; background: #0291fe; color: #ffffff;}
.districDetial {
     background-image: linear-gradient(to right,#fbeedb,#fed09e);
     padding: 8px 44px;
}
 .pickDetail {
     padding: 15px 0;
     border-bottom: 1px solid #e8c197;
     overflow: hidden;
}
 .pickDetail p {
     line-height: 42px;
     float: left;
     font-size: 24px;
     font-weight: bold;
     color: #975123;
}
 .pickDetail p span {
     font-weight: bold;
     color: #ff0000;
}
 .pickDetail a {
     float: right;
     display: block;
     width: 126px;
     text-align: center;
     background: #ff0000;
     color: #ffffff;
     font-size: 15px;
     font-weight: bold;
     line-height: 42px;
     height: 42px;
     border-radius: 42px;
}
 .pickGet {
     line-height: 74px;
     overflow: hidden;
}
 .pickGet p {
     float: left;
     width: 33.33%;
     font-size: 20px;
     color: #975123;
}
 .pickGet p span {
     font-weight: bold;
     color: #ff0000;
}
 .districDetial {
    margin-top: 25px;
     border-radius: 16px;
}
 .pickList li::before {
     content: '';
     clear: both;
     display: block;
     height: 0;
}
 .pickList li:nth-child(5),.pickList li:nth-child(6) {
     width: 100%;
     float: none;
}
 .pickNotice {
     font-size: 16px;
     color: #999999;
}
 .pickNotice a {
     color: #FF0000;
     margin-left: 10px;
}
 .pickType {
    margin-bottom: 25px;
}
 .pickType span {
     cursor: pointer;
     margin-right: 25px;
     font-size: 16px;
     color: #333333;
}
 .pickType span.cur {
     color: #0291fe;
}
 .searchSub {
     display: none;
     width:300px;
     position: absolute;
     right: 0;
     padding: 10px;
     top:85px;
     height:50px;
     background: #ffffff;
     z-index: 2;
}
 .searchSub input {
     text-indent: 10px;
     height: 30px;
     padding: 0;
     width: 100%;
     box-sizing: border-box;
     border: 1px solid #eeeeee;
}
 .searchSub button {
     transform: translateY(-50%);
     border: none;
     right: 10px;
     cursor: pointer;
     position: absolute;
     top: 50%;
     background: url(../images/search.png) center no-repeat;
     width: 30px;
     height: 30px;
     background-size: 50% auto;
     width: 30px;
     height: 30px;
}
 .pickType a {
     color: #333333;
     font-size: 16px;
     margin-right: 15px;
}
 .pickType a.cur{
     color: #0291fe;
}
 .newUser .agreenArticle {
     padding: 0 0 40px;
}
/**弹框**/
 .xy-half {
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
}
 .PromptBox.getCodeBlock .Box .h5 .exit {
     padding: 0 0.5em;
     color: #ffffff;
}
 .PromptBox.getCodeBlock .Box .cont {
     --h: 42px;
     --imgw: 120px;
     padding: 20px 15px 0;
}
 .PromptBox.getCodeBlock .Box .cont .code-img {
     position: relative;
     border-radius: calc(var(--h)*0.5);
}
 .PromptBox.getCodeBlock .Box .cont .code-img input {
     width: 100%;
     height: var(--h);
     border-radius: calc(var(--h)*0.5);
     padding: 0 calc(var(--imgw) + 15px) 0 15px;
     background-color: #f1f1f1;
     line-height: var(--h);
     font-size: 14px;
    box-sizing: border-box;
    border: 0;
}
 .PromptBox.getCodeBlock .Box .cont .code-img img {
     display: block;
     position: absolute;
     right: 0;
     top: 0;
     border-radius: 0 calc(var(--h)*0.5) calc(var(--h)*0.5) 0;
     width: var(--imgw);
     height: var(--h);
}
 .PromptBox.getCodeBlock .Box .Btns {
     padding: 16px 15px 20px;
}
 .PromptBox.getCodeBlock .Box .Btns a {
     --thish: 32px;
     display: block;
     margin: 0 auto;
     background-color:#0068b5;
     border-radius: 5px;
     width: 43%;
     padding: 0 15px;
     line-height: var(--thish);
     font-size: 14px;
     color: #ffffff;
}
 .PromptBox.bindPhoneBlock .Box .h5 .exit {
     padding: 0 0.5em;
     color: #ffffff;
}
 .PromptBox.bindPhoneBlock .Box .cont {
     --h: 42px;
     --btnw: 120px;
     padding: 20px 15px 0;
}
 .PromptBox.bindPhoneBlock .Box .cont .cont-li {
     position: relative;
     border-radius: calc(var(--h)*0.5);
}
 .PromptBox.bindPhoneBlock .Box .cont .cont-li + .cont-li {
     margin-top: 14px;
}
 .PromptBox.bindPhoneBlock .Box .cont .cont-li input {
     width: 100%;
     height: var(--h);
     border-radius: calc(var(--h)*0.5);
     padding: 0 15px;
     background-color: #f1f1f1;
     line-height: var(--h);
     font-size: 14px;
}
 .PromptBox.bindPhoneBlock .Box .cont .cont-li input.has-btn {
     padding-right: calc(var(--imgw) + 15px);
}
 .PromptBox.bindPhoneBlock .Box .cont .cont-li .yzBtn {
     display: block;
     transform: translateY(-50%);
     position: absolute;
     right: 20px;
     top: 50%;
     width: var(--imgw);
     height: var(--h);
     line-height: var(--h);
     font-size: 14px;
     color: #0291fe;
     cursor: pointer;
}
 .PromptBox.bindPhoneBlock .Box .Btns {
     padding: 16px 15px 20px;
}
 .PromptBox.bindPhoneBlock .Box .Btns a {
     --thish: 32px;
     display: block;
     margin: 0 auto;
     background-color: #0291fe;
     border-radius: 5px;
     width: 43%;
     padding: 0 15px;
     line-height: var(--thish);
     font-size: 14px;
     color: #ffffff;
}
 .PromptBox.loadingTank .Box .cont .icons_before::after {
     content: '';
     display: block;
     margin-top: 10px;
     height: 30px;
     background: url(../images/loading.gif) no-repeat center / 25px auto;
}
/*************公用弹框*************/
 .PromptBox {
     position: fixed;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background: rgba(0, 0, 0, 0.3);
     z-index: 9999;
}
 .PromptBox .Box {
     position: absolute;
     left: 50%;
     top: 50%;
     border-radius: 5px;
     background: #fff;
     text-align: center;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     width: 320px;
}
 .PromptBox .exit-mark {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
 .PromptBox .Box .exit {
     display: block;
     position: absolute;
     right: 10px;
     top: 5px;
     font-size: 16px;
     color: #ffffff;
}
 .PromptBox .Box .exit::before {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 14px;
     width: 14px;
     margin-left: -7px;
     margin-top: -7px;
     background-position: -34px 0;
}
 .PromptBox .Box .h5 {
     padding: 5px 15px;
     text-align: left;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     background-color: #0068b5;
     line-height: 26px;
     font-weight: normal;
     font-size: 16px;
     color: #fff;
}
 .PromptBox .Box .else_Cont {
     text-align: left;
}
 .PromptBox .Box .cont {
     padding: 24px 15px 0;
     font-size: 16px;
     line-height: 22px;
}
 .PromptBox .Box .cont .icons_before {
     display: inline-block;
     position: relative;
     line-height: 20px;
}
 .PromptBox .Box .cont .icons_before::before {
     position: absolute;
     height: 40px;
     width: 40px;
     left: 0;
     top: 50%;
     margin-top: -20px;
     background-position: -268px -606px;
}
 .PromptBox.confirm .Box .cont .icons_before::before {
     position: absolute;
     height: 40px;
     width: 40px;
     background-position: -323px -607px;
}
 .PromptBox .Box .Btns {
     padding: 10px 15px 22px;
}
 .PromptBox .Box .Btns .Btn {
     display: inline-block;
     font-size: 14px;
     line-height: 28px;
     min-width: 70px;
     border-radius: 3px;
     color: #666;
     cursor: pointer;
     padding: 0 10px;
     border: 1px solid transparent;
     margin: 0 5px;
     transition: all 0.3s;
}
 .PromptBox .Box .Btns .true {
     color: #666;
     border-color: #dbdbdb;
}
 .PromptBox .Box .Btns .false {
     background-color: #ffaa01;
     color: #fff;
}
 .PromptBox .Box .Btns .Btn:hover {
     color: #fff;
     background:#0291fe;
     border-color:#0291fe;
}
 .PromptBox.BtnShow_false .Btns .Btn {
     display: none;
}
 .PromptBox.mytype1 .Box .h5 {
     display: none;
}
 .PromptBox.mytype1 .Box .cont {
     padding: 15px;
}
 .PromptBox.mytype1 .Box .cont .icons_before {
     padding-left: 38px;
}
 .PromptBox.mytype1 .Box .cont .icons_before::before {
     top: 5px;
     height: 30px;
     width: 30px;
     background-position: -535px -216px;
}
 .PromptBox.mytype1 .Box .Btns {
     display: none;
}
 .PromptBox.pyaTank .Box .cont .icons_before {
     line-height: 22px;
     font-size: 13px;
}
/**提示**/
 .mayAutoFadeBox.PromptBox {
     width: 0;
     height: 0;
     left: 50%;
     top: 50%;
}
 .mayAutoFadeBox.PromptBox .Box {
     background: rgba(0, 0, 0, 0.5);
     border-radius: 0;
}
 .mayAutoFadeBox.PromptBox .h5 {
     display: none;
}
 .mayAutoFadeBox.PromptBox .Box .cont {
     padding: 0;
     margin-bottom: 0;
}
 .mayAutoFadeBox.PromptBox .Box .icons_before {
     padding: 10px 15px;
     box-sizing: border-box;
     display: block;
     width: 100%;
     line-height: 20px;
     font-size: 14px;
     color: #fff;
     text-align: center;
}
 .mayAutoFadeBox.PromptBox .Box .cont .icons_before::before {
     display: none;
}
 .mayAutoFadeBox.PromptBox .Btns {
     display: none;
}
 .isGetting{
     pointer-events: none;
}
 .hide{
    display: none;
}
 .choseIcon,.qxnr span {
    cursor: pointer;
     width: 14px;
     height: 14px;
     border: 2px solid #ddd;
     display: inline-block;
     position: relative;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     vertical-align: middle;
     margin: ;
     float: left;
}
 .qxnr span.on,span.choseIcon.on {
     background-image: url(../images/a9.png);
     background-size: 100% 100%;
     border: 2px solid #0291fe;
}
 .qxnr {
     font-size: 15px;
     color: #999999;
}
 .qxnr span {
     margin-right: 10px;
}
 .choseNotice {
     float: right;
     margin-right: 15px;
     font-size: 15px;
     color: #999999;
}
 .choseNotice em {
     color: #0291fe;
     font-style: normal;
}
 .qxnr {
     display: flex;
     align-items: center;
     float: left;
}
 .addInfor {
    max-width: 92%;
     margin: 0 auto 20px;
     width: 1400px;
     background: #ffffff;
     border-radius: 6px;
     padding: 10px 40px 40px;
     box-shadow: 0 0 10px rgba(0,0,0,0.1);
     background: #ffffff;
}
 .address {
     border-top: ;
}
 .address .address-add{
     cursor: pointer;
     width: 320px;
     height: 100px;
     border: 1px dashed #e5e5e5;
     font-size: 14px;
}
 .row-center {
     justify-content: center;
     align-items: center;
     display: flex;
}
 .address .address-con {
     position: relative;
     cursor: pointer;
     width: calc(100% - 340px);
     height: 100px;
     padding: 16px 150px 16px 20px;
     border: 1px solid #0291fe;
     border-radius: 2px;
}
 .address {
     display: flex;
     justify-content: space-between;
}
 .address-con {
     font-size:14px;
     color:#222222;
     line-height: 24px;
}
 .addTag {
     background: #0291fe;
     color: #ffffff;
     padding: 0 5px;
     display: inline-flex;
     border-radius: 3px;
	 visibility: hidden;
}
.act .addTag { visibility: inherit;}
 .addressControl {
    position: absolute;
     right: 20px;
     bottom: 9px;
     display: none;
}
 .address-con span.bold {
     font-weight: bold;
}
 .addressControl span {
     transition: all 0.5s;
     color: #999999;
	 margin-left: 15px;
}
 .address-con:hover .addressControl {
     display:block;
}
 .addressControl span:hover {
     color: #0291fe;
}
 .address-con .addressUser {
     margin-bottom: 10px;
}
 .addAddressAlt {
     background: #ffffff;
     position: fixed;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 600px;
}
 .altTit {
     font-size: 18px;
     padding: 20px 20px 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .altTit span img {
     display: block;
}
 .addForm {
     padding: 20px;
}
 .addForm li {
     margin-bottom: 10px;
     display:flex;
     justify-content: space-between;
}
 .addForm li p {
     line-height: 40px;
     font-size: 14px;
     color: #666666;
}
 .addForm li input {
    -webkit-appearance: none;
     background-color: #fff;
     background-image: none;
     border-radius: 4px;
     border: 1px solid #dcdfe6;
     box-sizing: border-box;
     color: #606266;
     display: inline-block;
     font-size: inherit;
     height: 40px;
     line-height: 40px;
     outline: none;
     padding: 0 15px;
     transition: border-color .2s cubic-bezier(.645,.045,.355,1);
     width: calc(100% - 100px);
	  font-size: 14px;
}
 .addForm li p span {
     color:#f56c6c
}
 .addForm li textarea{
    display: block;
     resize: vertical;
     padding: 5px 15px;
     line-height: 1.5;
     box-sizing: border-box;
     width: calc(100% - 100px);
     font-size: inherit;
     color: #606266;
     background-color: #fff;
     background-image: none;
     height:75px;
     border: 1px solid #dcdfe6;
     border-radius: 4px;
     transition: border-color .2s cubic-bezier(.645,.045,.355,1);
     resize: none;
	 font-size: 14px;
}
 .outer {
     width: calc(100% - 100px);
     display: flex;
     justify-content: space-between;
}
 .outer select {
     box-sizing: border-box;
     border-radius: 4px;
     border: 1px solid #dcdfe6;
     box-sizing: border-box;
     color: #606266;
     display: inline-block;
     font-size: inherit;
     height: 40px;
     line-height: 40px;
     outline: none;
     padding: 0 12px;
     transition: border-color .2s cubic-bezier(.645,.045,.355,1);
     width: 32%;
     font-size: 14px;
}
.setGet {
	font-size: 14px; 
	color: #666666;
	margin: 20px 0;
}
.setGet input { display: inline-flex; vertical-align: -2px; margin-right: 6px;}
.altBtn {gap: 20px; display: flex; justify-content: center; align-items: center;}
.altBtn a { line-height: 40px; width: 160px; align-items: center; justify-content: center; line-height: 40px; display: inline-flex;}
.altBtn a.saveAddress,.altBtn a.suerAddress { border: 1px solid #0291fe; background: #0291fe; color: #ffffff; border-radius: 3px; font-size: 14px;}
.altBtn a.escAddresss { border: 1px solid #dcdfe6; background: #ffffff; color: #606266; border-radius: 3px; font-size: 14px;}
.altTit span { cursor: pointer; transition: all 0.5s;}
.altTit span:hover { transform: rotate(360deg);}
.addAddressAlt { z-index: 22; display:none;}
.addressList {padding-bottom: 20px; background: #ffffff; display: none; z-index: 22; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);  width: 600px;}
.addressList ul {padding: 20px;overflow: hidden;overflow-y: scroll;position: relative;max-height: 490px;}
.addressList ul::-webkit-scrollbar { -webkit-appearance: none;}
.addressList ul::-webkit-scrollbar:vertical { width: 2px;}
.addressList ul::-webkit-scrollbar-thumb { border-radius: 8px; border:0; background-color:#0291fe;}
.addressList li .addressControl{ display: block;}
.addressList li { margin-bottom: 10px; cursor: pointer; position: relative; border: 1px solid #e5e5e5; padding: 16px 150px 16px 20px;}
.addressList li.cur { border: 1px solid #0291fe;}
.addressList li:last-child { margin-bottom: 0;}
.addressList li .addTag { visibility: hidden;}
.addressList li.act .addTag { visibility: inherit;}
.payControl p {float: left; font-size: 14px; color: #606266;}
.payControl p b { color: #0291fe;}
.payControl p input { margin: 0; vertical-align: -1px;}
.moeyDesc li { text-align: right; font-size: 14px; color: #999999; line-height: 24px;}
.moeyDesc li span { color: #222222; display: inline-block; min-width: 130px;}
.moeyDesc li b { display:inline-block;min-width: 130px; color:#0291fe; font-weight: bold;}
.moeyDesc { margin-bottom: 10px;}
.moeyDesc li.codePrice {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; text-align: left;}
.moeyDesc li.codeTitle { text-align: left;}
.moeyDesc li.codePrice p { display: inline-block;}
.moeyDesc li.codePrice p b { width: auto; min-width: auto;}
.moeyDesc li.codePrice p span { color: #999999;}
.moeyDesc li h3 { line-height: 3; font-weight: bold; color: #222222; font-size: 17px;}
.moeyDesc li.codePrice input { vertical-align: -2px;}
 @media screen and (max-width:1580px){
     .dragonTxt {
         padding-top: 30px;
    }
     .dragonList li {
         padding: 40px;
    }
     .subMenu dt a {
         font-size: 14px;
    }
     .subMenu li h3 {
         font-size: 18px;
    }
     .nav li h2 a {
         font-size: 16px;
    }
     .logo img {
         height: 100px;
    }
     .nav>ul>li {
         margin: 0 2vw;
    }
     .headControl a.resign,.headControl a.login {
         font-size: 14px;
         line-height: 40px;
         width: 40px;
         height: 40px;
    }
     .buyCar {
         margin-left: 24px;
    }
     .descCont {
         font-size: 18px;
    }
     .nav li h2 {
         line-height: 120px;
    }
     .subMenu {
         top: 121px;
    }
     .searchSub {
         top: 70px;
    }
}
 @media screen and (max-width:1440px){
     .logoTxt h2,.logoTxt p {
         font-size: 18px;
    }
     .loginSologn p {
         font-size: 24px;
    }
     .subMenu {
         padding: 20px 0;
    }
     .subMenu li h3 {
         margin-bottom: 10px;
    }
     .subMenu li {
         padding: 2vw;
    }
}
 @media screen and (max-width:780px){
}
 .eye { cursor: pointer; background: url(../images/closeeye.png) center no-repeat; width:20px; height: 20px; background-size:100% auto!important; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
 .input-it { position: relative;}
 .eye.cur { background: url(../images/openeye.png) center no-repeat;}