body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
.index{
    margin-top:0;
    margin-left:1%;
    margin-right:1%;
    width:98%;
	background-color:#CCCCCC;
}
.main-index{
    margin-top:0;
    width:100%;
	background-color: #EFEFEF;
}
.index-20{
width:19%;
height: auto;
float:left;
padding-right:1%;
}
.index-80{
width:80%;
height:auto;
float:left;
}
.index-40{
width:39%;
height: auto;
float:left;
padding-right:1%;
}
.index-60{
width:60%;
height:auto;
float:left;
}
.main-index .top {
        width: 20%;
        float: left;
        height: 100px;
    }
.main-index .top img{
        margin-top:20px;
    }
.main-index .top-right {
        width: 80%;
        float: left;
        height: 100px;
    }
.main-index .top-right .desc{
        width:40%;
        float: left;
        height: 40px;
        line-height:40px;
		font-weight:bold;
    }
.main-index .top-right .login {
            width:60%;
            float: right;
            height: 40px;
            line-height: 40px;
            text-align:right;
        }
.main-index .top-right #menu {
            width:100%;
            float: left;
        }

.main-index .top-right #menu UL {
                MARGIN: 10px;
                LIST-STYLE: none
            }

.main-index .top-right #menu LI {
                DISPLAY: block;
                FLOAT: left;
                WHITE-SPACE: nowrap
            }

.main-index .top-right #menu A {
    DISPLAY: block;
    COLOR: #000;
    TEXT-DECORATION: none;
    MARGIN-LEFT: 20px;
    PADDING: 4px 6px 4px 6px;
}

.main-index .top-right #menu A:hover {
        COLOR: #A0A0A0
    }
.swiper-container {
    width: 100%;
}

.swiper-container img {
        display: block;
        width: 100%;
    }
.index-title {
  text-align: center;
  font-size: 34px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.index-sub-title {
  text-align: center;
  color: #888;
  font-size: 20px;
}
.index-sub-title-left {
    color: #888;
    font-size: 20px;
}
.index-header {
  padding: 35px 0;
}

.index-content-padded {
  padding: 15px;
}

.index-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

footer {
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom:20px;
}

footer .fleft{
    width:50%;
    float:left;
    height:185px;
    text-align: left;
}
    footer .fright {
	margin-top: 5px;
        width: 50%;
        float: left;
        height: 180px;
        text-align: center;
    }
    footer .flast {
        width: 100%;
        text-align: center;
    }

	footer .flast A{
  color: #3366CC;
  text-decoration: none;
	}
.clear {
    DISPLAY: block;
    CLEAR: both;
    WIDTH: 100%;
    HEIGHT: 1px;
    OVERFLOW: hidden
}
.placeholder5 {
    margin: 5px;
    width:20%;
    height:auto;
    float:left;
}
.placeholder5 img{
width:19%;
}
.placeholder {
    margin: 5px;
    padding: 0 10px;
    background-color: #ebebeb;
    height: 2.3em;
    line-height: 2.3em;
    text-align: center;
    color: #cfcfcf;
}
.weui-row {
    margin-top: 10px;
	background-color:#CCCCCC;
}

[class*="weui-col-"] {
margin-top:15px;
    height: auto;
    text-align: center;
}
#scrolltop {
    visibility: hidden;
    position: fixed;
    bottom: 100px;
    display: block;
    margin: -30px 0 0 2px;
    width: 40px;
    background: #f4f4f4!important;
    border: 1px #cdcdcd solid;
    border-radius: 3px;
    border-top: 0;
    cursor: pointer;
}
#scrolltop a {
    display: block;
    width: 30px;
    height: 24px;
    padding: 3px 5px;
    line-height: 12px;
    text-align: center;
    color: #787878;
    text-decoration: none;
    background: url(scrolltop.png) no-repeat 0 0!important; 
    border-top: 1px #cdcdcd solid;
}
#scrolltop a b {
    visibility: hidden;
    font-weight: normal; 
}

.cutepage {
	margin-top:20px;
	TEXT-ALIGN: right;
}
.cutepage A {
	MARGIN-LEFT: 3px; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER: #AFAFAF 1px solid; TEXT-DECORATION: none
}
.cutepage A:hover {
	TEXT-DECORATION: none
}
.cutepage A.selected {
	COLOR: #F00000; TEXT-DECORATION: none
}
.cutepage INPUT {
	WIDTH: 20px; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER: #AFAFAF 1px solid
}
.hidden {
	DISPLAY: none
}
.tleft{
text-align:left;
}
.content DIV {
	LINE-HEIGHT: 150%;
}
.os DIV {
}
.content DIV UL {
	LIST-STYLE: inside
}
.content DIV OL {
	LIST-STYLE: inside
}
.comment DIV {
	LINE-HEIGHT: 120%
}
.tablem {
	WIDTH: 100%; BORDER: 0px;
}
.tablen {
	WIDTH: 100%; BORDER: 0px;
}
.tablex {
	WIDTH: 100%; BORDER: 0px
}
.tablex TD {
	BACKGROUND: #EBEBEB
}
.tables {
	WIDTH: 100%; MARGIN-BOTTOM: 5px; BORDER: 0px
}
.tables TD {
	background: #EBEBEB;
}
.tables TD.tbt {
	color: #666666
}
.tables TD.tbt A{
	color: #999
}
INPUT.text {
	HEIGHT: 16px; PADDING: 2px; BORDER: #999999 1px solid
}
INPUT.btn {
	HEIGHT: 30px; LINE-HEIGHT: 22px; BORDER: #DCDCDC 1px solid; PADDING-LEFT: 14px; BACKGROUND: url(button.jpg)
}
INPUT.button {
	HEIGHT: 30px; BACKGROUND: #DDDDDD!important; BORDER: 1px solid; BORDER-COLOR: #DDDDDD #AAAAAA #AAAAAA #DDDDDD; PADDING: 3px 5px 3px 5px; OVERFLOW: visible
}
INPUT.file {
	HEIGHT: 30px; LINE-HEIGHT: 22px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER: #999999 1px solid
}
INPUT.checkbox {
	WIDTH: 13px; HEIGHT: 13px; BORDER: 0px; MARGIN: 2px
}
INPUT.radio {
	WIDTH: 13px; HEIGHT: 13px; BORDER: 0px; MARGIN: 2px
}
SELECT.select {
	HEIGHT: 22px; LINE-HEIGHT: 22px
}
TEXTAREA.textarea {
	PADDING: 2px; BORDER: #999999 1px solid
}