﻿/* 浏览器重置 start */
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,legend,input,select,textarea,button,th,td,menu,article,pre,xmp,plaintext,listing{margin:0;padding:0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
pre,xmp,plaintext,listing{white-space:normal;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,select,time{display:block;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;font-weight:100;vertical-align:middle;}
ul,dl,ol{list-style:none;}
em{font-style:normal;}
img,fieldset,input[type="submit"]{border:none;}
input{outline:none;background:transparent;vertical-align:top;}	
table{border-collapse:collapse;border-spacing:0;}		
button{cursor:pointer;border:none;}
textarea{word-wrap:break-word;resize:none;}
.clearfix:after{ content:"\20"; display:block; clear:both; height:0}
.clearfix:after{ *zoom:1}
.clear{}
.whate{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/* 去除IE下拉菜单箭头 */
select::-ms-expand{display:none;}
/* 去除IE下radio、checkbox默认样式 */
::-ms-check{display:none;}
/* 去除输入框、文本域默认边框和IOS4下的内阴影 */
* { -webkit-tap-highlight-color: transparent;   -webkit-appearance: none; margin: 0; padding: 0}
input, textarea, select{-webkit-appearance:none;border:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a{color: #333333;}
/* 设置Gecko内核下输入框属性placeholder中值的文件颜色 */
input:-moz-placeholder{color:#C4C4C4;}
/* 设置webkit内核下输入框属性placeholder中值的文件颜色 */
::-webkit-input-placeholder{color:#C4C4C4;}
body{-webkit-user-select:none;/* 禁止选中文本 */-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;/* 设置点击链接时遮罩层为全透明 */color:#333333; background-color: #F5F5F5;}
body,html{font-size: 62.5%;font-family: Arial,"Lucida Grande",Verdana,"Microsoft YaHei",sans-serif; font-style: normal;}
/* 禁止长按链接、按钮、输入框出现系统默认弹框菜单 */
a,button,input{-webkit-touch-callout:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a,a:visited{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.p10{padding:10px;}
.plr10{padding:0 10px;}
img{border:0;}
/* 浏览器重置 end */
/* 头部公用样式 */
.header {height: 44px; line-height: 44px; background:#5cd3ff; text-align: center; position: relative; z-index: 999; padding-top: 0;}
.header a{color:#fff; } 
.header .r_1,.header .r_2{background:#fff; height:3px; width:15px; display:inline-block; position:absolute;}
.header .r_1{-webkit-transform:rotate(-45deg); left:13px; top:15px; } 
.header .r_2{-webkit-transform:rotate(45deg); left:13px; top:24px; } 
.header a.fl,.header a.diy_fl{width: 40px; height: 44px;} 
.header a.fl .b_1, .header_weixin a.fl .b_1, .header a.fl_h .b_1,.header a.diy_fl .b_1{ background: url(./lxs_index_icon_all.png) no-repeat; background-size: 200px auto; display: inline-block; }
.header a.fl .b_1, .header_weixin a.fl .b_1, .header a.fl_h .b_1,.header a.diy_fl .b_1 {width: 13px; height: 21px; background-position: -1px -1px; margin: 11px 0 0 10px; float: left; }
.header a.tool ,.header_weixin a.tool {position:relative;float: right; height: 44px; width: 40px; text-align: center; }
.header a.tool i, .header_weixin a.tool i {display: inline-block; width: 4px; height: 4px; background: #fff; border-radius: 50%; margin: 19px 5px 0 0; vertical-align: top; }
.header .tool .c, .header_weixin .tool .c{background:#fff;border-radius:2px;display:inline-block;width:7px;height:7px;position:absolute;}
/* .header .tool .d, .header_weixin .tool .d{width: 4px;height: 4px;background:#fff;border-radius:5px;display:inline-block;position:absolute;}
.header .tool .d_1, .header_weixin .tool .d_1{top:18px;left:17px;}
.header .tool .d_2, .header_weixin .tool .d_2{top:18px;left:25px;}
.header .tool .d_3, .header_weixin .tool .d_3{top:18px;left:33px;}
.header .tool .c_1, .header_weixin .tool .c_1{left:23px;top:12px;}
.header .tool .c_2, .header_weixin .tool .c_2{left:32px;top:12px;}
.header .tool .c_3, .header_weixin .tool .c_3{left:23px;top:21px;}
.header .tool .c_4, .header_weixin .tool .c_4{left:32px;top:21px;} */
.header a:nth-child(2), .header_weixin a:nth-child(2) {font-size: 18px; color: #fff; display: inline-block; vertical-align: top; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* .header a.fl:active{background:#5db003; }  */
.header a.xiaoxi{float: right; height: 44px; width: 40px; text-align: center; }
.header a.xiaoxi:before{content:''; width: 24px;height: 24px; display: inline-block; background:url(./bg_youke_icon.png) no-repeat -87px 0;background-size: 115px 85px; margin: 10px 0 0 0; position: relative;}
.header a.xiaoxi_you:after{content:'';width: 5px;height: 5px; display: inline-block; border-radius: 50%; background-color: #FE0001; position: absolute;right: 8px; top: 8px;} 
.header .zhong{position: absolute; top: 0; left: 50%; margin-left: -35%;}




/* 底部部公用样式 */

.footer {padding: 5px 0 0 0; margin: 0 0 45px 0; background: #fff; text-align: center; text-align: center; line-height: 22px;font-size: 12px; font-family: "微软雅黑", Arial; color: #666;}
.footer .p1 a {
    margin: 0 5px;
    color: #5cd3ff;
}
.footer .flink {
    color: #f4f4f4;
}
.bottom {
    height: 49px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100001;
    border-top: 1px solid #01b8fc;
    width: 100%;
    text-align: center;
	    font-family: "微软雅黑", Arial;
    line-height: 1.5;
    color: #666;
    font-size: 12px;
}
.bottom li {width:20%; height: 49px; float: left;text-align: center; position:relative;}
.bottom li em{ height:20px; text-align:center;display: block;}
.bottom .sb3 { width: 20%; float: left; text-align: center; background-color: #7a6090;}
.bottom .sb3 em{ color:#fff;}
.bottom li img { width: 25px; height:25px; display: block;margin:3px  auto 3px auto;}
.bottom li  a img{ width: 25px; height:25px; display: block;}
.bottom li  .weixinkefu {background: url(../images/weixin.png) center no-repeat;background-size:auto 20px;  width: 25px; height:25px; margin:3px  auto 3px auto;display: block;}
.bottom li .guanyu{background: url(../images/guanyu.png) center no-repeat;background-size:auto 20px;  width: 25px; height:25px; margin:3px  auto 3px auto; display: block;}
.bottom li .telzixun{background: url(../images/tel.png) center  no-repeat;background-size:auto 20px;  width: 25px; height:25px;margin:3px  auto 3px auto; display: block;}
.bottom li .userzx {background: url(../images/user.png) center no-repeat;background-size:auto 20px; width: 25px; height:25px; margin:3px  auto 3px auto;display: block;}
.bottom li .shouye {background: url(../images/home.png) center no-repeat;background-size:auto 20px; width: 25px; height:25px; margin:3px  auto 3px auto;display: block;}
.bottom li .yuding {background: url(../images/yuding.png) center no-repeat;background-size:auto 20px;  width: 25px; height:25px; margin:3px  auto 3px auto;display: block;}




/* 公用padding margin */
.fl{ float:left!important;}
.fr{ float:right!important;}
.b0{ border:0 none!important;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:10px;}
.plr10{padding: 0 10px;}
.ptb10{padding: 10px 0;}
.mlr10{margin: 0 10px;}
.mtb10{margin: 10px 0;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.w_f{width:100%;}

/* 下拉框 */
#tools{ width:100%; top:44px; left:0; z-index:998; position:absolute; -webkit-transition:height 0.2s; height:0; overflow:hidden;} 
#tools .ico_lists,#tools .new_ico_lists{background:#fff; }
#tools .new_ico_lists a{-webkit-box-flex:1; display:block; padding-top:15px; height:80px; box-sizing:border-box;color:#666; font-size:12px;}
#tools .new_ico_lists a em{ display:block; margin-bottom:7px;}
.ico_lists,.new_ico_lists{padding:0px 0px } 
.ico_lists p,.new_ico_lists p{display:-webkit-box } 
.ico_lists a,.new_ico_lists a{display:block; -webkit-box-flex:3; text-align:center; width:33%; padding:8px 0; color:#4F4F4F; font-size:14px } 
.new_ico_lists a{padding-bottom: 11px; } 
.new_ico_lists a{padding-top: 0; } 
.ico_lists a:active,.new_ico_lists a:active{-webkit-transform:scale(1.1); background-color:#ddd; } 
.ico_lists a em{display:block; width:50px; height:50px; margin:auto; background:url(/img/v2.0/other_ico.png) no-repeat; background-size:310px 450px; } 
.new_ico_lists a em{display:block; width:30px; height:50px; margin:auto; background:url(/img/v2.0/bg_new_comicon.png) no-repeat; background-size:250px 250px; } 
#tools .new_ico_lists a em {background: url(./lxs_index_icon_all.png) no-repeat; background-size: 200px auto; }
#tools .new_ico_lists a.new_sy_ico em{ width: 29px; height: 29px; background-position: -125px -79.5px;} 
#tools .new_ico_lists a.new_qbfl_ico em{ width: 29px; height: 29px; background-position:-71px -119px; } 
#tools .new_ico_lists a.new_ss_ico em{width: 29px; height: 29px; background-position: -100px -118px;} 
#tools .new_ico_lists a.new_wdxx_ico em{width: 29px; height: 29px;  background-position: -127px -117px;}

/* 返回顶部 */
.tool_wrap {
  position: fixed;
  right: 10px;
  bottom: 50px;
  display: none;
  z-index: 10;
}
.tool_wrap li {
  overflow: hidden;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}
.tool_wrap .return_top {
  background: rgba(0, 0, 0, 0.5) url(../../tool/image/meishi_return.png) no-repeat;
  background-size: 100%;
}
.top_anima {
  display: block;
}
@-webkit-keyframes returnTop {
  0% {
   
    display: none;
  }
  100% {
    
    display: block;
  }
}
@-moz-keyframes returnTop {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes returnTop {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes returnTop {
  0% {
    
    display: none;
  }
  100% {
    
    display: block;
  }
}
.top_anima_f {
  -webkit-animation: returnTopF 0.3s linear 0s;
  -moz-animation: returnTopF 0.3s linear 0s;
  -ms-animation: returnTopF 0.3s linear 0s;
  animation: returnTopF 0.3s linear 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes returnTopF {
  0% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@-moz-keyframes returnTopF {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes returnTopF {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes returnTopF {
  0% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
/* 弹窗 */
.toast{position: fixed; max-width: 80%; padding: 1em 1.5em; background: rgba(0,0,0,0.6); color: #ececec; text-align: center; z-index: 99999; border-radius: 0.2em; -webkit-border-radius: 0.2em; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1em; font-size: 1.4rem;}
/* 背景半透明 */
#loading_icon{display: inline-block;width:50px; height:50px; background:url(/img/v2.0/load.gif) no-repeat; background-size:50px 50px; position:fixed; left:50%; top:50%; margin:-25px 0 0 -25px;z-index:1002; } 
.pop_bg,.bg_transition{background: rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; top:0px; left:0; z-index:990; text-align: center; -webkit-transition:opacity 0.2s; }
.pop_bg_common{display: none;background: rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; text-align: center; -webkit-transition:opacity 0.2s;}
.pop_bg{display: none;}
.bg_transition p{position: absolute;top: 50%;left: 0;text-align: center;color: #FFFFFF;width: 100%;margin-top: -15px;font-size: 14px;}
/*公用btn*/
.youke_btn{width: 100%;padding: 15px 0; display: inline-block; border-radius: 3px; text-align: center; font-size: 18px; color: #FFFFFF;}
.youke_btn_bg_orange{background-color: #FF9A14;}
.youke_btn_bg_blue{background-color: #008AE2;}
/*向右箭头*/
.right_arrow{width: 2px; height: 12px; position: absolute; right: 0; top: 0; background: #868686; -webkit-transform: rotate(-45deg); display: inline-block;}
.right_arrow:after{content: ''; width: 2px;width: 2px; height: 12px; position: absolute; right: 5px; top: 5px; background: #868686; -webkit-transform: rotate(90deg);}
/*数据加载*/
.diy_loading {position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; z-index: 999; text-align: center; -webkit-transition: opacity 0.2s; display:none;} 
.diy_loading i{width: 50px; height: 50px; position: absolute; display: inline-block; top: 50%; left: 50%; margin: -25px 0 0 -25px; background: url(../../img/v2.0/load.gif) no-repeat; background-size: 50px 50px; }
/*css3 loading*/
.spin{
    -webkit-transform: rotate(360deg);
    -webkit-animation: spin 1s linear infinite; 
}
@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.spin {
    transform: rotate(360deg);
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.loading {
    background: none;
    width: 5px; height:5px;
    border-radius: 100%;                      
    box-shadow: 0 -15px 0 1px #333,          
                15px 0px #333,               
                0 15px #333,                 
                -15px 0 #333,               
                              
                -11px -11px 0 .5px #333,       
                11px -11px 0 1.5px #333,              
                11px 11px #333,               
                -11px 11px #333;               
}
.a-fadein{
    -webkit-animation:0.5s ease-out backwards;
    animation:0.5s ease-out backwards;
}
.a-fadeout{
    -webkit-animation:1s ease-in forwards;
    
    animation:1s ease-in forwards;
}
/* 淡入 */
.a-fadein{
    -webkit-animation-name:fadein;
   
    animation-name:fadein;
}
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}

/* 淡出 */
.a-fadeout{
    -webkit-animation-name:fadeout;
    -moz-animation-name:fadeout;
    -ms-animation-name:fadeout;
    animation-name:fadeout;
}
@-webkit-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-ms-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
.alert{ 
  position:fixed;
  background:rgba(0, 0, 0, 0.7); 
  color:#fff; 
  box-shadow:0 0 5px rgba(0,0,0,0.5);
  border-radius:3px; 
  padding:5px 15px;
  left:0; 
  top:50%; 
  max-width:300px; 
  box-sizing:border-box; 
  line-height:22px; 
  font-size:14px; 
  -webkit-animation:alert 3s; 
  opacity:0; 
  z-index:99999;
}
@-webkit-keyframes alert{
  0% { -webkit-transform:translateY(-50px); opacity:0;}
  10% { -webkit-transform:translateY(0); opacity:1}
  90%{ -webkit-transform:translateY(0); opacity:1;}
  100% { -webkit-transform:translateY(-50px); opacity:0;}
}


@media screen and (min-width:0){
  html{font-size:53.33%}  
}
@media screen and (min-width:320px){
  html{font-size:53.33%}  
}
@media screen and (min-width:340px){
  html{font-size:56.66%}
}
@media screen and (min-width:360px){
  html{font-size:60%} 
}
@media screen and (min-width:380px){
  html{font-size:63.33%}  
}
@media screen and (min-width:400px){
  html{font-size:66.66%}  
}
@media screen and (min-width:420px){
  html{font-size:70%} 
}
@media screen and (min-width:440px){
  html{font-size:73.33%}  
}
@media screen and (min-width:460px){
  html{font-size:76.66%}  
}
@media screen and (min-width:480px){
  html{font-size:80%} 
}
@media screen and (min-width:640px){
  html{font-size:62.5%} 
}




