@charset "utf-8";
img{border: none;}
h1, h2, h3, h4, h5, h6{font-size: 14px;}
input, button, select, optgroup, option{font-family: inherit;font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button, textarea, select{ *font-size:100%;}
ol,ul{list-style: none;}
:link, :visited{text-decoration: none;}
.clearfix:after{content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width: auto;padding: 0 2%;margin: 0;}
option{text-align:center;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
    font-family:"微软雅黑";
}
html{height:100%;}
body {
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b体,sans-serif;
    font-size-adjust: none;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-variant-alternates: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-language-override: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    color: #666;
    min-height:100%;
    position:relative;
    text-align: center;
    font-weight:400;
}
#main {
	padding-bottom: 1px;
	background-color: rgba(239,242,243,1);
	position: relative;
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
}
#sideBar {
	position: fixed;
	right: 0;
	top: 0;
	width: 120px;
	height: 100%;
}
input ,textarea {
	outline:none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #f08337;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
    border-radius: 3px;
}


/*公共部分*/
.public_header {
	width: 100%;
	font-family:PingFangSC-Medium;
	font-size:0;
}
.public_header_topest {
	width: 1200px;
	height: 30px;
	margin: 0 auto;
	font-size:0;
}
.public_header_topest .public_header_topest_tel {
	float: left;
	height:30px;
	font-size:12px;
	font-weight:500;
	color:rgba(62,44,95,1);
	line-height:30px;
}
.public_header_topest .public_header_topest_gwc {
	float: right;
	height:30px;
	font-size:12px;
	color:rgba(62,44,95,1);
	line-height:30px;
	margin-right: 30px;
	padding-left: 20px;
	background-image: url('../img/images_ip/IP-gouwuche.png');
	background-repeat: no-repeat;
	background-size: 18px 17px;
	background-position: left center;
}
.public_header_topest .public_header_topest_login {
	float: right;
}
.public_header_topest .public_header_topest_login span {
	display: inline-block;
	width: 60px;
	height: 12px;
	margin: 9px 0;
	cursor: pointer;
	font-size:12px;
	font-weight:500;
	color:rgba(62,44,95,1);
	line-height:12px;
}
.public_header_topest .public_header_topest_login .login {
	border-right: 1px solid rgba(62,44,95,1);
	padding-right: 2px;
}
.public_header_topest_loginIn {
	float: right;
	/*display: none;*/
	position: relative;
}
.public_header_topest_loginIn img {
	margin-top: 3px;
	margin-bottom: 2px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	vertical-align: middle;
}
.public_header_topest_loginIn span {
	height:30px;
	font-size:12px;
	line-height:30px;
	color:rgba(62,44,95,1);
	vertical-align: middle;
	margin-left: 5px;
}
.public_header_topest_loginIn ul {
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 10;
	background-color: #FFFFFF;
	border-radius: 0 0 5px 5px;
	display: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.public_header_topest_loginIn ul li {
	width: 100px;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    color: rgba(62,44,95,1);
    cursor: pointer;
}
.public_header_topest_loginIn ul li:hover {
	color: #FF4F00;
}
.public_header_nav {
	width: 100%;
	height: 84px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	border-top:1px solid rgba(255,235,232,1);
	border-bottom: 6px solid rgba(240,44,13,1);
}
.public_header_nav .public_header_main {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	height: 84px;
	display: flex;
    align-items:Center;
    position: relative;
}
.public_header_nav .public_header_main .public_kcallme_logo {
	width: 87px;
}
.public_header_nav .public_header_main .public_kcallme_logo img {
    /*width: 45px;*/
    height: 49px;
}
.public_header_nav .search-city {
	height:120px;
	font-size:20px;
	color:rgba(255,255,255,1);
	line-height:120px;
	position: relative;
	padding-left: 33px;
	padding-right: 20px;
	cursor: pointer;
}
.public_header_nav .search-city span {
	width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #F05639 transparent transparent transparent;
    position: absolute;
    top: 60px;
    right: 0;
}
.public_header_nav .main-nav {
	padding-left: 85px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.public_header_nav .main-nav a {
	text-decoration: none;
}
.public_header_nav .main-nav .nav-item {
	height:52px;
	font-size:18px;
	color:#272727;
	line-height:50px;
	margin-right: 36px;
}
.public_header_nav .main-nav .nav-item:hover {
	color:#FF4F00;
}
.public_header_nav .main-nav .active {
	height:50px;
	line-height:50px;
	font-size:18px;
	color:#FF4F00;
	border-bottom:2px solid #FF4F00;
}
.public_header_main .main-nav .nav-hover p {
	font-size: 18px;
	color: rgba(255,255,255,1);
	margin:0;
	margin-right: 36px;
}
.public_header_nav .phone-buy {
	position: absolute;
	top: 26px;
	right: 0;
}
.public_header_nav .phone-buy img {
	height: 20px;
	vertical-align: middle;
}
.public_header_nav .phone-buy span {
	height:28px;
	font-size:15px;
	font-weight:400;
	color:#999999;
	line-height:28px;
	vertical-align: middle;
	padding-left: 5px;
}
.public_header_nav .phone-buy:hover span {
	color:#FF4F00;
}



/*首页*/
.search {
	width: 530px;
	margin: 0 auto;
	padding:23px 0 17px 0;
}
.input-search {
	width: 530px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.input-search input {
	width: 444px;
	height: 42px;
	border: none;
	padding-left: 10px;
	font-size:14px;
	color:#272727;
	line-height:42px;
}
.input-search input::-webkit-input-placeholder {
	color: #888888;
}
.input-search .btn-search {
	width: 76px;
	height: 42px;
	background-color: #F02C0D;
	background-image: url('../../img/images_ip/IP-search.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	cursor: pointer;
}
/* .input-search .hotest-search {
	position: absolute;
	left: 0;
	top: 42px;
	width: 454px;
	background-color: #FFFFFF;
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1);
	text-align: left;
	z-index: 101;
	display: none;
}
.input-search .hotest-search ul {
	padding: 10px 0;
}
.input-search .hotest-search ul li {
	padding-left: 17px;
	height: 29px;
	line-height: 29px;
	color: #272727;
	border-radius: 2px;
	font-size: 14px;
}
.input-search .hotest-search ul li:hover {
	color: #F02C0D;
	background-color: rgba(244,244,244,1);
}
.input-search .hotest-search ul li span {
	margin-right: 10px;
	color: #FFFFFF;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background-color: #E3E3E3;
	border-radius: 2px;
	text-align: center;
	font-size: 12px;
} */
/* .input-search .hotest-search ul a {
	text-decoration: none;
}
.input-search .hotest-search ul a:first-child span {
	background-color: #D50202;
}
.input-search .hotest-search ul a:nth-child(2) span {
	background-color: #E34400;
}
.input-search .hotest-search ul a:nth-child(3) span {
	background-color: #FFE000;
} */
.hot-search ul {
	display: flex;
	justify-content: flex-start;
	padding-top: 5px;
}
.hot-search ul li {
	height:17px;
	line-height:17px;
	padding: 0 10px;
	font-size: 12px !important;
	border-right: 1px solid #C5C5C5;
}
.hot-search ul li:last-child {
	border-right:none;
}
.hot-search ul li a {
	color: #888888;
}
.hot-search ul li:hover a {
	color: #F02C0D;
}
.ipItem {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.ipItem-1 {
	display: flex;
	justify-content: space-between;
}
.ipItem-1 .ip-nav {
	width:189px;
	height:420px;
	background:rgba(255,255,255,1);
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	position: relative;	
}
.ipItem-1 .ip-nav>ul {
	padding-top: 12px;
}
.ipItem-1 .ip-nav>ul>li>a {
	height:36px;
	font-size:14px;
	color:rgba(39,39,39,1);
	line-height:36px;
	cursor: pointer;
}
.ipItem-1 .ip-nav>ul>li>a:hover {
	color:#F02C0D;
}
.ipItem-1 .ip-nav .ip-nav-two {
	width: 400px;
	height: 420px;
	position: absolute;
	left:189px;
	top: 0;
	background-color: #FFFFFF;
	box-shadow:0px 2px 6px 0px rgba(0,0,0,0.08);
	display: none;
	z-index: 100;
}
.ipItem-1 .ip-nav .ip-nav-two ul {
	padding: 15px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.ipItem-1 .ip-nav .ip-nav-two ul li {
	width: 80px;
	padding: 0 5px 32px 5px;
	text-align: center;	
}
.ipItem-1 .ip-nav .ip-nav-two ul li .nav-two-photo {
/*	width:44px;*/
	height:44px;
	border-radius: 50%;
}
.ipItem-1 .ip-nav .ip-nav-two ul li .nav-two-photo img {
	width:44px;
	height:44px;
	border-radius: 50%;
}
.ipItem-1 .ip-nav .ip-nav-two ul li .nav-two-name {
	height:20px;
	font-size:12px;
	color:rgba(112,112,112,1);
	line-height:20px;
	margin-top: 5px;
}
.ipItem-1 .ip-nav .ip-nav-two ul li:hover .nav-two-name {
	color:rgba(255,146,100,1);
}
.ipItem-1 .ip-banner {
	width:785px;
	height:420px;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.15);*/
}
.ipItem-1 .ip-banner img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.ipItem-1 .ip-person {
	width: 160px;
	height: 420px;
	background-color: rgba(255,255,255,1);
	padding: 0 15px;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.15);*/
}
.ipItem-1 .ip-person .ip-person-login {
	width: 100%;	
	height: 120px;
	border-bottom:1px solid rgba(227,227,227,1);
}
.ipItem-1 .ip-person .ip-person-login .ip-person-photo {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	border-radius: 50%;
	background: url('../img/user_none.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: -15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.ipItem-1 .ip-person .ip-person-login .ip-person-name {
	text-align: center;
	padding-top: 10px;
	color: #888888;
	height: 17px;
	line-height: 17px;
}
.ipItem-1 .ip-person .ip-person-login .ip-person-login-1 {
	display: flex;
	justify-content: center;
	padding-top: 5px;
}
.ipItem-1 .ip-person .ip-person-login .ip-person-login-1 span {
	display: inline-block;
	width: 60px;
	color: #272727;
	cursor: pointer;
}
.ipItem-1 .ip-person .ip-person-login .ip-person-login-1 .active {
	color: #F02C0D;
}
.ipItem-1 .ip-person-me {
	padding-top: 13px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(227,227,227,1);
}
.ipItem-1 .ip-person-message {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:17px;
	line-height:17px;
}
.ipItem-1 .ip-person-message .ip-person-me-title {
	color:rgba(39,39,39,1);
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 12px;
}
.ipItem-1 .ip-person-message .ip-person-me-more span {
	color:rgba(153,153,153,1);
	padding-right: 5px;
	vertical-align: middle;
}
.ipItem-1 .ip-person-message .ip-person-me-more img {
	height: 12px;
	vertical-align: middle;
}
.ipItem-1 .ip-person-me ul {
	height: 66px;
	overflow: hidden;
}
.ipItem-1 .ip-person-me ul li {
	height:22px;
	font-size:12px;
	color:rgba(136,136,136,1);
	line-height:22px;
	cursor: pointer;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ipItem-1 .ip-person-me ul li:hover {
	color:#F02C0D;
}
.ipItem-1 .ip-person-hot {
	padding-top: 8px;
}
.ipItem-1 .ip-person-hot .ip-person-hot-title {
	height:17px;
	color:rgba(39,39,39,1);
	line-height:17px;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
}
.ipItem-1 .ip-person-hot ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 190px;
	margin-left: -15px;
}
.ipItem-1 .ip-person-hot ul li ,.ipItem-1 .ip-person-hot ul li a {
	width: 54px;
	height: 50px;
	display: inline-block;
	margin: 4px auto;
}
.ipItem-1 .ip-person-hot ul li img {
	width: 30px;
	height: 30px;
}
.ipItem-1 .ip-person-hot ul li p {
	height:17px;
	font-size: 12px;
	color:rgba(197,197,197,1);
	line-height:17px;
	margin-top: -10px;
}
.ipItem-1 .ip-person-hot ul li:hover p {
	color:#ff9163;
}
.hot-IP-top {
	padding-bottom: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hot-IP-title {
	display: flex;
	justify-content: flex-start;
}
.hot-IP-title .hot-IP-title-c {
	height:25px;
	font-size:16px;
	color:rgba(39,39,39,1);
	line-height:25px;
	font-weight: 500;
}
.hot-IP-title .hot-IP-title-e {
	height:25px;
	font-size:14px;
	color:rgba(240,44,13,1);
	line-height:25px;
	padding-left: 10px;
}
.IP-more-all span {
	height:17px;
	color:rgba(184,184,184,1);
	line-height:17px;
	vertical-align: middle;
	padding-right: 10px;
}
.IP-more-all:hover span {
	color:#ff9163;
}
.IP-more img ,.IP-more-all img {
	width:18px;
	height:18px;
	vertical-align: middle;
}
.hot-IP-list {
	position: relative;
	background-color: #FFFFFF;
}
.hot-IP-list ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.hot-IP-list ul li {
	width: 119.9px;
	height: 119.9px;
	position: relative;	
	cursor: pointer;
	border-bottom: 0.05px solid #e6e6e6;
    border-right: 0.05px solid #e6e6e6;
}
.hot-IP-list ul li:nth-child(10) {
	 border-right: 0;
}
.hot-IP-list ul li img {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -35px;
}
.hot-IP-list ul li .item-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 119.9px;
	height: 119.9px;
	background-color: #000;
	transform: rotateY(180deg);
	-webkit-transition: all .2s ease-out;
	transform-style: preserve-3d;
	opacity: 0;
}
.hot-IP-list ul li:hover .item-mask {
	transform: rotateY(0deg);
	opacity: 0.6 !important;
}
.hot-IP-list ul li:hover .item-block {
	opacity: 1 !important;
}
.hot-IP-list ul li .item-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 119.9px;
	height: 119.9px;
	opacity: 0;	
}
.hot-IP-list ul li .item-block p {
	margin-top: 45px;
	height:17px;
	font-family:PingFangSC-Light;
	font-weight:300;
	color:rgba(255,255,255,1);
	line-height:17px;
	font-size: 14px;
}
.hot-IP-list ul li .item-block .join-detail {
	width: 70px;
    height: 20px;
    background: rgba(240,44,13,1);
    border-radius: 10px;
    margin: 0 auto;
    color: rgba(255,255,255,1);
    line-height: 18px;
	margin-top: 5px;
}
.hot-IP-list .hot-IP-list-change {
	width: 119.9px;
	height: 119.9px;
	position: absolute;
	bottom: 0;
	right: 1px;
	cursor: pointer;
	border-bottom: 0.05px solid #e6e6e6;
}
.hot-IP-list .hot-IP-list-change:hover {
	background:rgba(240,44,13,1);
}
.hot-IP-list .hot-IP-list-change img {
	width: 45px;
	margin-top: 30px;
}
.hot-IP-list .hot-IP-list-change:hover img {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: transform .5s;
}
.hot-IP-list .hot-IP-list-change p {
	color: #C5C5C5;
}
.hot-IP-list .hot-IP-list-change:hover p {
	color: #FFFFFF;
}
.ipItem-3 {
	display: flex;
	justify-content: space-between;
}
.ranking-list ,.hottest-IP ,.new-product {
	width: 386px;
	height: 400px;
	background-color: #FFFFFF;
}
.ranking-list .hot-IP-title ,.hottest-IP .hot-IP-title ,.new-product .hot-IP-title {
	padding-top: 5px;
	padding-left: 8px;
}
.ranking-list ul {
	margin: 16px;
}
.ranking-list ul li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.ranking-list ul li:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.ranking-list ul li .shop-image img {
	width:96px;
	height:96px;
}
.ranking-list ul li .shop-name {
	width: 235px;
	text-align: left;
	margin-left: 23px;
	position: relative;
	padding: 5px;
}
.ranking-list ul li .shop-name p {
	height:20px;
	font-size:14px;
	color:rgba(136,136,136,1);
	line-height:20px;
}
.ranking-list ul li:hover .shop-name p {
	color: rgba(240,44,13,1);
}
.ranking-list ul li .shop-name .shop-price {
	position: absolute;
	bottom: 5px;
	left: 0;
	height:20px;
	font-size:12px;
	color:rgba(240,44,13,1);
	line-height:20px;
}
.ranking-list ul li .shop-name .shop-price span {
	height:20px;
	font-size:16px;
	line-height:20px;
}
.hottest-IP .swiper-container {
	padding-bottom: 10px;
}
.ipItem .ip-banner .swiper-container .hide {
  opacity:0;
}
.hottest-IP .swiper-container .swiper-button-prev ,.hottest-IP .swiper-container .swiper-button-next ,
.ip-banner .swiper-container .swiper-button-prev ,.ip-banner .swiper-container .swiper-button-next {
	background-color: rgba(0, 0, 0, 0.7);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
    width: 19px;
    height: 40px;
    display: block;
    z-index: 99;
    opacity: 0.8;
    transition:opacity .5s;
}
.hottest-IP .swiper-container .swiper-button-prev ,
.ip-banner .swiper-container .swiper-button-prev {
	left: 0;
	background-image: url('../img/icon_arrow_left.png');
}
.hottest-IP .swiper-container .swiper-button-next ,
.ip-banner .swiper-container .swiper-button-next {
	right: 0;
	background-image: url('../img/icon_arrow_right.png');
}
.hottest-IP .swiper-slide a img {
	width:353px;
	height:191px;
	margin-top: 16px;
}
.hottest-IP .swiper-slide ul {
	display: flex;
	justify-content: space-between;
	margin:0 16px 16px 16px;
}
.hottest-IP .swiper-slide ul li:hover img {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.hottest-IP .swiper-slide ul li img {
	width:108px;
	height:110px;
}
.new-product .new-product-top {
	display: flex;
	justify-content: space-between;
	margin: 16px;
}
.new-product .new-product-top img {
	width:168px;
	height:170px;
}
.new-product .new-product-top img:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.new-product .new-product-bottom img {
	width:354px;
	height:144px;
	margin:0 16px;
}
.ipItem-all-title {
	display: flex;
	justify-content: flex-start;
	padding-bottom: 17px;
	position: relative;
}
.ipItem-all-title .ipItem-title {
	width:175px;
	height:47px;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
}
.ipItem-all-title .ipItem-title h5 {
	height:25px;
	font-size:18px;
	font-weight: 400;
	color:rgba(255,255,255,1);
	line-height:25px;
}
.ipItem-all-title .ipItem-title p {
	height:17px;
	font-size:12px;
	color:rgba(255,195,209,1);
	line-height:17px;
}
.ipItem-all-title .ipItem-color {
	width: 10px;
	height:52px;
	margin-left: 10px;
}
.ipItem-4 .ipItem-all-title .ipItem-title ,.ipItem-4 .ipItem-all-title .ipItem-color {
	background:rgba(232,73,111,1);
}
.ipItem-4 .ipItem-all-title .ipItem-title p {
	color:rgba(255,195,209,1);
}
.ipItem-4 .hot-IP-title-e {
	color: rgba(232,73,111,1);
}
.ipItem-5 .ipItem-all-title .ipItem-title ,.ipItem-5 .ipItem-all-title .ipItem-color {
	background:rgba(255,122,78,1);
}
.ipItem-5 .ipItem-all-title .ipItem-title p {
	color:rgba(255,212,198,1);
}
.ipItem-5 .hot-IP-title-e {
	color: rgba(255,122,78,1);
}
.ipItem-6 .ipItem-all-title .ipItem-title ,.ipItem-6 .ipItem-all-title .ipItem-color {
	background:rgba(254,213,95,1);
}
.ipItem-6 .ipItem-all-title .ipItem-title p {
	color:rgba(255,241,189,1);
}
.ipItem-6 .hot-IP-title-e {
	color: rgba(254,213,95,1);
}
.ipItem-7 .ipItem-all-title .ipItem-title ,.ipItem-7 .ipItem-all-title .ipItem-color {
	background:rgba(78,212,211,1);
}
.ipItem-7 .ipItem-all-title .ipItem-title p {
	color:rgba(192,255,254,1);
}
.ipItem-7 .hot-IP-title-e {
	color: rgba(78,212,211,1);
}
.ipItem-11 .ipItem-all-title .ipItem-title ,.ipItem-11 .ipItem-all-title .ipItem-color {
	background:rgba(232,73,111,1);
}
.ipItem-11 .ipItem-all-title .ipItem-title p {
	color:rgba(255,195,209,1);
}
.ipItem-11 .hot-IP-title-e {
	color: rgba(232,73,111,1);
}
.ipItem-12 .ipItem-all-title .ipItem-title ,.ipItem-12 .ipItem-all-title .ipItem-color {
	background:rgba(255,122,78,1);
}
.ipItem-12 .ipItem-all-title .ipItem-title p {
	color:rgba(255,207,191,1);
}
.ipItem-12 .hot-IP-title-e {
	color: rgba(255,122,78,1);
}
.ipItem-13 .ipItem-all-title .ipItem-title ,.ipItem-13 .ipItem-all-title .ipItem-color {
	background:rgba(68,190,249,1);
}
.ipItem-13 .ipItem-all-title .ipItem-title p {
	color:rgba(186,233,255,1);
}
.ipItem-13 .hot-IP-title-e {
	color: rgba(68,190,249,1);
}
.ipItem-8 .ipItem-all-title .ipItem-title ,.ipItem-8 .ipItem-all-title .ipItem-color {
	background:rgba(78,125,212,1);
}
.ipItem-8 .ipItem-all-title .ipItem-title p {
	color:rgba(206,221,248,1);
}
.ipItem-8 .ipItem-all-title {
	border-bottom: 2px solid rgba(78,125,212,1);
}
.ipItem-8 .ipItem-public-two .ipItem-public-two-hot h5 {
	background: rgba(78,125,212,1);
}
.ipItem-9 .ipItem-all-title .ipItem-title ,.ipItem-9 .ipItem-all-title .ipItem-color {
	background:rgba(108,78,212,1);
}
.ipItem-9 .ipItem-all-title .ipItem-title p {
	color:rgba(187,215,255,1);
}
.ipItem-9 .ipItem-all-title {
	border-bottom: 2px solid rgba(108,78,212,1);
}
.ipItem-9 .ipItem-public-two .ipItem-public-two-hot h5 {
	background: rgba(108,78,212,1);
}
.ipItem-10 .ipItem-all-title .ipItem-title ,.ipItem-10 .ipItem-all-title .ipItem-color {
	background:rgba(166,88,174,1);
}
.ipItem-10 .ipItem-all-title .ipItem-title p {
	color:rgba(245,204,249,1);
}
.ipItem-10 .ipItem-all-title {
	border-bottom: 2px solid rgba(166,88,174,1);
}
.ipItem-10 .ipItem-public-two .ipItem-public-two-hot h5 {
	background: rgba(166,88,174,1);
}
.ipItem .ipItem-all-title img {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 3px;
	bottom: 8px;
}
.ipItem-public {
	display: flex;
	justify-content: space-between;
}
.ipItem-public-true {
	width:352px;
	height:566px;
	background:rgba(255,255,255,1);
	padding: 18px;
}
.ipItem-public-true .ipItem-public-shop-1 {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.ipItem-public-true .ipItem-public-shop-1 img {
	margin-top: 5px;
	width:351px;
	height:267px;
}
.ipItem-public-true p {
	height:20px;
	font-size:14px;
	color:rgba(47,33,70,1);
	line-height:20px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    padding:0 5px;
}
.ipItem-public-true .ipItem-public-bo {
	margin-top: 4px;
	padding:0 5px;
	display: flex;
	justify-content: space-between;
}
.ipItem-public-true .ipItem-public-price {
	height: 20px;
    font-size: 12px;
    color: rgba(240,44,13,1);
    line-height: 20px;
}
.ipItem-public-true .ipItem-public-price span {
	height: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.ipItem-public-true .ipItem-public-num {
	height:20px;
	color:rgba(197,197,197,1);
	line-height:20px;
}
.ipItem-public-true .ipItem-public-shop-2 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 5px;
}
.ipItem-public-true .ipItem-public-ano {
	width:166px;
	padding-bottom: 5px;
}
.ipItem-public-true .ipItem-public-ano:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.ipItem-public-true .ipItem-public-ano img {
	width:166px;
	height:166px;
}
.ipItem-public-ano:hover p {
	color: rgba(240,44,13,1);
}
.ipItem-public-shop-1:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.ipItem-public-shop-1:hover p {
	color: rgba(240,44,13,1);
}
.ipItem-public-two {
	display: flex;
	justify-content: space-between;
}
.ipItem-public-two>a>img {
	width:287px;
	height:513px;
}
.ipItem-public-two .ipItem-public-two-left img {
	width:287px;
	height:256.5px;
	display: block;
}
.ipItem-public-two .ipItem-public-two-middle {
	width: 620px;
	height:513px;
}
.ipItem-public-two .ipItem-public-two-middle ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ipItem-public-two .ipItem-public-two-middle ul li {
	width:240px;
	height:220px;
	background:rgba(255,255,255,1);
	padding: 7px 30px;
	margin-top: 22px;
}
.ipItem-public-two .ipItem-public-two-middle ul li:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.ipItem-public-two .ipItem-public-two-middle ul li img {
	width:166px;
	height:166px;
}
.ipItem-public-two .ipItem-public-two-middle ul li p {
	height: 20px;
    font-size: 14px;
    color: rgba(47,33,70,1);
    line-height: 20px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ipItem-public-two .ipItem-public-two-middle ul li:hover p {
	 color:rgba(240,44,13,1);
}
.ipItem-public-two .ipItem-public-two-middle ul li .ipItem-public-bo {
	margin-top: 4px;
	display: flex;
    justify-content: space-between;
}
.ipItem-public-two .ipItem-public-two-middle ul li .ipItem-public-bo .ipItem-public-price {
	height: 20px;
    font-size: 12px;
    color: rgba(240,44,13,1);
    line-height: 20px;
}
.ipItem-public-two .ipItem-public-two-middle ul li .ipItem-public-bo .ipItem-public-price span {
	height: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.ipItem-public-two .ipItem-public-two-middle ul li .ipItem-public-bo .ipItem-public-num {
	height: 20px;
    color: rgba(197,197,197,1);
    line-height: 20px;
}
.ipItem-public-two .ipItem-public-two-hot {
	margin-top: 5px;
	width:248px;
	height: 508px;
	background-color: #FFFFFF;
}
.ipItem-public-two .ipItem-public-two-hot h5 {
	width:238px;
	height:34px;
	text-align: left;
	padding-left: 10px;
	font-size:14px;
	font-weight:400;
	color:rgba(220,232,254,1);
	line-height:34px;
}
.ipItem-public-two .ipItem-public-two-hot ul li {
	margin: 10px;
	padding: 5px;
	display: flex;
	justify-content: space-between;
}
.ipItem-public-two .ipItem-public-two-hot ul li:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.ipItem-public-two .ipItem-public-two-hot ul li img {
	width:96px;
	height:96px;
}
.ipItem-public-two .ipItem-public-two-hot ul li .shop-name {
	width: 112px;
	position: relative;
}
.ipItem-public-two .ipItem-public-two-hot ul li .shop-name p {
	font-size:14px;
	color:rgba(136,136,136,1);
	line-height:20px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ipItem-public-two .ipItem-public-two-hot ul li:hover .shop-name p {
	color:rgba(240,44,13,1);
}
.ipItem-public-two .ipItem-public-two-hot ul li .shop-name .shop-price {
	height: 20px;
    font-size: 12px;
    color: rgba(240,44,13,1);
    line-height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ipItem-public-two .ipItem-public-two-hot ul li .shop-name .shop-price span {
	height: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}



/*商品列表*/
.list-nav {
	width: 1200px;
	margin: 0 auto;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	box-sizing: border-box;
	padding: 10px;
}
.list-nav .nav-classify ,.list-nav .nav-classify-two ,.list-nav .nav-prices {
	position: relative;
	padding-left: 100px;
}
.list-nav .nav-classify h5 ,.list-nav .nav-classify-two h5 ,.list-nav .nav-prices h5 {
	position: absolute;
    top: 0;
    left: 0;
	width: 90px;
	height:33px;
	font-weight:400;
	color:rgba(67,61,61,1);
	line-height:33px;
	text-align: right;
}
.list-nav .nav-classify ul ,.list-nav .nav-classify-two ul ,.list-nav .nav-prices ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.list-nav .nav-classify ul li ,.list-nav .nav-classify-two ul li ,.list-nav .nav-prices ul li {
	width: 75px;
    height: 33px;
    font-size: 12px;
    color: rgba(67,61,61,1);
    line-height: 33px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
}
.list-nav .nav-prices ul li {
	display: flex;
	align-items: center;
}
.list-nav .nav-prices ul li .closeAll {
	width: 33px;
	height: 33px;
	display: inline-block;
	z-index: 12;
	cursor: pointer;
}
.list-nav .nav-prices ul li.active .closeAll {
	background-image: url('../img/images_ip/list_bg_red_close.png');
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position:center;
}
.list-nav ul li:hover {
	color:#F02C0D;
}
.list-nav ul li.active {
	color:#F02C0D;
}
.ware-part {
	width: 1200px;
	margin: 0 auto;
}
.ware-part .ware-title {
	text-align: right;
	margin-bottom: 10px;
}
.ware-part .ware-title .ware-title-item {
	height:20px;
	font-size:14px;
	color:rgba(67,61,61,1);
	line-height:20px;
	padding: 5px 20px;
	cursor: pointer;
}
.ware-part .ware-title .ware-title-item:hover {
	color:rgba(240,44,13,1);
}
.ware-part .ware-title .ware-title-item.active {
	color:rgba(240,44,13,1);
}
.ware-part .ware-list {
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
.ware-part .ware-list>ul {
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	padding: 20px 20px 0 ;
}
.ware-part .ware-list>ul>li {
	width: 200px;
	padding-bottom: 10px;
	margin: 0 5px;
	margin-bottom: 15px;
	padding:10px;
}
.ware-part .ware-list>ul>li:hover{
	background: #FFFFFF;
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.08);

}
.ware-part .ware-list>ul .ware-list-null {
	text-align: center;
	font-size: 18px;
	width: 1150px;
	height: 80px;
	line-height: 80px;
	color: #C5C5C5;
}
.ware-item-mainImg {
	width: 200px;
	height: 200px;
	border: 1px solid #d5d5d5;
}
.ware-item-imgs {
	overflow: hidden;
	width: 200px;
	height: 29px;
	position: relative;
}
.ware-item-con {
	padding: 0 10px;
}
.ware-prev {
	width: 25px;
	height: 29px;
	background-image: url('../img/images_ip/swiper_button_prev_gray.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size:10px ;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.ware-next {
	width: 25px;
	height: 29px;
	background-image: url('../img/images_ip/swiper_button_next_gray.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size:10px ;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.ware-item-image {
	position: relative;
	width: 170px;
	height: 29px;
	overflow: hidden;
}
.ware-item-imgs-list {
	display: flex;
	justify-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.15s;
}
.ware-item-imgs-list li {
	width: 34px;
	height: 29px;
}
.ware-item-imgs-list li:hover img {
	border: 2px solid rgba(240,44,13,1);
	padding: 0;
}
.ware-item-imgs-list li.active img {
	padding: 0;
	border: 2px solid rgba(240,44,13,1);
}
.ware-item-imgs-list li img {
	width: 25px;
	height: 25px;
	display: block;
	padding: 1px;
	border: 1px solid #E6E6E6;
	margin:0 auto ;
}
.ware-item-price ,.ware-item-name ,.ware-item-peo {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}
.ware-item-price .ware-item-newprice {
	height:20px;
	font-size:14px;
	color:rgba(243,79,20,1);
	line-height:20px;
}
.ware-item-price .ware-item-newprice span {
	font-size:18px;
}
.ware-item-price .ware-item-oldprice {
	height:20px;
	font-size:14px;
	color:rgba(136,136,136,1);
	line-height:24px;
	text-decoration: line-through;
}
.ware-item-name p a ,.ware-item-name p {
	text-align: left;
	width: 200px;
	height: 40px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #383838;
	line-height: 20px;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ware-item-name p:hover a ,.ware-item-name p:hover {
	color:rgba(240,44,13,1);
}
.ware-item-name img {
	width: 16px;
	height: 15px;
}
.add-shop-cart {
	position: relative;
	cursor: pointer;
	width: 16px;
	height: 16px;
}
#imgElement {
	position: absolute;
	left: 0;
	top: 0;
}
.ware-part .ware-classify {
	position: absolute;
	left: 50%;
	margin-left: 625px;
	top: 310px;
	z-index: 100;
}
.ware-part .ware-classify ul {
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	padding: 10px 0;
}
.ware-part .ware-classify ul li {
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size:14px;
	cursor: pointer;
}
.ware-part .ware-classify ul li:hover {
	color:rgba(243,79,20,1);
}
.ware-part .ware-classify ul li.active {
	color:rgba(243,79,20,1);
}
.ware-part .ware-classify .ware-car {
	width:29px;
	height:29px;
	background:rgba(216,216,216,1);
	border-radius: 50%;
	margin: 0 auto;
	margin-top: 25px;
	position: relative;
}
.ware-part .ware-classify .ware-car img {
	margin-top: 5px;
	width:18px;
}
.ware-part .ware-classify .ware-car .ware-car-num {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background:rgba(243,79,20,1);
	line-height: 12px;
	color: #FFFFFF;
}
.pagination .prev ,.pagination .current.prev {
	background-image: url('../../img/images_ip/page_button_prev_gray.png');
}
.pagination .next ,.pagination .current.next {
	background-image: url('../../img/images_ip/page_button_next_gray.png');	
}
.pagination .prev, .pagination .next {
	color: #999;
    border-color: #999;
    background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	opacity: 0.8;
}
.pagination .current.prev, .pagination .current.next {
	color: #E8E8E8;
    border-color: #E8E8E8;
    background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	opacity: 0.4;
}
.pagination .current {
	font-size: 14px;
	background-color: #EB2B2B;
    color: #ffffff;
    border: 1px solid #EB2B2B;
;
}
.pagination a, .pagination span {
	vertical-align: top;
}


/*商品详情*/
.detail-con {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 37px;
}

.detail-imgs {
	position: relative;
}
.detail-imgs .swiper-container {
	width: 360px;
	margin-top: 11px;
}
.detail-imgs .swiper-container .swiper-wrapper {
	width: 360px;
    margin: 0 auto;
}
.detail-imgs .swiper-container .swiper-slide-active img {
	border: 2px solid rgba(240,44,13,1);
}
.detail-imgs img {
	width: 60px;
	height: 60px;
	display: block;
	border: 2px solid #FFFFFF;
}
.detail-imgs img:hover {
	border: 2px solid rgba(240,44,13,1);
}
.detail-imgs .swiper-button-prev {
	background-image: url('../img/images_ip/swiper_button_prev_gray.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	position: absolute;
	top: 30px;
	left: 5px;
}
.detail-imgs .swiper-button-next {
	background-image: url('../img/images_ip/swiper_button_next_gray.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	position: absolute;
	top: 30px;
	right: 5px;
}
.detail-content {
	width: 493px;
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	text-align: left;
	position: relative;
	align-self: flex-start;
	padding-bottom: 90px;
}
.detail-content .detail-name {
	margin:18px 22px;
	font-size:18px;
	color:rgba(39,39,39,1);
	line-height:25px;
	font-weight: 600;
	/*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
.detail-content .detail-product {
	height:117px;
	background:rgba(245,247,249,1);
	display: flex;
	justify-content: space-between;
	margin: 0 20px;
}
.detail-content .detail-product .product-price {
	padding-left: 22px;
	padding-top: 11px;
}
.detail-content .detail-product .product-price .product-price-old {
	height:20px;
	font-size:14px;
	color:#888888;
	line-height:20px;
}
.detail-content .detail-product .product-price .product-price-old span {
	text-decoration: line-through;
}
.detail-content .detail-product .product-price .product-price-new {
	font-size: 14px;
	height:20px;
	color:#888888;
	line-height:20px;
	margin-top: 10px;
}
.detail-content .detail-product .product-price .product-price-new .new-price {
	font-size: 18px;
	color: #F02C0D;
	font-weight: bold;
}
.detail-content .detail-product .product-price .product-price-new .new-price span {
	font-size: 28px;
}
.detail-content .detail-product .product-price .product-price-vip {
	display: flex;
	justify-content: center;
	padding-top: 15px;
	padding-left: 58px;
}
.detail-content .detail-product .product-price .product-price-vip .product-price-vip-title {
	width:67px;
	height:24px;
	background:rgba(244,91,36,1);
	border-radius:5px 0px 0px 5px;
	text-align: center;
	color:rgba(255,255,255,1);
	line-height:24px;
}
.detail-content .detail-product .product-price .product-price-vip .product-price-vip-dian {
	width:70px;
	height:24px;
	background:rgba(255,255,255,1);
	border-radius:0px 5px 5px 0px;
	text-align: center;
	line-height:24px;
	color:rgba(244,91,36,1);
	font-weight: 600;
}
.detail-content .detail-product .product-num {
	width: 77px;
	padding-top: 11px;
	font-size:14px;
	color:#888888;
	padding-right: 10px;
	text-align: right;
}
.detail-content .detail-product .product-num .preview-num {
	cursor: pointer;
	border-left: 1px solid #E6E6E6;
}
.detail-content .detail-product .product-num .preview-num:hover {
	color: rgba(240,44,13,1);
}
.detail-content .workOff-num {
	position: absolute;
	bottom: 10px;
	left: 40px;
	font-size: 14px;
    color: #888888;
}
.detail-content .detail-format {
	padding: 12px 0 8px 0;
	margin: 0 22px;
	border-bottom: 1px dashed #E3E3E3;
	display: flex;
	justify-content: flex-start;
}
.detail-content .detail-format .format-title {
	width: 47px;
	height:25px;
	font-size:14px;
	color:#888888;
	line-height:25px;
	padding-left: 20px;
	align-self: flex-start;
}
.detail-content .detail-format ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	margin-left: 10px;
	width: 390px;
}
.detail-content .detail-format ul li {
	cursor: pointer;
	height:25px;
	background:rgba(246,241,241,1);
	border-radius:13px;
	color:#888888;
	line-height:25px;
	padding:0 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.detail-content .detail-format ul li:hover {
	color:rgba(244,91,36,1);
}
.detail-content .detail-format ul li.active {
	color:rgba(244,91,36,1);
}
.detail-content .detail-num {
	padding: 5px 22px;
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
}
.detail-content .detail-num .num-title {
	height:27px;
	font-size:14px;
	color:#888888;
	line-height:27px;
	padding-left: 20px;
}
.detail-content .detail-num .num-choice {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.detail-content .detail-num .num-choice .num-operation {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.detail-content .detail-num .num-choice .num-operation .num {
	width:43px;
	height:23px;
	background:rgba(243,239,239,1);
	line-height: 23px;
	text-align: center;
}
.detail-content .detail-num .num-choice .num-operation .num-minus ,
.detail-content .detail-num .num-choice .num-operation .num-plus {
	font-size: 18px;
	cursor: pointer;
	width: 30px;
	text-align: center;
}
.detail-content .detail-num .num-choice .num-operation .num-plus {
	color:rgba(244,91,36,1);
}
.detail-content .detail-num .num-choice .num-surplus {
	color:rgba(136,136,136,1);
	padding-left: 20px;
}
.detail-content .detail-down {
	width: 430px;
	position: absolute;
	bottom: 35px;
	left: 40px;
	display: flex;
	justify-content: flex-start;
	text-align: center;
}
.detail-content .detail-down .detail-buynow {
	width: 113px;
    height: 36px;
    background: rgba(240,44,13,1);
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255,255,255,1);
    line-height: 36px;
    cursor: pointer;
}
.detail-content .detail-down .detail-joinCart {
	width:113px;
	height:36px;
	background:rgba(243,237,237,1);
	border-radius:3px;
	font-size:16px;
	color:rgba(136,136,136,1);
	line-height:36px;
	margin-left: 20px;
	cursor: pointer;
}
.detail-content .detail-down .detail-joinCart:hover {
	color: #FFFFFF;
	background: rgba(240,44,13,1);
}
.detail-content .detail-down .detail-collect {
	width:113px;
	height:36px;
	font-size:13px;
	color:rgba(136,136,136,1);
	line-height:36px;
	border: 1px solid rgba(243,237,237,1);
	border-radius:3px;
	margin-left: 69px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.detail-content .detail-down .detail-collect img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.detail-content .detail-down .detail-collect:hover {
	color: rgba(240,44,13,1);
	border: 1px solid rgba(240,44,13,1);
}
.detail-content p {
	text-align: left;
    padding: 0 42px;
    color: #888888;
    font-size: 14px;
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.detail-content p img {
	width: 14px;
	margin: 0 5px;
}
.detail-look {
	width: 244px;
	height: 467px;
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding-top: 18px;
	align-self: flex-start;
}
.detail-look .detail-look-title {
	height:22px;
	font-size:16px;
	color:rgba(39,39,39,1);
	line-height:22px;
}
.detail-look ul li {
	margin: 15px;
}
.detail-look ul li:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.detail-look ul li img {
	width:153px;
	height:153px;
}
.detail-look ul li .look-price {
	height:22px;
	font-size:12px;
	color:rgba(240,44,13,1);
	line-height:22px;
	padding-bottom: 5px;
}
.detail-look ul li .look-price span {
	height:22px;
	font-size:16px;
	line-height:22px;
	font-size: 500;
}
.detail-look .look-change {
	cursor: pointer;
}
.detail-look .look-change:hover {
	color: rgba(240,44,13,1);
}
.detail-other {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
}
.detail-other .detail-other-left {
	width:360px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1);
	border-radius:5px;
	padding: 26px 30px;
	align-self: flex-start;
}
.detail-other .detail-other-left .detail-tab {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid rgba(235,230,230,1);
}
.detail-other .detail-other-left .detail-tab .detail-tab-item {
	height:40px;
	font-size:18px;
	color:rgba(67,61,61,1);
	line-height:40px;
	cursor: pointer;
}
.detail-other .detail-other-left .detail-tab .detail-tab-item:first-child {
	margin-right: 60px;
}
.detail-other .detail-other-left .detail-tab .detail-tab-item.active {
	color:rgba(240,44,13,1);
	border-bottom: 2px solid rgba(240,44,13,1);
}
.detail-options .detail-option ul {
	padding-top: 22px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.detail-options .detail-option ul li {
	width: 166px;
	margin-bottom: 20px;
	padding: 5px;
}
.detail-options .detail-option ul li:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.detail-options .detail-option ul li img {
	width: 166px;
	height: 166px;
}
.detail-options .detail-option ul li .hot-con {
	display: flex;
	justify-content: space-between;
}
.detail-options .detail-option ul li .hot-con .hot-price {
	height:22px;
	font-size:12px;
	color:rgba(240,44,13,1);
	line-height:22px;
}
.detail-options .detail-option ul li .hot-con .hot-price span {
	height:22px;
	font-size:16px;
	line-height:22px;
	font-weight: 500;
}
.detail-options .detail-option ul li .hot-con .hot-sales {
	height:20px;
	font-size:14px;
	color:rgba(147,147,147,1);
	line-height:20px;
}
.detail-other-right {
	width: 754px;
	align-self: flex-start;
}
.detail-other-right .detail-right-tab {
	display: flex;
	justify-content: flex-start;
	border-bottom:1px solid rgba(216,222,224,1);
}
.detail-other-right .detail-right-tab .detail-right-tab-item {
	height:30px;
	font-size:16px;
	color:rgba(67,61,61,1);
	line-height:22px;
	margin: 0 15px;
	cursor: pointer;
}
.detail-other-right .detail-right-tab .detail-right-tab-item.active {
	color:rgba(240,44,13,1);
	border-bottom: 2px solid rgba(240,44,13,1);
}
.detail-other-right .detail-right-options {
	margin-top: 17px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1);
	border-radius:5px;
}
.detail-right-options .perview-option {
	padding: 28px 33px;
}
.detail-right-options .perview-option ul .comment-null {
	height: 100px;
	line-height: 100px;
	font-size: 16px;
}
.detail-right-options .perview-option ul li {
	padding-top: 10px;
	border-bottom:1px solid rgba(214,214,214,1);
	position: relative;
}
.detail-right-options .perview-option ul li .perview-head {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.detail-right-options .perview-option ul li .perview-head .perview-photo {
	width:40px;
	height:40px;
	border-radius: 50%;
}
.detail-right-options .perview-option ul li .perview-head .perview-photo img {
	width:40px;
	height:40px;
	border-radius: 50%;
}
.detail-right-options .perview-option ul li .perview-head .perview-behind {
	height: 40px;
	padding-left: 15px;
	text-align: left;
}
.detail-right-options .perview-option ul li .perview-head .perview-name {
	height: 20px;
	line-height: 20px;
}
.detail-right-options .perview-option ul li .perview-head .perview-date {
	height: 20px;
	line-height: 20px;
	color: #888888;
}
.detail-right-options .perview-option ul li .perview-content {
	padding-top: 10px;
	padding-left: 55px;
	font-size:14px;
	color:rgba(40,40,40,1);
	line-height:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}
.order-stars {
	position:absolute;
	top: 10px;
	right: 0;
}
.order-stars .order-star-item {
	display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/icon_order_star.png');
    background-size: 17px 17px;
    background-position: center;
    background-repeat: no-repeat;
}
.order-stars .order-star-item.active {
	background-image: url('../img/icon_order_star_active.png');
}
.detail-right-options .perview-option ul li .perview-format {
	height:17px;
	color:rgba(182,182,182,1);
	line-height:17px;
	margin-left: 475px;
	text-align: right;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail-right-options .perview-option ul li .perview-format span {
	font-size:14px;
}
.detail-right-options .perview-option ul li .perview-main {
	display: flex;
	justify-content: space-between;
	width: 140px;
	margin-left:auto;
	padding: 10px 0;
	position: relative;
}
/*.detail-right-options .perview-option ul li .perview-main div {
	cursor: pointer;
}*/
.detail-last {
	width: 1200px;
	margin: 0 auto;
}
.detail-last .detail-last-tab {
	display: flex;
	justify-content: flex-start;
	border-bottom:1px solid rgba(216,222,224,1);
}
.detail-last .detail-last-tab .detail-last-tab-item {
	height:26px;
	font-size:16px;
	color:rgba(67,61,61,1);
	line-height:22px;
	margin: 0 15px;
	cursor: pointer;
}
.detail-last .detail-last-tab .detail-last-tab-item.active {
	color:rgba(240,44,13,1);
	border-bottom: 2px solid rgba(240,44,13,1);
}
.detail-last .detail-last-options {
	padding-top: 20px;
}
.detail-last .detail-last-options .detail-history {
	width: 220px;
	margin: 20px auto;
	padding: 5px 0;
	border-radius: 5px;
}
.detail-last .detail-last-options .detail-history:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.detail-last .detail-last-options .detail-last-option {
	position: relative;
}
.detail-last .detail-last-options .detail-last-option .swiper-container {
	background-color: #FFFFFF;
}
.detail-last .swiper-button-prev {
	left: -48px;
	background-image: url('../img/images_ip/swiper_button_prev_gray.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}
.detail-last .swiper-button-next {
	right: -48px;
	background-image: url('../img/images_ip/swiper_button_next_gray.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}
.content-option {
	padding: 10px;
}
.content-option p img {
	max-width: 734px;
}







/*IP形象*/
.IP-banner {
	width: 1200px;
	margin: 0 auto;
	padding-top: 58px;
	padding-bottom: 30px;
	position: relative;
	text-align: left;
}
.IP-banner .IP-banner-main {
	width: 1200px;
	height: 500px;
}
.IP-banner .IP-name {
	display: inline-block;
	/*width:215px;*/
	height:60px;
	background:rgba(0,0,0,1);
	font-size:24px;
	color:rgba(255,255,255,1);
	line-height: 60px;
	text-align: right;
	padding-right: 35px;
	padding-left: 105px;
	margin-top: 60px;
	margin-left: 200px;
}
.IP-banner .IP-banner-small {
	position: absolute;
	left: 80px;
	top: 458px;
	width: 200px;
	height: 200px;
}
.IP-banner p {
	font-size: 16px;
	padding-top: 17px;
	line-height: 33px;
	text-align: left;
}
.IP-tab {
	width: 1200px;
	margin: 0 auto;
	align-self: flex-start;
	padding-bottom: 40px;
}
.IPdetail-tab {
	display: flex;
	justify-content: flex-start;
	border-bottom:1px solid rgba(216,222,224,1);
}
.IPdetail-tab .IPdetail-tab-item {
	height:26px;
	font-size:16px;
	color:rgba(67,61,61,1);
	line-height:22px;
	margin: 0 15px;
	cursor: pointer;
}
.IPdetail-tab .IPdetail-tab-item.active {
	color:rgba(240,44,13,1);
	border-bottom: 2px solid rgba(240,44,13,1);
}
.IPdetail-options .IPdetail-option {
	width: 1200px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	background-color: #FFFFFF;
	margin-top: 20px;
}
.derivative ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 15px;
}
.derivative ul li {
	width: 210px;
	margin: 0 12px;
	margin-bottom: 25px;
	padding:5px 0;
}
.derivative ul li:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.derivative ul li img {
	width: 210px;
	height: 210px;
}
.derivative ul li .derivative-con {
	text-align: left;
}
.derivative ul li .derivative-con p {
	height:17px;
	color:rgba(5,5,5,1);
	line-height:17px;
	padding:0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.derivative ul li .derivative-con .derivative-price {
	display: flex;
	justify-content: space-between;
	padding:0 5px;
	padding-top: 8px;	
}
.derivative ul li .derivative-con .derivative-price .derivative-price-new {
	font-size: 14px;
	height: 30px;
	line-height: 20px;
	color:rgba(243,79,20,1);
}
.derivative ul li .derivative-con .derivative-price .derivative-price-new span {
	font-size: 18px;
}
.derivative ul li .derivative-con .derivative-price .derivative-price-old {
	height:20px;
	font-size:14px;
	color:rgba(136,136,136,1);
	line-height:20px;
	text-decoration: line-through;
}
.derivative ul li .derivative-con .derivative-other {
	display: flex;
	justify-content: space-between;
	padding:0 5px;
}
.derivative ul li .derivative-con .derivative-other .derivative-collect ,.derivative ul li .derivative-con .derivative-other .derivative-pay {
	font-size:12px;
	color:rgba(136,136,136,1);
}
.role ul {
	padding:0 15px;
}
.role ul .role-list-null ,.eval ul .eval-list-null ,.state ul .state-list-null {
	text-align: center;
    font-size: 18px;
    width: 1170px;
    height: 200px;
    line-height: 200px;
    color: #C5C5C5;
}
.role ul li {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(236,232,232,1);
	position: relative;
}
.role ul li img {
	width:120px;
	height:120px;
	float: left;
}
.role ul li .role-con {
	float: left;
	padding-left: 16px;
	text-align: left;
	width: 1012px;
}
.role ul li .role-con h5 {
	height:25px;
	font-size:18px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(39,39,39,1);
	line-height:25px;
	margin-bottom: 12px;
}
.role ul li .role-con p {
	line-height: 17px;
	color:rgba(39,39,39,1);
}
.role ul li .role-reply {
	text-align: left;
	color: #888888;
	cursor: pointer;
	padding-top: 5px;
	display: inline-block;
}
.role ul li .role-reply:hover {
	color: rgba(240,44,13,1);
}
.role ul li .role-reply-look {
	color: #888888;
	cursor: pointer;
	display: inline-block;
	margin-left: 20px;
}
.role ul li .role-reply-look:hover {
	color: rgba(240,44,13,1);
}
.role .role-load ,.eval .eval-load ,.state .state-load {
	height:20px;
	font-size:14px;
	color:rgba(252,110,44,1);
	line-height:20px;
	margin: 0 auto;
	cursor: pointer;
	padding-bottom: 10px;
}
.eval .eval-user {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 15px;
	padding-left: 15px;
}
.eval .eval-user .eval-user-photo {
	width:59px;
	height:59px;
	border-radius: 50%;
}
.eval .eval-user .eval-user-photo img {
	width:59px;
	height:59px;
	border-radius: 50%;
}
.eval .eval-user .eval-user-eval {
	width:365px;
	height:47px;
	background:rgba(241,240,240,1);
	border-radius:5px;
	font-size:14px;
	color:rgba(98,76,124,1);
	line-height:47px;
	margin-left: 20px;
	text-align: left;
	cursor: pointer;
	padding-left: 10px;
}
.eval ul {
	padding-bottom: 90px;
}
.eval ul li {
	margin:0 21px;
	padding: 21px 0;
	border-bottom: 1px solid rgba(230,226,226,1);
}
.eval ul li .eval-item-photo {
	width:45px;
	height:45px;
	border-radius: 50%;
	float: left;
}
.eval ul li .eval-item-photo img {
	width:45px;
	height:45px;
	border-radius: 50%;
}
.eval ul li .eval-item-other {
	width: 1012px;
	float: left;
	text-align: left;
	margin-left: 24px;
	position: relative;
}
.eval ul li .eval-item-other .eval-item-name {
	height:22px;
	font-size:16px;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(39,39,39,1);
	line-height:22px;
	margin-bottom: 7px;
}
.eval ul li .eval-item-other .eval-item-name span.eval-item-new {
	width: 20px;
	height:20px;
	font-size:14px;
	line-height:20px;
	margin-left: 20px;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
}
.eval ul li:first-child .eval-item-other .eval-item-name span {
	color: #FFFFFF;
	background-color: rgba(236,38,38,1);
}
.eval ul li:nth-child(2) .eval-item-other .eval-item-name span {
	color: #FFFFFF;
	background-color: rgba(252,110,44,1);
}
.eval ul li:nth-child(3) .eval-item-other .eval-item-name span {
	color: #FFFFFF;
	background-color: rgba(255,168,52,1);
}
.eval ul li .eval-item-other p {
	padding-top: 10px;
	color:rgba(39,39,39,1);
	max-height: 51px;
	line-height:17px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.eval ul li .eval-item-other .eval-item-dian {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 50px;
	top: 20px;
	color:#888888;
}
.eval ul li .eval-item-other .eval-item-dian img {
	width: 19px;
	margin-right: 10px;
	cursor: pointer;
}
.eval ul li .eval-item-other .eval-item-replyMain {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 0;
	top: 20px;
	color:#888888;
	cursor: pointer;
}
.eval ul li .eval-item-other .eval-item-replyMain:hover {
	color:rgba(240,44,13,1);
}
.eval ul li .eval-item-imgs {
	padding-top: 20px;
}
.eval ul li .eval-item-imgs img {
	width: 76px;
	height: 76px;
	margin-right: 20px;
}
.eval ul li .eval-item-reply {
	padding: 10px 0;
}
.eval ul li .eval-item-reply .eval-item-replyOther {
	float: left;
	margin-left: 24px;
}
.eval ul li .eval-item-reply .eval-item-replyName .roleName {
	color: rgba(240,44,13,1);
}
.eval ul li .eval-item-other .eval-item-name span.roleName {
	color: rgba(240,44,13,1);
	padding: 0;
	margin: 0;
	border: none;
	background-color: #fff;
}
.eval ul li .eval-item-reply .eval-item-replyTime {
	margin-left: 20px;
}
.eval ul li .eval-item-reply .eval-items-reply {
	padding-top: 5px;
	cursor: pointer;
	color: #888888;
}
.eval ul li .eval-item-reply .eval-items-reply:hover {
	color: rgba(240,44,13,1);
}
.eval ul li .eval-item-other .lookMore {
	cursor: pointer;
	color: rgba(240,44,13,1);
}
.state ul {
	padding: 0 34px;
	padding-bottom: 15px;
}
.state ul li {
	text-align: left;
	border-bottom: 1px solid rgba(230,226,226,1);
	padding-top: 15px;
}
.state ul li .state-item-con {
	font-size:14px;
	color:rgba(39,39,39,1);
	line-height:20px;
	max-height: 60px;
    overflow: hidden;
    position: relative;
}
.state ul li .state-item-con::after {
	content: '...';
	font-weight: bold; 
	position: absolute; 
	top: 40px; 
	right: 0;
	padding: 0 20px 1px 45px;
}
.state ul li .state-item-imgs {
	padding-top: 13px;
	padding-bottom: 20px;
}
.state ul li .state-item-imgs img {
	width: 100px;
	height: 100px;
	margin-right: 12px;
}
.state ul li .state-item-other {
	display: flex;
	justify-content: flex-start;
	padding-bottom: 10px;
}
.state ul li .state-item-other .state-item-name ,.state ul li .state-item-other .state-item-date {
	height:20px;
	font-size:14px;
	color:rgba(197,197,197,1);
	line-height:20px;
	padding-right: 55px;
}
.state ul li .state-item-other .state-item-dian {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color:rgba(39,39,39,1);
}
.state ul li .state-item-other .state-item-dian img {
	width: 19px;
	margin-right: 10px;
	cursor: pointer;
}
.state ul li .state-item-c {
	display: flex;
	justify-content: space-between;
}
.state ul li .state-item-con-1 {
	width: 882px;
	font-size:14px;
	color:rgba(39,39,39,1);
	line-height:20px;
	max-height: 60px;
    overflow: hidden;
    position: relative;
}
.state ul li .state-item-con-1::after {
	content: '...';
	font-weight: bold; 
	position: absolute; 
	top: 40px;
	right: 60px;
	padding-left: 60px;
	/*padding-right: 60px;*/
	background: -webkit-linear-gradient(left, transparent, #ffffff 70%);
	background: -o-linear-gradient(right, transparent, #ffffff 70%);
	background: -moz-linear-gradient(right, transparent, #ffffff 70%);
	background: linear-gradient(to right, transparent,#ffffff 70%);
}
.state ul li .state-item-c .state-item-img {
	width:224px;
	height:224px;
}
.state ul li .state-item-c .state-item-img img {
	width:224px;
	height:224px;
}
.state ul li .state-item-p {
	position: relative;
	align-self: flex-start;
}
.state ul li .state-item-look {
	width: 60px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #FFFFFF;
	color:rgba(240,44,13,1);
	font-size:14px;
	line-height: 20px;
	cursor: pointer;
}
.evaluate-mask {
	position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 17, 17, 0.7);
    display: none;
}
.evaluate-block {
    position: fixed;
    z-index: 5000;
    width: 600px;
    min-height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -150px;
    background: #ffffff;
    text-align: center;
    border-radius: 5px;
    color: #333333;
    display: none;
}
.icon_close {
	display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url('../img/close.png') no-repeat;
    background-size: 16px 16px;
    z-index: 100;
    cursor: pointer;
}
.evaluate-zong {
	padding: 15px 30px 0 30px;
}
.evaluate-zong>p {
	text-align: left;
	height:20px;
	font-size:14px;
	color:rgba(30,18,50,1);
	line-height:20px;
	margin-bottom: 15px;
}
.evaluate-content {
	background:rgba(247,248,249,1);
}
.evaluate-content .contentEval {
	width: 500px;
	height: 120px;
	resize: none;
	border:none;
	background:rgba(247,248,249,1);
	padding: 10px 0;
	font-size:14px;
	line-height:20px;
}
.evaluate-content .contentEval::-webkit-input-placeholder {
	color:rgba(172,165,183,1);
}
.evaluate-content .contentMax {
	height:20px;
	font-size:12px;
	color:rgba(172,165,183,1);
	line-height:20px;
	text-align: right;
	padding-bottom: 10px;
	padding-right: 20px;
	font-weight: 300;
}
.evaluate-lest {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
}
.evaluate-lest .evaluate-photo {
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
}
.evaluate-lest .evaluate-photo img {
	width: 28px;
}
.evaluate-lest .evaluate-photo .order-img-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: cover;
}
.evaluate-submit {
	width:80px;
	height:30px;
	background:rgba(239,103,55,1);
	border-radius:5px;
	font-size:14px;
	color:rgba(255,255,255,1);
	line-height:30px;
	cursor: pointer;
}
.IPdetail-options .IP-content {
	padding: 20px 38px;
	width: 1124px;
}
.IP-content p {
	text-align: left;
	font-size: 12px;
	padding: 5px 0;
}
.IP-content p img {
	width: 1124px;
}











/*购物车*/
.car-table {
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 50px;
}
.car-table .car-table-list {
	width: 100%;
}
.car-table .car-table-list>li {
	padding: 0 30px;
}
.car-table .car-table-list>li:first-child {
	background:rgba(231,233,237,1);	
}
.car-table .car-table-list>li:first-child ul {
	display: flex;
	justify-content:flex-start;
	height:49px;
	line-height: 49px;
	font-size:14px;
	color:rgba(39,39,39,1);
}
.car-table .car-table-list>li ul li:nth-child(2) {
	width: 146px;
    margin-left: 11px;
    margin-right: 32px;
}
.car-table .car-table-list>li ul li:nth-child(3) {
	width: 228px;
}
.car-table .car-table-list>li ul li:nth-child(4) {
	margin-left: 46px;
    width: 120px;
}
.car-table .car-table-list>li ul li:nth-child(5) {
	margin-left: 70px;
	width: 103px;
}
.car-table .car-table-list>li ul li:nth-child(6) {
	width: 120px;
	margin-left: 30px;
}
.car-table .car-table-list>li ul li:nth-child(7) {
	margin-left: 63px;
}

.car-table .car-table-list>li .checkAll ,
.car-table .car-table-list>li .check ,
.car-table .car-table-list>li .checkBrand ,
.car-table .products-buy .products-check .checkAll {
	width:16px;
	height:16px;
	border-radius:2px;
	border:1px solid rgba(136,136,136,1);
	vertical-align: middle;
	margin-right: 10px;
}
.car-table .car-table-list>li .checkAll.active ,
.car-table .car-table-list>li .check.active ,
.car-table .car-table-list>li .checkBrand.active ,
.car-table .products-buy .products-check .checkAll.active {
	background-image: url('../img/images_ip/car_checked.png');
	background-repeat: no-repeat;
	background-position:1px 2px;
	background-size: 15px 13px;
}
.car-table .car-table-list>li .sort-check {
	height: 70px;
	line-height: 70px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.car-table .car-table-list>li .sort-check span {
	font-size: 16px;
}
.car-table .car-table-list>li .sort-check .sort-activity {
	width:145px;
	height:32px;
	background:rgba(255,255,255,1);
	border-radius:5px;
	font-size:14px;
	color:rgba(240,44,13,1);
	margin-left: 23px;
	line-height:32px;
	text-align: center;
}
.car-table .car-table-list .list-null {
	height: 200px;
}
.car-table .car-table-list .list-null .list-null-text {
	height: 100px;
	line-height: 100px;
	font-size: 18px;
}
.car-table .car-table-list .list-null .list-null-go {
	height: 50px;
	line-height: 50px;
}
.car-table .car-table-list .list-null .list-null-go a {
	color:rgba(240,44,13,1);
	font-size: 18px;
}
.car-table .car-table-list .sort-product {
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom:1px solid rgba(223,225,239,1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.car-table .car-table-list>li .sort-check-item {
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 111px;
}
.car-table .car-table-list>li .sort-check-item img {
	width: 80px;
	height: 80px;
}
.car-table .car-table-list .sort-product .sort-product-con {
	width: 146px;
	margin-left: 11px;
	margin-right: 32px;
}
.car-table .car-table-list .sort-product .sort-product-con p ,.order-con .sort-product-con p {
	color:rgba(39,39,39,1);
	line-height:17px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: left;
    margin-bottom: 10px;
}
.car-table .car-table-list .sort-product .sort-product-con .sort-product-n ,.order-con .sort-product-con .sort-product-n {
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.car-table .car-table-list .sort-product .sort-product-con .sort-product-n span ,.order-con .sort-product-con .sort-product-n span {
	color:rgba(136,136,136,1);
	text-align: left;
	display: inline-block;
	/*width: 71px;*/
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.car-table .car-table-list .sort-product .sort-product-format {
	width: 228px;
	display: flex;
	justify-content: flex-start;
}
.car-table .car-table-list .sort-product .sort-product-format h5 {
	width: 60px;
	height:20px;
	font-size:14px;
	font-weight:400;
	color:rgba(136,136,136,1);
	line-height:20px;
	align-self: flex-start;
}
.car-table .car-table-list .sort-product .sort-product-format p {
	text-align: left;
	color:rgba(136,136,136,1);
	line-height:17px;
}
.car-table .car-table-list .sort-product .sort-product-price {
	margin-left: 46px;
	width: 120px;
}
.car-table .car-table-list .sort-product .sort-product-price .product-price-old {
	font-size:14px;
	height: 22px;
	line-height: 22px;
	color:rgba(136,136,136,1);
	text-decoration: line-through;
}
.car-table .car-table-list .sort-product .sort-product-price .product-price-new {
	color:rgba(43,43,43,1);
	height: 22px;
	line-height: 22px;
	font-size:12px;
}
.car-table .car-table-list .sort-product .sort-product-price .product-price-new span {
	height: 22px;
	line-height: 22px;
	font-size:16px;
}
.car-table .car-table-list .sort-product .sort-product-operation {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 70px;
}
.car-table .car-table-list .sort-product .sort-product-operation .num {
	width:43px;
	height:23px;
	background:rgba(243,239,239,1);
	line-height: 23px;
	text-align: center;
}
.car-table .car-table-list .sort-product .sort-product-operation .num-minus ,
.car-table .car-table-list .sort-product .sort-product-operation .num-plus {
	font-size: 18px;
	cursor: pointer;
	width: 30px;
	text-align: center;
}
.car-table .car-table-list .sort-product .sort-product-operation .num-plus {
	color:rgba(244,91,36,1);
}
.car-table .car-table-list .sort-product .sort-product-prices {
	width: 120px;
	height:25px;
	font-size:14px;
	color:rgba(240,44,13,1);
	line-height:25px;
	margin-left: 30px;
}
.car-table .car-table-list .sort-product .sort-product-prices span {
	height:25px;
	font-size:18px;
	line-height:25px;
}
.car-table .car-table-list .sort-product>img {
	margin-left: 63px;
	width: 20px;
	cursor: pointer;
}
.car-table .products-buy {
	width:1170px;
	height:48px;
	background:rgba(231,233,237,1);
	border-radius:5px;
	margin-top: 34px;
	padding-left:30px;
}
.car-table .products-buy .products-check {
	float: left;
	height:48px;
	line-height: 48px;
	font-size: 16px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.car-table .products-buy .products-payment {
	float: right;
	display: flex;
	justify-content: flex-end;
}
.car-table .products-buy .products-payment .products-pay-btn {
	width:109px;
	height:48px;
	background:rgba(216,220,225,1);
	border-radius:2px;
	cursor: pointer;
	font-size:16px;
	color:rgba(136,136,136,1);
	line-height:48px;
}
.car-table .products-buy .products-payment .products-num ,.car-table .products-buy .products-payment .products-allPrice {
	margin-right: 78px;
	height:48px;
	font-size:16px;
	color:rgba(136,136,136,1);
	line-height:48px;
}
.car-table .products-buy .products-payment .products-num .red-num {
	/*font-size: 24px;*/
	color: #F02C0D;
}
.car-table .products-buy .products-payment .products-allPrice .red-price {
	color: #F02C0D;
}
.car-table .products-buy .products-payment .products-allPrice .red-price span {
	font-size: 20px;
}
.del-mask {
	position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 17, 17, 0.7);
    display: none;
}
.del-block {
	position: fixed;
    z-index: 5000;
    width:552px;
    height:243px;
    top: 30%;
    left: 50%;
    margin-left: -276px;
    background:rgba(255,255,255,1);
    text-align: center;
    border-radius: 5px;
    color: #333333;
    display: none;
}
.del-block img {
	margin-top: 18px;
	margin-bottom: 18px;
}
.del-block p {
	height:25px;
	font-size:18px;
	color:rgba(30,18,50,1);
	line-height:25px;
}
.del-block .del-btn {
	padding-top: 24px;
	display: flex;
	justify-content: center;
}
.del-block .del-btn .del-confirm {
	width:101px;
	height:32px;
	background:rgba(237,85,57,1);
	border-radius:5px;
	font-size:18px;;
	color:rgba(255,255,255,1);
	line-height:32px;
	margin-right: 50px;
	cursor: pointer;
}
.del-block .del-btn .del-cancel {
	width:101px;
	height:32px;
	background:rgba(168,168,168,1);
	border-radius:5px;
	font-size:18px;
	color:rgba(255,255,255,1);
	line-height:32px;
	cursor: pointer;
}








/*确认订单*/
.fill-order {
	width: 1200px;
	margin: 0 auto;
}
.choice-address {
	padding-top: 24px;
}
.choice-address h5 ,.fill-order-con h5 {
	height:25px;
	font-size:16px;
	color:rgba(39,39,39,1);
	font-weight: 400;
	line-height:25px;
	text-align: left;
}
.choice-address .address-list {
	overflow-x: scroll;
	width: 1200px;
	padding-top: 15px;
}
.choice-address .address-list .address-list-null {
	font-size: 18px;
	color: rgba(136,136,136,1);
	text-align: left;
}
.choice-address .address-list ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-width: 1200px;
	padding: 15px;
}
.choice-address .address-list ul li {
	width:269px;
	height:139px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);
	border-radius:2px;
	text-align: left;
	margin-right: 34px;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.choice-address .address-list ul li.active {
	transform: scale(1.1);
	border: 1px solid #FF4F00;
}
.choice-address .address-list ul li.active .address-revise {
	background:rgba(240,44,13,1);
	color: #FFFFFF;
}
.address-list ul li.active .address-title {
	border-bottom: 1px dashed rgba(253,176,165,1);
}

.choice-address .address-list ul li:hover {
	transform: scale(1.1);
	transition: 0.3s;
}
.address-list ul li .address-title {
	height: 30px;
	line-height: 30px;
	margin: 0 20px;
	color:rgba(136,136,136,1);
	border-bottom: 1px dashed rgba(220,220,220,1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.address-list ul li p {
	margin: 8px 32px;
	color:rgba(136,136,136,1);
	line-height: 17px;
}
.address-list ul li span {
	line-height: 17px;
	color:rgba(136,136,136,1);
	margin-left: 32px;
}
.address-list ul li .address-title span:first-child {
	margin-left: 12px;
	margin-right: 12px;
}
.address-list ul li .address-title span:nth-child(2) {
	margin: 0;
	display: inline-block;
	color: #FFFFFF;
	padding: 0 10px;
	border-radius: 15px;
	background: -webkit-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: -moz-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: -o-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: linear-gradient(-90deg, #ff4f00, #ff9601);
}
.address-list ul li .address-revise {
	position: absolute;
	left: 27px;
	bottom: 7px;
	width:61px;
	height:21px;
	background:rgba(149,149,149,1);
	color:rgba(255,255,255,1);
	line-height:21px;
	text-align: center;
	cursor: pointer;
}
.address-list ul li .address-defult {
	width:64px;
	height:21px;
	background:rgba(253,176,165,1);
	color:rgba(255,255,255,1);
	line-height:21px;
	position: absolute;
	top: 0;
	right: 12px;
	text-align: center;
}
.fill-order .add-address {
	width:112px;
	height:30px;
	background:rgba(254,146,99,1);
	border-radius:1px;
	font-size:14px;
	color:rgba(255,255,255,1);
	line-height:30px;
	cursor: pointer;
	margin: 30px 0;
}
.fill-order .fill-order-con table {
	width: 100%;
	border-radius: 5px;
	margin-top: 20px;
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);
}
.fill-order .fill-order-con table tr th {
	background:rgba(231,233,237,1);
	height:42px;
	font-size:14px;
	color:rgba(39,39,39,1);
	line-height:42px;
	font-weight: 400;
}
.fill-order .fill-order-con table tr th:first-child {
	text-align: left;
	padding-left: 12px;
}
.fill-order .fill-order-con table tr td {
	background: #FFFFFF;
}
.fill-order .fill-order-con table .order-con {
	padding: 12px;
	width: 400px;
}
.fill-order .fill-order-con table .order-con img {
	float: left;
	width: 80px;
	height: 80px;
}
.fill-order .fill-order-con table .order-con .sort-product-con {
	float: left;
	width: 146px;
	margin-left: 11px;
}
.fill-order .fill-order-send {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.fill-order .fill-order-send .fill-order-remark {
	width:608px;
	height:140px;
	background:rgba(255,255,255,1);
	padding: 18px;
	display: flex;
	justify-content: flex-start;
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);
}
.fill-order .fill-order-send .fill-order-remark .fill-order-remark-title {
	width:72px;
	height:25px;
	font-size:16px;
	color:rgba(240,44,13,1);
	line-height:25px;
	align-self: flex-start;
}
.fill-order .fill-order-send .fill-order-remark textarea {
	border: none;
	resize:none;
	width: 520px;
	height: 130px;
	font-size:14px;
	color:rgba(39,39,39,1);
	line-height:20px;
	padding: 3px;
}
.fill-order .fill-order-send .fill-order-sendc {
	width:454px;
	height:116px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.08);
	padding: 30px;
	position: relative;
}
.fill-order .fill-order-send .fill-order-sendc .send-price {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fill-order .fill-order-send .fill-order-sendc .send-price .send-price-kuai ,
.fill-order .fill-order-send .fill-order-sendc .send-price .send-price-fact {
	font-size: 14px;
	color:#888888;
}
.fill-order .fill-order-send .fill-order-sendc .send-price .send-price-kuai span {
	font-size: 16px;
	color: rgba(39,39,39,1);
}
.fill-order .fill-order-send .fill-order-sendc .send-price .send-price-fact .send-price-fact-a {
	color: #F32900;
}
.fill-order .fill-order-send .fill-order-sendc .send-price .send-price-fact .send-price-fact-a span {
	font-size: 20px;
}
.fill-order .send-address {
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
}
.fill-order .send-address .send-address-ti {
	width: 56px;
	height:25px;
	font-size:14px;
	color:#888888;
	line-height:20px;
	align-self: flex-start;
}
.fill-order .send-address p {
	font-size: 14px;
	line-height:20px;
	color: rgba(39,39,39,1);
	width: 398px;
	text-align: left;
}
.fill-order .receive-person {
	position: absolute;
	bottom: 27px;
	right: 30px;
	color: #888888;
	font-size: 16px;
	height: 25px;
	line-height:25px;
}
.fill-order .receive-person span {
	color: #272727;
}
.fill-order .fill-order-last {
	padding-top: 20px;
	display: flex;
	justify-content: flex-end;
}
.fill-order .fill-order-last .fill-order-back a {
	cursor: pointer;
	margin-right: 60px;
	display: flex;
	align-items: center;
}
.fill-order .fill-order-last .fill-order-back img {
	width: 20px;
	margin-right: 8px;
}
.fill-order .fill-order-last .fill-order-back p {
	height:38px;
	line-height:38px;
	font-size:16px;
	color:rgba(72,75,124,1);
}
.fill-order .fill-order-last .fill-order-back:hover p {
	color: #F32900;
}
.fill-order .fill-order-last .fill-order-btn {
	width:137px;
	height:38px;
	background:rgba(240,44,13,1);
	border-radius:3px;
	font-size:16px;
	color:rgba(255,255,255,1);
	line-height:38px;
	cursor: pointer;
}
.address-mask {
    position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 17, 17, 0.7);
    display: none;
}
.address-block {
    position: fixed;
    z-index: 5000;
    width: 666px;
    min-height: 550px;
    top: 50%;
    left: 50%;
    margin-left: -333px;
    margin-top: -275px;
    background: #ffffff;
    text-align: center;
    border: 15px solid rgba(255,255,255,1);
    border-radius: 5px;
    color: #333333;
    display: none;
}
.icon_close_address {
	display: inline-block;
    position: absolute;
    right: 10px;
    top: 17px;
    width: 16px;
    height: 16px;
    background: url('../img/close.png') no-repeat;
    background-size: 16px 16px;
    z-index: 100;
    cursor: pointer;
}
.address-block .address-title-new {
	text-align: left;
	height:51px;
	background:rgba(255,255,255,1);
	line-height: 51px;
	font-size:18px;
	color:rgba(39,39,39,1);
	padding-left: 20px;
	border-bottom: 1px solid #E6E6E6;
}
.address-block .address-con {
	width: 500px;
	margin: 0 auto;
}
.address-block .address-con table {
	width: 500px;
	padding-top: 25px;
}
.address-block .address-con table tr td:first-child {
	width: 83px;
	text-align: right;
	font-size:14px;
	color:#888888;
	line-height:22px;
}
.address-block .address-con table tr td:nth-child(2) {
	text-align: left;
	padding: 11px 0;
}
.address-block .address-con table tr .choice {
	position: relative;
}
.address-block .addressCh {
	width:360px;
	height:43px;
	line-height: 43px;
	border:1px solid #E3E3E3;	
	font-size:14px;
	padding-left: 15px;
	cursor: pointer;
	position: relative;
}
.address-block .addressCh p {
	width: 319px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.address-block .addressCh .arrows {
	position:absolute;
	right:0;
	top:0;
	width: 41px;
	height: 41px;
	background-image: url('../img/images_ip/public_down_arrows.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
}
.address-block .address-con table tr .choice .address-choice {
	position: absolute;
	left: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	display: none;
}
.address-con .choice .address-choice .address-nav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 440px;
	background-color: #FFFFFF;
	margin-bottom: -1px;
}
.address-con .choice .address-choice .address-nav .address-nav-item {
	font-size: 12px;
	padding: 8px 15px;
	min-width: 50px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #666;
	/*border-top: 1px solid #e5e5e5;*/
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f8f8f8;
}
.address-con .choice .address-choice .address-nav .address-nav-item.active {
	color: #333;
	background-color: #fff;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #FFFFFF;
}
.address-con .choice .address-choice .address-tab {
	width: 432px;
	min-height: 80px;
	padding: 10px 4px;
	background-color: #FFFFFF;
	border-top: 1px solid #e5e5e5;
}
.address-con .choice .address-choice .address-tab .city-item {
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	padding: 0 10px;
	line-height: 18px;
	vertical-align: middle;
	max-width: 98px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.address-con .choice .address-choice .address-tab .city-item.active {
	background: rgba(240,44,13,1);
	border-radius: 2px;
	color: #fff;
}
.address-block .address-con table tr .choice ul {
	overflow-y: scroll;
	max-height: 300px;	
	display: none;
	/*transition: 0.3s;*/
}
.address-block .address-con table tr .choice ul li {
	width:354px;
	height:43px;
	line-height: 43px;
	font-size:16px;
	background-color: #FFFFFF;
	padding-left: 15px;
	border-bottom:1px solid rgba(155,166,191,1);	
	cursor: pointer;
}
.address-con table .form-options {
	height: 60px;
	/*display: flex;
	justify-content: flex-start;*/
}
.address-con table .form-options .form-option-item {
	display: inline-block;
    height: 20px;
    line-height: 20px;
    border: 1px solid #E5E5E5;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    cursor: pointer;
	color: #666666
}
.address-con table .form-options .form-option-item b {
	font-weight: normal;
	padding: 0 20px;
}
.address-con table .form-edit-block {
	position: relative;
}
.form-edit-block .form-option-edit, .form-edit-block .edit-form, .form-edit-block .form-option-item.editable {
	position: absolute;
    top: 0;
    left: 0;
}
.address-con table .form-option-edit {
	display: inline-block;
    height: 20px;
    line-height: 20px;
    border: 1px solid #E5E5E5;
    padding: 0 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    cursor: pointer;
}
.address-con table .form-options .edit-form {
	width: 250px;
	height: 20px;
	background-color: #f6f6f6;
	border-radius: 15px;
	display: flex;
	justify-content: center;
}
.address-con table .form-options .edit-form input {
	width: 200px;
	height: 20px;
    line-height: 20px;
    border-radius: 15px;
    border: 0;
    margin: 0;
    padding-left: 10px;
    background-color: #f6f6f6;
}
.address-con table .form-options .edit-form .edit-form-submit {
	width: 50px;
	height: 20px;
    line-height: 20px;
    border-radius: 0 15px 15px 0;
    background: -webkit-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: -moz-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: -o-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: linear-gradient(-90deg, #ff4f00, #ff9601);
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.address-con table .form-options .edit-form .edit-form-submit.disabled {
	background: #eaeaeb;
    color: #999999;
}
.address-con table .form-options .form-option-item.active {
	color: #ff4f00;
    border: 1px solid #ff4f00;
}
.address-con table .form-options .form-option-item.editable i {
	font-style: normal;
	width: 50px;
	height: 20px;
    line-height: 20px;
    border-radius: 0 15px 15px 0;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    background: -webkit-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: -moz-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: -o-linear-gradient(-90deg, #ff4f00, #ff9601);
	background: linear-gradient(-90deg, #ff4f00, #ff9601);
}
.address-block .addressContent {
	width:345px;
	height:49px;
	border:1px solid #E3E3E3;
	font-size:14px;
	padding: 15px;
	resize: none;
	outline:none;
}
.address-block .address-email ,.address-block .name ,.address-block .tel {
	width:360px;
	height:43px;
	border:1px solid #E3E3E3;
	font-size:14px;
	padding-left: 15px;
}
.address-block .addCheck {
	width:24px;
	height:24px;
	border-radius:5px;
	border:1px solid rgba(151,151,151,1);
	vertical-align: middle;
}
.address-block span {
	height:22px;
	font-size:16px;
	color:rgba(38,27,24,1);
	line-height:22px;
}
.address-block .address-submit {
	width:94px;
	height:38px;
	background:rgba(254,146,99,1);
	border-radius:2px;
	font-size:16px;
	color:rgba(255,255,255,1);
	line-height:38px;
	text-align: center;
	cursor: pointer;
}




/*IP主题列表*/
.theme-list {
	width: 1200px;
	margin: 20px auto;
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.theme-list ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 49px;
}
.theme-list ul li {
	width: 220px;
	height: 220px;
	border:0.05px solid #E6E6E6;
	position: relative;	
	cursor: pointer;
}
.theme-list ul li img {
	width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
}
.theme-list ul li .item-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 220px;
	background-color: #000;
	transform: rotateY(180deg);
	-webkit-transition: all .2s ease-out;
	transform-style: preserve-3d;
	opacity: 0;
}
.theme-list ul li:hover .item-mask {
	transform: rotateY(0deg);
	opacity: 0.6 !important;
}
.theme-list ul li:hover .item-block {
	opacity: 1 !important;
}
.theme-list ul li .item-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 220px;
	opacity: 0;	
}
.theme-list ul li p {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 220px;
	height:17px;
	font-size: 18px;
	font-family:PingFangSC-Light;
	font-weight:300;
	color:rgba(5,5,5,1);
	line-height:17px;
}
.theme-list ul li .item-block .join-detail {
	width: 100px;
    height: 24px;
    background: rgba(240,44,13,1);
    border-radius: 12px;
    margin: 0 auto;
	margin-top: 100px;
    color: rgba(255,255,255,1);
    font-size: 13px;
    line-height: 24px;
}





/*侧栏*/
.k-toolbar-wrap {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9990;
	width: 0;
	height: 100%;
}
.k-toolbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-right: 50px solid #484456;
	-webkit-transition: right .3s ease-in-out 0s;
	-moz-transition: right .3s ease-in-out 0s;
	transition: right .3s ease-in-out 0s;
}
.k-toolbar-tabs {
	position: absolute;
	top: 50%;
	left: 9px;
	width: 35px;
	margin-top: -100px;
}
.k-toolbar-footer {
	position: absolute;
	bottom: -1px;
	width: 100%;
	left: 9px;
}
.toolbar-tab-item {
	position: relative;
	width:33px;
	height:33px;
	margin-bottom: 10px;
}
.toolbar-tab-item .toolbar-tab-img {
	width:33px;
	height:33px;
	background:rgba(138,133,153,1);
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px; 
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	cursor: pointer;
}
.k-toolbar-tab-person .toolbar-tab-img {
	background-image: url('../../img/sideBar_person.png');
}
.k-toolbar-tab-car .toolbar-tab-img {
	background-image: url('../../img/sideBar_car.png');
}
.k-toolbar-tab-phone .toolbar-tab-img {
	background-image: url('../../img/sideBar_phone.png');
}
.k-toolbar-tab-collect .toolbar-tab-img {
	background-image: url('../../img/sideBar_collect.png');
}
.k-toolbar-tab-service .toolbar-tab-img {
	background-image: url('../../img/sideBar_service.png');
}
.k-toolbar-tab-feedback .toolbar-tab-img {
	background-image: url('../../img/sideBar_feedback.png');
}
.k-toolbar-tab-backtop .toolbar-tab-img {
	background-image: url('../../img/sideBar_backtop.png');
}
.k-toolbar-tab-year .toolbar-tab-img {
	background-image: url('../../img/sideBar_year.png');
}
.toolbar-tab-item .toolbar-tab-img {
	background-size: 33px 33px;
}
.toolbar-tab-item .toolbar-tab-em {
	width: 90px;
	height:33px;
	position: absolute;
	left: -73px;
	top: 0;
	overflow: hidden;
}
.toolbar-tab-item .toolbar-tab-em .toolbar-tab-name {
	position: absolute;
	left: 90px;
	top: 0;
	width: 90px;
	height:33px;
	line-height: 33px;
	text-align: center;
	color: #FFFFFF;
	background:rgba(138,133,153,1);
	border-radius:5px 0 0 5px;
	-webkit-transition: left .3s ease-in-out 0s;
	-moz-transition: left .3s ease-in-out 0s;
	transition: left .3s ease-in-out 0s;
	cursor: pointer;
}
.toolbar-tab-hover .toolbar-tab-em .toolbar-tab-name {
	left: 0;
}
.tab-car-num {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(243,79,20,1);
    line-height: 12px;
    color: #FFFFFF;
}












.dialog-mask {
    position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 17, 17, 0.7);
    display: none;
}
.dialog-block {
    position: fixed;
    z-index: 5000;
    width: 500px;
    min-height: 100px;
    top: 40%;
    left: 50%;
    margin-left: -250px;
    background: #ffffff;
    text-align: center;
    border-radius: 5px;
    color: #333333;
    display: none;
}
.dialog-block .dialog-title {
    padding: 30px;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 15px;
}
.dialog-block .dialog-content {
    padding: 0 30px;
    font-size: 14px;
    text-align: center;
}
.dialog-block .dialog-control {
    height: 63px;
    line-height: 63px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.dialog-block .dialog-control .dialog-cancel {
    width: 100px;
    height: 32px;
    line-height: 32px;
    background:rgba(168,168,168,1);
	border-radius:5px;
    font-size: 18px;
    color: #ffffff;
    margin-right: 50px;
    cursor: pointer;
}
.dialog-block .dialog-control .dialog-confirm {
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FF4F00, endColorStr=#FF8900);
    background: -ms-linear-gradient(left, #FF4F00, #FF8900);
    background: -moz-linear-gradient(left, #FF4F00, #FF8900);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF4F00), to(#FF8900));
    background: -webkit-linear-gradient(left, #FF4F00, #FF8900);
    background: -o-linear-gradient(left, #FF4F00, #FF8900);
	border-radius:5px;
    font-size: 14px;
    cursor: pointer;
}

.bind-mask {
	position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 17, 17, 0.7);
    display: none;
}
.bind-block {
	position: fixed;
    z-index: 5000;
    width: 600px;
    min-height: 240px;
    top: 20%;
    left: 50%;
    margin-left: -300px;
    background: #ffffff;
    text-align: center;
    border-radius: 5px;
    color: #333333;
    display: none;
}
.bind-block .bind-newCard {
	width: 100%;
    text-align: center;
    padding-top: 30px;
    position: relative;
}
.bind-block .bind-newCard h3 {
	height:28px;
	font-size:18px;
	color:rgba(30,18,50,1);
	line-height:28px;
	font-weight: 400;
}
.bind-block .bind-body {
	padding: 30px 0;
	width: 70%;
}
.bind-block .bind-card {
	padding-bottom: 12px;
}
.bind-block .bind-card span {
	display: inline-block;
	text-align: left;
	width:75px;
	height:25px;
	font-size:14px;
	color:rgba(30,18,50,1);
	line-height:25px;
}
.bind-block .bind-card input {
	width:268px;
	height:28px;
	border-radius:5px;
	border:1px solid #FF4F00;
	font-size:14px;
	padding-left: 10px;
}
.bind-block .bind-card input:focus {
	box-shadow: 0 0 10px #FF4F00;
}
.bind-block .bind-card .card_code {
	width:129px;
	vertical-align: middle;
}
.bind-block .bind-card .img-code {
	width:121px;
	height:28px;
	margin-left: 18px;
	vertical-align: middle;
}
.bind-block .bind-qrcode {
	position: absolute;
    right: 57px;
    top: 86px;
}
.bind-block .bind-qrcode .bind-qrcode-qrcode {
	width: 110px;
	height: 110px;
}
.bind-block .bind-qrcode .bind-qrcode-qrcode canvas {
	width: 100%;
	height: 100%;
}
.bind-block .bind-qrcode .bind-qrcode-title {
	font-size: 14px;
}
.bind-block .bind-newCard .bind-submit {
	width: 138px;
    height: 33px;
    border-radius: 16px;
    font-size: 16px;
    color: rgba(255,255,255,1);
    line-height: 33px;
    margin: 0 auto;
    margin-bottom: 40px;
    cursor: pointer;
    background: -webkit-gradient(linear, 0 100%, 0 0, from(#ff4f00), to(#ff8900));
    background: -webkit-linear-gradient(-90deg, #ff4f00, #ff8900);
    background: -moz-linear-gradient(-90deg, #ff4f00, #ff8900);
    background: -o-linear-gradient(-90deg, #ff4f00, #ff8900);
    background: linear-gradient(-90deg, #ff4f00, #ff8900);
}