﻿/* ----------主体---------- */
body { background: #fff;}
body.ui-mobile-viewport { padding: 0; }
body, input, textarea, select, button ,a,div{ font-family:微软雅黑; font-size:12px; font-weight:normal }
a.ui-link-inherit {text-decoration:none!important}
.ui-body-c .ui-link {font-weight: normal;}
.ui-body-c, .ui-overlay-c {text-shadow: 0  0  0  #ffffff ;}


/* ----------全局浮动 清除浮动 隐藏---------- */

.fl {float:left}
.fr {float:right}
.clearfix:after {content:".";display:block;height:0;clear:both;overflow:hidden}
.clr {clear:both}
.hidden {display:none!important}





h1 {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
/* ----------ALL---------- */
#righttoppanel{position:absolute;right:0px;top:20px;}


#wrapper_menu {	position:absolute; z-index:1;top:0; left:0;width:100%;overflow:auto;}
#scroller_menu {float:left;	padding-left:7px;width:100%;}
#scroller_menu ul {list-style:none;display:block;float:left;	width:100%;	height:100%;margin-left:2px;	text-align:left;}
#scroller_menu li {display:block;vertical-align:middle;float:left;padding:5px 10px 0;width:18%;height:40px;	border-right:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000;text-align:center; line-height:30px;}
#scroller_menu li a{color:#fff; text-decoration:none;font-size:15px;  width:100%; height:30px;}
#scroller_menu li a:hover{color:#FF0}


#cpro{ position:relative;width:100%; }
#wrapper_homepic{position:absolute; z-index:1;top:10px; left:0;width:100%;overflow:auto;}
#scroller_homepic {float:left;padding:10px;}
#scroller_homepic ul {list-style:none;float:left;	width:100%;}
#scroller_homepic li {float:left;margin:3px;width:48%;  }
#scroller_homepic li a{display: block;
width: 100%;
height: 150px;
overflow: hidden;}







/*header style*/
#top {text-align:center; width:100%;  }
#logo{ text-align:center; }
#logo img{width:100%;}
#menu{ position:relative;width:100%;  background-color: #3e3e3e; height:90px;}
#menu a{ font-family:微软雅黑}


#content img{width:100%;}

.contxt{  width:100%; line-height:200%;}
.contxt p{ padding-bottom:15px; line-height:200%; }
 .contxt h1{ padding:5px; font-size:14px; font-weight:bold;color:#fff;width:100%;  background-color: #101010; font-family:微软雅黑}
 
 .contxt h1 span{  padding-right:10px;}
.contxt .c{ padding:15px;}
@media all and (max-width: 480px){
.contxt img{width:100%;}
}


.newslist{ padding:15px;font-size:14px;}
.newslist a{float:left;width:100%;padding:1px; color:#494949;text-decoration:none;font-size:14px;}
.newslist a:hover{color:#F60; text-decoration:underline}
.newslist a span{ background:url(../images/sliderArrowsBg.png) no-repeat 0px 7px; height:25px; width:15px ; float:left;}



#conpro{  width:100%;  background-color: #e14218; padding-top:5px;}
#conpro h1{float: left; padding-left:5px;font-size:14px; font-weight:bold;color:#fff}

#pcontxt{  width:100%;  padding-top:2px;padding-bottom:2px;text-align:center;}
#pcontxt p{ }
#pcontxt a{ padding:5px;  text-decoration:none;}
#pcontxt img{width:90%; }
#pcontxt h1{float: left; padding-left:5px;font-size:14px; font-weight:bold;color:#fff;  width:100%;  background-color: #e14218;padding-top:3px;padding-bottom:3px; }




 



.flex-container a:active,
.homeslider a:active,
.flex-container a:focus,
.homeslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


.homeslider {margin: 0; padding: 0;}
.homeslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.homeslider  img {width: 100%; display: block;}
.innerslider {margin: 0; padding: 0;}
.innerslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.innerslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


.no-js .slides > li:first-child {display: block;}


.homeslider {margin:0px; background: #fff; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.homeslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.homeslider:hover .flex-next {opacity: 0.8; right: 5px;}
.homeslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.homeslider:hover .flex-next:hover, .homeslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-control-nav {width: 100%; position: absolute; top:100px; text-align: center; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }


/**
 *
 * Pull down styles
 *
 */


 #wrapper {
        position:absolute; z-index:1;
        top:0px; bottom:0px; left:0;
        width:100%;
        background:#aaa;
        overflow:auto;
    }

    

    #myFrame {
        position:absolute;
        top:0; left:0;
    }

/**
 *
 * Pull down styles
 *
 */
.pull-to-refresh .pull-down,
.pull-to-refresh .pull-up {
    background: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 14px;
    color: #888;
}

.pull-to-refresh .icon{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAMAAACsXRuGAAAAt1BMVEX////FxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcU7SVrkAAAAPHRSTlMAAPONxyCMRvCjM2n59gzeD/xssVo52Akwh6sDpeTbckJLZroqfhUnRernVxifG9XDgb2ZzzxjeLThEmBcLCjmAAACDklEQVR4Xu2Y124yQQyFM9sh9BJafgik956/7fs/V4RCwiITbMdjCSGfKy4On7THnuLZ8yGTyRWUr1W54NgNIC4Dbm+VrQ+tbQxoQAMa0IAGnO4vtR44WBquCcBuJadrSslwQucNaBm2qbyHEQ3YqNN4l3fUKpdpMV7Q26ZF4T3S+5AU49OIA8RjvLpxDCAeY/PIcYB4jKf8tTzcxDt2fGBt/D3v19kPgK5fRQLkAt0MCZANdIdIgGxg7WBjgHygO1kTY/NVMla8QeBvJwHCGP84CRDG+PefBAhjrHTlo9n/InDiY9a7XfLazgewd//Jqze8AN15sAiw7Gu87XwAW/7m5ec5b+j8AXsveT6uSYAwxmrf7xNBZ+aYQJPJZDLh+20aRlkWhen8twdgnCyO0SCJfQDjUv6lUuwBmOQFJXJgGhSBQSoGhvmKQnFNo1VgBD3MmmarwAx6WDWFQOhh1RR+MvSwagqLwqw7/ndW3UkfCD2bhJcAephAvJGYn4y3OrMouIfZNriH19i4h7v0cI9ww4ce4ZEEPTt6/uJ+UdS4H28G1C9qV9yPLyjUL1vyuB/dlLh+dNtE/dpA+SdrF0XeNsqNLV96+puDfPvaaukfUvJjVP+gl19F9C9L8uuc/oVTfiXWv7TLxwr9wUc+msmHR/3xVj6A6z8RSBej/jMLp+76T1X6j2m7eP6aTO9STHV4CXebKAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    -webkit-background-size: 40px 80px;
    background-size: 40px 80px;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 250ms;
}

.pull-to-refresh .pull-down .icon {
    -webkit-transform: rotate(0deg);
}

.pull-to-refresh .pull-down.flip .icon {
    -webkit-transform: rotate(-180deg);
}

.pull-to-refresh .pull-up .icon {
    -webkit-transform: rotate(-180deg);
}

.pull-to-refresh .pull-up.flip .icon {
    -webkit-transform: rotate(0deg);
}

.pull-to-refresh .loading .icon {
    background-position: 0 100%;
    -webkit-transform: rotate(0deg);

    -webkit-animation-name: pullToRefresh;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes pullToRefresh {
	from {
	    -webkit-transform:rotate(0deg);
	}
	to {
	    -webkit-transform:rotate(360deg);
	}
}


 .fenye{ padding:10px 10px 10px 10px;}
 .fenye *{ font-size:14px;}
 
 
 
 
 
 
 
 #MECHAT-BTN-1 .MECHAT_ARROW {
	width: 12px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	background: url('../images/icon_mb@2x.png') 0 -40px no-repeat;
	background-size: 40px auto
}
#MECHAT-BTN-1, #MECHAT-BTN-2 {
	position: fixed;
	background: #00c8ab;
	z-index: 2147483647;
	display: none;
}
#MECHAT-BTN-1 {
	width: 100%;
	left: 0;
	bottom: 0;
	opacity: .95;
	overflow: hidden;
	padding: 10px 0;
	display: none;
}
#MECHAT-BTN-2 {
	top: 50%;
	right: 15px;
	width: 40px;
	height: 40px;
	padding: 1px;
	border-radius: 50%;
}
#MECHAT-BTN-1 .MECHAT_BAR_tb {
	display: table;
	margin: 0 auto;
	max-width: 80%;
	height: 40px
}
#MECHAT-BTN-1 .MECHAT_BAR_cell {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding-left: 55px;
	padding-right: 24px;
	color: #fff;
	font-size: 14px
}
#MECHAT-BTN-1 .MECHAT_BAR_CHAT {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px
}
#MECHAT-BTN-2 .MECHAT_FLOAT_CHAT, #MECHAT-BTN-1 .MECHAT_BAR_CHAT {
	display: inline-block;
	overflow: hidden;
	border-radius: 50%;
	width: 40px;
	height: 40px
}
#MECHAT-BTN-1 .MECHAT_TIPS, #MECHAT-BTN-2 .MECHAT_TIPS {
	position: absolute;
	display: inline-block;
	left: 30px;
	top: -5px;
	background: #f00;
	min-width: 14px;
	height: 14px;
	padding: 2px;
	line-height: 14px;
	text-align: center;
	font-size: 12px;
	border-radius: 50px;
	color: #fff;
	display: none;
}
#MECHAT-SOUND {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.mechat-color-default {
	background-color: #36afa5;
	background-image: -webkit-linear-gradient(top, #36afa5, #3f887f);
	background-image: linear-gradient(top, #36afa5, #3f887f)
}
.mechat-color-gray {
	background-color: #bdbdbd;
	background-image: -webkit-linear-gradient(top, #bdbdbd, #8a8a8a);
	background-image: linear-gradient(top, #bdbdbd, #8a8a8a)
}
.mechat-color-blue {
	background-color: #5082db;
	background-image: -webkit-linear-gradient(top, #5082db, #206a9c);
	background-image: linear-gradient(top, #5082db, #206a9c)
}
.mechat-color-green {
	background-color: #17bd36;
	background-image: -webkit-linear-gradient(top, #17bd36, #2d7d4d);
	background-image: linear-gradient(top, #17bd36, #2d7d4d)
}
.mechat-color-red {
	background-color: #e51818;
	background-image: -webkit-linear-gradient(top, #e51818, #911);
	background-image: linear-gradient(top, #e51818, #911)
}
.mechat-color-purple {
	background-color: #e260a0;
	background-image: -webkit-linear-gradient(top, #e260a0, #93177b);
	background-image: linear-gradient(top, #e260a0, #93177b)
}
.mechat-color-orange {
	background-color: #eb9317;
	background-image: -webkit-linear-gradient(top, #eb9317, #a56506);
	background-image: linear-gradient(top, #eb9317, #a56506)
}


.add{padding:15px;}
#thelist {padding:0;}