/*!
 * common css file
 */
@charset "utf-8";

/*reset start*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
*{font-family: Arial, 'Luxi Sans', 'DejaVu Sans', Tahoma, 'Hiragino Sans GB', 'Microsoft YaHei';}
body{line-height:1;font-size: 12px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; color: #16946c;}
a:hover{text-decoration: none;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid#cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;margin: 0;padding: 0;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfix{zoom:1}
.clear{clear:both;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{color: #333;font-weight: normal;}
h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
.font16{ font-size: 16px;}
em{font-style:normal;}
.m0 {margin: 0 !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr14{ margin-right:14px!important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.main-top{ margin-top: -20px !important;}
.mt80{ margin-top: 80px;}
.pb0{padding-bottom: 0!important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb14{margin-bottom: 14px !important;}
.mb20{margin-bottom: 20px !important;}
.mb40{margin-bottom: 40px !important;}
.pb10{ padding-bottom: 10px!important;}
.pt6{ padding-top:8px!important;}
.ptBox{ padding: 0 20px}
.db{display: block;}
.dib{display: inline-block;}
.pa{position: absolute;}
.pr{position: relative;}
.fl{float: left;}
.fr{float: right;}
.bg-color{ background-color: #fff;}
.select-min{ width: 50px !important;}
.por{ position: relative;}
/*强制换行*/
.wrap{ word-break:break-all;}
/* 浏览器默认按钮点击效果去掉 */
.container-fluid {
	padding-right: 10px;
	padding-left: 10px;
	*zoom: 1
}
/*去掉bootstrap给a标签加的outline*/
a:focus{outline: none;text-decoration:none;}
/*增加编辑的下边距*/
.ke-container{margin-bottom: 15px!important;}
input,button,select,textarea{outline:none; border: none;-webkit-appearance:none;border-radius: 0;}
.btn.btn-primary[disabled],.btn.btn-primary[readonly],.btn.btn-primary[disabled], .btn.btn-primary[readonly]:hover{background-color: #999; border-color:#999; cursor: no-drop;}
input[type=text]:disabled,input[type=text]:read-only{ background-color: #efefef;cursor: no-drop; }
textarea{resize:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;}
.vdisBox{-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;}
.hdisBox{-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;}
.box-flex{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;}
.flex{ display: -webkit-box;display: -ms-flex;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-align-items: center;-webkit-align-items: center;align-items: center;}
.flex-between{ -webkit-box-pack: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
/*reset end*/

.edui-editor-bottomContainer{ display: none;}
.input1 {width: 60px;}
.input2 {width: 80px;}
.input3 {width: 100px;}
.input4 {width: 120px;}

.input_mini {width: 60px !important;}
.input_small {width: 100px !important;}
.input_medium {width: 200px !important;}
.input_large {width: 300px !important;}
.select_mini {width: 60px !important;}
.select_small {width: 90px !important;}
.select_medium {width: 200px !important;}
.select_large {width: 300px !important;}
.inputPl{ width:110px!important;padding-right:25px!important;}

.full_width {width: 100% !important; box-sizing: border-box !important;}
.border_box_sizing {box-sizing: border-box !important;}
.t_align_center {text-align: center !important;}
.t_align_left {text-align: left !important;}
.t_align_right{ text-align: right!important;}
.img_middle{ vertical-align: middle;width: 20px;height:20px;}
.img_center{ vertical-align: middle;}
/*当行高太高时*/
div.control-load{ height: 20px;line-height: 20px;}
.control-group label.control-name{ line-height: 20px;}
.con_label{ float: left;color: #333;width: 117px;/* white-space: nowrap; */padding-left: 10px;text-align: right;line-height: 32px;padding-top: 0;}
/*加号样式*/
.upload_res{ display:block;width:100%;text-align:center;color:#999;background-color: #fff;margin-top: 15px;}
.select_box{ width:200px;text-align: center ;height:110px;float: left;border:1px solid #ddd;}
.select_box:hover span,.select_box .select:hover,.select_box:hover .add{ color:#19a97b;}
.select_box .select{ color:#999;display: block;height: 110px;}
.add{ font-size: 50px;color:#b2b2b2;margin-top: 12px;}
/*标题样式*/
.title-border{ display: block; padding: 5px; margin: 0 20px 15px; border-bottom:1px solid #d9d9d9; color:#333;}
.title-border:before{ content:" "; border-left:5px solid #19a97b; margin-right: 6px;}
/*主色调文字*/
.font-main-color {color: #19a97b;}
.font-gray {color: #808080 !important;cursor:not-allowed;}
.gray{ color:#999;}
.wmall-color{ color:#ff8a00;}
/*绿色文字*/
.font-red{ color:red;}
.font-green{color:#19a97b;cursor: pointer;}
.font-green:hover{color:#158662;cursor: pointer;}
.main-border-color{ border:1px solid #19a97b!important;}
.main-pro-color{ border:1px solid #19a97b!important;color:#19a97b!important;}
.font-big{ font-size:16px;}
.font-max{ font-size:20px;}
.grayBg{ background-color: #f8f8f8}
.whiteBg{ background-color: #fff}
.gray-star:before{ content:'*';margin-right: 4px;vertical-align: middle}

.starRed:before {
    content: '*';
    margin-right: 2px;
    vertical-align: middle;
    color: red;
}
/*页面标题*/
.content-title {
	display: none;
	padding:10px 10px;
	background-color: #fff;
	border-bottom: 1px solid #d2d2d2;
}
.content-title h3 {
	color: #666;font-size: 14px;
	height:20px;
	line-height: 20px;
}

/*页面内容*/
#main {padding-top: 14px;padding-bottom: 30px;}
.alert-info {
	margin: auto 10px;
	margin-bottom: 2px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	background-color: #fcf0f0;
	-webkit-box-shadow: 0px 2px 6px 1px #e2e2e2;
	box-shadow: 0px 2px 6px 1px #e2e2e2;
}
.alert{
	border:none;
}
.arrow-up-css {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f2f2f;
    font-size: 0;
    line-height: 0;
}
.border-btn{ border-bottom: 1px solid #d2d2d2;padding-bottom: 14px;}
.layui-layer-btn0 { background: #19a97b !important; }
@media screen and (min-width:320px) and (max-width:767px) {
	#main{ padding-right: 20px;}
}
/*冒号*/
.colons::after{ content:"\FF1A";}
/*问号*/
.q_tip{ color:#666;}
.dropdown-menu .active>a, .dropdown-menu .active>a:hover{
	background-color: #19a97b;background-image:linear-gradient(to bottom, #19a97b, #19a97b);}
.question{ width: 1.6em; height: 1.6em;vertical-align: middle;fill: currentColor;overflow: hidden;}
.help_icon{ background:url('../../res/help.png') no-repeat;display: inline-block;width:18px;height:18px;background-size: 18px;vertical-align: middle;}
.noticeTitle{ font-weight: bold}
.submenu{ position: absolute;z-index: 89;margin-top: -38px;margin-left: -4px;width: 82px;height: 36px;border: 1px solid #19a97b;line-height: 36px;}
.submenuOn{ position: absolute;z-index: 89;top: 0;margin-left: 0;width: 82px;height: 45px;border: 1px solid #19a97b;line-height: 45px;}
.hand{ cursor: pointer}
.b-bottom{ border-bottom:1px solid #e7e7e7;}
.b_img{ width:190px;height: 120px;}
.reslist { float: left;width: 192px;height: 190px;margin: 16px;padding: 10px 14px;position: relative;color:#333;border:1px solid #efefef;}
.reslist-act{ width: 100%;height: 210px;text-align: center;position: absolute;top:50%;left: 1px;margin-top: -105px;margin-left: -.3%;z-index: 100;background:rgba(0, 0, 0, .6) ;}
.reslist-mask{ width: 100%;height: 210px;text-align: center;position: absolute;top:50%;left: 1px;margin-top: -105px;margin-left: -.3%;z-index: 100;background:rgba(0, 0, 0, .6);background:url('../../res/common/check.png') no-repeat;background-position:center center; }
.reslist-deta{ height:190px;line-height:190px;text-align:center;color:#fff;}
.reslist-deta a{ color:#fff;}
.file_name{ display: inline-block;width: 192px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;padding-bottom: 14px;}
.p_width{ width:100px;}
.banner-img{ width:80px;height: 80px;}
.arena{ border-radius: 50%;}
/*圆形步骤条*/
.order_card_box{ position: relative;height: 75px;margin: 20px 0 34px;z-index: -1}
.order_card{ position: absolute;left: 50%;margin-left: -265px;}
.progressBar{ float: left;}
.progressBar span{ display: block;}
.progressBar .proTitle{ margin-bottom:14px;margin-left: -8px;}
.progressBar .proNum{ display:inline-block;width:32px;height:32px;line-height: 32px;border-radius: 50%;text-align:center;color:#fff;font-size: 14px;margin-left: -1px}
.progressBar .proDate{ display: block;width:150px;margin-top: 14px;margin-left: -37px;}
.progressBar .proW{ display: inline-block;width:150px;height: 12px;margin-left: -4px;}
.progressBar .proBgcolor{ background-color: #19a97b;color:#fff;}
.progressBar .proGray{ background-color: #efefef;color:#333;}
/*箭头步骤条*/
.step_i{ display:inline-block;width:28px;height:28px;line-height:28px;border-radius:50%;font-style: normal;font-family: Arial;margin-right: 10px;font-size: 14px;background-color: #999;color:#fff;}
.step-container { margin: 0;padding: 0;width: 1000px; }
.step-container li { display: inline-block;float: left;position: relative;margin: 0;padding: 0;width: 33%;height: 50px;line-height: 50px;font-size: 14px;text-align: center;background-color: #f2f2f2;color: #ffffff; }
.step-container li.step-past { background-color: #19a97b;width: 34%;}
.step-container li.step-past .step_i{ background-color: #fff;color:#19a97b;}
.arrow { position: absolute;right: -15px;height: 50px;background-color: #ffffff;z-index: 2;}
.arrow span { display: inline-block;border-left: 25px solid transparent;border-top: 25px solid transparent;border-bottom: 25px solid transparent; }
.arrow-next { margin-left: -24px;}
.arrow-past .arrow-pre { border-left: 25px solid #19a97b;}
.arrow-past .arrow-next { border-top: 25px solid #f2f2f2;border-bottom: 25px solid #f2f2f2;}
.arrow-current .arrow-pre { border-left: 25px solid #f2f2f2;}
.arrow-current .arrow-next { border-top: 25px solid #f2f2f2;border-bottom: 25px solid #f2f2f2;}
.step-current .font-color{ color:#999;}
.step-container .two-li{ background-color: #19a97b;}
.step-container .two-li .step_i{ color: #19a97b;background-color: #fff}
.step-container .two-li .font-color{ color: #ffffff; }
.arrow-past .arrow-next .horn{ border-top:25px solid #19a97b;border-bottom:25px solid #19a97b; }
.c-info{ line-height: 30px;}
.present{ width:225px;border:1px solid #d2d2d2;display: inline-block;background-color:#efefef;color:#666;vertical-align: top;padding: 10px 15px;}
.present .p-type{ line-height: 1.6em;}
.focus{ display: inline-block;width: 117px;padding-left: 10px;text-align: right;line-height: 32px;padding-top: 0;margin-left: -3px;}
/*超出省略*/
.over{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.over-width-60{ width:60px;}
.over-width-100{ width:100px;}
.over-width-116{ width:122px;}
.over-width-146{ width:146px;}
.over-width-150{ width:150px;}
.over-width-200{ width:200px;}
.over-width-240{ width:240px;}
.tips-color{ color: #689AFD;}
.close-img{ position: absolute;top: 0;right: 0;z-index:200;display: block;width: 14px;height: 14px;text-align: center;line-height: 14px;background: rgba(0,0,0,0.6);font-size: 18px;color: #fff;padding: 6px;border-radius: 50%;}
.check-icon{ background: url('../../res/billings/check-icon.png') no-repeat bottom right;background-size: 30px;}
.staff-width{ display: inline-block;width: 60px;text-align: right;}
.table-header{ position: relative;height: 50px;}
.table-header .pp{ display: block;position: absolute;right: 10px;top:10px;}
.table-header .pp1{ display: block;position: absolute;left: 10px;top:20px;}
.table-header .border-b{
	display: block;
	width:210px;
	border-top:1px solid #d2d2d2;
	position: absolute;
	top:25px;
	left: -5px;
	transform:rotate(13deg);
	-ms-transform:rotate(13deg); 	/* IE 9 */
	-moz-transform:rotate(13deg); 	/* Firefox */
	-webkit-transform:rotate(14deg); /* Safari 和 Chrome */
	-o-transform:rotate(13deg);
}
.control-star-S{ width:94px;display:inline-block;text-align: right;}
.control-star-M{ width:100px;display:inline-block;text-align: right;margin-left: 52px}
.control-star-L{ width:110px;display:inline-block;text-align: right;margin-left: 40px}
.pro-img{ width:34px;height:34px;}
.code-img{ width:34px;height:34px;}
.cardSet{ width:180px;height:300px;position: relative}
.askCode{ padding: 6px 6px;position:absolute;bottom:0;vertical-align: middle}
.word{ text-indent: 25px;}
.t-list{ width:55px;display:inline-block;text-align: justify;text-align-last: justify;}
.msg{ padding: 10px 20px;background: #efefef;margin-bottom: 15px;}
/*登录页图标*/
.ios-icon{ width:28px;height:28px;display:inline-block;background: url('../../res/ios-icon.png') no-repeat;background-size: 100%;vertical-align: middle}
.android-icon{ width:28px;height:28px;display:inline-block;background: url('../../res/android-icon.png') no-repeat;background-size: 100%;vertical-align: middle}

.levelMenu{ float: left;padding: 0 16px 8px;color:#333;font-size: 15px;}
.menuActive{ border-bottom: 2px solid #19a97b}
.wx-title{ display:block;width:110px;text-align:center;position: absolute;top: 6%;left: 50%;margin-left:-55px;color: #fff;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.drainageTitle{ display:block;width:220px;text-align:center;position: absolute;top: 35px;left: 27%;margin-left:-55px;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.previewBox{ width:240px;position:absolute;top:100px;left:50%;margin-left:-132px;padding:10px 12px;border:1px solid #d2d2d2;}
.phoneBg{ background: url('../../media/images/cusmenu/3CustomLt_new.png') no-repeat;width: 297px;height: 525px;position: relative;background-size: 100%;}
.drainageBg{ background: url('../../media/images/cusmenu/drainageBg.jpg') no-repeat;width: 297px;height: 525px;position: relative;background-size: 100%;}
.smsBg{ background: url('../../media/images/cusmenu/smsBg.jpg') no-repeat;width: 297px;height: 525px;position: relative;background-size: 100%;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.maincd{ cursor: pointer;height:45px;line-height: 45px;width:82px;text-align: center;}
.menu_list{ height: 47px;width: 82px;line-height: 45px;text-align: center;border-right:1px solid #e7e7eb;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.coupons-icon{ height: 5px;display:block;width: 100%;background: #999 url('../../res/wmalls/border-gray.png') no-repeat;background-size:100% 5px;border-radius: 4px;position: relative}*/
.settingBox{ display:inline-block;width:48%;height:80px;float:left;margin: 10px;padding-bottom: 20px}
.admin-up{ display:inline-block;width:20px;height:16px;background: url('../../res/common/arrUp.png') no-repeat;background-size: 16px;vertical-align: text-bottom}
.admin-down{ display:inline-block;width:20px;height:16px;background: url('../../res/common/arrDown.png') no-repeat;background-size: 16px;vertical-align: text-bottom}
.service-title{ display: inline-block;color:#333;font-size: .65rem;vertical-align: middle}
.service-title:before{ content:"|";font-weight: bold;display:inline-block;color: #ff8a00;margin-right: .2rem;vertical-align: top;}

.couponsBox{ float:left;width: 240px;margin: 0 10px 16px 0;padding: 20px 15px;position: relative;color:#333;border:1px solid #d2d2d2;}
.couponsBox .couponName{ width:20%;padding-right: 10px;text-align: center;vertical-align: middle}
.couponsBox .couponDetail{ width:68%;border-left:1px dashed #999;padding-left: 10px;}
.couponsBox .couponList{ width: 100%;height: 100px;text-align: center;position: absolute;top:50%;left: 1px;margin-top: -50px;margin-left: -.3%;z-index: 100;background:rgba(0, 0, 0, .6) ;}
.couponsBox .couponList .couponData{ height:100px;line-height:100px;text-align:center;color:#fff;}
.couponData a{ color:#fff;}
.condition-box{ width:240px;border:1px solid #d2d2d2;padding: 10px;background-color: #efefef}
.pro-type{ width:123px;display:inline-block;padding: 14px 0;border:1px solid #d2d2d2;text-align: center;margin-right: 14px;color:#333;}
.row-height{ line-height: 20px}
.pro-materialBox{ width:144px;height:120px;float:left;margin: 0 13px 16px 0;padding: 10px 15px;position: relative;color:#333;border:1px solid #d2d2d2;}
.pro-selectTime{ width:80px;float:left;border:1px solid #d2d2d2;text-align: center;margin-right: 12px;padding:4px 12px;}

.brand-code{ vertical-align: middle;width:32px;height:32px;}
.main-inputText:after{ content:'\5df2\8fc7\671f';position: absolute;top:2px;right:10px ;z-index: 10;color:red;}
.location{ position: relative}
.addInputUnit:after{ content:'km';position: absolute;top:1px;right:10px ;z-index: 10;color:#666;}
td.addInputUnit:after{ top:10px;}
.percentage:after{ content:'%';position: absolute;top:10px;right:10px ;z-index: 10;color:#666;}
.type-box{ width:80px;height: 36px;line-height: 36px;text-align: center;background-color: #f4f4f4;color:#666;margin: 0 8px 14px 0;cursor: pointer}
div.type-boxOn,.type-boxOn a{ background-color: #19a97b;color:#fff!important;}
/*收藏图标*/
.addImg{ width:22px;height: 22px;display:inline-block;vertical-align: middle;background: url('../../res/dhmalls/icon_me_collection.png') no-repeat;background-size: 100%;margin-top: -2px;margin-right: 2px}
.addImgOn{ width:22px;height: 22px;display:inline-block;vertical-align: middle;background: url('../../res/dhmalls/icon_me_collectionO.png') no-repeat;background-size: 100%;margin-top: -2px;margin-right: 2px}
.addCarImg{ width:22px;height: 22px;display:inline-block;vertical-align: middle;background: url('../../res/dhmalls/icon_shopping cart_white.png') no-repeat;background-size: 100%;margin-top: -2px;margin-right: 4px}
.addCarImgOn{ width:22px;height: 22px;display:inline-block;vertical-align: middle;background: url('../../res/dhmalls/icon_shopping cart_pressed.png') no-repeat;background-size: 100%;margin-top: -2px}
/*.carBox{ line-height:15px;display:inline-block;border:1px solid #d2d2d2;border-radius:4px;margin-right:6px;margin-bottom:4px;padding: 5px ;background-color: #f2f2f2;}*/
.moreR{ height: 33px;overflow: hidden}
.carBox{ padding-right:5px;}
.checkColor{ color:#ca2e13;}
.selYears{ display: block;text-align: center;line-height:1.2rem;}
.selYears:before{ content: "";display: inline-block;position: relative;top:-4px;left: 0;width: 32%;height: 0;border-bottom: 1px solid #d2d2d2;margin-right: .2rem}
.selYears:after{ content: "";display: inline-block;position: relative;top:-4px;right: 0;width: 32%;height: 0;border-bottom: 1px solid #d2d2d2;margin-left: .2rem}
/*div 代替 table布局*/
.tableBox{ border-top: 1px solid #d2d2d2;}
.tableBox .table-tr{ line-height: 30px;border:1px solid #d2d2d2;float: left}
.tableBox .trWidth-XL{ width:99.7%;}
.tableBox .trWidth-L{ width:49.75%;}
.tableBox .trWidth-M{ }
.tableBox .trWidth-S{ }
.tableBox .thWidth-XL{ }
.tableBox .thWidth-L{ width:48%;}
.tableBox .thWidth-M{ width:23.8%;}
.tableBox .thWidth-S{ }
.tableBox .tdWidth-XL{ }
.tableBox .tdWidth-L{ width:48%;}
.tableBox .tdWidth-M{ width:74%;}
.tableBox .tdWidth-S{ }
.table-tr:nth-child(2n){ border-left:none;border-top:none;}
.table-tr:nth-child(2n-1){ border-top:none;}
.tableBox .table-th{ background-color: #efefef;color: #666;text-align: center;float: left;font-weight: bold;border-right:1px solid #d2d2d2;padding: 2px;height: 34px;line-height: 34px;vertical-align: middle;}
.tableBox .table-td{ float: left; padding: 2px;height: 34px;line-height: 34px;vertical-align: middle;}
.table-td input,select{ width:92%;}
.popBox{ width: 100%;position: fixed!important;z-index: 1001;bottom: 8px;right: 0;left: 0;padding: 8px 0;text-align: center;background-color: #f2f2f2;margin-left: 0!important;}
.printUrl{ display:block;height: 30px;line-height: 30px;padding: 0 12px;font-size: 14px;text-align: left;white-space: nowrap;background-color: #fff;border-radius: 2px;}
.printUrl:hover{ background-color: #19A97B;color:#fff;}
.printUrlBox{ position: absolute;bottom:0;right:10px;text-align: right;background-color: #fff;box-shadow:  1px -1px 8px #d5d5d5;cursor: pointer;}
.years{ display: block;text-align: center;padding: 14px 0;line-height:1.2rem;font-size: 16px}
.years:before{ content: "";display: inline-block;position: relative;top:-4px;left: 0;width: 37%;height: 0;border-bottom: 1px solid #d2d2d2;margin-right: .2rem}
.years:after{ content: "";display: inline-block;position: relative;top:-4px;right: 0;width: 37%;height: 0;border-bottom: 1px solid #d2d2d2;margin-left: .2rem}
.icon-success{ display: inline-block;background: url("../../res/wmalls/icon-success.png") no-repeat;width: 36px;height: 36px;vertical-align: middle;margin-right: 10px;background-size: 100%}
.timeName{ width:80px;text-align: center;}
.font-money{ font-size:20px;}
.chekboxDisabled:after{ content:url("res/checkboxDisabled.png")!important;position: absolute;top: 3px;left: 0;z-index: 2;}
.share_preview{ border:1px solid #e2e2e2;padding: 6px;}
.warning{ width:auto;height:20px;line-height:20px;position: absolute;top:-12px;right:-12px;z-index: 2;padding:0 10px;background-color: #f34949;color:#fff;border-radius:8px;}
.bgMusic{ width: 18px;height: 18px;display:inline-block;background: url(../../res/common/pause.png) no-repeat;background-size:100%;vertical-align: middle}
i.play{ width: 16px;height: 18px;display:inline-block;background: url(../../res/common/play.png) no-repeat;background-size:100%;vertical-align: middle}
/*新手引导*/
.guideHeader{ height:70px;line-height:70px;font-size: 14px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.1);-mz-box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}
.guideHeader .title{ height:40px;line-height:40px;vertical-align: middle;border-right:1px solid  rgba(0 , 0 , 0, 0.2);padding-right: 12px;}
.guideHeader .logo{ display:block;width:40px;height:40px;line-height:40px;float: left;margin-right: 12px}
.dividerLine{ display:inline-block;width:54px;height:1px;background-color: rgba(0 , 0, 0, 0.1);margin: 0 6px;vertical-align: middle}
.dividerLineOn{ background-color: #19a97b;}
.stepsBox{ padding-top:24px;padding-bottom: 32px;border-bottom:1px solid rgba(0 ,0 ,0 ,0.1);}
.startGuide{ width:338px;margin-left: 44px;border-left:1px solid rgba(0 , 0 , 0, 0.1);padding-left: 44px}
.guideNum{ display: inline-block;width: 20px; height: 20px;line-height: 20px;border-radius: 50%;border:1px solid rgba(0 , 0 , 0, 0.1);text-align: center;font-size: 14px;}
.guideNumOn{ background-color: #19a97b;color:#fff;border-color:transparent;}
.guideBilling{ display:block;width:36px;height:36px;background: url("../../res/common/guideBilling.png") no-repeat;background-size: 100%;margin: 0 auto 10px}
.guideCard{ display:block;width:36px;height:36px;background: url("../../res/common/guideCard.png") no-repeat;background-size: 100%;margin: 0 auto 10px}
.guideImport{ display:block;width:36px;height:36px;background: url("../../res/common/guideImport.png") no-repeat;background-size: 100%;margin: 0 auto 10px}
.goBackIndex{ display:block;width:36px;height:36px;background: url("../../res/common/goBackIndex.png") no-repeat;background-size: 100%;margin: 0 auto 10px}
.refreshCode{ width:48px;height:48px;display:block;background:url('../../res/common/refresh.png') no-repeat;background-size: 100%;margin: 64px auto 0}
.listBg{ background-color: #e5e5e5;color:#666;padding: 10px 14px;border-radius: 4px}
.listBgOn{ background-color: rgba(25,169,123 ,.3);color:#19a97b;}

.sPaiIcon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../../res/mmalls/scPai-icon.png') no-repeat;
    background-size: 100%;
    vertical-align: middle
}
.imgBorder{ border: 1px solid #19a97b;border-radius: 12px;padding: 2px}
.wxPayBg{ width:325px;height:444px;background:url('../../res/common/wxPay.png') no-repeat;background-size: 100%;position: relative;border:1px solid #f2f2f2;margin-top: 30px}
.jdPayBg{ width:325px;height:444px;background:url('../../res/common/jdPay.jpg') no-repeat;background-size: 100%;position: relative;border:1px solid #f2f2f2;margin-top: 30px}
.ycfJdPayBg{ width:325px;height:444px;background:url('../../res/common/ycfJdPay.jpg') no-repeat;background-size: 100%;position: relative;border:1px solid #f2f2f2;margin-top: 30px;}
.jdExamine{ width:282px;height:252px;position: absolute;top:50%;margin-top: -90px;left: 50%;margin-left: -142px;background:rgba(0 , 0, 0, .7);border-radius: 8px;color:red;font-size: 18px}
.pro-wrap{ width: -moz-calc(1218px - 430px);width: -webkit-calc(1218px - 430px);width: calc(1218px - 430px);}
.pro-wrap ul li{ width:230px;height:200px;float:left;border:1px solid #ddd;margin-bottom: 40px;margin-right:40px;}
.pro-wrap ul li:nth-of-type(3n){ margin-right:0;}
.pro-wrap ul li i{
    margin-top: 10px;
    display: inline-block;
    width: 90px;
    height: 91px;
    background-position: 0 -650px;
}
.pro-wrap ul li p{ color:#A5A5A5}
.pro-wrap ul li .payType1{ background-image: url(../../res/common/payType.png);background-repeat: no-repeat;}
.pro-wrap ul li .payType2{ background-image: url(../../res/common/payType.png);background-repeat: no-repeat;background-position: 0 -524px;}
.pro-wrap ul li .payType3{ background-image: url(../../res/common/payType.png);background-repeat: no-repeat;background-position: 0 -392px;}
.pro-wrap ul li .payType4{ background-image: url(../../res/common/payType.png);background-repeat: no-repeat;background-position: 0 -260px;}
.pro-wrap ul li .payType5{ background-image: url(../../res/common/payType.png);background-repeat: no-repeat;background-position: 0 -128px;}
.pro-wrap ul li .payType6{ background-image: url(../../res/common/payType.png);background-repeat: no-repeat;background-position: 0 0;}