@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0; box-sizing: border-box}
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1200px;background: #fff5f5}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}/*限制文字,文字超出显示冒号*/
.t_center { text-align:center;}
.t_right{text-align: right}
.flex-center{display: flex;justify-content: space-between}
/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 20px 0;line-height: 2}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wengzhengfanye span {}
.wengzhengfanye a:hover { text-decoration:underline;}

/* 文章类别上下页 */
.page { overflow:hidden;padding: 25px 0}
.pagelink {text-align:center}
.pagelink span,.pagelink a
{ display:inline-block;text-align:center; font-size:12px; padding:5px 9px; border:solid 1px #ddd; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on
{ background:#ff5e66; color:#fff; border:solid 1px #ff5e66;}
.pagelink span{display:inline-block; color:#fff; background:#ff5e66; border:solid 1px #ff5e66;}

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#2d3f7f; }

/*========================================= 首页 =====================================*/
.container { width:1200px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.headtop{border-bottom: 1px solid #dcdcdc;line-height: 35px;background: #fff;font-size: 12px}
.headtop span{display: inline-block;padding: 0 12px;color: #999;}
.headtop .nickname{color: #999}

.header{width: 100%;z-index: 999;padding: 25px 0;background: #fff}
.head{display: flex;align-items: center;justify-content: space-between;}
.logo img{max-width: 100%}
.logo h1{font-size: 20px;margin-left: 20px;color: #1B2061;}

.head form{display: flex;justify-content: space-between}
.head form input{line-height: 38px;border: 1px solid #dbdbdb;width: 350px;padding: 0 15px;outline: none;border-right: none}
.head form button{background: #ed4259;outline: none;border: none;width: 40px;height: 40px;}

nav{background: #5AC9DC;}
.navs{font-size: 16px;position: relative;}
.navA{width: 160px;line-height: 48px;padding: 0 20px 0 45px;color: #fff;background: url("../img/nava.png") #ff3955 no-repeat 20px 18px;float: left;cursor: pointer}
.navB{display: flex;align-items: center;justify-content: space-between;}
.navB ul{float: left}
.navB ul li{margin: 0 25px;line-height: 48px;float: left;position: relative}
.navB ul li:after{content: '';position: absolute;height: 3px;background: #fff;left: 0;bottom: 0;width: 0;
    transition: all 0.4s ease;opacity: 0}
.navB ul li a{color: #fff}
.navB ul li:hover:after,.navB ul li.active:after{width: 100%;opacity: 1}
.navB dl a{display: inline-block;margin-left: 20px;font-size: 12px;color: #fff;line-height: 25px}
.navB dl img{width: 25px;vertical-align: top;margin-right: 5px}


.navxl{background: #FF5E66;width: 160px;position: absolute;top: 48px;left: 0;display: none;z-index: 999}
.navxl li{padding: 12px 12px 12px 55px;font-size: 14px;background-size: 15%!important;}
.navxl li a{color: #fff}
.navxl li:nth-child(1){background: url("../img/nav1h.png") no-repeat 12px;}
.navxl li:nth-child(2){background: url("../img/nav2h.png") no-repeat 12px;}
.navxl li:nth-child(3){background: url("../img/nav3h.png") no-repeat 12px;}
.navxl li:nth-child(4){background: url("../img/nav4h.png") no-repeat 12px;}
.navxl li:nth-child(5){background: url("../img/nav5h.png") no-repeat 12px;}
.navxl li:nth-child(6){background: url("../img/nav6h.png") no-repeat 12px;}
.navxl li:nth-child(7){background: url("../img/nav7h.png") no-repeat 12px;}
.navxl li:nth-child(8){background: url("../img/nav8h.png") no-repeat 12px;}
/*.navxl li:hover a{color: #fff}*/
.navxl li:nth-child(1):hover{background: url("../img/nav1h.png") #ff3955 no-repeat 12px;}
.navxl li:nth-child(2):hover{background: url("../img/nav2h.png") #ff3955 no-repeat 12px;}
.navxl li:nth-child(3):hover{background: url("../img/nav3h.png") #ff3955 no-repeat 12px;}
.navxl li:nth-child(4):hover{background: url("../img/nav4h.png") #ff3955 no-repeat 12px;}
.navxl li:nth-child(5):hover{background: url("../img/nav5h.png") #ff3955 no-repeat 12px;}
.navxl li:nth-child(6):hover{background: url("../img/nav6h.png") #ff3955 no-repeat 12px;}
.navxl li:nth-child(7):hover{background: url("../img/nav7h.png") #ff3955 no-repeat 12px;}
.navxl li:nth-child(8):hover{background: url("../img/nav8h.png") #ff3955 no-repeat 12px;}

.top{background: url("../img/ban.png") no-repeat top center;}
.tops{display: flex;justify-content: space-between}
.topl{background: #fff;width: 160px;border: 1px solid #f3dae3}
.topl li{padding: 12.5px 12px 12.5px 55px;font-size: 16px;background-size: 15%!important;}
.topl li:nth-child(1){background: url("../img/nav1.png") no-repeat 12px;}
.topl li:nth-child(2){background: url("../img/nav2.png") no-repeat 12px;}
.topl li:nth-child(3){background: url("../img/nav3.png") no-repeat 12px;}
.topl li:nth-child(4){background: url("../img/nav4.png") no-repeat 12px;}
.topl li:nth-child(5){background: url("../img/nav5.png") no-repeat 12px;}
.topl li:nth-child(6){background: url("../img/nav6.png") no-repeat 12px;}
.topl li:nth-child(7){background: url("../img/nav7.png") no-repeat 12px;}
.topl li:nth-child(8){background: url("../img/nav8.png") no-repeat 12px;}
.topl li:hover a{color: #fff}
.topl li:nth-child(1):hover{background: url("../img/nav1h.png") #ff3955 no-repeat 12px;}
.topl li:nth-child(2):hover{background: url("../img/nav2h.png") #ff3955 no-repeat 12px;}
.topl li:nth-child(3):hover{background: url("../img/nav3h.png") #ff3955 no-repeat 12px;}
.topl li:nth-child(4):hover{background: url("../img/nav4h.png") #ff3955 no-repeat 12px;}
.topl li:nth-child(5):hover{background: url("../img/nav5h.png") #ff3955 no-repeat 12px;}
.topl li:nth-child(6):hover{background: url("../img/nav6h.png") #ff3955 no-repeat 12px;}
.topl li:nth-child(7):hover{background: url("../img/nav7h.png") #ff3955 no-repeat 12px;}
.topl li:nth-child(8):hover{background: url("../img/nav8h.png") #ff3955 no-repeat 12px;}

.topr{width: 255px;height: 260px;background: #fff;border: 1px solid #ebeaea;margin-top: 12px}
.topra .swiper-container{padding: 30px 0 20px}
.topra ul li{width: 86px;}
.topra ul li dd{box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 10px #f9f2e9;}
.topra ul li img{width: 100%}
.toprb ul li{padding: 0 25px}
.toprb ul li h3{text-align: center;color: #000;font-size: 16px;}
.toprb ul li p{color: #666;margin-top: 10px;line-height: 1.6;font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.topsr{width: 1025px;height: 370px;}
.topsrt{overflow: hidden}
.topsr .Ad{margin-top: 12px}


/*banner图片切换样式*/
.banner{width:750px;height:260px;overflow:hidden;position:relative;margin-top: 12px;border: 1px solid #ebeaea;}
.banner1 li{overflow:hidden;height: 262px}
.banner2{position: absolute;left: 0;bottom: 0;width: 100%}
.banner2 li{width: 20%;line-height:40px;text-align: center;background:rgba(0,0,0,0.4);color: #fff;cursor: pointer;padding: 0 5px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.banner2 li.swiper-slide-thumb-active{background: #ff3955}

.Ad{margin-top: 15px}
.Ad img{max-width: 100%}

.title{padding-bottom: 10px;display: flex;justify-content: space-between;align-items: center;position: relative;overflow: hidden}
.title h2{font-size: 18px;}
.title a{color: #999;font-size: 12px}
.title:after{content: '';position: absolute;bottom: 0;left: 10px;width: 100%;height: 1px;background: #e2e2e2;}
.title:before{content: '';position: absolute;bottom: 0;left: 0;width: 4px;height: 4px;background: #ff3955;}
.title a:hover{color: #FF3955}

.oneA{overflow: hidden;margin-top: 20px;padding: 20px 20px 0;background: #fff}
.oneAs{}
.oneAs ul{border-bottom: 1px solid #d8d8d8;overflow: hidden}
.oneAs ul li{width: 250px;overflow: hidden;padding: 25px 0;float: left;margin-right: 53px}
.oneAs ul li dd{width: 76px;height: 100px;border: 1px solid #bfbfbf;box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;overflow: hidden}
.oneAs ul li dd img{max-width: 100%;transition: all 0.5s;}
.oneAs ul li dl{width: 158px}
.oneAs ul li dl h3{font-weight: normal;font-size: 16px}
.oneAs ul li dl p{font-size: 12px;color: #666;line-height: 1.6;margin: 10px 0;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.oneAs ul li div{display: flex;justify-content: space-between;align-items: center;font-size: 12px;}
.oneAs ul li div span{color: #a6a6a6;background: url("../img/author.png") no-repeat left;padding-left: 20px}
.oneAs ul li div i {display: inline-block;overflow: hidden;max-width: 56px;height: 18px;padding: 0 3px;font-style: normal;text-align: center;color: #a6a6a6;border: 1px solid #e7e7e7;border-radius: 1px;}
.oneAs ul li:nth-child(4n){margin-right: 0}
.oneAs ul:last-child{border: none}
.oneAs ul li:hover dd img{transform: scale(1.08);transition: all 0.5s;}
.oneAs ul li:hover dl h3{color: #FF3955}

.oneB{margin-top: 20px;display: flex;justify-content: space-between}
.oneB dl{width: 290px;background: #fff;padding: 10px 0 18px 18px}
.oneB ul li{position: relative}
.oneB ul li dd{width: 90px;height: 120px;overflow: hidden}
.oneB ul li dd img{max-width: 100%;transition: all 0.5s}
.oneB ul li dl{width: 160px;padding: 0 0 0 15px}
.oneB ul li dl h3{font-size: 16px;margin-bottom: 8px;font-weight: normal}
.oneB ul li dl p{line-height: 2;color: #999;font-size: 12px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.oneB ul li dt{position: absolute;top: 0;left: 0}
.oneB ul li{display: flex;align-items: center;margin-top: 15px}
.oneB ul li i{display:inline-block;font-size: 12px;text-align: center;line-height: 18px;width: 18px;height: 18px;background: #ddd;color: #fff;margin-right: 8px;float: left;font-style: normal;}
.oneB ul li:nth-child(2) i{background: #ff815e}
.oneB ul li:nth-child(3) i{background: #ffa95e}
.oneB ul li:hover dl h3{color: #FF3955}
.oneB ul li:hover dd img{transform: scale(1.08);transition: all 0.5s}
.oneB ul li:hover a{color: #FF3955}

.oneC{background: #fff;padding: 20px;margin-top: 20px;overflow: hidden}
.oneCs{overflow: hidden;display: flex;justify-content: space-between}
.oneCl{width: 265px;background: #ffeaed}
.oneCr{width: 870px}
.oneCr ul li{width: 270px;overflow: hidden;padding: 25px 0;float: left;margin-right:30px}
.oneCr ul li dd{width: 90px;height: 120px;border: 1px solid #bfbfbf;box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;overflow: hidden}
.oneCr ul li dd img{max-width: 100%;transition: all 0.5s}
.oneCr ul li dl{width: 158px}
.oneCr ul li dl h3{font-weight: normal;font-size: 16px}
.oneCr ul li dl p{font-size: 12px;color: #666;line-height: 1.6;margin: 10px 0;min-height: 60px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.oneCr ul li div{display: flex;justify-content: space-between;align-items: center;font-size: 12px;}
.oneCr ul li div span{max-width: 56px;height: 18px;padding: 0 3px;color: #ff3955;border: 1px solid #ff3955;}
.oneCr ul li div i {display: inline-block;overflow: hidden;max-width: 56px;height: 18px;padding: 0 3px;font-style: normal;text-align: center;color: #a6a6a6;border: 1px solid #e7e7e7;border-radius: 1px;}
.oneCr ul li:nth-child(3n){margin-right: 0}
.oneCr ul li:nth-child(7){padding-bottom: 0}
.oneCr ul li:nth-child(8){padding-bottom: 0}
.oneCr ul li:nth-child(9){padding-bottom: 0}
.oneCr ul li:hover dd img{transition: all 0.5s;transform: scale(1.08)}
.oneCr ul li:hover h3{color: #ff3955}

.oneCla .swiper-container{padding: 50px 0 30px}
.oneCla ul li{width: 104px;}
.oneCla ul li dd{box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 10px #f9f2e9;}
.oneCla ul li img{width: 100%}
.oneClb ul li{padding: 0 15px}
.oneClb ul li h3{text-align: center;color: #000;font-size: 18px;}
.oneClb ul li dd{color: #999;text-align: center;padding: 12px 0;}
.oneClb ul li dl{text-align: center}
.oneClb ul li span{display: inline-block;padding: 0 4px;line-height: 20px}
.oneClb ul li .sp1{border: 1px solid #ffa100;color: #ffa100}
.oneClb ul li .sp2{border: 1px solid #ff3955;color: #ff3955}
.oneClb ul li .sp3{border: 1px solid #4284ed;color: #4284ed}
.oneClb ul li p{color: #999;margin-top: 10px;line-height: 1.8}
.oneClb ul li a{display: block;line-height: 38px;border-radius: 30px;background: #ff3955;color: #fff;
    width: 125px;margin: 0 auto;text-align: center;margin-top: 20px}
.oneClb ul li a:hover{background: #ED4259}

.title2{border-bottom: 1px solid #ddd;padding-bottom: 10px;position: relative;
    display: flex;justify-content: space-between;align-items: center}
.title2 h2{color: #ff3955;font-size: 18px;font-weight: normal}
.title2:after{content: '';width: 99px;height: 2px;background: #ff3955;position: absolute;bottom: -1px;left: 0;}
.title2 a{color: #666;font-size: 12px}


.oneD{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap}
.oneD dl{width: 390px;background: #fff;padding: 20px;margin-top: 20px;}
.oneD ul li{overflow: hidden;padding: 10px 0;border-bottom: 1px dotted #dfdfdf}
.oneD ul li dd{width: 90px;height: 120px;border: 1px solid #bfbfbf;box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;overflow: hidden}
.oneD ul li dd img{max-width: 100%;transition: all 0.5s}
.oneD ul li dl{width: 240px;padding: 10px 0 0 0;margin-top: 0}
.oneD ul li dl h3{font-weight: normal;font-size: 16px}
.oneD ul li dl p{font-size: 12px;color: #666;line-height: 1.6;margin: 10px 0;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.oneD ul li:nth-child(1){padding: 18px 0}
.oneD ul li:last-child{border-bottom: none}
.oneD ul li:hover dd img{transition: all 0.5s;transform: scale(1.08)}
.oneD ul li:hover h3{color: #ff3955}
.oneD ul li:hover a{color: #ff3955}

.sx{background: #f2f2f2;overflow: hidden;padding: 25px 0;margin-top: 20px;text-align: center}
.sxs{display: flex;justify-content: center;align-items: center}
.sx select{height: 40px;padding: 0 50px 0 13px;border: none;outline: none;margin: 0 8px;appearance: none;background: url("../img/sx.png") #fff no-repeat 88%}
.sx button{background: #ed4259;color: #fff;line-height: 40px;outline: none;border: none;padding: 0 18px;margin: 0 8px;cursor: pointer}
.sx button:hover{background: #ff3955}

.foot{overflow: hidden;background: #f7f7f7;padding: 30px 0 20px;text-align: center;line-height: 2}
.foot ul{display: flex;justify-content: center;margin-top: 15px}
.foot ul li{margin: 0 15px}
.foot ul li img{max-width: 100%}

/*========================================= 全部作品 =====================================*/
.ny_ban{overflow: hidden;height: 235px;}
.ny_ban .bg-mask {width: 100%;height: 100%;background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff5f5 100%);background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff5f5 100%);background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff5f5 100%);background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff5f5 100%);background-image: linear-gradient(rgba(255,255,255,0),#fff5f5);}

.all{background: #fff;overflow: hidden;position: relative;z-index: 1;margin-top: -200px;margin-bottom: 40px}
.left{width: 200px;padding: 20px 10px}
.left dl{border-bottom: 1px solid #ebebeb;padding-bottom: 6px;margin-bottom: 15px;}
.left dl h3{font-size: 14px;margin-bottom: 15px}
.left ul{display: flex;flex-wrap: wrap}
.left ul li{margin-bottom: 8px;font-size: 12px;line-height: 20px;margin-right: 3px;}
.left ul li a{color: #333;display: inline-block;padding: 0 4px;}
.left ul li a:hover{color: #ff3955 }
.left ul li.active a{background: #ff3955;color: #fff}

.right{width: 970px;}
.right ul li{width: 50%;padding: 25px 0;border-bottom: 1px solid #e6e6e6;float: left;padding-right: 15px}
.right ul li dd{box-shadow: 0 1px 6px rgba(0,0,0,.35);display: block;height: 130px;overflow: hidden;width: 100px;position: relative}
.right ul li dd img{width: 100%;transition: all 0.5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.right ul li dd i{display: inline-block;}
.right ul li dl{width: 348px;}
.right ul li dl h3{font-size: 16px;font-weight: normal;margin: 5px 0 10px}
.right ul li dl span{color: #a6a6a6;font-size: 12px}
.right ul li dl span img{float:left;margin: 3px 5px 0 0}
.right ul li dl em {color: #e6e6e6;font-family: Arial;margin: 1px 8px 0;}
.right ul li dl p {color: #666;font-size:12px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;}
.right ul li:hover dd img{transform: scale(1.08);transition: all 0.5s}
.right ul li:hover h3{color: #ff3955}

.left2{width: 164px;padding: 15px 10px}
.left2 ul li{line-height: 20px;padding: 10px 0}
.left2 ul li a{display: block;border-right: 4px solid #fff;}
.left2 ul li a:hover{color: #ff3955;}
.left2 ul li.active a{border-color: #ff3955;color: #ff3955;font-weight: bold}

.nytitle{border-bottom: 1px solid #ddd;padding: 20px 0 15px}
.nytitle h2{font-size: 20px}
.right2{width: 1030px;padding: 0 20px 30px}

.rangking{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.rangking dl{width: 300px;background: #fff;margin-top: 20px}
.rangking ul li{position: relative;border-bottom: 1px dotted #dfdfdf;}
.rangking ul li{display: flex;align-items: center;justify-content:space-between;padding: 10px 0}
.rangking ul li i{display:inline-block;font-size: 12px;text-align: center;line-height: 18px;width: 18px;height: 18px;background: #FF815E;color: #fff;margin-right: 8px;float: left;font-style: normal;}
.rangking ul li span{color: #999;display: inline-block;width: 20%;text-align: right}
.rangking ul li dd{width: 92%;display: flex;justify-content: space-between}
.rangking ul li dd a{display: inline-block;width: 70%}
.rangking ul li dd a:hover{color: #ff3955}
/*.rangking ul li:nth-child(2) i{background: #ff815e}
.rangking ul li:nth-child(3) i{background: #ffa95e}
.rangking ul li:hover dl h3{color: #FF3955}
.rangking ul li:hover dd img{transform: scale(1.08);transition: all 0.5s}
.rangking ul li:hover a{color: #FF3955}*/

.about{line-height: 2;padding-top: 20px;min-height: 300px}

.book{background: #fff;margin-top: -200px;overflow: hidden;margin-bottom: 40px}
.bookA{padding: 20px;overflow: hidden}
.bookA .bookl{width: 150px;height: 200px;overflow: hidden;position: relative}
.bookA .bookl img{width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.bookA .bookr{width: 980px}
.bookA .bookr h1{font-size: 28px;margin-bottom: 15px}
.bookA .bookr h1 em{font-size: 14px;color: #262626;font-style: normal;font-weight: normal}
.bookA .bookr span{display: inline-block;border-radius: 15px;border-style: solid;border-width: 1px;font-size: 12px;line-height: 22px;
    margin-right: 10px;overflow: hidden;padding: 0 10px;text-align: center;}
.bookA .bookr span.blue {border-color: #9fadc9;color: #3f5a93;}
.bookA .bookr span.red {border-color: #ffb0b4;color: #bf2c24;}
.bookA .bookr span.gray {border-color: #999;color: #666;}
.bookA .bookr p{margin-top: 12px}
.bookA .bookr dd{margin-top: 20px}
.bookA .bookr dd a{display: inline-block;border: 1px solid #14a9ff;line-height: 34px;margin-right: 15px;text-align: center;color: #14a9ff;width: 106px;position: relative}
.bookA .bookr dd a:hover{background: #F0F5FF}
.bookA .bookr dd a:last-child{background: #ff3955;border-color: #ff3955;color: #fff}
.bookA .bookr dd a img{vertical-align: sub;margin-right: 5px}
.bookA .bookr dd a .tips{display:none;position: absolute;bottom: 42px;left: 0;box-shadow: 0 0 6px #ccc;padding: 10px;z-index: 100;background: #fff;text-align: center}
.bookA .bookr dd a .tips img{width: 88px;margin-right: 0}
.bookA .bookr dd a .tips p{color: #333;line-height: normal}
.bookA .bookr dd a:hover .tips{display: block}

.bookB{padding: 10px 20px}
.nytitle2{border-bottom: 1px solid #666;padding-bottom: 15px}
.nytitle2 h2{font-size: 18px;}
.nytitle2 em{font-style: normal;font-weight: normal;padding: 0 3px;min-width: 24px;background: #8ccd0a;font-size: 12px;color: #fff}

.booking{padding-bottom: 20px;overflow: hidden}
.booking ul li{width: 33.3%;float: left;border-bottom: 1px solid #ebebeb;line-height: 42px;display: flex;align-items: center;}
.booking ul li a:hover{color: #ff3955}
.booking ul li i{display: inline-block;width: 15px;margin-left: 10px}
.booking ul li i img{max-width: 100%}

/*=======================================新闻详情页============================================*/
.views{width: 800px;margin: 0 auto}

.location{padding: 20px 0;color: rgba(0,0,0,.4);font-size: 12px}
.location a{color: #666;}

.viewA{background: #f5e4e4;border: 1px solid #d8d8d8;padding: 8px;margin-bottom: 20px}
.viewA dl{border: 1px solid #d8d8d8;text-align: center;padding: 30px}
.viewA dl dd{border: 1px solid #efece5;display: inline-block;width: 160px;height: 200px;position: relative}
.viewA dl dd img{max-width: 100%;border: 4px solid #fffbf2;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.viewA dl h1{font-size: 32px;font-weight: normal;margin: 25px 0 10px}
.viewA dl span{color: rgba(0,0,0,.4);}
.viewA ul{width: 380px;margin: 0 auto;display: flex;justify-content: space-between;margin-top: 35px}
/*.viewA ul li em{font-family: Arial;font-style: normal}*/
.viewA ul li p{font-size: 18px;margin-bottom: 5px}
.viewA ul li label{color: rgba(0,0,0,.4);font-size: 12px}

.view{padding: 40px;background: #f5e4e4;border: 1px solid #d8d8d8;}
.view h1{font-size: 24px;font-weight: normal;}
.info{color: rgba(0,0,0,.4);font-size: 12px;margin: 12px 16px 12px 0;display: flex}
.info span{display: flex;margin-right: 16px;line-height: 18px}
.info span img{vertical-align: middle;margin-right: 5px}
.cont{line-height: 1.8;font-size: 18px;text-indent: 2em}
.cont p{padding: 10px 0}

.viewfy{background: #f5e4e4;border: 1px solid #d8d8d8;margin-top: 20px;font-size: 18px;display: flex;justify-content: space-between;align-items: center}
.viewfy a{display: inline-block;width: 33.3%;text-align: center;line-height: 70px}
.viewfy span {border-right: 1px solid #d8d8d8;height: 32px;}
.viewfy a:last-child{border: none}
.viewfy a:hover{background: rgba(0,0,0,.03);}


/*会员模块*/
.header2{border-bottom: 1px solid #e4e4e4}
.register{border: 1px solid #e4e4e4;margin: 50px auto;padding: 0 35px}
.registerA{text-align: center;font-size: 18px;border-bottom: 1px solid #e4e4e4;height: 55px}
.registerA a{padding: 0 20px;position: relative;display: inline-block;line-height: 55px;}
.registerA a:after{content: '';width: 100%;position:absolute;bottom: 0;left: 0;height: 2px;background: #ff3955;opacity: 0}
.registerA a.on:after{opacity: 1}

/*.register{width: 1000px;}*/
.registerB{padding: 40px 0 10px;display: flex;justify-content: center}
.registerB dl{margin-bottom: 30px;display: flex;align-items: center;}
.registerB label{display: inline-block;width: 105px;text-align: right}
.registerB input{height: 35px;width: 340px;border: 1px solid #c7c5c4;padding: 5px}
.registerB span{font-size: 12px;color: #999}
.registerB .btn{display: inline-block;font-size:16px;width: 340px;line-height: 40px;background: #D06C69;text-align: center;color: #fff;}
.registerB .yzm{margin: 0 10px;height: 37px}
.registerB .kbq{color: #999;font-size: 12px}

.login{display: flex;align-items: center;justify-content: space-between}
/*.loginl{width: 580px}
.loginl img{max-width: 100%}*/
.loginr{border: 1px solid #e4e4e4;width: 398px;padding: 5px 35px 40px;background: #fff}
.loginra{text-align: center;font-size: 18px;border-bottom: 1px solid #e4e4e4;height: 47px}
.loginra a{padding: 0 20px;position: relative;display: inline-block;line-height: 47px;}
.loginra a:after{content: '';width: 100%;position:absolute;bottom: 0;left: 0;height: 2px;background: #ff3955;opacity: 0}
.loginra a.on:after{opacity: 1}

.loginrb{margin-top: 35px;overflow: hidden}
.loginrb dl{width: 100%;border: 1px solid #E6E6E6;margin-bottom: 25px;height: 42px;line-height: 42px;overflow: hidden;display: flex;align-items: center}
.loginrb input{border: none;height: 42px;outline: none;text-indent: 5px;width: 80%}
.loginrb .btn{display: block;font-size:16px;width: 100%;line-height: 40px;background: #D06C69;text-align: center;color: #fff;margin: 25px 0}

.authorA{background: url("../img/author.jpg") no-repeat center;overflow: hidden;padding: 20px 0;}
.authorAs{display: flex;align-items: center;justify-content: space-between}
.authorArl{align-items: center;margin-right: 40px}
.authorArl dd{width: 70px;height: 70px;background: #fff;border-radius: 100%;float: left;margin-right: 10px;position: relative}
.authorArl dd img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.authorAr p{font-size: 16px;color: #fff;}
.authorA dl{margin-top: 20px}
.authorAr a{display: inline-block;width: 82px;line-height: 34px;border-radius: 3px;background: #fff;text-align: center;font-size: 14px;}

.authorB{background: #fff;text-align: center;border-bottom: 2px solid #e1e1e1;margin-bottom: 35px}
.authorB a{line-height: 55px;display: inline-block;padding: 0 20px}
.authorB a.on{color: #f4645f}

.author{box-shadow: 0 1px 1px rgba(0,0,0,.05);border: 1px solid #ddd;background: #fff;margin-bottom: 40px}
.authorC{background: #F5F5F5;padding: 10px 15px;border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom: 1px solid #ddd}
.authorC a{display: inline-block;border-radius: 3px;color: #fff;width: 82px;line-height: 34px;text-align: center}
.authorC .a1{background: #46b8da}
.authorC .a2{background: #4cae4c}

.authorD{padding: 15px}
.authorD table{width: 100%;border-spacing: 0;border-collapse: collapse;}
.authorD table th,.authorD table td {border: 1px solid #ddd;padding: 8px;line-height: 1.42857;text-align: left;}
.authorD table tr:nth-of-type(odd) {background-color: #f9f9f9;}
.authorD a{color: #337ab7}

.jiesuo{display: flex;align-items: center}
.authorD dd{margin-right: 15px}
.authorD dl span{color: #999;display: inline-block;margin-top: 5px;font-size: 12px}

.authorE{padding: 15px;}
.authorE dl{margin-bottom: 20px;display: flex;align-items: center}
.authorE dl input[type="text"],.authorE dl select,.authorE dl textarea{border: 1px solid #E6E6E6;height: 30px;width: 300px;padding: 5px}
.authorE dl label{color: #555;font-weight: bold;min-width: 70px}
.authorE dl textarea{min-height: 80px;width: 880px;padding: 5px}
.authorE a{display: inline-block;width: 110px;line-height: 35px;background: #FF3955;color: #fff;text-align: center;border-radius: 3px}

.spic .spimg{background:#fff; width:80px;border:1px solid #ddd;margin-right:8px; height:80px; display:inline-block; text-align:center;}
.spic img{max-height:100%; max-width:100%; position:relative;top: 50%;transform: translateY(-50%);text-align: center;}
.submitpic{border:none; background:url(../img/addimg.png) #fff no-repeat; background-size:100% 100%; float:left; width:82px !important; height:82px !important; line-height:123px!important; color:#9E9E9E;border: none!important;}
.submitpic:hover{background:url(../img/addimg.png) #eee no-repeat;background-size:100% 100%;}

.notice{}
.notice ul li{border-radius: 4px;box-shadow: 0 1px 1px rgba(0,0,0,.05);border: 1px solid #ddd;background: #fff;margin-bottom: 20px;padding: 15px}
.notice ul li h3{font-size: 18px;font-weight: normal}
.notice ul li p{color: #858585;margin-top: 20px;line-height: 1.6}
.notice ul li:hover h3{color: #FF3955;}

.show{background: #FFFFFF;overflow: hidden;border: 1px solid #ddd;margin-bottom: 40px}
.show_tit{background: #f5f5f5;padding: 15px;text-align: center;}
.show_tit h1{font-size: 22px;font-weight: normal;}
.show_tit p{margin-top: 10px;font-size: 12px;color: #666}
.show_con{border-top: 1px solid #ddd;line-height: 2;padding: 15px}