/*
*  author: ZhangSizhong
*  main.css
*  http://www.mojocube.com/
*/
*{ -webkit-tap-highlight-color:transparent; -webkit-appearance:none;}
body,button,input,select,textarea{font:14px tahoma,Verdana,arial,microsoft yahei,"\5b8b\4f53";*line-height:1.5;color:#303030;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,input,dl,dt,dd,button{margin:0;padding:0;}
body{background:#fff;min-width:320px;position:relative;overflow:auto; padding-top:45px; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none;}
ul,ol{padding-left:0;list-style-type:none;}
i,em,address{font-style:normal;}
a img{border:0;}
a{text-decoration:none;}
.center{margin:0 auto;}
input,textarea,button{-webkit-appearance:none;-moz-appearance:none;}
.clear{clear:both; height:8px; background:#F5F5F5;}
.bgcolor1{background:#E83633;color:#fff;}
.bgcolor2{background:#E83633;color:#fff;}
.bgcolor3{background:#f15928;color:#fff;}
.fontcolor1{color:#E83633;}
.fontcolor2{color:#E83633;}
.fontcolor3{color:#f15928;}
.fontcolor4{color:#9ecde6;}
.fontcolor5{color:#0088cc;}
.checkbox{width:15px;height:15px;border:solid 1px #ccc;float:left;border-radius:15px;}
.lable{font-size:14px;padding-left:5px;}
.checkcur{background: #E83633;border:solid 1px #E83633;}
.hide{display:none;}
#msg{ padding:10px 0;}
.alert_info{ color:#ba0e2d; font-size:9pt;}
.notifyicon{ width: 50px; position: absolute; top: 45px; left: 5px; color: #231815;}
.basecolor{ color:#E83633 !important;}
.basecolorbg{ color:#E83633 !important;}
.tipstitle{ font-weight:700;}
.clearbox{height:40px; clear:both}
.empty{ text-align:center; padding-top:30px;}
.empty img{width:auto;}
.btn{ width:100%; background:#E83633; color:#fff; padding:10px; font-size:12pt; border:0px; border-radius:50px; outline:none}
.deldiv{width:40px; padding:5px 10px; background:#EC6F61; color:#fff; border:0px; border-radius:5px; font-size:10pt; text-align:center;}
.itembtn{ padding:5px 6px; border:solid 1px #999; color:#333; margin-left:5px;}
.fixed{position:fixed; width:100%;}

.item_tb{width:100%;border-collapse:collapse;border-spacing:0;}
.item_tb td{border-bottom:solid 1px #eee; padding:15px 0px;}
.item_name{font-size:11pt; padding-left:10px !important;}
.item_desc{width:200px; text-align:right; font-size:10pt; color:#999;}
.item_right{width:20px; text-align:right; color:#999; padding-right:10px !important;}

.image-page-title {
    line-height:30px; background:#E83633; padding:0 10px;
}

.index_wrapper { min-width:320px;max-width:960px;width:100%;margin:0 auto;background:#fff; padding-bottom:50px;}
.border_box { border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.topbar{background:#F2F2F2;height:45px; position:fixed; top:0; left:0; width:100%; z-index:99; -webkit-transform:translateZ(0); border-bottom:solid 1px #eee;}
.topbar a{color:#333 !important;}
.topbar span{color:#333 !important; font-weight:normal;}
.topbar .iconfont{color:#999 !important; font-size:15pt !important;}
.logo{float:left;width:95px;margin-left:5px;}
.city{float:left;line-height:45px;margin-left:10px;}
.city a{display:block;color:#fff;}
.city a i{margin-right:5px;}
.topmenu{float:right;}
.topmenu a{display:block;width:45px;height:45px;float:left;color:#fff;line-height:45px;text-align:center;}
.topmenu a i{font-size:24px;}
.index_search{background:#eee;padding:10px;height:30px;}
.index_search a{width:70px;height:30px;border-radius:2px;background:#59666a;color:#fff;display:block;text-align:center;line-height:30px;float:left;}
.index_search .search_div{margin:0 40px 0 80px;position:relative;}
.index_search .search_div i{position:absolute;right:5px;font-size:20px;top:1px;color:#59666a;}
.index_search input{text-indent:10px;height:30px;width:100%;border:none;outline:none;background:#fff;border-radius:2px;float:left;display:block;}
.index_search button{width:30px;height:30px;display:block;border:none;background:#E83633;color:#fff;border-radius:2px;float:right;}

.bannerbox{border:solid 1px #eee;}
.banner{min-width:320px;max-width:960px;width:100%;margin:0 auto;overflow:hidden;height:-moz-calc(100% / 640px * 240px);height:-webkit-calc(100% / 640px * 240px);height:calc(100% / 640px * 240px);background:#fff;}
.banner ul { width:100%;height:100%;}
.banner ul li a{width:100%;display:block;height:100%;}
.banner ul li img{min-width:320px;max-width:960px;width:100%;height:auto;min-height:120px;max-height:360px;}

.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;-webkit-flex-flow:row;display:-moz-flex;-moz-flex-flow:row;display:-ms-flex;-ms-flex-flow:row;display:-o-flex;-o-flex-flow:row;display:flex;flex-flow:row;}
.index_nav{margin-top:10px;background:#fff;}
.index_nav{background:#fff; margin:0px;}
.index_menu{height:80px;}
.index_menu a{-webkit-box-flex:1;-moz-box-flex:1;width:20%;text-align:center;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1; display:block; padding-top:5px;}
.index_menu a:last-child { border-right:0;}
.index_menu a i{font-size:24px;display:block;width:40px;line-height:40px;height:40px;border-radius:50px;margin:5px auto;color:#fff;}
.index_menu a i.nav_hd { border-radius:40px;background:#fff;color:#ec6f61;width:40px;height:40px;margin:5px auto 0;font-size:24px;}
.index_menu a span{color:#3d474a;}
.index_menu2 a { border-bottom:0;}
.index_menu2 a i{background:#f2432f;}

.index_hdad { width:300px;height:70px;margin:20px auto 0;border-left:solid 1px #ddd;}
.index_hdad a { display:block;border:solid 1px #ddd;border-left:0;width:148px;float:left;overflow:hidden;height:70px;}

.back_btn{display:block;width:45px;height:45px;float:left;line-height:45px;text-align:center;}
.top_home{display:block;width:45px;height:45px;float:right;line-height:45px;text-align:center;}
.back_btn i,.top_home i{font-size:24px;color:#fff;}
.page_title{text-align:center;height:45px;line-height:45px;font-size:16px;color:#fff;overflow:hidden;}

.home_menu{height:55px;border-bottom:solid 1px #E83633; display:block; }
.home_menu a{width:24%;height:50px;display:inline-block;text-align:center;padding-top:5px;}
.home_menu a i{font-size:20px;color:#3d474a;display:block;}
.home_menu a span{font-size:12px;color:#E83633;}

.wrapper{margin:10px;}
.shaixuan{position:absolute;top:0;left:0;width:280px;background:#3d474a;display:none;z-index:99;}

.list{padding-top:10px;}
.list ul li{height:100px;border-bottom:solid 1px #eee;position:relative;}
.list ul li a{display:block;padding:10px 0;}
.list_img{float:left;margin-right:10px;}
.list_info strong{display:block;font-size:12pt;color:#555;height:20px;line-height:1.5;overflow:hidden;}
.list_info .title{display:block;font-size:12pt;color:#333;height:20px;line-height:1.5;overflow:hidden;}
.list_info em{display:block;line-height:1.5;height:20px;overflow:hidden;color:#666;margin:5px 0;font-size:12px;}
.list_info b{font-size:16px;color:#E83633;font-family:Verdana;}
.list_info small { color:#666;margin-top:5px;display:block;}
.list_info small s { font-style:normal;text-decoration:none;}
.tag { display:inline-block;width:120px;height:25px;line-height:25px;text-align:left; color:#666; float:right; padding-left:10px; font-weight:700;}
.list_info small i.hot { background:#99CC00; border-radius:3px; color:#fff; font-size:9pt; padding:2px; font-weight:normal;}
.list_info small i.jiang { background:#E83633;}
.list_info small i.jian { background:#9ecde6;}
.list_info small i.new { background:#9c3;}

.page{height:50px;border-top:solid 2px #E83633;margin-top:10px;text-align:center;}
.page a{display:inline-block;padding:0 8px;height:25px;line-height:25px;border:solid 1px #ddd;background:#fff;margin:10px 2px;border-radius:3px;color:#3d474a;font-size:12px;}
.page #this_page{background:#E83633;border:solid 1px #E83633;color:#fff;}
/* Product */
.product{height:200px;background:#eee;border:solid 1px #ddd;}
.pro_img{float:left;margin-right:10px;}
.pro_img { overflow:hidden;width:200px;height:200px;position:relative;background:#fff;}
.pro_img .pro_img_nav{position:absolute;top:5px;left:0;width:200px;text-align:center;}
.pro_img .pro_img_nav i{font-size:14px;color:#eee;}
.pro_img .pro_img_nav i.cur{color:#E83633;}
.pro_img_box { width:200px;}
.pro_img_box li{float:left;width:200px;height:200px;}
.pro_img_box li img{width:200px;height:200px;}
.bigImg {position:fixed;top:10px;min-width:320px;min-height:320px;width:100%;height:100%;z-index:100;}
.bigImg .pro_img { float: none; margin: 0 auto; min-width:320px;min-height:320px;width:100%;height:auto;max-width:640px;max-height:640px; overflow:visible;}
.bigImg .pro_img .pro_img_box { min-width:320px;width:100%;height:auto;max-width:640px;max-height:640px; }
.bigImg .pro_img .pro_img_box li .pro_img_wrap{height:auto;max-width:640px;max-height:640px;min-width:320px;}
.bigImg .pro_img .pro_img_box li img{width:100%;height:auto;max-width:640px;max-height:640px;min-width:320px;}
.bigImg .pro_img .pro_img_nav {min-width:320px;width:100%;max-width:640px; }
.mg0 {margin:0; }
.pro_price del{display:block;color:#666;line-height:50px;}
.pro_price strong{display:block;color:#E83633;line-height:50px;font-size:16px;}
.pro_price a{width:50px;height:50px;text-align:center;display:inline-block;color:#666;}
.pro_price a i{display:block;font-size:50px;color:#E83633;}

.liji_buy,.add_cart{display:inline-block;width:140px;height:40px;text-align:center;line-height:40px;margin-right:10px;color:#fff;margin-top:10px; border-radius:5px; outline:none;}
.liji_buy{background:#E83633;}.add_cart{background:#E83633;}
          
#tipdiv { width: auto; margin: 0px; font-size: 13px; position: absolute; height: 36px; z-index: 99999; background: url(../images/tipbg.png) no-repeat 0 0; overflow: hidden; }
#tipdiv_msg { padding: 0px 6px; display: inline-block; border-right: 1px solid #FFA466; color: #f60; height: 26px; line-height: 26px; }

.more_post{ padding:10px; text-align:center;border:0;color:#fff;}

/* Edit Panel */
.edit-shut{ position:absolute; top:0; left:0; width:100%; height:2000px; background:#000; opacity:0.6; z-index:100; filter:alpha(opacity=60); _height:expression(document.documentElement.clientHeight-58);}
.edit-wrap{width:300px; height:160px; position:fixed; top:50%; left:50%;  margin:-80px 0px 0px -150px; z-index:100; background:#fff; border-radius:3px;}
.edit-title{ font-family:"Microsoft YaHei","SimHei"; font-size:11pt; font-weight:700; height:40px; line-height:40px; padding-left:15px; border-bottom:solid 1px #eee;}
.edit-content{ padding:25px 0 15px 0; text-align:center;}
.edit-txt{width:450px; border:solid 1px #A7A6AA; height:20px; padding:2px 0 0 2px}
.edit-button{ text-align:center; padding:5px;}

 /* Loading Panel */
.loading-bg{ position:fixed; _position:absolute; width:100%; height:100%; background:#fff; top:0; _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); left:0; _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); z-index:199;}
.loading-bg1{ position:fixed; _position:absolute; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); top:0; _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); left:0; _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); z-index:200;}
.loading{width:80px; height:80px; position:fixed; top:50%; left:50%;  margin:-40px 0px 0px -40px; background: url(../Images/loading.gif) no-repeat; z-index:100001; color:#fff; text-align:center; background-size:80px 80px;}
.loading1{width:200px; height:50px; position:absolute; top:50%; left:50%;  margin:-25px 0px 0px -100px; background:#19A319; z-index:100001;border-radius:10px; line-height:50px; font-size:12pt; color:#fff; text-align:center;}

.button1{border-radius:3px;background:#3498DB;color:#fff;width:100%;height:40px;margin-top:10px;}

fieldset{ border:solid 1px #999; border-radius:5px;}

#msg{ padding:10px; text-align:center; color:#FF7F35; margin:10px; font-size:12pt; font-weight:700;}

#GoTop{ width:40px; height:40px; background:url(../images/back_top.png) no-repeat 0 0; cursor:pointer; position:fixed; right:10px; bottom:60px; z-index:98; background-size:40px 40px; display:none}

.tips{ color:#999; font-size:8pt; margin-left:10px;}

.box_swipe{
	overflow:hidden;
	position:relative;
}

.box_swipe>ol{
	height:20px;
	position: relative;
	z-index:10;
	margin-top:-25px;
	text-align:center;
	background-color:rgba(0,0,0,0);
}

.box_swipe>ol>li{
	display:inline-block;
	margin:5px 3px;
	width:10px;
	height:10px;
	background-color:#666;
	border-radius: 10px;
}
.box_swipe>ol>li.on{
	background-color:#ffffff;
}

/*****************************footer*******************************/
.footer {
	position: fixed;
	z-index: 2;
	bottom: 0;
	height: 49px;
	left: 0;
	width: 100%;
	font-size: 12px;
	background-color: #FCFCFC;
	border-top: 1px solid #e6e6e6;
}

.footer i{ font-size:19pt; color:#555;}
.footer .active i{color:#E83633}

.footer .row-item {
	position: absolute;
	left: 0;
	width: 20%;
	top: 4px;
	bottom: 0;
	text-align: center;
    color:#555;
}

.footer .row-item.active {
	color: #E83633;
}

.footer .row-item p {
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 3px;
}

.footer #icon2.row-item {
	left: 20%;
}

.footer #icon3.row-item {
	left: 40%;
}

.footer #icon4.row-item {
	left: 60%;
}

.footer #icon5.row-item {
	left: 80%;
}

.footer_unread{ width:14px; height:14px; background:#ff0000; border-radius:14px; position:absolute; top:0px; right:20%; color:#fff; padding:2px;}

.attention-layout {
	position: fixed;
	z-index: 1000000;
	
	width: 200px;
	height: auto;
	left: 50%;
	margin-left: -110px;
	top: -10000px;
	
	display: none;
	overflow: hidden;
	padding: 15px 10px 15px 10px;
	
	color: white;
	text-align: center;
	font-size: 16px;
	
	background: rgba(87,87,87,.85);
	opacity: 1;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.attention {
	margin: 0;
}

.tab_nav{text-align:center; border:solid 1px #E83633; border-radius:5px; width:220px; margin:15px auto; overflow:hidden;}
.tab_nav div{width:110px; float:left; height:35px; line-height:35px;}
.tab_nav .cur{background:#E83633; color:#fff;}
        
.home_title{border-bottom:solid 1px #eee; margin-top:0px; line-height:32px; height:32px;}
.home_more{float:right; padding-right:10px;}
.home_more a{ color:#999;}

.find{ padding:15px 0px 5px 0px; clear:both;}
.find_left{ font-weight:700; text-align:left; padding:0 5px 5px 5px;}
.find_right{ padding:5px;}
.find_right ul{ list-style:none; margin:0; padding:0; margin-left:3px; width:100%;}
.find_right li,.nav a{ font-size:11pt; padding:5px 0;}
.find_right li{ list-style-type:none; float:left; text-align:center;}
.find_clear{ clear:both; height:1px; border-bottom:solid 1px #eee;}
.find a{ margin:0 10px;}
.find .imgName{ width:70px; height:70px;}
.find .imgTitle{ width:80px; font-size:10pt; padding:3px 0;}

/*-------------------------------------Auto size for images start----------------------------------*/

.cutdiv{ height:100px; overflow:hidden; text-align:center;}
.cutimg{ width:100%;}

/*-------------------------------------Auto size for images end----------------------------------*/

.product_image{clear:both; overflow:auto;}
.product_image_item_wrap{width:50%; float:left;}
.product_image_item_wrap a{color:#555;}
.product_image_item{margin:2px; background:#fff; height:245px;border-radius:3px;}
.product_image_item_img{height:150px; padding:2px;overflow:hidden}
.product_image_item_img img{width:100%;}
.product_image_item_title{padding:5px; height:50px; font-size:10pt; word-break:break-all; overflow-y:hidden; color:#000}
.product_image_item_price{padding:5px;}
.product_image_item_price .s1{float:left;color:#FF4242; font-size:12pt;}
.product_image_item_price .s2{float:right;}

.gonggao ul li{ padding:2px 0;}
.gonggao ul li a i{font-size:10pt;float:left;color:#fff; margin:8px 15px 0 15px; border-radius:40px;background:#E83633; width:25px; height:25px; line-height:26px; text-align:center}
.right{ float:right; margin-right:15px; color:#999;}
.last{ border:0 !important;}
.tiaojian li{ height:38px; padding:5px 0; width:33% !important; border-right:solid 1px #ddd; margin-top:3px;}
.tiaojian a{ line-height:1.5em !important;}
.tiaojian li span{ font-weight:700; color:#E83633; font-size:15pt;}
.tab_nav{text-align:center; border:solid 1px #E83633; border-radius:5px; width:220px; margin:15px auto; overflow:hidden;}
.tab_nav div{width:110px; float:left; height:35px; line-height:35px;}
.tab_nav .cur{background:#E83633; color:#fff;}

.timeline{ text-align:center; padding:10px; font-size:8pt; color:#999; clear:both;}
#chat{overflow-y:auto; height:100px; padding:10px;}
.chatitem{clear:both; overflow:auto;}
.chattx{ width:40px; height:40px; margin-top:10px; border-radius:50px;}
.chatme{ border:solid 1px #ddd; -webkit-border-radius:10px; background:#9FE461; padding:10px; margin:10px; color:#333; float:right;}
.chatyou{ border:solid 1px #ddd; -webkit-border-radius:10px; background:#EDECF1; padding:10px; margin:10px; color:#333; float:left;}
.chat-txt {
    width:95%; margin-left:5px; border:0; background:url(); border-bottom:solid 1px #DD4B39;
}
.chat-send {
    display:block; width:30px; height:22px; background:url(../images/send_red.png) no-repeat; background-size:30px 22px;
}
.chat-left{ float:left;}
.chat-right{ float:right;}

.mid{ border-right:solid 1px #E83633}
.del{float:right; margin:-5px 5px 0 5px; padding:2px 6px; border:0; background:#EC6F61; color:#fff; border-radius:5px;}

.att{ float:left; border:solid 2px #ccc; padding:5px; margin:5px;}
.att a{ color:#333;}
.att-cur{ float:left; border:solid 2px #E83633; padding:5px; margin:5px;}
.att-cur a{ color:#E83633;}

.sort{height:30px;border-bottom:solid 1px #ddd; background:#fff;}
.sort ul li{text-align:center;float:left;width:25%;}
.sort ul li a{display:inline-block;width:99%;height:30px;line-height:30px;color:#3d474a;border-radius:3px;background:#fff;}
.sort ul li a#show_sx{}
.sort ul li a i{font-size:12px;color:#ec6f61;}
.sort ul li a.cur{color:#ec6f61;font-weight:normal;}
.sort ul li a.cur i{color:#ec6f61;}
.sort ul li a small { float:right;color:#ccc;font-size:14px;}
.sort .current{ border-bottom:solid 2px #FF7A10;}

.powerby {
    position:fixed; bottom:0px; text-align:center; color:#fff; font-size:8pt; width:100%; padding:10px 0;
}

.member_bg{ background:#E83633;}
.member{height:40px;}
.member ul li{text-align:center;float:left; height:38px; padding:5px 0; width:33% !important; margin-top:3px;}
.member ul li a{display:inline-block;width:99%;height:30px;line-height:30px;color:#fff;border-radius:3px;line-height:1.5em !important;}
.member li span{ font-weight:700; color:#fff; font-size:16pt;}

.item_clear{clear:both; height:8px; background:#F5F5F5;}
.item_title{padding:10px 0 10px 10px; border-bottom:solid 1px #eee; color:#000; font-size:10pt;}
.item_content{padding:10px;}
.item_content img{width:100% !important}
.view_top_tips{background:#FF6F6F; color:#fff; padding:2px 5px; font-size:10pt; margin-right:5px;}
.view_top_tips1{background:#FF6F6F; color:#fff; padding:2px 5px; font-size:10pt;}
.view_top_tips2{background:#FF9933; color:#fff; padding:2px 5px; font-size:10pt;}
.bg0{background:#FF6F6F;}
.bg1{background:#FF9933;}
.bg2{background:#00A1F1;}
.bg3{background:#7CBB00;}
.copyright{content:"MojoCube"}

.more_div{background:#FAFAFA; padding:15px}
.more_div_btn{padding:10px; background:#fff; text-align:center; border-radius:5px; border:solid 1px #eee;}

.home_search{ width:100%; margin:0 auto; border-radius:50px; background:url(../images/search.png) no-repeat 10px 3px #fff; margin-top:6px; background-size:20px 20px;}
.home_search_txt{width:90%; border:0px; padding:4px;background:url(); font-size:11pt; margin-left:30px; outline-style:none}
.home_tab{ line-height:30px; clear:both; height:32px; overflow-y:auto; float:left; width:100%;}
.home_tab ul{ list-style:none; margin:0; padding:0}
.home_tab li{ list-style-type:none; float:left; text-align:center; width:25%; height:30px; letter-spacing:2px; padding:0;}
.home_tab li a {color:#666; font-weight:700; font-size:11pt;}
.home_tab .active span{background:#E83633; padding:5px; border-radius:5px; color:#fff;}

.search{padding:8px 5px; background:#F5F5F5;}
.search_txt{width:100%; border:0px; padding:7px 5px; outline-style:none; border-radius:3px;}
.btnsearch span{background:#E83633; color:#fff; padding:5px 10px; border-radius:3px; font-size:11pt;}
.search_item{ padding:10px; border-bottom:solid 1px #eee; font-size:12pt;}
.search_item span{float:right; font-size:8pt; color:#ccc;}

.article_item{padding:10px}
.article_item_title{font-size:12pt; color:#000;}
.article_item_desc{ font-size:11pt; color:#999; line-height:1.6em; padding:10px 0;}
.article_item_date{ font-size:11pt; color:#999;}
.hidebtn{font-size:11pt; color:#0088cc;}
.hidebtn .icon{ margin-left:10px; font-weight:700;}
.bld{ color:#999; font-size:11pt;}
.bld .icon{ margin-right:5px;}

.hx{width:150px; height:150px; padding:0 2px;}
.hx_title{height:30px; line-height:30px; font-size:11pt; text-align:center; color:#999;}
.hx img{width:150px; height:120px;}

.news_search{padding:10px; padding-bottom:0px;}
.news_search_div{ background:#F7F7F7; border-radius:5px; padding:5px 10px;}
.news_search_txt{width:93%; line-height:25px; border:0px; background:#F7F7F7; outline-style:none}
.news_search_btn{ float:right; line-height:25px; border:0px; background:#F7F7F7; color:#333;}

.edittb{width:100%; border-collapse:collapse;}
.edittb td{padding:12px 5px; border-bottom:solid 1px #eee;}
.editname{width:100px; text-align:left; padding-left:10px !important; font-weight:700; font-size:11pt;}
.edittxt{width:100%; border:0px; padding:2px; font-size:12pt; outline-style:none;}
.ddl{width:100%; border:0px; background:url(../images/lp_r.png) no-repeat right -5px; background-size:30px 30px; font-size:12pt; outline-style:none}

.comm{ width:100%; margin-top:20px}
.comm td{ padding:5px;}
.comm_wrap{ padding:10px 0 20px 0; border-bottom:solid 1px #ddd; width:100%; background:#F8F8F8;}
.comm_img{ text-align:center; padding:0 10px 10px 10px; line-height:1.4em;}
.comm_img img{ border-radius:100px; width:50px; height:50px;}
.comm_content_wrap{ line-height:1.6em;}
.comm_content_wrap span{ font-size:11pt;}
.comm_content{padding:10px;}
.comm_content_img{ padding:2px 0;}
.comm_content_img .gallery{ margin:0px -1px;}
.comm_content_img img{ width:100%;}
.comm_content_btn{ color:#ccc; font-size:8pt; width:100%; clear:both; line-height:45px; height:45px;}
.comm_content_btn span{ float:left; font-size:8pt;}
.comm_content_btn a{ float:left; margin-right:2px; margin-top:3px; color:#DD4B39}
.comm_reply{ padding:5px 10px; background:#EFEFEF; font-size:9pt;}
.comm_reply span{ font-size:9pt; color:#7380A3; font-weight:700;}
.comm_reply_wrap{position:fixed; bottom:0px; border-top:solid 1px #eee; width:100%; left:0px; padding:3px 0; background:#fff;}
.comm_reply_content{width:95%; margin-left:5px; border:0; background:url(); border-bottom:solid 1px #DD4B39; outline:none}

.buy{ border-radius:3px;}
.gridview{ width:100%; font-size:10pt;}
.gridview th{border-bottom:solid 1px #D0D0D0; line-height:30px; color:#999; display:none}
.gridview th a{text-decoration:none; color:#999}
.gridview th img{ margin:0 0 3px 5px}
.gridview tr td{ height:120px; border-bottom:solid 8px #F5F5F5; text-align:center; background:#fff;}
.gridview tr .id{ border-right:solid 1px #ddd; width:25px; padding-left:5px; font-size:9pt; font-weight:bold}
.gridview tr .name{width:200px; color:#15428B}
.gridview tr .operation{width:100px; text-align:left}
.gridview tr .operation img{margin:2px 2px 0 2px}
.gridview .parent{background:#F1F2F4 !important}
.gridview .sort{background:url(main_grid_head_sort.png) repeat-x center !important; border-left:solid 1px #ddd; border-right:solid 1px #ddd}
.gridview .gv_button{text-decoration:none; background: url(../images/main_menu_button.png) no-repeat left center; padding:5px 0 5px 3px; color:#333}
.gridview .gv_button span{background:#fff; background: url(../images/main_menu_button.png) no-repeat right center; padding:15px 10px 15px 5px;}
.gridview .snap{ width:50px; padding:10px 5px 10px 0px;}
.gridview tr .borderRight{ border-right:solid 1px #ddd;}
.gridview tr .borderRight1{ border-right:solid 1px #ddd; text-align:center; padding-right:5px}
.gridview .titleTD{ text-align:left !important}
.gridview_thread{width:100%; border-collapse:collapse; margin:1px 0 0 -1px}
.gridview_thread th{ display:none}
.txt{text-align:center; width:45px; border:solid 1px #ccc;}
.price{ width:100px;}
.cbox{width:40px; text-align:center;}
.cbox1 input{-webkit-appearance:checkbox;}
.cbox2 input{-webkit-appearance:checkbox;}
.cbox1 td{ padding:10px;}
.cbox2 td{ padding:10px;}
.cbox1 input[type='checkbox']{
    width: 22px;
    height: 22px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 22px;
    outline: none;
}
.cbox2 input[type='checkbox']{
    width: 30px;
    height: 30px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
}
.cbox1 input[type=checkbox]:checked{
    background: url("../images/cbox1.png");
}
.cbox2 input[type=checkbox]:checked{
    background: url("../images/tm3.png");
}
.cboxtotal input[type='checkbox']{ margin:0px 5px -3px 0px;}

.rbl input{-webkit-appearance:checkbox;}
.rbl td{ padding:10px;}
.rbl input[type='radio']{
    width: 22px;
    height: 22px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 22px;
    outline: none;
}
.rbl input[type=radio]:checked{
    background: url("../images/cbox1.png");
}
.rbl input[type='radio']{ margin:0px 10px -5px 0px;}

/*==========分页===========*/
.pager{background-color:#fff;margin:0;line-height: 32px; text-align: center;}
.pager .CurrentPage{display: inline-block;margin: 6px;width: 32px; height: 32px;line-height: 32px; background-color: #DD4B39;color: #fff;}
.pager a{display: inline-block;margin: 6px;width: 30px; height: 30px;line-height: 30px;border: 1px solid #DFDFDF;color: #333;}
.pager a:hover{background-color: #DD4B39;color: #fff;border: 1px solid #DD4B39;}


/*==========头像===========*/
.div1{
    height: 32px;
    width: 32px;
    position:relative;
    margin:0 auto;
}
.div2{
    text-align:center;
}
.div2 img{ width:32px;}
.div3{
    position:relative;
    overflow:hidden;
}
.inputstyle{
    width: 32px;
    height: 32px;
    outline: medium none;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0; 
    left:0px;
    top: 0px;
}
.inputstyle2{
    outline: medium none;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0; 
    left:0px;
    top: 0px;
}
.box{ font-size:13pt; padding:5px 0;}
.border{ border:solid 1px #ddd; padding:5px;}
        
#clipArea {
    height: 400px;
}

