@charset "utf-8";
/* CSS Document 
*
* @description: 页面结构布局样式
*
* @build by zhangru 2017-1-16
* @updated by liliyan :2018-10-25;
*/
.homebg{background:url("../../images/public/homebg.png") 0 0 no-repeat;}
.iconbg{background:url("../../images/public/iconbg.png") 0 0 no-repeat;}
.micro-blog.iconbg{width:17px;height:14px;display: inline-block;background-position: -29px -110px;vertical-align: -2px;margin-left: 2px;}
.em-color{color: #ff3e59;font-style: normal;}
.em-color-href:hover{color: #e41f3c;}
.emNum{color: #ff2443;font-style: normal;text-align: center;line-height: 21px;}
.top-dropdown.empty-arrow{width:16px;height:16px;background-position: 0 -106px;display: inline-block;margin: 8px 0 0 8px;}
.top-item-icon{width:14px;height: 14px;margin-right: 5px;margin-top: 11px;}
.top-item-icon.balance{background-position: 0 -23px;}
.top-item-icon.media{background-position: 0 -44px;}
.top-item-icon.app-down{background-position: 0 -65px;margin-top: 9px;}
.top-item-icon.help{background-position: 0 -89px;margin-top: 13px;}
.top-item-icon.inside-letter{background-position: 0 0;margin-top: 10px;}
/* 顶部快捷方式 */
.top-shortcut{width:100%;height:31px;background-color: #fff;border-bottom: 1px #e6e6e6 solid;color: #747474;font-size: 14px;line-height: 31px;}
.top-shortcut em{font-style:normal;}
.inner-w{width: 998px;height:auto;margin: 0 auto;}
.top-tags{width:auto;}
.top-tags .top-tagitem,.top-navs .top-navitem{margin-right: 22px;color: #747474;}
.top-navitem.r-m-0{margin-right: 0;}
a.top-navitem:link,a.top-navitem:visited{}
a.top-navitem:hover,a.top-navitem:active{color: #ff2443;}
.app-download,.top-navitem.top-navitem-user{position: relative;cursor: hand;cursor: pointer;}
.top-navitem.top-navitem-user{/*width:178px;*/}
.top-navitem-user .top-user-account{text-indent: 15px;}
.top-shortcut .top-navitem-user .top-user-account .user-main{/*width:150px;*/}
.top-navitem-user .user-name{/*width:88px;*/text-indent: 5px;}

/* 个人中心 */
.mobile-wrap{width:250px;height:auto;background-color: #fff;border: 1px #ececec solid;padding: 20px;border-top:none;}
.mobile-wrap .mobile-btns {float:left;overflow: hidden;}
.mobile-wrap .mobile-btns .mobile-link{text-align: center;}
.mobile-wrap .mobile-qr{width:76px;height: 76px;float: left;margin-right:20px;}
.mobile-wrap .mobile-btns .mobile-tlt {display: block;font-size: 14px;line-height: 16px;}
.mobile-wrap .mobile-btns .mobile-link {display: block;height:35px;line-height:35px;background:#ff3e59;background-image: linear-gradient(to top,#ff3e59 0%,#ff5e75 100%);color: #fff !important;border-radius: 2px;padding: 0px 10px;margin-top: 10px;font-size: 14px;}
.mobile-wrap .mobile-btns .mobile-link:hover{background-color:#e52d47;background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);color:#fff;}
.mobile-wrap .mobile-btns .icon-fonts{font-size: 16px;position: relative;top: 3px;margin-right:15px;display: inline;} 
.mobile-wrap .mobile-btns .icon-fonts.icon-apple{margin-right:10px;}
.mediaDownBox{border-bottom:1px solid #e9e9e9;padding-bottom: 20px;margin-bottom: 20px;}
.top-user-center{position: absolute;width:148px;height: auto;border:1px #ececec solid;border-top: none;background-color: #fff;box-shadow: 0px 0px 5px #f5f5f5;padding: 20px 15px 0;}
.top-user-mess{font-size: 14px;line-height: 20px;color: #646464;}
.top-user-nick{font-size: 18px;line-height: 18px;color: #303030;padding-bottom: 20px;border-bottom:1px #ececec solid;}
.top-user-row{border-bottom:1px #ececec solid;padding:6px 0;text-indent:6px;}
.top-user-row:last-child{border: none;}
.top-navitem .pop-up{position: absolute;top:31px;}
.top-navitem.top-navitem-user .pop-up{left:-1px;}
.top-navitem.app-download .pop-up{right:-1px;}
.top-navitem .pop-up{-webkit-transition: none;-moz-transition: none;transition: none;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: 90% 0;-moz-transform-origin: 90% 0;-ms-transform-origin: 90% 0;transform-origin: 90% 0;visibility: hidden;right: 14px; top: 100%;background: #fff;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);}
.top-navitem-user:hover .pop-up,.top-navitem-user.stay .pop-up,.app-download:hover .pop-up,.app-download.stay .pop-up{visibility: visible;opacity: 1;z-index: 100;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-moz-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);}
.top-navitem.app-download .top-navitem-app:hover{color: #ff3e59;}
.top-navitem-user:hover{background-color: #fff;color: #ff3e59;}
.top-navitem-user:hover .user-main{color: #ff2443;}
.top-navitem-user .user-link{color: #747474;}
.top-navitem .message-link{color: #747474;}
.top-navitem-user:hover .user-link{color: #ff2443;}
.top-navitem-user:hover .top-dropdown{visibility:hidden}

/* 头部导航部分 */
.head-nav{height:49px;padding: 39px 0 34px;background-color:#ff3e59;background-image: linear-gradient(to top,#ff3e59 0%,#ff5e75 100%);}
.logo-tlt{height:49px;background: url("../../images/public/logo.png") 0 0 no-repeat;}
.logo-tlttip{padding-left: 145px;}
.logo-tlth1{font-size: 18px;line-height: 18px;padding:3px 0 10px;color: #fff;}
.logo-tlth2{font-size: 14px;line-height: 14px;color: #fff;}
.head-navlist{margin-left:125px ;height:49px;line-height:49px;font-size:20px;}
.head-navitem{color:#ffb2bd;margin-right:24px;}
.head-navitem:hover,.head-navitem:active{color:#fff;}
.head-navitem.active{color:#fff;font-size:26px;}

/* 页脚部分*/
.footer{height:auto;min-height:270px;font-size: 12px;line-height: 12px;text-align: center;padding-top: 50px;background-color: #e8e9ed;margin-top: 40px;color:#303030;}
.footer img{width:100%;height:auto;vertical-align: top;}
.footer .about-link{font-size: 16px;line-height: 16px;margin-bottom: 47px;}
.footer .about-link-item{font-size: 16px;line-height: 16px;color:#303030;margin:0 50px;}
.footer .about-link-item:hover{color: #e41f3c;}
.footer .about-link-arrow{height:16px;display:inline-block;border-right: 1px solid #dbdce0;vertical-align:middle;}
.footer .about-code-wrap{display:inline-block;width:85px;margin:0 30px;}
.footer .about-code-img{display:inline-block;width:85px;height:85px;overflow:hidden;margin-bottom:15px;}
.footer .about-copyright{margin-top:36px;}
#cnzz_stat_icon_1260733938 img{width:auto;height: auto;}
/* 面包屑 */
.breadcrumb{font-size: 14px;line-height: 14px;padding: 15px 0 12px;cursor: text;}
a.breadcrumb-link .breadcrumb-gt,a.breadcrumb-active cite{font-style: normal;}
.breadcrumb,.breadcrumb a.breadcrumb-active,.breadcrumb a.breadcrumb-link{color: #9da3a8;}
a.breadcrumb-link:link,a.breadcrumb-link:visited{}
a.breadcrumb-link:hover,a.breadcrumb-link:active{color: #ff3e59;}
a.breadcrumb-link:link .breadcrumb-gt{}
a.breadcrumb-link:visited .breadcrumb-gt,a.breadcrumb-link:hover .breadcrumb-gt,a.breadcrumb-link:active .breadcrumb-gt{color: #9da3a8;}
a.breadcrumb-active:hover{cursor: text;}
/* 单选框 */
label.radiobg-label{cursor: hand;cursor: pointer;}
.radiobg-label.iconbg{width:16px;height: 16px;background-position: -30px -135px;display: inline-block;vertical-align: -3px;}
input[type='radio'].radiobg{display: none;}
input[type='radio'].radiobg:checked+label.radiobg-label {background-position: -30px -161px;}
/* 复选框 */
label.checkboxbg-label,label.checkboxbg-txt{cursor: hand;cursor: pointer;}
.checkboxbg-label.homebg{width:20px;height: 20px;background-position: 0 -132px;vertical-align: -7px;display: inline-block;}
input[type=checkbox].checkboxbg{display: none;}
input[type='checkbox'].checkboxbg:checked+label.checkboxbg-label {background-position: 0 -158px;}
input[type='checkbox'].checkboxbg:checked+label.checkboxbg-label+label.checkboxbg-txt {font-weight: bold;}
/* 分页 */
.yema {text-align:center; margin:1px 0;margin: 30px;font-size:16px;}
.yema a{background:#fff;display: inline-block;height:20px; color:#303030;line-height:20px; padding:5px 12px; margin:0; border:1px solid #e8e8e8;font-size:16px;}
.yema a:hover{background:#f3f3f3;color:#303030;}
.yema .active,.yema a.active:hover{ background:#ff3e59 none repeat scroll 0 0;color: #fff;}
.yema .disable,.yema .disable:hover{color:#9da3a8;border:1px solid #e3e3e3;background:#efefef;cursor: not-allowed;} 
.yema i {font-style:normal;}
.yema a.prev{margin-right:10px;}
.yema a.next{margin-left:10px;}
#pagenum{border: 1px solid #c3c3c3;color: #303030; text-align:center; height: 20px;line-height: 20px;margin: 0 5px;padding: 0 7px;}
/* 按钮 */
.radius-btn{border-radius: 2px;}
.redbtn-bg,.bluebtn-bg,.orange-bg,.graybtn-bg,.yellowbtn-bg{color: #fff;}
.redbtn-bg{background-image: linear-gradient(to top,#ff3e59 0%,#ff5e75 100%);-moz-box-shadow:0 0 2px 1px rgba(255,62,89,.5);-webkit-box-shadow:0 0 2px 1px rgba(255,62,89,.5);-ms-box-shadow:0 0 2px 1px rgba(255,62,89,.5);-o-box-shadow:0 0 2px 1px rgba(255,62,89,.5);box-shadow:0 0 2px 1px rgba(255,62,89,.5);}
.redbtn-bg:hover{background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);-moz-background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);-webkit-background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);-ms-background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);-o-background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);color: #fff;}
.yellowbtn-bg{background-image: linear-gradient(to top,#ffa800 0%,#ffba00 100%);-moz-box-shadow:0 0 2px 1px rgba(255,168,0,.5);-webkit-box-shadow:0 0 2px 1px rgba(255,168,0,.5);-ms-box-shadow:0 0 2px 1px rgba(255,168,0,.5);-o-box-shadow:0 0 2px 1px rgba(255,168,0,.5);box-shadow:0 0 2px 1px rgba(255,168,0,.5);}
.yellowbtn-bg:hover{background-image: linear-gradient(to top,#ff9000 0%,#ffa800 100%);-moz-background-image: linear-gradient(to top,#ff9000 0%,#ffa800 100%);-webkit-background-image: linear-gradient(to top,#ff9000 0%,#ffa800 100%);-ms-background-image: linear-gradient(to top,#ff9000 0%,#ffa800 100%);-o-background-image: linear-gradient(to top,#ff9000 0%,#ffa800 100%);color: #fff;}
.graybtn-bg{background-image: linear-gradient(to top,#9d9d9d 0%,#b8b8b8 100%);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,.5);-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.5);-ms-box-shadow:0 0 2px 1px rgba(0,0,0,.5);-o-box-shadow:0 0 2px 1px rgba(0,0,0,.5);box-shadow:0 0 2px 1px rgba(0,0,0,.5);}
.graybtn-bg:hover{background-image: linear-gradient(to top,#878787 0%,#9d9d9d 100%);-moz-background-image: linear-gradient(to top,#878787 0%,#9d9d9d 100%);-webkit-background-image: linear-gradient(to top,#878787 0%,#9d9d9d 100%);-ms-background-image: linear-gradient(to top,#878787 0%,#9d9d9d 100%);-o-background-image: linear-gradient(to top,#878787 0%,#9d9d9d 100%);color: #fff;}

/*服务悬浮框-初始化*/
.suspension-box div,.suspension-box a,.suspension-box img,.suspension-box p{margin:0;padding:0;border:0;background: transparent;outline:none;}
.suspension-box a{outline: none;/* for Forefox */cursor: pointer;}
.suspension-box a{star: expression(this.onFocus=this.blur());/* for Ie*/}
.suspension-box a{color: #303030;text-decoration:none;}
.suspension-box img{ border:none; }
.suspension-box{font:12px/1.3 "Microsoft YaHei","微软雅黑"; color:#2b2e2b; line-height:18px;color: #303030;}
.suspension-box p{word-break: break-all;word-wrap: break-word;line-height: 1em;}
/*服务悬浮框*/
.suspension-box{position: fixed;width: 44px;height: 200px;background: #666;right: calc(((100vw - 1200px) / 2) - 75px);bottom: 100px;border-radius: 5px;display: flex;flex-direction: column;z-index: 99;cursor: pointer;}
.suspension-box .suspension-btn{width: 44px;background: #666;margin:0 auto -20px;text-align:center;font-size:12px;border-radius: 5px;overflow: hidden;}
.to-top{    margin-top: 10px;
    position: fixed;
    width: 44px;
    height: 44px;
    background: #666;
    right: calc(((100vw - 1200px) / 2) - 75px);
    bottom: 50px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    line-height: 44px;}
    .to-top:hover{
        background:#333;
    }
.suspension-box .suspension-btn .bottom_item{color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.suspension-box .suspension-btn .bottom_item:hover{background: #333;}
.suspension-box .suspension-btn-items{width:100%;height:auto;display: block;padding: 25px 0;}
.suspension-box .suspension-btn-items.suspension-btn-top{padding-top:0;}
.suspension-box .suspension-btn-items .suspension-btn-line{width:40px;margin:0 auto 24px;border-top:1px dotted #7a7a7a;}
.suspension-box .suspensionbg{background: url("../../images/public/suspensionbg.png") 0 0 no-repeat;display:inline-block;}
.suspension-box  .suspension-btn  .suspensionbg{margin-bottom: 7px;}
.suspension-box .ask{width: 21px;height:21px;background-position: -6px -78px;}
.suspension-box .top{width: 25px;height:13px;background-position: -46px -78px;}
.suspension-box .suspension-btn-wd{color:#fff;line-height:26px;font-size: 12px;line-height: 12px;}
.price-set-handle{ width: 25px;height: 23px;display: inline-block;background: url(../../images/public/price-notice.png) 0 0 no-repeat;margin-bottom: 7px; }
.price-notice-num{ display: inline-block;width: 18px;height: 18px;text-align: center;line-height: 22px;background: #ff3e59;position: absolute;right: 14px;top: -8px;border-radius: 50%;color: #fff;padding: 2px; }
@media screen and (max-width:1300px) {
    .suspension-box{
        right: 10px!important;
    }
    .to-top{
        right:10px!important;
    }
}
.show_popup_app:hover .popup_app{
    display: block;
    /* transform: translateX(-100px); */
    animation: myshow1 .5s;
    /* animation-direction: reverse; */
}
.popup_app{
    position: fixed;
    display: none;
    min-width: 96px;
    /* min-height: 40px; */
    overflow: hidden;
    padding-right: 20px;
    /* background: #FFF; */
    border-radius: 3px;
    box-sizing: border-box;
    right: calc((100vw - 1267px) / 2);
    bottom: 100px;
    z-index: 999;
}
.popup_app::before{
    content: "";
    position: fixed;
    width: 9px;
    height: 9px;
    background: #FFF;
    z-index: 1;
    bottom: 103px;
    right: calc((100vw - 1233px) / 2);
    transform: rotate(45deg);
    box-shadow: calc((100vw - 1260px) / 2);
}
@keyframes myshow1
{
from {max-width:0px;max-height: 0px;}
/* 50%{max-width:200px;max-height: 220px;width: 200px;} */
to {max-width:323px;max-height: 260px;}
}
.popup_app .down_btn{
    width:150px;
    height: 40px;
    line-height: 40px;
    padding:0 20px;
    background: rgb(255,86,110);
    color: #FFF;
    box-sizing: border-box;
}
/*弹窗*/
.layerBg{position: fixed; top: 0px; left: 0px; width:100%; height:100%; background-color:rgba(0,0,0,.3);z-index: 9999;}
.layerMess{width:480px;height:auto;background-color: #fff;position: absolute;top:50%;left:50%;margin:-246px 0 0 -230px;font-size: 16px;line-height: 38px;padding:0 0 60px 0;color: #000;border: 6px solid rgba(0,0,0,.5);
    border-radius: 5px;}
.layer_title{ height:52px; line-height:52px; background:#5b93ce; color:#fff;font-size:16px; padding-right:15px; padding-left:28px;}
.layer_title.red{ background:#ff948f;}
.layer_title.gry{ background:#f2f1f1; color:#000; padding-left:20px;}
.layer_title a.closeIco{ text-indent:9999px;margin-top: 15px;}
.layer_title a.closeIco2{ text-indent:9999px;margin-top: 12px;}
.layer_cont2{ width:auto; height:auto;}
.okbg{ width:40px; height:30px; padding:20px 15px; background:#0bcf30; border-radius:50%; margin:30px auto;}
.okbg2{ width:20px; height:20px; padding:25px; background:#ff0000; border-radius:50%; margin:30px auto;}
.reasonBox{ padding-top:40px; padding-left:60px;}
.reasonBox span{ display: inline-block; width:170px; margin-bottom:30px; font-size:14px;}
.headPop{width: 100%;height:42px;background:#fff;z-index: 9999;background-color: #d8d8d8;font-size: 14px;}
.headPop h5{margin-left: 20px;}
.headPop span{margin-right: 20px;}
.closeIco{width:20px;height:20px;background: url("../../images/closeIco.png") 0 0 no-repeat;display: block;cursor:hand;cursor:pointer;margin: 12px 0 0 0;}
.p-t-40{ padding-top:40px;}
.textc{text-align: center;}
.font24{font-size: 24px;}
.p-tb-20{ padding-top:20px; padding-bottom:20px;}
.p-tb-40{ padding-top:40px; padding-bottom:40px;}
a.btn05{ display:inline-block;width:140px;height:40px; line-height:40px;font-size: 16px;font-family: microsoft yahei;background: #ff3e59;color: #fff;text-align: center;cursor: pointer;border-radius: 5px; margin:0 15px;}
/* 弹窗 */
.new-media-dialog.layui-layer{ border-radius: 10px; }
.new-media-dialog.layui-layer .layui-layer-title{ border-radius: 10px 10px 0 0;border-color: #EEEEEE;background: #fff;color: #666666; }
.new-media-dialog.layui-layer .layui-layer-content{ font-size: 14px;line-height: 14px;color: #666666; }
.new-media-dialog .new-media-dialog-content{ box-sizing: border-box;width: 100%;overflow-y: auto;padding: 30px 20px 20px 20px; }
.new-media-dialog .new-media-dialog-btn-wrap{ text-align: center;margin-bottom: 30px; }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-btn{ display: inline-block;box-sizing: border-box;width: 120px;height: 40px;font-size: 14px;text-align: center;line-height: 40px;;border-radius: 20px;margin: 0 10px; }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-btn.cancel{ background: #fff;color: #AAAAAA;border: 1px solid #CCCCCC; }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-btn.verify{ background: #FF405C;color: #fff;border: 1px solid #FF405C; }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-btn.verify:hover{ border-color: #FF667D;background-color: #FF667D; }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-btn.plain.verify{ color: #FF405C;background: #fff;border: 1px solid #FF405C; }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-btn.plain.verify:hover{ color: #FF667D;border-color: #FF667D;background-color: rgba(255, 64, 92, 0.10); }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-single-btn{ display: inline-block;box-sizing: border-box;width: 240px;height: 40px;font-size: 14px;text-align: center;line-height: 40px;background: #FF405C;color: #fff;border-radius: 20px; }
.new-media-dialog .new-media-dialog-btn-wrap .new-media-dialog-single-btn.disabled{ background: #DDDDDD; }
.new-media-dialog-bottom{ padding: 25px 0;box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.1);border-radius: 10px; }
.new-media-dialog-bottom .new-media-dialog-btn-wrap{ margin-bottom: 10px; }
.new-media-dialog-bottom .new-media-dialog-bottom-tips{ color: #AAAAAA;font-size: 12px;line-height: 17px;padding: 0 20px;text-align: center; }
.new-media-dialog-bottom .new-media-dialog-bottom-tips span.red{ color: #FF405C; }