/**
 *  gobal全局样式
 * ----------------------
 *  作者：Cation
 *  时间：2014-03-13
 *********************************************************************************************/
@charset "utf-8";
/* =reset 网页样式重置
------------------------------------------------------------------------------------------------------------------------------*/
html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*强制firefox出现滑动条*/}
body { font-size:0.75em; min-width: 100%;}
label { cursor:pointer;}
a:link, a:visited { text-decoration:none;}
input:focus { outline: none; }
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /*利用阴影来填充掉input自动填充色*/

textarea,input,select { background: none; border:none; margin: 0; padding: 0; }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var { margin:0; padding:0;}

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block;} /*html5设置*/

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em;}
body, input, button, select, textarea, sub{ font-family:Arial, sans-serif;}
em, cite, address, optgroup { font-style:normal;}
kbd, samp, code { font-family:monospace;}

img, input, button, select, textarea { vertical-align:middle;outline:none;}
ul, ol { list-style:none;}
img, fieldset { border:0;}
abbr, acronym { cursor:help; border-bottom:1px dotted black;}
table {	width:100%; border-spacing:0; border:0;}
table th, table td { border:0;}
legend, hr { overflow:hidden; position:absolute; top:0; left:0;}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0;}

/* =global 统一样式
--------------------------------------------------------------------------------------------------------------------------------*/
/* 改变动画的效果方式*/
* {
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
html { height: 100%; }
body { position: relative; font-family:"微软雅黑"; min-width: 1280px; height: 100%; width: 100%; }
body h1,body h2,body h3,body h4,body h5,body h6,body strong,body em {font-weight:normal; } /*微软雅体 将原有的bold属性去掉*/
/* 统一字体大小 */
h3 { font-size: 18px; color: #333; }
h4 { font-size: 16px; }
h5,p,span,a,input,select,strong  { font-size:14px; }
img { max-width: 100%; }
a { color: #999; }
a:hover { text-decoration: underline; }

input,textarea { padding:8px 0 8px 8px; border: 1px solid #ccc; color: #333; }
select { padding: 8px 0; height: 34px; line-height: 34px; border: 1px solid #ccc; }

textarea:focus,input:focus { border: 1px solid #5fb336; }
.mobile select { padding-left: 15%!important; }

input.readonly,
input.disabled { background: #eee; color: #ccc; }
label.readonly,
label.disabled { color: #ccc; }
input.readonly:focus,
input.disabled:focus { border: 1px solid #ccc; }

/*sprite图片合并*/
.css_sprite { background-image:url("http://7xild8.com2.z0.glb.qiniucdn.com/css_sprite.png")!important;  background-repeat: no-repeat!important; } 
.css_sprite02 { background-image:url(../img/case/css_sprite02.png)!important; background-repeat: no-repeat!important; } 

/* =function 功能样式 
-----------------------*/
.f-max1280		{ max-width: 1280px; margin: 0 auto; }
.f-max1218 		{ max-width: 1218px; margin: 0 auto; }
.f-max1015 		{ max-width: 1015px; margin: 0 auto; }
.f-max960 		{ max-width: 960px; margin: 0 auto; }
.f-max930 		{ max-width: 930px; margin: 0 auto; }
.f-max230 		{ max-width: 230px; }
.f-padd50       { padding: 50px 0; }
.f-pad-lr-20 	{ padding-left: 20px; padding-right: 20px; }
.f-pad-tb-25 	{ padding-top: 25px; padding-bottom: 25px; }
.f-pad-tb-20 	{ padding-top: 20px; padding-bottom: 20px; }
.f-pad-l-20 	{ padding-left: 20px; }
.f-pad-l-25 	{ padding-left: 25px; }
.f-pad-t-80 	{ padding-top:  80px; }
.f-pad-t-50 	{ padding-top:  50px; }
.f-pad-t-40 	{ padding-top:  40px; }
.f-pad-t-30 	{ padding-top:  30px; }
.f-pad-b-50 	{ padding-bottom:  40px; }
.f-pad-b-40 	{ padding-bottom:  40px; }
.f-pad-22		{ padding: 22px; }
.f-mag-b-20 	{ margin-bottom:  20px; }
.f-mag-b-30 	{ margin-bottom:  30px; }
.f-mag-b-40 	{ margin-bottom:  40px; }
.f-mag-b-50 	{ margin-bottom:  50px; }
.f-mag-l-20 	{ margin-left: 20px; }
.f-mag-l-10 	{ margin-left: 10px; }
.f-mag-t-70 	{ margin-top: 70px; }
.f-mag-t-50 	{ margin-top: 50px; }
.f-mar-r-10 	{ margin-right: 5%; }

.f-hide 		{ display: none!important; }
.f-hidden 		{ overflow: hidden; height: 100%; }

.f-tc 			{ text-align:center; }
.f-tr 			{ text-align: right; }
.f-tl 			{ text-align: left; }
.f-fl 			{ float: left; }
.f-fr 			{ float: right; }
.f-cur 			{ cursor: pointer; }
.f-bold 		{ font-weight: bold; }
.f-clear 		{ clear: both; height: 0; width: 0; visibility: hidden; }

.f-size28 		{ font-size: 28px; }
.f-size26 		{ font-size: 26px; }
.f-size24 		{ font-size: 24px; }
.f-size20 		{ font-size: 20px; }
.f-size18 		{ font-size: 18px; }
.f-size16 		{ font-size: 16px; }
.f-size15 		{ font-size: 15px; }
.f-size14 		{ font-size: 14px; }
.f-size12 		{ font-size: 12px; }

.f-flow444 		{ width: 468px; }
.f-flow222 		{ width: 222px; }

.f-hght70 		{ height: 68px; }
.f-hght20 		{ height: 20px; }

.f-failInp 		{ border: 1px solid #f00!important; }
.f-focus 		{ border: 1px solid #5fb336!important; }

.f-input_W30 	{ width: 30%; }
.f-input_W40 	{ width: 43%; }
.f-input_W50 	{ width: 50%; }
.f-input_W65 	{ width: 65%; }
.f-input_W85 	{ width: 85%; }
.f-input_W80 	{ width: 90%; }
.f-input_W95 	{ width: 95%; }
.f-sel_W30  	{ width: 30%; }
.f-sel_W40 		{ width: 46%; }
.f-sel_W95 		{ width: 97%; }

.f-width10 		{ width: 10%; }
.f-width15 		{ width: 15%; }
.f-width20 		{ width: 20%; }
.f-width30 		{ width: 30%; }
.f-width40 		{ width: 40%; }
.f-width50 		{ width: 50%; }
.f-width70 		{ width: 70%; }

.f-bor-b 		{ border-bottom: 1px solid #ccc; }
.f-bor-t 		{ border-top: 1px solid #ccc; }

.f-radius 		{ border-radius:6px; }

.f-card { box-shadow:0 1px 3px rgba(127, 127, 127, 0.4); }
.f-card:hover { box-shadow: none; }

.f-fixed { overflow: hidden; height: 100%; }

/* =skin 统一皮肤样式 
-----------------------*/
.s-col-999 		{ color: #999; }
.s-col-666 		{ color: #666; }
.s-col-444 		{ color: #444; }
.s-col-333 		{ color: #333; }
.s-col-ccc 		{ color: #ccc; }
.s-col-fff 		{ color: #fff; }
.s-col-f00 		{ color: #f00; }
.s-col-hig 		{ color: #5fb336; }
.s-col-txt01 	{ color: #435a75; }
.s-col-txt02  	{ color: #8e8e8e; }

.s-bg-fff 		{ background: #fff; }
.s-bg-fa 		{ background: #fafafa; }
.s-bg-eee 		{ background: #eee; }
.s-bg-383 		{ background: gray; }
.s-bg-424 		{ background: #424645; }
.s-bg-txt01 	{ background: #435a75; }
.s-bg-hig 		{ background: #5fb336; }

.s-bg-tag 		{ background: #ffffff; }
.s-bg-qrP 		{ background: rgba(113,182,67,0.8); }

.s-bg-logo 			{ background-position:-378px -414px; } /*logo背景图*/
.s-bg-user 			{ background-position:-168px 0; } 			/*会员-pc背景图*/
.s-bg-user-mb 		{ background-position: 0 -103px; }  		/*会员-mb背景图*/
.s-bg-user-set 		{ background-position: 0 -126px; } 			/*会员-mb背景图*/
.s-bg-user-order 	{ background-position: -18px -126px; }		/*会员-mb背景图*/
.s-bg-user-out 		{ background-position: -36px -126px; }   	/*会员-mb背景图*/
.s-bg-menuB 		{ background-position: -20px -103px; } 		/*菜单导航-mb背景图*/
.s-bg-tagC 			{ background-position:-168px -23px; } 		/*标签内容关闭按钮背景图*/
.s-bg-tagS 			{ background-position:-168px -5px; } 		/*标签内容-search背景图*/
.s-bg-tagT 			{ background-position:-186px -5px; } 		/*标签内容-tag背景图*/
.s-bg-search 		{ background-position: -0 -322px; } 		/*收索按钮 icon背景图*/
.s-bg-search:hover,
.s-bg-search.on 	{ background-position: -0 -360px; } 		/*收索按钮-hover icon背景图*/

.s-bg-ask 			{ background-position: -36px -37px; } 		/*咨询按钮背景图*/
.s-bg-feedBack 		{ background-position: -73px -37px; } 		/*反馈按钮背景图*/
.s-bg-tel400 		{ background-position: -107px -37px;  } 	/*400电话背景图*/
.s-bg-siar-qr 		{ background-position: -36px -70px;  } 	/*400电话背景图*/

.s-bg-qr_icon 		{ background-position: -133px -70px; } 			/*storeList-qr-cion背景图*/
.s-bg-b_arrow_left  { background-position: -376px -280px; ; } 		/*storeList-banner_arrow_left--icon背景图*/
.s-bg-b_arrow_left:hover  { background-position: -438px -280px; ; } 	/*storeList-banner_arrow_left_on--icon背景图*/
.s-bg-b_arrow_right { background-position: -376px -342px; } 			/*storeList-banner_arrow_left--icon背景图*/
.s-bg-b_arrow_right:hover { background-position: -438px -342px; } 	/*storeList-banner_arrow_left_on--icon背景图*/

.s-bg-pathH 		{ background-position: -200px -3px; } 		/*路径Home icon背景图*/
.s-bg-pathA 		{ background-position: -220px -3px; } 		/*路径Arrow icon背景图*/

.s-bg-scan 			{ background-position: -0 -142px; } 		/*我的store-浏览 icon背景图*/
.s-bg-addItem 		{ background-position: -371px -27px; } 		/*我的store-添加 icon背景图*/
.s-bg-listNew 		{ background-position: -168px -142px; } 	/*我的store-最新 icon背景图*/
.s-bg-listExpired  	{ background-position: 0px -460px; }	/*我的store-过期 icon背景图*/
.s-bg-qrBtn 		{ background-position: -105px -104px; } 	/*我的store-qr  icon背景图*/
.s-bg-rew 			{ background-position: -83px -103px; } 		/*我的store-重写 icon背景图*/
.s-bg-new 			 { background-position: -253px -142px; } 	/*我的lightapp-新加 icon背景图*/

.m-funs-tag p span.s-width-hot		{ overflow: hidden;text-overflow:ellipsis; width: 70px; white-space:nowrap;padding: 5px 9px;} 	/*我的store-热门标签宽度*/

/*能编辑的图标*/
.z-open .s-bg-appEdit{ background-position: -0 -226px; } 		/*我的lightapp-编辑 icon背景图*/
.z-open .s-bg-qrMana { background-position: -55px -226px; } 		/*我的lightapp-二维码 icon背景图*/
.z-open .s-bg-duodian{ background-position: -112px -226px; } 	/*我的lightapp-多点投放 icon背景图*/
.z-open .s-bg-activity{ background-position: -168px -226px; } 	/*我的lightapp-活动 icon背景图*/
.z-open .s-bg-yungou  { background-position: -223px -226px; } 	/*我的lightapp-云购 icon背景图*/
.z-open .s-bg-gongZ  { background-position: -280px -226px; } 	/*我的lightapp-公众 icon背景图*/
.z-open .s-bg-tongji { background-position: -336px -226px; } 	/*我的lightapp-统计 icon背景图*/
.z-open .s-bg-fendian{ background-position: -392px -226px; } 	/*我的lightapp-统计 icon背景图*/
.z-open .s-bg-lottery{ background-position: -466px -226px; } 	/*我的lightapp-抽奖 icon背景图*/
/*不能编辑的图标*/
.s-bg-appEdit		{ background-position: -89px -460px; } 		/*我的lightapp-编辑 icon背景图*/
.s-bg-duodian		{ background-position: -0 -400px; } 	/*我的lightapp-多点投放 icon背景图*/
.s-bg-activity		{ background-position: -56px -400px; } 	/*我的lightapp-活动 icon背景图*/
.s-bg-yungou 		{ background-position: -112px -400px; } 	/*我的lightapp-云购 icon背景图*/
.s-bg-gongZ 		{ background-position: -168px -400px; } 	/*我的lightapp-公众 icon背景图*/
.s-bg-tongji 		{ background-position: -224px -400px; } 	/*我的lightapp-统计 icon背景图*/
.s-bg-fendian 		{ background-position: -280px -400px; } 	/*我的lightapp-统计 icon背景图*/
.s-bg-lottery       { background-position: -536px -226px; } 	/*我的lightapp-抽奖 icon背景图*/

.s-bg-jian 			{ background-position: -227px -35px; } 		/*store购买 减-icon背景图*/
.s-bg-jia 			{ background-position: -253px -35px; } 		/*store购买 加-icon背景图*/
.s-bg-bugS 			{ background-position: -336px -142px; } 	/*store购买 成功-icon背景图*/
.s-bg-bugF 	 		{ background-position: -416px -142px; } 	/*store购买 失败-icon背景图*/

.s-bg-infoIcon01 	{ background-position: -54px -126px; } 		/*我的信息 菜单-icon背景图*/
.s-bg-arrow01 		{ background-position: -262px -21px; } 		/*我的信息 订单箭头-icon背景图*/

.s-bg-select01 		{ background-position: -282px 0; } 			/*poup弹出层 表单选项-选中-icon背景图*/
.s-bg-select01.on 	{ background-position: -262px 0; } 			/*poup弹出层 表单选项-为选中-icon背景图*/

.s-bg-maopao 		{ background-position: -282px -20px; } 		/*我的信息-myinfo-信息冒泡提示-icon背景*/
.s-bg-arrow-d 		{ background-position: -303px 0; } 			/*我的信息-订单信息-多个的提示-icon背景*/

.s-bg-QR_pt 		{ background-position: -0 -277px; } 		/*二维码管理-m-QREdit-普通二维码-icon背景*/
.s-bg-QR_cs 		{ background-position: -46px -277px; } 		/*二维码管理-m-QREdit-彩色二维码-icon背景*/
.s-bg-QR_tx 		{ background-position: -92px -277px; } 		/*二维码管理-m-QREdit-图形二维码-icon背景*/
.s-bg-QR_ed 		{ background-position: -138px -278px; } 	/*二维码管理-m-QREdit-编辑二维码-icon背景*/

.s-bg-passw 		{ background-position: -281px -0; }  		/*表单填写密码提示-icon背景*/

/*index-首页的icon-背景图*/
.s-bg-index-user  { background-position: -218px 0; }
.s-bg-index-pas   { background-position: -236px 0; }
.s-bg-index-yanz  { background-position: -255px 0; }		

/*******************************************************************************************************
/* =unit 统一元件样式 
********************************************************************************************************/
/*u-warn-case2015 帐号操作*/
.u-warn-case2015 { position: relative; width: 100%; height: 28px; line-height: 28px; z-index: 10000; background: #FF0000; }
.u-warn-case2015 .bd { width: 1280px; margin: 0 auto; color: #fff; }
.u-warn-case2015 .bd img,
.u-warn-case2015 .bd span { display: inline-block; vertical-align: middle; }
.u-warn-case2015 .btn { position: absolute; top: 1px; right: 10px; color: #000; font-size: 18px; cursor: pointer; }
.u-warn-case2015 .btn:hover { color: #fff; }
.u-warn-case2015.z-fixed { position: fixed; top: 0; left: 0; }

/*sideBar-侧边功能*/
.u-sideBar-div { position: fixed; right: 0; bottom: 16px; z-index: 50; }
.u-sideBar { position: relative; }
.u-sideBar .list { position: relative; margin-bottom: 15px; width: 64px; height: 64px; }
.u-sideBar .tel400 { cursor: default; }
.u-sideBar .tel400 strong { position: absolute; top: 0; left: 64px; display: inline-block; padding-left: 10px; border-left: 1px solid #6cae3f; height: 64px; line-height: 64px; width: 146px; }
.u-sideBar a { position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 64px; height: 64px; overflow: hidden; border-radius:6px 0 0 6px; font-size: 14px;
               -webkit-transition: width .3s;
               -moz-transition: width .3s;
               -ms-transition: width .3s;
               -0-transition: width .3s;
               transition: width .3s;
}
.u-sideBar a span { display: inline-block; width: 33px; height: 33px; }
.u-sideBar .icon { margin-top: 8px; margin-left: 15px; }
.u-sideBar .txt { width: 64px; line-height: 100%; margin-top: 4px;text-align: center; }
.u-sideBar .list a:hover { text-decoration: none; width:74px; }
.u-sideBar .tel400 a:hover { width: 220px; }

.j-sideBar.hide { display: none; }
.j-sideBar a:hover { color: #fff!important; }

/*公众号*/
.u-side-qr {position: relative; width:64px; height: 64px; text-align: center; }
.u-side-qr a { display: inline-block; width: 100%; height: 100%; }
.u-side-qr span { display: inline-block; color: #fff; line-height: 100%; }
.u-side-qr span:first-child { width: 34px; height: 33px; margin-top: 9px; margin-left: 0; }
.u-side-qr em { display: none; position: absolute; top: -130px; left: -162px; z-index: 99999; width: 161px; height: 194px; }
.u-side-qr:hover em { display: inline-block; }

/*width--小于714px，侧边功能栏在顶部布局*/
/*@media screen and (max-width: 714px) {
        .u-sideBar-div { position: relative; top: inherit; right: inherit; padding: 0 20px; margin-top: 25px; z-index: 1; }
        .u-sideBar ul { overflow: hidden; width:100%; }
        .u-sideBar ul li { float: left; width: 30%; margin-right: 3%; margin-bottom: 0; border-radius: 6px; }
        .u-sideBar a { display: inline-block; width:100%; padding-top: 5px; height: 59px; line-height: 59px; margin-bottom: 0; border-radius:6px; vertical-align: middle; }
        .u-sideBar a span { display: inline-block; line-height: 33px; vertical-align: middle; margin-left: 0; }
        .u-sideBar a span:first-child { display: inline-block; margin: 0; margin-right: 5px; }
        .u-sideBar:hover li { width: 30%; }
        .u-sideBar .ask:hover,
        .u-sideBar .feedBack:hover { text-decoration: none; width:100%; }
        .u-sideBar .tel400:hover { width:100%; text-decoration: none; }
        .u-sideBar .tel400 span { display: none!important; }
        .u-sideBar .tel400 strong { position: inherit; font-size: 14px; left: 0; width: 100%; }

        .u-side-qr { display: none; }
}
*/

/*infoSideBar--我的信息侧边菜单*/
.u-infoBar { position: absolute; top: 0; left: 0; border-radius: 6px; }
.u-infoBar h3 { padding: 25px 0 25px 20px; color: #333; }
.u-infoBar .mainMenu { width: 100%; border:1px solid #e5e5e5;}
.u-infoBar .mainMenu-item { border-bottom: 1px solid #eee; }
.u-infoBar .mainMenu-item p { position: relative; height: 40px; line-height: 40px; padding-left: 40px; }
.u-infoBar .mainMenu-item p span { position: absolute; top: 12px; left: 20px; display: inline-block; width: 12px; height: 16px; margin-right: 16px; }
.u-infoBar .subMenu li {  border-top: 1px solid #eee; }
.u-infoBar .subMenu li a { position: relative; display: block; height: 39px; line-height: 39px; padding-left: 58px; border-left: 3px solid #fff; }
.u-infoBar .subMenu li.on a { text-decoration: none; color: #5fb336; background: #fafafa; border-left: 3px solid #5fb336; }
.u-infoBar .subMenu li a span { position: absolute; top: 10px; left: 120px; width: 20px; height: 20px; line-height: 20px; background-color: red; border-radius: 10px; text-align: center; color: #fff;}
.u-infoBar .subMenu li a:hover { color: #5fb336; text-decoration: none; }
/*@media screen and (max-width: 714px) {
        .u-infoBar { width: 100%; background: none; }
        .u-infoBar .mainMenu { border-radius:6px; overflow: hidden; }
        .u-infoBar .mainMenu-item { position: relative; width: 100%; background: #fff; cursor:pointer; }
        .u-infoBar .subMenu li a { height: 35px; line-height: 35px; }
}*/

/*u-page---页脚page*/
.u-page { text-align: center; }
.u-page a,
.u-page span { display: inline-block; height: 36px; line-height: 36px; padding: 0 14px; margin-right: 3px; margin-bottom: 5px; border: 1px solid #eee; border-radius: 4px; color: #666; vertical-align: middle; }
.u-page span { padding: 0 5px; border: none; }
.u-page input { width: 10px; padding: 10px 12px; }
.u-page a:hover,
.u-page a.on { text-decoration: none; color: #5fb336; }
.u-page a:hover { background-color: #eee; }
.u-page .first,
.u-page .last { padding: 0; width: 36px; height: 36px;  }
.u-page .first { background-position: -279px -70px; }
.u-page .first:hover { background-position: -279px -106px; }
.u-page .first.none { background-position: -279px -34px;  }
.u-page .last { background-position: -315px -70px; }
.u-page .last:hover { background-position: -315px -106px; }
.u-page .last.none { background-position: -315px -34px; }
.u-page .prev:hover,
.u-page .next:hover { background: #fff; }
.u-page .number.none:hover { background-color: #fff; color: #666; }

/*search-搜索元件*/
.u-search { position: relative; height: 33px; border:1px solid #ccc; border-radius:4px; background: #fff; }
.u-search input { width: 75%; margin: 0; padding: 6px 15px; background: none; border:none; margin-bottom: 48px; }
.u-search span { position: absolute; top: 50%; right: 0; display: inline-block; width: 47px; height: 34px; margin-top: -19px; vertical-align: middle; }
.u-search:hover,
.u-search.on { border-color: #5fb336; }

/*login-table表单元件*/
/*pupop01-弹窗*/
.u-pupop01 { position: relative; width: 510px; overflow: hidden; }
.u-pupop01 .bd { position: relative; max-width: 400px; padding-top: 50px; padding-bottom: 40px; margin: 0 auto; }
.u-pupop01 .u-btn02 a { width: 100%; height: 36px; line-height: 36px; }
.u-pupop01 table { margin: 0 auto; font-size: 14px; }
.u-pupop01 table td { padding-top: 15px; padding-bottom: 15px; overflow: hidden; }
.u-pupop01 table td a,
.u-pupop01 table td span { display: inline-block; vertical-align: middle; }
.u-pupop01 table td .input { height: 36px; line-height: 36px; padding-left: 3.5%; border:1px solid #ccc; }
.u-pupop01 table td .input span { display: inline-block; width: 18px; height: 19px; margin-right: 4%; vertical-align: middle; }
.u-pupop01 table td .input input { width: 80%; padding:0; border:none; }
.u-pupop01 .u-error { position: absolute; top:20px; left: 0; width: 60%; }
.u-pupop01 .popup-close { position: absolute; top: 15px; right: 30px; width: 30px; height: 30px; background-position: -168px -53px; }
.u-pupop01 .popup-close.move { 
    -webkit-animation: popupClose .3s;	
    -moz-animation: popupClose .3s;
    -ms-animation: popupClose .3s;
    -o-animation: popupClose .3s;
    animation: popupClose .3s;
}

/*pathStore-路径*/
.u-pathStore { position: relative; padding: 15px 0; }
.u-pathStore .path-icon,
.u-pathStore .path-item { display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; }
.u-pathStore .icon-home { width:20px; margin-left: 5px; }
.u-pathStore .icon-arrow { width:7px; margin: 0 10px; }
.u-pathStore .path-item { line-height: 20px; }
.u-pathStore a:last-child { color: #666; text-decoration: none; cursor:default;  }
.u-pathStore a:hover { text-decoration: none; }
.u-pathStore a.download { float: right; margin-right: 14px; color: #5fb336; }
.u-pathStore a.download span { text-decoration: underline; }
.u-pathStore a.download:hover { color: #59a824; cursor: pointer; }
/*@media screen and (max-width: 960px) {
        .u-pathStore .icon-home { left: 10px; }
}
@media screen and (max-width: 714px) {
        .u-pathStore .icon-arrow {  margin: 0 5px; }
}
@media screen and (max-width: 496px) {
        .u-pathStore .icon-home { margin-left:0; }
        .u-pathStore .icon-arrow {  margin: 0 2px; }
}*/

/*listShow-场景应用列表*/
.u-listShow { width: 222px; border-radius:6px; overflow: hidden; }
.u-listShow .item-top { position: relative; height: 222px; width: 222px; overflow: hidden; }
.u-listShow .item-top a { display: block; height: 100%; width: 100%; }
.u-listShow .item-top img { width: 100%; }
.u-listShow .item-top span { display: none; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background: rgba(255,255,255,0.35); }
.u-listShow .item-top p { position: absolute; top: 100%; left: 0; z-index: 5; width: 202px; height: 202px; padding: 10px; 
                          -webkit-transition: top .2s;
                          -moz-transition: top .2s;
                          -ms-transition: top .2s;
                          -0-transition: top .2s;
                          transition: top .2s;
}
.u-listShow .item-top p.show { top: 0; }
.u-listShow .item-top p img { width: 100%; }
.u-listShow .item-bottom { position: relative; }
.u-listShow .item-bottom .tit { position: relative; height: 60px; padding:18px 10px 7px; }
.u-listShow .item-bottom .tit h4 { width: 170px; height: 28px; padding-bottom: 12px; overflow: hidden; }
.u-listShow .item-bottom .tit h4 a { font-size: 16px; color: #333; cursor: pointer;}
.u-listShow .item-bottom .tit p { color: #999; }
.u-listShow .item-bottom .tit p a { color: #666; }
.u-listShow .item-bottom .tit .icon-qr { position: absolute; right: 12px; top: 12px; width: 32px; height: 32px; cursor: pointer; }
.u-listShow .item-bottom .con { position: relative; width: 100%; height: 55px; overflow: hidden; border-top: 1px solid #f4f4f4; }
.u-listShow .item-bottom .con p { width: 140px; padding-left: 10px; padding-top: 12px; line-height: 14px; }
.u-listShow .item-bottom .con p a,
.u-listShow .item-bottom .con p em { display: inline-block; min-width: 5px; height: 14px; margin-bottom: 14px; color: #999; line-height: 100%; }
.u-listShow .item-bottom .con strong { position: absolute; top: 12px; right: 10px; display: block; width: 75px; text-align: right; }
.u-listShow .item-bottom .con strong a { color: #333; }
.u-listShow .item-bottom .con strong a:hover,
.u-listShow .item-bottom .con p a:hover,
.u-listShow .item-bottom .tit h4 a:hover,
.u-listShow .item-bottom .tit p a:hover { color: #5fb336; }
/*.u-listShow:hover .item-top span { display: inline-block; }*/
/*@media screen and (max-width: 496px) {
        .u-listShow .item-top,
        .u-listShow .item-bottom  { float: left; width: 50%; height: auto; }
        .u-listShow.item-top p { display: none; }
        .u-listShow .item-bottom { background: #fff; }
        .u-listShow .item-bottom .tit .icon-qr { display: none; }
        .u-listShow .item-bottom .con strong { display: none; }
}*/

/*listShow-我的store列表*/
.u-listShow-2 .item-top { position: relative; width: 100%; height: 220px; overflow: hidden; border-radius: 6px; }
.u-listShow-2 .item-top a { display: block; height: 100%; width: 100%; }
.u-listShow-2 .item-top .top-img { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 6px; }
.u-listShow-2 .item-top .top-img .btn { display: inline-block; width: 84px; height: 84px; }
.u-listShow-2 .item-top .top-img img { width: 100%; }
.u-listShow-2 .item-top .top-img .new { position: absolute; top: 0; right: 0; }
.u-listShow-2 .item-top .qr { position: absolute; top: 100%; left: 0; z-index: 5; width: 184px; padding:19px; height: 184px; 
                              -webkit-transition: top .3s;
                              -moz-transition: top .3s;
                              -ms-transition: top .3s;
                              -0-transition: top .3s;
                              transition: top .3s;
}
.u-listShow-2 .item-top .mark { display:none; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background: rgba(255,255,255,0.35); }
.u-listShow-2 .item-bottom { position: relative; }
.u-listShow-2 .item-bottom h4 { height: 22px; line-height: 22px; padding: 20px 0 15px; }
.u-listShow-2 .item-bottom h4 .rew { display: inline-block; width: 22px; height: 22px; margin-left: 5px; vertical-align: middle; }
.u-listShow-2 .item-bottom h4 a,
.u-listShow-2 .item-bottom h4 span { font-size: 16px; color: #333; }
.u-listShow-2 .item-bottom p span { color: #999; font-size: 15px; }
.u-listShow-2 .item-bottom p strong { margin: 0 5px; }
.u-listShow-2 .item-bottom .qr { position: absolute; right: 0; top: 16px; display: inline-block; width: 32px; height: 32px; }
.u-listShow-2 .item-top .qr.show { top: 0; }
.u-listShow-2:hover .item-top .mark { display: block; }
.u-listShow-free { }
.u-listShow-free.z-noSelect .item-bottom .qr { display: none; }
.u-listShow-free.z-noSelect .z-noSelect-name { display: block; }
.u-listShow-free.z-noAction .z-noAction-name { display: block; }
.u-listShow-free.z-noSelect .z-noSelect-txt { display: block; }
.u-listShow-free.z-noAction .z-noAction-txt { display: block; }

/*btn01--bug-场景应用购买按钮*/
.u-btn01 { height: 50px; }
.u-btn01 a { display: block; width:100%; height: 50px; line-height: 50px; background: #5fb336; border-radius:6px; color: #fff; text-align: center; }
.u-btn01 a span { display: inline-block; margin-right: 30px; }
.u-btn01 a:hover { text-decoration: none; background: #59a824; }

/*btn02--submit表单提交按钮*/
.u-btn02 { height: 40px; }
.u-btn02 a { display: block; width: 100%; height: 40px; line-height: 40px; background:#5fb336; border-radius: 2px; color: #fff; font-size: 16px; text-align: center; }
.u-btn02 a:hover { text-decoration: none; background: #59a824; }
.u-btn02 a.z-disable { background: #ccc; cursor: default; }

/*btn03--帮助中心分页、返回按钮*/
.u-btn03{font-size: 14px; padding: 5px 20px; border: 1px solid #eeeeee; border-radius: 2px; color: #666666;}
.u-btn03:hover{text-decoration: none; color: #5fb336; }

/*btn04--会员登入等按钮的样式*/
.u-btn04 { height: 36px; }
.u-btn04 a { display: inline-block; width: 100%; height:36px; line-height: 36px; background:#5fb336; border-radius: 2px; color: #fff; font-size: 14px; text-align: center; }
.u-btn04 a:hover { text-decoration: none; background: #59a824; color: #fff;}

/*btn05--图片轮播指示按钮*/
.u-btn05 { position: absolute; bottom:13%; z-index: 5; height: 11px; width: 100%; }
.u-btn05 span { display: inline-block; position: relative; overflow: hidden; height: 100%; }
.u-btn05 em,
.u-btn05 i { display: block; float: left; width: 11px; height: 11px; font-size: 0; }
.u-btn05 i { margin-left: 20px; background: url(../img/case/icon02_index-banner-arrow.png) center repeat-x; }
.u-btn05 i:first-child { margin-left: 0; }
.u-btn05 em { position: absolute; top: 0; left:0; background: url(../img/case/icon01_index-banner-arrow.png) center no-repeat; 
              -webkit-transition: left .3s;
              -moz-transition: left .3s;
              -ms-transition: left .3s;
              -o-transition: left .3s;
              transition: left .3s;
}
.u-btn05 .icon02 { background: url(../img/case/icon04_index-banner-arrow.png) center no-repeat; }
.u-btn05 strong { position: absolute; top: 5px; left: 0; z-index: -2; width: 100%; height: 1px; background: url(../img/case/icon03_index-banner-arrow.png) center repeat-x; }

/*btn06--submit表单提交按钮*/
.u-btn06 { height: 36px; }
.u-btn06 a { display: block; width: 100%; height: 36px; line-height: 36px; background:#bcbcbc; border-radius: 2px; color: #fff; font-size: 18px; text-align: center; }
.u-btn06 a:hover { text-decoration: none; background: #cacaca; }

/*btn07--确认按钮*/
.u-btn07 { height: 40px; }
.u-btn07 a { display: block; width: 100%; height: 40px; line-height: 40px; background:#bcbcbc; border-radius: 2px; color: #fff; font-size: 16px; text-align: center; }
.u-btn07 a:hover { text-decoration: none; background: #71b643; }

/*btn08--选择按钮*/
.u-btn08 { height: 36px; }
.u-btn08 a { display: block; width: 100%; height: 36px; line-height: 36px; background:#fff; border: 2px solid #fff; border-radius: 4px; color: #333; font-size: 16px; text-align: center; }
.u-btn08 a:hover { text-decoration: none; border: 2px solid #71b643; }
.u-btn08.z-action a { text-decoration: none; border: 2px solid #71b643; }

/*btn09--会员登入等按钮的样式*/
.u-btn09 { height: 30px; }
.u-btn09 a { display: inline-block; width: 100%; height: 30px; line-height: 30px; background:#fff; border: 1px solid #ccc; border-radius: 2px; color: #000; font-size: 16px; text-align: center; }
.u-btn09 a:hover { text-decoration: none; background: #59a824; border: 1px solid #59a824; color: #fff; }   

/*btn10--确认按钮*/
.u-btn10 { height: 40px; }
.u-btn10 a { display: block; width: 100%; height: 40px; line-height: 40px; background:#bcbcbc; border-radius: 2px; color: #fff; font-size: 16px; text-align: center; cursor: default; }
.u-btn10 a:hover { text-decoration: none; }
.u-btn10 a.z-active { text-decoration: none; background: #71b643; cursor: pointer; }
/*btn11--会员登入等按钮的样式*/
.u-btn11 { display: inline-block; width: 100%; height:36px; background:#5fb336; border-radius: 2px; color: #fff; font-size: 14px; text-align: center; }
.u-btn11:hover { text-decoration: none; background: #59a824; }

/*btn12--submit表单提交按钮*/
.u-btn02{ display: block; width: 100%; height: 40px; background:#5fb336; border-radius: 2px; color: #fff; font-size: 16px; text-align: center; }
.u-btn02:hover { text-decoration: none; background: #59a824; }
/*u-icon01-问号*/
.u-icon01 { display: inline-block; width: 16px; height: 16px; margin-left: 10px; vertical-align: middle; background-position: -318px 0; }

/*select--模拟表单select元件样式*/
.u-select01 { display: inline-block; }
.u-select01 span,
.u-select01 span em  { display: inline-block; vertical-align: middle; }
.u-select01 span:first-child { position: relative; width: 6px; height: 6px; padding:3px; margin-right: 5px; background: #fff; border: 1px solid #eee; border-radius:50%; }
.u-select01 span:first-child em { display: none; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; background: #5fb336; border-radius:50%; }
.u-select01.on span:first-child em { display: block; }
.u-select01:hover { text-decoration: none; }

/*select02--选择*/
.u-select02 .tit { float: left; display: block; width: 50px; height: 32px; line-height: 32px; color: #333; text-align: right; vertical-align: middle; }
.u-select02 .btn { float: left; position: relative; display: block; width: 70px; height: 30px; line-height: 30px; padding-left: 10px; border: 1px solid #eee; vertical-align: middle; }
.u-select02 .btn i { position: absolute; top: 12px; right: 10px; display: inline-block; width: 8px; height: 4px; background-position: -168px 0; }
.u-select02 .btn:hover,
.u-select02 .btn.on { border: 1px solid #5fb336; }
.u-select02 .sub-con { position: absolute; top: 32px; left: 50px; z-index: 10; width: 80px; border: 1px solid #5fb336; border-top: none; background: #fff; }
.u-select02 .sub-con li { height: 30px; line-height: 30px; padding-left: 10px; color: #333; font-size: 14px; cursor: pointer; }
.u-select02 .sub-con li:hover { background: #5fb336; color: #fff; }
.u-select02 .sub-con li.sub { padding-left: 15px; }

/*input01-样式*/
.u-input01 { position: relative; display: inline-block; border: 1px solid #ccc; cursor: pointer; }
.u-input01 input { display: inline-block; vertical-align: middle; padding: 6px 0 6px 5px; width: 75px; border: 0; }
.u-input01 i { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-left: 1px solid #eee; background-position: -316px 0; }

/*会员相关页面的头部样式--title*/
.u-title01 { overflow: hidden; height: 36px; line-height: 36px; margin: 35px 0 20px; color: #444; }
.u-title01 h2 { float: left; font-size: 18px; }
.u-title01 .btn { float: right; }
.u-title01 .btn a { width: auto; padding:0 20px; margin-left: 10px; }
/*@media screen and (max-width: 714px) {
        .u-title01 { padding: 0 10px; }
}*/

/*title-样式*/
.u-title02 { padding: 25px 0 25px 25px; border-bottom: 1px solid #eee; font-size: 18px; color: #333; }

/*title1-样式*/
.u-table01 th,
.u-table01 td { padding: 8px 0; font-size: 14px; color: #333; }
.u-table01 th { padding-right: 10px; text-align: right; }
.u-table01 th em { color: #ff0000; }

/*border分割线*/
.u-border { width: 100%; border-top: 1px solid #ddd; margin:0; }

/**
 * 内容的表单-table输入提示样式
 * p -u-form-input
 * p -u-form-back
 * input -u-form-input01
 * table -u-form-table01
 * th -u-form-th01
 * td -u-form-td01
 */
.u-form-table01 td,
.u-form-table01 th { padding: 8px 0; }
.u-form-input {  }
.u-form-input p { width: 95%; height: 15px; margin: 0 0; vertical-align: middle; }
.u-form-input p span { display: inline-block; vertical-align: middle; }
.u-form-input .color { position: relative; height: 100%; width: 70%; background-color: #fafafa; }
.u-form-input .color i { display: inline-block; position: absolute; top: 0; left: 0; height: 100%; }
.u-form-input .degree { width: 30%; }
.u-form-input .degree i { font-style: normal; }
.u-form-input .degree i:before { content:''; }
.u-form-input.low .color i { background: #f00; width: 30%; }
.u-form-input.low .degree i:before { content:'弱'; }
.u-form-input.middle .color i { background: #f2bd49; width: 60%; }
.u-form-input.middle .degree i:before { content:'中'; }
.u-form-input.high .color i { background: #3c3; width: 100%; }
.u-form-input.high .degree i:before { content:'强'; }
.u-form-input01 { padding-left: 5%; width: 70%; }
.u-form-th01 { vertical-align: top; }
.u-form-th01 span { display: inline-block; padding: 8px 0; color: #444; }
.u-form-back { margin-top: 5px; color: #f00; }
.u-error p { height: 30px; line-height: 30px; border-radius: 6px; background: #ffcccc; color: #990000; }
.u-error span { display: inline-block; position: absolute; top: 29px; left: 30px; width: 11px; height: 6px; background-position: -218px -21px; }

/**
 * 单页面内容显示，callback页面
 * -->注册成功页面
 * -->购买成功成功页面
 */
.u-single { padding: 65px 0; }
.u-single .icon { display: block; width: 80px; height: 80px; margin: 0 auto 30px; background-position: -553px -26px; }
.u-single .u-btn04 { width: 240px; margin: 0 auto; margin-top: 40px; margin-bottom: 30px; }
.u-single .txt { line-height: 180%; }

/**
 * festure-->caseMore 显示相关功能的案例
 */
.u-caseMore { max-width:984px; margin: 0 auto; }
.u-caseMore .u-listShow { margin-bottom:20px; }
.u-caseMore .u-listShow:hover .item-top span { display: none; }
.u-caseMore ul { overflow: hidden; height: 100%; }
.u-caseMore li { float: left; margin-right: 24px; }
.u-caseMore li a:hover { text-decoration: none; }
.u-caseMore li:nth-child(4n) { margin-right: 0; }
/*@media screen and (max-width: 1218px) {
        .u-caseMore { max-width:960px; }
}
@media screen and (max-width: 960px) {
        .u-caseMore { max-width:714px; }
        .u-caseMore li:nth-child(4n) { margin-right: 24px; }
        .u-caseMore li:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 714px) {
        .u-caseMore { max-width:468px; }
        .u-caseMore li:nth-child(3n) { margin-right: 24px; }
        .u-caseMore li:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 496px) {
        .u-caseMore ul { width: 100%; }
        .u-caseMore li { float: none; width: 100%; height: 100%; margin-right: 0; margin-bottom: 10px; overflow: hidden; } 
}*/

/**
 * 分享元件
 */
.u-share a { display: inline-block; width: 20px; height: 20px; margin-left: 5px; cursor: pointer; vertical-align: middle; }
.u-share a span { display: none!important; }
.u-share .jiathis_button_tsina  			{ background-position: -236px -279px; }
.u-share .jiathis_button_tqq   			{ background-position: -236px -303px; }
.u-share .jiathis_button_weixin 			{ background-position: -236px -329px; }
.u-share .jiathis_button_qzone  			{ background-position: -236px -356px; }
.u-share .jiathis_button_tsina:hover  	{ background-position: -207px -279px; }
.u-share .jiathis_button_tqq:hover   	{ background-position: -207px -303px; }
.u-share .jiathis_button_weixin:hover 	{ background-position: -207px -329px; }
.u-share .jiathis_button_qzone:hover 	{ background-position: -207px -356px; }

/**
 * 箭头指示-1
 */
.u-arrow { position: absolute; top: 50%; z-index: 5; width: 60px; height: 100px; margin-top: -50px;
           -webkit-transition: all .5s;
           -moz-transition: all .5s;
           -ms-transition: all .5s;
           -0-transition: all .5s;
           transition: all .5s;
}
.u-arrow p { position: relative; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=40); background: rgba(0,0,0,0.4); 
             -webkit-transition: all .5s;
             -moz-transition: all .5s;
             -ms-transition: all .5s;
             -0-transition: all .5s;
             transition: all .5s;
}
.u-arrow span { position: absolute; top: 50%; left: 50%; display: inline-block; width: 14px; height: 27px; margin: -13px 0 0 -7px; vertical-align: middle; }
.u-arrow-left { left: 0; }
.u-arrow-left span { background: url(../img/case/btn01_banner-arrow-left.png) center no-repeat; }
.u-arrow-right { right: 0; }
.u-arrow-right span { background: url(../img/case/btn02_banner-arrow-right.png) center no-repeat; }
.u-arrow p:hover { filter:alpha(opacity=100); background: rgba(0,0,0,1);  }

/**
 * =Layout 布局样式 
 ********************************************************************************************************/
/*头部*/
.g-hd { width: 100%; height: 70px; z-index: 10; }
.m-headCon { position: relative; z-index: 60; height: 70px; }
.m-user .login-name { color: #5fb336; }
.m-user .login-name:hover { color: #59a824; }
/*logo*/
.m-logo { position: absolute; top: 6px; left: 30px; width: 167px; height: 56px; }
.m-logo  a { display: inline-block; width: 185px; height: 38px; margin-top: 10px; vertical-align: middle; }
/*头部导航菜单*/
.m-gnb { height: 70px; }
.m-gnb .menu-btn { display: none; width: 26px; height: 23px; }
.m-gnb .menu-con { text-align: left;padding-left:50px; }
.m-gnb .menu-con ul { display: inline-block; height: 100%; overflow: hidden; margin: 0 auto; }
.m-gnb .menu-con ul li { height: 68px; line-height: 68px; border-top: 2px solid gray; text-align: center; }
.m-gnb .menu-con ul li a { display: block; height: 100%; padding: 0 25px; color: #fff; font-size: 18px; }
.m-gnb .menu-con ul li a:hover { color: #5fb336; text-decoration:none; }
.m-gnb .menu-con ul li.on { border-top-color:#5fb336; background: #29323c; }
.m-gnb .menu-con ul li.on a { color: #5fb336; }
.m-gnb .menu-con ul .store_menu a em { display: inline-block; width: 15px; height: 15px; margin-right: 10px; background: url(../img/case/bg02_head-store.png) left center no-repeat; vertical-align: middle; }
.m-gnb .menu-con ul .store_menu:hover a em,
.m-gnb .menu-con ul .store_menu.on a em { background: url(../img/case/bg01_head-store.png) left center no-repeat; }
/*登录按钮*/
.m-user { position: absolute; right: 30px; top: 7px; height: 56px; }
.m-user .user-login span { display: inline-block; height: 30px; line-height: 30px; margin-top: 13px; margin-left: 5px; border-radius:2px; }
.m-user .user-login-btn span { padding:0 15px; }
.m-user .user-login a:hover { color: #5fb336; }
.m-user .user-login span.on a:after {content:''; display: inline-block; border: 5px solid red; border-radius: 5px; margin: 5px -2px;}
.m-user .user-login span a:hover { color: #59a824;}
.m-user .pc { margin-top: 30px; }
.m-user .pc span:hover { color: #5fb336; }
.m-user .pc i { display: inline-block; width: 8px; height: 5px; margin-left:8px; vertical-align: middle; }
.m-user .mb { display: none; width: 20px; height: 23px; margin-top: 20px; margin-right: 20px; }
/*小屏幕的用户设置菜单*/
.m-user-con { display: none; position: absolute; top: 50px; right: 0px; z-index: 35; width: 116px; height: 0; overflow: hidden; border:1px solid #ccc; border-radius: 6px; 
              -webkit-transition: height .3s;
              -moz-transition: height .3s;
              -ms-transition: height .3s;
              -0-transition: height .3s;
              transition: height .3s;
}
.m-user-con ul { padding: 15px 0px; }
.m-user-con ul li { width: 76px; height: 34px; line-height: 34px; padding: 0 20px; }
.m-user-con ul li span { display: inline-block; vertical-align: middle; }
.m-user-con ul li span:first-child { width: 18px; height: 16px; }
.m-user-con ul li span:last-child { width: 58px; }
.m-user-con ul li:hover { background: #eee; }
.m-user-con.show { height: 133px; }
/*login登入窗口*/
.m-login-popup { position: absolute; top: 80px; right: 30px; z-index: 70; height: 0; 
                 -webkit-transition: height .3s;
                 -moz-transition: height .3s;
                 -ms-transition: height .3s;
                 -0-transition: height .3s;
                 transition: height .3s;
}
.m-login-popup.show { height: 340px; }  
/*浏览器新增样式*/
.m-login-popup .login-title { text-align: center; font-size: 12px; color: #435a75; }  
.m-login-popup .login-brower { color: #435a75; font-size: 12px; text-decoration: underline; }  
.m-login-popup .login-brower:hover { color: #59a824;}  
/*
@media screen and (max-width: 496px) {
        .u-pupop01 { max-width: 92%; margin-left: 4%; }
}

@media screen and (max-width: 1150px) {
        .m-gnb .menu-con ul { width:690px; }
}
@media screen and (max-width: 1100px) {
        .m-gnb .menu-con ul { width:570px; }
        .m-gnb .menu-con ul li a { padding: 0 30px; }
}
@media screen and (max-width: 960px) {
        .m-gnb .menu-con ul { width:490px; }
        .m-gnb .menu-con ul li a { padding: 0 20px; }
}
*/
/*width--小于900px，menu下拉形式*/
/*@media screen and (max-width: 950px) {
        .m-logo { position: absolute; top: 50%; left:50%; margin:-28px 0 0 -70px; }
        .m-gnb { height: 40px; width: 40px; padding-left: 14px; padding-top: 16px; margin-left: 0; }
        .m-gnb .menu-btn { display: block; }
        .m-gnb .menu-con { display: none; position: fixed; top: 56px; left: 0; width: 100%; height: 100%; z-index: 30; background-color: #000; filter:alpha(opacity=50); background:rgba(0,0,0,0.5); opacity: 0; 
                -webkit-transition: opacity .3s;
                   -moz-transition: opacity .3s;
                    -ms-transition: opacity .3s;
                     -0-transition: opacity .3s;
                        transition: opacity .3s;
        }
        .m-gnb .menu-con ul { width: 100%; height: 0; background-color: #000; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); 
                -webkit-transition: height .3s;
                   -moz-transition: height .3s;
                    -ms-transition: height .3s;
                     -0-transition: height .3s;
                        transition: height .3s;
        }
        .m-gnb .menu-con ul li { float: none; width: 95%; padding-left: 5%; margin-right: 0; border-top: 1px solid #181f22; border-left: 2px solid transparent; text-align: left; }
        .m-gnb .menu-con ul li a { color: #666; }
        .m-gnb .menu-con ul li a:hover { color: #5fb336; text-decoration:none;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
        }
        .m-gnb .menu-con ul li:last-child { border-bottom: none; }
        .m-gnb .menu-con ul li.on,
        .m-gnb .menu-con ul li:hover { border-top-color: #181f22; border-left: 2px solid #5fb336; background:none; }
        .m-gnb .menu-con ul li.on a,
        .m-gnb .menu-con ul li:hover a { color: #5fb336; }
        .m-gnb .menu-con.show { opacity: 1; filter:alpha(opacity=100); }
        .m-gnb .menu-con ul.show { height: 268px; }
        
        .m-user { right: 15px; }
        .m-user .pc { display: none; }
        .m-user .mb { display: block; }
        .m-user .user-login { display: none; }

        .m-user-con { display: block; }
}
@media screen and (max-width: 496px) {
        .m-gnb .menu-con ul { top: 56px; }
        .m-user { right: 5px; }
        .m-user .user-login { margin-top: 12px; }
        .m-user .mb { margin-top: 15px; }
}
*/
/*内容*/
.g-container { position: relative; width: 100%; min-height: 550px; }
.g-ct { z-index: 9; min-height: 550px; }
/*
@media screen and (max-width: 496px) {
        .p-store { padding: 0 10px; }
        .g-ct { min-height:inherit; }
}
*/
/*页尾*/
.g-ft { padding: 30px 0 10px; margin-top: 50px; line-height: 130%; border-top: 1px solid #ddd; }
.g-ft nav { margin-bottom: 20px; }
.g-ft nav ul { height: 100%; overflow: hidden; margin: 0 auto; text-align:center; }
.g-ft nav ul li { float: left; font-size: 14px; }
.g-ft nav ul li a:hover { color: #5fb336; }
.g-ft p { line-height: 140%; margin-bottom: 30px; }
.g-ft .btn a { display: inline-block; }
.g-ft .icon a { margin-right: 10px; }
.g-ft .icon a:last-child { margin-right: 0; }
/*
@media screen and (max-width: 870px) {
        .g-ft { padding: 30px 0; }
        .g-ft nav { margin-bottom: 10px; }
        .g-ft nav a,.g-ft p { font-size: 12px; }
}
@media screen and (max-width: 714px) {
        .g-ft { margin-top: 15px; }
}
@media screen and (max-width: 496px) {
        .g-ft { padding: 20px 0; margin-top: 20px; }
        .g-ft nav { margin-bottom: 10px; }
        .g-ft nav a,.g-ft p { font-size: 12px; }
}*/

/**
 * = modle 模块样式
********************************************************************************************************/
/* 场景应用登录页面-login
** -m-login
**************************/
.m-login { position: relative; }
.m-login .img { width: 550px; height: 360px; overflow: hidden; border-radius: 6px 0 0 6px; }
.m-login .img img { width: 100%; }
.m-login .form { position: absolute; top: 0; right: 0; width: 410px; height: 300px; padding-top: 60px; border-radius: 0 6px 6px 0; }
/*新增浏览器样式提醒，改padding-top:40px为20px*/
.m-login .form .formWrap { position: relative; width: 100%; padding-top: 20px; width: 320px; margin: 0 auto;  }
.m-login .form th,
.m-login .form td { padding:10px 0; }
.m-login .form .input p { padding:8px 15px; border:1px solid #eee; }
.m-login .form .input p input { padding: 0; border: none; padding-left: 5%; width: 90%; }
.m-login .form .more th,
.m-login .form .more td { padding: 0; }
.m-login .form .more p { height: 20px; line-height: 20px; }
.m-login .form .more p a,
.m-login .form .more p span { display: inline-block; color: #888; vertical-align: middle; }
.m-login .form .more p a { text-decoration: none; }
.m-login .form .more p .forget:hover { color: #5fb336; }
.m-login .form .more p:first-child { float: left; }
.m-login .form .more p:first-child span { display: inline-block; width: 20px; height: 20px; margin-right: 10px; }
.m-login .form .more p:last-child { float: right; }
.m-login .form .u-error { position: absolute; top:0; right: 0; width: 80%; }
/*新增浏览器提醒样式*/
.m-login .form .login-title { margin-top: 50px; text-align: center; font-size: 12px; color: #435a75; }  
.m-login .form .login-brower { color: #435a75; font-size: 12px; text-decoration: underline; }  
.m-login .form .login-brower:hover { color: #59a824;}  
/*
@media screen and (max-width: 714px) {
        .m-login .img { width: 96%; height:auto; margin-left: 2%; text-align: center; border-radius:6px 6px 0 0; }
        .m-login .form { position: relative; width: 96%; margin-left: 2%; padding-top: 20px; height: 250px; border-radius:0 0 6px 6px; }
        .m-login .form .formWrap { width: 300px; padding: 40px 10px 0; }
}*/

/**
 *  场景应用注册页面-register
** -m-register
**************************/
/**
 * 左边-输入表单内容
 * m-register->form-table
 */
.m-register .form { position: relative; padding: 86px 0; padding-bottom: 66px; /*overflow: hidden; */height: 100%; }
.m-register .form-table { max-width: 450px; color: #444; margin: 0 auto;
                          -webkit-transition: all .3s;
                          -moz-transition: all .3s;
                          -ms-transition: all .3s;
                          -o-transition: all .3s;
                          transition: all .3s;
}
.m-register th,
.m-register td { padding:0 0; }
.m-register th { padding-right: 4%; text-align: right; vertical-align: top; }
.m-register td div.txt-con { position: relative; padding-right: 40px; }
.m-register td div.txt-con .f-max input { border: 1px solid #999; }
.m-register td div.txt-con .f-max input:focus { border: 1px solid #73B54A; }
.m-register th span { display: inline-block; padding: 0 0; color: #444; font-weight: normal; height: 34px; line-height: 34px; }
.m-register td span { display: inline-block; vertical-align: middle; }
.m-register td .show-tip { height: 36px; line-height: 36px; padding-bottom: 2px; }
.m-register td .icon { position: absolute; top: 5px; right: 50px; width: 24px; height: 24px; display: inline-block; }
.m-register td .finish { position: absolute; top: 7px; right: 0; width: 20px; height: 20px; background: url(../img/case/icon01_register.gif) center no-repeat; }
.m-register td .input { padding:8px 15px; }
.m-register td .input input { padding: 0; border: none; }
.m-register td .warn { margin-top: 0; }
.m-register td .autoHeight { height: 14px; padding-top: 10px; }
.m-register td .autoHeight .warn { margin-top: 0; }
.m-register .u-form-input.high .color i { background-color: #73B54A; }
.m-register .yanzheng span:first-child { width: 55%; margin-right: 6%; }
.m-register .yanzheng span:nth-child(2) { width: 37%; }
.m-register .submit p { padding-right: 40px; margin: 7px auto 15px; text-align: center; }
.m-register .u-form-back { margin-top: 0; padding-left:10px; }
.m-register .u-btn04 a { width: 200px; }
/**
 * 右边-二维码提示
 * m-register->form-qr
 */
.m-register .form-code { max-width: 550px; color: #444; margin: 0 auto; padding: 100px 0; }
.m-register .form-code .resend { position: absolute; top: 10px; left: 0; width: 120px; height: 34px; border: 1px solid #5FB336; border-radius: 3px; background-color: #F2FAEF; color: #5FB336; cursor: pointer; }
.m-register .form-code .resend:hover { background-color: #F9F1EF; }
.m-register .form-code .resend:active { background-color: #FAFAEE; }
.m-register .form-code .change { background-color: #F6F6F6; border: 1px solid #F6F6F6; color: #999; cursor: auto; }
.m-register .form-code .change:hover { background-color: #F6F6F6; }
.m-register .form-code .callService { position: absolute; top: 10px; left: 120px; width: 100px; line-height: 34px; text-align: center; }

.m-register .form-code .f-hide1 { visibility: hidden; }

/**
 * 中间-获取二维码的提示
 * m-register->form-img
 */
.m-register .form-img, .m-register .form-img2 { display: none; position: absolute; top: -40px; left: -168px; width: 192px; height: 400px; }
/*@media screen and (max-width: 820px) {
        .m-register .form { position: relative; padding: 40px 0; overflow: hidden; height: 100%; }
        .m-register .form-table { max-width: 450px; color: #444; margin: 0 auto 40px!important; }
        .m-register .form-qr { position: relative; width: auto; max-width: 450px; margin: 0 auto; border: none; }
}*/

/**
 *  场景应用密码找回页面-account_backPassword
** -m-account_backPassword
** -m-account_backPassword_submitInfo
** -m-account_backPassword_reset
******************************************/
/*找回密码*/
.m-account_backPassword .con-center {padding: 50px 0px; margin: 18px 0; border-radius: 6px; }
.m-account_backPassword .con-center .m-formTable{margin: 0px auto; color: #444444;}
.m-account_backPassword .con-center .m-formTable tr{line-height: 38px; vertical-align: top;}
.m-account_backPassword .con-center .m-formTable th,
.m-account_backPassword .con-center .m-formTable td{padding: 20px 0px; font-size: 14px;}
.m-account_backPassword .con-center .m-formTable th{font-size: 18px; font-weight: normal; text-align: right; padding-right: 22px; white-space: nowrap;}
.m-account_backPassword .con-center .m-formTable td.alertColumn{padding-left: 20px;}
.m-account_backPassword .con-center .m-formTable td .u-verifyCode{margin-left: 10px; height: 38px;}
.m-account_backPassword .con-center .m-formTable td .u-alertInfo{color: #666666;}
.m-account_backPassword .con-center .m-formTable td .u-changeVerifyCode{color: #264a73;}
.m-account_backPassword .con-center .m-formTable td .u-submitBtn{width: 69%;}
.m-account_backPassword .con-center .m-formTable td .u-form-back{line-height: 22px;}
/*找回密码-提交信息*/
/*找回密码-去邮箱*/
.m-account_backPassword_goEmail .con-center{padding-top: 100px;}
.m-account_backPassword_goEmail .con-center p{color: #666666; margin-bottom: 60px; text-align: center;}
.m-account_backPassword_goEmail .con-center .u-goEmailBtn{width: 26%; margin: 0px auto 40px auto;}
.m-account_backPassword_goEmail .con-center .u-reSendLink{color: #435a75;}
/*找回密码-重置密码*/

/**
 *  场景应用案例展示-store首页
** -m-storeLists
**************************/
.m-storeLists { position: relative; margin: 0 auto; }
.m-storeLists-bd { position: relative; width: 100%; min-height: 100%; margin-top: 30px; }
.m-storeLists-bd.fixed { margin-top: 100px; }
.m-storeLists,
.m-storeLists .store-top  { max-width:1218px; }
.m-storeLists .store-left { max-width:984px; }
/**
 * banner--storeList
 * m-banner-store
 */
.m-banner-store { width: 100%; height: 360px; padding-top:40px; overflow: hidden; }
.m-banner-store .banner-imgBox { position: relative; max-width: 1218px; height: 100%; margin: 0 auto; }
.m-banner-store .banner-arrow { position: absolute; top: 50%; z-index: 20; width: 60px; height: 60px; overflow: hidden; margin-top: -46px; opacity: 0; filter:alpha(opacity=0);
                                -webkit-transition: opacity .3s;
                                -moz-transition: opacity .3s;
                                -ms-transition: opacity .3s;
                                -0-transition: opacity .3s;
                                transition: opacity .3s;
}
.m-banner-store .arrow-left { left:100px; }
.m-banner-store .arrow-right { right:100px; }
.m-banner-store:hover .banner-arrow  { opacity: 1; filter:alpha(opacity=100); }
/*@media screen and (max-width: 640px) {
        .m-banner-store { padding-top: 0; }
        .m-banner-store .banner-arrow { margin-top: -26px; }
        .m-banner-store .arrow-left { left:50px; }
        .m-banner-store .arrow-right { right:50px; }
        .mobile .m-banner-store .banner-arrow { display: none;}
}*/
/**
 * 顶部-topbar-listSearch
 * m-listSea
 */
.m-listSer { position: relative; width: 100%; min-height: 70px; z-index: 20; border-bottom: 1px solid #dbdbdb; background:#eee; }
.m-listSer .u-search { position: absolute; top: 50%; right: 0; margin-top: -19px; }
.m-listSer .tag-txt { padding:20px 0; overflow: hidden; }
.m-listSer .tag-txt span { float: left; display: block; height: 30px; line-height: 30px; margin-right: 5px; margin-bottom: 5px; overflow: hidden; padding-left:8px; border-radius: 2px; opacity: 1; filter:alpha(opacity=100); }
.m-listSer .tag-txt span,
.m-listSer .tag-txt strong {	
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -0-transition: opacity .3s;
    transition: opacity .3s;
}
.m-listSer .tag-txt span i,
.m-listSer .tag-txt span em { display: inline-block; vertical-align: middle; }
.m-listSer .tag-txt span i { width: 14px; height: 18px; margin-right: 8px; }
.m-listSer .tag-txt span em { width: 30px; height: 30px; cursor: pointer; }
.m-listSer .tag-txt span.hide,
.m-listSer .tag-txt strong.hide { opacity: 0; filter:alpha(opacity=0); }
.m-listSer.fixed { position: fixed; top: 0; }

/*开发者案例顶部公告start*/
.fixed { position: fixed; top: 0; }
.m-top-notice { width: 100%; min-height: 55px; background: #1ca8e9; z-index: 9999; }
.m-top-notice .m-listSer { min-height: 55px; border-bottom: none; background:#1ca8e9; }
.m-top-notice .notice-content { position: absolute; left: 0; top: 0; width: 980px; height: 38px; padding-top: 17px; color:#FFF; }
.m-top-notice .notice-content p { height: 20px; line-height: 20px; }
.m-top-notice .notice-content a{ color: white; text-decoration: none; }
.m-top-notice .notice-content .notice-icon{ width: 18px; height: 16px; margin-right: 10px; display:block; float: left; }
/*开发者案例顶部公告end*/

/*详情页面notic样式*/
.m-detail-notice{ position: relative; margin: 0 auto; width: 953px; height: 55px; line-height: 55px; }
.m-detail-notice a{ color: white; text-decoration: none; }
.m-detail-notice .notice-icon{ width: 18px; height: 16px; margin-right: 10px; display:block; float: left; }

/**
 * 左部-store-left--listCshow
 * m-listCshow
 */
.m-listCshow { /*min-height: 100%;*/ min-height:300px; border-right: 1px solid #dbdbdb; }
.m-listCshow .item { float: left; position: relative; width: 222px; height: 350px; margin-right: 24px; margin-bottom: 19px;margin-top:10px; }
.m-listCshow .item h4 { color: #333E4B; }
.m-listCshow .item a:hover { text-decoration: none; }
.m-listCshow .item .tit p,
.m-listCshow .item .con { color: #999; }
.m-listCshow .item .u-listshow { position: absolute; top: 0; left: 0; }
.m-listCshow .item .u-listshow.active { z-index: 10; }
.m-listCshow .item.active { z-index: 10; }
.m-listCshow .item:hover a { text-decoration: none; }
.m-listCshow .listShow-more { padding-right: 24px; }
.m-listCshow .listShow-more a { display: inline-block; width: 100%; height: 50px; line-height: 50px; }
.m-listCshow .listShow-more a:hover { text-decoration: none; color: #5fb336; }

/**
 * 右部-store-right--recommend
 * m-recommend
 * ->m-funs-tag
 * ->m-funs-hot
 */
.m-recommend { position: absolute; right: 0; top: 0; }
.m-recommend.fixed { position: fixed; top: 100px; }
.m-recommend.bottom { bottom: 0; top: inherit; }
.m-funs-tag,
.m-funs-hot { padding-left:25px; }
.m-funs-tag .dingzhi{background: #f9f9f9;}
.m-funs-tag { position: relative; margin-bottom: 25px; height: auto; overflow: hidden; }
.m-funs-tag p span {display: inline-block;margin: 15px 8px 0 0;padding: 5px 10px;border-radius: 2px;line-height: 100%;}
.m-funs-tag p span:hover { background: #5fb336; color: #fff; }
.m-funs-hot ul { width: 100%; }
.m-funs-hot li { margin-top: 15px; }
.m-funs-hot li a { text-decoration: none; }
.m-funs-hot li span { display: inline-block; color: #333; vertical-align: middle; line-height: 16px; }
.m-funs-hot li span.id { width: 15px; margin-right: 4px; text-align: center; }
.m-funs-hot li span.name { position: relative; width: 140px; height: 16px; overflow: hidden; }
.m-funs-hot li span.name em { position: absolute; top: 0; left: 0; display: inline-block; }
.m-funs-hot li span.num { display: none; width: 55px; font-size: 15px; color: #999; text-align: right; }
.m-funs-hot li span.more { display: none; width:12px; }
.m-funs-hot li.first img { width: 60px; height: 60px; }
.m-funs-hot li.first strong { display: inline-block; width:90px; margin-left: 15px; vertical-align: middle; }
.m-funs-hot li.first span { width: auto; }
.m-funs-hot li.first span.name { margin-bottom: 10px; text-align: left; width: 100%; height: auto; }
.m-funs-hot li.first span.name em { position: relative; }
.m-funs-hot li:hover span { color: #5fb336; }
/*@media screen and (max-width: 1218px) {
        .m-storeLists,
        .m-storeLists .store-top { max-width:960px; }
        .m-storeLists .store-left { max-width:738px; }
}
@media screen and (max-width: 960px) {
        .m-storeLists,
        .m-storeLists .store-top { max-width:714px; min-height:auto; }
        .m-storeLists .store-left { max-width:492px; }
}
@media screen and (min-width: 714px) {
        .m-storeLists { min-height: 750px; }
}
@media screen and (max-width: 714px) {
        .m-storeLists-bd { margin-top: 15px; }

        .m-listSer { height: auto; padding-top: 15px; margin-bottom: 0; border-bottom: none; }
        .m-listSer .u-search { position: relative; width: 468px; margin: 10px auto 0; }
        .m-listSer .tag-txt { height: auto; line-height: 100%; padding:5px 0; margin: 0 auto; }
        .m-listCshow { max-width:468px; margin: 0 auto; border-right:none; }
        /*.m-listCshow .item:nth-child(2n+1) { margin-right: 0; }
        .m-listCshow .listShow-more { padding-right: 0; }
        .m-listCshow .listShow-more a { height: 40px; line-height: 40px; border-radius: 6px; }
        .m-recommend { position: relative; top: inherit; right: inherit; width: 468px; margin: 0 auto; }
        .m-funs-tag { width: 100%; height: 70px; overflow: hidden; padding-left: 0; margin-bottom: 0; }
        .m-funs-tag h3 { display: none; }
        .m-funs-tag p { position: absolute; left: 0; top: 0; }
        .m-funs-tag p span { color: #333; }
        .m-funs-hot { display: none; }
}
@media screen and (max-width: 496px) {
        .m-storeLists { max-width: 100%; }
        .m-listSer .u-search { width: 100%; }
        .m-listSer .tag-txt { width: 100%; }
        .m-listCshow { height: auto!important; }
        .m-listCshow ul { width: 100%; }
        .m-listCshow .item { float: none; margin-right: 0; width: 100%; height: 100%; margin-bottom: 10px; overflow: hidden; } 
        .m-listCshow .u-listShow { width: 100%; height: 100%; overflow: hidden; }
        .m-recommend { width: 100%; }
}*/

/*定制页面样式*/
.m-coustom-banner {width:100%; height: 400px;background:#009de6;}
.m-coustom-banner .banner-center{width: 1178px;margin-left: auto;margin-right: auto;}
.m-coustom-con{width: 100%; border-right: 0;}
.m-coustom-wrap{width:100%}
.m-coustom-wrap .item{margin-right: 21px;}
/*.m-coustom-con .item-marginR {margin-right: 21px;}*/
/*定制页面样式- end*/

/*定制页面分割线-start*/
.coustom-divide{ margin-top: 30px; height: 0; border-top: 1px solid #ddd;max-width: 1200px; }

/*定制页面分割线-end*/


/**
 *  stroe详情页面-storeDetail
** -m-storeDetail
**************************/
.m-storeDetail { min-height: 600px; }
.m-storeDetail-con { position: relative; padding-bottom: 40px; }
/**
 * 预览lightapp卡片
 * .m-cardScan
 */
.m-cardScan { position: absolute; top: 0; left: 0; }
.m-cardScan .u-listShow { margin-bottom:20px; }
.m-cardScan .u-listShow:hover .item-top span { display: none; }
.m-cardScan .u-listShow .item-bottom .con p a:hover { text-decoration: none; color: #999; cursor: default; }
.m-cardScan.fixed { position: fixed; top: 0!important; left: 0; bottom: inherit; }
.m-cardScan.bottom { position: absolute; bottom: 40px!important; left: 0; top: inherit; }
/**
 * 对应lightapp的介绍内容
 * .m-cardInfo
 */
.m-cardInfo { max-width: 714px; margin-left: 245px; border-radius: 6px; }
.m-cardInfo .top { position: relative; padding:34px 24px; border-bottom: 1px solid #eee; }
.m-cardInfo .top h3 span { display: none; }
.m-cardInfo .u-share { position: absolute; bottom: 14px; right: 20px; vertical-align: middle; }
.m-cardInfo .u-share a span { display: none!important; }
.m-cardInfo .bd h4 { margin-bottom: 20px; }
.m-cardInfo .bd p,
.m-cardInfo .bd span { line-height: 170%; }
.m-cardInfo .bd-txt { padding: 30px 20px; border-bottom: 1px solid #eee; font-size: 14px; }
.m-cardInfo .bd-ui .imgBox { position: relative; width: 100%; height: 367px; overflow: hidden; overflow-x:auto; }
.m-cardInfo .bd-ui .imgBox ul { position: absolute; left:0; top: 0; width: 1000px; overflow: hidden; }
.m-cardInfo .bd-ui .imgBox ul li { float: left; width: 220px; height: 346px; margin-right: 10px; }
.m-cardInfo .bd-ui .imgBox ul li img { width: 100%; height: 100%; }
.m-cardInfo .bd-ui .imgBox ul li:last-child { margin-right: 0; }
.m-cardInfo .bd-place { padding: 30px 0; }
.m-cardInfo .bd-place h4,
.m-cardInfo .bd-place .smal { padding: 0 20px 20px; }
.m-cardInfo .bd-place .smal a { display: inline-block; width:22%; margin-right: 2%; }
.m-cardInfo .bd-place .smal a span,
.m-cardInfo .bd-place .smal a img { display: inline-block; vertical-align: middle; }
.m-cardInfo .bd-place .smal a span { width: 0; height: 100%; }
.m-cardInfo .bd-place .smal a:last-child { margin-right: 0; }
.m-cardInfo .bd-place .big { position: relative; padding: 8% 0; }
.m-cardInfo .bd-place .big a { display: inline-block; width:47%; top: 50%; left: 50%; }
.m-cardInfo .bd-place .big .arrow { position: absolute; top: 50%; display: inline-block; margin-top: -25px; width: 50px; height: 50px; cursor: pointer; }
.m-cardInfo .bd-place .big .arrow-left { left: 20px; background-position: -268px -280px; }
.m-cardInfo .bd-place .big .arrow-left:hover { background-position: -321px -280px; }
.m-cardInfo .bd-place .big .arrow-right { right: 20px; background-position: -268px -331px; }
.m-cardInfo .bd-place .big .arrow-right:hover { background-position: -321px -331px; }
.m-cardInfo .bd-more a { display: inline-block; width: 19%; }
/*更多其他lightapp介绍*/
.m-storeDetail-more { margin: 0 auto; padding-top:30px; border-top: 1px solid #ddd; }
.m-storeDetail-more h3 { margin-bottom: 20px; }
.m-storeDetail-more .u-listShow { margin-bottom:20px; }
.m-storeDetail-more .u-listShow:hover .item-top span { display: none; }
.m-storeDetail-more ul { overflow: hidden; height: 100%; }
.m-storeDetail-more ul li { float: left; margin-right: 24px; }
.m-storeDetail-more ul li a:hover { text-decoration: none; }
.m-storeDetail-more ul li:nth-child(4n) { margin-right: 0; }
.m-storeDetail-more .item-bottom .con a { cursor: text; }
.m-storeDetail-more .item-bottom .con a:hover { color: #999!important; }

.m-storeDetail-more .more-wrap { max-width:960px; }
/*
@media screen and (max-width: 1218px) {
        .m-storeDetail-more .more-wrap { max-width:960px; }
}
@media screen and (max-width: 960px) {
        .m-storeDetail-con { max-width: 714px; }
        .m-cardInfo { max-width:468px; }

        .m-storeDetail-more .more-wrap { max-width:714px; }
        .m-storeDetail-more ul li:nth-child(4n) { margin-right: 24px; }
        .m-storeDetail-more ul li:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 714px) {
        .m-storeDetail-top { background: none; }
        .m-storeDetail-con { max-width: 714px; margin-top: 10px; }
        .m-cardScan { position: relative; top: inherit; left: inherit; margin-bottom: 15px; }
        .m-cardScan .u-btn01 { opacity: 1; filter:alpha(opacity=100);
                -webkit-transition: opacity .3s;
                   -moz-transition: opacity .3s;
                    -ms-transition: opacity .3s;
                     -0-transition: opacity .3s;
                        transition: opacity .3s;
        }
        .m-cardScan .u-btn01.opacity { position: fixed; top: 0; left: 10px; z-index: 20; opacity: 0.7; filter:alpha(opacity=70); }
        .m-cardScan .u-listShow { display: none; }
        .m-cardInfo { max-width: 714px; margin-left: 0; }
        .m-cardInfo .top { padding: 30px 24px 45px; } 
        .m-cardInfo .top h3 span { display: inline-block; margin-left: 20px; }
        .m-cardInfo .top .tag { position: absolute; bottom: 10px; right: 0; display: block; width: 222px; }
        .m-cardInfo .top .tag strong { position: absolute; top: 0; right: 10px; }

        .m-storeDetail-more .more-wrap { max-width:468px; }
        .m-storeDetail-more ul li:nth-child(3n) { margin-right: 24px; }
        .m-storeDetail-more ul li:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 496px) {
        .m-cardInfo { width: 100%; }

        .m-storeDetail-more ul { width: 100%; }
        .m-storeDetail-more li { float: none; width: 100%; height: 100%; margin-right: 0; margin-bottom: 10px; overflow: hidden; } 
}*/

/**
 *  stroe购买页面- m-storeBuy
** -m-storeBuy
**************************/
.m-storeBuy-top { width: 100%; }
.m-storeBuy-top .top-con { position: relative; height: 100%; overflow: hidden; }
/**
 * 购买提交列表-lightapp buy
 * -m-lappBuy
 */
.m-lappBuy { padding: 20px 20px 0 20px; margin: 40px 0; border-radius: 6px; } 
.m-lappBuy th { padding: 20px 0; font-weight: normal; } 
.m-lappBuy td { padding: 10px 0; } 
.m-lappBuy td span { display: inline-block; vertical-align: middle; line-height: 150%; } 
.m-lappBuy .td-img { overflow: hidden; height: 100%; } 
.m-lappBuy .td-img .img, 
.m-lappBuy .td-img .txt { display: inline-block; } 
.m-lappBuy .td-img .img { width:100px; height: 100px; } 
.m-lappBuy .td-img .txt { width:120px; text-align: center; } 
.m-lappBuy .td-edit input, 
.m-lappBuy .td-edit input { width: 48px; padding: 7px 0; margin: 0 5px; border:1px solid #eee; border-radius: 6px; } 
.m-lappBuy .td-edit span { width: 26px; height: 26px; } 
.m-lappBuy .td-count { padding: 30px 0; } 
.m-lappBuy .td-count p { height: 30px; line-height: 30px; } 
.m-lappBuy .td-count p span { display: inline-block; margin-left: 20px; vertical-align:middle; } 
.m-lappBuy .td-pay { padding: 20px 0; } 
.m-lappBuy .td-pay a { margin-left: 50px; } 

.m-lappBuy h3 { padding-bottom: 20px; font-family: '微软雅黑'; border-bottom: 1px solid #eee; } 
.m-lappBuy .app-intro { border-bottom: 1px solid #eee; padding: 26px 0;} 
.m-lappBuy .app-intro .intro { margin-left: 20px; color: #666;} 
.m-lappBuy .app-time .txt span { padding-left: 28px; } 
.m-lappBuy .app-time .txt span strong { padding-left: 26px;} 
.m-lappBuy table { border-bottom: 1px solid #eee; padding: 26px 0;} 
.m-lappBuy tbody { font-size: 14px; font-family: '微软雅黑';} 
.m-lappBuy .app-type input { width: 78px; height: 32px; padding: 0; border: none; font-family: '微软雅黑'; }  
.m-lappBuy .app-type .btn-bg1 { background-image: url( ../img/global/select.png); background-repeat:no-repeat; background-position: 0 0; cursor: pointer;} 
.m-lappBuy .app-type .btn-bg2 { margin-left: 15px; background-image: url( ../img/global/select.png); background-repeat:no-repeat; cursor: pointer;} 
.m-lappBuy .app-type .active { background-image: url( ../img/global/select.png); background-position: 0 -72px;} 
/*.m-lappBuy .app-time .txt { padding-left: 28px; }*/
.m-lappBuy .app-time .txt input { width: 78px; height: 32px; padding: 0; text-align: center;} 
.m-lappBuy .app-num .input-num{ width: 76px; height: 30px; padding: 0; text-align: center; border-radius: 3px; } 
.m-lappBuy .app-pay { /*padding: 32px 0;*/ margin-left: 750px; height:86px; font-size: 14px; color: #666;} 
.m-lappBuy .app-pay span { height: 86px; line-height:76px;} 
.m-lappBuy .app-pay strong { position: relative; top: 3px; color: red;} 

/**
 * 购买提交列表-lightapp buy
 * -m-payComfire
 */
.m-payComfire { margin: 20px 0; }
.m-payComfire h4 { padding: 20px 0; border-bottom:1px solid #ddd; }
.m-payComfire .hetong { text-align: right; }
.m-payComfire .hetong a { text-decoration: none; }
.m-payComfire .payComfire-con { padding: 30px 20px 0; margin-top: 15px; border-radius: 6px; }
.m-payComfire .payComfire-info { padding: 30px 20px; }
.m-payComfire .payComfire-info td { font-size: 14px; color: #666; }
.m-payComfire .payComfire-count { padding: 40px 30px 40px 0; font-size: 14px; text-align: right; }
.m-payComfire .payComfire-count span { display: inline-block; vertical-align: middle; font-size: 24px; color: #ff0000; }
.m-payComfire-pay { border-bottom: 1px solid #f0f0f0; }
.m-payComfire-pay .category { overflow: hidden; height: 40px; padding-right: 10px; border-left: 3px solid #5fb336; background: #f7f7f7; }
.m-payComfire-pay .category h5 { height: 40px; line-height: 40px;  padding:0 30px; }
.m-payComfire-pay .category ul { overflow: hidden; height: 40px; }
.m-payComfire-pay .category li { float: left; height: 37px; line-height: 37px; padding:0 20px; border-bottom: 1px solid #f0f0f0; border-top: 2px solid #f7f7f7; }
.m-payComfire-pay .category li.on { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom:1px solid #fff; border-top: 2px solid #5fb336; background: #fff; }
.m-payComfire-pay .category .count { height: 40px; line-height: 40px; }
.m-payComfire-pay .category .count span { display: inline-block; vertical-align: middle; margin-left: 10px; color: #ff0000; }
.m-payComfire-pay .lists { padding: 40px 50px; }
.m-payComfire-pay .lists .icon-box { margin-left: 10px; }
.m-payComfire-pay .lists-people ul { overflow: hidden; }
.m-payComfire-pay .lists-people li { float: left; margin: 0 20px 20px; }
/**
 * 银行卡选择-储蓄卡和信用卡
 * -m-bankCardType
 */
.m-bankCardType { width: 750px; overflow: hidden; height: 60px; margin-left: 20px; border: 2px solid #5fb336; }
.m-bankCardType p { float: left; margin-right: 50px; height: 60px; line-height: 60px; color: #333; }
.m-bankCardType .card span { border: none; }
.m-bankCardType .cardType label { margin: 0 20px 0 10px; }
.m-bankCardType .count { float: right; padding: 0 20px; margin-right: 0; background: #f7f7f7; border-left: 1px solid #ddd; font-size: 16px; }
.m-bankCardType .count span { margin: 0 5px; color: #ff0000; }

/**
 * 购买提交列表-lightapp submit
 * -m-lappSubmit
 */
.m-lappSubmit { overflow: hidden; height: 50px; }
.m-lappSubmit p { float: left; height: 50px; line-height: 50px; }
.m-lappSubmit .u-btn01 { width: 180px; margin-left: 30px; }
/*
@media screen and (max-width: 800px) and (min-width: 680px) {
        .m-lappBuy th { font-size: 14px; }
        .m-lappBuy .f-size18 { font-size: 16px; }
        .m-lappBuy .td-img .img { width:80px; height: 80px; text-align: center; }
        .m-lappBuy .td-img .txt { width:100px; text-align: center; }
}
@media screen and (max-width: 800px) {
        .m-storeBuy-con { margin-top: 10px; }
        .m-storeBuy-con h3 { padding-left: 20px; }
        .m-lappBuy { margin: 20px 0; } 
        .m-lappBuy .td-count { padding:15px 0; }
}
@media screen and (max-width: 680px) {
        .m-lappBuy { margin:20px; padding:0; }
        .m-lappBuy .table01 { display: none; }
        .m-lappBuy .table02 { display: block; }
        .m-lappBuy .table02 tr { text-align: center; }
        .m-lappBuy .table02 th { border-top: 1px solid #eee; border-right:1px solid #eee; }
        .m-lappBuy .table02 .td-edit input { width: 70%; }
        .m-lappSubmit { margin-right: 20px; }
}
@media screen and (max-width: 496px) {
        .m-storeBuy-top { background:none; }
        .m-lappBuy .u-search { position: inherit; top: inherit; right: inherit; width: 99%; margin-top: 15px; }
        .m-lappBuy { margin:20px 0; }
        .m-lappBuy .table02 th { font-size: 14px; }
        .m-lappBuy .table02 .td-edit input { width: 50%; }
        .m-lappSubmit { margin-right: 0px; }
        .m-lappSubmit .u-btn01 { width: 140px; height: 30px; line-height: 30px; margin-left: 10px; }
        .m-lappSubmit .u-btn01 a { font-size: 15px; }
}
@media screen and (max-width: 400px) {
        .m-lappBuy .td-img .img { width:80px; height: 80px; }
        .m-lappBuy .td-img .txt { width:80px; text-align: center; }
}*/

/* 
** 我的APP-myStore页面
** -m-myStore
**************************/
.m-myStore-top { width: 100%; }
.m-myStore-top .top-con { position: relative; overflow: hidden; }
.m-myStore-top .top-con .u-search { position: absolute; top: 8px; right: 0; }
/**
 * 我的lightapp列表 lightapp-list
 * 	m-lappList
 */
.m-lappList ul { width: 100%; height: 100%; overflow: hidden; }
.m-lappList li { position: relative; overflow: hidden; margin:0 24px 30px 0; border-radius: 6px; }
.m-lappList li.item-add p { position: relative; width: 222px; height: 222px; overflow: hidden; }
.m-lappList li.item-add p a { display: inline-block; width: 100%; height: 100%; }
.m-lappList li.item-add p span { position: absolute; top: 50%; left: 50%; display: inline-block; width: 84px; height: 84px; margin: -42px 0 0 -42px; }
.m-lappList li.item-add .item-more { position: absolute; left:0; bottom: -28px; display: inline-block; width: 100%; color: #5fb336; 
                                     -webkit-transition: bottom .3s;
                                     -moz-transition: bottom .3s;
                                     -ms-transition: bottom .3s;
                                     -o-transition: bottom .3s;
                                     transition: bottom .3s;
}
.m-lappList li.item-add .item-free { position: absolute; top: -44px; left: 0; z-index: 10; display: inline-block; width: 100%; height:44px; line-height: 44px; cursor: pointer;
                                     -webkit-transition: top .3s;
                                     -moz-transition: top .3s;
                                     -ms-transition: top .3s;
                                     -o-transition: top .3s;
                                     transition: top .3s;
}
/*.m-lappList li.item-add:hover p span { background-position: -371px -113px; }*/
.m-lappList li.item-add:hover .item-more { bottom: 28px; }
.m-lappList li.item-add:hover .item-free { top: 0; }
.m-lappList li:nth-child(4n) { margin-right: 0; }

.m-myStore .u-listShow-2 { width: 220px; padding:1px; }
.m-myStore .u-page { margin-top: 30px; }
.m-myStore .u-page .num { background: #fff; }

/*
@media screen and (max-width: 960px){
        .m-lappList { max-width: 714px; }
        .m-lappList li:nth-child(4n) { margin-right: 24px; }
        .m-lappList li:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 714px){
        .m-myStore-top .top-con .u-search { top: 10px; }
        .m-lappList { max-width: 496px; }
        .m-lappList li:nth-child(3n) { margin-right: 24px; }
        .m-lappList li:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 496px) {
        .m-myStore-top { background:none; padding:10px 0; }
        .m-myStore-top .top-con .u-search { position: relative; top: inherit; right: inherit; width: 99%; margin-top: 15px; }
        .m-lappList { max-width: 100%; padding-top: 20px; }
        .m-lappList li { float: none; width: 100%; overflow: hidden; height: 100%; margin:0 0 10px; }
        .m-lappList li .item-top,
        .m-lappList li .item-bottom { float: left; width: 50%; }
        .m-lappList li .item-top { height: auto; border: 6px 0 0 6px; }
        .m-lappList li .item-top .top-con { display: none; }
        .m-lappList li .item-top .top-img .new { width: 51px; height: 51px; background-position: -168px -91px; }

        .m-lappList li .item-bottom { position: relative; overflow: hidden; background: #fff; border-radius: 0 6px 6px 0;  }
        .m-lappList li .item-bottom h4 { padding:20px 10px 10px; margin-bottom: 15px; overflow: hidden; height: auto; line-height: 150%; }
        .m-lappList li .item-bottom p { padding-left: 15px; }
        .m-lappList li .item-bottom p span { display: block; }
        .m-lappList li .item-bottom p strong { display: block; width: 100%; margin: 10px 0 10px 20px; } 

        .m-lappList li.item-add p:first-child { display: none; }
        .m-lappList li.item-add .item-more { display: block; width: 100%; height: 50px; }
        .m-lappList li.item-add .item-more a { display: inline-block; width: 100%; height: 50px; line-height: 50px; border-radius: 6px; }
}*/

/**
 * lightAPP管理 -m-myLightapp页面
** -m-myLightapp
**********************************/
.m-myLightapp-con { position: relative; min-height: 500px; }
/**
 * 选中的lightapp卡片
 * .m-lappCard
 */
.m-lappCard { position: absolute; left:0; top: 0; }
/**
 * liaghtapp编辑的选项
 * .m-lappEdit
 */
.m-lappEdit { max-width: 695px; height: 414px; margin-left: 245px; padding-left: 22px; border-left:1px solid #ddd; }
.m-lappEdit .bd { width: 100%; height: 100%; margin: 0 auto; }
.m-lappEdit .bd-list { position: relative; float: left; width: 153px; height: 205px; padding: 1px; margin-right: 20px; margin-bottom: 30px; }
.m-lappEdit .bd-list .btn { position: relative; width: 100%; height: 150px; overflow: hidden; line-height: 150px; margin-bottom: 24px; background: #f8f8f8; }
.m-lappEdit .bd-list .btn span { position: absolute; top: 50%; left: 50%; display: inline-block; width: 57px; height: 50px; margin:-25px 0 0 -28px; }
.m-lappEdit .bd-list .btn i { position: absolute; top: 0; right: 0; width: 83px; height: 83px; }
.m-lappEdit .bd-list .txt { position: absolute; top: 0; left: 0; z-index: 2;  width: 100%; height: 150px; opacity: 0;
                            -webkit-transition: opacity .3s;
                            -moz-transition: opacity .3s;
                            -ms-transition: opacity .3s;
                            -0-transition: opacity .3s;
                            transition: opacity .3s;
}
.m-lappEdit .bd-list .txt p { width: 100%; height: 100%; background-color: #f7f7f7; filter:alpha(opacity=80); background: rgba(247,247,247,.8); }
.m-lappEdit .bd-list .txt strong,
.m-lappEdit .bd-list .txt span { display: inline-block; vertical-align: middle; }
.m-lappEdit .bd-list .txt strong { height: 100%; width: 0; }
.m-lappEdit .bd-list .txt span { width: 100px; margin: 0 auto; line-height: 180%; }
.m-lappEdit .bd-list .tit { width: 100%; color: #333; }
.m-lappEdit .bd-list .tit span { position: relative; }
.m-lappEdit .bd-list .tit-popup { position: absolute; top: 30px; left: -40px; z-index: 20; }
.m-lappEdit .bd-list .tit-popup p { padding: 24px; border:1px solid #ddd; border-radius: 6px;  line-height: 150%; }
.m-lappEdit .bd-list .tit-popup strong { display: inline-block; position: absolute; top: -9px; left: 40px; width: 20px; height: 13px; }
.m-lappEdit .bd-list:nth-child(4n) { margin-right: 0; }
.m-lappEdit .bd-list:hover .txt { opacity: 1; filter:alpha(opacity=100); }
.m-lappEdit .bd-list:hover .txt a { text-decoration: none; }
.m-lappEdit .bd-list:hover .txt span {
    -webkit-animation: iconScale .3s;	
    -moz-animation: iconScale .3s;
    -ms-animation: iconScale .3s;
    -o-animation: iconScale .3s;
    animation: iconScale .3s;
}
.m-lappEdit .bd-list.z-open .btn { background: #fff; }
.m-lappEdit .bd-list.z-open .txt { display: none; }
.m-lappEdit .bd-list.z-open:hover .btn span {
    -webkit-animation: iconScale .3s;	
    -moz-animation: iconScale .3s;
    -ms-animation: iconScale .3s;
    -o-animation: iconScale .3s;
    animation: iconScale .3s;
}

.m-lappEdit .bd-list:nth-child(4n) { margin-right: 0; }
/*
@media screen and (max-width: 960px){
        .m-myLightapp-con { max-width: 760px; margin-top: 20px; }
        .m-lappEdit { max-width: 513px; height: 621px; padding-left: 0; border:none; }
        .m-lappEdit .bd-list:nth-child(4n) { margin-right: 4%; }
        .m-lappEdit .bd-list:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 760px) {
        .m-myLightapp-con { max-width: 581px; }
        .m-lappEdit { max-width: 340px; height: 828px; }
        .m-lappEdit .bd-list { width: 46%; margin-right: 4%; margin-bottom: 10px; }
        .m-lappEdit .bd-list:nth-child(3n) { margin-right: 4%; }
        .m-lappEdit .bd-list:nth-child(2n) { margin-right: 0; }
        .m-lappEdit .bd-list .btn i { width: 50px; height: 50px; background-position: -220px -91px; }
}
@media screen and (max-width: 581px) {
        .m-myLightapp-top { background: none; }
        .m-lappCard,
        .m-lappEdit { margin: 0 auto; }
        .m-lappCard { max-width: 334px; position: relative; top: inherit; left: inherit; margin-bottom: 15px; }
        .m-lappCard .u-listShow-2 {width: 100%;}
        .m-lappCard .u-listShow-2 .item-top { display: none; }
        .m-lappCard .u-listShow-2 .item-bottom h4 { line-height: 30px; height: 30px; margin-bottom: 10px; padding: 0; }
        .m-lappCard .u-listShow-2 .item-bottom .qr { display: none; }
        .m-lappEdit { margin-top: 0; }
        .m-lappEdit { padding-left: 0; border: none; }
}*/

/**
** 我的信息 -m-myInfo页面
** -m-myInfo
**********************************/
.m-myInfo-con { position: relative; }
.m-myInfo-con .con-left.fixed { position: fixed; top: 0; }
.m-myInfo-con .con-right { max-width: 714px; margin-left: 246px; border-radius: 6px; }
.m-myInfo-con .con-right h3 { padding: 25px 0 25px 25px; border-bottom: 1px solid #eee; }
.m-myInfo-con .bd { min-height: 400px; }

.free_exper { width: 148px; height: 148px; position: absolute; background-image:url(../img/case/default.png); cursor: pointer;}
.free_exper:hover { background-image:url(../img/case/open_hover.png); cursor: pointer;}

.free_exper01 { width: 148px; height: 148px; position: absolute; background-image:url(../img/case/open1.png); cursor: pointer;}
.free_exper01:hover { background-image:url(../img/case/open1_hover.png); cursor: pointer;}

/**
 * 我的信息右边表单输入内容
 * m-myInfoForm
 */
.m-myInfoForm td,
.m-myInfoForm th { color: #333; }
/*
@media screen and (max-width: 714px) {
        .m-myInfo-top { padding: 0 5px; background: none; }
        .m-myInfo-con { margin-top: 0; }
        .m-myInfo-con .u-infoBar { position: inherit; top: inherit; left: inherit; }
        .m-myInfoForm { margin-left: 0; margin-top: 15px; }
        .m-myInfoForm h3 { padding: 15px 0 15px 15px; }
        .m-myInfoForm .bd { padding: 20px 0; }
        .myInfo-table02 { padding: 0; }
}
*/
/**
 * myInfo-表单的样式
 * ->muInfo_basic
 * ->muInfo_company
 */
.myInfo-table01 { padding: 50px 0; }
.myInfo-table01 th,
.myInfo-table01 td { padding: 10px 0; padding-left: 15px; color: #999; }
.myInfo-table01 th { color: #333; font-size: 15px; font-weight: normal; }
.myInfo-table01 th.th-input { vertical-align: top; }
.myInfo-table01 th.th-input span { display: inline-block;  padding:10px 0; }
.myInfo-table01 td select { padding-left:2%; }
/*.myInfo-table01 td input { padding-left:2%; }*/
.myInfo-table01 td.td-user { color: #b2b2b2; }
.myInfo-table01 td.submit p { max-width: 222px; }
/*
@media screen and (max-width: 496px) {
        .myInfo-table01 th { font-size: 13px; }
        .myInfo-table01 td span,
        .myInfo-table01 td input,
        .myInfo-table01 td p { font-size: 12px; }
}*/

/**
 * myInfo-表单的样式
 * ->muInfo_order
 */
.myInfo-table02 table { border-bottom:1px solid #eee; }
.myInfo-table02 .bd-tit {  overflow: hidden; height: 18px; padding: 8px 20px; color: #8e8e8e; background: #fafafa; border-top: 1px solid #e9e9e9; }
.myInfo-table02 .bd-tit p { float: left; margin-bottom: 15px; margin-right: 15px; line-height: 100%; }
.myInfo-table02 .bd-tit p:last-child { float: right; margin-right: 0; }

/**
 * order-表单管理页
 * -m-order
 */
/**
 * order-列表单筛选
 * ->m-orderSelect
 */
.m-orderSelect { position: relative; padding: 30px 15px; }
.m-orderSelect .item { position: relative; float: left; margin-right: 30px; }
.m-orderSelect .item label { display: inline-block; width: 70px; height: 30px; line-height: 30px; color: #333; text-align: right; vertical-align: middle; }
.m-orderSelect .item span { display: inline-block; }
.m-orderSelect .item span.tit { width: 50px; }
.m-orderSelect .item .item-con { position: absolute; top: 30px; left: 50px; z-index: 10; width: 80px; border: 1px solid #5fb336; border-top: none; background: #fff; }
.m-orderSelect .item .item-con li { height: 30px; line-height: 30px; padding-left: 10px; color: #333; font-size: 14px; cursor: pointer; }
.m-orderSelect .item .item-con li:hover { background: #5fb336; color: #fff; }
.m-orderSelect .item .item-con li.sub { padding-left: 15px; }
.m-orderSelect .orderTime { overflow: hidden; height: 32px; margin-bottom: 20px; }
.m-orderSelect .orderTime span { height: 30px; line-height: 30px; }
.m-orderSelect .orderTime .initTime { margin-right: 15px; }
.m-orderSelect .orderTime .payTime { margin-right: 0; }
.m-orderSelect .orderType { height: 32px; }
.m-orderSelect .orderType .keyWords input { padding: 6px 0 6px 5px; width: 160px; }
.m-orderSelect .orderSumbit { position: absolute; bottom: 32px; right: 20px; }
.m-orderSelect .orderSumbit p { width: 100px; height: 30px; }
.m-orderSelect .orderSumbit p a { height: 30px; line-height: 30px; }
.m-orderSelect .status { margin-right: 15px; }

/**
 * order-列表list样式
 * ->m-orderList
 */
.m-orderList { position: relative; height: 30px; padding: 30px 20px; }
.m-orderList .item-con  { float: left; text-align: center; margin-bottom: 10px; height: 28px; line-height: 28px; }
.m-orderList .item-con span,
.m-orderList .item-con .title a { display: inline-block; width: 100%; height: 28px; word-break: break-all; vertical-align: middle; }
.m-orderList .title { width: 30%; text-align: left; }
.m-orderList .type  { width: 10%; }
.m-orderList .time  { width: 10%; }
.m-orderList .num   { width: 10%; }
.m-orderList .count { width: 25%; }
.m-orderList .item-con span,
.m-orderList .item-con a { font-size: 14px; }
.m-orderList .btn { position: relative; width: 15%; }
.m-orderList .btn span a { display: block; width: 70px; height: 28px; border-radius: 2px; }
.m-orderList .btn .use { position: relative; }
.m-orderList .btn .use a { background:#5fb336; color: #fff; }
.m-orderList .btn .use i { position: absolute; top: 12px; right: -2px; display: inline-block; width: 14px; height: 6px; }
.m-orderList .btn .pay a { background:#ff8a00; color: #fff; }
.m-orderList .btn .close a,
.m-orderList .btn .end a { text-align: right; color: #8e8e8e; cursor: default; }
.m-orderList .btn .pay a:hover { background: #eb8001; }
.m-orderList .btn .use a:hover { background: #59a824; }
.m-orderList .btn:hover .item-more { display: block; }
.m-orderList .other { position: absolute; right: 20px; bottom: -10px; width: 130px; text-align: center; }
.m-orderList .other a { margin-right: 15px; }
.m-orderList .other a:last-child { margin-right: 0; }
.m-orderList .other a.cancel { margin-right: 0; }
.m-orderList .other a:hover,
.m-orderList .title:hover a { color: #5fb336;  text-decoration: none; }
.m-orderList:hover .btn a { text-decoration: none; }
/**
 * order-列表list样式-子选项
 * ->m-orderList-sub
 */
.m-orderList-sub { display: none; position: absolute; top: 27px; right: -16px; z-index: 10; width: 170px; padding-top: 10px; }
.m-orderList-sub ul { border-radius:4px; border: 1px solid #eee; background: #fff; }
.m-orderList-sub li { border-bottom: 1px solid #eee; }
.m-orderList-sub li a { display: block; width: 100%; height: 100%; padding: 12px 0; width: 170px; }
.m-orderList-sub li a:hover { color: #5fb336; }
.m-orderList-sub li:last-child { border-bottom:none; }
.m-orderList-sub p { position: absolute; top: 1px; right: 50px; width: 20px; height: 13px; }
/*@media screen and (max-width: 714px) {
        .myInfo-table02 .bd-tit { padding: 0 5px; }
        .m-orderList { height: 50px; padding: 30px 5px; }
        .m-orderList .title { width: 30%; }
        .m-orderList .type  { width: 15%; }
        .m-orderList .time  { width: 15%; }
        .m-orderList .num   { width: 20%; }
        .m-orderList .count { width: 20%; }
        .m-orderList .btn   { float: right; width: 20%; }
}
@media screen and (max-width: 496px) {
        .myInfo-table02 td { padding: 2px 0; }
        .m-orderList{ padding: 15px 5px; }
        .m-orderList .title { width: 40%; }
        .m-orderList .type  { width: 20%; }
        .m-orderList .time  { width: 20%; }
        .m-orderList .num   { width: 20%; }
        .m-orderList .count { float: right; width: 30%; }
}*/

/**
 * 企业认证
 * -m-auth
 */
.m-auth .bd { padding: 40px; }
.m-auth .bd h4 { height: 22px; line-height: 22px; padding-left: 5px; border-left: 4px solid #5fb336; }
.m-auth .bd h5 { margin: 40px 0 20px; font-size: 14px; font-weight: bolder; }
.m-auth .bd .item { font-size: 14px; color: #333; }
.m-auth .bd .item-1 li { margin-bottom: 10px; }
.m-auth .bd .u-table01 { width: 400px; }
.m-auth .bd .successHelp { margin-top: 50px; }
.m-auth .submit { width: 140px; margin-top: 80px; }

/**
 * 企业认证信息填写
 * -m-authEdit
 */
.m-authEdit { padding-bottom: 50px; }
.m-authEdit .myInfo-table01 { padding: 0; }
.m-authEdit h4 { padding: 30px 0 30px 40px; }
.m-authEdit .img_upload { position: relative; width: 80px; height: 80px; margin-right: 20px; }
.m-authEdit .img_upload img { width: 80px; height: 80px; }
.m-authEdit .img_upload .upload { display: none; }
.m-authEdit .img_upload:hover .display { display: none; }
.m-authEdit .img_upload:hover .upload { display: block; }
.m-authEdit .img_standard { margin-top: 5px; }
.m-authEdit .btn_upload { position: absolute; top: 0; left: 0; width: 80px; height: 80px; opacity: 0; filter:alpha(opacity=0); }
.m-authEdit .submit { overflow: hidden; height: 100%; margin-left: 100px; }
.m-authEdit .submit p { width: 140px; margin-top: 40px; margin-right: 40px; }

/**
 * 企业认证信息结果
 * -m-authBack
 */
.m-authBack .bd { padding: 50px; }


/**
 * 认证详情
 * -m-authScan
 */
.m-authScan .authScan-item { padding-bottom: 30px; }
.m-authScan .authScan-people table,
.m-authScan .authScan-info table { margin:30px 0 0 30px; width: 450px; }

/**
 * 新增系统通知样式
 * -m-inform
 */
.m-myInfo-con table { width: 100%; margin-left: 0; border-collapse: collapse; color: #435a75; font-family: "微软雅黑"; font-size: 14px; }
.m-myInfo-con .m-inform-table { padding-left: 20px; padding-right: 20px; }
.m-myInfo-con .inform-table .m-right-content tr { width: 710px; height: 50px; border-bottom: 1px solid #eee;}
.m-myInfo-con .inform-table .m-right-content tr.unread { font-weight: bold; }
.m-myInfo-con .inform-table .m-right-content tr:hover { background-color: #f2f2f5;}
.m-myInfo-con .inform-table .m-right-content tr.checked { font-weight: normal; }
.m-myInfo-con .inform-table .m-right-content .m-td { width: 520px; height: 50px; line-height: 50px; float:left; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.m-myInfo-con .inform-table .m-right-content td a { padding-left: 10px; color: #435a75;}
.m-myInfo-con .inform-table .m-right-content td a:hover { text-decoration: none;}

.m-inform .btn_skip { padding: 33px 20px 28px 20px;}
.m-inform .btn_skip p { display: inline-block;}
.m-inform .btn_skip .btn_text { display:inline-block; width: 22px; height: 22px; line-height: 22px; padding: 0;  padding-left: 10px; border: 1px solid #ccc; border-radius: 2px; margin: 0 8px;  }
.m-inform .btn_skip .skip_txt { margin-left: 286px; }
.m-inform .btn_skip .btn_button { display:inline-block; width: 16px; height: 14px; line-height: 14px; padding: 3px 8px 3px ; border-radius: 2px; background-color: #6eb94c; color: #fff; position: relative; top: 0; font-size: 10px; margin: 0 8px; }
.m-inform .btn_skip .btn_button:hover { text-decoration: none; cursor: pointer; background-color: #4da422; }
.m-inform .btn_skip .skip_inp { float: right; margin-top: -3px; }
.m-inform .btn_skip .skip_inp strong { color: #5fb336;}

.m-inform .btn_skip .skip_inp .skip_pre { display: inline-block; text-align: center; width: 82px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 2px; margin-left: 8px; }
.m-inform .btn_skip .skip_inp .skip_pre:hover { text-decoration: none; cursor: pointer; background-color: #5fb336; color: #fff;}
.m-inform .btn_skip .skip_inp .skip_pre:before { display: inline-block; content: ''; border: 4px solid #ccc; border-top-width: 5px; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; margin: 0px 10px 1px 1px;}

.m-inform .btn_skip .skip_inp .skip_mid { display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 2px; margin-left: 8px; }
.m-inform .btn_skip .skip_inp .skip_mid:hover { text-decoration: none; cursor: pointer; background-color: #5fb336; }
.m-inform .btn_skip .skip_inp .skip_mid:before { display: inline-block; content: ''; border: 4px solid #ccc; border-top-width: 5px; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; }

.m-inform .btn_skip .skip_inp .skip_next { display: inline-block; text-align: center; width: 80px; height: 28px; line-height: 30px; border: 1px solid #eee; border-radius: 3px; margin-left: 8px; }
.m-inform .btn_skip .skip_inp .skip_next:hover { text-decoration: none; cursor: pointer; background-color: #5fb336; color: #fff;}
.m-inform .btn_skip .skip_inp .skip_next:after { display: inline-block; content: ''; border: 4px solid #ccc; border-top-width: 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; margin: 0px 1px 1px 13px;}

.u-btn12 { margin-left: 490px; padding:30px 0; }
.u-btn12 input { padding: 5px 25px; cursor: pointer;}

.u-btn13 { margin-left: 585px; padding-bottom: 47px; }
.u-btn13 input { padding: 5px 10px; cursor: pointer; color: #666; border-radius: 2px; }

.m-myInfo-con .txt { padding: 28px 22px 10px 22px; border-bottom: 1px solid #eee;}
.m-myInfo-con .txt span { font-size: 18px;}
.m-myInfo-con .txt a { margin-left: 565px; display: block; font-size: 14px; color: #435a75; }
.m-myInfo-con .txt a:hover { color: #5FB336; }
.m-myInfo-con .inform-order { min-height: 520px; padding-left: 60px; padding-right: 60px; }
.m-myInfo-con .inform-order h2 { font-size: 18px; margin: 20px 0; text-align: center;}
.m-myInfo-con .inform-order p { line-height: 150%; }
/**
 * 合同详情
 */
.m-contract { padding: 50px 0; border-radius: 0; }
.m-contract .contract-item { width: 820px; padding: 0 70px; font-size: 14px; }
.m-contract .contract-intro { margin-bottom: 40px; }
.m-contract .contract-intro h4 { margin-bottom: 15px; }
.m-contract .contract-intro p { margin-bottom: 10px; }
.m-contract .contract-btn { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 20px solid #eee; }
.m-contract .contract-btn p { width: 150px; margin: 0 auto; }
.m-contract .contract-form { position: relative; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 8px solid #eee; }
.m-contract .contract-form p { position: absolute; font-size: 16px; }
.m-contract .contract-form .p1 { top: 78px; left: 180px; }
.m-contract .contract-form .p2 { top: 107px; left: 180px; }
.m-contract .contract-form .p3 { top: 275px; left: 170px; }
.m-contract .contract-form .p4 { top: 275px; left: 385px; }
.m-contract .contract-form .p5 { top: 275px; right: 195px; }
.m-contract .contract-form .p6 { top: 325px; left: 280px; }
.m-contract .contract-form .p7 { top: 325px; left: 540px; }
.m-contract .contract-form .p8 { top: 325px; left: 588px; }
.m-contract .contract-form .p9 { top: 325px; left: 636px; }
.m-contract .contract-form .p10 { top: 325px; left: 685px; }
.m-contract .contract-form .p11 { top: 325px; left: 733px; }
.m-contract .contract-form .p12 { top: 325px; left: 780px; }
.m-contract .contract-form .p13 { top: 420px; left: 260px; }
.m-contract .contract-form .p14 { top: 465px; left: 260px; }
.m-contract .contract-form .p15 { top: 512px; left: 260px; }
.m-contract .contract-form .p16 { top: 512px; left: 640px; }
.m-contract .contract-form .p17 { top: 560px; left: 260px; }
.m-contract .contract-form .p18 { top: 560px; left: 640px; }
.m-contract .contract-form .p19 { top: 608px; left: 260px; }
.m-contract .contract-form .p20 { top: 608px; left: 640px; }


/**
 * 发票管理
 * -m-invoice
 */
.m-invoice .invoice-select { position: relative; padding: 50px 15px; }
.m-invoice .invoice-select .item { position: relative; float: left; margin-right: 30px; }
.m-invoice .invoice-select .item label { display: inline-block; width: 70px; height: 30px; line-height: 30px; color: #333; text-align: right; vertical-align: middle; }
.m-invoice .invoice-select .item span { display: inline-block; }
.m-invoice .invoiceTime { overflow: hidden; height: 32px; margin-bottom: 20px; }
.m-invoice .invoiceTime span { display: inline-block; height: 30px; line-height: 30px; }
.m-invoice .invoiceTime .initTime { margin-right: 18px; }
.m-invoice .invoiceTime .payTime { margin-right: 0; }
.m-invoice .invoiceType { height: 32px; }
.m-invoice .invoiceType .keyWords { margin-right: 160px; }
.m-invoice .invoiceType .keyWords input { padding: 7px 0 7px 5px; width: 150px; }
.m-invoice .invoiceSumbit p { width: 100px; height: 32px; }
.m-invoice .invoiceSumbit p a { height: 30px; line-height: 30px; }
.m-invoice .status { margin-right: 15px; }
.m-invoice .invoice-table { padding-top: 30px; border-top: 2px solid #f0f0f0; }
.m-invoice .invoice-table table { padding: 35px 25px; }
.m-invoice .invoice-table td,
.m-invoice .invoice-table th { padding: 7px 0; font-size: 14px; color: #333; text-align: left; }
.m-invoice .invoice-table th { padding: 15px 0; }   
.m-invoice .invoice-sumbit { padding: 30px 0; overflow: hidden; }
.m-invoice .invoice-sumbit p { width: 200px; margin-left: 15px; }

/**
 * 发票索取
 * -m-invoiceGet
 */
.m-invoiceGet .invoiceGet-con { padding: 45px 50px; }
.m-invoiceGet .reminder { line-height: 140%; margin-bottom: 60px; }
.m-invoiceGet .count span { display: inline-block; margin: 0 5px; color: #5fb336; vertical-align: middle; }
.m-invoiceGet .invoiceGet-list { padding: 20px; }
.m-invoiceGet .invoiceGet-btn { padding-left: 15px; }
.m-invoiceGet .invoiceGet-submit { overflow: hidden; height: 100%; margin: 50px 0 0 50px; } 
.m-invoiceGet .invoiceGet-submit p { width: 120px; margin-right: 40px; }
.m-invoiceGet .invoiceGet-table01 { font-size: 14px; color: #333; }
.m-invoiceGet .invoiceGet-table01 th { padding: 10px 0; text-align: left; }
.m-invoiceGet .invoiceGet-table01 td { padding: 6px 0; }
.m-invoiceGet .invoiceGet-table01 a { text-decoration: none; }
.m-invoiceGet .invoiceGet-table01 .tit01 { padding-left: 30px; }
.m-invoiceGet .invoiceGet-table01 .select input { margin-right: 20px; }
.m-invoiceGet .invoiceGet-table01 .btn a { margin-right: 20px; }
.m-invoiceGet .invoiceGet-table02 th,
.m-invoiceGet .invoiceGet-table02 td { padding: 8px 0; font-size: 14px; color: #333; }
.m-invoiceGet .invoiceGet-table02 th { padding-right: 10px; text-align: right; vertical-align: top; }
.m-invoiceGet .invoiceGet-table02 th span { display: inline-block; padding: 10px 0; font-size: 14px; }
.m-invoiceGet .invoiceGet-table02 th em { color: #ff0000; }
.m-invoiceGet .invoiceGet-table02 td input,
.m-invoiceGet .invoiceGet-table02 td label { display: inline-block; vertical-align: middle; }
.m-invoiceGet .invoiceGet-table02 .input01 { width: 100%; }
.m-invoiceGet .invoiceGet-table02 .input02 { width: 100%; }
.m-invoiceGet .invoiceGet-table02 .input03 { margin-right: 20px; }
.m-invoiceGet .invoiceGet-table02 .btn { overflow: hidden; }
.m-invoiceGet .invoiceGet-table02 .btn p { float: left; width: 100px; margin-right: 20px; }
.m-invoiceGet .invoiceGet-table03 th,
.m-invoiceGet .invoiceGet-table03 td { padding: 8px 0; font-size: 14px; color: #333; }
.m-invoiceGet .invoiceGet-table03 th { padding-right: 10px; text-align: right; vertical-align: top; }
.m-invoiceGet .invoiceGet-table03 th span { display: inline-block; padding: 10px 0; font-size: 14px; }
.m-invoiceGet .invoiceGet-table03 .input01 { width: 100%; }
.m-invoiceGet .invoiceGet-table03 .radio input { margin-right: 10px; }
.m-invoiceGet .invoiceGet-table03 .btn { overflow: hidden; }
.m-invoiceGet .invoiceGet-table03 .btn p { float: left; width: 100px; margin-right: 20px; }
.m-invoiceSet,
.m-logistics { margin-top: 50px; margin-bottom: 50px; }
.m-invoiceSet .invoiceSet-edit { width: 520px; margin-left: 30px; margin-top: 20px; }
.m-invoiceSet .invoiceName td span,
.m-invoiceSet .invoiceType td span { display: inline-block; width: 50%; padding: 10px 0; font-size: 14px; }
.m-logistics .logistics-edit { width: 350px; margin-left: 30px; margin-top: 20px; }
.m-logistics .logistics-type { margin-top:30px; overflow: hidden; height: 100%; }
.m-logistics .logistics-type p { float: left; margin-left: 30px; }
.m-logistics .logistics-type p label { margin-left: 15px; }
.m-invoiceGet td .popup-back { color: red; margin-top: 5px; }

/**
 * 发票详情
 * -m-invoiceInfo
 */
.m-invoiceInfo .invoiceInfo-item { padding-bottom: 30px; }
.m-invoiceInfo .invoiceInfo-shou table,
.m-invoiceInfo .invoiceInfo-fapiao table { margin:30px 0 0 30px; width: 450px; }
.m-invoiceInfo .invoiceInfo-dingdan table { margin: 30px 0 0 30px; }

/**
 * myInfo-表单的样式
 * ->muInfo_feedback
 */
.myInfo-table03 li { padding: 10px 20px; border-bottom:1px solid #eee; }
.myInfo-table03 li h4 { margin:12px 0; color: #333; }
.myInfo-table03 li .item-right { text-align:right; }
.myInfo-table03 li .item-right h4,
.myInfo-table03 li .item-right p:last-child { margin-right: 5px; }
.myInfo-table03 li .item-right h4 { position: relative; }
.myInfo-table03 li .item-right h4 span { position: absolute; top: -8px; right: -15px; width: 20px; height: 14px; }
.myInfo-table03 .bd-page { margin-top: 90px; }


/* 我的基本信息--子页样式
** -basic,company,order,feedback
**********************************/
/*基本信息*/
.basic-con .con-right table { max-width: 410px; width: 410px; margin: 0 auto; }
.basic-con .con-right th { color: #333; font-size: 15px; font-weight: normal; text-align: right; }
/*企业信息*/
.company-con .con-right table { max-width: 640px; margin-left: 50px; color: #333; }
.company-con .con-right th { text-align: right; }
.company-con .con-right th span { min-width:70px; }
/*认证信息*/
.auth-con .con-right table { max-width: 640px; margin-left: 50px; color: #333; }
.auth-con .con-right th { text-align: right; }
.auth-con .con-right th span { min-width:70px; }
.auth-con .con-right td .popup-back { color: red; margin-top: 5px; }
/*订单信息*/
.order-con .bd-page { padding: 50px 0; }
/*@media screen and (max-width: 714px) {
        .order-con .bd-page { padding: 15px 0; }
        .feedback-con .con-right .item-con p:first-child { font-size: 12px; }
}*/


/* 帮助中心 -m-help
** -m-help
**********************************/
.p-help font { vertical-align:middle; }
.p-help .u-infoBar .mainMenu-item { cursor: pointer; }
.p-help .u-infoBar .mainMenu-item:before { content:"+"; }

.help-top .top-con { position: relative; }
.help-top .top-con .u-search { position: absolute; top: 7px; right: 0; }
.help-con { position: relative; overflow: hidden; }
.help-con a { color: #666; }
.help-con a:hover { color: #5fb336; }
/*@media screen and (max-width: 496px) {
        .help-top { background: none; }
        .help-top .top-con { padding: 0 5px; }
        .help-top .top-con .u-search { position: relative; top: 0; width: 100%; }
}*/
/*help-index*/
.m-help-index .help-con .con-left,
.m-helpRec { max-width: 714px; margin-right: 244px; }
.m-help-index .help-con .con-left .item,
.m-helpRec-list { margin-bottom: 35px; border-radius: 6px; }
.m-help-index .help-con .con-left .item h3,
.m-helpRec-list h3 { padding: 25px; }
.m-helpRec-list h3 { border-bottom:1px solid #eee; }
.m-helpRec-list .more { margin-top:30px; }
.m-help-index .help-con .con-left .item .item-con,
.m-helpRec-list .item-con { padding: 30px 20px; }
.m-helpRec-list .tit { height: 74px; overflow: hidden; padding: 0 38px; }
.m-helpRec-list .tit ul { width: 100%; height: 44px; padding-top: 30px; background: url(../img/case/bg01_help.gif) left 45px repeat-x; }
.m-helpRec-list .tit li { float: left; width: 35%; text-align: center; }
.m-helpRec-list .tit li a { position: relative; display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size:22px; text-align: center; color: #fff; background:url(../img/case/btn02_help.gif) center no-repeat; vertical-align: middle; text-decoration: none; }
.m-helpRec-list .tit li span { display: inline-block; position: absolute; top: -30px; width:100px; left: 50%; margin-left: -50px; color: #666; text-align: center; }
.m-helpRec-list .tit li.on a {  background:url(../img/case/btn01_help.gif) center no-repeat; }
.m-helpRec-list .tit li.on span { color: #5fb336; }
.m-helpRec-list .tit li:first-child { width: 15%; margin-left: 0; text-align: left; }
.m-helpRec-list .tit li:last-child { width: 15%; text-align: right; }
.m-helpRec-list .tit li:last-child a { margin-right: -5px; }
.m-helpRec-list .list { position: relative; padding:30px 20px 20px; margin-top: 6px; border: 1px solid #eee;  }
.m-helpRec-list .list h4 { margin-bottom: 20px; }
.m-helpRec-list .list ul { height: 100%; overflow: hidden; padding: 0 20px; }
.m-helpRec-list .list li { float: left; width: 50%; margin-bottom: 10px; }
.m-helpRec-list .list .arrow { position: absolute; top: -7px; left: 48px; display: inline-block; width: 12px; height: 7px; background: url(../img/case/icon01_help.gif) center no-repeat; }
.m-help-index .help-con .con-right,
.m-helpHot { position: absolute; top: 0; right: 0; }
.m-help-index .help-con .con-right h3,
.m-helpHot h3 { margin-bottom: 30px; }
.m-helpHot .item li { margin-top: 20px; line-height: 100%; }
.m-helpHot .item li:last-child { margin-bottom: 0; }
.m-help-index .help-con .con-right.fixed,
.m-helpHot.fixed { position: fixed; top: 0; }
/*
@media screen and (max-width: 960px){
        .m-help-index .help-con { max-width: 714px; }
        .m-help-index .help-con .con-left {  max-width: 496px; }
        .m-helpRec-list .list { padding:30px 10px 20px; }
}
@media screen and (max-width: 714px) {
        .help-con { margin-top: 20px; }
        .m-help-index .help-con .con-left { margin: 0 auto; }
        .m-help-index .help-con .con-right { display: none; }
}
@media screen and (max-width: 496px) {
        .m-help-index .help-con .con-left { width: 100%; }
        .m-help-index .help-con .con-left .item h3,
        .m-helpRec-list h3 { padding: 15px; }
        .m-help-index .help-con .con-left .item .item-con,
        .m-helpRec-list .item-con { padding:15px 5px; }
        .m-helpRec-list .tit { padding: 0 20px; }
        .m-helpRec-list .tit li { float: left; width: 30%; text-align: center; }
        .m-helpRec-list .tit li:first-child { width: 20%; }
        .m-helpRec-list .tit li:last-child { width: 20%; }
        .m-helpRec-list .more { margin-top:15px; margin-right: 10px; }
        .m-helpRec-list .list { padding:10px; }
        .m-helpRec-list .list h4 { margin-bottom: 15px; }
        .m-helpRec-list .list ul { height: 100%; overflow: hidden; padding: 0; }
        .m-helpRec-list .list li { float: left; width: 50%; margin-bottom: 10px; }
}*/
/*help-sub*/
/*-帮助中心子页面*/
/*布局样式*/
.subHelp-con .con-left {float: left; width: 222px;}
.subHelp-con .con-right {max-width: 714px; margin-left: 246px; border-radius:6px; }
.subHelp-con .con-right,
.con-right-header {border-bottom: 1px solid #eeeeee;}
.con-right-content {padding-bottom: 30px;}
/*帮助导航条*/
.m-helpNavBar h2{padding: 25px 0 25px 22px; font-size: 18px; color: #666666;}
.m-helpNavBar .mainMenu-item p { color: #666; }
.m-helpNavBar .mainMenu-item p:before { content:''; position: absolute; top: 15px; left: 20px; width:10px; height: 10px; background: url(../img/case/icon01_help-menu.gif) center no-repeat; }
.m-helpNavBar .subMenu { display: none; }
.m-helpNavBar .subMenu li a:before { content:'';position: absolute; top: 12px; left: 40px; width: 10px; height: 12px; background: url(../img/case/icon03_help-menu.gif) center no-repeat; }
.m-helpNavBar .mainMenu-item.on p { font-weight: bold; }
.m-helpNavBar .mainMenu-item.on p:before { content:''; background: url(../img/case/icon02_help-menu.gif) center no-repeat; }
.m-helpNavBar .mainMenu-item.on .subMenu { display: block; }
.m-helpNavBar.fixed { position: fixed; top: 0; }
/*面包屑导航*/
.m-helpBreadcrumbs { position: relative; padding: 25px 0 25px 22px;}
.m-helpBreadcrumbs i,
.m-helpBreadcrumbs a { display: inline-block; vertical-align: middle; }
.m-helpBreadcrumbs i { width:7px; height: 20px; margin: 0 4px; background: url(../img/case/css_sprite.png) -220px -3px no-repeat; }
.m-helpBreadcrumbs a {font-size: 18px; color: #435a75;}
.m-helpBreadcrumbs a.z-actived {color: #666666; cursor: default; text-decoration: none;}
.m-helpBreadcrumbs span { position: absolute; bottom: 10px; right: 15px; }
.m-helpBreadcrumbs span a { color: #435a75; font-size: 16px; margin-left: 15px; }
/*全部帮助分类列表*/
.m-allHelpCategoryList{margin: 18px 36px 60px 36px; overflow: hidden; min-height: 520px;}
.m-allHelpCategoryList h3{font-size: 16px;}
.m-allHelpCategoryList li{float: left; width: 100px; margin: 18px 30px;}
/*帮助分类列表*/
.m-helpCategoryList {padding: 8px 0px 0px 6px; overflow: hidden;}
.m-helpCategoryList li{margin: 5px 0px;}
.m-helpCategoryList li a{font-size: 14px; color: #435a75;}
/*帮助列表*/
.m-helpList {padding-left: 40px; margin: 40px 0px; list-style-type: none; color: #435a75; font-size: 14px; min-height: 520px;}
.m-helpList li{margin: 20px;}
.m-helpList li a{color: #435a75;}
/*帮助文章*/
.m-helpArticle {min-height: 520px; padding: 0 20px; }
.m-helpArticle h1{text-align: center; font-size: 18px; padding: 30px;}
.m-helpArticle p{line-height: 160%;}
/*搜索结果列表*/
.m-helpSearchResultList li{margin-bottom: 30px;}
.m-helpSearchResultList li a:hover{color: #2872CA;}
.m-helpSearchResultList li h2{color: #435a75; font-size: 16px; margin-bottom: 12px; text-indent: 28px;}
.m-helpSearchResultList li p{color: #333333; font-size: 14px; line-height: 22px; text-indent: 28px;}
.m-helpSearchResultList li strong{color: #5fb336;}
/*帮助中心屏幕适应样式*/
/*
@media screen and (max-width: 714px) {
        .subHelp-con .con-left{float: none; width: auto;}
        .subHelp-con .con-right{margin-left:0px; margin-top: 15px;}
        .m-helpNavBar{width: 100%; position: inherit; top: inherit; left: inherit;}
        .m-helpArticle { min-height: inherit; }
        .m-helpList { padding-left: 0; min-height: inherit; }
}
@media screen and (max-width: 496px) {
        .m-helpArticle p{margin: 0px 6px 10px 6px;}
        .m-allHelpCategoryList{margin: 18px 6px 60px 6px;}
}
*/



/* 关于我们 -m-about
** -m-about
**********************************/

.m-about { color: #444; background-color: #fff;}
.m-about .banner { max-width: 100%;}
.m-about img { max-width: inherit !important;}
.m-about a { text-decoration: none; }

.m-aboutBreadcrumbs { position: relative; padding: 25px 0 25px 22px;}
.m-aboutBreadcrumbs i,
.m-aboutBreadcrumbs a { display: inline-block; vertical-align: middle; }
.m-aboutBreadcrumbs i { width:7px; height: 20px; margin: 0 4px; background: url(../img/case/css_sprite.png) -220px -3px no-repeat; }
.m-aboutBreadcrumbs a {font-size: 18px; color: #435a75;}
.m-aboutBreadcrumbs a.z-actived {color: #666666; cursor: default; text-decoration: none;}
.m-aboutBreadcrumbs span { position: absolute; bottom: 10px; right: 15px; }
.m-aboutBreadcrumbs span a { color: #435a75; font-size: 16px; margin-left: 15px; }

.about-con .list { background-color: #f7f7f7; text-align: center; font-size: 14px; cursor: pointer;}
.about-con .list h3 { font-size: 24px; color: #444;}
.about-con .list .about-text { margin-top: 26px; color: #5fb336;}
.about-con .list:hover { background-color: #5fb336; }
.about-con .list:hover h3,.list:hover i { color: #fff;}
.about-con .list:hover .about-text { color: #a6e686;}
.about-container { background-color: #eee;}

/*-m-about子页面*/
.m-container { max-width: 900px; margin: 0 auto; margin-bottom: 0; height: 100%; margin-bottom: -50px; }
.about_way { max-width: 1094px; }

/*--关于云来--*/
.m-container .container-top { border: 0; padding-top: 0;}
.m-about-container { border-top: 1px solid #ededed;}
.m-about-container .container { line-height: 200%; margin-bottom: 76px; margin-top: 40px; padding: 0 40px;}
.m-about-container .container p { margin-bottom: 50px; text-indent: 26px;}
.m-about-container .container h2 { font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.m-about-container .container h4 { font-size: 16px;}
.m-about-container .container .list { font-size: 14px; margin-bottom: 45px;}
.m-container .container-ideas { margin-top: 440px;}
.m-about-container .container .strong { font-weight: bold;}
.m-about-container .container .alignright { float: right; }
.m-about-container .container .alignleft { padding-bottom: 110px;} 
.m-container .container-last { margin-bottom: -50px;}
.m-about-container .center { position: relative; z-index: 2;}
.m-about-container .slider { position: absolute; left: -28px; z-index: 1; width: 880px; height: 334px; overflow: hidden; margin-bottom: 55px;}
.m-about-container .slider .slide { position: absolute; width: 530px; height: 334px; border-left: 1px solid #fff; z-index: 0; overflow: hidden; cursor: default; text-align: left;}
.m-about-container .slider .slide01 { border-left-style: none; left: 0px; }
.m-about-container .slider .slide02 { left: 225px;}
.m-about-container .slider .slide03 { left: 445px;}
.m-about-container .slider .slide04 { left: 665px;}
.m-about-container .slider .diapo { position: absolute; visibility: visible; opacity: 1; filter: alpha(opacity=100); border: 0;} 
.m-about-container .slider .backgroundText { background-color: #ccc; opacity: .5; filter: alpha(opacity=50);}
.m-about-container .slider .text { position: absolute; top:334px; width: 530px; background-color: #ccc; opacity: .5; filter: alpha(opacity=50);}

/*--加入我们--*/
.m-join-container { height: 600px; overflow: hidden; margin-bottom: -50px;}
.m-jobList { width: 960px; margin: 0 auto; padding: 92px 0;}
.m-jobList ul { width: 890px; height: 100%; margin: 0 auto; overflow: hidden;}
.m-jobList ul li { position: relative; float: left; width: 146px; margin-right: 40px; margin-bottom: 54px; cursor: pointer;}
.m-jobList ul li:nth-child(5n) { margin-right: 0;}
.m-jobList ul li .img { width: 146px; height: 146px; margin-bottom: 15px;}
.m-jobList ul li .img .job-item { position: relative; top: -146px; display: none;}
.m-jobList ul li .img:hover .job-item { position: relative; top: -146px; display: block;}
.m-jobList ul li .txt { text-align: center;} 

.m-join-container .close { position: absolute; top: 5px; left: 810px; font-size: 40px; color: #fff; z-index: 99; cursor: pointer;}
.m-join-container .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index:98; }
.m-add-container .job-detail { position: fixed; top: 50%; left: 50%; margin-top: -320px; margin-left: -396px; padding: 30px; background-color: #fff; font-size: 14px; line-height: 170%; z-index: 99; }
.m-add-container .job-detail .detail { padding: 55px 44px; max-width: 642px; min-width: 640px; border: 1px solid #e1e1e1;}
.m-add-container .job-detail h2 { font-size: 24px; margin-bottom: 30px; font-weight: bold;}
.m-add-container .job-detail h3 { font-size: 16px; margin-bottom: 20px; font-weight: bold;}
.m-add-container .job-detail ul { margin-bottom: 40px;}
.m-add-container .job-detail p { font-size: 16px; font-weight: bold; }
.m-add-container .job-detail p span { color: #5fb336;}


/*--联系我们--*/
.m-container .about-contact { font-size: 16px; line-height: 170%; }
.m-container .about-contact td { width: 360px; padding-top: 20px; padding-right: 50px; }
.m-container .about-contact .contact { border-bottom: 1px dotted #c1c1c1; padding-bottom: 56px;}
.m-container .about-contact .contact_1 { border-bottom: 1px dotted #c1c1c1; padding-bottom: 30px;}
.m-container .about-contact h2 { font-weight: bold; margin-bottom: 20px;}
.m-container .about-contact span { color: #5fb336;}

/*--在路上--*/
.m-container .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index:98; }
.m-container .close { position: absolute; top: 5px; left: 810px; font-size: 40px; color: #fff; z-index: 99; cursor: pointer;}
.m-ontheway ul li { float: left; display: inline-block; }
.m-ontheway .way_list { padding-bottom: 370px; margin-bottom: 50px;}
.m-ontheway .list { width: 210px; height: 210px; line-height: 210px;}
.m-ontheway .list p { position: relative; top: -180px; color: #c1c1c1;}

/*--在路上--云公益*/
.m-public { position: relative; width: 951px;}
.m-public:after { clear: both;}
.m-public .TimelineDate { position: relative; text-align: center; background-color: #aaa; width: 100px; margin: 0 auto 20px; z-index: 999;}
.m-public .TimelineDate p { color: #fff; line-height: 28px; padding: 12px 0; }
.m-public .timedate { margin-top: 20px;}
.m-public .timeline { position: absolute; top: 0; left: 50%; display: block; width: 5px; height: 100%; background-color: #ccc; outline: 0 none; margin-left: -2px; cursor: none;}
.m-public .public { position: relative; height: auto; z-index: 2; }
.m-public .pu_grid { width: 460px;}
.m-public .alpha { margin-left: 0; float: left;}
.m-public .omega { margin-right: 0;}
.m-public .TimelineRight { float: right; margin-left: -1px;}
.m-public .clearfix { display: block; }
.m-public .clearfix:after { clear: both;}
.m-public .clearfix:before,
.m-public .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.m-public .timelineArrow { position: absolute; top: 49%; left: auto; right: -20px; display:block; width: 21px; height: 15px; background: url(img/TimelineRightArrow.png) no-repeat; z-index: 99;}
.m-public .timeline_box { padding: 10px; text-align: left;}
.m-public .box-shadow { position: relative; border: 1px solid #ccc; background: none repeat scroll 0 0 #fff;}
.m-public .TimelineRight .timelineArrow { position: absolute; top: 49%; right: auto; left: -20px; display:block; width: 21px; height: 15px; background: url(img/TimelineLeftArrow.png) no-repeat; z-index: 99;}
.m-container .close_way { left: 970px; }
.m-container .about_iframe { position: absolute; top: 50%; left: 50%; margin-top: -452px; margin-left: -480px; width: 960px; height: 100%; z-index: 999;}
.m-container .about_iframe iframe { width: 100%; height: 100%; background-color: #fff !important; }

/*--在路上--云来环境*/
.m-env-content { width: 960px; margin: 0 auto; padding-bottom: 150px; line-height: 200%;}
.m-env-content h2 { font-size: 26px; }
.m-env-content h1 { font-size: 30px; }
.m-env-content .divider { background: url(img/section_divider_down.png) no-repeat 0 0;}
.m-env-content .env_divider { background: url(img/section_divider_down.png) no-repeat 0 0;}
.m-env-content ul li ul li  { display: inline-block; padding: 40px 0;}


/*--about页面底部--*/
.about-footer { background-color: #333e4b; padding-top: 40px; text-align: center; color: #fff; line-height:200%;}
.about-footer a { color: #fff !important;}



/**
 * p-sitemap -m-siteMap
 * 网站地图页面
 * --网站各页面相关链接跳转
 */
.m-siteMap-link { padding-bottom:70px; }
.m-siteMap-link h3 { padding: 30px 25px; border-bottom:1px solid #eee; }
.m-siteMap-link h4 { padding: 3px 0 3px 12px; border-left:2px solid #5fb336; }
.m-siteMap-link h4 a { font-size: 16px; color: #333; }
.m-siteMap-link .link-list { padding: 50px 0; margin:0 25px; overflow: hidden; height: 100%; border-bottom: 2px dashed #f1f1f1; }
.m-siteMap-link .link-list h4 { float: left; width: 140px; }
.m-siteMap-link .item { float: left; width: 740px; overflow: hidden; height: 100%; }
.m-siteMap-link .item li { float: left; font-size: 14px; margin-bottom: 25px; margin-left: 50px; }
.m-siteMap-link .item li a { color: #666; }
.m-siteMap-link .item li a:hover { color: #5fb336; }
/*@media screen and (max-width: 496px) {
        .m-siteMap-top { background:none; padding:10px 0; }
}*/


/**
 * p-feature 
 * 单页面介绍场景应用编辑功能
 * 相关功能的案例显示
 */
.p-feature { max-width: 984px; margin: 0 auto; }
.p-feature h3 { margin-bottom: 30px; color: #333; font-size: 24px; }
.p-feature h4 { margin-bottom: 30px; color: #333; font-size: 20px; }
.feature-con { margin-top: 50px; margin-bottom: 60px; }
.feature-con img { width: 100%; }
/*@media screen and (max-width: 720px) {
        .p-feature .feature-top { background: none; }
}*/

/* 单页面内容-p-single
** -->反馈页面内容 m-feedback
** -->反馈页面内容查看 m-feedbackDetail
** -->云购页面内容 m-yungou
** -->购买页面内容 m-buyBack
** -->注册成功页面 m-registerS
**********************************/
.p-single { min-height: 600px; border-radius: 6px; }
.p-single h3 {  padding: 25px 90px 25px 25px; margin-bottom: 60px; border-bottom: 1px solid #eee; }
/*反馈信息弹出层*/
.m-feedback { padding-bottom: 40px; overflow: hidden; margin-top: 100px; }
.m-feedback .bd { padding: 0 40px 0 80px;}
.m-feedback .bd .submit { width:200px; margin: 40px auto 0; }
.m-feedback .bd th,
.m-feedback .bd td { padding: 10px 0; color: #333; }
.m-feedback .bd th { min-width: 60px; vertical-align: top; font-weight: normal; text-align: right; }
.m-feedback .bd th span { display: inline-block; padding: 10px 5px 10px 0; }
.m-feedback .bd td textarea { width: 90%; height: 150px; }
.m-feedback .bd td input { width: 90%; }
.m-feedback .bd .type { overflow: hidden; padding:15px 10px 10px; }
.m-feedback .bd .type a { display: block; float: left;  width: 90px; margin-bottom: 10px; }
.m-feedback .bd .tel .icon { height: 20px; line-height: 20px; margin-top: 15px; }
.m-feedback .bd .tel .icon span { display: inline-block; vertical-align: middle; }
.m-feedback .bd .tel .icon span:first-child { display: inline-block; width:20px; height: 20px; margin-right: 10px; }
.m-feedback .bd .tel .icon.on .s-bg-select01 { background-position: -262px 0; }
.m-feedback .bd td .popup-back { color: red; margin-top: 5px; }
/*@media screen and (max-width: 720px) {
        .m-feedback { width: 90%; }
        .m-feedback .bd { padding: 0 5px; }
        .m-feedback .bd td textarea { height: 100px; }
}*/
/*f反馈信息内容查看*/
.m-feedbackDetail .single-bd { margin-top: 38px; }
.m-feedbackDetail .txt-title { position: relative; }
.m-feedbackDetail .txt-title p { position: absolute; bottom: 18px; right: 24px; }
.m-feedbackDetail .txt-title p a { display: inline-block; margin-left: 20px; }
.m-feedbackDetail .txt-show { padding: 0 40px 90px; }
.m-feedbackDetail .item { position: relative; margin-top: 50px; }
.m-feedbackDetail .item .icon { position: absolute; top: 0; left: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; }
.m-feedbackDetail .item .con { position: relative; margin-left: 76px; padding:20px 8% 15px 20px; border:1px solid #eee; word-break: break-all; }
.m-feedbackDetail .item .con .peopl { margin-top: 50px; text-align: right; }
.m-feedbackDetail .item .con .arrow { position: absolute; top: 15px; left: -7px; background: url(../img/case/icon01_feedDetail.gif) center no-repeat; width: 7px; height: 12px; }
.m-feedbackDetail .item:first-child { padding-top: 0; }
.m-feedbackDetail .item-wen .icon { background: #8aa0bb; }
.m-feedbackDetail .bd-ask { margin-top: 30px; padding-bottom: 50px; }
.m-feedbackDetail .bd-ask h4 { padding:50px 0; }
.m-feedbackDetail .bd-ask th,
.m-feedbackDetail .bd-ask td { padding: 5px 0; color: #333; }
.m-feedbackDetail .bd-ask th { min-width: 60px; vertical-align: top; font-weight: normal; text-align: right; }
.m-feedbackDetail .bd-ask th span { display: inline-block; padding: 10px 5px 10px 0; }
.m-feedbackDetail .bd-ask td textarea { width: 90%; height: 150px; }
.m-feedbackDetail .bd-ask td input { width: 90%; }
.m-feedbackDetail .bd-ask .type a { display: block; float: left;  width: 90px; margin-bottom: 10px; }
.m-feedbackDetail .bd-ask .submit { width:200px; margin: 40px auto 0; }
/*@media screen and (max-width: 714px) {
        .p-single { padding:0 10px; }
        .p-single .single-top { background: none; }
}*/
/* 云购页面设置**/
.m-yungou { margin-top: 50px; overflow: hidden; }
.m-yungou .popup-con { padding-bottom: 100px; }
.m-yungou .popup-con .bd { padding: 0 30px; }
.m-yungou .popup-con .bd .confirm { width: 100%; padding-bottom: 30px; }
.m-yungou .popup-con .bd .confirm p { width: 210px; margin: 0 auto; }
/*设置*/
.m-yungou-1 .bd-step { margin-bottom: 40px; }
.m-yungou-1 .bd-step h4 { margin-bottom: 30px; }
.m-yungou-1 .bd-step .step-con { padding-left: 10px; }
.m-yungou-1 .bd-step-1 select { width: 28%; margin-right: 2.5%; border: 1px solid #eee; }
.m-yungou-1 .bd-step-2 .item { position: relative; padding-left: 50px; margin-bottom: 30px; }
.m-yungou-1 .bd-step-2 .item span { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; background-position: -282px 0; }
.m-yungou-1 .bd-step-2 .item dl dt { margin-bottom: 8px; font-size: 16px; color: #666; }
.m-yungou-1 .bd-step-2 .item dl dd { font-size: 14px; color: #b2b2b2; }
.m-yungou-1 .bd-step-2 .item.on span { background-position: -262px 0; }
.m-yungou-1 .bd-step-3 { overflow: hidden; }
.m-yungou-1 .bd-step-3 h4 { height: 50px; line-height: 50px; margin-bottom: 50px; }
.m-yungou-1 .bd-step-3 table { width: 620px; margin:0 auto; }
.m-yungou-1 .bd-step-3 th,
.m-yungou-1 .bd-step-3 td { height: 60px; padding-bottom: 10px; vertical-align: top; }
.m-yungou-1 .bd-step-3 th { font-weight: normal; text-align: right; }
.m-yungou-1 .bd-step-3 th span { position: relative; display: inline-block; padding: 10px 5px 10px 0; }
.m-yungou-1 .bd-step-3 th span em { position: absolute; top: 0; right: 0; color: red; }
.m-yungou-1 .bd-step-3 td { padding-left:14px; }
.m-yungou-1 .bd-step-3 td input { font-size: 14px; color: #757575; }
.m-yungou-1 .bd-step-3 .img_logo { overflow: hidden; height: 100%; }
.m-yungou-1 .bd-step-3 .img_logo .img { width: 120px; height: 120px; margin-bottom: 5px; margin-right: 5px; border: 1px solid #eee; overflow: hidden; }
.m-yungou-1 .bd-step-3 .img_logo .btn { width: 180px; }
.m-yungou-1 .bd-step-3 .img_logo .btn p { position: relative; width: 100px; height: 35px; line-height: 35px; margin-bottom: 5px; background: #9D9D9D; }
.m-yungou-1 .bd-step-3 .img_logo .btn p input { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0); }
.m-yungou-1 .bd-step-3 .img_logo .btn p span { position: absolute; top: 0; left: 0; z-index: 3; display: inline-block; width: 100%; height: 100%; }
.m-yungou-1 .bd-step-3 .error .popup-back { display: block; }
/*设置完成*/
.m-yungou-2 { width: 620px; margin: 0 auto; }
.m-yungou-2 .bd h4 { margin-bottom: 50px; }
.m-yungou-2 .txt,.m-yungou-3 .txt{ margin: 69px 0 40px; }
.m-yungou-2 .txt span,.m-yungou-3 .txt span { display: inline-block; width: 80px; height: 80px; margin-bottom: 35px; background-position: -553px -26px; }
.m-yungou-2 .txt p,.m-yungou-3 .txt p { margin-bottom: 15px; }
.m-yungou-2 .u-btn04,.m-yungou-3 .u-btn04 { width: 200px; margin: 0 auto; }
.m-yungou-2 .item { margin-bottom: 30px; }
.m-yungou-2 .item h5 { margin-bottom: 10px; }
.m-yungou-2 .item-con { overflow: hidden; height: 100%; }
.m-yungou-2 .item-con p { float: left; height: 40px; }
.m-yungou-2 .item-con p input { width: 100%; }
.m-yungou-2 .item-con p a { display: inline-block; height: 38px; width: 100%; color: #333; border: 1px solid #eee; text-align: center; line-height: 40px; text-decoration: none; }
.m-yungou-2 .item-con p:first-child { width:65%; margin-right: 5%; }
.m-yungou-2 .item-con p:last-child { width:25%; margin-right: 5%; }
/*@media screen and (max-width: 720px) {
        .m-yungou .popup-con { width: 90%; margin-left: 5%; }
        .m-yungou-1 .bd { padding: 0 15px; }
        .m-yungou-1 .bd-step { margin-bottom: 30px; }
        .m-yungou-1 .bd-step h4 { margin-bottom: 15px; font-size: 16px; }
        .m-yungou-1 .bd-step-1 select { width: 30%; margin-right: 2%; font-size: 14px; }
        .m-yungou-1 .bd-step-3 table { width: 100%; }
        .m-yungou-1 .bd-step-3 td { font-size: 12px; }
        .m-yungou-1 .bd-step-3 td input { width: 90%; }
}*/
/*购买回调页面*/
.m-buyBack-fail .icon { background-position: -469px -26px; }
/*购买线下单页面*/
.m-buyBack-order { padding: 0; }
.m-buyBack-order h3 { position: relative; margin-bottom: 0; }
.m-buyBack-order h3 a { position: absolute; bottom: 15px; right: 30px; }
.m-buyBack-order .bank-con { padding: 50px 20px; }
.m-buyBack-order .bank-con h4 { margin-bottom: 25px; color: #333; }
.m-buyBack-order .bank-list { margin-bottom: 50px; }
.m-buyBack-order .u-btn04 { margin: 0; }
.m-buyBack-order .tel-input { overflow: hidden; }
.m-buyBack-order .tel-input p { float: left; }
.m-buyBack-order .tel-input p:first-child { margin-right: 5px; border:1px solid #ccc; }
.m-buyBack-order .tel-input p:last-child { width: 100px; }
.m-buyBack-order .warn p { margin-bottom: 10px; }

/* 新闻页面-p-news
** -->新闻列表页面 m-news-index
** -->新闻正文页面 m-news-detail
**********************************/
/*新闻详细正文*/
.m-news-detail .news-con { position: relative; }
.m-news .u-share a span { display: none!important; }
/**
 * 详细页面左边的正文
 * m-newsArticle
 */
.m-newsArticle { max-width: 714px; margin-right: 246px; }
.m-newsArticle .hd { position: relative; margin-bottom:20px; }
.m-newsArticle .hd h3 { padding: 25px 20px; margin-bottom: 10px; }
.m-newsArticle .hd .nav { position: absolute; top: 50px; right: 20px; }
.m-newsArticle .hd .nav a { margin-left: 15px; }
.m-newsArticle .ft { margin-top: 45px; }
.m-newsArticle .ft .share a,
.m-newsArticle .ft .share span { display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; }
.m-newsArticle .ft .other { overflow: hidden; margin-top: 40px; }
.m-newsArticle .ft .other a { display: block; min-width: 300px; width: 49%; margin-bottom: 20px; }
/**
 * 详细页面右边的正文
 * m-newsRelated
 */
.m-newsRelated { position: absolute; right: 0; top:0; }
.m-newsRelated h3 { margin-bottom: 35px; }
.m-newsRelated ul { margin-bottom: 25px; }
.m-newsRelated ul li { margin-bottom: 20px; }
.m-newsRelated ul li a { display: inline-block; overflow: hidden; height: 20px; width: 100%; }
.m-newsRelated ul li:last-child { margin-bottom: 0; }
.m-newsRelated.fixed { position: fixed; top: 0; }
/*@media screen and (max-width: 714px) {
        .m-newsArticle { margin: 0 10px; }
        .m-newsRelated { display: none; }
}*/

/*弹出层内容 -m-popup
*********************************************************************/
/*popup--弹出框*/
.m-popup { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: #000; background:rgba(0,0,0,0.6); /*filter:alpha(opacity=60);*/ }
.m-popup .popup-con { position: absolute; top: 50%; left: 50%; border-radius:6px; opacity: 0; filter:alpha(opacity=0);
                      -webkit-transition: opacity .3s;
                      -moz-transition: opacity .3s;
                      -ms-transition: opacity .3s;
                      -0-transition: opacity .3s;
                      transition: opacity .3s;
}
.m-popup .popup-con.show { opacity: 1; filter:alpha(opacity=100); }
.m-popup .popup-close { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background-position: -168px -53px; }
.m-popup .popup-close.move { 
    -webkit-animation: popupClose .3s;	
    -moz-animation: popupClose .3s;
    -ms-animation: popupClose .3s;
    -o-animation: popupClose .3s;
    animation: popupClose .3s;
}
/*@media screen and (max-width: 620px){
        .popup-con h3 { margin-bottom: 20px!important; }
}*/
/**
 * 我的LiveApp编辑页面弹出提示--mylightapp
 * -->云购提示
 * -->企业信息完善
 * -->购买提示
 */
.m-popup .popup-con { width: 480px; margin:-200px 0 0 -240px; }
.m-popup h3 { height: 70px; line-height: 70px; padding: 0 30px; color: #666; font-size: 18px; border-bottom: 1px solid #ddd; }
.m-popup .wrap { padding:30px 30px 70px; text-align: center; }

.m-popup .txt { margin-bottom: 50px; }
.m-popup .txt span { display: inline-block; width: 80px; height: 80px; margin: 30px 0; background-position: -469px -26px; }
.m-popup .txt p { line-height: 140%; margin-bottom: 20px; }
.m-popup .txt strong { display: inline-block; max-width: 480px; color: #b2b2b2; line-height: 130%; }
.m-popup .txt .strong01 { color: #444; }

.m-popup .form { margin:20px 0 60px; }
.m-popup .form th,
.m-popup .form td { padding: 12px 0; color: #333; font-size: 14px; }
.m-popup .form th { text-align: right; }
.m-popup .form th.th-input { vertical-align: top; }
.m-popup .form th.th-input span { display: inline-block;  padding:12px 0; }
.m-popup .form td { text-align: left; }
.m-popup .form td p { margin-top: 10px; color: #ff0000; }
.m-popup .form input,
.m-popup .form select { width: 210px; border-radius: 2px; }
.m-popup .form select { width: 220px; margin-right: 5px; border-radius: 2px; }

.m-popup .case { /*margin-bottom: 30px;*/ text-align: left; }
.m-popup .case .hd { position: relative; height: 50px; padding: 0 60px; }
.m-popup .case .hd-sel span { position: relative; display: inline-block; width: 108px; height: 18px; padding: 8px 0 8px 12px; border: 1px solid #ccc; vertical-align: middle; }
.m-popup .case .hd-sel i { position: absolute; top: 14px; right: 10px; display: inline-block; width: 8px; height: 4px; background-position: -168px 0; }
.m-popup .case .hd-con { background: #fff; }
.m-popup .case .hd-con ul { overflow: hidden; height: 100%; }
.m-popup .case .hd-con li { float: left; width: 64px; height: 32px; margin:0px 15px 0 0; }
.m-popup .case .hd-con .bg{text-decoration: none; background: #59a824; border: 1px solid #59a824; color: #fff;}
.m-popup .case .hd-con li a { width: 62px; }
.m-popup .case .hd-con li:nth-child(10) { margin-right: 0; }
.m-popup .case .hd.z-action i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -0-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.m-popup .case .hd.z-action .hd-con { display: block; }

/*弹框样式重构改变overflow-x:auto为hidden*/
.m-popup .case .bd { padding: 20px 50px 0; height: 422px; overflow-x:hidden; background: #eee; }    
.m-popup .case .u-btn08 { width: 222px; }
.m-popup .case .m-caseSelectItem { margin-top: 20px; }
.m-popup .case .m-caseSelectItem li { margin-bottom: 30px; height: 348px; position: relative; }
.m-popup .case .m-reSelect li { margin-top: 0; }

/*重构弹框样式*/
.m-popup-reSelect .popup-con { width: 1080px; height: 700px; margin: -350px -540px; overflow-y: hidden; }
.m-popup .select-btns { position: relative; height: 80px; line-height: 80px; padding: 0 30px;}
.m-popup .select-btns .hd-select p { display: inline-block;}
.m-popup .select-btns .hd-select li { display: inline-block; width: 80px; height: 32px; padding-right: 14px;}
.m-popup .select-btns .hd-select li a { border: none; font-family: "微软雅黑"; font-size: 14px; color: #666; }
.m-popup .select-btns .hd-select li a.hover { text-decoration: none; background-color: #eee; }
.m-popup .select-btns .hd-select li .checked{ text-decoration: none; background-color: #5fb336; color: #fff;}
.m-popup .select-btns .hd-select span { display: inline-block; width: 108px; height: 18px; padding: 8px 0 8px 12px; border: 1px solid #ccc; vertical-align: middle; }
.m-popup .select-btns .seach-input { position: absolute; top: 22px; right: 30px; }
.m-popup .select-btns .seach-input span { width: 60px; height: 35px; line-height: 35px;margin-top: -17px; padding: 0; text-align: center; border:0; border-radius: 0px 4px 4px 0; background-color:#6eb94c; color: #fff; }
.m-popup .select-btns .seach-input input { margin-bottom: 47px; }
.m-popup .select-btns .text-input input{ padding-top: 0px;}
.m-popup .wrap-con { padding: 0; height: 440px; overflow-y: hidden; }
.m-popup .u-btns10{ margin: 0 auto; width: 200px; height: 40px; padding: 35px 0;}
.u-btns10 a { display: block; width: 100%; height: 40px; line-height: 40px; background:#bcbcbc; border-radius: 2px; color: #fff; font-size: 16px; text-align: center; cursor: default; }
.u-btns10 a:hover { text-decoration: none;}
.u-btns10 a.z-active { text-decoration: none; cursor: pointer; background: #5fb336; }

.m-popup .hd-span { font-family: "微软雅黑"; font-size: 16px; color: #666; text-align: center; }
.u-btn14 { width: 120px; height: 34px; border:none; border-radius: 3px; background-color: #5fb336; color: #fff; padding: 0; margin-left: 367px;}
.u-btn14:hover { background-color: #59a824; cursor: pointer;}
.m-popup .u-btns14{ display:inline-block; margin-left: 440px; width: 200px; height: 40px; padding: 35px 0;}
.m-popup .select-btns .hd-select .rechance-tip { display: inline;}
.m-popup .rechance { display:block; float: right; width: 120px; height: 34px; line-height: 34px; text-align: center;margin-top: 22px; border: none; border-radius: 2px; background-color: #5fb336; color: #fff; cursor: pointer; }
.m-popup .rechance:hover { background-color: #59a824; text-decoration: none;}
.u-btns14 a { display: block; width: 100%; height: 40px; line-height: 40px; background:#5fb336; border-radius: 2px; color: #fff; font-size: 16px; text-align: center; }
.u-btns14 a:hover { text-decoration: none; background-color: #59a824; }
.m-popup .m-reSelect { width: 222px; margin: 20px auto; }

.m-popup .item-top { position: relative; }
.m-popup .item-top .cover { display: none; width: 222px; height: 222px; position: absolute; top: 0; left: 0; }
.m-popup .item-top .shade_pic { width: 222px; height: 222px; background-color: #fff; opacity: 0.9; position: absolute; left: 0; top: 0; }
.m-popup .item-top .show_pic { width: 222px; height: 222px; position: absolute; top: 0; left: 0; }
.m-popup .item-top .cssSpirte-show { position: absolute; top: 66px; left: 66px; width: 90px; height: 90px; border-radius: 45px; background-image: url(/res/store/img/global/btn_show.png); background-repeat: no-repeat; background-position: 0 0; }
.m-popup .item-top .tip { display: block; width: 222px; text-align: center; position: absolute; top: 179px; font-weight: normal; font-family: "微软雅黑"; font-size: 16px; color: #666; }

.m-popup .item-top.hover .cover { display: block; }

.m-popup .item-top.checked .cover { display: block; }
.m-popup .item-top.checked .cssSpirte-show { background-position: -100px 0; }

.m-popup .item-top.checked-hover .cover { display: block; }
.m-popup .item-top.checked-hover .cssSpirte-show { background-position: -200px 0; }

.m-popup .btn_skip { padding-top: 7px; padding-bottom: 28px; /*margin-bottom: 28px;*/ }
.m-popup .btn_skip p { display: inline-block;}
.m-popup .btn_skip .btn_text { display:inline-block; width: 22px; height: 22px; line-height: 22px; padding: 0;  padding-left: 10px; border: 1px solid #ccc; border-radius: 2px; margin: 0 8px;  }
.m-popup .btn_skip .skip_txt { margin-left: 415px; }
.m-popup .btn_skip .btn_button { display:inline-block; width: 16px; height: 14px; line-height: 14px; padding: 3px 8px 3px ; border-radius: 2px; background-color: #6eb94c; color: #fff; position: relative; top: 0; font-size: 10px; margin: 0 8px; }
.m-popup .btn_skip .btn_button:hover { text-decoration: none; cursor: pointer; background-color: #4da422; }
.m-popup .btn_skip .skip_inp { float: right; margin-top: -3px; }
.m-popup .btn_skip .skip_inp strong { color: #5fb336;}

.m-popup .btn_skip .skip_inp .skip_pre { display: inline-block; text-align: center; width: 82px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 2px; margin-left: 8px; }
.m-popup .btn_skip .skip_inp .skip_pre:hover { text-decoration: none; cursor: pointer; background-color: #5fb336; color: #fff;}
.m-popup .btn_skip .skip_inp .skip_pre:before { display: inline-block; content: ''; border: 4px solid #ccc; border-top-width: 5px; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; margin: 0px 10px 1px 1px;}

.m-popup .btn_skip .skip_inp .skip_mid { display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 2px; margin-left: 8px; }
.m-popup .btn_skip .skip_inp .skip_mid:hover { text-decoration: none; cursor: pointer; background-color: #5fb336; }
.m-popup .btn_skip .skip_inp .skip_mid:before { display: inline-block; content: ''; border: 4px solid #ccc; border-top-width: 5px; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; }

.m-popup .btn_skip .skip_inp .skip_next { display: inline-block; text-align: center; width: 82px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 2px; margin-left: 8px; }
.m-popup .btn_skip .skip_inp .skip_next:hover { text-decoration: none; cursor: pointer; background-color: #5fb336; color: #fff;}
.m-popup .btn_skip .skip_inp .skip_next:after { display: inline-block; content: ''; border: 4px solid #ccc; border-top-width: 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; margin: 0px 1px 1px 13px;}

.m-popup .popup-tip { position: absolute; top: 50%;  width: 1080px; text-align: center; color: #666; font-size: 18px;}
.m-popup .popup-tip span { font-size: 18px; }

.m-caseSelectItem { width:984px; height: 350px;}
.m-caseSelectItem li { float: left; margin-right: 24px; }
.m-caseSelectItem li a:hover { text-decoration: none; }
.m-caseSelectItem li:last-child { margin-right: 0; }
.m-caseSelectItem .item-bottom .con a { cursor: text; }
.m-caseSelectItem .item-bottom .con a:hover { color: #999!important; }

.m-caseSelectBtn { overflow: hidden; height: 55px; }
.m-caseSelectBtn li { float: left; width: 222px; margin-right: 24px; }
.m-caseSelectBtn li:last-child { margin-right: 0; }
.m-popup .form01 { margin-bottom: 30px; }
.m-popup .form01 td { text-align: left; }

.m-popup .u-btn04,
.m-popup .u-btn06,
.m-popup .u-btn07,
.m-popup .u-btn10 { width: 200px; margin: 0 auto; }
.m-popup .action { max-width: 480px; margin-top: 15px; display: inline-block; text-align:center; font-size: 14px; }

.m-popup .txt02 { position: relative; }
.m-popup .txt02 .intro { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; padding-top: 30px; background-color: #323d4a; filter:alpha(opacity=80); background: rgba(50,61,74,0.8); text-align: left; }
.m-popup .txt02 .intro p { margin-left: 58px; color: #fff; margin-bottom: 15px; }
.m-popup .txt02 .intro p:last-child { margin-bottom: 0; }
/*@media screen and (max-width: 620px) {
        .m-popup .popup-con { width: 90%; margin-left: 5%; margin-top: -200px; left: 0; }
}*/
/*弹出层的宽度高度*/
.m-popup-caseSelect .popup-con { width: 1080px; height: 500px; margin: -250px 0 0 -540px; overflow-y: auto; }
.m-popup-caseSelect .wrap { padding: 30px 0 30px; height: 350px; overflow-y: auto; }
.m-popup-noRenew .popup-con { width: 560px; height: 370px; margin: -185px 0 0 -280px; overflow-y: auto; }
.m-popup-noRenew  .wrap { padding:30px 30px 20px; text-align: center; }
.m-popup-logOut .popup-con { width: 560px; height: 420px; margin: -210px 0 0 -280px; overflow-y: auto; }
.m-popup-logOut  .wrap { padding:30px 30px 40px; text-align: center; }
.m-popup-logOut  .u-logout-bd {width:240px;margin:-40px auto 10px;}
.m-popup-logOut  .u-error {position: relative; height: 30px;width: 240px;}
.m-popup-logOut .input {border: 1px solid #ccc;height: 36px;line-height: 36px; padding-left: 3.5%;margin:16px 0 24px;}
.m-popup-logOut .input span{display: inline-block;height: 19px;margin-right: 4%;vertical-align: middle;width: 18px;}
.m-popup-logOut .input input {border: medium none; padding: 0; width: 80%;margin-bottom: 0;box-shadow: none;}
.m-popup-logOut .input input:focus{box-shadow: none;}
.m-popup-logOut  p.u-btn04{width:240px;}
.m-popup.hasTitle .popup-con { width:540px; }
.m-popup-freeApply .popup-con { width:600px; margin-left: -300px; }
.m-popup-picture .popup-con { width: 720px; height: 560px; margin: -280px 0 0 -360px; padding: 0; overflow: hidden; }
.m-popup-picture .popup-con h3 { padding-left: 30px; text-align: left; }
.m-popup-picture .u-arrow { margin-top: -100px; }
.m-popup-picture .u-btn05 { bottom: 130px; }
/*单独弹出层的样式*/
.m-popuo-comfireEmail .popup-con { margin-top: -260px; }
/*问号的样式更改*/
.m-popup-noAction .txt span,
.m-popup-company-back .txt span,
.m-popup-buy .txt span { background-position: -553px -110px; }
/*勾勾号的样式更改*/
.m-popuo-comfireEmail-finish .txt span,
.m-popup-save .txt span,
.m-popup-company-finish .txt span { background-position: -553px -26px; }

.m-popup .form .click-btn { margin-left:5px; width:112px; color:#85c565; border-color:#85c565;cursor: pointer;}
.m-popup .form .click-btn01 {width:315px;}
.m-popup .form .click-btn02 { margin-left:5px; width:112px; color:#ccc; border-color:#ccc;}


/**
 *  loading-浮层
 */
.m-loading { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=00); background: rgba(0,0,0,0.0); 
             -webkit-transition:background 0.3s;
             -moz-transition:background 0.3s;
             -ms-transition:background 0.3s;
             -o-transition:background 0.3s;
             transition:background 0.3s;
}
.m-loading .txt { width: 100%; height: 100%; }
.m-loading .txt strong,
.m-loading .txt span { display: inline-block; vertical-align: middle; }
.m-loading .txt strong { height: 100%; width: 0; }
.m-loading .txt span { width: 500px; line-height: 150%; opacity: 1; }
.m-loading .txt span img { display: inline-block; margin-bottom: 14px; }
.m-loading .txt span em { display: inline-block; margin-bottom: 20px; }
.m-loading .error { width: 300px; line-height: 150%; margin: 20% auto 0; }
.m-loading.z-show { filter:alpha(opacity=80); background: rgba(0,0,0,.8); }
.m-loading.z-show span { opacity:1; }

/*******************************************************************************************************
 * = pluns 插件样式
 *******************************************************************************************************/
/*轮播图的样式--storeList*/
.m-banner-store .imgSlider { position:relative; width:100%; height:100%; margin:0 auto; }
.m-banner-store .imgSlider .imgSlider-img { position:relative; margin: 0 auto; }
.m-banner-store .imgSlider .imgSlider-img li { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; text-align:center; }
.m-banner-store .imgSlider .imgSlider-img li .img { height:100%; width:100%; overflow:hidden; border-radius:12px; }
.m-banner-store .imgSlider .imgSlider-img li.no { background-color: #000; filter:alpha(opacity=40); background: rgba(0,0,0,0.4); 
                                                  -webkit-transition:background 0.5s;
                                                  -moz-transition:background 0.5s;
                                                  -ms-transition:background 0.5s;
                                                  -o-transition:background 0.5s;
                                                  transition:background 0.5s;
}
.m-banner-store .imgSlider .imgSlider-img li.active { z-index:10; }
.m-banner-store .imgSlider .imgSlider-img li.low { z-index:1; }
.m-banner-store .imgSlider .imgSlider-img li.scale { top:10%; height:80%; width:80%; }
.m-banner-store .imgSlider .imgSlider-img li.move {
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.m-banner-store:hover .imgSlider .imgSlider-img li.no { filter:alpha(opacity=20); background: rgba(0,0,0,0.2); }
/*@media screen and (max-width: 640px) {
        .m-banner-store .imgSlider .imgSlider-img li .img { height:100%; width:100%; overflow:hidden; border-radius:0; }
}*/

/*视频选择按钮*/
.vjs-big-play-button { display: none!important; }

/*qq在线交谈的样式*/
#bqq > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.00; filter:alpha(opacity=0);}

/*******************************************************************************************************
 * = IE8以下兼容性样式
 *******************************************************************************************************/
.ie6 body { width: 1280px; margin: 0 auto; }
.ie8 body { min-width:1280px; }
.ie8 .g-ft nav ul { height: 20px; overflow: hidden; }
.ie8 .imgSlider .imgSlider-img li.no { max-width: 1318px!important; width: 1318px; }

/*******************************************************************************************************
 * = animate 动画样式
 *******************************************************************************************************/
/**
 * mylightapp-选择hover的动画效果
 */
@keyframes iconScale {
    from { transform: scale(0.2); }
    to { transform: scale(1.2); }
} 
@-webkit-keyframes iconScale {
    from { -webkit-transform: scale(0.2); }
    to { -webkit-transform: scale(1.2); }
}
@-moz-keyframes iconScale {
    from { -moz-transform: scale(0.2); }
    to { -moz-transform: scale(1.2); }
}
@-o-keyframes iconScale {
    from { -o-transform: scale(0.2); }
    to { -o-transform: scale(1.2); }
}
@-ms-keyframes iconScale {
    from { -ms-transform: scale(0.2); }
    to { -ms-transform: scale(1.2); }
}

/**
 * popup-close关闭按钮
 */
@keyframes popupClose {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
} 
@-webkit-keyframes popupClose {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(359deg);}
}
@-moz-keyframes popupClose {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(359deg); }
}
@-o-keyframes popupClose {
    from { -o-transform: rotate(0deg); }
    to { -o-transform: rotate(359deg); }
}
@-ms-keyframes popupClose {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(359deg); }
}


/**
 * 二维码旋转-rotate
 */
@keyframes qr_rotate {
    from { transform: rotate(0deg) scale(0.2); }
    to { transform: rotate(720deg) scale(1); }
} 
@-webkit-keyframes qr_rotate {
    from {-webkit-transform:rotate(0deg) scale(0.2);}
    to {-webkit-transform:rotate(720deg) scale(1);}
}
@-moz-keyframes qr_rotate {
    from { -moz-transform: rotate(0deg) scale(0.2); }
    to { -moz-transform: rotate(720deg) scale(1); }
}
@-o-keyframes qr_rotate {
    from { -o-transform: rotate(0deg) scale(0.2); }
    to { -o-transform: rotate(720deg) scale(1); }
}
@-ms-keyframes qr_rotate {
    from { -ms-transform: rotate(0deg) scale(0.2); }
    to { -ms-transform: rotate(720deg) scale(1); }
}