.container{width: 1200px;margin: 0 auto;}
.relative{position: relative;}

.header{height: 64px;background-color: #222;}
.header.fixed{position: fixed;background-color: rgba(34,34,34,0.9);width: 100%;top: 0;left: 0;}
.header .container{position: relative;}
.logo-img{height: 40px;margin-top: 12px;}
.footer{margin-top: 56px;background-color: #F5F5F5;text-align: center;padding: 40px 0;}
.footer p{font-size: 14px;color: #a0a0a0;letter-spacing: 0;text-align: center;line-height: 14px;padding: 8px 0;}
.footer .footer-link{font-size: 0;}
.footer p a{padding: 0 5px;border-left: 1px solid #b9b9b9;font-size: 14px;color: #a0a0a0;line-height: 14px;}
.footer p a:first-child{border-left: none;}

.input-form{width: 291px;height: 32px;position: absolute;top: 16px;left: 455px;}
.input-form input{height: 32px;border: none;outline: none;background-color: #353535;padding: 0 40px 0 20px;color: #fff;border-radius: 16px;width: 210px;position: absolute;top: 0;left: 0;}
.input-form-btn{height: 32px;width: 50px;position: absolute;right: 0;top: 0;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);border-radius: 16px;}
.input-form-search-logo{width: 20px;margin: 6px 15px;}
.login-form{position: absolute;top: 22px;right: 0;font-size: 0;}
.login-form a{font-size: 14px;color: #b2b2b2;line-height: 20px;vertical-align: top;}
.login-form-split{margin: 0 8px;height: 12px;width: 1px;background-color: #b2b2b2;display: inline-block;margin-top: 4px;}
.collect-form{position: absolute;top: 22px;right: 175px;font-size: 0;}
.collect-form a{font-size: 14px;color: #b2b2b2;line-height: 20px;padding-left: 20px;margin-left: 23px;}
.collect-form-btn-1{background-image: url(../images/icon_history_bg.png);background-repeat: no-repeat;background-position: 0 2px;}
.collect-form-btn-2{background-image: url(../images/icon_collection_bg.png);background-repeat: no-repeat;background-position: 0 2px;}
.collect-form-btn-2-fill{background-image: url(../images/icon_collection_bg_fill.png);background-repeat: no-repeat;background-position: 0 2px;}
.collect-form-btn-3{background-image: url(../images/icon_class_bg.png);background-repeat: no-repeat;background-position: 0 2px;}

.banner-con{margin-top: 24px;font-size: 0;overflow: hidden;}
.banner-con img{display: inline-block;border-radius: 6px;float: left;}
.banner-1{width: 594px;height: 360px;}
.banner-2{width: 594px;height: 174px;margin-left: 12px;}
.banner-3{width: 291px;height: 174px;margin-top: 12px;margin-left: 12px;}
.banner-4{width: 291px;height: 174px;margin-top: 12px;margin-left: 12px;}

.index-block{margin-top: 56px;overflow: hidden;}
.index-block .container{position: relative;}
.list-con-1{width: 796px;float: left;}
.list-con-2{width: 1200px;}
.list-con-title{font-size: 24px;color: #262626;letter-spacing: 0;line-height: 24px;font-weight: bold;margin-bottom: 24px;}
.index-manga-list{overflow: hidden;height: 314px;position: relative;margin-bottom: 20px;}
.index-manga-item{width: 190px;float: left;margin-left: 12px;}
.index-manga-item:first-child{margin-left: 0;}
.index-manga-item-cover{width: 190px;height: 255px;border-radius: 6px;}
.index-manga-item-title{font-size: 16px;color: #262626;letter-spacing: 0;line-height: 24px;font-weight: bold;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-manga-item-subtitle{font-size: 14px;color: #a0a0a0;letter-spacing: 0;line-height: 14px;margin-top: 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.rank-con{width: 342px;float: left;margin-left: 62px;}
.rank-list{overflow: hidden;}
.rank-item-1{position: relative;height: 67px;margin-top: 11px;}
.rank-item-cover{width: 89px;height: 67px;border-radius: 4px;}
.rank-top-1{background: #FA684B;position: absolute;top: 0;left: 0;font-size: 14px;color: #FFFFFF;letter-spacing: 0;height: 18px;line-height: 18px;text-align: center;width: 18px;border-radius: 4px 0px 4px 0px;}
.rank-item-title{font-size: 14px;color: #262626;letter-spacing: 0;position: absolute;width: 138px;left: 101px;top: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank-item-right{font-size: 14px;color: #a0a0a0;letter-spacing: 0;line-height: 14px;position: absolute;width: 94px;right: 0px;top: 26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rank-item-right span{margin-left: 2px;}
.rank-item-2{position: relative;height: 18px;margin-top: 11px;margin-bottom: 11px;}
.rank-top-2{background: #F7C325;position: absolute;top: 0;left: 0;font-size: 14px;color: #FFFFFF;letter-spacing: 0;height: 18px;line-height: 18px;text-align: center;width: 18px;border-radius: 4px;}
.rank-item-2 .rank-item-title{width: 190px;left: 30px;top: 0px;}
.rank-item-2 .rank-item-right{top: 2px;}
.rank-top-3{background: #36D9B0;position: absolute;top: 0;left: 0;font-size: 14px;color: #FFFFFF;letter-spacing: 0;height: 18px;line-height: 18px;text-align: center;width: 18px;border-radius: 4px;}
.rank-top-x{background: #bfbfbf;position: absolute;top: 0;left: 0;font-size: 14px;color: #FFFFFF;letter-spacing: 0;height: 18px;line-height: 18px;text-align: center;width: 18px;border-radius: 4px;}

.icon-left{position: absolute;left: -42px;width: 30px;top: 161px;}
.icon-right{position: absolute;right: -42px;width: 30px;top: 161px;}

.carousel-list{width: 240px;overflow: hidden;float: left;position: relative;}
.carousel-left{position: absolute;left: -42px;top: 161px;width: 30px;}
.carousel-right{position: absolute;left: 252px;top: 161px;width: 30px;}
.carousel-list-title{font-size: 16px;color: #262626;letter-spacing: 0;line-height: 24px;font-weight: bold;margin-top: 11px;}
.carousel-list-subtitle{font-size: 12px;color: #a0a0a0;letter-spacing: 0;line-height: 12px;margin-top: 8px;}
.carousel-list-tag{margin-top: 12px;position: relative;font-size: 0;}
.carousel-list-tag span{font-size: 12px;color: #a0a0a0;letter-spacing: 0;line-height: 12px;padding: 2px 4px;border: 1px solid #d9d9d9;border-radius: 2px;margin-right: 8px;display: inline-block;}
.carousel-list-content{font-size: 12px;color: #a0a0a0;letter-spacing: 0;text-align: justify;line-height: 20px;margin-top: 20px;}
.carousel-list-tag-start{width: 80px;height: 28px;line-height: 28px;border-radius: 14px;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);text-align: center;font-size: 12px;color: #FFFFFF;letter-spacing: 0;position: absolute;bottom: -1px;right: 0;}

.carousel-right-list{width: 949px;overflow: hidden;float: left;margin-left: 11px;}
.carousel-right-item{width: 100px;padding-left: 152px;position: relative;height: 188px;float: left;margin-bottom: 24px;margin-left: 51px;}
.carousel-right-item-cover{width: 140px;height: 188px;border-radius: 6px;position: absolute;left: 0;top: 0;}
.carousel-right-item-title{font-size: 16px;color: #262626;letter-spacing: 0;line-height: 24px;font-weight: bold;padding-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.carousel-right-item-subtitle{font-size: 12px;color: #a0a0a0;letter-spacing: 0;line-height: 12px;margin-top: 8px;}
.carousel-right-item-tag{margin-top: 12px;position: relative;font-size: 0;}
.carousel-right-item-tag span{font-size: 12px;color: #a0a0a0;letter-spacing: 0;line-height: 12px;padding: 2px 4px;border: 1px solid #d9d9d9;border-radius: 2px;margin-right: 4px;display: inline-block;}
.carousel-right-item-content{font-size: 12px;color: #a0a0a0;letter-spacing: 0;text-align: justify;line-height: 20px;margin-top: 20px;width: 100px;position: absolute;right: 0;bottom: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.list-con-title-class{margin-left: 55px;font-size: 0;vertical-align: top;}
.list-con-title-class a{font-size: 16px;color: #606060;letter-spacing: 0;line-height: 16px;font-weight: normal;padding: 2px 12px;margin-right: 8px;border-radius: 16.5px;line-height: 25px;}
.list-con-title-class a.active,.list-con-title-class a:hover{color: #FF4B2B;background: #F2F2F2;}
.list-con-title-more{font-size: 14px;color: #888;letter-spacing: 0;line-height: 14px;float: right;padding: 8px 20px 8px 8px;font-weight: normal;background-image: url(../images/icon_right_14.png);background-repeat: no-repeat;background-position: 38px 8px;}

.detail-info-1{background-color: #222;padding-top: 50px;}
.detail-info-1 .container{position: relative;}
.detail-info-2{padding-bottom: 22px;}
.detail-info{padding-left: 270px;}
.detail-info-title{font-size: 30px;color: #FFFFFF;letter-spacing: 0;line-height: 38px;padding-top: 64px;}
.detail-info-stars{margin-top: 13px;font-size: 0;}
.detail-info-stars img{width: 16px;vertical-align: bottom;}
.detail-info-stars span{font-size: 14px;color: #a0a0a0;letter-spacing: 0;line-height: 14px;margin-left: 10px;}
.detail-info-tip{font-size: 14px;color: #a0a0a0;letter-spacing: 0;line-height: 14px;margin-top: 25px;padding-bottom: 32px;}
.detail-info-tip span{margin-left: 120px;}
.detail-info-tip span:first-child{margin-left: 0;}
.detail-info-tip a{color: #ededed;margin-right: 5px;}
.detail-info-tip span.item{margin-left: 0px;margin-right: 5px;}
.detail-info-cover{position: absolute;left: 17.5px;top: 40px;width: 185px;height: 246px;border-radius: 6px;box-shadow: 3px 2px 4px 0 rgba(60,60,60,0.50);}
.detail-info-manga-bottom{position: absolute;left: 0;top: 278px;width: 220px;height: 54px;}
.detail-info-content{margin-top: 28px;font-size: 14px;color: #595959;letter-spacing: 0;text-align: justify;line-height: 22px;min-height: 66px;}
.detail-info-content-2{display: none;}
.detail-info-content a{font-size: 14px;color: #FF913F;letter-spacing: 0;margin-left: 5px;display: inline-block;}
.detail-info-content-icon{width: 14px;vertical-align: top;position: relative;top: 4px;margin-left: 3px;}
.detial-info-btn-con{margin-top: 24px;font-size: 0;}
.detail-info-btn-1{display: inline-block;padding-left: 50px;/* width: 80px; */height: 40px;line-height: 40px;font-size: 14px;color: #FFFFFF;letter-spacing: 0;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);border-radius: 20px;position: relative;margin-right: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 25px;}
.detail-info-btn-2{display: inline-block;padding-left: 47px;width: 53px;height: 40px;line-height: 40px;font-size: 14px;color: #595959;letter-spacing: 0;border-radius: 20px;position: relative;border: 1px solid #ccc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-info-btn-icon-1{position: absolute;width: 22px;top: 9px;left: 23px;}
.detail-info-btn-icon-2{position: absolute;width: 20px;top: 9px;left: 22px;}

.detail-list-form-title{font-size: 14px;color: #595959;letter-spacing: 0;line-height: 14px;margin-top: 40px;}
.detail-list-form-title-right{float: right;}
.detail-list-form-title-icon{height: 14px;vertical-align: top;margin-left: 1px;position: relative;*top: 3px;}

.detail-list-form-con{margin-top: 24px;font-size: 0;width: 1212px;}
.detail-list-form-item{width: 291px;height: 54px;line-height: 54px;font-size: 14px;color: #333;letter-spacing: 0;text-align: center;display: inline-block;background: #F5F5F5;border-radius: 6px;margin-right: 12px;margin-bottom: 12px;*width: 290px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-list-form-item.hide{display: none;}

.detail-list-form-more{display: block;width: 1200px;height: 54px;line-height: 54px;font-size: 14px;color: #FF4B2B;letter-spacing: 0;text-align: center;background: #F5F5F5;border-radius: 6px;}
.detail-list-form-more-icon{vertical-align: top;width: 14px;position: relative;top: 19px;margin-left: 7px;*top: 3px;}
.detail-list-form-more.hide{display: none;}

.user-center{margin-top: 64px;overflow: hidden;}
.user-center-title{margin-left: 202px;font-size: 0;padding-bottom: 31px;}
.user-center-title span{font-size: 24px;color: #333;letter-spacing: 0;line-height: 24px;font-weight: bold;padding-right: 14px;}
.user-center-title .point{padding-right: 0px;height: 4px;width: 4px;background-color: #a0a0a0;display: inline-block;vertical-align: bottom;position: relative;bottom: 6px;border-radius: 2px;}
.user-center-title a{font-size: 16px;color: #595959;letter-spacing: 0;line-height: 16px;margin: 0 10px;font-weight: bold;}
.user-center-title a.active{color: #FF4B2B;}

.left-bar{height: 623px;border-right: 1px solid #d9d9d9;width: 139px;float: left;}
.left-bar a{display: block;height: 56px;line-height: 56px;background-color: #fff;padding-left: 49px;font-size: 14px;position: relative;}
.left-bar a.active{border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;border-left: 3px solid #FF4B2B;position: relative;left: 1px;padding-left: 45px;color: #FF4B2B;}
.left-bar-icon{width: 24px;position: absolute;left: 19px;top: 16px;}
.left-bar a.active .left-bar-icon{left: 15px;}

.right-bar{width: 1060px;float: left;}
.right-bar .input-con{padding-top: 58px;}
.right-bar .input-con-line{margin-bottom: 16px;height: 40px;line-height: 40px;}
.right-bar .input-con-title{width: 350px;text-align: right;font-size: 14px;color: #333;letter-spacing: 0;display: inline-block;padding-right: 12px;}
.right-bar .input-con-line select::-ms-expand { display: none; }
.right-bar .input-con-line select{border: 1px solid #ccc;border-radius: 4px;outline: none;width: 342px;padding: 10px 16px;vertical-align: top;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../images/icon_choice.png") no-repeat right 12px center transparent;*margin-top: 10px;}
.right-bar .input-con-line input{height: 38px;border: 1px solid #ccc;border-radius: 4px;outline: none;width: 308px;padding: 0 16px;line-height: 38px;vertical-align: top;}

.input-con-code-btn{font-size: 14px;color: #FF4B2B;letter-spacing: 0;line-height: 14px;position: relative;left: -95px;}
.input-con-btn{height: 40px;line-height: 40px;width: 132px;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);border-radius: 20px;display: inline-block;color: #fff;text-align: center;font-size: 14px;margin-left: 364px;margin-top: 8px;}

.shelf-con{padding-left: 63px;}
.shelf-top-bar-input{border: 1px solid #d0d0d0;outline: none;border-radius: 16px;height: 32px;line-height: 32px;padding-left: 20px;padding-right: 35px;}
.shelf-top-bar-input-logo{width: 14px;position: relative;left: -32px;top: 1px;*top: -6px;}
.shelf-top-bar-right{float: right;font-size: 14px;color: #666;line-height: 32px;}
.shelf-top-bar-right-logo{width: 16px;vertical-align: top;position: relative;top: 9px;margin-right: 5px;*top: 4px;}

.shelf-manga-list{margin-top: 24px;overflow: hidden;width: 1010px;}
.shelf-manga-item{width: 190px;margin-right: 12px;float: left;margin-bottom: 24px;}
.shelf-manga-item-cover{width: 190px;position: relative;font-size: 0;border-radius: 6px;overflow: hidden;}
.shelf-manga-item-cover img{width: 190px;height: 255px;}
.shelf-manga-item-cover p{position: absolute;bottom: 0;width: 80%;left: 0;height: 32px;line-height: 32px;background-color: #000;background-color: rgba(0,0,0,0.6);font-size: 14px;color: #FFFFFF;text-align: center;padding: 0 10%;}
.edit .shelf-manga-item-cover p{display: none;}
.shelf-manga-item-title{margin-top: 12px;font-size: 16px;color: #333;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shelf-manga-item-subtitle{margin-top: 6px;font-size: 14px;color: #888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shelf-manga-item-subtitle a{font-size: 14px;color: #FF4B2B;margin-left: 4px;}

.edit-bar{float: right;font-size: 14px;color: #666;line-height: 32px;}
.edit-bar.hide{display: none;}
.edit-bar span{margin-left: 5px;}
.edit-bar input{vertical-align: top;position: relative;top: 10px;margin-left: 12px;*top: 7px;}
.edit-bar label{padding-right: 14px;}
.edit-btn-1{border: 1px solid #d0d0d0;height: 30px;line-height: 30px;width: 74px;text-align: center;border-radius: 15px;font-size: 14px;color: #666;display: inline-block;margin-left: 10px;}
.edit-btn-2{height: 32px;line-height: 32px;width: 76px;text-align: center;border-radius: 16px;font-size: 14px;color: #fff;display: inline-block;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);margin-left: 10px;}

.edit-cover{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.60);top: 0;left: 0;background-repeat: no-repeat;background-position: 16px 16px;background-size: 20px 20px;background-image: url(../images/icon_unselected.png);display: none;}
.edit .edit-cover{display: block;}
.edit-cover.active{background-image: url(../images/icon_selected.png);}

.shelf-top-sort{margin-left: 14px;}
.shelf-top-sort.active{color: #FF4B2B;}
.shelf-top-sort img{width: 14px;vertical-align: top;position: relative;top: 9px;}

.user-form{position: absolute;top: 16px;right: 0;font-size: 0;}
.user-form span{font-size: 14px;color: #a0a0a0;line-height: 32px;vertical-align: top;margin-right: 12px;}
.user-form-avatar{width: 32px;height: 32px;border-radius: 16px;overflow: hidden;cursor: pointer;}
.user-form-avatar-con{position: relative;height: 48px;display: inline-block;}
.user-form span.user-form-avatar-menu{position: absolute;top: 40px;right: 0;background-color: #fff;padding: 10px 20px;width: 206px;overflow: hidden;border: 1px solid #ccc;margin-right: 0;display: none;z-index: 1;}
.user-form span.user-form-avatar-menu p{font-size: 12px;color: #333333;}
.user-form span.user-form-avatar-menu p span{font-size: 14px;color: #333333;float: right;margin-right: 0;}
.user-form-avatar-menu-btn{background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);display: block;height: 36px;line-height: 36px;text-align: center;width: 100%;border-radius: 18px;color: #fff;margin-top: 10px;margin-bottom: 5px;}
.user-form-avatar-menu .user-form-avatar-menu-btn:hover{color: #fff;}
.user-form-avatar-menu a{display: inline-block;float: right;font-size: 14px;}
.user-form-avatar-menu a.left{float: left;}
.user-form-avatar-menu a:hover{color: #FF416B;}
.user-form .user-form-avatar-con:hover span.user-form-avatar-menu{display: block;}

.login-con{min-height: 585px;}
.login-title{margin-top: 85px;font-size: 24px;color: #252525;letter-spacing: 0;line-height: 24px;text-align: center;font-weight: bold;margin-bottom: 70px;}
.login-line{margin: 15px auto;width: 400px;line-height: 20px;font-size: 0;position: relative;}
.login-input{height: 38px;border: 1px solid #ccc;border-radius: 4px;outline: none;width: 370px;padding: 0 15px;line-height: 38px;vertical-align: top;}
.login-input.error{border: 1px solid #FF416B;}
.login-btn{height: 40px;line-height: 40px;width: 100%;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);border-radius: 20px;display: inline-block;color: #fff;text-align: center;font-size: 14px;}
.login-error-tip{padding: 0 10px;color: #FF416B;font-size: 12px;width: 380px;margin: -10px auto;}
.login-error-tip-2{padding: 0;color: #FF416B;font-size: 12px;width: 400px;margin: -10px auto;text-align: right;}
.login-input-check{vertical-align: top;position: relative;top: 4px;margin-right: 3px;}
.login-input-label{font-size: 12px;color: #999;padding-right: 10px;margin-right: 10px;border-right: 1px solid #ddd;}
.login-forget{font-size: 12px;color: #999;}
.login-other{font-size: 12px;color: #02a0ff;text-decoration: underline;float: right;}
.login-input-href{font-size: 12px;color: #999;}
.login-href{font-size: 12px;color: #02a0ff;}
.login-code{font-size: 12px;color: #02a0ff;position: absolute;right: 20px;top: 10px;}

.result-title{margin-top: 60px;font-size: 20px;}
.result-title span{color: #FF4A36;}

.banner_detail_form {position:relative;min-height:300px;margin:0 auto;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff;width:1200px;z-index:1;top:1px;margin-top:70px;}
.banner_detail_form .cover {height:314px;width:215px;margin-top:-20px;margin-left:40px;float:left;box-shadow:0 0 5px #444;border-radius:6px;overflow:hidden;}
.banner_detail_form .cover img {height:314px;width:215px;}
.banner_detail_form .info {float:left;width:870px;padding-left:20px;}
.banner_detail_form .info .title {font-size:30px;color:#252525;margin-top:35px;}
.banner_detail_form .info .subtitle {font-size:13px;color:#666;margin-top:10px;}
.banner_detail_form .info .tip {margin-top:15px;}
.banner_detail_form .info .tip .block {font-size:13px;color:#999;margin-right:40px;}
.banner_detail_form .info .tip .block span {color:#252525;margin-left:10px;}
.banner_detail_form .info .content {font-size:13px;color:#666;margin-top:15px;line-height:20px;width:710px;}
.banner_detail_form .info .bottom {margin-top:25px;}
.banner_detail_form .info .bottom .btn-2 {background:#FF4A36;border-radius:3px;font-size:16px;color:#fff;height:36px;line-height:36px;text-align:center;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top;padding:0 10px;}

.page-pagination {min-width:605px;height: 35px;text-align:right;margin-top:20px;padding-right: 20px;}
.page-pagination ul {display:inline-block;margin-right:12px;height:29px;vertical-align:middle;}
.page-pagination ul li {float:left;margin-left:4px;}
.page-pagination ul li a {display:block;float:left;min-width:29px;height:29px;line-height:29px;text-align:center;font-size:12px;border:1px solid #d9d9d9;border-radius:4px;color:#666;}
.page-pagination ul li a.active {border:1px solid #7ed7f6;color:#fff;background-color:#7ed7f6;}
.page-pagination ul li a:hover {border:1px solid #7ed7f6;color:#7ed7f6;}
.page-pagination ul li a.active:hover{color:#fff;}

.mh-list {display:block;overflow:hidden;margin:0;padding:30px 0;margin-left: 32px;}
.mh-list li {display:block;float:left;margin:0;padding:0;width:180px;margin:0 5px 20px 5px;}
.mh-item {position:relative;background-color:#fff;}
.mh-cover {position:relative;display:block;width:180px;height: 240px;}
.mh-item .mh-item-detali .title {font-size:14px;font-weight:700;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mh-item .mh-item-detali p.chapter {color:#252525;}
.mh-item .mh-item-detali p span:first-child {display:inline-block;min-width:36px;}
.mh-item .mh-item-detali p {font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mh-item .mh-item-detali p a {color:#FF4A36;}

.toast-win {position: fixed;padding: 20px;font-size: 12px;color: #fff;background-color: rgba(0,0,0,0.7);width: 200px;top: 40%;left: 50%;margin-left: -120px;text-align: center;border-radius: 10px;z-index: 999;}
.img-404{display: block;margin: 270px auto;}

.lang-con{width: 80px;display: block;margin: 0 auto;height: 20px;line-height: 20px;margin-top: 10px;}
.lang-logo{height: 20px;vertical-align: top;}
.lang-option{font-size: 12px;color: #9f9f9f;padding-right: 18px;text-decoration: underline;float: right;display: none;}
.lang-option.active{background-image: url(../images/icon_down_1.png);background-repeat: no-repeat;background-position: right center;background-size: 11px 11px;display: inline-block;}

.class-con{padding: 10px 0;border-bottom: 1px solid #EDEDED;}
.class-line{line-height: 26px;padding: 0 40px;margin: 20px 0;}
.class-line-title{font-size: 13px;color: #a0a0a0;letter-spacing: 0;}
.class-line a{font-size: 13px;color: #000000;letter-spacing: 0;display: inline-block;padding: 0 10px;border-radius: 13px;margin: 0 5px;}
.class-line a.active{background-color: #7ed7f6;color: #fff;}

.full-class{padding-bottom: 20px;padding-top: 15px;overflow: hidden;margin-bottom:-5px;}
.full-class .class-width{width: 788px;}
.full-class li{float: left;margin: 0 5px;}
.full-class li a{font-size: 14px;color: #252525;}
.full-class li a:hover{color: #FF4A36;}
.full-class-btn{font-size: 16px;color: #252525;float: right;background-image: url(../images/header-class.png);background-repeat: no-repeat;padding-left: 25px;background-position: 2px 2px;}

.reader-page{background-color: #343434;}
.reader-title{font-size: 18px;color: #FFFFFF;letter-spacing: 0;text-align: center;line-height: 64px;position: absolute;top: 0;height: 64px;width: 50%;left: 25%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.reader-title a{color: #fff;}

.reader-bottom{position: fixed;width: 100%;bottom: 0;left: 0;height: 50px;line-height: 50px;background-color: rgba(34,34,34,0.9);}
.reader-img-con{padding: 100px 0;text-align: center;}
.reader-img{max-width: 100%;}
.reader-bottom-page{width: 135px;height: 50px;background-color: #1A1A1A;display: inline-block;text-align: center;font-size: 14px;color: #FFFFFF;letter-spacing: 0;}
.reader-bottom-page img{width: 11px;height: 6px;vertical-align: top;margin-top: 21px;margin-left: 5px;}
.reader-bottom-page-list{position: absolute;background: #E8E9E9;border: 1px solid #D8D8D8;border-radius: 6px;border-radius: 6px;bottom: 50px;left: 0;padding: 10px 0;max-height: 500px;overflow-y: scroll;}

.reader-bottom-page-list::-webkit-scrollbar-track-piece {background-color: #E8E9E9; }
.reader-bottom-page-list::-webkit-scrollbar {width: 4px;height: 4px; }
.reader-bottom-page-list::-webkit-scrollbar-thumb {background-color: #D8D8D8;background-clip: padding-box;min-height: 28px;border-radius: 4px; }

.reader-bottom-page-list a{display: block;padding: 0 20px;font-size: 14px;color: #2F2F2F;letter-spacing: 0;height: 30px;line-height: 30px;}
.reader-bottom-page-list a:hover{color: #000;}
.reader-bottom-right{float: right;overflow: hidden;}
.reader-bottom-right img{padding: 10px;}

.reader-bottom-right-list{position: absolute;background: #121212;bottom: 50px;right: 0;width: 220px;}
.reader-bottom-right-list-title{height: 40px;line-height: 40px;background-color: #000;padding: 0 18px;}
.reader-bottom-right-list-title .left{font-size: 14px;color: #999999;letter-spacing: 0;}
.reader-bottom-right-list-title .right{font-size: 14px;color: #999999;letter-spacing: 0;float: right;}
.reader-bottom-right-list-con{padding: 5px 0;max-height: 500px;overflow: auto;}
.reader-bottom-right-list-con a{height: 30px;line-height: 30px;padding: 0 18px;font-size: 14px;color: #999999;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.reader-bottom-right-list-con a:hover{color: #fff;}

::-webkit-scrollbar-track-piece {background-color: #121212; }
::-webkit-scrollbar {width: 4px;height: 4px; }
::-webkit-scrollbar-thumb {background-color: #5f5f5f;background-clip: padding-box;min-height: 28px;border-radius: 4px; }

.detail-list-chapters{margin-left: 30px;}
.detail-list-chapters a{background: #F5F5F5;border-radius: 2px;border-radius: 2px;display: inline-block;width: 77px;height: 35px;line-height: 35px;text-align: center;font-size: 15px;}
.detail-list-chapters a.active{background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);color: #fff;}

.banner-con-2{overflow: hidden;}
.loop-img-con{width: 820px;height: 467px;position: relative;overflow: hidden;display: inline-block;float: left;}
.loop-img-item{width: 820px;height: 467px;}
.loop-img-scan{position: absolute;width: 100%;bottom: 15px;z-index: 1;text-align: center;font-size: 0;}
.loop-img-scan-item{width: 142px;height: 85px;border: 2px solid #353535;display: inline-block;position: relative;margin: 0 5px;}
.loop-img-scan-item img{width: 100%;height: 100%;}
.loop-img-scan-mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.50);}
.loop-img-scan-item.active{border: 2px solid #FFFFFF;box-shadow: 0 0 3px 0 rgba(0,0,0,0.50);}
.loop-img-scan-item.active .loop-img-scan-mask{display: none;}
.banner-con-2 .rank-con{margin-left: 30px;}
.banner-con-2 .rank-con .rank-item-2{margin-top: 16px;margin-bottom: 16px;}

.index-list-con-info{padding-left: 288px;position: relative;height: 357px;}
.index-list-con-cover{position: absolute;top: 0;left: 0;width: 266px;height: 357px;border-radius: 6px;}
.index-list-con-info .carousel-list-content{width: 542px;}
.index-list-con-info-inner{font-size: 0;position: absolute;left: 288px;bottom: 0px;}
.index-list-con-info-inner-item{display: inline-block;width: 129px;margin-right: 20px;border-radius: 6px;}

.user-sidebar {width:280px;box-shadow:2px 2px 6px silver;border-radius: 10px;}
.user-sidebar .user-info {padding:40px 0 10px 0;text-align:center;border-bottom:1px dashed #dadada}
.user-sidebar .user-info .avatar {width:160px;height:160px;overflow:hidden;margin:0 auto}
.user-sidebar .user-info .avatar img {width:148px;height:148px;border-radius:50%;border:6px solid #d9d9d9}
.user-sidebar .user-info h1 {margin-top:25px;font-size:20px;color:#252525}
.user-sidebar .user-info h1 i {margin-left:10px}
.user-sidebar .user-info p {color:#252525;font-size:13px;margin:15px 0 32px 0;min-height:1em;padding:0 20px}
.user-sidebar .user-info span {display:block;float:left;width:25%;text-align:center}
.user-sidebar .user-info span.label {color:#999}
.user-sidebar .user-menu {padding:40px 40px 0 40px}
.user-sidebar .user-menu li {margin-bottom:30px}
.user-sidebar .user-menu li a {font-size:16px;color:#252525;line-height:24px}
.user-sidebar .user-menu li a:hover {color:#ff3f60}
.user-sidebar .user-menu li a:active {color:#e90930}
.user-sidebar .user-menu li a.active {color:#FF4A36}
.user-sidebar .user-menu li a i {font-size:24px;vertical-align:middle;margin-right:20px;color:#252525}
.user-sidebar .user-menu li a .sp {margin-left:-3px;margin-right:12px}
.user-sidebar .user-menu li a span {vertical-align:middle}

.article-main {width:856px}
.pull-left {float:left!important}
.pull-right {float:right!important}
.box-wallet .desc p {margin:12px 0;font-size:13px;color:#666}
.box-wallet .desc p .title {font-size:16px;font-weight:700;color:#FF4A36;}
.box-wallet .count-info {display:inline-block;margin-top:5px;vertical-align:middle;font-size:13px;color:#666}
.box-wallet .count-info .count {color:#252525}
.box-wallet .btn{background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);width: 206px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;color: #fff;display: inline-block;}
.box .box-body {position:relative}
.box-body .desc{margin-bottom: 20px;}
.box .box-body:after,.box .box-body:before {content:" ";display:table}
.box .box-body:after {clear:both}
.box .box-body .more {display:inline-block;margin-top:17px;font-size:14px;color:#252525;vertical-align:text-bottom}
.box .box-body .more i {vertical-align:middle;font-size:.8em;margin-left:3px;margin-top:-2px}
.table-head {border-bottom:1px solid #d9d9d9}
.table-head:after,.table-head:before {content:" ";display:table}
.table-head:after {clear:both}
.table-head .table-tabs {float:left}
.table-head .pull-right{color: #999;}
.table-head select{width: 156px;height: 34px;outline: none;color: #999;}
.table-head .table-tabs li {float:left;margin-right:3px;margin-bottom:-1px}
.table-head .table-tabs li a {display:block;width:95px;height:40px;line-height:40px;border:1px solid #d9d9d9;border-radius:8px 8px 0 0;color:#999;text-align:center;font-size: 16px;}
.table-head .table-tabs li a:hover {color:#ff3f60}
.table-head .table-tabs li a:active {color:#e90930}
.table-head .table-tabs li a.active {color:#fff;background-color:#FF4A36;border:1px solid #FF4A36}
.table-body table {width:100%;font-size:13px}
.table-body table td,.table-body table th {height:35px;padding:0 10px;color: #666;}
.table-body table td a,.table-body table th a {color:#666;text-decoration:underline}
.table-body table td a:hover,.table-body table th a:hover {color:#ff3f60}
.table-body table td a:active,.table-body table th a:active {color:#e90930}
.table-body table tr {background-color:#f4f4f4}
.table-body table tr:nth-child(2n) {background-color:#fff}
.table-body table thead {color:#999}
.table-body table thead tr {background-color:#fff}
.overflow-Show{padding-top: 70px;}

.box .box-header {font-weight:400;margin-bottom:15px}
.box .box-header-title{font-size: 30px;padding-bottom: 5px;color: #333;}
.box .box-header:after,.box .box-header:before {content:" ";display:table}
.box .box-header:after {clear:both}
.box .box-header.border-bottom {padding-bottom:5px;border-bottom:1px solid #ededed}
.box .box-header.no-bottom {margin-bottom:1px}
.box .box-header>h1,.box .box-header>i {font-size:30px}
.box .box-header>h1 {display:inline-block}
.box .box-header>h1 .small {font-size:20px}
.box .box-header>i {width:30px;color:#FF4A36;margin-right:15px;vertical-align:text-bottom}
.box .box-header .icon-date {width:24px}
.box .box-header>small {font-size:14px;color:#999;vertical-align:text-bottom}
.box .box-header .cat-tabs {display:inline-block;height:26px;margin-bottom:-5px}
.box .box-header .cat-tabs li {float:left;margin-left:40px}
.box .box-header .cat-tabs li a {display:inline-block;font-size:16px;color:#252525;font-weight:700}
.box .box-header .cat-tabs li a.active {color:#FF4A36}
.box .box-header .cat-tabs li a.active:after {content:' ';display:block;width:calc(100% - .7em);height:4px;background-color:#FF4A36;border-radius:2px;margin:3px auto 0 auto}
.box .box-header .cat-tabs li a:hover {color:#ff3f60}
.box .box-header .cat-tabs li a:active {color:#e90930}
.box .box-header .more {display:inline-block;margin-top:17px;font-size:14px;color:#252525;vertical-align:text-bottom}
.box .box-header .more i {vertical-align:middle;font-size:.8em;margin-left:3px;margin-top:-2px}
.box .box-header .top-type {width:120px;height:24px;line-height:24px;border-radius:12px;background-color:#ededed}
.box .box-header .top-type a {display:block;float:left;height:100%;color:#666;font-size:13px;padding:0 8.5px}
.box .box-header .top-type a.active {color:#fff;background-color:#FF4A36;border-radius:12px}
.box .box-header .back-link {display:inline-block;margin-top:17px;font-size:14px;color:#20a0ff;vertical-align:text-bottom;text-decoration:underline}

.box-wallet-balance{padding-bottom: 10px;}
.box-wallet-balance-item{display: inline-block;width: 94px;text-align: center;}
.box-wallet-balance-title{color: #333;font-size: 12px;}
.box-wallet-balance-value{color: #FF4A36;font-size: 16px;font-weight: bold;}
.icon-edit{width: 24px;height: 24px;vertical-align: top;margin-left: 15px;}

.icon-mine-1{background-image: url(../images/icon-mine-1.png);background-repeat: no-repeat;background-size: 21px 21px;padding-left: 28px;}
.active .icon-mine-1,.icon-mine-1:hover{background-image: url(../images/icon-mine-1-a.png);}
.icon-mine-2{background-image: url(../images/icon-mine-2.png);background-repeat: no-repeat;background-size: 21px 21px;padding-left: 28px;}
.active .icon-mine-2,.icon-mine-2:hover{background-image: url(../images/icon-mine-2-a.png);}
.icon-mine-3{background-image: url(../images/icon-mine-3.png);background-repeat: no-repeat;background-size: 21px 21px;padding-left: 28px;}
.active .icon-mine-3,.icon-mine-3:hover{background-image: url(../images/icon-mine-3-a.png);}
.icon-mine-4{background-image: url(../images/icon-mine-4.png);background-repeat: no-repeat;background-size: 21px 21px;padding-left: 28px;}
.active .icon-mine-4,.icon-mine-4:hover{background-image: url(../images/icon-mine-4-a.png);}

.mh-list:after,.mh-list:before {content:" ";display:table}
.mh-list:after {clear:both}
/*.mh-list,.mh-list>li {display:block;float:left;margin:0;padding:0}*/
.mh-list.col7 {margin:0 -2.5px -20px -2.5px}
.mh-list.col7>li {width:167px;height:287px;margin:0 2.5px 20px 2.5px}
.mh-list.col3 {margin:0 -22px -20px -22px}
.mh-list.col3>li {width:363px;height:220px;margin:0 22px 20px 22px}
.mh-list.col1 {margin:0 0 -20px 0}
.mh-list.col1>li {margin:0 0 20px 0;width: auto;}
.mh-list.top-cat {margin:0 -22px -20px -22px}
.mh-list.top-cat>li {height:auto;margin-bottom:40px;margin:0 22px 20px 22px;width:363px}
.mh-list.top-cat>li div:hover {background-color:#f8f8f9}
.mh-list.top-cat>li .mh-itme-top div>a {display:block;width:100%;height:100%;padding-left:5px}
.mh-list.top-cat>li>.title {height:38px;line-height:38px;font-size:24px;color:#999;border-bottom:1px dashed #d9d9d9;margin-bottom:20px}
.mh-list.top-cat>li>.title .more {color:#999;font-size:14px;float:right}
.mh-list.top-cat>li>.title .more:hover {color:#ff3f60}
.mh-list.top-cat>li>.title .more:active {color:#e90930}
.mh-list.top-cat>li .show-all-top {display:block;margin-top:10px;color:#FF4A36;font-size:14px}
.mh-list.top-cat>li .show-all-top:hover {color:#ff3f60}
.mh-list.top-cat>li .show-all-top:active {color:#e90930}

.mh-item {position:relative;background-color:#fff}
.mh-item .mh-item-detali .title {font-size:14px;font-weight:700;margin-top:8px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-item .mh-item-detali .title a {color:#252525}
.mh-item .mh-item-detali .title a:hover {color:#FF4A36}
.mh-item .mh-item-detali p {font-size:12px;line-height:18px}
.mh-item .mh-item-detali p span:first-child {display:inline-block;min-width:36px}
.mh-item .mh-item-detali p.zl {color:#666!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-item .mh-item-detali p.chapter {color:#252525}
.mh-item .mh-item-detali p a {color:#FF4A36}
.mh-item .mh-item-detali p a:hover {color:#ff3f60}
.mh-item .mh-item-detali p a:active {color:#e90930}
.mh-item .mh-item-detali p.mh-label span {display:inline-block;padding:0 4px;margin-right:4px;border-radius:3px;border:1px dashed #d9d9d9;color:#666}
.mh-item .mh-item-detali .info {color:#666;font-size:13px}
.mh-item .mh-item-detali .info>span {margin-right:15px}
.mh-item .mh-item-detali .info .new {color:#252525}
.mh-item .mh-item-detali .info a {color:#FF4A36}
.mh-item .mh-item-detali .info a:hover {color:#ff3f60}
.mh-item .mh-item-detali .info a:active {color:#e90930}
.mh-item .read-btn {display:block;min-width:100px;height:36px;padding:0 15px;line-height:36px;text-align:center;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);color:#fff;font-size:16px;border-radius:18px;}
.mh-item .read-btn:hover {background-color:#ff3f60;color:#fff}
.mh-item .read-btn:active {background-color:#e90930;color:#fff}
.mh-item .read-btn.line {background:#fff;border:1px solid #FF953F;color:#FF953F}
.mh-item .read-btn.line:hover {background-color:#fff;border:1px solid #FF953F;color:#FF953F}
.mh-item .read-btn.line:active {background-color:#fff;border:1px solid #FF953F;color:#FF953F}
.mh-item .fav-btn {display:block;width:103px;height:36px;line-height:36px;text-align:center;background-color:#ffdb6f;color:#874e12;font-size:16px;border-radius:3px;padding:0 10px}
.mh-item .fav-btn i {font-size:18px;margin:-4px 6px 0 0;vertical-align:middle}
.mh-item .fav-btn:hover {background-color:#ffe8a2}
.mh-item .fav-btn.active {color:#666;background-color:#f6f6f6}
.mh-item .chapter-list {position:relative;margin-bottom:49px}
.mh-item .chapter-list a {color:#666}
.mh-item .chapter-list a:hover {color:#ff3f60}
.mh-item .chapter-list a:active {color:#e90930}
.mh-item .chapter-list ul {margin-right:-10px;height:60px;overflow:hidden}
.mh-item .chapter-list ul:after,.mh-item .chapter-list ul:before {content:" ";display:table}
.mh-item .chapter-list ul:after {clear:both}
.mh-item .chapter-list ul li {width:120px;float:left;margin:10px 10px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-item .chapter-list .chapter-more {position:absolute;bottom:-1px;right:0;line-height:1em}
.mh-item .chapter-list .chapter-more:before {display:inline-block;content:' ';width:20px;height:1em;background-color:red;vertical-align:middle;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.81) 29%,#fff 75%,#fff 90%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1 )}
.mh-item .chapter-list .chapter-more a {background-color:#fff;color:#FF4A36;font-size:13px}
.mh-item .mh-tip-wrap {display:block;position:absolute;top:-40px;left:-30px;opacity:0;-webkit-transform:scale(.73);transform:scale(.73);transition:all .3s;-webkit-backface-visibility:hidden;max-height:299px;overflow:hidden;z-index:2}
.mh-item .mh-tip-wrap.active {opacity:1;top:-20px;left:-30px;max-height:330px;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:3}
.mh-item.horizontal>.mh-cover {width:167px;height:220px;padding-top:0;float:left}
.mh-item.horizontal .mh-item-detali {position:relative;float:left;width:181px;height:220px;margin-left:15px}
.mh-item.horizontal .mh-item-detali.autoHeight {height:auto}
.mh-item.horizontal .mh-item-detali .title {font-size:18px}
.mh-item.horizontal .mh-item-detali p {font-size:13px;line-height:24px}
.mh-item.horizontal .mh-item-detali .bottom {position:absolute;bottom:0;left:0}
.mh-item.horizontal .mh-item-detali .desc {font-size:13px;color:#666;line-height:1.5em;height:4.5em;margin-top:2px;margin-bottom:5px}
.mh-item.big>.mh-cover {width:230px;height:310px;padding-top:0;float:left}
.mh-item.big .mh-item-detali {width:375px;height:310px}
.mh-item.big .mh-item-detali .title {font-size:20px;margin-bottom:15px}
.mh-item.big .mh-item-detali .mh-label {margin-bottom:5px}
.mh-item.big .mh-item-detali .desc {margin-top:20px;max-height:6em}
.mh-item.big .mh-item-detali .desc span {display:block;color:#252525}
.mh-item.booklist .mh-item-detali {width:650px}
.mh-item.booklist .mh-item-detali .mh-label {margin-top:6px}
.mh-item.booklist .fav-btn,.mh-item.booklist .read-btn {float:left;margin-right:10px}
.mh-cover .tag {position:absolute;top:0;right:0;padding:3px 2px 3px 4px;background-color:#ff5a00;background-image:linear-gradient(-217deg,#ff5a00 0,#FF4A36 100%);font-size:12px;letter-spacing:.1em;color:#fff}

.mh-star-line {display:inline-block;background-image:url(../images/star.png);width:68px;height:12px;background-position:0 0;background-repeat:no-repeat}
.mh-star-line.star-5 {background-position:0 0}
.mh-star-line.star-4 {background-position:0 -13px}
.mh-star-line.star-3 {background-position:0 -28px}
.mh-star-line.star-2 {background-position:0 -42px}
.mh-star-line.star-1 {background-position:0 -56px}
.mh-star-line.star-0 {background-position:0 -71px}

.mh-item .chapter-list{margin-top: 20px;}
.mh-item .mh-item-detali p.mh-label span:first-child{min-width: auto;}

.view-pay{ position: fixed;width:100%;height:100%;top: 0;left: 0;background-color: rgba(0,0,0,0.6);}
.view-pay-form{background-color: #fff;width: 640px;height:463px;position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:4px;}
.view-pay-form .title{font-size: 26px;color: #252525;text-align: center;padding-top: 25px;}
.view-pay-form .top{margin: 0 20px;margin-top: 20px;background: #FFFFFF;border: 1px solid #D9D9D9;height: 190px;position: relative;}
.view-pay-form .top .subtitle{margin-top: 30px;padding-left: 30px;font-size: 20px;color: #252525;font-weight: bold;}
.view-pay-form .top .tip{margin-top: 12px;padding-left: 30px;font-size: 13px;color: #999999;}
.view-pay-form .top .code{float: right;height: 96px;width: 96px;position: absolute;top: 25px;right: 30px;}
.view-pay-form .top .bottom{height: 45px;line-height: 45px;position: absolute;left: 0;bottom: 0;width: 100%;font-size: 16px;color: #999;border-top: 1px solid #ededed;}
.view-pay-form .top .bottom span{margin-left: 25px;}
.view-pay-form .top .bottom span:first-child{margin-left: 30px;}
.view-pay-form .top .bottom a{margin-left: 25px;color: #666666;}
.view-pay-form .top .bottom a:first-child{margin-left: 30px;}
.view-pay-form .top .bottom .red{font-size: 16px;color: #FF4A36;}
.view-pay-form .top .bottom .view-btn{font-size: 13px;color: #666666;background: #F7F7F7;border: 1px solid #D9D9D9;border-radius: 3px;padding: 2px 6px;margin-left: 25px;}
.view-pay-form .main{margin: 0 20px;background: #FFFFFF;border: 1px solid #D9D9D9;margin-top: 10px;position: relative;height: 200px;}
.view-pay-form .main .subtitle{font-size: 20px;color: #252525;margin-top: 30px;padding-left: 30px;font-weight: bold;}
.view-pay-form .main .tip{margin-top: 15px;padding-left: 30px;font-size: 16px;color: #666666;}
.view-pay-form .main .tip .red{font-size: 24px;color: #FF4A36;}
.view-pay-form .main .tip .del{text-decoration: line-through;margin-left: 5px;}
.view-pay-form .main .view-pay-btn{border-radius: 18px;font-size: 16px;color: #FFFFFF;height: 36px;line-height: 36px;width: 160px;text-align: center;display: block;position: absolute;top: 70px;right: 40px;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);}
.view-pay-form .main .bottom{height: 60px;line-height: 60px;width: 100%;position: absolute;bottom: 0;left: 0;border-top: 1px solid #D9D9D9;}
.view-pay-form .main .bottom .view-buy{font-size: 14px;color: #999;margin-left: 30px;}
.view-pay-form .main .bottom .right{float: right;margin-right: 60px;}
.view-pay-form .main .bottom input{vertical-align: middle;}
.view-pay-form .main .bottom label{font-size: 12px;color: #666666;}
.view-pay-form .view-sales{font-size: 14px;color: #666666;text-align: right;padding-right: 20px;padding-bottom: 15px;margin-top: 5px;}
.view-pay-form .view-sales span{background: #FF4A36;border-radius: 2px;color: #fff;padding: 0 2px;margin-right: 5px;font-size: 12px;}
.view-pay-form .icon-buy{width: 16px;height: 17px;vertical-align: top;position: relative;top: 22px;margin-right: 10px;}

.new_win {font-family:'Microsoft YaHei';display:none;width:400px;padding:20px;box-sizing:border-box;position:fixed;left:50%;top:50%;margin-left:-200px;margin-top:-110px;background-color:#fff;z-index:1000;padding-bottom: 40px;padding-top: 30px;border-radius:4px;}
.new_win_cross {position:absolute;top:10px;right:10px;width:15px;}
.new_win_title {margin:0;font-size:20px;font-weight:bold;text-align: center;}
.new_win_content {margin:30px 0;font-size:18px;line-height:24px;text-align: center;}
.new_win_bottom {right:20px;bottom:20px;text-align: center;}
.new_win_btn1 {color:#919191;text-decoration:none;border:1px solid #bbb;height:36px;width:auto;display:inline-block;text-align:center;line-height:36px;font-size:16px;border-radius:18px;width: 106px;}
.new_win_btn2 {color:#fff;text-decoration:none;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);height:36px;width:auto;display:inline-block;text-align:center;line-height:36px;font-size:16px;border-radius:18px;margin-left:10px;width: 180px;}
.new_win_mask {display:none;background-color:#000;opacity:0.7;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;}

.modal-wrap {position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:999;}
.modal-wrap .modal {display:table-cell;vertical-align:middle;text-align:center;}
.modal-wrap .modal .modal-body {position:relative;text-align:left;}
.modal-wrap .modal .modal-body .close {position:absolute;top:20px;right:20px;color:#666;cursor:pointer;}
.modal-wrap .modal .modal-body.vip-modal {width:340px;background-color:#fff;margin:0 auto;padding:20px;}
.modal-wrap .modal .modal-body.vip-modal h2 {font-size:16px;font-weight:bolder;color:#252525;margin-bottom:20px;}
.modal-wrap .modal .modal-body.vip-modal .tip {line-height:32px;font-size:14px;text-align:center;margin:25px 0 22px 0;}
.modal-wrap .modal .modal-body.vip-modal .tip img {width:32px;height:32px;vertical-align:middle;margin-right:20px;}
.modal-wrap .modal .modal-body.vip-modal .desc {font-size:14px;color:#252525;line-height:1.6em;}
.modal-wrap .modal .modal-body.vip-modal .foot {margin-top:20px;font-size:14px;color:#666;}
.modal-wrap .modal .modal-body.vip-modal .foot .other-btn {display:inline-block;height:32px;line-height:32px;padding:0 10px;border:1px solid #D9D9D9;color:#666;background:#fff;border-radius:4px;margin-right:15px;}
.modal-wrap .modal .modal-body.vip-modal .foot .success-btn {display:inline-block;height:32px;line-height:32px;padding:0 10px;border:0;color:#fff;background-color:#f979ff;border-radius:4px;}
.modal-wrap .modal .modal-body.login-modal {width:440px;background-color:#fff;margin:0 auto;padding:20px;}
.modal-wrap .modal .modal-body.login-modal h1 {font-size:30px;color:#252525;margin-bottom:30px;text-align:center;}
.modal-wrap .modal .modal-body.paydetail-modal {width:640px;height:520px;background-color:#F8F8F9;border:1px solid #D9D9D9;margin:0 auto;padding:20px;}
.modal-wrap .modal .modal-body.paydetail-modal h1 {font-size:26px;color:#252525;text-align:center;margin-bottom:20px;}
.modal-wrap .modal .modal-body.paydetail-modal > div {background-color:#fff;border:1px solid #D9D9D9;}
.modal-wrap .modal .modal-body.paydetail-modal > div .logs {height:350px;overflow:auto;}
.modal-wrap .modal .modal-body.paydetail-modal > div .logs table {font-size:15px;width:100%;}
.modal-wrap .modal .modal-body.paydetail-modal > div .logs table td {height:43px;color:#666;padding-left:50px;border-top:1px solid #D9D9D9;}
.modal-wrap .modal .modal-body.paydetail-modal > div .logs table th {height:35px;padding-left:50px;color:#252525;}
.modal-wrap .modal .modal-body.paydetail-modal > div .font {font-size:13px;text-align:center;margin-bottom:-15px;padding-top:10px;}
.modal-wrap .modal .modal-body.paydetail-modal > div button {display:block;width:100px;height:36px;border:0;background-color:#f979ff;color:#fff;font-size:16px;margin:20px auto;border-radius:3px;}
.modal-wrap .modal .modal-body.paydetail-modal > div button:hover {background-color:#FF3F60;}

.detail-list-form-item{width: 191px;padding-left: 50px;padding-right: 50px;position: relative;}
.detail-lock{width: 24px;height: 24px;position: absolute;top: 15px;right: 18px;}
.reader-bottom-right-list-con a{position: relative;padding-right: 35px;}
.reader-lock{width: 24px;height: 24px;position: absolute;top: 3px;right: 5px;}

.vip-recharge-con .txt-ad {font-size:18px}
.vip-recharge-con .txt-ad a {color:#000}
.vip-recharge-con .txt-ad img {margin:-4px 10px 0 0;vertical-align:text-bottom}
.vip-recharge-con .label,.vip-recharge-con ul {margin-left:56px}
.vip-recharge-con .total {font-weight:bolder;font-size:24px;color:#fd113a;margin-left:10px}
.vip-recharge-con .recharge-body {border:1px solid #d9d9d9;color:#000;font-size:16px}
.vip-recharge-con .recharge-body .head {height:50px;line-height:50px;background-color:#f8f8f9}
.vip-recharge-con .recharge-body .bottom,.vip-recharge-con .recharge-body .top {height:60px;line-height:60px}
.vip-recharge-con .recharge-footer {margin-top:30px;position:relative}
.vip-recharge-con .recharge-footer span {margin-right:20px}
.vip-recharge-con .recharge-footer .tip {font-size:13px;color:#fd113a;line-height:36px;position:absolute;right:0;margin-right:0}
.vip-recharge-con .recharge-footer .channel-btn {height:36px;line-height:36px;padding:0 8px;background: #f979ff;background: linear-gradient(133deg, #7ed7f6 0%, #f979ff 100%);color:#fff;border:0;border-radius:4px;outline:0;font-size:16px;border-radius:4px;cursor:pointer}
.vip-recharge-con .recharge-footer a {color:#999;font-size:13px}
.vip-recharge-con .recharge-footer a:hover {color:#ff3f60}
.vip-recharge-con .recharge-footer a:active {color:#e90930}
.vip-recharge-con .channel-list {padding:23px 0}
.vip-recharge-con .channel-list:after,.vip-recharge-con .channel-list:before {content:" ";display:table}
.vip-recharge-con .channel-list:after {clear:both}
.vip-recharge-con .channel-list li {display:block;float:left;margin:5px 60px 5px 0}
.vip-recharge-con .channel-list li div {position:relative;border-radius:10px;display:inline-block;width:225px;height:60px;line-height:60px;border:1px solid #d9d9d9}
.vip-recharge-con .channel-list li div,.vip-recharge-con .channel-list li div>img {vertical-align:middle}
.vip-recharge-con .channel-list li div>img {margin:-6px 17px 0 17px;width:40px;height:40px}
.vip-recharge-con .channel-list li div i.img-icon {display:block;position:absolute;top:-1px;right:-1px;width:42px;height:42px;line-height:42px}
.vip-recharge-con .channel-list li div i.img-icon img {display:block}
.vip-recharge-con .channel-list li:nth-child(4n) {margin-right:0}
.vip-recharge-con .amount-list {padding:23px 0}
.vip-recharge-con .amount-list:after,.vip-recharge-con .amount-list:before {content:" ";display:table}
.vip-recharge-con .amount-list:after {clear:both}
.vip-recharge-con .amount-list li {display:block;float:left;margin:5px 77px 5px 0}
.vip-recharge-con .amount-list li div {position:relative;display:inline-block;vertical-align:middle;width:178px;height:115px;border-radius:10px;border:1px solid #d9d9d9;text-align:center;padding:5px;font-size:14px;color:#666}
.vip-recharge-con .amount-list li div p {margin:7px 0}
.vip-recharge-con .amount-list li div .time{margin-top: 27px;}
.vip-recharge-con .amount-list li div .time span {color:#252525;font-weight:700;}
.vip-recharge-con .amount-list li div .price {font-size:30px;font-weight:700;margin-right:5px}
.vip-recharge-con .amount-list li div .original {font-size:16px;text-decoration:line-through}
.vip-recharge-con .amount-list li div .describe {font-size:13px;margin-top:10px}
.vip-recharge-con .amount-list li div .describe.two {margin:-6px}
.vip-recharge-con .amount-list li div .img-icon {position:absolute;top:-13px;right:-19px;width:35px;height:25px}
.vip-recharge-con .amount-list li div .img-icon img {width:100%;height:100%}
.vip-recharge-con .channel-list li div:before {top:22px;left:-35px}
.vip-recharge-con .amount-list li div:before {top:45px;left:-35px}
.vip-recharge-con .channel-list li div:after {top:27px;left:-30px}
.vip-recharge-con .amount-list li div:after {top:50px;left:-30px}
.vip-recharge-con li input {display:none}
.vip-recharge-con li label {display:table;cursor:pointer}
.vip-recharge-con li div {position:relative;display:table-cell;vertical-align:middle}
.vip-recharge-con li div:after,.vip-recharge-con li div:before {position:absolute;content:' ';float:left;width:14px;height:14px;border:1px solid #d9d9d9;border-radius:8px}
.vip-recharge-con li div:after {width:6px;height:6px;border:0;border-radius:3px;background-color:#fd113a;display:none}
.vip-recharge-con li div.active,.vip-recharge-con li input:checked+div {border:1px solid #fd113a}
.vip-recharge-con li div.active:before,.vip-recharge-con li input:checked+div:before {border:1px solid #fd113a}
.vip-recharge-con li div.active:after,.vip-recharge-con li input:checked+div:after {display:block}
.vip-sub-head {background-color:#101010}
.vip-sub-head .head {height:58px;line-height:58px;font-size:16px}
.vip-sub-head .head li {float:left;margin-left:40px}
.vip-sub-head .head li:first-child {margin-left:0}
.vip-sub-head .head a {color:#d7d7d7}
.vip-sub-head .head a:hover {color:#ff3f60}
.vip-sub-head .head a:active {color:#e90930}
.vip-table {width:100%}
.vip-table thead td {height:80px;text-align:center;font-size:20px;color:#252525;vertical-align:bottom;padding-bottom:18px}
.vip-table tbody td {height:80px;text-align:center;background-color:#fff;color:#666;border:1px solid #d9d9d9}
.vip-table tbody td i img {width:auto;height:32px}
.vip-table tbody td i.icon {font-size:32px}
.vip-table tbody td:first-child {text-align:left;width:200px}
.vip-table tbody td:first-child img {margin:-4px 16px 0 24px;vertical-align:middle}
.vip-box-title {font-size:30px}
.vip-box-title .head-pagination {float:right;margin-top:22px}
.vip-box-title .head-pagination span {display:block;float:left;width:10px;height:10px;border-radius:5px;margin-left:8px;background-color:#d9d9d9}
.vip-box-title .head-pagination span.swiper-active-switch {width:23px;background-color:#fd113a}
.vip-succeed {padding-top:168px;color:#999}
.vip-succeed h1 {color:#252525;font-size:30px;margin:30px 0 15px 0}
.vip-succeed .mb20 {font-size:20px;color:#999;line-height:28px}
.vip-succeed .button {margin:15px 10px;display:inline-block;width:136px;height:36px;line-height:36px;font-size:16px;text-align:center;border:1px solid #d9d9d9;border-radius:3px;color:#999}
.vip-succeed .button:hover {color:#ff3f60;border:1px solid #ff3f60;color:#ff3f60}
.vip-succeed .button:active {color:#e90930;border:1px solid #e90930;color:#e90930}
.vip-succeed .red-button {margin:15px 10px;display:inline-block;width:136px;height:36px;line-height:36px;font-size:16px;text-align:center;border:1px solid #ff3f60;border-radius:3px;color:#ff3f60}
.vip-succeed .red-button:hover {color:#ff3f60}
.vip-succeed .red-button:active {color:#e90930}
.vip-succeed .redbg-button {margin:15px 10px;background-color:#ff3f60;display:inline-block;width:136px;height:36px;line-height:36px;font-size:16px;text-align:center;border:1px solid #ff3f60;border-radius:3px;color:#fff}
.vip-succeed .redbg-button:hover {color:#fff}
.vip-succeed .redbg-button:active {color:#fff}

.text-right{text-align: right;}
.a-link{color: #fd113a;}

.view-mask{position: fixed;z-index: 1000;background-color: #000;opacity: 0.7;width: 100%;height: 100%;top: 0;left: 0;}

.view-win{width: 860px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin-left: -430px;margin-top: -280px;z-index: 1002;}
.view-win .title{height: 74px;line-height: 74px;padding: 0 20px;font-size: 0;}
.view-win .title .right{float: right;height: 74px;line-height: 74px;}
.view-win .title .view-voice{background-image: url(../images/view-voice.png);background-repeat: no-repeat;padding-left: 30px;background-position: 2px 3px;font-size: 18px;color: #252525;}
.view-win .title .view-tick{background-image: url(../images/view-tick.png);background-repeat: no-repeat;padding-left: 30px;background-position: 2px 2px;font-size: 18px;color: #252525;}
.view-win .title .view-code{background-image: url(../images/view-code.png);background-repeat: no-repeat;padding-left: 24px;background-position: 0px 1px;font-size: 16px;color: #666666;position: relative;}
.view-win .title .view-code .code{right: -10px;top: 30px;}
.view-win .title .view-code .code span{font-size: 13px;color: #252525;margin-top: 5px;height: 20px;line-height: 20px;display: block;text-align: center;}
.view-win .title .view-collection{background-image: url(../images/view-collection.png);background-repeat: no-repeat;padding-left: 24px;background-position: 2px 2px;font-size: 16px;color: #666666;margin-left: 20px;}
.view-win .title .view-collection.active{background-image: url(../images/view-collection-active.png);background-repeat: no-repeat;background-position: 2px 2px;}
.view-win .title .view-btn-back{border: 1px solid #EDEDED;border-radius: 3px;font-size: 16px;color: #666666;padding: 7px 12px;margin-left: 20px;}
.view-win .title .view-btn-next{background: #FD113A;border-radius: 3px;font-size: 16px;color: #FFFFFF;padding: 7px 12px;margin-left: 10px;}
.view-win .banner{margin: 0 20px;}
.view-win .view-win-list{overflow: hidden;padding: 10px;margin-top: 5px;}
.view-win .view-win-list li{float: left;height: 36px;line-height: 36px;width: 250px;background: #F6F6F6;margin: 10px;padding-left: 10px;position: relative;}
.view-win .view-win-list li a{font-size: 14px;color: #252525;display: block;}
.view-win .view-win-list li a:hover{color: #e90930;background: #ffeef1;}
.view-win .view-win-list .view-lock{background-image: url(../images/view-lock.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 8px;position: absolute;right: 0;top: 0;}
.view-win .view-win-list .view-time{background-image: url(../images/view-time.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 10px;position: absolute;right: 0;top: 0;}
.view-win .view-win-list .view-free{background-image: url(../images/view-free.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 0px;position: absolute;right: 0;top: 0;}
.view-win .view-win-list .view-free-red{background-image: url(../images/view-free-red.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 0px;position: absolute;right: 0;top: 0;}
.view-win .view-win-list .view-free-yellow{background-image: url(../images/view-free-yellow.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 0px;position: absolute;right: 0;top: 0;}
.view-win .view-win-list .view-discount{background-image: url(../images/view-discount.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 0px;position: absolute;right: 0;top: 0;}
.view-win .view-win-list .view-discount-red{background-image: url(../images/view-discount-red.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 0px;position: absolute;right: 0;top: 0;}
.view-win .view-win-list .view-discount-yellow{background-image: url(../images/view-discount-yellow.png);background-repeat: no-repeat;float: right;display: inline-block;height: 36px;width: 30px;background-position: 1px 0px;position: absolute;right: 0;top: 0;}


.view-win .view-rec{padding: 10px 20px;overflow: hidden;padding-bottom: 15px;float: left;}
.view-win .view-rec .cover{width: 220px;height: 292px;position: relative;overflow: hidden;float: left;}
.view-win .view-rec .cover img{width: 220px;}
.view-win .view-rec .cover span{position: absolute;top: 0;right: 0;font-size: 14px;color: #FFFFFF;background: #FF5A00;padding: 0 5px;}
.view-win .view-rec .info{float: left;padding-left: 20px;width: 216px;position: relative;height: 292px;}
.view-win .view-rec .info .titleBar,.view-win .view-rec .info .titleBar a{color: #252525; font-weight: bold; margin-top: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view-win .view-rec .info .star{margin-top: 3px;}
.view-win .view-rec .info .star span{width: 12px;height: 11px;background-image: url(../images/index-star.png);background-repeat: no-repeat;display: inline-block;}
.view-win .view-rec .info .star span.active{background-image: url(../images/index-star-active.png);background-repeat: no-repeat;}
.view-win .view-rec .info .subtitle{font-size: 13px;color: #252525;margin-top: 30px;}
.view-win .view-rec .info .subtitle span,.view-win .view-rec .info .subtitle span a{color: #FD113A;margin-left: 10px;}
.view-win .view-rec .info .desc,.view-win .view-rec .info .desc a{font-size: 13px;color: #666666;margin-top: 5px;line-height: 18px;margin-bottom: 10px;}
.view-win .view-rec .info .view-read-btn{background: #FD113A;border-radius: 3px;font-size: 14px;color: #FFFFFF;height: 34px;line-height: 34px;display: block;width: 200px;text-align: center;position: absolute;bottom: 10px;left: 20px;}

.view-win .index-manga-list{overflow: hidden;float: left;padding-top: 10px;}
.view-win .index-manga-list li{float: left;margin-left: 4px;}
.view-win .index-manga-list li .cover{width: 167px;height: 220px;overflow: hidden;position: relative;}
.view-win .index-manga-list li .cover .img{width: 167px;}
.view-win .index-manga-list li .cover .tag{position: absolute;top: 0;right: 0;}
.view-win .index-manga-list li .titleBar{font-size: 14px;color: #252525;margin-top: 8px;font-weight: bold;}
.view-win .index-manga-list li .titleBar a{color: #252525;}
.view-win .index-manga-list li .subtitle{font-size: 13px;color: #666666;margin-top: 5px;}
.view-win .index-manga-list li .new{font-size: 13px;color: #252525;margin-top: 2px;}
.view-win .index-manga-list li .new span{font-size: 13px;color: #FD113A;margin-left: 5px;}
.view-win .index-manga-list li .new span a{color: #FD113A;}

.view-win-2{width: 260px;height: 155px;background: #FFFFFF;border-radius: 2px;position: fixed;top: 50%;left: 50%;margin-top: -70px;margin-left: -130px;z-index: 1000;}
.view-win-2 .view-cross{display: inline-block;height: 12px;width: 12px;background-image: url(../images/view-cross.png);background-repeat: no-repeat;position: absolute;right: 20px;top: 20px;}
.view-win-2 .title{font-size: 16px;color: #252525;font-weight: bold;margin: 20px;}
.view-win-2 .subtitle{font-size: 14px;color: #252525;margin: 8px 20px;}
.view-win-2 .content{font-size: 14px;color: #666666;margin: 8px 20px;}
.view-win-2 .content a{font-size: 14px;color: #FD113A;}

.view-win-3{width: 340px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 30%;left: 50%;margin-left: -170px;z-index: 1000;}
.view-win-3 .view-cross{display: inline-block;height: 12px;width: 12px;background-image: url(../images/view-cross.png);background-repeat: no-repeat;position: absolute;right: 20px;top: 20px;}
.view-win-3 .title{font-size: 16px;color: #252525;font-weight: bold;margin: 20px;}
.view-win-3 .view-info{background-image: url(../images/view-pay-3.png);background-repeat: no-repeat;padding: 5px 0;padding-left: 45px;font-size: 14px;color: #252525;background-position: 20px 7px;}
.view-win-3 .list{padding: 0 20px;margin-top: 5px;}
.view-win-3 .list a{background: #FFFFFF;border: 1px solid #D9D9D9;display: block;height: 36px;line-height: 36px;font-size: 14px;color: #252525;margin-bottom: 10px;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view-win-3 .list a.active{background-image: url(../images/view-pay-5.png);background-repeat: no-repeat;background-position: 270px 10px;border:1px solid #fd113a;}
.view-win-3 .list a .view-z{background-image: url(../images/view-pay-4.png);background-size:cover;float: left;font-size: 12px;color: #FFFFFF;letter-spacing: 0;line-height: 18px;width: 30px;height: 25px;text-align:center;margin-right: 10px;}
.view-win-3 .list a .gary{font-size: 14px;color: #999999;margin-left: 10px;}
.view-win-3 .bottom{position: relative;padding-bottom: 20px;}
.view-win-3 .bottom .tip{margin-top: 15px;padding-left: 20px;font-size: 13px;color: #666666;}
.view-win-3 .bottom .tip .red{font-size: 18px;color: #FD113A;font-weight: bold;}
.view-win-3 .bottom .tip .del{text-decoration: line-through;margin-left: 5px;}
.view-win-3 .bottom .s{padding-left: 20px;font-size: 12px;color: #999999;}
.view-win-3 .bottom .s a{color: #999999;}
.view-win-3 .bottom .s .red{color: #FD113A;margin-right: 10px;}
.view-win-3 .bottom .view-btn{font-size: 14px;color: #FFFFFF;background: #FD113A;border-radius: 2px;height: 32px;line-height: 32px;width: 80px;text-align: center;display: block;position: absolute;right: 20px;top: 8px;}
.view-win-3 .main{position: relative;padding-bottom: 20px;height: 100px;}
.view-win-3 .main .tip{margin-top: 15px;padding-left: 20px;font-size: 13px;color: #666666;}
.view-win-3 .main .tip .red{font-size: 18px;color: #FD113A;font-weight: bold;}
.view-win-3 .main .tip .del{text-decoration: line-through;margin-left: 5px;}
.view-win-3 .main .s{padding-left: 20px;font-size: 12px;color: #999999;margin-top: 10px;}
.view-win-3 .main .s a{color: #999999;}
.view-win-3 .main .s .red{color: #FD113A;margin-right: 10px;}
.view-win-3 .main .view-btn{font-size: 14px;color: #FFFFFF;background: #FD113A;border-radius: 2px;height: 32px;line-height: 32px;width: 80px;text-align: center;display: block;position: absolute;right: 20px;top: 68px;}