/*html{filter:grayscale(100%);}*/
/*公共部分*/
.ui-backtop{display:none;}
.ui-sidebar{z-index:10 !important;}
* { font-family: "Microsoft YaHei"; }
.dis{ display:none;}
body { background: #ECEEF5; font-size: 13px; overflow-x: hidden; overflow-y: auto; }
html, body { width: 100%; min-width: 1280px; }
.clearfix { display: block; clear: both; float: none; }
a { color: #333; text-decoration: none }
a:hover { text-decoration: none }
a:hover, a:active, a:focus { text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
ul, li { margin: 0; list-style: none; }
.list-bg { width: 100%; background-color:#eceef5; }
.catebg { background: url(../images/catebg.jpg) no-repeat; height: 60px }
.catebg span { line-height: 56px; padding-left: 100px; position: relative; font-size: 26px; color: #fff; letter-spacing: 2px; text-shadow: 0 1px 2px rgba(0,0,0,.49) }
.catebg .vip-btn { float: right; height: 28px; line-height: 28px; color: #fbfafa; text-align: center; margin-top: 16px; border-radius: 2px; margin-right: 60px; padding: 0 10px; background: #1890ff; background-image: none; background-image: -webkit-gradient(linear, left top, right top, from(#1890ff), to(#2cbfbf)); background-image: -webkit-linear-gradient(left, #1890ff, #2cbfbf); background-image: linear-gradient(to right, #1890ff, #2cbfbf); filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b);
}
.catebg .vip-btn:hover { background: #0560b5; background-image: none; background-image: -webkit-gradient(linear, left top, right top, from(#0560b5), to(#70dcdc)); background-image: -webkit-linear-gradient(left, #0560b5, #70dcdc); background-image: linear-gradient(to right, #0560b5, #70dcdc); filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#0560b5, endColorStr=#70dcdc);
}
.catebg .vip-btn .ico-vip { padding-right: 20px; height: 20px; background: url(../images/ico-vip.png) right no-repeat; font-style: normal; }
.catebg .vip-btn .ico-daili { padding-right: 20px; height: 20px; background: url(../images/ico-daili.png) right no-repeat; font-style: normal }
.catebg .ds-Btn { float: right; padding-top: 18px; padding-right: 50px }
.catebg span .text-p { position: absolute; top: 6px; text-shadow: none; line-height: 19px; font-size: 14px; background: #fff; right: -138px; font-weight: bold; border-radius: 8px 0 8px 0; padding: 4px 12px; color: #1890ff; font-style: normal; }
.ui-backtop { display: none; }
.ui-sidebar { z-index: 10 !important; }
.ui-filter { width: 100%; background: #fff; border-radius: 0 0 2px 2px; box-shadow: 1px 10px 40px 0 rgba(227,230,232,.6); box-shadow: none; margin: 0 0 15px 0; padding: 0; }
.ui-filter .ui-row { }
.ui-filter .ui-row .ui-filter-left { font-size: 16px; color: #1b2337; background-color: #f7f7f7; text-align: center; padding-top: 0; border-bottom: 1px dotted #eee; padding: 0px; min-width: 110px; }
.ui-filter .ui-row .ui-filter-left div { display: table; height: 100%; text-align: center; width: 100%; }
.ui-filter .ui-row .ui-filter-left div span {/*border-radius:25px 0 25px 25px;*/ color: #000; font-size: 14px; padding: 10px; display: table-cell; text-align: center; vertical-align: middle; width: 100%; }
.ui-filter .ui-row .ui-filter-right { flex: 1; overflow: hidden; font-size: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.ui-filter .ui-row .ui-filter-right a { color: #505a71; border: 0; font-size: 14px; border: 1px solid transparent; padding: 0px 5px; height: 25px; line-height: 24px; margin: 8px 8px 0 0; }
.ui-filter .ui-row .ui-filter-right .div1 { width: 1300px; }
.ui-filter .ui-row .ui-filter-right .div1 a { color: #505a71; border: 0; font-size: 14px; border: 1px solid transparent; padding: 0px 5px; height: 25px; line-height: 24px; min-width: 68px; text-align: center; margin: 8px 8px 0 0; }
.ui-filter .ui-row .ui-filter-right .div1 a.xa49 { color: #F00; font-weight: 600; }
.ui-filter .ui-row .ui-filter-right .div1 a.xa52 { color: #F60; font-weight: 600; }
.ui-filter .ui-row .ui-filter-right a:hover { color: #fff; background: #1890ff; }
.ui-filter .ui-row .ui-filter-right a.active { color: #fff; background: #1890ff; }
.ui-filter .ui-row .ui-filter-right .div1 a:hover { color: #fff; background: #1890ff; }
.ui-filter .ui-row .ui-filter-right .div1 a.active { color: #fff; background: #1890ff; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h70 { clear: both; height: 70px; }
.h80 { clear: both; height: 80px; }

pre{background:#F4F8FF;border:1px solid #e0eaff;padding:15px 20px;border-radius:4px;line-height:1.5;margin:0;color:#666;position:relative;margin:20px 0;}
.ui-comment-emoji{display:flex;flex-wrap:wrap;width:100%;max-width:100%;max-height:200px;overflow-x:hidden;overflow-y:auto;padding:10px;}
.ui-comment-emoji div{width:40px;height:40px;line-height:40px;font-size:24px;border:1px solid #fff;display:block;text-align:center;border-radius:4px;cursor:pointer;font-family:'Segoe UI Emoji';}
.ui-comment-emoji div:hover{border-color:#eaeaea;}

.nogoods{font-size:16px;text-align:center;font-weight:400;color:#333;margin-top:100px;}
.nogoods p{padding:0;margin:0 0 20px 0;}
.nogoods span{display:inline-block;font-size:70px;color:#ddd;}
.nogoods a{display:inline-block;width:160px;line-height:50px;text-align:center;font-size:16px;background:#fff;color:#1890FF;border:1px solid #1890FF;border-radius:2px;transition:color .15s ease 0s;position:relative;z-index:1}
.nogoods a:before{position:absolute;top:-1px;left:-1px;width:0;height:52px;background:#1890FF;border-radius:2px;content:"";transition-delay:0s;transition:width .15s ease 0s;z-index:-1}
.nogoods a:hover{color:#fff}
.nogoods a:hover:before{width:101%}

.ui-payway{display:flex;flex-wrap:wrap;}
.ui-payway-item{flex:0 0 48.5%;max-width:48.5%;display:flex;align-items:center;justify-content:center;margin:1.5% 0;padding:15px 0;border:.8px solid #e1e6f0;color:#a1abc2;border-radius:4px;text-align:center;position:relative;cursor:pointer;font-size:16px;}
.ui-payway-item:nth-child(odd){margin-right:1.5%;}
.ui-payway-item:nth-child(even){margin-left:1.5%;}
.ui-payway-item img{height:40px;}
.ui-payway-item i{font-size:24px;margin-right:10px;color:#fff;background:#999;display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;}
.ui-payway-item span{position:absolute;right:1px;bottom:0px;color:#fff;z-index:20;font-size:12px;display:none;}
.ui-payway-item.blue i{background:#1890FF}
.ui-payway-item.green i{background:#19BE6B}
.ui-payway-item.red i{background:#ED4014}
.ui-payway-item.active{border-color:#1890FF;}
.ui-payway-item.active:before{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:30px solid #1890FF;border-left:30px solid transparent;z-index:10;}
.ui-payway-item.active span{display:block;}
.ui-payway.one .ui-payway-item{flex:0 0 100%;max-width:100%;margin:0;margin-bottom:20px;padding:10px 0}
.ui-payway.one .ui-payway-item:last-child{margin-bottom:0;}

.ui-order{padding:20px;background:#fff;margin:20px auto;}
.ui-order .title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3f3f3;padding-bottom:15px;}
.ui-order .title .desc span{color:#999;}
.ui-order .title .price span{color:#f30;font-size:24px;}
.ui-order .qrcode{padding:15px 0;text-align:center;margin:50px 0;}
.ui-order .tips{text-align:center;background:#FAFBFD;border:1px solid #EEEFF1;line-height:46px;border-radius:4px;}


/*优惠券*/
.coupon{margin:40px auto;}
.coupon-wrap{display:flex;flex-wrap:wrap;margin:0 0 0 -2%;}
.coupon-item{width:48%;margin:0 0 2.5% 2%;display:flex;flex-wrap:wrap;transition:all .5s;position:relative;}
.coupon-item:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-radius:10px;}
.coupon-left{width:32%;border:1px solid #FFE2E4;border-radius:10px;background:#FFF9F9;position:relative;padding:20px 20px 30px 20px;}
.coupon-left:before{content:"";position:absolute;display:block;width:20px;height:10px;border-radius:0 0 10px 10px;background:#fff;border:1px solid #FFE2E4;border-top-color:#fff;right:-10px;top:-1px;z-index:20}
.coupon-left:after{content:"";position:absolute;display:block;width:20px;height:10px;border-radius:10px 10px 0 0;background:#fff;border:1px solid #FFE2E4;border-bottom-color:#fff;right:-10px;bottom:-1px;z-index:20;box-shadow:rgba(255,255,255,1) 0px 3px 5px 0px}
.coupon-left .head{font-size:36px;color:#f30;font-weight:500;text-align:center;}
.coupon-left .head span{color:#999;font-size:14px;font-weight:normal;margin-left:5px;}
.coupon-left .foot{color:#999;text-align:center;font-size:14px;}
.coupon-left .foot span{color:#2469F6;margin:0 5px;}
.coupon-right{width:68%;border:1px solid #FFE2E4;border-left:0;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 25px 0 30px;justify-content:space-between;}
.coupon-right .body{font-size:18px;color:#333;font-weight:bold;}
.coupon-right .body p{font-size:15px;padding-top:5px;color:#999;font-weight:normal;}
.coupon-right .body p span{color:#f30;margin-right:5px;}
.coupon-right .action a{display:block;padding:10px 20px;border:1px solid #eaeaea;border-radius:30px;font-size:15px;color:#999;}
.coupon-right .action a:hover{border-color:#1890FF;color:#1890FF;}

/*VIP类型*/
.vip-list{display:flex;flex-wrap:wrap;margin:30px 0 0 -3%;}
.vip-list-item{width:47%;margin:0 0 3% 3%;padding:25px;background:#fff;border-radius:6px;border:.8px solid #e1e6f0;color:#a1abc2;position:relative;overflow:hidden;cursor:pointer;}
.vip-list-item:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);}
.vip-list-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.vip-list-item .left{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;}
.vip-list-item .icon{background:#a1abc2;width:55px;height:55px;line-height:50px;border-radius:50%;text-align:center;margin-right:15px;}
.vip-list-item .icon i{font-size:30px;color:#fff;}
.vip-list-item h3{color:#333;font-size:18px;font-weight:bold;color:#262d3d;}
.vip-list-item .price{font-size:20px;color:#f30;}
.vip-list-item .price span{font-size:14px;color:#999;margin-left:5px;}
.vip-list-item .ischeck{position:absolute;right:3px;bottom:0px;color:#fff;z-index:20;font-size:24px;display:block;}
.vip-list-item.active{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-color:#ddd}
.vip-list-item.active:after{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:50px solid #1890FF;border-left:50px solid transparent;z-index:10;}
.vip-list-item.active .ischeck{display:block;}
.vip-list-item.active .icon{background:#1890FF;}
.vip-list-item.disabled{cursor:not-allowed;opacity:0.4}
.vip-list-item.disabled:after{position:absolute;content:"";right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.1);}
.vip-list-item.disabled .ischeck{display:none;}
.vip-list-item.disabled:hover{box-shadow:none;}

/*评论*/
.comment-post{display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 0;}
.comment-post-face{width:70px;padding-right:10px;}
.comment-post-face img{width:50px;height:50px;border-radius:50%;}
.comment-post-body{flex:1;border:3px solid #f0f0f0;}
.comment-post-body-wrap{display:flex;justify-content:space-between;}
.comment-post-body-area{flex:1;padding:15px;}
.comment-post-body-area textarea{border:0;width:100%;resize:none;min-height:60px;}
.comment-post-action{border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:15px;}
.comment-post-action-name{font-weight:bold;}
.comment-post-action-name i{margin-left:10px;font-weight:normal;}
.comment-post-login{width:100px;background:#1890FF;color:#fff;margin:-2px;text-align:center;z-index:999;display:flex;align-items:center;}
.comment-post-login a{display:block;margin:0 auto;font-size:18px;color:#fff;}

.subject{text-align:center;}
.subject h2{font-size:24px;color:#0c0c0c;margin:30px 0;position:relative;padding-bottom:18px;margin-bottom:24px;}
.subject h2:after{content:'';display:inline-block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:6px;width:40px;background:#1890FF;border-radius:3px}

.plan-a{margin-left:1px;font-size:0;vertical-align:middle;display:flex;margin:40px auto;}
.plan-a-item{vertical-align:middle;border:1px solid #e8e8e8;margin-left:-1px;display:inline-block;justify-content:center;align-items:center;padding:50px 20px;overflow:hidden;background:#fff;text-align:center;font-size:15px;flex:1;}
.plan-a-item:hover{color:#333;border-color:#1890FF;position:relative;z-index:2;}
.plan-a-item i{font-size:64px;color:#1890FF}
.plan-a-item h4{font-size:22px;margin-top:20px;}
.plan-a-item p{line-height:30px;color:#a1abc2;font-size:13px;}
.plan-b{margin-top:-41px;}

.intro-wrap{display:flex;flex-wrap:wrap;align-items:center;margin:30px auto;}
.intro-item{width:50%;padding:0 30px;}
.intro-item:first-child{padding-right:30px;}
.intro-item:last-child{padding-left:30px;}
.intro-item img{max-width:100%;}
.intro-list{list-style:none;}
.intro-list li{background:#fff;border-bottom:1px solid #eaeaea;margin-bottom:15px;padding-bottom:15px;}
.intro-list li h3{font-size:20px;font-weight:bold;}
.intro-list li p{line-height:40px;font-size:16px;}

.cms-version tr td{border-right:1px solid #EBF2FF;position:relative;}
.cms-version tr td:first-child{text-align:left !important;}
.cms-version tr td:first-child i{position:absolute;right:15px;color:#ddd;}


.width { width: 1416px; margin: 0 auto; }

.header-wrap{background:#fff;min-width:1280px;height:60px;border-bottom:.8px solid #e1e6f0;box-shadow:0px 4px 16px 0px rgba(0,60,179,0.1);position:sticky;top:0;z-index:999;}
.header{display:flex;justify-content:space-between;}
.header-left,.header-right{display:flex;align-items:center;}
.logo { padding: 10px 0; }
.logo img { max-height: 50px; }
/*topnav css*/
.nav_bg {background: rgba(0,0,0,0.08); position: fixed; z-index: 999; top: 0; left: 0; width: 100%; }
.nav_bg1{ position: sticky; z-index: 999; top: 0; left: 0; width: 100%; }
.topbg { background: #fff;box-shadow:0px 4px 16px 0px rgba(0,60,179,0.1); }
.nav { height: 70px; }
.nav .ui-nav { display: flex; }
.nav ul li h2 { margin:0; padding:0;}
.nav ul li h2 a { color: #fff; line-height: 70px; font-size: 16px; letter-spacing: 1px; position:relative; margin:0 13px; padding:0; font-weight:normal;}

.topbg .ui-nav ul li h2 a {color: #333;}

.nav ul li h2 a img{ height:16px;margin-right:5px; margin-top:-1px;}

.nav ul li.nli2 h2 a img, .nav ul li.nli3 h2 a img{ position:absolute; top:5px; right:20px;height:18px; }

.nav ul li ul { border: 0; width: 220px; padding: 0 10px; }
.nav ul li ul li { border: 0; float: left; width: 50%; }
.nav ul li ul li a { line-height: 40px; border-bottom: 1px solid #f3f3f3; font-size: 14px; padding: 0 10px; font-weight: normal; }
.nav ul li ul li a:hover { background: #fff; color: #1890FF; }
.nav ul li:hover a:after{width:100%;}
.nav ul li h2 a:after{width:0;height:2px;content:'';transition:0.3s;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#1890FF;}
.nav ul li h2 a:hover{color:#1890FF;}
.nav ul li.active h2 a:after{width:100%;}
.nav ul li.active h2 a{color:#1890FF;}


.topnav { position: relative; z-index: 666; }
.topnav .leftnav { background: #383838; text-align: left; color: #fff; line-height: 70px; height: 70px; padding-left: 25px; position: relative; width: 256px; }
.topnav .leftnav span { margin-right: 15px; }
.topnav .leftnav>a { color: #fff; font-size: 16px; }
.home_nav { position: absolute; left: 0; top: 70px; z-index: 30; width: 100%; background: rgba(0,0,0,0.9); min-height: 515px; }
.home_nav ul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 600; }
.home_nav ul li { padding: 0; line-height: 29px; padding: 15px 0 15px 15px; border-bottom: 1px dotted #666; }
.home_nav ul li:last-child { border-bottom: 0; }
.home_nav ul li i { font-size: 12px; color: #CCC; margin-right: 20px; }
.home_nav ul li h2 a { color: #fff; font-size: 16px; padding-left: 30px; font-weight: normal }
.home_nav ul li a:hover { color: #fff; text-decoration: underline; }
.home_nav ul li h2 a.shangye { background: url(../images/web.png) left no-repeat }
.home_nav ul li h2 a.huiyuan { background: url(../images/host.png) left no-repeat }
.home_nav ul li h2 a.zhoubian { background: url(../images/value.png) left no-repeat }
.home_nav ul li p { margin: 5px 0 0; padding: 0; line-height: 30px; overflow: hidden; }
.home_nav ul li p a { font-size: 14px; display: block; color: #aaaaaa; width: 33.33%; float: left; overflow: hidden; text-align: left; margin-top: 5px; height: 30px; }
.home_nav ul li p a:hover { color: #fff; }
.down3 { display: inline-block; width: 0; height: 0; border: 7px solid transparent; border-top-color: #fff; display: inline-block; position: absolute; right: 50px; top: 28px; }
.url-post { position: absolute; right: 0px; top: 150px; min-width: 416px; z-index: 999; }
.url-post .temp-box { border-radius: 0; }

.toplink { margin-right: 10px; line-height: 40px; height: 40px; }
.toplink a { display: inline-block; font-size: 16px; }
.toplink a i { color: #2E95FF; margin-right: 3px; }
.nologin {line-height: 34px;height: 34px;padding: 0 10px;background: rgba(0,0,0,0.2);margin-top: 18px;border-radius: 5px;}
.nologin a { display: inline-block; padding: 0 10px; color: #fff; font-size: 14px; }
.nologin a i { font-size: 14px; border: #fff 1px solid; border-radius: 100%; vertical-align: baseline; margin-right: 8px; }
.nologin a.active { color: #2E95FF; height: 60px; line-height: 60px; }
.nologin a:hover { color: #fff; }

.topbg .nologin{background:#1890ff; }


.islogin { line-height: 70px; padding: 0 15px; height: 70px; background-color: rgba(0,0,0,0.2); min-width: 158px; }

.topbg .islogin{background-color:#1890ff; }
.islogin .account { display: inline-block; position: relative; }
.islogin .account a span { font-size: 14px; margin-right: 8px; color: #FFF; }
.islogin .account a img { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #f3f3f3; padding: 2px; margin-right: 4px; }
.islogin .account a i { font-size: 12px; color: #eee; }
.islogin .account .panel { position: absolute; top: 69px; right: -23px; background: #fff; width: 260px; z-index: 9999; box-shadow: 0 0 10px 1px rgba(0,0,0,.1); border: 1px solid #f3f3f3; display: none; }
.islogin .account .panel-header { border-bottom: 1px solid #F5F5F5; padding: 15px 20px; display: flex; align-items: center;/*background:linear-gradient(180deg,#F5F7FA 1%,#fff 90%);*/ }
.islogin .account .panel-header .face { margin-right: 15px; }
.islogin .account .panel-header .face img { width: 50px; height: 50px; border-radius: 50%; }
.islogin .account .panel-header .info { line-height: 20px; }
.islogin .account .panel-header .info span { color: #999; display: block; }
.islogin .account .panel-list { list-style: none; }
.islogin .account .panel-list li { line-height: 50px; }
.islogin .account .panel-list li a { padding: 0 20px; display: block; color: #666; }
.islogin .account .panel-list li a:hover { background: #fafafa; }
.islogin .account .panel-list li a i { margin: 0 15px; color: #666; font-size: 22px; }
.islogin .account .panel-list li a span { float: right; color: #f30; border: 1px solid #FFE9E3; background: #FFFCFB; padding: 4px 6px; display: inline-block; line-height: 16px; margin-top: 14px; border-radius: 4px; font-size: 12px; }
.islogin .account .panel-list li.border { border-top: 1px solid #f5f5f5; }
.islogin .account:hover .panel { display: block; }
.banner { background: #fff; }
.banner-header { overflow: hidden; }
.banner .ui-carousel-prev, .ui-carousel-next { width: 90px; }
.banner .ui-carousel-page { bottom: 25px; }
.banner .ui-carousel-page li { height: 12px; width: 12px; border-radius: 12px; transition: all 1s }
.banner .ui-carousel-page li.active { width: 40px; }
.banner .ui-carousel-item a { height:650px; display: block;  width: 100%; }
.banner .ui-carousel-prev-icon, .banner .ui-carousel-next-icon { width: 50px; height: 50px; background-color: rgba(0,0,0,0.5); background-size: 60%; border-radius: 100%; }
.banner .ui-carousel-prev { left: 60px; }
.banner .ui-carousel-next { right: 60px; }
.search-button { cursor: pointer; width: 60px; height: 70px; line-height: 70px; display: block; text-align: center; color: #fff; }

.topbg .search-button {color: #333; }

.search-button i.iconfont { font-size: 24px }
.sort { margin-top: -160px; position: relative; z-index: 99; height: 340px; padding: 30px; background: #fff; border: 1px solid #fff; -webkit-box-shadow: 0 40px 75px 0 rgba(57,60,67,.08); box-shadow: 0 40px 75px 0 rgba(57,60,67,.08); border-radius: 20px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.sort-config { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.sort-config>li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; height: 100%; }
.sort-config-item { display: block; height: 100%; }
.sort-config-icon { float: left; width: 62px; height: 62px; margin-right: 12px; }
.sort-config-title { float: left; line-height: 34px; font-size: 18px; font-weight: 600; color: #2d2d2d; -webkit-transition: .3s; transition: .3s; }
.sort-config-item:hover .sort-config-title { color: #1677ff; }
.sort-config-desc { float: left; line-height: 22px; font-size: 14px; color: #8e8e8e; }
.sort-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 124px; margin-top: 35px; }
.sort-blocks-item { position: relative; overflow: hidden; width: 214px; height: 100%; background: #f7f9fa; border-radius: 14px; }
.sort-blocks-item .blocks-item-wrap { -webkit-transition: .3s; transition: .3s; -webkit-filter: none; filter: none; }
.sort-blocks-icon.icon-qiye { background-image: url(../images/sort_qiye.png); }
.sort-blocks-icon { display: block; width: 60px; height: 47px; margin: 18px auto 15px; background-repeat: no-repeat; background-size: cover; }
.sort-blocks-title { line-height: 22px; font-size: 22px; font-weight: 500; color: #2d2d2d; letter-spacing: 1px; text-align: center; }
.sort-blocks-item .blocks-hover, .sort-blocks-item .blocks-hover-title { position: absolute; top: 0; width: 100%; color: #fff; text-align: center; line-height: 22px; }
.sort-blocks-item .blocks-hover { left: 0; height: 100%; padding-top: 22px; font-size: 14px; background: rgba(0,0,0,.4); -webkit-transition: .3s; transition: .3s; opacity: 0; }
.sort-blocks-item .blocks-hover-tit { line-height: 18px; font-size: 18px; }
.sort-blocks-item .blocks-hover-line { width: 158px; height: 1px; margin: 12px auto 8px; background: -webkit-gradient(linear, left top, right top, from(hsla(0,0%,100%,0)), color-stop(30%, hsla(0,0%,100%,.7)), color-stop(70%, hsla(0,0%,100%,.7)), to(hsla(0,0%,100%,.1))); background: linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.7) 30%, hsla(0,0%,100%,.7) 70%, hsla(0,0%,100%,.1)); }
.sort-blocks-icon.icon-zaixian { background-image: url(../images/sort_zaixian.png); }
.sort-blocks-icon.icon-quanqiu { background-image: url(../images/sort_quanqiu.png); }
.sort-blocks-icon.icon-chuangyi { background-image: url(../images/sort_chuangyi.png); }
.srot-mine { position: relative; width: 376px; background: -webkit-gradient(linear, left top, right top, from(#fdf8eb), to(#feeec3)); background: linear-gradient(90deg, #fdf8eb, #feeec3); border-radius: 14px; height: 175px; }
.srot-mine-bg { position: absolute; top: 13px; right: -13px; width: 118px; height: 78px; background: url(../images/sort_zuanshi.png) no-repeat; background-size: cover; }
.sort-mine-wrap { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 12px 16px 15px; }
.srot-mine-tit { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 25px; }
.srot-mine-ava { width: 25px; height: 25px; border-radius: 50%; }
.srot-mine-tit>span { margin-left: 9px; font-size: 15px; font-weight: 600; color: #613c14; }
.srot-mine-vips { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 337px; margin: 15px 0px 5px; }
.sort-vips-item { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }
.sort-vips-icon { display: block; width: 32px; height: 36px; margin: 0 auto; opacity: .3; -webkit-transition: .3s; transition: .3s; margin-left: 30px; }
.sort-vips-tit { margin-top: 6px; line-height: 12px; font-size: 13px; color: #613c14; margin-left: 10px; }
.sort-vips-tit2 { margin-top: 10px; line-height: 12px; display: flex; justify-content: center; align-items: center; height: 25px; color: #ffffff; border-radius: 33px; margin-right: 10px; font-size: 14px; background: linear-gradient(90deg, #ffc046, #ff7d04); margin: 10px 0px 0px 9px; }
.sort-vips-tit2:hover { margin-top: 10px; line-height: 12px; display: flex; justify-content: center; align-items: center; height: 25px; color: #ffffff; border-radius: 33px; margin-right: 10px; font-size: 14px; background: #000; margin: 10px 0px 0px 9px; }
.sort-vips-item.active .sort-vips-icon, .sort-vips-item:hover .sort-vips-icon { opacity: 1; }
.containerrr { margin: 0px auto; max-width: 940px; }
.inums { position: relative; z-index: 23; }
.inums1 { position: absolute; right: 0; top: -450px; background: #FFF; }
.focus-wrap { position: absolute; z-index: 9; left: 0; top: 0; width: 100%; }
.inums .side { width: 280px; background: url(../images/sidebg.jpg) top no-repeat }
.inums .side .tab { height: 175px; padding: 0 15px; margin-top: 5px; }
.xinwen { position: relative; z-index: 9; overflow: visible; background-color: #fff }
.xinwen .mainAright { position: absolute; right: 0; top: 15px; z-index: 10; border: none; }
/*三个TAB切换 媒体报道*/
.inums .side .tab .head { height: 34px; }
.inums .side .tab .head a { display: inline-block; width: 60px; height: 31px; line-height: 31px; text-align: center; cursor: pointer; color: #686765; text-decoration: none; vertical-align: top; position: relative; font-family: Microsoft Jhenghei; font-size: 12px }
.inums .side .tab .head .first { border-left: none }
.inums .side .tab .head a:hover, .inums .side .tab .head .on { height: 30px; border-bottom: #ec2828 2px solid; color: #333; font-weight: bold; }
.inums .side .tab .body { height: 118px; overflow: hidden; }
.inums .side .tab .body .tBody { display: none }
.inums .side .tab .body .current { display: block }
.inums .side .tab .body .gg { padding: 5px 10px; height: 146px; overflow: hidden }
.inums .side .tab .body .gg li { padding-left: 10px; height: 23px; line-height: 23px; overflow: hidden; background: url(../images/libg.png) no-repeat left 11px; -o-transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.inums .side .tab .body .gg li:hover { background-position: left -14px; }
.inums .side .tab .body .gg li a { color: #666; font-size: 12px; transition: color 0.2s ease 0s; }
.inums .side .akeypost { padding: 135px 10px 0 10px; border-bottom: 1px solid #e9e9e9; }
.inums .side .akeypost .tempWrap { margin: 15px 0 10px }
.inums .side .akeypost ul { width: 260px; height: 50px; overflow: hidden; margin: 15px 0 10px 0 }
.inums .side .akeypost ul li { width: 260px; height: 50px }
.inums .side .akeypost ul li h3 { font-size: 25px; font-weight: 500; text-align: center; height: 30px; line-height: 30px }
.cheDan { margin-top: 20px; height: 370px; }
.cheDan .tabGroup .head { height: 45px; }
.cheDan .tabGroup .head p { background: url(../images/d_line.gif) repeat-x 0 44px; }
.cheDan .tabGroup .head a { display: block; float: left; position: relative; height: 45px; line-height: 45px; padding: 0 35px; text-decoration: none; font-size: 16px; }
.cheDan .tabGroup .head a:hover, .cheDan .tabGroup .head .on { border-top-color: #E53E40; color: #FFF!important; background: #E53E40; font-weight: normal; }
.cheDan .tabGroup .head a:hover i, .cheDan .tabGroup .head .on i { display: block; width: 0; height: 0; font-size: 12px; line-height: 0; overflow: hidden; border: 6px solid #FFF; border-top-color: #E53E40; position: absolute; left: 50%; margin-left: -6px; bottom: -12px; }
.cheDan .tabGroup .body { border-top: 0; padding: 22px 0px 0 0 }
.cheDan .tabGroup .body .tBody { display: none }
.cheDan .tabGroup li { width: 220px; _display: inline; float: left; padding-left: 10px; margin-left: 10px; }
.cheDan .tabGroup .list .img { width: 220px; height: 220px; overflow: hidden; margin: 5px auto 5px; position: relative; }
.cheDan .tabGroup .list .img img { width: 220px; height: 220px; transition: all 1.2s; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s; overflow: hidden; display: block }
.cheDan .tabGroup .list .img img:hover { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.cheDan .tabGroup .list .info { margin-top: 8px; margin-bottom: 5px; line-height: 20px; overflow: hidden; height: 20px; text-align: left; font-size: 12px; padding: 0 5px; color: #CCC; }
.cheDan .tabGroup .list .info a, .cheDan .tabGroup .list .info .pin { color: #999 }
.cheDan .tabGroup .list .info .pin em { font-style: normal }
.cheDan .tabGroup .list .name a { color: #444; font-size: 15px; }
.cheDan .tabGroup .list .info .pr { font-size: 16px; font-weight: bold; }
.cheDan .tabGroup .body .tBody.current { display: block }
.cheDan .tabGroup .body .tBody { position: relative }
.cheDan .tabGroup .body .tBody a.sPrev { width: 40px; height: 60px; position: absolute; top: 100px; left: -40px; background: url(../images/left_jiantou.png) center center no-repeat; }
.cheDan .tabGroup .body .tBody a.sPrev:hover { background: url(../images/left_jiantou_red.png) center center no-repeat; }
.cheDan .tabGroup .body .tBody a.sNext { width: 40px; height: 60px; position: absolute; top: 100px; right: -40px; background: url(../images/right_jiantou.png) center center no-repeat; }
.cheDan .tabGroup .body .tBody a.sNext:hover { background: url(../images/right_jiantou_red.png) center center no-repeat; }
.cheDan .tabGroup .name { height: 20px; line-height: 20px; overflow: hidden }
.root_body .cheDan .tabGroup li { width: 180px; padding-left: 5px; margin-left: 8px; }
.cheDan .tabGroup li { transition: all .35s ease-in-out }
.root_body .cheDan .tabGroup li:hover .img img, .root_body .cheDan .tabGroup li.hover .img img { filter: alpha(opacity=80); opacity: 0.80; }
.root_body .cheDan .tabGroup .list .Woqu_68 { background: #E53E40; filter: alpha(opacity=90); opacity: 0.9; height: 35px; line-height: 35px; width: 200px; position: absolute; bottom: -35px; left: 0; padding: 0 5px; transition: all .25s ease-in-out }
.root_body .cheDan .tabGroup .list:hover .Woqu_68, .root_body .cheDan .tabGroup .list.hover .Woqu_68 { bottom: 0; }
.root_body .inums .main .week_body li { width: 210px; padding-left: 10px }
.root_body .inums .main .week_body li.first { padding-left: 8px }
.root_body .inums .main .week_body .img img { width: 201px; height: 141px }
.home-subject { display: inline-block; font-size: 24px; font-weight: bold; }
.home-nav { display: inline-block; margin-left: 20px; }
.home-nav a { border: 1px solid #dbdee0; color: #8f8f8f; background: #fff; padding: 8px 14px; display: inline-block; margin-left: 10px; border-radius: 4px; }
.home-nav a.active, .home-nav a:hover { border-color: #2E95FF; background: #2E95FF; color: #fff; }

.temp-list { margin: 0; }
.temp-list-wrap { margin: 0 -20px; display: flex; flex-wrap: wrap; padding: 5px 0; }
.temp-list-item { width: 25%; padding: 0 14px; margin-bottom: 28px; position: relative; }
.temp-list-item .ui-ring { right: 12px; }
.temp-list-item .ui-ring.left { left: 10px; }
.temp-list-box {transition: all .2s linear;-webkit-transition: all .2s linear;-ms-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;background-color: #fff;position: relative;overflow: hidden;border-radius: 8px 8px 0 0;}
.temp-list-box:hover { box-shadow: 0 0 .8px rgba(38,45,61,.08), 0 .8px 3.2px rgba(38,45,61,.04), 0 4.8px 9.6px rgba(38,45,61,.14); border-color: #e1e6f0; -webkit-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.temp-list-box .item-image { position: relative; overflow: hidden; padding-bottom: 56.2%; background: #F8FBFF; }
.temp-list-box .item-image img {width: 100%;min-height: 100%;height: auto;position: absolute;z-index: 1;left: 0;/*object-fit:cover;*/border-radius: 8px 8px 0 0;}
.temp-list-box .item-image svg { width: 100%; height: 100%; text-anchor: middle; font-size: 20px; position: absolute; }
.temp-list-box .item-text { padding: 10px 15px 6px 15px; }
.temp-list-box .item-text a { font-size: 14px; line-height: 32px; height: 35px; display: block; text-align: center; }
.temp-list-box .item-text p { color: #a1abc2; line-height: 24px; height: 50px; font-size: 14px; overflow: hidden; }
.temp-list-box .item-footer { padding: 0 20px 10px 20px; display: flex; justify-content: space-between; align-items: center; border-radius: 0; min-height: 55px; font-size: 12px; }
.temp-list-box .item-footer .user { vertical-align: middle; }
.temp-list-box .item-footer .user a { color: #b5b5b5; }
.temp-list-box .item-footer .user a:hover { color: #FF6000; }
.temp-list-box .item-footer .user img { width: 24px; height: 24px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.temp-list-box .item-footer .info { text-align: right; }
.temp-list-box .item-footer .info em { border: 0; color: #ed4014; padding: 0; font-size: 12px; background: #fff; }
.temp-list-box .user-box { position: absolute; top: 40px; right: -300px; z-index: 9; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; background: rgba(0,0,0,0.5); padding: 6px 20px; border-top-left-radius: 32px; border-bottom-left-radius: 32px; }
/*.temp-list-box:hover .user-box{ right:0; }*/


.igoos-list { padding: 15px; border-radius: 8px; }
.igoos-list .item-image { padding-bottom: 100%; }
.igoos-list .item-text { padding: 16px; }
.igoos-list .item-text a { font-size: 18px; line-height: 26px; height: 26px; display: block; text-align: left; color: #222; }
.jitheme-shop-normal-item-price { display: flex; justify-content: space-between; align-items: center; height: 57px; padding: 0 16px; background: #f8fbff; border-top: 1px solid #F5F6F7; border-bottom: 1px solid #F5F6F7; }
.shop-normal-item-count { display: none; }
.shop-box-price { color: #f44336; font-size: 15px; font-weight: 700; padding: 0; background: unset; border-top: 0; border-bottom: 0; padding: 0px; }
.shop-box-price .delete-line { font-size: 12px; color: #AAAEB3; text-decoration: line-through; }
.shop-normal-item-right a { height: 34px; background: #1890FF; color: #FFF; text-align: center; line-height: 34px; padding: 0 15px; border-radius: 5px; display: block; font-size: 12px; }
.shop-normal-item-right a:hover { background: #f80; color: #FFF;}
.gg1 img { width: 100%; }
.temp-list-box .user-box .user { vertical-align: middle; }
.temp-list-box .user-box .user a { color: #fff; }
.temp-list-box .user-box .user a:hover { color: #fff; }
.temp-list-box .user-box .user img { width: 24px; height: 24px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.list-tags { height: 20px; margin: 0px 15px 6px 15px; overflow: hidden; color: #b3b3b3; display: block; text-align: center; }
.list-tags a { padding: 0px 3px; max-width: 55px; border-radius: 1px; overflow: hidden; line-height: 20px; font-size: 12px; display: inline-block; height: 20px }
.list-tags a:hover { color: #fff !important; opacity: 1 }
.list-tags a:nth-child(1) { background: #99CC33; color: #fff; opacity: 0.7 }
.list-tags a:nth-child(2) { background: #FF9900; color: #fff; opacity: 0.7 }
.list-tags a:nth-child(3) { background: #FFCC00; color: #fff; opacity: 0.7 }
.list-tags a:nth-child(4) { background: #FF6600; color: #fff; opacity: 0.7 }
.list-tags a:nth-child(5) { background: #66CCCC; color: #fff; opacity: 0.7 }
.list-tags a:nth-child(6) { display: none }
.list-tags a:nth-child(7) { display: none }
.list-tags a:nth-child(8) { display: none }
.list-tags a.last-child { background: #66CCCC; color: #fff; opacity: 0.7 }
. @keyframes fade {
from {
opacity:1
}
50% {
opacity:.5
}
to {
opacity: 1
}
}
.vip-g { display: initial; line-height: 18px; height: 18px; background: #f1f1f1; color: #1890FF; padding: 1px 5px; border-radius: 2px; animation: fade 1200ms infinite; -webkit-animation: fade 1200ms infinite; }
.vip-t { display: initial; line-height: 18px; height: 18px; background: #eff0f1; color: #6c6c6c; padding: 1px 5px; border-radius: 2px; margin-right: 3px; animation: fade 4200ms infinite; -webkit-animation: fade 4200ms infinite; }
.pro-atts { background: #f2f2f2; margin: 0px 0px 10px 0px; padding: 10px 20px; border: #d2d2d2 1px dashed; text-align: left; border-radius: 2px }
.pro-atts .pro-att { color: #555; line-height: 30px; text-align: left; font-size: 14px }
.temp-list-box .item-footer .price { color: #f30; font-size: 16px; }
.temp-list-box .item-footer .price del { color: #999; font-size: 12px; margin-left: 5px; }
.temp-list-box .item-footer .price span { color: #999; font-size: 15px; margin-left: 5px; }
.pro-list .temp-list-box .item-image { padding-bottom: 100%; }

.plug_list{display:flex;flex-wrap:wrap;margin:0 -14px;}
.plug_list_item{width:33.33%;margin:0 0 28px 0;position:relative;padding:0 14px;}
.plug_list_item_body{background:#fff;padding:15px 20px;border:0.8px solid #f3f3f3;border-radius:8px;}
.plug_list_item_body:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-color:#e1e6f0;}
.plug_list_item .ui-ring{right:10px;}
.plug_list_wrap{display:flex;flex-wrap:wrap;padding:10px 10px 10px 0;}
.plug_list_icon{width:66px;height:66px;margin-right:20px;}
.plug_list_icon img{width:100%;height:100%;border-radius:5px;border:1px solid #eaeaea;padding:3px;}
.plug_list_body{flex:1;overflow:hidden;}
.plug_list_body .name{font-size:16px;font-weight:bold;padding-top:5px;}
.plug_list_body .intro{font-size:14px;line-height:24px;margin-top:8px;color:#a1abc2;}
.plug_list_foot{border-top:1px solid #f3f3f3;margin-top:10px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}
.plug_list_foot .price{color:#f30;font-size:14px;}
.plug_list_foot .free{color:#999;font-size:14px;}
.plug_list_foot .user{vertical-align:middle;}
.plug_list_foot .user a{color:#b5b5b5;}
.plug_list_foot .user a:hover{color:#FF6000;}
.plug_list_foot .user img{width:24px;height:24px;border-radius:50%;margin-right:8px;vertical-align:middle;}

.link{padding:10px 0;}
.link a{display:inline-block;margin:10px 8px 0 0;border:1px solid #f3f3f3;padding:10px 15px;border-radius:4px;font-size:15px;color:#666;}
.link a:hover{border-color:#2469F6;color:#2469F6;}

.position-relative{position:relative;margin-top:30px;}
.shape{position:absolute;pointer-events:none;right:0;bottom:-2px;left:0;overflow:hidden;}
.shape svg{transform:scale(2);width:100%;height:34px;transform-origin:top center;vertical-align:middle;color:#202942;background:#fff}

/* hotbox css */
.hotbox { text-align: left; position: relative; }
.hotbox .parHd { height: 46px; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #eee; position: relative; }
.hotbox .parHd ul { float: left; position: absolute; left: 0px; top: -1px; height: 46px; list-style: none; }
.hotbox .parHd ul li { float: left; padding: 0 35px; cursor: pointer; list-style: none; font-size: 18px; position: relative; }
.hotbox .parHd ul li.on { height: 46px; background: #1890FF; color: #FFF; }
.hotbox .parHd ul li.on i { display: block; width: 0; height: 0; font-size: 12px; line-height: 0; overflow: hidden; border: 6px solid #FFF; border-top-color: #1890FF; position: absolute; left: 50%; margin-left: -6px; bottom: -12px; }
.hotbox .parHd a { font-size: 13px; }
.hotbox .parHd a i { font-size: 13px; }
.hotbox .slideBox { padding: 0; position: relative; }
.hotbox .slideBox .temp-list { overflow: hidden; zoom: 1; margin: 0; padding-right: 10px; }
.hotbox .sPrev, .hotbox .sNext { position: absolute; left: -12px; top: 60px; display: block; width: 36px; height: 36px; line-height: 36px; color: #757575; box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 4px 8px 0 rgba(0,0,0,0.20); background: #fff; border-radius: 53%; cursor: pointer; z-index: 99; text-align: center; }
.hotbox .sPrev i, .hotbox .sNext i { font-size: 20px; }
.hotbox .sPrev:hover i, .hotbox .sNext:hover i { color: #f60; }
.hotbox .sNext { left: auto; right: -15px; }
.hotbox .sPrev:hover, .hotbox .sNext:hover { border-color: #f60; }
.hotbox .parBd ul { overflow: hidden; zoom: 1; list-style: none; }
.hotbox .parBd ul li { width: 16.5%; float: left; overflow: hidden; text-align: center; list-style: none; }
.hotbox .parBd ul li .temp-list-item { width: 100%; padding: 0 10px 10px 10px; margin-bottom: 0; position: relative; }
.hotbox .parBd ul li .temp-list-box { border: 0; }
.hotbox .temp-list-box .item-text { padding: 6px 10px 0px 10px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%); margin-bottom: 5px; }
.hotbox .temp-list-box:hover .item-text { box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0); }
.pro-list-box .item-image { padding-bottom: 100%; }
.classname1 { height: 33px; }
.classname1 h2 { float: left; font-size: 22px; height: 31px; line-height: 30px; }
.classname1 h2 a { color: #313131; }
.classname1 .more { float: right; font-size: 13px; margin: 8px 10px 0 0; color: #999; }
.classname1 .more i { font-size: 13px; }
.classname1 .more:hover { color: #f60; }
.classname { height: 43px; border-bottom: 2px solid #1890FF; overflow: hidden }
.classname h2 { float: left; width: 160px; text-align: center; font-weight: normal; font-size: 16px; height: 41px; line-height: 40px; background-color: #1890FF }
.classname h2 a { color: #fff }
.classname h2 a i { color: #fff; font-size: 26px; }
.classname .more { float: right; font-size: 13px; margin: 10px 10px 0 0; color: #999; }
.classname .more i { font-size: 13px; }
.classname .more:hover { color: #f60; }
.home_news { padding-top: 25px; }
.home_news .news-item { width: 32%; margin-right: 2%; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); padding: 15px; }
.home_news .nn3 { margin-right: 0; }
.home_news .ui-media-text { font-size: 13px; }
.home_news .ui-media-header { margin: 0 0 2px 0; font-weight: 600; }
.home_news .ui-media-list .ui-media { padding-bottom: 5px; border: 0; }
.home_news .ui-icon-time-circle { font-size: 14px; }
.home_news .ui-list { font-size: 16px; }
.home_news .ui-list li { padding: 10px; display: block; font-size: 14px; }
.home_news .ui-list li a i { font-size: 12px; margin: 0 5px 0 0 }
.home_news .ui-list li:last-child { border-bottom: 0; }
.home_news .ui-list li a:hover i { color: #F60; }
.ui-menu-more { font-size: 13px; }
.zhifu img { max-width: 96%; }
.new-index-collect-head { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }
.collect-head-title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; height: 74px; position: relative; line-height: 1; margin-right: 42px; }
.collect-head-title .c-title { position: relative; margin-top: 14px; font-size: 28px; font-weight: 700; color: #2d2d2d; z-index: 3; }
.collect-head-title .c-desc { font-size: 14px; font-weight: 400; color: #545b6f; opacity: .7; position: absolute; bottom: 0; left: 0; }
.collect-head-title i { color: #1890ff; position: absolute; right: -10px; top: 0; }
.collect-head-title:after { content: ""; width: 100%; height: 14px; position: absolute; left: 0; bottom: 26px; background-color: #1890ff; }
.collect-head-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.collect-head-list .collect-head-li { min-width: 120px; height: 38px; background: #f6f7f9; border-radius: 19px; margin-right: 14px; overflow: hidden; }

.collect-head-li a { display: block; width: 100%; height: 100%; padding: 0 16px; text-align: center; color: #545b6f; font-size: 15px; line-height: 38px; cursor: pointer; }
.collect-head-li a:hover { background: #1890ff; color: #fff; }
.collect-head-li.on a { background: #1890ff; color: #fff; }
.zhuanti { padding: 20px 0; background: url(../images/zhuantibg.jpg) center no-repeat; }
.zt-tit { text-align: center }
.zt-tit h5 { font-size: 26px; color: #333; height: 32px; line-height: 32px; font-weight: 500; margin: 20px 0 0 0; padding: 0 80px; position: relative; display: inline-block }
.zt-tit h5:before { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; left: 0; background: url(../images/tit1.png) center no-repeat }
.zt-tit h5:after { content: ''; width: 61px; height: 10px; position: absolute; top: 10px; right: 0; background: url(../images/tit2.png) center no-repeat }
.zt-tit em { display: block; border-bottom: 1px solid #1890ff; width: 50px; margin: 20px auto }
.zhuanti-item .temp-list-box { border-radius: 8px; box-shadow: 0px 4px 10px rgba(20,20,20,0.1); }
.zhuanti-item h2 { line-height: 1; font-size: 18px; margin-bottom: 6px; height: 1.2em; color: #525252; margin-top: 18px; }
.zhuanti-item .temp-list-box .item-image { padding-bottom: 50%; position: relative; }
.zhuanti-item .temp-list-box .item-image h5 { position: absolute; left: 0; right: 0; bottom: 6px; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; font-weight: normal; margin: 0; color: #fff; z-index: 10; }
.zhuanti-item h2:before { content: ''; display: inline-block; width: 5px; height: 23px; margin-right: 11px; background: #1890ff; box-shadow: 3px 0px 10px -1px #1890ff; border-radius: 2px; vertical-align: middle; margin-top: -6px }
.zhuanti-item h4 { margin: 0 15px 15px; font-size: 14px; line-height: 1.5em; height: 1.5em; font-weight: normal; overflow: hidden; color: #525252 }
.zhuanti-item .entry { margin: 0 15px 18px; font-size: 14px; line-height: 27px; height: 54px; overflow: hidden; letter-spacing: .2px }
.zhuanti-item a .entry { color: #999 }
.zhuanti-item .btns { text-align: center; margin: 0 0 22px }
.zhuanti-item .btns .btn { display: inline-block; padding: 2px 1em; font-size: 13px; line-height: 32px; background-color: #3385ff; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); color: #fff!important; cursor: pointer; letter-spacing: 1px; border-radius: 3px; }
.zhuanti-item a { display: block; border-top-color: transparent; color: #555; border-radius: 8px; overflow: hidden; background: #fff; transition: all .2s }
.zhuanti-item a:hover .btns .btn { background-color: #3385ff; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); color: #fff!important }
.icon-index { color: #1890ff; margin-right: 10px; font-weight: normal; font-size: 28px!important; display: inline-block; }
.tita h3 { font-size: 22px; font-weight: normal; }
.tita .more { margin-top: 6px; color: #999; cursor: pointer; display: inline-block; letter-spacing: 1px; line-height: 22px; outline: none; padding: 0 5px; text-align: center; border-radius: 5px; font-weight: 400; background: #fff; border: 1px solid #eee; font-size: 13px; padding: 3px 8px; }
.tita .more i { font-size: 13px; }
.inews-list { margin: 0 -14px; }
.inews-list li { padding: 14px; border-bottom: 0; width: 50%; float: left; }
.inews-list li .inews-item { padding: 15px; border-radius: 5px; padding: 15px; background: #FFF; display: flex; flex-wrap: wrap; transition: all .3s }
.inews-list li .inews-item:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) }
.inews-list li .inews-item .item-image { width: 40%; height: 170px; }
.inews-list li .inews-item .item-image img { min-width: 100%; height: 100%; }
.inews-list li .item-body { width: 60%; padding: 0 5px 0 15px; }
.inews-list .text-truncate { margin: 10px 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inews-list .text-truncate a { color: #70b4f9; background: rgba(0,132,255,.1); padding: 3px 6px; border-radius: 2px; font-size: 12px; display: inline-block; margin-right: 5px; }
.inews-list .text-truncate a i { font-size: 13px; line-height: normal; margin-right: 3px; }
.inews-list .text-truncate a:hover { background-color: #3385ff; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); color: #fff }
.ui-media-header { margin: 0 0 5px 0; font-size: 16px; font-weight: normal; }
.inews-list .item-foot { display: flex; justify-content: space-between; align-items: center; border-radius: 0; font-size: 13px; color: #999; }
.fuser img { border-radius: 20px; margin-right: 10px; }
.fuser a { color: #999; }
.fuser a:hover { color: #f60; }
.fdate { text-align: right; font-size: 12px; }
.titb h3 { font-size: 22px; font-weight: normal; }
.titb .more { margin-top: 6px; color: #999; cursor: pointer; display: inline-block; letter-spacing: 1px; line-height: 22px; outline: none; padding: 0 5px; text-align: center; border-radius: 5px; font-weight: 400; font-size: 13px; padding: 3px 8px; }
.titb .more i { font-size: 13px; }
.itop { display: flex; flex-wrap: wrap; border-radius: 5px; overflow: hidden; }
.rank-menu { background-color: #feae18; width: 305px; background-image: url(../images/rank-bg.png); background-repeat: no-repeat; background-position: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100%; padding: 30px 0px 30px 30px; }
.rank-menu li { border-radius: 4px 0 0 4px; text-align: left }
.rank-menu li a { display: block; font-size: 16px; padding: 20px 25px; color: #fff }
.rank-menu .on { background: #fff }
.rank-menu .on a { color: #feae18 }
.itop-r { flex: 1; min-width: 1px; background: #FFF; padding: 43px; }
.rank-item { border-bottom: 1px dashed #f6f6f6; padding: 15px; margin: 10px 0; color: #999; }
.pic-box { width: 120px; height: 80px; position: relative; overflow: hidden; margin-right: 30px; }
.pic-box img { width: 100%; min-height: 80px; position: absolute; left: 0; top: 0; }
.rank-item:last-child { border: 0 }
.rank-item:hover { background: #f8fbff }
.itit { width: 320px; }
.my-table { display: table; width: 100%; height: 80px; }
.my-td { display: table-cell; vertical-align: middle; height: 100%; }
.itit { width: 320px; font-size: 16px; }
.itit a { color: #222; }
.icate { width: 150px; margin: 0 30px; }
.iauthor { width: 150px; }
.ieye { width: 150px; }
.ieye .my-td { text-align: right; }
.ieye .my-td span { color: #faa05a !important; }
.p-bottom-vip { height: 800px; background: url(../images/v-bg.7c6a.png) 50% no-repeat; background-size: cover }
.p-bottom-vip .main { margin: 0 auto; padding: 0 }
.p-bottom-vip .p-bottom-vip-title { text-align: center; padding: 69px 0 30px; line-height: 1; position: relative; margin-bottom: 78px }
.p-bottom-vip .p-bottom-vip-title:after { content: ""; width: 300px; height: 1px; background: #dadeeb; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.p-bottom-vip .p-bottom-vip-title .text { font-size: 36px; color: #2d2d2d; font-weight: 600 }
.p-bottom-vip .p-bottom-vip-title .text-bg { color: #3293ff; opacity: .08; font-size: 48px; font-weight: 600; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 49px }
.p-bottom-vip .p-bottom-vip-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.p-bottom-vip .p-bottom-vip-item { width: 330px; height: 480px; background: #fff; border-radius: 10px; position: relative; padding: 118px 32px 46px; line-height: 1; -webkit-box-shadow: 0 15px 30px 0 rgba(239,222,151,.16); box-shadow: 0 15px 30px 0 rgba(239,222,151,.16) }
.p-bottom-vip .p-bottom-vip-item:before { content: ""; width: 100%; height: 51.4%; background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ffe05f)); background: linear-gradient(0deg, #fff, #ffe05f); opacity: .16; border-radius: 4px; position: absolute; left: 0; top: 0 }
.p-bottom-vip .p-bottom-vip-item.enterprise { -webkit-box-shadow: 0 15px 30px 0 rgba(141,153,169,.16); box-shadow: 0 15px 30px 0 rgba(141,153,169,.16) }
.p-bottom-vip .p-bottom-vip-item.enterprise:before { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#8e9bab)); background: linear-gradient(0deg, #fff, #8e9bab) }
.p-bottom-vip .p-bottom-vip-item.enterprise .b-vip-item-text-bg { color: #677489 }
.p-bottom-vip .p-bottom-vip-item.enterprise .b-vip-item-link { background: -webkit-gradient(linear, left top, right top, from(#9bacc3), to(#5c697f)); background: linear-gradient(90deg, #9bacc3, #5c697f); -webkit-box-shadow: 0 10px 30px 0 rgba(94,107,129,.47); box-shadow: 0 10px 30px 0 rgba(94,107,129,.47) }
.p-bottom-vip .p-bottom-vip-item.enterprise .b-vip-item-link:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 12px 32px 0 rgba(94,107,129,.5); box-shadow: 0 12px 32px 0 rgba(94,107,129,.5) }
.p-bottom-vip .p-bottom-vip-item.enterprise .b-vip-item-li .label { background: #edf4f9 }
.p-bottom-vip .p-bottom-vip-item.editor { -webkit-box-shadow: 0 15px 30px 0 rgba(254,152,97,.16); box-shadow: 0 15px 30px 0 rgba(254,152,97,.16) }
.p-bottom-vip .p-bottom-vip-item.editor:before { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ffae5f)); background: linear-gradient(0deg, #fff, #ffae5f) }
.p-bottom-vip .p-bottom-vip-item.editor .b-vip-item-text-bg { color: #ff8534 }
.p-bottom-vip .p-bottom-vip-item.editor .b-vip-item-link { background: -webkit-gradient(linear, left top, right top, from(#ffce60), to(#ff6f33)); background: linear-gradient(90deg, #ffce60, #ff6f33); -webkit-box-shadow: 0 10px 30px 0 rgba(255,134,53,.47); box-shadow: 0 10px 30px 0 rgba(255,134,53,.47) }
.p-bottom-vip .p-bottom-vip-item.editor .b-vip-item-link:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 12px 32px 0 rgba(255,134,53,.47); box-shadow: 0 12px 32px 0 rgba(255,134,53,.47) }
.p-bottom-vip .p-bottom-vip-item.editor .b-vip-item-li .label { background: #fff2e5 }
.p-bottom-vip .p-bottom-vip-item.gov { -webkit-box-shadow: 0 15px 30px 0 rgba(249,103,103,.16); box-shadow: 0 15px 30px 0 rgba(249,103,103,.16) }
.p-bottom-vip .p-bottom-vip-item.gov:before { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ff635f)); background: linear-gradient(0deg, #fff, #ff635f) }
.p-bottom-vip .p-bottom-vip-item.gov .b-vip-item-text-bg { color: #ff5e52 }
.p-bottom-vip .p-bottom-vip-item.gov .b-vip-item-link { background: -webkit-gradient(linear, left top, right top, from(#ff766d), to(#fa4b39)); background: linear-gradient(90deg, #ff766d, #fa4b39); -webkit-box-shadow: 0 10px 30px 0 rgba(242,53,33,.47); box-shadow: 0 10px 30px 0 rgba(242,53,33,.47) }
.p-bottom-vip .p-bottom-vip-item.gov .b-vip-item-link:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 12px 32px 0 rgba(242,53,33,.5); box-shadow: 0 12px 32px 0 rgba(242,53,33,.5) }
.p-bottom-vip .p-bottom-vip-item.gov .b-vip-item-li .label { background: #fff1f0 }
.p-bottom-vip .b-vip-item-logo { width: 232px; top: -74px }
.p-bottom-vip .b-vip-item-logo, .p-bottom-vip .b-vip-item-text-bg { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.p-bottom-vip .b-vip-item-text-bg { font-size: 50px; font-weight: 600; color: #ffaf34; opacity: .07; top: 54px }
.p-bottom-vip .b-vip-item-title { font-size: 28px; font-weight: 600; color: #333; text-align: center; margin-bottom: 30px; position: relative }
.p-bottom-vip .b-vip-item-link { width: 220px; height: 44px; background: -webkit-gradient(linear, left top, right top, from(#ffdf5e), to(#ffb73b)); background: linear-gradient(90deg, #ffdf5e, #ffb73b); -webkit-box-shadow: 0 10px 30px 0 rgba(255,177,53,.47); box-shadow: 0 10px 30px 0 rgba(255,177,53,.47); border-radius: 22px; display: block; margin: 0 auto 55px; cursor: pointer; text-align: center; line-height: 44px; color: #fff; font-size: 20px; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative }
.p-bottom-vip .b-vip-item-link:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 12px 32px 0 rgba(255,177,53,.5); box-shadow: 0 12px 32px 0 rgba(255,177,53,.5) }
.p-bottom-vip .b-vip-item-li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative }
.p-bottom-vip .b-vip-item-li:not(:last-child) { margin-bottom: 20px }
.p-bottom-vip .b-vip-item-li .label { width: 40px; height: 40px; background: #fffae5; border-radius: 4px; font-size: 12px; color: #2d2d2d; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 3px 7px; line-height: 18px; font-weight: 700; margin-right: 16px }
.p-bottom-vip .b-vip-item-li .item-li-text { line-height: 22px; color: #545b6f; font-size: 13px }
.jysc { display: flex; flex-wrap: wrap; margin: 0 -14px; }
.jysc-item { width: 50%; padding: 14px; float: left; }
.jysc-item .cont { border-radius: 5px; padding: 30px; background: #FFF; display: flex; flex-wrap: wrap; transition: all .3s; }
.jysc-item .cont:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) }
.jysc-item h3 { font-size: 17px }
.jysc-item ul { }
.jysc-item ul li { margin-top: 0!important; border-bottom: 1px solid #f4f4f4; }
.jysc-item ul li a { color: #7c808a; padding: 10px 0; display: block !important; }
.jysc-item ul li a:hover { padding-left: 3px }
.jysc-item .info { color: #bdbdbd }
.jysc-item .info a { color: #bdbdbd }
.jysc-item .jysc-item-cover { height: 260px; max-width: 200px; transform: translateY(-50px); border-radius: 4px; overflow: hidden; }
.cont-txt { flex: 1; min-width: 1px; }
.cont-pic { padding-left: 30px; }
.jysc-item .jysc-item-cover img { height: 100%; }
.fenlei-s { margin-left: 128px; margin-top: -40px; display: block; color: #006eff; }
.fenlei-s i { font-size: 12px; margin-left: 5px; }
.footer-fav { position: relative; background: #edf3f9; width: 100%; overflow: hidden }
.Onecad_hide { visibility: hidden; opacity: 0; transition: all .2s; }
.Onecad_footer_ico i { height: 30px; width: 30px; margin: auto; }
.thumb { display: block; width: 100%; height: 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: transparent; position: relative; overflow: hidden; transition: all .2s; }
@media(min-width:768px) {
.footer-fav { width: auto; overflow: visible; background: #edf3f9; display: flex; }
}
.footer-fav .wrapper { padding-top: 36px; padding-bottom: 36px; overflow: visible }
.footer-fav .site-info { width: 60%; }
 @media(min-width:768px) {
.footer-fav .site-info { width: auto }
}
.footer-fav .site-info h2 { font-size: 20px; line-height: 1.4; margin-bottom: 10px; text-transform: uppercase }
 @media(min-width:768px) {
.footer-fav .site-info h2 { font-size: 26px }
}
.footer-fav .site-info h2 a { color: #000 }
.footer-fav .site-info .site-p { margin-bottom: 10px }
.footer-fav .site-info .site-p p:first-child::after { content: ',' }
 @media(min-width:768px) {
.footer-fav .site-info .site-p { margin-bottom: 0 }
.footer-fav .site-info .site-p p:first-child::after { content: '' }
}
.footer-fav .site-info p { font-size: 12px; color: #797979; line-height: 1.8; margin-bottom: 10px; display: inline }
 @media(min-width:768px) {
.footer-fav .site-info p { font-size: 14px; margin-bottom: 0; display: block }
}
.footer-fav .site-fav { padding-top: 5px }
 @media(min-width:768px) {
.footer-fav .site-fav { padding-top: 24px }
}
.footer-fav .site-fav .btn-orange { font-size: 14px; line-height: 56px; padding: 0 1.2em; background-color: #1e62eb; color: #fff; border-radius: 8px; display: inline-block; }
 @media(min-width:768px) {
.footer-fav .site-fav .btn-orange { font-size: 16px; padding: 0 2em }
}
.footer-fav .site-girl { position: absolute; left: 50%; bottom: 0 }
.footer-fav .site-girl .girl { width: 180px; position: absolute; left: 0; bottom: 0; transition: all .3s }
 @media(min-width:768px) {
.footer-fav .site-girl .girl { left: -50px }
}
.footer-fav .site-girl .girl::after { content: 'Hi~'; display: block; position: absolute; left: 100%; top: 40%; color: #a7a7a7; font-size: 20px; visibility: hidden; opacity: 0; transition: all .2s; transition: all .3s }
.footer-fav .site-girl .thumb { padding-top: 116.667% }
.footer-fav .site-girl .girl-info { margin-left: 150px; margin-bottom: 55px }
.footer-fav .site-girl h4 { font-size: 14px; font-weight: normal; color: #797979; line-height: 1.8 }
.footer-fav .site-girl a { color: #797979 }
.footer-fav .site-girl a:hover { color: #ff5c00; }
 @media(min-width:768px) {
.footer-fav:hover .site-girl .girl { left: -80px;}
.footer-fav:hover .site-girl .girl::after { visibility: visible; opacity: 1; transition: all .2s; }
}
 @media(max-width:767px) {
.home .footer-fav { display: none; }
}
 @media(max-width:767px) {
.footer-fav .btn-group>.btn:last-child { border-radius: 3px; }
}
.footer-navi { position: relative; background: #2a2a32; color: #949498; line-height: 1.9286; padding: 15px 0; /* z-index: 20; */ display: none; background: url(../images/bj.png) no-repeat;background-size: cover }
@media(max-width:768px) {
.footer-navi { padding: 0px 5px; }
.foot-copyright { padding: 0px 10px 60px 10px; text-align:center; color:#666; }
}
@media(min-width:768px) {
.footer-navi { display: block }
}
 @media(min-width:1024px) {
.footer-navi { padding: 40px 0 }
}
 @media(min-width:1310px) {
.footer-navi { overflow: visible }
}
.footer-navi .wrapper { overflow: visible; display: flex; }
.footer-navi a { color: #949498; font-size: 14px }
.footer-navi a:hover { color: #fff }
.footer-navi .title { font-size: 16px; color: #fff; font-weight: normal; line-height: 1.38889; margin-bottom: 14px }
.footer-navi .widget { box-sizing: border-box; position: relative }
.footer-navi .about { margin: 15px 0 30px }
 @media(min-width:1024px) {
.footer-navi .about { width: 32.1538%; padding-right: 15px; margin: 0; font-size: 13px }
}
 @media(min-width:1310px) {
.footer-navi .about { font-size: 14px; padding-right: 40px; height: 190px; color: #949498; }
}
 @media(min-width:768px) {
.footer-navi .wrapper-bq { padding-top: 32px }
}
.footer-navi .navis { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: nowrap; justify-content: space-around; box-sizing: border-box; width: 100%; margin-bottom: 30px }
 @media(min-width:768px) {
.footer-navi .navis { width: 60%; margin-bottom: 0 }
}
 @media(min-width:1024px) {
.footer-navi .navis { width: 40% }
}
.footer-navi .navis .navi { flex: 1; text-align: center }
 @media(min-width:1310px) {
.footer-navi .navis { width: 50%; border-left: 1px solid #222229; border-right: 1px solid #222229; }
.footer-navi .navis .navi { text-align: left; padding-left: 60px }
}
.footer-navi .ewms { margin: 0 auto }
 @media(min-width:768px) {
.footer-navi .ewms { width: 350px; padding-left: 50px; margin: 0 }
}
.footer-navi .ewms::before, .footer-navi .ewms::after { right: auto; left: 0 }
.footer-navi .ewms::before { left: 1px }
.footer-navi .ewms .like { text-align: center }
.footer-navi .ewms .like strong { color: #fe3d7d; font-size: 54px; line-height: 1.24; font-weight: 400; font-family: Impact; background-image: linear-gradient(to right, #13adff 0, #3385ff 50%, #3385ff 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 2s infinite linear }
.footer-navi .ewms .like h3 { font-size: 14px; color: #949498; font-weight: normal; line-height: 1.1 }
.footer-navi .ewms ul { text-align: center; color: #949498; margin-bottom: 35px }
.footer-navi .ewms li { float: left; width: 33.3333%; padding: 16px; position: relative; line-height: 1.3; margin-top: 0 }
.footer-navi .ewms li:hover .ewm-content { visibility: visible; bottom: 100%; opacity: 1 }
.footer-navi .ewms .ico { font-size: 46px; cursor: pointer; transition: all .2s }
.footer-navi .ewms .ico:hover { color: #fff }
.footer-navi .ewms .ico i { display: block }
.footer-navi .ewms h4 { font-size: 12px; font-weight: normal; margin: 0 }
.footer-navi .ewms .ewm-content { position: absolute; left: 50%; bottom: 200%; background: #fff; box-shadow: 0 16px 32px 0 rgba(0,0,0,0.1); box-sizing: border-box; width: 330px; transform: translate(-50%, 0); height:160px; }
.footer-navi .ewms .ewm-content::before { content: ''; display: block; position: absolute; margin-left: -6px; left: 50%; top: 100%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff }
 @media(max-width:1600px) {
.footer-navi .ewms .ewm-content.ewm-douyin, .footer-navi .ewms .ewm-content.ewm-wechat { left: auto; right: 0; transform: translate(0, 0) }
.footer-navi .ewms .ewm-content.ewm-douyin::before, .footer-navi .ewms .ewm-content.ewm-wechat::before { left: auto; right: 30px }
.footer-navi .ewms .ewm-content.ewm-douyin { transform: translate(70px, 0) }
.footer-navi .ewms .ewm-content.ewm-douyin::before { right: 100px }
}
.footer-navi .ewms .ewm-content.ewm-douyin { width: 400px }
.footer-navi .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div { width: 160px }
.footer-navi .ewms .ewm-main { padding: 20px; text-align: left }
.footer-navi .ewms .ewm-main .Onecad_fl { float: left }
.footer-navi .ewms .ewm-main .fr { float: right }
.footer-navi .ewms .ewm-main .thumb-div { width: 120px; margin-right: 30px }
.footer-navi .ewms .ewm-main .thumb { padding-top: 100% }
.footer-navi .ewms .ewm-main h4 { font-size: 14px; font-weight: normal; color: #333; line-height: 1.714; margin-top: 4px }
.footer-navi .ewms .ewm-main h4 span { color: #47c333 }
.footer-navi .ewms .ewm-main a { color: #ff3401 }
.footer-navi .ewms .ewm-main a:hover { color: #ff5c00 }
.footer-navi .ewms .ewm-main h5 { font-weight: normal; font-size: 12px; color: #888; line-height: 20px; }
.footer-navi .ewms .ewm-douyin .ewm-main { padding-left: 0; padding-right: 0; text-align: center }
.footer-navi .ewms .ewm-douyin .ewm-main .thumb-div { margin: 0 auto }
.footer-navi .ewms .ewm-douyin .ewm-douyin-1, .footer-navi .ewms .ewm-douyin .ewm-douyin-2 { width: 50% }
.footer-navi .ewms .ewm-douyin .ewm-douyin-1 { position: relative }
.footer-navi .ewms .ewm-douyin .ewm-douyin-1:after { content: ''; display: block; position: absolute; right: 0; top: 10%; width: 1px; height: 80%; background: #f3f3f3 }
 @media(min-width:768px) {
.footer-navi .bands { float: left; width: 100% }
}
 @media(min-width:1024px) {
.footer-navi .bands { width: 73% }
}
.footer-navi .bands ul { margin: 0 -8px 0 -7px; display: flex; align-content: space-between; }
.footer-navi .bands ul li { padding: 0 8px 15px 7px; width: 50%; box-sizing: border-box }
@media(min-width:768px) {
.footer-navi .bands ul li { width: 16.6667% }
}
.footer-navi .bands .band { background-color: #42424d; padding-top: 52px; border-radius: 3px; transition: all .2s }
.footer-navi .bands .band::after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; top: 0; transition: all .2s }
.footer-navi .bands .band:hover { background-color: #24242d }
.footer-navi .bands .band:hover::after { background: transparent }
/*LOGO*/

.footer-navi .qqgroup { width: 100% }
 @media(min-width:1024px) {
.footer-navi .qqgroup { width: auto }
}
.footer-navi .qqgroup a { display: block; width: 220px; height: 52px; line-height: 52px; background: #222228; border-radius: 3px; text-align: center; margin: 0 auto }
@media(max-width:1023px) {
.hide_sm { display: none !important }
}
#Onecad_footer_ys2 .wrapper:before, #Onecad_footer_ys2 .wrapper:after { content: ""; height: 0; line-height: 0; display: block; visibility: none; clear: both }
.footer { background: #121212;/* position: relative;
	z-index: 20 */ }
.footer .footer-colors { width: 100%; height: 4px; background-color: #333; background-position: 0 0; background-repeat: repeat; background-image: -webkit-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: -o-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: -moz-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); animation: animate-colors 200s infinite linear; animation-play-state: paused }
.footer .colors-shadow::after { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(18,18,18,0.8), #121212) }
.footer .friendlinks { font-size: 12px; color: #4f4f4f; line-height: 2; margin: 0 -.5em 20px; word-break: keep-all }
.footer .friendlinks h6 { font-size: 12px; font-weight: normal; display: inline; margin: 0 .5em }
.footer .friendlinks ul { display: inline }
.footer .friendlinks li { display: inline; margin: 0 .5em }
.footer .friendlinks a { color: #4f4f4f }
.footer .friendlinks a:hover { color: #acacac }
.footer .copyright { color: #7f7f7f; line-height: 1.5; font-size: 12px; text-align: center }
 @media(min-width:768px) {
.footer .copyright { color: #545454 }
}
.footer .copyright .asline { font-style: normal; display: block }
 @media(min-width:768px) {
.footer .copyright .asline { display: inline }
}
.footer .copyright p { padding: .5em 0; border-radius: 4px }
 @media(min-width:768px) {
.footer .copyright p { background: #000; display: inline-block; padding: .5em 1.5em }
}
.footer .copyright a { color: #7f7f7f }
 @media(min-width:768px) {
.footer .copyright a { color: #545454 }
}
.footer .copyright a:hover { color: #acacac }
.footer .Onecad_fl h2 a { font-size: 26px; }
@media all {
.footer:hover .footer-colors { animation-play-state: running }
}
 @keyframes animate-colors { 0% {
 background-position: 0 0
}
 100% {
 background-position: 7000px 0
}
}
.footer .footer-colors { width: 100%; height: 4px; background-color: #333; background-position: 0 0; background-repeat: repeat; background-image: -webkit-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: -o-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: -moz-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); animation: animate-colors 200s infinite linear; animation-play-state: paused; }
.footer-links { text-align: center; display: flex; justify-content: center; padding: 20px; border-radius: 3px; position: relative; background: rgb(0 0 0 / 3%) }
.footer-links ul { display: flex; flex-wrap: wrap; }
.footer-links ul li { padding: 5px 8px; }
.footer-links ul li a {    color: #666666;}
.footer-links ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0) }
.footer-links ul li a:hover { border-bottom: 1px solid #ccc }
.footer-bottom { display: flex; height: 60px; align-items: center; justify-content: space-between; }
.links-widget p { font-size: 12px; color: #777; }

.foot-copyright { padding: 0px 10px 60px 10px; text-align:center; color:#666; line-height:200%;}
.foot-copyright a{ color:#666; }
.site-footer-nav { display: flex; }
.site-footer-nav .footer-bottom { width: 100% }
.site-footer-nav .wrapper .footer-links { margin: 20px 0; }
.footer-bottom-left { display: flex; align-items: center }
.footer-bottom-left img { width: 20px; height: 20px; margin-right: 5px }
.bg_body { background: #fafafa; }
.ui-media-header { padding-bottom: 5px; }
.ui-media-other { vertical-align: middle; padding-top: 10px; }
.ui-media-other a { color: #b5b5b5; }
.ui-media-other a:hover { color: #FF6000; }
.ui-media-other img { width: 24px; height: 24px; border-radius: 50%; margin: 0 10px; vertical-align: middle; }
.ui-media-other em { border: 1px solid #ED4014; color: #ed4014; padding: 2px 6px; font-size: 14px; background: #fff; margin-left: 10px; }
.bread-bg {background: #eceef5;width: 100%;padding: 20px 0;}
.bread-bg .ui-bread { font-size: 13px; }
.bread-bg .ui-bread i.ui-icon-home { font-size: 14px; vertical-align: baseline; margin-right: 5px; }
.bread-bg .ui-bread ul li + li:before { padding: 0 5px; }


.page_single{display:flex;margin:30px 0;box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-radius:10px;}
.page_single_left{width:250px;background:#39364D;border-radius:10px 0 0 10px;min-height:700px;}

.page_nav ul{margin:30px 0;list-style:none;}
.page_nav ul li{line-height:60px;padding-left:44px;border-bottom:1px solid #222031;position:relative;}
.page_nav ul li:after{position:absolute;content:'';display:block;width:100%;height:1px;background:#46425E;left:0;bottom:-2px;}
.page_nav ul li a{font-size:16px;color:#fff;}
.page_nav ul li.active{background:linear-gradient(90deg,#FFF7F4 1%,#fff 90%);border-left:4px solid #1890FF;margin-left:-10px;border-bottom:0;}
.page_nav ul li.active:after{display:none;}
.page_nav ul li.active a{color:#1890FF;}

.ucenter{background:#F7F6FC url('../images/active.jpg') no-repeat center;background-size:cover;height:220px;padding:20px 0;}
.u-header{display:flex;align-items:center;justify-content:space-between;}

.user-info{display:flex;align-items:center;justify-content:space-between;padding:30px 0 0 0;}
.user-info .face{width:120px;}
.user-info .face img{width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,0.8)}
.user-info .name{color:#fff;font-size:28px;font-weight:bold;margin-left:30px;}
.user-info .name div{font-size:16px;font-weight:normal;line-height:40px;}
.user-info-data{display:flex;align-items:center;padding-top:30px;min-width:450px;}
.user-info-data .item{/*width:33.33%;*/position:relative;text-align:center;padding:0 40px;}
.user-info-data .item:after{content:'';position:absolute;display:block;right:0;top:0;width:1px;height:60%;background:rgba(255,255,255,0.2);transform:translateY(40%);}
.user-info-data .item:last-child:after{display:none;}
.user-info-data .item .info{font-size:16px;color:#fff;line-height:40px;}
.user-info-data .item .num{font-size:30px;color:#fff;}

.user_nav{padding:0 20px;margin-top:20px;}
.user_nav .ui-fold-menu{border:0;padding:0 0 0 30px;}
.user_nav .ui-fold-menu i{color:rgba(255,255,255,0.6);font-size:16px;}
.user_nav .ui-fold-menu a{color:#B1AEC2;font-size:16px;}
.user_nav .ui-fold-menu.active{background:#29263A;border-radius:10px 10px 0 0;}
.user_nav .ui-fold-menu.active a{color:#fff;}
.user_nav .ui-fold-menu.active i{color:#fff;}
.user_nav .ui-fold-body{background:#29263A;padding:0 0 10px 0;border-radius:0 0 10px 10px;margin:-1px 0 10px 0;}
.user_nav .ui-fold-body li{border:0;}
.user_nav .ui-fold-body li a{color:#908BB5;font-size:16px;}
.user_nav .ui-fold-body li a:hover{color:rgba(255,255,255,0.8);}
.user_nav .ui-fold-body li i{font-size:24px;margin-right:10px;}
.user_nav .ui-fold-body li.active a{color:rgba(255,255,255,0.8);}

.page_single_right{flex:1;overflow:hidden;background:#fff;border-radius:0 10px 10px 0;padding:40px 64px;}
.page_title{font-size:24px;color:#000;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:20px;position:relative;}
.page_title:after{content:'';display:block;bottom:0;width:100px;height:2px;background:#1890FF;position:absolute;}
.page_title a{position:absolute;right:0;top:15px;font-size:15px;color:#f30;}
.page_content{min-height:100px;margin-top:30px;}
.page_content *{max-width:100%;}
.page_content>p{margin-bottom:15px;font-size:16px;line-height:34px;}
.page_content>h1{font-size:28px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 0;padding-bottom:20px;}
.page_content>h2{font-size:24px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 0;padding-bottom:20px;}
.page_content>h3{font-size:20px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 00;padding-bottom:20px;}
.page_content>h4{font-size:16px;line-height:normal;}

.page_contact{font-family:verdana;color:#666;}
.page_contact h1{color:#262d3d;margin:30px 0 -10px 0;font-size:26px;}
.contact{margin-top:50px;display:flex;flex-wrap:wrap;padding:5px 0;}
.contact-item{width:50%;margin-bottom:40px;}
.contact-item .wrap{padding:35px 45px;background:#fff;border-radius:6px;border:.8px solid #e1e6f0;color:#a1abc2;}
.contact-item .wrap:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);}
.contact-item em{font-size:30px;margin:0 30px 20px 0;float:left;background:#1890FF;color:#fff;width:55px;height:55px;line-height:52px;border-radius:50%;text-align:center;}
.contact-item h3{font-family:microsoft yahei;color:#333;font-size:18px;font-weight:600;color:#262d3d;}
.contact-item:nth-child(1n){padding-right:40px;padding-right:0;}
.contact-item:nth-child(2n){padding-right:0;padding-left:40px;}

.proshow { display: flex; background: #fff; position: relative; }
.proshow-left { width: 430px; margin-right: 50px; }
.proshow-left img { width: 100%; }
.proshow-right { flex: 1; }
.pro-name { font-size: 24px; color: #262d3d; font-weight: normal; position: relative; padding-top: 5px; }
.pro-name i { margin-left: 10px; padding: 0 10px; height: 22px; display: inline-block; border: 1px solid #1890FF; color: #1890FF; margin-top: -5px; line-height: 20px; text-align: center; font-size: 14px; font-style: normal; }
.pro-name span { font-size: 12px; color: #f60; padding: 2px 6px; font-weight: normal; position: absolute; right: -20px; top: -22px; border: #f90 1px double; }
.goods_vprice i { font-size: 36px; line-height: normal; margin-right: 10px; font-style: normal; }
.svip { color: #fff; background: #333; font-size: 14px; border-radius: 6px; display: inline-block; padding: 5px 15px; }
.svip a { border-radius: 2px; background: #F00; color: #fff; padding: 0 5px; }
.svip a:hover { color: #fff; }
.huodong { font-size: 14px; color: #929191; margin-top: 22px }
.ui-btn-group1 { text-align: center; }
.ui-btn-group-item1 { border: #ddd 1px solid; padding: 5px 15px; margin: 0 6px; display: inline-block; border-radius: 20px; }
.ui-btn-group-item1:hover { border: #aaa 1px solid; }
.pro-intro { color: #999; padding: 10px 0; border-bottom: #eeeeee 1px solid; font-size: 13px; }
.info i { vertical-align: baseline; margin-right: 5px; }
.art-info-right .ui-btn-group-item i { vertical-align: middle; }
.art-info-right .ui-work { background: #ff4837; height: 38px; line-height: 34px; }
.art-info-right .ui-work a { color: #fff; }
.tags { border-bottom: #eeeeee 1px dotted; padding: 30px 0; font-size: 13px; }
.tags .tagtit { display: inline-block; color: #929191; line-height: 28px; font-size: 14px; }
.tags a { border: #a6a6a6 1px dashed; text-align: center; text-decoration: none; margin-left: 12px; padding: 0 12px; display: inline-block; color: #929191; position: relative; line-height: 28px; }
.tags a:hover { border: #d10000 1px dashed; color: #1890FF }
.pro-price { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; margin-bottom: 20px; border-bottom: #eeeeee 1px dotted; }
.pro-price .price { color: #f30; font-size: 36px; }
.pro-price .price i { color: #f30; font-size: 18px; font-style: normal; }
.pro-price .price del { color: #777; font-size: 15px; margin-left: 10px; }
.pro-price em { border: 1px solid #2E95FF; color: #2E95FF; padding: 4px; border-radius: 4px; }
.pro-ul { list-style: none; padding: 0 10px; clear: both; }
.pro-ul li { display: flex; padding: 6px 0; align-items: center; }
.pro-ul li em { color: #a1abc2; width: 56px; display: block; font-size: 15px; }
.pro-action { padding-top: 10px; }
.code-box { padding-left: 236px; position: relative; }
.url-code { display: block; width: 236px; position: absolute; top: 10px; left: 0px; }
.pro-action .ui-btn { border-radius: 8; height: 50px; line-height: 50px; padding: 0 30px; }
.pro-action .ui-btn i { vertical-align: middle; }
.pro-action-left { padding-left: 65px; line-height: 50px; display: flex; }
.pro-action-left button { display: block; padding: 0 25px; color: #2E95FF; text-align: center; border: 0; overflow: hidden; font-size: 16px; margin-right: 15px; border-radius: 4px; }
.pro-action-left button.red { background: #ff4837; color: #fff; }
.pro-action-left button.blue { background: #2E95FF; color: #fff; }
.pro-action-left button.yellow { background: #ff8037; color: #fff; }
.pro-action-left button.green { background: #19BE6B; color: #fff; }
.pro-action-right { display: inline-block; }
.proshow-intro { min-height: 300px; background: #fff; }
.proshow-nav { background: #fbfbfb; border-bottom: 1px solid #f1f1f1; border-radius: 0 10px 0 0; }
.proshow-nav ul { list-style: none; display: flex; margin-bottom: -1px; }
.proshow-nav ul li { }
.proshow-nav ul li b { display: block; padding: 10px 25px; cursor: pointer; font-size: 16px; font-weight: normal; }
.proshow-nav ul li.active{background:#fff;border:1px solid #f3f3f3;border-bottom:1px solid #fff;border-top:3px solid #1890FF;border-radius:4px 4px 0 0;}
/*.proshow-nav ul li.active { background: #fff; border: 1px solid #f3f3f3; border-bottom: 1px solid #fff; border-top: 3px solid #2E95FF; }*/
.proshow-nav ul li.active b { color: #2E95FF; font-weight: bold; }
.ui-tab-panel { padding: 30px; min-height: 500px; line-height: 180%; }
.ui-tab-panel p { margin-top: 3px; }
.ui-tab-panel img { max-width: 100%; }
.tempshow { display: flex; justify-content: space-between; position: relative; }
.tempshow-left { flex: 1; margin-right:6px; }
.tempshow-left .ui-media-header { margin: 0 0 5px 0; font-size: 15px; font-weight: normal; }
.dedede { border: #dedede 1px solid; }
.tempshow-right { width: 300px; }
.my-right { width: 300px; }
.tempbox { box-shadow: 0 0 .8px rgba(38,45,61,.08), 0 .8px 3.2px rgba(38,45,61,.04), 0 4.8px 9.6px rgba(38,45,61,.14); min-height: 300px; background: #fff; border-radius: 10px; }
.tempshow-head { margin: 0; }
.temp-action-left { display: inline-block; }
.temp-box { background: #fff; padding: 5px 15px; position: relative; border: #dedede 1px solid; }
.temp-name { font-size: 18px; color: #000; margin-bottom: 10px; border-bottom: 1px solid #eee; padding: 10px 0; position: relative; overflow: hidden; }
.temp-name:after { content: ''; display: block; bottom: 0; width: 70px; height: 2px; background: #2E95FF; position: absolute; }
.temp-name a { float: right; font-size: 15px; margin-top: 10px; }
.temp-name a span { color: #f30; margin-right: 5px; }
.temp-author { display: flex; align-items: center; margin-top: 20px; }
.temp-author .face { width: 70px; margin-right: 20px; }
.temp-author .face img { width: 100%; height: 100%; border-radius: 50%; }
.temp-author .body { }
.temp-author .body .name { font-size: 16px; }
.temp-author .body .star { color: #F90; }
.cont-bg {background: #eceef5;width: 100%;}
.fff { background: #FFF; }
.mb-tit { margin-top: 15px; }
.mb-tit h2 { padding: 3px 10px; margin: 0; display: inline-block; background-color: #39F; color: #FFF; font-size: 16px; font-weight: normal; position: relative; }
.mb-tit h2:before { content: ""; width: 0; height: 0; border: 8px solid transparent; border-top-color: #39F; display: block; position: absolute; bottom: -15px; left: 50%; margin-left: -6px; }
.mb-tit1 { margin-top: 5px; }
.mb-tit1 h2 { padding: 3px 10px; margin: 0; display: inline-block; background-color: #999; color: #FFF; font-size: 16px; font-weight: normal; position: relative; }
.mb-tit1 h2:before { content: ""; width: 0; height: 0; border: 8px solid transparent; border-top-color: #999; display: block; position: absolute; bottom: -15px; left: 50%; margin-left: -6px; }
.ui-box { padding: 20px 15px 15px 15px; border: #d6eaff 1px solid; border-top: 0; border-right: 0; line-height: 180%; }
.ui-box1 { padding: 20px 15px 15px 15px; border: #eee 1px solid; border-top: 0; border-right: 0; line-height: 180%; }
.mb-tit2 { margin-top: 5px; }
.mb-tit2 h2 { padding: 3px 10px; margin: 0; display: inline-block; background-color: #f80; color: #FFF; font-size: 16px; font-weight: normal; position: relative; }
.mb-tit2 h2:before { content: ""; width: 0; height: 0; border: 8px solid transparent; border-top-color: #f80; display: block; position: absolute; bottom: -15px; left: 50%; margin-left: -6px; }
.ui-box-bq { padding: 12px; border: #ffd6b6 1px solid; background: #fff6ee; margin-top: 25px; color: #999; font-size: 12px; text-align: center; }
.shouhou { border-top: solid 1px #ddd; border-left: solid 1px #ddd; line-height: 32px; font-size: 15px; width: 100%; }
.shouhou th { background-color: #f9f9f9; text-align: center }
.shouhou th, .shouhou td { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.shouhou tr:nth-child(even) { background-color: #f9f9f9; }
.shouhou { border-collapse: collapse; border-spacing: 0 }
.shouhou th { padding: 0 }
.shouhou a { font-size: 14px }
#jykb { height: 45px; width: 1416px; margin: 0 auto 15px 0; z-index: 9999; background: #fff }
#jykb a { color: #666; }
.jykb_l { float: left; background: #f3f5f8; height: 45px; padding: 15px; line-height: 12px; }
.jykb_l span { font-size: 14px; color: #5c5c5c; vertical-align: middle; font-weight: bold; margin-left: 5px; }
.jykb_l img { position: relative; top: 2px; }
.jykb_r { float: left; height: 25px; margin: 10px 0; height: 25px; overflow: hidden; }
.jykb_r a { float: left; }
.jykb_r li { height: 23px; border: 0; padding: 0 0 0 10px; font-size: 12px; }
.jykb_r li span { color: #F00; }
.jykb_r li b { color: #ef1e25; display: inline-block; vertical-align: top; height: 16px; line-height: 14px; padding: 0 5px; text-align: center; border: 1px solid #ef1e25; border-radius: 8px; -webkit-border-radius: 8px; margin: 2px 0 1px 5px; font-weight: normal; }
.serbz { float: right; height: 35px; text-align: left }
.serbz span { float: left; display: block; line-height: 35px; height: 35px; padding: 5px 10px 0 35px; background: url(../images/ico-jybz.png) no-repeat; color: #666; }
.serbz span.no1 { background-position: 5px 11px }
.serbz span.no2 { background-position: 5px -25px }
.serbz span.no3 { background-position: 5px -60px }
.serbz span.no4 { background-position: 5px -97px }
.dwlist { list-style: none; }
.dwlist li { text-align: left; color: #666; overflow: hidden; list-style: none; font-size: 14px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: #eee 1px dashed; }
/* .dwlist li:hover{box-shadow: 0 0 .8px rgba(38,45,61,.08), 0 .8px 3.2px rgba(38,45,61,.04), 0 4.8px 9.6px rgba(38,45,61,.14); cursor:pointer;}*/
.dwlist li .pic { width: 28px; height: 28px; float: left; margin: 2px 10px 0 0; overflow: hidden; border-radius: 100%; }
.dwlist li .pic img { transition: all .5s; }
.dwlist li:hover img { transform: scale(1.1); }
.dwlist li p { }
.dwlist li p a { color: #777; }
.dwlist li p .gray { color: #999; }
.dwlist li p .vipg { border: #bdddff 1px solid; padding: 0px 3px; color: #2E95FF; }
.dwlist li p .vip { color: #f60; }
.artlist { list-style: none; }
.artlist li { line-height: 40px; border-bottom: 1px solid #f3f3f3; padding: 5px 0; }
.artlist li:last-child, .ui-media-list li:last-child, .ui-fold .ui-fold-menu:last-child { border-bottom: 0; }
.artlist li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.artlist li a em { background: #999; color: #fff; height: 26px; line-height: 26px; width: 26px; border-radius: 50%; font-family: verdana; margin-right: 10px; font-size: 12px; display: inline-block; text-align: center; }
.artlist li:nth-child(1) a em { background: #ff7300; }
.artlist li:nth-child(2) a em { background: #ff7300; }
.artlist li:nth-child(3) a em { background: #ff7300; }


.ui-goods-sku{list-style:none;padding:0 10px;margin-top:5px;}
.ui-goods-sku .tips{display:none;}
.ui-goods-sku li{line-height:30px;display:flex;color:#555;}
.ui-goods-sku li em{color:#a1abc2;display:inline-block;min-width:54px;padding-top:5px;font-size:14px;}
.ui-goods-sku li span{color:#f30;padding-right:5px;}
.ui-goods-sku li dl{margin-top:3px;display:flex;flex-wrap:wrap;flex:1;}
.ui-goods-sku li dl dt{font-weight:normal;line-height:28px;border:1px solid #eaeaea;border-radius:4px;padding:6px 15px;min-width:40px;min-height:28px;margin:0 10px 10px 0;cursor:pointer;position:relative;text-align:center;font-size:14px;}
.ui-goods-sku li dl dt.image{padding:4px;}
.ui-goods-sku li dl dt img{display:block;width:80px;height:80px;object-fit:cover;}
.ui-goods-sku li dl dt:hover{border:1px solid #1890FF;}
.ui-goods-sku li dl dt:hover a{color:#1890FF;}
.ui-goods-sku li dl dt i{position:absolute;right:0px;bottom:-8px;color:#fff;z-index:20;font-size:10px;display:none;}
.ui-goods-sku li dl dt.selected{border:1px solid #1890FF;}
.ui-goods-sku li dl dt.selected a{color:#1890FF;}
.ui-goods-sku li dl dt.selected:before{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:20px solid #1890FF;border-left:20px solid transparent;z-index:10;}
.ui-goods-sku li dl dt.selected i{display:block;}
.ui-goods-sku.active{border:1px solid #f30;padding:0;}
.ui-goods-sku.active li{padding:0 15px 0 15px;}
.ui-goods-sku.active li:last-child{padding-bottom:15px;}
.ui-goods-sku.active .tips{display:block;margin-bottom:15px;background:#f30;color:#fff;padding:10px 0 10px 20px;}



.ui-tab-panel{padding:15px 30px;min-height:200px;}
.ui-tab-panel img{max-width:100%;}
.ui-tab-panel *{max-width:100%;}
.ui-tab-panel>p{margin-bottom:15px;font-size:15px;line-height:30px;}
.ui-tab-panel>h1{font-size:28px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 0;padding-bottom:20px;}
.ui-tab-panel>h2{font-size:24px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 0;padding-bottom:20px;}
.ui-tab-panel>h3{font-size:20px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 0;padding-bottom:20px;}
.ui-tab-panel>h4{font-size:16px;line-height:normal;}



.faq .ui-fold-menu{background:#fff;border-bottom:0;border-radius:6px;padding:6px 15px 6px 30px;margin-top:15px;border:1px solid #eaeaea;}
.faq .ui-fold-menu i{color:#999;font-size:16px;}
.faq .ui-fold-menu a{color:#333;}
.faq .ui-fold-menu.active{background:#FFFCFB;border-radius:6px 6px 0 0;border:1px solid #FFE9E3;}
.faq .ui-fold-menu.active a{color:#f30;font-weight:bold;}
.faq .ui-fold-menu.active i{color:#1890FF;}
.faq .ui-fold-body{background:#fff;border-radius:0 0 6px 6px;padding:20px 30px;border:1px solid #FFE9E3;border-top:0;}
.faq .ui-fold-body .ui-row{justify-content:space-between;}
.faq .ui-fold-body .tips{margin:3px 15px 0 0;}
.faq .ui-fold-body .tips span{background:#FF6741;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:50%;}
.faq .ui-fold-body .ans{flex:1;overflow:hidden;line-height:30px;}
.faq .ui-fold-body .ans span{color:#999}
.faq .ui-fold-body .ans a{color:#f30}
.faq .ui-fold-body .ans a:hover{text-decoration:underline;}

.artshow{margin:0;box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);/*border-radius:10px;*/background:#fff;padding:40px;position:relative;}
.art-title h1{font-size:32px;line-height:40px;color:#1c1f21;}
.art-info{color:#9199a1;line-height:24px;font-size:15px;padding:20px 0;display:flex;align-items:center;justfily-content:space-between;border-bottom:1px solid #f3f3f3;}
.art-info-left{display:flex;align-items:center;}
.art-info-right{text-align:right;flex:1;overflow:hidden;}
.art-info .user{vertical-align:middle;}
.art-info .user img{width:48px;height:48px;border-radius:50%;margin-right:10px;vertical-align:middle;}
.art-info .info{}
.art-info .info a{color:#333;}
.art-info .info a:hover{color:#f30;}
.art-info .info p { display: block; font-size: 14px; }
.art-info .info p span { font-size: 12px; margin-right: 12px; display: inline-block; background: #eff0f1; padding: 1px 15px 1px 8px; border-top-right-radius: 2em; border-bottom-right-radius: 2em; }
.art-info .info p em { color: #fcfbf7; display: inline-block; background: #1890FF; padding: 1px 15px 1px 8px; border-top-right-radius: 2em; border-bottom-right-radius: 2em; margin-top: -2px; margin-right: 12px; }
.art-info .info p em a { color: #fcfbf7 }
.my-ym { width: 100%; height: 90px; overflow: hidden }
.my-ym { width: 100%; height: 60px; border: 1px dashed #dedede; background: #2e95ff; background-image: none; background-image: -webkit-gradient(linear, left top, right top, from(#2e95ff), to(#47cb89)); background-image: -webkit-linear-gradient(left, #2e95ff, #47cb89); background-image: linear-gradient(to right, #2e95ff, #47cb89); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#2e95ff, endColorStr=#47cb89);
}
.my-ym a { height: 60px; width: 100%; display: block; text-align: center; font-size: 20px; line-height: 60px; color: #fff; }
.my-ym a:hover {color: #fff; }
.ui-share { text-align: right; color: #999; }
.ui-share a{display:inline-block;width:40px;line-height:35px;height:40px;border-radius:50%;border:1px solid #eaeaea;margin-left:10px;text-align:center;vertical-align:middle;}
.ui-share a i{font-size:22px;}
.ui-share a:nth-child(1){color:#1890FF;}
.ui-share a:hover:nth-child(1){border-color:#1890FF;}
.ui-share a:nth-child(2){color:#ED4014;}
.ui-share a:hover:nth-child(2){border-color:#ED4014;}
.ui-share a:nth-child(3){color:#19BE6B;}
.ui-share a:hover:nth-child(3){border-color:#19BE6B;}

.art-body{word-break:break-all;padding-top:30px;font-size:16px;}
.art-body img{max-width:100%;}
.art-body p{margin-bottom:20px;line-height:32px;font-size:16px;}
.art-body h1{font-size:24px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 0;padding-bottom:20px;}
.art-body h2{font-size:22px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:0 0 20px 0;padding-bottom:20px;}

.art-body h4{font-size:16px;line-height:normal;}
.art-body a{color:#206DF5;}
.art-login{position:relative;min-height:200px;max-height:800px;overflow:hidden;}
.art-login .readmore{position:absolute;left:0;bottom:0;z-index:99;width:100%;height:120px;font-size:16px;line-height:30px;text-align:center;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 50%);cursor:pointer;padding-top:20px;font-family:microsoft yahei;color:#999;}
.art-login .readmore span{color:#f30;padding:0 5px;}
.art-login .ui-line:before{border-color:#1890FF;}
.art-login .ui-line span{border:1px solid #1890FF;border-radius:4px;background:#fff;padding:10px 20px;}

.user_info{display:flex;padding:20px 0;margin-bottom:30px;}
.user_info_left{width:50%;display:flex;}
.user_info_left .face{width:150px;margin-right:30px;}
.user_info_left .face img{width:140px;height:140px;border-radius:50%;}
.user_info_left .info{line-height:35px;font-size:16px;}
.user_info_left .info p{font-weight:bold;}
.user_info_left .info p span{font-weight:normal;margin-left:15px;font-size:14px;color:rgba(0,0,0,.4);}
.user_info_left .info div span{color:rgba(0,0,0,.4);}
.user_info_right{width:50%;display:flex;align-items:center;padding-top:20px;}
.user_info_right.bill{width:70%;}
.user_info_right .item{width:33.33%;position:relative;text-align:center;}
.user_info_right .item:after{content:'';position:absolute;display:block;right:0;top:0;width:1px;height:80%;background:#eaeaea;transform:translateY(10%);}
.user_info_right .item:last-child:after{display:none;}
.user_info_right .item .info{font-size:15px;color:rgba(0,0,0,.4);line-height:40px;}
.user_info_right .item .num{font-size:24px;color:#666;}
.user_info_right .item .num span{font-size:12px;color:#999;margin-left:5px;}
.user_info_right .item .num.red{color:#f30;}

.fee_wrap{margin:20px -14px 0 -14px;display:flex;flex-wrap:wrap;}
.fee_item{width:33.33%;padding:14px;}
.fee_item_body{background:#F8FBFF;padding:15px 20px;border:1px solid #E5EBF5;border-radius:4px;}
.fee_item_head{font-size:15px;color:#000;line-height:40px;}
.fee_item_foot{display:flex;justify-content:space-between;align-items:center;}
.fee_item_left{font-size:24px;}
.fee_item_left.red{color:#f30;}
.fee_item_left.blue{color:#06f;}
.fee_item_right{}

.ui-cart{margin:20px 0;padding:30px 40px;box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-radius:10px;background:#fff;position:relative;min-height:700px;}
.cart-head{display:flex;align-items:center;margin-top:30px;border:1px solid #eee;border-left:0;}
.cart-head-item{background:#fafafa;padding:10px 15px;line-height:40px;border-left:1px solid #eee;text-align:center;font-weight:bold;font-size:16px;}
.cart-head-item.num{width:180px;}
.cart-head-item.other{width:120px;}
.cart-head-item.action{width:100px;}
.cart-head-item.name{flex:1;overflow:hidden;text-align:left}

.cart-list{display:flex;align-items:center;border:1px solid #eee;border-top:0;border-left:0;}
.cart-list-item{background:#fff;padding:10px 15px;border-left:1px solid #eee;text-align:center;min-height:70px;line-height:70px;}
.cart-list-item .ui-inputnumber-wrap{line-height:normal;}
.cart-list-item.num{width:180px;}
.cart-list-item.other{width:120px;}
.cart-list-item.action{width:100px;}
.cart-list-item.name{flex:1;overflow:hidden;text-align:left;display:flex;line-height:28px;}
.cart-list-item.name img{display:block;margin-right:15px;width:70px;height:70px;}
.cart-list-item.name div{font-size:16px;}
.cart-list-item.name em{color:#999;display:block;font-size:15px;}

.cart-foot{display:flex;justify-content:space-between;align-items:center;background:#fff;line-height:40px;border:1px solid #eee;border-top:0;}
.cart-foot .total{padding:10px 15px;}
.cart-foot .total span{color:#f30;margin-right:5px;}
.cart-foot .action{padding:10px 15px;}

.ui-order{margin:0;box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);/*border-radius:10px;*/background:#fff;padding:30px 40px;position:relative;min-height:565px;}
.prenext{display:flex;flex-wrap:wrap;margin-top:30px;}
.prenext-item{width:50%;}
/*.prenext-item:nth-child(odd){padding-left:0;padding-right:15px;}
.prenext-item:nth-child(even){padding-left:15px;padding-right:0;}*/

.ui-fold .ui-fold-menu{padding-left:10px;}
.ui-fold .ui-fold-menu.active{background:#fff;font-size:16px;}
.ui-fold .ui-fold-menu.active a{font-weight:bold;}

.page-bind{background:#fff;padding:120px 350px;margin-bottom:30px;}
.bind-list{}
.bind-list a{display:block;border:1px solid #eee;margin-bottom:20px;padding:15px 20px;color:#333;font-weight:bold;font-size:16px;}
.bind-list a p{color:#999;font-weight:normal;font-size:14px;margin-top:10px;}
.bind-list a:hover{color:#ff4837;background:#FFF6F6;border-color:#FFD1D0;}
.bind-list a:hover p{color:#555;}


.video_buy { background: #151625; border-radius: 6px; height: 500px; display: flex; align-items: center; justify-content: center; color: #fff; position: relative; text-align: center; font-size: 20px; }
.video_buy p { font-size: 14px; margin-top: 10px; color: #999; line-height: 30px; }
.video_buy p span { color: #ff6022; }
.video_buy a { display: block; margin: 25px auto; color: #663D00; background-image: linear-gradient(-135deg, #FFDF89 0%, #F2CA5B 15%, #E2C078 100%); border-radius: 30px; font-size: 14px; line-height: 36px; font-weight: 400; width: 100px; }
.video_buy a.upgrade { width: 160px; }
.video_buy .group-wrap { display: flex; flex-wrap: wrap; width: 380px; margin: 20px auto }
.video_buy .group { font-size: 14px; color: #ccc; line-height: 26px; text-align: left; width: 50%; }
.video_buy .group span { color: #fff; margin-right: 5px; }
.video_buy .group em { color: #333; margin: 0 5px 0 10px; background: linear-gradient(-135deg, #FEE7AE 0%, #F3D16A 15%, #E2C078 100%); color: #5A3C00; font-size: 12px; padding: 1px 2px; border-radius: 4px; }
.video_buy .bottom { position: absolute; left: 20px; right: 20px; bottom: 0; line-height: 55px; border-top: 3px solid #434645; text-align: left; color: #cfcfcf; cursor: not-allowed; display: flex; justify-content: space-between }
.video_buy .bottom .play { }
.video_buy .bottom .play span { font-size: 12px; margin-left: 10px; color: #999; }
.video_buy .bottom .icon i { margin-left: 10px; }
.art_buy { padding: 30px 30px 0 30px; }
.art_buy .group-wrap { display: flex; flex-wrap: wrap; width: 100%; margin: 10px auto }
.art_buy .group { font-size: 14px; color: #555; line-height: 26px; text-align: center; width: 50%; }
.art_buy .group span { color: #06f; margin-right: 5px; }
.art_buy .group em { color: #333; margin: 0 5px 0 10px; border: 1px solid #FFEFE7; background: #FFFDFC; color: #FF6F27; font-size: 13px; padding: 1px 2px; border-radius: 4px; }
.down_tips { }
.down_tips .group-wrap { display: flex; flex-wrap: wrap; width: 100%; }
.down_tips .group { font-size: 14px; color: #555; line-height: 26px; text-align: left; flex: 50%; }
.down_tips .group span { color: #06f; margin-right: 5px; }
.down_tips .group em { color: #333; margin: 0 5px 0 10px; border: 1px solid #FFEFE7; background: #fff; color: #FF6F27; font-size: 13px; padding: 1px 2px; border-radius: 4px; }
.vd-bg { background: #fff; padding: 30px 0; }
.vd-cont { position: relative; z-index: 9; margin-top: -64px; }
.vd-bg .tags a { padding: 0 16px; height: 32px; display: inline-block; font-size: 14px; background: #2f2f2f; border-radius: 16px; color: #a7a7a7; text-align: center; line-height: 32px; }
.vd-bg .tags a:hover { background: #ff4837; color: #fff; }
.vd-bg .ui-bread { color: #999; }
.vd-bg .ui-bread a { color: #999; }
.vd-bg .ui-bread a:hover { color: #ff4837; }
.videoshow { display: flex; flex-wrap: wrap; background: #242424; color: #fff; border-radius: 3px; }
.videoshow-left { flex: 1; overflow: hidden; padding-bottom: 60px; position: relative; }
.videoshow-left .vd-left { padding: 0 20px; height: 60px; width: 100%; background: #2f2f2f; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; bottom: 0; }
.videoshow-left .vd-left .vd-cate { display: inline-block; padding: 2px 6px; margin-right: 10px; color: #fff; font-size: 16px; border-radius: 4px; background: #ff4837; }
.videoshow-left .vd-left .vd-title { width: 76%; font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.videoshow-left .video_buy { height: 100%; }
.videoshow-left video { width: 100%; height: 100%; }
.videoshow-right { width: 26%; padding: 20px 0px 70px 0; position: relative; overflow: hidden; }
.videoshow-right code { background: #3c3c3c; color: #999; border: 0; padding: 0 6px; margin: 0; position: absolute; right: 15px; }
.videoshow-right .ui-tabs-white>.ui-tabs-content { padding: 0; background: none; min-height: 400px; }
.videoshow-right .ui-tabs-white>.ui-tabs-nav { }
.videoshow-right .ui-tabs-white>.ui-tabs-nav li { width: 50%; background: #2f2f2f; border: 0; padding: 10px; font-size: 16px; text-align: center; color: #aaa; cursor: pointer; }
.videoshow-right .ui-tabs-white>.ui-tabs-nav li.active { border: 0; background: #383838; border-radius: 0; font-weight: 600; color: #fff; }
.videoshow-right .ui-tabs-white>.ui-tabs-nav li.active a { }
.videoshow-right .btns { text-align: center; padding: 0 15px; height: 60px; line-height: 60px; width: 100%; background: #3c3c3c; position: absolute; left: 0; bottom: 0; }
.videoshow-right .btns .ui-col { position: relative; }
.videoshow-right .btns .ui-col { position: relative; }
.videoshow-right .btns .ui-col:after { content: ''; position: absolute; display: block; right: 0; top: 10px; width: 1px; height: 40px; background: #434343; }
.videoshow-right .btns .ui-col:last-child:after { display: none; }
.slimScrollDiv { padding: 0 20px; }
.videoshow-right .name { font-size: 16px; line-height: 26px; padding: 20px; word-break: break-all; background: #383838; border-bottom: 1px solid #2f2f2f; }
.videoshow-right .vd_desc { font-size: 14px; word-break: break-all; color: #ccc; padding: 20px; line-height: 1.8; }
.videoshow-right .more { position: relative; }
.videoshow-right .intro_show { position: absolute; right: 0; bottom: 0; color: #FEE7AE; padding: 0 5px 0 18px; font-size: 14px; background: #151625; z-index: 9; cursor: pointer; }
.videoshow-right .ui-menu { border-bottom: 1px solid #2D2E3B; margin-top: 20px; color: #ff6022; }
.videoshow-right .playlist { overflow: auto; height: 380px; margin-top: 18px; }
.videoshow-right ul { list-style: none; padding: 0; margin: 0; }
.videoshow-right ul li { line-height: 30px; position: relative; margin-bottom: 3px; }
.videoshow-right ul li a { color: #999; padding: 5px 0px; display: block; border-bottom: #363636 1px solid; font-size: 14px; }
.videoshow-right ul li a:hover { color: #f3793d; }
.videoshow-right ul li.active a { color: #f3793d; }
.videoshow-right ul li a .paly { display: inline-block; width: 12px; height: 10px; margin-right: 6px; }
.videoshow-right ul li.active a .paly { background: url(../images/play.gif); background-size: 100% 100%; }
.videoshow-right ul li em { background: linear-gradient(-135deg, #FEE7AE 0%, #F3D16A 15%, #E2C078 100%); color: #5A3C00; font-size: 12px; padding: 1px 2px; border-radius: 4px; margin-left: 8px; }
.videoshow-right ul li em i { font-size: 12px; vertical-align: baseline }
.videoshow-right ul.box { display: flex; flex-wrap: wrap; padding-right: 5px; }
.videoshow-right ul.box li { width: 16.2%; padding: 5px; }
.videoshow-right ul.box li span { display: none; }
.videoshow-right ul.box li a { background: #1B1C2F; width: 100%; display: inline-block; text-align: center; border-radius: 4px; line-height: 24px; }
.videoshow-right ul.box li a:hover { background: #30313D; }
.videoshow-right ul.box li.active a { background: #30313D; }
.videoshow-right ul.box li em { position: absolute; width: 22x; height: 22px; line-height: 22px; top: -2px; right: -4px; padding: 0 2px; font-size: 12px; transform: scale(0.8); }
.videoshow-right .info { display: flex; align-items: center; margin: 10px 0 20px 20px; padding-bottom: 20px; }
.videoshow-right .info .user { vertical-align: middle; }
.videoshow-right .info .user img { width: 48px; height: 48px; border-radius: 50%; margin-right: 10px; vertical-align: middle; }
.videoshow-right .info .other a { color: #fff; }
.videoshow-right .info .other a:hover { color: #f30; }
.videoshow-right .info .other span { display: block; font-size: 13px; color: #A3A3A3; }
.user_info { display: flex; padding: 20px 0; margin-bottom: 30px; }
.user_info_left { width: 50%; display: flex; }
.user_info_left .face { width: 150px; margin-right: 30px; }
.user_info_left .face img { width: 140px; height: 140px; border-radius: 50%; }
.user_info_left .info { line-height: 35px; font-size: 16px; }
.user_info_left .info p { font-weight: bold; }
.user_info_left .info p span { font-weight: normal; margin-left: 15px; font-size: 14px; color: rgba(0,0,0,.4); }
.user_info_left .info div span { color: rgba(0,0,0,.4); }
.user_info_right { width: 50%; display: flex; align-items: center; padding-top: 20px; }
.user_info_right.bill { width: 70%; }
.user_info_right .item { width: 33.33%; position: relative; text-align: center; }
.user_info_right .item:after { content: ''; position: absolute; display: block; right: 0; top: 0; width: 1px; height: 80%; background: #eaeaea; transform: translateY(10%); }
.user_info_right .item:last-child:after { display: none; }
.user_info_right .item .info { font-size: 15px; color: rgba(0,0,0,.4); line-height: 40px; }
.user_info_right .item .num { font-size: 24px; color: #666; }
.user_info_right .item .num span { font-size: 12px; color: #999; margin-left: 5px; }
.user_info_right .item .num.red { color: #f30; }
.fee_wrap { margin: 20px -14px 0 -14px; display: flex; flex-wrap: wrap; }
.fee_item { width: 33.33%; padding: 14px; }
.fee_item_body { background: #F8FBFF; padding: 15px 20px; border: 1px solid #E5EBF5; border-radius: 4px; }
.fee_item_head { font-size: 15px; color: #000; line-height: 40px; }
.fee_item_foot { display: flex; justify-content: space-between; align-items: center; }
.fee_item_left { font-size: 24px; }
.fee_item_left.red { color: #f30; }
.fee_item_left.blue { color: #06f; }
.fee_item_right { }
.prenext { margin-top: 30px; position: relative; }
.prenext-item { width: 80%; margin-bottom: 15px; }
.ui-fold .ui-fold-menu { padding-left: 10px; }
.ui-fold .ui-fold-menu.active { background: #fff; }
.ui-fold .ui-fold-menu.active a { font-weight: bold; }
.page_contact { font-family: verdana; color: #666; }
.page_contact h1 { color: #262d3d; margin: 30px 0 -10px 0; font-size: 26px; }
.contact { margin-top: 50px; display: flex; flex-wrap: wrap; padding: 5px 0; }
.contact-item { width: 50%; margin-bottom: 40px; }
.contact-item .wrap { padding: 35px 45px; background: #fff; border-radius: 6px; border: .8px solid #e1e6f0; color: #a1abc2; }
.contact-item .wrap:hover { box-shadow: 0 0 .8px rgba(38,45,61,.08), 0 .8px 3.2px rgba(38,45,61,.04), 0 4.8px 9.6px rgba(38,45,61,.14); }
.contact-item em { font-size: 30px; margin: 0 30px 20px 0; float: left; background: #1890FF; color: #fff; width: 55px; height: 55px; line-height: 52px; border-radius: 50%; text-align: center; }
.contact-item h3 { font-family: microsoft yahei; color: #333; font-size: 18px; font-weight: 600; color: #262d3d; }
.contact-item:nth-child(1n) { padding-right: 40px; padding-right: 0; }
.contact-item:nth-child(2n) { padding-right: 0; padding-left: 40px; }
.page-bind { background: #fff; padding: 120px 350px; margin-bottom: 30px; }
.bind-list { }
.bind-list a { display: block; border: 1px solid #eee; margin-bottom: 20px; padding: 15px 20px; color: #333; font-weight: bold; font-size: 16px; }
.bind-list a p { color: #999; font-weight: normal; font-size: 14px; margin-top: 10px; }
.bind-list a:hover { color: #ff4837; background: #FFF6F6; border-color: #FFD1D0; }
.bind-list a:hover p { color: #555; }
.weix { padding: 0 20px; text-align: center; }
.weix img { display: inline-block; width: 70%; }
.weix p { padding: 10px; }
/*购买须知*/
.tab_body { }
.qlist { border-bottom: 1px dashed #e1e1e1; padding: 8px 0; font-size: 14px; }
.qlist .icon { background: url(../images/wen.png) left no-repeat; height: 14px; margin-top: 6px; width: 30px; }
.qlist .answer .icon { background: url(../images/da.png) left no-repeat; margin-top: 6px; }
.qlist .antxt { }
.qlist .question .antxt { line-height: 28px; color: #f00; }

.qlist .answer .antxt { line-height: 1.8; margin-left: 30px; }
.search-box { width: 100%; height: 100%; background: #f6f6f6; position: fixed; z-index: 999; top: 0; left: 0; display: none; font-size: 16px; }
.search-close { width: 1000px; margin: 0 auto; padding: 100px 0 0 0; position: relative; }
.search-close i { position: absolute; font-size: 40px; color: #666; cursor: pointer; right: 0px; top: 30px; }
.search-close i:hover { color: #ff4837; }
.search-con { width: 800px; margin: 0 auto; padding-top: 20px; }
.search { text-align: right; position: relative; margin: 35px auto 25px auto; width: 468px; }
.search i { position: absolute; right: 333px; top: 5px; color: #999; }
.search input { border: 1px solid #ddd; height: 40px; line-height: 36px; padding: 0 90px 0 20px; width: 360px; text-indent: 12px; display: inline-block; }
.search .ui-select { border: 1px solid #ddd; height: 40px; line-height: 36px; padding: 0 10px; max-width: 150px; display: inline-block; border-right: 0; }
.search button { border: 0; height: 40px; line-height: 40px; padding: 0 15px; background: #2E95FF; color: #fff; position: absolute; right: 0px; top: 0px; width: 80px; }
.hotkey { color: #999; padding-top: 10px; font-size: 12px; width: 456px; }
.hotkey a { margin-right: 10px; }
.hotkey a.rs1, .hotkey a.rs2 { color: #F00; }
.search-as { line-height: 34px; }
.search-as a { padding: 0 20px; border: 1px solid #dedede; display: inline-block; margin-right: 10px; margin-bottom: 10px; white-space: nowrap; font-size: 13px; color: #666; }
.search-as a:hover { color: #ff4837; border: 1px solid #ff4837; }
a:hover { color: #1e87f0; }