@charset "utf-8";
@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
/* CSS Document  */
*{ font-family:"微软雅黑";}
body{font-family:"宋体", Arial,Verdana, sans-serif, Helvetica;font-size:12px;margin:0;background:#FFF;color:#000;}
dl,ul,li{list-style:none;}
a img{border:0;}
a{color:#000;}
a:link,a:visited,a:active,a:hover{text-decoration:none;}
.clearboth {clear:both;font-size:0px;}
input {vertical-align:middle;}
input[type="text"], input[type="password"], textarea{border: #dfdfdf solid 1px; border-radius:4px; padding:5px 3px;}
label{vertical-align:middle;display:inline-block; font-family:'Tahoma';}
body,html{height:100%;}
select{ vertical-align:middle;}
.noneBox {display:none;}
/*----头---------------------------*/
.header{width:100%;height:61px;background:#FFF; position:relative;}
.header01{position:absolute; left:0px; top:0px; height:60px;width:180px;margin-left:0px;background:#F3F3FC url(../images/logoht.png) center no-repeat; border-bottom:#2e3254 solid 1px; background-size:80% auto;}
.header02{ height:60px; width:auto; font-size:13px; font-family:"微软雅黑"; border-bottom:#ebebeb solid 1px; margin-left:180px; position:relative;}
.header02 .l{ float:left; height:40px; line-height:40px; padding:10px;}
.header02 .l img{ height:36px; width:36px; border-radius:40px; border:#CCC solid 1px; padding:1px; overflow:hidden; vertical-align:middle; margin-left:20px; margin-right:10px;}
.header02 .r{ float:right; position:absolute; top:13px; right:10px;}
.header02 .r ul{ display:block; margin:0px;}
.header02 .r ul li{ display:block; float:left; width:100px; border-right:#dfdfdf solid 1px;}
.header02 .r ul li a{ display:block; width:100%; text-align:center;}
.header02 .r ul li.s{ display:block; width:226px; height:40px; background:url(/images/bg_search.png) no-repeat; margin-left:20px; background-size:auto 33px; position:relative;}
.header02 .r ul li.s .keywords{ position:absolute; left:30px; top:6px; width:170px; height:20px; border:0px; background:none;}
/*----left---------------------------*/
.left{float:left;width:180px;height:auto; padding-top:30px;}
.left01{width:180px;height:33px;background:url(../images/left01_bei.gif) repeat-x;margin-bottom:8px;}
.left01_left{display:none;}
.left01_right{display:none;}
.left01_c{float:left;height:33px;line-height:33px;width:180px;padding-left:10px;color:#002f76;}
.left01_c img{height:17px;width:17px;margin:3px 10px 0 0;}
.left02{width:180px;height:auto;margin-bottom:8px;}
.left02top{width:180px;height:44px; cursor:pointer; position:relative;}
.left02top_left{ position:absolute; left:15px; top:5px; color:#5f78a2; border:#5f78a2 solid 2px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:30px; font-size:13px; overflow:hidden;
				font-family: "iconfont";
}
.left02top#on .left02top_left{color:#12bcd5; border:#12bcd5 solid 2px;}
.left02top#on .left02top_c{color:#12bcd5;}
.left02top_right{display:none;}
.left02top_c{float:left;height:36px;line-height:36px; font-weight:bold;color:#5f78a2; font-size:14px; padding-left:50px;}
.left02down{height:auto; display:none;}
.left02down01{height:36px;line-height:36px; overflow:hidden; padding-left:50px; width:100%;}
.left02down01 a{ position:relative; color:#7e94bd; font-size:14px;}
.left02down01_img{ position:absolute; left:-10px; top:2px; width:10px; height:10px;}
.left02down01_xia ul{margin:0;padding:0 5px 0 19px;}
.left02down01_xia li{width:auto;height:20px;line-height:20px;margin:3px 0;padding-left:2px;}
.left02down01_xia_li{background:#eff6ff;} 
.left03_right{float:right;height:33px;width:30px;background:url(../images/03.gif);}
.left03_c{float:left;height:33px;line-height:33px;width:171px;padding-left:10px;color:#002f76;}
/*----rrcc-------------*/
.rrcc{width:auto;margin:8px 0px 8px 180px; position:relative;}
/*----center---------------------------*/
.center{float:left;height:200px;width:8px;margin-left:8px!important;margin-left:4px; background:url(../images/center0.gif) no-repeat;cursor:pointer; display:none;}


/*----right---------------------------*/
.right{width:auto; background:#fff; padding:16px; min-height:500px; background:#f3f3f3;}
.right span{color:#666;}
.right01{ position:relative;}
.right01 img{ display:none;}
.right01 span{ display:block; width:auto; color:#666666; font-size:14px; font-weight:bold; font-size:16px;}
.right01 span:after{ content:"本页数据当日已更新"; display:block; font-size:14px; height:26px; line-height:26px; color:#aaaaaa; font-weight:normal;}

.right .rcontent{ padding:10px; border:#dfdfdf solid 1px; border-radius:6px; background:#FFF; margin:10px 0px; position:relative;}
/*****************************************/ 
.main_nav{ overflow:hidden; background:#f3f3f3 url(../images/htbg1.png) repeat-y;}
.footer{ text-align:center; width:100%; height:50px; color:#999; margin-top:20px;}

.set_quanxian div{ margin-right:5px; float:left;}

/******* 列表样式 *************************/
.list {color:#454545; width:100%;}
.list th{ height:40px; padding:3px; border-bottom:#D5D5D5 solid 1px; color:#333333; text-align:left; font-size:14px;}
.list td{ padding:3px; height:30px; border-bottom:#D5D5D5 solid 1px; text-align:left; color:#888888;}
.list td a{color:#888888;}
.list tr td:first-child{ color:#333333;  margin-top: -1px;}
.list tr td:first-child input{ border:#D5D5D5 solid 1px; height: 20px;}
.list tr td:first-child button{ background:#DCDCDC; border: 0;  padding: 0; height: 23px; line-height: 23px; width: 60px; border-radius: 3px;
    font-weight:bold; box-shadow: 1px 1px 3px #666; margin-left: 8px;}
.list tr td:first-child button:hover{background:#1D9AC6; color:#FFF !important;}
.list tr td:last-child{ color:#333333; }
.list tr td:last-child a{ color:#333333; }



/******按钮*****/
.button, .button2{ background:#DCDCDC; display:inline-block; height:30px; line-height:30px; min-width:90px; padding:0px 10px; font-size:13px; font-weight:bold;cursor:pointer; text-align:center; border:0px;
			/* @Key 投影 投影偏移3px，宽6px，颜色#666 */
                -webkit-box-shadow: 1px 1px 3px #666;
                -moz-box-shadow: 1px 1px 3px #666;
                box-shadow: 1px 1px 3px #666;}
.button span, .button2 span{ color:#000;}
.button:hover, .button2:hover, .button#on, .button2#on{background:#1D9AC6; color:#FFF !important;}
.button:hover span, .button2:hover span,  .button#on span, .button2#on span{color:#FFF !important;}

/******* edit列表样式 *************************/
.list_edit { color:#454545; width:100%; font-size:12px;}
.list_edit td{ padding:3px; background:#FFF; height:40px;}
.list_edit tr > td:first-child{text-align:right; color:#000;}
.list_edit .zq button{ vertical-align:middle;}


label{ cursor:pointer;}

/*展开缩小按钮*/
.kz{ border:#CCC solid 1px; cursor:pointer;}

/***** 翻页 ********/
.j_page_td { text-align:center !important; height:60px; border-bottom:0px !important; padding:10px 0px !important; padding-top:20px !important;}
.j_page_td .num{ padding:2px 6px; border:#CCC solid 1px; color:#666;}
.j_page_td .on{color:#FFF !important;  border:#3482BF solid 1px; background:#3482BF;}
.j_page_td .l{ float:left; padding-left:17px; vertical-align:middle;}
.j_page_td a{ margin:0px 3px; color:#666;}
.j_page_td span{ vertical-align:middle; }
.j_page_td button{ vertical-align:middle; margin-left:5px;}

/***** 搜索项 *********/
.search .s{ white-space:nowrap; float:left; display:block; padding-right:10px; padding-bottom:3px;}
.search .s span{ vertical-align:middle;}

/***** on/off ***/
.bd_on{background:url(../images//images/connect.png) no-repeat; width:16px; height:16px;}
.bd_off{background:url(../images//images/connect_dis.png) no-repeat; width:16px; height:16px;}

.yes_on{background:url(../images//images/accept.png) no-repeat; width:16px; height:16px; cursor:pointer;}
.yes_off{background:url(../images//images/accept_dis.png) no-repeat; width:16px; height:16px;  cursor:pointer;}

.ipads{ cursor:pointer;}

/*** ico **/
.i_url789 { width:16px; height:16px; background:url(../images/is.png) 0px -160px no-repeat; display:inline-block; vertical-align: middle;}
.i_dwz { width:16px; height:16px; background:url(../images/is.png) 0px -40px no-repeat; display:inline-block; vertical-align: middle;}
.i_t { width:16px; height:16px; background:url(../images/is.png) 0px -0px no-repeat; display:inline-block; vertical-align: middle;}
.i_126 { width:16px; height:16px; background:url(../images/is.png) 0px -600px no-repeat; display:inline-block; vertical-align: middle;}
.i_url { width:16px; height:16px; background:url(../images/is.png) 0px -120px no-repeat; display:inline-block; vertical-align: middle;}

/*****/
.logout_bt{ background:url(../images/bt1.gif) no-repeat; width:54px;  height:24px; font-size:13px; font-weight:bold; line-height:24px; display:block; float:right; text-align:center; margin-top:7px; margin-left:10px;}
.logout_bt:hover{background:url(../images/bt1_on.gif) no-repeat; color:#FFF;}

.arc_list .is_nav{ cursor:pointer;}

.list_edit .t1{ font-weight:bold;}
.list_edit .t3{ padding-left:20px;}

.bt_add{ width:16px; height:16px; background:url(../images/ico.png) -138px -137px  no-repeat; float:left; margin:3px; margin-left:6px; cursor:pointer;}
.bt_del{ width:16px; height:16px; background:url(../images/ico.png) -171px -137px  no-repeat; float:left; margin:3px; margin-right:6px; cursor:pointer;}
.bt_up{ width:16px; height:16px; background:url(../images/ico.png) -103px -337px no-repeat; float:left; margin:3px; margin-left:6px; cursor:pointer;}
.bt_down{ width:16px; height:16px; background:url(../images/ico.png) -138px -337px no-repeat; float:left; margin:3px; margin-right:6px; cursor:pointer;}
.bt_move{ width:16px; height:16px; background:url(../images/menumove.png) no-repeat; float:left; margin:3px; margin-right:6px; cursor:pointer;}


/***********新登陆框********************/
.login_form{ margin:0px auto; vertical-align:middle; width:630px; height:408px; z-index:9999; position:relative;}
.login_form .bg{ display:block; position:absolute; width:100%; height:290px; background:#718BA2; bottom:30px; opacity:0.8}
.login_form .lg{ display:block; position:absolute; width:400px; height:250px; background:url(/images/bg_lg.png) no-repeat; background-size:210px auto; bottom:40px; left:54px; opacity:0.9}
.login_form .lg a{ display:block; width:110px; height:28px; border:#FFF solid 1px; border-radius:40px; position:absolute; left:52px; bottom:40px; background:url(/images/bg_jt.png) center no-repeat; background-size:20px auto;}
.login_form .fm{ display:block; position:absolute; width:250px; height:350px; bottom:0px; right:20px; padding:0 20px; background:#FFF; border:#D0D7DA solid 1px;}
.login_form .fm .t{ background:url(/images/ico_dl.png) left center no-repeat; background-size:22px auto; height:26px; line-height:26px; margin-top:40px; padding-left:28px; font-size:16px; font-weight:bold; margin-bottom:40px;}

.login_form .username, .login_form .password{display:block; line-height:40px; height:40px; font-size:12px; font-weight:bold;border:none; width:200px; border-bottom:#E0E0E0 solid 1px; margin-bottom:10px; border-radius:0px; width:242px; padding: 1px 3px; background:url(/images/bg_ren.png) right center no-repeat; background-size:20px auto; color:#333;}
.login_form .password{background:url(/images/bg_suo.png) right center no-repeat; background-size:18px auto;}
.login_form .sub{ display:block; margin:auto; margin-top:40px; width:220px; height:30px; background:#2097F5; border:0px; color:#FFF;  border-radius:40px;}

.tpl_div{ float:left; width:180px; height:280px; border:#999 solid 1px; text-align:center; margin-right:10px; padding:10px; overflow:hidden; line-height:18px; margin-bottom:15px;}
.tpl_div:hover{background:#FFF;}
.tpl_div img{ height:230px; max-width:180px;}
.tpl_div .i{ color:#555;}
.tpl_div .n{ font-size:14px; font-weight:bold;}

.at_tab{}
.at_tab .tabs{ width:100%; height:40px; border: 1px solid #c6c6c6;}
.at_tab .tabs span{ height:38px; line-height:38px; width:150px; display:block; float:left; text-align:center; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #c6c6c6; border-left: 1px solid #FFFFFF; background:#F3F3F3; font-size:14px; cursor:pointer;}
.at_tab .tabs span#on{ background:#FFF; border-top:#069 solid 3px; line-height:32px;}
.at_tab .tabsdiv{ height:200px; border: 1px solid #c6c6c6; border-top: 1px solid #FFFFFF;}


.tjhf{ width:100%; height:200px;}

.sendback{ overflow:hidden;}
.sendback .b_l{ width:50%; float:left;}
.sendback .b_r{ width:50%; float:right;}

.sendtiao{ border:#999 solid 1px; position:relative; overflow:hidden; margin-bottom:10px;}
.sendtiao .upimg{ display:block; height:65px; width:48px;}
.sendtiao .upimg span{ display:block; position:absolute; bottom:5px; left:0px; width:48px; text-align:center;}
.sendtiao .upimg .imgbg{ width:48px; height:48px;}
.sendtiao table{ width:100%; position:relative; padding:10px;}
.sendtiao table td{ position:relative;}
.sendtiao td.l{width:60px;}
.sendtiao td.r{width:60px;}

.sendtiao table td input{ display:block; width:99%;}

.sendtiao td.r .bt_add{ margin-left:15px;}
.sendtiao td.r .bt_up{ margin-left:15px;}

.sendtiao td{ border:0px;}
.sendtiao td textarea.i{ margin:0px; width:99%; padding:1px; height:150px; resize: none;}

.shadow {
-moz-box-shadow: 3px 3px 4px #555;
-webkit-box-shadow: 3px 3px 4px #555;
box-shadow: 3px 3px 4px #555;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
}

.s_menu{ background:url(../images/bg_4.jpg) no-repeat; height:624px; width:416px; margin:20px 0px; position:relative;}

.s_menu .add_m{ position:absolute; width:16px; height:16px; background:url(../images/ico.png) -138px -137px  no-repeat; float:left; margin:3px; margin-left:6px; cursor:pointer; left:15px; bottom:15px;}

.app_link{ font-size:14px; font-weight:bold;}

.wxmenu{ border:#CCC solid 1px; margin-bottom:20px; padding:10px;}
.wxmenu ul{ margin:0px;}
.wxmenu ul li{overflow:hidden; display:block;}
.mainul{ width:650px;}
.mainul .move{ float:right; padding:5px 20px; vertical-align:middle; cursor:move;}
.mainul .m .move{ float:right; padding:5px 10px;}
.mainul select{ height:26px; line-height:26px; vertical-align:middle; margin:0px; margin-top:1px;}
.mainul input{ height:20px; line-height:20px; margin:0px;}

.card_type{ display:block; float:left; padding:10px;}
.card_type#on{ background:#CCC;}
.card_type img{ display:block; height:100px;}
.card_type .n{ line-height:22px; height:22px; text-align:center;}

.simg{ vertical-align:middle; padding-left:5px; padding-right:10px; cursor:pointer;}
.s_img{ display:none;}
.s_img img{ height:100px;}


.orderdeatilbox p{ padding:0px; margin:0px;}
.orderdeatilbox{padding:8px; line-height:22px; font-size:14px; overflow:hidden;}
.orderdeatil{ position:relative; padding:0 0 8px 0; margin-bottom:8px; border-bottom:#ccc 1px dashed; overflow:hidden;}
.orderdeatil:last-child{ border-bottom:none; padding:0; margin:0;}
.orderdeatil em,.cartlist em{ font-style:normal;}
span.tit_h{ color:#242424;}
.or_price p{ padding:3px 0;}
.logistics{ padding:10px 0;}
.logistics span{ display:block; width:255px; height:39px; margin:0 auto; background:url(../images/common/logistics.png) no-repeat; background-size:255px;}
.logistics span.step01{ background-position:0 0}
.logistics span.step02{ background-position:0 -50px;}
.logistics span.step03{ background-position:0 -100px;}
.logistics span.step04{ background-position:0 -150px;}
.logistics span.step05{ background-position:0 -200px;}
.logistics span.step06{ background-position:0 -250px;}
.canclorder{ margin:0 10px; width:50%; text-align:center;}
.changeaddr{  display:block; float:left; height:15px; width:14px; margin:7px 3px 0 0;background-position:-32px 0}
.user_orderlist_r{ float:left; padding:0px 0 0 5px; overflow:hidden; width:400px;}
.g_d_price{ color:#f02387; font-size:20px; padding-top:10px !important;}

.bottomdiv{ position:fixed; bottom:0; width:100%;background:#fff;box-shadow:0px -1px 2px rgba(0,0,0,.1); border:#ddd 1px solid; border-top:#fff 1px solid; z-index:99; }
.bottomdiv .inner{ padding:10px 10px; display:block;position:relative;}
.bottomdiv .inner .lmask{display: inline-block;*display: inline;padding:8px 0 0;margin-bottom: 0;*margin-left: .3em;font-size: 16px;text-align:center;color: #fff;position:absolute;z-index:20;top:10px;right:10px;width:152px;height:29px;background-color:rgba(255,255,255,0.4);*background-color: #efefef;}
.cart_time{ position:relative; padding-top:10px;}
.carticon{background-position:-10px -35px;display:block; width:19px; height:18px;}
.num_cart{ position:absolute; top:6px; left:12px; width:14px; height:14px; text-align:center; line-height:14px; background:#f02387; border-radius:7px; color:#fff;}
.num_cunt{ line-height:18px; padding-left:8px; font-style:italic; color:#585858; font-size:16px; font-family:Aparajita; font-weight:bold;}

.fl{ float:left;}
.fr{ float:right;}

.qx_list_w td{ text-align:left !important; font-size:14px; font-weight:bold;}
.qx_list_n td{ text-align:left !important; border:0px !important; font-size:12px; font-weight:100;}


.alert_msg{ position:fixed; top:-100px; width:20%; margin-left:40%; overflow:hidden; background:#CCC; z-index:9999; border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; padding-top:30px; text-align:center; font-size:14px; display:block;box-shadow: 0px 0px 6px #888888;}
.alert_msg span{ padding:10px 20px; display:block;}

.ipt_time{ width:80px; text-align:center;}
.setdel{text-decoration:line-through; color:#AAA;}
.setdel a{text-decoration:line-through; color:#AAA;}

.info_main td{}
.info_box { color: #1195C2;width:100%; float:left; margin-bottom:6px; overflow:hidden; border-radius:10px;}
.info_box th{ height:46px; line-height:46px; background: #FFF; padding: 0px; border-bottom: #D5D5D5 solid 1px; font-size:16px; text-align:left; padding-left:10px;}
.info_box th  span{ padding-left:8px; border-left:#1195C2 solid 3px; color: #1195C2;}
.info_box .nr{ background:#FFF;}
.info_box .nr table{ border:0px; margin-bottom:-1px;}
.info_box .nr table td:last-child{ border-right:0px;}

.search .s span{ display:none;}
.search .s input{ border:#dfdfdf solid 1px; padding:6px; border-radius: 5px;}
.search .s input[type="submit"]{ border:0px; padding:0px;}
.search .s select{border:#dfdfdf solid 1px; height:27px;}
.chk_time{ width:150px !important; padding: 6px;}
#pager_go{ width:40px !important; text-align:center;}

.fjmenus{ width:564px;}
.fjmenus div{ width:561px; background:#EEE !important; padding:0px !important;}
.fjmenus input{ border:0px; display:block; width:100% !important; height:100% !important; border-radius:0px;}

.chg_log{ float:right; color:#2097F5; cursor:pointer;}

.log_wx, .log_up{ display:none;}
.log_wx#on,.log_up#on{ display:block;}
.log_wx { text-align:center;}
.log_wx img{ width:160px; height:160px;}
.impowerBox{
    margin-top: 15px;
    background-color: #232323;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
    -moz-box-shadow: inset 0 5px 10px -5px #191919,0 1px 0 0 #444;
    -webkit-box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
	line-height:24px;
	color:#FFF;
}
.log_wx .zzjz{ width:160px; height:160px; line-height:160px; text-align:center; color:#BBB; font-size:14px;}

.sh_info { font-size:14px;}
.sh_info img{ width:120px; height:120px; border-radius: 120px; padding:20px;}
.sh_info .blue{color:#2097F5; font-weight:bold;}
.sh_info .red{ color:#F00; font-weight:bold;}


.btn_red{ height:40px;text-align:center; line-height:40px; font-size:14px; font-weight:bold; display:inline-block; color:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c9b',endColorstr='#e61f80');background:-ms-linear-gradient(top, #ff3c9b, #e61f80);/*IE10*/background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3c9b), to(#e61f80));background: -moz-linear-gradient(top, #ff3c9b, #e61f80); border:#db207b 1px solid; margin-bottom:20px; font-size:16px;  border-radius: 50px; width:auto;}


.btn_blue{ height:40px;text-align:center; line-height:40px; font-size:14px; font-weight:bold; display:inline-block; color:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a0e9',endColorstr='#10a0e9');background:-ms-linear-gradient(top, #00a0e9, #10a0e9);/*IE10*/background: -webkit-gradient(linear, 0 0, 0 100%, from(#00a0e9), to(#10a0e9));background: -moz-linear-gradient(top, #00a0e9, #10a0e9); border:#15a0e9 1px solid; margin-bottom:20px; font-size:16px; border-radius: 50px; width:auto;}

.xl_num .icon{background: url(/images/icons_y.png) no-repeat; margin:auto; width: 60px; height: 46px; background-position: -158px -70px; }
.xl_num div{ line-height:30px; text-align:center; font-size:18px;}
.xl_num div.num{ font-weight:bold;}

.listart{ display:block; overflow:hidden; margin:auto 20px; padding:0px; margin-top:-5px;}
.listart li{ display:block; margin-left:0px;}
.listart li a{ display:block; width:100%; line-height:34px; height:34px; font-size:14px; position:relative; overflow:hidden;  color:#2a6496;}
.listart li a span{  display:block; line-height:34px; height:34px; background:#FFF; padding-left:10px; position:absolute; right:0px; top:0px;}

.listex li a{line-height:40px; height:40px; }
.listex li em{ display:inline-block;  background: url(/images/icons_y.png) no-repeat; width: 30px; height: 27px; background-position: -72px -102px; margin-right: 10px; vertical-align: middle;}
.listex_more{ display:block; line-height:40px; font-size:14px; text-align:center; color:#2a6496;}

.article h1{ text-align:center;}
.article .decs{ text-align:center;}
.article .nr{ padding:20px; font-size:16px; line-height:30px; word-break:break-all;}

.message_manager{
  border-right: 1px solid #dadadb;
  overflow:hidden;
  padding-left:0px; padding-top:0px;
  margin:0px;
  height:47px; overflow:hidden;
}
.message_manager li{
	width:25%;
	float:left;
  line-height: 47px;
  background:red; /* 一些不æ"¯æŒèƒŒæ™¯æ¸å˜çš"浏览器 */  
  background:-moz-linear-gradient(top, #fefefe, #f2f2f2);  
  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#f2f2f2));  
  background:-o-linear-gradient(top, #fefefe, #f2f2f2);
  overflow:hidden; 
}
.message_manager li.active{
}

.message_manager li.active a{
  background: #fff;
  border-top: 3px solid #5faee3;
  border-bottom: none;
}
.message_manager li a{
  border-bottom: 1px solid #dadadb;
  border-left: 1px solid #dadadb;
  color:#333;
  width:100%;
  display: inline-block;
  text-align: center;
  font-size:14px;
}
.message_manager li a:hover{
  color: #5faee3;
}
.message_manager li.active a{
  color: #5faee3;
  text-decoration: none;
}

.sendmsg{ padding:0px !important; min-height:400px;}
.sendmsg .nr{ padding:20px;}
.button{ display:inline-block; border:0px; padding:0 10px}
.chk_time, .chk_day{ width:130px; text-align:center;  border-radius: 5px; border:#CCC solid 1px; background:url(/images/datePicker.gif) right no-repeat; padding-right: 18px !important;}

.smsdanjia{ margin-bottom:20px; font-size:14px; background:#F3F3F3; padding:5px 10px; border-radius: 5px; line-height:28px;}
.smsdanjia span{ color:#2097F5; font-weight:bold;}
.smsdanjia font{ color:#F00; font-weight:bold;}

.phonetype{ display:block; width::100px; padding-right:10px; height:30px; line-height:30px; border:#E6E6E6 solid 1px; color:#666; border-radius: 5px; margin-top:7px; text-align:right; margin-right:5px; cursor:pointer;}
.phonetype#on{ background:#EEE url(/images/dis_1.png) 10px center no-repeat; font-weight:bold; border:#CCC solid 1px; color:#000;}

.seluserbox{ border-radius: 4px; padding:3px; border:1px solid #6E9FDE;width:380px; height:85px; margin-bottom:5px;}
.seluserbox .uids{ display:block; float:left; line-height:24px; background:#EEE; margin-right:5px; border-radius: 3px; padding:0 3px; position:relative; margin-top:3px;}
.seluserbox .uids font{ display:none; position:absolute; right:-6px; top:-6px; background:url(/images/close.png) no-repeat; background-size:100% 100%; width:16px; height:16px; z-index:999; cursor:pointer;}
.seluserbox .uids:hover font{ display:block;}

.msg_box{ height:300px; position:relative;}
.msg_box img{ position:absolute; left:10px; top:10px;}
.msg_box .t{ margin-left: 190px; margin-right:10px; font-size:16px; font-weight:bold; padding-top:50px; margin-bottom:5px;}
.msg_box .m{ margin-left: 190px; margin-right:10px; font-size:16px; overflow:hidden; line-height:24px; word-break: break-word; margin-bottom:10px;}
.msg_box .b{ margin-left: 190px; margin-right:10px; font-size:14px;}
.msg_box .b font{ font-weight:bold; color:#F00; padding-right:3px;}

.wximglist td{ border:0px; text-align:center; padding-bottom:20px;}
.wximglist .tiao{ display:block; padding-bottom:20px; overflow:hidden; padding-top:10px; padding-left:10px; margin:auto; overflow:hidden; max-width:300px;}
.wximglist .tiao{ display:inline-block; width:80%; height:250px; -moz-border-radius: 1em; background:#FFF; position:relative;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                /* @Key 投影 投影偏移3px，宽6px，颜色#666 */
                -webkit-box-shadow: 3px 3px 6px #666;
                -moz-box-shadow: 3px 3px 6px #666;
                box-shadow: 3px 3px 6px #666; margin-right:5px; padding:10px;}
.wximglist .tiao h3{ height:24px; line-height:24px; overflow:hidden; text-align:left; display:block; color:#000; margin-right:50px;}
.wximglist .tiao:hover{ background:#FAFAFA;}
.wximglist .tiao:hover .yl,.wximglist .tiao:hover .buy{ display:block;}
.wximglist .tiao img{ display:block; width:100%; height:120px;}
.wximglist .tiao span{ padding:10px 0; line-height:20px; height:50px; overflow:hidden; display:block; text-align:left;}
.wximglist .tiao font{ position:absolute; right:10px; top:20px; color:#F00; font-size:16px; font-weight:bold;}
.wximglist .tiao .yl, .wximglist .tiao .buy{ display:block; width:50%; position:absolute; bottom:0px; left:0px; background:#5faee3; border-radius:0 0 0 10px; color:#FFF; font-size:14px; height:40px; line-height:40px; display:none; opacity:0.8; cursor:pointer;}
.wximglist .tiao .buy{right:0px; left:auto; background:#FC3A52; border-radius:0 0px 10px 0px;}

.ex_nav_top { position:absolute; right:0px; top:0px; width:241px; overflow:hidden; border:#EEE solid 1px;  border-radius:10px 10px 0 0; border-bottom:0px;}
.ex_nav_top #on { color:#39F; z-index:999; border-bottom:#FFF solid 1px; font-weight:bold;}
.ex_nav_top font{ display:block; font-weight:normal; border-right:#D5D5D5 solid 1px; border-bottom:#D5D5D5 solid 1px; height:45px; width:120px; text-align:center; background:#FFF; float:left; cursor:pointer;}
.topsmslist, .topwxlist{ display:none;}
.topsmslist#on, .topwxlist#on{ display:block;}

.bqlist{ padding-bottom:20px;}
.bqlist input{ display:none;}
.bqlist label{ display:block; float:left; height:40px; line-height:40px; padding:0px 20px; margin-right:5px; border-radius:5px; background:#CCC; color:#FFF; font-size:14px;}
.bqlist label.on{ background:#1D9AC6; }

.chk_cs div{ float:left; display:block; margin-right:10px; position:relative;}
.chk_cs div span{ display:block; padding:5px 15px; line-height:20px; background-color:#39b3d7;  border-radius:5px; color:#FFF;}
.chk_cs div font{ cursor:pointer; position:absolute; right:-5px; top:-5px; background:#FFF url(/images/icons.png); background-size: 30px auto; background-position: 15px 28px; width:15px; height:15px; border-radius:25px; display:none;}
.chk_cs div font#on{ display:block;}
.chk_cs a{ display:block; float:left; padding:5px 10px; }

.DoStime{ height:30px; line-height:30px; text-align:center; margin-bottom:10px; color:#5f78a2; display:none;}

.othershbtn{ display:block; height:40px; line-height:40px; padding:0px 20px; margin-right:5px; border-radius:5px; background:#1D9AC6; color:#FFF; font-size:14px; border-bottom:#FFF solid 3px;}
.othershlist{ position:absolute; background:#FEFEFE; right:92px; top:49px; border-radius:6px; z-index:999; overflow:hidden; display:none;
    box-shadow: 0 0px 6px #999999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.othershlist a{ display:block; width:280px; height:38px; line-height:38px; overflow:hidden; padding:0px 10px; font-size:16px; border-bottom:#EEE solid 1px; color:#1D9AC6; background:url(/images/page_r.png) right 10px center no-repeat;}
.othershlist a:hover{ color:#FFF; background:#1D9AC6 url(/images/page_r_no.png) right 10px center no-repeat;}
.othershlist a span{ float:right; margin-right:15px;}

.openorbuy{ display:block; float:right; width:160px; height:46px; background:#FFF; top:10px; position:absolute; right:16px; border-radius:30px 10px 10px 30px; border:#dfdfdf solid 1px;}
.openorbuy .chgopen{ margin:4px;}
.openorbuy .state{ font-size:18px; display:block; float:right; line-height:46px; margin-right:20px; color:#20a0ff;}
.openorbuy .state#no{ color:#666;}

.nobuybox{ position:absolute; z-index:99; width:100%; height:100%; min-height:800px; left:0px; top:0px; border-radius: 6px; overflow:hidden;}
.nobuybox .bg{ background:#000; opacity: 0.5; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.nobuybox .info{ background:#FFF; margin:auto; margin-top:100px; width:600px; position:relative; border-radius: 6px; padding:10px; overflow:hidden;}
.nobuybox .info .l{ width:40%; float:left;}
.nobuybox .info .l img{ width:100%;}
.nobuybox .info .r{ width:60%; float:right;}
.nobuybox .info .r p{ padding-left:10px; font-size:16px; color:#777;}
.nobuybox .info .r p font{ color:#333; line-height:26px;}

.navmainbtn{ display:block; max-width:930px; overflow:hidden; margin:50px auto; margin-left:50px;}
.navmainbtn a{ display:block; width:210px; float:left; height:80px; border:#09F solid 1px; border-radius: 10px; margin-right:20px; margin-bottom:30px;}
.navmainbtn a:hover{ background:#09F;}
.navmainbtn a:hover *{ color:#FFF;}
.navmainbtn div{ width:80px; height:80px; line-height:80px; text-align:center; float:left;}
.navmainbtn font{ font-family: "iconfont";  font-size:60px; color:#09F;}
.navmainbtn span{ display:block; float:left; height:80px; line-height:80px; font-size:20px; font-weight:bold; color:#333;}

.select_box{ border: #dfdfdf solid 1px; border-radius: 4px; padding: 5px 3px;}

.smsbtns b { cursor:pointer;}

.ShowWap{ display:none !important;}

#OpenSelectWin{ position: fixed; border:#CCC solid 1px; border-radius:10px; box-shadow: 0px 0px 20px #666; z-index:9999; background:#FFF;-webkit-overflow-scrolling: touch; }
#OpenSelectWin iframe{ width:100%; height:100%; border:0px; padding:0px; border-radius:10px;  webkitOverflowScrolling:'touch'; overflow:scroll;}
#OpenSelectWin .closeBtn{ position:absolute; right:-10px; top:-10px; display:block; height:30px; width:30px; text-align:center; line-height:30px; font-size:14px; background:#333; color:#FFF; border-radius:50px; cursor:pointer; font-family: "iconfont";}

.kaquans{ display:block; height:150px; width:180px; padding:0px; border:#CCC solid 1px; border-radius:5px; margin-bottom:2px; overflow:hidden; overflow-y:auto;}
.kaquans li{ display:block; border-bottom:#EEE solid 1px; line-height:30px; height:30px; padding-left:5px; position:relative; font-weight:bold;}
.kaquans li span{ position:absolute; right:10px; top:4px; display:block; width:18px; height:18px; line-height:18px; text-align:center; border:#999 solid 1px; border-radius:20px; color:#999; cursor:pointer;}
.kaquans li span:hover{border:#F00 solid 1px; border-radius:20px; color:#F00;}

.kqselect{ display:block; margin-top:30px; text-align:center;}
.kqselect select{ width:250px; line-height:30px; height:30px; border:#CCC solid 1px; border-radius:5px;}

.msgMainBox{ width: 100%; height: 600px; overflow: hidden; position: relative;}

.msgMainBox .msgLeft{ width: 240px; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; border-right: #EEE solid 1px; border-radius:6px 0 0 6px;}
.msgMainBox .msgMid{ width: 300px; height: 100%; overflow: hidden; position: absolute; left: 241px; top: 0px; border-right: #EEE solid 1px;}
.msgMainBox .msgRight{ height: 100%; margin-left: 542px; margin-right: 0px; border-radius:0 6px 6px 0;  position: relative; background:#F3F3F3; }

.msgMainBox .topBox{ height: 40px; background: #FFF; background: #00a0e9; width: 100%;  position: absolute; top: 0px; left: 0; z-index: 9;}
.msgMainBox .nrBox{ height: 100%; overflow: auto; overflow-x: hidden;}

.msgMainBox .topBox .select_box{ border: 0; width: 220px; margin-left: 10px; margin-top: 6px;}
.msgMainBox .msgRight .topBox{ background: #00a0e9; color: #FFF; font-size: 18px; text-align: center; line-height: 40px;border-radius: 0 6px 0 0;}


.msgMainBox .imFrdlist{ display:block; overflow:hidden; }
.msgMainBox .imFrdlist .tiao{ display:block; height:50px; overflow:hidden; position:relative; padding:5px; padding-right: 20px; cursor: pointer; border-bottom:#EEE solid 1px;}
.msgMainBox .imFrdlist .tiao .face{ display:block; height:40px; width:40px; overflow:hidden; position:absolute; left:10px; top:10px;}
.msgMainBox .imFrdlist .tiao .face img{ display:block; height:40px; width:40px; overflow:hidden; border-radius:100px;}
.msgMainBox .imFrdlist .tiao .uname{ margin-left:52px; margin-right:70px; margin-top:5px; font-size:14px; color:#000; line-height:20px; height:20px; overflow:hidden;}
.msgMainBox .imFrdlist .tiao .lastmsg{ margin-left:52px; margin-right:0px; margin-top:0px; font-size:12px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; color: #666;}
.msgMainBox .imFrdlist .tiao .stime{ display:block; height:20px; overflow:hidden; position:absolute;  right:20px; top:11px;}
.msgMainBox .imFrdlist .tiao .newnum{ display:block; height:16px; width:16px; line-height:16px; background:#F00; color:#FFF; overflow:hidden; position:absolute;  left:36px; top:6px; text-align:center; border-radius:20px; display:none;}

.msgMainBox .imFrdlist .tiao#on{ background: #a6e1ec url("/images/ico_r.png") right 6px center no-repeat; background-size: 10px auto;}

.msgMainBox .imMsglist .msgTiao{ display:block; width:100%; overflow:hidden;}
.msgMainBox .imMsglist .msgBox{ display:block; width:80%; margin-bottom:10px; position:relative; float:left; }
.msgMainBox .imMsglist .msgBox .face{ display:block; width:40px; height:40px; background-size:100% 100%; position:absolute; left:10px; top:0px; border-radius:100px;}
.msgMainBox .imMsglist .msgBox .r{ margin-left:60px; overflow:hidden;}
.msgMainBox .imMsglist .msgBox .r .uname{ font-size:12px; margin-bottom:3px;}
.msgMainBox .imMsglist .msgBox .r .content{ font-size:14px; background:#FFF; padding:10px; border-radius:10px; border:#EEE solid 1px; width:auto; overflow:hidden; display:inline-block; max-width:100%;word-break:break-all;}
.msgMainBox .imMsglist .msgBox .r .content .imgMsg{ width:100%;}

.msgMainBox .imMsglist .timeTiao{ text-align:center; margin-top:10px;}
.msgMainBox .imMsglist .timeTiao div{ margin:auto; text-align:center; display:inline-block; padding:2px 5px; background:#DDD; margin-bottom:10px; border:#EEE solid 1px; border-radius:10px;}

.msgMainBox .imMsglist .toBox{ float:right;}
.msgMainBox .imMsglist .toBox .face{ left:auto; right:10px;}
.msgMainBox .imMsglist .toBox .r{ margin-right:60px; overflow:hidden; margin-left:auto; text-align:right;}
.msgMainBox .imMsglist .toBox .r .uname{ font-size:12px; margin-bottom:3px;}
.msgMainBox .imMsglist .toBox .r .content{ font-size:14px; background:#BBE8FC; padding:10px; border-radius:10px; border:#EEE solid 1px; width:auto; overflow:hidden; display:inline-block; max-width:100%;word-break:break-all; text-align:left;}

.msgMainBox .nolist{ text-align: center; line-height: 30px; color: #666;}


.imMsglist .msgTiao{ display:block; width:100%; overflow:hidden;}
.imMsglist .msgBox{ display:block; width:80%; margin-bottom:10px; position:relative; float:left; }
.imMsglist .msgBox .face{ display:block; width:40px; height:40px; background-size:100% 100%; position:absolute; left:10px; top:0px; border-radius:100px;}
.imMsglist .msgBox .r{ margin-left:60px; overflow:hidden;}
.imMsglist .msgBox .r .uname{ font-size:12px; margin-bottom:3px;}
.imMsglist .msgBox .r .content{ font-size:14px; background:#FFF; padding:10px; border-radius:10px; border:#EEE solid 1px; width:auto; overflow:hidden; display:inline-block; max-width:100%;word-break:break-all;}
.imMsglist .msgBox .r .content .imgMsg{ width:100%;}

.imMsglist .timeTiao{ text-align:center; margin-top:10px;}
.imMsglist .timeTiao div{ margin:auto; text-align:center; display:inline-block; padding:2px 5px; background:#DDD; margin-bottom:10px; border:#EEE solid 1px; border-radius:10px;}

.imMsglist .toBox{ float:right;}
.imMsglist .toBox .face{ left:auto; right:10px;}
.imMsglist .toBox .r{ margin-right:60px; overflow:hidden; margin-left:auto; text-align:right;}
.imMsglist .toBox .r .uname{ font-size:12px; margin-bottom:3px;}
.imMsglist .toBox .r .content{ font-size:14px; background:#BBE8FC; padding:10px; border-radius:10px; border:#EEE solid 1px; width:auto; overflow:hidden; display:inline-block; max-width:100%;word-break:break-all; text-align:left;}

.fmenu{ list-style:none; width:100%; font-size:14px;position:absolute; background:#FFF; -moz-box-shadow: 0px 0px 3px 0px #CCC;
    -webkit-box-shadow: 0px 0px 3px 0px #CCC;
    box-shadow: 0px 0px 3px 0px #CCC; left:0px;  bottom:0px;  height:52px; overflow:hidden; z-index:9999;}
.fmsg{ overflow:hidden; height:auto; border-radius: 0 0 6px 0;}
.fmsg .cn{ display:block; margin-left:10px; margin-right:70px; width:auto !important; margin-top:10px; margin-bottom:10px;}
.fmsg .cn .content{ width:100%; height:30px; line-height:24px; padding-left:3px; font-size:14px; border-radius:5px; border:#dcdcdc solid 1px; resize: none; overflow: hidden; white-space: pre-wrap; word-wrap: break-word;}
.fmsg .sub{ position:absolute; right:5px; top:10px; height:42px; line-height:42px; width:56px; border:#dcdcdc solid 1px; background:none; border-radius:5px; font-size:16px; font-weight:bold;}
.fmsg .sub#on{ color:#FFF; background:#09F; border:#09F solid 1px; font-size:14px; font-weight:normal;}

.lastMsg{ text-align: center; color: #666; height: 60px; line-height: 60px;}
.lastMsg img{ width: 20px; vertical-align: middle;}


.selectBoxs .ls{ display:block; height:150px; width:180px; padding:0px; border:#CCC solid 1px; border-radius:5px; margin-bottom:2px; overflow:hidden; overflow-y:auto;}
.selectBoxs .ls li{ display:block; border-bottom:#EEE solid 1px; line-height:30px; height:30px; padding-left:5px; position:relative; font-weight:bold;}
.selectBoxs .ls li span{ position:absolute; right:10px; top:4px; background: #FFF; display:block; width:18px; height:18px; line-height:18px; text-align:center; border:#999 solid 1px; border-radius:20px; color:#999; cursor:pointer;}
.selectBoxs .ls li span:hover{border:#F00 solid 1px; border-radius:20px; color:#F00;}
.selectBoxs a{width:180px; line-height:30px; display:block; text-align:center; border:#CCC solid 1px; border-radius:5px;}