@charset "utf-8";
/* 布局 */
.utb
{
    display: -webkit-box ;
    display: box !important;
    position:relative;
    box-sizing: border-box;
}
.utb-f1
{
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.utb-fs
{
    position: relative;
    -webkit-box-flex: 0.5;
    box-flex: 1;
}
.utb-fss
{
    position: relative;
    -webkit-box-flex: 5;
    box-flex: 1;
}
.utb-f2
{
    position: relative;
    -webkit-box-flex: 2;
    box-flex: 2;
}
.utb-vc
{
	-webkit-box-align:center;
	box-align:center;
}
.utb-ve
{
	-webkit-box-align:end;
	box-align:end;
}

.utb-ac
{
	-webkit-box-pack:center;
	box-pack:center;
}
.utb-ae
{
	-webkit-box-pack:end;
	box-pack:end;
}
.utb-aj
{
	-webkit-box-pack:justify;
	box-pack:justify;
}
.utb-avc
{
	-webkit-box-pack:center;
	box-pack:center;
	-webkit-box-align:center;
	box-align:center;
}
.utb-ver
{
	-webkit-box-orient:vertical;
	box-orient:vertical;

}
.utb-show
{
    display: -webkit-box !important;
    display: box !important;
}
.utb-hide
{
    display:none  !important;
}

.utb-ftl 
{
    /*position: absolute;需要完全浮动时在做一个新的样式*/
    float:left;
}
.utb-ft2 
{
    /*position: absolute;需要完全浮动时在做一个新的样式*/
    float:right;
}
.utb-ftr 
{
    /*position: absolute;需要完全浮动时在做一个新的样式*/
    float:right;
}

.utb-rtl
{
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.utb-rtr
{
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}


.utb-tri-tl {
    width: 0;
    height: 0;
    border-top: 25px solid #EA1100;
    border-right: 25px solid transparent;
}
.utb-tri-tr {
    width: 0;
    height: 0;
    border-top: 25px solid #EA1100;
    border-left: 25px solid transparent;
 
}
.utb-tri-bl {
    width: 0;
    height: 0;
    border-bottom: 25px solid #EA1100;
    border-right: 25px solid transparent;
}
.utb-tri-br {
    width: 0;
    height: 0;
    border-bottom: 25px solid #EA1100;
    border-left: 25px solid transparent;
}

/*旋转角度*/
/*水平翻转*/
.utb-rot-a {
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:FlipH();
}
/*垂直翻转*/
.utb-rot-v {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    filter:FlipV();
}
.utb-rot-90{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.utb-rot-180{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)  
}
.utb-rot-270{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}


.utb input, .utb textarea, .utb select {
margin: 0px;
border: 0px;
width: 100%;
height: 70%;
-webkit-appearance: none;
line-height: 1.2em;
background: none;
text-decoration: none;
font-size: 1em;
display: block;
}

.utb textarea 
{
    width: 99%;
    min-height: 4.4em;
}

.utb input {
    padding-top: 0em;
}

input[type=checkbox], input[type=radiobox] {
    width: 1em;
    height: 1em;
    -webkit-appearance:checkbox;
}
/* 配合fontawesome-webfont.ttf
.checkbox, .radiobox {
    width: 1.8em;
    height: 1.8em;
}

.checkbox input[type=checkbox], .radiobox input[type=radio] {
    -webkit-appearance: none;
    background-color: transparent;
    outline: 0 !important;
    border: 0;
    font-size: 1em !important;
}

.checkbox input[type=checkbox]:before, .radiobox input[type=radio]:before {
    display: inline-block;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.8em;
    font-weight: thin;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(212,212,212);
}

.checkbox input[type=checkbox]:checked:before, .radiobox input[type=radio]:checked:before {
    color: rgb(101,200,104);
}

.checkbox input[type=checkbox]:before {
    content: "\f096";
}

.checkbox input[type=checkbox]:checked:before {
    content: "\f14a";
}

.radiobox input[type=radio]:before {
    content: "\f1db";
}

.radiobox input[type=radio]:checked:before {
    content: "\f192";
}
*/


.ubtn 
{
    margin:0.2em;
    padding: 0.2em 0.3em;
    min-height: 1.6em;
    font-size: 1em;
    text-align: center;
}

.ubtns 
{
    margin:0.2em;
    padding: 0.2em 0.3em;
    min-height: 0.8em;
    font-size: 1em;
    text-align: center;
}

.ubtns-min
{
    margin:0.2em;
    /*padding: 0.1em 0.1em;*/
    min-height: 0.5em;
    font-size: 1em;
    text-align: center;
}

/* 文本对齐 */
.utxa-l {
    text-align: left;
}
.utxa-p{
	padding-top:6px;
    text-align: left;
}
.utxa-r {
    text-align: right;
}
.utxa-c {
    text-align: center;
}

.utxr-9 {
     -webkit-transform:scale(0.9);
}
.utxr-8 {
     -webkit-transform:scale(0.8);
}
.utxr-7 {
     -webkit-transform:scale(0.7);
}
/* 字体大小 */
.ufse-6 /*30px*/
{
    font-size: 1.875em !important;
    font-size: 1.875rem !important;
}
.ufse-5 /*26px*/
{
    font-size: 1.625em !important;
    font-size: 1.625rem !important;
}
.ufse-4 /*24px*/
{
    font-size: 1.500em !important;
    font-size: 1.500rem !important;
}
.ufse-3 /*22px*/
{
    font-size: 1.375em !important;
    font-size: 1.375rem !important;
}
.ufse-2 /*20px*/
{
    font-size: 1.250em !important;
    font-size: 1.250rem !important;
}
.ufse-1 /*18px*/
{
    font-size: 1.125em !important;
    font-size: 1.125rem !important;
}
.ufse-0 /*16px*/
{
    font-size: 1.000em !important;
    font-size: 1.000rem !important;
}
.ufse-s /*14px*/
{
    font-size: 1.000em !important;
    font-size: 1.000rem !important;
}
.ufse-ss /*12px*/
{
    font-size: 0.750em !important;
    font-size: 0.750rem !important;
}
.ufse-sss /*10px*/
{
    font-size: 0.625em !important;
    font-size: 0.625rem !important;
}
/*字体加粗*/
.ufse-we
{
    font-weight:bold;
}
/*划线*/
.ufse-de
{
    text-decoration:line-through
}

/* 字体颜色 */
/* 文本 白色*/
.utxc-wh {
    color:#ffffff;
}
/* 文本 黑色*/
.utxc-bla {
    color:#333333;
}
/* 文本 橙色*/
.utxc-or {
    color:#f67809;
}
.utxc-red
{
    color: #ee5c5f;
}
/* 文本 灰色*/
.utxc-gy-cc {
    color:#cccccc;
}
/* 文本 灰色*/
.utxc-gy-66 {
    color:#666666;
}
/* 文本 灰色*/
.utxc-gy-99 {
    color:#999999;
}

/* 文本 绿色*/
.utxc-gre {
    color:#3f8062;
}

/* 文本 绿色*/
.utxc-gre-1 {
    color:#00673f;	
}


/* 背景 颜色 */
/* 背景 白色 */
.ubc-wh
{
    background-color: white;
}
/* 背景 白色 透明*/
.ubc-wh-per {
    background-color: rgba(255,255,255,0.7);
    
}
/* 背景 红色 */
.ubc-red
{
    background-color: #ee5c5f;
}
/* 背景 绿色 */
.ubc-gre-1
{
    background-color: #97cb1e;
}
/* 背景 绿色 */
.ubc-gre-2
{
    background-color: #4ccaa5;
}
/* 背景 蓝色 */
.ubc-blu
{
    background-color: #39b6f6;
}
/* 背景 橙色 */
.ubc-or-1
{
    background-color: #ffa934;
}
/* 背景 橙色 */
.ubc-or-2
{
    background-color: #f67809;
}
/* 背景 橙色 */
.ubc-or-3
{
    background-color: #ff7f07;
}
/* 背景 橙色 */
.ubc-or-4
{
    background-color: #f09b65;
}
/* 背景 灰色 */
.ubc-gy-c3
{
    background-color: #c3c3c3;
}
/* 背景 灰色 */
.ubc-gy-e6
{
    background-color: #e6e6e6;
}
/* 背景 灰色 */
.ubc-gy-fo
{
    background-color: #f0f0f0;
}
/* 边线 宽度*/
.ubdw-a-2 {
    border: 3px solid;
}
.ubdw-a-1 {
    border: 2px solid;
}
.ubdw-a-0 
{
    border: 1px solid;
}
.ubdw-t {
    border-top: 1px solid;
}
.ubdw-b {
    border-bottom: 1px solid;
}
.ubdw-l {
    border-left: 1px solid;
}
.ubdw-r {
    border-right: 1px solid;
}

/* 边线 颜色 灰线*/
.ubdc-out {
    border-color:#d9d9d9;
}
.ubdc-out-2 {
    border-color:#d4d4d4;
}
.ubdc-in {
    border-color:#ebebeb;
}
.ubdc-in-2 {
    border-color:#e1e1e1;
}
.ubdc-gy-1 {
    border-color:#e5e5e5;
}

/* 边线 橙色 */
.ubdc-or-1
{
    border-color: #ffa934;
}
/* 边线 橙色 */
.ubdc-or-2
{
    border-color: #f67809;
}
/* 背景 橙色 */
.ubdc-or-3
{
    border-color: #ff7f07;
}
/* 背景 橙色 */
.ubdc-or-4
{
    border-color: #f09b65;
}

/* 圆角 */
/* 圆形 */

.urb-a {
    -webkit-border-radius: .6em;
    border-radius: .6em
}
.urb-a-per1 
{
    overflow:hidden;
    -webkit-border-radius: 3em;
    border-radius: 3em;
}

.urb-a-per2 
{
    overflow:hidden;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.urb-a-0 {
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em
}
.urb-a-1 {
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em
}
.urb-a-2 {
    -webkit-border-radius: 0.4em;
    border-radius: 0.4em
}
.urb-a-3 {
    -webkit-border-radius: 1.2em;
    border-radius: 1.2em
}


.urb-n {
    -webkit-border-radius: 0;
    border-radius: 0
}
.urb-tl {
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em
}

.urb-tr {
    -webkit-border-top-right-radius: .6em;
    border-top-right-radius: .6em
}

.urb-bl {
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em
}

.urb-br {
    -webkit-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em
}

.urb-t {
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em;
    -webkit-border-top-right-radius: .6em;
    border-top-right-radius: .6em
}
.urb-b {
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em;
    -webkit-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em
}
.urb-r {
    -webkit-border-top-right-radius: .6em;
    border-top-right-radius: .6em;
    -webkit-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em
}
.urb-l {
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em;
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em
}
.urb-tl-1 {
    -webkit-border-top-left-radius: 0.3em;
    border-top-left-radius: 0.3em
}

.urb-tr-1 {
    -webkit-border-top-right-radius: 0.3em;
    border-top-right-radius: 0.3em
}

.urb-bl-1 {
    -webkit-border-bottom-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em
}

.urb-br-1 {
    -webkit-border-bottom-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em
}

.urb-t-1 {
    -webkit-border-top-left-radius: 0.3em;
    border-top-left-radius: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    border-top-right-radius: 0.3em
}

.urb-b-1 {
    -webkit-border-bottom-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em
}

.urb-r-1 {
    -webkit-border-top-right-radius: 0.3em;
    border-top-right-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em
}

.urb-l-1 {
    -webkit-border-top-left-radius: 0.3em;
    border-top-left-radius: 0.3em;
    -webkit-border-bottom-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em
}



.urb-a-per1 ,.urb-a-per2 ,.urb-a ,.urb-n ,.urb-tl ,.urb-tr ,.urb-bl,.urb-br,.urb-t,.urb-b,
.urb-r,.urb-l,.urb-tl-1,.urb-tr-1,.urb-bl-1,.urb-br-1 ,.urb-t-1 ,.urb-b-1 ,.urb-r-1 ,.urb-l-1 ,
.urb-a-1,.urb-a-2 ,.urb-a-3 {
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}


/*元素间距*/

/* 内间距 */
/* 距离所有7*/
.uinn-a-3{
    padding: 1em;
}
.uinn-a-2 {
    padding: 0.75em;
}
.uinn-a-1 {
    padding: 0.5em;
}
.uinn-a-0 {
    padding: 0.25em;
}
/* 距离顶部 */
.uinn-t-3{
    padding-top: 1em;
}
.uinn-t-2{
    padding-top: 0.75em;
}
.uinn-t-1{
    padding-top: 0.5em;
}
.uinn-t-0{
    padding-top: 0.25em;
}
.uinn-t-n{
    padding-top: 0em;
}
/* 距离右边*/
.uinn-l-3{
    padding-left: 1em;
}
.uinn-l-2{
    padding-left: 0.75em;
}
.uinn-l-1{
    padding-left: 0.5em;
}
.uinn-l-0{
    padding-left: 0.25em;
}
.uinn-l-n{
    padding-left: 0em;
}
/* 距离底部*/
.uinn-b-3{
    padding-bottom: 1em;
}
.uinn-b-2{
    padding-bottom: 0.75em;
}
.uinn-b-1{
    padding-bottom: 0.5em;
}
.uinn-b-0{
    padding-bottom: 0.25em;
}
.uinn-b-n{
    padding-bottom: 0em;
}
/* 距离左边*/
.uinn-r-3{
    padding-right: 1em;
}
.uinn-r-2{
    padding-right: 0.75em;
}
.uinn-r-1{
    padding-right: 0.5em;
}
.uinn-r-0{
    padding-right: 0.25em;
}
.uinn-r-n{
    padding-right: 0em;
}

/* 外间距 */
/* 距离所有7*/
.umar-a-3{
    margin: 1em;
}
.umar-a-2 {
    margin: 0.75em;
}
.umar-a-1 {
    margin: 0.5em;
}
.umar-a-0 {
    margin: 0.25em;
    margin-top: 0px;
}
/* 调整宽度 */
.umar-b{
	overflow: hidden; width: -moz-available; height: 240px;
}
.umar-h{
	overflow: hidden; width: -moz-available; height: 190px;
}
/* 距离顶部*/
.umar-t-3{
    margin-top: 1em;
}
.umar-t-2{
    margin-top: 0.75em;
}
.umar-t-1{
    margin-top: 0.5em;
}
.umar-t-0{
    margin-top: 0.25em;
}
.umar-t-n{
    margin-top: 0em;
}
/* 距离右边*/
.umar-l-3{
    margin-left: 1em;
}
.umar-l-2{
    margin-left: 0.75em;
}
.umar-l-1{
    margin-left: 0.5em;
}
.umar-l-0{
    margin-left: 0.25em;
}
.umar-l-n{
    margin-left: 0em;
}
/* 距离底部*/
.umar-b-3{
    margin-bottom: 1em;
}
.umar-b-2{
    margin-bottom: 0.75em;
}
.umar-b-1{
    margin-bottom: 0.5em;
}
.umar-b-0{
    margin-bottom: 0.25em;
}
.umar-b-n{
    margin-bottom: 0em;
}
/* 距离左边*/
.umar-r-3{
    margin-right: 1em;
}
.umar-r-2{
    margin-right: 0.75em;
}
.umar-r-1{
    margin-right: 0.5em;
}
.umar-r-12{
    margin-right: 20em;
}
.umar-r-0{
    margin-right: 0.25em;
}
.umar-r-n{
    margin-right: 0em;
}

/* 头像宽高*/
.uwh-100p {
    width: 100% !important;
    height: 100% !important;
}
.uwh-75p {
    width: 75% !important;
    height: 75% !important;
}
.uwh-50p {
    width: 50% !important;
    height: 50% !important;
}
.uwh-45p {
    width: 45% !important;
    height: 45% !important;
}
.uwh-33p {
    width: 33% !important;
    height: 33% !important;
}
.uwh-11p {
    width: 14.5% !important;
    height: 14.5% !important;
}
.uwh-12p {
    width: 100% !important;
    height: 100% !important;
}
.uwh-25p {
    width: 25% !important;
    height: 25% !important;
}



.uwh-50pf {
    width: 50% !important;
    height: 50% !important;
    float:left;
}
.uwh-45pf {
    width: 45% !important;
    height: 45% !important;
}

.uwh-33pf {
    width: 33.33% !important;
    height: 33.33% !important;
    float:left;
}
.uwh-25pf {
    width: 25% !important;
    height: 25% !important;
    float:left;
}
.uwh-20pf {
    width: 20% !important;
    height: 20% !important;
    float:left;
}

.uw-100p {
    width: 100% !important;
}
.uw-75p {
    width: 75% !important;
}
.uw-50p {
    width: 50% !important;
}
.uw-45p {
    width: 45% !important;
}
.uw-33p {
    width: 33.33% !important;
}
.uw-25p {
    width: 25% !important;
}

.uh-100p {
    height: 100% !important;
}
.uh-75p {
    height: 75% !important;
}
.uh-50p {
    height: 50% !important;
}
.uh-45p {
    height: 45% !important;
}
.uh-33p {
    height: 33.33% !important;
}
.uh-25p {
    height: 25% !important;
}

.uwh-0 {
    width: 1em;
    height: 1em;
}

.uwh-1 {
    width: 1.5em;
    height: 1.5em;
}
.uwh-2 {
    width: 1.5em;
    height: 1.5em;
}

.uwh-2-1 ,.uwh-2-1 img {
    width: 1.5em;
    height: 1.5em;
}
.uwh-3 {
    width: 2.5em;
    height: 2.5em;
}
.uwh-4 {
    width: 3em;
    height: 3em;
}
.uwh-5 {
    width: 3.5em;
    height: 3.5em;
}
.uwh-6 {
    width: 3.5em;
    height: 3.5em;
}
.uwh-7,.uwh-7 img {
    width: 4.5em;
    height: 4.5em;
}
.uwh-8 {
    width: 4em;
    height: 4em;
}
.uwh-9 {
    width: 2em;
    height: 2em;
}
/* 头像宽高*/
.uw-0 {
    width: 1em;
}
.uw-1{
    width: 1.5em;
}
.uw-2{
    width: 2em;
}
.uw-3{
    width: 2.5em;
}
.uw-4{
    width: 3em;
}
.uw-5{
    width: 3.5em;
}
.uw-6{
    width: 4em;
}
.uw-7{
    width: 4.5em;
}
.uw-8{
    width: 5em;
}

.uw-n{
    width:auto;
}

/* 头像宽高*/
.uh-0 {
    height: 1em;
}
.uh-1{
    height: 1.5em;
}
.uh-2{
    height: 2em;
}
.uh-3{
    height: 2.5em;
}
.uh-4{
    height: 3em;
}
.uh-5{
    height: 3.5em;
}
.uh-6{
    height: 4em;
}
.uh-7{
    height: 4.5em;
}
.uh-8{
    height: 5em;
}

.uh-n{
    height:auto;
}

/* 行间距*/
.ulh-0{
    line-height: 1em;
}
.ulh-1{
    line-height: 1.5em;
}
.ulh-2{
    line-height: 2em;
}
.ulh-3
{
    line-height: 2.5em;
}
.ulh-4{
    line-height: 3em;
}
.ulh-5{
    line-height: 3.5em;
}
.ulh-6{
    line-height: 4em;
}
.ulh-7{
    line-height: 4.5em;
}
.ulh-8{
    line-height: 5em;
}
.ulh-n{
    line-height:normal;
}

.uim-photo-1
{
  width:5em;
  height:7em;    
}
/*Html 解决长串英文字母显示不能自动换行 */
.utxc-berk
{
	word-wrap:break-word;word-break:break-all;
}
/*table*/
table {text-align:center; vertical-align:middle;}
table tr{ height:25px;}
table td{ width:500px; text-align: center;}
.bg1{ background:#ccc;}
table tr:hover{ background:#09C;}
.bg2{ background:#999;}
.bg3{ background:#f67809;}
.t1,.t2,.t3,.t4,.b1,.b2,.b3,.b4,.tab{ display:block; overflow:hidden;}
.t1,.t2,.t3,.b1,.b2,.b3{ height:0px;}
.t2,.t3,.t4,.b2,.b3,.b4,.tab{ border-left:0px solid #333333; border-right:0px solid #333333;}
.t1,.b1{ margin:0 5px; background: #333333;}
.t2,.b2{ margin:0 3px; border-width:2px;}
.t3,.b3{ margin:0 2px;}
.t4,.b4{ height:2px; margin:0 1px;}
.tab{ height:auto; background:#F7F8F9;}
.tab_width{ width:auto; margin:0 auto; cursor:pointer;}
.table-head{padding-right:17px;background-color:#999;color:#000;}