body{background:#F5F7FA;font-size:15px;overflow-x:hidden;overflow-y:auto;}
html,body{width:100%;min-width:1280px;}
/*html{filter:grayscale(100%);}*/
/*公共部分*/
.ui-backtop{display:none;}
.ui-sidebar{z-index:10 !important;}
.ui-filter{background:none;box-shadow:none;margin:0;border:0;}
.ui-filter .ui-row{padding-bottom:10px;}
.ui-filter .ui-row .ui-filter-left{font-size:16px;width:100px;color:#1b2337;text-align:left;}
.ui-filter .ui-row .ui-filter-left span{background:#7F7F8C;padding:6px 15px;border-radius:25px 0 25px 25px;color:#fff;font-size:15px;}
.ui-filter .ui-row .ui-filter-right{flex:1;overflow:hidden;font-size:0;border-bottom:1px solid #eee;padding-bottom:0px;}
.ui-filter .ui-row .ui-filter-right a{color:#505a71;border:0;font-size:15px;border:1px solid transparent;padding:6px 12px;}
.ui-filter .ui-row .ui-filter-right a:hover{color:#2E95FF;background:#FBFCFF;border:1px solid #E3E6FF;border-radius:18px;}
.ui-filter .ui-row .ui-filter-right a.active{color:#2E95FF;background:#FBFCFF;border:1px solid #E3E6FF;border-radius:18px;}
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;}

.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:#2E95FF;}
.ui-payway-item.active:before{position:absolute;content:"";right:0;bottom:0;color:#2E95FF;width:0;height:0;border-bottom:30px solid #2E95FF;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;}


/*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;}
.vip-list-item .icon{background:#a1abc2;width:55px;height:55px;line-height:50px;border-radius:50%;text-align:center;margin-right:20px;}
.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:10px;}
.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:#2E95FF;width:0;height:0;border-bottom:50px solid #2E95FF;border-left:50px solid transparent;z-index:10;}
.vip-list-item.active .ischeck{display:block;}
.vip-list-item.active .icon{background:#2E95FF;}
.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:#2E95FF;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:#2E95FF;border-radius:3px}

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

.width{width:75%;min-width:1280px;max-width:1440px;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);}
.header{display:flex;justify-content:space-between;}
.header-left,.header-right{display:flex;align-items:center;}
.logo{padding:0 20px;}
.logo img{height:40px;}
.nav{margin:0;height:60px;}
.nav ul{list-style:none;display:flex;}
.nav ul li{position:relative;}
.nav ul li a{line-height:60px;padding:0 12px;font-size:16px;color:#545c63;display:block;}
.nav ul li:hover:after{width:75%;}
.nav ul li:after{width:0;height:2px;content:'';transition:0.3s;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#2E95FF;}
.nav ul li a:hover{color:#2E95FF;}
.nav ul li.active:after{width:75%;}
.nav ul li.active a{color:#2E95FF;}

.nav ul li ul{flex-wrap:wrap;z-index:999;}
.nav ul li ul li{width:100%;border-bottom:1px solid #f3f3f3;}
.nav ul li ul li a{color:#333 !important;font-size:14px;}
.nav ul li ul li a:hover{background:#fff;color:#f30 !important;}
.nav ul li ul li:hover:after{display:none;}


.toplink{margin-right:10px;line-height:60px;height:60px;}
.toplink a{display:inline-block;font-size:16px;}
.toplink a i{color:#2E95FF;margin-right:3px;}

.nologin{line-height:60px;height:60px;}
.nologin a{display:inline-block;padding:0 20px;font-size:16px;}
.nologin a.active{background:#2E95FF;color:#fff;height:60px;line-height:60px;}
.islogin{line-height:60px;padding-right:10px;}
.islogin .account{display:inline-block;position:relative;}
.islogin .account a{}
.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:14px;color:#999;}
.islogin .account .panel{position:absolute;top:60px;right:0px;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{margin-top:30px;background:#fff;border-radius:10px;}
.banner-header{border-radius:10px 10px 0 0;overflow:hidden;}

.banner-footer{display:flex;background:#fff;padding:15px 20px;border-radius:0 0 10px 10px;box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);align-items:center;justify-content:space-between;}
.banner-footer .notice{display:flex;align-items:center;}
.banner-footer .notice ul{overflow:hidden;height:50px;}
.banner-footer .search{text-align:right;position:relative;}
.banner-footer .search input,.banner-footer .search button{vertical-align:middle;}
.banner-footer .search input{border:1px solid #eaeaea;height:40px;line-height:36px;padding:0 20px;width:240px;border-radius:20px;}
.banner-footer .search button{border:0;height:36px;line-height:30px;width:36px;background:#2E95FF;color:#fff;border-radius:50%;position:absolute;right:2px;top:2px;}

.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;}

.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;min-height:300px;}
.temp-list-wrap{margin:0 -14px;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{background:#fff;border-radius:8px;border:0.8px solid transparent;}
.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;}
.temp-list-box .item-image{position:relative;overflow:hidden;padding-bottom:56.2%;background:#F8FBFF;border-radius:8px 8px 0 0;}
.temp-list-box .item-image img{width:100%;min-height:100%;height:auto;position:absolute;z-index:1;/*object-fit:cover;*/border-radius:8px 8px 0 0;}
.temp-list-box .item-image svg{width:100%;height:100%;text-anchor:middle;border-radius:8px 8px 0 0;font-size:20px;position:absolute;}
.temp-list-box .item-text{padding:20px 20px;}
.temp-list-box .item-text a{font-size:18px;font-weight:bold;line-height:30px;height:35px;display:block;}
.temp-list-box .item-text a.ui-text-hide-2{height:65px;}
.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 20px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 8px 8px;min-height:55px;}
.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:1px solid #ED4014;color:#ed4014;padding:3px 5px 4px 5px;font-size:12px;border-radius:4px;background:#fff;}
.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%;}

.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}
.footer{min-height:30px;background:#202942;color:#adb5bd;padding:5px 0 5px 0;position:relative;}
.copyright{border-top:0px solid #283353;padding:15px 0;}
.copyright-body{max-width:96%;margin:0 auto;color:#fff;display:flex;justify-content:space-between;padding:0;}
.copyright-body div,.copyright-body div a{color:#adb5bd;}
.copyright-body div a:hover{color:#fff;}

.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 #2E95FF;margin-left:-10px;border-bottom:0;}
.page_nav ul li.active:after{display:none;}
.page_nav ul li.active a{color:#2E95FF;}

.ucenter{background:#045AFF 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:120px;}
.user-info-data .item{width:100%;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 ul{padding:0;}
.user_nav .ui-fold ul>li{border-bottom:0;}
.user_nav .ui-fold ul>li>a{color:#B1AEC2;font-size:16px;display:block;padding-left:30px;}
.user_nav .ui-fold ul li>i{right:5px;}
.user_nav .ui-fold ul li.active{color:#fff;}
.user_nav .ui-fold ul li.active>a{color:#fff;background:#29263A;border-radius:10px 10px 0 0}
.user_nav .ui-fold ul li ul{background:#29263A;padding:0 0 10px 0;border-radius:0 0 10px 10px;padding-bottom:10px;border-top:0;}
.user_nav .ui-fold ul li ul.show{display:block;}
.user_nav .ui-fold ul li ul li{line-height:45px;padding-left:20px;border-radius:0;}
.user_nav .ui-fold ul li ul li a{font-size:14px;}
.user_nav .ui-fold ul li ul li{border:0;line-height:45px;padding:0;}
.user_nav .ui-fold ul li ul li a i{font-size:20px;margin-right:10px;}
.user_nav .ui-fold ul li ul li a{color:#908BB5;padding:0 0 0 40px;display:block;font-size:14px;}
.user_nav .ui-fold ul li ul li a:hover{color:rgba(255,255,255,0.8);}
.user_nav .ui-fold ul li ul 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:#2E95FF;position:absolute;}
.page_content{min-height:100px;margin-top:20px;}
.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:20px 0;padding-bottom:20px;}
.page_content>h2{font-size:24px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:20px 0;padding-bottom:20px;}
.page_content>h3{font-size:20px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:20px 0;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;}

.proshow{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;background:#fff;padding:30px;position:relative;}
.proshow-left{width:350px;margin-right:30px;}
.proshow-left img{width:100%;}
.proshow-right{flex:1;overflow:hidden;}
.pro-name{font-size:24px;color:#262d3d;font-weight:bold;}
.pro-intro{color:#a1abc2;padding:15px 0;}
.pro-price{display:flex;align-items:center;justify-content:space-between;background:#F8F8F8;padding:15px 30px;margin-bottom:20px;}
.pro-price .price{color:#f30;font-size:20px;}
.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{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.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{text-align:right;}


.proshow-intro{margin:30px 0 0 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);min-height:300px;background:#fff;border-radius:0 10px 10px 10px;}
.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 a{display:block;padding:15px 25px;}
.proshow-nav ul li.active{background:#fff;border:1px solid #f3f3f3;border-bottom:1px solid #fff;border-top:3px solid #2E95FF;border-radius:4px 4px 0 0;}
.proshow-nav ul li.active a{color:#2E95FF;font-weight:bold;}

.ui-tab-panel{padding:30px;min-height:500px;}
.ui-tab-panel img{max-width:100%;}

.tempshow{display:flex;justify-content:space-between;position:relative;margin-bottom:30px;}
.tempshow-left{flex:1;padding-right:30px;}
.tempshow-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{line-height:40px;display:flex;}


.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:280px;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{border-top:1px solid #eaeaea;padding-top:15px;}
.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;}

.videoshow{display:flex;flex-wrap:wrap;margin-bottom:30px;background:#151625;color:#fff;border-radius:5px;}
.videoshow-left{flex:1;padding:5px;overflow:hidden;}
.videoshow-left .video_buy{height:100%;}
.videoshow-left video{width:100%;height:100%;}
.videoshow-right{width:330px;padding:20px;position:relative;overflow:hidden;}
.videoshow-right .name{font-size:20px;margin-bottom:15px;font-weight:600;line-height:26px;word-break:break-all;}
.videoshow-right .intro{font-size:14px;word-break:break-all;color:#ccc;}
.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 10px;display:block;background:#1B1D30;font-size:14px;}
.videoshow-right ul li a:hover{color:#fff;}
.videoshow-right ul li.active a{color:#fff;}
.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 .intro_bar{position:absolute;left:100%;top:0;right:0%;bottom:0;height:100%;width:100%;background:#1C1D2F;padding:30px;z-index:10;transition:all 0.5s;border-radius:0 5px 5px 0}
.videoshow-right .intro_bar .close{position:absolute;right:15px;top:15px;cursor:pointer;}
.videoshow-right .intro_bar .info{display:flex;align-items:center;margin:10px 0 20px 0;border-bottom:1px solid #333444;padding-bottom:20px;}
.videoshow-right .intro_bar .info .user{vertical-align:middle;}
.videoshow-right .intro_bar .info .user img{width:48px;height:48px;border-radius:50%;margin-right:10px;vertical-align:middle;}
.videoshow-right .intro_bar .info .other a{color:#fff;}
.videoshow-right .intro_bar .info .other a:hover{color:#f30;}
.videoshow-right .intro_bar .info .other span{display:block;font-size:13px;color:#A3A3A3;}
.videoshow-right .intro_bar.show{left:0;}


.temp-box{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);background:#fff;border-radius:10px;padding:25px 30px;position:relative;}
.temp-name{font-size:20px;color:#000;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:20px;position:relative;overflow:hidden;}
.temp-name:after{content:'';display:block;bottom:0;width:60px;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;}

.artlist{list-style:none;}
.artlist li{line-height:40px;border-bottom:1px solid #f3f3f3;padding:5px 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;}

.plugshow-left{width:152px;margin-right:40px;}
.plugshow-left img{width:100%;border:1px solid #f3f3f3;border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.1);}
.plug-action-right{text-align:right;color:#999;}
.plug-action-right span{font-size:24px;color:#f30;margin-left:5px;}

.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 span{display:block;font-size:14px;}

.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;}

.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{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_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:#2E95FF;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;}