/* 默认样式定义 */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,blockquote,fieldset,input,label{margin:0;padding:0}
html,body{font:normal normal 100% "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif;color:#333;height:auto;margin:0 auto;background:url(../images/mian-bg.jpg) repeat;}
input,select,textarea{color:#222;font:normal normal 12px "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif}
*{ box-sizing:border-box;}
fieldset,iframe{border:none}
ul,ol,li{list-style:none}
th{text-align:left}
img{border:none}
em,i{font-style:normal}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#be0000;text-decoration:none;}
a:focus{outline:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
span,samp{ font-family:"微软雅黑";}
/*颜色*/
.s1{ color:#be0000;}/*红色*/
.red{color:red;}
.red1{color:#b00;}
.red2{color:#c00;}
.white{color:#fff;}
.b,.fw{font-weight:700;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
/* other */
.hide{display:none;}
.nodata{text-align:left;padding-left:15px;}
p.nodata{font-size:12px;margin:35px auto;text-align:center;color:#666;}
.entitle{font-size:11px;font-weight:400;}
#imgplayer{text-align:center;margin:15px auto;}
.yc a{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
/* clearfix */
.clear{clear:both;width:100%;height:0;overflow:hidden;}
.clearb{clear:both;display:block;margin:0;padding:0;height:10px;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */
/* form */
*:focus{outline:none;}
select {padding:1px;font-size:12px;}
textarea {width:88%;padding:2px;line-height:16px;overflow:auto;}
button {cursor:pointer;}
/*textarea,input,select{color:#222;border:1px solid #c0c0c0;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
}
textarea:focus,input:focus,select:focus{background:#e1f1fd;border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
form .input {padding:3px 2px;height:16px;}
form img {float:none;cursor:pointer;}
form #codestr{width:50px;}
form #vcodeimg{cursor:pointer;}
form .vcodebg {background-color:#eee;text-align:center;padding:2px 3px 2px 7px;}
form input.button{padding:0;margin-right:5px;border:0;background:url(../../../lib/images/btn_h30.gif) no-repeat;width:80px;height:30px;color:#fff;font-size:14px;cursor:pointer;}
form input.button:hover,form input.hover{background-position:0 -30px;}*/


.page{ max-width:750px; margin:0 auto;}
.row{ width:100%; padding:0 15px;}




/*回到顶部*/
.float_right{ position:fixed; right:0; top:75%;}
/**加载效果旋转**/  
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg);}50% {-webkit-transform: rotate(180deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes rotate {0% {transform: rotate(0deg);}50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}  
.loadmore {display:block;line-height: 50px;text-align:center;color:#ccc;font-size:1.2rem;}  
.loadmore span{height:20px;width: 20px;border-radius: 100%;display:inline-block;margin:10px;border:2px solid #f60;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s 0 linear infinite;animation: rotate 0.75s 0 linear infinite;}  
.loadover{color:#909090;text-align: center;background:#CCC; margin-top:10px;}  
.loadover span{display:inline-block;height:2em; line-height:2em;z-index:2; font-size:1.2rem;}  


/*banner*/
.swiper-container { width: 100%;}
.swiper-container img{ width: 100%; display:block;}
.swiper-slide {
text-align: center;/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination{ bottom:15px;}
.swiper-pagination>.swiper-pagination-bullet{ width:2rem; border-radius:0; height:2px; opacity:1;}
.swiper-pagination>.wiper-pagination-bullet-active{ background:#d2b789;}

/*左下角旋转图标样式*/
.plug-div 
{
position:fixed;
bottom:1rem;
left:0px;
z-index:99999999;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.plug-menu
{-webkit-appearance:button; border:none;
display:inline-block;
width:40px;
height:40px;
border-radius:40px;
position: absolute;
bottom: 15px;
left: 11px;
z-index:999;
background-color: #8290ad;
-webkit-transition: -webkit-transform 200ms;
-webkit-transform:rotate(1deg);
color:#fff;
background-image:url(../images/t10_icon_jia.png);
background-repeat: no-repeat;
-webkit-background-size: 60% auto;
background-size: 60% auto;
background-position: center center;
}
.plug-menu:before
{
font-size:20px;
margin:9px 0 0 9px;
}
.plug-menu:checked{
-webkit-transform:rotate(135deg);
}

.plug-phone div 
{
width:36px;
height:36px;
border-radius:36px;
background:#8290ad;
position:absolute;
bottom:0;
left:0;
margin-bottom: 17px;
margin-left:14px;
z-index:900;
-webkit-transition: -webkit-transform 200ms;
}
.plug-phone div a
{
color:#fff;
font-size:20px;
    display: block;
    height: 100%;
    line-height: 33px;
    text-align: center;
}

.plug-phone div.on:nth-of-type(1) {-webkit-transform: translate(0, -65px) rotate(720deg);}

.plug-phone div.on:nth-of-type(2) {-webkit-transform: translate(40px, -45px) rotate(720deg);}

.plug-phone div.on:nth-of-type(3) {-webkit-transform: translate(55px, 0px) rotate(720deg);}

.plug-phone div.on:nth-of-type(4) {-webkit-transform: translate(100px, 0) rotate(720deg);}

#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}
#mcover img {
    position: fixed;
    right:0%;
    top:0%;
    width: 330px;
    height: 228px;
    z-index: 999;
}
/*左下角旋转图标样式结束*