@charset "UTF-8";

*, :after, :before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

#header-index{

    position: absolute;

    top: 0;

	 left: 0;

	right: 0;

	z-index: 2;

    /*background: #ffffff;*/

    /* background: #2a74d7; */

    border-bottom: 1px solid rgba(255,255,255,.3);

}

span{

    display: inline-block;

}

.fixedpic{

    position: fixed;

    right: 10px;

    top: 200px;

    z-index: 2000;

}

#header{

    height: auto;

    margin-right: 5px;

}

.alert-div{

	position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

	z-index: 100;

    width: 5px;

    background-color: #404040;

}

.light-header-style{background-color: #fff;}
.grayblank{

    width: 100%;

    height: 38px;

    /* background: #F4F5F7; */

    background: #eeeeee;

}

.gray-content{

    position: relative;

    height: 38px;

    width: 1200px;

	margin: 0 auto;

    color: #191414;

    font-size: 12px;

	line-height: 38px;

}

.gray-content .dzh{
	float:left;
}

.gray-content .gjc{
	width: 503px;
	float: left;
	height: 38px;
	margin-left: 50px;
	
}
.gray-content h1{
	font-size:12px;
	
}

.ullis{

    float: right;

}

.ullis li{

    float: left;

    margin:0 10px 0 10px;

}

.ullis li:last-child img{

    vertical-align: text-top;

}

.ullis li .tel{

    font-size: 14px;

    font-weight: normal;

}

.x-top__passport{

    margin-left:10px;

}

.x-top__passport a{

	margin-right: 10px;

    font-size: 12px;

    /* color: #272727; */

    color: #fff;

}

.x-top__passport a:hover,.ullis li:not(last-child) a:hover,.x-top__passport a:first-child{

    /* color:#F61825; */

    color: #fdf200;

}

.ullis a,.ullis a:hover{

     color: #272727 

   

}

.x-top__passport a img{

    margin-right:5px;

    vertical-align: text-bottom;

}

.x-control {

    width: 1200px;

    margin: 15px auto;

    zoom: 1;

}

.x-control__search {

    float: right;

    zoom: 1;

	margin:20px auto;

}

.x-control .xg-search {

	position: relative;

	float: left;

     /* width: 595px;

   border: 1px solid #f61825; */

/*    border: 3px solid #ffffff;*/

    margin-right: 5px;

    /* border-radius: 4px; */

    -webkit-box-shadow: 0 6px 13px 0 rgba(254,67,70,.1);

    box-shadow: 0 6px 13px 0 rgba(254,67,70,.1);

}

.x-control__search .xg-search__label {

	position: relative;

    float: left;

    width: 85px;

    height: 40px;

	padding: 0 10px 0 15px;

    color: #2b2b2b;

    font-size: 14px;

	line-height: 40px;

    vertical-align: top;

    background: #fff;

}



.x-control__search .xg-search__label .xg-search__modal {

    display: none;

    padding: 10px;

    position: absolute;

    top: 40px;

    left: -3px;

    background-color: #fff;

    border: 1px solid #f61825;

    border-radius: 4px;

    z-index: 100;

    -webkit-box-shadow: 0 5px 10px 0 rgba(41,36,35,.2);

    box-shadow: 0 5px 10px 0 rgba(41,36,35,.2);

    zoom: 1;

    width: 600px;

}



.x-control__search .xg-search__label:after {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: 16px;

    background: #f83d2c;

}

.x-control__search .xg-search__modal a:not(:nth-child(8n)) {

    margin-right: 15px;

}



.x-control__search .xg-search__modal a.active,.x-control__search .xg-search__modal a:hover {

    color: #f61825;

}

.x-control__search .xg-search__modal a {

    float: left;

    font-size: 14px;

    color: #474747;

    min-width: 56px;

    line-height: 30px;

    text-align: center;

}

.x-control__search .xg-search .ant-input-search .ant-input {

    padding: 0 100px 0 10px;

    border-color: transparent;

    outline:1px solid #185dfe;

}


.x-control__search .xg-search .ant-input-search {

    width: 596px;

    height: 40px;

    float: left;

    background-color: #fff;

}

.ant-input-search .leibie{

    position:absolute;

    right: 110px;

    top: 9px;

}

.ant-input-search .leibie a {

    font-size: 12px;

    display: inline-block;

    padding: 1px 7px;

    background: #efefef;

    height: 20px;

    border-radius: 20px;

    margin-left: 8px;

    color: #7e7e7e;

}



.ant-input-search.ant-input-search-enter-button>.ant-input-suffix {

    right: 0;

}

.x-control__search .xg-search .ant-input-search .ant-btn {

    position: absolute;

    top: 0;

    right: 0;

    width: 100px;

    height: 40px;

    color: #fefefe;

    font-size: 16px;

    font-weight: 700;

    border-radius: 0;

    border: none;

    background-color: #185dfe;

/*    background-image: -webkit-linear-gradient(110deg,#f31318,#ff4546);

    background-image: linear-gradient(-20deg,#f31318,#ff4546);
*/
    cursor: pointer;

}

.ant-input-affix-wrapper .ant-input-prefix :not(.anticon), .ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {

    line-height: 1.5;

}

.ant-btn>i, .ant-btn>span {

    pointer-events: none;

    display: inline-block;

}

@keyframes fadeIn{

    0%{

        opacity: 0;

    }

    100%{

        opacity: 1;

    }

}

.x-control .buy_issue {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    width: 115px;

    height: 45px;

    border: 1px solid #185dfe;

    text-align: center;

    float: left;

    margin:0;

}

.x-control .tel400 {
	float: right;
    font-size: 25px;
    padding-left: 50px;
    color: #185dfe;
	background: url(../images/light_header_kfdh1.png) no-repeat 22px 5px;
	text-align:right;
	margin-top:5px;
	}


.x-control .buy_issue .buy {

    /* background: #fb4537; */

    font-size: 14px;

    color: #fff;

    font-weight: 700;

}

/* 新加的 */

.x-control .buy_issue .buy:after {

    content: "";

    position: absolute;

    right: 1;

    top: 45%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: 18px;

    margin-left: 24px;

    background-color: rgba(255,255,255,.5);

}





.x-control .buy_issue .issue {

    font-size: 14px;

    /* color: #fb4537; */

    color: #185dfe;

    font-weight: 700;

}

.x-control .buy_issue .buy, .x-control .buy_issue .issue {

    display: block;

    width: 100%;

    height: 100%;

    line-height: 40px;

}



/* 新加的 */

.x-control .buy_issue .buy:hover, .x-control .buy_issue .issue:hover {

    background-color:rgba(255,255,255,.1);

}

.x-control__search:after {

    clear: both;

}

.x-control__search:after, .x-control__search:before {

    content: "";

    display: table;

}

.x-control .buy_issue .buy i {

    background: url(../images/search_qgsb.png) no-repeat 50%;

}

.x-control .buy_issue .issue i {

    /* background: url(../images/light_search_cssb.png) no-repeat 50%; */

    background: url(../images/search_cssb.png) no-repeat 50%;

}

.x-control .buy_issue .buy i, .x-control .buy_issue .issue i {

    display: inline-block;

    width: 21px;

    height: 100%;

    vertical-align: bottom;

	margin:0 15px 0 0

}

.x-header__wrap {

    width: 1200px;

    margin: 0 auto;

    position: relative;

    zoom: 1;

}

.x-header__wrap:after, .x-header__wrap:before {

    content: "";

    display: table;

}

.x-title{

    background: url(../images/menu_bg.png) no-repeat;

    padding-left: 20px;

    width: 250px;

    height: 40px;

    line-height: 40px;

    background-size: cover;

    color: #f3f4f7;

    font-weight: 700;

    font-size: 16px;

    cursor: pointer;

    border-radius: 4px 4px 0 0;

    position: relative;

}



.x-title:hover .ul-lists{

    display: block!important;

}

.x-icon.x-icon-menu{

    margin-right:5px;

}

.x-icon-menu:before {

    content: "\EAF1";

}

.x-icon {

    font-family: x-icon!important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

nav{

    display: block;

}

.x-header__nav {

    position: absolute;

    top:0px;

    left: 238px;

    height: 40px;

    line-height: 40px;

    margin-left: 56px;

}

.x-header__nav a {

    height: 40px;

    float: left;

    position: relative;

    padding: 0 10px;

    color: #272727; 
	font-weight: 700;

    

    /* font-weight: 700; */

    font-size: 16px;

    border-bottom: 2px solid transparent;

}

.x-header__nav a:first-child {

    padding-left: 20px;

    margin-left: 0;

    background-image: url(../images/nav_home.png);

    background-position: left;

    background-repeat: no-repeat;

}

.x-header__nav a:not(:last-child):after {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: 10px;

    margin-left: 14px;

    background-color: rgba(255,255,255,.3);

}

.x-header__nav a .x-icon-hot {

    font-size: 28px;

    color: #faad14;

}

.x-header__nav a .x-icon {

    font-weight: 400;

    position: absolute;

    top: -20px;

    left: 50%;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

    -webkit-animation: bounceTag 2s ease-in-out infinite;

    animation: bounceTag 2s ease-in-out infinite;

}

.x-header__nav a:hover{

    color: #F61825;

}



.x-icon {

    font-family: x-icon !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

/* 导航标签 */

.x-header__nav a .x-icon {

    font-weight: normal;

    position: absolute;

    top: -15px;

    left: 53%;

    font-style: normal;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

    font-size: 1px;

    color: #fff;

    line-height: 1;

    padding: 2px 4px;

    border-radius: 5px;

    -webkit-animation: bounceTag 1.5s ease-in-out infinite;

    animation: bounceTag 1.5s ease-in-out infinite;

}

@keyframes bounceTag{

    0% {

        margin-top: -5px;

    }

    50% {

        margin-top: 0;

    }

    100% {

        margin-top: -5px;

    }

}

.x-header__nav a .hottag{background-color:#fe7058;}

.x-header__nav a .newtag{background-color:#68b1ff;}

.x-header__nav a .freetag{background-color:#56e0b9;}



.x-header__nav a .hottag div{border-color:#fe7058 transparent transparent;}

.x-header__nav a .newtag div{border-color:#68b1ff transparent transparent;}

.x-header__nav a .freetag div{border-color:#56e0b9 transparent transparent;}

/* 导航标签--向下红色三角 */

.down-tag {

    border-width: 5px;

    border-style: solid;

    border-color: #ff0000 transparent transparent;

    padding: 0px;

    width: 0px;

    height: 0px;

    position: absolute;

    bottom: -10px;

    left: 39%;

}



.x-header__nav a.nuxt-link-exact-active, .x-header__nav a:hover, .x-header__nav a:not(:first-child).nuxt-link-active {

    /* color: #f61825; */

    color: #185dfe;

    border-bottom: 2px solid;
	font-weight: bold;

}



.x-qrcode {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    /* color: #2d2828; */

    color: #185dfe;

    cursor: pointer;

    position: absolute;

    z-index: 100;

    right: 0;

    top:0;

}

.x-qrcode i {

    color: #185dfe;

}



.x-qrcode:hover,.x-qrcode:hover i{

    /* color:#e21f1c; */

    color: #191915;

}

.x-qrcode__wrap {

    cursor: default;

    display: none;

    width: 165px;

    position: absolute;

    top: 40px;

    right: 0;

    background: url(../images/qrcode_bg.2130bf5.png) no-repeat;

    background-size: cover;

    text-align: center;

    padding: 10px 24px 24px;

    border-top: 1px solid transparent;

}

.x-qrcode__title {

    color: #474747;

    font-size: 12px;

    border-bottom: 1px dashed #a0a0a0;

    margin-bottom: 18px;

}

.x-qrcode__img {

    width: 120px;

    height: 120px;

    background-color: #fff;

    border: 2px solid #f61825;

}

.x-header__fixed {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 101;

    -webkit-box-shadow: 2px 4px 35px 0 rgba(46,42,42,.08);

    box-shadow: 2px 4px 35px 0 rgba(46,42,42,.08);

}

.x-header, .x-header__fixed {

    background-color: #fff;

}

.x-header__wrap:after {

    clear: both;

}

.x-header__wrap:after, .x-header__wrap:before {

    content: "";

    display: table;

}

.x-icon-qrcode:before {

    content: "\E6AE";

}

.x-qrcode .x-icon-right1 {

    font-size: 12px;

    /* color: #666; */

    color: #fff;

}

.x-icon {

    font-family: x-icon!important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.x-qrcode:hover .x-qrcode__wrap{

    display:block;

}

.x-layout-aside {

    top: 0;

    right: 0;

    bottom: 0;

    width: 5px;

    z-index: 100;

    position: fixed;

    background-color: #404040;

}

.x-layout-aside__control {

    top: 50%;

    right: 0;

    width: 35px;

    position: absolute;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.x-layout-aside__item {

    display: block;

    width: 35px;

    height: 35px;

    cursor: pointer;

    border-radius: 4px 0 0 4px;

    background-color: #404040;

	background-repeat: no-repeat;

	background-position: 50%;

    color: #fefefe;

    text-align: center;

    line-height: 35px;

    margin-bottom: 3px;

    -webkit-transition: background-color .2s ease;

    transition: background-color .2s ease;

}

.x-icon {

    font-family: x-icon!important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.x-layout-aside__item>span {

    width: 105px;

    height: 35px;

    right: -105px;

    font-size: 14px;

    line-height: 35px;

    font-weight: 700;

    position: absolute;

    border-radius: 4px;

    background: #f61825;

    text-align: center;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.x-menu{

    position: relative;

}

.ul-lists{

    position: absolute;

    left:0;

    top:40px;

    width: 250px;

    background: linear-gradient(45deg, black, transparent);

    z-index: 2;
   box-shadow: 0 3px 8px hsla(0,0%,64.7%,.4);
}

.x-menu__ad{

    float: left;

    width: 100%;

    height: 51px;

    padding: 2px 23px;

    line-height: 51px;

}

.x-menu__tel{

    color: #fff;

    font-size: 14px;

}

.x-menu__tel + img{

    float:right;

    margin-right: 12px;

    margin-top: 17px;

}

.x-menu__item {

    width: 100%;

/*    height: 80px;*/

    padding: 5px 20px;

    float: left;

    border-bottom: 1px solid #cfd4e1;

    color: #9d9fa4;

    font-size: 14px;

    -webkit-transition: background-color .2s ease;

    transition: background-color .2s ease;

/*    background-color:#476cd6;
*/
}

.x-menu__item span{color: #ffffff;}

.x-menu__item:first-child{

    padding-top: 8px;

    /*height: 77px;*/

}

.x-menu__item .xiezi {

    color:#3d3d3d;

    width: 226px;

    height: 44px;

    position: relative;

    display: inline-block;

	font-size:15px;

}

.x-menu__item .x-menu-item-sub{

    overflow: hidden;

    display: block;

/*    height: 20px;*/

    padding-left: 20px;

    line-height: 30px;

    padding-right:0px;

}

.x-menu__item .x-menu-item-sub a{

    font-size: 13px;

    font-weight: normal;

    color: #ffffff;

    height: 32px;

	display:block; 

	float:left;

	width:50%;

	

}

.x-menu__item .x-menu-item-sub a:not(:last-child){

    margin-right: 0px;

}

.x-menu__item:hover .blankdiv{

    display: block!important;



}

.x-menu__item--active,

.x-menu__item:hover {

    background: linear-gradient(45deg, #ee5a56, #f2b25b);

}



.x-menu__name{

    margin-left: 5px;

}

.x-menu__item--active .x-menu__name,

.x-menu__item:hover .x-menu__name{

    color: #474747;

}

.x-menu__item .x-icon-right1{

    font-size: 12px;

    position: absolute;

    right: 18px;

    color: #8e8e8e;

}

.x-menu__intro{

    font-size: 12px;

}

.x-menu__item--active .x-icon-right,

.x-menu__item--active .x-menu__intro,

.x-menu__item:hover .x-icon-right,

.x-menu__item:hover .x-menu__intro{

    color: #9f9ba4;

}

.x-menu__item:hover .blankdiv .x-icon-right{

    color: #ffffff;

}

.x-control__search .xg-search__label:hover .xg-search__modal{

    display: block;

}

.blankdiv{

    width: 974px;

    height: 595px;

    background-color: #fff;

    -webkit-box-shadow: 0 2px 12px 0 rgba(74,109,183,.2);

    box-shadow: 0 2px 12px 0 rgba(74,109,183,.2);

    position: absolute;

    left: 250px;

    top: 0px;

    background-image: url(../images/bg.b7084cc.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    line-height: 14px;

    font-weight: normal;

}

.x-jumbotron .xg-group__tag:hover {

    color: #f61825;

}

.x-layout-aside__item:hover {

    background-color: #f61825;

    color: #fefefe;

}

.x-layout-aside__item:hover>span {

    right: 35px;

}



.x-layout-aside__control {

    top: 50%;

    right: 0;

    width: 35px;

    position: absolute;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.xg-search__label:hover+.xg-search__modal {

    display: block !important;

    -webkit-animation: fadeIn .3s ease-out;

    animation: fadeIn .3s ease-out;

}

.x-jumbotron__main {

    width: 716px;

    height: 608px;

    float: left;

    padding: 5px 24px 15px;

    position: relative;

    zoom: 1;
	/*background:#ed5b06;*/

}

.x-jumbotron__tag {

    width: 102px;

    height: 26px;

    line-height: 26px;

    float: left;

    background-color: #f61825;

    color: #fff;

    font-size: 14px;

    padding: 0 8px;

    zoom: 1;

}

.x-jumbotron__tag:after, .x-jumbotron__tag:before {

    content: "";

    display: table;

}

.x-jumbotron__tag span {

    float: left;

    width: 85%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.x-jumbotron__tag:not(:last-child) {

    margin-right: 10px;

}

.x-jumbotron__tag .x-icon {

    font-size: 12px;

    float: right;

}

.x-jumbotron__tag:hover {

    background-color: #ff5e60;

    color: #fff;

}

.xg-group{



    padding: 15px 0;

    border-bottom: 1px dashed #dcdcdc;



}

.x-jumbotron .xg-group__title {

    height: 35px;

    color: #474747;

    font-size: 14px;

    display: block;

    font-weight: 700;

    zoom: 1;

}

.x-jumbotron .xg-group__title:hover{

    color:red;

}

.x-jumbotron .xg-group__title span {

    float: left;

    max-width: 90%;

    margin-right: 10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    color: black;
}

.x-jumbotron .xg-group__title .x-icon {

    font-weight: 400;

}

.x-jumbotron .xg-group__tags {

    zoom: 1;

    /* height: 85px; */

    overflow: hidden;

}

.x-jumbotron .xg-group__tag {

    float: left;

    margin-bottom: 15px;

    margin-right: 10px;

    font-size: 13px;

    color:#230909;;

    position: relative;

    width: 90px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.x-jumbotron .xg-group__tag:not(:nth-child(3n)):not(:last-child):after {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: 10px;

    background-color: #e6e6e6;

}

.x-jumbotron__main:after, .x-jumbotron__main:before {

    content: "";

    display: table;

    clear: both;

}



.x-jumbotron__ads {

    float: right;

    width: 258px;

    height: 608px;

    background-repeat:no-repeat;

    background-size: 100% 100%;

    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.04);

    box-shadow: 0 0 9px rgba(0,0,0,.04);

}

.ul-lists .x-menu__item:nth-child(1) .x-jumbotron__ads{

    background-image: url(../images/menu_rbg1.png) ;

}

.ul-lists .x-menu__item:nth-child(2) .x-jumbotron__ads{

    background-image: url(../images/menu_rbg2.png) ;

}

.ul-lists .x-menu__item:nth-child(3) .x-jumbotron__ads{

    background-image: url(../images/menu_rbg3.png) ;

}

.ul-lists .x-menu__item:nth-child(4) .x-jumbotron__ads{

    background-image: url(../images/menu_rbg4.png) ;

}

.ul-lists .x-menu__item:nth-child(5) .x-jumbotron__ads{

    background-image: url(../images/menu_rbg5.png) ;

}

.ul-lists .x-menu__item:nth-child(6) .x-jumbotron__ads{

    background-image: url(../images/menu_rbg6.png) ;

}

.ul-lists .x-menu__item:nth-child(7) .x-jumbotron__ads{

    background-image: url(../images/menu_rbg7.png) ;

}



.x-jumbotron__feature {

    width: 100%;

    height: 287px;

    padding-top: 20px;

    -webkit-box-shadow: 0 2px 12px 0 rgba(74,109,183,.13);

    box-shadow: 0 2px 12px 0 rgba(74,109,183,.13);

    position: relative;

    display: block;

}

.x-jumbotron__title {

    font-size: 18px;

    color: #4d4d4d;

    padding-bottom: 13px;

    position: relative;

    text-align: center;

    margin-bottom: 12px;

}

.x-jumbotron__title:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 20px;

    height: 3px;

    -webkit-transform: translate(-10px);

    transform: translate(-10px);

    background-color: #f61825;

    background-image: -webkit-gradient(linear,left top,left bottom,from(#f83d2c),to(#f83d2c));

    background-image: -webkit-linear-gradient(#f83d2c,#f83d2c);

    background-image: linear-gradient(#f83d2c,#f83d2c);

    background-blend-mode: normal,normal;

}

.x-jumbotron__intro {

    font-size: 14px;

    color: #8f8f8f;

    text-align: center;

    margin-bottom: 10px;

}

.x-jumbotron__img {

    width: 215px;

    height: 160px;

    -o-object-fit: contain;

    object-fit: contain;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

}

.x-jumbotron__list {

    width: 220px;

    margin: 0 auto;

    zoom: 1;

}

.x-jumbotron__list:after, .x-jumbotron__list:before {

    content: "";

    display: table;

    clear: both;

}



.x-jumbotron__list a:nth-child(2n -1) {

    border-right: 1px solid #eee;

}

.x-jumbotron__list a:first-child, .x-jumbotron__list a:nth-child(2) {

    border-bottom: 1px solid #eee;

}

.x-jumbotron__list a {

    float: left;

    width: 110px;
	
	height:80px;
	line-height:80px;

    text-align: center;

    background-color: #fff;

}

.x-jumbotron__list img {

    width: 76px;

    -o-object-fit: contain;

    object-fit: contain;

}

.x-jumbotron__list:after, .x-jumbotron__list:before {

    content: "";

    display: table;

    clear: both;

}

.x-jumbotron__special {

    height: 330px;

    padding-top:100px;

}

.x-layout-aside .icon_personal_center {

	background-image: url(../images/icon_personal_center.png);

}

.x-layout-aside .icon_shopping {

	background-image: url(../images/icon_shopping.png);

}

.x-layout-aside .icon_service {

	background-image: url(../images/icon_service.png);

}

.x-layout-aside .icon_collect {

	background-image: url(../images/icon_collect.png);

}

.x-layout-aside .validate_kefu {

	background-image: url(../images/zkkf.png);

}

.x-layout-aside .icon_top {

	background-image: url(../images/icon_top.png);

}



.ant-modal-mask {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-color: rgba(0,0,0,.65);

    height: 100%;

    z-index: 1000;

    filter: alpha(opacity=50);

}

.ant-modal-content {

    position: relative;

    background-color: #fff;

    border: 0;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);

    box-shadow: 0 4px 12px rgba(0,0,0,.15);

}

.ant-modal-centered {

    text-align: center;

}

.ant-modal-centered:before {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    width: 0;

}

.ant-modal-centered .ant-modal {

    display: inline-block;

    vertical-align: middle;

    top: 0;

    text-align: left;

}

.x-buy .ant-modal-content {

    width: 690px;

    border: 14px solid rgba(0,0,0,.3);

}

.ant-modal-close {

    cursor: pointer;

    border: 0;

    background: transparent;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 10;

    font-weight: 700;

    line-height: 1;

    text-decoration: none;

    -webkit-transition: color .3s;

    transition: color .3s;

    color: rgba(0,0,0,.45);

    outline: 0;

    padding: 0;

}

.ant-modal-close-x {

    display: block;

    font-style: normal;

    text-align: center;

    text-transform: none;

    text-rendering: auto;

    width: 56px;

    height: 56px;

    line-height: 56px;

    font-size: 16px;

}



.ant-modal-header {

    padding: 16px 24px;

    border-radius: 4px 4px 0 0;

    background: #fff;

    color: rgba(0,0,0,.65);

    border-bottom: 1px solid #e8e8e8;

}

.ant-modal-title {

    margin: 0;

    font-size: 16px;

    line-height: 22px;

    font-weight: 500;

    color: rgba(0,0,0,.85);

}

.x-buy .ant-modal-body {

    padding: 30px 0 0 126px;

}

.ant-modal-body {

    padding: 24px;

    font-size: 14px;

    line-height: 1.5;

    word-wrap: break-word;

}

.x-buy__title {

    font-size: 14px;

    color: #989898;

    margin-bottom: 30px;

}

.x-buy .ant-input-group {

    height: 40px;

    margin-bottom: 20px;

}

.x-buy .ant-input-group .xg-icon {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    float: left;

    border-radius: 4px 0 0 4px;

    border: 1px solid #d9d9d9;

    border-right: none;

}

.x-buy .ant-input-group .xg-icon .x-icon {

    font-size: 16px;

}

.x-buy .ant-input-group .ant-select {

    height: 40px;

}

.x-buy .xg-group__1 .ant-input, .x-buy .xg-group__1 .ant-select {

    width: 360px;

}

.x-buy .ant-input-group .ant-select-selection {

    height: 100%;

    border-radius: 0 4px 4px 0;

}

.ant-select-selection--single {

    height: 32px;

    position: relative;

    cursor: pointer;

}

.x-buy .ant-input-group .ant-select-selection__rendered {

    height: 100%;

    margin: 0 ;

}

.ant-select-selection__rendered select{

    width: 100%;

    border: none;

    color: #bdbcbc;

}

.x-buy .ant-input-group .ant-input {

    height: 40px;

    border-radius: 0 4px 4px 0;

}

.x-buy .xg-group__2 .ant-input {

    width: 260px;

}

.x-buy .xg-group__3 .ant-input {

    width: 315px;

}

.x-buy__tip {

    font-size: 12px;

    color: #6d9ad2;

}

.x-buy .ant-modal-footer {

    border-top: none;

    text-align: left;

    padding-left: 126px;

    padding-bottom: 40px;

}

.ant-modal-footer {

    border-top: 1px solid #e8e8e8;

    padding: 10px 16px;

    text-align: right;

    border-radius: 0 0 4px 4px;

}

.x-buy .ant-modal-footer .ant-btn {

    width: 112px;

    height: 43px;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    border-radius: 0;

}

.ant-modal-wrap{

    position: fixed;

    z-index:23456;

    top:0;

    bottom:0;

    left:0;

    right: 0;

}

.x-login .ant-modal-content {

    width: 400px;

}

.x-login .ant-modal-header {

    padding-top: 35px;

    padding-bottom: 30px;

    border-bottom: none;

}

.ant-modal-title {

    margin: 0;

    font-size: 16px;

    line-height: 22px;

    font-weight: 500;

    color: rgba(0,0,0,.85);

}

.x-login__tabs {

    position: relative;

    width: 200px;

    margin: 0 auto;

    zoom: 1;

}

.x-login__tabs:after, .x-login__tabs:before {

    content: "";

    display: table;

    clear: both;

}

.x-login__tabs a {

    float: left;

    width: 50%;

    text-align: center;

    font-size: 18px;

    color: #474747;

    margin-bottom: 5px;

    position: relative;

}

.x-login__tabs a.active {

    color: #f61825;

}

.x-login .ant-modal-body {

    padding: 0 40px;

}

.ant-modal-body {

    padding: 24px;

    font-size: 14px;

    line-height: 1.5;

    word-wrap: break-word;

}

.x-login .ant-modal-body .ant-input {

    width: 320px;

    height: 42px;

    border-radius: 0;

    margin-bottom: 15px;

}

.x-login .ant-modal-body .ant-input-search {

    margin-bottom: 15px;

}

.x-login__tip {

    font-size: 12px;

    color: #f5222d;

    height: 20px;

    line-height: 20px;

}

.x-login .ant-modal-body .ant-input-search .ant-input {

    margin-bottom: 0;

}

.x-login .ant-modal-body .ant-btn {

    height: 42px;

    background-color: #ff7d7d;

    color: #fff;

    border-radius: 0;

}

.x-login__tabs a:first-child:after {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: 13px;

    background-color: #d2d2d2;

}

.x-login .ant-modal-footer .ant-btn {

    width: 100%;

    height: 42px;

    background-color: #fb462d;

    -webkit-box-shadow: 0 5px 10px 0 rgba(251,70,45,.2);

    box-shadow: 0 5px 10px 0 rgba(251,70,45,.2);

    border-radius: 0;

    font-size: 16px;

    margin-bottom: 15px;

}

.x-login__tabs--slider {

    position: absolute;

    bottom: 0;

    display: block;

    height: 2px;

    width: 25%;

    -webkit-transform: translate(50%);

    transform: translate(50%);

    background: #f61825;

    -webkit-transition: all .2s;

    transition: all .2s;

}

.ant-input:focus, .ant-input:hover {

    border-color: #ff4249;

    border-right-width: 1px!important;

}

.x-login__links a {

    color: #4d4d4d;

    font-size: 12px;

}

.x-login__links span {

    color: #e6e6e6;

    margin: 0 12px;

}

.x-login__links .x-icon {

    font-size: 12px;

}

.ant-modal-confirm .ant-modal-confirm-btns button+button {

    margin-left: 8px;

    margin-bottom: 0;

}

.cart-count{

    display: inline-block;

    width: 16px;

    height: 16px;

    background-color: #ff4546;

    -webkit-box-shadow: 0 2px 5px 0 rgba(255,69,70,.47);

    box-shadow: 0 2px 5px 0 rgba(255,69,70,.47);

    border-radius: 50%;

    font-size: 12px;

    line-height: 16px;

    text-align: center;

    color: #fff;

    font-style: normal;

}

.x-layout-aside__back{

    position: absolute;

    bottom:100px;

    left: 0;

}

.x-layout-aside_mask {

    position: fixed;

    top: 0;

    left: 0;


    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.3);

    z-index: 9999;

    display: none;

}

.x-layout-aside_validate {

    width: 593px;

    height: 530px;

    background: url(../images/aside_validate_bg.ff3c865.png) no-repeat 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -265px 0 0 -291.5px;

    padding: 80px 40px 0;

}

.x-layout-aside_validate .name {

    font-size: 30px;

    color: #4c4c4c;

    font-weight: 700;

}

.x-layout-aside_validate .name span {

    color: #f10215;

}

.x-layout-aside_validate .info {

    font-size: 16px;

    color: #999;

}

.x-layout-aside_validate .input_code {

    margin-top: 25px;

    font-size: 0;

}

.x-layout-aside_validate .input_code_icon {

    width: 64px;

    height: 52px;

    border-radius: 4px 0 0 4px;

    border: 1px solid #e5e5e5;

    border-right: none;

    display: inline-block;

    text-align: center;

    line-height: 50px;

    vertical-align: top;

    background: #f5f5f5 url(../images/aside_search.8aabe57.png) no-repeat 50%;

}

.x-layout-aside_validate .input_code .ant-input {

    width: 445px;

    display: inline-block;

    border-radius: 0 4px 4px 0;

    height: 52px;

}

.x-layout-aside_validate .validate_btn {

    width: 100%;

    height: 52px;

    background: -webkit-linear-gradient(139deg,#fa756c,#fa5054);

    background: linear-gradient(311deg,#fa756c,#fa5054);

    -webkit-box-shadow: 0 5px 10px rgba(251,70,45,.17);

    box-shadow: 0 5px 10px rgba(251,70,45,.17);

    border-radius: 4px;

    margin-top: 20px;

}

.x-layout-aside_validate .validate_btn .ant-btn {

    width: 100%;

    height: 100%;

    background-color: transparent;

    border: none;

    font-size: 20px;

    color: #fffefe;

}

.x-layout-aside_validate .validate_result {

    width: 100%;

    height: 120px;

    border-radius: 4px;

    border: 1px solid #f0f0f0;

    background: #f7fafc;

    margin-top: 40px;

    padding: 15px 0 0 20px;

    position: relative;

}

.x-layout-aside_validate .validate_tip {

    font-size: 12px;

    text-align: center;

    color: #a8a8a8;

    margin-top: 12px;

}

.x-layout-aside_validate_close {

    position: absolute;

    top: 22px;

    right: -18px;

}

.x-layout-aside_validate .validate_result_p1 {

    font-size: 14px;

    color: #999;

}

.x-layout-aside_validate .validate_result .not-pass {

    color: #f23439;

}

.x-layout-aside_validate .validate_result_show {

    font-size: 20px;

    color: #21beb9;

    font-weight: 700;

    margin-top: 6px;

}

.x-layout-aside_validate .validate_result .not-pass i {

    background: url(../images/jakefuicon.png) no-repeat 50%;

}

.x-layout-aside_validate .validate_result_show i {

    display: inline-block;

    width: 23px;

    height: 22px;

    margin-top: 5px;

    vertical-align: top;

    background: url(../images/zhenkefuicon.png) no-repeat 50%;

}

.x-layout-aside_validate .validate_result_code_show {

    font-size: 16px;

    color: #4c4c4c;

    margin-top: 2px;

}

.x-layout-aside_validate .validate_result_code_show span {

    font-weight: 700;

}

.x-layout-aside_validate .validate_result .seal {

    position: absolute;

    bottom: 0;

    right: 0;

}

/* 分页 */

.serach_pages {

    padding: 10px;

    width: 950px;

    height: 96px;

    line-height: 86px;

    text-align: center;

    background-color: #fff;

    margin: 0 auto 45px auto;

}



.serach_pages span {

    font-size: 16px;

    color: #5c5c5c;

    margin-right: 8px;

}



.serach_pages a {

    display: inline-block;

    min-width: 32px;

    padding: 0 10px;

    height: 32px;

    line-height: 30px;

    text-align: center;

    border: 1px solid #d9d9d9;

    background-color: #fff;

    margin-right: 8px;

    font-size: 13px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transition: all .2 ease-out;

    transition: all .2 ease-out;

    color: #7c7c7c;

}



.serach_pages a:hover {

    color: #f61825;

    border: 1px solid #f61825;

}



.serach_pages .active {

    color: #f61825;

    border: 1px solid #f61825;

}

.jump_page {

    border: 1px solid #f0f0f0;

    width: 40px;

    height: 32px;

    line-height: 30px;

    text-align: center;

    color: #999;

    text-align: center;

    margin: 0 8px;

}