@charset "utf-8";
/* CSS Document */
@import url("layout.css");
@import url("base.css");

/*=====================以下部分是Validform必须的====================*/
.Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(valid_icons.png) no-repeat -20px -40px; }
.Validform_loading{ padding-left:20px; background:url(onload.gif) no-repeat left center; }
.Validform_error{ background-color:#ffe7e7; }

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; font-family:Arial; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}

/* =========================登录页样式.开始========================= */
.loginbody{ background-image:url(body-bg.png);background-position:top;background-repeat:repeat-x; padding-top:56px;}
.login_box{ margin-top:76px; left:50%;width:434px; height:auto; border:1px solid #40afd8; background:#e6eff3; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);padding-bottom:24px;margin:auto auto;margin-top:56px; }
.login_head{ position:relative; height:60px; border-bottom:1px solid #b1b1b1; text-align:center; background:#fff; }
	.login_head b{ position:absolute; left:50%; bottom:-11px; margin-left:-10px; width:21px; height:11px; background:url(icons-arrow.png) left -10px no-repeat; }
	.login_head h1{ line-height:60px; font-weight:normal; font-size:25px; color:#0f85b1; }
.login_con{ padding:15px 0 0 0;}
	.login_con dl{ padding:6px 0; line-height:30px; }
	.login_con dl:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.login_con dl dt{ display:block; float:left; width:140px; color:#666; font-size:14px; text-align:right; }
	.login_con dl dd{ margin-left:160px; }.login_con dl dd i{font-style:normal;font-size:12px;color:#666;}
	.login_con dl.tip{ padding:0; line-height:20px; }
	.login_con dl.tip dd{ font-size:12px; color:#F00; }
/* =========================登录页样式.结束========================= 

/* =========================管理首页样式.开始======================= */
a{ color:#333; text-decoration:none; }
a:hover{ color:#2C5894; text-decoration:none; }
.header{ background:#33B5E5; }
.logo{ display:block; float:left; width:180px; height:42px; background:url(logo.png) no-repeat center; border-right:1px solid #1da0d0; text-indent:-9999px; overflow:hidden; }
.nav-left{ display:block; float:left; padding:0 15px; border-left:1px solid #4dc4f0; color:#fff; font-size:20px; font-weight:300; height:42px; line-height:42px; }
/*顶部右边导航*/
.nav-right{ float:right; }
	.nav-right .icon-info{ float:left; padding:0 10px 0 38px; height:42px; line-height:42px; border-right:1px solid #1da0d0; background:url(head.png) no-repeat left center; }
	.nav-right .icon-info span{ display:block; padding-top:6px; color:#ebebeb; font-size:12px; line-height:1.2em; }
	.nav-right .icon-option{ position:relative; display:block; cursor:pointer; float:left; padding:0 15px; height:42px; border-left:1px solid #4dc4f0; background:#16a0d3; }
	.nav-right .icon-option i{ display:block; width:20px; height:42px; background:url(nav-icons.png) no-repeat -113px center; }
	.nav-right .icon-option:hover{ background:#50c0e9; }
	.nav-right .icon-option:hover .drop-box{ display:block; }
	.nav-right .icon-option.selected i{ background:url(nav-icons.png) no-repeat -132px center; }
/*右边导航菜单项*/
.drop-box{ display:none; position:absolute; top:42px; right:0; }
	.drop-box .arrow{ position:absolute; display:block; top:0; right:15px; width:21px; height:11px; text-indent:-999999px; background:url(icons-arrow.png) no-repeat 0 0; }
	.drop-box .drop-item{ margin-top:10px; padding:10px; border:1px solid #b1b1b1; background:#fff; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); }
	.drop-box .drop-item li a{ display:block; padding:8px 15px; color:#222; font-size:12px; line-height:1em; text-align:center; white-space:nowrap; }
	.drop-box .drop-item li a:hover{ color:#fff; background:#55afeb; }
/*左边导航*/
.main-sidebar{ border-right:1px solid #dbdbdb; background:#f9f9f9; }
	.sidebar-nav .list-box{ margin:0; padding:0; }
	.sidebar-nav .list-box{ font-size:12px; color:#fff; }
	.sidebar-nav .list-box h2{ display:block; padding:10px 0 10px 20px; font-size:12px; color:#222; font-weight:normal; line-height:20px; background:url(disclosure_down.png) no-repeat right center #e9e9e9; border-top:1px solid #f4f4f4; border-bottom:1px solid #ddd; cursor:pointer; }
	/*树型菜单*/
	.tree-menu li .item{ position:relative; display:block; padding:10px 0 10px 20px; line-height:20px; height:20px; border-bottom:1px solid #dbdbdb; background:#f9f9f9; cursor:pointer; }
		.tree-menu li .item:hover{ background:#dbdbdb; }
		.tree-menu li .item:hover span{ display:inherit; color:#222; }
		.tree-menu li .item.selected{ background:#16a0d3; }
		.tree-menu li .item.selected .folder.open{ background:url(folder_open_2.png) no-repeat left center; }
		.tree-menu li .item.selected .arrow{ position:absolute; top:9.5px; right:-1px; width:7px; height:21px; background:url(icons-arrow-2.png) no-repeat; }
		.tree-menu li .item.selected span{ color:#fff; }
	.tree-menu .expandable{ display:block; float:left; width:16px; height:20px; cursor:pointer; }
		.tree-menu .expandable.open{ background:url(del.png) no-repeat left center; }
		.tree-menu .expandable.close{ background:url(add.png) no-repeat left center; }
	.tree-menu .folder{ display:block; float:left; width:25px; height:20px; background:url(folder_close.png) no-repeat left center; }
		.tree-menu .folder.open{ background:url(folder_open.png) no-repeat left center; }
	.tree-menu .item span{ display:inherit; color:#333; }
/*右边框架*/
.main-container{ background:#fff; }
/*快捷导航*/
.btn-paograms{ display:block; position:absolute; bottom:20px; right:20px; z-index:12; cursor:pointer; width:22px; height:22px; background:url(icon-paograms.png) no-repeat; }
	.btn-paograms:hover{ background-position:0 -22px; }
.pop-menu{ position:absolute; right:15px; bottom:45px; z-index:12; background:#09F; display:none; }
	.pop-menu .arrow{ position:absolute; display:block; right:15px; bottom:0; width:21px; height:11px; text-indent:-9999px; background:url(icons-arrow.png) no-repeat 0 -11px; }
	.pop-menu .list-box{ position:absolute; display:block; width:445px; right:0; bottom:10px; padding:10px; border:1px solid #b1b1b1; background:#fff; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); }
	.pop-menu .list-box ul{ float:left; margin-right:10px; }
	.pop-menu .list-box ul h2{ padding-left:15px; font-size:12px; color:#222; font-weight:bold; line-height:2.0em; background:url(icon_del.png) no-repeat left center; }
	.pop-menu .list-box ul li a{ display:block; padding:8px 15px; font-size:12px; color:#222; line-height:1em; white-space:nowrap; }
	.pop-menu .list-box ul li a:hover{ color:#fff; background:#55afeb; }
	.pop-menu .list-box .close{ position:absolute; display:block; top:5px; right:5px; width:16px; height:16px; text-indent:-9999px; background:url(icon_close.png) no-repeat 0 0; cursor:pointer; }
/* =========================管理首页样式.结束======================= */

/* =========================内页通用样式.开始======================= */
.location{ border-bottom:solid 1px #dbdbdb; height:31px; line-height:22px; font-size:12px; color:#333; }
	.location .back{ display:inline-block; margin-right:15px; padding-left:15px; background:url(icon_return.png) no-repeat left center; }
	.location .home{ display:inline-block; padding-left:20px; background:url(icon_home.png) no-repeat left center; }
	.location .arrow{ display:inline-block; margin:auto 5px; width:12px; height:10px; background:url(disclosure_right.png) no-repeat center center; vertical-align:middle; }
textarea{ overflow:auto; }
textarea.input{ width:300px; height:65px; }
.input{ padding:4px; width:176px; min-height:20px; line-height:20px; border:1px solid #d4d4d4; background:#fff; vertical-align:middle; color:#333; font-size:100%; }
	.input.normal{ width:300px; }
	.input.txt{ width:200px; }
	.input.small{ width:50px; }
	.input:focus{ background:#FFFBDE; border-color:#7BBFF2; outline:2px solid #99D8F5; }
/* =========================内页通用样式.结束======================= */

/* ==========================列表页样式.开始======================== */
.toolbar-wrap{ padding:10px; min-height:52px; }
.toolbar{ position:absolute; width:100%; left:0; padding:10px 0; background:#fff; }
	.toolbar:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.toolbar .l-list{ float:left; margin-left:15px; }
	.toolbar .l-list li{ float:left; }
	.toolbar .l-list li a{ display:inline-block; padding:5px 10px 5px 25px; line-height:20px; height:20px; border:solid 1px #dbdbdb; border-left:none; color:#333; font-size:12px; text-decoration:none; background:#f9f9f9; }
	.toolbar .l-list li:first-child a{border-left:solid 1px #dbdbdb;}
	.toolbar .l-list li a.add{ background:url(icon_add.png) 8px center no-repeat; }
	.toolbar .l-list li a.save{ background:url(icon_save.png) 8px center no-repeat; }
	.toolbar .l-list li a.all{ background:url(icon_all.png) 8px center no-repeat; }
	.toolbar .l-list li a.del{ background:url(icon_delete.png) 8px center no-repeat; }
	.toolbar .l-list li a.type{ margin-left:10px; border-left:solid 1px #dbdbdb; background:url(icon_type.png) 8px center no-repeat; }
	.toolbar .l-list li a.attr{ background:url(icon_attr.png) 8px center no-repeat; }
	.toolbar .l-list li a .arrow{ display:inline-block; margin-left:5px; width:12px; height:12px; background:url(disclosure_down.png) no-repeat center center; vertical-align:middle; }
	.toolbar .l-list .menu-list{ float:left; }
	.toolbar .r-list{ float:right; margin-right:15px; }
	.toolbar .r-list .keyword{ display:block; float:left; margin:0; padding:0 5px; width:110px; height:30px; line-height:28px; border:1px solid #dbdbdb; color:#444; }
	.toolbar .r-list .btn-search{ display:block; float:left; margin:0; padding:0; width:30px; height:32px; line-height:32px; border:1px solid #dbdbdb; border-left:none; background:url(icon_search.png) no-repeat center center #fafafa; cursor:pointer; text-indent:-9999px; }
	.toolbar .r-list .img-view{ display:block; float:left; margin-left:10px; width:30px; height:30px; border:1px solid #dbdbdb; background:url(icon_list_img.png) no-repeat center center #fafafa; text-indent:-9999px; }
	.toolbar .r-list .txt-view{ display:block; float:left; width:30px; height:30px; border:1px solid #dbdbdb; border-left:none; background:url(icon_list_txt.png) no-repeat center center #fafafa; text-indent:-9999px; }

.ltable{ width:100%; border:1px solid #EDECFF; font-family:"Microsoft YaHei"; font-size:12px; color:#333; }
	.ltable th{ padding:8px 5px; color:#222; font-weight:500; background:#f3f3f2; text-align:left; border-bottom:1px solid #e2e2e5; line-height:1.5em; }
	.ltable td{ padding:8px 5px; border-bottom:1px solid #F3F3F3; line-height:1.5em; }
	.ltable tr:hover{ background:#fbf5c6; }
	.ltable .odd_bg{ background:#f9f9f9; }

/*分页样式*/
.pagelist{ margin:0 0 20px 0; }
	.pagelist:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.pagelist .l-btns{ display:inline-block; float:left; margin:0 5px 0 0; padding:0 10px; border:1px solid #dbdbdb; font-size:12px; color:#333; line-height:28px; height:28px; }
	.pagelist .l-btns .pagenum{ margin:0 5px; padding:0 5px; border:1px solid #dbdbdb; border-top:none; border-bottom:none; width:30px; height:28px; line-height:28px; font-size:12px; color:#333; text-align:center; }
/* ==========================列表页样式.结束======================== */

/* ==========================编辑页样式.开始======================== */
/*Tab选项卡*/
.content-tab-wrap{ height:42px; }
.content-tab{ position:absolute; z-index:3; left:15px; right:15px; height:41px; background:#fff; border-bottom:1px solid #e2e2e5; }
	.content-tab ul{ position:absolute; left:0; top:10px; }
	.content-tab ul li{ position:relative; display:block; float:left; margin-right:5px; }
	.content-tab ul li a{ float:left; padding:0 20px; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; height:30px; line-height:31px; font-size:12px; color:#333; text-align:center; background:#f9f9f9; }
	.content-tab ul li a.selected{ color:#222; background:#fff; height:31px; }
/*Tab选项卡内容*/
.tab-content{ padding:20px; font-size:12px; color:#222; border:1px solid #e2e2e5; border-top:none; }
	.tab-content dl{ padding:8px 0; line-height:30px; }
	.tab-content dl:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.tab-content dl:first-child{ border-top:none; }
	.tab-content dl dt{ display:block; float:left; width:130px; text-align:right; }
	.tab-content dl dd{ margin-left:150px; }

/*按钮样式*/
.btn{ background:#16a0d3; border:none; color:#fff; cursor:pointer; display:inline-block; font-family:"Microsoft Yahei"; font-size:12px; height:32px; line-height:32px; margin:0 1px 0 0; padding:0 20px; }
	.btn:hover{ background:#117ea6; }
	.btn.green{ background:#52A152; }
	.btn.green:hover{ background:#328032; }
	.btn.yellow{ background:#FF9C30;}
	.btn.yellow:hover{ background:#c87316; }
/*多项选择*/
.multi-radio{}
	.multi-radio a{ display:inline-block; float:left; padding:4px 15px; height:20px; line-height:20px; border:1px solid #d4d4d4; border-left:none; vertical-align:middle; color:#333; font-size:100%; }
	.multi-radio a:hover{ background:#d4d4d4; }
	.multi-radio a.selected{ background:#16a0d3; border-color:#16a0d3; color:#fff; }
	.multi-radio a:first-child{ border-left:1px solid #d4d4d4; }
/*单项选择*/
.even-radio{}
	.even-radio a{ display:inline-block; position:relative; /*padding:1px;*/ border:1px solid #d4d4d4; background:#d4d4d4; width:80px; vertical-align:middle; }
	.even-radio a i{ display:block; width:50%; height:28px; line-height:28px; font-style:normal; background:#fff; color:#333; text-align:center; }
	.even-radio a i.on{ float:right; display:none; }
	.even-radio a i.off{ float:left; display:block; }
	.even-radio a.selected{ border:1px solid #16a0d3; background:#16a0d3; }
	.even-radio a.selected i.on{ display:block; }
	.even-radio a.selected i.off{ display:none; }
/*下拉菜单*/
.dropdown{ position:relative; }
	.dropdown>a{ position:absolute; z-index:2; padding:4px 10px 4px 15px; line-height:20px; height:20px; border:solid 1px #dbdbdb; color:#333; font-size:12px; text-decoration:none; background:#fff; }
	.dropdown>a i{ display:inline-block; margin-left:5px; width:12px; height:12px; background:url(disclosure_down.png) no-repeat center center; vertical-align:middle; }
	.dropdown .item{ display:none; position:absolute; z-index:1; top:28px; left:0; padding:5px 0; min-width:150px; max-height:450px; border:solid 1px #dbdbdb; background:#fff; overflow:auto; }
	.dropdown .item li{  }
	.dropdown .item li a{ display:block; padding:4px 10px; line-height:20px; font-size:12px; color:#666; white-space:nowrap; }
	.dropdown .item li a:hover{ color:#fff; background:#666; }
	.dropdown:hover>a{ border-bottom:none; }
	.dropdown:hover .item{ display:block; }

/*下拉菜单*/
.single-select{ position:relative; display:inline-block; margin-right:5px; vertical-align:middle; cursor:pointer; *float:left; }
	.single-select .boxwrap{ display:inline-block; vertical-align:middle; }
	.single-select .select-tit{ position:relative; display:block; padding:5px 38px 5px 10px; min-width:40px; line-height:20px; height:20px; border:solid 1px #dbdbdb; text-decoration:none; background:#fff; white-space:nowrap; word-break:break-all; }
	.single-select .select-tit span{ display:inline-block; color:#333; font-size:12px; vertical-align:middle; }
	.single-select .select-tit i{ position:absolute; right:0; top:0; display:block; width:28px; height:100%; border-left:1px solid #dbdbdb; background:url(skin_icons.png)  -49px -160px no-repeat #fafafa; }
	.single-select .select-items{ display:none; position:absolute; left:0; top:45px; /*overflow:hidden;*/ }
	.single-select .select-items ul{ position:relative; padding:5px; min-width:120px; max-height:280px; border:1px solid #dbdbdb; background:#fff; overflow-y:auto; overflow-x:hidden; }
	.single-select .select-items ul li{ display:block; padding:4px 10px; line-height:20px; font-size:12px; color:#666; white-space:nowrap; cursor:pointer; }
	.single-select .select-items ul li:hover{ color:#fff; text-decoration:none; background:#16a0d3; }
	.single-select .select-items ul li.selected{ color:#FFF; background:#16a0d3; }
	.single-select .arrow{ display:none; position:absolute; left:15px; top:35px; width:21px; height:11px; text-indent:-9999px; background:url(skin_icons.png) -40px -356px no-repeat; }

.page-footer{ padding:10px 0; height:32px; }
	.page-footer:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
	.page-footer .btn-list{ position:fixed; padding:10px 0; left:15px; right:15px; bottom:0; z-index:3; background:#fff; }
	/*.page-footer .btn-list .absbg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; filter:alpha(opacity=80); opacity:0.8; }*/

.package-list{}
	.package-list li{ float:left; margin:0 20px 20px 0; padding-bottom:20px; border:2px solid #EFEFEF; width:180px; cursor:pointer; }
	.package-list li h2{ color:#fff; line-height:35px; height:35px; text-align:center; background:#2BACE2; }
	.package-list li .img{ height:80px; background:url(icon_sms.png) no-repeat center center; }
	.package-list li .price{ display:block; font-size:14px; line-height:30px; text-align:center; color:#F00; }
	.package-list li .num{ display:block; font-size:12px; line-height:30px; text-align:center; }
	.package-list li:hover{ border:solid 2px #999; }
	.package-list li.selected{ border:solid 2px #666; }
	/*内容*/
.entry{font-size:13px;line-height:24px;word-wrap:break-word;}
.entry img{max-width:670px;}
.entry h2,.entry h3,.entry h4{border-bottom:1px solid #EEE;color:#111;padding-bottom:5px;}
.entry h2{font-size:15px;}
.entry h3,.entry h4{font-size:14px;}
.entry strong{color:#DC2523;}
.entry ul,.entry ol{margin:16px;}
.entry li{margin-left:26px;}
.entry ul li{list-style:disc outside none;}
.entry ol li{list-style:decimal outside none;}
.entry p{margin:15px 0; text-indent:2em;}
.entry a{text-decoration:underline;}
.entry code, .comment code{background-color:#EEE;border-radius:2px 2px 2px 2px;color:#777;font-family:'courier new';margin:0 4px;padding:1px 4px;}
.entry table{border-left:1px solid #EEE;border-top:1px solid #EEE;}
.entry table th{background-color:#F9F9F9;text-align:center;}
.entry table td, .entry table th{border-bottom:1px solid #EEE;border-right:1px solid #EEE; margin:0; padding:5px 5px;}
/* ==========================编辑页样式.结束======================== */

/* ==========================支付页样式.开始======================== */
.msg_tips{margin:30px auto;position:relative;width:380px;}
	.msg_tips .ico{display:block;float:left;background:url(icon_tips.png) no-repeat left top;width:46px;height:46px; text-indent:-99999px;overflow:hidden;}
	.msg_tips .ico.error{background-position:-50px 0;}
	.msg_tips .ico.warning{background-position:-100px 0;}
	.msg_tips .msg{margin-left:60px;}
	.msg_tips .msg strong{margin-bottom:10px;font-size:15px;color:#444;}
	.msg_tips .msg p{line-height:2.0em; font-size:13px;}
/* ==========================支付页样式.结束======================== */

.oauth-box {width:92%;margin:auto auto;padding:6px 0px;display:table;}
.oauth-box { clear:both;display:none; }
.oauth-box h3{ display:block; margin-bottom:10px; color:#3a3a3a; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
.oauth-box p{ margin-left:-25px; }
.oauth-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; }
.oauth-box p a img{ width:38px; height:38px; }
.tips{ display:none; margin:0; padding:0; text-align:center; font-size:14px; color:#f00; }