@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 2020.10.30
************************************************************************/
/*.pcDIV	{display: block;}*/
.mobileDIV {	display: none;}
/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {	display: block}
/* 灰度滤镜
.star img {    filter: grayscale(100%);    -webkit-filter: grayscale(100%);    transition: -webkit-filter 2s;    transition: filter 2s;} */
/* common */
* {	margin: 0;	padding: 0;}
html {	height: 100%;font-size: 16px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
div, h1, h2, h3, h4, h5, h6, p, form, label, input, img, span,figure {	margin: 0;	padding: 0;}
ul, ol {	margin: 0;	padding: 0;	list-style-type: none;}
img {	border: 0;	max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}

body {
	display: block;
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	background: #F5F5F5;
	transition: all ease-out 0.3s;
	color: #666;
	font-size: 1em;
	line-height: 1.5;
	font-family: Arial, "Microsoft YaHei", "微软雅黑", "宋体",sans-serif;
}
a:link {	text-decoration: none;  color: #666;}
a:visited {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: none;	color: #666;}
a:active {	text-decoration: none;	color: #666;}
/*主色 #0c4ca3 = rgba(12,76,163,0.9)*/
.clear{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.txtCenter{ text-align:center!important;}
.txtleft{ text-align: left!important;}
.txt16{ font-size:16px!important;line-height:26px!important;}
.moree{ display:block; float:right; margin:6px 20px 0 0; border:0;}
.leftimg{ display:block; float:left; margin:0; padding:0; border:none;}
.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden}
.none	{display:none !important}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
.pos_rel	{position:relative;}

/* tabel 全局 */
/* tabel 全局 */
.tabelMain{ float:left; width:100%;border-top: #666 1px solid;border-bottom: #666 1px solid;  font: normal 14px/25px "Arial",Arial, Microsoft YaHei; }
.tabelMain td{ border-top: #d8d8d8 1px solid; padding:7px 4px; border-right: #d8d8d8 1px solid; }
.tabelMain th{  padding:7px 0;  background:#f8f8f8; position: relative;}
.tabelMain tr{  background:#FFF; }
.tabelMain tr:hover{  background:#f6f6f6; }
.tabelMain  tr.topline > * {    border-top-color: #b3b3b3;}
.tabelMain th:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 15px;
    width: 1px;
    background: #dedede;
}
.tabelMain th:first-child:before { display:none; width: 0; overflow:hidden;}
.tabelMain tr td:last-child { border-right:; }
.tabelMain tr td:first-child { color: }
.tabelMain tr td.border_none{ border-right:none; }
.tabelMain a{ color:#067BC6; }
.tabelMain a:hover{ color: #39F; }


.tabelMessage{ float:left; width:100%; border-bottom: #666 1px solid; }
.tabelMessage td{  border-bottom: #d8d8d8 1px solid; padding:10px 0;}
.tabelMessage .tdR{ padding-right:5%;}
.tabelMessage .tdone{border-top: #666 1px solid;}

/* button  表单与按钮 */

form .label_txt {    display:  inline-block;  float: left; width: 80px; text-align: right; font-size: 0.9em; line-height: 30px;    }
form .input_txt { font-size: 0.9em; line-height: 30px;  
    float: left;width:calc( 100% - 80px);
    text-align: left;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: 8px;
    border:none;
    text-transform: capitalize;
    outline: none;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

button	{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap}
button.dis,
button.dis	span	{cursor:default}
button.dis:hover	span	{background-position:0 0}
button.dis:hover	span	span	{background-position:right 0}



input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.7;}
.btn:hover, .btn-quote:hover, .knop:hover {  text-decoration:none!important;}
	
/* 全局公共 */
.relative{ position:relative;}
.subtitle{display: block; width:100%; float:left;line-height: 2;  }
.til_left{ text-align:left !important; float:left!important;margin:auto;}
.w50{ float:left; width:50%;}
.w50:after{ content: ''; clear: both; display: block; font-size: 0;}

.zindex99{z-index:99; position: relative;}
.FFF_9{ color: rgba(255,255,255,0.9) !important;}
.FFF_8{ color: rgba(255,255,255,0.8) !important;}
.FFF_8 a{ color: rgba(255,255,255,0.8) !important;}
.FFF_8 a:hover{ color: rgba(255,255,255,0.95) !important;}
.fir_title{ width:100%; text-align:center; font-weight:normal; font-size:30px; line-height:40px; color:#333; padding-top:60px; text-transform : uppercase/*全字母大写*/;}
.sec_title{ width:100%; text-align:center; font-weight:normal; font-size:16px; line-height:30px; color:#555; padding-bottom:35px; }
.linep{ display:block; margin:7px auto; width:60px; height:2px; background:#0966CA; overflow:hidden; font-size:0; }
.linep_color{ background:#009746;  }
.marginBTM25{ margin-bottom:25px!important;}
.paddingBTM50{ padding-bottom:50px;}
.paddingBTM65{ padding-bottom:65px;}
.paddingBTM60{ padding-bottom:60px;}
.paddingBTM70{ padding-bottom:70px;}
.paddingBTM25{ padding-bottom:25px;}
.paddingBTM15{ padding-bottom:15px;}
.paddingBTM10{ padding-bottom:10px;}
.paddingTop65{ padding-Top:125px;}
.paddingTop70{ padding-Top:70px;}
.paddingTop50{ padding-Top:50px;}
.paddingTop35{ padding-Top:35px;}
.paddingTop25{ padding-Top:25px;}
.paddingTop15{ padding-Top:15px;}
.paddingTop10{ padding-Top:10px;}
.margin-top-35{margin-top:35px!important;}
.text_3{text-overflow:ellipsis; }/*需要配合<nobr>*/
.no_info{width:100%; text-align: center; padding: 50px 0;}
.orang{color: #FF5000;}
.grey{color: #999!important;}

.bg_readonly {    background: #fcfcfc  !important; color: #666;}
/*---------------------------------//header-----------------------------------*/
.nav_menu{position: fixed;top: 0; left: 0; z-index: 99;}
.nav_menu:after,.nav_box:after,.ul.nav_list:after {	content: '';	clear: both;	display: block;	font-size: 0;}

.Nav_btn	{display:block; font-size:0;z-index: 9999; position: absolute; top:10px;right:-45px; width:32px; height:32px; cursor:pointer;/* background:#FFF;*/}
.Nav_btn span:before { content:"";position:absolute; left:3px;top:6px; width:26px; height:2px; background:#333;transition: all ease-out 0.3s;}
.Nav_btn span:after { content:"";position:absolute; left:3px;bottom:6px; width:26px; height:2px; background:#333;transition: all ease-out 0.3s;}
.Nav_btn span{ width:26px; height:2px; background:#333;  display:block; margin:15px auto;}
.Nav_btn span.open{background:none;  }
.Nav_btn span.open:before { transform: rotate(45deg); top:50%; margin-top:-1px;}
.Nav_btn span.open:after { transform: rotate(-45deg);bottom:50%;margin-bottom:-1px;}

.nav_box{position:absolute; left: -240px; top: 50px;width: 240px; height: 100vh; background: rgba(125, 125, 125, 0.95);transition: 0.3s;}
.nav_on{left: 0 !important; transition: 0.3s;}
ul.nav_list {float:left;width:100%;box-sizing:border-box;   }
ul.nav_list li{float:left;width:100%; box-sizing:border-box; border-bottom: 1px solid rgba(0,0,0,0.12);; position: relative; padding-left: 30px;}
ul.nav_list li a{width:100%;display: inherit;font-size: 16px; line-height: 42px;color: #FECB38;}

ul.nav_list li:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    top: 50%;
    margin-top: -5px;
    right: 23px;
    transform: rotate(45deg);
    border-right: #FECB38 1.5px solid;
    border-top: #FECB38 1.5px solid;
    opacity: 0.7;
}


#head {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 99;
    min-height: 57px;
    width: 100%;
    max-width: 920px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #F5F5F5;
}
#header{width:100%;  box-sizing:border-box; padding: 7px 0 35px 0;  ; border-radius: 0 0 20px 20px; overflow: hidden;
	    background: linear-gradient(to right,#ffcc00  0%,#ffcc00 100%);
}

#header:after,.navMain:after,.class-tabs:after,.search-item:after{ content:"";display: block;clear:both;}
#header h2{ width:100%;  float: left; font-size: 1.2em; padding: 10px 4% 15px 4%; color: #333;box-sizing:border-box;}
#header h3{ width:;  float: left; font-size: 1.2em; padding: 8px 0 15px 4%; color: #333;box-sizing:border-box;}
#header h2 .go_back{float: right; position: relative; font-size: 0;width:26px; height: 26px;overflow: hidden;}
#header h2 .go_back:after { font-size:14px; line-height: 26px; width:26px; height: 26px; background: rgba(255,255,255,0.9); text-align: center;border-radius:100%;
    content: "\f112"; font-family: FontAwesome; color: #F67E25;
    position: absolute;
    top: 0;
    right: 0;
}

.search-item{
    width: 100%; margin: 0 0 2px 0;
   padding: 5px;
    box-sizing: border-box;
    background: #FFF;
   /* border-radius: 6px;*/

}
.search-item .layui-col-xs5{padding-right: 3px;font-size: 0.9em; box-sizing: border-box; }
.search-item .layui-input {
    height: 34px;
    line-height: 34px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 5px;
}
.search-item .search-btn { width: 100%; text-align: center;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    background-color: #EEE;
    color: #777;
    white-space: nowrap;
    font-size: 14px;
    border: none;
    border-radius:5px;

    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}

.search_box{float:right;  padding: 7px 2% 0 0 ; }
.search_box input.txtBox {font-size: 0.8em;
    float: left;
    width: 150px;
    padding-left: 5px;
    height: 26px;
    line-height: 26px;
    color: #555;
    background: rgba(255,255,255,0.9);
    border: none;
    border-radius: 6px 0 0 6px;
    overflow: hidden;
}
.search_box .submit {
    float: left;
    color: #FFF;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border: none;
    background: rgba(0,0,0,0.25);
    cursor: pointer;
    border-radius: 0 6px 6px 0;
}

.login_top{width:100%; min-height: 220px; font-size: 0;float: left;
	    /*background-image:url(../images/bg_login_front.jpg );*/
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.login_top figure{display: block; width:280px; margin:74px auto; /*height: 120px; border-radius: 100%;overflow: hidden; padding: 10px; background: rgba(255,255,255,0.9); box-sizing: border-box; */}
.login_top figure img{width:100%;}

/*---------------------------------//top-----------------------------------*/
#topMain:after,#top_nav:after{ content: ''; clear: both; display: block; font-size: 0;}
#topMain{width:100%;  box-sizing:border-box; padding: 15px 0 65px 0;   border-radius: 0 0 20px 20px;
               background-image: linear-gradient(-90deg, #ffcc00, #ffcc00);
}

.cash_info a{position:absolute; right: 0; top: 0; background: rgba(255,255,255,0.5); color: #1ED76D; font-size: 0.8em; padding:5px  15px;border-radius:0 0 0 10px; z-index: 99;}
.box_txt{width:100%;box-sizing:border-box; padding: 15px; }


.my_info_header{width:100%; float: left; padding-left:13px; box-sizing: border-box;background:#FFF; border-radius:6px;margin-bottom: 6px; position: relative; }
.my_info_header figure{width:70px; height:70px;  float:left; border-radius: 100%; overflow: hidden; margin: 0; padding: 0;border: 5px solid #FFFFFF;}
.my_info_header figure img{width:100%; }
.my_info_header dl{width:calc( 100% - 80px); float:left;box-sizing:border-box; padding:1% 0 0 3%;color: #333; }
.my_info_header dt{ font-size: 1.2em; font-weight: normal; padding-top: 12px;}
.my_info_header dd{font-size: 0.8em; }
.my_info_header i{ position: absolute; top: 50%; right: 15px; font-size: 20px; width: 26px; height: 26px; line-height: 26px;    margin-top: -13px; border-radius: 100%; text-align: center; background: #DDD; color: #FFF; }


.my_info{width:100%; float: left; padding-left:15px; box-sizing: border-box;}
.my_info figure{width:90px; height:90px;  float:left; border-radius: 100%; overflow: hidden; margin: 0; padding: 0;border: 2px solid #FFFFFF;background:#FFF; }
.my_info figure img{width:100%; }
.my_info dl{width:50%; float:left;box-sizing:border-box; padding:1% 0 0 3%;color: #333; }
.my_info dt{ font-size: 1.2em; font-weight: normal; padding-top: 20px;}
.my_info dd{font-size: 0.8em;     padding-top: 2px;}




#my_Main:after,.my_money:after,.my_order:after,.my_nave:after{ content: ''; clear: both; display: block; font-size: 0;}
#my_Main{ width:96%; margin:-43px 2% 0 2%;  box-sizing:border-box;}
.my_money,.my_order,.my_nave{width:100%; float: left; background:#FFF; border-radius:6px; margin-bottom: 6px;}

.my_money ul {float:left;width:100%; box-sizing:border-box; }
.my_money ul li{float:left;width:25%; box-sizing:border-box; text-align: center; padding: 15px 0;}
.my_money ul li em {   font-size: 1.2em;   font-style: normal;  color: #F67E25;}
.my_money ul li em b {font-weight: 400;   font-size: 0.7em;   }

.my_order ul {float:left;width:100%; box-sizing:border-box; }
.my_order ul li{float:left;width:33.3333%; box-sizing:border-box; text-align: center; padding: 20px 0;}
.my_order ul li i{ color: #F67E25; font-size: 1.8em; padding-bottom: 5px;}
.my_order h2 span {   font-size: 0.8em;   font-style: normal; line-height: 40px; color: #666; float: right;}
.my_order h2 {width:100%; font-weight:  normal;   font-size: 1.2em; line-height: 40px;  color: #000; box-sizing: border-box;padding: 0 10px; border-bottom: 1px solid #EEE}

.my_nave ul {float:left;width:96%;margin: 0 2%; padding-bottom: 50px; }
.my_nave ul li{float:left;width:100%; box-sizing:border-box; border-bottom: 1px solid #EEE; position: relative;}
.my_nave ul li a{width:100%;display: inherit;font-size: 16px;padding: 7px 0; 
    line-height: 30px;}
.my_nave ul li:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    top: 50%;
    margin-top: -5px;
    right: 13px;
    transform: rotate(45deg);
    border-right: #EEE 1.5px solid;
    border-top: #EEE 1.5px solid;
}

 ul.pay_class {float:left;width:98%;margin: 0 1%; color: #000;}
 ul.pay_class li{float:left;width:100%; box-sizing:border-box; border-bottom: 1px solid #EEE; padding: 7px 0 7px 30px; position: relative;}
 ul.pay_class li.wxpay{background: url(../images/weixinpay.png) no-repeat left center;    background-size: 25px 25px;}
 ul.pay_class li.alipay{ background:url(../images/alipay.png) no-repeat left center;  background-size: 25px 25px;}
 ul.pay_class li.on:after {
    transition: all ease-out 0.3s;
    content: "\f00c"; font-family: FontAwesome; color: #F67E25;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 13px;
}

.cash_list:after,.cash_box:after{ content: ''; clear: both; display: block; font-size: 0;}
.cash_box {
    width: 98%;
    float: left;
    box-sizing: border-box;
    margin: 3px 1%;
}
.cash_list {width:100%; float:left; background:#FFF;box-sizing:border-box; padding:8px;  margin: 3px 0;border-radius:6px; position: relative;  }
.cash_list li{width:100%; float:left;  position: relative;  padding:4px 0;}
.cash_list h2{width:100%; float:left;  position: relative; font-size: .95em; line-height: 35px; color: #333; font-weight:  normal; border-bottom:1px solid #EEE; }
.cash_list h2 c{position: absolute; top: 0; right:8px;  color: #FF4819; font-style: normal;  }
.cash_list figure{width:50px; height: 50px; float:left; border-radius: 100%;overflow: hidden; margin:0 10px 0 0; padding: 0; }
.cash_list figure img{min-width:100%;min-height: 100%; }
.cash_list dl{width:calc( 100% - 60px); float:left;box-sizing:border-box; padding:8px 0 0 0;max-height: 100px; overflow: hidden;}
.cash_list dt{ font-size: 0.9em; font-weight: normal; color: #333;}
.cash_list dd{font-size: 0.9em;color: #333; }
.cash_list em {position: absolute; top: 15px; right:8px;    font-size: 1.1em;    color: #111; font-style: normal;}
.cash_list em b {font-weight: 400;   font-size: 0.8em;   }
.cash_list span {position: absolute; top: 45px; right:8px; font-size: 1em; color: #666; font-style: normal;  }
.cash_list p{width:100%; float:left;  font-size:0.95em;color: #666; font-weight:  normal;box-sizing:border-box; padding-left:60px;}
.cash_list p b {font-weight: 400;   font-size: 0.8em;   }
.cash_list p g {color: #111;  font-size: 1.1em;   }
.cash_list button {position: absolute; bottom: 8px; right: 8px;
   /* background-image: linear-gradient(90deg, #FF9000 0%, #FF5000 98%);*/
    font-size: 15px;
    line-height: 15px;
    padding: 8px 18px;
    text-align: center;
    border-radius: 80px;
    color: #FF4819; border: 1px solid #FF4819;
    white-space: nowrap;
}
.cash_list button.payed {    color: #666; border: 1px solid #666;   }




.login_box {border-radius:6px; background:#FFF; padding: 50px 10%;font-size: 0.85em;
    width: 96%;
    float: left;
    box-sizing: border-box;
    margin: 3px 2%;
}
.login_item_user,.login_item_password{position: relative;margin-bottom: 25px; width: 100%;line-height: 50px;}
.login_item_user:after {
    content: "\f007"; font-family: FontAwesome; color: #F67E25;
    position: absolute;
    top: 0;
    left:10px;
	font-size: 20px;
}
.login_item_password:after {
    content: "\f13e"; font-family: FontAwesome; color: #F67E25;
    position: absolute;
    top: 0;
    left: 10px;
	font-size: 20px;
}
.login_input {box-sizing: border-box; padding-left:35px;
    font-size: 1.2em; line-height: 50px;
    border: none;
    width: 100%; 
    background-color: #f2f2f2;
    border-radius: 6px;
}

.login_Submit {font-size: 1.4em; line-height: 50px;box-sizing: border-box;
    border: none;
    width: 100%;
    border-radius:25px;
    color: #333;
    cursor: pointer;
    word-spacing: 2px;
    letter-spacing: 2px;
    background: linear-gradient(to right,#ffcc00 0%,#ffcc00 100%);
    -webkit-transition: -webkit-box-shadow ease-in-out .15s;
    -o-transition: box-shadow ease-in-out .15s;
    transition: box-shadow ease-in-out .15s;
}
.login_Wechat{font-size: 1.4em; line-height: 50px;box-sizing: border-box;
    border:1px solid #ddd;
    width: 100%;
    border-radius:25px;
    color: #1ED76D;
    cursor: pointer;
    word-spacing: 2px;
    letter-spacing: 2px;
    background: linear-gradient(to right,#FFF 0%,#FFF 100%);
    -webkit-transition: -webkit-box-shadow ease-in-out .15s;
    -o-transition: box-shadow ease-in-out .15s;
    transition: box-shadow ease-in-out .15s;
}
.login_Wechat a{color: #1ED76D;}
.login_txt{color: #888; padding-top: 10px; line-height: 1.4;line-height: 1.6;}

.myinfo_box:after,.cash_box:after,.sale_list:after,.login_box:after{ content: ''; clear: both; display: block; font-size: 0;}
.myinfo_box {border-radius:6px; background:#FFF; padding: 15px 15px 0 0;
    width: 98%;
    float: left;
    box-sizing: border-box;
    margin: 3px 1%;
}

.sale_list {width:100%; float:left; background:#FFF;box-sizing:border-box; padding:8px;  margin: 3px 0;border-radius:6px; position: relative;font-size: 0.8em;}
.sale_list li{width:100%; float:left;  position: relative;  padding:8px 0;border-bottom:1px solid #EEE;}
.sale_list li.title_li{font-size: 1.2em;}
.sale_list li  span{width:25%; float:left; text-align: center;}
.sale_list li  span:nth-child(1){width:25%;}
.sale_list li  span:nth-child(2){width:30%; color: #06C;}
.sale_list li.title_li  span:nth-child(2){ color: #222!important;}
.sale_list li  span:nth-child(3){width:25%;}
.sale_list li  span:nth-child(4){width:20%;}


.myinfo_list h2 c{position: absolute; top: 0; right:8px;  color: #FF4819; font-style: normal;  }
.myinfo_list figure{width:50px; height: 50px; float:left; border-radius: 100%;overflow: hidden; margin:0 10px 0 0; padding: 0; }
.myinfo_list figure img{min-width:100%;min-height: 100%; }
.myinfo_list dl{width:calc( 100% - 60px); float:left;box-sizing:border-box; padding:8px 0 0 0;max-height: 100px; overflow: hidden;}
.myinfo_list dt{ font-size: 0.9em; font-weight: normal; color: #333;}
.myinfo_list dd{font-size: 0.9em;color: #333; }

/*---------------------------------//body-----------------------------------*/
#bodyMain:after,#body:after,#contect:after,.contect:after,#content:after,.box_list:after
{ content: ''; clear: both; display: block; font-size: 0;}
#bodyMain{width:100%;  box-sizing:border-box; }
#body{ width:98%;max-width:920px; margin:0 1%;  box-sizing:border-box;}

.contect,#contect,.content,#content{ display:block; width:100%; /*float:left;*/ padding:0; margin:0;  }
.bg_color_F6{ background:#F6F6F6;}
.bg_FFF{ background:#FFF;}

.box_h2{position: relative; font-size:1.1em; line-height: 35px; color: #333; font-weight:  normal; text-indent: 20px;  margin: 0 11px 11px 11px; border-bottom:1px solid #EEE;}
.box_form{width:100%;font-size: .9em; }
.box_textarea{border:1px solid #EEE; border-radius: 6px !important;    min-height: 60px !important; }
.box_list {
    width: 96%;
    float: left;
    background: #FFF;
    box-sizing: border-box;
    padding: 0;
    margin: 3px 2%;
    border-radius: 6px;
    position: relative;
	overflow: hidden;
}
.box_list p{ font-size: 0.95em; color: #999;}

/* 产品-----------------------------------*/


.pro_view{ float: left;width:100%;max-width:920px; margin:0;  box-sizing:border-box; background: #FFF; border-radius: 0 0 6px 6px; padding: 11px;position: relative;}
.pro_view dl{width:100%; float:left;box-sizing:border-box; padding:1% 0 0 8px; }
.pro_view dt{ font-size: 1.1em; font-weight: normal; color: #000; padding-top: 3px;}
.pro_view h4{ font-size: 1em; font-weight: normal; color: #666;padding-top: 3px;}
.pro_view dd{font-size: 0.8em;color: #999; padding-top: 3px;}
.pro_view em {width:100%; float:left;  font-size: 1.4em;    color: #FF4819; font-style: normal;font-weight: 600; }
.pro_view em b {  font-size: 0.7em;   }
.pro_view span {position: absolute; bottom: 12px; right:12px; font-size: 1.5em; color: #FFF; font-style: normal;  border-radius: 100%; width: 40px; height: 40px; line-height: 40px; text-align: center;
background-image: linear-gradient(0, #FF2A4C, #FF7849);}




.banner_box{width:100%;  box-sizing:border-box; }
.banner_box .swiper-pagination-bullet{width: 12px;    height: 12px;}
.banner_box .swiper-pagination-bullet-active{background:#FF4819}
.banner_box .swiper-slide img{width:100%;  }

.class-tabs{/*width:100%;  box-sizing:border-box; background: #FFFFFF; margin-bottom: 2px;*/
    width: 96%;
    margin: 3px 2%;margin-top: -37px;
    padding-left: 13px;
    box-sizing: border-box;
    background: #FFF;
    border-radius: 6px;
}
.class-tabs .swiper-slide{  text-align: center;line-height:50px;}
.class-tabs .swiper-slide-active{  }
.class-tabs .swiper-slide-thumb-active a{ color: #FF4819;position: relative;    display: inline-block; }
.class-tabs .swiper-slide-thumb-active a:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
    bottom: 0;
    left: 0;
   background: #FF4819;
}

.pro-list{width:100%;  box-sizing:border-box; padding-top: 104px;}
.pro_list:after{ content: ''; clear: both; display: block; font-size: 0;}
.pro_list {width:100%; }
.pro_list li{width:96%; float:left; background:#FFF;box-sizing:border-box; padding:8px;  margin: 3px 2%; position: relative;border-radius:6px; }
.pro_list figure{width:125px; height: 125px; line-height: 125px; float:left; border-radius: 6px;overflow: hidden; margin: 0; padding: 0; text-align: center;}
.pro_list figure img{max-width:100%;}
.pro_list dl{width:calc( 100% - 125px); float:left;box-sizing:border-box; padding:0 0 0 8px;max-height: 125px; overflow: hidden; }
.pro_list h4{ font-size: 1em; font-weight: normal; color: #666; padding-top: 3px;}
.pro_list dt{ font-size: 1.1em; font-weight: normal; color: #000;}
.pro_list dd{font-size: 0.8em;color: #999; padding-top: 3px;}
.pro_list em {position: absolute; bottom: 10px; left:140px;    /*font-size: 1.2em;   background: #FFF; color: #FF4819;*/ font-style: normal;}
.pro_list em b {font-weight: 400;   font-size: 0.7em;   }
.pro_list span {position: absolute; bottom: 12px; right:12px; font-size: 1.5em; color: #FFF; font-style: normal;  border-radius: 100%; width: 40px; height: 40px; line-height: 40px; text-align: center;
background-image: linear-gradient(0, #FF2A4C, #FF7849);}
.cart_sum {position: absolute; bottom: 35px; right:10px;}
.cart_sum g.a1 {    padding: 0; color: #FF7849;background: #FFF; border: 1px #FF7849 solid; box-sizing: border-box;font-size: 0;}
.cart_sum g.a2 {    padding: 0;  font-size: 0;background: #FFF;}
.cart_sum g { padding: 0 6px; position: relative;
    display: inline-block;width: 24px; text-align: center;
    height: 24px; line-height: 36px;
	border-radius: 100%;
    background: #FFF;
    color: #222; font-size: 20px;}
.cart_sum g.a1:after {width: 22px;height: 22px; line-height: 23px; text-align: center;
    content: "\f068"; font-family: FontAwesome; color: #FF7849;
    position: absolute;
    top: 0;
    left:0;
	font-size: 16px;
}
.cart_sum g.a2:after {width: 24px;height: 24px; line-height: 24px; text-align: center;
    content: "\f055"; font-family: FontAwesome; color: #FF7849;
    position: absolute;
    top: 0;
    left:0;
	font-size: 26px;
}
.cart_num_input{    width: 70px;
    text-align: center;
    background: #eee;
    border: none;
    padding: 10px 0;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
}

.order_list:after,.order_info:after,.pms_list:after{ content: ''; clear: both; display: block; font-size: 0;}
.order_list {width:96%; float:left; background:#FFF;box-sizing:border-box; padding:8px;  margin: 3px 2%;border-radius:6px; position: relative;  }
.order_list li{width:100%; float:left;  position: relative;  padding:4px 0;}
.order_list h2{width:100%; float:left;  position: relative; font-size: 1em; line-height: 35px; color: #333; font-weight:  normal;}
.order_list h2 c{position: absolute; top: 0; right:8px;  color: #0000ff; font-style: normal;  }
.order_list figure{width:100px; height: 100px; float:left; border-radius: 6px;overflow: hidden; margin: 0; padding: 0; background:#F2F2F2;}
.order_list figure img{min-width:100%;min-height: 100%; }
.order_list dl{width:calc( 100% - 180px); float:left;box-sizing:border-box; padding:1% 0 0 8px;max-height: 100px; overflow: hidden;}
.order_list dt{ font-size: 1.2em; font-weight: normal; color: #000;}
.order_list h4{ font-size: 1em; font-weight: normal; color: #666;}
.order_list dd{font-size: 0.8em;color: #999; }
.order_list em {position: absolute; top: 15px; right:8px;    font-size: 1.1em;    color: #111; font-style: normal;}
.order_list em b {font-weight: 400;   font-size: 0.8em;   }
.order_list span {position: absolute; top: 45px; right:8px; font-size: 1em; color: #666; font-style: normal;  }

.order_info {width:100%; float:left;  position: relative; font-size: 0.9em; color: #777;border-bottom: 1px solid #F2F2F2; }
.order_info p{font-weight:  normal;box-sizing:border-box; border-top: 1px solid #F2F2F2; padding: 4px 0;}
.pms_list {width:100%; float:left;  position: relative; font-size: 0.9em; color: #333;text-align: right; padding: 10px 0;}
 /* 
.order_list p{width:100%; float:left;  font-size:0.95em;color: #666; font-weight:  normal;box-sizing:border-box; border-top: 1px solid #F2F2F2; padding-top: 7px;}
.order_list p b {font-weight: 400;   font-size: 0.8em;  color: #F67E25;  }
.order_list p g {color: #F67E25;  font-size: 1.1em;   }
.order_list buttonbutton {position: absolute; bottom: 6px; right: 6px; background: #FFF;
  background-image: linear-gradient(90deg, #FF9000 0%, #FF5000 98%);
    font-size: 15px;
    line-height: 15px;
    padding: 8px 18px;
    text-align: center;
    border-radius: 80px;
    color: #FF4819; border: 1px solid #FF4819;
    white-space: nowrap;
}
.order_list buttonbutton.payed {    color: #666; border: 1px solid #999;   }
.order_list buttonbutton.shared {right: 100px;color: #666; border: 1px solid #999;   }



.pms_list p{width:100%; float:left;  padding:4px 0;  border-bottom:dashed 1px #EEE;margin: 0;    border-top: none;font-size: 0.9em; color: #888;}
.pms_list h4{position: absolute; right: 0; top: 10px; padding:0 10px;    border-top: none;font-size: 0.9em; color: #888;}
*/

.order_list ol{width:100%; float:left;  position: relative;  padding:4px 0; margin-top: 10px; border-top: 1px solid #e5e5e5;}
.order_list ol font{ float:right;  }
.order_list ol  eb{    font-size: 1.2em;    color: #F67E25; font-style: normal;}
.order_list ol b {font-weight: 400;   font-size: 0.8em; color: #F67E25;  }


.car-list{width:100%;  box-sizing:border-box; }
.car_list:after{ content: ''; clear: both; display: block; font-size: 0;}
.car_list {width:100%; }
.car_list li{width:96%; float:left; background:#FFF;box-sizing:border-box; padding:8px;  margin: 3px 2%; position: relative;border-radius:6px; }
.car_list figure{width:100px; height: 100px; float:left; border-radius: 6px;overflow: hidden; margin: 0; padding: 0; background:#F2F2F2;}
.car_list figure img{min-width:100%;min-height: 100%; }
.car_list h3{ font-size: 1.1em; font-weight: normal; color: #000;width:calc( 100% - 140px); float:left;box-sizing:border-box; padding-left: 8px;}
.car_list em {position: absolute; bottom: 8px; left:142px;    font-size: 1.4em;    color: #FF4819; font-style: normal;}
.car_list em b {font-weight: 400;   font-size: 0.7em;   }
.car_list span {position: absolute; top: 2px; right:2px; font-size: 1em; color: #FFF; font-style: normal;  border-radius: 100%; width: 30px; height: 30px; line-height: 30px; text-align: center;
background: rgba(0,0,0,0.3);}

.car_sum {position: absolute; bottom: 13px; right:13px;}
.car_sum g.a1 {    padding: 0 15px; border-left: none; border-right: none;}
.car_sum g {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #666;
    padding: 0 10px;
}


.car_list li label{margin-top:37px; display: block; float:left;}
label.select{width:25px; height: 25px; text-align: center;  border-radius: 100%; border: 1px solid #eee; margin-right: 5px;  overflow: hidden; display: inline-block;
 background:#FFF; color: #FFF;}
label.no{  background:#FF7849 !important;}

.settlement-bar.on { position: fixed;  left: 0; bottom: 58px; right: 0;z-index: 1013;    border-top: 1px solid #e5e5e5;

}
.settlement-bar {width: 100%;float: left; position: relative;   border-top: 1px solid #e5e5e5;
    background-color: #FFFFFF;
    height: 54px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.settlement-bar .checkbox-wrapper {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 10px;
	    width: 50%;
    padding: 13.5px;
	box-sizing: border-box;
}
.settlement-bar .submit-wrapper { position: absolute; right: 15px;top: 0; line-height: 54px;}
.settlement-bar bar {   font-size: 1.4em;    color: #FF5000; font-style: normal;}
.settlement-bar bar b {font-weight: 400;   font-size: 0.7em;   }
.settlement-bar .submit-wrapper .submit {
    background-image: -webkit-linear-gradient(left, #FF9000 0%, #FF5000 98%);
    background-image: linear-gradient(90deg, #FF9000 0%, #FF5000 98%);
    font-size: 15px;
    line-height: 15px;
    padding: 8px 18px;
    text-align: center;
    border-radius: 80px;
    color: #FFFFFF;
    white-space: nowrap;
    margin-left: 10px;
}

/* 常用地址-----------------------------------*/
ul.my_dizhi:after {	content: '';	clear: both;	display: block;	font-size: 0;}
ul.my_dizhi {width:98%;margin: 0 1%;padding: 3%; border-radius: 6px;box-sizing:border-box;    background: #FFF; min-height: 40vh;}
ul.my_dizhi li{float:left;width:100%; box-sizing:border-box; border-bottom: 1px solid #EEE; position: relative; padding: 15px 0;}
ul.my_dizhi li a{width:100%;display: inherit;font-size: 16px; line-height: 26px;}
ul.my_dizhi li a h3{color: #333;}
ul.my_dizhi li a p{color: #999;}
ul.my_dizhi li:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    top: 50%;
    margin-top: -5px;
    right: 13px;
    transform: rotate(45deg);
    border-right: #EEE 1.5px solid;
    border-top: #EEE 1.5px solid;
}


/* footer-----------------------------------*/
#list_end{width:100%; text-align: center; padding:25px 0 65px 0; color: #ccc; font-size: 0.85em;float: left;}

#footmain:after, #foot:after, .footbar:after, #footer:after {
	content: '';	clear: both;	display: block;	font-size: 0;
}
#footmain{float: left;
    position: fixed;
    bottom: 0;
    z-index: 1013;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;height: 57px;    border-top: 1px solid #e5e5e5;
    width: 100%;max-width: 920px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	
    background-color: #fff;
}

.foot_list:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.foot_list {    float: left;    width: 100%;}
.foot_list li {
    float: left; box-sizing: border-box; text-align: center;
    width: 25%; 
}
.foot_list li a{color: #555;}
.foot_list li p {width: 100%; padding-top: 0.5em; line-height: 1;}
.foot_list li i { font-size: 1.4em; line-height: 1;font-style: normal; position: relative;}
.foot_list li i g {left:95%; top: -5px;  position:  absolute; border-radius: 100%; width: 22px; height: 22px; line-height: 22px; text-align: center;
    padding: 0;background:rgba(255,120,73,.98);
    color: #FFF;
    font-size:14px;}
.foot_list li span {width: 100%; font-size: 0.8em; line-height: 1;}

.btn_list {    float: left;    width: 100%;;}
.btn_list li {width: 20%;      float: left; box-sizing: border-box; text-align: center;}
.btn_list li:nth-child(3),.btn_list li:nth-child(4) {    width: 30%; line-height: 57px;}
.btn_list li:nth-child(3){ background-image: linear-gradient(90deg,#ffd101,#ff9302);}
.btn_list li:nth-child(4) { background-image: linear-gradient(90deg,#ff7500,#f35);}
.btn_list li:nth-child(3) a,.btn_list li:nth-child(4)  a{  color: #FFF}

.btn_list li p {width: 100%; padding-top: 0.5em; line-height: 1;}
.btn_list li i { font-size: 1.4em; line-height: 1;font-style: normal;}
.btn_list li span {width: 100%; font-size: 0.8em; line-height: 1;}

.carting.on{top:0 !important;}
.carting {
    overflow-y: scroll;
    position: fixed;
    z-index: 100;
    top:100%;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.carting_list:after{ content: ''; clear: both; display: block; font-size: 0;}
.carting_list {width:99%;position: absolute; left: 0.5%; right:  0.5%; bottom: 58px;background:#FFF;border-radius: 6px 6px 0 0;padding: 0 8px;box-sizing:border-box; }
.carting_list h2{width:100%; float:left; box-sizing:border-box; font-size: 1.1em; font-weight: normal; color: #000;padding:10px;}
.carting_list h2 span{float:right;font-size: 0.8em; color: #999;}
.carting_list li{width:100%; float:left; box-sizing:border-box;  margin-bottom:8px; position: relative; }
.carting_list figure{width:100px; height: 100px; float:left; border-radius: 6px;overflow: hidden; margin: 0; padding: 0; background:#F2F2F2;}
.carting_list figure img{min-width:100%;min-height: 100%; }
.carting_list dl{width:calc( 100% - 100px); float:left;box-sizing:border-box; padding:0 0 0 8px;max-height: 125px; overflow: hidden; }
.carting_list dt{ font-size: 1.1em; font-weight: normal; color: #000;}
.carting_list h4{ font-size: 1em; font-weight: normal; color: #666;}
.carting_list dd{font-size: 0.8em;color: #999; }
.carting_list em {position: absolute; bottom: -6px; left:106px;    font-size: 1.2em;    color: #FF4819; font-style: normal;}
.carting_list em b {font-weight: 400;   font-size: 0.7em;   }