body {background-color: #f3f6f7; height: 100%;}
ul 
{ 
	list-style-type:disc;
}


.class_html {height:calc(100% - 55px);}
.in_search { display: table; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}
.top_box {width: 100%; height: 50px;}
.in_sea_back { position: absolute;top: 0; left: 0; z-index: 1; width: 100%; height: 50px; background-color: #000; opacity: 0.3; }
.in_sea_contain { box-shadow: 0 0 5px #D3D3D3; background-color: #fff; position: absolute;top: 0; left: 0; z-index: 2; width: 100%; overflow: hidden; }

.in_sea_li1 {width: 50px; height: 50px; float: left;}
.in_sea_li2 { width: calc(100% - 100px); height: 50px; float: left;}
.in_sea_li3 { width: 50px; height: 50px; float: left;}
.in_li_div {background-color: #F0F1F5; border: 1px solid #fc2752; box-sizing: border-box; width: 100%; overflow: hidden; opacity: 0.5; border-radius: 20px; margin-top: 9px;}
.in_sea_inp1 { width: calc(100% - 40px); height: 30px; background: none; border: none; float: left;}
.in_sea_inp2 {width: 35px; height: 30px; float: left; border: none;}
.in_qiandao { width: 48%; height: 50px; margin-left: 2%; float: left; }

.j_nav { width: 100%; background-color: #fcfcfc; overflow: hidden; height: 50px; }
.j_s { float: left; font-size: 12px; width: 20%; color: #333; text-align: center; line-height: 49px; }
.ys { color: #e49b6e; border-bottom: 1px solid #e49b6e; }

.dz_box { width: 86%; height: 60px; background-color: #fff; border-radius: 60px; box-shadow: 0 0 3px #D3D3D3; padding: 0 5%; margin: 10px auto; }
.dz_li { width: 20%; height: 60px; float: left; }
.dz_img { width: 30px; height: 30px; margin: 7px auto 0; }
.dz_p { text-align: center; color: #333; font-size: 12px; }
.jiahao { float: left; width: 5%; height: 60px; position: relative; }
.jia1 { width: 15px; height: 3px; background-color: #f1f1f1; position: absolute; top: 28px; left: 50%; margin-left: -7px; }
.jia2 { width: 15px; height: 3px; transform: rotate(90deg); background-color: #f1f1f1; position: absolute; top: 28px; left: 50%; margin-left: -7px; }

.deng1 { width: 15px; height: 3px; background-color: #f1f1f1; position: absolute; top: 25px; left: 50%; margin-left: -7px; }
.deng2 { width: 15px; height: 3px; background-color: #f1f1f1; position: absolute; top: 31px; left: 50%; margin-left: -7px; }
.mianf { width: 21%; font-size: 12px; height: 36px; border-radius: 36px; background-color: #fb5e6a; float: left; text-align: center; color: #fff; font-weight: 600; line-height: 36px; margin: 12px 0 12px 4%; }

/* 
.in_list {width: 100%; height: 90px; margin-bottom: 5px; overflow: hidden; background-color: #fff;}
.in_list_div { width: 20%; height: 90px; float: left; }
.in_lis_box { width: 60%; margin: 10px auto; border-radius: 50%; }
.in_lis_box::after { content: ''; padding: 50%; display: block; }
.in_p { text-align: center; color: #333; font-size: 12px; } */

.in_blo { width: 100%; overflow: hidden; }
.in_blo_box1 { width: 100%; height: 150px; }
.in_blo_box2 { width: 100%; overflow: hidden;}
.in_lef { float: left; width: 40%; height: 240px; }
.in_rig { float: left; width: 60%; height: 120px; }

.in_jp {width: 100%; box-sizing: border-box; overflow: hidden; margin: 0 auto 5px; background-color: #fff; }
.in_jp_gg { width: calc(100% - 10px);margin: 5px; }
.in_jp_to { display: table; margin: 0 auto; position: relative;}
.in_lis_le { float: left; padding: 0 10px; }
.in_lis_le1 { float: left; padding: 0 10px; margin-top: 13px; }
.in_lis_gra { margin-top: 1px; width: 30px; height: 1px; background-color: #f1f1f1; float: left; }
.in_lis_bla { width: 15px; height: 3px; background-color: #333333; float: left; }

.in_yao { font-size: 16px; line-height: 30px; font-weight: 600; color: #333; }
.in_dian { width: 3px; height: 3px; border-radius: 50%; margin: 0 5px 3px; background-color: #e49b6e; display: inline-block; }

.lb_sx { border-bottom: 1px solid #f1f1f1; width: 100%; height: 40px; background-color: #fff; margin-bottom: 8px; }
.lb_sx_lis { width: 33.33%; float: left; text-align: center; line-height: 40px; color: #333; font-size: 14px; }
.lb_new { color: #ff6600; }

.in_jp_point1 {float: left; position: absolute; top: 20px; left: 0; width: 3px; height: 3px; background-color: #333; border-radius: 50%;}
.in_jp_point2 {float: right; position: absolute; top: 20px; right: 0; width: 3px; height: 3px; background-color: #333; border-radius: 50%;}
.in_jp_p {text-align: center; line-height: 40px; font-size: 16px;}
.in_jp_contain { padding: 0 5px; box-sizing: border-box; width: 100%; overflow: hidden;}
.in_jp_contain_li {float: left; width: 50%; padding: 10px 5px; box-sizing: border-box; /* height: 220px;*/ background-color: #fff;}
.ind_jpg {width: 100%; border-radius: 10px;}
.ind_jpg::before { content: ''; padding: 50%; display: block; }
.ind_jpg img { width: 100%; height: 100%; }
.in_jp_yingwen { text-align: center; font-size: 12px; color: #888888; }

.in_ul { overflow: hidden; }
.in_li { float: left; width: 150px; margin: 10px 10px 10px 0; }
.in_li_img { width: 150px; height: 150px; }
.in_li_p { font-size: 16px; color: #e49b6e; font-weight: 600; margin-top: 5px; }
.in_jp_tol { width: 100%; }
.in_jp_tol1 { margin: 10px auto; }
.in_li_p1 { font-size: 14px; height: 40px; line-height: 20px; color: #333; margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.in_jp_tex { width:96%; margin: 0 auto; overflow-x: auto; -webkit-overflow-scrolling:touch; }
.in_dianming { width: calc(100% - 30px); float: left; font-size: 12px; color: #afafaf; }
.in_dianming1 { width: 100%; font-size: 12px; color: #afafaf; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in_li_bei { width: 100%; overflow: hidden; margin-top: 5px; }
.temai_qiang { width: 15px; height: 15px; float: right; }

.ind_jpg_box { width: 100%; height: 100%; border-radius: 5px; }
.ind_p {width: 100%; }
.ind_p_bq { width: 32px; height: 15px; line-height: 15px;border: 1px solid #B8D97D; color:#B8D97D; font-size:10px; text-align:center; font-weight:800;border-radius:5px;}

.ind_name1 {font-size: 14px; color: #000; line-height: 20px; width: 100%; height: 40px; overflow: hidden;  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all; margin-top: 5px; margin-bottom: 5px;}
.ind_name2 {font-size: 12px; line-height: 16px; color: #afafaf; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;}
.ind_name3 {font-size: 18px; color: #fc2551; }

.zzx_box { width: 96%; margin: 0 auto; overflow: hidden; }
.zzx_gg { width: 49%; height: 100px; float: left; }
.zzx_ri { width: 49%; height: 100px; float: right; }

.zzx_sb { width: 96%; margin: 10px auto; overflow-x: hidden; }
.zzx_biao { width: 33.33%; float: left; }

.zheng_li { position: relative; width: 48%; margin: 1%; float: left; }
.z_guanggao { width: 100%; }
.zheng_box { width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.7); }
.z_li_logo { width: 50px; float: left; }
.z_li_logo1 { width: calc(100% - 51px); float: left; }
.z_li_shu { width: 1px; float: left; height: 20px; background-color: #B0B0B0; margin: 15px 0; }
.z_li_logo_cont { height: 40px; margin: 5px; }
.z_li_logo_cont1 { width: 100%; }
.tuijian_sj { overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; line-height: 20px; font-size: 14px; font-weight: 600; color: #333; }
.tuijian_yuyue { height: 20px; line-height: 20px; margin: 0 auto; background-color: #e49b6e; font-size: 12px; text-align: center; border-radius: 20px; color: #fff; }

/*.footer_li i { color: #d4d4d4; text-align: center; font-size: 50px; }*/
.iconfont { width: 100%; display: block; }
.icon-shouye { color: #e49b6e; line-height: 30px; margin-top: 5px; text-align: center; font-size: 20px;}
.icon-fenlei { color: #d4d4d4; line-height: 30px; margin-top: 5px; text-align: center; font-size: 22px; }
.icon-gouwuche { color: #d4d4d4; line-height: 30px; margin-top: 5px; text-align: center; font-size: 30px; }
.icon-gerenzhongxin { color: #d4d4d4; line-height: 30px; margin-top: 5px; text-align: center; font-size: 22px; }

.icon-index-copy { color: #e49b6e; line-height: 30px; margin-top: 5px; text-align: center; font-size: 20px;}
.icon-kechengguanli { color: #d4d4d4; line-height: 30px; margin-top: 5px; text-align: center; font-size: 30px; }
.icon-wode { color: #d4d4d4; line-height: 30px; margin-top: 5px; text-align: center; font-size: 22px; }

.footer_box {width: 100%; height: 60px;}
.footer {position: fixed; z-index: 99; border-top: 1px solid #EFEFEF; bottom: 0; width: 100%; height: 55px; background-color: #fff; overflow: hidden;}
.footer_li {width: 25%; float: left; height: 55px;}
.footer_li_i {width: 2px; height: 2px; float: left; background-color: #999; margin-top: 22px; border-radius: 50%;}
.footer_img {width: 30px; height: 30px; margin: 5px auto 0;}
.footer_p {text-align: center; color: #333; font-size: 12px;}

/*首页结束*/


/*分类页开始*/

.classify {width: 100%; height: 50px; background-color: #fff; box-shadow: 0 0 5px #d3d3d3; overflow: hidden;}
.cla_search {width: 90%; margin: 10px auto; height: 30px; border: 1px solid #f1f1f1; background-color: #fcfcfc; opacity: 0.7; border-radius: 20px;}
.cla_inp1 {float: left; padding-left: 15px; color: #9D9D9D; width: calc( 100% - 65px); height: 30px; line-height: 30px;}
.cla_inp2 {float: left; width: 50px; height: 30px; border: none; }

.nav_left {float: left; width: 25%; height: 100%; background-color: #fff; margin-top: 1px;}
.nav_right {float: right; width: calc(75% - 3px); height: 100%; background-color: #fff; margin-top: 1px;}





.left_body { background-color: #fff; }
.lef_col { background-color: #F3F6F7; }
/*.lef_div {padding: 5px;}*/
.lef_div_li {width: 100%; height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid #F3F6F7;}

.lef_redio {
	width: 3px;
	height: 3px;
	display: block;
	background-color: #fff;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 3px;
}
.left_sp{
	color: #555;
	font-size: 14px;
}
.lef_color {
	background-color: #B4D34A;
}

/*分类商品开始*/
.table1 {
	width: 100%;
	overflow-y: auto;
	background-color: #fff;
	height: 100%;
}
.table1_li { 
	float: left;
	width: 29%;
	display: block;
	margin: 2%; 
	position: relative;
	margin-bottom: 20px;
/*	background-color: #fff;*/
}
.tab_1 {
	width: 70%;
	margin: 0px auto;
	border-radius: 50%;
	border: 1px solid #f1f1f1;
}
.tab_p {
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #555;
}
.tj {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
.jp_top {
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	width: calc(100% - 100px);
	float: left;
}

.srr {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0; top: 0;
}

.cla_tit { width: 92%; height: 40px; margin: 0 auto; position: relative; }
.cla_line1 { position: absolute; top: 20px; width: 100%; height: 1px; left: 0; background-color: #f1f1f1; }
.cla_center { position: relative; width: 80px; margin-left: -40px; left: 50%; top: 0; text-align: center; z-index: 2; display: inline-block; text-align: center; line-height: 40px; background-color: #fff; }

/*商品详情页*/
.com_top {position: relative; background-color: #fafafa;}
.com_back {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 62px;
	height: 62px;
}
.com_back_ri {
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 62px;
}
.com_intr {
	overflow: hidden;
	width: calc(100% - 20px);
	background-color: #fff;
	margin-top: 10px;
	margin-left: 10px;
	border-radius: 10px;
}
.com_tit1 {
	float: left;
	width: 100%;
	/*height: 70px;*/
	padding: 10px;
	box-sizing: border-box;
}
.com_tit1_p1 {
	font-size: 20px;
	line-height: 20px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 10px;
	/*white-space:nowrap;
	text-overflow:ellipsis;*/
}
.com_tit1_p2 {
	color: #B0B0B0;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.com_i {
	width: 1px;
	height: 40px;
	margin-top: 20px;
	float: left;
	display: block;
	background-color: #F3F6F7;
}
.com_zan {
	width: calc(17% - 1px);
	height: 80px;
	float: right;
}
.com_z_png {
	width: 100%;
	height: 40px;
	margin-top: 5px;
}
.com_z_p { text-align: center; font-size: 14px; line-height: 20px; }
.com_jia { width: 100%;}
.com_jia1 { color: #e49b6e; }
.com_jia1 i { font-style: normal; font-size: 16px; } 
.com_kucun { margin-left: 20px; color: #828282; font-size: 12px; }
.com_ti { width: 100%; /*height: 50px; height: 50px;*/}
.com_gg { width: 100%; height: 50px; overflow: hidden; border-top: 1px solid #F3F6F7;}
.com_gg_span {line-height: 50px; float: left; margin-left: 10px;}
.com_gg_di { float: right; width: 50px; height: 50px;}

.com_contain {margin-bottom: 2px; margin-left: 10px; width: calc(100% - 20px); background-color: #fff; min-height: 200px;}
.com_xxk {width: 100%; height: 50px; overflow: hidden; border-bottom: 1px solid #F3F6F7;}
.com_xxk_li1 { box-sizing: border-box; float: left; width: 50%; height: 50px; font-size: 14px; text-align: center; line-height: 50px;}
.com_xxk_li2 { box-sizing: border-box; border-left: 1px solid #F3F6F7; float: right; width: 50%; height: 50px; font-size: 14px; text-align: center; line-height: 50px;}
.com_xq_img { overflow: hidden;}
.com_xq_img img { height: auto; width: 100%; vertical-align: middle;}

.col {border-top: 1px solid #e49b6e; color: #e49b6e;}

.com_foot {background-color: #fff; box-shadow: 0 -1px 1px #d8d8d8; width: 100%; height: 50px; position: fixed; bottom: 0; overflow: hidden; margin-top: 1px;    padding: 0px 20px; box-sizing: border-box;}
.liji {width: 50%;
		    color: #fff;
		    height: 40px;
		    text-align: center;
		    line-height: 40px;
		    font-size: 14px;
		    float: right;
		    background: linear-gradient(to right,#fe6175, #FC2551);
			border-radius: 0 5px 5px 0;}
.gouwuche {width: 50%;
		    color: #fc2551;
		    height: 40px;
		    text-align: center;
		    line-height: 40px;
		    font-size: 14px;
		    float: right;
		    background-color: #fff6f7;
			border-radius: 5px 0 0 5px;}

.com_foot_box {width: 100%; height: 50px;}
.com_foot_b {float: left; width:100%; height: 50px;}
.com_fo {position: relative;}
.com_foot_sy {width: 30px; height: 25px; margin: 4px auto 0;}
.com_foot_p {text-align: center; font-size: .8em; color: #898989;}
.evaluate {padding: 0 15px;}
.eva_part1 {overflow: hidden; margin-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #f3f6f7;}
.eva_peo {width: 100%; overflow: hidden;}
.eva_p {width: 30px; height: 30px; border-radius: 50%; float: left;}
.eva_flower {width: 15px; height: 30px; float: right;}
.eva_span {float: left; line-height: 30px; margin-left: 20px;}
.eva_spn_ap {font-size: 12px; line-height: 30px; margin-right: 20px; color: #A6A6A6;}
.eva_pjnr {font-size: 14px;}
.com_num {    position: absolute;
    top: 2px;
    right: 5px;
    color: #fc2551;
    border: 1px solid #fc2551;
    background-color: #fff;
    font-size: 10px;
    border-radius: 6px;
    width: 22px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    box-sizing: border-box;}
.sure_box { width: 90%; margin: 5px auto 10px; border-radius: 40px; height: 40px; overflow: hidden; }
.sure_box1 { width: 50%; background-color: #FF8E4A; float: left; text-align: center; line-height: 40px; color: #fff; }
.sure_box2 { width: 50%; background-color: #e49b6e; float: left; text-align: center; line-height: 40px; color: #fff; }

.ds_back {width: 100%; height: 100%; background-color: #000; opacity: 0; position: fixed; left: 0; bottom: 0; right: 0; z-index: -1; transition: 0.3s linear;}
.dsx { width: 100%;  max-height: 95%; background-color: #fff; transition: 0.3s linear; position: fixed; bottom: -900px; left: 0; z-index: 99;}
.dsx_img {margin-left: 20px; float: left; width: 80px; height: 80px; margin-top: -20px;/* position: absolute; top: -20px; left: 20px;*/ border-radius: 5px; border:2px solid #E7E7E7;}
.dsx_name { float: left; margin-left: 20px; margin-top: 10px;}
.dsx_name_p1 {line-height: 30px; font-size: 16px; color: #FC2551;}
.dsx_name_p {line-height: 30px;}

.dsx_top1 {width: calc(100% - 40px); overflow: hidden; padding: 10px 20px 10px;}
.dsx_top1_con {width: 100%; margin-top: 10px; overflow: hidden;}
.dsx_top1_con_li {margin-bottom: 10px; float: left;  padding: 5px 10px; margin-right: 20px; background-color: #f9f9f9; border-radius: 5px;}
.dsx_close {width: 50px; height: 40px;line-height: 40px; position: absolute; top: 0; right: 0;}

.dsx_close1 {width: 50px; height: 50px; position: absolute; top: 0; right: 0;}



.dsx_add {float: right; overflow: hidden;}
.dsx_add_li {float: left; margin: 0 10px; height: 30px; text-align: center; line-height: 30px;}
.dsx_add_li1 {float: left;background-color: #F9F9F9; width: 30px; height: 30px; border-radius: 5px; border:1px solid #f1f1f1; text-align: center; line-height: 30px;}
.sure {    width: 90%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-left: 5%;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(to right,#fe6175, #FC2551);}


.dsx_yang {background-color: #FC2551; color: #fff;}
.top_back {width: 50px; height: 50px; float: left;}




/*购物车开始*/

.shop_contain { width: 100%; height: 110px; overflow: hidden; margin-bottom: 5px; background-color: #fff;}
.shop_le {width: 10%; height: 110px;float: left;}
.shop_tx {width: 90px; height: 90px; box-sizing: border-box; margin: 10px 3% 10px 0; border:1px solid #f1f1f1; float: left;}
.shop_tit {width: calc(83% - 90px); padding: 10px 0; float: left;}
.shop_money {width: 100%; margin-top: 10px; overflow: hidden;}
.shop_money_span {font-size: 12px;}
.shop_money_i {color: #FC2551; font-size: 16px; line-height: 34px; font-style: normal;}
.shop_tit1_p1 {
	font-size: 14px;
	font-weight: bolder;
	line-height: 26px;
	overflow: hidden;
	white-space:nowrap; text-overflow:ellipsis;
}
.shop_tit1_p2 {
	font-size: 12px;
	color: #B0B0B0;
	overflow: hidden;
	white-space:nowrap; text-overflow:ellipsis;
}

.shop_ri {float: right;overflow: hidden;}
.shop_ri_li1 {float: left; width: 33px; height: 33px; font-size: 18px; border:1px solid #f1f1f1; border-radius: 5px; text-align: center; line-height: 30px;}
.shop_ri_li { margin: 0 10px; float: left; text-align: center; line-height: 35px;}

.shop_foot {position: fixed; background-color: #fff; bottom: 0; left: 0; width: 100%; height: 50px;}
.shop_foot_di1 {width: 10%; height: 50px; float: left;}
.shop_foot_span { float: left; line-height: 50px; }
.shop_btn {    float: right;
    width: 30%;
    height: 40px;
    background: linear-gradient(to right,#fe6175, #FC2551);
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-top: 5px;
    color: #fff;
    margin-right: 10px;
    border-radius: 10px;}
.shop_b_mo {float: right; margin-right: 10px; font-size: 12px; color: #FC2551; line-height: 48px;}
.shop_b_mo i {font-style: normal; font-size: 16px;}




/*我的账户开始*/

.mem_top {width: 100%; height: 245px; overflow: hidden; position: relative;}
.mem_terk { width: 96%; margin: 0px auto; overflow: hidden; }
.mem_pho {width: 60px; height: 60px; margin: 20px 20px 20px 30px; position: relative; border-radius: 50%; border: 2px solid #f1f1f1; float: left;}
.mem_pho_ri { margin: 40px 0; float: left; }
.mem_name { font-weight: bolder; float: left; color: #fff; font-size: 16px; }
.mem_xingbie { border-radius: 50%; position: absolute; bottom: -1px; right: -3px; width: 22px; height: 22px; float: left; }
.mem_pai  { margin: 0 8px; padding: 2px 8px; border-radius: 5px; color: #45a657; border: none; background-color: #fff; text-align: center;}
.men_bianji { width: 50px; height: 50px; position: absolute; top: 0; right: 0;}
.mem_huiyuan { border: 1px solid #fff; margin-left: 10px; float: left; border-radius: 3px; background-color: #fff; padding: 0 5px 0 2px }
.mem_zuanshi { width: 15px; height: 15px; float: left; margin: 2px; }
.mem_tuigy { float: left; font-size: 12px; line-height: 19px; color: #FBA72A; }
.mem_znx {  width: 50px; height: 50px; position: absolute; top: 0; right: 50px; }
.mem_znx_tishi {padding: .1em .5em; border-radius: 5px; border-top-left-radius: 0px; color: #e49b6e; background-color: #fff; position: absolute; top: 30px;
    right: 3px;
    font-size: .6em; }

.mem_list { width: 96%; overflow: hidden; margin: 0 auto; }
.men_li { width: calc(33.33% - 1px); float: left; height: 50px; }
.men_li_p1 { text-align: center; padding-top: 5px; color: #fff; line-height: 20px; }
.men_li_p2 { text-align: center; padding-bottom: 10px; line-height: 20px; color: #fff; }
.men_li:last-child { width: 33.33%; }
.men_xian { width: 1px; height: 20px; float: left; margin: 15px 0; background-color: #FFB9BC; }

.my_order { z-index: 666; position: relative; width: 96%; border-radius: 5px; background-color: #fff; margin: -80px auto 5px;}
.my_dd {width: 100%; overflow: hidden; border-bottom: 1px solid #f1f1f1;} 
.my_dd_span {color: #333;margin-left: 10px; float: left; line-height: 40px;}
.my_dd_di {float: right; width: 50px; height: 40px; }

.my_ul {width: 100%; overflow: hidden;}
.my_ul_li { position: relative; width: calc( 25% - 1px ); float: left;}
.my_ul_li1 { position: relative; width: 25%; height: 80px; float: left;}
.tb { width: 40px; height: 30px; margin: 10px auto 0; }
.tb1 { width: 40px; height: 30px; margin: 15px auto 5px; }
.tb_fk { text-align: center; line-height: 20px; font-size: 12px; color: #555; }
.tb_fk1 { color: #aaa; margin-bottom: 5px; text-align: center; line-height: 20px; font-size: 12px; }
.tb_fk2 { margin-bottom: 5px; text-align: center; line-height: 20px; font-size: 12px; color: #555; }
.my_i { width: 1px; height: 20px; margin-top: 20px; background-color: #f1f1f1; float: left; }
.my_i1 { width: 1px; height: 20px; margin-top: 30px; background-color: #f1f1f1; float: left; }
.qiandao_btn { padding: .2em .6em; font-size: .6em; color: #fff; position: absolute; top: 10px; text-align: center; right: 2px; background-color: #e49b6e; border-radius: 10px; border-bottom-left-radius: 0; }
.qiandao_btn1 { padding: .2em .6em; font-size: .6em; color: #888; position: absolute; top: 10px; text-align: center; right: 2px; background-color: #ddd; border-radius: 10px; border-bottom-left-radius: 0; }
 
 

.m_cl { background-color: #fff; color: #e49b6e; vertical-align: middle; width: 18px; height: 18px; font-size: 10px; line-height: 16px; position: absolute; top: 8px; right: 16%; text-align: center; font-size: .6em; border: 1px solid #F4B5BA; border-radius: 50%; box-sizing: border-box;}
.men_part { width: 96%; background-color: #fff; overflow: hidden; border-radius: 5px; margin: 7px auto; }
.jf_shop { width: 100%; height: 50px; }
.jf_qd { float: left; width: 20%; }
.jf_qiandao { width: 26px; height: 26px; margin: 4px auto 0;}
.jf_qd_p { font-size: 12px; line-height: 18px; text-align: center;}
.jf_i { width: 1px; height: 20px; margin-top: 15px; background-color: #f1f1f1; float: left; }


.fj_shs { width: calc( 80% - 1px); overflow:hidden ; float: left; }
.jifen_shop { float: left; line-height: 50px; padding: 0 10px; }
.jifen_arr  {float: right; width: 50px; height: 50px; }
.ptzq {overflow: hidden; width: 100%; margin-bottom: 1px; background-color: #fff;}
.ptzq_sp {line-height: 50px; color: #555; float: left; margin-left: 10px;}
.jifen_arr {float: right; width: 50px; height: 50px;} 

.ptzq_mo { margin-left: 10px; color: #e49b6e; line-height: 50px; }
.ptzq_m {  margin-left: 10px; line-height: 50px; } 


.touxiang { width: 40px; height: 40px; margin: 5px 0; border-radius: 50%; float: right;}
.ptzq_s {float: right; color: #555; line-height: 50px;}
.ptzq_sdf { float: right; line-height: 50px; color: #999; }
.jifen_ar { width: 100px; height: 50px;  float: right;}

.name_inpt { width: calc(100% - 104px); float: right; height: 50px; border: none; padding-left: 10px; width: }
.name_in { width: 90%; font-size: 16px; height: 40px; background: #e49b6e; display: block; border-radius: 5px; color: #fff; border:none; margin: 20px auto 0; }
.clr{ width: 100%; clear: both;}

.mem_tite { width: calc( 100% - 20px ); margin: 0 auto; line-height: 40px; border-bottom: 1px solid #E7E7E7; }
.mem_box { width: 100%; overflow: hidden; }



/*----------登录,注册-----------*/
/*----------登录,注册-----------*/
.clear{ width:100%; clear:both;}
#head{ width:100px; height:100px; border:2px solid #FFF; margin:0 auto; border-radius:50%;}
.dl_div{ height:52px; width:100%; margin-top:20px;}
.dl_inp{ height:50px; line-height:50px; margin:0 auto; width:85%; border:1px solid #FFF; border-radius:25px; color:#fff; background:none; font-size:16px; text-align:center; color:#fff; display:block;}
.dl_inp_bu{ height:50px; line-height:50px; margin:0 auto; width:calc(85% + 2px); border-radius:25px; color:#fff; background:#fff; font-size:16px; text-align:center; color:#fff; display:block;opacity:0.3; border:none;}
.po{ position:relative;border: none;background: none;}
.dl_bu{ margin:0 5px; position:absolute; color:#fff; top:0px; left:50%; height:50px; z-index:10; text-align:center; font-size:16px; line-height:50px; width:150px; margin-left:-75px;}
#wangji{ height:30px; width:85%; text-align:right; margin:20px auto 0;}
#wangji a{ display:block; height:30px; width:100px; color:#fff;float: right; line-height:30px;}
#more_com{ height:30px; width:100px; line-height:30px; font-size:14px; border-radius: 5px; text-align:center; margin:10px auto; border: 1px solid #96C746; color:#96C746;}

#head_1{width:100%; height:80px; line-height:80px; color:#fff; font-size:22px; text-align:center;}
.dl_inp_nei{ width:100%; height:50px;width:calc(85% + 2px);margin:0 auto;}


.dress_gl {    width: 50px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: none;border-radius: 5px;}
.dress {background-color: #fff; margin-bottom: 10px; width: calc(100% - 20px); padding: 5px 10px;}
.dress_par {width: 100%; overflow: hidden; } 
.dress_par_span1 {float: left; color: #333;}
.dress_par_span1 i {color: #fc2551; font-style: normal; margin-left: 10px; font-size: 12px;}
.dress_par_span2 { float: left; margin-left: 15px; color: #333;}
.dress_contain { overflow: hidden;    padding: 5px 0;}
.dress_contain_sp1 { float: left; width: 70px; display: block; color: #333;}
.dress_contain_sp2 { float: left; width: calc(100% - 70px); display: block; color: #333;}

.dress_bo {background-color: #fff; margin-bottom: 2px; width: calc(100% - 20px); padding: 5px 10px;}

.dre_d {margin-top: 10px; border-top: 1px solid #f1f1f1; width: 100%; height: 40px; overflow: hidden;}
.dre_box { float: left; width: 40px; height: 40px; }
.mren { float: left; line-height: 40px;}
.dre_sc {width: 20%; height: 40px; color: #333; float: right; line-height: 40px; text-align: center;}


.dress_ch {background-color: #fff; margin-bottom: 10px; width: 100%;}
.dre_in {float: left; font-size: 14px; width: calc(100% - 90px); border: none; height: 40px;}
.shr {line-height: 40px; padding: 0 10px;}
.jifen_ar  {float: right; width: 40px; height: 40px; }
.bod { border-bottom: 1px solid #f1f1f1; }
.dre_d_ch {width: 100%; height: 40px; overflow: hidden;}
.dress_der_ch {float: left; line-height: 40px;}
.dre_text {
	float: left;
    width: calc(100% - 20px);
    height: 50px;
    border: none;
    outline: none;
    padding: 10px;
    font-size: 14px;} 
.dress_textar { width: 100%; overflow: hidden; border-bottom: 1px solid #f1f1f1;}
.dre_i { width: 1px; height: 16px; float: right; margin-top: 12px; display: block; background-color: #f1f1f1; }
.dr_box {overflow: hidden; float: left;}

.add_dress {position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; text-align: center; line-height: 50px; color: #e49b6e; background: #fff;}

.pictur {float: left; margin:5px;}
.clo_se { position: fixed; top:15px; z-index:3; top:15%; width:100%; height:70%; left: 0; background-size:cover;}

#loading{
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,1);
    z-index: 111;
}
#loading img{
	border: none;
    display: block;
    margin: 200px auto;
}

/*优惠券*/

.sav_wu { width: 100%; overflow: hidden;} 
.sav_wu_box {width: 250px; height: 160px; margin: 10px auto 0;} 
.sav_wu_p { line-height: 40px; margin-bottom: 10px; text-align: center; color: #777;     margin-top: -25px; padding-bottom: 20px;}
.guang { padding: 5px 10px; display: block; margin: 0 auto; border: 1px solid #D7D7D7; border-radius: 5px; background-color: #fff; color: #333; }

.sav_cantain {position: relative; width: 90%; background-color: #fff;  margin: 10px auto 0; overflow: hidden;} 
.sav_cantain1 {position: relative; border: 1px solid #D7E89F; width: 90%; background-color: #fff; border-radius: 5px; margin: 10px auto 0; overflow: hidden;} 
.sav_cantain_le { width: calc(70% - 20px); float: right; padding: 5px 10px; } 
.sav_cantain_le_p { line-height: 25px; font-size: 12px;}
.sav_cantain_le_p1 { line-height: 25px; font-size: 12px; color: #999;}
.sav_cantain_ri { width: calc(30% - 20px); float: left;background: #f47575;; padding: 5px 10px; } 
.sav_cantain_ri_p { line-height: 25px; text-align: right; font-size: 12px; color: #fff;}
.sav_cantain_ri_p2 { line-height: 25px;padding: 20px 0; text-align: center; font-size: 22px; color: #fff;}

.sav_out {width: 60px; height: 60px; position: absolute; bottom: 0; left: 170px;}

.con_ta_co {overflow: hidden;}

.sav_t {width: 100%; height: 50px; background-color: #fff;}
.sav_t_li {width: calc(33.33% - 1px); float: left; text-align: center; line-height: 50px;} 
.sav_t_di { width: 1px; height: 20px; background-color: #f1f1f1; margin-top: 15px; float: left; }

.sav_colo { color: #8cc344;}


/*10.27*/
.ref_dress {background-color: #fff; margin-bottom: 10px; width: calc(90% - 20px); float: left; padding: 5px 10px;}
.ref_dress_z {background-color: #fff; width: calc(90% - 20px); float: left; padding: 10px 10px;}
.refer_arr {width: 10%; height: 80px; float: right;} 

.refer_sp { padding:0 10px; box-sizing: border-box; overflow: hidden; background-color: #fff; width: 100%; margin-bottom: 5px; }
.refer_sp_box { float: left; width: 81px; height: 81px; margin: 9px; border-radius: 10px; }
/*.refer_ri { float: right; overflow: hidden; width: calc(100% - 90px); padding: 7px 0; }*/
.refer_tkb { width: 100%; overflow: hidden; }
.refer_pl {color: #333; line-height: 20px; height: 40px; overflow: hidden; font-weight: bold;
		display: -webkit-box;
   		-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
    	word-break: break-all;
    }
.refer_ple {line-height: 25px;overflow: hidden; color: #999; white-space:nowrap; text-overflow:ellipsis;}

.gg_wu {color: #333; font-size: 12px; } 

.ref_con1 { width: calc(100% - 20px); padding: 5px 10px;overflow: hidden; border-bottom: 1px solid #f1f1f1; background-color: #fff; }
.ref_con2 { width: calc(100% - 20px); padding: 5px 10px 5px 10px; height: 40px; border-bottom: 1px solid #f1f1f1; background-color: #fff; }
.ref_con3 { width: calc(100% - 10px); padding: 5px 0px 5px 10px; overflow: hidden; border-bottom: 1px solid #f1f1f1; background-color: #fff; }

.ref_con1_sp1 { float: left; line-height: 40px;}
.ref_con1_sp2 { float: right; margin:10px 0; line-height: 20px; width: calc(100% - 100px); text-align: right; }  
.ref_con_ri { float: right; width: 40px; height: 40px; }
.ref_con1_sp2_i { font-style: normal; color: #fc2551;}
.ref_jg { float: right; line-height: 50px; margin-right: 10px;color:#fc2551;}
.ref_jg_i { font-style: normal; font-size: 16px; color: #fc2551; padding: 0 3px;}

/*.order_li{
	width: calc(25% - 1px);
}*/
.ref_dress_dd {background-color: #fff; width: calc(100% - 20px); padding: 5px 10px; margin-bottom: 5px;}
.com_foot_dd {background-color: #fff; width: calc(100% - 20px); padding: 0 10px; height: 50px; position: fixed; bottom: 0; overflow: hidden; margin-top: 1px; border-top: 1px solid #f1f1f1; }
.messa_line { width: 100%; overflow: hidden; border-bottom: 1px solid #f1f1f1; }
.messa_line:last-child { border: none; }
.messa_line_le { width: 70px; float: left; line-height: 40px; font-size: 14px; color: #333; }
.messa_line_ri { width: calc(100% - 90px); text-align: right; float: right; line-height: 20px; margin: 10px 0; font-size: 14px; color: #333; }
.ord_over { box-sizing: border-box; width: calc(100% - 100px); float: left; overflow: hidden; }
.refer_ri {  height:80px; width: 100%; line-height: 20px; font-size: 14px;    margin-top: 9px; }
.refer_r2 { overflow: hidden; width: 100%; }
.refer_r2_pe { float: left; font-size: 14px; color: #FC2551; }
.refer_r2_pr { float: right; font-size: 14px; color: #333; }

/*订单*/

.order { border-bottom: 1px solid #f1f1f1; width: 100%; z-index: 999; height: 60px; position: fixed;top: 51px; left: 0; background-color: #fff;}
.order_li { position: relative; width: calc(25% - 1px); float: left;}

.order_coner_box {position: absolute; border: 1px solid #F4B5BA; top: 8px; right: 10px; font-size: 10px; width: 18px; height: 18px; line-height: 16px; background-color: #fff; color: #fc2551; text-align: center; border-radius: 50%; box-sizing: border-box; }


.order_li_bot {border-bottom: 1px solid #FD5664; box-sizing: border-box;}
.order_li_div { width: 40px; height: 30px; margin: 7px auto 0; } 
.order_li_p {color: #333; line-height: 22px; text-align: center; font-size: 12px; } 
.order_li_i {width: 1px; height: 20px; margin-top: 20px; background-color: #F3F6F7; float: left; display: block;} 

.ord_contain { width: 100%; margin: 5px auto 0; background-color: #fff; overflow: hidden; box-sizing: border-box; padding: 0 10px; }
.ord_contain1  { width: 100%; background-color: #fff; overflow: hidden; }
.ord_con1 {width: 100%; overflow: hidden; border-bottom: 1px solid #f1f1f1;} 
.ord_con1_apan1 { color: #FC2551; float: left; line-height: 40px; font-size: 12px; }
.ord_con1_apan2 { float: right; line-height: 40px; color: #FC2551; font-size: 12px; }
.ord_con2 { width: 100%; overflow: hidden; }
.ord_con2_di { width: 100%; overflow: hidden; }
.ord_con2_di_span { float: right; margin-left: 10px; line-height: 30px;}
.ord_con2_di_span1 { float: right; margin-left: 10px; font-size: 12px; line-height: 30px;}

.ord_con2_di_span_i { font-size: 16px; color: #FC2551; font-style: normal; }
.ord_inp { width: 100%; overflow: hidden;  padding: 13px 0px;} 
.ord_inp1 {padding: 3px 15px; font-size: 12px; float: right; margin-left: 10px; border: 1px solid #E7E7E7; border-radius:50px; background-color: #fff;}
.ord_inp2 {padding: 3px 15px; font-size: 12px; float: right; border: 1px solid #E7E7E7; border-radius: 50px; background-color: #fff;}
.ord_inp_tjpj{ padding: 3px 15px; font-size: 12px; float: right; margin-right: 10px; border: 1px solid #E7E7E7; border-radius: 5px; background-color: #fff; }
.ord_refer_sp { margin-bottom: 5px; padding: 10px 0; border-bottom: 1px solid #f1f1f1; overflow: hidden; background-color: #fff; width: 100%; }
.refer_ple {font-size: 12px;}

.cart_s_name { width: 320px; position: relative; padding-top: 10px; margin-left: 10%;  }
.cart_s_na { line-height: 20px; font-size: 12px; color: #888888; }
.cart_s_sp { color: #333 }

.car_yhq { float: right;
			font-size: .6em;
			padding: 2px 5px 2px 8px;
			border: 1px dotted #ecbfc3;
		    color: #f16c77;
		}
.car_yhq_i { transition: 0.3s linear; vertical-align: middle; display: inline-block; width: 10px; height: 10px; color: #f16c77; }
.car_quan { transition: 0.3s linear; border: 1px solid #dcdcdc; box-shadow: 0 0 5px #d0d0d0; position: absolute; right: 500px; top: 40px; opacity: 0; width: 300px; background-color: #fff; padding: 10px; }
.car_quan_ling_box { width: 100%; height: 40px; }
.car_quan_ling { float: left; font-size: 15px; line-height: 40px; font-weight: 600; color: #333; }
.car_quan_guan { float: right; width: 40px; height: 40px; }
.car_quan_list { overflow: hidden; padding: 10px 0; width: 100%; border-bottom: 1px dashed #f1f1f1; }
.car_jia { width:80px; height: 20px; line-height: 20px; font-size: 12px; 
	color: #fff; font-weight: 600; float: left; border: 1px dashed #fff;
	background-color: #ff8c8c; text-align: center; }
.car_mj { line-height: 22px; font-size: 12px; float: left; margin-left: 10px; color: #333; }
.car_quan_btn { font-size: 12px; float: right; background-color: #fcfcfc; color: #ff8c8c; box-sizing: border-box; border: 1px solid #f1f1f1; width: 50px; height: 22px; text-align: center; line-height: 22px; }
.car_quan_btn1 { font-size: 12px; float: right; background-color: #dcdcdc; color: #fff; box-sizing: border-box; border: 1px solid #dcdcdc; width: 50px; height: 22px; text-align: center; line-height: 22px; }
.car_yhq_back { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }




.ref_aft {width: 100%; background-color: #fff;}
.ref_aft_on1 { border-bottom: 1px solid #f1f1f1; width: calc(100% - 20px); overflow: hidden; padding: 5px 10px 5px 10px; }
.ref_aft_spa1 {float: left; line-height: 20px; margin: 10px 0; }
.ref_aft_spa1_spl { font-size: 12px; color: #ababab; }
.ref_aft_co { width: 10%; height: 40px; float: right;}
.ref_aft_spi { font-style: normal; font-size: 12px; color: #ABABAB;}
.rubish { width: 20%; float: right; height: 43px;}



/*待付款详情*/

.ref_dress1 {background-color: #fff; margin-bottom: 10px; width: calc(100% - 20px); float: left; padding: 5px 10px;}

.pay_det {margin-top: 10px; margin-bottom: 10px; width: calc(100% - 20px); padding: 0 10px; background-color: #fff;} 
.pay_det_box1 { border-bottom: 1px solid #f1f1f1; overflow: hidden; }
.pay_det_box1_le { float: left; line-height: 40px;}
.pay_det_box1_ri { float: right; line-height: 40px; }
.pay_det_box1_rt { float: right; line-height: 40px; color: #e49b6e; }
.pay_det_box1_rf { float: right; line-height: 40px; font-size: 12px; color: #e49b6e; }

.pay_contains { width: calc(100% - 20px); margin-top: 10px;  padding: 5px 10px; background-color: #fff; } 
.pay_contains_p { line-height: 40px; font-size: 14px;}

.flow {margin-top: 10px; width: 100%; background-color: #fff; overflow: hidden; }
.flow_li {width: 20%; float: left;} 
.flow_fl {width: 40px; height: 40px; margin: 0 auto; } 
.flow_fl_p { text-align: center; }
.inp_rad {width: 15px; height: 20px; display: block; margin: 0 auto;}
.my_dd {color: #333;}


.pl_tain { background-color: #fff; width: calc(100% - 20px); padding: 0 10px; margin-top: 10px; }
.pl_tain_p { font-size: 12px; line-height: 30px; border-bottom: 1px solid #f1f1f1;}
.pl_tain_p_tex { border: none; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 0; width: 100%; resize: none; min-height: 80px; } 
textarea {outline: none;} 

/*容器*/
.xzw_starSys{ width: calc( 100% - 20px); min-height: 60px; padding: 10px 10px 0; margin: 10px auto 0; background-color: #fff;}
.xzw_starBox{ position:relative; width:120px; float:left; }
/**/
.xzw_starSys .description{clear:both; line-height: 20px; padding: 10px 0;}
.xzw_starSys .star{height:20px;width:120px; outline:none; position:relative;background:url(/Public/Home/Shop/img/star.png) repeat-x;cursor:pointer;}
.xzw_starSys .star li{float:left;padding:0px;margin:0px;width:40px; height:40px; line-height:40px; text-align:center;background:url(/Public/Home/Shop/img/hua_1.png) no-repeat center center; background-size:60%;}
.xzw_starSys .star li a{display:block;width:24px;height:20px;overflow:hidden;text-indent:-9999px;position:absolute;z-index:5;}
.xzw_starSys .star li a:hover{background:url(/Public/Home/Shop/img/star.png) 0 -25px repeat-x;z-index:3;left:0;}
/*.xzw_starSys .star a.one-star{left:0;}
.xzw_starSys .star a.one-star:hover{width:24px;}
.xzw_starSys .star a.two-stars{left:24px;}
.xzw_starSys .star a.two-stars:hover{width:48px;}
.xzw_starSys .star a.three-stars{left:48px;}
.xzw_starSys .star a.three-stars:hover{width:72px;}
.xzw_starSys .star a.four-stars{left:72px;}
.xzw_starSys .star a.four-stars:hover{width:96px;}
.xzw_starSys .star a.five-stars{left:96px;}
.xzw_starSys .star a.five-stars:hover{width:120px;}*/
.xzw_starSys .current-rating{background:url(/Public/Home/Shop/img/star.png) 0 -25px repeat-x;position:absolute;height:20px;z-index:1;top:0;left:0;}
.pingjia_img { overflow: hidden;}
.pingjia_img1 {width: 50px; margin: 5px; height: 50px; float: left;}
.pingjia_img3 {width: 50px; margin: 5px;  float: left;}
.pingjia_img2 {width: 50px; margin: 2px auto 0; height: 50px;}
.shangchuan_img { width: 50px; height: 50px; border: 1px dashed #f1f1f1; float: left; margin: 5px; padding: 5px;}
.pingjia_p { text-align: center; font-size: 12px; color: #aaa;}



.yhq_div {display: block; transition: 1s linear;}
.yhq_bj {background-color: #000; opacity: 0.5; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 5;}
.yhq_contai {position: fixed; z-index: 6; padding: 10px 10px; top: 46%; left: 50%; margin-left: -38%; width: 70%; height: 60px; background: url(/Public/Home/Shop/img/youhuiquan1.png) no-repeat; background-size: 100% 100%; border-radius: 5px; overflow: hidden;}
.yhq_cont {float: left; width: 36%; height: 60px;}
.yhq_cont_sp {width: 100%; display: block; line-height: 30px; font-size: 12px; color: #fff; text-align: center; margin-top: 4px;}
.yhq_cont_sp_i {font-style: normal; font-size: 18px;}
.yhq_cont_p {color: #fff; font-size: 12px; text-align: center;}
.yhq_cont2 {width: calc( 70% - 24px); float: right;}
.yhq_cont2_p1 {line-height: 30px; margin-top: 5px; text-align: center; color: #D01A1A; text-overflow: ellipsis; white-space: nowrap;}
.yhq_cont2_p2 {line-height: 20px; text-align: center; color: #DA9393; text-overflow: ellipsis; white-space: nowrap;font-size: 12px;}
.guanbi {position: fixed;z-index: 6;top: 67%;left: 50%;margin-left: -25px; width: 50px;height: 50px;background: url(/Public/Home/Shop/img/guanbi.png) no-repeat center center;background-size: 60% auto;}


/*选择收货地址*/

.xz_kd { line-height: 40px; text-align: left; border-bottom: 1px dashed #f1f1f1;color: #ababab;}
.xz_choi { width: 100%; border-bottom: 1px dashed #E8EFDC; overflow: hidden; }
.xz_choi:last-child {border-bottom: 0;}
.xz_choi_sp1 {float: left; line-height: 40px; }
.xz_choi_sp2 {float: right; line-height: 40px; color: #e49b6e;}
.dsx_close1 {width: 40px; height: 40px; position: absolute; top: 0; right: 0;}
.dsx_yf { min-height: 30% box-shadow: 10px 10px 5px #888888; width: calc( 100% - 20px); padding: 0 10px; max-height: 95%; background-color: #fff; transition: 0.3s linear; position: fixed; bottom: -900px; left: 0; z-index: 1000;}
.xz_choi_p { text-align: center; line-height: 40px; color: #ccc; }


.account_top {margin-bottom: 10px; background-color: #fff; width: calc(100% - 20px); padding: 5px 10px; height: 40px; } 
.account_top_sp { float: left; line-height: 40px;}
.account_top_spn { float: left; margin-left: 10px; line-height: 40px; color: #e49b6e;}

.jl_contain	{background-color: #fff; margin-bottom: 5px; padding: 0 10px; width: calc(100% - 20px);}
.jl_con1 { width: 100%; overflow: hidden; border-bottom: 1px solid #f1f1f1; }
.jl_con1_span1 {font-size: 12px; float: left; line-height: 30px;} 
.jl_con1_span2 {font-size: 12px; float: right; line-height: 30px;}

.jl_con2 { width: 100%; overflow: hidden;}
.jl_con2_span1 {font-size: 12px; float: left; line-height: 30px;}
.jl_con2_span2 {font-size: 12px; white-space:nowrap; text-align: right; text-overflow:ellipsis; overflow: hidden; float: right; line-height: 30px;} 
.jl_con2_span_i { font-style: normal; color: #8CC344; }
.jl_con2_span_io { font-style: normal; color: #e49b6e;}

.mask-filter-div {
    display: none;
    position: fixed;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0.4);
}

.shai_fix { display: none; }
.shai_x { box-shadow: 0 3px 5px #676767; width: calc(100% - 20px); background-color: #fff;  padding: 10px; position: fixed; z-index: 1; top: 50px; left: 0; }
.shai_box { width: 100%; overflow: hidden; }
.shai_tit { width: 100%; height: 40px; }
.shai_name { position: absolute; line-height: 40px;float: left; color: #333; font-weight: 600; font-size: 15px; padding-right: 20px; background-color: #fff; }
.shai_line { width: 100%; height: 1px;  display: inline-block; background-color: #e4e4e4; margin-top: 19px; }

.shai_xiang { width: 100%; }
.shai_sp_xia { margin-right: 10px; margin-bottom: 10px; display: inline-block; font-size: 12px; padding: 2px 10px; border: 1px solid #dadada; border-radius: 50px;  }
.shai_col {  color: #ee8181; border: 1px solid #ee8181; }

.shai_btn { width: 100%; overflow: hidden; margin-top: 10px; }
.shai_but1 { width: 48%; float: left; text-align: center; line-height: 40px; color: #fff; background-color: #75d8ed; }
.shai_but2 { width: 48%; float: right; text-align: center; line-height: 40px; color: #fff; background-color: #fd7474; }

.shai_wz { position: fixed; width: 100%; height: 100%; top: 50px; left: 0; background: rgba(0,0,0,0.5); }


.alert { display: none; }
.alert_box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 10; }
.alert_con { box-sizing: border-box; position: absolute; left: 5%; top: 50%; margin-top: -166px; width: 90%; border-radius: 10px; border: 2px solid #ddd; background-color: #fff; }
.alert_tit { margin: -30px auto 0; text-align: center; width: 60%; color: #fff; border-radius: 50px; height: 50px; line-height: 50px; border: 2px solid #f1f1f1; background-color: #e49b6e; box-shadow: 0 1px 3px #aaa; }
.ale_sp { font-size: 18px; margin-left: 5px; font-weight: 600; }

.aler_inp { border-radius: 5px; border: 1px solid #f1f1f1; width: 80%; margin: 20px auto 0; height: 40px; background-color: #fcfcfc; }
.aler_inp_le { width: 80px; color: #888888; text-indent: 10px; float: left; line-height: 40px; }
.aler_inp_ri { width: calc(100% - 80px); float: right; text-indent: 5px; line-height: 40px; border: none; background: none; }

.aler_choi { width: 80%; margin: 15px auto; }
.aler_cho_co { width: 15px; height: 15px; margin: 7px 0; float: left; margin-right: 10px; }
.aler_cho_sp { line-height: 30px; font-size: 14px; color: #e49b6e; }

.aler_yuyue { width: 80%; margin: 0 auto 10px; height: 40px; color: #fff; text-align: center; line-height: 40px; border-radius: 5px; background-color: #e49b6e; text-align: center; }

.aler_cl_line { position: absolute; left: 50%; margin-left: -1px; bottom: -32px; width: 1px; height: 30px; background-color: #ddd; margin: 20px auto 0; }
.aler_clos { position: absolute; bottom: -62px; left: 50%; margin-left: -15px; width: 30px; height: 30px; }


.new_box { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0,0,0,0.7); }
.new_zx { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; opacity: 0.3; }
.new_cont { width: 300px; height: 400px; position: absolute; top: 50%; margin-top: -200px; left: 50%; margin-left: -150px; z-index: 30 }
.new_money { width: 140px; height: 40px; margin-top: 254px; margin-left: 100px; color: #d11f2d; text-align: center; line-height: 40px; font-size: 30px; font-weight: 600; } 
.new_money_sp { font-size: 16px; }
.new_data { text-align: center; line-height: 20px; font-size: 14px; color: #000; margin-top: 20px; color: #fff; }
.new_btn { width: 200px; border-radius: 50px; height: 40px; background-color: #ffff00; color: #e60012; text-align: center; line-height: 40px; font-size: 14px; margin: 10px auto 0; }
.new_clos { width: 30px; height: 30px; position: absolute; top: 15px; right: 15px; }
.xz_pei{cursor:pointer}