
html{font-size:100%}body{margin:0;color:#333;font:12px/1.5 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;}dl,dd,h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0}ul,ol{padding-left:0;list-style-type:none}img{border:0; width: 100%;}a{color:#333;text-decoration:none;outline:0 none;-webkit-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -ms-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -o-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;}a:hover{color:#ff620e;text-decoration:none;}a,button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}input,select,img{vertical-align:middle; font-family: 'microsoft yahei';}a,input,button{padding:0;margin:0;outline:0}i,em{font-style:normal}h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal; }.fl{float:left;display:inline}.fr{float:right;display:inline}.dib{display:inline-block;vertical-align:top;*display:inline;*zoom:1}.tc{text-align:center}.fz14{font-size:14px}.fix{zoom:1}.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}.none{display:none}.hidden{width:0;height:0;overflow:hidden}
.fz16{font-size:16px}
.red { color: #f00;}
body{width:100%;min-width:1184px;overflow-x:hidden;position:relative;padding-top: 64px;display: none;}
body.pc, body.mobile { display: block;}
.ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display:block;}
.w1184 { width: 1184px; margin: 0 auto; position: relative;}
.header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);}
.header .w1184 { height: 64px; line-height: 64px; }
.header .logo { float: left; font-size: 30px;}
.header .logo a { color: #ff620e;}
.header .nav { float: left;}
.header .nav a { font-size: 18px; margin-left: 30px; position: relative;}
.header .nav a:after { content: ' '; transition: width .3s ease; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0px; height: 4px; border-radius: 4px; background: #ff620e;}
.header .nav .active { color: #ff620e;}
.header .nav a:hover:after, .header .nav .active:after { width: 20px;}
.header .search-box { width: 320px; height: 32px; line-height: 32px; margin: 14px 0 0 50px; border: 1px solid #ff620e; border-radius: 16px; overflow: hidden; float: left;}
.header .search-box .key { width: 220px; padding: 0 10px; height: 30px; border: 0 none; font-size: 14px;}
.header .search-box .btn-submit { width: 80px; height: 32px; text-align: center; color: #fff; font-size: 14px; border: 0 none; cursor: pointer; background: #ff620e;}
.header .funs { float: right; font-size: 14px; cursor: default;}
.header .funs .funs-item { color: #999; margin-left: 30px; float: left; position: relative;}
.header .funs a { color: #999;}
.header .funs .funs-item:hover .funs-list { display: block;}
.funs-list { position: absolute; top: 44px; left: -127px; padding-top: 10px; width: 302px; display: none;}
.funs-list a { margin-left: 0!important;}
.funs-list a:hover { color: #ff620e!important;}
.funs-list .block { border: 1px solid #ededed; border-radius: 4px; background-color: #fff; padding: 20px; width: 260px; box-shadow: 0 0 2px 0 rgba(0,0,0,.1); display: none;}
.funs-list .btn-more { display: block; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #ffd9c6; color: #ff7930!important;}
.funs-list .block.active { display: block;}
.empty-his-img { display: block; margin: 20px auto; width: 120px;}
.funs-qr-img { margin: 10px 0; width: 120px; float: left; margin-right: 20px;}
.funs-qr-list .block { width: 240px; line-height: 46px; color: #f7915a;}
.funs-list .block .title { font-size: 16px; color: #252525; text-align: left; line-height: 24px;}
.funs-list:before {content: ' '; display: block; width: 32px; height: 12px; margin: 0 auto; background-image: url('../image/arrow-up.png'); z-index: 1; position: relative; top: 1px;}

.nologin-box .btn { display: block; width: 100%; height: 36px; line-height: 36px; text-align: center; background: #f59e70; color: #fff!important;}
.nologin-box .btn-login { margin-bottom: 20px; background: #ff620e;}
.nologin-box .btn:hover { color: #fff!important;}
.history-list .block ul { overflow: hidden; line-height: 16px; }
.history-list li { border-bottom: 1px dashed #d9d9d9; float: left; width: 100%; width: 100%; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;}
.history-list .cover { width: 60px; height: 80px; overflow: hidden; float: left; }
.history-list .cover img { width: 60px; }
.history-list .info { float: left; padding-left: 10px; position: relative; height: 80px; width: 190px; }
.history-list .info .name { margin-top: 8px; font-weight: 700; }
.history-list .info .name a { font-size: 14px; color: #252525; height: 14px; line-height: 14px; float: none; }
.history-list .block .title a { font-size: 13px; color: #999; float: right; }
.history-list .info .subtitle { font-size: 13px; color: #666; margin-top: 8px; text-align: left; }
.history-list .info .tip { font-size: 13px; color: #666; margin-top: 14px; text-align: left; }
.history-list .info .tip a { color: #ff620e; }



.footer { text-align: center; color: #333; padding: 30px 0 50px; margin-top: 50px; line-height: 30px; background: #f3f2f3;}
.footer a { color: #333;}

.banner { width: 100%; height: 100px; line-height: 3; text-align: center; font-size: 30px; background: #ccc; overflow: hidden; margin: 20px 0; position: relative;}

.layout-hd-wrap {width: 100%; overflow: hidden; background: #f8f8f8;}

.layout-list-col6 { margin: 20px 0;}
.layout-list-col6 .item { margin: 0 16px 20px 0; width: 184px; max-height: 296px; float: left;}
.layout-list-col6 .item:nth-child(6n) { margin-right: 0;}
.layout-list-col6 .item .imgbox { display: block; width: 100%; height: 242px; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 5px #dfdfdf; transition: all .3s ease; margin-bottom: 5px;}
.layout-list-col6 .item .imgbox:hover { box-shadow: 0px 0px 10px #f5ad86; }
.layout-list-col6 .item .name { font-size: 15px; line-height: 26px;}
.layout-list-col6 .item .updateto { color: #999;}
.layout-list-col6 .item .to { color: #ff620e;}
.layout-list-col6 .item .to:hover { text-decoration: underline;}
/* 登陆注册弹窗 */
.user-mask { width: 100%; height: 100%; padding: 100px 0;}
.user-wrap { width: 420px; height: 420px; border-radius: 5px; overflow: hidden; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(254, 97, 14, .4);}
.user-wrap .close { width: 20px; height: 20px; text-align: center; line-height: 20px; position: absolute; top: 0px; right: 0px; z-index: 3; background: #ffbcbc; color: #874e12; border-radius: 0 0 0 5px;}
.user-hd { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden; cursor: pointer;}
.user-hd li { width: 210px; float: left;}
.user-hd li:first-child { width: 209px; border-right: 1px solid #ddd;}
.user-hd li:hover { color: #ff620e;}
.user-hd .active { color: #fff; border-color: #ff620e; background: #ff620e;}
.user-hd .active:hover { color: #fff;}

.w-form { overflow: hidden; margin-top: 30px;}
.w-form .w-item { overflow: hidden; line-height: 40px; font-size: 14px; margin: 20px 0;}
.w-form .w-label { width: 110px; height: 40px; float: left; padding: 0 10px; text-align: right;}
.w-form .w-input { width: 200px; height: 38px; float: left; padding: 0 10px; font-size: 14px; border: 1px solid #ddd; border-radius: 5px;}
.w-form .w-submit { width: 140px; height: 40px; border: 0 none; color: #fff; text-align: center; font-size: 14px; font-family: 'microsoft yahei'; border-radius: 5px; background: #ff620e; float: left; cursor: pointer;}
.w-form .w-submit:hover { opacity: .9;}
::-webkit-input-placeholder { font-size: 12px; color: #999;}
::-moz-placeholder { font-size: 12px; color: #999;}
:-ms-input-placeholder { font-size: 12px; color: #999;}
:-moz-placeholder { font-size: 12px; color: #999;}
.m-header-target { display: none;}
/* page */
.pages { text-align: center; margin: 20px 0;}
.pages a { border: 1px solid #e0e0e0; border-radius: 2px; color: #666; display: inline-block; height: 32px; line-height: 32px; font-size: 14px; margin: 0 2px 6px 2px; padding: 0 14px; text-align: center; transition: all .1s ease;}  
.pages a:hover, .pages a.active { border-color: #ff620e; background: #ff620e; color: #fff!important;}

.mobile .pages a { border-width: 1px; margin: -1px 0px 0px -1px; border-radius: 0; padding: 0 12px; float: left;}
.mobile .pages a:first-child { border-radius: 0 0 0 0;}
.mobile .pages a:last-child { border-radius: 0 0 0 0;}
/*loading*/
.layout-box .imgbox, .layout-list-col6 .item .imgbox {
    /* background: #f8f7f7 url(../image/loading.gif) center center no-repeat; */
}
/* .mobile */
.mobile .m-header-target { display: block;}

body.mobile, body.mobile * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.mobile { min-width: auto; padding-top: 0;}
.mobile .header { position:static; height: 46px; margin-bottom: 46px;}
.pc-nav{display:none}
.mobile .header .pc-nav{display:block}
.mobile .w1184 { width: 100%; padding: 0px 10px;}
.mobile .header .w1184 { height: 46px; line-height: 46px;}
.mobile .header .logo { font-size: 20px;}
.mobile .header .nav a:after {bottom: 6px;}
.mobile .m-header-target { float: right; }
.m-header-target li { text-align: center;float: left; min-width: 35px; height: 46px; font-size: 14px; background-size: 24px; background-position: center right; background-repeat: no-repeat;}
.m-header-target .nav-target { background-image: url('../image/list.png');}
.m-header-target .search-target { background-image: url('../image/search.png'); background-size: 22px;}
.m-header-target .funs-target { background-image: url('../image/user.gif');}
.m-header-target .funs-target2,.m-header-target .ell { background-image: url('../image/user.gif');}
.mobile .nav,.mobile .funs { display: none; position: absolute; top: 46px; background: #fff; z-index: 2; width: 100%; left: 0; border-top: 1px solid #e7e7e7; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
.mobile .search-box { display: block; position: absolute; top: 0px; background: #fff; z-index: 2; width: 60%; right: 45px;}
.mobile .nav { display: flex;}
.mobile .nav a { font-size: 14px; flex: auto; margin: 0; text-align: center;}
.mobile .search-box { border-width:0; margin: 0; border-radius: 0; padding: 6px 0px; height: 46px;}
.mobile .search-box .key { width:70%;height: 32px; border: 1px solid #ff620e; border-radius: 5px 0 0 5px; flex: 1;}
.mobile .search-box .btn-submit { width: 30%;border-radius: 0 5px 5px 0;}
.mobile .funs .funs-item { flex: 1; margin: 0; text-align: center;}
.mobile .funs .funs-item:hover .funs-list, .mobile .funs .funs-item:first-child { display: none; }
.mobile .footer { padding: 10px 10px; margin-top: 5px;}

/* m端最多一行显示3个 */
.mobile .layout-list-col6 { margin: 10px 0 0;}
.mobile .layout-list-col6 .item { margin: 0 2% 10px 0; width: 32%;}
.mobile .layout-list-col6 .item:nth-child(3n) { margin-right: 0;}
.mobile .layout-list-col6 .item .imgbox { height: 145px;}

.mobile .user-mask { padding: 50px 10px;}
.mobile .user-wrap { width: 100%; height: auto;}
.mobile .w-form { margin: 10px 0;}
.mobile .user-hd li { width: 50%;}

.mobile .user-target dl { position: absolute; top: 46px; right: 10px; background: #ff620e; z-index: 9; color: #fff; border-radius: 5px; display: none;}
.mobile .user-target dl:before { content: ''; width:0;height:0;position:absolute; top:-10px;right:7px; border:5px solid #ff620e;border-color:transparent transparent #ff620e transparent;}
.mobile .user-target dl a { display: block; line-height: 30px; text-align: right; color: #fff; padding: 0 15px;}
.red_tips{ color: red;float: right;}
.section-list .item a:hover .red_tips {
    color: #fff;
}
.about-data{
    padding: 10px;
}
.about-data p {
    font-size: 14px;
    padding: 5px 0;
    
    line-height: 1.8em !important;
    text-indent: 2em;
}
.video-c{
    padding-top: 40px ;
}