@charset "utf-8";
html{ font-size: 62.5%; }
body { background: #f7f7f7; color:#333333; -webkit-tap-highlight-color:transparent;line-height: 1.5; font-family: 'PingFang SC', Arial, "Microsoft YaHei";   text-size-adjust:none; -webkit-text-size-adjust:none;  -webkit-tap-highlight-color:transparent; font-size: 14px; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h5,h4,h6{ margin:0px; padding:0px; border:0; }
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a:link{ color:#78839b; text-decoration:none; }
a:visited{ color:#78839b; text-decoration:none;}
a:hover{ color:#78839b; text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
a:active, a:focus {
    outline:none;
}
em,i{ font-style:normal; }
ul,li,ol,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; vertical-align:middle; -webkit-appearance:none; appearance: none; }
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样�?*/
input{ border: none;background: none; }
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
    border:none; padding:0;}
/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.FL,.fl{ float:left;}
.FR,.fr{ float:right;}
/*字号*/
.f10 { -webkit-text-size-adjust:none; font-size:0.625em; }
.f11 { -webkit-text-size-adjust:none; font-size:11px;}
.f12 { font-size:0.75em; }
.f14{ font-size:14px;}
.f16 { font-size:16px; }
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
/*字体*/
.arial { font-family:Arial;}
.yahei { font-family:"microsoft yahei";}
.song { font-family:"宋体";}



/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.black{ color:#333; }
.red{ color:#c8201d; }
/*公用*/
.div100{ width:100%;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}
.width{ width:960px; margin:0 auto; }
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }

/*字数省略*/
/*单行*/
.omitted1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.omitted2{word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;}
.omitted3{word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow:ellipsis;}
.omitted4{word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;text-overflow:ellipsis;}
/*圆角*/
.redius20{border-radius: 20px; -webkit-border-radius: 20px; }
/*阴影*/
.box-shadow{-webkit-box-shadow: 0.5px 1px 2px 2px rgba(0, 172, 170, 0.1); box-shadow: 0.5px 1px 2px 2px rgba(0, 172, 170, 0.1);  background: rgba(255, 255, 255,.9);}
/*公共间距*/

/*input默认文字颜色设置*/
input::-webkit-input-placeholder {color:#434343;}
.content{width: 1200px; margin: 0 auto;}

/*弹框*/
.momb{ position: fixed;width: 100%;height: 100%;top: 0;z-index: 999;background: rgba(0, 0, 0, .75);display: none;}
.momb-main{ margin: 10% auto 0;background: #fff;width: 500px; }
.momb-main p{ font-size: 1.5rem;color: #333;text-align: center;padding:8% 5%;}
.momb-btn{ font-size: 0; text-align: center; padding-bottom: 5%;}
.momb-btn a{ display: inline-block;width: 50%;font-size: 1.5rem;text-align: center;
    width: 150px;
    height: 40px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #107773; line-height: 40px;}
.momb-btn a:nth-child(1){ background: #dddddd;color: #333; margin-right: 20px;}
.momb-btn a:nth-child(2){ background: #107773;color: #fff;}
.momb-btn.active a:first-child{ width: 100%; background: #107773;color: #fff;}
.momb-btn.active a:nth-child(2){ display: none; }