*{
	margin: 0;
	padding:0;
	font-family: Arial,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-size: 12px;
	color:#333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body {
    width: 100%!important;
}
button,input {
	border: 0;
	outline: 0
}
ol,ul {
    list-style: none
}
i {
	font-style: normal;
}
a {
    text-decoration: none;
	color:#333;
}
a:hover{
	color:#ff5628;
	outline: 0 none;
    transition: .13s ease-in;
    -moz-transition: .13s ease-in;
    -webkit-transition: .13s ease-in;
}
b,h1,h2,h3,h4,h5,h6,strong {
    font-weight: 600
}
img {
    border: 0
}
@font-face {
  font-family: "cdshtregular";
  font-style: normal;
  font-weight: 400;
  src: url('/static/rrquan/iconfont/CDSHT-Regular.ttf');
}
small{
	margin-right: 2px;
}
small.fs14{font-size: 14px;}
small.fs16{font-size: 16px;}
small.bold{font-weight: 600;}
small.pri{color: #ff5628;}
small.fan{color: #29B51A;}
.num-font{font-family: cdshtregular!important}
.clearfix {
	zoom:1
}
.clearfix:after {
    visibility: hidden;
	overflow: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.FadeInOut {
	-webkit-animation: hideToshow .5s;
	animation: hideToshow .5s
}
.flex{
	display: flex;
}
.layout{
	display: flex;
	flex-direction: column;
    min-width: 1200px;
	background-color:#fff;
}
.pages{
	width: 1200px;
    margin: 0 auto;
	padding-top:20px;
}
.indexbox{
	background: linear-gradient(180deg,#fff6f2,hsla(0,0%,100%,0) 588px,#f9f9f9) no-repeat top;
    background-size: 100%
}
.bodybox{
	background-color: #f9f9f9;
}
/*提示信息*/
body .alert-info-skin {
    box-sizing:border-box;
    width: auto!important;
    height: auto!important;
    padding-left: 55px;
    background: #e8effb;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.32);
    border-radius: 8px
}
body .alert-notice-title{
    font-weight: 500;
    font-size: 16px;
    display: block;
    position: relative;
}
body .alert-success-info:after,body .alert-error-info:after {
    content: '';
    width: 26px;
    height: 26px;
    left: -40px;
    top: 0;
    background-image: url(/static/rrquan/image/msg_success.png);
    background-size: contain;
    position: absolute;
}
body .alert-error-info:after{
	background-image: url(/static/rrquan/image/msg_error.png);
}

body .alert-info-skin .auth_msg {
    font-size: 14px;
    padding: 5px 10px 0 0
}
body .alert-info-skin .auth_msg p {
    color: #f50;
    font-size: 14px
}
body .alert-info-skin .auth_msg span {
    color: #999
}
body .alert-info-skin .auth_msg a {
    color: #007ffc
}
body .alert-info-skin h3 {
    margin: 0;
    font-size: 16px;
    color: #2b3030
}
body .alert-info-skin .layui-layer-content {
    overflow: inherit;
}

body .alert-info-skin p {
    font-size: 14px;
    color: #888;
    line-height: 19px
}
body .alert-info-skin a {
    color: #345ffa;
    font-size: 14px;
    padding-right: 20px;
    display: inline-block
}

/*header*/
.header-emptybox{height:70px;}
.header-bar{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 70px;
    min-width: 1200px;
    font-family: PingFangSC-Semibold,PingFang SC;
    color: #333;
    background: #fff6f2
}
.header-main {
	margin: 0 auto;
	width: 1200px;
    height: 70px;
	display:flex;
	align-items: center;
	justify-content: space-between;
}


.header-bar.fixed{
    background-color: #fff;
	box-shadow: 0 4px 20px 0 hsla(0,0%,86%,.5);
}
.header-left{
	display:flex;
	align-items: center;
}

.header-left .logo{
	position: relative;
    display: block;
	width:238px;
	height:36px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/static/rrquan/logo.png) no-repeat center center;
	background-size: 100% 36px
}

.header-menu{
	display:flex;
	align-items: center;
	justify-content:center;
	position: relative;
	margin-left: 60px;
	grid-column-gap: 24px;
    column-gap: 24px;
}
.header-menu .menu_item{
	position: relative;
}
.header-menu .menu_item a{font-size:16px;font-weight:600;}
.header-menu .menu_item .down_arrow{
	display:inline-block;
	width:12px;
	height:12px;
	background: url(/static/rrquan/image/menu_arrow.png) no-repeat center center;
	background-size: 12px 12px;
	transform: rotate(0deg);
	transition: all .2s;
}
.header-menu .menu_item:hover>.menu-popup{display:block;}
.header-menu .menu_item:hover a>.down_arrow{
	transform: rotate(180deg);
}

.header-menu .menu_item .icon_hot {
	display:block;
	width:34px;
	height:16px;
	background:linear-gradient(113deg,#ff8c21,#f44);
	border-radius:6px 8px 8px 0px;
	font-size:12px;
	font-weight:400;
	text-align:center;
	color:#fff;
	line-height:16px;
	position:absolute;
	top:-14px;
	right:0
}

.header-menu .active{color:#FF5628}
/*隐藏的商品库-榜单*/
.menu-popup {
	display: none;
	padding-top:14px;
	z-index: 101;
	border: none;
	position:absolute;
	top:20px;
	left:-60px;
}
.menu-popup-contbox {
	display:flex;
	width: 388px;
	padding:25px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0,0,0,.1);
	position: relative;
	background: #fff;
	border: 1px solid #ebeef5;
}
.menu-popup-contbox .popper__arrow{
	position: relative;
	top: -39px;
	left: 50px;
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.05));
}
.menu-popup-contbox .popper__arrow:before,.menu-popup-contbox .popper__arrow:after{
	position: absolute;
	content: '';
	top: 2px;
	border-top: 7px transparent dashed;
	border-left: 7px transparent dashed;
	border-right: 7px transparent dashed;
	border-bottom: 7px #fff solid;
}
.menu-popup-contbox .popper__arrow:before{
	top: 0px;
	border-bottom: 7px #ebeef5 solid;
}
.menu-popup-contbox .cont-left{
	width: 190px;
	height: 120px;
	position: relative
}
.menu-popup-contbox .cont-left .img-wrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}
.menu-popup-contbox .cont-left .img-wrapper .title-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: top;
	object-position: top;
	transition: all .3s ease-in-out
}
.menu-popup-contbox .cont-left .img-wrapper:hover .title-img{
	transform: translateY(-3px);
}
.menu-popup-contbox .cont-right{
	margin-left: 25px;
	width: 120px;
}
.menu-popup-contbox .cont-right .sub-title-content{
	background-image:url(/static/rrquan/image/library_popup_subtitle.png);
	background-position:0 3px;
	background-size:18px 18px;
	background-repeat:no-repeat;
	padding-left: 26px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f1f1;
	font-size: 16px;
	font-weight: 600;
}
.menu-popup-contbox .cont-right .sub-title-content.rank{
	background-image:url(/static/rrquan/image/rank_popup_subtitle.png);
}
.menu-popup-contbox .cont-right .children{
	padding-top: 6px;
}
.menu-popup-contbox .cont-right .children li{margin-top:6px;}
.menu-popup-contbox .cont-right .children .lib-item{font-size:15px;font-weight:400;}
.menu-popup-contbox .cont-right .children .lib-item i{font-size:15px;}
.menu-popup-contbox .cont-right .children .lib-item:hover i{color: #ff5628;}
.menu-popup-contbox .cont-right .children .rank-item{
	background-image:url(/static/rrquan/image/rank-ico-1.png);
	background-position:0 center;
	background-size:20px 20px;
	background-repeat:no-repeat;
	padding-left:25px;
	font-size:15px;
	font-weight:400;
}
.menu-popup-contbox .cont-right .children .rank-item.icon1{background-image:url(/static/rrquan/image/rank-ico-1.png);}
.menu-popup-contbox .cont-right .children .rank-item.icon2{background-image:url(/static/rrquan/image/rank-ico-2.png);}
.menu-popup-contbox .cont-right .children .rank-item.icon3{background-image:url(/static/rrquan/image/rank-ico-3.png);}
.menu-popup-contbox .cont-right .children .rank-item.icon4{background-image:url(/static/rrquan/image/rank-ico-4.png);}
.menu-popup-contbox .cont-right .children .rank-item:hover.icon1{background-image:url(/static/rrquan/image/rank-ico-act1.png);}
.menu-popup-contbox .cont-right .children .rank-item:hover.icon2{background-image:url(/static/rrquan/image/rank-ico-act2.png);}
.menu-popup-contbox .cont-right .children .rank-item:hover.icon3{background-image:url(/static/rrquan/image/rank-ico-act3.png);}
.menu-popup-contbox .cont-right .children .rank-item:hover.icon4{background-image:url(/static/rrquan/image/rank-ico-act4.png);}

.header-right{
	position: relative;
}
.header-right .free-login{
	display:flex;
	align-items: center;
	justify-content:center;
	height: 36px;
	padding:0 15px;
	color: #ff5628;
	font-size: 14px;
	border: 1px solid #ff5628;
	border-radius: 18px;
}
.header-right .free-login span{margin:0 5px;color: #ff5628;}

.header-userinfo {
	display:flex;
	justify-content:center;
	align-items:center;
	position: relative
}
.header-userinfo .user-avatar-nickname{
	display:flex;
	justify-content:center;
	align-items:center;
	height: 36px;
	padding-right: 15px;
	cursor: pointer;
}
.header-userinfo .user-avatar-nickname .user-avatar {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	position: relative
}
.header-userinfo .user-avatar-nickname .user-nickname{
	margin-left: 6px;
	font-size: 16px;
	font-weight: 600;
	position: relative
}
.header-userinfo .user-avatar-nickname .user-nickname:before{
	position: absolute;
	content: '';
	right: -13px;
	top:2px;
	display:inline-block;
	width:12px;
	height:12px;
	background: url(/static/rrquan/image/menu_arrow.png) no-repeat center center;
	background-size: 12px 12px;
}
.header-userinfo:hover .user-opearation-wrap {
	display: block
}
/*用户信息*/
.user-opearation-wrap {
	display: none;
	position: absolute;
	top:30px;
	right: 0px;
	z-index: 101;
	padding-top:14px;
	border: none;
}
.user-opearation {
	width: 342px;
	padding:25px 25px 15px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0,0,0,.1);
	position: relative;
	background: #fff;
	border: 1px solid #ebeef5;
}
.userdrop-main-wrap,.userdrop-main{
	display: flex;
	align-items: center
}
.userdrop-main-wrap {
	justify-content: space-between;
	margin-bottom: 20px
}
.userdrop-main .userdrop-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 8px 0 0;
    vertical-align: unset
}
.userdrop-main .userdrop-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    position: relative;
    z-index: 3
}
.userdrop-main .userdrop-name .icon-weixin,.userdrop-main .userdrop-name .icon-shouji {
	margin-left: 5px;
	color: #3c0;
	position: relative
}
.userdrop-main .userdrop-name .icon-shouji {color: #2D8CF0;}
.userdrop-main .userdrop-name .icon-weixin:after,.userdrop-main .userdrop-name .icon-shouji:after {
	content: "\5fae\4fe1\767b\5f55";
	position: absolute;
	padding: 3px 10px;
	background: rgba(45,45,45,.7);
	font-size: 12px;
	color: #fff;
	top: calc(100% - 35px);
	left: 0;
	white-space: nowrap;
	border-radius: 4px;
	z-index: 6;
	display: none
}
.userdrop-main .userdrop-name .icon-shouji:after {content: "\624b\673a\767b\5f55";}
.userdrop-main .userdrop-name .icon-weixin:hover,.userdrop-main .userdrop-name .icon-shouji:hover {
	opacity: .9
}
.userdrop-main .userdrop-name .icon-weixin:hover:after,.userdrop-main .userdrop-name .icon-shouji:hover:after {
	display: block
}
.userdrop-main .account-uid {
    color: #8a8e98;
    font-size: 12px
}
.userdrop-main-wrap .userdrop-usercenter {
    flex: 0 0 auto;
    width: 70px;
    height: 26px;
    background: #f6f7f8;
    border-radius: 12px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    transition: all .3s ease
}
.userdrop-main-wrap .userdrop-usercenter:hover {
    color: #fff;
    background: linear-gradient(90deg,#ffb83e,#ff7109)
}
.user-opearation .userdrop-oauth {
    padding: 13px 12px;
    background: #f6f7f8;
    border-radius: 8px;
    margin-bottom: 16px
}
.userdrop-oauth .oauth-center {
	color: #ff4443;
	transition: all .3s ease
}
.userdrop-oauth .oauth-center:hover{
opacity: .9
}
.userdrop-oauth .oauth-center .icon-jinggao{
	font-size: 12px;
	color: #ff4443;
}
.userdrop-act-item {
	margin-bottom: 16px;
    display: block;
    width: 292px;
    height: 80px;
    background: #f6f7f8;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer
}
.userdrop-act-item:hover .userdrop-act-img {
    transform: scale(1.05)
}
.userdrop-act-item .userdrop-act-img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    border-radius: 0;
    margin: 0;
    vertical-align: unset
}
.userdrop-entrance {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap
}
.userdrop-entrance .entrance-item {
    width: 90px;
    height: 75px;
    border-radius: 8px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .2s ease;
}
.userdrop-entrance .entrance-item:hover {
	background: #f6f7f8
}
.userdrop-entrance .entrance-item:nth-child(3n) {
	margin-right: 0
}
.userdrop-entrance .entrance-item .iconfont{
	color: #505153;
	font-size: 18px;
	pointer-events: none;
	margin-bottom: 9px
}
.userdrop-entrance .entrance-item .text{
	color: #505153;
	font-size: 14px;
}
.userdrop-bottom {
	margin-top: 10px;
    text-align: right
}
.userdrop-bottom .userdrop-logout {
    display: inline;
    color: #8a8e98;
    font-size: 12px
}
.userdrop-bottom .userdrop-logout .icon-tuichu{
	color: #8a8e98;
	font-size: 12px
}
.userdrop-bottom .userdrop-logout:hover {
    opacity: .9
}




/*search box*/
.search-layout{
	display:flex;
	justify-content: center;
}
.search-layout .search{
	position: relative;
	width:580px;
	height:110px;
}
.search .search-site{
	display:flex;
	padding-left:22px;
	grid-column-gap: 15px;
    column-gap: 15px;
}
.search .search-site .site-btn{
    padding: 0 10px;
	height: 26px;
    line-height: 26px;
	font-size:14px;
    color: #333;
    cursor: pointer;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	transition: all .3s
}
.search .search-site .site-btn.active{
    font-weight: 600;
    color: #fff;
    background-color: #ff5628;
}
.search .search-site .site-btn.active i{color: #fff;font-weight: 400;}

.search .ui-search{
    position: absolute;
	width:580px;
	background: #fff;
    border: 2px solid #ff5628;
    border-radius: 27px;
	z-index: 101;
}
.search .ui-search.active {
    border-radius: 10px;
}
.search .ui-search .search-common{
	display: flex;
    align-items: center;
}
.ui-search .search-common .search_input {
    flex: 1;
    border: 0;
    outline: 0;
    padding-left: 15px;
    font-size: 14px;
    color: #606266;
	height: 42px;
	border-radius: 20px;
	background:none;
}
.ui-search .search-common .search_input::placeholder {
    color: #c0c4cc
}
.ui-search .search-common .submit {
    width: 60px;
    height: 42px;
    background:url(/static/rrquan/image/search_btn.png) center center no-repeat;
    background-size: auto 100%;
    border: 0;
    cursor: pointer;
    padding-right: 20px
}
.ui-search .search-select {
	display: none;
	margin-bottom:10px;
    border-top: 1px solid #eaebed;
}
.ui-search .search-select .hot_list {
	padding: 0 15px;
    flex: 1
}
.ui-search .search-select .hot_list dt {
    line-height: 30px;
    height: 30px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #333;
    letter-spacing: .42px;
}
.ui-search .search-select .hot_list dd {
    display: flex;
    flex-direction: column;
    height: 260px;
    overflow-y: auto;
}
.ui-search .search-select .hot_list dd::-webkit-scrollbar {
    width: 8px;
}
.ui-search .search-select .hot_list dd::-webkit-scrollbar-thumb {
    background-color: #dddfe0;
    border-radius: 4px;
}
.ui-search .search-select .hot_list dd::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.5);
    border-radius: 4px;
}
.ui-search .search-select .hot_list dd a{
    color: #666;
    line-height: 30px;
    display: inline-block;
    font-size: 12px;
    border-radius: 1px;
    height: 30px;
    position: relative
}
.ui-search .search-select .hot_list dd a:hover{color:#ff5628;}
.ui-search .search-select .hot_list dd i.number{
	display:inline-block;
	width: 21px;
	text-align:center;
	padding: 0;
	margin-right:8px;
	color:#999
}
.ui-search .search-select .hot_list dd i.hotnum {
	margin-left:8px;
    color: #f70
}
.ui-search .search-select .hot_list.search_kw_history {
    border-left: 1px solid #d8d8d8
}
.ui-search .search-select .hot_list.search_kw_history dd a{
    display:flex;
	justify-content:space-between;
}
.ui-search .search-select .hot_list.search_kw_history dd a strong{font-weight:400;}
.ui-search .search-select .hot_list.search_kw_history dd a:hover{
	background: #fff6f2;
}
.ui-search .search-select .hot_list.search_kw_history dd a:hover strong{color:#ff5628}
.ui-search .search-select .hot_list.search_kw_history dd a .text-nowrap{
	width:200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-search .search-select .hot_list.search_kw_history dd a .remove{
    width: 30px;
    height: 30px;
    background: url(/static/rrquan/image/del_icon_no.png) no-repeat;
    cursor: pointer
}
.ui-search .search-select .hot_list.search_kw_history dd a .remove:hover{
    background: url(/static/rrquan/image/del_icon_yes.png) no-repeat;
}
.search .common_search_hot {
	margin-top:60px;
	height: 18px;
    padding:0 16px;
    clear: both;
    overflow: hidden;
}
.search .common_search_hot a {
    color: #666;
    line-height: 18px;
    margin-right: 20px;
    cursor: pointer;
}
.search .common_search_hot a:hover {
    color:#ff5628;
}
.search .common_search_hot .has_type{
    margin-right: 4px;
    font-size: 12px;
    padding: 1px 3px;
	background: rgba(255,80,16,.1);
    color: #ff5628;
    border-radius: 4px
}
/*-------------*/
.goods-sale .tags i,.goods-info .tags i{
	width:16px;
	height:16px;
	display: inline-block;
}
.goods-sale .tags i.tag-tmall,.goods-info .tags i.tag-tmall{
	background:url(/static/rrquan/image/icon_tag_tmall.png) no-repeat;
	background-size: 100%
}
.goods-sale .tags i.tag-chaoshi,.goods-info .tags i.tag-chaoshi{
	background:url(/static/rrquan/image/icon_tag_market.png) no-repeat;
	background-size: 100%
}
.goods-sale .tags i.tag-taobao,.goods-info .tags i.tag-taobao{
	background:url(/static/rrquan/image/icon_tag_taobao.png) no-repeat;
	background-size: 100%
}
.goods-sale .tags i.tag-brand,.goods-info .tags i.tag-brand{
	background:url(/static/rrquan/image/icon_tag_qijiandian.png) no-repeat;
	background-size: 100%
}
.goods-sale .tags i.tag-jd,.goods-info .tags i.tag-jd{
	background:url(/static/rrquan/image/icon_tag_jd.png) no-repeat;
	background-size: 100%
}
.goods-sale .tags i.tag-pdd,.goods-info .tags i.tag-pdd{
	background:url(/static/rrquan/image/icon_tag_pdd.png) no-repeat;
	background-size: 100%
}
.goods-sale .tags i.tag-dy,.goods-info .tags i.tag-dy{
	background:url(/static/rrquan/image/icon_tag_dy.png) no-repeat;
	background-size: 100%
}
/*login*/
.login-model {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99999999;
	top: 0;
	left: 0;
	display: none;
}
.login-wrap{
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 776px;
	height: 496px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	overflow: hidden
}
.login-wrap .login-model-close{
	position: absolute;
	top: 16px;
	right: 16px;
	cursor: pointer;
	z-index: 1;
}
.login-wrap .login-model-close .icon-close{
	font-size: 18px;
}
.login-wrap .login-left{
	width: 280px;
	height: 496px;
	background:#fff url('/static/rrquan/image/login_left.png') 0 0 no-repeat;
	overflow: hidden
}
.login-wrap .login-content {
	width: 496px;
	background: #fff;
	padding-top: 58px;
	position: relative;
}
.login-content .phone-back {
	position: absolute;
	top: 12px;
	left: 16px;
	font-size: 14px;
	color: #999;
	cursor: pointer;
	z-index: 99;
	display:none;
}
.login-content .phone-back .iconfont {
    font-size: 12px
}
.login-content .phone-back:hover {
	color: #333
}
.phone-account-box{
	width: 100%;
	display: none;
}
.login-modal-body {
	margin-top: 20px;
	padding: 0 70px;
}

.wx-account-header {
    position: relative;
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}
.wx-account-header .icon-weixin {
	font-size: 28px;
	font-weight: 400;
	margin-right: 8px;
	color: #3c0
}
.wx-account-header .icon-shouji {
	font-size: 24px;
	font-weight: 400;
	margin-right: 8px;
	color: #999
}
.wx-qr-code {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 12px;
	text-align: center
}
.wx-qr-code #wx_qrcode{
	display: inline-block;
	width: 200px;
	height: 200px;
	overflow: hidden
}
.wx-qr-code .ex-model {
    display: none;
    position: absolute;
    width: 200px;
    height: 200px;
	font-size: 16px;
    background: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    padding-top: 78px;
    cursor: pointer;
    z-index: 20
}
.login-content .other-login {
	width: 100%;
	height: 44px;
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.login-content .other-login>div{
	position: relative;
	width: auto;
	height: 44px;
	font-weight: 400;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login-content .other-login>div .icon-shouji,.login-content .other-login>div .icon-weixin{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	color: #666;
	font-size: 24px;
	background: #F5F5F5;
	border-radius: 22px;
	margin-right: 8px;
	transition: all .3s ease-in-out
}
.login-content .other-login>div .icon-weixin{color: #3c0;}
.login-content .other-login>div:hover .iconfont {
	background: #e8e8e8
}
.login-content .other-login>div p{
	font-size: 14px;
	color: #666;
}

.login-modal-form-item-inline .img-captcha {
    width: 135px;
	height: 42px;
}
.login-modal-form-item {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 26px;
	height: 48px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 8px
}
.login-modal-form-item .img-captcha {
	width: 135px;
	height: 42px;
	border-radius: 10px;
}
.login-modal-form-item>i {
    margin: 0 16px;
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain
}
.login-modal-form-item>input {
    display: block;
    width: 280px;
    font-size: 14px;
    line-height: 28px;
    color: #262626;
    background-color: inherit
}
.login-modal-form-item.form-item-code>input {width: 158px;}
.login-modal-form-item>input::placeholder {
    color: #8c8c8c;
}
.login-modal-form-item.active {
    border-color: #ff9100
}

.login-modal-form-item.error {
    border-color: #ff3537
}
.login-modal-form-item>span.warning-text {
    position: absolute;
    display: block;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #ff3537;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}
.form-item-phone>i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAFVBMVEUAAACMjIyMjIyNjY2Li4uNjY2MjIyyJnOMAAAABnRSTlMAX+/f3+/qOVrRAAAARUlEQVQ4y2OgFxBKQwGOcAk3VIkkuEQaGiBGAtnGUYlRiQGWEHLEIeGWhENCLRmHhHAg2a6iIEepoYonwyWEUSUCGegEAG46ZqFQWrdyAAAAAElFTkSuQmCC)
}

.form-item-phone.active>i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAAD/kQD/kQD/kQD/kQAViyqCAAAABHRSTlMA799f7FlksgAAAEVJREFUOMtjoBcwdEEBynAJFVQJR7iECxogRgLZxlGJUYkBljBUxiGh4ohDQsQJh4SRMNmuoiBHiaCKO8EljFAlhBnoBABX+USJAl7SCQAAAABJRU5ErkJggg==)
}

.form-item-code>i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAyhJREFUaEPtWW1u4jAQtRMOQk9SOEnLEVDM75bfOOIIS0+y6Uk2vQfEq4lsZCZ2/L2wEvmDhBL7vXkz4/EMJQWftm0/hBDLuq732+22L7EVLbHo8XhcXi6XX4SQlVy/p5SemqbZ594vKwEAPgzDmxDi0wIUiOybpjnlIpKFgAdwjLcXQmx2u12XSiSJgAP4aO2qqroZVZJdK5iABvqdELI0WNAIyhAX+qcQ4B2l9DvUvawEYEPY4Xw+L6uqeoVsQggB0LbHy5pt274LId60AJ+4FyEECMF638Mw9IvFordlsQkBzrkI9Esv4HhNqciHwygTKJTSTz2b3RA4HA4rSulvDwIj6KqqvlLzu3TJlUMVHVLHGFurP3wIjAcQAIbfErlcgQEyyGXBbdVZol7zJ8AYCw5yD/WCX5FxAwcjPN4EesbYS/BuBT54Eihg1KAlnwoEmavAy08FChiVqJqKEPLjqn8eTgFZRvxRhhFCrOdK64cigMEDibquX+ZKkochYAJPKd38Fy4UCx4UursCKeCLEtDK776u67XJj1PBFyXAOYe7w7V1gkmYrpE+Po/TdjEXQgvDvlclcoEvqoBcHLpveh9obJlQSuG6eL2MxFheKVFMAW0DTOLGC1LAGxQ4McY2xislDjjXAaOjlH3QSUcOX8JjyhLOOdzGVEfETgAW17sSriPeEGxYiZvNYsBLTNdkgdU0tVX0zBIMQCoB3Y0uVwNAN6qTAAqYu9+LcabDjYaJAjgOUgMw1m3Ud5xzqFpVC3PiEca2CQqau6mAE4MpqRgJGI7/4FhItbwvBmvjCrP/166EyhTrnWG2O43HRLaCLdXa+HvkwmQunc+2Dg0yWqvOXCQMB+JNKxHv4+x9GhYsRsJUHLram04CtoIttzuZDOUCD9i8CNhI5Jo44oCFstx3COhNYIZE9PzXMjfzBh+kgKN0DtrUYgz4ezZgTYkiSAG1gLQcFH36lHKcNAohvmxNKsdYNuqwjCIARDxmxDCS+lFzYvjGMsEPVk9XIpqAQw2vYyHHZSeZgKaG76Qx24QzKohdptVcCy70eozAJL7PdclROP4C/8hVXu1/uQMAAAAASUVORK5CYII=)
}
.form-item-code.active>i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAyBJREFUaEPtWtt12kAQvQON4EqCK3FowMQV2FTg2A1AKjGpJHIhZnN2JKTVvp+BnAOfttDeO3dmdh4QGn7EG54hsILAjp7QtTiKWrxUvGKFJfYQWA/vl+APtMWu9nlVCTDwBR4AvDiAdiDs6BGHWkSqEIgAruPtcMKGnnAsJVJEIACcrY0vHD2qFLtWMgEF9HcAK4sFraAscaF+tYNgor9T3ctJgA/sP9Kvv3E2IUjQrk+UNcU7v+NBCXDTvQjSxTpJCF+cvTpXFjMIiDeIRL+MAq6/kw1EeA4YxQblRc1mMwLiFWss8BFBgEHjhF+l+X1wLZlufapMkAhHesT9+Q8xBM4XEKe+Frn8DGZw28llF3wJnu+S/rEUArRFcpBHqJf8CMeNwD6VQEdb3CWf1uALNwINjJr0ypsCSeZq8PBNgQZGxVhTET5D9c/VKTCA/zMa5oR7X2l9VQQM8JLFCXe+kuRqCFjBEzb/hQvlgpcCXVyBEvBNCSjlt2xAZCAao5NS8G0JvONjNjrRSFjbyAifN5qfVtXozDf7U0claoFvqgC/XE7f5nMgHplgyVO5qRnJsPzY6LRSYDzAJDH3ggLwhgICB/qBjaullO2cekN6LxgVpUWJ879nTXhOWSJ+Yj82/z4Cg0tMU4nAFW8Em66EdlgO+EGBKVloappjFTWzZABgJQhrOaiqNQCYjXoiCEwNtBwoXbgv1jOdPmgwFegnzFMcFAZgrtsoCUJi6aeEFo+wjk1mQXNBFYzEYKla7QR0FTJiodjykRjcw109o/xjVxLzMsXZM/in0/qayFGwlVrbSMdq3u8bHmfH5h0dWipJZ9VZi4Th99osVD8nOPt01DrW0rmUhK04DKXxIAFPwVaVhM1QIfASWxQBJ4lKG0cjYPuyPGoJGE3ASaJg/+vYm0WDT1IgUDonHeowhrG8iImpJAVGEv0lI1dR6pay3zQKXjtZ97/etWzmZZlFgC3o38r3OzTCp7Inll+zbfCT1VOVySYQUCNGfSZUWnIXExjVWHL/G7NprLbhzArikGmVqbNsaqYYkfFB3F9U/cXKXydnHE+YUAZrAAAAAElFTkSuQmCC)
}

.form-item-checkin {
	position: relative;
	margin-right: 4px;
	cursor: pointer
}
.form-item-checkin input[type=checkbox] {
	position: absolute;
	opacity: 0;
	pointer-events: none
}
.form-item-checkin i {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8wNS8yNLovun0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABCUlEQVQ4je3VwU7CQBCA4X+b7hYOdHepejHRcPD9H8jEaIwHoWXbEkB3K+sBidEDgcKR/wG+TOYwI2KMEWBaVrimxfvAMSklsTrn5qoAQMQY4+PTC6HruC4sJs+RMj0I+9psmJUVlWtQSvIwuUe8z8pYuYbJ3S2DLDtqul3r9QfPr28UY0PimgWF1b0xgOFwgNE5rmlJgvdYo3tju6zJ8T6QAMj0sJ3tK1MKAVvwHAkhiOcEd13AC9gXDF13MvTp/RaUSuHq9mSwnDuUkiRWjyjnjuVq3Rtbrla4usXq/PfA+hAYG43RIzKVkSRiLxJjxPtAVdfUzQIp0+2B/fsCFoSfXRya/PcCvgFlfXS8yq6NLAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: contain
}
.form-item-checkin input[type=checkbox]:checked~i {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8wNS8yNLovun0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABp0lEQVQ4jZ2VP0scQRiHnzuuCrrBgCAocQ+b29iohbYKyYcQTO7k7FPZxrsmZSz9k4CLoqVfII2ihZtAhIg5Q8TsiRGLFLqQIoHws5g9llvv9lafZnZmdx5+My8vm5EkALwqnKzDzRmGDKl4bEOhCBMLZi5J2hyRlnukz2+l4Fyp+Xst7c1LS5a0NSZJQl5Vet8n/f6aXhTn6pO02isdVITcIcmrPlzWYPe15OaVJfDhWTndfcUJfLjYMc/DZQjqZAHo6r+/rOaCm4/mPQ6QIfegZNtTJtmLNRiYNGvZHKAwYVoCv1nmlO58kj5hQxb4RtRCBrRI+HHWbIrL3LwZLduka0OzsOZGl11zm2UNnreXQfzITgmCOniVMGkdfu1E7ycqURFSCcH0ZOCbhF4lWrfsqF8TaF3lVhXscNRkYVw6MNnxqM3CP5ftpZadLt31j1Bo2fAtYUPpp5EmIjh8B5ZNlsJLOFyEy/3OKdpxsQvHH6DwiowksTUKN6cwPAeFGXjiQO5RsuT/P7PnaAW+b0L3U5j+Egoh/AVs3O2STliD4BRh/A0At3DLVm3dCjZcAAAAAElFTkSuQmCC)
}
.login-modal-form-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: #ff9100;
	border-radius: 8px;
	cursor:pointer
}
.login-modal-form-btn .icon-loading{
	display: none;
	margin-right: 6px;
	color: #fff;
	animation: spin 1s linear infinite;
}
.login-modal-form-btn.disabled {
	background: #bfbfbf;
	cursor: default
}
/*输入验证码*/
.captcha-box {
	padding-top: 40px;
	display:none;
}
.captcha-box .captcha-hint {
	margin-bottom: 24px;
	text-align: center;
	font-size: 15px;
}
.captcha-box .captcha-hint .icon-loading{
	margin-right: 6px;
	display: none;
	animation: spin 1s linear infinite;
}
.captcha-box .captcha-hint .icon-success{
	margin-right: 6px;
	color: #67C23A;
}
.captcha-box .captcha-hint .icon-jinggao{
	margin-right: 6px;
	color: #ff3537;
}
.captcha-box .captcha-hint span {
	font-size: 15px;
	font-weight: 600
}
.captcha-box .captcha-err-hint {
	color: #ff3537;
}
.captcha-box .codeDiv {
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: center
}
.captcha-box .codeDiv .line {
	width: 8px;
	height: 1px;
	background: #C4C4C4
}
.captcha-box .codeDiv .cursor {
	position: relative
}
.captcha-box .codeDiv .cursor span {
	display: none;
	content: '';
	height: 16px;
	width: 1px;
	position: absolute;
	left: 25px;
	top: 7px;
	animation: blink 1s infinite steps(1,start)
}
.captcha-box .codeDiv #hide-code {
	position: absolute;
	left: -100000px
}
.captcha-box .codeDiv .login-code {
	width: 34px;
	border: 1px solid #E4E4E4;
	outline: 0;
	height: 30px;
	margin: 0 8px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-radius: 4px;
	padding: 1px 2px;
}
.captcha-box .codeDiv .login-code.active {
	border-color: #ff9100;
}
.captcha-box .codeDiv .login-code.disabled {
	background: #EDEEEF;
	border-color: #D2D6D9;
	color: #BBBEC4
}

.captcha-box .code-err .login-code {
	border-color: #ff3537;
}

.captcha-box .get-captcha {
	text-align: center;
	color: #ff9100;
	line-height: 16px;
	margin-bottom: 93px;
	cursor: pointer
}
.captcha-box .get-captcha.disabled {
	pointer-events: none;
	color: #999
}
.captcha-box .get-captcha:hover {
	color: #ff5628
}

.login-content .foot-text {
	display: flex;
	align-items: center;
	width: 100%;
	height: 44px;
	padding: 8px 24px;
	background: #FAFAFA;
	position: absolute;
	left: 0;
	bottom: 0;
}
.login-content .foot-text .agree-text {
	display: none;
	position: absolute;
	top: -8px;
	left: 46px;
	background-color: rgba(0,0,0,.58);
	font-size: 12px;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	border-radius: 4px 4px 0 0;
	color: #fff;
	padding: 0 8px;
}
.login-content .foot-text span{
	color: #666;
	cursor: pointer
}
.login-content .foot-text .priv{
	color: #b8b8b8;
}
.login-content .foot-text .priv:hover{
	color: #ff5628;
}

/*gototop*/
.funcToTop {
    position: fixed;
    right: 0;
    bottom: 290px;
    z-index: 40;
    width: 58px;
	display: none;
}
.funcToTop .gotop-btn{
    width: 58px;
	height: 65px;
	line-height: 65px;
	text-align: center;
    background: #fff;
    border-radius: 20px 0 0 20px;
	cursor: pointer;
    box-shadow: 0 0 10px 0 hsla(0,0%,80%,.5)
}
.funcToTop .gotop-btn i{font-size: 24px;}
.funcToTop .gotop-btn:hover i{color: #ff5628;}

/*pagelist*/
.pagelist {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagelist>span {
    height: 36px;
    line-height: 26px;
    margin: 0 14px 0 4px;
	border-radius: 4px;
}
.pagelist .current {
    background-color: #f19537;
    padding: 7px 15px;
	border-color: #ff8a00;
	display: block;
}
.pagelist .current {
  color: #fff;
  background-color: #ff8a00;
  border-color: #ff8a00;
  display: block;
  padding: 8px 14px;
}
.pagelist>a {
	margin-right: 10px;
	font-size: 14px;
	color: #999;
    border: 0;
    padding: 8px 14px;
    background: linear-gradient(148deg,hsla(0,0%,100%,0),#fff);
    -webkit-box-shadow: 0 0 13px 0 rgba(95,95,95,.15);
    box-shadow: 0 0 13px 0 rgba(95,95,95,.15);
    border-radius: 6px
}
.pagelist>a b{color: #999;}
.pagelist a,
.pagelist>span {
  display: block;
}
.pagelist a:hover {
  background-color: #ff8a00;
  color: #fff;
  border-color: #ff8a00;
}
/*footer*/
.home-footer{
	display: flex;
	justify-content: center;
	align-items: center;
    position: relative;
	margin-top: 40px;
    min-width: 1200px;
    background: #f5f5f7
}
.home-footer .footer-cont-box{width: 1200px;}
.home-footer .footer-main{
	display: flex;
	justify-content: space-between;
	padding:38px 0;
    border-bottom: 1px solid #dfe0e3
}
.footer-main .faq-col{margin-right: 88px;}
.footer-main .faq-col dt{
    margin-bottom: 12px;
    color: #000;
    font-size: 14px;
    font-weight: 600
}
.footer-main .faq-col dd{
	margin-bottom: 12px;
}
.footer-main .faq-col dd a{color: #666;}
.footer-main .faq-col dd a:hover{color: #000;}
.footer-main .foot-qrocde{
	margin-left: 50px;
}
.footer-main .foot-qrocde img{width: 120px;height: 120px;}
.footer-main .foot-qrocde p{margin-top:10px;text-align: center;color: #666;}
.home-footer .copyright{
	padding:30px;
	text-align: center;
	line-height: 26px;
	color:#999;
}
.home-footer .copyright a{
	color:#999;
}
@keyframes blink {
    0%,100% {
        background-color: #666
    }

    50% {
        background-color: transparent
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes hideToshow {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}