@charset "utf-8";

/* ====================
     公共样式
==================== */
.html {font-size:.625rem;/*10 ÷ 16 × 100% = 62.5%*/  height:100%;}
body{color:#333;font-family:"微软雅黑"; font:12px/1.5;background:#FFFFFF;-webkit-overflow-scrolling:touch;height:100%; }
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0}
ul,ol{list-style:none}
input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:0}
.inputBg{height:2.4rem;width: 94%;border: solid 1px #ddd;padding:0 3%;color: #333;font-size: 0.8rem;-webkit-border-radius: 0;background:#fff;}
.inputBg2{width: 94%;border: solid 1px #ddd;padding:3%;color: #333;font-size: 0.8rem;-webkit-border-radius: 0;-webkit-appearance: none;background:#fff;}
.pop-share{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,0.8) url(old/../images/share.png) center 10px no-repeat;background-size:90% auto;}
.row {overflow: hidden;}
.padd1{ padding:0.5rem}
.padd2{ padding:1rem}
.w50{ width:50%}
.w40{ width:40%}
.w30{ width:30%}
.w20{ width:20%}
.w10{ width:10%}
a{color:#8d8d8d;text-decoration:none}
a:visited{color:#8d8d8d;text-decoration:none;}
.c-btn1 { border:none;display: inline-block;height: 2rem;line-height: 2rem;font-size:0.8rem;color: #fff;padding: 0 2rem; width:5rem; border-radius: 5px;background:#587281;}
.c-btn2 {color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:40%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#587281; text-align: center} 
.c-btn2 a,.c-btn2 a:visited,.c-btn2:visited, .c-btn3:visited{color:#fff;}
.c-btn3 { color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#ee6a6a; text-align: center}
.c-btn4 { color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#00D20D; text-align: center}
.hidden{display:none}
.wrap{ padding:0; background:#fff;}
.price_s{color: #587281;font-size:.675rem;display: inline-block;}
.price{color: #587281;font-size:1rem;display: inline-block;font-weight:bold}
.c333{ color:#333}
.c999{ color:#999}
.flex{padding: 0;margin: 0;list-style: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;/*自动换行*//*-webkit-flex-flow: row; 不换行*/justify-content: space-around;}
.flex-f-row{ -webkit-flex-flow: row;}
.flex_in{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;}
.box1{border: 1px solid #eee; border-radius: 5px; }
.f_l{ float:left;}
.f_r{ float:right;}
.blank1{height:0.4rem; line-height:0.4rem;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
.blank2{height:0.6rem; line-height:0.6rem; clear:both; visibility:hidden;}
.blank3{height:1rem; line-height:1rem; clear:both; visibility:hidden;}
.mr-t10{margin-top:10px}
.mr-t20{margin-top:20px}
.mr-t30{margin-top:30px}
.more { background:#798e9a; border-radius:0.25rem;padding:0.3rem 1rem;color:#FFFFFF;}
.more:visited {color:#FFFFFF;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}

.wxkefu{ position:fixed; right:0.5rem; top:5rem; width:2.5rem; height:2.5rem; line-height:3rem; background:#333 url(../images/ico_kefu.png) no-repeat 50% 50%;-webkit-background-size:1.5rem 1.5rem;-moz-background-size:1.5rem 1.5rem;background-size:1.5rem 1.5rem; border-radius:2rem; opacity:0.5; display:block; overflow:hidden; z-index:1002;}
/*选择分类*/

/*页码效果*/
.pagenav-wrapper .pagenav-content{padding:0.67rem 0.67rem 0 0.67rem;text-align:center;line-height:1.87rem;background:#eee}
.pagenav-wrapper .pagenav{display:-webkit-box;display:flex; text-align:left}
.pagenav-wrapper .pagenav>div{background-color:#fff;border:1px solid #e2e2e2;line-height:1.87rem;white-space:nowrap;border-radius:2px;cursor:pointer;margin:0 0.2rem}
.pagenav .p-first,.pagenav .p-end{width:2.8rem}
.pagenav .p-prev,.pagenav .p-next{width:3.93rem; }
.pagenav .pagenav-cur{-webkit-box-flex:1;flex:1;position:relative;background:#fff}
.pagenav .pagenav-select{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0;cursor:pointer; text-align:center}
.pagenav .pagenav-cur i{ display: inline-block;width:10px;height:7px;background:url(../images/cate_biao2.png);background-size:10px 7px}
.pagenav-wrapper .pagenav .p-gray{background-color:#fdfdfd;color:#b4b1b1}
.pagenav-wrapper  a{ color:#333}
.pagenav-wrapper  a.no{ color:#B4B1B1}
.pagenav a:hover{text-decoration:none}
/*页脚*/
.footer{padding:0 ;color: #aaa;font-size: 0.6rem; width:100%; position:fixed; bottom:0; left:0;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.footer .copy{position:relative; height:1.8rem; line-height:1.8rem;padding:0 0.5rem; background-color:#000; text-align:left;}
.footer .design{ position:absolute; right:0.6rem; top:0; }
.footer .in{position:relative; height:2.8rem; margin:0 -0.6rem; padding:0 0.6rem; background-color:#B9B9B9;}
.homeBtn, .footer .gotop{position:absolute; top:0; width:2.8rem; height:2.8rem; color:#fff; font-size:0.65rem;}
.footer .gotop, .footer .homeBtn{background:#a1a1a1;}
.homeBtn{left:0;}
.homeBtn span{position:absolute; left:0.5rem; top:0.5rem;}
.footer .gotop{right:0;}
.footer .gotop span{position:absolute; left:50%; top:0.8rem; width:0.9rem; height:0.9rem; margin:-0.3rem 0 0 -0.3rem;}
.footer .gotop p{position:absolute; bottom:0.14rem; left:0.45rem; width:2.2rem;}
.footer .home {background:url(../images/ico_05.png) no-repeat 50% 50%; -webkit-background-size:1.8rem 1.8rem;-moz-background-size:1.8rem 1.8rem;background-size:1.8rem 1.8rem; width:1.8rem; height:1.8rem}
.footer .top {background:url(../images/ico_06.png)  no-repeat 50% 50%; -webkit-background-size:1.0rem 1.0rem;-moz-background-size:1.0rem 1.0rem;background-size:1.0rem 1.0rem; width:1.0rem; height:1.0rem}
/* 底部 */
.footer .favLink, .footer p{text-align:center;line-height: 1.3rem;}
.footer .link{line-height:1rem;font-size: 0.7rem;color: #1ca2e1;}
.footer .link a{display:inline-block; margin-top:0.3rem; padding:0 0.6rem 0 0.3rem; border-right:1px solid #D5D5D5; color:#1CA2E1;}
.footer .link a:last-child{border:none;}
.footer .favLink a{margin-right:0.3rem;color: #aaa;}
/*图标*/
.ico_01{background:url(../images/ico_01.png) no-repeat 50% 50%;-webkit-background-size: 1.8rem 1.8rem;-moz-background-size:  1.8rem 1.8rem;-o-background-size: 1.8rem 1.8rem;background-size: 1.8rem 1.8rem;}  /* 购物车图标 */
.ico_10{background:url(../images/ico_10.png)  no-repeat 50% 50% !important;-webkit-background-size:1.2rem 1.2rem !important;-moz-background-size:1.2rem 1.2rem !important;background-size:1.2rem 1.2rem !important; } /* 箭头向左_白色 */
.ico_15{background:url(../images/ico_15.png)  no-repeat 50% 50% !important;-webkit-background-size:1.3rem 1.3rem !important;-moz-background-size:1.3rem 1.3rem !important;background-size:1.3rem 1.3rem !important; } /* 分享_白色*/ 
.ico_03{background:url(../images/ico_03.png)  no-repeat 50% 50% !important;-webkit-background-size:1.8rem 1.8rem !important;-moz-background-size:1.8rem 1.8rem !important;background-size:1.8rem 1.8rem !important; width:1.8rem; height:1.8rem !important}    /* 搜索图标_灰 */
.ico_08{background:url(../images/ico_08.png)  no-repeat 50% 50% !important;-webkit-background-size:1.0rem 1.0rem !important;-moz-background-size:1.0rem 1.0rem !important;background-size:1.0rem 1.0rem !important; width:1.0rem !important; height:1.0rem !important}   /* 叉叉_白色 */
.ico_09{background:url(../images/ico_09.png)  no-repeat 50% 50% !important;-webkit-background-size:0.8rem 0.8rem !important;-moz-background-size:0.8rem 0.8rem !important;background-size:0.8rem 0.8rem !important; } /* 叉叉_灰色 */
.ico_13{background:url(../images/ico_13.png)  no-repeat 50% 50% !important;-webkit-background-size:1.2rem 1.2rem !important;-moz-background-size:1.2rem 1.2rem !important;background-size:1.2rem 1.2rem !important; } /* 二维码_白色 */
/* ====================
     首页模块
==================== */



/*头部*/
#header{z-index:999;background-color:#000;position:fixed; left:0; top:0; width:100%;  height:50px;display: block; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(#555));
	background-image:-webkit-linear-gradient(#000, #555);
	background-image:-moz-linear-gradient(#000, #555);
	background-image:-ms-linear-gradient(#000, #555);
	background-image:-o-linear-gradient(#000, #555);
	background-image:linear-gradient(#000, #555);

}
#header h1{ width:200px;height:50px; text-align:left; font-weight:normal; background:url(../images/logo.png) no-repeat left center; background-size:100% auto;}
#header .header_r{position: absolute;top: 12px;right: 10px;}
#header .header_r .member {width: 30px;height:30px;display: block; color:#fff; background:url(../images/member.png)  no-repeat 50% 50%;-webkit-background-size:auto 25px;-moz-background-size:auto 25px ;background-size:auto 25px;}

.nav-content{ background:#333; height:30px;position:fixed; left:0; top:50px; width:100%;z-index:999;}
.nav{ margin:0; padding:0; list-style:none;}
.nav li{ width:25%; float:left;}
.nav li a{height:30px; line-height:30px; text-align:center; display:block; color:#eee;border-bottom:2px solid #333; font-size:14px;}
.nav li a.on{ border-bottom:2px solid #f60;}

.search{ padding:10px 5px; position:relative; background:#f7f7f7;}
.search .searchInput{ border:1px solid #ccc; border-radius:10px; height:30px; line-height:30px; font-size:14px; text-indent:5px; width:100%;}
.search .searchIcon{ position:absolute; right:4px; top:11px; width:40px; height:30px; background:none; border:none; background:#f60 url(../images/search.png)  no-repeat 50% 50%;-webkit-background-size:auto 25px;-moz-background-size:auto 25px ;background-size:auto 25px; border-radius:0 10px 10px 0;}

/*幻灯片广告*/
.focus{ width:100%;; height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:0.3rem;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#f60;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:200px; }
.focus .bd li .titleName{ position:absolute; bottom:2px; left:0; width:100%; height:30px; background:rgba(0,0,0,0.8); color:#fff; line-height:30px; z-index:999; text-align:center; font-size:14px; font-weight:normal;}
.focus .bd li a{position:relative; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*视频列表*/
.videoList{ margin:0; padding:0; list-style:none;}
.videoList li{ width:50%; float:left;}
.videoList li a{ padding:2px; display:block;}
.videoList .img{ height:100px; overflow:hidden;}
.videoList .img img{ width:100%;}
.videoList .videoTitle{ font-size:16px; font-weight:normal; color:#666; padding:5px; height:25px; line-height:25px; overflow:hidden;}


/*分类*/
.categoryCon{ padding:10px;}
.category{ margin:0; padding:0; list-style:none;}
.category li{ width:48%; float:left; margin:1%;}
.category li a{ height:30px; line-height:30px; background:#f7f7f7; border:1px solid #ccc; text-align:center; border-radius:4px; display:block; font-size:16px; overflow:hidden;}

.typeTitle{ padding:0; font-size:16px; text-align:left; position:fixed; color:#333; height:40px; line-height:40px; top:80px; left:0; width:100%; z-index:1000;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ccc));
	background-image:-webkit-linear-gradient(#f7f7f7, #ccc);
	background-image:-moz-linear-gradient(#f7f7f7, #ccc);
	background-image:-ms-linear-gradient(#f7f7f7, #ccc);
	background-image:-o-linear-gradient(#f7f7f7, #ccc);
	background-image:linear-gradient(#f7f7f7, #ccc);
}
.typeTitle .typeSel{ position:absolute; right:0; top:0; width:30px; height:40px; line-height:40px; color:#000; text-align:center; background:#ccc;}

.typeList{ position:absolute; top:120px; left:0; background:rgba(0,0,0,0.5); display:none; height:100%; z-index:888;}
.typeListCon{ padding:10px 0;  overflow:hidden;}
/*排行*/
.ranklist{ border-bottom:8px solid #eee;}
.rank_dl{}
.rank_dl dt{ position:relative; height:200px; overflow:hidden;}
.rank_dl dt .num{ position:absolute; left:5px; top:5px; width:30px; text-align:center; height:40px; line-height:40px; font-size:18px; background:rgba(255,50,0,0.5); color:#fff;}
.rank_dl dd{ font-size:14px; padding:10px; line-height:150%;}

/*视频播放*/
.fixer{  position:fixed ;  top : 0px ; left:0; z-index:10000;}   
.playBack{ position:absolute; left:0; top:0; width: 40px;height:40px;display: block; color:#fff; background:url(../images/back.png)  no-repeat 50% 50%;-webkit-background-size:auto 30px;-moz-background-size:auto 30px ;background-size:auto 30px;}
.playMember{ position:absolute; right:45px; top:5px; width: 30px;height:30px;display: block; color:#fff; background:#666 url(../images/member.png)  no-repeat 50% 50%;-webkit-background-size:auto 25px;-moz-background-size:auto 25px ;background-size:auto 25px; border-radius:5px;}
.playHome {position: absolute; right: 5px;  top: -2px;    width: 30px;    height: 30px;    display: block;   }
.playHome i{ font-size:26px; color:#000;}

.playTop{ z-index:1002; position:fixed; top:0; left:0; height:50px; line-height:50px; text-align:center; width:100%; background:#fff; border-bottom:1px solid #eee;}
.playTop img{ height:40px; margin-top:5px; }
.playVideo{ border-bottom: 1px solid #eee; }
.playTitle{ padding:10px; font-size:16px;}
#playIntro { margin:0; display:block; }
#playIntro img { width: 100%; max-width: 750px; }
.play{ position:relative;}
.line{ background: #eee; height:10px }
#playIner{ background:#000;}
.play .playIcon{ width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; background:url(../images/play.png)  no-repeat 50% 50%;-webkit-background-size:auto 50px;-moz-background-size:auto 50px ;background-size:auto 50px; text-indent:-9999em;}
.playTips{ font-size:14px; margin:10px auto; padding:5px; background:#f60; color:#fff; text-align:center; width:80%; border-radius:10px;}

#outDiv{ width:100%; height:100%; background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; text-align:center; z-index:10001; display:none;}
#phoneDiv{ width:100%; height:100%; background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; text-align:center; z-index:10001; }
.outDivCon{ width:84%; height:380px;  border:1px solid #ccc; background:#f7f7f7; margin:0 auto; border-radius:10px; position:absolute; top:50%; left:50%; margin:-190px 0 0 -42%;}
.outDivReg{ width:80%; height:120px;  border:1px solid #ccc; background:#f7f7f7; margin:0 auto; border-radius:10px; position:absolute; top:50%; left:50%; margin:-60px 0 0 -40%; display:none;}
.tips{ padding:10px; line-height:200%; font-size:14px; position:relative;}
.tips_close{ position:absolute; right:-10px; top:-10px; background:#fff; width:30px; height:30px; border-radius:30px;}
.tips_close i{ color:#000; font-size:34px;}
.tips h3{ margin:10px auto; font-size:16px; font-weight:normal;}
.tips_price{ margin:10px auto; padding:10px; list-style:none; background:#fff;}
.tips_price li{ width:50%; float:left; text-align:left;}
.tips_price li h2{ font-size:16px; }
.tips_price_num{ font-size:30px; text-align:center; color:#c00; line-height:56px;}
.icon_wxPay, .icon_Phone{ width:100%; line-height:40px;  text-align:center; border:none; background:#4cb12f; color:#fff; font-size:18px; display:block; border-radius:5px; font-family:"微软雅黑"; margin-bottom:10px;}
.icon_wxPay:visited, icon_Phone:visited { color:#fff;}
#phoneDiv input { width: 100%; border: 1px solid #ccc; margin:0; display:block; border-radius: 5px; line-height: 30px }

/*视频评论*/
.comment{padding:10px;}
.commentTitle{ font-size:16px; font-weight:normal;}
.vComment{}
.vComment_in{ margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px;}
.vComment .icon_star{ font-size:15px; color:#f60 !important;}
.vComment .icon_starBlackOn{ font-size:15px; color:#666;}
.vComment .icon_starBlack{ font-size:15px; color:#ccc;}
.vComment .vComment_star{ width:30%; display:inline-block;}
.vComment_line{ font-size:12px; line-height:22px; display:inline-block; width:65%;}
.vComment_line .vComment_line_bg{ height:2px; overflow:hidden; background:#eee; width:100%;}
.vComment_line .vComment_line_color{ height:2px; background:#999; width:auto;}

.commentList{ margin-bottom:10px;}
.commentList_img{ width:70px; height:70px; overflow:hidden; border-radius:10px; float:left; overflow:hidden; border:1px solid #ccc;}
.commentList_img img{ width:100%;}
.commentList_man{ float:left; margin-left:10px;}

.commentList_man .title{ font-size:14px; font-weight:normal; padding:8px 0;}
.commentList_man .star{ height:15px; line-height:0; vertical-align:middle;}
.commentList_man .icon_man{ color:#f60; font-size:15px;}
.commentList_man .desc{ font-size:12px; color:#999;}

.addcomment{ text-align:center; color:#999; padding:10px;}



/*用户登陆*/
.loginCon{ background:#fff;margin-bottom:10px;}
.loginTitle{ font-size:18px; padding:10px; border-bottom:1px solid #eee;background:#fff url(../images/icon.png) no-repeat right 10px; text-align:left;}

.login{ padding:10px; font-size:14px; line-height:200%;}
.login p{ margin-bottom:10px;}
.inputLogin{ width:95%; border-radius:5px; height:30px; line-height:30px; border:1px solid #eee; padding:5px;}
.inputYz{ width:60px;border-radius:5px; height:20px; line-height:20px; border:1px solid #eee; padding:5px;}
.icon_login{ width:100%; line-height:40px;  text-align:center; border:none; background:#f60; color:#fff; font-size:18px; display:block; border-radius:5px; font-family:"微软雅黑";}
.icon_login:visited{ color:#fff;}

.btnRegister{ width:100%;text-align:center; line-height:40px;border:none; background:#fff; color:#f60; font-size:18px; display:block; border-radius:5px; border:1px solid #ccc;}
.btnRegister:visited{ color:#f60;}

.input_name1{border-radius:5px; width:100%; border:none; height:40px; line-height:40px; text-indent:5px;}

/*会员中心*/
.welcome{ line-height:40px; text-align:center; color:#f60;}

.icon_info{ width:100%; line-height:40px;  text-align:center; border:none; background:#f60; color:#fff; font-size:18px; display:block; border-radius:5px; font-family:"微软雅黑";}
.icon_info:visited{ color:#fff;}

.icon_vip{ width:100%; line-height:40px;  text-align:center; border:none; background:#48bb10; color:#fff; font-size:18px; display:block; border-radius:5px; font-family:"微软雅黑";}
.icon_vip:visited{ color:#fff;}



/*四大产品*/
.title1{ margin:20px auto; margin-bottom:0; text-align:center; }
.title2{ font-size:16px; color:#393939; font-weight:normal;text-align:center;  padding:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}

.title3{ font-size:18px; color:#393939; font-weight:normal;text-align:left;  padding:5px 0 5px 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; position:relative; background:#eee;}
.title3 span{ width:3px; background:#f60; display:inline-block; height:20px;}
.title3 .more1{ position:absolute; right:5px; top:10px; font-size:14px;}

.indexVideo{}

.partner{ height:70px; padding-top:10px; overflow:hidden; text-align:center; color:#fff;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#c7840d), to(#a36b08));
	background-image:-webkit-linear-gradient(#c7840d, #a36b08);
	background-image:-moz-linear-gradient(#c7840d, #a36b08);
	background-image:-ms-linear-gradient(#c7840d, #a36b08);
	background-image:-o-linear-gradient(#c7840d, #a36b08);
	background-image:linear-gradient(#c7840d, #a36b08);
}

.custom{ overflow:hidden; height:70px; padding-top:10px; text-align:center; position:relative; color:#fff;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#c7840d), to(#a36b08));
	background-image:-webkit-linear-gradient(#c7840d, #a36b08);
	background-image:-moz-linear-gradient(#c7840d, #a36b08);
	background-image:-ms-linear-gradient(#c7840d, #a36b08);
	background-image:-o-linear-gradient(#c7840d, #a36b08);
	background-image:linear-gradient(#c7840d, #a36b08);
}

.iconOem{ font-size:24px; color:#fff; margin:0 auto; display:block; margin-bottom:5px;}





.back{ position:absolute; right:0; top:0; width:60px; height:25px; line-height:25px; border:1px solid #ccc; border-radius:5px; text-align:center; font-weight:normal;}

.back1{width:100%; height:30px; line-height:30px; text-align:center; display:block; background:#a36b08; color:#fff;

    background-image:-webkit-gradient(linear, left top, left bottom, from(#30c4f6), to(#10a1d2));
	background-image:-webkit-linear-gradient(#30c4f6, #10a1d2);
	background-image:-moz-linear-gradient(#30c4f6, #10a1d2);
	background-image:-ms-linear-gradient(#30c4f6, #10a1d2);
	background-image:-o-linear-gradient(#30c4f6, #10a1d2);
	background-image:linear-gradient(#30c4f6, #10a1d2);
}




.icon1{ font-size:32px; color:#333; display:block; margin:4px;}

.weixinCon{ padding:10px; text-align:center; width:80%; margin:0 auto;}
.weixin { text-align:center; padding:20px 0; width:180px; margin:0 auto;}
.weixin img{ width:100%;}
.btnWeixin{ width:100%;text-align:center; line-height:40px;border:none; background:#52a415; color:#fff; font-size:18px; display:block; border-radius:5px; border:1px solid #ccc;}
.btnWeixin:visited{ color:#f60;}

.weixinOk{ position:absolute; left:0; top:0; width:100%; text-align:center;}
.weixinOkCon{  text-align:center; padding:20px 0; width:249px; margin:0 auto;}
.weixinOkCon img{ width:100%;}

/*登陆页*/
.memberImg{ width:50px; height:50px; border-radius:50px; margin:10px auto; margin-top:20px;}
.memberLevel{ text-align:center; font-size:14px;}
.mtips{  text-align:center; display:block; padding:10px 0; line-height:25px; background:#f7f7f7; border:1px solid #f60; color:#f60; border-radius:5px; font-size:12px; margin:10px auto;}

.memberPhone{ background:#f7f7f7; border-radius:5px; margin-bottom:10px; padding:10px; position:relative; border:1px solid #eee;}
.memberPhone .icon_edit{ position:absolute; right:10px; top:10px; width:40px; height:65px; line-height:40px; text-align:center; background:#f60; color:#fff; font-size:40px;border-radius:5px;}

.alertCon{ position: fixed; height: 100%; width: 100%; z-index: 100001; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.7); text-align:center;}
.alertConIn{ width:180px; margin:100px auto; font-size:14px; text-align:center; line-height:200%; padding:20px; background:#fff; border-radius:5px; border:1px solid #ccc; box-shadow:0 0 5px #000;}
.alertConIn .closeAlert{ margin-top:10px; width:100%; display:block; height:30px; line-height:30px; text-align:center; background:#c00;  font-size:14px; color:#fff;}

/*添加关注*/
.reveal-modal-bg, .reveal-modal-bg2, .reveal-modal-bg3, .reveal-modal-bg4 { position: fixed; height: 100%; width: 100%; z-index: 100000; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.5) }
.reveal-modal {  top: 150px; left: 50%; margin-left: -300px; width: 600px; position: absolute; z-index: 100001; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF; text-align:center; visibility:hidden;}
.reveal-modal h1{ font-size:14px; border-bottom:1px solid #ccc; background:#c7840d; color:#333; border-radius:5px 5px 0 0 ;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ccc));
	background-image:-webkit-linear-gradient(#f7f7f7, #ccc);
	background-image:-moz-linear-gradient(#f7f7f7, #ccc);
	background-image:-ms-linear-gradient(#f7f7f7, #ccc);
	background-image:-o-linear-gradient(#f7f7f7, #ccc);
	background-image:linear-gradient(#f7f7f7, #ccc);
}



.reveal-modal img{ width:100%;}
.reveal-modal.small 		{ width: 250px; margin-left: -125px;}	
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}	
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}	
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}		
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,0.6); font-weight: bold; cursor: pointer; 		} 
.reveal-modal .reveal-modal-con{ padding:10px;}
.reveal-modal .input1{ background:#f7f7f7; border:none; height:30px; line-height:30px; width:100%; margin-bottom:10px; position:relative;}
.reveal-modal .input1 i{ display:inline-block; position:absolute; left:0; top:0;}
.reveal-modal .input1 input{ border:none; background:no-repeat; width:100%; height:30px; line-height:30px; text-indent:20px;}
.reveal-modal .saved{ height:30px; line-height:30px; text-align:center; font-size:16px; background:#f60; color:#fff; border-radius:5px; display:block;}

/*分页*/
.paginator { font-size: 14px;padding:10px; margin: 0 auto; text-align:center;}
.paginator a {border:solid 1px #ccc;color:#333;cursor:pointer;text-decoration:none;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; border-radius:5px;}
.paginator .cpb {border:1px solid #F50;font-weight:700;color:#F50;background-color:#ffeee5;}
.paginator a:hover {border:solid 1px #F50;color:#f60;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{ display:inline-block; height:30px;line-height:30px;min-width:50px;_width:50px;margin-right:5px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:Arial,SimSun;padding:0 8px;border-radius:5px; background:#f7f7f7;}



/*支付页*/
.payCon{}
.payTop{ height:200px; line-height:200px; background:#4cb12f; text-align:center;}
.payTop i{ font-size:100px; color:#fff;}
.payTips{ font-size:14px; padding:10px; color:#999;}
.payTips i{font-size:14px; color:#4cb12f;}
.payIcon{ margin:20px auto; width:100%; height:35px; line-height:35px; text-align:center; display:block; color:#fff;background:#4cb12f; border-radius:5px;}
.payFot{ position:fixed; left:0; bottom:10px; font-size:12px; color:#999; width:100%; text-align:center;}

/*=清除非IE浏览器下的浮动溢出=*/
.wrapfix:after{	
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrapfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .wrapfix {
	height: 1%;
}
.wrapfix {
	display: block;
}


#msg{ width:100%; text-align:center; display:block; height:250px; text-indent:-9999em; background:url(../images/nodata.png) no-repeat center center; background-size:60% auto;}

/*loading*/
.loaders {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap; 
    background:rgba(0,0,0,0.8);
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1002;
    text-align:center;

}
.loaders .loader {
      box-sizing: border-box;
      display: flex;
      flex: 0 1 auto;
      flex-direction: column;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%;
      height: 200px;
      width:80px;
      align-items: center;
      justify-content: center; 
      position:fixed;
      left:50%;
      top:50%;
      z-index:1002;
      margin:-100px 0 0 -40px;
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: 0.35s !important;
            animation-delay: 0.35s !important; }

  /*页码*/
  .pagination { text-align:center;}
  .pagination a{ width:45%; height:30px; line-height:30px; text-align:center; border:1px solid #eee; background:#f7f7f7; display:inline-block; margin:10px 2%; border-radius:5px;}